/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
.subtitle {display:none;}
#boardlist .wrap_inner {padding:4.17%;}
footer {margin-top:0px;}

.bnr img {width:100%; height:auto;}
.bnr .mo {display:block;}
.bnr .pc {display:none;}

.text_top {margin-top:30px; text-align:center;}
.text_top p {color:#000; font-size:16px; font-weight:700;}
.text_top span {text-decoration:underline;}

#boardlist .board_search {clear:both; margin-bottom:9px; padding:3px 0; border:1px solid #e0e0e0;}
#boardlist .board_search form {position:relative; padding:9px 38px 9px 0px;  text-align:center;}
#boardlist .board_search form select {display:none; background:url('/board/_skin/basic_store_map_txt_rsp/img/mo_icon.png')no-repeat right 10px center; background-size:12px; font-size:1.000rem; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
#boardlist .board_search select {position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); border:0; width:76px; height:30px; padding:4px 14px;}
#boardlist .board_search input.form_input.search {height:15px; border-width:0px 0px 0px 0px;}
#boardlist .board_search .btn_search {position:absolute; right:7px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); display:inline-block; width:30px; height:30px; border:0; background:url('/board/_skin/basic_store_map_txt_responsive/img/mo_search_btn.png') no-repeat center/15px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .category {width:100%; margin:0px 0px 10px 0px; padding:0 4.17%;}
#boardlist .category > ul {border-top:1px solid #e0e0e0; border-top:0px; font-size:0;}
#boardlist .category > ul > li {display:inline-block; width:25%; padding:0px 3.5px 7px 3.5px;}
#boardlist .category > ul > li:hover > a {background:#ebebeb; border-color:#ebebeb;}
#boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #ebebeb; border-radius:100px; color:#888; font-size:12px; line-height:34px; text-align:center;}

#boardlist .category > ul > li:nth-child(3n-2) > a {}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background:#000; color:#fff; font-weight:500;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list {position:relative; padding:14px 0px 17px; margin:0 4.17%; border-top:0px; border-bottom:1px solid #ebebeb;}
#boardlist .list:hover li.addr, 
#boardlist .list:hover li.tel,
#boardlist .list:hover li.time,
#boardlist .list:hover li.time span {color:#333;}
#boardlist .list li {border-bottom:0px;}
#boardlist .list li .no {float:left; width:50px; text-align:center;}
#boardlist .list li .subject {padding-left:50px; text-align:left;}
#boardlist .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#boardlist .list li .subject .title img {width:auto; height:10px; margin-top:2px; vertical-align:top;}
#boardlist .list li .subject .stat {padding-top:5px; font-size:0.917rem;}
#boardlist .list li .subject .stat * {font-size:0.917rem;}
#boardlist .list li .subject .stat img {width:auto; height:10px; vertical-align:top;}

#boardlist .list li.tal {padding-bottom:10px;}
#boardlist .list li.tal a {color:#333; font-size:1.167rem; font-weight:700; letter-spacing:-0.7px; pointer-events:none;}
#boardlist .list li.addr {color:#888; font-size:1.000rem; font-weight:400; letter-spacing:-0.6px;}
#boardlist .list li.tel {display:inline-block; position:relative; padding-right:10px; color:#888; font-size:1.000rem; font-weight:400;}
#boardlist .list li.tel:after {display:block; position:absolute; top:50%; right:0; width:1px; height:12px; background:#ebebeb; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); content:'';}
#boardlist .list li.time {display:inline-block; padding-left:4px;}
#boardlist .list li.time,
#boardlist .list li.time span{color:#888; font-size:1.000rem; font-weight:400;}
#boardlist .list li.map {display:block; position:absolute; top:14px; right:0; width:100%; height:calc(100% - 14px); background-size:18px; background-image:url('/board/_skin/basic_store_map_txt_rsp/img/mo_map_btn.png'); background-repeat:no-repeat; background-position:top right; content:'';}
#boardlist .list li.map a {display:block; width:100%; height:100%;}

#boardlist .faqcnt li iframe {width:100%; height:auto; min-height:255px;}
#boardlist .paging li strong {border:0; background:none; color:#000; font-size:1.167rem;} 

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

#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;}

#boardlist.mo .btm_write {margin-top:50px;}
#boardlist.mo .btm_write .more > * {padding:12px; border:0; background:#000; color:#fff; font-size:1.167rem;}


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

#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:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}

#boardlist .box_btn.white {margin-top:25px;}
#boardlist .box_btn.white * {border-color:#000; padding:12px; background:#fff; color:#000 !important; font-size:1.167rem;}

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

#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) {
	#cnt {padding:0px 0px 20px;}
	footer {margin-top:50px;} 

	.bnr .mo {display:none;}
	.bnr .pc {display:block;}

	.text_top  {margin-top:50px;}
	.text_top p {color:#000; font-size:26px; font-weight:700;}

	/*-----------------------------------------------------------------*/
	/* 목록
	/*-----------------------------------------------------------------*/
	
	#boardlist .board_search {width:100%; max-width:600px; padding:0px; margin:0 auto;} 
	#boardlist .board_search form {padding:19px 38px 19px 0px;}
	#boardlist .board_search form select {width:76px; height:54px; font-size:1.167rem; background:url('/board/_skin/basic_store_map_txt_rsp/img/mo_icon.png')no-repeat right 7px center; background-size:12px;}

	#boardlist .category {width:100%; padding:0 94px; text-align:center;}
	#boardlist .category > ul > li {width:14.23%; padding:0px 6px 7px 6px;}
	#boardlist .category > ul > li > a {height:56px; font-size:22px; font-weight:500; line-height:56px; letter-spacing:-1.1px;}
	#boardlist .list li.tal {margin-bottom:6px;}
	#boardlist .list li.tal a {font-size:26px; font-weight:700; letter-spacing:-1.3px;}
	#boardlist .list li.addr {margin-bottom:6px; font-size:20px; letter-spacing:-1px;}
	#boardlist .list li.tel {padding-right:20px; font-size:20px;}
	#boardlist .list li.tel:after {height:20px;}
	#boardlist .list li.time {padding-left:14px;}
	#boardlist .list li.time,
	#boardlist .list li.time span {font-size:20px;}
	
	#boardlist .list li.map {width:100%; height:calc(100% - 14px); background-size:30px;}
	#boardlist .list li.map a {width:100%; height:100%;}
	
	#boardlist .faqcnt li iframe {min-height:500px; max-height:500px;}
	
	#boardlist .btm_write.wrap_inner {max-width:600px; padding:0;}

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

	#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;}
}


@media all and (min-width:1024px) {
	#cnt {padding:0px 0px 50px;}
	#cnt .cntbody {width:100%; /* width:1680px; */ max-width:100%;}

	.text_top  {margin-top:100px;}

	#boardlist {position:relative; width:1760px; max-width:100%; margin:100px auto 0px; height:100vh; max-height:890px; font-size:0;}
	#boardlist .wrap_inner {padding:0;}
	#boardlist .category {display:block; width:100%; max-width:430px; padding:0; margin-bottom:30px; text-align:left;}
	#boardlist .category > ul {display:block; width:100%; font-size:0;}
	#boardlist .category > ul > li {display:inline-block; width:20%; padding:0px 6px 8px 0px; vertical-align:top;}
	#boardlist .category > ul > li > a {display:block; position:relative; height:36px; border:1px solid #ebebeb; border-bottom:1px solid #ebebeb !important; border-radius:100px; color:#888; font-size:15px; font-weight:500; line-height:36px; text-align:center; letter-spacing:-0.75px;}
	#boardlist .category > ul > li.cate_all > a,
	#boardlist .category > ul > li.selected > a {background:#000; border-bottom:1px solid #000; color:#fff; font-weight:500;}
	#boardlist .board_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
	#boardlist .board_col caption {padding-bottom:20px; font-weight:bold; text-align:left;}
	#boardlist .board_col > thead > tr > th {padding:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;}
	#boardlist .board_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
	#boardlist .board_col > tbody > tr > td,
	#boardlist .board_col > tbody > tr > td * {color:#666;}
	#boardlist .board_col > tbody > tr > td.tal {padding-left:15px !important;}
	#boardlist .board_col > tbody > tr > td.subject img {margin-right:5px; vertical-align:middle;}
	#boardlist .page_write {position:relative; width:100%; max-width:430px; min-height:34px; margin-top:30px;}
	#boardlist .page_write .write {position:absolute; right:0; top:0;}
	#boardlist .board_search {display:block; width:100%; max-width:430px; padding:0; margin-bottom:22px; clear:both; text-align:center;}
	#boardlist .board_search form {display:inline-block; width:100%; height:54px; margin:0px auto 0; text-align:center;}
	#boardlist .board_search form select {border:0;}
	#boardlist .board_search input.form_input.search {width:300px !important; height:20px; border-width:0px 0px 0px 0px;}
	#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/basic_store_map_txt_rsp/img/pc_search.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}
	#boardlist .board_search form input[type=text], input[type=email], input[type=password] {vertical-align:middle;}

	#boardlist .list {position:relative; width:100%; max-width:430px; padding:20px 0px 25px; margin:0; border-bottom:1px solid #ebebeb;}
	#boardlist .list:first-child {padding:0px 0px 25px;}
	#boardlist .list:first-child li.map {top:0px;}
	#boardlist .list_top {max-width:430px; padding:0;}
	#boardlist .left_side {max-width:430px;}
	#boardlist .left {display:block; width:calc(100% - 30px); max-width:430px !important;}
	#boardlist .search_wrap.left {margin:0;}
	#boardlist .list:hover {border-color:#000;}
	#boardlist .list li.tal {margin-bottom:0px;}
	#boardlist .list li.tal a {color:#333; font-size:17px; font-weight:700; letter-spacing:-0.85px;}
	#boardlist .list li.addr {margin-bottom:0px; color:#888; font-size:14px; font-weight:400; letter-spacing:-0.7px; line-height:40px;}
	#boardlist .list li.tel {display:inline-block; position:relative; padding-right:14px; color:#888; font-size:14px; font-weight:400;}
	#boardlist .list li.tel:after {height:12px;}
	#boardlist .list li.tel:after {display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:14px; background:#ebebeb; content:'';}
	#boardlist .list li.time {display:inline-block; padding-left:10px; color:#888; font-size:14px; font-weight:400;}
	#boardlist .list li.time span,
	#boardlist .list li.time a {color:#888; font-size:14px; font-weight:400;}
	#boardlist .list li.map {top:20px; right:0; width:100%; height:calc(100% - 20px); background-image:url('/board/_skin/basic_store_map_txt_rsp/img/pc_map_btn.png'); background-size:20px; background-repeat:no-repeat; background-position:top right;}
	#boardlist .list li.map a {width:100%; height:100%;}
	#boardlist .list_top {overflow-y:scroll; height:calc(100% - 320px); /* height:calc(100% - 320px); */ max-height:100%;}
	#boardlist .btm_write.left {margin:0;}
	#boardlist .board_left {display:block; float:left; position:relative; width:100%; height:850px; max-width:430px; font-size:0;}
	#boardlist .board_btm {overflow:hidden;}
	#boardlist .faqcnt {display:inline-block; position:absolute; top:0; right:0; width:calc(100% - 465px); height:100vh; vertical-align:top; font-size:0;}
	#boardlist .faqcnt > li iframe {width:100%; max-width:100%; height:100vh; min-height:100%; max-height:850px;}
	
	#boardlist .box_btn.block.write {display:block; width:100%; max-width:430px;}

	#boardlist .list_top::-webkit-scrollbar {width:2px; height:100px; background-color:#ebebeb; border-radius:10px;}
	#boardlist .list_top::-webkit-scrollbar-thumb {background-color:#000; border-radius:10px; width:100%;}
	
	#boardlist .paging li strong {background:none; border:0px; color:#000; font-size:15px; line-height:40px;}
	#boardlist .page_write
	#boardlist .paging
	#boardlist .btm_write {text-align:right;}
	#boardlist .box_btn.block.write {display:inline-block; width:100px; padding-top:30px; text-align:right;}
	#boardlist .box_btn.block.write > a {background:transparent; border:1px solid #000; color:#000 !important; font-size:14px;}
	#boardlist .btm_write.left {text-align:right;}
	
}




@media (max-width: 1760px) {
	#boardlist {padding:0px 40px;}
}

@media (max-width: 1200px) {
	#boardlist {padding:0px 20px;}
}