@charset "utf-8";
#main														{ padding:5em 0; background:url(/resource/town/images/main/bg.jpg) no-repeat 50% 50% / cover; border-top:1px solid #e5e5e5;  }
@media all and (max-width:1568px){
    #main													{ padding:4em 0 }
}
@media all and (max-width:1268px){
    #main													{ padding:3em 0;}
}

/* 타이틀 */
[data-main-con] h2.title									{ font-size:1.6em; font-weight:600; line-height:1.3; margin-bottom:.75em; font-family:var(--font-score); }
[data-main-con] h2.title strong								{ display:block; font-size:1.8em; font-weight:900 }
[data-main-con] .h3_tit										{ font-size:1.38em; font-weight:700; margin-bottom:.75em; line-height:1 }
@media all and (max-width:1568px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.5em;  }
}
@media all and (max-width:1268px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.4em; }
    [data-main-con] .h3_tit									{ font-size:1.28em; }

    /* 더보기 */
    .icon_more												{  width:30px; height:30px; }
    .icon_more::before										{ background-size:9px; }
}
@media all and (max-width:868px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.3em; }
}
@media all and (max-width:468px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.2em; }
}
@media all and (max-width:368px){
    /* 타이틀 */
    [data-main-con] h2.title								{ font-size:1.167em; }
}

.more														{ position:relative; display:flex; justify-content:center; align-items:center; width:30px; height:30px; border-radius:100%; background:var(--color-point); }
.more::before												{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; background:url(/resource/town/images/main/icon_more.svg) no-repeat 50% 50% / auto 	13px; }
@media all and (max-width:1024px){
    .more													{ width:27px; height:27px; }
    .more::before											{ background-size:auto 11px; }
}
/**********************************************************************

 								map_tab

**********************************************************************/
/* tabmenu */
.map_tab														{ position:relative; }
.map_tab>ul														{ width:100%; border:1px solid #e5e5e5; border-left:1px solid #e5e5e5; height:var(--sizeBox); border-radius:10px; background:#fff; --sizeBox:140px; --sizeBig:70px;
    display:flex; flex-wrap:wrap; box-sizing:border-box; overflow:hidden}
.map_tab>ul>li													{ width:calc(100% / 15); font-size:17px; font-weight:400; color:var(--color-base); background:var(--color-white); height:var( --sizeBig)!important;
    border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 }
