소장자료관 모바일 수정
This commit is contained in:
com02
parent
f1f405a612
commit
85a4f012c5
@ -1,3 +1,5 @@
|
||||
Manifest-Version: 1.0
|
||||
Class-Path:
|
||||
Built-By: com02
|
||||
Build-Jdk: 1.8.0_201
|
||||
Created-By: Maven Integration for Eclipse
|
||||
|
||||
|
||||
7
src/main/webapp/META-INF/maven/nlib/nlib/pom.properties
Normal file
7
src/main/webapp/META-INF/maven/nlib/nlib/pom.properties
Normal file
@ -0,0 +1,7 @@
|
||||
#Generated by Maven Integration for Eclipse
|
||||
#Tue Nov 16 11:00:09 KST 2021
|
||||
version=1.0.0
|
||||
groupId=nlib
|
||||
m2e.projectName=iams.nlib
|
||||
m2e.projectLocation=D\:\\iams\\workspace\\iams.nlib
|
||||
artifactId=nlib
|
||||
543
src/main/webapp/META-INF/maven/nlib/nlib/pom.xml
Normal file
543
src/main/webapp/META-INF/maven/nlib/nlib/pom.xml
Normal file
@ -0,0 +1,543 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
|
||||
<modelVersion>4.0.0</modelVersion>
|
||||
<groupId>nlib</groupId>
|
||||
<artifactId>nlib</artifactId>
|
||||
<packaging>war</packaging>
|
||||
<version>1.0.0</version>
|
||||
<name>nlib</name>
|
||||
<url>http://www.egovframe.go.kr</url>
|
||||
|
||||
<licenses>
|
||||
<license>
|
||||
<name>The Apache Software License, Version 2.0</name>
|
||||
<url>http://www.apache.org/licenses/LICENSE-2.0.txt</url>
|
||||
</license>
|
||||
</licenses>
|
||||
|
||||
<properties>
|
||||
<spring.maven.artifact.version>4.3.16.RELEASE</spring.maven.artifact.version>
|
||||
<egovframework.rte.version>3.8.0</egovframework.rte.version>
|
||||
<spring-security.version>4.2.5.RELEASE</spring-security.version>
|
||||
<slf4j.version>1.7.2</slf4j.version>
|
||||
<log4j.version>2.11.0</log4j.version>
|
||||
</properties>
|
||||
|
||||
<repositories>
|
||||
<repository>
|
||||
<id>mvn2</id>
|
||||
<url>http://repo1.maven.org/maven2/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>true</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
<repository>
|
||||
<id>egovframe</id>
|
||||
<url>http://www.egovframe.go.kr/maven/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
<repository>
|
||||
<id>egovframe2</id>
|
||||
<url>http://maven.egovframe.kr:8080/maven/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
</repositories>
|
||||
|
||||
<dependencies>
|
||||
<!-- 표준프레임워크 실행환경 -->
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.ptl.mvc</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
<exclusions>
|
||||
<exclusion>
|
||||
<artifactId>commons-logging</artifactId>
|
||||
<groupId>commons-logging</groupId>
|
||||
</exclusion>
|
||||
</exclusions>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.psl.dataaccess</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.fdl.idgnr</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.fdl.property</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.fdl.security</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>javax.servlet</groupId>
|
||||
<artifactId>servlet-api</artifactId>
|
||||
<scope>provided</scope>
|
||||
<version>2.5</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>javax.servlet</groupId>
|
||||
<artifactId>jstl</artifactId>
|
||||
<version>1.2</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>taglibs</groupId>
|
||||
<artifactId>standard</artifactId>
|
||||
<version>1.1.2</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.antlr</groupId>
|
||||
<artifactId>antlr</artifactId>
|
||||
<version>3.5</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>commons-codec</groupId>
|
||||
<artifactId>commons-codec</artifactId>
|
||||
<version>1.9</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>egovframework.rte</groupId>
|
||||
<artifactId>egovframework.rte.fdl.crypto</artifactId>
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.apache.poi</groupId>
|
||||
<artifactId>poi</artifactId>
|
||||
<version>5.0.0</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.poi</groupId>
|
||||
<artifactId>poi-ooxml</artifactId>
|
||||
<version>3.9</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>commons-httpclient</groupId>
|
||||
<artifactId>commons-httpclient</artifactId>
|
||||
<version>3.1</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework</groupId>
|
||||
<artifactId>spring-core</artifactId>
|
||||
<version>${spring.maven.artifact.version}</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework</groupId>
|
||||
<artifactId>spring-expression</artifactId>
|
||||
<version>${spring.maven.artifact.version}</version>
|
||||
</dependency>
|
||||
|
||||
<!-- logging -->
|
||||
<dependency>
|
||||
<groupId>org.slf4j</groupId>
|
||||
<artifactId>slf4j-api</artifactId>
|
||||
<version>${slf4j.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.slf4j</groupId>
|
||||
<artifactId>jcl-over-slf4j</artifactId>
|
||||
<version>${slf4j.version}</version>
|
||||
<scope>runtime</scope>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.slf4j</groupId>
|
||||
<artifactId>slf4j-log4j12</artifactId>
|
||||
<version>${slf4j.version}</version>
|
||||
<scope>runtime</scope>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.logging.log4j</groupId>
|
||||
<artifactId>log4j-core</artifactId>
|
||||
<version>${log4j.version}</version>
|
||||
</dependency>
|
||||
|
||||
<!-- fileupload -->
|
||||
<dependency>
|
||||
<groupId>commons-fileupload</groupId>
|
||||
<artifactId>commons-fileupload</artifactId>
|
||||
<version>1.3.1</version>
|
||||
<!-- <exclusions>
|
||||
<exclusion>
|
||||
<artifactId>commons-io</artifactId>
|
||||
<groupId>commons-io</groupId>
|
||||
</exclusion>
|
||||
</exclusions> -->
|
||||
</dependency>
|
||||
|
||||
<!-- Spring Security -->
|
||||
<!-- <dependency>
|
||||
<groupId>org.springframework.webflow</groupId>
|
||||
<artifactId>spring-webflow</artifactId>
|
||||
<version>2.5.0.RELEASE</version>
|
||||
</dependency> -->
|
||||
<dependency>
|
||||
<groupId>org.springframework.webflow</groupId>
|
||||
<artifactId>spring-faces</artifactId>
|
||||
<version>2.4.1.RELEASE</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-web</artifactId>
|
||||
<version>${spring-security.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-core</artifactId>
|
||||
<version>${spring-security.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-config</artifactId>
|
||||
<version>${spring-security.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-taglibs</artifactId>
|
||||
<version>${spring-security.version}</version>
|
||||
</dependency>
|
||||
|
||||
<!-- 요소기술 달력을 위한 라이브러리 -->
|
||||
<dependency>
|
||||
<groupId>com.ibm.icu</groupId>
|
||||
<artifactId>icu4j</artifactId>
|
||||
<version>53.1</version>
|
||||
</dependency>
|
||||
|
||||
<!-- NAVER LOGIN (DIGITALSHIP JSYOO 2021.08.12) -->
|
||||
<!--
|
||||
<dependency>
|
||||
<groupId>com.github.scribejava</groupId>
|
||||
<artifactId>scribejava-core</artifactId>
|
||||
<version>2.8.1</version>
|
||||
</dependency>
|
||||
-->
|
||||
<!-- 제이슨 파싱 (DIGITALSHIP JSYOO 2021.08.12)-->
|
||||
<dependency>
|
||||
<groupId>com.googlecode.json-simple</groupId>
|
||||
<artifactId>json-simple</artifactId>
|
||||
<version>1.1.1</version>
|
||||
</dependency>
|
||||
<!-- GOOGLE LOGIN (DIGITALSHIP JSYOO 2021.08.12) -->
|
||||
<dependency>
|
||||
<groupId>org.apache.httpcomponents</groupId>
|
||||
<artifactId>httpcore</artifactId>
|
||||
<version>4.4.6</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.httpcomponents</groupId>
|
||||
<artifactId>httpclient</artifactId>
|
||||
<version>4.5.3</version>
|
||||
</dependency>
|
||||
<!-- 바코드 ZXing (DIGITALSHIP KNKIM 2021.06.25)-->
|
||||
<dependency>
|
||||
<groupId>com.google.zxing</groupId>
|
||||
<artifactId>core</artifactId>
|
||||
<version>3.3.0</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>com.google.zxing</groupId>
|
||||
<artifactId>javase</artifactId>
|
||||
<version>3.3.0</version>
|
||||
</dependency>
|
||||
|
||||
<!-- Tiles (DIGITALSHIP KNKIM 2021.07.06)-->
|
||||
<dependency>
|
||||
<groupId>org.apache.tiles</groupId>
|
||||
<artifactId>tiles-extras</artifactId>
|
||||
<version>3.0.8</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.tiles</groupId>
|
||||
<artifactId>tiles-servlet</artifactId>
|
||||
<version>3.0.8</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.tiles</groupId>
|
||||
<artifactId>tiles-jsp</artifactId>
|
||||
<version>3.0.8</version>
|
||||
</dependency>
|
||||
|
||||
<!-- AJAX JSON (DIGITALSHIP KNKIM 2021.07.15)-->
|
||||
<dependency>
|
||||
<groupId>com.fasterxml.jackson.core</groupId>
|
||||
<artifactId>jackson-core</artifactId>
|
||||
<version>2.12.1</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>com.fasterxml.jackson.core</groupId>
|
||||
<artifactId>jackson-annotations</artifactId>
|
||||
<version>2.12.1</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>com.fasterxml.jackson.core</groupId>
|
||||
<artifactId>jackson-databind</artifactId>
|
||||
<version>2.12.1</version>
|
||||
</dependency>
|
||||
|
||||
<!-- XML/자바객체 변환 (DIGITALSHIP KNKIM 2021.06.21)-->
|
||||
<dependency>
|
||||
<groupId>com.fasterxml.jackson.dataformat</groupId>
|
||||
<artifactId>jackson-dataformat-xml</artifactId>
|
||||
<version>2.12.1</version>
|
||||
</dependency>
|
||||
|
||||
<!-- DB : Maria (DIGITALSHIP KNKIM 2021.08.04)-->
|
||||
<dependency>
|
||||
<groupId>org.springframework</groupId>
|
||||
<artifactId>spring-jdbc</artifactId>
|
||||
<version>${spring.maven.artifact.version}</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.mariadb.jdbc</groupId>
|
||||
<artifactId>mariadb-java-client</artifactId>
|
||||
<version>2.2.5</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>commons-dbcp</groupId>
|
||||
<artifactId>commons-dbcp</artifactId>
|
||||
<version>1.4</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.lazyluke</groupId>
|
||||
<artifactId>log4jdbc-remix</artifactId>
|
||||
<version>0.2.7</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.projectlombok</groupId>
|
||||
<artifactId>lombok</artifactId>
|
||||
<version>1.18.20</version>
|
||||
<scope>provided</scope>
|
||||
</dependency>
|
||||
|
||||
<!-- 검색엔진 연동 (DIGITALSHIP KNKIM 2021.08.09) -->
|
||||
<dependency>
|
||||
<groupId>com.google.code.gson</groupId>
|
||||
<artifactId>gson</artifactId>
|
||||
<version>2.8.7</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.json</groupId>
|
||||
<artifactId>json</artifactId>
|
||||
<version>20201115</version>
|
||||
</dependency>
|
||||
|
||||
<!-- OAuth22 Login (DIGITALSHIP KNKIM 2021.08.17) -->
|
||||
<dependency>
|
||||
<groupId>com.github.scribejava</groupId>
|
||||
<artifactId>scribejava-apis</artifactId>
|
||||
<!-- <version>5.6.0</version> -->
|
||||
<version>8.3.1</version>
|
||||
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>com.github.scribejava</groupId>
|
||||
<artifactId>scribejava-core</artifactId>
|
||||
<version>8.3.1</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework.social</groupId>
|
||||
<artifactId>spring-social-core</artifactId>
|
||||
<version>1.1.4.RELEASE</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.springframework.social</groupId>
|
||||
<artifactId>spring-social-web</artifactId>
|
||||
<version>1.1.4.RELEASE</version>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.apache.commons</groupId>
|
||||
<artifactId>commons-lang3</artifactId>
|
||||
<version>3.3.2</version>
|
||||
</dependency>
|
||||
|
||||
</dependencies>
|
||||
|
||||
<build>
|
||||
<defaultGoal>install</defaultGoal>
|
||||
<directory>${basedir}/target</directory>
|
||||
<finalName>${artifactId}-${version}</finalName>
|
||||
<pluginManagement>
|
||||
<plugins>
|
||||
<plugin>
|
||||
<groupId>org.apache.tomcat.maven</groupId>
|
||||
<artifactId>tomcat7-maven-plugin</artifactId>
|
||||
<version>2.2</version>
|
||||
<configuration>
|
||||
<port>80</port>
|
||||
<path>/</path>
|
||||
<systemProperties>
|
||||
<JAVA_OPTS>-Xms256m -Xmx768m -XX:MaxPermSize=256m</JAVA_OPTS>
|
||||
</systemProperties>
|
||||
</configuration>
|
||||
</plugin>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-compiler-plugin</artifactId>
|
||||
<configuration>
|
||||
<source>1.8</source>
|
||||
<target>1.8</target>
|
||||
<encoding>UTF-8</encoding>
|
||||
</configuration>
|
||||
</plugin>
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>hibernate3-maven-plugin</artifactId>
|
||||
<version>2.1</version>
|
||||
<configuration>
|
||||
<components>
|
||||
<component>
|
||||
<name>hbm2ddl</name>
|
||||
<implementation>annotationconfiguration</implementation>
|
||||
</component>
|
||||
</components>
|
||||
</configuration>
|
||||
<dependencies>
|
||||
<dependency>
|
||||
<groupId>org.hsqldb</groupId>
|
||||
<artifactId>hsqldb</artifactId>
|
||||
<version>2.3.2</version>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
</plugin>
|
||||
<!-- EMMA -->
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>emma-maven-plugin</artifactId>
|
||||
<version>1.0-alpha-3</version>
|
||||
</plugin>
|
||||
<!-- PMD manven plugin -->
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-pmd-plugin</artifactId>
|
||||
<version>3.1</version>
|
||||
</plugin>
|
||||
</plugins>
|
||||
</pluginManagement>
|
||||
<plugins>
|
||||
<!-- EMMA -->
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-surefire-plugin</artifactId>
|
||||
<configuration>
|
||||
<skipTests>true</skipTests>
|
||||
<forkMode>once</forkMode>
|
||||
<reportFormat>xml</reportFormat>
|
||||
<excludes>
|
||||
<exclude>**/Abstract*.java</exclude>
|
||||
<exclude>**/*Suite.java</exclude>
|
||||
</excludes>
|
||||
<includes>
|
||||
<include>**/*Test.java</include>
|
||||
</includes>
|
||||
</configuration>
|
||||
</plugin>
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>emma-maven-plugin</artifactId>
|
||||
<inherited>true</inherited>
|
||||
</plugin>
|
||||
<!-- JavaDoc -->
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-javadoc-plugin</artifactId>
|
||||
<version>2.9.1</version>
|
||||
</plugin>
|
||||
</plugins>
|
||||
</build>
|
||||
<reporting>
|
||||
<outputDirectory>${basedir}/target/site</outputDirectory>
|
||||
<plugins>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-project-info-reports-plugin</artifactId>
|
||||
<version>2.7</version>
|
||||
<reportSets>
|
||||
<reportSet>
|
||||
<id>sunlink</id>
|
||||
<reports>
|
||||
<report>javadoc</report>
|
||||
</reports>
|
||||
<inherited>true</inherited>
|
||||
<configuration>
|
||||
<links>
|
||||
<link>http://docs.oracle.com/javase/6/docs/api/</link>
|
||||
</links>
|
||||
</configuration>
|
||||
</reportSet>
|
||||
</reportSets>
|
||||
</plugin>
|
||||
<!-- JUnit Test Results & EMMA Coverage Reporting -->
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>emma-maven-plugin</artifactId>
|
||||
<inherited>true</inherited>
|
||||
</plugin>
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>surefire-report-maven-plugin</artifactId>
|
||||
<inherited>true</inherited>
|
||||
<reportSets>
|
||||
<reportSet>
|
||||
<reports>
|
||||
<report>report-only</report>
|
||||
</reports>
|
||||
</reportSet>
|
||||
</reportSets>
|
||||
</plugin>
|
||||
<!-- Generating JavaDoc Report -->
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-javadoc-plugin</artifactId>
|
||||
<configuration>
|
||||
<minmemory>128m</minmemory>
|
||||
<maxmemory>512m</maxmemory>
|
||||
<encoding>${encoding}</encoding>
|
||||
<docencoding>${encoding}</docencoding>
|
||||
<charset>${encoding}</charset>
|
||||
</configuration>
|
||||
</plugin>
|
||||
<!-- Generating Java Source in HTML -->
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-jxr-plugin</artifactId>
|
||||
<configuration>
|
||||
<inputEncoding>${encoding}</inputEncoding>
|
||||
<outputEncoding>${encoding}</outputEncoding>
|
||||
<linkJavadoc>true</linkJavadoc>
|
||||
<javadocDir>apidocs</javadocDir>
|
||||
</configuration>
|
||||
</plugin>
|
||||
</plugins>
|
||||
</reporting>
|
||||
</project>
|
||||
@ -47,7 +47,7 @@ function fn_getMemberCard() {
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="top_query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton" onclick="goSearch();"><span>검색</span></button>
|
||||
<!-- <button type="button" class="btn-search-detail" id="btn-search-detail-cl" onclick="javascript:fn_layerPop('${pageContext.request.contextPath}/search/getDetailedSearchFormPopup.do');">상세검색</button> -->
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세<span>검색</span></button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="sfield" id="sfield" class="sear_depth">
|
||||
|
||||
@ -194,34 +194,39 @@ function fn_listPops(typeDivCd) {
|
||||
<h3 class="title"><span>유형별</span> 인기자료</h3>
|
||||
<p class="desc">자료유형별로 이런 인기자료들이 있어요!</p>
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
|
||||
<li><a href="javascript:void(0)" onclick="javascript:fn_listPops('${itemTypeDivCode.typeDivCd}')">${itemTypeDivCode.typeDivNm}</a></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<div class="mo_tabs_wrap">
|
||||
<ul class="tabs">
|
||||
<c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
|
||||
<li><a href="javascript:void(0)" onclick="javascript:fn_listPops('${itemTypeDivCode.typeDivCd}')">${itemTypeDivCode.typeDivNm}</a></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
|
||||
<div class="tabs_item" id="listPops_${itemTypeDivCode.typeDivCd}">
|
||||
<ul>
|
||||
<c:forEach var="itemPop" items="${listPops }">
|
||||
<c:if test='${itemPop.typeDivCd eq itemTypeDivCode.typeDivCd }'>
|
||||
<li>
|
||||
<div class="con-1">
|
||||
<div class="block"><span class="cla">${itemPop.typeDivNm }</span></div>
|
||||
<div class="tit underline pink" onclick="gfn_getDetail('${itemPop.masterId}')">${itemPop.title }</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p>
|
||||
<p class="age"><span>생산기관</span><span><c:if test="${empty itemPop.orgNm }">-</c:if>${itemPop.orgNm }</span></p>
|
||||
<p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p>
|
||||
</div>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<div class="swiper popularSwiper">
|
||||
<ul class="swiper-wrapper">
|
||||
<c:forEach var="itemPop" items="${listPops }">
|
||||
<c:if test='${itemPop.typeDivCd eq itemTypeDivCode.typeDivCd }'>
|
||||
<li class="swiper-slide">
|
||||
<div class="con-1">
|
||||
<div class="block"><span class="cla">${itemPop.typeDivNm }</span></div>
|
||||
<div class="tit underline pink" onclick="gfn_getDetail('${itemPop.masterId}')">${itemPop.title }</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p>
|
||||
<p class="age"><span>생산기관</span><span><c:if test="${empty itemPop.orgNm }">-</c:if>${itemPop.orgNm }</span></p>
|
||||
<p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p>
|
||||
</div>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -327,48 +332,71 @@ function fn_listPops(typeDivCd) {
|
||||
|
||||
|
||||
<script>
|
||||
/* 문화원s pick */
|
||||
var swiper = new Swiper(".pickSwiper", {
|
||||
loop: true,
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
/* 온라인 자료관 */
|
||||
var swiper = new Swiper(".onlineSwiper", {
|
||||
loop: true,
|
||||
slidesPerView: 7,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 4000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
var windowWidth = $(window).width();
|
||||
var _slidesPerView = 5;
|
||||
var _spaceBetween = 30;
|
||||
if (windowWidth < 480) {
|
||||
_slidesPerView = 1;
|
||||
_spaceBetween = 20;
|
||||
}
|
||||
|
||||
/* 문화원s pick */
|
||||
var swiper = new Swiper(".pickSwiper", {
|
||||
loop : true,
|
||||
slidesPerView : _slidesPerView,
|
||||
spaceBetween : _spaceBetween,
|
||||
centeredSlides : true,
|
||||
autoplay : {
|
||||
delay : 2500,
|
||||
disableOnInteraction : false,
|
||||
},
|
||||
navigation : {
|
||||
nextEl : ".swiper-button-next",
|
||||
prevEl : ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
|
||||
var _slidesPerViewOnline = 7;
|
||||
if (windowWidth < 480) {
|
||||
_slidesPerViewOnline = 1.5;
|
||||
/* 유형별 인기자료 */
|
||||
var swiper = new Swiper(".popularSwiper", {
|
||||
slidesPerView : 1,
|
||||
spaceBetween : _spaceBetween,
|
||||
centeredSlides : true,
|
||||
pagination : {
|
||||
el : ".swiper-pagination",
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
/* 온라인 자료관 */
|
||||
var swiper = new Swiper(".onlineSwiper", {
|
||||
loop : true,
|
||||
slidesPerView : _slidesPerViewOnline,
|
||||
spaceBetween : _spaceBetween,
|
||||
centeredSlides : true,
|
||||
// autoplay: {
|
||||
// delay: 4000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
navigation : {
|
||||
nextEl : ".swiper-button-next",
|
||||
prevEl : ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
@ -37,24 +37,60 @@ $(document).ready(function() {
|
||||
// $('html,body').addClass('no-scroll');
|
||||
// 상세검색 팝업 - 문화원정보 선택영역 초기작업 메서드 분리
|
||||
var depth2H = 0;
|
||||
$('.pop-advanced-search .depth1-check input').each(function () {
|
||||
if ($(this).is(":checked")) { // 활성화 line에 높이 잡아주기
|
||||
$('.depth1').removeClass('on');
|
||||
$(this).parents('.depth1').addClass('on');
|
||||
depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight();
|
||||
$(this).parents('.line').siblings('.line').attr('style', '');
|
||||
$(this).parents('.line').height(depth2H + 50);
|
||||
}
|
||||
$(".pop-advanced-search .depth1-check input").each(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
// 활성화 line에 높이 잡아주기
|
||||
$(".depth1").removeClass("on");
|
||||
$(this).parents(".depth1").addClass("on");
|
||||
depth2H = $(this).parents(".depth1-check").next(".depth2").outerHeight();
|
||||
$(this).parents(".line").siblings(".line").attr("style", "");
|
||||
$(this).parents(".line").height(130);
|
||||
//.height(depth2H + 50);
|
||||
}
|
||||
|
||||
$(this).siblings('.tab-name').on('click', function() {
|
||||
$('.depth1').removeClass('on');
|
||||
$(this).parents('.depth1').addClass('on');
|
||||
depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight();
|
||||
$('.line').attr('style', '');
|
||||
$(this).parents('.line').height(depth2H + 50);
|
||||
});
|
||||
var tabLabel = $(this).next().text();
|
||||
$(this)
|
||||
.parent(".depth1-check")
|
||||
//.append('<button type="button" class="tab-name">' + tabLabel + "</button>");
|
||||
var windowWidth = $(window).width();
|
||||
$(this)
|
||||
.siblings(".tab-name")
|
||||
.on("click", function () {
|
||||
$(".depth1").removeClass("on");
|
||||
$(this).parents(".depth1").addClass("on");
|
||||
depth2H = $(this).parents(".depth1-check").next(".depth2").outerHeight();
|
||||
$(".line").attr("style", "");
|
||||
$(this).parents(".line").height(130);
|
||||
$(".depth1").height(50);
|
||||
if (windowWidth < 480) {
|
||||
var elHeight = $(this).parents().next(".depth2").outerHeight();
|
||||
$(this)
|
||||
.parents(".depth1")
|
||||
.height(elHeight + 50);
|
||||
$(".line").css("margin-bottom", "30px");
|
||||
$(this).parents(".line").css("margin-bottom", "130px");
|
||||
} else {
|
||||
$(".line").css("margin-bottom", "30px");
|
||||
}
|
||||
});
|
||||
|
||||
if (windowWidth < 480) {
|
||||
var clickEle = $(".depth1");
|
||||
var depth2Ele = $(".pop-advanced-search .conditions-wrap .depth1 .depth2");
|
||||
clickEle.click(function () {
|
||||
var indexNo = $(this).index();
|
||||
if (indexNo <= 2) {
|
||||
depth2Ele.css("top", "50px");
|
||||
} else if (3 <= indexNo && indexNo < 6) {
|
||||
depth2Ele.css("top", "100px");
|
||||
} else {
|
||||
depth2Ele.css("top", "152px");
|
||||
}
|
||||
// $(".right-div span").eq(indexNo).toggleClass("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('.pop-advanced-search .depth2 input').change(function() {
|
||||
var html = "";
|
||||
@ -403,6 +439,7 @@ function detailSearchSetting(){
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="conditions-wrap conditions-subject">
|
||||
<h3>주제분야</h3>
|
||||
<legend class="conditions-title">주제분야</legend>
|
||||
<div class="selected-conditions">
|
||||
<div class="title">
|
||||
@ -437,6 +474,7 @@ function detailSearchSetting(){
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="conditions-wrap conditions-datype">
|
||||
<h3>자료유형</h3>
|
||||
<legend class="conditions-title">자료유형</legend>
|
||||
<div class="selected-conditions">
|
||||
<div class="title">
|
||||
|
||||
@ -30,7 +30,15 @@ $(document).ready(function() {
|
||||
</script>
|
||||
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<div class="left is_login">
|
||||
<button id="mo_alram_icon" type="button" class="noti-btn"><img src="/images/icon/icon-alram.png" alt="alram" /></button>
|
||||
<span class="line"></span>
|
||||
<button type="button" class="member-btn"><img src="/images/icon/icon-member-mo.png" alt="member" />회원증</button>
|
||||
</div>
|
||||
<div class="right">
|
||||
<button id="mo_search_icon" type="button"><img src="/images/icon/icon-data-search-white.png" alt="search" /></button>
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
</div>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectGreeting.do';" title="자료관안내" class="eff">자료관안내</a>
|
||||
@ -74,3 +82,68 @@ $(document).ready(function() {
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="mo-nav-wrap">
|
||||
<div class="login_box">
|
||||
<h2>로그인하여 <br />더 많은 정보를 확인해 보세요</h2>
|
||||
<div class="btns_box">
|
||||
<button type="button" class="btn_login login-btn">로그인</button>
|
||||
<button type="button" onclick="location.href='/cart.html'">카트</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_box">
|
||||
<ul class="mo_dropdown">
|
||||
<li class="mo_menu">
|
||||
<a href="/">
|
||||
<div class="wrap">
|
||||
<div class="name">홈</div>
|
||||
<div class="drop_icon"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mo_menu">
|
||||
<div class="wrap">
|
||||
<div class="name">자료관안내</div>
|
||||
<div class="drop_icon"></div>
|
||||
</div>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectGreeting.do';" title="인사말"><span class="underline blue">- 인사말</span></a></li>
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureOperationInfo.do';" title="이용안내"><span class="underline blue">- 이용안내</span></a></li>
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureLocationInfo.do';" title="찾아오시는길">- 찾아오시는길</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mo_menu">
|
||||
<a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/search/searchList.do';" title="소장자료">
|
||||
<div class="wrap">
|
||||
<div class="name">소장자료</div>
|
||||
<div class="drop_icon"></div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mo_menu">
|
||||
<div class="wrap">
|
||||
<div class="name">고객지원</div>
|
||||
<div class="drop_icon"></div>
|
||||
</div>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listAncmnts.do';" title="공지사항"><span class="underline blue">- 공지사항</span></a></li>
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listFaqs.do';" title="FAQ"><span class="underline blue">- FAQ</span></a></li>
|
||||
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listQnas.do';" title="Q&A"><span class="underline blue">- Q&A</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mo_menu">
|
||||
<div class="wrap">
|
||||
<div class="name">마이페이지</div>
|
||||
<div class="drop_icon"></div>
|
||||
</div>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="javascript:void(0)" gotoUrl="${pageContext.request.contextPath}/userInfo/pwCertMyInfo.do" title="회원정보관리"><span class="underline blue">- 회원정보관리</span></a></li>
|
||||
<li><a href="javascript:void(0)" gotoUrl="${pageContext.request.contextPath}/interest/listInterests.do" title="관심자료"><span class="underline blue">- 관심자료</span></a></li>
|
||||
<li><a href="javascript:void(0)" gotoUrl="${pageContext.request.contextPath}/rent/listRentItems.do" title="대출관리"><span class="underline blue">- 대출관리</span></a></li>
|
||||
<li><a href="javascript:void(0)" gotoUrl="${pageContext.request.contextPath}/read/listReadItems.do" title="방문열람관리"><span class="underline blue">- 방문열람관리</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="menu_bg"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -18,6 +18,7 @@
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
<link href="/css/media.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery/jquery.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
@ -40,7 +41,8 @@ function fn_setPageTitle(title) {
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- <div class="wrap sub"> sub는 서브페이지 -->
|
||||
<div class="wrap">
|
||||
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
@charset "utf-8";
|
||||
|
||||
*{padding:0;margin:0;outline:0px solid #ccc;}
|
||||
html,body{width:100%;height:100%;touch-action: none;}
|
||||
html,body{width:100%;height:100%;}
|
||||
html{}
|
||||
body{ font-family:'Noto Sans KR', 'Noto Sans', sans-serif;letter-spacing:-0.1px;font-weight:200;color:#333;word-break:keep-all;}
|
||||
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
|
||||
|
||||
@ -52,59 +52,52 @@ transition:all .3s ease;
|
||||
.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 li ul li:hover,
|
||||
.wrap .nav-wrap #primary-nav li ul li.selected {background: none;}
|
||||
|
||||
.wrap .nav-wrap #primary-nav.mobile {display: none;position: absolute;top: 100%;background: #A0D468;width: 100%;
|
||||
.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.mobile li {width: 100%;margin: 0;border-bottom: 1px solid #7cb142;}
|
||||
.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 1px solid #7cb142;}
|
||||
.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: 5%;}
|
||||
.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;}
|
||||
.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%;}
|
||||
.wrap .nav-wrap #primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
|
||||
.wrap .nav-wrap #primary-nav-button.mobile {display: inline-block;}
|
||||
.wrap #primary-nav-button {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;display: none;}
|
||||
.wrap #primary-nav-button i {position: relative;display: inline-block;width: 25px;height: 3px;color:#fff;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-999999999px;
|
||||
background: #fff;
|
||||
-webkit-transition:all .2s ease-out;
|
||||
-moz-transition:all .2s ease-out;
|
||||
-o-transition:all .2s ease-out;
|
||||
transition:all .2s ease-out;
|
||||
#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 #primary-nav-button i::before, .Btn i::after {content:'';width: 25px;height: 3px;position: absolute;left:0;background:#fff;
|
||||
-webkit-transition:all .2s ease-out;
|
||||
-moz-transition:all .2s ease-out;
|
||||
-o-transition:all .2s ease-out;
|
||||
transition:all .2s ease-out;
|
||||
}
|
||||
.wrap #primary-nav-button i::before {top: -9px;}
|
||||
.wrap #primary-nav-button i::after {bottom: -9px;}
|
||||
|
||||
.wrap #primary-nav-button.selected i {background:none;}
|
||||
.wrap #primary-nav-button.selected i::before {top:0;background: #fff;
|
||||
.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 #primary-nav-button.selected i::after {bottom:0;background: #fff;
|
||||
.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);
|
||||
@ -713,7 +706,8 @@ transform: rotate(45deg);}
|
||||
.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;}
|
||||
@ -728,14 +722,14 @@ transform: rotate(45deg);}
|
||||
.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; cursor: pointer;}
|
||||
.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 30px 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/icon/icon-data-close.png) no-repeat right center;}
|
||||
.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 {float: right;background: url(/images/btn/btn-minus.jpg) no-repeat center 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;}
|
||||
@ -793,7 +787,7 @@ transform: rotate(45deg);}
|
||||
.data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
|
||||
.data .inner .tabs_item {display: none;padding: 10px 0;}
|
||||
.data .inner .tabs_item:first-child {display: block;}
|
||||
.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-block;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
|
||||
.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;}
|
||||
@ -826,7 +820,8 @@ transform: rotate(45deg);}
|
||||
.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;}
|
||||
@ -873,8 +868,9 @@ transform: rotate(45deg);}
|
||||
.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 {}
|
||||
.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:50%;margin:0px 0px 12px;}
|
||||
.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;}
|
||||
@ -895,8 +891,8 @@ transform: rotate(45deg);}
|
||||
.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 {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
|
||||
.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;}
|
||||
.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;}
|
||||
@ -904,7 +900,8 @@ transform: rotate(45deg);}
|
||||
.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;}
|
||||
.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;}
|
||||
@ -918,6 +915,7 @@ transform: rotate(45deg);}
|
||||
.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;}
|
||||
@ -1111,7 +1109,7 @@ transform: rotate(45deg);}
|
||||
.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-block;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 {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;}
|
||||
@ -1140,7 +1138,8 @@ transform: rotate(45deg);}
|
||||
.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 p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
|
||||
.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;}
|
||||
|
||||
@ -1246,6 +1245,7 @@ transform: rotate(45deg);}
|
||||
.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;}
|
||||
|
||||
@ -1855,11 +1855,11 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
|
||||
.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;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
|
||||
.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;}
|
||||
.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;}
|
||||
@ -1993,31 +1993,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
|
||||
|
||||
/* 768px 이하 */
|
||||
@media all and (max-width:768px) {
|
||||
.wrap {min-width: 100%;}
|
||||
.wrap header .inner {width:100%;}
|
||||
.wrap .nav-wrap .inner {width:100%;}
|
||||
.sec1 .inner .color-box {width:100%;}
|
||||
.sec2 .keyword-box {width:100%;}
|
||||
.sec5 .inner {width:100%;}
|
||||
.sec5 .inner .tab_content {width:90%;padding:30px 5%;}
|
||||
.sec7 .inner {width:100%;}
|
||||
.sec7 .inner .Fl {width:100%;margin:0;}
|
||||
footer .inner {width:100%;}
|
||||
|
||||
.wrap header {background:none;}
|
||||
.wrap .nav-wrap {height:100%;background:none;top:0;}
|
||||
.wrap .nav-wrap .BG {content: '';display: inline-block;width:100%;height:100%;background: rgba(0,0,0,0.5);position: fixed;top:0px;left:0px;z-index: -1;}
|
||||
.wrap .Btn {position: absolute;right:5%;top:50px;z-index: 999;display: inline-block;}
|
||||
#primary-nav .downarrow:before {content: '\25b8';}
|
||||
.wrap .nav-wrap #primary-nav.mobile ul {text-align: left;top:auto;}
|
||||
.wrap .nav-wrap #primary-nav.mobile li {border-bottom:1px solid #ddd;line-height: normal;text-align: left;}
|
||||
.wrap .nav-wrap #primary-nav.mobile {background: #333;width:300px;height:100vh;top:0px;right:-1000px;left:auto;
|
||||
-webkit-transition:all 0.5s ease;
|
||||
-moz-transition:all 0.5s ease;
|
||||
-o-transition:all 0.5s ease;
|
||||
transition:all 0.5s ease;
|
||||
}
|
||||
.wrap .nav-wrap #primary-nav.mobile ul .sub-menu {display:none;}
|
||||
}
|
||||
|
||||
/* 368px 이하 */
|
||||
|
||||
992
src/main/webapp/css/media.css
Normal file
992
src/main/webapp/css/media.css
Normal file
@ -0,0 +1,992 @@
|
||||
/* 공통 */
|
||||
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 h2.blind .search-close { width: 26px; height: 26px; background: url("/images/btn/btn_close_size_27x26_c9c9c7.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: 122px; }
|
||||
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 200px; }
|
||||
.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; }
|
||||
.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 p { 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; }
|
||||
|
||||
/* 소장자료 */
|
||||
.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; }
|
||||
.culture-box { width: 100%; }
|
||||
.data .mo_tabs_wrap { height: 50px; }
|
||||
.data .inner .tabs { width: max-content; display: flex; }
|
||||
.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 .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 > .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-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-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: 25px 30px; box-sizing: border-box; }
|
||||
.data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px; }
|
||||
.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-2 .top h3,
|
||||
.data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px; }
|
||||
.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; height: 100%; width: 34px; }
|
||||
.data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; }
|
||||
.data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; text-indent: -40px; padding-left: 40px; }
|
||||
.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; }
|
||||
.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; }
|
||||
|
||||
/* 공지사항 상세 */
|
||||
.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 .tabs { width: max-content; }
|
||||
.faq .inner .tabs li { width: 130px; }
|
||||
.faq .inner .tabs li a { border-radius: 0; }
|
||||
.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%; }
|
||||
.faq .title .left { font-size: 14px; }
|
||||
.faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; }
|
||||
.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 .title { height: auto; margin-bottom: 0; }
|
||||
.list-search-wrap { display: flex; flex-direction: column-reverse; }
|
||||
.data .list-search-wrap { flex-direction: column; }
|
||||
.qna .title .right,
|
||||
.qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box; }
|
||||
.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: 12px 16px; text-align: left; }
|
||||
.pop-login .Title p,
|
||||
.pop-login .Title h3 { display: none; }
|
||||
.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: 27%; 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 input[type="checkbox"] + label[for="times-chk8"]::before { top: 6px; }
|
||||
.pop-advanced-search .btn-wrap { margin: 0; display: flex; }
|
||||
.pop-advanced-search .btn-wrap .btn { width: 50%; }
|
||||
|
||||
/* 알림 팝업 */
|
||||
.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;}
|
||||
}
|
||||
BIN
src/main/webapp/images/bg/bg-privacy-mo.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-privacy-mo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
src/main/webapp/images/bg/bg-sec4-bg-mo.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-sec4-bg-mo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
src/main/webapp/images/bg/bg-service-mo.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-service-mo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
src/main/webapp/images/icon/icon-alram.png
Normal file
BIN
src/main/webapp/images/icon/icon-alram.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
BIN
src/main/webapp/images/icon/icon-data-search-white.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-search-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 424 B |
BIN
src/main/webapp/images/icon/icon-member-mo.png
Normal file
BIN
src/main/webapp/images/icon/icon-member-mo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 461 B |
BIN
src/main/webapp/images/icon/icon-mo-hide.png
Normal file
BIN
src/main/webapp/images/icon/icon-mo-hide.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
BIN
src/main/webapp/images/icon/icon-mo-show.png
Normal file
BIN
src/main/webapp/images/icon/icon-mo-show.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 277 B |
BIN
src/main/webapp/images/icon/icon-myinfo.png
Normal file
BIN
src/main/webapp/images/icon/icon-myinfo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 567 B |
BIN
src/main/webapp/images/icon/icon-question-plus.png
Normal file
BIN
src/main/webapp/images/icon/icon-question-plus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 B |
BIN
src/main/webapp/images/icon/icon-search-mo.png
Normal file
BIN
src/main/webapp/images/icon/icon-search-mo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 596 B |
@ -220,11 +220,13 @@
|
||||
<div class="left">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1" class="ser-chk1" name="" required><label for="service-chk1">대출/열람 정보 수신동의 [필수/1건 이상 선택]</label></div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="right">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-1" class="ser-chk1-1" name=""><label for="service-chk1-1">문자(SMS)</label></div>
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-2" class="ser-chk1-1" name=""><label for="service-chk1-2">이메일</label></div>
|
||||
</div>
|
||||
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 알림을 받으실 수 있습니다.</p>
|
||||
-->
|
||||
<p class="bg">※ 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 등 자료이용 관련 알림을 받으실 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group service">
|
||||
|
||||
@ -185,210 +185,251 @@ $(document).ready(function(){
|
||||
$('.pop-change').fadeOut();
|
||||
});
|
||||
|
||||
/* 메인 메뉴 반응형 */
|
||||
jQuery(function($) {
|
||||
$.fn.responsivenav = function(args) {
|
||||
// Default settings
|
||||
var defaults = {
|
||||
responsive: true,
|
||||
width: 768, // Responsive width
|
||||
button: $(this).attr('id')+'-button', // Menu button id
|
||||
animation: { // Menu animation
|
||||
effect: 'slide', // Accepts 'slide' or 'fade'
|
||||
show: 150,
|
||||
hide: 100
|
||||
},
|
||||
selected: 'selected', // Selected class
|
||||
arrow: 'downarrow' // Dropdown arrow class
|
||||
};
|
||||
var settings = $.extend(defaults, args);
|
||||
// Initialize the menu and the button
|
||||
init($(this).attr('id'), settings.button);
|
||||
/* 메인 메뉴 반응형 */
|
||||
jQuery(function ($) {
|
||||
$.fn.responsivenav = function (args) {
|
||||
// Default settings
|
||||
var defaults = {
|
||||
responsive: true,
|
||||
width: 768, // Responsive width
|
||||
button: $(this).attr("id") + "-button", // Menu button id
|
||||
animation: {
|
||||
// Menu animation
|
||||
effect: "slide", // Accepts 'slide' or 'fade'
|
||||
show: 150,
|
||||
hide: 100,
|
||||
},
|
||||
selected: "selected", // Selected class
|
||||
arrow: "downarrow", // Dropdown arrow class
|
||||
};
|
||||
var settings = $.extend(defaults, args);
|
||||
// Initialize the menu and the button
|
||||
init($(this).attr("id"), settings.button);
|
||||
|
||||
function init(menuid, buttonid) {
|
||||
setupMenu(menuid, buttonid);
|
||||
// Add a handler function for the resize and orientationchange event
|
||||
$(window).bind('resize orientationchange', function(){ resizeMenu(menuid, buttonid); });
|
||||
// Trigger initial resize
|
||||
resizeMenu(menuid, buttonid);
|
||||
}
|
||||
function init(menuid, buttonid) {
|
||||
setupMenu(menuid, buttonid);
|
||||
// Add a handler function for the resize and orientationchange event
|
||||
$(window).bind("resize orientationchange", function () {
|
||||
resizeMenu(menuid, buttonid);
|
||||
});
|
||||
// Trigger initial resize
|
||||
resizeMenu(menuid, buttonid);
|
||||
}
|
||||
|
||||
function setupMenu(menuid, buttonid) {
|
||||
var $mainmenu = $('#'+menuid+'>ul');
|
||||
var $headers = $mainmenu.find("ul").parent();
|
||||
// Add dropdown arrows
|
||||
$headers.each(function(i) {
|
||||
var $curobj = $(this);
|
||||
$curobj.children('a:eq(0)').append('<span class="'+settings.arrow+'"></span>');
|
||||
});
|
||||
function setupMenu(menuid, buttonid) {
|
||||
var $mainmenu = $("#" + menuid + ">ul");
|
||||
var $headers = $mainmenu.find("ul").parent();
|
||||
// Add dropdown arrows
|
||||
$headers.each(function (i) {
|
||||
var $curobj = $(this);
|
||||
$curobj.children("a:eq(0)").append('<span class="' + settings.arrow + '"></span>');
|
||||
});
|
||||
|
||||
if ( settings.responsive ) {
|
||||
// Menu button click event
|
||||
// Displays top-level menu items
|
||||
$('#'+buttonid).click(function(e) {
|
||||
e.preventDefault();
|
||||
if (settings.responsive) {
|
||||
// Menu button click event
|
||||
// Displays top-level menu items
|
||||
$("#" + buttonid).click(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if ( isSelected($('#'+buttonid)) ) {
|
||||
// Close menu
|
||||
collapseChildren('#'+menuid);
|
||||
animateHide($('#'+menuid), $('#'+buttonid));
|
||||
} else {
|
||||
// Open menu
|
||||
animateShow($('#'+menuid), $('#'+buttonid));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function resizeMenu(menuid, buttonid) {
|
||||
var $ww = document.body.clientWidth;
|
||||
// Add mobile class to elements for CSS use
|
||||
// instead of relying on media-query support
|
||||
if ( $ww > settings.width || !settings.responsive) {
|
||||
$('#'+menuid).removeClass('mobile');
|
||||
$('#'+buttonid).removeClass('mobile');
|
||||
} else {
|
||||
$('#'+menuid).addClass('mobile');
|
||||
$('#'+buttonid).addClass('mobile');
|
||||
}
|
||||
|
||||
var $headers = $('#'+menuid+'>ul').find('ul').parent();
|
||||
|
||||
$headers.each(function(i) {
|
||||
var $curobj = $(this);
|
||||
var $link = $curobj.children('a:eq(0)');
|
||||
var $subul = $curobj.find('ul:eq(0)');
|
||||
|
||||
// Unbind events
|
||||
$curobj.unbind('mouseenter mouseleave');
|
||||
$link.unbind('click');
|
||||
animateHide($curobj.children('ul:eq(0)'));
|
||||
|
||||
if ( $ww > settings.width || !settings.responsive ) {
|
||||
// Full menu
|
||||
$curobj.hover(function(e) {
|
||||
var $targetul = $(this).children('ul:eq(0)');
|
||||
|
||||
var $dims = { w: this.offsetWidth,
|
||||
h: this.offsetHeight,
|
||||
subulw: $subul.outerWidth(),
|
||||
subulh: $subul.outerHeight()
|
||||
};
|
||||
var $istopheader = $curobj.parents('ul').length == 1 ? true : false;
|
||||
$subul.css($istopheader ? {} : { top: 0 });
|
||||
var $offsets = { left: $(this).offset().left,
|
||||
top: $(this).offset().top
|
||||
};
|
||||
var $menuleft = $istopheader ? 0 : $dims.w;
|
||||
$menuleft = ( $offsets.left + $menuleft + $dims.subulw > $(window).width() ) ? ( $istopheader ? -$dims.subulw + $dims.w : -$dims.w ) : $menuleft;
|
||||
$targetul.css({ left:$menuleft+'px',
|
||||
width:$dims.subulw+'px'
|
||||
});
|
||||
|
||||
animateShow($targetul);
|
||||
},
|
||||
function(e) {
|
||||
var $targetul = $(this).children('ul:eq(0)');
|
||||
animateHide($targetul);
|
||||
});
|
||||
} else {
|
||||
// Compact menu
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $targetul = $curobj.children('ul:eq(0)');
|
||||
if ( isSelected($curobj) ) {
|
||||
collapseChildren($targetul);
|
||||
animateHide($targetul);
|
||||
} else {
|
||||
//collapseSiblings($curobj);
|
||||
animateShow($targetul);
|
||||
if (isSelected($("#" + buttonid))) {
|
||||
// Close menu
|
||||
collapseChildren("#" + menuid);
|
||||
animateHide($("#" + menuid), $("#" + buttonid));
|
||||
} else {
|
||||
// Open menu
|
||||
animateShow($("#" + menuid), $("#" + buttonid));
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
collapseChildren('#'+menuid);
|
||||
function resizeMenu(menuid, buttonid) {
|
||||
var $ww = document.body.clientWidth;
|
||||
// Add mobile class to elements for CSS use
|
||||
// instead of relying on media-query support
|
||||
if ($ww > settings.width || !settings.responsive) {
|
||||
$("#" + menuid).removeClass("mobile");
|
||||
$("#" + buttonid).removeClass("mobile");
|
||||
} else {
|
||||
$("#" + menuid).addClass("mobile");
|
||||
$("#" + buttonid).addClass("mobile");
|
||||
}
|
||||
|
||||
if ( settings.responsive && isSelected($('#'+buttonid)) ) {
|
||||
//collapseChildren('#'+menuid);
|
||||
$('#'+menuid).hide();
|
||||
$('#'+menuid).removeAttr('style');
|
||||
$('#'+buttonid).removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
var $headers = $("#" + menuid + ">ul")
|
||||
.find("ul")
|
||||
.parent();
|
||||
|
||||
function collapseChildren(elementid) {
|
||||
// Closes all submenus of the specified element
|
||||
var $headers = $(elementid).find('ul');
|
||||
$headers.each(function(i) {
|
||||
if ( isSelected($(this).parent()) ) {
|
||||
animateHide($(this));
|
||||
$headers.each(function (i) {
|
||||
var $curobj = $(this);
|
||||
var $link = $curobj.children("a:eq(0)");
|
||||
var $subul = $curobj.find("ul:eq(0)");
|
||||
|
||||
// Unbind events
|
||||
$curobj.unbind("mouseenter mouseleave");
|
||||
$link.unbind("click");
|
||||
animateHide($curobj.children("ul:eq(0)"));
|
||||
|
||||
if ($ww > settings.width || !settings.responsive) {
|
||||
// Full menu
|
||||
$curobj.hover(
|
||||
function (e) {
|
||||
var $targetul = $(this).children("ul:eq(0)");
|
||||
|
||||
var $dims = { w: this.offsetWidth, h: this.offsetHeight, subulw: $subul.outerWidth(), subulh: $subul.outerHeight() };
|
||||
var $istopheader = $curobj.parents("ul").length == 1 ? true : false;
|
||||
$subul.css($istopheader ? {} : { top: 0 });
|
||||
var $offsets = { left: $(this).offset().left, top: $(this).offset().top };
|
||||
var $menuleft = $istopheader ? 0 : $dims.w;
|
||||
$menuleft = $offsets.left + $menuleft + $dims.subulw > $(window).width() ? ($istopheader ? -$dims.subulw + $dims.w : -$dims.w) : $menuleft;
|
||||
$targetul.css({ left: $menuleft + "px", width: $dims.subulw + "px" });
|
||||
|
||||
animateShow($targetul);
|
||||
},
|
||||
function (e) {
|
||||
var $targetul = $(this).children("ul:eq(0)");
|
||||
animateHide($targetul);
|
||||
}
|
||||
);
|
||||
} else {
|
||||
// Compact menu
|
||||
$link.click(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $targetul = $curobj.children("ul:eq(0)");
|
||||
if (isSelected($curobj)) {
|
||||
collapseChildren($targetul);
|
||||
animateHide($targetul);
|
||||
} else {
|
||||
//collapseSiblings($curobj);
|
||||
animateShow($targetul);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
collapseChildren("#" + menuid);
|
||||
|
||||
if (settings.responsive && isSelected($("#" + buttonid))) {
|
||||
//collapseChildren('#'+menuid);
|
||||
$("#" + menuid).hide();
|
||||
$("#" + menuid).removeAttr("style");
|
||||
$("#" + buttonid).removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function collapseSiblings(element) {
|
||||
var $siblings = element.siblings('li');
|
||||
$siblings.each(function(i) {
|
||||
collapseChildren($(this));
|
||||
});
|
||||
}
|
||||
function collapseChildren(elementid) {
|
||||
// Closes all submenus of the specified element
|
||||
var $headers = $(elementid).find("ul");
|
||||
$headers.each(function (i) {
|
||||
if (isSelected($(this).parent())) {
|
||||
animateHide($(this));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isSelected(element) {
|
||||
return element.hasClass(settings.selected);
|
||||
}
|
||||
function collapseSiblings(element) {
|
||||
var $siblings = element.siblings("li");
|
||||
$siblings.each(function (i) {
|
||||
collapseChildren($(this));
|
||||
});
|
||||
}
|
||||
|
||||
function animateShow(menu, button) {
|
||||
if ( !button ) { var button = menu.parent(); }
|
||||
function isSelected(element) {
|
||||
return element.hasClass(settings.selected);
|
||||
}
|
||||
|
||||
button.addClass(settings.selected);
|
||||
function animateShow(menu, button) {
|
||||
if (!button) {
|
||||
var button = menu.parent();
|
||||
}
|
||||
|
||||
if ( settings.animation.effect == 'fade' ) {
|
||||
menu.fadeIn(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else if ( settings.animation.effect == 'slide' ) {
|
||||
menu.slideDown(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else {
|
||||
menu.show();
|
||||
menu.removeClass('hide');
|
||||
}
|
||||
}
|
||||
button.addClass(settings.selected);
|
||||
|
||||
function animateHide(menu, button) {
|
||||
if ( !button ) { var button = menu.parent(); }
|
||||
if (settings.animation.effect == "fade") {
|
||||
menu.fadeIn(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else if (settings.animation.effect == "slide") {
|
||||
menu.slideDown(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else {
|
||||
menu.show();
|
||||
menu.removeClass("hide");
|
||||
}
|
||||
}
|
||||
|
||||
if ( settings.animation.effect == 'fade' ) {
|
||||
menu.fadeOut(settings.animation.hide, function() {
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
function animateHide(menu, button) {
|
||||
if (!button) {
|
||||
var button = menu.parent();
|
||||
}
|
||||
|
||||
if (settings.animation.effect == "fade") {
|
||||
menu.fadeOut(settings.animation.hide, function () {
|
||||
menu.removeAttr("style");
|
||||
button.removeClass(settings.selected);
|
||||
$(".BG").fadeOut("fast");
|
||||
});
|
||||
} else if (settings.animation.effect == "slide") {
|
||||
menu.slideUp(settings.animation.hide, function () {
|
||||
menu.removeAttr("style");
|
||||
button.removeClass(settings.selected);
|
||||
$(".BG").fadeOut("fast");
|
||||
});
|
||||
} else {
|
||||
menu.hide();
|
||||
menu.addClass("hide");
|
||||
menu.removeAttr("style");
|
||||
button.removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
$(".BG").click(function () {
|
||||
$(".BG").fadeOut("fast");
|
||||
$("#primary-nav.mobile").hide();
|
||||
$("#primary-nav-button").removeClass("selected");
|
||||
});
|
||||
} else if ( settings.animation.effect == 'slide' ) {
|
||||
menu.slideUp(settings.animation.hide, function() {
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
$(".BG").fadeOut("fast");
|
||||
});
|
||||
} else {
|
||||
menu.hide();
|
||||
menu.addClass('hide');
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
$(".BG").click(function(){
|
||||
$(".BG").fadeOut("fast");
|
||||
$("#primary-nav.mobile").hide();
|
||||
$("#primary-nav-button").removeClass("selected");
|
||||
});
|
||||
};
|
||||
};
|
||||
});
|
||||
|
||||
jQuery(function ($) {
|
||||
$('#primary-nav').responsivenav();
|
||||
$('#top-nav').responsivenav({responsive:false});
|
||||
$("#primary-nav").responsivenav();
|
||||
$("#top-nav").responsivenav({ responsive: false });
|
||||
|
||||
// 모바일
|
||||
$(".mo_menu").click(function () {
|
||||
// $(this).toggleClass("show");
|
||||
if ($(this).hasClass("show")) {
|
||||
$(this).removeClass("show");
|
||||
} else {
|
||||
$(".mo_menu").removeClass("show");
|
||||
$(this).addClass("show");
|
||||
}
|
||||
});
|
||||
|
||||
$("#primary-nav-button").on("click", function () {
|
||||
$(".mo-nav-wrap").toggleClass("show");
|
||||
$(".wrap .nav-wrap .inner").toggleClass("mo_show");
|
||||
$(".wrap .nav-wrap .inner .left").fadeToggle();
|
||||
$("#mo_search_icon").fadeToggle();
|
||||
});
|
||||
|
||||
$("#mo_search_icon").click(function () {
|
||||
$(".wrap header .inner .search-wrap").slideDown();
|
||||
$(".wrap .nav-wrap").css("display", "none");
|
||||
});
|
||||
|
||||
$("h2.blind .search-close").click(function () {
|
||||
$(".wrap header .inner .search-wrap").slideUp();
|
||||
$(".wrap .nav-wrap").css("display", "block");
|
||||
});
|
||||
|
||||
$(".btn_filter").on("click", function () {
|
||||
$(".article-side").fadeIn();
|
||||
$("html,body").addClass("no-scroll");
|
||||
});
|
||||
|
||||
$(".filter-close").click(function () {
|
||||
$(".article-side").fadeOut();
|
||||
$("html,body").removeClass("no-scroll");
|
||||
});
|
||||
});
|
||||
/* 메인 메뉴 반응형 end */
|
||||
|
||||
@ -450,58 +491,63 @@ $(document).ready(function() {
|
||||
});
|
||||
|
||||
// 하위 리스트 보기
|
||||
$('.filter-wrap .depth-1 .check input').each(function () {
|
||||
var tabLabel = $(this).next().text();
|
||||
if($(this).parents('.depth-1').siblings('.depth-2').length > 0) { //하위 조건이 있을 경우만 버튼 생성
|
||||
$(this).parent('.check').append('<button type="button" class="tab-name">' + tabLabel + '</button>');
|
||||
}
|
||||
$(".filter-wrap .depth-1 .check input").each(function () {
|
||||
var tabLabel = $(this).next().text();
|
||||
if ($(this).parents(".depth-1").siblings(".depth-2").length > 0) {
|
||||
//하위 조건이 있을 경우만 버튼 생성
|
||||
$(this)
|
||||
.parent(".check")
|
||||
.append('<button type="button" class="tab-name">' + tabLabel + "</button>");
|
||||
}
|
||||
|
||||
$(this).siblings('.tab-name').on('click', function () {
|
||||
var _this = $(this).parents('li').index();
|
||||
$(this)
|
||||
.siblings(".tab-name")
|
||||
.on("click", function () {
|
||||
var _this = $(this).parents("li").index();
|
||||
|
||||
$(this).parents('li').siblings('li').find('.depth-1').removeClass('on');
|
||||
if (!$('body').hasClass('pop-filter')) {
|
||||
if ($(this).parents('.depth-1').hasClass('on')) {
|
||||
$(this).parents('.depth-1').removeClass('on');
|
||||
} else {
|
||||
$(this).parents('.depth-1').addClass('on');
|
||||
}
|
||||
} else {
|
||||
$(this).parents('.depth-1').addClass('on');
|
||||
}
|
||||
$(this).parents("li").siblings("li").find(".depth-1").removeClass("on");
|
||||
if (!$("body").hasClass("pop-filter")) {
|
||||
if ($(this).parents(".depth-1").hasClass("on")) {
|
||||
$(this).parents(".depth-1").removeClass("on");
|
||||
} else {
|
||||
$(this).parents(".depth-1").addClass("on");
|
||||
}
|
||||
} else {
|
||||
$(this).parents(".depth-1").addClass("on");
|
||||
}
|
||||
|
||||
// 줄구분용 data 추가
|
||||
$(".pop-culture-center .line-1").data("idx", "1");
|
||||
$(".pop-culture-center .line-2").data("idx", "2");
|
||||
$(".pop-culture-center .line-3").data("idx", "3");
|
||||
// 줄구분용 data 추가
|
||||
$(".pop-culture-center .line-1").data("idx", "1");
|
||||
$(".pop-culture-center .line-2").data("idx", "2");
|
||||
$(".pop-culture-center .line-3").data("idx", "3");
|
||||
|
||||
target = $(".pop-filter li.line-" + $(this).parents("li").data("idx") + "");
|
||||
size = $(this).parents("div.depth-1").next().outerHeight() + 50 ;
|
||||
$(".line-1 , .line-2, .line-3").attr("style" , '');
|
||||
target.css("height" , size );
|
||||
target = $(".pop-filter li.line-" + $(this).parents("li").data("idx") + "");
|
||||
size = $(this).parents("div.depth-1").next().outerHeight() + 50;
|
||||
$(".line-1 , .line-2, .line-3").attr("style", "");
|
||||
// 여기
|
||||
target.css("height", size);
|
||||
});
|
||||
|
||||
});
|
||||
$(this).change(function () {
|
||||
var _this = $(this).parents("li").index();
|
||||
if ($(this).is(":checked")) {
|
||||
$(this).parents(".depth-1").next().stop().slideDown(0);
|
||||
$(this).parents(".depth-1").addClass("on");
|
||||
$(this).parents("li").siblings("li").find(".depth-1").children(".btn-toggle").text("열기");
|
||||
$(this).parents("li").find(".depth-1").children(".btn-toggle").text("닫기");
|
||||
$(this).parents("li").siblings("li").find(".depth-1").next().stop().slideUp(0);
|
||||
$(this).parents("li").siblings("li").find(".depth-1").removeClass("on");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(this).change( function () {
|
||||
var _this = $(this).parents('li').index();
|
||||
if ($(this).is(":checked")) {
|
||||
$(this).parents('.depth-1').next().stop().slideDown(0);
|
||||
$(this).parents('.depth-1').addClass('on');
|
||||
$(this).parents('li').siblings('li').find('.depth-1').children('.btn-toggle').text('열기');
|
||||
$(this).parents('li').find('.depth-1').children('.btn-toggle').text('닫기');
|
||||
$(this).parents('li').siblings('li').find('.depth-1').next().stop().slideUp(0);
|
||||
$(this).parents('li').siblings('li').find('.depth-1').removeClass('on');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.filter-wrap .depth-2 input').change(function () {
|
||||
if ($(this).is(':checked')) {
|
||||
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop('checked', true);
|
||||
} else {
|
||||
if ($(this).parents('.depth-2').find('input:checked').length <= 0) {
|
||||
$(this).parents('.depth-2').siblings('.depth-1').find('input').prop('checked', false);
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".filter-wrap .depth-2 input").change(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$(this).parents(".depth-2").siblings(".depth-1").find("input").prop("checked", true);
|
||||
} else {
|
||||
if ($(this).parents(".depth-2").find("input:checked").length <= 0) {
|
||||
$(this).parents(".depth-2").siblings(".depth-1").find("input").prop("checked", false);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -223,11 +223,13 @@
|
||||
<div class="left">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1" class="ser-chk1" name="" required checked><label for="service-chk1">대출/열람 정보 수신동의 [필수/1건 이상 선택]</label></div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="right">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-1" class="ser-chk1-1" name="" checked><label for="service-chk1-1">문자(SMS)</label></div>
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-2" class="ser-chk1-1" name="" checked><label for="service-chk1-2">이메일</label></div>
|
||||
</div>
|
||||
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 알림을 받으실 수 있습니다.</p>
|
||||
-->
|
||||
<p class="bg">※ 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 등 자료이용 관련 알림을 받으실 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group service">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user