@charset "utf-8";

#container_wrap,
#tnb_wrap,
#header_wrap,
#header,
#gnb,
#body_wrap,
#side_wrap,
#content_wrap,
#footer_wrap,
#footer {display:block;position:relative;}

#container_wrap:after,
#tnb_wrap:after,
#header_wrap:after,
#header:after,
#gnb:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}

#intro_container {position:relative;overflow:hidden;width:100%;/*height:100vh;*/padding:20px;background:url(../img/pattern.jpg);}

.lefttop img,
.righttop img,
.intro_logo img,
.intro_logo2 img,
.intro_truck img {width:100%;height:auto;}

.lefttop {display:block;position:absolute;left:40px;top:20px;width:80px;line-height:80px;}
.righttop {display:block;position:absolute;right:40px;top:20px;width:190px;line-height:80px;}

.intro_logo {display:block;width:90px;margin:0 auto 80px auto;line-height:80px;}
.intro_logo2 {display:block;width:400px;margin:0 auto 40px auto;}
.intro_truck {display:block;width:100%;max-width:740px;margin:0 auto 40px auto;}

#intro_container p {display:block;margin:0 0 20px 0;color:#2c62ae;font-size:24px;text-align:center;line-height:140%;word-break:keep-all;}
#intro_container h2 {display:block;margin:0 0 30px 0;color:#2c62ae;font-size:36px;text-align:center;line-height:140%;word-break:keep-all;font-weight:700;}
#intro_container h2 span {display:inline-block;position:relative;box-shadow:inset 0 -18px 0 rgba(254,214,56,0.8);}
#intro_container h2 br {display:none;}
#intro_container .btn_area {margin:0 auto 40px auto; text-align:center;}
#intro_container .btn_area a {display:inline-block;width:360px;margin:0 auto;padding:16px 0;color:#fff;font-size:24px;text-align:center;line-height:140%;background:#2c62ae;border-radius:10px;}


#header {padding:30px 20px;text-align:center;line-height:60px;}
#header a.logo {display:inline-block;width:90px;margin:0 20px 0 0;}
#header a.logo2 {display:inline-block;width:250px;margin:0;}

#viz {position:relative;width:100%;margin:0 auto;padding:60px 20px;background:url(../img/particle.png) no-repeat 50% 50% #fffbd2;background-size:cover;}
#viz .content {position:relative;width:100%;max-width:1280px;margin:0 auto;}
#viz .content:after {display:block;visibility:hidden;clear:both;content:""}
#viz .content .truck {display:block;position:absolute;right:50%;top:50%;width:540px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#viz .content .text {display:block;float:right;width:45%;font-size:18px;line-height:140%;letter-spacing:-1px;word-break:keep-all;}
#viz .content .text strong {display:inline-block;padding:2px 6px;line-height:120%;background:#fed638;}
#viz .content .text2 {margin:20px 0 0 0;}
#viz .content .text2 ul {}
#viz .content .text2 ul:after {display:block;visibility:hidden;clear:both;content:""}
#viz .content .text2 ul li {display:block;float:left;width:49%;font-size:13px;line-height:160%;}
#viz .content .text2 ul li:first-child {margin:0 2% 0 0;}
#viz .content .text2 ul li strong {display:block;padding:0;background:none;}

.bg_none {background:none !important;}

#header a.logo img,
#header a.logo2 img,
#viz .content .truck img {width:100%;height:auto;}

#body_wrap {padding:40px 10px;}

#content_wrap {width:100%;max-width:1280px;margin:0 auto;}

.recent_btn {display:none; margin:10% auto 10% auto; text-align:center;}
.recent_btn a {
	font-size:1.25em;
	padding:10px 20px;
	border:1px solid #666;
	border-color: rgba(42, 42, 42, 0.2);
	background-color: #fff;
}

