#wrap-2026 {
	min-width: 320px;
}

#header-2026 {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	transform: translate3d(0, 0, 0);
	transition: .4s;
}

#wrap-2026.scroll-down #header-2026 {
	transform: translate3d(0, -100%, 0);
}

#wrap-2026.scroll-sdw #header-2026 {
	border-bottom: 1px solid #dfdfdf;
}

.mn26-bg {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 80;
}

#header-2026 {
	font-family: 'Pretendard GOV';
}

#header-2026 * {
	font-family: inherit !important;
}

.nuri-area {
	background: #e8edf8;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

.nuri-area .wid-t {
	margin: 0 auto;
	width: calc(100% - 30px);
	max-width: 1740px;
	position: relative;
}

.nuri-area .wid-t p {
	color: #3e3e3d;
	font-size: 14px;
	line-height: 20px;
	padding-left: 38px;
	background: url('/images/front/0813_images/header_bg1.png') no-repeat
		left top;
	background-size: 30px;
	word-break: keep-all;
}

#header-floor1 {
	background: #fff;
	border-bottom: 1px solid #dadde6;
}

#header-floor1>.wid-box {
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: flex-end;
}

.header-btn2 {
	align-items: center;
}

.header-btn2>li:not (:first-child ){
	background-position: 10px center;
}

#header-2026 .header-btn2>li>a:hover {
	color: #000;
}

.header-btn2 .lg-o {
	display: flex;
	gap: 10px;
	align-items: center;
}

.header-btn2 .lg-zl {
	display: flex;
	gap: 10px;
	align-items: center;
}

.header-btn2 .tml {
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 7px;
	border: 1px solid #dfdfdf;
	border-radius: 15px;;
}

.header-btn2 .tml .tm {
	display: inline-block;
	min-width: 40px;
	text-align: center;
}

.header-btn2 .tml>span {
	color: #3464d0;
}

.site-tab {
	display: flex;
	margin-left: 12px;
	gap: 4px;
}

.site-tab>a {
	display: block;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #4c4c4c;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.site-tab>a.on {
	background: #3464d0;
	color: #fff;
	border-color: #3464d0;
}

#header-2026 .site-tab>a.on {
	color: #fff;
}

#gnb-2026>li>a {
	font-size: 23px;
	font-weight: 600;
	gap: 4px;
}

.allm-wp {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 999;
	background: #fff;
	border-top: 1px solid #e0e4ee;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1);
	padding: 45px 0 60px;
}

.allm-wid {
	width: calc(100% - 30px);
	max-width: 1740px;
	margin: 0 auto;
}

.allm26 {
	display: flex;
	gap: 30px;
}

.allm26>li {
	width: 10%;
	flex-grow: 1;
}

.allm26>li>a {
	position: relative;
	display: block;
	padding: 16px 5px 16px 10%;
	background: #eaf1fa;
	font-size: 20px;
	color: #444;
	font-weight: 500;
	line-height: 1.1;
}

.allm26>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 28px;
	height: 5px;
	background: #3464d0;
}

.allm26>li>a img {
	margin-top: 2px;
}
/*
.allm26>li:hover>a {
	color: #f25379;
}

.allm26>li:hover>a:before {
	background: #f25379;
}
*/

.alm-dp2 {
	padding: 20px 5%;
}

.alm-dp2>li+li {
	margin-top: 10px;
}

.alm-dp2>li {
	color: #7d7d7d;
}

.alm-dp2>li>a {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 22px;
}
/*
.alm-dp2>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #9d9d9d;
}*/

.alm-dp2>li>a:hover:before {
	background: #000;
}

#header-2026 .alm-dp2>li>a:hover {
	color: #000;
}

.pc_Search_box {
	margin-left: auto;
	width: 300px;
	box-sizing: border-box;
	position: relative;
}

.pc_Search_box input {
	width: 100%;
	height: 45px;
	padding: 0 40px 0 24px;
	border: 0;
	background: #fff;
	font-size: 18px;
	border: 1px solid #434343;
	border-radius: 45px;
	outline-offset: 0 !important;
}

.pc_Search_box a {
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 0;
	width: 18px;
	height: 20px;
	background: url('/images/front/0813_images/header_search.png') no-repeat;
}

.Search-ShowBox1 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	width: 100%;
	padding: 35px 0 55px;
	background: #fff;
	border-top: 1px solid #e0e4ee;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}

.Search-ShowBox1>.wid {
	width: calc(100% - 30px);
	max-width: 660px;
	margin: 0 auto;
}

.Search-ShowBox1 .Search-input01 {
	height: 56px;
	padding: 2px 60px 2px 20px;
	border: 1px solid #ddd;
	border-radius: 50px;
	position: relative;
}

.Search-ShowBox1 .Search-input01 input {
	color: #222;
	font-size: 18px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 5px;
}

.Search-ShowBox1 .Search-input01 input::-webkit-input-placeholder {
	color: #222;
}

.Search-ShowBox1 .Search-input01 .a-go1 {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 46px;
	height: 46px;
	font-size: 0;
	border-radius: 50px;
	background: #3464d0 url('/images/front/0813_images/header_search_w.png')
		no-repeat center;
	background-size: 22px;
}

.Search-ShowBox1 .Search-term01 {
	margin: 25px 15px 0;
	line-height: 22px;
	gap: 10px;
	display: flex;
}

.Search-ShowBox1 .Search-term01>dt {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
}

.Search-ShowBox1 .Search-term01>dd {
	color: #555;
	font-size: 17px;
	gap: 5px 15px;
	display: flex;
	flex-wrap: wrap;
}

.Search-ShowBox1 .Search-close1 {
	position: absolute;
	left: calc(50% - 25px);
	bottom: -25px;
	width: 50px;
	height: 50px;
	font-size: 0;
	border-radius: 50px;
	background: #000
		url('/images/front/0813_images/header_search_close1.png') no-repeat
		center;
	background-size: 20px;
	box-shadow: 2px 10px 10px 3px rgba(0, 0, 0, 0.25);
}

.hd-mbtn {
	display: none;
	margin-left: auto;
}

.hd-mbtn>a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	position: relative;
}

.hd-mbtn>a:before {
	content: '';
	display: block;
	height: 28px;
	margin-bottom: 6px;
	background: center center no-repeat;
}

.hd-mbtn>.search-sw:before {
	background-image: url(/images/front/0813_images/hd_srsw.jpg);
}

.hd-mbtn>.menu-sw:before {
	background-image: url(/images/front/0813_images/hd_mnsw.jpg);
}

.hd-mbtn>.menu-sw.on:before {
	background-image: url(/images/common/se_out.png);
}

.hd-mbtn>.menu-sw .otx {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}

.hd-mbtn>.menu-sw.on .otx {
	display: block;
	text-align: center;
}

.header-menu {
	width: calc(100% - 660px);
}

