/* 2019 추가 */

/*@import url('/css/webfont/NotoSansCJKkr/NotoSansCJKkr.css'); */
/*@import url('/css/webfont/NotoSans/NotoSans.css'); */
@import url('/css/webfont/SpoqaHanSans_subset/spoqahansans.css');
@import url('/css/webfont/S-CoreDream/S-CoreDream.css');
@import url('/css/webfont/pretendard/pretendard.css');

.ff_scd {font-family: 'S-Core Dream', 'Pretendard', sans-serif;}
.ff_pre {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}

/*  */
.mt20 {margin-top: 20px !important;}
.t_r {text-align: right;}
body {
	font-family: 'Noto Sans KR', sans-serif;
}

/* contents */
.mt40 {
	margin-top: 40px;
}
.mt80 {
	margin-top: 80px;
}
.header,
.content,
.footer {
	min-width: 1400px;
}
.content {
	padding-top: 0;
	overflow-x: hidden;
}
.container {
	max-width: 1400px;
    min-width: 1400px;
	padding: 0 20px;
}

@media screen and (min-width: 768px) {
	#sub .content .container {
		max-width: 1400px;
		min-width: 1400px;
	}
}

@media screen and (max-width: 767px) {
	.header,
	.content,
	.footer {
		min-width: 320px;
	}
	.container {
		min-width: auto;
    	max-width: 100%;
	}
}

