diff --git a/src/main/java/nlib/col/service/CollectionVO.java b/src/main/java/nlib/col/service/CollectionVO.java index 91c784db..44ca2186 100644 --- a/src/main/java/nlib/col/service/CollectionVO.java +++ b/src/main/java/nlib/col/service/CollectionVO.java @@ -161,7 +161,40 @@ public class CollectionVO extends PagingVO { //--------------------------------------------- protected String deptNm; /* 관리부서이름 */ protected String domainHostNm; /* 관리부서 호스트주소 */ - // 생성자 + + + //--------------------------------------------- + // 각종 상태 제공 서비스 + //--------------------------------------------- + public boolean canRead() { + return true; + } + public boolean canRent() { + return true; + } + public boolean canOnline() { + return true; + } + + public boolean canReadNow() { + return true; + } + public boolean canRentNow() { + return canRentAppNow() || canRentResNow(); + } + public boolean canRentAppNow() { + return true; + } + public boolean canRentResNow() { + return true; + } + public boolean canOnlineNow() { + return true; + } + + //--------------------------------------------- + // 생성자 + //--------------------------------------------- public CollectionVO() { super(); } diff --git a/src/main/resources/egovframework/egovProps/globals.properties b/src/main/resources/egovframework/egovProps/globals.properties index e494f328..98e0722d 100644 --- a/src/main/resources/egovframework/egovProps/globals.properties +++ b/src/main/resources/egovframework/egovProps/globals.properties @@ -30,7 +30,7 @@ Globals.DbType = maria # > grant all privileges on uac_cltr_db.* to 'uac_cltr'; # > flush privileges; Globals.maria.DriverClassName=org.mariadb.jdbc.Driver -Globals.maria.Url=jdbc:mariadb://nlib-db.nculture.org:3306/uac_cltr_db +Globals.maria.Url=jdbc:mariadb://210.181.197.70:3306/uac_cltr_db Globals.maria.UserName = uac_cltr Globals.maria.Password = uac_cltr diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp index 2df07f13..4f4793b1 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp @@ -1,451 +1,451 @@ -<% -/** - * 
- * @Class Name : selectItemInfo.jsp
- * 
- * @Description : 소장자료 상세내용을 조회한다.
- * 
- * 
- * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
- *
- *
- * - * @ ------------ -------- --------------------------- - * @ 수정일 수정자 수정내용 - * @ ------------ -------- --------------------------- - * @ 2021. 7. 30. JSYOO 최초 생성 - * @ 2021.10. 28. KNKIM 대출예약, 방문열람신청, 카트담기 연결 처리 - * - * - * @author 이씨플라자 * DIGITALSHIP JSYOO - * @since 2021. 7. 30. - * @version 1.0 - * - */ - %> -<%@ page language="java" contentType="text/html; charset=UTF-8" %> -<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> -<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %> -<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> -<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> -<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> -<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> -<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> - - -자료 상세 - - - - - - - - -소장자료관 - 소장자료 상세페이지 - - - -
- -
-
- - - - - - - - - - - - - - - - - - - - - - - -

소장자료 상세페이지 섹션영역

-
-
-
-
-
-
- - 온라인열람 - - - 대출 - - - 방문열람 - - - 기타 - -
-
- -
-
-
-
" alt="썸네일">
-
-
-
- - - - - - - - - - - - - -
-
-
-
    -
  • - 자료유형 - - - - - - - > - - - - - - - - - - -
    • -
  • - 연대 - - 년부터 - 까지 - - - -
    • -
  • - 주제분야 - - - - - - - > - - - - - - - - - - -
    • -
  • - 저자 - - -
    • -
  • - 생산기관 - - -
    • -
  • - 출판사 - - -
    • -
  • - 생산년도 - - -
    • -
  • - 발간유형 - - -
    • -
  • - 테마 - - -
    • -
  • - 발간매체 - - -
    • -
  • - 시대 - - -
    • -
  • - 청구기호 - - -
    • -
-
-
- - - -
- -
- 키워드 - - - -
- -
-
-
-
-
-
-
-
-
이용상태 아이콘
-
이용상태
-
(대기자 명)
-
-
-
달력 아이콘
-
반납예정일
-
-
-
-
대출 아이콘
-
대출
-
- 신청가능 - 예약가능 - 신청/예약불가 -
-
-
-
방문 아이콘
-
방문열람
-
- 신청가능 - 신청불가 -
-
-
-
-

- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.

-

- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.

-
-
- -
-
-

목차정보

- -
-
-

없음

-
-
- - -
-
- -
-
-

함께 볼만한자료

-
-
- -
-
-
-
${result.title }
-
-
-

자료유형- ${result.typeDivNm } >${result.dtlsTypeDivNm}

-

주제분야- ${result.subjectNm } >${result.subjectNm}

-

생산기관-${result.orgNm }

-

생산년도-${result.creatYyyy }

-
-
-
- -
-
-
-
-
- -
-
- -
- -
- -
-
-

이 자료와 유사한자료

-

“ ,${list } ” 에 있습니다

-
-
- -
-
- -
-
-
-
- -
- ${result.title } -
    -
  • 주제유형-${result.typeDivNm }
    • -
  • 주제분야-${result.subjectNmUp }
    • -
  • 생산기관-${result.orgNm }
    • -
  • 생산년도-${result.creatYyyy }
    • -
-
-
-
-
-
- -
-
-
-
-
- -
-
- -
- -
-
-
-
-
-
- - - - - - - +<% +/** + * 
+ * @Class Name : selectItemInfo.jsp
+ * 
+ * @Description : 소장자료 상세내용을 조회한다.
+ * 
+ * 
+ * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+ *
+ *
+ * + * @ ------------ -------- --------------------------- + * @ 수정일 수정자 수정내용 + * @ ------------ -------- --------------------------- + * @ 2021. 7. 30. JSYOO 최초 생성 + * @ 2021.10. 28. KNKIM 대출예약, 방문열람신청, 카트담기 연결 처리 + * + * + * @author 이씨플라자 * DIGITALSHIP JSYOO + * @since 2021. 7. 30. + * @version 1.0 + * + */ + %> +<%@ page language="java" contentType="text/html; charset=UTF-8" %> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %> +<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> +<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> +<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> +<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> + + +자료 상세 + + + + + + + + +소장자료관 - 소장자료 상세페이지 + + + +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + +

소장자료 상세페이지 섹션영역

+
+
+
+
+
+
+ + 온라인열람 + + + 대출 + + + 방문열람 + + + 기타 + +
+
+ +
+
+
+
" alt="썸네일">
+
+
+
+ + + + + + + + + + + + + +
+
+
+
    +
  • + 자료유형 + + + + + + + > + + + + + - + + + + +
    • +
  • + 연대 + + 년부터 + 까지 + - + +
    • +
  • + 주제분야 + + + + + + + > + + + + + - + + + + +
    • +
  • + 저자 + - +
    • +
  • + 생산기관 + - +
    • +
  • + 출판사 + - +
    • +
  • + 생산년도 + - +
    • +
  • + 발간유형 + - +
    • +
  • + 테마 + - +
    • +
  • + 발간매체 + - +
    • +
  • + 시대 + - +
    • +
  • + 청구기호 + - +
    • +
+
+
+ + + +
+ +
+ 키워드 + + + +
+ +
+
+
+
+
+
+
+
+
이용상태 아이콘
+
이용상태
+
(대기자 명)
+
+
+
달력 아이콘
+
반납예정일
+
+
+
+
대출 아이콘
+
대출
+
+ 신청가능 + 예약가능 + 신청/예약불가 +
+
+
+
방문 아이콘
+
방문열람
+
+ 신청가능 + 신청불가 +
+
+
+
+

- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.

+

- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.

+
+
+ +
+
+

목차정보

+ +
+
+

없음

+
+
+ + +
+
+ +
+
+

함께 볼만한자료

+
+
+ +
+
+
+
${result.title }
+
+
+

자료유형- ${result.typeDivNm } >${result.dtlsTypeDivNm}

+

주제분야- ${result.subjectNm } >${result.subjectNm}

+

생산기관-${result.orgNm }

+

생산년도-${result.creatYyyy }

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

이 자료와 유사한자료

+

“ ,${list } ” 에 있습니다

+
+
+ +
+
+ +
+
+
+
+ +
+ ${result.title } +
    +
  • 주제유형-${result.typeDivNm }
    • +
  • 주제분야-${result.subjectNmUp }
    • +
  • 생산기관-${result.orgNm }
    • +
  • 생산년도-${result.creatYyyy }
    • +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+ +
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp index 3492e4b0..26cb7b1e 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp @@ -1,513 +1,512 @@ - -<% - /** - * 
-     * @Class Name : searchList.jsp
-     * 
-     * @Description : 소장 자료를 조회한다.
-     * 
-     * 
-     * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
-     *
-     *
- * - * @ ------------ -------- --------------------------- - * @ 수정일 수정자 수정내용 - * @ ------------ -------- --------------------------- - * @ 2021. 10. 13. JSYOO 최초 생성 - * - * - * @author 이씨플라자 * DIGITALSHIP JSYOO - * @since 2021. 10. 13. - * @version 1.0 - * - */ -%> -<%@ page language="java" contentType="text/html; charset=UTF-8"%> -<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> -<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> -<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> -<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> -<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> -<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> -<%@ taglib prefix="validator" - uri="http://www.springmodules.org/tags/commons-validator"%> - -소장 자료 - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - -
-

소장자료 섹션영역

-
-
-
-
    -
  • HOME
    • -
  • 소장자료
    • -
-
    -
  • 소장자료
    • -
-
-
화살표 아이콘
-
-
-
- -
-
-
-

검색필터

- -
-
-
    -
-
-
-
-
-

자료유형

-
-
-
    - -
  • -
    on"> -
    - checked="checked" /> - -
    -
    -
      - - -
    • -
      checked="checked" /> - -
      -
      • -       -       -
    -
    • -     -
-
- -
-
-
-

주제분야

- -
-
-
    - - - -
  • -
    on"> -
    checked="checked"/>
    -
    -
      - - -
    • checked="checked"/>
      • -       -       -
    -
    • - -     -     -
-
- -
- -
-
-

생산년도

-
-
-
    -
  • - -
    • -
  • - - ~ -
    • -
  • - -
    • -
-
- -
- -
-
-

생산기관

-
-
-
    - -
  • -
    -
    checked="checked"/>
    -
    -
    • -     -
-
- -
- -
-
-
- -
-
- - -
- - - ${searchVO.realQuery}에 대한 검색결과는 총 - 건 입니다. - - - - 총 건 - - -
-
- -
-
- - -
-
- - style="display:none;" placeholder="검색어를 입력하세요." value="${searchVO.query}" maxlength="50" /> - - style="display:none;" placeholder="결과내재검색" value="${searchVO.reQuery}" maxlength="50" /> - -
-
-
- -
-
-
- -
-
-
-
자료정보
-
이용
-
- -
-
-
썸네일 - - - 즐겨찾기 아이콘 - 즐겨찾기 아이콘 - - - - - 즐겨찾기 아이콘 - 즐겨찾기 아이콘 - - -
-
- - 온라인열람 - - - 대출 - - - 방문열람 - - - 기타 - -
-
-
-
- 자료유형 : - ${result.typeCodeNm} > ${result.dtlsTypeDivNm} - 주제분야 : - ${result.subjectNmUp} > ${result.subjectNm } - 생산기관 : -${result.orgNm } - 생산년도 : -${result.creatYyyy } -
-
-
- - -

${result.operOutRangeNm}
${result.operReadRangeNm}

- - - -

${result.operOutRangeNm}${result.operReadRangeNm}

- - - - - - - -
-
- - -
-
-

느낌표 아이콘

-

검색된 결과가 없습니다

-

지역N문화에서 더 많은 자료를 확인하세요!

-

-
-
- -
-
- -
    -
- -
-
-
-
-
- -
-
-
-
-
+<% + /** + * 
+     * @Class Name : searchList.jsp
+     * 
+     * @Description : 소장 자료를 조회한다.
+     * 
+     * 
+     * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+     *
+     *
+ * + * @ ------------ -------- --------------------------- + * @ 수정일 수정자 수정내용 + * @ ------------ -------- --------------------------- + * @ 2021. 10. 13. JSYOO 최초 생성 + * + * + * @author 이씨플라자 * DIGITALSHIP JSYOO + * @since 2021. 10. 13. + * @version 1.0 + * + */ +%> +<%@ page language="java" contentType="text/html; charset=UTF-8"%> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> +<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> +<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> +<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> +<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> +<%@ taglib prefix="validator" + uri="http://www.springmodules.org/tags/commons-validator"%> + +소장 자료 + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + +
+

소장자료 섹션영역

+
+
+
+
    +
  • HOME
    • +
  • 소장자료
    • +
+
    +
  • 소장자료
    • +
+
+
화살표 아이콘
+
+
+
+ +
+
+
+

검색필터

+ +
+
+
    +
+
+
+
+
+

자료유형

+
+
+
    + +
  • +
    on"> +
    + checked="checked" /> + +
    +
    +
      + + +
    • +
      checked="checked" /> + +
      +
      • +       +       +
    +
    • +     +
+
+ +
+
+
+

주제분야

+ +
+
+
    + + + +
  • +
    on"> +
    checked="checked"/>
    +
    +
      + + +
    • checked="checked"/>
      • +       +       +
    +
    • + +     +     +
+
+ +
+ +
+
+

생산년도

+
+
+
    +
  • + +
    • +
  • + + ~ +
    • +
  • + +
    • +
+
+ +
+ +
+
+

생산기관

+
+
+
    + +
  • +
    +
    checked="checked"/>
    +
    +
    • +     +
+
+ +
+ +
+
+
+ +
+
+ + +
+ + + ${searchVO.realQuery}에 대한 검색결과는 총 + 건 입니다. + + + + 총 건 + + +
+
+ +
+
+ + +
+
+ + style="display:none;" placeholder="검색어를 입력하세요." value="${searchVO.query}" maxlength="50" /> + + style="display:none;" placeholder="결과내재검색" value="${searchVO.reQuery}" maxlength="50" /> + +
+
+
+ +
+
+
+ +
+
+
+
자료정보
+
이용
+
+ +
+
+
썸네일 + + + 즐겨찾기 아이콘 + 즐겨찾기 아이콘 + + + + + 즐겨찾기 아이콘 + 즐겨찾기 아이콘 + + +
+
+ + 온라인열람 + + + 대출 + + + 방문열람 + + + 기타 + +
+
+
+
+ 자료유형 : - ${result.typeCodeNm} > ${result.dtlsTypeDivNm} + 주제분야 : - ${result.subjectNmUp} > ${result.subjectNm } + 생산기관 : -${result.orgNm } + 생산년도 : -${result.creatYyyy } +
+
+
+ + +

${result.operOutRangeNm}
${result.operReadRangeNm}

+ + + +

${result.operOutRangeNm}${result.operReadRangeNm}

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

느낌표 아이콘

+

검색된 결과가 없습니다

+

지역N문화에서 더 많은 자료를 확인하세요!

+

+
+
+ +
+
+ +
    +
+ +
+
+
+
+
+ +
+
+
+
+
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 15f3027c..80efacd5 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -1,2018 +1,2020 @@ -@charset "utf-8"; - -/********** 헤더 **********/ -.blind {display:none;} -.wrap {display:inline-block;width: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;border-left:1px solid #999;color:#fff;margin-left:15px;padding-left:15px;position: relative;top:-14px;} -.wrap header .inner h1 a span.title-1 {border-left:0px;margin-left:0;} -.wrap header .inner .search-wrap .search-close {display:none;} -.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:block;font-weight: 300;} -.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display: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 span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} -.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a span.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 span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} -.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a span.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;} -.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;} - - -/********** 메인섹션1 **********/ -.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;} - - -/********** 메인섹션2 **********/ -.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;} - - -/********** 메인섹션3 **********/ -.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 {width:140px;height:100%;} -.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;} -.sec3 .pickSwiper .swiper-slide .list-box .subject a {display:inline-block;width:100%;height:85px;overflow:hidden;} -.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%;} - - -/********** 메인섹션4 **********/ -.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;} - - -/********** 메인섹션5 **********/ -.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;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;} - - -/********** 메인섹션6 **********/ -.sec6 {padding:100px 0px 100px;} -.sec6 .inner {width:100%;position: relative;} -.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;} -.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;} -.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;display:flex;align-items:center;height:350px;background:url('/images/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%;vertical-align:middle;} -.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;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;} -.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;margin:0;} -.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;} - - -/********** 메인섹션7 **********/ -.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 span {color:#fff;display:block;} -.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;} - - -/********** 현재위치 섹션 **********/ -.location {clear:both;width:100%;text-align: center;} -.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;} - -.location .inner .row-top.icon {padding-bottom: 0px !important;margin-bottom:20px !important;} - -/********** 회원가입 **********/ -.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;} - - -/********** 회원가입 완료 **********/ -.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;padding:0;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-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;} -.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;} -.join-box .success .box .icon.google {background: #fff;border-radius:50%;} -.join.connect .inner .row-bottom .join-box .success .box .text {float:left;} -.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;} -.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;} -.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;} -.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 .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 .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;width:100%;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 .map-box {margin-bottom:80px;} -.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;margin-bottom:5px;} -.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 .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;} -.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:34px;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 a span {font-size:12px;} -.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: 33px 0px;} -.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {padding:15px 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;padding:10px 0px;} -.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;} -.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;} -.cart .inner .visit-confirm .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;} - -/********** 소장자료 **********/ -.data .inner .row-bottom {position: relative;} -.article-side {float: left;width:320px;margin-right:40px;} -.culture-box {float: left;width:1040px;} -.filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;} - -/* 통합검색 필터 */ -.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;} -.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;} -.filter-head:after {content: "";display: block;clear: both;} -.filter-head h2 {float: left;font-size: 18px;font-weight: 600;} -.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;} -.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;} -.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;} -.filter-wrap .choice-condition .sign {margin: 0 10px;} -.filter-wrap .choice-condition em {color: #333;} -.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/btn/btn-cnl.jpg) no-repeat right center;} -.filter-wrap .filter {margin-top: 32px;} -.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;} -.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;} -.filter-wrap .filter-tit .btn-toggle {float: right;text-indent: -9999px;} -.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/btn/btn-plus.png) no-repeat center right;} -.filter-wrap .filter-tit:after {content: "";display: block;clear: both;} -.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;} -.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;} -.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;} - -.filter-wrap .filter.nodepth .depth-1 .check label {background: none;} -.filter-wrap .filter.nodepth .depth-1.on .check label {background: none;} - -.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;} -.filter-wrap .filter .depth-1 .check {float: left;} -.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;} -.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/btn/btn-arrow-up.png) no-repeat right center;} -.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;} -.filter-wrap .filter .depth-2 li {margin-top: 6px;} -.filter-wrap .filter .depth-2 li label {padding-left: 15px;} -.filter-wrap .filter .filter-list.year ul li {height:36px;height:36px;} -.filter-wrap .filter .filter-list.year ul li label {display: inline-block;font-size:14px;height:36px;line-height:36px;} -.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;} -.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;} -.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;} -.btn-all-view{} -.btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;} -.btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;} -.btn-apply {width: 100%;font-size: 13px;color: #fff;background:#3e414a;height: 30px;border: 1px solid #ddd;margin-top: 20px;border-radius: 3px;} -.pop-choice-condition, -.pop-btn-wrap {display: none;text-align: center;padding-top: 30px;} -.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;} -.filter-wrap .filter-list > ul > li:nth-child(4) ~ li {display: none;} -.filter-wrap .tab-name {background: transparent;position: absolute;width: 100%;top: 0;left: 0;text-indent: -9999px;overflow: hidden;font-size:14px;} -.filter-wrap .depth-1.on + .depth-2 {display: block !important;} -.filter .check input[type="checkbox"] + label {padding-left: 0;} -.filter .check input[type="checkbox"] + label:focus, -.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;} -.filter .check input[type="checkbox"] + label:before {display: none;} -.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px;background: url(/images/icon/icon-data-more.png) no-repeat left center;} -.filter .check input[type="checkbox"]:checked + label {color: #2781c1;} -.data .inner {display:inline-block;width:100%;margin-bottom:50px;} -.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;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-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;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:83%;height:100%;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 25px 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;height:100%;padding:0% 40px;margin-right:2%;position: relative;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;} -.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;margin-bottom: 25px;} -.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.subject span {margin-right:5px;padding-right:8px;border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span:last-child {border-right:0;} -.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.t-data > div.type span.etc {background:#e9e6df;color:#222;} - -.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;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} - -.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;} -.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;} -.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label {font-weight: 500;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label input {margin-right:5px;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select {} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input {height:36px;line-height: 36px;border:1px solid #ddd;color:#666;padding:0px 40px 0px 10px;vertical-align: top;border-radius: 3px;position: relative;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input::placeholder {font-size:12px;color:#999;font-weight: 500;} -.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button {background: url(/images/icon/icon-data-search.png) no-repeat center;text-indent: -9999999px;width:36px;height:36px;vertical-align: top;position: absolute;top:0px;right:0px;} - - -/********** 소장자료 상세페이지 **********/ -.data.detail {width:100%;} -.data.detail .inner {} -.data.detail .inner .row-top {width:100%;padding:45px 0px;display:inline-block;background: linear-gradient(to right, #485864, #6a7b8c);} -.data.detail .inner .row-top .center {width:1400px;margin:0 auto;} -.data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;} -.data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;} -.data.detail .inner .row-top .center .left .cla {margin-bottom:10px;} -.data.detail .inner .row-top .center .left .cla .con-1 {display: inline;} -.data.detail .inner .row-top .center .left .cla .con-1 span {background:#fff;border:2px solid #333;border-radius:50px;color:#333;padding:1px 10px 2px;font-size:12px;font-weight: 500;display: inline-block;} -.data.detail .inner .row-top .center .left .cla .con-1 span.online {color:#376795;border:2px solid #376795;} -.data.detail .inner .row-top .center .left .cla .con-1 span.loan {color:#b68946;border:2px solid #b68946;} -.data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;} -.data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;} -.data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;} -.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;} -.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;} -.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;} -.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;} -.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;} -.data.detail .inner .row-top .center .right .con-1 button.ris {} -.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;} -.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;} -.data.detail .inner .row-top .center .right .con-2 {} -.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;} -.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;} -.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;} -.data.detail .inner .row-top .center .right .con-2 .keyword {} -.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;} -.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;} -.data.detail .inner .row-bottom .con-1 {display:inline-block;width:100%;border:1px solid #ddd;margin:50px 0px 100px;} -.data.detail .inner .row-bottom .con-1 .list-box {display:inline-block;width:100%;padding:25px 0px;} -.data.detail .inner .row-bottom .con-1 .list-box .list {float:left;width:24.9%;border-right:1px solid #ddd;text-align: center;} -.data.detail .inner .row-bottom .con-1 .list-box .list:last-child {border-right:0;} -.data.detail .inner .row-bottom .con-1 .list-box .list .icon {margin-bottom:15px;} -.data.detail .inner .row-bottom .con-1 .list-box .list .title {font-size:12px;color:#333;font-weight: 400;margin-bottom:3px;} -.data.detail .inner .row-bottom .con-1 .list-box .list .con {font-size:14px;color:#666;font-weight: 300;} -.data.detail .inner .row-bottom .con-1 .list-box .list .con .poss {color:#3f8f4a} -.data.detail .inner .row-bottom .con-1 .list-box .list .con .imposs {color:#c11c35} -.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;} -.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;} -.data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;} -.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;} -.data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;} -.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;} -.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;} -.data.detail .inner .row-bottom .con-2 .bottom {padding:30px;height:105px;overflow: hidden;text-align: left;} -.data.detail .inner .row-bottom .con-2 .bottom p {font-size:16px;margin-bottom:20px;color:#666;} -.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;} -.data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;} -.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;} -.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} -.data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;} -.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List {border:1px solid #ddd;padding:30px;text-align:left;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 {border:0px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;overflow: hidden;width:100%;display: inline-block;margin-top:0;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .block {padding-bottom:10px;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List:hover .underline {background-size: 100% 100%;color:#376795;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 {width:100%;border:0px;margin:0;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .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;} -.data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;} -.data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;} -.data.detail .inner .row-bottom .con-4 .top h3 {font-size:24px;width:1400px;margin:0 auto;position: relative;z-index: 9;} -.data.detail .inner .row-bottom .con-4 .top h3 span {color: #376795;} -.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:1400px;height:1px;position: absolute;top:20px;left:0px;background:#c1c1c1;z-index: -1} -.data.detail .inner .row-bottom .con-4 .top h3::after {content: '';width:300px;height:35px;position: absolute;top:0px;left:calc(50% - 150px);background:#f5f5f5;z-index: -1} -.data.detail .inner .row-bottom .con-4 .top p {font-size:14px;color:#666;} -.data.detail .inner .row-bottom .DetailSwiper2 {max-width:1400px;} -/* -.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;} -.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;} -*/ -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);} -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List {box-sizing:content-box;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List.front-item {padding-left:0;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail span {overflow:hidden;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info div.button-area {margin-top:10px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail {height:284px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;} -.data.detail .inner .row-bottom .DetailSwiper2 .items {} -.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 {margin-top:30px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 .List .inner {height:450px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type2 {margin-top:20px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List {box-sizing:border-box;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;} -.data.detail .inner .row-bottom .DetailSwiper2 .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;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;} -.data.detail .inner .row-bottom .DetailSwiper2 .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;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%} -.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;} -.data.detail .inner .row-bottom .DetailSwiper2 .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;} -.data.detail .inner .row-bottom .DetailSwiper2 .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;} -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-next, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-prev {right:30px;} -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-next {left:30px;} -.data.detail .btn-box {margin:50px 0px;text-align: center;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next, -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev {top:30px;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next {right:40px;left:auto;} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next:after {font-size:15px;font-weight: bold;} - - -/********** 회원정보관리 **********/ -.myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login {color:#fff;height:40px;line-height:40px;margin-bottom:30px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login span {display: inline-block;margin-right:6px;font-size:14px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .icon img {vertical-align: middle} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .type {font-size:16px;font-weight: 500} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn {text-align:center;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a {color:#fff;background:#528bbd;display: inline-block;width:100%;height:40px;line-height: 40px;border-radius: 3px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box {color:#fff;font-size:12px;margin-top: 10px;opacity: 0.6;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box span {display:inline-block;margin:0px 5px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box {display: inline-block;width:100%;border-bottom:1px solid #999;padding-bottom:30px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div {float:left;width:50%;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 {color:#fff;font-size:18px;font-weight: 400;text-align:left;padding-bottom:10px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box {} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {float:left;width:19.8%;border-right:1px solid #999;text-align: center;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div:last-child {border-right:0;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1) {color:#eca53e;font-size:20px;font-weight: 400;margin-bottom:5px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {float:left;width:24.8%;border-right:1px solid #999;text-align: center;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div:last-child {border-right:0;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) {color:#34cde6;font-size:20px;font-weight: 400;margin-bottom:5px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box {clear: both;padding-top:25px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 {text-align: left;color:#fff} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 {font-size:18px;margin-bottom: 10px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box {} -.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span {color:#333;padding:4px 10px 5px 10px;border-radius: 50px;display: inline-block;margin-right:3px;font-size:12px;font-weight: 400;background: #fff;} - -.myinfo .contents {text-align: left;display:inline-block;margin-bottom:80px;} -.myinfo .contents > div .title-box {display: inline-block;width:100%;margin-bottom:0px;padding-bottom:10px;} -.myinfo .contents > div .title-box .title {float:left;} -.myinfo .contents > div .title-box .title h3 {display: inline-block;font-size:24px;} -.myinfo .contents > div .title-box .title .cont {display:inline-block;font-size:16px;margin-left:10px;} -.myinfo .contents > div .title-box .title .cont span {color:#eca53e;font-weight: 500;} -.myinfo .contents > div .title-box .More {float:right;margin-top:10px;} -.myinfo .contents > div .title-box .More a {font-size:16px;color:#666;} -.myinfo .contents > div .title-box .More img {margin-left:10px;} -.myinfo .contents .concern-data {display: inline-block;margin-bottom: 80px;width:100%;} -.myinfo .contents .concern-data .list-box {clear: both;} -.myinfo .contents .concern-data .list-box .list {float:left;width:19.0%;margin-right:1%;border:1px solid #ddd;border-radius:5px;} -.myinfo .contents .concern-data .list-box .list:last-child {margin-right:0;} -.myinfo .contents .concern-data .list-box .list .thum {text-align: center;padding:25px 0px;border-bottom:1px solid #ddd;} -.myinfo .contents .concern-data .list-box .list .text {padding:15px 30px;} -.myinfo .contents .concern-data .list-box .list .text .ti {font-size:18px;font-weight: 500;min-height:60px;overflow: hidden;margin-bottom:5px;} -.myinfo .contents .concern-data .list-box .list .text .cl {font-size:12px;color:#777;} -.myinfo .contents .concern-data .list-box .list .text .cl p {margin-bottom:2px;} -.myinfo .contents .concern-data .list-box .list .text .cl p span:nth-of-type(1) {font-weight: 500;margin-right:10px;} -.myinfo .contents .loan-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;} -.myinfo .contents .loan-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;} -.myinfo .contents .loan-history .list-box {width:100%;} -.myinfo .contents .loan-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;} -.myinfo .contents .loan-history .list-box .list > div {float:left;width:33.3%;font-size:16px;} -.myinfo .contents .loan-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;} -.myinfo .contents .loan-history .list-box .list > div.con {width:78%;} -.myinfo .contents .loan-history .list-box .list > div.state {width:10%;text-align:center;} -.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;} -.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} -.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;} -.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;} -.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;} -.myinfo .contents .loan-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;} -.myinfo .contents .loan-history .list-box .list > div.state span.subscription {background: #376795;} -.myinfo .contents .loan-history .list-box .list > div.state span.reser {background: #3f8f4a;} -.myinfo .contents .loan-history .list-box .list > div.state span.cancel {background: #c11c35;} -.myinfo .contents .loan-history .list-box .list > div.state span.return {background: #857e6b;} -.myinfo .contents .loan-history .list-box .list > div.state span.loan {background: #2e899c;} -.myinfo .contents .loan-history .list-box .list > div.state span.overdue {background: #d37b1a;} - -.myinfo .contents .visit-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;} -.myinfo .contents .visit-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;} -.myinfo .contents .visit-history .list-box {width:100%;} -.myinfo .contents .visit-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;} -.myinfo .contents .visit-history .list-box .list > div {float:left;width:33.3%;font-size:16px;} -.myinfo .contents .visit-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;} -.myinfo .contents .visit-history .list-box .list > div.con {width:78%;} -.myinfo .contents .visit-history .list-box .list > div.state {width:10%;text-align:center;} -.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;} -.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} -.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;} -.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;} -.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;} -.myinfo .contents .visit-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;} -.myinfo .contents .visit-history .list-box .list > div.state span.subscription {background: #376795;} -.myinfo .contents .visit-history .list-box .list > div.state span.approval {background: #3f8f4a;} -.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;} -.myinfo .contents .visit-history .list-box .list > div.state span.wait {background: #376795;} -.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;} -.myinfo .contents .visit-history .list-box .list > div.state span.cancel {background: #c21b35;} -.myinfo .contents .visit-history .list-box .list > div.state span.read {background: #312f28;} -.myinfo .contents .visit-history .list-box .list > div.state span.unread {background: #847d6a;} - - -/********** 내정보 패스워드 **********/ -.passwd .row-bottom .myinfo-passwd .icon {margin-bottom:30px;} -.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) {font-size:18px;color:#333;font-weight: 500;margin-bottom:5px;} -.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) span {color:#376795;} -.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(2) {font-size:14px;} -.passwd .row-bottom .myinfo-passwd .box p input {width:270px;;border:1px solid #ddd;height:36px;line-height: 36px;padding:0px 10px;border-radius: 5px;margin:40px 0px 0px;} -.passwd .row-bottom .myinfo-passwd .box p a {font-size:12px;color:#666;padding-bottom:2px;border-bottom:1px solid #ddd;} -.passwd .row-bottom .myinfo-passwd .box p {margin-bottom:40px;} - - -/********** 내정보 수정 **********/ -.join.modify .Userpassword .con p {color:#2e899c;font-size:12px;font-weight: 500;} -.join.modify .Usersns .con .list .sns-box {border:1px solid #ddd;font-size:11px;border-radius: 3px;height:37px;line-height: 37px;float:left;width:49.5%;padding:0% 0% 0% 0%;margin-right:0.5%;letter-spacing: -0.5px;overflow: hidden;} -.join.modify .Usersns .con .list .sns-box span:nth-child(1) {display:inline-block;width:28px;height:28px;line-height: 26px;margin:0px 10px 4px;text-align: center;background:#333;padding:0px;border-radius: 50px;} -.join.modify .Usersns .con .list .sns-box span img {width:12px;vertical-align: middle;} -.join.modify .Usersns .con .list .sns-box.naver span:nth-child(1) {background: #03c65a;} -.join.modify .Usersns .con .list .sns-box.kakao span:nth-child(1) {background: #fee500;} -.join.modify p.release a {display:inline-block;font-size:12px;font-weight: 500;color:#666;border-bottom:1px solid #ddd;padding-bottom:2px;margin:30px 0px;} - - -/********** 회원탈퇴안내 **********/ -.secession {width:100%} -.secession .inner .row-top {background: none;border:0;padding:60px 0px 40px;} -.secession .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;} -.secession .inner .row-bottom {width:600px;margin:0 auto;} -.secession .inner .row-bottom .sec-box .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;} -.secession .inner .row-bottom .sec-box .text p:nth-of-type(1) span {color:#d47b1c;} -.secession .inner .row-bottom .sec-box .text .inner-box {background: #f0f0f0;border:1px solid #ddd;margin-bottom:20px;padding:30px 40px;} -.secession .inner .row-bottom .sec-box .text .inner-box p {font-size:14px;color:#333;margin-bottom:10px;text-align: left;font-weight: 300;position: relative;} -.secession .inner .row-bottom .sec-box .text .inner-box p:last-child {margin-bottom:0;} -.secession .inner .row-bottom .sec-box .text .inner-box p::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;} -.secession .inner .row-bottom .sec-box .box {background: #0b2c57;padding:30px 70px;position: relative;} -.secession .inner .row-bottom .sec-box .box p {font-size:18px;color:#fff;font-weight: 200;margin-bottom: 15px;text-align: left;font-size:16px;} -.secession .inner .row-bottom .sec-box .box p span.name {display:inline-block;width:100px;font-weight: 400;} -.secession .inner .row-bottom .sec-box .box p input {width:96%;padding:0% 2%;height:36px;height:36px;border-radius: 3px;border:1px solid #ddd;} -.secession .inner .row-bottom .sec-box .btn-box a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;} - - -/********** 관심자료 **********/ -.interested-data .inner .data-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.interested-data .inner .data-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.interested-data .inner .data-box .title .count em {color:#d47b1c;font-weight: 500;} -.interested-data .inner .data-box .title .list-search-wrap {float:right;} -.interested-data .inner .data-box .title .list-search-wrap > div.list-select {} -.interested-data .inner .data-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk {width:4%;line-height: 120px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:15%;line-height: 120px;font-weight: 500;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data {width:65%;height:100%;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn {width:16%;padding: 25px 0px;text-align: center;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt {padding:0;} -.interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} -.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;} -.interested-data .inner .data-box .list-data-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;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;} -.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;} - - -/********** 대출관리 **********/ -.loan-data .inner {margin-bottom:50px;} -.loan-data .inner .loan-box {display:inline-block;width:100%;} -.loan-data .inner .loan-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.loan-data .inner .loan-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.loan-data .inner .loan-box .title .count em {color:#d47b1c;font-weight: 500;} -.loan-data .inner .loan-box .title .list-search-wrap {float:right;} -.loan-data .inner .loan-box .title .list-search-wrap > div.list-select {} -.loan-data .inner .loan-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} -.loan-data .inner .tab {position: relative;} -.loan-data .inner .tabs {position: relative;width: 100.5%;text-align:left;} -.loan-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;} -.loan-data .inner .tabs li:last-child {margin-right:0;} -.loan-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; -} -.loan-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} -.loan-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} -.loan-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);} -.loan-data .inner .tab_content {display:inline-block;background: #fff;width:100%;} -.loan-data .inner .tabs_item {display: none;padding: 10px 0;} -.loan-data .inner .tabs_item:first-child {display: block;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:45%;text-align: center;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-reservation {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-expiry {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-use {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {color:#3f8f4a;font-size:14px;font-weight: 500;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;float: right;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:45%;text-align: left;font-weight: 400;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use {width:10%;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} -.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;} - - -/********** 방문열람관리 **********/ -.visit-data .inner {margin-bottom:50px;} -.visit-data .inner .visit-box {display:inline-block;width:100%;} -.visit-data .inner .visit-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.visit-data .inner .visit-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.visit-data .inner .visit-box .title .count em {color:#d47b1c;font-weight: 500;} -.visit-data .inner .visit-box .title .list-search-wrap {float:right;} -.visit-data .inner .visit-box .title .list-search-wrap > div.list-select {} -.visit-data .inner .visit-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} -.visit-data .inner .tab {position: relative;} -.visit-data .inner .tabs {position: relative;width: 100.5%;text-align:left;} -.visit-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:24.9%;margin-left:-3px;} -.visit-data .inner .tabs li:last-child {margin-right:0;} -.visit-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; -} -.visit-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} -.visit-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} -.visit-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);} -.visit-data .inner .tab_content {display:inline-block;background: #fff;width:100%;} -.visit-data .inner .tabs_item {display: none;padding: 10px 0;} -.visit-data .inner .tabs_item:first-child {display: block;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;margin-top:0px;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:42%;text-align: center;margin-top:0px;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-subscription {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-visit {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-state {width:13%;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state span {color:#3f8f4a;font-size:14px;font-weight: 500;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;margin-top:10px;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:42%;text-align: left;font-weight: 400;margin-top:10px;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state {width:13%;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date, -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .time {display:block;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti {display:inline;float:left;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da {display:inline-block;width:100%;color:#666;font-weight: 200;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {display:inline;float:right;margin-top:5px;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.poss {color:#3f8f4a;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.imposs {color:#c11c35;} -.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.no-poss {color:#666;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} -.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;} - - -/* 알림페이지 아코디언 목록 */ -.noti-data .inner {margin-bottom:50px;} -.noti-data .inner .noti-box {display:inline-block;width:100%;} -.noti-data .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.noti-data .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.noti-data .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;} -.noti-data .inner .noti-box .title .text {float:right;} -.noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;} -.noti-data .list-accordion {border-top: 2px solid #000;} -.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} -.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;} -.noti-data .list-accordion .question span:last-child {padding-right: 50px;} -.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;} -.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} -.noti-data .list-accordion .question .type::before {background: none;} -.noti-data .list-accordion .question.on .type::before {background: none;} -.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} -.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;} -.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} -.noti-data .list-accordion .question.on .type {font-weight: 600;} -.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;} -.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;} -.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;} - - -/* list 검색 */ -.list-header .list-search {width:100%;} -.list-header:after {content: "";display: block;clear: both;height: 10px;} -.list-search {} -.list-search:after {content: "";display: block;clear: both;} -.list-select select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} -.list-search .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} -.list-search .total-count .count em {color:#d47b1c;font-weight: 500;} -.list-search .list-input:after {content: "";display: block;clear: both;} -.list-search .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} -.list-search .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} -.list-search .list-input input::placeholder { color:#999;} -.list-search .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} -.list-search .list-input .check-box { position:absolute;right:42px;top:-6px;} -.list-search .left {float: left;width:75%;} -.list-search .right {float: left;width:25%;text-align: right;} - - -/* 커뮤니티 목록 */ -.contents-frame {width:100%;} -.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} -.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;} -.list-table-wrap li .t-num {width: 6%;} -.list-table-wrap li .t-type {width: 6%;} -.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} -.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} -.list-table-wrap li .t-writer {width: 10%;} -.list-table-wrap li .t-date {width: 10%;} -.list-table-wrap li .t-status {width: 10%;} -.list-table-wrap li .t-file {width:auto;} -.list-table-wrap li .t-answer {width:auto;} -.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;} -.list-table-wrap .t-tit-line span {text-align: center;} -.list-table-wrap li .message {width: 100%;text-align: center;} -.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} -.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;} -.list-table-wrap .list-qna .t-type {width: 175px;} -.list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;} -.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} - - -/* 고정 글 */ -.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;} -.list-table-wrap .fix-list .t-type {width: 95px;} -.list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;} - - -/* 커뮤니티 상세 */ -.view-tit {width: 96%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 16px;background: #556676;display: table;letter-spacing: -0.025em;padding:10px 2%;} -.view-tit h2 {vertical-align: middle;width:100%;color:#fff;text-align: left;font-size:20px;font-weight: 300;} -.view-tit h2 span img {margin:0px 0px 3px 10px;vertical-align: middle;} -.view-tit .v-info {display: inline-block;vertical-align: middle;text-align: left;width:100%;} -.view-tit .v-info em {font-size: 14px;color: #fff;font-weight: 100;margin-right:10px;} -.view-tit .v-info em:nth-of-type(1) {border-right:1px solid #ccc;height:12px;line-height:12px;display:inline-block;padding-right:15px;} -.view-tit .type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;font-size:12px;border-radius: 50px;position: relative;top:-3px;margin-right:10px;} -.file-box {background:#f9f9fa;border-bottom:1px solid #ddd;padding:15px 2%;text-align: left;} -.file-box .file-list {margin-bottom:5px;} -.file-box .file-list span {font-size:12px;} -.file-box .file-list span img {vertical-align: middle;margin-right:5px;} -.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} -.view-body {border-bottom: 0px solid #000;text-align: left;} -.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;} -.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} -.view-body .attachments:after {content: "";display: block;clear: both;} -.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;} -.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/icon/icon-attach.png) no-repeat left center;} -.view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;} -.view-body .attachments li a em {color: #999;} -.view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;} -.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%} -.view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;} -.view-body .answer .answer-top .right {float:right;color:#333;} -.view-body .answer .answer-con {padding: 20px 30px;} -.view-notice .view-pagination .type {width: 70px;} -.view-pagination .status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} -.view-pagination .status .complete {color: #fff;background: #2781c1;border: none;} -.view-pagination .btn {background: #3e404a;color:#fff;font-weight: 300;margin-top: 40px;} -.view-qna .btn-box {width:100%;} - - -/* qna 작성폼 */ -.community-write {letter-spacing: -0.025em;} -.community-write .required-text {text-align:left;margin-bottom:0px;font-size:12px;} -.community-write .required-text span {color:red;font-size:20px;vertical-align: middle;margin:4px 2px 0px 0px;display: inline-block;} -.community-write input {border-radius: 3px;border: 1px solid #ddd;line-height: 36px;display: block;padding: 0 15px;height: 38px;box-sizing: border-box;width: 100%;} -.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;} -.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;} - -.qna-write-table {} -.community-write fieldset {border-top:1px solid #000;} -.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;} -.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;} -.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;} -.qna-write-table .fl {float:left;width:30%;} -.qna-write-table .wt-title {width:90%;} -.qna-write-table .wt-secret {width:10%;} -.qna-write-table .wt-tit input {width: 100%;} -.qna-write-table .w-form .mail-input input {float: left;width: calc(33.333% - 14px);} -.qna-write-table .w-form .mail-input select {float: left;width: calc(33.333% - 14px);margin-left: 10px;} -.mail-desinence {float: left;display: block;width: 32px;text-align: center;line-height: 38px;color: #999;} -.qna-write-table .wt-type {width: 33.333%;float: left;} -.qna-write-table .wt-writer {width: 33.333%;float: left;} -.qna-write-table .wt-pw {width: 33.333%;float: left;} -.qna-write-table .wt-mail {width: 100%;float: left;} -.qna-write-table .wt-visibility {width: 33.333%;float: left;} -.qna-write-table .wt-visibility input {width: 15px;height: 15px;padding: 0;float: left;margin-top: 11px;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;} -.qna-write-table .wt-visibility label {display:block;float:left;margin-left: 10px;line-height: 38px;} -.qna-write-table .wt-question {} -.qna-write-table .wt-recaptcha {} -.qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;} -.qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;display:block;margin-bottom:0px;} -.qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;} -.qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;} -.qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block} -.qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;} - - -/* faq */ -.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.faq .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} -.faq .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} -.faq .title .total-count .count em {color:#d47b1c;font-weight: 500;} -.faq .title .list-input:after {content: "";display: block;clear: both;} -.faq .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} -.faq .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} -.faq .title .list-input input::placeholder { color:#999;} -.faq .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} -.faq .title .list-input .check-box { position:absolute;right:42px;top:-6px;} -.faq .title .left {float: left;width:75%;} -.faq .title .right {float: left;width:25%;text-align: right;} -.faq .inner .tab {position: relative;width:1400px;margin:0 auto;} -.faq .inner .tabs {position: relative;width: 100.5%;text-align:left;} -.faq .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;} -.faq .inner .tabs li:last-child {margin-right:0;} -.faq .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; -} -.faq .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} -.faq .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} -.faq .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);} -.faq .inner .tab_content {display:inline-block;background: #fff;width:100%;} -.faq .inner .tabs_item {display: none;padding: 10px 0;} -.faq .inner .tabs_item:first-child {display: block;} -/* 아코디언 목록 */ -.faq .inner {margin-bottom:50px;} -.faq .inner .noti-box {display:inline-block;width: 100%;} -.faq .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.faq .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} -.faq .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;} -.faq .inner .noti-box .title .text {float:right;} -.faq .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;} -.faq .list-accordion {border-top: 2px solid #000;} -.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} -.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;} -.faq .list-accordion .question span:last-child {padding-right: 50px;} -.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} -.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} -.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;} -.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} -.faq .list-accordion .question.on .type {font-weight: 600;position: relative;} -.faq .list-accordion .question.on .date {color:#fff;font-size:12px;} -.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;} -.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;} -.list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;} -.list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;} - - -/* qna */ -.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} -.qna .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} -.qna .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} -.qna .title .total-count .count em {color:#d47b1c;font-weight: 500;} -.qna .title .list-input:after {content: "";display: block;clear: both;} -.qna .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} -.qna .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} -.qna .title .list-input input::placeholder { color:#999;} -.qna .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} -.qna .title .list-input .check-box { position:absolute;right:42px;top:-6px;} -.qna .title .left {float: left;width:75%;} -.qna .title .right {float: left;width:25%;text-align: right;} - -.qna .inner .tab {position: relative;width:100%;} -.qna .inner .tabs {position: relative;width: 100.5%;text-align:left;} -.qna .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:49.6%;margin-left:-3px;} -.qna .inner .tabs li:last-child {margin-right:0;} -.qna .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; -} -.qna .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} -.qna .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} -.qna .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);} -.qna .inner .tab_content {display:inline-block;background: #fff;width:100%;margin-bottom:50px;} -.qna .inner .tabs_item {display: none;padding: 10px 0;} -.qna .inner .tabs_item:first-child {display: block;} -.qna .list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} -.qna .list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;} -.qna .list-table-wrap li .t-num {width: 6%;} -.qna .list-table-wrap li .t-type {width: 6%;} -.qna .list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} -.qna .list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} -.qna .list-table-wrap li .t-tit a img {vertical-align: middle;margin-left:10px;} -.qna .list-table-wrap li .t-writer {width: 10%;} -.qna .list-table-wrap li .t-date {width: 10%;} -.qna .list-table-wrap li .t-status {width: 10%;} -.qna .list-table-wrap li .t-file {width:auto;} -.qna .list-table-wrap li .t-answer {width:8%;text-align: center;} -.qna .list-table-wrap li .t-answer span {display:inline-block;background:#e6e7e9;height:auto;padding:2px 10px 4px;border-radius: 50px;font-size:12px;} -.qna .list-table-wrap li .t-answer span.compl {background: #b98d4d;color:#fff;font-weight: 400;} -.qna .list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;} -.qna .list-table-wrap .t-tit-line span {text-align: center;} -.qna .list-table-wrap li .message {width: 100%;text-align: center;} -.qna .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} -.qna .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;} -.qna .list-table-wrap .list-qna .t-type {width: 175px;} -.qna .list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;} -.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} -.qna .btn-box {float:right;} - -.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;} - -.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;} -.privacy .top-bg p {color:#fff;} -.privacy .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;} -.privacy .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;} -.privacy .con {width:1200px;margin:0 auto;text-align: left;} -.privacy .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;} -.privacy .con .sec:last-child {border-bottom:0;} -.privacy .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;} -.privacy .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;} -.privacy .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;} -.privacy .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;} -.privacy .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;} -.privacy .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;} - - -.service .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-service.jpg) no-repeat center;text-align: left;} -.service .top-bg p {color:#fff;} -.service .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;} -.service .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;} -.service .con {width:1200px;margin:0 auto;text-align: left;} -.service .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;} -.service .con .sec:last-child {border-bottom:0;} -.service .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;} -.service .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;} -.service .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;} -.service .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;} -.service .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;} -.service .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;} - - -.error {text-align: center;width:100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;} -.error .text h1 {font-size:18px;color:#474848;font-weight: 400;} -.error .text h1 a span.title {margin-right:10px;margin-left:5px;padding-right:10px;border-right:1px solid #ddd;height:17px;line-height:17px;display: inline-block;} -.error .text h1 a img {vertical-align: middle;margin:0px 0px 10px;} -.error .text p:nth-of-type(1) {font-size:30px;font-weight: 500;margin-bottom:5px;} -.error .text p:nth-of-type(1) span {color:#d47b1c;} -.error .text p:nth-of-type(2) {font-size:20px;font-weight: 300;margin-bottom:30px;color:#333;} -.error .text p:nth-of-type(3) {margin-bottom:40px;} -.error .box {width:100%;background: #366ea3;padding:40px 0px;position: relative;} -.error .box p:nth-of-type(1) {font-size:16px;color:#fff;font-weight: 400;margin-bottom: 40px;} -.error .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #366ea3;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); -} -.error .box .btn {margin:0px 0px;display:inline-block;padding:0;width:100%;} -.error .box .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:4px 30px;margin:0px 5px;font-size:14px;font-weight:500;} -.error .box .btn a.btn-white {color:#366ea3;} -.error .box .btn a.btn-white:hover {background:#fff;} -.error .box .btn a.btn-color {background:#214567;} - - - -/* 공유하기 팝업 */ -.pop-sharing {display: none;z-index: 200;} -.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;} -.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;} -.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;} -.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} -.pop-sharing .sns-list {text-align: center;padding-top: 16px;} -.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;} -.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;} -.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;} -.pop-sharing .sns-list .nblog-icon img {background:#2db400;} -.pop-sharing .sns-list .fb-icon img {background:#3a5daa;} -.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;} -.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;} -.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;} -.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;} -.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;} -.pop-sharing .link-copy .btn:focus, -.pop-sharing .link-copy .btn:hover {color: #fff;} -.pop-sharing .pop-wrap .Qr {padding:35px;} -.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);} -.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;} -.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#556676;border-radius:0px 0px 10px 10px;padding:13px 0px;} -.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;} -.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;} -.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;} -.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;} - - -/* 서지정보 팝업 */ -.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;} -.pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;} -.pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} -.pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;} -.pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;} -.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;} -.pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;} -.pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;} -.pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;} -.pop-serge .inner .Text .text-box p span {font-weight: 500;position: relative;} -.pop-serge .inner .Text .text-box p span::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;} -.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) {text-indent: -14px;} -.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) {text-indent: -14px;color:#2e899c;} -.pop-serge .inner .btn-box {text-align: center;} -.pop-serge .inner .btn-box .btn {width:auto;padding:10px 25px;line-height: normal} -.pop-serge .inner .serge-close {position: absolute;right: 30px;top: 30px;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-serge .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} - - -/* 로그인 팝업 */ -.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: #fff;} -.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;} -.pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} -.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 .notice-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-return {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-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} -.pop-return .inner .row {padding:0px 30px 0px;text-align:center;} -.pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} -.pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} -.pop-return .Title p {font-size:16px;line-height:16px;color:#fff;} -.pop-return .inner .Text .text-box {color:#666;background: #f8f8f8;border:1px solid #ddd;border-radius:3px;padding:20px;font-size:14px;height:80px;text-align: left;margin-bottom:40px;} -.pop-return .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} -.pop-return .inner .btn-box .btn {width:auto;padding:10px 25px;} -.pop-return .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-return .inner .return-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-return .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} - - -/* 패스워드 변경 팝업 */ -.pop-change {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-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} -.pop-change .inner .row {padding:0px 60px 0px;text-align:center;} -.pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} -.pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} -.pop-change .Title p {font-size:16px;line-height:16px;color:#fff;} -.pop-change .inner .change p {margin-bottom:5px;} -.pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;} -.pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;} -.pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} -.pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;} -.pop-change .inner .btn-box .btn.btn-color {width:170px;} -.pop-change .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;} -.pop-change .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-change .inner .change-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-change .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} - - -/* 패스워드 찾기 팝업 */ -.pop-find {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-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} -.pop-find .inner .row {padding:0px 60px 0px;text-align:center;} -.pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} -.pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} -.pop-find .Title p {font-size:16px;line-height:16px;color:#fff;} -.pop-find .inner .Text p {color:#666;font-size:14px;margin-bottom:30px;} -.pop-find .inner .Text p span {color:#d47b1c;font-weight: 500;} -.pop-find .inner .find p {margin-bottom:5px;} -.pop-find .inner .find p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;} -.pop-find .inner .find p.text {font-size:12px;text-align: left;margin:10px 0px 30px;color:#2e899c;font-weight: 400;} -.pop-find .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} -.pop-find .inner .btn-box .btn {width:auto;padding:10px 25px;} -.pop-find .inner .btn-box .btn.btn-color {width:170px;} -.pop-find .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;} -.pop-find .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-find .inner .find-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-find .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:40px 0px 20px;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 30px;text-align: center;} -.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 {border-radius: 8px;padding:0px 0% 20px;background: #f5f5f5;overflow: hidden;z-index: 9;position: relative;} -.pop-member .inner .card .title {text-align:center;padding:15px 0px 15px 85px;background:url(/images/icon/icon-member-secret.png) no-repeat 30px center #f5f5f5;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);text-align: left;} -.pop-member .inner .card .title .name {font-size:24px;font-weight: 500;} -.pop-member .inner .card .title .date {font-size:13px;} -.pop-member .inner .card .qr {width:80%;padding:0% 10%;} -.pop-member .inner .card .qr p {text-align: center;font-size:16px;margin:30px 0px 20px;} -.pop-member .inner .card .qr img {width:100%;} -.pop-member .inner .card .code {display: inline-block;width:100%;background: #e8e8ea;width:70%;padding:5px 5%;margin:10px 10%;border-radius: 5px;} -.pop-member .inner .card .code .num .na {float:left;font-size:14px;} -.pop-member .inner .card .code .num .co {float:right;font-size: 18px;font-weight: 500;color:#2e899c;} -.pop-member .inner .text {text-align: center;font-size:13px;color:#fff;padding:20px 0px 0px;} -.pop-member .inner .member-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%;z-index: 99;} -.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} -.pop-member .innerbg {position: absolute;top:0px;left:0px;overflow: hidden;width: 800px;height: 800px;display: inline-block; -text-align: center;background-color: transparent;} -.pop-member .innerbg::after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0; -transform: rotate(30deg); -background: rgba(255, 255, 255, 0.10); -background: linear-gradient(to right, -rgba(255, 255, 255, 0.10) 10%, -rgba(255, 255, 255, 0.10) 77%, -rgba(255, 255, 255, 0.3) 92%, -rgba(255, 255, 255, 0.0) 100%); --webkit-animation: animate-bg 2.0s 1.5s ease-out infinite; --moz-animation: animate-bg 2.0s 1.5s ease-out infinite; --o-animation: animate-bg 2.0s 1.5s ease-out infinite; -animation: animate-bg 2.0s 1.5s ease-out infinite; -} -@keyframes animate-bg { -0% {opacity: 1.0;} -100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;} -} -.pop-member .innerbg::before {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0; -transform: rotate(30deg); -background: rgba(255, 255, 255, 0.10); -background: linear-gradient(to right, -rgba(255, 255, 255, 0.10) 10%, -rgba(255, 255, 255, 0.10) 77%, -rgba(255, 255, 255, 0.3) 92%, -rgba(255, 255, 255, 0.0) 100%); --webkit-animation: animate-bg2 2.0s 1.9s ease-in infinite; --moz-animation: animate-bg2 2.0s 1.9s ease-in infinite; --o-animation: animate-bg2 2.0s 1.9s ease-in infinite; -animation: animate-bg2 2.0s 1.9s ease-in infinite; -} -@keyframes animate-bg2 { -0% {opacity: 0.5;} -100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;} -} - - -/* 상세검색 팝업 */ -.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/icon/icon-scr.png) no-repeat 20px center;} - -.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;} - - - -/* button style */ -.btn-wrap {text-align: center;margin:30px 0px 30px;} -.btn-box {margin:30px 0px 30px;} -.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;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-orange {background: #ec8c26;color: #fff;} -.btn-orange:focus, -.btn-orange:hover {background: #e26c26;transition: background .3s ease;} -.btn-gray {background: #666;color: #fff;} -.btn-gray:focus, -.btn-gray:hover {background: #444;transition: background .3s ease;} -.btn-lightgray {background: #909090;color: #fff;} -.btn-lightgray:focus, -.btn-lightgray:hover {background: #666;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;} -.btn-box .left {float:left;} -.btn-box .right {float:right;} - - -/* check style */ -.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;} - -.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 0px;} -.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:18px;right:8px;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;} - -.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;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;} -.paging .btn-next {background-image: url(/images/btn/btn-paging-next.png);background-position:center right;} -.paging .btn-prev {background-image: url(/images/btn/btn-paging-prev.png);background-position:center left;} -.paging .btn-first {background-image: url(/images/btn/btn-paging-first.png);} -.paging .btn-last {background-image: url(/images/btn/btn-paging-last.png);} -.paging .btn-prev {text-indent: 0px;width:70px;text-align: right;} -.paging .btn-next {text-indent: 0px;width:70px;text-align:left;} -.paging .btn a {font-size:12px;font-weight: 300;} - - - - - -/* 1400px 이하 */ -@media all and (max-width:1400px) { - -} - -/* 768px 이하 */ -@media all and (max-width:768px) { - -} - -/* 368px 이하 */ -@media all and (max-width: 368px) { - -} - - - - - - +@charset "utf-8"; + +/********** 헤더 **********/ +.blind {display:none;} +.wrap {display:inline-block;width: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;border-left:1px solid #999;color:#fff;margin-left:15px;padding-left:15px;position: relative;top:-14px;} +.wrap header .inner h1 a span.title-1 {border-left:0px;margin-left:0;} +.wrap header .inner .search-wrap .search-close {display:none;} +.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:block;font-weight: 300;} +.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display: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 span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} +.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a span.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 span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);} +.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a span.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;} +.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;} + + +/********** 메인섹션1 **********/ +.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;} + + +/********** 메인섹션2 **********/ +.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;} + + +/********** 메인섹션3 **********/ +.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 {width:140px;height:100%;} +.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;} +.sec3 .pickSwiper .swiper-slide .list-box .subject a {display:inline-block;width:100%;height:85px;overflow:hidden;} +.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%;} + + +/********** 메인섹션4 **********/ +.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;} + + +/********** 메인섹션5 **********/ +.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;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;} + + +/********** 메인섹션6 **********/ +.sec6 {padding:100px 0px 100px;} +.sec6 .inner {width:100%;position: relative;} +.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;} +.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;} +.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;display:flex;align-items:center;height:350px;background:url('/images/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%;vertical-align:middle;} +.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;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;} +.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;margin:0;} +.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;} + + +/********** 메인섹션7 **********/ +.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 span {color:#fff;display:block;} +.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;} + + +/********** 현재위치 섹션 **********/ +.location {clear:both;width:100%;text-align: center;} +.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;} + +.location .inner .row-top.icon {padding-bottom: 0px !important;margin-bottom:20px !important;} + +/********** 회원가입 **********/ +.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;} + + +/********** 회원가입 완료 **********/ +.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;padding:0;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-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;} +.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;} +.join-box .success .box .icon.google {background: #fff;border-radius:50%;} +.join.connect .inner .row-bottom .join-box .success .box .text {float:left;} +.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;} +.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;} +.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;} +.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 .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 .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;width:100%;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 .map-box {margin-bottom:80px;} +.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;margin-bottom:5px;} +.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 .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;} +.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:34px;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 a span {font-size:12px;} +.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: 33px 0px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {padding:15px 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;padding:10px 0px;} +.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;} +.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;} +.cart .inner .visit-confirm .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;} + +/********** 소장자료 **********/ +.data .inner .row-bottom {position: relative;} +.article-side {float: left;width:320px;margin-right:40px;} +.culture-box {float: left;width:1040px;} +.filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;} + +/* 통합검색 필터 */ +.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;} +.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;} +.filter-head:after {content: "";display: block;clear: both;} +.filter-head h2 {float: left;font-size: 18px;font-weight: 600;} +.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;} +.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;} +.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;} +.filter-wrap .choice-condition .sign {margin: 0 10px;} +.filter-wrap .choice-condition em {color: #333;} +.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/btn/btn-cnl.jpg) no-repeat right center;} +.filter-wrap .filter {margin-top: 32px;} +.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;} +.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;} +.filter-wrap .filter-tit .btn-toggle {float: right;text-indent: -9999px;} +.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/btn/btn-plus.png) no-repeat center right;} +.filter-wrap .filter-tit:after {content: "";display: block;clear: both;} +.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;} +.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;} +.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;} + +.filter-wrap .filter.nodepth .depth-1 .check label {background: none;} +.filter-wrap .filter.nodepth .depth-1.on .check label {background: none;} + +.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;} +.filter-wrap .filter .depth-1 .check {float: left;} +.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;} +.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/btn/btn-arrow-up.png) no-repeat right center;} +.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;} +.filter-wrap .filter .depth-2 li {margin-top: 6px;} +.filter-wrap .filter .depth-2 li label {padding-left: 15px;} +.filter-wrap .filter .filter-list.year ul li {height:36px;height:36px;} +.filter-wrap .filter .filter-list.year ul li label {display: inline-block;font-size:14px;height:36px;line-height:36px;} +.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;} +.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;} +.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;} +.btn-all-view{} +.btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;} +.btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;} +.btn-apply {width: 100%;font-size: 13px;color: #fff;background:#3e414a;height: 30px;border: 1px solid #ddd;margin-top: 20px;border-radius: 3px;} +.pop-choice-condition, +.pop-btn-wrap {display: none;text-align: center;padding-top: 30px;} +.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;} +.filter-wrap .filter-list > ul > li:nth-child(4) ~ li {display: none;} +.filter-wrap .tab-name {background: transparent;position: absolute;width: 100%;top: 0;left: 0;text-indent: -9999px;overflow: hidden;font-size:14px;} +.filter-wrap .depth-1.on + .depth-2 {display: block !important;} +.filter .check input[type="checkbox"] + label {padding-left: 0;} +.filter .check input[type="checkbox"] + label:focus, +.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;} +.filter .check input[type="checkbox"] + label:before {display: none;} +.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px;background: url(/images/icon/icon-data-more.png) no-repeat left center;} +.filter .check input[type="checkbox"]:checked + label {color: #2781c1;} +.data .inner {display:inline-block;width:100%;margin-bottom:50px;} +.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:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;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-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;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:83%;height:100%;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 25px 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;height:100%;padding:0% 40px;margin-right:2%;position: relative;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;} +.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;margin-bottom: 25px;} +.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.subject span {margin-right:5px;padding-right:8px;border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span:last-child {border-right:0;} +.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.t-data > div.type span.etc {background:#e9e6df;color:#222;} + +.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;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} + +.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;} +.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;} +.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label {font-weight: 500;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label input {margin-right:5px;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select {} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input {height:36px;line-height: 36px;border:1px solid #ddd;color:#666;padding:0px 40px 0px 10px;vertical-align: top;border-radius: 3px;position: relative;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input::placeholder {font-size:12px;color:#999;font-weight: 500;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button {background: url(/images/icon/icon-data-search.png) no-repeat center;text-indent: -9999999px;width:36px;height:36px;vertical-align: top;position: absolute;top:0px;right:0px;} +.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:none;} + +/********** 소장자료 상세페이지 **********/ +.data.detail {width:100%;} +.data.detail .inner {} +.data.detail .inner .row-top {width:100%;padding:45px 0px;display:inline-block;background: linear-gradient(to right, #485864, #6a7b8c);} +.data.detail .inner .row-top .center {width:1400px;margin:0 auto;} +.data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;} +.data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;} +.data.detail .inner .row-top .center .left .cla {margin-bottom:10px;} +.data.detail .inner .row-top .center .left .cla .con-1 {display: inline;} +.data.detail .inner .row-top .center .left .cla .con-1 span {background:#fff;border:2px solid #333;border-radius:50px;color:#333;padding:1px 10px 2px;font-size:12px;font-weight: 500;display: inline-block;} +.data.detail .inner .row-top .center .left .cla .con-1 span.online {color:#376795;border:2px solid #376795;} +.data.detail .inner .row-top .center .left .cla .con-1 span.loan {color:#b68946;border:2px solid #b68946;} +.data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;} +.data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;} +.data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;} +.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;} +.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;} +.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;} +.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;} +.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;} +.data.detail .inner .row-top .center .right .con-1 button.ris {} +.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;} +.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;} + .data.detail .inner .row-top .center .right .con-1 button.original {width:200px;display:none;} +.data.detail .inner .row-top .center .right .con-2 {} +.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;} +.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;} +.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;} +.data.detail .inner .row-top .center .right .con-2 .keyword {} +.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;} +.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;} +.data.detail .inner .row-bottom .con-1 {display:inline-block;width:100%;border:1px solid #ddd;margin:50px 0px 100px;} +.data.detail .inner .row-bottom .con-1 .list-box {display:inline-block;width:100%;padding:25px 0px;} +.data.detail .inner .row-bottom .con-1 .list-box .list {float:left;width:24.9%;border-right:1px solid #ddd;text-align: center;} +.data.detail .inner .row-bottom .con-1 .list-box .list:last-child {border-right:0;} +.data.detail .inner .row-bottom .con-1 .list-box .list .icon {margin-bottom:15px;} +.data.detail .inner .row-bottom .con-1 .list-box .list .title {font-size:12px;color:#333;font-weight: 400;margin-bottom:3px;} +.data.detail .inner .row-bottom .con-1 .list-box .list .con {font-size:14px;color:#666;font-weight: 300;} +.data.detail .inner .row-bottom .con-1 .list-box .list .con .poss {color:#3f8f4a} +.data.detail .inner .row-bottom .con-1 .list-box .list .con .imposs {color:#c11c35} +.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;} +.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;} +.data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;} +.data.detail .inner .row-bottom .con-2 .top {position:relative;} +.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;height:60px;line-height:60px;} +.data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;} +.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;} +.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;} +.data.detail .inner .row-bottom .con-2 .bottom {padding:30px;height:105px;overflow: hidden;text-align: left;} +.data.detail .inner .row-bottom .con-2 .bottom p {font-size:16px;margin-bottom:20px;color:#666;} +.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;} +.data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;} +.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;} +.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} +.data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;} +.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List {border:1px solid #ddd;padding:30px;text-align:left;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 {border:0px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;overflow: hidden;width:100%;display: inline-block;margin-top:0;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .block {padding-bottom:10px;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List:hover .underline {background-size: 100% 100%;color:#376795;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 {width:100%;border:0px;margin:0;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .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;} +.data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;} +.data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;} +.data.detail .inner .row-bottom .con-4 .top h3 {font-size:24px;width:1400px;margin:0 auto;position: relative;z-index: 9;} +.data.detail .inner .row-bottom .con-4 .top h3 span {color: #376795;} +.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:1400px;height:1px;position: absolute;top:20px;left:0px;background:#c1c1c1;z-index: -1} +.data.detail .inner .row-bottom .con-4 .top h3::after {content: '';width:300px;height:35px;position: absolute;top:0px;left:calc(50% - 150px);background:#f5f5f5;z-index: -1} +.data.detail .inner .row-bottom .con-4 .top p {font-size:14px;color:#666;} +.data.detail .inner .row-bottom .DetailSwiper2 {max-width:1400px;} +/* +.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;} +.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;} +*/ +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);} +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List {box-sizing:content-box;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List.front-item {padding-left:0;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail span {overflow:hidden;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info div.button-area {margin-top:10px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail {height:284px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;} +.data.detail .inner .row-bottom .DetailSwiper2 .items {} +.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 {margin-top:30px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 .List .inner {height:450px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type2 {margin-top:20px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List {box-sizing:border-box;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;} +.data.detail .inner .row-bottom .DetailSwiper2 .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;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;} +.data.detail .inner .row-bottom .DetailSwiper2 .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;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%} +.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;} +.data.detail .inner .row-bottom .DetailSwiper2 .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;} +.data.detail .inner .row-bottom .DetailSwiper2 .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;} +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-next, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-prev {right:30px;} +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-next {left:30px;} +.data.detail .btn-box {margin:50px 0px;text-align: center;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next, +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev {top:30px;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next {right:40px;left:auto;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next:after {font-size:15px;font-weight: bold;} + + +/********** 회원정보관리 **********/ +.myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login {color:#fff;height:40px;line-height:40px;margin-bottom:30px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login span {display: inline-block;margin-right:6px;font-size:14px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .icon img {vertical-align: middle} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .type {font-size:16px;font-weight: 500} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn {text-align:center;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a {color:#fff;background:#528bbd;display: inline-block;width:100%;height:40px;line-height: 40px;border-radius: 3px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box {color:#fff;font-size:12px;margin-top: 10px;opacity: 0.6;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box span {display:inline-block;margin:0px 5px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box {display: inline-block;width:100%;border-bottom:1px solid #999;padding-bottom:30px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div {float:left;width:50%;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 {color:#fff;font-size:18px;font-weight: 400;text-align:left;padding-bottom:10px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box {} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {float:left;width:19.8%;border-right:1px solid #999;text-align: center;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div:last-child {border-right:0;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1) {color:#eca53e;font-size:20px;font-weight: 400;margin-bottom:5px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {float:left;width:24.8%;border-right:1px solid #999;text-align: center;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div:last-child {border-right:0;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) {color:#34cde6;font-size:20px;font-weight: 400;margin-bottom:5px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box {clear: both;padding-top:25px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 {text-align: left;color:#fff} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 {font-size:18px;margin-bottom: 10px;} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box {} +.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span {color:#333;padding:4px 10px 5px 10px;border-radius: 50px;display: inline-block;margin-right:3px;font-size:12px;font-weight: 400;background: #fff;} + +.myinfo .contents {text-align: left;display:inline-block;margin-bottom:80px;} +.myinfo .contents > div .title-box {display: inline-block;width:100%;margin-bottom:0px;padding-bottom:10px;} +.myinfo .contents > div .title-box .title {float:left;} +.myinfo .contents > div .title-box .title h3 {display: inline-block;font-size:24px;} +.myinfo .contents > div .title-box .title .cont {display:inline-block;font-size:16px;margin-left:10px;} +.myinfo .contents > div .title-box .title .cont span {color:#eca53e;font-weight: 500;} +.myinfo .contents > div .title-box .More {float:right;margin-top:10px;} +.myinfo .contents > div .title-box .More a {font-size:16px;color:#666;} +.myinfo .contents > div .title-box .More img {margin-left:10px;} +.myinfo .contents .concern-data {display: inline-block;margin-bottom: 80px;width:100%;} +.myinfo .contents .concern-data .list-box {clear: both;} +.myinfo .contents .concern-data .list-box .list {float:left;width:19.0%;margin-right:1%;border:1px solid #ddd;border-radius:5px;} +.myinfo .contents .concern-data .list-box .list:last-child {margin-right:0;} +.myinfo .contents .concern-data .list-box .list .thum {text-align: center;padding:25px 0px;border-bottom:1px solid #ddd;} +.myinfo .contents .concern-data .list-box .list .text {padding:15px 30px;} +.myinfo .contents .concern-data .list-box .list .text .ti {font-size:18px;font-weight: 500;min-height:60px;overflow: hidden;margin-bottom:5px;} +.myinfo .contents .concern-data .list-box .list .text .cl {font-size:12px;color:#777;} +.myinfo .contents .concern-data .list-box .list .text .cl p {margin-bottom:2px;} +.myinfo .contents .concern-data .list-box .list .text .cl p span:nth-of-type(1) {font-weight: 500;margin-right:10px;} +.myinfo .contents .loan-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;} +.myinfo .contents .loan-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;} +.myinfo .contents .loan-history .list-box {width:100%;} +.myinfo .contents .loan-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;} +.myinfo .contents .loan-history .list-box .list > div {float:left;width:33.3%;font-size:16px;} +.myinfo .contents .loan-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;} +.myinfo .contents .loan-history .list-box .list > div.con {width:78%;} +.myinfo .contents .loan-history .list-box .list > div.state {width:10%;text-align:center;} +.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;} +.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} +.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;} +.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;} +.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;} +.myinfo .contents .loan-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;} +.myinfo .contents .loan-history .list-box .list > div.state span.subscription {background: #376795;} +.myinfo .contents .loan-history .list-box .list > div.state span.reser {background: #3f8f4a;} +.myinfo .contents .loan-history .list-box .list > div.state span.cancel {background: #c11c35;} +.myinfo .contents .loan-history .list-box .list > div.state span.return {background: #857e6b;} +.myinfo .contents .loan-history .list-box .list > div.state span.loan {background: #2e899c;} +.myinfo .contents .loan-history .list-box .list > div.state span.overdue {background: #d37b1a;} + +.myinfo .contents .visit-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;} +.myinfo .contents .visit-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;} +.myinfo .contents .visit-history .list-box {width:100%;} +.myinfo .contents .visit-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;} +.myinfo .contents .visit-history .list-box .list > div {float:left;width:33.3%;font-size:16px;} +.myinfo .contents .visit-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;} +.myinfo .contents .visit-history .list-box .list > div.con {width:78%;} +.myinfo .contents .visit-history .list-box .list > div.state {width:10%;text-align:center;} +.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;} +.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} +.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;} +.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;} +.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;} +.myinfo .contents .visit-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;} +.myinfo .contents .visit-history .list-box .list > div.state span.subscription {background: #376795;} +.myinfo .contents .visit-history .list-box .list > div.state span.approval {background: #3f8f4a;} +.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;} +.myinfo .contents .visit-history .list-box .list > div.state span.wait {background: #376795;} +.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;} +.myinfo .contents .visit-history .list-box .list > div.state span.cancel {background: #c21b35;} +.myinfo .contents .visit-history .list-box .list > div.state span.read {background: #312f28;} +.myinfo .contents .visit-history .list-box .list > div.state span.unread {background: #847d6a;} + + +/********** 내정보 패스워드 **********/ +.passwd .row-bottom .myinfo-passwd .icon {margin-bottom:30px;} +.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) {font-size:18px;color:#333;font-weight: 500;margin-bottom:5px;} +.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) span {color:#376795;} +.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(2) {font-size:14px;} +.passwd .row-bottom .myinfo-passwd .box p input {width:270px;;border:1px solid #ddd;height:36px;line-height: 36px;padding:0px 10px;border-radius: 5px;margin:40px 0px 0px;} +.passwd .row-bottom .myinfo-passwd .box p a {font-size:12px;color:#666;padding-bottom:2px;border-bottom:1px solid #ddd;} +.passwd .row-bottom .myinfo-passwd .box p {margin-bottom:40px;} + + +/********** 내정보 수정 **********/ +.join.modify .Userpassword .con p {color:#2e899c;font-size:12px;font-weight: 500;} +.join.modify .Usersns .con .list .sns-box {border:1px solid #ddd;font-size:11px;border-radius: 3px;height:37px;line-height: 37px;float:left;width:49.5%;padding:0% 0% 0% 0%;margin-right:0.5%;letter-spacing: -0.5px;overflow: hidden;} +.join.modify .Usersns .con .list .sns-box span:nth-child(1) {display:inline-block;width:28px;height:28px;line-height: 26px;margin:0px 10px 4px;text-align: center;background:#333;padding:0px;border-radius: 50px;} +.join.modify .Usersns .con .list .sns-box span img {width:12px;vertical-align: middle;} +.join.modify .Usersns .con .list .sns-box.naver span:nth-child(1) {background: #03c65a;} +.join.modify .Usersns .con .list .sns-box.kakao span:nth-child(1) {background: #fee500;} +.join.modify p.release a {display:inline-block;font-size:12px;font-weight: 500;color:#666;border-bottom:1px solid #ddd;padding-bottom:2px;margin:30px 0px;} + + +/********** 회원탈퇴안내 **********/ +.secession {width:100%} +.secession .inner .row-top {background: none;border:0;padding:60px 0px 40px;} +.secession .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;} +.secession .inner .row-bottom {width:600px;margin:0 auto;} +.secession .inner .row-bottom .sec-box .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;} +.secession .inner .row-bottom .sec-box .text p:nth-of-type(1) span {color:#d47b1c;} +.secession .inner .row-bottom .sec-box .text .inner-box {background: #f0f0f0;border:1px solid #ddd;margin-bottom:20px;padding:30px 40px;} +.secession .inner .row-bottom .sec-box .text .inner-box p {font-size:14px;color:#333;margin-bottom:10px;text-align: left;font-weight: 300;position: relative;} +.secession .inner .row-bottom .sec-box .text .inner-box p:last-child {margin-bottom:0;} +.secession .inner .row-bottom .sec-box .text .inner-box p::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;} +.secession .inner .row-bottom .sec-box .box {background: #0b2c57;padding:30px 70px;position: relative;} +.secession .inner .row-bottom .sec-box .box p {font-size:18px;color:#fff;font-weight: 200;margin-bottom: 15px;text-align: left;font-size:16px;} +.secession .inner .row-bottom .sec-box .box p span.name {display:inline-block;width:100px;font-weight: 400;} +.secession .inner .row-bottom .sec-box .box p input {width:96%;padding:0% 2%;height:36px;height:36px;border-radius: 3px;border:1px solid #ddd;} +.secession .inner .row-bottom .sec-box .btn-box a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;} + + +/********** 관심자료 **********/ +.interested-data .inner .data-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.interested-data .inner .data-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.interested-data .inner .data-box .title .count em {color:#d47b1c;font-weight: 500;} +.interested-data .inner .data-box .title .list-search-wrap {float:right;} +.interested-data .inner .data-box .title .list-search-wrap > div.list-select {} +.interested-data .inner .data-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk {width:4%;line-height: 120px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:15%;line-height: 120px;font-weight: 500;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data {width:65%;height:100%;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn {width:16%;padding: 25px 0px;text-align: center;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt {padding:0;} +.interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} +.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;} +.interested-data .inner .data-box .list-data-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;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;} +.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;} + + +/********** 대출관리 **********/ +.loan-data .inner {margin-bottom:50px;} +.loan-data .inner .loan-box {display:inline-block;width:100%;} +.loan-data .inner .loan-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.loan-data .inner .loan-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.loan-data .inner .loan-box .title .count em {color:#d47b1c;font-weight: 500;} +.loan-data .inner .loan-box .title .list-search-wrap {float:right;} +.loan-data .inner .loan-box .title .list-search-wrap > div.list-select {} +.loan-data .inner .loan-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} +.loan-data .inner .tab {position: relative;} +.loan-data .inner .tabs {position: relative;width: 100.5%;text-align:left;} +.loan-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;} +.loan-data .inner .tabs li:last-child {margin-right:0;} +.loan-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; +} +.loan-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} +.loan-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.loan-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);} +.loan-data .inner .tab_content {display:inline-block;background: #fff;width:100%;} +.loan-data .inner .tabs_item {display: none;padding: 10px 0;} +.loan-data .inner .tabs_item:first-child {display: block;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:45%;text-align: center;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-reservation {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-expiry {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-use {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {color:#3f8f4a;font-size:14px;font-weight: 500;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;float: right;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:45%;text-align: left;font-weight: 400;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use {width:10%;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} +.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;} + + +/********** 방문열람관리 **********/ +.visit-data .inner {margin-bottom:50px;} +.visit-data .inner .visit-box {display:inline-block;width:100%;} +.visit-data .inner .visit-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.visit-data .inner .visit-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.visit-data .inner .visit-box .title .count em {color:#d47b1c;font-weight: 500;} +.visit-data .inner .visit-box .title .list-search-wrap {float:right;} +.visit-data .inner .visit-box .title .list-search-wrap > div.list-select {} +.visit-data .inner .visit-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;} +.visit-data .inner .tab {position: relative;} +.visit-data .inner .tabs {position: relative;width: 100.5%;text-align:left;} +.visit-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:24.9%;margin-left:-3px;} +.visit-data .inner .tabs li:last-child {margin-right:0;} +.visit-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; +} +.visit-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} +.visit-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.visit-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);} +.visit-data .inner .tab_content {display:inline-block;background: #fff;width:100%;} +.visit-data .inner .tabs_item {display: none;padding: 10px 0;} +.visit-data .inner .tabs_item:first-child {display: block;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;margin-top:0px;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:42%;text-align: center;margin-top:0px;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-subscription {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-visit {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-state {width:13%;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state span {color:#3f8f4a;font-size:14px;font-weight: 500;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;margin-top:10px;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:42%;text-align: left;font-weight: 400;margin-top:10px;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state {width:13%;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date, +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .time {display:block;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti {display:inline;float:left;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da {display:inline-block;width:100%;color:#666;font-weight: 200;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {display:inline;float:right;margin-top:5px;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.poss {color:#3f8f4a;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.imposs {color:#c11c35;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.no-poss {color:#666;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} +.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;} + + +/* 알림페이지 아코디언 목록 */ +.noti-data .inner {margin-bottom:50px;} +.noti-data .inner .noti-box {display:inline-block;width:100%;} +.noti-data .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.noti-data .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.noti-data .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;} +.noti-data .inner .noti-box .title .text {float:right;} +.noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;} +.noti-data .list-accordion {border-top: 2px solid #000;} +.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} +.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;} +.noti-data .list-accordion .question span:last-child {padding-right: 50px;} +.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;} +.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} +.noti-data .list-accordion .question .type::before {background: none;} +.noti-data .list-accordion .question.on .type::before {background: none;} +.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} +.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;} +.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} +.noti-data .list-accordion .question.on .type {font-weight: 600;} +.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;} +.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;} +.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;} + + +/* list 검색 */ +.list-header .list-search {width:100%;} +.list-header:after {content: "";display: block;clear: both;height: 10px;} +.list-search {} +.list-search:after {content: "";display: block;clear: both;} +.list-select select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} +.list-search .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} +.list-search .total-count .count em {color:#d47b1c;font-weight: 500;} +.list-search .list-input:after {content: "";display: block;clear: both;} +.list-search .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} +.list-search .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} +.list-search .list-input input::placeholder { color:#999;} +.list-search .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} +.list-search .list-input .check-box { position:absolute;right:42px;top:-6px;} +.list-search .left {float: left;width:75%;} +.list-search .right {float: left;width:25%;text-align: right;} + + +/* 커뮤니티 목록 */ +.contents-frame {width:100%;} +.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} +.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;} +.list-table-wrap li .t-num {width: 6%;} +.list-table-wrap li .t-type {width: 6%;} +.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} +.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} +.list-table-wrap li .t-writer {width: 10%;} +.list-table-wrap li .t-date {width: 10%;} +.list-table-wrap li .t-status {width: 10%;} +.list-table-wrap li .t-file {width:auto;} +.list-table-wrap li .t-answer {width:auto;} +.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;} +.list-table-wrap .t-tit-line span {text-align: center;} +.list-table-wrap li .message {width: 100%;text-align: center;} +.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} +.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;} +.list-table-wrap .list-qna .t-type {width: 175px;} +.list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;} +.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} + + +/* 고정 글 */ +.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;} +.list-table-wrap .fix-list .t-type {width: 95px;} +.list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;} + + +/* 커뮤니티 상세 */ +.view-tit {width: 96%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 16px;background: #556676;display: table;letter-spacing: -0.025em;padding:10px 2%;} +.view-tit h2 {vertical-align: middle;width:100%;color:#fff;text-align: left;font-size:20px;font-weight: 300;} +.view-tit h2 span img {margin:0px 0px 3px 10px;vertical-align: middle;} +.view-tit .v-info {display: inline-block;vertical-align: middle;text-align: left;width:100%;} +.view-tit .v-info em {font-size: 14px;color: #fff;font-weight: 100;margin-right:10px;} +.view-tit .v-info em:nth-of-type(1) {border-right:1px solid #ccc;height:12px;line-height:12px;display:inline-block;padding-right:15px;} +.view-tit .type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;font-size:12px;border-radius: 50px;position: relative;top:-3px;margin-right:10px;} +.file-box {background:#f9f9fa;border-bottom:1px solid #ddd;padding:15px 2%;text-align: left;} +.file-box .file-list {margin-bottom:5px;} +.file-box .file-list span {font-size:12px;} +.file-box .file-list span img {vertical-align: middle;margin-right:5px;} +.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} +.view-body {border-bottom: 0px solid #000;text-align: left;} +.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;} +.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} +.view-body .attachments:after {content: "";display: block;clear: both;} +.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;} +.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/icon/icon-attach.png) no-repeat left center;} +.view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;} +.view-body .attachments li a em {color: #999;} +.view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;} +.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%} +.view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;} +.view-body .answer .answer-top .right {float:right;color:#333;} +.view-body .answer .answer-con {padding: 20px 30px;} +.view-notice .view-pagination .type {width: 70px;} +.view-pagination .status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} +.view-pagination .status .complete {color: #fff;background: #2781c1;border: none;} +.view-pagination .btn {background: #3e404a;color:#fff;font-weight: 300;margin-top: 40px;} +.view-qna .btn-box {width:100%;} + + +/* qna 작성폼 */ +.community-write {letter-spacing: -0.025em;} +.community-write .required-text {text-align:left;margin-bottom:0px;font-size:12px;} +.community-write .required-text span {color:red;font-size:20px;vertical-align: middle;margin:4px 2px 0px 0px;display: inline-block;} +.community-write input {border-radius: 3px;border: 1px solid #ddd;line-height: 36px;display: block;padding: 0 15px;height: 38px;box-sizing: border-box;width: 100%;} +.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;} +.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;} + +.qna-write-table {} +.community-write fieldset {border-top:1px solid #000;} +.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;} +.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;} +.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;} +.qna-write-table .fl {float:left;width:30%;} +.qna-write-table .wt-title {width:90%;} +.qna-write-table .wt-secret {width:10%;} +.qna-write-table .wt-tit input {width: 100%;} +.qna-write-table .w-form .mail-input input {float: left;width: calc(33.333% - 14px);} +.qna-write-table .w-form .mail-input select {float: left;width: calc(33.333% - 14px);margin-left: 10px;} +.mail-desinence {float: left;display: block;width: 32px;text-align: center;line-height: 38px;color: #999;} +.qna-write-table .wt-type {width: 33.333%;float: left;} +.qna-write-table .wt-writer {width: 33.333%;float: left;} +.qna-write-table .wt-pw {width: 33.333%;float: left;} +.qna-write-table .wt-mail {width: 100%;float: left;} +.qna-write-table .wt-visibility {width: 33.333%;float: left;} +.qna-write-table .wt-visibility input {width: 15px;height: 15px;padding: 0;float: left;margin-top: 11px;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;} +.qna-write-table .wt-visibility label {display:block;float:left;margin-left: 10px;line-height: 38px;} +.qna-write-table .wt-question {} +.qna-write-table .wt-recaptcha {} +.qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;} +.qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;display:block;margin-bottom:0px;} +.qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;} +.qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;} +.qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block} +.qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;} + + +/* faq */ +.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.faq .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} +.faq .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} +.faq .title .total-count .count em {color:#d47b1c;font-weight: 500;} +.faq .title .list-input:after {content: "";display: block;clear: both;} +.faq .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} +.faq .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} +.faq .title .list-input input::placeholder { color:#999;} +.faq .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} +.faq .title .list-input .check-box { position:absolute;right:42px;top:-6px;} +.faq .title .left {float: left;width:75%;} +.faq .title .right {float: left;width:25%;text-align: right;} +.faq .inner .tab {position: relative;width:1400px;margin:0 auto;} +.faq .inner .tabs {position: relative;width: 100.5%;text-align:left;} +.faq .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;} +.faq .inner .tabs li:last-child {margin-right:0;} +.faq .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; +} +.faq .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} +.faq .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.faq .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);} +.faq .inner .tab_content {display:inline-block;background: #fff;width:100%;} +.faq .inner .tabs_item {display: none;padding: 10px 0;} +.faq .inner .tabs_item:first-child {display: block;} +/* 아코디언 목록 */ +.faq .inner {margin-bottom:50px;} +.faq .inner .noti-box {display:inline-block;width: 100%;} +.faq .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.faq .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.faq .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;} +.faq .inner .noti-box .title .text {float:right;} +.faq .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;} +.faq .list-accordion {border-top: 2px solid #000;} +.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} +.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;} +.faq .list-accordion .question span:last-child {padding-right: 50px;} +.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} +.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} +.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;} +.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} +.faq .list-accordion .question.on .type {font-weight: 600;position: relative;} +.faq .list-accordion .question.on .date {color:#fff;font-size:12px;} +.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;} +.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;} +.list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;} +.list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;} + + +/* qna */ +.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} +.qna .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;} +.qna .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;} +.qna .title .total-count .count em {color:#d47b1c;font-weight: 500;} +.qna .title .list-input:after {content: "";display: block;clear: both;} +.qna .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;} +.qna .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;} +.qna .title .list-input input::placeholder { color:#999;} +.qna .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;} +.qna .title .list-input .check-box { position:absolute;right:42px;top:-6px;} +.qna .title .left {float: left;width:75%;} +.qna .title .right {float: left;width:25%;text-align: right;} + +.qna .inner .tab {position: relative;width:100%;} +.qna .inner .tabs {position: relative;width: 100.5%;text-align:left;} +.qna .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:49.6%;margin-left:-3px;} +.qna .inner .tabs li:last-child {margin-right:0;} +.qna .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;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; +} +.qna .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;} +.qna .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;} +.qna .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);} +.qna .inner .tab_content {display:inline-block;background: #fff;width:100%;margin-bottom:50px;} +.qna .inner .tabs_item {display: none;padding: 10px 0;} +.qna .inner .tabs_item:first-child {display: block;} +.qna .list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} +.qna .list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;} +.qna .list-table-wrap li .t-num {width: 6%;} +.qna .list-table-wrap li .t-type {width: 6%;} +.qna .list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} +.qna .list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} +.qna .list-table-wrap li .t-tit a img {vertical-align: middle;margin-left:10px;} +.qna .list-table-wrap li .t-writer {width: 10%;} +.qna .list-table-wrap li .t-date {width: 10%;} +.qna .list-table-wrap li .t-status {width: 10%;} +.qna .list-table-wrap li .t-file {width:auto;} +.qna .list-table-wrap li .t-answer {width:8%;text-align: center;} +.qna .list-table-wrap li .t-answer span {display:inline-block;background:#e6e7e9;height:auto;padding:2px 10px 4px;border-radius: 50px;font-size:12px;} +.qna .list-table-wrap li .t-answer span.compl {background: #b98d4d;color:#fff;font-weight: 400;} +.qna .list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;} +.qna .list-table-wrap .t-tit-line span {text-align: center;} +.qna .list-table-wrap li .message {width: 100%;text-align: center;} +.qna .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} +.qna .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;} +.qna .list-table-wrap .list-qna .t-type {width: 175px;} +.qna .list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;} +.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} +.qna .btn-box {float:right;} + +.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;} + +.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;} +.privacy .top-bg p {color:#fff;} +.privacy .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;} +.privacy .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;} +.privacy .con {width:1200px;margin:0 auto;text-align: left;} +.privacy .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;} +.privacy .con .sec:last-child {border-bottom:0;} +.privacy .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;} +.privacy .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;} +.privacy .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;} +.privacy .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;} +.privacy .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;} +.privacy .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;} + + +.service .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-service.jpg) no-repeat center;text-align: left;} +.service .top-bg p {color:#fff;} +.service .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;} +.service .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;} +.service .con {width:1200px;margin:0 auto;text-align: left;} +.service .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;} +.service .con .sec:last-child {border-bottom:0;} +.service .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;} +.service .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;} +.service .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;} +.service .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;} +.service .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;} +.service .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;} + + +.error {text-align: center;width:100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;} +.error .text h1 {font-size:18px;color:#474848;font-weight: 400;} +.error .text h1 a span.title {margin-right:10px;margin-left:5px;padding-right:10px;border-right:1px solid #ddd;height:17px;line-height:17px;display: inline-block;} +.error .text h1 a img {vertical-align: middle;margin:0px 0px 10px;} +.error .text p:nth-of-type(1) {font-size:30px;font-weight: 500;margin-bottom:5px;} +.error .text p:nth-of-type(1) span {color:#d47b1c;} +.error .text p:nth-of-type(2) {font-size:20px;font-weight: 300;margin-bottom:30px;color:#333;} +.error .text p:nth-of-type(3) {margin-bottom:40px;} +.error .box {width:100%;background: #366ea3;padding:40px 0px;position: relative;} +.error .box p:nth-of-type(1) {font-size:16px;color:#fff;font-weight: 400;margin-bottom: 40px;} +.error .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #366ea3;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); +} +.error .box .btn {margin:0px 0px;display:inline-block;padding:0;width:100%;} +.error .box .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:4px 30px;margin:0px 5px;font-size:14px;font-weight:500;} +.error .box .btn a.btn-white {color:#366ea3;} +.error .box .btn a.btn-white:hover {background:#fff;} +.error .box .btn a.btn-color {background:#214567;} + + + +/* 공유하기 팝업 */ +.pop-sharing {display: none;z-index: 200;} +.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;} +.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;} +.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;} +.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;} +.pop-sharing .sns-list {text-align: center;padding-top: 16px;} +.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;} +.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;} +.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;} +.pop-sharing .sns-list .nblog-icon img {background:#2db400;} +.pop-sharing .sns-list .fb-icon img {background:#3a5daa;} +.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;} +.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;} +.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;} +.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;} +.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;} +.pop-sharing .link-copy .btn:focus, +.pop-sharing .link-copy .btn:hover {color: #fff;} +.pop-sharing .pop-wrap .Qr {padding:35px;} +.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);} +.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;} +.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#556676;border-radius:0px 0px 10px 10px;padding:13px 0px;} +.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;} +.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;} +.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;} +.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;} + + +/* 서지정보 팝업 */ +.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;} +.pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;} +.pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} +.pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;} +.pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;} +.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;} +.pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;} +.pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;} +.pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;} +.pop-serge .inner .Text .text-box p span {font-weight: 500;position: relative;} +.pop-serge .inner .Text .text-box p span::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;} +.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) {text-indent: -14px;} +.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) {text-indent: -14px;color:#2e899c;} +.pop-serge .inner .btn-box {text-align: center;} +.pop-serge .inner .btn-box .btn {width:auto;padding:10px 25px;line-height: normal} +.pop-serge .inner .serge-close {position: absolute;right: 30px;top: 30px;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-serge .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +/* 로그인 팝업 */ +.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: #fff;} +.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} +.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 .notice-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-return {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-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-return .inner .row {padding:0px 30px 0px;text-align:center;} +.pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} +.pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-return .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-return .inner .Text .text-box {color:#666;background: #f8f8f8;border:1px solid #ddd;border-radius:3px;padding:20px;font-size:14px;height:80px;text-align: left;margin-bottom:40px;} +.pop-return .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} +.pop-return .inner .btn-box .btn {width:auto;padding:10px 25px;} +.pop-return .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-return .inner .return-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-return .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +/* 패스워드 변경 팝업 */ +.pop-change {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-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-change .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} +.pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-change .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-change .inner .change p {margin-bottom:5px;} +.pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;} +.pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;} +.pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} +.pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;} +.pop-change .inner .btn-box .btn.btn-color {width:170px;} +.pop-change .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;} +.pop-change .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-change .inner .change-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-change .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} + + +/* 패스워드 찾기 팝업 */ +.pop-find {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-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-find .inner .row {padding:0px 60px 0px;text-align:center;} +.pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} +.pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} +.pop-find .Title p {font-size:16px;line-height:16px;color:#fff;} +.pop-find .inner .Text p {color:#666;font-size:14px;margin-bottom:30px;} +.pop-find .inner .Text p span {color:#d47b1c;font-weight: 500;} +.pop-find .inner .find p {margin-bottom:5px;} +.pop-find .inner .find p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;} +.pop-find .inner .find p.text {font-size:12px;text-align: left;margin:10px 0px 30px;color:#2e899c;font-weight: 400;} +.pop-find .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal} +.pop-find .inner .btn-box .btn {width:auto;padding:10px 25px;} +.pop-find .inner .btn-box .btn.btn-color {width:170px;} +.pop-find .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;} +.pop-find .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-find .inner .find-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-find .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:40px 0px 20px;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 30px;text-align: center;} +.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 {border-radius: 8px;padding:0px 0% 20px;background: #f5f5f5;overflow: hidden;z-index: 9;position: relative;} +.pop-member .inner .card .title {text-align:center;padding:15px 0px 15px 85px;background:url(/images/icon/icon-member-secret.png) no-repeat 30px center #f5f5f5;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);text-align: left;} +.pop-member .inner .card .title .name {font-size:24px;font-weight: 500;} +.pop-member .inner .card .title .date {font-size:13px;} +.pop-member .inner .card .qr {width:80%;padding:0% 10%;} +.pop-member .inner .card .qr p {text-align: center;font-size:16px;margin:30px 0px 20px;} +.pop-member .inner .card .qr img {width:100%;} +.pop-member .inner .card .code {display: inline-block;width:100%;background: #e8e8ea;width:70%;padding:5px 5%;margin:10px 10%;border-radius: 5px;} +.pop-member .inner .card .code .num .na {float:left;font-size:14px;} +.pop-member .inner .card .code .num .co {float:right;font-size: 18px;font-weight: 500;color:#2e899c;} +.pop-member .inner .text {text-align: center;font-size:13px;color:#fff;padding:20px 0px 0px;} +.pop-member .inner .member-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%;z-index: 99;} +.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;} +.pop-member .innerbg {position: absolute;top:0px;left:0px;overflow: hidden;width: 800px;height: 800px;display: inline-block; +text-align: center;background-color: transparent;} +.pop-member .innerbg::after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0; +transform: rotate(30deg); +background: rgba(255, 255, 255, 0.10); +background: linear-gradient(to right, +rgba(255, 255, 255, 0.10) 10%, +rgba(255, 255, 255, 0.10) 77%, +rgba(255, 255, 255, 0.3) 92%, +rgba(255, 255, 255, 0.0) 100%); +-webkit-animation: animate-bg 2.0s 1.5s ease-out infinite; +-moz-animation: animate-bg 2.0s 1.5s ease-out infinite; +-o-animation: animate-bg 2.0s 1.5s ease-out infinite; +animation: animate-bg 2.0s 1.5s ease-out infinite; +} +@keyframes animate-bg { +0% {opacity: 1.0;} +100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;} +} +.pop-member .innerbg::before {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0; +transform: rotate(30deg); +background: rgba(255, 255, 255, 0.10); +background: linear-gradient(to right, +rgba(255, 255, 255, 0.10) 10%, +rgba(255, 255, 255, 0.10) 77%, +rgba(255, 255, 255, 0.3) 92%, +rgba(255, 255, 255, 0.0) 100%); +-webkit-animation: animate-bg2 2.0s 1.9s ease-in infinite; +-moz-animation: animate-bg2 2.0s 1.9s ease-in infinite; +-o-animation: animate-bg2 2.0s 1.9s ease-in infinite; +animation: animate-bg2 2.0s 1.9s ease-in infinite; +} +@keyframes animate-bg2 { +0% {opacity: 0.5;} +100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;} +} + + +/* 상세검색 팝업 */ +.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/icon/icon-scr.png) no-repeat 20px center;} + +.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;} + + + +/* button style */ +.btn-wrap {text-align: center;margin:30px 0px 30px;} +.btn-box {margin:30px 0px 30px;} +.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;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-orange {background: #ec8c26;color: #fff;} +.btn-orange:focus, +.btn-orange:hover {background: #e26c26;transition: background .3s ease;} +.btn-gray {background: #666;color: #fff;} +.btn-gray:focus, +.btn-gray:hover {background: #444;transition: background .3s ease;} +.btn-lightgray {background: #909090;color: #fff;} +.btn-lightgray:focus, +.btn-lightgray:hover {background: #666;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;} +.btn-box .left {float:left;} +.btn-box .right {float:right;} + + +/* check style */ +.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;} + +.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 0px;} +.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:18px;right:8px;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;} + +.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;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;} +.paging .btn-next {background-image: url(/images/btn/btn-paging-next.png);background-position:center right;} +.paging .btn-prev {background-image: url(/images/btn/btn-paging-prev.png);background-position:center left;} +.paging .btn-first {background-image: url(/images/btn/btn-paging-first.png);} +.paging .btn-last {background-image: url(/images/btn/btn-paging-last.png);} +.paging .btn-prev {text-indent: 0px;width:70px;text-align: right;} +.paging .btn-next {text-indent: 0px;width:70px;text-align:left;} +.paging .btn a {font-size:12px;font-weight: 300;} + +.article-side .filter-wrap .Title {display:none;} + + + +/* 1400px 이하 */ +@media all and (max-width:1400px) { + +} + +/* 768px 이하 */ +@media all and (max-width:768px) { + +} + +/* 368px 이하 */ +@media all and (max-width: 368px) { + +} + + + + + + diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 1a30dc8a..59b1d4d7 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -1,3 +1,4 @@ +<<<<<<< HEAD /* 공통 */ a.pop-logo { display: none; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; align-items: center; } a.pop-logo img { margin-right: 10px; } @@ -1034,3 +1035,1041 @@ a.pop-logo img { margin-right: 10px; } footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;} footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;} } +======= +/* 공통 */ +a.pop-logo { display: none; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; align-items: center; } +a.pop-logo img { margin-right: 10px; } +.mo-ver { display: none; } +.wrap header .inner h1 a span.title-1 { border-left: none; margin: 0; } +.go_btn { display: none; } +#mo_search_icon { display: none; margin-right: 24px; } +.btn-go-top.mo-go-top { bottom: 86px; } +#mo-member-btn { display: none; width: calc(100% - 32px); height: 50px; background: #376795; border-radius: 5px; position: absolute; right: 16px; top: -65px; z-index: 19; position: fixed; top: inherit; bottom: 20px; font-weight: 500; font-size: 14px; color: #ffffff; } +.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; } +.mo-nav-wrap.show { width: 286px; } +.mo-nav-wrap .menu_bg { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.2s ease-in; } +.mo-nav-wrap.show .menu_bg { display: block; } +.mo-nav-wrap .login_box { width: 100%; height: 267px; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); padding: 135px 16px 18px; box-sizing: border-box; } +.mo-nav-wrap .login_box h2 { font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; } +.mo-nav-wrap .login_box .btns_box { display: flex; margin-top: 20px; } +.mo-nav-wrap .login_box .btns_box button { width: 50%; height: 40px; background: #374d64; border-radius: 3px; font-weight: 500; font-size: 12px; color: #ffffff; } +.mo-nav-wrap .login_box .btns_box button.btn_login { margin-right: 16px; } +.mo-nav-wrap .menu_box { height: calc(100vh - 267px); overflow: auto; background: #fff; } +.mo-nav-wrap .menu_box .mo_menu { background: #fff; } +.mo-nav-wrap .menu_box .mo_menu .wrap { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; color: #333333; } +.mo-nav-wrap .menu_box .mo_menu.show > div { color: #376795; font-weight: 500; } +.mo-nav-wrap .menu_box .mo_menu .drop_icon { width: 14px; height: 10px; background: url("/images/icon/icon-mo-show.png") no-repeat; background-position: center; } +.mo-nav-wrap .menu_box .mo_menu.show .drop_icon { background: url("/images/icon/icon-mo-hide.png") no-repeat; background-position: center; } +.mo-nav-wrap .menu_box .mo_menu a .drop_icon { visibility: hidden; } +.mo-nav-wrap .menu_box .mo_menu .name, +.mo-nav-wrap .menu_box .mo_menu .drop_icon { padding: 16px 16px; } +.mo-nav-wrap .menu_box .sub-menu { display: none; background: #f0f0f0; } +.mo-nav-wrap .menu_box .mo_menu.show .sub-menu { display: block; padding: 16px 26px; } +.wrap .nav-wrap .inner .left { display: none; } +.pop-login .inner .mo-pop-Title { display: none; font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } +.pop-login .inner .mo-pop-Title span { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #376795; } +.pop-login-connect .inner h3.row, +.pop-login-password .inner h3.row { display: none; padding: 0; font-size: 22px; line-height: 33px; margin-bottom: 20px; } +.pop-login-connect .inner h3.row span, +.pop-login-password .inner h3.row span { color: #376795; } +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk span { margin-left: 10px; } + +/* 공지사항 */ +.list-table-wrap li span.t-wrap { display: flex; align-items: center; } +.list-table-wrap li.t-tit-line .t-tit { justify-content: center; } +.list-table-wrap li .t-tit { width: 68%; display: flex; align-items: center; } +.list-table-wrap li span.t-info { flex: 1; display: flex; align-items: center; } +.list-table-wrap li span.t-info > span { display: flex; align-items: center; justify-content: center; } +.list-table-wrap li .t-writer { width: 36%; } +.list-table-wrap li .t-date { width: 36%; } +.list-table-wrap li .t-file { flex: 1; } + +/* 희망 방문일 */ +.cart .inner .loan-confirm .tabs_item .visit-select-box { border-top: 1px solid #333; border-bottom: 1px solid #ddd; padding: 40px 0; margin-bottom: 20px; } +.cart .inner .loan-confirm .tabs_item .visit-select-box h3 { border-bottom: none; } +.cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 20px; } +.cart .inner .loan-confirm .visit-text { color: #666666; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 40px; } +.cart .inner .loan-confirm .visit-select-box select { height: 36px; line-height: 36px; padding: 0px 2%; border: 1px solid #ddd; border-radius: 3px; margin: 0 6px; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-left: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } +.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } +.pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } + +/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ +@media all and (max-width: 479px){ + .mo-ver { display: block !important; } + .mo_tabs_wrap { width: 100%; overflow-y: auto; } + .wrap { position: relative; width: 100vw; min-width: auto; } + .wrap.sub { padding-top: 73px; } + .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } + .wrap header .inner { width: auto; margin: 0; } + .wrap header .inner h1 { width: auto; } + .wrap.sub .nav-wrap { box-shadow: none; } + .wrap header .inner h1 a span.title-2 { display: none; } + .wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; } + .wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; } + .wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; } + .wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;} + .wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */ + .wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; } + .wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; } + .wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; } + .wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; } + .wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; } + .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } + .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } + .wrap header .inner .log { display: none; } + .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } + .wrap .nav-wrap.scroll_on { box-shadow: none; } + .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } + .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } + .wrap .nav-wrap .inner .left { display: none;z-index:999; } + .wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; } + .wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; } + .wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; } + .wrap .nav-wrap .inner .left span, + .wrap .nav-wrap .inner .left .member-btn { display: none; } + .wrap .nav-wrap .inner .right { display: flex;z-index:999; } + #mo_search_icon { display: block; } + #primary-nav-button.mobile { position: relative; top: 0; } + .wrap .nav-wrap .Btn i { background: #fff; } + .wrap .nav-wrap .Btn i::before { background: #fff; } + .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } + .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } + .sec1 .inner .banner { height: 400px; background-position: -452px; } + .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } + .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } + .sec1 .inner .banner p > span { display: block; } + .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } + .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } + .sec1 .inner .color-box .list .title { font-size: 12px; line-height: 18px; margin: 8px 0px 9px; } + .sec1 .inner .color-box .list .icon img { width: 32px; } + .sec1 .inner .color-box .list .open { display: none; } + .sec2 { padding: 0px 0px 60px; } + .sec2 .keyword-box { width: 100vw; } + section h3 { font-size: 22px; margin-bottom: 0px; } + section .inner p.desc { font-size: 14px; margin-bottom: 16px; } + section .inner ul.list-tag { height: 66px; overflow: hidden; } + .sec3 { padding: 52px 0px 60px; } + .sec3 .pickSwiper::before, + .sec3 .pickSwiper::after { display: none; } + .sec3 .pickSwiper .swiper-slide .list-box { height: 310px; } + .sec3 .pickSwiper .swiper-slide .list-box .images { padding: 10px 0px; height: 185px; } + .sec3 .pickSwiper .swiper-slide .list-box .subject { padding: 15px; } + .sec3 .pickSwiper .swiper-slide .list-box .subject .block { margin-bottom: 6px; } + .sec3 .pickSwiper .swiper-slide .list-box .subject .cla { padding: 5px 10px; border-radius: 85px; } + .sec3 .pickSwiper .swiper-slide .list-box .subject .tit { font-size: 14px; } + .swiper-button-next, + .swiper-button-prev { display: none; } + .sec4 .inner .middle-banner { background: url("/images/bg/bg-sec4-bg-mo.jpg") no-repeat; height: 200px;background-size:100%; } + .sec4 .inner .middle-banner h3 { padding: 40px 0px 10px; font-size: 22px; line-height: 33px; } + .sec4 .inner .middle-banner p { font-size: 14px; } + .sec5 { padding: 52px 0px 60px 16px; } + .sec5 .inner { width: 100%; } + .sec5 .inner .tabs { width: max-content; } + .sec5 .inner .tab_content { padding: 0 16px 0 0; margin-top: 30px; box-sizing: border-box; width: 100%; border: none; background: none; } + .sec5 .inner .tabs_item { padding: 0; } + .sec5 .inner .tabs_item ul li { background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; padding: 30px; } + .sec5 .inner .tabs_item ul li .con-1 .cla { padding: 5px 10px; } + .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } + .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } + .sec6 { padding: 52px 0px 60px; } + .sec6 .inner .more-btn {top:0px;} + .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;} + .popularSwiper .swiper-pagination { position: relative; } + .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } + .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } + .sec6 .onlineSwiper::before, + .sec6 .onlineSwiper::after { display: none; } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } + .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } + .sec7 .inner { width: 100%; display: flex; flex-direction: column; } + .sec7 .inner .Fl { float: none; width: 100%; margin: 0; } + .sec7 .inner .Fl.notice { margin-bottom: 24px; } + .sec7 .inner .Fl .ti { display: flex; align-items: center; justify-content: space-between; } + .sec7 .inner .Fl .ti span { font-size: 18px; } + .sec7 .inner .Fl .ti a span { height: auto; } + .sec7 .inner .Fl .ti a span > span { display: none; } + .sec7 .inner .Fl .ti a span img { width: 22px; margin: 0; } + .sec7 .inner .Fl .con { padding: 0 20px; border: 1px solid #dddddd; border-radius: 5px; } + .sec7 .inner .Fl .con .list a { display: flex; } + .sec7 .inner .Fl .con .list .text { font-size: 16px; line-height: 24px; flex: 1; } + .sec7 .inner .Fl .con .list .text p { display: flex; align-items: center; } + .sec7 .inner .Fl .con .list .text p img { margin: 0; } + .sec7 .inner .Fl .con .list .answer { display: none; } + footer { padding: 20px 0px 16px; position: relative; height: auto; box-sizing: border-box; } + footer .inner { width: 100%; box-sizing: border-box; } + footer .row-top { display: flex; flex-direction: column; align-items: center; } + footer .row-top .footer-logo img { width: 140px; } + footer .family_site { position: relative; display: flex; align-items: center; width: 90%; padding: 0 5%; box-sizing: border-box; } + footer .family_site .site_name { width: 100%; margin: 0; flex: 1; } + footer .family_site .go_btn { display: block; background: #1b1b1b; border-radius: 5px; width: 74px; height: 40px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; } + footer .fnb li { font-size: 12px; line-height: 18px; text-align: center; margin: 0 6px; } + footer .row-bottom .left-side { float: unset; } + footer .row-bottom .left-side ul { display: flex; align-items: center; justify-content: center; } + footer .copy { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; } + footer .copy span:first-child { display: block; } + footer .copy br { display: none; } + .btn-go-top span:nth-of-type(2) { display: none; } + .btn-go-top img { width: 24px; } + #mo-member-btn { display: block; } + + /* 서브 공통 */ + .location .inner .row-top .location-box .tit li { font-size: 22px; } + .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } + + /* 회원가입 */ + .join .inner .row-bottom { width: 100vw; min-height: 400px; padding: 0 16px; box-sizing: border-box; } + .join .inner .row-bottom .join-box .login { margin-top: 60px; width: 100%; } + .join .inner .row-bottom .join-box .step { padding-bottom: 24px; } + .join .inner .row-bottom .join-box .step > div .icon, + .join .inner .row-bottom .join-box .step > div .text p:nth-child(1) { display: none; } + .join .inner .row-bottom .join-box .step > div { box-sizing: border-box; height: 45px; display: flex; align-items: center; justify-content: center; } + .join .inner .row-bottom .join-box .privacy-box > div { position: relative; margin-bottom: 60px; } + .join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk { position: absolute; bottom: -30px; } + .join .inner .row-bottom .join-box .btn-box { display: flex; } + .join .inner .row-bottom .join-box .btn-box .btn { width: 50%; margin-right: 16px; } + .join .inner .row-bottom .join-box .btn-box .btn:last-child { margin-right: 0; } + .join .inner .row-bottom .join-box { padding-bottom: 60px; } + .join .inner .row-bottom .join-box .form-group { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } + .join .inner .row-bottom .join-box .form-group .con, + .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } + .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } + .join .inner .row-bottom .join-box .Usersex .con { display: flex; } + .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } + .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } + .join .inner .row-bottom .join-box .Userbirth #year { width: 94%; } + .join .inner .row-bottom .join-box .Userbirth #month { margin-left: 0; } + .join .inner .row-bottom .join-box .Userbirth #month, + .join .inner .row-bottom .join-box .Userbirth #day { width: 40.5%; } + .join .inner .row-bottom .join-box .Usermobile .row input { width: 21.5% !important; } + .join .inner .row-bottom .join-box .Usermobile .row input.cer, + .join .inner .row-bottom .join-box .Useremail .row input, + .join .inner .row-bottom .join-box .Useraddr .row input.addr1 { width: 72% !important; } + .join .inner .row-bottom .join-box .form-group .con span.text, + .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } + .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } + .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } + .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } + + /* 가입 완료 */ + .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } + .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) { font-size: 15px; } + .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) { font-size: 14px; } + .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span { display: block; } + .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 16px; } + .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) { font-size: 14px; } + .join.succ .inner .row-bottom .join-box .success .btn { margin: 30px 0px; width: 100%; height: 45px; } + .join.succ .inner .row-bottom .join-box .success .btn a { padding: 0; font-weight: normal; width: 100%; height: 100%; font-size: 14px; } + + /* 휴면 계정 */ + .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 18px; } + .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) br { display: none; } + .join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 15px; } + .join.dormant .inner .row-bottom .join-box .success .btn { display: flex; } + .join.dormant .inner .row-bottom .join-box .success .btn a { width: 50%; margin-right: 10px; } + .join.dormant .inner .row-bottom .join-box .success .btn a:last-child { margin-right: 0; } + + /* 알림 */ + .noti-data .contents { width: 100%; padding: 0 16px; box-sizing: border-box; min-height: 400px; } + .noti-data .inner .noti-box .title { margin: 0; } + .noti-data .inner .noti-box .title .count { font-size: 14px; } + .noti-data .inner .noti-box .title .text p { display: none; } + .noti-data .list-accordion .question { background: transparent url("/images/btn/btn-arrow-open.png") no-repeat 10px center; display: flex; flex-direction: column; padding: 10px; } + .noti-data .list-accordion .question .type, + .noti-data .list-accordion .question span { padding-left: 50px; height: auto; font-size: 14px; line-height: 21px; } + .list-accordion .question .type::before, + .list-accordion .question.on .type::before { background: none; } + .noti-data .list-accordion .question .date { position: absolute; top: 10px; right: 10px; padding-right: 0 !important; } + .noti-data .list-accordion .question.on { background: url("/images/btn/btn-arrow-close.png") no-repeat 10px center #556676; } + .noti-data .list-accordion .question.on span { font-size: 14px; } + .noti-data .list-accordion .answer { padding: 20px 10px 20px 64px; font-size: 14px; line-height: 21px; } + .noti-data .list-accordion .answer::before { width: 2px; height: 36px; left: 50px; top: 24px; } + + /* 카트 */ + .cart .contents { width: 100%; padding: 0 16px 100px; box-sizing: border-box; } + .cart .inner .tabs { display: flex; } + .cart .inner .tabs li { width: 50%; } + .cart .inner .tabs a { min-width: auto; width: 100%; } + .cart .inner .tabs_item .list-cart-wrap h3 { font-size: 16px; border-top: 2px solid #222222; padding: 10px 10px 0; } + .cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 10px; } + .cart .inner .loan-confirm .tabs_item h3 { border-bottom: 1px solid #dddddd; padding: 10px; } + .cart .inner .loan-confirm .tabs_item .visit-text { font-size: 12px; } + .cart .inner .loan-confirm .tabs_item .visit-select-box { padding: 25px 0 15px; } + .cart .inner .loan-confirm .tabs_item .visit-select-box h3 { padding-top: 0; font-size: 18px; line-height: 27px; } + .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box { display: flex; flex-direction: column; font-size: 14px; } + .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span { display: flex; align-items: center; margin-bottom: 10px; } + .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span select { flex: 1; } + .cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: flex; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 10px 0; box-sizing: border-box; } + .cart .inner .loan-confirm .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: none; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div { color: #333333; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-mo { display: none; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { width: auto; display: flex; align-items: center; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list { position: relative; padding: 10px 10px 20px; height: auto; box-sizing: border-box; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-data:not(.t-mo) { width: 100%; display: flex; flex-direction: column-reverse; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { height: 35px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a, + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date, + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan, + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit { width: auto !important; display: flex; flex-direction: column; font-size: 12px; line-height: 18px; text-align: left; position: absolute; bottom: 20px; left: 220px; padding: 0; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date::before { content: "반납예정일"; color: #333333; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 134px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan::before { content: "대출"; color: #333333; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan { bottom: 76px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit::before { content: "방문열람"; color: #333333; } + .cart .inner .tabs_item .btn-box.btn-cart-top { display: flex; margin-bottom: 0; } + .btn-cart-top.go-cart-fix { position: fixed; bottom: 0; left: 0; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.35); margin: 0; z-index: 999; } + .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } + .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } + .cart .inner .tabs_item .btn-box .btn-gray { display: none; } + .cart .inner .tabs_item .btn-box .left, + .cart .inner .tabs_item .btn-box .right { width: 50%; } + .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } + .cart .inner .tabs_item .btn-box .btn { width: 100%; } + + /* 대출신청/예약확인 */ + .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } + .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } + .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { left: 10px; } + .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state { width: 100%; } + .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 38px 0 40px; } + .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-data > div.title { width: 100%; } + .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 208px; } + .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 188px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 158px; } + .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 138px; } + .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit, + .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit { bottom: 0; left: 10px; width: 100%; } + .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit::before, + .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit::before { content: ""; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser { position: absolute; left: 220px; bottom: 106px; width: auto !important; padding: 0; display: flex; flex-direction: column; font-size: 12px; text-align: left; } + .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser { bottom: 86px; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청/예약정보"; color: #333333; } + .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청정보"; color: #333333; } + .cart .inner .tabs_item .text { font-size: 12px; line-height: 18px; text-indent: -7px; padding-left: 7px; box-sizing: border-box; } + .cart .inner .loan-confirm .tabs_item .text { margin-bottom: 10px; } + .cart .inner .tabs_item .list-cart-wrap { margin-bottom: 0; } + .cart .inner .tabs_item .total-box { display: flex; justify-content: space-between; border-top: none; padding: 20px 0; } + .cart .inner .tabs_item .total-box .row-top { display: flex; flex-direction: column; justify-content: space-between; width: 100px; height: auto; text-align: left; background: #fff; border-bottom: none; } + .cart .inner .tabs_item .total-box .row-top > div { width: auto; height: auto; color: #666666; line-height: 27px; } + .cart .inner .tabs_item .total-box .row-bottom { display: flex; align-items: flex-end; flex-direction: column; width: 200px; height: auto; padding: 0; line-height: 27px; } + .cart .inner .tabs_item .total-box .row-bottom > div.plus, + .cart .inner .tabs_item .total-box .row-bottom > div.result { display: none; } + .cart .inner .tabs_item .total-box .row-bottom > div strong { font-size: 18px; } + .cart .inner .tabs_item .btn-wrap { display: flex; } + .cart .inner .tabs_item .btn-wrap .btn { width: 50%; margin-right: 16px; } + .cart .inner .tabs_item .btn-wrap .btn:last-child { margin-right: 0; padding: 0 10px; } + + /* 신청완료 */ + .cart .inner .tabs_item .compl-box { border-top: none; } + .cart .inner .visit-confirm .tabs_item .compl-box { border-top: 1px solid #333; } + .cart .inner .tabs_item .compl-box .compl-icon img { width: 48px; } + .cart .inner .tabs_item .compl-box .compl-text { font-size: 18px; } + .cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; } + + /* 인사말 */ + .greeting .inner .row-bottom { width: 100%; padding-bottom: 60px; } + .greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; } + .greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; } + .greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; } + .greeting .inner .row-bottom .greeting-box .gree .left { width: 100%; margin-right: 0; } + .greeting .inner .row-bottom .greeting-box .gree .right { width: 100%; margin-top: 20px; } + .greeting .inner .row-bottom .greeting-box .gree .left p.text { font-size: 14px; } + .greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; } + .greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; } + .greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; } + + /* 이용안내 */ + .guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; } + .guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; } + .guide .inner .row-bottom .guide-box .banner .left { width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; } + .guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; } + .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; } + .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; } + .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span { top: -10px; } + .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) { font-size: 14px; } + .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) { font-size: 18px; margin-bottom: 8px; } + .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) { font-size: 14px; } + .guide .inner .row-bottom .guide-box .banner .right { width: 100%; height: auto; padding: 34px 30px 0; box-sizing: border-box; } + .guide .inner .row-bottom .guide-box .banner .right .list-box .li { display: flex; margin: 0 0 30px; } + .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num { width: 67px; } + .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } + .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) { height: 50px; display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } + .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) { font-size: 12px; margin-left: -60px; } + .guide .inner .row-bottom .guide-box .info-box .info-sec h3 { font-size: 18px; margin-bottom: 6px; } + .guide .inner .row-bottom .guide-box .info-box .info-sec .text-box { padding: 20px 30px; } + .guide .inner .row-bottom .guide-box .info-box .info-sec { margin-bottom: 30px; } + .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(3) .text-box p, + .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(4) .text-box p { display: flex; } + + /* 오시는 길 */ + .map .contents { width: 100%; padding: 0 16px 80px; box-sizing: border-box; } + .map .inner .row-bottom .map-box { margin-bottom: 24px; } + .map .inner .row-bottom .map-box h2 { margin-bottom: 6px; font-size: 18px; } + .map .inner .row-bottom .map-box .info { display: flex; flex-direction: column; } + .map .inner .row-bottom .map-box .info .mapimg { height: 156px; } + .map .inner .row-bottom .map-box .info > div { width: 100%; text-align: left; padding: 45px 28px; box-sizing: border-box; min-height: auto; border-bottom: 1px solid #ddd; border-right: none; } + .map .inner .row-bottom .map-box .info > div:last-child { border-bottom: none; } + .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) { width: 28px; height: 28px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center; } + .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img { width: 70%; margin: 0; } + .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; } + .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; } + .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; } + .map .inner .row-bottom .info-box .info-sec h3 { font-size: 18px; } + .map .inner .row-bottom .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; } + .map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } + .map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } + .map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } + .map .inner .row-bottom .map-box .info #map {height:155px !important;} + + /* 소장자료 */ + .data .inner .row-bottom { width: 100%; padding: 0 0 100px 16px; box-sizing: border-box; } + .article-side { display: none; background: #fff; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 101; } + .article-side .Title.mo-ver { padding: 15px 16px; background: url("/images/bg/bg-login.jpg") no-repeat; background-size: cover; text-align: left; } + .article-side .Title.mo-ver h3 { font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; } + .article-side .Title.mo-ver .filter-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%; } + .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; } + + .article-side .filter-wrap {display:inline-block;padding-top:100px;} + .article-side .filter-wrap .Title {display:inline-block;background: #3670a3;width: 96%;padding: 0px 2%;height: 80px;line-height: 80px;padding: 0 16px;box-sizing: border-box;width: 100%;position:absolute;top:0px;left:0px;z-index:999;} + .article-side .filter-wrap .Title span:nth-of-type(1) {font-size: 24px;font-weight: 500;margin-right: 10px;font-size: 22px;line-height: 33px;color:#fff;} + .article-side .filter-wrap .Title span:nth-of-type(2) {position: absolute;right: 16px;top: 30px;} + .article-side .filter-wrap .Title span:nth-of-type(2) .filter-close {display:inline-block;width:22px;height:22px;} + + .culture-box { width: 100%; } + .data .mo_tabs_wrap { height: 50px; } + .data .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } + .data .inner .tabs li.current::before {bottom: calc(0% - -5px);} + .data .inner .tabs li a { border-radius: 0; border-right: none; } + .data .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .data .inner .tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .data .inner .data-box .culture-box .tab > .title { display: flex; flex-direction: column-reverse; height: auto; padding-right: 16px; } + .data .inner .data-box .culture-box .tab .title .count { display: flex; font-size: 14px; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search { margin-left: 0; width: 100%; text-align: left; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select, + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select { margin-left: 0; width: 100%; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input { margin-left: 0; width: 100%; box-sizing: border-box; margin: 10px 0 26px; display: flex; padding: 0 0 0 36px; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button[type="submit"] { background: url("/images/icon/icon-search-mo.png") no-repeat center; right: auto; left: 0; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:inline-block;position: absolute;left: auto;right: 10px;top: 4px;width: 43px;height: 26px;background:#e6e7e9;color:#666;border-radius:50px;text-indent:0;} + + .data .inner .tab_content { padding-right: 16px; box-sizing: border-box; } + .data .inner .tabs_item { border-top: 1px solid #222222; padding: 0; } + .data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line { display: none; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list { box-sizing: border-box; display: flex; flex-direction: column; height: auto; padding: 0; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 30px 10px 130px; box-sizing: border-box; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type, + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title, + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { width: 100%; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span { display: inline; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject em { display: none; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p br {display:none;} + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span {display:inline-block;margin:0px 5px;height:10px;line-height:10px;} + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span:nth-of-type(1) {border-right:1px solid #3f8f4a;padding-right:10px;} + + + /* 결과 없음 */ + .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 { margin-bottom: 16px; font-size: 18px; } + .paging { width: 100%; display: flex; justify-content: center; } + .paging li { margin: 0 !important; padding: 0 !important; min-width: auto; width: 24px !important; background-position: center !important; } + .paging .btn-prev a, + .paging .btn-next a { display: none; } + .paging li a { font-size: 14px; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.btn_filter { position: absolute; top: 3px; right: 10px; background: #e6e7e9; width: 43px; height: 28px; border-radius: 30px; font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; text-indent: 0; } + + /* 소장 자료 상세 */ + .data.detail .inner .row-top .center { width: 100%; display: flex; flex-direction: column; padding: 0 16px; box-sizing: border-box; } + .data.detail .inner .row-top .center .left, + .data.detail .inner .row-top .center .right, + .data.detail .inner .row-bottom .con-4 .top h3, + .data.detail .inner .row-bottom .con-4 .top h3::before, + .data.detail .inner .row-top .center .left .img img { width: 100%; } + .data.detail .inner .row-top .center .left .img {background:#fff;text-align:center;width:40%;padding:5% 30%;} + .data.detail .inner .row-bottom { padding: 0; } + .data.detail .inner .row-top .center .left .cla { position: relative; } + .data.detail .inner .row-top .center .left .cla .con-1 { width: 100%; display: block; } + .data.detail .inner .row-top .center .left .cla .con-2 { position: absolute; top: 70px; padding: 0; } + .data.detail .inner .row-top .center .left .tit { font-size: 22px; margin-bottom: 50px; } + .data.detail .inner .row-top .center .right .con-1 { display: flex; height: auto; border: none; } + .data.detail .inner .row-top .center .right .con-1 button { margin-top: 14px; width: 36px; height: 36px; } + .data.detail .inner .row-top .center .right .con-1 button.view { flex: 1; } + .data.detail .inner .row-top .center .right .con-1 button.ris { display: none; } + .data.detail .inner .row-top .center .right .con-1 button.favorit { margin: 14px 10px 0; } + .data.detail .inner .row-top .center .right .con-1 button.original {width:200px;display:inline-block;} + .data.detail .inner .row-top .center .right .con-2 .de-data { flex-direction: column; } + .data.detail .inner .row-top .center .right .con-2 .de-data ul { width: 100%; display: flex; flex-direction: column; } + .data.detail .inner .row-top .center .right .con-2 .de-data ul li { width: 100%; } + .data.detail .inner .row-top .center .right .con-2 .b-btn button { width: 100%; margin-bottom: 6px; } + .data.detail .inner .row-top .center .right .con-2 .keyword span.first, + .data.detail .inner .row-top .center .right .con-2 .keyword span { padding: 5px 14px 5px; border-radius: 30px; } + .data.detail .inner .row-bottom.contents { padding: 0 16px; } + .data.detail .inner .row-bottom .con-1 { margin-bottom: 30px; } + .data.detail .inner .row-bottom .con-1 .list-box { padding: 15px 10px; box-sizing: border-box; } + .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px;height:155px; } + .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(2) { border-right: none; } + .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(n + 3) { padding: 20px 0 0; border-top: 1px solid #ddd; } + .data.detail .inner .row-bottom .con-1 .list-box .list .icon img { width: 60px; height: 60px; } + .data.detail .inner .row-bottom .con-1 .text-box { width: 100%; padding: 16px 20px; box-sizing: border-box; word-break: break-all; } + .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; } + .data.detail .inner .row-bottom .con-1 .list-box .list .con span {display:block;} + + .data.detail .inner .row-bottom .con-2 {position:relative;} + .data.detail .inner .row-bottom .con-2 .top h3, + .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px;height:40px;line-height:40px;} + .data.detail .DetailSwiper1 .swiper-button-next, + .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } + .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } + .data.detail .swiper-button-next { text-align: right; } + .data.detail .inner .row-bottom .con-2 { margin-bottom: 30px; } + .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; width: 34px;height:40px; top:0px; } + .data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; } + .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; } + .data.detail .inner .row-bottom .con-3 { margin-bottom: 30px; } + .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } + .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } + .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } + .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } + .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } + .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List, + .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner, + .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail { height: 100%; } + .data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 10px; font-size: 16px; margin-bottom: 10px; } + .data.detail .inner .row-bottom .con-4 { padding: 0px 0px 30px; margin: 0px 0px 30px; } + .data.detail .btn-box { padding: 0 16px; } + .data.detail .btn-box .btn { width: 100%; } + + /* 공지사항 */ + .list-header .list-search { position: relative; margin-bottom: 42px; } + .list-search .left, + .list-search .right, + .list-search .list-input { width: 100%; } + .list-search .left { position: absolute; bottom: -50px; } + .list-search .list-input { margin: 10px 0 0; box-sizing: border-box; } + .list-search .list-input button { height: 38px; background: url("/images/icon/icon-search-mo.png") no-repeat center center; } + .list-select select { min-width: auto; width: 100%; } + .list-table-wrap { border-top: 1px solid; } + .list-table-wrap .t-tit-line { display: none; } + .list-table-wrap li { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; } + .list-table-wrap li.no-result { justify-content: center; } + .list-table-wrap li span { height: auto; } + .list-table-wrap li .t-num { font-size: 12px; } + .list-table-wrap li .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; } + .list-table-wrap li .t-type span { padding: 4px 10px; margin-left: 16px; } + .list-table-wrap li span.t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; } + .list-table-wrap li .t-tit { width: 100%; margin-bottom: 6px; } + .list-table-wrap li span.t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; } + .list-table-wrap li span.t-info > span:last-child { padding: 0; margin: 0; border: none; } + + .list-table-wrap li .t-num { position: absolute; } + .list-table-wrap li .t-type { position: absolute;left:40px; } + .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } + .list-table-wrap li .t-writer { padding-left: 40px; } + .list-table-wrap li .t-file {height:18px;line-height:18px;} + .list-table-wrap li .t-writer, + .list-table-wrap li .t-date, + .list-table-wrap li .t-file, + .list-table-wrap li .t-answer { width: auto; } + .list-table-wrap li .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } + + /* 공지사항 상세 */ + .view-tit { position: relative; padding-left: 60px; box-sizing: border-box; width: 100%; } + .qna-data .view-tit { padding-left: 80px; } + .view-tit h2, + .view-tit .v-info { font-size: 14px; } + .view-tit h2 span.type { position: absolute; top: 50%; left: 10px; transform: translate(0%, -50%); } + .file-box { padding: 8px 10px; } + .file-box .file-list span button { display: none; } + .file-box .file-list { display: flex; align-items: center; } + .file-box .file-list:last-child { margin-bottom: 0; } + .view-con { font-size: 12px; line-height: 18px; min-height: 180px; } + .noti-data .btn-box a { width: 100%; box-sizing: border-box; font-size: 14px; font-weight: normal; } + + /* faq */ + .faq .contents, + .faq .inner .tab { width: 100%; } + .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } + .faq .inner .tab_content {margin-top:0px;} + .faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } + .faq .inner .tabs li { width: 130px; } + .faq .inner .tabs li a { border-radius: 0;font-size:13px; } + .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .faq .title { height: auto; margin-bottom: 0; } + .faq .title .right, + .faq .title .left { width: 100%;display:flex; } + .faq .title .left { font-size: 14px; } + .faq .title .right {flex-direction: column;} + .faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; } + .faq .list-search-wrap form {display:flex;flex-direction:column-reverse;} + .faq .title select { min-width: auto; width: 100%; } + .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } + .faq .title .list-input input { width: 90%; } + .faq .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } + .faq .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } + .faq .list-accordion .question { display: flex; flex-direction: column; padding: 10px 0; } + .faq .list-faq .no-result { padding: 10px 0; border-bottom: 1px solid #ddd; } + .faq .list-accordion .question .type { padding: 0 10px; } + .faq .list-accordion .question .type::before { display: none; } + .faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; } + .faq .list-accordion .answer { padding: 20px; font-size: 14px; } + .faq .list-accordion .answer::before { left: 10px; top: 26px; } + + /* qna */ + .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } + .qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } + .qna .inner .tab_content {margin-top:0px;} + .qna .title { height: auto; margin-bottom: 0; } + .list-search-wrap { display: flex; flex-direction: column-reverse; } + .data .list-search-wrap { flex-direction: column; } + .qna .list-search-wrap form {display:flex;flex-direction:column-reverse;} + .qna .title .right, + .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box;display:flex; } + .qna .title .right {flex-direction: column;} + .qna .title .total-count .count { font-size: 14px; margin-top: 10px; } + .qna .title .list-input { margin: 10px 0 0; box-sizing: border-box; width: 100%; } + .qna .title .list-input input { width: 90%; } + .qna .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } + .qna .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } + .qna .list-table-wrap .t-tit-line { display: none; } + .qna .list-table-wrap li { position: relative; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; } + .qna .list-table-wrap li span { height: auto; } + .qna .list-table-wrap li .t-num { position: absolute; } + .qna .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } + .qna .list-table-wrap li .t-writer { padding-left: 40px; } + .qna .list-table-wrap li .t-writer, + .qna .list-table-wrap li .t-date, + .qna .list-table-wrap li .t-answer { width: auto; } + .qna .list-table-wrap li .t-writer, + .qna .list-table-wrap li .t-date { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } + .qna .btn-box, + .qna .btn-box .btn { width: 100%; } + + /* qna 작성 */ + .qna-data .contents { min-height: auto; } + .w-tit:not(.wt-secret .w-tit) { display: none; } + .community-write .required-text { display: none; } + .qna-write-table, + .qna-write-table li { border: none; } + .qna-write-table ul { position: relative; padding-bottom: 70px; } + .qna-write-table .wt-title { width: 100%; height: 50px; } + .wt-secret .w-tit { background: none; padding: 0; font-size: 14px; } + .qna-write-table .wt-secret { width: 100%; position: absolute; bottom: 20px; } + .qna-write-table .wt-mail { position: absolute; bottom: -20px; } + .qna-write-table .wt-mail label span { font-size: 14px; color: #666; } + .w-form { padding: 0; display: flex; } + .community-write textarea { height: 186px; margin-bottom: 10px; } + .qna-write-table .wt-attachments .attachments-btn { margin-right: 10px; } + .qna-write-table .wt-attachments .file { display: flex; box-sizing: border-box; flex: 1; padding: 0% 30px 0px 4px; } + .qna-write-table .wt-attachments .file span img { margin-bottom: 0; } + .qna-write-table .wt-attachments .file span { font-size: 10px; overflow: hidden; } + .qna-write-table .wt-attachments .file .close { top: 13px; } + .qna-write-table .wt-attachments .file .close, + .qna-write-table .wt-attachments .file .close img { height: 9px; } + .community-write .btn-wrap { display: flex; } + .community-write .btn-wrap .btn { width: 50%; margin: 0; } + .community-write .btn-wrap .btn[type="submit"] { margin-right: 16px; } + + /* qna 자세히 보기 */ + .qna-data .community.qna { padding: 0 16px; box-sizing: border-box; } + .view-body .answer { padding: 10px 0px; margin-top: 10px; } + .view-body .answer .answer-top { font-size: 14px; padding: 0px 10px 10px; box-sizing: border-box; } + .view-body .answer .answer-con { padding: 20px 10px; font-size: 12px; } + .qna-data .community.qna .btn-box { margin-bottom: 100px; } + .qna-data .community.qna .btn-box .btn { margin: 0; } + .qna-data .community.qna .btn-box .right { width: 100%; margin-top: 10px; } + .qna-data .community.qna .btn-box .left { display: flex; width: 100%; } + .qna-data .community.qna .btn-box .left button { width: 50%; } + .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } + + /* 내정보 */ + .myinfo .contents { margin-bottom: 0; padding-bottom: 50px; } + .myinfo-box { padding: 0 16px; box-sizing: border-box; } + .myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; } + .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login { margin-bottom: 20px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box { display: none; } + .myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/icon/icon-myinfo.png"); } + .myinfo .inner .row-bottom .myinfo-box .top-info .right { padding: 0; width: 100%; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div { width: 100%; margin-top: 23px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 { font-size: 14px; line-height: 21px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box { display: flex; justify-content: space-between; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div, + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div { border: none; width: auto; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1), + .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) { font-size: 16px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 { font-size: 14px; } + .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span { margin-bottom: 4px; } + .myinfo .contents > div .title-box .title h3 { font-size: 16px; } + .myinfo .contents .concern-data .title-box .More { display: none; } + .myinfo .contents > div .title-box .More { margin-top: 0; } + .myinfo .contents > div .title-box .More span { display: none; } + .myinfo .contents > div .title-box .More img { width: 22px; } + .myinfo .contents > div .title-box { padding-bottom: 0; } + .myinfo .contents .concern-data { margin-bottom: 24px; } + .myinfo .contents .concern-data .list-box { width: 100%; display: flex; flex-wrap: wrap; } + .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; } + .myinfo .contents .concern-data .list-box .list:nth-child(2n) { margin-right: 0; } + .myinfo .contents .concern-data .list-box .list .thum { padding: 10px 0px; } + .myinfo .contents .concern-data .list-box .list .thum img { max-height: 123px; } + .myinfo .contents .concern-data .list-box .list .text { padding: 10px 15px; } + .myinfo .contents .concern-data .list-box .list .text .ti { font-size: 14px; line-height: 21px; min-height: 42px; height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ + -webkit-box-orient: vertical; word-wrap: break-word; line-height: 21px; } + .myinfo .contents .concern-data .list-box .list .text .cl { font-size: 10px; word-break: break-all; } + .myinfo .contents .list-wrap .title-box { padding-bottom: 8px; margin-bottom: -6px; } + .myinfo .contents .list-wrap .list-box .list { position: relative; display: flex; flex-direction: column; padding: 26px 10px 10px; box-sizing: border-box; } + .myinfo .contents .list-wrap .list-box .list > div.state { width: 100%; text-align: left; } + .myinfo .contents .list-wrap .list-box .list > div.state span { position: absolute; top: 10px; left: 10px; min-width: auto; margin-top: 0; } + + /* 내정보 */ + .passwd .contents { min-height: auto; } + .passwd .row-bottom .myinfo-passwd .text { padding: 0 32px; } + .passwd .row-bottom .myinfo-passwd .box { padding: 0 16px; } + .passwd .row-bottom .myinfo-passwd .box p input { width: 100%; box-sizing: border-box; } + .passwd .inner .row-top { margin-bottom: 100px; } + .passwd .row-bottom .myinfo-passwd .btn-box { padding: 0 16px; } + .passwd .row-bottom .myinfo-passwd .btn-box a { width: 100%; box-sizing: border-box; } + + /* 내 정보 */ + .join.modify .Userpassword .con p { text-indent: -8px; padding-left: 8px; } + .join.modify .Usersns .con .list { display: flex; margin-bottom: 10px; } + .join.modify .Usersns .con .list .sns-box { box-sizing: border-box; flex: 1; display: flex; align-items: center; padding: 10px 0; height: auto; } + .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(1) { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin: 0 12px; } + .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) { display: flex; flex-direction: column; line-height: 1; flex: 1; } + .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) em { text-indent: -9999px; height: 4px; } + .join .inner .row-bottom .join-box .form-group .con.sns button { height: 100%; padding: 10px 0; margin-bottom: 0; } + .join .inner .row-bottom .join-box .form-group.service .right { width: 100%; display: flex; } + .join .inner .row-bottom .join-box .form-group.service .right .chk { width: 50%; } + .join.modify p.release { text-align: center; } + + /* 회원탈퇴 */ + .secession .inner .row-bottom { width: 100%; padding: 0 16px; box-sizing: border-box; } + .secession .inner .row-top.icon { padding: 40px 0; margin-bottom: 30px !important; } + .secession .inner .row-bottom .sec-box .text p:nth-of-type(1) { font-size: 18px; } + .secession .inner .row-bottom .sec-box .text .inner-box { padding: 26px 22px 23px 40px; margin-bottom: 10px; } + .secession .inner .row-bottom .sec-box .box { padding: 38px 20px; } + .secession .inner .row-bottom .sec-box .box p span.name { width: 70px; } + .secession .inner .row-bottom .sec-box .text .inner-box p, + .secession .inner .row-bottom .sec-box .box p { font-size: 14px; } + .secession .inner .row-bottom .sec-box .box p:last-child { margin-bottom: 0; } + .secession .btn-box { display: flex; } + .secession .btn-box .btn { width: 50%; margin: 0; margin: 0px 0px 70px; } + .secession .btn-box .btn:first-child { margin-right: 10px; } + + /* 관심자료 */ + .interested-data .contents { padding: 0 16px; box-sizing: border-box; } + .interested-data .inner .data-box .title { display: flex; flex-direction: column-reverse; height: auto; margin-bottom: 0; } + .interested-data .inner .data-box .title .count { height: auto; font-size: 14px; line-height: 21px; text-align: left; margin: 16px 0 6px; } + .interested-data .inner .data-box .list-data-wrap .list-data { border-top: 1px solid; } + .interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-mo { display: none !important; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk { width: auto; display: flex; height: 45px; align-items: center; line-height: 45px; color: #333333; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk span { margin-left: 10px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-delete { color: #333333; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; height: auto; padding: 0; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { line-height: 22px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { width: 100%; box-sizing: border-box; text-align: left; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 0px 0px 130px; box-sizing: border-box; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type { position: absolute; top: -56px; left: 20px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type, + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title { width: 100%; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span { padding-right: 6px; margin-right: 6px; height: 15px; line-height: 15px; border-right: 1px solid #ccc; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span:last-child { border-right: none; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject em { display: none; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } + .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } + .interested-data .inner .data-box .list-data-wrap .btn-box { width: 100%; margin: 30px 0 100px; } + .interested-data .inner .data-box .list-data-wrap .btn-box .left { width: 100%; display: flex; } + .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn { width: 50%; margin: 0; } + .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn:nth-child(1) { margin-right: 10px; } + + /* 방문열람 */ + .visit-data .mo_tabs_wrap, + .loan-data .mo_tabs_wrap { height: 55px; padding-left: 16px; box-sizing: border-box; } + .visit-data .inner .tabs, + .loan-data .inner .tabs { width: max-content; } + .visit-data .mo_tabs_wrap .tabs li a, + .loan-data .mo_tabs_wrap .tabs li a { border-radius: 0; } + .visit-data .mo_tabs_wrap .tabs li:first-child a, + .loan-data .mo_tabs_wrap .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + .visit-data .mo_tabs_wrap .tabs li:last-child a, + .loan-data .mo_tabs_wrap .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .visit-data .inner .visit-box .title, + .loan-data .inner .loan-box .title { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; text-align: left; margin: 50px 0px 0px; } + .visit-data .inner .visit-box .title .count, + .loan-data .inner .loan-box .title .count { line-height: 1; margin-top: 16px; font-size: 14px; } + .visit-data .inner .tab_content, + .loan-data .inner .tab_content { padding: 0 16px; box-sizing: border-box; } + .visit-data .inner .tabs_item .list-wrap .list-data, + .loan-data .inner .tabs_item .list-wrap .list-data { border-top: 1px solid; } + .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line, + .loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line { display: none; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list, + .loan-data .inner .tabs_item .list-wrap .list-data div.list { display: flex; flex-direction: column; padding: 0; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div, + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div { width: 100% !important; text-align: left; padding: 0 10px; box-sizing: border-box; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin: 10px 0; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription, + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit, + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { display: flex; font-size: 12px; line-height: 18px; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date { margin-right: 10px; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti { display: flex; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da { margin-left: 10px; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state { border-top: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; margin-top: 10px; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button, + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button { margin: 0; width: 84px; height: 36px; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription .date::before { content: "신청일: "; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit .date::before { content: "희망방문일: "; } + .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return .date::before { content: "반납예정일: "; } + + /* 대출관리 */ + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural { margin-top: 10px; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return, + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin-bottom: 10px; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation, + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry, + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { font-size: 12px; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; border-top: 1px solid #dddddd; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation::before { content: "신청/예약일: "; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry::before { content: "신청/예약 만료일: "; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return::before { content: "반납예정일: "; } + } + +/* 팝업 */ +@media all and (max-width: 479px) { /* 공통 */ + a.pop-logo { display: inline-flex; } + .contents { width: 100%; min-height: 300px; padding-bottom: 80px; } + + /* 회원증 팝업 */ + .pop-member { width: 343px; height: 549px; top: 9%; left: calc(50% - 171.5px); } + .pop-member .inner { padding: 30px 0px 20px; } + .pop-member .inner .card .title .name { font-size: 22px; } + .pop-member .inner .card .title .date { font-size: 12px; } + .pop-member .inner .card .qr p { font-size: 14px; margin: 17px 0px 15px; } + .pop-member .inner .card .code .num .co { font-size: 14px; } + .pop-member .inner .text { font-size: 12px; padding: 16px 0px 0px; } + + /* 로그인 팝업 */ + .pop-login { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } + .pop-login .Title { padding: 25px 16px; text-align: left; } + .pop-login .Title p, + .pop-login .Title h3 { } + .pop-login .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 60px 16px; box-sizing: border-box; } + .pop-login .inner .First { padding: 0; width: 100%; } + .pop-login .inner .First .Btn button { font-weight: normal; font-size: 15px; } + .pop-login .inner .Text { width: 100%; padding: 56px 0 0; } + .pop-login .inner .mo-pop-Title { display: block; } + + /* 상세검색 팝업 */ + .popup.pop-advanced-search .pop-wrap { width: 100vw; height: 100vh; border-radius: 0; } + .pop-advanced-search .pop-wrap .Title { padding: 0 16px; box-sizing: border-box; width: 100%; } + .pop-advanced-search .pop-wrap .Title span:nth-of-type(3) { right: 16px; } + .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) { font-size: 22px; line-height: 33px; } + .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) { display: none; } + .popup.pop-advanced-search .pop-wrap form { padding: 22px 8px 22px 16px; } + .mCSB_inside > .mCSB_container { margin-right: 10px; } + .advanced-form-table li { display: flex; flex-direction: column; border: none; width: 100% !important; } + .advanced-form-table li:nth-child(1) label, + .advanced-form-table li:nth-child(5) label, + .advanced-form-table li:nth-child(6) .tit label { letter-spacing: -14px; } + .advanced-form-table li:nth-child(7) { display: none; } + .advanced-form-table { border: none; border-bottom: none; border-radius: 0; } + .advanced-form-table .tit { text-align: left !important; font-weight: 500; font-size: 16px; line-height: 24px; } + .advanced-form-table .input-area { background: none; border: none; padding: 0; height: auto; } + .advanced-form-table .input-area input { padding: 0 10px; } + .pop-advanced-search .conditions-wrap .conditions-box { border: none; border-top: 1px solid #ddd; background: none; } + .pop-advanced-search .depth1-check input[type="checkbox"] + label { visibility: hidden; } + .pop-advanced-search .tab-name { font-size: 12px; } + .pop-advanced-search .conditions-wrap .line { display: flex; flex-wrap: wrap; } + .pop-advanced-search .conditions-wrap .depth1 { width: 33.3%; } + .pop-advanced-search .conditions-wrap .depth1 .check { position: relative; } + .pop-advanced-search .conditions-wrap .depth1:first-child { border-left: 1px solid #ddd; } + .pop-advanced-search .conditions-wrap .depth1:last-child { border-right: 1px solid #ddd; } + .pop-advanced-search .conditions-wrap.conditions-datype .depth1:last-child { width: 33.5%; } + .pop-advanced-search .conditions-wrap .depth1 .depth2 { top: 50px; height: auto; border-left: 1px solid #ddd; padding: 20px 10px; } + .pop-advanced-search .conditions-wrap .depth1 .depth2 li { width: auto; margin-right: 6px; } + .conditions-wrap .selected-conditions {min-height:40px;} + .conditions-wrap .selected-conditions .title p { display: none; } + .pop-advanced-search button.btn-close-pop { display: none; } + .pop-advanced-search .check input[type="checkbox"] + label:before { background-color: #fff; } + .advanced-form-table .row-times .check { margin-right: 0; width: 25%; height: 40px; display: inline-flex; align-items: center; } + .advanced-form-table .row-times .check:nth-child(4n) { width: auto; } + .advanced-form-table .row-times .check:nth-child(8) { top: -8px; } + .advanced-form-table .row-times .check label span { display: block; } + .pop-advanced-search .check label[for="times-chk8"] { top: 9px; } + .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 0px; } + .pop-advanced-search .btn-wrap { margin: 0; display: flex; } + .pop-advanced-search .btn-wrap .btn { width: 50%; } +.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;} +.popup .btn-wrap {padding-top:59px;} +.conditions-wrap .selected-conditions .conditions li button {text-align:left;} + + /* 알림 팝업 */ + .pop-notice { width: 343px; left: calc(50% - 171.5px); } + .pop-notice .Title p { display: none; } + .pop-notice .Title h3 { font-size: 22px; line-height: 33px; } + .pop-notice .inner .Text p { font-size: 16px; line-height: 24px; } + .pop-notice .inner { padding: 50px 0px 0px; } + .pop-notice .inner .row { padding: 0px 16px 0px; } + .pop-notice .inner .btn-box .btn { width: 100%; margin-bottom: 6px; margin-right: 0; } + + /* 계정연결, 비밀번호 입력 팝업 */ + .pop-login-connect, + .pop-login-password { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } + .pop-login-connect .Title, + .pop-login-password .Title { padding: 12px 16px; text-align: left; } + .pop-login-connect .Title p, + .pop-login-connect .Title h3, + .pop-login-password .Title p, + .pop-login-password .Title h3 { display: none; } + .pop-login-connect .inner, + .pop-login-password .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; box-sizing: border-box; padding: 60px 16px; } + .pop-login-connect .inner .row, + .pop-login-password .inner .row { padding: 0; width: 100%; } + .pop-login-connect .inner h3.row, + .pop-login-password .inner h3.row { display: block; } + .pop-login-connect .inner .Text p { padding: 0px 90px 0px; } + .pop-login-connect .inner .First .Btn button span, + .pop-login-connect .inner .btn p .cancel, + .pop-login-password .inner .First .Btn button span, + .pop-login-password .inner .btn p .cancel { font-size: 14px; } + .pop-login-connect .inner .btn { margin: 30px 0 0; } + .pop-login-password .inner .btn p { margin-top: 50px; } + .pop-login-password .btn-box { margin: 100px 0 0; display: flex; } + .pop-login-password .inner .btn-box .btn { width: 50%; padding: 0; } + .pop-login-password .inner .btn-box .btn:last-child { margin-right: 0; } + + /* 계정 연결 */ + .join.succ.connect .inner .row-bottom .join-box .success .text:nth-of-type(1) p { font-size: 20px; } + .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button { font-size: 13px; } + .join.connect .inner .row-bottom .join-box .success .box { width: 100%; box-sizing: border-box; padding: 3% 16px; display: flex; justify-content: center; } + + /* 공유하기 팝업 */ + .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */} + .pop-sharing p { font-size: 16px; } + .pop-sharing .sns-list li img { display: inline-block; width: 24px; height: 24px; padding: 14px; } + .pop-sharing .link-copy { display: flex; padding: 16px; align-items: center; } + .pop-sharing .link-copy .btn { width: auto; min-width: auto; } + .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; } + .pop-sharing .pop-wrap .Qr .inner .Qrimg { padding: 0; } + .pop-sharing .pop-wrap .Qr .inner .Qrimg img { max-width: 130px; margin-bottom: 30px; } + + /* 비밀번호 변경, 찾기 */ + .pop-change, + .pop-find { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } + .pop-change .Title, + .pop-find .Title { padding: 12px 16px; text-align: left; } + .pop-change .Title p, + .pop-change .Title h3, + .pop-find .Title p, + .pop-find .Title h3 { display: none; } + .pop-change .inner, + .pop-find .inner { flex: 1; } + .pop-change .inner .row, + .pop-find .inner .row { padding: 0 16px; } + .pop-change .inner .row.change h3, + .pop-find .inner .row.Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } + .pop-change .inner .change p.text { text-align: center; } + .pop-find .inner .find p.text { text-indent: -7px; padding-left: 7px; } + .pop-change .inner .row.btn-box, + .pop-find .inner .row.btn-box { display: flex; } + .pop-change .inner .row.btn-box .btn, + .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } + .pop-change .inner .row.btn-box .btn:nth-child(1), + .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } + + /* 반려사유 팝업 */ + .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } + .pop-return .Title { padding: 12px 16px; text-align: left; } + .pop-return .Title p, + .pop-return .Title h3 { display: none; } + .pop-return .inner { flex: 1; } + .pop-return .inner .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } + .pop-return .inner .Text .text-box { word-break: break-all; } + .pop-return .inner .row { padding: 0 16px; text-align: center; } + .pop-return .inner .btn-box .btn { width: 100%; } + + /* 서지정보 */ + .pop-serge { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } + .pop-serge .Title { padding: 12px 16px; text-align: left; } + .pop-serge .Title h3 { display: none; } + .pop-serge .inner .serge-close { right: 20px; top: 20px; } + .pop-serge .inner { flex: 1; overflow: scroll; } + .pop-serge .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } + .pop-serge .inner .Text .con-1 > p, + .pop-serge .inner .Text .con-2 > p { font-size: 16px; } + .pop-serge .inner .Text .text-box { padding: 20px 20px 20px 30px; margin-bottom: 20px; } + .pop-serge .inner .Text .text-box p:nth-of-type(1), + .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) { text-indent: 0; } + .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) { text-indent: -7px; } + .pop-serge .inner .btn-box { display: flex; } + .pop-serge .inner .btn-box .btn { width: 50%; margin: 0; } + .pop-serge .inner .btn-box .btn:last-child { margin-left: 10px; } + } + +/* 추가 작업 */ +@media all and (max-width: 479px) { /* error */ + .error { padding: 0 16px; box-sizing: border-box; } + .error .text p:nth-of-type(1) { font-size: 24px; } + .error .text p:nth-of-type(2) { font-size: 16px; } + .error .box p:nth-of-type(1) { font-size: 14px; } + .error .box .btn { display: flex; padding: 0 10px; box-sizing: border-box; } + .error .box .btn a { padding: 0px 30px; width: 50%; } + .error .box .btn a.btn-white { width: 100%; } + + /* 약관 */ + + .privacy-box { padding: 0 16px; box-sizing: border-box; } + .provision .top-bg, + .provision .con { width: 100%; } + .provision .top-bg { height: 508px; background: url("/images/bg/bg-service-mo.jpg") no-repeat; box-sizing: border-box; padding: 0 30px 30px; margin: 0 auto 20px; display: flex; flex-direction: column; justify-content: flex-end; } + .privacy.provision .top-bg { background: url("/images/bg/bg-privacy-mo.jpg") no-repeat; } + .provision .top-bg p { width: 100%; } + .provision .top-bg p:nth-child(1) { margin: 0; font-size: 18px; margin-bottom: 10px; word-break: break-all; } + .provision .top-bg p:nth-child(2) { margin: 0; font-size: 14px; word-break: break-all; } + .provision .top-bg p:nth-child(2) br { display: none; } + .provision .con .sec { padding-bottom: 20px; margin-bottom: 20px; } + .provision .con .sec h2 { margin-bottom: 6px; font-size: 16px; } + .provision .con .sec p, + .provision .con .sec ul li { font-size: 12px; line-height: 18px; } + .provision .con .sec ul.d2 { padding-left: 10px; margin-bottom: 10px; } + + /* 관련사이트 */ + footer .family_site .site_depth { width: 89%;margin:0% 5.5%; left: 0; top:auto;bottom: 40px; } + footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;} + footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;} + } +>>>>>>> refs/remotes/origin/master diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index 1b255754..ffe60b97 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -185,12 +185,21 @@ $(document).ready(function(){ $('.pop-change').fadeOut(); }); + // 필터 팝업 + $('.filter-btn').click(function(){ + $('.article-side').fadeIn(); + }); + // 닫기 + $('.filter-close').on('click', function () { + $('.article-side').fadeOut(); + }); + // 검색 닫기 $('.search-close').on('click', function () { $('.search-wrap').hide(); $('.nav-wrap').show(); }); - + /* 메인 메뉴 반응형 */ jQuery(function ($) { $.fn.responsivenav = function (args) {