#gnb-2026 {
	justify-content: space-evenly;
}

#gnb-2026>li:not (:first-child ){
	margin: 0;
}

.mo-mntp {
	display: none;
	background: #3464d0;
	padding: 15px 20px;
}

.mbn-clo {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.mbn-clo .mbn {
	font-size: 17px;
	color: #fff;
	line-height: 22px;
	font-weight: 600;
}

.mbn-clo .mo-mcl {
	display: block;
	margin-left: auto;
	width: 26px;
	height: 26px;
	font-size: 0;
	background: url(/images/front/0813_images/aout.png) center center
		no-repeat;
}

.mo-mlg {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.mo-mlg a {
	display: block;
	font-size: 16px;
	line-height: 20px;
	padding-left: 18px;
	background: 0 1px no-repeat;
}

.mo-mlg a.ic1 {
	background-image: url(/images/front/0813_images/mm_log_ic1.png);
}

.mo-mlg a.ic2 {
	background-image: url(/images/front/0813_images/mm_log_ic2.png);
}

.mo-mlg a.ic3 {
	background-image: url(/images/front/0813_images/mm_log_ic3.png);
}

.mo-mlg i {
	display: block;
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.3);
}

#footer-2026 {
	font-family: 'Pretendard GOV';
}

#footer-2026 * {
	font-family: inherit !important;
}

.Ftext-list1>li:not (:first-child ){
	margin-top: 5px;
}
.Ftext-list1>li>i {
	font-style: normal;
}

.footer-btn1 {
	font-weight: 500;
}

@media screen and (max-width: 1440px) {
	#header-2026 .logo {
		width: 160px;
	}
	.header-menu {
		width: calc(100% - 560px);
	}
	#gnb-2026>li>a {
		font-size: 20px;
	}
	.pc_Search_box {
		width: 240px;
	}
}

@media screen and (max-width: 1360px) {
	#header-2026 {
		min-width: 320px;
		position: relative;
		transform: none;
	}
	#header-floor2 {
		padding: 0;
		border-bottom: 1px solid #dadde6;
	}
	.pc_Search_box {
		display: none;
	}
	.hd-mbtn {
		display: flex;
		gap: 18px;
	}
	.allm-wp {
		border-top: none;
		padding: 20px;
	}
	.allm-wid {
		width: 100%;
		padding: 0;
	}
	.allm26 {
		margin: 0;
		flex-wrap: wrap;
		gap: 18px;
	}
	.allm26>li {
		margin: 0;
		width: calc(33.33% - 12px);
		flex-grow: 0;
	}
	.mgnb-out {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#footer-2026 .logo {
		margin: 0;
	}
	.Fmenu-list1 {
		justify-content: flex-start
	}
	.footer-text {
		text-align: left;
	}
	.Ftext-list1>li>i {
		font-size: 0;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.allm-wp {
		position: fixed;
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		width: 90%;
		max-width: 380px;
		padding: 0;
		overflow-y: auto;
	}
	.allm-wp:after {
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: -1;
	}
	.allm-wid {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.mo-mntp {
		display: block;
	}
	.allm26 {
		display: block;
		background: #fff;
		flex-grow: 1;
	}
	.allm26>li {
		width: 100%;
	}
	.allm26>li>a:before {
		display: none;
	}
	.allm26>li>a {
		padding: 16px 20px;
		font-size: 21px;
		line-height: 26px;
		font-weight: 700;
		background: #fff;
		border-bottom: 1px solid #d6dbe5;
	}
	.allm26>li>a img {
		margin-top: 3px;
	}
	.allm26>li>a.hsc:after {
		content: '';
		position: absolute;
		right: 25px;
		top: 50%;
		width: 16px;
		height: 10px;
		margin-top: -5px;
		background: url('/images/front/0813_images/moff.png') no-repeat right
			center;
	}
	.allm26>li>a.on:after {
		transform: rotate(180deg);
	}
	.allm26>li>.mchild-depth2 {
		display: none;
		padding: 15px 4% 20px;
		background: #fff;
	}
	.alm-dp2 {
		display: none;
		padding: 20px 25px;
		background: #eef4fc;
		border-bottom: 1px solid #d6dbe5;
	}
	.alm-dp2 > li {
		color: #444;
	}
	.alm-dp2 > li > a:before {
		width: 5px;
		height: 18px;
		border-radius: 0;
		top: 1px;
		background: #3464d0;
		display: none;
	}
	.alm-dp2 > li > a:hover {
		font-weight: 600;
	}
	.alm-dp2 > li > a:hover:before {
		content: "";
	    position: absolute;
	    left: 0;
		width: 5px;
        height: 18px;
        border-radius: 0;
        top: 1px;
		display: block;
	}
	
}

@media screen and (max-width: 600px) {
	#header-2026 .logo {
		width: 140px;
	}
	.site-tab>a {
		padding: 4px 8px;
	}
	.header-btn2.lgd>li {
		display: none;
	}
	.header-btn2.lgd>li.lg-o {
		display: flex;
		padding-left: 0;
		background: none;
	}
}

@media screen and (max-width: 550px) {
	#footer-2026 .logo {
		width: 150px;
	}
	.footer-btn1 {
		height: 38px;
		width: 250px;
		padding: 0 12px;
	}
	.footer-btn1::after {
		width: 20px;
		background-position: right center;
	}
}

@media screen and (max-width: 450px) {
	.hd-mbtn {
		gap: 5px;
	}
	.site-tab {
		margin-left: 5px;
	}
	.site-tab>a {
		padding: 3px;
		font-size: 12px;
	}
	.hd-mbtn>a {
		font-size: 12px;
	}
	.mo-mlg {
		gap: 8px;
	}
	.mo-mlg a {
		font-size: 14px;
	}
	.footer-btn1 {
		width: 140px;
		padding: 0 10px;
		font-size: 14px;
	}
	.footer-btn1>span {
		display: block;
		word-break: keep-all;
		width: calc(100% - 25px);
	}
}

@media screen and (max-width: 370px) {
	#header-2026 .logo {
		width: 110px;
		line-height: 20px;
	}
	.nuri-area .wid-t p {
		letter-spacing: -1px;
	}
}

/*     m     */
#container26 {
	font-family: 'Pretendard GOV';
}

#container26 * {
	font-family: inherit;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

#main-floor1 {
	max-width: 1350px;
	margin: 0 auto;
}

#main-floor1>.wid-box {
	height: 380px;
}

#main-floor1 .main-slogan1>ul>li {
	font-family: 'Paperozi';
	font-weight: 300;
    word-break: break-word;
}

#main-floor1 .main-slogan1>ul>li.title {
	font-weight: 400;
}

#main-floor1 .main-slogan1>ul>li.A-btn>a {
	font-family: 'Pretendard GOV' !important;
}

.main-slogan1>ul>li>span {
	display: inline-block;
}

