/* ------------------- common.css, common_add.css 수정 */



/* ------------------- header*/

#mg_header {position:fixed; transition: all .45s ease; width:100%; z-index:99; background:#fff; border-bottom:1px solid #ebebeb; top:45px; box-sizing: border-box;}
#mg_header {padding-top: calc(env(safe-area-inset-top, 0px) + 0px );}
#mg_header.up {top:0;}

.hdWrap {position:relative; }
.hdLogo {display:block;}
.hdLogo img {max-width: 300px; height: auto !important; }
.hdTop {}
.hdTopWrap { max-width: 1400px; width: 92%; margin: 0 auto; display:flex; align-items:center; justify-content: space-between; }

.keyList {display:flex;justify-content: center; margin-top:14px;}
.keyList .title {font-size:var(--font-size_14); font-weight:var(--font-b); color:var(--color-basic-b); margin-right:34px; }
.keyList p {font-size:var(--font-size_14); font-weight:var(--font-b); color:var(--color-basic-b); margin-right:34px; }
.keyList li a {display:block; padding:0 5.5px; position:relative; font-size:var(--font-size_14); color:#545454; font-weight:var(--font-r);}
.keyList li a::before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:1px; height:1px; border-radius:50%; background:#000; }
.keyList li:nth-of-type(1) a {padding-left:0;}
.keyList li:nth-of-type(2) a {padding-left:0;}
.keyList li:last-child a {padding-right:0;}
.keyList li:nth-of-type(1) a::before {display:none !important;}
.keyList li:nth-of-type(2) a::before {display:none !important;}

.searchBox {width: 100%;max-width: 540px;}
.searchArea {position:relative; width:100%;}
.searchBar {width:100%; height:50px; line-height:50px; border-radius:50px; border:2px solid var(--color-basic-b); position:relative; padding:0 20px;}
.searchBtn {position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:10;}

.utilList {display:flex;}
.utilList li a {display:flex; align-items:center; flex-direction: column; padding:0 17px; gap:9px; font-size:14px; font-weight:var(--font-r);  }
.utilList li:first-child a {padding-left:0;}
.utilList li:last-child a {padding-right:0;}

.hdBottom {padding:17px 0; border-top:1px solid #ebebeb; position:relative;}
.hdBottom:after {content:'';height:100%; width:60px; position:absolute; right:0; top:0;  background:url(/images/icon/gradi.png) no-repeat center / cover; display:none;}
.hdBotWrap {display:flex; align-items:center; justify-content: space-between;}
.hdBot_lt {display:flex; align-items:center; gap:19px;}

.allGnbBtn .allGnb {
    position: relative;
    display: block;
    width: 22px;
    height: 12px;
}

.allGnbBtn .allGnb i {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #111111;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s, top 0.3s;
}

/* 첫 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(1) {
    transform: translateY(4px);
}

/* 두 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(2) {
    transform: translateY(-50%);
}

/* 세 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(3) {
    transform: translateY(-6px);
}

/* act 클래스가 있을 때의 상태 */
.allGnbBtn.act .allGnb i:nth-of-type(1) {
    top: 50%;
    transform: rotate(45deg);
}

.allGnbBtn.act .allGnb i:nth-of-type(2) {
    opacity: 0;
}

.allGnbBtn.act .allGnb i:nth-of-type(3) {
    top: 50%;
    transform: rotate(-45deg);
}

.allMgMenu {padding:5px 0;}
.allMgMenu > .mg_gnb {display:flex; align-items:center;}
.allMgMenu > .mg_gnb > li {padding:0 15px; position:relative;}
.allMgMenu > .mg_gnb > li:span {}
.allMgMenu > .mg_gnb > li:last-child {padding-right: 0 !important; padding-left:0px;}
.allMgMenu > .mg_gnb > li:last-child:before {display:none;}
.allMgMenu > .mg_gnb > li a  {font-size:18px; font-weight:700; display:flex; align-items:center; gap: 6px; transition:0.28s;}
.allMgMenu > .mg_gnb > li h2 {font-size:18px; font-weight:700; gap: 6px; transition:0.28s;line-height: 30.6px;}
.allMgMenu > .mg_gnb > li a:hover {color:var(--color-basic-b);}
.allMgMenu > .mg_gnb > li .label1 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-basic-eb); background:var(--color-basic-m); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label2 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-basic-eb); background:var(--color-basic-m); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label3 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-basic-eb); background:var(--color-basic-m); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label4 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-basic-eb); background:var(--color-basic-m); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label5 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-basic-eb); background:var(--color-basic-m); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label6 {padding:2px 9px; font-size:var(--font-size_12); color:#fff; background:var(--color-basic-b); border-radius:50px; margin-top: -10px;}

/* 밑줄 */
.allMgMenu > .mg_gnb > li > a i {position:relative; z-index:100;}
.allMgMenu > .mg_gnb > li > a i:before {content:''; width:0; height:3px; background: var(--color-basic-b); position:absolute; bottom:-7px; left:0; transition:.3s;}
.allMgMenu > .mg_gnb > li > a:hover i:before {width:100%;}

.alertBtn {background:var(--color-basic-b); color:#fff; display:flex; padding:7px 20px; border-radius:50px; gap:14px; font-size:var(--font-size_15); font-weight:var(--font-sb);}
.alertBtn i img {display:block;margin-top:4px}

.allMgMenuArea {padding: 25px 20px ; background:#fff; box-shadow: 3px 15px 15px 0 rgba(0, 0, 0, 0.1); height:500px; position: absolute; left: 0; top: 126%; z-index: 2000; width: 100%; overflow-y:scroll; display:none; }
.allMgMenuAreaList {display:flex; flex-wrap:wrap; row-gap:50px;}
.allMgMenuAreaList > li {width:calc((100% - 20px*3)/4); margin-right:20px; border-right:1px solid rgba(0,0,0,0.1);}
.allMgMenuAreaList i {font-size:16px;font-weight:500}

.allMgMenuAreaList > li:nth-of-type(4n) {margin-right:0;}
.allMgMenuAreaList > li > h2 {font-size:var(--font-size_20); font-weight:var(--font-b); position:relative;}
.allMgMenuAreaList > li > h2 i {position:relative;}
.allMgMenuAreaList > li:hover > h2 i:after  { display:block;}
.allMgMenuAreaList > li > h2 i:after {position:absolute; content:''; width:10px; height:10px; background: var(--color-basic-b); border-radius:50%; right:-10px; top:-5px; display:none;}
.allMgMenuAreaList > li:hover h2 {transition:0.28s;}
.allMgMenuAreaList > li:hover h2 {color: var(--color-basic-b);}
.allMgMenuDepth02 {display:flex; flex-wrap:wrap; margin-top:10px;}
.allMgMenuDepth02 > li{width:48%; margin-top:20px;}
.allMgMenuDepth02 > li > a {display:block; width:100%; font-size:14px; font-weight:var(--font-m);}
.allMgMenuDepth02 > li > a:hover {color: var(--color-basic-b);}
.allMgMenuArea::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.allMgMenuArea::-webkit-scrollbar-thumb {height: 32px; /* 스크롤바의 길이 */background:  var(--color-basic-b); /* 스크롤바의 색상 */}
.allMgMenuArea::-webkit-scrollbar-track {}

@media (max-width:1279px){ /* 노트북까지 */
	.utilList li a {padding:0 5px;}
	.allMgMenu > .mg_gnb > li {padding:0 8px;}
	.allMgMenu > .mg_gnb > li span {display:none;}
	.searchBox {display:none;}
	.hdUtil {display:none;}
	.allGnbBtn {display:none;}
	.hdBot_rt {display:none;}
	.hdBot_lt {width:100%;justify-content: space-between;}
	.allMgMenu {width:100%;}
	.allMgMenu > .mg_gnb {width:100%; justify-content: space-between;}
	.hdBottom:after {display:block;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.hdLogo img { width: 150px; max-width: 150px}
	.allMgMenu {padding:0px 0;}
	.allMgMenu {overflow-x:auto; scrollbar-width: none;}
	.allMgMenu > .mg_gnb > li {width:200px;white-space: nowrap;}
	.allMgMenu > .mg_gnb > li a {font-size:14px;}
	.hdBottom {display:none;padding:13px 0;}
}

/* ------------------- city 셀렉트 */

.CitySelectForm {border-radius:18px; background:#fff; display:flex; gap:11px; justify-content:space-between; }
.CitySelectForm.main {padding:20px 25px 0px 25px; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); margin-top:-67px; }

.CitySelectFormUl {width:calc(100% - 230px); margin-right:11px; display:flex; gap:11px;padding-bottom:20px }
.CitySelectFormUl > li {width:100%; position:relative;}
.CitySelectFormUl > li:nth-of-type(2) {margin-right:0;}
.CitySelectFormUl.s {width:calc(100% - 130px);} /* 사이드가있을경우 축소*/
.CitySelectFormUl.full {width:100%; margin-right:0px;} /* 검색버튼 없는 full*/

.CitySelectList {display:none; position:absolute; left:0; top:100%; width:100%; border:1px solid #ebebeb; border-radius: 0 0 20px 20px; background:#fff; z-index:20;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); padding:12px 0px 12px 0px;}
.CitySelectList > li {display:flex; gap:5px; font-size:var(--font-size_16); font-weight:var(--font-r); padding:10px; cursor:pointer; } 
.CitySelectList > li:hover {color:var(--color-basic-b);}
.CitySelectList h2 {font-size:var(--font-size_16); font-weight:var(--font-b); padding:10px;}
.schListSpan01 {min-width:24px; font-weight:var(--font-m);}

.CitySelectBox {position:relative; width:100%; cursor:pointer;}
.CitySelectBox i {position:absolute; right:28px; top:50%; transform:translateY(-50%);}
.CitySelectBoxInput {width:100%; border:none; height:100%; background:#f5f5f5; border-radius:5px; padding:20px 89px 20px 20px; text-align:right;  font-weight:var(--font-b);}
.CitySelectBoxInput::placeholder {text-align:left; font-size:var(--font-size_17); color:#a4a4a4; font-weight:var(--font-r);} 

.CitySelectBoxInputMo {width:100%; border:none; height:100%; border-radius:5px; padding:18px 20px; position:relative; border:1px solid #ebebeb; background:#fff; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); }
.CitySelectBoxInputMo::placeholder {color:#b6b6b6; font-weight:var(--font-m);}

.CitySelectListBox {display:flex;}
.CitySelectListTabs {width:130px; height:400px; overflow-y: scroll; text-align:center;} /* 왼쪽탭, 서울,경기,인천,경남...*/
.CitySelectListTabs > li.tab-link.current {background:#fff;}
.CitySelectListTabs > li { font-weight:var(--font-m); padding: 12px 25px; background:#f5f5f5; cursor:pointer; transition:0.28s; }
.CitySelectListTabs > li:hover {background:#fff;}

.CitySelectContent   { font-weight:var(--font-m); width:calc(100% - 40px); padding:12px 25px;height:400px; overflow-y: scroll;}
.CitySelectContent02 { font-weight:var(--font-m); width:100%; padding:12px 25px;} /* 우측박스 */

.CitySelectContentTabUl {all:unset;}
.CitySelectContentTabUl {display:flex; flex-wrap:wrap; row-gap: 25px; padding: 8px 0 0px 0}
.CitySelectContentTabUl > li {width:100%;text-align:center; cursor:pointer;}
.CitySelectContentTabUl > li span {transition:0.28s;}
.CitySelectContentTabUl > li:hover span {color: var(--color-basic-b);}
.CitySelectContentTabUl.width49 > li {width:49.99%;}
.CitySelectContentTabUl.width24 > li {width:24.99%;}
.CitySelectFormUl.s .CitySelectContentTabUl > li {width:100%;}
.CitySelectFormUl.s .CitySelectContentTabUl.width49 > li {width:49.99%;}
.CitySelectFormUl.s .CitySelectContentTabUl.width24 > li {width:24.99%;}

.CitySelectContentTab {display:none;}
.CitySelectContentTab.current {display:block;}

.CitySelectContentTab02 {display:none;}
.CitySelectContentTab02.active {display:block;}

.CitySelectFormBtn  {width:230px; height:60px; border-radius:15px; background:var(--color-basic-eb); color:#fff; font-size:var(--font-size_17); font-weight:var(--font-b);}
.CitySelectFormBtn.s {width:130px;}

@media (max-width:1279px){ /* 노트북까지 */
	.CitySelectForm {flex-wrap:wrap;}
	.CitySelectForm_main {flex-wrap:wrap;margin-top:17px;padding-bottom:20px;box-shadow: -1px 1px 15px 0 rgba(0, 0, 0, 0.1);}
	.CitySelectFormUl   {flex-wrap:wrap; width:100%; margin-right:0;padding-bottom:10px}
	.CitySelectFormUl.s {width:100%;}
	.CitySelectFormUl.s .CitySelectContentTabUl > li {width:49.99%;}
	.CitySelectFormBtn   {width:100%; height:40px;}
	.CitySelectFormBtn.s {width:100%; height:40px;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.CitySelectContentTabUl.width24 > li {width:32.99%;}
	.CitySelectFormUl.s .CitySelectContentTabUl.width24 > li {width:32.99%;}

	.CitySelectBoxInputMo {font-size:16px;font-weight:var(--font-m);}
	.CitySelectFormBtn {margin-bottom:20px}
	.CitySelectBoxInput {padding:10px 89px 10px 20px;}
}


@media (max-width: 767px) {  /* 모바일이하 */
	.CitySelectListTabs {width:110px;}
}

@media (min-width: 480px) { /* 480px 이상 */

	.CitySelectContentTabUl > li {width:49.99%;} /* 가로갯수2개로 늘려줌*/

}

@media (max-width: 479px) { /* 479px 까지 */
	.CitySelectFormUl.s .CitySelectContentTabUl.w100 > li {width:100%;}
}

.placeHo {font-size:18px; font-weight:var(--font-r); color: var(--color-gray); position:absolute; left:28px; top:50%; transform:translateY(-50%);}


/* ------------------- 스토어리스트 */

.msInfo {position:absolute; left:0; bottom:0; background:rgba(0,0,0, .5); color:#fff; width:100%; padding:14px; z-index:30;}
.msInfo01 span {font-size:var(--font-size_16); font-weight:var(--font-b);}
.msInfo01 p { font-weight:var(--font-m); display:flex; align-items:center; justify-content: space-between; margin-top:5px;}

.ms03Swip .swiper-wrapper {padding:0;margin:0}
.ms03Swip .swiper-wrapper .swiper-slide figure {border-radius:15px; overflow:hidden; position:relative;}
.ms03Swip .swiper-wrapper .swiper-slide figure:hover > img {transform:scale(1.1);} 

/* 신규리스트 이미지 비율*/
.ms03Swip .swiper-wrapper .swiper-slide figure img {width:100%; height: auto; aspect-ratio: 300 / 200; object-fit: cover; transition:0.28s; }
.ms03Swip .swiper-wrapper .swiper-slide figure .msInfo { position: absolute; left: 0;  bottom: -100%; /* 처음에 보이지 않게 설정 */  background: rgba(0, 0, 0, 0.5);   color: #fff; width: 100%;  padding: 0px 14px 10px 14px; transition: bottom 0.5s ease; /* 부드러운 애니메이션 */}
.ms03Swip .swiper-wrapper .swiper-slide:hover figure .msInfo {bottom: 0; /* hover 시 위로 올라오게 설정 */}

/*mainSection04*/
.ms04List {letter-spacing:-0.04em; font-size:0; }
.ms04List li { overflow: hidden; border: 2px solid #f4f4f4  ; transition: 0.5s; box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.04); cursor: pointer; border-radius: 10px;padding: 10px 15px }
.ms04List.cols4 li {width:calc((100% - 24px*3)/4); margin-right:24px; display:inline-block; vertical-align:top; }
.ms04List.cols5 li {width: calc((100% - (24px * 4)) / 5); margin-right:24px; display:inline-block; vertical-align:top; }
.ms04List li figure {position:relative; overflow:hidden; text-align:center}
.ms04List li figure .msInfo { position: absolute; left: 0;   /* 처음에 보이지 않게 설정 */  background: rgba(0, 0, 0, 0.5);   color: #fff;   padding: 5px 14px 7px 14px; transition: bottom 0.5s ease; /* 부드러운 애니메이션 */}
.ms04List li:hover figure .msInfo {bottom: 0; /* hover 시 위로 올라오게 설정 */}
.ms04List li:hover .msInfo{}
.ms04List li figure img {max-width: 80%; transition:0.28s;}

/* 추천리스트 이미지 비율*/
.ms04List li figure {}
.ms04List li figure img.thumb-img {width:100%; height: auto; aspect-ratio: 300 / 100; object-fit: cover; transition:0.28s; }
.ms04List li figure:hover > img {transform:scale(1.1);}
.ms04List.cols4 li:nth-of-type(4n){margin-right:0;}
.ms04List.cols4 li:nth-of-type(n + 5){margin-top:27px;}

.ms04List.cols5 li:nth-of-type(5n){margin-right:0;}
.ms04List.cols5 li:nth-of-type(n + 6){margin-top:27px;}

.ms04TitBox {display:flex; gap:8px; padding:4px 0 8px 0px;}
.ms04Tit {font-size:var(--font-size_17); font-weight:var(--font-b); white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  }
.ms04Num {font-size:var(--font-size_15); font-weight:var(--font-b); color:#ff0000; display:block;}
.ms04Cate {position:absolute; top:9px; right:9px; width:70px; height:50px; text-align:Center; line-height:50px; border-radius:15px; background:#00d4fa; color:#fff; font-size:var(--font-size_11); font-weight:var(--font-m);}

@media (max-width:1279px){ /* 노트북까지 */
	.ms04List {flex-wrap:wrap;}
	.ms04List.cols4 li {width:calc((100% - 24px)/2); margin-right:24px; display:inline-block; vertical-align:top;}
	.ms04List.cols4 li:nth-of-type(2n){margin-right:0;}
	.ms04List.cols4 li:nth-of-type(n + 3){margin-top:24px;}

	.ms04List.cols5 li {width:calc((100% - 24px)/2); margin-right:24px; display:inline-block; vertical-align:top;}
	.ms04List.cols5 li:nth-of-type(2n){margin-right:0;}
	.ms04List.cols5 li:nth-of-type(n + 3){margin-top:24px;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.ms04List.cols4 li {width:calc((100% - 13px)/2); margin-right:13px; display:inline-block; vertical-align:top;}
	.ms04List.cols4 li:nth-of-type(2n){margin-right:0;}
	.ms04List.cols4 li:nth-of-type(n + 3){margin-top:35px;}

	.ms04List.cols5 li {width:calc((100% - 13px)/2); margin-right:13px; display:inline-block; vertical-align:top;}
	.ms04List.cols5 li:nth-of-type(2n){margin-right:0;}
	.ms04List.cols5 li:nth-of-type(n + 3){margin-top:35px;}

	.ms04Tit {font-size:16px;}
	.ms04Num {font-size:14px;}
}

@media (min-width: 768px) { /* 모바일이상 */
.msInfo02 {display:flex; align-items: flex-end;justify-content: space-between; }
}

.msInfo01 p i {color:#00d4fa;}
.msInfo02 { margin-top:10px;}

.msInfo02 span{ font-weight:var(--font-m);  text-align:right;}
.msInfo02 p {display:flex; gap:5px; align-items:center; font-weight:var(--font-eb); color: var(--color-basic-b); font-weight: var(--font-eb); }
.msInfo02 p span { display: inline-block;  padding: 0px 5px;   background:  var(--color-basic-b); border-radius: 5px;  color:#fff; font-size:var(--font-size_16) ;}

.deRatingWrap {display:flex; margin-top:5px;justify-content: center; align-items:center; }
.deRatingList {display:flex; gap:13px; padding:0px 0 5px 0; }
.deRatingList li {display:flex; align-items:center; gap:3px;}
.deRatingList li img {display:block;}
.deHeartRating_wrap {display:flex; align-items:center; gap:2px; padding-top:2px}
.mo_heartBtn {display:none;}

.deStarTotal {display:flex; align-items: center;}
.deStarTotal span { font-weight:var(--font-sb);margin-left:3px}

.dePart span {color:#999; font-weight:var(--font-sb);}

.deLocatInfo {display:flex; align-items:center; gap:4px;}
.deLocatInfo span { font-weight:var(--font-sb);}

.deHeartInfo {display:flex; align-items:center; gap:4px; padding-right:2px}
.deHeartInfo span { font-weight:var(--font-sb); color:#999;}

.deHeartPart span { font-weight:var(--font-sb); }

.new_detail_list {width:100%;}
.new_detail_list li {
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
    border-radius: 20px; 
    overflow: hidden; 
    padding: 10px; 
    box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.1); 
    border: 1px solid var(--color-gray-el);
}
.new_detail_list li + li {margin-top:20px;}
.new_detail_list li figure {width:180px;margin-bottom:0px; display: flex;  align-items: center; flex-shrink: 0;}
.new_detail_list li figure img {width:180px; height:60px; border-radius: 15px; object-fit: cover;}
.new_detail_list li .new_detail_info_wrap { flex: 1; min-width: 0; display:flex; align-items:center; justify-content:space-between; width:100%; padding: 1px 20px 15px 30px;}
.new_detailDesc {margin-bottom:0px;flex-wrap: nowrap;}
.new_detailDesc h3 {letter-spacing: -0.02em;}
.new_detailDesc span {display: block;}
.nd_info01 {display: flex;gap: 8px;align-items: center; padding-top:3px}

@media (max-width:1279px){ /* 노트북까지 */
	.deRatingList {flex-wrap:wrap;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.deRatingWrap {margin-top:0px; }
	.deRatingList {padding-bottom:0; gap:5px}
	.deRatingList li + li {border-top:1px solid #f2f2f2;}
	.deRatingList li:nth-of-type(n+3){padding-top:15px;}

	.new_detail_list li {padding:0px; border-radius: 15px; box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.1);}
	.new_detail_list li + li {margin-top:10px;}
	.new_detail_list li figure {width:100px;}
	.new_detail_list li figure img {width:150px; height:50px;}
	.new_detail_list li .new_detail_info_wrap{padding:1px 10px 0px 63px;}
	.new_detailDesc {}
}


/* ------------------- side */

/*stickBox*/
#stickyBox {width:339px; position:relative;}
.sticky_content {width:339px;margin-bottom:20px}
.stickTitBox { margin-bottom:20px}
.stickTit { font-weight:var(--font-b);}
.shopAddBox {padding:15px 0;}
.shapAdd {width:100%; padding:23px 0; color:#fff; font-size:var(--font-size_18); font-weight:var(--font-b); display:flex; align-items:center; background: var(--color-basic); border-radius:15px; justify-content:center; gap:16px;}
.shapAdd i img {display:block;}

.stick_list {padding:15px 0; border-bottom:1px solid #000;}
.stListWrap {display:flex; justify-content:space-between; position:relative; cursor:pointer;}
.stListbox h2 {font-size:var(--font-size_16); font-weight:var(--font-b);}
.stListboxDepth02 {display:none; width:100%; font-size:var(--font-size_15); font-weight:var(--font-m); padding:10px 0;}
.stListboxDepth02 li {padding:5px 0;}

.stick_comu {padding:30px; border:1px solid #e2e6ec; border-radius:15px;  }
.stick_comu ul li {padding: 9px 0;}
.stick_comu ul.comu__02 {padding:25px 0; margin-top:30px;   border-top:1px solid #e2e6ec;}
.stick_comu ul.comu__03 {padding:25px 0;  border-top:1px solid #e2e6ec;padding-bottom: 0;}
.stick_comu ul.comu__03 h3 a {color:#000; font-size: var(--font-size_18); font-weight: var(--font-sb);}
.stick_comu ul.comu__03 h3 + h3{padding-top:18px;}
.stick_comu ul.comu__04 figure img {width:100%;}
.stick_comu ul.comu__area{display: flex;flex-wrap: wrap;padding-bottom: 0;}
.stick_comu ul.comu__area2{display: flex;flex-wrap: wrap;padding-bottom: 0;}
.comu__area>li{width: 50%;}
.comu__area2>li{width: 50%;}
.comu__area>li:first-child{width: 100%;}

.comu_tit {font-size:18px; font-weight:var(--font-sb);}
.comu_link {color:#777;  font-weight:var(--font-sb); transition:0.28s;}
.comu_link:hover {color:var(--color-basic);}

.newPost {display:inline-block;font-size:var(--font-size_14); color: var(--color-basic-b); font-weight:var(--font-eb); margin-left:8px;}

.comSearchListSm {display:none; position:absolute; left:0; top:100%; width:100%; height:300px; border-radius: 0 0 20px 20px; background:#fff; z-index:20;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); padding:12px 20px 12px;     overflow-y: scroll;}
.comSearchListSm h2 {font-size:var(--font-size_16); font-weight:var(--font-b); padding:10px;}
.comSearchListSm > li {display:flex; gap:5px; font-size:var(--font-size_16); font-weight:var(--font-r); padding:10px; cursor:pointer; } 

.stListboxDepth02 li {display:flex; justify-content:space-between; }
.stListboxDepth02 li a {transition:0.28s;}
.stListboxDepth02 li:hover a {color: var(--color-basic);}

.stListAdd {display:flex; align-items:center; gap:3px;}
.stListAdd img {width:20px;}

@media (max-width:1279px){ /* 노트북까지 */
	#stickyBox {display:none;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.comSearchListSm h2 {font-size:16px;}
	.comSearchListSm > li {font-size:14px;}
}

.side05list {display:flex; flex-wrap:wrap; gap: 10px;}
.side05list li {width:100%;  margin:0 auto; padding:20px 20px 20px 20px; border-radius:15px;}
.side05list li:nth-of-type(1) {background:#ddf7fb;}
.side05list li:nth-of-type(2) {background:#d9faf5;}
.side05list li:nth-of-type(1) .side05content p {color:var(--color-basic-b);}
.side05list li:nth-of-type(2) .side05content p {color:#00a78e;}

.side05content {display:flex; align-items:center; gap:15px;}
.side05content span {font-size:var(--font-size_18); font-weight:700}
.side05content span b {color:#718c88; font-size:var(--font-size_14); font-weight:500;}
.side05content p {font-size:20px; font-weight:700; margin-top:5px;}


/* ------------------- 마가 일반,썸네일,겔러리 기본리스트 */


/* ------------------- 매니저 */

.managerTable {width: 100%; border-collapse: separate; /* 테이블 셀 간의 간격 허용 */border-spacing: 0 9px; color:#303741; }
.managerTable thead {background: #f5f7fa;}
.managerTable thead tr th {padding: 20px; text-align:center; font-weight: var(--font-sb);}
.managerTable thead tr th:first-child {border-radius: 15px 0 0 15px;}
.managerTable thead tr th:last-child {border-radius: 0 15px 15px 0; }
.managerTable tbody tr {border: 1px solid #d2d8e0; border-radius: 15px;background: #fff; margin-top:9px;}
.managerTable tbody tr td { padding: 20px 15px; text-align:center; font-weight: var(--font-m); vertical-align: middle;border-top: 1px solid #d2d8e0; border-bottom: 1px solid #d2d8e0; /* 테두리 색상 적용 *//*max-width: 311px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;*/ }
.managerTable tbody tr td:first-child { border-radius: 15px 0 0 15px;  border-left: 1px solid #d2d8e0;}
.managerTable tbody tr td:last-child {border-radius: 0 15px 15px 0;   border-right: 1px solid #d2d8e0;}

.manageBtn {display:flex; align-items:center; gap:6px; letter-spacing:-0.02em; color: var(--color-gray-m); font-weight:var(--font-m);}
.manageBtn .manageHeart_c {display:none;}
.manageBtn .manageHeart_b {display:block;}
.manageBtn.on .manageHeart_b {display:none;}
.manageBtn.on .manageHeart_c {display:block;}
.manageFavor.on {color: var(--color-basic-b);}
.mangerLive {color:#f45858; font-size:var(--font-size_13); font-weight:var(--font-b); padding:5px ; border-radius:15px; background:#ffebeb;}
.mangerLive_mg {color:#fff; font-size:var(--font-size_12); font-weight:var(--font-b); padding:2px 6px 2px 4px ; border-radius:15px; background:var(--color-basic);font-style: italic;}
.mangerLive_mg {vertical-align: 2px;}

@media (max-width:1279px){ /* 노트북까지 */
	.managerTable {width: 100%;min-width:770px;}
	.managerTable thead tr th:first-child {border-radius: 15px 0 0 15px;padding-left: 20px;}
	.managerTable thead tr th:last-child {border-radius: 0 15px 15px 0; padding-right: 20px;}
	.managerTable tbody tr td:first-child {padding-left:20px;}
	.managerTable tbody tr td:last-child {padding-right:20px;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.managerTable thead tr th {font-size:14px;}
	.managerTable tbody tr td  {font-size:13px;}
}

.managerList {font-weight: var(--font-sb);}
.managerList {text-align:center;}
.managerList li { border-radius:15px; border: 1px solid #d2d8e0; padding:15px; margin-bottom:10px;}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
.managerList li { padding:10px 10px 10px 13px;}
}


/* ------------------- footer */

.mg_footer {padding:30px 0; background:#f7f9fa; margin-top:0px;}
.ft_wrap {display:flex; justify-content:space-between;}
.ft_rt {position:relative;}
.top_btn {position:absolute; right:0; bottom:0;}
.ftTop { display:flex; justify-content:space-between; gap:9px;}
.ftLinkBox {display:flex; gap:9px;}
.ftUtill {display:flex; gap:18px; margin-top:25px;}
.ftUtill a {display:block; font-size:var(--font-size_14); font-weight:var(--font-sb); color:#888f95; }
.ftInfo p {line-height:1.71em; color:#a4acb3; font-size:var(--font-size_14); font-weight:var(--font-r); margin-top:25px;}
.ftInfo p i {margin-right:20px;}
.ftCopy {margin-top:25px; display:flex; justify-content:space-between; align-items:end;}
.ftCopy p {color:#a4acb3; font-size:var(--font-size_14); font-weight:var(--font-r);}

@media (max-width:1279px){ /* 노트북까지 */
	.ft_wrap {flex-wrap:wrap; gap:30px;}
	.ft_lt {width:100%;}
	.ft_rt {width:100%;}
	.top_btn {display:none;}
}


@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.ftUtill {padding:15px 0; margin:0; border-bottom:1px solid #eaeced; gap:12px; flex-wrap:wrap;}
	.ftUtill a {font-size:12px;}
	.ftInfo p {margin-top:15px;}
	.ftInfo p i  {margin-right:16px;}
	.mg_footer {padding:30px 0 }
	.ft_logo img {width: 50%; height: auto;}
	.ftTop {flex-wrap:wrap;}
	.ftInfo p {line-height:1.85em;}
}

/* ------------------- 구인썸네일형태 리스트*/

.tab-content ul.de_con li{display:flex; width: 100%;}
.tab-content ul.de_con li + li {margin-top:20px;}
.tab-content ul.de_con li dl {display:flex; }
.tab-content ul.de_con li dl dt {width:130px; }
.tab-content ul.de_con li dl dd {width:calc(100% - 130px);}



.recruit_box {display:flex;}
.recruit_box li {width:50%; font-weight: 400;}
.recruit_box li p + p {margin-top:20px;}
.recruit_box li p i {display: inline-block; width:100px; margin-right:40px;}
.recruit_box li p b {}

@media screen and (max-width: 1080px){
.tab-content ul li dl dt {width:90px;}
}


@media (min-width: 768px) {  /* 모바일화면 이상 */

	.recruit_box.bg { background: var(--color-gray-th) }

	.tab-content .profile .de_con li + li { margin-top: 20px; /* 간격을 20px에서 30px로 확대 */ }
	.profile .de_con li dl dt, 
	.profile .de_con li dl dd {
		font-size: 18px; /* 글씨 크기 확대 (기본보다 크게) */
		line-height: 1.8; /* 가독성을 위해 줄간격 추가 */
	}

}

@media screen and (max-width: 767px){
	.tab-content ul {}
	.tab-content ul.de_con li dl dt{width:80px;}
	.tab-content ul.de_con li dl dd {width:calc(100% - 60px);}
	.tab-content ul.de_con li + li {margin-top:10px;}
	.tab-content ul.de_con li {flex-wrap:wrap;}	
	.tab-content ul.de_con li + li {margin-top:0px;}	
	.tab-content ul.de_con li dl {width:100%; margin-top:15px;}	
	.tab-content ul {flex-wrap:wrap;}	

	.recruit_box li p b {margin-left:10px;}
	.recruit_box li p + p {margin-top:15px;}
	.recruit_box li {width:100%; margin-top: 0px;}
	.recruit_box li:nth-child(2) {margin-top: 40px;}
	.recruit_box li p i {margin-right:20px;}
}

.tab-content ul.de_con.half-layout li { flex-wrap: wrap;}
.tab-content ul.de_con.half-layout li dl {
    display: flex;
    width: 50%;
}

@media (max-width: 767px) {
    .tab-content ul.de_con.half-layout li dl {
        width: 100%; 
    }
}

/* 하단 광고관리 영역 내부의 li 스타일 리셋 */
.bottom_area .recruit_box li {
    display: block !important;    /* flex 해제 (필요시) */
    width: 100% !important;
    border: none !important;      /* 테두리 제거 */
    box-shadow: none !important;  /* 그림자 제거 */
    padding: 0 !important;        /* 여백 초기화 */
    border-radius: 0 !important;  /* 라운드 제거 */
    overflow: visible !important;
}

/* ------------------- 나리야용 */

#memberOffcanvas .offcanvas-title .btn-member { display:none; z-index:90; }
#menuOffcanvas   .offcanvas-title .btn-menu   { display:none; }
#newOffcanvas    .offcanvas-title .btn-new    { display:none; }
#notiOffcanvas   .offcanvas-title .btn-noti   { display:none; }


/* partner 버튼*/

.add_sec04_cate .sec04_cate_list {display:flex; margin-bottom:10px; flex-wrap: wrap; gap: 1px;}
.sec04_cate_list li.on a {border-color: var(--color-basic); background: var(--color-basic); color:#fff;}
.sec04_cate_list li {margin-right:5px;margin-bottom:5px;}
.sec04_cate_list li a {display:block; padding:10px; border-radius:10px; border: 1px solid var(--color-gray-l); font-weight:500;}