diff --git a/src/main/java/nlib/col/service/CollectionVO.java b/src/main/java/nlib/col/service/CollectionVO.java
index 91c784db..44ca2186 100644
--- a/src/main/java/nlib/col/service/CollectionVO.java
+++ b/src/main/java/nlib/col/service/CollectionVO.java
@@ -161,7 +161,40 @@ public class CollectionVO extends PagingVO {
 	//---------------------------------------------
 	protected String deptNm;		/* 관리부서이름 */
 	protected String domainHostNm;	/* 관리부서 호스트주소 */
-	// 생성자 
+	
+
+	//---------------------------------------------
+	// 각종 상태 제공 서비스 
+	//---------------------------------------------
+	public boolean canRead() {
+		return true;
+	}
+	public boolean canRent() {
+		return true;
+	}
+	public boolean canOnline() {
+		return true;
+	}
+	
+	public boolean canReadNow() {
+		return true;
+	}
+	public boolean canRentNow() {
+		return canRentAppNow() || canRentResNow();
+	}
+	public boolean canRentAppNow() {
+		return true;
+	}
+	public boolean canRentResNow() {
+		return true;
+	}
+	public boolean canOnlineNow() {
+		return true;
+	}
+	
+	//---------------------------------------------
+	// 생성자
+	//---------------------------------------------
 	public CollectionVO() {
 		super();
 	}
diff --git a/src/main/resources/egovframework/egovProps/globals.properties b/src/main/resources/egovframework/egovProps/globals.properties
index e494f328..98e0722d 100644
--- a/src/main/resources/egovframework/egovProps/globals.properties
+++ b/src/main/resources/egovframework/egovProps/globals.properties
@@ -30,7 +30,7 @@ Globals.DbType = maria
 # > grant all privileges on uac_cltr_db.* to 'uac_cltr';
 # > flush privileges;
 Globals.maria.DriverClassName=org.mariadb.jdbc.Driver
-Globals.maria.Url=jdbc:mariadb://nlib-db.nculture.org:3306/uac_cltr_db
+Globals.maria.Url=jdbc:mariadb://210.181.197.70:3306/uac_cltr_db
 Globals.maria.UserName = uac_cltr
 Globals.maria.Password = uac_cltr
 
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp
index 4e120fc0..b3b8d391 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp
@@ -36,7 +36,7 @@
 <script>
  
  $( document ).ready(function() {
-	 
+
 	 // 메시지 표출 
      if(!fn_isEmpty('${message}')) {
          alert("${message}");
@@ -155,6 +155,7 @@
  }
  
  </script>
+ 
 
     <!-- 공지사항 섹션 -->
     <div class="location noti-data">
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index 15f3027c..80efacd5 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -1,2018 +1,2020 @@
-@charset "utf-8";
-
-/********** 헤더 **********/
-.blind {display:none;}
-.wrap {display:inline-block;width:100%;min-width:1400px;}
-.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;}
-.wrap header .inner {width:1400px;height:72px;margin:0 auto;}
-.wrap header .inner h1 {float:left;width:33.3%;text-align: left;}
-.wrap header .inner .search-wrap {float:left;width:33.3%;text-align:center;}
-.wrap header .inner .log {float:right;width:33.3%;text-align:right;}
-.wrap header .inner h1 {margin-top:20px;}
-.wrap header .inner h1 a img {}
-.wrap header .inner h1 a span {display:inline-block;height:16px;font-size:16px;line-height:16px;font-weight: 400;border-left:1px solid #999;color:#fff;margin-left:15px;padding-left:15px;position: relative;top:-14px;}
-.wrap header .inner h1 a span.title-1 {border-left:0px;margin-left:0;}
-.wrap header .inner .search-wrap .search-close {display:none;}
-.wrap header .inner .search-wrap form {position: relative;margin:14px 0px;}
-.wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;}
-.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;}
-.wrap header .inner .search-wrap form .search-input {position: relative;}
-.wrap header .inner .search-wrap form .condition_sear select {background: none;outline:0;border:0;padding:0px 10px;font-weight: 600;color:#666;}
-.wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;}
-.wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;}
-.wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 600;position: relative;left:-3px;}
-.wrap header .inner .log {display: inline-block;width:auto;}
-.wrap header .inner .log ul li {float:left;line-height: 72px;}
-.wrap header .inner .log ul li a {font-size:12px;color:#fff;border-left:1px solid #999;padding:0px 16px;height:13px;line-height:13px;display: inline-block}
-.wrap header .inner .log ul li a span {color:#f0a233;}
-.wrap header .inner .log ul li:first-child a {border:0;}
-.wrap header .inner .log ul li:last-child a {padding-right:0;}
-
-
-/********** 메뉴 **********/
-.wrap .nav-wrap {position: fixed;top:73px;left:0px;width:100%;background:rgba(0,0,0,0.3);z-index: 99;}
-.wrap .nav-wrap .inner {height:55px;}
-.wrap .nav-wrap .inner {width:1400px;height:55px;margin:0 auto;}
-.wrap .nav-wrap #primary-nav {position: relative;top:0px;left:0;}
-.wrap .nav-wrap #primary-nav.mobile ul {display:inline-block;width:100%;height:auto;position: absolute;top: calc(50% - 80px);text-align:center;}
-.wrap .nav-wrap #primary-nav ul li {float:left;width:25%;height:55px;line-height:55px;text-align:center;position: relative;
--webkit-transition:all .3s ease;
--moz-transition:all .3s ease;
--o-transition:all .3s ease;
-transition:all .3s ease;
-}
-.wrap .nav-wrap #primary-nav ul li a {display:block;color: #fff;font-weight: 400;}
-.wrap .nav-wrap #primary-nav li:hover,
-.wrap .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.6);}
-.wrap .nav-wrap #primary-nav li.active > a,
-.wrap .nav-wrap #primary-nav li > a:hover,
-.wrap .nav-wrap #primary-nav li.selected > a {color: #fff;}
-.wrap .nav-wrap #primary-nav .sub-menu {background: rgba(0,0,0,0.7);width: 350px;z-index: 200;padding:15px 0px;}
-.wrap .nav-wrap #primary-nav .sub-menu li {display: inline-block;width:100%;height:45px;line-height:45px;}
-.wrap .nav-wrap #primary-nav .sub-menu li a {display:block;font-weight: 300;}
-.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display:block;font-weight: 500;}
-.wrap .nav-wrap #primary-nav .sub-menu li:last-child {border-bottom: 0;}
-.wrap .nav-wrap #primary-nav .sub-menu .downarrow:before {content: '\25b8';}
-.wrap .nav-wrap #primary-nav.mobile {display: none;position: fixed;top:auto;bottom: 0px;background: #1eaabd;width: 100%;height: 100%;min-height: 100vh;margin:0% 0%;left:800px;
--webkit-transition:all .3s ease;
--moz-transition:all .3s ease;
--o-transition:all .3s ease;
-transition:all .3s ease;
-}
-.wrap .nav-wrap #primary-nav li ul li:hover,
-.wrap .nav-wrap #primary-nav li ul li.selected {background: none;}
-.wrap .nav-wrap #primary-nav.mobile li {width: 100%;margin: 0;border-bottom: 0px solid #4fc3d3;text-align:center;}
-.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 0px solid #4fc3d3;}
-.wrap .nav-wrap #primary-nav.mobile li:last-child {border: none;}
-.wrap .nav-wrap #primary-nav.mobile li a {padding: 15px 0%;display:block;font-size:30px;color:#fff;}
-.wrap .nav-wrap #primary-nav.mobile li:hover a {color:#fff;}
-.wrap .nav-wrap #primary-nav.mobile li.active a {color:#fff;}
-.wrap .nav-wrap #primary-nav.mobile .sub-menu li a {padding-left: 7%;}
-.wrap .nav-wrap #primary-nav.mobile .sub-menu .submenu li a {padding-left: 9%;}
-.wrap .nav-wrap #primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {padding-left: 11%;}
-.wrap .nav-wrap #primary-nav.mobile .sub-menu {float: left;position: relative;width: 100%;}
-.wrap .nav-wrap .downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;display: none;}
-.wrap .nav-wrap .sub-menu .downarrow {position: absolute;right: 0;padding-right: 10px;}
-.wrap .nav-wrap .downarrow:before {content: '\25be';color: inherit;display: block;font-family: sans-serif;font-size: 1em;line-height: 1.1;width: 1em;height: 1em;}
-.wrap .nav-wrap .menu .sub-menu {display: none;position: absolute;left: 0;max-height: 1000px;}
-.wrap .nav-wrap .menu .sub-menu.hide {display: none;}
-.wrap .nav-wrap .mobile .downarrow,
-.wrap .nav-wrap .mobile .sub-menu .downarrow {position: absolute;right: 0;padding-right: 5%;}
-#primary-nav-button {background: transparent;display: none;border: 0px solid #aaa;position: absolute;top: 5px;left: 0;padding: 0;text-decoration: none;color: #333;text-align: center;font-weight: bold;font-size: 0;outline:0;z-index: 9;}
-#primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
-#primary-nav-button.mobile {display: inline-block;}
-.wrap .nav-wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;}
-.wrap .nav-wrap .Btn i {position: relative;border-radius:10px;display: inline-block;width: 25px;height: 2px;color:#707070;text-transform: uppercase;text-indent:-999999999px;background: #707070;}
-.wrap .nav-wrap .Btn i::before, .wrap header .Btn i::after {content:'';border-radius: 10px;width: 25px;height: 2px;position: absolute;left:0;background:#707070;
--webkit-transition:all .2s ease-in;
--moz-transition:all .2s ease-in;
--o-transition:all .2s ease-in;
-transition:all .2s ease-in;
-}
-.wrap .nav-wrap .Btn i::before {top: -9px;}
-.wrap .nav-wrap .Btn i::after {bottom: -9px;width:20px;left:auto;right:0px;}
-.wrap .nav-wrap .Btn.selected i {background:none;}
-.wrap .nav-wrap .Btn.selected i::before {top:0;background: #fff;
--webkit-transform: rotateZ(45deg);
--moz-transform: rotateZ(45deg);
--o-transform: rotateZ(45deg);
-transform: rotateZ(45deg);
-}
-.wrap .nav-wrap .Btn.selected i::after {bottom:-2px;width:25px;background: #fff;border-bottom: 2px solid #1eaabd;
--webkit-transform: rotateZ(-45deg);
--moz-transform: rotateZ(-45deg);
--o-transform: rotateZ(-45deg);
-transform: rotateZ(-45deg);
-}
-
-
-/********** 헤더 스크롤 **********/
-.wrap #header.scroll_off {background:rgba(0,0,0,0.3);}
-.wrap #header.scroll_on {background:rgba(55,103,149,1.0);}
-.wrap .nav-wrap.scroll_off {background:rgba(0,0,0,0.3);}
-.wrap .nav-wrap.scroll_on {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
-.wrap .nav-wrap.scroll_on #primary-nav li:hover,
-.wrap .nav-wrap.scroll_on #primary-nav li.selected {background: rgba(55,103,149,0.8);}
-.wrap .nav-wrap.scroll_off #primary-nav ul li a {color: #fff;}
-.wrap .nav-wrap.scroll_on #primary-nav ul li a {color: #222;}
-.wrap .nav-wrap.scroll_off #primary-nav ul li:hover a {color: #fff;}
-.wrap .nav-wrap.scroll_on #primary-nav ul li:hover a {color: #fff;}
-.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu {background: rgba(0,0,0,0.7);}
-.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
-.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover {background: none;}
-.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu li a {color: #fff;}
-.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a {color: #222;}
-.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
-.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
-
-
-/********** 헤더 서브 **********/
-.wrap.sub {padding-top:128px;}
-.wrap.sub #header {background:rgba(55,103,149,1.0);}
-.wrap.sub .nav-wrap {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
-.wrap.sub .nav-wrap #primary-nav li:hover,
-.wrap.sub .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.8);}
-.wrap.sub .nav-wrap #primary-nav ul li a {color: #222;}
-.wrap.sub .nav-wrap #primary-nav ul li:hover a {color: #fff;}
-.wrap.sub .nav-wrap #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
-.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover {background: none;}
-.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a {color: #222;}
-.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
-.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
-
-
-/********** 호버 언더라인 **********/
-.underline {line-height: 2.0;background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.8s;cursor: pointer;}
-.underline.blue {background-image: linear-gradient(transparent 60%, #284a6a 40%);}
-.wrap .nav-wrap #primary-nav li ul li:hover .underline {background-size: 100% 100%;}
-
-section {clear:both;text-align: center;}
-section h3 {font-size:36px;font-weight: 500;margin-bottom: 5px;}
-section h3 span {color:#376795;}
-section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
-.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;}
-
-
-/********** 메인섹션1 **********/
-.sec1 {}
-.sec1 .inner .banner {position: relative;width:100%;height:600px;background: url(/images/bg/bg-mainbanner.jpg) no-repeat;background-size:cover;}
-.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;}
-.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;}
-.sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;}
-.sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;}
-.sec1 .inner .color-box .list:nth-of-type(1) {background:#f0a233;}
-.sec1 .inner .color-box .list:nth-of-type(2) {background:#45a1b0;}
-.sec1 .inner .color-box .list:nth-of-type(3) {background:#4a7ba6;}
-.sec1 .inner .color-box .list:nth-of-type(4) {background:#beb9a5;}
-.sec1 .inner .color-box .list .title {color:#fff;font-size:24px;margin:40px 0px 15px;}
-.sec1 .inner .color-box .list .open {position: absolute;top:-30px;right:-30px;background:rgba(0,0,0,0.1);width:60px;height:60px;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);
-}
-.sec1 .inner .color-box .list .open img {position: absolute;top:42px;left:24px;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);
-}
-.sec1 .inner .color-box .list a {width:100%;height:100%;position: absolute;top:0px;left:0px;z-index: 9;}
-
-
-/********** 메인섹션2 **********/
-.sec2 {padding:0px 0px 100px;}
-.sec2 .keyword-box {width:1400px;margin:0 auto;}
-.sec2 .keyword-box .list-tag li {display: inline-block;margin:0px 3px 10px;}
-.sec2 .keyword-box .list-tag li a {font-size:14px;color:#111;border:1px solid #999;border-radius:50px;padding:2px 10px 4px;}
-.sec2 .keyword-box .list-tag li a:hover {background:#376795;border:1px solid #376795;color:#fff;}
-
-
-/********** 메인섹션3 **********/
-.sec3 {background:#f5f5f5;padding:100px 0px 100px;}
-.sec3 .inner {width:100%;position: relative;}
-.sec3 .pickSwiper {width:80%;padding:1% 10%;}
-.sec3 .pickSwiper::before {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:0px;z-index: 9;}
-.sec3 .pickSwiper::after {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:0px;z-index: 9;}
-.sec3 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;}
-.sec3 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;}
-.sec3 .pickSwiper .swiper-slide .list-box {background: #fff;outline:1px solid #ddd;height:390px;}
-.sec3 .pickSwiper .swiper-slide .list-box .images {padding:30px 0px;height:195px;border-bottom:1px solid #ddd;}
-.sec3 .pickSwiper .swiper-slide .list-box .images a img {width:140px;height:100%;}
-.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;}
-.sec3 .pickSwiper .swiper-slide .list-box .subject a {display:inline-block;width:100%;height:85px;overflow:hidden;}
-.sec3 .pickSwiper .swiper-slide .list-box .subject .block {display:inline-block;width:100%;margin-bottom:10px;}
-.sec3 .pickSwiper .swiper-slide .list-box .subject .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
-.sec3 .pickSwiper .swiper-slide .list-box .subject .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400}
-.sec3 .pickSwiper .swiper-slide:hover .list-box {outline:3px solid #4a7ba6;}
-.sec3 .pickSwiper .swiper-slide:hover .list-box .subject .cla {background:#376795;color:#fff;}
-.underline.pink {background-image: linear-gradient(transparent 60%, #fbe8d3 40%);}
-.sec3 .pickSwiper .swiper-slide:hover .underline {background-size: 100% 100%;}
-
-
-/********** 메인섹션4 **********/
-.sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;}
-.sec4 .inner .middle-banner h3 {padding:70px 0px 20px;font-size:36px;line-height: 46px;color: #fff;}
-.sec4 .inner .middle-banner h3 strong {color:#feb855;}
-.sec4 .inner .middle-banner p {font-size:18px;font-weight: 100;color:#fff;}
-
-
-/********** 메인섹션5 **********/
-.sec5 {background:#f5f5f5;padding:100px 0px 100px;}
-.sec5 .inner {width:1400px;margin:0 auto;position: relative;}
-.sec5 .inner .tab {position: relative;}
-.sec5 .inner .tabs {position: relative;overflow: hidden;width: 100%;text-align:center;}
-.sec5 .inner .tabs li {display: inline-block;margin:0% 4px;overflow: hidden;padding: 0;position: relative;}
-.sec5 .inner .tabs li:last-child {margin-right:0;}
-.sec5 .inner .tabs a {background-color: #4a7ba6;border-radius:50px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;color: #fff;font-weight: 400;display: block;letter-spacing: 0;outline: none;text-decoration: none;
--webkit-transition: all 0.2s ease-in-out;
--moz-transition: all 0.2s ease-in-out;
--o-transition: all 0.2s ease-in-out;
-transition: all 0.2s ease-in-out;
-}
-.sec5 .inner .tabs li.current a {background: #0a2c56;color:#fff;}
-.sec5 .inner .tab_content {display:inline-block;width:1320px;background: #fff;border:1px solid #ddd;padding:30px 40px;margin-top:30px;}
-.sec5 .inner .tab_content .mCSB_inside > .mCSB_container {margin-right:0px !important;}
-.sec5 .inner .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left:-25px !important;}
-.sec5 .inner .tab_content .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.55);}
-.sec5 .inner .tabs_item {display: none;padding: 10px 0;}
-.sec5 .inner .tabs_item:first-child {display: block;}
-.sec5 .inner .tabs_item ul li {float:left;width:22.7%;margin-right:3%;text-align:left;}
-.sec5 .inner .tabs_item ul li:last-child {margin-right:0;}
-.sec5 .inner .tabs_item ul li .con-1 {border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;height:50px;overflow: hidden;}
-.sec5 .inner .tabs_item ul li .con-1 .block {padding-bottom:10px;}
-.sec5 .inner .tabs_item ul li .con-1 .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
-.sec5 .inner .tabs_item ul li .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;}
-.sec5 .inner .tabs_item ul li:hover .con-1 .cla {background:#376795;color:#fff;}
-.sec5 .inner .tabs_item ul li:hover .underline {background-size: 100% 100%;color:#376795;}
-.sec5 .inner .tabs_item ul li .con-2 {}
-.sec5 .inner .tabs_item ul li .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;}
-.sec5 .inner .tabs_item ul li .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;}
-
-
-/********** 메인섹션6 **********/
-.sec6 {padding:100px 0px 100px;}
-.sec6 .inner {width:100%;position: relative;}
-.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;}
-.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;}
-.sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);}
-.sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);}
-.sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
-.sec6 .onlineSwiper .items.cover {}
-.sec6 .onlineSwiper .items.cover:after {clear:both;content:'';display:block;}
-.sec6 .onlineSwiper .items.cover .List {box-sizing:content-box;}
-.sec6 .onlineSwiper .items.cover .List.front-item {padding-left:0;}
-.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
-.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail span {overflow:hidden;}
-.sec6 .onlineSwiper .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
-.sec6 .onlineSwiper .items.cover .List .inner div.info div.button-area {margin-top:10px;}
-.sec6 .onlineSwiper .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;}
-.sec6 .onlineSwiper .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;}
-.sec6 .onlineSwiper .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;}
-.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail {height:284px;}
-.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;}
-.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;}
-.sec6 .onlineSwiper .items {}
-.sec6 .onlineSwiper .items.blank-type1 {margin-top:30px;}
-.sec6 .onlineSwiper .items.blank-type1 .List .inner {height:450px;}
-.sec6 .onlineSwiper .items.blank-type2 {margin-top:20px;}
-.sec6 .onlineSwiper .items .List {box-sizing:border-box;}
-.sec6 .onlineSwiper .items .List a.inner {display:block;}
-.sec6 .onlineSwiper .items .List .inner.light-type {color:#666;background-color:#fff;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
-.sec6 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;}
-.sec6 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;}
-
-
-/********** 메인섹션7 **********/
-.sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;}
-.sec7 .inner {width:1400px;margin:0 auto;position: relative;}
-.sec7 .inner .Fl {float:left;width:47.5%;margin-right:5%;}
-.sec7 .inner .Fl:last-child {margin-right:0;}
-.sec7 .inner .Fl .ti {margin-bottom:5px;display:inline-block;width:100%;}
-.sec7 .inner .Fl .ti span {float:left;font-size:24px;font-weight:500;}
-.sec7 .inner .Fl .ti a span {float:right;font-size:16px;color:#666;display: inline-block;height: 36px;line-height: 36px;}
-.sec7 .inner .Fl .ti a span img {margin:0px 0px 5px 5px;vertical-align: middle;}
-.sec7 .inner .Fl .con {background: #fff;padding:20px 40px;}
-.sec7 .inner .Fl .con .list {border-bottom:1px solid #ddd;display:inline-block;width:100%;padding:15px 0px;vertical-align: top;}
-.sec7 .inner .Fl .con .list:last-child {border-bottom: 0;}
-.sec7 .inner .Fl .con .list .box {float:left;width:41px;height:41px;background: #ccc;padding:7px;margin-right:20px;}
-.sec7 .inner .Fl .con .list .box p:nth-of-type(1) {color:#fff;font-size:22px;line-height:22px;font-weight: 400;margin-bottom:5px;}
-.sec7 .inner .Fl .con .list .box p:nth-of-type(2) {color:#fff;font-size:11px;line-height:11px;font-weight: 100;}
-.sec7 .inner .Fl .con .list .text {float:left;width:auto;text-align: left;line-height:55px;font-size:18px;font-weight:400;color:#222;}
-.sec7 .inner .Fl .con .list .text p img {vertical-align: middle;margin:0px 0px 5px 5px;}
-.sec7 .inner .Fl .con .list .answer {float:right;}
-.sec7 .inner .Fl .con .list .answer p {background:#e6e7e9;padding:6px 20px 8px;border-radius: 50px;margin-top:8px;}
-.sec7 .inner .Fl .con .list .answer.suc p {background:#4a7ba6;color:#fff;}
-.sec7 .inner .notice .con .list .box {background: #2e899c;}
-.sec7 .inner .qna .con .list .box {background: #4a7ba6;}
-
-
-/********** 푸터 **********/
-footer {clear: both;background: #363636;width:100%;height:170px;padding:40px 0px 60px;position: relative;}
-footer .inner {width:1400px;margin:0 auto;position: relative;}
-footer .row-top {border-bottom: 1px solid #666;color: #999;padding: 0px 0 20px;}
-footer .row-bottom {padding: 25px 0 0px;color: #999;}
-footer .row-bottom:after {content: "";display: block;clear: both;}
-footer .row-bottom .left-side {float: left;}
-footer .fnb:after {content: "";display: block;clear: both;}
-footer .fnb li {float: left;font-size: 16px;margin-right: 30px;}
-footer .fnb li a {color:#fff;opacity: 0.8;}
-footer .fnb li a:focus,
-footer .fnb li a:hover {color: #fff;}
-footer .copy {padding-top: 10px;color: #fff;opacity: 0.4;font-size:14px;}
-footer .copy a {color:#fff;}
-footer .family_site{position:absolute;right:0;top:0;width:180px;}
-footer .family_site .site_name{position:relative;margin-top:7px;padding-left:20px;height:40px;line-height:40px;font-size:12px;font-weight:normal;color:#ddd;background:#2b2b2b;cursor:pointer;border-radius: 3px;}
-footer .family_site .site_name:after{position:absolute;right:0;top:0;width:40px;height:40px;content:"";display:block;background: url("/images/icon/icon-down-arr.png") no-repeat right top;}
-footer .family_site.on .site_name:after{background: url("/images/icon/icon-up-arr.png") no-repeat right top;}
-footer .family_site .site_depth{width:180px;position:absolute;left:0px;right:0;top:46px;background-color:#1b1b1b;padding:7px 0px;z-index:60;display:none;}
-footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0 0 12px;font-size:14px;color:#ddd;}
-
-
-/* button scroll-top */
-.btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20;
-transition: all .2s ease;}
-.btn-go-top span {color:#fff;display:block;}
-.btn-go-top:hover {}
-.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
-.btn-go-top.go-top-hide {opacity: 0;z-index: -1;}
-.btn-go-top {top: -80px;}
-.btn-go-top.go-top-fix {top:auto;}
-.btn-go-top::after {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%;
--webkit-animation: animate-btn 1.4s 0.0s ease-out infinite;
--moz-animation: animate-btn 1.4s 0.0s ease-out infinite;
--o-animation: animate-btn 1.4s 0.0s ease-out infinite;
-animation: animate-btn 1.4s 0.0s ease-out infinite;
-}
-.btn-go-top::before {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%;
--webkit-animation: animate-btn2 1.4s 0.5s ease-out infinite;
--moz-animation: animate-btn2 1.4s 0.5s ease-out infinite;
--o-animation: animate-btn2 1.4s 0.5s ease-out infinite;
-animation: animate-btn2 1.4s 0.5s ease-out infinite;
-}
-@-webkit-keyframes animate-btn {
-0% {-webkit-transform: scale(1.0);opacity: 0.4;}
-100% {-webkit-transform: scale(1.6);opacity: 0;}
-}
-@keyframes animate-btn {
-0% {transform: scale(1.0);opacity: 0.4;}
-100% {transform: scale(1.6);opacity: 0;}
-}
-@-webkit-keyframes animate-btn2 {
-0% {-webkit-transform: scale(1.0);opacity: 0.4;}
-100% {-webkit-transform: scale(1.7);opacity: 0;}
-} 
-@keyframes animate-btn2 {
-0% {transform: scale(1.0);opacity: 0.4;}
-100% {transform: scale(1.7);opacity: 0;}
-}
-
-body.no-scroll {overflow: hidden;}
-.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.3);}
-.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(0,0,0,0.5);}
-.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
-.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color:#333;font-size:30px;}
-
-
-/********** 현재위치 섹션 **********/
-.location {clear:both;width:100%;text-align: center;}
-.location .inner .row-top {width:100%;height:auto;padding:40px 0px 40px;margin-bottom:60px;background: #fcfcfc;border-bottom:1px solid #ddd;position: relative;}
-.location .inner .row-top .location-box .loc li {display: inline;position: relative;padding:0px 10px;font-size:12px;color:#919191;}
-.location .inner .row-top .location-box .loc li.on {color:#222;font-weight: 500;}
-.location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;}
-.location .inner .row-top .location-box .loc li:last-child::before {display:none;}
-.location .inner .row-top .location-box .tit li {font-size:36px;color:#222;font-weight: 500}
-.location .inner .row-top .location-box .tit li span {color:#376795;}
-.location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;}
-.location .inner .row-top .arr img {vertical-align: middle;}
-
-.location .inner .row-top.icon {padding-bottom: 0px !important;margin-bottom:20px !important;}
-
-/********** 회원가입 **********/
-.join {width:100%}
-.join .inner .row-bottom {width:800px;margin:0 auto;}
-.join .inner .row-bottom .join-box {padding-bottom:200px;}
-.join .inner .row-bottom .join-box .step {width:100%;display: inline-block;padding:0px 0px 60px;}
-.join .inner .row-bottom .join-box .step > div {border:1px solid #ddd;float:left;width:33.0%;height:60px;padding:0px 0px;position: relative;}
-.join .inner .row-bottom .join-box .step > div .icon {display: inline-block;background: #f5f5f5;border-radius:50%;margin:10px 10px 0px 0px;}
-.join .inner .row-bottom .join-box .step > div .icon img {vertical-align: bottom;}
-.join .inner .row-bottom .join-box .step > div .text {display: inline-block;}
-.join .inner .row-bottom .join-box .step > div .text p:nth-child(1) {font-size:12px;color:#666;}
-.join .inner .row-bottom .join-box .step > div .text p:nth-child(2) {font-size:14px;color:#666;font-weight: 400;}
-.join .inner .row-bottom .join-box .step > div::before {content:'';position:absolute;top:calc(50% - 8px);right:calc(0% - 8px);display:inline-block;background: #fff;width:14px;height:14px;border-radius:3px;z-index: 1;border-top:1px solid #ddd;border-right:1px solid #ddd;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);
-}
-.join .inner .row-bottom .join-box .step > div:last-child::before {display:none;}
-.join .inner .row-bottom .join-box .step > div.on {background: #0b2c57;}
-.join .inner .row-bottom .join-box .step > div.on .icon {background: #fff;}
-.join .inner .row-bottom .join-box .step > div.on .text p {color:#fff;}
-.join .inner .row-bottom .join-box .step > div.on::before {background: #0b2c57;border-top:1px solid #0b2c57;border-right:1px solid #0b2c57;}
-.join .inner .row-bottom .join-box .login {width:300px;margin:0 auto;}
-.join .inner .row-bottom .login .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
-.join .inner .row-bottom .login .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;border:1px solid #03c65a;}
-.join .inner .row-bottom .login .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;border:1px solid #fee500;}
-.join .inner .row-bottom .login .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
-.join .inner .row-bottom .login .Btn.Naver button {color:#fff;}
-.join .inner .row-bottom .login .Btn.Kakao button {color:#111;}
-.join .inner .row-bottom .login .Btn.Google button  {color:#111;}
-.join .inner .row-bottom .login .Btn button {font-size: 15px;font-weight: 600;height: 47px;line-height: 47px;width: 100%;display: inline-block;}
-
-.join .inner .row-bottom .join-box .privacy-box {width:100%;}
-.join .inner .row-bottom .join-box .privacy-box > div {margin-bottom:40px;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-1 {display: inline-block;width:100%;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .title {float: left;font-size:18px;font-weight: 500;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk {float: right;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk input {margin-right:5px;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk label {font-size:12px;}
-.join .inner .row-bottom .join-box .privacy-box > div > .con-2 .textarea {font-size:12px;text-align: left;width:96%;height:140px;padding:3% 2%;border: 1px solid #ddd;border-radius: 5px;}
-
-.join .inner .row-bottom .join-box .form-container {width:100%;text-align: left;}
-.join .inner .row-bottom .join-box .form-container h2 {border-bottom:1px solid #333;font-size: 18px;font-weight: 600;margin:50px 0px 0px;padding-bottom:10px;}
-.join .inner .row-bottom .join-box .form-group {display: inline-block;width:100%;padding:20px 0px 15px;border-bottom:1px solid #ddd;}
-.join .inner .row-bottom .join-box .form-group label {float:left;width:20%;height:36px;line-height: 36px;font-size:14px;font-weight: 400;color:#333;}
-.join .inner .row-bottom .join-box .form-group .con {float:left;width:80%;}
-.join .inner .row-bottom .join-box .form-group .con input,
-.join .inner .row-bottom .join-box .form-group .con select {height:36px;line-height:36px;padding:0px 2%;border:1px solid #ddd;border-radius:3px;width:60%;}
-.join .inner .row-bottom .join-box .form-group .con input[type="checkbox"] + label {width:auto;height: auto;line-height: inherit;vertical-align: middle;}
-.join .inner .row-bottom .join-box .form-group .con .chk {height:36px;line-height: 36px;display: inline-block;margin-right:30px;}
-.join .inner .row-bottom .join-box .form-group .con .chk input {vertical-align: middle;}
-.join .inner .row-bottom .join-box .form-group .con .chk input[type="checkbox"] + label:before {top:11px;} 
-.join .inner .row-bottom .join-box .form-group .con select {width:16%;display: inline-block;margin-left:15px;}
-.join .inner .row-bottom .join-box .form-group .con select:first-child {margin-left:0;}
-.join .inner .row-bottom .join-box .form-group .con .mobile1,
-.join .inner .row-bottom .join-box .form-group .con .mobile2,
-.join .inner .row-bottom .join-box .form-group .con .mobile3 {width:11%;}
-.join .inner .row-bottom .join-box .form-group .con .email1 {width:45.5%;}
-.join .inner .row-bottom .join-box .form-group .con .cer {width:45.5%;background:#f9f9f9;position: relative;}
-.join .inner .row-bottom .join-box .form-group .con .row {position: relative;}
-.join .inner .row-bottom .join-box .form-group .con .addr1 {width:45.5%;}
-.join .inner .row-bottom .join-box .form-group .con .addr2 {}
-.join .inner .row-bottom .join-box .form-group .con button {width:90px;height:37px;line-height:37px;border-radius:3px;margin-bottom:5px;}
-.join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;}
-
-.join .inner .row-bottom .join-box .form-group .con span.text {font-size:12px;display: block;width:64%;color:#2e899c;font-weight: 400;}
-.join .inner .row-bottom .join-box .form-group .con .form-control {margin-bottom:5px;}
-.join .inner .row-bottom .join-box .form-group.service .left {display: inline-block;}
-.join .inner .row-bottom .join-box .form-group.service .left label {width:auto;}
-.join .inner .row-bottom .join-box .form-group.service .left .chk input[type="checkbox"] + label:before {top:11px;} 
-.join .inner .row-bottom .join-box .form-group.service .right {display: inline-block;float:right;width:210px;text-align:right;}
-.join .inner .row-bottom .join-box .form-group.service .right label {width:auto;margin-left:30px;}
-.join .inner .row-bottom .join-box .form-group.service .right .chk input[type="checkbox"] + label:before {top:11px;}
-
-.join .inner .row-bottom .join-box .form-group.service p.bg {clear: both;background:#f4f4f4;padding:12px 15px;font-size:12px;font-weight:400;color:#333;}
-.join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) {color:#2e899c;margin-top:5px;font-weight: 400;font-size:12px;}
-.join .inner .row-bottom .join-box .form-group:nth-of-type(9) {border-bottom:0;}
-.join .inner .row-bottom .join-box .btn-box {text-align:center;margin:30px 0px;}
-.join .inner .row-bottom .join-box .form-group .con input::placeholder, 
-.join .inner .row-bottom .join-box .form-group .con select::placeholder {font-size:14px;color:#919191;}
-.join .inner .row-bottom .join-box .form-group .con span.suc {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:#3f8f4a;display:none;}
-.join .inner .row-bottom .join-box .form-group.form-group.Usermobile .con span.suc {color:#3f8f4a;}
-.join .inner .row-bottom .join-box .form-group.form-group.Useremail .con span.suc {color:#3f8f4a;}
-.join .inner .row-bottom .join-box .form-group .con .row .chk-suc {display: inline-block;width:15px;height:15px;position: absolute;top:10px;right:330px;background: url(/images/icon/icon-checked-tab.png) no-repeat center;background-size: 15px;z-index: 99;display: none;}
-.join .inner .row-bottom .join-box .form-group.Usermobile .con .row .timer {display: inline-block;width:15px;height:15px;position: absolute;top:8px;right:350px;z-index: 99;color:red;display:none;}
-.join .inner .row-bottom .join-box .form-group .con span.fail {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:orange;display: none;}
-
-
-/********** 회원가입 완료 **********/
-.join.succ .inner .row-top {background: none;border:0;padding:60px 0px 40px;}
-.join.succ .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:32px;font-weight:200;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#d47b1c;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3){color:#333;font-size:16px;font-weight:400;margin-bottom:5px;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) span {color:#376795;font-weight:500;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4){color:#777;font-size:14px;font-weight:400;margin-bottom:40px;}
-.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span {font-weight:500;}
-.join.succ .inner .row-bottom .join-box .success .box {background: #0b2c57;padding:30px 0px;position: relative;}
-.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:18px;color:#fff;font-weight: 500;margin-bottom: 15px;}
-.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;}
-.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) span {color:#d47b1c;font-weight: 500;}
-.join.succ .inner .row-bottom .join-box .success .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 1;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);
-}
-.join.succ .inner .row-bottom .join-box .success .btn {margin:50px 0px;display:inline-block;padding:0;width:100%;}
-.join.succ .inner .row-bottom .join-box .success .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
-
-
-/********** 휴면계정 **********/
-.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
-.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;}
-.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:16px;font-weight:400;margin-bottom:40px;}
-.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#376795;font-weight:500;}
-.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;}
-.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) span {color:#d47b1c;font-weight: 500;}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) {color:#333;font-size:22px;font-weight:400;margin-bottom:40px;}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) {}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button {background:#0b2c57;border:1px solid #ddd;border-radius:3px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span {font-size:16px;color:#fff;font-weight: 500;}
-.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span:nth-of-type(1) {border-right:1px solid #777;margin-right:10px;padding-right:10px;}
-.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;}
-.join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
-.join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;}
-.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;}
-.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;}
-.join-box .success .box .icon.google {background: #fff;border-radius:50%;}
-.join.connect .inner .row-bottom .join-box .success .box .text {float:left;}
-.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;}
-.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;}
-.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;}
-.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;}
-.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;}
-.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
-.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span:nth-of-type(1) {height:15px;line-height:15px;display:inline-block;border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
-
-
-/********** 인사말 **********/
-.greeting .inner .row-bottom {}
-.greeting .inner .row-bottom .greeting-box .top-banner {background: url(/images/img/img-greeting-bg.jpg) no-repeat;width:100%;height: 265px;background-size: cover;}
-.greeting .inner .row-bottom .greeting-box .top-banner p {font-size:22px;color:#fff;font-weight: 100;padding-top:60px;}
-.greeting .inner .row-bottom .greeting-box .gree {width:1100px;margin:0 auto;background: url(/images/img/img-greeting-bg2.jpg) no-repeat top right #fff;position: relative;top:-80px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display:inline-block;padding:70px 50px;}
-.greeting .inner .row-bottom .greeting-box .gree .left {float:left;width:15%;margin-right:5%;text-align: center;}
-.greeting .inner .row-bottom .greeting-box .gree .left p.text {margin-top:20px;font-size:16px;font-family:serif;color:#444;}
-.greeting .inner .row-bottom .greeting-box .gree .left p.text strong {letter-spacing: 4px;font-size:18px;font-weight: bold;padding-top:8px;display: inline-block;}
-.greeting .inner .row-bottom .greeting-box .gree .right {float:left;width:80%;text-align: left;}
-.greeting .inner .row-bottom .greeting-box .gree .right h3 {font-size:24px;margin-bottom:40px;font-family:serif;font-weight: 900;color:#444;}
-.greeting .inner .row-bottom .greeting-box .gree .right p {font-size:16px;line-height:28px;}
-
-
-/********** 이용안내 **********/
-.guide .inner .row-bottom {}
-.guide .inner .row-bottom .guide-box .banner {width:100%;height: 480px;margin-bottom: 80px;}
-.guide .inner .row-bottom .guide-box .banner .left {float: left;text-align: left;width:340px;height:320px;padding:80px;background: url(/images/img/img-guide-bg.jpg) no-repeat;}
-.guide .inner .row-bottom .guide-box .banner .right {float: left;width:800px;height:380px;padding:50px;background: #3e404a;}
-.guide .inner .row-bottom .guide-box .banner .left .top {border-bottom: 1px solid #555;padding-bottom:30px;margin-bottom:30px;}
-.guide .inner .row-bottom .guide-box .banner .left .top p {color:#fff;}
-.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) {font-size:20px;margin-bottom:25px;}
-.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) {color:#f0a233;font-size:48px;font-weight:500;position: relative;}
-.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span {font-size: 14px;color:#fff;position: absolute;top:-6px;font-weight: 200;}
-.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) {font-size:16px;font-weight: 100;}
-.guide .inner .row-bottom .guide-box .banner .left .bottom p {color:#fff;}
-.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) {font-size:20px;margin-bottom:15px;}
-.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) {color:#fff;font-size:24px;font-weight:500;}
-.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) span {color:#f0a233;font-weight: 500;}
-.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) {font-size:16px;font-weight: 100;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box {text-align: left;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li {display: inline-block;width:100%;margin: 25px 0px;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num {float:left;width:10%;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span {display:inline-block;color:#fff;font-size:32px;font-style: italic;width:60px;height:60px;line-height: 60px;border-radius: 50%;background:#ccc;text-align: center;text-indent: -4px;font-weight: 500;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(1) .num span {background: #f0a233;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(2) .num span {background: #45a1b0;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(3) .num span {background: #4a7ba6;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text {float:left;width:90%;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) {font-size: 20px;color:#fff;font-weight: 400;margin-bottom:5px;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) {font-size: 15px;color:#fff;font-weight: 100;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec {margin-bottom: 80px;text-align: left;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec h3 span {color:#376795;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p {font-size:16px;line-height: 26px;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 500;margin-bottom:5px;position: relative;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;}
-.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
-
-
-/********** 오시는길 **********/
-.map .inner .row-bottom .map-box {margin-bottom:80px;}
-.map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;}
-.map .inner .row-bottom .map-box h2 span {color:#376795;}
-.map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;}
-.map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;}
-.map .inner .row-bottom .map-box .info > div:last-child {border-right:0;}
-.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;}
-.map .inner .row-bottom .map-box .info > div.addr p:nth-of-type(1) {background: #f0a233;}
-.map .inner .row-bottom .map-box .info > div.time p:nth-of-type(1) {background: #45a1b0;}
-.map .inner .row-bottom .map-box .info > div.tel p:nth-of-type(1) {background: #4a7ba6;}
-.map .inner .row-bottom .map-box .info > div.fax p:nth-of-type(1) {background: #beb9a5;}
-.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img {vertical-align: middle;margin-bottom:5px;}
-.map .inner .row-bottom .map-box .info > div p:nth-of-type(2) {font-size:20px;font-weight: 500;margin-bottom:10px;}
-.map .inner .row-bottom .map-box .info > div p:nth-of-type(3) {font-size:15px;margin-bottom: 5px;}
-.map .inner .row-bottom .map-box .info > div p:nth-of-type(4) {font-size:13px;color:#666;}
-.map .inner .row-bottom .map-box .info .mapimg {width:100%;height:440px;padding:0;margin-right:0;border-bottom:1px solid #ddd;}
-.map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;}
-.map .inner .row-bottom .info-box .info-sec {margin-bottom: 80px;text-align: left;}
-.map .inner .row-bottom .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;}
-.map .inner .row-bottom .info-box .info-sec h3 span {color:#376795;}
-.map .inner .row-bottom .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div {font-size:16px;line-height: 26px;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 200;margin-bottom:5px;position: relative;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div.box {background: #f5f7fa;padding:15px 40px;margin-top:15px;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div.box p {text-indent: -18px;font-weight: 500;}
-.map .inner .row-bottom .info-box .info-sec .text-box > div p {text-indent: -18px;font-weight: 500;}
-.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p {display: inline-block;width:100%;height:15px;font-weight: 200;margin-bottom:5px;position: relative;text-indent: 0;}
-.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
-.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1) {font-weight: 500;text-indent: -18px;}
-.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1)::before {display: none;}
-
-
-/********** 카트 **********/
-.cart .inner .tab {position: relative;}
-.cart .inner .tabs {position: relative;width: 100%;text-align:left;}
-.cart .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;}
-.cart .inner .tabs li:last-child {margin-right:0;}
-.cart .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:34px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.cart .inner .tabs li a span {font-size:12px;}
-.cart .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.cart .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.cart .inner .tab_content {display:inline-block;background: #fff;width:100%;}
-.cart .inner .tabs_item {display: none;padding: 10px 0;}
-.cart .inner .tabs_item:first-child {display: block;}
-.cart .inner .tabs_item .list-cart-wrap {text-align: left;margin-bottom: 50px;}
-.cart .inner .tabs_item .list-cart-wrap h3 {font-size:18px;margin:20px 0px 10px;}
-.cart .inner .tabs_item .list-cart-wrap h3 input {margin:0px 8px 3px 0px;vertical-align: middle;}
-.cart .inner .tabs_item .list-cart-wrap h3 span.count {color:#d47b1c;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart {clear: both;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list {display:inline-block;padding: 20px 0px;width:100%;height:90px;border-bottom:1px solid #ddd;vertical-align: top;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:4%;line-height:90px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data {width:48%;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {padding:15px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div {float:left;text-align: left;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img {width:auto;padding:0% 40px;margin-right:2%;position: relative;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.online {background:#376795;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.loan {background:#b68946;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.visit {background:#2b8b99;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.poss {color:#3f8f4a;font-weight: 400;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.imposs {color:#c11c35;font-weight: 400;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites .on {display:none;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .off {display:none;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
-.cart .inner .tabs_item .btn-box {display:inline-block;width:100%;margin-bottom:80px;}
-.cart .inner .tabs_item .btn-box .left {float:left;}
-.cart .inner .tabs_item .btn-box .right {float:right;}
-.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data {width:76%;}
-.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-date {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state p:nth-child(1) {margin-top:0px;}
-.cart .inner .tabs_item .list-cart-wrap.visit p.text {text-align: left;font-size:14px;color:#666;margin-top:10px;}
-.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data > div.img {padding:0px 40px;}
-.cart .inner .tabs_item .v-date-box {padding:30px 0px;border-top:1px solid #333;border-bottom:1px solid #ddd;margin-bottom:10px;}
-.cart .inner .tabs_item .v-date-box h3 {font-size:24px;margin-bottom:15px;}
-.cart .inner .tabs_item .v-date-box .v-date select {padding:0px 10px;width:130px;height:40px;border:1px solid #ddd;}
-.cart .inner .tabs_item .v-date-box .v-date span {margin:0px 10px 0px 5px;}
-.cart .inner .tabs_item .text {text-align: left;color:#2e899c;font-size:14px;font-weight: 400;}
-.cart .inner .tabs_item .btn-wrap {margin:40px 0px 80px;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:48%;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-date {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-loan {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-reser {width:12%;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit {width:16%;line-height: normal;margin-top:15px;padding:10px 0px;}
-.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list.t-tit-line > div.t-visit {margin-top:0;}
-.cart .inner .tabs_item .total-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;}
-.cart .inner .tabs_item .total-box .row-top {background: #295580;height:50px;line-height:50px;padding:0;margin-bottom:0;}
-.cart .inner .tabs_item .total-box .row-top > div {float:left;width:33.3%;height:50px;line-height:50px;color:#fff;font-size:12px;}
-.cart .inner .tabs_item .total-box .row-bottom {height:50px;line-height:50px;padding:20px 8%;;}
-.cart .inner .tabs_item .total-box .row-bottom > div {float:left;width:20%;font-size:14px;}
-.cart .inner .tabs_item .total-box .row-bottom > div strong {font-size:36px;padding:0px 5px;}
-.cart .inner .tabs_item .total-box .row-bottom > div.t-total strong {color:#d47b1c;}
-.cart .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:52%;}
-.cart .inner .tabs_item .list-cart-wrap.complete.com2 .list-cart div.list > div.t-data {width:64%;}
-.cart .inner .tabs_item .compl-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;padding: 25px 0px;}
-.cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;}
-.cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;}
-.cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;}
-.cart .inner .visit-confirm .tabs_item  .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}   
-.cart .inner .visit-confirm  .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;}
-
-/********** 소장자료 **********/
-.data .inner .row-bottom {position: relative;}
-.article-side {float: left;width:320px;margin-right:40px;}
-.culture-box {float: left;width:1040px;}
-.filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;}
-
-/* 통합검색 필터 */
-.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;}
-.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;}
-.filter-head:after {content: "";display: block;clear: both;}
-.filter-head h2 {float: left;font-size: 18px;font-weight: 600;}
-.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;}
-.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;}
-.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;}
-.filter-wrap .choice-condition .sign {margin: 0 10px;}
-.filter-wrap .choice-condition em {color: #333;}
-.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/btn/btn-cnl.jpg) no-repeat right center;}
-.filter-wrap .filter {margin-top: 32px;}
-.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;}
-.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;}
-.filter-wrap .filter-tit .btn-toggle {float: right;text-indent: -9999px;}
-.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/btn/btn-plus.png) no-repeat center right;}
-.filter-wrap .filter-tit:after {content: "";display: block;clear: both;}
-.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;}
-.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;}
-.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;}
-
-.filter-wrap .filter.nodepth .depth-1 .check label {background: none;}
-.filter-wrap .filter.nodepth .depth-1.on .check label {background: none;}
-
-.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;}
-.filter-wrap .filter .depth-1 .check {float: left;}
-.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;}
-.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/btn/btn-arrow-up.png) no-repeat right center;}
-.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;}
-.filter-wrap .filter .depth-2 li {margin-top: 6px;}
-.filter-wrap .filter .depth-2 li label {padding-left: 15px;}
-.filter-wrap .filter .filter-list.year ul li {height:36px;height:36px;}
-.filter-wrap .filter .filter-list.year ul li label {display: inline-block;font-size:14px;height:36px;line-height:36px;}
-.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;}
-.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
-.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;}
-.btn-all-view{} 
-.btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;}
-.btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;}
-.btn-apply {width: 100%;font-size: 13px;color: #fff;background:#3e414a;height: 30px;border: 1px solid #ddd;margin-top: 20px;border-radius: 3px;}
-.pop-choice-condition, 
-.pop-btn-wrap {display: none;text-align: center;padding-top: 30px;}
-.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;} 
-.filter-wrap .filter-list > ul > li:nth-child(4) ~ li {display: none;}
-.filter-wrap .tab-name {background: transparent;position: absolute;width: 100%;top: 0;left: 0;text-indent: -9999px;overflow: hidden;font-size:14px;}
-.filter-wrap .depth-1.on + .depth-2 {display: block !important;}
-.filter .check input[type="checkbox"] + label {padding-left: 0;}
-.filter .check input[type="checkbox"] + label:focus,
-.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;}
-.filter .check input[type="checkbox"] + label:before {display: none;}
-.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px;background: url(/images/icon/icon-data-more.png) no-repeat left center;}
-.filter .check input[type="checkbox"]:checked + label {color: #2781c1;}
-.data .inner {display:inline-block;width:100%;margin-bottom:50px;}
-.data .inner .tab {position: relative;}
-.data .inner .tabs {position: relative;width: 100%;text-align:left;}
-.data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;}
-.data .inner .tabs li:last-child {margin-right:0;}
-.data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
-.data .inner .tabs_item {display: none;padding: 10px 0;}
-.data .inner .tabs_item:first-child {display: block;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data {width:83%;height:100%;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 25px 0px;}
-.data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
-.data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span {margin-right:5px;padding-right:8px;border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span:last-child {border-right:0;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.etc {background:#e9e6df;color:#222;}
-
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}  
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
-
-.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;}
-.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;}
-.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label {font-weight: 500;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label input {margin-right:5px;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select {}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input {height:36px;line-height: 36px;border:1px solid #ddd;color:#666;padding:0px 40px 0px 10px;vertical-align: top;border-radius: 3px;position: relative;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input::placeholder {font-size:12px;color:#999;font-weight: 500;}
-.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button {background: url(/images/icon/icon-data-search.png) no-repeat center;text-indent: -9999999px;width:36px;height:36px;vertical-align: top;position: absolute;top:0px;right:0px;}
-
-
-/********** 소장자료 상세페이지 **********/
-.data.detail {width:100%;}
-.data.detail .inner {}
-.data.detail .inner .row-top {width:100%;padding:45px 0px;display:inline-block;background: linear-gradient(to right, #485864, #6a7b8c);}
-.data.detail .inner .row-top .center {width:1400px;margin:0 auto;}
-.data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;}
-.data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;}
-.data.detail .inner .row-top .center .left .cla {margin-bottom:10px;}
-.data.detail .inner .row-top .center .left .cla .con-1 {display: inline;}
-.data.detail .inner .row-top .center .left .cla .con-1 span {background:#fff;border:2px solid #333;border-radius:50px;color:#333;padding:1px 10px 2px;font-size:12px;font-weight: 500;display: inline-block;}
-.data.detail .inner .row-top .center .left .cla .con-1 span.online {color:#376795;border:2px solid #376795;}
-.data.detail .inner .row-top .center .left .cla .con-1 span.loan {color:#b68946;border:2px solid #b68946;}
-.data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;}
-.data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;}
-.data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;}
-.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;}
-.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;}
-.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;}
-.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;}
-.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;}
-.data.detail .inner .row-top .center .right .con-1 button.ris {}
-.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
-.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;}
-.data.detail .inner .row-top .center .right .con-2 {}
-.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}    
-.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}   
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;}
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;}
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;}
-.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;}
-.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;}
-.data.detail .inner .row-top .center .right .con-2 .keyword {}
-.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;}
-.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;}
-.data.detail .inner .row-bottom .con-1 {display:inline-block;width:100%;border:1px solid #ddd;margin:50px 0px 100px;}
-.data.detail .inner .row-bottom .con-1 .list-box {display:inline-block;width:100%;padding:25px 0px;}
-.data.detail .inner .row-bottom .con-1 .list-box .list {float:left;width:24.9%;border-right:1px solid #ddd;text-align: center;}
-.data.detail .inner .row-bottom .con-1 .list-box .list:last-child {border-right:0;}
-.data.detail .inner .row-bottom .con-1 .list-box .list .icon {margin-bottom:15px;}
-.data.detail .inner .row-bottom .con-1 .list-box .list .title {font-size:12px;color:#333;font-weight: 400;margin-bottom:3px;}
-.data.detail .inner .row-bottom .con-1 .list-box .list .con {font-size:14px;color:#666;font-weight: 300;}
-.data.detail .inner .row-bottom .con-1 .list-box .list .con .poss {color:#3f8f4a}
-.data.detail .inner .row-bottom .con-1 .list-box .list .con .imposs {color:#c11c35}
-.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;}
-.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;}
-.data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;}
-.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;} 
-.data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;}
-.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;}
-.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;}
-.data.detail .inner .row-bottom .con-2 .bottom {padding:30px;height:105px;overflow: hidden;text-align: left;}
-.data.detail .inner .row-bottom .con-2 .bottom p {font-size:16px;margin-bottom:20px;color:#666;}
-.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;}
-.data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;}
-.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
-.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} 
-.data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;}
-.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List {border:1px solid #ddd;padding:30px;text-align:left;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 {border:0px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;overflow: hidden;width:100%;display: inline-block;margin-top:0;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .block {padding-bottom:10px;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List:hover .underline {background-size: 100% 100%;color:#376795;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 {width:100%;border:0px;margin:0;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;}
-.data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;}
-.data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;}
-.data.detail .inner .row-bottom .con-4 .top h3 {font-size:24px;width:1400px;margin:0 auto;position: relative;z-index: 9;}
-.data.detail .inner .row-bottom .con-4 .top h3 span {color: #376795;}
-.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:1400px;height:1px;position: absolute;top:20px;left:0px;background:#c1c1c1;z-index: -1}
-.data.detail .inner .row-bottom .con-4 .top h3::after {content: '';width:300px;height:35px;position: absolute;top:0px;left:calc(50% - 150px);background:#f5f5f5;z-index: -1}
-.data.detail .inner .row-bottom .con-4 .top p {font-size:14px;color:#666;}
-.data.detail .inner .row-bottom .DetailSwiper2 {max-width:1400px;}
-/*
-.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;}
-.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;}
-*/
-.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
-.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List {box-sizing:content-box;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List.front-item {padding-left:0;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail span {overflow:hidden;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info div.button-area {margin-top:10px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail {height:284px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items {}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 {margin-top:30px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 .List .inner {height:450px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type2 {margin-top:20px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List {box-sizing:border-box;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-next, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-prev {right:30px;}
-.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-next {left:30px;}
-.data.detail .btn-box {margin:50px 0px;text-align: center;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next,
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev {top:30px;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next {right:40px;left:auto;}
-.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next:after {font-size:15px;font-weight: bold;}
-
-
-/********** 회원정보관리 **********/
-.myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login {color:#fff;height:40px;line-height:40px;margin-bottom:30px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login span {display: inline-block;margin-right:6px;font-size:14px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .icon img {vertical-align: middle}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .type {font-size:16px;font-weight: 500}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn {text-align:center;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a {color:#fff;background:#528bbd;display: inline-block;width:100%;height:40px;line-height: 40px;border-radius: 3px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box {color:#fff;font-size:12px;margin-top: 10px;opacity: 0.6;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box span {display:inline-block;margin:0px 5px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box {display: inline-block;width:100%;border-bottom:1px solid #999;padding-bottom:30px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div {float:left;width:50%;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 {color:#fff;font-size:18px;font-weight: 400;text-align:left;padding-bottom:10px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box {}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {float:left;width:19.8%;border-right:1px solid #999;text-align: center;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div:last-child {border-right:0;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1) {color:#eca53e;font-size:20px;font-weight: 400;margin-bottom:5px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {float:left;width:24.8%;border-right:1px solid #999;text-align: center;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div:last-child {border-right:0;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) {color:#34cde6;font-size:20px;font-weight: 400;margin-bottom:5px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box {clear: both;padding-top:25px;} 
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 {text-align: left;color:#fff}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 {font-size:18px;margin-bottom: 10px;}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box {}
-.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span {color:#333;padding:4px 10px 5px 10px;border-radius: 50px;display: inline-block;margin-right:3px;font-size:12px;font-weight: 400;background: #fff;}
-
-.myinfo .contents {text-align: left;display:inline-block;margin-bottom:80px;}
-.myinfo .contents > div .title-box {display: inline-block;width:100%;margin-bottom:0px;padding-bottom:10px;}
-.myinfo .contents > div .title-box .title {float:left;}
-.myinfo .contents > div .title-box .title h3 {display: inline-block;font-size:24px;}
-.myinfo .contents > div .title-box .title .cont {display:inline-block;font-size:16px;margin-left:10px;}
-.myinfo .contents > div .title-box .title .cont span {color:#eca53e;font-weight: 500;}
-.myinfo .contents > div .title-box .More {float:right;margin-top:10px;}
-.myinfo .contents > div .title-box .More a {font-size:16px;color:#666;}
-.myinfo .contents > div .title-box .More img {margin-left:10px;}
-.myinfo .contents .concern-data {display: inline-block;margin-bottom: 80px;width:100%;}
-.myinfo .contents .concern-data .list-box {clear: both;}
-.myinfo .contents .concern-data .list-box .list {float:left;width:19.0%;margin-right:1%;border:1px solid #ddd;border-radius:5px;}
-.myinfo .contents .concern-data .list-box .list:last-child {margin-right:0;}
-.myinfo .contents .concern-data .list-box .list .thum {text-align: center;padding:25px 0px;border-bottom:1px solid #ddd;}
-.myinfo .contents .concern-data .list-box .list .text {padding:15px 30px;}
-.myinfo .contents .concern-data .list-box .list .text .ti {font-size:18px;font-weight: 500;min-height:60px;overflow: hidden;margin-bottom:5px;}
-.myinfo .contents .concern-data .list-box .list .text .cl {font-size:12px;color:#777;}
-.myinfo .contents .concern-data .list-box .list .text .cl p {margin-bottom:2px;}
-.myinfo .contents .concern-data .list-box .list .text .cl p span:nth-of-type(1) {font-weight: 500;margin-right:10px;}
-.myinfo .contents .loan-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
-.myinfo .contents .loan-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
-.myinfo .contents .loan-history .list-box {width:100%;}
-.myinfo .contents .loan-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
-.myinfo .contents .loan-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
-.myinfo .contents .loan-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
-.myinfo .contents .loan-history .list-box .list > div.con {width:78%;}
-.myinfo .contents .loan-history .list-box .list > div.state {width:10%;text-align:center;}
-.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
-.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
-.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
-.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
-.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
-.myinfo .contents .loan-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
-.myinfo .contents .loan-history .list-box .list > div.state span.subscription {background: #376795;}
-.myinfo .contents .loan-history .list-box .list > div.state span.reser {background: #3f8f4a;}
-.myinfo .contents .loan-history .list-box .list > div.state span.cancel {background: #c11c35;}
-.myinfo .contents .loan-history .list-box .list > div.state span.return {background: #857e6b;}
-.myinfo .contents .loan-history .list-box .list > div.state span.loan {background: #2e899c;}
-.myinfo .contents .loan-history .list-box .list > div.state span.overdue {background: #d37b1a;}
-
-.myinfo .contents .visit-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
-.myinfo .contents .visit-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
-.myinfo .contents .visit-history .list-box {width:100%;}
-.myinfo .contents .visit-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
-.myinfo .contents .visit-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
-.myinfo .contents .visit-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
-.myinfo .contents .visit-history .list-box .list > div.con {width:78%;}
-.myinfo .contents .visit-history .list-box .list > div.state {width:10%;text-align:center;}
-.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
-.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
-.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
-.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
-.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
-.myinfo .contents .visit-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
-.myinfo .contents .visit-history .list-box .list > div.state span.subscription {background: #376795;}
-.myinfo .contents .visit-history .list-box .list > div.state span.approval {background: #3f8f4a;}
-.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;}
-.myinfo .contents .visit-history .list-box .list > div.state span.wait {background: #376795;}
-.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;}
-.myinfo .contents .visit-history .list-box .list > div.state span.cancel {background: #c21b35;}
-.myinfo .contents .visit-history .list-box .list > div.state span.read {background: #312f28;}
-.myinfo .contents .visit-history .list-box .list > div.state span.unread {background: #847d6a;}
-
-
-/********** 내정보 패스워드 **********/
-.passwd .row-bottom .myinfo-passwd .icon {margin-bottom:30px;}
-.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) {font-size:18px;color:#333;font-weight: 500;margin-bottom:5px;}
-.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) span {color:#376795;}
-.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(2) {font-size:14px;}
-.passwd .row-bottom .myinfo-passwd .box p input {width:270px;;border:1px solid #ddd;height:36px;line-height: 36px;padding:0px 10px;border-radius: 5px;margin:40px 0px 0px;}
-.passwd .row-bottom .myinfo-passwd .box p a {font-size:12px;color:#666;padding-bottom:2px;border-bottom:1px solid #ddd;}
-.passwd .row-bottom .myinfo-passwd .box p {margin-bottom:40px;}
-
-
-/********** 내정보 수정 **********/
-.join.modify .Userpassword .con p {color:#2e899c;font-size:12px;font-weight: 500;}
-.join.modify .Usersns .con .list .sns-box {border:1px solid #ddd;font-size:11px;border-radius: 3px;height:37px;line-height: 37px;float:left;width:49.5%;padding:0% 0% 0% 0%;margin-right:0.5%;letter-spacing: -0.5px;overflow: hidden;}
-.join.modify .Usersns .con .list .sns-box span:nth-child(1) {display:inline-block;width:28px;height:28px;line-height: 26px;margin:0px 10px 4px;text-align: center;background:#333;padding:0px;border-radius: 50px;}
-.join.modify .Usersns .con .list .sns-box span img {width:12px;vertical-align: middle;}
-.join.modify .Usersns .con .list .sns-box.naver span:nth-child(1) {background: #03c65a;}
-.join.modify .Usersns .con .list .sns-box.kakao span:nth-child(1) {background: #fee500;}
-.join.modify p.release a {display:inline-block;font-size:12px;font-weight: 500;color:#666;border-bottom:1px solid #ddd;padding-bottom:2px;margin:30px 0px;}
-
-
-/********** 회원탈퇴안내 **********/
-.secession {width:100%}
-.secession .inner .row-top {background: none;border:0;padding:60px 0px 40px;}
-.secession .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;}
-.secession .inner .row-bottom {width:600px;margin:0 auto;}
-.secession .inner .row-bottom .sec-box .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
-.secession .inner .row-bottom .sec-box .text p:nth-of-type(1) span {color:#d47b1c;}
-.secession .inner .row-bottom .sec-box .text .inner-box {background: #f0f0f0;border:1px solid #ddd;margin-bottom:20px;padding:30px 40px;}
-.secession .inner .row-bottom .sec-box .text .inner-box p {font-size:14px;color:#333;margin-bottom:10px;text-align: left;font-weight: 300;position: relative;}
-.secession .inner .row-bottom .sec-box .text .inner-box p:last-child {margin-bottom:0;}
-.secession .inner .row-bottom .sec-box .text .inner-box p::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
-.secession .inner .row-bottom .sec-box .box {background: #0b2c57;padding:30px 70px;position: relative;}
-.secession .inner .row-bottom .sec-box .box p {font-size:18px;color:#fff;font-weight: 200;margin-bottom: 15px;text-align: left;font-size:16px;}
-.secession .inner .row-bottom .sec-box .box p span.name {display:inline-block;width:100px;font-weight: 400;}
-.secession .inner .row-bottom .sec-box .box p input {width:96%;padding:0% 2%;height:36px;height:36px;border-radius: 3px;border:1px solid #ddd;}
-.secession .inner .row-bottom .sec-box .btn-box a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
-
-
-/********** 관심자료 **********/
-.interested-data .inner .data-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.interested-data .inner .data-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.interested-data .inner .data-box .title .count em {color:#d47b1c;font-weight: 500;}
-.interested-data .inner .data-box .title .list-search-wrap {float:right;}
-.interested-data .inner .data-box .title .list-search-wrap > div.list-select {}
-.interested-data .inner .data-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk {width:4%;line-height: 120px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:15%;line-height: 120px;font-weight: 500;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data {width:65%;height:100%;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn {width:16%;padding: 25px 0px;text-align: center;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt {padding:0;}
-.interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
-.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}    
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;}
-.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;}
-
-
-/********** 대출관리 **********/
-.loan-data .inner {margin-bottom:50px;}
-.loan-data .inner .loan-box {display:inline-block;width:100%;}
-.loan-data .inner .loan-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.loan-data .inner .loan-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.loan-data .inner .loan-box .title .count em {color:#d47b1c;font-weight: 500;}
-.loan-data .inner .loan-box .title .list-search-wrap {float:right;}
-.loan-data .inner .loan-box .title .list-search-wrap > div.list-select {}
-.loan-data .inner .loan-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
-.loan-data .inner .tab {position: relative;}
-.loan-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
-.loan-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
-.loan-data .inner .tabs li:last-child {margin-right:0;}
-.loan-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.loan-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
-.loan-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.loan-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.loan-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
-.loan-data .inner .tabs_item {display: none;padding: 10px 0;}
-.loan-data .inner .tabs_item:first-child {display: block;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:45%;text-align: center;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-reservation {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-expiry {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-use {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {color:#3f8f4a;font-size:14px;font-weight: 500;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;float: right;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:45%;text-align: left;font-weight: 400;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use {width:10%;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
-.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
-
-
-/********** 방문열람관리 **********/
-.visit-data .inner {margin-bottom:50px;}
-.visit-data .inner .visit-box {display:inline-block;width:100%;}
-.visit-data .inner .visit-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.visit-data .inner .visit-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.visit-data .inner .visit-box .title .count em {color:#d47b1c;font-weight: 500;}
-.visit-data .inner .visit-box .title .list-search-wrap {float:right;}
-.visit-data .inner .visit-box .title .list-search-wrap > div.list-select {}
-.visit-data .inner .visit-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
-.visit-data .inner .tab {position: relative;}
-.visit-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
-.visit-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:24.9%;margin-left:-3px;}
-.visit-data .inner .tabs li:last-child {margin-right:0;}
-.visit-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.visit-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
-.visit-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.visit-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.visit-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
-.visit-data .inner .tabs_item {display: none;padding: 10px 0;}
-.visit-data .inner .tabs_item:first-child {display: block;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;margin-top:0px;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:42%;text-align: center;margin-top:0px;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-subscription {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-visit {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-state {width:13%;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state span {color:#3f8f4a;font-size:14px;font-weight: 500;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;margin-top:10px;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:42%;text-align: left;font-weight: 400;margin-top:10px;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state {width:13%;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date,
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .time {display:block;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti {display:inline;float:left;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da {display:inline-block;width:100%;color:#666;font-weight: 200;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {display:inline;float:right;margin-top:5px;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.poss {color:#3f8f4a;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.imposs {color:#c11c35;}
-.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.no-poss {color:#666;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
-.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
-
-
-/* 알림페이지 아코디언 목록 */
-.noti-data .inner {margin-bottom:50px;}
-.noti-data .inner .noti-box {display:inline-block;width:100%;}
-.noti-data .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.noti-data .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.noti-data .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
-.noti-data .inner .noti-box .title .text {float:right;}
-.noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
-.noti-data .list-accordion {border-top: 2px solid #000;}
-.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
-.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
-.noti-data .list-accordion .question span:last-child {padding-right: 50px;}
-.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;}
-.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
-.noti-data .list-accordion .question .type::before {background: none;}
-.noti-data .list-accordion .question.on .type::before {background: none;}
-.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
-.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;}
-.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
-.noti-data .list-accordion .question.on .type {font-weight: 600;}
-.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;}
-.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;}
-.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;}
-
-
-/* list 검색 */
-.list-header .list-search {width:100%;}
-.list-header:after {content: "";display: block;clear: both;height: 10px;}
-.list-search {}
-.list-search:after {content: "";display: block;clear: both;}
-.list-select select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
-.list-search .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.list-search .total-count .count em {color:#d47b1c;font-weight: 500;}
-.list-search .list-input:after {content: "";display: block;clear: both;}
-.list-search .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
-.list-search .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
-.list-search .list-input input::placeholder { color:#999;}
-.list-search .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
-.list-search .list-input .check-box { position:absolute;right:42px;top:-6px;}
-.list-search .left {float: left;width:75%;}
-.list-search .right {float: left;width:25%;text-align: right;}
-
-
-/* 커뮤니티 목록 */
-.contents-frame {width:100%;}
-.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
-.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
-.list-table-wrap li .t-num {width: 6%;}
-.list-table-wrap li .t-type {width: 6%;}
-.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
-.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
-.list-table-wrap li .t-writer {width: 10%;}
-.list-table-wrap li .t-date {width: 10%;}
-.list-table-wrap li .t-status {width: 10%;}
-.list-table-wrap li .t-file {width:auto;}
-.list-table-wrap li .t-answer {width:auto;}
-.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;}
-.list-table-wrap .t-tit-line span {text-align: center;}
-.list-table-wrap li .message {width: 100%;text-align: center;}
-.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
-.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
-.list-table-wrap .list-qna .t-type {width: 175px;}
-.list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
-.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
-
-
-/* 고정 글 */
-.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;}
-.list-table-wrap .fix-list .t-type {width: 95px;}
-.list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;}
-
-
-/* 커뮤니티 상세 */
-.view-tit {width: 96%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 16px;background: #556676;display: table;letter-spacing: -0.025em;padding:10px 2%;}
-.view-tit h2 {vertical-align: middle;width:100%;color:#fff;text-align: left;font-size:20px;font-weight: 300;}
-.view-tit h2 span img {margin:0px 0px 3px 10px;vertical-align: middle;}
-.view-tit .v-info {display: inline-block;vertical-align: middle;text-align: left;width:100%;}
-.view-tit .v-info em {font-size: 14px;color: #fff;font-weight: 100;margin-right:10px;}
-.view-tit .v-info em:nth-of-type(1) {border-right:1px solid #ccc;height:12px;line-height:12px;display:inline-block;padding-right:15px;}
-.view-tit .type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;font-size:12px;border-radius: 50px;position: relative;top:-3px;margin-right:10px;}
-.file-box {background:#f9f9fa;border-bottom:1px solid #ddd;padding:15px 2%;text-align: left;}
-.file-box .file-list {margin-bottom:5px;}
-.file-box .file-list span {font-size:12px;}
-.file-box .file-list span img {vertical-align: middle;margin-right:5px;}
-.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;}
-.view-body {border-bottom: 0px solid #000;text-align: left;}
-.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;}
-.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;}
-.view-body .attachments:after {content: "";display: block;clear: both;}
-.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;}
-.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/icon/icon-attach.png) no-repeat left center;}
-.view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;}
-.view-body .attachments li a em {color: #999;}
-.view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;}
-.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%}
-.view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;}
-.view-body .answer .answer-top .right {float:right;color:#333;}
-.view-body .answer .answer-con {padding: 20px 30px;}
-.view-notice .view-pagination .type {width: 70px;}
-.view-pagination .status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
-.view-pagination .status .complete {color: #fff;background: #2781c1;border: none;}
-.view-pagination .btn {background: #3e404a;color:#fff;font-weight: 300;margin-top: 40px;}
-.view-qna .btn-box {width:100%;}
-
-
-/* qna 작성폼 */
-.community-write {letter-spacing: -0.025em;}
-.community-write .required-text {text-align:left;margin-bottom:0px;font-size:12px;}
-.community-write .required-text span {color:red;font-size:20px;vertical-align: middle;margin:4px 2px 0px 0px;display: inline-block;}
-.community-write input {border-radius: 3px;border: 1px solid #ddd;line-height: 36px;display: block;padding: 0 15px;height: 38px;box-sizing: border-box;width: 100%;}
-.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
-.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
-
-.qna-write-table {}
-.community-write fieldset {border-top:1px solid #000;}
-.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
-.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
-.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}
-.qna-write-table .fl {float:left;width:30%;}
-.qna-write-table .wt-title  {width:90%;}
-.qna-write-table .wt-secret {width:10%;}
-.qna-write-table .wt-tit input {width: 100%;}
-.qna-write-table .w-form .mail-input input {float: left;width: calc(33.333% - 14px);}
-.qna-write-table .w-form .mail-input select {float: left;width: calc(33.333% - 14px);margin-left: 10px;}
-.mail-desinence {float: left;display: block;width: 32px;text-align: center;line-height: 38px;color: #999;}
-.qna-write-table .wt-type {width: 33.333%;float: left;}
-.qna-write-table .wt-writer {width: 33.333%;float: left;}
-.qna-write-table .wt-pw {width: 33.333%;float: left;}
-.qna-write-table .wt-mail {width: 100%;float: left;}
-.qna-write-table .wt-visibility {width: 33.333%;float: left;}
-.qna-write-table .wt-visibility input {width: 15px;height: 15px;padding: 0;float: left;margin-top: 11px;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
-.qna-write-table .wt-visibility label {display:block;float:left;margin-left: 10px;line-height: 38px;}
-.qna-write-table .wt-question {}
-.qna-write-table .wt-recaptcha {}
-.qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;}
-.qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;display:block;margin-bottom:0px;}
-.qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;}
-.qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;}
-.qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block}
-.qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;}
-
-
-/* faq */
-.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.faq .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
-.faq .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.faq .title .total-count .count em {color:#d47b1c;font-weight: 500;}
-.faq .title .list-input:after {content: "";display: block;clear: both;}
-.faq .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
-.faq .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
-.faq .title .list-input input::placeholder { color:#999;}
-.faq .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
-.faq .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
-.faq .title .left {float: left;width:75%;}
-.faq .title .right {float: left;width:25%;text-align: right;}
-.faq .inner .tab {position: relative;width:1400px;margin:0 auto;}
-.faq .inner .tabs {position: relative;width: 100.5%;text-align:left;}
-.faq .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
-.faq .inner .tabs li:last-child {margin-right:0;}
-.faq .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.faq .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
-.faq .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.faq .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.faq .inner .tab_content {display:inline-block;background: #fff;width:100%;}
-.faq .inner .tabs_item {display: none;padding: 10px 0;}
-.faq .inner .tabs_item:first-child {display: block;}
-/* 아코디언 목록 */
-.faq .inner {margin-bottom:50px;}
-.faq .inner .noti-box {display:inline-block;width: 100%;}
-.faq .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.faq .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.faq .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
-.faq .inner .noti-box .title .text {float:right;}
-.faq .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
-.faq .list-accordion {border-top: 2px solid #000;}
-.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
-.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;}
-.faq .list-accordion .question span:last-child {padding-right: 50px;}
-.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
-.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
-.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;}
-.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
-.faq .list-accordion .question.on .type {font-weight: 600;position: relative;}
-.faq .list-accordion .question.on .date {color:#fff;font-size:12px;}
-.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;}
-.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;}
-.list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;}
-.list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;}
-
-
-/* qna */
-.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
-.qna .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
-.qna .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
-.qna .title .total-count .count em {color:#d47b1c;font-weight: 500;}
-.qna .title .list-input:after {content: "";display: block;clear: both;}
-.qna .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
-.qna .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
-.qna .title .list-input input::placeholder { color:#999;}
-.qna .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
-.qna .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
-.qna .title .left {float: left;width:75%;}
-.qna .title .right {float: left;width:25%;text-align: right;}
-
-.qna .inner .tab {position: relative;width:100%;}
-.qna .inner .tabs {position: relative;width: 100.5%;text-align:left;}
-.qna .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:49.6%;margin-left:-3px;}
-.qna .inner .tabs li:last-child {margin-right:0;}
-.qna .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
--webkit-transition: all 0.1s ease-in-out;
--moz-transition: all 0.1s ease-in-out;
--o-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-}
-.qna .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
-.qna .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
-.qna .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);}
-.qna .inner .tab_content {display:inline-block;background: #fff;width:100%;margin-bottom:50px;}
-.qna .inner .tabs_item {display: none;padding: 10px 0;}
-.qna .inner .tabs_item:first-child {display: block;}
-.qna .list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
-.qna .list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
-.qna .list-table-wrap li .t-num {width: 6%;}
-.qna .list-table-wrap li .t-type {width: 6%;}
-.qna .list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
-.qna .list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
-.qna .list-table-wrap li .t-tit a img {vertical-align: middle;margin-left:10px;}
-.qna .list-table-wrap li .t-writer {width: 10%;}
-.qna .list-table-wrap li .t-date {width: 10%;}
-.qna .list-table-wrap li .t-status {width: 10%;}
-.qna .list-table-wrap li .t-file {width:auto;}
-.qna .list-table-wrap li .t-answer {width:8%;text-align: center;}
-.qna .list-table-wrap li .t-answer span {display:inline-block;background:#e6e7e9;height:auto;padding:2px 10px 4px;border-radius: 50px;font-size:12px;}
-.qna .list-table-wrap li .t-answer span.compl {background: #b98d4d;color:#fff;font-weight: 400;}
-.qna .list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;}
-.qna .list-table-wrap .t-tit-line span {text-align: center;}
-.qna .list-table-wrap li .message {width: 100%;text-align: center;}
-.qna .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
-.qna .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
-.qna .list-table-wrap .list-qna .t-type {width: 175px;}
-.qna .list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
-.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
-.qna .btn-box {float:right;}
-
-.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;}
-
-.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;}
-.privacy .top-bg p {color:#fff;}
-.privacy .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
-.privacy .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
-.privacy .con {width:1200px;margin:0 auto;text-align: left;}
-.privacy .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
-.privacy .con .sec:last-child {border-bottom:0;}
-.privacy .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
-.privacy .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
-.privacy .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
-.privacy .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
-.privacy .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
-.privacy .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
-
-
-.service .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-service.jpg) no-repeat center;text-align: left;}
-.service .top-bg p {color:#fff;}
-.service .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
-.service .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
-.service .con {width:1200px;margin:0 auto;text-align: left;}
-.service .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
-.service .con .sec:last-child {border-bottom:0;}
-.service .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
-.service .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
-.service .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
-.service .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
-.service .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
-.service .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
-
-
-.error {text-align: center;width:100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;}
-.error .text h1 {font-size:18px;color:#474848;font-weight: 400;}
-.error .text h1 a span.title {margin-right:10px;margin-left:5px;padding-right:10px;border-right:1px solid #ddd;height:17px;line-height:17px;display: inline-block;}
-.error .text h1 a img {vertical-align: middle;margin:0px 0px 10px;}
-.error .text p:nth-of-type(1) {font-size:30px;font-weight: 500;margin-bottom:5px;}
-.error .text p:nth-of-type(1) span {color:#d47b1c;}
-.error .text p:nth-of-type(2) {font-size:20px;font-weight: 300;margin-bottom:30px;color:#333;}
-.error .text p:nth-of-type(3) {margin-bottom:40px;}
-.error .box {width:100%;background: #366ea3;padding:40px 0px;position: relative;}
-.error .box p:nth-of-type(1) {font-size:16px;color:#fff;font-weight: 400;margin-bottom: 40px;}
-.error .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #366ea3;width:14px;height:14px;border-radius:3px;z-index: 1;
--webkit-transform: rotate(45deg);
--moz-transform: rotate(45deg);
--o-transform: rotate(45deg);
-transform: rotate(45deg);
-}
-.error .box .btn {margin:0px 0px;display:inline-block;padding:0;width:100%;}
-.error .box .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:4px 30px;margin:0px 5px;font-size:14px;font-weight:500;}
-.error .box .btn a.btn-white {color:#366ea3;}
-.error .box .btn a.btn-white:hover {background:#fff;}
-.error .box .btn a.btn-color {background:#214567;}
-
-
-
-/* 공유하기 팝업 */
-.pop-sharing {display: none;z-index: 200;}
-.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;} 
-.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;}
-.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;}
-.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-sharing .sns-list {text-align: center;padding-top: 16px;}
-.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
-.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
-.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
-.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
-.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
-.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
-.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
-.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
-.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;}
-.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}
-.pop-sharing .link-copy .btn:focus,
-.pop-sharing .link-copy .btn:hover {color: #fff;}
-.pop-sharing .pop-wrap .Qr {padding:35px;}
-.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
-.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;}
-.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#556676;border-radius:0px 0px 10px 10px;padding:13px 0px;}
-.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
-.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}
-.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
-.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}
-
-
-/* 서지정보 팝업 */
-.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;}
-.pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;}
-.pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
-.pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;}
-.pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;}
-.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;}
-.pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;}
-.pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;}
-.pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;}
-.pop-serge .inner .Text .text-box p span {font-weight: 500;position: relative;}
-.pop-serge .inner .Text .text-box p span::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
-.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) {text-indent: -14px;}
-.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) {text-indent: -14px;color:#2e899c;}
-.pop-serge .inner .btn-box {text-align: center;}
-.pop-serge .inner .btn-box .btn {width:auto;padding:10px 25px;line-height: normal}
-.pop-serge .inner .serge-close {position: absolute;right: 30px;top: 30px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-serge .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 로그인 팝업 */
-.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;}
-.pop-login .inner .row {padding:45px 60px 0px;text-align:center;}
-.pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
-.pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;}
-.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login .inner .First {padding:0px 60px 10px;}
-.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
-.pop-login .inner .First .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;}
-.pop-login .inner .First .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;}
-.pop-login .inner .First .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
-.pop-login .inner .First .Btn.Naver button {color:#fff;}
-.pop-login .inner .First .Btn.Kakao button {color:#111;}
-.pop-login .inner .First .Btn.Google button  {color:#111;}
-.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;}
-.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
-.pop-login .inner .Last p {margin-bottom:15px;}
-.pop-login .inner .Text {padding:20px 60px 0px;}
-.pop-login .inner .Text p:nth-of-type(1) {font-size:14px;line-height:22px;margin-bottom:10px;}
-.pop-login .inner .Text p:nth-of-type(1) span {color:#d47b1c;font-weight:500;}
-.pop-login .inner .Text p .join {border:1px solid #4a7ba6;color:#4a7ba6;border-radius: 6px;width:100%;display:inline-block;height:44px;line-height:44px;}
-.pop-login .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 로그인 연결 팝업 */
-.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
-.pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
-.pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-login-connect .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login-connect .inner .Text {}
-.pop-login-connect .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
-.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-login-connect .inner .First {padding:0px 60px 10px;}
-.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
-.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
-.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;}
-.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
-.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
-.pop-login-connect .inner .First .Btn button:hover span {color:#222;}
-.pop-login-connect .inner .btn {width:70%;padding:20px 15% 0px;}
-.pop-login-connect .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-login-connect .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login-connect .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 로그인 패스워드 팝업 */
-.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
-.pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
-.pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-login-password .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login-password .inner .Text {}
-.pop-login-password .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
-.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-login-password .inner .First {padding:0px 60px 10px;}
-.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
-.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
-.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;}
-.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;}
-.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
-.pop-login-password .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
-.pop-login-password .inner .First .Btn button:hover span {color:#222;}
-.pop-login-password .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-login-password .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-login-password .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-login-password .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login-password .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 알림 팝업 */
-.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
-.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
-.pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-notice .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-notice .inner .Text p {color:#666;font-size:13px;margin-bottom:50px;}
-.pop-notice .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-notice .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-notice .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-notice .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-notice .inner .notice-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-notice .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 반려사유 팝업 */
-.pop-return {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
-.pop-return .inner .row {padding:0px 30px 0px;text-align:center;}
-.pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
-.pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-return .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-return .inner .Text .text-box {color:#666;background: #f8f8f8;border:1px solid #ddd;border-radius:3px;padding:20px;font-size:14px;height:80px;text-align: left;margin-bottom:40px;}
-.pop-return .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-return .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-return .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-return .inner .return-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-return .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 패스워드 변경 팝업 */
-.pop-change {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
-.pop-change .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
-.pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-change .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-change .inner .change p {margin-bottom:5px;}
-.pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
-.pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;}
-.pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-change .inner .btn-box .btn.btn-color {width:170px;}
-.pop-change .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
-.pop-change .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-change .inner .change-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-change .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 패스워드 찾기 팝업 */
-.pop-find {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
-.pop-find .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
-.pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-find .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-find .inner .Text p {color:#666;font-size:14px;margin-bottom:30px;}
-.pop-find .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-find .inner .find p {margin-bottom:5px;}
-.pop-find .inner .find p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
-.pop-find .inner .find p.text {font-size:12px;text-align: left;margin:10px 0px 30px;color:#2e899c;font-weight: 400;}
-.pop-find .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-find .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-find .inner .btn-box .btn.btn-color {width:170px;}
-.pop-find .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
-.pop-find .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-find .inner .find-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-find .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-/* 회원 팝업 */
-.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-member .inner {display:inline-block;width:100%;height:auto;padding:40px 0px 20px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
-.pop-member .inner .row {margin:0px 50px 0px;}
-.pop-member .Title {text-align:center;padding:0px 0px 30px;text-align: center;}
-.pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;}
-.pop-member .Title p {font-size:14px;font-weight: 100;line-height:16px;color:#fff;}
-.pop-member .inner .card {border-radius: 8px;padding:0px 0% 20px;background: #f5f5f5;overflow: hidden;z-index: 9;position: relative;}
-.pop-member .inner .card .title {text-align:center;padding:15px 0px 15px 85px;background:url(/images/icon/icon-member-secret.png) no-repeat 30px center #f5f5f5;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);text-align: left;}
-.pop-member .inner .card .title .name {font-size:24px;font-weight: 500;}
-.pop-member .inner .card .title .date {font-size:13px;}
-.pop-member .inner .card .qr {width:80%;padding:0% 10%;}
-.pop-member .inner .card .qr p {text-align: center;font-size:16px;margin:30px 0px 20px;}
-.pop-member .inner .card .qr img {width:100%;}
-.pop-member .inner .card .code {display: inline-block;width:100%;background: #e8e8ea;width:70%;padding:5px 5%;margin:10px 10%;border-radius: 5px;}
-.pop-member .inner .card .code .num .na {float:left;font-size:14px;}
-.pop-member .inner .card .code .num .co {float:right;font-size: 18px;font-weight: 500;color:#2e899c;}
-.pop-member .inner .text {text-align: center;font-size:13px;color:#fff;padding:20px 0px 0px;}
-.pop-member .inner .member-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;z-index: 99;}
-.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-.pop-member .innerbg {position: absolute;top:0px;left:0px;overflow: hidden;width: 800px;height: 800px;display: inline-block;
-text-align: center;background-color: transparent;}
-.pop-member .innerbg::after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;
-transform: rotate(30deg);
-background: rgba(255, 255, 255, 0.10);
-background: linear-gradient(to right,
-rgba(255, 255, 255, 0.10) 10%,
-rgba(255, 255, 255, 0.10) 77%,
-rgba(255, 255, 255, 0.3) 92%,
-rgba(255, 255, 255, 0.0) 100%);    
--webkit-animation: animate-bg 2.0s 1.5s ease-out infinite;
--moz-animation: animate-bg 2.0s 1.5s ease-out infinite;
--o-animation: animate-bg 2.0s 1.5s ease-out infinite;
-animation: animate-bg 2.0s 1.5s ease-out infinite;
-}
-@keyframes animate-bg {
-0% {opacity: 1.0;}
-100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;}
-}
-.pop-member .innerbg::before {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;
-transform: rotate(30deg);
-background: rgba(255, 255, 255, 0.10);
-background: linear-gradient(to right,
-rgba(255, 255, 255, 0.10) 10%,
-rgba(255, 255, 255, 0.10) 77%,
-rgba(255, 255, 255, 0.3) 92%,
-rgba(255, 255, 255, 0.0) 100%);    
--webkit-animation: animate-bg2 2.0s 1.9s ease-in infinite;
--moz-animation: animate-bg2 2.0s 1.9s ease-in infinite;
--o-animation: animate-bg2 2.0s 1.9s ease-in infinite;
-animation: animate-bg2 2.0s 1.9s ease-in infinite;
-}
-@keyframes animate-bg2 {
-0% {opacity: 0.5;}
-100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;}
-}
-
-
-/* 상세검색 팝업 */
-.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;}
-.popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
-.popup .btn-wrap {padding-top: 20px;}
-.popup .pop-wrap input[type="password"] {box-sizing: border-box;width: 100%;padding: 0 20px 0 40px;border: 1px solid #ddd;border-radius: 2px;line-height: 40px;background: #fff url(/images/icon/icon-scr.png) no-repeat 20px center;}
-
-.pop-advanced-search .pop-wrap {background: #f2f4f7;width: 90%;max-width: 1400px;height: 80%;overflow: hidden;border-radius: 8px;}
-.pop-advanced-search .pop-wrap .Title {background: #3670a3;width:96%;padding:0px 2%;height:80px;line-height: 80px;}
-.pop-advanced-search .pop-wrap .Title span {color:#fff;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) {font-size:24px;font-weight:500;margin-right:10px;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) {font-size:12px;font-weight:100;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(3) {position: absolute;right: 30px;top: 30px;}
-.pop-advanced-search .pop-wrap form {padding: 30px;height: calc(100% - 140px);overflow: auto;}
-.pop-advanced-search .scroll-wrap {width:100%;height: calc(100% - 103px);overflow: auto;}
-.advanced-form-table {border: 1px solid #ccc;border-bottom: none;border-radius: 4px;overflow: hidden;}
-.advanced-form-table:after {content:"";display: block;clear: both;}
-.advanced-form-table li {display: table;border-bottom: 1px solid #ccc;width:50%;float: left;min-height: 59px;}
-.advanced-form-table li.fw {width:100%}
-.advanced-form-table .row-control-num {width: 50%;}
-.advanced-form-table .row-issued-year {width: 50%;}
-.advanced-form-table .row-age {width: 50%;}
-.advanced-form-table .row-times {width: 50%;}
-.advanced-form-table .row-times .check {margin-right: 14px;width:11%;}
-.advanced-form-table .row-class .check {margin-right: 14px;width:11%;}
-.advanced-form-table .tit {display: table-cell;vertical-align: middle;width: 100px;background: #f4f4f4;padding: 10px 0px;box-sizing: border-box;word-spacing: 1.5em;text-align: center;font-size:14px;}
-.advanced-form-table .input-area {display: table-cell;vertical-align: middle;padding: 10px 20px;background: #fff;box-sizing: border-box;height: 60px;}
-.advanced-form-table .input-area input {display: block;float: left;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;border-radius: 3px;width: 100%;height:38px;height:38px;}
-.advanced-form-table .input-area input:focus,
-.advanced-form-table .input-area input:hover {border-color: #2781c1;transition: border .3s ease;color: #000;}
-.advanced-form-table .row-keyword-detail input {width: calc(100% - 0px);margin-right: 15px;}
-.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;}
-.advanced-form-table .row-issued-year input {width: calc(50% - 16px);}
-.advanced-form-table .row-age input {width: calc(50% - 16px);}
-.advanced-form-table .input-area .tilde {display: block;float: left;line-height: 38px;color: #999;margin: 0 11px;}
-.advanced-form-table .check {display: inline-block;}
-.pop-advanced-search .conditions-wrap {margin-top: 20px;padding-bottom: 10px;}
-.pop-advanced-search .conditions-title {position: static;width: auto;height: auto;line-height: 1;font-size: 18px;font-weight: 800;visibility: visible;margin-bottom: 10px;}
-.conditions-wrap .selected-conditions {border: 1px solid #ccc;background: #fff;border-bottom: none;padding: 15px 10px;border-radius: 4px 4px 0 0;}
-.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;}
-.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;}
-.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;}
-.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
-.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
-.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
-.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;}
-.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}
-.conditions-wrap .selected-conditions .conditions li button:hover,
-.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}
-.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;}
-.pop-advanced-search .line:after {content: "";display: block;clear: both;}
-.pop-advanced-search .depth1 {float: left;width: 16.666%;}
-.pop-advanced-search .depth2 {display: none;}
-.pop-advanced-search .conditions-subject .depth1 {width: 11.111%;}
-.pop-advanced-search .conditions-story .depth1 {width: 25%;}
-.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;}
-.pop-advanced-search .conditions-wrap .depth1 {text-align: center;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 50px;background: #f4f4f4;color: #666;}
-.pop-advanced-search .conditions-wrap .depth1.on {background: #fff;border-bottom: none;}
-.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;}
-.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;}
-.pop-advanced-search .tab-name {background: transparent;width: 100%;height: 50px;}
-.pop-advanced-search .tab-name:hover,
-.pop-advanced-search .tab-name:focus {color: #2781c1;}
-.pop-advanced-search .conditions-wrap .line {position: relative;}
-.pop-advanced-search .conditions-wrap .line:after {content: "";display: block;clear: both;}
-.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left;border-right: 1px solid #ddd;}
-.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none;background: #fff;position: absolute;width: 100%;z-index: 5;top: 50px;left: 0;border-bottom: 1px solid #ddd;padding: 20px;box-sizing: border-box;text-align: left;}
-.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block;width: 14.285%;margin-right: -4px;line-height: 34px;}
-.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;}
-.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;}
-.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
-.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
-.pop-advanced-search .check input[type="checkbox"]:focus + label,
-.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
-.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
-.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
-.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
-.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px;overflow: hidden;width: 30px;height: 48px;position: absolute;right: 0;padding: 0;}
-.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none;width: 33px;height: 33px;}
-.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;}
-
-
-
-/* button style */
-.btn-wrap {text-align: center;margin:30px 0px 30px;}
-.btn-box {margin:30px 0px 30px;}
-.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;margin-right: 6px;color: #999;}
-.btn-black {background: #333;color: #fff;}
-.btn-black:focus,
-.btn-black:hover {background: #666;transition: background .3s ease;}
-.btn-color {background: #376795;color: #fff;}
-.btn-color:focus,
-.btn-color:hover {background: #0061a6;transition: background .3s ease;}
-.btn-green {background: #327f8f;color: #fff;}
-.btn-green:focus,
-.btn-green:hover {background: #1a6878;transition: background .3s ease;}
-.btn-orange {background: #ec8c26;color: #fff;}
-.btn-orange:focus,
-.btn-orange:hover {background: #e26c26;transition: background .3s ease;}
-.btn-gray {background: #666;color: #fff;}
-.btn-gray:focus,
-.btn-gray:hover {background: #444;transition: background .3s ease;}
-.btn-lightgray {background: #909090;color: #fff;}
-.btn-lightgray:focus,
-.btn-lightgray:hover {background: #666;transition: background .3s ease;}
-.btn-white {border: 1px solid #999;background: #fff;}
-.btn-white:focus,
-.btn-white:hover {color: #fff;background: #2781c1;border-color: #2781c1;transition: background .3s ease;}
-.btn-view-original {width: 128px;height: 38px;color: #fff;background: #2781c1;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -19px;text-align: center;line-height: 38px;}
-.btn-box .left {float:left;}
-.btn-box .right {float:right;}
-
-
-/* check style */
-.chk {position: relative;} 
-.chk input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
-.chk input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
-.chk input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
-.chk input[type="checkbox"]:focus + label,
-.chk input[type="checkbox"]:hover + label {color: #000;}
-.chk input[type="checkbox"]:focus + label:before,
-.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.chk input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
-
-.chk input[type="checkbox"] + label {font: 12px;padding-left: 20px;line-height: 15px;} 
-.chk input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
-.chk input[type="checkbox"]:focus + label,
-.chk input[type="checkbox"]:hover + label {color: #000;}
-.chk input[type="checkbox"]:focus + label:before,
-.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.chk input[type="checkbox"]:checked + label {color: #2781c1;}
-.chk input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
-
-.check {position: relative;} 
-.check input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
-.check input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
-.check input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
-.check input[type="checkbox"]:focus + label,
-.check input[type="checkbox"]:hover + label {color: #000;}
-.check input[type="checkbox"]:focus + label:before,
-.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 0px;}
-.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:18px;right:8px;left:auto;}
-
-.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
-.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
-.pop-advanced-search .check input[type="checkbox"]:focus + label,
-.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
-.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
-.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
-.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
-
-.paging {text-align: center;padding: 40px 0 0;}
-.paging li {font-size: 0;display: inline-block;vertical-align: middle;box-sizing: border-box;min-width: 30px;height: 30px;text-align: center;line-height: 30px;}
-.paging .btn {width: 30px;}
-.paging li a {display: block;font-size: 16px;letter-spacing: -.05em;}
-.paging li.on {color: #2781c1;}
-.paging li.on a {text-decoration: underline;}
-.paging .btn {overflow: hidden;text-indent: -9999px;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;}
-.paging .btn-next {background-image: url(/images/btn/btn-paging-next.png);background-position:center right;}
-.paging .btn-prev {background-image: url(/images/btn/btn-paging-prev.png);background-position:center left;}
-.paging .btn-first {background-image: url(/images/btn/btn-paging-first.png);}
-.paging .btn-last {background-image: url(/images/btn/btn-paging-last.png);}
-.paging .btn-prev {text-indent: 0px;width:70px;text-align: right;}
-.paging .btn-next {text-indent: 0px;width:70px;text-align:left;}
-.paging .btn a {font-size:12px;font-weight: 300;}
-
-
-
-
-
-/* 1400px 이하 */
-@media all and (max-width:1400px) {
-
-}
-
-/* 768px 이하 */
-@media all and (max-width:768px) {
-
-}
-
-/* 368px 이하 */
-@media all and (max-width: 368px) {
-
-}
-
-
-
-
-
-
+@charset "utf-8";
+
+/********** 헤더 **********/
+.blind {display:none;}
+.wrap {display:inline-block;width:100%;min-width:1400px;}
+.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;}
+.wrap header .inner {width:1400px;height:72px;margin:0 auto;}
+.wrap header .inner h1 {float:left;width:33.3%;text-align: left;}
+.wrap header .inner .search-wrap {float:left;width:33.3%;text-align:center;}
+.wrap header .inner .log {float:right;width:33.3%;text-align:right;}
+.wrap header .inner h1 {margin-top:20px;}
+.wrap header .inner h1 a img {}
+.wrap header .inner h1 a span {display:inline-block;height:16px;font-size:16px;line-height:16px;font-weight: 400;border-left:1px solid #999;color:#fff;margin-left:15px;padding-left:15px;position: relative;top:-14px;}
+.wrap header .inner h1 a span.title-1 {border-left:0px;margin-left:0;}
+.wrap header .inner .search-wrap .search-close {display:none;}
+.wrap header .inner .search-wrap form {position: relative;margin:14px 0px;}
+.wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;}
+.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;}
+.wrap header .inner .search-wrap form .search-input {position: relative;}
+.wrap header .inner .search-wrap form .condition_sear select {background: none;outline:0;border:0;padding:0px 10px;font-weight: 600;color:#666;}
+.wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;}
+.wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;}
+.wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 600;position: relative;left:-3px;}
+.wrap header .inner .log {display: inline-block;width:auto;}
+.wrap header .inner .log ul li {float:left;line-height: 72px;}
+.wrap header .inner .log ul li a {font-size:12px;color:#fff;border-left:1px solid #999;padding:0px 16px;height:13px;line-height:13px;display: inline-block}
+.wrap header .inner .log ul li a span {color:#f0a233;}
+.wrap header .inner .log ul li:first-child a {border:0;}
+.wrap header .inner .log ul li:last-child a {padding-right:0;}
+
+
+/********** 메뉴 **********/
+.wrap .nav-wrap {position: fixed;top:73px;left:0px;width:100%;background:rgba(0,0,0,0.3);z-index: 99;}
+.wrap .nav-wrap .inner {height:55px;}
+.wrap .nav-wrap .inner {width:1400px;height:55px;margin:0 auto;}
+.wrap .nav-wrap #primary-nav {position: relative;top:0px;left:0;}
+.wrap .nav-wrap #primary-nav.mobile ul {display:inline-block;width:100%;height:auto;position: absolute;top: calc(50% - 80px);text-align:center;}
+.wrap .nav-wrap #primary-nav ul li {float:left;width:25%;height:55px;line-height:55px;text-align:center;position: relative;
+-webkit-transition:all .3s ease;
+-moz-transition:all .3s ease;
+-o-transition:all .3s ease;
+transition:all .3s ease;
+}
+.wrap .nav-wrap #primary-nav ul li a {display:block;color: #fff;font-weight: 400;}
+.wrap .nav-wrap #primary-nav li:hover,
+.wrap .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.6);}
+.wrap .nav-wrap #primary-nav li.active > a,
+.wrap .nav-wrap #primary-nav li > a:hover,
+.wrap .nav-wrap #primary-nav li.selected > a {color: #fff;}
+.wrap .nav-wrap #primary-nav .sub-menu {background: rgba(0,0,0,0.7);width: 350px;z-index: 200;padding:15px 0px;}
+.wrap .nav-wrap #primary-nav .sub-menu li {display: inline-block;width:100%;height:45px;line-height:45px;}
+.wrap .nav-wrap #primary-nav .sub-menu li a {display:block;font-weight: 300;}
+.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display:block;font-weight: 500;}
+.wrap .nav-wrap #primary-nav .sub-menu li:last-child {border-bottom: 0;}
+.wrap .nav-wrap #primary-nav .sub-menu .downarrow:before {content: '\25b8';}
+.wrap .nav-wrap #primary-nav.mobile {display: none;position: fixed;top:auto;bottom: 0px;background: #1eaabd;width: 100%;height: 100%;min-height: 100vh;margin:0% 0%;left:800px;
+-webkit-transition:all .3s ease;
+-moz-transition:all .3s ease;
+-o-transition:all .3s ease;
+transition:all .3s ease;
+}
+.wrap .nav-wrap #primary-nav li ul li:hover,
+.wrap .nav-wrap #primary-nav li ul li.selected {background: none;}
+.wrap .nav-wrap #primary-nav.mobile li {width: 100%;margin: 0;border-bottom: 0px solid #4fc3d3;text-align:center;}
+.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 0px solid #4fc3d3;}
+.wrap .nav-wrap #primary-nav.mobile li:last-child {border: none;}
+.wrap .nav-wrap #primary-nav.mobile li a {padding: 15px 0%;display:block;font-size:30px;color:#fff;}
+.wrap .nav-wrap #primary-nav.mobile li:hover a {color:#fff;}
+.wrap .nav-wrap #primary-nav.mobile li.active a {color:#fff;}
+.wrap .nav-wrap #primary-nav.mobile .sub-menu li a {padding-left: 7%;}
+.wrap .nav-wrap #primary-nav.mobile .sub-menu .submenu li a {padding-left: 9%;}
+.wrap .nav-wrap #primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {padding-left: 11%;}
+.wrap .nav-wrap #primary-nav.mobile .sub-menu {float: left;position: relative;width: 100%;}
+.wrap .nav-wrap .downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;display: none;}
+.wrap .nav-wrap .sub-menu .downarrow {position: absolute;right: 0;padding-right: 10px;}
+.wrap .nav-wrap .downarrow:before {content: '\25be';color: inherit;display: block;font-family: sans-serif;font-size: 1em;line-height: 1.1;width: 1em;height: 1em;}
+.wrap .nav-wrap .menu .sub-menu {display: none;position: absolute;left: 0;max-height: 1000px;}
+.wrap .nav-wrap .menu .sub-menu.hide {display: none;}
+.wrap .nav-wrap .mobile .downarrow,
+.wrap .nav-wrap .mobile .sub-menu .downarrow {position: absolute;right: 0;padding-right: 5%;}
+#primary-nav-button {background: transparent;display: none;border: 0px solid #aaa;position: absolute;top: 5px;left: 0;padding: 0;text-decoration: none;color: #333;text-align: center;font-weight: bold;font-size: 0;outline:0;z-index: 9;}
+#primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
+#primary-nav-button.mobile {display: inline-block;}
+.wrap .nav-wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;}
+.wrap .nav-wrap .Btn i {position: relative;border-radius:10px;display: inline-block;width: 25px;height: 2px;color:#707070;text-transform: uppercase;text-indent:-999999999px;background: #707070;}
+.wrap .nav-wrap .Btn i::before, .wrap header .Btn i::after {content:'';border-radius: 10px;width: 25px;height: 2px;position: absolute;left:0;background:#707070;
+-webkit-transition:all .2s ease-in;
+-moz-transition:all .2s ease-in;
+-o-transition:all .2s ease-in;
+transition:all .2s ease-in;
+}
+.wrap .nav-wrap .Btn i::before {top: -9px;}
+.wrap .nav-wrap .Btn i::after {bottom: -9px;width:20px;left:auto;right:0px;}
+.wrap .nav-wrap .Btn.selected i {background:none;}
+.wrap .nav-wrap .Btn.selected i::before {top:0;background: #fff;
+-webkit-transform: rotateZ(45deg);
+-moz-transform: rotateZ(45deg);
+-o-transform: rotateZ(45deg);
+transform: rotateZ(45deg);
+}
+.wrap .nav-wrap .Btn.selected i::after {bottom:-2px;width:25px;background: #fff;border-bottom: 2px solid #1eaabd;
+-webkit-transform: rotateZ(-45deg);
+-moz-transform: rotateZ(-45deg);
+-o-transform: rotateZ(-45deg);
+transform: rotateZ(-45deg);
+}
+
+
+/********** 헤더 스크롤 **********/
+.wrap #header.scroll_off {background:rgba(0,0,0,0.3);}
+.wrap #header.scroll_on {background:rgba(55,103,149,1.0);}
+.wrap .nav-wrap.scroll_off {background:rgba(0,0,0,0.3);}
+.wrap .nav-wrap.scroll_on {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
+.wrap .nav-wrap.scroll_on #primary-nav li:hover,
+.wrap .nav-wrap.scroll_on #primary-nav li.selected {background: rgba(55,103,149,0.8);}
+.wrap .nav-wrap.scroll_off #primary-nav ul li a {color: #fff;}
+.wrap .nav-wrap.scroll_on #primary-nav ul li a {color: #222;}
+.wrap .nav-wrap.scroll_off #primary-nav ul li:hover a {color: #fff;}
+.wrap .nav-wrap.scroll_on #primary-nav ul li:hover a {color: #fff;}
+.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu {background: rgba(0,0,0,0.7);}
+.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
+.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover {background: none;}
+.wrap .nav-wrap.scroll_off #primary-nav ul li .sub-menu li a {color: #fff;}
+.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a {color: #222;}
+.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
+.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
+
+
+/********** 헤더 서브 **********/
+.wrap.sub {padding-top:128px;}
+.wrap.sub #header {background:rgba(55,103,149,1.0);}
+.wrap.sub .nav-wrap {background:rgba(255,255,255,1.0);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
+.wrap.sub .nav-wrap #primary-nav li:hover,
+.wrap.sub .nav-wrap #primary-nav li.selected {background: rgba(55,103,149,0.8);}
+.wrap.sub .nav-wrap #primary-nav ul li a {color: #222;}
+.wrap.sub .nav-wrap #primary-nav ul li:hover a {color: #fff;}
+.wrap.sub .nav-wrap #primary-nav ul li .sub-menu {background: rgba(255,255,255,0.9);box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
+.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover {background: none;}
+.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a {color: #222;}
+.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
+.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
+
+
+/********** 호버 언더라인 **********/
+.underline {line-height: 2.0;background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.8s;cursor: pointer;}
+.underline.blue {background-image: linear-gradient(transparent 60%, #284a6a 40%);}
+.wrap .nav-wrap #primary-nav li ul li:hover .underline {background-size: 100% 100%;}
+
+section {clear:both;text-align: center;}
+section h3 {font-size:36px;font-weight: 500;margin-bottom: 5px;}
+section h3 span {color:#376795;}
+section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
+.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;}
+
+
+/********** 메인섹션1 **********/
+.sec1 {}
+.sec1 .inner .banner {position: relative;width:100%;height:600px;background: url(/images/bg/bg-mainbanner.jpg) no-repeat;background-size:cover;}
+.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;}
+.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;}
+.sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;}
+.sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;}
+.sec1 .inner .color-box .list:nth-of-type(1) {background:#f0a233;}
+.sec1 .inner .color-box .list:nth-of-type(2) {background:#45a1b0;}
+.sec1 .inner .color-box .list:nth-of-type(3) {background:#4a7ba6;}
+.sec1 .inner .color-box .list:nth-of-type(4) {background:#beb9a5;}
+.sec1 .inner .color-box .list .title {color:#fff;font-size:24px;margin:40px 0px 15px;}
+.sec1 .inner .color-box .list .open {position: absolute;top:-30px;right:-30px;background:rgba(0,0,0,0.1);width:60px;height:60px;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);
+}
+.sec1 .inner .color-box .list .open img {position: absolute;top:42px;left:24px;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);
+}
+.sec1 .inner .color-box .list a {width:100%;height:100%;position: absolute;top:0px;left:0px;z-index: 9;}
+
+
+/********** 메인섹션2 **********/
+.sec2 {padding:0px 0px 100px;}
+.sec2 .keyword-box {width:1400px;margin:0 auto;}
+.sec2 .keyword-box .list-tag li {display: inline-block;margin:0px 3px 10px;}
+.sec2 .keyword-box .list-tag li a {font-size:14px;color:#111;border:1px solid #999;border-radius:50px;padding:2px 10px 4px;}
+.sec2 .keyword-box .list-tag li a:hover {background:#376795;border:1px solid #376795;color:#fff;}
+
+
+/********** 메인섹션3 **********/
+.sec3 {background:#f5f5f5;padding:100px 0px 100px;}
+.sec3 .inner {width:100%;position: relative;}
+.sec3 .pickSwiper {width:80%;padding:1% 10%;}
+.sec3 .pickSwiper::before {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:0px;z-index: 9;}
+.sec3 .pickSwiper::after {content: '';width:9%;height:600px;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:0px;z-index: 9;}
+.sec3 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;}
+.sec3 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;}
+.sec3 .pickSwiper .swiper-slide .list-box {background: #fff;outline:1px solid #ddd;height:390px;}
+.sec3 .pickSwiper .swiper-slide .list-box .images {padding:30px 0px;height:195px;border-bottom:1px solid #ddd;}
+.sec3 .pickSwiper .swiper-slide .list-box .images a img {width:140px;height:100%;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject a {display:inline-block;width:100%;height:85px;overflow:hidden;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject .block {display:inline-block;width:100%;margin-bottom:10px;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400}
+.sec3 .pickSwiper .swiper-slide:hover .list-box {outline:3px solid #4a7ba6;}
+.sec3 .pickSwiper .swiper-slide:hover .list-box .subject .cla {background:#376795;color:#fff;}
+.underline.pink {background-image: linear-gradient(transparent 60%, #fbe8d3 40%);}
+.sec3 .pickSwiper .swiper-slide:hover .underline {background-size: 100% 100%;}
+
+
+/********** 메인섹션4 **********/
+.sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;}
+.sec4 .inner .middle-banner h3 {padding:70px 0px 20px;font-size:36px;line-height: 46px;color: #fff;}
+.sec4 .inner .middle-banner h3 strong {color:#feb855;}
+.sec4 .inner .middle-banner p {font-size:18px;font-weight: 100;color:#fff;}
+
+
+/********** 메인섹션5 **********/
+.sec5 {background:#f5f5f5;padding:100px 0px 100px;}
+.sec5 .inner {width:1400px;margin:0 auto;position: relative;}
+.sec5 .inner .tab {position: relative;}
+.sec5 .inner .tabs {position: relative;overflow: hidden;width: 100%;text-align:center;}
+.sec5 .inner .tabs li {display: inline-block;margin:0% 4px;overflow: hidden;padding: 0;position: relative;}
+.sec5 .inner .tabs li:last-child {margin-right:0;}
+.sec5 .inner .tabs a {background-color: #4a7ba6;border-radius:50px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;color: #fff;font-weight: 400;display: block;letter-spacing: 0;outline: none;text-decoration: none;
+-webkit-transition: all 0.2s ease-in-out;
+-moz-transition: all 0.2s ease-in-out;
+-o-transition: all 0.2s ease-in-out;
+transition: all 0.2s ease-in-out;
+}
+.sec5 .inner .tabs li.current a {background: #0a2c56;color:#fff;}
+.sec5 .inner .tab_content {display:inline-block;width:1320px;background: #fff;border:1px solid #ddd;padding:30px 40px;margin-top:30px;}
+.sec5 .inner .tab_content .mCSB_inside > .mCSB_container {margin-right:0px !important;}
+.sec5 .inner .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left:-25px !important;}
+.sec5 .inner .tab_content .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.55);}
+.sec5 .inner .tabs_item {display: none;padding: 10px 0;}
+.sec5 .inner .tabs_item:first-child {display: block;}
+.sec5 .inner .tabs_item ul li {float:left;width:22.7%;margin-right:3%;text-align:left;}
+.sec5 .inner .tabs_item ul li:last-child {margin-right:0;}
+.sec5 .inner .tabs_item ul li .con-1 {border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;height:50px;overflow: hidden;}
+.sec5 .inner .tabs_item ul li .con-1 .block {padding-bottom:10px;}
+.sec5 .inner .tabs_item ul li .con-1 .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
+.sec5 .inner .tabs_item ul li .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;}
+.sec5 .inner .tabs_item ul li:hover .con-1 .cla {background:#376795;color:#fff;}
+.sec5 .inner .tabs_item ul li:hover .underline {background-size: 100% 100%;color:#376795;}
+.sec5 .inner .tabs_item ul li .con-2 {}
+.sec5 .inner .tabs_item ul li .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;}
+.sec5 .inner .tabs_item ul li .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;}
+
+
+/********** 메인섹션6 **********/
+.sec6 {padding:100px 0px 100px;}
+.sec6 .inner {width:100%;position: relative;}
+.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;}
+.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;}
+.sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);}
+.sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);}
+.sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
+.sec6 .onlineSwiper .items.cover {}
+.sec6 .onlineSwiper .items.cover:after {clear:both;content:'';display:block;}
+.sec6 .onlineSwiper .items.cover .List {box-sizing:content-box;}
+.sec6 .onlineSwiper .items.cover .List.front-item {padding-left:0;}
+.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
+.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail span {overflow:hidden;}
+.sec6 .onlineSwiper .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
+.sec6 .onlineSwiper .items.cover .List .inner div.info div.button-area {margin-top:10px;}
+.sec6 .onlineSwiper .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;}
+.sec6 .onlineSwiper .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;}
+.sec6 .onlineSwiper .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;}
+.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail {height:284px;}
+.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;}
+.sec6 .onlineSwiper .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;}
+.sec6 .onlineSwiper .items {}
+.sec6 .onlineSwiper .items.blank-type1 {margin-top:30px;}
+.sec6 .onlineSwiper .items.blank-type1 .List .inner {height:450px;}
+.sec6 .onlineSwiper .items.blank-type2 {margin-top:20px;}
+.sec6 .onlineSwiper .items .List {box-sizing:border-box;}
+.sec6 .onlineSwiper .items .List a.inner {display:block;}
+.sec6 .onlineSwiper .items .List .inner.light-type {color:#666;background-color:#fff;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.sec6 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:30px;}
+.sec6 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;}
+
+
+/********** 메인섹션7 **********/
+.sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;}
+.sec7 .inner {width:1400px;margin:0 auto;position: relative;}
+.sec7 .inner .Fl {float:left;width:47.5%;margin-right:5%;}
+.sec7 .inner .Fl:last-child {margin-right:0;}
+.sec7 .inner .Fl .ti {margin-bottom:5px;display:inline-block;width:100%;}
+.sec7 .inner .Fl .ti span {float:left;font-size:24px;font-weight:500;}
+.sec7 .inner .Fl .ti a span {float:right;font-size:16px;color:#666;display: inline-block;height: 36px;line-height: 36px;}
+.sec7 .inner .Fl .ti a span img {margin:0px 0px 5px 5px;vertical-align: middle;}
+.sec7 .inner .Fl .con {background: #fff;padding:20px 40px;}
+.sec7 .inner .Fl .con .list {border-bottom:1px solid #ddd;display:inline-block;width:100%;padding:15px 0px;vertical-align: top;}
+.sec7 .inner .Fl .con .list:last-child {border-bottom: 0;}
+.sec7 .inner .Fl .con .list .box {float:left;width:41px;height:41px;background: #ccc;padding:7px;margin-right:20px;}
+.sec7 .inner .Fl .con .list .box p:nth-of-type(1) {color:#fff;font-size:22px;line-height:22px;font-weight: 400;margin-bottom:5px;}
+.sec7 .inner .Fl .con .list .box p:nth-of-type(2) {color:#fff;font-size:11px;line-height:11px;font-weight: 100;}
+.sec7 .inner .Fl .con .list .text {float:left;width:auto;text-align: left;line-height:55px;font-size:18px;font-weight:400;color:#222;}
+.sec7 .inner .Fl .con .list .text p img {vertical-align: middle;margin:0px 0px 5px 5px;}
+.sec7 .inner .Fl .con .list .answer {float:right;}
+.sec7 .inner .Fl .con .list .answer p {background:#e6e7e9;padding:6px 20px 8px;border-radius: 50px;margin-top:8px;}
+.sec7 .inner .Fl .con .list .answer.suc p {background:#4a7ba6;color:#fff;}
+.sec7 .inner .notice .con .list .box {background: #2e899c;}
+.sec7 .inner .qna .con .list .box {background: #4a7ba6;}
+
+
+/********** 푸터 **********/
+footer {clear: both;background: #363636;width:100%;height:170px;padding:40px 0px 60px;position: relative;}
+footer .inner {width:1400px;margin:0 auto;position: relative;}
+footer .row-top {border-bottom: 1px solid #666;color: #999;padding: 0px 0 20px;}
+footer .row-bottom {padding: 25px 0 0px;color: #999;}
+footer .row-bottom:after {content: "";display: block;clear: both;}
+footer .row-bottom .left-side {float: left;}
+footer .fnb:after {content: "";display: block;clear: both;}
+footer .fnb li {float: left;font-size: 16px;margin-right: 30px;}
+footer .fnb li a {color:#fff;opacity: 0.8;}
+footer .fnb li a:focus,
+footer .fnb li a:hover {color: #fff;}
+footer .copy {padding-top: 10px;color: #fff;opacity: 0.4;font-size:14px;}
+footer .copy a {color:#fff;}
+footer .family_site{position:absolute;right:0;top:0;width:180px;}
+footer .family_site .site_name{position:relative;margin-top:7px;padding-left:20px;height:40px;line-height:40px;font-size:12px;font-weight:normal;color:#ddd;background:#2b2b2b;cursor:pointer;border-radius: 3px;}
+footer .family_site .site_name:after{position:absolute;right:0;top:0;width:40px;height:40px;content:"";display:block;background: url("/images/icon/icon-down-arr.png") no-repeat right top;}
+footer .family_site.on .site_name:after{background: url("/images/icon/icon-up-arr.png") no-repeat right top;}
+footer .family_site .site_depth{width:180px;position:absolute;left:0px;right:0;top:46px;background-color:#1b1b1b;padding:7px 0px;z-index:60;display:none;}
+footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0 0 12px;font-size:14px;color:#ddd;}
+
+
+/* button scroll-top */
+.btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20;
+transition: all .2s ease;}
+.btn-go-top span {color:#fff;display:block;}
+.btn-go-top:hover {}
+.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
+.btn-go-top.go-top-hide {opacity: 0;z-index: -1;}
+.btn-go-top {top: -80px;}
+.btn-go-top.go-top-fix {top:auto;}
+.btn-go-top::after {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%;
+-webkit-animation: animate-btn 1.4s 0.0s ease-out infinite;
+-moz-animation: animate-btn 1.4s 0.0s ease-out infinite;
+-o-animation: animate-btn 1.4s 0.0s ease-out infinite;
+animation: animate-btn 1.4s 0.0s ease-out infinite;
+}
+.btn-go-top::before {content: '';display:inline-block;position: absolute;top:0px;left:0px;background:#354f68;width:50px;height:50px;z-index: -1;border-radius:50%;
+-webkit-animation: animate-btn2 1.4s 0.5s ease-out infinite;
+-moz-animation: animate-btn2 1.4s 0.5s ease-out infinite;
+-o-animation: animate-btn2 1.4s 0.5s ease-out infinite;
+animation: animate-btn2 1.4s 0.5s ease-out infinite;
+}
+@-webkit-keyframes animate-btn {
+0% {-webkit-transform: scale(1.0);opacity: 0.4;}
+100% {-webkit-transform: scale(1.6);opacity: 0;}
+}
+@keyframes animate-btn {
+0% {transform: scale(1.0);opacity: 0.4;}
+100% {transform: scale(1.6);opacity: 0;}
+}
+@-webkit-keyframes animate-btn2 {
+0% {-webkit-transform: scale(1.0);opacity: 0.4;}
+100% {-webkit-transform: scale(1.7);opacity: 0;}
+} 
+@keyframes animate-btn2 {
+0% {transform: scale(1.0);opacity: 0.4;}
+100% {transform: scale(1.7);opacity: 0;}
+}
+
+body.no-scroll {overflow: hidden;}
+.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.3);}
+.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(0,0,0,0.5);}
+.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
+.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color:#333;font-size:30px;}
+
+
+/********** 현재위치 섹션 **********/
+.location {clear:both;width:100%;text-align: center;}
+.location .inner .row-top {width:100%;height:auto;padding:40px 0px 40px;margin-bottom:60px;background: #fcfcfc;border-bottom:1px solid #ddd;position: relative;}
+.location .inner .row-top .location-box .loc li {display: inline;position: relative;padding:0px 10px;font-size:12px;color:#919191;}
+.location .inner .row-top .location-box .loc li.on {color:#222;font-weight: 500;}
+.location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;}
+.location .inner .row-top .location-box .loc li:last-child::before {display:none;}
+.location .inner .row-top .location-box .tit li {font-size:36px;color:#222;font-weight: 500}
+.location .inner .row-top .location-box .tit li span {color:#376795;}
+.location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;}
+.location .inner .row-top .arr img {vertical-align: middle;}
+
+.location .inner .row-top.icon {padding-bottom: 0px !important;margin-bottom:20px !important;}
+
+/********** 회원가입 **********/
+.join {width:100%}
+.join .inner .row-bottom {width:800px;margin:0 auto;}
+.join .inner .row-bottom .join-box {padding-bottom:200px;}
+.join .inner .row-bottom .join-box .step {width:100%;display: inline-block;padding:0px 0px 60px;}
+.join .inner .row-bottom .join-box .step > div {border:1px solid #ddd;float:left;width:33.0%;height:60px;padding:0px 0px;position: relative;}
+.join .inner .row-bottom .join-box .step > div .icon {display: inline-block;background: #f5f5f5;border-radius:50%;margin:10px 10px 0px 0px;}
+.join .inner .row-bottom .join-box .step > div .icon img {vertical-align: bottom;}
+.join .inner .row-bottom .join-box .step > div .text {display: inline-block;}
+.join .inner .row-bottom .join-box .step > div .text p:nth-child(1) {font-size:12px;color:#666;}
+.join .inner .row-bottom .join-box .step > div .text p:nth-child(2) {font-size:14px;color:#666;font-weight: 400;}
+.join .inner .row-bottom .join-box .step > div::before {content:'';position:absolute;top:calc(50% - 8px);right:calc(0% - 8px);display:inline-block;background: #fff;width:14px;height:14px;border-radius:3px;z-index: 1;border-top:1px solid #ddd;border-right:1px solid #ddd;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);
+}
+.join .inner .row-bottom .join-box .step > div:last-child::before {display:none;}
+.join .inner .row-bottom .join-box .step > div.on {background: #0b2c57;}
+.join .inner .row-bottom .join-box .step > div.on .icon {background: #fff;}
+.join .inner .row-bottom .join-box .step > div.on .text p {color:#fff;}
+.join .inner .row-bottom .join-box .step > div.on::before {background: #0b2c57;border-top:1px solid #0b2c57;border-right:1px solid #0b2c57;}
+.join .inner .row-bottom .join-box .login {width:300px;margin:0 auto;}
+.join .inner .row-bottom .login .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
+.join .inner .row-bottom .login .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;border:1px solid #03c65a;}
+.join .inner .row-bottom .login .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;border:1px solid #fee500;}
+.join .inner .row-bottom .login .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
+.join .inner .row-bottom .login .Btn.Naver button {color:#fff;}
+.join .inner .row-bottom .login .Btn.Kakao button {color:#111;}
+.join .inner .row-bottom .login .Btn.Google button  {color:#111;}
+.join .inner .row-bottom .login .Btn button {font-size: 15px;font-weight: 600;height: 47px;line-height: 47px;width: 100%;display: inline-block;}
+
+.join .inner .row-bottom .join-box .privacy-box {width:100%;}
+.join .inner .row-bottom .join-box .privacy-box > div {margin-bottom:40px;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-1 {display: inline-block;width:100%;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .title {float: left;font-size:18px;font-weight: 500;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk {float: right;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk input {margin-right:5px;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk label {font-size:12px;}
+.join .inner .row-bottom .join-box .privacy-box > div > .con-2 .textarea {font-size:12px;text-align: left;width:96%;height:140px;padding:3% 2%;border: 1px solid #ddd;border-radius: 5px;}
+
+.join .inner .row-bottom .join-box .form-container {width:100%;text-align: left;}
+.join .inner .row-bottom .join-box .form-container h2 {border-bottom:1px solid #333;font-size: 18px;font-weight: 600;margin:50px 0px 0px;padding-bottom:10px;}
+.join .inner .row-bottom .join-box .form-group {display: inline-block;width:100%;padding:20px 0px 15px;border-bottom:1px solid #ddd;}
+.join .inner .row-bottom .join-box .form-group label {float:left;width:20%;height:36px;line-height: 36px;font-size:14px;font-weight: 400;color:#333;}
+.join .inner .row-bottom .join-box .form-group .con {float:left;width:80%;}
+.join .inner .row-bottom .join-box .form-group .con input,
+.join .inner .row-bottom .join-box .form-group .con select {height:36px;line-height:36px;padding:0px 2%;border:1px solid #ddd;border-radius:3px;width:60%;}
+.join .inner .row-bottom .join-box .form-group .con input[type="checkbox"] + label {width:auto;height: auto;line-height: inherit;vertical-align: middle;}
+.join .inner .row-bottom .join-box .form-group .con .chk {height:36px;line-height: 36px;display: inline-block;margin-right:30px;}
+.join .inner .row-bottom .join-box .form-group .con .chk input {vertical-align: middle;}
+.join .inner .row-bottom .join-box .form-group .con .chk input[type="checkbox"] + label:before {top:11px;} 
+.join .inner .row-bottom .join-box .form-group .con select {width:16%;display: inline-block;margin-left:15px;}
+.join .inner .row-bottom .join-box .form-group .con select:first-child {margin-left:0;}
+.join .inner .row-bottom .join-box .form-group .con .mobile1,
+.join .inner .row-bottom .join-box .form-group .con .mobile2,
+.join .inner .row-bottom .join-box .form-group .con .mobile3 {width:11%;}
+.join .inner .row-bottom .join-box .form-group .con .email1 {width:45.5%;}
+.join .inner .row-bottom .join-box .form-group .con .cer {width:45.5%;background:#f9f9f9;position: relative;}
+.join .inner .row-bottom .join-box .form-group .con .row {position: relative;}
+.join .inner .row-bottom .join-box .form-group .con .addr1 {width:45.5%;}
+.join .inner .row-bottom .join-box .form-group .con .addr2 {}
+.join .inner .row-bottom .join-box .form-group .con button {width:90px;height:37px;line-height:37px;border-radius:3px;margin-bottom:5px;}
+.join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;}
+
+.join .inner .row-bottom .join-box .form-group .con span.text {font-size:12px;display: block;width:64%;color:#2e899c;font-weight: 400;}
+.join .inner .row-bottom .join-box .form-group .con .form-control {margin-bottom:5px;}
+.join .inner .row-bottom .join-box .form-group.service .left {display: inline-block;}
+.join .inner .row-bottom .join-box .form-group.service .left label {width:auto;}
+.join .inner .row-bottom .join-box .form-group.service .left .chk input[type="checkbox"] + label:before {top:11px;} 
+.join .inner .row-bottom .join-box .form-group.service .right {display: inline-block;float:right;width:210px;text-align:right;}
+.join .inner .row-bottom .join-box .form-group.service .right label {width:auto;margin-left:30px;}
+.join .inner .row-bottom .join-box .form-group.service .right .chk input[type="checkbox"] + label:before {top:11px;}
+
+.join .inner .row-bottom .join-box .form-group.service p.bg {clear: both;background:#f4f4f4;padding:12px 15px;font-size:12px;font-weight:400;color:#333;}
+.join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) {color:#2e899c;margin-top:5px;font-weight: 400;font-size:12px;}
+.join .inner .row-bottom .join-box .form-group:nth-of-type(9) {border-bottom:0;}
+.join .inner .row-bottom .join-box .btn-box {text-align:center;margin:30px 0px;}
+.join .inner .row-bottom .join-box .form-group .con input::placeholder, 
+.join .inner .row-bottom .join-box .form-group .con select::placeholder {font-size:14px;color:#919191;}
+.join .inner .row-bottom .join-box .form-group .con span.suc {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:#3f8f4a;display:none;}
+.join .inner .row-bottom .join-box .form-group.form-group.Usermobile .con span.suc {color:#3f8f4a;}
+.join .inner .row-bottom .join-box .form-group.form-group.Useremail .con span.suc {color:#3f8f4a;}
+.join .inner .row-bottom .join-box .form-group .con .row .chk-suc {display: inline-block;width:15px;height:15px;position: absolute;top:10px;right:330px;background: url(/images/icon/icon-checked-tab.png) no-repeat center;background-size: 15px;z-index: 99;display: none;}
+.join .inner .row-bottom .join-box .form-group.Usermobile .con .row .timer {display: inline-block;width:15px;height:15px;position: absolute;top:8px;right:350px;z-index: 99;color:red;display:none;}
+.join .inner .row-bottom .join-box .form-group .con span.fail {width:26%;font-size:12px;display: inline-block;margin:0px 0px 0px 10px;vertical-align: middle;color:orange;display: none;}
+
+
+/********** 회원가입 완료 **********/
+.join.succ .inner .row-top {background: none;border:0;padding:60px 0px 40px;}
+.join.succ .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:32px;font-weight:200;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#d47b1c;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3){color:#333;font-size:16px;font-weight:400;margin-bottom:5px;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) span {color:#376795;font-weight:500;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4){color:#777;font-size:14px;font-weight:400;margin-bottom:40px;}
+.join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span {font-weight:500;}
+.join.succ .inner .row-bottom .join-box .success .box {background: #0b2c57;padding:30px 0px;position: relative;}
+.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:18px;color:#fff;font-weight: 500;margin-bottom: 15px;}
+.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;}
+.join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) span {color:#d47b1c;font-weight: 500;}
+.join.succ .inner .row-bottom .join-box .success .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 1;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);
+}
+.join.succ .inner .row-bottom .join-box .success .btn {margin:50px 0px;display:inline-block;padding:0;width:100%;}
+.join.succ .inner .row-bottom .join-box .success .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
+
+
+/********** 휴면계정 **********/
+.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
+.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;}
+.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2){color:#333;font-size:16px;font-weight:400;margin-bottom:40px;}
+.join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) span {color:#376795;font-weight:500;}
+.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) {font-size:14px;line-height:24px;color:#fff;font-weight: 400;margin-bottom: 0px;}
+.join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) span {color:#d47b1c;font-weight: 500;}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) {color:#333;font-size:22px;font-weight:400;margin-bottom:40px;}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) {}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button {background:#0b2c57;border:1px solid #ddd;border-radius:3px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span {font-size:16px;color:#fff;font-weight: 500;}
+.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span:nth-of-type(1) {border-right:1px solid #777;margin-right:10px;padding-right:10px;}
+.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;}
+.join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
+.join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;}
+.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;}
+.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;}
+.join-box .success .box .icon.google {background: #fff;border-radius:50%;}
+.join.connect .inner .row-bottom .join-box .success .box .text {float:left;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;}
+.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;}
+.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;}
+.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
+.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span:nth-of-type(1) {height:15px;line-height:15px;display:inline-block;border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
+
+
+/********** 인사말 **********/
+.greeting .inner .row-bottom {}
+.greeting .inner .row-bottom .greeting-box .top-banner {background: url(/images/img/img-greeting-bg.jpg) no-repeat;width:100%;height: 265px;background-size: cover;}
+.greeting .inner .row-bottom .greeting-box .top-banner p {font-size:22px;color:#fff;font-weight: 100;padding-top:60px;}
+.greeting .inner .row-bottom .greeting-box .gree {width:1100px;margin:0 auto;background: url(/images/img/img-greeting-bg2.jpg) no-repeat top right #fff;position: relative;top:-80px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display:inline-block;padding:70px 50px;}
+.greeting .inner .row-bottom .greeting-box .gree .left {float:left;width:15%;margin-right:5%;text-align: center;}
+.greeting .inner .row-bottom .greeting-box .gree .left p.text {margin-top:20px;font-size:16px;font-family:serif;color:#444;}
+.greeting .inner .row-bottom .greeting-box .gree .left p.text strong {letter-spacing: 4px;font-size:18px;font-weight: bold;padding-top:8px;display: inline-block;}
+.greeting .inner .row-bottom .greeting-box .gree .right {float:left;width:80%;text-align: left;}
+.greeting .inner .row-bottom .greeting-box .gree .right h3 {font-size:24px;margin-bottom:40px;font-family:serif;font-weight: 900;color:#444;}
+.greeting .inner .row-bottom .greeting-box .gree .right p {font-size:16px;line-height:28px;}
+
+
+/********** 이용안내 **********/
+.guide .inner .row-bottom {}
+.guide .inner .row-bottom .guide-box .banner {width:100%;height: 480px;margin-bottom: 80px;}
+.guide .inner .row-bottom .guide-box .banner .left {float: left;text-align: left;width:340px;height:320px;padding:80px;background: url(/images/img/img-guide-bg.jpg) no-repeat;}
+.guide .inner .row-bottom .guide-box .banner .right {float: left;width:800px;height:380px;padding:50px;background: #3e404a;}
+.guide .inner .row-bottom .guide-box .banner .left .top {border-bottom: 1px solid #555;padding-bottom:30px;margin-bottom:30px;}
+.guide .inner .row-bottom .guide-box .banner .left .top p {color:#fff;}
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) {font-size:20px;margin-bottom:25px;}
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) {color:#f0a233;font-size:48px;font-weight:500;position: relative;}
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span {font-size: 14px;color:#fff;position: absolute;top:-6px;font-weight: 200;}
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) {font-size:16px;font-weight: 100;}
+.guide .inner .row-bottom .guide-box .banner .left .bottom p {color:#fff;}
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) {font-size:20px;margin-bottom:15px;}
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) {color:#fff;font-size:24px;font-weight:500;}
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(2) span {color:#f0a233;font-weight: 500;}
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) {font-size:16px;font-weight: 100;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box {text-align: left;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li {display: inline-block;width:100%;margin: 25px 0px;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num {float:left;width:10%;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span {display:inline-block;color:#fff;font-size:32px;font-style: italic;width:60px;height:60px;line-height: 60px;border-radius: 50%;background:#ccc;text-align: center;text-indent: -4px;font-weight: 500;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(1) .num span {background: #f0a233;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(2) .num span {background: #45a1b0;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(3) .num span {background: #4a7ba6;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text {float:left;width:90%;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) {font-size: 20px;color:#fff;font-weight: 400;margin-bottom:5px;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) {font-size: 15px;color:#fff;font-weight: 100;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec {margin-bottom: 80px;text-align: left;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec h3 span {color:#376795;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p {font-size:16px;line-height: 26px;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 500;margin-bottom:5px;position: relative;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;}
+.guide .inner .row-bottom .guide-box .info-box .info-sec .text-box p span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
+
+
+/********** 오시는길 **********/
+.map .inner .row-bottom .map-box {margin-bottom:80px;}
+.map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;}
+.map .inner .row-bottom .map-box h2 span {color:#376795;}
+.map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;}
+.map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;}
+.map .inner .row-bottom .map-box .info > div:last-child {border-right:0;}
+.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;}
+.map .inner .row-bottom .map-box .info > div.addr p:nth-of-type(1) {background: #f0a233;}
+.map .inner .row-bottom .map-box .info > div.time p:nth-of-type(1) {background: #45a1b0;}
+.map .inner .row-bottom .map-box .info > div.tel p:nth-of-type(1) {background: #4a7ba6;}
+.map .inner .row-bottom .map-box .info > div.fax p:nth-of-type(1) {background: #beb9a5;}
+.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img {vertical-align: middle;margin-bottom:5px;}
+.map .inner .row-bottom .map-box .info > div p:nth-of-type(2) {font-size:20px;font-weight: 500;margin-bottom:10px;}
+.map .inner .row-bottom .map-box .info > div p:nth-of-type(3) {font-size:15px;margin-bottom: 5px;}
+.map .inner .row-bottom .map-box .info > div p:nth-of-type(4) {font-size:13px;color:#666;}
+.map .inner .row-bottom .map-box .info .mapimg {width:100%;height:440px;padding:0;margin-right:0;border-bottom:1px solid #ddd;}
+.map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;}
+.map .inner .row-bottom .info-box .info-sec {margin-bottom: 80px;text-align: left;}
+.map .inner .row-bottom .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;}
+.map .inner .row-bottom .info-box .info-sec h3 span {color:#376795;}
+.map .inner .row-bottom .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div {font-size:16px;line-height: 26px;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 200;margin-bottom:5px;position: relative;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div.box {background: #f5f7fa;padding:15px 40px;margin-top:15px;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div.box p {text-indent: -18px;font-weight: 500;}
+.map .inner .row-bottom .info-box .info-sec .text-box > div p {text-indent: -18px;font-weight: 500;}
+.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p {display: inline-block;width:100%;height:15px;font-weight: 200;margin-bottom:5px;position: relative;text-indent: 0;}
+.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
+.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1) {font-weight: 500;text-indent: -18px;}
+.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1)::before {display: none;}
+
+
+/********** 카트 **********/
+.cart .inner .tab {position: relative;}
+.cart .inner .tabs {position: relative;width: 100%;text-align:left;}
+.cart .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;}
+.cart .inner .tabs li:last-child {margin-right:0;}
+.cart .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:34px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.cart .inner .tabs li a span {font-size:12px;}
+.cart .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.cart .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.cart .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.cart .inner .tabs_item {display: none;padding: 10px 0;}
+.cart .inner .tabs_item:first-child {display: block;}
+.cart .inner .tabs_item .list-cart-wrap {text-align: left;margin-bottom: 50px;}
+.cart .inner .tabs_item .list-cart-wrap h3 {font-size:18px;margin:20px 0px 10px;}
+.cart .inner .tabs_item .list-cart-wrap h3 input {margin:0px 8px 3px 0px;vertical-align: middle;}
+.cart .inner .tabs_item .list-cart-wrap h3 span.count {color:#d47b1c;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart {clear: both;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list {display:inline-block;padding: 20px 0px;width:100%;height:90px;border-bottom:1px solid #ddd;vertical-align: top;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:4%;line-height:90px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data {width:48%;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {width:12%;padding: 33px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:12%;padding: 33px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:12%;padding: 33px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:12%;padding: 33px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:12%;padding: 33px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {padding:15px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div {float:left;text-align: left;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img {width:auto;padding:0% 40px;margin-right:2%;position: relative;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.online {background:#376795;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.loan {background:#b68946;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span.visit {background:#2b8b99;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.poss {color:#3f8f4a;font-weight: 400;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.imposs {color:#c11c35;font-weight: 400;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites .on {display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .off {display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
+.cart .inner .tabs_item .btn-box {display:inline-block;width:100%;margin-bottom:80px;}
+.cart .inner .tabs_item .btn-box .left {float:left;}
+.cart .inner .tabs_item .btn-box .right {float:right;}
+.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data {width:76%;}
+.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-date {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-state p:nth-child(1) {margin-top:0px;}
+.cart .inner .tabs_item .list-cart-wrap.visit p.text {text-align: left;font-size:14px;color:#666;margin-top:10px;}
+.cart .inner .tabs_item .list-cart-wrap.visit .list-cart div.list > div.t-data > div.img {padding:0px 40px;}
+.cart .inner .tabs_item .v-date-box {padding:30px 0px;border-top:1px solid #333;border-bottom:1px solid #ddd;margin-bottom:10px;}
+.cart .inner .tabs_item .v-date-box h3 {font-size:24px;margin-bottom:15px;}
+.cart .inner .tabs_item .v-date-box .v-date select {padding:0px 10px;width:130px;height:40px;border:1px solid #ddd;}
+.cart .inner .tabs_item .v-date-box .v-date span {margin:0px 10px 0px 5px;}
+.cart .inner .tabs_item .text {text-align: left;color:#2e899c;font-size:14px;font-weight: 400;}
+.cart .inner .tabs_item .btn-wrap {margin:40px 0px 80px;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:48%;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-date {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-loan {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-reser {width:12%;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit {width:16%;line-height: normal;margin-top:15px;padding:10px 0px;}
+.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list.t-tit-line > div.t-visit {margin-top:0;}
+.cart .inner .tabs_item .total-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;}
+.cart .inner .tabs_item .total-box .row-top {background: #295580;height:50px;line-height:50px;padding:0;margin-bottom:0;}
+.cart .inner .tabs_item .total-box .row-top > div {float:left;width:33.3%;height:50px;line-height:50px;color:#fff;font-size:12px;}
+.cart .inner .tabs_item .total-box .row-bottom {height:50px;line-height:50px;padding:20px 8%;;}
+.cart .inner .tabs_item .total-box .row-bottom > div {float:left;width:20%;font-size:14px;}
+.cart .inner .tabs_item .total-box .row-bottom > div strong {font-size:36px;padding:0px 5px;}
+.cart .inner .tabs_item .total-box .row-bottom > div.t-total strong {color:#d47b1c;}
+.cart .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:52%;}
+.cart .inner .tabs_item .list-cart-wrap.complete.com2 .list-cart div.list > div.t-data {width:64%;}
+.cart .inner .tabs_item .compl-box {border-bottom:1px solid #ddd;border-top:1px solid #333;margin-bottom:15px;padding: 25px 0px;}
+.cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;}
+.cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;}
+.cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;}
+.cart .inner .visit-confirm .tabs_item  .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}   
+.cart .inner .visit-confirm  .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;}
+
+/********** 소장자료 **********/
+.data .inner .row-bottom {position: relative;}
+.article-side {float: left;width:320px;margin-right:40px;}
+.culture-box {float: left;width:1040px;}
+.filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;}
+
+/* 통합검색 필터 */
+.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;}
+.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;}
+.filter-head:after {content: "";display: block;clear: both;}
+.filter-head h2 {float: left;font-size: 18px;font-weight: 600;}
+.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;}
+.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;}
+.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;}
+.filter-wrap .choice-condition .sign {margin: 0 10px;}
+.filter-wrap .choice-condition em {color: #333;}
+.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/btn/btn-cnl.jpg) no-repeat right center;}
+.filter-wrap .filter {margin-top: 32px;}
+.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;}
+.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;}
+.filter-wrap .filter-tit .btn-toggle {float: right;text-indent: -9999px;}
+.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/btn/btn-plus.png) no-repeat center right;}
+.filter-wrap .filter-tit:after {content: "";display: block;clear: both;}
+.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;}
+.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;}
+.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;}
+
+.filter-wrap .filter.nodepth .depth-1 .check label {background: none;}
+.filter-wrap .filter.nodepth .depth-1.on .check label {background: none;}
+
+.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;}
+.filter-wrap .filter .depth-1 .check {float: left;}
+.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;}
+.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/btn/btn-arrow-up.png) no-repeat right center;}
+.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;}
+.filter-wrap .filter .depth-2 li {margin-top: 6px;}
+.filter-wrap .filter .depth-2 li label {padding-left: 15px;}
+.filter-wrap .filter .filter-list.year ul li {height:36px;height:36px;}
+.filter-wrap .filter .filter-list.year ul li label {display: inline-block;font-size:14px;height:36px;line-height:36px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;}
+.btn-all-view{} 
+.btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;}
+.btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;}
+.btn-apply {width: 100%;font-size: 13px;color: #fff;background:#3e414a;height: 30px;border: 1px solid #ddd;margin-top: 20px;border-radius: 3px;}
+.pop-choice-condition, 
+.pop-btn-wrap {display: none;text-align: center;padding-top: 30px;}
+.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;} 
+.filter-wrap .filter-list > ul > li:nth-child(4) ~ li {display: none;}
+.filter-wrap .tab-name {background: transparent;position: absolute;width: 100%;top: 0;left: 0;text-indent: -9999px;overflow: hidden;font-size:14px;}
+.filter-wrap .depth-1.on + .depth-2 {display: block !important;}
+.filter .check input[type="checkbox"] + label {padding-left: 0;}
+.filter .check input[type="checkbox"] + label:focus,
+.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;}
+.filter .check input[type="checkbox"] + label:before {display: none;}
+.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px;background: url(/images/icon/icon-data-more.png) no-repeat left center;}
+.filter .check input[type="checkbox"]:checked + label {color: #2781c1;}
+.data .inner {display:inline-block;width:100%;margin-bottom:50px;}
+.data .inner .tab {position: relative;}
+.data .inner .tabs {position: relative;width: 100%;text-align:left;}
+.data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;}
+.data .inner .tabs li:last-child {margin-right:0;}
+.data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.data .inner .tabs_item {display: none;padding: 10px 0;}
+.data .inner .tabs_item:first-child {display: block;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data {width:83%;height:100%;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 25px 0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span {margin-right:5px;padding-right:8px;border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span:last-child {border-right:0;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.etc {background:#e9e6df;color:#222;}
+
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}  
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
+
+.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;}
+.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;}
+.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label {font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label input {margin-right:5px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select {}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input {height:36px;line-height: 36px;border:1px solid #ddd;color:#666;padding:0px 40px 0px 10px;vertical-align: top;border-radius: 3px;position: relative;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input::placeholder {font-size:12px;color:#999;font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button {background: url(/images/icon/icon-data-search.png) no-repeat center;text-indent: -9999999px;width:36px;height:36px;vertical-align: top;position: absolute;top:0px;right:0px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:none;}
+
+/********** 소장자료 상세페이지 **********/
+.data.detail {width:100%;}
+.data.detail .inner {}
+.data.detail .inner .row-top {width:100%;padding:45px 0px;display:inline-block;background: linear-gradient(to right, #485864, #6a7b8c);}
+.data.detail .inner .row-top .center {width:1400px;margin:0 auto;}
+.data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;}
+.data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;}
+.data.detail .inner .row-top .center .left .cla {margin-bottom:10px;}
+.data.detail .inner .row-top .center .left .cla .con-1 {display: inline;}
+.data.detail .inner .row-top .center .left .cla .con-1 span {background:#fff;border:2px solid #333;border-radius:50px;color:#333;padding:1px 10px 2px;font-size:12px;font-weight: 500;display: inline-block;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.online {color:#376795;border:2px solid #376795;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.loan {color:#b68946;border:2px solid #b68946;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;}
+.data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;}
+.data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;}
+.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;}
+.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;}
+.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;}
+.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;}
+.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;}
+.data.detail .inner .row-top .center .right .con-1 button.ris {}
+.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
+.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;}
+ .data.detail .inner .row-top .center .right .con-1 button.original {width:200px;display:none;}
+.data.detail .inner .row-top .center .right .con-2 {}
+.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}    
+.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}   
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;}
+.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;}
+.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;}
+.data.detail .inner .row-top .center .right .con-2 .keyword {}
+.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;}
+.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;}
+.data.detail .inner .row-bottom .con-1 {display:inline-block;width:100%;border:1px solid #ddd;margin:50px 0px 100px;}
+.data.detail .inner .row-bottom .con-1 .list-box {display:inline-block;width:100%;padding:25px 0px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list {float:left;width:24.9%;border-right:1px solid #ddd;text-align: center;}
+.data.detail .inner .row-bottom .con-1 .list-box .list:last-child {border-right:0;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .icon {margin-bottom:15px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .title {font-size:12px;color:#333;font-weight: 400;margin-bottom:3px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con {font-size:14px;color:#666;font-weight: 300;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con .poss {color:#3f8f4a}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con .imposs {color:#c11c35}
+.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;}
+.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;}
+.data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-2 .top {position:relative;}
+.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;height:60px;line-height:60px;} 
+.data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;}
+.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;}
+.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;}
+.data.detail .inner .row-bottom .con-2 .bottom {padding:30px;height:105px;overflow: hidden;text-align: left;}
+.data.detail .inner .row-bottom .con-2 .bottom p {font-size:16px;margin-bottom:20px;color:#666;}
+.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;}
+.data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
+.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} 
+.data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;}
+.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List {border:1px solid #ddd;padding:30px;text-align:left;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 {border:0px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;overflow: hidden;width:100%;display: inline-block;margin-top:0;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .block {padding-bottom:10px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List:hover .underline {background-size: 100% 100%;color:#376795;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 {width:100%;border:0px;margin:0;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;}
+.data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;}
+.data.detail .inner .row-bottom .con-4 .top h3 {font-size:24px;width:1400px;margin:0 auto;position: relative;z-index: 9;}
+.data.detail .inner .row-bottom .con-4 .top h3 span {color: #376795;}
+.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:1400px;height:1px;position: absolute;top:20px;left:0px;background:#c1c1c1;z-index: -1}
+.data.detail .inner .row-bottom .con-4 .top h3::after {content: '';width:300px;height:35px;position: absolute;top:0px;left:calc(50% - 150px);background:#f5f5f5;z-index: -1}
+.data.detail .inner .row-bottom .con-4 .top p {font-size:14px;color:#666;}
+.data.detail .inner .row-bottom .DetailSwiper2 {max-width:1400px;}
+/*
+.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;}
+.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;}
+*/
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List {box-sizing:content-box;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List.front-item {padding-left:0;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail span {overflow:hidden;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info div.button-area {margin-top:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail {height:284px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items {}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 {margin-top:30px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 .List .inner {height:450px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type2 {margin-top:20px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List {box-sizing:border-box;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-next, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-prev {right:30px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-next {left:30px;}
+.data.detail .btn-box {margin:50px 0px;text-align: center;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next,
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev {top:30px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next {right:40px;left:auto;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next:after {font-size:15px;font-weight: bold;}
+
+
+/********** 회원정보관리 **********/
+.myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login {color:#fff;height:40px;line-height:40px;margin-bottom:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login span {display: inline-block;margin-right:6px;font-size:14px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .icon img {vertical-align: middle}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .type {font-size:16px;font-weight: 500}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn {text-align:center;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a {color:#fff;background:#528bbd;display: inline-block;width:100%;height:40px;line-height: 40px;border-radius: 3px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box {color:#fff;font-size:12px;margin-top: 10px;opacity: 0.6;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box span {display:inline-block;margin:0px 5px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box {display: inline-block;width:100%;border-bottom:1px solid #999;padding-bottom:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div {float:left;width:50%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 {color:#fff;font-size:18px;font-weight: 400;text-align:left;padding-bottom:10px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box {}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {float:left;width:19.8%;border-right:1px solid #999;text-align: center;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div:last-child {border-right:0;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1) {color:#eca53e;font-size:20px;font-weight: 400;margin-bottom:5px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {float:left;width:24.8%;border-right:1px solid #999;text-align: center;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div:last-child {border-right:0;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) {color:#34cde6;font-size:20px;font-weight: 400;margin-bottom:5px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box {clear: both;padding-top:25px;} 
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 {text-align: left;color:#fff}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 {font-size:18px;margin-bottom: 10px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box {}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span {color:#333;padding:4px 10px 5px 10px;border-radius: 50px;display: inline-block;margin-right:3px;font-size:12px;font-weight: 400;background: #fff;}
+
+.myinfo .contents {text-align: left;display:inline-block;margin-bottom:80px;}
+.myinfo .contents > div .title-box {display: inline-block;width:100%;margin-bottom:0px;padding-bottom:10px;}
+.myinfo .contents > div .title-box .title {float:left;}
+.myinfo .contents > div .title-box .title h3 {display: inline-block;font-size:24px;}
+.myinfo .contents > div .title-box .title .cont {display:inline-block;font-size:16px;margin-left:10px;}
+.myinfo .contents > div .title-box .title .cont span {color:#eca53e;font-weight: 500;}
+.myinfo .contents > div .title-box .More {float:right;margin-top:10px;}
+.myinfo .contents > div .title-box .More a {font-size:16px;color:#666;}
+.myinfo .contents > div .title-box .More img {margin-left:10px;}
+.myinfo .contents .concern-data {display: inline-block;margin-bottom: 80px;width:100%;}
+.myinfo .contents .concern-data .list-box {clear: both;}
+.myinfo .contents .concern-data .list-box .list {float:left;width:19.0%;margin-right:1%;border:1px solid #ddd;border-radius:5px;}
+.myinfo .contents .concern-data .list-box .list:last-child {margin-right:0;}
+.myinfo .contents .concern-data .list-box .list .thum {text-align: center;padding:25px 0px;border-bottom:1px solid #ddd;}
+.myinfo .contents .concern-data .list-box .list .text {padding:15px 30px;}
+.myinfo .contents .concern-data .list-box .list .text .ti {font-size:18px;font-weight: 500;min-height:60px;overflow: hidden;margin-bottom:5px;}
+.myinfo .contents .concern-data .list-box .list .text .cl {font-size:12px;color:#777;}
+.myinfo .contents .concern-data .list-box .list .text .cl p {margin-bottom:2px;}
+.myinfo .contents .concern-data .list-box .list .text .cl p span:nth-of-type(1) {font-weight: 500;margin-right:10px;}
+.myinfo .contents .loan-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
+.myinfo .contents .loan-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
+.myinfo .contents .loan-history .list-box {width:100%;}
+.myinfo .contents .loan-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
+.myinfo .contents .loan-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
+.myinfo .contents .loan-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
+.myinfo .contents .loan-history .list-box .list > div.con {width:78%;}
+.myinfo .contents .loan-history .list-box .list > div.state {width:10%;text-align:center;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
+.myinfo .contents .loan-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
+.myinfo .contents .loan-history .list-box .list > div.state span.subscription {background: #376795;}
+.myinfo .contents .loan-history .list-box .list > div.state span.reser {background: #3f8f4a;}
+.myinfo .contents .loan-history .list-box .list > div.state span.cancel {background: #c11c35;}
+.myinfo .contents .loan-history .list-box .list > div.state span.return {background: #857e6b;}
+.myinfo .contents .loan-history .list-box .list > div.state span.loan {background: #2e899c;}
+.myinfo .contents .loan-history .list-box .list > div.state span.overdue {background: #d37b1a;}
+
+.myinfo .contents .visit-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
+.myinfo .contents .visit-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
+.myinfo .contents .visit-history .list-box {width:100%;}
+.myinfo .contents .visit-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
+.myinfo .contents .visit-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
+.myinfo .contents .visit-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
+.myinfo .contents .visit-history .list-box .list > div.con {width:78%;}
+.myinfo .contents .visit-history .list-box .list > div.state {width:10%;text-align:center;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
+.myinfo .contents .visit-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
+.myinfo .contents .visit-history .list-box .list > div.state span.subscription {background: #376795;}
+.myinfo .contents .visit-history .list-box .list > div.state span.approval {background: #3f8f4a;}
+.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;}
+.myinfo .contents .visit-history .list-box .list > div.state span.wait {background: #376795;}
+.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;}
+.myinfo .contents .visit-history .list-box .list > div.state span.cancel {background: #c21b35;}
+.myinfo .contents .visit-history .list-box .list > div.state span.read {background: #312f28;}
+.myinfo .contents .visit-history .list-box .list > div.state span.unread {background: #847d6a;}
+
+
+/********** 내정보 패스워드 **********/
+.passwd .row-bottom .myinfo-passwd .icon {margin-bottom:30px;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) {font-size:18px;color:#333;font-weight: 500;margin-bottom:5px;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) span {color:#376795;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(2) {font-size:14px;}
+.passwd .row-bottom .myinfo-passwd .box p input {width:270px;;border:1px solid #ddd;height:36px;line-height: 36px;padding:0px 10px;border-radius: 5px;margin:40px 0px 0px;}
+.passwd .row-bottom .myinfo-passwd .box p a {font-size:12px;color:#666;padding-bottom:2px;border-bottom:1px solid #ddd;}
+.passwd .row-bottom .myinfo-passwd .box p {margin-bottom:40px;}
+
+
+/********** 내정보 수정 **********/
+.join.modify .Userpassword .con p {color:#2e899c;font-size:12px;font-weight: 500;}
+.join.modify .Usersns .con .list .sns-box {border:1px solid #ddd;font-size:11px;border-radius: 3px;height:37px;line-height: 37px;float:left;width:49.5%;padding:0% 0% 0% 0%;margin-right:0.5%;letter-spacing: -0.5px;overflow: hidden;}
+.join.modify .Usersns .con .list .sns-box span:nth-child(1) {display:inline-block;width:28px;height:28px;line-height: 26px;margin:0px 10px 4px;text-align: center;background:#333;padding:0px;border-radius: 50px;}
+.join.modify .Usersns .con .list .sns-box span img {width:12px;vertical-align: middle;}
+.join.modify .Usersns .con .list .sns-box.naver span:nth-child(1) {background: #03c65a;}
+.join.modify .Usersns .con .list .sns-box.kakao span:nth-child(1) {background: #fee500;}
+.join.modify p.release a {display:inline-block;font-size:12px;font-weight: 500;color:#666;border-bottom:1px solid #ddd;padding-bottom:2px;margin:30px 0px;}
+
+
+/********** 회원탈퇴안내 **********/
+.secession {width:100%}
+.secession .inner .row-top {background: none;border:0;padding:60px 0px 40px;}
+.secession .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;}
+.secession .inner .row-bottom {width:600px;margin:0 auto;}
+.secession .inner .row-bottom .sec-box .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
+.secession .inner .row-bottom .sec-box .text p:nth-of-type(1) span {color:#d47b1c;}
+.secession .inner .row-bottom .sec-box .text .inner-box {background: #f0f0f0;border:1px solid #ddd;margin-bottom:20px;padding:30px 40px;}
+.secession .inner .row-bottom .sec-box .text .inner-box p {font-size:14px;color:#333;margin-bottom:10px;text-align: left;font-weight: 300;position: relative;}
+.secession .inner .row-bottom .sec-box .text .inner-box p:last-child {margin-bottom:0;}
+.secession .inner .row-bottom .sec-box .text .inner-box p::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
+.secession .inner .row-bottom .sec-box .box {background: #0b2c57;padding:30px 70px;position: relative;}
+.secession .inner .row-bottom .sec-box .box p {font-size:18px;color:#fff;font-weight: 200;margin-bottom: 15px;text-align: left;font-size:16px;}
+.secession .inner .row-bottom .sec-box .box p span.name {display:inline-block;width:100px;font-weight: 400;}
+.secession .inner .row-bottom .sec-box .box p input {width:96%;padding:0% 2%;height:36px;height:36px;border-radius: 3px;border:1px solid #ddd;}
+.secession .inner .row-bottom .sec-box .btn-box a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
+
+
+/********** 관심자료 **********/
+.interested-data .inner .data-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.interested-data .inner .data-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.interested-data .inner .data-box .title .count em {color:#d47b1c;font-weight: 500;}
+.interested-data .inner .data-box .title .list-search-wrap {float:right;}
+.interested-data .inner .data-box .title .list-search-wrap > div.list-select {}
+.interested-data .inner .data-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list {display:inline-flex;align-items: center;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk {width:4%;line-height: 120px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:15%;line-height: 120px;font-weight: 500;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data {width:65%;height:100%;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn {width:16%;padding: 25px 0px;text-align: center;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt {padding:0;}
+.interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}    
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;}
+.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;}
+
+
+/********** 대출관리 **********/
+.loan-data .inner {margin-bottom:50px;}
+.loan-data .inner .loan-box {display:inline-block;width:100%;}
+.loan-data .inner .loan-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.loan-data .inner .loan-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.loan-data .inner .loan-box .title .count em {color:#d47b1c;font-weight: 500;}
+.loan-data .inner .loan-box .title .list-search-wrap {float:right;}
+.loan-data .inner .loan-box .title .list-search-wrap > div.list-select {}
+.loan-data .inner .loan-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.loan-data .inner .tab {position: relative;}
+.loan-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.loan-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
+.loan-data .inner .tabs li:last-child {margin-right:0;}
+.loan-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.loan-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.loan-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.loan-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.loan-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.loan-data .inner .tabs_item {display: none;padding: 10px 0;}
+.loan-data .inner .tabs_item:first-child {display: block;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:45%;text-align: center;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-reservation {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-expiry {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-use {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {color:#3f8f4a;font-size:14px;font-weight: 500;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;float: right;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:45%;text-align: left;font-weight: 400;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
+
+
+/********** 방문열람관리 **********/
+.visit-data .inner {margin-bottom:50px;}
+.visit-data .inner .visit-box {display:inline-block;width:100%;}
+.visit-data .inner .visit-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.visit-data .inner .visit-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.visit-data .inner .visit-box .title .count em {color:#d47b1c;font-weight: 500;}
+.visit-data .inner .visit-box .title .list-search-wrap {float:right;}
+.visit-data .inner .visit-box .title .list-search-wrap > div.list-select {}
+.visit-data .inner .visit-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.visit-data .inner .tab {position: relative;}
+.visit-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.visit-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:24.9%;margin-left:-3px;}
+.visit-data .inner .tabs li:last-child {margin-right:0;}
+.visit-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.visit-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.visit-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.visit-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.visit-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.visit-data .inner .tabs_item {display: none;padding: 10px 0;}
+.visit-data .inner .tabs_item:first-child {display: block;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;margin-top:0px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:42%;text-align: center;margin-top:0px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-subscription {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-visit {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-state {width:13%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state span {color:#3f8f4a;font-size:14px;font-weight: 500;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;margin-top:10px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:42%;text-align: left;font-weight: 400;margin-top:10px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state {width:13%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date,
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .time {display:block;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti {display:inline;float:left;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da {display:inline-block;width:100%;color:#666;font-weight: 200;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {display:inline;float:right;margin-top:5px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.poss {color:#3f8f4a;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.imposs {color:#c11c35;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.no-poss {color:#666;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
+
+
+/* 알림페이지 아코디언 목록 */
+.noti-data .inner {margin-bottom:50px;}
+.noti-data .inner .noti-box {display:inline-block;width:100%;}
+.noti-data .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.noti-data .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.noti-data .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
+.noti-data .inner .noti-box .title .text {float:right;}
+.noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
+.noti-data .list-accordion {border-top: 2px solid #000;}
+.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
+.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
+.noti-data .list-accordion .question span:last-child {padding-right: 50px;}
+.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;}
+.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
+.noti-data .list-accordion .question .type::before {background: none;}
+.noti-data .list-accordion .question.on .type::before {background: none;}
+.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
+.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;}
+.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
+.noti-data .list-accordion .question.on .type {font-weight: 600;}
+.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;}
+.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;}
+.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;}
+
+
+/* list 검색 */
+.list-header .list-search {width:100%;}
+.list-header:after {content: "";display: block;clear: both;height: 10px;}
+.list-search {}
+.list-search:after {content: "";display: block;clear: both;}
+.list-select select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.list-search .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.list-search .total-count .count em {color:#d47b1c;font-weight: 500;}
+.list-search .list-input:after {content: "";display: block;clear: both;}
+.list-search .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.list-search .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.list-search .list-input input::placeholder { color:#999;}
+.list-search .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.list-search .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.list-search .left {float: left;width:75%;}
+.list-search .right {float: left;width:25%;text-align: right;}
+
+
+/* 커뮤니티 목록 */
+.contents-frame {width:100%;}
+.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
+.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
+.list-table-wrap li .t-num {width: 6%;}
+.list-table-wrap li .t-type {width: 6%;}
+.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
+.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
+.list-table-wrap li .t-writer {width: 10%;}
+.list-table-wrap li .t-date {width: 10%;}
+.list-table-wrap li .t-status {width: 10%;}
+.list-table-wrap li .t-file {width:auto;}
+.list-table-wrap li .t-answer {width:auto;}
+.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;}
+.list-table-wrap .t-tit-line span {text-align: center;}
+.list-table-wrap li .message {width: 100%;text-align: center;}
+.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
+.list-table-wrap .list-qna .t-type {width: 175px;}
+.list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
+.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
+
+
+/* 고정 글 */
+.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;}
+.list-table-wrap .fix-list .t-type {width: 95px;}
+.list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;}
+
+
+/* 커뮤니티 상세 */
+.view-tit {width: 96%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 16px;background: #556676;display: table;letter-spacing: -0.025em;padding:10px 2%;}
+.view-tit h2 {vertical-align: middle;width:100%;color:#fff;text-align: left;font-size:20px;font-weight: 300;}
+.view-tit h2 span img {margin:0px 0px 3px 10px;vertical-align: middle;}
+.view-tit .v-info {display: inline-block;vertical-align: middle;text-align: left;width:100%;}
+.view-tit .v-info em {font-size: 14px;color: #fff;font-weight: 100;margin-right:10px;}
+.view-tit .v-info em:nth-of-type(1) {border-right:1px solid #ccc;height:12px;line-height:12px;display:inline-block;padding-right:15px;}
+.view-tit .type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;font-size:12px;border-radius: 50px;position: relative;top:-3px;margin-right:10px;}
+.file-box {background:#f9f9fa;border-bottom:1px solid #ddd;padding:15px 2%;text-align: left;}
+.file-box .file-list {margin-bottom:5px;}
+.file-box .file-list span {font-size:12px;}
+.file-box .file-list span img {vertical-align: middle;margin-right:5px;}
+.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;}
+.view-body {border-bottom: 0px solid #000;text-align: left;}
+.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;}
+.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;}
+.view-body .attachments:after {content: "";display: block;clear: both;}
+.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;}
+.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/icon/icon-attach.png) no-repeat left center;}
+.view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;}
+.view-body .attachments li a em {color: #999;}
+.view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;}
+.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%}
+.view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;}
+.view-body .answer .answer-top .right {float:right;color:#333;}
+.view-body .answer .answer-con {padding: 20px 30px;}
+.view-notice .view-pagination .type {width: 70px;}
+.view-pagination .status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.view-pagination .status .complete {color: #fff;background: #2781c1;border: none;}
+.view-pagination .btn {background: #3e404a;color:#fff;font-weight: 300;margin-top: 40px;}
+.view-qna .btn-box {width:100%;}
+
+
+/* qna 작성폼 */
+.community-write {letter-spacing: -0.025em;}
+.community-write .required-text {text-align:left;margin-bottom:0px;font-size:12px;}
+.community-write .required-text span {color:red;font-size:20px;vertical-align: middle;margin:4px 2px 0px 0px;display: inline-block;}
+.community-write input {border-radius: 3px;border: 1px solid #ddd;line-height: 36px;display: block;padding: 0 15px;height: 38px;box-sizing: border-box;width: 100%;}
+.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
+.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
+
+.qna-write-table {}
+.community-write fieldset {border-top:1px solid #000;}
+.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
+.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
+.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}
+.qna-write-table .fl {float:left;width:30%;}
+.qna-write-table .wt-title  {width:90%;}
+.qna-write-table .wt-secret {width:10%;}
+.qna-write-table .wt-tit input {width: 100%;}
+.qna-write-table .w-form .mail-input input {float: left;width: calc(33.333% - 14px);}
+.qna-write-table .w-form .mail-input select {float: left;width: calc(33.333% - 14px);margin-left: 10px;}
+.mail-desinence {float: left;display: block;width: 32px;text-align: center;line-height: 38px;color: #999;}
+.qna-write-table .wt-type {width: 33.333%;float: left;}
+.qna-write-table .wt-writer {width: 33.333%;float: left;}
+.qna-write-table .wt-pw {width: 33.333%;float: left;}
+.qna-write-table .wt-mail {width: 100%;float: left;}
+.qna-write-table .wt-visibility {width: 33.333%;float: left;}
+.qna-write-table .wt-visibility input {width: 15px;height: 15px;padding: 0;float: left;margin-top: 11px;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
+.qna-write-table .wt-visibility label {display:block;float:left;margin-left: 10px;line-height: 38px;}
+.qna-write-table .wt-question {}
+.qna-write-table .wt-recaptcha {}
+.qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;}
+.qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;display:block;margin-bottom:0px;}
+.qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;}
+.qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;}
+.qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block}
+.qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;}
+
+
+/* faq */
+.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.faq .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.faq .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.faq .title .total-count .count em {color:#d47b1c;font-weight: 500;}
+.faq .title .list-input:after {content: "";display: block;clear: both;}
+.faq .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.faq .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.faq .title .list-input input::placeholder { color:#999;}
+.faq .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.faq .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.faq .title .left {float: left;width:75%;}
+.faq .title .right {float: left;width:25%;text-align: right;}
+.faq .inner .tab {position: relative;width:1400px;margin:0 auto;}
+.faq .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.faq .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
+.faq .inner .tabs li:last-child {margin-right:0;}
+.faq .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.faq .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.faq .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.faq .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.faq .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.faq .inner .tabs_item {display: none;padding: 10px 0;}
+.faq .inner .tabs_item:first-child {display: block;}
+/* 아코디언 목록 */
+.faq .inner {margin-bottom:50px;}
+.faq .inner .noti-box {display:inline-block;width: 100%;}
+.faq .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.faq .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.faq .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
+.faq .inner .noti-box .title .text {float:right;}
+.faq .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
+.faq .list-accordion {border-top: 2px solid #000;}
+.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
+.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;}
+.faq .list-accordion .question span:last-child {padding-right: 50px;}
+.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
+.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
+.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;}
+.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
+.faq .list-accordion .question.on .type {font-weight: 600;position: relative;}
+.faq .list-accordion .question.on .date {color:#fff;font-size:12px;}
+.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;}
+.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;}
+.list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;}
+.list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;}
+
+
+/* qna */
+.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.qna .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.qna .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.qna .title .total-count .count em {color:#d47b1c;font-weight: 500;}
+.qna .title .list-input:after {content: "";display: block;clear: both;}
+.qna .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.qna .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.qna .title .list-input input::placeholder { color:#999;}
+.qna .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.qna .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.qna .title .left {float: left;width:75%;}
+.qna .title .right {float: left;width:25%;text-align: right;}
+
+.qna .inner .tab {position: relative;width:100%;}
+.qna .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.qna .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:49.6%;margin-left:-3px;}
+.qna .inner .tabs li:last-child {margin-right:0;}
+.qna .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:14px;letter-spacing:-1px;width:100%;min-width:110px;height:38px;line-height:38px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.qna .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.qna .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.qna .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.qna .inner .tab_content {display:inline-block;background: #fff;width:100%;margin-bottom:50px;}
+.qna .inner .tabs_item {display: none;padding: 10px 0;}
+.qna .inner .tabs_item:first-child {display: block;}
+.qna .list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
+.qna .list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
+.qna .list-table-wrap li .t-num {width: 6%;}
+.qna .list-table-wrap li .t-type {width: 6%;}
+.qna .list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
+.qna .list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
+.qna .list-table-wrap li .t-tit a img {vertical-align: middle;margin-left:10px;}
+.qna .list-table-wrap li .t-writer {width: 10%;}
+.qna .list-table-wrap li .t-date {width: 10%;}
+.qna .list-table-wrap li .t-status {width: 10%;}
+.qna .list-table-wrap li .t-file {width:auto;}
+.qna .list-table-wrap li .t-answer {width:8%;text-align: center;}
+.qna .list-table-wrap li .t-answer span {display:inline-block;background:#e6e7e9;height:auto;padding:2px 10px 4px;border-radius: 50px;font-size:12px;}
+.qna .list-table-wrap li .t-answer span.compl {background: #b98d4d;color:#fff;font-weight: 400;}
+.qna .list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;}
+.qna .list-table-wrap .t-tit-line span {text-align: center;}
+.qna .list-table-wrap li .message {width: 100%;text-align: center;}
+.qna .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.qna .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
+.qna .list-table-wrap .list-qna .t-type {width: 175px;}
+.qna .list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
+.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
+.qna .btn-box {float:right;}
+
+.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;}
+
+.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;}
+.privacy .top-bg p {color:#fff;}
+.privacy .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
+.privacy .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
+.privacy .con {width:1200px;margin:0 auto;text-align: left;}
+.privacy .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
+.privacy .con .sec:last-child {border-bottom:0;}
+.privacy .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
+.privacy .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
+.privacy .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
+.privacy .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
+.privacy .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
+.privacy .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
+
+
+.service .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-service.jpg) no-repeat center;text-align: left;}
+.service .top-bg p {color:#fff;}
+.service .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
+.service .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
+.service .con {width:1200px;margin:0 auto;text-align: left;}
+.service .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
+.service .con .sec:last-child {border-bottom:0;}
+.service .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
+.service .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
+.service .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
+.service .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
+.service .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
+.service .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
+
+
+.error {text-align: center;width:100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;}
+.error .text h1 {font-size:18px;color:#474848;font-weight: 400;}
+.error .text h1 a span.title {margin-right:10px;margin-left:5px;padding-right:10px;border-right:1px solid #ddd;height:17px;line-height:17px;display: inline-block;}
+.error .text h1 a img {vertical-align: middle;margin:0px 0px 10px;}
+.error .text p:nth-of-type(1) {font-size:30px;font-weight: 500;margin-bottom:5px;}
+.error .text p:nth-of-type(1) span {color:#d47b1c;}
+.error .text p:nth-of-type(2) {font-size:20px;font-weight: 300;margin-bottom:30px;color:#333;}
+.error .text p:nth-of-type(3) {margin-bottom:40px;}
+.error .box {width:100%;background: #366ea3;padding:40px 0px;position: relative;}
+.error .box p:nth-of-type(1) {font-size:16px;color:#fff;font-weight: 400;margin-bottom: 40px;}
+.error .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #366ea3;width:14px;height:14px;border-radius:3px;z-index: 1;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);
+}
+.error .box .btn {margin:0px 0px;display:inline-block;padding:0;width:100%;}
+.error .box .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:4px 30px;margin:0px 5px;font-size:14px;font-weight:500;}
+.error .box .btn a.btn-white {color:#366ea3;}
+.error .box .btn a.btn-white:hover {background:#fff;}
+.error .box .btn a.btn-color {background:#214567;}
+
+
+
+/* 공유하기 팝업 */
+.pop-sharing {display: none;z-index: 200;}
+.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;} 
+.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;}
+.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;}
+.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-sharing .sns-list {text-align: center;padding-top: 16px;}
+.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
+.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
+.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
+.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
+.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
+.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
+.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
+.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
+.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;}
+.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}
+.pop-sharing .link-copy .btn:focus,
+.pop-sharing .link-copy .btn:hover {color: #fff;}
+.pop-sharing .pop-wrap .Qr {padding:35px;}
+.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#556676;border-radius:0px 0px 10px 10px;padding:13px 0px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}
+
+
+/* 서지정보 팝업 */
+.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;}
+.pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;}
+.pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
+.pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;}
+.pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;}
+.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;}
+.pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;}
+.pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;}
+.pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;}
+.pop-serge .inner .Text .text-box p span {font-weight: 500;position: relative;}
+.pop-serge .inner .Text .text-box p span::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
+.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) {text-indent: -14px;}
+.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) {text-indent: -14px;color:#2e899c;}
+.pop-serge .inner .btn-box {text-align: center;}
+.pop-serge .inner .btn-box .btn {width:auto;padding:10px 25px;line-height: normal}
+.pop-serge .inner .serge-close {position: absolute;right: 30px;top: 30px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-serge .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 팝업 */
+.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;}
+.pop-login .inner .row {padding:45px 60px 0px;text-align:center;}
+.pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
+.pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;}
+.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login .inner .First {padding:0px 60px 10px;}
+.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
+.pop-login .inner .First .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;}
+.pop-login .inner .First .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;}
+.pop-login .inner .First .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
+.pop-login .inner .First .Btn.Naver button {color:#fff;}
+.pop-login .inner .First .Btn.Kakao button {color:#111;}
+.pop-login .inner .First .Btn.Google button  {color:#111;}
+.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;}
+.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
+.pop-login .inner .Last p {margin-bottom:15px;}
+.pop-login .inner .Text {padding:20px 60px 0px;}
+.pop-login .inner .Text p:nth-of-type(1) {font-size:14px;line-height:22px;margin-bottom:10px;}
+.pop-login .inner .Text p:nth-of-type(1) span {color:#d47b1c;font-weight:500;}
+.pop-login .inner .Text p .join {border:1px solid #4a7ba6;color:#4a7ba6;border-radius: 6px;width:100%;display:inline-block;height:44px;line-height:44px;}
+.pop-login .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 연결 팝업 */
+.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
+.pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
+.pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-login-connect .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login-connect .inner .Text {}
+.pop-login-connect .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
+.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-login-connect .inner .First {padding:0px 60px 10px;}
+.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
+.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
+.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;}
+.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
+.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
+.pop-login-connect .inner .First .Btn button:hover span {color:#222;}
+.pop-login-connect .inner .btn {width:70%;padding:20px 15% 0px;}
+.pop-login-connect .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-login-connect .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login-connect .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 패스워드 팝업 */
+.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
+.pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
+.pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-login-password .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login-password .inner .Text {}
+.pop-login-password .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
+.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-login-password .inner .First {padding:0px 60px 10px;}
+.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
+.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
+.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;}
+.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;}
+.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
+.pop-login-password .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
+.pop-login-password .inner .First .Btn button:hover span {color:#222;}
+.pop-login-password .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-login-password .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-login-password .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-login-password .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login-password .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 알림 팝업 */
+.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
+.pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-notice .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-notice .inner .Text p {color:#666;font-size:13px;margin-bottom:50px;}
+.pop-notice .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-notice .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-notice .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-notice .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-notice .inner .notice-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-notice .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 반려사유 팝업 */
+.pop-return {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-return .inner .row {padding:0px 30px 0px;text-align:center;}
+.pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
+.pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-return .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-return .inner .Text .text-box {color:#666;background: #f8f8f8;border:1px solid #ddd;border-radius:3px;padding:20px;font-size:14px;height:80px;text-align: left;margin-bottom:40px;}
+.pop-return .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-return .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-return .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-return .inner .return-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-return .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 패스워드 변경 팝업 */
+.pop-change {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-change .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
+.pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-change .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-change .inner .change p {margin-bottom:5px;}
+.pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
+.pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;}
+.pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-change .inner .btn-box .btn.btn-color {width:170px;}
+.pop-change .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
+.pop-change .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-change .inner .change-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-change .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 패스워드 찾기 팝업 */
+.pop-find {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-find .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
+.pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-find .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-find .inner .Text p {color:#666;font-size:14px;margin-bottom:30px;}
+.pop-find .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-find .inner .find p {margin-bottom:5px;}
+.pop-find .inner .find p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
+.pop-find .inner .find p.text {font-size:12px;text-align: left;margin:10px 0px 30px;color:#2e899c;font-weight: 400;}
+.pop-find .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-find .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-find .inner .btn-box .btn.btn-color {width:170px;}
+.pop-find .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
+.pop-find .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-find .inner .find-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-find .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 회원 팝업 */
+.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-member .inner {display:inline-block;width:100%;height:auto;padding:40px 0px 20px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-member .inner .row {margin:0px 50px 0px;}
+.pop-member .Title {text-align:center;padding:0px 0px 30px;text-align: center;}
+.pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;}
+.pop-member .Title p {font-size:14px;font-weight: 100;line-height:16px;color:#fff;}
+.pop-member .inner .card {border-radius: 8px;padding:0px 0% 20px;background: #f5f5f5;overflow: hidden;z-index: 9;position: relative;}
+.pop-member .inner .card .title {text-align:center;padding:15px 0px 15px 85px;background:url(/images/icon/icon-member-secret.png) no-repeat 30px center #f5f5f5;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);text-align: left;}
+.pop-member .inner .card .title .name {font-size:24px;font-weight: 500;}
+.pop-member .inner .card .title .date {font-size:13px;}
+.pop-member .inner .card .qr {width:80%;padding:0% 10%;}
+.pop-member .inner .card .qr p {text-align: center;font-size:16px;margin:30px 0px 20px;}
+.pop-member .inner .card .qr img {width:100%;}
+.pop-member .inner .card .code {display: inline-block;width:100%;background: #e8e8ea;width:70%;padding:5px 5%;margin:10px 10%;border-radius: 5px;}
+.pop-member .inner .card .code .num .na {float:left;font-size:14px;}
+.pop-member .inner .card .code .num .co {float:right;font-size: 18px;font-weight: 500;color:#2e899c;}
+.pop-member .inner .text {text-align: center;font-size:13px;color:#fff;padding:20px 0px 0px;}
+.pop-member .inner .member-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;z-index: 99;}
+.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+.pop-member .innerbg {position: absolute;top:0px;left:0px;overflow: hidden;width: 800px;height: 800px;display: inline-block;
+text-align: center;background-color: transparent;}
+.pop-member .innerbg::after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;
+transform: rotate(30deg);
+background: rgba(255, 255, 255, 0.10);
+background: linear-gradient(to right,
+rgba(255, 255, 255, 0.10) 10%,
+rgba(255, 255, 255, 0.10) 77%,
+rgba(255, 255, 255, 0.3) 92%,
+rgba(255, 255, 255, 0.0) 100%);    
+-webkit-animation: animate-bg 2.0s 1.5s ease-out infinite;
+-moz-animation: animate-bg 2.0s 1.5s ease-out infinite;
+-o-animation: animate-bg 2.0s 1.5s ease-out infinite;
+animation: animate-bg 2.0s 1.5s ease-out infinite;
+}
+@keyframes animate-bg {
+0% {opacity: 1.0;}
+100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;}
+}
+.pop-member .innerbg::before {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;
+transform: rotate(30deg);
+background: rgba(255, 255, 255, 0.10);
+background: linear-gradient(to right,
+rgba(255, 255, 255, 0.10) 10%,
+rgba(255, 255, 255, 0.10) 77%,
+rgba(255, 255, 255, 0.3) 92%,
+rgba(255, 255, 255, 0.0) 100%);    
+-webkit-animation: animate-bg2 2.0s 1.9s ease-in infinite;
+-moz-animation: animate-bg2 2.0s 1.9s ease-in infinite;
+-o-animation: animate-bg2 2.0s 1.9s ease-in infinite;
+animation: animate-bg2 2.0s 1.9s ease-in infinite;
+}
+@keyframes animate-bg2 {
+0% {opacity: 0.5;}
+100% {opacity: 0;top: -30%;left: -30%;transition-property: left, top, opacity;}
+}
+
+
+/* 상세검색 팝업 */
+.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;}
+.popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
+.popup .btn-wrap {padding-top: 20px;}
+.popup .pop-wrap input[type="password"] {box-sizing: border-box;width: 100%;padding: 0 20px 0 40px;border: 1px solid #ddd;border-radius: 2px;line-height: 40px;background: #fff url(/images/icon/icon-scr.png) no-repeat 20px center;}
+
+.pop-advanced-search .pop-wrap {background: #f2f4f7;width: 90%;max-width: 1400px;height: 80%;overflow: hidden;border-radius: 8px;}
+.pop-advanced-search .pop-wrap .Title {background: #3670a3;width:96%;padding:0px 2%;height:80px;line-height: 80px;}
+.pop-advanced-search .pop-wrap .Title span {color:#fff;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) {font-size:24px;font-weight:500;margin-right:10px;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) {font-size:12px;font-weight:100;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(3) {position: absolute;right: 30px;top: 30px;}
+.pop-advanced-search .pop-wrap form {padding: 30px;height: calc(100% - 140px);overflow: auto;}
+.pop-advanced-search .scroll-wrap {width:100%;height: calc(100% - 103px);overflow: auto;}
+.advanced-form-table {border: 1px solid #ccc;border-bottom: none;border-radius: 4px;overflow: hidden;}
+.advanced-form-table:after {content:"";display: block;clear: both;}
+.advanced-form-table li {display: table;border-bottom: 1px solid #ccc;width:50%;float: left;min-height: 59px;}
+.advanced-form-table li.fw {width:100%}
+.advanced-form-table .row-control-num {width: 50%;}
+.advanced-form-table .row-issued-year {width: 50%;}
+.advanced-form-table .row-age {width: 50%;}
+.advanced-form-table .row-times {width: 50%;}
+.advanced-form-table .row-times .check {margin-right: 14px;width:11%;}
+.advanced-form-table .row-class .check {margin-right: 14px;width:11%;}
+.advanced-form-table .tit {display: table-cell;vertical-align: middle;width: 100px;background: #f4f4f4;padding: 10px 0px;box-sizing: border-box;word-spacing: 1.5em;text-align: center;font-size:14px;}
+.advanced-form-table .input-area {display: table-cell;vertical-align: middle;padding: 10px 20px;background: #fff;box-sizing: border-box;height: 60px;}
+.advanced-form-table .input-area input {display: block;float: left;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;border-radius: 3px;width: 100%;height:38px;height:38px;}
+.advanced-form-table .input-area input:focus,
+.advanced-form-table .input-area input:hover {border-color: #2781c1;transition: border .3s ease;color: #000;}
+.advanced-form-table .row-keyword-detail input {width: calc(100% - 0px);margin-right: 15px;}
+.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;}
+.advanced-form-table .row-issued-year input {width: calc(50% - 16px);}
+.advanced-form-table .row-age input {width: calc(50% - 16px);}
+.advanced-form-table .input-area .tilde {display: block;float: left;line-height: 38px;color: #999;margin: 0 11px;}
+.advanced-form-table .check {display: inline-block;}
+.pop-advanced-search .conditions-wrap {margin-top: 20px;padding-bottom: 10px;}
+.pop-advanced-search .conditions-title {position: static;width: auto;height: auto;line-height: 1;font-size: 18px;font-weight: 800;visibility: visible;margin-bottom: 10px;}
+.conditions-wrap .selected-conditions {border: 1px solid #ccc;background: #fff;border-bottom: none;padding: 15px 10px;border-radius: 4px 4px 0 0;}
+.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;}
+.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;}
+.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;}
+.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
+.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
+.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
+.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;}
+.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}
+.conditions-wrap .selected-conditions .conditions li button:hover,
+.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}
+.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;}
+.pop-advanced-search .line:after {content: "";display: block;clear: both;}
+.pop-advanced-search .depth1 {float: left;width: 16.666%;}
+.pop-advanced-search .depth2 {display: none;}
+.pop-advanced-search .conditions-subject .depth1 {width: 11.111%;}
+.pop-advanced-search .conditions-story .depth1 {width: 25%;}
+.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;}
+.pop-advanced-search .conditions-wrap .depth1 {text-align: center;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 50px;background: #f4f4f4;color: #666;}
+.pop-advanced-search .conditions-wrap .depth1.on {background: #fff;border-bottom: none;}
+.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;}
+.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;}
+.pop-advanced-search .tab-name {background: transparent;width: 100%;height: 50px;}
+.pop-advanced-search .tab-name:hover,
+.pop-advanced-search .tab-name:focus {color: #2781c1;}
+.pop-advanced-search .conditions-wrap .line {position: relative;}
+.pop-advanced-search .conditions-wrap .line:after {content: "";display: block;clear: both;}
+.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left;border-right: 1px solid #ddd;}
+.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none;background: #fff;position: absolute;width: 100%;z-index: 5;top: 50px;left: 0;border-bottom: 1px solid #ddd;padding: 20px;box-sizing: border-box;text-align: left;}
+.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block;width: 14.285%;margin-right: -4px;line-height: 34px;}
+.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;}
+.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;}
+.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
+.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
+.pop-advanced-search .check input[type="checkbox"]:focus + label,
+.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
+.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
+.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
+.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
+.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px;overflow: hidden;width: 30px;height: 48px;position: absolute;right: 0;padding: 0;}
+.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none;width: 33px;height: 33px;}
+.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;}
+
+
+
+/* button style */
+.btn-wrap {text-align: center;margin:30px 0px 30px;}
+.btn-box {margin:30px 0px 30px;}
+.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;margin-right: 6px;color: #999;}
+.btn-black {background: #333;color: #fff;}
+.btn-black:focus,
+.btn-black:hover {background: #666;transition: background .3s ease;}
+.btn-color {background: #376795;color: #fff;}
+.btn-color:focus,
+.btn-color:hover {background: #0061a6;transition: background .3s ease;}
+.btn-green {background: #327f8f;color: #fff;}
+.btn-green:focus,
+.btn-green:hover {background: #1a6878;transition: background .3s ease;}
+.btn-orange {background: #ec8c26;color: #fff;}
+.btn-orange:focus,
+.btn-orange:hover {background: #e26c26;transition: background .3s ease;}
+.btn-gray {background: #666;color: #fff;}
+.btn-gray:focus,
+.btn-gray:hover {background: #444;transition: background .3s ease;}
+.btn-lightgray {background: #909090;color: #fff;}
+.btn-lightgray:focus,
+.btn-lightgray:hover {background: #666;transition: background .3s ease;}
+.btn-white {border: 1px solid #999;background: #fff;}
+.btn-white:focus,
+.btn-white:hover {color: #fff;background: #2781c1;border-color: #2781c1;transition: background .3s ease;}
+.btn-view-original {width: 128px;height: 38px;color: #fff;background: #2781c1;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -19px;text-align: center;line-height: 38px;}
+.btn-box .left {float:left;}
+.btn-box .right {float:right;}
+
+
+/* check style */
+.chk {position: relative;} 
+.chk input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
+.chk input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
+.chk input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
+.chk input[type="checkbox"]:focus + label,
+.chk input[type="checkbox"]:hover + label {color: #000;}
+.chk input[type="checkbox"]:focus + label:before,
+.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.chk input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
+
+.chk input[type="checkbox"] + label {font: 12px;padding-left: 20px;line-height: 15px;} 
+.chk input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
+.chk input[type="checkbox"]:focus + label,
+.chk input[type="checkbox"]:hover + label {color: #000;}
+.chk input[type="checkbox"]:focus + label:before,
+.chk input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.chk input[type="checkbox"]:checked + label {color: #2781c1;}
+.chk input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
+
+.check {position: relative;} 
+.check input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
+.check input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
+.check input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
+.check input[type="checkbox"]:focus + label,
+.check input[type="checkbox"]:hover + label {color: #000;}
+.check input[type="checkbox"]:focus + label:before,
+.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 0px;}
+.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:18px;right:8px;left:auto;}
+
+.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
+.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
+.pop-advanced-search .check input[type="checkbox"]:focus + label,
+.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
+.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
+.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
+.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
+
+.paging {text-align: center;padding: 40px 0 0;}
+.paging li {font-size: 0;display: inline-block;vertical-align: middle;box-sizing: border-box;min-width: 30px;height: 30px;text-align: center;line-height: 30px;}
+.paging .btn {width: 30px;}
+.paging li a {display: block;font-size: 16px;letter-spacing: -.05em;}
+.paging li.on {color: #2781c1;}
+.paging li.on a {text-decoration: underline;}
+.paging .btn {overflow: hidden;text-indent: -9999px;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;}
+.paging .btn-next {background-image: url(/images/btn/btn-paging-next.png);background-position:center right;}
+.paging .btn-prev {background-image: url(/images/btn/btn-paging-prev.png);background-position:center left;}
+.paging .btn-first {background-image: url(/images/btn/btn-paging-first.png);}
+.paging .btn-last {background-image: url(/images/btn/btn-paging-last.png);}
+.paging .btn-prev {text-indent: 0px;width:70px;text-align: right;}
+.paging .btn-next {text-indent: 0px;width:70px;text-align:left;}
+.paging .btn a {font-size:12px;font-weight: 300;}
+
+.article-side .filter-wrap .Title {display:none;}
+
+
+
+/* 1400px 이하 */
+@media all and (max-width:1400px) {
+
+}
+
+/* 768px 이하 */
+@media all and (max-width:768px) {
+
+}
+
+/* 368px 이하 */
+@media all and (max-width: 368px) {
+
+}
+
+
+
+
+
+
diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index 73cae39e..59b1d4d7 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -1,1014 +1,2075 @@
-/* 공통 */
-a.pop-logo { display: none; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; align-items: center; } 
-a.pop-logo img { margin-right: 10px; } 
-.mo-ver { display: none; } 
-.wrap header .inner h1 a span.title-1 { border-left: none; margin: 0; } 
-.go_btn { display: none; } 
-#mo_search_icon { display: none; margin-right: 24px; } 
-.btn-go-top.mo-go-top { bottom: 86px; } 
-#mo-member-btn { display: none; width: calc(100% - 32px); height: 50px; background: #376795; border-radius: 5px; position: absolute; right: 16px; top: -65px; z-index: 19; position: fixed; top: inherit; bottom: 20px; font-weight: 500; font-size: 14px; color: #ffffff; } 
-.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; } 
-.mo-nav-wrap.show { width: 286px; } 
-.mo-nav-wrap .menu_bg { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.2s ease-in; } 
-.mo-nav-wrap.show .menu_bg { display: block; } 
-.mo-nav-wrap .login_box { width: 100%; height: 267px; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); padding: 135px 16px 18px; box-sizing: border-box; } 
-.mo-nav-wrap .login_box h2 { font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; } 
-.mo-nav-wrap .login_box .btns_box { display: flex; margin-top: 20px; } 
-.mo-nav-wrap .login_box .btns_box button { width: 50%; height: 40px; background: #374d64; border-radius: 3px; font-weight: 500; font-size: 12px; color: #ffffff; } 
-.mo-nav-wrap .login_box .btns_box button.btn_login { margin-right: 16px; } 
-.mo-nav-wrap .menu_box { height: calc(100vh - 267px); overflow: auto; background: #fff; } 
-.mo-nav-wrap .menu_box .mo_menu { background: #fff; } 
-.mo-nav-wrap .menu_box .mo_menu .wrap { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; color: #333333; } 
-.mo-nav-wrap .menu_box .mo_menu.show > div { color: #376795; font-weight: 500; } 
-.mo-nav-wrap .menu_box .mo_menu .drop_icon { width: 14px; height: 10px; background: url("/images/icon/icon-mo-show.png") no-repeat; background-position: center; } 
-.mo-nav-wrap .menu_box .mo_menu.show .drop_icon { background: url("/images/icon/icon-mo-hide.png") no-repeat; background-position: center; } 
-.mo-nav-wrap .menu_box .mo_menu a .drop_icon { visibility: hidden; } 
-.mo-nav-wrap .menu_box .mo_menu .name,
-.mo-nav-wrap .menu_box .mo_menu .drop_icon { padding: 16px 16px; } 
-.mo-nav-wrap .menu_box .sub-menu { display: none; background: #f0f0f0; } 
-.mo-nav-wrap .menu_box .mo_menu.show .sub-menu { display: block; padding: 16px 26px; } 
-.wrap .nav-wrap .inner .left { display: none; } 
-.pop-login .inner .mo-pop-Title { display: none; font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
-.pop-login .inner .mo-pop-Title span { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #376795; } 
-.pop-login-connect .inner h3.row,
-.pop-login-password .inner h3.row { display: none; padding: 0; font-size: 22px; line-height: 33px; margin-bottom: 20px; } 
-.pop-login-connect .inner h3.row span,
-.pop-login-password .inner h3.row span { color: #376795; } 
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk span { margin-left: 10px; } 
-
-/* 공지사항 */
-.list-table-wrap li span.t-wrap { display: flex; align-items: center; } 
-.list-table-wrap li.t-tit-line .t-tit { justify-content: center; } 
-.list-table-wrap li .t-tit { width: 68%; display: flex; align-items: center; } 
-.list-table-wrap li span.t-info { flex: 1; display: flex; align-items: center; } 
-.list-table-wrap li span.t-info > span { display: flex; align-items: center; justify-content: center; } 
-.list-table-wrap li .t-writer { width: 36%; } 
-.list-table-wrap li .t-date { width: 36%; } 
-.list-table-wrap li .t-file { flex: 1; } 
-
-/* 희망 방문일 */
-.cart .inner .loan-confirm .tabs_item .visit-select-box { border-top: 1px solid #333; border-bottom: 1px solid #ddd; padding: 40px 0; margin-bottom: 20px; } 
-.cart .inner .loan-confirm .tabs_item .visit-select-box h3 { border-bottom: none; } 
-.cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 20px; } 
-.cart .inner .loan-confirm .visit-text { color: #666666; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 40px; } 
-.cart .inner .loan-confirm .visit-select-box select { height: 36px; line-height: 36px; padding: 0px 2%; border: 1px solid #ddd; border-radius: 3px; margin: 0 6px; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-left: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } 
-.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
-.pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 
-
-/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
-@media all and (max-width: 479px){
- .mo-ver { display: block !important; } 
- .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
- .wrap { position: relative; width: 100vw; min-width: auto; } 
- .wrap.sub { padding-top: 73px; } 
- .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
- .wrap header .inner { width: auto; margin: 0; } 
- .wrap header .inner h1 { width: auto; } 
- .wrap.sub .nav-wrap { box-shadow: none; } 
- .wrap header .inner h1 a span.title-2 { display: none; } 
- .wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; } 
- .wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; } 
- .wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; } 
- .wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;}
- .wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */
- .wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; } 
- .wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; } 
- .wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; } 
- .wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; } 
- .wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; } 
- .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } 
- .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } 
- .wrap header .inner .log { display: none; } 
- .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } 
- .wrap .nav-wrap.scroll_on { box-shadow: none; } 
- .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } 
- .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } 
- .wrap .nav-wrap .inner .left { display: none;z-index:999; } 
- .wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; } 
- .wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; } 
- .wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; } 
- .wrap .nav-wrap .inner .left span,
- .wrap .nav-wrap .inner .left .member-btn { display: none; } 
- .wrap .nav-wrap .inner .right { display: flex;z-index:999; } 
- #mo_search_icon { display: block; } 
- #primary-nav-button.mobile { position: relative; top: 0; } 
- .wrap .nav-wrap .Btn i { background: #fff; } 
- .wrap .nav-wrap .Btn i::before { background: #fff; } 
- .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } 
- .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } 
- .sec1 .inner .banner { height: 400px; background-position: -452px; } 
- .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } 
- .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } 
- .sec1 .inner .banner p > span { display: block; } 
- .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } 
- .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } 
- .sec1 .inner .color-box .list .title { font-size: 12px; line-height: 18px; margin: 8px 0px 9px; } 
- .sec1 .inner .color-box .list .icon img { width: 32px; } 
- .sec1 .inner .color-box .list .open { display: none; } 
- .sec2 { padding: 0px 0px 60px; } 
- .sec2 .keyword-box { width: 100vw; } 
- section h3 { font-size: 22px; margin-bottom: 0px; } 
- section .inner p.desc { font-size: 14px; margin-bottom: 16px; } 
- section .inner ul.list-tag { height: 66px; overflow: hidden; } 
- .sec3 { padding: 52px 0px 60px; } 
- .sec3 .pickSwiper::before,
- .sec3 .pickSwiper::after { display: none; } 
- .sec3 .pickSwiper .swiper-slide .list-box { height: 310px; } 
- .sec3 .pickSwiper .swiper-slide .list-box .images { padding: 10px 0px; height: 185px; } 
- .sec3 .pickSwiper .swiper-slide .list-box .subject { padding: 15px; } 
- .sec3 .pickSwiper .swiper-slide .list-box .subject .block { margin-bottom: 6px; } 
- .sec3 .pickSwiper .swiper-slide .list-box .subject .cla { padding: 5px 10px; border-radius: 85px; } 
- .sec3 .pickSwiper .swiper-slide .list-box .subject .tit { font-size: 14px; } 
- .swiper-button-next,
- .swiper-button-prev { display: none; } 
- .sec4 .inner .middle-banner { background: url("/images/bg/bg-sec4-bg-mo.jpg") no-repeat; height: 200px;background-size:100%; } 
- .sec4 .inner .middle-banner h3 { padding: 40px 0px 10px; font-size: 22px; line-height: 33px; } 
- .sec4 .inner .middle-banner p { font-size: 14px; } 
- .sec5 { padding: 52px 0px 60px 16px; } 
- .sec5 .inner { width: 100%; } 
- .sec5 .inner .tabs { width: max-content; } 
- .sec5 .inner .tab_content { padding: 0 16px 0 0; margin-top: 30px; box-sizing: border-box; width: 100%; border: none; background: none; } 
- .sec5 .inner .tabs_item { padding: 0; } 
- .sec5 .inner .tabs_item ul li { background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; padding: 30px; } 
- .sec5 .inner .tabs_item ul li .con-1 .cla { padding: 5px 10px; } 
- .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } 
- .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } 
- .sec6 { padding: 52px 0px 60px; } 
- .sec6 .inner .more-btn {top:0px;}
- .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;}
- .popularSwiper .swiper-pagination { position: relative; } 
- .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } 
- .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } 
- .sec6 .onlineSwiper::before,
- .sec6 .onlineSwiper::after { display: none; } 
- .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
- .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } 
- .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } 
- .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } 
- .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } 
- .sec7 .inner { width: 100%; display: flex; flex-direction: column; } 
- .sec7 .inner .Fl { float: none; width: 100%; margin: 0; } 
- .sec7 .inner .Fl.notice { margin-bottom: 24px; } 
- .sec7 .inner .Fl .ti { display: flex; align-items: center; justify-content: space-between; } 
- .sec7 .inner .Fl .ti span { font-size: 18px; } 
- .sec7 .inner .Fl .ti a span { height: auto; } 
- .sec7 .inner .Fl .ti a span > span { display: none; } 
- .sec7 .inner .Fl .ti a span img { width: 22px; margin: 0; } 
- .sec7 .inner .Fl .con { padding: 0 20px; border: 1px solid #dddddd; border-radius: 5px; } 
- .sec7 .inner .Fl .con .list a { display: flex; } 
- .sec7 .inner .Fl .con .list .text { font-size: 16px; line-height: 24px; flex: 1; } 
- .sec7 .inner .Fl .con .list .text p { display: flex; align-items: center; } 
- .sec7 .inner .Fl .con .list .text p img { margin: 0; } 
- .sec7 .inner .Fl .con .list .answer { display: none; } 
- footer { padding: 20px 0px 16px; position: relative; height: auto; box-sizing: border-box; } 
- footer .inner { width: 100%; box-sizing: border-box; } 
- footer .row-top { display: flex; flex-direction: column; align-items: center; } 
- footer .row-top .footer-logo img { width: 140px; } 
- footer .family_site { position: relative; display: flex; align-items: center; width: 90%; padding: 0 5%; box-sizing: border-box; } 
- footer .family_site .site_name { width: 100%; margin: 0; flex: 1; } 
- footer .family_site .go_btn { display: block; background: #1b1b1b; border-radius: 5px; width: 74px; height: 40px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; } 
- footer .fnb li { font-size: 12px; line-height: 18px; text-align: center; margin: 0 6px; } 
- footer .row-bottom .left-side { float: unset; } 
- footer .row-bottom .left-side ul { display: flex; align-items: center; justify-content: center; } 
- footer .copy { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; } 
- footer .copy span:first-child { display: block; } 
- footer .copy br { display: none; } 
- .btn-go-top span:nth-of-type(2) { display: none; } 
- .btn-go-top img { width: 24px; } 
- #mo-member-btn { display: block; } 
-
- /* 서브 공통 */
- .location .inner .row-top .location-box .tit li { font-size: 22px; } 
- .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } 
-
- /* 회원가입 */
- .join .inner .row-bottom { width: 100vw; min-height: 400px; padding: 0 16px; box-sizing: border-box; } 
- .join .inner .row-bottom .join-box .login { margin-top: 60px; width: 100%; } 
- .join .inner .row-bottom .join-box .step { padding-bottom: 24px; } 
- .join .inner .row-bottom .join-box .step > div .icon,
- .join .inner .row-bottom .join-box .step > div .text p:nth-child(1) { display: none; } 
- .join .inner .row-bottom .join-box .step > div { box-sizing: border-box; height: 45px; display: flex; align-items: center; justify-content: center; } 
- .join .inner .row-bottom .join-box .privacy-box > div { position: relative; margin-bottom: 60px; } 
- .join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk { position: absolute; bottom: -30px; } 
- .join .inner .row-bottom .join-box .btn-box { display: flex; } 
- .join .inner .row-bottom .join-box .btn-box .btn { width: 50%; margin-right: 16px; } 
- .join .inner .row-bottom .join-box .btn-box .btn:last-child { margin-right: 0; } 
- .join .inner .row-bottom .join-box { padding-bottom: 60px; } 
- .join .inner .row-bottom .join-box .form-group { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
- .join .inner .row-bottom .join-box .form-group .con,
- .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } 
- .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } 
- .join .inner .row-bottom .join-box .Usersex .con { display: flex; } 
- .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } 
- .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } 
- .join .inner .row-bottom .join-box .Userbirth #year { width: 94%; } 
- .join .inner .row-bottom .join-box .Userbirth #month { margin-left: 0; } 
- .join .inner .row-bottom .join-box .Userbirth #month,
- .join .inner .row-bottom .join-box .Userbirth #day { width: 40.5%; } 
- .join .inner .row-bottom .join-box .Usermobile .row input { width: 21.5% !important; } 
- .join .inner .row-bottom .join-box .Usermobile .row input.cer,
- .join .inner .row-bottom .join-box .Useremail .row input,
- .join .inner .row-bottom .join-box .Useraddr .row input.addr1 { width: 72% !important; } 
- .join .inner .row-bottom .join-box .form-group .con span.text,
- .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } 
- .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } 
- .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } 
- .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } 
-
- /* 가입 완료 */
- .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } 
- .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) { font-size: 15px; } 
- .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) { font-size: 14px; } 
- .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span { display: block; } 
- .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 16px; } 
- .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) { font-size: 14px; } 
- .join.succ .inner .row-bottom .join-box .success .btn { margin: 30px 0px; width: 100%; height: 45px; } 
- .join.succ .inner .row-bottom .join-box .success .btn a { padding: 0; font-weight: normal; width: 100%; height: 100%; font-size: 14px; } 
-
- /* 휴면 계정 */
- .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 18px; } 
- .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) br { display: none; } 
- .join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 15px; } 
- .join.dormant .inner .row-bottom .join-box .success .btn { display: flex; } 
- .join.dormant .inner .row-bottom .join-box .success .btn a { width: 50%; margin-right: 10px; } 
- .join.dormant .inner .row-bottom .join-box .success .btn a:last-child { margin-right: 0; } 
-
- /* 알림 */
- .noti-data .contents { width: 100%; padding: 0 16px; box-sizing: border-box; min-height: 400px; } 
- .noti-data .inner .noti-box .title { margin: 0; } 
- .noti-data .inner .noti-box .title .count { font-size: 14px; } 
- .noti-data .inner .noti-box .title .text p { display: none; } 
- .noti-data .list-accordion .question { background: transparent url("/images/btn/btn-arrow-open.png") no-repeat 10px center; display: flex; flex-direction: column; padding: 10px; } 
- .noti-data .list-accordion .question .type,
- .noti-data .list-accordion .question span { padding-left: 50px; height: auto; font-size: 14px; line-height: 21px; } 
- .list-accordion .question .type::before,
- .list-accordion .question.on .type::before { background: none; } 
- .noti-data .list-accordion .question .date { position: absolute; top: 10px; right: 10px; padding-right: 0 !important; } 
- .noti-data .list-accordion .question.on { background: url("/images/btn/btn-arrow-close.png") no-repeat 10px center #556676; } 
- .noti-data .list-accordion .question.on span { font-size: 14px; } 
- .noti-data .list-accordion .answer { padding: 20px 10px 20px 64px; font-size: 14px; line-height: 21px; } 
- .noti-data .list-accordion .answer::before { width: 2px; height: 36px; left: 50px; top: 24px; } 
-
- /* 카트 */
- .cart .contents { width: 100%; padding: 0 16px 100px; box-sizing: border-box; } 
- .cart .inner .tabs { display: flex; } 
- .cart .inner .tabs li { width: 50%; } 
- .cart .inner .tabs a { min-width: auto; width: 100%; } 
- .cart .inner .tabs_item .list-cart-wrap h3 { font-size: 16px; border-top: 2px solid #222222; padding: 10px 10px 0; } 
- .cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 10px; } 
- .cart .inner .loan-confirm .tabs_item h3 { border-bottom: 1px solid #dddddd; padding: 10px; } 
- .cart .inner .loan-confirm .tabs_item .visit-text { font-size: 12px; } 
- .cart .inner .loan-confirm .tabs_item .visit-select-box { padding: 25px 0 15px; } 
- .cart .inner .loan-confirm .tabs_item .visit-select-box h3 { padding-top: 0; font-size: 18px; line-height: 27px; } 
- .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box { display: flex; flex-direction: column; font-size: 14px; } 
- .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span { display: flex; align-items: center; margin-bottom: 10px; } 
- .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span select { flex: 1; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: flex; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 10px 0; box-sizing: border-box; } 
- .cart .inner .loan-confirm .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: none; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div { color: #333333; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-mo { display: none; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { width: auto; display: flex; align-items: center; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list { position: relative; padding: 10px 10px 20px; height: auto; box-sizing: border-box; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-data:not(.t-mo) { width: 100%; display: flex; flex-direction: column-reverse; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { height: 35px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a,
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date,
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan,
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit { width: auto !important; display: flex; flex-direction: column; font-size: 12px; line-height: 18px; text-align: left; position: absolute; bottom: 20px; left: 220px; padding: 0; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date::before { content: "반납예정일"; color: #333333; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 134px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan::before { content: "대출"; color: #333333; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan { bottom: 76px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit::before { content: "방문열람"; color: #333333; } 
- .cart .inner .tabs_item .btn-box.btn-cart-top { display: flex; margin-bottom: 0; } 
- .btn-cart-top.go-cart-fix { position: fixed; bottom: 0; left: 0; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.35); margin: 0; z-index: 999; } 
- .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
- .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
- .cart .inner .tabs_item .btn-box .btn-gray { display: none; } 
- .cart .inner .tabs_item .btn-box .left,
- .cart .inner .tabs_item .btn-box .right { width: 50%; } 
- .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } 
- .cart .inner .tabs_item .btn-box .btn { width: 100%; } 
-
- /* 대출신청/예약확인 */
- .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } 
- .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { left: 10px; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state { width: 100%; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 38px 0 40px; } 
- .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-data > div.title { width: 100%; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 208px; } 
- .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 188px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 158px; } 
- .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 138px; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit,
- .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit { bottom: 0; left: 10px; width: 100%; } 
- .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit::before,
- .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit::before { content: ""; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser { position: absolute; left: 220px; bottom: 106px; width: auto !important; padding: 0; display: flex; flex-direction: column; font-size: 12px; text-align: left; } 
- .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser { bottom: 86px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청/예약정보"; color: #333333; } 
- .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청정보"; color: #333333; } 
- .cart .inner .tabs_item .text { font-size: 12px; line-height: 18px; text-indent: -7px; padding-left: 7px; box-sizing: border-box; } 
- .cart .inner .loan-confirm .tabs_item .text { margin-bottom: 10px; } 
- .cart .inner .tabs_item .list-cart-wrap { margin-bottom: 0; } 
- .cart .inner .tabs_item .total-box { display: flex; justify-content: space-between; border-top: none; padding: 20px 0; } 
- .cart .inner .tabs_item .total-box .row-top { display: flex; flex-direction: column; justify-content: space-between; width: 100px; height: auto; text-align: left; background: #fff; border-bottom: none; } 
- .cart .inner .tabs_item .total-box .row-top > div { width: auto; height: auto; color: #666666; line-height: 27px; } 
- .cart .inner .tabs_item .total-box .row-bottom { display: flex; align-items: flex-end; flex-direction: column; width: 200px; height: auto; padding: 0; line-height: 27px; } 
- .cart .inner .tabs_item .total-box .row-bottom > div.plus,
- .cart .inner .tabs_item .total-box .row-bottom > div.result { display: none; } 
- .cart .inner .tabs_item .total-box .row-bottom > div strong { font-size: 18px; } 
- .cart .inner .tabs_item .btn-wrap { display: flex; } 
- .cart .inner .tabs_item .btn-wrap .btn { width: 50%; margin-right: 16px; } 
- .cart .inner .tabs_item .btn-wrap .btn:last-child { margin-right: 0; padding: 0 10px; } 
-
- /* 신청완료 */
- .cart .inner .tabs_item .compl-box { border-top: none; } 
- .cart .inner .visit-confirm .tabs_item .compl-box { border-top: 1px solid #333; } 
- .cart .inner .tabs_item .compl-box .compl-icon img { width: 48px; } 
- .cart .inner .tabs_item .compl-box .compl-text { font-size: 18px; } 
- .cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; } 
-
- /* 인사말 */
- .greeting .inner .row-bottom { width: 100%; padding-bottom: 60px; } 
- .greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; } 
- .greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; } 
- .greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; } 
- .greeting .inner .row-bottom .greeting-box .gree .left { width: 100%; margin-right: 0; } 
- .greeting .inner .row-bottom .greeting-box .gree .right { width: 100%; margin-top: 20px; } 
- .greeting .inner .row-bottom .greeting-box .gree .left p.text { font-size: 14px; } 
- .greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; } 
- .greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; } 
- .greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; } 
-
- /* 이용안내 */
- .guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; } 
- .guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; } 
- .guide .inner .row-bottom .guide-box .banner .left { width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; } 
- .guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; } 
- .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; } 
- .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; } 
- .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span { top: -10px; } 
- .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) { font-size: 14px; } 
- .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) { font-size: 18px; margin-bottom: 8px; } 
- .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) { font-size: 14px; } 
- .guide .inner .row-bottom .guide-box .banner .right { width: 100%; height: auto; padding: 34px 30px 0; box-sizing: border-box; } 
- .guide .inner .row-bottom .guide-box .banner .right .list-box .li { display: flex; margin: 0 0 30px; } 
- .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num { width: 67px; } 
- .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } 
- .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) { height: 50px; display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } 
- .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) { font-size: 12px; margin-left: -60px; } 
- .guide .inner .row-bottom .guide-box .info-box .info-sec h3 { font-size: 18px; margin-bottom: 6px; } 
- .guide .inner .row-bottom .guide-box .info-box .info-sec .text-box { padding: 20px 30px; } 
- .guide .inner .row-bottom .guide-box .info-box .info-sec { margin-bottom: 30px; } 
- .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(3) .text-box p,
- .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(4) .text-box p { display: flex; } 
-
- /* 오시는 길 */
- .map .contents { width: 100%; padding: 0 16px 80px; box-sizing: border-box; } 
- .map .inner .row-bottom .map-box { margin-bottom: 24px; } 
- .map .inner .row-bottom .map-box h2 { margin-bottom: 6px; font-size: 18px; } 
- .map .inner .row-bottom .map-box .info { display: flex; flex-direction: column; } 
- .map .inner .row-bottom .map-box .info .mapimg { height: 156px; } 
- .map .inner .row-bottom .map-box .info > div { width: 100%; text-align: left; padding: 45px 28px; box-sizing: border-box; min-height: auto; border-bottom: 1px solid #ddd; border-right: none; } 
- .map .inner .row-bottom .map-box .info > div:last-child { border-bottom: none; } 
- .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) { width: 28px; height: 28px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center; } 
- .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img { width: 70%; margin: 0; } 
- .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; } 
- .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; } 
- .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; } 
- .map .inner .row-bottom .info-box .info-sec h3 { font-size: 18px; } 
- .map .inner .row-bottom .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; } 
- .map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } 
- .map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } 
- .map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } 
- .map .inner .row-bottom .map-box .info #map {height:155px !important;}
-
- /* 소장자료 */
- .data .inner .row-bottom { width: 100%; padding: 0 0 100px 16px; box-sizing: border-box; } 
- .article-side { display: none; background: #fff; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 101; } 
- .article-side .Title.mo-ver { padding: 15px 16px; background: url("/images/bg/bg-login.jpg") no-repeat; background-size: cover; text-align: left; } 
- .article-side .Title.mo-ver h3 { font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; } 
- .article-side .Title.mo-ver .filter-close { position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url("/images/btn/btn_close_size_27x26_c9c9c7.png") no-repeat; background-size: 100%; } 
- .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; } 
- .culture-box { width: 100%; } 
- .data .mo_tabs_wrap { height: 50px; } 
- .data .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
- .data .inner .tabs li.current::before {bottom: calc(0% - -5px);}
- .data .inner .tabs li a { border-radius: 0; border-right: none; } 
- .data .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
- .data .inner .tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
- .data .inner .data-box .culture-box .tab > .title { display: flex; flex-direction: column-reverse; height: auto; padding-right: 16px; } 
- .data .inner .data-box .culture-box .tab .title .count { display: flex; font-size: 14px; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search { margin-left: 0; width: 100%; text-align: left; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select,
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select { margin-left: 0; width: 100%; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input { margin-left: 0; width: 100%; box-sizing: border-box; margin: 10px 0 26px; display: flex; padding: 0 0 0 36px; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button[type="submit"] { background: url("/images/icon/icon-search-mo.png") no-repeat center; right: auto; left: 0; } 
- .data .inner .tab_content { padding-right: 16px; box-sizing: border-box; } 
- .data .inner .tabs_item { border-top: 1px solid #222222; padding: 0; } 
- .data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line { display: none; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list { box-sizing: border-box; display: flex; flex-direction: column; height: auto; padding: 0; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 30px 10px 130px; box-sizing: border-box; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type,
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title,
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { width: 100%; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span { display: inline; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p br {display:none;}
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span {display:inline-block;margin:0px 5px;height:10px;line-height:10px;}
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span:nth-of-type(1) {border-right:1px solid #3f8f4a;padding-right:10px;}
-
-
- /* 결과 없음 */
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
- .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 { margin-bottom: 16px; font-size: 18px; } 
- .paging { width: 100%; display: flex; justify-content: center; } 
- .paging li { margin: 0 !important; padding: 0 !important; min-width: auto; width: 24px !important; background-position: center !important; } 
- .paging .btn-prev a,
- .paging .btn-next a { display: none; } 
- .paging li a { font-size: 14px; } 
- .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.btn_filter { position: absolute; top: 3px; right: 10px; background: #e6e7e9; width: 43px; height: 28px; border-radius: 30px; font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; text-indent: 0; } 
-
- /* 소장 자료 상세 */
- .data.detail .inner .row-top .center { width: 100%; display: flex; flex-direction: column; padding: 0 16px; box-sizing: border-box; } 
- .data.detail .inner .row-top .center .left,
- .data.detail .inner .row-top .center .right,
- .data.detail .inner .row-bottom .con-4 .top h3,
- .data.detail .inner .row-bottom .con-4 .top h3::before,
- .data.detail .inner .row-top .center .left .img img { width: 100%; } 
- .data.detail .inner .row-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: 15px 10px; box-sizing: border-box; } 
- .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px;height:155px; } 
- .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(2) { border-right: none; } 
- .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(n + 3) { padding: 20px 0 0; border-top: 1px solid #ddd; } 
- .data.detail .inner .row-bottom .con-1 .list-box .list .icon img { width: 60px; height: 60px; } 
- .data.detail .inner .row-bottom .con-1 .text-box { width: 100%; padding: 16px 20px; box-sizing: border-box; word-break: break-all; } 
- .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; }
- .data.detail .inner .row-bottom .con-1 .list-box .list .con span {display:block;}
-  
- .data.detail .inner .row-bottom .con-2 {position:relative;}
- .data.detail .inner .row-bottom .con-2 .top h3,
- .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px;height:40px;line-height:40px;} 
- .data.detail .DetailSwiper1 .swiper-button-next,
- .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } 
- .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } 
- .data.detail .swiper-button-next { text-align: right; } 
- .data.detail .inner .row-bottom .con-2 { margin-bottom: 30px; } 
- .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; width: 34px;height:40px; top:0px; } 
- .data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; } 
- .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; } 
- .data.detail .inner .row-bottom .con-3 { margin-bottom: 30px; } 
- .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } 
- .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } 
- .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } 
- .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } 
- .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } 
- .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
- .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,
- .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail { height: 100%; } 
- .data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 10px; font-size: 16px; margin-bottom: 10px; } 
- .data.detail .inner .row-bottom .con-4 { padding: 0px 0px 30px; margin: 0px 0px 30px; } 
- .data.detail .btn-box { padding: 0 16px; } 
- .data.detail .btn-box .btn { width: 100%; } 
-
- /* 공지사항 */
- .list-header .list-search { position: relative; margin-bottom: 42px; } 
- .list-search .left,
- .list-search .right,
- .list-search .list-input { width: 100%; } 
- .list-search .left { position: absolute; bottom: -50px; } 
- .list-search .list-input { margin: 10px 0 0; box-sizing: border-box; } 
- .list-search .list-input button { height: 38px; background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
- .list-select select { min-width: auto; width: 100%; } 
- .list-table-wrap { border-top: 1px solid; } 
- .list-table-wrap .t-tit-line { display: none; } 
- .list-table-wrap li { display: flex; align-items: center; padding: 10px; } 
- .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 .tab_content {margin-top:0px;}
- .faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
- .faq .inner .tabs li { width: 130px; } 
- .faq .inner .tabs li a { border-radius: 0;font-size:13px; } 
- .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
- .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
- .faq .title { height: auto; margin-bottom: 0; } 
- .faq .title .right,
- .faq .title .left { width: 100%;display:flex; } 
- .faq .title .left { font-size: 14px; } 
- .faq .title .right {flex-direction: column;}
- .faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; } 
- .faq .list-search-wrap form {display:flex;flex-direction:column-reverse;}
- .faq .title select { min-width: auto; width: 100%; } 
- .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } 
- .faq .title .list-input input { width: 90%; } 
- .faq .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
- .faq .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
- .faq .list-accordion .question { display: flex; flex-direction: column; padding: 10px 0; } 
- .faq .list-faq .no-result { padding: 10px 0; border-bottom: 1px solid #ddd; } 
- .faq .list-accordion .question .type { padding: 0 10px; } 
- .faq .list-accordion .question .type::before { display: none; } 
- .faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; } 
- .faq .list-accordion .answer { padding: 20px; font-size: 14px; } 
- .faq .list-accordion .answer::before { left: 10px; top: 26px; } 
-
- /* qna */
- .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } 
- .qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } 
- .qna .inner .tab_content {margin-top:0px;}
- .qna .title { height: auto; margin-bottom: 0; } 
- .list-search-wrap { display: flex; flex-direction: column-reverse; } 
- .data .list-search-wrap { flex-direction: column; } 
- .qna .list-search-wrap form {display:flex;flex-direction:column-reverse;}
- .qna .title .right,
- .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box;display:flex; } 
- .qna .title .right {flex-direction: column;}
- .qna .title .total-count .count { font-size: 14px; margin-top: 10px; } 
- .qna .title .list-input { margin: 10px 0 0; box-sizing: border-box; width: 100%; } 
- .qna .title .list-input input { width: 90%; } 
- .qna .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
- .qna .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
- .qna .list-table-wrap .t-tit-line { display: none; } 
- .qna .list-table-wrap li { position: relative; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; } 
- .qna .list-table-wrap li span { height: auto; } 
- .qna .list-table-wrap li .t-num { position: absolute; } 
- .qna .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } 
- .qna .list-table-wrap li .t-writer { padding-left: 40px; } 
- .qna .list-table-wrap li .t-writer,
- .qna .list-table-wrap li .t-date,
- .qna .list-table-wrap li .t-answer { width: auto; } 
- .qna .list-table-wrap li .t-writer,
- .qna .list-table-wrap li .t-date { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
- .qna .btn-box,
- .qna .btn-box .btn { width: 100%; } 
-
- /* qna 작성 */
- .qna-data .contents { min-height: auto; } 
- .w-tit:not(.wt-secret .w-tit) { display: none; } 
- .community-write .required-text { display: none; } 
- .qna-write-table,
- .qna-write-table li { border: none; } 
- .qna-write-table ul { position: relative; padding-bottom: 70px; } 
- .qna-write-table .wt-title { width: 100%; height: 50px; } 
- .wt-secret .w-tit { background: none; padding: 0; font-size: 14px; } 
- .qna-write-table .wt-secret { width: 100%; position: absolute; bottom: 20px; } 
- .qna-write-table .wt-mail { position: absolute; bottom: -20px; } 
- .qna-write-table .wt-mail label span { font-size: 14px; color: #666; } 
- .w-form { padding: 0; display: flex; } 
- .community-write textarea { height: 186px; margin-bottom: 10px; } 
- .qna-write-table .wt-attachments .attachments-btn { margin-right: 10px; } 
- .qna-write-table .wt-attachments .file { display: flex; box-sizing: border-box; flex: 1; padding: 0% 30px 0px 4px; } 
- .qna-write-table .wt-attachments .file span img { margin-bottom: 0; } 
- .qna-write-table .wt-attachments .file span { font-size: 10px; overflow: hidden; } 
- .qna-write-table .wt-attachments .file .close { top: 13px; } 
- .qna-write-table .wt-attachments .file .close,
- .qna-write-table .wt-attachments .file .close img { height: 9px; } 
- .community-write .btn-wrap { display: flex; } 
- .community-write .btn-wrap .btn { width: 50%; margin: 0; } 
- .community-write .btn-wrap .btn[type="submit"] { margin-right: 16px; } 
-
- /* qna 자세히 보기 */
- .qna-data .community.qna { padding: 0 16px; box-sizing: border-box; } 
- .view-body .answer { padding: 10px 0px; margin-top: 10px; } 
- .view-body .answer .answer-top { font-size: 14px; padding: 0px 10px 10px; box-sizing: border-box; } 
- .view-body .answer .answer-con { padding: 20px 10px; font-size: 12px; } 
- .qna-data .community.qna .btn-box { margin-bottom: 100px; } 
- .qna-data .community.qna .btn-box .btn { margin: 0; } 
- .qna-data .community.qna .btn-box .right { width: 100%; margin-top: 10px; } 
- .qna-data .community.qna .btn-box .left { display: flex; width: 100%; } 
- .qna-data .community.qna .btn-box .left button { width: 50%; } 
- .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } 
-
- /* 내정보 */
- .myinfo .contents { margin-bottom: 0; padding-bottom: 50px; } 
- .myinfo-box { padding: 0 16px; box-sizing: border-box; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login { margin-bottom: 20px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box { display: none; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/icon/icon-myinfo.png"); } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right { padding: 0; width: 100%; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div { width: 100%; margin-top: 23px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 { font-size: 14px; line-height: 21px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box { display: flex; justify-content: space-between; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div,
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div { border: none; width: auto; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1),
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) { font-size: 16px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 { font-size: 14px; } 
- .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span { margin-bottom: 4px; } 
- .myinfo .contents > div .title-box .title h3 { font-size: 16px; } 
- .myinfo .contents .concern-data .title-box .More { display: none; } 
- .myinfo .contents > div .title-box .More { margin-top: 0; } 
- .myinfo .contents > div .title-box .More span { display: none; } 
- .myinfo .contents > div .title-box .More img { width: 22px; } 
- .myinfo .contents > div .title-box { padding-bottom: 0; } 
- .myinfo .contents .concern-data { margin-bottom: 24px; } 
- .myinfo .contents .concern-data .list-box { width: 100%; display: flex; flex-wrap: wrap; } 
- .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; } 
- .myinfo .contents .concern-data .list-box .list:nth-child(2n) { margin-right: 0; } 
- .myinfo .contents .concern-data .list-box .list .thum { padding: 10px 0px; } 
- .myinfo .contents .concern-data .list-box .list .thum img { max-height: 123px; } 
- .myinfo .contents .concern-data .list-box .list .text { padding: 10px 15px; } 
- .myinfo .contents .concern-data .list-box .list .text .ti { font-size: 14px; line-height: 21px; min-height: 42px; height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */
- -webkit-box-orient: vertical; word-wrap: break-word; line-height: 21px; } 
- .myinfo .contents .concern-data .list-box .list .text .cl { font-size: 10px; word-break: break-all; } 
- .myinfo .contents .list-wrap .title-box { padding-bottom: 8px; margin-bottom: -6px; } 
- .myinfo .contents .list-wrap .list-box .list { position: relative; display: flex; flex-direction: column; padding: 26px 10px 10px; box-sizing: border-box; } 
- .myinfo .contents .list-wrap .list-box .list > div.state { width: 100%; text-align: left; } 
- .myinfo .contents .list-wrap .list-box .list > div.state span { position: absolute; top: 10px; left: 10px; min-width: auto; margin-top: 0; } 
-
- /* 내정보 */
- .passwd .contents { min-height: auto; } 
- .passwd .row-bottom .myinfo-passwd .text { padding: 0 32px; } 
- .passwd .row-bottom .myinfo-passwd .box { padding: 0 16px; } 
- .passwd .row-bottom .myinfo-passwd .box p input { width: 100%; box-sizing: border-box; } 
- .passwd .inner .row-top { margin-bottom: 100px; } 
- .passwd .row-bottom .myinfo-passwd .btn-box { padding: 0 16px; } 
- .passwd .row-bottom .myinfo-passwd .btn-box a { width: 100%; box-sizing: border-box; } 
-
- /* 내 정보 */
- .join.modify .Userpassword .con p { text-indent: -8px; padding-left: 8px; } 
- .join.modify .Usersns .con .list { display: flex; margin-bottom: 10px; } 
- .join.modify .Usersns .con .list .sns-box { box-sizing: border-box; flex: 1; display: flex; align-items: center; padding: 10px 0; height: auto; } 
- .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(1) { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin: 0 12px; } 
- .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) { display: flex; flex-direction: column; line-height: 1; flex: 1; } 
- .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) em { text-indent: -9999px; height: 4px; } 
- .join .inner .row-bottom .join-box .form-group .con.sns button { height: 100%; padding: 10px 0; margin-bottom: 0; } 
- .join .inner .row-bottom .join-box .form-group.service .right { width: 100%; display: flex; } 
- .join .inner .row-bottom .join-box .form-group.service .right .chk { width: 50%; } 
- .join.modify p.release { text-align: center; } 
-
- /* 회원탈퇴 */
- .secession .inner .row-bottom { width: 100%; padding: 0 16px; box-sizing: border-box; } 
- .secession .inner .row-top.icon { padding: 40px 0; margin-bottom: 30px !important; } 
- .secession .inner .row-bottom .sec-box .text p:nth-of-type(1) { font-size: 18px; } 
- .secession .inner .row-bottom .sec-box .text .inner-box { padding: 26px 22px 23px 40px; margin-bottom: 10px; } 
- .secession .inner .row-bottom .sec-box .box { padding: 38px 20px; } 
- .secession .inner .row-bottom .sec-box .box p span.name { width: 70px; } 
- .secession .inner .row-bottom .sec-box .text .inner-box p,
- .secession .inner .row-bottom .sec-box .box p { font-size: 14px; } 
- .secession .inner .row-bottom .sec-box .box p:last-child { margin-bottom: 0; } 
- .secession .btn-box { display: flex; } 
- .secession .btn-box .btn { width: 50%; margin: 0; margin: 0px 0px 70px; } 
- .secession .btn-box .btn:first-child { margin-right: 10px; } 
-
- /* 관심자료 */
- .interested-data .contents { padding: 0 16px; box-sizing: border-box; } 
- .interested-data .inner .data-box .title { display: flex; flex-direction: column-reverse; height: auto; margin-bottom: 0; } 
- .interested-data .inner .data-box .title .count { height: auto; font-size: 14px; line-height: 21px; text-align: left; margin: 16px 0 6px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data { border-top: 1px solid; } 
- .interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-mo { display: none !important; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk { width: auto; display: flex; height: 45px; align-items: center; line-height: 45px; color: #333333; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk span { margin-left: 10px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-delete { color: #333333; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; height: auto; padding: 0; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { line-height: 22px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { width: 100%; box-sizing: border-box; text-align: left; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 0px 0px 130px; box-sizing: border-box; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type { position: absolute; top: -56px; left: 20px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type,
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title { width: 100%; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span { padding-right: 6px; margin-right: 6px; height: 15px; line-height: 15px; border-right: 1px solid #ccc; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span:last-child { border-right: none; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
- .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
- .interested-data .inner .data-box .list-data-wrap .btn-box { width: 100%; margin: 30px 0 100px; } 
- .interested-data .inner .data-box .list-data-wrap .btn-box .left { width: 100%; display: flex; } 
- .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn { width: 50%; margin: 0; } 
- .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn:nth-child(1) { margin-right: 10px; } 
-
- /* 방문열람 */
- .visit-data .mo_tabs_wrap,
- .loan-data .mo_tabs_wrap { height: 55px; padding-left: 16px; box-sizing: border-box; } 
- .visit-data .inner .tabs,
- .loan-data .inner .tabs { width: max-content; } 
- .visit-data .mo_tabs_wrap .tabs li a,
- .loan-data .mo_tabs_wrap .tabs li a { border-radius: 0; } 
- .visit-data .mo_tabs_wrap .tabs li:first-child a,
- .loan-data .mo_tabs_wrap .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
- .visit-data .mo_tabs_wrap .tabs li:last-child a,
- .loan-data .mo_tabs_wrap .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
- .visit-data .inner .visit-box .title,
- .loan-data .inner .loan-box .title { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; text-align: left; margin: 50px 0px 0px; } 
- .visit-data .inner .visit-box .title .count,
- .loan-data .inner .loan-box .title .count { line-height: 1; margin-top: 16px; font-size: 14px; } 
- .visit-data .inner .tab_content,
- .loan-data .inner .tab_content { padding: 0 16px; box-sizing: border-box; } 
- .visit-data .inner .tabs_item .list-wrap .list-data,
- .loan-data .inner .tabs_item .list-wrap .list-data { border-top: 1px solid; } 
- .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line,
- .loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line { display: none; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list { display: flex; flex-direction: column; padding: 0; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div { width: 100% !important; text-align: left; padding: 0 10px; box-sizing: border-box; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin: 10px 0; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription,
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit,
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { display: flex; font-size: 12px; line-height: 18px; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date { margin-right: 10px; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti { display: flex; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da { margin-left: 10px; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state { border-top: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; margin-top: 10px; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button { margin: 0; width: 84px; height: 36px; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription .date::before { content: "신청일: "; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit .date::before { content: "희망방문일: "; } 
- .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return .date::before { content: "반납예정일: "; } 
-
- /* 대출관리 */
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural { margin-top: 10px; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin-bottom: 10px; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry,
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { font-size: 12px; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; border-top: 1px solid #dddddd; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation::before { content: "신청/예약일: "; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry::before { content: "신청/예약 만료일: "; } 
- .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return::before { content: "반납예정일: "; } 
- }
-
-/* 팝업 */
-@media all and (max-width: 479px) { /* 공통 */
- a.pop-logo { display: inline-flex; } 
- .contents { width: 100%; min-height: 300px; padding-bottom: 80px; } 
-
- /* 회원증 팝업 */
- .pop-member { width: 343px; height: 549px; top: 9%; left: calc(50% - 171.5px); } 
- .pop-member .inner { padding: 30px 0px 20px; } 
- .pop-member .inner .card .title .name { font-size: 22px; } 
- .pop-member .inner .card .title .date { font-size: 12px; } 
- .pop-member .inner .card .qr p { font-size: 14px; margin: 17px 0px 15px; } 
- .pop-member .inner .card .code .num .co { font-size: 14px; } 
- .pop-member .inner .text { font-size: 12px; padding: 16px 0px 0px; } 
-
- /* 로그인 팝업 */
- .pop-login { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
- .pop-login .Title { padding: 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: 25%; height: 40px; display: inline-flex; align-items: center; } 
- .advanced-form-table .row-times .check:nth-child(4n) { width: auto; } 
- .advanced-form-table .row-times .check:nth-child(8) { top: -8px; } 
- .advanced-form-table .row-times .check label span { display: block; } 
-  .pop-advanced-search .check label[for="times-chk8"] { top: 9px; } 
- .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 0px; } 
- .pop-advanced-search .btn-wrap { margin: 0; display: flex; } 
- .pop-advanced-search .btn-wrap .btn { width: 50%; } 
-.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
-.popup .btn-wrap {padding-top:59px;}
-.conditions-wrap .selected-conditions .conditions li button {text-align:left;}
-
- /* 알림 팝업 */
- .pop-notice { width: 343px; left: calc(50% - 171.5px); } 
- .pop-notice .Title p { display: none; } 
- .pop-notice .Title h3 { font-size: 22px; line-height: 33px; } 
- .pop-notice .inner .Text p { font-size: 16px; line-height: 24px; } 
- .pop-notice .inner { padding: 50px 0px 0px; } 
- .pop-notice .inner .row { padding: 0px 16px 0px; } 
- .pop-notice .inner .btn-box .btn { width: 100%; margin-bottom: 6px; margin-right: 0; } 
-
- /* 계정연결, 비밀번호 입력 팝업 */
- .pop-login-connect,
- .pop-login-password { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
- .pop-login-connect .Title,
- .pop-login-password .Title { padding: 12px 16px; text-align: left; } 
- .pop-login-connect .Title p,
- .pop-login-connect .Title h3,
- .pop-login-password .Title p,
- .pop-login-password .Title h3 { display: none; } 
- .pop-login-connect .inner,
- .pop-login-password .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; box-sizing: border-box; padding: 60px 16px; } 
- .pop-login-connect .inner .row,
- .pop-login-password .inner .row { padding: 0; width: 100%; } 
- .pop-login-connect .inner h3.row,
- .pop-login-password .inner h3.row { display: block; } 
- .pop-login-connect .inner .Text p { padding: 0px 90px 0px; } 
- .pop-login-connect .inner .First .Btn button span,
- .pop-login-connect .inner .btn p .cancel,
- .pop-login-password .inner .First .Btn button span,
- .pop-login-password .inner .btn p .cancel { font-size: 14px; } 
- .pop-login-connect .inner .btn { margin: 30px 0 0; } 
- .pop-login-password .inner .btn p { margin-top: 50px; } 
- .pop-login-password .btn-box { margin: 100px 0 0; display: flex; } 
- .pop-login-password .inner .btn-box .btn { width: 50%; padding: 0; } 
- .pop-login-password .inner .btn-box .btn:last-child { margin-right: 0; } 
-
- /* 계정 연결 */
- .join.succ.connect .inner .row-bottom .join-box .success .text:nth-of-type(1) p { font-size: 20px; } 
- .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button { font-size: 13px; } 
- .join.connect .inner .row-bottom .join-box .success .box { width: 100%; box-sizing: border-box; padding: 3% 16px; display: flex; justify-content: center; } 
-
- /* 공유하기 팝업 */
- .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */}
- .pop-sharing p { font-size: 16px; } 
- .pop-sharing .sns-list li img { display: inline-block; width: 24px; height: 24px; padding: 14px; } 
- .pop-sharing .link-copy { display: flex; padding: 16px; align-items: center; } 
- .pop-sharing .link-copy .btn { width: auto; min-width: auto; } 
- .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; } 
- .pop-sharing .pop-wrap .Qr .inner .Qrimg { padding: 0; } 
- .pop-sharing .pop-wrap .Qr .inner .Qrimg img { max-width: 130px; margin-bottom: 30px; } 
-
- /* 비밀번호 변경, 찾기 */
- .pop-change,
- .pop-find { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
- .pop-change .Title,
- .pop-find .Title { padding: 12px 16px; text-align: left; } 
- .pop-change .Title p,
- .pop-change .Title h3,
- .pop-find .Title p,
- .pop-find .Title h3 { display: none; } 
- .pop-change .inner,
- .pop-find .inner { flex: 1; } 
- .pop-change .inner .row,
- .pop-find .inner .row { padding: 0 16px; } 
- .pop-change .inner .row.change h3,
- .pop-find .inner .row.Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
- .pop-change .inner .change p.text { text-align: center; } 
- .pop-find .inner .find p.text { text-indent: -7px; padding-left: 7px; } 
- .pop-change .inner .row.btn-box,
- .pop-find .inner .row.btn-box { display: flex; } 
- .pop-change .inner .row.btn-box .btn,
- .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } 
- .pop-change .inner .row.btn-box .btn:nth-child(1),
- .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } 
-
- /* 반려사유 팝업 */
- .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
- .pop-return .Title { padding: 12px 16px; text-align: left; } 
- .pop-return .Title p,
- .pop-return .Title h3 { display: none; } 
- .pop-return .inner { flex: 1; } 
- .pop-return .inner .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
- .pop-return .inner .Text .text-box { word-break: break-all; } 
- .pop-return .inner .row { padding: 0 16px; text-align: center; } 
- .pop-return .inner .btn-box .btn { width: 100%; } 
-
- /* 서지정보 */
- .pop-serge { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
- .pop-serge .Title { padding: 12px 16px; text-align: left; } 
- .pop-serge .Title h3 { display: none; } 
- .pop-serge .inner .serge-close { right: 20px; top: 20px; } 
- .pop-serge .inner { flex: 1; overflow: scroll; } 
- .pop-serge .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
- .pop-serge .inner .Text .con-1 > p,
- .pop-serge .inner .Text .con-2 > p { font-size: 16px; } 
- .pop-serge .inner .Text .text-box { padding: 20px 20px 20px 30px; margin-bottom: 20px; } 
- .pop-serge .inner .Text .text-box p:nth-of-type(1),
- .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) { text-indent: 0; } 
- .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) { text-indent: -7px; } 
- .pop-serge .inner .btn-box { display: flex; } 
- .pop-serge .inner .btn-box .btn { width: 50%; margin: 0; } 
- .pop-serge .inner .btn-box .btn:last-child { margin-left: 10px; } 
- }
-
-/* 추가 작업 */
-@media all and (max-width: 479px) { /* error */
- .error { padding: 0 16px; box-sizing: border-box; } 
- .error .text p:nth-of-type(1) { font-size: 24px; } 
- .error .text p:nth-of-type(2) { font-size: 16px; } 
- .error .box p:nth-of-type(1) { font-size: 14px; } 
- .error .box .btn { display: flex; padding: 0 10px; box-sizing: border-box; } 
- .error .box .btn a { padding: 0px 30px; width: 50%; } 
- .error .box .btn a.btn-white { width: 100%; } 
-
- /* 약관 */
-
- .privacy-box { padding: 0 16px; box-sizing: border-box; } 
- .provision .top-bg,
- .provision .con { width: 100%; } 
- .provision .top-bg { height: 508px; background: url("/images/bg/bg-service-mo.jpg") no-repeat; box-sizing: border-box; padding: 0 30px 30px; margin: 0 auto 20px; display: flex; flex-direction: column; justify-content: flex-end; } 
- .privacy.provision .top-bg { background: url("/images/bg/bg-privacy-mo.jpg") no-repeat; } 
- .provision .top-bg p { width: 100%; } 
- .provision .top-bg p:nth-child(1) { margin: 0; font-size: 18px; margin-bottom: 10px; word-break: break-all; } 
- .provision .top-bg p:nth-child(2) { margin: 0; font-size: 14px; word-break: break-all; } 
- .provision .top-bg p:nth-child(2) br { display: none; } 
- .provision .con .sec { padding-bottom: 20px; margin-bottom: 20px; } 
- .provision .con .sec h2 { margin-bottom: 6px; font-size: 16px; } 
- .provision .con .sec p,
- .provision .con .sec ul li { font-size: 12px; line-height: 18px; } 
- .provision .con .sec ul.d2 { padding-left: 10px; margin-bottom: 10px; } 
-
- /* 관련사이트 */
- footer .family_site .site_depth { width: 89%;margin:0% 5.5%; left: 0; top:auto;bottom: 40px; } 
- footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;}
- footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;}
- }
+<<<<<<< HEAD
+/* 공통 */
+a.pop-logo { display: none; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; align-items: center; } 
+a.pop-logo img { margin-right: 10px; } 
+.mo-ver { display: none; } 
+.wrap header .inner h1 a span.title-1 { border-left: none; margin: 0; } 
+.go_btn { display: none; } 
+#mo_search_icon { display: none; margin-right: 24px; } 
+.btn-go-top.mo-go-top { bottom: 86px; } 
+#mo-member-btn { display: none; width: calc(100% - 32px); height: 50px; background: #376795; border-radius: 5px; position: absolute; right: 16px; top: -65px; z-index: 19; position: fixed; top: inherit; bottom: 20px; font-weight: 500; font-size: 14px; color: #ffffff; } 
+.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; } 
+.mo-nav-wrap.show { width: 286px; } 
+.mo-nav-wrap .menu_bg { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.2s ease-in; } 
+.mo-nav-wrap.show .menu_bg { display: block; } 
+.mo-nav-wrap .login_box { width: 100%; height: 267px; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); padding: 135px 16px 18px; box-sizing: border-box; } 
+.mo-nav-wrap .login_box h2 { font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; } 
+.mo-nav-wrap .login_box .btns_box { display: flex; margin-top: 20px; } 
+.mo-nav-wrap .login_box .btns_box button { width: 50%; height: 40px; background: #374d64; border-radius: 3px; font-weight: 500; font-size: 12px; color: #ffffff; } 
+.mo-nav-wrap .login_box .btns_box button.btn_login { margin-right: 16px; } 
+.mo-nav-wrap .menu_box { height: calc(100vh - 267px); overflow: auto; background: #fff; } 
+.mo-nav-wrap .menu_box .mo_menu { background: #fff; } 
+.mo-nav-wrap .menu_box .mo_menu .wrap { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; color: #333333; } 
+.mo-nav-wrap .menu_box .mo_menu.show > div { color: #376795; font-weight: 500; } 
+.mo-nav-wrap .menu_box .mo_menu .drop_icon { width: 14px; height: 10px; background: url("/images/icon/icon-mo-show.png") no-repeat; background-position: center; } 
+.mo-nav-wrap .menu_box .mo_menu.show .drop_icon { background: url("/images/icon/icon-mo-hide.png") no-repeat; background-position: center; } 
+.mo-nav-wrap .menu_box .mo_menu a .drop_icon { visibility: hidden; } 
+.mo-nav-wrap .menu_box .mo_menu .name,
+.mo-nav-wrap .menu_box .mo_menu .drop_icon { padding: 16px 16px; } 
+.mo-nav-wrap .menu_box .sub-menu { display: none; background: #f0f0f0; } 
+.mo-nav-wrap .menu_box .mo_menu.show .sub-menu { display: block; padding: 16px 26px; } 
+.wrap .nav-wrap .inner .left { display: none; } 
+.pop-login .inner .mo-pop-Title { display: none; font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
+.pop-login .inner .mo-pop-Title span { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #376795; } 
+.pop-login-connect .inner h3.row,
+.pop-login-password .inner h3.row { display: none; padding: 0; font-size: 22px; line-height: 33px; margin-bottom: 20px; } 
+.pop-login-connect .inner h3.row span,
+.pop-login-password .inner h3.row span { color: #376795; } 
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk span { margin-left: 10px; } 
+
+/* 공지사항 */
+.list-table-wrap li span.t-wrap { display: flex; align-items: center; } 
+.list-table-wrap li.t-tit-line .t-tit { justify-content: center; } 
+.list-table-wrap li .t-tit { width: 68%; display: flex; align-items: center; } 
+.list-table-wrap li span.t-info { flex: 1; display: flex; align-items: center; } 
+.list-table-wrap li span.t-info > span { display: flex; align-items: center; justify-content: center; } 
+.list-table-wrap li .t-writer { width: 36%; } 
+.list-table-wrap li .t-date { width: 36%; } 
+.list-table-wrap li .t-file { flex: 1; } 
+
+/* 희망 방문일 */
+.cart .inner .loan-confirm .tabs_item .visit-select-box { border-top: 1px solid #333; border-bottom: 1px solid #ddd; padding: 40px 0; margin-bottom: 20px; } 
+.cart .inner .loan-confirm .tabs_item .visit-select-box h3 { border-bottom: none; } 
+.cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 20px; } 
+.cart .inner .loan-confirm .visit-text { color: #666666; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 40px; } 
+.cart .inner .loan-confirm .visit-select-box select { height: 36px; line-height: 36px; padding: 0px 2%; border: 1px solid #ddd; border-radius: 3px; margin: 0 6px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-left: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
+.pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 
+
+/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
+@media all and (max-width: 479px){
+ .mo-ver { display: block !important; } 
+ .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
+ .wrap { position: relative; width: 100vw; min-width: auto; } 
+ .wrap.sub { padding-top: 73px; } 
+ .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
+ .wrap header .inner { width: auto; margin: 0; } 
+ .wrap header .inner h1 { width: auto; } 
+ .wrap.sub .nav-wrap { box-shadow: none; } 
+ .wrap header .inner h1 a span.title-2 { display: none; } 
+ .wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; } 
+ .wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; } 
+ .wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; } 
+ .wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;}
+ .wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */
+ .wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; } 
+ .wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; } 
+ .wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; } 
+ .wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } 
+ .wrap header .inner .log { display: none; } 
+ .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } 
+ .wrap .nav-wrap.scroll_on { box-shadow: none; } 
+ .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } 
+ .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } 
+ .wrap .nav-wrap .inner .left { display: none;z-index:999; } 
+ .wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; } 
+ .wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; } 
+ .wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; } 
+ .wrap .nav-wrap .inner .left span,
+ .wrap .nav-wrap .inner .left .member-btn { display: none; } 
+ .wrap .nav-wrap .inner .right { display: flex;z-index:999; } 
+ #mo_search_icon { display: block; } 
+ #primary-nav-button.mobile { position: relative; top: 0; } 
+ .wrap .nav-wrap .Btn i { background: #fff; } 
+ .wrap .nav-wrap .Btn i::before { background: #fff; } 
+ .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } 
+ .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } 
+ .sec1 .inner .banner { height: 400px; background-position: -452px; } 
+ .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } 
+ .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } 
+ .sec1 .inner .banner p > span { display: block; } 
+ .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } 
+ .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } 
+ .sec1 .inner .color-box .list .title { font-size: 12px; line-height: 18px; margin: 8px 0px 9px; } 
+ .sec1 .inner .color-box .list .icon img { width: 32px; } 
+ .sec1 .inner .color-box .list .open { display: none; } 
+ .sec2 { padding: 0px 0px 60px; } 
+ .sec2 .keyword-box { width: 100vw; } 
+ section h3 { font-size: 22px; margin-bottom: 0px; } 
+ section .inner p.desc { font-size: 14px; margin-bottom: 16px; } 
+ section .inner ul.list-tag { height: 66px; overflow: hidden; } 
+ .sec3 { padding: 52px 0px 60px; } 
+ .sec3 .pickSwiper::before,
+ .sec3 .pickSwiper::after { display: none; } 
+ .sec3 .pickSwiper .swiper-slide .list-box { height: 310px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .images { padding: 10px 0px; height: 185px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject { padding: 15px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .block { margin-bottom: 6px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .cla { padding: 5px 10px; border-radius: 85px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .tit { font-size: 14px; } 
+ .swiper-button-next,
+ .swiper-button-prev { display: none; } 
+ .sec4 .inner .middle-banner { background: url("/images/bg/bg-sec4-bg-mo.jpg") no-repeat; height: 200px;background-size:100%; } 
+ .sec4 .inner .middle-banner h3 { padding: 40px 0px 10px; font-size: 22px; line-height: 33px; } 
+ .sec4 .inner .middle-banner p { font-size: 14px; } 
+ .sec5 { padding: 52px 0px 60px 16px; } 
+ .sec5 .inner { width: 100%; } 
+ .sec5 .inner .tabs { width: max-content; } 
+ .sec5 .inner .tab_content { padding: 0 16px 0 0; margin-top: 30px; box-sizing: border-box; width: 100%; border: none; background: none; } 
+ .sec5 .inner .tabs_item { padding: 0; } 
+ .sec5 .inner .tabs_item ul li { background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; padding: 30px; } 
+ .sec5 .inner .tabs_item ul li .con-1 .cla { padding: 5px 10px; } 
+ .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } 
+ .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } 
+ .sec6 { padding: 52px 0px 60px; } 
+ .sec6 .inner .more-btn {top:0px;}
+ .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;}
+ .popularSwiper .swiper-pagination { position: relative; } 
+ .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } 
+ .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } 
+ .sec6 .onlineSwiper::before,
+ .sec6 .onlineSwiper::after { display: none; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } 
+ .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } 
+ .sec7 .inner { width: 100%; display: flex; flex-direction: column; } 
+ .sec7 .inner .Fl { float: none; width: 100%; margin: 0; } 
+ .sec7 .inner .Fl.notice { margin-bottom: 24px; } 
+ .sec7 .inner .Fl .ti { display: flex; align-items: center; justify-content: space-between; } 
+ .sec7 .inner .Fl .ti span { font-size: 18px; } 
+ .sec7 .inner .Fl .ti a span { height: auto; } 
+ .sec7 .inner .Fl .ti a span > span { display: none; } 
+ .sec7 .inner .Fl .ti a span img { width: 22px; margin: 0; } 
+ .sec7 .inner .Fl .con { padding: 0 20px; border: 1px solid #dddddd; border-radius: 5px; } 
+ .sec7 .inner .Fl .con .list a { display: flex; } 
+ .sec7 .inner .Fl .con .list .text { font-size: 16px; line-height: 24px; flex: 1; } 
+ .sec7 .inner .Fl .con .list .text p { display: flex; align-items: center; } 
+ .sec7 .inner .Fl .con .list .text p img { margin: 0; } 
+ .sec7 .inner .Fl .con .list .answer { display: none; } 
+ footer { padding: 20px 0px 16px; position: relative; height: auto; box-sizing: border-box; } 
+ footer .inner { width: 100%; box-sizing: border-box; } 
+ footer .row-top { display: flex; flex-direction: column; align-items: center; } 
+ footer .row-top .footer-logo img { width: 140px; } 
+ footer .family_site { position: relative; display: flex; align-items: center; width: 90%; padding: 0 5%; box-sizing: border-box; } 
+ footer .family_site .site_name { width: 100%; margin: 0; flex: 1; } 
+ footer .family_site .go_btn { display: block; background: #1b1b1b; border-radius: 5px; width: 74px; height: 40px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; } 
+ footer .fnb li { font-size: 12px; line-height: 18px; text-align: center; margin: 0 6px; } 
+ footer .row-bottom .left-side { float: unset; } 
+ footer .row-bottom .left-side ul { display: flex; align-items: center; justify-content: center; } 
+ footer .copy { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; } 
+ footer .copy span:first-child { display: block; } 
+ footer .copy br { display: none; } 
+ .btn-go-top span:nth-of-type(2) { display: none; } 
+ .btn-go-top img { width: 24px; } 
+ #mo-member-btn { display: block; } 
+
+ /* 서브 공통 */
+ .location .inner .row-top .location-box .tit li { font-size: 22px; } 
+ .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } 
+
+ /* 회원가입 */
+ .join .inner .row-bottom { width: 100vw; min-height: 400px; padding: 0 16px; box-sizing: border-box; } 
+ .join .inner .row-bottom .join-box .login { margin-top: 60px; width: 100%; } 
+ .join .inner .row-bottom .join-box .step { padding-bottom: 24px; } 
+ .join .inner .row-bottom .join-box .step > div .icon,
+ .join .inner .row-bottom .join-box .step > div .text p:nth-child(1) { display: none; } 
+ .join .inner .row-bottom .join-box .step > div { box-sizing: border-box; height: 45px; display: flex; align-items: center; justify-content: center; } 
+ .join .inner .row-bottom .join-box .privacy-box > div { position: relative; margin-bottom: 60px; } 
+ .join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk { position: absolute; bottom: -30px; } 
+ .join .inner .row-bottom .join-box .btn-box { display: flex; } 
+ .join .inner .row-bottom .join-box .btn-box .btn { width: 50%; margin-right: 16px; } 
+ .join .inner .row-bottom .join-box .btn-box .btn:last-child { margin-right: 0; } 
+ .join .inner .row-bottom .join-box { padding-bottom: 60px; } 
+ .join .inner .row-bottom .join-box .form-group { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
+ .join .inner .row-bottom .join-box .form-group .con,
+ .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } 
+ .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } 
+ .join .inner .row-bottom .join-box .Usersex .con { display: flex; } 
+ .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } 
+ .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } 
+ .join .inner .row-bottom .join-box .Userbirth #year { width: 94%; } 
+ .join .inner .row-bottom .join-box .Userbirth #month { margin-left: 0; } 
+ .join .inner .row-bottom .join-box .Userbirth #month,
+ .join .inner .row-bottom .join-box .Userbirth #day { width: 40.5%; } 
+ .join .inner .row-bottom .join-box .Usermobile .row input { width: 21.5% !important; } 
+ .join .inner .row-bottom .join-box .Usermobile .row input.cer,
+ .join .inner .row-bottom .join-box .Useremail .row input,
+ .join .inner .row-bottom .join-box .Useraddr .row input.addr1 { width: 72% !important; } 
+ .join .inner .row-bottom .join-box .form-group .con span.text,
+ .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } 
+ .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } 
+
+ /* 가입 완료 */
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) { font-size: 15px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) { font-size: 14px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span { display: block; } 
+ .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 16px; } 
+ .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) { font-size: 14px; } 
+ .join.succ .inner .row-bottom .join-box .success .btn { margin: 30px 0px; width: 100%; height: 45px; } 
+ .join.succ .inner .row-bottom .join-box .success .btn a { padding: 0; font-weight: normal; width: 100%; height: 100%; font-size: 14px; } 
+
+ /* 휴면 계정 */
+ .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 18px; } 
+ .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) br { display: none; } 
+ .join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 15px; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn { display: flex; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn a { width: 50%; margin-right: 10px; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn a:last-child { margin-right: 0; } 
+
+ /* 알림 */
+ .noti-data .contents { width: 100%; padding: 0 16px; box-sizing: border-box; min-height: 400px; } 
+ .noti-data .inner .noti-box .title { margin: 0; } 
+ .noti-data .inner .noti-box .title .count { font-size: 14px; } 
+ .noti-data .inner .noti-box .title .text p { display: none; } 
+ .noti-data .list-accordion .question { background: transparent url("/images/btn/btn-arrow-open.png") no-repeat 10px center; display: flex; flex-direction: column; padding: 10px; } 
+ .noti-data .list-accordion .question .type,
+ .noti-data .list-accordion .question span { padding-left: 50px; height: auto; font-size: 14px; line-height: 21px; } 
+ .list-accordion .question .type::before,
+ .list-accordion .question.on .type::before { background: none; } 
+ .noti-data .list-accordion .question .date { position: absolute; top: 10px; right: 10px; padding-right: 0 !important; } 
+ .noti-data .list-accordion .question.on { background: url("/images/btn/btn-arrow-close.png") no-repeat 10px center #556676; } 
+ .noti-data .list-accordion .question.on span { font-size: 14px; } 
+ .noti-data .list-accordion .answer { padding: 20px 10px 20px 64px; font-size: 14px; line-height: 21px; } 
+ .noti-data .list-accordion .answer::before { width: 2px; height: 36px; left: 50px; top: 24px; } 
+
+ /* 카트 */
+ .cart .contents { width: 100%; padding: 0 16px 100px; box-sizing: border-box; } 
+ .cart .inner .tabs { display: flex; } 
+ .cart .inner .tabs li { width: 50%; } 
+ .cart .inner .tabs a { min-width: auto; width: 100%; } 
+ .cart .inner .tabs_item .list-cart-wrap h3 { font-size: 16px; border-top: 2px solid #222222; padding: 10px 10px 0; } 
+ .cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 10px; } 
+ .cart .inner .loan-confirm .tabs_item h3 { border-bottom: 1px solid #dddddd; padding: 10px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-text { font-size: 12px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box { padding: 25px 0 15px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box h3 { padding-top: 0; font-size: 18px; line-height: 27px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box { display: flex; flex-direction: column; font-size: 14px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span { display: flex; align-items: center; margin-bottom: 10px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span select { flex: 1; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: flex; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 10px 0; box-sizing: border-box; } 
+ .cart .inner .loan-confirm .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: none; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div { color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-mo { display: none; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { width: auto; display: flex; align-items: center; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list { position: relative; padding: 10px 10px 20px; height: auto; box-sizing: border-box; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-data:not(.t-mo) { width: 100%; display: flex; flex-direction: column-reverse; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { height: 35px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit { width: auto !important; display: flex; flex-direction: column; font-size: 12px; line-height: 18px; text-align: left; position: absolute; bottom: 20px; left: 220px; padding: 0; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date::before { content: "반납예정일"; color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 134px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan::before { content: "대출"; color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan { bottom: 76px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit::before { content: "방문열람"; color: #333333; } 
+ .cart .inner .tabs_item .btn-box.btn-cart-top { display: flex; margin-bottom: 0; } 
+ .btn-cart-top.go-cart-fix { position: fixed; bottom: 0; left: 0; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.35); margin: 0; z-index: 999; } 
+ .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
+ .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
+ .cart .inner .tabs_item .btn-box .btn-gray { display: none; } 
+ .cart .inner .tabs_item .btn-box .left,
+ .cart .inner .tabs_item .btn-box .right { width: 50%; } 
+ .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } 
+ .cart .inner .tabs_item .btn-box .btn { width: 100%; } 
+
+ /* 대출신청/예약확인 */
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } 
+ .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { left: 10px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state { width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 38px 0 40px; } 
+ .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-data > div.title { width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 208px; } 
+ .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 188px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 158px; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 138px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit,
+ .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit { bottom: 0; left: 10px; width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit::before,
+ .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit::before { content: ""; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser { position: absolute; left: 220px; bottom: 106px; width: auto !important; padding: 0; display: flex; flex-direction: column; font-size: 12px; text-align: left; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser { bottom: 86px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청/예약정보"; color: #333333; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청정보"; color: #333333; } 
+ .cart .inner .tabs_item .text { font-size: 12px; line-height: 18px; text-indent: -7px; padding-left: 7px; box-sizing: border-box; } 
+ .cart .inner .loan-confirm .tabs_item .text { margin-bottom: 10px; } 
+ .cart .inner .tabs_item .list-cart-wrap { margin-bottom: 0; } 
+ .cart .inner .tabs_item .total-box { display: flex; justify-content: space-between; border-top: none; padding: 20px 0; } 
+ .cart .inner .tabs_item .total-box .row-top { display: flex; flex-direction: column; justify-content: space-between; width: 100px; height: auto; text-align: left; background: #fff; border-bottom: none; } 
+ .cart .inner .tabs_item .total-box .row-top > div { width: auto; height: auto; color: #666666; line-height: 27px; } 
+ .cart .inner .tabs_item .total-box .row-bottom { display: flex; align-items: flex-end; flex-direction: column; width: 200px; height: auto; padding: 0; line-height: 27px; } 
+ .cart .inner .tabs_item .total-box .row-bottom > div.plus,
+ .cart .inner .tabs_item .total-box .row-bottom > div.result { display: none; } 
+ .cart .inner .tabs_item .total-box .row-bottom > div strong { font-size: 18px; } 
+ .cart .inner .tabs_item .btn-wrap { display: flex; } 
+ .cart .inner .tabs_item .btn-wrap .btn { width: 50%; margin-right: 16px; } 
+ .cart .inner .tabs_item .btn-wrap .btn:last-child { margin-right: 0; padding: 0 10px; } 
+
+ /* 신청완료 */
+ .cart .inner .tabs_item .compl-box { border-top: none; } 
+ .cart .inner .visit-confirm .tabs_item .compl-box { border-top: 1px solid #333; } 
+ .cart .inner .tabs_item .compl-box .compl-icon img { width: 48px; } 
+ .cart .inner .tabs_item .compl-box .compl-text { font-size: 18px; } 
+ .cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; } 
+
+ /* 인사말 */
+ .greeting .inner .row-bottom { width: 100%; padding-bottom: 60px; } 
+ .greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; } 
+ .greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; } 
+ .greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left { width: 100%; margin-right: 0; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right { width: 100%; margin-top: 20px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left p.text { font-size: 14px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; } 
+
+ /* 이용안내 */
+ .guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; } 
+ .guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; } 
+ .guide .inner .row-bottom .guide-box .banner .left { width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span { top: -10px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) { font-size: 14px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) { font-size: 18px; margin-bottom: 8px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) { font-size: 14px; } 
+ .guide .inner .row-bottom .guide-box .banner .right { width: 100%; height: auto; padding: 34px 30px 0; box-sizing: border-box; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li { display: flex; margin: 0 0 30px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num { width: 67px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) { height: 50px; display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) { font-size: 12px; margin-left: -60px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec h3 { font-size: 18px; margin-bottom: 6px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec .text-box { padding: 20px 30px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec { margin-bottom: 30px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(3) .text-box p,
+ .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(4) .text-box p { display: flex; } 
+
+ /* 오시는 길 */
+ .map .contents { width: 100%; padding: 0 16px 80px; box-sizing: border-box; } 
+ .map .inner .row-bottom .map-box { margin-bottom: 24px; } 
+ .map .inner .row-bottom .map-box h2 { margin-bottom: 6px; font-size: 18px; } 
+ .map .inner .row-bottom .map-box .info { display: flex; flex-direction: column; } 
+ .map .inner .row-bottom .map-box .info .mapimg { height: 156px; } 
+ .map .inner .row-bottom .map-box .info > div { width: 100%; text-align: left; padding: 45px 28px; box-sizing: border-box; min-height: auto; border-bottom: 1px solid #ddd; border-right: none; } 
+ .map .inner .row-bottom .map-box .info > div:last-child { border-bottom: none; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) { width: 28px; height: 28px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img { width: 70%; margin: 0; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; } 
+ .map .inner .row-bottom .info-box .info-sec h3 { font-size: 18px; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } 
+ .map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } 
+ .map .inner .row-bottom .map-box .info #map {height:155px !important;}
+
+ /* 소장자료 */
+ .data .inner .row-bottom { width: 100%; padding: 0 0 100px 16px; box-sizing: border-box; } 
+ .article-side { display: none; background: #fff; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 101; } 
+ .article-side .Title.mo-ver { padding: 15px 16px; background: url("/images/bg/bg-login.jpg") no-repeat; background-size: cover; text-align: left; } 
+ .article-side .Title.mo-ver h3 { font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; } 
+ .article-side .Title.mo-ver .filter-close { position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url("/images/btn/btn_close_size_27x26_c9c9c7.png") no-repeat; background-size: 100%; } 
+ .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; } 
+ 
+ .article-side .filter-wrap {display:inline-block;padding-top:100px;} 
+ .article-side .filter-wrap .Title {display:inline-block;background: #3670a3;width: 96%;padding: 0px 2%;height: 80px;line-height: 80px;padding: 0 16px;box-sizing: border-box;width: 100%;position:absolute;top:0px;left:0px;z-index:999;}
+ .article-side .filter-wrap .Title span:nth-of-type(1) {font-size: 24px;font-weight: 500;margin-right: 10px;font-size: 22px;line-height: 33px;color:#fff;}
+ .article-side .filter-wrap .Title span:nth-of-type(2) {position: absolute;right: 16px;top: 30px;}
+ .article-side .filter-wrap .Title span:nth-of-type(2) .filter-close {display:inline-block;width:22px;height:22px;}
+ 
+ .culture-box { width: 100%; } 
+ .data .mo_tabs_wrap { height: 50px; } 
+ .data .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
+ .data .inner .tabs li.current::before {bottom: calc(0% - -5px);}
+ .data .inner .tabs li a { border-radius: 0; border-right: none; } 
+ .data .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .data .inner .tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .data .inner .data-box .culture-box .tab > .title { display: flex; flex-direction: column-reverse; height: auto; padding-right: 16px; } 
+ .data .inner .data-box .culture-box .tab .title .count { display: flex; font-size: 14px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search { margin-left: 0; width: 100%; text-align: left; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select,
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select { margin-left: 0; width: 100%; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input { margin-left: 0; width: 100%; box-sizing: border-box; margin: 10px 0 26px; display: flex; padding: 0 0 0 36px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button[type="submit"] { background: url("/images/icon/icon-search-mo.png") no-repeat center; right: auto; left: 0; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:inline-block;position: absolute;left: auto;right: 10px;top: 4px;width: 43px;height: 26px;background:#e6e7e9;color:#666;border-radius:50px;text-indent:0;}
+ 
+ .data .inner .tab_content { padding-right: 16px; box-sizing: border-box; } 
+ .data .inner .tabs_item { border-top: 1px solid #222222; padding: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list { box-sizing: border-box; display: flex; flex-direction: column; height: auto; padding: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 30px 10px 130px; box-sizing: border-box; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type,
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title,
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { width: 100%; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span { display: inline; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p br {display:none;}
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span {display:inline-block;margin:0px 5px;height:10px;line-height:10px;}
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span:nth-of-type(1) {border-right:1px solid #3f8f4a;padding-right:10px;}
+
+
+ /* 결과 없음 */
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 { margin-bottom: 16px; font-size: 18px; } 
+ .paging { width: 100%; display: flex; justify-content: center; } 
+ .paging li { margin: 0 !important; padding: 0 !important; min-width: auto; width: 24px !important; background-position: center !important; } 
+ .paging .btn-prev a,
+ .paging .btn-next a { display: none; } 
+ .paging li a { font-size: 14px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.btn_filter { position: absolute; top: 3px; right: 10px; background: #e6e7e9; width: 43px; height: 28px; border-radius: 30px; font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; text-indent: 0; } 
+
+ /* 소장 자료 상세 */
+ .data.detail .inner .row-top .center { width: 100%; display: flex; flex-direction: column; padding: 0 16px; box-sizing: border-box; } 
+ .data.detail .inner .row-top .center .left,
+ .data.detail .inner .row-top .center .right,
+ .data.detail .inner .row-bottom .con-4 .top h3,
+ .data.detail .inner .row-bottom .con-4 .top h3::before,
+ .data.detail .inner .row-top .center .left .img img { width: 100%; } 
+ .data.detail .inner .row-top .center .left .img {background:#fff;text-align:center;width:40%;padding:5% 30%;}
+ .data.detail .inner .row-bottom { padding: 0; } 
+ .data.detail .inner .row-top .center .left .cla { position: relative; } 
+ .data.detail .inner .row-top .center .left .cla .con-1 { width: 100%; display: block; } 
+ .data.detail .inner .row-top .center .left .cla .con-2 { position: absolute; top: 70px; padding: 0; } 
+ .data.detail .inner .row-top .center .left .tit { font-size: 22px; margin-bottom: 50px; } 
+ .data.detail .inner .row-top .center .right .con-1 { display: flex; height: auto; border: none; } 
+ .data.detail .inner .row-top .center .right .con-1 button { margin-top: 14px; width: 36px; height: 36px; } 
+ .data.detail .inner .row-top .center .right .con-1 button.view { flex: 1; } 
+ .data.detail .inner .row-top .center .right .con-1 button.ris { display: none; } 
+ .data.detail .inner .row-top .center .right .con-1 button.favorit { margin: 14px 10px 0; } 
+ .data.detail .inner .row-top .center .right .con-1 button.original {width:200px;display:inline-block;}
+ .data.detail .inner .row-top .center .right .con-2 .de-data { flex-direction: column; } 
+ .data.detail .inner .row-top .center .right .con-2 .de-data ul { width: 100%; display: flex; flex-direction: column; } 
+ .data.detail .inner .row-top .center .right .con-2 .de-data ul li { width: 100%; } 
+ .data.detail .inner .row-top .center .right .con-2 .b-btn button { width: 100%; margin-bottom: 6px; } 
+ .data.detail .inner .row-top .center .right .con-2 .keyword span.first,
+ .data.detail .inner .row-top .center .right .con-2 .keyword span { padding: 5px 14px 5px; border-radius: 30px; } 
+ .data.detail .inner .row-bottom.contents { padding: 0 16px; } 
+ .data.detail .inner .row-bottom .con-1 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-1 .list-box { padding: 15px 10px; box-sizing: border-box; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px;height:155px; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(2) { border-right: none; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(n + 3) { padding: 20px 0 0; border-top: 1px solid #ddd; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list .icon img { width: 60px; height: 60px; } 
+ .data.detail .inner .row-bottom .con-1 .text-box { width: 100%; padding: 16px 20px; box-sizing: border-box; word-break: break-all; } 
+ .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; }
+ .data.detail .inner .row-bottom .con-1 .list-box .list .con span {display:block;}
+  
+ .data.detail .inner .row-bottom .con-2 {position:relative;}
+ .data.detail .inner .row-bottom .con-2 .top h3,
+ .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px;height:40px;line-height:40px;} 
+ .data.detail .DetailSwiper1 .swiper-button-next,
+ .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } 
+ .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } 
+ .data.detail .swiper-button-next { text-align: right; } 
+ .data.detail .inner .row-bottom .con-2 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; width: 34px;height:40px; top:0px; } 
+ .data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; } 
+ .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; } 
+ .data.detail .inner .row-bottom .con-3 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } 
+ .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } 
+ .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } 
+ .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
+ .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,
+ .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail { height: 100%; } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 10px; font-size: 16px; margin-bottom: 10px; } 
+ .data.detail .inner .row-bottom .con-4 { padding: 0px 0px 30px; margin: 0px 0px 30px; } 
+ .data.detail .btn-box { padding: 0 16px; } 
+ .data.detail .btn-box .btn { width: 100%; } 
+
+ /* 공지사항 */
+ .list-header .list-search { position: relative; margin-bottom: 42px; } 
+ .list-search .left,
+ .list-search .right,
+ .list-search .list-input { width: 100%; } 
+ .list-search .left { position: absolute; bottom: -50px; } 
+ .list-search .list-input { margin: 10px 0 0; box-sizing: border-box; } 
+ .list-search .list-input button { height: 38px; background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .list-select select { min-width: auto; width: 100%; } 
+ .list-table-wrap { border-top: 1px solid; } 
+ .list-table-wrap .t-tit-line { display: none; } 
+ .list-table-wrap li { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; } 
+ .list-table-wrap li.no-result { justify-content: center; } 
+ .list-table-wrap li span { height: auto; } 
+ .list-table-wrap li .t-num { font-size: 12px; } 
+ .list-table-wrap li .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; } 
+ .list-table-wrap li .t-type span { padding: 4px 10px; margin-left: 16px; } 
+ .list-table-wrap li span.t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; } 
+ .list-table-wrap li .t-tit { width: 100%; margin-bottom: 6px; } 
+ .list-table-wrap li span.t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+ .list-table-wrap li span.t-info > span:last-child { padding: 0; margin: 0; border: none; } 
+ 
+ .list-table-wrap li .t-num { position: absolute; } 
+ .list-table-wrap li .t-type { position: absolute;left:40px; } 
+ .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } 
+ .list-table-wrap li .t-writer { padding-left: 40px; } 
+ .list-table-wrap li .t-file {height:18px;line-height:18px;}
+ .list-table-wrap li .t-writer,
+ .list-table-wrap li .t-date,
+ .list-table-wrap li .t-file,
+ .list-table-wrap li .t-answer { width: auto; } 
+ .list-table-wrap li .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+
+ /* 공지사항 상세 */
+ .view-tit { position: relative; padding-left: 60px; box-sizing: border-box; width: 100%; } 
+ .qna-data .view-tit { padding-left: 80px; } 
+ .view-tit h2,
+ .view-tit .v-info { font-size: 14px; } 
+ .view-tit h2 span.type { position: absolute; top: 50%; left: 10px; transform: translate(0%, -50%); } 
+ .file-box { padding: 8px 10px; } 
+ .file-box .file-list span button { display: none; } 
+ .file-box .file-list { display: flex; align-items: center; } 
+ .file-box .file-list:last-child { margin-bottom: 0; } 
+ .view-con { font-size: 12px; line-height: 18px; min-height: 180px; } 
+ .noti-data .btn-box a { width: 100%; box-sizing: border-box; font-size: 14px; font-weight: normal; } 
+
+ /* faq */
+ .faq .contents,
+ .faq .inner .tab { width: 100%; } 
+ .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } 
+ .faq .inner .tab_content {margin-top:0px;}
+ .faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
+ .faq .inner .tabs li { width: 130px; } 
+ .faq .inner .tabs li a { border-radius: 0;font-size:13px; } 
+ .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .faq .title { height: auto; margin-bottom: 0; } 
+ .faq .title .right,
+ .faq .title .left { width: 100%;display:flex; } 
+ .faq .title .left { font-size: 14px; } 
+ .faq .title .right {flex-direction: column;}
+ .faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; } 
+ .faq .list-search-wrap form {display:flex;flex-direction:column-reverse;}
+ .faq .title select { min-width: auto; width: 100%; } 
+ .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } 
+ .faq .title .list-input input { width: 90%; } 
+ .faq .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .faq .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
+ .faq .list-accordion .question { display: flex; flex-direction: column; padding: 10px 0; } 
+ .faq .list-faq .no-result { padding: 10px 0; border-bottom: 1px solid #ddd; } 
+ .faq .list-accordion .question .type { padding: 0 10px; } 
+ .faq .list-accordion .question .type::before { display: none; } 
+ .faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; } 
+ .faq .list-accordion .answer { padding: 20px; font-size: 14px; } 
+ .faq .list-accordion .answer::before { left: 10px; top: 26px; } 
+
+ /* qna */
+ .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } 
+ .qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } 
+ .qna .inner .tab_content {margin-top:0px;}
+ .qna .title { height: auto; margin-bottom: 0; } 
+ .list-search-wrap { display: flex; flex-direction: column-reverse; } 
+ .data .list-search-wrap { flex-direction: column; } 
+ .qna .list-search-wrap form {display:flex;flex-direction:column-reverse;}
+ .qna .title .right,
+ .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box;display:flex; } 
+ .qna .title .right {flex-direction: column;}
+ .qna .title .total-count .count { font-size: 14px; margin-top: 10px; } 
+ .qna .title .list-input { margin: 10px 0 0; box-sizing: border-box; width: 100%; } 
+ .qna .title .list-input input { width: 90%; } 
+ .qna .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .qna .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
+ .qna .list-table-wrap .t-tit-line { display: none; } 
+ .qna .list-table-wrap li { position: relative; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; } 
+ .qna .list-table-wrap li span { height: auto; } 
+ .qna .list-table-wrap li .t-num { position: absolute; } 
+ .qna .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } 
+ .qna .list-table-wrap li .t-writer { padding-left: 40px; } 
+ .qna .list-table-wrap li .t-writer,
+ .qna .list-table-wrap li .t-date,
+ .qna .list-table-wrap li .t-answer { width: auto; } 
+ .qna .list-table-wrap li .t-writer,
+ .qna .list-table-wrap li .t-date { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+ .qna .btn-box,
+ .qna .btn-box .btn { width: 100%; } 
+
+ /* qna 작성 */
+ .qna-data .contents { min-height: auto; } 
+ .w-tit:not(.wt-secret .w-tit) { display: none; } 
+ .community-write .required-text { display: none; } 
+ .qna-write-table,
+ .qna-write-table li { border: none; } 
+ .qna-write-table ul { position: relative; padding-bottom: 70px; } 
+ .qna-write-table .wt-title { width: 100%; height: 50px; } 
+ .wt-secret .w-tit { background: none; padding: 0; font-size: 14px; } 
+ .qna-write-table .wt-secret { width: 100%; position: absolute; bottom: 20px; } 
+ .qna-write-table .wt-mail { position: absolute; bottom: -20px; } 
+ .qna-write-table .wt-mail label span { font-size: 14px; color: #666; } 
+ .w-form { padding: 0; display: flex; } 
+ .community-write textarea { height: 186px; margin-bottom: 10px; } 
+ .qna-write-table .wt-attachments .attachments-btn { margin-right: 10px; } 
+ .qna-write-table .wt-attachments .file { display: flex; box-sizing: border-box; flex: 1; padding: 0% 30px 0px 4px; } 
+ .qna-write-table .wt-attachments .file span img { margin-bottom: 0; } 
+ .qna-write-table .wt-attachments .file span { font-size: 10px; overflow: hidden; } 
+ .qna-write-table .wt-attachments .file .close { top: 13px; } 
+ .qna-write-table .wt-attachments .file .close,
+ .qna-write-table .wt-attachments .file .close img { height: 9px; } 
+ .community-write .btn-wrap { display: flex; } 
+ .community-write .btn-wrap .btn { width: 50%; margin: 0; } 
+ .community-write .btn-wrap .btn[type="submit"] { margin-right: 16px; } 
+
+ /* qna 자세히 보기 */
+ .qna-data .community.qna { padding: 0 16px; box-sizing: border-box; } 
+ .view-body .answer { padding: 10px 0px; margin-top: 10px; } 
+ .view-body .answer .answer-top { font-size: 14px; padding: 0px 10px 10px; box-sizing: border-box; } 
+ .view-body .answer .answer-con { padding: 20px 10px; font-size: 12px; } 
+ .qna-data .community.qna .btn-box { margin-bottom: 100px; } 
+ .qna-data .community.qna .btn-box .btn { margin: 0; } 
+ .qna-data .community.qna .btn-box .right { width: 100%; margin-top: 10px; } 
+ .qna-data .community.qna .btn-box .left { display: flex; width: 100%; } 
+ .qna-data .community.qna .btn-box .left button { width: 50%; } 
+ .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } 
+
+ /* 내정보 */
+ .myinfo .contents { margin-bottom: 0; padding-bottom: 50px; } 
+ .myinfo-box { padding: 0 16px; box-sizing: border-box; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login { margin-bottom: 20px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box { display: none; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/icon/icon-myinfo.png"); } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right { padding: 0; width: 100%; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div { width: 100%; margin-top: 23px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 { font-size: 14px; line-height: 21px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box { display: flex; justify-content: space-between; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div,
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div { border: none; width: auto; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1),
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) { font-size: 16px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 { font-size: 14px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span { margin-bottom: 4px; } 
+ .myinfo .contents > div .title-box .title h3 { font-size: 16px; } 
+ .myinfo .contents .concern-data .title-box .More { display: none; } 
+ .myinfo .contents > div .title-box .More { margin-top: 0; } 
+ .myinfo .contents > div .title-box .More span { display: none; } 
+ .myinfo .contents > div .title-box .More img { width: 22px; } 
+ .myinfo .contents > div .title-box { padding-bottom: 0; } 
+ .myinfo .contents .concern-data { margin-bottom: 24px; } 
+ .myinfo .contents .concern-data .list-box { width: 100%; display: flex; flex-wrap: wrap; } 
+ .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; } 
+ .myinfo .contents .concern-data .list-box .list:nth-child(2n) { margin-right: 0; } 
+ .myinfo .contents .concern-data .list-box .list .thum { padding: 10px 0px; } 
+ .myinfo .contents .concern-data .list-box .list .thum img { max-height: 123px; } 
+ .myinfo .contents .concern-data .list-box .list .text { padding: 10px 15px; } 
+ .myinfo .contents .concern-data .list-box .list .text .ti { font-size: 14px; line-height: 21px; min-height: 42px; height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */
+ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 21px; } 
+ .myinfo .contents .concern-data .list-box .list .text .cl { font-size: 10px; word-break: break-all; } 
+ .myinfo .contents .list-wrap .title-box { padding-bottom: 8px; margin-bottom: -6px; } 
+ .myinfo .contents .list-wrap .list-box .list { position: relative; display: flex; flex-direction: column; padding: 26px 10px 10px; box-sizing: border-box; } 
+ .myinfo .contents .list-wrap .list-box .list > div.state { width: 100%; text-align: left; } 
+ .myinfo .contents .list-wrap .list-box .list > div.state span { position: absolute; top: 10px; left: 10px; min-width: auto; margin-top: 0; } 
+
+ /* 내정보 */
+ .passwd .contents { min-height: auto; } 
+ .passwd .row-bottom .myinfo-passwd .text { padding: 0 32px; } 
+ .passwd .row-bottom .myinfo-passwd .box { padding: 0 16px; } 
+ .passwd .row-bottom .myinfo-passwd .box p input { width: 100%; box-sizing: border-box; } 
+ .passwd .inner .row-top { margin-bottom: 100px; } 
+ .passwd .row-bottom .myinfo-passwd .btn-box { padding: 0 16px; } 
+ .passwd .row-bottom .myinfo-passwd .btn-box a { width: 100%; box-sizing: border-box; } 
+
+ /* 내 정보 */
+ .join.modify .Userpassword .con p { text-indent: -8px; padding-left: 8px; } 
+ .join.modify .Usersns .con .list { display: flex; margin-bottom: 10px; } 
+ .join.modify .Usersns .con .list .sns-box { box-sizing: border-box; flex: 1; display: flex; align-items: center; padding: 10px 0; height: auto; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(1) { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin: 0 12px; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) { display: flex; flex-direction: column; line-height: 1; flex: 1; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) em { text-indent: -9999px; height: 4px; } 
+ .join .inner .row-bottom .join-box .form-group .con.sns button { height: 100%; padding: 10px 0; margin-bottom: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service .right { width: 100%; display: flex; } 
+ .join .inner .row-bottom .join-box .form-group.service .right .chk { width: 50%; } 
+ .join.modify p.release { text-align: center; } 
+
+ /* 회원탈퇴 */
+ .secession .inner .row-bottom { width: 100%; padding: 0 16px; box-sizing: border-box; } 
+ .secession .inner .row-top.icon { padding: 40px 0; margin-bottom: 30px !important; } 
+ .secession .inner .row-bottom .sec-box .text p:nth-of-type(1) { font-size: 18px; } 
+ .secession .inner .row-bottom .sec-box .text .inner-box { padding: 26px 22px 23px 40px; margin-bottom: 10px; } 
+ .secession .inner .row-bottom .sec-box .box { padding: 38px 20px; } 
+ .secession .inner .row-bottom .sec-box .box p span.name { width: 70px; } 
+ .secession .inner .row-bottom .sec-box .text .inner-box p,
+ .secession .inner .row-bottom .sec-box .box p { font-size: 14px; } 
+ .secession .inner .row-bottom .sec-box .box p:last-child { margin-bottom: 0; } 
+ .secession .btn-box { display: flex; } 
+ .secession .btn-box .btn { width: 50%; margin: 0; margin: 0px 0px 70px; } 
+ .secession .btn-box .btn:first-child { margin-right: 10px; } 
+
+ /* 관심자료 */
+ .interested-data .contents { padding: 0 16px; box-sizing: border-box; } 
+ .interested-data .inner .data-box .title { display: flex; flex-direction: column-reverse; height: auto; margin-bottom: 0; } 
+ .interested-data .inner .data-box .title .count { height: auto; font-size: 14px; line-height: 21px; text-align: left; margin: 16px 0 6px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data { border-top: 1px solid; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-mo { display: none !important; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk { width: auto; display: flex; height: 45px; align-items: center; line-height: 45px; color: #333333; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk span { margin-left: 10px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-delete { color: #333333; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; height: auto; padding: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { line-height: 22px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { width: 100%; box-sizing: border-box; text-align: left; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 0px 0px 130px; box-sizing: border-box; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type { position: absolute; top: -56px; left: 20px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type,
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title { width: 100%; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span { padding-right: 6px; margin-right: 6px; height: 15px; line-height: 15px; border-right: 1px solid #ccc; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span:last-child { border-right: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box { width: 100%; margin: 30px 0 100px; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left { width: 100%; display: flex; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn { width: 50%; margin: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn:nth-child(1) { margin-right: 10px; } 
+
+ /* 방문열람 */
+ .visit-data .mo_tabs_wrap,
+ .loan-data .mo_tabs_wrap { height: 55px; padding-left: 16px; box-sizing: border-box; } 
+ .visit-data .inner .tabs,
+ .loan-data .inner .tabs { width: max-content; } 
+ .visit-data .mo_tabs_wrap .tabs li a,
+ .loan-data .mo_tabs_wrap .tabs li a { border-radius: 0; } 
+ .visit-data .mo_tabs_wrap .tabs li:first-child a,
+ .loan-data .mo_tabs_wrap .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .visit-data .mo_tabs_wrap .tabs li:last-child a,
+ .loan-data .mo_tabs_wrap .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .visit-data .inner .visit-box .title,
+ .loan-data .inner .loan-box .title { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; text-align: left; margin: 50px 0px 0px; } 
+ .visit-data .inner .visit-box .title .count,
+ .loan-data .inner .loan-box .title .count { line-height: 1; margin-top: 16px; font-size: 14px; } 
+ .visit-data .inner .tab_content,
+ .loan-data .inner .tab_content { padding: 0 16px; box-sizing: border-box; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data,
+ .loan-data .inner .tabs_item .list-wrap .list-data { border-top: 1px solid; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line,
+ .loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line { display: none; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list { display: flex; flex-direction: column; padding: 0; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div { width: 100% !important; text-align: left; padding: 0 10px; box-sizing: border-box; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin: 10px 0; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription,
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit,
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { display: flex; font-size: 12px; line-height: 18px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date { margin-right: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti { display: flex; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da { margin-left: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state { border-top: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; margin-top: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button { margin: 0; width: 84px; height: 36px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription .date::before { content: "신청일: "; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit .date::before { content: "희망방문일: "; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return .date::before { content: "반납예정일: "; } 
+
+ /* 대출관리 */
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural { margin-top: 10px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin-bottom: 10px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { font-size: 12px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; border-top: 1px solid #dddddd; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation::before { content: "신청/예약일: "; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry::before { content: "신청/예약 만료일: "; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return::before { content: "반납예정일: "; } 
+ }
+
+/* 팝업 */
+@media all and (max-width: 479px) { /* 공통 */
+ a.pop-logo { display: inline-flex; } 
+ .contents { width: 100%; min-height: 300px; padding-bottom: 80px; } 
+
+ /* 회원증 팝업 */
+ .pop-member { width: 343px; height: 549px; top: 9%; left: calc(50% - 171.5px); } 
+ .pop-member .inner { padding: 30px 0px 20px; } 
+ .pop-member .inner .card .title .name { font-size: 22px; } 
+ .pop-member .inner .card .title .date { font-size: 12px; } 
+ .pop-member .inner .card .qr p { font-size: 14px; margin: 17px 0px 15px; } 
+ .pop-member .inner .card .code .num .co { font-size: 14px; } 
+ .pop-member .inner .text { font-size: 12px; padding: 16px 0px 0px; } 
+
+ /* 로그인 팝업 */
+ .pop-login { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-login .Title { padding: 25px 16px; text-align: left; } 
+ .pop-login .Title p,
+ .pop-login .Title h3 {  } 
+ .pop-login .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 60px 16px; box-sizing: border-box; } 
+ .pop-login .inner .First { padding: 0; width: 100%; } 
+ .pop-login .inner .First .Btn button { font-weight: normal; font-size: 15px; } 
+ .pop-login .inner .Text { width: 100%; padding: 56px 0 0; } 
+ .pop-login .inner .mo-pop-Title { display: block; } 
+
+ /* 상세검색 팝업 */
+ .popup.pop-advanced-search .pop-wrap { width: 100vw; height: 100vh; border-radius: 0; } 
+ .pop-advanced-search .pop-wrap .Title { padding: 0 16px; box-sizing: border-box; width: 100%; } 
+ .pop-advanced-search .pop-wrap .Title span:nth-of-type(3) { right: 16px; } 
+ .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) { font-size: 22px; line-height: 33px; } 
+ .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) { display: none; } 
+ .popup.pop-advanced-search .pop-wrap form { padding: 22px 8px 22px 16px; } 
+ .mCSB_inside > .mCSB_container { margin-right: 10px; } 
+ .advanced-form-table li { display: flex; flex-direction: column; border: none; width: 100% !important; } 
+ .advanced-form-table li:nth-child(1) label,
+ .advanced-form-table li:nth-child(5) label,
+ .advanced-form-table li:nth-child(6) .tit label { letter-spacing: -14px; } 
+ .advanced-form-table li:nth-child(7) { display: none; } 
+ .advanced-form-table { border: none; border-bottom: none; border-radius: 0; } 
+ .advanced-form-table .tit { text-align: left !important; font-weight: 500; font-size: 16px; line-height: 24px; } 
+ .advanced-form-table .input-area { background: none; border: none; padding: 0; height: auto; } 
+ .advanced-form-table .input-area input { padding: 0 10px; } 
+ .pop-advanced-search .conditions-wrap .conditions-box { border: none; border-top: 1px solid #ddd; background: none; } 
+ .pop-advanced-search .depth1-check input[type="checkbox"] + label { visibility: hidden; } 
+ .pop-advanced-search .tab-name { font-size: 12px; } 
+ .pop-advanced-search .conditions-wrap .line { display: flex; flex-wrap: wrap; } 
+ .pop-advanced-search .conditions-wrap .depth1 { width: 33.3%; } 
+ .pop-advanced-search .conditions-wrap .depth1 .check { position: relative; } 
+ .pop-advanced-search .conditions-wrap .depth1:first-child { border-left: 1px solid #ddd; } 
+ .pop-advanced-search .conditions-wrap .depth1:last-child { border-right: 1px solid #ddd; } 
+ .pop-advanced-search .conditions-wrap.conditions-datype .depth1:last-child { width: 33.5%; } 
+ .pop-advanced-search .conditions-wrap .depth1 .depth2 { top: 50px; height: auto; border-left: 1px solid #ddd; padding: 20px 10px; } 
+ .pop-advanced-search .conditions-wrap .depth1 .depth2 li { width: auto; margin-right: 6px; } 
+ .conditions-wrap .selected-conditions {min-height:40px;}
+ .conditions-wrap .selected-conditions .title p { display: none; } 
+ .pop-advanced-search button.btn-close-pop { display: none; } 
+ .pop-advanced-search .check input[type="checkbox"] + label:before { background-color: #fff; } 
+ .advanced-form-table .row-times .check { margin-right: 0; width: 25%; height: 40px; display: inline-flex; align-items: center; } 
+ .advanced-form-table .row-times .check:nth-child(4n) { width: auto; } 
+ .advanced-form-table .row-times .check:nth-child(8) { top: -8px; } 
+ .advanced-form-table .row-times .check label span { display: block; } 
+  .pop-advanced-search .check label[for="times-chk8"] { top: 9px; } 
+ .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 0px; } 
+ .pop-advanced-search .btn-wrap { margin: 0; display: flex; } 
+ .pop-advanced-search .btn-wrap .btn { width: 50%; } 
+.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
+.popup .btn-wrap {padding-top:59px;}
+.conditions-wrap .selected-conditions .conditions li button {text-align:left;}
+
+ /* 알림 팝업 */
+ .pop-notice { width: 343px; left: calc(50% - 171.5px); } 
+ .pop-notice .Title p { display: none; } 
+ .pop-notice .Title h3 { font-size: 22px; line-height: 33px; } 
+ .pop-notice .inner .Text p { font-size: 16px; line-height: 24px; } 
+ .pop-notice .inner { padding: 50px 0px 0px; } 
+ .pop-notice .inner .row { padding: 0px 16px 0px; } 
+ .pop-notice .inner .btn-box .btn { width: 100%; margin-bottom: 6px; margin-right: 0; } 
+
+ /* 계정연결, 비밀번호 입력 팝업 */
+ .pop-login-connect,
+ .pop-login-password { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-login-connect .Title,
+ .pop-login-password .Title { padding: 12px 16px; text-align: left; } 
+ .pop-login-connect .Title p,
+ .pop-login-connect .Title h3,
+ .pop-login-password .Title p,
+ .pop-login-password .Title h3 { display: none; } 
+ .pop-login-connect .inner,
+ .pop-login-password .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; box-sizing: border-box; padding: 60px 16px; } 
+ .pop-login-connect .inner .row,
+ .pop-login-password .inner .row { padding: 0; width: 100%; } 
+ .pop-login-connect .inner h3.row,
+ .pop-login-password .inner h3.row { display: block; } 
+ .pop-login-connect .inner .Text p { padding: 0px 90px 0px; } 
+ .pop-login-connect .inner .First .Btn button span,
+ .pop-login-connect .inner .btn p .cancel,
+ .pop-login-password .inner .First .Btn button span,
+ .pop-login-password .inner .btn p .cancel { font-size: 14px; } 
+ .pop-login-connect .inner .btn { margin: 30px 0 0; } 
+ .pop-login-password .inner .btn p { margin-top: 50px; } 
+ .pop-login-password .btn-box { margin: 100px 0 0; display: flex; } 
+ .pop-login-password .inner .btn-box .btn { width: 50%; padding: 0; } 
+ .pop-login-password .inner .btn-box .btn:last-child { margin-right: 0; } 
+
+ /* 계정 연결 */
+ .join.succ.connect .inner .row-bottom .join-box .success .text:nth-of-type(1) p { font-size: 20px; } 
+ .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button { font-size: 13px; } 
+ .join.connect .inner .row-bottom .join-box .success .box { width: 100%; box-sizing: border-box; padding: 3% 16px; display: flex; justify-content: center; } 
+
+ /* 공유하기 팝업 */
+ .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */}
+ .pop-sharing p { font-size: 16px; } 
+ .pop-sharing .sns-list li img { display: inline-block; width: 24px; height: 24px; padding: 14px; } 
+ .pop-sharing .link-copy { display: flex; padding: 16px; align-items: center; } 
+ .pop-sharing .link-copy .btn { width: auto; min-width: auto; } 
+ .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; } 
+ .pop-sharing .pop-wrap .Qr .inner .Qrimg { padding: 0; } 
+ .pop-sharing .pop-wrap .Qr .inner .Qrimg img { max-width: 130px; margin-bottom: 30px; } 
+
+ /* 비밀번호 변경, 찾기 */
+ .pop-change,
+ .pop-find { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-change .Title,
+ .pop-find .Title { padding: 12px 16px; text-align: left; } 
+ .pop-change .Title p,
+ .pop-change .Title h3,
+ .pop-find .Title p,
+ .pop-find .Title h3 { display: none; } 
+ .pop-change .inner,
+ .pop-find .inner { flex: 1; } 
+ .pop-change .inner .row,
+ .pop-find .inner .row { padding: 0 16px; } 
+ .pop-change .inner .row.change h3,
+ .pop-find .inner .row.Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
+ .pop-change .inner .change p.text { text-align: center; } 
+ .pop-find .inner .find p.text { text-indent: -7px; padding-left: 7px; } 
+ .pop-change .inner .row.btn-box,
+ .pop-find .inner .row.btn-box { display: flex; } 
+ .pop-change .inner .row.btn-box .btn,
+ .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } 
+ .pop-change .inner .row.btn-box .btn:nth-child(1),
+ .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } 
+
+ /* 반려사유 팝업 */
+ .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-return .Title { padding: 12px 16px; text-align: left; } 
+ .pop-return .Title p,
+ .pop-return .Title h3 { display: none; } 
+ .pop-return .inner { flex: 1; } 
+ .pop-return .inner .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
+ .pop-return .inner .Text .text-box { word-break: break-all; } 
+ .pop-return .inner .row { padding: 0 16px; text-align: center; } 
+ .pop-return .inner .btn-box .btn { width: 100%; } 
+
+ /* 서지정보 */
+ .pop-serge { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-serge .Title { padding: 12px 16px; text-align: left; } 
+ .pop-serge .Title h3 { display: none; } 
+ .pop-serge .inner .serge-close { right: 20px; top: 20px; } 
+ .pop-serge .inner { flex: 1; overflow: scroll; } 
+ .pop-serge .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
+ .pop-serge .inner .Text .con-1 > p,
+ .pop-serge .inner .Text .con-2 > p { font-size: 16px; } 
+ .pop-serge .inner .Text .text-box { padding: 20px 20px 20px 30px; margin-bottom: 20px; } 
+ .pop-serge .inner .Text .text-box p:nth-of-type(1),
+ .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) { text-indent: 0; } 
+ .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) { text-indent: -7px; } 
+ .pop-serge .inner .btn-box { display: flex; } 
+ .pop-serge .inner .btn-box .btn { width: 50%; margin: 0; } 
+ .pop-serge .inner .btn-box .btn:last-child { margin-left: 10px; } 
+ }
+
+/* 추가 작업 */
+@media all and (max-width: 479px) { /* error */
+ .error { padding: 0 16px; box-sizing: border-box; } 
+ .error .text p:nth-of-type(1) { font-size: 24px; } 
+ .error .text p:nth-of-type(2) { font-size: 16px; } 
+ .error .box p:nth-of-type(1) { font-size: 14px; } 
+ .error .box .btn { display: flex; padding: 0 10px; box-sizing: border-box; } 
+ .error .box .btn a { padding: 0px 30px; width: 50%; } 
+ .error .box .btn a.btn-white { width: 100%; } 
+
+ /* 약관 */
+
+ .privacy-box { padding: 0 16px; box-sizing: border-box; } 
+ .provision .top-bg,
+ .provision .con { width: 100%; } 
+ .provision .top-bg { height: 508px; background: url("/images/bg/bg-service-mo.jpg") no-repeat; box-sizing: border-box; padding: 0 30px 30px; margin: 0 auto 20px; display: flex; flex-direction: column; justify-content: flex-end; } 
+ .privacy.provision .top-bg { background: url("/images/bg/bg-privacy-mo.jpg") no-repeat; } 
+ .provision .top-bg p { width: 100%; } 
+ .provision .top-bg p:nth-child(1) { margin: 0; font-size: 18px; margin-bottom: 10px; word-break: break-all; } 
+ .provision .top-bg p:nth-child(2) { margin: 0; font-size: 14px; word-break: break-all; } 
+ .provision .top-bg p:nth-child(2) br { display: none; } 
+ .provision .con .sec { padding-bottom: 20px; margin-bottom: 20px; } 
+ .provision .con .sec h2 { margin-bottom: 6px; font-size: 16px; } 
+ .provision .con .sec p,
+ .provision .con .sec ul li { font-size: 12px; line-height: 18px; } 
+ .provision .con .sec ul.d2 { padding-left: 10px; margin-bottom: 10px; } 
+
+ /* 관련사이트 */
+ footer .family_site .site_depth { width: 89%;margin:0% 5.5%; left: 0; top:auto;bottom: 40px; } 
+ footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;}
+ footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;}
+ }
+=======
+/* 공통 */
+a.pop-logo { display: none; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; align-items: center; } 
+a.pop-logo img { margin-right: 10px; } 
+.mo-ver { display: none; } 
+.wrap header .inner h1 a span.title-1 { border-left: none; margin: 0; } 
+.go_btn { display: none; } 
+#mo_search_icon { display: none; margin-right: 24px; } 
+.btn-go-top.mo-go-top { bottom: 86px; } 
+#mo-member-btn { display: none; width: calc(100% - 32px); height: 50px; background: #376795; border-radius: 5px; position: absolute; right: 16px; top: -65px; z-index: 19; position: fixed; top: inherit; bottom: 20px; font-weight: 500; font-size: 14px; color: #ffffff; } 
+.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; } 
+.mo-nav-wrap.show { width: 286px; } 
+.mo-nav-wrap .menu_bg { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.2s ease-in; } 
+.mo-nav-wrap.show .menu_bg { display: block; } 
+.mo-nav-wrap .login_box { width: 100%; height: 267px; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); padding: 135px 16px 18px; box-sizing: border-box; } 
+.mo-nav-wrap .login_box h2 { font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; } 
+.mo-nav-wrap .login_box .btns_box { display: flex; margin-top: 20px; } 
+.mo-nav-wrap .login_box .btns_box button { width: 50%; height: 40px; background: #374d64; border-radius: 3px; font-weight: 500; font-size: 12px; color: #ffffff; } 
+.mo-nav-wrap .login_box .btns_box button.btn_login { margin-right: 16px; } 
+.mo-nav-wrap .menu_box { height: calc(100vh - 267px); overflow: auto; background: #fff; } 
+.mo-nav-wrap .menu_box .mo_menu { background: #fff; } 
+.mo-nav-wrap .menu_box .mo_menu .wrap { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; color: #333333; } 
+.mo-nav-wrap .menu_box .mo_menu.show > div { color: #376795; font-weight: 500; } 
+.mo-nav-wrap .menu_box .mo_menu .drop_icon { width: 14px; height: 10px; background: url("/images/icon/icon-mo-show.png") no-repeat; background-position: center; } 
+.mo-nav-wrap .menu_box .mo_menu.show .drop_icon { background: url("/images/icon/icon-mo-hide.png") no-repeat; background-position: center; } 
+.mo-nav-wrap .menu_box .mo_menu a .drop_icon { visibility: hidden; } 
+.mo-nav-wrap .menu_box .mo_menu .name,
+.mo-nav-wrap .menu_box .mo_menu .drop_icon { padding: 16px 16px; } 
+.mo-nav-wrap .menu_box .sub-menu { display: none; background: #f0f0f0; } 
+.mo-nav-wrap .menu_box .mo_menu.show .sub-menu { display: block; padding: 16px 26px; } 
+.wrap .nav-wrap .inner .left { display: none; } 
+.pop-login .inner .mo-pop-Title { display: none; font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
+.pop-login .inner .mo-pop-Title span { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #376795; } 
+.pop-login-connect .inner h3.row,
+.pop-login-password .inner h3.row { display: none; padding: 0; font-size: 22px; line-height: 33px; margin-bottom: 20px; } 
+.pop-login-connect .inner h3.row span,
+.pop-login-password .inner h3.row span { color: #376795; } 
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk span { margin-left: 10px; } 
+
+/* 공지사항 */
+.list-table-wrap li span.t-wrap { display: flex; align-items: center; } 
+.list-table-wrap li.t-tit-line .t-tit { justify-content: center; } 
+.list-table-wrap li .t-tit { width: 68%; display: flex; align-items: center; } 
+.list-table-wrap li span.t-info { flex: 1; display: flex; align-items: center; } 
+.list-table-wrap li span.t-info > span { display: flex; align-items: center; justify-content: center; } 
+.list-table-wrap li .t-writer { width: 36%; } 
+.list-table-wrap li .t-date { width: 36%; } 
+.list-table-wrap li .t-file { flex: 1; } 
+
+/* 희망 방문일 */
+.cart .inner .loan-confirm .tabs_item .visit-select-box { border-top: 1px solid #333; border-bottom: 1px solid #ddd; padding: 40px 0; margin-bottom: 20px; } 
+.cart .inner .loan-confirm .tabs_item .visit-select-box h3 { border-bottom: none; } 
+.cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 20px; } 
+.cart .inner .loan-confirm .visit-text { color: #666666; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 40px; } 
+.cart .inner .loan-confirm .visit-select-box select { height: 36px; line-height: 36px; padding: 0px 2%; border: 1px solid #ddd; border-radius: 3px; margin: 0 6px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-left: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
+.pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 
+
+/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
+@media all and (max-width: 479px){
+ .mo-ver { display: block !important; } 
+ .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
+ .wrap { position: relative; width: 100vw; min-width: auto; } 
+ .wrap.sub { padding-top: 73px; } 
+ .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
+ .wrap header .inner { width: auto; margin: 0; } 
+ .wrap header .inner h1 { width: auto; } 
+ .wrap.sub .nav-wrap { box-shadow: none; } 
+ .wrap header .inner h1 a span.title-2 { display: none; } 
+ .wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; } 
+ .wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; } 
+ .wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; } 
+ .wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;}
+ .wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */
+ .wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; } 
+ .wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; } 
+ .wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; } 
+ .wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } 
+ .wrap header .inner .log { display: none; } 
+ .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } 
+ .wrap .nav-wrap.scroll_on { box-shadow: none; } 
+ .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } 
+ .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } 
+ .wrap .nav-wrap .inner .left { display: none;z-index:999; } 
+ .wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; } 
+ .wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; } 
+ .wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; } 
+ .wrap .nav-wrap .inner .left span,
+ .wrap .nav-wrap .inner .left .member-btn { display: none; } 
+ .wrap .nav-wrap .inner .right { display: flex;z-index:999; } 
+ #mo_search_icon { display: block; } 
+ #primary-nav-button.mobile { position: relative; top: 0; } 
+ .wrap .nav-wrap .Btn i { background: #fff; } 
+ .wrap .nav-wrap .Btn i::before { background: #fff; } 
+ .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } 
+ .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } 
+ .sec1 .inner .banner { height: 400px; background-position: -452px; } 
+ .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } 
+ .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } 
+ .sec1 .inner .banner p > span { display: block; } 
+ .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } 
+ .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } 
+ .sec1 .inner .color-box .list .title { font-size: 12px; line-height: 18px; margin: 8px 0px 9px; } 
+ .sec1 .inner .color-box .list .icon img { width: 32px; } 
+ .sec1 .inner .color-box .list .open { display: none; } 
+ .sec2 { padding: 0px 0px 60px; } 
+ .sec2 .keyword-box { width: 100vw; } 
+ section h3 { font-size: 22px; margin-bottom: 0px; } 
+ section .inner p.desc { font-size: 14px; margin-bottom: 16px; } 
+ section .inner ul.list-tag { height: 66px; overflow: hidden; } 
+ .sec3 { padding: 52px 0px 60px; } 
+ .sec3 .pickSwiper::before,
+ .sec3 .pickSwiper::after { display: none; } 
+ .sec3 .pickSwiper .swiper-slide .list-box { height: 310px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .images { padding: 10px 0px; height: 185px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject { padding: 15px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .block { margin-bottom: 6px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .cla { padding: 5px 10px; border-radius: 85px; } 
+ .sec3 .pickSwiper .swiper-slide .list-box .subject .tit { font-size: 14px; } 
+ .swiper-button-next,
+ .swiper-button-prev { display: none; } 
+ .sec4 .inner .middle-banner { background: url("/images/bg/bg-sec4-bg-mo.jpg") no-repeat; height: 200px;background-size:100%; } 
+ .sec4 .inner .middle-banner h3 { padding: 40px 0px 10px; font-size: 22px; line-height: 33px; } 
+ .sec4 .inner .middle-banner p { font-size: 14px; } 
+ .sec5 { padding: 52px 0px 60px 16px; } 
+ .sec5 .inner { width: 100%; } 
+ .sec5 .inner .tabs { width: max-content; } 
+ .sec5 .inner .tab_content { padding: 0 16px 0 0; margin-top: 30px; box-sizing: border-box; width: 100%; border: none; background: none; } 
+ .sec5 .inner .tabs_item { padding: 0; } 
+ .sec5 .inner .tabs_item ul li { background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; padding: 30px; } 
+ .sec5 .inner .tabs_item ul li .con-1 .cla { padding: 5px 10px; } 
+ .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } 
+ .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } 
+ .sec6 { padding: 52px 0px 60px; } 
+ .sec6 .inner .more-btn {top:0px;}
+ .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;}
+ .popularSwiper .swiper-pagination { position: relative; } 
+ .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } 
+ .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } 
+ .sec6 .onlineSwiper::before,
+ .sec6 .onlineSwiper::after { display: none; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } 
+ .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } 
+ .sec7 .inner { width: 100%; display: flex; flex-direction: column; } 
+ .sec7 .inner .Fl { float: none; width: 100%; margin: 0; } 
+ .sec7 .inner .Fl.notice { margin-bottom: 24px; } 
+ .sec7 .inner .Fl .ti { display: flex; align-items: center; justify-content: space-between; } 
+ .sec7 .inner .Fl .ti span { font-size: 18px; } 
+ .sec7 .inner .Fl .ti a span { height: auto; } 
+ .sec7 .inner .Fl .ti a span > span { display: none; } 
+ .sec7 .inner .Fl .ti a span img { width: 22px; margin: 0; } 
+ .sec7 .inner .Fl .con { padding: 0 20px; border: 1px solid #dddddd; border-radius: 5px; } 
+ .sec7 .inner .Fl .con .list a { display: flex; } 
+ .sec7 .inner .Fl .con .list .text { font-size: 16px; line-height: 24px; flex: 1; } 
+ .sec7 .inner .Fl .con .list .text p { display: flex; align-items: center; } 
+ .sec7 .inner .Fl .con .list .text p img { margin: 0; } 
+ .sec7 .inner .Fl .con .list .answer { display: none; } 
+ footer { padding: 20px 0px 16px; position: relative; height: auto; box-sizing: border-box; } 
+ footer .inner { width: 100%; box-sizing: border-box; } 
+ footer .row-top { display: flex; flex-direction: column; align-items: center; } 
+ footer .row-top .footer-logo img { width: 140px; } 
+ footer .family_site { position: relative; display: flex; align-items: center; width: 90%; padding: 0 5%; box-sizing: border-box; } 
+ footer .family_site .site_name { width: 100%; margin: 0; flex: 1; } 
+ footer .family_site .go_btn { display: block; background: #1b1b1b; border-radius: 5px; width: 74px; height: 40px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; } 
+ footer .fnb li { font-size: 12px; line-height: 18px; text-align: center; margin: 0 6px; } 
+ footer .row-bottom .left-side { float: unset; } 
+ footer .row-bottom .left-side ul { display: flex; align-items: center; justify-content: center; } 
+ footer .copy { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; } 
+ footer .copy span:first-child { display: block; } 
+ footer .copy br { display: none; } 
+ .btn-go-top span:nth-of-type(2) { display: none; } 
+ .btn-go-top img { width: 24px; } 
+ #mo-member-btn { display: block; } 
+
+ /* 서브 공통 */
+ .location .inner .row-top .location-box .tit li { font-size: 22px; } 
+ .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } 
+
+ /* 회원가입 */
+ .join .inner .row-bottom { width: 100vw; min-height: 400px; padding: 0 16px; box-sizing: border-box; } 
+ .join .inner .row-bottom .join-box .login { margin-top: 60px; width: 100%; } 
+ .join .inner .row-bottom .join-box .step { padding-bottom: 24px; } 
+ .join .inner .row-bottom .join-box .step > div .icon,
+ .join .inner .row-bottom .join-box .step > div .text p:nth-child(1) { display: none; } 
+ .join .inner .row-bottom .join-box .step > div { box-sizing: border-box; height: 45px; display: flex; align-items: center; justify-content: center; } 
+ .join .inner .row-bottom .join-box .privacy-box > div { position: relative; margin-bottom: 60px; } 
+ .join .inner .row-bottom .join-box .privacy-box > div > .con-1 .chk { position: absolute; bottom: -30px; } 
+ .join .inner .row-bottom .join-box .btn-box { display: flex; } 
+ .join .inner .row-bottom .join-box .btn-box .btn { width: 50%; margin-right: 16px; } 
+ .join .inner .row-bottom .join-box .btn-box .btn:last-child { margin-right: 0; } 
+ .join .inner .row-bottom .join-box { padding-bottom: 60px; } 
+ .join .inner .row-bottom .join-box .form-group { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
+ .join .inner .row-bottom .join-box .form-group .con,
+ .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } 
+ .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } 
+ .join .inner .row-bottom .join-box .Usersex .con { display: flex; } 
+ .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } 
+ .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } 
+ .join .inner .row-bottom .join-box .Userbirth #year { width: 94%; } 
+ .join .inner .row-bottom .join-box .Userbirth #month { margin-left: 0; } 
+ .join .inner .row-bottom .join-box .Userbirth #month,
+ .join .inner .row-bottom .join-box .Userbirth #day { width: 40.5%; } 
+ .join .inner .row-bottom .join-box .Usermobile .row input { width: 21.5% !important; } 
+ .join .inner .row-bottom .join-box .Usermobile .row input.cer,
+ .join .inner .row-bottom .join-box .Useremail .row input,
+ .join .inner .row-bottom .join-box .Useraddr .row input.addr1 { width: 72% !important; } 
+ .join .inner .row-bottom .join-box .form-group .con span.text,
+ .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } 
+ .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } 
+
+ /* 가입 완료 */
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(2) { font-size: 15px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(3) { font-size: 14px; } 
+ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(4) span { display: block; } 
+ .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 16px; } 
+ .join.succ .inner .row-bottom .join-box .success .box p:nth-of-type(2) { font-size: 14px; } 
+ .join.succ .inner .row-bottom .join-box .success .btn { margin: 30px 0px; width: 100%; height: 45px; } 
+ .join.succ .inner .row-bottom .join-box .success .btn a { padding: 0; font-weight: normal; width: 100%; height: 100%; font-size: 14px; } 
+
+ /* 휴면 계정 */
+ .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 18px; } 
+ .join.dormant .inner .row-bottom .join-box .success .text p:nth-of-type(2) br { display: none; } 
+ .join.dormant .inner .row-bottom .join-box .success .box p:nth-of-type(1) { font-size: 15px; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn { display: flex; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn a { width: 50%; margin-right: 10px; } 
+ .join.dormant .inner .row-bottom .join-box .success .btn a:last-child { margin-right: 0; } 
+
+ /* 알림 */
+ .noti-data .contents { width: 100%; padding: 0 16px; box-sizing: border-box; min-height: 400px; } 
+ .noti-data .inner .noti-box .title { margin: 0; } 
+ .noti-data .inner .noti-box .title .count { font-size: 14px; } 
+ .noti-data .inner .noti-box .title .text p { display: none; } 
+ .noti-data .list-accordion .question { background: transparent url("/images/btn/btn-arrow-open.png") no-repeat 10px center; display: flex; flex-direction: column; padding: 10px; } 
+ .noti-data .list-accordion .question .type,
+ .noti-data .list-accordion .question span { padding-left: 50px; height: auto; font-size: 14px; line-height: 21px; } 
+ .list-accordion .question .type::before,
+ .list-accordion .question.on .type::before { background: none; } 
+ .noti-data .list-accordion .question .date { position: absolute; top: 10px; right: 10px; padding-right: 0 !important; } 
+ .noti-data .list-accordion .question.on { background: url("/images/btn/btn-arrow-close.png") no-repeat 10px center #556676; } 
+ .noti-data .list-accordion .question.on span { font-size: 14px; } 
+ .noti-data .list-accordion .answer { padding: 20px 10px 20px 64px; font-size: 14px; line-height: 21px; } 
+ .noti-data .list-accordion .answer::before { width: 2px; height: 36px; left: 50px; top: 24px; } 
+
+ /* 카트 */
+ .cart .contents { width: 100%; padding: 0 16px 100px; box-sizing: border-box; } 
+ .cart .inner .tabs { display: flex; } 
+ .cart .inner .tabs li { width: 50%; } 
+ .cart .inner .tabs a { min-width: auto; width: 100%; } 
+ .cart .inner .tabs_item .list-cart-wrap h3 { font-size: 16px; border-top: 2px solid #222222; padding: 10px 10px 0; } 
+ .cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 10px; } 
+ .cart .inner .loan-confirm .tabs_item h3 { border-bottom: 1px solid #dddddd; padding: 10px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-text { font-size: 12px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box { padding: 25px 0 15px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box h3 { padding-top: 0; font-size: 18px; line-height: 27px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box { display: flex; flex-direction: column; font-size: 14px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span { display: flex; align-items: center; margin-bottom: 10px; } 
+ .cart .inner .loan-confirm .tabs_item .visit-select-box .select-box span select { flex: 1; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: flex; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 10px 0; box-sizing: border-box; } 
+ .cart .inner .loan-confirm .tabs_item .list-cart-wrap .list-cart .list.t-tit-line { display: none; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div { color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-mo { display: none; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { width: auto; display: flex; align-items: center; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list { position: relative; padding: 10px 10px 20px; height: auto; box-sizing: border-box; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-data:not(.t-mo) { width: 100%; display: flex; flex-direction: column-reverse; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk { height: 35px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan,
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit { width: auto !important; display: flex; flex-direction: column; font-size: 12px; line-height: 18px; text-align: left; position: absolute; bottom: 20px; left: 220px; padding: 0; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date::before { content: "반납예정일"; color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 134px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan::before { content: "대출"; color: #333333; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-loan { bottom: 76px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-visit::before { content: "방문열람"; color: #333333; } 
+ .cart .inner .tabs_item .btn-box.btn-cart-top { display: flex; margin-bottom: 0; } 
+ .btn-cart-top.go-cart-fix { position: fixed; bottom: 0; left: 0; padding: 16px; box-sizing: border-box; background: rgba(0, 0, 0, 0.35); margin: 0; z-index: 999; } 
+ .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
+ .btn-cart-top.go-cart-hide { opacity: 0; z-index: -1; } 
+ .cart .inner .tabs_item .btn-box .btn-gray { display: none; } 
+ .cart .inner .tabs_item .btn-box .left,
+ .cart .inner .tabs_item .btn-box .right { width: 50%; } 
+ .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } 
+ .cart .inner .tabs_item .btn-box .btn { width: 100%; } 
+
+ /* 대출신청/예약확인 */
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } 
+ .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { left: 10px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-state { width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 38px 0 40px; } 
+ .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-data > div.title { width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 208px; } 
+ .cart-confirm .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-state { bottom: 188px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 158px; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list-content > div.t-date { bottom: 138px; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit,
+ .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit { bottom: 0; left: 10px; width: 100%; } 
+ .cart-confirm .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit::before,
+ .cart-confirm .inner .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-visit::before { content: ""; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser { position: absolute; left: 220px; bottom: 106px; width: auto !important; padding: 0; display: flex; flex-direction: column; font-size: 12px; text-align: left; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser { bottom: 86px; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청/예약정보"; color: #333333; } 
+ .cart .inner .visit-confirm .list-cart-wrap .list-cart div.list > div.t-reser::before { content: "신청정보"; color: #333333; } 
+ .cart .inner .tabs_item .text { font-size: 12px; line-height: 18px; text-indent: -7px; padding-left: 7px; box-sizing: border-box; } 
+ .cart .inner .loan-confirm .tabs_item .text { margin-bottom: 10px; } 
+ .cart .inner .tabs_item .list-cart-wrap { margin-bottom: 0; } 
+ .cart .inner .tabs_item .total-box { display: flex; justify-content: space-between; border-top: none; padding: 20px 0; } 
+ .cart .inner .tabs_item .total-box .row-top { display: flex; flex-direction: column; justify-content: space-between; width: 100px; height: auto; text-align: left; background: #fff; border-bottom: none; } 
+ .cart .inner .tabs_item .total-box .row-top > div { width: auto; height: auto; color: #666666; line-height: 27px; } 
+ .cart .inner .tabs_item .total-box .row-bottom { display: flex; align-items: flex-end; flex-direction: column; width: 200px; height: auto; padding: 0; line-height: 27px; } 
+ .cart .inner .tabs_item .total-box .row-bottom > div.plus,
+ .cart .inner .tabs_item .total-box .row-bottom > div.result { display: none; } 
+ .cart .inner .tabs_item .total-box .row-bottom > div strong { font-size: 18px; } 
+ .cart .inner .tabs_item .btn-wrap { display: flex; } 
+ .cart .inner .tabs_item .btn-wrap .btn { width: 50%; margin-right: 16px; } 
+ .cart .inner .tabs_item .btn-wrap .btn:last-child { margin-right: 0; padding: 0 10px; } 
+
+ /* 신청완료 */
+ .cart .inner .tabs_item .compl-box { border-top: none; } 
+ .cart .inner .visit-confirm .tabs_item .compl-box { border-top: 1px solid #333; } 
+ .cart .inner .tabs_item .compl-box .compl-icon img { width: 48px; } 
+ .cart .inner .tabs_item .compl-box .compl-text { font-size: 18px; } 
+ .cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; } 
+
+ /* 인사말 */
+ .greeting .inner .row-bottom { width: 100%; padding-bottom: 60px; } 
+ .greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; } 
+ .greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; } 
+ .greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left { width: 100%; margin-right: 0; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right { width: 100%; margin-top: 20px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left p.text { font-size: 14px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; } 
+ .greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; } 
+
+ /* 이용안내 */
+ .guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; } 
+ .guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; } 
+ .guide .inner .row-bottom .guide-box .banner .left { width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span { top: -10px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) { font-size: 14px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) { font-size: 18px; margin-bottom: 8px; } 
+ .guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) { font-size: 14px; } 
+ .guide .inner .row-bottom .guide-box .banner .right { width: 100%; height: auto; padding: 34px 30px 0; box-sizing: border-box; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li { display: flex; margin: 0 0 30px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num { width: 67px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) { height: 50px; display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } 
+ .guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) { font-size: 12px; margin-left: -60px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec h3 { font-size: 18px; margin-bottom: 6px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec .text-box { padding: 20px 30px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec { margin-bottom: 30px; } 
+ .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(3) .text-box p,
+ .guide .inner .row-bottom .guide-box .info-box .info-sec:nth-child(4) .text-box p { display: flex; } 
+
+ /* 오시는 길 */
+ .map .contents { width: 100%; padding: 0 16px 80px; box-sizing: border-box; } 
+ .map .inner .row-bottom .map-box { margin-bottom: 24px; } 
+ .map .inner .row-bottom .map-box h2 { margin-bottom: 6px; font-size: 18px; } 
+ .map .inner .row-bottom .map-box .info { display: flex; flex-direction: column; } 
+ .map .inner .row-bottom .map-box .info .mapimg { height: 156px; } 
+ .map .inner .row-bottom .map-box .info > div { width: 100%; text-align: left; padding: 45px 28px; box-sizing: border-box; min-height: auto; border-bottom: 1px solid #ddd; border-right: none; } 
+ .map .inner .row-bottom .map-box .info > div:last-child { border-bottom: none; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) { width: 28px; height: 28px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) img { width: 70%; margin: 0; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; } 
+ .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; } 
+ .map .inner .row-bottom .info-box .info-sec h3 { font-size: 18px; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } 
+ .map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } 
+ .map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } 
+ .map .inner .row-bottom .map-box .info #map {height:155px !important;}
+
+ /* 소장자료 */
+ .data .inner .row-bottom { width: 100%; padding: 0 0 100px 16px; box-sizing: border-box; } 
+ .article-side { display: none; background: #fff; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 101; } 
+ .article-side .Title.mo-ver { padding: 15px 16px; background: url("/images/bg/bg-login.jpg") no-repeat; background-size: cover; text-align: left; } 
+ .article-side .Title.mo-ver h3 { font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; } 
+ .article-side .Title.mo-ver .filter-close { position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url("/images/btn/btn_close_size_27x26_c9c9c7.png") no-repeat; background-size: 100%; } 
+ .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; } 
+ 
+ .article-side .filter-wrap {display:inline-block;padding-top:100px;} 
+ .article-side .filter-wrap .Title {display:inline-block;background: #3670a3;width: 96%;padding: 0px 2%;height: 80px;line-height: 80px;padding: 0 16px;box-sizing: border-box;width: 100%;position:absolute;top:0px;left:0px;z-index:999;}
+ .article-side .filter-wrap .Title span:nth-of-type(1) {font-size: 24px;font-weight: 500;margin-right: 10px;font-size: 22px;line-height: 33px;color:#fff;}
+ .article-side .filter-wrap .Title span:nth-of-type(2) {position: absolute;right: 16px;top: 30px;}
+ .article-side .filter-wrap .Title span:nth-of-type(2) .filter-close {display:inline-block;width:22px;height:22px;}
+ 
+ .culture-box { width: 100%; } 
+ .data .mo_tabs_wrap { height: 50px; } 
+ .data .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
+ .data .inner .tabs li.current::before {bottom: calc(0% - -5px);}
+ .data .inner .tabs li a { border-radius: 0; border-right: none; } 
+ .data .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .data .inner .tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .data .inner .data-box .culture-box .tab > .title { display: flex; flex-direction: column-reverse; height: auto; padding-right: 16px; } 
+ .data .inner .data-box .culture-box .tab .title .count { display: flex; font-size: 14px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search { margin-left: 0; width: 100%; text-align: left; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select,
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select { margin-left: 0; width: 100%; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input { margin-left: 0; width: 100%; box-sizing: border-box; margin: 10px 0 26px; display: flex; padding: 0 0 0 36px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button[type="submit"] { background: url("/images/icon/icon-search-mo.png") no-repeat center; right: auto; left: 0; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:inline-block;position: absolute;left: auto;right: 10px;top: 4px;width: 43px;height: 26px;background:#e6e7e9;color:#666;border-radius:50px;text-indent:0;}
+ 
+ .data .inner .tab_content { padding-right: 16px; box-sizing: border-box; } 
+ .data .inner .tabs_item { border-top: 1px solid #222222; padding: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list { box-sizing: border-box; display: flex; flex-direction: column; height: auto; padding: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 30px 10px 130px; box-sizing: border-box; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type,
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title,
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { width: 100%; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject span { display: inline; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p br {display:none;}
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span {display:inline-block;margin:0px 5px;height:10px;line-height:10px;}
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span:nth-of-type(1) {border-right:1px solid #3f8f4a;padding-right:10px;}
+
+
+ /* 결과 없음 */
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } 
+ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 { margin-bottom: 16px; font-size: 18px; } 
+ .paging { width: 100%; display: flex; justify-content: center; } 
+ .paging li { margin: 0 !important; padding: 0 !important; min-width: auto; width: 24px !important; background-position: center !important; } 
+ .paging .btn-prev a,
+ .paging .btn-next a { display: none; } 
+ .paging li a { font-size: 14px; } 
+ .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.btn_filter { position: absolute; top: 3px; right: 10px; background: #e6e7e9; width: 43px; height: 28px; border-radius: 30px; font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; text-indent: 0; } 
+
+ /* 소장 자료 상세 */
+ .data.detail .inner .row-top .center { width: 100%; display: flex; flex-direction: column; padding: 0 16px; box-sizing: border-box; } 
+ .data.detail .inner .row-top .center .left,
+ .data.detail .inner .row-top .center .right,
+ .data.detail .inner .row-bottom .con-4 .top h3,
+ .data.detail .inner .row-bottom .con-4 .top h3::before,
+ .data.detail .inner .row-top .center .left .img img { width: 100%; } 
+ .data.detail .inner .row-top .center .left .img {background:#fff;text-align:center;width:40%;padding:5% 30%;}
+ .data.detail .inner .row-bottom { padding: 0; } 
+ .data.detail .inner .row-top .center .left .cla { position: relative; } 
+ .data.detail .inner .row-top .center .left .cla .con-1 { width: 100%; display: block; } 
+ .data.detail .inner .row-top .center .left .cla .con-2 { position: absolute; top: 70px; padding: 0; } 
+ .data.detail .inner .row-top .center .left .tit { font-size: 22px; margin-bottom: 50px; } 
+ .data.detail .inner .row-top .center .right .con-1 { display: flex; height: auto; border: none; } 
+ .data.detail .inner .row-top .center .right .con-1 button { margin-top: 14px; width: 36px; height: 36px; } 
+ .data.detail .inner .row-top .center .right .con-1 button.view { flex: 1; } 
+ .data.detail .inner .row-top .center .right .con-1 button.ris { display: none; } 
+ .data.detail .inner .row-top .center .right .con-1 button.favorit { margin: 14px 10px 0; } 
+ .data.detail .inner .row-top .center .right .con-1 button.original {width:200px;display:inline-block;}
+ .data.detail .inner .row-top .center .right .con-2 .de-data { flex-direction: column; } 
+ .data.detail .inner .row-top .center .right .con-2 .de-data ul { width: 100%; display: flex; flex-direction: column; } 
+ .data.detail .inner .row-top .center .right .con-2 .de-data ul li { width: 100%; } 
+ .data.detail .inner .row-top .center .right .con-2 .b-btn button { width: 100%; margin-bottom: 6px; } 
+ .data.detail .inner .row-top .center .right .con-2 .keyword span.first,
+ .data.detail .inner .row-top .center .right .con-2 .keyword span { padding: 5px 14px 5px; border-radius: 30px; } 
+ .data.detail .inner .row-bottom.contents { padding: 0 16px; } 
+ .data.detail .inner .row-bottom .con-1 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-1 .list-box { padding: 15px 10px; box-sizing: border-box; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px;height:155px; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(2) { border-right: none; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(n + 3) { padding: 20px 0 0; border-top: 1px solid #ddd; } 
+ .data.detail .inner .row-bottom .con-1 .list-box .list .icon img { width: 60px; height: 60px; } 
+ .data.detail .inner .row-bottom .con-1 .text-box { width: 100%; padding: 16px 20px; box-sizing: border-box; word-break: break-all; } 
+ .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; }
+ .data.detail .inner .row-bottom .con-1 .list-box .list .con span {display:block;}
+  
+ .data.detail .inner .row-bottom .con-2 {position:relative;}
+ .data.detail .inner .row-bottom .con-2 .top h3,
+ .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px;height:40px;line-height:40px;} 
+ .data.detail .DetailSwiper1 .swiper-button-next,
+ .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } 
+ .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } 
+ .data.detail .swiper-button-next { text-align: right; } 
+ .data.detail .inner .row-bottom .con-2 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; width: 34px;height:40px; top:0px; } 
+ .data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; } 
+ .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; } 
+ .data.detail .inner .row-bottom .con-3 { margin-bottom: 30px; } 
+ .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } 
+ .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } 
+ .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } 
+ .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
+ .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,
+ .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail { height: 100%; } 
+ .data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 10px; font-size: 16px; margin-bottom: 10px; } 
+ .data.detail .inner .row-bottom .con-4 { padding: 0px 0px 30px; margin: 0px 0px 30px; } 
+ .data.detail .btn-box { padding: 0 16px; } 
+ .data.detail .btn-box .btn { width: 100%; } 
+
+ /* 공지사항 */
+ .list-header .list-search { position: relative; margin-bottom: 42px; } 
+ .list-search .left,
+ .list-search .right,
+ .list-search .list-input { width: 100%; } 
+ .list-search .left { position: absolute; bottom: -50px; } 
+ .list-search .list-input { margin: 10px 0 0; box-sizing: border-box; } 
+ .list-search .list-input button { height: 38px; background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .list-select select { min-width: auto; width: 100%; } 
+ .list-table-wrap { border-top: 1px solid; } 
+ .list-table-wrap .t-tit-line { display: none; } 
+ .list-table-wrap li { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; } 
+ .list-table-wrap li.no-result { justify-content: center; } 
+ .list-table-wrap li span { height: auto; } 
+ .list-table-wrap li .t-num { font-size: 12px; } 
+ .list-table-wrap li .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; } 
+ .list-table-wrap li .t-type span { padding: 4px 10px; margin-left: 16px; } 
+ .list-table-wrap li span.t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; } 
+ .list-table-wrap li .t-tit { width: 100%; margin-bottom: 6px; } 
+ .list-table-wrap li span.t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+ .list-table-wrap li span.t-info > span:last-child { padding: 0; margin: 0; border: none; } 
+ 
+ .list-table-wrap li .t-num { position: absolute; } 
+ .list-table-wrap li .t-type { position: absolute;left:40px; } 
+ .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } 
+ .list-table-wrap li .t-writer { padding-left: 40px; } 
+ .list-table-wrap li .t-file {height:18px;line-height:18px;}
+ .list-table-wrap li .t-writer,
+ .list-table-wrap li .t-date,
+ .list-table-wrap li .t-file,
+ .list-table-wrap li .t-answer { width: auto; } 
+ .list-table-wrap li .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+
+ /* 공지사항 상세 */
+ .view-tit { position: relative; padding-left: 60px; box-sizing: border-box; width: 100%; } 
+ .qna-data .view-tit { padding-left: 80px; } 
+ .view-tit h2,
+ .view-tit .v-info { font-size: 14px; } 
+ .view-tit h2 span.type { position: absolute; top: 50%; left: 10px; transform: translate(0%, -50%); } 
+ .file-box { padding: 8px 10px; } 
+ .file-box .file-list span button { display: none; } 
+ .file-box .file-list { display: flex; align-items: center; } 
+ .file-box .file-list:last-child { margin-bottom: 0; } 
+ .view-con { font-size: 12px; line-height: 18px; min-height: 180px; } 
+ .noti-data .btn-box a { width: 100%; box-sizing: border-box; font-size: 14px; font-weight: normal; } 
+
+ /* faq */
+ .faq .contents,
+ .faq .inner .tab { width: 100%; } 
+ .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } 
+ .faq .inner .tab_content {margin-top:0px;}
+ .faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } 
+ .faq .inner .tabs li { width: 130px; } 
+ .faq .inner .tabs li a { border-radius: 0;font-size:13px; } 
+ .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .faq .title { height: auto; margin-bottom: 0; } 
+ .faq .title .right,
+ .faq .title .left { width: 100%;display:flex; } 
+ .faq .title .left { font-size: 14px; } 
+ .faq .title .right {flex-direction: column;}
+ .faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; } 
+ .faq .list-search-wrap form {display:flex;flex-direction:column-reverse;}
+ .faq .title select { min-width: auto; width: 100%; } 
+ .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } 
+ .faq .title .list-input input { width: 90%; } 
+ .faq .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .faq .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
+ .faq .list-accordion .question { display: flex; flex-direction: column; padding: 10px 0; } 
+ .faq .list-faq .no-result { padding: 10px 0; border-bottom: 1px solid #ddd; } 
+ .faq .list-accordion .question .type { padding: 0 10px; } 
+ .faq .list-accordion .question .type::before { display: none; } 
+ .faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; } 
+ .faq .list-accordion .answer { padding: 20px; font-size: 14px; } 
+ .faq .list-accordion .answer::before { left: 10px; top: 26px; } 
+
+ /* qna */
+ .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } 
+ .qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } 
+ .qna .inner .tab_content {margin-top:0px;}
+ .qna .title { height: auto; margin-bottom: 0; } 
+ .list-search-wrap { display: flex; flex-direction: column-reverse; } 
+ .data .list-search-wrap { flex-direction: column; } 
+ .qna .list-search-wrap form {display:flex;flex-direction:column-reverse;}
+ .qna .title .right,
+ .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box;display:flex; } 
+ .qna .title .right {flex-direction: column;}
+ .qna .title .total-count .count { font-size: 14px; margin-top: 10px; } 
+ .qna .title .list-input { margin: 10px 0 0; box-sizing: border-box; width: 100%; } 
+ .qna .title .list-input input { width: 90%; } 
+ .qna .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } 
+ .qna .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } 
+ .qna .list-table-wrap .t-tit-line { display: none; } 
+ .qna .list-table-wrap li { position: relative; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; } 
+ .qna .list-table-wrap li span { height: auto; } 
+ .qna .list-table-wrap li .t-num { position: absolute; } 
+ .qna .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } 
+ .qna .list-table-wrap li .t-writer { padding-left: 40px; } 
+ .qna .list-table-wrap li .t-writer,
+ .qna .list-table-wrap li .t-date,
+ .qna .list-table-wrap li .t-answer { width: auto; } 
+ .qna .list-table-wrap li .t-writer,
+ .qna .list-table-wrap li .t-date { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
+ .qna .btn-box,
+ .qna .btn-box .btn { width: 100%; } 
+
+ /* qna 작성 */
+ .qna-data .contents { min-height: auto; } 
+ .w-tit:not(.wt-secret .w-tit) { display: none; } 
+ .community-write .required-text { display: none; } 
+ .qna-write-table,
+ .qna-write-table li { border: none; } 
+ .qna-write-table ul { position: relative; padding-bottom: 70px; } 
+ .qna-write-table .wt-title { width: 100%; height: 50px; } 
+ .wt-secret .w-tit { background: none; padding: 0; font-size: 14px; } 
+ .qna-write-table .wt-secret { width: 100%; position: absolute; bottom: 20px; } 
+ .qna-write-table .wt-mail { position: absolute; bottom: -20px; } 
+ .qna-write-table .wt-mail label span { font-size: 14px; color: #666; } 
+ .w-form { padding: 0; display: flex; } 
+ .community-write textarea { height: 186px; margin-bottom: 10px; } 
+ .qna-write-table .wt-attachments .attachments-btn { margin-right: 10px; } 
+ .qna-write-table .wt-attachments .file { display: flex; box-sizing: border-box; flex: 1; padding: 0% 30px 0px 4px; } 
+ .qna-write-table .wt-attachments .file span img { margin-bottom: 0; } 
+ .qna-write-table .wt-attachments .file span { font-size: 10px; overflow: hidden; } 
+ .qna-write-table .wt-attachments .file .close { top: 13px; } 
+ .qna-write-table .wt-attachments .file .close,
+ .qna-write-table .wt-attachments .file .close img { height: 9px; } 
+ .community-write .btn-wrap { display: flex; } 
+ .community-write .btn-wrap .btn { width: 50%; margin: 0; } 
+ .community-write .btn-wrap .btn[type="submit"] { margin-right: 16px; } 
+
+ /* qna 자세히 보기 */
+ .qna-data .community.qna { padding: 0 16px; box-sizing: border-box; } 
+ .view-body .answer { padding: 10px 0px; margin-top: 10px; } 
+ .view-body .answer .answer-top { font-size: 14px; padding: 0px 10px 10px; box-sizing: border-box; } 
+ .view-body .answer .answer-con { padding: 20px 10px; font-size: 12px; } 
+ .qna-data .community.qna .btn-box { margin-bottom: 100px; } 
+ .qna-data .community.qna .btn-box .btn { margin: 0; } 
+ .qna-data .community.qna .btn-box .right { width: 100%; margin-top: 10px; } 
+ .qna-data .community.qna .btn-box .left { display: flex; width: 100%; } 
+ .qna-data .community.qna .btn-box .left button { width: 50%; } 
+ .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } 
+
+ /* 내정보 */
+ .myinfo .contents { margin-bottom: 0; padding-bottom: 50px; } 
+ .myinfo-box { padding: 0 16px; box-sizing: border-box; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login { margin-bottom: 20px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box { display: none; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("../images/icon/icon-myinfo.png"); } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right { padding: 0; width: 100%; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box { display: flex; flex-direction: column; border-bottom: none; padding-bottom: 0; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div { width: 100%; margin-top: 23px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 { font-size: 14px; line-height: 21px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box { display: flex; justify-content: space-between; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div,
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div { border: none; width: auto; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1),
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) { font-size: 16px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 { font-size: 14px; } 
+ .myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box span { margin-bottom: 4px; } 
+ .myinfo .contents > div .title-box .title h3 { font-size: 16px; } 
+ .myinfo .contents .concern-data .title-box .More { display: none; } 
+ .myinfo .contents > div .title-box .More { margin-top: 0; } 
+ .myinfo .contents > div .title-box .More span { display: none; } 
+ .myinfo .contents > div .title-box .More img { width: 22px; } 
+ .myinfo .contents > div .title-box { padding-bottom: 0; } 
+ .myinfo .contents .concern-data { margin-bottom: 24px; } 
+ .myinfo .contents .concern-data .list-box { width: 100%; display: flex; flex-wrap: wrap; } 
+ .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; } 
+ .myinfo .contents .concern-data .list-box .list:nth-child(2n) { margin-right: 0; } 
+ .myinfo .contents .concern-data .list-box .list .thum { padding: 10px 0px; } 
+ .myinfo .contents .concern-data .list-box .list .thum img { max-height: 123px; } 
+ .myinfo .contents .concern-data .list-box .list .text { padding: 10px 15px; } 
+ .myinfo .contents .concern-data .list-box .list .text .ti { font-size: 14px; line-height: 21px; min-height: 42px; height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */
+ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 21px; } 
+ .myinfo .contents .concern-data .list-box .list .text .cl { font-size: 10px; word-break: break-all; } 
+ .myinfo .contents .list-wrap .title-box { padding-bottom: 8px; margin-bottom: -6px; } 
+ .myinfo .contents .list-wrap .list-box .list { position: relative; display: flex; flex-direction: column; padding: 26px 10px 10px; box-sizing: border-box; } 
+ .myinfo .contents .list-wrap .list-box .list > div.state { width: 100%; text-align: left; } 
+ .myinfo .contents .list-wrap .list-box .list > div.state span { position: absolute; top: 10px; left: 10px; min-width: auto; margin-top: 0; } 
+
+ /* 내정보 */
+ .passwd .contents { min-height: auto; } 
+ .passwd .row-bottom .myinfo-passwd .text { padding: 0 32px; } 
+ .passwd .row-bottom .myinfo-passwd .box { padding: 0 16px; } 
+ .passwd .row-bottom .myinfo-passwd .box p input { width: 100%; box-sizing: border-box; } 
+ .passwd .inner .row-top { margin-bottom: 100px; } 
+ .passwd .row-bottom .myinfo-passwd .btn-box { padding: 0 16px; } 
+ .passwd .row-bottom .myinfo-passwd .btn-box a { width: 100%; box-sizing: border-box; } 
+
+ /* 내 정보 */
+ .join.modify .Userpassword .con p { text-indent: -8px; padding-left: 8px; } 
+ .join.modify .Usersns .con .list { display: flex; margin-bottom: 10px; } 
+ .join.modify .Usersns .con .list .sns-box { box-sizing: border-box; flex: 1; display: flex; align-items: center; padding: 10px 0; height: auto; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(1) { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin: 0 12px; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) { display: flex; flex-direction: column; line-height: 1; flex: 1; } 
+ .join.modify .inner .row-bottom .join-box .form-group .con .sns-box span:nth-of-type(2) em { text-indent: -9999px; height: 4px; } 
+ .join .inner .row-bottom .join-box .form-group .con.sns button { height: 100%; padding: 10px 0; margin-bottom: 0; } 
+ .join .inner .row-bottom .join-box .form-group.service .right { width: 100%; display: flex; } 
+ .join .inner .row-bottom .join-box .form-group.service .right .chk { width: 50%; } 
+ .join.modify p.release { text-align: center; } 
+
+ /* 회원탈퇴 */
+ .secession .inner .row-bottom { width: 100%; padding: 0 16px; box-sizing: border-box; } 
+ .secession .inner .row-top.icon { padding: 40px 0; margin-bottom: 30px !important; } 
+ .secession .inner .row-bottom .sec-box .text p:nth-of-type(1) { font-size: 18px; } 
+ .secession .inner .row-bottom .sec-box .text .inner-box { padding: 26px 22px 23px 40px; margin-bottom: 10px; } 
+ .secession .inner .row-bottom .sec-box .box { padding: 38px 20px; } 
+ .secession .inner .row-bottom .sec-box .box p span.name { width: 70px; } 
+ .secession .inner .row-bottom .sec-box .text .inner-box p,
+ .secession .inner .row-bottom .sec-box .box p { font-size: 14px; } 
+ .secession .inner .row-bottom .sec-box .box p:last-child { margin-bottom: 0; } 
+ .secession .btn-box { display: flex; } 
+ .secession .btn-box .btn { width: 50%; margin: 0; margin: 0px 0px 70px; } 
+ .secession .btn-box .btn:first-child { margin-right: 10px; } 
+
+ /* 관심자료 */
+ .interested-data .contents { padding: 0 16px; box-sizing: border-box; } 
+ .interested-data .inner .data-box .title { display: flex; flex-direction: column-reverse; height: auto; margin-bottom: 0; } 
+ .interested-data .inner .data-box .title .count { height: auto; font-size: 14px; line-height: 21px; text-align: left; margin: 16px 0 6px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data { border-top: 1px solid; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 45px; background: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-mo { display: none !important; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk { width: auto; display: flex; height: 45px; align-items: center; line-height: 45px; color: #333333; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk span { margin-left: 10px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-delete { color: #333333; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; height: auto; padding: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { line-height: 22px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural { width: 100%; box-sizing: border-box; text-align: left; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #dddddd; padding: 0px 0px 130px; box-sizing: border-box; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img { position: absolute; width: 120px; height: 90px; padding: 0; bottom: 20px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type { position: absolute; top: -56px; left: 20px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img { width: auto; height: 100%; display: block; margin: auto; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type,
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title { width: 100%; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code { margin-bottom: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject { position: absolute; left: 150px; bottom: 20px; width: auto; height: 90px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span { padding-right: 6px; margin-right: 6px; height: 15px; line-height: 15px; border-right: 1px solid #ccc; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject span:last-child { border-right: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject em { display: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn { width: 100%; padding: 20px 0 !important; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div { display: inline-block; padding-left: 6px; margin-left: 6px; line-height: 1; border-left: 1px solid #3f8f4a; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } 
+ .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box { width: 100%; margin: 30px 0 100px; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left { width: 100%; display: flex; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn { width: 50%; margin: 0; } 
+ .interested-data .inner .data-box .list-data-wrap .btn-box .left .btn:nth-child(1) { margin-right: 10px; } 
+
+ /* 방문열람 */
+ .visit-data .mo_tabs_wrap,
+ .loan-data .mo_tabs_wrap { height: 55px; padding-left: 16px; box-sizing: border-box; } 
+ .visit-data .inner .tabs,
+ .loan-data .inner .tabs { width: max-content; } 
+ .visit-data .mo_tabs_wrap .tabs li a,
+ .loan-data .mo_tabs_wrap .tabs li a { border-radius: 0; } 
+ .visit-data .mo_tabs_wrap .tabs li:first-child a,
+ .loan-data .mo_tabs_wrap .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
+ .visit-data .mo_tabs_wrap .tabs li:last-child a,
+ .loan-data .mo_tabs_wrap .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
+ .visit-data .inner .visit-box .title,
+ .loan-data .inner .loan-box .title { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; text-align: left; margin: 50px 0px 0px; } 
+ .visit-data .inner .visit-box .title .count,
+ .loan-data .inner .loan-box .title .count { line-height: 1; margin-top: 16px; font-size: 14px; } 
+ .visit-data .inner .tab_content,
+ .loan-data .inner .tab_content { padding: 0 16px; box-sizing: border-box; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data,
+ .loan-data .inner .tabs_item .list-wrap .list-data { border-top: 1px solid; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line,
+ .loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line { display: none; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list { display: flex; flex-direction: column; padding: 0; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div { width: 100% !important; text-align: left; padding: 0 10px; box-sizing: border-box; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin: 10px 0; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription,
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit,
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { display: flex; font-size: 12px; line-height: 18px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date { margin-right: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti { display: flex; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da { margin-left: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state { border-top: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; margin-top: 10px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button { margin: 0; width: 84px; height: 36px; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription .date::before { content: "신청일: "; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit .date::before { content: "희망방문일: "; } 
+ .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return .date::before { content: "반납예정일: "; } 
+
+ /* 대출관리 */
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural { margin-top: 10px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data { margin-bottom: 10px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry,
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return { font-size: 12px; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 10px; border-top: 1px solid #dddddd; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation::before { content: "신청/예약일: "; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry::before { content: "신청/예약 만료일: "; } 
+ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return::before { content: "반납예정일: "; } 
+ }
+
+/* 팝업 */
+@media all and (max-width: 479px) { /* 공통 */
+ a.pop-logo { display: inline-flex; } 
+ .contents { width: 100%; min-height: 300px; padding-bottom: 80px; } 
+
+ /* 회원증 팝업 */
+ .pop-member { width: 343px; height: 549px; top: 9%; left: calc(50% - 171.5px); } 
+ .pop-member .inner { padding: 30px 0px 20px; } 
+ .pop-member .inner .card .title .name { font-size: 22px; } 
+ .pop-member .inner .card .title .date { font-size: 12px; } 
+ .pop-member .inner .card .qr p { font-size: 14px; margin: 17px 0px 15px; } 
+ .pop-member .inner .card .code .num .co { font-size: 14px; } 
+ .pop-member .inner .text { font-size: 12px; padding: 16px 0px 0px; } 
+
+ /* 로그인 팝업 */
+ .pop-login { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-login .Title { padding: 25px 16px; text-align: left; } 
+ .pop-login .Title p,
+ .pop-login .Title h3 {  } 
+ .pop-login .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 60px 16px; box-sizing: border-box; } 
+ .pop-login .inner .First { padding: 0; width: 100%; } 
+ .pop-login .inner .First .Btn button { font-weight: normal; font-size: 15px; } 
+ .pop-login .inner .Text { width: 100%; padding: 56px 0 0; } 
+ .pop-login .inner .mo-pop-Title { display: block; } 
+
+ /* 상세검색 팝업 */
+ .popup.pop-advanced-search .pop-wrap { width: 100vw; height: 100vh; border-radius: 0; } 
+ .pop-advanced-search .pop-wrap .Title { padding: 0 16px; box-sizing: border-box; width: 100%; } 
+ .pop-advanced-search .pop-wrap .Title span:nth-of-type(3) { right: 16px; } 
+ .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) { font-size: 22px; line-height: 33px; } 
+ .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) { display: none; } 
+ .popup.pop-advanced-search .pop-wrap form { padding: 22px 8px 22px 16px; } 
+ .mCSB_inside > .mCSB_container { margin-right: 10px; } 
+ .advanced-form-table li { display: flex; flex-direction: column; border: none; width: 100% !important; } 
+ .advanced-form-table li:nth-child(1) label,
+ .advanced-form-table li:nth-child(5) label,
+ .advanced-form-table li:nth-child(6) .tit label { letter-spacing: -14px; } 
+ .advanced-form-table li:nth-child(7) { display: none; } 
+ .advanced-form-table { border: none; border-bottom: none; border-radius: 0; } 
+ .advanced-form-table .tit { text-align: left !important; font-weight: 500; font-size: 16px; line-height: 24px; } 
+ .advanced-form-table .input-area { background: none; border: none; padding: 0; height: auto; } 
+ .advanced-form-table .input-area input { padding: 0 10px; } 
+ .pop-advanced-search .conditions-wrap .conditions-box { border: none; border-top: 1px solid #ddd; background: none; } 
+ .pop-advanced-search .depth1-check input[type="checkbox"] + label { visibility: hidden; } 
+ .pop-advanced-search .tab-name { font-size: 12px; } 
+ .pop-advanced-search .conditions-wrap .line { display: flex; flex-wrap: wrap; } 
+ .pop-advanced-search .conditions-wrap .depth1 { width: 33.3%; } 
+ .pop-advanced-search .conditions-wrap .depth1 .check { position: relative; } 
+ .pop-advanced-search .conditions-wrap .depth1:first-child { border-left: 1px solid #ddd; } 
+ .pop-advanced-search .conditions-wrap .depth1:last-child { border-right: 1px solid #ddd; } 
+ .pop-advanced-search .conditions-wrap.conditions-datype .depth1:last-child { width: 33.5%; } 
+ .pop-advanced-search .conditions-wrap .depth1 .depth2 { top: 50px; height: auto; border-left: 1px solid #ddd; padding: 20px 10px; } 
+ .pop-advanced-search .conditions-wrap .depth1 .depth2 li { width: auto; margin-right: 6px; } 
+ .conditions-wrap .selected-conditions {min-height:40px;}
+ .conditions-wrap .selected-conditions .title p { display: none; } 
+ .pop-advanced-search button.btn-close-pop { display: none; } 
+ .pop-advanced-search .check input[type="checkbox"] + label:before { background-color: #fff; } 
+ .advanced-form-table .row-times .check { margin-right: 0; width: 25%; height: 40px; display: inline-flex; align-items: center; } 
+ .advanced-form-table .row-times .check:nth-child(4n) { width: auto; } 
+ .advanced-form-table .row-times .check:nth-child(8) { top: -8px; } 
+ .advanced-form-table .row-times .check label span { display: block; } 
+  .pop-advanced-search .check label[for="times-chk8"] { top: 9px; } 
+ .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 0px; } 
+ .pop-advanced-search .btn-wrap { margin: 0; display: flex; } 
+ .pop-advanced-search .btn-wrap .btn { width: 50%; } 
+.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
+.popup .btn-wrap {padding-top:59px;}
+.conditions-wrap .selected-conditions .conditions li button {text-align:left;}
+
+ /* 알림 팝업 */
+ .pop-notice { width: 343px; left: calc(50% - 171.5px); } 
+ .pop-notice .Title p { display: none; } 
+ .pop-notice .Title h3 { font-size: 22px; line-height: 33px; } 
+ .pop-notice .inner .Text p { font-size: 16px; line-height: 24px; } 
+ .pop-notice .inner { padding: 50px 0px 0px; } 
+ .pop-notice .inner .row { padding: 0px 16px 0px; } 
+ .pop-notice .inner .btn-box .btn { width: 100%; margin-bottom: 6px; margin-right: 0; } 
+
+ /* 계정연결, 비밀번호 입력 팝업 */
+ .pop-login-connect,
+ .pop-login-password { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-login-connect .Title,
+ .pop-login-password .Title { padding: 12px 16px; text-align: left; } 
+ .pop-login-connect .Title p,
+ .pop-login-connect .Title h3,
+ .pop-login-password .Title p,
+ .pop-login-password .Title h3 { display: none; } 
+ .pop-login-connect .inner,
+ .pop-login-password .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; box-sizing: border-box; padding: 60px 16px; } 
+ .pop-login-connect .inner .row,
+ .pop-login-password .inner .row { padding: 0; width: 100%; } 
+ .pop-login-connect .inner h3.row,
+ .pop-login-password .inner h3.row { display: block; } 
+ .pop-login-connect .inner .Text p { padding: 0px 90px 0px; } 
+ .pop-login-connect .inner .First .Btn button span,
+ .pop-login-connect .inner .btn p .cancel,
+ .pop-login-password .inner .First .Btn button span,
+ .pop-login-password .inner .btn p .cancel { font-size: 14px; } 
+ .pop-login-connect .inner .btn { margin: 30px 0 0; } 
+ .pop-login-password .inner .btn p { margin-top: 50px; } 
+ .pop-login-password .btn-box { margin: 100px 0 0; display: flex; } 
+ .pop-login-password .inner .btn-box .btn { width: 50%; padding: 0; } 
+ .pop-login-password .inner .btn-box .btn:last-child { margin-right: 0; } 
+
+ /* 계정 연결 */
+ .join.succ.connect .inner .row-bottom .join-box .success .text:nth-of-type(1) p { font-size: 20px; } 
+ .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button { font-size: 13px; } 
+ .join.connect .inner .row-bottom .join-box .success .box { width: 100%; box-sizing: border-box; padding: 3% 16px; display: flex; justify-content: center; } 
+
+ /* 공유하기 팝업 */
+ .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */}
+ .pop-sharing p { font-size: 16px; } 
+ .pop-sharing .sns-list li img { display: inline-block; width: 24px; height: 24px; padding: 14px; } 
+ .pop-sharing .link-copy { display: flex; padding: 16px; align-items: center; } 
+ .pop-sharing .link-copy .btn { width: auto; min-width: auto; } 
+ .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; } 
+ .pop-sharing .pop-wrap .Qr .inner .Qrimg { padding: 0; } 
+ .pop-sharing .pop-wrap .Qr .inner .Qrimg img { max-width: 130px; margin-bottom: 30px; } 
+
+ /* 비밀번호 변경, 찾기 */
+ .pop-change,
+ .pop-find { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-change .Title,
+ .pop-find .Title { padding: 12px 16px; text-align: left; } 
+ .pop-change .Title p,
+ .pop-change .Title h3,
+ .pop-find .Title p,
+ .pop-find .Title h3 { display: none; } 
+ .pop-change .inner,
+ .pop-find .inner { flex: 1; } 
+ .pop-change .inner .row,
+ .pop-find .inner .row { padding: 0 16px; } 
+ .pop-change .inner .row.change h3,
+ .pop-find .inner .row.Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
+ .pop-change .inner .change p.text { text-align: center; } 
+ .pop-find .inner .find p.text { text-indent: -7px; padding-left: 7px; } 
+ .pop-change .inner .row.btn-box,
+ .pop-find .inner .row.btn-box { display: flex; } 
+ .pop-change .inner .row.btn-box .btn,
+ .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } 
+ .pop-change .inner .row.btn-box .btn:nth-child(1),
+ .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } 
+
+ /* 반려사유 팝업 */
+ .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-return .Title { padding: 12px 16px; text-align: left; } 
+ .pop-return .Title p,
+ .pop-return .Title h3 { display: none; } 
+ .pop-return .inner { flex: 1; } 
+ .pop-return .inner .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; color: #222222; margin-bottom: 55px; } 
+ .pop-return .inner .Text .text-box { word-break: break-all; } 
+ .pop-return .inner .row { padding: 0 16px; text-align: center; } 
+ .pop-return .inner .btn-box .btn { width: 100%; } 
+
+ /* 서지정보 */
+ .pop-serge { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; } 
+ .pop-serge .Title { padding: 12px 16px; text-align: left; } 
+ .pop-serge .Title h3 { display: none; } 
+ .pop-serge .inner .serge-close { right: 20px; top: 20px; } 
+ .pop-serge .inner { flex: 1; overflow: scroll; } 
+ .pop-serge .Text h3 { font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-bottom: 30px; } 
+ .pop-serge .inner .Text .con-1 > p,
+ .pop-serge .inner .Text .con-2 > p { font-size: 16px; } 
+ .pop-serge .inner .Text .text-box { padding: 20px 20px 20px 30px; margin-bottom: 20px; } 
+ .pop-serge .inner .Text .text-box p:nth-of-type(1),
+ .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) { text-indent: 0; } 
+ .pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) { text-indent: -7px; } 
+ .pop-serge .inner .btn-box { display: flex; } 
+ .pop-serge .inner .btn-box .btn { width: 50%; margin: 0; } 
+ .pop-serge .inner .btn-box .btn:last-child { margin-left: 10px; } 
+ }
+
+/* 추가 작업 */
+@media all and (max-width: 479px) { /* error */
+ .error { padding: 0 16px; box-sizing: border-box; } 
+ .error .text p:nth-of-type(1) { font-size: 24px; } 
+ .error .text p:nth-of-type(2) { font-size: 16px; } 
+ .error .box p:nth-of-type(1) { font-size: 14px; } 
+ .error .box .btn { display: flex; padding: 0 10px; box-sizing: border-box; } 
+ .error .box .btn a { padding: 0px 30px; width: 50%; } 
+ .error .box .btn a.btn-white { width: 100%; } 
+
+ /* 약관 */
+
+ .privacy-box { padding: 0 16px; box-sizing: border-box; } 
+ .provision .top-bg,
+ .provision .con { width: 100%; } 
+ .provision .top-bg { height: 508px; background: url("/images/bg/bg-service-mo.jpg") no-repeat; box-sizing: border-box; padding: 0 30px 30px; margin: 0 auto 20px; display: flex; flex-direction: column; justify-content: flex-end; } 
+ .privacy.provision .top-bg { background: url("/images/bg/bg-privacy-mo.jpg") no-repeat; } 
+ .provision .top-bg p { width: 100%; } 
+ .provision .top-bg p:nth-child(1) { margin: 0; font-size: 18px; margin-bottom: 10px; word-break: break-all; } 
+ .provision .top-bg p:nth-child(2) { margin: 0; font-size: 14px; word-break: break-all; } 
+ .provision .top-bg p:nth-child(2) br { display: none; } 
+ .provision .con .sec { padding-bottom: 20px; margin-bottom: 20px; } 
+ .provision .con .sec h2 { margin-bottom: 6px; font-size: 16px; } 
+ .provision .con .sec p,
+ .provision .con .sec ul li { font-size: 12px; line-height: 18px; } 
+ .provision .con .sec ul.d2 { padding-left: 10px; margin-bottom: 10px; } 
+
+ /* 관련사이트 */
+ footer .family_site .site_depth { width: 89%;margin:0% 5.5%; left: 0; top:auto;bottom: 40px; } 
+ footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;}
+ footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;}
+ }
+>>>>>>> refs/remotes/origin/master
diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js
index 1b255754..ffe60b97 100644
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@@ -185,12 +185,21 @@ $(document).ready(function(){
 		$('.pop-change').fadeOut();
 	});
 	
+	// 필터 팝업
+    $('.filter-btn').click(function(){
+		$('.article-side').fadeIn();
+	});
+    // 닫기
+	$('.filter-close').on('click', function () {
+		$('.article-side').fadeOut();
+	});
+	
 	// 검색 닫기
 	$('.search-close').on('click', function () {
 		$('.search-wrap').hide();
 		$('.nav-wrap').show();
 	});
-    
+		
 	/* 메인 메뉴 반응형 */
     jQuery(function ($) {
         $.fn.responsivenav = function (args) {