@charset "utf-8";

/* 레이아웃 */
#main											{ margin-top:110px; font-family:var(--font-paperlogy);}
#main *						                   { box-sizing:border-box;}

@media all and (max-width:1568px){
    #main													{ margin-top:100px; }
}
@media all and (max-width:1268px){
    #main													{ margin-top:90px; }
}
@media all and (max-width:868px){
    #main													{ margin-top:85px; }
}
@media all and (max-width:468px){
    #main													{ margin-top:80px; }
}



/* 타이틀 */
.title									                                        { position:relative;display:flex;justify-content: space-between;align-items: center;margin-bottom:1.875em;}
.title h2                                                                     {display: flex; line-height: 1; font-size: 2.375em;font-weight:700;color:var(--color-base);}



/* 더보기 */
.btn_more                     {position:relative;display:block;width:55px;height:55px;background:#fff;border:1px solid #dfdfdf;border-radius:100%;transition:var(--trans-ani);}
.btn_more:focus:before,.btn_more:hover:before,
.btn_more:focus:after,.btn_more:hover:after{background:var(--color-point);}
.btn_more:before            {content:'';display:block;width:2px;height:18px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;}
.btn_more:after             {content:'';display:block;width:18px;height:2px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.2s ease;}

/* tab */
.control_main_tab .conts_tab				                             { display:none; }
.control_main_tab .conts_tab.active				                        { display:block; position:relative }
.tab_menu										                              { display:flex; flex-flow:row;justify-content: center;  }
.tab_menu>li									                             { position:relative; }


@media (max-width: 1468px) {
    .title h2 																		{font-size:2.25em;}
}

@media (max-width: 1368px) {
    .title h2 																		{font-size:2em;}
    .btn_more																		{width:50px;height:50px;}
}

@media (max-width: 1268px) {
    .title                                                                          {margin-bottom:1.5em;}
    .title h2 																		{font-size:1.875em;}
    .btn_more 																	{width:45px;height:45px;}
    .btn_more::before														{height:16px;}
    .btn_more::after														{width:16px;}
}

@media (max-width: 1024px) {
    .title h2 																		{font-size:1.75em;}
}

@media (max-width: 768px) {
    .title                                                                          {margin-bottom:1.375em;}
    .title h2 																		{font-size:1.643em;}
    .btn_more 																	{width:40px;height:40px;}
}

@media (max-width: 468px) {
    .title                                                                          {margin-bottom:1.25em;}
    .btn_more::before														{height:14px;}
    .btn_more::after														{width:14px;}

}

@media (max-width: 319px) {
    .title                                                                          {margin-bottom:1.125em;}
}

@media (max-width: 298px) {
    .btn_more 																{width:36px;height:36px;}
}





/**********************************************************************

 									비주얼

**********************************************************************/

.visual											                  { position:relative;padding-top:70px;display:flex;justify-content:space-between;--sizeWidth:790px;}
.visual .txt														{width:calc(100% - var(--sizeWidth));}
.visual .txt .ti													{font-size:1em;}
.visual .txt .ti .green												{display:block;color:var(--color-point);font-size:1.375em;font-weight:500;margin-bottom:1em;line-height:1;}
.visual .txt .ti strong												{display:block;font-weight:700;color:var(--color-base);font-size:4.25em;line-height:1;}
.visual .txt p													{font-size:1.25em;color:var(--color-base1);font-weight:400;}
.visual .txt p+p												{margin-top:1.625em;}

.visual	.img													{position:relative;width:var(--sizeWidth);height:335px;background:url('/resource/camping/images/main/visual.svg') no-repeat bottom right / 100%;transform: translateX(13px);z-index:9;}
.visual	.img .sun												{position:absolute;bottom:50%;left:-12%;--sizeHig:60px;}
.visual	.img .sun::before									{content:'';width: var(--sizeHig);height: var(--sizeHig);display: block;filter: blur(30px);position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;opacity: .4;background: #c14b04;animation:sun 2.5s infinite;}
.visual	.img .sun::after										{content:'';position:relative;display:block;width: var(--sizeHig);height: var(--sizeHig);background:url('/resource/camping/images/main/sun.png') no-repeat center center / 100% ; }
.visual	.img .cloud												{position:absolute;}
.visual	.img .cloud::before										{content:'';display:block;background:url('/resource/camping/images/main/cloud.png') no-repeat center center / 100% ;}
.visual	.img .cloud.left										{top:-2%;left:1.5%;}
.visual	.img .cloud.right										{top:1%;right:16%;}
.visual	.img .cloud.left::before								{width:92px;height:53px;}
.visual	.img .cloud.right::before								{width:86px;height:48px;}
.visual	.img .fire 													{position:absolute;bottom:45px;right:40.5%;}
.visual	.img .fire::before										{content:'';display:block;width:125px;height:92px;background:url('/resource/camping/images/main/fire.svg') no-repeat center center / 100% ;animation: fire 3s infinite ease-in-out;transform-origin: center bottom; /* 불꽃 밑부분 고정 */}

/* 해 애니메이션*/
@keyframes sun {
    0% { opacity:.4;}
    50% { opacity:.8; }
    100% { opacity:.4;}
}


/* 불꽃 애니메이션*/
@keyframes fire {
    0% {
        transform: scale(1) translate(0, 0) rotate(0deg);
        opacity: 1;
    }
    20% {
        transform: scale(1.05) translate(-1px, -2px) rotate(-2deg);
        opacity: 0.95;
    }
    40% {
        transform: scale(0.98) translate(1px, -1px) rotate(1.5deg);
        opacity: 0.97;
    }
    60% {
        transform: scale(1.03) translate(-1.5px, -2px) rotate(-1deg);
        opacity: 0.94;
    }
    80% {
        transform: scale(1.01) translate(1.2px, -1px) rotate(1deg);
        opacity: 0.98;
    }
    100% {
        transform: scale(1) translate(0, 0) rotate(0deg);
        opacity: 1;
    }
}

@media (max-width: 1568px) {
    .visual																				{--sizeWidth:690px;}
    .visual .txt .ti strong																{font-size:4em;}
    .visual .img																		{transform:translateX(0);}
    .visual .img .sun																{--sizeHig:50px;left: -8%;}
    .visual	.img .fire																{bottom:36px;}
    .visual	.img .fire::before														{width:110px;height:81px;}
    .visual	.img .cloud.left														{top:0%;}
    .visual	.img .cloud.right														{top:3%;}
    .visual	.img .cloud.left::before												{width:82px;height:47px;}
    .visual	.img .cloud.right::before												{width:76px;height:44px;}
}

@media (max-width: 1368px) {
    .visual																				{--sizeWidth:600px;}
    .visual	.img .fire::before														{width:90px;height:66px;}
    .visual .txt .ti strong																{font-size:3.875em;}
    .visual	.img .cloud.left														{top:2%;}
    .visual	.img .cloud.right														{top:5%;}
}

@media (max-width: 1268px) {
    .visual																			{flex-wrap:wrap; justify-content:flex-end;padding-top:50px;}
    .visual .txt																	{width:100%;}
    .visual .txt .ti .green															{font-size:1.25em;}
    .visual .txt .ti strong															{font-size:3.5em;}
    .visual .txt p																	{font-size:1.125em;}
    .visual .img																	{width:60%;height: 0;padding-top: 30%;}
    .visual	.img .fire																{bottom:10%;left:45%;}
    .visual	.img .cloud.left														{top:6%;}
    .visual	.img .cloud.right														{top:10%;}
}

@media (max-width: 1068px) {
    .visual .txt .ti strong															{font-size:3em;}
    .visual .txt p+p 																{margin-top: 1.5em;}
    .visual	.img .fire																{left:44%;}
}

@media (max-width: 968px) {
    .visual																			{justify-content:center;padding-top:50px;}
    .visual .txt																	{text-align:center;}
    .visual .img        														{margin-top:1.25em;margin-left: 40px;}
    .visual .img .sun																{--sizeHig:40px;}
    .visual	.img .cloud.left::before												{width:60px;height:34px;}
    .visual	.img .cloud.right::before												{width:54px;height:31px;}
    .visual	.img .cloud.left														{top:8%;}
    .visual	.img .cloud.right														{top:12%;}
    .visual	.img .fire::before														{width:80px;height:59px;}
}

@media (max-width: 868px) {
    .visual																				{padding-top:40px;}
    .visual .txt .ti .green															{font-size:1.125em;}
    .visual .txt .ti strong															{font-size:2.5em;}
    .visual .txt p																	{font-size:1.063em;}
    .visual .img																	{width:60%;margin-top:2.5em;padding-top:26%;margin-left:35px;}
    .visual .img .sun																{--sizeHig:35px;}
    .visual	.img .cloud.left														{top:4%;}
    .visual	.img .cloud.right														{top:8%;}
    .visual	.img .cloud.left::before												{width:50px;height:29px;}
    .visual	.img .cloud.right::before												{width:45px;height:26px;}
    .visual	.img .fire																{bottom:13%;}
    .visual	.img .fire::before														{width:75px;height:55px;}
}


@media (max-width: 768px) {
    .visual .img																	{width:65%;padding-top:28%;margin-top:2em;margin-left:30px;}
    .visual .img .sun																{--sizeHig:30px;left:-7.5%;}
    .visual	.img .cloud.left::before												{width:40px;height:23px;}
    .visual	.img .cloud.right::before												{width:35px;height:20px;}
    .visual	.img .fire																{bottom:12%;}
    .visual	.img .fire::before														{width:65px;height:48px;}

}

@media (max-width: 668px) {
    .visual .txt .ti .green															{font-size:1.063em;}
    .visual .txt .ti strong															{font-size:2.375em;}
    .visual .txt p																	{font-size:1em;}
    .visual	.img .fire::before														{width:60px;height:44px;}
}

@media (max-width: 568px) {
    .visual	.img .fire																{left:44%;}
    .visual	.img .fire::before														{width:50px;height:37px;}
    .visual	.img .cloud.left::before												{width:35px;height:20px;}
    .visual	.img .cloud.right::before												{width:30px;height:17px;}
}


@media (max-width: 468px) {
    .visual .img																	{width:80%;padding-top:34%;margin-top:1.5em;}
    .visual .txt .ti .green															{font-size:1em;}
    .visual .txt .ti strong															{font-size:2em;}
    .visual .txt p																	{font-size:.938em;}
    .visual	.img .fire																{left:45%;bottom:12%;}
    .visual	.img .fire::before														{width:45px;height:33px;}
}

@media (max-width: 398px) {
    .visual	.img .fire																{left:44%;}
}


@media (max-width: 368px) {
    .visual .img																	{width:100%;padding-top:40%;margin-top:1.25em;margin-left:25px;}
    .visual .txt .ti strong															{font-size:1.875em;}
    .visual .img .sun																{--sizeHig:25px;}
    .visual	.img .cloud.left::before												{width:30px;height:17px;}
    .visual	.img .cloud.right::before												{width:25px;height:14px;}
}



@media (max-width: 279px) {
    .visual .img																	{padding-top:43%;margin-left:0;}
    .visual .img .sun																{display:none;}
    .visual	.img .fire																{left:42.5%;}
}




/**********************************************************************

 				  알림마당 & 자주 찾는 서비스

**********************************************************************/

[data-main-con="quick"]															{background:#f2f7ee;padding:80px 0 100px;margin-top:-7em;}
[data-main-con="quick"] > .con_inner										{display:flex;justify-content: space-between;}


/* 알림마당 */
[data-main-con="quick"] .popup                                 			 	{ position:relative;flex:none; width:620px;  }
[data-main-con="quick"] .popup .swiper 										{border:1px solid #dde6d7;border-radius:1.25em 7.5em 1.25em 1.25em;overflow:hidden;height:100%;}
[data-main-con="quick"] .popup .swiper-slide                   				{ width:100%;background:var(--color-white);}
[data-main-con="quick"] .popup .swiper-slide a                 				{ display:block; position:relative; }
[data-main-con="quick"] .popup .swiper-slide a .img            			 	{ position:relative; width:100%;overflow:hidden; display:block; height:0; padding-top: 59.224%; }
[data-main-con="quick"] .popup .swiper-slide a .img img        			 	{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="quick"] .popup .swiper-slide > a span[data-alt] 			{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1);
    outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main-con="quick"] .popup .swiper-slide > a:focus span[data-alt]  		{ opacity:1;}
[data-main-con="quick"] .popup .swiper_control                              { position:absolute;right:1.375em;bottom:-1.375em;display:flex; justify-content:space-between; background:var(--color-white);border:1px solid #dde6d7; padding:.875em 1.75em;border-radius:2em;z-index:9;}
[data-main-con="quick"] .popup .swiper_page                                 { justify-content:left; align-items:center; }
[data-main-con="quick"] .popup .control                                     { display:flex; }
[data-main-con="quick"] .popup .control .btn_slide_allView					{ display:block; width:25px; height:25px; background:url(/resource/camping/images/main/icon_all.svg) no-repeat 50% / 12px;margin-left: .5em; }

/* none_data */
[data-main-con="quick"] .popup .swiper-slide.none_data						{display: flex;justify-content: center;align-items: center;}
  
/* 배너모두보기 */
.area_ban_all																{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s;
    transition-property:opacity, visibility;}
.area_ban_all.active														{ opacity:1; visibility:visible; }
.area_ban_all .inr															{ position:absolute; top:50%; left:50%; width:94%; max-width:1500px; max-height:80%; box-sizing:border-box; padding:0; transform:translate(-50%, calc(-50% - 0.5px));}
.area_ban_all .inr .round_box												{ display:table; margin:0 auto 2em auto; border-radius:3em; padding:15px 35px; background:var(--color-white); font-size:1.67em; }
.area_ban_all .inr .round_box strong										{ font-weight:bold; }
.area_ban_all .list_all														{ display:flex; flex-wrap:wrap; gap:10px; margin:0 auto;  overflow-y:auto; max-height:calc(100vh - 20em); padding-right:15px}
.area_ban_all .list_all::-webkit-scrollbar 									{ -webkit-appearance:none; width:6px;}
.area_ban_all .list_all::-webkit-scrollbar-thumb 							{ background-color:rgba(255, 255, 255, .8); border-radius:5px; border:2px solid #000; }
.area_ban_all .list_all::-webkit-scrollbar-track 							{ border-radius:5px; background-color:#000; }
.area_ban_all .list_all > li												{ flex:0 1 calc((100% - 20px) / 3); }
.area_ban_all .list_all > li a												{ position:relative; display:block; text-align:center; }
.area_ban_all .list_all .img												{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top: 59.224%; }
.area_ban_all .list_all .img img											{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
.area_ban_all .list_all span[data-alt]										{ opacity:0; overflow:hidden; position:absolute; text-indent:-9999em; }
.area_ban_all .btn_slide_allView										{ opacity:1; position:absolute; top:0; right:0px; min-width:inherit; width:60px; height:60px; padding:0px; background-color:var(--color-point); border:0px; border-radius:100%;transition:var(--trans-ani);}
.area_ban_all .btn_slide_allView::before								{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-white);}
.area_ban_all .btn_slide_allView:hover,s
.area_ban_all .btn_slide_allView:focus									{ background:var(--color-point2);}

.area_ban_all .btn_slide_allView::after                  					 {position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-white);}



[data-main-con="quick"] .quick										{flex:auto;display: flex;flex-flow: column;justify-content: center;max-width: calc(100% - 620px - 6.25em);padding:3.75em;margin-left: 6.25em;border-radius:1.25em;background:#2a852a url('/resource/camping/images/main/quick_bg.jpg') no-repeat center center / cover;}
[data-main-con="quick"] .quick .title h2							{color:var(--color-white);}
[data-main-con="quick"] .quick .list									{display:flex;gap:0 30px;justify-content:space-between;justify-items: center;}
[data-main-con="quick"] .quick .list li									{width:calc(100% / 5 - 24px);}
[data-main-con="quick"] .quick .list li a								{display:block;transition:var(--trans-ani);text-align:center;}
[data-main-con="quick"] .quick .list li a .icon							{display:block;width:100%;max-width:128px;background:rgba(255,255,255,.8);border-radius:1.25em;margin:0 auto 1.25em;}
[data-main-con="quick"] .quick .list li a:focus .icon,
[data-main-con="quick"] .quick .list li a:hover .icon				{background:#fff;}
[data-main-con="quick"] .quick .list li a .icon::before				 {content:'';display:block;width:100%;height:0;padding-top:100%;}
[data-main-con="quick"] .quick .list li a:focus .icon::before,
[data-main-con="quick"] .quick .list li a:hover .icon::before			{animation:iconShow .5s;}
[data-main-con="quick"] .quick .list li a .icon1::before				{background:url('/resource/camping/images/main/icon_quick1.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .quick .list li a .icon2::before				{background:url('/resource/camping/images/main/icon_quick2.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .quick .list li a .icon3::before				{background:url('/resource/camping/images/main/icon_quick3.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .quick .list li a .icon4::before				{background:url('/resource/camping/images/main/icon_quick4.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .quick .list li a .icon5::before				{background:url('/resource/camping/images/main/icon_quick5.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .quick .list li a strong							{color:var(--color-white);font-weight:500;font-size:1.125em;}



@media all and (max-width:1768px){
    .area_ban_all .inr .round_box											{ font-size:1.57em; }
}

@media all and (max-width:1568px){
    [data-main-con="quick"]													{margin-top:-6em;padding:80px 0;}
    [data-main-con="quick"] .popup   									{width:550px;}
    [data-main-con="quick"] .quick	    								{max-width: calc(100% - 550px - 5em);margin-left: 5em;padding:3.25em; }
}

@media all and (max-width:1468px){
    [data-main-con="quick"] .popup .swiper_control					{padding: .75em 1.5em;}
    .area_ban_all .inr .round_box											{ font-size:1.47em; }

    [data-main-con="quick"] .quick	    								{max-width: calc(100% - 550px - 4em);margin-left: 4em;padding:3em;}
    [data-main-con="quick"] .quick .list									{gap:0 20px;}
    [data-main-con="quick"] .quick .list li									{width: calc(100% / 5 - 20px);}
}

@media all and (max-width:1368px){
    [data-main-con="quick"]													{margin-top:-5.3em;}
    [data-main-con="quick"] .popup   									{width:500px;}

    [data-main-con="quick"] .quick										{max-width: calc(100% - 500px - 3em);margin-left: 3em;padding:2.25em;}
    [data-main-con="quick"] .quick .list									{gap:0 15px;}
    [data-main-con="quick"] .quick .list li									{width: calc(100% / 5 - 12px);}
    [data-main-con="quick"] .quick .list li a .icon						{margin:0 auto 1em;}
    [data-main-con="quick"] .quick .list li a strong					{font-size:1.063em;}
}

@media all and (max-width:1268px){
    [data-main-con="quick"]													{margin-top:-6.2em;}
    .area_ban_all .list_all > li											{ flex:0 1 calc((100% - 10px) / 2); }

    [data-main-con="quick"] .quick										{padding:2em;}
    [data-main-con="quick"] .quick .list li a strong					{font-size:1em;}
}

@media all and (max-width:1168px){
    [data-main-con="quick"]													{margin-top:-5.75em;padding:70px 0 60px;}
    [data-main-con="quick"] > .con_inner								{flex-wrap:wrap;}
    [data-main-con="quick"] .popup   									{width:100%; margin-left: -5px;margin-right: -5px;text-align:center;}
    [data-main-con="quick"] .popup .swiper 								{border:none;border-radius:0;height:auto;}
    [data-main-con="quick"] .popup .swiper-slide							{ width:50%;}
    [data-main-con="quick"] .popup .swiper-slide a							{ margin:0 5px;overflow:hidden;border:1px solid #dde6d7;border-radius:1.25em 5em 1.25em 1.25em; }
    [data-main-con="quick"] .popup .swiper_control					{position: initial;display: inline-flex;margin: 1.25em auto 0;}

    [data-main-con="quick"] .quick										{max-width: 100%;margin-left: 0;margin-top:25px;padding:2.5em;}
    [data-main-con="quick"] .title 										{ justify-content: center;}
    [data-main-con="quick"] .quick .list								{gap: 0 1.875em;justify-content: center;}
    [data-main-con="quick"] .quick .list li								{width:calc(100% / 5 - 1.5em);max-width:100px;}
}

@media all and (max-width:1068px){
    .area_ban_all .inr .round_box											{ font-size:1.37em; }

}

@media all and (max-width:1024px){
    [data-main-con="quick"]													{margin-top:-5.7em;}

}

@media all and (max-width:968px){
    [data-main-con="quick"]													{margin-top:-5.3em;}
}
@media all and (max-width:868px){
    [data-main-con="quick"]													{margin-top:-4.7em;}
    .area_ban_all .inr .round_box											{ font-size:1.27em; }
    .area_ban_all .btn_slide_allView										{ width:50px; height:50px; }
}

@media all and (max-width:768px){
    [data-main-con="quick"]													{margin-top:-4.7em;padding:60px 0 50px;}
    [data-main-con="quick"] .quick										{padding:2em;}
    [data-main-con="quick"] .quick .list								{gap: 0 1.25em;}
    [data-main-con="quick"] .quick .list li								{width:calc(100% / 5 - 1em);}
}
@media all and (max-width:668px){
    [data-main-con="quick"]													{margin-top:-4em;}
    [data-main-con="quick"] .popup										{margin-left:0;margin-right:0;}
    [data-main-con="quick"] .popup .swiper 							{border:1px solid #dde6d7;border-radius:1.25em 7.5em 1.25em 1.25em;overflow:hidden;}
    [data-main-con="quick"] .popup .swiper-slide					{ width:100%; }
    [data-main-con="quick"] .popup .swiper-slide a					{ margin:0 ; border:none;border-radius:0; overflow: inherit }
    [data-main-con="quick"] .popup .swiper_control					{ padding:.5em 1.25em }
    .area_ban_all .inr .round_box											{ font-size:1.2em; padding:30px 15px 10px 15px; text-align:center; line-height:1.2  }
    .area_ban_all .btn_slide_allView										{ width:45px; height:45px; right:inherit; left:50%; top:-22.5px; transform:translateX(-50%);}
    .area_ban_all .list_all > li											{ flex:100%; }
    .area_ban_all .list_all													{ padding-right:8px; }
}

@media all and (max-width:568px){
    [data-main-con="quick"]													{margin-top:-3.5em;}
    [data-main-con="quick"] .quick										{padding: 1.875em 1.25em;}
    [data-main-con="quick"] .quick .list								{gap: 1.25em;flex-wrap:wrap;}
    [data-main-con="quick"] .quick .list li								{flex:0 1 30%;width:auto;max-width:110px;}
    [data-main-con="quick"] .quick .list li	a .icon						{margin:0 auto .75em;}
}

@media all and (max-width:498px){
    [data-main-con="quick"]													{margin-top:-3em;}
}

@media all and (max-width:468px){
    [data-main-con="quick"]													{margin-top:-3.5em;padding:50px 0 40px;}
    [data-main-con="quick"] .quick .list								{gap: 1em;}
    [data-main-con="quick"] .quick .list li								{max-width:85px;}
}

@media all and (max-width:398px){
    [data-main-con="quick"]													{margin-top:-3em;}
    [data-main-con="quick"] .popup .swiper 							{border-radius:1.25em 5em 1.25em 1.25em;overflow:hidden;}
}

@media all and (max-width:368px){
    [data-main-con="quick"] .popup .control .btn_slide_allView{margin-left:0;}
    [data-main-con="quick"] .quick .list								{gap: .75em;}
    [data-main-con="quick"] .quick .list li a strong				{font-size:.938em;}
}

@media all and (max-width:268px){
    [data-main-con="quick"] .quick .list li								{flex: 0 1 calc(100% / 2 - .75em);max-width:100%;}
    [data-main-con="quick"] .quick .list li a .icon						{max-width:85px;}
}




/**********************************************************************

 				     이용안내 & 공지사항

**********************************************************************/

[data-main-con="board"]                                                       {position:relative;background:#fff;padding:100px 0;}
[data-main-con="board"] > .con_inner									{display:flex;justify-content: space-between;}
[data-main-con="board"] .info												{flex:none; width:620px; }
[data-main-con="board"] .info .box											{position:relative;border:1px solid #dfdfdf;border-radius:1.25em;padding:1.875em;--sizeWidth:137px;overflow:hidden;}
[data-main-con="board"] .info .box::before									{content:'';left:0;top:0;width:var(--sizeWidth);height:100%;position:absolute;background:#f7f7f7 url('/resource/camping/images/main/tent.svg') no-repeat right -90% bottom 5% / auto 105px;border-right:1px solid #dfdfdf;z-index:1;}
[data-main-con="board"] .info .box > div										{position:relative;z-index:5;display:flex;justify-content: space-between;}
[data-main-con="board"] .info .box .price								{margin-top:1.875em;}
[data-main-con="board"] .info .box h3									{position:relative;width:calc(var(--sizeWidth) - 1.375em);font-size:1.375em;font-weight:600;color:var(--color-base);line-height:1;}
[data-main-con="board"] .info .box h3::after							{content:'';display:block;position:absolute;top:7.5px;right:-3.5px;width:7px;height:7px;border-radius:100%;background:var(--color-point);}
[data-main-con="board"] .info .box .con 								{width:calc(100% - var(--sizeWidth));}
[data-main-con="board"] .info .box .con p,
[data-main-con="board"] .info .box .con strong					{display:block;font-size:1.125em;font-weight:600;color:var(--color-base);}
[data-main-con="board"] .info .box .con strong					{margin-bottom:.5em;}
[data-main-con="board"] .info .box .con > ul							{display:flex;flex-wrap: wrap;}
[data-main-con="board"] .info .box .price .con > ul > li + li{margin-top:1.25em;}
[data-main-con="board"] .info .box .price .con ul > li > ul 			{display:flex;justify-content: flex-start;gap:0 3em;}
[data-main-con="board"] .info .box .price .con ul > li > ul > li		{color:var(--color-base);font-weight:400;font-size:1em;align-items:center;}
[data-main-con="board"] .info .box .price .con ul > li > ul > li span{display:inline-block;background:var(--color-point);color:#fff;font-size:1em;font-weight:600;line-height:1;padding:.5em .875em;border-radius:1em;margin-right:.938em;}
[data-main-con="board"] .notice												{position:relative;flex:auto;max-width: calc(100% - 620px - 6.25em);}
[data-main-con="board"] .notice .list										{width: calc(100% + 2.5em);margin-left:-1.25em;margin-right:-1.25em;}
[data-main-con="board"] .notice .list .swiper-slide							{width:50%}
[data-main-con="board"] .notice .list .swiper-slide a						{display:block;background:#f7f7f7;border-radius:1.25em;padding:2.5em;transition:var(--trans-ani);margin:0 1.25em;}
[data-main-con="board"] .notice .list .swiper-slide a:focus,
[data-main-con="board"] .notice .list .swiper-slide a:hover				{background:#f2f7ee;}
[data-main-con="board"] .notice .list .swiper-slide a dl 				{margin-bottom:2.375em;}
[data-main-con="board"] .notice .list .swiper-slide a dl dt				{font-size:1.375em;font-weight:700;color:var(--color-base);line-height:1.5; height:2.75em;margin-bottom:1.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
[data-main-con="board"] .notice .list .swiper-slide a dl dd				{font-size:1.125em;font-weight:400;color:var(--color-base1);line-height:1.5; height:2.75em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
[data-main-con="board"] .notice .list .swiper-slide a .date 			{color:var(--color-base1); padding-left:27px; position:relative; }
[data-main-con="board"] .notice .list .swiper-slide a .date::before	{position:absolute; width:19px; height:16px; content:''; background:url(/resource/camping/images/main/icon_calendar.svg) no-repeat 50% 50% / auto; left:0; top:50%; transform:translateY(-50%);}

[data-main-con="board"] .notice .list .swiper_control					{position:absolute;top:0;right:calc(55px + .938em);height:55px;display:flex;align-items: center;}
[data-main-con="board"] .notice .list .swiper_control .swiper_page	{width:auto;}

@media all and (max-width:1568px){
    [data-main-con="board"]													{padding:80px 0;}
    [data-main-con="board"] .info									{width:550px;}
    [data-main-con="board"] .info .box h3							{width: calc(var(--sizeWidth) - 1.1em);}
    [data-main-con="board"] .info .box .price .con ul > li > ul 			{gap:0 1em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span	{margin-right:.5em;}

    [data-main-con="board"] .notice    									{max-width: calc(100% - 550px - 5em);margin-left: 5em;}
  	[data-main-con="board"] .notice .list								{width: calc(100% + 2em);margin-left:-1em;margin-right:-1em;}
    [data-main-con="board"] .notice .list .swiper-slide a				{margin: 0 1em;}
}

@media all and (max-width:1468px){
    [data-main-con="board"] .notice	    								{max-width: calc(100% - 550px - 4em);margin-left: 4em;}
  	[data-main-con="board"] .notice .list 								{width: calc(100% + 1.75em);margin-left:-.875em;margin-right:-.875em;}
    [data-main-con="board"] .notice .list .swiper-slide a				{margin:0 .875em;}

}

@media all and (max-width:1368px){
    [data-main-con="board"] .info									{width:500px;}
    [data-main-con="board"] .info .box									{padding:1.5em;--sizeWidth:120px;}
    [data-main-con="board"] .info .box::before							{background-position:right -40% bottom 5%;}
    [data-main-con="board"] .info .box .price						{margin-top:1.5em;}
    [data-main-con="board"] .info .box h3							{width: calc(var(--sizeWidth) - 1.25em);font-size: 1.25em;}
    [data-main-con="board"] .info .box .con p,
    [data-main-con="board"] .info .box .con strong				{font-size:1.063em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul		{ gap: 0 .75em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span{font-size:.938em;margin-right: .25em;}
    [data-main-con="board"] .notice										{max-width: calc(100% - 500px - 3em);margin-left: 3em;}
 	[data-main-con="board"] .notice .list								{width: calc(100% + 1.5em);margin-left:-0.75em;margin-right:-0.75em;}
    [data-main-con="board"] .notice .list .swiper-slide a			{padding:2em;margin:0 .75em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl		{margin-bottom:2.25em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl dt		{font-size:1.25em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl dd		{font-size:1.063em;}
    [data-main-con="board"] .notice .list .swiper_control			{right: calc(50px + .938em);height:50px;}
}

@media all and (max-width:1268px){
    [data-main-con="board"] .notice .list .swiper_control			{right: calc(45px + .938em);height:45px;}
}

@media all and (max-width:1168px){
    [data-main-con="board"] 											{padding:60px 0;}
    [data-main-con="board"] > .con_inner								{flex-wrap:wrap;}
    [data-main-con="board"] .info										{width:100%;}
    [data-main-con="board"] .info .box									{--sizeWidth:230px;padding:1.875em;}
    [data-main-con="board"] .info .box::before							{background-position:right -8% bottom 5%;background-size:auto 95px;}
    [data-main-con="board"] .info .box h3							{width: calc(var(--sizeWidth) - 1.5em);}
    [data-main-con="board"] .info .box h3::after						{right:-3px;top:5.5px;}
    [data-main-con="board"] .info .box .con > ul > li 				{width:50%;}
    [data-main-con="board"] .info .box .price						{margin-top:1.375em;}
    [data-main-con="board"] .info .box .price .con > ul > li + li	{margin-top:0;}
    [data-main-con="board"] .info .box .price .con ul > li > ul		{flex-wrap:wrap;gap:.5em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li{width:100%;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span{width:128px;text-align:center;}
    [data-main-con="board"] .notice									{max-width: 100%;margin-top:40px;margin-left: 0;}
    [data-main-con="board"] .notice .list							{width: calc(100% + 10px);margin-left: -5px;margin-right: -5px;}
    [data-main-con="board"] .notice .list .swiper-slide a			{padding:1.875em;margin:0 5px;}

}

@media all and (max-width:1024px){
    [data-main-con="board"] .info .box::before						{background-position:right -8% bottom 5%;background-size:auto 85px;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span{width:100px;}
    [data-main-con="board"] .info .box .con p,
    [data-main-con="board"] .info .box .con strong					{font-size:1.125em;}
}

@media all and (max-width:768px){
    [data-main-con="board"]												{padding:50px 0;}
    [data-main-con="board"] .info .box								{padding:1.5em;--sizeWidth:137px;}
    [data-main-con="board"] .info .box::before						{background-position:right -16% bottom 5%;background-size:auto 70px;}
    [data-main-con="board"] .info .box h3							{width: calc(var(--sizeWidth) - 1.25em);}
    [data-main-con="board"] .info .box .price						{margin-top:1.25em;}
    [data-main-con="board"] .notice .list .swiper-slide a		{padding:1.5em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl	{margin-bottom:2em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl dt	{margin-bottom:1em;}
    [data-main-con="board"] .notice .list .swiper_control			{right: calc(40px + .938em);height:40px;}
}

@media all and (max-width:668px){
    [data-main-con="board"] .info .box .con > ul > li			{width:100%;}
    [data-main-con="board"] .info .box .price .con > ul > li + li{margin-top:.75em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li{width:auto;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span{width:auto;}

    [data-main-con="board"] .notice									{margin-left:0;margin-right:0;}
   	[data-main-con="board"] .notice .list,
    [data-main-con="board"] .notice .list .swiper-slide				{width:100%;}
    [data-main-con="board"] .notice .list .swiper-slide a			{margin:0;}
}

@media all and (max-width:568px){
    [data-main-con="board"] .info .box								{padding:1.375em;}
    [data-main-con="board"] .info .box h3							{font-size:1.125em;}
    [data-main-con="board"] .info .box h3::after					{top:4px;right:-3.5px;width:6px;height:6px;}
    [data-main-con="board"] .info .box .con p,
    [data-main-con="board"] .info .box .con strong				{font-size:1.063em;}
    [data-main-con="board"] .info .box .price						{margin-top:1.125em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li{font-size:.938em;}
    [data-main-con="board"] .info .box .price .con ul > li > ul > li span{padding: .375em .75em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl dt	{font-size:1.125em;}
    [data-main-con="board"] .notice .list .swiper-slide a dl dd	{font-size:1em;}
    [data-main-con="board"] .notice .list .swiper-slide a .date {font-size:.938em;}
}

@media all and (max-width:468px){
    [data-main-con="board"]												{padding:40px 0;}
    [data-main-con="board"] .info .box								{--sizeWidth:100px;}
}

@media all and (max-width:368px){
    [data-main-con="board"] .notice .list .swiper_control	{right: calc(40px + .125em);}

}

@media all and (max-width:298px){
    [data-main-con="board"] .notice .list .swiper_control			{position:relative;right:inherit;top:inherit;justify-content: center;margin-top:1.25em;height:auto;}
}



/**********************************************************************

 				   		캠핑장 시설 안내

**********************************************************************/

[data-main-con="facility"]														{position:Relative;padding-bottom:120px;background:url('/resource/camping/images/common/typo.png') no-repeat center bottom -2% / 100%;}
[data-main-con="facility"]::before								  				{content:'';position:absolute;bottom:0;left:0;display:block;background:#f2f7ee;width:100%;height:59%;z-index:-1;}
[data-main-con="facility"] .tab_menu 										{gap:0 12px;margin-right:calc(55px + .938em);}
[data-main-con="facility"] .tab_menu li button							{border:1px solid #dfdfdf;padding:0 2.188em;text-align:center;border-radius:1.75em;height:55px;}
[data-main-con="facility"] .tab_menu li button span						{font-size:1.5em;font-weight:400;color:var(--color-base1);line-height:1;}
[data-main-con="facility"] .tab_menu li.active button					{background:var(--color-point);}
[data-main-con="facility"] .tab_menu li.active button span				{color:#fff;font-weight:500;}
[data-main-con="facility"] .conts_tab 											{z-index:9;}
[data-main-con="facility"] .conts_tab .flex										{justify-content: space-between;align-items:center}
[data-main-con="facility"] .conts_tab .btn_more								{position:absolute;top:calc( -55px + -1.875em);right:0;}
[data-main-con="facility"] .conts_tab .map									{flex:auto;width:100%;max-width: calc(100% - 535px - 6.25em);height:0;padding-top:23%;margin-right:6.25em;background:url('/resource/camping/images/main/map.svg') no-repeat center center / 100%;}
[data-main-con="facility"] .conts_tab .map .marker {position: absolute;top: 0px;left: 0px;display: block;width: 120px;height: 120px;background: url('/resource/camping/images/main/marker.svg') no-repeat center center / auto 27px;}
[data-main-con="facility"] #facilityTab01 .map .marker{top: 24%;left:40%;}
[data-main-con="facility"] #facilityTab02 .map .marker{top:35%;left:12.5%;}
[data-main-con="facility"] .conts_tab .map .marker span {position: absolute;display: block;width: 100%;height: 100%; }
[data-main-con="facility"] .conts_tab .map .marker span:after,
[data-main-con="facility"] .conts_tab .map .marker span:before {content: "";position: absolute;display: block;top: 0;left: 0; width: 100%;height: 100%; background: radial-gradient(circle at center, transparent 0,  #f2f6af 80%);border-radius: 100%;animation: marker 2s infinite ease-out; animation-fill-mode: both;}
[data-main-con="facility"] .conts_tab .map .marker span::after {animation-delay: 1s;}

[data-main-con="facility"] .conts_tab .img									{flex:none; width:535px;}
[data-main-con="facility"] .conts_tab .img .img_box						{position:relative;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper				{border:6px solid var(--color-point);border-radius:1.25em;overflow:hidden;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper-slide {position:relative;width:100%;overflow:hidden; display:block; height:0; padding-top: 62.526%;background:#000; }
[data-main-con="facility"] .conts_tab .img .img_box .swiper-slide  img{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-main-con="facility"] .conts_tab .img .img_box .swiper_control{position:absolute;top:0;left:0;width: 100%;height: 100%;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-point);width:55px;height:55px;border-radius: 100%;z-index: 9;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper_control button::before{filter: invert(1);width:12px;height:18px;background-size:auto 18px;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper_prev	{left:-27.5px;}
[data-main-con="facility"] .conts_tab .img .img_box .swiper_next	{right:-27.5px;}
[data-main-con="facility"] .conts_tab .img .txt								{display:flex;margin-top:1.945em;gap:0 1.5em;padding:0 .875em;align-items:center;justify-content:flex-start;}
[data-main-con="facility"] .conts_tab .img .txt	strong					{min-width:128px;font-size:1.75em;font-weight:700;color:var(--color-base);}
[data-main-con="facility"] .conts_tab .img .txt	p						{font-size:1.125em;color:var(--color-base1);font-weight:400;}
[data-main-con="facility"] .conts_tab .img .txt span					{font-weight:600;color:var(--color-base);}

/* 위치 표시 애니메이션*/
@keyframes marker {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}


@media all and (max-width:1568px){
    [data-main-con="facility"]											{padding-bottom:100px;}
    [data-main-con="facility"] .conts_tab .map						{ max-width: calc(100% - 465px - 5em);margin-right:5em;}
    [data-main-con="facility"] #facilityTab01 .map .marker			{left: 38.5%;}
    [data-main-con="facility"] #facilityTab02 .map .marker			{top:33%;left:11%;}
    [data-main-con="facility"] .conts_tab .img							{width:465px;}
    [data-main-con="facility"] .conts_tab .img .txt					{flex-wrap:wrap; gap: .25em;}
    [data-main-con="facility"] .conts_tab .img .txt strong			{min-width:auto;display:block;width:100%;font-size:1.75em}
}

@media all and (max-width:1468px){
    [data-main-con="facility"] .tab_menu li button span			{font-size:1.375em;}
    [data-main-con="facility"] .conts_tab .map						{ max-width: calc(100% - 485px - 4em);margin-right:4em;}
    [data-main-con="facility"] #facilityTab01 .map .marker			{left: 37%;}
    [data-main-con="facility"] #facilityTab02 .map .marker			{left:11.5%;}
    [data-main-con="facility"] .conts_tab .img .txt					{padding: 0 .5em; margin-top: 1.75em;}
    [data-main-con="facility"] .conts_tab .img .txt strong			{font-size:1.5em;min-width:110px;}
    [data-main-con="facility"] .conts_tab .img .txt p				{font-size:1.063em;}

}

@media all and (max-width:1368px){
    [data-main-con="facility"] .tab_menu							{margin-right: calc(50px + .938em);}
    [data-main-con="facility"] .tab_menu li button 					{padding: 0 2em;height:50px;}
    [data-main-con="facility"] .tab_menu li button span			{font-size:1.25em;}
  	[data-main-con="facility"] .conts_tab .btn_more					{top: calc(-50px + -1.875em);}
    [data-main-con="facility"] .conts_tab .map						{ max-width: calc(100% - 435px - 3em);margin-right:3em;}
    [data-main-con="facility"] #facilityTab01 .map .marker			{left: 39%;}
    [data-main-con="facility"] #facilityTab02 .map .marker			{top:32%;}
    [data-main-con="facility"] .conts_tab .img							{width:435px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{width:50px;height:50px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_prev{left:-22.5px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_next{right:-22.5px;}
}


@media all and (max-width:1268px){
    [data-main-con="facility"] .title h2								{line-height:45px;}
    [data-main-con="facility"] .tab_menu							{margin-right: calc(45px + .938em);}
    [data-main-con="facility"] .tab_menu li button 					{height:45px;}
    [data-main-con="facility"] .tab_menu li button span			{font-size:1.125em;}
    [data-main-con="facility"] .conts_tab .btn_more					{top: calc(-45px + -1.5em);}
    [data-main-con="facility"] #facilityTab01 .map .marker			{top:25%;left:35.5%;}
    [data-main-con="facility"] #facilityTab02 .map .marker			{left:10%;}
    [data-main-con="facility"] .conts_tab .img .txt strong			{font-size:1.375em;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{width:45px;height:45px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_prev{left:-19.5px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_next{right:-19.5px;}
}

@media all and (max-width:1168px){
    [data-main-con="facility"]											{padding-bottom:80px;background-position:center bottom}
    [data-main-con="facility"]::before								{height:70%;}
    [data-main-con="facility"] .conts_tab .flex						{flex-wrap:wrap;align-items:flex-start;}
    [data-main-con="facility"] .conts_tab .map						{max-width: 100%;margin-right:0;padding-top:40%;}
    [data-main-con="facility"] #facilityTab01 .map .marker		{left:66.5%;top:14%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:21.5%;top:20%;}
    [data-main-con="facility"] .conts_tab .img						{width:100%;margin-top:2.5em;display: flex; align-items: center;}
    [data-main-con="facility"] .conts_tab .img .img_box			{width:45%;margin:0 auto 0 21px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{width:40px;height:40px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_prev{left:-16.5px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_next{right:-16.5px;}
    [data-main-con="facility"] .conts_tab .img .txt					{width:calc(100% - 45% - 3.5em);margin-left:3.5em;padding:0;}
}

@media all and (max-width:1024px){
    [data-main-con="facility"] .tab_menu							{gap:0 5px;}
    [data-main-con="facility"] .tab_menu li button 					{padding: .625em 1.75em;}
    [data-main-con="facility"] #facilityTab01 .map .marker		{left:65.5%;top:12%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:20%;top:18%;}
}

@media all and (max-width:868px){
    [data-main-con="facility"] #facilityTab01 .map .marker		{left:64.5%;top:10%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:19%;top:16%;}
}

@media all and (max-width:768px){
    [data-main-con="facility"]											{padding-bottom:60px;}
    [data-main-con="facility"]::before								{height:36.5%;}
    [data-main-con="facility"] .title h2								{line-height:40px;}
    [data-main-con="facility"] .tab_menu							{margin-right: calc(40px + .938em);}
    [data-main-con="facility"] .tab_menu li button 					{height:40px;}
    [data-main-con="facility"] .tab_menu li button span			{font-size:1.063em;}
 	[data-main-con="facility"] .conts_tab .btn_more					{top: calc(-40px + -1.375em);}
    [data-main-con="facility"] .conts_tab .map .marker			{width:100px;height:100px;background-size:auto 24px;}
    [data-main-con="facility"] #facilityTab01 .map .marker		{left:64%;top:7.5%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:20%;top:11%;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{width:40px;height:40px;}
    [data-main-con="facility"] .conts_tab .img						{margin-top:2.5em;flex-wrap:wrap;}
    [data-main-con="facility"] .conts_tab .img .img_box			{width:calc(90% - 40px);margin:0 auto;}
    [data-main-con="facility"] .conts_tab .img .txt					{width:calc(90% - 40px);margin:0 auto;margin-top:1.25em;}
    [data-main-con="facility"] .conts_tab .img .txt strong			{font-size:1.25em;}
}

@media all and (max-width:668px){
    [data-main-con="facility"] #facilityTab01 .map .marker		{top:6%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:18.5%;top:9.5%;}
}

@media all and (max-width:568px){
    [data-main-con="facility"] .title									{flex-wrap:wrap;}
    [data-main-con="facility"] .title h2								{line-height:1;}
    [data-main-con="facility"] .tab_menu							{width:100%;justify-content: flex-start;margin-right:0 ;margin-top: 1.25em;}
    [data-main-con="facility"] .conts_tab .map .marker			{width:80px;height:80px;}
    [data-main-con="facility"] #facilityTab01 .map .marker		{top:6%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:18.5%;top:9.5%;}
}

@media all and (max-width:468px){
    [data-main-con="facility"]											{padding-bottom:50px;}
  	[data-main-con="facility"] .conts_tab .btn_more					{top: calc(-40px + -1.25em);}
    [data-main-con="facility"] #facilityTab01 .map .marker		{left:63%;top:4%;}
    [data-main-con="facility"] #facilityTab02 .map .marker		{left:17.5%;top:7%;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper{border-width:4px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button{width:36px;height:36px;}
    [data-main-con="facility"] .conts_tab .img .img_box .swiper_control button::before{background-size:auto 14px;}
    [data-main-con="facility"] .conts_tab .img .txt					{margin-top:1em;}
}

@media all and (max-width:386px){
    [data-main-con="facility"]::before								{height:38.5%;}
}

@media all and (max-width:368px){
    [data-main-con="facility"]::before								 {height: 55.5%;}
    [data-main-con="facility"] .tab_menu li button 				{padding: .625em 1.25em;}
    [data-main-con="facility"] .conts_tab .map					{display:none;}
    [data-main-con="facility"] .conts_tab .img					{margin-top:0;}
    [data-main-con="facility"] .conts_tab .img .img_box,
    [data-main-con="facility"] .conts_tab .img .txt				{width: calc(100% - 35px);}
}

@media all and (max-width:298px){
    [data-main-con="facility"] .tab_menu						{justify-content: center;}
  	[data-main-con="facility"] .conts_tab .btn_more					{top:-103px;}
}