diff --git a/src/main/java/nlib/col/web/RentController.java b/src/main/java/nlib/col/web/RentController.java index eaa015f6..f4acd012 100644 --- a/src/main/java/nlib/col/web/RentController.java +++ b/src/main/java/nlib/col/web/RentController.java @@ -88,6 +88,8 @@ public class RentController extends NlibCommonController // 대출자료 문화원 목록 조회 List> rentMngOrgList = rentService.listRentMngOrg(mbInfoId); + model.addAttribute("rentMngOrgList" , rentMngOrgList); + model.addAttribute("bookLtRvStatusCd", searchVO.getBookLtRvStatusCd()); model.addAttribute("pageSize" , searchVO.getPageSize()); model.addAttribute("pageSize" , searchVO.getPageSize()); @@ -125,6 +127,7 @@ public class RentController extends NlibCommonController HashMap retMap = new HashMap(); if(StringUtil.isNotEmpty(mbInfoId)) { + // 로그인 사용자 정보 설정 searchVO.setMbInfoId(mbInfoId); // TO-DO : DDDDDDDDDDDDDDDDDDDddd @@ -133,8 +136,9 @@ public class RentController extends NlibCommonController searchVO.setMngOrgCd("KCCF"); // 조회 - DataApiResVO resVO = rentService.listRentItems(searchVO); - + // 대출상태구분코드("": 전체, A:신청, B:대출준비완료, C:취소, W:대출중, R0:정상반납, R1:연체반납, P:연체) + // TO-DO : api 코드 변경 요청. 변경 처리된 것 확인할 것 + DataApiResVO resVO = rentService.listRentItems(searchVO); retMap.put("data" , resVO.getRecordList()); retMap.put("itemsCount", resVO.getRecordTotCount()); retMap.put("pageIndex" , resVO.getPageIndex()); diff --git a/src/main/java/nlib/security/SpringSecurityConfig.java b/src/main/java/nlib/security/SpringSecurityConfig.java index 04cf45d3..8768f87a 100644 --- a/src/main/java/nlib/security/SpringSecurityConfig.java +++ b/src/main/java/nlib/security/SpringSecurityConfig.java @@ -89,6 +89,7 @@ public class SpringSecurityConfig extends WebSecurityConfigurerAdapter { .antMatchers("/homes/**").permitAll() .antMatchers("/cart/**").permitAll() .antMatchers("/bbs/**").permitAll() + .antMatchers("/*.html").permitAll() .anyRequest().authenticated() .and().formLogin() .loginPage(NlibProperty.getString("login.url")) diff --git a/src/main/webapp/cart-complete.html b/src/main/webapp/cart-complete.html new file mode 100644 index 00000000..6e025c62 --- /dev/null +++ b/src/main/webapp/cart-complete.html @@ -0,0 +1,296 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

카트 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 카트
    • +
+
    +
  • 카트
    • +
+
+
화살표 아이콘
+
+
+
+
+ +
+
+
+
+

+
+
+
자료정보
+
이용상태
+
반납예정일
+
신청/예약정보
+
비고
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

대출중 (대기자 0)

+
2021-08-27
+
대출예약 (2021-08-24)
+
대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
대출예약 (2021-08-24)
+
대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
대출예약 (2021-08-24)
+
대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.
+
+
+
+ +
+
체크 아이콘
+
자료 1건 대출신청, 자료 1건 대출예약이 완료되었습니다.
+
+ +

- 대출신청/예약 내역은 [마이페이지 > 대출관리]에서 확인하실 수 있습니다.

+

- 주어진 기한 안에 방문하지 않는 경우, 신청/예약이 자동 취소됩니다.

+ +
+ + +
+
+
+ +
+
+
+

+
+
+
자료정보
+
이용상태
+
반납예정일
+
신청/예약정보
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

방문열람대기

+
2021-08-27
+
방문열람신청(2021-08-24)
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
방문열람신청(2021-08-24)
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
방문열람신청(2021-08-24)
+
+
+

- 관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.

+
+ +
+
체크 아이콘
+
자료 2건 방문열람신청이 접수되었습니다.
+
(희망방문일자: 2021-08-24 ~ 2021-08-25)
+
+ +

- 방문열람신청 내역은 [마이페이지 > 방문열람관리]에서 확인하실 수 있습니다.

+

- 방문열람시간은 관리자가 지정하며, 승인 후 지정된 일시에 방문하지 않는 경우, 미열람 처리됩니다.

+ +
+ + +
+
+
+ +
+
+
+
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/cart-confirm.html b/src/main/webapp/cart-confirm.html new file mode 100644 index 00000000..f101cb5a --- /dev/null +++ b/src/main/webapp/cart-confirm.html @@ -0,0 +1,308 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

카트 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 카트
    • +
+
    +
  • 카트
    • +
+
+
화살표 아이콘
+
+
+
+
+ +
+
+
+
+

+
+
+
자료정보
+
이용상태
+
반납예정일
+
신청/예약정보
+
비고
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

대출중 (대기자 0)

+
2021-08-27
+
대출예약
+
대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
대출신청
+
대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
대출신청
+
대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.
+
+
+
+ +
+
+
대출신청
+
대출예약
+
총 자료 건수
+
+
+
1건
+
+
+
1건
+
=
+
2건
+
+
+

- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.

+

- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.

+ +
+ + +
+
+
+ +
+
+
+

+
+
+
자료정보
+
이용상태
+
반납예정일
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

방문열람대기

+
2021-08-27
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
+
+

- 관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.

+
+ +
+

희망방문일

+
+ + 에서 + + 사이 +
+
+

- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.

+

- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.

+ +
+ + +
+
+
+ +
+
+
+
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/cart.html b/src/main/webapp/cart.html new file mode 100644 index 00000000..6243c89a --- /dev/null +++ b/src/main/webapp/cart.html @@ -0,0 +1,358 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

카트 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 카트
    • +
+
    +
  • 카트
    • +
+
+
화살표 아이콘
+
+
+
+
+ +
+
+
+
+

+
+
+
+
자료정보
+
이용상태
+
반납예정일
+
대출
+
방문열람
+
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

대출중 (대기자 0)

+
2021-08-27
+
예약가능
+
신청불가
+
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
신청가능
+
신청가능
+
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
신청가능
+
신청가능
+
+
+
+ +
+

+
+
+
+
자료정보
+
이용상태
+
반납예정일
+
대출
+
방문열람
+
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
제 일회 전국한시백일장
+
+

대출중 (대기자 0)

+
2021-08-27
+
예약가능
+
신청불가
+
+
+
+ +
+

+
+
+
+
자료정보
+
이용상태
+
반납예정일
+
대출
+
방문열람
+
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
제 일회 전국한시백일장
+
+

대출중 (대기자 0)

+
2021-08-27
+
예약가능
+
신청불가
+
+
+
+ +
+
+ + +
+
+ +
+
+
+
+ +
+
+
+

+
+
+
자료정보
+
이용상태
+
반납예정일
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 온라인열람 + 대출 + 방문열람 +
+
경주읍성 남문 장례문의 옥루
+
+

방문열람대기

+
2021-08-27
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
국역 慶州郡 (국역 경주군)
+
+

이용가능

+
-
+
+
+
+
즐겨찾기 아이콘즐겨찾기 아이콘
+
+ 대출 + 방문열람 +
+
三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)
+
+

이용가능

+
-
+
+
+

- 관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.

+
+ +
+

희망방문일

+
+ + 에서 + + 사이 +
+
+

- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.

+

- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.

+ +
+ + +
+
+
+ +
+
+
+
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/connect.html b/src/main/webapp/connect.html new file mode 100644 index 00000000..e396afb9 --- /dev/null +++ b/src/main/webapp/connect.html @@ -0,0 +1,448 @@ + + + + + + + +소장자료관 - 계정연결 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

계정연결완료 섹션영역

+
+
+
자물쇠 아이콘
+

계정연결 완료

+
+
+
+
+
+

선택하신 계정에 카카오계정이 연결되었습니다.

+

+
+
+
카카오 아이콘
+
+

mo******@daum.net

+

2021-07-15오후 2:41:30 연결완료

