@charset "utf-8"; /** * @File Name : all.css * @Description : Base Adjust + Layout[main+sub] Mobile First! * @Modification Information * 
 * 수정일 | 수정자 | 수정내용
 * 2025.02.27 | 작성자명 | 최초 등록
 *
* @author 디자인팀 작성자명 * @since 2025.02.27 * * @Copyright (C) IACTS.CO.KR All rights reserved. */ /* base.css )) Overwrite. 20200117 ◆◆◆ */ body{ background:#fff; color:#000; /* ☆#555 */ font-weight:400; font-size:1em; /* (((16px */ line-height:1.75; /* ☆ */ letter-spacing:-.05em; /* (-.5px/16px) */ } [lang|='ko'], [lang|='ko']>*{ font-family: 'S-CoreDream', '돋움',Dotum, Helvetica,'Helvetica Neue', Arial,sans-serif; } h1, h2, h3, h4, h5, h6 {letter-spacing:-.05em} /* ◇◆ 공용 ◇◆ */ /* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */ html, body, #container, #wrap, #body {min-height:100%;} .container {position:relative; min-width:280px; /* ☆ */ margin:auto; /* ☆ */ /* max-width:1260px; */ } html, body, #container {height:100%;min-height:100%;overflow:hidden} #container {position:relative;} #head {position:fixed;top:0;left:0;width:100%;z-index:3} #head_s1 {border-bottom:1px solid #e9e9e9;text-align:right;} #head_s1>.container {max-width:1720px;} #head_s2 {} #head_s2>.container {} #wrap { clear:both; position:relative; padding-top:70px;height:100%; min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */ z-index:2; box-sizing:border-box; } #wrap>.container{} /* ))) sub.css, main.css */ #body {position:relative;} #wing {display:block;z-index:10;position:relative;} /* ((( sub.css */ #foot {clear:both;position:relative; background:#24272c} /* 배치.유틸 20191220 */ .width1expand1 {margin-left:-20px;margin-right:-20px;} @media screen and (max-width:1768px){ #head_s1 {padding-left:24px;padding-right:24px;} } @media screen and (max-width:1259px){ #head {height:95px;border-bottom:1px solid #e9e9e9} #head_s1 {padding-left:16px;padding-right:16px;border-bottom:0;box-sizing:border-box} #wrap {padding-top:95px} } /* 로고 */ h1#logo {position:relative;float:left;z-index:30;margin:17px 0 16px 49px;height:37px;} h1#logo a {display:inline-block;vertical-align:top;height:100%} h1#logo a img {width:auto;height:100%} @media screen and (max-width:1259px){ h1#logo {position:absolute;top:42px;left:0;margin:0} } @media screen and (max-width:599px){ h1#logo {top:45px;height:33px;} } @media screen and (max-width:399px){ h1#logo {top:50px;height:30px;} } /* gn1 */ #gn1 {position:relative;display:inline-block;vertical-align:top;text-align:right;margin-top:10px;z-index:20} #gn1 .gn1 {position:relative;text-align:left;margin-right:10px} #gn1 #gn1c>ul {white-space:nowrap;overflow:hidden;} #gn1 #gn1c>ul>li {position:relative;display:inline-block;vertical-align:top;} #gn1 .gn1 li {display:inline-block;vertical-align:top;padding:0 15px;} #gn1 .gn1 li a {position:relative;font-size:16px;color:#000;display:inline-block;vertical-align:top;font-weight:400;padding:13px 5px;} #gn1 .gn1 li a:hover, #gn1 .gn1 li a:focus {text-decoration:underline;text-underline-position:under;} #gn1 .gn1 li.on a, #gn1 .gn1 li[data-sitekey=map] a {font-weight:500;} #gn1 .gn1 li.on a:hover, #gn1 .gn1 li[data-sitekey=map] a:hover, #gn1 .gn1 li.on a:focus, #gn1 .gn1 li[data-sitekey=map] a:focus {text-decoration:none;} #gn1 .gn1 li.on a:after, #gn1 .gn1 li[data-sitekey=map] a:after {position:absolute;bottom:8px;left:5px;content:"";display:block;width:calc(100% - 10px);height:2px;background:#000} /* lang1 */ #lang1 {position:relative;display:inline-block;vertical-align:top;margin-top:10px;} #lang1 .b1.open {position:relative;display:block;padding:13px 20px 13px 0;font-size:15px;color:#000;font-weight:600;padding-left:36px;} #lang1 .b1.open:before, #lang1 .b1.open:after {position:absolute;content:"";display:block;} #lang1 .b1.open:before {top:7px;left:0;width:29px;height:28px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 0 / auto 100px;} #lang1 .b1.open:after {top:21px;right:0;border-style:solid;border-width:4px;border-color:#000 transparent transparent transparent} #lang1c {display:none;position:absolute;top:40px;left:9px;width:100%;text-align:center;background:#fff;z-index:3;border-radius:0 0 20px 20px} #lang1c.on {display:block;box-shadow:0 10px 10px rgba(0,0,0,.2);} #lang1c ul {padding:10px 0} #lang1c ul>li {display:block;} #lang1c ul>li>a {display:block;color:#000;padding:3px 0;letter-spacing:0;font-size:14px;} #lang1c ul>li>a:hover, #lang1c ul>li>a:focus {text-decoration:underline;text-underline-position:under;} #lang1c .b1.close {position:absolute;top:-40px;left:-9px;width:100%;height:46px;} #member1 {position:relative;display:inline-block;vertical-align:top;margin-top:10px;margin-left:20px;} #member1 a {position:relative;display:block;padding:13px 5px 13px 33px;font-size:15px;color:#000;font-weight:400;} #member1 a:before {position:absolute;top:50%;left:0;content:"";display:block;width:28px;height:23px;background:url(../../img/inc/layout_sprite.png) no-repeat;background-size:auto 100px;margin-top:-13px;} #member1 a.login:before {background-position:0 -47px} #member1 a.logout:before {background-position:-28px -47px} @media screen and (max-width:1599px){ #gn1 #gn1c>ul>li {padding:0 10px} } @media screen and (max-width:1459px){ #gn1 #gn1c>ul>li {padding:0 5px} } @media screen and (max-width:1259px){ #gn1 {margin-top:3px;margin-right:200px;} #gn1 .gn1 {width:100%;text-align:right;} #gn1 .gn1 li {padding:0 5px;} #gn1 .gn1 li a {font-size:15px;padding-top:9px;padding-bottom:9px;} #lang1 {position:absolute;top:0px;right:100px;margin-top:0;z-index:20} #member1 {position:absolute;top:0px;right:0;margin:0;} } @media screen and (max-width:999px){ #gn1 {width:calc(100% - 170px)} #gn1 #gn1c>ul>li {padding:0 2px} #lang1 {right:93px;} #lang1 .b1.open {font-size:14px;padding-left:28px;padding-right:13px;} #lang1 .b1.open:before {top:11px;width:23px;height:22px;background-size:auto 80px;} #member1 a {font-size:14px;padding-left:26px;} #member1 a:before {width:22px;height:18px;background-size:auto 80px;margin-top:-10px;} #member1 a.login:before {background-position:0 -38px} #member1 a.logout:before {background-position:-22px -38px} } @media screen and (max-width:768px){ #gn1 .gn1 {text-align:left;} #gn1 .gn1:after {position:absolute;top:0;right:0;content:"";display:block;width:50px;height:39px;background:linear-gradient(to left, #fff, transparent);} #gn1 .gn1 li {padding:0 1px;} #gn1 #gn1c>ul>li {padding:0} } @media screen and (max-width:599px){ #gn1 {width:calc(100% - 90px)} #lang1 {display:none;} } /* #tnb1 ))) desktop 화면 */ /* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */ #tnb1{ position:absolute;left:0;right:0;top:0; width:100%; margin:auto; line-height:1.375; height:auto; text-align:left; } #tnb1 .b1.toggle{float:left; z-index:10; position:absolute; left:0; top:14px; /* (화면확인) */ box-sizing:border-box; /* ☆ */ width:40px;height:40px; border-radius:100%; background:none; overflow:hidden;text-indent:-9999px; border:3px solid #000; padding:5px 0 } #tnb1 .b1.toggle .ic1 {display:block;width:19px;height:3px;background:#000;border-radius:9999px;margin:4px auto} #tnb1c{display:block !important; /* ☆ */ visibility:hidden; /* ☆ */ z-index:110; /* ☆ */ position:fixed; /* ☆ */ left:-200%; top:0;bottom:0; width:100%; height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */ overflow-y:visible; /* ☆ */ transition:.0s; /* ★☆ToEdit) 확인용 */ /* visibility:visible !important; right:0 !important; */ } #tnb1c.on{ display:block; visibility:visible; left:0; transition:.2s .2s; } #tnb1c>.bg{visibility:hidden; position:fixed;left:0;right:0;top:0;bottom:0; /* background:rgba(0,0,0,.7); */ opacity:0; transition:.0s; } #tnb1c.on>.bg {visibility:visible;opacity:1; transition:.2s;} /* ☆ */ #tnb1c .b2{z-index:110; position:absolute;right:31px;top:21px; width:40px;height:40px;background:#303440;border-radius:100%; } #tnb1c .b2:before, #tnb1c .b2:after {position:absolute;top:50%;left:50%;margin:-10px -1px;content:"";display:block;width:2px;height:20px;background:#fff} #tnb1c .b2:before {transform:rotate(45deg)} #tnb1c .b2:after {transform:rotate(-45deg)} #tnb1c .b2>.ic1 {} #tnb1c .b2.close {} #tnb1c .b2.close>.ic1{} #tnb1c .d1 ~ .b2.close>.ic1 {opacity:0;} /* ☆ */ #tnb1c>div.cont{ display:none; /* [All]키보드지나감방지 */ position:relative; left:-100%; box-sizing:border-box; /* ☆ */ width:440px; height:100%; min-width:300px; overflow:visible; /*overflow-y:auto; ☆ */ margin:auto auto auto 0; background:#fff; /* ★☆ToEdit) 확인용 */ /* display:block; */ /* right:0 !important; */ } #tnb1c.on>div.cont {display:block;left:0;box-shadow:0 0 35px rgba(0,0,0,.15)} #tnb1c>div.cont .logo, #tnb1c>div.cont .sitename {display:inline-block;vertical-align:top;margin-top:24px;margin-bottom:25px;line-height:33px;} #tnb1c>div.cont .logo {width:130px;height:33px;margin-left:30px;} #tnb1c>div.cont .logo img {width:100%;} #tnb1c>div.cont .sitename {position:absolute;font-family:"HANAMDAUM", sans-serif;color:#bd2148;font-size:22px;font-weight:500;margin-left:24px;} #tnb1c>div.cont .sitename:before {position:absolute;top:50%;left:-11px;content:"";display:block;width:1px;height:14px;background:#ccccdb;margin-top:-7px;} /* depth1~depth4 */ #tnb1 .smain {display:block;} /* depth1 */ #tnb1 div.d1{ clear:both; position:relative; overflow-y:auto; overflow-x:hidden; height:100%;z-index:1 } /* #tnb1 div.d1:before {content:"";display:block;width:130px;height:33px;background:url(../../img/inc/logo@2x.png) no-repeat 0 0 / auto 33px;margin:22px 0 24px 32px} */ #tnb1 div.d1>ul {position:relative;} #tnb1c.over div.d1>ul:after {width:50%} #tnb1 div.d1>ul>li{display:inline;} #tnb1 div.d1>ul>li>a{display:block; z-index:20; /* .d2 보다 높여준다 */ position:relative; box-sizing:border-box; /* ☆ */ color:#fff; width:180px; font-size:20px;padding:0 0 0 30px; word-break:keep-all; word-wrap:break-word; background:#303e49; } #tnb1 div.d1>ul>li:first-child>a {border-top-right-radius:30px;padding-top:20px;} #tnb1 div.d1>ul>li:last-child>a {border-bottom-right-radius:30px;padding-bottom:20px} #tnb1 div.d1>ul>li>a>.t1{position:relative;display:block; /* ☆ */ padding:0; /* ☆ */ font-size:inherit;font-weight:400;line-height:60px; font-family:"S-CoreDream", sans-serif;transition:padding .35s ease } #tnb1 div.d1>ul>li.over>a>.t1, #tnb1 div.d1>ul>li.on>a>.t1 {padding-left:26px;} #tnb1 div.d1>ul>li.over>a>.t1:before, #tnb1 div.d1>ul>li.on>a>.t1:before {position:absolute;top:50%;left:0;content:"";display:block;width:18px;height:9px;background:url(/_res/tour/img/inc/layout_sprite.png) no-repeat -104px -32px / auto 80px;margin-top:-4.5px;} #tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;left:-11px;top:0;content:"";display:block;width:calc(100% + 26px);height:60px;background:#bd2148;z-index:-1;border-radius:30px;} /* #tnb1 div.d1>ul>li:first-child.over>a>.t1:after, #tnb1 div.d1>ul>li:first-child.on>a>.t1:after {top:20px} */ #tnb1 div.d1>ul>li>a:hover, #tnb1 div.d1>ul>li>a:focus {} /* depth1 활성 */ /* #tnb1 div.d1>ul>li.on>a{ color:#fff;background:#ef6d09;border-bottom-right-radius:20px;box-shadow:5px 5px 10px rgba(0,0,0,.1) } #tnb1 div.d1>ul>li.on>a>.t1 {position:relative;font-weight:500} #tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;top:21px;right:20px;content:"";display:block;width:7px;height:7px;border:2px solid #fff;transform:rotate(45deg);border-left:0;border-bottom:0;box-sizing:border-box;} */ /* depth2~3 */ #tnb1 li>div[class^='d']{ display:none;visibility:hidden; height:0;opacity:0; } #tnb1 li.on>div[class^='d'], #tnb1 li.over>div[class^='d']{ display:block;visibility:visible; height:auto;opacity:1; margin-left:0; } /* depth2 */ #tnb1 li>div.d2 { position:absolute;top:0;right:-120px;width:calc(100% - 160px);background:#fff;transition:right .25s ease;left:auto;display:block;padding:0 20px;box-sizing:border-box;} #tnb1 div.d1>ul>li.on div.d2, #tnb1 div.d1>ul>li.over div.d2 {display:block;height:100%;opacity:1;z-index:10;right:0;left:auto;padding-top:25px;padding-bottom:15px;border:0;} #tnb1 div.d1>ul>li.over div.d2 {height:calc(100vh - 90px);background:#fff;z-index:11} #tnb1 div.d2>.bg{display:none;} /* ☆ */ #tnb1 div.d2>.hg1{display:none;} /* ☆ */ #tnb1 div.d2>a.smain{display:block; /* 서브메인링크 */ position:relative; padding:.75em 35px .75em 20px; border-bottom:1px solid #eee; background-color:#f7f7f7; color:#333; font-size:15px; } #tnb1 li>div.d2>ul {margin-left:0;margin-bottom:10px;width:100%;} #tnb1 div.d2>ul>li {position:relative;width:100%;float:none;margin:0;border-bottom:1px solid #e1e1e1;} #tnb1 div.d2>ul>li:last-child {border-bottom:0} #tnb1 div.d2>ul>li>a{display:block; z-index:10; position:relative; padding:14px 15px 13px 5px; background:transparent; color:#000; font-size:17px;font-weight:500; transition:.2s; } #tnb1 div.d2>ul>li>a:after {position:absolute;top:20px;right:14px;content:"";display:block;width:7px;height:11px;background:url(../../img/inc/layout_sprite.png) no-repeat -133px -32px / auto 80px} #tnb1 div.d2>ul>li.on>a:after {background-position:-124px -32px;} #tnb1 div.d2>ul>li.on>a {text-decoration:underline;color:#bd2148;font-weight:700;text-underline-position:under;} #tnb1 div.d2>ul>li.on.hasSub>a {text-decoration:none} /* depth3 */ #tnb1 li>div.d3 {} #tnb1 li.on>div.d3 {display:none;border-bottom:0;border-top:2px solid #EF6D09} #tnb1 li.over>div.d3 {display:none;} #tnb1 div.d3>.bg{display:none;} /* ☆ */ #tnb1 div.d3>ul {margin:0;padding:12px 10px} #tnb1 div.d3>ul>li{position:relative;} #tnb1 div.d3>ul>li>a {position:relative;display:block; z-index:10; position:relative;min-height:0; padding:7px 10px; color:#666; font-size:14px; } #tnb1 div.d3>ul>li>a:before {position:absolute;top:16px;left:0;content:"";display:block;width:3px;height:3px;background:#ccc} #tnb1 div.d3>ul>li.on>a:before {background-color:#EF6D09;border-radius:50%;} #tnb1 div.d3>ul>li.hasSub.on>a:after {display:none} #tnb1 li.on>div.d3>ul>li.on>a {text-decoration:underline;color:#EF6D09;text-underline-position:under} /* depth4 */ #tnb1 div.d4 {display:none} #tnb1 li>div.d4 { padding:14px 10px;background:#E8E8E8;margin:5px 0} #tnb1 li.on>div.d4 {display:none} #tnb1 div.d4>.bg{display:none;} /* ☆ */ #tnb1 div.d4>ul>li{position:relative;padding-left:10px;} #tnb1 div.d4>ul>li>a{position:relative;display:block; z-index:10; position:relative;min-height:0; padding:6px 10px; border-top:0 solid #666; color:#666; font-size:14px; } #tnb1 div.d4>ul>li>a:before {position:absolute;top:13px;left:0;content:"";display:block;width:3px;height:3px;background:#666;} #tnb1 div.d4>ul>li.hasSub>a {} #tnb1 div.d4>ul>li.on>a:before {} #tnb1 li.on>div.d4>ul>li.on>a {text-decoration:underline;} /* 20191220 새 창 */ #tnb1 div.d2>ul>li>a[target='_blank']:after, #tnb1 div.d3>ul>li>a[target='_blank']:after, #tnb1 div.d4>ul>li>a[target='_blank']:after{ /* [IE8+] */ content:''; display:inline-block; width:16px;height:16px; margin:-8px 0 0 7px; background:url(../../img/inc/ic16newwindow.png) no-repeat; vertical-align:middle; } #tnb1 div.d3>ul>li>a[target='_blank']:after, #tnb1 div.d3>ul>li>a[target='_blank']:after {width:12px;height:11px;background-size:contain;margin-left:4px} @media screen and (max-width:1259px){ #tnb1 .b1.toggle {top:43px;left:auto;right:0;} #tnb1c {left:auto;right:-200%;} #tnb1c.on {left:auto;right:0;} #tnb1c>div.cont {left:auto;right:-100%;margin-left:auto;margin-right:0} #tnb1c.on>div.cont {left:auto;right:0} } @media screen and (max-width:599px){ #tnb1 .b1.toggle {width:36px;height:36px;} #tnb1 .b1.toggle .ic1 {width:18px;margin:3px auto} } @media screen and (max-width:499px){ #tnb1c>div.cont {width:100%;} #tnb1c>div.cont .logo {width:auto;height:26px;margin-left:16px;} #tnb1c>div.cont .logo img {width:auto;height:100%;} #tnb1c>div.cont .sitename {font-size:18px;line-height:26px;} #tnb1c .b2 {top:17px;right:16px;} #tnb1 div.d1>ul>li>a {padding-left:20px;width:140px;font-size:18px;} #tnb1 li>div.d2 {width:calc(100% - 140px);} } @media screen and (max-width:399px){ #tnb1 .b1.toggle {top:48px;width:32px;height:32px;} #tnb1 .b1.toggle .ic1 {width:17px;margin:2px auto} } /* 현재위치설정 버튼 */ #head_s1 button.location1 {display:none;} @media screen and (max-width:1259px){ #head_s1 button.location1 {display:block;position:absolute;top:43px;right:50px;width:40px;height:40px;background:url(../../img/inc/layout_sprite.png) no-repeat -195px -24px / auto 100px;border:0;border-radius:100%;} #head_s1 button.location1 .t1 {position:absolute;bottom:-24px;left:50%;font-size:13px;background:#2e3192;border-radius:9999px;padding:0 0;color:#fff;width:90px;line-height:25px;text-align:center;margin-left:-45px} #head_s1 button.location1 .t1:before {position:absolute;top:-10px;left:50%;content:"";display:block;width:0;border-style:solid;border-width:5px;border-color:transparent transparent #2e3192 transparent;margin-left:-5px;} #head_s1 button.location1.active {background-position:-56px -39px} } @media screen and (max-width:599px){ #head_s1 button.location1 {right:43px;width:36px;height:36px;background-size:auto 90px;background-position:-176px -22px} #head_s1 button.location1.active {background-position:-50px -35px} } @media screen and (max-width:399px){ #head_s1 button.location1 {top:48px;right:40px;width:32px;height:32px;background-size:auto 80px;background-position:-156px -19px} #head_s1 button.location1.active {background-position:-45px -31px} } /* 좌측메뉴 */ #sidemenu {position:fixed;top:70px;left:0;height:calc(100% - 70px);background:#fff;z-index:1;transition:left .4s ease .05s;box-shadow:10px 10px 10px rgba(0,0,0,.1);border-right:1px solid #e5e3e3;box-sizing:border-box;z-index:100} #sidemenu .b2 {position:absolute;top:50%;right:-20px;width:20px;height:50px;background:#fff;border-radius:0 5px 5px 0;margin-top:-25px;border:1px solid #e5e3e3;text-indent:-9999px;border-left:0;box-shadow:5px 5px 10px rgba(0,0,0,.1);} #sidemenu .b2:before {position:absolute;top:50%;left:50%;content:"";display:block;width:7px;height:11px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 -30px / auto 100px;margin:-5.5px -3.5px} #sidemenu .b2.off:before {background-position:-9px -30px} #sidemenu .wrap1 {position:relative;height:100%;} #sidemenu .wrap1:after {content:"";display:block;clear:both;} #snb1 li a {display:block;text-align:center;color:rgba(255,255,255,.7);font-size:15px;padding:15px 0;letter-spacing:-.075em;border-bottom:1px solid #44474d;height:100%;box-sizing:border-box;} #snb1 li.on a {background-color:#eb4050;text-decoration:underline;text-underline-position:under;color:#fff;font-weight:700} #snb1 li a:before {content:"";display:block;width:34px;height:25px;background-repeat:no-repeat;background-size:cover;background-position:0 0;margin:auto auto 6px;} /* 아이콘 */ #snb1 li.n1 a:before {background-image:url(../../img/inc/ic68a1snb01.png)} #snb1 li.n2 a:before {background-image:url(../../img/inc/ic68a1snb02.png)} #snb1 li.n3 a:before {background-image:url(../../img/inc/ic68a1snb03.png)} #snb1 li.n4 a:before {background-image:url(../../img/inc/ic68a1snb04.png)} #snb1 li.n5 a:before {background-image:url(../../img/inc/ic68a1snb05.png)} #snb1 li.n6 a:before {background-image:url(../../img/inc/ic68a1snb06.png)} #snb1 li.n7 a:before {background-image:url(../../img/inc/ic68a1snb07.png)} #snb1 li.n8 a:before {background-image:url(../../img/inc/ic68a1snb08.png)} #snb1 li.n9 a:before {background-image:url(../../img/inc/ic68a1snb09.png)} #snb1 li.n10 a:before {background-image:url(../../img/inc/ic68a1snb10.png)} #snb1 li.n11 a:before {background-image:url(../../img/inc/ic68a1snb11.png)} #snb1 li.n12 a:before {background-image:url(../../img/inc/ic68a1snb12.png)} #snb1 li.n1.on a:before {background-image:url(../../img/inc/ic68a1snb01_on.png)} #snb1 li.n2.on a:before {background-image:url(../../img/inc/ic68a1snb02_on.png)} #snb1 li.n3.on a:before {background-image:url(../../img/inc/ic68a1snb03_on.png)} #snb1 li.n4.on a:before {background-image:url(../../img/inc/ic68a1snb04_on.png)} #snb1 li.n5.on a:before {background-image:url(../../img/inc/ic68a1snb05_on.png)} #snb1 li.n6.on a:before {background-image:url(../../img/inc/ic68a1snb06_on.png)} #snb1 li.n7.on a:before {background-image:url(../../img/inc/ic68a1snb07_on.png)} #snb1 li.n8.on a:before {background-image:url(../../img/inc/ic68a1snb08_on.png)} #snb1 li.n9.on a:before {background-image:url(../../img/inc/ic68a1snb09_on.png)} #snb1 li.n10.on a:before {background-image:url(../../img/inc/ic68a1snb10_on.png)} #snb1 li.n11.on a:before {background-image:url(../../img/inc/ic68a1snb11_on.png)} #snb1 li.n12.on a:before {background-image:url(../../img/inc/ic68a1snb12_on.png)} /* 검색 및 목록 */ #snbsearch1 {position:relative;float:left;margin-left:81px;width:340px;height:100%;padding:20px 0;box-sizing:border-box;z-index:1;overflow-y:auto} #snbsearch1 form {position:relative;margin:0 30px 20px;border:1px solid #d7d7d7;border-radius:15px;padding:7px 40px 7px 15px;} #snbsearch1 form * {margin:0;border:0;} #snbsearch1 form input.text {width:100%;height:40px;box-sizing:border-box;font-size:15px;color:#a1a1a1;} #snbsearch1 form input.text::-webkit-input-placeholder {color:#a1a1a1; } /* WebKit browsers */ #snbsearch1 form input.text:-moz-placeholder {color:#a1a1a1; } /* Mozilla Firefox 4 to 18 */ #snbsearch1 form input.text::-moz-placeholder {color:#a1a1a1; } /* Mozilla Firefox 19+ */ #snbsearch1 form input.text:-ms-input-placeholder {color:#a1a1a1; } /* Internet Explorer 10+ */ #snbsearch1 form .b1.search {position:absolute;top:50%;right:10px;width:30px;height:30px;border:0;background:url(../../img/inc/layout_sprite.png) no-repeat -163px -25px / auto 100px;margin-top:-15px;} #snbsearch1 .h1 {font-family:"HANAMDAUM", sans-serif;font-size:20px;line-height:1.1;color:#000;letter-spacing:-.025em;font-weight:500;margin:0 30px 8px;} #snbsearch1 .sinfo1 {position:relative;background:#fef3f1;font-size:15px;color:#eb4050;line-height:1.1;padding:10px 8px 9px 29px;border-radius:10px;font-weight:400;margin:0 30px;} #snbsearch1 .sinfo1:before {position:absolute;top:10px;left:8px;content:"";display:block;width:16px;height:17px;background:url(../../img/inc/layout_sprite.png) no-repeat -31px -28px / auto 100px;} #snbsearch1 .lst {padding:0 30px;} #snbsearch1 .lst li {margin-top:20px;} #snbsearch1 .lst li a {display:block;} #snbsearch1 .lst li a .h2 {display:block;font-size:16px;color:#000;font-weight:500;letter-spacing:-.025em;margin-bottom:8px;max-width:calc(100% - 10px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #snbsearch1 .lst li a .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:57.14%;overflow:hidden;border-radius:15px;} #snbsearch1 .lst li a .f1:before {position:absolute;top:11px;left:11px;content:"";display:block;width:40px;height:40px;background-repeat:no-repeat;background-size:cover;z-index:1} #snbsearch1 .lst li a .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%} #snbsearch1 .lst li a .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;} #sidemenu .pagination {margin-top:20px;font-size:15px;} #sidemenu .pagination .m a {width:20px;height:20px;line-height:20px;margin:2px 1px;box-sizing:border-box;border-radius:0;padding:0;} #sidemenu .pagination .pages {display:inline-block;vertical-align:middle;margin:0 5px;} #sidemenu .psidemenugination .pages .m a {min-width:auto;color:#777;font-weight:400;padding:0} #sidemenu .pagination .pages .on a {background-color:transparent;color:#000;font-weight:600} #sidemenu .pagination .control .m a {border:0} /* 아이콘 */ #snbsearch1 .lst li[data-category=관광] a .f1:before {background-image:url(../../img/inc/ic80a1cate01.png)} #snbsearch1 .lst li[data-category=숙박] a .f1:before {background-image:url(../../img/inc/ic80a1cate02.png)} #snbsearch1 .lst li[data-category=음식점] a .f1:before {background-image:url(../../img/inc/ic80a1cate03.png)} #snbsearch1 .lst li[data-category=시내버스] a .f1:before {background-image:url(../../img/inc/ic80a1cate04.png)} #snbsearch1 .lst li[data-category=주차장] a .f1:before {background-image:url(../../img/inc/ic80a1cate05.png)} #snbsearch1 .lst li[data-category=충전소] a .f1:before {background-image:url(../../img/inc/ic80a1cate06.png)} #snbsearch1 .lst li[data-category=공용화장실] a .f1:before {background-image:url(../../img/inc/ic80a1cate07.png)} #snbsearch1 .lst li[data-category=물품보관소] a .f1:before {background-image:url(../../img/inc/ic80a1cate08.png)} #snbsearch1 .lst li[data-category=공공wifi] a .f1:before {background-image:url(../../img/inc/ic80a1cate09.png)} #snbsearch1 .lst li[data-category=약국] a .f1:before {background-image:url(../../img/inc/ic80a1cate10.png)} #snbsearch1 .lst li[data-category=병원] a .f1:before {background-image:url(../../img/inc/ic80a1cate11.png)} #snbsearch1 .lst li[data-category=기념품] a .f1:before {background-image:url(../../img/inc/ic80a1cate12.png)} #snbsearch1 .lst li[data-category=축제행사] a .f1:before {background-image:url(../../img/inc/ic80a1cate14.png)} #snbsearch1 .lst li[data-category=BGM] a .f1:before {background-image:url(../../img/inc/ic80a1cate15.png)} #snbsearch1 .lst li[data-category=스마트관광] a .f1:before {background-image:url(../../img/inc/ic80a1cate16.png)} #snbsearch1 .lst li[data-category=섬] a .f1:before {background-image:url(../../img/inc/ic80a1cate17.png)} #snbsearch1 .lst li[data-category=특산품] a .f1:before {background-image:url(../../img/inc/ic80a1cate18.png)} #snbsearch1 .lst li[data-category=주유소] a .f1:before {background-image:url(../../img/inc/ic80a1cate19.png)} #snbsearch1 .lst li[data-category=추천코스] a .f1:before {background-image:url(../../img/inc/ic80a1cate20.png)} #snbsearch1 .lst li a.on .h2 {font-weight:600} #snbsearch1 .lst li a.on .h2:before {content:"";display:inline-block;vertical-align:middle;width:17px;height:9px;background:url(../../img/lib2/map1_sprite.png) no-repeat 0 0 / auto 100px;margin-right:7px;margin-top:-3px;} @media screen and (min-width:1260px){ #sidemenu:after {position:absolute;top:0;right:-21px;content:"";display:block;width:20px;height:59px;background:linear-gradient(to right, #fff 55%, transparent)} #snb1 {position:absolute;top:0;left:0;width:80px;height:100%;background:#363940;border-right:1px solid #e5e3e3;} #snb1:before {position:fixed;top:70px;left:0;content:"";display:block;width:80px;height:100%;background:#363940;z-index:-1;transition:left .4s ease .4s} #snb1 li {height:calc(100% / 10);} .close #sidemenu:after {display:none} .close #sidemenu {left:-422px;} .close #sidemenu.type2 {left:-441px} .close #snb1:before {left:-80px;transition-delay:.02s} #wrap.result1.close #sidemenu {left:-782px} } @media screen and (min-width:1260px) and (max-width:1449px){ #snbsearch1 {width:306px;} #sidemenu:after {height:90px;} .close #sidemenu {left:-388px} #wrap.result1.close #sidemenu {left:-748px} #snbsearch1 form, #snbsearch1 .h1, #snbsearch1 .sinfo1 {margin-left:20px;margin-right:20px;} #snbsearch1 .lst {padding-left:20px;padding-right:20px} } @media screen and (max-width:1259px){ #sidemenu {top:auto;bottom:0;width:100%;height:560px;box-shadow:0px 10px 10px rgba(0, 0, 0, .1);border:0;transition:height .35s ease .1s;z-index:101} #sidemenu .b2 {top:-23px;right:50%;width:46px;height:24px;margin-top:0;margin-right:-23px;box-shadow:none;border-radius:10px 10px 0 0;border:1px solid #e5e3e3;border-bottom:0;background-color:#363940;border:0;z-index:2} #sidemenu .b2:before {background:transparent;width:8px;height:8px;border:2px solid #fff;transform:rotate(45deg);box-sizing:border-box;margin-left:-4px;border-left:0;border-top:0} .close #sidemenu {height:113px;} .close #sidemenu .b2:before {transform:rotate(-135deg);;margin-top:-1px;} #snb1 {background:#363940} #snb1:before {display:none} #snb1:after {content:"";display:block;clear:both;} #snb1 li {float:left;width:20%;} #snb1 li a {padding:6px 0;border:0;font-size:14px;border-top:1px solid #44474d} #snb1 li.on a {border-color:#eb4050} #snb1 li a:before {margin-bottom:4px;width:27px;height:20px;} #snbsearch1 {margin-left:0;width:100%;height:calc(100% - 98px);border-right:1px solid #e5e3e3;padding:25px 0 0} #snbsearch1 form, #snbsearch1 .h1, #snbsearch1 .sinfo1 {margin-left:15px;margin-right:15px;} #snbsearch1 .h1 {margin-bottom:12px;} #snbsearch1 .lst {padding-left:15px;padding-right:15px;overflow:hidden;} #snbsearch1 .lst li {float:left;margin-left:12px;width:calc(25% - 9px);} #snbsearch1 .lst li:nth-child(4n+1) {margin-left:0} #snbsearch1 .lst li a .h2 {margin-bottom:12px;} #sidemenu .pagination {margin-top:15px;margin-bottom:10px;} .result1 #sidemenu, .result1.result2 #sidemenu {left:auto;height:calc(100% - 190px);} #wrap.result1.result2.close #sidemenu {height:80px;} .result1.close #sidemenu {height:0} } @media screen and (max-width:1099px){ #snbsearch1 {height:calc(100% - 113px)} } @media screen and (max-width:999px){ #sidemenu {height:500px;} } @media screen and (max-width:899px){ #sidemenu {height:510px;} #snbsearch1 {width:100%;height:calc(100% - 113px);border-right:0} #snbsearch1 .lst li {width:calc(33.33% - 8px);margin-left:12px;} #snbsearch1 .lst li:nth-child(4n+1) {margin-left:12px;} #snbsearch1 .lst li:nth-child(3n+1) {margin-left:0;} } @media screen and (max-width:768px){ #snbsearch1 form {padding-top:4px;padding-bottom:4px;margin-bottom:18px;border-radius:10px;padding-left:5px} #snbsearch1 form input.text {height:36px;} #snbsearch1 .h1 {margin-bottom:8px} #snbsearch1 .lst li {width:calc(50% - 6px);} #snbsearch1 .lst li:nth-child(-n+2) {margin-top:0} #snbsearch1 .lst li:nth-child(3n+1) {margin-left:12px;} #snbsearch1 .lst li:nth-child(4n+1) {margin-left:0;} #snbsearch1 .lst li:nth-child(odd) {margin-left:0} } @media screen and (max-width:699px){ #sidemenu {height:520px} #snbsearch1 .lst li a .f1:before {width:36px;height:36px;} } @media screen and (max-width:599px){ #sidemenu {height:480px} #snbsearch1 {padding-top:20px;height:calc(100% - 100px)} #snbsearch1 .lst li a .f1:before {top:8px;left:8px;width:32px;height:32px;} } @media screen and (max-width:499px){ #sidemenu {height:460px;} .result1 #sidemenu, .result1.result2 #sidemenu {height:calc(100% - 120px)} .close #sidemenu {height:99px;} #snb1 li a {font-size:13px} #snb1 li a:before {width:20px;height:15px;} #snbsearch1 .h1 {font-size:18px} } @media screen and (max-width:449px){ #snbsearch1 .lst li {float:none;width:100%;margin-left:0} #snbsearch1 .lst li:nth-child(-n+2) {margin-top:20px} #snbsearch1 .lst li:nth-child(3n+1) {margin-left:0} #snbsearch1 .lst li:first-child {margin-top:0} } /* 검색결과 상세 */ #snb1result1 {position:relative;float:left;width:0;height:100%;background:#fff;margin-left:-440px;border-left:1px solid #e5e3e3;opacity:0;transition:opacity .35s ease .02s;box-sizing:border-box;padding:23px 0;} #snb1 + #snb1result1 {width:360px;margin-left:80px;opacity:1;padding-bottom:0} #snbsearch1 + #snb1result1 {width:0;overflow:hidden;} .result1 #snbsearch1 + #snb1result1 {z-index:1;opacity:1;margin-left:0;width:360px;overflow:hidden !important} #snb1result1 .hg1 {position:relative;padding:0 30px} #snb1result1.scroll .hg1:after {position:absolute;bottom:0;left:30px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#000;} #snb1result1 .hg1 .h1 {position:relative;font-family:"HANAMDAUM", sans-serif;font-size:20px;line-height:1.1;color:#000;letter-spacing:-.05em;font-weight:500;padding:7px 0 10px 37px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:30px;} #snb1result1 .hg1 .h1 .ic1 {position:absolute;top:0;left:0;width:32px;height:32px;background-repeat:no-repeat;background-size:cover;text-indent:-9999px;} #snb1result1 .hg1 .h1 .ic1[data-category=관광] {background-image:url(../../img/inc/ic80a1cate01.png);} #snb1result1 .hg1 .h1 .ic1[data-category=숙박] {background-image:url(../../img/inc/ic80a1cate02.png);} #snb1result1 .hg1 .h1 .ic1[data-category=음식점] {background-image:url(../../img/inc/ic80a1cate03.png);} #snb1result1 .hg1 .h1 .ic1[data-category=축제행사] {background-image:url(../../img/inc/ic80a1cate14.png);} #snb1result1 .hg1 .h1 .ic1[data-category=스마트관광] {background-image:url(../../img/inc/ic80a1cate16.png);} #snb1result1 .hg1 .h1 .ic1[data-category=섬] {background-image:url(../../img/inc/ic80a1cate17.png);} #snb1result1 .hg1 .h1 .ic1[data-category=특산품] {background-image:url(../../img/inc/ic80a1cate18.png);} #snb1result1 .hg1 .h1 .ic1[data-category=기념품] {background-image:url(../../img/inc/ic80a1cate12.png);} #snb1result1 .hg1 .h1 .ic1[data-category=추천코스] {background-image:url(../../img/inc/ic80a1cate20.png);} #snb1result1 .hg1 .b1.more {position:absolute;top:3px;right:30px;width:26px;height:26px;background:#eff0f2 url(../../img/lib2/map1_sprite.png) no-repeat -308px 0 / auto 100px;border-radius:100%;} #snb1result1 .hg1 .b1.more .t1 {position:absolute;top:-50px;left:-1000px;font-size:13px;color:#fff;opacity:0;background:#363940;border-radius:9999px;text-align:center;line-height:26px;transition:opacity .35s ease .02s} #snb1result1 .hg1 .b1.more .t1:after {position:absolute;bottom:-11px;left:50%;content:"";display:block;width:0;border-width:6px;border-style:solid;border-color:#363940 transparent transparent transparent;margin-left:-6px;} #snb1result1 .hg1 .b1.more:hover .t1, #snb1result1 .hg1 .b1.more:focus .t1 {top:-25px;left:-20px;width:66px;height:26px;opacity:1} #snb1result1 .wrap1 {position:relative;overflow-y:auto;height:calc(100% - 53px);padding:10px 30px 0;} #snb1result1 .wrap1>.f1 {position:relative;display:block;height:0;padding-bottom:56.666%;overflow:hidden;border-radius:20px;} #snb1result1 .wrap1>.f1>.f1p1 {position:absolute;top:0;left:0;width:100%;height:100%} #snb1result1 .wrap1>.f1>.f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center} #snb1result1 .wrap1 .btns {text-align:center;margin-top:16px;} #snb1result1 .wrap1 .btns:after {content:"";display:block;clear:both;} #snb1result1 .wrap1 .btns .b1 {float:left;width:calc(50% - 5px);margin-left:10px;line-height:45px;background-color:#f4f6f9;border-radius:5px;color:#333;font-weight:400} #snb1result1 .wrap1 .btns .b1:nth-of-type(1) {margin-left:0;} #snb1result1 .wrap1 .btns .b1:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../../img/lib2/map1_sprite.png) no-repeat;background-size:auto 100px;margin:-4px 5px 0 0} #snb1result1 .wrap1 .btns .b1.pvisit {background-color:#eb4050;color:#fff;font-weight:600;} #snb1result1 .wrap1 .btns .b1.pvisit:before {background-position:-19px 0} #snb1result1 .wrap1 .btns .b1.stamp:before {background-position:-19px -22px} #snb1result1 .wrap1 .tg1 {margin-top:20px} #snb1result1 .wrap1 .tg1 .h3 {font-size:18px;color:#333;line-height:1.1;font-weight:600;margin-bottom:10px;} #snb1result1 .wrap1 .tg1 .info1list {border:1px solid #d7d7d7;border-radius:20px;padding:15px 12px;margin-bottom:20px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li {position:relative;margin:2px 0 2px 9px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li:before {position:absolute;top:5px;left:0;content:"";display:block;width:18px;height:18px;background:url(../../img/lib2/map1_sprite.png) no-repeat;background-size:auto 100px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .t1 {display:block;padding-left:35px;color:#555;height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;box-sizing:border-box;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .t1 a {position:relative;display:inline-block;max-width:calc(100% - 30px);padding-right:30px;color:#304a9f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .t1 a:after {position:absolute;top:1px;right:0;content:"";display:block;width:22px;height:22px;background:url(../../img/lib2/map1_sprite.png) no-repeat;background-size:auto 100px} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.tel .t1 a:after {background-position:-112px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.homepage .t1 a:after {background-position:-136px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.addr .t1 {display:inline-block;vertical-align:middle;max-width:calc(100% - 40px);} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .b1.map1 {display:inline-block;vertical-align:middle;width:22px;height:22px;background:url(../../img/lib2/map1_sprite.png) no-repeat -88px 0 / auto 100px;text-indent:-9999px;margin-left:5px;} /* 아이콘 */ #snb1result1 .wrap1 .tg1 .info1list .lst1 li.addr:before {background-position:-188px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.depart:before {background-position:-208px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.tel:before {background-position:-228px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.time:before {background-position:-248px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.homepage:before {background-position:-268px 0} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.area:before {background-position:-288px 0} #snb1result1 .wrap1 .tg1 .info1list .lst2 {position:relative;border-top:1px solid #e6e6e6;margin-top:15px;padding-top:15px;padding-left:44px;} #snb1result1 .wrap1 .tg1 .info1list .lst2:before {position:absolute;top:50%;left:4px;content:"";display:block;width:26px;height:26px;background:url(../../img/lib2/map1_sprite.png) no-repeat -160px 0 / auto 100px;margin-top:-6px;} #snb1result1 .wrap1 .tg1 .info1list .lst2 li {display:inline-block;vertical-align:top;min-width:48%;color:#333;line-height:26px;font-weight:400} #snb1result1 .wrap1 .tg1 .info1list .lst2 li .t1 {float:left} #snb1result1 .wrap1 .tg1 .info1list .lst2 li .t1:after {content:":";display:inline-block;vertical-align:middle;margin:-8px 4px 0;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1:after {content:"";display:block;clear:both;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {float:left;width:calc(33.33% - 3.33px);margin-left:5px;margin-bottom:5px;text-align:center} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(3n+1) {margin-left:0} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li a {display:block;color:#333;font-size:15px;font-weight:400;border:1px dashed #d7d7d7;border-radius:7px;padding:8px 0 7px} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li a.on {background:#363940;color:#fff;font-weight:600;text-decoration:underline;text-underline-position:under;border:1px solid #363940} #snb1result1 .wrap1 .tg1 .info1list2 .info1 {font-weight:500;color:#000;margin-top:15px;padding:0;background:none;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li {border-bottom:1px solid #e3e3e3;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a {position:relative;display:block;margin:15px 0;overflow:hidden;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .f1 {position:relative;float:left;width:100px;height:70px;overflow:hidden;border-radius:15px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .f1 .f1p1 {position:absolute;top:0;left:0;display:block;width:100%;height:100%;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .f1 .f1p1 img {width:100%;height:100%;object-fit:cover;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .t1 {float:left;width:calc(100% - 110px);padding:24px 20px;box-sizing:border-box;color:#444;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a:after {position:absolute;top:50%;right:0;content:"";display:block;width:26px;height:26px;background:url(../../img/lib2/map1_sprite.png) no-repeat -60px 0 / auto 100px;margin-top:-13px;} #snb1result1 .b1.close {display:none;position:absolute;top:23px;right:20px;width:30px;height:30px;background:#eff0f2;border-radius:100%;} #snb1result1 .b1.close:before, #snb1result1 .b1.close:after {position:absolute;top:50%;left:50%;content:"";display:block;width:2px;height:16px;background:#363940;margin:-8px -1px;border-radius:2px;} #snb1result1 .b1.close:before {transform:rotate(45deg)} #snb1result1 .b1.close:after {transform:rotate(-45deg)} @media screen and (max-width:1259px){ #snb1result1 {position:absolute;bottom:0;left:0;height:0;transition:height .35s ease .1s} .result1 #snbsearch1 + #snb1result1 {height:calc(100% - 113px);width:100%;overflow:hidden !important;border-left:0} .result1.close #snbsearch1 + #snb1result1 {opacity:0} #snb1 + #snb1result1 {margin-left:0;width:100%;position:relative;top:auto;left:auto;height:calc(100% - 113px);overflow:hidden !important;border-left:0} #snb1 + #snb1result1 .wrap1 {height:calc(100% - 52px)} #snb1result1 .wrap1 {height:calc(100% - 142px)} #snb1result1 .hg1 {padding:0 20px;} #snb1result1.scroll .hg1:after {width:calc(100% - 40px);left:20px;} #snb1result1 .hg1 .b1.more {top:5px;right:20px;} #snb1result1 .wrap1 {padding-left:20px;padding-right:20px;height:calc(100% - 50px)} #snb1result1 .wrap1>.f1 {float:left;max-width:420px;width:100%;height:238px;padding-bottom:0;} #snb1result1 .wrap1 .tg1 {margin-top:0} #snb1result1 .wrap1 .tg1 .h3, #snb1result1 .wrap1 .tg1 .info1list {float:right;width:calc(100% - 440px);box-sizing:border-box} #snb1result1 .wrap1 .tg1 .info1list + .h3 {clear:both;float:none;width:100%;padding-top:12px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li {display:inline-block;vertical-align:top;width:calc(50% - 11px);} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .t1 {padding-left:28px;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {width:calc(8.33% - 4.58px)} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(3n+1) {margin-left:5px;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:first-child {margin-left:0} #snb1result1 .wrap1 .tg1 .info1list2 .lst1:after {content:"";display:block;clear:both;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li {float:left;width:calc(50% - 7px);margin-left:14px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li:nth-child(odd) {margin-left:0} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a {margin:12px 0} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .t1 {padding-left:15px;padding-right:15px;} #snb1result1 .wrap1 .tg1 .info1list .lst2 {padding-left:40px} #snb1result1 .b1.close {display:block;} } @media screen and (max-width:999px){ #snb1result1 .wrap1 .tg1 .info1list {padding:10px;font-size:15px;margin-bottom:0} #snb1result1 .wrap1 .tg1 .info1list .lst2 {margin-top:10px;padding-top:10px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li {display:block;width:100%;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.tel, #snb1result1 .wrap1 .tg1 .info1list .lst1 li.time {display:inline-block;vertical-align:top;width:calc(50% - 11px)} #snb1result1 .wrap1 .tg1 .info1list + .h3 {padding-top:20px} #snb1result1 .wrap1 .tg1 .info1list .lst2:before {margin-top:-8px} #snb1result1 .wrap1 .tg1 .info1list .lst2 li {min-width:auto;padding-right:20px;} #snb1result1 .wrap1 .tg1 .info1list .lst2 li:last-child {padding-right:0} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {margin-left:0;margin-right:5px;min-width:calc(8.33% - 4.58px);width:auto;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(3n+1) {margin-left:0;margin-right:5px;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li a {padding-left:5px;padding-right:5px;} } @media screen and (max-width:899px){ #snb1result1 .wrap1>.f1 {max-width:400px;} #snb1result1 .wrap1 .tg1 .h3, #snb1result1 .wrap1 .tg1 .info1list {width:calc(100% - 420px);} #snb1result1 .hg1 .h1 {display:inline-block;vertical-align:middle;max-width:calc(100% - 120px);margin-right:0} #snb1result1 .hg1 .b1.more {position:relative;top:auto;right:auto;display:inline-block;vertical-align:middle;margin-top:-4px;margin-left:4px;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {width:calc(16.66% - 4.16px);} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(6n) {margin-right:0} } @media screen and (max-width:799px){ #snb1result1 .hg1 {padding:0 16px} #snb1result1 .wrap1 {padding-left:16px;padding-right:16px;} #snb1result1 .wrap1>.f1 {max-width:320px;height:181px;} #snb1result1 .wrap1 .tg1 .h3, #snb1result1 .wrap1 .tg1 .info1list {width:calc(100% - 350px)} #snb1result1 .wrap1 .tg1 .info1list .lst2 li {padding-right:10px;} #sidemenu.type2 {height:calc(100% - 190px)} .close #sidemenu.type2 {height:80px} } @media screen and (max-width:699px){ #snb1result1 .hg1 {/* text-align:center; */padding-right:40px} #snb1result1 .wrap1>.f1 {margin:auto auto 10px;float:none;} #snb1result1 .wrap1 .tg1 .h3, #snb1result1 .wrap1 .tg1 .info1list {float:none;width:100%;} #snb1result1 .wrap1 .tg1 .info1list {margin-bottom:5px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li {float:none;width:100%;margin-left:0} } @media screen and (max-width:559px){ #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {width:calc(25% - 3.75px)} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(6n) {margin-right:5px} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(4n) {margin-right:0} } @media screen and (max-width:499px){ #snb1result1 {padding-top:15px;padding-bottom:15px;} #snb1 + #snb1result1, .result1 #snbsearch1 + #snb1result1 {height:calc(100% - 100px)} #snb1result1 .hg1 {text-align:left;padding-right:16px;} #snb1result1 .hg1 .h1 {max-width:calc(100% - 71px);white-space:inherit;} #snb1result1 .wrap1>.f1 {margin-bottom:15px;max-width:none;width:100%;height:0;padding-bottom:59.5%;overflow:hidden;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li {padding-top:3px;padding-bottom:3px;margin-left:4px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li .t1 {white-space:inherit;min-height:25px;height:auto;line-height:20px;} #snb1result1 .wrap1 .tg1 .info1list .lst1 li.tel, #snb1result1 .wrap1 .tg1 .info1list .lst1 li.time {width:100%;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li {min-width:auto;width:calc(25% - 2.25px);margin-right:3px;margin-bottom:3px;} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(3n+1), #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(6n) {margin-right:3px} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li:nth-child(4n) {margin-right:0} #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li a {font-size:14px;padding:6px 0 5px;} #snb1result1 .b1.close {top:14px;right:10px} } @media screen and (max-width:399px){ #snb1result1 .hg1 .h1 {font-size:18px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a {max-height:56px} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .f1 {width:80px;height:56px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst1 li a .t1 {width:calc(100% - 90px);padding-top:15px;padding-bottom:15px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;} } @media screen and (max-width:352px){ #snb1result1 .wrap1>.f1 {height:0;padding-bottom:56.666%} } @media screen and (max-width:349px){ #snb1result1 .wrap1 .tg1 .info1list2 .cate1 li a {font-size:13px;} } /* 시내버스 ~ 관광기념품 */ #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li {margin-top:10px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a {position:relative;display:block;background:#eff0f2;border-radius:10px;font-weight:400;color:#000;padding:20px 50px 20px 20px;box-sizing:border-box;line-height:20px;} /* #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a ㅖ{} */ #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a.on {border:2px solid #000;background:#fff;text-decoration:underline;text-underline-offset:4px;padding:18px 48px 18px 18px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a:after {position:absolute;top:50%;right:20px;content:"";display:block;width:26px;height:26px;background:url(../../img/lib2/map1_sprite.png) no-repeat -364px 0 / auto 100px;margin-top:-13px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a.on:after {right:18px;background-position:-336px 0;} /* snb1result2 */ #snb1result2 {position:relative;float:left;margin-left:-440px;border-left:1px solid #e5e3e3;opacity:0;transition:opacity .35s ease .02s;box-sizing:border-box;padding:21px 30px;width:0;height:100%;z-index:-1} #snb1result2 .h2 {position:relative;font-family:"HANAMDAUM", sans-serif;font-size:20px;font-weight:500;color:#000;line-height:1.1;/* white-space:nowrap;text-overflow:ellipsis;overflow:hidden; */padding:7px 0 20px 40px;border-bottom:1px solid #e6e6e6} #snb1result2 .h2 i.ic1 {position:absolute;top:2px;left:0;display:block;width:32px;height:32px;margin:-2px 8px 0 0;text-indent:-9999px;background:#edecec url(../../img/lib2/map1_sprite.png) no-repeat 0 0 / auto 100px;border-radius:100%;} #snb1result2 .tg1 {height:calc(100% - 50px);overflow-y:auto;} #snb1result2 .tg1 .h3 {display:block;margin-top:17px;margin-bottom:10px;font-size:17px;line-height:1.1;color:#000;font-weight:600;} #snb1result2 .tg1 .info2list {background:#f4f6f9;border-radius:10px;padding:11px 10px 11px 15px;} #snb1result2 .tg1 .info2list li {position:relative;font-size:15px;font-weight:400;color:#000;margin:4px 0;padding-left:10px;line-height:20px;} #snb1result2 .tg1 .info2list li:before {position:absolute;top:8px;left:0;content:"";display:block;width:3px;height:3px;background:#464646;border-radius:100%;} #snb1result2 .tg1 .bus2list li {position:relative;border:1px solid #d7d7d7;border-radius:20px;margin-bottom:10px;} #snb1result2 .tg1 .bus2list li:before {position:absolute;top:50%;left:13px;content:"";display:block;width:35px;height:35px;background:url(/_res/tour/img/sub/ic70a1bus.png) no-repeat 0 0 / cover;margin-top:-17.5px} #snb1result2 .tg1 .bus2list li label {position:relative;display:block;padding:18px 0} #snb1result2 .tg1 .bus2list li label .h1 {display:block;margin-left:60px;margin-right:80px;} #snb1result2 .tg1 .bus2list li label .lbl {position:absolute;top:50%;right:10px;margin-top:-17px;display:block;width:70px;height:34px;line-height:34px;border-radius:17px;background:#a5a5a5;color:#fff;text-align:center;box-sizing:border-box;font-size:14px;} #snb1result2 .tg1 .bus2list li input[type=radio] {position:absolute;top:50%;right:58px;width:17px;height:17px;margin:-8.5px 0 0;z-index:1;border-radius:100%;-webkit-appearance:none;appearance:none;} #snb1result2 .tg1 .bus2list li input[type=radio]:before {position:absolute;top:3px;left:0;content:"";display:block;width:100%;height:100%;background:#a5a5a5;} #snb1result2 .tg1 .bus2list li input[type=radio]:checked {right:53px} #snb1result2 .tg1 .bus2list li input[type=radio]:focus-visible {outline:2px dotted #000;outline-offset:2px;} #snb1result2 .tg1 .bus2list li input[type=radio]:checked:before {background:#eb4050 url(/_res/tour/img/sub/ic28a1checked.png) no-repeat 0 0 / 14px auto;} #snb1result2 .tg1 .bus2list li input[type=radio]:checked + label .lbl {padding-left:16px;background-color:#eb4050} #snb1result2 .tg1 .bus1route1 {display:none;} #snb1result2 .tg1 .bus1route1.on {display:block;padding-top:10px;} #snb1result2 .tg1 .bus1route1 .h1 {position:relative;background:#41478f;font-weight:500;color:#fff;height:60px;line-height:64px;padding:0 0 0 44px;font-size:16px;margin:0;border-radius:20px 20px 0 0} #snb1result2 .tg1 .bus1route1 .h1:before {position:absolute;top:50%;left:17px;content:"";display:block;width:17px;height:20px;background:url(/_res/tour/img/sub/ic40a1busstop.png) no-repeat 0 0 / cover;margin-top:-8px;} #snb1result2 .tg1 .bus1route1 .stops {border-radius:0 0 20px 20px;background:#fff;padding:9px 20px 15px 13px;box-sizing:border-box;border:1px solid #d7d7d7;border-top:0;} #snb1result2 .tg1 .bus1route1 .stops ol {position:relative;list-style:none;margin:0;padding:0 0 0 7px;height:180px;overflow-y:auto;} #snb1result2 .tg1 .bus1route1 .stops ol li {position:relative;border-bottom:1px solid #d9d9d9;padding:13px 0 13px 28px;line-height:1.1;margin-left:1px;} #snb1result2 .tg1 .bus1route1 .stops ol li:last-child {border-bottom:0} #snb1result2 .tg1 .bus1route1 .stops ol li:before, #snb1result2 .tg1 .bus1route1 .stops ol li:after {position:absolute;content:"";display:block;} #snb1result2 .tg1 .bus1route1 .stops ol li:after {top:0;left:0;width:3px;height:calc(100% + 1px);background:#41478f;z-index:1} #snb1result2 .tg1 .bus1route1 .stops ol li:first-child:after {top:26px;} #snb1result2 .tg1 .bus1route1 .stops ol li:first-child:after, #snb1result2 .tg1 .bus1route1 .stops ol li:last-child:after {height:calc(100% - 25px);} #snb1result2 .tg1 .bus1route1 .stops ol li .stopname {display:block;font-size:14px;margin-bottom:4px;} #snb1result2 .tg1 .bus1route1 .stops ol li .stopname em {display:inline-block;vertical-align:middle;width:30px;height:18px;font-size:10px;color:#eb4050;border-radius:9999px;box-sizing:border-box;border:1px solid #eb4050;line-height:16px;text-align:center;margin-top:-2px;margin-left:3px;} #snb1result2 .tg1 .bus1route1 .stops ol li .busid {display:block;font-size:12px;color:#a1a1a1;font-weight:400} #snb1result2 .tg1 .bus1route1 .stops ol li:before {top:50%;left:-6px;width:17px;height:17px;background:url(/_res/tour/img/sub/ic34a1bus.png) no-repeat 0 0 / cover;margin-top:-8.5px;z-index:2} #snb1result2 .tg1 .ask {position:relative;border:1px solid #F9C4CE;background:#FFEAEC;color:#080000;font-weight:400;margin-top:20px;margin-bottom:15px;padding:13px 15px 11px;border-radius:10px;} #snb1result2 .tg1 .ask .t1 {position:relative;z-index:1;font-size:15px;} #snb1result2 .tg1 .ask .a2 {position:absolute;top:9px;right:10px;background:#eb4050;color:#fff;font-size:13px;font-weight:500;letter-spacing:-.025em;width:50px;line-height:28px;text-align:center;border-radius:15px;z-index:1} #snb1result2 .tg1 .ask:hover {color:#fff;} #snb1result2 .tg1 .ask:before {position:absolute;top:-1px;left:-1px;content:"";display:block;width:calc(100% + 2px);height:calc(100% + 2px);background:#FFEAEC;border-radius:10px;opacity:0;transition:all .35s ease} #snb1result2 .tg1 .ask:hover:before {background:#eb4050;opacity:1;} #snb1result2 .tg1 .ask:hover .a2 {background-color:#fff;color:#eb4050;text-decoration:underline;text-underline-position:under;} /* 주차장 */ #snb1result2 .tg1 table {width:100%;border:0;font-size:14px;margin-top:5px;background:#fff} #snb1result2 .tg1 table {border:0;border-top:2px solid #000;font-size:15px;width:100%;margin-bottom:5px} #snb1result2 .tg1 table th, #snb1result2 .tg1 table td {border:1px solid #d0d0d0;border-right:0;text-align:center;font-weight:400;color:#333;padding:8px 0} #snb1result2 .tg1 table th:first-child, #snb1result2 .tg1 table td:first-child {border-left:0} #snb1result2 .tg1 table thead th {background:#f5f5f5;font-weight:500} /* 물품보관소 */ #snb1result2 .tg1 .storage1stat {background:#f4f6f9;border-radius:10px;padding:10px 15px 8px;font-size:14px;margin-bottom:10px;text-align:center;} #snb1result2 .tg1 .storage1stat li {position:relative;display:inline-block;vertical-align:top;color:#000;font-weight:400;width:33%;padding-left:27px;text-align:left;box-sizing:border-box;line-height:22px} #snb1result2 .tg1 .storage1stat li:before {position:absolute;top:0;left:0;content:"";display:block;width:22px;height:22px;background:url(/_res/tour/img/sub/storage1_sprite.png) no-repeat;background-size:auto 22px;border-radius:100%;} #snb1result2 .tg1 .storage1stat li:first-child {width:30%} #snb1result2 .tg1 .storage1stat li.n1:before {background-position:0 0} #snb1result2 .tg1 .storage1stat li.n2:before {background-position:-24px 0} #snb1result2 .tg1 .storage1stat li.n3:before {background-position:-48px 0} #snb1result2 .tg1 .storage1box {position:relative;overflow:hidden;margin-bottom:10px} #snb1result2 .tg1 .storage1box:before {position:absolute;content:"";display:block;width:100%;height:100%;border:1px solid #d7d7d7;border-radius:10px;box-sizing:border-box;} #snb1result2 .tg1 .storage1box ul {margin-right:-1px;margin-top:1px;overflow:hidden;border-radius:10px;} #snb1result2 .tg1 .storage1box ul li {float:left;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;width:20%;box-sizing:border-box;text-align:center;padding:9px 15px 8px;} #snb1result2 .tg1 .storage1box ul li .num {display:block;font-size:10px;font-weight:600;color:#252525;} #snb1result2 .tg1 .storage1box ul li .t1 {width:24px;height:24px;text-indent:-9999px;display:block;margin:auto;background:url(/_res/tour/img/sub/storage1_sprite.png) no-repeat;background-size:auto 24px} #snb1result2 .tg1 .storage1box ul li[data-status=사용중] .t1 {background-position:0 0} #snb1result2 .tg1 .storage1box ul li[data-status=사용가능] .t1 {background-position:-26px 0} #snb1result2 .tg1 .storage1box ul li[data-status=사용불가] .t1 {background-position:-52px 0} #snb1result2 .tg1 .storage1box ul li[data-status=사용불가] {background-color:#ebebeb} #snb1result2 .tg1 .sinfo3 {position:relative;font-size:15px;color:#000;margin:10px 0;padding-left:27px;line-height:21px;word-break:break-all;} #snb1result2 .tg1 .sinfo3:before {position:absolute;top:0;left:0;content:"!";display:block;width:22px;height:22px;background:#eb4050;border-radius:100%;text-align:center;line-height:22px;font-size:11px;color:#fff;font-family:"TmonMonsori", sans-serif;font-weight:500} /* 아이콘 */ #snb1result2 .h2 i.ic1[data-category=시내버스] {background-position:-102px -44px;} #snb1result2 .h2 i.ic1[data-category=주차장] {background-position:-136px -44px;} #snb1result2 .h2 i.ic1[data-category=충전소] {background-position:-170px -44px;} #snb1result2 .h2 i.ic1[data-category=공용화장실] {background-position:-204px -44px;} #snb1result2 .h2 i.ic1[data-category=물품보관소] {background-position:-238px -44px;} #snb1result2 .h2 i.ic1[data-category=공공wifi] {background-position:-272px -44px;} #snb1result2 .h2 i.ic1[data-category=약국] {background-position:-306px -44px;} #snb1result2 .h2 i.ic1[data-category=병원] {background-position:-340px -44px;} #snb1result2 .h2 i.ic1[data-category=야영장] {background-position:-408px -44px;} #snb1result2 .h2 i.ic1[data-category=주유소] {background-position:-442px -44px;} #snb1result2 .b3.close {display:none;position:absolute;top:23px;right:20px;width:30px;height:30px;background:#eff0f2;border-radius:100%;border:0} #snb1result2 .b3.close:before, #snb1result2 .b3.close:after {position:absolute;top:50%;left:50%;content:"";display:block;width:2px;height:16px;background:#363940;margin:-8px -1px;border-radius:2px;} #snb1result2 .b3.close:before {transform:rotate(45deg)} #snb1result2 .b3.close:after {transform:rotate(-45deg)} #wrap.result2 #snb1result2 {width:360px;margin-left:0;opacity:1;z-index:1} #wrap.result1.result2.close #sidemenu {left:-1142px;} .result1.result2 #map1wrap {padding-left:1106px;} @media screen and (max-width:1259px){ #snb1result1 .wrap1 .tg1 .info1list2 .lst2:after {content:"";display:block;clear:both;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li {float:left;width:calc(50% - 5px);box-sizing:border-box;margin-left:10px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li:nth-child(odd) {margin-left:0} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #snb1result2 {position:absolute;bottom:0;left:0;height:0;transition:height .35s ease .1s;width:100%;background:#fff;padding:21px;} #wrap.result2 #snb1result2 {width:100%;height:calc(100% - 113px);z-index:1;} #snb1result2 .h2 {padding-right:40px} #snb1result2 .tg1 .bus2list ul:after {content:"";display:block;clear:both;} #snb1result2 .tg1 .bus2list li {float:left;width:calc(50% - 5px);margin-left:10px;box-sizing:border-box;} #snb1result2 .tg1 .bus2list li:nth-child(odd) {margin-left:0} #snb1result2 .tg1 .bus2list li a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #wrap.result2 #snb1result2 .b3.close {display:block;} #wrap.result1.result2.close #sidemenu {height:80px;left:auto;} #wrap.result2.close #snb1result2 {opacity:0;} } @media screen and (max-width:999px){ #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a {padding:15px 50px 15px 15px;font-size:15px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a.on {padding:13px 48px 13px 13px;} #snb1result2 .tg1 .bus2list li label {padding:13px 0} } @media screen and (max-width:599px){ #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li {float:none;width:100%;margin-left:0;margin-top:4px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a {padding-top:12px;padding-bottom:12px;} #snb1result1 .wrap1 .tg1 .info1list2 .lst2 li a.on {padding-top:10px;padding-bottom:10px;} #wrap.result2 #snb1result2 {padding:15px;} #snb1result2 .h2 {font-size:18px;padding-bottom:16px;} #snb1result2 .tg1 .bus2list li {float:none;width:100%;margin-left:0;margin-bottom:5px;border-radius:10px;} #snb1result2 .tg1 .bus2list li label .h1 {font-size:15px;} #wrap.result2 #snb1result2 .b3.close {top:15px;} } @media screen and (max-width:499px){ #wrap.result2 #snb1result2 {height:calc(100% - 100px)} } /* 추천코스 */ #snb1result1.course1 .hg1 .h1 {white-space:inherit;} #snb1result1.course1 .info1text {position:relative;margin-bottom:50px;border-bottom:1px solid #e8e8e8;} #snb1result1.course1 .info1text .w1 {height:120px;overflow:hidden;} #snb1result1.course1 .info1text .w1:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:70px;background:linear-gradient(to top, #fff 30%, transparent);} #snb1result1.course1 .info1text p.t1 {font-size:15px;line-height:24px;margin-top:10px;font-weight:400;color:#333;} #snb1result1.course1 .info1text .b1.more1 {position:absolute;display:none;bottom:-16px;left:50%;width:80px;height:32px;border:1px solid #e8e8e8;z-index:1;box-sizing:border-box;margin-left:-40px;background:#fff;border-radius:9999px;font-size:13px;font-weight:500;color:#222;line-height:31px;} #snb1result1.course1 .info1text .b1.more1:after {content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;border:2px solid #222;box-sizing:border-box;transform:rotate(45deg);margin:-6px 0 0 8px;border-top:0;border-left:0} #snb1result1.course1 .info1text.full {margin-bottom:25px;} #snb1result1.course1 .info1text.full .w1 {height:auto;margin-bottom:30px;} #snb1result1.course1 .info1text.full .w1:after {display:none;} #snb1result1.course1 .info1text.full .b1.more1:after {transform:rotate(-135deg);margin-top:0;} #snb1result1.course1 .info1text.more .b1.more1 {display:block;} @media screen and (max-width:1259px){ #snb1result1.course1 .wrap1 .tg1 .h3, #snb1result1.course1 .info1text {float:right;width:calc(100% - 460px)} #snb1result1.course1 .info1text {margin-bottom:20px} #snb1result1.course1 .info1text .w1 {height:205px} #snb1result1.course1 .wrap1 .tg1 .info1list2 {clear:both;} } @media screen and (max-width:799px){ #snb1result1.course1 .wrap1 .tg1 .h3, #snb1result1.course1 .info1text {width:calc(100% - 350px)} #snb1result1.course1 .info1text .w1 {height:150px;} } @media screen and (max-width:699px){ #snb1result1.course1 .wrap1 .tg1 .h3, #snb1result1.course1 .info1text {float:none;width:100%;} #snb1result1.course1 .info1text {margin-bottom:30px} #snb1result1.course1 .info1text .w1 {height:150px;} } /* bgm */ #bgm1 {margin:-23px 0;width:100%;height:calc(100vh - 70px);} #bgm1 iframe {width:100%;height:100%;min-height:715px} @media screen and (max-width:1259px){ #bgm1 {height:calc(100% + 46px);overflow-y:auto;} } @media screen and (){ } /* 지도 api 영역 */ #map1wrap {position:relative;width:100%;height:100%;padding-left:420px;transition:padding .4s ease .02s;box-sizing:border-box} #map1wrap .map1cate1 {position:absolute;top:0;left:0;width:100%;height:60px;background:#fff;box-shadow:10px 10px 10px rgba(0,0,0,.1);text-align:center;transition:padding .4s ease .02s;padding:20px 0 10px 421px;box-sizing:border-box;z-index:11} #map1wrap .map1cate1 * {display:inline-block;vertical-align:top;} #map1wrap .map1cate1 .h1 {font-size:17px;font-weight:500;color:#000;margin-right:16px;} #map1wrap .map1cate1 .h1:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../../img/inc/layout_sprite.png) no-repeat -31px 0 / auto 100px;margin:-2px 5px 0 0} #map1wrap .map1cate1 .wrap1 {height:30px;} #map1wrap .map1cate1 .wrap1 .select1 {position:relative;width:132px;height:100%} #map1wrap .map1cate1 .wrap1 .select1:after {position:absolute;top:0;right:0;content:"";display:block;width:1px;height:20px;background:#e4e4e4;} #map1wrap .map1cate1 .wrap1 .select1:nth-of-type(3):after {display:none;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle {display:block;height:100%;font-weight:600;color:#636363;text-align:left;padding-left:35px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:before, #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:after {position:absolute;content:"";display:block;background:url(../../img/inc/layout_sprite.png) no-repeat;background-size:auto 100px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:before {top:2px;left:11px;width:20px;height:18px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:after {top:8px;right:15px;width:10px;height:6px;background-position:-31px -20px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle.on:after {transform:rotate(180deg)} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle.on {color:#000;font-weight:600} /* 아이콘 */ #map1wrap .map1cate1 .wrap1 .select1.n1 .b1.toggle:before {background-position:-53px 0;} #map1wrap .map1cate1 .wrap1 .select1.n2 .b1.toggle:before {background-position:-75px 0;} #map1wrap .map1cate1 .wrap1 .select1.n3 .b1.toggle:before {background-position:-97px 0;} #map1wrap .map1cate1 .wrap1 .select1.n1 .b1.toggle.on:before {background-position:-53px -20px;} #map1wrap .map1cate1 .wrap1 .select1.n2 .b1.toggle.on:before {background-position:-75px -20px;} #map1wrap .map1cate1 .wrap1 .select1.n3 .b1.toggle.on:before {background-position:-97px -20px;} #map1wrap .map1cate1 .wrap1 .select1 .cont {position:absolute;top:40px;left:0;width:100%;display:none;background:#fff;font-size:15px;border-radius:0 0 20px 20px;box-shadow:15px 15px 15px rgba(0,0,0,.1)} #map1wrap .map1cate1 .wrap1 .select1 .cont ul {display:block;padding:5px 0} #map1wrap .map1cate1 .wrap1 .select1 .cont ul li {display:block;padding:2px 0} #map1wrap .map1cate1 .wrap1 .select1 .cont ul li a {display:block;color:#000;padding:5px 0;} #map1wrap .map1cate1 .wrap1 .select1 .cont ul li.on a, #map1wrap .map1cate1 .wrap1 .select1 .cont ul li a:hover {background:#303440;color:#fff;} #map1wrap .map1cate1 .wrap1 .select1 .cont ul li.on a:before, #map1wrap .map1cate1 .wrap1 .select1 .cont ul li a:hover:before {content:"";display:inline-block;vertical-align:middle;width:10px;height:7px;background:url(../../img/inc/layout_sprite.png) no-repeat -17px -30px / auto 100px;margin:-2px 5px 0 0} #map1wrap .map1cate1 .wrap1 .select1 .cont .b1.close {position:absolute;top:-40px;left:0;width:100%;height:30px;text-indent:-9999px;} #map1wrap .map1cate1 .wrap1 .b1.search {width:42px;height:42px;border:0;margin:0;background:#eb4050 url(../../img/inc/layout_sprite.png) no-repeat -119px 0 / auto 100px;border-radius:100%;margin-top:-11px;} #map1wrap .map1cate1 .detail1 {margin:0 5px 0 25px;} #map1wrap .map1cate1 .detail1 li {margin-right:20px} #map1wrap .map1cate1 .detail1 li input[type=radio] {margin:0;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;width:22px;height:22px;background:url(../../img/inc/layout_sprite.png) no-repeat -210px 0 / auto 100px;margin-right:7px;} #map1wrap .map1cate1 .detail1 li label {font-size:15px;color:#303440;font-weight:400;margin-right:7px;} #map1wrap .map1cate1 .detail1 li input[type=radio]:checked {background-position:-186px 0;} #map1wrap .map1cate1 .detail1 li input[type=radio]:checked + label {color:#333;font-weight:600} #map1wrap .map1cate1 .b1.reset {margin:-2px 0 0;width:21px;height:23px;background:url(../../img/inc/layout_sprite.png) no-repeat -163px 0 / auto 100px;border:0;text-indent:-9999px} @media screen and (min-width:1260px){ .close #map1wrap, .close.result1 #map1wrap {padding-left:0;/* transition-delay:.1s */} .result1 #map1wrap {padding-left:746px;} .close #map1wrap .map1cate1 {padding-left:0;transition-delay:.1s} #wrap.result1 #map1wrap .map1cate1 {/* padding-left:750px; */transition-delay:.1s} #wrap.result1.close #map1wrap .map1cate1 {padding-left:0;transition-delay:.1s} } @media screen and (max-width:1499px){ #map1wrap .map1cate1 .h1 {margin-right:8px;} #map1wrap .map1cate1 .wrap1 .select1 {width:128px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle {padding-left:30px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:before {left:7px;} #map1wrap .map1cate1 .detail1 {margin-left:15px;} #map1wrap .map1cate1 .detail1 li {margin-right:10px;} } @media screen and (max-width:1449px){ #map1wrap {padding-left:387px} #map1wrap .map1cate1 {padding:15px 0 15px 407px;height:90px;} #map1wrap .map1cate1 .wrap1 {max-width:calc(100% - 210px)} #map1wrap .map1cate1 .wrap1 .select1 {width:190px;} #map1wrap .map1cate1 .detail1 {margin-left:0;margin-top:10px;} #map1wrap .map1cate1 .b1.reset {margin-top:8px} .close #map1wrap .map1cate1 {height:60px;padding-top:20px;} .close #map1wrap .map1cate1 .detail1 {margin-top:0;} .close #map1wrap .map1cate1 .b1.reset {margin-top:-2px;} } @media screen and (max-width:1259px){ #map1wrap, .result1.result2 #map1wrap {padding-left:0} #map1wrap .map1cate1 {padding:20px 0 10px;height:60px;} #map1wrap .map1cate1 form {display:block;} #map1wrap .map1cate1 .h1 {font-size:16px;margin-right:0} #map1wrap .map1cate1 .h1:before {margin-top:-3px} #map1wrap .map1cate1 .wrap1 {position:relative;max-width:none;width:calc(100% - 550px);padding-right:45px;box-sizing:border-box;z-index:1;margin-top:-3px} #map1wrap .map1cate1 .wrap1:after {content:"";display:block;clear:both;} #map1wrap .map1cate1 .wrap1 .select1 {float:left;width:33.33%;} #map1wrap .map1cate1 .wrap1 .select1:after {top:6px;} #map1wrap .map1cate1 .wrap1 .select1 .cont {top:30px} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle {line-height:30px;padding-left:35px} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:before {top:6px;left:11px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:after {top:12px;right:10px;} #map1wrap .map1cate1 .wrap1 .b1.search {position:absolute;top:50%;right:0;margin-top:-17px;width:34px;height:34px;background-size:auto 80px;background-position:-95px 0} #map1wrap .map1cate1 .detail1 {margin-top:0;margin-left:10px;margin-right:0} #map1wrap .map1cate1 .b1.reset {margin-top:-2px;} } @media screen and (max-width:999px){ #map1wrap .map1cate1 {padding-top:15px;height:90px;} #map1wrap .map1cate1 .wrap1 {width:calc(100% - 200px)} #map1wrap .map1cate1 .detail1 {margin-top:15px;margin-left:0} #map1wrap .map1cate1 .b1.reset {margin-top:13px} .close #map1wrap .map1cate1 {height:90px;padding-top:15px;} .close #map1wrap .map1cate1 .detail1 {margin-top:10px;} .close #map1wrap .map1cate1 .b1.reset {margin-top:8px} } @media screen and (max-width:699px){ #map1wrap .map1cate1 {padding-left:16px;padding-right:16px;} #map1wrap .map1cate1 .h1 {display:none} #map1wrap .map1cate1 .wrap1 {width:100%;padding-right:34px;} #map1wrap .map1cate1 .wrap1 .select1 {margin-left:10px;width:calc(33.33% - 8.66px)} #map1wrap .map1cate1 .wrap1 .select1:first-child {margin-left:0} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle {padding-left:30px;} #map1wrap .map1cate1 .wrap1 .select1 .b1.toggle:before {left:5px} #map1wrap .map1cate1 .detail1 {margin-top:10px;} #map1wrap .map1cate1 .b1.reset {margin-top:8px} } @media screen and (max-width:499px){ #map1wrap .map1cate1 {display:none;} } /* 지도선택 */ #map1wrap .btn1map {position:absolute;top:90px;right:20px;list-style:none;margin:0;padding:0;z-index:1} #map1wrap .btn1map li {float:left;width:70px;height:70px;text-align:center;margin-right:10px;} #map1wrap .btn1map li a {display:block;font-size:14px;font-weight:600;color:#9d9d9d;background:#fff;border-radius:15px;box-shadow:5px 5px 10px rgba(0,0,0,.2);height:100%;padding-top:11px;box-sizing:border-box;letter-spacing:-.075em;font-weight:500;} #map1wrap .btn1map li a:before {content:"";display:block;width:32px;height:28px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 0 / auto 100px;margin:auto auto 2px} #map1wrap .btn1map li.on a {color:#000;} #map1wrap .btn1map li.kakao.on a {background-color:#fae100} #map1wrap .btn1map li.kakao a:before {background-position:-237px -30px;} #map1wrap .btn1map li.naver a:before {background-position:-271px -30px;} #map1wrap .btn1map li.kakao.on a:before {background-position:-237px 0;} #map1wrap .btn1map li.naver.on a:before {background-position:-271px 0;} @media screen and (max-width:1449px){ #map1wrap .btn1map {top:100px;} } @media screen and (max-width:1259px){ #map1wrap .btn1map {top:70px;} } @media screen and (max-width:999px){ #map1wrap .btn1map {top:100px;right:6px;} #map1wrap .btn1map li {width:68px;height:60px;} #map1wrap .btn1map li a {font-size:13px;padding-top:8px;} } @media screen and (max-width:599px){ #map1wrap .btn1map {right:10px} #map1wrap .btn1map li {width:63px;height:53px;margin-right:6px} #map1wrap .btn1map li a {border-radius:8px;} #map1wrap .btn1map li a:before {width:22px;height:20px;background-size:auto 70px;} #map1wrap .btn1map li.kakao a:before {background-position:-166px -21px;} #map1wrap .btn1map li.naver a:before {background-position:-190px -21px;} #map1wrap .btn1map li.kakao.on a:before {background-position:-166px 0;} #map1wrap .btn1map li.naver.on a:before {background-position:-190px 0;} } @media screen and (max-width:499px){ #map1wrap .btn1map {top:15px} } /* 지도 api */ #map1wrap .map {position:relative;width:100%;height:100%;background:#a3d6eb;} /* 마커 */ #map1wrap .map1marker1 {position:absolute;z-index:10} #map1wrap .map1marker1 img {width:100%;} #map1wrap .map1marker1.acclocation {width:60px;height:80px;} #map1wrap .map1marker1.cate-marker {width:49px;height:62px;} #map1wrap .map1marker1.on {width:60px;height:80px;} @media screen and (min-width:1260px){ #map1wrap .map1marker1.cate-marker.ani {z-index:100} #map1wrap .map1marker1.cate-marker.ani img {animation:mapAni1 2s infinite;/* transform-origin:bottom; */} } @keyframes mapAni1 { 0%,100% {transform:translateY(0deg);} 10%, 30%, 50%, 70%, 90% {transform:translateY(-3px);} 20%, 40%, 60%, 80% {transform:translateY(3px);} }