@charset "utf-8";
@font-face {
	font-family:'Jalan';
	font-weight:700; 
	src: url('/humanframe/global/assets/css/font/Jalnan.woff') format('woff'),
	url('/humanframe/global/assets/css/font/JalnanOTF.otf') format('opentype');
}

#header{
	background:#fff;
}
.header-body{
	border-bottom:1px solid #ccc;
}
.header-nav .header-menu > li.current > a > span{
    color: #df3c6e;
}
#container{
	max-width:1600px; margin:114px auto 0; padding:64px 0 0 0;
}
strong{
	font-weight:600;
}
/*볼드폰트 수정*/
#pageSatisfy .manager dt, th, .h4Bl, .h5Bl, .h6Bl{
	font-weight:600;
}

#container .container-inner {
	display:flex;
	padding:0;
}

#contents {width:calc(100% - 327px); padding-left:80px; padding-bottom:40px;}
#contents:after {content:""; clear:both; display:block;}
#contents .titPage {font-size:5rem; margin:1em 0; line-height:1; font-weight:600;}

#aside {
	width:327px;
}
#aside .aside-tit {
	font-size: 2.8rem; background: #df3c6e; color: #fff; height: 120px; line-height: 1em; display: flex; flex-direction: row; justify-content: center; align-items: center; font-weight: 600; font-size: 3.3rem; font-weight: 600; border-radius: 20px 20px 0 0; text-align: center;
}
#aside .aside-nav{
	display:block; background:#fff; border-radius:20px; margin-top:-20px; width:100%; overflow: hidden; border:1px solid #dbdbdb;
}
#aside .aside-nav > .aside-nav-list{
	padding:0 20px 20px;
}
#aside .aside-nav-list li {
	position:relative;
}
#aside .aside-nav-list a {
	line-height:1.2; word-break:keep-all;
}
#aside .aside-nav-list a[target=_blank]:after {
	content:""; display:inline-block; width:9px; height:9px; background:url(../../assets/img/common/ico_blank.png) no-repeat center center / cover; margin-left:0.25em;
}
#aside .aside-nav-list .btn-dropdown {
	overflow:hidden; text-indent:-9999px;  width:21px; height:21px;  background:url(/humanframe/theme/hahacampus/assets/img/common/asideMenuArrow.png) no-repeat center center / auto; transition:.2s;
}
#aside .aside-nav-list ul {
	overflow:hidden; height:0; visibility:hidden; transition: all 0.5s ease;
}
#aside .aside-nav-list > li{
	border-bottom: 1px solid #ccc; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;
}
#aside .aside-nav-list > li:last-child{
	border-bottom: none;
}
#aside .aside-nav-list > li > a {
	display: flex; align-items: center; height: auto; font-size: 2.4rem; line-height: 1em; transition: .5s; padding: 33px 15px 28px 20px; flex:1 1 0; font-weight:600;
}
#aside .aside-nav-list li > ul{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px;
}
#aside .aside-nav-list li.active > ul {
	visibility:visible;
}
#aside .aside-nav-list li > ul > li{
	display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;width: 100%;
}
#aside .aside-nav-list li > ul > li > a{
	display: block; line-height: 1em; padding: 22px 16px 24px 33px; flex: 1 1 0; background:#f6f5f5; color:#444; font-size: 2rem; font-weight:500;
}
#aside .aside-nav-list li > ul > li.active > a,
#aside .aside-nav-list li > ul > li.current > a{
	color:#df3c6e; font-weight:600;
}
#aside .aside-nav-list > li.active > .btn-dropdown {
	background-image:url(/humanframe/theme/hahacampus/assets/img/common/asideMenuArrowPk.png); background-size:auto; transform:rotate(0deg);
}
#aside .aside-nav-list > li.active > a,
#aside .aside-nav-list > li.current > a {
	color:#df3c6e; 
}
#aside .aside-nav-list > li.current > a[target=_blank]:after {
	background-image:url(../../assets/img/common/ico_blank_white.png);
}
#aside .aside-nav-list > li.current > .btn-dropdown {
	background-image:url(/humanframe/theme/hahacampus/assets/img/common/asideMenuArrowPk.png); 
}
#aside .aside-nav-list > li.current.active > .btn-dropdown {
	background-image:url(/humanframe/theme/hahacampus/assets/img/common/asideMenuArrowPk.png);
	background-size:auto;
	transform:rotate(0deg);
}
#aside .aside-nav-list > li li.active > .btn-dropdown {
	background-image:url(../../assets/img/common/ico_minus.png);}
#aside .aside-nav-list > li > ul {	
	width:100%;
}
#aside .aside-nav-list > li > ul > li > .btn-dropdown {top:0; right:0.5em;}
#aside .aside-nav-list > li > ul > li > ul li {padding-left:0.5em;}
#aside .aside-nav-list > li > ul > li > ul li a {display:block; padding:0.25em 3em 0.25em 1.5em; position:relative; color:#777;}
#aside .aside-nav-list > li > ul > li > ul li a:before {content:""; position:absolute; top:0.75em; left:0.75em; width:0.25em; height:1px; background:#333;}
#aside .aside-nav-list > li > ul > li > ul li.active a {color:#333;}
#aside .aside-nav-list > li > ul > li > ul li .btn-dropdown {width:1.5em; height:1.5em; top:0; right:0.75em;}


#location .location-inner {
    display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; padding-bottom: 33px; padding-top:17px; border-bottom: 1px solid #dbdbdb; margin-bottom:53px;
}
.locationTit{
	font-size: 5rem; font-weight: 600; line-height: 1em; white-space: nowrap;
}
#location .location-inner:after {display:none;} 
.location-map{
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap:10px; flex-wrap: wrap;
}
#location .lineMap > .home ,
#location .location-map .btn-home {
	display:inline-block; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background-image: url(/humanframe/theme/hahacampus/assets/img/common/locationHome.png); background-repeat: no-repeat; background-size: auto; background-position: center;
}
#location .lineMap > span,
#location .location-map > span {
	color:#444; line-height: 1em;
}
#location .lineMap > a:last-child > span,
#location .location-map > span.current {
	color:#222; font-weight:600;
}
#location .location-map > span:before {
	content:''; display:inline-block;  margin:0 10px 0 0; width:auto; background-image: url(/humanframe/theme/hahacampus/assets/img/common/locationArrow.png); width: 7px; height: 10px; background-size: auto; background-repeat: no-repeat; background-position: center;
}


#pageSatisfy .manager h3 {
	padding:16px 30px 15px 15px;
	width:auto;
	font-weight:normal;
    height: auto;
    line-height: 1em;
}
#pageSatisfy header p {font-weight:normal; font-size:1em;}


@media all and (max-width:1728px){
	#container{
		max-width:inherit;
		padding:64px;
	}
	#contents {
		padding-left: 40px;
	}
}

@media all and (max-width:1280px){
	#container{
		padding:64px 32px;
		margin:110px auto 0;
	}
	.locationTit {
		font-size: 4.6rem;
	}
}

@media all and (max-width:1200px){
	#container{
		padding: 32px 32px 60px;
	}
	#aside {
		display:none;
	}
	#contents {
		width:100%; padding:0;
	}
	#location {
		margin: 0;
	}
}
@media all and (max-width:1024px){
	#container{		
		margin:78px auto 0; padding: 0 32px 60px;
	}
	#location .location-inner{
		padding:38px 0;
	}	
	.locationTit {
		font-size: 4.2rem;
	}
}
@media all and (max-width:768px){
		
	#location .location-inner{
		padding:38px 0 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px;	margin-bottom:30px;
	}
	.location-map{
		justify-content: flex-start;
	}
	.locationTit {
		font-size: 3.6rem;
	}
}
@media all and (max-width:480px){
	#container{		
		padding: 0 15px 40px;
	}
	.locationTit {
		font-size: 3rem;
	}
	
}