+
+
+
+ 소장자료관으로 +
+
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/css/common.css b/src/main/webapp/css/common.css new file mode 100644 index 00000000..b5db4d3a --- /dev/null +++ b/src/main/webapp/css/common.css @@ -0,0 +1,149 @@ +@charset "utf-8"; + +*{padding:0;margin:0;outline:0px solid #ccc;} +html,body{width:100%;height:100%;touch-action: none;} +html{} +body{ font-family:'Noto Sans KR', 'Noto Sans', sans-serif;letter-spacing:-0.1px;font-weight:200;color:#333;word-break:keep-all;} +body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;} +ul,ol,li,dl,dt,dd {list-style:none;} +i,em,address{font-style:normal;} +label,button{cursor:pointer;} +button{position:relative;border:none;background:none;} +hr,legend {display:none;} +img,fieldset,iframe {border:none;} +img{vertical-align:top;} +textarea{} +caption {display:none;} +input,select,button{vertical-align:middle; +/* +-webkit-appearance: none; +-moz-appearance: none; +-o-appearance: none; +appearance: none; +*/ +} +button{margin:0;padding:0;} +table{border:none;border-collapse:collapse;padding:0;border-spacing:0;border-color: gray} +a{text-decoration:none;color:#333;} +a:link,a:visited,a:active,a:focus{text-decoration:none;} +a:hover{text-decoration:none;} +input {border:0;outline:0;} +strong {font-weight:500;} + +.eff { +-webkit-transition : all 0.3s ease; +-moz-transition : all 0.3s ease; +-o-transition : all 0.3s ease; +transition : all 0.3s ease; +} + + + +@font-face { + font-family: "NanumSquareRound"; + font-style: normal; + font-weight: 300; + src: url("../fonts/NanumSquareRoundL.eot") format("eot"), + url("../fonts/NanumSquareRoundL.woff2") format("woff2"), + url("../fonts/NanumSquareRoundL.woff") format("woff"), + url("../fonts/NanumSquareRoundL.ttf") format("truetype"); +} +@font-face { + font-family: "NanumSquareRound"; + font-style: normal; + font-weight: 400; + src: url("../fonts/NanumSquareRoundR.eot") format("eot"), + url("../fonts/NanumSquareRoundR.woff2") format("woff2"), + url("../fonts/NanumSquareRoundR.woff") format("woff"), + url("../fonts/NanumSquareRoundR.ttf") format("truetype"); +} +@font-face { + font-family: "NanumSquareRound"; + font-style: normal; + font-weight: 700; + src: url("../fonts/NanumSquareRoundB.eot") format("eot"), + url("../fonts/NanumSquareRoundB.woff2") format("woff2"), + url("../fonts/NanumSquareRoundB.woff") format("woff"), + url("../fonts/NanumSquareRoundB.ttf") format("truetype"); +} +@font-face { + font-family: "NanumSquareRound"; + font-style: normal; + font-weight: 800; + src: url("../fonts/NanumSquareRoundEB.eot") format("eot"), + url("../fonts/NanumSquareRoundEB.woff2") format("woff2"), + url("../fonts/NanumSquareRoundEB.woff") format("woff"), + url("../fonts/NanumSquareRoundEB.ttf") format("truetype"); +} + + + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 100; + font-style: normal; + src: url("../fonts/NotoSans-Thin.eot?") format("eot"), + url("../fonts/NotoSans-Thin.otf") format("opentype"), + url("../fonts/NotoSans-Thin.woff") format("woff"), + url("../fonts/NotoSans-Thin.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 200; + font-style: normal; + src: url("../fonts/NotoSans-Light.eot?") format("eot"), + url("../fonts/NotoSans-Light.otf") format("opentype"), + url("../fonts/NotoSans-Light.woff") format("woff"), + url("../fonts/NotoSans-Light.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 300; + font-style: normal; + src: url("../fonts/NotoSans-DemiLight.eot?") format("eot"), + url("../fonts/NotoSans-DemiLight.otf") format("opentype"), + url("../fonts/NotoSans-DemiLight.woff") format("woff"), + url("../fonts/NotoSans-DemiLight.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 400; + font-style: normal; + src: url("../fonts/NotoSans-Regular.eot?") format("eot"), + url("../fonts/NotoSans-Regular.otf") format("opentype"), + url("../fonts/NotoSans-Regular.woff") format("woff"), + url("../fonts/NotoSans-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 500; + font-style: normal; + src: url("../fonts/NotoSans-Medium.eot?") format("eot"), + url("../fonts/NotoSans-Medium.otf") format("opentype"), + url("../fonts/NotoSans-Medium.woff") format("woff"), + url("../fonts/NotoSans-Medium.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 700; + font-style: normal; + src: url("../fonts/NotoSans-Black.eot?") format("eot"), + url("../fonts/NotoSans-Black.otf") format("opentype"), + url("../fonts/NotoSans-Black.woff") format("woff"), + url("../fonts/NotoSans-Black.woff2") format("woff2"); +} + +@font-face { + font-family: "Noto Sans KR"; + font-weight: 900; + font-style: normal; + src: url("../fonts/NotoSans-Bold.eot?") format("eot"), + url("../fonts/NotoSans-Bold.otf") format("opentype"), + url("../fonts/NotoSans-Bold.woff") format("woff"), + url("../fonts/NotoSans-Bold.woff2") format("woff2"); +} diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css new file mode 100644 index 00000000..a64145f9 --- /dev/null +++ b/src/main/webapp/css/default.css @@ -0,0 +1,1083 @@ +@charset "utf-8"; + +/********** 헤더 / 메뉴 **********/ +.blind {display:none;} +.wrap {display:inline-block;width:100%;height:100%;min-width:1400px;} +.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;} +.wrap header .inner {width:1400px;height:72px;margin:0 auto;} +.wrap header .inner h1 {float:left;width:33.3%;text-align: left;} +.wrap header .inner .search-wrap {float:left;width:33.3%;text-align:center;} +.wrap header .inner .log {float:right;width:33.3%;text-align:right;} +.wrap header .inner h1 {margin-top:20px;} +.wrap header .inner h1 a img {} +.wrap header .inner h1 a span {display:inline-block;height:16px;font-size:16px;line-height:16px;font-weight: 400;color:#fff;margin-left:15px;padding-left:15px;border-left:1px solid #999;position: relative;top:-14px;} +.wrap header .inner .search-wrap form {position: relative;margin:14px 0px;} +.wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;} +.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;} +.wrap header .inner .search-wrap form .search-input {position: relative;} +.wrap header .inner .search-wrap form .condition_sear select {background: none;outline:0;border:0;padding:0px 10px;font-weight: 600;color:#666;} +.wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;} +.wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;} +.wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 600;position: relative;left:-3px;} +.wrap header .inner .log {display: inline-block;width:auto;} +.wrap header .inner .log ul li {float:left;line-height: 72px;} +.wrap header .inner .log ul li a {font-size:12px;color:#fff;border-left:1px solid #999;padding:0px 16px;height:13px;line-height:13px;display: inline-block} +.wrap header .inner .log ul li a span {color:#f0a233;} +.wrap header .inner .log ul li:first-child a {border:0;} +.wrap header .inner .log ul li:last-child a {padding-right:0;} + + +.wrap .nav-wrap {position: fixed;top:73px;left:0px;width:100%;background:rgba(0,0,0,0.3);z-index: 99;} +.wrap .nav-wrap .inner {height:55px;} +.wrap .nav-wrap .inner {width:1400px;height:55px;margin:0 auto;} +.wrap .nav-wrap #primary-nav {position: relative;top:0px;left:0;} +.wrap .nav-wrap #primary-nav.mobile ul {display:inline-block;width:100%;height:auto;position: absolute;top: calc(50% - 80px);text-align:center;} +.wrap .nav-wrap #primary-nav ul li {float:left;width:25%;height:55px;line-height:55px;text-align:center;position: relative; +-webkit-transition:all .3s ease; +-moz-transition:all .3s ease; +-o-transition:all .3s ease; +transition:all .3s ease; +} +.wrap .nav-wrap #primary-nav ul li a {display:block;color: #fff;font-weight: 400;} +.wrap .nav-wrap #primary-nav li:hover, +.wrap .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.6);} +.wrap .nav-wrap #primary-nav li.active > a, +.wrap .nav-wrap #primary-nav li > a:hover, +.wrap .nav-wrap #primary-nav li.selected > a {color: #fff;} +.wrap .nav-wrap #primary-nav .sub-menu {background: rgba(0,0,0,0.7);width: 350px;z-index: 200;padding:15px 0px;} +.wrap .nav-wrap #primary-nav .sub-menu li {display: inline-block;width:100%;height:45px;line-height:45px;} +.wrap .nav-wrap #primary-nav .sub-menu li a {display:inline-block;font-weight: 300;} +.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display:inline-block;font-weight: 500;} +.wrap .nav-wrap #primary-nav .sub-menu li:last-child {border-bottom: 0;} +.wrap .nav-wrap #primary-nav .sub-menu .downarrow:before {content: '\25b8';} +.wrap .nav-wrap #primary-nav.mobile {display: none;position: fixed;top:auto;bottom: 0px;background: #1eaabd;width: 100%;height: 100%;min-height: 100vh;margin:0% 0%;left:800px; +-webkit-transition:all .3s ease; +-moz-transition:all .3s ease; +-o-transition:all .3s ease; +transition:all .3s ease; +} +.wrap .nav-wrap #primary-nav li ul li:hover, +.wrap .nav-wrap #primary-nav li ul li.selected {background: none;} +.wrap .nav-wrap #primary-nav.mobile li {width: 100%;margin: 0;border-bottom: 0px solid #4fc3d3;text-align:center;} +.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 0px solid #4fc3d3;} +.wrap .nav-wrap #primary-nav.mobile li:last-child {border: none;} +.wrap .nav-wrap #primary-nav.mobile li a {padding: 15px 0%;display:block;font-size:30px;color:#fff;} +.wrap .nav-wrap #primary-nav.mobile li:hover a {color:#fff;} +.wrap .nav-wrap #primary-nav.mobile li.active a {color:#fff;} +.wrap .nav-wrap #primary-nav.mobile .sub-menu li a {padding-left: 7%;} +.wrap .nav-wrap #primary-nav.mobile .sub-menu .submenu li a {padding-left: 9%;} +.wrap .nav-wrap #primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {padding-left: 11%;} +.wrap .nav-wrap #primary-nav.mobile .sub-menu {float: left;position: relative;width: 100%;} +.wrap .nav-wrap .downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;display: none;} +.wrap .nav-wrap .sub-menu .downarrow {position: absolute;right: 0;padding-right: 10px;} +.wrap .nav-wrap .downarrow:before {content: '\25be';color: inherit;display: block;font-family: sans-serif;font-size: 1em;line-height: 1.1;width: 1em;height: 1em;} +.wrap .nav-wrap .menu .sub-menu {display: none;position: absolute;left: 0;max-height: 1000px;} +.wrap .nav-wrap .menu .sub-menu.hide {display: none;} +.wrap .nav-wrap .mobile .downarrow, +.wrap .nav-wrap .mobile .sub-menu .downarrow {position: absolute;right: 0;padding-right: 5%;} +#primary-nav-button {background: transparent;display: none;border: 0px solid #aaa;position: absolute;top: 5px;left: 0;padding: 0;text-decoration: none;color: #333;text-align: center;font-weight: bold;font-size: 0;outline:0;z-index: 9;} +#primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';} +#primary-nav-button.mobile {display: inline-block;} +.wrap .nav-wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;} +.wrap .nav-wrap .Btn i {position: relative;border-radius:10px;display: inline-block;width: 25px;height: 2px;color:#707070;text-transform: uppercase;text-indent:-999999999px;background: #707070;} +.wrap .nav-wrap .Btn i::before, .wrap header .Btn i::after {content:'';border-radius: 10px;width: 25px;height: 2px;position: absolute;left:0;background:#707070; +-webkit-transition:all .2s ease-in; +-moz-transition:all .2s ease-in; +-o-transition:all .2s ease-in; +transition:all .2s ease-in; +} +.wrap .nav-wrap .Btn i::before {top: -9px;} +.wrap .nav-wrap .Btn i::after {bottom: -9px;width:20px;left:auto;right:0px;} +.wrap .nav-wrap .Btn.selected i {background:none;} +.wrap .nav-wrap .Btn.selected i::before {top:0;background: #fff; +-webkit-transform: rotateZ(45deg); +-moz-transform: rotateZ(45deg); +-o-transform: rotateZ(45deg); +transform: rotateZ(45deg); +} +.wrap .nav-wrap .Btn.selected i::after {bottom:-2px;width:25px;background: #fff;border-bottom: 2px solid #1eaabd; +-webkit-transform: rotateZ(-45deg); +-moz-transform: rotateZ(-45deg); +-o-transform: rotateZ(-45deg); +transform: rotateZ(-45deg); +} + +.wrap #header.scroll_off {background:rgba(0,0,0,0.3);} +.wrap #header.scroll_on {background:rgba(55,103,149,1.0);} +.wrap .nav-wrap.scroll_off {background:rgba(0,0,0,0.3);} +.wrap .nav-wrap.scroll_on {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} +.wrap .nav-wrap.scroll_on #primary-nav li:hover, +.wrap .nav-wrap.scroll_on #primary-nav li.selected {background: rgba(55,103,149,0.8);} +.wrap .nav-wrap.scroll_off #primary-nav ul li a {color: #fff;} +.wrap .nav-wrap.scroll_on #primary-nav ul li a {color: #222;} +.wrap .nav-wrap.scroll_off #primary-nav ul li:hover a {color: #fff;} +.wrap .nav-wrap.scroll_on #primary-nav ul li:hover a {color: #fff;} +.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu {background: rgba(0,0,0,0.7);} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover {background: none;} +.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu li a {color: #fff;} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a {color: #222;} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} + +.wrap.sub {padding-top:128px;} +.wrap.sub #header {background:rgba(55,103,149,1.0);} +.wrap.sub .nav-wrap {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} +.wrap.sub .nav-wrap #primary-nav li:hover, +.wrap.sub .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.8);} +.wrap.sub .nav-wrap #primary-nav ul li a {color: #222;} +.wrap.sub .nav-wrap #primary-nav ul li:hover a {color: #fff;} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover {background: none;} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a {color: #222;} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} + +.underline {line-height: 2.0;background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.8s;cursor: pointer;} +.underline.blue {background-image: linear-gradient(transparent 60%, #284a6a 40%);} +.wrap .nav-wrap #primary-nav li ul li:hover .underline {background-size: 100% 100%;} + + +section {clear:both;text-align: center;} +section h3 {font-size:36px;font-weight: 500;margin-bottom: 5px;} +section h3 span {color:#376795;} +section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} + + +.sec1 {} +.sec1 .inner .banner {position: relative;width:100%;height:600px;background: url(/images/bg/bg-mainbanner.jpg) no-repeat;background-size:cover;} +.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;} +.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;} +.sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;} +.sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;} +.sec1 .inner .color-box .list:nth-of-type(1) {background:#f0a233;} +.sec1 .inner .color-box .list:nth-of-type(2) {background:#45a1b0;} +.sec1 .inner .color-box .list:nth-of-type(3) {background:#4a7ba6;} +.sec1 .inner .color-box .list:nth-of-type(4) {background:#beb9a5;} +.sec1 .inner .color-box .list .title {color:#fff;font-size:24px;margin:40px 0px 15px;} +.sec1 .inner .color-box .list .open {position: absolute;top:-30px;right:-30px;background:rgba(0,0,0,0.1);width:60px;height:60px; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg); +} +.sec1 .inner .color-box .list .open img {position: absolute;top:42px;left:24px; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg); +} +.sec1 .inner .color-box .list a {width:100%;height:100%;position: absolute;top:0px;left:0px;z-index: 9;} + + +.sec2 {padding:0px 0px 100px;} +.sec2 .keyword-box {width:1400px;margin:0 auto;} +.sec2 .keyword-box .list-tag li {display: inline-block;margin:0px 3px 10px;} +.sec2 .keyword-box .list-tag li a {font-size:14px;color:#111;border:1px solid #999;border-radius:50px;padding:2px 10px 4px;} +.sec2 .keyword-box .list-tag li a:hover {background:#376795;border:1px solid #376795;color:#fff;} + + +.sec3 {background:#f5f5f5;padding:100px 0px 100px;} +.sec3 .inner {width:100%;position: relative;} +.sec3 .pickSwiper {width:80%;padding:1% 10%;} +.sec3 .pickSwiper::before {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:0px;z-index: 9;} +.sec3 .pickSwiper::after {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:0px;z-index: 9;} +.sec3 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;} +.sec3 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;} +.sec3 .pickSwiper .swiper-slide .list-box {background: #fff;outline:1px solid #ddd;height:390px;} +.sec3 .pickSwiper .swiper-slide .list-box .images {padding:30px 0px;height:195px;border-bottom:1px solid #ddd;} +.sec3 .pickSwiper .swiper-slide .list-box .images a img {height:100%;} +.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;} +.sec3 .pickSwiper .swiper-slide .list-box .subject .block {display:inline-block;width:100%;margin-bottom:10px;} +.sec3 .pickSwiper .swiper-slide .list-box .subject .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;} +.sec3 .pickSwiper .swiper-slide .list-box .subject .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400} +.sec3 .pickSwiper .swiper-slide:hover .list-box {outline:3px solid #4a7ba6;} +.sec3 .pickSwiper .swiper-slide:hover .list-box .subject .cla {background:#376795;color:#fff;} +.underline.pink {background-image: linear-gradient(transparent 60%, #fbe8d3 40%);} +.sec3 .pickSwiper .swiper-slide:hover .underline {background-size: 100% 100%;} + + +.sec4 {} +.sec4 .inner {} +.sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;} +.sec4 .inner .middle-banner h3 {padding:70px 0px 20px;font-size:36px;line-height: 46px;color: #fff;} +.sec4 .inner .middle-banner h3 strong {color:#feb855;} +.sec4 .inner .middle-banner p {font-size:18px;font-weight: 100;color:#fff;} + + +.sec5 {background:#f5f5f5;padding:100px 0px 100px;} +.sec5 .inner {width:1400px;margin:0 auto;position: relative;} +.sec5 .inner .tab {position: relative;} +.sec5 .inner .tabs {position: relative;overflow: hidden;width: 100%;text-align:center;} +.sec5 .inner .tabs li {display: inline-block;margin:0% 4px;overflow: hidden;padding: 0;position: relative;} +.sec5 .inner .tabs li:last-child {margin-right:0;} +.sec5 .inner .tabs a {background-color: #4a7ba6;border-radius:50px;font-size:12px;letter-spacing:-1px;min-width:110px;height:36px;line-height:36px;color: #fff;font-weight: 400;display: block;letter-spacing: 0;outline: none;text-decoration: none; +-webkit-transition: all 0.2s ease-in-out; +-moz-transition: all 0.2s ease-in-out; +-o-transition: all 0.2s ease-in-out; +transition: all 0.2s ease-in-out; +} +.sec5 .inner .tabs li.current a {background: #0a2c56;color:#fff;} +.sec5 .inner .tab_content {display:inline-block;width:1320px;background: #fff;border:1px solid #ddd;padding:30px 40px;margin-top:30px;} +.sec5 .inner .tab_content .mCSB_inside > .mCSB_container {margin-right:0px !important;} +.sec5 .inner .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left:-25px !important;} +.sec5 .inner .tab_content .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.55);} +.sec5 .inner .tabs_item {display: none;padding: 10px 0;} +.sec5 .inner .tabs_item:first-child {display: block;} +.sec5 .inner .tabs_item ul li {float:left;width:22.7%;margin-right:3%;text-align:left;} +.sec5 .inner .tabs_item ul li:last-child {margin-right:0;} +.sec5 .inner .tabs_item ul li .con-1 {border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;height:50px;overflow: hidden;} +.sec5 .inner .tabs_item ul li .con-1 .block {padding-bottom:10px;} +.sec5 .inner .tabs_item ul li .con-1 .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;} +.sec5 .inner .tabs_item ul li .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;} +.sec5 .inner .tabs_item ul li:hover .con-1 .cla {background:#376795;color:#fff;} +.sec5 .inner .tabs_item ul li:hover .underline {background-size: 100% 100%;color:#376795;} +.sec5 .inner .tabs_item ul li .con-2 {} +.sec5 .inner .tabs_item ul li .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;} +.sec5 .inner .tabs_item ul li .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;} + + + +.sec6 {padding:100px 0px 100px;} +.sec6 .inner {width:100%;position: relative;} +.sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);} +.sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);} +.sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);} +.sec6 .onlineSwiper .items.cover {} +.sec6 .onlineSwiper .items.cover:after {clear:both;content:'';display:block;} +.sec6 .onlineSwiper .items.cover .List {box-sizing:content-box;} +.sec6 .onlineSwiper .items.cover .List.front-item {padding-left:0;} +.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;} +.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail span {overflow:hidden;} +.sec6 .onlineSwiper .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;} +.sec6 .onlineSwiper .items.cover .List .inner div.info div.button-area {margin-top:10px;} +.sec6 .onlineSwiper .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;} +.sec6 .onlineSwiper .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;} +.sec6 .onlineSwiper .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;} +.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail {height:284px;} +.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;} +.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;} +.sec6 .onlineSwiper .items {} +.sec6 .onlineSwiper .items.blank-type1 {margin-top:30px;} +.sec6 .onlineSwiper .items.blank-type1 .List .inner {height:450px;} +.sec6 .onlineSwiper .items.blank-type2 {margin-top:20px;} +.sec6 .onlineSwiper .items .List {box-sizing:border-box;} +.sec6 .onlineSwiper .items .List a.inner {display:block;} +.sec6 .onlineSwiper .items .List .inner.light-type {color:#666;background-color:#fff;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/kccf/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 20px;font-size:18px;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;} +.sec6 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;} +.sec6 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;} + + +.sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;} +.sec7 .inner {width:1400px;margin:0 auto;position: relative;} +.sec7 .inner .Fl {float:left;width:47.5%;margin-right:5%;} +.sec7 .inner .Fl:last-child {margin-right:0;} +.sec7 .inner .Fl .ti {margin-bottom:5px;display:inline-block;width:100%;} +.sec7 .inner .Fl .ti span {float:left;font-size:24px;font-weight:500;} +.sec7 .inner .Fl .ti a span {float:right;font-size:16px;color:#666;display: inline-block;height: 36px;line-height: 36px;} +.sec7 .inner .Fl .ti a span img {margin:0px 0px 5px 5px;vertical-align: middle;} +.sec7 .inner .Fl .con {background: #fff;padding:20px 40px;} +.sec7 .inner .Fl .con .list {border-bottom:1px solid #ddd;display:inline-block;width:100%;padding:15px 0px;vertical-align: top;} +.sec7 .inner .Fl .con .list:last-child {border-bottom: 0;} +.sec7 .inner .Fl .con .list .box {float:left;width:41px;height:41px;background: #ccc;padding:7px;margin-right:20px;} +.sec7 .inner .Fl .con .list .box p:nth-of-type(1) {color:#fff;font-size:22px;line-height:22px;font-weight: 400;margin-bottom:5px;} +.sec7 .inner .Fl .con .list .box p:nth-of-type(2) {color:#fff;font-size:11px;line-height:11px;font-weight: 100;} +.sec7 .inner .Fl .con .list .text {float:left;width:auto;text-align: left;line-height:55px;font-size:18px;font-weight:400;color:#222;} +.sec7 .inner .Fl .con .list .text p img {vertical-align: middle;margin:0px 0px 5px 5px;} +.sec7 .inner .Fl .con .list .answer {float:right;} +.sec7 .inner .Fl .con .list .answer p {background:#e6e7e9;padding:6px 20px 8px;border-radius: 50px;margin-top:8px;} +.sec7 .inner .Fl .con .list .answer.suc p {background:#4a7ba6;color:#fff;} +.sec7 .inner .notice .con .list .box {background: #2e899c;} +.sec7 .inner .qna .con .list .box {background: #4a7ba6;} + + +footer {clear: both;background: #363636;width:100%;height:170px;padding:40px 0px 60px;position: relative;} +footer .inner {width:1400px;margin:0 auto;position: relative;} +footer .row-top {border-bottom: 1px solid #666;color: #999;padding: 0px 0 20px;} +footer .row-bottom {padding: 25px 0 0px;color: #999;} +footer .row-bottom:after {content: "";display: block;clear: both;} +footer .row-bottom .left-side {float: left;} +footer .fnb:after {content: "";display: block;clear: both;} +footer .fnb li {float: left;font-size: 16px;margin-right: 30px;} +footer .fnb li a {color:#fff;opacity: 0.8;} +footer .fnb li a:focus, +footer .fnb li a:hover {color: #fff;} +footer .copy {padding-top: 10px;color: #fff;opacity: 0.4;font-size:14px;} +footer .copy a {color:#fff;} +footer .family_site{position:absolute;right:0;top:0;width:180px;} +footer .family_site .site_name{position:relative;margin-top:7px;padding-left:20px;height:40px;line-height:40px;font-size:12px;font-weight:normal;color:#ddd;background:#2b2b2b;cursor:pointer;border-radius: 3px;} +footer .family_site .site_name:after{position:absolute;right:0;top:0;width:40px;height:40px;content:"";display:block;background: url("/images/icon/icon-down-arr.png") no-repeat right top;} +footer .family_site.on .site_name:after{background: url("/images/icon/icon-up-arr.png") no-repeat right top;} +footer .family_site .site_depth{width:180px;position:absolute;left:0px;right:0;top:46px;background-color:#1b1b1b;padding:7px 0px;z-index:60;display:none;} +footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0 0 12px;font-size:14px;color:#ddd;} + + +/* button scroll-top */ +.btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20; +transition: all .2s ease;} +.btn-go-top p {color:#fff;} +.btn-go-top:hover {} +.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;} +.btn-go-top.go-top-hide {opacity: 0;z-index: -1;} +.btn-go-top {top: -80px;} +.btn-go-top.go-top-fix {top:auto;} +.btn-go-top::after {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%; +-webkit-animation: animate-btn 1.4s 0.0s ease-out infinite; +-moz-animation: animate-btn 1.4s 0.0s ease-out infinite; +-o-animation: animate-btn 1.4s 0.0s ease-out infinite; +animation: animate-btn 1.4s 0.0s ease-out infinite; +} +.btn-go-top::before {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%; +-webkit-animation: animate-btn2 1.4s 0.5s ease-out infinite; +-moz-animation: animate-btn2 1.4s 0.5s ease-out infinite; +-o-animation: animate-btn2 1.4s 0.5s ease-out infinite; +animation: animate-btn2 1.4s 0.5s ease-out infinite; +} +@-webkit-keyframes animate-btn { +0% {-webkit-transform: scale(1.0);opacity: 0.4;} +100% {-webkit-transform: scale(1.6);opacity: 0;} +} +@keyframes animate-btn { +0% {transform: scale(1.0);opacity: 0.4;} +100% {transform: scale(1.6);opacity: 0;} +} +@-webkit-keyframes animate-btn2 { +0% {-webkit-transform: scale(1.0);opacity: 0.4;} +100% {-webkit-transform: scale(1.7);opacity: 0;} +} +@keyframes animate-btn2 { +0% {transform: scale(1.0);opacity: 0.4;} +100% {transform: scale(1.7);opacity: 0;} +} + + +body.no-scroll {overflow: hidden;} +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.3);} +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(0,0,0,0.5);} +.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, +.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color:#333;font-size:30px;} + + +.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} +.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;} +.pop-login .inner .row {padding:45px 60px 0px;text-align:center;} +.pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;} +.pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;} +.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-login .inner .First {padding:0px 60px 10px;} +.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;} +.pop-login .inner .First .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;} +.pop-login .inner .First .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;} +.pop-login .inner .First .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;} +.pop-login .inner .First .Btn.Naver button {color:#fff;} +.pop-login .inner .First .Btn.Kakao button {color:#111;} +.pop-login .inner .First .Btn.Google button {color:#111;} +.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;} +.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;} +.pop-login .inner .Last p {margin-bottom:15px;} +.pop-login .inner .Text {padding:20px 60px 0px;} +.pop-login .inner .Text p:nth-of-type(1) {font-size:14px;line-height:22px;margin-bottom:10px;} +.pop-login .inner .Text p:nth-of-type(1) span {color:#d47b1c;font-weight:500;} +.pop-login .inner .Text p .join {border:1px solid #4a7ba6;color:#4a7ba6;border-radius: 6px;width:100%;display:inline-block;height:44px;line-height:44px;} +.pop-login .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} +.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;} +.pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;} +.pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-login-connect .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-login-connect .inner .Text {} +.pop-login-connect .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;} +.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;} +.pop-login-connect .inner .First {padding:0px 60px 10px;} +.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;} +.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} +.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;} +.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;} +.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;} +.pop-login-connect .inner .First .Btn button:hover span {color:#222;} +.pop-login-connect .inner .btn {width:70%;padding:20px 15% 0px;} +.pop-login-connect .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;} +.pop-login-connect .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-login-connect .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} +.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;} +.pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;} +.pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-login-password .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-login-password .inner .Text {} +.pop-login-password .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;} +.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;} +.pop-login-password .inner .First {padding:0px 60px 10px;} +.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;} +.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} +.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;} +.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;} +.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;} +.pop-login-password .inner .First .Btn button:hover {border:1px solid #4a7ba6;} +.pop-login-password .inner .First .Btn button:hover span {color:#222;} +.pop-login-password .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} +.pop-login-password .inner .btn-box .btn {width:auto;padding:10px 25px;} +.pop-login-password .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;} +.pop-login-password .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-login-password .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;} +.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-notice .Title {text-align:center;padding:30px 0px;} +.pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-notice .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-notice .inner .Text p {color:#666;font-size:13px;margin-bottom:50px;} +.pop-notice .inner .Text p span {color:#d47b1c;font-weight: 500;} +.pop-notice .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} +.pop-notice .inner .btn-box .btn {width:auto;padding:10px 25px;} +.pop-notice .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;} +.pop-notice .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-notice .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-member .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;} +.pop-member .inner .row {margin:0px 50px 0px;} +.pop-member .Title {text-align:center;padding:0px 0px 20px;text-align: left;} +.pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;} +.pop-member .Title p {font-size:14px;font-weight: 100; line-height:16px;color:#fff;} +.pop-member .inner .card {background:url(/images/icon/icon-member-pop.png) no-repeat center 60px #fff;border-radius: 8px;padding:30px;} +.pop-member .inner .card .title {text-align:center;padding:85px 0px 100px;} +.pop-member .inner .card .title .name {font-size:32px;font-weight: 500} +.pop-member .inner .card .title .date {font-size:16px;} +.pop-member .inner .card .code {display: inline-block;width:100%;} +.pop-member .inner .card .code .num {float:left;width:60%;margin-right:5%;} +.pop-member .inner .card .code .num .na {font-size:16px;color:#666;} +.pop-member .inner .card .code .num .co {font-size:24px;line-height:28px;font-weight: 600;color:#333;} +.pop-member .inner .card .code .num .pr {line-height:0;} +.pop-member .inner .card .code .num .pr progress {width:100%;border:0;height:5px;border-radius: 3px;} +.pop-member .inner .card .code .num .pr progress::-webkit-progress-bar {background: #ddd;border:0;border-radius: 5px;} +.pop-member .inner .card .code .num .pr progress::-webkit-progress-value {background: #427cae;border-radius: 5px;} +.pop-member .inner .card .code .num .ti {font-size:12px;color:#666;margin-top:10px;} +.pop-member .inner .card .code .num .ti .timer {color:#2e899c;margin-left:6px;} +.pop-member .inner .card .code .qr {float:left;width:35%;} +.pop-member .inner .card .code .qr img {width:100%;} +.pop-member .inner .rolling {margin-top:20px;} +.pop-member .inner .rolling p marquee {background: #0b2c57;color:#fff;font-size:10px;padding:2px 0px 3px;border-radius: 3px;} +.pop-member .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + + +/* 팝업 공통 */ +.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;} +.popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} +.popup .btn-wrap {padding-top: 20px;} +.popup .pop-wrap input[type="password"] { +box-sizing: border-box; +width: 100%; +padding: 0 20px 0 40px; +border: 1px solid #ddd; +border-radius: 2px; +line-height: 40px; +background: #fff url(/images/kccf/icon/icon-scr.png) no-repeat 20px center; +} + + +/* check style */ +.check {position: relative;} +.check input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } +.check input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; line-height: 22px;} +.check input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius : 2px;} +.check input[type="checkbox"]:focus + label, +.check input[type="checkbox"]:hover + label {color: #000;} +.check input[type="checkbox"]:focus + label:before, +.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;} +.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;} +.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:10px;right:0px;left:auto;} + +.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif; padding-left: 20px; line-height: 15px;} +.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0; width: 13px; height: 13px;} +.pop-advanced-search .check input[type="checkbox"]:focus + label, +.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;} +.pop-advanced-search .check input[type="checkbox"]:focus + label:before, +.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;} +.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1; font-weight: bold;} +.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px; border-color: #2781c1;} + + +/* BUTTON STYLE */ +.btn-wrap {text-align: center;} +.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: bold;margin-right: 6px;color: #999;} +.btn-black {background: #333;color: #fff;} +.btn-black:focus, +.btn-black:hover {background: #666;transition: background .3s ease;} +.btn-color {background: #376795;color: #fff;} +.btn-color:focus, +.btn-color:hover {background: #0061a6;transition: background .3s ease;} +.btn-green {background: #327f8f;color: #fff;} +.btn-green:focus, +.btn-green:hover {background: #1a6878;transition: background .3s ease;} +.btn-gray {background: #666;color: #fff;} +.btn-gray:focus, +.btn-gray:hover {background: #888;transition: background .3s ease;} +.btn-white {border: 1px solid #999;background: #fff;} +.btn-white:focus, +.btn-white:hover {color: #fff;background: #2781c1;border-color: #2781c1;transition: background .3s ease;} +.btn-view-original {width: 128px;height: 38px;color: #fff;background: #2781c1;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -19px;text-align: center;line-height: 38px;} + + +/* 상세검색 팝업 */ +.pop-advanced-search .pop-wrap {background: #f2f4f7;width: 90%;max-width: 1400px;height: 80%;overflow: hidden;border-radius: 8px;} +.pop-advanced-search .pop-wrap .Title {background: #3670a3;width:96%;padding:0px 2%;height:80px;line-height: 80px;} +.pop-advanced-search .pop-wrap .Title span {color:#fff;} +.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) {font-size:24px;font-weight:500;margin-right:10px;} +.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) {font-size:12px;font-weight:100;} +.pop-advanced-search .pop-wrap .Title span:nth-of-type(3) {position: absolute;right: 30px;top: 30px;} + +.pop-advanced-search .pop-wrap form {padding: 30px;height: calc(100% - 140px);overflow: auto;} +.pop-advanced-search .scroll-wrap {width:100%;height: calc(100% - 103px);overflow: auto;} +.advanced-form-table {border: 1px solid #ccc;border-bottom: none;border-radius: 4px;overflow: hidden;} +.advanced-form-table:after {content:"";display: block;clear: both;} +.advanced-form-table li {display: table;border-bottom: 1px solid #ccc;width:50%;float: left;min-height: 59px;} +.advanced-form-table li.fw {width:100%} +.advanced-form-table .row-control-num {width: 50%;} +.advanced-form-table .row-issued-year {width: 50%;} +.advanced-form-table .row-age {width: 50%;} +.advanced-form-table .row-times {width: 50%;} +.advanced-form-table .row-times .check {margin-right: 14px;width:11%;} +.advanced-form-table .row-class .check {margin-right: 14px;width:11%;} +.advanced-form-table .tit {display: table-cell;vertical-align: middle;width: 100px;background: #f4f4f4;padding: 10px 0px;box-sizing: border-box;word-spacing: 1.5em;text-align: center;font-size:14px;} +.advanced-form-table .input-area {display: table-cell;vertical-align: middle;padding: 10px 20px;background: #fff;box-sizing: border-box;height: 60px;} +.advanced-form-table .input-area input {display: block;float: left;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;border-radius: 3px;width: 100%;height:38px;height:38px;} +.advanced-form-table .input-area input:focus, +.advanced-form-table .input-area input:hover {border-color: #2781c1;transition: border .3s ease;color: #000;} +.advanced-form-table .row-keyword-detail input {width: calc(100% - 0px);margin-right: 15px;} +.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;} +.advanced-form-table .row-issued-year input {width: calc(50% - 16px);} +.advanced-form-table .row-age input {width: calc(50% - 16px);} +.advanced-form-table .input-area .tilde {display: block;float: left;line-height: 38px;color: #999;margin: 0 11px;} +.advanced-form-table .check {display: inline-block;} + +.pop-advanced-search .conditions-wrap {margin-top: 20px;padding-bottom: 10px;} +.pop-advanced-search .conditions-title {position: static;width: auto;height: auto;line-height: 1;font-size: 18px;font-weight: 800;visibility: visible;margin-bottom: 10px;} +.conditions-wrap .selected-conditions {border: 1px solid #ccc;background: #fff;border-bottom: none;padding: 15px 10px;border-radius: 4px 4px 0 0;} +.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;} +.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;} +.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;} +.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;} +.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);} +.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;} +.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;} +.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;} +.conditions-wrap .selected-conditions .conditions li button:hover, +.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;} +.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;} +.pop-advanced-search .line:after {content: "";display: block;clear: both;} +.pop-advanced-search .depth1 {float: left;width: 16.666%;} +.pop-advanced-search .depth2 {display: none;} +.pop-advanced-search .conditions-subject .depth1 {width: 11.111%;} +.pop-advanced-search .conditions-story .depth1 {width: 25%;} +.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;} + +.pop-advanced-search .conditions-wrap .depth1 {text-align: center;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 50px;background: #f4f4f4;color: #666;} +.pop-advanced-search .conditions-wrap .depth1.on {background: #fff;border-bottom: none;} +.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;} +.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;} +.pop-advanced-search .tab-name {background: transparent;width: 100%;height: 50px;} +.pop-advanced-search .tab-name:hover, +.pop-advanced-search .tab-name:focus {color: #2781c1;} +.pop-advanced-search .conditions-wrap .line {position: relative;} +.pop-advanced-search .conditions-wrap .line:after {content: "";display: block;clear: both;} +.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left;border-right: 1px solid #ddd;} +.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none;background: #fff;position: absolute;width: 100%;z-index: 5;top: 50px;left: 0;border-bottom: 1px solid #ddd;padding: 20px;box-sizing: border-box;text-align: left;} +.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block;width: 14.285%;margin-right: -4px;line-height: 34px;} +.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;} +.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;} + +.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} +.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} +.pop-advanced-search .check input[type="checkbox"]:focus + label, +.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;} +.pop-advanced-search .check input[type="checkbox"]:focus + label:before, +.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;} +.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;} +.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;} + +.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px;overflow: hidden;width: 30px;height: 48px;position: absolute;right: 0;padding: 0;} +.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none;width: 33px;height: 33px;} +.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;} + + +.location {width:100%;} +.location .inner .row-top {width:100%;height:auto;padding:40px 0px 40px;margin-bottom:60px;background: #fcfcfc;border-bottom:1px solid #ddd;position: relative;} +.location .inner .row-top .location-box .loc li {display: inline;position: relative;padding:0px 10px;font-size:12px;color:#919191;} +.location .inner .row-top .location-box .loc li.on {color:#222;font-weight: 500;} +.location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;} +.location .inner .row-top .location-box .loc li:last-child::before {display:none;} +.location .inner .row-top .location-box .tit li {font-size:36px;color:#222;font-weight: 500} +.location .inner .row-top .location-box .tit li span {color:#376795;} +.location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;} +.location .inner .row-top .arr img {vertical-align: middle;} + +.join {width:100%} +.join .inner .row-bottom {width:800px;margin:0 auto;} +.join .inner .row-bottom .join-box {padding-bottom:200px;} +.join .inner .row-bottom .join-box .step {width:100%;display: inline-block;padding:0px 0px 60px;} +.join .inner .row-bottom .join-box .step > div {border:1px solid #ddd;float:left;width:33.0%;height:60px;padding:0px 0px;position: relative;} +.join .inner .row-bottom .join-box .step > div .icon {display: inline-block;background: #f5f5f5;border-radius:50%;margin:10px 10px 0px 0px;} +.join .inner .row-bottom .join-box .step > div .icon img {vertical-align: bottom;} +.join .inner .row-bottom .join-box .step > div .text {display: inline-block;} +.join .inner .row-bottom .join-box .step > div .text p:nth-child(1) {font-size:12px;color:#666;} +.join .inner .row-bottom .join-box .step > div .text p:nth-child(2) {font-size:14px;color:#666;font-weight: 400;} +.join .inner .row-bottom .join-box .step > div::before {content:'';position:absolute;top:calc(50% - 8px);right:calc(0% - 8px);display:inline-block;background: #fff;width:14px;height:14px;border-radius:3px;z-index: 1;border-top:1px solid #ddd;border-right:1px solid #ddd; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg); +} +.join .inner .row-bottom .join-box .step > div:last-child::before {display:none;} +.join .inner .row-bottom .join-box .step > div.on {background: #0b2c57;} +.join .inner .row-bottom .join-box .step > div.on .icon {background: #fff;} +.join .inner .row-bottom .join-box .step > div.on .text p {color:#fff;} +.join .inner .row-bottom .join-box .step > div.on::before {background: #0b2c57;border-top:1px solid #0b2c57;border-right:1px solid #0b2c57;} +.join .inner .row-bottom .join-box .login {width:300px;margin:0 auto;} +.join .inner .row-bottom .login .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;} +.join .inner .row-bottom .login .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;border:1px solid #03c65a;} +.join .inner .row-bottom .login .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;border:1px solid #fee500;} +.join .inner .row-bottom .login .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;} +.join .inner .row-bottom .login .Btn.Naver button {color:#fff;} +.join .inner .row-bottom .login .Btn.Kakao button {color:#111;} +.join .inner .row-bottom .login .Btn.Google button {color:#111;} +.join .inner .row-bottom .login .Btn button {font-size: 15px;font-weight: 600;height: 47px;line-height: 47px;width: 100%;display: inline-block;} + +.join .inner .row-bottom .join-box .privacy-box {width:100%;} +.join .inner .row-bottom .join-box .privacy-box > div {margin-bottom:40px;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-1 {display: inline-block;width:100%;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .title {float: left;font-size:18px;font-weight: 500;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk {float: right;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk input {margin-right:5px;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk label {font-size:12px;} +.join .inner .row-bottom .join-box .privacy-box > div > .con-2 .textarea {font-size:12px;text-align: left;width:96%;height:140px;padding:3% 2%;border: 1px solid #ddd;border-radius: 5px;} + +.join .inner .row-bottom .join-box .form-container {width:100%;text-align: left;} +.join .inner .row-bottom .join-box .form-container h2 {border-bottom:1px solid #333;font-size: 18px;font-weight: 600;margin:50px 0px 0px;padding-bottom:10px;} +.join .inner .row-bottom .join-box .form-group {display: inline-block;width:100%;padding:20px 0px 15px;border-bottom:1px solid #ddd;} +.join .inner .row-bottom .join-box .form-group label {float:left;width:20%;height:36px;line-height: 36px;font-size:14px;font-weight: 400;color:#333;} +.join .inner .row-bottom .join-box .form-group .con {float:left;width:80%;} +.join .inner .row-bottom .join-box .form-group .con input, +.join .inner .row-bottom .join-box .form-group .con select {height:36px;line-height:36px;padding:0px 2%;border:1px solid #ddd;border-radius:3px;width:60%;} +.join .inner .row-bottom .join-box .form-group .con input[type="checkbox"] + label {width:auto;height: auto;line-height: inherit;vertical-align: middle;} +.join .inner .row-bottom .join-box .form-group .con .chk {height:36px;line-height: 36px;display: inline-block;margin-right:30px;} +.join .inner .row-bottom .join-box .form-group .con .chk input {vertical-align: middle;} +.join .inner .row-bottom .join-box .form-group .con .chk input[type="checkbox"] + label:before {top:11px;} +.join .inner .row-bottom .join-box .form-group .con select {width:16%;display: inline-block;margin-left:15px;} +.join .inner .row-bottom .join-box .form-group .con select:first-child {margin-left:0;} +.join .inner .row-bottom .join-box .form-group .con .mobile1, +.join .inner .row-bottom .join-box .form-group .con .mobile2, +.join .inner .row-bottom .join-box .form-group .con .mobile3 {width:11%;} +.join .inner .row-bottom .join-box .form-group .con .email1 {width:45.5%;} +.join .inner .row-bottom .join-box .form-group .con .cer {width:45.5%;background:#f9f9f9;position: relative;} +.join .inner .row-bottom .join-box .form-group .con .row {position: relative;} +.join .inner .row-bottom .join-box .form-group .con .addr1 {width:45.5%;} +.join .inner .row-bottom .join-box .form-group .con .addr2 {} +.join .inner .row-bottom .join-box .form-group .con button {width:90px;height:37px;line-height:37px;border-radius:3px;margin-bottom:5px;} +.join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;} + +.join .inner .row-bottom .join-box .form-group .con span.text {font-size:12px;display: block;width:64%;color:#2e899c;font-weight: 400;} +.join .inner .row-bottom .join-box .form-group .con .form-control {margin-bottom:5px;} +.join .inner .row-bottom .join-box .form-group.service .left {display: inline-block;} +.join .inner .row-bottom .join-box .form-group.service .left label {width:auto;} +.join .inner .row-bottom .join-box .form-group.service .left .chk input[type="checkbox"] + label:before {top:11px;} +.join .inner .row-bottom .join-box .form-group.service .right {display: inline-block;float:right;width:210px;text-align:right;} +.join .inner .row-bottom .join-box .form-group.service .right label {width:auto;margin-left:30px;} +.join .inner .row-bottom .join-box .form-group.service .right .chk input[type="checkbox"] + label:before {top:11px;} + +.join .inner .row-bottom .join-box .form-group.service p.bg {clear: both;background:#f4f4f4;padding:12px 15px;font-size:12px;font-weight:400;color:#333;} +.join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) {color:#2e899c;margin-top:5px;font-weight: 400;font-size:12px;} +.join .inner .row-bottom .join-box .form-group:nth-of-type(9) {border-bottom:0;} +.join .inner .row-bottom .join-box .btn-box {text-align:center;margin:30px 0px;} +.join .inner .row-bottom .join-box .form-group .con input::placeholder, +.join .inner .row-bottom .join-box .form-group .con select::placeholder {font-size:14px;color:#919191;} +.join .inner .row-bottom .join-box .form-group .con span.suc {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:#3f8f4a;display:none;} +.join .inner .row-bottom .join-box .form-group.form-group.Usermobile .con span.suc {color:#3f8f4a;} +.join .inner .row-bottom .join-box .form-group.form-group.Useremail .con span.suc {color:#3f8f4a;} +.join .inner .row-bottom .join-box .form-group .con .row .chk-suc {display: inline-block;width:15px;height:15px;position: absolute;top:10px;right:330px;background: url(/images/icon/icon-checked-tab.png) no-repeat center;background-size: 15px;z-index: 99;display: none;} +.join .inner .row-bottom .join-box .form-group.Usermobile .con .row .timer {display: inline-block;width:15px;height:15px;position: absolute;top:8px;right:350px;z-index: 99;color:red;display:none;} +.join .inner .row-bottom .join-box .form-group .con span.fail {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:orange;display: none;} + + +.chk {position: relative;} +.chk input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } +.chk input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; line-height: 22px;} +.chk input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius : 2px;} +.chk input[type="checkbox"]:focus + label, +.chk input[type="checkbox"]:hover + label {color: #000;} +.chk input[type="checkbox"]:focus + label:before, +.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;} +.chk input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;} + +.chk input[type="checkbox"] + label {font: 12px;padding-left: 20px;line-height: 15px;} +.chk input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} +.chk input[type="checkbox"]:focus + label, +.chk input[type="checkbox"]:hover + label {color: #000;} +.chk input[type="checkbox"]:focus + label:before, +.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;} +.chk input[type="checkbox"]:checked + label {color: #2781c1;} +.chk input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;} + + +.join.succ .inner .row-top {background: none;border:0;padding:60px 0px 40px;} +.join.succ .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:32px;font-weight:200;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#d47b1c;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3){color:#333;font-size:16px;font-weight:400;margin-bottom:5px;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) span {color:#376795;font-weight:500;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4){color:#777;font-size:14px;font-weight:400;margin-bottom:40px;} +.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span {font-weight:500;} + +.join.succ .inner .row-bottom .join-box .success .box {background: #0b2c57;padding:30px 0px;position: relative;} +.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:18px;color:#fff;font-weight: 500;margin-bottom: 15px;} +.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;} +.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) span {color:#d47b1c;font-weight: 500;} +.join.succ .inner .row-bottom .join-box .success .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 1; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg); +} +.join.succ .inner .row-bottom .join-box .success .btn {margin:50px 0px;display:inline-block;width:100%;} +.join.succ .inner .row-bottom .join-box .success .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;} + + +.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;} +.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;} +.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:16px;font-weight:400;margin-bottom:40px;} +.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#376795;font-weight:500;} +.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;} +.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) span {color:#d47b1c;font-weight: 500;} + + +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) {color:#333;font-size:22px;font-weight:400;margin-bottom:40px;} +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;} +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) {} +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button {background:#0b2c57;border:1px solid #ddd;border-radius:3px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span {font-size:16px;color:#fff;font-weight: 500;} +.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span:nth-of-type(1) {border-right:1px solid #777;margin-right:10px;padding-right:10px;} +.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;} +.join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;} +.join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;} +.join.connect .inner .row-bottom .join-box .success .box .text {float:left;} +.join.connect .inner .row-bottom .join-box .success .box .icon img {background: #ffeb00;padding:8px;border-radius: 50%;max-width:16px;margin-top:7px;} +.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;} +.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;} +.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;} +.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span:nth-of-type(1) {height:15px;line-height:15px;display:inline-block;border-right:1px solid #ddd;margin-right:10px;padding-right:10px;} + + +.greeting .inner .row-bottom {} +.greeting .inner .row-bottom .greeting-box {width:1400px;margin:0 auto;} +.greeting .inner .row-bottom .greeting-box .top-banner {background: url(/images/img/img-greeting-bg.jpg) no-repeat;width:100%;height: 265px;background-size: cover;} +.greeting .inner .row-bottom .greeting-box .top-banner p {font-size:22px;color:#fff;font-weight: 100;padding-top:60px;} +.greeting .inner .row-bottom .greeting-box .gree {width:1100px;margin:0 auto;background: url(/images/img/img-greeting-bg2.jpg) no-repeat top right #fff;position: relative;top:-80px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display:inline-block;padding:70px 50px;} +.greeting .inner .row-bottom .greeting-box .gree .left {float:left;width:15%;margin-right:5%;text-align: center;} +.greeting .inner .row-bottom .greeting-box .gree .left p.text {margin-top:20px;font-size:16px;font-family:serif;color:#444;} +.greeting .inner .row-bottom .greeting-box .gree .left p.text strong {letter-spacing: 4px;font-size:18px;font-weight: bold;padding-top:8px;display: inline-block;} +.greeting .inner .row-bottom .greeting-box .gree .right {float:left;width:80%;text-align: left;} +.greeting .inner .row-bottom .greeting-box .gree .right h3 {font-size:24px;margin-bottom:40px;font-family:serif;font-weight: 900;color:#444;} +.greeting .inner .row-bottom .greeting-box .gree .right p {font-size:16px;line-height:28px;} + + +.guide .inner .row-bottom {} +.guide .inner .row-bottom .guide-box {width:1400px;margin:0 auto;} +.guide .inner .row-bottom .guide-box .banner {width:100%;height: 480px;margin-bottom: 80px;} +.guide .inner .row-bottom .guide-box .banner .left {float: left;text-align: left;width:340px;height:320px;padding:80px;background: url(/images/img/img-guide-bg.jpg) no-repeat;} +.guide .inner .row-bottom .guide-box .banner .right {float: left;width:800px;height:380px;padding:50px;background: #3e404a;} +.guide .inner .row-bottom .guide-box .banner .left .top {border-bottom: 1px solid #555;padding-bottom:30px;margin-bottom:30px;} +.guide .inner .row-bottom .guide-box .banner .left .top p {color:#fff;} +.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) {font-size:20px;margin-bottom:25px;} +.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) {color:#f0a233;font-size:48px;font-weight:500;position: relative;} +.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span {font-size: 14px;color:#fff;position: absolute;top:-6px;font-weight: 200;} +.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) {font-size:16px;font-weight: 100;} +.guide .inner .row-bottom .guide-box .banner .left .bottom p {color:#fff;} +.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) {font-size:20px;margin-bottom:15px;} +.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) {color:#fff;font-size:24px;font-weight:500;} +.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) span {color:#f0a233;font-weight: 500;} +.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) {font-size:16px;font-weight: 100;} +.guide .inner .row-bottom .guide-box .banner .right .list-box {text-align: left;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li {display: inline-block;margin: 25px 0px;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num {float:left;width:10%;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span {display:inline-block;color:#fff;font-size:32px;font-style: italic;width:60px;height:60px;line-height: 60px; border-radius: 50%;background:#ccc;text-align: center;text-indent: -4px;font-weight: 500;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(1) .num span {background: #f0a233;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(2) .num span {background: #45a1b0;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(3) .num span {background: #4a7ba6;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text {float:left;width:90%;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) {font-size: 20px;color:#fff;font-weight: 400;margin-bottom:5px;} +.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) {font-size: 15px;color:#fff;font-weight: 100;} +.guide .inner .row-bottom .guide-box .info-box .info-sec {margin-bottom: 80px;text-align: left;} +.guide .inner .row-bottom .guide-box .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;} +.guide .inner .row-bottom .guide-box .info-box .info-sec h3 span {color:#376795;} +.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;} +.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p {font-size:16px;line-height: 26px;} +.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 500;margin-bottom:5px;position: relative;} +.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;} +.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;} + + +.map .inner .row-bottom:nth-of-type(2) {border-bottom:1px solid #ddd;padding-bottom: 80px;margin-bottom:80px;} +.map .inner .row-bottom .map-box {width:1400px;margin:0 auto;} +.map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;} +.map .inner .row-bottom .map-box h2 span {color:#376795;} +.map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;} +.map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;} +.map .inner .row-bottom .map-box .info > div:last-child {border-right:0;} +.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;} +.map .inner .row-bottom .map-box .info > div.addr p:nth-of-type(1) {background: #f0a233;} +.map .inner .row-bottom .map-box .info > div.time p:nth-of-type(1) {background: #45a1b0;} +.map .inner .row-bottom .map-box .info > div.tel p:nth-of-type(1) {background: #4a7ba6;} +.map .inner .row-bottom .map-box .info > div.fax p:nth-of-type(1) {background: #beb9a5;} +.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img {vertical-align: middle;} +.map .inner .row-bottom .map-box .info > div p:nth-of-type(2) {font-size:20px;font-weight: 500;margin-bottom:10px;} +.map .inner .row-bottom .map-box .info > div p:nth-of-type(3) {font-size:15px;margin-bottom: 5px;} +.map .inner .row-bottom .map-box .info > div p:nth-of-type(4) {font-size:13px;color:#666;} +.map .inner .row-bottom .map-box .info .mapimg {width:100%;height:440px;padding:0;margin-right:0;border-bottom:1px solid #ddd;} +.map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;} +.map .inner .row-bottom .info-box {width:1400px;margin:0 auto;} +.map .inner .row-bottom .info-box .info-sec {margin-bottom: 80px;text-align: left;} +.map .inner .row-bottom .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;} +.map .inner .row-bottom .info-box .info-sec h3 span {color:#376795;} +.map .inner .row-bottom .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;} +.map .inner .row-bottom .info-box .info-sec .text-box > div {font-size:16px;line-height: 26px;} +.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 200;margin-bottom:5px;position: relative;} +.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;} +.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;} +.map .inner .row-bottom .info-box .info-sec .text-box > div.box {background: #f5f7fa;padding:15px 40px;margin-top:15px;} +.map .inner .row-bottom .info-box .info-sec .text-box > div.box p {text-indent: -18px;font-weight: 500;} +.map .inner .row-bottom .info-box .info-sec .text-box > div p {text-indent: -18px;font-weight: 500;} +.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p {display: inline-block;width:100%;height:15px;font-weight: 200;margin-bottom:5px;position: relative;text-indent: 0;} +.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;} +.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1) {font-weight: 500;text-indent: -18px;} +.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1)::before {display: none;} + + +.cart .inner .tab {position: relative;width:1400px;margin:0 auto;} +.cart .inner .tabs {position: relative;width: 100%;text-align:left;} +.cart .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;} +.cart .inner .tabs li:last-child {margin-right:0;} +.cart .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0; +-webkit-transition: all 0.1s ease-in-out; +-moz-transition: all 0.1s ease-in-out; +-o-transition: all 0.1s ease-in-out; +transition: all 0.1s ease-in-out; +} +.cart .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.cart .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg);} +.cart .inner .tab_content {display:inline-block;background: #fff;width:100%;} +.cart .inner .tabs_item {display: none;padding: 10px 0;} +.cart .inner .tabs_item:first-child {display: block;} +.cart .inner .tabs_item .list-cart-wrap {text-align: left;margin-bottom: 50px;} +.cart .inner .tabs_item .list-cart-wrap h3 {font-size:18px;margin:20px 0px 10px;} +.cart .inner .tabs_item .list-cart-wrap h3 input {margin:0px 8px 3px 0px;vertical-align: middle;} +.cart .inner .tabs_item .list-cart-wrap h3 span.count {color:#d47b1c;} +.cart .inner .tabs_item .list-cart-wrap .list-cart {clear: both;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list {display:inline-block;padding: 20px 0px;width:100%;height:90px;border-bottom:1px solid #ddd;vertical-align: top;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:4%;line-height:90px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data {width:48%;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {width:12%;padding: 33px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:12%;padding: 33px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:12%;padding: 33px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:12%;padding: 33px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:12%;padding: 16px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div {float:left;text-align: left;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img {width:auto;padding:0% 40px;margin-right:2%;position: relative;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.online {background:#376795;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.loan {background:#b68946;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.visit {background:#2b8b99;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.poss {color:#3f8f4a;font-weight: 400;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.imposs {color:#c11c35;font-weight: 400;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites .on {display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .off {display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;} + +.cart .inner .tabs_item .btn-box {display:inline-block;width:100%;margin-bottom:80px;} +.cart .inner .tabs_item .btn-box .left {float:left;} +.cart .inner .tabs_item .btn-box .right {float:right;} + + +.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data {width:76%;} +.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-date {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state p:nth-child(1) {margin-top:0px;} +.cart .inner .tabs_item .list-cart-wrap.visit p.text {text-align: left;font-size:14px;color:#666;margin-top:10px;} +.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data > div.img {padding:0px 40px;} +.cart .inner .tabs_item .v-date-box {padding:30px 0px;border-top:1px solid #333;border-bottom:1px solid #ddd;margin-bottom:10px;} +.cart .inner .tabs_item .v-date-box h3 {font-size:24px;margin-bottom:15px;} +.cart .inner .tabs_item .v-date-box .v-date select {padding:0px 10px;width:130px;height:40px;border:1px solid #ddd;} +.cart .inner .tabs_item .v-date-box .v-date span {margin:0px 10px 0px 5px;} +.cart .inner .tabs_item .text {text-align: left;color:#2e899c;font-size:14px;font-weight: 400;} +.cart .inner .tabs_item .btn-wrap {margin:40px 0px 80px;} + + +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:48%;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-date {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-loan {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-reser {width:12%;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit {width:16%;line-height: normal;margin-top:15px;} +.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list.t-tit-line > div.t-visit {margin-top:0;} + + +.cart .inner .tabs_item .total-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;} +.cart .inner .tabs_item .total-box .row-top {background: #295580;height:50px;line-height:50px;padding:0;margin-bottom:0;} +.cart .inner .tabs_item .total-box .row-top > div {float:left;width:33.3%;height:50px;line-height:50px;color:#fff;font-size:12px;} +.cart .inner .tabs_item .total-box .row-bottom {height:50px;line-height:50px;padding:20px 8%;;} +.cart .inner .tabs_item .total-box .row-bottom > div {float:left;width:20%;font-size:14px;} +.cart .inner .tabs_item .total-box .row-bottom > div strong {font-size:36px;padding:0px 5px;} +.cart .inner .tabs_item .total-box .row-bottom > div.t-total strong {color:#d47b1c;} + + +.cart .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:52%;} +.cart .inner .tabs_item .list-cart-wrap.complete.com2 .list-cart div.list > div.t-data {width:64%;} + +.cart .inner .tabs_item .compl-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;padding: 25px 0px;} +.cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;} +.cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;} +.cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;} + + + + + + +.data .inner .row-bottom {position: relative;width:1400px;margin:0 auto;} +.article-side {float: left;width:320px;margin-right:40px;} +.localculture-box {float: left;width:1040px;} + +.filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;} + + + +.data .inner .tab {position: relative;} +.data .inner .tabs {position: relative;width: 100%;text-align:left;} +.data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;} +.data .inner .tabs li:last-child {margin-right:0;} +.data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0; +-webkit-transition: all 0.1s ease-in-out; +-moz-transition: all 0.1s ease-in-out; +-o-transition: all 0.1s ease-in-out; +transition: all 0.1s ease-in-out; +} +.data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9; +-webkit-transform: rotate(45deg); +-moz-transform: rotate(45deg); +-o-transform: rotate(45deg); +transform: rotate(45deg);} +.data .inner .tab_content {display:inline-block;background: #fff;width:100%;} +.data .inner .tabs_item {display: none;padding: 10px 0;} +.data .inner .tabs_item:first-child {display: block;} + +.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-block;padding: 20px 0px;width:100%;height:90px;border-bottom:1px solid #ddd;vertical-align: top;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data {width:85%;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 33px 0px;} + +.data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} +.data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;padding:0% 40px;margin-right:2%;position: relative;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;} + +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;} + + + + + + + + + +.paging {text-align: center; padding: 40px 0 0;} +.paging li {font-size: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; min-width: 30px; height: 30px; text-align: center; line-height: 30px;} +.paging .btn {width: 30px;} +.paging li a {display: block; font-size: 16px; letter-spacing: -.05em;} +.paging li.on {color: #2781c1;} +.paging li.on a {text-decoration: underline;} +.paging .btn {overflow: hidden; text-indent: -9999px; border: 1px solid #dedede; margin-right: 5px; background-position: center; background-repeat: no-repeat;} +.paging .btn-next {margin-left: 15px; background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-next.png);} +.paging .btn-prev {margin-right: 15px; background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-prev.png);} +.paging .btn-first {background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-first.png);} +.paging .btn-last {background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-last.png);} + + + + + + + + +/* 1400px 이하 */ +@media all and (max-width:1400px) { + +} + +/* 789px 이하 */ +@media all and (max-width:789px) { + +} + +/* 389px 이하 */ +@media all and (max-width: 369px) { + +} + + + + + + diff --git a/src/main/webapp/css/jquery.mCustomScrollbar.css b/src/main/webapp/css/jquery.mCustomScrollbar.css new file mode 100644 index 00000000..45152c1b --- /dev/null +++ b/src/main/webapp/css/jquery.mCustomScrollbar.css @@ -0,0 +1,1267 @@ +/* +== malihu jquery custom scrollbar plugin == +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +*/ + + + +/* +CONTENTS: + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. +*/ + + + +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } + .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } + + .mCustomScrollBox{ /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; + } + + .mCSB_container{ /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_inside > .mCSB_container{ margin-right: 30px; } + + .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ + + .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; + } + + .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; + } + + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ + + .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; + } + + .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } + + .mCSB_scrollTools .mCSB_draggerRail{ + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + } + + .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; /* minimum dragger height */ + z-index: 1; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + text-align: center; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown{ + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_horizontal.mCSB_inside > .mCSB_container{ + margin-right: 0; + margin-bottom: 30px; + } + + .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } + + .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; + } + + .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 2px; + margin: 7px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ + width: 30px; /* minimum dragger width */ + height: 100%; + left: 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; /* auto-expanded scrollbar */ + margin: 2px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 8px; /* auto-expanded scrollbar */ + margin: 4px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_container_wrapper{ + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; + } + + .mCSB_container_wrapper > .mCSB_container{ + padding-right: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } + + /* non-visible horizontal scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } + + /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } + + /* non-visible scrollbar/RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } + + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } + + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ + margin-right: 0; /* non-visible scrollbar */ + margin-left: 0; + } + + /* non-visible horizontal scrollbar */ + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_scrollTools, + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ + + /* + ---------------------------------------- + 6.1 THEMES + ---------------------------------------- + */ + + /* default theme ("light") */ + + .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } + + .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollBox:hover > .mCSB_scrollTools, + .mCustomScrollBox:hover ~ .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } + + .mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.4); + filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.75); + filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; + } + + .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.85); + filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; + } + .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.9); + filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; + } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + background-image: url(mCSB_buttons.png); /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_buttonUp{ + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ + } + + .mCSB_scrollTools .mCSB_buttonDown{ + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ + } + + .mCSB_scrollTools .mCSB_buttonLeft{ + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ + } + + .mCSB_scrollTools .mCSB_buttonRight{ + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ + } + + .mCSB_scrollTools .mCSB_buttonUp:hover, + .mCSB_scrollTools .mCSB_buttonDown:hover, + .mCSB_scrollTools .mCSB_buttonLeft:hover, + .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCSB_scrollTools .mCSB_buttonUp:active, + .mCSB_scrollTools .mCSB_buttonDown:active, + .mCSB_scrollTools .mCSB_buttonLeft:active, + .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } + + + /* theme: "dark" */ + + .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-2", "dark-2" */ + + .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } + + + /* theme: "dark-2" */ + + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thick", "dark-thick" */ + + .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 4px; + margin: 6px 0; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 6px; + margin: 5px auto; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } + + + /* theme: "dark-thick" */ + + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thin", "dark-thin" */ + + .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } + + .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 2px; + margin: 7px auto; + } + + + /* theme "dark-thin" */ + + .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 14px; + margin: 0 1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 14px; + margin: 1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + width: 16px; /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 16px; /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 4px; /* auto-expanded scrollbar */ + margin: 6px 0; + } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } + + + /* theme "rounded-dark", "rounded-dots-dark" */ + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } + + + /* theme "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + background-color: transparent; + background-position: center; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } + + + /* theme "rounded-dots-dark" */ + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); + } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + + /* theme "3d", "3d-dark" */ + + .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } + + .mCS-3d.mCSB_scrollTools, + .mCS-3d-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 8px; + background-color: #000; background-color: rgba(0,0,0,0.2); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 8px; + margin: 4px auto; + } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "3d-dark" */ + + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); + } + + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "3d-thick", "3d-thick-dark" */ + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools, + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } + + .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } + + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } + + .mCS-3d-thick.mCSB_scrollTools_horizontal, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; + width: auto; + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #000; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme: "3d-thick-dark" */ + + .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #fff; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "minimal", "minimal-dark" */ + + .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + right: 0; + margin: 12px 0; + } + + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + bottom: 0; + margin: 0 12px; + } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + left: 0; + right: auto; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } + + .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + + /* theme: "minimal-dark" */ + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + /* ---------------------------------------- */ + + + + /* theme "light-3", "dark-3" */ + + .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ + width: 6px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } + + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 6px; + margin: 5px 0; + } + + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + width: 12px; + } + + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 12px; + margin: 2px 0; + } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "dark-3" */ + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ + + .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 12px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 12px; + margin: 2px 0; + } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + + /* theme "inset-2", "inset-2-dark" */ + + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255,255,255,0.2); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } + + + /* theme "inset-3", "inset-3-dark" */ + + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + /* ---------------------------------------- */ diff --git a/src/main/webapp/css/swiper.min.css b/src/main/webapp/css/swiper.min.css new file mode 100644 index 00000000..ec50b4c9 --- /dev/null +++ b/src/main/webapp/css/swiper.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 7.0.8 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2021 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: October 4, 2021 + */ + +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/src/main/webapp/dormant.html b/src/main/webapp/dormant.html new file mode 100644 index 00000000..9f4b9183 --- /dev/null +++ b/src/main/webapp/dormant.html @@ -0,0 +1,445 @@ + + + + + + + +소장자료관 - 휴면계정 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

휴면계정 섹션영역

+
+
+
자물쇠 아이콘
+

휴면계정 안내

+
+
+
+
+
+

회원님의 계정은 현재 휴면 상태입니다.
서비스 이용을 원하신다면 지금 바로 휴면을 해제하세요!

+

회원님의 정보를 안전하게 보호하기 위하여 (기간)동안 이용내역이 없는 경우
휴면 상태로 계정을 전환하여 보관하는 정책을 실시하고 있습니다.

+
+
+

휴면 상태의 회원의 경우 서비스 이용이 제한되며,
[휴면해제] 버튼을 통해 휴면해제 가능합니다.

+
+
+ 취소 + 휴면해제 +
+
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/fonts/NanumSquareRoundB.eot b/src/main/webapp/fonts/NanumSquareRoundB.eot new file mode 100644 index 00000000..6fb3d9f7 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundB.eot differ diff --git a/src/main/webapp/fonts/NanumSquareRoundB.ttf b/src/main/webapp/fonts/NanumSquareRoundB.ttf new file mode 100644 index 00000000..066ec9f0 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundB.ttf differ diff --git a/src/main/webapp/fonts/NanumSquareRoundB.woff b/src/main/webapp/fonts/NanumSquareRoundB.woff new file mode 100644 index 00000000..e25f1424 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundB.woff differ diff --git a/src/main/webapp/fonts/NanumSquareRoundB.woff2 b/src/main/webapp/fonts/NanumSquareRoundB.woff2 new file mode 100644 index 00000000..ff128afb Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundB.woff2 differ diff --git a/src/main/webapp/fonts/NanumSquareRoundEB.eot b/src/main/webapp/fonts/NanumSquareRoundEB.eot new file mode 100644 index 00000000..316c543b Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundEB.eot differ diff --git a/src/main/webapp/fonts/NanumSquareRoundEB.ttf b/src/main/webapp/fonts/NanumSquareRoundEB.ttf new file mode 100644 index 00000000..f9b1feb9 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundEB.ttf differ diff --git a/src/main/webapp/fonts/NanumSquareRoundEB.woff b/src/main/webapp/fonts/NanumSquareRoundEB.woff new file mode 100644 index 00000000..a74f3934 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundEB.woff differ diff --git a/src/main/webapp/fonts/NanumSquareRoundEB.woff2 b/src/main/webapp/fonts/NanumSquareRoundEB.woff2 new file mode 100644 index 00000000..ec65c74d Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundEB.woff2 differ diff --git a/src/main/webapp/fonts/NanumSquareRoundL.eot b/src/main/webapp/fonts/NanumSquareRoundL.eot new file mode 100644 index 00000000..11533bdc Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundL.eot differ diff --git a/src/main/webapp/fonts/NanumSquareRoundL.ttf b/src/main/webapp/fonts/NanumSquareRoundL.ttf new file mode 100644 index 00000000..2dc300be Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundL.ttf differ diff --git a/src/main/webapp/fonts/NanumSquareRoundL.woff b/src/main/webapp/fonts/NanumSquareRoundL.woff new file mode 100644 index 00000000..c8ee2a3c Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundL.woff differ diff --git a/src/main/webapp/fonts/NanumSquareRoundL.woff2 b/src/main/webapp/fonts/NanumSquareRoundL.woff2 new file mode 100644 index 00000000..85b9ca96 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundL.woff2 differ diff --git a/src/main/webapp/fonts/NanumSquareRoundR.eot b/src/main/webapp/fonts/NanumSquareRoundR.eot new file mode 100644 index 00000000..a14af8a4 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundR.eot differ diff --git a/src/main/webapp/fonts/NanumSquareRoundR.ttf b/src/main/webapp/fonts/NanumSquareRoundR.ttf new file mode 100644 index 00000000..c8d0c4f0 Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundR.ttf differ diff --git a/src/main/webapp/fonts/NanumSquareRoundR.woff b/src/main/webapp/fonts/NanumSquareRoundR.woff new file mode 100644 index 00000000..b9b500ae Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundR.woff differ diff --git a/src/main/webapp/fonts/NanumSquareRoundR.woff2 b/src/main/webapp/fonts/NanumSquareRoundR.woff2 new file mode 100644 index 00000000..ff450dfa Binary files /dev/null and b/src/main/webapp/fonts/NanumSquareRoundR.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Black.eot b/src/main/webapp/fonts/NotoSans-Black.eot new file mode 100644 index 00000000..7c274d92 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Black.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Black.otf b/src/main/webapp/fonts/NotoSans-Black.otf new file mode 100644 index 00000000..ee8f9db8 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Black.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Black.woff b/src/main/webapp/fonts/NotoSans-Black.woff new file mode 100644 index 00000000..0cb85829 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Black.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Black.woff2 b/src/main/webapp/fonts/NotoSans-Black.woff2 new file mode 100644 index 00000000..288a5841 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Black.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Bold.eot b/src/main/webapp/fonts/NotoSans-Bold.eot new file mode 100644 index 00000000..a3a402a4 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Bold.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Bold.otf b/src/main/webapp/fonts/NotoSans-Bold.otf new file mode 100644 index 00000000..936a25d5 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Bold.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Bold.woff b/src/main/webapp/fonts/NotoSans-Bold.woff new file mode 100644 index 00000000..5c994eec Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Bold.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Bold.woff2 b/src/main/webapp/fonts/NotoSans-Bold.woff2 new file mode 100644 index 00000000..8075f86c Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Bold.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-DemiLight.eot b/src/main/webapp/fonts/NotoSans-DemiLight.eot new file mode 100644 index 00000000..6087c592 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-DemiLight.eot differ diff --git a/src/main/webapp/fonts/NotoSans-DemiLight.otf b/src/main/webapp/fonts/NotoSans-DemiLight.otf new file mode 100644 index 00000000..97321713 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-DemiLight.otf differ diff --git a/src/main/webapp/fonts/NotoSans-DemiLight.woff b/src/main/webapp/fonts/NotoSans-DemiLight.woff new file mode 100644 index 00000000..117f89f2 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-DemiLight.woff differ diff --git a/src/main/webapp/fonts/NotoSans-DemiLight.woff2 b/src/main/webapp/fonts/NotoSans-DemiLight.woff2 new file mode 100644 index 00000000..5cd6b2cc Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-DemiLight.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Light.eot b/src/main/webapp/fonts/NotoSans-Light.eot new file mode 100644 index 00000000..35e63faa Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Light.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Light.otf b/src/main/webapp/fonts/NotoSans-Light.otf new file mode 100644 index 00000000..ecd67fad Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Light.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Light.woff b/src/main/webapp/fonts/NotoSans-Light.woff new file mode 100644 index 00000000..6608beca Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Light.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Light.woff2 b/src/main/webapp/fonts/NotoSans-Light.woff2 new file mode 100644 index 00000000..ff4d53d6 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Light.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Medium.eot b/src/main/webapp/fonts/NotoSans-Medium.eot new file mode 100644 index 00000000..37b4540e Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Medium.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Medium.otf b/src/main/webapp/fonts/NotoSans-Medium.otf new file mode 100644 index 00000000..15c2009a Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Medium.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Medium.woff b/src/main/webapp/fonts/NotoSans-Medium.woff new file mode 100644 index 00000000..81b841aa Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Medium.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Medium.woff2 b/src/main/webapp/fonts/NotoSans-Medium.woff2 new file mode 100644 index 00000000..c452c23a Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Medium.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Regular.eot b/src/main/webapp/fonts/NotoSans-Regular.eot new file mode 100644 index 00000000..8c6e3776 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Regular.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Regular.otf b/src/main/webapp/fonts/NotoSans-Regular.otf new file mode 100644 index 00000000..ce916b31 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Regular.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Regular.woff b/src/main/webapp/fonts/NotoSans-Regular.woff new file mode 100644 index 00000000..4c409263 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Regular.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Regular.woff2 b/src/main/webapp/fonts/NotoSans-Regular.woff2 new file mode 100644 index 00000000..838b3ce7 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Regular.woff2 differ diff --git a/src/main/webapp/fonts/NotoSans-Thin.eot b/src/main/webapp/fonts/NotoSans-Thin.eot new file mode 100644 index 00000000..7060a94a Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Thin.eot differ diff --git a/src/main/webapp/fonts/NotoSans-Thin.otf b/src/main/webapp/fonts/NotoSans-Thin.otf new file mode 100644 index 00000000..5cbef9b1 Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Thin.otf differ diff --git a/src/main/webapp/fonts/NotoSans-Thin.woff b/src/main/webapp/fonts/NotoSans-Thin.woff new file mode 100644 index 00000000..ef6a254f Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Thin.woff differ diff --git a/src/main/webapp/fonts/NotoSans-Thin.woff2 b/src/main/webapp/fonts/NotoSans-Thin.woff2 new file mode 100644 index 00000000..672ba55b Binary files /dev/null and b/src/main/webapp/fonts/NotoSans-Thin.woff2 differ diff --git a/src/main/webapp/greeting.html b/src/main/webapp/greeting.html new file mode 100644 index 00000000..39049a48 --- /dev/null +++ b/src/main/webapp/greeting.html @@ -0,0 +1,172 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

인사말 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 자료관안내
    • +
  • 인사말
    • +
+
    +
  • 인사말
    • +
+
+
화살표 아이콘
+
+
+
+
+

경주문화원 소장자료관을 방문하신 여러분,
진심으로 환영합니다.

+
+
+
+

경주문화원장

+

경주문화원장
조철제

+
+
+

경주문화원을 찾아주셔서 대단히 고맙습니다.

+

+ 신라천년고도 경주는 역사문화도시입니다.
+ 수많은 유적이 온 시내에 분포되어 있으며, 인재의 고을이기도 합니다.
+ 경주만큼 선조에게 많은 문화유산을 물려받은 도시는 전국 어디에도 없습니다.
+ 참으로 ‘아름다운 도시, 찬란한 서라벌’이라 말할 수 있습니다.
+
+ 이처럼 선인들이 물려주신 문화유산과 정신적 가치를 발전시키는 일은 지금 우리의 몫이며, 이를 후손에게 올바르게 전승시키는 것도 당면한 과제입니다.
+
+ 경주의 역사문화는 경주시민과 함께 참여하고 활동하는 일이 중요합니다. 문화적 에너지와 복리, 그리고 자긍심을 갖도록 적극 활동해야 할 것입니다.
+
+ 우리 경주문화원은 규모는 작지만 엄청난 인적 자원과 노하우를 갖고 있으며, 각종 문화행사를 담당하는 전문가도 많습니다.
+ 이런 분들과 뜻을 모아, 찾고 싶은 문화원,자랑스러운 문화원으로 가꾸어 나아가겠습니다.
+
+ 여러분의 기대에 어긋나지 않도록 열심히 노력하겠으며, 많은 협조와 지도를 당부 드립니다. +

+
+
+
+
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/guide.html b/src/main/webapp/guide.html new file mode 100644 index 00000000..16d20b94 --- /dev/null +++ b/src/main/webapp/guide.html @@ -0,0 +1,271 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

이용안내 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 자료관안내
    • +
  • 이용안내
    • +
+
    +
  • 이용안내
    • +
+
+
화살표 아이콘
+
+
+
+ +
+
+

자료대출 안내

+
+

+ 대상 : + 문화원 소장자료관 회원 (온라인 회원증 소지자) +

+

+ 대출기간 : + 14일 +

+

+ 대출 자료 수 : + 1인 5개 +

+

+ 이용가능 시간 안내 : + 문화원 운영시간 내 (이용시간 및 휴관일 참조) +

+

+ 대출 신청 안내 :
+ + 대출가능 자료 중 이용중인 사람이 없는 자료의 경우, [대출신청]이 가능합니다.
+ 방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [대출신청] 클릭
+ 방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 대출할 자료 선택 → [대출신청/예약] 클릭
+ +

+

+ 대출 신청 안내 :
+ + 대출가능 자료 중 현재 대출중인 이용자는 있으나 대기자가 없는 자료의 경우, [대출예약]이 가능합니다.
+ 반납된 자료는 3일간 별도 보관되며, 3일이 지나면 예약이 취소됩니다.
+ 방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [대출예약] 클릭
+ 방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 대출예약 할 자료 선택 → [대출신청/예약] 클릭
+ +

+
+
+
+

자료열람 안내

+
+

+ 대상 : + 문화원 소장자료관 회원 (온라인 회원증 소지자) +

+

+ 열람기간 : + 열람 신청/승인을 통해 지정된 날짜의 지정된 시간 내 +

+

+ 열람 자료 수 : + 1인 5개 +

+

+ 열람 신청 안내 :
+ + 열람신청의 경우 신청에 대한 관리자의 승인이 필요하며, 자료의 상태 및 상황에 따라 열람일시가 회원님의 희망열람일시와는 다르게 조정될 수 있습니다. 관리자의 승인 결과 및 열람일시는 문자로 안내 드립니다.
+ 방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [열람신청] 클릭
+ 방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 열람할 자료 선택 → [열람신청] 클릭
+ +

+
+
+
+

반납지연(연체) 안내

+
+

+ + 반납지연이 될 경우 대기자가 예약한 날에 이용하지 못하는 경우가 발생할 수 있습니다. 다른 소장자료관 이용자를 위해 반납기한을 지켜 주시기 바랍니다. +

+

+ + 반납지연에 대한 규정 안내 내용이 필요합니다. +

+
+
+
+

자료 분실/훼손 안내

+
+

+ + 자료 분실 혹은 훼손하였을 경우에 대한 규정 안내 내용이 필요합니다. +

+
+
+
+
+
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/images/bg/bg-login.jpg b/src/main/webapp/images/bg/bg-login.jpg new file mode 100644 index 00000000..2ced9682 Binary files /dev/null and b/src/main/webapp/images/bg/bg-login.jpg differ diff --git a/src/main/webapp/images/bg/bg-mainbanner.jpg b/src/main/webapp/images/bg/bg-mainbanner.jpg new file mode 100644 index 00000000..4eb82e36 Binary files /dev/null and b/src/main/webapp/images/bg/bg-mainbanner.jpg differ diff --git a/src/main/webapp/images/bg/bg-member-pop.jpg b/src/main/webapp/images/bg/bg-member-pop.jpg new file mode 100644 index 00000000..1c431fab Binary files /dev/null and b/src/main/webapp/images/bg/bg-member-pop.jpg differ diff --git a/src/main/webapp/images/bg/bg-sec4-bg.jpg b/src/main/webapp/images/bg/bg-sec4-bg.jpg new file mode 100644 index 00000000..3742308a Binary files /dev/null and b/src/main/webapp/images/bg/bg-sec4-bg.jpg differ diff --git a/src/main/webapp/images/btn/btn-close-maplayer.png b/src/main/webapp/images/btn/btn-close-maplayer.png new file mode 100644 index 00000000..38af7d9b Binary files /dev/null and b/src/main/webapp/images/btn/btn-close-maplayer.png differ diff --git a/src/main/webapp/images/btn/btn-pop-close.png b/src/main/webapp/images/btn/btn-pop-close.png new file mode 100644 index 00000000..b490eb4c Binary files /dev/null and b/src/main/webapp/images/btn/btn-pop-close.png differ diff --git a/src/main/webapp/images/btn/btn-refresh.png b/src/main/webapp/images/btn/btn-refresh.png new file mode 100644 index 00000000..d60b5bc9 Binary files /dev/null and b/src/main/webapp/images/btn/btn-refresh.png differ diff --git a/src/main/webapp/images/btn/btn_close_size_27x26_c9c9c7.png b/src/main/webapp/images/btn/btn_close_size_27x26_c9c9c7.png new file mode 100644 index 00000000..991aca73 Binary files /dev/null and b/src/main/webapp/images/btn/btn_close_size_27x26_c9c9c7.png differ diff --git a/src/main/webapp/images/icon/icon-arr-down.png b/src/main/webapp/images/icon/icon-arr-down.png new file mode 100644 index 00000000..da236b42 Binary files /dev/null and b/src/main/webapp/images/icon/icon-arr-down.png differ diff --git a/src/main/webapp/images/icon/icon-arr-top.png b/src/main/webapp/images/icon/icon-arr-top.png new file mode 100644 index 00000000..2953ac42 Binary files /dev/null and b/src/main/webapp/images/icon/icon-arr-top.png differ diff --git a/src/main/webapp/images/icon/icon-cart-Favorites-on.png b/src/main/webapp/images/icon/icon-cart-Favorites-on.png new file mode 100644 index 00000000..ed5f835d Binary files /dev/null and b/src/main/webapp/images/icon/icon-cart-Favorites-on.png differ diff --git a/src/main/webapp/images/icon/icon-cart-Favorites.png b/src/main/webapp/images/icon/icon-cart-Favorites.png new file mode 100644 index 00000000..b76ccb4b Binary files /dev/null and b/src/main/webapp/images/icon/icon-cart-Favorites.png differ diff --git a/src/main/webapp/images/icon/icon-cart-com.png b/src/main/webapp/images/icon/icon-cart-com.png new file mode 100644 index 00000000..f4aee9f5 Binary files /dev/null and b/src/main/webapp/images/icon/icon-cart-com.png differ diff --git a/src/main/webapp/images/icon/icon-checked-tab.png b/src/main/webapp/images/icon/icon-checked-tab.png new file mode 100644 index 00000000..9002b664 Binary files /dev/null and b/src/main/webapp/images/icon/icon-checked-tab.png differ diff --git a/src/main/webapp/images/icon/icon-checked.svg b/src/main/webapp/images/icon/icon-checked.svg new file mode 100644 index 00000000..6644a78f --- /dev/null +++ b/src/main/webapp/images/icon/icon-checked.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + diff --git a/src/main/webapp/images/icon/icon-connect.png b/src/main/webapp/images/icon/icon-connect.png new file mode 100644 index 00000000..d7ad7548 Binary files /dev/null and b/src/main/webapp/images/icon/icon-connect.png differ diff --git a/src/main/webapp/images/icon/icon-dormant.png b/src/main/webapp/images/icon/icon-dormant.png new file mode 100644 index 00000000..c5f2e716 Binary files /dev/null and b/src/main/webapp/images/icon/icon-dormant.png differ diff --git a/src/main/webapp/images/icon/icon-down-arr.png b/src/main/webapp/images/icon/icon-down-arr.png new file mode 100644 index 00000000..14631c25 Binary files /dev/null and b/src/main/webapp/images/icon/icon-down-arr.png differ diff --git a/src/main/webapp/images/icon/icon-file.png b/src/main/webapp/images/icon/icon-file.png new file mode 100644 index 00000000..daf24733 Binary files /dev/null and b/src/main/webapp/images/icon/icon-file.png differ diff --git a/src/main/webapp/images/icon/icon-google-login.png b/src/main/webapp/images/icon/icon-google-login.png new file mode 100644 index 00000000..b49773ea Binary files /dev/null and b/src/main/webapp/images/icon/icon-google-login.png differ diff --git a/src/main/webapp/images/icon/icon-join-arr.png b/src/main/webapp/images/icon/icon-join-arr.png new file mode 100644 index 00000000..cddbbba3 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-arr.png differ diff --git a/src/main/webapp/images/icon/icon-join-arr2.png b/src/main/webapp/images/icon/icon-join-arr2.png new file mode 100644 index 00000000..2befc466 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-arr2.png differ diff --git a/src/main/webapp/images/icon/icon-join-step-suc.png b/src/main/webapp/images/icon/icon-join-step-suc.png new file mode 100644 index 00000000..a8420848 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step-suc.png differ diff --git a/src/main/webapp/images/icon/icon-join-step1-on.png b/src/main/webapp/images/icon/icon-join-step1-on.png new file mode 100644 index 00000000..290ebb87 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step1-on.png differ diff --git a/src/main/webapp/images/icon/icon-join-step1.png b/src/main/webapp/images/icon/icon-join-step1.png new file mode 100644 index 00000000..3aa6d5bf Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step1.png differ diff --git a/src/main/webapp/images/icon/icon-join-step2-on.png b/src/main/webapp/images/icon/icon-join-step2-on.png new file mode 100644 index 00000000..d37e57f0 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step2-on.png differ diff --git a/src/main/webapp/images/icon/icon-join-step2.png b/src/main/webapp/images/icon/icon-join-step2.png new file mode 100644 index 00000000..06815b45 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step2.png differ diff --git a/src/main/webapp/images/icon/icon-join-step3-on.png b/src/main/webapp/images/icon/icon-join-step3-on.png new file mode 100644 index 00000000..8ff6bafe Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step3-on.png differ diff --git a/src/main/webapp/images/icon/icon-join-step3.png b/src/main/webapp/images/icon/icon-join-step3.png new file mode 100644 index 00000000..2cfe7168 Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-step3.png differ diff --git a/src/main/webapp/images/icon/icon-join-suc.png b/src/main/webapp/images/icon/icon-join-suc.png new file mode 100644 index 00000000..727fa59b Binary files /dev/null and b/src/main/webapp/images/icon/icon-join-suc.png differ diff --git a/src/main/webapp/images/icon/icon-kakao-login.png b/src/main/webapp/images/icon/icon-kakao-login.png new file mode 100644 index 00000000..4b3931a4 Binary files /dev/null and b/src/main/webapp/images/icon/icon-kakao-login.png differ diff --git a/src/main/webapp/images/icon/icon-location-01.png b/src/main/webapp/images/icon/icon-location-01.png new file mode 100644 index 00000000..144af55b Binary files /dev/null and b/src/main/webapp/images/icon/icon-location-01.png differ diff --git a/src/main/webapp/images/icon/icon-location-02.png b/src/main/webapp/images/icon/icon-location-02.png new file mode 100644 index 00000000..c7d6f93d Binary files /dev/null and b/src/main/webapp/images/icon/icon-location-02.png differ diff --git a/src/main/webapp/images/icon/icon-location-03.png b/src/main/webapp/images/icon/icon-location-03.png new file mode 100644 index 00000000..344a213c Binary files /dev/null and b/src/main/webapp/images/icon/icon-location-03.png differ diff --git a/src/main/webapp/images/icon/icon-location-04.png b/src/main/webapp/images/icon/icon-location-04.png new file mode 100644 index 00000000..53be9b81 Binary files /dev/null and b/src/main/webapp/images/icon/icon-location-04.png differ diff --git a/src/main/webapp/images/icon/icon-member-pop.png b/src/main/webapp/images/icon/icon-member-pop.png new file mode 100644 index 00000000..423acd20 Binary files /dev/null and b/src/main/webapp/images/icon/icon-member-pop.png differ diff --git a/src/main/webapp/images/icon/icon-more.png b/src/main/webapp/images/icon/icon-more.png new file mode 100644 index 00000000..2d015746 Binary files /dev/null and b/src/main/webapp/images/icon/icon-more.png differ diff --git a/src/main/webapp/images/icon/icon-naver-login.png b/src/main/webapp/images/icon/icon-naver-login.png new file mode 100644 index 00000000..50023849 Binary files /dev/null and b/src/main/webapp/images/icon/icon-naver-login.png differ diff --git a/src/main/webapp/images/icon/icon-password.png b/src/main/webapp/images/icon/icon-password.png new file mode 100644 index 00000000..c8818ad9 Binary files /dev/null and b/src/main/webapp/images/icon/icon-password.png differ diff --git a/src/main/webapp/images/icon/icon-plus.png b/src/main/webapp/images/icon/icon-plus.png new file mode 100644 index 00000000..3a6ef640 Binary files /dev/null and b/src/main/webapp/images/icon/icon-plus.png differ diff --git a/src/main/webapp/images/icon/icon-search.png b/src/main/webapp/images/icon/icon-search.png new file mode 100644 index 00000000..7915fd71 Binary files /dev/null and b/src/main/webapp/images/icon/icon-search.png differ diff --git a/src/main/webapp/images/icon/icon-sec1-01.png b/src/main/webapp/images/icon/icon-sec1-01.png new file mode 100644 index 00000000..8c62c619 Binary files /dev/null and b/src/main/webapp/images/icon/icon-sec1-01.png differ diff --git a/src/main/webapp/images/icon/icon-sec1-02.png b/src/main/webapp/images/icon/icon-sec1-02.png new file mode 100644 index 00000000..e3b98992 Binary files /dev/null and b/src/main/webapp/images/icon/icon-sec1-02.png differ diff --git a/src/main/webapp/images/icon/icon-sec1-03.png b/src/main/webapp/images/icon/icon-sec1-03.png new file mode 100644 index 00000000..6237fd85 Binary files /dev/null and b/src/main/webapp/images/icon/icon-sec1-03.png differ diff --git a/src/main/webapp/images/icon/icon-sec1-04.png b/src/main/webapp/images/icon/icon-sec1-04.png new file mode 100644 index 00000000..a3a991ff Binary files /dev/null and b/src/main/webapp/images/icon/icon-sec1-04.png differ diff --git a/src/main/webapp/images/icon/icon-up-arr.png b/src/main/webapp/images/icon/icon-up-arr.png new file mode 100644 index 00000000..af9e7f92 Binary files /dev/null and b/src/main/webapp/images/icon/icon-up-arr.png differ diff --git a/src/main/webapp/images/img/img-cart-img01.jpg b/src/main/webapp/images/img/img-cart-img01.jpg new file mode 100644 index 00000000..0f6d7016 Binary files /dev/null and b/src/main/webapp/images/img/img-cart-img01.jpg differ diff --git a/src/main/webapp/images/img/img-footer-logo.png b/src/main/webapp/images/img/img-footer-logo.png new file mode 100644 index 00000000..38e623a6 Binary files /dev/null and b/src/main/webapp/images/img/img-footer-logo.png differ diff --git a/src/main/webapp/images/img/img-greeting-bg.jpg b/src/main/webapp/images/img/img-greeting-bg.jpg new file mode 100644 index 00000000..6bdc565e Binary files /dev/null and b/src/main/webapp/images/img/img-greeting-bg.jpg differ diff --git a/src/main/webapp/images/img/img-greeting-bg2.jpg b/src/main/webapp/images/img/img-greeting-bg2.jpg new file mode 100644 index 00000000..7a319489 Binary files /dev/null and b/src/main/webapp/images/img/img-greeting-bg2.jpg differ diff --git a/src/main/webapp/images/img/img-greeting-pe.jpg b/src/main/webapp/images/img/img-greeting-pe.jpg new file mode 100644 index 00000000..16c9eac9 Binary files /dev/null and b/src/main/webapp/images/img/img-greeting-pe.jpg differ diff --git a/src/main/webapp/images/img/img-guide-bg.jpg b/src/main/webapp/images/img/img-guide-bg.jpg new file mode 100644 index 00000000..b49b8601 Binary files /dev/null and b/src/main/webapp/images/img/img-guide-bg.jpg differ diff --git a/src/main/webapp/images/img/img-logo.png b/src/main/webapp/images/img/img-logo.png new file mode 100644 index 00000000..a335025c Binary files /dev/null and b/src/main/webapp/images/img/img-logo.png differ diff --git a/src/main/webapp/images/img/img-noimg.jpg b/src/main/webapp/images/img/img-noimg.jpg new file mode 100644 index 00000000..2f35a71c Binary files /dev/null and b/src/main/webapp/images/img/img-noimg.jpg differ diff --git a/src/main/webapp/images/img/img-qrcode.jpg b/src/main/webapp/images/img/img-qrcode.jpg new file mode 100644 index 00000000..f69c7abe Binary files /dev/null and b/src/main/webapp/images/img/img-qrcode.jpg differ diff --git a/src/main/webapp/images/img/img-sec3-01.jpg b/src/main/webapp/images/img/img-sec3-01.jpg new file mode 100644 index 00000000..ff62c014 Binary files /dev/null and b/src/main/webapp/images/img/img-sec3-01.jpg differ diff --git a/src/main/webapp/images/img/img-sec3-02.jpg b/src/main/webapp/images/img/img-sec3-02.jpg new file mode 100644 index 00000000..be39014e Binary files /dev/null and b/src/main/webapp/images/img/img-sec3-02.jpg differ diff --git a/src/main/webapp/images/img/img-sec6-01.jpg b/src/main/webapp/images/img/img-sec6-01.jpg new file mode 100644 index 00000000..2757c06e Binary files /dev/null and b/src/main/webapp/images/img/img-sec6-01.jpg differ diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html new file mode 100644 index 00000000..6ece6cdf --- /dev/null +++ b/src/main/webapp/index.html @@ -0,0 +1,1080 @@ + + + + + + + +소장자료관 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

배너 섹션영역

+
+ +
+
+ +
이용안내
+
이용안내 아이콘
+
플러스 아이콘
+
+
+ +
찾아오시는 길
+
지도 아이콘
+
플러스 아이콘
+
+
+ +
대출관리
+
대출 아이콘
+
플러스 아이콘
+
+
+ +
열람관리
+
열람 아이콘
+
플러스 아이콘
+
+
+
+
+ + +
+

키워드 섹션영역

+
+
+

AI 추천 키워드

+

어떤 자료들을 소장 중인지 키워드로 살펴보세요!

+ +
+
+
+ + +
+

문화원픽 섹션영역

+
+
+

문화원's Pick

+

경주문화원이 추천하는 자료를 만나보세요!

+ + +
+
+
+
+
+
+ + 도서간행물 + 양산예찬문집 + +
+
+
+
+
+
+
+ + 문서 + 三憂堂 文益漸先生 棉花展示館 竣工記念詩集 + +
+
+
+
+
+
+
+ + 박물 + 국역 慶州郡 (국역 경주군) + +
+
+
+
+
+
+
+ + 사진필름류 + 경주읍성 남문 장례문의 문루 + +
+
+
+
+
+
+
+ + 도면/지도 + 慶州 風物 地理誌 (경주 풍물 지리지) + +
+
+
+
+
+
+
+
+
+
+
+ + +
+

중간배너 섹션영역

+
+
+

회원가입만 하면 발급되는
간편 온라인 회원증!

+

문화원 소장자료관 회원가입 시 해당 문화원에서
사용할 수 있는 온라인 회원증이 발급됩니다.

+
+
+
+ + +
+

인기자료 섹션영역

+
+

유형별 인기자료

+

자료유형별로 이런 인기자료들이 있어요!

+
+ +
+
+
    +
  • +
    +
    문서
    +
    국역 경주읍지
    +
    +
    +

    주제분야자연과지리 > 자연환경

    +

    생산기관경북경주문화원

    +

    생산년도2003

    +
    +
    • +
  • +
    +
    문서
    +
    慶州文化論叢(경주문화논총)/제20집
    +
    +
    +

    주제분야문화유산 > 선사 유적 및 유물

    +

    생산기관경북경주문화원

    +

    생산년도2017

    +
    +
    • +
  • +
    +
    문서
    +
    慶州지방 古書 調査 目錄 (경주지방 고서
    +
    +
    +

    주제분야자연과지리 > 자연환경

    +

    생산기관경북경주문화원

    +

    생산년도2017

    +
    +
    • +
  • +
    +
    문서
    +
    경주문화원 50년사
    +
    +
    +

    주제분야자연과지리 > 자연환경

    +

    생산기관경북경주문화원

    +

    생산년도2014

    +
    +
    • +
+
+ +
+ 02 +
+ +
+ 03 +
+ +
+ 04 +
+ +
+ 05 +
+ +
+ 06 +
+ +
+ 07 +
+
+
+
+
+ + +
+

온라인자료관 섹션영역

+
+

온라인 자료관

+

문화원 전자자료를 온라인으로 간편하게 열람해보세요!

+ +
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+ +
+ 2011 신라문화스토리텔러 교육교재 이론 +
    +
  • 주제유형도서간행물
    • +
  • 주제분야문화유산
    • +
  • 생산기관마포문화원
    • +
  • 생산년도미상
    • +
+
+
원문보기
+
RIS
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+

커뮤니티 섹션영역

+
+
+
공지사항더보기 더보기 아이콘
+
+
+ +

05

21.09

+
+

[공지] 경주문화원에 오신걸 환영합니다.파일 아이콘

+
+ +
+
+ +

05

21.09

+
+

소장자료관 이용 시 주의사항 안내파일 아이콘

+
+ +
+
+ +

05

21.09

+
+

[공지] 2021 문화원 휴관일 안내 드립니다.

+
+ +
+
+
+
+
Q&A더보기 더보기 아이콘
+
+
+ +

05

21.09

+
+

[공지] 경주문화원에 오신걸 환영합니다.잠금 아이콘

+
+
+

답변대기

+
+ +
+
+ +

05

21.09

+
+

소장자료관 이용 시 주의사항 안내잠금 아이콘

+
+
+

답변대기

+
+ +
+
+ +

05

21.09

+
+

[공지] 2021 문화원 휴관일 안내 드립니다.

+
+
+

답변완료

+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/src/main/webapp/join-1.html b/src/main/webapp/join-1.html new file mode 100644 index 00000000..8aa25f91 --- /dev/null +++ b/src/main/webapp/join-1.html @@ -0,0 +1,496 @@ + + + + + + + +소장자료관 - 회원가입 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

회원가입 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 회원가입
    • +
+
    +
  • 회원가입
    • +
+
+
화살표 아이콘
+
+
+
+
+
+
인증 성공 아이콘
+

STEP 01

본인인증

+
+
+
약관동의 아이콘
+

STEP 02

약관동의

+
+
+
정보입력 아이콘
+

STEP 03

정보입력

+
+
+
+
+
+
이용약관
+
+
+
+
+ 제1조(목적)
+ 이 약관은 지방문화원 소장자료관이 운영하는 사이트에서 제공하는 인터넷 관련 서비스(이하 “서비스”라 한다)를 이용함에 있어 사이트와 이용자의 권리.의무 및 책임사항을 규정함을 목적으로 합니다.
+ ※「PC통신, 무선 등을 이용하는 전자상거래에 대해서도 그 성질에 반하지 않는 한 이 약관을 준용합니다.
+
+ 제2조(정의)
+ ① 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.
+ ② 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.
+ ③ 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의
+
+
+
+
+
+
개인정보 수집 및 이용 안내
+
+
+
+
+ 제1조(목적)
+ 이 약관은 지방문화원 소장자료관이 운영하는 사이트에서 제공하는 인터넷 관련 서비스(이하 “서비스”라 한다)를 이용함에 있어 사이트와 이용자의 권리.의무 및 책임사항을 규정함을 목적으로 합니다.
+ ※「PC통신, 무선 등을 이용하는 전자상거래에 대해서도 그 성질에 반하지 않는 한 이 약관을 준용합니다.
+
+ 제2조(정의)
+ ① 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.
+ ② 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.
+ ③ 사이트가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의
+
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/join-2.html b/src/main/webapp/join-2.html new file mode 100644 index 00000000..56501f60 --- /dev/null +++ b/src/main/webapp/join-2.html @@ -0,0 +1,577 @@ + + + + + + + +소장자료관 - 회원가입 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

회원가입 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 회원가입
    • +
+
    +
  • 회원가입
    • +
+
+
화살표 아이콘
+
+
+
+
+
+
인증 성공 아이콘
+

STEP 01

본인인증

+
+
+
인증 성공 아이콘
+

STEP 02

약관동의

+
+
+
정보입력 아이콘
+

STEP 03

정보입력

+
+
+ +
+
+

회원정보

+ +
+ +
+ +
+
+ +
+ +
+
+
+
+
+ +
+ +
+ 년 + 월 + 일 +
+
+ +
+ +
+
+ - + - + + + +
+
+ + + 인증이 완료되었습니다. + + 02:36 +
+
+
+ +
+ + +
+ +
+ +
+
+ + +
+
+ + +
+
+
+ +
+ +
+ + 9자리 이상, 숫자/문자/특수문자를 혼합하여 입력 + + 일치합니다. + 일치하지 않습니다. + - 입력하신 비밀번호는 ‘계정 연결’, ‘내 정보 확인’, ‘회원탈퇴’ 시, 회원님의 정보보호 및 본인확인을 위해 사용됩니다. +
+
+ +

서비스 알림 수신 동의

+ +
+
+
+
+
+
+
+
+

- 문자(SMS)/이메일 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 알림을 받으실 수 있습니다.

+
+ +
+
+
+
+
+
+
+
+

- 문자(SMS)/이메일 수신동의를 하시면 문화원 소식이나 주요 행사 등의 정보를 빠르게 만나실 수 있습니다.

+

- 회원가입완료, 임시비밀번호 발급관련 내용의 경우 수신 동의와 상관없이 이메일로 발송됩니다.

+
+ +
+ + +
+
+
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/join-3.html b/src/main/webapp/join-3.html new file mode 100644 index 00000000..0bdd3032 --- /dev/null +++ b/src/main/webapp/join-3.html @@ -0,0 +1,447 @@ + + + + + + + +소장자료관 - 회원가입 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

회원가입완료 섹션영역

+
+
+
화살표 아이콘
+

통합회원가입 완료

+
+
+
+
+
+

반갑습니다!

+

지방문화원 소장자료관 통합회원가입이 완료되었습니다.

+

김문화님의 지방문화원 소장자료관 회원증이 발급되었으며, [회원증] 메뉴를 통해 확인하실 수 있습니다.

+

가입시 입력된 정보는 [마이페이지 > 회원정보관리 > 수정하기]에서 수정 가능합니다.

+
+
+

지방문화원 소장자료관 가입 및 이용 안내

+

문화원별 소장자료관은 통합회원으로 관리/운영됩니다.
가입하신 계정을 통해 전국 모든 문화원 소장자료관 이용이 가능합니다.

+
+
+ 소장자료관으로 +
+
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/join.html b/src/main/webapp/join.html new file mode 100644 index 00000000..bb427243 --- /dev/null +++ b/src/main/webapp/join.html @@ -0,0 +1,459 @@ + + + + + + + +소장자료관 - 회원가입 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

회원가입 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 회원가입
    • +
+
    +
  • 회원가입
    • +
+
+
화살표 아이콘
+
+
+
+
+
+
본인인증 아이콘
+

STEP 01

본인인증

+
+
+
약관동의 아이콘
+

STEP 02

약관동의

+
+
+
정보입력 아이콘
+

STEP 03

정보입력

+
+
+ +
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js new file mode 100644 index 00000000..896757eb --- /dev/null +++ b/src/main/webapp/js/default.js @@ -0,0 +1,455 @@ +$(document).ready(function(){ + + /* 상단 메뉴 Fixed */ + $( window ).scroll(function() { + var TopVal = $( window ).scrollTop(); + var TopFixed1 = 300; + var TopFixed2 = 303; + if( TopFixed1 <= TopVal){ + $("#header").removeClass("scroll_off"); + $("#header").addClass("scroll_on"); + $(".nav-wrap").removeClass("scroll_off"); + $(".nav-wrap").addClass("scroll_on"); + }else{ + $("#header").removeClass("scroll_on"); + $("#header").addClass("scroll_off"); + $(".nav-wrap").removeClass("scroll_on"); + $(".nav-wrap").addClass("scroll_off"); + } + }); + + /* 메인 메뉴 반응형 */ + jQuery(function($) { + $.fn.responsivenav = function(args) { + // Default settings + var defaults = { + responsive: true, + width: 768, // Responsive width + button: $(this).attr('id')+'-button', // Menu button id + animation: { // Menu animation + effect: 'slide', // Accepts 'slide' or 'fade' + show: 150, + hide: 100 + }, + selected: 'selected', // Selected class + arrow: 'downarrow' // Dropdown arrow class + }; + var settings = $.extend(defaults, args); + // Initialize the menu and the button + init($(this).attr('id'), settings.button); + + function init(menuid, buttonid) { + setupMenu(menuid, buttonid); + // Add a handler function for the resize and orientationchange event + $(window).bind('resize orientationchange', function(){ resizeMenu(menuid, buttonid); }); + // Trigger initial resize + resizeMenu(menuid, buttonid); + } + + function setupMenu(menuid, buttonid) { + var $mainmenu = $('#'+menuid+'>ul'); + var $headers = $mainmenu.find("ul").parent(); + // Add dropdown arrows + $headers.each(function(i) { + var $curobj = $(this); + $curobj.children('a:eq(0)').append(''); + }); + + if ( settings.responsive ) { + // Menu button click event + // Displays top-level menu items + $('#'+buttonid).click(function(e) { + e.preventDefault(); + + if ( isSelected($('#'+buttonid)) ) { + // Close menu + collapseChildren('#'+menuid); + animateHide($('#'+menuid), $('#'+buttonid)); + } else { + // Open menu + animateShow($('#'+menuid), $('#'+buttonid)); + } + }); + } + } + + function resizeMenu(menuid, buttonid) { + var $ww = document.body.clientWidth; + // Add mobile class to elements for CSS use + // instead of relying on media-query support + if ( $ww > settings.width || !settings.responsive) { + $('#'+menuid).removeClass('mobile'); + $('#'+buttonid).removeClass('mobile'); + } else { + $('#'+menuid).addClass('mobile'); + $('#'+buttonid).addClass('mobile'); + } + + var $headers = $('#'+menuid+'>ul').find('ul').parent(); + + $headers.each(function(i) { + var $curobj = $(this); + var $link = $curobj.children('a:eq(0)'); + var $subul = $curobj.find('ul:eq(0)'); + + // Unbind events + $curobj.unbind('mouseenter mouseleave'); + $link.unbind('click'); + animateHide($curobj.children('ul:eq(0)')); + + if ( $ww > settings.width || !settings.responsive ) { + // Full menu + $curobj.hover(function(e) { + var $targetul = $(this).children('ul:eq(0)'); + + var $dims = { w: this.offsetWidth, + h: this.offsetHeight, + subulw: $subul.outerWidth(), + subulh: $subul.outerHeight() + }; + var $istopheader = $curobj.parents('ul').length == 1 ? true : false; + $subul.css($istopheader ? {} : { top: 0 }); + var $offsets = { left: $(this).offset().left, + top: $(this).offset().top + }; + var $menuleft = $istopheader ? 0 : $dims.w; + $menuleft = ( $offsets.left + $menuleft + $dims.subulw > $(window).width() ) ? ( $istopheader ? -$dims.subulw + $dims.w : -$dims.w ) : $menuleft; + $targetul.css({ left:$menuleft+'px', + width:$dims.subulw+'px' + }); + + animateShow($targetul); + }, + function(e) { + var $targetul = $(this).children('ul:eq(0)'); + animateHide($targetul); + }); + } else { + // Compact menu + $link.click(function(e) { + e.preventDefault(); + + var $targetul = $curobj.children('ul:eq(0)'); + if ( isSelected($curobj) ) { + collapseChildren($targetul); + animateHide($targetul); + } else { + //collapseSiblings($curobj); + animateShow($targetul); + } + }); + } + }); + + collapseChildren('#'+menuid); + + if ( settings.responsive && isSelected($('#'+buttonid)) ) { + //collapseChildren('#'+menuid); + $('#'+menuid).hide(); + $('#'+menuid).removeAttr('style'); + $('#'+buttonid).removeClass(settings.selected); + } + } + + function collapseChildren(elementid) { + // Closes all submenus of the specified element + var $headers = $(elementid).find('ul'); + $headers.each(function(i) { + if ( isSelected($(this).parent()) ) { + animateHide($(this)); + } + }); + } + + function collapseSiblings(element) { + var $siblings = element.siblings('li'); + $siblings.each(function(i) { + collapseChildren($(this)); + }); + } + + function isSelected(element) { + return element.hasClass(settings.selected); + } + + function animateShow(menu, button) { + if ( !button ) { var button = menu.parent(); } + + button.addClass(settings.selected); + + if ( settings.animation.effect == 'fade' ) { + menu.fadeIn(settings.animation.show); + $(".BG").fadeIn("fast"); + } else if ( settings.animation.effect == 'slide' ) { + menu.slideDown(settings.animation.show); + $(".BG").fadeIn("fast"); + } else { + menu.show(); + menu.removeClass('hide'); + } + } + + function animateHide(menu, button) { + if ( !button ) { var button = menu.parent(); } + + if ( settings.animation.effect == 'fade' ) { + menu.fadeOut(settings.animation.hide, function() { + menu.removeAttr('style'); + button.removeClass(settings.selected); + $(".BG").fadeOut("fast"); + }); + } else if ( settings.animation.effect == 'slide' ) { + menu.slideUp(settings.animation.hide, function() { + menu.removeAttr('style'); + button.removeClass(settings.selected); + $(".BG").fadeOut("fast"); + }); + } else { + menu.hide(); + menu.addClass('hide'); + menu.removeAttr('style'); + button.removeClass(settings.selected); + } + } + $(".BG").click(function(){ + $(".BG").fadeOut("fast"); + $("#primary-nav.mobile").hide(); + $("#primary-nav-button").removeClass("selected"); + }); + }; + }); + + jQuery(function ($) { + $('#primary-nav').responsivenav(); + $('#top-nav').responsivenav({responsive:false}); + }); + /* 메인 메뉴 반응형 end */ + + /* 인기자료 탭메뉴 */ + (function ($) { + $('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current'); + $('.tab ul.tabs li a').click(function (g) { + var tab = $(this).closest('.tab'), + index = $(this).closest('li').index(); + + tab.find('ul.tabs > li').removeClass('current'); + $(this).closest('li').addClass('current'); + + tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').hide(); + tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').show(); + g.preventDefault(); + }); + })(jQuery); + + /* 푸터 관련사이트 */ + $(".family_site").click(function(){ + $(this).toggleClass("on"); + $(this) .find(".site_depth").slideToggle("fast"); + }); + + /* 로그인 팝업 */ + $(".login-btn").click(function(){ + $(".pop-login").fadeIn(); + }); + $(".pop-login .login-close").click(function(){ + $(".pop-login").fadeOut(); + }); + + /* 로그인 연결 팝업 */ + $(".login-connect-btn").click(function(){ + $(".pop-login-connect").fadeIn(); + }); + $(".pop-login-connect .login-close").click(function(){ + $(".pop-login-connect").fadeOut(); + }); + + /* 로그인 연결 패스워드 팝업 */ + $(".login-password-btn").click(function(){ + $(".pop-login-password").fadeIn(); + }); + $(".pop-login-password .login-close").click(function(){ + $(".pop-login-password").fadeOut(); + }); + + // scroll top button + $(window).scroll(function() { + var $window = $(window); + var $document = $(document); + var $footer = $('#footer'); + var $scrollBtn = $('#btn-go-top'); + + $scrollBtn.on('click', function () { + $("html, body").stop().animate({ + scrollTop: 0 + }, 600); + return false; + }); + + btnXPosition(); + $window.resize(function () { + btnXPosition(); + }); + + // top버튼 x좌표설정 + function btnXPosition() { + var rightPosition = ($document.width() - 1756) / 2 + + // X position + if($document.width() > 1756) { + //$scrollBtn.css('right', rightPosition); + $scrollBtn.css('right', '25px'); + } else { + $scrollBtn.css('right', '25px'); + } + } + + $window.on('scroll', function () { + if ($window.scrollTop() < $document.height() - $window.height() - $footer.outerHeight() + 37) { + $scrollBtn.addClass('go-top-fix'); + } else { + $scrollBtn.removeClass('go-top-fix'); + } + + if ($window.scrollTop() < ($window.height() / 3)) { + $scrollBtn.addClass('go-top-hide'); + } else { + $scrollBtn.removeClass('go-top-hide'); + } + }); + }); + + // 상세검색 팝업 - 문화원정보 선택영역 초기작업 메서드 분리 + jQuery(function($) { + var depth2H = 0; + $('.pop-advanced-search .depth1-check input').each(function () { + + if ($(this).is(":checked")) { // 활성화 line에 높이 잡아주기 + $('.depth1').removeClass('on'); + $(this).parents('.depth1').addClass('on'); + depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight(); + $(this).parents('.line').siblings('.line').attr('style', ''); + $(this).parents('.line').height(depth2H + 50); + } + + var tabLabel = $(this).next().text(); + $(this).parent('.depth1-check').append(''); + + $(this).siblings('.tab-name').on('click', function() { + $('.depth1').removeClass('on'); + $(this).parents('.depth1').addClass('on'); + depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight(); + $('.line').attr('style', ''); + $(this).parents('.line').height(depth2H + 50); + }); + + }); + + $('.pop-advanced-search .depth2 input').change(function() { + if ($(this).is(':checked')) { + $(this).parents('.depth2').siblings('.depth1-check').find('input').prop('checked', true); + } else { + if ($(this).parents('.depth2').find('input:checked').length <= 0) { + $(this).parents('.depth2').siblings('.depth1-check').find('input').prop('checked', false); + } + } + }); + + // depth-1 열고 닫기 + $('.filter-tit .btn-toggle').on('click', function() { + if($(this).text() == '닫기') { + $(this).text('열기'); + $(this).parent('.filter-tit').siblings('.filter-list').stop().slideUp(); + $('.filter .btn-toggle-more').css('display','none'); + } else { + $(this).text('닫기'); + $(this).parent('.filter-tit').siblings('.filter-list').stop().slideDown(); + $('.filter .btn-toggle-more').css('display','block'); + } + }); + + // depth-2 열고 닫기 + $('.filter .depth-1 .btn-toggle').on('click', function () { + var _this = $(this).parents('li').index(); + if ($(this).text() == '닫기') { + $(this).text('열기'); + $(this).siblings('.check').find('.tab-name').trigger("click"); + } else { + $(this).text('닫기'); + $(this).siblings('.check').find('.tab-name').trigger("click"); + } + }); + + $('.filter-wrap .tab-name').on('click', function() { + if ($('body').hasClass('pop-filter')) { + $(this).parents('.depth-1').removeClass('on'); + } + }); + + // 상세검색 팝업 열기 + $('.btn-search-detail').on('click', function () { + $('.pop-advanced-search').fadeIn(); + $('html,body').addClass('no-scroll'); + }); + + //팝업닫기버튼 클릭 + $('.btn-close-pop').on('click', function () { + $(this).parents('.popup').fadeOut(); + $('html,body').removeClass('no-scroll'); + }); + }); + + // 회원가입 셀렉트박스 + jQuery(function($) { + var now = new Date(); + var year = now.getFullYear(); + var mon = (now.getMonth() + 1) > 9 ? ''+(now.getMonth() + 1) : '0'+(now.getMonth() + 1); + var day = (now.getDate()) > 9 ? ''+(now.getDate()) : '0'+(now.getDate()); + // 년도 + for(var i = 1900 ; i <= year ; i++) { + $('#year').append(''); + } + + // 월별 + for(var i=1; i <= 12; i++) { + var mm = i > 9 ? i : "0"+i ; + $('#month').append(''); + } + + // 일별 + for(var i=1; i <= 31; i++) { + var dd = i > 9 ? i : "0"+i ; + $('#day').append(''); + } + $("#year > option[value="+year+"]").attr("selected", "true"); + $("#month > option[value="+mon+"]").attr("selected", "true"); + $("#day > option[value="+day+"]").attr("selected", "true"); + }); + + // 회원가입 체크박스 + $('input.sex[type="checkbox"]').bind('click',function() { + $('input.sex[type="checkbox"]').not(this).prop("checked", false); + }); + + // 회원가입 체크박스 + $('input.ser-chk1[type="checkbox"]').bind('click',function() { + $('input.ser-chk1-1[type="checkbox"]').not(this).prop("checked", true); + + if($("input.ser-chk1").prop("checked")){ + $("input.ser-chk1-1[type=checkbox]").prop("checked",true); + }else{ + $("input.ser-chk1-1[type=checkbox]").prop("checked",false); + } + }); + + // 회원가입 체크박스 + $('input.ser-chk2[type="checkbox"]').bind('click',function() { + $('input.ser-chk2-2[type="checkbox"]').not(this).prop("checked", true); + + if($("input.ser-chk2").prop("checked")){ + $("input.ser-chk2-2[type=checkbox]").prop("checked",true); + }else{ + $("input.ser-chk2-2[type=checkbox]").prop("checked",false); + } + }); + +}); \ No newline at end of file diff --git a/src/main/webapp/js/jquery-1.11.2.min.js b/src/main/webapp/js/jquery-1.11.2.min.js new file mode 100644 index 00000000..d3a44006 --- /dev/null +++ b/src/main/webapp/js/jquery-1.11.2.min.js @@ -0,0 +1,4 @@ +/*! jQuery v1.11.2 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ +!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.2",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1; +return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="
a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/\s*$/g,rb={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:k.htmlSerialize?[0,"",""]:[1,"X
","
"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?""!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("'+ + '', + + srcAction: 'iframe_src', + + // we don't care and support only one default type of URL by default + patterns: { + youtube: { + index: 'youtube.com', + id: 'v=', + src: '//www.youtube.com/embed/%id%?autoplay=1' + }, + vimeo: { + index: 'vimeo.com/', + id: '/', + src: '//player.vimeo.com/video/%id%?autoplay=1' + }, + gmaps: { + index: '//maps.google.', + src: '%id%&output=embed' + } + } + }, + + proto: { + initIframe: function() { + mfp.types.push(IFRAME_NS); + + _mfpOn('BeforeChange', function(e, prevType, newType) { + if(prevType !== newType) { + if(prevType === IFRAME_NS) { + _fixIframeBugs(); // iframe if removed + } else if(newType === IFRAME_NS) { + _fixIframeBugs(true); // iframe is showing + } + }// else { + // iframe source is switched, don't do anything + //} + }); + + _mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() { + _fixIframeBugs(); + }); + }, + + getIframe: function(item, template) { + var embedSrc = item.src; + var iframeSt = mfp.st.iframe; + + $.each(iframeSt.patterns, function() { + if(embedSrc.indexOf( this.index ) > -1) { + if(this.id) { + if(typeof this.id === 'string') { + embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length); + } else { + embedSrc = this.id.call( this, embedSrc ); + } + } + embedSrc = this.src.replace('%id%', embedSrc ); + return false; // break; + } + }); + + var dataObj = {}; + if(iframeSt.srcAction) { + dataObj[iframeSt.srcAction] = embedSrc; + } + mfp._parseMarkup(template, dataObj, item); + + mfp.updateStatus('ready'); + + return template; + } + } +}); + + + +/*>>iframe*/ + +/*>>gallery*/ +/** + * Get looped index depending on number of slides + */ +var _getLoopedId = function(index) { + var numSlides = mfp.items.length; + if(index > numSlides - 1) { + return index - numSlides; + } else if(index < 0) { + return numSlides + index; + } + return index; + }, + _replaceCurrTotal = function(text, curr, total) { + return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total); + }; + +$.magnificPopup.registerModule('gallery', { + + options: { + enabled: false, + arrowMarkup: '', + preload: [0,2], + navigateByImgClick: true, + arrows: true, + + tPrev: 'Previous (Left arrow key)', + tNext: 'Next (Right arrow key)', + tCounter: '%curr% of %total%' + }, + + proto: { + initGallery: function() { + + var gSt = mfp.st.gallery, + ns = '.mfp-gallery', + supportsFastClick = Boolean($.fn.mfpFastClick); + + mfp.direction = true; // true - next, false - prev + + if(!gSt || !gSt.enabled ) return false; + + _wrapClasses += ' mfp-gallery'; + + _mfpOn(OPEN_EVENT+ns, function() { + + if(gSt.navigateByImgClick) { + mfp.wrap.on('click'+ns, '.mfp-img', function() { + if(mfp.items.length > 1) { + mfp.next(); + return false; + } + }); + } + + _document.on('keydown'+ns, function(e) { + if (e.keyCode === 37) { + //mfp.prev(); + } else if (e.keyCode === 39) { + //mfp.next(); + } + }); + }); + + _mfpOn('UpdateStatus'+ns, function(e, data) { + if(data.text) { + data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length); + } + }); + + _mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) { + var l = mfp.items.length; + values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : ''; + }); + + _mfpOn('BuildControls' + ns, function() { + if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) { + var markup = gSt.arrowMarkup, + arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS), + arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS); + + var eName = supportsFastClick ? 'mfpFastClick' : 'click'; + arrowLeft[eName](function() { + mfp.prev(); + }); + arrowRight[eName](function() { + mfp.next(); + }); + + // Polyfill for :before and :after (adds elements with classes mfp-a and mfp-b) + if(mfp.isIE7) { + _getEl('b', arrowLeft[0], false, true); + _getEl('a', arrowLeft[0], false, true); + _getEl('b', arrowRight[0], false, true); + _getEl('a', arrowRight[0], false, true); + } + + mfp.container.append(arrowLeft.add(arrowRight)); + } + }); + + _mfpOn(CHANGE_EVENT+ns, function() { + if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout); + + mfp._preloadTimeout = setTimeout(function() { + mfp.preloadNearbyImages(); + mfp._preloadTimeout = null; + }, 16); + }); + + + _mfpOn(CLOSE_EVENT+ns, function() { + _document.off(ns); + mfp.wrap.off('click'+ns); + + if(mfp.arrowLeft && supportsFastClick) { + mfp.arrowLeft.add(mfp.arrowRight).destroyMfpFastClick(); + } + mfp.arrowRight = mfp.arrowLeft = null; + }); + + }, + next: function() { + mfp.direction = true; + mfp.index = _getLoopedId(mfp.index + 1); + mfp.updateItemHTML(); + }, + prev: function() { + mfp.direction = false; + mfp.index = _getLoopedId(mfp.index - 1); + mfp.updateItemHTML(); + }, + goTo: function(newIndex) { + mfp.direction = (newIndex >= mfp.index); + mfp.index = newIndex; + mfp.updateItemHTML(); + }, + preloadNearbyImages: function() { + var p = mfp.st.gallery.preload, + preloadBefore = Math.min(p[0], mfp.items.length), + preloadAfter = Math.min(p[1], mfp.items.length), + i; + + for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) { + mfp._preloadItem(mfp.index+i); + } + for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) { + mfp._preloadItem(mfp.index-i); + } + }, + _preloadItem: function(index) { + index = _getLoopedId(index); + + if(mfp.items[index].preloaded) { + return; + } + + var item = mfp.items[index]; + if(!item.parsed) { + item = mfp.parseEl( index ); + } + + _mfpTrigger('LazyLoad', item); + + if(item.type === 'image') { + item.img = $('').on('load.mfploader', function() { + item.hasSize = true; + }).on('error.mfploader', function() { + item.hasSize = true; + item.loadError = true; + _mfpTrigger('LazyLoadError', item); + }).attr('src', item.src); + } + + + item.preloaded = true; + } + } +}); + +/* +Touch Support that might be implemented some day + +addSwipeGesture: function() { + var startX, + moved, + multipleTouches; + + return; + + var namespace = '.mfp', + addEventNames = function(pref, down, move, up, cancel) { + mfp._tStart = pref + down + namespace; + mfp._tMove = pref + move + namespace; + mfp._tEnd = pref + up + namespace; + mfp._tCancel = pref + cancel + namespace; + }; + + if(window.navigator.msPointerEnabled) { + addEventNames('MSPointer', 'Down', 'Move', 'Up', 'Cancel'); + } else if('ontouchstart' in window) { + addEventNames('touch', 'start', 'move', 'end', 'cancel'); + } else { + return; + } + _window.on(mfp._tStart, function(e) { + var oE = e.originalEvent; + multipleTouches = moved = false; + startX = oE.pageX || oE.changedTouches[0].pageX; + }).on(mfp._tMove, function(e) { + if(e.originalEvent.touches.length > 1) { + multipleTouches = e.originalEvent.touches.length; + } else { + //e.preventDefault(); + moved = true; + } + }).on(mfp._tEnd + ' ' + mfp._tCancel, function(e) { + if(moved && !multipleTouches) { + var oE = e.originalEvent, + diff = startX - (oE.pageX || oE.changedTouches[0].pageX); + + if(diff > 20) { + mfp.next(); + } else if(diff < -20) { + mfp.prev(); + } + } + }); +}, +*/ + + +/*>>gallery*/ + +/*>>retina*/ + +var RETINA_NS = 'retina'; + +$.magnificPopup.registerModule(RETINA_NS, { + options: { + replaceSrc: function(item) { + return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; }); + }, + ratio: 1 // Function or number. Set to 1 to disable. + }, + proto: { + initRetina: function() { + if(window.devicePixelRatio > 1) { + + var st = mfp.st.retina, + ratio = st.ratio; + + ratio = !isNaN(ratio) ? ratio : ratio(); + + if(ratio > 1) { + _mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) { + item.img.css({ + 'max-width': item.img[0].naturalWidth / ratio, + 'width': '100%' + }); + }); + _mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) { + item.src = st.replaceSrc(item, ratio); + }); + } + } + + } + } +}); + +/*>>retina*/ + +/*>>fastclick*/ +/** + * FastClick event implementation. (removes 300ms delay on touch devices) + * Based on https://developers.google.com/mobile/articles/fast_buttons + * + * You may use it outside the Magnific Popup by calling just: + * + * $('.your-el').mfpFastClick(function() { + * console.log('Clicked!'); + * }); + * + * To unbind: + * $('.your-el').destroyMfpFastClick(); + * + * + * Note that it's a very basic and simple implementation, it blocks ghost click on the same element where it was bound. + * If you need something more advanced, use plugin by FT Labs https://github.com/ftlabs/fastclick + * + */ + +(function() { + var ghostClickDelay = 1000, + supportsTouch = 'ontouchstart' in window, + unbindTouchMove = function() { + _window.off('touchmove'+ns+' touchend'+ns); + }, + eName = 'mfpFastClick', + ns = '.'+eName; + + + // As Zepto.js doesn't have an easy way to add custom events (like jQuery), so we implement it in this way + $.fn.mfpFastClick = function(callback) { + + return $(this).each(function() { + + var elem = $(this), + lock; + + if( supportsTouch ) { + + var timeout, + startX, + startY, + pointerMoved, + point, + numPointers; + + elem.on('touchstart' + ns, function(e) { + pointerMoved = false; + numPointers = 1; + + point = e.originalEvent ? e.originalEvent.touches[0] : e.touches[0]; + startX = point.clientX; + startY = point.clientY; + + _window.on('touchmove'+ns, function(e) { + point = e.originalEvent ? e.originalEvent.touches : e.touches; + numPointers = point.length; + point = point[0]; + if (Math.abs(point.clientX - startX) > 10 || + Math.abs(point.clientY - startY) > 10) { + pointerMoved = true; + unbindTouchMove(); + } + }).on('touchend'+ns, function(e) { + unbindTouchMove(); + if(pointerMoved || numPointers > 1) { + return; + } + lock = true; + e.preventDefault(); + clearTimeout(timeout); + timeout = setTimeout(function() { + lock = false; + }, ghostClickDelay); + callback(); + }); + }); + + } + + elem.on('click' + ns, function() { + if(!lock) { + callback(); + } + }); + }); + }; + + $.fn.destroyMfpFastClick = function() { + $(this).off('touchstart' + ns + ' click' + ns); + if(supportsTouch) _window.off('touchmove'+ns+' touchend'+ns); + }; +})(); + +/*>>fastclick*/ + _checkInstance(); })(window.jQuery || window.Zepto); \ No newline at end of file diff --git a/src/main/webapp/js/jquery.mousewheel.js b/src/main/webapp/js/jquery.mousewheel.js new file mode 100644 index 00000000..c2c94b46 --- /dev/null +++ b/src/main/webapp/js/jquery.mousewheel.js @@ -0,0 +1,221 @@ +/*! + * jQuery Mousewheel 3.1.13 + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license + * http://jquery.org/license + */ + +(function (factory) { + if ( typeof define === 'function' && define.amd ) { + // AMD. Register as an anonymous module. + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS style for Browserify + module.exports = factory; + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'], + toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ? + ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'], + slice = Array.prototype.slice, + nullLowestDeltaTimeout, lowestDelta; + + if ( $.event.fixHooks ) { + for ( var i = toFix.length; i; ) { + $.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks; + } + } + + var special = $.event.special.mousewheel = { + version: '3.1.12', + + setup: function() { + if ( this.addEventListener ) { + for ( var i = toBind.length; i; ) { + this.addEventListener( toBind[--i], handler, false ); + } + } else { + this.onmousewheel = handler; + } + // Store the line height and page height for this particular element + $.data(this, 'mousewheel-line-height', special.getLineHeight(this)); + $.data(this, 'mousewheel-page-height', special.getPageHeight(this)); + }, + + teardown: function() { + if ( this.removeEventListener ) { + for ( var i = toBind.length; i; ) { + this.removeEventListener( toBind[--i], handler, false ); + } + } else { + this.onmousewheel = null; + } + // Clean up the data we added to the element + $.removeData(this, 'mousewheel-line-height'); + $.removeData(this, 'mousewheel-page-height'); + }, + + getLineHeight: function(elem) { + var $elem = $(elem), + $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); + if (!$parent.length) { + $parent = $('body'); + } + return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; + }, + + getPageHeight: function(elem) { + return $(elem).height(); + }, + + settings: { + adjustOldDeltas: true, // see shouldAdjustOldDeltas() below + normalizeOffset: true // calls getBoundingClientRect for each event + } + }; + + $.fn.extend({ + mousewheel: function(fn) { + return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel'); + }, + + unmousewheel: function(fn) { + return this.unbind('mousewheel', fn); + } + }); + + + function handler(event) { + var orgEvent = event || window.event, + args = slice.call(arguments, 1), + delta = 0, + deltaX = 0, + deltaY = 0, + absDelta = 0, + offsetX = 0, + offsetY = 0; + event = $.event.fix(orgEvent); + event.type = 'mousewheel'; + + // Old school scrollwheel delta + if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; } + if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; } + if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; } + if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; } + + // Firefox < 17 horizontal scrolling related to DOMMouseScroll event + if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { + deltaX = deltaY * -1; + deltaY = 0; + } + + // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy + delta = deltaY === 0 ? deltaX : deltaY; + + // New school wheel delta (wheel event) + if ( 'deltaY' in orgEvent ) { + deltaY = orgEvent.deltaY * -1; + delta = deltaY; + } + if ( 'deltaX' in orgEvent ) { + deltaX = orgEvent.deltaX; + if ( deltaY === 0 ) { delta = deltaX * -1; } + } + + // No change actually happened, no reason to go any further + if ( deltaY === 0 && deltaX === 0 ) { return; } + + // Need to convert lines and pages to pixels if we aren't already in pixels + // There are three delta modes: + // * deltaMode 0 is by pixels, nothing to do + // * deltaMode 1 is by lines + // * deltaMode 2 is by pages + if ( orgEvent.deltaMode === 1 ) { + var lineHeight = $.data(this, 'mousewheel-line-height'); + delta *= lineHeight; + deltaY *= lineHeight; + deltaX *= lineHeight; + } else if ( orgEvent.deltaMode === 2 ) { + var pageHeight = $.data(this, 'mousewheel-page-height'); + delta *= pageHeight; + deltaY *= pageHeight; + deltaX *= pageHeight; + } + + // Store lowest absolute delta to normalize the delta values + absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) ); + + if ( !lowestDelta || absDelta < lowestDelta ) { + lowestDelta = absDelta; + + // Adjust older deltas if necessary + if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { + lowestDelta /= 40; + } + } + + // Adjust older deltas if necessary + if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { + // Divide all the things by 40! + delta /= 40; + deltaX /= 40; + deltaY /= 40; + } + + // Get a whole, normalized value for the deltas + delta = Math[ delta >= 1 ? 'floor' : 'ceil' ](delta / lowestDelta); + deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta); + deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta); + + // Normalise offsetX and offsetY properties + if ( special.settings.normalizeOffset && this.getBoundingClientRect ) { + var boundingRect = this.getBoundingClientRect(); + offsetX = event.clientX - boundingRect.left; + offsetY = event.clientY - boundingRect.top; + } + + // Add information to the event object + event.deltaX = deltaX; + event.deltaY = deltaY; + event.deltaFactor = lowestDelta; + event.offsetX = offsetX; + event.offsetY = offsetY; + // Go ahead and set deltaMode to 0 since we converted to pixels + // Although this is a little odd since we overwrite the deltaX/Y + // properties with normalized deltas. + event.deltaMode = 0; + + // Add event and delta to the front of the arguments + args.unshift(event, delta, deltaX, deltaY); + + // Clearout lowestDelta after sometime to better + // handle multiple device types that give different + // a different lowestDelta + // Ex: trackpad = 3 and mouse wheel = 120 + if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); } + nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200); + + return ($.event.dispatch || $.event.handle).apply(this, args); + } + + function nullLowestDelta() { + lowestDelta = null; + } + + function shouldAdjustOldDeltas(orgEvent, absDelta) { + // If this is an older event and the delta is divisable by 120, + // then we are assuming that the browser is treating this as an + // older mouse wheel event and that we should divide the deltas + // by 40 to try and get a more usable deltaFactor. + // Side note, this actually impacts the reported scroll distance + // in older browsers and can cause scrolling to be slower than native. + // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false. + return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0; + } + +})); \ No newline at end of file diff --git a/src/main/webapp/js/swiper.min.js b/src/main/webapp/js/swiper.min.js new file mode 100644 index 00000000..46247576 --- /dev/null +++ b/src/main/webapp/js/swiper.min.js @@ -0,0 +1,13 @@ +/** + * Swiper 4.5.1 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * http://www.idangero.us/swiper/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: September 13, 2019 + */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Swiper=t()}(this,function(){"use strict";var f="undefined"==typeof document?{body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},location:{hash:""}}:document,ee="undefined"==typeof window?{document:f,navigator:{userAgent:""},location:{},history:{},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){}}:window,l=function(e){for(var t=0;t")){var o="div";for(0===n.indexOf(":~]/)?(t||f).querySelectorAll(e.trim()):[f.getElementById(e.trim().split("#")[1])],i=0;ia.slides.length)break;i.push(a.slides.eq(r)[0])}else i.push(a.slides.eq(a.activeIndex)[0]);for(t=0;t=t.size)&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(n),i.eq(n).addClass(a.slideVisibleClass))}o.progress=s?-l:l}t.visibleSlides=I(t.visibleSlides)}},updateProgress:function(e){void 0===e&&(e=this&&this.translate||0);var t=this,a=t.params,i=t.maxTranslate()-t.minTranslate(),s=t.progress,r=t.isBeginning,n=t.isEnd,o=r,l=n;n=0==i?r=!(s=0):(r=(s=(e-t.minTranslate())/i)<=0,1<=s),te.extend(t,{progress:s,isBeginning:r,isEnd:n}),(a.watchSlidesProgress||a.watchSlidesVisibility)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!l&&t.emit("reachEnd toEdge"),(o&&!r||l&&!n)&&t.emit("fromEdge"),t.emit("progress",s)},updateSlidesClasses:function(){var e,t=this,a=t.slides,i=t.params,s=t.$wrapperEl,r=t.activeIndex,n=t.realIndex,o=t.virtual&&i.virtual.enabled;a.removeClass(i.slideActiveClass+" "+i.slideNextClass+" "+i.slidePrevClass+" "+i.slideDuplicateActiveClass+" "+i.slideDuplicateNextClass+" "+i.slideDuplicatePrevClass),(e=o?t.$wrapperEl.find("."+i.slideClass+'[data-swiper-slide-index="'+r+'"]'):a.eq(r)).addClass(i.slideActiveClass),i.loop&&(e.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+n+'"]').addClass(i.slideDuplicateActiveClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+n+'"]').addClass(i.slideDuplicateActiveClass));var l=e.nextAll("."+i.slideClass).eq(0).addClass(i.slideNextClass);i.loop&&0===l.length&&(l=a.eq(0)).addClass(i.slideNextClass);var d=e.prevAll("."+i.slideClass).eq(0).addClass(i.slidePrevClass);i.loop&&0===d.length&&(d=a.eq(-1)).addClass(i.slidePrevClass),i.loop&&(l.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+l.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+l.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass),d.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+d.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+d.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass))},updateActiveIndex:function(e){var t,a=this,i=a.rtlTranslate?a.translate:-a.translate,s=a.slidesGrid,r=a.snapGrid,n=a.params,o=a.activeIndex,l=a.realIndex,d=a.snapIndex,p=e;if(void 0===p){for(var c=0;c=s[c]&&i=s[c]&&i=s[c]&&(p=c);n.normalizeSlideIndex&&(p<0||void 0===p)&&(p=0)}if((t=0<=r.indexOf(i)?r.indexOf(i):Math.floor(p/n.slidesPerGroup))>=r.length&&(t=r.length-1),p!==o){var u=parseInt(a.slides.eq(p).attr("data-swiper-slide-index")||p,10);te.extend(a,{snapIndex:t,realIndex:u,previousIndex:o,activeIndex:p}),a.emit("activeIndexChange"),a.emit("snapIndexChange"),l!==u&&a.emit("realIndexChange"),(a.initialized||a.runCallbacksOnInit)&&a.emit("slideChange")}else t!==d&&(a.snapIndex=t,a.emit("snapIndexChange"))},updateClickedSlide:function(e){var t=this,a=t.params,i=I(e.target).closest("."+a.slideClass)[0],s=!1;if(i)for(var r=0;r=o.length&&(u=o.length-1),(p||n.initialSlide||0)===(d||0)&&a&&s.emit("beforeSlideChangeStart");var h,v=-o[u];if(s.updateProgress(v),n.normalizeSlideIndex)for(var f=0;f=Math.floor(100*l[f])&&(r=f);if(s.initialized&&r!==p){if(!s.allowSlideNext&&vs.translate&&v>s.maxTranslate()&&(p||0)!==r)return!1}return h=pt.slides.length-t.loopedSlides+s/2?(t.loopFix(),r=i.children("."+a.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+a.slideDuplicateClass+")").eq(0).index(),te.nextTick(function(){t.slideTo(r)})):t.slideTo(r):r>t.slides.length-s?(t.loopFix(),r=i.children("."+a.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+a.slideDuplicateClass+")").eq(0).index(),te.nextTick(function(){t.slideTo(r)})):t.slideTo(r)}else t.slideTo(r)}};var h={loopCreate:function(){var i=this,e=i.params,t=i.$wrapperEl;t.children("."+e.slideClass+"."+e.slideDuplicateClass).remove();var s=t.children("."+e.slideClass);if(e.loopFillGroupWithBlank){var a=e.slidesPerGroup-s.length%e.slidesPerGroup;if(a!==e.slidesPerGroup){for(var r=0;rs.length&&(i.loopedSlides=s.length);var o=[],l=[];s.each(function(e,t){var a=I(t);e=s.length-i.loopedSlides&&o.push(t),a.attr("data-swiper-slide-index",e)});for(var d=0;d=s.length-r){e=-s.length+i+r,e+=r,t.slideTo(e,0,!1,!0)&&0!=p&&t.setTranslate((d?-t.translate:t.translate)-p)}t.allowSlidePrev=n,t.allowSlideNext=o},loopDestroy:function(){var e=this.$wrapperEl,t=this.params,a=this.slides;e.children("."+t.slideClass+"."+t.slideDuplicateClass+",."+t.slideClass+"."+t.slideBlankClass).remove(),a.removeAttr("data-swiper-slide-index")}};var v={setGrabCursor:function(e){if(!(ae.touch||!this.params.simulateTouch||this.params.watchOverflow&&this.isLocked)){var t=this.el;t.style.cursor="move",t.style.cursor=e?"-webkit-grabbing":"-webkit-grab",t.style.cursor=e?"-moz-grabbin":"-moz-grab",t.style.cursor=e?"grabbing":"grab"}},unsetGrabCursor:function(){ae.touch||this.params.watchOverflow&&this.isLocked||(this.el.style.cursor="")}};var m={appendSlide:function(e){var t=this,a=t.$wrapperEl,i=t.params;if(i.loop&&t.loopDestroy(),"object"==typeof e&&"length"in e)for(var s=0;s=ee.screen.width-d)){if(te.extend(a,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),s.startX=n,s.startY=o,a.touchStartTime=te.now(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,0s.startY&&t.translate>=t.minTranslate())return a.isTouched=!1,void(a.isMoved=!1)}else if(os.startX&&t.translate>=t.minTranslate())return;if(a.isTouchEvent&&f.activeElement&&n.target===f.activeElement&&I(n.target).is(a.formElements))return a.isMoved=!0,void(t.allowClick=!1);if(a.allowTouchCallbacks&&t.emit("touchMove",n),!(n.targetTouches&&1i.touchAngle:90-c>i.touchAngle);if(a.isScrolling&&t.emit("touchMoveOpposite",n),void 0===a.startMoving&&(s.currentX===s.startX&&s.currentY===s.startY||(a.startMoving=!0)),a.isScrolling)a.isTouched=!1;else if(a.startMoving){t.allowClick=!1,n.preventDefault(),i.touchMoveStopPropagation&&!i.nested&&n.stopPropagation(),a.isMoved||(i.loop&&t.loopFix(),a.startTranslate=t.getTranslate(),t.setTransition(0),t.animating&&t.$wrapperEl.trigger("webkitTransitionEnd transitionend"),a.allowMomentumBounce=!1,!i.grabCursor||!0!==t.allowSlideNext&&!0!==t.allowSlidePrev||t.setGrabCursor(!0),t.emit("sliderFirstMove",n)),t.emit("sliderMove",n),a.isMoved=!0;var u=t.isHorizontal()?d:p;s.diff=u,u*=i.touchRatio,r&&(u=-u),t.swipeDirection=0t.minTranslate()?(h=!1,i.resistance&&(a.currentTranslate=t.minTranslate()-1+Math.pow(-t.minTranslate()+a.startTranslate+u,v))):u<0&&a.currentTranslatea.startTranslate&&(a.currentTranslate=a.startTranslate),0i.threshold||a.allowThresholdMove))return void(a.currentTranslate=a.startTranslate);if(!a.allowThresholdMove)return a.allowThresholdMove=!0,s.startX=s.currentX,s.startY=s.currentY,a.currentTranslate=a.startTranslate,void(s.diff=t.isHorizontal()?s.currentX-s.startX:s.currentY-s.startY)}i.followFinger&&((i.freeMode||i.watchSlidesProgress||i.watchSlidesVisibility)&&(t.updateActiveIndex(),t.updateSlidesClasses()),i.freeMode&&(0===a.velocities.length&&a.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:te.now()})),t.updateProgress(a.currentTranslate),t.setTranslate(a.currentTranslate))}}}}}else a.startMoving&&a.isScrolling&&t.emit("touchMoveOpposite",n)}.bind(e),e.onTouchEnd=function(e){var t=this,a=t.touchEventsData,i=t.params,s=t.touches,r=t.rtlTranslate,n=t.$wrapperEl,o=t.slidesGrid,l=t.snapGrid,d=e;if(d.originalEvent&&(d=d.originalEvent),a.allowTouchCallbacks&&t.emit("touchEnd",d),a.allowTouchCallbacks=!1,!a.isTouched)return a.isMoved&&i.grabCursor&&t.setGrabCursor(!1),a.isMoved=!1,void(a.startMoving=!1);i.grabCursor&&a.isMoved&&a.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);var p,c=te.now(),u=c-a.touchStartTime;if(t.allowClick&&(t.updateClickedSlide(d),t.emit("tap",d),u<300&&300-t.maxTranslate())return void(t.slides.lengtht.minTranslate())i.freeModeMomentumBounce?(w-t.minTranslate()>E&&(w=t.minTranslate()+E),y=t.minTranslate(),T=!0,a.allowMomentumBounce=!0):w=t.minTranslate(),i.loop&&i.centeredSlides&&(x=!0);else if(i.freeModeSticky){for(var S,C=0;C-w){S=C;break}w=-(w=Math.abs(l[S]-w)=i.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}else{for(var M=0,P=t.slidesSizesGrid[0],k=0;k=o[k]&&p=o[k]&&(M=k,P=o[o.length-1]-o[o.length-2]);var z=(p-o[M])/P;if(u>i.longSwipesMs){if(!i.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(z>=i.longSwipesRatio?t.slideTo(M+i.slidesPerGroup):t.slideTo(M)),"prev"===t.swipeDirection&&(z>1-i.longSwipesRatio?t.slideTo(M+i.slidesPerGroup):t.slideTo(M))}else{if(!i.shortSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&t.slideTo(M+i.slidesPerGroup),"prev"===t.swipeDirection&&t.slideTo(M)}}}.bind(e),e.onClick=function(e){this.allowClick||(this.params.preventClicks&&e.preventDefault(),this.params.preventClicksPropagation&&this.animating&&(e.stopPropagation(),e.stopImmediatePropagation()))}.bind(e);var r="container"===t.touchEventsTarget?i:s,n=!!t.nested;if(ae.touch||!ae.pointerEvents&&!ae.prefixedPointerEvents){if(ae.touch){var o=!("touchstart"!==a.start||!ae.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};r.addEventListener(a.start,e.onTouchStart,o),r.addEventListener(a.move,e.onTouchMove,ae.passiveListener?{passive:!1,capture:n}:n),r.addEventListener(a.end,e.onTouchEnd,o)}(t.simulateTouch&&!g.ios&&!g.android||t.simulateTouch&&!ae.touch&&g.ios)&&(r.addEventListener("mousedown",e.onTouchStart,!1),f.addEventListener("mousemove",e.onTouchMove,n),f.addEventListener("mouseup",e.onTouchEnd,!1))}else r.addEventListener(a.start,e.onTouchStart,!1),f.addEventListener(a.move,e.onTouchMove,n),f.addEventListener(a.end,e.onTouchEnd,!1);(t.preventClicks||t.preventClicksPropagation)&&r.addEventListener("click",e.onClick,!0),e.on(g.ios||g.android?"resize orientationchange observerUpdate":"resize observerUpdate",b,!0)},detachEvents:function(){var e=this,t=e.params,a=e.touchEvents,i=e.el,s=e.wrapperEl,r="container"===t.touchEventsTarget?i:s,n=!!t.nested;if(ae.touch||!ae.pointerEvents&&!ae.prefixedPointerEvents){if(ae.touch){var o=!("onTouchStart"!==a.start||!ae.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};r.removeEventListener(a.start,e.onTouchStart,o),r.removeEventListener(a.move,e.onTouchMove,n),r.removeEventListener(a.end,e.onTouchEnd,o)}(t.simulateTouch&&!g.ios&&!g.android||t.simulateTouch&&!ae.touch&&g.ios)&&(r.removeEventListener("mousedown",e.onTouchStart,!1),f.removeEventListener("mousemove",e.onTouchMove,n),f.removeEventListener("mouseup",e.onTouchEnd,!1))}else r.removeEventListener(a.start,e.onTouchStart,!1),f.removeEventListener(a.move,e.onTouchMove,n),f.removeEventListener(a.end,e.onTouchEnd,!1);(t.preventClicks||t.preventClicksPropagation)&&r.removeEventListener("click",e.onClick,!0),e.off(g.ios||g.android?"resize orientationchange observerUpdate":"resize observerUpdate",b)}},breakpoints:{setBreakpoint:function(){var e=this,t=e.activeIndex,a=e.initialized,i=e.loopedSlides;void 0===i&&(i=0);var s=e.params,r=s.breakpoints;if(r&&(!r||0!==Object.keys(r).length)){var n=e.getBreakpoint(r);if(n&&e.currentBreakpoint!==n){var o=n in r?r[n]:void 0;o&&["slidesPerView","spaceBetween","slidesPerGroup"].forEach(function(e){var t=o[e];void 0!==t&&(o[e]="slidesPerView"!==e||"AUTO"!==t&&"auto"!==t?"slidesPerView"===e?parseFloat(t):parseInt(t,10):"auto")});var l=o||e.originalParams,d=l.direction&&l.direction!==s.direction,p=s.loop&&(l.slidesPerView!==s.slidesPerView||d);d&&a&&e.changeDirection(),te.extend(e.params,l),te.extend(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),e.currentBreakpoint=n,p&&a&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-i+e.loopedSlides,0,!1)),e.emit("breakpoint",l)}}},getBreakpoint:function(e){if(e){var t=!1,a=[];Object.keys(e).forEach(function(e){a.push(e)}),a.sort(function(e,t){return parseInt(e,10)-parseInt(t,10)});for(var i=0;i=ee.innerWidth&&!t&&(t=s)}return t||"max"}}},checkOverflow:{checkOverflow:function(){var e=this,t=e.isLocked;e.isLocked=1===e.snapGrid.length,e.allowSlideNext=!e.isLocked,e.allowSlidePrev=!e.isLocked,t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock"),t&&t!==e.isLocked&&(e.isEnd=!1,e.navigation.update())}},classes:{addClasses:function(){var t=this.classNames,a=this.params,e=this.rtl,i=this.$el,s=[];s.push("initialized"),s.push(a.direction),a.freeMode&&s.push("free-mode"),ae.flexbox||s.push("no-flexbox"),a.autoHeight&&s.push("autoheight"),e&&s.push("rtl"),1'+e+"");return s.attr("data-swiper-slide-index")||s.attr("data-swiper-slide-index",t),i.cache&&(a.virtual.cache[t]=s),s},appendSlide:function(e){if("object"==typeof e&&"length"in e)for(var t=0;tMath.abs(n.pixelY)))return!0;s=n.pixelX*r}else{if(!(Math.abs(n.pixelY)>Math.abs(n.pixelX)))return!0;s=n.pixelY}else s=Math.abs(n.pixelX)>Math.abs(n.pixelY)?-n.pixelX*r:-n.pixelY;if(0===s)return!0;if(i.invert&&(s=-s),a.params.freeMode){a.params.loop&&a.loopFix();var o=a.getTranslate()+s*i.sensitivity,l=a.isBeginning,d=a.isEnd;if(o>=a.minTranslate()&&(o=a.minTranslate()),o<=a.maxTranslate()&&(o=a.maxTranslate()),a.setTransition(0),a.setTranslate(o),a.updateProgress(),a.updateActiveIndex(),a.updateSlidesClasses(),(!l&&a.isBeginning||!d&&a.isEnd)&&a.updateSlidesClasses(),a.params.freeModeSticky&&(clearTimeout(a.mousewheel.timeout),a.mousewheel.timeout=te.nextTick(function(){a.slideToClosest()},300)),a.emit("scroll",t),a.params.autoplay&&a.params.autoplayDisableOnInteraction&&a.autoplay.stop(),o===a.minTranslate()||o===a.maxTranslate())return!0}else{if(60a-1-2*e.loopedSlides&&(r-=a-2*e.loopedSlides),n-1s.dynamicMainBullets-1?e.pagination.dynamicBulletIndex=s.dynamicMainBullets-1:e.pagination.dynamicBulletIndex<0&&(e.pagination.dynamicBulletIndex=0)),o=r-e.pagination.dynamicBulletIndex,d=((l=o+(Math.min(p.length,s.dynamicMainBullets)-1))+o)/2),p.removeClass(s.bulletActiveClass+" "+s.bulletActiveClass+"-next "+s.bulletActiveClass+"-next-next "+s.bulletActiveClass+"-prev "+s.bulletActiveClass+"-prev-prev "+s.bulletActiveClass+"-main"),1";i.html(s),e.pagination.bullets=i.find("."+t.bulletClass)}"fraction"===t.type&&(s=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):' / ',i.html(s)),"progressbar"===t.type&&(s=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):'',i.html(s)),"custom"!==t.type&&e.emit("paginationRender",e.pagination.$el[0])}},init:function(){var a=this,e=a.params.pagination;if(e.el){var t=I(e.el);0!==t.length&&(a.params.uniqueNavElements&&"string"==typeof e.el&&1'),s.append(r)),te.extend(t,{$el:s,el:s[0],$dragEl:r,dragEl:r[0]}),i.draggable&&t.enableDraggable()}},destroy:function(){this.scrollbar.disableDraggable()}},N={setTransform:function(e,t){var a=this.rtl,i=I(e),s=a?-1:1,r=i.attr("data-swiper-parallax")||"0",n=i.attr("data-swiper-parallax-x"),o=i.attr("data-swiper-parallax-y"),l=i.attr("data-swiper-parallax-scale"),d=i.attr("data-swiper-parallax-opacity");if(n||o?(n=n||"0",o=o||"0"):this.isHorizontal()?(n=r,o="0"):(o=r,n="0"),n=0<=n.indexOf("%")?parseInt(n,10)*t*s+"%":n*t*s+"px",o=0<=o.indexOf("%")?parseInt(o,10)*t+"%":o*t+"px",null!=d){var p=d-(d-1)*(1-Math.abs(t));i[0].style.opacity=p}if(null==l)i.transform("translate3d("+n+", "+o+", 0px)");else{var c=l-(l-1)*(1-Math.abs(t));i.transform("translate3d("+n+", "+o+", 0px) scale("+c+")")}},setTranslate:function(){var i=this,e=i.$el,t=i.slides,s=i.progress,r=i.snapGrid;e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function(e,t){i.parallax.setTransform(t,s)}),t.each(function(e,t){var a=t.progress;1i.maxRatio&&(a.scale=i.maxRatio-1+Math.pow(a.scale-i.maxRatio+1,.5)),a.scales.touchesStart.x))return void(s.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(s.minY)===Math.floor(s.startY)&&s.touchesCurrent.ys.touchesStart.y))return void(s.isTouched=!1)}e.preventDefault(),e.stopPropagation(),s.isMoved=!0,s.currentX=s.touchesCurrent.x-s.touchesStart.x+s.startX,s.currentY=s.touchesCurrent.y-s.touchesStart.y+s.startY,s.currentXs.maxX&&(s.currentX=s.maxX-1+Math.pow(s.currentX-s.maxX+1,.8)),s.currentYs.maxY&&(s.currentY=s.maxY-1+Math.pow(s.currentY-s.maxY+1,.8)),r.prevPositionX||(r.prevPositionX=s.touchesCurrent.x),r.prevPositionY||(r.prevPositionY=s.touchesCurrent.y),r.prevTime||(r.prevTime=Date.now()),r.x=(s.touchesCurrent.x-r.prevPositionX)/(Date.now()-r.prevTime)/2,r.y=(s.touchesCurrent.y-r.prevPositionY)/(Date.now()-r.prevTime)/2,Math.abs(s.touchesCurrent.x-r.prevPositionX)<2&&(r.x=0),Math.abs(s.touchesCurrent.y-r.prevPositionY)<2&&(r.y=0),r.prevPositionX=s.touchesCurrent.x,r.prevPositionY=s.touchesCurrent.y,r.prevTime=Date.now(),i.$imageWrapEl.transform("translate3d("+s.currentX+"px, "+s.currentY+"px,0)")}}},onTouchEnd:function(){var e=this.zoom,t=e.gesture,a=e.image,i=e.velocity;if(t.$imageEl&&0!==t.$imageEl.length){if(!a.isTouched||!a.isMoved)return a.isTouched=!1,void(a.isMoved=!1);a.isTouched=!1,a.isMoved=!1;var s=300,r=300,n=i.x*s,o=a.currentX+n,l=i.y*r,d=a.currentY+l;0!==i.x&&(s=Math.abs((o-a.currentX)/i.x)),0!==i.y&&(r=Math.abs((d-a.currentY)/i.y));var p=Math.max(s,r);a.currentX=o,a.currentY=d;var c=a.width*e.scale,u=a.height*e.scale;a.minX=Math.min(t.slideWidth/2-c/2,0),a.maxX=-a.minX,a.minY=Math.min(t.slideHeight/2-u/2,0),a.maxY=-a.minY,a.currentX=Math.max(Math.min(a.currentX,a.maxX),a.minX),a.currentY=Math.max(Math.min(a.currentY,a.maxY),a.minY),t.$imageWrapEl.transition(p).transform("translate3d("+a.currentX+"px, "+a.currentY+"px,0)")}},onTransitionEnd:function(){var e=this.zoom,t=e.gesture;t.$slideEl&&this.previousIndex!==this.activeIndex&&(t.$imageEl.transform("translate3d(0,0,0) scale(1)"),t.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,e.currentScale=1,t.$slideEl=void 0,t.$imageEl=void 0,t.$imageWrapEl=void 0)},toggle:function(e){var t=this.zoom;t.scale&&1!==t.scale?t.out():t.in(e)},in:function(e){var t,a,i,s,r,n,o,l,d,p,c,u,h,v,f,m,g=this,b=g.zoom,w=g.params.zoom,y=b.gesture,x=b.image;y.$slideEl||(y.$slideEl=g.clickedSlide?I(g.clickedSlide):g.slides.eq(g.activeIndex),y.$imageEl=y.$slideEl.find("img, svg, canvas"),y.$imageWrapEl=y.$imageEl.parent("."+w.containerClass)),y.$imageEl&&0!==y.$imageEl.length&&(y.$slideEl.addClass(""+w.zoomedSlideClass),a=void 0===x.touchesStart.x&&e?(t="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,"touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(t=x.touchesStart.x,x.touchesStart.y),b.scale=y.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,b.currentScale=y.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,e?(f=y.$slideEl[0].offsetWidth,m=y.$slideEl[0].offsetHeight,i=y.$slideEl.offset().left+f/2-t,s=y.$slideEl.offset().top+m/2-a,o=y.$imageEl[0].offsetWidth,l=y.$imageEl[0].offsetHeight,d=o*b.scale,p=l*b.scale,h=-(c=Math.min(f/2-d/2,0)),v=-(u=Math.min(m/2-p/2,0)),(r=i*b.scale)>1]<=t?i=s:a=s;return a};return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(n=o(this.x,e),r=n-1,(e-this.x[r])*(this.y[n]-this.y[r])/(this.x[n]-this.x[r])+this.y[r]):0},this},getInterpolateFunction:function(e){var t=this;t.controller.spline||(t.controller.spline=t.params.loop?new V.LinearSpline(t.slidesGrid,e.slidesGrid):new V.LinearSpline(t.snapGrid,e.snapGrid))},setTranslate:function(e,t){var a,i,s=this,r=s.controller.control;function n(e){var t=s.rtlTranslate?-s.translate:s.translate;"slide"===s.params.controller.by&&(s.controller.getInterpolateFunction(e),i=-s.controller.spline.interpolate(-t)),i&&"container"!==s.params.controller.by||(a=(e.maxTranslate()-e.minTranslate())/(s.maxTranslate()-s.minTranslate()),i=(t-s.minTranslate())*a+e.minTranslate()),s.params.controller.inverse&&(i=e.maxTranslate()-i),e.updateProgress(i),e.setTranslate(i,s),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(r))for(var o=0;o'),i.append(e)),e.css({height:r+"px"})):0===(e=a.find(".swiper-cube-shadow")).length&&(e=I('
'),a.append(e)));for(var h=0;h'),v.append(E)),0===S.length&&(S=I('
'),v.append(S)),E.length&&(E[0].style.opacity=Math.max(-b,0)),S.length&&(S[0].style.opacity=Math.max(b,0))}}if(i.css({"-webkit-transform-origin":"50% 50% -"+l/2+"px","-moz-transform-origin":"50% 50% -"+l/2+"px","-ms-transform-origin":"50% 50% -"+l/2+"px","transform-origin":"50% 50% -"+l/2+"px"}),d.shadow)if(p)e.transform("translate3d(0px, "+(r/2+d.shadowOffset)+"px, "+-r/2+"px) rotateX(90deg) rotateZ(0deg) scale("+d.shadowScale+")");else{var C=Math.abs(u)-90*Math.floor(Math.abs(u)/90),M=1.5-(Math.sin(2*C*Math.PI/360)/2+Math.cos(2*C*Math.PI/360)/2),P=d.shadowScale,k=d.shadowScale/M,z=d.shadowOffset;e.transform("scale3d("+P+", 1, "+k+") translate3d(0px, "+(n/2+z)+"px, "+-n/2/k+"px) rotateX(-90deg)")}var $=ie.isSafari||ie.isUiWebView?-l/2:0;i.transform("translate3d(0px,0,"+$+"px) rotateX("+(t.isHorizontal()?0:u)+"deg) rotateY("+(t.isHorizontal()?-u:0)+"deg)")},setTransition:function(e){var t=this.$el;this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),this.params.cubeEffect.shadow&&!this.isHorizontal()&&t.find(".swiper-cube-shadow").transition(e)}},U={setTranslate:function(){for(var e=this,t=e.slides,a=e.rtlTranslate,i=0;i'),s.append(p)),0===c.length&&(c=I('
'),s.append(c)),p.length&&(p[0].style.opacity=Math.max(-r,0)),c.length&&(c[0].style.opacity=Math.max(r,0))}s.transform("translate3d("+l+"px, "+d+"px, 0px) rotateX("+o+"deg) rotateY("+n+"deg)")}},setTransition:function(e){var a=this,t=a.slides,i=a.activeIndex,s=a.$wrapperEl;if(t.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),a.params.virtualTranslate&&0!==e){var r=!1;t.eq(i).transitionEnd(function(){if(!r&&a&&!a.destroyed){r=!0,a.animating=!1;for(var e=["webkitTransitionEnd","transitionend"],t=0;t'),v.append(E)),0===S.length&&(S=I('
'),v.append(S)),E.length&&(E[0].style.opacity=0')}}),Object.keys(Y).forEach(function(e){t.a11y[e]=Y[e].bind(t)})},on:{init:function(){this.params.a11y.enabled&&(this.a11y.init(),this.a11y.updateNavigation())},toEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},fromEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},paginationUpdate:function(){this.params.a11y.enabled&&this.a11y.updatePagination()},destroy:function(){this.params.a11y.enabled&&this.a11y.destroy()}}},{name:"history",params:{history:{enabled:!1,replaceState:!1,key:"slides"}},create:function(){var e=this;te.extend(e,{history:{init:F.init.bind(e),setHistory:F.setHistory.bind(e),setHistoryPopState:F.setHistoryPopState.bind(e),scrollToSlide:F.scrollToSlide.bind(e),destroy:F.destroy.bind(e)}})},on:{init:function(){this.params.history.enabled&&this.history.init()},destroy:function(){this.params.history.enabled&&this.history.destroy()},transitionEnd:function(){this.history.initialized&&this.history.setHistory(this.params.history.key,this.activeIndex)}}},{name:"hash-navigation",params:{hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}},create:function(){var e=this;te.extend(e,{hashNavigation:{initialized:!1,init:R.init.bind(e),destroy:R.destroy.bind(e),setHash:R.setHash.bind(e),onHashCange:R.onHashCange.bind(e)}})},on:{init:function(){this.params.hashNavigation.enabled&&this.hashNavigation.init()},destroy:function(){this.params.hashNavigation.enabled&&this.hashNavigation.destroy()},transitionEnd:function(){this.hashNavigation.initialized&&this.hashNavigation.setHash()}}},{name:"autoplay",params:{autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1}},create:function(){var t=this;te.extend(t,{autoplay:{running:!1,paused:!1,run:q.run.bind(t),start:q.start.bind(t),stop:q.stop.bind(t),pause:q.pause.bind(t),onTransitionEnd:function(e){t&&!t.destroyed&&t.$wrapperEl&&e.target===this&&(t.$wrapperEl[0].removeEventListener("transitionend",t.autoplay.onTransitionEnd),t.$wrapperEl[0].removeEventListener("webkitTransitionEnd",t.autoplay.onTransitionEnd),t.autoplay.paused=!1,t.autoplay.running?t.autoplay.run():t.autoplay.stop())}}})},on:{init:function(){this.params.autoplay.enabled&&this.autoplay.start()},beforeTransitionStart:function(e,t){this.autoplay.running&&(t||!this.params.autoplay.disableOnInteraction?this.autoplay.pause(e):this.autoplay.stop())},sliderFirstMove:function(){this.autoplay.running&&(this.params.autoplay.disableOnInteraction?this.autoplay.stop():this.autoplay.pause())},destroy:function(){this.autoplay.running&&this.autoplay.stop()}}},{name:"effect-fade",params:{fadeEffect:{crossFade:!1}},create:function(){te.extend(this,{fadeEffect:{setTranslate:W.setTranslate.bind(this),setTransition:W.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if("fade"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"fade");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){"fade"===this.params.effect&&this.fadeEffect.setTranslate()},setTransition:function(e){"fade"===this.params.effect&&this.fadeEffect.setTransition(e)}}},{name:"effect-cube",params:{cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}},create:function(){te.extend(this,{cubeEffect:{setTranslate:j.setTranslate.bind(this),setTransition:j.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if("cube"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"cube"),e.classNames.push(e.params.containerModifierClass+"3d");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){"cube"===this.params.effect&&this.cubeEffect.setTranslate()},setTransition:function(e){"cube"===this.params.effect&&this.cubeEffect.setTransition(e)}}},{name:"effect-flip",params:{flipEffect:{slideShadows:!0,limitRotation:!0}},create:function(){te.extend(this,{flipEffect:{setTranslate:U.setTranslate.bind(this),setTransition:U.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;if("flip"===e.params.effect){e.classNames.push(e.params.containerModifierClass+"flip"),e.classNames.push(e.params.containerModifierClass+"3d");var t={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};te.extend(e.params,t),te.extend(e.originalParams,t)}},setTranslate:function(){"flip"===this.params.effect&&this.flipEffect.setTranslate()},setTransition:function(e){"flip"===this.params.effect&&this.flipEffect.setTransition(e)}}},{name:"effect-coverflow",params:{coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0}},create:function(){te.extend(this,{coverflowEffect:{setTranslate:K.setTranslate.bind(this),setTransition:K.setTransition.bind(this)}})},on:{beforeInit:function(){var e=this;"coverflow"===e.params.effect&&(e.classNames.push(e.params.containerModifierClass+"coverflow"),e.classNames.push(e.params.containerModifierClass+"3d"),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)},setTranslate:function(){"coverflow"===this.params.effect&&this.coverflowEffect.setTranslate()},setTransition:function(e){"coverflow"===this.params.effect&&this.coverflowEffect.setTransition(e)}}},{name:"thumbs",params:{thumbs:{swiper:null,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-container-thumbs"}},create:function(){te.extend(this,{thumbs:{swiper:null,init:_.init.bind(this),update:_.update.bind(this),onThumbClick:_.onThumbClick.bind(this)}})},on:{beforeInit:function(){var e=this.params.thumbs;e&&e.swiper&&(this.thumbs.init(),this.thumbs.update(!0))},slideChange:function(){this.thumbs.swiper&&this.thumbs.update()},update:function(){this.thumbs.swiper&&this.thumbs.update()},resize:function(){this.thumbs.swiper&&this.thumbs.update()},observerUpdate:function(){this.thumbs.swiper&&this.thumbs.update()},setTransition:function(e){var t=this.thumbs.swiper;t&&t.setTransition(e)},beforeDestroy:function(){var e=this.thumbs.swiper;e&&this.thumbs.swiperCreated&&e&&e.destroy()}}}];return void 0===T.use&&(T.use=T.Class.use,T.installModule=T.Class.installModule),T.use(Z),T}); +// //# sourceMappingURL=swiper.min.js.map diff --git a/src/main/webapp/location.html b/src/main/webapp/location.html new file mode 100644 index 00000000..fd620717 --- /dev/null +++ b/src/main/webapp/location.html @@ -0,0 +1,509 @@ + + + + + + + +소장자료관 - 카트 + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+ + +
+

찾아오시는길 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 자료관안내
    • +
  • 찾아오시는길
    • +
+
    +
  • 찾아오시는길
    • +
+
+
화살표 아이콘
+
+
+
+

경주문화원 오시는 길

+
+
+
+

지도 아이콘

+

주소

+

(38145) 경북 경주시 중앙로 67-12 (동부동)

+
+
+

달력 아이콘

+

운영시간

+

월요일~금요일 / 오전 9:00 ~ 오후 6:00

+

매주 토요일, 일요일 휴관
관공서의 휴관일 및 국가가 정한 임시 공휴일 휴관

+
+
+

전화 아이콘

+

전화

+

054-743-7182

+
+
+

팩스 아이콘

+

팩스

+

054-743-7155

+
+
+
+
+
+
+
+

자가용으로 오시는길

+
+
+ 경주 IC → 경주역 → 경주경찰서, 법원 → 경주문화원 +
+
+ 울산, 포항 → 경주역 → 경주경찰서, 법원 → 경주문화원 +
+
+

주차장 안내

+ 기타 주차 정보를 확인할 수 있는 방법을 안내하는 문구를 넣을 수 있습니다. +
+
+
+
+

지하철로 오시는길

+
+
+

1호선

+ OOO역 3번 출구 → 도보 8분 +
+
+

3호선

+ OOO역 3번 출구 → 마을 07, 간선 134 버스 환승 +
+
+
+
+

버스로 오시는길

+
+
+

정류장명 : 경주문화원 하차

+

간선버스 : 164, 123, 456, 789, 901A, 901B

+

지선버스 : z, 02, 34, 56, 78, 90

+

공항버스 : 1200

+
+
+
+
+
+
+
+ + + + + + + +
+ + + \ No newline at end of file