.Mslider1-box1 {
	padding: 25px 50px;
}

.main-slider1 {
	padding: 0 56px;
	background-size: 36px, 36px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-top: 8px;
	transition:.2s;
}
.main-slider1 .v-sld-bx { height:293.95px }
.main-slider1>div:before {
	width: 136px;
	height: 135px;
	background-size: 100%;
	right: auto;
	left: 100%;
	top: 0;
	margin-left: -30px;
}

.main-slider1>div:after {
	width: 54px;
	height: 40px;
	background-size: 100%;
	display: block;
}
.main-slider1 .title {
	font-size: 28px;
	line-height: 32px;
	height: 64px;
	word-break: keep-all;
	margin: 10px 0 20px;
}
.main-slider1 .come {
	margin-bottom: 14px;
	font-size: 20px;
	line-height: 24px;
}

.main-slider1 .A-btn {
	margin-top: 15px;
}

.main-slider1 .slick-attr {
	top: 26px;
	bottom: auto;
	width: auto;
}

.main-slider1 .type>span {
	height: 26px;
	padding: 0 8px;
	font-size: 16px;
	border-radius: 8px;
}
.main-slider1 .type>span.sp02 {
	background: #e5f4fd;
}

.main-slider1 .member>p.bg1 {
	font-weight: 700;
	font-size: 16px;
	background-image: url(/images/front/0813_images/vsl_mbn_ic.jpg);
	background-size: 16px;
	padding-left: 22px
}

.main-slider1 .member>p.bg2 {
	padding-left: 0;
	background: none;
	font-weight: 500;
	font-size: 16px;
}

.Mslider1-box1.no-data {
	min-height: 307px;
}

.main-slider1 .slick-paging {
	margin-right: 4px;
}

.main-slider1 .slick-stop {
	width: 26px;
	height: 26px;
	background-position: center center;
	margin: 0;
}

.main-slider1 .slick-prev, .main-slider1 .slick-next {
	width: 26px;
	height: 26px;
	border: 1px solid #dcdcdc;
	border-radius: 100%;
	background-position: center center;
	margin-left: 4px;
}

.sld-ctr.vsld-c {
	right: 50px;
	top: 25px;
	z-index: 2;
}

.v-sld-bx .m-silck-dbx {
	right: 136px;
	top: 30px;
	z-index: 2;
}

#main-floor2 {
	padding: 50px 0;
}

.sug-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.sug-title>span {
	margin: 0;
	font-weight: 400;
	color: #666;
}

.mfl-cbx1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zsv-con {
	display: flex;
	justify-content: space-between;
	width: 47%;
}
.zsv-con > a {
	display: flex;
	justify-content: space-between;
}

.zsv-con .zs-boxs {
	width: 62%;
}

.zsv-con .zs-imgs {
	width: 36.5%;
	font-size: 0;
	text-align: center;
}

.zsv-con .zs-imgs img {
	vertical-align: top;
}

.zsv-con .zs-boxs {
	position: relative;
	padding-bottom: 50px;
}

.zsv-con .zs-boxs .cls {
	margin-bottom: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 10px;
}

.zsv-con .zs-boxs .cls>span {
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: #0f3f7a;
	padding: 5px 11px;
	border-radius: 10px;
}

.zsv-con .zs-boxs .cls>p {
	font-size: 16px;
	line-height: 20px;
	color: #636363;
}

.zsv-con .zs-boxs .ti {
	font-size: 25px;
	color: #444;
	font-weight: 600;
	line-height: 33px;
	margin-bottom: 15px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.zsv-con .zs-boxs .inf {
	font-size: 18px;
	color: #636363;
	line-height: 1.5;
	margin-bottom: 24px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.zsv-con .zs-boxs .da {
	font-size: 18px;
	color: #f25379;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -1px;
	margin-bottom: 16px;
}

.zsv-con .zs-boxs .lk {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #3464d0;
	font-weight: 600;
	padding: 10px 4px;
	border: 1px solid #3464d0;
	border-radius: 10px;
}

.zsv-con .zs-boxs .lk:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 14px;
	background: url(/images/front/0813_images/zslk_arr.jpg) right center
		no-repeat;
	margin-top: 5px;
	margin-left: 10px;
}

.zitem-wp {
	width: 49%;
	position: relative;
}

.zitem-tm-wp {
	overflow: auto;
}

.zitem-tm-bx {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 465px;
	margin-bottom: 14px;
}

.zitem-tm-bx .m-more {
	position: static;
}

.zitem-tab {
	display: flex;
	gap: 4px;
}

.zitem-tab>a {
	display: block;
	position: relative;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #4c4c4c;
	padding: 4px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 8px;
}

.zitem-tab>a.on {
	border-color: #0f3f7a;
	background: #0f3f7a;
	color: #fff;
	z-index: 1;
}

.zitem-ls {
	border-top: 1px solid #3464d0;
	height:261px;
}

.zitem-ls>li {
	border-bottom: 1px solid #d7d7d7;
}

.zitem-ls>li>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
}

.zitem-ls>li>a .ctx {
	width: calc(100% - 140px);
}

.zitem-ls>li>a .zl {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.zitem-ls>li>a .zl>span {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #4c4c4c;
	padding: 2px 9px;
	background: #fff;
	border: 1px solid #dadbdd;
	border-radius: 8px;
	margin-right: 10px;
}

.zitem-ls>li>a .scp {
	display: flex;
	flex:1;
}

.zitem-ls>li>a .scp>span {
	font-size: 15px;
	line-height: 20px;
	color: #636363;
	overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.zitem-ls>li>a .scp>span+span{
	flex: none;
} 

.zitem-ls>li>a .scp>span+span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #cfcfcf;
	margin-top: 4px;
	margin: 0 8px;
}

.zitem-ls>li>a .ti {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #444;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zitem-ls > li .ti.none-data {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.zitem-ls>li>a .da {
	width: 120px;
	text-align: right;
}

.zitem-ls>li>a .da>span {
	display: block;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #636363;
	margin-top:4px;
}

.zitem-ls>li>a .da.tp1>b {
	display: block;
	font-weight: 700;
	color: #F25379;
	font-size: 17px;
}

.zitem-ls>li>a .da.tp2>span {
	color: #3464d0;
}

.m-more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 15px;
	line-height: 24px;
	color: #4c4c4c;
}

.m-more:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	background: url(/images/front/0813_images/m_more_ic.png) no-repeat
		center;
	margin-left: 8px;
}

.msuggestion-wp {
	position: relative;
	margin-top: 60px;
}

.msug-slbx {
	margin: 0 -10px;
}

.msug-sl .slick-slide {
	margin: 0 10px;
}

.msug-u {
	padding: 25px;
	border-radius: 25px;
	border: 1px solid #dbdbdb;
}

.msug-u .cls {
	margin-bottom: 20px;
}

.msug-u .cls>span {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	background: #9968F1;
	color: #fff;
}

