@charset 'utf-8';
@import url('base.css');
@import url('layout.css?ts=2212231601');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}
nobr {  display: block; width:99%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden }
/* HOME */
@keyframes visual { 0% { opacity: 0; width:0; } 100% { opacity: 1; width: 100%; } }

div#contents div.visual{ position: relative;  display:block; width:100%; max-height:170px; background: url('../images/bg.png') no-repeat; background-size:cover;  /*padding:2% 0;*/  border-radius:8px; /*margin-top:10px*/  }
div#contents div.visual > a{display:block; height:100%; display:flex; justify-content:center; align-items:center; padding:0 3%;}/*25.04.21 추가, 이미지가 커짐에 따라 영역밖으로 나가는 현상 수정*/
div#contents div.visual > a img{display: block; width: 443px;}/*25.04.21 추가, 이미지가 커짐에 따라 영역밖으로 나가는 현상 수정*/
div#contents div.visual  div.visualImg { display:block; text-align:center;  vertical-align: middle;}
div#contents div.visual  div.visualImg a { display:block; width:100%; height:auto; }
div#contents div.visual div.control { position: absolute; bottom:15px; left:50%; transform: translate( -50%); }
div#contents div.visual div.control a { display:inline-block; width:13px; height:13px; background:#D8D8D8; text-indent:-1000em; font-size:0px; border-radius:13px;  border:1px solid #fff }
div#contents div.visual div.control a.on {  background:#0057AA;  }

div#contents div.best {
	margin: 20px 0 20px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}
div#contents div.best  div.title { font-size:18px; font-weight:600; padding-left:25px; background: url('../images/arrow.svg') 0 6px no-repeat ; margin-bottom:10px }
div#contents div.best  ul {  display: flex; flex-wrap: wrap; width: calc(100% + 4% );   }
div#contents div.best  ul li, .bestBox { width: calc(100% / 3 - 4%); height: 190px; /*margin: 0 4% 40px 0%;*/  }
div#contents div.best  ul li:nth-child(1), .bestBox:nth-child(1) { margin-left:0% }
div#contents div.best  ul li a span.thumb, .bestBox .thumb { display:block; width:100%; height:158px;  border-radius: 8px; border:1px solid #e5e5e5;  }
div#contents div.best  ul li a span.utongName, .bestBox .utongName {  display:block;  font-size:14px; color:#666; text-align:center; margin:10px 0 -3px }
div#contents div.best  ul li a span.company, .bestBox .company {  display:block;  font-size:18px; color:#333; text-align:center; font-weight:600 }
div#contents div.best  ul li a:hover span.thumb, .bestBox .thumb {  border:1px solid #0057AA }
.bestBox .thumb{
	background-position: top !important;
}


/*div#contents div.best  ul{  display: flex; flex-wrap: wrap; width: calc(100% + 3% );  padding: 25px 0 0;  }
div#contents div.best  ul li{ width: calc(100% / 3 - 3% ); height: 254px;  }
div#contents div.best  ul li:nth-child(1) {  }
div#contents div.best  ul li a span.thumb { display:block; width:100%; height:158px;  border-radius: 8px; border:1px solid #e5e5e5;  }
div#contents div.best  ul li a span.utongName {  display:block;  font-size:14px; color:#666; text-align:center; margin:10px 0 -3px }
div#contents div.best  ul li a span.company {  display:block;  font-size:18px; color:#333; text-align:center; font-weight:600 }
div#contents div.best  ul li a:hover span.thumb {  border:1px solid #0057AA }
*/