/* main */
.main_vis_wrap {
	position: relative;
    padding: 80px 20px;
    height: 950px;
    font-family: 'Noto Sans KR', sans-serif;
	word-break: keep-all;
}
.main_vis__bg {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.main_vis__bg > ul,
.main_vis__bg > ul div,
.main_vis__bg > ul li {
	width: 100%;
    height: 100%;
}
.main_vis__bg > ul {
	white-space: nowrap;
}
.main_vis__bg > ul li {
	display: inline-block;
	white-space: normal;
}
.main_vis__bg > ul li.bg_01 {
	background: url('/images/2019/main/img_main_visual_01.jpg') no-repeat center/cover;
}
.main_vis__bg > ul li.bg_02 {
	background: url('/images/2019/main/img_main_visual_02.jpg') no-repeat center/cover;
}
.main_vis__bg > ul li.bg_03 {
	background: url('/images/2019/main/img_main_visual_03.jpg') no-repeat center/cover;
}
.main_vis__cont {
	position: relative;
    text-align: center;
}
.main_vis__cont > h2 {
	margin-top: 60px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.main_vis__cont > h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 15px auto 30px;
    background-color: #77fff7;
    border-radius: 2px;
}
.main_vis__cont__board {
	position: relative;
	max-width: 1572px;
    margin: 0 auto;
    padding: 0 106px;
}
.main_vis__cont__board > ul {
	max-width: 1360px;
    margin: 0 auto;
    font-size: 0;
	border: 1px solid #c3d5d5;
    border-right: 0;
    border-radius: 5px;
    overflow: hidden;
	white-space: nowrap;
	-webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.3);
	        box-shadow: 1px 3px 8px rgba(0,0,0,.3);
}
.main_vis__cont__board > ul li {
	position: relative;
    display: inline-block;
    width: 33.333333%;
    height: 420px;
    vertical-align: top;
    text-align: left;
    padding: 40px 60px 40px;
    background-color: #fff;
    border-right: 1px solid #c3d5d5;
    white-space: normal;
}
.main_vis__cont__board > ul li h4 {
	position: relative;
    font-size: 25px;
    font-weight: 700;
    color: #272a32;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #7e7e7e;
}
.main_vis__cont__board > ul li h4 a {
	position: absolute;
    font-size: 0;
    top: 7px;
    right: 0;
    width: 25px;
    height: 25px;
	-webkit-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
.main_vis__cont__board > ul li h4 a img {
	width: 100%;
}
.main_vis__cont__board > ul li h6 {
	font-size: 20px;
    font-weight: 400;
    color: #111;
    max-height: 64px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}
.main_vis__cont__board > ul li p {
	font-size: 15px;
    font-weight: 300;
    color: #272a32;
    margin-top: 20px;
    height: 120px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}
.main_vis__cont__board__date {
	position: absolute;
	display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    margin-top: 20px;
	bottom: 50px;
    left: 60px;
}
.main_vis__cont__board__date img {
	display: inline-block !important;
	vertical-align: middle;
    margin-right: 5px;
	margin-top: -2px;
}
.main_slider_btn {}
.main_slider_btn a {
	position: absolute;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	top: 50%;
	margin-top: -33px;
	font-size: 0;
	text-indent: -9999px;
	color: transparent;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.3);
	        box-shadow: 1px 1px 8px rgba(0,0,0,.3);
}
.main_slider_btn a.main_slider_btn__prev {
	left: 10px;
	background: #fff url('/images/2019/main/icon_main_slide_arrow_prev.png') no-repeat center;
}
.main_slider_btn a.main_slider_btn__next {
	right: 10px;
	background: #fff url('/images/2019/main/icon_main_slide_arrow_next.png') no-repeat center;
}
.main_vis__cont__quick {
	max-width: 1360px;
    margin: 50px auto 0;
}
.main_vis__cont__quick ul {
	font-size: 0;
}
.main_vis__cont__quick ul li,
.main_vis__cont__quick ul li figure,
.main_vis__cont__quick ul li p {
	-webkit-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
.main_vis__cont__quick ul li {
	position: relative;
    display: inline-block;
    width: 16.666666%;
    vertical-align: top;
}
.main_vis__cont__quick ul li figure {
	height: 94px;
}
.main_vis__cont__quick ul li figure img {
	width: auto;
	height: 100%;
}
.main_vis__cont__quick ul li p {
	font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-top: 40px;
}
.main_vis__cont__quick ul li a {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    text-indent: -9999px;
    color: transparent;
}
@media screen and (min-width: 768px) {
	.main_vis__cont__board > ul li h4 a:hover {
		padding: 4px;
		background-color: rgba(0,0,0,.1);
	}
	.main_vis__cont__board > ul li h6 a:hover {
		color: #0069b3;
	}
	.main_vis__cont__board > ul li p a:hover {
		text-decoration: underline;
	}
	.main_slider_btn a.main_slider_btn__prev:hover,
	.main_slider_btn a.main_slider_btn__next:hover {
		background-color: #eee;
	}
	.main_vis__cont__quick ul li:hover {
		background-color: rgba(255,255,255,.15);
	}
	.main_vis__cont__quick ul li:hover figure {
		-webkit-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px);
	}
	.main_vis__cont__quick ul li:hover p {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@media screen and (max-width: 767px) {
	.main_vis_wrap {
		height: 790px;
	}
	.main_vis__cont > h2 {
		font-size: 20px;
    	margin-top: 40px;
	}
	.main_vis__cont > h2:after {
		margin: 13px auto 25px;
	}
	.main_vis__cont__board {
		padding: 0 40px;
	}
	.main_vis__cont__board > ul li {
		padding: 30px 20px;
    	height: 290px;
	}
	.main_vis__cont__board > ul li h4 {
		font-size: 15px;
		padding-bottom: 15px;
		margin-bottom: 13px;
	}
	.main_vis__cont__board > ul li h4 a {
		width: 15px;
		height: 15px;
		top: 4px;
	}
	.main_vis__cont__board > ul li h6 {
		font-size: 14px;
    	max-height: 44px;
	}
	.main_vis__cont__board > ul li p {
		font-size: 12px;
		height: 95px;
		margin-top: 10px;
	}
	.main_vis__cont__board__date {
		font-size: 12px;
    	margin-top: 10px;
		bottom: 30px;
    	left: 20px;
	}
	.main_vis__cont__board__date img {
		width: 12px;
		margin-top: -2px;
		margin-right: 2px;
	}
	.main_slider_btn a {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.main_slider_btn a.main_slider_btn__prev {
		left: 0;
    	background-size: 8px;
	}
	.main_slider_btn a.main_slider_btn__next {
		right: 0;
    	background-size: 8px;
	}
	.main_vis__cont__quick {
		margin: 40px auto 0;
	}
	.main_vis__cont__quick ul li {
		width: 33.333333%;
    	margin-bottom: 30px;
	}
	.main_vis__cont__quick ul li figure {
		height: 47px;
	}
	.main_vis__cont__quick ul li p {
		margin-top: 10px;
    	font-size: 12px;
	}
}

.main_section.main_section_04 {
	background: #e0e4f6;
    background: -o-linear-gradient(left, #e0e4f6, #94a7eb);
    background: -webkit-gradient(linear, left top, right top, from(#e0e4f6), to(#94a7eb));
    background: linear-gradient(to right, #e0e4f6, #94a7eb);
}
/* main section 01 */
.main_section_tit {
	font-size: 30px;
	font-weight: 300;
	color: #272a32;
	text-align: center;
}
.main_section_tit:after {
	content: "";
	display: block;
	margin: 20px auto 50px;
	width: 50px;
	height: 3px;
	background-color: #0f9088;
}
.main_section_01__inner {
	font-size: 0;
}
.main_section_01__popupzone {
	position: relative;
	display: inline-block;
	width: 520px;
	vertical-align: top;
	background-color: #000;
}
.main_section_01__popupzone:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -30px;
	left: -30px;
	background: url('/images/2019/main/bg_main_popupzone.png') no-repeat center/cover;
	z-index: -1;
}
.main_section_01__popupzone > ul {
	white-space: nowrap;
	overflow: hidden;
}
.main_section_01__popupzone > ul li {
	position: relative;
	display: inline-block;
	white-space: normal;
}
.main_section_01__popupzone > ul li figure {
	font-size: 0;
}
.main_section_01__popupzone > ul li figure img {
	width: 100%;
}
.main_section_01__popupzone > ul li figure figcaption {
	position: absolute;
	right: 112px;
	bottom: 40px;
	left: 30px;
	color: #fff;
}
.main_section_01__popupzone > ul li figure figcaption h6 {
	font-size: 22px;
	font-weight: 700;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
.main_section_01__popupzone > ul li figure figcaption p {
	font-size: 16px;
	font-weight: 300;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
.main_section_01__popupzone > ul li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 0;
	text-indent: -9999px;
	color: transparent;
}
.main_section_01__popupzone > ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 5px solid #0f9088;
	display: none;
}
.main_section_01__popupzone__btn {
	position: absolute;
	right: 29px;
	bottom: 39px;
	font-size: 0;
}
.main_section_01__popupzone__btn a {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 27px;
	font-size: 0;
	text-indent: -9999px;
	color: transparent;
	padding: 5px;
}
.main_section_01__popupzone__btn a.popup_prev {
	background: url('/images/2019/main/icon_main_popupzone_prev.png') no-repeat center;
}
.main_section_01__popupzone__btn a.popup_pause {
	background: url('/images/2019/main/icon_main_popupzone_pause.png') no-repeat center;
	display: none;
}
.main_section_01__popupzone__btn a.popup_next {
	background: url('/images/2019/main/icon_main_popupzone_next.png') no-repeat center;
}
.main_section_01__popupzone__btn a.popup_play {
	background: url('/images/2019/main/icon_main_popupzone_play.png') no-repeat center;
	display: none;
}
.main_section_01__popupzone__btn a.popup_pause.on,
.main_section_01__popupzone__btn a.popup_play.on {
	display: inline-block;
}

.main_section_01__board {
	display: inline-block;
	width: calc(100% - 520px);
	vertical-align: top;
	padding-left: 70px;
}
.main_section_01__board__tab {
	position: relative;
}
.main_section_01__board__tab > ul {}
.main_section_01__board__tab > ul li {
	display: inline-block;
    vertical-align: top;
    width: 140px;
    margin-right: 6px;
}
.main_section_01__board__tab > ul li a {
	display: block;
    font-size: 17px;
    font-weight: 300;
    color: #272a32;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}
.main_section_01__board__tab > ul li a.on {
	background-color: #0f9088;
    color: #fff;
    font-weight: 500;
    border-color: #0f9088;
}
a.main_section_01__board__tab__more {
	position: absolute;
    font-size: 12px;
    font-weight: 300;
    color: #7d7d9b;
    top: 50%;
    right: 0;
    padding: 5px 16px 5px 0;
    height: 29px;
    margin-top: -14.5px;
    background: url(/images/2019/main/icon_main_section01_board_more.png) no-repeat right center;
	-webkit-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
.main_section_01__board__cont {}
.main_section_01__board__cont > ul {}
.main_section_01__board__cont > ul li {
	display: none;
}
.main_section_01__board__cont > ul li.on {
	display: block;
}
.main_section_01__board__cont > ul li table {
	width: 100%;
    margin-top: 20px;
	table-layout: fixed;
}
.main_section_01__board__cont > ul li table tr {
	border-bottom: 1px solid #e9e9ee;
}
.main_section_01__board__cont > ul li table tr td {
	vertical-align: middle;
    padding: 18px 0;
}
.main_section_01__board__cont > ul li table tr td a {
	display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #00002a;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
	white-space: nowrap;
}
.main_section_01__board__cont > ul li table tr td.main_section_01__board__date {
	font-size: 15px;
    font-weight: 300;
    color: #7d7d9b;
    width: 120px;
    text-align: right;
}
.main_section_01__board__cont > ul li table tr td.main_section_01__board__date img {
	vertical-align: middle;
    margin-right: 3px;
}
.main_section_02__inner {}
.main_section_02__inner > ul {
	font-size: 0;
    margin: 0 -20px;
}
.main_section_02__inner > ul li {
	display: inline-block;
    width: 33.333333%;
    height: 260px;
    padding: 0 20px;
    vertical-align: top;
}
.main_section_02__promotion {
	position: relative;
	padding: 40px 30px;
    background-color: #f0f0f0;
    height: 100%;
	color: #272a32;
}
/*
.main_section_02__inner > ul li:last-child .main_section_02__promotion:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: -30px;
	bottom: -30px;
	background: url('/images/2019/main/bg_main_section02_last.png') no-repeat center/cover;
	z-index: -1;
}
*/
.main_section_02__promotion figure {
	text-align: center;
	height: 140px;
}
.main_section_02__promotion figure img {
	width: auto;
    height: 100%;
}
.main_section_02__promotion h4 {
	font-size: 18px;
    font-weight: 350;
    margin-top: 20px;
}
.main_section_02__promotion p {
	font-size: 16px;
    font-weight: 300;
    max-height: 25px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box; */
	white-space: nowrap;
}
.main_section_02__promotion a {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    text-indent: -9999px;
    color: transparent;
}
.main_section_02__promotion a:after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #0f9088;
    display: none;
}
@media screen and (min-width:768px) {
	.main_section_01__popupzone > ul li a:hover:after {
		display: block;
	}
	.main_section_01__popupzone__btn a:hover {
		background-color: rgba(255,255,255,.15);
	}
	a.main_section_01__board__tab__more:hover {
		padding: 5px 8px;
		background: rgba(0,0,0,.1) url(/images/2019/main/icon_main_section01_board_more.png) no-repeat right -10px center;
		color: #333;
	}
	.main_section_01__board__cont > ul li table tr td a:hover {
		text-decoration: underline;
	}
	.main_section_02__promotion a:hover:after {
		display: block;
	}
	.main_section_01__board__tab > ul li a:hover {
		border-color: #0f9088;
	}
}
@media screen and (max-width: 767px) {
	.main_section {
		padding: 35px 0 25px;
	}
	.main_section_tit {
		font-size: 18px;
	}
	.main_section_tit:after {
		width: 30px;
		margin: 10px auto 25px;
	}
	.main_section_01__popupzone {
		display: block;
    	width: 100%;
	}
	.main_section_01__popupzone:before {
		bottom: -10px;
    	left: -10px;
	}
	.main_section_01__popupzone > ul li figure figcaption {
		bottom: 20px;
    	left: 20px;
	}
	.main_section_01__popupzone > ul li figure figcaption h6 {
		font-size: 14px;
	}
	.main_section_01__popupzone > ul li figure figcaption p {
		font-size: 12px;
	}
	.main_section_01__popupzone__btn {
		right: 20px;
    	bottom: 16px;
	}
	.main_section_01__board {
		display: block;
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}
	.main_section_01__board__tab > ul {
		margin: 0 -3px;
	}
	.main_section_01__board__tab > ul li {
		width: auto;
		margin-right: 0;
		padding: 0 3px;
	}
	.main_section_01__board__tab > ul li a {
		font-size: 13px;
    	padding: 5px 10px;
	}
	.main_section_01__board__cont > ul li table {
		margin-top: 10px;
	}
	.main_section_01__board__cont > ul li table tr td {
		padding: 10px 0;
	}
	.main_section_01__board__cont > ul li table tr td a {
		font-size: 12px;
	}
	.main_section_01__board__cont > ul li table tr td.main_section_01__board__date {
		font-size: 12px;
    	width: 100px;
	}
	
	.main_section_02__inner > ul li {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.main_section_02__promotion {
		padding: 20px;
	}
	.main_section_02__promotion figure {
		height: 100px;
	}
	.main_section_02__promotion h4 {
		font-size: 15px;
    	margin-top: 10px;
	}
	.main_section_02__promotion p {
		display: block;
		font-size: 12px;
		max-height: 100%;
	}
	.main_section_02__inner > ul li:last-child {
		margin-bottom: 0;
	}
/*
	.main_section_02__inner > ul li:last-child .main_section_02__promotion:after {
		right: -10px;
    	bottom: -10px;
	}
*/
}
.main_section.calendar_section {
	font-size: 0;
}
.main_section_03_date {
	display: inline-block;
	width: calc(100% - 350px);
	vertical-align: top;
}
.main_section_03_facebook {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	padding-left: 40px;
}
.main_section_03__inner {
    font-size: 0;
}
.facebook_box {
	
}
@media screen and (max-width: 767px) {
	.main_section_03_date,
	.main_section_03_facebook {
		display: block;
		width: 100%;
	}
	.main_section_03_facebook {
		margin-top: 35px;
		padding-left: 0;
	}
	.facebook_box {
		text-align: center;
	}
	
}

/* main iframe */
.fs0 {
	font-size: 0;
}
.main_section_03__inner iframe {
	height: 300px !important;
}

@media screen and (max-width: 767px) {
	.main_section_03__inner iframe {
		height: 390px !important;
	}
}

/* 2020 추가 */
.main_visual_top {
	display: table;
    width: 100%;
    height: 360px;
    /* margin-top: 97px; */
    background: url(/images/2020/main/bg_main_top_visual.jpg) no-repeat center/cover;
}
.main_visual_top__inner {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px;
    letter-spacing: -2px;
}
.main_visual_top__inner h2 {
	font-size: 60px;
    font-weight: 350;
    color: #fff;
}
.main_visual_top__inner h2 strong {
	font-weight: 700;
}
.main_visual_top__inner p {
	font-size: 30px;
    font-weight: 350;
    color: rgba(255,255,255,.7);
    margin-top: 10px;
}
.main_section.center_news {
	background: url('/images/2020/main/bg_main_section_center_news.jpg') no-repeat center/cover;
	padding: 70px 0;
}
.main_center_news__inner {
    position: relative;
}
.main_center_news__inner:before {
	content: "";
	position: absolute;
	top: 40px;
	left: -30px;
	width: 100%;
	height: 100%;
	height: calc(100% - 10px);
	background: url('/images/2020/main/bg_main_box_pattern.png') repeat;
}
.main_center_news__inner__patter {
	position: relative;
	padding: 40px 50px;
	background-color: #fff;
    border: 1px solid #c9c9c9;
}
.main_center_news__top {
	font-size: 0;
}
.main_center_news__top > div {
	display: inline-block;
    vertical-align: top;
}
.main_center_news__top figure a {
	position: relative;
	display: block;
}
.main_center_news__top figure a:after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #0f9088;
    display: none;
}
.main_center_news__top__01 {
/*	width: 550px; */
	width: 43.7%;
    padding-right: 60px;
}
.main_center_news__top__01 figure {
	display: inline-block;
    width: 255px;
    vertical-align: top;
}
.main_center_news__top__01 figure img {
	width: 100%;
}
.main_center_news__top__01__txt {
	display: inline-block;
    width: calc(100% - 255px);
    padding-left: 30px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 300;
}
.main_center_news__top__01__txt h6 {
	color: #272a32;
}
.main_center_news__top__01__txt p {
	color: #666;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(217,217,217,.5);
}
.main_center_news__top__01__txt p a {
	word-break: break-all;
	word-break: break-word;
}
.main_center_news__top__01__nodata {
	font-size: 15px;
    font-weight: 400;
    color: #333;
    text-align: center;
    padding: 20px 0;
}
.main_center_news__top__02 {
/*	width: 450px; */
	width: 35.7%;
}
.main_center_news__top__02__inner {
	height: 322px;
}
.main_center_news__top__02__tr {}
.main_center_news__top__02__tr + .main_center_news__top__02__tr {
	margin-top: 11px;
}
.main_center_news__top__02 figure {
	position: relative;
	display: inline-block;
    width: 160px;
	height: 100px;
    vertical-align: top;
	overflow: hidden;
}
.main_center_news__top__02 figure a {
	height: 100% !important;
}
.main_center_news__top__02 figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main_center_news__top__02__txt {
	display: inline-block;
    width: calc(100% - 160px);
    padding-left: 20px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 300;
	color: #111;
	word-break: break-all;
}
.main_center_news__top__02 .mCSB_inside > .mCSB_container {
	margin-right: 56px;
}
.main_center_news__top__02 .mCSB_scrollTools {
	width: 10px;
}
.main_center_news__top__02 .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #f2f2f2;
	width: 10px;
}
.main_center_news__top__02 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
}
.main_center_news__top__02 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #0f9088;
}
.main_center_news__top__02 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.main_center_news__top__02 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.main_center_news__top__02 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #05746d;
}
.main_center_news__top__03 {
/*	width: 258px; */
	width: 20.6%;
    padding-left: 39px;
}
.main_center_news__top__03 figure {
	position: relative;
	width: 100%;
	height: 152px;
	overflow: hidden;
}
.main_center_news__top__03 figure + figure {
	margin-top: 16px;
}
.main_center_news__top__03 figure a {
	height: 100% !important;
}
.main_center_news__top__03 figure img {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 100%;
	max-width: none;
	height: 152px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.main_center_news__bot {
	margin-top: 38px;
    border-top: 1px solid #e7e7e7;
}
.main_center_news__bot ul {
	display: block;
    font-size: 0;
}
.main_center_news__bot ul li {
	position: relative;
	display: inline-block;
    width: 33.333333%;
    padding: 30px 50px 0;
    font-size: 0;
}
.main_center_news__bot ul li + li:before {
	content: "";
    position: absolute;
    top: 35px;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: #e7e7e7;
}
.main_center_news__bot ul li a {
	display: table;
    table-layout: fixed;
    width: 100%;
}
.main_center_news__bot ul li a figure {
	display: table-cell;
    width: 66px;
}
.main_center_news__bot ul li a figure img {}
.main_center_news__bot ul li a div {
	display: table-cell;
    vertical-align: top;
	padding-left: 15px;
    letter-spacing: -.5px;
}
.main_center_news__bot ul li a div h6 {
	font-size: 24px;
    font-weight: 700;
    color: #111;
}
.main_center_news__bot ul li a div p {
	font-size: 18px;
    font-weight: 300;
    color: #666;
}
.main_section_sm_tit {
	font-size: 25px;
	font-weight: 300;
	color: #272a32;
	line-height: 1;
	margin-bottom: 20px;
}
* + .main_section_sm_tit {
	margin-top: 70px;
}
@media (min-width: 768px) {
	.main_center_news__top figure a {
		height: 322px;
    	overflow: hidden;
	}
	.main_center_news__inner__patter a:hover {
		text-decoration: underline;
	}
	.main_center_news__inner__patter figure a:hover:after {
		display: block;
	}
}
@media (max-width: 767px) {
	body#main #header .m-menu-btn:not(.on) span {
		background: #333;
	}
	.main_section_sm_tit {
		font-size: 16px;
    	margin-bottom: 10px;
	}
	* + .main_section_sm_tit {
		margin-top: 35px;
	}
	.main_visual_top {
		height: 240px;
	}
	.main_visual_top__inner {
		letter-spacing: -.5px;
	}
	.main_visual_top__inner h2 {
		font-size: 26px;
	}
	.main_visual_top__inner p {
		font-size: 15px;
	}
	.main_section.center_news {
		padding: 35px 0;
	}
	.main_center_news__inner:before {
		display: none;
	}
	.main_center_news__inner__patter {
		padding: 20px 25px;
	}
	.main_center_news__top > div {
		display: block;
	}
	.main_center_news__top__01 {
		width: auto;
    	padding-right: 0;
	}
	.main_center_news__top__01 figure {
		display: block;
    	width: 100%;
	}
	.main_center_news__top__01__txt {
		display: block;
		width: auto;
		padding-left: 0;
		margin-top: 10px;
	}
	.main_center_news__top__01__txt p {
		margin-top: 10px;
		padding-top: 0;
		border-top: 0;
	}
	.main_center_news__top__02 {
		width: auto;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid rgba(217,217,217,.5);
	}
	.main_center_news__top__02 .mCSB_inside > .mCSB_container {
		margin-right: 30px;
	}
	.main_center_news__top__02 figure {
		display: block;
	}
	.main_center_news__top__02__txt {
		display: block;
		width: auto;
		padding-left: 0;
		margin-top: 5px;
	}
	.main_center_news__top__03 {
		width: auto;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid rgba(217,217,217,.5);
		padding-left: 0;
	}
	.main_center_news__top__03 figure {
		height: auto;
	}
	.main_center_news__top__03 figure img {
		position: relative;
		left: 0;
		min-width: auto;
		width: 100%;
		height: auto;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.main_center_news__bot ul {
		display: block;
	}
	.main_center_news__bot ul li {
		width: 100%;
    	padding: 20px 0;
	}
	.main_center_news__bot ul li + li:before {
		display: none;
	}
	.main_center_news__bot ul li a {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.main_center_news__bot ul li a figure {
		width: 67px;
    	text-align: center;
	}
	.main_center_news__bot ul li a div h6 {
		font-size: 16px;
	}
	.main_center_news__bot ul li a div p {
		font-size: 14px;
	}
}