.msug-u .ti {
	font-size: 25px;
	line-height: 30px;
	color: #444;
	font-weight: 600;
	height: 60px;
	overflow: hidden;
	word-break: keep-all;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.msug-u .inf {
	margin-top: 10px;
	font-size: 16px;
	color: #636363;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	word-break: keep-all;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.msug-u .scong {
	margin-top: 35px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 16px;
}

.msug-u .scong>span {
	display: block;
	padding-left: 23px;
	font-size: 15px;
	color: #3f3f3f;
	font-weight: 300;
	line-height: 20px;
}

.msug-u .scong>span strong {
	font-weight: 500;
	margin-left:6px;
}

.msug-u .scong>span.si1 {
	background: url(/images/front/0813_images/fic1.jpg) no-repeat left
		center;
}

.msug-u .scong>span.si2 {
	background: url(/images/front/0813_images/fic2.jpg) no-repeat left top -1px;
}

.msug-u .scong>span.si3 {
	background: url(/images/front/0813_images/fic3.jpg) no-repeat left
		center;
}

.msug-u .bn {
	margin-top: 20px;
	text-align: center;
	line-height: 50px;
	border-radius: 8px;
	border: 1px solid #3464d0;
	font-size: 17px;
	color: #3464d0;
	font-weight: 600;
}

.msug-u .bn span {
	display: inline-block;
	padding-right: 30px;
	background: url(/images/front/0813_images/fic4.png) no-repeat right
		center;
}

.msug-u:hover .bn {
	background: #3464d0;
}

.msug-u:hover .bn span {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
		saturate(0%) hue-rotate(28deg) brightness(102%) contrast(102%);
}

.sld-ctr {
	position: absolute;
	top: 0;
	right: 90px;
	display: flex;
	gap: 5px;
	align-items: center;
}

.sld-ctr .cnt {
	font-size: 14px;
	line-height: 18px;
	color: #909090;
	display: none;
}

.sld-ctr .cnt>span {
	font-weight: 700;
	color: #333;
}

.sld-ctr a {
	display: block;
	font-size: 0;
	width: 24px;
	height: 24px;
	background: center center no-repeat;
}

.sld-ctr>a {
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 100%;
}

.sld-ctr .prev {
	background-image: url(/images/sotong2026/main/mian_slider1_prev.png);
}

.sld-ctr .next {
	background-image: url(/images/sotong2026/main/mian_slider1_next.png);
}

.sld-ctr .stop {
	background-image: url(/images/sotong2026/main/mian_slider1_stop.png);
}

.sld-ctr .start {
	display: none;
	background-image: url(/images/sotong2026/main/mian_slider1_play.png);
}

.sld-ctr .prs {
	display: none;
	position: relative;
	height: 4px;
	background: #ececec;
	border-radius: 4px;
}

.sld-ctr .prs>i {
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: 0;
	background: #3464d0;
	border-radius: 4px;
}

.m-silck-dbx {
	font-size: 0;
	position: absolute;
	right: 175px;
	top: 6px;
}

.m-silck-dbx>li {
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5px;
}

.m-silck-dbx>li>button {
	display: block;
	font-size: 0;
	width: 13px;
	height: 13px;
	border: 1px solid #3464d0;
	background: #fff;
	border-radius: 50%;
}

.m-silck-dbx>li.slick-active>button {
	background: #3464d0;
}

#main-floor3 {
	padding: 50px 0;
	background: url(/images/front/0813_images/m_fl3_bg.png) 65% 39px
		no-repeat #f9f4f0;
}

.mf3-slbx {
	margin: 0 -10px;
	padding-top: 10px;
}

.mf3-slu {
	padding-top: 40px;
	margin: 0 10px;
	display: inline-block;
	width: 430px;
}

.mf3-slu>a {
	display: block;
	padding: 26px 32px 32px;
	position: relative;
	background: #fff;
	border-radius: 35px;
	transition: .3s;
}

.mf3-slu.up1>a {
	transform: translateY(-20px);
}

.mf3-slu.up2>a {
	transform: translateY(-40px);
}

.mf3-slu dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mf3-slu dl>dt {
	color: #666;
	font-size: 17px;
	font-weight: 500;
	height: 32px;
	display: flex;
	align-items: center;
}

.mf3-slu dl>dt img {
	margin-right: 6px;
}

.mf3-slu dl>dd {
	color: #F25379;
	font-size: 22px;
	font-weight: 700;
}
.mf3-slu .ti {
	margin: 25px 0 40px;
	color: #444;
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

.mf3-slu .num {
	color: #666;
	font-size: 15px;
	line-height: 18px;
	padding-left: 22px;
	background: url(/images/front/0813_images/fic2.jpg) 0 0 no-repeat;
}

.mf3-slu .num strong {
	color: #465bee;
	font-weight: 700;
}

.mf3-slu .A-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 115px;
	height: 50px;
	padding: 10px 0 0 10px;
	background: #f9f4f0;
	border-radius: 20px 0 0 0;
}

.mf3-slu .A-btn:before, .mf3-slu .A-btn:after {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	content: "";
}

.mf3-slu .A-btn:before {
	right: 0;
	top: -20px;
	background: url('/images/sotong2026/main/main_floor3_bg5.gif') no-repeat;
}

.mf3-slu .A-btn:after {
	left: -20px;
	bottom: 0;
	background: url('/images/sotong2026/main/main_floor3_bg6.gif') no-repeat;
}

.mf3-slu .A-btn>span {
	width: 105px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	background: #EDA063;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mf3-slu .A-btn>span:before {
	content: '';
	display: block;
	width: 16px;
	height: 14px;
	background: url(/images/front/0813_images/mfl3_gic.png) 0 center
		no-repeat;
	margin-right: 5px;
}

#main-floor4 {
	padding: 0 0 80px;
}

.m-not-wp {
	margin-top: 0;
}

.m-not-wp:before {
	display: none;
}

.m-not-area {
	width: 46.52%;
	margin-top: 55px;
}

.m-not-area .m-more {
	top: 4px;
}

.m-not-tits {
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 8px;
}

.m-not-area .tdy {
	margin: 20px 0 15px;
	font-size: 16px;
	color: #3464d0;
	font-weight: 500;
}

.m-scd-ls>li+li {
	margin-top: 5px;
}

.m-scd-ls>li>a {
	display: flex;
	align-items: center;
	white-space: nowrap;
	letter-spacing: -1px;
	padding: 10px 15px;
	background: #f5f8fe;
	gap: 10px;
	border-radius: 8px;
}

.m-scd-ls .cl {
	display: flex;
}

.m-scd-ls .cl>span {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #4c4c4c;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #dadbdd;
	border-radius: 8px;
}

.m-scd-ls .ti {
	flex-grow: 1;
	font-weight: 500;
	font-size: 18px;
	color: #444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.m-scd-ls .da {
	font-size: 16px;
	color: #636363;
}

