@charset "utf-8"; @font-face { font-family: 'SUIT-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal;} .nanumgothic * {font-family: 'Nanum Gothic', sans-serif;} .nanumsquare { font-family: 'NanumSquare', sans-serif !important; } .taom { font-family: 'BinggraeTaom', sans-serif !important; } .goyang { font-family: 'GoyangDeogyang', sans-serif !important; } .notosans { font-family: 'Noto Sans KR', sans-serif; } .scoredream_el { font-family: 'S-CoreDream-2ExtraLight', sans-serif; } .scoredream_r { font-family: 'S-CoreDream-4Regular', sans-serif; } .scoredream_b { font-family: 'S-CoreDream-6Bold', sans-serif; } .scoredream_eb { font-family: 'S-CoreDream-7ExtraBold', sans-serif; } .scoredream_hvy { font-family: 'S-CoreDream-8Heavy', sans-serif; } .scoredream_bl { font-family: 'S-CoreDream-9Black', sans-serif; } /* 초기화 */ html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; } body {margin:0;padding:0;height:100%;font-family: "SUIT", "Noto Sans KR", Noto Sans KR, sans-serif;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} #hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none} ul,li,ol{list-style:none;padding:0;margin:0} legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-size:1em} button , input[type=submit]{cursor:pointer} input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;} textarea, select {font-size:1em;font-family:dotum} textarea {border-radius:0;-webkit-appearance:none} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a:link, a:visited {text-decoration:none} a:hover, a:focus, a:active {text-decoration:none} /* 이미지 마우스 오버 */ .imgswap img:first-child {display:inline-block; } .imgswap img:last-child {display:none; } .imgswap:hover img:first-child {display:none; animation:opacity_img_revers 1s } .imgswap:hover img:last-child {display:inline-block; animation:opacity_img 1s } @keyframes opacity_img { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes opacity_img_revers { 0% {opacity: 1;} 100% {opacity: 0;} } .imghover img:hover {-webkit-filter: grayscale(80%); filter: grayscale(80%); } .img_scale img:hover { animation:pingpong_img 0.4s forwards } .img_scale img:not(:hover) { animation:pingpong_img_revers 0.4s forwards } @keyframes pingpong_img { 0% { transform:scale(1); /* default */ -webkit-transform:scale(1); /* 크롬 */ -moz-transform:scale(1); /* FireFox */ -o-transform:scale(1); /* Opera */ } 100% { transform:scale(1.05); /* default */ -webkit-transform:scale(1.05); /* 크롬 */ -moz-transform:scale(1.05); /* FireFox */ -o-transform:scale(1.05); /* Opera */ } } @keyframes pingpong_img_revers { 0% { transform:scale(1.05); /* default */ -webkit-transform:scale(1.05); /* 크롬 */ -moz-transform:scale(1.05); /* FireFox */ -o-transform:scale(1.05); /* Opera */ } 100% { transform:scale(1); /* default */ -webkit-transform:scale(1); /* 크롬 */ -moz-transform:scale(1); /* FireFox */ -o-transform:scale(1); /* Opera */ } } .text_enter:hover { animation:text_enter_event 0.7s forwards } /*.text_enter:not(:hover) { animation:text_enter_event_revers 0.4s forwards }*/ @keyframes text_enter_event { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;} } @keyframes text_enter_event_revers { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;} } .img_moving img { animation:mbottom 4s ease-in Infinite Alternate; } @keyframes mbottom { 0% { margin-bottom: 0px; } 25% { margin-bottom: -15px; } 50% { margin-bottom: -0px; } 75% { margin-bottom: 15px; } 100% { margin-bottom: 0px; } } .img_moving2 img { animation:mright 4s ease-in Infinite Alternate; } @keyframes mright { 0% { margin-right: 0px; } 25% { margin-right: 5px; } 50% { margin-right: 0px; } 75% { margin-right: -5px; } 100% { margin-right: 0px; } } .img_moving3 img { animation:mleft 3s ease-in Infinite Alternate; } @keyframes mleft { 0% { margin-left: 0px; } 25% { margin-left: 10px; } 50% { margin-left: 0px; } 75% { margin-left: 10px; } 100% { margin-left: 0px; } } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops_con {width:100% !important;overflow:auto} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ #hd {width:100%;background:#fff;position:relative;} #hd #hd_wr{max-width:1000px;margin:0 auto;width:100%;position:relative;} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {text-align:left;} #logo a{margin-top:0px;display:inline-block} #hd_sch_open{display:none} #hd_sch {text-align:center;} #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #hd_sch form {position:relative;background:#ececec;border-radius:0px} #hd_sch form:after {display:block;visibility:hidden;clear:both;content:""} #hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;} #hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#dfdfdf;border-radius:0 5px 5px 0 ;color:#fff;vertical-align:middle;cursor:pointer;width:40px} #hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;} #sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666} #hd_nb {clear:both;background:#ecf0f7;text-align:center} #hd_nb li {display:inline-block} #hd_nb li:nth-last-of-type(1) {border-right:0 !important} #hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none} /* 공통 스타일 */ .fs085 {font-size:0.85em;} /* 스타일 가이드 */ .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} .fs26 {font-size:26px;} .fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs32 {font-size:32px;} .fs34 {font-size:34px;} .fs36 {font-size:36px;} .fs38 {font-size:38px;} .fs40 {font-size:40px;} .fs42 {font-size:42px;} .fs44 {font-size:44px;} .fs46 {font-size:46px;} .fs48 {font-size:48px;} .fs50 {font-size:50px;} .fs52 {font-size:52px;} .fs54 {font-size:54px;} .fs56 {font-size:56px;} .fs58 {font-size:58px;} .fs60 {font-size:60px;} .fs62 {font-size:62px;} .fs64 {font-size:64px;} .fs66 {font-size:66px;} .fs68 {font-size:68px;} .fs70 {font-size:70px;} .fs72 {font-size:72px;} .fs74 {font-size:74px;} .fs76 {font-size:76px;} .fs78 {font-size:78px;} .fs80 {font-size:80px;} .fs82 {font-size:82px;} .fs84 {font-size:84px;} .fs86 {font-size:86px;} .fs88 {font-size:88px;} .fs90 {font-size:90px;} .fs92 {font-size:92px;} .fs94 {font-size:94px;} .fs96 {font-size:96px;} .fs98 {font-size:98px;} .fs100 {font-size:100px;} .fw100 {font-weight:100;} .fw200 {font-weight:200;} .fw300 {font-weight:300;} .fw400 {font-weight:400;} .fw500 {font-weight:500;} .fw600 {font-weight:600;} .fw700 {font-weight:700;} .fw800 {font-weight:800;} .fw900 {font-weight:900;} .main_modal_popup {background:rgba(0,0,0,0.6);width:100%;height:100vh; } .main_color0 {color:#000;} .main_color1 {color:#FFF;} .main_color2 {color:#535353;} .main_color3 {color:#ff0000;} .main_color4 {color:#fb6000;} .main_color5 {color:#ebebeb;} .button1 {padding:20px 60px; background:#ff0000; color:#fff; border-radius:40px; transition:background 0.3s;} .button1:hover {background:#000; color:#fff; } /* 스타일 가이드 끝 */ /***************************************************************/ /* 스타일 작업 시작 */ body { background:transparent;} body, html {width: 100%;} #wrap {background: transparent; text-align: center; } *, *:after, *:before {box-sizing: border-box; padding:0; margin:0;} img { display:inline-block; font-size: 0;} /* header, .main_silde {width: 100%;} */ a {text-decoration: none; color:#000;} a:hover { color:#2eb6aa;} input, select, textarea {font-family: "SUIT", 'noto sans KR', sans-serif;} body { -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; } /* header 메뉴 */ header {z-index: 202; width: 100%; margin: 0 auto; flex-wrap: wrap;display:flex;justify-content: center;align-items: center;position:fixed; height:0; top: 10em} /* header:after { left:0; right:0; margin: 0 auto;justify-content: center;align-items: center;display: flex;content:''; top: 100px; position:absolute; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);} */ header h1 {z-index: 16;flex-basis: content;text-align: left;} header h1 a { height: 5.69em;} header h1 img { max-height:100%; filter: brightness(0) grayscale(1) invert(1);} header h1 .yes-scroll { display:none;} header h1 a { display: inline-block;} header .box_inner { z-index:202; position: relative;display:flex; max-width: 96%; padding: 0px 20px 0 20px; width: 100%; height: 0px;justify-content: space-between; align-items: end;} /*모바일용메뉴*/ .nav_md { width: 100%; height: 100%; top:0; right:0; position: fixed; z-index: 10; background-color: #e40050; background-image: linear-gradient(42deg, #e40050 48%, #e95219 77%); } .nav_md_wrap { position:absolute; height: 100%; width: 100%; } .nav_md_wrap>ul {position: absolute; width:100%; top:50%; transform: translate(-50%, -50%); left:50%; font-size: 1.5em; max-width: 1140px; padding-left:3em; padding-right:3em; } .nav_md_wrap>ul>li>a { font-size: 1.3em; font-weight: 600; padding: 0.5em 0 1em 0; } .nav_md_wrap>ul>li img { max-height:100%;} .nav_md ul a { position:relative; padding: 0.5em 0px; display: block; text-align: left; color:#fff;} .nav_md ul img { opacity: 0.48;} .nav_md li a:hover img { opacity: 1;} .nav_md_bg { background-position: center center; background-repeat: no-repeat; width:100%; height:100%; } .nav_md .inner-box { left:50%; bottom:7vh; transform: translateX(-50%); font-weight: 600; position: absolute; max-width: 1920px; width:100%; height:0px; z-index:3; } /* 메뉴 스크롤 시 */ .menu-scroll .view-nav i { background-color:#e1251b} .menu-scroll h1 { opacity: 0;} .menu-scroll ~ footer .foo-box { display:none;} /* 메뉴 스크롤 검정 */ .menu-black h1 img { filter:none;} .menu-black .view-nav i { background-color:#e1251b} .menu-black ~ footer .foo-box { color:#616161;} /* 모바일메뉴보기 버튼 */ header .nav-head { width: 40px; height:40px; position: absolute; top: -5.5em; right:20px;} header .view-nav {z-index:1; position: absolute; top: 0px; right: 0px; width: 2.2em; height: 40px; display: block; } header .view-nav span { position: absolute; top: -9999px; left: -9999px; } header .view-nav i { position: absolute; right:0; display: block; width: 100%; height: 3px; border-radius: 1em; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .view-nav i:nth-child(1) { top: 8px;; width: 70%;} header .view-nav i:nth-child(2) { top: 19px; width: 50%; } header .view-nav i:nth-child(3) { top: 30px;/* width: 50%; */ } header .view-nav:hover i:nth-child(1) {width: 100%; } header .view-nav:hover i:nth-child(2) {width: 100%; } header .view-nav.open {-webkit-transform: rotate(45deg);transform: rotate(45deg); } header .view-nav.open i {width: 36px;height: 3px; } header .view-nav.open i:nth-child(1) {top: 50%;left: 0; } header .view-nav.open i:nth-child(2) {top: 50%;left: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg); } header .view-nav.open i:nth-child(3) { opacity: 0; } /* header .view-nav.open:hover i:nth-child(2) {width: 30px; } */ .container {background: transparent; margin: 0 auto; text-align: center;} .scroll-box-normal {position:relative; width: 100%; height: 100vh; overflow: auto;} /*.list_hide {z-index: 1000000; width: 100%; background: rgba(0,0,0,0.3); position: fixed; top:0px; right:0px; height: 100% }*/ /*메인상단 슬라이드 뒷배경*/ .scroll-box-1 .ls-slide-backgrounds { background-repeat: no-repeat; background-position: center center; background-size: 138.2vw auto; position:absolute; left:0; top:0; width: 100%; height: 100vh; overflow:hidden;} .scroll-box-1 .ls-slide-backgrounds img { position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); height: auto; max-width:100%; } .scroll-box-1 .scroll-box-1-1 { display:flex; justify-content: center; align-items: center; width:100%; height:100%; z-index: 4;} .scroll-box-1 { position:relative; width: 100%; height: 100vh;background:#181425;} .scroll-box-1 .inner-box { font-weight: 600; position: relative; max-width: 1920px; transform: translateY(50%);width:100%; height:0px; z-index:3; } .scroll-box-1 .txt-rt-box { width:100%; font-size: 1.15vw; line-height: 1.6em; position: absolute; top:9.3vw; left:0; padding-left:59.8vw; text-align: left; color:#fff;} .scroll-box-1 .scroll-arrow { width:5em; height: 4em; max-width: 1840px; transform: translateX(-50%); left:50%; line-height: 1.6em; position: absolute; top:39vh; text-align: center; color:#fff;} .scroll-box-1 .scroll-arrow .ls-icon { text-align: center; width:100%; height:100%; position: relative; display:inline-block; vertical-align: middle; } .scroll-box-1 .scroll-arrow .ls-icon:after { width:100%; height:100%; position: absolute; content:''; left:50%; top:50%; transform: translate(-50%, -50%); background-size: 85% auto; background-position: center center; background-repeat: no-repeat; transition: background 0.3s;} .scroll-box-1 .scroll-arrow span { font-size: 1; width:1px; color:transparent} .scroll-box-1 .scroll-arrow:hover .ls-icon:after {background-size: 100% auto;} /*메인 product*/ .scroll-box-4 { position:relative; width: 100%; height: 100vh; overflow: hidden; } .scroll-box-4 .inner-box { display:flex; height:100vh; user-select: none;} .scroll-box-4 .map-box { flex: 1 1 auto;} .scroll-box-4 .map-list { display:flex; flex:1 1 auto; height:100%; background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%); background-size: 377px 100%; background-position: left top; } .scroll-box-4 .map-head { position: absolute; top:0; left: 0; display:block; z-index:30; width: 377px; padding: 69px 30px 20px 30px;} .scroll-box-4 .map-panel { width: 377px; padding-top: 468px; height:100%; display:flex; flex-direction: column; z-index:26; padding-bottom: 30px;} .scroll-box-4 .map-sub-panel { width: 377px; z-index:20; position: relative; height:100%; background-color: #e40050; background-image: linear-gradient(50deg, #e40050 0%, #e95219 100%);} .scroll-box-4 .map-sub-inner { height:100%; display:flex; flex-direction: column; flex: 0 0 auto; } .scroll-box-4 .map-info-box { position: absolute; top:0; bottom:0; z-index: 200; height:100%; min-width: 377px; background-color: transparent;} .scroll-box-4 .spot-view-info::-webkit-scrollbar { width:6px;} .scroll-box-4 .spot-view-info::-webkit-scrollbar-thumb { border-radius: 3px; background:#a0a0a0;} .scroll-box-4 .spot-view-info::-webkit-scrollbar-track-piece { border-radius: 3px; background:#eeeeee;} .scroll-box-4 .spot-box::-webkit-scrollbar { width:6px;} .scroll-box-4 .spot-box::-webkit-scrollbar-thumb { border-radius: 3px; background:#a0a0a0;} .scroll-box-4 .spot-box::-webkit-scrollbar-track-piece { border-radius: 3px; background:#eeeeee;} .scroll-box-4 .map-panel .img-area { border-radius: 1.3em; overflow: hidden; min-width: 113px; width: 113px; height: 113px;} .scroll-box-4 .map-panel .img-area img { object-fit: cover; width:100%; height:100%; object-position: center center;} .scroll-box-4 .map-panel .txt-area { padding-left: 15px; width:100%;} .scroll-box-4 .map-panel .map-spot-view { display:none; padding-top: 0.3em; padding-bottom: 1em; border-bottom:1px solid #fff; margin-right:10px; margin-left: 20px; min-height: 4.5em; height: 4.5em; font-size: 1em; color:#fff; border-top-left-radius: 2em; border-top-right-radius: 2em; overflow: hidden;} .scroll-box-4 .map-panel .map-spot-view i { display:inline-block; width: 30px; height:4px; border-radius: 1em; background:#dcdcdc;} .scroll-box-4 .map-panel .map-spot-view p { padding: 0.5em 0;} .scroll-box-4 .ls-head { padding-left: 1em; padding-right:1em; padding-bottom: 2.5em;} .scroll-box-4 .ls-head img { max-width:100%;} .scroll-box-4 .ls-head .head-md { display:none;} .scroll-box-4 .ls-cate {border-top:2px solid #fff; border-bottom:1px solid rgba(255,255,255, 0.4)} .scroll-box-4 .ls-cate ul { display:flex; flex-wrap: wrap; justify-content: start; align-items: stretch; margin-right:-0.5em; overflow: hidden; padding:1em 0 0.5em 0;} .scroll-box-4 .ls-cate li { width: calc(20% - 0.5em); margin-right:0.5em; padding: 0.3em 0;} .scroll-box-4 .ls-cate i { position: relative; border:1px solid #fff; border-radius: 5em; display:inline-block; height:2.8em; width:2.8em; text-align: center; font-style: normal;} .scroll-box-4 .ls-cate i span { vertical-align: middle; display:inline-block; line-height:2.8em; } .scroll-box-4 .ls-cate i img { max-width:100%; filter: brightness(0) grayscale(1) invert(1); } /* .scroll-box-4 .ls-cate .ls-icon:after { width:56%; height:70%; position: absolute; content:''; left:50.5%; top:50%; transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat;} */ .scroll-box-4 .ls-cate p { padding-top: 0.2em;} .scroll-box-4 .ls-cate a { display:block; color:#fff;} .scroll-box-4 .ls-cate a:hover i, .scroll-box-4 .ls-cate a.active i { color:#e1251b; background:#fff;} .scroll-box-4 .ls-cate a:hover i img, .scroll-box-4 .ls-cate a.active i img { filter:none; } .scroll-box-4 .spot-box { overflow-y:hidden auto ; color:#fff; text-align: left; padding-bottom: 30px; } .scroll-box-4 .spot-view-box { color:#fff; text-align: left; padding-bottom: 30px; flex-wrap: wrap; display:flex; flex:1 1 auto; height:100%; width:100%; } .scroll-box-4 .spot-list .sub-txt { color:#c9c9c9; padding-top: 0.5em; } .scroll-box-4 .spot-list .name-txt { display:block; padding: 0.5em 0 0.3em; font-size: 1.2em;} .scroll-box-4 .spot-list { color:#fff; text-align: left; width:100%; display: flex; align-items: stretch; padding: 11px 35px} .scroll-box-4 .spot-view .image-area { position: relative;} .scroll-box-4 .spot-view em {font-style: normal; } .scroll-box-4 .spot-view { display: flex; flex-direction: column; padding-top: 350px; height:100%; } .scroll-box-4 .spot-view-info { overflow:hidden auto; padding-left: 30px; padding-right:30px; padding-bottom: 30px; width:100%; max-width:380px; } .scroll-box-4 .ls-local { display: block; width:100%; padding: 67px 30px 0px 30px; position: absolute; left:0; top:0; z-index:100} .scroll-box-4 .ls-local .txt-area { padding: 1.5em 5px;} .scroll-box-4 .ls-local .sub-txt { color:#c9c9c9; padding-bottom: 0.0em; font-size: 1.5em;} .scroll-box-4 .ls-local .name-txt { display:block; font-size: 2.2em;} .scroll-box-4 .ls-local .eng-txt { font-size: 1.1em;} .scroll-box-4 .img-local { border-bottom:2px solid #fff; padding-bottom: 2.28em; } .scroll-box-4 .spot-view-full { text-align: center; display:none; padding-top: 0.3em; width:100%; padding-bottom: 1em; margin-right:10px; margin-left: 20px; min-height: 4.5em; height: 4.5em; color:#fff; border-top-left-radius: 2em; border-top-right-radius: 2em; overflow: hidden;} .scroll-box-4 .spot-view-full i { display:inline-block; width: 30px; height:4px; border-radius: 1em; background:#dcdcdc;} .scroll-box-4 .spot-view-full p { font-size: 1px; height:1px; color:transparent} .scroll-box-4 .image-box { overflow: hidden; width:100%; height:200px;} #slide1_img_view { position:absolute; width:100%; height:200px; margin-top:-200px; } .scroll-box-4 .image-box img { width:100%; height:200px; object-fit: cover; } .scroll-box-4 .image-count { position: absolute; bottom:10px; font-weight:600; left: 50%; transform: translateX(-50%);} .scroll-box-4 .img-slide { position: relative; width:100%; } .scroll-box-4 .image-paging { position: absolute; inset:0px; z-index:10; width:100%; height:100%; pointer-events:none;} .scroll-box-4 .image-paging button {border:1px solid red; background-color:transparent; border:none; top:50%; transform: translateY(-50%); bottom:0; width: 40px; height:30px; pointer-events: auto; mask-image:none; color:transparent; font-size: 1px; line-height:1px; display:inline-block; overflow: hidden; position: absolute; background-size: contain; background-position: center center; background-repeat: no-repeat;} .scroll-box-4 .image-paging .slide-left { left:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='76.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='4px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M38.000,75.477 L0.523,38.000 L38.000,0.523 '/%3E%3C/svg%3E"); } .scroll-box-4 .image-paging .slide-right { transform: translateY(-50%) rotate(180deg); right:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='76.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='4px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M38.000,75.477 L0.523,38.000 L38.000,0.523 '/%3E%3C/svg%3E"); } #conbox_spot {height:100%; } .scroll-box-4 .spot-li .ls-icon {left:0; position: absolute; width:1.2em; height:1em; display:inline-block; vertical-align: middle; } .scroll-box-4 .spot-li .ls-icon:after { width:100%; height:100%; position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); background-size: 85% auto; background-position: left center; background-repeat: no-repeat;} .scroll-box-4 .spot-li .ls-icon-01 { height: 1.15em;} .scroll-box-4 .spot-li a { color:#fff;} .scroll-box-4 .spot-li a:hover { text-decoration: underline;} .scroll-box-4 .spot-li li { padding-right: 40px; padding-left: 2em; position: relative; padding-bottom:0.5em; word-break:break-all; } .scroll-box-4 .spot-li span {vertical-align: top; line-height:0.9em; } .scroll-box-4 .spot-li span a {word-break: break-all;} .scroll-box-4 .spot-info { position: relative; padding: 20px 0px 20px 10px;} .scroll-box-4 .ls-shape li { margin-bottom: 0.3em; display:inline-block; padding-right: 0.5em; position: relative; word-break: keep-all;} .scroll-box-4 .ls-shape li:after { content:''; position: absolute; bottom:0; left:0; width:100%; height:1px; background-color: #fff;} .scroll-box-4 .ls-shape { padding-top:1em; font-weight:600; font-size: 1.2em;} .scroll-box-4 .ls-shape ul {flex-wrap: wrap; display:flex; justify-content: start;} .scroll-box-4 .ls-share {position: absolute; right:0; top:20px; } .scroll-box-4 .ls-share span { color:transparent; font-size:1px; width:1px;} .scroll-box-4 .ls-share .ls-icon { margin-right: 0.4em; position: relative; width:1.6em; height:1.6em; display:inline-block; vertical-align: middle; } .scroll-box-4 .ls-share .ls-icon:after { width:100%; height:100%; position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); background-size: 85% auto; background-position: left center; background-repeat: no-repeat;} .scroll-box-4 .ls-intro { padding-top: 1em; line-height: 1.8em; word-break:break-all; } .scroll-box-4 .spot-close { z-index:203; width: 40px; height:40px; right:20px; top: 75px; position: absolute;} .scroll-box-4 .view-spot {z-index:1; position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; display: block; -webkit-transform: rotate(45deg);transform: rotate(45deg);} .scroll-box-4 .view-spot span { font-size:1px; width:1px; position: absolute; top: -9999px; left: -9999px; } .scroll-box-4 .view-spot i { position: absolute; right:0; display: block; width: 24px; height: 2px; border-radius: 1em; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .scroll-box-4 .view-spot i:nth-child(1) { top: 50%;left: 20%;} .scroll-box-4 .view-spot i:nth-child(2) { top: 50%;left: 20%;-webkit-transform: rotate(90deg);transform: rotate(90deg); } .scroll-box-4 .map-full-box { position: relative; height:100%; } .scroll-box-4 .map-location { position: relative; z-index:0; height:100%;} .scroll-box-4 .spot-point .sub-txt { color:#c9c9c9; padding-top: 0.5em; } .scroll-box-4 .spot-point .name-txt { display:block; padding: 0.5em 0 0.3em; font-size: 1.2em;} .scroll-box-4 .spot-point { position: absolute; display:inline-block;} .scroll-box-4 .spot-point.active img { filter: brightness(0) grayscale(1) invert(1);} .scroll-box-4 .spot-point.active {z-index:50; background:rgba(230,0,25,0.4); padding: 12px; border-radius: 5em; } .scroll-box-4 .spot-point.active a { display:block; background:#e60019; padding: 12px;border-radius: 5em; } .scroll-box-4 .spot-point.active:before {z-index:-1; border-radius: 50%; background:rgba(230,0,25,0.2); left:50%; top:50%; transform: translate(-50%, -50%); content:''; position: absolute; width:130%; height:130%; } .scroll-box-4 .spot-pop { position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; } .scroll-box-4 .spot-pop .pop-inner { position:relative; color:#fff; text-align: left; width: 100%; display: flex; align-items: stretch; padding: 20px; border-top-right-radius: 10em; border-bottom-right-radius: 10em; background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%);} .scroll-box-4 .spot-pop .img-area { border-radius: 1.3em; overflow: hidden; min-width: 113px; width: 113px; height: 113px;} .scroll-box-4 .spot-pop .img-area img { object-fit: cover; width:100%; height:100%; object-position: center center;} .scroll-box-4 .spot-pop .txt-area { display:flex; flex-direction: column; padding-left: 15px; width:100%;} .scroll-box-4 .spot-pop .sub-txt { color:#c9c9c9; padding-top: 0.3em; } .scroll-box-4 .spot-pop .name-txt { display:block; padding-top: 0.2em; font-size: 1.2em;} .scroll-box-4 .spot-pop .ls-more { max-width: 9em; font-size: 0.95em; display:inline-block; text-align: center; margin-top:auto; border-radius: 2em; border:1px solid #fff; color:#fff; padding:2px 10px 4px 10px;} .scroll-box-4 .spot-pop .ls-more:hover { background:#fff; color:#e60019} .scroll-box-4 .spot-pop .pop-con { position: absolute; top:calc(50% + 0px); left:calc(50% + 180px); transform: translateX(-50%); width: 86%; max-width: 355px; padding-top: 5px; padding-right: 30px; height: 150px;} .scroll-box-4 .pop-close { width: 40px; height:40px; right:0px; top: 0px; position: absolute;} .scroll-box-4 .view-pop {z-index:1; position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; display: block; -webkit-transform: rotate(45deg);transform: rotate(45deg);} .scroll-box-4 .view-pop:before { content:''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 98%; height:98%; border-radius: 3em; background:#e50451;} .scroll-box-4 .view-pop span { position: absolute; top: -9999px; left: -9999px; } .scroll-box-4 .view-pop i { position: absolute; right:0; display: block; width: 24px; height: 2px; border-radius: 1em; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .scroll-box-4 .view-pop i:nth-child(1) { top: calc(50% - 2px);left: 18%;} .scroll-box-4 .view-pop i:nth-child(2) { top: calc(50% - 2px);left: 18%;-webkit-transform: rotate(90deg);transform: rotate(90deg); } /* 241213추가 */ .scroll-box-4 .map-search { margin:0.8em 8px 2.45em 8px;background:#fff; border-radius: 2em; overflow:hidden; } .scroll-box-4 .map-search input { width: calc(100% - 3em); padding: 0.76em; border:none; text-align: left; } .scroll-box-4 .map-search input::placeholder{ color:#a0a0a0} .scroll-box-4 .map-search button { position: relative; right: 5px; width: 1.8em; height:1.8em; border:none; background:transparent;} .scroll-box-4 .map-search button svg { width:100%; height:100%;} /* 소개 */ .scroll-box-2 { overflow:auto; margin:0 auto; min-height:100vh; height:100%; background:#fcfcfd; position: relative; background-color: #e40050; background-image: linear-gradient(50deg, #e40050 0%, #e95219 100%);} .scroll-box-2 .con-bg { z-index: 19; background-position: center center; background-repeat: no-repeat; width:100%; height:100%; position: absolute; } .scroll-box-2 .com-box-01 { position: relative; z-index:20; margin:0 auto; display:flex; align-items: center; height:100%; padding-top: 10em; padding-bottom: 5vh; max-width: 1440px; padding-left:30px; padding-right:30px;} .scroll-box-2 .con-box-01 { text-align: left; display:flex; justify-content: center; align-items: stretch; color: #fff; } .scroll-box-2 .ls-lt-box { position: relative; text-align: center; width:50%; padding: 0 5%;} .scroll-box-2 .ls-lt-box p { position: relative; z-index:33; text-align: left; padding-top: 1em; font-size:1.75em; font-weight:800;} .scroll-box-2 .ls-lt-box .ls-img-01 img { max-width:100%;} .scroll-box-2 .ls-lt-box .ls-img-02 { left:-690px; top: 45%; z-index: 19; background-position: center center; background-size: contain; background-repeat: no-repeat; width:866px; height:969px; position: absolute; } .scroll-box-2 .ls-lt-box .inner-box { max-width: 461px; margin:0 auto; width:90%; } .scroll-box-2 .ls-rt-box { width:50%; padding: 0 3.5%; z-index:33;} .scroll-box-2 .ls-rt-box p { font-size: 1.3em; padding-bottom:1.4em; line-height: 1.6em;} /* 문의 */ .scroll-box-3 { overflow:auto; margin:0 auto; min-height:100vh; height:100%; position: relative; } .scroll-box-3 .com-box-01 { position: relative; z-index:20; margin:0 auto; display:flex; align-items: center; height:100%; padding-top: 10em; padding-bottom: 5vh; max-width: 1440px; padding-left:30px; padding-right:30px;} .scroll-box-3 .con-box-01 { text-align: left; display:flex; justify-content: center; align-items: stretch;} .scroll-box-3 .ls-lt-box { position: relative; text-align: center; width:50%; padding: 0 5%;} .scroll-box-3 .ls-lt-box p { position: relative; z-index:33; text-align: left; padding-top: 1em; font-weight:500; line-height: 1.6em; font-size:1.6em;} .scroll-box-3 .ls-lt-box .ls-img-01 img { max-width:100%;} .scroll-box-3 .ls-lt-box .ls-img-02 { left:-690px; top: 45%; z-index: 19; background-position: center center; background-size: contain; background-repeat: no-repeat; width:866px; height:969px; position: absolute; } .scroll-box-3 .ls-lt-box .inner-box { max-width: 461px; margin:0 auto; width:90%; } .scroll-box-3 .ls-rt-box { width:50%; padding: 0 3.5%; z-index:33;} .scroll-box-3 .ls-rt-box p { font-size: 1.3em; padding-bottom:1.4em; line-height: 1.6em;} .scroll-box-3 .dl-box-01 { width: 100%; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: center;} .scroll-box-3 .dl-box-01 dl { text-align: left; width: 100%; line-height: 1.2em; position: relative; padding: 1em 0 1.3em 0;} .scroll-box-3 .dl-box-01 dt { display: block; font-size: 1.4em; font-weight:500; padding-bottom:1em;} .scroll-box-3 .dl-box-01 dd .ls-txt-01 { color: #b5b5b6; padding-top: 0.5em;} .scroll-box-3 .dl-box-01 dd { display: block;} .scroll-box-3 .dl-box-01 .ls-dup { width: 47%;} .scroll-box-3 .dl-box-01 .ls-dup:nth-child(2n) { margin-left: auto;} .scroll-box-3 .dl-box-01 .dd-input-01 { display: flex; align-items: center;} .scroll-box-3 .dl-box-01 .dd-input-01 input[type=text] { max-width: 50%; margin-right: 5px;} .scroll-box-3 .dl-box-01 .dd-input-01 input:last-of-type { margin-left: auto; margin-left: 5px; margin-right: 0;} .scroll-box-3 .dl-box-01 input[type=text], .scroll-box-3 .con-box-01 textarea, .scroll-box-3 .con-box-01 select { font-size: 1.2em; border: 1px solid #d5d5d5; width: 100%; padding: 0.8em 1em;} .scroll-box-3 .dl-box-01 ::placeholder { color:#a0a0a0; font-size: 0.8em; } .scroll-box-3 .input-check-box { display:flex; align-items: center;} .scroll-box-3 .input-check-box .in-check { display:flex; align-items: center;} .scroll-box-3 .input-check-box a { color:#e62b35; padding: 0 1em;} .scroll-box-3 .input-check-box span { padding-left:0.3em; display:inline-block; vertical-align: middle;} .scroll-box-3 .input-check-box .ls-view { padding-top: 0.1em;} .scroll-box-3 .ls-txt-01 { margin-left: auto; color:#a0a0a0;} .scroll-box-3 .ls-btn { padding-top: 3em; text-align: center; } .scroll-box-3 .ls-btn a { font-weight:600; color:#fff; text-align: center; background:#e62b35; font-size: 1.2em; max-width:8.5em; width:100%; padding: 0.7em 0em 0.7em 0.1em; z-index: 2; display:inline-block;border-radius: 4em;} .scroll-box-3 .ls-btn .ls-icon:after { filter: brightness(0) grayscale(1) invert(1); position: relative; top:-0.1em; content: ''; margin-left: 0.5em; color: #00acd5; vertical-align: middle; display:inline-block; width: 1.15em; height:1em; background-size: contain; background-position: right center; background-repeat: no-repeat;} .scroll-box-3 .ls-btn a:hover { background:#000; color:#fff;} .scroll-box-3 .ls-hg-01 { height: 7em;} /* 카카오맵 인포 오버레이 스타일 */ .label { font-size:12px; position:relative; z-index:-1; bottom:40px; background:#da4a44; color:#fff; border:1px solid #fff; border-radius:3px; padding:2px 3px; z-index:-1; } .label * {display: inline-block;vertical-align: top;} .clearfix { clear: both} .vr-center { width: 100%; text-align:center;position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); } .head-line .text { padding-bottom: 150px;color:#0b3775; font-size: 3rem; position: relative; font-weight: 600; letter-spacing: -0.5px;} .head-line .text:after { z-index:5;content:''; width: 1px; height: 65px; position: absolute; left:50%; top: 100px;transform: translate(-50%, 0); background:#000; } sup { font-size: 0.5em;} .bgc-01 { background-color:#da4a44;} .bgc-02 { background-color:#2eb6aa;} .bgc-03 { background-color:#a8cc07;} .bgc-04 { background-color:#2478ad;} .bgc-05 { background-color:#595757;} .bgc-06 { background-color:#90c31f;} .bgc-07 { background-color:#000000;} .bgc-08 { background-color:#fff;} .fc-01 { color:#da4a44} .fc-02 { color:#2eb6aa} .fc-03 { color:#e60012} .fc-04 { color:#ed7e1c} .fc-05 { color:#acacac} .fn-01 { font-family: 'Russo One', 'Noto Sans KR', sans-serif!important; font-weight:400; } .fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; } .fs-01 { font-weight: 300;} /*푸터*/ /* sns + top */ /* .scroll-sns-top { z-index:203; position:fixed; height:0px; bottom:14vh; width: 100%; left:50%; transform: translateX(-50%); max-width: 1860px; padding-left:20px; padding-right:20px; } */ .scroll-sns-top .sns-box { position: absolute; right:20px; bottom:0;} .scroll-sns-top ul { display:flex; } .scroll-sns-top li { padding-left: 10px; position: relative;} .scroll-sns-top li a { font-size:1px; color: transparent; position: relative; width: 40px; height: 40px; display:block; background-color:#e62b35; border-radius: 30px; } .scroll-sns-top li i { width: 100%; height:100%;} .scroll-sns-top li i:after { filter: brightness(0) grayscale(1) invert(1); width:100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); content:''; position: absolute; background-size: 70% auto; background-repeat: no-repeat; background-position: center center;} .scroll-sns-top li i.ls-icon-22:after { background-size: 60% auto;} .scroll-sns-top li i.ls-icon-23:after { background-size: 60% auto;} footer { z-index:201; position:fixed; height:0px; bottom:7vh; width: 100%; left:50%; transform: translateX(-50%); max-width: 1840px; padding-left:20px; padding-right:20px; } .foo-box { font-weight:600; position: absolute; left:0; bottom: 0; color:#fff; text-align: left; } .foo-box .sns-box { padding-bottom:1.5em; opacity: 0;} .foo-box .sns-box ul { display:flex; } .foo-box .sns-box li { padding-right:10px; position: relative;} .foo-box .sns-box li a { font-size:1px; color: transparent; position: relative; width: 30px; height: 30px; display:block; background-color:#fff; border-radius: 30px; } .foo-box .sns-box li i { width: 100%; height:100%;} .foo-box .sns-box li i:after { width:100%; height:100%; left:50%; top:50%; filter:none; transform: translate(-50%, -50%); content:''; position: absolute; background-size: 70% auto; background-repeat: no-repeat; background-position: center center;} .foo-box .sns-box li i.ls-icon-22:after { background-size: 60% auto;} .foo-box .sns-box li i.ls-icon-23:after { background-size: 60% auto;} .foo-box .txt-bt-box { padding-left:20px; padding-right:20px; line-height: 1.6em; font-size: 0.85em } .foo-box .txt-bt-box p~p { padding-top: 1em; font-weight:normal} .ptb25 { padding: 25px 0;} .pt170 { margin-top: 170px;} .ptb50 { padding: 50px 0;} .pb20 { padding-bottom:20px;} .pb100 { padding-bottom:100px;} .fs09e { font-size: 0.9em } .fs12e { font-size: 1.2em } .fs08e { font-size: 0.8em } .wd1700 { max-width: 1700px;} .wdauto { width: auto;} .wd12p { width: 12%;} .wd30p { width: 30%;} .wd20p { width: 20%;} .wd15p { width: 15%;} .container {font-size: 0.85rem;} .container * { word-break: keep-all;} .d-lg-none { display:none;} /* pc 용 감추기 */ .d-sm-view { display:none;} .con-head { } /* 서브 컨텐츠 제목 */ .con-head h2 { font-size: 1.4em; opacity: 0.4; font-weight:500;} .con-head p { letter-spacing: -0.01em; font-size: 2.3em; padding-top: 0.3em; font-weight: 800;} .con-head+.con-head { padding-top: 70px;} .ls-tab-01 a { color:#bfbfbf; display:block; padding: 15px 0;} .ls-tab-01 a:hover, .ls-tab-01 a.active{ color:#000; } .ls-tab-02 a {display:block; color:#c8c8c8; padding: 10px 0; } .ls-tab-02 a:hover, .ls-tab-02 a.active{ color:#ed2124; } .ls-tab-02 a:hover span, .ls-tab-02 a.active span { border-bottom:1px solid #ed2124; font-weight:600; } .ls-icon-01:after {/*지도*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.672,3.260 C11.464,-0.004 6.264,-0.004 3.056,3.260 C-0.151,6.525 -0.151,11.817 3.056,15.082 L8.864,20.992 L14.672,15.082 C17.879,11.817 17.879,6.525 14.672,3.260 ZM6.477,11.600 C5.159,10.259 5.159,8.083 6.477,6.742 C7.795,5.400 9.933,5.400 11.251,6.742 C12.570,8.083 12.570,10.259 11.251,11.600 C9.933,12.942 7.795,12.942 6.477,11.600 Z'/%3E%3C/svg%3E"); } .ls-icon-02:after {/*전화*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.760,20.675 C14.796,20.587 13.964,20.368 13.151,20.069 C11.211,19.354 9.489,18.269 7.895,16.969 C5.674,15.157 3.819,13.032 2.414,10.531 C1.686,9.232 1.138,7.865 0.881,6.388 C0.802,5.940 0.839,5.541 1.088,5.146 C2.003,3.698 3.057,2.369 4.380,1.264 C4.464,1.194 4.558,1.135 4.649,1.071 C5.168,0.705 5.582,0.768 6.126,1.170 C6.225,1.242 6.311,1.339 6.382,1.439 C7.233,2.636 8.051,3.855 8.696,5.179 C8.837,5.468 8.944,5.776 9.046,6.082 C9.171,6.458 9.095,6.820 8.826,7.102 C8.504,7.441 8.151,7.752 7.797,8.059 C7.342,8.457 7.330,8.453 7.573,9.017 C8.608,11.424 10.351,13.103 12.800,14.060 C13.014,14.143 13.149,14.138 13.304,13.940 C13.593,13.571 13.913,13.226 14.230,12.881 C14.645,12.431 15.155,12.291 15.715,12.549 C16.422,12.874 17.130,13.209 17.798,13.604 C18.588,14.070 19.339,14.600 20.101,15.112 C20.423,15.328 20.618,15.638 20.712,16.016 C20.764,16.223 20.748,16.418 20.642,16.594 C20.504,16.824 20.367,17.060 20.191,17.259 C19.053,18.547 17.735,19.619 16.246,20.479 C16.071,20.579 15.869,20.632 15.760,20.675 Z'/%3E%3C/svg%3E"); } .ls-icon-03:after {/*홈페이지*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.897,8.694 L13.003,1.271 C11.901,0.235 10.098,0.235 8.996,1.271 L1.103,8.694 C0.001,9.730 0.351,10.578 1.882,10.578 L3.717,10.578 L3.717,15.567 C3.717,17.060 4.969,18.282 6.500,18.282 L15.500,18.282 C17.031,18.282 18.283,17.060 18.283,15.567 L18.283,10.578 L20.118,10.578 C21.648,10.578 21.999,9.730 20.897,8.694 Z'/%3E%3C/svg%3E"); } .ls-icon-04:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-05:after {/*식당*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='43px' height='38px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.708,9.107 C36.495,9.107 36.284,9.118 36.076,9.139 C32.694,3.479 26.603,-0.015 20.000,-0.015 C13.422,-0.015 7.329,3.470 3.943,9.107 L2.708,9.107 L-0.000,9.107 L-0.000,37.977 L2.708,37.977 L4.708,37.977 L7.417,37.977 L7.417,32.764 C10.846,35.885 15.308,37.642 20.000,37.642 C25.248,37.642 30.188,35.439 33.708,31.647 L33.708,37.977 L39.708,37.977 L39.708,23.652 C41.728,22.555 43.000,20.445 43.000,18.103 L43.000,15.425 C43.000,11.942 40.177,9.107 36.708,9.107 ZM2.708,35.969 L2.000,35.969 L2.000,11.116 L2.708,11.116 L2.708,35.969 ZM5.417,35.969 L4.708,35.969 L4.708,11.116 L5.417,11.116 L5.417,35.969 ZM20.000,35.633 C15.162,35.633 10.603,33.538 7.417,29.893 L7.417,9.107 L6.329,9.107 C9.451,4.684 14.538,1.994 20.000,1.994 C25.713,1.994 31.002,4.917 34.076,9.694 C32.676,10.346 31.551,11.494 30.936,12.918 C28.837,9.009 24.724,6.346 20.000,6.346 L20.000,8.354 C25.743,8.354 30.416,13.046 30.416,18.813 C30.416,24.581 25.743,29.273 20.000,29.273 C14.256,29.273 9.583,24.581 9.583,18.813 L7.583,18.813 C7.583,25.688 13.153,31.281 20.000,31.281 C25.674,31.281 30.461,27.435 31.937,22.206 C32.430,22.782 33.022,23.279 33.708,23.652 L33.708,28.469 C30.567,32.958 25.469,35.633 20.000,35.633 ZM41.000,18.103 C41.000,19.857 39.952,21.422 38.330,22.088 L37.708,22.343 L37.708,35.969 L35.708,35.969 L35.708,22.343 L35.087,22.088 C33.464,21.422 32.416,19.857 32.416,18.103 L32.416,15.425 C32.416,13.049 34.341,11.116 36.708,11.116 C39.075,11.116 41.000,13.049 41.000,15.425 L41.000,18.103 Z'/%3E%3C/svg%3E"); } .ls-icon-06:after {/*카페*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='44px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.090,10.238 C37.411,10.238 35.929,9.392 35.046,8.109 C32.261,14.581 25.797,19.129 18.284,19.129 C8.234,19.129 0.058,10.996 0.058,0.999 L0.058,-0.000 L36.509,-0.000 L36.509,0.999 C36.509,1.083 36.498,1.163 36.496,1.247 C37.250,0.775 38.135,0.491 39.090,0.491 C41.791,0.491 43.989,2.677 43.989,5.365 C43.989,8.052 41.791,10.238 39.090,10.238 ZM2.099,1.999 C2.619,10.430 9.680,17.130 18.284,17.130 C26.888,17.130 33.948,10.430 34.468,1.999 L2.099,1.999 ZM39.090,2.491 C37.496,2.491 36.200,3.780 36.200,5.365 C36.200,6.949 37.496,8.239 39.090,8.239 C40.683,8.239 41.979,6.949 41.979,5.365 C41.979,3.780 40.683,2.491 39.090,2.491 ZM36.569,22.000 L-0.002,22.000 L-0.002,20.001 L36.569,20.001 L36.569,22.000 Z'/%3E%3C/svg%3E"); } .ls-icon-07:after {/*숙박*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='39px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M38.875,16.646 L38.875,33.533 L41.666,33.533 L41.666,38.910 L0.333,38.910 L0.333,33.533 L3.125,33.533 L3.125,16.646 C1.373,16.454 -0.000,14.971 -0.000,13.154 L-0.000,0.927 L42.000,0.927 L42.000,13.154 C42.000,14.971 40.627,16.454 38.875,16.646 ZM2.333,35.550 L2.333,36.894 L39.666,36.894 L39.666,35.550 L38.875,35.550 L3.125,35.550 L2.333,35.550 ZM36.875,33.533 L36.875,16.261 C36.553,16.089 36.253,15.882 36.000,15.622 C35.364,16.277 34.478,16.684 33.500,16.684 C32.521,16.684 31.636,16.277 31.000,15.622 C30.364,16.277 29.479,16.684 28.500,16.684 C27.521,16.684 26.636,16.277 26.000,15.622 C25.364,16.277 24.479,16.684 23.500,16.684 C22.521,16.684 21.636,16.277 21.000,15.622 C20.364,16.277 19.478,16.684 18.500,16.684 C17.521,16.684 16.636,16.277 16.000,15.622 C15.364,16.277 14.478,16.684 13.500,16.684 C12.521,16.684 11.636,16.277 11.000,15.622 C10.364,16.277 9.479,16.684 8.500,16.684 C7.521,16.684 6.636,16.277 6.000,15.622 C5.747,15.882 5.447,16.089 5.125,16.261 L5.125,33.533 L36.875,33.533 ZM40.000,2.944 L2.000,2.944 L2.000,13.154 C2.000,13.988 2.673,14.667 3.500,14.667 C4.327,14.667 5.000,13.988 5.000,13.154 L7.000,13.154 C7.000,13.988 7.673,14.667 8.500,14.667 C9.327,14.667 10.000,13.988 10.000,13.154 L12.000,13.154 C12.000,13.988 12.673,14.667 13.500,14.667 C14.327,14.667 15.000,13.988 15.000,13.154 L17.000,13.154 C17.000,13.988 17.673,14.667 18.500,14.667 C19.327,14.667 20.000,13.988 20.000,13.154 L22.000,13.154 C22.000,13.988 22.673,14.667 23.500,14.667 C24.327,14.667 25.000,13.988 25.000,13.154 L27.000,13.154 C27.000,13.988 27.673,14.667 28.500,14.667 C29.327,14.667 30.000,13.988 30.000,13.154 L32.000,13.154 C32.000,13.988 32.673,14.667 33.500,14.667 C34.327,14.667 35.000,13.988 35.000,13.154 L37.000,13.154 C37.000,13.988 37.673,14.667 38.500,14.667 C39.327,14.667 40.000,13.988 40.000,13.154 L40.000,2.944 ZM24.750,29.415 L17.250,29.415 L17.250,20.339 L24.750,20.339 L24.750,29.415 ZM22.750,22.356 L19.250,22.356 L19.250,27.398 L22.750,27.398 L22.750,22.356 Z'/%3E%3C/svg%3E"); } .ls-icon-08:after {/*문화*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='36px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.961,0.824 L0.973,13.133 L0.973,35.848 L15.940,35.848 L15.940,26.298 C15.940,24.132 17.744,22.371 19.961,22.371 C22.179,22.371 23.983,24.132 23.983,26.298 L23.983,35.848 L38.949,35.848 L38.949,13.133 L19.961,0.824 ZM36.925,33.871 L26.007,33.871 L26.007,26.298 C26.007,23.043 23.295,20.394 19.961,20.394 C16.628,20.394 13.916,23.043 13.916,26.298 L13.916,33.871 L2.997,33.871 L2.997,14.194 L19.961,3.197 L36.925,14.194 L36.925,33.871 Z'/%3E%3C/svg%3E"); } .ls-icon-09:after {/*디자인샵*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='39px' viewBox='0 0 39 39' preserveAspectRatio='xMinYMin meet'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.831,23.855 L19.831,25.508 L21.806,25.508 L21.806,31.842 L20.186,35.119 L16.246,35.119 L16.246,38.954 L8.673,38.954 L8.673,35.119 L4.789,35.119 L3.184,31.690 L3.184,25.508 L5.159,25.508 L5.159,23.855 C1.912,21.475 -0.011,17.687 -0.011,13.614 C-0.011,6.640 5.599,0.966 12.495,0.966 C19.391,0.966 25.000,6.640 25.000,13.614 C25.000,17.687 23.078,21.475 19.831,23.855 ZM10.662,36.942 L14.256,36.942 L14.256,35.119 L10.662,35.119 L10.662,36.942 ZM5.173,28.575 L10.908,28.575 L10.908,30.587 L5.173,30.587 L5.173,31.238 L6.048,33.107 L8.673,33.107 L16.246,33.107 L18.956,33.107 L19.817,31.366 L19.817,27.520 L5.173,27.520 L5.173,28.575 ZM12.495,2.978 C6.696,2.978 1.979,7.749 1.979,13.614 C1.979,17.193 3.744,20.511 6.702,22.489 L7.148,22.787 L7.148,25.508 L17.842,25.508 L17.842,22.787 L18.288,22.489 C21.245,20.511 23.011,17.193 23.011,13.614 C23.011,7.749 18.294,2.978 12.495,2.978 ZM7.103,13.211 L8.509,11.788 L10.599,13.900 L16.651,7.780 L18.057,9.202 L10.599,16.745 L7.103,13.211 Z'/%3E%3C/svg%3E"); } .ls-icon-10:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-11:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-12:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-13:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-14:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M36.421,28.750 C33.353,28.750 30.630,30.215 28.883,32.482 L19.768,28.042 C19.946,27.306 20.051,26.541 20.051,25.750 C20.051,24.534 19.818,23.375 19.410,22.303 L29.190,15.900 C30.941,17.948 33.528,19.250 36.421,19.250 C41.694,19.250 45.970,14.941 45.970,9.625 C45.970,4.309 41.694,-0.000 36.421,-0.000 C31.148,-0.000 26.872,4.309 26.872,9.625 C26.872,10.585 27.016,11.509 27.275,12.384 L17.255,18.944 C15.527,17.203 13.140,16.125 10.503,16.125 C5.229,16.125 0.954,20.434 0.954,25.750 C0.954,31.066 5.229,35.375 10.503,35.375 C13.571,35.375 16.294,33.910 18.041,31.643 L27.156,36.083 C26.977,36.819 26.872,37.584 26.872,38.375 C26.872,43.691 31.148,48.000 36.421,48.000 C41.694,48.000 45.970,43.691 45.970,38.375 C45.970,33.059 41.694,28.750 36.421,28.750 Z'/%3E%3C/svg%3E"); } .ls-icon-21:after {/*cacao*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='56px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M27.997,43.889 C26.221,43.889 24.484,43.758 22.799,43.510 C19.697,45.602 12.508,50.451 12.025,50.770 C11.410,51.174 10.473,51.193 10.854,49.684 C11.160,48.468 12.696,42.783 13.281,40.616 C5.309,36.748 -0.001,29.833 -0.001,21.945 C-0.001,9.824 12.534,-0.000 27.997,-0.000 C43.460,-0.000 55.995,9.824 55.995,21.945 C55.995,34.065 43.460,43.889 27.997,43.889 ZM17.225,15.220 C15.207,15.220 8.460,15.165 8.460,15.165 C6.769,15.168 6.775,17.905 8.464,17.905 L11.346,17.905 C11.346,17.905 11.364,25.753 11.349,27.581 C11.353,28.916 14.347,28.934 14.343,27.601 L14.356,18.007 C14.356,18.007 15.321,18.014 17.223,18.015 C19.015,18.015 19.016,15.222 17.225,15.220 ZM28.097,26.909 C27.288,24.789 24.487,17.160 23.976,16.079 C23.741,15.579 22.896,15.221 22.078,15.221 C21.401,15.221 20.741,15.466 20.460,16.079 C19.751,17.628 17.190,24.939 16.340,26.879 C15.724,28.281 18.376,29.424 18.991,28.022 L19.568,26.023 L24.841,26.023 C24.841,26.023 24.659,26.105 25.360,27.938 C25.927,29.420 28.665,28.392 28.097,26.909 ZM36.045,25.751 C34.690,25.751 32.218,25.737 32.218,25.737 C32.218,25.737 32.230,18.329 32.226,16.529 C32.224,15.659 31.446,15.224 30.668,15.224 C29.886,15.224 29.105,15.662 29.107,16.537 C29.112,19.022 29.121,27.031 29.121,27.031 C29.121,27.031 28.890,28.622 30.266,28.622 C31.643,28.622 34.698,28.608 36.052,28.608 C37.406,28.608 37.399,25.751 36.045,25.751 ZM47.777,26.571 L43.743,21.302 C43.743,21.302 46.481,18.366 47.560,17.302 C48.190,16.682 46.240,14.734 45.611,15.356 C45.000,15.956 40.711,20.214 40.711,20.214 C40.711,20.214 40.749,17.540 40.709,16.062 C40.694,15.501 40.000,15.230 39.289,15.230 C38.530,15.230 37.752,15.541 37.768,16.141 C37.798,17.231 37.732,27.085 37.733,27.815 C37.734,28.968 40.692,28.965 40.692,27.813 C40.691,26.475 40.692,23.936 40.692,23.936 L41.561,23.246 L45.360,28.385 C46.128,29.389 48.545,27.575 47.777,26.571 ZM22.257,18.413 L23.861,23.394 L20.518,23.394 L22.257,18.413 Z'/%3E%3C/svg%3E"); } .ls-icon-22:after {/*insta*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='374px' height='374px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M372.808,264.421 C372.808,284.670 369.235,297.771 364.471,309.682 C359.706,321.592 353.751,332.311 343.032,343.031 C332.311,353.751 321.592,359.706 309.681,364.472 C297.770,369.236 284.669,371.618 264.420,372.810 C244.171,374.000 238.217,374.000 187.000,374.000 C135.783,374.000 129.829,374.000 109.580,372.810 C89.331,372.810 76.230,369.236 64.319,364.472 C52.408,359.706 41.689,353.752 30.969,343.031 C20.249,332.311 14.294,321.592 9.529,309.682 C4.765,297.771 2.382,284.670 1.191,264.421 C0.000,244.171 0.000,238.218 0.000,187.001 C0.000,135.784 0.000,129.829 1.191,109.580 C1.191,89.332 4.765,76.231 9.529,64.320 C14.294,52.408 20.249,41.689 30.969,30.969 C41.689,20.249 52.408,14.294 64.319,9.530 C76.230,4.765 89.331,2.383 109.580,1.192 C129.829,0.000 135.783,0.000 187.000,0.000 C238.217,0.000 244.171,0.000 264.420,1.192 C284.669,1.192 297.770,4.765 309.681,9.530 C321.592,14.294 332.311,20.249 343.032,30.969 C353.751,41.689 359.706,52.408 364.471,64.320 C369.235,76.231 371.618,89.332 372.808,109.580 C374.000,129.829 374.000,135.784 374.000,187.001 C374.000,238.218 374.000,244.171 372.808,264.421 ZM339.458,110.771 C339.458,92.905 335.885,83.377 333.502,76.231 C329.929,67.893 326.357,61.938 319.210,54.791 C313.254,47.644 306.108,44.070 297.770,40.498 C291.815,38.116 281.096,35.734 263.229,34.543 C242.980,33.351 237.026,33.351 187.000,33.351 C136.975,33.351 131.019,33.351 110.771,34.543 C92.905,34.543 83.377,38.116 76.230,40.498 C67.892,44.070 61.937,48.835 54.790,54.791 C47.644,60.746 44.070,67.893 40.498,76.231 C38.115,82.186 35.733,92.905 34.542,110.771 C33.351,131.021 33.351,136.975 33.351,187.001 C33.351,237.026 33.351,242.981 34.542,263.229 C34.542,281.096 38.115,290.623 40.498,297.771 C44.070,306.109 48.835,312.064 54.790,319.210 C60.746,326.356 67.892,329.930 76.230,333.503 C82.185,335.885 92.905,338.267 110.771,339.459 C131.019,340.649 136.975,340.649 187.000,340.649 C237.026,340.649 242.980,340.649 263.229,339.459 C281.096,339.459 290.624,335.885 297.770,333.503 C306.108,329.930 312.063,326.356 319.210,319.210 C326.357,313.254 329.929,306.109 333.502,297.771 C335.885,291.815 338.267,281.096 339.458,263.229 C340.649,242.981 340.649,237.026 340.649,187.001 C340.649,136.975 340.649,131.021 339.458,110.771 ZM287.050,109.580 C274.552,109.580 264.420,99.448 264.420,86.950 C264.420,74.451 274.552,64.320 287.050,64.320 C299.549,64.320 309.681,74.451 309.681,86.950 C309.681,99.448 299.549,109.580 287.050,109.580 ZM187.000,283.478 C133.401,283.478 90.522,240.600 90.522,187.001 C90.522,133.402 133.401,90.523 187.000,90.523 C240.599,90.523 283.478,133.402 283.478,187.000 C283.478,240.600 240.599,283.478 187.000,283.478 ZM187.000,125.065 C152.458,125.065 125.064,152.460 125.064,187.001 C125.064,221.542 152.458,248.937 187.000,248.937 C221.541,248.937 248.936,221.542 248.936,187.001 C248.936,152.460 221.541,125.065 187.000,125.065 Z'/%3E%3C/svg%3E");} .ls-icon-23:after {/*youtube*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M26.454,0.979 L4.545,0.979 C2.586,0.979 0.983,2.623 0.983,4.632 L0.983,18.322 C0.983,20.331 2.586,21.975 4.545,21.975 L26.454,21.975 C28.413,21.975 30.017,20.331 30.017,18.322 L30.017,4.632 C30.017,2.623 28.413,0.979 26.454,0.979 ZM12.410,16.804 L12.410,6.150 L20.265,11.477 L12.410,16.804 Z'/%3E%3C/svg%3E"); } .ls-icon-24:after {/*arrow*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.509,0.158 C20.317,-0.038 20.007,-0.038 19.815,0.158 L10.683,9.523 L1.552,0.158 C1.360,-0.038 1.049,-0.038 0.857,0.158 C0.665,0.355 0.665,0.674 0.857,0.871 L10.683,10.947 L20.509,0.871 C20.701,0.674 20.701,0.355 20.509,0.158 Z'/%3E%3C/svg%3E"); } /* 개인정보 처리방침 레이어 */ .layer_popup {position:fixed;top:0;left:0;width:100%; height:100vh;background:rgba(255,255,255,0.9);z-index:1000;display:none; overflow:scroll;} .layer_popup .inner {width:100%;max-width:1640px; margin:0 auto; } .layer_popup .inner .box {padding:0 20px;} .layer_popup .inner .close_top {text-align:right; margin-top:45px;} .layer_popup .inner .close_top .imgbox {cursor:pointer;} .layer_popup .inner .con {width:100%; max-width:1400px; margin:0 auto; margin-top:5%; line-height:30px; } .layer_popup .inner .con .inbox {padding:20px;} /* PC 사이즈 */ @media all and (min-width : 1920px) { .scroll-box-1 .ls-slide-backgrounds { background-size: 2664px auto;} } @media all and (min-width : 1921px) { .scroll-box-1 .txt-rt-box { font-size: 1.5em; padding-left: 1160px; top: 180px } /* .scroll-box-2 .ls-lt-box .ls-img-02 { left: -400px; bottom:-200;} */ } @media all and (min-width : 1685px) { } @media all and (max-width : 1440px) { .scroll-page-top { right: 20px;} /* .scroll-box-2 .ls-lt-box .ls-img-02 */ } @media all and (max-width : 1280px) { /* .container { font-size: 1rem;} */ header { top:8em;} .nav_md_wrap>ul>li { height: 5em; } .nav_md_wrap>ul>li a { height:100%;} .scroll-box-2 .ls-lt-box { width: 40%;} .scroll-box-2 .ls-rt-box { width: 60%; font-size: 0.95em} .scroll-box-2 .ls-lt-box p { font-size: 1.5em;} .scroll-box-3 .ls-lt-box { width: 40%;} .scroll-box-3 .ls-rt-box { width: 60%; font-size: 0.95em} .scroll-box-3 .ls-lt-box p { font-size: 1.4em;} .scroll-box-3 .ls-lt-box p br { display:none;} } /* 패드류 기본 */ @media all and (min-width : 769px) and (max-width : 1024px) { } @media all and (max-width : 1024px){ header .d-md-none { display:none;} header .d-lg-none { display: block;} header { top: 6em; } header h1 a { height: 4.69em;} header .view-nav { scale: 0.8; } header .nav-head { top:-4.5em;} .scroll-box-1 .scroll-arrow { width: 4em;} .scroll-box-2 .com-box-01 { padding-top: 2em;} .scroll-box-2 .ls-lt-box { padding-left:0; width: 30%; padding-right: 0%} .scroll-box-2 .ls-rt-box { width: 70%; font-size: 0.8em} .scroll-box-2 .ls-lt-box p { font-size: 1.1em;} .scroll-box-3 .com-box-01 { padding-top: 2em;} .scroll-box-3 .ls-lt-box { padding-left:0; width: 30%; padding-right: 0%} .scroll-box-3 .ls-rt-box { width: 70%; font-size: 0.8em} .scroll-box-3 .ls-lt-box p { font-size: 1.1em;} } @media all and (max-width : 1023px){ /* .container { font-size: 0.8em;} */ header { top: 5em;} header .nav-head { top:-4em;} header h1 a { height: 3.69em;} } @media all and (max-width : 820px){ } @media all and (max-width : 768px){ /* header h1 img { height: 35px; } */ /* .nav_md_wrap>ul { font-size: 0.75em; } .nav_md_wrap ul ul { font-size: 1.1em;} */ .container { font-size: 0.7em;} /* .con-head { font-size: 0.8em;} .con-head p { font-size: 2.1em } */ header .view-nav { scale: 0.6; } header .nav-head { top: -3em; } header { top: 4em;} header h1 a { height: 2.69em;} .d-md-none { display: none!important;} /* pc 용 감추기 */ .d-lg-none { display:block;} /* mobile 용 보여주기 */ .scroll-box-1 .ls-slide-backgrounds { background-size: 768px auto; padding-left: 40px; padding-right:40px; background-position: center center; } .scroll-box-1 .ls-slide-backgrounds img { max-width: calc(100% - 54px); width: auto; max-height: 90%; } .scroll-box-1 .txt-bt-box { display:none;} .scroll-box-1 .txt-rt-box { display:none; top: 0; padding-left:6%; padding-right:6%; font-size: 1em;} .scroll-box-1 .inner-box { max-width: 662px; padding-left: 40px; padding-right:40px;} .scroll-box-1 .scroll-arrow { top:41vh; } .scroll-box-1 .scroll-arrow .ls-icon:after { width: 3em; height: 3em; } .scroll-box-4 .map-sub-panel { width: 320px;} .scroll-box-4 .map-panel { width: 320px; padding-top: 340px;} .scroll-box-4 .map-head { padding-left: 20px; padding-right:20px; width: 320px;} .scroll-box-4 .spot-list { padding-left: 20px; padding-right:20px;} .scroll-box-4 .ls-local {padding-left: 20px; padding-right:20px;} .scroll-box-4 .spot-view { padding-top: 290px;} .scroll-box-4 .spot-view-info {padding-left: 20px; padding-right:20px;} .scroll-box-4 .ls-head { padding-left:2em; padding-right:2em;} .scroll-box-4 .img-local img { height: 81px } .scroll-box-4 .spot-close { top: 50px;} .scroll-box-4 .spot-pop .img-area { min-width:80px; width: 80px; height: 80px;} .scroll-box-4 .spot-pop .txt-area { font-size: 0.9em; padding-left: 10px;} .scroll-box-4 .spot-pop .pop-con { width: 280px;} .scroll-box-4 .spot-pop .pop-inner { padding: 10px;} .scroll-box-4 .pop-close { scale: 0.55} .scroll-box-4 .ls-cate p { font-size:0.7em; padding-top:0.7em;} .scroll-sns-top { opacity: 0;} .footer .txt-bt-box { font-size: 0.7em; } .footer .sns-box { opacity: 1;} .footer .copyright { display:none;} footer { display:none;} .nav_md .txt-bt-box { font-size: 0.7em; } .nav_md_wrap>ul>li { height: 3.4em;} .nav_md_wrap>ul>li>a { padding: 0.2em 0;} .nav_md_wrap>ul {top: 43%; width: 80%; max-width: 210px; padding-left:0; padding-right:0;} .nav_md_bg { background-size: 1200px auto; background-position: 59% -220px;} .nav_md .sns-box { opacity: 1;} .nav_md_wrap>ul>li img { max-width:100%;} .nav_md .copyright { display:none;} .scroll-box-2 { min-height:100vh; height:100%;} .scroll-box-2 .com-box-01 { padding-left: 20px; padding-right:20px; padding-top: 12em} .scroll-box-2 .con-bg { min-height:100vh; background-position: center -200px; background-size: 1102px auto; } .scroll-box-2 .con-box-01 { flex-wrap:wrap; } .scroll-box-2 .ls-lt-box .inner-box { position: relative; text-align: left; width:100%; margin:0; z-index:10} .scroll-box-2 .ls-rt-box { width:100%; padding-left:0; padding-right:0; padding-top: 7em; } .scroll-box-2 .ls-lt-box { text-align: left; width:100%; padding:0;} .scroll-box-2 .ls-lt-box .ls-img-02 { display:none; left:0; z-index:9; width: 450px;} .scroll-box-2 .ls-img-01 { max-width: 220px} .scroll-box-2 .ls-lt-box p { font-size: 1.15em;} .scroll-box-3 { min-height:100vh; height:100%;} .scroll-box-3 .com-box-01 { padding-left: 20px; padding-right:20px; padding-top: 12em} .scroll-box-3 .con-box-01 { flex-wrap: wrap; } .scroll-box-3 .ls-lt-box .inner-box { position: relative; text-align: left; width:100%; margin:0; z-index:10} .scroll-box-3 .ls-rt-box { width:100%; padding-left:0; padding-right:0; padding-top: 5em; } .scroll-box-3 .ls-lt-box { text-align: left; width:100%; padding:0;} .scroll-box-3 .ls-img-01 { max-width: 220px} .scroll-box-3 .ls-lt-box p { font-size: 1.15em;} .scroll-box-3 .ls-lt-box p br { display:block;} .scroll-box-3 .ls-hg-01 { height: 12em;} .scroll-box-3 .dl-box-01 .ls-dup { width:100%;} /* 모바일 높이 고정 */ } /* 모바일사이즈 기본 */ @media all and (max-width : 640px){ .scroll-box-4 .map-info-box { position:relative;} .scroll-box-4 .map-sub-panel {z-index:30; position: absolute; right:0;} } @media all and (max-width : 540px){ .d-sm-none { display:none;} .d-sm-view { display:block;} .scroll-box-4 .map-info-box { width:100%; position: initial; height:auto; } .scroll-box-4 .map-list { background-size: 100%; background:none;} /* .scroll-box-4 .map-panel { padding-bottom:0; padding-right: 10px; border-top-left-radius: 1.4em; border-top-right-radius: 1.4em; width:100%; padding-top:0; position: absolute; bottom: calc(-100% + 214px); height: calc(100% - 165px); background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%); transition: bottom 0.3s;} */ /* 241213수정 */ .scroll-box-4 .map-panel { padding-bottom:0; padding-right: 10px; border-top-left-radius: 1.4em; border-top-right-radius: 1.4em; width:100%; padding-top:0; position: absolute; bottom: calc(-100% + 214px); height: calc(100% - 230px); background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%); } /* 241213완료 */ .scroll-box-4 .map-panel.active { bottom:0; } .scroll-box-4 .map-panel .img-area { min-width: 145px; width: 145px; height: 145px;} .scroll-box-4 .map-panel .txt-area { font-size: 1.2em; padding-left:20px;} .scroll-box-4 .spot-list { padding: 8px 20px 8px 20px;} .scroll-box-4 .spot-box { padding-top: 10px;} .scroll-box-4 .map-panel .map-spot-view { display:block;} /* .scroll-box-4 .map-head { padding-top: 21px; width:100%; top: 0px; height: 165px; padding-left: 20px; padding-right:20px; background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%);} */ /* 241213수정 */ .scroll-box-4 .map-head { padding-top: 21px; width:100%; top: 0px; height: 230px; padding-left: 20px; padding-right:20px; background-color: #e40050; background-image: linear-gradient(45deg, #e40050 33%, #e95219 77%);} /* 241213완료 */ .scroll-box-4 .ls-head img { width: 52.95px; filter: brightness(0) grayscale(1) invert(1); } .scroll-box-4 .ls-head .head-md { display:block;} .scroll-box-4 .ls-head .head-lg { display:none;} .scroll-box-4 .ls-head {text-align: left; padding-bottom:1.5em; padding-left:0; padding-right:0;} .scroll-box-4 .ls-cate { border-bottom:0;} .scroll-box-4 .ls-cate ul { width:calc(100% + 20px); flex-wrap: nowrap; overflow: auto;} .scroll-box-4 .ls-cate li { min-width: 4.2em; max-width: 10%;} .scroll-box-4 .ls-cate ul::-webkit-scrollbar { height: 3px} .scroll-box-4 .ls-cate ul::-webkit-scrollbar-thumb { border-radius: 3px; background:#a0a0a0;} .scroll-box-4 .ls-cate ul::-webkit-scrollbar-track-piece { border-radius: 3px; background:#eeeeee;} .scroll-box-4 .spot-view-full { display:block; position:relative; z-index:300; } /* .scroll-box-4 .map-sub-panel { width:100%; left:0; padding-bottom:0; padding-right: 10px; border-top-left-radius: 1.4em; border-top-right-radius: 1.4em; bottom: -100%; height: calc(100% - 165px); transition: bottom 0.3s; } */ /* 241213수정 */ .scroll-box-4 .map-sub-panel { width:100%; left:0; padding-bottom:0; padding-right: 10px; border-top-left-radius: 1.4em; border-top-right-radius: 1.4em; bottom: -100%; height: calc(100% - 230px); } /* 241213완료 */ .scroll-box-4 .map-sub-panel.active { bottom:0; } .scroll-box-4 .spot-view-info { padding-right:5px;} .scroll-box-4 .img-local img { height: 60px;} .scroll-box-4 .img-local { padding-bottom: 2em;} .scroll-box-4 .ls-local .txt-area { padding: 1.5em 0; font-size: 0.75em;} .scroll-box-4 .ls-local { padding-top: 35px;} .scroll-box-4 .spot-view { padding-top: 165px;} .scroll-box-4 .ls-local .eng-txt { font-size:1.4em;} .scroll-box-4 .spot-info { padding-left:0;} .scroll-box-4 .spot-close { display:none;} .scroll-box-4 .spot-pop .pop-con { left: 50%; } /* 241213추가 */ .scroll-box-4 .map-search input { font-size: 1.15em; padding: 0.85em} .scroll-box-4 .map-search button { width: 2.2em; height:2.2em;} } @media all and (max-width : 375px){ } /* 스타일 작업 종료 */ /*******************************************************************************************************************/ /* 중간 레이아웃 */ /**********************************************************************************************************************/ /* 여기부터 반응형 메인 박스 스타일 적용 */ /**********************************************************************************************************************/ #wrapper {width:100%;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #container {position:relative;max-width:1000px;margin:0px auto;z-index:1;padding:0px} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:0px;} /*index*/ .latest{width:100%;float:left} #main_work ul:after {display:block;visibility:hidden;clear:both;content:""} #main_work ul li{background:#fff;letter-spacing:-0.01em} #main_work ul li.main_work_1{background:#f8f8f8;} #main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em} #lt_notice{clear:both} #lt_notice,#lt_board,#lt_board2,#lt_board3,#lt_board4,#lt_board5,#lt_board6,#lt_gall{margin-top:20px} /* PC 사이즈 1001px 픽셀사이즈까지 */ @media (min-width : 1361px) { #main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;} #main_work .work_txt{width:65%;height:122px;display:block;float:left;} #main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111} .view_pc {display:block;} .view_tab {display:none;} .view_pctab {display:block;} .view_tabmobi {display:none;} .view_mobi {display:none;} .rbtn_icon {display:block;margin-top:25px;} .rbtn_icon .btn {margin-left:7px;} } /* 패드류 기본*/ @media all and (min-width : 601px) and (max-width : 1360px) { #main_work{margin-top:20px} #main_work ul li{float:left;width:33.3%;text-align:center;} #main_work .work_img{display:block;} #main_work .work_img img{max-width:100px;width:80%;height:auto} #main_work .work_txt span.work_txt_p{display:none;} #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold} .view_pc {display:none;} .view_tab {display:block;} .view_pctab {display:block;} .view_tabmobi {display:block;} .view_mobi {display:none;} .rbtn_icon {display:none;margin-top:25px;} .rbtn_icon .btn {margin-left:7px;} } /* 모바일 기본*/ @media all and (max-width : 600px){ #main_work{margin-top:20px} #main_work ul li{float:left;width:33.3%;text-align:center;} #main_work .work_img{display:block;} #main_work .work_img img{max-width:100px;width:80%;height:auto} #main_work .work_txt span.work_txt_p{display:none;} #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold} .view_pc {display:none;} .view_tab {display:none;} .view_pctab {display:none;} .view_tabmobi {display:block;} .view_mobi {display:block;} .rbtn_icon {display:none;} } /* 하단 레이아웃 */ #ft {border-top:1px solid #dde4e9;background:#fafafa;text-align:center} #ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} #ft_company{padding:20px 20px 10px} #ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee} .bd_no{border:none !important} #ft_copy p{color:#000;padding-bottom:20px} #ft_copy .ft_sns{padding:15px 20px} #ft_copy .ft_sns a{padding:3px;} #top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99} /*group*/ #group .lt{margin-top:20px} #group .lt_date{position:absolute;top:0;right:0;color:#5d938b} @media all and (max-width : 375px) { #group .lt{margin-top:10px} } /* 게시물 선택복사 선택이동 */ #copymove {} .copymove_current {float:right;color:#ff3061} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden} /* 본문 바로가기 */ .to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha audio {display:block;margin:0 0 5px;width:187px} #captcha #captcha_img {width:150px;height:60px;border:1px solid #e9e9e9;} #captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px} #captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:150px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px} /*단축키일람 */ .btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:50%;font-weight:bold} .cke_sc_def dd {width:50%} .btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff} /* 버튼 */ a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#dfdfdf;color:#fff;letter-spacing:-0.1em;border-radius:0px} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:0px} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px} a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#00c6b2} a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #dfdfdf;background:#dfdfdf;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} a.btn_b02:focus, .btn_b02:hover {background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;} a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 댓글 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap {margin:0 0 10px} .tbl_wrap table {width:100%;border-collapse:collapse;border-radius:0px 5px 0 0;} .tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .tbl_head01 {} .tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head01 thead th {padding:12px 0;background:#dfdfdf;color:#fff;text-align:center;letter-spacing:-0.1em;} .tbl_head01 thead th:first-child{border-top-left-radius:0px;} .tbl_head01 thead th:last-child{border-top-right-radius:0px} .tbl_head01 thead a {color:#fff} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head01n {font-size:17px; font-weight:300px; } .tbl_head01n caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head01n thead th {padding:15px 0;background:#fff;color:#000;text-align:center; border-top:1px solid #000; } .tbl_head01n thead th:first-child{border-top-left-radius:0px;} .tbl_head01n thead th:last-child{border-top-right-radius:0px} .tbl_head01n thead a {color:#000} .tbl_head01n thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01n tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#fff;color:#000;} .tbl_head01n tfoot td {border-color:#666;background:#fff;color:#000;font-weight:bold;text-align:center} .tbl_head01n tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01n td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head02 {} .tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head022 {} .tbl_head022 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head022 thead th {padding:5px 0;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;border-left:1px solid #d1dee2;border-top:1px solid #333;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head022 thead a {color:#383838} .tbl_head022 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head022 tfoot th {border-top:1px solid #666;border:1px solid #666;background:#484848;color:#fff} .tbl_head022 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head022 tbody td {padding:5px 0;border:1px solid #e9e9e9;} .tbl_head022 tbody th {padding:5px 0;border:1px solid #e9e9e9;text-align:center;} .tbl_head022 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head022 input[type=text] {border:1px solid #d1dee2; width:90%;height:20px;margin-left:5px;} .tbl_head022 input[type=file] {margin-left:5px;} .tbl_head022 textarea {border:1px solid #d1dee2; width:98%;height:120px;margin-left:5px;} .tbl_head022 span {color:red;} /* 폼 테이블 */ .tbl_frm01 {} .tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left} .tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea, .frm_input {border:1px solid #c2c2c2;background:#fff;vertical-align:middle;line-height:2.3em;height:2.3em;-webkit-appearance:none;border-radius:5px} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%} .tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:20px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ .required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:150px;text-align:center} .td_group {width:100px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {} .new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .tbl_wrap {margin:0 20px} .new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;margin-left:-1px} .new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none} .new_win .win_desc {padding:10px 20px} .new_win .win_btn {clear:both;margin:20px;text-align:center} .new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em} .new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em} .new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em} /* 검색결과 색상 */ .sch_word {color:#ff3061} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646} .sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none} .sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em} .pg {} .pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {text-decoration:none} .pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd} .pg_current {display:inline-block;margin:0 4px 0 0;background:#dfdfdf;color:#fff;border-radius:15px;font-weight:bold;font-weight:bold} /* PC화면으로 */ #device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center} .clear_01 { clear: both; line-height: 0px; font-size:0px} .blank5 { height:5px} .blank10 { height:10px} .blank20 { height:20px} .pdtb50 {padding: 50px 0px;} .pdtb40 {padding: 40px 0px;} .pdtb30 {padding: 30px 0px;} .pdtb20 {padding: 20px 0px;} .pdtb15 {padding: 15px 0px;} .pdtb10 {padding: 10px 0px;} .pd50 {padding: 50px;} .pd40 {padding: 40px;} .pd30 {padding: 30px;} .pd20 {padding: 20px;} .pd10 {padding: 10px;} #ft_copy ul { padding:0px; margin: 0px;list-style:none;line-height:10px;} #ft_copy ul li {color:#000; display:inline-block; padding: 5px 3px;} .tip { background-color: #eaeaea; padding: 10px;line-height:17px;letter-spacing:0.05em;} .tip input[type=text] { padding: 3px; border: 1px solid #dfdfdf; width: 300px} .tip input[type=radio] { width:20px} .tip select { border:1px solid #dfdfdf; padding: 3px 5px; font-size: 12px} .tip span { color:#000; font-weight: bold} .stit h2 { font-size:15px; color:#346ba3; padding-top:0px; margin:0px; padding-bottom:15px ; text-align:left} .stit h2 span { font-size:12px; padding-left:10px; color:#000} .stit2 h2 { font-size:15px; color:#000; padding-top:0px; margin:0px 0 20px 0; padding-bottom:7px ; text-align:left; border-bottom: 1px dotted #ccc} .pop_left { float:left; width:44%;} .pop_left ul { padding:0px; margin:0px; list-style: none} .pop_left ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left} .pop_left .ti { width:30%} .pop_left .con { width:70%; font-weight:bold} .pop_right { float:right; width:44%; } .pop_right ul { padding:0px; margin:0px; list-style: none} .pop_right ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left} .pop_right .ti { width:30%} .pop_right .con { width:70%; font-weight:bold} .pop_ti { font-size:40px; padding-bottom:20px; font-weight:bold; letter-spacing:20px; text-align:center;position:relative; border-bottom:1px solid #000; margin-bottom:20px} .dojang { position:absolute; top:100px; right:30px; } .tbl_frm02_pop {margin:0 0 0px} .tbl_frm02_pop table {width:100%;border-collapse:collapse;border-spacing:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9} .tbl_frm02_pop th {width:70px;padding:10px 5px;border:1px solid #e9e9e9; background:#f5f8f9;text-align:left; color: #3a3a3a;font-size:12px; font-weight:bold} .tbl_frm02_pop td {padding:10px 5px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:13px;} .tbl_frm02_pop .CT { text-align:center} .tbl_frm02_pop .RT { text-align:right} .tbl_frm02_pop .hit { font-weight:bold; color: #000; font-size:15px} .top_text {margin:0 auto;width:100%;max-width:1000px;color:#333;font-size:17px;text-align:left;} .top_text .subtitle {font-size:37px;color:#333;padding-right:40px;} .top_text .subtext {font-size:17px;color:#333;padding-top:30px;line-height:25px;padding-left:40px;padding-right:40px;} .top_text .subicon {padding-top:30px;padding-right:40px;} .top_text .subtext2 {font-size:13px;color:#333;padding-top:0px;line-height:25px;padding-left:40px;padding-right:40px;} .sc_top_menu2 {margin:0 auto;width:100%;max-width:1400px;color:#101f39;padding-top:30px;font-size:17px;} .sc_top_menu2 a {color:#101f39;} .top_text2 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:right;} .top_text2 .subtitle {font-size:37px;;color:#101f39;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subicon {padding-top:30px;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;} .sc_top_menu3 {margin:0 auto;width:100%;max-width:1400px;color:#352f2a;padding-top:30px;font-size:17px;} .sc_top_menu3 a {color:#352f2a;} .top_text3 {margin:0 auto;width:100%;max-width:1200px;color:#352f2a;font-size:17px;text-align:center;} .top_text3 .subtitle {font-size:37px;;color:#352f2a;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subtext {font-size:17px;color:#352f2a;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subtext2 {font-size:13px;color:#352f2a;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 {margin:0 auto;width:100%;max-width:1200px;color:#e6d0a9;font-size:17px;text-align:center;} .top_text4 .subtitle {font-size:37px;;color:#e6d0a9;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subtext {font-size:17px;color:#e6d0a9;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subtext2 {font-size:13px;color:#e6d0a9;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 {margin:0 auto;width:100%;max-width:1200px;color:#ffffff;font-size:17px;text-align:center;} .top_text5 .subtitle {font-size:40px;;color:#ffffff;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subtext {font-size:24px;color:#ffffff;padding-top:30px;line-height:38px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subtext2 {font-size:17px;color:#e6d0a9;padding-top:10px;line-height:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:center;} .top_text22 .subtitle {font-size:37px;;color:#101f39;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}