@charset "UTF-8"; /**************************************** 공통선언 ****************************************/ /* ie 9 / section 때문에 선언 */ .tpl-layout.tpl-loct-sxn-cd-0001 > div{width:100%; overflow:hidden;} .tpl-layout > div.tpl-area-top{overflow:inherit;} /* 관리자 20.06.09 관리자 확인 사항 작업 완료 => 툴바에서 관리자 삭제 (사유: 툴바는 컬러 선택을 할 수 있기때문에 관리자 지정컬러와 겹칠 가능성 有 ) .shuvic-admin{color:#ff6347 !important;} */ /* 영역에 위젯이 없을 경우 min-height 때문에 공간이 생기는 것을 없애기 위해 추가함 */ .tpl-layout .col-1, .tpl-layout .col-2, .tpl-layout .col-3, .tpl-layout .col-4, .tpl-layout .col-5, .tpl-layout .col-6, .tpl-layout .col-7, .tpl-layout .col-8, .tpl-layout .col-9, .tpl-layout .col-10, .tpl-layout .col-11, .tpl-layout .col-12{min-height:auto;} /* 테이블 부트스트랩 추가 */ .table-borderless, .table-borderless > thead > tr, .table-borderless > thead > tr > th, .table-borderless > tbody > tr, .table-borderless > tbody > tr > td {border: 0;} /**************************************** 공통선언 끝 ****************************************/ .widget-connectionmember .widget-card-body{overflow-y:auto;max-height: 150px; } /**************************************** 상단메뉴 ****************************************/ /**메뉴(공통) 툴바 */ .widget-menubar .tpl-widget-body{margin:0px;} .widget-menubar .menu-container{max-width:1140px; min-width:1140px; margin:0 auto;} .widget-menubar .menu-toolbar-lst:after{display:block; clear:both; content: "";} /*.widget-menubar .menu-toolbar-lst{margin-top: 18px;}*/ .widget-menubar .menu-toolbar-lst li{float:left;} .widget-menubar .menu-toolbar-lst li a{display:block; font-size:0.9rem; padding:0 2px; color:#fff;} .widget-menubar .menu-toolbar-lst li a:after{content:"|"; color:#2570b5; padding:0 5px;} .widget-menubar .menu-toolbar-lst li:last-child a:after{display:none;} .widget-menubar .menu-toolbar-lst li a:hover{color:#9ffff0;} .widget-menubar .menu-toolbar-lst li a.active{color:#23efd0;} .widget-menubar .menu-toolbar-det-lst li{display:block; padding:2px 0;} .widget-menubar .menu-toolbar-det-lst li a{display:block; font-size:0.9rem; padding:0 2px; color:#fff;} .widget-menubar .menu-toolbar-det-lst li a:hover{color: #9ffff0;} /* 메뉴타입 전체 공통 */ .widget-menubar .menu-2deth-lst-dummy-line, .widget-menubar .menu-2deth-lst-dummy-line{background-color:#ff6347;} .widget-menubar .tpl-widget-body .menu-main-wrap{background-color:#0758aa;} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .toolbar-lst .menu-toolbar-lst {float:right} /* 로고이미지 , 타이틀 모두 출력 */ .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img{width:33%; padding:0.8rem 1rem .8rem 0; letter-spacing:-1px; font-size:1.5rem;} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all a, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a{color:#fff} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all .home-logo-img{display:table;} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all .home-logo-img img, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all .home-logo-img span{display:table-cell; vertical-align:middle} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all .home-logo-img img{display:inline-block; height:45px; min-width:40px; margin-right:.5rem; vertical-align:middle} /*.widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .toolbar-lst{width:20%;}*/ /* 파비콘 이미지만 출력 */ .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img .home-logo-img, .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon .home-logo-img{display:inline-block} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img .home-logo-img img{height:40px; vertical-align: middle;} .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon .home-logo-img img{height:50px; vertical-align: middle;} /** 메뉴타입1 */ /*공통*/ .widget-menubar.widget-style-type1 .menu-optn-lst .menu-toolbar-lst{margin-top:0} .widget-menubar.widget-style-type1 .tpl-widget-body a{color:#fff;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container, .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container{position:relative; width:1140px; margin:0 auto;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container ul.menu-optn-lst{display: table; table-layout: fixed; width: 100%; height: 100%;} /*대메뉴*/ .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst > li{display: table-cell; vertical-align: middle;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst > li.home-info-ttl{font-size:1.25rem;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst{display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{display: table-cell; vertical-align: top;text-align:center; padding:0.8rem 0;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem; /* font-size:1rem; */ font-weight:500;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .toolbar-lst{width:21%;} /*서브메뉴*/ .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap {position:absolute; z-index:99999; width:100%; padding:0.8rem 0 1.4rem 0; background-color:rgba(35, 55, 103, 0.9); border-top:2px solid #ff6347; display:none;} .widget-menubar.widget-style-type1 .tpl-widget-body:hover .menu-det-wrap{border-top:2px solid #ff6347;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container{padding:0px 15px;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li:after {display:block; clear:both; content:"";} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst{float:left;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li{float:left; text-align: center;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding:2px 0.5rem; font-size:1rem;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a{display:block; padding:1px 0.5rem 1px 1rem; font-size:0.8rem; text-align:left;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-";} /* 포인트 컬러 */ .widget-menubar.widget-style-type1 .tpl-widget-body a:hover{color:#9ffff0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .widget-menubar.widget-style-type1 .tpl-widget-body li.active a{color:#9ffff0;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li.active a{color:#9ffff0;} .widget-menubar.widget-style-type1 .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li a.active{color:#9ffff0; font-weight:bold;} /** 메뉴타입2 */ /* 공통 */ .widget-menubar.widget-style-type2 .menu-main-wrap a{color:#fff;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst{display: table;table-layout:fixed; ;width: 100%;height: 100%;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst{display: table;width: 100%;height: 100%;} /* 대메뉴 */ .widget-menubar.widget-style-type2 .menu-main-wrap .menu-container .menu-optn-lst > li:first-child{/* padding:0.8rem 1rem .8rem 0; */ width:25%; letter-spacing:-1px; font-size:1.5rem} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst > li{display: table-cell; vertical-align: middle;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst.menu-optn-lst .toolbar-lst{width:21%; vertical-align: middle} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .home-info a{display:block; width:100%; font-size:1.5rem; font-weight:500; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type2 .menu-optn-lst .menu-toolbar-lst{margin-top:0;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst {display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li{position:relative; display: table-cell; vertical-align: top; padding:0.8rem 0; text-align:center;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem; font-size:1rem;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > a{font-weight:500;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{position:absolute; top:0; display:block; height:5px;} /* 상세메뉴 */ .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst{visibility:visible;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{visibility:hidden; position:absolute; top:0; display:block; height:5px;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst-dummy-line{visibility:visible;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding:0.2rem 1rem; text-align:left; white-space: nowrap;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{ top:100%; visibility:hidden; position:absolute; z-index:99999; padding:0.5rem 0 0.8rem 0; background:#233767; border-radius:0; border:1px solid #233767;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a{padding:0.2rem 1.5rem; text-align:left; font-size:0.8rem; white-space:nowrap;} .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-";} /* 포인트 컬러 */ .widget-menubar.widget-style-type2 a{color:#9ffff0;/* font-weight:600; */} .widget-menubar.widget-style-type2 a:hover{color:#9ffff0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} /** 메뉴타입3 */ /* 공통 */ .widget-menubar.widget-style-type3 .menu-container{/* width:100%; max-width:100%; padding:0 1%; */} .widget-menubar.widget-style-type3 .menu-main-wrap li a, .widget-menubar.widget-style-type3 .menu-det-wrap li a{color:#fff;} .widget-menubar.widget-style-type3 .menu-main-wrap{background-color:#0758aa;} .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:block; clear:both; content:"";} /* 대메뉴 */ .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst{display:block; overflow:hidden;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst > li{float:left;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst > li.toolbar-lst{float:right;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl{width:33%; padding:0.8rem 0 !important; font-weight:500; letter-spacing:-1px;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl a{display:block; width:100%; font-size:1.5rem; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl .home-logo-img img{display:inline-block;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl .home-logo-img span{display:inline-block; vertical-align:middle} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl .home-logo-img img{height:45px; min-width:40px; margin-right:.5rem; vertical-align:middle;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{position:relative; float:left; text-align:center; padding:0.8rem 0; vertical-align:top;} .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem; font-size:1rem; font-weight:500;} /*.widget-menubar.widget-style-type3 .menu-main-wrap .menu-optn-lst{visibility: hidden;}*/ .widget-menubar.widget-style-type3.JS-on-load .menu-main-wrap .menu-optn-lst{visibility: visible;} .widget-menubar.widget-style-type3 .menu-main-wrap .menu-optn-lst .toolbar-lst{min-width:200px; float:right !important; padding: 1.35rem 0;} /* 상세메뉴 */ .widget-menubar.widget-style-type3 .menu-det-wrap{visibility:hidden; position:absolute; z-index:9990; width:100%; padding:0.8rem 0 1.4rem 0; background-color:rgba(35, 55, 103, 0.9); border-top:2px solid #598ebf; border-bottom:1px solid #0758aa} .widget-menubar.widget-style-type3 .tpl-widget-body:hover .menu-det-wrap{visibility:visible; border-top: 2px solid #ff6347;} .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .home-info{visibility:hidden;} .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst{display:inline-block;} .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li a{display:block; padding:2px 1rem; font-size:1rem; text-align:left;} .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a{display:block; padding:1px 1rem; font-size:0.8rem; color:#ddd; text-align:left;} .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-"; margin-left:0.625rem;} /* 포인트 컬러 */ .widget-menubar.widget-style-type3 li a:hover, .widget-menubar.widget-style-type3 li a:hover{color:#9ffff0; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease;} .widget-menubar.widget-style-type3 li.active > a{color: #9ffff0; font-weight:600;} /** 메뉴타입4 */ /* 공통 */ .widget-menubar.widget-style-type4 .menu-main-wrap li a{color:#fff;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst{display: table;table-layout:fixed; ;width: 100%;height: 100%;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst{display: table;width: 100%;height: 100%;} /* 대메뉴 */ .widget-menubar.widget-style-type4 .menu-main-wrap .menu-container .menu-optn-lst > li:first-child{/* padding:0.8rem 1rem .8rem 0; */ width:25%; letter-spacing:-1px; font-size:1.5rem} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst > li{display: table-cell; vertical-align: middle;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .home-info{width:33%; padding:0.8rem 1rem .8rem 0; font-weight:500; letter-spacing:-1px;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst.menu-optn-lst .toolbar-lst{width:20%;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .home-info a{display:block; width:100%; font-size:1.5rem; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li{position:relative; display: table-cell; vertical-align: top;padding:0.8rem 0; text-align:center;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem; font-size:1rem; font-weight:500;} .widget-menubar.widget-style-type4 .menu-optn-lst .menu-toolbar-lst{margin-top:0rem;} /* 상세메뉴 */ .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{visibility:hidden; position:absolute; top:0; display:block; height:5px;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .visible .menu-2deth-lst-dummy-line{visibility:visible;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{top:100%;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding:0 0.8rem 0.4rem;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{visibility:hidden; position:absolute; z-index:99999; padding:0.5rem 0 0.8rem 0; background:#233767; border-radius:0; border:1px solid #233767;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding:0.2rem 1rem; text-align:left; white-space: nowrap;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a{padding:0.2rem 1.5rem; text-align:left; font-size:0.8rem; white-space: nowrap;} .widget-menubar.widget-style-type4 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-";} /* 포인트 컬러 */ .widget-menubar.widget-style-type4 li a:hover{color:#9ffff0; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease;} .widget-menubar.widget-style-type4 .menu-1deth-lst > li.active > a{color:#9ffff0; font-weight: 600;} .widget-menubar.widget-style-type4 .menu-2deth-lst > li.active > a{color: #9ffff0;} /** 메뉴타입5 */ /* 공통 */ .widget-menubar.widget-style-type5 li a{color:#fff;} .widget-menubar.widget-style-type5 .menu-container:after, .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst:after, .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst:after{display:block; clear:both; content:"";} .widget-menubar.widget-style-type5 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a{display:table} .widget-menubar.widget-style-type5 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl .home-logo-img img{display:inline-block;} .widget-menubar.widget-style-type5 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl .home-logo-img span{display:inline-block; vertical-align:middle} .widget-menubar.widget-style-type5 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl .home-logo-img img{height:45px; min-width:40px; margin-right:.5rem; vertical-align:text-top;} /* 대메뉴 */ .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst{display:block;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst > li{float:left;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .menu-bars{float:right;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .home-info-img{max-width:330px; min-width:280px; padding:0.8rem 0; font-weight:500;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .home-info-img a{display:block; width:100%; font-size:1.5rem; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{position:relative; float:left; text-align:center;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:1.3rem 0.5rem; font-size:1rem; font-weight:500;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst li a{font-weight:400;} .widget-menubar.widget-style-type5 .menu-optn-lst .menu-toolbar-lst{min-width:200px; margin-top:2rem;} /*.widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst{visibility: hidden;} */ .widget-menubar.widget-style-type5.JS-on-load .menu-main-wrap .menu-optn-lst{visibility: visible;} /* 상세메뉴 타입 2*/ .widget-menubar.widget-style-type5 .menu-optn-lst .menu-bars a{display:block; min-width:66px; line-height:66px; padding:0 1rem; font-size:2rem; vertical-align:middle; background-color:#0758aa; border-color: #0758aa;} .widget-menubar.widget-style-type5 .menu-optn-lst .menu-bars a:focus{box-shadow:none;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst > .menu-lst .menu-2deth-lst{top:100%;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst > .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{position:absolute; top:0; visibility:hidden; display:block; height:5px;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{position:absolute; z-index:99999; visibility:hidden; opacity: 0; padding:0.5rem 0 0.8rem 0; background:#233767; border-radius:0; border:1px solid #233767;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst li a{padding:0.2rem 1rem; text-align:left; color:#fff;white-space: nowrap;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst li a{padding:0.2rem 1.5rem; text-align:left; font-size:0.8rem; color:#fff;white-space: nowrap;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst li a:before{content:"-";} /* 상세메뉴 타입 3*/ .widget-menubar.widget-style-type5 .menu-det-wrap{position:absolute; z-index:99999; visibility:hidden; width:100%; padding:0.8rem 0 1.4rem 0;} .widget-menubar.widget-style-type5 .menu-det-wrap .menu-container .menu-optn-lst .home-info{visibility:hidden;} .widget-menubar.widget-style-type5 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst{display:inline-block;} .widget-menubar.widget-style-type5 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li a{display:block; padding:2px 1rem; font-size:1rem; text-align:left;} .widget-menubar.widget-style-type5 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a{display:block; padding:1px 1rem; font-size:0.8rem; color:#ddd; text-align:left;} .widget-menubar.widget-style-type5 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-"; margin-left:0.625rem;} /**오버 노출영역*/ .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst-dummy-line{visibility: visible;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst{visibility:visible;} .widget-menubar.widget-style-type5.visible .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst-dummy-line{visibility: hidden !important;} .widget-menubar.widget-style-type5.visible .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst{visibility: hidden !important;} .widget-menubar.widget-style-type5.visible .menu-det-wrap{visibility:visible;} /* 포인트 컬러 */ .widget-menubar.widget-style-type5 .menu-det-wrap{border-top:2px solid #598ebf; background-color:rgba(35, 55, 103, 0.9);} .widget-menubar.widget-style-type5.visible .menu-det-wrap{border-top: 2px solid #ff6347;} .widget-menubar.widget-style-type5 li a:hover{color:#9ffff0; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease;} .widget-menubar.widget-style-type5 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst li.active > a{color: #9ffff0; font-weight: 600;} .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst li.active > a{color: #9ffff0;} /** 메뉴타입6 > 서브 */ /* 공통 */ /* .widget-menubar.widget-style-type6 .menu-main-wrap { background-color:#ff5a2b; border-bottom:1px solid #ff5a2b; position:static; height:64px; width:100%; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container { position:absolute; left:50%; top:0px; margin-left:-570px; } .widget-menubar.widget-style-type6 .menu-main-wrap a{color:#fff;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst{display: table;table-layout:fixed; ;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst{display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all a, .widget-menubar.widget-style-type6 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a { font-weight:bold; } */ /* 대메뉴 */ /* .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container .menu-optn-lst > li:first-child{padding:0.8rem 1rem .8rem 0; width:25%; letter-spacing:-1px; font-size:1.5rem} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst > li{display: table-cell; vertical-align: middle;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst.menu-optn-lst .toolbar-lst{width:21%; vertical-align: middle} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .home-info a{display:block; width:100%; font-size:1.5rem; font-weight:500; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type6 .menu-optn-lst .menu-toolbar-lst{margin-top:0;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst {display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li{position:relative; display: table-cell; vertical-align: top; padding:0.8rem 0; text-align:center;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem 0px; font-size:1rem;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > a{ font-weight:300; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li.active > a{ font-weight:bold; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li.active:after { content:""; display:inline-block; width:60%; height:4px; background-color:#fff; overflow:hidden; position:absolute; bottom:0px; left:20%; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{position:absolute; top:0; display:block; height:5px;} */ /*툴바*/ /* .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst { padding-top:2px; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a { font-weight:300; font-size:0.85rem; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a:after { color:#fff; font-weight:100; font-size:0.8rem; } */ /* 상세메뉴 */ /* .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst { top:64px !important; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{visibility:hidden; position:absolute; top:0; display:block; height:5px;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst-dummy-line{visibility:visible;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst { position:absolute; z-index:99999; padding:0.5rem 0 0.8rem 0; background-color:#ff5a2b; border-radius:0; border:0px solid #233767; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a { padding:0.2rem 1rem; text-align:left; white-space: nowrap; text-align:center; font-size:0.9rem; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a:hover { color:#fff; font-weight:bold; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a{padding:0.2rem 1.5rem; text-align:left; font-size:0.8rem; white-space:nowrap;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-";} */ /*마우스 오버시*/ /* .widget-menubar.widget-style-type6 .menu-main-wrap:hover { } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-container .menu-optn-lst .home-info-all a, .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-container .menu-optn-lst .home-info-ttl a { } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li > a { } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover > a { font-weight:bold; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover:after { content:""; display:inline-block; width:60%; height:4px; background-color:#fff; overflow:hidden; position:absolute; bottom:0px; left:20%; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a { } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a:hover { color:#fff; } */ /* 포인트 컬러 */ /* .widget-menubar.widget-style-type6 a{color:#9ffff0; font-weight:600;} .widget-menubar.widget-style-type6 a:hover{color:#9ffff0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} */ /** 메뉴타입6 > 메인*/ /* 공통 */ .widget-menubar.widget-style-type6 .menu-main-wrap { background-color:transparent; border-bottom:0px solid #fff; position:absolute; height:64px; width:100%; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container { position:absolute; left:50%; top:0px; margin-left:-570px; } .widget-menubar.widget-style-type6 .menu-main-wrap a{color:#fff;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst{display: table;table-layout:fixed; ;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst{display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all a, .widget-menubar.widget-style-type6 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a { font-weight:bold; } /* 대메뉴 */ .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container .menu-optn-lst > li:first-child{/* padding:0.8rem 1rem .8rem 0; */ width:25%; letter-spacing:-1px; font-size:1.5rem} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst > li{display: table-cell; vertical-align: middle;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst.menu-optn-lst .toolbar-lst{width:21%; vertical-align: middle} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .home-info a{display:block; width:100%; font-size:1.5rem; font-weight:500; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-menubar.widget-style-type6 .menu-optn-lst .menu-toolbar-lst{margin-top:0;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst {display: table;width: 100%;height: 100%;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li {position:relative; display: table-cell; vertical-align: top; padding:0.8rem 0; text-align:center;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li a{display:block; padding:0.5rem 0px; font-size:1rem; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > a{font-weight:500; font-weight:300; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{position:absolute; top:0; display:block; height:5px;} /*툴바*/ .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst { padding-top:2px; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a { font-weight:300; font-size:0.85rem; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a:after { color:#fff; font-weight:100; font-size:0.8rem; } /* 상세메뉴 */ .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst { top:63px !important; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst .menu-2deth-lst-dummy-line{visibility:hidden; position:absolute; top:0; display:block; height:5px;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover .menu-2deth-lst-dummy-line{visibility:visible;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst { position:absolute; z-index:99999; padding:0.5rem 0 0.8rem 0; background:#fff;; border-radius:0; border:0px solid #233767; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a { padding:0.2rem 1rem; text-align:left; white-space: nowrap; /* color:#9f9f9f; */ color:#666; text-align:center; font-size:0.9rem; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst > li a:hover { color:#ff5a2b; font-weight:bold; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a{padding:0.2rem 1.5rem; text-align:left; font-size:0.8rem; white-space:nowrap;} .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-3deth-lst > li a:before{content:"-";} /*마우스 오버시*/ .widget-menubar.widget-style-type6 .menu-main-wrap:hover { background-color:#fff; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-container .menu-optn-lst .home-info-all a, .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-container .menu-optn-lst .home-info-ttl a { color:#ff5a2b; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li > a { color:#6b6b6b; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover > a { color:#ff5a2b; font-weight:bold; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li.active:after { content:""; display:inline-block; width:90%; height:4px; background-color:#ff5a2b; overflow:hidden; position:absolute; bottom:0px; left:5%; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > ul:before { content:""; display:inline-block; width:0px; height:0px; position:absolute; top:-14px; left:50%; border-top:0px solid #aaa; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:14px solid #aaa; margin-left:-10px; } .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > ul:after { content:""; display:inline-block; width:0px; height:0px; position:absolute; top:-13px; left:50%; border-top:0px solid #aaa; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:14px solid #fff; margin-left:-10px; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li:hover > ul { border:1px solid #ddd; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a { color:#8a8a8a; } /* .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a:after { color:#8a8a8a; } */ /* 포인트 컬러 */ /* .widget-menubar.widget-style-type6 a{color:#9ffff0; font-weight:600;} .widget-menubar.widget-style-type6 a:hover{color:#9ffff0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} */ /** 메뉴타입6 > 서브*/ /* 공통 */ .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 { height:64px; } .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 .menu-main-wrap { border-bottom:1px solid #ddd; } .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container .menu-optn-lst .home-info-all a, .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a { color:#000; } .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .menu-lst .menu-1deth-lst > li > a { color:#6b6b6b; } .widget-menubar.widget-style-type6 .menu-main-wrap:hover .menu-optn-lst .menu-lst .menu-1deth-lst > li.active:after { display:none; } .tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type6 .menu-main-wrap .menu-optn-lst .toolbar-lst ul.menu-toolbar-lst li a { color:#8a8a8a; } /*** [상단 메뉴 타입7] ***/ /* 재선언 */ .widget-menubar.widget-style-type7 .tpl-widget-body .menu-main-wrap{background-color:#fff; border-bottom:1px solid #dbdbdb;} .widget-menubar.widget-style-type7 a:hover{color:#000; opacity:0.85;} /* 영역 */ .widget-menubar.widget-style-type7 .gnb-inner:after{content:""; display:block; clear:both; overflow:hidden;} .widget-menubar.widget-style-type7 .gnb-inner .gnb-gohome{float:left; width:26%; padding-right:6.72%;} .widget-menubar.widget-style-type7 .gnb-inner .gnb-depth{float:right; width:74%;} /** 상단 로고 **/ .widget-menubar.widget-style-type7 .gnb-gohome a{display:block; font-size:21px; color:#000;} /* 파비콘 + 단체명 */ .widget-menubar.widget-style-type7 .gnb-gohome .home-info-all{} /* 단체명 */ .widget-menubar.widget-style-type7 .gnb-gohome .home-info-ttl{} /* 파비콘, 시스템 로고 */ .widget-menubar.widget-style-type7 .gnb-gohome .home-info-favicon, .widget-menubar.widget-style-type7 .gnb-gohome .home-info-img{line-height:99px} .widget-menubar.widget-style-type7 .gnb-gohome .home-info-favicon img, .widget-menubar.widget-style-type7 .gnb-gohome .home-info-img img{vertical-align:middle;} /** 상단 로고 끝 **/ /* 상단 메뉴 타입7 */ .widget-menubar.widget-style-type7 .gnb-depth01-lst{display:table; width:100%; table-layout:fixed; overflow:hidden;} _:-ms-fullscreen, :root .widget-menubar.widget-style-type7 .gnb-depth01-lst{border:1px solid transparent;} @media screen and (min-width:0\0) {.widget-menubar.widget-style-type7 .gnb-depth01-lst{border:1px solid transparent\9;} } .widget-menubar.widget-style-type7 .gnb-depth01-lst > li{position:relative; display:table-cell; line-height:49px; text-align:center;} .widget-menubar.widget-style-type7 .gnb-depth01-lst > li:before, .widget-menubar.widget-style-type7 .gnb-depth01-lst > li:last-child:after{content:""; position:absolute; top:50%; left:0; width:3px; height:3px; background-color:#454545; border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-menubar.widget-style-type7 .gnb-depth01-lst > li:last-child:after{left:auto; right:0;} .widget-menubar.widget-style-type7 .gnb-depth01-lst > li > a{position:relative; display:block; padding:1.5rem 0; font-size:20px; text-decoration:none;} .widget-menubar.widget-style-type7 .gnb-depth01-lst > li.active a:before{content:""; display:block; position:absolute; top:27px; left:50%; width:9px; height:9px; background-color:#acbcd6; border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-menubar.widget-style-type7 .gnb-depth01-lst > li.active > a{color:#619bfd;} /* 상단 메뉴 타입7 > 2차 영역 */ .widget-menubar.widget-style-type7 .menu-det-wrap{display:none; position:absolute; z-index:100; width:100%; background-color:#f9fafa; overflow:hidden;} .widget-menubar.widget-style-type7 .menu-det-wrap .gnb-inner .gnb-depth{position:relative; padding-left:4%;} .widget-menubar.widget-style-type7 .menu-det-wrap .gnb-depth .gnb-depth02-lst > li{display:none; position:absolute; left:4%;} /* 상단 메뉴 타입7 > 2차 단체명 */ .widget-menubar.widget-style-type7 .menu-det-wrap .gnb-det-gohome{padding:38px 0; font-size:36px; text-align:center; background-color:#2f5692; color:#fff;} /* 상단 메뉴 타입7 > 2차 메뉴 */ .widget-menubar.widget-style-type7 .gnb-depth02-lst{width:100%; padding-top:29px; text-align:left;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li:after{content:""; display:block; clear:both; overflow:hidden;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul{float:left; margin-right:100px;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul:last-child{margin-right:0;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul li a{position:relative; display:block; padding-left:10px; font-size:18px; line-height:42px; text-decoration:none;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul li a:before{content:""; position:absolute; top:50%; left:0; width:3px; height:3px; background-color:#454545; border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-menubar.widget-style-type7 .gnb-depth01-lst:hover{overflow:visible;} .widget-menubar.widget-style-type7 .gnb-depth01-lst:hover .gnb-depth02-lst{display:block;} .widget-menubar.widget-style-type7 .gnb-inner .gnb-depth:hover .gnb-depth01-lst > li:hover .gnb-depth02-lst{display:block;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > a:hover{color:#000; text-decoration:underline;} /* 상단 메뉴 타입7 > 마우스 오버 이벤트 */ .widget-menubar.widget-style-type7 .GNB-hover .menu-det-wrap{display:block; min-height:130px; border-bottom:2px solid #253455;} .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul li a:hover, .widget-menubar.widget-style-type7 .gnb-depth02-lst > li > ul li.active a{color:#619bfd;} /* 툴바 */ .widget-menubar.widget-style-type7 .gnb-depth01-lst > li.menu-toolbar-lst:after{display:none;} .widget-menubar.widget-style-type7 .menu-toolbar-lst li a{font-size:14px; color:#666;} .widget-menubar.widget-style-type7 .menu-toolbar-lst li a:after{color:#666;} /*** [상단 메뉴 타입7 끝] ***/ /*** [상단메뉴 타입8] ***/ /* 상세 메뉴 여닫기를 위한 바디 설정 */ .page_hidden{height:100vh; overflow-y:hidden; -ms-overflow-style:none;} .page_hidden::-webkit-scrollbar{display:none;} /* 영역 */ .widget-menubar.widget-style-type8{position:unset;} .widget-menubar.widget-style-type8 a:hover{color:unset; text-decoration:none;} .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap{background-color:#fff;} .widget-menubar.widget-style-type8 .menu-optn-lst{font-size:0;} .widget-menubar.widget-style-type8 .menu-optn-lst > *{display:inline-block; font-size:16px; vertical-align:top;} /* 로고 */ .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all, .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl, .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon, .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img{padding:34px 0;} .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all a, .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl a{color:#000;} .widget-menubar.widget-style-type8 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl{font-size:28px;} /* 메인 메뉴 */ .widget-menubar.widget-style-type8 .menu-lst{width:calc(100% - 40px);} .widget-menubar.widget-style-type8 .home-info-all + .menu-lst, .widget-menubar.widget-style-type8 .home-info-ttl + .menu-lst, .widget-menubar.widget-style-type8 .home-info-favicon + .menu-lst, .widget-menubar.widget-style-type8 .home-info-img + .menu-lst{width:calc(100% - 33% - 40px);} .widget-menubar.widget-style-type8 .menu-1deth-lst{text-align:center;} .widget-menubar.widget-style-type8 .menu-1deth-lst > li{position:relative; display:inline-block; font-size:16px; vertical-align:top;} .widget-menubar.widget-style-type8 .menu-1deth-lst > li > a{position:relative; display:block; padding:39.25px 65px; font-size:21px;} .widget-menubar.widget-style-type8 .menu-1deth-lst > li > a.active{color:#4b98e8; font-weight:500;} /* 메뉴 열기 버튼 */ .widget-menubar.widget-style-type8 .menu-det-open-btn-wrap{width:40px; padding:35px 0; text-align:center;} .widget-menubar.widget-style-type8 .menu-det-open-btn-wrap .menu-det-open-btn{background:transparent; color:#181818; border:0; outline:0;} .widget-menubar.widget-style-type8 .menu-det-open-btn-wrap i{font-size:24px;} /* 상세 메뉴 영역 */ .widget-menubar.widget-style-type8 .menu-det-wrap{position:fixed; top:0; left:100%; z-index:990; width:100%; height:100vh; min-height:954px; font-size:0; background-color:#f5f5f5;} .widget-menubar.widget-style-type8 .menu-det-wrap > *{display:inline-block; font-size:16px; vertical-align:top;} /* 상세 메뉴 닫기 버튼 */ .widget-menubar.widget-style-type8 .menu-det-wrap .menu-det-close-btn{position:absolute; top:33px; right:14.7%; z-index:9999; padding:0 12px; font-size:30px !important; background:transparent; color:#181818; border:0; outline:0;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-det-close-btn i{font-weight:200;} /* 메뉴 비주얼 영역 */ .widget-menubar.widget-style-type8 .menu-visual-wrap{position:relative; width:23%; height:100%; background-color:#e0e2e4;} /* 메뉴 비주얼 로고 */ .widget-menubar.widget-style-type8 .menu-visual-wrap .menu-visual-home-info{position:absolute; top:6.9%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /* 메뉴 비주얼 이미지 */ .widget-menubar.widget-style-type8 .menu-visual-img-wrap{width:100%; height:100%;} .widget-menubar.widget-style-type8 .menu-visual-img-wrap .menu-visual-img {background-size: cover; width: 100%; height: 100vh; background-position: center;} .widget-menubar.widget-style-type8 .menu-visual-img-wrap img{max-width:100%; height:100%; object-fit:cover;} /* 상세 메뉴 */ .widget-menubar.widget-style-type8 .menu-det-wrap .menu-optn-lst-wrap{position:relative; width:calc(100% - 23%); height:100%; padding:0 250px 0 100px;} .widget-menubar.widget-style-type8 .menu-det-wrap ul > li > a{display:block; word-break:keep-all;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst{padding-top:80px; text-align:left;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst > li{width:calc(100% / 4);} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst > li.line-bottom{border-bottom:1px solid #dfdfdf;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst > li:nth-child(-n+4){padding-bottom:38px;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst > li:nth-child(n+5):nth-child(-n+8){margin-top:43px;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-1deth-lst > li > a{margin-bottom:18px; padding:0; font-size:28px; font-weight:500; text-align:left; word-break:keep-all;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-2deth-lst > li{text-align:left;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-2deth-lst > li > a{font-size:18px; line-height:2.45; color:#666;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-3deth-lst > li{text-align:left;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-3deth-lst > li > a{font-size:16px; line-height:2; color:#757575;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-3deth-lst > li > a:before{content:"-";} @media screen and (min-width: 1920px) { .widget-menubar.widget-style-type8 .menu-visual-wrap{width:450px;} .widget-menubar.widget-style-type8 .menu-det-wrap .menu-optn-lst-wrap{width:calc(100% - 450px);} } /*** [상단메뉴 타입8 끝] ***/ /**************************************** 상단메뉴 끝 ****************************************/ /**************************************** 이미지 크롬 브라우저 공통 ****************************************/ .widget-board .board-photo-lst li .img-link img, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.login-info .img-link img, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.comp-info .img-link img, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.mem-view-his-info .img-link img, .widget-bizhome .bizhp-lst .bizhp-det >dl > dt img{width:-webkit-fill-available; object-fit:cover;} /**************************************** 이미지 크롬 브라우저 공통 끝 ****************************************/ /**************************************** 게시판 ****************************************/ /** [공통] 게시판 */ .widget-board .ttl a{color:#000;} .widget-board .board-con a{color:#333;} .widget-board .hit, .widget-board .dt, .widget-board .user-nm a{color:#666;} /*게시판 리스트형 공통*/ .board-bas-lst li ul:after{display:block; clear:both; content:"";} .board-bas-lst > li ul{margin-bottom:5px; line-height:30px; padding:0.25rem 0; border-bottom:1px solid #dedede;} .board-bas-lst > li:last-child ul{margin-bottom:0;} .board-bas-lst li ul .ttl:after{display:block; clear:both; content:"";} .board-bas-lst li ul .ttl{float:left; width:82%;} .board-bas-lst li ul a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .board-bas-lst li ul a .category{font-weight: bold;} .board-bas-lst li .user-nm a, .board-bas-lst li .dt, .board-bas-lst li .hit{font-size:0.85rem;} .board-bas-lst li .user-nm{width:9%; float:left;} .board-bas-lst li .dt{float:right; width:9%; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /** 게시판 리스트 스타일 레이이아웃별 크기 조정 -> 가로사이즈가 col-3, col-4-5, col-4 작성자숨기고 col-9부터 나타남 */ .widget-col-3 .board-bas-lst .ttl { width:70%; } .widget-col-3 .board-bas-lst .user-nm { display:none; } .widget-col-3 .board-bas-lst li .dt { width:30%; } .widget-col-4-5 .board-bas-lst .ttl { width:75%; } .widget-col-4-5 .board-bas-lst .user-nm { display: none; } .widget-col-4-5 .board-bas-lst .dt { width:25%; } .widget-col-4 .board-bas-lst .ttl {width:75%; } .widget-col-4 .board-bas-lst .user-nm { display: none; } .widget-col-4 .board-bas-lst .dt { width:25%; } .widget-col-9 .board-bas-lst .ttl{width: 75%;} .widget-col-9 .board-bas-lst .user-nm{width:11%; margin-left:2%} .widget-col-9 .board-bas-lst .dt{width:10%; margin-left:2%} .widget-board.widget-style-type1.widget-count-5 .widget-card-body{min-height: 175px;} /*게시판 포토형 공통*/ .widget-board .board-photo-lst:after{display:block; clear:both; content:"";} .widget-board .board-photo-lst > li{float:left; width:25%;} .widget-board .board-photo-lst > li .item-wrap{margin:0.625rem; background-color:#fff; border: 1px solid #ccc;} .widget-board .board-photo-lst > li .item-wrap:hover{border:1px solid #ddd; -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); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .widget-board .board-photo-lst li .img-link{position:relative; display:block; width:100%; max-height:195px; min-height:195px; margin:0 auto; overflow:hidden;} .widget-board .board-photo-lst li .img-link img{position:absolute; top:50%; left:50%; width:100%; 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-board .board-photo-lst ul:after{display:block; clear:both; content:"";} .widget-board .board-photo-lst ul{min-height:68px; padding:0.5rem;} .widget-board .board-photo-lst ul li.ttl{float:left; width:100%; margin-bottom:0.5rem;} .widget-board .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-board .board-photo-lst ul li.board-con{min-height:1.5rem; float:left; width:100%; margin-bottom:0.5rem;} .widget-board .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-board .board-photo-lst ul li.user-nm, .widget-board .board-photo-lst ul li.dt, .widget-board .board-photo-lst ul li.hit{font-size:0.85rem; color:#666; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-board .board-photo-lst ul li.user-nm{width:50%;} .widget-board .board-photo-lst ul li.dt{width:50%; text-align:right;} .widget-board .board-photo-lst ul li.hit{display:none;} .widget-board .board-photo-lst .board-more-btn{display:block; padding:0 0 0.5rem 0.5rem; color:#363636; font-weight:600;} .widget-board .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-board .board-photo-lst > li.no-result{width:100%; margin:0 auto; border:0;} .widget-board .board-photo-lst > li.no-result:hover{border:0; box-shadow:none;} .widget-board.tpl-widget .bx-wrapper .board-photo-lst img{width:auto; max-width:none;} /** 카운트 별 포토갤러리 폭 정의 */ .widget-board.widget-count-1 .board-photo-lst > li{float:left; width:100%;} .widget-board.widget-count-2 .board-photo-lst > li{float:left; width:50%;} .widget-board.widget-count-3 .board-photo-lst > li{float:left; width:33.3%;} .widget-board.widget-count-4 .board-photo-lst > li{float:left; width:25%;} .widget-board.widget-count-5 .board-photo-lst > li{float:left; width:20%;} /*게시판 슬라이드형 공통*/ .widget-board.widget-style-type5 .board-photo-lst{margin-bottom:2rem;} .col-3 .widget-board.widget-style-type5 .board-photo-lst > li{width:100%;} /*카페형 가로나열갯수 추가*/ /* .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.viewCnt0 li { width:calc(100% / 4); } */ .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-1 > li { width:calc(100% / 1); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-2 > li { width:calc(100% / 2); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-3 > li { width:calc(100% / 3); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-4 > li { width:calc(100% / 4); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-5 > li { width:calc(100% / 5); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-6 > li { width:calc(100% / 3); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-7 > li { width:calc(100% / 4); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-8 > li { width:calc(100% / 4); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-9 > li { width:calc(100% / 5); } .tpl-loct-sxn-cd-0005 .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-10 > li { width:calc(100% / 5); } /* 출력 개수 수정 */ .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-1 > li { width:calc(100% / 1); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-2 > li { width:calc(100% / 2); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-3 > li { width:calc(100% / 3); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-4 > li { width:calc(100% / 4); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-5 > li { width:calc(100% / 5); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-6 > li { width:calc(100% / 3); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-7 > li { width:calc(100% / 4); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-8 > li { width:calc(100% / 4); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-9 > li { width:calc(100% / 5); } .widget-board.widget-style-type5 .widget-card-body .bx-wrapper ul.COMMON_BX_SLIDER li ul.board-photo-lst.widget-item-cnt-10 > li { width:calc(100% / 5); } /** 게시판 포토형 스타일 레이이아웃별 크기 조정 */ .widget-col-3 .board-photo-lst > li{width:100%;} .widget-col-3 .widget-board .board-photo-lst li .img-link{width:100%; height:100%;} .widget-col-3 .widget-board .board-photo-lst ul li.user-nm{width:40%;} .widget-col-3 .widget-board .board-photo-lst ul li.dt{width:30%; text-align:center;} .widget-col-3 .widget-board .board-photo-lst ul li.hit{display:block; float:right; width:21%;} .widget-col-4-5 .board-photo-lst > li{width : 50%;} .widget-col-4-5 .widget-board .board-photo-lst li .img-link{width:100%; height:100%;} .widget-col-9 .board-photo-lst > li a.img-link:before, .widget-col-9 .board-photo-lst > li a.img-link:after {visibility: hidden;} .widget-col-9 .board-photo-lst > li a img{vertical-align: middle; border: 0;} .widget-col-9 .board-photo-lst > li{width:33.33%;} /*게시판 공지형 공통*/ .board-notice-lst > .main-lst{float:left; width:30%;} .board-notice-lst > .main-lst .board-photo-lst > li{float:none; width:100%; margin:0;} .board-notice-lst > .main-lst .board-photo-lst > li .img-link{width:100%; height:181px !important; min-height:181px; max-height:181px; border:1px solid #ccc} .board-notice-lst > .main-lst .board-photo-lst .ttl{padding:0 .5rem} .board-notice-lst > .sub-lst{float:left; width:70%; padding-left:1.25rem;} .board-notice-lst > .sub-lst .board-bas-lst ul{border-bottom:1px solid #dedede; font-size:1.15rem; line-height:40px; padding:.25rem 0 .35rem 0} .widget-col-3 .board-notice-lst > .main-lst{float:none; width:100%; margin:0;} .widget-col-3 .board-notice-lst > .sub-lst{float:none; width:100%; margin:0; padding-left:0;} .widget-col-3 .board-notice-lst > .sub-lst .board-bas-lst ul{border-bottom:1px solid #dedede; font-size:1rem; line-height:30px; padding:0} /* 게시판 탭형 공통 */ .widget-board.widget-style-type7 .widget-card-header{min-height:67px;} .widget-board.widget-style-type4 .tpl-widget-body, .widget-board.widget-style-type7 .tpl-widget-body{position:relative;} .widget-board .widget-card .board-lst-tab-body .widget-more-btn{position:absolute; top:1.125rem; right:0.625rem; padding: 2px 5px; font-size:12px;} .widget-board .board-lst-tab .board-lst-tab-header li a{text-align:center; display:block; padding:1rem; font-weight:bold; background-color:#e0e0e0; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-board .board-lst-tab .board-lst-tab-header li.active a{background-color:#1b4293; color:#fff;} .widget-board.widget-style-type4 .widget-card .widget-card-header dl, .widget-board.widget-style-type7 .widget-card .widget-card-header dl{border-bottom:0;} .widget-board.widget-style-type4 .widget-card .widget-card-header .widget-card-header-body, .widget-board.widget-style-type7 .widget-card .widget-card-header .widget-card-header-body{border-bottom:0;} /*My AI Center 메뉴중 > 내인맥관리 : 상단탭형 */ ul.nav-tabs { } ul.nav-tabs li { } ul.nav-tabs li a { background:#f6f6f6; border:1px solid #c5c5c5; border-radius:4px 4px 0px 0px; color:#454545; font-size:1rem; font-weight:bold; } ul.nav-tabs li a.active { background:#0758aa; border:1px solid #0758aa; color:#fff; font-weight:bold; } /*My AI Center 메뉴중 > 내인맥관리 : 리스트 */ ul.myGroup_tag_list { font-size:1rem; } ul.myGroup_tag_list li { } ul.myGroup_tag_list li a { } /* 게시판 탭형 가로형 */ .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header ul{display:table; table-layout:fixed; width:100%;} .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header li{display:table-cell; font-size:0.95rem; border-right:1px solid #fff;} .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header li:last-child{border-right:0;} .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-body{min-height:170px; padding:0.8rem 0;} .widget-col-6 .widget-board.widget-style-type4 .user-nm{display:none;} .widget-col-6 .widget-board.widget-style-type4 .ttl{width:88%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .widget-col-6 .widget-board.widget-style-type4 .dt{width:11%;} .widget-col-4 .widget-board.widget-style-type4 .user-nm{display:none;} .widget-col-4 .widget-board.widget-style-type4 .ttl{width:81%;} .widget-col-4 .widget-board.widget-style-type4 .dt{width:17%;} /* 게시판 탭형 가로형 출력개수 높이 */ .widget-board.widget-count-1 .board-lst-tab .board-lst-tab-body, .widget-board.widget-count-2 .board-lst-tab .board-lst-tab-body{min-height:114px;} .widget-board.widget-count-3 .board-lst-tab .board-lst-tab-body{min-height:155px;} .widget-board.widget-count-4 .board-lst-tab .board-lst-tab-body{min-height:199px;} .widget-board.widget-count-5 .board-lst-tab .board-lst-tab-body{min-height:243px;} .widget-board.widget-count-6 .board-lst-tab .board-lst-tab-body{min-height:287px;} .widget-board.widget-count-7 .board-lst-tab .board-lst-tab-body{min-height:331px;} .widget-board.widget-count-8 .board-lst-tab .board-lst-tab-body{min-height:375px;} .widget-board.widget-count-9 .board-lst-tab .board-lst-tab-body{min-height:419px;} .widget-board.widget-count-10 .board-lst-tab .board-lst-tab-body{min-height:463px;} .widget-board.widget-count-11 .board-lst-tab .board-lst-tab-body{min-height:507px;} .widget-board.widget-count-12 .board-lst-tab .board-lst-tab-body{min-height:551px;} .widget-board.widget-count-13 .board-lst-tab .board-lst-tab-body{min-height:595px;} .widget-board.widget-count-14 .board-lst-tab .board-lst-tab-body{min-height:639px;} .widget-board.widget-count-15 .board-lst-tab .board-lst-tab-body{min-height:683px;} .widget-board.widget-count-16 .board-lst-tab .board-lst-tab-body{min-height:727px;} .widget-board.widget-count-17 .board-lst-tab .board-lst-tab-body{min-height:771px;} .widget-board.widget-count-18 .board-lst-tab .board-lst-tab-body{min-height:815px;} .widget-board.widget-count-19 .board-lst-tab .board-lst-tab-body{min-height:831px;} .widget-board.widget-count-20 .board-lst-tab .board-lst-tab-body{min-height:903px;} /* 게시판 탭형 세로형 */ .widget-board.widget-style-type7 .widget-card-body{padding:0;} .widget-board.widget-style-type7 .board-lst-tab:after{display:block; clear:both; content:"";} .widget-board.widget-style-type7 .board-lst-tab{min-height:167px;} .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header, .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-body{float:left;} .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header{width:20%;} .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-body{width:80%;} .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header li{margin-bottom:0.8rem; border-bottom:1px solid #fff;} .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header li:last-child{margin-bottom:0; border-bottom:0;} .widget-board.widget-style-type7 .widget-card-body .board-lst-tab-body{padding:0.5rem 0 0.5rem 1rem;} .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list > li:not(:first-child){display:none;} /* 게시판 타입4 */ /** 게시판 블로그형 레이아웃 별 선언 */ .widget-col-9 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .user-nm{margin-left:80%; width:8%;} .widget-col-9 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .dt {width:8%;} .widget-col-3 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .dt {width:100%; text-align:right} /*게시판 블로그형*/ .widget-board.widget-style-type6 .widget-card-body .board-bas-lst .ttl{display:block;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst .dt, .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li .user-nm a{font-size:0.8rem;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child{position:relative; min-height:150px; margin-bottom:1.5rem; padding:1rem; border:1px solid #cdcdcd;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .ttl, .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .board-con{float:none; width:inherit;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .ttl{min-height:53px;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .ttl a{font-size:1.5rem; font-weight:500; line-height: 2rem; height: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-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .board-con{min-height:50px; } .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .board-con a{font-size:1rem; font-weight:300; margin-top:.5rem; line-height: 1.2; height:2.4em; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .ttl .widget-item-new{position:absolute; top:-1px; right:-1px; margin:0; padding:.75rem .5rem; font-size:0.95rem; border-radius:0;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .user-nm, /*.widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .dt{width:7%;}*/ .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .user-nm{margin-left:83%;} .widget-col-4.widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .user-nm{width:90%; margin-left:0; padding-left:80%;} .widget-col-4.widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child .dt{width:10%;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst ul{margin:0.625rem 0; padding-bottom:0.2rem; border-bottom:1px solid #cdcdcd;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:first-child ul, .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:last-child ul{border:0;} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child:hover{border-color:#1958eb; box-shadow:6px 6px 3px 1px #c6c6c6} .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li.no-result{line-height:215px; padding:0;} /*게시판위젯 > 타입12 (날짜형) */ .widget-board.widget-style-type12 .widget-card-body .board-text-lst { } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul { } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li { padding:0.5rem 0px; text-align:left; border:1px solid #ddd; border-top:0px solid #ddd; padding:30px; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li:nth-of-type(1) { border-top:2px solid #474747; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li a { text-decoration:none; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li:hover { background:#faf7f7; color:#000; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li:hover li.list_li_more i { color:#ff5a2b; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul { position:relative; border-bottom:1px solid #fff; padding:0.5rem 210px 0px 100px; border-bottom:0px solid #fff; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li { } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.ttl { display:block; float:none; font-weight:bold; font-size:1.1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.board-con { padding:0.2rem 0px 0px 0px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:300; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.user-nm { width:150px; position:absolute; right:50px; top:50%; margin-top:-12px; padding:0px; font-size:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-0.1rem; text-align:left; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.dt { position:absolute; left:0px; top:-10px; width:60px; float:none; padding:0.5rem 0px; text-align:center; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.dt b { display:block; font-size:1.8em; color:#ff5a2b; font-weight:bold; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.dt span { display:block; font-size:0.9em; font-weight:bold; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.list_li_more { width:50px; height:50px; line-height:50px; font-size:4rem; position:absolute; right:0px; top:0px; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.list_li_more a { display:block; position:relative; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.list_li_more a i { font-family:"Font Awesome 5 Pro"; font-style:normal; display:block; font-weight:100; } .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.list_li_more a span { display:block; position:absolute; top:-9999px; display:none;} .widget-board.widget-style-type12 .board_nm{display:none;} /*게시판위젯 > 타입13 (사진스토리) */ .widget-col-12 .widget-board.widget-style-type13 .board-img-lst { } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul { } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li { min-height:100px; margin:0px; padding:0px; text-align:left; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li div.item_wrap { margin:0px 5px; border:1px solid #ddd; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li a.li_img { display:block; width:100%; height:150px; position:relative; overflow:hidden; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li a.li_img img { width:100%; height:100%; object-fit:cover; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li a.li_img .more { position:absolute; top:-9999px; display:none;} .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li:hover a.li_img:after { content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#000; opacity:0.4; z-index:5; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li:hover a.li_img .more { position:absolute; left:50%; top:50%; width:50%; height:40px; margin-left:-25%; margin-top:-20px; border:1px solid #fff; line-height:40px; color:#fff; text-align:center; font-size:0.9em; font-weight:200; z-index:10; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul { padding:0px; font-weight:normal; line-height:1.2rem; padding:10px; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li { font-weight:normal; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.ttl { padding:15px 0px 10px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.2rem; font-weight:bold; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.ttl a { font-weight:bold; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.ttl .widget-item-new { background:#ff5a2b; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.ttl .widget-comment-cnt { color:#6593cf; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.board-con { display:none; padding-bottom:0.3rem; margin-bottom:0.3rem; color:#787878; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .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; color:#787878; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.user-nm { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#787878; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.user-nm a { color:#787878; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .list_li ul li.dt { display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.9em; color:#787878; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst .list_ul .swiper-pagination { bottom:0rem; } .widget-col-12 .widget-board.widget-style-type13 .board-img-lst.nolist .bx-wrapper { margin:0px auto;} .widget-col-12 .widget-board.widget-style-type13 .board-img-lst.nolist .bx-wrapper .list_ul .list_li { text-align:center; line-height:100px; } /* 게시판위젯 > 타입15 한줄공지*/ .widget-col-12 .widget-board.widget-style-type15 { padding:5px 0px; text-align:center; } .widget-col-12 .widget-board.widget-style-type15 .widget-card { display:table; margin:0px auto; max-width:1140px; text-align:left; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header { display:table-cell; vertical-align:middle; padding-right:10px; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header dl { padding:0px 0px 0px 40px; position:relative; white-space:nowrap; vertical-align:middle; padding-right:0px; border:0px solid #fff; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header dl:before { content:"\f6a8"; display:inline-block; position:absolute; left:0px;/* top:-3px; */ font-family:"Font Awesome 5 Pro"; font-size:34px; line-height:34px; font-weight:100; color:#dc3545; vertical-align:middle; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header dl dt { padding-bottom:0px; display:inline-block; vertical-align:middle; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header dl dt span { padding-top:0px; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header .use-more { /* position:static; */ min-height:auto; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header a.widget-more-btn { display:none !important; float:right; bottom:50%; margin-bottom:-17px; background-color:transparent; border:1px solid #fff !important; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header a.widget-more-btn i { color:#4d7cd0; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header a.widget-more-btn span { display:inline-block; color:#4d7cd0; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header a.widget-more-btn:hover i { color:#044595; } .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-header a.widget-more-btn:hover span { color:#044595; } /* .widget-col-12 .widget-noticeticker.widget-style-type1 .widget-card .widget-card-header a.widget-more-btn span:before { content:"\f330"; display:inline-block; font-family:"Font Awesome 5 Pro"; } */ .widget-col-12 .widget-board.widget-style-type15 .widget-card .widget-card-body { display:table-cell; vertical-align:middle; padding:0px 0px 0px 0px; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst { vertical-align:middle; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul { padding:0px; margin:0px; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li { list-style:none; padding:0px; margin:0px; font-size:1.2rem; text-align:left; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner { display:inline-block; vertical-align:middle; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner ul { padding:0px; margin:0px; display:table; margin:0px auto; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner ul li { list-style:none; padding:0px; margin:0px; vertical-align:middle; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner .ttl { width:calc(100%); white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:43px; height:43px; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner .ttl b { display:inline-block; margin-right:5px; color:#dc3545; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner .ttl strong { display:inline-block; margin-right:5px; color:#46b8cc; } .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner .ttl a { vertical-align:middle; } /*.widget-col-12 .widget-noticeticker.widget-style-type1 .notiTicker_lst .lst_ul .lst_li .inner span.nm { display:block; position:absolute; top:-99999; } */ .widget-col-12 .widget-board.widget-style-type15 .notiTicker_lst .lst_ul .lst_li .inner .dt { display:inline-block; display:table-cell; width:80px; padding-left:15px; color:#888; font-weight:100; font-size:1rem; } /* 게시판 타입16 (커뮤니티형) */ .widget-board.widget-style-type16 .board_base_cmnt_wrap{border-top:2px solid #8b8b8b; border-bottom:1px solid #828282;} .widget-board.widget-style-type16 .board_base_cmnt_lst{width:100%; display:table; table-layout:fixed;} .widget-board.widget-style-type16 .board_base_cmnt_lst > li{position:relative; display:table-cell;} .widget-board.widget-style-type16 .board_base_cmnt_lst > li:after{content:""; display:block; position:absolute; top:29px; right:0; width:1px; height:82%; background-color:#dbdbdb;} .widget-board.widget-style-type16 .board_base_cmnt_lst > li:last-child:after{display:none;} .widget-board.widget-style-type16 .board_base_cmnt_lst .obj_lst .info_lst{padding:40px 30px 33px;} .widget-board.widget-style-type16 .info_lst .cat{margin-bottom:17px;} .widget-board.widget-style-type16 .info_lst .cat > p{margin-bottom:0; padding:0 10px; font-size:21px; font-weight:normal; background-color:#1d4d88; color:#fff; border-color:#1d4d88;} .widget-board.widget-style-type16 .info_lst .ttl > a{display:block; min-height:59px; font-size:20px; font-weight:normal; line-height:30px;} .widget-board.widget-style-type16 .info_lst .board-con{margin-top:17px;} .widget-board.widget-style-type16 .info_lst .board-con > a{height:60px; font-size:16px; font-weight:normal; line-height:30px; 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;} .widget-board.widget-style-type16 .info_lst .user-nm, .widget-board.widget-style-type16 .info_lst .dt{font-size:16px; font-weight:normal;} .widget-board.widget-style-type16 .info_lst .dt.dt_pstn_top{display:none; margin-top:3px; margin-bottom:14px; color:#666;} .widget-board.widget-style-type16 .info_lst .dt.dt_pstn_botm{margin-top:8px; color:#9b9b9b;} .widget-board.widget-style-type16 .info_lst .user-nm{display:none;} .widget-board.widget-style-type16 .info_lst .view_more{margin-top:27px;} .widget-board.widget-style-type16 .info_lst .view_more > a:after{content:""; display:block; clear:both; overflow:hidden;} .widget-board.widget-style-type16 .info_lst .view_more > a span{float:left;} .widget-board.widget-style-type16 .info_lst .view_more > a .ico_wrap{float:right;} .widget-board.widget-style-type16 .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-board.widget-style-type16 .info_lst .view_more > a{color:inherit;} /*** [게시판 타입17 공지문형] ***/ /* 영역 */ .widget-board.widget-style-type17 a{color:unset; text-decoration:none;} .widget-board.widget-style-type17 .in-block > *{vertical-align:top;} /* 게시판 이름 */ .widget-board.widget-style-type17 .board-nm{width:22.9%; background-color:#394c4a; color:#fff;} .widget-board.widget-style-type17 .board-nm p{position:relative; margin:27px 0 34px 45px; padding-bottom:26px; font-size:32px; font-weight:500; letter-spacing:-1.5px;} .widget-board.widget-style-type17 .board-nm p:after{content:""; position:absolute; left:0; bottom:0; width:52px; height:1px; background-color:#c4cac9;} /* 게시판 내용 영역 */ .widget-board.widget-style-type17 .board-noti-lst-wrap{width:calc(100% - 22.9%); background-color:#fff;} .widget-board.widget-style-type17 .board-noti-lst > li{border:1px solid #ddd; border-left:0;} .widget-board.widget-style-type17 .board-noti-lst > li + li{border-top:0;} .widget-board.widget-style-type17 .board-noti-lst .board-noti-inner{padding:14px 70px 11px 10px;} /* 공지 */ .widget-board.widget-style-type17 .board-annc{display:none; margin-right:3px;} /* 날짜 */ .widget-board.widget-style-type17 .board-date{width:11.6%; margin-top:13px; text-align:center; color:#1f1e1e; font-family: 'Nanum Myeongjo', serif;} .widget-board.widget-style-type17 .date_yymm{font-size:18px; font-weight:600;} .widget-board.widget-style-type17 .date_dd{font-size:52px; line-height:1.3; letter-spacing:-1.5px;} /* 게시판 내용 */ .widget-board.widget-style-type17 .board-noti-cont{width:calc(100% - 11.6%);} .widget-board.widget-style-type17 .ttl{font-size:24px; font-weight:normal;} .widget-board.widget-style-type17 .board-con{margin-top:11px;} .widget-board.widget-style-type17 .board-con a{font-size:16px; line-height:1.625; max-height:52px; color:#9c9c9c; -webkit-line-clamp:2; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .widget-board.widget-style-type17 .widget-item-new{display:inline-block; margin-top:-10px; font-size:0.8rem; line-height:unset;} .widget-board.widget-style-type17 .widget-comment-cnt{font-size:16px;} /* 작성자 */ .widget-board.widget-style-type17 .user-nm{display:none;} /*** [게시판 타입17 공지문형 끝] ***/ /*** [게시판 타입 18 (공지 슬라이드형)] ***/ /* 영역 */ .widget-board.widget-style-type18 .board-base-slide-wrap a{color:unset; text-decoration:none;} .widget-board.widget-style-type18 .board-base-obj-wrap{font-size:0;} .widget-board.widget-style-type18 .board-base-obj-wrap > *{display:inline-block; font-size:16px; vertical-align:middle;} .widget-board.widget-style-type18 .board-base-obj{padding-top:44px; padding-bottom:24px;} .widget-board.widget-style-type18 .board-base-obj + .board-base-obj{margin-top:8px; border-top:1px solid #ddd;} /* 날짜 */ .widget-board.widget-style-type18 .board-date{width:18.12%; margin-top:-11px; text-align:center; color:#1f1e1e; font-family:'Nanum Myeongjo', serif;} .widget-board.widget-style-type18 .date-yymm{font-size:18px; font-weight:600; text-align:left;} .widget-board.widget-style-type18 .date-dd{padding-left:8px; font-size:52px; line-height:1.3; text-align:left; letter-spacing:-1.5px;} /* 게시판 내용 영역 */ .widget-board.widget-style-type18 .board-date + ul{width:calc(100% - 18.12%); padding-left:20px;} /* 공지 */ .widget-board.widget-style-type18 .board-annc{display:none; margin-right:3px;} /* 게시판 제목 */ .widget-board.widget-style-type18 .category{margin-right:3px;} .widget-board.widget-style-type18 .ttl{max-height:36px; font-size:24px; color:#1f1e1e;} .widget-board.widget-style-type18 .widget-comment-cnt{font-size:18px;} /* 게시판 내용 */ .widget-board.widget-style-type18 .board-con{margin-top:12px; font-size:16px; line-height:1.625; height:78px; color:#787878; -webkit-line-clamp:3; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} /* 작성자 */ .widget-board.widget-style-type18 .user-nm{display:none; color:#666;} /* 슬라이드 블릿 */ .widget-board.widget-style-type18 .bx-wrapper .bx-controls-auto, .widget-board.widget-style-type18 .bx-wrapper .bx-pager{bottom:0;} .widget-board.widget-style-type18 .bx-wrapper .bx-pager.bx-default-pager a{width:15px; height:15px; background-color:#fff; border:2px solid #194980; border-radius:50%;} .widget-board.widget-style-type18 .bx-wrapper .bx-pager.bx-default-pager a.active, .widget-board.widget-style-type18 .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#68c4f3;} /* 가로출력개수(1개) */ .widget-board.widget-style-type18 .board-base-obj-row-cnt-1 .board-base-obj{width:100%; margin-top:0;} /* 가로출력개수(2개) */ .widget-board.widget-style-type18 .board-base-obj-row-cnt-2 .board-base-obj{width:calc(100% / 2 - 36px); margin-left:36px;} .widget-board.widget-style-type18 .board-base-obj-row-cnt-2 .board-base-obj:nth-child(2){border-top:0; margin-top:0;} /* 가로출력개수(3개) */ .widget-board.widget-style-type18 .board-base-obj-row-cnt-3 .board-base-obj{width:calc(100% / 3 - 18px); margin-left:18px;} .widget-board.widget-style-type18 .board-base-obj-row-cnt-3 .board-base-obj:nth-child(2), .widget-board.widget-style-type18 .board-base-obj-row-cnt-3 .board-base-obj:nth-child(3){border-top:0; margin-top:0;} /*** [게시판 타입 18 (공지 슬라이드형) 끝] ***/ /*** [22.03 개선 말줄임 CSS 복구] - css로 처리하면 두 줄 이상 말 줄임 시 제목 영역이 블럭으로 줄어들기 때문에 영역에 문제가 있음 - 기본형에서 한 줄 말줄임을 했더라도 시안에서 2줄 이상의 말줄임으로 변경했을 경우 변경된 소스를 일괄 적용하는데 문제가 있음 따라서 보류 ***/ /* (공통) 리스트형 :: 한줄 말줄임 .widget-board .board-bas-lst li ul li.ttl{position:relative;} .widget-col-12 .widget-board ul.board-bas-lst li ul li.ttl a{width:95%;} .widget-col-6 .widget-board ul.board-bas-lst li ul li.ttl a{width:85%;} .widget-col-4 .widget-board ul.board-bas-lst li ul li.ttl a{width:80%;} .widget-board .board-bas-lst li ul li .widget-item-new{position:absolute; top:50%; right:30px; width:20px; height:20px; line-height:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-board .board-bas-lst li ul li .widget-comment-cnt{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} 게시판 타입7 .widget-col-12 .widget-board.widget-style-type7 ul.board-bas-lst li ul li.ttl a{width:93%;} .widget-col-6 .widget-board.widget-style-type7 ul.board-bas-lst li ul li.ttl a{width:83%;} .widget-col-4 .widget-board.widget-style-type7 ul.board-bas-lst li ul li.ttl a{width:75%;} 게시판 타입12 .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.ttl{position:relative; white-space:unset; text-overflow:unset; overflow:unset;} .widget-board.widget-style-type12 .list_ul li ul li.ttl a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-col-12 .widget-board.widget-style-type12 .list_ul li ul li.ttl a{width:90%;} .widget-col-6 .widget-board.widget-style-type12 .list_ul li ul li.ttl a{width:65%;} .widget-col-4 .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul{padding-left:65px; padding-right:50px;} .widget-col-4 .widget-board.widget-style-type12 .list_ul li ul li.ttl a{width:65%;} .widget-col-4 .widget-board.widget-style-type12 .widget-card-body .board-text-lst .list_ul .list_li ul li.user-nm{position:static; margin-top:0;} .widget-board.widget-style-type12 .list_ul li ul li .widget-item-new{position:absolute; top:50%; right:30px; width:20px; height:20px; line-height:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-board.widget-style-type12 .list_ul li ul li .widget-comment-cnt{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} 게시판 타입16 .widget-board.widget-style-type16 .info_lst .ttl{position:relative;} .widget-board.widget-style-type16 .info_lst .ttl a{height:60px; font-size:20px; line-height:1.625; -webkit-line-clamp:2; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .widget-col-12 .widget-board.widget-style-type16 .info_lst .ttl a{width:85%;} .widget-col-6 .widget-board.widget-style-type16 .info_lst .ttl a{width:55%;} .widget-col-4 .widget-board.widget-style-type16 .info_lst .ttl a{width:45%;} .widget-board.widget-style-type16 .info_lst .ttl .widget-item-new{position:absolute; top:auto; bottom:6px; right:30px; width:20px; height:20px; line-height:20px; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} .widget-board.widget-style-type16 .info_lst .ttl .widget-comment-cnt{position:absolute; top:auto; bottom:0; right:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} 게시판 타입 17 .widget-board.widget-style-type17 .ttl{position:relative;} .widget-board.widget-style-type17 .ttl a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-col-12 .widget-board.widget-style-type17 .ttl a{width:92%;} .widget-col-6 .widget-board.widget-style-type17 .ttl a{width:80%;} .widget-board.widget-style-type17 .widget-item-new{position:absolute; top:50%; right:30px; width:20px; height:20px; line-height:20px; margin-top:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-board.widget-style-type17 .widget-comment-cnt{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} 게시판 타입 18 .widget-board.widget-style-type18 .ttl{position:relative;} .widget-board.widget-style-type18 .ttl a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-col-12 .widget-board.widget-style-type18 .ttl a{width:85%;} .widget-col-6 .widget-board.widget-style-type18 .ttl a{width:75%;} .widget-col-4 .widget-board.widget-style-type18 .ttl a{width:45%;} .widget-board.widget-style-type18 .widget-item-new{position:absolute; top:50%; right:30px; width:20px; height:20px; line-height:20px; margin-top:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-board.widget-style-type18 .widget-comment-cnt{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} */ /*** [22.03 개선 말줄임 CSS 복구 끝] ***/ /**************************************** 게시판 끝 ****************************************/ /* 이미지 */ .widget-image .tpl-widget-body{ margin:0 !important;} .widget-image .widget-card-body{padding:0 !important; min-height:auto; font-size:0;} .widget-image .widget-card-body a { display:block; line-height:0px; } .widget-image .widget-card{ } .widget-image img {width:100%;} /* html */ .widget-html{min-height:auto;} .widget-html .tpl-widget-body{margin:0;} .widget-html .widget-card-body{min-height:auto; padding:0;} /*** [서브 네비게이터 공통] ***/ /* 관리자 기능 */ .widget-navigator .btn.conPageBtn{transition:all 0.3s ease;} .widget-navigator .btn.conPageBtn:focus, .widget-navigator .btn.conPageBtn.focus{box-shadow:none;} /*** [서브 네비게이터 공통 끝] ***/ /*네비게이터*/ .widget-navigator.widget-style-type1{margin-bottom:1rem} .widget-navigator.widget-style-type1 .navigator-lst:after{display:block; clear:both; content:"";} .widget-navigator.widget-style-type1 .navigator-lst{padding-bottom:0.5rem; border-bottom:1px solid #ccc;} .widget-navigator.widget-style-type1 .navigator-lst > li{float:left;} .widget-navigator.widget-style-type1 .navigator-lst > li.menu-nm-wrap h4{margin-bottom:0; line-height:1.5} .widget-navigator.widget-style-type1 .navigator-lst > li.home-set-wrap{margin-left:1rem;} .widget-navigator.widget-style-type1 .navigator-lst > li.navigator-lst-wrap{float:right; line-height:31px;} .widget-navigator.widget-style-type1 .navigator-lst > li.navigator-lst-wrap a{color:#666; font-size:.85rem} .widget-navigator.widget-style-type1 .navigator-lst-wrap ul:after{display:block; clear:both; content:"";} .widget-navigator.widget-style-type1 .navigator-lst-wrap ul li{float:left; } .widget-navigator.widget-style-type1 .navigator-lst-wrap ul li a:after{display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f105"; margin:0 5px;} .widget-navigator.widget-style-type1 .navigator-lst-wrap ul li:last-child a:after{display:none;} .widget-navigator.widget-style-type1 .navigator-lst-wrap ul li:last-child:after{display:none;} /*모듈*/ .module-page-msg-wrap{margin:0 1.25rem 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;} /*** [네비게이터 타입2] ***/ /* 영역 */ .widget-navigator.widget-style-type2{width:100%; height:70px; background-color:#fff; color:#999; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .widget-navigator.widget-style-type2 .tpl-widget-body{margin:0;} .widget-navigator.widget-style-type2 .container{width:1300px; margin:0 auto; padding:0;} .widget-navigator.widget-style-type2 .navigator-toggle-wrap a{color:#999;} .widget-navigator.widget-style-type2 .navigator-toggle-wrap a:hover{color:#999; text-decoration:none;} /* 서브 네비게이션 영역 */ .widget-navigator.widget-style-type2 .nav-inner{display:inline-block; float:left;} .widget-navigator.widget-style-type2 .nav-inner > *{position:relative; vertical-align:middle;} .widget-navigator.widget-style-type2 .nav-inner > *:after{content:""; position:absolute; top:50%; right:0; display:inline-block; width:1px; height:10px; background-color:#ccc; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /* 버튼) 홈으로 이동 */ .widget-navigator.widget-style-type2 .nav-gohome{width:57px;} .widget-navigator.widget-style-type2 .nav-gohome .img-wrap{display:block; width:20px; height:20px; margin-left:11px; padding:1.563rem 0; background:url('/common/css/images/ico_sub_nav_home.png') no-repeat center; background-size:100%;} .widget-navigator.widget-style-type2 .nav-gohome .img-wrap span{display:none;} /* 서브 네비게이션 현재 메뉴 - depth 01 */ .widget-navigator.widget-style-type2 .nav-depth{width:210px;} .widget-navigator.widget-style-type2 .nav-depth {margin-right:1px;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst{position:relative; border-left:1px solid #fff; border-right:1px solid #fff;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst li{line-height:40px;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst > li{position:relative; display:block;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst > li:after{position:absolute; content:"\f107"; top:50%; right:20px; cursor:pointer; font-weight: 500; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst > li > a{display:block; padding:0.875rem 0 0.875rem 2.188rem; font-weight:500;} /* 서브 네비게이션 - depth 02 */ .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst .nav-depth-heoth-lst{display:none; position:absolute; top:58px; left:-1px; z-index:3; width:100%; padding-bottom:0.875rem; background-color:#f6f6f6; border:1px solid #ddd; border-top:0; box-sizing:content-box;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst .nav-depth-heoth-lst li{line-height:40px;} .widget-navigator.widget-style-type2 .nav-depth .nav-depth-lst .nav-depth-heoth-lst li a{padding-left:2.188rem; font-weight:500;} /* 서브 네비게이션 - 드롭 다운 시 스타일 */ .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down{background-color:#f6f6f6; border:1px solid #ddd; border-top:0; border-bottom:0;} .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down:after{display:none;} .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down .nav-depth-lst{border:0;} .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down .nav-depth-lst > li > a{font-weight:bold; color:#000;} .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down .nav-depth-lst > li:after{content:"\f106";} .widget-navigator.widget-style-type2 .nav-depth.JS-drop-down .nav-depth-heoth-lst{display:block; background-color:#f6f6f6; border:1px solid #ddd; border-top:0;} /* 관리자 기능 */ .widget-navigator.widget-style-type2 .nav-admin-func-wrap{display:inline-block; margin:17.22px 0; float:right;} .widget-navigator.widget-style-type2 .nav-admin-func-lst li + li{margin-left:10px;} .widget-navigator.widget-style-type2 .navigator-toggle-wrap .btn.conPageBtn:hover{color:#fff;} /*** [네비게이터 끝] ***/ /*퀵메뉴*/ /* 타입별 공통 설정 */ .widget-quickmenudetset .widget-card-body .color-0000 a, .widget-quickmenudetset .widget-card-body .color-0001 a div{background-color:#828282;} .widget-quickmenudetset .widget-card-body .type-circle li a{margin:0 auto;} /* 기본 설정 - 아이콘 */ .widget-quickmenudetset .widget-card-header{text-align:center;} .widget-quickmenudetset .widget-card .widget-card-header .widget-card-header-body > dl > dt{margin-bottom:0.5rem; font-size:1.5rem;} .widget-quickmenudetset .widget-card .widget-card-header .widget-card-header-body > dl > dd{font-size:1.125rem;} .widget-quickmenudetset .widget-card-body ul{text-align:center;} .widget-quickmenudetset .widget-card-body ul li{display:inline-block; width:16.66%; text-align:center; vertical-align: top;} .widget-quickmenudetset .widget-card-body ul li:last-child{border-right:0;} .widget-quickmenudetset .widget-card-body ul li .item-wrap{display:block;} .widget-quickmenudetset .widget-card-body ul li a{display:block; text-decoration:none;} .widget-quickmenudetset .widget-card-body ul li div{display:table; width:100%; margin:0 auto; padding:1.5rem 0; color:#fff;} .widget-quickmenudetset .widget-card-body ul.color-0001 li div: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);} .widget-quickmenudetset .widget-card-body ul li div i{display:table-cell; vertical-align:middle; font-size:4.5rem; padding:1rem;} .widget-quickmenudetset .widget-card-body ul li dl{margin-top:1rem;} .widget-quickmenudetset .widget-card-body ul li dt{font-size:1.25rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-quickmenudetset .widget-card-body ul.type-round li a div{border-radius:10px;} .widget-quickmenudetset .widget-card-body ul.type-circle li div{width:85%;} .widget-quickmenudetset .widget-card-body ul.type-circle li a div{border-radius:100%;} .widget-quickmenudetset .widget-card-body ul.type-circle li a div i{font-size:4rem;} .widget-quickmenudetset .widget-card-body ul.type-circle li a div dt{padding:0 1.25rem;} /* 전체영역 설정 */ .widget-quickmenudetset .widget-card-body ul.color-0000 li a{display:block; margin:0.3rem; padding:1.5rem 0;} .widget-quickmenudetset .widget-card-body ul.color-0000 li a:hover{opacity:0.9;} .widget-quickmenudetset .widget-card-body ul.color-0000 li div{padding:0; border:0;} .widget-quickmenudetset .widget-card-body ul.color-0000 li dl{margin-top:0; color:#fff;} .widget-quickmenudetset .widget-card-body .color-0000.type-round li, .widget-quickmenudetset .widget-card-body .color-0000.type-round li a{border-radius:10px;} .widget-quickmenudetset .widget-card-body .color-0000.type-circle li, .widget-quickmenudetset .widget-card-body .color-0000.type-circle li a{border-radius:100%;} .widget-quickmenudetset .widget-card-body .color-0000.type-circle dd{display:none;} /* 레이아웃별 크기 설정*/ .widget-col-9 .widget-quickmenudetset .widget-card-body ul li{width:20%;} .widget-col-9 .widget-quickmenudetset .widget-card-body ul li div{padding:0;} .widget-col-9 .widget-quickmenudetset .widget-card-body ul.type-circle li div{width:100%;} .widget-col-9 .widget-quickmenudetset .widget-card-body ul.color-0000 li a{padding:1rem 0.5rem;} .widget-col-9 .widget-quickmenudetset .widget-card-body ul.color-0000 li div i{padding:0; padding-bottom:0.5rem;} .widget-col-9 .widget-quickmenudetset .widget-card-body .type-circle.color-0000 li a{padding:1.5rem 0.8rem;} .widget-col-3 .widget-quickmenudetset .widget-card-body ul li{width:100%; margin-bottom:1rem;} .widget-col-3 .widget-quickmenudetset .widget-card-body ul li div{width:80%; padding:1rem 0;} .widget-col-3 .widget-quickmenudetset .widget-card-body ul.type-circle li div{width:59%;} .widget-col-3 .widget-quickmenudetset .widget-card-body .color-0000 li a{padding:1.25rem 0;} .widget-col-3 .widget-quickmenudetset .widget-card-body .color-0000 li a div{width:100%; padding:0;} .widget-col-3 .widget-quickmenudetset .widget-card-body .color-0000.type-circle li{width:74%;} /*센터 > 바로가기메뉴 > 타입2*/ .widget-quickmenudetset.widget-style-type2 .widget-card-body .color-0001 a div { background:none; } .widget-quickmenudetset.widget-style-type2 .widget-card-body ul.color-0001 li div:hover { -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .widget-quickmenudetset.widget-style-type2 { } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet { } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul { } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li { text-align:center } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap { display:inline-block; margin:0px auto; text-align:left; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a { display:block; display:table; padding:10px 0px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a:hover { text-decoration:none; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a > div i { font-size:3.8rem; height:70px; line-height:70px; background-size:auto; background-position:center center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a > dl dt { font-size:1.1rem; font-weight:bold; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001 .list_li span.item-wrap a > dl dd { font-size:0.9em; font-weight:lighter; } /*아이콘:모양별(사각,라운드,원) .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-rec .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #000; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-rec .list_li span.item-wrap a > div i { background-size:auto auto; font-size:3rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-rec .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; padding:0px 15px 0px 10px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-rec .list_li span.item-wrap a:hover > div { border:1px solid #ff5a2c; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-rec .list_li span.item-wrap a:hover > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; background:#000; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-round .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #000; border-radius:8px; padding:0.7rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-round .list_li span.item-wrap a > div i { background-size:auto auto; font-size:3rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-round .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; padding:0px 15px 0px 10px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-round .list_li span.item-wrap a:hover > div { border:1px solid #ff5a2c; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-round .list_li span.item-wrap a:hover > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; background:#000; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-circle .list_li span.item-wrap a > div { width:70px !important; height:70px !important; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #000; border-radius:50%; padding:0.7rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-circle .list_li span.item-wrap a > div i { background-size:auto auto; font-size:3rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-circle .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; padding:0px 15px 0px 10px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-circle .list_li span.item-wrap a:hover > div { border:1px solid #ff5a2c; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0001.type-circle .list_li span.item-wrap a:hover > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; background:#000; } */ .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a { display:block; display:table; padding:10px 0px; background:none; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a:hover { text-decoration:none; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a > div i { font-size:3.8rem; height:70px; line-height:70px; background-size:auto; background-position:center center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a > dl dt { font-size:1.1rem; font-weight:bold; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000 .list_li span.item-wrap a > dl dd { font-size:0.9em; font-weight:lighter; } /*전체:모양별(사각,라운드,원) .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a { border:1px solid #000; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a > div i { background-size:auto auto; font-size:3rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; padding:0px 15px 0px 10px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a:hover { border:1px solid #ff5a2c; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-rec .list_li span.item-wrap a:hover > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a { border:1px solid #000; border-radius:8px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a > div i { background-size:auto auto; font-size:3rem; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a > dl { display:table-cell; vertical-align:middle; padding:0px 15px 0px 10px; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a:hover { border:1px solid #ff5a2c; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-round .list_li span.item-wrap a:hover > div { width:70px; height:70px; display:table-cell; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap { text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap a { border:1px solid #000; width:150px; height:150px; border-radius:50%; display:inline-block; margin:0px auto; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap a > div { width:100%; height:70px; display:block; vertical-align:middle; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap a > div i { display:inline-block; background-size:auto auto; font-size:3rem; margin:0px auto; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap a > dl { display:block; vertical-align:middle; padding:0px 15px 0px 10px; text-align:center; } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul.color-0000.type-circle .list_li span.item-wrap a:hover { border:1px solid #ff5a2c; } */ /*마우스 오버시 아이콘변경*/ .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-bulb-on.shc-black { background-image:url("/common/css/images/widget/icon/sh-bulb-on_outrageousOrange.png"); } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-magnifying-glass.shc-black { background-image:url("/common/css/images/widget/icon/sh-magnifying-glass_outrageousOrange.png"); } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-pencil.shc-black { background-image:url("/common/css/images/widget/icon/sh-pencil_outrageousOrange.png"); } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-speech-bubble.shc-black { background-image:url("/common/css/images/widget/icon/sh-speech-bubble_outrageousOrange.png"); } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-folder-write.shc-black { background-image:url("/common/css/images/widget/icon/sh-folder-write_outrageousOrange.png"); } .widget-quickmenudetset.widget-style-type2 .widget-card-body .quickMenuDetSet .list_ul .list_li span.item-wrap a:hover > div i.shi.shi-target-arrow.shc-black { background-image:url("/common/css/images/widget/icon/sh-target-arrow_outrageousOrange.png"); } /*센터 >회원검색 > 타입1*/ .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas { } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form { padding:0px; margin:0px; position:relative; padding:0px; margin:0px; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset { padding:0px; margin:0px; border:0px solid #fff; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset legend { position:absolute; top:-9999px; display:none;} .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset input { display:inline-block; width:70%; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset input::placeholder { color:#fff; font-weight:400; vertical-align:middle; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset input:-ms-input-placeholder { line-height:normal; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset button { display:inline-block; padding:0.5rem 20px; margin:0px; border:0px solid #fff; width:30%; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset button i { font-size:1.4rem; } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset button span { } .widget-membersearch.widget-style-type1 .tpl-widget-body .widget-card-body .memberSearch_bas form fieldset p { text-align:center; padding:0.3rem 0px 0px 0px; } /*로그인박스*/ .widget-slide{position:relative;} .widget-slide .widget-login{flex:inherit !important; width:297px; position:absolute; top:50%; left:50%; margin-left: 25%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .widget-login .login-bas-form .mpassWrap{position:relative;} .widget-login .login-bas-form .mpassWrap .mpassEyeBtn{position:absolute; top:5px; right:10px; color:#000;} .widget-login .login-optin li input{margin-right:0.625rem;} .widget-login.widget-style-type1 .widget-card-header{display:none;} .widget-login.widget-style-type1 .widget-card-body a{color:#000;} /*로그인*/ .widget-login.widget-style-type1 .widget-card-body{min-height:273px;} .widget-login.widget-style-type1 .widget-card-body .user-info:after{display:block; clear:both; content:"";} .widget-login.widget-style-type1 .widget-card-body .user-info .img-wrap { position:relative; float:left; width:73px; max-height:100px; min-height:100px; margin: 0.75rem 0; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125); border-radius:15px; overflow:hidden; } .widget-login.widget-style-type1 .widget-card-body .user-info .img-wrap 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%); */ width:73px; height:100px; object-fit:cover; } .widget-login.widget-style-type1 .widget-card-body .user-info > li:nth-child(2){float:left; width:60%; padding-left:1rem;} .widget-login.widget-style-type1 .widget-card-body .user-info .login-user-nm span, .widget-login.widget-style-type1 .widget-card-body .user-info .login-user-pinfo span{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:0.5rem;} .widget-login.widget-style-type1 .widget-card-body .user-info .login-user-nm span{font-size:1.25rem; font-weight:500;} .widget-login.widget-style-type1 .widget-card-body .user-info .login-user-pinfo span{ color:#0758aa;} .widget-login.widget-style-type1 .widget-card-body .login-opt ul:after{display:block; clear:both; content:"";} .widget-login.widget-style-type1 .widget-card-body .login-opt ul{margin:1rem 0;} .widget-login.widget-style-type1 .widget-card-body .login-opt ul li{float:left; width:33.33%; text-align:center;} .widget-login.widget-style-type1 .widget-card-body .login-opt ul li i{display:block; margin:0 auto 0.3rem; font-size:1.5rem;} .widget-login.widget-style-type1 .widget-card-body .btn{display:block; width:100%; border:1px solid #769fc5;} /*로그아웃*/ .widget-login.widget-style-type1 .widget-card-body .login-bas-form > li{margin: 0.625rem 0;} .widget-login.widget-style-type1 .widget-card-body .login-optin ul:after{display:block; clear:both; content:"";} .widget-login.widget-style-type1 .widget-card-body .login-optin ul{margin-top:1rem; padding-bottom:0.625rem; border-bottom:1px solid rgba(0, 0, 0, 0.3);} .widget-login.widget-style-type1 .widget-card-body .login-optin ul li{float:left; width:50%;} .widget-login.widget-style-type1 .widget-card-body .login-help ul:after{display:block; clear:both; content:"";} .widget-login.widget-style-type1 .widget-card-body .login-help ul{margin-top:0.625rem;} .widget-login.widget-style-type1 .widget-card-body .login-help ul li:first-child{float:left; width:60%; letter-spacing:-1px;} /** 행사참석 **/ /* 공통 */ .widget-auspc .widget-card-body .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-auspc .widget-card-body .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;} .widget-auspc .widget-card-body .no-result{min-height:350px; line-height:350px;} .widget-auspc .widget-card-body .no-result dl{padding-top:92.5px;} .widget-auspc .widget-card-body .no-result dd a{display:block; margin:1.5rem auto 0; padding:0.5rem 1.25rem; width:40%; background-color:#0758aa; color:#fff; border:1px solid #0758aa; border-radius:20px;} .widget-auspc .widget-card-body .no-result dd a:hover{background-color:#9cb2c7; border-color:#9cb2c7;} /* 행사참석 > 타입1 */ .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst dt:before{margin-bottom:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body{padding:1rem 0 0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst:after{display:block; clear:both; content:"";} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst > li{float:left; width:calc(100% / 4);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li{width:100%;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li > ul{margin-bottom:1rem !important;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li:last-child > ul{margin-bottom:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li > ul{position:relative; margin:0 0.5rem 0.5rem 0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 li > ul{margin:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst > li.no-result{width:100%;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li:first-child > ul, .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li:nth-child(4n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li:nth-child(4n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item{position:relative; padding:0 1.25rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span{position:absolute; top:0; left:0; width:40%; padding:0.5rem 0; font-size:1rem; font-weight:normal; text-align:center; background-color:#505764; color:#fff;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span.auspc-sta-on{background-color:#769fc5;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item > dt{width:100%; min-height:92px; margin-top:3.5rem; font-size:1.5rem; text-align:center;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item dt h5 span{display:block; width:100%; max-height:72px; min-height:72px; line-height:36px; font-size:1.5rem; 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-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul{margin:1.5rem 0; padding:1rem; background-color:rgba(0, 0, 0, 0.03);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul li{width:100%; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul li i{margin-right:5px;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li a.det-over-btn{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); color:#fff; text-align:center;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li:hover a.det-over-btn{display:block;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li a.det-over-btn span{position:absolute; top:50%; left:50%; width:50%; padding:0.5rem 0; color:#fff; border:1px solid #fff; -webkit-transform:translate(-50%, -50%); --moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /*행사참석 > 타입1 > 가로로 보여줄 갯수별*/ .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li {width:100%;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li:nth-child(1n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li:nth-child(1n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li{width:calc(100% / 2);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(2n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2 > li:nth-child(2n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3 > li{width:calc(100% / 3);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3 > li:nth-child(3n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3 > li:nth-child(3n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4 > li{width:calc(100% / 4);} /*.widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4 > li:nth-child(4n) > ul{margin-right:.5rem;}*/ .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4 > li:nth-child(4n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4 > li:nth-child(4n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5 > li{width:calc(100% / 5);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5 > li:nth-child(5n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5 > li:nth-child(5n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6 > li{width:calc(100% / 6);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6 > li:nth-child(6n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6 > li:nth-child(6n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7 > li{width:calc(100% / 7);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7 > li:nth-child(7n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7 > li:nth-child(7n) > ul{margin-right:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8 > li{width:calc(100% / 8);} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8 > li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8 > li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8 > li:nth-child(8n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8 > li:nth-child(8n) > ul{margin-right:0;} /* 행사참석 > 타입2*/ .widget-auspc.widget-style-type2 .widget-card-body{min-height:316px; margin:1rem 0 0.5rem; padding:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst>li { float:left; border:1px solid #ccc; } .widget-auspc.widget-style-type2 .widget-card-body > ul > li a{display:block; padding:.5rem 1.25rem; background-color:#fff;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item{margin-top:1.25rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dt { min-height:92px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dt h5{line-height:1.75rem } .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dt h5 span{display:block; width:100%; max-height:72px; min-height:72px; line-height:36px; font-size:1.5rem; 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-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dd span{display:block; width:30%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dd span.auspc-sta-on{background-color:#769fc5; color:#fff;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dd ul{width:90%; margin:1rem auto 1rem; padding:1.25rem; text-align:center; background-color:rgba(0, 0, 0, 0.03);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dd ul li{display:block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;} .widget-auspc.widget-style-type2 .widget-card-body .bx-wrapper .bx-controls-auto, .widget-auspc.widget-style-type2 .widget-card-body .bx-wrapper .bx-pager{bottom:-30px;} .widget-col-3 .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst > li .auspc-item dd span{width:40%;} /* 20.06.22 auspc 타입2 화살표 페이저 사용 안함 */ .widget-auspc.widget-style-type2 .widget-card-body .bx-wrapper .bx-controls-direction a {display:none;} /* .widget-auspc.widget-style-type2 .widget-card-body .bx-wrapper .bx-controls-direction a.bx-prev { left:4px; } .widget-auspc.widget-style-type2 .widget-card-body .bx-wrapper .bx-controls-direction a.bx-next { right:4px; } */ /* 행사참석 > 타입2 > 가로로 보여줄 갯수별 css 조정*/ .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li .auspc-item dd span{display:block; width:30%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li .auspc-item dd span{display:block; width:80%; margin:0 auto 0.3rem; font-size:1rem; color:#fff; background-color:#505764; text-align:center; padding:0.2rem 0.8rem; border-radius:20px;} /*행사참석 > 타입2 > 가로로 보여줄 갯수별*/ .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li {width:100%;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li:nth-child(1n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li:nth-child(1n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li{width:calc(100% / 2);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(2n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(2n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li{width:calc(100% / 3);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(3n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(3n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li{width:calc(100% / 4);} /*.widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n) > ul{margin-right:.5rem;}*/ .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li{width:calc(100% / 5);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(5n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(5n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li{width:calc(100% / 6);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(6n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(6n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li{width:calc(100% / 7);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(7n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(7n) > ul{margin-right:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li{width:calc(100% / 8);} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(8n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(8n) > ul{margin-right:0;} /* 행사참석 > 타입3 */ .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst dt:before{margin-bottom:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body{padding:1rem 0 0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst:after{display:block; clear:both; content:"";} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst > li{float:left; width:calc(100% / 4);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li{width:100%;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 > li > ul > li{margin-bottom:0.5rem} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li > ul{position:relative; margin:0 0.5rem 0.5rem 0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1 li > ul{margin:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst > li.no-result{width:100%;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li:first-child > ul, .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li:nth-child(4n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li:nth-child(4n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item{position:relative; padding:0 1.25rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span{position:absolute; top:0; left:0; width:40%; padding:0.5rem 0; font-size:1rem; font-weight:normal; text-align:center; background-color:#505764; color:#fff;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span.auspc-sta-on{background-color:#769fc5;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item > dt{width:100%; min-height:92px; margin-top:3.5rem; font-size:1.5rem; text-align:center;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item dt h5 span{display:block; width:100%; max-height:72px; min-height:72px; line-height:36px; font-size:1.5rem; 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-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul{margin:1.5rem 0; padding:1rem; background-color:rgba(0, 0, 0, 0.03);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul li{width:100%; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item > dd ul li i{margin-right:5px;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li a.det-over-btn{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); color:#fff; text-align:center;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li:hover a.det-over-btn{display:block;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li a.det-over-btn span{position:absolute; top:50%; left:50%; width:50%; padding:0.5rem 0; color:#fff; border:1px solid #fff; -webkit-transform:translate(-50%, -50%); --moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /*행사참석 > 타입3 > 가로로 보여줄 갯수별*/ .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li {width:100%;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li:nth-child(1n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt1>li:nth-child(1n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li{width:calc(100% / 2);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(2n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt2>li:nth-child(2n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li{width:calc(100% / 3);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(3n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt3>li:nth-child(3n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li{width:calc(100% / 4);} /*.widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n) > ul{margin-right:.5rem;}*/ .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt4>li:nth-child(4n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li{width:calc(100% / 5);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(5n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt5>li:nth-child(5n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li{width:calc(100% / 6);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(6n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt6>li:nth-child(6n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li{width:calc(100% / 7);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(7n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt7>li:nth-child(7n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li{width:calc(100% / 8);} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(4n+1) > ul{margin-left:0.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(4n) > ul{margin-right:.5rem;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(8n+1) > ul{margin-left:0;} .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst.auspc-vert-lst-cnt8>li:nth-child(8n) > ul{margin-right:0;} .widget-auspc.widget-style-type3 .widget-card-body .bx-controls .bx-pager { bottom:20px; } /*** [행사참석 타입4] ***/ /* 영역 */ .widget-auspc.widget-style-type4 a:hover{color:unset; text-decoration:none;} .widget-auspc.widget-style-type4 .auspc-vert-lst{font-size:0; width:100%; border-spacing:40px 0;} .widget-auspc.widget-style-type4 .auspc-vert-lst > li{display:inline-block; font-size:16px; vertical-align:top;} .widget-auspc.widget-style-type4 .auspc-vert-lst > li{border:1px solid #c6c6c6;} /* 재선언 */ .widget-auspc.widget-style-type4 .widget-card-body .auspc-vert-lst dt h5:before, .widget-auspc.widget-style-type4 .widget-card-body .auspc-vert-lst dt h5:after{display:none;} /* 헤더 */ .widget-auspc.widget-style-type4 .auspc-header{padding:28px 30px; background-color:#f8f8f8;} .widget-auspc.widget-style-type4 .auspc-header h5{margin-bottom:0; font-size:20px; background-color:#f8f8f8; color:#333;} /* 바디 */ .widget-auspc.widget-style-type4 .auspc-body{padding:18px 30px 26px;} /* 정보 리스트 */ .widget-auspc.widget-style-type4 .auspc-sub-info-lst li{font-size:18px; line-height:2; color:#323232;} .widget-auspc.widget-style-type4 .auspc-sub-info-lst li + li{margin-top:9px;} .widget-auspc.widget-style-type4 .auspc-sub-info-lst .point-mark{display:inline-block; width:35px; height:35px; margin-right:10px; line-height:32px; border-radius:50%; text-align:center; background-color:#fff; font-size:.9rem; border:1px solid #a0a0a0;} .widget-auspc.widget-style-type4 .auspc-sub-info-lst b{margin-right:5px; font-weight:normal;} /* 행사 진행 */ .widget-auspc.widget-style-type4 .auspc-sta-wrap .auspc-sta-off{display:block; margin-top:27px; padding:9px 0; font-size:20px; text-align:center; background-color:#c2c2c2; color:#fff; border-radius:5px;} .widget-auspc.widget-style-type4 .auspc-sta-wrap .auspc-sta-on{display:block; margin-top:25px; font-size:20px; text-align:center; background-color:#68c4f3; color:#fff; border-radius:5px;} /* 출력 개수 1개 */ .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-1 .auspc-vert-lst > li{width:100%;} .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-1 .auspc-vert-lst > li + li{margin-top:40px;} /* 출력 개수 2개 */ .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-2{margin-left:-20px; margin-right:-20px;} .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-2 .auspc-vert-lst > li{width:calc(100% / 2 - 40px); margin:0 20px;} /* 출력 개수 3개 */ .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-3{margin-left:-20px; margin-right:-20px;} .widget-auspc.widget-style-type4 .auspc-vert-lst-cnt-3 .auspc-vert-lst > li{width:calc(100% / 3 - 40px); margin:0 20px;} /*** [행사참석 타입4 끝] ***/ /** 홈페이지 정보 **/ /* 타입 1 */ .widget-footer.widget-style-type1 a{color:#fff;} .widget-footer.widget-style-type1{background: #505764;} .widget-footer.widget-style-type1 .top-footer{border-bottom:1px solid #424b5a;} .widget-footer.widget-style-type1 .top-footer:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type1 .top-footer .top-footer-container{width:1140px; margin:0 auto; padding:1rem 0;} .widget-footer.widget-style-type1 .top-footer ul:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type1 .top-footer ul li{float:left;} .widget-footer.widget-style-type1 .top-footer ul li a:after{content:"|"; padding:0 1rem; color:#424b5a;} .widget-footer.widget-style-type1 .top-footer ul li:last-child a:after{display:none;} .widget-footer.widget-style-type1 .bottom-footer-container{width:1140px; margin:0 auto; padding:2rem 0; color:#fff;} .widget-footer.widget-style-type1 .bottom-footer-container:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type1 .bottom-footer-info{float:left; width:70%;} .widget-footer.widget-style-type1 .bottom-footer-info h4{float:left; width:30%; padding-right:0.625rem; word-break:keep-all;} .widget-footer.widget-style-type1 .bottom-footer-info h4 a{font-weight:600; color:#fff;} .widget-footer.widget-style-type1 .bottom-footer-info .home-info{float:left; width:70%; padding-left:2rem; } .widget-footer.widget-style-type1 .bottom-footer-info ul:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type1 .bottom-footer-info ul li{float:left;} .widget-footer.widget-style-type1 .bottom-footer-info ul li.addr-info, .widget-footer.widget-style-type1 .bottom-footer-info ul li.bank-info{width:100%;} .widget-footer.widget-style-type1 .bottom-footer-info ul li:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type1 .bottom-footer-info ul li dt, .widget-footer.widget-style-type1 .bottom-footer-info ul li dd{float:left;} .widget-footer.widget-style-type1 .bottom-footer-service{float:right; width:auto;} .widget-footer.widget-style-type1 li{margin-right:0.625rem;} .widget-footer.widget-style-type1 li dt{margin-right:5px; font-weight:300;} .widget-footer.widget-style-type1 .addr-info dt{display:none;} .widget-footer.widget-style-type1 .bank-info dd{margin-right:0.625rem;} .widget-footer.widget-style-type1 .bottom-footer-info .browser-info{padding-top:2rem; padding-left:34.5%; overflow:hidden; clear:both;} .widget-footer.widget-style-type1 .bottom-footer-info .browser-info i{margin-right:5px;} .widget-footer.widget-style-type1 .bottom-footer-info .browser-info li:first-child{float:none;} .widget-footer.widget-style-type1 .shuvic-guid span, .widget-footer.widget-style-type1 .clubIntroBtn span{display:block; text-indent:-9999px;} .widget-footer.widget-style-type1 .shuvic-guid a{background:url("/common/css/images/bn_click_qa.png") no-repeat; display:inline-block; width:190px; height:96px; margin-bottom:10px;} .widget-footer.widget-style-type1 .clubIntroBtn{background:url("/common/css/images/bn_capstone_ver_pc.png") no-repeat; display:inline-block; width:190px; height:54px;} /* 타입 2 */ .widget-footer.widget-style-type2 .tpl-widget-body{margin:0;} .widget-footer.widget-style-type2 .top-footer, .widget-footer.widget-style-type2 .bottom-footer{padding:1.25rem 0; background-color:#f4f4f4;} .widget-footer.widget-style-type2 .top-footer-container, .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-container{width:1140px; margin:0 auto;} .widget-footer.widget-style-type2 .top-footer{background-color:#f4f4f4;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info > ul:first-child{float:left; width:70%;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li{float:left; color:#666666;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li a{color:#333333;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li.addr-info, .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li.bank-info{width:100%;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li dl dt{float:left; font-weight:normal;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li dl dt:after{content:"/"; padding:0 2px;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info ul li dl dd{float:left; margin:0 16px 0 3px;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info > ul.top-footer-service{float:right;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li:first-child{margin-right:1rem;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li a{display:block; width:100%; height:100%; border-radius:50%;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li.shuvic-guid a{background-color:#707070;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li.sponsor-capston a{background-color:#ababab;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li a div{padding:1.5rem 2.3rem;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li.shuvic-guid a div{background:url("images/foot-ico-02.png") no-repeat; background-position:center;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li.sponsor-capston a div{background:url("images/foot-ico-01.png") no-repeat; background-position:center;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li a div i{text-indent:-9999px;} .widget-footer.widget-style-type2 .top-footer-container .top-footer-info .top-footer-service li span{display:block; margin-top:0.5rem; text-align:center;} .widget-footer.widget-style-type2 .bottom-footer{background-color:#dcdcdc;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul{float:left; width:50%;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul li{float:left; margin-right:1.25rem;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul li:last-child{margin-right:0;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul li:after{content:"|"; margin-left:0.75rem; color:#b1b1b1;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar ul li:last-child:after{display:none;} .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar h4{float:right; width:50%; margin-bottom:0; font-weight:600; text-align:right; } .widget-footer.widget-style-type2 .bottom-footer .bottom-footer-toolbar h4 a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 타입 3 */ .widget-footer.widget-style-type3{background-color:#000000; color:#fff; font-size:0.95rem;} .widget-footer.widget-style-type3 a{color:#fff;} .widget-footer.widget-style-type3 .tpl-widget-body{margin:0;} .widget-footer.widget-style-type3 .top-footer{border-bottom:1px solid #3e3e3e;} .widget-footer.widget-style-type3 .top-footer .top-footer-container{width:1140px; margin:0 auto;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar:after{display:block; content:""; clear:both;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar ul:after{display:block; content:""; clear:both;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar ul{float:left; padding:18px 0;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar ul li{float:left;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar ul li a:after{content:"|"; padding:0 1rem; color:#3e3e3e;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar ul li:last-child a:after{display:none;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar .TOP-BTN{float:right; padding:4px 0.8rem 8px; text-align: center; border:1px solid #3e3e3e; border-top:0; border-bottom:0;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar .TOP-BTN span{display:block;} .widget-footer.widget-style-type3 .top-footer .top-footer-toolbar .TOP-BTN:hover{background-color:#d4d4d4; color:#000;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .widget-footer.widget-style-type3 .bottom-footer-container{width:1140px; margin:0 auto; padding:2rem 0; color:#b3b6bc;} .widget-footer.widget-style-type3 .bottom-footer-container a{color:#b3b6bc;} .widget-footer.widget-style-type3 .bottom-footer-info > ul:after{display:block; content:""; clear:both;} .widget-footer.widget-style-type3 .bottom-footer-info > ul > li{float:left;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-ttl{width:25%; word-break:keep-all;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info{width:35%; padding-right:0.5rem;} .widget-footer.widget-style-type3 .bottom-footer-info ul .bank-info-wrap{width:25%;} .widget-footer.widget-style-type3 .bottom-footer-info ul .top-footer-service{width:15%;} .widget-footer.widget-style-type3 .bottom-footer-info ul .top-footer-service > ul{text-align:center;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info li dl{float:left; width:50%; margin-bottom:0.625rem;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info li:last-child dl{margin-bottom:0;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info li.addr-info dl{width:100%;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info dd{word-break:keep-all;} .widget-footer.widget-style-type3 .bottom-footer-info ul .home-info li.addr-info dt, .widget-footer.widget-style-type3 .bottom-footer-info ul .bank-info-wrap .bank-info-ttl, .widget-footer.widget-style-type3 .bottom-footer-info ul .counter_bas_info .counter_bas_info_dfnt_lst > dt{margin-bottom:0.625rem; font-size:1.25rem; font-weight:bold; color:#7d8087;} .widget-footer.widget-style-type3 .bottom-footer-info ul .bank-info-wrap dd dl{margin-bottom:3px;} .widget-footer.widget-style-type3 .bottom-footer-info ul .bank-info-wrap dd dt{display:inline-block; width:30%; vertical-align:top;} .widget-footer.widget-style-type3 .bottom-footer-info ul .bank-info-wrap dd dd{display:inline-block; width:70%; word-break:keep-all;} .widget-footer.widget-style-type3 .bottom-footer-info ul .tel-info{font-size:1.5rem; color:#fff; font-weight:bold;} .widget-footer.widget-style-type3 .top-footer-service ul li{display:inline-block; width:50%;} .widget-footer.widget-style-type3 .top-footer-service ul li a{display:block; width:70px; margin:0 auto; border-radius:50%;} .widget-footer.widget-style-type3 .top-footer-service ul li.shuvic-guid a{background-color:#707070;} .widget-footer.widget-style-type3 .top-footer-service ul li.sponsor-capston a{background-color:#ababab;} .widget-footer.widget-style-type3 .top-footer-service ul li a div{padding:1.5rem;} .widget-footer.widget-style-type3 .top-footer-service ul li.shuvic-guid a div{background:url("images/foot-ico-02.png") no-repeat; background-position:center;} .widget-footer.widget-style-type3 .top-footer-service ul li.sponsor-capston a div{background:url("images/foot-ico-01.png") no-repeat; background-position:center;} .widget-footer.widget-style-type3 .top-footer-service ul li a div i{text-indent:-9999px;} .widget-footer.widget-style-type3 .top-footer-service ul li span{display:block; margin-top:0.5rem; text-align:center;} /* 21.04 수정 요청 : 개인정보취급방침이랑 **버전으로 보기가 눈에 띄게 */ .widget-footer.widget-style-type3 .top-footer-toolbar ul li a{color:#ababab;} .widget-footer.widget-style-type3 .top-footer-toolbar ul li.indvdl_info_rule a{font-weight:bold; color:#fff;} .widget-footer.widget-style-type3 .top-footer-toolbar ul li.version_mobile a{font-weight:bold; color:#a6c3fe;} /* 타입 4 */ .widget-footer.widget-style-type4 .tpl-widget-body{margin:0;} .widget-footer.widget-style-type4 .top-footer, .widget-footer.widget-style-type4 .bottom-footer{padding:1.25rem 0; background-color:#ffffff; border-top:1px solid #ddd} .widget-footer.widget-style-type4 .top-footer-container, .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-container{width:1140px; margin:0 auto;} /* .widget-footer.widget-style-type4 .top-footer-container .home-logo-img img{filter:gray; filter:grayscale(1); -webkit-filter:grayscale(1); -ms-filter:grayscale(1); opacity:.5;} */ .widget-footer.widget-style-type4 .top-footer-container .top-footer-info h5{color:#666} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info > ul:first-child{float:left;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li{float:left; color:#666666;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li a{color:#333333;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li.addr-info, .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li.bank-info{width:100%;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li dl dt{float:left; font-weight:normal;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-info ul li dl dd{float:left; margin:0 16px 0 5px; color:#333} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service{float:right;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li{display:inline-block} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li:first-child{margin-right:1rem;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li a{display:block; width:100%; height:100%; border-radius:50%;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li.shuvic-guid a{background-color:#707070;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li.sponsor-capston a{background-color:#ababab;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li a div{padding:1.5rem 2.3rem;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li.shuvic-guid a div{background:url("images/foot-ico-02.png") no-repeat; background-position:center;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li.sponsor-capston a div{background:url("images/foot-ico-01.png") no-repeat; background-position:center;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li a div i{text-indent:-9999px;} .widget-footer.widget-style-type4 .top-footer-container .top-footer-service li span{display:block; margin-top:0.5rem; text-align:center;} .widget-footer.widget-style-type4 .bottom-footer{background-color:#dcdcdc; text-align:center;} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar:after{display:block; clear:both; content:"";} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar ul{margin:0 auto;display:inline-block} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar ul li{float:left; margin-right:1.25rem;} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar ul li:last-child{margin-right:0;} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar ul li:after{content:"|"; margin-left:0.75rem; color:#b1b1b1;} .widget-footer.widget-style-type4 .bottom-footer .bottom-footer-toolbar ul li:last-child:after{display:none;} /*하단위젯 사이트정보 > 타입5 : width:1200px */ .widget-footer.widget-style-type5 { } .widget-footer.widget-style-type5 .tpl-widget-body { padding:0px; margin:0px; background:#2d2d2d; color:#959595; font-size:0.85rem; padding:0px; font-weight:200; text-align:center; } .widget-footer.widget-style-type5 a { color:#959595; font-size:0.85rem; font-weight:200; } .widget-footer.widget-style-type5 .tpl-widget-content { width:1140px; margin:0px auto; padding:50px 0px; text-align:left; position:relative; } .widget-footer.widget-style-type5 .tpl-widget-content:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-footer.widget-style-type5 .footer-menu { } .widget-footer.widget-style-type5 .footer-menu ul { padding:0px; margin:0px 0px 15px 0px; } .widget-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-footer.widget-style-type5 .footer-menu ul li:first-child { padding:0px; margin:0px; border-left:0px solid #535353; } .widget-footer.widget-style-type5 .footer-menu ul li a { display:inline-block; margin:0px 0.7rem; } .widget-footer.widget-style-type5 .footer-menu ul li:nth-of-type(1) a { margin:0px 0.7rem 0px 0px; } .widget-footer.widget-style-type5 .footer-menu ul li.contactUs { display:block; position:absolute; width:170px; right:0px; top:40px; border-left:0px solid #535353; } .widget-footer.widget-style-type5 .footer-menu ul li.contactUs a { display:block; width:170px; height:48px; border:1px solid #818181; color:#c3c3c3; line-height:48px; text-align:center; margin:0px; } .widget-footer.widget-style-type5 .footer-menu ul li.contactUs a i { font-size:1.4rem; margin-right:0.4rem; vertical-align:middle; } .widget-footer.widget-style-type5 .footer-menu ul li.clubIntro { display:block; position:absolute; width:170px; right:0px; top:95px; border-left:0px solid #535353; } .widget-footer.widget-style-type5 .footer-menu ul li.clubIntro a { display:block; width:170px; height:48px; border:1px solid #818181; color:#c3c3c3; line-height:48px; text-align:center; margin:0px; } .widget-footer.widget-style-type5 .footer-menu ul li.clubIntro a i { font-size:1.4rem; margin-right:0.4rem; vertical-align:middle; } .widget-footer.widget-style-type5 .footer-info { } .widget-footer.widget-style-type5 .footer-info dl { padding:0px; margin:0px; } .widget-footer.widget-style-type5 .footer-info dl:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-footer.widget-style-type5 .footer-info dl div { float:left; margin:0px 20px 0px 0px; } .widget-footer.widget-style-type5 .footer-info dl div:nth-of-type(1) dt { position:absolute; top:-9999px; display:none;} .widget-footer.widget-style-type5 .footer-info dl:nth-of-type(1) div:nth-of-type(3) { clear:both; } .widget-footer.widget-style-type5 .footer-info dl div dt { float:left; padding:0px; margin:0px 6px 0px 0px; font-weight:200; } .widget-footer.widget-style-type5 .footer-info dl div dd { float:left; padding:0px; margin:0px; word-break:keep-all; } .widget-footer.widget-style-type5 .footer-info dl div dd+dd:before { content:"/ "; display:inline-block; margin:0px 3px; } .widget-footer.widget-style-type5 .footer-info dl div dd a { } .widget-footer.widget-style-type5 .footer-copyright { font-weight:100; padding:1rem 0px 0px 0px;} /*** 회사 정보 ***/ /* 하단 홈페이지 정보 > 패밀리 사이트 */ /* 하단 홈페이지 정보 > 패밀리 사이트 > 옵션 박스 */ .footer_family_site{position:relative; width:190px; font-size:0.875rem;} .footer_family_site:hover{cursor:pointer;} .footer_family_site + .footer_family_site{margin-left:20px;} .footer_family_site .family_site_box{border:1px solid #66707b; color:#66707b;} .footer_family_site .family_site_box p{padding:4px 14px; font-size:14px; clear:both; overflow:hidden;} .footer_family_site .family_site_box p:after{content: "\f0de"; float:right; height:16px; margin-top:3px; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /* 하단 홈페이지 정보 > 패밀리 사이트 > 리스트 */ .footer_family_site .family_site_lst{position:absolute; bottom:31px; display:none; width:100%; padding:0.625rem 0; background-color:#f5f5f5; border:1px solid #66707b; border-bottom:0;} .footer_family_site .family_site_lst li{line-height:32px;} .footer_family_site .family_site_lst li a{display:block; padding:0 13px; font-size:14px; color:#66707b;} .footer_family_site .family_site_lst li a:hover{color:#66707b;} /* 하단 홈페이지 정보 > 패밀리 사이트 > 리스트 클릭 시 이벤트 */ .footer_family_site .more_slide_up p:after{content:"\f0d7"; height:inherit; margin-top:0;} /*** 회사 정보 끝 ***/ /** 2022.02.11 카피라이트 및 패밀리 사이트 추가 **/ /* 영역*/ .widget-footer.widget-style-type5 .menu-det-copyright-wrap{font-size:0;} .widget-footer.widget-style-type5 .menu-det-copyright-wrap > *{display:inline-block; font-size:16px; vertical-align:middle;} /* 카피라이트 */ .widget-footer.widget-style-type5 .menu-det-copyright{margin-right:60px; font-size:17px; color:#959595; font-size:.85rem; font-weight:200;} /* 패밀리 사이트 */ .widget-footer.widget-style-type5 .footer_family_site{margin-top:10px;} .widget-footer.widget-style-type5 .footer_family_site .family_site_box{color:#959595; border-color:#818181;} .widget-footer.widget-style-type5 .footer_family_site .family_site_lst{background-color:#2d2d2d; border-color:#818181;} .widget-footer.widget-style-type5 .footer_family_site .family_site_lst li a, .widget-footer.widget-style-type5 .footer_family_site .family_site_lst li a:hover{color:#959595;} /** 2022.02.11 카피라이트 및 패밀리 사이트 추가 끝 **/ /* 타입 6 */ .widget-footer.widget-style-type6{background-color:#000000; color:#fff; font-size:0.95rem;} .widget-footer.widget-style-type6 a{color:#fff;} .widget-footer.widget-style-type6 .tpl-widget-body{margin:0;} .widget-footer.widget-style-type6 .top-footer{border-bottom:1px solid #3e3e3e;} .widget-footer.widget-style-type6 .top-footer .top-footer-container{width:1140px; margin:0 auto;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar:after{display:block; content:""; clear:both;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar ul:after{display:block; content:""; clear:both;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar ul{float:left; padding:18px 0;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar ul li{float:left;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar ul li a:after{content:"|"; padding:0 1rem; color:#3e3e3e;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar ul li:last-child a:after{display:none;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar .TOP-BTN{float:right; padding:4px 0.8rem 8px; text-align: center; border:1px solid #3e3e3e; border-top:0; border-bottom:0;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar .TOP-BTN span{display:block;} .widget-footer.widget-style-type6 .top-footer .top-footer-toolbar .TOP-BTN:hover{background-color:#d4d4d4; color:#000;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .widget-footer.widget-style-type6 .bottom-footer-container{width:1140px; margin:0 auto; padding:2rem 0; color:#b3b6bc;} .widget-footer.widget-style-type6 .bottom-footer-container a{color:#b3b6bc;} /* 상단 기능 */ .widget-footer.widget-style-type6 .top-footer-toolbar ul li a{color:#ababab;} .widget-footer.widget-style-type6 .top-footer-toolbar ul li.indvdl_info_rule a{font-weight:bold; color:#fff;} .widget-footer.widget-style-type6 .top-footer-toolbar ul li.version_mobile a{font-weight:bold; color:#a6c3fe;} /* 하단 스타일*/ .widget-footer.widget-style-type6 .footer-cont-outer{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer > *{display:inline-block; font-size:16px; vertical-align:top;} /* 로고 */ .widget-footer.widget-style-type6 .footer-cont-outer .home-ttl{width:25%;} .widget-footer.widget-style-type6 .footer-cont-outer .home-ttl h4{margin-bottom:0; word-break:keep-all;} /* 가운데 영역 */ .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap{width:60%;} /* 은행명 */ .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul > li{position:relative; display:inline-block; margin-right:15px; padding-right:10px; font-size:16px; color:#dedede; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul > li:last-child{margin-right:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul > li:after{content:""; display:inline-block; position:absolute; top:55%; right:0; width:1px; height:60%; background-color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul > li:last-child:after{display:none;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul li dl{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul li dl > *{display:inline-block; font-size:18px; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul li dl dt{font-weight:normal; margin-right:10px;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul li dl dt:after{content:":";} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .bank-info-wrap ul li:last-child dl dt:after{display:none;} /* 회원 카운트 */ .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info{margin-top:15px;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul > li{position:relative; display:inline-block; margin-right:15px; padding-right:10px; font-size:16px; color:#999; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul > li:last-child{margin-right:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul > li:after{content:""; display:inline-block; position:absolute; top:55%; right:0; width:1px; height:60%; background-color:#999; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul > li:last-child:after{display:none;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul li dl{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul li dl > *{display:inline-block; font-size:16px; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .counter_bas_info ul li dl dt{font-weight:normal; margin-right:10px;} /* 홈페이지 정보 */ .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info{margin-top:35px;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info > ul > li{margin-bottom:10px;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info > ul > li:last-child{margin-bottom:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .addr-info{font-size:14px;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .addr-info dt{display:none;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li{position:relative; display:inline-block; margin-right:15px; padding-right:15px; font-size:14px; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li:after{content:""; display:inline-block; position:absolute; top:40%; right:0; width:1px; height:40%; background-color:#999;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li:last-child:after{display:none;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li dl{font-size:0;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li dl > *{display:inline-block; font-size:14px; vertical-align:middle;} .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-info .home-etc-info ul li dl dt{font-weight:normal; margin-right:5px;} /* 카피라이트 */ .widget-footer.widget-style-type6 .footer-cont-outer .mid-sec-wrap .home-copyright-info{font-size:12px; color:#999;} /* 문의/건의/머릿돌 */ .widget-footer.widget-style-type6 .footer-cont-outer .etc-tool-wrap{width:15%;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li{display:inline-block; width:50%;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li a{display:block; width:70px; margin:0 auto; border-radius:50%;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li.shuvic-guid a{background-color:#707070;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li.sponsor-capston a{background-color:#ababab;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li a div{padding:1.5rem;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li.shuvic-guid a div{background:url("images/foot-ico-02.png") no-repeat; background-position:center;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li.sponsor-capston a div{background:url("images/foot-ico-01.png") no-repeat; background-position:center;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li a div i{text-indent:-9999px;} .widget-footer.widget-style-type6 .etc-tool-wrap ul li span{display:block; margin-top:0.5rem; text-align:center;} /** 슈빅 푸터 **/ /* 공통 */ .widget-shuvicfooter .banner-ok-talk ul:after{display:block; clear:both; content:"";} .widget-shuvicfooter .banner-ok-talk ul{display:table; } .widget-shuvicfooter .banner-ok-talk ul li{float:left;} .widget-shuvicfooter .banner-ok-talk ul li a{display:block; padding:1rem 2.5rem; font-weight:500; background-color:rgba(0, 0, 0, 0.3); color:#fff; border-radius:5px; box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.3);} .widget-shuvicfooter .banner-ok-talk ul li a:hover{opacity:0.85;} .widget-shuvicfooter .banner-ok-talk ul li .app_android{margin-right:1.5rem; background-color:#0758aa; color:#fff;} .widget-shuvicfooter .banner-ok-talk ul li .app_apple{background-color:#fff; color:#0758aa;} /* 타입1 */ .widget-shuvicfooter.widget-style-type1{background-color:#4a6ca3;} .widget-shuvicfooter.widget-style-type1 .tpl-widget-body{margin:0 auto; height:350px; overflow: hidden; color:#fff;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk-wrap {background-image: url("images/sh-banner-app.png"); background-size: contain; background-repeat: no-repeat; background-position-x: center; height: 350px; position: relative;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk {position: absolute; width: 1140px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/pc_elec_dc_appro_intro_banner.png"); background-size: cover; height: 350px; position: relative; background-repeat: no-repeat;} .widget-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div {position: absolute; width: 1140px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div ul {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .widget-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div a {display: inline-block; text-align: center; width: 270px; color: #fff; padding: 0.75rem 1.25rem; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.35);} .widget-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-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-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div > p {font-size: 3.5rem; line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); font-weight: 700; text-align: center; font-family: auto;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk h1{margin-bottom:1.5rem; font-size:2rem; font-weight:700;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk h4{margin-bottom:0.7rem; font-size:1.25rem; font-weight:600;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk span{font-weight:100;} .widget-shuvicfooter.widget-style-type1 .banner-ok-talk ul{margin-top:1rem;} /* 타입2 */ .widget-shuvicfooter.widget-style-type2{background-color:#9e9e9e;} .widget-shuvicfooter.widget-style-type2 .tpl-widget-body{margin:0 auto; height:346px; background-position:top center; color:#fff;} .widget-shuvicfooter.widget-style-type2 .banner-ok-talk-wrap {background:url("/common/css/tpl-2/images/tpl2-sh-footer.png") no-repeat; background-position:top center; height: 346px;} .widget-shuvicfooter.widget-style-type2 .banner-moim-hama-wrap {background:url(/common/css/images/shuvic-footer-banner-img-08.png) no-repeat; background-position:top center; background-color: #c3c3c3; height: 346px;} .widget-shuvicfooter.widget-style-type2 .banner-ok-talk{width:1140px; margin:0 auto; text-align:center; padding-top:5rem;} .widget-shuvicfooter.widget-style-type2 .banner-ok-talk h3{line-height:1.5;} .widget-shuvicfooter.widget-style-type2 .banner-ok-talk h3 span{font-weight:600;} .widget-shuvicfooter.widget-style-type2 .banner-ok-talk ul{margin:3.125rem auto 0;} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/pc_elec_dc_appro_intro_banner.png"); background-size: cover; height: 350px; position: relative; background-repeat: no-repeat;} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div {position: absolute; width: 1140px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div ul {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div a {display: inline-block; color: #fff; padding: 0.75rem 1.25rem; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.35); width: 270px; text-align: center;} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div > p {font-size: 3.5rem; line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); font-weight: 700; text-align: center; font-family: auto;} .widget-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-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap {background-image: url("/common/css/images/banner/dafl-sharp-banner01.png"); background-size: cover; height: 350px; position: relative; background-repeat: no-repeat;} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div {position: absolute; width: 1140px; top: 50%; left: 30%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div ul {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div a {display: inline-block; color: #fff; padding: 0.75rem 1.25rem; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.35); width: 270px; text-align: center;} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div > p {font-size: 3.5rem; line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); color: #ffffff; font-weight: 700; text-align: center; font-family: auto;} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div > h3 {line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); color: #ffffff; font-weight: 700; text-align: center; font-family: auto;} .widget-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} /*알리미톡배너위젯(슈빅배너) > 타입5 : col-12 / width:1200px*/ .widget-shuvicfooter.widget-style-type5 { } .widget-shuvicfooter.widget-style-type5 .tpl-widget-body { margin:0px; } .widget-shuvicfooter.widget-style-type5 .tpl-widget-content { height:340px; text-align:center;} .widget-shuvicfooter.widget-style-type5 .banner-ok-talk-wrap {background:url("/common/css/images/shuvic-footer-banner-img-05.jpg") no-repeat center top; background-size:100% 100%;} .widget-shuvicfooter.widget-style-type5 .banner-moim-hama-wrap {background:url(/common/css/images/shuvic-footer-banner-img-08.png) no-repeat center top; background-color: #c3c3c3;} .widget-shuvicfooter.widget-style-type5 .banner-ok-talk { width:1140px; height:340px; position:relative; margin:0px auto; padding:30px 0px 0px 0px; overflow:hidden; text-align:center; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk:before { content:""; display:inline-block; width:25%; height:343px; position:absolute; left:0px; top:20px; background:url("/common/css/images/shuvic-footer-banner-img-05-phone.png") no-repeat left top; background-size:287px auto; filter:drop-shadow(3px 3px 10px #444444); } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p { padding:0px; margin:0px; color:#fff; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(1) { padding:85px 0px 0px 0px; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(1) strong { display:block; font-size:2.5rem; line-height:2.5rem; font-weight:800; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(1) em { display:block; margin:0px 0px 6px 0px; font-style:normal; font-size:1.8rem; font-weight:bold; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(2) { position:relative; margin:40px 0px 0px 0px; font-weight:200; font-size:1.3rem; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(2):before { content:""; display:block; width:40px; height:1px; position:absolute; left:50%; top:-20px; margin-left:-20px; background:#ff5a2b; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk p:nth-of-type(2) b { letter-spacing:0px; font-weight:normal; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul { width:224px; position:absolute; right:0px; top:50%; margin-top:-64px; padding:0px 0px 0px 0px; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li { display:block; float:none; height:56px; margin:5px 0px 5px 0px; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li a { display:block; height:56px; line-height:56px; padding:0px; margin:0px; background:none; border:1px solid #fff; border-radius:5px; color:#fff; font-size:1rem; font-weight:200; line-height:47px; text-align:center; text-decoration:none; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li a i { display:inline-block; font-size:1.4rem; margin-right:0.5rem; vertical-align:middle; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li a span { display:inline-block; font-weight:400; vertical-align:middle; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li:nth-of-type(1) a i { font-size:1.9rem; margin-right:0.8rem; } .widget-shuvicfooter.widget-style-type5 .banner-ok-talk ul li:nth-of-type(1) a { letter-spacing:0.05rem; } .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/pc_elec_dc_appro_intro_banner.png"); background-size: cover; height: 350px; position: relative; background-repeat: no-repeat;} .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div {position: absolute; width: 1140px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div ul {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div a {display: inline-block; text-align: center; width: 270px; color: #fff; padding: 0.75rem 1.25rem; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.35);} .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div > p {font-size: 3.5rem; line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); font-weight: 700; text-align: center; font-family: auto; color: #fff;} .widget-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-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap {background-image: url("/common/css/images/banner/dafl-sharp-banner01.png"); background-size: cover; height: 350px; position: relative; background-repeat: no-repeat;} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div {position: absolute; width: 1140px; top: 50%; left: 30%; transform: translate(-50%, -50%);} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div ul {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div a {display: inline-block; color: #fff; padding: 0.75rem 1.25rem; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.35); width: 270px; text-align: center;} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div > p {font-size: 3.5rem; line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); color: #ffffff; font-weight: 700; text-align: center; font-family: auto;} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div > h3 {line-height: 6rem; text-shadow: 4px 4px 3px rgba(0,0,0,0.35); color: #ffffff; font-weight: 700; text-align: center; font-family: auto;} .widget-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} /** [위젯] 서브메뉴 - 정리완료 */ .tpl-widget.widget-subjectmenu .widget-card-header{padding:.25rem 0; background-color:#fff; border-bottom: 2px solid #000; padding-left: 1rem; } .tpl-widget.widget-subjectmenu .widget-card-header h4{font-size:1.5rem; font-weight:bold; margin-bottom:.5rem;} .widget-subjectmenu .widget-card-body{padding:0!important;} .widget-subjectmenu .widget-card-body ul li a{position:relative; display:block; font-size:1rem; text-decoration:none; white-space:pre-line;} .widget-subjectmenu .widget-card-body ul li.active > a{font-weight:500; background-color:#769fc5; color:#fff;} .widget-subjectmenu .widget-card-body .subject-menu-lst{margin-top: 5px;} .widget-subjectmenu .widget-card-body .subject-menu-lst li a{border-bottom:1px solid #cdcdcd; padding:.75rem 1rem} .widget-subjectmenu .widget-card-body .subject-menu-lst li a:hover{border-bottom:1px solid transparent; background-color:#cedce9; color:#505764; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li a{background-color: #FFF; color: #666666; padding:.25rem 1rem;} .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li a:hover{color:#000000} .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li.active > a{color:#769fc5;} .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst ul.det-sub-menu-lst{padding-left:0.5rem;} .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li a:BEFORE{content:"-"; padding-right:.5rem} .widget-navigator-sub-menu-lst{border-bottom: 1px solid #bebebe;;background-color: #f5f5f5;margin-top: 1rem;} .widget-navigator-sub-menu-lst ul{margin-left: 2rem;} .widget-navigator-sub-menu-lst ul:after{display:block; clear:both; content:"";} .widget-navigator-sub-menu-lst ul li{float: left;} .widget-navigator-sub-menu-lst ul li a{padding: 1rem;display: block;border-top: 4px solid #f5f5f5;margin-bottom: -1px;} .widget-navigator-sub-menu-lst ul li.active a{border-top: 4px solid #136cb7;background-color: #fff;border-left: 1px solid #bebebe;border-right: 1px solid #bebebe;} .widget-navigator-sub-det-menu-lst{margin-top: 5px;} .widget-navigator-sub-det-menu-lst ul{display: table; table-layout: fixed; width: 100%;} .widget-navigator-sub-det-menu-lst ul li{display: table-cell;vertical-align: middle;} .widget-navigator-sub-det-menu-lst ul li a{background: #adc1ce;display: block; border-radius:2rem;padding: 0.4rem;margin: 0.4rem;text-align: center;color: #FFF !important; text-decoration:none !important;} .widget-navigator-sub-det-menu-lst ul li a:hover{background: #9cd6f9;} .widget-navigator-sub-det-menu-lst ul li.active a{background: #136cb7;} /* 210915 서브 2차 메뉴 숨김 처리 > 20220210 공통 처리 */ .widget-subjectmenu .det-menu-lst{display:none;} .widget-subjectmenu .subject-menu-lst li:after{content:""; display:block; clear:both; overflow:hidden;} .widget-subjectmenu .subject-menu-lst li.JS-hasDetMenu > a:after{content: "\f067"; float:right; display:block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro";} .widget-subjectmenu .subject-menu-lst li:hover .det-menu-lst, .widget-subjectmenu .subject-menu-lst li.active .det-menu-lst{display:block;} .widget-subjectmenu .subject-menu-lst .det-menu-lst .det-sub-menu-lst{display:none;} .widget-subjectmenu .subject-menu-lst .det-menu-lst li:hover .det-sub-menu-lst, .widget-subjectmenu .subject-menu-lst .det-menu-lst li.active .det-sub-menu-lst{display:block;} /*** [서브메뉴 타입2] ***/ /* 영역 */ .widget-subjectmenu.widget-style-type2{display:none; position:absolute; top:0; left:0; width:275px; background-color:#fff; border:1px solid #cdcdcd; transition:all 0.2s ease; transform-origin:0% 100%; transform:rotate(0deg);} .widget-subjectmenu.widget-style-type2.fixed{position:fixed;} .widget-subjectmenu.widget-style-type2 .tpl-widget-body{margin:0;} /* 헤더 */ .widget-subjectmenu.widget-style-type2 .widget-card-header{position:relative; margin-bottom:0 !important; padding:43px 30px; text-align:center; background-color:#0758aa; border-bottom:0;} .widget-subjectmenu.widget-style-type2 .widget-card-header h4{margin-bottom:0; font-size:24px; color:#fff; font-weight:400;} /* 메뉴 닫기 버튼 */ .widget-subjectmenu.widget-style-type2 .widget-card-header .subject-menu-close-btn{position:absolute; top:3px; right:16px; z-index:30; font-size:24px !important; background-color:transparent; color:#fff; border:0; outline:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} .widget-subjectmenu.widget-style-type2 .widget-card-header .subject-menu-close-btn input{display:none;} .widget-subjectmenu.widget-style-type2 .widget-card-header .subject-menu-close-btn i{font-weight:300;} /* 바디 */ .widget-subjectmenu.widget-style-type2 .widget-card-body{min-height:200px; padding:0!important; overflow-y:auto;} .widget-subjectmenu.widget-style-type2 .widget-card-body::-webkit-scrollbar{width:5px;} .widget-subjectmenu.widget-style-type2 .widget-card-body::-webkit-scrollbar-thumb{background-color:#666; border-radius:50px;} .widget-subjectmenu.widget-style-type2 .widget-card-body::-webkit-scrollbar-track{background-color:#e0e0e0;} /* 메뉴 공통 */ .widget-subjectmenu.widget-style-type2 .subject-menu-lst{margin-top:0;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst li + li{border-top:1px solid #cdcdcd;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst li a{border-bottom:0;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst li a:hover{background-color:#e6e8e9; border-bottom:0;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst li.active > a{background-color:#f4f6f6; color:#0758aa;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst li:hover > a{background-color:#e6e8e9;} /* 2차 이상 메뉴 */ .widget-subjectmenu.widget-style-type2 .subject-menu-lst > li .det-menu-lst{border-top:1px solid #cdcdcd;} /* 메뉴 활성화 */ .widget-subjectmenu.widget-style-type2 .subject-menu-lst > li.ON > a{background-color:#e6e8e9;} .widget-subjectmenu.widget-style-type2 .subject-menu-lst > li.ON .det-menu-lst > li a:hover{background-color:#f4f6f6;} /* 메뉴 열었을때 */ .widget-subjectmenu.widget-style-type2.JS-menuClose{width:270px; margin-top:-63px; border:0; transform:rotate(90deg); backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased;} .widget-subjectmenu.widget-style-type2.JS-menuClose .widget-card-header{padding-top:20px; padding-bottom:20px; text-align:left;} .widget-subjectmenu.widget-style-type2.JS-menuClose .widget-card-header h4{font-size:16px;} .widget-subjectmenu.widget-style-type2.JS-menuClose .widget-card-header .subject-menu-close-btn{top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-subjectmenu.widget-style-type2.JS-menuClose .widget-card-body{display:none; overflow-y:auto;} /*** [서브메뉴 타입2 끝] ***/ /* 툴바 */ .widget-toolbar.widget-style-type1 .toolbar-container:after{display:block; content:""; clear:both;} .widget-toolbar.widget-style-type1{min-height:30px; font-size:0.8rem; background-color:rgba(0,0,0,.03);} .widget-toolbar.widget-style-type1 .tpl-widget-body{margin:0; padding:.85rem 0; overflow:hidden;} /* 툴바 기본 */ .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst:after{display:block; clear:both; content:"";} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst{float:right; line-height:36px;} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li:after{display:block; clear:both; content:"";} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li{float:left;} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li:after{display:inline-block; margin:0 1rem; color:rgba(230, 230, 230, 0.85); content:"|";} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li:last-child:after{display:none;} .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst .toolbar-privacy{padding:.5rem .75rem; line-height:1; background-color:#7b589c; border-radius:2rem; color:#fff; display:inline-block} /* 툴바 출력 시 설정*/ .widget-toolbar.widget-style-type1 .toolbar-prt-lst:after{display:block; content:""; clear:both;} .widget-toolbar.widget-style-type1 .toolbar-prt-lst{width:33%; float:left;} .widget-toolbar.widget-style-type1 .toolbar-prt-lst li{float:left;} .widget-toolbar.widget-style-type1 .toolbar-prt-lst .home-info-ttl a, .widget-toolbar.widget-style-type1 .toolbar-prt-lst .home-info-all a{font-size: 1.5rem; vertical-align: middle; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;} .widget-toolbar.widget-style-type1 .toolbar-prt-lst img{height:40px; margin-right:0.8rem; vertical-align: middle; /*-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);로고그림자효과제거*/} .widget-toolbar.widget-style-type1 .toolbar-prt-lst .home-info-all img{margin-top:-8px;} /***/ /*dl float 해제*/ .widget-counter ul:after, .widget-account ul:after, .widget-milage ol:after, .widget-hpinfo ul:after{display:block; clear:both; content:"";} .widget-counter .widget-card-body li:after, .widget-account .widget-card-body li:after, .widget-milage .widget-card-body li:after, .widget-hpinfo .widget-card-body li:after{display:block; clear:both; content:"";} /*dl 스타일*/ .widget-counter .widget-card-body dl dt, .widget-account .widget-card-body dl dt, .widget-milage .widget-card-body dl dt{float:left; width:60%; font-weight:normal;} .widget-counter .widget-card-body dl dd, .widget-account .widget-card-body dl dd, .widget-milage .widget-card-body dl dd{float:right; width:40%; text-align:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 홈페이지 정보 */ .widget-hpinfo .widget-card-body dl:after{display:block; clear:both; content:"";} .widget-hpinfo .widget-card-body dl{margin-bottom:1px;} .widget-hpinfo .widget-card-body dl dt{float:left; width:20%; font-weight:normal; font-weight:bold;} .widget-hpinfo .widget-card-body dl dd{float:left; width:80%;} /*ul li ul 스타일*/ .widget-membernow ul:after{display:block; clear:both; content:"";} .widget-membernow ul li li:NTH-CHILD(ODD){float:left; width:70%; font-weight:normal;} .widget-membernow ul li li:NTH-CHILD(EVEN){float:right; width:30%; text-align:right;} /*비즈홈피 - 고정형*/ .widget-bizhp.widget-style-type1 .widget-card-body ul{margin:7px 0;} .widget-bizhp.widget-style-type1 .widget-card-body ul li{display:inline-block; width:20%; border-right:5px solid #fff;} .widget-bizhp.widget-style-type1 .widget-card-body ul li a{width:151px; color:#000; text-decoration: none;} .widget-bizhp.widget-style-type1 .widget-card-body ul li a div{position:relative; display:table; height:110px; border:1px solid #ccc; overflow:hidden;} .widget-bizhp.widget-style-type1 .widget-card-body ul li a img{display:table-cell; vertical-align: middle; height:110px; max-width:100%; object-fit:cover; object-position:center;} .widget-bizhp.widget-style-type1 .widget-card-body ul li a p{width:100%; margin-bottom:0; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /*부트스트랩버전 no result*/ .desg-widget .widget-card-body .prt_lst,.biz-hp-lst .no_result{color:#a9a9a9; text-align:center;margin: 10px 0;} /* 슬라이드 */ .widget-slide .bx-caption, .widget-banner .bx-caption{display:none;} /* 슬라이드 배경 컬러*/ .widget-slide .COMMON_BX_SLIDER li { background-color:#2270c4; } /* .widget-slide .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { border-color:#fff !important; } */ /* 배너목록 */ .widget-banner .widget-card .widget-card-body{padding:0;} .widget-banner .widget-banner-lst.widget-banner-lst-arr1 > li{width: 100%;} .widget-banner .widget-banner-lst.widget-banner-lst-arr2 > li{width: calc(100% / 2);} .widget-banner .widget-banner-lst.widget-banner-lst-arr3 > li{width: calc(100% / 3);} .widget-banner .widget-banner-lst.widget-banner-lst-arr4 > li{width: calc(100% / 4);} .widget-banner .widget-banner-lst.widget-banner-lst-arr5 > li{width: calc(100% / 5);} .widget-banner .widget-banner-lst.widget-banner-lst-arr6 > li{width: calc(100% / 6);} .widget-banner .widget-banner-lst.widget-banner-lst-arr7 > li{width: calc(100% / 7);} .widget-banner .widget-banner-lst.widget-banner-lst-arr8 > li{width: calc(100% / 8);} .widget-banner .widget-banner-lst{text-align: left;} .widget-banner .widget-banner-lst:after{content:""; display:block; clear:both; overflow:hidden;} .widget-banner .widget-banner-lst li{display: inline-block; width: 20%; min-height:40px; vertical-align: middle;} .widget-banner .widget-banner-lst li .banner-item-wrap{display:block; margin:10px 5px; border: 1px solid #ddd; text-align: center;} .widget-banner .widget-banner-lst li .banner-item-wrap:hover{background-color: #efefef; -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); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .widget-banner .widget-banner-lst li .banner-item-wrap img{width:100%; max-width:100%; display:block; margin:0 auto; overflow: hidden;} .widget-banner .widget-banner-lst li .banner-item-wrap dt, .widget-banner .widget-banner-lst li .banner-item-wrap dd{display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 배너 타입1 수정사항 23.07.25 */ .widget-banner.widget-style-type1 .widget-banner-lst li .banner-item-wrap {position: relative;} .widget-banner.widget-style-type1 .widget-banner-lst li .banner-item-wrap img {height: 80px; object-fit: fill;} .widget-banner.widget-style-type1 .widget-banner-lst li .banner-item-wrap > dl {position: absolute; width: 100%; bottom: -1px; background-color:rgba(0, 0, 0, 0.6); color: #fff; display: none;} .widget-banner.widget-style-type1 .widget-banner-lst li .banner-item-wrap:hover dl {display: block;} /* 배너 타입1 좌우 레이아웃 설정 */ .widget-banner.widget-style-type1 .tpl-widget-body{margin:5px 0;} .widget-banner.widget-style-type1 .widget-banner-lst-arr1 a{margin:0 0 10px;} .widget-banner.widget-style-type1 .widget-banner-lst-arr2 li a{margin:0 5px 10px;} /* 배너 타입1 영역 재선언*/ .widget-banner.widget-style-type1 .widget-card-body{margin:0 -10px;} /* 배너 타입2 */ .widget-banner.widget-style-type2 ul.banner-lst:after{display:block; clear:both; content:"";} .widget-banner.widget-style-type2 .banner-lst .banner-item{float: left; width: calc(100% / 2);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt1 .banner-lst .banner-item{float: none; width: 100%;} .widget-banner.widget-style-type2 .widget-banner-lst-cnt3 .banner-lst .banner-item{width: calc(100% / 3);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt4 .banner-lst .banner-item{width: calc(100% / 4);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt5 .banner-lst .banner-item{width: calc(100% / 5);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt6 .banner-lst .banner-item{width: calc(100% / 6);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt7 .banner-lst .banner-item{width: calc(100% / 7);} .widget-banner.widget-style-type2 .widget-banner-lst-cnt8 .banner-lst .banner-item{width: calc(100% / 8);} .widget-banner.widget-style-type2 .banner-lst .banner-item a{display: block; margin:0 3px; border:1px solid #ddd; border-radius: .25rem;} .widget-banner.widget-style-type2 .banner-lst .banner-item a span{display: block; height: 100px; background-repeat: no-repeat; background-position: center; background-size:contain; text-indent:-9999px;} /* 배너 타입3 */ .widget-banner.widget-style-type3{position:relative} .widget-banner.widget-style-type3 .tpl-widget-body{margin:5px 0;} .widget-banner.widget-style-type3 .widget-card-body .setSlideEvent{margin-bottom:0 !important; background-color:inherit; border:0;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst ul li a{display:block;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst ul li > dl{margin:0 0.5rem; overflow:hidden;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst li > dl > dt{position:relative; overflow:hidden;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst ul li > dl > dt a{width:100%; height:60px; overflow:hidden;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst ul li dl dt img{width:100%; height:100%; border:0; object-fit: fill;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst ul li dl dt:hover{opacity:0.9;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst li a dl{display: none; position:absolute; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.6); color:#fff;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst dl dt dt, .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst dl dt dd{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst li a:hover dl {display: block;} .widget-banner.widget-style-type3 .widget-card-body .CONTENT{overflow:hidden;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst{margin-bottom:0;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst-cnt1 ul li > dl > dt a{width:100%; height:120px;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst-cnt2 ul li > dl > dt a{width:543px; height:120px;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst-cnt3 ul li > dl > dt a{width:543px; height:120px;} .widget-banner.widget-style-type3 .widget-card-body .widget-banner-lst-cnt4 ul li > dl > dt a{width:353px; height:120px;} .widget-banner.widget-style-type3 .widget-card-body .LEFT_ARROW, .widget-banner.widget-style-type3 .widget-card-body .RIGHT_ARROW{position:absolute; top:50%; width:32px; height:32px; z-index:5; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .widget-banner.widget-style-type3 .widget-card-body .LEFT_ARROW{left:10px; background:url(images/controls.png) 0 -32px no-repeat;} .widget-banner.widget-style-type3 .widget-card-body .RIGHT_ARROW{right:10px; background:url(images/controls.png) -43px -32px no-repeat;} .widget-banner.widget-style-type3 .widget-card-body .arrow span{display:none;} /* 슈빅 OK알리미톡 */ .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .widget-card-body{padding:1rem; text-align:center; background-color:#21459b; color:#fff;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .widget-card-body h5{font-size:1rem; color:#94ace6; font-style:italic;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .shuvic-app-txt-wrap{font-size:1.125rem; font-weight:400; letter-spacing:-1px;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .shuvic-app-txt-wrap .talk-icon{background:url('/common/css/images/shuvic-ok-talk-img.png') no-repeat center; display:inline-block; width:30px; height:24px; background-size:100%;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .shivic-app-dl{text-align:center; padding-right:1rem; border-top:rgba(255,255,255,.3) 1px solid; padding-top:.5rem; margin-top:.5rem;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .shivic-app-dl i{color:#ccc;} .widget-shuvictalkbanner.widget-style-type1 .tpl-widget-content .shivic-app-dl span{margin-left:3px; font-weight:600; color:#fdec34;} /* 슈빅 배너 */ .widget-shuvicbanner .widget-card-body, .widget-sideshuvicbanner .widget-card-body{padding:0; border:1px solid #e6e6e6; min-height:auto;} .widget-shuvicbanner .shuvicbanner-lst li a, .widget-shuvicbanner .shuvicbanner-lst li a img, .widget-sideshuvicbanner.shuvicbanner-lst li a, .widget-sideshuvicbanner .shuvicbanner-lst li a img{display:block; width:auto; max-width:inherit;} .widget-shuvicbanner .bx-controls.bx-has-controls-direction.bx-has-pager, .widget-sideshuvicbanner .bx-controls.bx-has-controls-direction.bx-has-pager{display:none;} /* 모임리스트 */ /* 모임리스트 > 타입 1 배경 이미지 추가 > 셀렉트박스 늘어날수록 배경들어가게 변경(마진값 추가등)*/ .widget-clublst.widget-style-type1 .widget-card { width:100%; padding-top:0.9rem; padding-bottom:1rem; background:url('/common/css/images/bg-club-widget.png') no-repeat left top #2d6eaa; background-size:100% auto; border-bottom:1px solid #115ba5; } .widget-clublst.widget-style-type1 .widget-card-body ul li{margin-bottom:0.625rem;} .widget-clublst.widget-style-type1 .widget-card-body ul li:last-child{margin-bottom:0;} /**산하리스트 위젯*/ .widget-clublst.widget-style-type1 .widget-card:after{display: block; clear: both; content: "";} .widget-clublst.widget-style-type1 .widget-card{display:table; } .widget-clublst.widget-style-type1 .widget-card .widget-card-header{ display:table-cell; vertical-align:middle; width:30%; background-color:transparent;} .widget-clublst.widget-style-type1 .widget-card .widget-card-body{ display:table-cell; vertical-align:middle; background-color:transparent;} .widget-clublst.widget-style-type1 .widget-card-header .btn{display:none;} .widget-clublst.widget-style-type1 .widget-card .widget-card-header dl{border-bottom:none; padding:.5rem 0 0 .7rem;} .widget-clublst.widget-style-type1 .widget-card .widget-card-header dl dt span{border-bottom:none; color:#fff; font-weight:300; font-size:1.65rem; letter-spacing:-1px;} .widget-clublst.widget-style-type1 .widget-card .widget-card-body li select{height:30px; padding:0; font-size:0.85rem;} .widget-clublst.widget-style-type1 .widget-card .widget-card-header .widget-card-header-body{border-bottom:none;} /* 모임리스트 > 타입 2 */ .widget-clublst.widget-style-type2 .widget-card-body{padding:10px;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-header{font-size:0;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header:after{display:block; clear:both; content:"";} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li{display:inline-block; font-size:0.95rem; padding:0 0.3rem 0.3rem;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li:after{content:"|"; padding:0 10px; color:#ddd;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li:last-child:after{display:none;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li a{font-weight:bold;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li.active{background-color:transparent;} .widget-clublst.widget-style-type2 .widget-card-body .JS-widget-tabs-header li.active a{color:#0758aa;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body{height:140px; padding:.5rem 1.25rem; overflow-y: scroll;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li{display:inline-block; width:calc(100% / 3 );} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li a{display:block; margin:5px; padding:1rem 0.625rem; background-color:#0758aa; color:#fff; border:1px solid #0758aa; text-align:center; border-radius:30px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(1) a, .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(10) a{background-color:#3d4e71; border-color:#3d4e71; color:#fff;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(4) a, .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(13) a{background-color:#517dd6; border-color:#517dd6; color:#fff;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(7) a, .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(16) a{background-color:#2c4092; border-color:#2c4092; color:#fff;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(3n+2) a{background-color:#dedede; border-color:#dedede; color:#666;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li:nth-child(3n) a{background-color:#fff; border-color:#0758aa; color:#343e4f;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab li.no-result{padding-top:4.5rem; color:#666; font-weight:bold;} .widget-clublst.widget-style-type2 .widget-card-body .club-lst-tab-body .club-lst li.no-result{width:100%; margin:0; padding-top:2.5rem; color:#666; font-weight:bold;} /**모임리스트 (산하리스트 위젯(동문모임안내)) > TYPE3 (TYPE와 비슷하면 최신글5개보일때와 높이 동일)*/ /* .widget-clublst.widget-style-type3 .widget-card:after{display: block; clear: both; content: "";} .widget-clublst.widget-style-type3 .widget-card, .widget-clublst.widget-style-type3 .widget-card-header, .widget-clublst.widget-style-type3 .widget-card-body{background-color:#2c6daa;} .widget-clublst.widget-style-type3 .widget-card{ display:block; padding:19px 20px 0px 20px; } .widget-clublst.widget-style-type3 .widget-card .widget-card-header{ vertical-align:middle; } .widget-clublst.widget-style-type3 .widget-card .widget-card-body{ vertical-align:middle; padding:10px 0px 10px 0px; } .widget-clublst.widget-style-type3 .widget-card-header .btn{display:none; } .widget-clublst.widget-style-type3 .widget-card-header-body { padding:0px; margin:0px; font-size:0px; } .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl{ border-bottom:0px; padding:0px 0px 0px 0px;} .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dt { line-height:30px; height:45px; overflow:hidden; } .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dt span{border-bottom:none; color:#fff; font-weight:bold; font-size:1.65rem; line-height:45px; height:35px; letter-spacing:-1px;} .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dd { height:23px; padding:0px 0px 0px 0px; margin:0px; color:#fff; overflow:hideen; font-size:0.95rem; } */ .widget-clublst.widget-style-type3 .widget-card .widget-card-body li { height:50px; } .widget-clublst.widget-style-type3 .widget-card .widget-card-body li select{ height:35px; line-height:35px; padding:0; font-size:1rem;} .widget-clublst.widget-style-type3 .widget-card .widget-card-header .widget-card-header-body{border-bottom:none;} /* 산하리스트 위젯(동문모임안내) > TYPE3 (TYPE와 비슷하면 최신글5개보일때와 높이 동일)*/ /* .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card:after{display: block; clear: both; content: "";} .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card, .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card-header, .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card-body{background-color:#2c6daa;} .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card{ display:block; padding:19px 20px 0px 20px; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-header{ vertical-align:middle; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-body{ vertical-align:middle; padding:10px 0px 10px 0px; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card-header .btn{display:none; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card-header-body { padding:0px; margin:0px; font-size:0px; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl{ border-bottom:0px; padding:0px 0px 0px 0px;} .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dt { line-height:30px; height:45px; overflow:hidden; } .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dt span{border-bottom:none; color:#fff; font-weight:bold; font-size:1.65rem; line-height:45px; height:35px; letter-spacing:-1px;} .ctl-seq-8 .widget-clublst.widget-style-type3 .widget-card .widget-card-header dl dd { height:23px; padding:0px 0px 0px 0px; margin:0px; color:#fff; overflow:hideen; font-size:0.95rem; } */ .widget-clublst.widget-style-type3 .widget-card .widget-card-body li { height:50px; } .widget-clublst.widget-style-type3 .widget-card .widget-card-body li select{ height:35px; line-height:35px; padding:0; font-size:1rem;} .widget-clublst.widget-style-type3 .widget-card .widget-card-header .widget-card-header-body{border-bottom:none;} /* MY AI Center - 기본 */ .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info a{color:#fff;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info:after{display:block; clear:both; content:"";} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li{float: left; padding: 0.5rem;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li dl h5{margin:0; border-bottom: 1px solid #ddd; padding: 0px 0px 5px 10px;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li dd{min-height:279px; max-height:279px; border:1px solid #a9a6a5;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li dd a{display:block;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li dd .no-result{padding-top:8rem;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li .link-wrap{padding-top: 1rem;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li .link-wrap a{width: 100%;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li .link-wrap a i{margin: 0 5px;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.login-info{width:20%;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.comp-info{width: 50%;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.mem-view-his-info{width: 30%;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.login-info .img-link, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.comp-info .img-link, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.mem-view-his-info .img-link{position:relative; display:block; width:100%; min-height:277px; overflow:hidden;} .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.login-info .img-link img, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.comp-info .img-link img, .widget-myaicenter.widget-style-type1 .widget-my-ai-center-info > li.mem-view-his-info .img-link img{position:absolute; top:50%; left:50%; width:auto; height:100%; display:block; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /* MY AI Center - 스타일 */ .widget-myaicenter.widget-style-type1 .tpl-widget-body{margin:0; background:url('/common/css/images/my-ai-center-bg-img.jpg') no-repeat; background-size:cover; background-position:center center; } .widget-myaicenter.widget-style-type1 .widget-card .widget-card-header-body{border:0;} .widget-myaicenter.widget-style-type1 .widget-card .widget-card-header-body dl{color:#fff; border-color:#939292;} .widget-myaicenter.widget-style-type1 .widget-card .widget-card-body h5{padding-bottom:0.8rem; color:#fff; text-align:center;} .widget-myaicenter.widget-style-type1 .widget-card .widget-card-body .btn{padding:0.5rem 0.75rem; font-weight:bold; background-color:#fff; color:#0758aa; border:1px solid #0758aa;} /*찾아오시는길*/ .widget-loctmap.widget-style-type1{position:relative;} .widget-loctmap.widget-style-type1 .JS-widget-loct-map{height:400px; background:#ddd;} .widget-loctmap.widget-style-type1 .widget-card-body, .widget-loctmap.widget-style-type1 .widget-card-body a{color:#fff;} .widget-loctmap.widget-style-type1 .widget-card-body > dl{position:absolute; top:0; right:0; width:40%; min-height:315px; padding:3.5rem 2.5rem; background-color:rgba(50, 48, 55, 0.9);} .widget-loctmap.widget-style-type1 .widget-card-body > dl > dt{margin-bottom:1.8rem; font-size:2rem; font-weight:300;} .widget-loctmap.widget-style-type1 .widget-card-body dd dl:after{display:block; content:""; clear:both;} .widget-loctmap.widget-style-type1 .widget-card-body dd dl dt, .widget-loctmap.widget-style-type1 .widget-card-body dd dl dd{ float:left;} .widget-loctmap.widget-style-type1 .widget-card-body dd dl{display:block;} .widget-loctmap.widget-style-type1 .widget-card-body dd dl dt{width:15%;} .widget-loctmap.widget-style-type1 .widget-card-body .addr-info dd:nth-child(3){padding-left:15%;} /* 계좌 정보 */ .widget-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-bankinfo.widget-style-type1 .widget-card .JS-widget-clipboard-btn:hover{opacity:0.6;} .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body{margin:0 0.625rem; padding:0.8rem 1.25rem;} .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl{margin-bottom:0.5rem;} .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl:last-child{margin-bottom:0;} .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dt, .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dd{display: inline-block; vertical-align:middle;} .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dt{width:20%; font-weight:bold;} .widget-bankinfo.widget-style-type1 .widget-card .bank-nm{vertical-align: middle;} .widget-bankinfo.widget-style-type1 .widget-card .bank-no dd{text-decoration:underline; cursor:pointer;} .widget-bankinfo.widget-style-type1 .widget-card .bank-no dd:hover{opacity:0.6;} .widget-col-3 .JS-widget-clipboard-btn{margin-top:0.3rem;} .widget-col-3 .JS-widget-clipboard-btn:after{display:block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f0c5";} .widget-col-3 .JS-widget-clipboard-btn span{display: none;} .widget-col-3 .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dt{width:100%;} .widget-col-3 .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dd{margin-top:0.2rem; margin-left:5%;} /** 달력 */ .widget-calendar .widget-card-body{padding:0;} .widget-calendar .calendar-det-lst{display:table; table-layout:fixed; width:100%; border:1px solid #ccc;} .widget-calendar .calendar-det-lst > div{display:table-cell;} /* 달력 타입1 [좌 - 달력형태부분] */ .widget-calendar .calendar-bas-lst{padding:1rem; text-align:center;} .widget-calendar .calendar-bas-lst h4{margin-bottom:1.5rem; font-size:1.25rem; font-weight:600;} .widget-calendar .calendar-bas-lst h4:after{display:block; clear:both; content:"";} .widget-calendar .calendar-bas-lst h4 .arrow-left{float:left;} .widget-calendar .calendar-bas-lst h4 .arrow-right{float:right;} .widget-calendar .calendar-bas-lst h4 .JS-cal-srch-mv-btn{white-space:nowrap;} .widget-calendar .calendar-bas-lst h4 .JS-cal-srch-mv-btn span{display:inline-block; text-indent:-9999px;} .widget-calendar .calendar-bas-lst .JS-select-dt-wrap{margin-bottom:1rem;} .widget-calendar .calendar-bas-lst .JS-select-dt-wrap select{width: 100%; } .widget-calendar .calendar-bas-lst .JS-select-dt-wrap div{display:inline-block; width:50%; padding-right:0.625rem;} .widget-calendar .calendar-bas-lst .JS-select-dt-wrap div:last-child {padding-left:0.625rem; padding-right:0;} .widget-calendar .calendar-bas-lst .cal-head{background-color:#0758aa; color:#fff;} .widget-calendar .calendar-bas-lst .cal-head:after{display:block; clear:both; content:"";} .widget-calendar .calendar-bas-lst .cal-head li{display:inline-block; width:14.28%; padding:0.62rem; border-right:1px solid rgba(0, 0, 0, 0.125);} .widget-calendar .calendar-bas-lst .cal-head li:last-child{border:0;} .widget-calendar .calendar-bas-lst .cal-body{background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125); border-top:0; border-bottom:0;} .widget-calendar .calendar-bas-lst .cal-body:after{display:block; clear:both; content:"";} .widget-calendar .calendar-bas-lst .cal-body li{display:inline-block; width:14.28%; border-right:1px solid rgba(0, 0, 0, 0.125); border-bottom:1px solid rgba(0, 0, 0, 0.125);} .widget-calendar .calendar-bas-lst .cal-body li:nth-child(7), .widget-calendar .calendar-bas-lst .cal-body li:nth-child(14), .widget-calendar .calendar-bas-lst .cal-body li:nth-child(21), .widget-calendar .calendar-bas-lst .cal-body li:nth-child(28), .widget-calendar .calendar-bas-lst .cal-body li:nth-child(35), .widget-calendar .calendar-bas-lst .cal-body li:nth-child(42){border-right:0;} .widget-calendar .calendar-bas-lst .cal-body li a{display:block; padding:0.62rem;} .widget-calendar .calendar-det-lst.calendar-week-count-6 .cal-item a{padding: .43rem .6rem;} .widget-calendar .calendar-det-lst.calendar-week-count-6 .cal-head li{padding: .43rem .6rem;} /* 달력 효과 및 컬러 */ .widget-calendar .use-event{position:relative; transition: 1s} .widget-calendar .use-event span:after{content:"·"; position:absolute; top:-15%; left:10%; color:red; font-weight:bold; font-size:1.5rem;} .widget-calendar .use-event a:hover span:after{text-shadow: 0 0 0.2rem, 0 0 0.2rem; } .widget-calendar .cal-body .today a{background-color:#e9f4fb;} .widget-calendar .cal-hldy a{color:red;} .widget-calendar .cal-sat a{color:blue;} .widget-calendar .cal-dsab{color:lightgray;} /* 달력 타입1 [우 - 해당 월 일정안내 부분] */ .widget-calendar .calendar-bas-lst-wrap{border-right:1px solid #ccc; padding:1rem;} .widget-calendar .calendar-det-lst-wrap{vertical-align: top} .widget-calendar .calendar-det-lst-wrap .dt-header{border-bottom:1px solid #ccc; position:relative;} .widget-calendar .calendar-det-lst-wrap .dt-header .dt-lbl-wrap{font-size:1.25rem; font-weight:400; padding:1rem; } .widget-calendar .calendar-det-lst-wrap .dt-header .undo-btn-wrap{border-left:1px solid #ccc; position:absolute; right:0; top:0; text-align:center;} .widget-calendar .calendar-det-lst-wrap .dt-header .undo-btn-wrap a{padding:1rem; display:block; font-size:1.25rem} .widget-calendar .calendar-det-lst-wrap .dt-header .dt-lbl-wrap span:nth-child(even){margin-right:5px;} .widget-calendar .calendar-det-lst-wrap .cal-card-body{padding:1rem;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst{overflow-y:auto; max-height:327px; min-height:327px;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst > li{margin-bottom:.5rem; overflow:hidden; } .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dl{display:table; table-layout:fixed; width:100%;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt{vertical-align: top;width:20%; display:table-cell; padding:1rem; background-color:#0758aa; color:#fff; font-weight:400; text-align:center;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt > span{display:block;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt .cal-det-dd-lbl{font-size:1.25rem} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt .cal-det-dd-lbl span, .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt .cal-det-dd{display:none;} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd{width:80%; display:table-cell; padding:.85rem 0 .85rem .85rem; word-break:break-all} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .sched-dt-wrap{color:#666; font-size:.85rem; margin-bottom:.5rem} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .sched-dt-wrap .sched-mm-lbl:before, .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .sched-dt-wrap .sched-mm-lbl:after{content:".";} .widget-calendar .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd li{margin-bottom:.35rem} /* 일정 효과 */ .widget-calendar .calendar-det-lst-wrap .cal-badge{margin-right:5px; padding:0 0.5rem; border-radius:50px; color:#fff; vertical-align:middle;} .widget-calendar .calendar-det-lst-wrap .cal-badge-event{background-color:orange;} .widget-calendar .calendar-det-lst-wrap .cal-badge-specl{background-color:#e83e8c;} .widget-calendar .calendar-det-lst-wrap .auspc-sta-on{background-color:#769fc5;} .widget-calendar .calendar-det-lst-wrap .auspc-sta-off{background-color:#c2c2c2;} .widget-calendar .calendar-det-lst-wrap .category{margin-right:3px; font-weight:bold; color:#0758aa;} /* 달력 > 행사 참석 리스트 */ .widget-calendar .point-mark{display:inline-block; width:35px; height:35px; margin-right:10px; line-height:32px; border-radius:50%; text-align:center; background-color:#fff; font-size:.9rem; border:1px solid #a0a0a0;} .widget-calendar .auspc-info-ul > li{margin-bottom:0;} .widget-calendar .auspc-info-ul > li + li{margin-top:9px;} /* 달력 타입2 */ .widget-calendar.widget-style-type2 .widget-card-header dl{display:none;} .ctl-seq-2 .widget-calendar.widget-style-type2 .tpl-widget-body .widget-more-btn{right:1.5rem; top:45px} .ctl-seq-2 .widget-calendar.widget-style-type2 .widget-more-btn i{display:block;} .ctl-seq-2 .widget-calendar.widget-style-type2 .tpl-widget-body .widget-more-btn span{display:none;} .widget-calendar.widget-style-type2 .widget-card .widget-card-body{background-color:#f7f1ef; padding:.5rem 1rem} .widget-calendar.widget-style-type2 .widget-card-body > dl{padding: 1rem 0.8rem;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dt{margin-bottom:0.625rem; padding:.25rem; font-size:1.25rem; font-weight:bold; color:#313030; } .widget-calendar.widget-style-type2 .widget-card-body > dl > dt:nth-child(1) span{padding-bottom:0.3rem; border-bottom:2px solid #7b7877} .widget-calendar.widget-style-type2 .widget-card-body > dl > dt:nth-child(2){color:#c26767; font-size:1.65rem;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dt .cal-yy-lbl, .widget-calendar.widget-style-type2 .widget-card-body > dl > dt .cal-mm-lbl, .widget-calendar.widget-style-type2 .widget-card-body > dl > dt .cal-dd-lbl{margin-right:8px;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd{height:150px; overflow-y: scroll;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd dt{font-size:1.125rem; color:#333;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd dd{margin-bottom:.85rem; display: block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd ul{padding-right:.85rem;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd dd a{display: block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd dd a:before{content:"-"; padding-right:.25rem;} .widget-calendar.widget-style-type2 .widget-card-body > dl > dd .category{margin-right:5px; font-weight:bold; color:#3d4e71; font-size:.85rem} .widget-calendar.widget-style-type2 .widget-card-body .no-result{padding:3rem 0;} /* 달력 타입3 */ .widget-calendar.widget-style-type3 .widget-card-header {display: none !important;} .widget-calendar.widget-style-type3 .calendar-srch-form {display: none !important;} .widget-calendar.widget-style-type3 .JS-cal-dd-lbl {display: none;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap {padding: 0rem 0rem 0rem 1rem;; border: none !important; background-color: transparent;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card {border: 1px solid #ccc; background-color: #fff;} .widget-calendar.widget-style-type3 .calendar-bas-lst-wrap {background-color: transparent; padding: 0rem 1rem 0rem 0rem; border-right: none; width: 410px;} .widget-calendar.widget-style-type3 .calendar-det-lst {border: none !important;} .widget-calendar.widget-style-type3 .calendar-det-lst > * {background-color: transparent !important;} .widget-calendar.widget-style-type3 .calendar-bas-lst {border: 1px solid #ccc; background-color: #fff;} .widget-calendar.widget-style-type3 .calendar-bas-lst .cal-body {border: none !important;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .dt-header .undo-btn-wrap {border-left: none !important;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .dt-header .dt-lbl-wrap {font-weight: bold;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst {min-height: 260px; max-height: 260px;} .widget-calendar.widget-style-type3 .calendar-bas-lst h4 .JS-cal-srch-mv-btn {border: 1px solid #000; border-radius: 50%; text-align: center;} .widget-calendar.widget-style-type3 .calendar-bas-lst h4 .JS-cal-srch-mv-btn > i {line-height: 2rem; width: 2rem; margin: 0; font-weight: 300;} .widget-calendar.widget-style-type3 .calendar-bas-lst h4 .JS-srch-sdate-cont > span {line-height: 34px;} .widget-calendar.widget-style-type3 .calendar-bas-lst .cal-body li {border: none !important;} .widget-calendar.widget-style-type3 .cal-body .today a {background-color: transparent;} .widget-calendar.widget-style-type3 .cal-body .today a > span {background-color: #2059b8; color: #fff; display: inline-block; width: 2rem; line-height: 2rem; text-align: center; border-radius: 50%;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt {width: 16%; background-color: #E5EBF2; color: #2059b8; padding: 0.5rem 1rem;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt .cal-det-dd-lbl {font-size: 1.5rem; font-weight: bold;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt > span {font-weight: 500;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dt > span.cal-det-mm-lbl {color: #000;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd {padding: 0; vertical-align: middle;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd li {margin-bottom: 0 !important;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd li.cal-ttl {font-weight: bold; font-size: 17px; color: #000 !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd li.sched-dt-wrap {font-weight: 500; margin-top: 0.5rem; font-size: 15px;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd li.sched-dt-wrap > span {display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .calender-det-info-ul > li > a {padding: 0.625rem 0.85rem; display: block;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .calender-det-info-ul > li > a:hover {background-color: #E5EBF2; opacity: 1; text-decoration: none;} .widget-calendar.widget-style-type3 .calendar-det-lst-wrap .cal-card-body .calender-det-lst dd .calender-det-info-ul > li > a:hover li.cal-ttl {color: #2059b8 !important;} /* 한줄메모 */ .widget-comment .ttl a{color:#000;} .widget-comment .dt, .widget-comment .user-nm a{color:#666;} .widget-comment .board-bas-lst li ul:afater{display:block; clear:both; content:"";} .widget-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-comment .board-bas-lst > li:last-child ul{border-bottom:0;} /* 비즈홈피 */ .widget-bizhome .widget-card-body{padding:0.5rem 1.25rem;} .widget-bizhome .bizhp-lst{display:inline-block; width:100%; vertical-align:top;} .widget-bizhome .bizhp-lst > ul{display:block; margin:0.5rem; border:1px solid #ccc;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt1 ul{margin-left:0; margin-right:0;} .widget-bizhome .bizhp-lst .bizhp-det > 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-bizhome .bizhp-lst .bizhp-det > 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-bizhome .bizhp-lst .bizhp-det dt p{display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); color: #fff; text-align: center;} .widget-bizhome .bizhp-lst .bizhp-det dt span{position: absolute; top: 50%; left: 50%; width: 50%; padding: .5rem 0; color: #fff; border: 1px solid #fff; -webkit-transform: translate(-50%,-50%); --moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info{min-height:127px; padding:0.5rem 0.8rem;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info > ul > li{margin:5px 0; } .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info > ul > li:first-child{margin-top:0;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info > ul > li:last-child{margin-bottom:0;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dt{display:inline-block; width:5%; vertical-align:top;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dd{display:inline-block; width:95%;} .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li{display:inline-block; max-width:calc(100% / 3); margin-right:0.3rem; overflow:hidden;} .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li p{display:block; padding:0.1rem 0.45rem; text-align:center; background-color:#0758aa; color:#fff; border:1px solid #0758aa; border-radius:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li:last-child p{margin-right:0;} .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li p:hover{opacity:0.9;} /* .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li p span{display:none;} */ .widget-bizhome .bizhp-lst > ul:hover{border-color:#0758aa; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; -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);} .widget-bizhome .bizhp-lst:hover .bizhp-det dt p{display:block;} .widget-bizhome .widget-card-body .no-result dd a{display:inline-block; margin-top:1.5rem; padding:0.5rem 1.25rem; background-color:#0758aa; color:#fff; border:1px solid #0758aa; border-radius:20px;} .widget-bizhome .widget-card-body .no-result dd a:hover{background-color:#9cb2c7; border-color:#9cb2c7;} .widget-col-12 .widget-bizhome.widget-style-type4 .bx-wrapper .bx-prev{left:-32px;} .widget-col-12 .widget-bizhome.widget-style-type4 .bx-wrapper .bx-next{right:-32px;} /* 기존 (출력개수) 에서 (가로 나열개수)에 따라 가로 나열 개수 정렬됨 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2{width:calc(100% / 2);} .widget-bizhome .bizhp-lst.bizhp-lst-cnt2:first-child > ul{margin-left:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt2:last-child > ul{margin-right:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-info dt{width:10%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-info dd{width:90%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt3{width:calc(100% / 3);} :root .widget-bizhome .bizhp-lst.bizhp-lst-cnt3{width:32.9%\0/IE9;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt3:first-child > ul{margin-left:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt3:last-child > ul{margin-right:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt3 .bizhp-info dt{width:15%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt3 .bizhp-info dd{width:85%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4{width:calc(100% / 4);} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4:first-child > ul{margin-left:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4:last-child > ul{margin-right:0;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det .bizhp-info{min-height:127px;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-info dt{width:25%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-info dd{width:75%;} .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0.1rem 0.3rem;} */ /* 레이아웃별 너비 조정*/ .widget-col-3 .widget-bizhome .bizhp-lst{width:100% !important;} .widget-col-3 .widget-bizhome .bizhp-lst > ul{margin:0.5rem 0 !important;} .widget-col-3 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info{min-height:131px;} /*.widget-col-3 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dt{width:25%;} .widget-col-3 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dd{width:75%;} .widget-col-3 .widget-bizhome .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:27%;} .widget-col-4 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dt{width:25%;} .widget-col-4 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dd{width:75%;} .widget-col-4-5 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dt{width:15%;} .widget-col-4-5 .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info dd{width:85%;} .widget-col-4-5 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dt{width:35%;} .widget-col-4-5 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dd{width:65%;} .widget-col-4-5 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:25%;} .widget-col-4-5 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0.1rem 0.2rem;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt1 .bizhp-det .bizhp-info dt{width:20%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt1 .bizhp-det .bizhp-info dd{width:80%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt1 .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:30%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt1 .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0.1rem 0.2rem;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dt{width:25%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dd{width:75%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:30%;} .widget-col-6 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0.1rem 0.2rem;} */ /* 3개 이상 출력 X*/ .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl{max-height:219px;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dt{display:inline-block; width:37%; min-height:219px; max-height:219px; border-bottom:0;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dt img{display:block;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dd{display:inline-block; width:63%; padding:3.5rem 1.25rem;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info{min-height:auto; vertical-align:top;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info dt{width:13%;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info dd{width:87%;} /*.widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dt{width:15%;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt2 .bizhp-det .bizhp-info dd{width:85%;} */ .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt3 .bizhp-det .bizhp-info{min-height:127px;} /*.widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt3 .bizhp-det .bizhp-info dt{width:25%;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt3 .bizhp-det .bizhp-info dd{width:75%;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt3 .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:32%;}*/ .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt4 .bizhp-det > dl > dt{min-height:143px; max-height:143px;} .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt4 .bizhp-info{min-height:146px;} /*.widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det .bizhp-info dt{width:35%;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det .bizhp-info dd{width:65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det > dl .bizhp-info .bizhp-cat li{max-width:28%;} .widget-col-9 .widget-bizhome .bizhp-lst.bizhp-lst-cnt4 .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0.1rem 0.2rem;}*/ .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl{max-height:219px;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dt{display:inline-block; width:27%; min-height:219px; max-height:219px; border-bottom:0;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dt img{display:block;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det > dl > dd{display:inline-block; width:63%; padding:3.5rem 1.25rem;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info{min-height:auto; vertical-align:top;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info dt{width:10%;} .widget-col-12 .widget-bizhome .bizhp-lst-wrap.viewCnt1 .bizhp-det .bizhp-info dd{width:90%;} /*미니홈피(비즈홈피) > 타입1*/ .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap { } /*미니홈피(비즈홈피) > 타입1 : 통일*/ .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dt { width:60px !important; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dd { width:calc(100% - 60px) !important; max-width:100%; word-break:break-all; letter-spacing:-1px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dd ul.bizhp-cat li { /* max-width:33% !important; */ width:auto; padding:0; margin:0; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dd ul.bizhp-cat li p { padding:0 5px; margin-right:5px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dd ul.bizhp-cat li:last-child p { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li:last-child ul { margin-right:0.5rem; } /*미니홈피(비즈홈피) > 타입1 : col에 따른 키워드 설정*/ /*센터 > 미니홈피(비즈홈피) > 타입1 > 콜별기능 /*/ .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:50%; } .widget-col-12 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-12 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:100%; } .widget-col-9 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-9 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-9 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:100%; } .widget-col-6 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-6 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-6 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-6 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:100%; } .widget-col-4 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt2 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-4 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-4 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-4 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-4 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:100%; } .widget-col-3 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt2 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-3 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-3 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-3 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li, .widget-col-3 .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 li.bizhp-lst ul li.bizhp-det dl dd.bizhp-info ul dl dd ul.bizhp-cat li { max-width:100%; } /*미니홈피(비즈홈피) > 타입1 : 가로 나열갯수*/ .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt0 > li { width:calc(100% / 2); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt0 > li:nth-of-type(2n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt0 > li:nth-of-type(2n) ul { margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt1 > li { width:calc(100% / 1); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt1 > li:nth-of-type(1n+1) ul { margin-left:0px; margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt2 > li { width:calc(100% / 2); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt2 > li:nth-of-type(2n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt2 > li:nth-of-type(2n) ul { margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 > li { width:calc(100% / 3); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 > li:nth-of-type(3n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt3 > li:nth-of-type(3n) ul { margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 > li { width:calc(100% / 4); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 > li:nth-of-type(4n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt4 > li:nth-of-type(4n) ul { margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 > li { width:calc(100% / 5); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 > li:nth-of-type(5n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt5 > li:nth-of-type(5n) ul { margin-right:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 > li { width:calc(100% / 6); } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 > li:nth-of-type(6n+1) ul { margin-left:0px; } .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap.viewCnt6 > li:nth-of-type(6n) ul { margin-right:0px; } /** 비즈홈피 타입1 개선 **/ /* 호버 */ .widget-bizhome .bizhp-lst > ul:hover{box-shadow: 4px 4px 10px 6px rgb(0 0 0 / 9%);} /* col-9 영역 */ .widget-col-9 .widget-bizhome .bizhp-lst-wrap.viewCnt4 .bizhp-info{min-height:120px; max-height:120px; overflow-y:auto;} /* 영역 */ .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info{margin:.5rem .8rem; margin-right:0; padding:0; padding-right:.8rem;} /* 상세 정보 리스트 영역 */ .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li{font-size:14px;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li:nth-child(1){font-size:16px; font-weight:600;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li:nth-child(2){font-size:16px;} /* 제목 - 정보 */ .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dt{display:none;} .widget-bizhome.widget-style-type1 ul.bizhp-lst-wrap > li ul li.bizhp-det dl dd.bizhp-info ul li dl dd{width:100% !important;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li p{padding:0 !important; background-color:transparent; color:#000; border:0; border-radius:0; border: 0 !important; border-color: transparent !important; background-color: transparent !important;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det > dl .bizhp-info .bizhp-cat li p > span {border: 0 !important; border-color: transparent !important; background-color: transparent !important;} /* 카테고리 */ .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li.bizhp-cat-li{padding-top:10px; border-top:1px solid #ccc;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li.bizhp-cat-li dl dt{display:inline-block !important; width:45px !important;} .widget-bizhome.widget-style-type1 .bizhp-lst .bizhp-det .bizhp-info > ul > li.bizhp-cat-li dl dd{width:calc(100% - 45px) !important;} /* 스크롤 */ .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info::-webkit-scrollbar{width:10px; display:none;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info:hover::-webkit-scrollbar{display:block;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info::-webkit-scrollbar-thumb{height:30%; background:#c1c1c1; border-radius:10px;} .widget-bizhome .bizhp-lst .bizhp-det .bizhp-info::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px;} /** 비즈홈피 타입1 개선 끝 **/ /*센터 > 미니홈피(비즈홈피) > 타입4*/ .widget-bizhome.widget-style-type4 .widget-card-body .bx-wrapper .bx-viewport { padding-top:15px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul { display:block; display:flex; flex-direction:row; /* justify-content: space-between; */} /* .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul:before { width:20px; height:100%; content:""; display:inline-block; float:left; background-color:blue; position:absolute; left:0px; top:0px; z-index:999999; } */ .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul:after { content:""; display:block; clear:both; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li { display:inline-block; float:none !important; vertical-align:top; flex-grow:0; flex-shrink:1; align-items:stretch; justify-content:stretch; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap { height:100%; margin:0 0.3rem; border:1px solid #eaeaea; background:#fff; text-align:left; /* height:397px; */ } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover { position:relative; top:-15px; box-shadow:3px 3px 8px #e7e7e7; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover a { text-decoration:none; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover .img_item { position:relative; cursor:pointer; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover .img_item:before { content:""; display:block; position:absolute; left:0px; top:0px; background:#000; width:100%; height:100%; opacity:0.5; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover .img_item span { display:inline-block; padding:15px 30px; position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-27px; border:1px solid #fff; color:#fff; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .img_item { } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .img_item a { display:block; width:100%; height:213px; background:#e4e4e9; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .img_item a img { width:100%; height:100%; object-fit:cover; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .img_item span { display:none; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item { padding:15px 20px; line-height:1.1rem; min-height:117px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item dt { padding:0px; margin:0px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item dd { padding:0px; margin:0px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.ttl { width:100%; padding:3px 0px 3px 0px; font-size:1.15em; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.ttl dt { position:absolute; top:-9999px; line-height:1.25rem; font-weight:bold; display:none;} .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.ttl dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1.25rem; font-weight:bold; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.ttl dd a { font-weight:bold; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-nm { padding:3px 0px 0px 0px; position:relative; padding-left:10px; letter-spacing:0px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-nm:before { content:""; display:inline-block; width:3px; height:3px; overflow:hidden; position:absolute; left:0px; top:50%; background:#ff5a2b; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-nm dt { float:left; font-weight:lighter; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-nm dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:lighter; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-nm dd:before { content:":"; display:inline-block; margin:0px 0.3rem; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-phon { padding:3px 0px 3px 0px; position:relative; padding-left:10px; letter-spacing:0px; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-phon:before { content:""; display:inline-block; width:3px; height:3px; overflow:hidden; position:absolute; left:0px; top:50%; background:#ff5a2b; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-phon dt { position:absolute; top:-9999px; display:none;} .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.user-phon dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:lighter; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.keyword { width:100%; padding:3px 0px 3px 0px; /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.keyword dt { position:absolute; top:-9999px; display:none;} .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.keyword dd { display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.2rem 0.6rem; margin:0px 0px 0.2rem 0.2rem; border:1px solid #ff5a2b; border-radius:15px; color:#ff5a2b; } .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.keyword dd:nth-of-type(1) { margin-left:0rem; } /* .widget-bizhome.widget-style-type4 .widgetBizHome.nolist .bx-wrapper { margin:0px auto; position:static; } */ .widget-bizhome.widget-style-type4 .widgetBizHome.nolist .list_ul div.no-result { } .widget-bizhome.widget-style-type4 .widgetBizHome .bx-pager { left:0px; } .widget-bizhome.widget-style-type4 .widgetBizHome .bx-wrapper { position:static; margin:0px auto; } /*로컬에서 갑자기 3개만 나옴 이유 모름 : 이유알았음 삭제 .widget-bizhome.widget-style-type4 .widgetBizHome .bx-wrapper { max-width:100% !important; }*/ /*센터 > 미니홈피(비즈홈피) > 타입4 > 콜별기능*/ .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li dl.info_item div.keyword dd { max-width:50%; } .widget-col-12 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt6 .list_li dl.info_item div.keyword dd { max-width:100%; } .widget-col-9 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt4 .list_li dl.info_item div.keyword dd, .widget-col-9 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt5 .list_li dl.info_item div.keyword dd, .widget-col-9 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt6 .list_li dl.info_item div.keyword dd { max-width:100%; } .widget-col-6 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt3 .list_li dl.info_item div.keyword dd, .widget-col-6 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt4 .list_li dl.info_item div.keyword dd, .widget-col-6 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt5 .list_li dl.info_item div.keyword dd, .widget-col-6 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt6 .list_li dl.info_item div.keyword dd { max-width:100%; } .widget-col-4 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt2 .list_li dl.info_item div.keyword dd, .widget-col-4 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt3 .list_li dl.info_item div.keyword dd, .widget-col-4 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt4 .list_li dl.info_item div.keyword dd, .widget-col-4 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt5 .list_li dl.info_item div.keyword dd, .widget-col-4 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt6 .list_li dl.info_item div.keyword dd { max-width:100%; } .widget-col-3 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt2 .list_li dl.info_item div.keyword dd, .widget-col-3 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt3 .list_li dl.info_item div.keyword dd, .widget-col-3 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt4 .list_li dl.info_item div.keyword dd, .widget-col-3 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt5 .list_li dl.info_item div.keyword dd, .widget-col-3 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul.viewCnt6 .list_li dl.info_item div.keyword dd { max-width:100%; } /*** [비즈홈피 타입5] ***/ /* 영역 */ .widget-bizhome.widget-style-type5{position:relative;} .widget-bizhome.widget-style-type5 .tpl-widget-body{margin:0;} .widget-bizhome.widget-style-type5 .widget-card-body{padding:0;} /* 이미지 */ .widget-bizhome.widget-style-type5 .biz_hp_img_wrap{position:relative; width:640px; height:348px; overflow:hidden;} .widget-bizhome.widget-style-type5 .biz_hp_img_wrap a{display:block; width:100%; height:100%;} .widget-bizhome.widget-style-type5 .biz_hp_img_wrap img{position:absolute; top:50%; left:50%; max-width:fit-content; max-width:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} /* 텍스트 */ .widget-bizhome.widget-style-type5 .biz_hp_img_wrap + .biz_hp_info_wrap{margin-top:15px;} .widget-bizhome.widget-style-type5 .biz_hp_table{border:1px solid #ddd;} .widget-bizhome.widget-style-type5 .biz_hp_tr{display:table; width:100%;} .widget-bizhome.widget-style-type5 .biz_hp_tr > *{display:table-cell;} .widget-bizhome.widget-style-type5 .biz_hp_table .biz_hp_tr + .biz_hp_tr{border-top:1px solid #ddd;} .widget-bizhome.widget-style-type5 .biz_hp_table .biz_hp_th{width:85px !important; padding:6.5px 0; padding-left:18px; padding-right:16.4px; font-size:18px; font-weight:normal; text-align:left; background-color:#eceeed; color:#363636; border-right:1px solid #ddd; white-space:nowrap;} .widget-bizhome.widget-style-type5 .biz_hp_table .biz_hp_td{padding-left:18px; padding-right:18px;} .widget-bizhome.widget-style-type5 .biz_hp_table .biz_hp_td.ceo_nm{width:46%;} .widget-bizhome.widget-style-type5 .biz_hp_table .biz_hp_td.ceo_nm span{font-size:16px; line-height:1.5; max-height:24px; -webkit-line-clamp:1; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .widget-bizhome.widget-style-type5 .biz_hp_table .info_index{padding-right:32.9px;} .widget-bizhome.widget-style-type5 .biz_hp_nm{display:block; margin:7px 0; font-size:24px; line-height:1.5; max-height:36px; -webkit-line-clamp:1; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .widget-bizhome.widget-style-type5 .biz_hp_info_txt{margin:8px 0 9px; font-size:16px; line-height:1.7; height:52px; color:#9c9c9c; -webkit-line-clamp:2; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-break:break-all;} /* 슬라이드 블릿 */ .widget-bizhome.widget-style-type5 .bx-wrapper .bx-controls-auto, .widget-bizhome.widget-style-type5 .bx-wrapper .bx-pager{top:294px; bottom:auto;} .widget-bizhome.widget-style-type5 .bx-wrapper .bx-pager.bx-default-pager a{width:15px; height:15px; background-color:#fff; border:2px solid #194980; border-radius:50%;} .widget-bizhome.widget-style-type5 .bx-wrapper .bx-pager.bx-default-pager a.active, .widget-bizhome.widget-style-type5 .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#68c4f3;} /* 슬라이드 화살표 */ .widget-bizhome.widget-style-type5 .bx-wrapper .bx-controls-direction a{display:none; margin-top:82.5px;} /* col-6 영역 */ .widget-col-6 .widget-bizhome.widget-style-type5{padding:0 30px;} /*** [비즈홈피 타입5 끝] ***/ /*** [비즈홈피 타입6] ***/ /* 영역 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 a:hover{color:unset; text-decoration:none;} /* 카드 헤더 더보기 버튼이 있을때 */ .ctl-seq-15 .widget-card .widget-card-header .widget-card-header-body.use-more{min-height:unset;} /* 게시판 영역 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li{padding:16px 20px 22px;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li ul{margin-top:14px; padding-left:0; padding-right:0;} /* 위젯 더보기 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .widget-card > .widget-card-header .widget-card-header-body > .widget-more-btn{display:none;} /* 게시판 이름 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-nm{position:relative; display:block; padding-left:50px; font-size:15px; color:#666;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-nm:before{content:""; position:absolute; top:50%; left:0; width:40px; height:1px; background:#a954a3; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /* 게시판 제목/상호명 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .ttl{font-size:24px; color:#1f1e1e;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .widget-comment-cnt{margin-left:3px; font-size:16px;} /* 게시판 내용/회원혜택 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-con{margin-top:4px; font-size:18px; color:#9c9c9c; line-height:1.67; max-height:60px; -webkit-line-clamp:2; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-con a{color:#9c9c9c;} /* 시안 디자인 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li{border:1px solid #ddd; border-left:0; border-right:0;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li + .board-text-lst-li{border-top:0;} .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li:hover{background-color:unset;} /* 데이터가 없을때 */ .ctl-seq-15 .widget-bizhome.widget-style-type6 .board-text-lst-li.no-result{min-height:528.38px; line-height:528.38px; padding:0; text-align:center; color:#838383;} /*** [비즈홈피 타입6] ***/ /** 소모임 **/ /* 타입 1 */ .widget-smallgroup.widget-style-type1 .tpl-widget-body{margin:0;} .widget-smallgroup.widget-style-type1 .widget-card .widget-card-body{padding:0 !important;} .widget-smallgroup.widget-style-type1 .s-grup-lst{margin-left:-12.5px; margin-right:-12.5px; margin-bottom:-22px; font-size:0;} .widget-smallgroup.widget-style-type1 .s-grup-lst > li{display:inline-block; width:calc(100% / 4); margin-bottom:22px; font-size:16px; vertical-align:top;} .widget-smallgroup.widget-style-type1 .s-grup-lst .area_inner{width:265px; margin:0 auto;} .widget-smallgroup.widget-style-type1 .s-grup-lst .area_inner > a{display:block; padding:10px; background-color:#fff; border-radius:6px;} /* 사진*/ .widget-smallgroup.widget-style-type1 .s-grup-lst .area_photo{width:100%; height:150px; border-radius:6px;} .widget-smallgroup.widget-style-type1 .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-smallgroup.widget-style-type1 .s-grup-lst .area_photo .img_wrap span{display:none;} /* 소모임 정보*/ .widget-smallgroup.widget-style-type1 .s-grup-lst .area_info{margin-top:10px;} .widget-smallgroup.widget-style-type1 .s-grup-lst .area_info .area_info_dfnt_lst dt{min-height:30px;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .ttl_wrap{float:left;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .ttl_wrap p{margin-bottom:0; font-size:18px; color:#202020;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .btn_more_wrap{float:right;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .btn_more_wrap .ico_wrap{display:block; width:30px; height:30px; line-height:30px; text-align:center; background-color:#0758aa; color:#fff; border-radius:50%;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .btn_more_wrap .ico_wrap i{font-size:20px; font-weight:500;} .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .btn_more_wrap span{display:none;} /* 값이 없을때 */ .widget-smallgroup.widget-style-type1 .s-grup-lst li.no_result .area_photo .img_wrap{background:url('/common/css/images/add_some_box.jpg') no-repeat center;} /*** [게시판 검색] ***/ /** 셀렉트 박스 컴포넌트 **/ .select{position:relative;padding:13px 14px; font-size:15px; color:#a8a8a8; border-bottom:1px solid #c1c1c1; overflow:hidden; cursor:pointer;} .select.Visible{overflow:visible;} .select .option_ttl:after{content: "\f078"; float:right; clear:both; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; font-weight: 500;} .select.Visible .option_ttl:after{content: "\f077";} .select .option_wrap{display:none; position:absolute; top:52px; left:0; z-index:30; width:100%; max-height:206px; background-color:#fff; border:1px solid #c1c1c1; border-top:0; overflow-y:auto;} .select.Visible .option_wrap{display:block;} .select .option_wrap .option{padding:10px;} .select .option_wrap .option:hover{background-color:#e3e3e3;} /** 타입1 **/ .widget-boardsearch.widget-style-type1 .widget-card-body{min-height:auto; padding:0; background-color:#fff; border:2px solid #5892da; border-radius:50px;} .widget-boardsearch.widget-style-type1 .board_search{display:table; width:100%;} .widget-boardsearch.widget-style-type1 .board_search > *{display:table-cell; table-layout:auto; vertical-align:middle;} .widget-boardsearch.widget-style-type1 .board_search .sec-01{position:relative; width:47%;} .widget-boardsearch.widget-style-type1 .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-boardsearch.widget-style-type1 .board_search .sec-02{width:43.5%;} .widget-boardsearch.widget-style-type1 .board_search .sec-03{width:9.5%;} .widget-boardsearch.widget-style-type1 .board_search .select{padding:10px 15px; padding-right:12px; font-size:16px; font-weight:500; color:#253455; border-bottom:0;} .widget-boardsearch.widget-style-type1 .board_search .select .option_ttl span{display:inline-block; width:80%; margin-top:-4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;} .widget-boardsearch.widget-style-type1 .board_search .select .option_ttl:after{width:22px; height:22px; line-height:22px; font-size:10px; font-weight:bolder; text-align:center; color:#5892da; border:2px solid #5892da;} .widget-boardsearch.widget-style-type1 .board_search .select .option_wrap{top:42px; left:10px; width:95%; border:2px solid #5892da; border-top:1px solid #fff;} .widget-boardsearch.widget-style-type1 .board_search .select .option{border-bottom:1px solid #e8e8e8;} .widget-boardsearch.widget-style-type1 .board_search .select .tot_option{background-color:#e8effd;} .widget-boardsearch.widget-style-type1 .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-boardsearch.widget-style-type1 .board_search input[type="text"]::placeholder{color:#bebebe;} .widget-boardsearch.widget-style-type1 .board_search button{padding:0; font-size:27px; background-color:transparent; color:#777; border:0; outline:0;} .widget-boardsearch.widget-style-type1 .board_search button i{font-weight:300;} .widget-boardsearch.widget-style-type1 .board_search button span{display:none;} /*** [게시판 검색 끝] ***/ .JS-feePymtgList:hover{cursor:pointer} /*** [사이버부스(비즈홈피) 검색] ***/ /** 타입1 **/ /* 영역 */ .widget-bizsearch.widget-style-type1{padding:32px 0; background-color:#f2f2f2;} .widget-bizsearch.widget-style-type1 .tpl-widget-body{margin:0;} .widget-bizsearch.widget-style-type1 .widget-card-body{min-height:unset; padding:0;} .widget-bizsearch.widget-style-type1 .biz-search-wrap{width:60.8%; margin:0 auto;} /* 서브 타이틀 */ .widget-bizsearch.widget-style-type1 .widget-sub-ttl{margin-right:23px; font-size:24px; font-weight:500; letter-spacing:-1.1px;} /* 검색 */ .widget-bizsearch.widget-style-type1 .search-box-wrap{position:relative; width:84%; font-size:0; background-color:#fff; border:1px solid #adadad; border-radius:50px;} .widget-bizsearch.widget-style-type1 .search-box-wrap > *{display:inline-block; font-size:initial; vertical-align:middle;} .widget-bizsearch.widget-style-type1 .search-box-wrap input{width:100%; height:auto; padding:15px 20px; padding-right:60px; font-size:16px !important; border:0; border-radius:50px;} .widget-bizsearch.widget-style-type1 .search-box-wrap input::placeholder{color:#8b8b8b;} .widget-bizsearch.widget-style-type1 .search-box-wrap button{position:absolute; top:50%; right:20px; margin-top:-3px; padding:0; font-size:27px !important; background-color:transparent; color:#777; border:0; outline:0; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-bizsearch.widget-style-type1 .search-box-wrap button i{font-weight:300;} .widget-bizsearch.widget-style-type1 .search-box-wrap button span{display:inline-block; text-indent:-9999px;} /** 타입1 끝 **/ /*** [사이버부스(비즈홈피) 검색] ***/ /*** [회비납부 타입1] ***/ /* 영역 :: 총납부금 + 계좌 / 납부자 */ .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap{margin-left:-20px; margin-right:-20px; font-size:0;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap > *{display:inline-block; font-size:0; vertical-align:top;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-1n2-wrap, .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-3{width:50%; padding:0 20px;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-1n2-wrap .sec-1 .dt-wrap{width:20%;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-1n2-wrap .sec-1 .tot-pymtg-amt-wrap{width:80%;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-1n2-wrap .bankaccnt-ttl{width:20%;} .widget-feepymtg.widget-style-type1 .fee-pymtg-wrap .sec-1n2-wrap .bankaccnt-info{width:80%;} /* 섹션 공통 */ .widget-feepymtg.widget-style-type1 .sec + .sec{margin-top:30px;} .widget-feepymtg.widget-style-type1 .sec .ttl{margin-bottom:10px; font-size:21px; font-weight:500; color:#0758aa;} .widget-feepymtg.widget-style-type1 .sec .ttl-align-side:after{content:""; display:block; clear:both; overflow:hidden;} .widget-feepymtg.widget-style-type1 .sec .ttl-align-side{margin-bottom:10px;} .widget-feepymtg.widget-style-type1 .sec .ttl-align-side .ttl{float:left; min-height:34px; margin-bottom:0;} .widget-feepymtg.widget-style-type1 .sec .ttl-align-side .btn{float:right; margin-top:4px;} /** 총 납부금 **/ /* 영역 */ .widget-feepymtg.widget-style-type1 .sec-1-cont-wrap{display:table; width:100%;} .widget-feepymtg.widget-style-type1 .sec-1-cont-wrap > *{display:table-cell; vertical-align:bottom;} .widget-feepymtg.widget-style-type1 .sec-1-cont-wrap .dt-wrap{width:10%;} .widget-feepymtg.widget-style-type1 .sec-1-cont-wrap .tot-pymtg-amt-wrap{width:90%;} /* 날짜 */ .widget-feepymtg.widget-style-type1 .sec-1 .dt-wrap{text-align:center;} .widget-feepymtg.widget-style-type1 .sec-1 .dt{display:inline-block; margin:0 auto; padding-bottom:10px; text-align:center; color:#585858; border-bottom:1px solid #585858;} .widget-feepymtg.widget-style-type1 .sec-1 .dt .yy{font-size:16px;} .widget-feepymtg.widget-style-type1 .sec-1 .dt .mm-dd{font-size:21px; font-weight:500;} /* 금액 */ .widget-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt{margin:0 10px; font-size:24px; text-align:right; border-bottom:1px solid #0758aa;} .widget-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt:after{content:""; display:block; clear:both; overflow:hidden;} .widget-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt .won{float:right; padding-left:10px; font-weight:500; color:#0758aa;} /** 총 납부금 끝 **/ /* 계좌 */ .widget-feepymtg.widget-style-type1 .bankaccnt-wrap{font-size:0;} .widget-feepymtg.widget-style-type1 .bankaccnt-wrap + .bankaccnt-wrap{margin-top:10px;} .widget-feepymtg.widget-style-type1 .bankaccnt-wrap > *{display:inline-block; font-size:16px; text-align:left; vertical-align:middle;} .widget-feepymtg.widget-style-type1 .bankaccnt-wrap .bankaccnt-ttl{width:10%; font-weight:500;} .widget-feepymtg.widget-style-type1 .bankaccnt-wrap .bankaccnt-info{width:90%;} /* 납부자 */ .widget-feepymtg.widget-style-type1 .sec-3 .table{border-top:2px solid #0758aa;} /* 슬라이드 블릿 */ .widget-feepymtg.widget-style-type1 .bx-wrapper .bx-controls-auto, .widget-feepymtg.widget-style-type1 .bx-wrapper .bx-pager{bottom:0;} /* 22.03.06 납부자 영역 스크롤 */ .widget-feepymtg.widget-style-type1 .rolling_lst .rolling_head {margin-bottom: 0;} .widget-feepymtg.widget-style-type1 .rolling_lst .rolling_body {border-top: none;} .widget-feepymtg.widget-style-type1 .rolling_lst .rolling_body_wrap {display: block; height: 200px; overflow-y: hidden;} .widget-feepymtg.widget-style-type1 .rolling_lst tbody tr td {width: 190.75px;} /* 슬라이드 화살표 z-index 수정(낮춤) - 22.03.02 */ .widget-feepymtg.widget-style-type1 .bx-wrapper .bx-controls-direction a {z-index:10;} /* 명예의 전당 */ .widget-feepymtg.widget-style-type1 .btn-fee-temple-wrap{margin-bottom:10px;} .widget-feepymtg.widget-style-type1 .btn-fee-temple-wrap:after{content:""; display:block; clear:both; overflow:hidden;} .widget-feepymtg.widget-style-type1 .btn-fee-temple-wrap .btn-fee-temple{float:right;} /*** [회비납부 타입1 끝] ***/ /*** [회비납부 타입2] ***/ /* 영역 :: 총납부금 + 계좌 / 납부자 */ .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap{margin-left:-20px; margin-right:-20px; font-size:0;} .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap > *{display:inline-block; width:50%; padding:0 20px; font-size:16px; vertical-align:top;} .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap .sec-1 .dt-wrap{width:20%;} .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap .sec-1 .tot-pymtg-amt-wrap{width:80%;} .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap .bankaccnt-ttl{width:20%;} .widget-feepymtg.widget-style-type2 .fee-pymtg-wrap .sec-1n2-wrap .bankaccnt-info{width:80%;} /* 섹션 공통 */ .widget-feepymtg.widget-style-type2 .sec .ttl{margin-bottom:10px; font-size:21px; font-weight:500; color:#0758aa;} .widget-feepymtg.widget-style-type2 .sec .ttl-align-side:after{content:""; display:block; clear:both; overflow:hidden;} .widget-feepymtg.widget-style-type2 .sec .ttl-align-side{margin-bottom:10px;} .widget-feepymtg.widget-style-type2 .sec .ttl-align-side .ttl{float:left; min-height:34px; margin-bottom:0;} .widget-feepymtg.widget-style-type2 .sec .ttl-align-side .btn{float:right; margin-top:4px; text-decoration:none;} /** 총 납부금 **/ /* 영역 */ .widget-feepymtg.widget-style-type2 .sec-1-cont-wrap{display:table; width:100%;} .widget-feepymtg.widget-style-type2 .sec-1-cont-wrap > *{display:table-cell; vertical-align:bottom;} .widget-feepymtg.widget-style-type2 .sec-1-cont-wrap .dt-wrap{width:10%;} .widget-feepymtg.widget-style-type2 .sec-1-cont-wrap .tot-pymtg-amt-wrap{width:90%;} /* 날짜 */ .widget-feepymtg.widget-style-type2 .sec-1 .dt-wrap{text-align:center;} .widget-feepymtg.widget-style-type2 .sec-1 .dt{display:inline-block; margin:0 auto; padding-bottom:10px; text-align:center; color:#585858; border-bottom:1px solid #585858;} .widget-feepymtg.widget-style-type2 .sec-1 .dt .yy{font-size:16px;} .widget-feepymtg.widget-style-type2 .sec-1 .dt .mm-dd{font-size:21px; font-weight:500;} /* 금액 */ .widget-feepymtg.widget-style-type2 .sec-1 .tot_pymtg_amt{margin:0 10px; font-size:24px; text-align:right; border-bottom:1px solid #0758aa;} .widget-feepymtg.widget-style-type2 .sec-1 .tot_pymtg_amt:after{content:""; display:block; clear:both; overflow:hidden;} .widget-feepymtg.widget-style-type2 .sec-1 .tot_pymtg_amt .won{float:right; padding-left:3px; font-weight:500; color:#0758aa;} /** 총 납부금 끝 **/ /* 계좌 */ .widget-feepymtg.widget-style-type2 .bankaccnt-wrap{font-size:0;} .widget-feepymtg.widget-style-type2 .bankaccnt-wrap + .bankaccnt-wrap{margin-top:10px;} .widget-feepymtg.widget-style-type2 .bankaccnt-wrap > *{display:inline-block; font-size:16px; text-align:left; vertical-align:middle;} .widget-feepymtg.widget-style-type2 .bankaccnt-wrap .bankaccnt-ttl{width:10%; font-weight:500;} .widget-feepymtg.widget-style-type2 .bankaccnt-wrap .bankaccnt-info{width:90%;} /* 납부자 */ .widget-feepymtg.widget-style-type2 .sec-3{margin-top:20px;} .widget-feepymtg.widget-style-type2 .sec-3 .ttl{margin-bottom:15px; padding-bottom:9px; border-bottom:1px solid rgba(0,0,0,.125);} .widget-feepymtg.widget-style-type2 .sec-3 .ttl span{padding-bottom:10px; border-bottom:2px solid #0758aa;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap{padding-bottom:30px;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .slick-slide-wrap{position:relative; padding:0 40px;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .slick-slide{margin:0 10px 0 7px;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .obj-pymtg-persn-dl{padding:15px; background-color:#f5f5f5; border:1px solid #f5f5f5; border-radius:10px;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .obj-pymtg-persn-dl dt{font-size:15px; font-weight:400; color:#585858;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .obj-pymtg-persn-dl dt a{padding-left:0; font-size:15px; font-weight:400; background-image:none; color:#585858;} .widget-feepymtg.widget-style-type2 .pymtg-persn-slide-wrap .obj-pymtg-persn-dl dd{margin-top:3px; font-size:17px;} /* 슬라이드 블릿 */ .widget-feepymtg.widget-style-type2 .slick-arrow{position:absolute; top:50%; z-index:10; width:32px; height:32px; padding:0; background-color:transparent; border:0; -webki-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-feepymtg.widget-style-type2 .slick-arrow span{display:inline-block; text-indent:-9999px;} .widget-feepymtg.widget-style-type2 .slick-prev{left:0; background:url('/common/css/images/controls.png') no-repeat 0 -32px;} .widget-feepymtg.widget-style-type2 .slick-next{right:0; background:url('/common/css/images/controls.png') no-repeat -43px -32px;} /*** [회비납부 타입2 끝] ***/ /*** [회비납부 타입3] ***/ .fee_pymtg_type3 > .sec-1n2-wrap > .sec.sec-1 > ul > li:not(:first-child) {margin-top: 0.25rem;} .fee_pymtg_type3 > .sec-1n2-wrap > .sec.sec-1 > ul > li > ul > li > p {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95rem;} /*** [회비납부 타입3 끝] ***/ /*** [회비납부 타입4] ***/ .fee_pymtg_type4 .swiper-container {height: 150px;} /*** [회비납부 타입4 끝] ***/ /* 23.02.24 로그인 폼 수정 */ .widget-login.widget-style-type1 .widget-card-body .login-bas-form.login-bas-form-type-2 + .login-optin ul {margin-top: 8.8px;} .widget-login.widget-style-type1 .widget-card-body .login-bas-form.login-bas-form-type-2 > li {margin-bottom: 5px;} .widget-login.widget-style-type1 .widget-card-body .login-bas-form.login-bas-form-type-2 > li:not(:first-child) {margin-top: 0;} .login-bas-form.login-bas-form-type-2 .loginBtn {padding: 6.6px 12px;} .login-bas-form.login-bas-form-type-2 .kakao_login_wrap > a {display: block; height: 38px; background-color: #fee500;} .login-bas-form.login-bas-form-type-2 .kakao_login_wrap > a > img {display: block; height: 100%; margin: 0 auto;}