@charset "UTF-8";

#container{margin:0 ! important;}

.spot_wrap{height:659px; position:relative;}
.spot_wrap .text_pix{float:none; position:absolute; width:1260px; z-index:999; left:50%; top:120px; 
	transform:translateX(-50%); color:#000; font-size:30px; text-align:left; font-family:'noto-light'}
.spot_wrap .text_pix .mainMobile{display:none;}
.spot_wrap .text_pix span{font-size:50px; display:block; font-family:'noto-midium'}
.spot_wrap.spot{height:659px;}
.spot_wrap .spot .item1{height:659px; background:url('/themes/default/assets/images/main/visual_01.png') no-repeat center;}
.spot_wrap .spot .item2{height:659px; background:url('/themes/default/assets/images/main/visual_02.png') no-repeat center;}
.spot_wrap .spot .item3{height:659px; background:url('/themes/default/assets/images/main/visual_03.png') no-repeat center;}
.spot_wrap .spot .item4{height:659px; background:url('/themes/default/assets/images/main/visual_04.png') no-repeat center;}
.spot_wrap .bx-wrapper .div{position:absolute; bottom:60px; left:50%; width:1260px; transform:translateX(-50%); z-index:999;}
.spot_wrap .bx-has-controls-auto{background:rgba(0,0,0,0.7); width:220px; float:left; height:45px; position:relative;}
.spot_wrap .bx-pager{position:absolute; top:0; left:22px; height:45px; line-height:44px; font-size:22px; color:#fff; font-weight:100;}
.spot_wrap .bx-pager-item a{display:block; }
.spot_wrap .bx-pager-item a.active{font-weight:400;}
.spot_wrap .bx-pager-item a.active:after{content:"/"; color:#fff; padding:0 3px 0 1px; font-weight:100;}
.spot_wrap .bx-controls-direction{position:absolute; left:80px;}
.spot_wrap .bx-wrapper .bx-next{float:left; width:32px; height:32px; display:block; border:1px solid rgba(255,255,255,0.5); 
	border-radius:100%; background:url('/themes/default/assets/images/main/4.png') no-repeat center; margin-right:10px; 
	text-indent:-9999px; margin-top:6px;}
.spot_wrap .bx-wrapper .bx-next:hover{background:rgba(255,255,255,0.5) url('/themes/default/assets/images/main/15.png') no-repeat center; 
	border:1px solid rgba(255,255,255,0.1);}
.spot_wrap .bx-wrapper .bx-prev{float:left; width:32px; height:32px; display:block; border:1px solid rgba(255,255,255,0.5); 
	margin-right:10px; border-radius:100%; background:url('/themes/default/assets/images/main/3.png') no-repeat 11px center;
	text-indent:-9999px; margin-top:6px;}
.spot_wrap .bx-wrapper .bx-prev:hover{background:rgba(255,255,255,0.5) url('/themes/default/assets/images/main/14.png') no-repeat 11px center; 
	border:1px solid rgba(255,255,255,0.1);}
.spot_wrap .bx-controls-auto{position:absolute; left:168px;}
.spot_wrap .bx-controls-auto a{display:block; width:32px; height:32px; text-indent:-9999px; border-radius:100%; margin-top:6px;}
.spot_wrap .bx-controls-auto .bx-stop.active{display:none;}
.spot_wrap .bx-controls-auto .bx-stop{background:rgba(255,255,255,0.5) url('/themes/default/assets/images/main/5.png') no-repeat center;}
.spot_wrap .bx-controls-auto .bx-start{background:rgba(255,255,255,0.5) url('/themes/default/assets/images/main/13.png') no-repeat 13px center;}
.spot_wrap .bx-controls-auto .bx-start.active{display:none;}

.content{height:auto;}

.content .mainQuickBox{width: 1260px; margin:0 auto;}
.content .mainQuickBox .quickTitle{
	text-align:center; 
	color:#018596; 
	font-size:25px; 
	padding:50px 0 70px 0
}
.content .mainQuickBox .quickTitle p{font-family:'noto-midium'; font-weight:700; padding-bottom:30px;}
.content .mainQuickBox .quickTitle span{font-size:33px; line-height:140%; font-family:'noto-midium'; font-weight:700; color:#19114d;}
.content .mainQuickBox .quickTitle span.spanBr{display:block;}
.content .mainQuickBox a{color:#000; display:block;}
.content .mainQuickBox a:hover{color:#000;}
.content .mainQuickBox .owl-prev{
	background:url("../images/main/section2_prev.png") no-repeat; 
	width:71px; 
	height:71px; 
	display:block; 
	text-indent:-9999px; 
	float:left; 
	position:absolute; 
	left:0px; 
	top:50%; 
	transform:translateY(-50%); 
}
.content .mainQuickBox .owl-next{
	background:url("../images/main/section2_next.png") no-repeat; 
	width:71px; 
	height:71px; 
	display:block; 
	text-indent:-9999px; 
	float:right; 
	position:absolute; 
	right:0px; 
	top:50%; 
	transform:translateY(-50%); 
}
.content .mainQuickBox .owl-item{height:auto;}
.content .mainQuickBox .items{position:relative;}
.content .mainQuickBox .items .quick a{width:150px; margin:0 auto; padding-top:170px; text-align:center; font-size:21px; font-weight:700;}
.content .mainQuickBox .items .quick.q01 a{
	background:url("../images/main/icon_01.png") no-repeat;
}
.content .mainQuickBox .items .quick.q02 a{
	background:url("../images/main/icon_02.png") no-repeat;
}
.content .mainQuickBox .items .quick.q03 a{
	background:url("../images/main/icon_03.png") no-repeat;
}
.content .mainQuickBox .items .quick.q04 a{
	background:url("../images/main/icon_04.png") no-repeat;
}
.content .mainQuickBox .items .quick.q05 a{
	background:url("../images/main/icon_05.png") no-repeat;
}
.content .mainQuickBox .items .quick.q06 a{
	background:url("../images/main/icon_06.png") no-repeat;
}

.content .mainConWrap{
	background:url('/themes/default/assets/images/main/quick_bg.png') no-repeat center;
	height:596px;
}

.content .mainConWrap .mainConSlogan{
	float:left;
	font-size:38px;
	color:#fff;
	margin-top:135px;
}
.content .mainConWrap .mainConSlogan .type01{
	display:inline-block;
	background:#859d44;
	padding:4px 10px;
}
.content .mainConWrap .mainConSlogan .type02{
	margin-top:7px;
	display:block;
	background:#4e7924;
	padding:4px 10px;
}

.content .mainConBox{width:1260px; margin:100px auto 0 auto;}
.content .mainConBox ul{width:660px; float:right; margin-top:135px;}
.content .mainConBox ul:after{content:""; display:block; float:none; clear:both;}
.content .mainConBox ul li{float:left; width:320px; height:150px;}
.content .mainConBox ul li a{
	position:relative;
	display:block; 
	width:100%; 
	height:100%; 
	padding:15px 0 0 25PX; 
	color:#fff; 
	font-size:23px;
	font-family:'noto-midium';
}
.content .mainConBox ul li a span{
	position:absolute;
	left:30px;
	bottom:30px;
	display:inline-block;
	width:26px;
	height:17px;
	background:url('/themes/default/assets/images/main/quick_arrow.png') no-repeat center;
}
.content .mainConBox ul li{
	background-color:rgba(0, 0, 0, 0.3);
	border:1px solid #fff;
	margin-bottom:20px;
}
.content .mainConBox ul li.li1, .content .mainConBox ul li.li3{
	margin-right:20px
	}
.content .mainConBox ul li.li1 a{background:url('/themes/default/assets/images/main/quick_01.png') no-repeat right 35px bottom 30px;}
.content .mainConBox ul li.li2 a{background:url('/themes/default/assets/images/main/quick_02.png') no-repeat right 35px bottom 30px;}
.content .mainConBox ul li.li3 a{background:url('/themes/default/assets/images/main/quick_03.png') no-repeat right 35px bottom 30px;}
.content .mainConBox ul li.li4 a{background:url('/themes/default/assets/images/main/quick_04.png') no-repeat right 35px bottom 30px;}

.content .noticeWrap{width:1260px; margin:0 auto;}
/* Tab + List */

#tabBox{position:relative; margin:40px 0;}
.tab.list{position:relative; height:230px !important;}
.tab.list h3{position:absolute; top:7px; font-size:30px; display:inline-block;}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none; background:#fff;}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left}
.tab.list li a.noticeTitle01{position:absolute; right:189px; display:block;}
.tab.list li a.noticeTitle02{position:absolute; right:58px; display:block;}
.tab.list li a{color:#141414; font-size:23px;}
.tab.list li.active a{color:#fff; background:#0498b9;}
.tab.list li a span{display:inline-block;padding:10px 25px 10px 25px;letter-spacing:-1px;cursor:pointer}
.tab.list li ul{border-top:1px solid #b3b3b3; width:100%;position:absolute;top:80px;left:0;list-style:none;margin:0;padding:0; background:none;}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{border-bottom:1px solid #b3b3b3; float:left; width:50%; position:relative; padding:25px 0;color:#999; border-bottom:1px solid #d1d1d1;}
.tab.list li li.gubun0{background:url('/themes/default/assets/images/main/notice_gubun.png') no-repeat right center;}
.tab.list li li a{float:none; display:block;padding-left:20px;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:none !important;letter-spacing:normal}
.tab.list li li a span.Bsubject{display:block; color:#141414; font-size:18px; padding: 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tab.list li li a span.Bcontent{display:block; color:#737373; font-size:16px; padding: 0; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.tab.list li li .time{position:absolute; top:26px;right:50px;color:#737373; text-align:center;}
.tab.list li li.more{position:absolute; top:-71px; right:0;width:38px; height:38px; border:0; padding:0;}
.tab.list li li.more a{display:block; text-align:center; padding:0;}


@media only screen and (max-width:1230px){
	.spot_wrap .text_pix{width:80%; top:35px;}
	.spot_wrap .text_pix .mainPc{display:none;}
	.spot_wrap .text_pix .mainMobile{display:block; width:100%;}
	.spot_wrap .bx-wrapper .div{width:96%;}
	.content .mainConBox ul{width:96%; float:none; margin:0 auto; padding:2% 0;}
	.content .mainQuickBox{width:92%;}
	.content .mainConWrap{width:100%;}
	.content .mainConWrap .mainConSlogan{display:none;}
	.content .mainConBox ul li.li1, .content .mainConBox ul li.li3{margin:0;}
	.content .mainConBox ul li{width:48%;}
	.content .noticeWrap{width:96%;}
}
@media only screen and (max-width:1024px){
	.spot_wrap{height:530px; position:relative;}
	.spot_wrap.spot{height:530px;}
	.spot_wrap .spot .item1{height:530px; }
	.spot_wrap .spot .item2{height:530px; }
	.spot_wrap .spot .item3{height:530px; }
	.spot_wrap .spot .item4{height:530px; }
	
	.spot_wrap .bx-wrapper .div {bottom:4%;}
	.content .mainConWrap .mainConSlogan{display:none;}
	.content .mainConBox{width:100%; margin:40px auto 0 auto;}
	.tab.list li a.noticeTitle01, .tab.list li a.noticeTitle02{position:relative; right:auto;}
	.tab.list li li{width:100%; padding:9px 0;}
	.tab.list li li.gubun0{background:none;}
	.tab.list li li a span.Bsubject{font-size:15px;}
	.tab.list li li .time{top:8px; right:12px; font-size:14px;}
	.tab.list h3{display:none;}
}
@media only screen and (max-width:768px){
	.spot_wrap{height:300px; position:relative;}
	.spot_wrap.spot{height:300px;}
	.spot_wrap .spot .item1{height:300px; background-size: cover; background-position: center;}
	.spot_wrap .spot .item2{height:300px; background-size: cover; background-position: center;}
	.spot_wrap .spot .item3{height:300px; }
	.spot_wrap .spot .item4{height:300px; }

	.spot_wrap .text_pix{font-size:20px;}
	.spot_wrap .text_pix span{font-size:30px;}
		
	.content{height:auto;}
	#tabBox{margin-top:20px;}
	.tab.list li ul{top:65px;}
	.tab.list li li.more{top:-58px; right:5px;}
	.content .mainQuickBox .quickTitle{padding:25px 0 20px 0; font-size:24px; letter-spacing:-1.5px;}
	.content .mainQuickBox .quickTitle p{padding-bottom:0px;}
	.content .mainQuickBox .quickTitle span{font-size:15px; letter-spacing:-1.5px; font-family:'noto-light'; line-height:10px;}
	.content .mainQuickBox .items .quick a{background-size:130px !important; width:130px; padding-top:140px; font-size:19px;}
	.content .mainConBox ul li{float:left; width:48%; margin:1% !important; height:130px; background-size:cover ! important;} 
	.content .mainConBox ul li a{font-size:18px;}
	.content .mainConBox ul li a span{font-size:13px;}
	.content .mainConWrap{height: auto;}
}