input, select, textarea {border-radius:0 !important;}
.boardList {margin-top:15px;}
.boardList thead th {background:#fff;}
.boardView {border-top:0;}
.boardView .form-group:first-child {border-bottom:2px solid #333;}
.boardView .newsTitle {font-size:28px; line-height:1.2; margin-bottom:10px;}
.boardView .newsTitle:after {content:""; clear:both; display:block;}
.boardView .newsTitle dt {display:inline-block;}
.boardView .newsTitle dt span {display:inline-block; padding:3px 10px; background:mediumvioletred; color:#fff; font-size:20px; vertical-align: middle;}
.boardView .newsTitle dd {display:inline-block;}
.boardView .form-data-info dd {word-break: break-all;}
.boardView .form-data-content {background:#fff; border-bottom:1px solid #ddd;}
.boardView .form-data-content dd img {max-width:70%; margin-bottom:15px;}
.boardView .form-data-content dd > div > iframe{
	width:100%; height:80vh;
}
.boardSearchForm .rowTable .cellHeader {background:#fff;}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {font-size:20px;}
.boardList tr:hover td, .boardList tr:focus td {background:#fff;}

/* btn style */
.btnTypeS,
.btnTypeM,
.btnTypeL {border-radius: 0; font-weight:400;}
.button {border-radius:0; margin-bottom:0;}
.button.small, .button.medium, .button.large {font-weight:normal;}
.button.color {background-color: #279D87; border-color: #279D87;}

/* title */
.h4Bl, .h5Bl, .h6Bl {}

/* BBS TOP HTML 펼치기/닫기 Start  */
.animateObj {transition: all 0.3s;}
.heightZero {height: 0 !important; overflow: hidden !important; padding: 0 !important;}
.displayNone {display: none !important;}
.fold {display:block; position: relative; margin: 0 auto 30px; padding: 10px 30px 10px 15px; background:#04497e; color:#fff; line-height: 1; border-radius: 5px;}
.fold:after {content:"+"; display:inline-block; position: absolute; top:50%; right: 10px; transform: translateY(-50%); vertical-align: middle; background: #fff; color:#04497e; width: 15px; height: 15px; border-radius: 50%;}
.fold.opened:after {content:"-";}
/* BBS TOP HTML 펼치기/닫기 End  */

/* bbs 페이지네이션*/
.paginate .number strong{
	background:#555;
}

.tabStyleTheme {display:table; width: 100%; table-layout: fixed;}
.tabStyleTheme > li {display:table-cell; vertical-align: bottom;}
.tabStyleTheme > li > a {display:block; height:45px; line-height: 45px; background:#04497e; color:#fff; text-align: center; border-left:1px solid #fff; border-right:1px solid #fff; transition: all 0.3s;}
.tabStyleTheme > li > a:hover {height: 55px; line-height: 55px;}
.tabStyleTheme > li > a.active {background:#fff; height:55px; line-height: 55px; font-size: 1.8rem; font-weight: 600; color:#04497e; border-top:3px solid #04497e; border-left:3px solid #04497e; border-right:3px solid #04497e;}

/* tabstyle 수정*/
.tabStyle{
	border:0;
}
.tabStyle > li{
	width:32.63158% !important;
	margin-right:1%;
	margin-bottom:10px;
}
.tabStyle > li:nth-child(3n){
	margin-right:0;
}
.tabStyle[data-length='3'] > li{
	width:32.63158% !important;
	margin-right:1%;
}
.tabStyle[data-length='3'] > li:nth-child(3n){
	margin-right:0;
}
.tabStyle[data-length='2'] > li{
	width:49% !important;
	margin-right:2%;
}
.tabStyle[data-length='4'] > li{
	width:24% !important;
	margin-right:1%;
}
.tabStyle[data-length='2'] > li:nth-child(3n){
	margin-right:2%;
}
.tabStyle[data-length='2'] > li:nth-child(2n){
	margin-right:0;
}
.tabStyle[data-length='4'] > li:nth-child(3n),
.tabStyle[data-length='4'] > li:nth-child(2n){
	margin-right:1%;
}
.tabStyle[data-length='4'] > li:nth-child(4n){
	margin-right:0;
}
.tabStyle > li > a{
	border:2px solid #ccc;
	padding:16px 0;
	font-weight:500;
	color:#222;
	height:auto;
	line-height:1em;
}
.tabStyle > li > a:hover,
.tabStyle > li > a:focus,
.tabStyle li.active a{
	border-color:#d70066;
	color:#d70066;
	background-color:#fff;
	font-weight:500;
}
.tabStyle > li.active:after{
	display:none;
}
@media all and (max-width: 600px){
	
.tabStyle[data-length='2'] > li,
.tabStyle[data-length='3'] > li,
.tabStyle[data-length='4'] > li,
.tabStyle > li{
	width:49% !important;
	margin-right:2%;
}

.tabStyle[data-length='3'] > li:nth-child(3n),
.tabStyle[data-length='4'] > li:nth-child(3n),
.tabStyle[data-length='4'] > li:nth-child(4n){
	margin-right:2%;
}
.tabStyle[data-length='2'] > li:nth-child(2n),
.tabStyle[data-length='3'] > li:nth-child(2n),
.tabStyle[data-length='4'] > li:nth-child(2n),
.tabStyle > li:nth-child(2n){
	margin-right:0;
}
}

/* 위원회 활동 게시판 START */
.ctgryTypeBtn {padding: 4px 4px 4px 120px; display:table; table-layout: fixed; width:100%;}
.ctgryTypeBtn li {display:table-cell;}
.ctgryTypeBtn li a {display:block; width:100%; height:72px; border:1px solid #cecece; background:#f6f6f7; position: relative; padding:10px 0;}
.ctgryTypeBtn li:nth-child(n+2) a {border-left:0;}
.ctgryTypeBtn li a .ctgryImg {position: absolute; left:0; top:0; bottom:0; right:0; background-repeat: no-repeat; background-position: center 30%; }
.ctgryTypeBtn li a span {font-size:1.4rem; position:absolute; width:100%; bottom:0; left:0; text-align: center;}
.ctgryTypeBtn li:first-child a span {bottom: 50%; transform: translateY(50%);}
.ctgryTypeBtn li a:hover {background:#04497e; border:0;}
.ctgryTypeBtn li a:hover .ctgryImg {border:0; background-repeat: no-repeat; background-position: center 30%;}
.ctgryTypeBtn li a:hover span {color:#fff; font-weight: 600;}
.ctgryTypeBtn li a.active {background:#04497e; border:0;}
.ctgryTypeBtn li a.active .ctgryImg {background-repeat: no-repeat; background-position: center 30%;}
.ctgryTypeBtn li a.active span {color:#fff; font-weight: 600;}
.ctgryTypeBtn li:nth-child(2) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn2.png);}
.ctgryTypeBtn li:nth-child(3) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn3.png);}
.ctgryTypeBtn li:nth-child(4) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn4.png);}
.ctgryTypeBtn li:nth-child(5) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn5.png);}
.ctgryTypeBtn li:nth-child(6) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn6.png);}
.ctgryTypeBtn li:nth-child(7) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn7.png);}
.ctgryTypeBtn li:nth-child(8) a .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn8.png);}
.ctgryTypeBtn li:nth-child(2) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn2_over.png);}
.ctgryTypeBtn li:nth-child(3) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn3_over.png);}
.ctgryTypeBtn li:nth-child(4) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn4_over.png);}
.ctgryTypeBtn li:nth-child(5) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn5_over.png);}
.ctgryTypeBtn li:nth-child(6) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn6_over.png);}
.ctgryTypeBtn li:nth-child(7) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn7_over.png);}
.ctgryTypeBtn li:nth-child(8) a:hover .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn8_over.png);}
.ctgryTypeBtn li:nth-child(2) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn2_over.png);}
.ctgryTypeBtn li:nth-child(3) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn3_over.png);}
.ctgryTypeBtn li:nth-child(4) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn4_over.png);}
.ctgryTypeBtn li:nth-child(5) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn5_over.png);}
.ctgryTypeBtn li:nth-child(6) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn6_over.png);}
.ctgryTypeBtn li:nth-child(7) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn7_over.png);}
.ctgryTypeBtn li:nth-child(8) a.active .ctgryImg  {background-image: url(/humanframe/theme/yesan/assets/img/content/committeeaction/ctgryTypeBtn8_over.png);}
/* 위원회 활동 게시판 END */

