.board_width_wrapin {max-width:1300px; margin: 0 auto}

.bd_sec {
	margin: 0px auto 80px; width: 100%; max-width: 1300px; min-height: 600px
}
.maparea {width: 100%;}
.img {margin: 20px 0 0 0 }
.imgp {margin: 20px 0 0 0; }
.imgp img {width: 100% }
.imgm img {width: 100% }

.imgm {margin: 20px 0 0 0; }

@media screen and (max-width:640px)
{
.imgp {margin: 20px 0 0 0 ; display: none}
}
@media screen and (min-width:640px)
{
.imgm {margin: 20px 0 0 0; display: none}
}

.bnbox { background:#437abf; width: 70px; padding: 3px; border: 1px solid #437abf; border-radius: 30px; color: #fff; font-weight: 600; text-align: center; display: inline-block; margin-bottom: 5px;}

.arti_tit0 {
	color:#000; font-size: 20px; font-weight: 700; margin-bottom: 10px; background:url(/images/ico_01.png) no-repeat 0px 12px; padding-left:20px; word-break: keep-all;
}
.arti_tit1 {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: 700; margin-bottom: 0px; background:url(/images/ico_02.png) no-repeat 0px 6px; padding-left:18px; margin-top:10px; text-align: left; word-break: keep-all;
}
.arti_tit2 {
	ccolor: rgb(0, 0, 0); padding-left: 20px; font-size: 15px;  text-align: left; word-break: keep-all; margin: 5px 0 15px 0px !important}

.arti_title{
	color:#000; font-size: 20px; font-weight: 700; margin-bottom: 10px; background:url(/images/ico_03.png) no-repeat 0px 10px; padding-left:20px; text-align: left; word-break: keep-all;
}
.arti_text{
	color:#545454; font-size: 15px; font-weight: 500; margin-bottom: 10px; background:url(/images/ico_01.png) no-repeat 20px 10px; padding-left:35px; text-align: left; word-break: keep-all;
}

@media screen and (max-width:640px)
{
.arti_tit0 {
	 font-size: 16px; 
}
.arti_tit1 {
	 font-size: 15px; background:url(/images/ico_02.png) no-repeat 0px 6px;
}
.arti_tit2 {
	font-size: 13px;}

.arti_title{
	font-size: 16px; background:url(/images/ico_03.png) no-repeat 0px 5px;}
.arti_text{
	color:#545454; font-size: 13px; font-weight: 500; margin-bottom: 10px; background:url(/images/ico_01.png) no-repeat 20px 10px; padding-left:35px; text-align: left; word-break: keep-all;
}
}



@media screen and (max-width:900px)
{
.arti_tit{
	font-size: 16px;
}
.arti_txt{
	 font-size: 13px;
}
}

@media screen and (max-width:1299px)
{
.img {width: 100%}
.img img{ width:100% }
}


/* 할인가맹점 서브 */
.subwhereWrap {text-align: left; padding-left: 0%; margin-top: 20px; margin-bottom: 20px } 
.subwhereWrap h2 { color:#000; text-align:center; font-size: 30px; letter-spacing: -2px; }
.subwhereWrap h2 img {margin-top: 5px}
.subwhereWrap h2 p{ color:#545454; font-size: 14px;letter-spacing: 0px; padding-top:10px; }

.subwhereWrap > ul {
	margin: 30px 0px;
}
.subwhereWrap > ul:first-child {
	margin-top: 0px;
}
.subwhereWrap > ul > li > a {
	
}
.subwhereWrap ul::after {
	clear: both; display: block; content: "";
}
.subwhereWrap ul li {
    width: 24%;
    margin: 1% 0.5%;
    float: left;
	border-radius:30px;
	overflow: hidden;
	border:1px solid #dbdbdb;
}
/* .subwhereWrap ul li:nth-child(4n) {
	 margin-right: 0
} */
.subwhereWrap ul li a {
	display: block; position: relative; min-height: 70px; transition:0.4s; 
}
.subwhereWrap ul li:first-child a {
	margin-left: 0px;
}
.subwhereWrap ul li a .region {
	background: rgb(1, 62, 149); padding: 0px 10px; left: 15px; top: 0px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; letter-spacing: -0.3px; font-size: 13px; position: absolute; z-index: 2;
}
.subwhereWrap ul li a .region::before {
	height: 32px; vertical-align: middle; display: inline-block; content: "";
}
.subwhereWrap ul li a .pic {
	width: 100%;  overflow: hidden; height: 200px;/*  background: url(/images/img_shop.png)no-repeat center center;
	    background-size: cover; */ border-bottom: 1px solid #eee;
}
.subwhereWrap ul li a .pic img {
	width: 100%; height: 100%; 
}
.subwhereWrap ul li a .pic span {
	left: 0px; top: 0px; display: none; position: absolute;
}
.subwhereWrap ul li a .cnt {
	background: rgb(255, 255, 255);padding: 10px; border-image: none; text-align: left; min-height: 30px; border-radius: 30px;
}
.subwhereWrap ul li a:hover .cnt{
	background:#fff;
}

.subwhereWrap ul li a .cnt .exp {
	 color: rgb(0, 0, 0); line-height: 34px; overflow: hidden; font-size: 16px;  transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-weight: 600; background: #ee4993; height: 40px; width: 100%; 
	padding-left: 8px; text-align: center; color: #fff;
}
.subwhereWrap ul li a:hover .cnt .exp { background: #e2257a; 
	 
}
.subwhereWrap ul li a .cnt .exp2{
	 color: #000; line-height: 14px; font-size: 11px; width: 100%;text-align: right; padding: 0 10px 10px 0
}

.subwhereWrap ul li a:hover .cnt .exp{
	 color:#fff; 
}
.subwhereWrap ul li a .cnt .tel {
	 color:#000; line-height: 22px; overflow: hidden; font-size: 16px;  transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 10px 8px;	
}
.subwhereWrap ul li a .cnt .ad {
	 color:#666; line-height: 18px; overflow: hidden; font-size: 16px;  transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding-left: 8px; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;
}
.subwhereWrap ul li a .cnt .dc {
	 color: rgb(119, 119, 119); line-height: 25px; overflow: hidden; font-size: 14px;  transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 5px 8px; border-top: 1px solid #e4e4e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: right;
}

.subwhereWrap ul li a .cnt .course {
	width: 100%; height: 80px; overflow: hidden;
}
.event .subwhereWrap ul li a .cnt {
	min-height: 90px;
}
.subwhereWrap .cnt {
	position: relative;
}
.subwhereWrap ul li a:focus {
	outline: rgb(102, 102, 102) dotted 1px;
}
.subwhereWrap ul li a:hover .region {
	background-position: 0px -59px; color: rgb(255, 255, 255);
}
.subwhereWrap ul li a:hover .pic span {
	display: block;
}
.subwhereWrap ul li a:hover .cnt {
}
.subwhereWrap ul li a:hover .cnt * {
	
}
.subwhereWrap ul li a:hover .info {
	color: rgb(255, 255, 255);
}

.subwhereWrap ul li a:hover .cnt p span.first {
	background-image: none;
}
.subwhereWrap ul li a:hover .cnt .price span {
	color: rgb(255, 212, 7);
}

.pic img {
	width: 100%; max-width: none; 
}
.thumb img {
	width: 100%; max-width: none;
}
.course_thumb img {
	width: 100%; max-width: none;
}
.subwhereWrap .rBox {
	margin: 0px;
}
.pic > img {
	transition:0.3s ease-in-out; width: 100%; 
}
a:hover .pic > img {
	transform: scale(1.1);
}






@media screen and (min-width:1200px)
{
.subwhereWrap > ul { margin-left:0%
}
	.pic > img {
	transition:0.3s ease-in-out; width: 100%; 
}
}
@media screen and (max-width:1200px)
{

.pageNavWrap .pageNavSubWrap {
	width: 100%;
}
.subwhereWrap ul li {
	margin: 0px 0% 15px;
}
.subwhereWrap ul li a .pic {
	min-height: 230px;
}
.subwhereWrap .rBox {
	display: none;
}
	.pic > img {
	transition:0.3s ease-in-out; width: 100%; 
}

}
@media screen and (max-width:1290px)
{
.subwhereWrap {
	text-align: center;
}
.subwhereWrap ul li {
	width: 48%; display: inline-block; margin: 1%;
}
.subwhereWrap ul li a .pic {
	 height: 365px
}
.pic > img {
	transition:0.3s ease-in-out; width: 100%; 
}

}
@media screen and (max-width:768px)
{

.subwhereWrap ul li a .pic {
	 height: 300px
}

.subwhereWrap ul li {
	margin: 0px 0px 15px; width: 100%; display: inline-block;
}

.subwhereWrap ul li:nth-child(n+4){display: none;}

}

@media screen and (max-width:1000px)
{

.subwhereWrap ul li a .pic {
	 height: 320px
}
}
@media screen and (max-width:480px)
{

.subwhereWrap ul li a .pic {
	 height: 200px
}
}

		   
		   
.subwcn {text-align: right; margin-right: 0; margin-bottom: 5px; margin-top:0px;}
.subwcn select {order: 1px solid #999; width: 90px; text-align: center; padding-left: 10px}
.subwcn label {display: none;  text-align: right}
.subwcn {float: right; display: inline; width: 100%; margin-right: 15px;}

@media screen and (max-width: 640px) {	
.subwcn {margin-right: 5%; margin-bottom: 10px;} 
			}