/* 스마트폰*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
	body{
		font-size:16px;
		width:100%;
		background-size:contain;
	}

	#jb-header {

	}

	#jb-container {
		width: 100%;
	}

	#jb-content {
		width: 100%;
		margin:0;
	}

	#embed-responsive{
		width:100%;
	}

	.title{
		position:relative;
		margin: 0 auto;
		text-align:center;
		color:#73f500;
		padding-bottom:10px;
	}

	.title div{
		display:block;
		font-size:24px;
	}

	.title img{
		display:none;
	}

	.content p{
		font-size:1em;
		line-height:1.4em;
	}

	.dl-horizontal{
		padding:0;
		margin-top:10px;
		font-size:1em;
	}

	.dl-horizontal dt{
		display:inline-block;
		text-align:left;
		width:30%;
		vertical-align:top;
	}

	.dl-horizontal dd{
		display:inline-block;
		width:70%;
		vertical-align:bottom;
		margin:0;
	}

	.red{
		color:#8f0303;
	}

	.image_100 img{
		width:100%;
	}

	#jb-footer {
		clear:both;
		width:100%;
	}

	#jb-footer p{
		font-size:12px;
		padding:0.5em;
	}

	.logo{
	}

	.banner_area{
		text-align:right;
		position:relative;
		top:-11rem;
		right:2rem;
	}
	.banner_area img{
		width:17vw;
	}
}

@media only screen and (min-width: 375px) and (max-width: 768px){
	body{
		font-size:16px;
		width:100%;
		background-size:contain;
	}

	#jb-header {

	}

	#jb-container {
		width: 100%;
	}

	#jb-content {
		width: 100%;
		margin:0;
	}

	#embed-responsive{
		width:100%;
	}

	.title{
		position:relative;
		margin: 0 auto;
		text-align:center;
		color:#73f500;
		padding-bottom:10px;
	}

	.title div{
		display:block;
		font-size:24px;
	}

	.title img{
		display:none;
	}

	.content p{
		font-size:1em;
		line-height:1.4em;
	}

	.dl-horizontal{
		padding:0;
		margin-top:10px;
		font-size:1em;
	}

	.dl-horizontal dt{
		display:inline-block;
		text-align:left;
		width:30%;
		vertical-align:top;
	}

	.dl-horizontal dd{
		display:inline-block;
		width:70%;
		vertical-align:bottom;
		margin:0;
	}

	.red{
		color:#8f0303;
	}

	.image_100 img{
		width:100%;
	}

	#jb-footer {
		clear:both;
		width:100%;
	}

	#jb-footer p{
		font-size:12px;
		padding:0.5em;
	}

	.logo{
	}
	.banner_area{
		text-align:right;
		position:relative;
		top:-11rem;
		right:1vw;
	}
	.banner_area img{
		width:20vw;
	}
}


@media(max-width: 375px){
	body{
		font-size:14px;
		width:100%;
		background-size:contain;
	}
	#jb-header {

	}

	.logo {
	}

	#jb-container {
		width: 100%;
	}

	#jb-content {
		width: 100%;
		margin:0;
	}

	.section{
		margin-top:10px;
		margin-bottom:10px;
		padding:.5em;
	}
	.title{
		position:relative;
		margin: 0 auto;
		text-align:center;
		color:#73f500;
		padding-bottom:10px;
	}

	.title div{
		display:block;
		font-size:21px;
	}

	.title img{
		display:none;
	}

	.content{
		padding:1em;
	}

	.content p{
		font-size:0.875em;
		line-height:1.4em;
	}
	.thumbnail img { 
		width: 100%; 
		height: auto; 
	}

	.dl-horizontal{
		padding:0;
		margin-top:10px;
		font-size:0.875em;
	}

	.dl-horizontal dt{
		display:inline-block;
		text-align:left;
		width:35%;
		vertical-align:top;
	}

	.dl-horizontal dd{
		display:inline-block;
		width:60%;
		vertical-align:bottom;
	}

	#embed-responsive{
		width:100%;
	}

	#jb-footer {
		clear:both;
		width:100%;
	}

	#jb-footer p{
		font-size:8px;
		padding:0.5em;
	}

	.red{
		color:#8f0303;
	}

	.image_100 img{
		width:100%;
	}

	.image_center{
		margin: 0 auto;
		text-align:center;
	}
	.banner_area{
		position:relative;
		top:-14vw;
		right:1vw;
	}
	.banner_area img{
		width:20vw;
	}
}