.gmz-bx {
	margin-top: 24px;
}

.gmz-ls>li+li {
	border-top: 1px dashed #dbdbdb;
}

.gmz-ls>li>a {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}

.gmz-ls>li:first-child>a {
	padding-top: 0;
}

.gmz-ls>li:last-child>a {
	padding-bottom: 0;
}

.gmz-ls>li>a .ph {
	width: 160px;
}

.gmz-ls>li>a .ph img {
	vertical-align: top;
	width: 100%;
	border-radius: 8px;
}

.gmz-ls>li>a .tx {
	/* width: calc(100% - 200px); */
	letter-spacing: -1px;
	flex:1;
}

.gmz-ls .cnd {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}

.gmz-ls .cnd>span {
	width: 68px;
	text-align: center;
	font-weight: 600;
	color: #3b3b3b;
	padding: 4px;
	border: 1px solid #bcbcbc;
	border-radius: 8px;
}

.gmz-ls .cnd>span.bg {
	background: #F25379;
	border-color: #F25379;
	color: #fff;
}

.gmz-ls .cnd>p {
	font-weight: 500;
	color: #F25379;
	word-break: keep-all;
}

.gmz-ls .ti {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	color: #444;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	word-break: keep-all;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.gmz-ls .zl {
	font-size: 16px;
	line-height: 20px;
	color: #4c4c4c;
	word-break: keep-all;
}

.m-not-area .mags-area, .m-not-area .mags-lines {
	margin-top: 0;
}

.mags-lines>li {
	height: 60px;
	border-bottom: 1px dashed #dbdbdb;
}

.mags-lines>li>a {
	padding-left: 18px;
}

.mags-lines>li>a:before {
	width: 8px;
}

@media screen and (max-width: 1600px) {
	.main-slider1 {
		margin-right: 0;
	}
}

@media screen and (min-width: 1201px) {
	.main-slider1>div:after {
		left: 42px;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1201px) {
	/*
	.main-slogan1 {
		width: 470px;
	}
	.main-slider1 .title {
		font-size: 28px
	}
	*/
	.Mslider1-box1.no-data {
		min-height: 299px;
	}
	.sld-ctr.vsld-c {
		top: 25px
	}
	.v-sld-bx .m-silck-dbx {
		top: 31px
	}
}

@media screen and (max-width: 1360px) {
	#main-floor1 { border-radius:0	}
	.m-not-area {
		width: 48%;
	}
}

@media screen and (max-width: 1200px) {
	#main-floor1 {
		border-radius: 0;
	}
	.main-slider1 {
		padding: 0 0 0 20px;
		width:50%;
	}
	/*
	#main-floor1>.wid-box {
		height: auto;
		flex-wrap: wrap;
		padding: 50px 5px 60px;
	}
	
	.main-slogan1 {
		width: 100%;
		padding: 0;
		margin: 0 0 40px;
		text-align: center;
	}
	
	.main-slogan1>ul>li.title {
		font-size: 36px;
		letter-spacing: -1px;
		margin-bottom: 8px;
	}
	
	.main-slogan1>ul>li.title br {
		display: none;
	}
	
	.main-slogan1>ul>li.A-btn {
		justify-content: center;
		margin-top: 24px;
	}
	*/
	.main-slider1 {
		/*
		width: 86%;
		margin: 0 auto;
		padding: 0;
		*/
		background: none;
	}
	.main-slider1>div {
		border-radius: 30px;
	}
	.main-slider1>div:before {
		display: none;
	}
	.main-slider1>div:after {
		left: 50%;
		margin-left: -32px;
		margin-top: -15px;
	}
	.Mslider1-box1.no-data {
		min-height: 297px;
	}
	.sld-ctr.vsld-c {
		right: 30px;
		top: 20px;
	}
	.v-sld-bx .m-silck-dbx {
		right: 115px;
		top: 26px;
	}
	#main-floor3 {
		background-image: none;
	}
}

@media screen and (max-width: 1024px) {
	#main-floor1 {
		background: url(/images/sotong2026/main/main_floor1_bg1.jpg) no-repeat
			center;
		background-size: cover;
	}
	.main-slogan1 {
		background: none;
	}
	.Mslider1-box1 {
		padding: 20px 30px;
	}
	.main-slider1 .slick-attr {
		right: 30px;
	}
	#main-floor2 {
		padding: 30px 0;
	}
	.msuggestion-wp {
		margin-top: 40px;
	}
	.msug-u {
		padding: 20px;
	}
	.msug-u .cls {
		margin-bottom: 12px;
	}
	.msug-u .ti {
		font-size: 20px;
		line-height: 24px;
		height: 48px;
	}
	.msug-u .inf {
		font-size: 17px;
		line-height: 22px;
		height: 66px;
		margin-top: 8px;
	}
	.msug-u .scong {
		gap: 5px 10px;
		margin-top: 20px;
	}
	.msug-u .scong>span {
		font-size: 15px;
		letter-spacing: -1px;
	}
	#main-floor3 {
		padding: 30px 0;
	}
	.mf3-slu {
		padding-top: 0;
	}
	.mf3-slu>a {
		padding: 25px;
	}
	.mf3-slu.up1>a, .mf3-slu.up2>a {
		transform: translateY(0);
	}
	.mf3-slu .ti {
		font-size: 20px;
		line-height: 24px;
		height: 48px;
		margin: 18px 0 25px;
	}
	.mf3-slu dl>dt {
		font-size: 15px;
	}
	.mf3-slu dl>dd {
		font-size: 17px;
	}
	.mf3-slu .num {
		font-size: 14px;
	}
	#main-floor4 {
		padding: 0 0 45px;
	}
	.m-not-wp {
		margin-top: 0;
	}
	.m-not-area {
		width: 100%;
		margin-top: 30px;
	}
	.m-not-area>.mqa-lists>li {
		height: 60px;
		min-height: 0;
	}
	.sld-ctr .cnt {
		display: block;
	}
	.m-silck-dbx {
		display: none !important;
	}
}

@media screen and (max-width: 1000px) {
	#main-floor1>.wid-box { height: auto; flex-wrap: wrap; padding: 50px 5px 60px; 	}
	#main-floor1 .main-slogan1>ul>li { word-break: auto-phrase; } 
	.main-slogan1 { width: 100%; padding: 0; margin: 0 0 40px; text-align: center; }
	.main-slogan1>ul>li.title { font-size: 36px; letter-spacing: -1px; margin-bottom: 8px; }
	.main-slogan1>ul>li.title br { display: none }
    .main-slogan1>ul>li.A-btn { justify-content: center; margin-top: 24px; }
	.zitem-ls { height:auto }
    .main-slider1 {
        /* width: 86%; */
        width: 660px;
        margin: 0 auto;
        padding: 0;
        background: none;
    }
    .main-slider1>div {
        border-radius: 30px;
        box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.21);
    }
    .main-slider1>div:after { display:none }
	.zsv-con {
		width: 100%;
		margin-bottom: 30px;
	}
	.zsv-con .zs-imgs {
		width: 200px;
	}
	.zsv-con .zs-boxs {
		width: calc(100% - 220px);
	}
	.zsv-con .zs-boxs .lk {
		max-width: 336px;
	}
	.zitem-wp {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.Mslider1-box1.no-data { min-height: 295px; }
	.main-slider1 { width: 100%; }
}

