.view_wrap {overflow:hidden;width:748px;padding:20px 45px 100px 45px;}

.view_wrap .view_contents_inner {overflow:hidden;width:100%;color:#000;line-height:26px;font-size:1.0rem;}
.view_wrap .view_contents_inner img {position:relative;display:block;width:100%;overflow:hidden;clear:both;left:-10px;margin-bottom:20px;}
.view_wrap .view_contents_inner img {height:100% !important;}
.view_wrap h2 {line-height:38px;font-size:1.75rem;font-weight:600;letter-spacing: -.8px;margin-top:20px;color:#333;border-bottom:1px solid #ddd;padding-bottom:20px;}
.view_wrap .view_date {padding:10px 0;text-align:right;font-size:0.8rem;letter-spacing: -.8px;color:#8b8b8b;}


.view_wrap .btn {width:94%;height:40px;line-height:40px;text-align:center;margin:0 auto;margin-top:100px;}
.view_section {
margin-top:30px;
}


/* new */



.w-l-block,.w-l-h-block {
    position: relative
	width:100%;

}

.w-l-block figure,.w-l-h-block figure,figure.big-screen {
    position: relative;
    overflow: hidden
}

.w-l-block figure img,.w-l-h-block figure img,figure.big-screen img {
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: scale(1.00001) translateZ(0);
    transform: scale(1.00001) translateZ(0);
}

.w-l-block figure:hover img,.w-l-h-block figure:hover img,figure.big-screen:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.08) translateZ(0);
    transform: scale(1.08) translateZ(0)
}

.w-l-block figure:before,.w-l-h-block figure:before,figure.big-screen:before {
    content: " ";
    background: #1e2025;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
    display: block;
}

.w-l-block figure:hover:before,.w-l-h-block figure:hover:before,figure.big-screen:hover:before {
    opacity: 1
}

.efct {
	text-align:center;
    position: absolute;
    top: 46%;
    left:0;
    z-index: 5;
    -webkit-transition: opacity .9s;
    transition: opacity .9s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
	width:100%;
}
.efct a {
	text-decoration:none;
}

.w-l-block figure:hover .efct,.w-l-h-block figure:hover .efct,figure.big-screen:hover .efct {
    opacity: 1;
    color: #fff
}
figure:before, figure:before, figure.big-screen:before {
    content: " ";
    background: #1e2025;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
    display: block;
}
.efct a.cover {
	width:100%;


	text-align:center;
}
a.cover span {
    font-weight: 500;
    display: block;
    line-height: 0;
    font-size: 18px;
    text-shadow: 0 1px 4px #333;
    text-transform: uppercase;
}
.award-label, a.cover span {
    text-align: center;
    color: #fff;
}

a.cover span p {
height: 44px;
	margin:0 5%;
    line-height: 44px;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wl-h-info {

}
.wl-h-info a {
	text-decoration:none;
	color:#666;
}
.wl-h-info .info_title {
	font-size:14px;
	padding-bottom:4px;
}
#container {
	padding-top:120px;
}

.wrapper {
	width:1280px;
	margin:0 auto;
}
.wrapper a {
	text-decoration:none;
	color:#333;
}

.contents_top_section {
margin-top:20px;
}

.contents_top_section .contents_top_wrap {
	display:flex;
	gap:30px;
}
.contents_top_section .title {
	display:flex;
	gap:4px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}
.contents_top_section .title svg {
	fill: #535353;
	width:20px;
}

.contents_top_section .list_inner {
	width:100%;
}
.mvl_card img {
    display: block;
    margin: 0;
    object-fit: cover;
    object-position: center center;
    padding: 0;
    width: 100%;
}


.contents_top_section .left_inner .mvl_card img {   
    height: 330px;
}

.contents_top_section {
	background-color:#fff;
	padding:20px;
	border:1px solid #f3f1f0 ;
	border-radius:5px;
}
.contents_top_section .left_inner .mvl_card img {
	
}
.contents_top_section .left_inner img {
			box-shadow: 0 4px 10px -8px rgb(0 0 0/80%);
			border-radius:5px;
	width:400px;height:380px;}


.contents_top_section .left_inner .contents_info {
	padding-top:12px;
	font-size:16px;
}
.contents_top_section .left_inner .contents_info .data {
	font-size:14px;
}

.contents_top_section .list_inner ul {
	display:flex;
	gap:10px;
	flex-direction: column;
}
.contents_top_section .list_inner {
	display:flex;
	gap:20px;
}

.contents_top_section .list_inner .list_box li {
	display:flex;
	gap:10px;


}

.contents_top_section .list_inner .list_box li img {
	width:180px;
	height:120px;

}
.contents_top_section .list_inner .list_box li .mvl_card {
	display:block;
	width:180px;
	height:120px;
		box-shadow: 0 4px 10px -8px rgb(0 0 0/80%);
}
.contents_top_section .list_inner .list_box li .contents_info {
	font-size:14px;
	color:#333;
	padding-top:4px;
}

.contents_top_section .list_inner .list_box li .contents_info a {
	color:#333;

}




.index_layout {
	background-color:#fff;
	padding:20px;
	border:1px solid #f3f1f0 ;
	border-radius:5px;
	margin-top:20px;
}

.index_layout .title {
	display:flex;
	gap:4px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}
.index_layout .title svg {
	fill: #535353;
	width:20px;
}



/* text wrap */


.layout_tab {
	display:flex;
	gap:28px;
}

.layout_tab .layout_tab_left {
	width:882px
}
.layout_tab .layout_tab_right {
	width:372px;

}


.mvl_card {
	position:relative;
	overflow:hidden;
	border-radius:5px;
}
.mvl_card::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: inherit;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1px;
    perspective: 1px;
}