/* div.listArea ul { margin:5% 0} */
div.listArea ul li { display:block; border-bottom:1px solid #e5e5e5; padding:10px 0; display: flex; justify-content: space-between; align-items: center;/*display: flex; justify-content: space-between; */} /*25.04.21*/
div.listArea ul li div.info { display:inline-block; width:60%; margin-right:-5px; vertical-align: top;  }
div.listArea ul li div.info span.area {text-align:left;  font-size:12px; color: #888; width:90%;/* height:34px; line-height:34px; border-radius: 8px; background:#E8E8E8;*/} /*25.04.22*/
div.listArea ul li div.info span.area > span{display:flex; justify-content: flex-start; align-items: center; gap: 5px; padding: 0; width: 90%; white-space: nowrap;} /*25.04.29*/
div.listArea ul li div.info span.area > span > span{
	
	min-width: 18px;
	height: 18px;
}
div.listArea ul li div.info span.area > span > span img{
	min-width: 18px;
	height: 18px;
}
div.listArea ul li div.info div.companyInfo01 { display:block; width:100%;}
div.listArea ul li div.info div.companyInfo01 a span.company { float:left; font-size:18px; font-weight:600; margin: 12px 0 2px 0; line-height: 20px;}
div.listArea ul li div.info div.companyInfo01 span.room { float:right; padding:3px 20px; border:1px solid #e5e5e5; border-radius: 8px; }
div.listArea ul li div.info div.desc { display:block; clear:both; font-size: 14px;}
div.listArea ul li div.info div.desc span {  display: block; width:90%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden  }
div.listArea ul li div.info div.companyInfo02 { display:flex; flex-direction: column; width:100%; margin:15px 0 0 0;}/*25.04.22 margin값 5-> 20 조정*/
div.listArea ul li div.info div.companyInfo02 span.phone { /*float:left;*/ display: inline-block; font-size: 16px; line-height: 20px; margin-bottom: 2px;}
/* div.listArea ul li div.info div.companyInfo02 span.distance { float:right; padding:3px 20px; background:#FFE600; border-radius: 8px; }  25.04.22 노랑색 제거*/
div.listArea ul li div.info div.companyInfo02 span.distance {font-size: 14px; color: #666;}
div.listArea ul li div.product { display:inline-block;  width:31%; margin-left:0px;vertical-align: top; min-width: 120px;}/*25.04.21 margin-right: 3%; 삭제*/
div.listArea ul li div.product a span.thumb { display:block; width:100%; height:100px; border-radius: 8px; background-size:cover; background-position: top !important; /*border:1px solid #e5e5e5;*/}/*25.04.28 테두리 제거*/
div.listArea ul li div.productMap { display:inline-block;  width:31%; margin-right:-5px; margin-left:3%;vertical-align: top;  }
div.listArea ul li div.productMap a span.thumb { display:block; width:100%; height:132px; border:1px solid #e5e5e5;   border-radius: 8px; background-size:cover}
/* div.listArea ul li:nth-child(even) { background:#F3F4F6 } *//* 25.04.21 */
div.listArea button { display:block; font-size:18px; color:#fff; width:256px; height:60px; background: #005AA6 url('../images/plus.svg') no-repeat center right 20% ;  text-align:left; padding-left:50px; border-radius: 60px; margin:0 auto 7%  }

div.mapArea div.mapClose a{ display:block; margin:0 auto; width:10%; height:4px; background:#535353; border-radius: 4px; margin-top:10px; display: none; }


div#contents div.search  div.box { width:983px; margin:0 auto; }
select.select01 { width: 160px; margin-right:10px; margin-left:40px }
select.select02 { width: 214px; margin-right:10px}
select.select03 { width: 389px; margin-right:10px; margin-left:40px }
input {padding: 0 20px;  border: 1px solid #ccc; border-radius: 100px;  background-color: white; font-size: 16px; width:405px;  height:40px;  margin-right:10px }
select:hover {    border-color: #888;}
select:focus {    border-color: #555;    outline: none;}
div#contents div.search  div.control { display:inline-block; vertical-align: top;  }
div#contents div.search  div.control button { display: block;  width: 90px; border: 0;  background: #0168b7 url('../images/searchBt.svg') no-repeat center / auto 50%;    color: #FFF;   height: 50px;   border-radius: 50px; font-size:0px; }
div#contents div.search  div.control button:hover {  background: #002A4D url('../images/searchBt.svg') no-repeat center / auto 50%;    color: #FFF;   }



/*업체상세*/
div#contents div.companyDetail {  }
div#contents  div.titleBig { clear:both; display:block; margin:10px 0}
div#contents  div.titleBig span { font-size:2rem; font-weight:600 }
div#contents div.companyDetail  div.detailInfo {}
div#contents div.companyDetail  div.detailInfo div.companyPhoto { vertical-align: top; display:block;  width:100%; margin-bottom:20px}
div#contents div.companyDetail  div.detailInfo div.companyPhoto span.thumb { display:block; width:100%; height:364px; border:1px solid #e5e5e5; border-radius: 8px; background-position: top !important;}

div#contents div.companyDetail  div.detailInfo div.info { vertical-align: top;  display:block;  width:100%  }
div#contents div.companyDetail  div.detailInfo div.info table { border-top:1px solid #e5e5e5;  }
div#contents div.companyDetail  div.detailInfo div.info table tr th { height:45px; border-bottom:1px solid #e5e5e5; text-align:left; width:68px; background: url('../images/detailLine.svg') right 16px no-repeat  }
div#contents div.companyDetail  div.detailInfo div.info table tr th.heightUp { min-height:78px; height:78px;  vertical-align: top; padding-top:10px }
div#contents div.companyDetail  div.detailInfo div.info table tr td { height:45px; border-bottom:1px solid #e5e5e5; text-align:left; padding:10px 0 10px 10px }
div#contents div.companyDetail  div.detailInfo div.info table tr td.heightUp { min-height:78px; height:78px;  vertical-align: top; padding:10px 0 10px 10px }
div#contents div.companyDetail  div.detailInfo div.info div.buttonArea { text-align:center }
div#contents div.companyDetail  div.detailInfo div.info button { margin:20px 5px 0 0;  border:1px solid #e5e5e5; border-radius: 8px; background:#F3F4F6 }
div#contents div.companyDetail  div.detailInfo div.info button.recommend { width:100px; height:54px;  background:#0057AA  }
div#contents div.companyDetail  div.detailInfo div.info button.qa { width:100px; height:54px;   }
div#contents div.companyDetail  div.detailInfo div.info button.addView { width:150px; height:54px;   }
div#contents div.companyDetail  div.detailInfo div.info button span { font-size:18px; font-weight:600  }
div#contents div.companyDetail  div.detailInfo div.info button.recommend span { color:#fff }
div#contents div.companyDetail  div.detailInfo div.info button:hover {  background:#013B73 }
div#contents div.companyDetail  div.detailInfo div.info button:hover span { color:#fff }

/*판매제품*/
div#contents div.companyDetail  div.title { font-size:18px; font-weight:600; padding-left:25px; background: url('../images/arrow.svg') 0 6px no-repeat ; margin:60px 0 10px }
div#contents div.companyDetail  ul{  display: flex; flex-wrap: wrap; width: calc(100% + 4% );    }
div#contents div.companyDetail  ul li{ width: calc(100% / 3 - 4%); height: 184px; margin: 0 4% 40px 0%;  }
div#contents div.companyDetail  ul li:first-child { margin-left:0px }
div#contents div.companyDetail  ul li a {}
div#contents div.companyDetail  ul li a span.thumb { display:block; width:100%; height:158px; border-radius: 8px; border:1px solid #e5e5e5; background-position: top !important; }
div#contents div.companyDetail  ul li a span.utongName { display:block;  font-size:18px; color:#333; text-align:center; font-weight:600; margin:10px 0 -3px   }
div#contents div.companyDetail  ul li a span.company { display:block;  font-size:14px; color:#666; text-align:center;  }
div#contents div.companyDetail  ul li a:hover span.thumb {  border:1px solid #0057AA }
div#contents div.companyDetail  button.more { display:block; width:255px; height:70px; background:#FFE600; font-weight:600; font-size:18px; margin:20px auto 80px;  border-radius: 8px; }
div#contents div.companyDetail  button.more:hover { background:#013B73; color:#fff }
div#contents div.companyDetail  ul li a span.utongName1 { display:block;  font-size:14px; color:#666; text-align:center;  margin:10px 0 -3px}
div#contents div.companyDetail  ul li a span.company1 {   display:block;  font-size:18px; color:#333; text-align:center; font-weight:600;  }
div#contents div.companyDetail div.next { position: absolute;  top:25%; right:2% }

/*여기에 유통 입점*/
div#contents div.storeEntry { color: #000;; }
div#contents div.storeEntry  div.entryTitle { text-align:center; margin:15px 0 6px 0 }
div#contents div.storeEntry  div.entryTitle span { font-size:2em; font-weight:600  }
div#contents div.storeEntry  div.entry {  border-radius: 8px; padding:3% 0; /*background:#F3F4F6;*/ display: flex; align-items: center; justify-content: center; text-align:center; font-size:14px;  }
div#contents div.storeEntry  div.plan { margin-top:14px }
div#contents div.storeEntry  div.plan div.box { display:block; width:100%; height:auto; border:1px solid #e5e5e5; margin-bottom:30px; vertical-align: top; padding: 27px 17px 32px; border-radius:8px;  }
div#contents div.storeEntry  div.plan div.box div.titlePrice { display:inline-block; width:100%; margin-right:-5px; margin-bottom: 20px;  }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title { font-size:20px; font-weight:600  }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title span { display:inline-block; font-size:14px; color:#888888 }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.price { display:block; width:100%; font-size:35px;  font-weight:600; letter-spacing:-0.05em; line-height:1em }
/* div#contents div.storeEntry  div.plan div.box span.point { display:inline-block; width:63%;  background:#F3F4F6; font-size:18px; padding:7% 0; vertical-align: top; border-radius:8px; text-align:center; border:1px solid #e5e5e5;  align-items: center; justify-content: center; text-align:center; } */
div#contents div.storeEntry  div.plan div.box span.point{
	font-size: 14px;
	font-weight: bold;
}
div#contents div.storeEntry  div.plan div.box span.desc { border-top:1px solid #e5e5e5; margin-top:20px; padding-top:20px  }
div#contents div.storeEntry  div.plan div.box span.desc ul { margin:0 17px}
div#contents div.storeEntry  div.plan div.box span.desc ul li { list-style-image: url(../images/marker.svg); font-size:14px; line-height:30px; color: #888;}/*이미지 추가 marker.svg*/
div#contents div.storeEntry  div.plan div.box span.desc ul li span.hot { display:inline-block; padding-left: 5px; color: #005AA6; font-weight: bold;}
/* div#contents div.storeEntry  div.plan div.box button { display:block; width:192px; height:52px; background: #005AA6; margin:30px auto 10px;  border-radius:52px;  } */
div#contents div.storeEntry  div.plan div.box button {display: block; width: 100%; height:52px; border: 1px solid #005AA6; border-radius:8px; background-color: #fff; margin: 25px 0 0 0;}
div#contents div.storeEntry  div.plan div.box button span { font-size:18px; color:#005AA6; font-weight:600; }
/* div#contents div.storeEntry  div.plan div.box button:hover { background:#013B73; color:#fff  } */
div#contents div.storeEntry  div.plan div.gold { margin-right:0px;  }
div#contents div.storeEntry  div.plan div.box span { display:block }

/*여기에 유통 입점 등록*/
div#contents div.storeEntryWrite { margin:50px 0 150px }
div#contents div.storeEntryWrite  {}
div#contents div.storeEntryWrite  div.title { font-size:18px; font-weight:600; padding-left:25px; background: url('../images/arrow.svg') 0 6px no-repeat ; margin-bottom:10px }
div#contents div.storeEntryWrite  ul li { border-bottom:1px solid #e5e5e5; padding:10px 0  }
div#contents div.storeEntryWrite  ul li:first-child { border-top:1px solid #e5e5e5;  }
div#contents div.storeEntryWrite  ul li:nth-child(even) { background:#F6F7F8}
div#contents div.storeEntryWrite  ul li span { }
div#contents div.storeEntryWrite  ul li span.title { display:inline-block; width:22%; text-align:center; font-weight:600; margin-right:-5px }
div#contents div.storeEntryWrite  ul li span.desc { display:inline-block; width:78%; margin-right:-5px }
div#contents div.storeEntryWrite  ul li span input { border-radius:8px;  }
div#contents div.storeEntryWrite  ul li span select { border-radius:8px; margin-left:0px  }
div#contents div.storeEntryWrite  ul li span button { width:27%; height:50px; background:#E9E9E9; border-radius:8px; vertical-align: top;  }
div#contents div.storeEntryWrite  ul li span button span { font-size:16px }
div#contents div.storeEntryWrite  ul li span button:hover { background:#005AA6;}
div#contents div.storeEntryWrite  ul li span button:hover span {  color:#fff  }
div#contents div.storeEntryWrite  ul li span p { display:block; padding:10px 0; background:#005AA6; color:#fff; font-weight:400; width:93%; text-align:center; border-radius:8px; margin-top:10px; letter-spacing:-0.05em  }
div#contents div.storeEntryWrite  button.write { display:block; width:237px; height:64px; background:#005AA6; border-radius:64px; margin:50px auto   }
div#contents div.storeEntryWrite  button.write span { font-size:22px; color:#fff; font-weight:600 }
div#contents div.storeEntryWrite  button.write:hover { background:#013B73; color:#fff  }

/*재고정리*/
div#contents div.old {  }
div#contents div.old div.quickOld { display:block;   padding:25px 0 10px; border-bottom:1px solid #e5e5e5; }
div#contents div.old div.quickOld   {}
div#contents div.old div.quickOld   {} div.title { font-size:18px; font-weight:600; padding-left:25px; background: url('../images/arrow.svg') 0 6px no-repeat ; margin-bottom:10px }
div#contents div.old div.quickOld   ul{ display: flex; flex-wrap: wrap; width: calc(100% + 4% );  }
div#contents div.old div.quickOld   ul li{  width: calc(100% / 3 - 4%); height: 184px; margin: 0 4% 40px 0%;  }
div#contents div.old div.quickOld   ul li a {}
div#contents div.old div.quickOld   ul li a span.thumb { position: relative; display:block; width:100%; height:135px; border-radius: 8px; border:1px solid #e5e5e5 }
div#contents div.old div.quickOld   ul li a span.thumb span.sale { position: absolute;  background:#3B3B3B; color:#fff; top:4px; left:4px; padding: 2px 10px; border-radius:3px; }
div#contents div.old div.quickOld   ul li a span.utongName { display:block;  margin:20px 0 -3px; color:#666; text-align:center;    }
div#contents div.old div.quickOld   ul li a span.company { display:block; color:#333; text-align:center; font-weight:600; }
div#contents div.old div.quickOld   ul li a:hover span.thumb {  border:1px solid #0057AA }

div#contents div.old div.oldList { display:block;  margin:30px 0 0 0  }
/* div#contents div.old div.oldList  ul{ display: flex; flex-wrap: wrap; width: calc(100% + 4% );  padding: 25px 0 0;} */
div#contents div.old div.oldList  ul{
	display: flex;
	flex-wrap: wrap;
	padding: 25px 0 0;
	justify-content: space-between;
	gap: 40px 0;
}
div#contents div.old div.oldList  ul li {width: calc(100% / 2 - 4%); /*height: 260px; margin: 0 4% 40px 0%;*/  }
div#contents div.old div.oldList  ul li a {}
div#contents div.old div.oldList  ul li a span.thumb { position: relative; display:block; width:100%; height:210px; border-radius: 8px; border:1px solid #e5e5e5 }
div#contents div.old div.oldList  ul li a span.thumb span.sale { position: absolute;  background:#3B3B3B; color:#fff; top:4px; left:4px; padding: 2px 10px; border-radius:3px; }
div#contents div.old div.oldList  ul li a span.utongName { display:block;  margin:10px 0 -3px; color:#666; text-align:center;    }
div#contents div.old div.oldList  ul li a span.company { display:block; color:#333; text-align:center; font-weight:600; }
div#contents div.old div.oldList  ul li a:hover span.thumb {  border:1px solid #0057AA }
div#contents div.old div.oldList  div.blank { height:1px; background:#e5e5e5; margin:40px 0; clear:both }
div#contents div.old div.oldList  button.oldWrite {display:block; width:167px; height:64px; vertical-align: top; background:#005AA6;  border-radius: 64px; margin:60px auto 0;   }
div#contents div.old div.oldList  button.oldWrite span {color:#fff; font-weight:600 }
div#contents div.old div.oldList  button.oldWrite:hover { background:#013B73;  }


div#contents div.oldView { }
div#contents div.oldView  table { border-top:1px solid #e5e5e5;  }
div#contents div.oldView  table tr th { height:63px; border-bottom:1px solid #e5e5e5; text-align:center; width:161px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#F6F7F8 }
div#contents div.oldView  table tr td { width:369px; height:63px; border-bottom:1px solid #e5e5e5; text-align:left; padding:10px 0 10px 10px }
div#contents div.oldView  table tr th:nth-child(1){ border-left:none; } 
div#contents div.oldView  div.viewImg { display:block; max-height:458px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin:30px 0; border:1px solid #e5e5e5;  }
div#contents div.oldView  div.viewContent { display:block; border:1px solid #e5e5e5; border-radius: 8px; padding:25px 20px; min-height:380px; margin-bottom:50px   }
div#contents div.oldView  button { display:block; clear:both;  width:154px; height:64px; background:#707070; border:1px solid #e5e5e5; margin:0 auto 80px; border-radius: 64px; }
div#contents div.oldView  button span { font-size:22px; font-weight:600; color:#fff;}
div#contents div.oldView  button:hover { display:block; width:154px; height:64px; background:#444; border:1px solid #e5e5e5; margin:0 auto; border-radius: 64px;  }

/*재고정리 등록*/
div#contents div.oldWrite { padding-top:25px }
div#contents div.oldWrite  {}
div#contents div.oldWrite  div.title { font-size:18px; font-weight:600; padding-left:25px; background: url('../images/arrow.svg') 0 6px no-repeat ; margin-bottom:10px }
div#contents div.oldWrite  ul li { border-bottom:1px solid #e5e5e5; padding:10px 0   }
div#contents div.oldWrite  ul li:first-child { border-top:1px solid #e5e5e5;  }
div#contents div.oldWrite  ul li:nth-child(even) { background:#F6F7F8}
div#contents div.oldWrite  ul li span { }
div#contents div.oldWrite  ul li span.title { display:inline-block; width:22%; text-align:center; font-weight:600; margin-right:-5px }
div#contents div.oldWrite  ul li span.desc { display:inline-block; width:78%; margin-right:-5px  }
div#contents div.oldWrite  ul li span.desc span.point { display:block }
div#contents div.oldWrite  ul li span input { border-radius:8px;  }
div#contents div.oldWrite  ul li span select {  padding: 0 20px; border: 1px solid #ccc; border-radius: 8px !important;  background-color: white; font-size: 16px; height:50px;  background: #fff url('../images/angle-down-solid.svg') no-repeat right 20px center ; }
div#contents div.oldWrite  ul li span textarea { width:100%; height:245px; line-height:33px; padding:20px; border-radius:8px; resize:none;  }
div#contents div.oldWrite  ul li span button { width:31%; height:50px; background:#E9E9E9; border-radius:8px; vertical-align: top; border:1px solid #e5e5e5; margin-right:-5px }
div#contents div.oldWrite  ul li span button span { font-size:16px }
div#contents div.oldWrite  ul li span button:hover { background:#005AA6;}
div#contents div.oldWrite  ul li span button:hover span {  color:#fff  }
div#contents div.oldWrite  ul li span p { display:block; padding:10px 0; background:#005AA6; color:#fff; font-weight:600; width:442px; text-align:center; border-radius:8px; margin-top:10px  }
div#contents div.oldWrite  button.write { display:block; width:237px; height:64px; background:#005AA6; border-radius:64px; margin:50px auto 120px  }
div#contents div.oldWrite  button.write span { font-size:22px; color:#fff; font-weight:600 }
div#contents div.oldWrite  button.write:hover { background:#013B73; color:#fff  }

/*커뮤니티*/
/* div#contents div.community  table { border-top:1px solid #e5e5e5;  margin-bottom:40px } */
div#contents div.community  table tr th { height:63px; border-bottom:1px solid #e5e5e5; text-align:center;  border-left:1px solid #e5e5e5; background:#0057AA; color:#fff;   }
div#contents div.community  table tr td {  height:63px; border-bottom:1px solid #e5e5e5; text-align:center; border-left:1px solid #e5e5e5;  }
div#contents div.community  table tr th:nth-child(1){ border-left:none; width:17.5%} 
div#contents div.community  table tr th:nth-child(2){ width:8.3%} 
div#contents div.community  table tr th:nth-child(3){ width:42.6%} 
div#contents div.community  table tr th:nth-child(4){ width:8.6%} 
div#contents div.community  table tr th:nth-child(5){ width:15.6%} 
div#contents div.community  table tr td:nth-child(1){ border-left:none; } 
div#contents div.community  table tr td:nth-child(3){ text-align:left; padding-left:10px  } 
div#contents div.community  table tr:nth-child(even) td { background:#F6F7F8 }
div#contents div.community  table tr td a:hover { text-decoration:underline; color:#005AA6 }

/* 커뮤니티 수정 */
.community_notice{
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
.community_notice a{
	display: block;
	padding: 20px 0 22px 0;
}
.community_notice span{
	display: block;
}
.community_notice .top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.community_notice .middle{
	margin: 5px 0 10px 0;
}
.community_notice .subject{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.community_notice .area{
	font-size: 14px;
	color: #888;
}
.community_notice .date, .community_notice .name{
	font-size: 12px;
	color: #888;
}
.community_notice .option{
	font-size: 12px;
	color: #005AA6;
	border: 1px solid #005AA6;
	border-radius: 8px;
	padding: 2px 6px;
}

/*커뮤니티뷰*/
div#contents div.community  table.info { border-top:1px solid #e5e5e5;  }
div#contents div.community  table.info tr th { height:63px; border-bottom:1px solid #e5e5e5; text-align:center; width:161px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#F6F7F8; color:#000 }
div#contents div.community  table.info tr td { width:369px; height:63px; border-bottom:1px solid #e5e5e5; text-align:left; padding:10px 0 10px 10px }
div#contents div.community  table.info tr th:nth-child(1){ border-left:none; } 
div#contents div.community  div.communityContent { border:1px solid #e5e5e5; border-radius: 8px; padding:25px 20px; min-height:380px;}
div#contents div.community  div.communityContent pre{
	white-space: normal;
	word-break: break-word;
}
div#contents div.community div.communityContent pre iframe {
	max-width: 100%;
}

div#contents div.community div.communityContent pre video {
	width: 100%;
}

div#contents div.community  div.name { display:inline-block; /*width:81px;*/ padding-left: 35px; height:25px;  background: url('../images/icon1.svg') no-repeat center left ;  text-align:right; margin-right:18px; margin:15px 0 10px }
div#contents div.community  div.date { display:inline-block; font-size:14px; color:#888; margin-left:20px }
div#contents div.community  button.delete { float:right; width:115px; height:45px; background:#6B6B6B; border-radius: 8px;  }
div#contents div.community  button:hover.delete { float:right; width:115px; height:45px; background:#474747; border-radius: 8px;  }
div#contents div.community  button.delete span { font-size:18px; color:#fff; font-weight:600 }
div#contents div.community  button.communityWrite {display:block; width:167px; height:64px; vertical-align: top; background:#005AA6;  border-radius: 64px; margin:60px auto;   }
div#contents div.community  button.communityWrite span { font-size:18px; color:#fff; font-weight:600 }
div#contents div.community  button.communityWrite:hover { background:#013B73;  }

div#contents div.community  div.reply01 {}
div#contents div.community  div.reply01 div { display:inline-block; width:79%; height:105px; border:1px solid #e5e5e5;  border-radius: 8px; vertical-align: top;  margin-right:5px; text-align:center; line-height:105px; margin-bottom:50px  }
div#contents div.community  div.reply01 button{ display:inline-block;  width:19%; height:105px; margin-right:-5px; background:#6B6B6B;  border-radius:8px;   }
div#contents div.community  div.reply01 button span { font-size:18px; font-weight:600; color:#fff }
div#contents div.community  div.reply01 button:hover { background:#474747;  }
div#contents div.community  div.reply02 { display:block; width:100%; max-height:200px; border:1px solid #e5e5e5;  border-radius: 8px; vertical-align: top;  margin-top: 10px; padding:20px; overflow-y: auto; -webkit-overflow-scrolling: touch; white-space: normal; word-break: break-word;}
div#contents div.community  div.replyWrite { margin-bottom:10px }
div#contents div.community  div.replyWrite span.title { display:inline-block; width:18%; height:49px; border:1px solid #e5e5e5; font-size:18px; text-align:center; line-height:49px; border-radius: 8px; vertical-align: top; margin-right:5px }
div#contents div.community  div.replyWrite textarea { width:66%;  height:49px; border:1px solid #e5e5e5;  border-radius: 8px; margin-right:5px; padding:12px 10px }
/* div#contents div.community  div.replyWrite button {width:12%; height:48px; vertical-align: top; background:#6B6B6B;  border-radius: 8px; margin-right:-5px } */
div#contents div.community  div.replyWrite button span { font-size:18px; color:#fff; font-weight:600 }
/* div#contents div.community  div.replyWrite button:hover { background:#474747;  } */

div#contents div.pages { clear:both; display:block; height:35px;  text-align:center; margin: 10px 0 20px 0;  }
div#contents div.pages span.pageList {}
div#contents div.pages span.pageList span.first{}
div#contents div.pages span.pageList span.first a{ display:inline-block; width:35px; height:35px; text-indent:-1000em; font-size:0px; vertical-align: top; margin-right:3px}
div#contents div.pages span.pageList span.first a span, div#contents div.pages span.pageList span.last a span{
	border-color: #e5e5e5;
}
div#contents div.pages span.pageList span.first a.first{  background: url('../images/first.svg') center no-repeat}
div#contents div.pages span.pageList span.first a:hover.first{  background: url('../images/firstOver.svg') center no-repeat}
div#contents div.pages span.pageList span.first a.prev{  background: url('../images/prev.svg') center no-repeat}
div#contents div.pages span.pageList span.first a:hover.prev{  background: url('../images/prevOver.svg') center no-repeat}
div#contents div.pages span.pageList span.last{}
div#contents div.pages span.pageList span.last a{ display:inline-block; width:35px; height:35px; text-indent:-1000em; font-size:0px; vertical-align: top; margin-right:3px; /*border:1px solid #e5e5e5;*/}
div#contents div.pages span.pageList span.last a.next{  background: url('../images/next.svg') center no-repeat}
div#contents div.pages span.pageList span.last a:hover.next{  background: url('../images/nextOver.svg') center no-repeat}
div#contents div.pages span.pageList span.last a.last{  background: url('../images/last.svg') center no-repeat}
div#contents div.pages span.pageList span.last a:hover.last{  background: url('../images/lastOver.svg') center no-repeat}
div#contents div.pages span.pageList a span { display:inline-block; width:35px; height:35px; line-height:35px; border:1px solid #005AA6; margin-right:3px; border-radius: 8px; color: #005AA6}
div#contents div.pages span.pageList a.active span{
	background-color: #005AA6;
	color: #fff;
}
div#contents div.pages span.pageList a span:hover { border:1px solid #005AA6;  color: #005AA6}
div#contents div.pages span.pageList a.on span { border:1px solid #005AA6; color: #005AA6 }
div#contents div.pages span.pageList span a { }


div.view {  position: absolute; top: 0;left: 0; right: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);  display: flex; align-items: center; justify-content: center;  transition: opacity 0.3s ease; z-index:100}
div.view div.viewDetail { position: relative;  }
div.view div.viewDetail div.content { width:100%; height:800px; padding:20px; background:#fff; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
div.view div.viewDetail div.content img { width:100% }
div.view div.viewDetail button {  position: absolute;  width:110px; height:32px; background: url('../images/close.svg') no-repeat ;  top:-50px; right:0px }

@media (max-width: 599px) {
div#contents div.oldWrite  ul li span.extra { text-align:left; padding-left:5px }
div#contents div.storeEntryWrite  ul li span p { display:block; padding:10px 10px; background:#005AA6; color:#fff; font-weight:400; width:93%; text-align:center; border-radius:8px; margin-top:10px; letter-spacing:-0.05em  }
}

@media (max-width: 537px) {
div#contents div.oldWrite  ul li span select {  padding: 0 5px; border: 1px solid #ccc; border-radius: 8px !important;  background-color: white; font-size: 16px; height:50px;  background: #fff url('../images/angle_s.svg') no-repeat right 20px ; }
div#contents div.oldWrite  ul li span select.extra02 { margin-left:-15px !important;  }
}

/* @media (max-width: 530px) {
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title { font-size:1.5em; font-weight:600  }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title span { display:inline-block; font-size:0.6em; color:#888888 }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.price { display:block; width:100%; font-size:2.0em;  font-weight:600; letter-spacing:-0.05em; line-height:1em }
div#contents div.storeEntry  div.plan div.box span.point { display:inline-block; width:63%;  background:#F3F4F6; font-size:14px; padding:7% 0; vertical-align: top; border-radius:8px; text-align:center; border:1px solid #e5e5e5 }
div#contents  div.titleBig span { font-size:1.5rem; font-weight:600 }
} */

@media (max-width: 427px) {
div#contents div.oldWrite  ul li span input.check { display:block; width:66% !important;  }
}

/* @media (max-width: 422px) {
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title { font-size:1.2em; font-weight:600  }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.title span { display:inline-block; font-size:0.6em; color:#888888 }
div#contents div.storeEntry  div.plan div.box div.titlePrice span.price { display:block; width:100%; font-size:1.5em;  font-weight:600; letter-spacing:-0.05em; line-height:1em }
div#contents div.storeEntry  div.plan div.box span.point { display:inline-block; width:63%;  background:#F3F4F6; font-size:13px; padding:5% 0; vertical-align: top; border-radius:8px; text-align:center; border:1px solid #e5e5e5 }
} */

@media (max-width: 400px) {
	#header div.area { /*display:none*/ }
}


/* @media (max-width: 384px) { 
div.listArea ul li div.info div.companyInfo02 span.distance { float:left; display:block; width:100%; padding:2px 20px; background:#FFE600; border-radius: 8px; margin-top:5px;  }     
} */


/* 햄버거 메뉴 */

.menu_list {
	/*
	width: 60%;
	position: absolute;
	right: -62%;
	top: 102px;
	display: flex;
	align-items: center;
	flex-direction: column;
	transition: all 0.3s ease-in-out;
	background: #fff;
	border: 1px solid gray;
	overflow-y: auto;
    height: 60vh;
	*/
	position: fixed;   /* absolute 말고 fixed 권장 */
	top: 111px;
	right: 0;
	width: 60%;
	height: calc(100vh - 111px);/*25.04.21 "height: 60vh;" -> 화면 꽉차게 변경 */
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transform: translateX(100%);  /* 화면 밖으로 숨김 */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 9999;  /* 혹시 몰라서 위로 올림 */
	/* 25.04.21모바일 크롬앱에서 url창으로 인한 높이값 오류 있음 */


	.info_box {
		/* padding: 10px 0; */ /* 25.04.21 로그인 변경 */

		.login {
			/* width: fit-content;
			text-align: center;
			padding: 10px;
			margin-left: 10px;
			background: #0069b3;
			color: #fff;	 */   /* 25.04.21 로그인 디자인인 변경 */
			width: 100%;
			text-align: center;
			background: #0069b3;
			color: #fff;

			a {
				font-size: 18px !important;
				height: 80px;  /* 25.04.21 추가 */
				display: flex;  /* 25.04.21 추가 */
				align-items: center;  /* 25.04.21 추가 */
				justify-content: center;  /* 25.04.21 추가 */
			}/* 25.04.21 로그인 변경 */
		}
		
		.user_info {
			display: flex;
			justify-content: space-between;
			margin: 0 10px;

			.name {
				padding: 10px;
			}
			
			.logout {
				padding: 10px;
				background: #0069b3;
				color: #fff;	

				a {
					font-size: 16px !important;
				}
			}
		}
	}
	
	.category_menu {
		display: felx;
		flex-direction: column;
		align-items: center;
		font-size: 18px;

		li {
			width: 100%;
			/* padding: 2px 4px; *//* 25.04.21 */
			margin-right: 0 !important;
		}
		li:nth-child(odd) {
			/* background: #33333333; *//* 25.04.21 */
		}
	}

	.category_menu, .info_box {
		width: 100%;
	}
}

.menu_list.on {
	/*
	right: 0;
	transition: all 0.3s ease-in-out;
	*/
	transform: translateX(0);  /* 들어옴 */
	opacity: 1;
	visibility: visible;
	pointer-events: auto;

}

.communitySelect {
	margin: 20px 0 10px 0;
	display:flex;
	justify-content: flex-end;
	gap: 5px;
	font-size: 14px;
}
.communitySelect select{
	border-color: #e5e5e5;
	padding: 0 2em 0 0.5em;
	height: 35px;
}
.searchBox {
	display: flex;
	justify-content: space-between;
    align-items: center;
	position: relative;
	

	.communitySearchBtn {
		width: 80% !important;	
		border-radius: unset;
		margin-right: 0;
		border-radius: 8px 0 0 8px;
		border-color: #e5e5e5;
		height: 35px;
		font-size: 14px;
	}
	.searchBtn {
		width: 20%;
		height: 35px;
		padding: 0 10px;
		position: absolute;
		right: 0;
		border-radius: 0 8px 8px 0;
		background-color: #e5e5e5;
		font-size: 14px;
	}
}

/* 커뮤니티 상세페이지 */
.commentBox {
	.commentHeader {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.editBox {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	button {
		padding: 4px;;
		background: #fff;
	}
}
.recomment {
	margin-left: 50px;
}

.commentTextBox, .editCommentTextBox {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	
	textarea {
		width: 100% !important;
		margin-right: 10px !important;
		resize: none;
	}

	.re {
		width: 80px !important;
		height: 100% !important;
		padding: 10px;
		margin-top: 4px;
	}
}
.replyWriteBox {
	width: 100%;
	
	.replyText {
		width: 100% !important;
	}

	.controlBox {
		display: flex;
		justify-content: end;
		align-items:center;
		gap: 10px;

		button {
			padding: 10px;
		}
	}
}
.replyBtn {
	border-radius: unset;
	background: #fff;
	vertical-align: unset;
	height: 100%;
	width: fit-content;
	margin-right: 0;
	padding: 10px;
}
.replyBtn:hover {
	color: #7B7B7B;
}

.community {
	margin-bottom: 0;
	
	.titleBig {
		display: flex !important;
		justify-content: space-between;
		align-items: center;

		.postInfo {
			width:100%;
			margin-top: 10px;
			display: flex;
			gap: 10px;
			
			p {
				font-size: 14px;
			}
		}
		
		button {
			padding: 10px;
		}

	}
	.btnBox {
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: end;
		margin: 10px 0 50px 0;

		.controlWrap {
			position: relative;
			
			.active {
				width: 100px;
				position: absolute;
				display:flex;
				flex-direction: column;
				border:1px solid #e5e5e5;
				transition: max-height 0.5s ease-out;
				right:0;

				button {
					background: #fff;
					width:100%;
				}
				button:hover {
					background: #005aa6;
					color: #fff;
				}
			}
		}
	}
}

/* 커뮤니티 게시글 등록페이지 */
.titleBox {
	display: flex;
	justify-content: space-between;
	align-items: center;

	button {
		padding: 10px;
		margin-bottom: 10px;
	}
}

#mainImageName {
	z-index: 1;
}

.imgDeleteBtn {
	z-index: 10;
	top: 0;
	right: 0;
}
.deleteBtn:hover {
	background: #ff0000;
}

.uploadBtn {
	margin-top: 10px;
}

/* 공용 CSS */
.d_none {
	display: none;
}

.cursor {
	cursor: pointer;
}

.p_realtive {
	position: relative;
}

.p_absolute {
	position: absolute;
}

.is_hidden {
	visibility: hidden;
}

.backBtn {
	width: 30px;

	img {
		width: 100%;
		height: 100%;
	}
}

.w-100 {
	width: 100%;
}