@media screen and (max-width: 700px) {
	.sug-title>span {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	#main-floor1 { background: none }
	#main-floor1>.wid-box { padding: 0; width: 100%; display:block; }
	.main-slider1 .v-sld-bx { height:auto }
	.main-slogan1 {
		margin-bottom: 15px;
		padding: 45px 15px 35px;
		background: url(/images/sotong2026/main/main_floor1_bg1.jpg) no-repeat center;
		background-size: cover;
	}
	.main-slogan1>ul>li { font-size: 18px }
	.main-slogan1>ul>li.title {
		font-size: 28px;
		max-width: 280px;
		margin: 0 auto 12px;
	}
	.main-slogan1>ul>li.A-btn>a {
		width: auto;
		max-width: 200px;
		gap:8px;
		padding:0 15px;
	}
	.main-slogan1 > ul > li.A-btn > a::after {
		width:20px;
		background-size:20px;
	}
	#main-floor1 .main-slogan1>ul>li.A-btn>a {
		font-weight: 500;
	}
	.main-slider1 {
		width: auto;
		margin: 0 15px 36px;
	}
	.main-slider1>div {
		box-shadow: none;
		border: 1px solid #dbdbdb;
	}
	.main-slider1>div:after {
		display: none;
	}
	.main-slider1 .member {
		gap: 10px 20px;
	}
	.main-slider1 .member>p {
		font-size: 16px;
		line-height: 20px;
	}
	.main-slider1 .come {
		margin: 0px 10px 6px 0;
		display: inline-block;
		vertical-align: top;
	}
	.main-slider1 .type {
		display: inline-flex;
		vertical-align: top;
		width: 100%;
	}
	.main-slider1 .slick-paging {
		font-size: 14px;
		margin-right: 10px;
	}
	.main-slider1 .title {
		font-size: 25px;
		line-height: 30px;
		height: 60px;
		margin: 8px 0 15px;
	}
	.Mslider1-box1 {
		padding: 15px 25px;
	}
	.Mslider1-box1.no-data {
		min-height: 240px;
	}
	.main-slider1 .slick-attr {
		top: 100%;
		left: 0;
		right: 0;
		margin-top: 10px;
		justify-content: center
	}
	.sld-ctr.vsld-c {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		gap: 5px;
		margin-top: 10px;
	}
	.sld-ctr.vsld-c>a {
		position: static;
		width: 24px;
		height: 24px;
	}
	.zitem-ls>li>a .zl {
		gap: 4px;
	}
	.zitem-ls>li>a .zl>span {
		font-size: 14px;
		line-height: 18px;
		padding: 4px 6px;
		margin: 0;
	}
	.zitem-ls>li>a .scp>span {
		font-size: 14px;
	}
	.zitem-ls>li>a .scp>span+span:before {
		margin: 0 4px;
	}
	.zitem-ls>li>a .ctx {
		width: calc(100% - 112px);
	}
	.zitem-ls>li>a .da {
		width: 102px;
	}
	.zitem-ls>li>a .da>span {
		font-size: 14px;
		line-height: 16px;
		letter-spacing: -1px;
	}
	.zitem-ls>li>a .da.tp1>b {
		font-size: 17px;
	}
	.zitem-tm-bx .m-more {
		display: none !important;
	}
	.m-more {
		top: 2px;
	}
	.msug-slbx {
		margin: 0 -5px;
		margin-right: -15px;
	}
	.msug-sl .slick-list {
		padding-right: 10%;
	}
	.msug-sl .slick-slide {
		margin: 0 5px;
	}
	.sld-ctr {
		position: relative;
		top: auto;
		right: auto;
		justify-content: center;
		margin-top: 10px;
	}
	.mf3-slbx {
		margin: 0 -5px;
		margin-right: -15px;
	}
	.mf3-sl .slick-list {
		padding-right: 10%;
	}
	.mf3-sl .slick-slide {
		margin: 0 5px;
	}
	.mo-dsn {
		display: none!important;
	}
}