/* 위원회 신청 form */
.themeWriteForm {border-top:3px solid #333;}
.themeWriteForm textarea {width: 100%; height: 150px;}
.themeWriteForm textarea::-webkit-placeholder {color:#999;}
.themeWriteForm textarea:-ms-placeholder {color:#999}
.themeWriteForm textarea::placeholder {color:#999;}
.themeWriteForm input[type='text'] {width: 100%;}
.themeWriteForm select {width: 100%;}
.themeWriteForm .formGroup {border-bottom: 1px solid #ddd;}
.themeWriteForm .formGroup:after {content:""; clear:both; display:block;}
.themeWriteForm .formGroup dl {padding: 5px; float:left; position: relative;}
.themeWriteForm .formGroup dl dt {position: absolute; top: 0; width: 100px; padding: 12px 5px 5px; font-weight: 600; white-space: nowrap;}
.themeWriteForm .formGroup dl dt:after {content:""; display:block; width:1px; height:20px; background:#c9c9c9; position: absolute; top:12px; right:0;}
.themeWriteForm .formGroup dl dd {padding-left: 110px; width: 100%;}
.themeWriteForm .formGroup dl dd.pd0 {padding-left: 0;}
.themeWriteForm .formGroup dl dd.pd0 > dl {padding-left: 0; padding-right: 0;}
.themeWriteForm .formGroup dl dd.pd0 > dl:nth-child(2) {padding-left: 20px;}
.themeWriteForm .formGroup dl dd p {clear:both;}
.themeWriteForm .formGroup > dl {width: 100%;}
.themeWriteForm .formGroup .dl2 {width: 50%;}
.themeWriteForm .formGroup .dl3 {width: 33.333333%;}
.themeWriteForm .formGroup > dl > dd > dl {width: 100%; padding-top: 0;}
.themeWriteForm .formGroup > dl > dd > dl > dt:after {top:7px;}
.themeWriteForm .formGroup.address dl dd {position: relative;}
.themeWriteForm .formGroup.address dl dd a {position: absolute; top:0; left:0;}
.themeWriteForm .formGroup.address dl dd input {padding-left: 90px;}
.themeWriteForm .formGroup dl dd.securityNumber input[type='text'] {width: calc(50% - 10px);}


/* ripple */
.ripple_title {padding: 10px 0; font-size: 1.2em;}
.boardripple .form-group:first-child {border-bottom:2px solid #222;}
.boardripple .form-data-info .btn_Edit_wrap {text-align: right;}
.boardripple .form-data-info .btn_Edit_wrap a {display:inline-block; padding: 0 10px; line-height:30px; height:30px; color:#fff;}
.boardripple .form-data-info .btn_Edit_wrap .btnEdit {background:#3b5997;}
.boardripple .form-data-info .btn_Edit_wrap .btnDelete {background:#474e61;}
.boardripple .form-data-content .ripple {padding-bottom: 20px;}
.form_wri:after {content:""; clear:both; display:block;}
.form_wri .form_wri_info {padding: 10px 0;}
.form_wri .form_wri_info:after {content:""; clear:both; display:block;}
.form_wri .form_wri_info > div {display:table; float:left;}
.form_wri .form_wri_info > div > p {display: table-cell;}
.form_wri .form_wri_info > div > p span {padding: 0 10px;}
.form_wri .replarea {width: calc(100% - 100px); height: 100px; float:left;}
.form_wri .replarea textarea {width: 100%; height: 100%;}
.form_wri .replbtn {float:left; width: 100px; height: 100px;}
.form_wri .replbtn > a, .form_wri .replbtn > button {width: 100%; height: 100%; text-align: center;}
.form_wri .replbtn span {vertical-align: middle;}

/* 글쓰기 FORM THEME CSS */
.tableWriteForm:before {border-top: 2px solid #04497e;}
.tableWriteForm tbody th {background-color: #f5fcff;}

.nbTxtTbRequired {margin-left: 10px;}

.ripple_title {padding:10px; margin-top:20px; font-size:16px;}
.boardripple .form-group {position:relative;}
.boardripple .form-group .btn_Edit_wrap {position:absolute; right:0px; top:-48px; padding:0 !important;}
.boardripple .form-group .btn_Edit_wrap > a {display:inline-block; padding:5px 10px; font-size: 0.9em;}
.boardripple .form-group .btn_Edit_wrap .btnEdit {background: #04497e; color: #fff;}
.boardripple .form-group .btn_Edit_wrap .btnDelete {background: #666; color: #fff;}
.boardripple .form-group .ripple {border-bottom:1px solid #333; font-size: 1.6rem;}
#frmReply .form_wri:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info > div:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info p {float:left;}
#frmReply .form_wri_info p span {line-height:2.857em;}
#frmReply .form_wri_info .btnDelete {float:right; display: none; width:100px; text-align: center; padding: 5px 10px; background: #1c5da9; color:#fff; margin-top: 10px; font-size: 14px;}
#frmReply .replarea {width:calc(100% - 100px); height:100px; float:left;}
#frmReply #replycn {width:100%; height:100%;}
#frmReply #replycn::-webkit-input-placeholder {color:#666;}
#frmReply #replycn:-ms-input-placeholder {color:#666;}
#frmReply #replycn::placeholder {color:#666;}
#frmReply .replbtn {width:100px; height:100px; float:right;}
#frmReply .replbtn > .btnRipple {width:100%; height:100%; text-align: center; display:flex; align-items:center; justify-content:center;}
#frmReply .replbtn > .btnRipple > span {color:#fff;}

/* suggestlist */
.suggestlist {padding-left: 5px; margin-bottom: 20px; display:flex; width:100%; align-items:stretch;}
.suggestlist li {width:14.2857%; text-align: center; padding: 5px;}
.suggestlist li a {display:flex; height:100%; flex-direction:column; justify-content: space-between; border-radius: 5px; position: relative; font-size: 1em; padding:5px;}
.suggestlist li:nth-child(1) a {border:3px solid #148444; color:#148444;}
.suggestlist li:nth-child(2) a {border:3px solid #1273a1; color:#1273a1;}
.suggestlist li:nth-child(3) a {border:3px solid #4e41ae; color:#4e41ae;}
.suggestlist li:nth-child(4) a {border:3px solid #9041ae; color:#9041ae;}
.suggestlist li:nth-child(5) a {border:3px solid #c43a71; color:#c43a71;}
.suggestlist li:nth-child(6) a {border:3px solid #b25e20; color:#b25e20;}
.suggestlist li:nth-child(7) a {border:3px solid #917a0f; color:#917a0f;}
.suggestlist li a .num {display:inline-block; color:#fff; border-radius: 50%; width: 25px; height: 25px; font-size: 1em; font-weight: 600; position: absolute; left:-10px; top: -10px; transition: all 0.1s;}
.suggestlist li a .num span {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.suggestlist li:nth-child(1) a .num {background: #148444;}
.suggestlist li:nth-child(2) a .num {background: #1273a1;}
.suggestlist li:nth-child(3) a .num {background: #4e41ae;}
.suggestlist li:nth-child(4) a .num {background: #9041ae;}
.suggestlist li:nth-child(5) a .num {background: #c43a71;}
.suggestlist li:nth-child(6) a .num {background: #b25e20;}
.suggestlist li:nth-child(7) a .num {background: #917a0f;}
.suggestlist li:nth-child(1) a .month {color:#148444;}
.suggestlist li:nth-child(2) a .month {color:#1273a1;}
.suggestlist li:nth-child(3) a .month {color:#4e41ae;}
.suggestlist li:nth-child(4) a .month {color:#9041ae;}
.suggestlist li:nth-child(5) a .month {color:#c43a71;}
.suggestlist li:nth-child(6) a .month {color:#b25e20;}
.suggestlist li:nth-child(7) a .month {color:#917a0f;}
.suggestlist li a .title {font-size: 1em; white-space:nowrap; font-weight: 600; text-align: center;}
.suggestlist li a .mouth {font-size: 1em; white-space:nowrap; font-weight: 600; margin-bottom:0.5em;}
.suggestlist li a .stat {font-size: 1.4em; font-weight: 600; line-height:1;}
.suggestlist li a:hover, .suggestlist li a:focus, .suggestlist li a.active {color:#fff;}
.suggestlist li:nth-child(1) a:hover, .suggestlist li:nth-child(1) a:focus, .suggestlist li:nth-child(1) a.active {background:#148444;}
.suggestlist li:nth-child(2) a:hover, .suggestlist li:nth-child(2) a:focus, .suggestlist li:nth-child(2) a.active {background:#1273a1;}
.suggestlist li:nth-child(3) a:hover, .suggestlist li:nth-child(3) a:focus, .suggestlist li:nth-child(3) a.active {background:#4e41ae;}
.suggestlist li:nth-child(4) a:hover, .suggestlist li:nth-child(4) a:focus, .suggestlist li:nth-child(4) a.active {background:#9041ae;}
.suggestlist li:nth-child(5) a:hover, .suggestlist li:nth-child(5) a:focus, .suggestlist li:nth-child(5) a.active {background:#c43a71;}
.suggestlist li:nth-child(6) a:hover, .suggestlist li:nth-child(6) a:focus, .suggestlist li:nth-child(6) a.active {background:#b25e20;}
.suggestlist li:nth-child(7) a:hover, .suggestlist li:nth-child(7) a:focus, .suggestlist li:nth-child(7) a.active {background:#917a0f;}
.suggestlist li a:hover .num, .suggestlist li a:focus .num, .suggestlist li a.active .num {background:#fff;}
.suggestlist li:nth-child(1) a:hover .num, .suggestlist li:nth-child(1) a:focus .num, .suggestlist li:nth-child(1) a.active .num {color:#148444; border:2px solid #569960;}
.suggestlist li:nth-child(2) a:hover .num, .suggestlist li:nth-child(2) a:focus .num, .suggestlist li:nth-child(2) a.active .num {color:#1273a1; border:2px solid #1273a1;}
.suggestlist li:nth-child(3) a:hover .num, .suggestlist li:nth-child(3) a:focus .num, .suggestlist li:nth-child(3) a.active .num {color:#4e41ae; border:2px solid #4e41ae;}
.suggestlist li:nth-child(4) a:hover .num, .suggestlist li:nth-child(4) a:focus .num, .suggestlist li:nth-child(4) a.active .num {color:#9041ae; border:2px solid #9041ae;}
.suggestlist li:nth-child(5) a:hover .num, .suggestlist li:nth-child(5) a:focus .num, .suggestlist li:nth-child(5) a.active .num {color:#c43a71; border:2px solid #c43a71;}
.suggestlist li:nth-child(6) a:hover .num, .suggestlist li:nth-child(6) a:focus .num, .suggestlist li:nth-child(6) a.active .num {color:#b25e20; border:2px solid #b25e20;}
.suggestlist li:nth-child(7) a:hover .num, .suggestlist li:nth-child(7) a:focus .num, .suggestlist li:nth-child(7) a.active .num {color:#917a0f; border:2px solid #917a0f;}

.suggestbox {position: relative;}
.suggestbox .button {position: absolute; top: 30px; right: 30px;}
.suggestbox .listStyle {padding-right: 120px;}

.boardTooltip tr:hover {background:#f9f9f9;}
.boardTooltip .tooltip {position:fixed; background:#fffcdd; border:1px solid #dcd8ab; padding: 1em; font-size:0.9em; line-height:1.4; max-width:600px; overflow:hidden; display:none;}
.boardTooltip tr:hover .tooltip {display:block;}




/* Gallery */
.boardGallery, .boardGallery * { box-sizing:border-box;}
.boardGallery {  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c; }
.boardGallery > div { float:left; width:23%; margin:1%; padding:10px 10px 15px; border:1px solid #b7b8be; }
.boardGallery > div:first-child { _margin-left:0;}
.boardGallery .gImg { position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:68%; }
.boardGallery .gImg img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.boardGallery .gCont { overflow:hidden;}
.boardGallery .gCont .bTitle { margin:8px 0; font-size:14px; font-weight:600; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.boardGallery .gCont .bDate { float:right; font-size:12px;}
.boardTextGallery { margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery > ul > li { border-top:1px dashed #bdbdbd; }
.boardTextGallery > ul > li:after { content:""; display:block; clear:both;}
.boardTextGallery > ul > li:first-child { border-top:none;}
.boardTextGallery > ul > li:hover { background:#f9f9f9;}
.boardTextGallery a { text-decoration:none;}
.boardTextGallery > ul > li > a {display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; widht:100%; padding:20px; }
.boardTextGallery > ul > li > .inkBtn { overflow:hidden; display:inline-block; padding:20px; float:right; }
.boardTextGallery .tgImg { overflow:hidden; float:left; width:300px; height:225px; margin-right:20px; }
.boardTextGallery .tgImg img { width:100%;}
.boardTextGallery .tgCont { box-sizing:border-box; }
.boardTextGallery .bTitle {margin-bottom:5px;font-size:3rem;height: 1;font-weight:600;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.boardTextGallery .tgCont .sTitle { font-weight:600;  color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont span { display:inline-block; padding-left:10px; margin-right:10px; font-size:12px; background:url(/resource/img/common/board/d_line.gif) no-repeat 0 4px; }
.boardTextGallery .tgCont span.bName { padding:0; font-weight:600; background:none}
.boardTextGallery .tgCont .tgTxt { margin:10px 0 5px; }
.boardTextGallery .tgCont .tgTxt .writer {margin-bottom: 10px; font-size: 16px;}
.boardTextGallery .jump { margin:0 10px 10px 0; }
.boardTextGallery .tgCont a:hover { text-decoration:underline; }
.boardTextGallery.seWrap li {overflow:hidden;}
.boardTextGallery.seWrap .tgCont .tgTxt .writer {margin-bottom: 10px; font-size: 1.1em; line-height: 1.6}

.boardTextGallery2 { margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c; }
.boardTextGallery2 > div { padding:20px; border-top:1px dashed #bdbdbd; }
.boardTextGallery2 > div:first-child { border-top:none; }
.boardTextGallery2 p { overflow:hidden; margin-bottom:10px; font-size:16px; line-height:28px; font-weight:600; color:#000; }
.boardTextGallery2 p a { float:right; margin-left:10px; }
.boardTextGallery2 .gListBlock { overflow:hidden;}
.boardTextGallery2 .gListBlock:after { content:""; display:block; clear:both;}
.boardTextGallery2 .gListBlock:first-child { border-top:none;}
.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:left; max-width:160px; }
.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
.boardTextGallery2 .gListBlock .tgCont { margin-left:180px; box-sizing:border-box }
.boardTextGallery2 .gListBlock .tgCont li { overflow:hidden; padding-bottom:5px; _line-height:23px;}
.boardTextGallery2 .gListBlock .tgCont li a { display:block; float:left; width:65%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.boardTextGallery2 .gListBlock .tgCont li a:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery2 .gListBlock .tgCont li span { float:right; font-size:12px; color:#777}
.boardTextGallery2 .gListBlock .tgCont li span i { padding-right:12px; margin-right:10px; background:url(/resource/img/common/board/d_line.gif) no-repeat right 3px; }

.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c; }
.boardTextGallery3 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow:hidden; }
.boardTextGallery3 li:first-child { border-top:none; }
.boardTextGallery3 li:hover { background:#f9f9f9; }
.boardTextGallery3 .egImg { float:left; width:160px; }
.boardTextGallery3 .egImg img { max-width:100%; border:1px solid #ddd; }
.boardTextGallery3 .egCont { margin-left:180px; }
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:600; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.boardTextGallery3 .egCont dl { overflow:hidden;}
.boardTextGallery3 .egCont dt { float:left; padding:3px 15px 3px 0; width:20%; font-weight:600; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:600; color:#000; box-sizing:border-box; }
.boardTextGallery3 .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box; }
.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777; }
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}

.boardTextGallery4 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c; }
.boardTextGallery4 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow:hidden; }
.boardTextGallery4 li:first-child { border-top:none; }
.boardTextGallery4 li:hover { /**background:#f9f9f9;**/ }
.boardTextGallery4 .egImg { float:left; width:160px; margin-top:5px; }
.boardTextGallery4 .egImg img { max-width:100%; border:1px solid #ddd; }
.boardTextGallery4 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:600; color:#FFBB00; }
.boardTextGallery4 .egCont dl { overflow:hidden; }
.boardTextGallery4 .egCont dt { float:left; padding:3px 15px 3px 0; width:20%; font-weight:600; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:600; color:#000; box-sizing:border-box; }
.boardTextGallery4 .egCont dd { padding:3px 0 3px 40px; box-sizing:border-box; }
.boardTextGallery4 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777; }
.boardTextGallery4 .egCont dd:after { content:""; display:block; clear:both;}

.busan_icowrap{width:100%; float:left; padding:0 0 2px 0;}
.busan_icowrap2{width:100%; float:left; padding:0 0 2px 0;}



/* 미디어뉴스 */
.media-news-list > ul {display:flex; flex-flow:row wrap;}
.media-news-list > ul > li {width:33.3333%; padding: 0 1em 1em;}
.media-news-list > ul > li > a {display:block;}
.media-news-list .thumb {width:100%; overflow:hidden; position:relative; background:#000;}
.media-news-list .thumb::before{
	display:block;
	content:'';
	padding-bottom:56.333333%;
}
.media-news-list .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.media-news-list .txt {padding: 0.5em 0;}
.media-news-list .tit {font-weight:600; font-size:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


@media all and (max-width: 768px){
	.media-news-list > ul > li{
	width:50%;
	}
}

/*행사사진 custom style */
.thumbListType1Wrap{
	overflow: visible;
}
.thumbListType1{
	margin:0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:30px;
}
.thumbListType1 > li {
	margin-top: 20px; width: 100%; margin: 0; float: none; aspect-ratio: 369 / 289;
}
.thumbListType1 > li > a.item{
	margin:0; width:100%; height:100%; border-radius: 10px; overflow: hidden; transition: all 0.25s; 
}
.thumbListType1 > li > a.item:hover{
	transform: translateY(-4px) scale(1.012); transition: all 0.25s; 
}
.thumbListType1 > li .thumb {
	 position: relative; overflow: hidden; width:100%; height:100%; background:transparent;
}
.thumbListType1 > li .thumb > img {
	transform-origin: 0 0; display:block; width:100%; height:100%; object-fit: fill;
}
.thumbListType1 > li .thumb::after{
	display:block; content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 13, 20, 0.06) 20%, rgba(8, 13, 20, 0.58) 72%, rgba(8, 13, 20, 0.82) 100%);

}
.thumbListType1 > li .thumb > img.sero {height:100%; width: auto;}
.thumbListType1 > li .thumb > img.garo {width:100%; height:auto;}
.thumbListType1 > li .titBar {
	position: absolute; bottom:0; left:0; background:transparent; display:flex; flex-direction: column; justify-content: flex-start; align-items:flex-start; gap:12px;
}
.thumbListType1 > li .titBar:after{
	display:none;
}
.thumbListType1 > li .titBar .titTag{
	display:none;
}
.thumbListType1 > li .titBar .tit {
	color:#fff; font-size:2.5rem; line-height:1.2; height:auto; font-weight:600; margin:0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.thumbListType1 > li .titBar .date,
.thumbListType1 > li .titBar .txtR {
	color:#fff;
}



.cellInDvSearchCell a{width:19.8%; margin:0 0 0 2px; position:relative; top:-4px; float:left;}
.cellInDvSearchCell a.active{background-color:#dfdfdf;} 
.cellInDvSearchCell .busanphone_listico{ padding:5px 0 5px 0; margin:0 0 0 0px;  }
.cellInDvSearchCell .busanphone_listico img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico span{width:100%; display:block; color:#003f98; font-weight:600; text-align:center;  position:relative;  top:11px;}
.cellInDvSearchCell .busanphone_listico01{  border-top:solid 2px #003f98; padding:5px 0 30px 0; margin:0 0 0 0px;  }
.cellInDvSearchCell .busanphone_listico01 img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico01 span{width:100%; display:block; color:#003f98; font-weight:600; text-align:center;  position:relative;  top:11px;}
.cellInDvSearchCell .busanphone_listico02{  border-top:solid 2px #b07209; padding:5px 0 30px 0;  }
.cellInDvSearchCell .busanphone_listico02 img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico02 span{width:100%; display:block; color:#c18c0e; font-weight:600; text-align:center;  position:relative;  top:7px; }
.cellInDvSearchCell .busanphone_listico03{  border-top:solid 2px #3e7111; padding:5px 0 30px 0;  }
.cellInDvSearchCell .busanphone_listico03 img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico03 span{width:100%; display:block; color:#669c20; font-weight:600; text-align:center;  position:relative;  top:11px; }
.cellInDvSearchCell .busanphone_listico04{  border-top:solid 2px #de5410; padding:5px 0 30px 0;  }
.cellInDvSearchCell .busanphone_listico04 img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico04 span{width:100%; display:block; color:#ef6409; font-weight:600; text-align:center;  position:relative; top:7px; }
.cellInDvSearchCell .busanphone_listico05{ border-top:solid 2px #d71432; padding:5px 0 30px 0;}
.cellInDvSearchCell .busanphone_listico05 img{display:block; margin-left:auto; margin-right:auto;}
.cellInDvSearchCell .busanphone_listico05 span{width:100%; display:block; color:#d71432; font-weight:600; text-align:center; position:relative;  top:4px;}	

.selectForm_st{width:50%;min-width:264px;}
.phone_option_pd{padding:0 0 0 15px;}

.exhCont p { font-weight:600; }
.exhContWrap .exhCont.view { width:100%; }
.exhContWrap .exhCont.view dd { padding-bottom:9px; line-height:20px; }


@media all and (min-width: 769px){
	.boardView .form-data-info dt {width: 120px;}
	.boardView .form-data-info dt, .boardView .form-group .form-data-info dd {vertical-align: top; padding-top: 20px; padding-bottom: 20px;}
}
@media all and (max-width: 768px) {
	
	.ctgryTypeBtn {padding:4px;}
	.ctgryTypeBtn li a span {font-size: 1.2rem;}
	
	/* 위원회 신청 form */
	.themeWriteForm .formGroup .dl2 {width: 100%;}
	.themeWriteForm .formGroup .dl3 {width: 100%;}
	.themeWriteForm .formGroup dl dd.pd0 > dl:nth-child(2) {padding-left: 0;}
	.agreeTxt {display: block; text-align: center;}
	.agreeBox {display: block; text-align: center;}
	
	.form_wri .form_wri_info > div {width: 100%; margin-bottom: 5px;}
	.form_wri .form_wri_info > div > p:first-child {width: 80px;}
	.form_wri .form_wri_info > div > p input {width: 100%;}
	
	.boardSearchForm .rowTable .cellHeader {display:none;}
	.boardView .form-data-content dd img {max-width:100%;}
	.boardView .form-data-info dd {min-height: 42px;}
	
	.suggestlist {flex-flow:row wrap;}
	.suggestlist li {width: 33.33333%;}
}

@media all and (max-width: 480px) {
	.thumbListType1 > li .titBar .tit{
		font-size: 2.1rem;
	}
}
/* THEME END */


/* 자료관리담당자 수정*/
#pageSatisfy .manager{
	height:auto;
}
@media all and (max-width: 1200px) {
	#pageSatisfy .manager{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:stretch;
	}
	#pageSatisfy .manager h3{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		white-space:nowrap;
	}
	#pageSatisfy .manager dl {
    	padding: 15px 0 15px;
    	width:calc(100% - 117px);
	}
	#pageSatisfy .manager dl dt,
	#pageSatisfy .manager dl dd{
		padding-left:15px;
	}
	#pageSatisfy .manager dd + dt{
		padding:5px 0 0 15px;
		margin:5px 0 0 0;
	}
}

/*모바일 480일때 페이지네이션 한줄에 보이게 처리*/
@media all and (max-width: 480px) {
	.paginate .number{
	width:auto;}
}


/* 768 게시판 스타일 추가*/

@media all and (max-width: 600px) {
	.boardTextGallery ul li {height:auto;}
	.boardTextGallery ul li .item {flex-direction:column;}
	.boardTextGallery ul li .item .tgImg {width:100%;
	height:250px;
	display:block;}
	.boardTextGallery ul li .item .tgImg img {
		width:100%; height:100%; object-fit: fill;
	}
	.boardTextGallery ul li .item .tgCont {width:100%; padding-left:0; margin-top:20px;}
	.boardTextGallery ul li .item .tgCont .date {left:0;}
}

/* HAHACAMPUS CONTENT STYLE */

#contents .content{
	padding: 0 0 120px 0;
	font-size: 2.4rem;
	overflow: visible;
}
.h4Bl{
	color:#583a25; font-size:4rem; margin:0 0 42px 0; line-height:1em;
}
.imgBx{
	display:block; width:100%;
}
.imgBx > img{
	display:block; width:100%; margin:0 auto;
}
.checkTxt{
	display: block; width: 100%; padding: 28px 24px 28px;  background: #fbf2f5; border-radius: 15px;
}
.checkTxt > p{
	padding-left: 46px; position: relative; font-weight:600; word-break: keep-all;
}
.checkTxt > p::before{
	display: block; content:''; width:30px; height:30px; position:absolute; top:5px; left:0; background-image: url(/humanframe/theme/hahacampus/assets/img/content/iconCheck.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;
}

.badgeList{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width:100%; gap:20px; flex-wrap: wrap;
}
.badgeList > li{
	display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; border:1px solid #dbdbdb; width:calc((100% - 20px) / 2); padding:20px 24px 16px; border-radius: 15px;
}
.badgeList > li > .topBx{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%; flex:1 1 0;
}
.listBadge{
	color:#fff; line-height:1em; background:#39355e; border-radius: 40px; padding:8px 16px; font-weight:600; display:inline-block; margin-bottom:16px; width:auto; min-height: inherit; font-size:2.2rem;
}
.badgeList > li > .topBx > .title{
	color:#df3c6e;  font-size:3.2rem; line-height:1.25em;font-weight: 600;
}
.badgeList > li > .info{
	margin-top:20px; display: block; border-top:1px solid #dbdbdb; padding-top: 20px; color:#444; word-break: keep-all; width:100%;
}

.procList{
	display:flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}
.procList > li{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc((100% - 32px) / 3);
    position: relative;
    z-index: 2;
    border: 1px solid #dbdbdb;
    padding: 24px;
    border-radius: 15px;
}
.expList{display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
	flex-wrap: wrap;
}
.expList > li{
	line-height: 1em; padding: 9px 14px 11px; border-radius: 40px; background: #fde8e8; font-weight: 700; color: #b91c1c;
}
	
.procList > li:nth-child(2) > .expList > li{
	background: #e0eaff; color: #1e4fce;
}
.procList > li:nth-child(3) > .expList > li{
	background: #fff3e0; color: #c26a00;
}
.procList > li > .contBx{
	flex: 1 1 0; padding: 24px 0 0;
}
.procList.hahahealth > li > .contBx{
	padding:0;
}
.procList > li > .contBx > .tit{
	font-size: 3rem; line-height: 1em; display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 14px; font-weight: 600; color: #101a29; margin-bottom: 20px;
}
.procList.hahahealth > li > .contBx > .tit{
	font-size: 2.28rem;
}
.procList > li > .contBx > .info{
	 word-break: keep-all; margin-bottom: 20px;
}
.procList > li > .contBx > .bxList{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; gap: 20px; flex-wrap: wrap; width: 100%;
}
.procList > li > .contBx > .bxList > li{
	display: block; width:100%;
}
.bxLinkBtn{
	display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding: 18px 48px 18px 24px; line-height: 1.2em;  font-size: 2.128rem; color: #444; font-weight: 600; border: 1px solid #858182; border-radius: 5px; transition: 0.2s; position:relative; word-break: keep-all;
}
.bxLinkBtn::after{
	display: block; content:''; width:16px; height:8px; background-image:url(/humanframe/theme/hahacampus/assets/img/content/iconArrow.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; position: absolute; right:24px; top:50%; margin-top:-4px; transition: 0.2s;
}
.bxLinkBtn:hover{
	color: #fff; background:#4e4e4e; border: 1px solid #303030; transition: 0.2s;
}
.bxLinkBtn:hover::after{
	background-image:url(/humanframe/theme/hahacampus/assets/img/content/iconArrowWh.png); transition: 0.2s;
}

.imgInfoList{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:20px;
    width: 100%;
}
.imgInfoList > li{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border:1px solid #dbdbdb; border-radius: 15px; overflow: hidden;
    width: 100%;
}
.imgInfoList > li > .imgBx{
	overflow: hidden;
	width:100%;
}
.imgInfoList > li > .infoBx{    
	display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap:10px; padding:20px 10px;
}
.imgInfoList > li > .infoBx > .subTit{
    font-weight: 500; line-height: 1.4em; font-size: 2.1rem; margin-top: 8px;
}
.imgInfoList > li > .infoBx > .tit{
	display: inline-flex; align-items: center; justify-content: center;border-radius: 999px; letter-spacing: -0.01em; height: 38px; font-size: 1.9rem; padding:0 11px; flex-shrink: 0; background: #fde8f2; color:#9d185c; font-weight: 700;
}
.txtBx{
	display: block;
    background: #f6f5f5;
    padding: 36px 28px;
	border-radius: 10px;
}
.imgInfoList > li > .infoBx > .txtBx > p{
    word-break: keep-all;
	font-weight: 500;
}
.hhcCont{
	display:block; width:100%; margin:0 auto;
}
.hhcCont > .hhcTit{
	font-family: 'Jalan'; text-align: center; font-size: 4.5rem; color: #df3c6e; line-height: 1em; margin-bottom: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;
}
.hhcCont > .txtBx > p{
	text-align: center;	white-space: pre-line; font-size: 2.375rem; line-height: 1.75em;
}
.visionBx{
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; padding-top: 40px; position: relative;
}
/* .visionBx::after,
.visionBx::before{
	display: block; content:''; width:27px; height:37px; background-image: url(/humanframe/theme/hahacampus/assets/img/content/about04Item01.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; position:absolute;
	top:40px; left:25%; margin-left:-13.5px;
}
.visionBx::after{
	left:inherit; right:25%;  margin-right:-13.5px;
} */
.visionCont{
	width: calc(50% - 20px); position: relative; border:1px solid #dbdbdb; border-radius: 15px; padding:40px 24px; gap:40px; display:flex; flex-direction: column; justify-content: flex-start; align-items:flex-start;
}

.visionCont > .titBx{
	display:block; width:100%; text-align: center; text-align: left;
}
.visionCont > .titBx > .subTit{
	font-size: 2rem; font-family: 'Jalan'; color: #ed0080;  line-height: 1em;  margin-bottom: 20px; letter-spacing: 0.1em;
}
.visionCont > .titBx > .tit{
	font-size: clamp(2.755rem, 3.2vw, 3.8rem); line-height: 1em; font-family: 'Jalan'; color: #41354f;
}
.listStyleDash{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%; gap:10px;
}
.listStyleDash > li{
	padding-left: 20px; position: relative;  letter-spacing: -0.07em;
}
.listStyleDash > li::before{
	display: block;  content:''; width:10px; height:3px; background: #858182; position: absolute;
    top: 0.8em; left: 0; margin-top: -1.5px;
}
.txtImgBx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    background: #f6f5f5;
    border: 1px solid #dbdbdb;
	border-radius: 15px;
	overflow: hidden;
}
.txtImgBx > .imgBx{
    border-bottom: 1px solid #dbdbdb;
    border-radius: 15px;
	overflow: hidden;
}
.txtImgBx > .txtBx{
    display: block;
    width: 100%;
	text-align: center;
	padding:18px 28px 24px;
}

.yearList{padding-left: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 20px;
}
.yearList::before{
	display: block; content:''; width:1px; height:100%; background:#df3c6e; position:absolute; left:42px; top:22px;z-index: 1;
}
.yearList > li{display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
	width: 100%; z-index: 2;
}
.yearList > li > .year{    font-size: 4.5rem;
    color: #df3c6e;
    font-weight: 600;
    line-height: 1em;
    padding-left: 70px;
    position: relative;}
.yearList > li > .year::after{
    display: block;
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background: rgba(223, 60, 110, 0.21);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.yearList > li > .year::before{
	display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: #df3c6e;
    border-radius: 10px;
    position: absolute;
    left: 11px;
    top: 11px;
    z-index: 1;
}
.yearList > li > .info{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; flex: 1 1 0; gap: 20px 0;
}
.yearList > li > .info > dl{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 20px; width: 100%; border:1px solid #e3d8dd; padding:20px 24px; border-radius: 20px; box-shadow: 0 8px 18px rgba(112, 96, 88, 0.08); min-height:96px;
}
.yearList > li > .info > dl.live{
	background: #fff7f9; border: 2px solid #ed0080; animation: live-pulse 2s ease-in-out infinite;
}
.yearList > li > .info > dl > dt{
	font-weight: 600; line-height: 1em;
}
.yearList > li > .info > dl > dd{    
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; flex: 1 1 0; line-height: 1.4em; font-weight: 500; gap: 16px;
}
.yearList > li > .info > dl > dd > .badgeTxt{
	font-size: 1.4rem;
    font-weight: 600;
    border: 1px solid #ccc;
    line-height: 1em;
    padding: 8px 22px;
    background: transparent;
	border-radius: 30px;
	white-space: nowrap;
}
.yearList > li > .info > dl > dd > .badgeTxt.end{
    border-color: #244d80; color: #244d80; font-size: 2.1rem;
}
.yearList > li > .info > dl > dd > .badgeTxt.ing{
	border-color: #6c1fa7; color: #6c1fa7; font-size: 2.1rem;
}
.yearList > li > .info > dl > dd > .badgeTxt.plan{
	border-color: #4e4e4e; color: #4e4e4e; font-size: 2.1rem;
}
.mapTxtBx{
	border-radius:15px;overflow: hidden; background:#f6f5f5; border:1px solid #dbdbdb; margin: 0 auto 50px;
}
.mapTxtBx > .mapArea{
	display: block; width:100%; aspect-ratio:1196 / 521; background:#222; border-radius: 15px; overflow: hidden;
}
.mapTxtBx > .txtBx{
	padding:22px 28px 18px; font-size: 3.15rem;
}
.mapTxtBx > .txtBx > p > strong{
	display:block; width:100%;
}
.transfList{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%;
}
.transfList > li{
	padding: 49px 155px 49px 10px; position:relative; border-bottom:1px solid #dbdbdb; width:100%;
}
.transfList > li::after{
	display: block; content:''; width:108px; height:108px; border-radius: 100px; background-color:#f6f5f5; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: absolute; top:50%; right: 47px; margin-top:-54px;
}
.transfList > li.metro::after{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/about06Item01.png);
}
.transfList > li.bus::after{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/about06Item02.png);
}
.transfList > li.car::after{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/about06Item03.png);
}
.transfList > li > .tit{
	color:#df3c6e; font-size: 3.5rem; line-height: 1em; font-weight: 600; margin-bottom:22px;
}
.transfList > li > .info{
	font-weight: 500; word-break: keep-all; font-size: 2.185rem;
}
/* pacilities */
.campus-map-panel {
	display: grid;
	gap: 1rem;
  }

  .campus-map-copy {
	max-width: 64rem;
	margin: 0 auto;
	text-align: center;
  }

  .campus-map-frame {
	display: grid;
	gap: 0.8rem;
	justify-items: center;
  }

  .campus-map-stage {
	position: relative;
	width: min(100%, 1280px);
	scroll-margin-top: 8rem;
	border: 1px solid #dcd5d8;
	border-radius: 1rem;
	overflow: hidden;
	background:
	  radial-gradient(circle at top, rgba(255, 255, 255, 0.68), transparent 48%),
	  linear-gradient(180deg, #f8f4f5 0%, #f0ebed 100%);
	box-shadow: 0 18px 34px rgba(67, 35, 49, 0.09);
	line-height: 0;
	isolation: isolate;
  }

  .campus-map-base {
	display: block;
	width: 100%;
	height: auto;
	transition: filter 0.28s ease, transform 0.28s ease;
	user-select: none;
  }

  .campus-map-stage.active .campus-map-base {
	filter: brightness(0.45) saturate(0.92);
	transform: scale(1.002);
  }

  .campus-map-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: visible;
  }

  .campus-hotspot {
	--hotspot-rgb: 237, 0, 128;
	cursor: pointer;
  }

  .campus-hotspot.phase-1 {
	--hotspot-rgb: 220, 40, 40;
  }

  .campus-hotspot.phase-2 {
	--hotspot-rgb: 50, 100, 220;
  }

  .campus-hotspot.phase-3 {
	--hotspot-rgb: 237, 135, 30;
  }

  .campus-hotspot-hitarea {
	fill: rgba(255, 255, 255, 0.001);
	stroke: none;
	pointer-events: all;
	cursor: pointer;
  }

  .campus-zone-reveal {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.28s ease, transform 0.4s ease;
	transform-origin: center center;
  }

  .campus-hotspot:hover .campus-zone-reveal,
  .campus-hotspot.is-selected .campus-zone-reveal {
	opacity: 1;
	transform: scale(1.02);
  }

  .campus-zone-border {
	fill: none;
	stroke: rgba(23, 36, 51, 0);
	stroke-width: 5;
	stroke-linejoin: round;
	pointer-events: none;
	transition: stroke 0.28s ease, transform 0.4s ease;
	transform-origin: center center;
  }

  .campus-hotspot:hover .campus-zone-border,
  .campus-hotspot.is-selected .campus-zone-border {
	stroke: rgb(23, 36, 51);
	transform: scale(1.02);
  }

  .campus-callout {
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
	transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
	transform-origin: center center;
	text-decoration: none;
  }

  a.campus-callout,
  a.campus-callout:hover,
  a.campus-callout:visited,
  a.campus-callout:active,
  svg a,
  svg a:hover {
	text-decoration: none !important;
  }

  svg a text {
	text-decoration: none !important;
  }

  .campus-map-stage.is-hotspot-active .campus-callout {
	opacity: 0.4;
	filter: blur(2px) saturate(0.5);
  }

  .campus-hotspot:hover .campus-callout {
	opacity: 1;
	filter: none;
	transform: scale(1.05);
  }

  .campus-callout-line {
	stroke: rgb(var(--hotspot-rgb));
	stroke-width: 4;
	stroke-linecap: round;
  }

  .campus-callout-dot {
	fill: rgb(var(--hotspot-rgb));
  }

  .campus-callout-bg {
	fill: rgba(var(--hotspot-rgb), 0.92);
	rx: 14;
	transition: filter 0.28s ease;
  }

  .campus-hotspot:hover .campus-callout-bg {
	filter: brightness(1.15);
  }

  .campus-callout-text {
	fill: #ffffff;
	font-size: 36px;
	font-weight: 800;
	dominant-baseline: middle;
	text-anchor: middle;
  }

  .campus-callout-title {
	fill: #ffffff;
	font-size: 36px;
	font-weight: 800;
	text-anchor: middle;
  }

  .campus-callout-item {
	fill: rgba(255,255,255,0.9);
	font-size: 30px;
	font-weight: 700;
	text-anchor: middle;
  }

  .campus-hotspot-label {
	opacity: 0.96;
	transition: opacity 0.18s ease, transform 0.22s ease, filter 0.22s ease;
	pointer-events: auto;
	cursor: pointer;
	transform-box: fill-box;
	transform-origin: center;
	filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.18));
  }

  .campus-map-stage.is-hotspot-active .campus-hotspot-label {
	opacity: 0.3;
	filter: none;
  }

  .campus-hotspot:hover .campus-hotspot-label,
  .campus-hotspot:focus-within .campus-hotspot-label,
  .campus-hotspot.is-selected .campus-hotspot-label {
	opacity: 1;
	transform: translateY(-2px) scale(1.03);
	filter: drop-shadow(0 12px 22px rgba(15, 23, 42, 0.3));
  }

  .campus-hotspot-label-line {
	stroke: rgb(23, 36, 51);
	stroke-width: 4;
	stroke-linecap: round;
	transition: stroke-width 0.22s ease;
  }

  .campus-hotspot-label-bg {
	fill: rgba(15, 23, 42, 0.96);
	transition: fill 0.22s ease;
  }

  .campus-hotspot-label-border {
	fill: none;
	stroke: rgba(255, 255, 255, 0.22);
	stroke-width: 1.5;
	transition: stroke 0.22s ease;
  }

  .campus-hotspot-label-dot {
	fill: rgb(23, 36, 51);
	transition: fill 0.22s ease;
  }

  .campus-hotspot-label-text {
	fill: #ffffff;
	font-size: 34px;
	font-weight: 800;
	text-anchor: middle;
	dominant-baseline: middle;
  }

  .campus-hotspot-label-subtext {
	font-size: 28px;
	font-weight: 800;
	fill: #ffffff;
	dominant-baseline: middle;
  }

  .campus-hotspot:hover .campus-hotspot-label-line,
  .campus-hotspot:focus-within .campus-hotspot-label-line,
  .campus-hotspot.is-selected .campus-hotspot-label-line {
	stroke-width: 5;
  }

  .campus-hotspot:hover .campus-hotspot-label-bg,
  .campus-hotspot:focus-within .campus-hotspot-label-bg,
  .campus-hotspot.is-selected .campus-hotspot-label-bg {
	fill: rgba(12, 18, 28, 0.98);
  }

  .campus-hotspot:hover .campus-hotspot-label-border,
  .campus-hotspot:focus-within .campus-hotspot-label-border,
  .campus-hotspot.is-selected .campus-hotspot-label-border {
	stroke: rgba(255, 255, 255, 0.46);
  }

  .campus-map-caption {
	margin: 0;
	color: #516174;
	font-size: 0.92rem;
	font-weight: 700;
	text-align: center;
  }

  .campus-map-hint {
	margin: 0;
	color: #7a8796;
	font-size: 0.82rem;
	text-align: center;
  }

  .campus-map-legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.55rem;
	margin-top: 0.1rem;
  }

  .campus-map-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	min-height: 2.2rem;
	padding: 0 0.8rem;
	border-radius: 999px;
	border: 1px solid #ddd6da;
	background: #ffffff;
	color: #344355;
	font-size: 0.84rem;
	font-weight: 700;
  }

  .campus-map-legend-item::before {
	content: "";
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 999px;
	background: #ed0080;
	box-shadow: 0 0 0 4px rgba(237, 0, 128, 0.12);
  }

  .campus-map-legend-item.phase-1::before {
	background: rgb(220, 40, 40);
	box-shadow: 0 0 0 4px rgba(220, 40, 40, 0.14);
  }

  .campus-map-legend-item.phase-2::before {
	background: rgb(50, 100, 220);
	box-shadow: 0 0 0 4px rgba(50, 100, 220, 0.14);
  }

  .campus-map-legend-item.phase-3::before {
	background: rgb(237, 135, 30);
	box-shadow: 0 0 0 4px rgba(237, 135, 30, 0.14);
  }

  .campus-map-links {
	display: none;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.6rem;
  }

  .campus-map-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.8rem;
	padding: 0.75rem 0.9rem;
	border-radius: 0.85rem;
	border: 1px solid #e1d8dc;
	background: #ffffff;
	color: #223041;
	font-size: 0.92rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(54, 34, 44, 0.05);
  }

  .campus-map-link:hover,
  .campus-map-link:focus-visible {
	text-decoration: none;
	border-color: rgba(237, 0, 128, 0.35);
	box-shadow: 0 12px 24px rgba(54, 34, 44, 0.08);
  }

  .campus-map-link.is-selected {
	transform: translateY(-1px);
  }

  .campus-map-link.phase-1 {
	border-left: 0.35rem solid rgb(238, 65, 109);
  }

  .campus-map-link.phase-2 {
	border-left: 0.35rem solid rgb(71, 122, 255);
  }

  .campus-map-link.phase-3 {
	border-left: 0.35rem solid rgb(241, 162, 28);
  }

  .campus-map-link.phase-1.is-selected {
	border-color: rgba(238, 65, 109, 0.3);
	background: #fff5f8;
	box-shadow: 0 12px 24px rgba(238, 65, 109, 0.12);
  }

  .campus-map-link.phase-2.is-selected {
	border-color: rgba(71, 122, 255, 0.28);
	background: #f6f9ff;
	box-shadow: 0 12px 24px rgba(71, 122, 255, 0.12);
  }

  .campus-map-link.phase-3.is-selected {
	border-color: rgba(241, 162, 28, 0.32);
	background: #fff9ef;
	box-shadow: 0 12px 24px rgba(241, 162, 28, 0.12);
  }

  #coord-display {
	display: none;
	position: fixed;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 9999;
	padding: 0.55rem 0.8rem;
	border-radius: 0.55rem;
	background: rgba(0, 0, 0, 0.88);
	color: #8aff8a;
	font-family: Consolas, "Courier New", monospace;
	font-size: 0.84rem;
	pointer-events: none;
  }

  @media (max-width: 920px) {
	.campus-map-stage {
	  width: 100%;
	}
  }

  @media (max-width: 780px) {
	.campus-map-links {
	  display: grid;
	}

	.campus-hotspot-label-text {
	  font-size: 24px;
	}
  }
  
/* pacilities */
.listBadge.num{
	width: 38px; height:38px; border-radius: 42px; padding:0; line-height:37px; text-indent: -2px; text-align: center; font-size: 1.8rem;
}
.badgeList > li > .topBx > .txt{ 
	line-height:1.5em;
	
}
.badgeList > li > .topBx > .btn.down{ 
	font-size:2rem;
	background-position:right 18px center;
	padding:19px 50px 19px 14px;
}
.info.dlWrap{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:3px 0;
}
.infoDl{
	display: flex; flex-direction: row; justify-content: flex-start; align-items:flex-start; gap:0 10px; font-size:2.1rem; flex-wrap: wrap;
}
.infoDl > dt{
	font-weight:600; color:#df3c6e;
}
.infoDl > dd{
	font-weight:500; color:#666;
}
/* programInfo */
.badgeList > li > .topBx.programinfo{
    background-size: auto;
    background-position: right bottom;
	background-repeat: no-repeat;
}
.badgeList > li > .topBx.programinfo.bg1{
    background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon01.png);
}
.badgeList > li > .topBx.programinfo.bg2{
    background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon02.png);
}
.badgeList > li > .topBx.programinfo.bg3{
    background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon03.png);
}
.badgeList > li > .topBx.programinfo.bg4{
    background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon04.png);
}
.badgeList > li > .topBx.programinfo > .num{
    font-size: 5rem; font-weight: 600; line-height:1em;
}
.badgeList > li > .topBx.programinfo > .num > span{
	font-size:2rem; padding-left:2px;
}
.badgeList > li:nth-child(3) > .topBx.programinfo > .listBadge{
	letter-spacing: -0.13em
}
.bgTxtList{
	display: flex; flex-direction: row; justify-content: flex-start; align-items:stretch; width:100%; flex-wrap: wrap; gap:30px 27px;
}
.bgTxtList > dl{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:calc((100% - 27px) / 2); background:#f6f5f5; border-radius: 15px; padding:21px 44px 20px; gap:8px 30px;
}
.bgTxtList > dl > dt{
	font-weight:600; white-space: nowrap;
}
.bgTxtList > dl > dd{
	font-weight:500; flex:1 1 0; word-break: keep-all;
}
.bgTxtList > dl > dd span{ 
	font-size:2.2rem; 
}
.iconNumList{
    display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width: 100%; flex: 1 1 0;
}
.iconNumList > li{
	padding:0; width:25%; position: relative; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;
}
.iconNumList > li::after{
	display: block; content:''; width:1px; height:102px; background:#dbdbdb; top:57px; right:0; position:absolute;
}
.iconNumList > li:last-child::after{
	display:none;
}
.iconNumList > li > .IconBx > .listBadge.num{
	position: absolute; top:0; left:-10px;
}
.iconNumList > li > .IconBx{
	display: block; width: 114px; height: 114px; background-color: #f6f5f5; border-radius: 114px; background-repeat: no-repeat; background-size: auto; background-position: center; margin-bottom: 34px; position: relative;
}
.iconNumList > li > .IconBx.programInfoicon1{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon05.png);
}
.iconNumList > li > .IconBx.programInfoicon2{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon06.png);
}
.iconNumList > li > .IconBx.programInfoicon3{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon07.png);
}
.iconNumList > li > .IconBx.programInfoicon4{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon08.png);
}
.iconNumList > li > .IconBx.programInfoicon5{
	background-image: url(/humanframe/theme/hahacampus/assets/img/content/programinfoIcon09.png);
}
.iconNumList > li > .txt{
	font-size:2.3rem; line-height:1.5em;  font-weight:500; white-space: pre-line; text-align: center;
}

.imgLkBx{
    display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px;
}
.imgLkBx > .imgBx{
    padding: 30px; border: 1px solid #dbdbdb; border-radius: 15px;
}
.imgLkBx > .bxLinkBtn{
	width:100%; justify-content: center;
}


/*프로그램 상세페이지 스타일 추가*/
.form-group.fxRSpaceB{
	padding-bottom:18px; gap:8px;
}
.form-group.fxRSpaceB > .form-data-subject{
	padding-bottom:0;
}
.form-data-content.programView{}
.form-data-content.programView > dd{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap:34px 24px; padding:1.25em 0 7.125em;  width:100%;
}
.boardView .form-data-content.programView dd:after{
	display:none;
}
.form-data-content.programView > dd > .leftBx{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap:20px; max-width:472px; border:1px solid #dbdbdb; padding:16px;
}
.form-data-content.programView > dd > .leftBx > img{
	display:block; width:100%; max-width:inherit; aspect-ratio:388 / 300; margin-bottom:0;
}
.form-data-content.programView > dd > .programForm{
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%; flex: 1 1 0;
}
.form-data-content.programView > dd > .programForm > .form-group{
	display: block; width:100%; border:1px solid #ddd7d9; border-top:0;
}
.form-data-content.programView > dd > .programForm > .form-group > .form-data-info{
	display:flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width:100%;
}
.form-data-content.programView > dd > .programForm > .form-group > .form-data-info > dt{
	position:static; line-height:1.6em; height:auto; background:#fcf6fa; border-right:1px solid #ddd7d9; width:200px; color:#101a29; font-weight:600; font-size:2rem; padding:14px; 
}
.form-data-content.programView > dd > .programForm > .form-group > .form-data-info > dt > span::after{
	display:none;
}
.form-data-content.programView > dd > .programForm > .form-group > .form-data-info > dd{
	flex:1 1 0; color:#101a29; line-height:1.6em; padding:14px; font-size: 2rem;
}
.form-data-content.programView > dd > .programForm > .form-group:first-child{
	border-bottom:1px solid #ddd7d9; border-top:1px solid #ddd7d9;
}
.programState{
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap:10px;
}
@media all and (max-width: 1390px) {
	.form-data-content.programView > dd{
		gap:16px;
	}
	.form-data-content.programView > dd > .programForm{
		flex:inherit;
	}
}
@media all and (max-width: 480px) {
	
	.form-data-content.programView > dd > .programForm > .form-group > .form-data-info > dt{
		width:140px;
	}
}
.linkBx{
	display: flex; flex-direction: row; align-items: stretch;
}
.linkBx.alignStart{
	justify-content: flex-start;
}
.linkBx.alignEnd{
	justify-content: flex-end; width:100%;
}
.btn{    
	padding: 19px 50px 19px 22px; color: #df3c6e; border: 1px solid #df3c6e; line-height: 1em; font-size: 2rem; border-radius: 5px; background-repeat: no-repeat; background-position: right 22px center; background-size: auto; font-weight:600;
}
.btn.down{
	background-image: url(/humanframe/theme/hahacampus/assets/img/common/iconDown.png);
}
.btn.modalBtn{
	padding:11px 15px; border:1px solid #df3c6e; background-color: #df3c6e; color:#fff; transition: 0.2s
}
.btn.closeBtn{
	padding:11px 15px; background-color: #fff; border:1px solid #dbdbdb; color:#222; transition: 0.2s
}
.btn.modalBtn:hover{
	border:1px solid #df3c6e; color:#df3c6e; background:#fff; transition: 0.2s
}
.btn.closeBtn:hover{
	border:1px solid #df3c6e; color:#df3c6e; transition: 0.2s
}
.colorPk{
	color:#df3c6e;
}
.txt{
	line-height:1.8em; letter-spacing: -0.04em;
}
.fs18{
	font-size:1.8rem !important;
}
.fs16{
	font-size: 1.6rem !important;
}
.fs40{
	font-size:4rem !important;
}
.fwBk{
	font-weight:700;
}
.shadowTxt{
	font-size:9.2rem; font-weight:600; color:#ededed; line-height: 1em; margin-bottom: 40px;
}
.mb20{
	margin-bottom:20px !important;
}
.mb32{
	margin-bottom:32px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb54{
	margin-bottom:54px !important;
}
.mb60{
	margin-bottom:60px !important;
}
.mb80{
	margin-bottom:80px !important;
}
.mb130{
	margin-bottom:130px !important;
}
.gapC80{
	gap:0 80px !important;
}

.pb0{
	padding-bottom:0 !important;
}
.fxRSpaceB{
	display:flex; flex-direction: row; justify-content: space-between; align-items:center; flex-wrap: wrap;
}
.fxRSpaceB > .h4Bl{
	margin:0;
}
.w100{
	width:100% !important;
}

@media all and (max-width: 1546px) {
	.yearList > li > .info > dl{
		flex-direction: column;
		align-items: flex-start;
		gap:8px;
	}
}
@media all and (max-width: 1440px) {
	.iconNumList{
		flex:1 1 auto; margin-bottom:20px;
	}
	.gapC80{
		gap:0 40px !important;
	}
}
@media all and (max-width: 1400px) {
	.badgeList > li > .topBx.programinfo{
		background-position: left top 58px;
	}
	.badgeList > li > .topBx.programinfo > .num{
		font-size: 4.4rem; padding-top:70px;
	}
}
@media all and (max-width:1295px){
	.badgeList.program{
		gap:20px;
	}
	.badgeList.program > li{
		padding:20px 12px; width:calc((100% - 20px) / 2);
	}
	.badgeList > li:nth-child(3) > .topBx.programinfo > .listBadge{
		font-size: 1.75rem;
	}
}
@media all and (max-width: 1212px) {
	.yearList > li{
		gap:35px;
	}
}
@media all and (max-width: 1200px) {
	.yearList > li > .info > dl {
        flex-direction: row;
		align-items: center;
		gap:30px;
	}
}

@media all and (max-width: 1040px) {
	.yearList > li > .info > dl {
        flex-direction: column;
		align-items: flex-start;
		gap:8px;
	}

}
@media all and (max-width: 1024px) {
	.h4Bl{
		margin:0 0 42px 0;
	}
	.fs40{
		font-size:3.2rem !important;
	}
	.mb130{
		margin-bottom:100px !important;
	}
	.thumbListType1{
		grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px;
	}
}
@media all and (max-width: 960px) {
	.procList::before{
		display:none;
	}
	.procList{
		flex-direction: column;
	}
	.procList > li{
		flex-direction: column; gap:0; width:100%;
	}
	.procList > li > .contBx > .bxList > li{
		width:calc((100% - 20px) / 2);
	}
	.imgInfoList > li{
		flex-direction: column;
	}
	.badgeList > li > .topBx.programinfo{
		background-position: right bottom;
	}
	.badgeList > li > .topBx.programinfo > .num{
		padding-top:0px;
	}
}

@media all and (max-width: 890px) {
	.iconNumList{
		flex-wrap: wrap; gap:16px 0;
	}
	.iconNumList > li{
		width:33%;
	}
}
@media all and (max-width: 809px) {
	.yearList > li{
		flex-direction: column; gap: 16px;
	}
	.yearList > li > .info{
		padding: 0 0 0 70px;
	}
}
@media all and (max-width: 768px) {
	#contents .content{
		padding: 0 0 60px 0;
	}
	.h4Bl{
		margin:0 0 20px 0;
	}
	.badgeList.program > li,
	.badgeList > li{
		width:100%;
	}
	.txtImgBx > .txtBx{
		text-align: left; padding: 12px 24px;
	}
	.hhcCont > .hhcTit{
		flex-direction: column; justify-content: center;
	}
	.hhcCont > .hhcTit > .txtBx{
		padding:30px 16px;
	}
	.hhcCont > .txtBx > p{
		text-align: left;
	}
	.imgInfoList > li > .infoBx{
		flex-direction: column;
	}
	.visionBx{
		flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:40px;
	}
	.visionBx::before{
		left:35%;
	}
	.visionBx::after{
		right:35%;
	}
	.visionCont{
		width:100%;
	}
	.visionCont:nth-child(2){
		margin-left:auto;
	}
	.visionCont:nth-child(2) > .titBx::before{
		display: none;
	}
	.visionCont > .titBx > .subTit{
		margin-bottom:6px;
	}
	.yearList::before{
		left:35px;
		top:15px;
	}
	.yearList > li > .year{
		padding-left:50px;
	}
	.yearList > li > .year::after{
		width:30px;
		height:30px;
	}
	.yearList > li > .year::before{
		width:15px;
		height:15px;
		left:7.5px;
		top:7.5px;
	}
	.yearList > li > .info{
		gap:16px 0;
		padding:0 0 0 50px;
	}
	.yearList > li > .info > dl{
		gap:4px;
	}
	.yearList > li > .info > dl > dd{
		flex-wrap: wrap;
		gap: 4px 14px;
	}
	.yearList > li > .info > dl > dd > .badgeTxt{
		padding:6px 16px;
	}
	.mapTxtBx{
		margin: 0 auto 25px;
	}
	.transfList > li{
		padding:100px 10px 36px 10px;
	}
	.transfList > li::after{
		width: 72px;
		height: 72px;
		right:inherit;
		top:18px;
		margin-top:0;
		left:0;
	}
	.bgTxtList{
		gap:16px;
	}
	.bgTxtList > dl{
		width:100%;
	}
	.fs40{
		font-size:3rem !important;
	}
	.mb20{
		margin-bottom:14px !important;
	}
	.mb32{
		margin-bottom:18px !important;
	}
	.mb40{
		margin-bottom:20px !important;
	}
	.mb54{
		margin-bottom:24px !important;
	}
	.mb60{
		margin-bottom:37px !important;
	}
	.mb80{
		margin-bottom:42px !important;
	}
	.mb130{
		margin-bottom:80px !important;
	}

	.btn{ 
		font-size:1.8rem; 
	}
}
@media all and (max-width: 680px) {
	.iconNumList > li{
		width:50%; flex-direction: row; justify-content: flex-start; align-items: center; gap: 20px; padding: 20px;
	}
	.iconNumList > li > .IconBx{
		margin-bottom:0;
	}
	.iconNumList > li > .txt{
        white-space: normal; flex: 1 1 0; word-break: keep-all; text-align: left;
	}
	
	.thumbListType1{
		grid-template-columns: 1fr;
	}
}
@media all and (max-width: 624px) {
	.iconNumList > li{
		width:100%;
	}
	.iconNumList > li::after{
		width:100%; height:1px; top: inherit; right: inherit; left: 0; bottom: 0;
	}
	.iconNumList > li:last-child::after{
		display: block;
	}
}

@media all and (max-width: 580px) {
	.checkTxt{
		padding:16px 24px 24px;
	}
	.checkTxt > p{
		padding-top: 40px; padding-left: 0;
	}
	.procList > li > .contBx > .bxList > li{
		width:100%;
	}
}
@media all and (max-width: 497px) {
	.yearList > li > .info > dl > dd > p {
        width: 100%;
    }
	
}
@media all and (max-width: 480px) {
	.imgInfoList{
		grid-template-columns: 1fr;
	}
	.fxRSpaceB{
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: flex-start;
	  gap: 8px;
	}
	.fs40{
		font-size:2.4rem !important;
	}
	
}
/* HAHACAMPUS CONTENT STYLE */

/* 검색 스타일 수정 */

.boardSearchForm{ 
	padding:15px 0; 
}

.ui-datepicker-trigger{ 
	height:50px;
	width:50px;
}
.btnTypeM{ 
	height:50px; 
	font-size:1.8rem;
	line-height:1;
}
.boardSearchForm .rowTable .row .group{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100% !important;
}
.boardSearchForm .rowTable .cellHeader{
	position:static;
}
.boardSearchForm .rowTable .cell{
	padding:4px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%; flex:1 1 0; gap:10px;
}
.boardSearchForm .rowTable .cell .cellInDv{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:auto; margin:0;
}
input.textForm{
	font-size:1.8rem; width:140px !important; height:50px;
}
.boardSearchForm .rowTable .cell .hyphen{
	padding:0 8px;
}
select.selectForm{
	font-size: 1.8rem; height:50px; color:#666;
}
.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword{
	width:100%; flex: 1 1 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;
}
.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword > input.textForm{
	width:100% !important;
}
@media all and (max-width: 1311px) {
	.boardSearchForm .rowTable .cell{
		flex-direction: column; align-items: flex-start;
	}
	.boardSearchForm .rowTable .cell .cellInDv{
		width:100%;
	}
	input.textForm{
		width: calc(50% - 45px) !important;
	}
	select.selectForm#srchCtgry{
		width:100% !important;
	}
}
@media all and (max-width: 1200px) {
	.boardSearchForm .rowTable .cell{
		flex-direction: row; align-items: center;
	}
	.boardSearchForm .rowTable .cell .cellInDv{
		width: auto;
	}
	input.textForm{
		width: 140px !important;
	}
	select.selectForm#srchCtgry{
		width:27% !important;
	}
}
@media all and (max-width: 839px) {
	.boardSearchForm .rowTable .cell{
		flex-direction: column; align-items: flex-start;
	}
	input.textForm{
		width: calc(50% - 45px) !important;
	}
	.boardSearchForm .rowTable .cell .cellInDv{
		width:100%;
	}
	select.selectForm#srchCtgry{
		width:100% !important;
	}
}
@media all and (max-width: 768px) {
	.boardSearchForm .rowTable .group > .cell,
	.boardSearchForm .group > .cellHeader,
	.boardSearchForm .rowTable .cell{
		display:flex; flex-direction: row; align-items: center;
	}
	.boardSearchForm .rowTable .cell .cellInDv{
		width: auto;
	}
	input.textForm{
		width: 140px !important;
	}
	.boardSearchForm .rowTable .group > .cell,
	.boardSearchForm .group > .cellHeader{
		height:auto;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption{
		width:auto;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch{
		height:100%;
	}
	select.selectForm#srchCtgry{
		width:27% !important;
	}
	.boardSearchForm .group > .cellHeader.txtCenter{
		display:none;
	}
}
@media all and (max-width: 640px) {
	.boardSearchForm .rowTable .group > .cell,
	.boardSearchForm .group > .cellHeader,
	.boardSearchForm .rowTable .cell{
		flex-direction: column; align-items: flex-start;
	}
	.boardSearchForm .rowTable .cell .cellInDv{
		width:100%;
	}
	input.textForm{
		width: calc(50% - 45px) !important;
	}
	select.selectForm#srchCtgry{
		width:100% !important;
	}
}

/*게시판*/
.boardList tbody td{ 
	 font-size:2.2rem;
	 padding:20px 5px;
}

.boardView .form-data-subject{font-weight:600}
.boardView .form-data-info{font-size:2.2rem;}
.boardView .form-data-info .attfiles li a{font-size:1.8rem;}
.boardView .form-data-content dd{font-size:2.2rem;}