.recent {float:left;width:48%;margin:0 4% 0 0;}
.recent:last-child {margin:0;}
.recent h2 {display:block;padding:0 10px 10px 10px;font-size:20px;font-weight:700;border-bottom:solid 1px #ddd;}

.bbs_title h2 {display:block;margin-bottom:20px;padding:0 10px 10px 10px;font-size:20px;font-weight:700;border-bottom:solid 1px #ddd;}

ul.photo {}
ul.photo:after {display:block;visibility:hidden;clear:both;content:""}
ul.photo li {display:block;float:left;width:48%;margin:0 3% 30px 0;}
ul.photo li:nth-child(2n) {margin:0 0 30px 0;}
ul.photo li a {display:block;}
ul.photo li a.thumb {margin:0 0 20px 0;}
ul.photo li a.thumb img {width:100%;height:auto;}
ul.photo li a.subj {height:34px;margin:0 0 8px 0;line-height:120%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
ul.photo li a.cont {height:50px;color:#666;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 
}
ul.photo li .good {margin:20px 0;color:#999;font-size:12px;}
ul.photo li .good i {font-size:14px;}
ul.photo li .info {color:#999;font-size:12px;}
ul.photo li .info strong {color:#222;font-weight:300;}

ul.list {margin:0 0 20px 0;}
ul.list li {display:inline-block;border-bottom:solid 1px #ddd; }
ul.list li:nth-child(1n) {width:10%; text-align:center;}
ul.list li:nth-child(2n) {width:70%; text-align:left;}
ul.list li:nth-child(3n) {width:17%; text-align:center;}
ul.list li strong {display:block;line-height:40px;text-align:center;font-weight:400;}
ul.list li a {display:block;padding:10px;}
ul.list li a i {color:#999;font-size:12px;}
ul.list li a .new {display:inline-block;width:18px;height:18px;color:#fff;font-size:10px;text-align:center;line-height:18px;font-weight:600;background:#f75665;border-radius:50%;}
ul.list li p, ul.list li strong {display:block;padding:10px;}

ul.list li .even{background:#fff6fa !important;}

ul.list li .notice_icon {
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    color: #f9267f;
}

.bbs {display:block;}

.btn_area {display:block;margin:0 0 20px 0;text-align:right;}
.btn_area a {display:inline-block;width:120px;color:#fff;font-size:12px;line-height:32px;text-align:center;background:#222;}

.pg_wrap {display:block;font-size:0;line-height:0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;position:relative;vertical-align:top;width:24px;height:24px;margin:0 1px;color:#ccc;font-size:13px;line-height:24px;text-align:center;border-radius:3px;overflow:hidden;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pg a:focus, .pg a:hover {color:#222;text-decoration:none;}
.pg_page {text-decoration:none;}
.pg_page:hover {}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_start, .pg_prev, .pg_end, .pg_next {line-height:999px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-family:"FontAwesome";font-size:12px;text-align:center;line-height:24px;}
.pg_start:after {content:'\f100';}
.pg_prev:after {content:'\f104';}
.pg_end:after {content:'\f101';}
.pg_next:after {content:'\f105';}
.pg_start i, .pg_prev i, .pg_end i, .pg_next i {color:#444;font-size:12px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {color:#222;font-weight:600;text-decoration:underline;}

.video {width:100%;max-width:800px;margin:0 auto 40px auto;}
.video video {width:100%;height:auto;}

/* ifrma response */
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}


ul.thumb_food {width:100%;max-width:960px;margin:0 auto 40px auto;line-height:0;font-size:0;text-align:center;}
ul.thumb_food:after {display:block;visibility:hidden;clear:both;content:""}
ul.thumb_food li {display:inline-block;width:49%;padding:5px;}
ul.thumb_food li a {display:block;padding:10px;background:#fff;border-radius:10px;}
ul.thumb_food li a img {width:100%;height:auto;}
ul.thumb_food li a p {font-size:18px !important;text-align:center;font-weight:500; margin: 10px 0 10px 0 !important}




@media screen and (max-width:1280px) {
#viz {padding:40px 20px;background:url(../img/particle_m.png) no-repeat 50% 50% #fffbd2;background-size:cover;}
#viz .content .truck {position:relative;right:auto;top:0;width:100%;max-width:540px;margin:0 auto 20px auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
#viz .content .text {float:none;width:100%;max-width:540px;margin:0 auto;}
}




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

#body_wrap {padding: 0px;}

.lefttop {left:20px;width:60px;line-height:60px;}
.righttop {right:20px;width:120px;line-height:60px;}

.intro_logo {width:80px;margin:0 auto 60px auto;line-height:60px;}
.intro_logo2 {width:260px;margin:0 auto 20px auto;}
.intro_truck {margin:0 0px 20px 0px;}

#intro_container p {font-size:16px;}
#intro_container h2 {font-size:24px;}
#intro_container h2 span {box-shadow:inset 0 -10px 0 rgba(254,214,56,0.8);}
#intro_container h2 br {display:block;}
#intro_container .btn_area a {width:240px;padding:12px 0;font-size:18px; margin-bottom:10px !important;}

/*ul.thumb_food li {width:33.33%;}*/
ul.thumb_food li {width:49%;}
ul.thumb_food li a p {font-size:14px !important;}


#header {padding:10px 20px;line-height:60px;}
#header a.logo {width:60px;margin:0 10px 0 0;}
#header a.logo2 {width:160px;}


.recent {float:none;width:auto;margin:0 0 40px 0; padding: 10px;}
.recent h2 {font-size:16px;}

.recent_btn {display:block;}
.bbs {display:none;}

.bbs_title {padding: 10px;}
#bo_w,#bo_v {padding:0px 15px;}
#bo_v_atc {padding:10px;}

}



@media screen and (max-width:480px) {
#viz .content .text2 ul li {float:none;width:100%;margin:0;}
#viz .content .text2 ul li:first-child {margin:0 0 20px 0;}
}