@charset "utf-8";
body {
	font-family: 'SCDream';
	box-sizing: border-box;
	height: 100%;
}
#wrap{overflow:hidden;position:relative;width: calc(100% - 50px); min-height: 100%; float: right;}
#hlthinsReqstCntM{display:inline-block;width:18px;line-height:18px;margin-left:3px;border-radius:9px;text-align:center;background:#2bd3d0;font-size:0.769rem;font-weight:bold;color:#1e2967}



#header {
	display: flex;
	position: relative;
	top: 0;
	width: 100%;
	height: 92px;
	line-height: 92px;
	border-bottom: #ddd 1px solid;
	background: #fff;
	text-align: center;
	z-index: 9;
	align-items: center;
	justify-content: space-between;
}
.logo {
	float: left;
	width: 300px;
	height: 40px;
	/*background-image: url(../images/common/high-logo.png);*/
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0;
	margin-left: 25px;
}
nav .navbar .dropdown button { font-family: 'SCDream'; font-weight: 500; font-size: 1.2em; color: #111; }
#container{
	position:relative;
	width:100%;
	background: url(../images/main/main_bg.png) no-repeat;
	background-size:cover;
}
#footer{ bottom:0; overflow:hidden;clear:both;width:100%;margin-top:0;padding-bottom:40px;box-sizing:border-box;background:#f8f8f8}/**position:absolute; 제거 **/
#footer2{position:relative;overflow:hidden;clear:both;width:100%;margin-top:-184px;padding-bottom:40px;box-sizing:border-box;background:#1d282f}
.main-tab-site{display:none}
.footer-logo{display:none}


