/*모바일 작은*/
@media only screen and (max-width : 320px) {	
	header{
		height: 100px;
	}
	section#main{
		height: auto;
	}
	section#main .mvisual{
		height: 500px;
	}
	section#main .mvisual .mobile_view {
		display:block;
		margin-top:120px;
	}
	section#main .mvisual .mobile_view .mv_tt {
		position:absolute;
		top:10px;
		font-size:1.5em;
		color:#fff;
		text-shadow:2px 2px 5px #000;
		font-family:나눔고딕;
		font-weight:bold;
	}
	section#main .mvisual .mobile_view .mv_cont {
		position:absolute;
		top:30px;
		padding:10px;
		color:#fff;
		text-shadow:1px 1px 1px #000;
	}
	section#main .mvisual .mobile_view .mv_tail {
		position:absolute;
		bottom:10px;
		border:1px #fff solid;
		padding:5px;
		margin-left:10px;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-weight:bold;
		background:rgba(181,145,45,0.7);
		width:80%;
	}
	section#main .mvisual li{
		position: relative;
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}
	section#main .mvisual li div{
		width: 100%;
		top:0;
		left:0;
		margin-left: 0;
	}
	section#main .mvisual li div img{
		display: block;
		width: 70%;
		max-width: 105px;
		margin:10px auto 0;
	}
	section#main .mvisual li div h3{
		font-size: 16px;
		margin: 10px 0;
	}
	section#main .mvisual li div p{
		font-size: 11px;
		padding: 0 5px;
	}
	section#main .mvisual li div a{
		width: 60%;
		height: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	section#main .mvisual li.visual_bg0{
		background: url(/images/mobile_1_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1{
		background: url(/images/mobile_2_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2{
		background: url(/images/mobile_3_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3{
		background: url(/images/mobile_4_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg0.gg{
		background: url(/images/mobile_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1.gg{
		background: url(/images/mobile_2.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2.gg{
		background: url(/images/mobile_3.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3.gg{
		background: url(/images/mobile_4.png) no-repeat center center;
		background-size: cover;
	}
}
/* 모바일 큰*/
@media only screen and (min-width : 321px) and (max-width : 480px) {	
	header{
		height: 100px;
	}
	section#main{
		height: auto;
	}
	section#main .mvisual{
		height: 500px;
	}
	section#main .mvisual .mobile_view {
		display:block;
		margin-top:120px;
	}
	section#main .mvisual .mobile_view .mv_tt {
		position:absolute;
		top:10px;
		font-size:1.5em;
		color:#fff;
		text-shadow:2px 2px 5px #000;
		font-family:나눔고딕;
		font-weight:bold;
	}
	section#main .mvisual .mobile_view .mv_cont {
		position:absolute;
		top:30px;
		padding:10px;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		width:95%;
	}
	section#main .mvisual .mobile_view .mv_tail {
		position:absolute;
		bottom:10px;
		border:1px #fff solid;
		padding:5px;
		margin-left:10px;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-weight:bold;
		background:rgba(181,145,45,0.7);
		width:80%;
	}
	section#main .mvisual li{
		position: relative;
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}
	section#main .mvisual li div{
		width: 100%;
		top:0;
		left:0;
		margin-left: 0;
	}
	section#main .mvisual li div img{
		display: block;
		width: 70%;
		max-width: 105px;
		margin:10px auto 0;
	}
	section#main .mvisual li div h3{
		font-size: 16px;
		margin: 10px 0;
	}
	section#main .mvisual li div p{
		font-size: 11px;
		padding: 0 5px;
	}
	section#main .mvisual li div a{
		width: 60%;
		height: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	section#main .mvisual li.visual_bg0{
		background: url(/images/mobile_1_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1{
		background: url(/images/mobile_2_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2{
		background: url(/images/mobile_3_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3{
		background: url(/images/mobile_4_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg0.gg{
		background: url(/images/mobile_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1.gg{
		background: url(/images/mobile_2.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2.gg{
		background: url(/images/mobile_3.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3.gg{
		background: url(/images/mobile_4.png) no-repeat center center;
		background-size: cover;
	}
}
/*패드 작은*/
@media only screen and (min-width:481px) and (max-width: 768px) {
	header {
		height:240px;
	}
	section#main{
		height: auto;
	}
	section#main .mvisual{
		height: 500px;
	}
	section#main .mvisual .mobile_view {
		margin-top:120px;
		border:1px 
	}
	section#main .mvisual .mobile_view .mv_tt {
		position:absolute;
		top:10px;
		font-size:1.5em;
		color:#fff;
		text-shadow:2px 2px 5px #000;
		font-family:나눔고딕;
		font-weight:bold;
	}
	section#main .mvisual .mobile_view .mv_cont {
		position:absolute;
		top:30px;
		padding:10px;
		color:#fff;
		text-shadow:1px 1px 1px #000;
	}
	section#main .mvisual .mobile_view .mv_tail {
		position:absolute;
		bottom:10px;
		border:1px #fff solid;
		padding:5px;
		margin-left:10px;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-weight:bold;
		background:rgba(181,145,45,0.7);
		width:85%;
	}
	section#main .mvisual li{
		position: relative;
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}
	section#main .mvisual li div{
		width: 100%;
		top:0;
		left:0;
		margin-left: 0;
	}
	section#main .mvisual li div img{
		display: block;
		width: 70%;
		max-width: 105px;
		margin:10px auto 0;
	}
	section#main .mvisual li div h3{
		font-size: 16px;
		margin: 10px 0;
	}
	section#main .mvisual li div p{
		font-size: 11px;
		padding: 0 5px;
	}
	section#main .mvisual li div a{
		width: 60%;
		height: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	section#main .mvisual li.visual_bg0{
		background: url(/images/mobile_1_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1{
		background: url(/images/mobile_2_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2{
		background: url(/images/mobile_3_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3{
		background: url(/images/mobile_4_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg0.gg{
		background: url(/images/mobile_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1.gg{
		background: url(/images/mobile_2.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2.gg{
		background: url(/images/mobile_3.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3.gg{
		background: url(/images/mobile_4.png) no-repeat center center;
		background-size: cover;
	}
	section#main .board_box .inbox dl dd{
		height: 190px;
	}
	section#main .board_box .inbox dl dd ul li{
		width: 100%;
	}
	section#main .board_box .inbox dl dd ul li a {
		font-size: 12px;
		padding: 5px 10px;
	}
}
/* 패드 큰 or 모니터 작은*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
	header {
		height:240px;
	}
	section#main .mvisual{
		height: 500px;
	}
	section#main .mvisual .mobile_view {
		display:block;
		margin-top:120px;
	}
	section#main .mvisual .mobile_view .mv_tt {
		position:absolute;
		top:10px;
		font-size:1.5em;
		color:#fff;
		text-shadow:2px 2px 5px #000;
		font-family:나눔고딕;
		font-weight:bold;
	}
	section#main .mvisual .mobile_view .mv_cont {
		position:absolute;
		top:30px;
		padding:10px;
		color:#fff;
		text-shadow:1px 1px 1px #000;
	}
	section#main .mvisual .mobile_view .mv_tail {
		position:absolute;
		bottom:10px;
		border:1px #fff solid;
		padding:5px;
		margin-left:10px;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-weight:bold;
		background:rgba(181,145,45,0.7);
		width:90%;
	}
	section#main .mvisual li{
		position: relative;
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}
	section#main .mvisual li div{
		width: 100%;
		top:0;
		left:0;
		margin-left: 0;
	}
	section#main .mvisual li div img{
		display: block;
		width: 70%;
		max-width: 105px;
		margin:10px auto 0;
	}
	section#main .mvisual li div h3{
		font-size: 16px;
		margin: 10px 0;
	}
	section#main .mvisual li div p{
		font-size: 11px;
		padding: 0 5px;
	}
	section#main .mvisual li div a{
		width: 60%;
		height: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	section#main .mvisual li.visual_bg0{
		background: url(/images/mobile_1_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1{
		background: url(/images/mobile_2_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2{
		background: url(/images/mobile_3_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3{
		background: url(/images/mobile_4_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg0.gg{
		background: url(/images/mobile_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1.gg{
		background: url(/images/mobile_2.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2.gg{
		background: url(/images/mobile_3.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3.gg{
		background: url(/images/mobile_4.png) no-repeat center center;
		background-size: cover;
	}
	section#main .board_box .inbox dl dd{
		height: 190px;
	}
	section#main .board_box .inbox dl dd ul li{
		width: 100%;
	}
	section#main .board_box .inbox dl dd ul li a {
		font-size: 12px;
		padding: 5px 10px;
	}
}
/* PC 작은*/
@media only screen and (min-width : 1025px) and (max-width : 1099px) {
	header {
		height:240px;
	}
	section#main .mvisual{
		height: 500px;
	}
	section#main .mvisual .mobile_view {
		display:block;
		margin-top:120px;
	}
	section#main .mvisual .mobile_view .mv_tt {
		position:absolute;
		top:10px;
		font-size:1.5em;
		color:#fff;
		text-shadow:2px 2px 5px #000;
		font-family:나눔고딕;
		font-weight:bold;
	}
	section#main .mvisual .mobile_view .mv_cont {
		position:absolute;
		top:30px;
		padding:10px;
		color:#fff;
		text-shadow:1px 1px 1px #000;
	}
	section#main .mvisual .mobile_view .mv_tail {
		position:absolute;
		bottom:10px;
		border:1px #fff solid;
		padding:5px;
		margin-left:10px;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-weight:bold;
		background:rgba(181,145,45,0.7);
		width:92%;
	}
	section#main .mvisual li{
		position: relative;
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}
	section#main .mvisual li div{
		width: 100%;
		top:0;
		left:0;
		margin-left: 0;
	}
	section#main .mvisual li div img{
		display: block;
		width: 70%;
		max-width: 105px;
		margin:10px auto 0;
	}
	section#main .mvisual li div h3{
		font-size: 16px;
		margin: 10px 0;
	}
	section#main .mvisual li div p{
		font-size: 11px;
		padding: 0 5px;
	}
	section#main .mvisual li div a{
		width: 60%;
		height: 25px;
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	section#main .mvisual li.visual_bg0{
		background: url(/images/mobile_1_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1{
		background: url(/images/mobile_2_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2{
		background: url(/images/mobile_3_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3{
		background: url(/images/mobile_4_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg0.gg{
		background: url(/images/mobile_1.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg1.gg{
		background: url(/images/mobile_2.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg2.gg{
		background: url(/images/mobile_3.png) no-repeat center center;
		background-size: cover;
	}
	section#main .mvisual li.visual_bg3.gg{
		background: url(/images/mobile_4.png) no-repeat center center;
		background-size: cover;
	}
	section#main .board_box .inbox dl dd{
		height: 190px;
	}
	section#main .board_box .inbox dl dd ul li{
		width: 100%;
	}
	section#main .board_box .inbox dl dd ul li a {
		font-size: 12px;
		padding: 5px 10px;
	}
}
/*PC 중간*/
@media only screen and (min-width:1100px) and (max-width:1599px) {
	section#main .mvisual .mobile_view {
		display:none;
	}
}
/*PC 큰*/
@media only screen and (min-width : 1600px) {
	section#main .mvisual .mobile_view {
		display:none;
	}
}