@charset "utf-8";
/*** media ***/
/*** Moblie 0 ~ 749 ***/
/*** Tablet 750 ~ 1023 ***/
/*** Pc 1024 ~  ***/


/* Tablet */
@media only screen and (max-width:1199px) {

	#wrap {min-height:100%; min-width:auto; margin:0;}
	#wrap > .inner {padding: 0;}
	#header {padding:0 20px;  background-attachment:fixed;}

	#header .h_top {width:auto; padding:30px 0 30px 0; height:auto;}
	#header .h_top div {width:376px; height:32px;}
	#header .h_top h1 a {width:97px; height:32px;}
	#header .h_cont {width:auto; height:auto; margin:0 auto; padding:20px 0 20px 0;}
	#header .h_cont .photo_slider {width:100%; height:auto; margin-bottom:10px;}

	#header .h_cont .rBox {float:none; width:100%;}
	#header .h_cont .rBox .hope {width:66%; margin:1% 0 0 0; float:right;}
	#header .h_cont .rBox .message {width:33%; margin:1% 0 0 0; float:right;}
	#header .h_cont .rBox .linkbox {width:33%; margin:1% 0 0 0; float:left;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first {width:100%;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first i {display:block;}
	#header .h_cont .rBox .movie { width:66%; float:left; margin:1% 0 0 0;}

	#container > .inner {width:auto; margin:0 auto; padding:20px 15px 20px 15px;}
	#container .list li {float:left; margin:0 0 25px 0; width:33.33%; padding: 0 10px; box-sizing:border-box;}
	#container .list li a {display:block; width:100%; border:1px solid #e7e7e7; margin:0 auto;}

	/* footer */
	#footer {height:auto;}
	#footer > .inner {width:auto; padding:14px 20px;}
	.move_top {bottom:10px;}

}

/* Moblie */
@media only screen and (max-width:750px) {

	#wrap {min-height:100%; margin:0; min-width:325px;}
	#wrap > .inner {padding: 0;}
	#header .h_top {padding:20px 0;}
	#header .h_top div {width:223px; height:19px;}
	#header .h_top h1 a {width:58px; height:19px;}

	#container > .inner {padding:20px 15px 0 15px;}

	#header .h_cont .photo_slider > div .item .inner .text {line-height:25px; font-size:20px; height:50px; padding:0 45px;}
	#header .h_cont .photo_slider .owl-prev,
	#header .h_cont .photo_slider .owl-next {bottom:35px; width:23px; height:50px;}
	#header .h_cont .photo_slider .owl-prev {left:20px;}
	#header .h_cont .photo_slider .owl-next {right:20px;}
	
	#header .h_cont .rBox {float:none; width:100%;}
	#header .h_cont .rBox .hope {width:100%; margin:10px 0 0 0;}
	#header .h_cont .rBox .message {width:49%; float:left; margin:10px 0 0 0;}
	#header .h_cont .rBox .linkbox {width:49%; float:right; margin:10px 0 0 0;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first i {display:inline-block;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first a span {padding:30px 70px 20px 15px; background-size:51px 64px; }

	#header .h_cont .rBox .movie { width:100%; float:left; margin:10px 0 0 0;}

	#container .list li {width:50%;}

	/* footer */
	#footer address span {display:block;}
	#footer .copy {float:none; position:absolute; right:20px; top:50%; margin-top:-8px;}

	.move_top {bottom:27px;}

	.paging > a.first,
	.paging > a.last {display:none;}

@media only screen and (max-width:450px) {
	#header .h_cont .rBox .linkbox .outb .inb ul li.first a span {padding:10px 15px 10px 15px;}
}

@media only screen and (max-width:420px) {
	#header .h_cont .rBox .linkbox .outb .inb ul li.first a span {background-size:40px 50px; }

	#container > .inner {padding:20px 20px 20px 20px;}
	#container .list li {width:100%; padding:0; margin:0 0 15px 0;}
}

@media only screen and (max-width:364px) {
	#header .h_cont .rBox .linkbox .outb .inb ul li a {padding:8px 15px;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first a {font-size:15px;}
	#header .h_cont .rBox .linkbox .outb .inb ul li.first a span {padding:8px 15px; background:none; /* display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */}
}

@media only screen and (max-width:335px) {
	.paging .num {margin:0;}
	.paging .num > a {border:none;}
}