/* 사이드 검색 모달 */
.sideSearch {
	top : 0;
	left: 0;
	display: inline-flex;
	float: left;
	height: 100%;
	position: fixed;
	z-index: 9998;
	/*font-family: 'SCDream';*/
}
.side-search-bar {
	width: 50px;
	height: 100vh;
	background-image: linear-gradient(180deg, #00C6D2, #4F4DBC);
	display: inline-flex;
	align-items: center;
}
.srcmodal.show {
	display: block;
}
.srcmodal {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.srcmodal_body {
	top: 0;
	left: 0;
	width: 50%;
	height: 100vh;
	background: #fff;
	display: flex;
}
.btnClose {
	border: none;
	cursor: pointer;
	padding: 0;
	height: 48px;
	width: 48px;
	margin: 20px;
	background: #fff;
}

.tab_open {
	margin: 0 auto;
	width: 100%;
	border: none;
	color: #fff;
	cursor: pointer;
	background: none;
	font-family: 'SCDream';
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap:10px;
}
.src-bull {
	display: inline-flex;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.25);
	background-image: url(../images/common/icon-search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.sideSearch h4 {
	font-family: 'SCDream';
	font-size: 2em;
	letter-spacing: -1.5px;
	color: #111;
	font-weight: 400;
	margin-top: 1rem;
	text-align: center;
}

.src-subject h6 {
	font-family: 'SCDream';
	font-size: 1.15em;
	letter-spacing: -1.5px;
	color: #111;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.src-conBody {
	overflow-y: auto;
}
.src-conTop {
	display: flex;
	justify-content: flex-end;
	height: 3.5rem;
}
.src-conLeft {
	float: left;
}
.src-conRight {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding: 0 2rem 1.5rem 3.5rem;
}
.src-conRight .logo { width: 16rem; }
.bigsubject-wrap {
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
}

.src-subject {
	margin-bottom: 2rem;
}

/* 검색모달 검색바 스타일 */
.searchBar-modal {
	width: 590px;
	height: 60px !important;
	border: #00B7DF 3px solid;
	border-radius: 100px;
	background: #fff;
	z-index: 100;
	margin: 1.8rem auto 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.searchBar-modal span{width:80px;height:45px;padding-top:13px;font-size:1.125rem;color:#fff;background:#122c95}
.searchBar-modal input {
	width: 90%;
	margin: 15px 30px !important;
	padding: 0.6em 6px !important;
	border: 0 !important;
	font-family: 'SCDream';
	font-size: 1em;
	color: #111;
}


.searchBar-modal input:focus {outline:none;}

.searchBar-modal button {
	font-size: 0;
	/*width: 52px;*/
	/*height: 50px;*/
	padding: 5px;
	display: flex;
	background-color:transparent;
	align-items: center;
	justify-content: center;
	-webkit-border-radius:30%;
	-moz-border-radius:30%;
	border-radius:30%;
}

.searchBar-modal img {
	background: #00B7DF;
	width: 52px;
	height: 50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	object-fit: scale-down
}




/* 검색모달 선택박스 스타일*/
.src-selectBox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:0.8rem;
	text-align: center;
}

.src-txtBox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
}

.src-selectBox a {
	position: relative;
	display: inline-flex;
	width: 100px;
	height: 90px;
	border: #ddd 1px solid;
	border-radius: 5px;
	font-size: 0.85rem;
	letter-spacing: -0.5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 10px;
	padding: 0.5rem;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}

.src-selectBox label > span {
	position: relative;
	display: inline-flex;
	width: 100px;
	height: 90px;
	border: #ddd 1px solid;
	border-radius: 5px;
	font-size: 0.85rem;
	letter-spacing: -0.5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 10px;
	padding: 0.5rem;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}



.peopleBox a {
	background-position: center 18px !important;
}


.txtLong { gap : 0.8rem; }
.txtShort { gap: 0.4rem; }

.txtLong a  {
	position: relative;
	display: inline-block;
	width: 145px;
	height: auto;
	border: #ddd 1px solid;
	border-radius: 5px;
	font-size: 0.9rem;
	letter-spacing: -0.5px;
	background-color: #fff;
	padding: 5px 0;

}
.txtShort a  {
	position: relative;
	display: inline-block;
	width: 5.86%;
	height: auto;
	border: #ddd 1px solid;
	border-radius: 5px;
	font-size: 1.1rem;
	letter-spacing: -0.5px;
	background-color: #fff;
	padding: 3px 0;
}
.src-subject-wrap a:hover {
	background-color:#F0F4FF;
	border: 1px solid #4451C1;
	color:#213096;
	transition:0.3s;
}


.filterBox {
	text-align: center;
}
.btn-filter-search {
	padding: 0.5rem 8rem;
	background-color: #4251D6;
	border-radius: 12px;
	font-family: 'SCDream';
	font-size: 1rem;
	font-weight: 500;
}
/* 모달 이미지*/
/*뇌*/ .sideSearch .ne{background-image:url(../images/common/src-modal/icon_01.png);}
/*정신*/.sideSearch .ju{background-image:url(../images/common/src-modal/icon_02.png);}
/* 눈 */.sideSearch .nu{background-image:url(../images/common/src-modal/icon_03.png);}
/* 귀코목 */.sideSearch .ko{background-image:url(../images/common/src-modal/icon_04.png);}
/* 구강 */.sideSearch .ku{background-image:url(../images/common/src-modal/icon_05.png);}
/* 뼈 */.sideSearch .bb{background-image:url(../images/common/src-modal/icon_06.png);}
/*피부*/.sideSearch .pb{background-image:url(../images/common/src-modal/icon_07.png);}
/*내분비*/.sideSearch .nb{background-image:url(../images/common/src-modal/icon_08.png);}
/* 호흡기 */.sideSearch .hh{background-image:url(../images/common/src-modal/icon_09.png);}
/*순환*/.sideSearch .sh{background-image:url(../images/common/src-modal/icon_10.png);}
/*소화*/.sideSearch .sw{background-image:url(../images/common/src-modal/icon_11.png);}
/*면혁*/.sideSearch .mh{background-image:url(../images/common/src-modal/icon_12.png);}
/*비뇨*/.sideSearch .sa{background-image:url(../images/common/src-modal/icon_13.png);}
/*생식*/.sideSearch .ss{background-image:url(../images/common/src-modal/icon_14.png);}

.sideSearch .age-icon01{background-image:url("../images/common/src-modal/icon-age01.png")}
.sideSearch .age-icon02{background-image:url("../images/common/src-modal/icon-age02.png")}
.sideSearch .age-icon03{background-image:url("../images/common/src-modal/icon-age03.png")}
.sideSearch .age-icon04{background-image:url("../images/common/src-modal/icon-age04.png")}
.sideSearch .age-icon05{background-image:url("../images/common/src-modal/icon-age01.png")}
.sideSearch .age-icon06{background-image:url("../images/common/src-modal/icon-age05.png")}
.sideSearch .age-icon07{background-image:url("../images/common/src-modal/icon-age06.png")}





/* 탑버튼 */
/*.top-button{margin-right: 45px;}*/
.top-button a{/* height:35px; */color:#444;margin-left:25px;font-weight:400;letter-spacing:-0.5px}
.top-button a:hover{color:#000}
.top-button i{width:33px;height:33px;text-align:center;padding-top:7px;font-size:1.25rem;font-weight:400;color:#fff;margin-right:4px;margin-bottom:2px;border-radius:20px;background:#1c2674}
.top-button a img {vertical-align:middle !important;}
div.top-button {
	padding-right: 4em;
}

.topBtn {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	background: #00237D;
	margin-right:7px;
}

.btn-join {
	background-image: url(../images/common/head_ico_navi_join.svg);
	background-repeat: no-repeat;
	background-position: center;
}


.search-sub{position:absolute;top:74px;left:50%;margin-left:355px;width:452px;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:388px !important;margin:5px 10px !important;padding: 0.6em 6px !important;border:0 !important}
.search-sub button{font-size:0px;margin-top:5px;padding:0;background:none}
.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-sub1 {
	width: 680px;
	height: 65px !important;
	border: #4251D6 3px solid;
	border-radius: 100px;
	background: #fff;
	margin: 1.8rem auto 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search-sub1 span{width:80px;height:45px;padding-top:13px;font-size:1.125rem;color:#fff;background:#122c95}
.search-sub1 input {
	width: 90%;
	margin: 15px 30px !important;
	padding: 0.6em 6px !important;
	border: 0 !important;
	font-family: 'SCDream';
	font-size: 1em;
	color: #111;
}

.search-sub1 input:focus {outline:none;}
.search-sub1 button {
	font-size: 0;
	/*width: 52px;*/
	/*height: 50px;*/
	padding: 5px;
	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: 52px;
	height: 50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	object-fit: scale-down
}



.search-textb{position:absolute !important;top:43px;left:-1px;/* margin-left:155px; */z-index:101}


#wrap .top-eg{position:relative;width:100%;height:33px;background:#EDF1F5;z-index:999}
#wrap .top-eg p {
	position: relative;
	margin: 0 auto;
	width: 98%;
	line-height: 33px;
	padding-left: 33px;
	font-size: 0.875rem;
	color: #1d1d1d;
	font-weight: 300;
	background: url(../images/main/eg.png)  no-repeat 0 6.5px;
}

.dropdown{float:left;overflow:hidden; padding: 1px;}
.dropdown .dropbtn{font-size:1.3rem;letter-spacing:-1.2px;color:#333;margin:0;background:none; height: 55px;}
.navbar a:hover, .dropdown:hover .dropbtn{background:none}


.dropbtn:hover{
	color:#000;
	border-color: #003675;
	border-bottom: 4px solid;
	border-radius: 0;
}


.dropdown-content{display:none;position:absolute;left:0;top:91px;width:100%;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;background-color:#fff;z-index:10}
.sub-box{width:1600px;margin:0 auto;background:#fff;min-height:283px}
.header{position:absolute;top:0;left:50%;width:1200px;height:283px;margin-left:-1680px;padding:0;text-align:right;background:#f5f5f5 url("../images/common/nav-bg.png")  no-repeat;background-position:right; color:#444}
.header h2{height:30px;line-height:30px;padding-top:27px;margin:0 30px;font-size:1.750rem;font-weight:500}
.dropdown:hover .dropdown-content {display:block; z-index: 20}
/* Create three equal columns that floats next to each other */
.column{float:left;min-width:180px;margin-top:3px;padding:10px 20px;border-right:#eee 1px solid}
.column h3{height:30px;line-height:30px;font-size:1.120rem;font-weight:400;text-align:left;color:#000}
.column h3 a{height:30px;line-height:30px;font-size:1.120rem;font-weight:400;color:#000}
.column a{float:none;display:block;height:25px;line-height:25px;text-align:left;font-size:1rem;font-weight:400;letter-spacing:-1px}
.column i {margin-bottom:3px;vertical-align: middle}
.column a:hover{color:#222;text-decoration:underline}
/* Clear floats after the columns */
.row:after {content:"";display:table;}
.row{float:right;width:1270px;margin:0 auto;padding:25px 0}
.nav150{width:150px}
.nav180{width:180px}
.nav200{width:200px !important}
.nav230{width:230px !important}
.nav250{width:250px !important}
.btn-sitemap{display:block;width:32px;height:19px;float:right;margin-top:36px;font-size:0px;background:url("../images/main/icon-allmenu.png")  no-repeat 0 0}
.btn-sitemap:hover{background:url("../images/main/icon-allmenu_o.png")  no-repeat 0 0}


/* 메인 검색바 */
.main-search {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}
.main-search-tit {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-search h3 {
	font-size: 2.9em;
	color: #00237D;
	letter-spacing: -2.2px;
	font-weight: 400;
	text-align: center;
	font-family: 'SCDream';
	display: inline-block;
	margin-left: 15px;
}
.search-bullet {
	background: url(../images/main/main_search_visual-icon.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	display: inline-block;
}
.sch-tag {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.sch-tag dt {
	display: inline-flex;
	flex-wrap:wrap;
	align-items: center;
	flex-shrink: 0;
	font-weight: 700;
	line-height: 1;
	height: 2.4rem;
	font-size: 0;
	margin: 0;
	padding: 0;
}
.sch-tag dd {
	display: inline-flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: 2px;
	overflow-x: auto;
}
.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: 2px 5px 2px 2px;
}
.tag-badge:hover {
	color: #F6F6F6;
	background: #4251D6;
}



.contents-wrap{width:1400px;height:auto; margin:0 auto; overflow: auto; min-height: 500px; overflow-x: hidden;}
.contents-warp-main {padding: 5rem 0;}
.event01{position:relative;width:100%;height:490px;padding-top:80px;background:#70c9c8 url("../images/main/sch-bg.jpg")  no-repeat 115px bottom}
.sch-box{width:70%;height:165px;margin:0 auto;margin-right:270px;padding-right:30px;/* border-bottom:#fff 1px solid; */text-align:right;background:url("../images/main/sch-txt02.png")  no-repeat 0 44px}
.sch-box input{width:710px !important;margin:90px 0 0 !important;padding:0.9em 6px !important;border:#333 5px 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:165px;right:310px;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:710px;float:right;margin-top:10px;padding-top:40px;background:url("../images/main/sch-btn.png")  no-repeat 0 0;text-align:left;color:#fff}
.sch-box p a{/* padding-right:10px; */color:#fff}
.sch-box p a:hover{color:#333;text-decoration:underline}

.search-box{overflow:hidden;width:570px;height:70px;margin:0 auto;border-radius:70px;background:#fff}
.search-box span{width:80px;height:70px;padding-top:10px;/* font-size:1.125rem; */color:#fff;background:#122c95}
.search-box input{width:418px !important;margin:18px 10px !important;padding:0.4em 6px !important;border:0 !important;font-size:1.125rem !important}
.search-box button{font-size:0px;margin-top:15px;padding:0;background:none}
.search-box button i{font-size:2.462rem;color:#122c95}        .search-text{position:absolute;width:445px;height:215px;border:#ddd 1px solid;background:#fff}
.search-texta{top:210px;left:50%;margin-left:-205px}
.search-text2{position:absolute;height:273px;border:#ddd 1px solid;background:#fff}
.m-control a{display:inline-block;width:50px;height:50px;line-height:40px;text-align:center;background:#fff;font-size:1.6rem}
.m-control{position:absolute;right:50px;width:160px;border:#ddd 1px solid;}
/* Style the tab */
.search-tab {width:443px !important;height:38px;border-bottom:#ddd 1px solid;background-color: #f5f5f5;z-index:10}
.mobile-ml{margin-left:20px}

.tab-size{display:none}
/* Style the buttons inside the tab */
.search-tab button{background-color:inherit;float:left;line-height:33px;
	border:#ddd 1px solid;border-top:none;border-left:none;border-radius:0 !important;outline:none;cursor:pointer;margin:0px 3px -1px 0;padding:2px 20px;transition:0.3s;font-size:1.097rem;font-weight:400;color:#333}
/* Change background color of buttons on hover */
.search-tab button:hover{background-color: #ddd;}
/* Create an active/current tablink class */
.search-tab button.active{background-color: #fff;border-bottom:#fff 1px solid}
/* Style the tab content */
.tabcontents{padding:6px 12px;background:#fff;z-index:1}
.tabcontents span{background:none !important;color:#666 !important;width:auto !important;height:auto !important;padding-top:0px !important;font-size:0.938rem !important}
.tabcontents a{color:#666 !important}
.tabcontents{width:100%;text-align:left}
.tabcontents ul{line-height:25px;margin:10px 10px 10px 20px;font-size:0.938rem}
.tabcontents i{margin:0 3px 3px 0}
.tabcontents a:hover{text-decoration:underline}
.tabcontents span{float:right}
#main_best ul li:nth-child(9){display:none}
#main_best ul li:nth-child(10){display:none}
#cmmn_best ul li:nth-child(9){display:none}
#cmmn_best ul li:nth-child(10){display:none}


/* 컨텐츠 */
.con-area {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	margin-top: 50px;
}
.con-txt-banner {
	flex-basis: 61.5%;
}
.con-img-banner {
	flex-basis: 35%;
}

.con-area h6 {
	font-size: 1.5em;
	color: #111;
	letter-spacing: -1.5px;
	font-weight: 400;
	display: inline-block;
	font-family: 'SCDream';
}
.con-title {
	width: 100%;
	height: 2.7rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.7em;
	padding-right: 0.5rem;
}


/* 스와이퍼 */
.service-list {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	padding-left: 0.2rem;
}
.swiperATag {
	height: 100%;
	display: block;
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.02), 0 5px 10px rgba(0,0,0,0.08);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.swiperATag:hover{
	background-color: #EDF1F5;
}

.swiper01_p {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-break:break-all;
	width: 100%;
	height: 100px;
	-webkit-line-clamp: 4;
}


.d-card {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
	overflow: hidden;

}
.swiper-wrapper {
	/*position: relative;*/
	width: 100%;
	/*height: 100%;*/
	/*z-index: 1;*/
	/*display: flex;*/
	/*transition-property: transform;*/
	/*transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);*/
	/*box-sizing: content-box;*/
	/*padding-left: 6px;*/
}
.swiper {
	height: 280px !important;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	display: block;
}

.swiper-slide {
	/*width: 31% !important;*/
	/*height: 270px !important;*/
	/*margin-right: 25px !important;*/
	/*transform: translateZ(0);*/
	/*-webkit-backface-visibility: hidden;*/
	/*backface-visibility: hidden;*/
	/*flex-shrink: 0;*/
	/*position: relative;*/
	/*transition-property: transform;*/
	/*display: block;*/
}

#swiper02 .swiper-slide {
	/*width:  93% !important;*/
	/*height: 270px !important;*/
	/*margin-left: 2% !important;*/
	/*margin-right: 5% !important;*/
	/*transform: translateZ(0);*/
	/*-webkit-backface-visibility: hidden;*/
	/*backface-visibility: hidden;*/
	/*flex-shrink: 0;*/
	/*position: relative;*/
	/*transition-property: transform;*/
	/*display: block;*/
}

#service-list-02 li > a {
	display: block;
	height: 100%;
	padding: 0 !important;
	/*border: 1px solid #eef2fc;*/
	border: 1px solid #ddd;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.02), 0 5px 10px rgba(0,0,0,0.08);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#service-list-02 li > a > img{
	height: 100%;
	width: 100%;
}


/* 인디케이터 */
.swiper-indicator {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: 0.4rem;
	flex-shrink: 0;
	position: relative;
}

.swiper-indicator .swiper-pagination {
	top: auto;
	bottom: auto;
	width: auto;
	margin-right: 7px;
}
.swiper-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
	gap: 5px;
}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #4251d6;
}
.swiper-pagination-fraction {
	color: #666;
}

/* 컨트롤러 */
/*.swiper-controller {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	flex-direction: row;*/
/*	gap: 0.4rem;*/
/*}*/
[class^=swiper-button-] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 90%;
	height: 90%;
	border-radius: 100%;
	border: 0.1rem solid #e4e4e4;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
[class^=swiper-button-]::after {
	content: "";
	font-size: 0 !important;
	width: 2.4rem;
	height: 2.4rem;
	background: center no-repeat;
}

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.swiper-button-play::after {
	background-image: url(../images/main/ico_swiper_play.svg);
}
.swiper-button-stop::after{
	background-image: url(../images/main/ico_swiper_stop.svg);
}
.swiper-button-prev::after {
	background-image: url(../images/main/ico_swiper_prev.svg);
}
.swiper-button-next::after {
	background-image: url(../images/main/ico_swiper_next.svg);
}
.swiper-button-more::after {
	background-image: url(../images/main/ico_swiper_more.svg);
}

.swiper-button-stop {
	/*display: none;*/
}


.swiper-indicator  .swiper-indicator  {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: auto;
}
.swiper-button-prev {
	left: 0;
}
.swiper-button-prev {
	right: 0;
}

/* 스와이퍼 네비*/
.swiper-indicator .swiper-navigation {
	display: inline-flex;
	gap: 0.4rem;
}


/* 스와이퍼 텍스트 스타일*/
.d-card {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.d-card h4 {
	font-family: 'SCDream';
	font-size: 1.2em;
	font-weight: 600;
	color:#111B63;
	margin-bottom: 1rem;
}
.d-card p {
	font-family: 'SCDream';
	font-size: 0.95em;
	font-weight: 400;
	color:#777;
}
.d-card span {
	font-family: 'SCDream';
	font-size: 0.95em;
	font-weight: 400;
	color:#1596A5;
}





.visual-banner{float:left;width:785px;height:183px}
.con-area span{/* font-size:0.938rem; */display:inline-block;letter-spacing:-1px}
.visual-banner div{width:49.5%;height:85px;border:#e5e5e5 1px solid;border-radius:3px}
.visual-box03{float:left;margin-bottom:6px}
.visual-box04{float:right;margin-bottom:6px}
.visual-box05{float:left}
.visual-box06{float:right}
.visual-box03 a{padding-left:110px;background:#fff url("../images/main/icon-kor.png") no-repeat 30px 12px}
.visual-box04 a{padding-left:130px;background:#fff url("../images/main/icon-new.png") no-repeat 40px 8px}
.visual-box05 a{padding-left:145px;background:#fff url("../images/main/icon-qna.png") no-repeat 32px 14px}
.visual-box06 a{padding-left:130px;background:#fff url("../images/main/icon-info.png") no-repeat 35px 14px}
.visual-banner a{display:inline-block;width:100%;height:83px;line-height:35px;padding-top:20px;font-size:1.8rem}
.visual-banner a:hover{background:#2c89a9;font-weight:600;color:#fff}
.visual-box03 a:hover{background:#2c89a9 url("../images/main/icon-kor.png") no-repeat 30px 12px}
.visual-box04 a:hover{background:#2c89a9 url("../images/main/icon-new-o.png") no-repeat 40px 8px}
.visual-box05 a:hover{background:#2c89a9 url("../images/main/icon-qna-o.png") no-repeat 32px 14px}
.visual-box06 a:hover{background:#2c89a9 url("../images/main/icon-info-o.png") no-repeat 35px 14px}
.month-img{width:100%; height:270px; box-shadow: 0 0 30px rgba(0,0,0,0.02), 0 5px 10px rgba(0,0,0,0.08);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); border-radius: 15px; }
.month-img img{width:100%; height: 100%;  border-radius: 15px;}

#dissPlusShow .body-more{position:absolute;top:-50px;right:5px;color:#fff}
#dissPlusShow .body-more:hover{color:#ffeb00}
.body-more i{margin-bottom:2px;font-size:2.5rem}
#dissList a:hover{color:#000;text-decoration:underline}
.body-area button.active{color:#ffeb00;font-weight:600}
.speech-bubble {position: relative;background-color: #fff;border-radius: .9em;padding:25px 30px}
.update-box{position:relative;width:1600px;height:810px;margin:50px auto}
.update-title{overflow:hidden;display:block;width:100%;height:135px;margin-bottom:30px;border:#ddd 1px solid;border-radius:3px}
.update-title li{float:left;width:25%;overflow:hidden}
.update-title li:last-child button{border-right:none}
.update-title button{display:block;width:100%;height:135px;margin:0px;background:#fff;border-right:#ddd 1px solid;font-size:1.5rem;font-weight:400;color:#333;letter-spacing:-1px;text-align:center}
.update-title button:hover{background:#1c2674;color:#fff}
.update-title button span{display:block;height:135px;padding-top:85px}
.update-title .active button{background:#1c2674;color:#fff}
.update-title .hn{background:url("../images/main/icon-mh.png")  no-repeat center 20px}
.update-title .hn:hover{background:#1c2674 url("../images/main/icon-mh-o.png")  no-repeat center 20px}
.update-title .active button > .hn{background:#1c2674 url("../images/main/icon-mh-o.png")  no-repeat center 20px;color:#fff}
.update-title .dt{background:url("../images/main/icon-nd.png")  no-repeat center 20px}
.update-title .dt:hover{background:#1c2674 url("../images/main/icon-nd-o.png")  no-repeat center 20px}
.update-title .active button > .dt{background:#1c2674 url("../images/main/icon-nd-o.png")  no-repeat center 20px;color:#fff}
.update-title .cl{background:url("../images/main/icon-nc.png")  no-repeat center 20px}
.update-title .cl:hover{background:#1c2674 url("../images/main/icon-nc-o.png")  no-repeat center 20px}
.update-title .active button > .cl{background:#1c2674 url("../images/main/icon-nc-o.png")  no-repeat center 20px;color:#fff}
.update-title .ma{background:url("../images/main/icon-mv.png")  no-repeat center 20px}
.update-title .ma:hover{background:#1c2674 url("../images/main/icon-mv-o.png")  no-repeat center 20px}
.update-title .active button > .ma{background:#1c2674 url("../images/main/icon-mv-o.png")  no-repeat center 20px;color:#fff}
.update-list{overflow:hidden;display:block;margin-bottom:50px}
.update-list li{float:left;overflow:hidden;width:24%;height:340px;margin-bottom:10px;margin-right:1.33%;border:#ddd 1px solid;border-radius:3px}
.update-list li:nth-child(4n){margin-right:0%}
.update-list li a{display:block;height:380px}
.update-list li a:hover{color:#000;background:#f5f5f5}
.update-list li a:hover h4{font-weight:600}
.update-list li a h4{display:inline-block;line-height:37px;padding:40px 30px 20px 30px;font-size:1.8rem;font-weight:400;;text-align:center;letter-spacing:-1px}
.update-list li a strong{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break:keep-all;/* white-space:nowrap; */overflow:hidden; text-overflow: ellipsis;width:100%;line-height:30px;height:60px;padding:0px 30px;font-size:1.313rem;font-weight:500;;text-align:left;letter-spacing:-1px}
.update-list li a span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:30px;padding:0px 30px;font-size:1.125rem;text-align:justify}
.update-list li a span.photo-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:26px;padding:0px 30px;font-size:1.125rem;text-align:justify}
.update-list li a img{width:100%}
.update-list li a p{overflow:hidden;height:240px;margin-bottom:20px;border-bottom: #ddd 1px solid}
.update-list li:hover {border:solid #1c2674 1px;box-shadow:0 17px 20px -18px rgba(0, 0, 0, 1)}
.info-title-m{display:none}
.main-content-area{overflow:hidden;width:100%}
.main-content-area .info-title{text-align:center;margin-top:70px}
.main-content-area .info-title h3{line-height:45px;margin-bottom:20px;letter-spacing:-2px;font-size:3.5rem;font-weight:600;color:#222}
.main-content-area .info-title span{font-size:1.313rem;color:#444}



/* 퀵링크 */
.quick-link {
	width: 100%;
	height: auto;
	padding: 1.5rem 5rem;
	margin-top: 2rem;
	border: 1px solid #eef2fc;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.02), 0 5px 10px rgba(0,0,0,0.08);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.link-item {
	display: flex;
	align-items: center;
	padding: 0.5em;
	border-radius: 10px;
	/*padding-bottom: 2px;*/
	/*border-color: #FFFFFF !important;*/
	/*border-bottom: 2px solid transparent;*/
}

.quick-link a:hover{
	background-color: #EDF1F5;
	/*border-color: #003675 !important;*/
	/*border-bottom: 2px solid;*/
}


.link-item p {
	display: inline-block;
	font-family: 'SCDream';
	font-weight: 400;
	color: #000;
	font-size: 1.1em;
	letter-spacing: -1px;
	padding-left: 1.3em;
}


/* Footer */
.text-box {
	width: 100%;
	line-height: 42px;
	background: #fff;
	border-top: 1px solid #ddd;
}
.text-box p{width:1600px;margin:0 auto;font-size:0.93rem;word-break:keep-all;}
#footer2 ul{display:block;height:50px;margin-top:5px;font-size:1.067rem/*16px*/}
#footer2 .f-link li{float:left;line-height:50px;padding:0 13px;background:url("../images/main/footer-stick.gif")  no-repeat right 18px;color:#6a6c6f}
#footer2 .f-link li a:hover{color:#48c1ef}
#footer ul{display:block;height:50px;}
.f-link { width: 1400px; margin: 0 auto;}
#footer .f-link li{float:left;line-height:50px;padding:0 1.2rem;}
#footer .f-link li a { color: #6D7487; font-size: 1em; }
#footer .f-link li a:hover { opacity: .5;}
#footer .f-link .pL0 a { color: #4451C1;}
.footer-box{position:relative;width:1400px;margin:0 auto; margin-top: 2rem;}
.footer-box {color:#888}
.footer-box a{color:#888}
.footer-box .f-logo{margin:50px 0 10px 0}
.f-site-box2{display:none}
.family-site{position:absolute;top:8px;width:200px}
.site03{right:0px}
.site02{right:205px}
.site01{right:410px}
.family-site label{width:0px;height:0px;font-size:0px}
.family-site select{float:left;width:76%;height:40px;margin:0;border-radius:0px;border:0;background-color:#464c58;color:#ccc}
.family-site button{float:left;line-height:30px;margin:0;padding:0px 10px;border-radius:0;background:#192338;color:#ccc}
.family-site button:hover{background:#000;color:#fff}
.wa-img{position:absolute;bottom:0px;right:0px}
.sitebox ul{position:absolute;top:0;right:0}
.sitebox ul li{display:inline-block;line-height:40px;margin-right:10px;padding:0 15px;border-bottom:#cecece 1px solid}
.sitebox ul li i{margin:0 0px 7px 60px}
.sitebox ul li a:hover{opacity: .5;}
.sitebox ul li:hover{opacity: .5;}
.new-site{position:relative;width:1600px;margin:0 auto}
.new-site div{float:left}
.new-site ul{position:relative;}
.new-site ul li{display:inline-block;height:35px;line-height:30px;padding:0;border-bottom:none}
.f-site01{width:450px}
.f-site02{width:550px}
.f-site03{width:500px}
.f-site01 ul li{width:200px}
.f-site02 ul li{width:250px}
.f-site03 ul li{width:200px}
.new-site ul li i{margin:0 0px 7px 60px}
.new-site ul li a:hover{color:#fff}
.new-site ul li:hover{border-color:#48c1ef}
.new-site div label {
	display: block;
	margin: 55px 0 20px 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #6D7487;
}
.chat-popup{display:none;position:fixed;width:100%;height:400px;bottom:355px;right:0;background:#f4f7f9;z-index:2}
.sub-fpop{bottom:248px !important}
.chat-popup button{position:absolute;top:324px;right:13px;background:none;padding:0;font-size:2.5rem;color:#111}


.f-btm-ban {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}

.f-btm-ban > span{
	display: inline-flex;
	align-items: center;
	min-height: 2rem;
	margin-top: 1rem;
	padding: 0.4rem 0.8rem;
	border-radius: 0.6rem;
	background-color: #fff;
	font-size: 1em;
	font-weight: 400;
}


/* Sub Nav Style */
#accordian {float:left;width:245px;letter-spacing:-1px; top: 150px;}
#accordian .accordian-title{color: #212770;
	font-size: 1.75rem;
	font-weight: 600;
	letter-spacing: -0.84px;}
#accordian h2 { margin-top: 38px; margin-bottom: 21px;}
#accordian .list-all{    display: flex;flex-direction: column; gap: 4px;}
#accordian h3 {font-size:1.125rem;line-height:45px;cursor:pointer;font-weight:400; border: 1px solid #DEDEDE;
	background: #FFF;padding: 2px 16px;}


#accordian h4 {font-size:1.125rem;line-height:45px;padding-left:10px;cursor:pointer;font-weight:400}


#accordian h3:hover{color:#222}
#accordian h3 a:hover{color:#222}
#accordian li{list-style-type:none}
#accordian li.active{
	background: #F0F5FB;
}
#accordian ul ul li a{text-decoration:none;line-height:28px;display:block; /*font-weight:300;*/ padding:0 25px;background:url("../images/designIcon/custom-minus.png")  no-repeat 7px 13px;-webkit-transition:all 0.15s;-moz-transition:all 0.15s;-o-transition:all 0.15s;-ms-transition:all 0.15s;transition:all 0.15s}

/*hover effect on links*/

.depth4{
	all: unset !important;
	padding-left: 10px !important;
}
.depth4:focus{
	outline: 2px dashed #99b0cb !important;
}

#accordian ul ul li.active .depth4{
	/*all: unset !important;*/
	padding-left: 10px !important;
}




#accordian ul ul li a:hover{background:url("../images/designIcon/custom-minus_active.png")  no-repeat 7px 13px;font-weight:400;color:#009ABC;text-decoration:underline}
/*Lets hide the non active LIs by default*/
#accordian ul ul{display:none;margin-top:5px;padding: 20px;}
#accordian ul li.active ul{display:block;}


#accordian li.active h3{border:0; padding-left:10px;color:#FFFFFF;background: linear-gradient(90deg, #019DB1 0%, #00A4D2 100%);padding: 12px 20px;}
#accordian li.active h3 a{color: #FFFFFF}
#accordian ul ul li h4{padding-left:10px;border-bottom:#888 1px solid;color:#000; background: url(../images/sub/circle2.svg) no-repeat 2px 13px;background-size: 70px}

#accordian ul ul ul{display:none;margin-top:5px;padding:6px 0 10px 10px;border-bottom:#ddd 1px solid}
#accordian ul ul li.active ul{
	display:block;
}

#accordian li h3 a{color:#000}
#accordian >  ul > li > ul > li.active > a{background:url("../images/designIcon/custom-minus_active.png")  no-repeat 7px 13px;font-weight:450 !important;  color:#009ABC;}
#accordian > ul > li >  ul > li > ul > li.active > a{background:url("../images/designIcon/custom-minus_active.png")  no-repeat 7px 13px;font-weight:450 !important;  color:#009ABC;}
#accordian ul li i{float:right;margin-top:15px}
#search-hit{float:left;background:#fff;width:245px;margin:30px auto 0 10px;padding:20px 25px 30px;letter-spacing:-1px;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3), 0 0 200px 1px rgba(255, 255, 255, 0.5)}
#search-hit h3{font-size:1.125rem;line-height:45px;margin-bottom:10px;border-bottom:#ddd 1px solid;font-weight:400;color:#222}
#search-hit h3 i{margin:0 5px 3px 0}
#search-hit ul li{padding:5px}
#search-hit ul li a:hover{text-decoration:underline}
#search-hit ul li span{display:inline-block;width:20px}
.sub-visual{width:100%;height:56px;position: relative;}
.sub-visual ul{display: flex;justify-content: flex-end;    max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}
.sub-visual ul li{float:left;height:56px;line-height:56px;padding-left:30px;display: flex;align-items: center;}
.sub-visual li::after {
	content: url("../images/sub/bg-arr.png");
	color: #999;
}
.sub-visual li:last-child::after {
	content: "";
}
.sub-visual ul li a{display:block;height:56px}
.sub-visual ul li.home{width:56px;height:56px;padding:0;}
.sub-visual ul li.home a{width:56px;font-size:24px;font-weight:400;text-align:center;/*color:#eee*/}
.sub-visual ul li.home a:hover{color:#2bd3d0}
.sub-visual ul li.home a i{margin:0px 0px 7px 0}
.sub-visual ul li.home a .xi-home:before{
	color: #506373;
}
.sub-visual ul li i{margin:20px 0 0 10px}
.sub-visual ul li:last-child{background:none}
.sub-depth2{position:absolute;top:50px;padding:15px;border:#ddd 1px solid;background:#f9f9f9;z-index:3}
.sub-depth2 a{height:25px !important;line-height:25px !important;padding-left:10px;font-weight:300;font-size:0.875rem;background:url("../images/sub/nav-arr02.png") no-repeat 0 10px}
.sub-depth2 a:hover{text-decoration:underline}
.sub-depth2 a i{margin:0 0 2px 0 !important}

.sub-depth3{position:absolute;top:45px;padding:15px;border:#ddd 1px solid;background:#f9f9f9;z-index:3}
.sub-depth3 a{height:25px !important;line-height:25px !important;padding-left:10px;font-weight:300;font-size:0.875rem;background:url("../images/sub/nav-arr02.png") no-repeat 0 10px}
.sub-depth3 a:hover{text-decoration:underline}
.sub-depth3 a i{margin:0 0 2px 0 !important}

.sub-content{float:right;position:relative;width:1100px;margin-bottom:40px;}/* 2022-02-25 */
.sub-content .main-title{display:flex;align-items: center;justify-content: space-between;margin-bottom: 24px;margin-top: 28px;flex-direction: column}
.sub-content .main-title .title{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.sub-content h2{
	color: #000;
	line-height: 40px;
	font-size: 1.875rem;
	letter-spacing: -1px;
	text-align: left;
}
.sub-content h3{clear:both;margin:20px 0 5px 0;padding:10px 0;line-height:30px;border-bottom:#ddd 1px solid;font-size:1.4rem;font-weight:500;letter-spacing:-1px;color:#4451C1}
.sub-content h4{font-size: 1.2rem}

/* 아이콘 */
.check-icon{width: 17px;height: 17px;margin-right: 5px;background-repeat: no-repeat;background-position: center center;background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_1316' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23paint0_linear_43_1316)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_1316)'%3E%3Cpath d='M7.07317 11.5296L15.122 3.64781C15.561 3.21594 16.0976 3 16.7317 3C17.3659 3 17.9024 3.21594 18.3415 3.64781C18.7805 4.07969 19 4.60754 19 5.23136C19 5.85518 18.7805 6.38303 18.3415 6.81491L8.71951 16.3162C8.2561 16.7721 7.70732 17 7.07317 17C6.43902 17 5.89024 16.7721 5.42683 16.3162L1.65854 12.5733C1.21951 12.1414 1 11.6135 1 10.9897C1 10.3659 1.21951 9.83805 1.65854 9.40617C2.09756 8.97429 2.63415 8.75835 3.26829 8.75835C3.90244 8.75835 4.43902 8.97429 4.87805 9.40617L7.07317 11.5296Z' fill='url(%23paint1_linear_43_1316)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_43_1316' x1='10' y1='0' x2='10' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A4D2'/%3E%3Cstop offset='1' stop-color='%234451C1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_43_1316' x1='10' y1='3' x2='10' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A4D2'/%3E%3Cstop offset='1' stop-color='%234451C1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.map-icon{width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_1334' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='url(%23paint0_linear_43_1334)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_1334)'%3E%3Cpath d='M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 17.5C12.75 16.75 13.4167 15.975 14 15.175C14.5 14.4917 14.9583 13.7417 15.375 12.925C15.7917 12.1083 16 11.3 16 10.5C16 9.4 15.6083 8.45833 14.825 7.675C14.0417 6.89167 13.1 6.5 12 6.5C10.9 6.5 9.95833 6.89167 9.175 7.675C8.39167 8.45833 8 9.4 8 10.5C8 11.3 8.20833 12.1083 8.625 12.925C9.04167 13.7417 9.5 14.4917 10 15.175C10.5833 15.975 11.25 16.75 12 17.5ZM12 12C11.5833 12 11.2292 11.8542 10.9375 11.5625C10.6458 11.2708 10.5 10.9167 10.5 10.5C10.5 10.0833 10.6458 9.72917 10.9375 9.4375C11.2292 9.14583 11.5833 9 12 9C12.4167 9 12.7708 9.14583 13.0625 9.4375C13.3542 9.72917 13.5 10.0833 13.5 10.5C13.5 10.9167 13.3542 11.2708 13.0625 11.5625C12.7708 11.8542 12.4167 12 12 12Z' fill='url(%23paint1_linear_43_1334)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_43_1334' x1='12' y1='0' x2='12' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A4D2'/%3E%3Cstop offset='1' stop-color='%234451C1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_43_1334' x1='12' y1='2' x2='12' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A4D2'/%3E%3Cstop offset='1' stop-color='%234451C1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}


#sub-content .sub-visual.compact li:nth-child(4), /* sub3가 들어있는 4번째 li */
#sub-content .sub-visual.compact li:last-child {  /* 맨 마지막 '뇌졸중에 대해서' */
	display: none !important;
}

.sub-content .top-share {
	position: absolute;
	top: 90px;
	right: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#gnrlzHealthInfoViewForm .top-share {
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sub-content #core-healthInfo h2 {
	font-size: 1.5625rem;
	color: #000A4E;
	font-weight: 600;
	letter-spacing: -0.25px;
	margin-bottom: 20px;
}

.sub-content .health-infoCard-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: stretch;
	margin-bottom: 24px;
}

/* 3열 */
.sub-content .health-infoCard{
	box-sizing: border-box;
	flex: 0 1 calc((100% - 2 * 25px) / 3);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.35rem 1.25rem;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	height: 200px;
	position: relative;
	cursor: pointer;
}
.sub-content .health-infoCard.skyblue{
	background: linear-gradient(180deg, #00C5D3 0%, #04A5D2 100%);
}
.sub-content .health-infoCard.deepblue{
	background: linear-gradient(180deg, #00A0DF 0%, #017CE1 100%);
}
.sub-content .health-infoCard.purple{
	background: linear-gradient(180deg, #5674D5 0%, #5C55BB 100%);

}
/* 텍스트 영역 */
.sub-content .health-infoCard .card-title{ display:flex; flex-direction:column; gap:20px; line-height:1.2; }
.sub-content .health-infoCard .card-title p{ margin:0; font-weight:400; font-size: 1.375rem;  color:#FFFFFF;  display: block;
	white-space: normal;  }
.sub-content .health-infoCard .card-title span{ font-size:.875rem; color:#FFFFFF; }

/* 이미지 */
.sub-content .health-infoCard img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.sub-youth .filter-card{
	background: #F8F8F8;
	border:1px solid #e5e7eb;
	border-radius:12px;
}

/* 공통 행 레이아웃 */
.sub-youth .row{
	display:grid;
	grid-template-columns: 180px 1fr;
	gap:16px;
	align-items:start;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.sub-youth .row + .row{ margin-top:18px; }
.sub-youth .row .label{
	font-weight:600;
	line-height:36px;
	color:#111827;
	white-space:nowrap;
}

/* 검색어 영역 */
.sub-youth .search-line{
	display:flex; gap:12px; align-items:center;
	padding-bottom:25px;
}
.sub-youth .custom-select2{
	min-width: auto;
	width: auto;
	height: auto;
	border: none;
}
.sub-youth select, input[type="text"]{
	height:37px;
	border-radius:6px;
	padding:0 14px;
	font-size:14px;
	outline:none;
	border: 1px solid #ccc;
	background: #FFF;
	font-family: 'SCDream';
}
.sub-youth select{
	min-width:154px;
	width: auto;
	height:40px;
	border-radius:6px;
	padding:0 14px;
	padding-right: 44px;
	font-size:15px;
	outline:none;
	border: 1px solid #717171;
	background:#FFF;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231d2843' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 18px 18px;
}

.sub-youth select:hover,
.sub-youth select:focus{
	border-color:#1d2843;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23132038' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

.sub-youth select:focus-visible{
	outline:3px solid rgba(29,86,188,.28);
	outline-offset:2px;
}
.sub-youth select::-ms-expand{ display:none; }
.input-wrap{ padding:30px 38px }
.input-wrap .row:first-child{
	border-bottom: 1px solid  #D8D8D8;
}
.sub-youth input[type="text"]{ flex:1; max-width: 572px; width: 100%;}
.sub-youth input::placeholder{ color:#9ca3af; }
.sub-youth #search-field::placeholder{
	color: #8E8E8E;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
}

.sub-youth .check-grid{
	display:flex; flex-wrap:wrap; gap:18px 24px;
}
.sub-youth .check{
	position:relative; display:inline-flex; align-items:center; gap:8px;
	font-size:14px; color:#111827; line-height:24px;
}

.sub-youth .check input{
	appearance:auto;
	width:18px; height:18px;
	border:1px solid #e5e7eb;
	border-radius:4px;
	background:#fff;
	cursor:pointer;
}
.check input:focus-visible{
	outline:3px solid rgba(37,99,235,.35);
	outline-offset:2px;
}
.sub-youth .check .subtle{ color:#6b7280; }


.sub-youth .selected-bar{
	border: 2px solid #EEE;

	border-radius:10px;
	background:#fff;
	padding:24px 38px;
	display:flex;
	gap: 55px;
	align-items:center;
}
.sub-youth .selected-bar #selected-count{
	color: #1D56BC;
}
.sub-youth .selected-top{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	color:#111827; font-size:14px; font-weight:600;
}
.sub-youth .selected-top .select-title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sub-youth .icons{ display:flex; gap:10px; }
.sub-youth .icon-btn{
	place-items: center;
	cursor: pointer;
	border-radius: 100px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}
.sub-youth .chips{ display:flex; gap:8px; min-width: 0; flex-wrap: wrap;}
.sub-youth .chip{
	align-items:center; gap:6px;
	padding:6px 12px;
	color: #1D1D1D;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;
	border-radius: 100px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;

}
.sub-youth i, .sub-youth span{
	vertical-align: initial;
}
.sub-youth button i {
	margin-right: 0;
}
.sub-youth .chip .hash{ color: #1D1D1D;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;  }
.sub-youth .chip button{
	border:0; border-radius:999px;
	cursor:pointer; line-height:1; padding:0;background-color: #ffffff;
}
.sub-youth .chip .xi-close:before{
	color: #0a0a0a;
}
.sub-youth .actions{
	display:flex; justify-content:center; gap:12px; margin-top:33px; margin-bottom: 22px;
}
.sub-youth .btn{
	background: #fff;
	border-radius: 6px;
	border: 1px solid #2D2D2D;
	color: #2D2D2D;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.28px;
	padding: 10px 14px;
	display: flex
;
	align-items: center;
	gap: 4px;
	height: 45px;
	flex-shrink: 0;
}
.sub-youth .btn svg{ flex:0 0 auto }
.sub-youth .btn-primary{
	border-radius: 6px;
	background: #1E286D;
	width: 130px;
	height: 45px;
	flex-shrink: 0;
	padding: 14px 10px;
	display: flex
;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.sub-youth .btn-primary:active{ background:#132038; }
.sub-youth .btn-outline{ background:#fff; color:#111827; }

.sub-content.sub-link h3{border-bottom:none;color:#4451C1}
.sub-content.sub-link h3 i.radiobox-icon{width: 19px;height: 19px;margin-right: 10px;background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='7' stroke='url(%23paint0_linear_272_964)' stroke-width='5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_272_964' x1='19' y1='19' x2='0' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232131A1'/%3E%3Cstop offset='1' stop-color='%2300A2C9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
	no-repeat center center / contain;}
.sub-content.sub-link .portal h3{border-bottom:none;color:#1d1d1d}

/* 반응형 */
.top-share{position:absolute;top:15px;right:0}/* 2022-02-25 */
.top-share a{display:block;float:left;width:36px;height:36px;line-height:36px;margin-left:5px;border:#e5e5e5 1px solid;border-radius:20px;text-align:center;color:#4E4F73}
.top-share a:hover{color:#444;background:#f5f5f5}
.top-share a i{margin-bottom:8px}
.print-over{position:absolute;top:85px;right:36px;padding:5px;border:#e5e5e5 1px solid;border-radius:20px;background:#fff}
.print-over li{float:left;margin-left:5px}
.print-over li:first-child{margin-left:0px}
.print-over a{display:block;width:30px;height:30px;line-height:30px;border:#ddd 1px solid;border-radius:20px;text-align:center;color:#666;background:#eee}
.print-over a i{margin-bottom:7px}
.print-over a:hover{border:#ccc 1px solid;color:#1d2843;background:#fff}
.sns-over	{position:absolute;top:-3px;right:77px;width:210px;padding:5px;border:#e5e5e5 1px solid;border-radius:20px;background:#fff}
.sns-over li{float:left;margin-left:5px}
.sns-over li:first-child{margin-left:0px}
.sns-over a{display:block;width:30px;height:30px;line-height:30px;border:#ddd 1px solid;border-radius:20px;text-align:center;color:#666;background:#eee}
.sns-over a i{margin-bottom:7px}
.sns-over a:hover{border:#ccc 1px solid;color:#1d2843;background:#fff}
/* 글자 크기 조절 드롭다운 */
.font-size-over {position:absolute;top:-3px;right:125px;width:165px;padding:5px;border:#e5e5e5 1px solid;border-radius:20px;background:#fff;overflow:hidden}
.font-size-over li{float:left;margin-left:5px;list-style:none}
.font-size-over li:first-child{margin-left:0px}
.font-size-over li a{display:block;width:42px;height:30px;line-height:30px;border:#ddd 1px solid;border-radius:20px;text-align:center;color:#666;background:#eee;text-decoration:none;font-size:13px}
.font-size-over li a:hover{border:#ccc 1px solid;color:#1d2843;background:#fff}
.font-size-over li a.active{border:#15B2DA 1px solid;background:#15B2DA;color:#fff;font-weight:bold}
.twitter a:hover{border:#1ea2f5 1px solid !important;color:#fff;background:#1ea2f5 !important}
.facebook a:hover{border:#3a5896 1px solid !important;color:#fff;background:#3a5896 !important}
.naver-blog a:hover{border:#32b44a 1px solid !important;color:#fff;background:#32b44a !important}
.kakaoTalk a:hover{border:#f8e40b 1px solid !important;color:#fff;background:#f8e40b !important}
.s-class{width:100%;height:70px;line-height:28px;font-size:1.125rem; display: none;}
/* ê±´ê°•ì •ë³´   */
.data-content{position:relative;/* padding-top:100px */ margin-top: 50px;}
.hd-menu{overflow:hidden;width:100%;}
.hd-menu ul{overflow:hidden;width:100%; box-sizing:border-box; display: flex;}

#gnrlzHealthInfoYouth .hd-menu ul{
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	margin-bottom: 30px;
}
.hd-menu ul li{width: 100%; line-height:30px}


.hd-menu ul li button{width:100%;padding:7px 10px;border:#e5e5e5 1px solid;font-size:1rem;color:#000; margin: 0; background-color: white; text-align: center; border-radius: 0; font-family: 'SCDream'}
.hd-menu ul li button:hover{background:#f5f5f5}
.hd-menu ul li button.active {color:#fff;background:#4451C1;border: 1px solid #4451C1;/*border-radius: 5px;*/}
.hd-menu ul li:first-child button {
	border-radius: 5px 0 0 5px;
}
.hd-menu ul li:last-child button {
	border-radius: 0 5px 5px 0;
}
.hd-menu ul li i{float:right;margin-top:8px}
.hd-menu ul li a{display:block;padding:5px 10px;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid}
.hd-menu ul li a.hd-active{background:#217F9C;border-right:#217F9C 1px solid;border-bottom:#217F9C 1px solid;color:#fff}
.hd-menu ul li a:hover{height:100%;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;color:#222 !important;background:#f5f5f5}
.hd-index{clear:both;overflow:hidden;padding:25px 2px 15px 2px;}
.hd-index a{display:block;float:left;width:5.58%;line-height:36px;margin:0 0.715% 7px 0;border:#ddd 1px solid;border-radius:3px;font-size:1.5rem;font-weight: 500; text-align:center;color:#666;background:#FFFFFF}
.hd-index a.active {background-color: #F0F4FF; color: #213096; border: 1px solid #4451C1;}
.hd-index a:hover{background-color: #F0F4FF; color: #213096; border: 1px solid #4451C1;}
/*.hd-index .active{background:#1d2843;border:#1d2843 1px solid;color:#fff;}*/
#gnrlzHealthInfoYouth .sort-con{
	margin-bottom: 22px;
}
.sort-con{
	display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:22px;
}
.sort-con .tag-wrap{display:flex; align-items:center; gap:10px; flex-wrap:wrap}

.sort-con .tag-wrap .total{margin-right: 4px;
	display: flex;
	align-items: center;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.8px;}
.sort-con .tag-wrap .total #resultCount{
	padding-left: 4px;
	color: #1D56BC;
	font-size: 17px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.8px;
}
.sort-con .select-box{
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	gap: 20px;
}
.sort-con .select-box .zero-text{
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
	width: auto;
	height: auto;
}
.hd-menu .sort-con .tag-reset{
	border: 1px solid #E5E7EB;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	cursor: pointer;
	padding: 10px;
}
.hd-menu .sort-con .tag-reset:focus{outline:2px solid #1C90FB; outline-offset:2px}

.hd-menu .sort-con .tag-list{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;width: auto;}
.hd-menu .sort-con .tag-reset .xi-rotate-right:before{
	color: #0a0a0a;
}
.hd-menu .sort-con .tag-item{
	display: flex;
	height: auto;
	padding: 0 12px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	border-radius: 100px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	width: auto;
	font-size: 15px;
}
.hd-menu .sort-con .tag-item .hash{color:#6B7280}

.hd-menu .sort-con .tag-close{
	width: auto;
	padding: 0;
	border: 0;
}
.hd-menu .sort-con .tag-close:focus{outline:2px solid #1C90FB; outline-offset:2px}

.hd-index .select-box{
	display: flex;
	align-items: center;
}
.hd-index .healthselect{
	width: 60%;
	font-size: 14px;
	font-family: 'SCDream';
}
.hd-index p{clear:both;width:100%;line-height:40px;font-size:0.93rem}
.hd-index label{display:block; width: 80px !important;color:#1D1D1D;
	height: auto;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;/* width:207px */}

.healthselect{display:block;border: 0}
.hd-indexboxWrap{
	border-radius: 12px;
	background: #F2F6FA;
	display: flex;
	padding: 35px 40px 50px 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;}
.hd-indexbox{margin-bottom:20px;width: 100%;}
.hd-indexbox .info-txtBox{
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 20px;
}
.hd-indexbox h5{width:99.9%;font-size:1.625rem;font-weight:600;color:#2131A1;}
.hd-indexbox ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd-indexbox ul li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	border-radius: 6px;
	background: #FFF;
}
.hd-indexbox ul li a{display:block;padding:10px 8px;padding: 12px 12px 12px 16px;text-align: start;color: #111;font-weight: 500;line-height: 150%;}
.hd-indexbox ul li a:hover i.xi-external-link,
.hd-indexbox ul li a:hover i.xi-long-arrow-right{
	color: #FFFFFF;
}

.hd-indexbox ul li a:hover{	border-radius: 6px;
	background: #4451C1;color: #FFFFFF;}
.hd-indexbox ul li a i{float:right;margin-top:1px;font-size:1.4rem;color:#999}
.hd-index a.re-font{margin-right:0 !important}
.hd-index a:not(:last-of-type){margin-right:0.715% !important;}
.hd-indexbox ul li a i.xi-external-link{color:#4251D6}
.boxborder span{display:inline-block !important}
.sticky{overflow:hidden;position:fixed;top:0;width:930px;border-radius:3px;background:url(../images/sub/stick-bg.jpg) repeat-x 0 0}
.sticky1{overflow:hidden;position:absolute;top:60px;width:100%;border-radius:3px;background:url(../images/sub/stick-bg.jpg) repeat-x 0 0}
.sticky + .hd-contents{overflow:hidden}
.hd-contents{overflow:hidden}
.toc{display:block;width:100%;padding:10px;border-radius:3px;cursor:pointer;font-size:1.125rem;font-weight:400;background:url(../images/sub/nav-arr.png) no-repeat 900px 19px;color:#fff; border-radius: 12px 12px 0 0;
	background: linear-gradient(90deg, #2D81C6 0%, #404CB8 100%);}
.toc i{float:right;margin:2px 6px 0 0;font-size:1.125rem}

#toc.toc{
	position: relative;
	display: inline-flex;
	align-items: center;
	padding-right: 55px;
	cursor: pointer;
}

#toc.toc::after{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../images/designIcon/select-arrowBox.png");
	transition: transform .2s ease;
	pointer-events: none;
}

#toc.toc:focus{
	outline: 2px solid #1d2843;
	outline-offset: 2px;
}
.progress{width:0%;height:45px;margin-top:-45px;border-radius:3px 3px 0 0;background:#12b8ba;cursor:pointer; display: none;}
.progressNum{float:right;margin-top:12px;font-size:0.733rem;/*color:#fff ;opacity:0.5 */}
.tocMenu{display:none;width:100%; display: grid;gap: 0.5rem;grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 25px 31px;}
/*.tocMenu li{border-top:none}*/
/*.tocMenu li a{display:block;padding:4px 10px;cursor:pointer;font-size:0.938rem}*/
/*.tocMenu li a:hover{background:#f5f5f5;color:#000}*/
/* TOC 메뉴 기본 레이아웃 */
.tocMenu { list-style: none; }
.tocMenu li { margin: 0; }

/* 오른쪽 화살표 */
.tocMenu li a::after{
	content: url("../images/designIcon/arrowRight-gray.png");
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	opacity: .6;
}
#toc[aria-expanded="true"]::after{
	transform: translateY(-50%) rotate(180deg);
}
.toc-wrap{
	border-radius: 12px;
	border: 1px solid #EEF2FC;
	background: #FFF;
	box-shadow: 0 0px 10px 0 rgba(228, 229, 239, 0.60);

}
.toc-wrap .tocMenu li { list-style: none; }
.toc-wrap .tocMenu li a{
	display: flex;
	position: relative;
	background: #fff;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
	color: #111;
	font-size: 15px;
	font-weight: 500;
}
.toc-wrap .tocMenu li a:hover{
	color: #4251D6;
	font-weight: 500;
}
.toc-wrap .tocMenu li a:hover::after{
	content: url("../images/designIcon/arrowRight-active.png");
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
}

/* 활성 상태 */
.toc-wrap .tocMenu li a.active{
	font-weight: 400;
	color: #4251D6;
}

/* 활성 상태 화살표 */
.toc-wrap .tocMenu li a.active::after{
	content: url("../images/designIcon/arrowRight-active.png");
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
}

/* 다른 곳에서 배경/색을 덮어쓸 때를 대비한 안전장치 (배경이미지 제거) */
.toc-wrap .tocMenu li a,
.toc-wrap .tocMenu li a:hover,
.toc-wrap .tocMenu li a.active,
.toc-wrap .tocMenu li a.active:hover{
	background-image: none !important;
}
.hd-info{width:100%;margin-bottom:10px;padding:15px 0;border-bottom:#ddd 1px solid;font-size:0.938rem;background:#fff}
.hd-info i{margin-bottom:4px}
.hd-info span{padding:0 10px 0 20px;}
.hd-info strong{color: #111;}
.hd-contents div span{display:block;padding:15px 20px;text-align:justify}
#ehealth span{display:inline-block !important; padding:0px !important;vertical-align:baseline;font-weight:400 !important;text-decoration:none !important}
.contents-Div{margin-bottom:30px; font-weight: 400;}
.contents-Div2{margin-bottom:30px}
.contents-Div span{display:inline-block !important; padding:0px !important;vertical-align:baseline;font-weight:500 !important;text-decoration:none !important;color: #2131A1;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.32px; }/* 2022-02-25 */
.hd-contents b{
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
}
.tooltip{display:inline-block !important;padding:0 5px !important;font-weight:400;color:red;text-decoration:underline;font-style:italic;cursor:pointer}
.hd-contents{padding-bottom:20px;border-bottom:#1d2843 1px solid;text-align:center;padding-top: 100px;}
.hd-contents h3{  position: relative;
	display: flex;
	align-items: center;
	text-align: left;
	border-radius: 8px;
	background: #F2F6FA;
	color: #4451C1;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.16px;
	line-height: 1;
	padding: 10px 16px 10px 28px;
	height: 55px;
	margin-bottom: 25px;
}
.hd-contents h3::before{
	content:"";
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background:#4451C1;
	border-radius: 999px 0 0 999px;
}
.hd-contents h4{padding:7px 0;text-align:left;font-weight:400;color:#000}
.hd-contents i{margin:0 5px 3px 0}
.hd-contents img{margin:20px 0}
.hd-contents p{margin-bottom:10px;font-weight:400;color:#000;line-height: 1.8;}
.hd-contents li {
	list-style: disc inside;
	color: #111;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	margin-top: 1em;
}
.txc-table, .txc-table2{width:100%}
.word-search{width:100%;padding:10px 20px;border:#ddd 1px solid;text-align:left;font-size:0.938rem;background:#f5f5f5}
.word-search a{display:inline-block;margin-right:15px;color: #0c72ca;text-decoration: underline}
.word-search a:hover{color:#000;text-decoration:underline}
.word-search i{padding:0 5px;margin-bottom:2px}
.rating{margin-top:30px;border:#ddd 1px solid}
.rating li{padding:5px 0px 0px 10px;text-align:left}
.rating li:first-child{margin-bottom:10px;padding:5px 10px;border-bottom:#ddd 1px solid;background:#f5f5f5}
.rating li:last-child{padding-bottom:15px}
.rating li span{display:inline-block;width:200px;padding:0 10px 0 20px;color:#000;letter-spacing:-1px;background:url("../images/sub/nav-bg03.gif")  no-repeat 7px 10px}
.rating li div{width:138px;font-size:0.867rem}
/* 보건교육자료실 */
.helth-ed .public-year2{width:40%}
.step{padding-bottom:10px;text-align:center}
.step li{float:left;width:25%;min-height:155px;border:#ddd 1px solid;border-right:none;border-bottom:#1d2843 1px solid;background:#f5f5f5}
.step li:last-child{border-right:#ddd 1px solid}
.step li p{line-height:60px;font-size:1.6rem;color:#999}
.step li p span{color:#000}
.step li div{font-size:0.938rem}
.step li div span{display:block}
.step-hit{height:190px;margin-bottom:20px;padding-top:20px;border:none !important;box-shadow:0px 5px 10px 5px #ccc;background:#1d2843 !important}
.step-hit p span{color:#08a2cd !important}
.step-hit div{color:#fff !important}
.helth-ed .title{width:60%}
.helth-ed{margin-bottom:10px;padding-bottom:20px;border-bottom:#1d2843 1px solid}
.helth-ed h3 {line-height: 45px;font-size:1.125rem}
.helth-ed h3 i{margin:0 10px 2px 0}
.helth-ed02{margin:10px 0;padding:7px 20px;border-radius:8px;background:#f5f5f5}

.data-box li:first-child{line-height:40px}
.data-box li:first-child input[type="radio"]{margin-left:20px}
.data-box li:last-child{width:100%;line-height:43px;padding:0 20px;border:#ddd 1px solid;font-weight:300;background:#f5f5f5}
.data-box li:last-child input[type="text"]{width:160px;margin-left:10px}
.data-box li:last-child span{float:left;display:block;min-width:110px}
.choice-box{width:100%;margin-top:10px;border:#ddd 1px solid}
.choice-box th{line-height:40px;padding:0 20px;border:#ddd 1px solid;text-align:left;font-weight:400;background:#f5f5f5}
.choice-box th input[type="checkbox"]{float:right;margin-top:15px}
.choice-box td{line-height:40px;padding:0 20px;border:#ddd 1px solid;font-weight:300}
.choice-box td label{float:left;display:block;min-width:110px}
.choice-box2{width:100%;margin-top:10px;/* font-size:0.938rem */letter-spacing:-0.5px}
.choice-box2 th{line-height:30px;padding:5px 10px;border:#ddd 1px solid;text-align:left;font-weight:400;color:#2131A1;background:#F2F6FA;}
.helth-ed02 .choice-box2 th{padding: 10px;font-size:17px;color:#1E286D;font-weight:500;background:none;border:none}
.choice-box2 th input[type="checkbox"]{float:right;margin-top:10px}
.helth-ed02 .choice-box2 th input[type="checkbox"]{float: none;margin:0 0 0 8px}
.choice-box2 td{line-height:30px;padding:5px 10px;border:#ddd 1px solid;border-right:none;font-weight:300}
.helth-ed02 .choice-box2 td{padding: 10px;border:none}
.choice-box2 td label{float:left;display:block;min-width:115px}
.choice-box2 th:first-child{border-left:none}
.choice-box2 tr:first-child th{border-top:#1d2843 1px solid}
.choice-box2 tr:first-child td{border-top:#1d2843 1px solid}
.choice-box2 tr:last-child th{border-bottom:#bbb 1px solid}
.choice-box2 tr:last-child td{border-bottom:#bbb 1px solid}
.helth-ed02 .choice-box2 tr{border-bottom:1px solid #d8d8d8}
.helth-ed02 .choice-box2 tr:last-child{border:none}
.helth-ed02 .choice-box2 tr:last-child th{border:none}
.helth-ed02 .choice-box2 tr:last-child td{border:none}
.helth-ed .title2{width:50%}
.helth-ed .agency{width:22%}
.helth-ed .public-year{width:40%}
.theme{overflow:hidden;width:100%;line-height:30px;margin-top:10px;padding:10px 20px;border:#ddd 1px solid;font-weight:300;letter-spacing:-0.5px;background:#f5f5f5}
.theme span{float:left;display:block;min-width:124px}
.helth-ed .title3{width:15%}
.summery span{font-size:1.125rem;color:#000}
.summery textarea{height:120px;margin:10px 0;padding:10px}
.copy-box{overflow:hidden;padding-top:20px}
.copy-box li{float:left;padding-left:20px;text-align:center}
.copy-box li label{display:block}
.ed-list{overflow:hidden;width:100%;margin-top:20px;padding-top:20px;display: flex;flex-wrap: wrap;/*justify-content: space-between;*/gap: 20px 30px;}
.ed-list li{position:relative;/*float:left;*/width:22.7%;/*margin-right:3%;margin-bottom:20px;*/}
.ed-list a{display:block;/*height:210.44px;*/border-radius: 12px; /* url("../images/sub/no-image.png") no-repeat center 30% */}
.ed-list li p{border-bottom:#ddd 1px solid;text-align:center;background:#fff}
.ed-list li .thumbnail{position: relative;padding-bottom: 65%;overflow:hidden;width:100%;height:0;border:#ddd 1px solid;border-radius:12px;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.1), 0 0 100px 1px rgba(255, 255, 255, 0.5)}
.ed-list li img{position: absolute;top: 0;left: 0;object-fit: cover;width:100%;height: 100%}
.ed-list li a:hover span{text-decoration:underline;}
.ed-list li span{overflow:hidden;display:block;width:100%;height:45px;font-size:17px;font-weight:500;text-align:justify;color: #000;
	line-height:2.8em;text-align:left;height:2.8em;text-overflow:ellipsis; white-space: nowrap}
.thumbnail i{position:absolute;display:block;width:34px;height:34px;top:0px;right:0px;font-size:0px}
/* ë‰´ìŠ¤ë ˆí„° */
.news-list{overflow:hidden;width:100%;margin-top:20px;display: flex;flex-wrap: wrap;/*justify-content: space-between;*/gap: 20px 30px;}
.news-list li{position:relative;/*float:left;*/width:22.7%;/*margin-right:3%;margin-bottom:20px;*/}
.news-list a{display:block;/*height:225px;*/border-radius: 12px;}
.news-list li p{border-bottom:#ddd 1px solid;text-align:center;background:#fff}
.news-list li .thumbnail{position: relative;padding-bottom: 65%;overflow:hidden;width:100%;height:0;border: #ddd 1px solid;border-radius: 12px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1), 0 0 100px 1px rgba(255, 255, 255, 0.5);}
.news-list li img{position: absolute;top: 0;left: 0;object-fit: cover;width:100%;height:100%}
.news-list li a:hover span{text-decoration:underline;}
.news-list li span{overflow:hidden;display:block;width:100%;height:45px;font-size:17px;font-weight:500;text-align:justify;color: #000;
	line-height:2.8em;text-align:left;height:2.8em;text-overflow:ellipsis; white-space: nowrap}
.icon-ph01{background:url("../images/sub/icon-ph01.png") no-repeat 0 0}
.icon-ph02{background:url("../images/sub/icon-ph02.png") no-repeat 0 0}
.icon-ph03{background:url("../images/sub/icon-ph03.png") no-repeat 0 0}
.icon-ph04{background:url("../images/sub/icon-ph04.png") no-repeat 0 0}
.icon-ph05{background:url("../images/sub/icon-ph05.png") no-repeat 0 0}
.ed-list li:nth-child(4n){/*float:right;margin-right:0px*/}
.ed-list li input[type=checkbox]{position:absolute;top:7px;left:7px;margin:0}
.ed-list2{overflow:hidden}
.ed-list2 li{position:relative;float:left;width:31.3%;margin-right:3%;margin-bottom:20px;border:#ddd 1px solid;border-radius:3px;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.1), 0 0 100px 1px rgba(255, 255, 255, 0.5)}
.ed-list2 li:nth-child(3n){float:right;margin-right:0px}
.ed-list2 a{display:block;height:185px;background:#fff /* url("../images/sub/no-image.png") no-repeat center 30% */}
.ed-list2 li p{text-align:center;background:#fff}
.ed-list2 li img{width:100%;height:140px}
.ed-list2 li a:hover span{text-decoration:underline;background:#f5f5f5}
.ed-list2 li span{overflow:hidden;display:block;position:absolute;bottom:0;width:100%;height:45px;padding:0 10px;border-top:#ddd 1px solid;font-size:0.938rem;text-align:justify;background:#f9f9f9;
	line-height:2.8em;text-align:left;height:2.8em;text-overflow:ellipsis; white-space: nowrap}
.ed-img img{width:50% !important;margin:20px 0 20px 25%}
.search-menu{overflow:hidden;width:100%;margin-top:10px;border-top:#ddd 1px solid}
.search-menu ul{overflow:hidden;width:100%;border-left:#ddd 1px solid;box-sizing:border-box}
.search-menu ul li{float:left;width:20%;line-height:30px;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid}
.search-menu ul li i{float:right;margin-top:8px}
.search-menu ul li a{display:block;padding:5px 10px;}
.search-menu ul li.active{border-right:#1d2843 1px solid;border-bottom:#1d2843 1px solid;background:#1d2843;color:#fff}
.search-menu ul li.active a{color:#fff}
.search-menu ul li a:hover{height:100%;background:#f5f5f5}
.search-menu ul li a span{vertical-align:unset !important}
.search-choice{position:relative;height:50px;margin:5px 0 10px 0;padding:7px 20px;border:#ddd 1px solid;border-radius:3px;background:#f5f5f5}
.search-choice a{display:block;float:right;width:24%;margin-left:13px}
.search-choice a i{float:right;margin:8px 10px 0 0}
.search-choice a:hover{text-decoration:underline;color:#000}
.search-choice ul{padding:10px;border:#ddd 1px solid;font-size:0.938rem;background:#fff}
.search-choice ul li:hover{text-decoration:underline;cursor:pointer;color:#000}
/*2022 ê³ ë„í™”*/
.search-choice{position:relative;height:90px;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:25%;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:82px;left:20px;width:206px}
.sex-choice{position:absolute;top:82px;left:247px;width:206px}
.age-choice{position:absolute;top:82px;right:247px;width:206px}
.sort-choice{position:absolute;top:82px;right:20px;width:206px}
/* 10.26반영 끝 */
.search-contents h3 i{margin-bottom:4px}
.search-contents h3 a{display:inline-block;float:right;font-size:1rem}
.search-contents h3 a i{margin-right:5px}
.search-contents h3 a:hover{text-decoration:underline;color:#000}
.search-contents ol{text-align:justify;padding-bottom:20px;border-bottom:#ddd 1px dashed}
.search-contents ol .search-title{padding-top:20px;padding-bottom:8px;font-size:1.125rem}
.search-contents ol a:hover{text-decoration:underline;color:#000}
.search-contents strong{font-weight:400;color:#ef212f}
.search-list{/* padding:0 20px; */border-bottom:#1d2843 1px solid}
.search-list ul{margin:0;border-bottom:#ddd 1px dashed;border-top:none}
.list-search{display:block;padding:10px 0;border-bottom:#ddd 1px dashed}
.list-search i{margin-bottom:4px}
.list-search:hover{text-decoration:underline}
.ui-widget-content{border-left:#ddd 1px solid !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:8px !important}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{background:none !important}
.ui-datepicker select.ui-datepicker-year{float:left}
.ui-datepicker td span, .ui-datepicker td a{text-align:center !important}
.ui-datepicker table tr:first-child th{margin-bottom:5px;padding:5px 0 !important;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border:none !important;
	background:#1d2843;
	color: #fff;}
.ui-state-hover{border:none !important}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none !important}
.ui-datepicker table {margin: 0 0 .2em}
.ui-state-active{background:#23b8ff !important;color:#fff !important}
.link-box h3 i{margin-bottom:4px}
.link-box ul{overflow:hidden;width:100%;box-sizing:border-box}
.sub-link .link-box ul{background-color:#F2F6FA;padding:5px 15px;border-radius:12px}
.link-box ul li{float:left;width:33%;line-height:30px;margin:2px 0.5% 2px 0;border-radius:3px;border:#ddd 1px solid}
.sub-link .link-box ul li{width:32%;margin: 7px 2% 7px 0;border-radius:6px;border:none;background:#fff}
.link-box ul li:nth-child(3n){margin-right:0px}
.link-box ul li a{display:block;padding:7px 12px;font-weight:500}
.link-box ul li a i{float:right;margin-top:5px;font-size: 1.4rem;color:#4251D6}
.link-box ul li a:hover i{color:#fff}
.link-box ul li.active{border-right:#1d2843 1px solid;border-bottom:#1d2843 1px solid;background:#1d2843;color:#fff}
.link-box ul li.active a{color:#fff}
.link-box ul li a:hover{height:100%;background:#f5f5f5}
.sub-link .link-box ul li a:hover{border-radius: 6px;background: #4451C1;color: #FFFFFF;}
.no-data2{padding:10px 10px 30px 10px;text-align:center;font-weight:300}
.no-data2 i{margin:0 5px 3px 0}
/* 건강한 삶을위하여 */
.tab{float:left;width:20%;padding-bottom:250px;background: #fff url("../images/common/dot.gif") repeat-y right top}
/* Style the buttons inside the tab */
.tab button{background-color:inherit;width:100%;border:#ddd 1px solid;border-radius:3px 0 0 3px;cursor:pointer;margin:0 0 5px 0;padding:10px 20px;transition:0.3s;font-size:1.125rem;background-color: #fff;color:#666}
/* Change background color of buttons on hover */
.tab button:hover{background-color: #f5f5f5;}
/* Create an active/current tablink class */
.tab button.active{border:#1d2843 1px solid;background-color: #1d2843;color:#fff;font-weight:600}
/* Style the tab content */
.tabcontent {display:none;float:left;width:80%;margin-left:-1px;padding-left:20px;}
.hd-life{margin-bottom:50px;padding:0 20px 10px;border-bottom:#bbb 1px solid}
.hd-life div{background:#f9f9f9}
.map-line div{background:#f9f9f9}
.map-line{clear:both;margin-top:30px;padding:0 20px;border-top:#bbb 1px solid}
.link-path{width:100%;margin-top:10px;padding:10px;border:#ddd 1px solid;background:#f5f5f5}
.link-path p{padding:0 10px 0 20px;font-size:0.93rem;background:url("../images/sub/nav-bg03.gif")  no-repeat 10px 10px}
.link-path p i{margin-bottom:2px}
.link-path p a:hover{text-decoration:underline;color:#000}
.helth-cm{width:100%;margin-bottom:10px;border-top:#1d2843 1px solid;border-bottom:#bbb 1px solid}
.policy-top h5{padding:15px 0 0;font-weight:400;font-size:1.067rem;color:#000}
.policy-top i{margin:0 5px 3px 0}
.policy-top{clear:both;padding-bottom:10px;border-bottom:#ddd 1px solid}
.helth-cm table{width:100%}
.helth-cm th{padding:10px 20px;border:#ddd 1px solid;border-left:none;text-align:left;vertical-align:top;font-size:1.067rem;font-weight:400;color:#222;background:#f5f5f5}
.helth-cm td{padding:2px 20px;border:#ddd 1px solid;border-right:none}
.helth-cm td label{float:left;display:block;width:200px}
.helth-cm tr:last-child td{border-bottom:none}
.helth-cm tr:last-child th{border-bottom:none}
.helth-cm td textarea{height:150px}
.helth-cm td .title2{width:50%}
.helth-cm td p{margin-bottom:10px}
.helth-cm th i{margin:0 10px 2px 0;color:red}
.hd-apply h4{padding:10px 20px;font-weight:400;font-size:1.067rem;background:#1d2843;color:#fff}
.hd-apply h5{padding:15px 0 0;font-weight:400;font-size:1.067rem;color:#000}
.hd-apply h5 i{margin:0 5px 3px 0}
.terms textarea{height:100px}
.terms1 textarea{height:200px}
.helth-apply{width:100%;margin:20px 0 10px;border-top:#1d2843 1px solid;border-bottom:#bbb 1px solid}
.helth-apply table{width:100%}
.helth-apply th{padding:10px 20px;border:#ddd 1px solid;border-left:none;text-align:left;vertical-align:top;font-size:1.067rem;font-weight:400;color:#222;background:#f5f5f5}
.helth-apply td{padding:2px 20px;border:#ddd 1px solid;border-right:none}
.helth-apply tr:last-child td{border-bottom:none}
.helth-apply tr:last-child th{border-bottom:none}
.helth-apply td textarea{height:120px}
.helth-apply th i{margin:0 10px 2px 0}
.helth-apply td.user-info label{margin-right:23px}
.helth-apply td.user-info input[type=text]{width:30%;margin-left:4px}
.use-pu select{float:left;display:block;width:150px}
.use-pu input[type=text]{width:61%;margin-left:5px}
.helth-choice{width:100%;margin:20px 0 10px;border:#ddd 3px solid;border-radius:3px}
.helth-choice table{width:100%}
.helth-choice th{padding:10px 20px;/* border-right:#bbb 1px solid; */border-bottom:#bbb 1px solid;border-left:none;text-align:left;vertical-align:top;font-size:1.067rem;font-weight:400;color:#222;background:#ddd}
.helth-choice td{/* line-height:35px; */padding:5px 20px;border:#ddd 1px solid;border-right:none}
.helth-choice td:last-child{border-right:#bbb 1px solid}
.helth-choice th:last-child{border-right:none}
.helth-choice tr:last-child td{border-bottom:#bbb 1px solid}
.helth-choice tr:last-child th{border-bottom:none}
.helth-choice td:first-child{border-left:#bbb 1px solid}
.helth-choice td span{padding-right:20px;color:#000}
.helth-choice td textarea{height:120px}
.helth-choice td i{margin:0 5px 2px 0}
.helth-choice td.user-info label{width:100px;margin-right:23px}
.myinfo{width:100%;text-align:center}
.myinfo ul{width:85%;margin:0 auto}
.myinfo ul li{float:left;width:32%;height:360px;margin-left:2%;margin-bottom:2%;border:#ddd 1px solid;border-radius:20px;text-align:center;background:#f9f9f9}
.myinfo1 ul li:first-child{margin-left:0px;background:url("../images/sub/myinfo01.png")  no-repeat center 70px}
.myinfo1 ul li:nth-child(2n){background:url("../images/sub/myinfo04.png")  no-repeat center 70px}
.myinfo1 ul li:nth-child(3n){background:url("../images/sub/myinfo05.png")  no-repeat center 70px}
.myinfo2 ul li:first-child{background:url("../images/sub/myinfo02.png")  no-repeat center 70px}
.myinfo2 ul li:last-child{background:url("../images/sub/myinfo03.png")  no-repeat center 120px}
.myinfo1 ul li:first-child button{margin-top:80px}
.myinfo2 ul li:last-child button{margin-top:80px}
.myinfo ul li h4{line-height:70px;margin-bottom:155px;font-size:1.6rem;font-weight:400;color:#222;letter-spacing:-1px}
.myinfo ul li span{display:block;line-height:30px;font-size:1.067rem}
.myinfo ul li span strong{color:red;font-weight:400}
.map-area{float:left;margin-bottom:30px;width: 42%}
.map-info{float:right;width:55%;margin-top:30px}
.map-info i{margin:2px 5px 0 0}
.map-info h3{border:none}
.map-info h3 i.map-icon {margin: 0 5px 1px 0;}
.map-info table{width:100%;border:#ddd 1px solid;border-radius:3px}
.map-info table th{padding:5px;border:#ddd 1px solid;border-right:#1d2843 1px solid;font-weight:400;color:#000;background:#f5f5f5}
.map-info table td{padding:10px;border:#ddd 1px solid;font-weight:300}
.map-info table td a:hover{color:#000;text-decoration:underline}
.map-info table tr:first-child td{letter-spacing:-1px}
.data-text h4{line-height:35px;padding-top:10px;font-size:1.125rem;font-weight:400;color:#333;letter-spacing:-0.5px}
.data-text h3 i{margin-bottom:3px}
.data-text h4 i{margin:0 5px 3px 1px}
.data-text span:not(.p_n) i{margin:0 3px 2px 0;color:#333}
.data-text span:not(.p_n){display:block;line-height:20px;padding:2px 0 3px 20px;text-align:justify;background: url(../images/sub/nav-bg03.gif)  no-repeat 8px 12px}
.data-text ol{float:left;width:48%;height:370px;margin:15px 1% 0 1%;border:#1d2843 1px solid;border-radius:3px}
.data-text ol li:first-child{padding:5px 10px;font-size:0.938rem;font-weight:400;color:#fff;background:#1d2843}
.data-text ol li:first-child strong{font-weight:400;font-size:1.067rem;color:#999}
.data-text ol li:last-child img{width:100%}
.data-text button{width:98%;margin:20px 1%}
.stplat-text{position:relative}
.stplat-text p{position:absolute;top:18px;right:0}
.stplat-text h1{margin-top:20px;padding:10px 0 10px 20px;font-size:1.333rem;font-weight:400;color:#333}
.stplat-text h4{padding:10px 0 10px 20px;font-size:1.067rem;font-weight:400;color:#333}
/* 10.26반영 */.stplat-text span{display:block;line-height:25px;padding:5px 20px;text-align:justify}
.stplat-text a{font-weight:600;color:#4688ba;text-decoration:underline}
.stplat-text a:hover{color:blue}
.bullet{background:url(../images/sub/bullet03.png)  no-repeat 6px 13px}
/* 10.26반영 */.stplat-text ul{line-height:25px;margin:5px 20px 20px;padding:15px;border:#d5d5d5 1px solid;text-align:justify;background:#f5f5f5}
.stplat-text ul li{margin-bottom:5px;padding-left:15px;background:url(../images/sub/bullet02.jpg)  no-repeat 0 10px}
/*site map*/
.sitemap{overflow:hidden;width:100%;margin-top:40px/* border:#ddd 1px solid */}
.sitemap i{margin:0 3px 4px 0}
.sitemap a:hover{text-decoration:underline;color:#000}
.sitemap h3{width:100%;margin:0 0 2px 0;padding-left:18px;border:#ddd 1px solid;font-size:1.125rem;font-weight:400;color:#444;background:#f5f5f5}
.sitemap h3 a{color:#444}
.sitemap h3 a:hover{color:#000}
.sitemap ul{overflow:hidden;border:#ddd 1px solid;/* box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.1), 0 0 100px 1px rgba(255, 255, 255, 0.5) */}
.sitemap ul li{line-height:33px;border-bottom:#ddd 1px solid}
.site-block{float:left;width:32%;margin-right:2%}
.s-block{overflow:hidden;float:left;width:100%;margin-bottom:18px;/* border:#ddd 1px solid; */border-radius:3px;background:#fff;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.1), 0 0 100px 1px rgba(255, 255, 255, 0.5) }


.s-block ul li dl dd a{display:block;line-height:28px;padding-left:20px;background: url(../images/sub/nav-bg03.gif)  no-repeat 10px 14px}

.siteMap3Depth{display:block;line-height:28px;padding-left:40px !important;background: url(../images/sub/nav-bg03.gif)  no-repeat 30px 14px !important;}


.s-block ul li dl dd{padding-bottom:10px}
.s-block ul li:last-child{border-bottom:none}
.s-block ul li dl dt{padding-left:10px;font-size:1.067rem;background: url(../images/sub/nav-bg01.gif)  no-repeat left 11px}
.s-block ul{padding:8px 30px 30px}
.about{position:relative}
.about h1{position:absolute;top:80px;left:0px;padding:0 30px;font-size:1.688rem;font-weight:400;color:#000;letter-spacing:-1px}
.about h4{position:absolute;top:150px;left:0px;padding:0 400px 0 30px;line-height:28px;font-size:1.4rem;font-weight:400;text-align:justify;letter-spacing:-0.3px;color:#14526c}
.about p{padding:0 75px 20px 75px;line-height:26px;font-size:1.125rem;/* letter-spacing:-0.1px; */text-align:justify;color:#888}
.about p a{color:#4688ba}
.about p i{margin:0 3px 4px 0}
.about p a:hover{color:blue;text-decoration:underline}
.about p strong{font-size:1.333rem;font-weight:400;text-decoration:underline;color:#000}
.about div{height:130px;margin:0 75px;font-size:1.125rem}
.portal h1{margin-top:40px;font-size:1.688rem;font-weight:400;color:#000;letter-spacing:-1px}
.portal h3{border-bottom:none;line-height:40px !important;margin-bottom:0px;font-size: 1.2rem;position: relative;padding-left: 15px}
.portal h3:before{content: '';position: absolute;top: 50%;left: 0;width: 5px;height: 5px;transform: translateY(-50%);border-radius: 50%;background: #1d1d1d}
.portal h3 i{margin:0 3px 4px 0}
.portal p.ptext{margin-bottom:20px;text-align:justify}
.portal p strong{/*font-size:1.125rem;color:#009ABC;*/font-weight:400;}
.cscd-img{width:100%;margin-bottom:40px;padding:40px 0 !important;border:#e5e5e5 1px solid;border-radius:3px;text-align:center;background: #fff}
.cscd-img img{width: 100%;height: 100%;object-fit: cover}
.dt-site{width:100%;/* margin-bottom:10px */}
.dt-site:has(+ .dt-site){margin-bottom: 25px}
.dt-site ul{/* overflow:hidden; */display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;padding: 15px 60px; width:100%;box-shadow: 2px 4px 8px 3px rgba(0,0,0,0.08); border-radius:20px;background:#fff}
.dt-site ul li{float:left}
.dt-site ul li:first-child{/*border-right:#ddd 1px solid*/position: relative;width: 25%;min-width: 170px}
.dt-site ul li:last-child{/*width:574px;padding-left:30px*/width: 72%}
.dt-site h3{margin-bottom:0}
.dt-site h4{/*line-height:40px;margin-top:20px;*/position: relative;margin-bottom: 15px;padding-left: 40px;font-size:1.68rem;/*font-weight:400;*/font-weight: 600;color:#1d1d1d;letter-spacing:-1px}
.dt-site h4:before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 30px;height: 30px;background-repeat: no-repeat;background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='28' height='28' rx='3' stroke='%234451C1' stroke-width='2'/%3E%3Cmask id='mask0_372_3203' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='24' height='24'%3E%3Crect x='3' y='3' width='24' height='24' fill='%234451C1'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_372_3203)'%3E%3Cpath d='M11.9761 24.2034C11.657 24.2034 11.3876 24.0936 11.1681 23.8741C10.9485 23.6545 10.8386 23.385 10.8386 23.0659V19.1616H6.93437C6.61521 19.1616 6.34579 19.0518 6.12612 18.8321C5.90662 18.6126 5.79688 18.3433 5.79688 18.0241V11.9761C5.79688 11.657 5.90662 11.3876 6.12612 11.1681C6.34579 10.9485 6.61521 10.8386 6.93437 10.8386H10.8386V6.93438C10.8386 6.61521 10.9485 6.34579 11.1681 6.12612C11.3876 5.90662 11.657 5.79688 11.9761 5.79688H18.0241C18.3433 5.79688 18.6126 5.90662 18.8321 6.12612C19.0518 6.34579 19.1616 6.61521 19.1616 6.93438V10.8386H23.0659C23.385 10.8386 23.6545 10.9485 23.8741 11.1681C24.0936 11.3876 24.2034 11.657 24.2034 11.9761V18.0241C24.2034 18.3433 24.0936 18.6126 23.8741 18.8321C23.6545 19.0518 23.385 19.1616 23.0659 19.1616H19.1616V23.0659C19.1616 23.385 19.0518 23.6545 18.8321 23.8741C18.6126 24.0936 18.3433 24.2034 18.0241 24.2034H11.9761Z' fill='%234451C1'/%3E%3C/g%3E%3C/svg%3E%0A");}
.dt-site a{/*color:#4688ba;*/color:#00A4D2;letter-spacing:-0.5px;word-break: break-all;}
.dt-site i{margin:0 3px 3px 3px}
.dt-site a:hover{text-decoration:underline;color:#444}
.dt-site p{margin:15px 0;text-align:justify;font-weight:400;color:#000}
.dt-site .link-btn{position: relative;display: inline-block;padding: 4px 33px 4px 19px;background: linear-gradient(90deg,#4451C1 0%, #2C62EB 100%); font-size: 15px; font-weight: 600; color: #fff;border-radius: 20px}
.dt-site .link-btn:after{content: '';position: absolute;top: 11px;right: 18px;width: 7px;height: 13px;background-repeat: no-repeat;background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.11017 6.40452L0.273835 1.56836C0.0912793 1.38569 0.00211273 1.16997 0.00633497 0.921189C0.0105572 0.672411 0.103946 0.45669 0.286502 0.274023C0.469168 0.0914674 0.685557 0.000188771 0.935668 0.000188793C1.18578 0.000188815 1.40211 0.0914675 1.58467 0.274023L6.65433 5.32702C6.80622 5.47891 6.9195 5.6488 6.99417 5.83669C7.06883 6.02469 7.10617 6.21397 7.10617 6.40453C7.10617 6.59508 7.06883 6.78436 6.99417 6.97236C6.9195 7.16025 6.80622 7.33014 6.65433 7.48203L1.58467 12.5517C1.40211 12.7342 1.18367 12.8234 0.929334 12.8192C0.675 12.815 0.456501 12.7216 0.273834 12.539C0.0912783 12.3564 3.24449e-07 12.14 3.46314e-07 11.8899C3.6818e-07 11.6397 0.0912784 11.4234 0.273834 11.2407L5.11017 6.40452Z' fill='white'/%3E%3C/svg%3E%0A");}
.dt-site .link-btn:hover{color: #fff}
.dt-site ol{margin-bottom:10px}
.dt-site ol li{padding:15px 0 15px 15px;border-bottom:#e5e5e5 1px solid;font-weight:300}
.dt-site ol li span{color:#000;font-weight:400}
.dt-site ol li span i{margin-bottom:4px}
.dt-site ol li span i.list-icon{width: 19px;height: 19px;background-repeat: no-repeat;background-position: center center;background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_400_936' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='url(%23paint0_linear_400_936)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_400_936)'%3E%3Cpath d='M7.875 9.75078V10.8758C7.875 11.0883 7.94687 11.2664 8.09062 11.4102C8.23437 11.5539 8.4125 11.6258 8.625 11.6258H9.375C9.5875 11.6258 9.76563 11.5539 9.90938 11.4102C10.0531 11.2664 10.125 11.0883 10.125 10.8758V9.75078H11.25C11.4625 9.75078 11.6406 9.67891 11.7844 9.53516C11.9281 9.39141 12 9.21328 12 9.00078V8.25078C12 8.03828 11.9281 7.86016 11.7844 7.71641C11.6406 7.57266 11.4625 7.50078 11.25 7.50078H10.125V6.37578C10.125 6.16328 10.0531 5.98516 9.90938 5.84141C9.76563 5.69766 9.5875 5.62578 9.375 5.62578H8.625C8.4125 5.62578 8.23437 5.69766 8.09062 5.84141C7.94687 5.98516 7.875 6.16328 7.875 6.37578V7.50078H6.75C6.5375 7.50078 6.35937 7.57266 6.21562 7.71641C6.07187 7.86016 6 8.03828 6 8.25078V9.00078C6 9.21328 6.07187 9.39141 6.21562 9.53516C6.35937 9.67891 6.5375 9.75078 6.75 9.75078H7.875ZM9 16.4258C8.9125 16.4258 8.83125 16.4195 8.75625 16.407C8.68125 16.3945 8.60625 16.3758 8.53125 16.3508C6.84375 15.7883 5.5 14.7477 4.5 13.2289C3.5 11.7102 3 10.0758 3 8.32578V4.78203C3 4.46953 3.09063 4.18828 3.27188 3.93828C3.45313 3.68828 3.6875 3.50703 3.975 3.39453L8.475 1.70703C8.65 1.64453 8.825 1.61328 9 1.61328C9.175 1.61328 9.35 1.64453 9.525 1.70703L14.025 3.39453C14.3125 3.50703 14.5469 3.68828 14.7281 3.93828C14.9094 4.18828 15 4.46953 15 4.78203V8.32578C15 10.0758 14.5 11.7102 13.5 13.2289C12.5 14.7477 11.1562 15.7883 9.46875 16.3508C9.39375 16.3758 9.31875 16.3945 9.24375 16.407C9.16875 16.4195 9.0875 16.4258 9 16.4258Z' fill='url(%23paint1_linear_400_936)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_400_936' x1='0' y1='9' x2='18' y2='9' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234451C1'/%3E%3Cstop offset='1' stop-color='%232C62EB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_400_936' x1='3' y1='9.01953' x2='15' y2='9.01953' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234451C1'/%3E%3Cstop offset='1' stop-color='%232C62EB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.dt-site ol li a{/* display:block; */margin-left:10px}
.dt-site ol li:last-child{border-bottom:none}
.site-bg{padding-bottom:110px;background: url(../images/sub/site-bg.jpg)  no-repeat center bottom}
.site-bdr01{border-color:#007b94 !important}
.site-bdr02{border-color:#e2234b !important}
.guide-box{width:100%}
.guide-box h3 i{margin:0 2px 3px 0}
.guide-box p{/* padding:10px 15px;border:#ddd 1px solid;border-radius:3px; */text-align:justify}
.guide-help{overflow:hidden;margin:7px 58px 40px 58px;display: flex;flex-wrap: wrap;align-items: center;gap: 20px;}
.guide-help li{float:left;text-align:center}
.guide-help li strong{/*font-size:1.8rem;*/line-height:35px;font-weight:500;color:#222}
.guide-help li br{display: none}
.guide-help li:nth-child(odd){width:180px;height:180px;display:flex;align-items: center;flex-direction: column;justify-content: center;padding:0 5px;border-radius:50%;letter-spacing:-1px}
.guide-help li:nth-child(odd) i {font-size: 40px;color: #42BCD1;margin-bottom: 5px}
.guide-help li:nth-child(even){/*padding:57px 15px 0 15px;*/font-size:2rem;color:#ddd}
.guide-help li.gcolor01{border:#4AE2E5 7px solid}
.guide-help li.gcolor02{border:#42BCD1 7px solid}
.guide-help li.gcolor03{border:#009ABC 7px solid}
.guide-help li.gcolor01 i {color:#4AE2E5}
.guide-help li.gcolor02 i {color:#42BCD1}
.guide-help li.gcolor03 i {color:#009ABC}
.guide-screen{position:relative;margin-bottom:20px;border:#ddd 1px solid;border-radius:3px}
.guide-screen li span{padding-left:22px}
.guide-screen li img{width:100%;/* border:#ddd 1px solid;border-radius:3px */}
.guide-screen li h4{margin-bottom:10px;padding-left:20px;border-bottom:#ddd 1px solid;line-height:40px;font-size:1.125rem;font-weight:400;color:#333;background:#f9f9f9}
.guide-screen li i{margin:0 4px 4px 0;color:#d82744}
.guide-screen li span{display:block}
.guide-screen li strong{position:absolute;top:8px;right:10px;font-size:0.750rem;font-weight:400}ê²€
																								.guide-screen li:last-child{padding:20px}
.ccvd-contents h3{margin-top:20px;border:none;font-weight:500; color: #4451C1;}
.ccvd-contents p{font-weight:400;text-align:justify;color:#000; line-height: 1.8}
.ccvd-contents strong{font-weight:500;color:#000}
.ccvd-contents h4{margin-bottom:10px;font-size:1.313rem;font-weight:400; color: #000;}
.ccvd-contents.map-line h4{display: flex;align-items: center;font-weight: 700;font-size: 1.2rem}
.ccvd-contents h4 i{margin-bottom:4px;margin-right:5px;color:#217f9c}
.ccvd-contents h5{margin-bottom:10px;font-size:1.125rem;font-weight:400; color: #000;}
.cbv-top{overflow:hidden;width:100%;margin-bottom:10px;box-sizing: border-box;display: flex;flex-wrap: wrap}
.cbv-top button{width:100%;padding:7px 0px;font-family:'SCDream';font-size: 16px !important; border:#e5e5e5 1px solid;border-radius:0;font-size:1rem;color:#000;background: #fff}
.cbv-top button:hover{background: #f5f5f5}
.cbv-top li:first-child button{border-radius: 5px 0 0 5px;}
.cbv-top li:last-child button{border-radius: 0 5px 5px 0;}
.cbv-top .active button{border:#4451C1 1px solid;color:#fff;background:#4451C1;/*border-radius: 5px;*/}
.cbv-top li{float:left}
.cbv-top1 li{width:11%;margin-right:0.45%}
.cbv-top1 .button-long{width:17%}
.cbv-top2 li{width:24.5%;margin-right:0.5%}
.cbv-top2 .button-long{width:49.5%}
.cbv-top3 li{width:32.8%;margin-right:0.3%}
.cbv-top4 li{width:11.3%;margin-right:0.45%}
.cbv-top4 .button-long2{width:28.9%}
.cbv-top5 li{width:24%;margin-right:0.3%;line-height: 30px}
.ccvd-box{overflow:hidden;margin:20px 0;padding:20px;border:#eee 1px solid;text-align:justify}
.ccvd-contents img{margin:10px 0;padding:5px;border:#eee 1px solid;border-radius:3px}
.ccvd-box ul li{padding-left:15px;font-weight:400;background:url(../images/sub/bullet.png)  no-repeat 3px 11px; color: #000; line-height: 1.8;}
.cw50{width:50%}
.ccvd-box video{width:640px; height:360px}



.btn_top{position:fixed;right:10px;bottom:50px;width:45px;height:45px;border-radius:25px;background:#d82744;color: #fff;line-height:45px;display:none}
.btn_top a{color: #fff;display:block;text-align:center;font-size:1rem}
.mobile-bg{top:65px;right:17%;width:310px;height:585px;background-color:transparent !important;box-shadow:none !important;background:url(../images/common/phone.png)  no-repeat 0 0}
.smslogo{margin:5px 0 10px 18px}
.health_sms{width:225px;margin:102px 0 0 33px}
.health_sms i{margin:0 5px 2px 0}
#sms_con{padding:10px;border-radius:10px;border:#eee 1px solid;background-color:rgba(255, 255, 255, 0.5)}
#sms_con strong{font-weight:400;color:#000}
#sms_con p{overflow:hidden;margin-top:7px;white-space:normal;line-height:1.2;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;font-size:0.813rem;font-weight:300}
#sms_con .sms-url{height:2.4em;-webkit-line-clamp:2}
#sms_con .sms-hp{height:1.2em;-webkit-line-clamp:1;letter-spacing:-0.5px;color:#000}
.sms_p1{color:#fff;font-size:0.875rem;font-weight:100}
.sms_p2{color:#fff;font-size:0.813rem;font-weight:100}
.sms_p3{color:#fff;font-size:0.875rem;font-weight:100}
.sms-button{width:100%;text-align:center}
.sms-button button{float:left;width:49.5%;margin:5px 1% 5px 0}
.main-pop{position:relative;height:452px}
.main-pop img{width:100%}
.mainpopup-bottom{width:100%;padding-left:10px;height:40px;line-height:40px;background:#092840;color:#fff;font-weight:300; }
.mainpopup-bottom button{float:right;line-height:23px;margin:7px 5px 0 0;padding:3px 5px}
.hd-xml{width:100%}
/* 이달의 ê±´ê°•ì •ë³´ */
.thtimtCntntsList .title h4{margin-top:15px;padding-left:25px;padding-right: 40px;background:#F2F6FA;color:#4451C1 !important;font-size: 1.067rem;font-weight: 400;border-radius: 8px;}
.thtimtCntntsList .title{position: relative}
.thtimtCntntsList .title:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 6px;background: #4451C1;border-radius: 999px 0 0 999px;}
.thtimtCntntsList .title i{float:right}
.thtimtCntntsList .title i:after{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../images/designIcon/select-arrowBox.png");
	background-color: rgba(68, 81, 193, .6);
	border-radius: 6px;
	transition: transform .2s ease;
	pointer-events: none;}
.thtimtCntntsList .title i[title="내용 닫기 버튼"]:after{transform: translateY(-50%) rotate(180deg);}
.thtimtCntntsList .content{padding:10px}
.thtimtCntntsList .content p{padding-left:10px;text-align:justify;color: #000;font-weight: 400;line-height: 1.8;}
.thtimtCntntsList .content b{font-weight:bold}
.thtimtCntntsList .content h4{margin:15px 0;padding-left:10px;border-bottom:#ccc 1px dashed;background:#fff url(../images/sub/bullet.png)  no-repeat 0 20px !important;color:#333 !important}
.thtimtCntntsList .content h5{margin:10px 0;padding-left:10px;color:#333 !important;font-size:1rem;font-weight:400;background:url(../images/sub/nav-arr02.png)  no-repeat 0 10px !important;}
.thtimtCntntsList .content span{display:block;margin:10px 0;font-size:0.875rem;color:#999}
.thtimtCntntsList .content img{margin:0 auto}
.thtimtCntntsList .content table{width:100%;margin:15px 10px;border-top:#333 2px solid;border-bottom:#333 1px solid}
.thtimtCntntsList .content table th, td{padding:10px;/*border:#ddd 1px solid*/}
.thtimtCntntsList .content table th{background:#eee;text-align:center;font-weight:400}
.thtimtCntntsList .content table td{border:#ddd 1px solid}
.thtimtCntntsList h5{line-height:45px;margin-top:30px;padding-left:20px;border-top:#ddd 1px solid;border-bottom:#ddd 1px dashed;font-size:1rem;font-weight:400}
.thtimtCntntsList h5 i{margin:0 3px 3px 0}
.relateCntnts{padding-top:30px}
.relateCntnts h4{padding-left:0px !important;background:#fff !important;color:#333 !important;font-weight:400;font-size: 1.067rem;}
.relateCntnts i{margin-bottom:3px}
.relateCntnts .word-search{background:#fff !important}
.thtimtCntntsList .word-search{padding:0 20px;border:none;background:#fff !important}
.news-latter{display:none}
/* 1200이하 반응형 */
/* 모바일 */
#header .m-logo{display:none}
#header .m-top{display:none}
/* .slideshow-container{display:none} */
.m-subMenu{display:none}
.pop-layer{display:none}
.pop-layer2{display:none}
.m-help{display:none}
.mobile-visual{display:none}
/* //모바일 */
/* 1024 반응형 */
#gnrlzHealthInfoViewForm .hd-contents{
	padding-top: 80px;
}
#gnrlzHealthInfoViewForm .data-content h2{
	color: #000;
	line-height: 40px;
	font-size: 1.875rem;
	letter-spacing: -1px;
	text-align: left;
	border-bottom: 2px solid;
	padding-bottom: 16px;
}
#gnrlzHealthInfoViewForm .hd-contents p{
	margin-bottom: 0;
}
#gnrlzHealthInfoViewForm .hd-contents img{
	margin: 0;
}
#gnrlzHealthInfoViewForm .low-info{
	display: flex;
	gap: 20px;
	align-items: center;
	width: 100%;
	height: 57px;
	border-radius: 4px;
	border: 1px solid #DDD;
	background: #F8F8F8;
	padding: 20px;
}
#gnrlzHealthInfoViewForm .low-info-title{
	gap: 8px;
	display: flex;
	align-items: center;
}
#gnrlzHealthInfoViewForm .low-info-title img{
	width: auto;
}
#gnrlzHealthInfoViewForm .low-info .low-info-title p{
	color: #000A4E;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.28px;
}
#gnrlzHealthInfoViewForm .low-info p{
	color: #444;
	font-size: 13px;
	font-weight: 500;
	line-height: 28px;
}
.view-con .sub-visual ul{
	padding-top: 20px;
}
.view-con .info-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.view-con .info-header h2 {
	color: #000A4E;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.25px;
}

.view-con .info-header a {
	color: #777;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.104px;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* 버튼 영역 */
.view-con .info-buttons {
	display: flex;
	flex-wrap: wrap;   /* 줄바꿈 허용 */
	gap: 12px;
	margin-bottom: 20px;
}
.view-con .info-buttons .xi-external-link:before{
	color: #4251D6;
	font-size: 1.4rem;
}
.view-con .info-buttons .xi-long-arrow-right:before{
	color: #999999;
	font-size: 1.4rem;
}
.view-con .info-buttons button {
	flex: 1 1 calc(50% - 12px); /* 한 줄에 2개 (간격 고려해서 -12px) */
	min-width: 200px;           /* 최소 크기 보장 */
	padding: 12px 16px;
	border-radius: 6px;
	border: 3px solid #DBE3EE;
	background: #FAFDFF;
	text-align: left;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: #111;
}
.view-con .info-buttons button p{
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
}

.view-con .info-buttons button img {
	width: 20px;
	height: 20px;
	display: inline-block;
}


.view-con .info-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.view-con .info-list img {
	width: 100%;
	height: 200px;
	display: block;
}

#contentsDiv1 h3{
	background-color: #FFFFFF;
	font-size: 24px;
	color: #2131A1;
	font-weight: 600;
	padding: 0;
	gap: 10px;
}
#contentsDiv1 h3::before {
	content: url("../images/designIcon/circle_icon01.png");
	width: auto;
	background: transparent;
	position: unset;
}
#gnrlzHealthInfoMainForm .top-share{
	position: absolute;
	top: 95px;
	right: 0;
}
#gnrlzHealthInfoYouth .top-share{
	position: absolute;
	top: 85px;
	right: 0;
}
.info-section{
	margin-top: 40px;
}

@media screen and (max-width:1600px){
	/* 웹 */
	#wrap .top-banner div{display:none}
	#wrap .top-area div{width:1000px !important}
	#accordian{display:none}
	#search-hit{display:none}
	.sticky1{width:100%}
	.sub-visual ul{width:100%}
	.sub-content{width:96%;margin:0 2%}
	/* Footer */
	.text-box p{width:1000px}
	#footer ul{font-size:1rem}
	#footer ul li{padding:0 8px}
	.footer-box{width:1000px}
	.family-site{width:182px}
	.site02{right:185px}
	.site03{right:370px}
	#footer p{font-size:0.9rem}
	.sticky{width:100%;left:0}
	#toc{width:100%;background-position:98% 17px}
}
/**************************** ë ˆì´ì–´ 팝업 스타일 ****************************/

#popup_layer, #popup_layer_detail {position: relative; z-index: 100000;}
/* #Graybg {opacity: 0.7; width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; background-color: gray; z-index:10000;} */
#Graybg {margin: 0px; padding: 0px; border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1000; opacity: 0.5; background-color: #000;}
.pop_areaWrap {position: absolute; /*border: 4px solid rgb(36, 128, 166);*/ background-color: white; z-index:100001;box-shadow: 1px 1px 15px #333; }
/* .pop_areaWrap {position: absolute; border: 4px solid rgb(36, 128, 166); background-color: white; z-index:100001;box-shadow:5px 5px #33333; } */
.pop_conWrap {padding:10px}
.dis_none {display:none;}
#print_pop{/* overflow:hidden; */width:800px;height:700px;left:50%;top:5%;margin-left:-400px}
#print_pop .popup-header a{position:absolute;top:8px;right:10px;color:#fff}
#print_pop .popup-header div{position:absolute;top:85px;left:10px;font-size:0.813rem;font-weight:300;color:#000}
#print_pop .popup-header p{overflow:hidden;padding:15px;border-bottom:#ddd 1px solid;background:#eee}
#print_pop .popup-header h2{width:100%;padding:10px 20px;font-size:1rem;font-weight:400;color:#fff;background:#081f38}
#print_pop .popup-header span{float:left;font-size:0.813rem;font-weight:300}
#print_pop .popup-header button{float:right}
#print_pop .pop_conWrap{height:570px;overflow-y: scroll;text-align:justify}
#print_pop .pop_conWrap p{font-weight:300;text-align:justify}
.popupcont-title{position:relative;margin-bottom:10px;padding:10px 0;border-bottom:#ddd 1px solid}
.popupcont-title h3{padding-left:25px}
.popupcont-title input{position:absolute;top:15px;left:0}
#regist_pop{width:800px;height:925px;left:50%;top:3%;margin-left:-400px}
#regist_pop .popup-header h2{width:100%;padding:10px 20px;font-size:1rem;font-weight:400;color:#fff;background:#081f38}
#regist_pop .popup-header a{position:absolute;top:8px;right:10px;color:#fff}
#regist_pop .board-contents{overflow-y:scroll;height:530px}
#regist_pop .board-text{padding-top:0px !important}
#regist_pop .helth-cm{border-bottom:none !important;border-top:none !important}
.contentsDiv{text-align: left;}
.contentsDiv h3{clear:both;margin:20px 0 5px 0;line-height:50px;border-bottom:#ddd 1px solid;font-size:1.333rem;font-weight:400;color:#000}
.board-contents video{width:640px;height:480px}
#image_pop{/* overflow:hidden; */position:fixed;left:50%;top:5%; width: 1000px; margin-left:-500px;background:#081f38}
#image_pop .popup-header a{position:absolute;top:8px;right:10px;color:#fff}
#image_pop .popup-header div{position:absolute;top:85px;left:10px;font-size:0.813rem;font-weight:300;color:#000}
#image_pop .popup-header p{overflow:hidden;padding:15px;border-bottom:#ddd 1px solid;background:#eee}
#image_pop .popup-header h2{width:100%;padding:10px 20px;font-size:1rem;font-weight:400;color:#fff;background:#081f38}
#image_pop .popup-header span{float:left;font-size:0.813rem;font-weight:300}
#image_pop .popup-header button{float:right}
#image_pop .pop_conWrap{margin:10px 10px;text-align:justify;background:#fff}
#image_pop .pop_conWrap p{font-weight:300;text-align:justify}
.popupcont-title{position:relative;margin-bottom:10px;padding:10px 0;border-bottom:#ddd 1px solid}
.popupcont-title h3{padding-left:25px}
.popupcont-title input{position:absolute;top:15px;left:0}
#healthinfoPop{/* overflow:hidden; */position:fixed;width:660px;height:535px;left:50%;bottom:5%;margin-left:-330px}
#healthinfoPop .popup-header a{position:absolute;top:8px;right:10px;color:#fff}
#healthinfoPop .popup-header div{position:absolute;top:85px;left:10px;font-size:0.813rem;font-weight:300;color:#000}
#healthinfoPop .popup-header p{overflow:hidden;padding:15px;border-bottom:#ddd 1px solid;background:#eee}
#healthinfoPop .popup-header h2{width:100%;padding:10px 20px;font-size:1rem;font-weight:400;color:#fff;background:#081f38}
#healthinfoPop .popup-header span{float:left;font-size:0.813rem;font-weight:300}
#healthinfoPop .popup-header button{float:right}
#healthinfoPop .pop_conWrap{height:424px;overflow-y: scroll;margin:0px 10px;padding:0px;border-bottom:#ddd 1px solid;text-align:justify;background:#fff}
#healthinfoPop .pop_conWrap p{font-weight:300;text-align:justify}
#crop_pop{/* overflow:hidden; */position:fixed;width:660px;height:535px;left:50%;bottom:5%;margin-left:-330px}
#crop_pop .popup-header a{position:absolute;top:8px;right:10px;color:#fff}
#crop_pop .popup-header div{position:absolute;top:85px;left:10px;font-size:0.813rem;font-weight:300;color:#000}
#crop_pop .popup-header p{overflow:hidden;padding:15px;border-bottom:#ddd 1px solid;background:#eee}
#crop_pop .popup-header h2{width:100%;padding:10px 20px;font-size:1rem;font-weight:400;color:#fff;background:#081f38}
#crop_pop .popup-header span{float:left;font-size:0.813rem;font-weight:300}
#crop_pop .popup-header button{float:right}
#crop_pop .pop_conWrap{height:480px;margin:0px 10px;padding:0px;text-align:justify;background:#fff}
#crop_pop .pop_conWrap p{font-weight:300;text-align:justify}
#healthinfoPop table th{text-align:center !important}
#healthinfoPop table td{text-align:center !important}
.hd-xml h5{padding:10px 0px;font-size:1.2rem;font-weight:400;color:#000}
.hd-xml p{overflow:hidden;padding:10px 20px;border:#ddd 1px solid;border-radius:3px;font-size:0.813rem;background:#f9f9f9;text-align:justify;letter-spacing:-0.3px}
.hd-xml input[type="button"]{line-height:25px;padding:0px 10px;font-size:0.813rem;margin:0px}
.helth-openapi table th{padding:10px 0px !important}
.helth-openapi table td{padding:5px !important;font-size:0.875rem !important}
.neoTableUnit{border:none !important}
.neoTableTitle{border:none !important}
.neoTableCaption{border:none !important}
.data-content table{border:none !important;width:99.9% !important}
.data-content a{color:#0c72ca;text-decoration:underline}
.fontT3{width:100%}
.fontT4{width:100%}
.fontT5{width:100%}
.fontT6{width:100%}
.fontT7{width:100%}
.fontT8{width:100%}
.fontT9{width:100%}
.fontT10{width:100%}
.people-box{margin-top:25px;line-height:51px;overflow:hidden}
.people-box h4{float:left;display:inline-block;margin-right:10px;font-size:1.125rem;font-weight:500;color: #000;}
.kdca-box{margin-top:25px;line-height:47px;overflow:hidden}
.kdca-box h4{float:left;display:inline-block;margin-right:10px;font-size:1.125rem;font-weight:400}
/*.sex-box{float:left;width:25%;height:51px; padding: 2px;}*/
.sex-box{ float: left;padding: 2px;display: flex;flex-direction: column;} /**2025-08-27**/
.age-box{float:left;padding: 2px;display: flex;flex-direction: column;}/**2025-08-27**/
/*.age-box{float:left;height:51px; padding: 2px;}*/

.old-box{float:left;width:60%;height:47px}
/*.people-box a{float:left;width:55px;height:47px;margin-right:5px;border:#ddd 1px solid;border-radius:5px;font-size:0px;background-color:#f5f5f5;background-position:19px;background-repeat: no-repeat}*/
/*.people-box a:hover{background-color:#1d2843;border:#1d2843 1px solid}*/
/*.people-box a.active{background-color:#1d2843;border:#1d2843 1px solid;}*/
.people-box a {
	float: left;
	width: 151px;
	height: 80px;
	margin-right: 5px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: center 12px;
	padding-top: 35px;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.2s ease;

}
.people-box #age1{
	background-position: center 18px;
}
.people-box #age6{
	background-position: center 22px;
}
.people-box a.active {
	border: 1px solid #4451C1;
	background-color: #f3f6fc;
	font-weight: bold;
	color: #213096;
}

.people-box a:hover {
	background-color: #F0F4FF;
	border-color: #4451C1;
	color: #213096;
}
.kdca-box a{float:left;min-width:55px;height:47px;margin-right:5px;padding:0 20px;border:#ddd 1px solid;border-radius:5px;text-align:center;background-color:#f5f5f5;background-position:19px;background-repeat: no-repeat}
.kdca-box a:hover{background-color:#1d2843;border:#1d2843 1px solid;color:#fff}

.age-icon01{background-image:url("../images/sub/icon-age01.png")}
.age-icon02{background-image:url("../images/sub/icon-age02.png")}
.age-icon03{background-image:url("../images/sub/icon-age03.png")}
.age-icon04{background-image:url("../images/sub/icon-age04.png")}

.age-icon05{background-image:url("../images/sub/icon-age01.png")}
.age-icon06{background-image:url("../images/sub/icon-age05.png")}
.age-icon07{background-image:url("../images/sub/icon-age06.png")}

/*.age-icon01:hover{background-image:url("../images/sub/icon-age01-h.png")}*/
/*.age-icon02:hover{background-image:url("../images/sub/icon-age02-h.png")}*/
/*.age-icon03:hover{background-image:url("../images/sub/icon-age03-h.png")}*/
/*!*.age-icon04:hover{background-image:url("../images/sub/icon-age04-h.png")}*!*/
/*.age-icon05:hover{background-image:url("../images/sub/icon-age02-h.png")}*/
/*.age-icon06:hover{background-image:url("../images/sub/icon-age05-h.png")}*/
/*.age-icon07:hover{background-image:url("../images/sub/icon-age06-h.png")}*/

/*.age-icon01.active{background-image:url("../images/sub/icon-age01-h.png")}*/
/*.age-icon02.active{background-image:url("../images/sub/icon-age02-h.png")}*/
/*.age-icon03.active{background-image:url("../images/sub/icon-age03-h.png")}*/
/*.age-icon04.active{background-image:url("../images/sub/icon-age04-h.png")}*/
/*.age-icon05.active{background-image:url("../images/sub/icon-age02-h.png")}*/
/*.age-icon06.active{background-image:url("../images/sub/icon-age05-h.png")}*/
/*.age-icon07.active{background-image:url("../images/sub/icon-age06-h.png")}*/


.cstm-box{overflow:hidden;margin-top:30px;text-align:center}
.cstm-box ul li{display:inline-block}
.cstm-box ul li a{display:inline-block;width:120px;height:100px;padding-top:80px}
.cstm-icon01{background-image:url("../images/sub/wd_icon05.png");background-repeat: no-repeat;background-position:center;background-size:55%}
.cstm-icon02{background-image:url("../images/sub/wd_icon06.png");background-repeat: no-repeat;background-position:center;background-size:55%}
.cstm-icon03{background-image:url("../images/sub/wd_icon02.png");background-repeat: no-repeat;background-position:center;background-size:55%}
.cstm-icon04{background-image:url("../images/sub/wd_icon01.png");background-repeat: no-repeat;background-position:center;background-size:55%}
.cstm-box ul li span{display:block;padding-top:10px;font-size:1.125rem;font-weight:600}
.word-cont{font-size:1.125rem;color:#000}
.body-sub{overflow:hidden}
.body-sub h4{display:inline-block;margin-right:10px;margin-bottom:9px;font-size:1.125rem;font-weight:500;color:#000;}
.body-sub .body-box{position:relative;margin:0 auto; padding: 2px; }
.body-box a{position:relative;display:inline-block;width:152px;height:80px;border:#ddd 1px solid;border-radius:5px;font-size:0.9rem;letter-spacing:-0.5px;background-color:#FFFFFF;background-repeat: no-repeat;background-size:30%;background-position:center 4px}

.body-box a:hover{background-color:#F0F4FF;color:#213096; border: 1px solid #4451C1;}
.body-box a.active{background-color:#F0F4FF;color:#213096; border: 1px solid #4451C1;}

.body-sub a span{position:absolute;bottom:4px;width:100%;text-align:center}
/*뇌*/ .body-sub .ne{background-image:url("../images/sub/icon_01.png") }
/*정신*/.body-sub .ju{background-image:url("../images/sub/icon_02.png")}
/* 눈 */.body-sub .nu{background-image:url("../images/sub/icon_03.png")}
/* 귀코목 */.body-sub .ko{background-image:url("../images/sub/icon_04.png")}
/* 구강 */.body-sub .ku{background-image:url("../images/sub/icon_05.png")}
/* 뼈 */.body-sub .bb{background-image:url("../images/sub/icon_06.png")}
/*피부*/.body-sub .pb{background-image:url("../images/sub/icon_13.png")}
/*내분비*/.body-sub .nb{background-image:url("../images/sub/icon_07.png")}
/* 호흡기 */.body-sub .hh{background-image:url("../images/sub/icon_08.png")}
/*순환*/.body-sub .sh{background-image:url("../images/sub/icon_09.png")}
/*소화*/.body-sub .sw{background-image:url("../images/sub/icon_10.png")}
/*면혁*/.body-sub .mh{background-image:url("../images/sub/icon_11.png")}
/*비뇨*/.body-sub .sa{background-image:url("../images/sub/icon_12.png")}
/*생식*/.body-sub .ss{background-image:url("../images/sub/icon_14.png")}
.body-sub ul li{float:left}
.aversion{padding:10px 0;text-align:center}
.aversion a{padding:5px 20px;border:#ddd 1px solid;border-radius:3px;background:#f5f5f5;color:#333;text-decoration:none}
.aversion1{padding:10px 0;text-align:center}
.aversion1 a{padding:5px 20px;border:#ddd 1px solid;border-radius:3px;background:#f5f5f5;color:#333;text-decoration:none}
.disImg{clear:both;padding:10px 0;text-align:center}
.policy-text{margin-top:10px;padding:13px 15px;border:#ddd 1px solid;background:#f9f9f9;font-size:0.938rem}
.q-title{display:block;padding:15px 0;font-size:1rem;font-weight:700}
.a-cont{display:block;margin-bottom:10px;padding:10px 15px !important;border:#eee 1px solid}
/* 2022ë…„ ê³ ë„í™” */
.word-box{overflow:hidden;margin-bottom:20px}
.word-box h3{border:none}
.word-box ul.word-info{border:#ddd 1px solid;border-radius:3px;padding:20px 30px}
.word-box dl{float:left;width:49.3%;margin-bottom:12px;border:#ddd 1px solid;border-radius:3px}
.word-box dl dt{display:block;float:left;width:30%;height:126px;border-right:#ddd 1px solid;text-align:center;padding-top:50px;color:#000;font-size:1.125rem;background:#f5f5f5}
.word-box dl dd{float:left;width:70%;padding:15px 40px}
.word-box dl dd ul li{float:left;width:49%}
.word-box dl.word-star{float:right}
.w-dicary dl{border-radius:12px;border-color:#ddd}
.w-dicary dl dt{border-radius: 12px 0 0 12px;background-color:#F2F6FA;font-weight:500;color:#2131A1}
.w-dicary dl dd{background-color:#fff;border-radius: 0 12px 12px 0}
.w-dicary .group{display:flex;flex-wrap: wrap;align-items:center;justify-content: center;gap:23px;border:#ddd 1px solid;border-radius:12px;padding:20px 30px}
.w-dicary .group i.health-icon{width: 54px;height: 54px;background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_279_996' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='54' height='54'%3E%3Crect width='54' height='54' fill='url(%23paint0_linear_279_996)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_279_996)'%3E%3Cpath d='M18.45 35.4938C19.5375 36.5813 20.8219 37.1344 22.3031 37.1531C23.7844 37.1719 25.0687 36.6375 26.1562 35.55L29.3063 32.4L21.6 24.6938L18.45 27.8438C17.3625 28.9313 16.8187 30.2062 16.8187 31.6687C16.8187 33.1312 17.3625 34.4063 18.45 35.4938ZM35.55 18.5062C34.4625 17.4562 33.1781 16.9125 31.6969 16.875C30.2156 16.8375 28.9313 17.3625 27.8438 18.45L24.75 21.5437L32.4563 29.25L35.55 26.1562C36.6375 25.0687 37.1719 23.7938 37.1531 22.3313C37.1344 20.8688 36.6 19.5937 35.55 18.5062ZM11.25 47.25C10.0125 47.25 8.95313 46.8094 8.07188 45.9281C7.19063 45.0469 6.75 43.9875 6.75 42.75V11.25C6.75 10.0125 7.19063 8.95313 8.07188 8.07188C8.95313 7.19063 10.0125 6.75 11.25 6.75H20.7C21.1875 5.4 22.0031 4.3125 23.1469 3.4875C24.2906 2.6625 25.575 2.25 27 2.25C28.425 2.25 29.7094 2.6625 30.8531 3.4875C31.9969 4.3125 32.8125 5.4 33.3 6.75H42.75C43.9875 6.75 45.0469 7.19063 45.9281 8.07188C46.8094 8.95313 47.25 10.0125 47.25 11.25V42.75C47.25 43.9875 46.8094 45.0469 45.9281 45.9281C45.0469 46.8094 43.9875 47.25 42.75 47.25H11.25ZM27 9.5625C27.4875 9.5625 27.8906 9.40313 28.2094 9.08438C28.5281 8.76563 28.6875 8.3625 28.6875 7.875C28.6875 7.3875 28.5281 6.98437 28.2094 6.66562C27.8906 6.34687 27.4875 6.1875 27 6.1875C26.5125 6.1875 26.1094 6.34687 25.7906 6.66562C25.4719 6.98437 25.3125 7.3875 25.3125 7.875C25.3125 8.3625 25.4719 8.76563 25.7906 9.08438C26.1094 9.40313 26.5125 9.5625 27 9.5625Z' fill='url(%23paint1_linear_279_996)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_279_996' x1='27' y1='0' x2='27' y2='54' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A1C3'/%3E%3Cstop offset='1' stop-color='%232131A1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_279_996' x1='27' y1='2.25' x2='27' y2='47.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300A1C3'/%3E%3Cstop offset='1' stop-color='%232131A1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.w-dicary .group .word-info{border:none;border-radius:0;padding:0}
/* 공공누리 */
.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:36%}
.open-box ul li:last-child{width:64%;padding-top:27px;padding-left:0px;text-align:justify;font-size:1.063rem}
.dl-group::after {content: "";display: block;clear: both;}
#hotList span{vertical-align:bottom;width:30px !important;padding-right:5px;text-align:right}
.ggnuri{border:#ddd 1px solid;border-radius:10px;margin-top:20px;padding:30px}
h4.nurri{margin-bottom:20px;font-size:1.3rem;color:#04a28a}
.ggnuri ul{display:inline-block;width:50%;padding-left:28px}
.ggnuri img{float:right}
/* 20240130 연혁 추가 */
.history {padding: 10px 0 30px;overflow: hidden;}
.history .hbox {position: relative;padding-left: 20%;}
.history .hbox .historyLine {position: absolute;left: 20%;top: 10px;z-index: 1;width: 2px;height: 0;max-height: 100%;background-image: -webkit-gradient(linear, left top, left bottom, from(#0f5c9e), to(#6e33a8));
	background-image: -webkit-linear-gradient(#0f5c9e, #6e33a8);background-image: -moz-linear-gradient(#0f5c9e, #6e33a8);background-image: -o-linear-gradient(#0f5c9e, #6e33a8);background-image: linear-gradient(#0f5c9e, #6e33a8);
	-webkit-transition: height 0.3s;-o-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;}
.history .hbox .dep1 {position: relative;}
.history .hbox .dep1::before {content: '';position: absolute;left: 0;top: 10px;bottom: 0;width: 2px;background-color: #7688af;}
.history .hbox .dep1 > dt {position: absolute;left: -20%;width: 20%;font-size: 50px;line-height: 60px;font-weight: 700;color: #2d3851;-webkit-transition: color 0.3s;-o-transition: color 0.3s;-moz-transition: color 0.3s;
	transition: color 0.3s;margin-top: 15px;}
.history .hbox .dep1 > dt::after {content: '';position: absolute;right: -7px;top: 58%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
	transform: translateY(-50%);z-index: 1;width: 12px;height: 12px;border-radius: 50%;background-color: #2f3a52;-webkit-transition: background-color 0.3s;-o-transition: background-color 0.3s;-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;}
.history .hbox .dep1 > dt.on {background: -webkit-gradient(linear, left top, right top, from(#0f5c9e), color-stop(#6e33a8), to(#19a2a4));background: -webkit-linear-gradient(left, #0f5c9e, #6e33a8, #19a2a4);
	background: -moz-linear-gradient(left, #0f5c9e, #6e33a8, #19a2a4);background: -o-linear-gradient(left, #0f5c9e, #6e33a8, #19a2a4);background: linear-gradient(to right, #0f5c9e, #6e33a8, #19a2a4);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.history .hbox .dep1 > dt.on::after {background-color: #0f5c9e;}
.history .hbox .dep1 > dt:nth-child(1) {top: -30px;}
.history .hbox .dep1 > dt:nth-child(1)::after {top: 44%;}
.history .hbox .dep1 > dt span {font-weight: 700;}
.history .hbox .dep1 > dd {position: relative;padding-left: 10%;}
.history .hbox .dep1 > dd:first-of-type li:first-of-type {padding-top: 0;}
.history .hbox .dep1 > dd:first-of-type .dep2 dt {top: 0;}
.history .hbox .dep1 > dd:last-of-type .dep2:last-of-type {border-bottom: 0;}
.history .hbox .dep1 > dd li {position: relative;padding: 10px 0;border-bottom: 1px dashed #ddd;font-size: 18px;}
.history .hbox .dep1 > dd .dep2 dd ~ dd {margin-top: 14px;}
.history .hbox .dep1 > dd:last-of-type::after {content: '';position: absolute;left: -5px;bottom: -10px;z-index: 1;width: 12px;height: 12px;border-radius: 50%;background-color: #2f3a52;-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;-moz-transition: background-color 0.3s;transition: background-color 0.3s;}
.history .hbox .dep1 > dd:last-of-type.on::after {background-color: #6e33a8;}
.history .hbox .dep1 > dd .dep2 .list1 li {font-size: 15px;font-weight: 400;}
.history .hbox .dep1 > dt+dd {margin-top: 20px;}
.sub-youth .media-sections{
	display:grid; gap:32px;
	grid-template-columns: 1fr 1fr;
	margin-top: 72px;
}
.sub-youth .module{ display:block; margin-bottom: 50px;}
.sub-youth .module-header{
	display:flex; align-items:center; justify-content:space-between;
	gap:12px; margin-bottom:16px;
}
.sub-youth .module-header h2{
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: #000A4E;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.25px;
}
.sub-youth .module-header .more{
	display:inline-flex; align-items:center; gap:6px;
	font-size:.9375rem; color:#6b7280; text-decoration:none;
}
.sub-youth .module-header .more::after{
	content:url('../images/designIcon/more-btnArrowRight.png');
	position: relative;
	top: 1.5px;
}
.sub-youth .module-desc{ margin:0 0 8px; color:#6b7280; font-size:.95rem; }

.sub-youth .card-grid{
	display:grid; gap:35px;
	grid-template-columns: repeat(2, 1fr);
}
.sub-youth .card a{
	display:block; background:#ffffff; border:1px solid #e5e7eb;
	border-radius:2px; overflow:hidden; text-decoration:none; color:inherit;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.sub-youth .card a:focus-visible{ outline:3px solid #94a3b8; outline-offset:2px; }
.sub-youth .card a:hover{
	transform: translateY(-2px);
	box-shadow:0 8px 20px rgba(0,0,0,.06);
	border-color:#d1d5db;
}

.sub-youth .thumb{
	aspect-ratio: 16 / 9;
	width:100%; overflow:hidden; background:#eef2ff;
}
.sub-youth .thumb img{
	width:100%; height:100%; object-fit:cover; display:block;
}

.sub-youth .meta{ padding:12px 12px 14px; }
.sub-youth .title{
	margin:0; font-size:.95rem; line-height:1.35;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
	white-space:normal;
}
.sub-youth .divider{
	height:1px; background:linear-gradient(90deg, transparent, #e5e7eb, transparent);
	margin: 8px 0 18px;
}
.health-bannerImg,.health-bannerMo-Img{
	width: 100%;
	margin-bottom: 48px;
}
.health-bannerMo-Img{
	display: none;
}

.auth-inner {
	padding-top: 3em;
}

@media screen and (max-width: 1400px) {
	.history .hbox {padding-left: 160px;}
	.history .hbox .historyLine {left: 160px;}
	.history .hbox .dep1 > dt {left: -160px;width: 160px;}
}

@media (max-width: 1200px) {
	.tocMenu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ed-list li, .news-list li{width: 48%;}
	.map-area{display: flex;flex-direction: column;width: 100%;align-items: center;margin-bottom: 0}
	.map-area .group{width: 100%;display: block;}
	.map-area .group select.w70{width: 83% !important;}
	.map-info{width: 100%;margin-top: 0}
}
@media screen and (max-width: 1023px) {
	.hd-indexbox ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.prosess-flowChart ul li > div .ig-tit:before {
		top: 2px;
	}
	.prosess-flowChart ul li > div .ig-tit {
		font-size: 16px !important;
	}
	.prosess-flowChart ul li > div .icon-graph {
		width: 80px !important;
		height: 80px !important;
		background-size: 50px;
	}
}
@media (max-width: 1024px){
	.sub-youth .media-sections{ grid-template-columns: 1fr; }
	.guide-help {font-size: 16px !important;}
	.guide-help li:nth-child(odd) {width: 160px;height: 160px}
	.sub-link .link-box ul li {width: 49%}
	.link-box ul li:nth-child(2n) {margin-right: 0}
	.link-box ul li:nth-child(3n) {margin-right: 2%}
	.dt-site h4{font-size: 1.5rem;}
	.dt-site ul{padding: 20px 30px;}
}
@media (max-width: 875px) {
	.pagination a {
		margin: 0;
	}

	.sub-youth input[type="text"] {
		flex: none;
	}

	.sub-youth .selected-bar {
		flex-direction: column;
		gap: 10px;
		padding: 18px 20px;
	}

	.sub-youth .row {
		grid-template-columns: 1fr;
	}

	.sub-youth .row .label {
		line-height: 1;
	}

	.sub-youth .search-line {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.sub-youth select, input[type="text"] {
		width: 100%;
	}

	.sub-youth .actions {
		justify-content: stretch;
	}

	.sub-youth .btn {
		flex: 1;
		justify-content: center;
		align-items: center;
	}

	.hd-indexbox ul li a {
		padding: 10px 8px;
	}

	.hd-indexbox h5 {
		font-size: 1.525rem;
	}

	.sub-youth .module-header h2 {
		font-size: 1.325rem;
	}

	.sub-content .health-infoCard {
		height: 140px;
		overflow: hidden;
	}

	.health-bannerImg {
		height: 100px;
	}

	.health-bannerImg {
		display: none;
	}

	.health-bannerMo-Img {
		display: block;
	}

	.tocMenu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		height: 300px;
		overflow: scroll;
	}

	.view-con .info-buttons {
		flex-direction: column;
	}

	.view-con .info-list {
		display: none;
	}
	#gnrlzHealthInfoViewForm .low-info{
		flex-direction: column;
		height: auto;
		align-items: flex-start;
	}
	.data-content{
		padding: 0;
	}
	#gnrlzHealthInfoViewForm .hd-contents{
		padding-top: 30px !important;
	}
	#gnrlzHealthInfoViewForm .top-share{
		top: 50px;
	}
	.sub-content{
		padding: 0;
	}
	.hd-contents{
		text-align: start;
	}
}

@media only screen and (max-width: 767px) {
	.board-top input[type="text"]{width:100% !important}
	.search-btn{width: 100%}
	.btn-primary02{max-width: 100%;width:100% !important}
	.board-top select{width:100% !important}

	.history_top {margin-bottom: 40px;}
	.history .hbox {padding-left: 10px;}
	.history .hbox .historyLine {left: 10px;top: 8px;}
	.history .hbox .dep1 > dt {position: relative;left: 10px;padding-left: 20px;margin-top: 25px;font-size: 30px;width: 100%}
	.history .hbox .dep1 > dt::after {right: auto;left: -15px;}
	.history .hbox .dep1 > dt:nth-child(1){top: 0;margin-top: 0}
	.history .hbox .dep1 > dt+dd {margin-top: 10px;}
	.history .hbox .dep1 > dt:nth-child(1)::after {top: 52%;}
	.history .hbox .dep1 > dd {padding-left: 30px;}
	.history .hbox .dep1 > dd .dep2 dt {top: auto;}
	.history .hbox .dep1 > dd .dep2 dd {font-size: 15px;}
	.pb170,.pb120,.pb50,.pb30{padding-bottom:0!important}
	br{display:none;}
	.age-box{
		display: flex;
		flex-direction: column;
		margin-top: 80px;
	}
	.people-box a{
		margin-bottom: 5px;
	}
	.hd-menu ul{
		flex-wrap: wrap;
	}
	.hd-indexbox ul {
		grid-template-columns: 1fr;
	}
	.hd-menu .sort-con{flex-direction:column; align-items:flex-start}
	.hd-menu .fl-r.select-box{align-self:stretch}
	.hd-indexboxWrap{
		padding: 35px 20px 50px 20px;
	}
	.sub-visual{
		position: fixed;
		background: linear-gradient(90deg, #F3FAFF 3.68%, #F7F6FF 100%);
		top: 75px;
		z-index: 99;
	}
	.sub-visual ul{
		padding-left: 14px;
		justify-content: flex-start;
	}
	.view-con .sub-visual ul{
		padding-top: 0;
	}
	/*.sub-content{*/
	/*	padding-top: 60px;*/
	/*}*/
	.sub-visual ul li.home{
		height: auto;
	}
	.sub-visual ul li{
		height: auto;
		line-height: 50px;
	}
	#gnrlzHealthInfoViewForm .top-share{
		top: 98px;
	}
	#gnrlzHealthInfoYouth{
		padding-top: 60px;
	}
	.main{
		padding-top: 60px;
	}
	.sub-content .top-share {
		top: 90px;
	}
	.prosess-flowChart ul li:nth-child(1) > div:nth-child(1):before,.prosess-flowChart ul li:nth-child(2):after,.prosess-flowChart ul li:nth-child(3) > div:nth-child(1):before {
		width: 30px !important;
		height: 30px !important;
	}
	h4.nurri {font-size: 17px;margin-bottom: 15px;}
	.ggnuri ul {display: flex;flex-wrap: wrap;gap: 8px;width: 100%;padding: 0 0 15px 0;font-size: 16px !important;}
	.ggnuri img {float: inherit}
	.dt-site h4 {font-size: 20px;}
	.dt-site ul{flex-direction: column;gap: 10px;}
	.dt-site ul li:last-child{width: 100%}
	.map-area .group select.w70{width: 100% !important;}

}
@media (max-width: 640px){
	.sub-youth .card-grid{ grid-template-columns: 1fr; }
	.tocMenu{grid-template-columns: 1fr;}
	.sub-link .link-box ul li{width: 100%}
}

.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb120{padding-bottom:120px;}
.pb170{padding-bottom:170px;}
/* êµ­ê°€ê±´ê°•ì •ë³´í¬í„¸ì€? */
.portal h3.box-tit{position: relative;width: 70%;max-width: 700px;font-weight: bold;height: 70px;margin: 0 auto;text-align: center;font-size: 1.3rem;color: #fff;background-color: #2d3750;border-radius: 12px;line-height: 46px!important;}
.portal h3.box-tit+.ptext{text-align: center;margin-top: 20px;}
/* ì½˜í…ì¸  ì œìž‘ê³¼ì • */
.prosess-flowChart {position: relative;overflow: hidden;width: 100%;margin: 30px auto;padding: 40px;background: #f8f8f8;}
.prosess-flowChart.grayLine {border-bottom: 1px solid #ccc;}
.prosess-flowChart.mp_b0 {margin-bottom: 0;padding-bottom: 0;}
.prosess-flowChart .fc-tit {width: 100%;margin-bottom: 30px;text-align: center;font-weight: 500;font-size: 1.7rem;color: #0178ca;text-decoration: underline;}
.prosess-flowChart ul {width: 100%;}
.prosess-flowChart ul li {border-radius: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;min-width: 300px;}
.prosess-flowChart ul li > div {position: relative;width: 47%;padding: 10px;margin-bottom: 5%;border-radius: 20px;background: #fff;min-height: 190px;}
.prosess-flowChart ul li > div:before {content: '';width: 30%;border-top: 3px dotted #ddd;position: absolute;left: 100%;top: 50%;margin-top: -7px;}
.prosess-flowChart ul li > div:after {content: "\e93f";font-family: xeicon!important;width: 20px;height: 20px;background: #4797ef;position: absolute;left: 104%;top: 50%;margin-top: -15px;border-radius: 4px;
	color: #fff;font-size: 1.3rem;text-align: center;line-height: 22px;box-shadow: 2px 3px 10px rgb(71 151 239 / 39%);}
.prosess-flowChart ul li:nth-child(1) > div:nth-child(2):before {left: 50%;top: auto;bottom: 0;transform: rotate(90deg);transform-origin: left bottom;}
.prosess-flowChart ul li:nth-child(1) > div:nth-child(2):after {left: 50%;top: auto;bottom: -22px;transform: rotate(90deg);transform-origin: left;}
.prosess-flowChart ul li:nth-child(2) {flex-direction: row-reverse;}
.prosess-flowChart ul li:nth-child(2) > div:after {transform: rotate(180deg);left: -9%;}
.prosess-flowChart ul li:nth-child(2) > div:before {left: -30%;}
.prosess-flowChart ul li:nth-child(2) > div:nth-child(2):before {left: 50%;top: auto;bottom: 0;transform: rotate(90deg);transform-origin: left bottom;}
.prosess-flowChart ul li:nth-child(2) > div:nth-child(2):after {left: 50%;top: auto;bottom: -22px;transform: rotate(90deg);transform-origin: left;}
.prosess-flowChart ul li:nth-child(3) > div:nth-child(2):before, .prosess-flowChart ul li:nth-child(3) > div:nth-child(2):after {display: none;}
.prosess-flowChart ul li > div > span {display: block;vertical-align: top;}
.prosess-flowChart ul li > div .icon-graph {width: 70px;height: 70px;margin: 0 auto;}
.prosess-flowChart ul li > div .icon-graph.typeA {background: url('../images/sub/icon01.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeB {background: url('../images/sub/icon02.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeC {background: url('../images/sub/icon03.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeD {background: url('../images/sub/icon04.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeE {background: url('../images/sub/icon05.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeF {background: url('../images/sub/icon06.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeG {background: url('../images/sub/icon07.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeH {background: url('../images/sub/icon08.png') no-repeat;}
.prosess-flowChart ul li > div .icon-graph.typeI {background: url('../images/sub/icon09.png') no-repeat;}
.prosess-flowChart ul li > div .ig-tit {display: inline-block;text-align: left;font-weight: bold;font-size: 1.1rem;color: #222;text-align: center;width: 100%;margin-top: 10px;}
.prosess-flowChart ul li > div .ig-tit i {display: block;font-style: normal;font-size: 0.75rem;font-weight: 500;margin-top: 7px;height: 15px;}
.prosess-flowChart ul li > div .ig-subTit {padding: 10px;text-align: left;font-weight: 500;color: #54575f;border-radius: 10px;background-color: #fff;text-align: center;font-size: 1rem;color: #333;
	position: absolute;bottom: 10px;width: 95%;}
.prosess-flowChart ul li > div .ig-subTit i{vertical-align: baseline;margin-left: 5px;font-size: 0.85em;}
.prosess-flowChart ul li > div .ig-desc {text-align: left;color: #54575f;}
.prosess-flowChart ul li > div .ig-desc p {margin: 5px 0;padding-left: 12px;position: relative;}
.prosess-flowChart ul li > div .ig-desc p:before {content: '';width: 4px;height: 4px;border-radius: 50%;background: #0e3799;position: absolute;left: 0;top: 9px;}
.prosess-flowChart ul li:first-child > div:first-child {background-color: #aed9ff;}
.prosess-flowChart ul li:first-child > div:nth-child(2) {background-color: #ffe172;}
.prosess-flowChart ul li:nth-child(2) > div:nth-child(1),.prosess-flowChart ul li:nth-child(2) > div:nth-child(2) {background-color: #ffe172;}
.prosess-flowChart ul li:nth-child(3) > div:nth-child(1) {background-color: #72d1ff;}
.prosess-flowChart ul li:nth-child(3) > div:nth-child(2) {background-color: #21a089;}
@media screen and (max-width: 960px) {
	.prosess-flowChart {padding:20px;}
	.prosess-flowChart.grayLine {border-bottom: 0;}
	.prosess-flowChart ul li > div {width: 100%;padding: 10px;margin-bottom: 50px;min-height: 190px;}
	.prosess-flowChart ul li:last-child > div:last-child {margin-bottom: 20px;}
	.prosess-flowChart ul li > div .ig-subTit {padding: 10px;font-size: 1rem;width: 94%;}
	.prosess-flowChart ul li > div .ig-desc p:before {top: 8px;}
	.prosess-flowChart ul li:nth-child(1) > div:nth-child(3):before, .prosess-flowChart ul li > div:before {left: 50% !important;; margin-top: 0;margin-left: -1.5px;top: 100% !important;bottom: 0 !important;
		width: 0;height: 50px;border-top: 0;border-left: 3px dotted #ddd;transform: none !important;transform-origin: center !important;}
	.prosess-flowChart ul li:nth-child(1) > div:nth-child(3):after, .prosess-flowChart ul li > div:after {top: calc(100% + 10px) !important;left: 50% !important;margin-left: -10px;margin-top: 0;transform-origin: center !important;
		transform: rotate(90deg) !important;bottom: auto !important;}
	.prosess-flowChart ul li .ig-subTit br {display: none;}
	.prosess-flowChart ul li .ig-subTit i {vertical-align: baseline;}
}
@media screen and (max-width: 425px) {
	.hd-index p{line-height: normal}
	.cbv-top button{font-size: 14px !important;}
	.ggnuri img {width: 100%}
}


/* 2024-10-04  검색창*/
/* 검색창 활성화 */
.type_write {
	border-color: #fff;
	border-radius: 16px 16px 0 0;
	border-bottom: 0;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .13);
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .13);
}

/* 검색결과 활성화 */
.ly_atcmp_wrap {
	border-radius: 0 0 16px 16px;
	-webkit-box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .05), 0 5px 8px 0 rgba(0, 0, 0, .08);
	/*box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .05), 0 5px 8px 0 rgba(0, 0, 0, .08);*/
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .13);
	background-color: #fff;
	letter-spacing: -.3px;
	line-height: 1.8rem;
}


.search_group_inner {
	position: relative;
}

.layer_atcmp {
	position: absolute;
	top: 58px;
	z-index: 3;
	width: 680px;
	-webkit-transform: translateY(9px);
	-ms-transform: translateY(9px);
	transform: translateY(9px);
}

.kwd_lst {
	min-height: 57px;
}
.kwd_lst li:hover{
	background-color: #f7f8fb;
}

.kwd:hover{
	text-decoration: underline !important;
	text-underline-position : under;
}


.kwd_lst .item {
	position: relative;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1rem;
}


.kwd_lst .item .etc {
	position: absolute;
	top: 0;
	right: 7px;
	bottom: 0;
	text-align: right;
	white-space: nowrap;
}

.kwd_lst .item .etc .date {
	position: absolute;
	top: 50%;
	right: 34px;
	font-size: 1rem;
	color: #939396;
	letter-spacing: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.kwd {
	margin: 1px;
	padding: 7px 0 7px 40px;
	line-height: 40px;
	display:flex;/*CSS3*/
	align-items:center;/*Vertical align*/
	-moz-box-sizing: border-box;
}
.kwd:focus {
	outline: none !important;
}
.kwd_lst li {
	color: #666 !important;
}

.kwd_lst .item .kwd .etc {
	right: 17px;
}

/* main swiper */
.swiper-button-next, .swiper-button-prev {
	position: relative;
	right: 0;
	z-index: 2;

}
.swiper-pagination {
	z-index: 1;
}

.mobile_menu_depth3 {
	padding-left: 10px;
	color: #000;
	background: url(../images/sub/circle.svg) no-repeat 7px 13px;
}

.categoryWrap .newsBanner {
	margin-left: 0;
}

.categoryWrap .newsBanner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.categoryWrap .newsBanner .controller {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 5px;
}

.con-area .mainBanner-pagination,
.con-area i {
	width: 67px;
	height: 40px;
	/* background: #fff; */
	border: solid 1px #F0F0F0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	letter-spacing: 3px;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

.con-area .mainBanner-pagination>span{
	letter-spacing: 3px;
}

.con-area .swiper-pagination-current {
	color: #246BEB;
}

.con-area i {
	width: 40px;
	font-size: 24px;
}

.con-area i::before {
	width: 24px;
}

.controller> button{
	overflow: visible;
	margin: 0;
	background-color: transparent;
	border: none;
	-webkit-appearance: button;
	cursor: pointer;
	font: inherit;
	color: inherit;
	padding: 0;
}

.controller{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: 0.4rem;
	flex-shrink: 0;
	position: relative;
}

.controller i,
button[class *="button-next"],
button[class *="button-prev"] {
	transition: all .3s ease 0s;
}

.controller a:not(.swiper-button-disabled):hover i,
.controller button:not(.swiper-button-disabled):hover i,
button[class *="button-next"]:not(.swiper-button-disabled):hover,
button[class *="button-prev"]:not(.swiper-button-disabled):hover {
	background-color: #007aff;
	color: #fff;
}

.controller a:not(.swiper-button-disabled):hover,
.controller button:not(.swiper-button-disabled):hover {
	background-color: transparent;
}

.swiper-button-disabled {
	opacity: .5;
	cursor: auto;
}


/* 포커스 이벤트 */
a:focus-visible,
button:focus-visible{
	outline: 2px dashed #99b0cb !important;
	outline-offset: -2px;
}

.home>a:focus-visible, .btn-login:focus-visible,
.hd-menu>ul>li>button:focus-visible,
.people-box a:focus-visible,
.hd-index a:focus-visible,
#mainSearchBtn:focus-visible,
#leftSearchBtn:focus-visible,
.btn-open-popup:focus-visible,
.swiper-slide a:focus-visible,
.cbv-top button:focus-visible,
.data-content button:focus-visible,
.data-content a:focus-visible,
.dt-site a:focus-visible,
.a-button:focus-visible
{
	outline-offset: -2px;
	outline-color: #f00 !important;
}

.hvrbox .hvrbox-layer_bottom{
	display: inline;
}
.hvrbox .hvrbox-layer_top{
	display: inline;
}


.kwd:focus{
	background-color: #f7f8fb;
	outline: 2px dashed #99b0cb !important;
}
.disabled-focus {
	pointer-events: none; /* 이벤트를 차단 */
}

.footerPopLayer{
	max-height: 100%;
	background-color: #DEE2E8;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 12px;
	z-index: 9999;
	padding: 80px 0;
}
.footerPopLayer .popup-in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0 auto;
	height: 100%;
}

.popup {
	gap: 40px;
	width: 100%;
	max-width: 1280px;
	height: 100%;
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
}

.footerPopLayer .popup-wrap .popup-in .popup .popup-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
}

.popup-wrap .popup .popup-head .pop-tit {
	font-size: 25px;
}

.popup-wrap .popup .popup-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
}

.pop-foot-links {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.popup-close {
	position: absolute;
	top: 80px;
	right: 80px;
	z-index: 3;
	width: 48px;
	height: 48px;
	background-size: contain;
	padding: 0;
	background: transparent;
}


.popup-close:hover {
	transition: all .3s ease 0s;
	transform: rotate(180deg);
}

.pop-foot-links>* {
	flex-basis: calc(25% - 20px);
	font-size: 17px;
}

.pop-foot-links a {
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	padding: 12px 8px;
	transition: all .5s ease 0s;
}

.pop-foot-links a:hover {
	background-color: #CDD7E4;
}

.pop-foot-links a::before {
	content: "･";
}



.sitebox ul li  a{
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	padding: 12px 8px;
	transition: all .5s ease 0s;
}

.a-button {
	display: inline-block;
	/* height: 30px; */
	line-height: 31px;
	padding: 1px 20px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	/* font-size: 0.938rem; */
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	margin: 50px auto;
}

.swiper-button-disabled {
	opacity: 1 !important; /* 흐리게 하지 않음 */
	/*pointer-events: auto !important; !* 클릭 가능 상태 유지 *!*/
}

#topButton {
	display: none;  /* 초기에 숨김 */
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 50px;
	background-color: #217f9ced;
	color: white;
	border: none;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s;
}

#topButton:hover {
	background-color: #217f9c;
}

@media screen and (min-width: 1600px) {
@charset "utf-8";

	html {
		height: 100%;
	}

	body {
		font-family: 'SCDream';
		box-sizing: border-box;
		height: 100%;
		margin: 0;
	}

	/* 레이아웃 전체 */
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100%;
		width: calc(100% - 50px);
		margin-left: 50px; /* float 대신 margin으로 사이드 공간 확보 */
		position: relative;
	}

	/* 헤더 */
	#header {
		display: flex;
		position: relative;
		top: 0;
		width: 100%;
		height: 92px;
		line-height: 92px;
		border-bottom: #ddd 1px solid;
		background: #fff;
		text-align: center;
		z-index: 9;
		align-items: center;
		justify-content: space-between;
	}

	/* 본문 */
	#container {
		position: relative;
		width: 100%;
		background: url(../images/main/main_bg.png) no-repeat;
		background-size: cover;
		flex: 1; /* 남은 공간 차지 */
		margin-bottom: 3em;
	}

	/* 푸터 */
	#footer {
		overflow: hidden;
		clear: both;
		width: 100%;
		padding-bottom: 40px;
		box-sizing: border-box;
		background: #f8f8f8;
	}
}

/* 모바일: 공유버튼을 ‘제목 하단의 선’ 밑으로 배치 */
@media only screen and (max-width: 767px) {

	/* 2) 공유버튼은 absolute 해제 → 자연스럽게 선 ‘아래’로 떨어지게 */
	.sub-content .top-share,
	#gnrlzHealthInfoViewForm .top-share {
		position: static !important;   /* absolute(top:90/55px) 무효화 */
		/*width: 100%;*/
		display: flex;
		justify-content: right;
		/*padding-top: 2em;*/
	}

	#gnrlzHealthInfoViewForm .data-content {
		margin-top: 1em
	}

	.board-form table tr th,.board-form table tr td a {font-size: 1rem}
}