@charset "utf-8";
/* layout */
#loading-page {
	max-width:100%;
	position:relative;
}
#loading-page img.loading-img {
	max-width:100%;
	text-align:center;
	margin:auto;
	display:block;
}
#loading-page .gifimg {
	display:inline-block;
	content:"";
	width:65px;
	height:65px;
	position:absolute;
	left:50%;
	bottom:25%;
	transform:translateX(-50%);
}
legend {
	border:0;
	padding:0;
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	border:0;
}
.header-wrap.fixed ~ #container .main-contents {
	margin-top:120px;
}
.m_section {
	position:relative;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.main-section01 {
	/*min-height:838px;*/
	padding:0 24px;
	background:url(/static/ucms/images/main/main-visual01.jpg) no-repeat 0 0;
	background-size:cover !important;
}
.main-section02 {
	/*min-height:950px;*/
	padding:0 24px;
	background:url(/static/ucms/images/main/main-visual02.jpg) no-repeat 0 0;
	background-size:cover !important;
}
.main-section03 {
	/*min-height:950px;*/
	padding:0 24px;
	background:url(/static/ucms/images/main/main-visual03.jpg) no-repeat 0 0;
	background-size:cover !important;
}
.main-section04 {
	/*min-height:950px;*/
	padding:0 24px;
	background:url(/static/ucms/images/main/main-visual04.png) no-repeat 0 0;
	background-size:cover !important;
}
.main-section01 .secTxt p {
	font-size:28px;
	color:var(--color-gray-0);
	font-weight:300;
	line-height:40px;
	margin-bottom:60px;
}
.main-section01 .secTxt h3 {
	font-size:52px;
	color:var(--color-gray-0);
	font-weight:500;
}
.main-section01 p.scroll::after {
	display:none;
	content:"SCROLL DOWN";
	text-indent:-99999px;
	background:url(/static/ucms/images/common/icon-scroll.png) no-repeat 0 0;
	position:absolute;
	width:41px;
	height:105px;
	left:50%;
	bottom:15%;
	transform:translateX(-50%);
}
.main-section01 .inner-con {
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	width:100%;
	max-width:1400px;
	padding:200px 0;
	margin:0 auto;
}
.main-section01 .inner-con>div.secTxt {
	-webkit-transition:0.3s;
	transition:0.3s;
	-moz-transition:0.3s;
	text-align:left;
}
.main-section01 .inner-con .quickMenu {
	width:300px;
	height:300px;
	padding:30px 25px 0;
	border:3px solid var(--color-gray-0);
	text-align:left;
	float:left;
	background:rgba(0,0,0,0.2);
}
.main-section01 .inner-con .quickMenu p {
	color:var(--color-gray-0);
	font-size:18px;
	font-weight:700;
	margin-bottom:40px;
	line-height:1.2;
}
.main-section01 .inner-con .quickMenu a {
	font-size:17px;
	color:var(--color-gray-0);
	display:block;
	font-weight:500;
	border-bottom:1px solid rgba(255,255,255,0.6);
	padding:20px 0 5px;
	position:relative;
}
.main-section01 .inner-con .quickMenu a::after {
	display:inline-block;
	content:"";
	width:0;
	height:0;
	position:absolute;
	right:0;
	top:55%;
	border-bottom:5px solid transparent;
	border-top:5px solid transparent;
	border-left:8px solid var(--color-gray-0);
	border-right:8px solid transparent;
}
.main-section01 .inner-con .quickMenu a:hover {
	color:#ffc100;
	border-bottom:1px solid rgba(255,230,152,0.6);
}
.main-section01 .inner-con .quickMenu a:hover::after {
	border-left:10px solid #ffe698;
}
.main-section01 .inner-con .quickMenu.box2 a {
	color:var(--color-gray-0);
}
.main-section01 .inner-con .quickMenu.box2 {
	background:var(--color-gray-0);
	color:var(--color-gray-100);
	margin-left:55px;
}
.main-section01 .inner-con .quickMenu.box2 p {
	color:var(--color-gray-100);
}
.main-section01 .inner-con .quickMenu.box2 a {
	color:var(--color-gray-100);
	border-bottom:1px solid rgba(0,0,0,0.6);
}
.main-section01 .inner-con .quickMenu.box2 a::after {
	border-left:8px solid #333;
}
.main-section01 .inner-con .quickMenu.box2 a:hover {
	color:#6f5400;
	border-bottom:1px solid rgba(227,177,22,0.6);
}
.main-section01 .inner-con .quickMenu.box2 a:hover::after {
	border-left:10px solid #ffe698;
}
.main-section01 .inner-con .quick-wrap .infoTxt {
	display:none;
}
.main-section02 .inner-con {
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:130px 0;
}
.main-section02 .secTxt {
	margin-bottom:95px;
}
.main-section02 .secTxt p {
	font-size:26px;
	color:var(--color-gray-0);
	margin-bottom:15px;
	text-align:center;
}
.main-section02 .secTxt h3 {
	font-size:48px;
	color:var(--color-gray-0);
	text-align:center;
	font-weight:500;
}
.main-section02 .inner-con .main-link>div {
	width:285px;
	background:var(--color-gray-0);
	border:3px solid var(--color-gray-0);
	position:relative;
	padding:40px 0 40px;
	text-align:center;
	border-radius: 12px;
}
.main-section02 .inner-con .main-link>div:hover {
	border:3px solid var(--color-secondary-50);
	box-shadow:0px 8px 10px 0px rgba(0,0,0,0.25)
}
.main-section02 .inner-con .main-link {
	display:flex;
	justify-content:space-between;
  gap:24px;
}
.main-section02 .inner-con .main-link>div img {
	width:150px;
	height:150px;
}
.main-section02 .inner-con .main-link>div p {
	color:var(--color-gray-100);
	font-size:21px;
	padding:30px 0;
	position:relative;
	font-weight:600;
}
.main-section02 .inner-con .main-link>div p::after {
	display:block;
	content:"";
	width:50px;
	height:2px;
	background:#3962bd;
	position:absolute;
	left:50%;
	bottom:-2px;
	transform:translateX(-50%);
}
.main-section02 .inner-con .main-link>div span {
	  display: flex;
    margin: 10px 10px;
    font-weight: 500;
    min-height: 100px;
    align-items: center;
    justify-content: center;
}
.main-section03 .inner-con {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:130px 0;
}
.main-section03 .secTxt {
	margin-bottom:50px;
}
.main-section03 .secTxt p {
	font-size:26px;
	color:#2139ae;
	margin-bottom:15px;
	text-align:center;
}
.main-section03 .secTxt h3 {
	font-size:48px;
	color:var(--color-gray-100);
	text-align:center;
}
.main-section03 .inner-con .board-area {
	display:flex;
	justify-content:space-between;
  gap:20px;
}
.main-section03 .inner-con .main-board {
	position:relative;
	background:#f2f2f2;
	width: calc(100% - 600px);
  border-radius: 12px;
  overflow: hidden;
  max-width: 770px;
}
.main-section03 .inner-con .main-board .tab-list li.on a h4::after {
	display:inline-block;
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	border-bottom:0px solid transparent;
	border-top:10px solid #2f85c4;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
.main-section03 .inner-con .main-board .tab-cont>div {
	padding:0 40px 34px;
}
.main-section03 .inner-con .main-board ul li a .date {
	display:flex;
	flex-wrap:wrap-reverse;
	justify-content:center;
	width:98px;
	height:98px;
	border:5px solid #dadada;
	padding:10px;
	margin:0 30px 0 0;
	font-size:16px;
}
.main-section03 .inner-con .main-board ul li a .date span {
	font-style:normal;
}
.main-section03 .inner-con .main-board ul li a .date i {
	display:block;
	font-size:36px;
	color:#120f66;
	font-style:normal;
	font-weight:600;
}
.main-section03 .inner-con .main-board .tab-cont ul li {
	border-bottom:1px solid #d3d3d3;
	padding:24px 0;
}
.main-section03 .inner-con .main-board .tab-cont ul li.on div {
	display:flex;
	align-items:center;
}
.main-section03 .inner-con .main-board ul li a{
	display:block;
}
.main-section03 .inner-con .main-board ul li.on a p {
	width:calc(100% - 255px);
}
.main-section03 .inner-con .main-board ul li a p {
	display:inline-block;
	width:calc(100% - 128px);
	padding-right:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	font-weight:500;
	color:var(--color-gray-80);
	float:left;
}
.main-section03 .inner-con .main-board ul li a span.dateq {
	color:#666;
	text-align:right;
	font-size:17px;
	font-weight:400;
}
.main-section03 .inner-con .more {
	position:absolute;
	right:20px;
	top:25px;
	width:20px;
	height:20px;
}
.main-section03 .inner-con .more a {
	text-indent:-9999px;
	content:"";
	position:absolute;
	width:20px;
	height:20px;
}
.main-section03 .inner-con .more a:before {
	content:"";
	position:absolute;
	top:0;
	right:8px;
	width:2px;
	height:18px;
	background:#e3e5ec;
}
.main-section03 .inner-con .more a:after {
	content:"";
	position:absolute;
	top:8px;
	right:0;
	width:18px;
	height:2px;
	background:#e3e5ec;
}
.main-section03 .inner-con .main-menu .section-box {
	padding:30px 50px 20px;
  border-radius:12px;
  background-size:cover !important;
}
.main-section03 .inner-con .main-menu .section-box.sec1 {
	background:url(/static/ucms/images/main/board-menu01_new.png) no-repeat 0 0;
	margin-bottom:20px;
}
.main-section03 .inner-con .main-menu .section-box.sec2 {
	background:url(/static/ucms/images/main/board-menu02.png) no-repeat 0 0;
	height:330px;
}
.main-section03 .inner-con .main-menu .section-box h4 {
	display:block;
	font-size:28px;
	font-weight:500;
	color:var(--color-gray-0);
}
.main-section03 .inner-con .main-menu .section-box p {
	font-size:19px;
	color:var(--color-gray-0);
	margin:15px 0;
}
.main-section03 .inner-con .section-box .btn-link {
	margin:0 0 10px 0;
}
.main-section03 .inner-con .section-box .btn-link .button {
	margin:0 15px 0 0;
	width:45%;
	line-height:60px;
	font-size:16px;
	font-weight:600;
	text-align:left;
	border:none;
}
.main-section03 .inner-con .section-box .btn-link .button:hover {
	background-color:var(--color-gray-5);
}
.main-section03 .inner-con .section-box .btn-link .button:active {
	background-color:var(--color-gray-10);
}

.main-section03 .inner-con .section-box .btn-link .button.color-black {
	margin:0 0 0 0;
}
.main-section03 .inner-con .section-box .btn-link .button::after {
	display:inline-block;
	content:"";
	width:7px;
	height:12px;
	background:#333;
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%);
}
.main-section03 .inner-con .section-box .btn-link .button:nth-child(2)::after,.main-section03 .inner-con .section-box .btn-link .button:nth-child(3)::after,.main-section03 .inner-con .section-box .btn-link .button:nth-child(4)::after {
	background:url(/static/ucms/images/main/btn-icon-right00.png) no-repeat 0 0
}
.main-section03 .inner-con .section-box.sec1 .btn-link .button:nth-child(1)::after {
	background:url(/static/ucms/images/main/btn-icon-right01.png) no-repeat 0 0
}
.main-section03 .inner-con .section-box.sec2 .btn-link .button:nth-child(1)::after {
	background:url(/static/ucms/images/main/btn-icon-right02.png) no-repeat 0 0
}
.main-section04 .inner-con {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:130px 0;
}
.main-section04 .main-recent {
	position:relative;
	width:100%;
}
.main-section04 .secTxt p {
	font-size:26px;
	color:#0e2cd3;
	margin-bottom:15px;
	text-align:center;
}
.main-section04 .secTxt h3 {
	font-size:48px;
	color:var(--color-gray-80);
	text-align:center;
}
.main-section04 .main-recent .snsZone {
	border-radius:6px;
	width:100%;
	height:70px;
	background:var(--color-secondary-50);
	line-height:70px;
	margin:45px 0 30px;
}
.main-section04 .main-recent .snsZone ul {
	display:flex;
	justify-content:center;
}
.main-section04 .main-recent .snsZone ul li {
	float:left;
	margin-right:50px;
}
.main-section04 .main-recent .snsZone ul li:last-child {
	margin-right:0;
}
.main-section04 .main-recent .snsZone ul li img {
	display:inline-block;
	width:40px;
	height:40px;
	margin-right:10px;
}
.main-section04 .main-recent .snsZone ul li a {
	color:var(--color-gray-0);
	font-size:18px;
}
.main-section04 .main-recent .snsZone ul li a:hover,.main-section04 .main-recent .snsZone ul li a:focus {
	color:var(--color-gray-0);
	border-bottom:1px solid var(--color-gray-0);
}
.main-section04 .main-recent .recent-section {
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.main-section04 .main-recent .recent-section .item {
	max-width:320px;
	height:auto;
	background:var(--color-gray-0);
	position:relative;
}
.main-section04 .main-recent .recent-section .item a {
	display:inline-block;
	height:100%;
}
.main-section04 .main-recent .recent-section .item .pic {
	width:100%;
	max-height:220px;
}
.main-section04 .main-recent .recent-section .item dl {
	padding:20px;
}
.main-section04 .main-recent .recent-section .item dl dt {
		font-size:18px;
	color:var(--color-gray-80);
	margin-bottom:23px;
	width:100%;
	height:60px;
		overflow:hidden;
	text-overflow:ellipsis;
}
.main-section04 .main-recent .recent-section .item dl dd {
		font-size:15px;
}
.main-section04 .main-recent .recent-section .item dl dd img {
		width:30px;
	height:30px;
	margin-right:10px;
}
.main-section04 .main-recent .infoZone {
	width:100%;
	height:150px;
	background:var(--color-gray-0);
}
.main-section04 .main-recent .infoZone ul {
	display:flex;
	align-items:center;
	justify-content:center;
	height:150px;
	 padding-left:6%;
}
.main-section04 .main-recent .infoZone .tit {
	background:#295cb0;
	width:320px;
	height:150px;
	padding:35px 50px;
	float:left;
}
.main-section04 .main-recent .infoZone .tit strong {
	font-size:28px;
	display:block;
	color:var(--color-gray-0);
	margin-bottom:15px;
	font-weight:500;
}
.main-section04 .main-recent .infoZone .tit p {
	color:#e4e4e4;
	font-size:16px;
	margin-bottom:0;
	text-align:left;
}
.main-section04 .main-recent .infoZone li {
	display:inline-block;
	font-size:18px;
	color:var(--color-gray-80);
	margin-right:70px;
	font-weight:500;
}
.main-section04 .main-recent .infoZone li:last-child {
	margin-right:0;
}
.main-section04 .main-recent .infoZone li:hover a {
	color:#295cb0;
}
.main-section04 .main-recent .infoZone li a::before {
	display:inline-block;
	content:"";
	width:52px;
	height:52px;
	vertical-align:middle;
	margin-right:22px;
}
.main-section04 .main-recent .infoZone li:nth-of-type(1) a {
	position:relative;
}
.main-section04 .main-recent .infoZone li:nth-of-type(1) a::before {
	position:absolute;
	left:-72px;
	top:50%;
	margin-right:0;
	transform:translateY(-50%);
	background:url(/static/ucms/images/main/info-icon01.png) no-repeat 0 0;
}
.main-section04 .main-recent .infoZone li:nth-of-type(2) a::before {
	background:url(/static/ucms/images/main/info-icon02.png) no-repeat 0 0;
}
.main-section04 .main-recent .infoZone li:nth-of-type(3) a::before {
	background:url(/static/ucms/images/main/info-icon03.png) no-repeat 0 0;
}
.main-section04 .main-recent .infoZone li:nth-of-type(4) a::before {
	background: url(/static/ucms/images/main/info-icon04.png) no-repeat 0 0;
}
/* 로그인 레이아웃팝업 */
.col-xs-3 {
	width:25%;
	float:left;
}
.certify {
	overflow:hidden;
}
.certify>div {
	padding:10px 0
}
.certify .set {
	text-align:center;
	width:auto;
	height:270px;
	box-shadow:0px 0px 9.4px 0.6px rgba(203,209,226,0.59);
	background:var(--color-gray-0);
	border:1px solid #ededed;
	border-radius:20px;
	margin:0 20px;
}
.certify .set:hover {
	box-shadow:0px 0px 18px -3px rgba(52,75,145,0.2);
}
.certify .set>div {
	width:100%;
	height:100%;
	position:relative;
}
.certify p {
	color:#172654;
	font-size:22px;
	font-weight:600;
	width:100%;
	display:inline-block;
	height:100%;
	padding:55px 0 0;
}
.certify p::after {
	display:block;
	content:"";
	margin:25px auto;
	width:auto;
	height:55px;
}
.certify>div:nth-child(1) p::after {
	background:url(/static/ucms/images/contents/icon-login05.png) center center no-repeat;
}
.certify>div:nth-child(2) p::after {
	background:url(/static/ucms/images/contents/icon-login06.png) center center no-repeat;
}
.certify>div:nth-child(3) p::after {
	background:url(/static/ucms/images/contents/icon-login07.png) center center no-repeat;
}
.certify>div:nth-child(4) p::after {
	background:url(/static/ucms/images/contents/icon-login08.png) center center no-repeat;
}
.certify>div a {
	width:125px;
	height:35px;
	border:1px solid #295cb0;
	color:#295cb0;
	line-height:32px;
	border-radius:25px;
	display:inline-block;
	position:absolute;
	left:50%;
	bottom:18%;
	transform:translateX(-50%);
	transition:0.3s
}
.certify>div a:hover {
	background:#295cb0;
	color:var(--color-gray-0);
}
@media all and (max-width:1600px) {
}
@media all and (max-width:1480px) {
	#loading-page .gifimg {
		bottom:22%;
		width:50px;
	}
}
@media all and (max-width:1280px) {
	.main-section01 .inner-con {
		justify-content:space-evenly;
		flex-wrap:wrap;
	}
  .main-section01 .secTxt p{
    margin-bottom:20px;
  }
  .main-section01 .secTxt h3{
    font-size:40px;
  }
	.main-section01 .inner-con .quickMenu.box2 {
		margin-left:15px;
	}
  .main-section03 .inner-con .board-area {
		flex-wrap:wrap;
	}
  .main-section03 .inner-con .main-menu{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap:20px;
  }
  .main-section03 .inner-con .main-menu .section-box{
    width:50%;
  }
  .main-section03 .inner-con .main-board {
		width:100%;
		margin:0 0 20px 0;
    max-width: none;
	}
  .main-section03 .inner-con .main-board .tab-cont ul li {
    padding: 20px 0;
  }
  .main-section03 .inner-con .main-menu .section-box.sec1{
    margin:0;
  }
}
@media all and (max-width:1150px) {
	#loading-page .gifimg {
		bottom:20%;
		width:50px;
	}
}
@media all and (max-width:1100px) {
}
@media all and (max-width:1024px) {
	#loading-page .gifimg {
		bottom:15%;
		width:40px;
	}
	.wrap.scroll-up #container, .wrap.scroll-down #container {
		margin-top:0;
	}
	.header-wrap.fixed ~ #container .main-contents {
		margin-top:0;
	}
	.main-section01 .inner-con {
		display:block;
		padding: 120px 0;
	}
	.main-section01 .inner-con .quick-wrap {
		/* width:100%; */
		/* margin: 3% 10.5%; */
		overflow:hidden;
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	.main-section01 .inner-con .quickMenu.box2 {
		margin-left:5%;
	}
	.main-section01 .inner-con>div.secTxt {
		/* width:100%; */
		margin: 1% 12% 20px;
	}
	.main-section01 p.scroll::after {
		bottom:1%;
	}
	.main-section02 .inner-con .main-link>div img {
		width: 120px;
		height: 120px;
	}
	.main-section02 .inner-con .main-link>div span {
		font-size:16px
	}
	.main-section03 .inner-con {
		padding:65px 0 45px 0;
	}
  .main-section03 .inner-con .main-menu .section-box h4 {
    font-size:24px;
  }
	.main-section03 .inner-con .main-board ul li a {
		font-size:17px;
	}
	.main-section03 .inner-con .main-menu .section-box {
		padding:30px 18px 20px;
	}
	.main-section03 .inner-con .main-menu .section-box.sec1 {
		background:url(/static/ucms/images/main/board-menu01.png) no-repeat 100% 0;
		background-size:cover;
	}
	.main-section03 .inner-con .main-menu .section-box.sec2 {
		background:url(/static/ucms/images/main/board-menu02.png) no-repeat 100% 0;
		background-size:cover;
    height:auto;
	}
	.main-section03 .inner-con .main-menu .section-box.sec2 p span {
		display:none;
	}
	.main-section03 .inner-con .section-box .btn-link {
		display:flex;
	}
	.main-section03 .inner-con .section-box .btn-link .button::after {
		display:none;
	}
	.main-section04 .inner-con {
		padding:100px 0 45px 0;
	}
	.main-section04 .main-recent .snsZone {
		margin:30px 0 20px;
	}
	.main-section04 .main-recent .recent-section .item {
		max-width:24%
	}
	.main-section04 .main-recent .recent-section .item dl dd {
		bottom:10%
	}
	.main-section04 .main-recent .infoZone ul {
		padding-left:0;
	}
	.main-section04 .main-recent .infoZone li a::before {
		display:none;
	}
	.certify .set {
		width:auto;
		margin:0 10px;
	}
}
@media all and (max-width:890px) {
	#loading-page .gifimg {
		bottom:15%;
		width:65px;
	}
	.main-section01 .inner-con .quick-wrap {
		margin:3% 11%;
	}
  .main-section01 .inner-con>div.secTxt {
    margin:1% 11%;
	}
  .main-section02 .inner-con .main-link {
		flex-wrap:wrap;
    justify-content: space-around;
	}
	.main-section02 .inner-con .main-link>div {
		width:47%;
		height:350px;
		padding:20px 0;
	}
	.main-section02 .inner-con .main-link>div img {
		width:75px;
		height:75px;
	}
	.main-section02 .inner-con .main-link>div p {
		padding:17px 0;
	}
	.main-section02 .inner-con .main-link>div>a {
		position:absolute;
		left:50%;
		bottom:5%;
		transform:translateX(-50%);
    margin:0;
	}
	.main-section03 .inner-con .section-box .btn-link {
		justify-content:center;
	}
	.main-section03 .inner-con .main-menu .section-box {
		padding:30px 15px 20px;
		text-align:center;
    width:100%;
    height:auto;
    max-width: none;
	}
	.main-section03 .inner-con .section-box .btn-link .button {
		font-size:16px;
		min-width:175px;
    line-height: 50px;
	}
  .main-section03 .inner-con .main-menu {
    flex-wrap: wrap;
  }
	.certify>div {
		padding:10px 10px 10px 0;
	}
}
@media all and (max-width:768px) {
  .main-section01 .inner-con {
    padding: 60px 0;
	}
  .main-section01 .inner-con>div.secTxt {
    margin:1% 0%;
	}
  .main-section01 .inner-con .quick-wrap {
		margin:40px auto;
		flex-wrap: wrap;
	}
	.main-section01 .inner-con .quickMenu {
		margin:auto;
		float:none;
		padding:30px 25px;
		width:100%;
		height:auto
	}
	.main-section01 .inner-con .quickMenu p {
		margin-bottom:0
	}
	.main-section01 .inner-con .quickMenu.box2 {
		margin:30px auto 0;
	}
	.main-section01 .inner-con .quick-wrap .infoTxt {
		margin:5px 0;
		display:block;
		border-radius:3px;
		padding:5px;
		text-align:center;
	}
	.main-section01 .inner-con .quick-wrap .infoTxt .esse {
		font-weight:500;
	}
	.main-section02 .inner-con .main-link>div>a {
		position:absolute;
		left:50%;
		bottom:5%;
		transform:translateX(-50%);
    line-height: 40px;
    font-size:16px;
	}
  .main-section02 .inner-con {
		padding:80px 0;
		overflow:auto;
	}
	.main-section02 .secTxt {
		margin-bottom:30px;
	}
	.main-section02 .secTxt h3 {
		font-size:33px;
	}
	
	.main-section03 .inner-con .main-board .tab-cont>div {
		padding:0 10px 20px;
	}
	.main-section03 .inner-con .main-board .tab-cont ul li.on div {
		display:block;
	}
	.main-section03 .inner-con .main-board ul li a p{
		font-size:16px
	}
	.main-section03 .inner-con .main-board ul li.on a p {
		width:calc(100% - 128px);
	}
	.main-section03 .inner-con .main-board ul li a .date {
		display:none;
	}
	.main-section03 .inner-con .main-board ul li a dl dt {
		width:100%;
		float:none;
	}
	.main-section03 .inner-con .main-board ul li a dl dd {
		display:none;
	}
	.certify>div {
		width:50%;
		float:left;
		margin:0;
		padding:5px 5px 10px 5px;
	}
	.certify>div:nth-child(odd) {
		margin:0;
	}
}
@media all and (max-width:640px) {
	.m_section {
		height:auto;
	}
	.main-section01 {
		background:url(/static/ucms/images/main/mobile-visual01.jpg) no-repeat 50% 0 !important;
		min-height:auto;
	}
	.main-section02 {
		background:url(/static/ucms/images/main/mobile-visual02.jpg) no-repeat 50% 50% !important;
    background-size: cover !important;
	}
	.main-section01 .secTxt p {
		margin-bottom:10px;
		font-size: 20px;
		line-height: 28px;
	}
	.main-section01 .secTxt h3 {
		font-size:30px;
	}
	.main-section03 .inner-con {
		padding:40px 0 45px 0;
	}
	.main-section03 .secTxt {
		margin-bottom:20px
	}
	.main-section03 .secTxt h3 {
		font-size:30px;
	}
	.main-section03 .inner-con .main-board ul li a {
        font-size: 15px;
    }
	.main-section03 .inner-con .main-board .tab-list li a span{
		height:50px;
	}
	.main-section03 .inner-con .more{
		top:15px;
	}
	.main-section04 {
		min-height:1250px;
	}
	.main-section04 .inner-con {
		padding:50px 0
	}
	.main-section04 .secTxt P {
		margin-bottom:10px
	}
	.main-section04 .secTxt h3 {
		font-size:30px;
	}
	.main-section04 .main-recent {
		padding-top:initial;
	}
	.main-section04 .main-recent .snsZone {
		background:transparent;
		height:50px;
		line-height:50px;
		margin:15px 0 20px;
	}
	.main-section04 .main-recent .snsZone ul {
		justify-content:space-evenly;
	}
	.main-section04 .main-recent .snsZone ul li {
		margin-right:0
	}
	.main-section04 .main-recent .snsZone ul li img {
		margin-right:0;
	}
	.main-section04 .main-recent .snsZone ul li a span {
		display:none;
	}
	.main-section04 .main-recent .recent-section {
		display:block;
		margin-bottom:15px;
		overflow:hidden;
	}
	.main-section04 .main-recent .recent-section .item {
		max-width:48%;
		float:left;
		margin:0 16px 15px 0;
	}
	.main-section04 .main-recent .recent-section .item dl dt {
		margin-bottom:0
	}
	.main-section04 .main-recent .recent-section .item dl dd {
		bottom:30px;
	}
	.main-section04 .main-recent .infoZone {
		height:auto;
		overflow:hidden;
	}
	.main-section04 .main-recent .infoZone .tit {
		float:none;
		width:100%;
		text-align:center;
	}
	.main-section04 .main-recent .infoZone ul {
		display:block;
		padding:15px;
		overflow:hidden;
	}
	.main-section04 .main-recent .infoZone li {
		width:48%;
		float:left;
		font-size:15px;
		margin:0 0 15px;
	}
	.main-section04 .main-recent .infoZone li a::before {
		display:inline-block;
		margin-right:15px;
	}
	.main-section04 .main-recent .infoZone li:nth-of-type(1) a {
		display:flex;
	}
	.main-section04 .main-recent .infoZone li:nth-of-type(1) a::before {
		position:initial;
		transform:inherit;
	}
	.all-search-wrap .filter-wrap {
		padding:15px 20px;
	}
	.certify>div {
		width:50%;
	}
	.certify .set {
		margin:0 10px;
	}
	.certify div:last-child .set {
		margin-right:10px;
	}
}
@media all and (max-width:460px) {
	#header .mobile-util p {
		font-size:18px;
		padding:0 0 0 35px;
	}
	.main-section01 {
		background:url(/static/ucms/images/main/mobile-visual01.jpg) no-repeat 50% 0 !important;
	}
	.main-section02 {
		background:url(/static/ucms/images/main/mobile-visual02.jpg) no-repeat 50% 50% !important;
	}
	.main-section02 .secTxt p {
		font-size:23px;
		line-height:33px;
		margin-bottom:15px;
	}
	.main-section02 .secTxt h3 {
		font-size:43px;
	}
	.main-section03 .secTxt p {
		font-size:23px;
		line-height:33px;
		margin-bottom:15px;
	}
	.main-section04 .secTxt p {
		font-size:23px;
		line-height:33px;
		margin-bottom:15px;
	}
	.main-section04 .secTxt h3 {
		font-size:43px;
	}
	.main-section02 .inner-con {
		padding:30px 0;
		overflow:auto;
	}
	.main-section02 .secTxt {
		margin-bottom:20px;
	}
	.main-section02 .inner-con .main-link {
		display:block;
	}
	.main-section02 .inner-con .main-link>div {
		width:48%;
		margin:0 4% 15px 0;
		height:auto;
		padding:20px 0;
	}
	.main-section02 .inner-con .main-link>div img {
		width:75px;
		height:75px;
	}
	.main-section02 .inner-con .main-link>div p {
		padding:17px 0;
	}
	.main-section02 .inner-con .main-link>div span {
		margin:15px 0 30px;
	}
	.main-section02 .inner-con .main-link .linkBox4 span {
		margin:15px 0 30px;
	}
	.main-section03 .inner-con .board-area {
		display:block;
	}
	.main-section03 .inner-con .main-menu .section-box.sec1 {
		background:url(/static/ucms/images/main/board-menu01.png) no-repeat 100% 0;
	}
	.main-section03 .inner-con .main-menu .section-box.sec2 {
		background:url(/static/ucms/images/main/board-menu02.png) no-repeat 100% 0;
    height:auto !important;
	}
	.main-section03 .inner-con .main-menu .section-box.sec2 p span {
		display:none;
	}
	.main-section03 .inner-con .section .btn-link .button {
		min-width:auto;
		margin:0;
	}
	.main-section03 .inner-con .section .btn-link .button::after {
		display:none;
	}
	.main-section04 .inner-con {
		padding:65px 0 25px 0;
	}
	.main-section04 .main-recent .snsZone {
		background:transparent;
		margin:15px 0 20px;
	}
	.main-section04 .main-recent .snsZone ul {
		justify-content:space-evenly;
	}
	.main-section04 .main-recent .snsZone ul li {
		margin-right:0
	}
	.main-section04 .main-recent .snsZone ul li img {
		margin-right:0;
	}
	.main-section04 .main-recent .snsZone ul li a span {
		display:none;
	}
	.main-section04 .main-recent .recent-section {
		display:block;
		margin-bottom:15px;
		overflow:hidden;
	}
	.main-section04 .main-recent .recent-section .item {
		width:48%;
		float:left;
		margin:0 16px 15px 0;
	}
	.main-section04 .main-recent .recent-section .item dl dd {
		bottom:30px;
	}
	.main-section04 .main-recent .infoZone {
		height:auto;
		overflow:hidden;
	}
	.main-section04 .main-recent .infoZone .tit {
		float:none;
		width:100%;
		text-align:center;
	}
	.main-section04 .main-recent .infoZone ul {
		display:block;
		padding:15px;
		overflow:hidden;
	}
	.main-section04 .main-recent .infoZone li {
		width:48%;
		float:left;
		font-size:15px;
		margin:0 0 15px;
	}
	.main-section04 .main-recent .infoZone li a::before {
		margin-right:15px;
	}
	.main-section04 .main-recent .infoZone li:nth-of-type(1) a {
		display:flex;
	}
	.main-section04 .main-recent .infoZone li:nth-of-type(1) a::before {
		position:initial;
		transform:inherit;
		margin-right:15px;
	}
	.searchView .both-contents {
		padding:0;
	}
}
@media (min-width:400px) and (max-width:459px) {
	.main-section01 .secTxt h3 {
		font-size:40px;
	}
	.main-section02 .secTxt h3 {
		font-size:40px;
	}
	.main-section03 .secTxt h3 {
		font-size:34px;
	}
	.main-section02 .inner-con .main-link>div {
		height:350px;
	}
	.main-section02 .inner-con .main-link>div span {
		margin:30px 0 30px;
	}
	.main-section02 .inner-con .main-link>div>a {
		position:absolute;
		left:50%;
		bottom:10%;
		transform:translateX(-53%);
	}
	.main-section03 .inner-con .main-board ul li a p {
		width:calc(100% - 76px);
		font-size:16px;
		line-height:1.6;
	}
	.main-section03 .inner-con .main-board ul li.on a p {
		width:calc(100% - 76px);
		font-size:16px;
		line-height:1.6;
	}
	.main-section03 .inner-con .main-board ul li a span.dateq {
		font-size:14px;
	}
	.main-section03 .inner-con .main-board .tab-cont>div {
		padding:0 10px 0;
	}
	.main-section03 .inner-con .main-menu .section-box p {
		font-size:15px;
	}
	.main-section03 .inner-con .section-box .btn-link .button {
		min-width:168px;
		font-size:16px;
		line-height:40px;
	}
}
@media (min-width:360px) and (max-width:399px) {
	.main-section01 .secTxt h3 {
		font-size:26px;
	}
	.main-section02 .secTxt h3 {
		font-size:26px;
	}
	.main-section03 .secTxt h3 {
		font-size:26px;
	}
	.main-section02 .inner-con .main-link>div {
		height:350px;
    width:100%;
  }
	.main-section02 .inner-con .main-link>div p {
		font-size:20px;
	}
	.main-section02 .inner-con .main-link>div>a {
		min-width:120px;
	}
	.main-section02 .inner-con .main-link>div>a {
		position:absolute;
		left:50%;
		bottom:10%;
		transform:translateX(-55%);
	}
	.main-section03 .inner-con .main-board .tab-cont ul li {
		padding:5px 0;
	}
	.main-section03 .inner-con .main-board ul li a p {
		width:calc(100% - 76px);
		font-size:15px;
		line-height:1.6;
	}
	.main-section03 .inner-con .main-board ul li.on a p {
		width:calc(100% - 76px);
		font-size:15px;
		line-height:1.6;
	}
	.main-section03 .inner-con .main-board ul li a span.dateq {
		font-size:13px;
	}
	.main-section03 .inner-con .main-menu .section-box {
		padding:30px 5px 20px;
		max-width:100%;
	}
	.main-section03 .inner-con .main-menu .section-box p {
		font-size:15px;
	}
	.main-section03 .inner-con .section-box .btn-link .button {
		min-width:120px;
		font-size:14px;
		line-height:normal;
		padding:10px;
		margin:0 5px 0 5px;
    text-align: center;
	}
	.top-bom a {
		width:40px;
		height:40px;
		font-size:16px;
		line-height:37px;
	}
	.wrap-layer-popup .wrap-layer-popup-title .title {
		font-size:20px;
	}
	.certify .set {
		margin:0;
	}
	.certify div:last-child .set {
		margin:0;
	}
}