.contents_tab_section .list_inner {
	padding-bottom:20px;
	border-bottom:1px solid #ebebeb;
}

.contents_tab_section .list_inner_type {
	padding-top:20px;
}
.contents_tab_section .list_inner_type ul {}
.contents_tab_section .list_inner_type ul {
	display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(2,1fr);
}

.contents_tab_section .list_inner_type ul .list_box  {
	display:flex;
	gap:20px;
	
}
.contents_tab_section .list_inner_type ul .list_box a {
	font-size:14px !important;
	font-weight:500;
}


.contents_tab_wrap .list_inner_type {
	padding-bottom:20px;
	border-bottom:1px solid #ebebeb;

}

.contents_tab_section .list_inner_type02 ul {
		display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(4,1fr);
}

.contents_tab_section .list_inner_type02 ul .list_box  {
	display:flex;
	flex-direction: column;
	gap:10px;
	
}
.contents_tab_section .list_inner_type02 ul .list_box a {
	font-size:14px !important;
	font-weight:500;
}
.contents_tab_section .list_inner_type02 ul .list_box .mvl_card {
	width:184px;
	height:120px;
}

.contents_tab_wrap .list_inner_type02 {
	padding-bottom:20px;
		padding-top:20px;

}




.layout_tab_right .contents_right_wrap {
margin-bottom:60px;
}

.layout_tab_right .contents_right_wrap .list_inner .mvl_card img {
	border-radius:5px;
	height:200px;
}
.layout_tab_right .contents_right_wrap .top_area li {
	display:flex;
	flex-direction: column;
	gap:10px;
}
.layout_tab_right .contents_right_wrap .top_area li a {
	font-size:14px !important;
	font-weight:500;
}
.layout_tab_right .contents_right_wrap .top_area {
	padding-bottom:20px;
}
.layout_tab_right .contents_right_wrap .text_area {
	padding-top:10px;
	border-top:1px solid #ebebeb}

.layout_tab_right .contents_right_wrap .text_area li.list_box {
	padding:2px 0;
}
.layout_tab_right .contents_right_wrap .text_area .contents_info {
	display:flex;
	gap:10px;
	justify-content: space-between;


}
.layout_tab_right .contents_right_wrap .text_area .contents_info a {
	font-size:14px !important;
}
.contents_right_wrap .text_area .list_box .contents_title {
	position:relative;
	padding-left:14px;
}
.contents_right_wrap .text_area .list_box .contents_title:after {
    content: "\B7";
    position: absolute;
    top: 0%;
    left: 0px;
    font-size: 1.0em;
    color: #525659;
}

.contents_right_wrap .list_inner_type02 {
}

.contents_right_wrap .list_inner_type02 ul {
		display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(2,1fr);
}
.contents_right_wrap .list_inner_type02 ul .mvl_card img {
	height:168px;
	border-radius:5px;
}
.contents_right_wrap .list_inner_type02 ul .list_box {
	display:flex;
	flex-direction: column;
	gap:10px;
}




.contents_tab_section {
margin-top:20px;
}

.contents_tab_section .contents_tab_wrap {
	display:flex;
	gap:30px;
}
.contents_tab_section .title {
	display:flex;
	gap:4px;
	height:40px;
	line-height:40px;
	margin-bottom:6px;
	font-size:16px;
	font-weight:600;
}
.contents_tab_section .title svg {
	fill: #535353;
	width:20px;
}

.contents_tab_section .list_inner {
	width:100%;
}



.contents_tab_section {
	background-color:#fff;
	padding:20px;
	border:1px solid #f3f1f0 ;
	border-radius:5px;
}


.contents_tab_section .list_inner ul {
	display: grid;
    gap: 12px;
    justify-content: center;
    grid-template-columns: repeat(3,1fr);
}
.contents_tab_section .list_inner .list_box {
	width:100%;
}

.contents_tab_section .list_inner .list_box img {
	height:164px;
}
.contents_tab_section .list_inner .list_box .mvl_card {
	display:block;

}
.contents_tab_section .list_inner .list_box .contents_info {
	font-size:12px;
	color:#333;
	padding-top:14px;
}

.contents_tab_section .list_inner .list_box .contents_info a {
	color:#333;
}

.mb_20 {margin-bottom:20px;}

/* header */

header {
	width: 100%;
    position: fixed;
	top:0;
    z-index: 101;
	background-color:#fff;
	box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);
}

