@charset "UTF-8";

.main-container {
	position: relative;
	min-height: 922px;
	overflow: hidden;
}


.main-visual-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 922px;
	text-align: center;
	overflow: hidden;
}

.main-visual-wrapper .swiper-main-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	display:block;
	z-index: -1;
}

.main-visual-wrapper .swiper-slide {
	display: block;
}

.main-visual-wrapper .swiper-slide img {
	display: block;
	width: 100%;
}

.main-visual-wrapper .swiper-slide img.pc {
	display: block
}

.main-visual-wrapper .swiper-slide img.mobile {
	display: block
}

/* 
.main-visual-wrapper .pc {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	display:block;
	z-index: -1;
}

.main-visual-wrapper .mobile {
	display: none;
} 
*/

.main-word-slogan {
	padding-top: 9.231rem;
	margin-bottom: 3.077rem;
}

.main-word-slogan > img {
	display: block;
	width: 28.23rem;
	margin: 0 auto;
}

.main-menu-wrapper {
	position: relative;
	max-width: 1055px;
	margin: 0 auto;
	z-index: 10;
}

.main-menu-wrapper > ul {
	display: block;
}

.main-menu-wrapper > ul:after {
	content: "";
	clear: both;
	display: block;
}

.main-menu-wrapper > ul > li {
	float: left;
	width: 171px;

	background: transparent url(../img/main/bg_line01.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../img/main/bg_line01@2x.png);
	background: linear-gradient(transparent,transparent),url(../img/main/bg_line01@2x.png);
	background-repeat: repeat-y;
	background-position: right top;
	background-size: 1px 1px;
}

.main-menu-wrapper > ul > li:last-child {
	background: transparent;
}

.main-menu-wrapper > ul > li > a {
	display: block;
	color: #fff;
	padding-bottom: 5px;
}

.main-menu-wrapper > ul > li > a > img {
	display: block;
	width: 6.615rem;
	margin: 0 auto  1.385rem auto;
}

