/*****웹*****/
	@media (min-width: 1024px) {

}


/*****패드*****/
	@media (min-width:641px) and (max-width:1023px) {

	}



/*****모바일*****/
	@media (max-width:640px) {



	}






/* =============================
.top_business-dropdown
============================= */

  .header3 .header__menu > li:last-child {display:none} /*살릴수도있음*/

.top_business-dropdown {
/*   position: absolute; right:0px; top:50px;
   */ width:200px;
}

@media (min-width: 1600px) {
/* .top_business-dropdown { right:550px; top:-10px;}
 */}



.top_business-dropdown #bizBtn {
/*   background: var(--red); */
background: linear-gradient(90deg,rgba(240, 96, 110, 1) 0%, rgba(158, 0, 16, 1) 100%);
  display: flex;
  color: #fff;
  width: 100%;
  padding: 0px 20px 0px 30px;
  border-radius: var(--radius01);
  position: relative;
  z-index: 1000;
}

.top_business-dropdown #bizBtn h3 {
  line-height: 55px; font-size:19px; font-weight:800;
  color: #fff;
  padding: 0;
}
.top_business-dropdown .arrow {
  transition: transform 0.3s ease;
border-radius:50%; width:25px; height:25px; background:#fff;
justify-content: center; display:flex;
  align-items: center;

}

.top_business-dropdown .arrow svg {
  height:18px !important; stroke:var(--red) !important;
  width: 18px !important; padding:0; margin:0 !important;
}




.top_business-dropdown .biz-menu {
  position: absolute; z-index:99999;
  top:50px;
  width: 100%;
  background: #fff;
  border-radius: 0 0 30px 30px;
  box-shadow: 5px 15px 14px rgba(0, 0, 0, 0.1);
  padding: 0 20px; 
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-10px);
  pointer-events: none;
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease, padding 0.3s ease;
}



.top_business-dropdown:hover #bizBtn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.top_business-dropdown:hover .arrow {
  transform: rotate(180deg);
}

.top_business-dropdown:hover .biz-menu {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
  padding: 10px 20px 20px 20px;
  pointer-events: auto;
}

.top_business-dropdown .biz-menu li {
border:none !important;
  padding: 10px; width:100%;
}
.top_business-dropdown .biz-menu li a {
display: block;
  font-size: 17px !important;
  padding: 3px 0px;
  line-height: 27px;
  font-weight: 300;
}


.top_business-dropdown .biz-menu li:nth-child(1) {
  border: none;
}

.top_business-dropdown .biz-menu li:hover a {
  color: var(--red);
}

.header3.scroll  .top_business-dropdown {position:relative; top:auto; left:auto; right:auto;}

.header3.scroll  .top_business-dropdown #bizBtn h3 {
  line-height: 40px; font-size:17px;
}

.header3.scroll  .top_business-dropdown #bizBtn {padding: 0px 20px 0px 20px;}
.header3  .top_business-dropdown .biz-menu {
width:200px;
}


.header3.scroll  .top_business-dropdown .biz-menu li {
padding:0px 10px;
}
.header3.scroll  .top_business-dropdown .biz-menu {
  top:40px;  width:150px;
}

.header3.scroll  .top_business-dropdown .biz-menu li a {color:var(--black);}


.header3.scroll  .top_business-dropdown {
 width:150px;
}


.header3.scroll  .top_business-dropdown .biz-menu {
  padding: 0 6px; 
}


.header3.scroll .top_business-dropdown .arrow {
border-radius:50%; width:20px; height:20px; 


}

.header3.scroll .top_business-dropdown .arrow svg {
  height:16px !important; 
  width: 16px !important;
}




/* =======================================================
sub_top_location_area
   ======================================================= */


.sub_top_location_area{ display:flex;  flex-wrap:wrap; padding:50px 0px; margin-top:140px; position:relative; z-index:1;}


/* .sub_top_location_area {background-image: url('/images/xbg.gif');
background-repeat:no-repeat;
background-size:auto 260px;
background-position:top -20px right -30px;
background-color:rgba(255,255,255,0.8);
background-blend-mode: color-dodge;
}
 */

.subwrap {position:relative; /* z-index:1; */}

.sub_top_location_area .location_txt {display:flex; flex-wrap:wrap;  position:relative; }
.sub_top_location_area .location_txt  li {font-size:18px; line-height:30px; ;}

.location_txt  li {position:relative;}