@media screen and (max-width: 500px) {
	.zsv-con .zs-imgs {
		width: 36.5%;
		font-size: 0;
		text-align: center;
	}
	.zsv-con .zs-boxs {
		width: 60%;
	}
	.zsv-con .zs-boxs .cls {
		margin-bottom: 10px;
	}
	.zsv-con .zs-boxs .ti {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.zsv-con .zs-boxs .inf {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.zsv-con .zs-boxs .da {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.zsv-con .zs-boxs .dti {
		display: none;
	}
	.zsv-con .zs-boxs .lk {
		font-size: 17px;
	}
	.zsv-con .zs-boxs .cls {
		gap: 5px;
	}
	.zsv-con .zs-boxs .cls>span {
		font-size: 15px;
	}
	.sld-ctr {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 18px;
		height: 28px;
		padding: 0 38px;
		gap: 10px;
	}
	.sld-ctr .ap {
		display: none;
	}
	.sld-ctr .prs {
		display: block;
		flex-grow: 1;
	}
	.sld-ctr a {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 0;
		border: 1px solid #dadada;
		border-radius: 100%;
	}
	.sld-ctr .prev {
		left: 0;
	}
	.sld-ctr .next {
		right: 0;
	}
	.m-scd-ls>li>a {
		padding: 10px 12px;
		flex-wrap: wrap;
		gap: 4px;
		position: relative;
	}
	.m-scd-ls .cl {
		width: 100%;
	}
	.m-scd-ls .cl>span {
		font-size: 15px;
	}
	.m-scd-ls .ti {
		width: 100%;
		font-size: 17px;
	}
	.m-scd-ls .da {
		position: absolute;
		right: 12px;
		top: 16px;
		font-size: 14px;
	}
	.gmz-ls>li:last-child {
		border-bottom: 1px dashed #dbdbdb;
	}
	.gmz-ls>li:last-child>a {
		padding-bottom: 15px;
	}
	.gmz-ls .cnd {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 6px;
		gap: 5px;
	}
	.gmz-ls .cnd>span {
		width: 54px;
		font-size: 12px;
        padding: 2px 4px;
	}
	
	.gmz-ls .ti {
		font-size: 16px;
		line-height: 20px;
		height: 40px;
		margin-bottom: 8px;
	}
	.gmz-ls .zl {
		font-size: 14px;
		line-height: 18px;
	}
}

@media screen and (max-width: 425px) {
	.main-slogan1>ul>li.A-btn>a {
		padding: 0 12px;
		font-size: 16px;
	}
	.main-slogan1>ul>li.A-btn>a::after {
		width: 20px;
		background-size: 100%;
	}
	.main-slider1 {
		margin: 0 10px 36px;
	}
	.main-slider1 .member>p.bg1, .main-slider1 .member>p.bg2 {
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	.main-slider1 .title {
		font-size: 20px;
		line-height: 25px;
		height: 50px;
	}
	.main-slider1 .come {
		font-size: 16px;
		line-height: 20px;
		margin: 0 10px 8px 0;
		letter-spacing: -1px;
	}
	.main-slider1 .type>span {
		padding: 2px 7px;
		font-size: 14px;
	}
	.main-slider1 .type>span.sp01 {
		font-size: 14px;
	}
	.main-slider1 .A-btn {
		margin-top: 10px;
	}
	.Mslider1-box1 {
		padding: 20px;
	}
	.Mslider1-box1.no-data {
		min-height: 220px;
	}
	.zsv-con .zs-boxs .cls {
		letter-spacing: -1px;
	}
	.zsv-con .zs-boxs .cls>span, .zsv-con .zs-boxs .cls>p {
		font-size: 14px;
	}
}

@media screen and (max-width: 370px) {
	.msug-slbx {
		margin: 0 -5px;
	}
	/*
	.msug-sl .slick-list {
		padding-right: 0;
	}
	*/
	.mf3-slbx {
		margin: 0 -5px;
	}
	/*
	.mf3-sl .slick-list {
		padding-right: 0;
	}
	*/
	.zitem-ls>li>a .zl>span {
		padding: 4px;
		font-size: 12px;
		line-height: 16px;
	}
	.zitem-ls>li>a .scp>span {
		font-size: 12px;
		line-height: 16px;
	}
	.zitem-ls>li>a .ctx {
		width: calc(100% - 95px);
	}
	.zitem-ls>li>a .da {
		width: 85px;
	}
	.zitem-ls>li>a .da>span {
		font-size: 12px;
	}
}

/* ===== 소통24 메인 추가보정 (index_v4.jsp 인라인 <style> 에서 이관) ===== */
/* 공감이 필요한 제안 분야 아이콘 : 혁신제안톡 목록과 동일 
   (sotong2026/main.css 규칙을 신규 마크업으로 재스코프). 폭과 무관하게 적용한다 */
.mf3-slu dl>dt .cate-ico {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-right: 6px;
	vertical-align: middle;
}
/* .mf3-slu dl > dt .cate-ico:before{font-family:'data_icon';font-style:normal;font-weight:normal;font-size:28px;color:#102c60;display:inline-block;line-height:34px;vertical-align:middle;position:relative;top:-3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mf3-slu dl > dt .cate-ico.icon-b_1:before{content:'\e810';}
.mf3-slu dl > dt .cate-ico.icon-b_2:before{content:'\e811';}
.mf3-slu dl > dt .cate-ico.icon-b_3:before{content:'\e812';}
.mf3-slu dl > dt .cate-ico.icon-b_4:before{content:'\e813';}
.mf3-slu dl > dt .cate-ico.icon-b_5:before{content:'\e814';}
.mf3-slu dl > dt .cate-ico.icon-b_6:before{content:'\e815';}
.mf3-slu dl > dt .cate-ico.icon-b_7:before{content:'\e816';}
.mf3-slu dl > dt .cate-ico.icon-b_9:before{content:'\e818';}
.mf3-slu dl > dt .cate-ico.icon-b_10:before{content:'\e819';}
.mf3-slu dl > dt .cate-ico.icon-b_11:before{content:'\e81a';}
.mf3-slu dl > dt .cate-ico.icon-b_12:before{content:'\e800';}
.mf3-slu dl > dt .cate-ico.icon-b_13:before{content:'\e81b';}
.mf3-slu dl > dt .cate-ico.icon-b_14:before{content:'\e81c';}
.mf3-slu dl > dt .cate-ico.icon-b_15:before{content:'\e81d';}
.mf3-slu dl > dt .cate-ico.icon-b_16:before{content:'\e81e';} 
.mf3-slu dl > dt .cate-ico.icon-b_8:before{content:'';background:url('/images/front/icons/icon-tour.png') center no-repeat;background-size:contain;display:inline-block;width:30px;height:30px;vertical-align:middle;}
.mf3-slu dl > dt .cate-ico.icon-ai-democracy:before{content:'';background:url('/images/front/icons/ai-democracy-category-v2.png') center no-repeat;background-size:contain;display:inline-block;width:30px;height:30px;vertical-align:middle;}
*/
/* 공모전 영역 : 참여일정 목록 박스(첫 행 윗선~마지막 행 아랫선)에 맞추고 카드로 가득 채운다 (2단일 때만) */
/* 날짜(파란 글씨) 한 줄 : 폭 고정 대신 날짜는 제 너비를 갖고 제목이 남는 폭을 쓴다(제목은 말줄임).
   좁은 화면에서도 날짜가 접히지 않는다 */
.zitem-ls>li>a .ctx {
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
}

.zitem-ls>li>a .da {
	width: auto;
	flex: 0 0 auto;
	white-space: nowrap;
	padding-left: 12px;
}

.zitem-ls>li>a .da.tp2>span {
	display: block;
}

@media screen and (min-width: 1001px) {
	/* 행 높이 축소(패딩/간격) → 영역 전체가 낮아지고 좌측 카드 여백도 줄어든다 */
	.zitem-ls>li>a {
		padding: 15px 0;
	}
	.zitem-ls>li>a .zl {
		margin-bottom: 8px;
	}

	/* 좌측 이미지 : 칸 폭을 꽉 채우고 세로 가운데 (비율 유지 · 잘림 없음) */
	.zsv-con .zs-imgs {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.zsv-con .zs-imgs img {
		width: 100%;
		height: auto;
	}
	/* 탭 전환/데이터 부족·없음에도 박스가 흔들리지 않도록 5행 높이 고정 (75px x 5 + 테두리 1px) */
	/* .zitem-area { min-height: 376px; } */
}

/* 태블릿(1001~1024px) : 2단이 유지되는 구간. 이미지 칸이 좁아 그림이 작고 위아래 공백이 크므로
   이미지 칸을 넓히고 요약 줄 수를 줄여 균형을 맞춘다 */
@media screen and (min-width: 1001px) and (max-width: 1024px) {
	.zsv-con .zs-imgs {
		width: 46%;
	}
	.zsv-con .zs-boxs {
		width: 50%;
	}
	.zsv-con .zs-boxs .inf {
		-webkit-line-clamp: 2;
	}
}

/* 태블릿·좁은 PC(1001~1200px) 함께하는 정책참여 탭 : 2단이 유지되는 구간이라 탭 줄의 폭이 부족하다.
   전체 탭에서는 더보기가 숨겨져 겨우 한 줄이지만, 다른 탭을 고르면 더보기가 나타나 폭을 뺏어
   탭 글자가 버튼 안에서 두 줄로 접힌다. 글자를 줄바꿈하지 않게 하고 크기·여백을 줄여 한 줄에 맞춘다 */
@media screen and (min-width: 1001px) and (max-width: 1200px) {
	.zitem-tab {
		gap: 3px;
	}
	.zitem-tab>a {
		white-space: nowrap;
		font-size: 14px;
		padding: 4px 5px;
		letter-spacing: -0.5px;
	}
	.zitem-tm-bx .m-more {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 14px;
	}
}

/* 1단 구간(1000px 이하) 좌측 이미지 : 칸 폭을 꽉 채우고 세로 가운데 (비율 유지) */
@media screen and (max-width: 1000px) {
	.zsv-con .zs-imgs {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.zsv-con .zs-imgs img {
		width: 100%;
		height: auto;
	}
}
/* 모바일(500px 이하) : 이미지 칸이 좁아 그림이 작으므로 칸을 넓힌다 */
@media screen and (max-width: 500px) {
	.zsv-con .zs-imgs {
		width: 42%;
	}
	.zsv-con .zs-boxs {
		width: 56%;
	}
}

/* PC(1025px 이상) 공모전 영역 : 다가오는 참여일정 목록(최대 5건 기준)의 첫 줄~끝 줄에 맞춘다.
   일정 데이터가 적거나 없어도 같은 크기를 유지하도록 일정 목록도 5행 높이로 고정한다. */
@media screen and (min-width: 1025px) {
	.m-not-area .m-schedule-area {
		/* min-height: 247px; */
	} /* 1행 62px x 5 */
	.m-not-area .m-schedule-nod {
		min-height: 247px;
	} /* 일정 0건일 때도 같은 높이 */
	.m-not-area .gmz-bx {
		margin-top: 22px;
		/* flex: 1 1 auto; */
		overflow: hidden;
	}
	.m-not-area .gmz-ls {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.m-not-area .gmz-ls>li {
		/* flex: 1 1 auto; */
		display: flex;
	}
	.m-not-area .gmz-ls>li:only-child {
		flex: 0 0 auto;
	} /* 1건이면 원래 크기 유지 */
	.m-not-area .gmz-ls>li>a {
		flex: 1 1 auto;
		align-items: stretch;
	}
	.m-not-area .gmz-ls .ph {
		display: flex;
	}
	.m-not-area .gmz-ls .ph img {
		height: 100%;
		object-fit: cover;
	}
	.m-not-area .gmz-ls .tx {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
	}
	/* 띄어쓰기 없는 긴 제목이 칸을 넘기지 않도록 */
	.m-not-area .gmz-ls .ti, .m-not-area .gmz-ls .zl {
		overflow-wrap: anywhere;
	}
}

/* 2026-08-14 디자인 수정작업 */
.mf3-slu dl>dt .cate-ico.icon-b_1 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic01.png);
} /* 교육 */
.mf3-slu dl>dt .cate-ico.icon-b_2 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic02.png);
} /* 국토관리 */
.mf3-slu dl>dt .cate-ico.icon-b_3 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic03.png);
} /* 공공행정 */
.mf3-slu dl>dt .cate-ico.icon-b_4 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic04.png);
} /* 재정금융 */
.mf3-slu dl>dt .cate-ico.icon-b_5 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic05.png);
} /* 산업고용 */
.mf3-slu dl>dt .cate-ico.icon-b_6 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic06.png);
} /* 사회복지 */
.mf3-slu dl>dt .cate-ico.icon-b_7 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic07.png);
} /* 식품건강 */
.mf3-slu dl>dt .cate-ico.icon-b_8 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic08.png);
} /* 문화관광 */
.mf3-slu dl>dt .cate-ico.icon-b_9 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic09.png);
} /* 보건의료 */
.mf3-slu dl>dt .cate-ico.icon-b_10 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic10.png);
} /* 재난안전 */
.mf3-slu dl>dt .cate-ico.icon-b_11 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic11.png);
} /* 교통물류 */
.mf3-slu dl>dt .cate-ico.icon-b_12 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic12.png);
} /* 탄소중립 */
.mf3-slu dl>dt .cate-ico.icon-b_13 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic13.png);
} /* 환경기상 */
.mf3-slu dl>dt .cate-ico.icon-b_14 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic14.png);
} /* AI·과학기술 */
.mf3-slu dl>dt .cate-ico.icon-b_15 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic15.png);
} /* 농축수산 */
.mf3-slu dl>dt .cate-ico.icon-b_16 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic16.png);
} /* 통일외교안보 */
.mf3-slu dl>dt .cate-ico.icon-b_17 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic17.png);
} /* 국정과제 */
.mf3-slu dl>dt .cate-ico.icon-b_18 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic18.png);
} /* etc */
/* 2026-09-06 기본사회(G18) 분야 아이콘 추가 */
.mf3-slu dl>dt .cate-ico.icon-b_19 {
	background-image: url(/images/front/main_new/mf3-slu_cate_ic19.png);
} /* 기본사회 */



