/* 2024-10-04  검색창*/
.layer_atcmp {
	position: absolute;
	top: 58px;
	z-index: 3;
	width: 680px;
	-webkit-transform: translateY(9px);
	-ms-transform: translateY(9px);
	transform: translateY(9px);
}

.absPopup{
	z-index: 18001;
	width: 400px;
	height: 500px;
	margin: 0 auto;
	left:50% !important;
	top:50% !important;
	transform:translate(-50%, 50%);
}

@media (max-width: 875px){
	.sub-content .health-infoCard{
		flex: 0 0 100%;
	}
	.sub-content .health-infoCard img{
		max-width: 30%;
	}
	.sub-content .health-infoCard .card-title p br{
		display: inline;
	}
	.sub-visual.compact ul > li:nth-child(n+4) {
		display: none;
	}
}
@media (max-width:520px) {
	.searchBar-modal, .search-sub1 { height: 55px !important;
	}
	.search-sub1 button {
		font-size: 0;
		/*width: 52px;*/
		/*height: 50px;*/
		padding: 3px;
		display: flex;
		background-color:transparent;
		align-items: center;
		justify-content: center;
		-webkit-border-radius:10%;
		-moz-border-radius:10%;
		border-radius:10%;
	}

	.search-sub1 button img {
		background: #4251d6;
		width: 45px;
		height: 45px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		object-fit: scale-down
	}


	.searchBar-modal button, .search-sub1 button {height: 40px; width: 55px !important;}
	.layer_atcmp {
		position: absolute;
		top: 50px;
		z-index: 3;
		width: 680px;
		-webkit-transform: translateY(9px);
		-ms-transform: translateY(9px);
		transform: translateY(9px);
	}
	.top-share button{gap: 0;font-size: 0;margin-right:0}
}

@media (min-width:200px) and (max-width:798px)  {
	/*.searchBar-modal, .search-sub1 { height: 55px !important;}*/
	.searchBar-modal button, .search-sub1 button {height: 40px; width: 55px !important;}
	.sch-tag dd {gap: 0;}
	.sideSearch h4 {line-height: 1.2;}
	/* 2024-10-04  검색창*/
}