.h_align {
}

.header_inner {
	margin:0 auto;
	display:flex;
	flex-direction: column;
}
.header_inner .logo {
	display:flex;
	width:220px;
	height:50px;
	text-align:center;
	margin: 0 auto;
	align-items: center;
    justify-content: center;
}
.header_inner .logo {	
	text-align:center;
	margin: 10px auto;
}
.header_inner .logo img.symbols {
	height:50px;
}
.h_nav {
	border-top:1px solid #d0d7de;
}
.h_nav .h_nav_inner {
	width:1280px;
	margin: 0 auto;
	display:flex;
	gap:10px;
	height:50px;
}
.h_nav .t_logo {
	display:flex;
	width:200px;
	border-left:1px solid #d0d7de;
	border-right:1px solid #d0d7de;
	align-items: center;
    justify-content: center;
}
.h_nav .t_logo img {
	height:20px;
}
.h_nav ul {
	padding-left:20px;
	width: 680px;
    display:flex;
	height:50px;
    gap:30px;
    align-items: center;
}

.h_nav ul li {
}
.h_nav ul li a {
	font-size: 14px;
	color: #000;
	text-decoration:none;
}
.h_search {}
.h_search .h_search_inner {
	height:50px;
	background-color:#474747;
	display:flex;
	width:160px;
	gap:10px;
    align-items: center;
    justify-content: center;

}
.h_search .h_search_inner svg {
	width:18px;
}
.h_search .h_search_inner span {
	color:#fff;
	font-size:16px;
}
.header_inner .logo img {
	height:24px;
}


.contents_tab_wrap .list_inner .wl-h-info {
	padding:10px 0;
}

.contents_tab_wrap .list_inner_type ul .list_box .w-l-h-block {
	display: flex;
    gap: 12px;
}

.contents_tab_section .list_inner_type ul .list_box .wl-h-info .info_title {
	width:100%;
}


.contents_tab_section .list_inner_type ul .list_box .wl-h-info {
	display:flex;

	flex-wrap: wrap;
    align-content: space-between;
}
.contents_tab_wrap .list_inner_type .wl-h-info .data {
	font-size:12px !important;
}
.contents_tab_section .list_inner_type ul .list_box .mvl_card {
	width:210px;
	height:140px;
}

.contents_tab_wrap .list_inner_type02 .wl-h-info {
	padding-top:10px;
}

.pt_10 {
padding-top:10px;
}

.contents_top_wrap .right_inner ul .list_box .w-l-h-block {
	display:flex;
	gap:20px;
}

.contents_top_wrap .right_inner ul .list_box .mvl_card {
    width: 180px;
    height: 120px;
}

.full_layout {
	background-color:#fff;
}
.full_layout_contents {
	width:1280px;
	margin: 50px auto;
	padding: 40px;
}

.full_layout_contents .index_layout_full {}
.full_layout_contents .index_layout_full ul {
			display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(5,1fr);
}

.full_layout_contents .index_layout_full ul .mvl_card {

	height:300px;
}


.contents_mix_wrap .list_inner {}
.contents_mix_wrap .list_inner ul {}
.contents_mix_wrap .list_inner ul .list_box {
	
}

.contents_mix_wrap {
	display: flex;
    gap: 12px;

}

.contents_mix_wrap .list_inner_img {
	padding-right:10px;
	width:80%;
	border-right:1px solid #ebebeb;
}
.contents_mix_wrap .list_inner_img ul {
	display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(2,1fr);
}


.contents_mix_wrap .list_box .mvl_card img {
	width:220px;
	height:160px;
}

.contents_mix_wrap .list_inner_img ul .list_box .w-l-h-block {
	display:flex;
	gap:20px;
}


.contents_mix_wrap .list_inner_text {
	padding:0 10px;
}
.contents_mix_wrap .list_inner_text ul {
	display:flex;
	flex-direction:column;
	gap:8px;
}
.contents_mix_wrap .list_inner_text ul .list_box {
	position:relative;
	padding-left:10px;
}
.contents_mix_wrap .list_inner_text ul .list_box:after {
content: "\B7";
    position: absolute;
    top: 10%;
    left: 0px;
    font-size: 1.0em;
    color: #525659;

}
.contents_mix_wrap .list_inner_text ul .list_box .contents_info {
	display:flex;
	gap:4px;
	justify-content: space-between;
}

.contents_mix_wrap .list_inner_text ul .list_box .contents_info .contents_title a {
	font-size:14px;
}

.mb_50 {
margin-bottom:50px;
}