/* 20260820 pub update */
.m_show { display: none }
.m_hide { display: block }
#main-floor1 { max-width:1550px }
.footer-text { width: calc(100% - 190px)}
.footer-btn1 { position: absolute; right: 0; top: 0 }
.m-not-area .gmz-ls .ph { font-size: 0;border-radius: 10px;overflow: hidden;position: relative;aspect-ratio: 160 / 108; }
.m-not-area .gmz-ls .ph img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}
.gmz-ls .cnd { font-size:15px }
.gmz-ls .ti { font-size:17px; height:40px; line-height:20px }
.gmz-ls .zl { font-size:15px }
.gmz-ls>li>a { justify-content: flex-start; gap:18px; }
.gmz-ls .cnd>span { font-size:15px; width:auto; padding:2px 10px; }
@media screen and (max-width: 1550px) { 
	#main-floor1 { border-radius:0 }
}
@media screen and (max-width: 768px) {
	.gmz-ls .cnd>p { font-size: 15px; flex:1 }
	.gmz-ls .cnd>span { font-size:13px; padding:2px 4px}
	.gmz-ls>li>a { gap:12px }
	.footer-text { width:100% }
}
@media screen and (max-width: 500px) {
    .main-slider1 .A-btn > a {
        height: 34px;
        font-size: 16px;
    }
    .gmz-ls>li>a { gap:6px }
}
@media screen and (max-width: 480px) {
	.m_show { display: block }
	.m_hide { display: none }
	.m-not-area .gmz-ls .ph { width:40% }
	.gmz-ls .cnd { flex-direction: column; align-items: flex-start }
}