@media (max-width:670px) {
	.search-bullet {
		background: url(../images/main/main_search_visual-icon.png) no-repeat;
		background-size: 100%;
		width: 45px;
		height: 45px;
		display: inline-block;
	}

	.main-search h3 {
		font-size: 1.7em !important;
		margin-left: 1.7px;
		line-height: 1.2;
	}

	.con-area h6 {
		font-size: 1.4em;
		color: #111;
		letter-spacing: -1.5px;
		font-weight: 400;
		display: inline-block;
		font-family: 'SCDream';
	}
}
@media (max-width:600px) {
	.searchBar-modal { width: 400px;}
	.jbFixed {
		position: fixed !important;
		top: 0;
		z-index:9999;
	}
	.search-bullet {
		background: url(../images/main/main_search_visual-icon.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height: 35px;
		display: inline-block;
	}
	.main-search h3 { font-size: 1.5em !important; margin-left:1.7px; line-height: 1.2;}
	.con-area h6 {
		font-size: 1.0em;
		color: #111;
		letter-spacing: -1.5px;
		font-weight: 400;
		display: inline-block;
		font-family: 'SCDream';
	}

	.ed-list li, .news-list li{width:100%}

	.contents-warp-main {padding: 0 0;}

	.main-search{
		padding-top: 2em;
	}
	#footer{position:relative; overflow:hidden;clear:both;width:100%;margin-top:0;padding-bottom:40px;box-sizing:border-box;background:#f8f8f8}
}
@media (max-width:566px) {
	.quick-link > a {
		padding: 0;
		padding-top: 0.7em;
		font-size: 0.9em;
	}
}

@media (max-width:364px) {
	.main-search h3 { font-size: 1.3em !important; margin-left:1.7px; line-height: 1.2;}
	.con-area h6 {
		font-size: 0.9em;
		color: #111;
		letter-spacing: -1.5px;
		font-weight: 400;
		display: inline-block;
		font-family: 'SCDream';
	}
	.swiper-navigation > button{
		width: 35px;
		height: 35px;
	}
	#header h1{background-position: 0 20px !important;background-size:230px 32px !important}
	#header .m-allmenu,#header .m-search {font-size: 1.6rem !important; width: 25px !important; }
	#header .m-search{right: 34px !important;}
	.sub-content h2{font-size: 1.7rem;}
}

@media (max-width:799px) {
	.searchBar-modal, .search-sub1 { width: 100%;}
	.searchBar-modal button, .search-sub1 button {width: 56px;}
	.main-search h3 { font-size: 2.4em; }
	.src-conRight {padding: 1.5rem;}
	.jbFixed {
		position: fixed !important;
		top: 0;
		z-index:9999;
	}
	.contents-warp-main {padding: 0 0;}
	.main-search{
		padding-top: 2em;
	}

	#swiper02 {
		height: auto !important;
		overflow: hidden;
		list-style: none;
		z-index: 1;
		display: block;
	}

	.tag-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		height: 2.4rem;
		border-radius: 50px;
		font-size: 0.9em;
		font-weight: 500;
		font-family: 'SCDream';
		color: #1E286D;
		background: #F6F6F6;
		padding: 0.6rem 1rem;
		margin: 6px 6px;
	}

}
@media screen and (max-width:400px){
#header h1{background-position: 0 20px !important;background-size:230px 32px !important}
.btn-filter-search { width: 100%; padding: 0.5rem 0;}
	.jbFixed {
		position: fixed !important;
		top: 0;
		z-index:9999;
	}

	.hd-index a.re-font{
		font-size: 0.9rem !important;
		word-break: keep-all;
	}

}
@media screen and (max-width:700px){

	.jbFixed {
		position: fixed !important;
		top: 0;
		z-index:9999;
	}


	#wrap{padding-bottom:0px}
	#layer2 .m-logo2{width: 65% !important}
	.fp-section,.fp-tableCell{overflow:hidden;height:auto !important}
	#footer{padding-bottom:0px}
	.footer-box a img{width:0px;height:0px}
	.main-visual, .body-area{display:none !important;}
	.main-content{background:#fff !important}
	.main-content-area{overflow:hidden;padding:0 10px !important}
	#section1 .event01{display:block}
	.event01-m{display:block;margin:30px 0;padding:0 10px}
	.event01-m-title h3{margin-bottom:15px;height:35px;text-align:center;font-size:2.2rem;color:#333}
	.event02-m img{border-radius:5px;width:100%}
	.event04-m{position:relative;width:100%;height:330px;margin:0 auto;padding-top:35px;background:#84bbec}
	.event03-m ul{width:96%;margin:0 2%}
	.event03-m-title h3{margin-bottom:15px;height:35px;text-align:center;font-size:2.2rem;color:#333}
		.event03-m ul li{float:left;width:49%;margin-right:2%;margin-bottom:5px}
		.event03-m ul li:nth-child(even){margin-right:0px !important}
		.event03-m ul li a{display:block;width:100%;line-height:51px;text-align:center;border:#0b79c0 1px solid;border-radius:3px;background:#fff;font-size:1.2rem}
		.event03-m ul li a:hover{border:#fff 1px solid;background:#0b79c0;color:#fff;font-weight:600}
	.event01{position:relative;width:100%;height:300px;padding-top:30px !important;text-align:center;background:#f5f5f5}
	.sch-box{width:100% !important;height:165px;margin:0 auto;margin-right:0px !important;padding:10px !important;/* border-bottom:#fff 1px solid; */text-align:right;background:none}
		.sch-box input{width:100% !important;margin:5px 0 !important;padding:0.9em 6px !important;border:#333 1px solid !important;background:#fff !important;font-size:1.125rem !important;color:#333 !important}
		.sch-box input::placeholder{color:#333}
		.sch-box input:focus{outline:none}
        .sch-box button{position:absolute;top:130px;right:10px;font-size:0px;margin-top:15px;padding:0;background:none}
        .sch-box button i{margin-bottom:10px;font-size:2.6rem;color:#333}
        .sch-box p{width:100%;float:right;margin-top:10px;padding:0px;text-indent: 6em;background:url("../images/main/sch-btn.jpg")  no-repeat 1px 7px;text-align:left;color:#555;}
        .sch-box p a{padding-right:7px;color:#555}
        .sch-box p a:hover{padding-right:10px;color:#000;text-decoration:underline}
	.main-content-area{padding-top:30px !important}
	.info-title{display:none !important}
	.info-title-m{display:block !important;text-align:center;font-size:2em !important;color:#333}
	.event03-m{display:block} 
	.info-title-m h3{height:40px;padding-top:10px;text-align:center;font-size:2.2rem}
	.update-box{height:100%;width:100%;margin:20px auto}
		.update-title{display:none !important}
		.update-list{overflow:hidden;height:550px}
		.update-list li{width:100% !important;height:270px;border-radius:5px}
		.update-list li a strong{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break:keep-all;/* white-space:nowrap; */
		overflow:hidden; text-overflow: ellipsis;width:100%;line-height:30px;height:30px;padding:0px 30px;font-size:1.313rem;font-weight:500;;text-align:center;letter-spacing:-1px}
		.update-list li a{display:block;height:270px}
		.update-list li a p{height:195px}
		.update-list li a p img{width:100%}
/* Footer */
	#section3 .fp-tableCell{background:#1d282f}
	#footer2{margin-top:1px;height:247px !important}
	.text-box{text-align:center}
	.sitebox, .f-link{display:none !important}
	.footer-box{text-align:center}
	.footer-box p{margin-top:20px;text-align:center}
	.footer-box p span{display:none}
	.footer-box small{display:block;margin-top:0px;text-align:center}
	.footer-logo{display:block;margin:20px auto;position:relative}
	#fp-nav{display:none}
	.f-logo{display:none}
	.sub-visual ul {
		display: flex;
		flex-wrap: wrap; /* 기본은 여러 줄 */
	}

	.sub-visual ul li {
		padding: 0 10px;
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		max-width: 200px; /* 원하는 폭 제한 */
	}

	/* li가 2개일 때는 한 줄로 */
	.sub-visual ul:has(> li:nth-child(2):last-child) {
		flex-wrap: nowrap;
		justify-content: flex-start; /* 필요시 center, space-between */
	}

	.m-dis{display:none !important}
	#wrap .top-banner{display:none}
	#wrap .top-area{display:none}
	#wrap nav{display:none}
	.visual-area ul{display:none}
	#header{height:75px;line-height:75px; width: 100% !important;}
	#header h1{height:75px;background-image:url(../images/common/phone-logo2.png);background-repeat: no-repeat;background-position: 0 16px;background-size:280px 40px}
	#header h1 a{display:block;width:50%;height:75px;font-size:0px;background:none}
	#wrap{padding-bottom:0px}
	#footer{margin-top:0px;padding-bottom:10px}
	.footer-box .f-logo {display:none}
	.btn-sitemap{display:none}
	.s-class{display:none}
	.main-visual{overflow:hidden;height:100%;padding-top:20px}
	.main-visual h1{height:60px;line-height:60px;margin:0 auto;font-size:2.133rem;font-weight:400;text-align:center;color:#fff}
	.mobile-visual{display:none;width:100%;height:100%;margin-top:20px}
        .mobile-visual h3{margin-bottom:20px;font-size:1.750rem;font-weight:400;letter-spacing:-1px;color:#333}
        .mobile-visual span{font-size:0.938rem;font-weight:300;letter-spacing:-0.5px}
        .mobile-visual ul li a:hover{text-decoration:underline}
        .mobile-visual h4{margin-bottom:15px;font-size:1.375rem;font-weight:400;text-align:left;letter-spacing:-1px;color:#fff}
        .mobile-visual ul li a{text-align:center}
	.board-contents video{width:100%;height:auto}
	.sub-visual{height: auto /*height:50px*/}
        .sub-visual ul li a{height:50px}
        /*.sub-visual ul li.home{width:50px;height:50px}*/
        .sub-visual ul li.home a{width:50px}
        .sub-visual ul li i{margin:18px 0 0 10px}
        .map-info {width:100%}
        .cbv-top1 li{width:32.5% !important}
        .cbv-top2 li{width:49.5%}
        .cbv-top2 li.button-long{width:99.8%}
        .cbv-top3 li{width:100%}
        .cbv-top4 li{width:32.5% !important}
        .ccvd-contents img{width:100%}
        #forHealthLifeMainForm .tab{width:100%;padding-bottom:10px}
        #forHealthLifeMainForm .tabcontent{width:100%;padding-left:0}
		/*.dt-site ul li:last-child{width:300px;padding-left:30px;padding-bottom: 1em;}*/
		.dt-site ol li a {
			display: inline-block; /* 블록화 */
			/*max-width: 300px;*/      /* 원하는 너비 */
			word-break: break-all; /* 긴 주소 줄바꿈 */
		}
        .ed-list2 li{width:100%}
        .top-share{top:110px}
        .sns-over{top:85px}
        .font-size-over{top:85px}
		.search-btn{width: 100%}
        #healthColmnMainForm .board-form table tr th:last-child{/*display:none*/}
        #healthColmnMainForm .board-form table tr td:last-child{/*display:none*/}
        #hlthinsReqstMainForm .board-form table tr th:last-child{display:none}
        #hlthinsReqstMainForm .board-form table tr td:last-child{display:none}
        .data-text ol{width:100%;height:auto;}
        .pagination a {float:left}
        .guide-help{flex-direction: column;margin:0;gap: 12px}
        .guide-help li:nth-child(odd){width:180px;height: 180px}
        .guide-help li:nth-child(even){transform: rotate(90deg);padding:0}
        .board-faq p{width:80% !important}
        .about img{width:100%}
        .about p{padding:0;font-size:1rem}
        .about div{margin:0}
        .portal img{width:100%}
        .myinfo ul li{width:100%;margin-left:0;margin-bottom:20px}
        .sub-visual ul li{padding:0 10px}
        .sub-depth2 a{height:auto !important}
        .ccvd-box video{width:100%; height:100%}
        .link-box ul li{width:100%}
        .search-top .commbo{width:33%}
        .hd-index a{width:13%;}
        .hd-index a.re-font{float:left}
        /*.data-content{padding-top:50px}*/
        .helth-choice .user-info span{display:block}
        .helth-apply i, .helth-cm i{display:none}
    .search-choice a{width:100%;margin-left:0px}
    .mobile-sch-align{margin-top:20px}
	.search-choice .sch-cal-date{width:100%;text-align:left;margin:10px 0}       
        .search-sub{position:absolute;top:16px;left:auto;right:0%;margin-left:0px;width:345px;height:45px !important;border:#ddd 1px solid;border-radius:3px;background:#fff;z-index:100}
        .search-sub span{width:80px;height:45px;padding-top:13px;font-size:1.125rem;color:#fff;background:#122c95}
        .search-sub input{width:288px !important;margin:5px 10px !important;padding: 0.6em 6px !important;border:0 !important}
        .search-sub button.tablinks{font-size:1rem;margin-top:0px;padding:2px 20px;background:#fff}
        .search-sub button i{font-size:1.467rem;color:#122c95}
        .search-textb{position:absolute !important;top:43px;left:-1px;margin-left:155px;z-index:101}
        .search-tab {width:343px !important;}
        .search-tab button.tablinks{font-size:1rem;margin-top:0px;padding:2px 20px;background:#fff}
        .search-texta {top: 140px;left: 50%;margin-left: -171px;}
        .day-choice {top: 115px;right: 0px;}
        .align-choice{right:0px;top:85px}
        .search-top button{padding:1px 10px}
        .mobile-ml{margin-left:0px}      
	.hd-indexbox ul li{width:99.9%}
	.hd-menu ul li{width:50%}
	.prev, .next,.text {font-size: 11px}
	#gnrlzHealthInfoMainForm .next {font-size : 1rem !important;}
	.word-box dl{float:left;width:99%;margin-bottom:12px;}
    #header .m-top{display:block;position:relative;width:96%;height:75px;padding:0 2%}
    #header .m-search{display:inline-block;position:absolute;top:20px;right:40px;width:35px; /*line-height:75px;*/ font-size:1.867rem;color:#222;text-align:center}
    #header .m-allmenu{display:inline-block;position:absolute;top:20px;right:0;width:35px; /*line-height:75px; */font-size:1.867rem;color:#222;text-align:center}
	.cw50{width:100%;margin-bottom:20px}
	#layer2 .m-allmenu img{width:29px;margin-left:10px}
	#layer2 .m-logo2{vertical-align:middle;margin-left:5%;width:70%}
	.ed-list li img{width:100%;height:auto}
	.ed-list a{height:auto;min-height:140px}
/* Layer PopUp Menu */
	.pop-layer2{overflow:auto;display:none;position:fixed;top:0;right:0;width:81%;height:100%;background:#fff url('../images/trans.png') repeat 0 0;z-index:10}
	.m-nav{width:100%;height:75px;line-height:75px;color:#222;text-align:left;z-index:1100;background:#8891ac}
	.pop-layer2 .m-tbtn{overflow:hidden;padding:10px 0;background:#eaf8ff}
	.pop-layer2 .m-tbtn ul{padding:0 5%}
	.pop-layer2 .m-tbtn ul li{float:left}
	#wrap .m-tbtn a{color:#333;margin-right:5px;font-size:0.875rem;letter-spacing:-1px}
	#wrap .m-tbtn i{font-size:1.4rem !important;margin:0 2px 2px 0}
	#wrap .m-tbtn a span{display:inline-block;width:22px;line-height:22px;margin-left:3px;border-radius:15px;text-align:center;background:#2bd3d0;font-size:0.867rem;font-weight:bold;color:#fff}
	.pop-layer2 .pop-conts{padding:0 5%}
	.pop-layer2 dl{clear:both;display:inline-block;width:100%}
	.pop-layer2 dl dt{position:relative;line-height:45px;border-top:#e5e5e5 1px solid;color:#333;font-size:1.2rem;font-weight:normal}
	.pop-layer2 dl dt a{color:#444}
	.pop-layer2 dl dd a{display:block;line-height:30px;color:#444;font-size:1.067rem}
	.pop-layer2 dl dd a em{display:inline-block;width:4px;height:4px;margin:0px 8px 2px 8px;vertical-align:middle;background:#666}
	.pop-layer2 dl dd{display:none;margin-bottom:10px}
	.pop-layer2 dl dd p{margin:0px 10px 10px;padding:5px 10px;border:#eee 1px solid;border-radius:3px;background:#f5f5f5}
	.pop-layer2 dl dd p a{display:block;line-height:25px !important;color:#555;font-size:1rem}
	.pop-layer2 dl dt i{position:absolute;top:10px;right:0;width:20px;line-height:20px}
	.pop-layer2 dl dt.on span{color:#12abe4}
	.pop-layer2 .cbtn{margin-right:3.5%; width:40px;line-height:75px;font-size:1.2rem;color:#fff;text-align:center;z-index:1100}
	#layer2{right:0px;top:0px}
	.sex-box{float:left;width:100%;height:47px;margin-bottom:20px}
	.sex-box h4{width:72px}
	.old-box{float:left;width:100%;height:47px}
	.alldown{position:absolute;top:57px;right:20px}
	.helth-openapi{overflow-x:scroll}
	.search-choice{position:relative;overflow:auto;height:100%;margin:5px 0 10px 0;padding:15px 0 15px 20px;border:#ddd 1px solid;border-radius:3px;background:#f5f5f5}
		.search-choice div{float:left;width:100%;margin-bottom:20px;padding-right:20px;text-align:left}
		.search-choice a{display:block;width:100%;margin-left:13px;padding-left:13px}
		.search-choice div label{display:block;width:100%;padding-bottom:10px;font-size:1.125rem;border-bottom:#ddd 1px solid;color:#333}
		.health-choice{position:absolute;top:100px;left:20px;width:91%}
		.sex-choice{position:absolute;top:205px;left:20px;width:91%}
		.age-choice{position:absolute;top:298px;left:20px;width:91%}
		.sort-choice{position:absolute;top:410px;left:20px;width:91%}
		.site-block{float:left;width:100%;margin-right:0%}
		.stplat-text div img{width:100%}
		.cbv-top5 li{width:100%;margin-right:0%}
		.search-contents h4 span{float:left}
	.board-form table tr td a.i-arrow{display: block}
}
/* 모바일 반응형 */
@media screen and (max-width:1000px){
	#fp-nav{display:none}
	#wrap{padding-bottom:0; left: 0;}
	.fp-section,.fp-tableCell{overflow:hidden;height:auto !important}
	.footer-box a img{width:0px;height:0px}
	.main-visual, .body-area{display:none !important;}
	.main-content{background:#fff !important}
	.main-content-area{overflow:hidden;padding:0 10px !important}
	#section1 .event01{display:block}
	.event01-m{display:block;margin:40px 0;padding:0 10px}
	.event01-m-title h3{margin-bottom:15px;height:35px;text-align:center;font-size:2.2rem;color:#333}
	.event02-m img{border-radius:5px;width:100%}
	.event04-m{position:relative;width:100%;height:247px;margin:0 auto;padding-top:10px;background:#84bbec}
		.event03-m ul{width:96%;margin:0 2%}
		.event03-m-title h3{margin-bottom:15px;height:35px;text-align:center;font-size:2.2rem;color:#333}
		.event03-m ul li{float:left;width:49%;margin-right:2%;margin-bottom:5px}
		.event03-m ul li:nth-child(even){margin-right:0px !important}
		.event03-m ul li a{display:block;width:100%;line-height:51px;text-align:center;border:#0b79c0 1px solid;border-radius:3px;background:#fff;font-size:1.2rem}
		.event03-m ul li a:hover{border:#fff 1px solid;background:#0b79c0;color:#fff;font-weight:600}
	.event01{position:relative;width:100%;height:300px;padding-top:30px !important;text-align:center;background:#f5f5f5}
	.sch-box{width:80%;height:165px;margin:0 auto;margin-right:auto !important;padding:10px !important;/* border-bottom:#fff 1px solid; */text-align:right;background:none}
		.sch-box input{width:100% !important;margin:5px 0 !important;padding:0.9em 6px !important;border:#333 1px solid !important;background:#fff !important;font-size:1.125rem !important;color:#333 !important}
		.sch-box input::placeholder{color:#333}
		.sch-box input:focus{outline:none}
        .sch-box button{position:absolute;top:130px;right:10px;font-size:0px;margin-top:15px;padding:0;background:none}
        .sch-box button i{margin-bottom:10px;font-size:2.6rem;color:#333}
        .sch-box p{width:100%;float:right;margin-top:10px;padding:0px;text-indent: 6em;background:url("../images/main/sch-btn.jpg")  no-repeat 1px 7px;text-align:left;color:#555;}
        .sch-box p a{padding-right:7px;color:#555}
        .sch-box p a:hover{padding-right:10px;color:#000;text-decoration:underline}
	.main-content-area{padding-top:30px !important}
	.info-title{display:none !important}
	.info-title-m{display:block !important;text-align:center;font-size:2em !important;color:#333}
	.event03-m{display:block;clear:both}
	.info-title-m h3{height:40px;padding-top:10px;text-align:center;font-size:2.2rem}
	.update-box{height:100%;width:100%;margin:20px auto}
		.update-title{display:none !important}
		.update-list{overflow:hidden;height:550px}
		.update-list li{width:48.5%;height:270px;border-radius:5px}
		.update-list li a strong{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break:keep-all;/* white-space:nowrap; */
		overflow:hidden; text-overflow: ellipsis;width:100%;line-height:30px;height:30px;padding:0px 30px;font-size:1.313rem;font-weight:500;;text-align:center;letter-spacing:-1px}
		.update-list li a{display:block;height:270px}
		.update-list li a p{height:195px}
		.update-list li a p img{width:100%}
/* Footer */
	#section3 .fp-tableCell{background:#1d282f}
	#footer2{margin-top:1px;height:247px !important}
	.text-box{text-align:left}
	.text-box p{font-size:1rem !important}
	.sitebox, .f-link{display:none !important}
	.footer-box{text-align:center}
	.footer-box p{margin-top:20px;text-align:center}
	.footer-box p span{display:none}
	.footer-box small{display:block;margin-top:0px;text-align:center}
	.wa-img{display: none}
	.footer-logo{display:block;margin:20px auto;position:relative}
	#fp-nav{display:none}
	.f-logo{display:none}
	/* 공공누리 */
	.open-box{overflow:hidden;margin:10px 0;background:#f9f9f9;border:#ddd 1px solid;border-radius:3px}
	.open-box ul li{float:left;padding:20px 3%}
	.open-box ul li:first-child{width:96%}
	.open-box ul li:last-child{width:96%;padding-top:0px;padding-left:3%;text-align:justify;font-size:1.063rem}
	.news-latter{display:block;width:100%;height:50px;padding:0 10px;margin-bottom:40px}
	.news-latter a{display:block;width:100%;line-height:50px;padding-bottom:5px;text-align:center;font-size:1.5rem;border:#ccc 1px solid;color:#000;background:#f5f5f5}
	.news-latter a:hover{display:block;width:100%;line-height:50px;text-align:center;font-size:1.5rem;border:#ccc 1px solid;color:#fff;background:#2c89a9}


	#image_pop{/* overflow:hidden; */position:fixed;   left: 50%;
		transform: translate(-50%, 0); width: calc(100% - 50px);  margin: 0 auto; top:5%; background:#081f38}
}