.map_tab>ul>li:nth-child(15)									{ border-right-width:0; }
.map_tab>ul>li button											{ display:flex; width:100%; height:100%; position:relative; display: flex; justify-content:center; align-items:center; background:#fff }
.map_tab>ul>li button span										{ margin-top:-.3em; }
.map_tab>ul>li button::before									{ position:absolute; width:11px; height:10px; left:50%; bottom:12px; background:url(/resource/town/images/main/icon_tab_arr.svg) no-repeat 50% 50% / cover; content:'';
    transition:var(--trans-ani); transform:translateX(-50%); opacity:0; }
.map_tab>ul>li.active button									{ background:var(--color-green); color:var(--color-white); }
.map_tab>ul>li.active button::before							{ opacity:1;  }


/* 지도 */
.area_map														{ position:relative; display:flex; justify-content:end; margin-top:3.13em; }
.area_map .map													{ position:absolute; left:0; width:721px; height:853px; }
.area_map .map .map_img											{ width:100%; height: 100%; background: url(/resource/town/images/main/bg_map.png) no-repeat left top / 100% auto; }
.area_map .map .map_img img										{ opacity:0; position:relative; z-index:2; width:100%; height:100%; }
.area_map .map .map_img::after									{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:contain; content:''; opacity:0;
    visibility:hidden }
.area_map .map .map_img.mapTab01::after 						{ background-image:url(/resource/town/images/main/img_map01.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab02::after 						{ background-image:url(/resource/town/images/main/img_map02.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab03::after 						{ background-image:url(/resource/town/images/main/img_map03.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab04::after 						{ background-image:url(/resource/town/images/main/img_map04.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab05::after 						{ background-image:url(/resource/town/images/main/img_map05.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab06::after 						{ background-image:url(/resource/town/images/main/img_map06.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab07::after 						{ background-image:url(/resource/town/images/main/img_map07.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab08::after 						{ background-image:url(/resource/town/images/main/img_map08.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab09::after 						{ background-image:url(/resource/town/images/main/img_map09.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab10::after 						{ background-image:url(/resource/town/images/main/img_map10.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab11::after 						{ background-image:url(/resource/town/images/main/img_map11.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab12::after 						{ background-image:url(/resource/town/images/main/img_map12.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab13::after 						{ background-image:url(/resource/town/images/main/img_map13.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab14::after 						{ background-image:url(/resource/town/images/main/img_map14.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab15::after 						{ background-image:url(/resource/town/images/main/img_map15.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab16::after 						{ background-image:url(/resource/town/images/main/img_map16.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab17::after 						{ background-image:url(/resource/town/images/main/img_map17.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab18::after 						{ background-image:url(/resource/town/images/main/img_map18.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab19::after 						{ background-image:url(/resource/town/images/main/img_map19.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab20::after 						{ background-image:url(/resource/town/images/main/img_map20.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab21::after 						{ background-image:url(/resource/town/images/main/img_map21.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab22::after 						{ background-image:url(/resource/town/images/main/img_map22.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab23::after 						{ background-image:url(/resource/town/images/main/img_map23.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab24::after 						{ background-image:url(/resource/town/images/main/img_map24.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab25::after 						{ background-image:url(/resource/town/images/main/img_map25.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab26::after 						{ background-image:url(/resource/town/images/main/img_map26.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab27::after 						{ background-image:url(/resource/town/images/main/img_map27.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab28::after 						{ background-image:url(/resource/town/images/main/img_map28.png); opacity:1; visibility:inherit }
.area_map .map .map_img.mapTab29::after 						{ background-image:url(/resource/town/images/main/img_map29.png); opacity:1; visibility:inherit }

.area_map .list_map												{ width:100%; max-width:750px; }
.area_map .list_map	 .visual									{ position:relative; width:100%; height:0; padding-top:51.930%; background:url(/resource/town/images/main/img_visual.jpg) no-repeat 50% 50%/ cover; border-radius:10px; }
.area_map .list_map	 .visual .text_wrap							{ position:absolute; left:3.13em; top:3.75em;  }
.area_map .list_map	 .visual .text_wrap strong					{ display:flex; flex-flow:column; color:#0b5508; font-size:1.25em; font-weight:400; line-height:1.3; }
.area_map .list_map	 .visual .text_wrap strong	em				{ font-size:2em; font-weight:bold; }
.area_map .list_map	 .visual .text_wrap a						{ display:inline-flex; margin-top:1.5em; justify-content:center; align-items:center; font-size:1.4rem; height:80px; border-radius:12px; background:#0b5508;
    color:var(--color-white); padding:0 1.5em; gap:0 2em; transition:var(--trans-ani); }
.area_map .list_map	 .visual .text_wrap a::after				{ display:inline-block; width:8px; height:7px; content:''; background:url(/resource/town/images/main/icon_arr.svg) no-repeat 50% 50% / auto; filter:invert(100%) sepia(99%) saturate(1%) hue-rotate(173deg) brightness(105%) contrast(101%);}
.area_map .list_map	 .visual .text_wrap a:hover,
.area_map .list_map	 .visual .text_wrap a:focus					{ gap:0 3em;}
.area_map .list_map	 .visual .text_wrap a:hover::after,
.area_map .list_map	 .visual .text_wrap a:focus::after			{ filter:invert(100%) sepia(99%) saturate(1%) hue-rotate(173deg) brightness(105%) contrast(101%);	}
.area_map .list_map .con										{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; --sizeHig:390px; margin-top:30px;}
.area_map .list_map .con .notice								{ position:relative; display:flex; flex-flow:column; flex:auto; width:calc(100% - 360px - 20px); }
.area_map .list_map .con .notice .h3_tit						{ margin-top:.2em; }
.area_map .list_map .con .notice .swiper						{ width:calc(100% + 4px); margin:0 -2px; height:100% }
.area_map .list_map .con .notice .swiper-slide					{ width:100%; justify-content:space-between; align-items: stretch; display:flex; flex-flow:column; gap:10px; }
.area_map .list_map .con .notice .swiper-slide a				{ display:flex; flex-flow:column; justify-content:space-between; margin:0 2px; height:calc((100% - 10px) / 2); border:1px solid #dfdfdf; border-radius:10px;
    background:var(--color-white); padding:1.88em }
.area_map .list_map .con .notice .swiper-slide dl				{ display:flex; flex-flow:column; gap:7px; }
.area_map .list_map .con .notice .swiper-slide dl>dt			{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:1.19em; font-weight:500; line-height:1.1 }
.area_map .list_map .con .notice .swiper-slide dl>dd			{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.94em; line-height:1.38; opacity:.74;}
.area_map .list_map .con .notice .swiper-slide .date			{ display:block; margin-top:.9em; font-size:.94em; opacity:.64; }
.area_map .list_map .con .notice .control						{ position:absolute; right:0; top:0; display:flex; align-items:center; }
.area_map .list_map .con .tel									{ flex:auto; max-width:360px; height:var(--sizeHig); background:url(/resource/town/images/main/bg_tel.jpg) no-repeat 50% 50% / cover; border-radius:10px; padding:2.5em 1.88em }
.area_map .list_map .con .tel .tit,
.area_map .list_map .con .tel .info								{ display:flex; flex-flow:column; line-height:1; }
.area_map .list_map .con .tel .tit								{ gap:.5em; }
.area_map .list_map .con .tel .info								{ gap:.35em; margin-top:1em }
.area_map .list_map .con .tel .tit>dt							{ font-size:1.27em; font-weight:bold; }
.area_map .list_map .con .tel .tit>dd							{ font-size:2.55em; font-weight:bold; color:var(--color-point); }
.area_map .list_map .con .tel .info>dt							{ font-size:.88em; opacity:.84 }
.area_map .list_map .con .tel .info>dd							{ font-weight:bold; display:flex;  align-items:center; gap:5px; line-height:1.2;}
.area_map .list_map .con .tel .info>dd .color_red				{ font-weight:400; font-size:.88em; margin-top:-2px; }
@media all and (max-width:1668px){
    .area_map .map												{ left:-3.45em; top:-1.45em; transform:scale(0.86);}
}
@media all and (max-width:1568px){
    .area_map .map												{ transform:scale(0.83); left:-4em; top:-4.45em; }
    .area_map .list_map											{ max-width:730px; }
    .area_map .list_map .visual									{ padding-top:46.930%; }
    .area_map .list_map .visual .text_wrap						{ left:3em; top:3.5em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.2em; }
    .area_map .list_map .con									{ --sizeHig:380px; }
    .area_map .list_map .con .notice .swiper-slide a			{ padding:1.5em; }
    .area_map .list_map .con .notice .swiper-slide dl>dt		{ font-size:1.167em; }
    .area_map .list_map .con .tel								{ padding:2.5em 1.5em; }
}
@media all and (max-width:1468px){
    .area_map .map												{ transform:scale(0.8); left:-4.5em; top:-5.3em; }
    .area_map .list_map											{ max-width:680px; }
    .area_map .list_map .visual									{ padding-top:42.930%; }
    .area_map .list_map .visual .text_wrap						{ left:2.5em; top:3em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.167em; }
    .area_map .list_map .con									{ --sizeHig:360px; }
    .area_map .list_map .con .notice .swiper-slide a			{ padding:1.25em; }
    .area_map .list_map .con .notice .swiper-slide dl>dt		{ font-size:1.1em; }
    .area_map .list_map .con .tel								{ padding:2em 1.25em; }
    .area_map .list_map .con .tel .tit							{ gap:.3em; }
    .area_map .list_map .con .tel .tit>dt						{ font-size:1.167em; }
    .area_map .list_map .con .tel .tit>dd						{ font-size:2.25em; }
    .area_map .list_map .con .tel .info							{ margin-top:.75em; }
}
@media all and (max-width:1368px){
    .area_map .map												{ transform:scale(0.76); left:-5.4em; top:-6.4em; }
    .area_map .list_map											{ max-width:600px; }
    .area_map .list_map .visual .text_wrap						{ left:1.5em; top:2em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.067em; }
    .area_map .list_map .con									{ --sizeHig:340px; margin-top:20px; }
    .area_map .list_map .con .notice							{ width:calc(100% - 320px - 20px); }
    .area_map .list_map .con .notice .swiper-slide dl>dt		{ font-size:1.03em; }
    .area_map .list_map .con .tel								{ max-width:320px; }
    .area_map .list_map .con .tel .tit							{ gap:.2em; }
    .area_map .list_map .con .tel .tit>dt						{ font-size:1.067em; }
    .area_map .list_map .con .tel .tit>dd						{ font-size:2em; }
    .area_map .list_map .con .tel .info							{ margin-top:.5em; }
    .area_map .list_map .con .tel .info>dd						{ font-size:.95em; }
}
@media all and (max-width:1268px){
    .area_map .map												{ transform:scale(0.7); left:-6.7em; top:-8em; }
    .area_map .list_map											{ max-width:560px; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.03em; }
    .area_map .list_map .con									{ --sizeHig:300px; }
    .area_map .list_map .con .notice							{ width:calc(100% - 280px - 20px); }
    .area_map .list_map .con .tel								{ max-width:280px; padding:1.5em 1.25em; }
    .area_map .list_map .con .tel .tit>dt						{ font-size:1.03em; }
    .area_map .list_map .con .tel .tit>dd						{ font-size:1.8em;  }
    .area_map .list_map .con .notice .swiper-slide dl>dd		{ -webkit-line-clamp:1; }
}
@media all and (max-width:1168px){
    /* tab */
    .map_tab>ul 												{ --sizeBig:60px; --sizeBox:180px; }
    .map_tab>ul>li												{ width:calc(100% / 10)}
    .map_tab>ul>li:nth-child(15)								{ border-right-width:1px; }
    .map_tab>ul>li:nth-child(10),
    .map_tab>ul>li:nth-child(20)								{ border-right-width:0; }
    .map_tab>ul>li button										{ font-size:.95rem; }
    .map_tab>ul>li button::before								{ width:9px; height:8px; bottom:8px; }

    .area_map													{ margin-top:2em; }
    .area_map .map												{ display:none; }
    .area_map .list_map											{ max-width:inherit; }
    .area_map .list_map .visual									{ padding-top:0; height:23em; }
    .area_map .list_map .visual .text_wrap						{ left:3em; top:3.5em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.167em; }
    .area_map .list_map .con									{ --sizeHig:360px; }
    .area_map .list_map .con .notice							{ width:calc(100% - 400px - 20px); }
    .area_map .list_map .con .tel								{ max-width:400px; padding:2em }
    .area_map .list_map .con .notice .swiper-slide dl>dt		{ font-size:1.067em; }
    .area_map .list_map .con .notice .swiper-slide dl>dd		{ -webkit-line-clamp:2; }
    .area_map .list_map .con .tel .info							{ margin-top:1em; }

}
@media all and (max-width:1024px){
    .area_map .list_map .con .notice .h3_tit					{ margin-top:.3em; }
}
@media all and (max-width:768px){
    /* tab */
    .map_tab>ul 												{ --sizeBig:50px; --sizeBox:200px; }
    .map_tab>ul>li												{ width:calc(100% / 8)}
    .map_tab>ul>li:nth-child(15)								{ border-right-width:1px; }
    .map_tab>ul>li:nth-child(10),
    .map_tab>ul>li:nth-child(20)								{ border-right-width:1px; }
    .map_tab>ul>li:nth-child(8),
    .map_tab>ul>li:nth-child(16),
    .map_tab>ul>li:nth-child(24)								{ border-right-width:0; }

    .area_map .map												{ display:none; }
    .area_map .list_map											{ max-width:inherit; width:100% }
    .area_map .list_map .visual									{ background-size:100% auto; background-position:bottom center; background-color:#83da7f }
    .area_map .list_map .visual .text_wrap						{ left:2em; top:2.5em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.1em; }
    .area_map .list_map .visual .text_wrap a					{ font-size:.95rem; height:50px; }
    .area_map .list_map .con .notice							{ width:100%; }
    .area_map .list_map .con .notice .swiper-slide a			{ padding:1.5em; }
    .area_map .list_map .con .notice .swiper-slide .date		{ margin-top:1.5em; }
    .area_map .list_map .con .tel								{ max-width:inherit; padding:2em 1.5em; height:auto; padding-bottom:4em; background-size:auto; background-position:right bottom; background-color:#afdcfe;
        background-image:url(/resource/town/images/main/bg_tel_m.jpg) }
}
@media all and (max-width:568px){
    /* tab */
    .map_tab>ul 												{ --sizeBig:40px; --sizeBox:240px; }
    .map_tab>ul>li												{ width:calc(100% / 5)}
    .map_tab>ul>li:nth-child(8),
    .map_tab>ul>li:nth-child(16),
    .map_tab>ul>li:nth-child(24)								{ border-right-width:1px; }
    .map_tab>ul>li:nth-child(5),
    .map_tab>ul>li:nth-child(10),
    .map_tab>ul>li:nth-child(15),
    .map_tab>ul>li:nth-child(20),
    .map_tab>ul>li:nth-child(25)								{ border-right-width:0; }
    .map_tab>ul>li button										{ font-size:.88rem; }
    .map_tab>ul>li button::before								{ bottom:4px; }

    .area_map .list_map .con .tel								{ padding-bottom:6em; }
}
@media all and (max-width:468px){
    .area_map .list_map .visual									{ height:19em; }
    .area_map .list_map .visual .text_wrap						{ left:1.5em; top:2em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.067em; }
    .area_map .list_map .con .tel								{ padding-bottom:13em; }
}
@media all and (max-width:368px){
    .area_map .list_map .visual									{ height:17em; }
    .area_map .list_map .visual .text_wrap						{ top:1.5em; }
    .area_map .list_map .visual .text_wrap strong				{ font-size:1.03em; }
    .area_map .list_map .visual .text_wrap strong em			{ font-size:1.8em; }
    .area_map .list_map .visual .text_wrap a					{ margin-top:1em; }
}