.main-menu-wrapper > ul > li > a > span {
	display: block;
	font-size: 1.231rem;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.main-contents {
	position: relative;
	margin: 0 auto;
	padding: 425px 20px 20px 20px;
	max-width: 1230px;
}

.main-contents:after {
	content: "";
	clear: both;
	display: block;
}

.main-contents-wrapper01 {
	float: left;
	width: 24%;
}

.main-contents-wrapper02 {
	float: left;
	width: 36%;
	margin-left: 2%;
}


/* main login */
.main-login-wrapper {
	border: 1px solid #e2e2e2;
	min-height: 160px;
	background: #f8f8f8;
}

.main-login-wrapper .login-tabmenu {
	display: block;
}

.main-login-wrapper .login-tabmenu:after {
	content: "";
	clear: both;
	display: block;
}

.main-login-wrapper .login-tabmenu > li {
	float: left;
	width: 33.33%;
}

.main-login-wrapper .login-tabmenu > li input[type="radio"] {
	display: none;
}

.main-login-wrapper .login-tabmenu > li input[type="radio"] + label {
	display: block;
	width: 100%;
	height: 31px;
	line-height: 31px;
	text-align: center;
	background: #fff;
	color: #a6a6a6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
}
/*
.main-login-wrapper .login-tabmenu > li:nth-child(even) input[type="radio"] + label {
	border-left: 1px solid #e6e6e6;
}
*/

/** 로그인 세개로 늘리기 위해 변경 by jhko **/
.main-login-wrapper .login-tabmenu > li input[type="radio"] + label {
	border-left: 1px solid #e6e6e6;
}

.main-login-wrapper .login-tabmenu > li input[type="radio"]:checked + label {
	background: #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	color: #444444;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.main-login-area {
	padding: 17px 20px 15px 20px;
}

.main-login-area .main-login-box {
	position: relative;
	padding-right: 75px;
}

.main-login-area .main-login-box input[type="text"] {
	display: block;
	border: 1px solid #e1e1e1;
	border-bottom: 0;
	border-right: 0;
	width: 100%;
	height: 32px;
}

.main-login-area .main-login-box input[type="password"] {
	display: block;
	width: 100%;
	height: 32px;
	border: 1px solid #e1e1e1;
	border-right: 0;
}

.main-login-area .main-login-box input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 100%;
	background: #073d67;
	color: #fff;
	font-size: 1.231rem;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.main-login-area .login-sub-menu {
	padding-top: 14px;
}

.main-login-area .login-sub-menu:after {
	content: "";
	clear: both;
	display: block;
}
 
.main-login-area .login-sub-menu > li {
	float: left;
	padding-right: 11px;
	margin-right: 10px;

	background: transparent url(../img/main/icon_bar01.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../img/main/icon_bar01@2x.png);
	background: linear-gradient(transparent,transparent),url(../img/main/icon_bar01@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1px 10px;
}

.main-login-area .login-sub-menu > li:last-child {
	padding-right: 0;
	margin-right: 0;
	background: transparent;
}

.main-login-area .login-sub-menu > li > a {
	display: block;
	color: #999999;
	font-size: 0.923em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.main-login-area .login-sub-menu > li > a > strong {
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}


.icon-notice {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    font-size: 13px;
    background: #079adf;
}

.icon-recommand {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    font-size: 13px;
    background: red;
}

/* 로그인 후 */
.logon-wrapper {
	position: relative;
	padding-top: 15px;
}

.logon-wrapper .logon-area {
	position: relative;
	padding-left: 23px;
	padding-right: 95px;
	padding-bottom: 12px;
	min-height: 77px;
}

.logon-wrapper .logon-area dl {
	padding-top: 10px;
}

.logon-wrapper .logon-area dl > dt {
	display: block;
	font-size: 1.538em;
	line-height: 1em;
	color: #404040;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	margin-bottom: 10px;
}

.logon-wrapper .logon-area dl > dt > strong {
	color: #1664a8;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.logon-wrapper .logon-area dl > dd {
	color: #333333;
	font-size: 1.231em;
	line-height: 1em;
}

.logon-wrapper .logon-area .btn-logout {
	position: absolute;
	top: 0;
	right: 10px;
	width: 75px;
	height: 65px;
	color: #fff;
	background: #073d67
}

.logon-wrapper .logon-menu {
	background: #fff;
}

.logon-wrapper .logon-menu > li {
	float: left;
	width: 50%;
	height: 33px;
	border-top: 1px solid #ececec
}

.logon-wrapper .logon-menu > li > a {
	display: block;
	height: 33px;
	line-height: 33px;
	padding-left: 25px;
	text-align: left;
	color: #444444
}

.logon-wrapper .logon-menu > li:nth-child(even) {
	border-left: 1px solid #ececec
}

.logon-wrapper .logon-menu > li > a .icon {
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #777777;
	margin-right: 2px;
}

/* main menu02 */
.main-menu02-wrapper {
	background: #fff;
}

.main-menu02-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.main-menu02-area {
	float: left;
	width: 50%;
	height: 230px;
	background: #1664a8;
}

.main-menu02-area:nth-child(even) {
	background: #ffa800
}

.main-menu02-area h2 {
	display: table;
	width: 100%;
	height: 53px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 1.077rem;
	line-height: 1.231rem
}

.main-menu02-area h2 > span {
	display: table-cell;
	vertical-align: middle;
}

.main-menu02-area h2 > span > span {
	display: block;
}

.main-menu02-box {
	position: relative;
	display: block;
	border-top: 1px solid #397bb5
}

.main-menu02-box > .top-line {
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
	border-top: 1px solid #b0cae1;
	margin-top: -1px;
}

.main-menu02-box > ul {
	padding: 15px 10px 0 10px;
}

.main-menu02-box > ul > li {
	display: block;
	height: 34px;
	line-height: 34px;
	margin-bottom: 12px;
}

.main-menu02-box > ul > li:last-child {
	margin-bottom: 0;
}

.main-menu02-box > ul > li > a {
	display: table;
}

.main-menu02-box > ul > li > a > img {
	display: table-cell;
	vertical-align: middle;
	width: 34px;
	margin-right: 6px;
}

.main-menu02-box > ul > li > a > span {
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	font-size: 1.077rem;
	line-height: 1.231rem;
}

.main-menu02-box > ul > li > a > span > span {
	display: block;
}

.main-menu02-area:nth-child(even) .main-menu02-box {
	border-top: 1px solid #ffb526

}

.main-menu02-area:nth-child(even) .main-menu02-box > .top-line {
	border-top: 1px solid #ffe1a8
}


.tabmenu-depth3-board-wrapper {
	position: relative;
	height: 390px;
	padding-right: 55px;
	background: #fff;
}

.tabmenu-depth3-board-wrapper > ul {
	position: relative;
	padding-top: 48px;
}	

.tabmenu-depth3-board-wrapper > ul > li {
	display: block;
}

.tabmenu-depth3-board-wrapper > ul > li > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 33.33%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #e3e3e3;
	font-size: 1.154rem;
	background: #7889a0;
	border-right: 1px solid #90a1b3;
	letter-spacing: -1px;
}

.tabmenu-depth3-board-wrapper > ul > li > a:hover,
.tabmenu-depth3-board-wrapper > ul > li > a.on {
	color: #27272a;
	background: #fff;
}

.tabmenu-depth3-board-wrapper > ul > li:nth-child(2) > a {
	left: 33.33%;
	width: 33.34%;
}

.tabmenu-depth3-board-wrapper > ul > li:nth-child(3) > a {
	left: 66.67%;
}

.tabmenu-depth3-board-wrapper > ul#board01 > li > a {
	width: 25%;
}

.tabmenu-depth3-board-wrapper > ul#board01 > li:nth-child(2) > a {
	left: 25%;
}

