@charset "utf-8"; /** * @File Name : lib2.css * @Description : Add Share Contents .. * @Modification Information * 
 * 수정일 | 수정자 | 수정내용
 * 2025.04.17 | 최승희 | 최초 등록
 *
* @author 디자인팀 최승희 * @since 2025.04.17 * * @Copyright (C) IACTS.CO.KR All rights reserved. */ /* lib2structuremap1 */ /* 헤더 */ html, body, #container {width: 100%; height:100%;min-height:100%;overflow:hidden} #head{background: #1d6eb0; padding: 0 43px; box-sizing: border-box;} #head #logo{width: auto; height:41px; position: static; margin: 16px 0 23px } #head #logo img{height: 100%} #gn1{position: absolute; right: 39px; top: 20px; min-height: auto } #gn1 a{width: 140px; height: 40px; line-height: 40px; background: #025b96; border-radius: 20px; display: block; font-weight:500; font-size: 15px; letter-spacing: -.05em; color: #fff; text-align: center} #gn1 a:before{width: 24px; height: 16px; content:""; display: inline-block; vertical-align: middle; background: url(../../img/lib2/structuremap_sprite.png)no-repeat 0 0; margin: -3px 5px 0 0} #gn1 a:after{width: 22px; height: 23px; background: url(../../img/lib2/structuremap_sprite.png)no-repeat -26px 0; content: ""; display: inline-block; vertical-align: middle; margin: -5px 0 0 8px} #gn1 a:hover, #gn1 a:focus{text-decoration: underline; text-underline-position: under} @media all and (max-width:1259px){ #head{padding: 0 16px} #gn1{right: 16px; top: 16px} #head #logo{height: 37px;} } @media all and (max-width:768px){ #gn1{float: none; width: auto; margin-bottom: 10px} #gn1:after{display: none} #gn1 a{font-size: 14px; width: 120px; height: 34px; line-height:34px } #gn1 a:before{width: 22px; height: 15px; background-size: 900px auto; margin-right: 3px;}/* 90%축소 */ #gn1 a:after{width: 20px; height: 21px; background-size: 900px auto; background-position: -23px 0; margin-left: 4px;}/* 90%축소 */ #head #logo{height: 30px;} } @media all and (max-width:499px){ #head #logo{margin: 14px 0 6px; margin-left: 50%; transform: translateX(-50%); } #gn1{position: static; margin-left: 50%; transform: translateX(-50%); display: inline-block; vertical-align: top;} #gn1 a{font-size: 13px; width: 110px; height: 32px; line-height:32px } #gn1 a:before{width: 19px; height: 13px; background-size: 800px auto;}/* 90%축소 */ #gn1 a:after{width: 18px; height: 19px; background-size: 800px auto; background-position: -21px 0; margin-top: -3px}/* 90%축소 */ } /* 사이드메뉴 */ #sidemenu {position:fixed;top:110px;left:30px;width:420px;height:calc(100% - 140px);background:#fff;z-index:102; box-shadow:5px 0 15px rgba(0,0,0,.2); box-sizing:border-box; border-radius: 20px; overflow: hidden; } #side_title{ width: 100%; height: 70px; margin-bottom: 0 } #side_title .t1{background: #3a3e4a; border-radius: 0; font-weight: 600; font-size: 22px; letter-spacing: -.05em; color: #fff; text-align: left; padding: 0 20px } #snb1{margin: 20px 5px ; padding: 0 25px 0 15px; box-sizing: border-box;overflow-y:auto; height: calc(100% - 110px)} #snb1 .lst1 li {position:relative;float:left;text-align:center;box-sizing:border-box; width: calc((100% - 30px)/4); margin-left: 10px; margin-bottom: 10px; } #snb1 .lst1 li:first-child, #snb1 .lst1 li:nth-of-type(4n+1){margin-left: 0} #snb1 .lst1 li input[type=checkbox] {position:absolute;top:4px;left:4px;margin:0;width:20px;height:20px;border-radius:50%;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;overflow:hidden;} #snb1 .lst1 li input[type=checkbox]:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:#f2f5f8;} #snb1 .lst1 li label {display:block;height:100%;background:#f2f5f8;border-radius:10px;padding:13px 0; cursor:pointer;box-sizing:border-box; overflow: hidden; height: 100px; border: 2px solid #f2f5f8} #snb1 .lst1 li label .ic1 {content:"";display:block;width:32px;height:32px;background:url(../../img/lib2/structuremap_sprite.png) no-repeat;margin:auto auto 7px;} #snb1 .lst1 li.n1 label .ic1{background-position: 0 -25px} #snb1 .lst1 li.n2 label .ic1{background-position: -35px -25px} #snb1 .lst1 li.n3 label .ic1{background-position: -70px -25px} #snb1 .lst1 li.n4 label .ic1{background-position: -105px -25px} #snb1 .lst1 li.n5 label .ic1{background-position: -140px -25px} #snb1 .lst1 li.n6 label .ic1{background-position: -175px -25px} #snb1 .lst1 li.n7 label .ic1{background-position: -210px -25px} #snb1 .lst1 li.n8 label .ic1{background-position: -245px -25px} #snb1 .lst1 li.n9 label .ic1{background-position: -280px -25px} #snb1 .lst1 li.n10 label .ic1{background-position: -315px -25px} #snb1 .lst1 li.n11 label .ic1{background-position: -350px -25px} #snb1 .lst1 li.n12 label .ic1{background-position: -385px -25px} #snb1 .lst1 li.n13 label .ic1{background-position: -420px -25px} #snb1 .lst1 li.n14 label .ic1{background-position: -455px -25px} #snb1 .lst1 li.n15 label .ic1{background-position: -490px -25px} #snb1 .lst1 li.n16 label .ic1{background-position: -525px -25px} #snb1 .lst1 li.n17 label .ic1{background-position: -560px -25px} #snb1 .lst1 li.n18 label .ic1{background-position: -595px -25px} #snb1 .lst1 li.n19 label .ic1{background-position: -630px -25px} #snb1 .lst1 li.n20 label .ic1{background-position: -665px -25px} #snb1 .lst1 li.n21 label .ic1{background-position: -700px -25px} #snb1 .lst1 li.n22 label .ic1{background-position: -735px -25px} #snb1 .lst1 li.n23 label .ic1{background-position: -770px -25px} #snb1 .lst1 li.n24 label .ic1{background-position: -805px -25px} #snb1 .lst1 li.n25 label .ic1{background-position: -840px -25px; width: 41px} #snb1 .lst1 li.n26 label .ic1{background-position: -883px -25px} #snb1 .lst1 li.n27 label .ic1{background-position: -918px -25px} #snb1 .lst1 li.n28 label .ic1{background-position: -953px -25px} #snb1 .lst1 li label .t1{font-weight: 400; font-size: 13px; color: #5b5f66; letter-spacing: -.05em; word-break: keep-all; display: block; position: relative; z-index: 9; line-height: 16px} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #snb1 .lst1 li label .t1{letter-spacing: -.075em} } /* 체크 */ #snb1 .lst1 li input[type=checkbox]:focus-visible {outline-offset:0} #snb1 .lst1 li input[type=checkbox]:checked:before {background-color:#fff; } #snb1 .lst1 li input[type=checkbox]:checked + label {border-color:#000;background-color:#fff;font-weight:600; border: 2px solid #1d6eb0} #snb1 .lst1 li.n1 input[type=checkbox]:checked + label .ic1{background-position: 0 -59px} #snb1 .lst1 li.n2 input[type=checkbox]:checked + label .ic1{background-position: -35px -59px} #snb1 .lst1 li.n3 input[type=checkbox]:checked + label .ic1{background-position: -70px -59px} #snb1 .lst1 li.n4 input[type=checkbox]:checked + label .ic1{background-position: -105px -59px} #snb1 .lst1 li.n5 input[type=checkbox]:checked + label .ic1{background-position: -140px -59px} #snb1 .lst1 li.n6 input[type=checkbox]:checked + label .ic1{background-position: -175px -59px} #snb1 .lst1 li.n7 input[type=checkbox]:checked + label .ic1{background-position: -210px -59px} #snb1 .lst1 li.n8 input[type=checkbox]:checked + label .ic1{background-position: -245px -59px} #snb1 .lst1 li.n9 input[type=checkbox]:checked + label .ic1{background-position: -280px -59px} #snb1 .lst1 li.n10 input[type=checkbox]:checked + label .ic1{background-position: -315px -59px} #snb1 .lst1 li.n11 input[type=checkbox]:checked + label .ic1{background-position: -350px -59px} #snb1 .lst1 li.n12 input[type=checkbox]:checked + label .ic1{background-position: -385px -59px} #snb1 .lst1 li.n13 input[type=checkbox]:checked + label .ic1{background-position: -420px -59px} #snb1 .lst1 li.n14 input[type=checkbox]:checked + label .ic1{background-position: -455px -59px} #snb1 .lst1 li.n15 input[type=checkbox]:checked + label .ic1{background-position: -490px -59px} #snb1 .lst1 li.n16 input[type=checkbox]:checked + label .ic1{background-position: -525px -59px} #snb1 .lst1 li.n17 input[type=checkbox]:checked + label .ic1{background-position: -560px -59px} #snb1 .lst1 li.n18 input[type=checkbox]:checked + label .ic1{background-position: -595px -59px} #snb1 .lst1 li.n19 input[type=checkbox]:checked + label .ic1{background-position: -630px -59px} #snb1 .lst1 li.n20 input[type=checkbox]:checked + label .ic1{background-position: -665px -59px} #snb1 .lst1 li.n21 input[type=checkbox]:checked + label .ic1{background-position: -700px -59px} #snb1 .lst1 li.n22 input[type=checkbox]:checked + label .ic1{background-position: -735px -59px} #snb1 .lst1 li.n23 input[type=checkbox]:checked + label .ic1{background-position: -770px -59px} #snb1 .lst1 li.n24 input[type=checkbox]:checked + label .ic1{background-position: -805px -59px} #snb1 .lst1 li.n25 input[type=checkbox]:checked + label .ic1{background-position: -840px -59px; width: 41px} #snb1 .lst1 li.n26 input[type=checkbox]:checked + label .ic1{background-position: -883px -59px} #snb1 .lst1 li.n27 input[type=checkbox]:checked + label .ic1{background-position: -918px -59px} #snb1 .lst1 li.n28 input[type=checkbox]:checked + label .ic1{background-position: -953px -59px} #snb1 .lst1 li input[type=checkbox]:checked + label .t1{font-weight: 600; text-decoration: underline; text-underline-position: under; color: #1d6eb0} @media all and (max-width:1259px){ #sidemenu{left: 16px; width: 335px; top: 100px; height: calc(100% - 120px);} #side_title {height: auto;} #side_title .t1{font-size: 20px; padding: 18px 20px 16px;} #snb1{padding: 0 15px 0 15px} #snb1 .lst1 li{width: calc((100% - 20px)/3);} #snb1 .lst1 li:nth-of-type(4n+1){margin-left: 10px} #snb1 .lst1 li:nth-of-type(3n+1){margin-left: 0} } @media all and (max-width:999px){ #sidemenu{width: 230px; top: 96px} #side_title .t1{font-size: 19px; padding: 16px 15px 14px;} #snb1{padding: 0 10px; height: calc(100% - 84px); margin: 15px 5px} #snb1 .lst1 li{width: calc((100% - 20px)/2);} #snb1 .lst1 li:nth-of-type(3n+1){margin-left: 10px} #snb1 .lst1 li:nth-of-type(2n+1){margin-left: 0} #snb1 .lst1 li label{padding: 10px 0; height: 96px } } @media all and (max-width:768px){ #sidemenu {width: calc(100% - 32px); height:160px; top: 84px} #side_title .t1{font-size: 18px; padding: 13px 15px 10px;} #snb1{padding: 0 10px; height: calc(100% - 78px);} #snb1 .lst1 li{width: calc((100% - 32px)/5); margin-left: 8px !important} #snb1 .lst1 li:nth-of-type(5n+1){margin-left: 0 !important} #snb1 .lst1 li label {height: 83px; padding:6px 0; } #snb1 .lst1 li label .ic1 {margin: auto auto 3px} } @media all and (max-width:599px){ #snb1 .lst1 li{width: calc((100% - 24px)/4);} #snb1 .lst1 li:nth-of-type(5n+1){margin-left: 8px !important} #snb1 .lst1 li:nth-of-type(4n+1){margin-left: 0 !important} } @media all and (max-width:499px){ #sidemenu {top: 102px; border-radius: 10px; height: 152px} #side_title .t1{padding: 10px 15px 8px} #snb1 {margin: 12px 5px; height: calc(100% - 68px); } } @media all and (max-width:399px){ #snb1 .lst1 li{width: calc((100% - 16px)/3);} #snb1 .lst1 li:nth-of-type(4n+1){margin-left: 8px !important} #snb1 .lst1 li:nth-of-type(3n+1){margin-left: 0 !important} } /* 지도 */ #wrap{padding-top: 0; width: 100%; height: 100%} #map1wrap {position: relative; width: 100%; height: 100%;} #map1wrap .map{width: 100%; height:100%; background: #eee; } #map1wrap .map .map1marker1{display: block; position: absolute; width: 73px; height: 78px} #map1wrap .map .map1marker1 img{width: auto; height: 100%; } #map1wrap .layer1pop{width: 360px; height: auto; position: absolute; border-radius: 20px; overflow: hidden; display: none; box-shadow: 5px 0 10px rgba(0,0,0,0.2)} #map1wrap .layer1pop .hg1{background:#214d6a; height: 60px; line-height: 60px; padding: 0 18px; } #map1wrap .layer1pop .hg1 .h1{width: 32px; height: 32px; display: inline-block;vertical-align: middle; background: url(../../img/lib2/structuremap_sprite.png) no-repeat; text-indent: -9999px; margin: -4px 8px 0 0 } #map1wrap .layer1pop .hg1 .h2{font-weight: 500;font-size: 19px;letter-spacing: -.05em;color: #fff;display: inline-block;vertical-align: middle;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: calc(100% - 60px);} #map1wrap .layer1pop.n1 .hg1 .h1{background-position: 0 -93px} #map1wrap .layer1pop.n2 .hg1 .h1{background-position: -35px -93px} #map1wrap .layer1pop.n3 .hg1 .h1{background-position: -70px -93px} #map1wrap .layer1pop.n4 .hg1 .h1{background-position: -105px -93px} #map1wrap .layer1pop.n5 .hg1 .h1{background-position: -140px -93px} #map1wrap .layer1pop.n6 .hg1 .h1{background-position: -175px -93px} #map1wrap .layer1pop.n7 .hg1 .h1{background-position: -210px -93px} #map1wrap .layer1pop.n8 .hg1 .h1{background-position: -245px -93px} #map1wrap .layer1pop.n9 .hg1 .h1{background-position: -280px -93px} #map1wrap .layer1pop.n10 .hg1 .h1{background-position: -315px -93px} #map1wrap .layer1pop.n11 .hg1 .h1{background-position: -350px -93px} #map1wrap .layer1pop.n12 .hg1 .h1{background-position: -385px -93px} #map1wrap .layer1pop.n13 .hg1 .h1{background-position: -420px -93px} #map1wrap .layer1pop.n14 .hg1 .h1{background-position: -455px -93px} #map1wrap .layer1pop.n15 .hg1 .h1{background-position: -492px -93px} #map1wrap .layer1pop.n16 .hg1 .h1{background-position: -525px -93px} #map1wrap .layer1pop.n17 .hg1 .h1{background-position: -560px -93px} #map1wrap .layer1pop.n18 .hg1 .h1{background-position: -595px -93px} #map1wrap .layer1pop.n19 .hg1 .h1{background-position: -630px -93px} #map1wrap .layer1pop.n20 .hg1 .h1{background-position: -665px -93px} #map1wrap .layer1pop.n21 .hg1 .h1{background-position: -700px -93px} #map1wrap .layer1pop.n22 .hg1 .h1{background-position: -735px -93px} #map1wrap .layer1pop.n23 .hg1 .h1{background-position: -770px -93px} #map1wrap .layer1pop.n24 .hg1 .h1{background-position: -805px -93px} #map1wrap .layer1pop.n25 .hg1 .h1{background-position: -840px -93px; width: 41px} #map1wrap .layer1pop.n26 .hg1 .h1{background-position: -883px -93px} #map1wrap .layer1pop.n27 .hg1 .h1{background-position: -918px -93px} #map1wrap .layer1pop.n28 .hg1 .h1{background-position: -953px -93px} #map1wrap .layer1pop .wrap{background: #fff; padding: 8px 20px 13px; } #map1wrap .layer1pop .wrap .lst1{border-bottom: 1px solid #e6e6e6; padding-bottom:8px; margin: 0 2px; margin-bottom: 12px;} #map1wrap .layer1pop .wrap .lst1{font-weight: 400; letter-spacing: -.05em; color: #000;} #map1wrap .layer1pop .wrap .lst1 li{padding-left: 9px; position: relative; margin: 8px 0; white-space: normal;} #map1wrap .layer1pop .wrap .lst1 li:before{position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #464646; border-radius: 50%; content: ""; display: block } #map1wrap .layer1pop .more1{width: 120px; height: 40px; ;line-height: 40px; border-radius: 20px; background: #f2f5f8; display: block; text-align: center; font-weight: 500; font-size: 15px; letter-spacing:-.05em; color: #333; margin: 0 auto;} #map1wrap .layer1pop .more1:after{width:17px; height:11px; content: ""; display: inline-block; vertical-align: middle; background: url(../../img/lib2/structuremap_sprite.png) no-repeat -94px 0; margin: -3px 0 0 5px} #map1wrap .layer1pop .more1:hover, #map1wrap .layer1pop .more1:focus{text-decoration: underline; text-underline-position: under} #map1wrap .layer1pop .close{width: 20px; height: 20px; text-indent: -9999px; display: block; position: absolute; right: 19px; top: 21px; background: url(../../img/lib2/structuremap_sprite.png) no-repeat -72px 0;} @media all and (max-width:1259px){ #map1wrap .map .map1marker1{width: 66px; height: 70px}/* 90%축소 */ #sidemenu{left: 16px;} #map1wrap .layer1pop{width: 300px;} #map1wrap .layer1pop .hg1{height: 52px; line-height: 52px; padding: 0 15px} #map1wrap .layer1pop .hg1 .h1{width: 29px; height: 29px; background-size: 900px auto; margin-right: 3px;}/* 90%축소 */ #map1wrap .layer1pop .hg1 .h2{font-size: 18px;} #map1wrap .layer1pop.n1 .hg1 .h1{background-position: 0 -83px} #map1wrap .layer1pop.n2 .hg1 .h1{background-position: -32px -83px} #map1wrap .layer1pop.n3 .hg1 .h1{background-position: -64px -83px} #map1wrap .layer1pop.n4 .hg1 .h1{background-position: -96px -83px} #map1wrap .layer1pop.n5 .hg1 .h1{background-position: -125px -83px} #map1wrap .layer1pop.n6 .hg1 .h1{background-position: -158px -83px} #map1wrap .layer1pop.n7 .hg1 .h1{background-position: -190px -83px} #map1wrap .layer1pop.n8 .hg1 .h1{background-position: -221px -83px} #map1wrap .layer1pop.n9 .hg1 .h1{background-position: -253px -83px} #map1wrap .layer1pop.n10 .hg1 .h1{background-position: -284px -83px} #map1wrap .layer1pop.n11 .hg1 .h1{background-position: -316px -83px} #map1wrap .layer1pop.n12 .hg1 .h1{background-position: -348px -83px} #map1wrap .layer1pop.n13 .hg1 .h1{background-position: -379px -83px} #map1wrap .layer1pop.n14 .hg1 .h1{background-position: -410px -83px} #map1wrap .layer1pop.n15 .hg1 .h1{background-position: -443px -83px} #map1wrap .layer1pop.n16 .hg1 .h1{background-position: -474px -83px} #map1wrap .layer1pop.n17 .hg1 .h1{background-position: -505px -83px} #map1wrap .layer1pop.n18 .hg1 .h1{background-position: -537px -83px} #map1wrap .layer1pop.n19 .hg1 .h1{background-position: -568px -83px} #map1wrap .layer1pop.n20 .hg1 .h1{background-position: -600px -83px} #map1wrap .layer1pop.n21 .hg1 .h1{background-position: -631px -83px} #map1wrap .layer1pop.n22 .hg1 .h1{background-position: -662px -83px} #map1wrap .layer1pop.n23 .hg1 .h1{background-position: -693px -83px} #map1wrap .layer1pop.n24 .hg1 .h1{background-position: -726px -83px} #map1wrap .layer1pop.n25 .hg1 .h1{background-position: -758px -83px; width: 35px} #map1wrap .layer1pop.n26 .hg1 .h1{background-position: -795px -83px} #map1wrap .layer1pop.n27 .hg1 .h1{background-position: -826px -83px} #map1wrap .layer1pop.n28 .hg1 .h1{background-position: -858px -83px} #map1wrap .layer1pop .wrap{padding: 8px 15px 13px} #map1wrap .layer1pop .wrap .lst1 li{font-size: 15px; margin: 6px 0} #map1wrap .layer1pop .wrap .lst1 li:before{top: 8px} #map1wrap .layer1pop .more1{font-size: 14px; height: 36px; line-height: 36px; width: 105px} #map1wrap .layer1pop .more1:after{width: 16px; height: 10px;background-size: 900px auto; background-position: -84px 0}/* 90%축소 */ #map1wrap .layer1pop .close {top: 17px; right: 16px} } @media all and (max-width:768px){ #map1wrap .map .map1marker1{width: 58px; height: 62px}/* 80%축소 */ #map1wrap .layer1pop .hg1{height: 48px; line-height: 48px; padding: 0 15px} #map1wrap .layer1pop .hg1 .h1{width: 26px; height: 26px; background-size: 800px auto;}/* 80%축소 */ #map1wrap .layer1pop .hg1 .h2{font-size: 17px;} #map1wrap .layer1pop.n1 .hg1 .h1{background-position: 0 -74px} #map1wrap .layer1pop.n2 .hg1 .h1{background-position: -29px -74px} #map1wrap .layer1pop.n3 .hg1 .h1{background-position: -57px -74px} #map1wrap .layer1pop.n4 .hg1 .h1{background-position: -85px -74px} #map1wrap .layer1pop.n5 .hg1 .h1{background-position: -112px -74px} #map1wrap .layer1pop.n6 .hg1 .h1{background-position: -140px -74px} #map1wrap .layer1pop.n7 .hg1 .h1{background-position: -169px -74px} #map1wrap .layer1pop.n8 .hg1 .h1{background-position: -196px -74px} #map1wrap .layer1pop.n9 .hg1 .h1{background-position: -224px -74px} #map1wrap .layer1pop.n10 .hg1 .h1{background-position: -252px -74px} #map1wrap .layer1pop.n11 .hg1 .h1{background-position: -281px -74px} #map1wrap .layer1pop.n12 .hg1 .h1{background-position: -309px -74px} #map1wrap .layer1pop.n13 .hg1 .h1{background-position: -336px -74px} #map1wrap .layer1pop.n14 .hg1 .h1{background-position: -363px -74px} #map1wrap .layer1pop.n15 .hg1 .h1{background-position: -394px -74px} #map1wrap .layer1pop.n16 .hg1 .h1{background-position: -421px -74px} #map1wrap .layer1pop.n17 .hg1 .h1{background-position: -448px -74px} #map1wrap .layer1pop.n18 .hg1 .h1{background-position: -477px -74px} #map1wrap .layer1pop.n19 .hg1 .h1{background-position: -504px -74px} #map1wrap .layer1pop.n20 .hg1 .h1{background-position: -534px -74px} #map1wrap .layer1pop.n21 .hg1 .h1{background-position: -560px -74px} #map1wrap .layer1pop.n22 .hg1 .h1{background-position: -588px -74px} #map1wrap .layer1pop.n23 .hg1 .h1{background-position: -617px -74px} #map1wrap .layer1pop.n24 .hg1 .h1{background-position: -645px -74px} #map1wrap .layer1pop.n25 .hg1 .h1{background-position: -673px -74px; width: 32px} #map1wrap .layer1pop.n26 .hg1 .h1{background-position: -706px -74px} #map1wrap .layer1pop.n27 .hg1 .h1{background-position: -735px -74px} #map1wrap .layer1pop.n28 .hg1 .h1{background-position: -763px -74px} #map1wrap .layer1pop .wrap {padding: 8px 15px} #map1wrap .layer1pop .wrap .lst1 {padding-bottom: 8px; margin-bottom: 8px} #map1wrap .layer1pop .wrap .lst1 li{font-size: 14px; margin: 3px 0} #map1wrap .layer1pop .more1{font-size: 13px; height: 32px; line-height: 32px; width: 96px} #map1wrap .layer1pop .more1:after{width: 14px; height: 9px; background-size: 800px auto; background-position: -75px 0}/* 80%축소 */ #map1wrap .layer1pop .close {top: 14px} } @media all and (max-width:599px){ #map1wrap .layer1pop .hg1 .h2{font-size: 16px;} }