.location_txt .dept02.no-submenu.show,
.location_txt .dept02.no-submenu {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23ddd'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-circle-chevron-right-icon%20lucide-circle-chevron-right'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpath%20d%3D'm10%208%204%204-4%204'%2F%3E%3C%2Fsvg%3E") !important;}

.location_txt .dept02 { margin-right:20px;
width:200px; 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%231a1a1a'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-circle-chevron-down-icon%20lucide-circle-chevron-down'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpath%20d%3D'm16%2010-4%204-4-4'%2F%3E%3C%2Fsvg%3E");
background-size: auto 26px;
background-repeat: no-repeat;
background-position: right 15px top 1px;
}
.location_txt .dept02.show { 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23dc3545'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-circle-chevron-down-icon%20lucide-circle-chevron-down'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpath%20d%3D'm16%2010-4%204-4-4'%2F%3E%3C%2Fsvg%3E");
}


.location_txt .dept02 > a {width:100%; border-right:1px solid #ddd; line-height:30px; display:flex;}

.location_txt > li:last-child a{ border:none}


.location_txt .dept02.show a {color:var(--red); font-weight:500;}
.location_txt .dept02.no-submenu a {color:var(--black) !important;}





.location_txt .dept02 ul { position:absolute; top:40px; left:0px; z-index:90; border-radius:5px;
padding:16px;
width:100%; box-shadow:6px 6px 10px rgba(0,0,0,0.2);
  max-height: 0; background:#fff;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.location_txt .dept02 ul:empty {display:none !important;}


.location_txt .dept02.show ul {
  max-height: 500px; border:1px solid #ddd;
  opacity: 1;
}



.location_txt .dept02 ul li a{ position:relative; font-size:16px;  border-bottom:1px solid rgba(0,0,0,0.1); width:100%; display:block;
opacity:0.7; line-height:26px; padding:10px 10px 10px 25px; color:var(--black)!important; transition:all 1s; font-weight:500;}

.location_txt .dept02 ul li a:before {content:''; position:absolute; background:#666; position:absolute; display:block;
border-radius:50%; height:3px; width:3px; top:21px; left:10px }

.location_txt .dept02 ul li:last-child a  {border-bottom:none;}

.location_txt .dept02 ul li a:hover { opacity:1; }


.location_txt .dept02 ul li ul {display:none !important;}



.sub_top_location_area .location_txt  li:last-child:after{content:'';}
.sub_top_location_area h3 { font-weight:700;  padding-right:40px;
width:fit-content; font-size:70px; line-height:90px; padding-top:30px;}


/* tit_acc */
.tit_acc {gap:0px 20px;}
.tit_acc .cilckicon {display:flex; border-radius:50%; background:var(--black); width:60px; height:60px; }
 .tit_acc .cilckicon svg  {height:40px;}
 .tit_acc .cilckicon img  {height:25px; }

 .tit_acc .cilckicon.down svg  {height:30px;}


 .tit_acc .inner {display:none;}
 .tit_acc .inner.add {display:flex; gap:0px 20px;} 
 .tit_acc .inner.add img {height:36px;}





.sub_top_location_area .nav_r  {width:100%;}




/***** 웹 *****/
	@media (min-width: 1024px) {
.sub_top_location_area .nav_r { padding-right:30px; }

}



/***** 웹 외  *****/
	@media (max-width: 1023px) {
.sub_top_location_area{ margin-top:75px; }
	.tit_acc {gap:0px 10px;}
	 .tit_acc .inner.add {display:flex; gap:0px 10px;} 
.tit_acc {position:absolute; top:130px; right:30px;}



}



/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {
	.accm {display:none}
		.sub_top_location_area h3 {font-size:60px; line-height:70px;}
	.tit_acc .cilckicon {width:45px; height:45px; }
	 .tit_acc .cilckicon svg  {height:26px;}
	 .tit_acc .cilckicon img  {height:25px; }
}

/* 	모바일 */
	@media (max-width:640px) {
	.sub_top_location_area{margin-top:40px; padding-bottom:40px; border:none;}

	
	.sub_top_location_area h3 { font-size:30px; line-height:50px; padding-top:0px;}

	.tit_acc .cilckicon {width:33px; height:33px; }
	 .tit_acc .cilckicon svg ,
.tit_acc .cilckicon.down svg {height:17px;}






.tit_acc {position:absolute; top:136px; }


.tit_acc  .inner  img {height:19px; vertical-align:middle;}


.tit_acc .inner.add img {
  height: 21px;
}


.location_txt {margin-bottom:25px; gap:10px;}
.location_txt .dept02 {
width:47%;
background-size: auto 20px; margin-right:0;
background-position: right 10px top 3px;}

.location_txt .dept02 ul { 
padding:5px;
}

.location_txt  > .dept02:nth-child(2)  > a {border:none;}
.location_txt  > .dept02:nth-child(3) {display:none;}


/*.location_txt .dept02 ul li a*/
.location_txt .dept02 ul li a{ font-size:15px;  line-height:21px; padding:5px 5px 5px 23px;  }
.location_txt .dept02 ul li a:before { height:2px; width:2px; top:15px; left:13px }














	}








/* =======================================================
 lnb
   ======================================================= */


.lnb {display:flex;  gap :15px 0px; flex-wrap:wrap; align-content: end; flex:1;}

.lnb a { font-size:25px; line-height:30px;   color:#666;
	padding:10px 20px;  font-weight:400; position:relative;
}

.lnb a.on:after{content:'';position:absolute; border-radius:50%; width:8px; height:8px; 
background:var(--red); top:5px; right:5px;}
.lnb a.on { color:var(--black);   font-weight:600; opacity:1; } 


.lnb a::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: var(--red);
  transition: width 0.3s ease-in-out;
}

.lnb a:hover::before {
  width: calc(100% - 40px);
}





/*웹*/
@media (max-width:1023px) {
.lnb  {padding-top:30px; flex-basis:100%; padding-left:0;}
.lnb a:nth-child(1) {padding-left:0px;}
}


/*웹+패드*/
@media (min-width:641px) {

}


	/*모바일*/
	@media (max-width:640px) {
.lnb {gap :5px 0px; }
.lnb a { font-size:18px; line-height:28px; padding:3px 9px 3px 0px; margin-right:17px; }

.lnb a.on::after {
  width: 5px;
  height: 5px;
  top: 0px;
  right: 0px;
}

.lnb a::before {
  left: 0px;
  height: 3px;
}

.lnb a:hover::before {
  width: calc(100% - 10px);
}





}












/* =======================================================
sub_top_location_area
   ======================================================= */



/***** 웹 *****/
	@media (min-width: 1024px) {
}

/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {
}

/* 	모바일 */
	@media (max-width:640px) {

	}


















/* =======================================================
준비중
   ======================================================= */

.prepare {background-color:var(--bg01); padding:230px 50px 80px 50px; margin:60px 0px;
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D'1.0'%20encoding%3D'UTF-8'%3F%3E%3Csvg%20width%3D'24px'%20height%3D'24px'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20color%3D'%23000000'%3E%3Cpath%20d%3D'M12%2012C15.866%2012%2019%208.86599%2019%205H5C5%208.86599%208.13401%2012%2012%2012ZM12%2012C15.866%2012%2019%2015.134%2019%2019H5C5%2015.134%208.13401%2012%2012%2012Z'%20stroke%3D'%23000000'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3C%2Fpath%3E%3Cpath%20d%3D'M5%202L12%202L19%202'%20stroke%3D'%23000000'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3C%2Fpath%3E%3Cpath%20d%3D'M5%2022H12L19%2022'%20stroke%3D'%23000000'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-position: top 80px center;
background-size:auto 130px;
font-size:30px; line-height:45px;
background-repeat:no-repeat; text-align:center;
color:var(--black3)


}


/* 	모바일 */
	@media (max-width:640px) {
.prepare {padding:110px 30px 30px 30px !important; margin-top:40px;
background-position: top 30px center;
background-size:auto 70px;
font-size:20px; line-height:30px;
}


	}





/* =======================================================
smart_editor2
   ======================================================= */
#smart_editor2 {max-width:100% !important}

/* =======================================================
scroll-animate 
   ======================================================= */




   .subwrap_inner {overflow:hidden;}
/* 
  .scroll-animate {
    z-index: 10; 
    position: relative; 필수
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease-out;
  }
  
  .scroll-animate.scrollactive {
    z-index: 10; 
    opacity: 1;
    transform: translateY(0);
  } */



.scroll-animate {
  margin-top: 40px; /* 시작은 아래에 */
  transition: margin-top 0.4s ease-out, opacity 0.1s ease-out;

}

.scroll-animate.scrollactive {
  opacity: 1;
  margin-top: 0;
}


.window2 {
/*   z-index: 2147483647 !important; */ 
z-index:100;
  position:fixed;
}




@media (max-width:1023px)  {
.subwrap .footer {margin-top:60px !important; }

}



/* =======================================================
   cursor
   ======================================================= */
/* 
html,
html *,
body,
body * {
  cursor: none !important; cursor pointer onclick 스타일 강제적용되게 해야됨 지우면안됨
}
html,
body,
* {
  cursor: none !important;
}

.cursor-dot,
.cursor-dot-outline {
  position: fixed;
  pointer-events: none;
 z-index: 2147483647; 
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.cursor-dot {
  width: 22px;
  height: 22px;
  background-color: var(--black);
  opacity: 1;
}

.cursor-dot-outline {
  width: 90px;
  height: 90px;
   background-color:rgba(0,0,0,0.2);
}



모바일
	@media (max-width:640px) {
			.cursor-dot {
			  width: 12px;
			  height:12px;
			}

			.cursor-dot-outline {
			  width: 40px;
			  height:40px;
			}

			}

 */





/* **************************************** *
 *width_area
 * **************************************** */
.width_area, .width_area2 {
margin-left:auto; margin-right:auto; max-width:1500px; width:92%;
}


.width_area3,
.schedule_wrap { position:relative;  padding:60px 3%; z-index:inherit;
}



/***** 웹,패드 *****/
	@media (max-width: 1023px) {
		.width_area3,
		.schedule_wrap { position:relative;  padding:40px 3%; 
		}



.wedding_n_wrap .img_fix_com, .wedding_n_wrap.hall_warpin .img_chartinner {
padding-top:10px;
}

.intit_02 {padding-bottom:20px;}



.subwrap  .width_area3:first-of-type {
  padding-top: 0px; margin-top:0px !important;
}




}





/***** 웹 *****/
	@media (min-width: 1024px) {
}

/***** 웹,패드 *****/
	@media (max-width: 1023px) {
}


/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {
}

/* 	모바일 */
	@media (max-width:640px) {


    .width_area3.padding20 {
        padding:20px 3%;
    }
    .width_area3.padding0 {
        padding:0px 3%;
    }


	}








/* =======================================================
     행사일정(schedule)
   ======================================================= */




.schedule_wrap { 
  background: var(--bg01); 
}





.schedule_wrap .search {position:relative;background:#fff; gap: 30px 0px;  position:sticky;
width:430px; padding:30px 8% 30px 8%;  border-radius:var(--radius01)}

.schedule_wrap.modal_tail {background:#fff; padding:30px 0px; display:flex; flex-wrap:wrap; gap: 20px 20px;}
.schedule_wrap .search.modal_innner .event_top2{flex-wrap:wrap;display:flex; gap: 10px 15px;
  justify-content: center;
  align-content: center;
  align-items: center;

}


.schedule_wrap.modal_tail .inner select  {width:150px;}
.schedule_wrap.modal_tail .inner select  input[type="text"] {width:250px;}
.schedule_wrap.modal_tail .inner .radio_area {width:400px; display:flex;  flex-wrap:wrap; gap:0px 5px;}
.schedule_wrap.modal_tail .inner .radio_area .s_capa_wrap {width:450px; display:flex;  flex-wrap:wrap; gap:0px 5px;}

.schedule_wrap.modal_tail .inner .searchbtn  svg {width:50px; height:50px; }
.schedule_wrap.modal_tail .inner .searchbtn {border-left:2px solid rgba(0,0,0,0.2); padding-left:30px;margin-left:30px}


.schedule_wrap .search.modal_innner{	background:var(--bg01) !important; border-radius:0px;
margin-top:30px; background:none;  padding:30px;}


button.detail_more_new {

display: flex;
  flex-wrap: wrap;
  font-size: 25px;
  line-height: 70px;
  width: 100%;
  margin-top: 20px;
  background: ;
  border:2px solid #000;
  justify-content: center;
  margin-bottom: 30px;
  font-weight: 600;
  align-items: center;
}

button.detail_more_new svg {width: 30px;
  height: 30px;
  margin:
0px 10px; }
.schedule_wrap .search .point { width:170px; height:80px; display:none;
 background: var(--bg01); }

.schedule_wrap .search .point:after,
.schedule_wrap .search .point:before {background-color:#fff; }
.schedule_wrap .search .point:after,
.schedule_wrap .search .point:before {
content: "";
  position: absolute;
  width: 38px;
  height: 38px;   
  background-position:50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cpath d='M36 38h2V0H0v2c19.9 0 36 16.1 36 36z' fill='%23f2f2f2'/%3E%3C/svg%3E") !important;
}

.schedule_wrap .search .point:before {
left: -36px;
 top: 0;
}
.schedule_wrap .search .point:after {
right: 0;
  bottom: -36px;
}



/*sticky*/
.schedule_wrap .search.is-sticky {
 top:120px;
/*   max-height:calc(100vh - 160px);
 */
  }




.schedule_wrap .listwrap {flex:1;
width:calc(100% - 500px);
padding-left:60px; justify-content: flex-start !important;}




.search_form_input { border-bottom:3px solid var(--black); width:100%;}
.search_form_input input{ text-align:left; flex:1; border:none;}
.search_form_input svg{width:30px; height:40px;}



.search_form_input.total {margin-left:auto; margin-right:auto; max-width:700px;}

.search_form_input.total {margin-bottom:40px;}





.schedule_wrap h3,.schedule_wrap .period_icon {margin-bottom:10px; margin-top:10px;}
.schedule_wrap h3 {font-size:25px; line-height:40px; font-weight:600;}
.schedule_wrap .period_icon{gap:0px 10px; }
.schedule_wrap .period_icon svg {height:23px;}

.schedule_wrap .radio_area {gap:0px 10px; padding-bottom:10px; width:100%;}
.schedule_wrap .radio_area  p { text-align: center;  flex:1;}

.schedule_wrap .radio_area  p.select {background:var(--black); }
#sortnew {gap:10px 10px;}
#sortnew p {flex-basis:calc(50% - 10px)}
.schedule_wrap .radio_area  p  label { width:100%; background:var(--bg01) }

.schedule_wrap .radio_area input[type="radio"]:checked + label {color:#fff; background:var(--black); }

.section_sort li,
.schedule_wrap .radio_area  p  label{font-size:17px; line-height:55px;}


.schedule_wrap .search_wrap input[type='text'] {
	border: none;
}
.schedule_wrap .radio_area input[type="radio"] {
	display: none;
}



.period_txt{ position:relative; padding-left:50px !important; line-height:65px;}
.period_txt { 
  background-repeat: no-repeat;
  background-position: 15px center ;
  background-size:   auto 40%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5'/%3E%3C/svg%3E");
}

.section_sort ul {gap:0px 10px; }
.section_sort li { margin-bottom:10px;  flex:0 0 auto;
text-align:center; font-size:16px; line-height:36px;   color:#ddd;}




.section_sort li input[name^='tag'] { display: none !important; }	 
.section_sort li input[name^='tag'] + label { 
border:1px solid #ddd; padding:0px 10px; color:var(--black3);
	}	


.section_sort li input[name^='tag']:checked+label { 
		border:1px solid var(--black); color:var(--black) ; 
		
	}


.totalsearch_bottom {width:100%; text-align:Center;  background:var(--black);  margin-top:30px !important;
font-weight:600; line-height:55px; display:block; font-size:20px; display:none}


a.totalsearch_bottom,
a.totalsearch_bottom:link,
a.totalsearch_bottom:visited,
a.totalsearch_bottom:hover,
a.totalsearch_bottom:active,
a.totalsearch_bottom.liked {
  color: #fff !important;
  text-decoration: none;
}



@media (max-width: 1023px) {



.totalsearch_bottom {margin-top:20px !important; line-height:50px;  font-size:17px;}


}


.list_top_wrap {gap: 0px 20px;}
.list_top_wrap div {width:200px;height:55px; font-size:18px; line-height:55px;  border-radius:var(--radius01)}
.list_top_wrap div  {background:#fff;   font-weight:600;}
.list_top_wrap div svg {width:27px; height:27px; margin-right:5px; vertical-align:middle;}
.list_top_wrap div.on {background:var(--black);  }
.list_top_wrap div.on a {color:#fff;}



.schedule_wrap .listwrap  {gap:30px; /* align-items: stretch; */}
.schedule_wrap .listwrap .list {position:relative; width:calc(25% - 30px);  padding-bottom:50px;    }

.schedule_wrap .listwrap .list .img { 
  aspect-ratio: 3 / 4.5;   overflow:hidden;
  overflow: hidden; 
  border-radius: var(--radius01);  }




.schedule_wrap .listwrap .list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.schedule_wrap .listwrap .list .point { width:140px; height:70px;
 background: var(--bg01); }






.schedule_wrap .listwrap .list .point:before,
.schedule_wrap .listwrap .list .point:after {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cpath d='M2 0H0v38h38v-2C18.1 36 2 19.9 2 0z' fill='%23f2f2f2'/%3E%3C/svg%3E");

}


.schedule_wrap .listwrap .list .point:before {
left: -36px;
 top: 0;
}
.schedule_wrap .listwrap .list .point:after {
right: 0;
  bottom: -36px;
}


.schedule_wrap .listwrap .list .period_icon{position:absolute;  
font-size:17px;
top:10px; right:10px; z-index:80;
border-radius:50%; width:68px; height:68px; display:flex;
align-items: center;   justify-content: center; color:#fff; font-weight:700;
}


 .schedule_wrap .listwrap .list .period_icon.st002{background:rgba(0,0,0,0.7)}
 .schedule_wrap .listwrap .list .period_icon.st001 {background:rgba(237,24,73,0.7)}


 .schedule_wrap .listwrap .list .schedule_visit { bottom:0px; left:0px; width:100%;
 text-align:Center; color:#fff; font-size:20px; line-height:50px; position:absolute; z-index:5; display:none; 
padding-top:60px; padding-bottom:20px; font-weight:700;
background: linear-gradient(180deg,rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.6) 40%, rgba(26, 26, 26, 1) 100%);
/* background: linear-gradient(180deg,rgba(220, 53, 69, 0) 0%, rgba(220, 53, 69, 0.6) 40%, rgba(220, 53, 69, 1) 100%);*/
 }

/* #dc3545 */


 .schedule_wrap .listwrap .list .schedule_visit  svg {margin-right:10px; width:27px; height:27px; vertical-align:middle;}



 .schedule_wrap .listwrap .list:hover .schedule_visit {display:block;}



/* .schedule_wrap .listwrap .list .period_icon.st002{border:2px solid var(--black); font-weight:600; background:#fff;  }
 */
.schedule_wrap .listwrap .list .period_icon.st002{color:#fff; background:var(--black); opacity:0.7; }
 .schedule_wrap .listwrap .list .sort {padding:15px 0px; width:100%;}
 .schedule_wrap .listwrap .list .sort dt{padding-left:10px; position:relative; font-weight:600;}

table td .calendar_tooltip:before,
 .schedule_wrap .listwrap .list .sort dt:before { content:'';  position:absolute; display:flex; ; left:0px;  top:12px;
border-radius:50%; width:5px; height:5px;}


 .schedule_wrap .listwrap .sorts01:before { background:var(--red)}
 .schedule_wrap .listwrap  .sorts02:before { background:blue}
 .schedule_wrap .listwrap .sorts03:before { background:green}
 .schedule_wrap .listwrap .sorts04:before { background:yellow}



 .schedule_wrap .listwrap .list .sort dd {display:flex; gap:0px 10px; font-weight:600;}
 .schedule_wrap .listwrap .list .sort dd span::before {content:'#'; padding-right:5px;}











 .schedule_wrap .listwrap .list h2 {font-size:25px; padding-bottom:20px; line-height:35px; font-weight:700;
 display: block;
  width: 100%; overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  word-break: unset;
 }

 .schedule_wrap .listwrap .list .dayinner  {  margin-top: 15px; 
  overflow: hidden; display:block;
  width: 100%;
  white-space: nowrap; /* ← 이걸로 고쳐야 함! */
  text-overflow: ellipsis;
  word-break: unset;}
 .schedule_wrap .listwrap .list .dayinner span,
  .schedule_wrap .listwrap .list .dayinner  {font-size:18px; line-height:18px; }
 .schedule_wrap .listwrap .list .dayinner span { margin-right:10px;display:inline-block; width:50px;  border-right:1px solid rgba(0,0,0,0.1)}


.display_n {display: none;}









.schedule_wrap .ntitarea {display:flex; flex-wrap:wrap; gap: 0px 20px;}


.schedule_wrap .listwrap .list .img {
  overflow: hidden;
  position: relative; border:1px solid #ddd;
  z-index: 1;
  cursor: pointer; 
}

.schedule_wrap .listwrap .list .img .sns {display:none}




.schedule_wrap .listwrap .list .img img.poster {
  width: 100%; object-fit:cover; 
  height: 100%;
  transform: scale(1);
  opacity:1;
  transition: all 0.6s ease; /* 트랜지션은 img.poster에! */
}

.schedule_wrap .listwrap .list:hover img.poster {
  transform: scale(1.04);
  opacity:0.7
}





/***** 웹 *****/
	@media (max-width: 1600px) {
.schedule_wrap .listwrap .list {position:relative; width:calc(33% - 30px);  }
}



/***** 웹 *****/
	@media (max-width: 1400px) {
.schedule_wrap .listwrap .list {position:relative; width:calc(50% - 20px);  }
}



/***** 웹 *****/
	@media (min-width: 1024px) {

}



/***** 웹 외  *****/
	@media (max-width: 1023px) {
.schedule_wrap .search {width:100%; margin-bottom:40px;}
.schedule_wrap .listwrap {padding-left:0; width:100%}


}


/* 	모바일 */
	@media (max-width:640px) {
.schedule_wrap h3 {
  font-size: 20px;
  line-height: 30px;
}
.section_sort li input[name="tag"] + label,
.section_sort li, .period_txt,
.schedule_wrap .radio_area  p  label {font-size:15px; line-height:38px;}


.list_top_wrap div {
  width: calc(50% - 10px);
  line-height: 45px;
height:45px; 


}


/*다음카페처럼 구현*/
.schedule_wrap .listwrap {gap:10px;}

.schedule_wrap .listwrap .list {width:100%; padding:0;  gap:0px 20px;  padding:10px 0px;;  align-items: flex-start;  border-bottom:1px solid #ddd;
display:flex; flex-wrap:wrap;}
.schedule_wrap .listwrap .list .img {width:90px; border-radius:10px !important; }
.schedule_wrap .listwrap .list .ntitarea {flex:1; overflow:hidden;}
.schedule_wrap .listwrap .list .sort {padding:0px 50px 10px 0px;}

table td .calendar_tooltip:before,
 .schedule_wrap .listwrap .list .sort dt:before {  top:6px;}
.schedule_wrap .listwrap .list h2 { padding-bottom:10px;
  font-size: 21px;
  line-height: 26px;
}
 .schedule_wrap .listwrap .list .dayinner span,
  .schedule_wrap .listwrap .list .dayinner  {font-size:16px; line-height:18px;}
  .schedule_wrap .listwrap .list .dayinner  {margin-top:7px; opacity:0.7; 
  display: block; 

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: unset;
}

.schedule_wrap .listwrap .list .dayinner span {margin-right:8px; width:40px;}


 .schedule_wrap .listwrap .list .schedule_visit { font-size:16px; line-height:30px
padding-top:80px; padding-bottom:10px; 

 }


.schedule_wrap .listwrap .list .schedule_visit svg {
display:none
}


.schedule_wrap .listwrap .list .period_icon {
  font-size: 12px;
  top: 0px;
  right: 6px;
  width: 33px;
  height: 33px;
}






	}

/* =======================================================
기본
   ======================================================= */




/***** 웹 *****/
	@media (min-width: 1024px) {

}



/***** 웹 외  *****/
	@media (max-width: 1023px) {

}



/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {

}

/* 	모바일 */
	@media (max-width:640px) {



	}





/* =======================================================
    공통 a 스타일 배경
   ======================================================= */


a.arrow.target {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 25px center;
  background-size: auto 26px
}


a.arrow.target.black {
background-color:var(--black) !important;
color:#ffff;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2019.5%2015-15m0%200H8.25m11.25%200v11.25'%20%2F%3E%3C%2Fsvg%3E");
}

a.arrow.target.foblack {
	width:auto;
/* background-color:var(--black) !important; */
	transform:unset;
	color:#444;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23111'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2019.5%2015-15m0%200H8.25m11.25%200v11.25'%20%2F%3E%3C%2Fsvg%3E");
	background-size: 20px 20px;
	height:20px;
}


.link-with-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  text-decoration: none;
  width: 100%;
  padding: 8px 12px;
  font-size: 16px;
}

.arrow-circle {
  width: 24px;
  height: 24px;
  border: 1px solid #e00;        /* 붉은색 테두리 */
  background-color: #e00;        /* 배경색도 붉은색 */
  border-radius: 50%;            /* 동그랗게 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow-circle svg {
	margin:0;
	display:inline-block;
  width: 24px;
  height: 24px;
  stroke: #fff;                  /* 화살표 흰색 */
}



a.arrow.st01 {
  background-position: right 20px center;
}


a.arrow3,
.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a,
a.arrow2, a.arrow{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M17.25%208.25%2021%2012m0%200-3.75%203.75M21%2012H3'%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: auto 27px
}


a.arrow3.normal,
a.arrow2.normal,
a.arrow.normal {line-height:25px; display:inline-block; 
padding:10px 100px 10px 20px;  border:1px solid var(--black); margin-left:10px;}

a.arrow2.normal3,
a.arrow2.normal2,
a.arrow.normal2 {line-height:45px; display:inline-block; padding:10px 110px 10px 20px;  border:1px solid var(--black); margin-left:10px;}


a.arrow3.black,
a.arrow.black,
a.arrow2.black{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M17.25%208.25%2021%2012m0%200-3.75%203.75M21%2012H3'%20%2F%3E%3C%2Fsvg%3E");
color:#fff;
  background-color:var(--black);
}

a.arrow3.black{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-arrow-down-to-line-icon%20lucide-arrow-down-to-line'%3E%3Cpath%20d%3D'M12%2017V3'%2F%3E%3Cpath%20d%3D'm6%2011%206%206%206-6'%2F%3E%3Cpath%20d%3D'M19%2021H5'%2F%3E%3C%2Fsvg%3E");
color:#fff;
  background-color:var(--black);
}















.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a {	
	border:2px solid var(--black);
	background-color:#fff;
	display: inline-block;
	vertical-align: middle;
	text-align:left;
	width:150px; padding-left:20px;
	line-height: 50px;
	margin-left: 5px;
	background-position:right 25px center;
}










/***** 웹 외  *****/
	@media (max-width: 1023px) {

}



/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {

}

/* 	모바일 */
	@media (max-width:640px) {

		a.arrow {
		  background-position: right 10px center;
		  background-size: auto 16px
		}

.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a {	
	width:110px; padding-left:15px; font-size:15px;
	line-height: 40px; margin:3px;
}



.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a,
a.arrow2{
  background-position: right 10px center;
}




	}







/* =======================================================
   line_box
   ======================================================= */

.line_box {position:relative;  border:2px solid var(--black);  z-index:1;
width:100%; padding:30px 20px; margin-bottom:60px;}
.line_box h2 {line-height:1.4;}



.line_box.no_line {border:none; }
.line_box.goodnight  {background-color:#2d3b58;}

.line_box.link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25' /%3E%3C/svg%3E");
}


.line_box.link_white{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2019.5%2015-15m0%200H8.25m11.25%200v11.25'%20%2F%3E%3C%2Fsvg%3E");
}
/* 007000 */

.line_box.tripbg { background-color:#007000; border:none;}
.line_box.tripbg  .board_top_bg dt,
.line_box.tripbg  .board_top_bg dd{color:#fff;}


.line_box.foodbg { background-color:#f36523; border:none;}
.line_box.foodbg  .board_top_bg dt,
.line_box.foodbg  .board_top_bg dd{color:#fff;}





.line_box.bgicon_mall { background-color:#7d5c48; border:none;}
.line_box.bgicon_mall   .board_top_bg dt,
.line_box.bgicon_mall   .board_top_bg dd{color:#fff;}


.line_box.link,
.line_box.link_white{
cursor:pointer;
 background-position:right 30px top 30px;
 background-repeat:no-repeat;
 background-size:auto 60px;
}



/* 
.line_box:before,
.line_box:after {content:''; width:100%; display:block; box-sizing:border-box;
background:var(--black); height:2px; position:absolute; left:0px;}
.line_box:before{top:0;}
.line_box:after {bottom:0;} */




@media (min-width: 1023px) {
.nboard_topper { justify-content: space-between;}
.nboard_topper:not(:has(.line_box)) .top {
    margin-left: 0;
    flex: 1;
    justify-content: flex-start; 
}


.nboard_topper .line_box  {width:60%; margin-bottom:0px;}
.nboard_topper .top  {width:36%; align-content: end;  margin-bottom:0px !important }

.nboard_topper.nolinebox  {justify-content: right;}






}
@media (max-width: 1023px) {



.line_box.link,
.line_box.link_white{
 background-position:right 30px top 30px;
 background-size:auto 45px;
}

.line_box {padding:30px; margin-bottom:30px !important;}

}

@media (max-width: 640px) {
.line_box h2 {font-size:20px; }
.line_box {padding:13px;}
.line_box.link,
.line_box.link_white{
 background-position:right 20px top 20px;
 background-size:auto 35px;
}



}












/* =======================================================
    notice_alert2
   ======================================================= */

.notice_alert2 {
	position: relative; margin-top:20px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M8%2015A7%207%200%201%200%208%201a7%207%200%200%200%200%2014ZM8%204a.75.75%200%200%201%20.75.75v3a.75.75%200%200%201-1.5%200v-3A.75.75%200%200%201%208%204Zm0%208a1%201%200%201%200%200-2%201%201%200%200%200%200%202Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-size:auto 22px;
background-position:left  0px center;
padding-left:28px;
}










/* =======================================================
     행사일정(schedule) - 뷰어
   ======================================================= */

.schedule_wrap .view_fix {background:#fff; width:480px; position:sticky; top:0; height:fit-content;
 border-radius:var(--radius01);  padding:var(--compadding2);}


.schedule_wrap .view_detail_wrap {flex:1; overflow:hidden;  margin-left:50px; padding-left:50px; border-left:1px solid rgba(0,0,0,0.2)}

.schedule_wrap .view_fix img {max-width:100%;}

.schedule_wrap .view_fix .icon-go { gap:10px 0px; }
.schedule_wrap .view_fix .icon-go a:nth-child(1) {margin-top:20px;}
.schedule_wrap .view_fix .icon-go a {font-size:20px; line-height:70px; 
width:100%; text-align:Center; font-weight:600; }
.schedule_wrap .view_fix .icon-go a.home {background-color:var(--bg01); color:var(--black)}

.schedule_wrap .view_fix .icon-sns {gap:0px 20px; }
.schedule_wrap .view_fix .icon-sns img{height:35px; margin-top:20px;}


.schedule_wrap .view_top_tit {padding-bottom:80px; }
.schedule_wrap .view_top_tit dt.hash{padding-bottom:20px; gap: 6px 10px;}
	.schedule_wrap .view_top_tit dt.hash span {padding:0px 30px; font-size:20px; line-height:50px; border:2px solid #ddd;
	border-radius:var(--radius02); border:2px solid var(--black); font-weight:600;}
	.schedule_wrap .view_top_tit dt.hash span:before{content:'#'; padding-right:6px;}
.schedule_wrap .view_top_tit dt.tit {font-size:55px; line-height:70px; padding:20px 0px; font-weight:800;}
.schedule_wrap .view_top_tit dd {font-size:30px; line-height:40px;  font-weight:700;}


.schedule_wrap .indetail_n {gap:20px;  }



.schedule_wrap .indetail_n dl {/* flex: 1 1 calc(50% - 20px); */ 
flex-basis:100%;
padding:6px  0px 6px 0px/* ; border-top:2px solid var(--black); */}
	.schedule_wrap .indetail_n dl.time {flex-basis:100%;}

.schedule_wrap .indetail_n dt { font-weight:400; opacity:0.7;}
.schedule_wrap .indetail_n dd { font-weight:600;}

.schedule_wrap .indetail_n dt.scroll-animate,
.schedule_wrap .indetail_n dd.scroll-animate {margin-top:0 !important}



.schedule_wrap .indetail_n dt,
.schedule_wrap .indetail_n dd {font-size:20px; line-height:35px; }



.schedule_wrap .indetail_n  a.arrow2 { border:1px solid var(--black);  margin-left:15px; line-height:35px;
font-size:15px; padding:0px 60px 0px 20px; display:inline-block;}

.schedule_wrap .detail_desc { padding:60px 0px; gap: 30px 10px;}
.schedule_wrap .detail_desc dl {flex: 1 1 calc(50% - 10px); }
.schedule_wrap .detail_desc dl dt,
.schedule_wrap .detail_desc dl dd{font-size:18px; line-height:30px;}

.schedule_wrap .detail_desc dl dt {color:var(--black4);padding-bottom:10px; font-weight:600;}


.schedule_wrap .detail_desc_wrap {padding:30px 0px;}

.schedule_wrap .detail_desc_wrap h2 {font-size:25px; line-height:35px; padding-bottom:20px; }
.schedule_wrap .detail_desc_wrap .list {gap:20px 20px;}
.schedule_wrap .detail_desc_wrap .list p {border-radius:var(--radius04); 
  aspect-ratio: 3 / 2;  
overflow:hidden; flex: 0 0 calc(33.3333333% - 20px);}

.schedule_wrap .detail_desc_wrap .list p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.botton_btn{gap:20px 20px; padding-top:30px;}
.botton_btn a {transition:1s all; font-size:18px; line-height:50px; text-align:Center; width:150px; border:2px solid var(--black)}
.botton_btn a:hover {background:var(--black); color:#fff;}



/***** 웹 *****/
	@media (min-width: 1024px) {

}



/***** 웹 외  *****/
	@media (max-width: 1023px) {
.schedule_wrap .view_fix {width:350px;}
.schedule_wrap .view_top_tit dt.tit {font-size:35px; line-height:50px;}
.schedule_wrap .view_top_tit dd {font-size:25px; line-height:35px; }

}



/***** 웹 외  *****/
	@media (max-width: 800px) {

.schedule_wrap .view_top_tit dt.tit {padding-bottom:0;}
.schedule_wrap .view_fix {width:100%; position:relative; border-radius:10px;}

.schedule_wrap .view_fix .icon-go a { background-image:none; gap:5px;
  font-size: 13px; line-height: 35px;}
.schedule_wrap .view_top_tit {
  padding-bottom: 10px;
}
.schedule_wrap .indetail_n a.arrow2 {margin-left:5px; padding-left:10px;}
.schedule_wrap .indetail_n {gap:5px;}

.schedule_wrap .event_inner_view_fix {width:160px; padding:15px; position: sticky !important; top:80px;}


.schedule_wrap .view_detail_wrap {
  margin-left:15px;
  padding-left: 15px;
}

.schedule_wrap .view_top_tit dt.hash {padding-bottom:0px;}
.schedule_wrap .view_top_tit dt.hash span {
  padding: 0px 13px;
  font-size: 15px;
  line-height: 30px;
}




.schedule_wrap .view_top_tit dt.tit {font-size:25px; line-height:35px;}
.schedule_wrap .view_top_tit dd {font-size:20px; line-height:30px; }
.schedule_wrap .indetail_n dd {
  font-size:18px;
  line-height: 30px;
}


.schedule_wrap .indetail_n dt, .schedule_wrap .indetail_n dd {
  font-size: 17px;
  line-height: 30px;
}

.schedule_wrap .detail_desc_wrap .list {
  gap: 6px 6px;
}


.schedule_wrap .detail_desc_wrap h2 {
  font-size: 20px;
  line-height: 30px;
}

}



/***** 웹 외  *****/
	@media (max-width: 640px) {
.schedule_wrap .event_inner_view_fix {width:140px;}


}



/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {

}

/* 	모바일 */
	@media (max-width:640px) {
.schedule_wrap .indetail_n dl {
  flex:1 1 100%;
}


.schedule_wrap .detail_desc_wrap .list p {
  flex:0 0 100%;
}



	}




/* =======================================================
 시설안내 상단 서치창
   ======================================================= */





.facility_top_search { width:100%;  box-sizing:border-box; gap: 0px 10px;  padding-top:0px; padding-bottom:0; height: 120px; }  

.facility_top_search div{width: calc((100% - 580px) / 2); height:100%; position:relative;   align-self: center;  
padding:20px 20px;  border-left:2px solid var(--black); box-sizing:border-box;
  display: flex;  align-items: center;     
}

.facility_top_search div:nth-child(1) {border-left:none;}
.facility_top_search div:nth-child(2) {width:440px;}

.facility_top_search div:before,
.facility_top_search div:after {content:''; width:calc(100% - 15px); display:block; box-sizing:border-box;
background:var(--black); height:2px; position:absolute; left:15px;}
.facility_top_search div:before{top:0;}
.facility_top_search div:after {bottom:0;}

.facility_top_search .radio_area h3 { padding-right:20px;}
.facility_top_search input {border:none}

.facility_top_search input,
.facility_top_search .radio_area h3,
.facility_top_search input::placeholder {
 opacity: 1; font-weight:500; font-size:22px; line-height:40px; color:var(--black); font-weight:600;
}





.facility_top_search .radio_area p { text-align: center;   width: calc((100% - 220px) / 3); align-content: center;
  display: flex; gap: 0px 3px;}
.facility_top_search .radio_area  p  label { width:100%; background:var(--bg01) }
.facility_top_search .radio_area input[type="radio"]:checked + label {color:#fff; background:var(--black); }
.facility_top_search .radio_area p  label{font-size:17px; line-height:55px;}
.facility_top_search .search_btn {flex-basis:70px;}
.facility_top_search .search_btn svg{ height:60px; width:60px;}





/***** 웹 *****/
	@media (max-width: 1400px) {

.facility_top_search { gap: 0px 15px; }  
.facility_top_search div{padding:20px 30px;  width: calc((100% - 690px) / 2);  }
.facility_top_search div:nth-child(2) {width:520px;}

}



/***** 웹 *****/
	@media (max-width: 1200px) {
.facility_top_search { height:240px;
	overflow:hidden; }
.facility_top_search div {height:120px;}
.facility_top_search div,
.facility_top_search div:nth-child(2) {width:calc(50% - 20px); }
.facility_top_search div:nth-child(3) {width:calc(100% - 170px);}

.facility_top_search div:nth-child(3) {border-left:none;}
.facility_top_search div:nth-child(1):after,
.facility_top_search div:nth-child(2):after {display:none;}

}





/***** 웹 *****/
	@media (max-width:800px) {

.facility_top_search div{width:100%;}
.facility_top_search div:nth-child(3) {width:calc(100% - 100px);}

.facility_top_search .search_btn svg {
  height: 40px;
  width: 40px;
}

  .facility_top_search div {
    padding:10px 15px; height:100px;
  }

  .facility_top_search {
    height: 200px;
  }





}



/***** 웹 외  *****/
	@media (max-width: 1023px) {



.facility_top_search div:nth-child(1) {width:calc(100% - 500px); }
.facility_top_search div:nth-child(2) {width:480px }
.facility_top_search div:nth-child(3) {width:calc(100% - 100px);}

.facility_top_search input,
.facility_top_search .radio_area h3,
.facility_top_search input::placeholder {font-size:18px; line-height:30px; }


.facility_top_search .search_btn svg {
  height: 40px;
  width: 40px;
}

  .facility_top_search div {
    padding:10px 15px; height:100px;
  }
  .facility_top_search {
    height: 200px;
  }

}




	@media (max-width:800px) {
  .facility_top_search {gap:0px 0px; margin-left:-10px;}
  .facility_top_search div { 
 height:auto; }

  .facility_top_search {
    height: fit-content; 
  }


.facility_top_search  >  div:nth-child(2) {border-left:0px;}
.facility_top_search  >  .radio_area p {width: calc(100% / 3);}
.facility_top_search >  div:nth-child(1) ,
.facility_top_search  >  div:nth-child(2) {width:100% }

.facility_top_search .radio_area h3 {margin-left:15px; padding-bottom:10px; width:100%}

.facility_top_search .search_btn,
.facility_top_search >  input,
.facility_top_search    input,
.facility_top_search    .radio_area h3,
.facility_top_search   input::placeholder {font-size:17px; line-height:30px;}
.facility_top_search .radio_area p label{font-size:15px; line-height:30px;}



  .facility_top_search div:nth-child(3) {
    width: calc(100% - 80px); 
  }
.facility_top_search .search_btn{}
.facility_top_search .search_btn svg {
  height: 21px; margin-left:10px;
  width: 35px;  }
.facility_top_search .search_btn svg path {
  stroke-width: 3px;
}

.facility_top_search div:before,
.facility_top_search div:after {content:''; width:calc(100% - 10px); left:10px;}


	}






/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {

}

/* 	모바일 */
	@media (max-width:640px) {



	}













/* =======================================================
 시설안내 컨텐츠
   ======================================================= */


.hall_warpin .fix_area {transition:all 1s; position:sticky;  top:0; left:0; width:50%;
max-width:750px;  height: fit-content; overflow:hidden; border-radius:var(--radius01);
padding:50px 50px; background:var(--bg01);  }



/* .hall_warpin .fix_area.is-sticky {top:130px;} */

.tit_fix_com h2,
.hall_warpin .fix_area .tit{padding-bottom:20px; align-items: center; }

.tit_fix_com h2,
.hall_warpin .fix_area .tit h2{ font-size:50px; line-height:70px; font-weight:700; width:100%;}

.tit_fix_com .fac_top_icon ,
.hall_warpin .fix_area .fac_top_icon {width:100%; padding-top:20px;}

.tit_fix_com .fac_top_icon a,
.hall_warpin .fix_area .fac_top_icon a {border-left:1px solid rgba(0,0,0,0.2); flex-basis:calc(100% / 4); box-sizing:border-box;
padding-left:20px;font-size:20px; line-height:60px;  background-color:rgba(0,0,0,0.2);  font-weight:600;}

.tit_fix_com .fac_top_icon a:nth-child(1),
.hall_warpin .fix_area .fac_top_icon a:nth-child(1){border-left:none}

.tit_fix_com  .fac_top_icon a:nth-child(1),
.hall_warpin .fix_area .fac_top_icon a {
  background-position: right 15px center;
  background-size: auto 20px;
}
.tit_fix_com .fac_top_icon  a.vricon,
.hall_warpin .fix_area .fac_top_icon a.vricon {
background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'none'%20%20stroke%3D'%23fff'%20%20stroke-width%3D'2'%20%20stroke-linecap%3D'round'%20%20stroke-linejoin%3D'round'%20%20class%3D'icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-view-360-number'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M14%206a1%201%200%200%200%20-1%20-1h-2a1%201%200%200%200%20-1%201v6a1%201%200%200%200%201%201h2a1%201%200%200%200%201%20-1v-2a1%201%200%200%200%20-1%20-1h-3'%20%2F%3E%3Cpath%20d%3D'M3%205h2.5a1.5%201.5%200%200%201%201.5%201.5v1a1.5%201.5%200%200%201%20-1.5%201.5h-1.5h1.5a1.5%201.5%200%200%201%201.5%201.5v1a1.5%201.5%200%200%201%20-1.5%201.5h-2.5'%20%2F%3E%3Cpath%20d%3D'M17%207v4a2%202%200%201%200%204%200v-4a2%202%200%201%200%20-4%200z'%20%2F%3E%3Cpath%20d%3D'M3%2016c0%201.657%204.03%203%209%203s9%20-1.343%209%20-3'%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: auto 26px;
  background-color:var(--black);
  color:#fff; padding-left:60px;
}



.hall_warpin .fac_detail_wrap {flex:1; padding-left:60px;  overflow:hidden;}



 .img_fix_com,
.hall_warpin .img_chartinner {height:auto;  padding:30px 0px;  overflow:hidden;}




.hall_warpin .img_chartinner.png {mix-blend-mode: normal;}


 .img_fix_com img,
.hall_warpin .img_chartinner  img{width:100%; }


 .img_fix_com img.png,
.hall_warpin .img_chartinner  img.png{ mix-blend-mode: normal;}



.team-person .border {border:2px solid #ddd !importrtant; }

.team-person.border,
.team-person.border.scroll-animate.scrollactive{margin-top:60px !important;}


.team-person {background:#fff; padding:20px 40px; gap:10px 0px;}
.team-person div {border-top:1px solid #ddd; width:100%; padding:20px 0px;}
.team-person div:nth-child(1) {border-top:0px;}


.team-person dl dt {font-weight:600; font-size:20px; line-height:30px; }

.team-person dl dd,
.team-person ul li {font-size:17px; line-height:30px;}

.team-person ul {gap: 10px 30px; padding-top:10px; }
.team-person ul li {font-weight:600;}



.team-person.inquiry {
background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'none'%20%20stroke%3D'currentColor'%20%20stroke-width%3D'1.5'%20%20stroke-linecap%3D'round'%20%20stroke-linejoin%3D'round'%20%20class%3D'icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-headset'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M4%2014v-3a8%208%200%201%201%2016%200v3'%20%2F%3E%3Cpath%20d%3D'M18%2019c0%201.657%20-2.686%203%20-6%203'%20%2F%3E%3Cpath%20d%3D'M4%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3z'%20%2F%3E%3Cpath%20d%3D'M15%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3z'%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
  background-position: left 70px center;
padding-left:230px;
background-size: auto 80px;
}

.team-person.inquiry2 {background-color:var(--bg01); 
background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'none'%20%20stroke%3D'currentColor'%20%20stroke-width%3D'1.5'%20%20stroke-linecap%3D'round'%20%20stroke-linejoin%3D'round'%20%20class%3D'icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-headset'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M4%2014v-3a8%208%200%201%201%2016%200v3'%20%2F%3E%3Cpath%20d%3D'M18%2019c0%201.657%20-2.686%203%20-6%203'%20%2F%3E%3Cpath%20d%3D'M4%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3z'%20%2F%3E%3Cpath%20d%3D'M15%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3z'%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
  background-position: left 70px center;
padding-left:230px; gap:30px;
background-size: auto 80px;
border:none !important; margin-top:0 !important; }



@media (max-width: 1023px) {


.team-person.inquiry2 { 
  background-position: left 20px center;
padding-left:110px; gap:20px;
background-size: auto 60px; }

}


@media (min-width: 1024px) {

.exhibitionwrap  .team-person {margin-top:40px !important;}


}




.team-person.inquiry2.scroll-animate.scrollactive{margin-top:0 !important;}


.team-person.inquiry2 div {flex-basis:calc((100% / 2) - 20px); border:none; background:#fff; padding:30px;}


@media (max-width: 650px) {

.team-person.inquiry2 div { flex-basis:100%;}
.section_sort ul {gap:0;}
.img_fix_com,
.img_chartinner {position:relative; cursor:pointer;}
.img_fix_com:before,
.img_chartinner:before {content:''; position:absolute;
background-color:var(--black2);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607ZM10.5%207.5v6m3-3h-6'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 25px;
background-repeat: no-repeat;
background-position:center center;
border-radius:50%;
bottom:20px; right:0px; width:50px; height:50px;}
.hall_warpin .fix_area .team-person  {display:none}

}

.wedding_n_wrap .img_fix_com:before,
.wedding_n_wrap .img_chartinner:before {display:none}
.wedding_n_wrap .img_fix_com,
.wedding_n_wrap .img_chartinner {cursor: unset;}



.team-person ul li{padding-left:30px;
background-repeat: no-repeat;
  background-position: left 0px center;
 padding-left:30px;
}
.team .person li ul li.tel,
.team-person ul li.tel{
/* background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'currentColor'%20%20class%3D'icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-device-mobile'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M16%202a3%203%200%200%201%202.995%202.824l.005%20.176v14a3%203%200%200%201%20-2.824%202.995l-.176%20.005h-8a3%203%200%200%201%20-2.995%20-2.824l-.005%20-.176v-14a3%203%200%200%201%202.824%20-2.995l.176%20-.005h8zm-4%2014a1%201%200%200%200%20-.993%20.883l-.007%20.117l.007%20.127a1%201%200%200%200%201.986%200l.007%20-.117l-.007%20-.127a1%201%200%200%200%20-.993%20-.883zm1%20-12h-2l-.117%20.007a1%201%200%200%200%200%201.986l.117%20.007h2l.117%20-.007a1%201%200%200%200%200%20-1.986l-.117%20-.007z'%20%2F%3E%3C%2Fsvg%3E");
 */
background-image: url('/images/com/callicon.png');
background-size: auto 22px;


}






.team-person ul li.mail{
background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'currentColor'%20%20class%3D'icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-mail'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M22%207.535v9.465a3%203%200%200%201%20-2.824%202.995l-.176%20.005h-14a3%203%200%200%201%20-2.995%20-2.824l-.005%20-.176v-9.465l9.445%206.297l.116%20.066a1%201%200%200%200%20.878%200l.116%20-.066l9.445%20-6.297z'%20%2F%3E%3Cpath%20d%3D'M19%204c1.08%200%202.027%20.57%202.555%201.427l-9.555%206.37l-9.555%20-6.37a2.999%202.999%200%200%201%202.354%20-1.42l.201%20-.007h14z'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 22px;

}

.team-person ul li.address{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'm7.539%2014.841.003.003.002.002a.755.755%200%200%200%20.912%200l.002-.002.003-.003.012-.009a5.57%205.57%200%200%200%20.19-.153%2015.588%2015.588%200%200%200%202.046-2.082c1.101-1.362%202.291-3.342%202.291-5.597A5%205%200%200%200%203%207c0%202.255%201.19%204.235%202.292%205.597a15.591%2015.591%200%200%200%202.046%202.082%208.916%208.916%200%200%200%20.189.153l.012.01ZM8%208.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 22px;
}
.team-person ul li.home{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20d%3D'M8.543%202.232a.75.75%200%200%200-1.085%200l-5.25%205.5A.75.75%200%200%200%202.75%209H4v4a1%201%200%200%200%201%201h1a1%201%200%200%200%201-1v-1a1%201%200%201%201%202%200v1a1%201%200%200%200%201%201h1a1%201%200%200%200%201-1V9h1.25a.75.75%200%200%200%20.543-1.268l-5.25-5.5Z'%20%2F%3E%3C%2Fsvg%3E");background-size: auto 22px;
background-size: auto 22px;
}
.team-person ul li.fax{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M4%205a2%202%200%200%200-2%202v3a2%202%200%200%200%201.51%201.94l-.315%201.896A1%201%200%200%200%204.18%2015h7.639a1%201%200%200%200%20.986-1.164l-.316-1.897A2%202%200%200%200%2014%2010V7a2%202%200%200%200-2-2V2a1%201%200%200%200-1-1H5a1%201%200%200%200-1%201v3Zm1.5%200V2.5h5V5h-5Zm5.23%205.5H5.27l-.5%203h6.459l-.5-3Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 22px;
}

.team-person.inquiry {
  background-position: left 30px center;
padding-left:130px;
background-size: auto 50px;
}


.img_fix_com, .hall_warpin .img_chartinner {
  padding: 20px 0px;
}



.hall_warpin .info {gap: 20px 0px;}
.hall_warpin .info dl {width:100%;}
.hall_warpin .info dl dt,
.hall_warpin .info dl dd {font-size:20px; line-height:33px;}
.hall_warpin .info dl dt { font-weight:600;}

.hall_warpin .info dl dd.icon {gap:0px 10px; padding-top:10px;}

.hall_warpin .info dl dd a.hwp:before {content:'HWP'; }


.hall_warpin .info dl dd a.doc:before {content:'DOC';}

.hall_warpin .info dl dd a:before {position:absolute; top:0; right:20px;
font-weight:800; font-size:10px; padding-left:15px; }


.hall_warpin .info dl dd a.hwp,
.hall_warpin .info dl dd a.doc {width:230px;   line-height:50px; margin-right:10px;
 font-weight:500;
}


.hall_warpin .info dl dd a.hwp,
.hall_warpin .info dl dd a.doc{ display:.;   position:relative;
 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%20fill%3D'currentColor'%20class%3D'size-5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M4.5%202A1.5%201.5%200%200%200%203%203.5v13A1.5%201.5%200%200%200%204.5%2018h11a1.5%201.5%200%200%200%201.5-1.5V7.621a1.5%201.5%200%200%200-.44-1.06l-4.12-4.122A1.5%201.5%200%200%200%2011.378%202H4.5Zm4.75%206.75a.75.75%200%200%201%201.5%200v2.546l.943-1.048a.75.75%200%200%201%201.114%201.004l-2.25%202.5a.75.75%200%200%201-1.114%200l-2.25-2.5a.75.75%200%201%201%201.114-1.004l.943%201.048V8.75Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
background-size:auto 22px;
  background-position: right 52px center;
 padding-left:20px;
 border:2px solid var(--black);
 }







.faphoto {padding-top:60px; padding-bottom:20px; overflow:hidden;}
.faphoto ul {gap:15px;}
.faphoto li {flex-basis:calc((100% / 4) - 15px);
  aspect-ratio: 4 / 3;  
  overflow: hidden; }

.faphoto li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prog_list_set a{display:inline-block; padding-right:20px; 
border:2px solid var(--black); width: 230px;   padding-left: 20px;
  line-height: 50px;
  margin-right: 10px}


.table-scroll-guide {
  font-size: 15px; line-height:30px; padding:10px 0px; width:100%;
  margin-bottom: 10px;
  display: none; 
}






.green_table_wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  scrollbar-width: thin; margin-bottom:20px;
}





table.inmodal,
.green_03 {min-width: 800px;
  width: 100%; width:100%; position:relative; overflow:hidden; z-index:1;}


.fix_com_area  .green_table_wrap { overflow:hidden !important;}
.fix_com_area  .green_table_wrap .green_03 {min-width:100% !important; width:100%;}

/*안내문구 컨트롤*/
.table-scroll-guide {
 font-weight:600; margin-top:20px !important;
  margin-bottom: 5px; color:var(--red); ; line-height:20px;
  display: none;
}


.fix_com_area .table-scroll-guide {display:none !important;}




@media all and (max-width:799px) {
.table-scroll-guide {
  display: block
}

}




.green_03.nothead { border-top:2px solid var(--black);}






.green_03:before {content:''; position:absolute; z-index:2; top:0; right:0; width:1px; height:100%; background:#fff;}
.green_03:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--black);}

/* .green_03 thead {background:var(--black); } */
.green_03 {border-top:4px solid var(--black)}
.green_03 thead {border-bottom:2px solid var(--black)}

.green_03 thead th { padding:16px 0px; border-left:1px solid rgba(255,255,255,0.3);
 border-bottom:1px solid rgba(255,255,255,0.3);
text-align:Center;font-weight:600; font-size:20px; line-height:30px;}




.green_03.thead01 thead {background:#fff; border-top:3px solid var(--black); border-bottom:2px solid var(--black); }
.green_03.thead01 thead th {color:var(--black); ; border-left:1px solid rgba(0,0,0,0.2);
 border-bottom:1px solid rgba(0,0,0,0.2);}
.green_03.thead01 thead th:nth-child(1){border-left:none;}


.green_03 tbody th {text-align:center;}





.green_03tbody th.scrollactive,
.green_03tbody td.scrollactive,
.green_03 tbody th,
.green_03 tbody td {padding:15px 15px; text-align:center; border:1px solid #ddd; border-bottom:0px; border-left:0px;}

.green_03 tbody th{background:var(--bg01)}
.green_03  th.thst01 {font-size:30px; line-height:40px;}



.green_03.parkingtable {margin-bottom:70px;}

.green_03.parkingtable td {text-align:left; font-size:20px; line-height:30px;}
.green_03.parkingtable td strong{font-weight:600;  font-size:25px; line-height:40px;}


.green_03.parkingtable th {
font-size: 25px; font-weight:600;
  line-height: 30px;
}


.green_03.parkingtable th p {
font-size: 17px; padding-top:10px;
  line-height: 30px; font-weight:500;
}

/***** 웹 외  *****/
	@media (max-width: 1500px) {

.tit_fix_com .fac_top_icon a,
.hall_warpin .fix_area .fac_top_icon a { flex-basis:calc(100% / 2); border-bottom:1px solid rgba(0,0,0,0.2);}



}



	@media (max-width: 1200px) {
		.hall_warpin .fix_area {position:relative; padding:50px 50px;  }
		 .hall_warpin .fix_area .tit {justify-content: space-between; width:100%;}
		.tit_fix_com h2, .hall_warpin .fix_area .tit h2 {width:auto;}
		.tit_fix_com .fac_top_icon, .hall_warpin .fix_area .fac_top_icon {width:100%;}
		.hall_warpin .fac_detail_wrap {padding-left:0px; padding-top:50px;}

		.hall_warpin .fix_area,
		.hall_warpin .fac_detail_wrap,
			.hall_warpin .fac_detail_wrap {width:100%; flex-basis:100%; max-width:100%}
}



/***** 웹 외  *****/
	@media (max-width: 1023px) {

.hall_warpin .fix_area {position:relative; padding:50px 50px;  width:100%; }

.tit_fix_com h2, .hall_warpin .fix_area .tit h2 {
  font-size: 40px;
  line-height:60px;
}

.tit_fix_com .fac_top_icon, .hall_warpin .fix_area .fac_top_icon {width:100%;}

.tit_fix_com .fac_top_icon a, .hall_warpin .fix_area .fac_top_icon a {
  font-size: 18px;
  line-height: 50px;
}


}


/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {

}



/* 	모바일 */
	@media (max-width:640px) {

.hall_warpin .fix_area {padding:20px 20px; }
.tit_fix_com h2, .hall_warpin .fix_area .tit h2 {
  font-size: 30px;
  line-height:50px;
}

  .hall_warpin .fac_detail_wrap {
    padding-top: 30px;
  }



.tit_fix_com .fac_top_icon a,
.hall_warpin .fix_area .fac_top_icon a { flex-basis:calc(100% / 2);  border-bottom: 1px solid rgba(0,0,0,0.2);
padding-left:20px;font-size:17px; line-height:40px; 

	}


.tit_fix_com .fac_top_icon  a.vricon,
.hall_warpin .fix_area .fac_top_icon a.vricon {
  background-position: left 10px center;
  background-size: auto 23px;
padding-left:40px;
}



.exhibitionwrap .team-person {border-radius:var(--radius01);
border:2px solid var(--black)}

/* 
exhibitionwrap .team-person {border-radius:var(--radius01);
background:var(--black);}
.exhibitionwrap .team-person div {border-top:1px solid rgba(255,255,255,0.1)}
.exhibitionwrap .team-person div:nth-child(1) {border:none;}

.exhibitionwrap .team-person  dl > * {color:#fff;}
.exhibitionwrap .team-person  dl  dd {opacity:0.7;}

.exhibitionwrap .team-person  ul > * {color:#fff;}


.exhibitionwrap .team .person li ul li.tel,
.exhibitionwrap .team-person ul li.tel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 2a3 3 0 0 1 2.995 2.824l.005 .176v14a3 3 0 0 1 -2.824 2.995l-.176 .005h-8a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005h8zm-4 14a1 1 0 0 0 -.993 .883l-.007 .117l.007 .127a1 1 0 0 0 1.986 0l.007 -.117l-.007 -.127a1 1 0 0 0 -.993 -.883zm1 -12h-2l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h2l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z'/%3E%3C/svg%3E");
}

.exhibitionwrap .team-person ul li.mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 7.535v9.465a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 -.066l9.445 -6.297z'/%3E%3Cpath d='M19 4c1.08 0 2.027 .57 2.555 1.427l-9.555 6.37l-9.555 -6.37a2.999 2.999 0 0 1 2.354 -1.42l.201 -.007h14z'/%3E%3C/svg%3E");
}

 */



.team-person {padding:20px 30px; }
.team-person div { padding:10px 0px;}
.team-person dl dt {; font-size:18px; line-height:25px; }
.team-person dl dd,
.team-person ul li {font-size:16px; line-height:26px;}
.team-person ul {gap: 10px 20px;}


.team-person ul li{
 padding-left:20px;
}
.team .person li ul li.tel,
.team-person ul li.tel{
background-size: auto 17px;
}

.team-person ul li.mail{
background-size: auto 18px;
}

.team-person ul li.address{
background-size: auto 18px;
}
.team-person ul li.home{
background-size: auto 18px;
}
.team-person ul li.fax{
background-size: auto 18px;
}



.hall_warpin .info dl dt,
.hall_warpin .info dl dd {font-size:18px; line-height:30px;}

.hall_warpin .info dl dd a:before {right:10px; font-size:10px; padding-left:15px; }


.hall_warpin .info dl dd a.hwp,
.hall_warpin .info dl dd a.doc {width:calc(50% - 7px);  font-size:17px; line-height:45px; margin-right:2px;
}

.hall_warpin .info dl dd a.hwp,
.hall_warpin .info dl dd a.doc{ 
  background-position: right 42px center;
 padding-left:15px;
 }


.faphoto ul {gap:6px;}
.faphoto li {flex-basis:calc((100% / 2) - 6px); }



.green_03 thead th {padding:10px 0px; font-size:18px; line-height:25px;}


.green_03tbody th.scrollactive,
.green_03tbody td.scrollactive,
.green_03 tbody th,
.green_03 tbody td {padding:10px 10px; }

/* 
.green_03  th.thst01 {font-size:30px; line-height:40px;}
.green_03.parkingtable {margin-bottom:70px;}
.green_03.parkingtable td {text-align:left; font-size:20px; line-height:30px;}
.green_03.parkingtable td strong{font-weight:600;  font-size:25px; line-height:40px;}
.green_03.parkingtable th {
font-size: 25px; font-weight:600;
  line-height: 30px;
}
.green_03.parkingtable th p {
font-size: 17px; padding-top:10px;
  line-height: 30px; font-weight:500;
}
 */









	}




/* =======================================================
 회의실 대관 절차 1:1 카톡상담채널 
   ======================================================= */


.prog_list_set ol {overflow:hidden; padding-top:15px;}

	.prog_list_set ol li{ counter-increment:prog_counter; position:relative; }
	.prog_list_set ol li:before {  content: counter(prog_counter) "."; border-radius:50%;
	text-align:Center; background:var(--black);  font-weight:600; color:#fff;
  counter-increment:li; left:0;
  content: counter(prog_counter);  position:absolute;}
			.prog_list_set ol li{ padding: 5px 10px 5px 30px;}
			.prog_list_set ol li:before {  width:20px; line-height:20px;  font-size:12px; top:10px; }










/* =======================================================
안전·보건 경영방침
   ======================================================= */
.intit_02  {padding-bottom:60px;}
.intit_02 dt {font-size:30px;margin-bottom:10px; line-height:50px; font-weight:600;  }
.intit_02 dt.small {font-size:25px; line-height:45px; padding-bottom:10px; font-weight:400;}

.intit_02 dd {font-size:20px; line-height:30px;  margin-top:30px; border-left:4px solid var(--black); padding-left:20px; }

.intit_02 dd.small {font-weight:600; }


.SHE_Policy .inner_list{padding-top:30px; }
	.SHE_Policy .inner_list h3 {background-color:var(--black); font-size:30px; line-height:50px;   letter-spacing:-1px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M12%2018.75a6%206%200%200%200%206-6v-1.5m-6%207.5a6%206%200%200%201-6-6v-1.5m6%207.5v3.75m-3.75%200h7.5M12%2015.75a3%203%200%200%201-3-3V4.5a3%203%200%201%201%206%200v8.25a3%203%200%200%201-3%203Z'%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size:auto 112px;
  background-position:  left 32px bottom 50px;
 padding: 50px 50px 0px 50px; 
	width:300px; color:#fff;}

	.SHE_Policy .inner_list h3.food {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M21%202V22H19V14H16V7C16%204.23858%2018.2386%202%2021%202ZM9%2013.9V22H7V13.9C4.71776%2013.4367%203%2011.419%203%209V3H5V10H7V3H9V10H11V3H13V9C13%2011.419%2011.2822%2013.4367%209%2013.9Z'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
	}


	.SHE_Policy .inner_list h3.wedding {
	background-image: url('/images/sub/wedding.svg');
	}


	.SHE_Policy .inner_list h3.vision {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23fff'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M7.5%2014.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6%2020.25h12A2.25%202.25%200%200%200%2020.25%2018V6A2.25%202.25%200%200%200%2018%203.75H6A2.25%202.25%200%200%200%203.75%206v12A2.25%202.25%200%200%200%206%2020.25Z'%20%2F%3E%3C%2Fsvg%3E");
	}



	.SHE_Policy .inner_list  ul {flex:1; padding-left:50px; }
	.SHE_Policy .inner_list  ul li {font-size:18px; line-height:33px; padding:25px 20px; border-top:1px solid var(--black);}

	.SHE_Policy .inner_list  ul li strong {display:flex; width:100px;}





@media(max-width:1023px){

.intit_02 dt {font-size:26px; line-height:35px;  }
.intit_02 dt.small {font-size:20px; line-height:35px; }
.intit_02 dd {font-size:20px; line-height:30px;  margin-top:30px !important;  }


	.SHE_Policy .inner_list h3 {background-color:var(--black); font-size:20px; line-height:40px;   letter-spacing:-1px;
background-size:auto 62px;
  background-position:  left 22px bottom 30px;
 padding: 30px 30px 0px 20px; 
	width:200px;}
	.SHE_Policy .inner_list  ul { padding-left:20px; }
	.SHE_Policy .inner_list  ul li {font-size:17px; line-height:27px; padding:17px 10px; }







}



@media(max-width:640px){


.intit_02 dt {font-size:20px; line-height:30px;  }
.intit_02 dt.small {font-size:17px; line-height:30px; }
.intit_02 dd {font-size:17px;  }


	.SHE_Policy .inner_list h3 {width:100%;
	background-color:var(--black); font-size:20px; line-height:40px;   letter-spacing:-1px; margin-bottom:30px;
background-size:auto 32px;
  background-position:  right 20px center;
 padding:20px;
}
	.SHE_Policy .inner_list  ul { padding-left:0px; }
	.SHE_Policy .inner_list  ul li {font-size:17px; line-height:27px; padding:17px 10px; }







}






/* =======================================================
footer
   ======================================================= */


.footer { 	width: 100%;  display:flex;flex-wrap:wrap;
	padding: 40px 0px;
	background: var(--black);
	overflow: hidden;
}

.mobile_main_footer  .footer {display:none}


.footer .width_area3 {width:100%; padding-top:0px; padding-bottom:0px; 
display:flex;flex-wrap:wrap; }

.footer .fnb  {display:flex; flex-wrap:wrap; gap:0px 20px;}
.footer .fnb a {color: #fff; font-weight: 700;}


.footer .txt  {display:flex; 
flex-wrap:wrap;
  gap: 0px 30px;
max-width:700px;
 text-align:right;
  width: fit-content;
  justify-content: right;
}

.footer .txt p {
	color: rgba(255,255,255,0.7);
}


.footer .width_area3 {justify-content: left; flex-direction: column;}
.footer .txt {justify-content: left; width:100%; padding-top:10px;}
.footer .txt p.copy {text-align:left; padding:0;}


.footer .width_area3 {justify-content: left; flex-direction: column;}
.footer .txt {justify-content: left; width:100%; padding-top:10px;}
.footer .txt p.copy {text-align:left; padding:0;}






@media all and (min-width:1200px) {
		.footer .width_area3 { justify-content: space-between; flex-direction: row;}
		.footer .txt  {max-width:700px;  text-align:right; width: fit-content; justify-content: right; }
.footer .txt p.copy {
width:fit-content; text-align:right;  flex-basis:100%; color: rgba(255,255,255,0.5);
font-size:15px; line-height:25px; padding-top:10px;}

}

@media all and (min-width:1200px) {
		.footer .width_area3 { justify-content: space-between; flex-direction: row;}
		.footer .txt  {max-width:700px;  text-align:right; width: fit-content; justify-content: right; }
.footer .txt p.copy {
width:fit-content; text-align:right;  flex-basis:100%; color: rgba(255,255,255,0.5);
font-size:15px; line-height:25px; padding-top:10px;}

}


@media (max-width: 640px) {


.footer {display:none}

.mobile_main_footer  .footer {display:block !important}


.footer {
	padding: 30px 0px 110px 0px;
	background: #efefef;
	overflow: hidden; 
}

.footer > * {color:var(--black)}




.mobile_main_footer  .footer {display:none; }


.footer .width_area3 {width:100%; padding-top:0px; padding-bottom:0px; 
display:flex;flex-wrap:wrap; }

.footer .fnb  {display:flex; flex-wrap:wrap; gap:0px 20px;}
.footer .fnb a { font-weight: 700; font-size:15px; line-height:35px; 
width:100%; color:var(--black); border-bottom:1px solid rgba(0,0,0,0.2);

background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm8.25%204.5%207.5%207.5-7.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 16px;
background-repeat: no-repeat;
background-position: right 10px center;



}




.footer .txt p { font-size:14px;
	color: rgba(0,0,0,0.7);
}


.footer .width_area3 {justify-content: left; flex-direction: column;}
.footer .txt {justify-content: left; width:100%; padding-top:10px;}
.footer .txt p.copy {text-align:left; padding:0;}


.footer .width_area3 {justify-content: left; flex-direction: column;}
.footer .txt {justify-content: left; width:100%; padding-top:10px;}
.footer .txt p.copy {text-align:left; padding:0;}










/* 
.footer .fnb  {gap:0px 10px;}
.footer .txt p.copy {font-size:13px; line-height:22px;} */


  }





/* =======================================================
mobile_footer
   ======================================================= */

.mobile_footer {	background: var(--black);  position:fixed;  color:#fff;
display:flex; z-index:99999999999;  left:0;  bottom:0; width:100%;}

.mobile_footer  dl {flex:1; text-align:Center; color:#fff; padding:15px 0px;}

.mobile_footer  dl dt svg {color:#fff; width:22px; }
.mobile_footer  dl dd {color:#fff; font-size:13px;}



@media all and (min-width:1024px) {
.mobile_footer {display:none}

}


@media all and (max-width:1023px) {
.subwrap {padding-bottom:100px;}

.footer {display:none}
}








/* =======================================================
행사안내 , 전시회 일정  자세히보기
   ======================================================= */

/* 


.schedule_wrap .listwrap .list2 {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
}
.schedule_wrap .listwrap .list2 a {
	display: inline-block;
	vertical-align: middle;
}


.schedule_wrap .listwrap .list:hover .schedule_visit  {
	position: absolute;
	z-index: 65;
	bottom: 30px; 
	left: 0; border-radius: 0px 30px 30px 0px;
	background-color:#fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z'/%3E%3C/svg%3E");
background-position: right 20px center;
background-size:auto 25px;
background-repeat:no-repeat;
	animation-name: schedule_visit;
	animation-duration: 0.4s; width:200px;
	animation-iteration-count: 1; padding-left:25px;
	font-weight: 600; 	font-size:20px; line-height:60px;
}


 @keyframes schedule_visit {
 0% {
transform:translatex(-200px)
}
 100% {
transform:translateX(0px)
}
}



.schedule_wrap .listwrap .list .sns {display:none;}




.schedule_wrap .listwrap .list .tit {
	text-align: left;
}
.schedule_wrap .listwrap .list .tit dt strong {
	position: relative;
	z-index: 2;
}

.schedule_wrap .listwrap .list .tit dt strong {
	font-weight: 300;
	color: #1f41bb;
}
.schedule_wrap .listwrap .list .tit dd.intit {
	font-weight: 600;
}
.schedule_wrap .listwrap .list .tit dd.btn a {
	display: inline-block;
	background: url('/images/com/arrow4.gif') no-repeat 90% center;
	border: 1px solid #000;
	font-weight: 600;
	box-sizing: border-box;
}
.scrolldown {
	overflow: hidden;
	width: 100%;
	text-align: center;
}



.scrolldown p {
	animation-name: example2;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
 @keyframes example2 {
 0%, 100% {
transform:translateY(0)
}
 50% {
transform:translateY(-20px)
}
}
.scrolldown dl dt,  .scrolldown dl dd {
	text-transform: uppercase;
	font-family: verdana;
}
.scrolldown dl dd {
	font-weight: bold;
	color: #888;
}
.schedule_wrap .list_top_info .icon a span {
	color: #fff
}
.schedule_wrap .listwrap .list2 dl dt {
	font-weight: 600;
}
.schedule_wrap .listwrap .list2 .layer {
	display: none;
}
.search_down {
	vertical-align: middle;
	display: inline-block;
}
.search_down a {
	vertical-align: middle;
	box-sizing: Border-box;
	display: inline-block;
	background: #686e7d;
	color: #fff;
}

 */



.schedule_table {   overflow:hidden; padding:30px; position:relative;
	width: 100%; background:#fff; border-radius:var(--radius01);
	  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  scrollbar-width: thin; margin-bottom:20px;
}






.schedule_table table {
  width: 100%; min-width:800px;
  border-collapse: collapse;
  table-layout: fixed; /*중복x 지우면안됨*/
}

.schedule_table table thead th,
.schedule_table  table tbody td {
  width: calc(100% / 7);  word-break: break-word;
  white-space: normal;

}


.schedule_table thead th {
background:var(--black); font-size:20px; line-height:26px;
	color: #fff;  
	text-align: center;
	padding: 14px 0px;
}

.schedule_table tbody td { position:relative;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	min-height: 100px; vertical-align:top;
	padding:50px 20px 20px 20px;
}
.schedule_table tbody td p.day {
	position: absolute;
	top: 20px;
	left: 20px;
	font-weight: 800;
	font-size: 25px;
	line-height: 30px;
}


.schedule_table td.week_1 p.day {
	color:var(--red);
}

.schedule_table td.week_7 p.day {
	color:var(--blue);
}
table td .calendar_tooltip {
  word-break: break-all;
}

@media all and (max-width:800px) {

.schedule_table {padding-top:80px;  overflow-x: auto; }

.schedule_table table {width:100%; min-width:800px;}
.calendar_month {
width:100%; text-align:left !important;
  font-size: 24px !important;
}

.schedule_table:before {content:'※ 아래 표 부분을 좌우로 스크롤 하시면 전체 내용을 보실 수 있습니다.'; 
position:absolute; top:10px; left:20px; max-width:800px; color:Var(--red);
font-size: 15px;
  line-height: 23px;
  padding: 10px 10px;
  width: 100%;
  margin-bottom: 10px;


}


.schedule_table thead th {
  font-size: 17px;
  line-height: 21px;
  padding: 16px 0px;
}
.schedule_table tbody td {padding-left:10px !important;}
.schedule_table tbody td .wrap {padding-top:10px; width:100%;}

table td .calendar_tooltip {
  padding-left: 11px !important;
  font-size: 13px !important;
  line-height: 21px !important;
}
}






table td .calendar_tooltip {display:flex; position:relative; padding-left:15px; margin-top:10px;  font-size:17px; line-height:28px;}
.schedule_table tbody td .wrap {
	min-height: 100px;
}
.click_view {
	text-align: Center;
}
.click_view img {
	vertical-align: middle;
}




/* =======================================================
     radiuspoint
   ======================================================= */

.radiuspoint {position:relative}
.radiuspoint .point {top: -2px; position:absolute; z-index:80;
top: -2px; 
  right: -2px;
  border-radius:
0 0 0 36px;}





.radiuspoint .point:after,
.radiuspoint .point:before {
content: "";
  position: absolute;
  width: 38px;
  height: 38px;   
  background-position:50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cpath d='M36 38h2V0H0v2c19.9 0 36 16.1 36 36z' fill='rgba(255,255,255,0)'/%3E%3C/svg%3E");
}




.radiuspoint .point.topleft:before {
left: -36px;
  top: 0;
}
.radiuspoint .point.topleft:after {
right: 0;
  bottom: -36px;
}

.radiuspoint .point.trans:before { transform:rotate(-180deg)}
.radiuspoint .point.trans:after {transform:rotate(-180deg)}




/* =======================================================
픽스사용, 제목 서브 공통부분
   ======================================================= */

.fix_com_area { width:600px; position:sticky; height:fit-content; top:0;}
.fix_com_area2 { width:40%; }
.fix_com_area3 { width:450px;  }
.fix_com_area4 { width:35%; }

.unfix_com_area {flex:1; padding-left:60px; overflow:hidden; }
h3.comst01 { font-weight:700; font-size:40px; padding-bottom:30px; line-height:55px;}

.h3list h3 {padding-top:70px;}
.h3list  > h3:nth-of-type(1){padding-top:0;}





h3.comst02,
h3.st04{ font-weight:600; font-size:30px;  position:relative; padding-bottom:30px; padding-top:60px;  line-height:45px;}
h3.st04:after,
h3.comst02:after {content:''; display:inline-block; vertical-align:top; margin-left:10px;border-radius:50%;  width:6px; height:6px; background:var(--black)}

h3.st04 {padding-bottom:0px;}




h3.comst03 { font-weight:600; font-size:30px;  position:relative; padding-bottom:30px; padding-top:30px;  line-height:45px;}
h3.comst04 { font-weight:700; font-size:30px; padding-bottom:10px; line-height:55px;}
h3.comst05 { font-weight:700; font-size:25px; padding-bottom:10px; line-height:45px;}



div > h3.comst02:nth-child(1) {padding-top:0;}





h4.comst01 { font-weight:300; font-size:25px; padding-bottom:10px; line-height:35px;}
h5.comst01 { font-weight:400; font-size:20px; padding-bottom:10px; line-height:30px;}


.desc_comst01 {padding-top:50px; padding-bottom:30px; }
.desc_comst01 dt { font-weight:700; font-size:30px; padding-bottom:10px; line-height:45px;}


h3.comst05 { font-weight:700; font-size:25px; padding-bottom:10px; line-height:45px;}

	@media (max-width:1023px) {

h3.comst01 {font-size:30px; padding-bottom:20px; line-height:35px;}


.fix_com_area {width:100% !important; position:relative; margin-bottom:30px;}

.unfix_com_area {padding:0; flex-basis:100%;}





}






/* 	모바일 */
	@media (max-width:650px) {
h3.comst05 { font-size:20px;  line-height:40px;}

h3.comst02,
h3.st04{ font-size:22px;  padding-bottom:15px; padding-top:35px;  line-height:30px;}
h3.st04:after,
h3.comst02:after { width:4px; height:4px; }

h4.comst01 { font-size:18px; line-height:25px;}

h3.comst01 {font-size:20px; padding-bottom:20px; line-height:30px;}

h3.comst03 {  font-size:20px; padding-bottom:20px; padding-top:20px;  line-height:35px;}


	}




/* =======================================================
노이미지
   ======================================================= */

.no_img,
.facilities_company_list .inner .img  {background:var(--bg03); position:relative;}


.no_img:before,
.facilities_company_list .inner .img:before {content:''; position:absolute; z-index:-1; width:100%; height:100%;
background:url('/nimg/logo.png') no-repeat center center;  opacity:0.4;
background-size:50% auto; mix-blend-mode: luminosity;}




/* =======================================================
편의시설
   ======================================================= */
.convenience_fac {}


.facilities_company_list {gap: 25px; }
.facilities_company_list .inner { background:var(--bg01);
overflow:hidden; border-radius: var(--radius01);   width: calc((100%/ 3 ) - 25px); }

.facilities_company_list.listnum01 .inner {  border:1px solid var(--bg01); width: calc((100%/ 4 ) - 25px); }

.facilities_company_list .inner .img { width: 100%; 
  aspect-ratio: 3 / 2;  
  overflow: hidden;
}


.facilities_company_list .inner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.facilities_company_list .inner .img.logo{background:#fff;}
.facilities_company_list .inner .img.logo img {  width: 100%;
  height: 100%;
  object-fit: contain}


.facilities_company_list .inner dl{
padding:30px 30px; 
    display: grid;
    grid-template-rows: 50px 50px 30px 30px;
}
	.facilities_company_list .inner dl dt { font-size:20px; word-break:break-word;
	font-weight:500; line-height:30px; padding-bottom:10px;}
	.facilities_company_list .inner dl dt {display:flex;}
	.facilities_company_list .inner dl dt  a {border-radius:50%; background:var(--black); width:30px; height:30px;}

	.facilities_company_list.listnum01  .inner dl dt {justify-content: space-between;text-align:Center; }
	.facilities_company_list.listnum01  .inner dl dt svg {width:20px; height:20px; fill:#fff; padding-top:5px;}



	.facilities_company_list .inner dl dd {   min-height: 25px;padding-left:25px; margin-top:5px; line-height:25px;
 background-repeat:no-repeat}


	.facilities_company_list .inner dl dd.desc {opacity:0.8; min-height: 35px;
	padding-left:0px; margin-top:0px; line-height:25px; }



	.facilities_company_list .inner dl dd.location {background-size: 18px auto;  background-position:left 0px  top  1px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'm7.539%2014.841.003.003.002.002a.755.755%200%200%200%20.912%200l.002-.002.003-.003.012-.009a5.57%205.57%200%200%200%20.19-.153%2015.588%2015.588%200%200%200%202.046-2.082c1.101-1.362%202.291-3.342%202.291-5.597A5%205%200%200%200%203%207c0%202.255%201.19%204.235%202.292%205.597a15.591%2015.591%200%200%200%202.046%202.082%208.916%208.916%200%200%200%20.189.153l.012.01ZM8%208.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");}
	.facilities_company_list .inner dl dd.time {	background-size: 17px auto;  background-position:left 1px top 3px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M1%208a7%207%200%201%201%2014%200A7%207%200%200%201%201%208Zm7.75-4.25a.75.75%200%200%200-1.5%200V8c0%20.414.336.75.75.75h3.25a.75.75%200%200%200%200-1.5h-2.5v-3.5Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
	}


	.facilities_company_list .inner dl dd.tel {
/* background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'currentColor'%20%20class%3D'icon%20icon-tabler%20icons-tabler-filled%20icon-tabler-device-mobile'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M16%202a3%203%200%200%201%202.995%202.824l.005%20.176v14a3%203%200%200%201%20-2.824%202.995l-.176%20.005h-8a3%203%200%200%201%20-2.995%20-2.824l-.005%20-.176v-14a3%203%200%200%201%202.824%20-2.995l.176%20-.005h8zm-4%2014a1%201%200%200%200%20-.993%20.883l-.007%20.117l.007%20.127a1%201%200%200%200%201.986%200l.007%20-.117l-.007%20-.127a1%201%200%200%200%20-.993%20-.883zm1%20-12h-2l-.117%20.007a1%201%200%200%200%200%201.986l.117%20.007h2l.117%20-.007a1%201%200%200%200%200%20-1.986l-.117%20-.007z'%20%2F%3E%3C%2Fsvg%3E");
 */
background-image: url('/images/com/callicon.png');
background-size: auto 15px;
background-position:center left;

}

	
	





.stair_img {padding-top:60px;}


@media (max-width: 1400px) {
.facilities_company_list .inner {  width: calc((100%/ 2 ) - 25px); }

		}


@media (max-width: 980px) {
.facilities_company_list.listnum01 .inner{  width: calc((100%/ 3 ) - 20px); }

		}



@media (max-width: 640px) {

.stair_table_area {margin-top:20px !important;}
	.stair_img {padding-bottom: 10px !important;}
.facilities_company_list {gap: 15px; }

.facilities_company_list.listnum01 .inner,
.facilities_company_list .inner {  width: calc(100% - 15px); }
.facilities_company_list .inner dl{padding:15px;}
	.facilities_company_list .inner dl dt {font-size:18px; }

	.facilities_company_list .inner dl dd {padding-left:22px;}


		}	



/* =======================================================
탭
   ======================================================= */

/* tabs_new */
.tabs_new {width:100%;  padding-bottom:20px;}
.tabs_new li { flex:1; }
.tabs_new li a { display:flex; background-color:var(--bg02); padding-left: 20px;
  font-size: 20px;   
  line-height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'htt5206p%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'rgba(0%2C0%2C0%2C0.4)'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M3.75%202a.75.75%200%200%200%200%201.5H4v9h-.25a.75.75%200%200%200%200%201.5H6a.5.5%200%200%200%20.5-.5v-3A.5.5%200%200%201%207%2010h2a.5.5%200%200%201%20.5.5v3a.5.5%200%200%200%20.5.5h2.25a.75.75%200%200%200%200-1.5H12v-9h.25a.75.75%200%200%200%200-1.5h-8.5ZM6.5%204a.5.5%200%200%200-.5.5V5a.5.5%200%200%200%20.5.5H7a.5.5%200%200%200%20.5-.5v-.5A.5.5%200%200%200%207%204h-.5ZM6%207a.5.5%200%200%201%20.5-.5H7a.5.5%200%200%201%20.5.5v.5A.5.5%200%200%201%207%208h-.5a.5.5%200%200%201-.5-.5V7Zm3-3a.5.5%200%200%200-.5.5V5a.5.5%200%200%200%20.5.5h.5A.5.5%200%200%200%2010%205v-.5a.5.5%200%200%200-.5-.5H9Zm-.5%203a.5.5%200%200%201%20.5-.5h.5a.5.5%200%200%201%20.5.5v.5a.5.5%200%200%201-.5.5H9a.5.5%200%200%201-.5-.5V7Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
  background-position:right 20px center;
  background-repeat:no-repeat;
  background-size:auto 20px;
  }
.tabs_new li.active a { background-color:var(--black); color:#fff;

background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23fff'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M3.75%202a.75.75%200%200%200%200%201.5H4v9h-.25a.75.75%200%200%200%200%201.5H6a.5.5%200%200%200%20.5-.5v-3A.5.5%200%200%201%207%2010h2a.5.5%200%200%201%20.5.5v3a.5.5%200%200%200%20.5.5h2.25a.75.75%200%200%200%200-1.5H12v-9h.25a.75.75%200%200%200%200-1.5h-8.5ZM6.5%204a.5.5%200%200%200-.5.5V5a.5.5%200%200%200%20.5.5H7a.5.5%200%200%200%20.5-.5v-.5A.5.5%200%200%200%207%204h-.5ZM6%207a.5.5%200%200%201%20.5-.5H7a.5.5%200%200%201%20.5.5v.5A.5.5%200%200%201%207%208h-.5a.5.5%200%200%201-.5-.5V7Zm3-3a.5.5%200%200%200-.5.5V5a.5.5%200%200%200%20.5.5h.5A.5.5%200%200%200%2010%205v-.5a.5.5%200%200%200-.5-.5H9Zm-.5%203a.5.5%200%200%201%20.5-.5h.5a.5.5%200%200%201%20.5.5v.5a.5.5%200%200%201-.5.5H9a.5.5%200%200%201-.5-.5V7Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");

}









/* tabs_new2 */

.tabs_new2 {width:100%;  padding: 0px  0px  0px 0px;  gap: 0 10px;}
.tabs_new2 li {flex:1; position:relative; z-index:1;}
.tabs_new2 li a { display:flex;   border-style:solid; border-width:2px;
border-color:var(--bg03); 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23bbb'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M4.22%206.22a.75.75%200%200%201%201.06%200L8%208.94l2.72-2.72a.75.75%200%201%201%201.06%201.06l-3.25%203.25a.75.75%200%200%201-1.06%200L4.22%207.28a.75.75%200%200%201%200-1.06Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
background-position:right 20px center;
  background-repeat:no-repeat;
  background-size:auto 24px;
  }

.tabs_new2 li a ,
.tabs_new2 li:nth-child(2):hover:before,
.tabs_new2 li:nth-child(4):hover:before {  padding-left: 20px; font-size: 20px;   
  line-height: 60px;}



.tabs_new2 li.active a {
border-color:var(--black);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M4.22%206.22a.75.75%200%200%201%201.06%200L8%208.94l2.72-2.72a.75.75%200%201%201%201.06%201.06l-3.25%203.25a.75.75%200%200%201-1.06%200L4.22%207.28a.75.75%200%200%201%200-1.06Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");

}


.tabs_new2 li:nth-child(2):hover:before,
.tabs_new2 li:nth-child(4):hover:before{ 
	transition: all 1s; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;
	color:#fff;
	position: Absolute; 
    background:var(--black3);
}

/* .tabs_new2 li:nth-child(2):hover:before {
	content: '비즈니스센터';
}
.tabs_new2 li:nth-child(4):hover:before {
	content: '컨벤션지원업체';

}
 */


@media (max-width: 1023px) {
.tabs_new2 li a ,
.tabs_new2 li:nth-child(2):hover:before,
.tabs_new2 li:nth-child(4):hover:before,
		.tabs_new li a {
			font-size: 18px;
			line-height: 50px;
		  }
.tabs_new2 li {flex-basis:calc(50% - 10px);margin-bottom:5px;}



		}



		@media (max-width: 640px) {

.tabs_new2 li a ,
.tabs_new2 li:nth-child(2):hover:before,
.tabs_new2 li:nth-child(4):hover:before,
		.tabs_new li a {
		padding-left: 20px;
			font-size: 17px;
			line-height: 40px;
		}
}








/* =======================================================
지정등록업체
   ======================================================= */

.company_tabs {gap:5px; width:100%; overflow:hidden; padding-bottom:30px;}
.company_tabs a {flex-basis:calc(50% - 5px); padding-left: 20px; font-size: 20px;   
  line-height: 60px; background-color:var(--bg01)}


.parktop .company_tabs a {
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25' /%3E%3C/svg%3E");
background-color:#fff;  */ border:3px solid var(--bg01) }


.parktop .company_tabs a.arrow.black {border:none;}




.company_tabs.wd1 a {flex-basis:100%;} 



	@media (max-width: 1023px) {
.company_tabs a {flex-basis:calc(33% - 5px); padding-left: 15px; font-size: 17px;   
  line-height: 50px;}
}




/*****모바일*****/
	@media (max-width:640px) {

.company_tabs a {flex-basis:calc(50% - 5px); padding-left: 10px; font-size: 17px;   
  line-height: 40px;}

	}













.icon_down {gap:5px; width:100%; margin-top:60px; overflow:hidden;}
.icon_down a{width:100%;  font-size: 17px;    border:2px solid var(--black); padding-left:20px;
  line-height: 60px; font-weight:500; }


a.file_doc:before {content:'DOC'; position:absolute; top:0; right:20px;
font-weight:800; font-size:10px; padding-left:15px; }


a.file_pdf:before {content:'PDF'; position:absolute; top:0; right:20px;
font-weight:800; font-size:10px; padding-left:15px; }

a.file_pdf,
a.file_doc{ display:flex;   position:relative;
 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%20fill%3D'currentColor'%20class%3D'size-5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M4.5%202A1.5%201.5%200%200%200%203%203.5v13A1.5%201.5%200%200%200%204.5%2018h11a1.5%201.5%200%200%200%201.5-1.5V7.621a1.5%201.5%200%200%200-.44-1.06l-4.12-4.122A1.5%201.5%200%200%200%2011.378%202H4.5Zm4.75%206.75a.75.75%200%200%201%201.5%200v2.546l.943-1.048a.75.75%200%200%201%201.114%201.004l-2.25%202.5a.75.75%200%200%201-1.114%200l-2.25-2.5a.75.75%200%201%201%201.114-1.004l.943%201.048V8.75Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");
 background-repeat: no-repeat;
background-size:auto 22px;
  background-position: right 52px center;
 }


@media (max-width: 1023px) {
 .icon_down a{ font-size: 17px;   line-height:40px;}
}

@media (max-width: 640px) {
  .company_tabs a {
	padding-left:10px;
  }
}

/* =======================================================
가구몰
   ======================================================= */


.furnituremall-wrapper .fix_com_area{border-radius:var(--radius1);
border-radius: var(--radius01);
  padding:
50px 50px;
  background: var(--bg01);
} 

.furnituremall .listwrap {
gap:20px 20px; 
}


.furnituremall .listwrap .list {
flex-basis:calc((100% / 4)  - 20px );
	border: 1px solid #ddd;
	position: relative;
	cursor: pointer;
}

.furnituremall .listwrap .list  {height:160px; 	justify-content: center;
	align-items: center; display:flex; flex-wrap:wrap;  font-size: 21px; line-height: 33px;}

.furnituremall .listwrap .list  img {object-fit:contain; max-width:80%; }
.furnituremall .listwrap .list:hover { border: 1px solid var(--black)}


.furnituremall .desc {
	overflow: hidden;
	border-top: 2px solid #ddd;
}


.deptst01 {
	padding-top: 20px;
}
.deptst01 li {flex-basis:auto; padding-right:60px; position:relative; padding-left:20px;}
.deptst01 li:before {
	content: '.';
	position: absolute;
		font-size: 20px;
	line-height: 20px;
	left: 0px;
	top: -1px;
}

.deptst01.bulletmiddle li:before {
	top: 50%;
	transform: translateY(-50%)
}
.deptst01 li > ul li:before {
	content: '-'
}
.deptst01 li ul {
	padding-top: 5px;
}
.deptst01 li ul li {
	font-size: 14px;
	line-height: 16px;
	padding: 3px 0px 3px 15px;
}
.deptst01 li ul li:before {
	top: 3px;
	left: 0;
}


@media (max-width: 1023px) {
.furnituremall .listwrap .list {
  flex-basis: calc((100% / 3) - 20px );
font-size: 17px;
  line-height: 30px; }
}

@media (max-width: 640px) {
.h3list h3 {
  padding-top:20px;
}
.furnituremall .listwrap .list { height: 110px;
  flex-basis: calc((100% / 2) - 20px );}

.deptst01 li {padding-bottom:11px;}


}


/* =======================================================
  게시판 상단
   ======================================================= */


.board_top_bg { padding: 0px 40px 0px 150px; background-repeat:no-repeat;}
.board_top_bg.nobg{ padding: 40px 40px 40px 40px; }






.board_top_bg.bgicon01 {
background-image: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20%20width%3D'24'%20%20height%3D'24'%20%20viewBox%3D'0%200%2024%2024'%20%20fill%3D'none'%20%20stroke%3D'currentColor'%20%20stroke-width%3D'1.5'%20%20stroke-linecap%3D'round'%20%20stroke-linejoin%3D'round'%20%20class%3D'icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-microphone'%3E%3Cpath%20stroke%3D'none'%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M9%202m0%203a3%203%200%200%201%203%20-3h0a3%203%200%200%201%203%203v5a3%203%200%200%201%20-3%203h0a3%203%200%200%201%20-3%20-3z'%20%2F%3E%3Cpath%20d%3D'M5%2010a7%207%200%200%200%2014%200'%20%2F%3E%3Cpath%20d%3D'M8%2021l8%200'%20%2F%3E%3Cpath%20d%3D'M12%2017l0%204'%20%2F%3E%3C%2Fsvg%3E");
background-size:auto 75px; 
background-position: left 20px center;
}

.board_top_bg.bgicon02 {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M20.25%2014.15v4.25c0%201.094-.787%202.036-1.872%202.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5%200a2.18%202.18%200%200%200%20.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114%2048.114%200%200%200-3.413-.387m4.5%208.006c-.194.165-.42.295-.673.38A23.978%2023.978%200%200%201%2012%2015.75c-2.648%200-5.195-.429-7.577-1.22a2.016%202.016%200%200%201-.673-.38m0%200A2.18%202.18%200%200%201%203%2012.489V8.706c0-1.081.768-2.015%201.837-2.175a48.111%2048.111%200%200%201%203.413-.387m7.5%200V5.25A2.25%202.25%200%200%200%2013.5%203h-3a2.25%202.25%200%200%200-2.25%202.25v.894m7.5%200a48.667%2048.667%200%200%200-7.5%200M12%2012.75h.008v.008H12v-.008Z'%20%2F%3E%3C%2Fsvg%3E"); background-position: left 70px center;
background-size:auto 75px; 
background-position: left 20px center;
}


.board_top_bg.bgicon03 {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M8.625%2012a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H8.25m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H12m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200h-.375M21%2012c0%204.556-4.03%208.25-9%208.25a9.764%209.764%200%200%201-2.555-.337A5.972%205.972%200%200%201%205.41%2020.97a5.969%205.969%200%200%201-.474-.065%204.48%204.48%200%200%200%20.978-2.025c.09-.457-.133-.901-.467-1.226C3.93%2016.178%203%2014.189%203%2012c0-4.556%204.03-8.25%209-8.25s9%203.694%209%208.25Z'%20%2F%3E%3C%2Fsvg%3E");
background-size:auto 70px; 
background-position: left 40px center;

}


.board_top_bg.bgicon04 {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M15.666%203.888A2.25%202.25%200%200%200%2013.5%202.25h-3c-1.03%200-1.9.693-2.166%201.638m7.332%200c.055.194.084.4.084.612v0a.75.75%200%200%201-.75.75H9a.75.75%200%200%201-.75-.75v0c0-.212.03-.418.084-.612m7.332%200c.646.049%201.288.11%201.927.184%201.1.128%201.907%201.077%201.907%202.185V19.5a2.25%202.25%200%200%201-2.25%202.25H6.75A2.25%202.25%200%200%201%204.5%2019.5V6.257c0-1.108.806-2.057%201.907-2.185a48.208%2048.208%200%200%201%201.927-.184'%20%2F%3E%3C%2Fsvg%3E");
background-size:auto 74px; 
background-position: left 20px center;

}




.board_top_bg.bgicon_goodnight{
background-image: url("/images/sub/goodnight.png");
background-position: left 0px center;
background-size:auto 120px; 
}


.board_top_bg.bgicon_visitdaegu{
background-image: url("/images/sub/visitdaegu.png");
background-position: left 40px center;
background-size:auto 130px; 
}

.board_top_bg.bgicon_daegufood{
background-image: url("/images/sub/daegufood.png");
background-position: left 0px center;
background-size:auto 73px; 
}


.board_top_bg.bgicon_mall{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-bed-double-icon%20lucide-bed-double'%3E%3Cpath%20d%3D'M2%2020v-8a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v8'%2F%3E%3Cpath%20d%3D'M4%2010V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4'%2F%3E%3Cpath%20d%3D'M12%204v6'%2F%3E%3Cpath%20d%3D'M2%2018h20'%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size:auto 73px; 
background-position: left 20px center;

}










.board_top_bg.bgicon_goodnight dt,
.board_top_bg.bgicon_goodnight dd {color:#fff;}



.mobile_only {display:none}

.board_top_bg.nobg,
.board_top_bg dt { font-weight:600; font-size:35px; line-height:50px;}
.board_top_bg dd {font-size:22px; line-height:30px; padding-top:10px;}

.board_top_bg dd p {color:#666; font-size:17px; line-height:25px; padding-top:10px;}

@media (min-width: 1024px) {


.board_top_bg.bgicon_goodnight,
.board_top_bg.bgicon_visitdaegu,
.board_top_bg.bgicon_daegufood { padding-left:260px;}
}


@media (max-width: 1023px) {

.board_top_bg.nobg,
.board_top_bg dt {font-size:30px; line-height:40px;}
.board_top_bg dd {font-size:20px; line-height:30px; }
.board_top_bg.bgicon_mall,
.board_top_bg.bgicon_goodnight,
.board_top_bg.bgicon_visitdaegu,
.board_top_bg.bgicon_daegufood {padding-top:90px;}
}

@media (max-width: 640px) {
.board_top_bg.nobg,
.board_top_bg dt {font-size:22px; line-height:30px;}
.board_top_bg dd {font-size:17px; line-height:24px; }
.board_top_bg dd p {font-size:15px; line-height:21px; }


}




@media (max-width: 1200px) {


.board_top_bg.bgicon_visitdaegu{
background-position: left 50px  top 0px;
background-size:auto 90px; 

}

.board_top_bg.bgicon_daegufood{
background-position: left 30px  top 10px;
background-size:auto 90px; 
}

.board_top_bg.bgicon_visitdaegu,
.board_top_bg.bgicon_daegufood{
padding: 140px 40px 0px 40px;

}



.board_top_bg.bgicon_mall{
background-position: left 20px  top 10px;
background-size:auto 56px; 

}




}



@media (max-width: 1023px) {
.board_top_bg.bgicon_visitdaegu,
.board_top_bg.bgicon_daegufood{
padding: 85px 15px 15px 15px
}

.board_top_bg.bgicon_goodnight{
background-position: left 0px  top 0px;
background-size:auto 70px; 
}

.board_top_bg.bgicon_visitdaegu{
background-position: left 10px  top 0px;
background-size:auto 60px; 
}

.board_top_bg.bgicon_daegufood{
background-position: left 0px  top 10px;
background-size:auto 60px; 
}



.board_top_bg.bgicon01 {
background-position: right 10px  top 10px;
background-size:auto 40px; 
}

.board_top_bg.bgicon02 {
background-position: right 10px  top 10px;
background-size:auto 40px; 
}


.board_top_bg.bgicon03 {
background-position: right 10px  top 10px;
background-size:auto 40px; 

}


.board_top_bg.bgicon04 {
background-position: right 10px  top 10px;
background-size:auto 40px; 

}




.unfix_com_area {margin-top:10px !important;}




.board_top_bg { padding: 15px 75px 15px 15px;}
.board_top_bg.nobg{ padding:15px; }




.mobile_only {display:flex}









}











/* =======================================================
게시판리스트
   ======================================================= */

.board_list_wrap {overflow: hidden; margin-left:auto; margin-right:auto; width:100%; }



.board_list_wrap .top {margin-bottom:20px; overflow:hidden;}
.board_list_wrap .top .search { display:flex; flex-wrap:wrap;  border:1px solid var(--black); float:right; border-radius:0px;
/* background:var(--bg01); */ flex:1; max-width:400px; overflow:hidden; padding:0px 10px; border-radius:var(--radius1)}

.board_list_wrap .top .search select {padding:0px 10px; border:none; border-right:1px solid var(--black);  }

.board_list_wrap .top .search.selectsearch select{width:110px; border-radius:0px !important;}




.board_list_wrap .top .search input[type='text'] {flex:1;}
.board_list_wrap .top .search input[type="text"] ,
.board_list_wrap .top .search input[type='text']:placeholder{ font-weight:500;
font-size:22px; line-height:60px; color:var(--black); font-weight:600;}

.board_list_wrap .top .search input[type='text'] {background:none; border:none;}
.board_list_wrap .top .search button {width:60px;}
.board_list_wrap .top .search button svg {width:35px; height:35px;}


.board_list_wrap .listwrap {width:100%;  gap:0px;  align-items: stretch;  padding:20px 0px;}



@media (max-width: 1023px) {
.board_list_wrap .top {margin-bottom:10px; }

}
.board_list_wrap .top .search button svg {color:var(--black) !important;}
@media (max-width: 640px) {

#boardSearchForm.scroll-animate {margin-top:0px !important; }

.board_list_wrap .top .search button {width:60px;}
.board_list_wrap .top .search button svg {width:30px; height:30px;}


.board_list_wrap .top .search select,
.board_list_wrap .top .search input {padding-top:7px; padding-bottom:7px;}



.board_view_wrap table.table_header tr:nth-child(1) td {
font-size:18px; padding-top:12px; padding-bottom:12px;
}



}











/*list*/
.board_list_wrap .listwrap .list {
  flex-basis: 100%;
  padding:30px 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  background-position: 96% center;
  display: flex;       flex-wrap:wrap;

  box-sizing: border-box; 
  justify-content: space-between;
  transition: border 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}


/*  Hover 애니메이션 */
.board_list_wrap .listwrap .list:hover {
background-color:#eee;
/*   border: 1px solid var(--black);
   *//*   box-shadow: 0 8px 16px rgba(0,0,0,0.1);  */
  transform: translateY(-4px);
}




.board_list_wrap .listwrap .list.download2 {
  flex-basis: 100%;
  padding:25px 20px 25px 20px;
border:none;
  border-bottom:1px solid #ddd;

}




@media (max-width: 1300px) {
.board_list_wrap .listwrap .list {
  padding:30px;
}
}


@media (max-width: 900px) {
.board_list_wrap .listwrap .list {
  flex-basis: 100%;
  padding:20px;
}
}

@media (max-width: 640px) {

.board_list_wrap .listwrap .download2 h2 {
  font-size: 17px !important;
  line-height: 26px !important;
}

.board_list_wrap .listwrap .download2 .down{width:100%; padding-top:10px; }
}






















.board_list_wrap .listwrap > .download2:last-child {border-bottom:none;}


.list_customer    .list  {flex-basis:100% !important;}  


.board_list_wrap .listwrap .list  { align-items: center;
box-sizing:border-box;
/*  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'0.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm12.75%2015%203-3m0%200-3-3m3%203h-7.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z'%20%2F%3E%3C%2Fsvg%3E");
 */background-size: auto 50px;
background-repeat: no-repeat;
background-position: right 30px center; */

}
.board_list_wrap .listwrap.gallerywrap{gap: 20px; !important;}

.board_list_wrap .listwrap .list.gallery {flex: 1 1 calc(25% - 20px);  text-align:center; border:1px solid #ddd; background-image:none !important;}

.board_list_wrap .listwrap .list.gallery.nlimg img,
.board_list_wrap .listwrap .list.gallery .img {width:100%; margin-top:0px !important; }




.board_list_wrap .listwrap .list.gallery.nlimg  {
  justify-content: center;
}

.board_list_wrap .listwrap .list.gallery.nlimg .nimgbox {width:100%;}

.board_list_wrap .listwrap .list.gallery.nlimg .nimgbox div {width:100%;  height:auto !important;
  aspect-ratio: 3.2 / 2 !important;  border:1px solid #ddd;
  width: 
  object-fit: cover; 
  overflow: hidden;
}
.board_list_wrap .listwrap .list.gallery.nlimg h2 {padding-top:15px;}



/* .board_list_wrap .listwrap .list:hover  {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%231a1a1a'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'0.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm12.75%2015%203-3m0%200-3-3m3%203h-7.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z'%20%2F%3E%3C%2Fsvg%3E");
} */





.board_list_wrap .listwrap .list .num {width:150px;  text-align:Center; color:#bbb; font-size:30px;line-height:1;}
.board_list_wrap .listwrap .list .txtinner  {flex:1;}


.board_list_wrap .listwrap .list .icon {border-radius:var(--radius01); background:var(--bg01);  display:flex; align-items: center;
  align-content: center;
font-size:16px; line-height:40px; width:fit-content; padding:0px 30px; margin-bottom:20px;}
.board_list_wrap .listwrap .list .icon svg {width:20px; height:20px; margin-right:10px; }

.board_list_wrap .listwrap .list h2 span.rep {
display:inline-block; vertical-align:middle; width:60px; height:100%;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm16.49%2012%203.75%203.75m0%200-3.75%203.75m3.75-3.75H3.74V4.499'%20%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-position: left 20px top 0px;
background-size:auto 30px;
}




.board_list_wrap .listwrap h2 {font-size:25px; line-height:35px;  font-weight:700;}

.board_list_wrap .listwrap .download2 h2 {font-size:20px; line-height:30px; padding-bottom:0px; }


.board_list_wrap .listwrap .list h3 { flex-basis:100%; font-size:17px;   margin:0;  padding-top:20px; color:#666;
line-height:30px; font-weight:400;  }






.board_list_wrap .listwrap .list .day {flex-basis:auto; padding-top:6px;
 font-weight:400; line-height:30px; }

.board_list_wrap .listwrap .list .day span {padding-left:15px;}

 .board_list_wrap .listwrap .list .day  svg {height:39px; padding-left:20px;  width:39px; vertical-align:middle;}


.board_list_wrap .listwrap .list.important {border-color:var(--black)}
.board_list_wrap .listwrap .list.important h2 { font-weight:700; flex:1; }

.board_list_wrap .listwrap .list.top_select{border:1px solid #ddd; padding: 30px 70px;}
/* .board_list_wrap .listwrap .list.top_select  > *{ color:#fff;}*/
.board_list_wrap .listwrap .list.top_select .icon {background:#eee; color:var(--black)}  
.board_list_wrap .listwrap .list.top_select .day {border-top:none; padding:10px 0px;  font-weight:600; line-height:40px;   }

.board_list_wrap .listwrap .list.top_select h2 {width:100%;font-size:25px; line-height:35px; font-weight:700; color:var(--black ) !important}
.board_list_wrap .listwrap .list.top_select h2 font{ color:var(--black ) !important}




.board_list_wrap .listwrap .list.top_select h3 { width:100%; font-size:17px; line-height:30px;font-weight:400;
padding-bottom:10px; flex-grow: 1; }


.board_list_wrap .listwrap .list.gallery .img { /* width: 100%; */  margin-bottom:20px;
  aspect-ratio: 3 / 2;  
  overflow: hidden;display: flex;
  justify-content: center; 
  align-items: center;  }




.board_list_wrap .listwrap .list.gallery .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.board_list_wrap .listwrap .list.gallery .img img.noimg {
  object-fit: contain;
  width: 70%;     max-width:300px;
  height: auto;    
  filter: grayscale(100%) opacity(0.1);  
  display: block;
  margin: 0 auto;    
}











@media (max-width: 1300px) {

}


@media (max-width: 900px) {
.board_list_wrap .listwrap .list.top_select .day {padding:6px 0px; line-height:35px;   }
.board_list_wrap .listwrap h2,
.board_list_wrap .listwrap .list.top_select h2 {font-size:20px; line-height:35px; }
.board_list_wrap .listwrap h3,
.board_list_wrap .listwrap .list.top_select h3 {padding-bottom:20px;}
.board_list_wrap .listwrap {padding-top:0px;}


}

@media (max-width: 640px) {
.board_list_wrap .listwrap.gallerywrap {gap:10px}
.board_list_wrap .listwrap .list.top_select .day {padding:3px 0px; line-height:30px;   }
.board_list_wrap .listwrap h2,
.board_list_wrap .listwrap .list.top_select h2 {font-size:19px; line-height:30px; }
.paging a {padding:3px;}

.board_list_wrap .listwrap .list.top_select {
  padding: 20px 30px;
}
.board_list_wrap .listwrap .list .num {
display:none
}


.board_list_wrap .listwrap .list  { align-items: center;
background-size: auto 35px;
background-position: right 10px center;
}

.board_list_wrap .listwrap .list h3 {padding-top:10px; padding-bottom:0;   display: -webkit-box;
  -webkit-line-clamp: 2; /* 두 줄로 자르기 */ line-height:1.3;
  -webkit-box-orient: vertical;
  overflow: hidden; font-size:14px;
  text-overflow: ellipsis;}

.board_list_wrap .listwrap .list .day span {padding-left:6px;}


.board_list_wrap .listwrap .list.gallery {
  flex: 1 1 calc(50% - 10px); padding:10px;
}










}






@media (max-width: 1300px) {

}


@media (max-width: 900px) {

}

@media (max-width: 640px) {


}


/*표로만든 스타일 다시*/


@media (min-width: 801px) {
table.board_list tbody tr td,
table.board_list tbody tr th {padding:15px 10px; font-size:20px; line-height:35px;}

}

@media (max-width: 800px) {
table.board_list  {height:auto !important;}
table.board_list thead{display:none}
table.board_list tr {overflow:hidden; position:relative;width:100%;
padding:10px 10px 10px 10px; position:relative; }
table.board_list tbody {width:100%;}


table.board_list ,
table.board_list tbody,
table.board_list tr,
table.board_list tr th,
table.board_list tr td {
  display: block;  text-align:left;
}
table.board_list tr  {border-bottom:1px solid #ddd;}
table.board_list tr td {border:none; display:inline-block; padding:3px 10px;}
table.board_list tr td.tit {width:100%; font-weight:700; font-size:18px; line-height:30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; width:100%;


}
table.board_list tr td.num {display:none}
table.board_list tr td.hit {display:none}


}








/*모달팝업 작은리스트*/

.modal_down_menu a {
	background: #eee;
	color: #666;
}
.modal_down_menu a.on {
	background: #646769;
	color: #fff;
}
.modal_down_menu2 li a {
	background: #eee;
	color: #666;
}
.modal_down_menu2 li.on a {
	background: #646769;
	color: #fff;
}




/*페이징*/
.paging {
	text-align: center;
}
.paging img {
	vertical-align: middle;
}
.paging a {
	color: #666;
	vertical-align: middle;
	display: inline-block;
	vertical-align: middle;
}
.paging a.on {
	color: #000;
	border-bottom: 2px solid #000;
}




.board_list_wrap .listwrap .list.download {
	position: relative;
}


.board_list_wrap .listwrap .list h2 span {
	padding-left: 20px;
	color: #ed1848;
}
.board_list_wrap .listwrap .list.download .iconbtn a.bg01 {
	border: 2px solid #ed1848;
	color: #ed1848;
}
.board_list_wrap .listwrap .list.download .iconbtn a.bg02 {
	background: #eee;
	color: #888;
}
/*모달팝업 작은리스트*/
.modal_down_menu {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu a {
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
	text-align: center;
}
.modal_down_menu {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu2 {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu2 li {
	display: inline-block;
}
.modal_down_menu2 a {
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
	text-align: center;
}



.board_list_wrap .listwrap .list .txt img {
	vertical-align: middle;
}
.board_list_wrap .listwrap .list .day dd.year {
	display: block;
	text-align: center;
}

  .board_list_wrap .listwrap .list.download2:hover,
  .board_list_wrap .listwrap .list.download2 {background-image:none !impotant;}




/****웹****/
@media (min-width:1024px) {





.board_list_wrap .listwrap .list .txt img {
	max-height: 15px;
}
.board_list_wrap .listwrap .list .txt {
	float: left;
	width: calc(100% - 100px);
	padding-top:1.2rem
}
.board_list_wrap .listwrap .list .txt h2 {
	font-size: 19px;
	line-height: 30px;
	font-weight: 600;
}
.board_list_wrap .listwrap .list .txt h3 {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}


.board_list_wrap .listwrap .list.download.important{flex-basis:calc((100% / 2) - 20px);}


.board_list_wrap .listwrap .list  .down {
	position: absolute;
	top: 70px;
	transform: translateY(-50%);
	right: 30px; display:flex; gap:10px 10px;
}




.board_list_wrap .listwrap .list.download2  .down  {top: 40px;
    right: 25px;}


.board_list_wrap .listwrap .list .down a {
display:flex;	text-transform: uppercase;
	border-radius: 50%;
	line-height: 36px;
	widtH: 45px;
	height: 45px; color:#fff;
	text-align: center;
	font-size: 12px;
	margin: 0px 2px;
	font-weight: 600;
	background-color: var(--black);
	align-content: center;
    align-items: center;
    justify-content: center;
}






.board_list_wrap .listwrap .list.download2  {position:relative; min-height:auto;}


.board_list_wrap .listwrap .list.download .iconbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.board_list_wrap .listwrap .list.download .iconbtn a {
	display: inline-block;
	text-align: center;
	width: 200px;
	font-size: 16px;
	line-height: 30px;
}
/*모달팝업 작은리스트*/
.modal_down_menu a {
	font-size: 16px;
	line-height: 1.3;
	padding: 10px 20px;
	margin-left: -2px;
}
.modal_down_menu2 {
	margin-top: 30px;
}
.modal_down_menu2 a {
	font-size: 16px;
	line-height: 50px;
	min-width: 120px;
	padding: 0px 16px;
	margin-left: -2px;
}


}






/* =======================================================
고객소리리스트
   ======================================================= */








/*새로코딩*/
.faqsort {padding-bottom:40px;}
.question_list dl, .question_list dl dt, .question_list dl dd { overflow: hidden;}
.question_list dl { border-top: 1px solid #ddd;}
.question_list dl:nth-child(1) {border:none}

.question_list {gap: 0px 20px;}
.question_list dl dt  {width:100%;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
background-position:center right 30px;
background-repeat:no-repeat;
background-size:auto 25px;
}
.question_list dl {width:100%}
.question_list dl.select  {
border-top:3px solid var(--black);
border-bottom:1px solid var(--black);

}
.question_list dl.select dt {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 15.75 7.5-7.5 7.5 7.5' /%3E%3C/svg%3E") !important;

}


.question_list dl dt {display:flex; flex-wrap:wrap; cursor: pointer;


}
.question_list .icon  {display:none}

.question_list dl dt {
	padding: 20px 20px;
}


.question_list dl dt span,
.question_list dl dt p {line-height:35px;}

.question_list dl dt span {
	font-size: 15px; display:flex; justify-content: center;
	width: 200px; background:#eee; border-radius:var(--radius01); 
}

.question_list dl dt >  p:last-child {
	flex:1; padding-left:50px; padding-right:50px;
	font-weight:600;  font-size:20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; width:100%;


}




.question_list dl dd {
	padding: 20px 20px 20px 90px;
	background:var(--bg01);
}

.question_list dl dd {
	display: none;
	transition: all 1s;
}
.question_list dl dd.show {
	display: block;
}


.question_list dl dd {
	font-size: 16px;
	line-height: 27px;
	box-sizing:border-box; 
}


.question_list dl dt.active {background-color:var(--black2); color:#fff; }
.question_list dl.select dt span {background-color:#fff;}
.question_list dl dt.active p {color:#fff;}




@media (max-width: 1023px) {



		.question_list dl dt span {
			width: 140px; 
		}
		.question_list dl dt > p:last-child {
		  padding-left: 20px;
		}
		.question_list dl dt {
			padding: 20px 10px;
		}


}


@media (max-width: 640px) {

.question_list dl dt  {
background-position:center right 10px;
background-size:auto 20px;
}

.question_list dl dt {
	padding: 15px 10px;
}


.question_list dl dt span,
.question_list dl dt p {line-height:30px;}

.question_list dl dt span {}


.question_list dl dt >  p:last-child { padding-left:0; padding-top:10px;
	flex-basis:100%;   font-size:17px;}



.question_list dl dd {
	padding: 20px 10px;
}














}








/* **************************************** *
 * 게시판뷰어
 * **************************************** */

.board_view_wrap .top {
	border-bottom: 3px solid #000;
}
.board_view_wrap .top h2 {
	border: 1px solid #f15050;
	color: #f15050;
}
.board_view_wrap .top dl dt {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.board_view_wrap .top dl dd p img {
	vertical-align: middle
}
.viewwrap {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.viewwrap img {
	max-width: 90%;
}

.btn_bottom {
	text-align: right;
	width: 100%;
}



.board_view_wrap .top {
	padding: 0px 30px 0px 30px;
}
.board_view_wrap {
	padding-bottom: 80px;
}
.board_view_wrap .top h2 {
	font-size: 16px;
	line-height: 35px;
	display: inline-block;
	padding: 0px 30px;
}
.board_view_wrap .top dl {
	padding-top: 30px;
	overflow: hidden;
}
.board_view_wrap .top dl dt {
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 30px;
	float: left;
	width: calc(100% - 390px);
}
.board_view_wrap .top dl dd {
	float: right;
	text-align: right;
	padding-top: 10px;
}
.board_view_wrap .top dl dd p {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin-left: 30px;
	color: #999;
}
.board_view_wrap .top dl dd p img {
	margin-right: 6px;
}
.viewwrap {
	padding: 50px 50px;
}


/*버튼*/
.btn_bottom {
	padding-top: 50px;
}







/* **************************************** *
 * 게시판 글쓰기
 * **************************************** */
.board_write_wrap .wrap_wirte {width:100%; border-top:2px solid var(--black); display:flex; flex-wrap:wrap;
 gap:10px 0px; border-bottom:2px solid var(--black);}

.board_write_wrap .wrap_wirte dl {
	width:100%; padding:20px;
	border-top: 1px solid #ddd;
	display:flex; flex-wrap:wrap;
}

.board_write_wrap .wrap_wirte dl dt {
	font-weight: 600; width:200px;  padding-left:50px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23f95757'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z'%20%2F%3E%3C%2Fsvg%3E");
background-position:left 10px top 13px;
background-repeat:no-repeat;
background-size:auto 24px;
}

.board_write_wrap .wrap_wirte dl dt p {font-size:14px; line-height:20px; padding-top:6px;}




.board_write_wrap .wrap_wirte dl dd{flex:1; padding-left:30px; overflow:hidden;}
.board_write_wrap .wrap_wirte dl dd.sec-wrap {}
.board_write_wrap .wrap_wirte dl dd.sec-wrap .sec{width:100%; padding-bottom:10px;}
.board_write_wrap .wrap_wirte dl dd.sec-wrap  .sec  p {width:100px;}
.board_write_wrap .wrap_wirte dl dd.sec-wrap   .sec div {padding-left:20px; flex:1}



.board_write_wrap .wrap_wirte dl dt.important:before {	color: var(--red) !important;}





.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select, .board_write_wrap .wrap_wirte textarea {
	border:1px solid #ddd; 
}
.board_write_wrap .wrap_wirte a.view_icon ,
.board_write_wrap .wrap_wirte dl dt,
.board_write_wrap .wrap_wirte dl dd {line-height:55px; box-sizing:border-box;}
.board_write_wrap .wrap_wirte .view_icon.normal {padding-left:20px; padding-right:20px;}

input.input_swd01 {width:30%;}
.view_icon_area input[type='text'] {width:calc(100% - 250px)}

.board_write_wrap .wrap_wirte .view_icon { display:inline-block; margin-left:10px;
padding:0px 30px 0px 50px; 
background:var(--bg02); }

.board_write_wrap .wrap_wirte .view_icon.calendar {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M6.75%203v2.25M17.25%203v2.25M3%2018.75V7.5a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%207.5v11.25m-18%200A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75m-18%200v-7.5A2.25%202.25%200%200%201%205.25%209h13.5A2.25%202.25%200%200%201%2021%2011.25v7.5'%20%2F%3E%3C%2Fsvg%3E");
background-size:auto 20px;
background-position: left 20px center; 
background-repeat:no-repeat;
}

.board_write_wrap .wrap_wirte .view_icon.file {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm9%2013.5%203%203m0%200%203-3m-3%203v-6m1.06-4.19-2.12-2.12a1.5%201.5%200%200%200-1.061-.44H4.5A2.25%202.25%200%200%200%202.25%206v12a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018V9a2.25%202.25%200%200%200-2.25-2.25h-5.379a1.5%201.5%200%200%201-1.06-.44Z'%20%2F%3E%3C%2Fsvg%3E");
background-size:auto 20px;
background-position: left 20px center; 
background-repeat:no-repeat;
}

.board_write_wrap .wrap_wirte input[type='file'] {padding-left:20px;}

.board_write_wrap .wrap_wirte textarea {
	width: 100%;
	height: 500px;
	box-sizing: border-box;
	padding: 30px 30px;
}




.board_write_wrap .wrap_wirte .size3 {
	width: 100%;
}
.board_write_wrap .wrap_wirte .size2 {
	width: 200px;
}
.board_write_wrap .wrap_wirte .view_icon[name='btn_zip'] {padding-left:30px; }


@media (max-width: 800px) {

.board_write_wrap .wrap_wirte a.view_icon ,
.board_write_wrap .wrap_wirte dl dt,
.board_write_wrap .wrap_wirte dl dd {line-height:40px; }

.board_write_wrap .wrap_wirte dl {padding:5px 10px;}

.board_write_wrap .wrap_wirte dl dt {
 padding-left:25px;
background-position:left 0px center;
background-size:auto 20px;
}


.board_write_wrap .wrap_wirte dl dd {flex-basis:100%;}
.board_write_wrap .wrap_wirte dl dd {padding-left:0;}

.board_write_wrap .wrap_wirte textarea {
  height: 300px;
}

}

@media (max-width: 640px) {
.board_write_wrap .wd80per {width:calc(100% - 200px) !important;}
.board_write_wrap .view_icon { margin-left:5px; font-size:13px; }


}





/* =======================================================
갑질피해 , 성희롱성폭력, 클린센터
   ======================================================= */

.privacy_box {
	background:var(--bg01);
	overflow: hidden;
	overflow-y: scroll;
	padding: 30px;
	min-height:300px;
}
p.check_ok {
	text-align: right; padding:20px; font-size:20px; margin-bottom:50px;
}


.btn_area_center {
	text-align: center;
}
.btn_area_center a, .btn_area_center input {
	display: inline-block;
	text-align: center;
	margin: 2px;
	border-radius: 2px;
	border: 1px solid #000;
}
.btn_area_center a.active, .btn_area_center input.active {
	background: #1e1e6f;
	color: #fff;
}
.tiny_btn01 {
	display: inline-block;
	font-size: 12px;
	background: #555;
	color: #fff;
	border: none;
}

a.tiny_btn01:link, a.tiny_btn01:visited, a.tiny_btn01:active, a.tiny_btn01:hover {
	color: #fff !important;
}



/*성폭행 고충 신고센터*/

.after_search_form2 {gap:60px; padding:30px; background:var(--bg01)}
.after_search_form2 input {background-color:#fff;}



.after_search_form { padding:60px 0px; justify-content: center;
	background:var(--bg01); gap:30px;}
.after_search_form h3 {font-size:26px; line-height:40px; width:300px;}
.after_search_form dl dt {line-height:40px;}

.after_search_form dl {flex-basis:190px;}
.after_search_form input.btn{flex-basis:190px; font-size:20px; 	font-weight:600; background:var(--black); color: #fff;}




@media (max-width:1023px) {
.after_search_form { padding:30px 30px; gap:20px; justify-content: space-between; }
.after_search_form h3 {font-size:20px; line-height:30px; width:100%;}
.after_search_form dl dt {line-height:40px;}
.after_search_form dl {flex-basis:calc(50% - 20px);}
.after_search_form input.btn{ flex-basis:100%; line-height:40px; }
}

@media (max-width:640px) {
.after_search_form { padding:20px; gap:7px 0px; }
.after_search_form h3 {font-size:17px; line-height:20px; }
.after_search_form dl dt {line-height:40px;}
.after_search_form dl {flex-basis:100%;}
.after_search_form input.btn{ font-size:17px; line-height:30px; margin-top:10px;}
}









/* report_singo_desc */
.report_singo_desc {
	overflow: hidden; gap:0px 30px;
}
.report_singo_desc .circle {
width:calc((100% / 3) - 30px); border-radius:var(--radius05);
border:1px solid #ddd; padding:30px;
}

.report_singo_desc .circle h2 {
	text-align: center;
	border-bottom:1px solid #ddd;
	font-size:20px; line-height:30px; padding-bottom:20px;
	width:100%
}



.report_singo_desc .desc {
	padding-top: 30px;
}
.report_singo_desc .desc p {
	position: relative;
	width: 100%; padding-left:15px;
}
.report_singo_desc .desc p:before {
	content: '.';
	position: absolute; top:-3px; left:0;
	font-weight: bold;
}



@media (max-width:1023px) {

.report_singo_desc {gap:20px 20px;
}
.report_singo_desc .circle {
width:calc((100% / 2) - 20px); padding:20px;
}

}

@media (max-width:640px) {
.report_singo_desc {gap:10px;}
.report_singo_desc .circle {width:100%;}
.after_search_form2 {
  gap:
10px 0px;
  padding:
20px;

}


.board_write_wrap .wrap_wirte dl dt  {display:flex; }

.board_write_wrap .wrap_wirte dl dt  p {padding-left:10px; display:ruby;  margin-top:5px;}
}




@media (max-width:1023px) {




}

@media (max-width:640px) {



}



}




.tinybtn02 {
background:var(--bg01);
	border-radius: 2px;
	display: inline-block;
	margin-left: 5px;
	display: inline-block;
	padding: 0px 10px;
	font-size: 12px
}



.privacy_box {
	font-size: 16px;
	line-height: 24px;
	height: 170px;
}
p.check_ok {
	font-size: 16px;
	line-height: 40px;
	padding-bottom: 20px;
}


.btn_area_center {
	padding: 30px 0px;
}
.btn_area_center a,  .btn_area_center input {
	font-size: 16px;
	line-height: 50px;
	width: 200px;
}
.tiny_btn01 {
	padding: 0px 10px;
	line-height: 36px;
}














/* =======================================================
주변
   ======================================================= */
.near_arround {gap: 30px 30px;}
.near_arround .inner { flex-basis: calc((100% / 3) - 30px); padding:30px;
border-radius:var(--radius01); border:1px solid #ddd ;overflow:hidden;}

.near_arround .inner dl dt {font-size:25px; padding-top:10px; line-height:40px; font-weight:600; padding-bottom:4px;}
.near_arround .inner dl dd.location { font-size:20px; line-height:30px;
background-size: 18px auto;  padding-left:24px;  }

.near_arround .inner .icon {
display:flex; 
  border-radius: var(--radius01); 
  background: var(--bg01);
  font-size: 16px;
  line-height: 50px;
  width:110px; 
justify-content: center;
  align-items: center;}

.near_arround .inner dl dd {padding:3px 0px;}

.near_arround .inner .icon svg {width:20px; margin-right:5px; height:20px; }

.near_arround .inner dl dd a {padding-left:20px; width:100%;  line-height:50px; opacity:0.7;
display:flex; background-color:var(--black3); width:100%; color:#fff; background-position:right 20px center;}


@media (max-width: 1400px) {
.near_arround .inner { flex-basis: calc((100% / 2) - 30px); }
}


@media (max-width: 640px) {
.near_arround .inner { flex-basis: calc((100% / 2) - 15px);  padding:15px; }
.near_arround {gap: 15px;}

.near_arround .inner dl dt {font-size:20px; line-height:30px; }
.near_arround .inner dl dd.location { font-size:17px; line-height:30px;
background-size: 18px auto;  padding-left:24px;  }

.near_arround .inner .icon {
  font-size: 14px;
  line-height: 30px;
  width:110px; }

.near_arround .inner dl dd {padding:3px 0px;}
.near_arround .inner .icon svg {width:15px; margin-right:3px; height:15px; }

.near_arround .inner dl dd a { line-height:40px;}

}











/* =======================================================
숙박
   ======================================================= */

.hotel_list_wrap{gap: 30px; }

.hotel_list { flex-basis: calc((100% / 4) - 30px); padding-bottom:20px; cursor:pointer; display: flex;
  flex-direction: column;
border-radius:var(--radius01); background:var(--bg01); overflow:hidden;}
.hotel_list img {width:100%;  transform: scale(1);
  opacity:1;
  transition: all 0.6s ease; 
}

.hotel_list img:hover {
  transform: scale(1.04);
}










.hotel_list > div,
.hotel_list > dl
{padding: 30px 30px;}

.hotel_list > dl dt {font-size:25px; line-height:40px; font-weight:600; padding-bottom:4px;}
.hotel_list > dl dd.location { font-size:20px; line-height:30px;
background-size: 18px auto;  padding-left:24px; 
background-position:left 0px  top  5px; background-repeat:no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'currentColor'%20class%3D'size-4'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'm7.539%2014.841.003.003.002.002a.755.755%200%200%200%20.912%200l.002-.002.003-.003.012-.009a5.57%205.57%200%200%200%20.19-.153%2015.588%2015.588%200%200%200%202.046-2.082c1.101-1.362%202.291-3.342%202.291-5.597A5%205%200%200%200%203%207c0%202.255%201.19%204.235%202.292%205.597a15.591%2015.591%200%200%200%202.046%202.082%208.916%208.916%200%200%200%20.189.153l.012.01ZM8%208.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z'%20clip-rule%3D'evenodd'%20%2F%3E%3C%2Fsvg%3E");}

.hotel_list  .info {margin-left:auto; margin-right:auto; background-color:#fff; flex:1;
width:calc(100% - 60px); padding:20px 25px; border-radius:var(--radius04)}

.hotel_list  .info  dt {position:relative; font-weight:600;}
.hotel_list  .info  dt:before{content:'.'; position:absolute; font-size:20px; top:-5px; left:0;}
.hotel_list  .info  dl {margin:10px 0px; gap:10px 0px; display:flex; flex-wrap:wrap;}
.hotel_list  .info  dt {width:100px;}
.hotel_list  .info  dd {flex:1;}
.hotel_list  .info  dt,
.hotel_list  .info  dd {padding-left:16px; line-height:25px;}





@media (max-width: 1300px) {
.hotel_list { flex-basis: calc((100% / 3) - 30px); }
}

@media (max-width: 1024px) {
.hotel_list { flex-basis: calc((100% / 2) - 20px); }
.hotel_list_wrap{gap: 20px; }

}



@media (max-width: 640px) {
.hotel_list { flex-basis: calc((100% / 2) - 10px); }


/* .hotel_list { flex-basis:100%; }
 */.hotel_list_wrap{gap: 10px; }
.hotel_list > div,
.hotel_list > dl
{padding: 10px 10px;}
.hotel_list .info dl {
  gap: 1px 0px;
}


.hotel_list > dl dt {font-size:20px; line-height:25px; width:100%; min-height:50px;}
.hotel_list > dl dd.location { font-size:16px; line-height:27px;
background-size: 15px auto;  padding-left:21px; 
background-position:left 0px  top  5px; }
.hotel_list  .info {
width:calc(100% - 20px); padding:15px; }
.hotel_list  .info  dt {width:100%;}
}







/* =======================================================
관광
   ======================================================= */


.tour30_wrap {gap: 30px 30px;}
.tour30_wrap .tour30_box { flex-basis: calc((100% / 3) - 30px);  cursor:pointer;
border-radius:var(--radius01); border:1px solid #ddd ;overflow:hidden;}
.tour30_wrap .tour30_box .tour30_title {display:flex; padding:16px 30px; font-size:25px;  line-height:40px; font-weight:600;}
.tour30_w2795rap .tour30_box img {width:100%;}
.tour30_wrap .tour30_box  img {width:100%;}



.tour30_wrap .tour30_box img { transform: scale(1);
  transition: all 0.6s ease; 
}
.tour30_wrap .tour30_box img:hover {
  transform: scale(1.04);
}



@media (max-width: 1300px) {
.tour30_wrap {gap: 20px 20px;}
.tour30_wrap .tour30_box { flex-basis: calc((100% / 2) - 20px);  }


}



@media (max-width: 640px) {
.tour30_wrap .tour30_box .tour30_title { padding:10px 12px; font-size:17px;  line-height:30px;}

}


/* =======================================================
10미
   ======================================================= */


.indesc_detail_food_img {gap: 30px 30px;}
.indesc_detail_food_img dl { flex-basis: calc((100% / 3) - 30px);  cursor:pointer;
border-radius:var(--radius01); border:1px solid #ddd ;overflow:hidden;}
.indesc_detail_food_img dl dd {display:flex; padding:16px 30px; font-size:25px;  line-height:40px; font-weight:600;}
.indesc_detail_food_img dl img {width:100%;}
.indesc_detail_food_img dl  > dd:last-child {display:none;}




.indesc_detail_food_img dl img { transform: scale(1);
  transition: all 0.6s ease; 
}
.indesc_detail_food_img dl img:hover {
  transform: scale(1.04);
}





@media (max-width: 1023px) {

.indesc_detail_food_img {gap: 10px 10px; }
.indesc_detail_food_img dl { flex-basis: calc((100% / 2) - 10px); }
.indesc_detail_food_img dl dd { padding:10px 12px; font-size:17px;  line-height:30px;}


}




/* =======================================================
3차메뉴
   ======================================================= */

.dept_menu_sub { display: grid;
 grid-template-columns: repeat(auto-fill, minmax(270px, auto));
  gap: 10px;}
ul.dept_menu_sub2  { gap: 0 10px; }


.dept_menu_sub.faqsort { grid-template-columns: repeat(auto-fill, minmax(240px, auto));}



.dept_menu_sub a { padding-left:40px; font-size:22px; font-weight:600;
margin-bottom:10px;  
border:2px solid var(--black); line-height:80px; }

.dept_menu_sub a.arrow.black {background-color:var(--red) !important; border:none !important;}




.dept_menu_sub.total {
 grid-template-columns: repeat(auto-fill, minmax(calc((100% / 5) - 20px), auto));}




.dept_menu_sub.wd3{gap:10px 10px;}
.dept_menu_sub.wd3 a{flex-basis:calc((100% / 3) - 10px);}

.dept_menu_sub2 li {display:flex;  flex:1;  font-size:22px; font-weight:600; }


.dept_menu_sub2 a {display:flex;width:100%;  padding-left:40px;  font-size:22px; font-weight:600;
border:2px solid var(--black); line-height:80px; }



	@media  (min-width:1023px) {


	}




	@media  (max-width:1023px) {
		ul.dept_menu_sub2 {padding-bottom:30px;}
		.dept_menu_sub2 a { padding-left:30px;  font-size:20px;  line-height:60px; }
	.dept_menu_sub a { padding-left:30px; font-size:20px; line-height:55px; }

.dept_menu_sub.total {
 grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - 20px), auto));}

	}



/*****모바일*****/
	@media (max-width:640px) {
.dept_menu_sub { /* display: grid; 
 grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr)); */
  gap: 0px 10px;}

		.dept_menu_sub2 a { padding-left:10px; width:100%;  font-size:17px;  line-height:40px; }
		.dept_menu_sub a { padding-left:10px;  width:100%; font-size:17px;  line-height:40px; }

.dept_menu_sub.faqsort{    grid-template-columns: repeat(2, 1fr);}

.window2 .dept_menu_sub  a{ padding-left:5px; font-size:15px; gap:0; margin:0;} 

.window2 .dept_menu_sub  a.arrow {
  background-position: right 10px center;
  background-size: auto 17px
}

.dept_menu_sub.total {
 grid-template-columns: repeat(auto-fill, minmax(calc((100% / 2) - 20px), auto));}

	}








/* =======================================================
인권경영헌장
   ======================================================= */
.instrap-desc {background:rgba(0,0,0,0.3) url('/images/sub/persontop.gif') no-repeat center center; 
border-radius:var(--radius01); padding:60px 50px 330px; 50px; background-size:cover; background-blend-mode: multiply;}
.instrap-desc > * {color:#fff;}



.chat_list {gap: 30px 30px;}
.chat_list dl { flex-basis: calc((100% / 2) - 30px);   padding:30px 30px;
border-radius:var(--radius01); border:1px solid #ddd ;overflow:hidden;}

.chat_list dl dt {font-weight:600; font-size:20px; line-height:30px; padding-bottom:10px;}

.signst01  {font-weight:800; font-size:25px; line-height:40px;}


	@media (max-width:1300px) {
.chat_list dl { flex-basis: 100%}
	}


	@media (max-width:1023px) {
.chat_list dl { flex-basis: 100%}
.instrap-desc { padding:60px 30px 130px; 30px; }
.chat_list {gap:20px;}
.chat_list dl {   padding:20px;}

.instrap-desc h5 {font-size:17px; line-height:30px;}
.signst01  {font-size:17px; line-height:40px;}

	}







/* =======================================================
인권경영활동
   ======================================================= */

.sus_inner {background-color:#484848;
	background-image:url('/images/book.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 460px; width:100%; height:500px;
}
.sus_inner_txt {padding-top: 90px; padding-bottom:90px;}

.sus_inner_txt .txt_inner {width:40%}
.sus_inner_txt .txt_inner  a {padding-left:20px; display:flex; width:fit-content; padding-right:80px; font-weight:600;
 border:2px solid var(--black); line-height:50px; margin-top:20px; margin-top:50px; }


.sus_inner_txt .list_inner {flex:1; padding-left:60px;  }


.sus_inner_txt .list_inner  p {padding-top:30px;}

.sus_inner_txt .list_inner  ul {border-radius:var(--radius01); background-color:var(--bg01); padding:30px 60px;}


.sus_inner_txt .list_inner  ul li{
font-weight:600;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2012.75%206%206%209-13.5'%20%2F%3E%3C%2Fsvg%3E");
	background-repeat:no-repeat;
	background-position:left 0px center;
	background-size:auto 26px; 
	font-size:20px; line-height:30px; padding:10px  20px 10px 40px;;
}

@media(max-width:1023px){
	.sus_inner {
		background-size:auto 340px; height:500px;
	}
.sus_inner_txt .txt_inner {width:40%}
.sus_inner_txt .txt_inner  a {padding-left:20px; display:flex; width:fit-content; padding-right:80px; font-weight:600;
 border:2px solid var(--black); line-height:50px; margin-top:20px; margin-top:50px; }

.sus_inner_txt .txt_inner {width:100%; padding-bottom:50px; }

.sus_inner_txt .list_inner {flex-basis:100%; padding-left:0px;  }

}






@media(max-width:640px){
	.sus_inner {
		background-size:auto 190px; height:300px;
	}


.sus_inner_txt .txt_inner  a { margin-top:10px;  }




.sus_inner_txt .list_inner  p {padding-top:30px;}
.sus_inner_txt .list_inner  ul {padding:20px 20px;}


.sus_inner_txt .list_inner  ul li{
	background-size:auto 18px; 
	font-size:17px; line-height:26px; padding:6px  20px 6px 30px;
}







}




	
/* =======================================================
인권경영 운영지침
   ======================================================= */

.Human_Rights h4 {font-weight:600; padding-top:30px;}
.Human_Rights .deptst01 {background-color:var(--bg01); border-radius:var(--radius01); padding:30px; margin-bottom:40px;}


/* =======================================================
윤리경영
   ======================================================= */
.chart_inner {gap:30px; padding-top:30px;  justify-content: space-between;}


.chart_inner.icondown {padding-top:200px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%205.25%207.5%207.5%207.5-7.5m-15%206%207.5%207.5%207.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
	background-repeat:no-repeat;
	background-position:top 50px center;
	background-size:auto 100px; 

}


.chart_ethical_management >  h3 {padding-top:80px;}
.chart_ethical_management > h3:nth-child(1) {padding-top:0;}

.chart_inner {overflow:hidden; width:100%;}

.chart_inner > div{ flex-basis: calc((100% / 2) - 30px); display:flex;flex-wrap:wrap;   overflow:hidden;
border-radius:var(--radius05); background:var(--bg01)}
.chart_inner > div.wd100per { flex-basis:100%;}

.chart_inner > div h4 {width:200px; display:flex; background:var(--black); color:#fff; font-size:20px; line-height:40px; 	justify-content: center;
	align-items: center;}
.chart_inner > div div  {gap:0px 20px; flex-wrap:wrap;display:flex;   align-items: center;flex:1; padding:30px 30px;}
.chart_inner > div div p {}
.chart_inner > div div dl {width:100%; display:flex; flex-wrap:wrap; gap:20px; padding-bottom:10px;}
.chart_inner > div h5,
.chart_inner > div div dl dt{font-weight:600; font-size:20px; line-height:30px;}
.chart_inner > div div dl dd{font-weight:400; font-size:20px; line-height:30px;}
.chart_inner > div h5{width:100%;  padding-top:20px;}

.chart_inner .insort01   {background:#fff; align-items: flex-start;
  padding:20px; margin-bottom:10px; margin-top:20px; border-radius:var(--radius05);}

.chart_inner.sort .insort01:last-child {margin-bottom:0;}



.chart_inner .insort01 div h6{width:100%;padding-left:10px; font-weight:600; border-left:2px solid var(--black); 
font-size:18px; line-height:20px;margin-bottom:10px;}



 
/****모바일****/
	@media (max-width:640px) {
.chart_inner {gap:10px; }

.chart_inner > div{ flex-basis: 100%;}


.chart_inner > div h4 {
    width:100%;
    font-size: 16px;
    line-height: 40px;
}

.chart_inner > div div  {gap:6px 6px ;padding:10px 10px;}
.chart_inner .insort01 div{ flex: 1 1 100%;  }
.chart_inner.icondown {
    padding-top: 100px;
    background-position: top 30px center;
    background-size: auto 40px;
}
.chart_inner > div div dl {gap:6px 6px}
.chart_inner > div div dl dt{font-size:17px; line-height:30px; width:100%; }
.chart_inner > div div dl dd{ font-size:17px; line-height:30px; width:100%;}

.chart_ethical_management > h3 {padding-top:20px; padding-bottom:0px;}

}





/* **************************************** *
 * 게시판뷰어
 * **************************************** */


 /****웹****/
@media (min-width:1024px) {
}
/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
}
 
/****모바일****/
	@media (max-width:640px) {
}





/* =======================================================
연혁
   ======================================================= */


.time_year_wrap .topin {padding-bottom:90px;}


    .timeline-container {
      display: flex;
      position: relative; width:100%;
    }


    /* 왼쪽 연도 고정 */
    .year-list {
      position: sticky;
      top: 20px;
font-weight:700;
      font-size: 120px; 
      padding: 50px 20px;
      height: 100vh;
      box-sizing: border-box;
	  width:300px;
    }

    .year-list span {
      position: sticky;
      top: 220px;
    }

    .events {
      flex: 1; 
      padding-top:60px; padding-left:150px;
	  width:calc(100% - 400px);
      position: relative;
    }

    /* 세로 타임라인 라인 */
    .events::before {
      content: '';
      position: absolute;
      left: 165px;
      top: 0;
      bottom: 0;
      width: 2px;
background:rgba(0,0,0,0.1)
    }

    /* 각 블럭 */
    .event-block {
      position: relative;
      margin-bottom: 200px;
      padding-left: 80px;
      opacity: 0.2;
      transform: translateY(50px);
      transition: all 0.6s ease;
    }

    .event-block.on {
      opacity: 1;
      transform: translateY(0);
    }

    .event-block::before {
      content: '';
      position: absolute;
      left: 4px;
      top: 10px;
	  border-radius:50%;
	  width:25px; height:25px;
	  background:var(--red);
    }

    .event-block h2 {
      font-size:40px; line-height:50px;
      margin-bottom: 20px;  font-weight:700;
	}

    .event-block p {
 display:flex; flex-wrap:wrap; 
      margin: 10px 0; font-size:20px; line-height:35px;
	  padding-right:430px;
    }
    .event-block  span {font-weight:600; width:100px;}

    .event-block dl {max-width:300px; width:100%; position:absolute; top: 20px; right:20px;}

    .event-block dl  img {width:100%;}
    .event-block dl dd {position:absolute; bottom:0; left:0; width:100%; background:var(--black); color:#fff; padding:10px 10px;}

    .event-block.on {opacity:1 !important}
    .event-block {opacity:0.2 !important}
    .event-block::before {display:none}
    .event-block.on::before{display:block}







@media(max-width:1500px) {
    .event-block p {
	  padding-right:0px;
    }
    .event-block dl {padding-top:40px; position:relative; top:auto; right:auto;}
}



@media(max-width:1023px) {

    .year-list {
      font-size: 80px; 
      padding: 30px 10px;
	  width:200px;
    }

    .events { padding-left:60px; }
    /* 세로 타임라인 라인 */
    .events::before {
      left: 77px;
    }
    .event-block h2 {
      font-size:30px; line-height:40px;
	}

    .event-block {
      margin-bottom: 100px;
    }



}


@media(max-width:640px) {

    .year-list {
      font-size: 36px; 
      padding: 20px 10px;
	  width:110px;
    }

    .year-list span {
      top: 120px;
    }



    .events { padding-left:0px; }


    /* 세로 타임라인 라인 */
    .events::before {
      left: 14px;
    }

    }



    .event-block h2 {
      font-size:25px; line-height:30px;
	}

    .event-block {
      margin-bottom:60px; padding-left:40px;
    }

    .event-block::before {
      left: 4px;
      top: 5px;
	  width:20px; height:20px;
    }
    .event-block p {
      margin: 7px 0; font-size:17px; line-height:30px;
    }
    .event-block  span { width:100%;}

}




/* =======================================================
sticky-target 스크롤 스타일
   ======================================================= */
.sticky-target{transition:all 1s;}
.sticky-target.active-scroll {padding-top:130px;}





/* =======================================================
조직도
   ======================================================= */

.organ-wrap { position: relative; text-align: center; font-size: 20px; line-height:1.3; 
font-weight:600; box-sizing: border-box;   max-width:790px;  margin-left:auto; margin-right:auto;}

.width_area3.org_new_wrap {padding-top:0px !important; }


.org_new_wrap  .fix_com_area2 {min-width:550px;}






.organ-wrap > div { position: relative; margin-top: 30px;}
.organ-wrap div > div { width:calc(50% - 150px); min-width:140px;
background: #ddd;  height:61px; border-radius:0px; position: relative;  margin: 0 auto;}
.organ-wrap div.ceo > div{border:3px solid var(--black); background:#fff;  }

.organ-wrap div.cco > div{background:var(--black2)}
.organ-wrap div.cco  {padding:70px 0px 100px 0px;;}

.organ-wrap div > div a, .organ-wrap div > div p{display:flex; flex-wrap:wrap; align-items:center;
justify-content: center; width:100%; height:100%; cursor:pointer; color:#fff}
.organ-wrap div.ceo > div a {color:var(--black)}

.organ-wrap div.cco > div.left-side { position: absolute;  left: 0%;  top:70px;  background:var(--black3) }


.head-office{width:100%; margin-top:70px !important
position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}



.head-office ul{width: 100%;  max-width: 210px; position:relative}
.head-office ul li{background: #fff; border:1px solid var(--black);  height:61px; border-radius:5px}
.head-office ul li:nth-child(n+2){margin-top:10px}
.head-office ul li a, .head-office ul li p{font-size:18px; font-weight:500; 
 display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; height:100%; cursor:pointer; }
.head-office ul li:first-child {background:var(--bg01); border:none !important;}
.head-office ul li:first-child p{ cursor:auto}
.head-office ul li:hover a{opacity:0.8}





/*팀리더*/
.leader{display:flex; flex-flow:column; width:100%; padding-top:60px}
.unfix_com_area .leader:first-of-type {padding-top:0;}

.leader > div{width:100%; padding:40px 10px; box-sizing:border-box; border-bottom:1px solid #ccc; display:flex; flex-wrap:wrap; align-items:flex-start;}
.leader > div:first-of-type{border-top:3px solid #000}


.leader > div h1{font-size:25px;  font-weight:800; display:inline-block; width:150px;}
.leader > div p{font-size:25px; font-weight:400; display:inline-block; width:200px;}
.leader > div ul li{font-size:16px; font-weight:300; letter-spacing:-.2px; line-height:1.3; display:flex; flex-wrap:wrap; align-items:flex-start;}
.leader > div ul li:nth-child(n+2){margin-top:10px;}
.leader > div ul li img{height:16px; margin-right:8px; margin-top:4px}


/*line*/
.left-side::before {content: ''; position: absolute; z-index: -1; width:calc(100% + 90px);
left: 0px; height: 1px; background: #ccc; top: 50%;}
.head-office ul::before{content: ''; position: absolute; width: calc(100% + 105px); height: 30px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; top: -30px;}
.head-office ul:nth-child(n+2):before {border-right: 1px solid #ccc; border-left: 0; left: auto; right: 50%;}
.organ-wrap > div:after {content: ''; position: absolute; background:#ccc;
width: 1px; height: 161px;  z-index: -1; left: 50%; top: 50px; margin-left:-1px;}



.organ-wrap > div.head-office-2:after{display:none}
.head-office::after{display:none !important}

/*표*/
.mt-100{margin-top:100px}
.team.mt10{margin-top:10px;}



.team-tit{display:flex; flex-wrap:wrap; align-items:center; 
justify-content: space-between; 
padding:30px; margin-bottom:20px;}



.team-tit h1{font-size:24px; line-height:1; font-weight:700;}
.team-tit p{font-size:17px; line-height:1; font-weight:400; display:none}
.team-tit a{color:#fff !important}
.team-tit.pd20{padding:20px;}
.team-tit.pd20 h1{padding:20px;}
.team .person{width:100%; display:flex; flex-wrap:wrap; gap:10px 20px; padding-bottom:30px;}
.team .person > li{width:calc(100%/3 - 20px);   flex-flow: column; background:var(--bg01);
padding:30px 30px 10px 30px;  box-sizing:border-box; display:flex; flex-wrap:wrap;}
.team .person > li:nth-child(3n){margin-right:0 !important}
.team .person > li:nth-child(n+4){margin-top:15px;}
.team .person > li h3{font-weight:600;}
.team .person > li p{font-weight:300; }
.team .person > li h3,
.team .person > li  > p{font-size:20px; line-height:1.4; margin-bottom:5px;}
.team .person > li  > p{min-height:70px;}

.team .person > li   ul{  padding-top:20px;display:flex; flex-flow:column}
.team .person > li   > ul {border-top:1px solid rgba(0,0,0,0.1)}

.team .person > li ul ul {padding-bottom:0; margin:0;}
.team .person > li ul li{font-size:15px; font-weight:600; 
letter-spacing:-.2px; line-height:1.3; display:flex; flex-wrap:wrap; align-items:flex-start;}
.team .person > li ul li:nth-child(n+2){margin-top:10px;}


.team .person > li ul li img{height:16px; margin-top:4px}
.team .person > li ul li p {width:calc(100% - 16px);
padding-left:8px;
line-height:23px; font-size:17px; color:var(--black3); font-weight:600;
box-sizing:border-box; word-break: break-word;}

.team .person li ul li.tel {background-repeat:no-repeat; padding-left:20px;}




@media(max-width:1600px) {
  .team .person > li {
    width: calc((100% / 2) - 20px); 
  }
}
@media(min-width:1024px) {
.alink_org .leader, .alink_org .team{ margin-top:20px; padding-top:10px;}
}





@media(max-width:800px) {

.org_new_wrap .sticky-target.active-scroll {
  padding-top: 0px;
}


.org_new_wrap .fix_com_area2,
.organ-wrap,
.head-office ul li a, .head-office ul li p
{min-width:100%;   font-size: 18px;}

.head-office {gap:0px 10px; }
.organ-wrap div.cco {
  padding: 40px 0px 39px 0px; display:flex;  gap:10px 10px;  flex-wrap:wrap;
}


.left-side::before {
  width: calc(100% + 190px);
}


.organ-wrap > div::after {
  height: 80px;
}

.organ-wrap div.cco > div{width: 130px; max-width:auto; min-width:auto;}

.organ-wrap div.cco > div.left-side {
position:relative;  top:auto; left:auto;
}


.head-office ul {width:140px;}

.organ-wrap div > div {
  min-width: 110px;
}
.organ-wrap div > div,
.head-office ul li {
  height: 50px;
}

.head-office  {
  justify-content: center; padding-top:30px;
}
.head-office:before {content:'';  background:#ccc; 
height:1px; width:148px; position:absolute; top:0px; left:50%; transform:translateX(-50%)}
.head-office  ul {}

.head-office ul::before {border-top:none; }




}


@media(max-width:640px) {

.leader > div{ padding:20px 10px;}
.leader {padding-top:20px;}

.leader > div h1{font-size:18px;}
.leader > div p{font-size:16px; }

.team-tit {
  padding: 10px;
  margin-bottom: 10px;
}

.team-tit h1 {
  font-size: 20px;
}

  .team .person > li {
    width: 100%;   padding: 20px 20px 20px 20px;

  }

.leader > div ul li{font-size:16px; font-weight:300; letter-spacing:-.2px; line-height:1.3; display:flex; flex-wrap:wrap; align-items:flex-start;}

.team .person > li h3{font-size:17px; }
.team .person > li  > p{font-size:15px; }
.team .person > li > p {
  min-height: auto;  
}
 .team .person > li ul {
    margin-top: 10px;
    padding-top: 10px;
    height: 30px;
  }


.team .person > li:nth-child(n+4) {
  margin-top: 0px;
}




}




/*********************
.team.tiny_team
**********************/
 .team.tiny_team  {position:relative; margin-top:20px; 
border:2px solid var(--black); overflow:hidden;
padding:30px;
}

.team.tiny_team.mt10{margin-top:10px;}
.team.tiny_team .team-tit {padding:20px}
.team.tiny_team .team-tit h1 { font-size:21px;}
.team.tiny_team   .person > li {padding:23px; box-sizing:border-box;}


.team.tiny_team  .person > li:last-child  {margin-right:0;}
.team.tiny_team .person > li > ul > li{position:relative; padding-left:25px;  }
.team.tiny_team .person > li > ul > li br {display:none}
.team.tiny_team .person > li > ul > li{word-break:keep-all;}

.team.tiny_team .person > li > ul > li img {position:absolute; top:0px; left:0; }
.team.tiny_team .team-tit h1 { font-size:17px;}
.team.tiny_team .person > li h3 {width:100px;}


.wdsize01 {width:100%; max-width:600px;}

@media (min-width: 600px){
.team.tiny_team .team-tit h1 { font-size:21px;}
.team.tiny_team.team_num1  .person > li {width: 100%; overflow:hidden; flex-wrap:wrap; } 
/* .team.tiny_team.team_num2  .person > li {width: calc(100%/2 - 15px/2); }  */
/* .team.tiny_team.team_num3  .person > li {width: calc(100%/3 - 15px/3); } 
 */

.team.tiny_team.team_num2 .person > li  {flex: 1 1 45%;}
.team.tiny_team.team_num3 .person > li  {flex: 1 1 31%;}

.team.tiny_team.team_num2 .person > li ul li {flex: 1 1 49%;}
.team.tiny_team.team_num3 .person > li ul li {flex: 1 1 33%;}



.team.tiny_team.team_num33  .person > li  { align-self: top;  margin-right:5px; padding: 23px 8px 23px 20px !important;
width: calc(33%  - 10px) !imporant; } 
.team.tiny_team.team_num33  .person > li   > ul {width:100%; }
.team.tiny_team.team_num33  .person > li  h3{width:100%; padding-bottom:10px; } 

}







/* =======================================================
광고시설
   ======================================================= */

.inwrap03icon  {margin-top:10px; padding-bottom:20px;  display:flex; flex-wrap:wrap; gap:20px; justify-content: right;}
.inwrap03icon div {background:#eee;  display:flex;  justify-content: center; align-items: center;
border-radius:50%; width:50px; height:50px; color:rgba(0,0,0,0.5);  }
.inwrap03icon div  svg {height:23px;}
.inwrap03icon div:hover{background:var(--black); color:#fff;}
.ad_tab-content.active {display:block;}
.ad_tab-content {display:none;}


.ad_tab-content .slider div img{width:100%;}

 /* 좌우 여백 조절 */
.ad_tab-content .slider  div.slick-slide{ 
  margin: 0 10px; /* 좌우 여백 조절 */
}
.ad_tab-content .slider {
  margin: 0 -10px; 
}




.chart { text-align:center;}
.chart img {max-width:90%;}


.slick-after-custom,
.slick-prev-custom {cursor:pointer;}


.ad_wrap_new  .mobile_show {display:none}

@media (max-width: 640px) {
.ad_wrap_new  .mobile_show {display:block}
}





/* =======================================================
입주시설 임대 + 임대절차 순서 + 요금 순서
   ======================================================= */

 .process_retal_wrap {}
.rental_process_eng ul,
 .process_retal_wrap .flow_wrap {gap:30px;width:100%;   counter-reset: step-counter;}

.rental_process_eng ul li,
 .process_retal_wrap .flow_wrap .process {background:var(--bg01); position:relative; overflow:Hidden;
 padding:40px; flex-basis:calc((100% / 3) - 30px); min-height:200px; padding-right:130px;}

.rental_process_eng ul li {padding:30px; padding-right:50px; min-height:160px;}


.rental_process_eng ul li::before,
.process_retal_wrap .flow_wrap .process::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  right: 30px;
   bottom: 20px;
  font-size: 110px;
  font-weight: 600;
  opacity:0.3;
}
.rental_process_eng ul li::before  {font-size:70px; bottom:10px;  }


.rental_process_eng ul li{font-size:20px; line-height:30px; font-weight:600;}
.rental_process_eng ul li span {font-size:18px; line-height:22px;}

.rental_process_eng .linkarea_modal a {font-size:16px; margin-left:0px; margin-right:0px; margin-top:5px;}
.rental_process_eng .linkarea_modal { padding-top:20px; gap: 0px 10px;}
.rental_process_eng .linkarea_modal a {font-size:16px;  line-height:45px; padding-left:20px;
width:140px;}



 .process_retal_wrap .flow_wrap .process h4 {font-size:25px; line-height:45px;}
 .process_retal_wrap .flow_wrap .process ul  {display:flex; flex-wrap:wrap;gap:5px 20px;}

 .process_retal_wrap .team-person {width:100%;}


 .process_retal_wrap .flow_wrap .process.type01  {min-height:100px; background:#fff; border:6px solid var(--bg01);}
 .process_retal_wrap .flow_wrap .process.type01  h4 {font-weight:400; font-size:25px; line-height:45px;}

 .process_retal_wrap .flow_wrap .process.type01::before {opacity:0.1;}






	@media (max-width:1023px) {
.rental_process_eng ul li,
 .process_retal_wrap .flow_wrap .process { padding:30px; flex-basis:calc((100% / 2) - 30px);
 min-height:200px; padding-right:130px;}

}


	@media (max-width:800px) {
.rental_process_eng ul li,
 .process_retal_wrap .flow_wrap .process { padding:20px; flex-basis:100%;
 min-height:80px; padding-right:80px;}
.rental_process_eng ul li::before,
.process_retal_wrap .flow_wrap .process::before {
  right: 10px;
  font-size: 50px; bottom:10px;  
}


.rental_process_eng ul li{font-size:17px; line-height:22px; }
.rental_process_eng ul li span {font-size:15px; line-height:20px;}
.rental_process_eng .linkarea_modal a {font-size:15px;  line-height:35px; padding-left:10px;
width:110px;}


}




	@media (max-width:640px) {
.process_retal_wrap .flow_wrap .process h4 {
  font-size: 20px;
  line-height: 35px;
}

.rental_process_eng ul, .process_retal_wrap .flow_wrap {
  gap: 10px;
}

.team-person.border, .team-person.border.scroll-animate.scrollactive {margin-top:20px !important;}



}
/* =======================================================
웨딩
   ======================================================= */

.wedding_desc_list { padding-top:30px; gap:20px; }
.wedding_desc_list .list {position:relative; width:100%;}
.wedding_desc_list .img{position:relative; z-index:1; width:100%;}
.wedding_desc_list  .img img {width:100%;}
.wedding_desc_list dl {background:#fff; width:400px; z-index:2; padding:30px; position:absolute; bottom:0; right:0;}
.wedding_desc_list dl dt {font-size:20px; font-weight:700; line-height:30px;  padding-bottom:20px;}


@media (max-width:640px) {
.wedding_desc_list .list {padding-bottom:80px;}
.wedding_desc_list dl {background:#fff; width:260px; z-index:2; padding:20px; }

}








/* =======================================================
ci
   ======================================================= */

.ci_wrap {}
.ci_wrap .mv_top {flex-direction: column;    position:relative; overflow:hidden; gap:20px 0px; background:var(--black);
text-align:center; padding:70px 30px; border-radius:var(--radius01)}
.ci_wrap .mv_top video{position:absolute; z-index:1; object-fit:cover; width:100%; height:100%; opacity:0.4;}

.ci_wrap .mv_top > * {color:#fff; position:relative; z-index:2;}
.ci_wrap .mv_top h3 {font-weight:700; font-size:50px; line-height:80px; padding-bottom:30px;}

.ci  {gap:50px 0px;}



.ci .sec_01 {
	width: 100%;
	display:FLEX; flex-wrap:Wrap;
	box-sizing: border-box;
	overflow: hidden;
	gap:30px; padding:60px 50px;
	border-bottom: 1px solid #ddd;
}


.ci .sec_01:last-child {
	border-bottom: none;
}

.ci .sec_01 h2, .ci .sec_01 .txt {
	overflow: hidden;
}

.ci .sec_01 .txt .btn {
	padding-top: 10px;
}



.ci .sec_01 h2 {
	width: 260px;
	font-size: 30px;
	line-height: 40px;
}
.ci .sec_01 .txt {
flex:1;
 padding-left:30px;
font-size: 17px;
	line-height: 30px;
}
.ci .sec_01 p.img {
	padding-top: 30px;
}
.ci .sec_01 p.img img {
	width: 100%;
}
.btn_down {
	padding-top: 30px;
}


@media(max-width:800px){

.ci .sec_01 .btn_down {display:flex ;flex-wrap:wrap;}
.ci .sec_01 .btn_down  a {flex:1; font-size:16px; padding:0px 10px;}
.ci_wrap .mv_top h3 {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 20px;
}

.ci .sec_01 {padding:20px 0px;}
.ci .sec_01 h2 {width:100%;}
.ci .sec_01 .txt {padding-left:0px;}

.ci .sec_01 h2 {
  font-size: 25px;


}


}










/* =======================================================
주차안내
   ======================================================= */

.parking_chart_wrap  {padding:50px 0px; width:100%;}

.parking_chart_wrap .parkingGrathBox{width:100%; gap:40px; justify-content: center;}
.parking_chart_wrap .parkingGrathBox .inner{width:calc((100% / 3) - 40px) !important; }

.parking_chart_wrap .parkingGrathBox .inner {}

.parking_chart_wrap .parkingGrathBox canvas {width:100%;  }


	.h3Title { text-align:center; font-size:40px; font-weight:bold; margin:20px 0;  }
	.h3notice { text-align:center; border:1px solid #ccc; border-radius:10px; width:max-content; line-height:50px; padding:0px 20px; margin:0 auto; }
	.statusTxt { font-size:36px; font-weight:bold; display:inline-block; }



.parktop {padding-top:70px;}



.elec_car {}
.elec_car .img {flex-basis:40%;}
.elec_car .elec_txt {flex-basis:calc(60% - 30px);  padding-left:50px;}


.under-ele-car {overflow:hidden; padding-top:60px; }
.under-ele-car .ele-wrap {width:100%; border-top:2px solid var(--black); margin-bottom:20px; }
.under-ele-car .ele-wrap .inner {display:flex;  gap: 20px 20px; width:100%; flex-wrap:wrap; border-bottom:1px solid var(--black)}
.under-ele-car .ele-wrap .inner dl {flex-basis:25%; padding:30px;}

.under-ele-car .ele-wrap .inner dl dt { font-size:20px; line-height:30px;}
.under-ele-car .ele-wrap .inner dl dd{ font-size:30px; line-height:40px; font-weight:700;}

.under-ele-car .ele-wrap .inner > div {flex:1;  display:flex; flex-wrap:wrap;  align-items: center; 
font-size:25px; line-height:40px;}
.under-ele-car .ele-wrap .inner > div h4 {width:200px;}

.under-ele-car .ele-wrap .inner > div > div { margin:0; padding:0; gap:0;
display:flex; flex-wrap:wrap; width:100%;  align-items: center; }



/*****웹*****/
	@media (max-width: 1300px) {
.parking_chart_wrap .parkingGrathBox .inner{width:calc(100% - 40px) !important;}

}



/*****웹*****/
	@media (min-width: 1024px) {

}


/*****웹*****/
	@media (max-width: 1023px) {
	.parking_chart_wrap {padding-bottom:0px;}
.parktop {padding-top:30px;}




.under-ele-car {padding-top:30px; }
.under-ele-car .ele-wrap .inner {display:flex;  gap: 15px; }
.under-ele-car .ele-wrap .inner dl {flex-basis:25%; padding:20px; }

.under-ele-car .ele-wrap .inner dl dt { font-size:18px;}
.under-ele-car .ele-wrap .inner dl dd{ font-size:25px; line-height:35px;}
.under-ele-car .ele-wrap .inner > div {font-size:20px; line-height:30px;}
.under-ele-car .ele-wrap .inner > div h4 {width:200px;}





}




/*****패드*****/
	@media (min-width:641px) and (max-width:1023px) {
	.h3Title {  font-size:35px;  }
	.statusTxt { font-size:26px;  }


	}



/*****모바일*****/
	@media (max-width:640px) {
	.h3Title {  font-size:25px;  }
	.statusTxt { font-size:16px;  }
.parking_chart_wrap .parkingGrathBox canvas{display:none !important}
.parking_chart_wrap .parkingGrathBox {gap:0px 0px;}
.parktop {padding-left:3%; padding-right:3%;}

.parking_chart_wrap .parkingGrathBox .inner {margin-top:-30px;}

.h3notice {font-size:15px; line-height:20px; padding:10px;width:90%;}
.under-ele-car .ele-wrap .inner  {gap:0px 10px;}
.under-ele-car .ele-wrap .inner dl {flex-basis:100%; padding:10px;  }

.under-ele-car .ele-wrap .inner dl dt { font-size:17px;}
.under-ele-car .ele-wrap .inner dl dd{ font-size:22px; line-height:30px;}
.under-ele-car .ele-wrap .inner > div {font-size:17px; line-height:30px; padding:10px 10px;}
.under-ele-car .ele-wrap .inner > div h4 {width:200px;}





	}









/* =======================================================
교통
   ======================================================= */


.location_inner_wrapin {; gap:  30px;}

.location_n_wrap  {flex:1;}




.location_addr2 { gap:30px  30px; padding-bottom:20px; justify-content: space-between;}

/* .location_addr2 .inner {flex-basis:calc((100% / 2) - 30px);  min-height:170px; }
 */
 .location_addr2 .inner {flex-basis:100%;    border-top:1px solid #ddd;}


.location_addr2 .inner dl {/*   border:3px solid var(--black); */
width:200px; padding:30px 30px 30px 50px;; position:relative;}
.location_addr2 .inner dt svg {position:absolute; z-index:90; top:30px; left:10px; width:27px; height:27px;}


.location_addr2 .inner dd { font-weight:600;  font-size:25px; line-height:30px; }

.location_addr2 .inner div {flex:1; padding-left:60px; font-size:20px; line-height:30px; padding-top:30px; }

.location_addr2 .inner  dl .point { width:85px; height:70px; 
  position: absolute;
  z-index: 80;
  top: -2px;
  right: -2px;
  border-radius:
0 0 0 26px;
 background: #fff ; display:none}

    #map333 {
width:55%;
      height: 550px; 
    }
  .leaflet-control-attribution {
      display: none; /* 지도 하단 출처 숨김 */
    }





p.location2{background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'currentColor'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-route-icon%20lucide-route'%3E%3Ccircle%20cx%3D'6'%20cy%3D'19'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'5'%20r%3D'3'%2F%3E%3C%2Fsvg%3E");
  background-size: auto 20px; 
  background-repeat: no-repeat;
  background-position: left 0px center;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 20px; margin-left:20px;
  line-height: 30px;
  padding-left: 30px;
}


.deptst03{gap:10px 0px;}
.deptst03 li{width:100%; text-align:left;}
.deptst03 li strong {width:110px;  display: inline-flex;}






	@media (max-width: 1300px) {
	.location_addr2 .inner dl {  width:150px; }
.location_addr2 .inner div { padding-left:20px; }
	}


	@media (max-width: 1023px) {
			#map333 {
			  width: 100%;
			  height: 450px; 
			}


  .location_addr2 .inner dl {
    width: 110px;
  }
.location_addr2 { gap:20px  20px; padding-bottom:0px; }
.location_addr2 .inner {flex-basis:100%;  }
.location_addr2 .inner dl {  padding:56px 25px 0px 20px;}
.transpor_txt h3 {padding-bottom:0px;}
	}


	@media (max-width: 640px) {
.location_addr2 .inner dt svg {top:20px; left:20px; width:30px; height:30px;}
.location_addr2 .inner dd {font-size:20px;  }

.location_addr2 .inner div {font-size:17px; padding-top:10px;  line-height:30px; padding-top:20px; }

    #map333 {
      width: 100%;
      height: 300px; margin-bottom:30px;
    }


.deptst03{gap:10px 0px;}
.deptst03 li{width:100%; text-align:left;}
.deptst03 li strong {width:110px;  display: inline-flex;}

	}





/* =======================================================
임대절차
   ======================================================= */

.rental_process_eng  ul {display:flex; flex-wrap:wrap;}




/* =======================================================
모달팝업
   ======================================================= */

.window2 { position:fixed; z-index: 2147483646; top:0; left:0; width:100vw; height:100vh;
 background:rgba(114,114,114,0.9); display:none; 
}

.window2 .modal-top  {padding-bottom:30px;}

.window2.no_whitebg .scrollarea {
	background: none !important;
	overflow-y: visible!important;
}
.window2.no_whitebg .tit2 dt {
	color: #fff;
}
.window2.no_whitebg .img {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.window2.no_whitebg .img img {
	width: 100%;
}

#imgdetail1 .scrollarea, #imgdetail2 .scrollarea {
	background: none;
	overflow-y: visible!important;
}
#imgdetail1 .tit2 dt, #imgdetail2 .tit2 dt {
	color: #fff;
}


.window2 .scrollarea {
	background: #fff;
	overflow-Y: scroll !important;
	max-height: 70vh;
	box-sizing: border-box;
	width: 90vw; max-width:1200px; 
	position:fixed; top:50%; left:50%;
	transform:translate(-50%, -50%);

}


}
.window2 .bimg {
	position: relative;
	overflow: hidden; 
}
.window2 .bimg img {
	position: absolute;
	top: 50%;
	left: 50%;
/* 	min-width: 100%;
	min-height: 100%; */
	transform: translate(-50%, -50%);
	object-fit: cover;
  width: 100%;
  height: 100%;
/* 	max-width:126%;
	max-height:126% */
}
.window2 a.close {
	background: #111;
	color: #fff;
	font-weight: 200;
}


.funi_mall_modal .list dl {
	border: 1px solid #ddd;
}
.funi_mall_modal .list dl dd {
	text-align: center;
	background: #eee;
}
.funi_mall_modal .list dt {
	position: relative;
	overflow: hidden;
}
.funi_mall_modal .list dt img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 150%;
	max-height: 150%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%)
}
.window2 .img2 {
	text-align: center;
	padding-top: 30px;
}
.window2 .img2 img {
	max-width: 700px;
	max-height: 80vh
}
.window2 .img3 {
	text-align: center;
	padding-top: 50px;
}
.window2 .img3 img {
	width: 100%;
	max-width: 900px;
}


.window2 .smartleft input{ max-width:200px;}


.window2 .acc svg {
width:40px; height:40px; margin-bottom:20px;
}


.window2 a.close {

  position: fixed;
	right:5vh;
	top:20px;
	font-size: 30px;
	padding: 30px 30px;
	line-height: 40px;
	transform: scale(1, 0.7)
}


.printer_area .tit2 dt,
.scrollarea .tit2 dt,
.window2 .tit2 dt {
	font-size: 40px; font-weight:700;
	line-height: 50px;
}


.window2 .smartleft {padding-right:0px !important;}
.window2 .smartserch .radio_area h3 {padding-left:10px; padding-right:0px;}
.window2 .event_top2 {padding-top:0px;}
.window2  .deptst01 li {padding-left:18px;}


.window2 .scrollarea {
	padding: 50px 50px;
}




.printer_area .tit2 dd,
.scrollarea .tit2 dd,
.window2 .tit2 dd {
	font-size: 18px;
	line-height: 30px;
	padding-top: 10px
}


.window2 .imglist {
	width: 100%;
	overflow: hidden;
	padding-top: 50px;
}
.window2 .bimg {
position:relative;
overflow:hidden;
	float: left;
	width: 35%;
	height: 525px;
	margin-top: 10px;
}
.funi_mall_modal .list {
	float: right;
	width: 65%;
}
.funi_mall_modal .list dl {
	float: left;
	width: 45%;
	margin: 10px 2%;
}
.funi_mall_modal .list dt {
	height: 200px;
}
.funi_mall_modal .list dd {
	font-size: 16px;
	line-height: 50px;
}


.window2 .acc a {
	margin: 0px 1px;
	line-height: 30px;
	vertical-align: middle;
}



.window2 .acc .inner {
	display: inline-block;
	border-left: 1px solid #ddd;
	margin-right: 20px;
	padding-left: 10px;
	margin-left: 10px;
}
.window2 .acc .inner a {
	background: rgba(0,0,0,0.3);
	position: relative;
	text-align: center;
	display: inline-block;
	width: 23px;
	height: 23px;
}
.window2 .acc .inner a img {
	height: 14px;
	position: Absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}



/***** 웹2*****/
	@media (min-width:1024px) and (max-width:1200px) {

.mobile_show {display:none}
}






	@media (max-width:800px) {
.printer_area .tit2 dt, .scrollarea .tit2 dt, .window2 .tit2 dt {
  font-size: 30px;
  line-height: 40px;
}

.window2 .scrollarea {
	padding: 30px 30px;
}

.window2 a.close {
	top:20px;
}




}




/***** 모바일 *****/
	@media (max-width:640px) {

.window2 .bimg {
  width: 100%;
  height: 325px;
}

.funi_mall_modal .list  {float:none;display:flex;
gap:10px; justify-content: space-between; flex-wrap:wrap; padding:10px 0px 0px 0px;}
.funi_mall_modal .list  dl {width:calc(50% - 10px); margin:0;}
.funi_mall_modal .list dt {
  height: 100px;
}
.funi_mall_modal .list dd {line-height:23px;}



.funi_mall_modal .list {
  width: 100%;
}
.printer_area .tit2 dt, .scrollarea .tit2 dt, .window2 .tit2 dt {
  font-size: 25px;
  line-height: 30px;
}

.printer_area .tit2 dd, .scrollarea .tit2 dd, .window2 .tit2 dd {
  font-size: 16px;
  line-height: 20px;
}
.window2 .acc svg {
  width: 30px;
  height: 30px;
}



.window2 a.close {
	font-size: 20px;
	padding: 20px 20px;
	line-height: 30px;
}





}



/* =======================================================
임대담당자
   ======================================================= */

 .contact_number  {text-align:center;}
	 .contact_number h2 {position:relative;}
	 .contact_number h2:before {content:''; background:var(---black); width:1px; position:absolute; bottom:10px; left:50%;
 transform:translateY(-50%);}
	 .contact_number div {box-sizing:border-box;}
	 .contact_number dt{background:var(--black); color:#fff; font-weight:600;}
	 .contact_number dl,
	  .contact_number dt,
	  .contact_number dd{overflow:hidden; box-sizing:border-box;}

	 .contact_number h3 {font-weight:400; }
	 .contact_number h4 { color:#666; font-weight:300;}



	 .contact_number dt,
	 .contact_number dd{ padding:15px 0px;}
	 .contact_number dt{ border-bottom:1px solid rgba(255,255,255,0.2) ;}
	 .contact_number dd{ border-bottom:1px solid rgba(0,0,0,0.1) ;}

/***** 웹 *****/
	@media (min-width: 1024px) {
	 .contact_number div {border-top:2px solid #222; }
	 .contact_number {padding-top:10px;}
	 .contact_number h2 { font-size:25px; line-height:30px; padding-bottom:80px;}
	 .contact_number h2:before {height:30px;}
	 .contact_number div {width:100%;  margin-left:auto; margin-right:auto; }
	 .contact_number h3 {font-size:20px; line-height:35px;  }
	 .contact_number h4 {font-size:17px; line-height:30px;  padding-bottom:20px;}

	 .contact_number dl {display:table-row; }
	 	 .contact_number dd { border-left:1px solid #ddd;}

	 .contact_number dt {width:33%;}
	 .contact_number dl dd:nth-child(2) {width:25%;}
	 .contact_number dl dd:nth-child(3) {width:20%;}
	 .contact_number dl dd:nth-child(4) {width:22%;}


	 .contact_number div {display:table}
	 .contact_number dl {display:table-row; }
	 .contact_number dt,	 .contact_number dd {display:table-cell; vertical-align: middle;}

}


/***** *****/
	@media (min-width:641px) and (max-width:1023px) {

	 .contact_number {padding-top:40px;}
	 .contact_number h2 { font-size:21px; line-height:30px; padding-bottom:40px;}
	 .contact_number h2:before {height:20px;}
	 .contact_number div {width:100%;  }
	 .contact_number h3 {font-size:18px; line-height:30px;  }
	 .contact_number h4 {font-size:16px; line-height:30px;  padding-bottom:20px;}

	 .contact_number dl {display:table-row; }
	 	 .contact_number dd { border-left:1px solid #ddd;}
	4447 .contact_number dt,
	 .contact_number dd{width:25%;  border-bottom:1px solid #ddd ;font-size:14px; line-height:20px; padding:6px 0px;}
	 .contact_number div {display:table}
	 .contact_number dl {display:table-row; }
	 .contact_number dt,	 .contact_number dd {display:table-cell; vertical-align: middle;}

	 .contact_number div {border-top:2px solid #222; }
}



/* */
	@media (max-width:640px) {

	 .contact_number {padding-top:10px;}
	 .contact_number h2 { font-size:18px; line-height:30px; padding-bottom:40px;}
	 .contact_number h2:before {height:20px;}
	 .contact_number div {width:96%; max-width:1300px; margin-left:auto; margin-right:auto; }
	 .contact_number h3 {font-size:16px; line-height:22px;  }
	 .contact_number h4 {font-size:15px; line-height:22px;  padding-bottom:20px;}

	 .contact_number dl {}

	 .contact_number dt{width:100%; border-top:2px solid #000; margin-top:10px;  padding:10px 0px; margin-bottom:10px;}
	 .contact_number dd{font-size:14px; width:100%; 
	 margin-bottom:0px; display:block; line-height:20px; padding:4px 0px;}


	 .contact_number dl > dd:last-child {border:none;}

}



/* =======================================================
전체보기 사이트맵
   ======================================================= */



  .sitemap-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 934534534543999;
    background: #fff;
  }



/* 효과넣기*/
.sitemap-overlay {
  opacity: 0;
  transform: translateY(30px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.4s ease;
}
.sitemap-overlay.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  display: flex;
}








  .sitemap-overlay .close-btn {
    position: absolute;
    top: 30px;
    z-index: 934534534543999;
    right: 30px;
    box-sizing: border-box;
  }

  .sitemap-overlay .close-btn svg {
    width: 65px;
    height: 65px;
  }

  /* .sitemap-left {
  flex: 1;
   background:rgba(0,0,0,0.7) url('/images/com/sitemap.gif') no-repeat center bottom / cover; 
  background-blend-mode: overlay;
justify-content: space-between;
  flex-direction: column;
}
 */
  .sitemap-left {
    flex: 1.8;
    position: relative;
    justify-content: space-between;
    flex-direction: column;
    background-color: rgba(0,0,0,0.6);
    background-image: url('/images/com/sitemapbg.gif');
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom center;
 background-blend-mode: overlay;
  }

/*   .sitemap-left:before {
    content: '';
    width: 710px;
    height: 210px;
    position: absolute;
    bottom: -60px;
    right: -40px;
    background-image: url('/images/com/excologo.svg');
    opacity: 0.6;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    mix-blend-mode: plus-lighter;
  } */

  .sitemap-left h1 {
    font-size: 90px;
    line-height: 110px;
    color: #fff;
    font-weight: 900;
  }

  .sitemap-left .left_under {
    padding-bottom: 0px;
  }

  .sitemap-left .left_under a {
    color: #fff;
  }

  .sitemap-left .sitemap_sns {
    gap: 0px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 20px;
    padding: 20px 0px;
  }

  .sitemap-left .sitemap_sns a img {
    height: 39px;
  }

  .sitemap-left .sitemap_sns a:nth-child(2) img {
    height: 42px;
  }

  .sitemap-left .fnb3 a {
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    margin-right: 20px;
  }



  .sitemap-left .fnb3 {gap:3px 20px;}

  .sitemap-left .fnb3 p:nth-child(1) {width:100%;}
  .sitemap-left .fnb3 p {color:#fff;}



  .sitemap-left,
  .sitemap-right {
    padding: 70px 70px 70px 70px;
  }

  .sitemap-right {
    box-sizing: Border-box;
    flex: 2;
    background: white;
    overflow-y: auto;
    position: relative;
  }

  .sitemap-right ul {
    gap: 35px 0px;
  }

  .sitemap-right ul>li {
    width: 100%;
  }





  .sitemap-right ul>li>a.menu__depth1 {
    position: relative;
    color: var(--red);
    font-size: 28px;
    line-height: 70px;
    font-weight: 700;
    padding-right: 20px;
  }

  .sitemap-right ul>li>a.menu__depth1:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: var(--red)
  }

  /* .sitemap-right ul > li > a.menu__depth1 {position:relative; border-bottom:1px solid #ddd; width:100%; display:flex;
font-size:28px; line-height:70px;  font-weight:700; margin-bottom:20px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 25px;
background-repeat: no-repeat;
background-position: right 0px center;
}
 */

  .sitemap-right ul.dept02 {
  align-items: flex-start;
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px 30px; opacity: 1 !important;



  }

  .sitemap-right ul.dept02 li {width: 190px; display: flex; flex-wrap: wrap;}
  .sitemap-right ul.dept02 li a {display:flex; flex-wrap:wrap; align-items:center; font-size: 20px; font-weight:600; line-height: 22px;}
  .sitemap-right ul.dept02 li span{margin-left:20px; font-size:22px;}


  .sitemap-right ul.dept02 a:hover{color: var(--red);}

  .sitemap-right ul.sub_menu2 {
    display: flex !important; padding-top:10px;
opacity: 1 !important;
  transform: translateY(0px) !important;
  height: auto !important;
  flex-direction: column; gap:4px 0px;
  }
  .sitemap-right ul.sub_menu2 li a{ font-size:17px; line-height:20px; font-weight:400;}

  .sitemap-right ul.sub_menu2 li:before {content:'-'; padding-right:5px; color:rgba(0,0,0,0.5);}








  @media(max-width:1023px) {
    .sitemap-overlay {
      display: none;
    }
  }



/* =======================================================
개요
   ======================================================= */
  .vision_n_wrapper .vision_topper {
    padding-bottom: 30px; padding-top:50px;
  }

  .vision_n_wrapper .vision_topper .inner {
    flex-basis: 50%;
    border-right: 1px solid #ddd;
    text-align: center;
  }

  .vision_n_wrapper .vision_topper .inner:last-child {
    border: none;
  }

  .vision_n_wrapper .vision_topper .inner h3 {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--red);
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 200px;
    z-index: 2;
    animation: pulseCenter 5s infinite ease-in-out;
  }

  .vision_n_wrapper .vision_topper .inner h3::before,
  .vision_n_wrapper .vision_topper .inner h3::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.2);
    z-index: -1;
    animation: pulseOuter 6s infinite ease-in-out;
  }

  .vision_n_wrapper .vision_topper .inner h3::before {
    width: 240px;
    height: 240px;
    top: -20px;
    left: -20px;
  }

  .vision_n_wrapper .vision_topper .inner h3::after {
    width: 280px;
    height: 280px;
    top: -40px;
    left: -40px;
    animation-delay: 1s;
  }

  @keyframes pulseOuter {

    0%,
    100% {
      transform: scale(1);
      opacity: 0.4;
    }

    50% {
      transform: scale(1.05);
      opacity: 0.2;
    }
  }

  @keyframes pulseCenter {

    0%,
    100% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.01);
    }
  }

  .vision_n_wrapper .vision_topper .inner dl {
    padding-top: 90px;
  }

  .vision_n_wrapper .vision_topper .inner dt {
    font-size: 25px;
    line-height: 36px;
    padding-bottom: 20px;
  }

  .vision_n_wrapper .vision_topper .inner dt strong {
    font-weight: 600;
  }

  .vision_n_wrapper .vision_topper .inner dd {
    font-size: 20px;
    line-height: 30px;
    color: var(--black3)
  }

  .card_wrapper {
    display: flex;
    gap: 20px 20px;
    padding: 110px 0px;
    width: 100%;
    margin: auto;
    height: 800px;
  }

  .move_card {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: #ccc;
    border-radius: var(--radius02);
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    transition: flex 0.5s ease;
  }

  .move_card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    z-index: 0;
  }

  .move_card dl {
    position: relative;
    color: #fff;
    padding: 100px 100px;
    flex-direction: column;
    transform: translateY(100%);
    display: none;
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 1;
    width: 100%;
  }

  .move_card dt {
    font-weight: 600;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
  }

  .move_card dd {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    color: #fff;
    line-height: 1.5;
  }

  /* 활성 카드 */
  .move_card.active {
    flex: 3;
    z-index: 2;
  }

  .move_card.active dl {
    transform: translateY(0%);
    display: flex;
  }




	@media (max-width:640px) {


  .vision_n_wrapper .vision_topper {
    padding-bottom: 0px; padding-top:20px;
	gap:20px 0px;
  }

  .vision_n_wrapper .vision_topper .inner {
    flex-basis: 100%; padding-bottom:50px; 
    border-right:none;
  }


  .vision_n_wrapper .vision_topper .inner h3 {
    width: 120px;
    height:120px;
    font-size: 30px;
    line-height: 120px;
  }


  .vision_n_wrapper .vision_topper .inner h3::before {
    width: 160px;
    height: 160px;
  }

  .vision_n_wrapper .vision_topper .inner h3::after {
    width: 200px;
    height: 200px;
  }
 

  .vision_n_wrapper .vision_topper .inner dl {
    padding-top: 50px;
  }

  .vision_n_wrapper .vision_topper .inner dt {
    font-size: 20px;
    line-height: 30px;
  }


  .vision_n_wrapper .vision_topper .inner dd {
    font-size: 17px;
    line-height: 20px;
  }

  .card_wrapper {
    padding: 20px 0px;
    height: 400px;
    gap: 10px 10px;

  }
.move_card {border-radius:20px;}
  .move_card dl {
    padding: 40px 40px;
  }

  .move_card dt {
    font-size: 25px;
    line-height: 30px;
  }

  .move_card dd {
    font-size: 17px;
  }





  }





/* =======================================================
    	
사회공헌
   ======================================================= */




  .social_wrap .topper_sec {
  background: 
    linear-gradient(to bottom, rgba(220, 53, 69, 0) 0%, rgba(220, 53, 69, 0) 15%,  rgba(220, 53, 69, 1) 100%),
    url('/images/sub/sc_01.jpg') no-repeat center center / cover;
  background-blend-mode: normal; 
    transform: scale(1.1);
    padding: 210px 0px 60px 0px;  margin-bottom:60px;
  }

  .social_wrap .topper_sec h3 {font-size:55px; line-height:70px;  position:relative; padding-bottom:140px; font-weight:800;}
  .social_wrap .topper_sec h3:before {content:'' ; position:absolute;  background:rgba(255,255,255,0.6); width:1px; height:70px;
  bottom:10px;  left:50%; transform:translateY(-50%)}


  .social_wrap .topper_sec h4 {font-size:30px; line-height:40px; font-weight:400;}


  .social_wrap .topper_sec.view_on {
    transform: scale(1);
    transition: all 1.6s 0.2s;
  }

  .social_wrap .topper_sec .width_area3 * {
    color: #fff;
    text-align: Center;
  }

  .social_wrap .social_list {
    gap: 50px 0px; width:100%;
  }

  .social_wrap .social_list .social_box {

    position: relative; width:100%; padding-bottom:50px;
  }

  .social_wrap .social_list .social_box  h3 {color:var(--red); font-weight:700;}
  .social_wrap .social_list .social_box  h3::after {background:var(--red);}

  .social_wrap .social_list  img {width:80%;}
  .social_wrap .social_list .social_box .box {position:absolute;   width:65%; max-width:600px;
  background:red; right:0px; bottom:20px; padding:60px; text-align:left;
  background:url('/images/com/sitemapbg02.gif') no-repeat center center/ cover;
  }
  .social_wrap .social_list .desc {font-size:20px; line-height:30px;}

  .social_wrap .social_list .social_box:nth-child(2n) {text-align:right;}
  .social_wrap .social_list .social_box:nth-child(2n)  .box  {left:0;}


  .social_wrap .inner_list {gap: 30px 30px;  padding-top:50px;  }
	 .social_wrap .inner_list .inner {flex: 1 1 calc(50% - 50px);  position:relative; overflow:hidden;}
	 .social_wrap .inner_list .inner img {width:100%; position:relative;}
	 .social_wrap .inner_list .inner  dl {width:100%; padding:130px 40px 40px 40px; position:absolute; bottom:0; left:0;
	   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	 }

	 .social_wrap .inner_list .inner  dl  * {color:#fff;}
		 .social_wrap .inner_list .inner  dl dt {font-size:30px;  font-weight:700; line-height:40px; padding-bottom:20px;}
		 .social_wrap .inner_list .inner  dl dd {font-size:17px; line-height:30px; }



  @media(max-width:800px) {



  .social_wrap .topper_sec {
    padding: 110px 0px 40px 0px;  margin-bottom:30px;
  }

  .social_wrap .topper_sec h3 {font-size:25px; line-height:40px; padding-bottom:50px;}
  .social_wrap .topper_sec h3:before {height:30px;bottom:10px;  }
.social_wrap .inner_list .inner {
  flex: 1 1 100%;
}
  .social_wrap .topper_sec h4 {font-size:20px; line-height:30px; }
.social_wrap .social_list .desc {
  font-size: 17px;
  line-height: 25px;
}
  .social_wrap .social_list .social_box .box {padding:20px; }
.social_wrap .inner_list {
  gap: 10px;
  padding-top: 20px;
}

.social_wrap .inner_list .inner dl dt {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}

.social_wrap .inner_list .inner dl {
  padding: 110px 25px 25px 25px;
}
.social_wrap .social_list .descm
.social_wrap .inner_list .inner dl dd {
  font-size: 16px;
  line-height: 25px;
}
.social_wrap .social_list img {
  width: 100%;
}

.social_wrap .social_list .social_box .box {
  position: relative;
  width:100%;
  right: 0px;
  bottom: auto;
  padding: 20px 20px 20px 20px !important;
}

.social_wrap .social_list .social_box {padding-bottom:0;}

.social_wrap .social_list {
  gap: 10px 0px;
}


.social_wrap .social_list .social_box .box h3 {font-size: 20px;
    line-height: 30px;}

  }





/* =======================================================
Daegu MICE Ambassador
   ======================================================= */
.ambassador  {gap:30px 30px; justify-content: center; padding:90px 0px; position:relative;}
.ambassador  h3 {width:100%; text-align:Center; padding-bottom:180px;}

.ambassador:before{content:'ambassador'; position:absolute; color:rgba(0,0,0,0.1); font-size:160px; 
line-height:1.3; letter-spacing:31px; z-index:-1;
top:190px; left:50%; transform:translateX(-50%); text-transform: uppercase; font-weight:900;
}


.ambassador  .amb-con {padding:60px 30px;  width:calc(33% - 30px); background:#fff; max-width:500px; text-align:Center;
box-shadow:4px 4px 20px rgba(0,0,0,0.1); border-radius:var(--radius01);}


.ambassador  .amb-con .img  {
  position: relative; 
  width: 70%; margin:auto;
  overflow: hidden;
}
.ambassador  .amb-con .img img {
  width: 100%; 
  filter: grayscale(70%) brightness(1.2);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  display: block;
}

.ambassador  .amb-con h1 {padding-top:20px; font-size:25px; line-height:1.6;  padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.ambassador  .amb-con li span{display:none;}
.ambassador  .amb-con li  {color:#666; padding:5px 0px;}


.ambassador  .amb-con{
  transition: transform 0.3s ease;
  will-change: transform;
}

.ambassador  .amb-con:hover {
  transform: translateY(-11px) scale(1.02);
}



	@media (max-width:1300px) {
		.ambassador  {gap:30px 40px; }
		.ambassador  .amb-con {padding:60px 40px;  }

	}

	@media (max-width:1023px) {
.ambassador  {gap:20px 20px;}
.ambassador:before{font-size:80px; letter-spacing:21px; top:160px;}
.ambassador  h3 { padding-bottom:120px;}

.ambassador  .amb-con {padding:40px 20px;  width:calc(33% - 20px);  }
.ambassador  .amb-con .img  {
  width: 100%; 
}
.ambassador  .amb-con h1 {padding-top:20px; font-size:25px; line-height:1.6;  padding-bottom:20px; margin-bottom:20px; }


	}


	@media (max-width:640px) {
.ambassador:before{font-size:40px; letter-spacing:11px; top:110px;}
.ambassador  h3 { padding-bottom:60px;}


.ambassador  .amb-con { width:90% }
.ambassador  .amb-con .img  {text-align:Center;}
.ambassador  .amb-con .img img  {width:70%; margin:auto;}
	}



  







/* =======================================================
total_search
   ======================================================= */
.schedule_wrap.totalsearchin {width:100% !important; padding:0 !important;}

  .schedule_wrap.totalsearchin .listwrap {padding: 0px !important}




/* =======================================================
quick_go 
   ======================================================= */

.quick_go {position:fixed; text-align:center; display:flex; top:50%; right:30px;  border-radius:50%; width:130px;height:130px;
box-shadow:9px 9px 9px rgba(0,0,0,0.3); background:var(--red); cursor:pointer; z-index:10; justify-content: center;
  align-items: center;
  flex-direction: column;}
 .quick_go  dt svg{width:38px; height:38px; color:#fff;}
 .quick_go  dd {font-size:20px; line-height:1.5; font-weight:700; color:#fff}


	@media (max-width:640px) {
.quick_go {top:260px; right:20px; width:80px;height:80px;}
 .quick_go  dt svg{width:23px; height:23px; }
 .quick_go  dd {font-size:14px; }


	}







/* =======================================================
whyexcowrap
   ======================================================= */




.whyexcowrap .topintxt {background-color:var(--black);width:100%;  overflow:hidden;
position:relative; text-align:center; padding:160px 0px; text-align:center;}
.whyexcowrap .topintxt video{position:absolute; z-index:1; object-fit:cover; top:0; left:0;
width:100%; height:100%; opacity:0.4;}
.whyexcowrap .topintxt dl {position:relative; z-index:2; }
.whyexcowrap .topintxt dl dt {color:#fff;  font-size:60px; line-height:1.5; font-weight:800;}
.whyexcowrap .topintxt dl dd:nth-child(1) {color:#ffff; font-size:40px; line-height:1.3; font-weight:600;}
.whyexcowrap .topintxt dl dd:nth-child(3) {color:#ffff; font-size:25px; line-height:1.3; padding-top:50px;}

.whyexcowrap .topintxt .text-reveal span {
    color: #333; margin-right:20px;
  }

  .whyexcowrap   .topintxt .text-reveal.revealed span {
    color: #fff;
  }
.why_rolling {
 overflow:hidden;
}

.why_rolling .info-slider-wrap {
  position: relative;
  padding: 80px 0;
}

.why_rolling .info-slider .card {
  padding: 30px 30px;
  margin: 20px 15px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* 가운데 정렬 */
  text-align: center;
  transition: transform 0.3s ease;
  border-radius: var(--radius01);
  background:url('/eng/images/sub/cardbg02.gif') no-repeat;
  background-size:cover;

  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  box-shadow: 0 -8px 17px rgba(0, 0, 0, 0.03);
  overflow: hidden;
}

.why_rolling .info-slider dl {
  margin: 0;width:100%;
}

.why_rolling .info-slider .card {
  transition: transform 0.3s ease;
}

.why_rolling .info-slider   .card:hover {
  transform: scale(1.03);
}


.why_rolling .info-slider dt {
  font-size: 25px;
  line-height: 1.4; padding-bottom:10px;
  font-weight: 800;
  overflow: hidden;
}

.why_rolling .info-slider dd {
  font-size: 20px;
  padding-top: 10px;
  line-height: 1.4;
  font-weight: 400;
  max-width: 90%;
  margin: 0 auto;
  word-break: keep-all;
}



.why_rolling .custom-prev-arrow,
.why_rolling .custom-next-arrow {
  position: absolute;
bottom:30px; right:30px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: var(--black);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}

.why_rolling .custom-prev-arrow svg,
.why_rolling .custom-next-arrow svg {
  width: 24px;
  height: 24px;
}

.why_rolling .custom-prev-arrow { right:270px;}
.why_rolling .custom-next-arrow { right:200px;}

.why_rolling .progress-bar-wrap {
  width:calc(100% - 580px); margin-left:200px;
  height: 4px; margin-top:50px;
  background: #eee;
  position: relative;
}

.why_rolling .progress-bar {
  width: 0%;
  height: 100%;
  background: var(--black);
  transition: width 0.3s ease;
}


.whyexcowrap .area_inner {padding:100px 0px;   text-align:Center;
}

.whyexcowrap .area_inner .intit { padding-top:20px; }
.whyexcowrap .area_inner .intit  dt {font-weight:700; font-size:40px; line-height:1.5;}
.whyexcowrap .area_inner .intit  dd {font-size:30px; line-height:1.5;  padding-bottom:10px;}



.whyexcowrap .businesssection_wrap { overflow:hidden;
  background: #fff;
  padding: 100px 20px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.whyexcowrap .business_pyramid {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}





.whyexcowrap .pyramid_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  padding: 40px;
  font-size: 16px;
  border-radius:90%;
}
.whyexcowrap .business_pyramid {
  position: relative;
  overflow: visible;
}
.whyexcowrap .pyramid_item {
  margin: 0 auto;
  aspect-ratio: 4 / 1; 
  border-radius: 50%;
}



.whyexcowrap .pyramid_item h3,
.whyexcowrap .pyramid_item p {color:#fff;}





.whyexcowrap .pyramid_item h3 {font-weight:700; font-size:26px; line-height:1.3; padding-bottom:10px;}
.whyexcowrap .pyramid_item p {font-size:17px; line-height:1.3; display:none}




/* 위 -> 아래 계층별 스타일 */
.pyramid_item.top {
  width: 580px;
  background: linear-gradient(to top, rgb(242, 111, 124), rgb(251, 211, 215));
  box-shadow: 0 7px 0px rgb(236, 100, 113);
  margin-bottom: -30px;
  z-index: 3;
}

.pyramid_item.middle {
  width: 790px;
  background: linear-gradient(to top, rgb(251, 70, 88), rgb(255, 147, 157));
  box-shadow: 0 9px 0px rgb(230, 61, 77);
  margin-bottom: -60px;
  z-index: 2;
}

.pyramid_item.bottom {
  width: 1000px;
  background: linear-gradient(to top, rgb(202, 0, 19), rgb(247, 125, 137));
  box-shadow: 0 11px 0px rgb(202, 9, 27);
  z-index: 1;
}


.area_info { gap:50px 40px;}
.area_info .list {flex:1 1 calc(50% - 40px);}
	.area_info .list .img,
	.area_info .list .img img{width:100%}

.area_info .list h4 {font-weight:700; line-height:1.3; font-size:30px; padding-top:30px;}
.area_info .list h3 {font-weight:500; line-height:1.3; font-size:20px; padding-top:10px;}
.area_info .list  p {color:#666; padding-top:20px;}




	@media (max-width: 1023px) {

.whyexcowrap .topintxt { padding:100px 0px; }

.whyexcowrap .topintxt dl dt { font-size:45px;  }
.whyexcowrap .topintxt dl dd:nth-child(1) {font-size:35px; }
.whyexcowrap .topintxt dl dd:nth-child(3) {font-size:22px; padding-top:30px;}

.why_rolling .info-slider-wrap {
  padding: 40px 0;
}

.why_rolling .info-slider .card {
  height: 210px;
}


.why_rolling .info-slider dt {
  font-size: 21px; padding-bottom:5px;
}

.why_rolling .info-slider dd {
  font-size:16px;

}

.why_rolling .custom-prev-arrow,
.why_rolling .custom-next-arrow {
bottom:10px; right:30px;
  width: 40px;
  height: 40px;
}

.why_rolling .custom-prev-arrow svg,
.why_rolling .custom-next-arrow svg {
  width: 21px;
  height: 21px;
}
.why_rolling .custom-prev-arrow { right:160px;}
.why_rolling .custom-next-arrow { right:100px;}

.why_rolling .progress-bar-wrap {
  width:calc(100% - 350px); margin-left:100px;  margin-top:30px;
}


.whyexcowrap .area_inner {padding:70px 0px;  }

.whyexcowrap .area_inner .intit  dt { font-size:35px; }
.whyexcowrap .area_inner .intit  dd {font-size:26px; }



.whyexcowrap .businesssection_wrap {
  padding: 70px 20px;
}

.whyexcowrap .pyramid_item h3 {font-size:21px;}



/* 위 -> 아래 계층별 스타일 */
.pyramid_item.top {
  width: 380px;
  margin-bottom: -30px;
}

.pyramid_item.middle {
  width: 530px;
  margin-bottom: -30px;
}

.pyramid_item.bottom {
  width: 640px;
}
.area_info { gap:30px 30px;}
.area_info .list {flex:1 1 calc(50% - 30px);}
.area_info .list h4 {font-size:25px; padding-top:20px;}
.area_info .list h3 {font-size:17px;}


}



	@media (max-width:640px) {

.whyexcowrap .topintxt { padding:70px 20px; }
.whyexcowrap .topintxt dl dt { font-size:35px;  }
.whyexcowrap .topintxt dl dd:nth-child(1) {font-size:25px; }
.whyexcowrap .topintxt dl dd:nth-child(3) {font-size:20px; padding-top:20px;}

.why_rolling .info-slider-wrap {
  padding: 40px 0;
}

.why_rolling .info-slider .card {
  height: 210px;
}


.why_rolling .info-slider dt {
  font-size: 21px; padding-bottom:5px;
}

.why_rolling .info-slider dd {
  font-size: 17px;

}

.why_rolling .custom-prev-arrow,
.why_rolling .custom-next-arrow {
bottom:10px; right:20px;
  width: 30px;
  height: 30px;
}
.why_rolling .custom-prev-arrow svg,
.why_rolling .custom-next-arrow svg {
  width: 16px;
  height: 16px;
}
.why_rolling .custom-prev-arrow { right:90px;}
.why_rolling .custom-next-arrow { right:50px;}

.why_rolling .progress-bar-wrap {
  width:calc(100% - 190px); margin-left:50px;  margin-top:30px;
}

.whyexcowrap .area_inner {padding:40px 0px;  }

.whyexcowrap .area_inner .intit  dt { font-size:30px; }
.whyexcowrap .area_inner .intit  dd {font-size:20px; }


.whyexcowrap .businesssection_wrap {
  padding: 40px 20px;
}

.whyexcowrap .pyramid_item h3 {font-size:18px;}

/* 위 -> 아래 계층별 스타일 */
.pyramid_item.top {
  width: 60%;
  margin-bottom: -30px;
}

.pyramid_item.middle {
  width: 76%;
  margin-bottom: -30px;
}

.pyramid_item.bottom {
  width: 90%;
}
.whyexcowrap .area_inner .intit {padding-left:3%; padding-right:3%;}
.area_info { gap:20px 3%; }
.area_info .list {flex:1 1 100%;}
.area_info .list h4 {font-size:22px; padding-top:20px;}
.area_info .list h3 {font-size:17px;}


	}




/* =======================================================
cleantop_desc
   ======================================================= */




.cleantop_desc {gap:10px 20px; padding-bottom:40px;}

.cleantop_desc .secin{  width:calc((100% / 3) - 20px); border:1px solid var(--black); padding:30px; justify-content: stretch;
  display: flex; border-radius:20px;
  flex-direction: column;}
.cleantop_desc .secin h3 {
  border-bottom: 1px solid var(--black);
  font-size: 22px;
  line-height: 1.5;
  padding:10px 10px 10px 0px;
  margin-bottom: 20px;
  margin-top: 0px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'currentColor'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-chevron-down-icon%20lucide-chevron-down'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");
  background-size: auto 25px;
  background-repeat: no-repeat;
  background-position: right 0px bottom 13px;
}

.cleantop_desc .secin ul {
  flex: 1;
}



	@media (max-width: 1023px) {
.cleantop_desc .secin{  width:100%; border:1px solid var(--black); padding:20px;}

}



	@media (max-width:640px) {
.cleantop_desc .secin h3 {
  font-size: 19px;
  background-size: auto 20px;
}


	}