.tabmenu-depth3-board-wrapper > ul#board01 > li:nth-child(3) > a {
	left: 50%;
}

.tabmenu-depth3-board-wrapper > ul#board01 > li:nth-child(4) > a {
	left: 75%;
}




.tabmenu-depth3-board-wrapper > ul > li .tabmenu-depth3-board-area {
	display: none;
}

.tabmenu-depth3-board-wrapper > ul > li .on + .tabmenu-depth3-board-area {
	display: block;
}

.tabmenu-depth3-board-wrapper > ul > li .on + .tabmenu-depth3-board-area > .btn-more {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -55px;
	display: block;
	width: 55px;
	height: 48px;
	z-index: 10;
	text-indent: -5000rem;
	background: url(../img/main/btn_more01@2x.png) no-repeat center center;
	background-size: 15px 15px;
}

.tabmenu-depth3-board-area {
	width: calc(100% + 55px);
	padding: 27px;
}

.tabmenu-depth3-board-area ul {
	margin: 0;
	padding: 0;
}

.tabmenu-depth3-board-area ul > li {
	margin-bottom: 15px;
}

.tabmenu-depth3-board-area ul > li:last-child {
	margin-bottom: 0;
}

.tabmenu-depth3-board-area ul > li > a {
	position: relative;
	display: block;
	padding-left: 17px;
	padding-right: 80px;
	background: url(../img/main/bul_type01@2x.gif) no-repeat left center;;
	background-size: 6px 6px;
	color: #818186;
}

.tabmenu-depth3-board-area ul > li > a:hover {
	text-decoration: underline;
}

.tabmenu-depth3-board-area ul > li > a .title {
	display: inline-block;
	vertical-align: middle;
	max-width: 85%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	font-size: 1.231rem;
	line-height: 1.231rem;
}

.tabmenu-depth3-board-area ul > li > a > img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 15px;
}

.tabmenu-depth3-board-area ul > li > a > .date {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1rem;
	line-height: 1.231rem;
}


