/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

#map_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100dvh; z-index:10;}
#map_pop .map_close {display:inline-block; position:absolute; right:10px; top:10px; box-shadow:0 3px 10px #00000029; background:url('/board/_skin/basic_store_map_responsive/img/map_close.png') no-repeat center/15px auto; width:30px; height:30px; border-radius:50px; background-color:#fff; text-align:center; text-indent:-9999px; line-height:30px;}
#map_pop .board_map {width:100%; height:100%;}
#map_pop .board_map iframe {width:100%; height:100%;}
#map_pop.show {display:block;}
#boardlist .board_nav {padding-top:20px;}
#boardlist .board_nav .close {display:none;}
#boardlist .board_nav_wrap .category {padding:0px 4.16% 17px; border-bottom:1px solid #f5f5f5; font-size:0; text-align:left;}
#boardlist .board_nav_wrap .category li {display:inline-block; width:25%; padding:0 7px 7px 0; text-align:center; vertical-align:middle;}
#boardlist .board_nav_wrap .category li a {display:block; border:1px solid #ebebeb; color:#888; font-size:1.083rem; letter-spacing:-1.3px; border-radius:100px; line-height:36px;}
#boardlist .board_nav_wrap .category li.cate_all a,
#boardlist .board_nav_wrap .category li.selected a {background:#000; border:1px solid #000; color:#fff; font-weight:500;}
#boardlist .board_nav_wrap .board_nav_list {border-bottom:1px solid #f5f5f5;}
#boardlist .board_nav_wrap .board_nav_list li {display:flex; flex-direction:row; align-items:flex-start; gap:15px; padding:25px 4.16%; border-bottom:1px solid #f5f5f5;}
#boardlist .board_nav_wrap .board_nav_list li:last-child {border-bottom:0;}
#boardlist .board_nav_wrap .board_nav_list li .img {width:82px;}
#boardlist .board_nav_wrap .board_nav_list li .img img {width:100%; height:auto;}
#boardlist .board_nav_wrap .board_nav_list li .info {text-align:left;}
#boardlist .board_nav_wrap .board_nav_list li .info p {margin-bottom:5px; padding-left:20px; background-repeat:no-repeat; background-position:left center; background-size:12px auto; color:#888; letter-spacing:-1.2px; word-break:keep-all;}
#boardlist .board_nav_wrap .board_nav_list li .info p.name {margin-bottom:0; padding-bottom:8px; padding-left:0; line-height:1;}
#boardlist .board_nav_wrap .board_nav_list li .info p.name strong a {color:#333; font-size:1.250rem; font-weight:700; letter-spacing:-1.5px; line-height:1;}
#boardlist .board_nav_wrap .board_nav_list li .info p.address {background-image:url('/board/_skin/basic_store_map_responsive/img/address.png');}
#boardlist .board_nav_wrap .board_nav_list li .info p.call {background-image:url('/board/_skin/basic_store_map_responsive/img/call.png');}
#boardlist .board_nav_wrap .board_nav_list li .info p.time {background-image:url('/board/_skin/basic_store_map_responsive/img/time.png');}
#boardlist .board_nav_wrap .board_nav_list li .map {display:none;}
#boardlist .page_write {margin-top:30px; padding:0 4.16%;}
#boardlist .page_write .paging {margin-top:0;}
#boardlist .page_write .paging li a {color:#999; border:0; font-size:1.167rem;}
#boardlist .page_write .paging li strong {border:0; background:0; color:#000; font-size:1.167rem;}
#boardlist .page_write > div {margin-top:25px;}
#boardlist .page_write .box_btn.block.write > * {padding:12px; border:1px solid #000; background:#fff; color:#000 !important; font-size:1.167rem;}
#boardlist .board_search {padding:10px 0; border:1px solid #ddd;}
#boardlist .board_search form {position:relative; padding:0 50px 0 90px; font-size:0; text-align:left;}
#boardlist .board_search select {position:absolute; left:0; top:0; border:0; width:90px; height:100%; padding-left:15px; background:url('/board/_skin/basic_store_map_responsive/img/icon_select_arrow.png') no-repeat right 5px center/16px; color:#000; font-size:1.167rem; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#boardlist .board_search input.form_input.search {width:100%; border-width:0 1px; border-radius:0;}
#boardlist .board_search input.form_input.search:focus {border-color:#E5E5E5;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:50%; display:inline-block; width:50px; height:32px; margin-top:-16px; padding:0; border:0; background:url('/board/_skin/basic_store_map_responsive/img/icon_btn_search.png') no-repeat center/32px; vertical-align:top; text-indent:-9999px; cursor:pointer;}

