@charset "utf-8"; 

/************************************************ 
Version :1.0
Date :2021-06-19
*************************************************/   

/* WEBFONT */ 
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url('../fonts/nanum-gothic-v13-korean_latin-regular.eot'); /* IE9 Compat Modes */
	src:local('NanumGothic'),
		url('../fonts/nanum-gothic-v13-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/nanum-gothic-v13-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/nanum-gothic-v13-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
	src:url('../fonts/nanum-gothic-v13-korean_latin-700.eot'); /* IE9 Compat Modes */
	src:local('NanumGothic Bold'), local('NanumGothic-Bold'),
		url('../fonts/nanum-gothic-v13-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/nanum-gothic-v13-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/nanum-gothic-v13-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
	src:url('../fonts/nanum-gothic-v13-korean_latin-800.eot'); /* IE9 Compat Modes */
	src:local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
		url('../fonts/nanum-gothic-v13-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/nanum-gothic-v13-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-800.woff') format('woff'), /* Modern Browsers */
		url('../fonts/nanum-gothic-v13-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/nanum-gothic-v13-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}


/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,
h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0; padding:0; box-sizing:border-box;}
article,aside,details,dt,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline;}  
ol,ul{list-style:none;}  
svg:not(:root){overflow:hidden;} 
 
/* --- 기본설정 --- */
* {box-sizing:border-box;}  
html {font-size:10px; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; --scroll-behavior:smooth; height:100%;}
body{font-size:1.2rem; letter-spacing:-.04rem; font-family:'Nanum Gothic','Gulim',' Dotum', '굴림', '돋움','Helvetica','sans-serif'; font-weight:400; color:#333; height:100%;}
strong {font-weight:700;}
em, b, i {font-style:normal;}
a {cursor:pointer; background-color:transparent; color:inherit; outline:none;}
a,label,span {display:inline-block;}
a, a:hover {text-decoration:none;}
a,button,[role=button],[role=tab], main.ios {cursor:pointer; border:0;}  
button:focus, input:focus, a:focus, li:focus, span:focus {outline:none;}   
button,html input[type=button],html input[type=reset],html input[type=submit] {cursor:pointer; -webkit-appearance:button; border-radius:0;}
button,input,optgroup,select,textarea {margin:0; font:inherit; color:inherit;}
button,select {text-transform:none;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0; border:0;}  
 
.disNone {display:none;}
.disMenu {display:block!important;}
.disBlock {display:block;}
.disNoneIm {display:none!important;}  

/* --- index --- */
.wrapper {width:108rem; font-size:1.2rem; margin:0 auto;}
.wrapper header {height:20rem; background:#fff url("../../resource/img/bg_logo.png") no-repeat 100% 100%; text-align:center; border-top:1rem solid #ee770e;}
.wrapper header h1 {display:inline-block; width:20rem; height:19rem; background:#fff url("../../resource/img/logo.png") no-repeat 50% 50%;}
.wrapper header h1 i {display:none;}
.wrapper .img-wrap {height:60.8rem;}
.wrapper .contents {position:relative; height:111.3rem; padding:3.4rem; overflow:hidden;}
.wrapper .contents .slide-wrap {position:relative; float:left; width:55.4rem; height:104.3rem; border:1px solid #ccc; border-radius:1rem; overflow:hidden;}
.wrapper .contents .slide-wrap img {width:100%;}
.contents .slide-wrap .owl-theme .owl-nav {position:absolute; right:2rem; top:2rem; z-index:10; margin:0;}
.contents .slide-wrap .owl-theme .owl-nav button {position:relative; border:1px solid #adadad; width:6rem; height:6rem; border-radius:.8rem; background:#fff;}
.contents .slide-wrap .owl-theme .owl-nav button span {display:none;}
.contents .slide-wrap .owl-theme .owl-nav button:after {content:""; position:absolute; width:20px; height:20px; border-top:2px solid #adadad; border-right:2px solid #adadad; top:1.7rem;}
.contents .slide-wrap .owl-theme .owl-nav .owl-prev:after {transform:rotate(225deg); left:2.2rem;} 
.contents .slide-wrap .owl-theme .owl-nav .owl-next:after {transform:rotate(45deg); right:2.2rem;}
.wrapper .contents .nav-wrap {float:right; width:42rem; height:104.3rem; background:#2758b3; border-radius:1rem;}
.wrapper .contents .nav-wrap ul li {padding:0 2.5rem;}
.wrapper .contents .nav-wrap li button {background:url("../../resource/img/icon.png") no-repeat 0 0; border:0; width:100%; text-align:left; height:14.8rem; color:#fff; font-size:3.8rem; font-weight:700; padding-left:10.6rem; letter-spacing:-1px; border-bottom:1px solid #214ea1;}
.wrapper .contents .nav-wrap li:last-child a {border-bottom:0;}
.wrapper .contents .nav-wrap li.menu-01 button {background-position:0 3rem;} 
.wrapper .contents .nav-wrap li.menu-02 button {background-position:0 -12rem;} 
.wrapper .contents .nav-wrap li.menu-03 button {background-position:0 -26.5rem;} 
.wrapper .contents .nav-wrap li.menu-04 button {background-position:0 -41.5rem;}
.wrapper .contents .nav-wrap li.menu-05 button {background-position:0 -57rem;}
.wrapper .contents .nav-wrap li.menu-06 button {background-position:0 -71.5rem;}
.wrapper .contents .nav-wrap li.menu-07 button {background-position:0 -86.5rem;}

/* --- sub --- */
.popup-wrap {display:none; position:absolute; left:3.4rem; top:3.4rem; width:101rem; height:104.3rem; border-radius:1rem; padding:2.4rem; background:#2758b3; z-index:10;}  
.popup-wrap .pop-head {position:relative; height:9.6rem;}
.popup-wrap .pop-head h2 {color:#fff; font-size:4.5rem; font-weight:700; padding-top:1rem;}
.popup-wrap .pop-head button {position:absolute; top:0; right:0; border:2px solid #fff; width:7.4rem; height:7.4rem; border-radius:.8rem; background:none;}
.popup-wrap .pop-head button i {display:none;} 
.popup-wrap .pop-head button.btn-back {right:8.5rem; background:url("../../resource/img/icon_back.png") no-repeat 50% 50%;} 
.popup-wrap .pop-head button.btn-close {background:url("../../resource/img/icon_close.png") no-repeat 50% 50%;}
.popup-wrap .pop-cont {height:90rem; background:#f3f3f3; border-radius:1rem; overflow:hidden; font-size:3.2rem;} 
.popup-wrap .pop-cont .inner {padding:4rem;}
.popup-wrap .pop-cont .inner.iframe {padding:.5rem;}
.popup-wrap .pop-cont .inner.iframe iframe {border:0;}
.popup-wrap .pop-cont.works-bg {background:#f3f3f3 url("../../resource/img/bg_pic.png") no-repeat 50% 50%;} 

/* --- 생활편의시설 --- */
.tab-wrap {width:88rem; overflow:hidden; margin-bottom:3rem; border-bottom:1px solid #b5b5b5;}
.tab-wrap .tab-in {margin-left:-.6rem;}
.tab-wrap li {cursor:pointer; float:left; text-align:center; margin-left:.6rem; border-top-left-radius:1rem; border-top-right-radius:1rem; display:block; width:21.55rem; line-height:7rem; height:7rem; background:#b5b5b5; color:#fff; font-size:2.8rem;}
.tab-wrap li i {display:inline-block; padding-left:4rem; background:url("../../resource/img/icon03.png") no-repeat 0 50%;}
.tab-wrap li.tab01 i {background-position:0 50%;}
.tab-wrap li.tab02 i {background-position:-22.9rem 50%;}
.tab-wrap li.tab03 i {background-position:-46.5rem 50%;}
.tab-wrap li.tab04 i {background-position:-68.1rem 50%;}
.tab-wrap li.on {background:#52a6fc;}
 
.map-wrap {position:relative; display:none;} 
.map-wrap.current {display:block;} 
.map-wrap button {position:absolute; width:2.8rem; height:3.8rem; z-index:2; background:none;}
.map-wrap .info-warp {display:none; position:absolute; padding:2rem 2.5rem 2.2rem; min-width:30rem; max-width:42rem; background:#fff; border-radius:1.4rem; border:1px solid #a7a7a7; z-index:3;}
.map-wrap .info-warp:after {content:""; position:absolute; top:-1.3rem; left:-1.3rem; width:2.8rem; height:3.8rem;  background:url("../../resource/img/pin_default.png") no-repeat 0 0;}
.map-wrap .info-warp strong {font-size:2.4rem;}
.map-wrap .info-warp li {font-size:1.8rem; margin-top:1.1rem; line-height:140%;}
.map-wrap .info-warp li b {display:block;font-size:1.8rem;}
.map-wrap .info-close {position:absolute; top:2.5rem; right:2.5rem; width:2rem; height:2rem; background:url("../../resource/img/icon_close_b.png") no-repeat 50% 50%;}
.map-wrap .info-close i {display:none;}

/* --- sub > list --- */ 
.basic-list {height:90rem; overflow-y:scroll;}
.basic-list li {padding:4rem 2rem 4rem 4rem; display:table; width:100%; table-layout:fixed; border-bottom:1px solid #fff;}
.basic-list li a {display:table-row;}
.basic-list li a .img-area {display:table-cell; width:22.8rem; vertical-align:top;}
.basic-list li a .img-area span {display:block; border:1px solid #dbdbdb; border-radius:.8rem; padding:.8rem; background:#fff;}
.basic-list li a .img-area span img {width:100%;}
.basic-list li a .text-wrap {display:table-cell; font-size:3.2rem; vertical-align:top; padding-left:3rem;}
.basic-list li a .text-wrap strong {display:block; font-size:3.6rem; margin-bottom:1.5rem;}
.basic-list li a .text-wrap span {display:block; line-height:130%;}
.basic-list li a .text-wrap span em {font-weight:700;}
.basic-list li a .text-wrap span.address {text-indent:-8rem; padding-left:8rem; margin-bottom:1.5rem;} 

/* --- sub > view --- */
.basic-view {display:none; position:absolute; left:0; top:0; height:90rem; background:#f3f3f3; z-index:10;}
.basic-view .basic-view-head {padding:4rem; display:table; width:100%; table-layout:fixed; border-bottom:4px solid #fff;}
.basic-view .basic-view-head .table-row {display:table-row;}
.basic-view .basic-view-head .table-row .img-area {display:table-cell; width:37.5rem; vertical-align:top;}
.basic-view .basic-view-head .table-row .img-area .owl-carousel {border:1px solid #dbdbdb; border-radius:.8rem; padding:1.3rem; background:#fff;}
.basic-view .basic-view-head .table-row .img-area .owl-carousel img {width:100%;}
.basic-view .basic-view-head .table-row .text-wrap {display:table-cell; font-size:3.2rem; vertical-align:top; padding:0 0 0 3rem;}
.basic-view .basic-view-head .table-row .text-wrap strong {display:inline-block; font-size:4.2rem; margin-bottom:3rem; background-color:#333; border-radius:3.6rem; padding:1rem 3rem; color:#fff;}
.basic-view .basic-view-head .table-row .text-wrap span {display:block; line-height:130%;  margin-bottom:2rem;}
.basic-view .basic-view-head .table-row .text-wrap span em {font-weight:700; display:block;} 
 
.basic-view .owl-theme .owl-nav button {position:absolute; top:13rem;}
.basic-view .owl-theme .owl-nav .owl-prev {left:1rem;} 
.basic-view .owl-theme .owl-nav .owl-next {right:1rem;}
.basic-view .owl-theme .owl-nav button span {display:none;}
.basic-view .owl-theme .owl-nav button:after {content:""; position:absolute; width:30px; height:30px; border-top:2px solid #000; border-right:2px solid #000; top:1.7rem;}
.basic-view .owl-theme .owl-nav .owl-prev:after {transform:rotate(225deg); left:2.2rem;} 
.basic-view .owl-theme .owl-nav .owl-next:after {transform:rotate(45deg); right:2.2rem;} 
.detail-txt {height:46rem; padding:4rem; overflow-y:auto; font-size:3.2rem; line-height:160%;} 
#newstoreCont {position:relative;}

/* --- 상점소개 카테고리 --- */
.store-list {overflow:hidden; margin-left:-2.5rem; position:relative; padding:4rem; height:90rem;}
.store-list > li {float:left; width:27.7rem; margin-left:2.5rem; margin-bottom:3rem;}
.store-list > li > button {z-index:1; position:relative; width:100%; height:27.4rem; padding-top:13.5rem; border:1px solid #dcdcdc; border-radius:1.2rem; background:#e8e8e8 url("../../resource/img/icon02.png") no-repeat 8.5rem 4rem;}
.store-list > li > button > em {display:block; font-size:3.6rem; margin-bottom:.5rem;}
.store-list > li > button > b {display:block; font-weight:400; color:#bfbfbf; font-size:1.8rem; text-transform:uppercase;}
.store-list > li > button:after {content:""; position:absolute; width:10px; height:10px; border-top:2px solid #adadad; border-right:2px solid #adadad; top:2.7rem;transform:rotate(45deg); right:2.2rem;}
.store-list .menu-chothing button{background-position:8.7rem 4rem;}
.store-list .menu-food button{background-position:-21.3rem 4rem;}
.store-list .menu-electronic button{background-position:-51.5rem 4rem;}
.store-list .menu-chandlery button{background-position:8.7rem -28rem;}
.store-list .menu-sport button{background-position:-21.3rem -28rem;} 
.store-list > li > .info-conts {z-index:2; display:none; position:absolute; left:0; top:0; background:#f3f3f3;} 

/* --- 2023.05.03 --- */
.slide-wrap .owl-carousel,
.slide-wrap .owl-carousel .owl-stage-outer,
.slide-wrap .owl-carousel .owl-stage,
.slide-wrap .owl-carousel .owl-item,
.slide-wrap .owl-carousel .owl-item .item,
.wrapper .contents .slide-wrap img {height: 100%;}