.tabmenu-depth3-board-wrapper.type02 {
	background: #3fa4e4;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > a {
	color: #fff;
	font-size: 1.154rem;
	background: #efb22d;
	border-right: 1px solid #f0c159;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > a:hover,
.tabmenu-depth3-board-wrapper.type02 > ul > li > a.on {
	color: #fff;
	background: #3fa4e4;
}




.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a {
	padding-left: 17px;
	padding-right: 120px;
	background: url(../img/main/bul_type01@2x.gif) no-repeat left center;;
	background-size: 6px 6px;
	color: #fff;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a .title {
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	font-size: 1.231rem;
	line-height: 1.231rem;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 15px;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	line-height: 1.231rem;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date .location {
	display: inline-block;
	vertical-align: middle;
	color: #fff7c3;
	font-size: 1.154rem;
	margin-right: 10px;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date .date {
	display: inline-block;
	vertical-align: middle;
}

.tabmenu-depth3-board-wrapper.type02 > ul > li .on + .tabmenu-depth3-board-area > .btn-more {
	background: url(../img/main/btn_more02@2x.png) no-repeat center center;
	background-size: 15px 15px;
}

.main-banner-wrapper { 	
	position: relative;
	clear: both;
	max-width: 1230px;
	padding: 0 20px;
	margin: 0 auto;
	z-index: 10;
}


.main-banner-wrapper:after {	
	content: "";
	clear: both;
	display: block;
}

.main-banner-wrapper > a {
	position: relative;
	float: left;
	display: block;
	width: 16.6666%;
	height: 66px;
	background: #fff;
	overflow: hidden;
	border-right: 1px solid #dfdfdf
}

.main-banner-wrapper > a:last-child {
	border-right: 1px solid #fff;
}

.main-banner-wrapper > a > img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
}

/* footer */
.footer {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 35px;
}

@media only all and (max-width: 1197px) {
	.main-menu02-box > ul > li > a > span {
		font-size: 1rem;
		line-height: 1.154rem;
		letter-spacing: -1px;
	}

	.tabmenu-depth3-board-wrapper > ul > li > a {
		font-size: 1rem;
	}
}


@media only all and (max-width: 1023px) {
	.main-container {
		position: relative;
		min-height: auto;
		padding-bottom: 1.038rem;
		overflow: hidden;
	}


	.main-visual-wrapper {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 17.31rem;
		text-align: center;
		overflow: hidden;
	}


	.main-visual-wrapper .swiper-main-container {
		position: static;
		width: 100%;
		margin-left: 0;
		z-index: 0;
	}

	.main-visual-wrapper .swiper-slide {
		display: block;
	}

	.main-visual-wrapper .swiper-slide img {
		display: block;
		width: 100%;
	}

	.main-visual-wrapper .swiper-slide img.pc {
		display: none
	}

	.main-visual-wrapper .swiper-slide img.mobile {
		display: block
	}

	/* 	
	.main-visual-wrapper .pc {
		display: none;
	}
	
	.main-visual-wrapper .mobile {
		display: block;
		width: 100%;
	}
	*/

	.main-word-slogan {
		position: absolute;
		top: 4.538rem;
		left: 0;
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 0;
		z-index: 10;
	}

	.main-word-slogan > img {
		width: 14rem;
	}

	.main-menu-wrapper {
		position: absolute;
		top: 9.038rem;
		left: 50%;
		display: block;
		max-width: 21.54rem;
		margin-left: -10.77rem;
	}

	.main-menu-wrapper > ul > li {
		width: 5.385rem;
	}

	.main-menu-wrapper > ul > li > a {
		padding-bottom: 0.1923rem;
	}

	.main-menu-wrapper > ul > li > a > img {
		width: 2.885rem;
		margin: 0 auto  0.6154rem auto;
	}

	.main-menu-wrapper > ul > li > a > span {
		font-size: 0.7692rem;
	}

	.main-contents {
		padding: 1.038rem 0.7692rem;
		max-width: 100%;
	}


	.main-contents-wrapper01 {
		float: none;
		width: 100%;
	}

	.main-contents-wrapper02 {
		float: none;
		width: 100%;
		margin-top: 0.9615rem;
		margin-left: 0;
	}

	.main-contents-wrapper01,
	.main-contents-wrapper02 {
		content: "";
		clear: both;
		display: block;
	}

	/* main login */
	.main-login-wrapper .login-tabmenu > li input[type="radio"] + label {
		height: 2.423rem;
		line-height: 2.423rem;
	}

	.main-login-area {
		padding: 1.346rem 1.538rem 1.154rem 1.538rem;
	}

	.main-login-area .main-login-box {
		padding-right: 5.769rem;
	}

	.main-login-area .main-login-box input[type="text"],
	.main-login-area .main-login-box input[type="password"] {
		height: 2.462rem;
		font-size: 0.9231rem;
	}

	.main-login-area .main-login-box input[type="submit"] {
		width: 5.769rem;
		font-size: 1.077rem;
	}

	.main-login-area .login-sub-menu {
		padding-top: 1.154rem;
	}


	.main-login-area .login-sub-menu > li {
		float: left;
		padding-right: 0.8462rem;
		margin-right: 0.7692rem;
		background-size: 0.07692rem 0.7692rem;
	}


	/* 로그인 후 */
	.logon-wrapper {
		position: relative;
		padding-top: 1.154rem;
	}

	.logon-wrapper .logon-area {
		position: relative;
		padding-left: 1.769rem;
		padding-right: 7.308rem;
		padding-bottom: 1.154rem;
		min-height: 5.923rem
	}

	.logon-wrapper .logon-area dl {
		padding-top: 0.7692rem;
	}

	.logon-wrapper .logon-area dl > dt {
		display: block;
		font-size: 1.154rem;
		line-height: 1rem;
		margin-bottom: 0.7692rem;
	}

	.logon-wrapper .logon-area dl > dd {
		font-size: 1rem;
		line-height: 1rem;
	}

	.logon-wrapper .logon-area .btn-logout {
		right: 0.7692rem;
		width: 5.769rem;
		height: 5rem;
		font-size: 1.077rem;
	}

	.logon-wrapper .logon-menu {
		background: #fff;
	}

	.logon-wrapper .logon-menu > li {
		height: 2.5rem;
	}

	.logon-wrapper .logon-menu > li > a {
		height: 2.5rem;
		line-height: 2.5rem;
		padding-left: 1.923rem;
	}
	.logon-wrapper .logon-menu > li > a .icon {
		width: 0.1538rem;
		height: 0.1538rem;
		border-radius: 0.1538rem;
		margin-right: 0.1538rem;
	}

	/* main menu02 */
	.main-menu02-area {
		height: 11.615rem;
	}

	.main-menu02-area h2 {
		height: 2.423rem;
		padding: 0.7692rem;
		font-size: 0.9231rem;
		line-height: 0.9231rem;
	}

	.main-menu02-area h2 > span > span {
		display: inline;
	}


	.main-menu02-box > ul {
		padding: 1.154rem 0.7692rem 0 0.7692rem;
	}

	.main-menu02-box > ul > li {
		height: 2.077rem;
		line-height: 2.077rem;
		margin-bottom: 0.5769rem;
	}
	.main-menu02-box > ul > li > a > img {
		width: 2.077rem;
		margin-right: 0.3846rem;
	}

	.main-menu02-box > ul > li > a > span {
		color: #ffffff;
		font-size:  0.9231rem;
		line-height:  0.9231rem;
	}

	.main-menu02-box > ul > li > a > span > span {
		display: inline;
	}



	.tabmenu-depth3-board-wrapper {
		position: relative;
		height: auto;
		padding-right: 2.692rem;
		background: #f8f8f8;
	}

	.tabmenu-depth3-board-wrapper > ul {
		position: relative;
		padding-top: 2.462rem;
	}	

	.tabmenu-depth3-board-wrapper > ul > li {
		display: block;
	}

	.tabmenu-depth3-board-wrapper > ul > li > a {
		height: 2.462rem;
		line-height: 2.462rem;
		font-size: 0.9231rem;
	}

	.tabmenu-depth3-board-wrapper > ul > li > a:hover,
	.tabmenu-depth3-board-wrapper > ul > li > a.on {
		background: #f8f8f8;
	}

	


	.tabmenu-depth3-board-wrapper > ul > li .on + .tabmenu-depth3-board-area > .btn-more {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: -2.692rem;
		display: block;
		width: 2.692rem;
		height: 2.462rem;
		background-size: 0.8077rem 0.7692rem;
	}

	.tabmenu-depth3-board-area {
		width: calc(100% + 2.692rem);
		padding: 1.346rem;
	}


	.tabmenu-depth3-board-area ul > li {
		margin-bottom: 0.7692rem;
	}

	.tabmenu-depth3-board-area ul > li:last-child {
		margin-bottom: 0;
	}

	.tabmenu-depth3-board-area ul > li > a {
		padding-left: 0.8846rem;
		padding-right: 4.615rem;
		background-size: 0.3077rem 0.3077rem;
	}

	.tabmenu-depth3-board-area ul > li > a .title {
		font-size: 0.8462rem;
		line-height: 1rem ;
	}

	.tabmenu-depth3-board-area ul > li > a > img {
		margin-left: 0.1923rem;
		width:  0.7692rem;
	}

	.tabmenu-depth3-board-area ul > li > a > .date {
		font-size: 0.7692rem;
		line-height: 1rem ;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > a {
		font-size: 1rem ;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a {
		padding-left: 0.8846rem;
		padding-right: 4.615rem;
		padding-right: 6.154rem;
		background-size: 0.3077rem 0.3077rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a .title {
		font-size: 0.8462rem;
		line-height: 1rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > img {
		margin-left: 0.3846rem;
		width: 0.7692rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date {
		line-height: 1rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date .location {
		font-size: 0.7692rem;
		margin-right: 0.7692rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li > .tabmenu-depth3-board-area ul > li > a > .location-date .date {
		font-size: 0.7692rem;
	}

	.tabmenu-depth3-board-wrapper.type02 > ul > li .on + .tabmenu-depth3-board-area > .btn-more {
		background-size: 0.8077rem 0.7692rem;
	}

	.main-banner-wrapper { 	
		max-width: calc(100% - 1.5384rem);
		padding: 0;
		margin: 0 auto;
	}

	.main-banner-wrapper > a {
		width: calc(33.33% + 1px);
		height: auto;
		background: #fff;
		border: 1px solid #dfdfdf;
		margin-right: -1px;
		margin-bottom: -1px;
	}

	.main-banner-wrapper > a:last-child {
		border-right: 1px solid #dfdfdf;
	}

	.main-banner-wrapper > a > img {
		position: static;
		display: block;
		max-width: 100%;
		min-width: auto;
		min-height: auto;
		margin: 0 auto;
	}
}

@media only all and (max-width: 767px) {
	.main-banner-wrapper > a {
		width: calc(50% + 1px);
		margin-right: -1px;
		margin-bottom: -1px;
	}
}