@media all and (min-width:768px) {
	#map_pop .map_close {width:40px; height:40px; background-size:20px auto; line-height:40px;}
	#boardlist .board_nav {padding-top:43px;}
	#boardlist .board_nav_wrap .category {padding:0px 30px 38px;}
	#boardlist .board_nav_wrap .category li {width:14.28%; padding:0 12px 12px 0;}
	#boardlist .board_nav_wrap .category li a {font-size:22px; letter-spacing:-1.1px; line-height:55px;}
	#boardlist .board_nav_wrap .board_nav_list li {gap:30px; padding:50px 30px;}
	#boardlist .board_nav_wrap .board_nav_list li .img {width:150px;}
	#boardlist .board_nav_wrap .board_nav_list li .info p {padding-left:38px; background-size:24px; font-size:20px; letter-spacing:-1px;}
	#boardlist .board_nav_wrap .board_nav_list li .info p.name {padding-bottom:13px;}
	#boardlist .board_nav_wrap .board_nav_list li .info p.name strong a {font-size:24px; letter-spacing:-1.2px;}
	#boardlist .page_write {margin-top:20px; padding:0 30px;}
	#boardlist .page_write .write {text-align:right;}
	#boardlist .page_write .write * {width:100px;}
	#boardlist .page_write > div {width:500px; margin:20px auto 0;}
}
@media all and (min-width:1024px) {
	#map_pop {display:block; position:relative; top:auto; height:100vh; z-index:-1;}
	#map_pop .map_close {display:none;}
	#map_pop .board_map iframe {min-height:930px;}
	#boardlist {position:relative; min-height:930px;}
	#boardlist .board_nav {position:absolute; left:0; top:0; width:490px; height:100%; padding-top:0; background:#fff; transition:all .3s ease;}
	#boardlist .board_nav .close {display:block; position:absolute; right:-36px; top:50%; transform:translateY(-50%);}
	#boardlist .board_nav .close a {display:block; width:36px; height:78px; box-shadow:0px 3px 6px #00000029; background:url('/board/_skin/basic_store_map_responsive/img/board_nav_close.png')#fff no-repeat center/7.5px auto; border:1px solid #EBEBEB; border-radius:0px 8px 8px 0px; text-indent:-9999px;}
	#boardlist .board_nav .close.on a {background-image:url('/board/_skin/basic_store_map_responsive/img/board_nav_open.png');}
	#boardlist .board_nav.is_show {left:-490px;}
	#boardlist .board_nav_wrap {position:relative; height:100%; padding:0 0 58px;}
	#boardlist .board_nav_wrap .nav_subtitle {display:none;}
	#boardlist .board_nav_wrap .category {padding:0 20px 22px; border-bottom:1px solid #f5f5f5;}
	#boardlist .board_nav_wrap .category li {width:20%; padding:0 6px 8px 0;}
	#boardlist .board_nav_wrap .category li a {font-size:15px; line-height:34px;}
	#boardlist .board_nav_wrap .category li:hover a {background-color:#F5F5F5;}
	#boardlist .board_nav_wrap .category li.cate_all:hover a,
	#boardlist .board_nav_wrap .category li.selected:hover a {background:#000;}
	#boardlist .board_nav_wrap .board_nav_list {padding-top:0;}
	#boardlist .board_nav_wrap .board_nav_list li {gap:20px; padding:25px 30px;}
	#boardlist .board_nav_wrap .board_nav_list li:hover {background-color:#f5f5f5;}
	#boardlist .board_nav_wrap .board_nav_list li .img {width:90px;}
	#boardlist .board_nav_wrap .board_nav_list li .info p {margin-bottom:0; padding-left:22px; background-size:15px; font-size:14px; letter-spacing:0;}
	#boardlist .board_nav_wrap .board_nav_list li .info p.address {letter-spacing:-0.7px}
	#boardlist .board_nav_wrap .board_nav_list li .info p.name {padding-bottom:8px;}
	#boardlist .board_nav_wrap .board_nav_list li .info p.name strong a {font-size:17px; letter-spacing:-0.85px;}
	#boardlist .page_write {margin-top:20px;}
	#boardlist .page_write .paging li strong {font-size:15px;}
	#boardlist .page_write > div {width:100%;}
	#boardlist .board_search select {font-size:13px;}
}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#editorFrm {width:100% !important;}
#boardwrite fieldset {text-align:left;}
#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:8px; color:#999;}
#boardwrite fieldset > div.name .check label {color:#999; font-size:0.875rem; font-weight:normal;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:20px;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:10px; color:#888;}
#boardpw .form_input {margin-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Responsive
/*-----------------------------------------------------------------*/

@media all and (min-width:768px) {

	/*-----------------------------------------------------------------*/
	/* 목록
	/*-----------------------------------------------------------------*/

	/*-----------------------------------------------------------------*/
	/* 쓰기
	/*-----------------------------------------------------------------*/

	#boardwrite .btn {width:400px; margin:0 auto;}


	/*-----------------------------------------------------------------*/
	/* 열람
	/*-----------------------------------------------------------------*/

	#boardview > .info .subject .stat,
	#boardview > .info .subject .stat a,
	#boardview > .info .subject .file,
	#boardview > .info .subject .file a,
	#boardview > .info .subject .add {font-size:1rem;}
	#boardview > .btn {padding:20px 0;}

	/*-----------------------------------------------------------------*/
	/* 비밀번호 확인
	/*-----------------------------------------------------------------*/

	#boardpw {margin:0; padding:40px 0;}
	#boardpw p {margin-bottom:20px;}
	#boardpw .form_input {width:330px; margin-bottom:20px;}
	#boardpw .btn_col {width:400px; margin:0 auto;}
}