@charset "utf-8";
body{
	font-size:1.8rem;
}
@media (max-width: 1280px) {
	body{
	font-size:1.7rem;}
}
@media (max-width: 1024px) {
	body{
	font-size:1.6rem;}
}
@media (max-width: 768px) {
	body{
	font-size:1.5rem;}
}
/* 댓글게시판 View */
.reply_title {padding:10px; margin-top:20px; font-size:1.2em;}
.boardReply .form-group {position:relative;}
.boardReply .form-group .btn_Edit_wrap {position:absolute; right:0px; top:-45px; padding:0 !important;}
.boardReply .form-group .btn_Edit_wrap > a {display:inline-block; padding:5px 10px;}
.boardReply .form-group .btn_Edit_wrap .btnEdit {background:#0799d2; color:#fff;}
.boardReply .form-group .btn_Edit_wrap .btnDelete {background:#666; color:#fff;}
.boardReply .form-group .Reply {border-bottom:1px solid #333; font-size: 1em;}
.boardReply .form-data-content {background:#fff; border-bottom:1px solid #ddd;}
.boardReply .form-data-content dd {padding: 15px 15px 30px;}
#frmReply .form_wri:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info {padding-top: 5px;}
#frmReply .form_wri_info:after {content:""; clear:both; display:block;}
/* #frmReply .form_wri_info > div {float:left;} */
#frmReply .form_wri_info > div:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info dl {float:left; padding:5px 10px;}
#frmReply .form_wri_info dl:after {content:""; clear:both; display:block;}
#frmReply .form_wri_info dl dt {float:left; line-height:2.857em;}
#frmReply .form_wri_info dl dd {padding-left:80px;}
#frmReply .form_wri_info input {width:100%;}
#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:0.9em;}
#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 > button {width:100%; height:100%;}
#frmReply .replbtn > button > span {color:#fff;}
@media all and (max-width:1024px){
	.parkboardWrap{
		overflow-x: scroll; position:relative;padding-top:50px;
	}
	.borderListWrap{
		overflow:scroll;
		position:relative;
		display:block;
		width:100%;
		padding-top:50px;
	}
 	.parkboardWrap::before,
	.borderListWrap::before{
        content: "SCROLL";
        display: block;
        position: absolute;
        right: 0;
        color: #502f90;
        background-color: #f5f5fa;
        padding: 8px 28px 8px 10px;
        border-radius: 30px;
        font-size: 1.5rem;
        line-height: 1em;
        top: 10px;
        background-image: url(/humanframe/theme/biz/assets/img/content/scrollArrow.png);
        background-repeat: no-repeat;
        background-position: right 9px center;
        background-size: auto;
	}
	.boardList{
		min-width:1000px;
	}
}
@media all and (max-width:768px){
	.boardReply .form-group .btn_Edit_wrap {top:-34px}
}
/* Content */
#sideNav .navWrap > .lineMap > .depthWrap:nth-child(n + 5){
	display:none;
}
#contents .titPage{
	margin-bottom:60px;
}

@media all and (max-width:1024px){
	#contents .titPage{
		margin-bottom:40px;
		padding-bottom:24px;
		border-bottom:1px solid #dbdbdb;
	}
}
/* Biz Tab Style*/

.tabStyle.bizTab{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    border: 0;
    gap: 20px;
    margin-bottom:80px;
}
.tabStyle.bizTab:after{
	display:none;
}
.tabStyle.bizTab[data-length='2'] > li{
	display:block;
	width:calc(50% - 10px);
}
.tabStyle.bizTab[data-length='3'] > li{
	display:block;
	width:calc(33.3333% - 13.3333px);
}
.tabStyle.bizTab[data-length='4'] > li{
	display:block;
	width:calc(25% - 15px);
}
.tabStyle.bizTab > li > a{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:100%;
	height:100%;
	border:2px solid #dfdfdf;
	background-color:transparent;
	color:#666;
	font-size:2.2rem;
	font-weight:500;
	line-height:1em;
	padding:27px 0 26px;
	border-radius:10px;
}
.tabStyle.bizTab > li a:hover,
.tabStyle.bizTab li a:focus,
.tabStyle.bizTab li a.active,
.tabStyle.bizTab li.active a{
	border:2px solid #5a359e;
	color:#5a359e;
	font-weight:700;
	background-color:transparent;
}
.tabStyle > li.active:after{
	display:none;
}

@media all and (max-width:1024px){
	.tabStyle.bizTab{
		margin-bottom:60px;
	}
	.tabStyle.bizTab > li > a{
		font-size:2rem;
	}
}
@media all and (max-width:768px){
	.tabStyle.bizTab{
		margin-bottom:40px;
	}
	.tabStyle.bizTab > li > a{
		font-size:1.8rem;
		padding:15px 8px 14px;
        white-space: normal;
	}
}
@media all and (max-width:480px){
	.tabStyle.bizTab > li > a{
		font-size:1.6rem;
	}
	
}
/* Biz Tab Style */

/* Biz Title Style */

.h4Bl{
    margin: 0;
    font-size: 3.2rem;
    padding-left: 16px;
    position: relative;
    margin-bottom: 30px;
    line-height: 1em;
    font-weight: 700;
    color: #181a1b;
}
.h4Bl::before{
	display:block;
	content:'';
	width:5px;
	height:30px;
    background: linear-gradient(to top, #5a359e 50%, #a590c9 50%);
    position:absolute;
    top:1px;
    left:0;
}
.h5Bl{
	font-size:2.4rem;
	line-height:1em;
    margin: 1em 0 0.5em;
    padding-left:24px;
    position:relative;
}
.h5Bl::before{display:block; content:''; width:7.5px; height:7.5px; border-radius:15px; border:4px solid #5a359e; position:absolute; top:4.5px; left:0;}
.h6Bl{font-size:2rem;line-height:1em;}
@media (max-width: 1280px) {
	.h4Bl{
		font-size:3rem;
	}
	.h5Bl{
		font-size:2.2rem;
	}
}
@media (max-width: 1024px) {
	.h4Bl{
		font-size:2.8rem;
		line-height:3rem;
		margin-bottom:20px;
	}
	.h5Bl{
		font-size:2rem;
		padding-left:16px;
	}
	.h5Bl::before{width:4px; height:4px; top:4.5px; border:3px solid #5f359e;}
}
@media (max-width: 768px) {
	.h4Bl{
		font-size:2.4rem;
		margin-bottom:16px;
	}
	.h5Bl{
		font-size:1.8rem;
	}
}
@media (max-width: 480px) {
	.h4Bl{
		font-size:2rem;
	}
	.h5Bl{
		font-size:1.8rem;
	}
}
/* Biz Title Style */


/* Biz Section Style */

.h4Section{
	margin:0;
}

/* Biz Section Style */

/* Biz List Style */

.dtLineList > dl > dt,
.listStyle > li,
dl.listStyle > dt{
    padding: 0 0 0 13px;
    font-weight: 500;
    line-height: 1.7em;
    position: relative;
    text-align:left;
}
.dtLineList > dl > dt::before,
.listStyle li::before,
dl.listStyle dt::before{
	display:block;
	content:'';
    background: #5b4683;
    vertical-align: middle;
    border-radius: 4px;
    position: absolute;
    top: 11px;
    left: 0;
    margin: 0;
    width: 5px;
    height: 5px;
}
.listStyle > li > ul{
	margin:0;
    color: #181a1b;
}
.listStyle > li > ul > li,
dl.listStyle > dd li{
    padding-left: 15px;
    font-weight: 400;
    position: relative;
}

dl.listStyle dd{
	display:block;
	width:100%;
	flex:1 1 0;
}
.listStyle > li > ul > li::before,
dl.listStyle dd li::before{
    margin: 0;
    width: 6px;
    color: #666;
    position: absolute;
    top: 12.5px;
    left: 0;
    height: 1px;
    background: #666;
    border-radius:0;
}
.listBoxStyle{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}
.listBoxStyle > li{
    display: flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width: calc(33.3333% - 13.3333px);
    padding: 23px 60px;
    text-align: center;
    line-height: 1.5em;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
}
.listBoxStyle.col > li{
	flex-direction:column;
    justify-content: flex-start;
    align-items: center;
    gap:8px 0;
}
.listBoxStyle.info[data-length='2']{
	gap:30px
}
.listBoxStyle.info > li{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    padding: 23px 33px;
    gap: 30px 0;
}
.listBoxStyle.info[data-length='2'] > li{
	width:calc(50% - 15px);
}
.listBoxTitle{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1em;
}
.listBoxInfo{
    font-size: 2rem;
    font-weight: 700;
    align-self: flex-end;
    text-align: right;
}

.listBoxStyle.info.inlist > li{
	background:#f7f7fa;
}


dl.listStyle{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%;
	margin-left:0;
}
dl.listStyle.row{
	flex-direction:row;
}
dl.listStyle.row > dd{
	padding:0;
	margin-left:10px;
	padding-left:10px;
	position:relative;
	flex: 1 1 0;
}
dl.listStyle.row > dd::before{
	display:block;
	content:'';
	width:1px;
	height:15px;
	position:absolute;
	top:7px;
	left:0;
	margin:0;
	background:#d0d0d0;
}
dl.listStyle.col{
	flex-direction:column;
}
.dtLineList{
    display: flex;
    width: 100%;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:20px 0;
}
.dtLineList > dl{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap:0 12px;
}
.dtLineList > dl > dd{
    flex: 1 1 0;
    text-align: right;
    position:relative;
}
.dtLineList > dl > dd > span{
	background:#f7f7fa;
	position:relative;
	padding-left:12px;
	font-weight:700;
	z-index:2;
}
.dtLineList > dl > dd::before{
	display:block;
	content:'';
	width:100%;
	height:1px;
	background:transparent;
	border-top: 1px dotted #2a194a;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-0.5px;
	z-index:1;
}
.dlIconList{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border-top: 2px solid #2a194a;
}
.dlIconList > dl{
    padding: 26px 20px 23px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom:1px solid #ddd;
}
.dlIconList > dl > dt{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1em;
    }
.dlIconList > dl > dd{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap:0 60px;
    }
.dlIconList > dl > dd > .iconBx{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 0 90px;
    font-weight:500;
    padding:21px 0 21px 80px;
    line-height:1em;
}
.dlIconList > dl > dd > .iconBx.icon1{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment04Icon01.png);
}
.dlIconList > dl > dd > .iconBx.icon2{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment04Icon02.png);
}
.dlIconList > dl > dd > .iconBx.icon3{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment04Icon03.png);
}
.dlIconList > dl > dd > .iconBx.icon4{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment04Icon04.png);
}
.dlIconList > dl > dd > .iconBx.icon5{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment04Icon05.png);	
}
.dlIconList > dl > dd > .iconBx > p > span{
	display:inline-block;
	line-height:1.8rem;
	padding:0 4px;
}

.listBgPpStyle{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 0 30px;
    flex-wrap:wrap;
}
.listBgPpStyle > li{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(33.3333% - 20px);
    background: #f7f7fa;
    border-radius: 15px;
    padding: 35px;
    gap: 24px 0;
}
.listBgPpStyle > li > .listStyle {
	gap:5px 0;
}
.listBgPpStyle > li > .listStyle > li{
	font-weight:500;
}
.listDetailInfoStyle{
	
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.listDetailInfoStyle > li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.listDetailInfoStyle > li:last-child{
	border-bottom:0;
}
.listDetailInfoStyle > li > .infoBx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1 1 0;
    gap: 24px 0;
}
.listDetailInfoStyle > li > .infoBx > .dlWrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px 0;
}

.numListStyle{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 32px 0;
}
.numListStyle > li{
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 32px;
}  
.numListStyle > li:last-child{
	border-bottom:0;
	padding-bottom:0;
}
.numListStyle.exc > li{
	border-bottom:0;
	padding-bottom:0;
}
.numListStyle > li > .excmarkTxt,
.numListStyle > li > .numTxt{
    padding: 0 0 0 31px;
    line-height: 1em;
    font-size: 2rem;
    font-weight: 700;
	margin-bottom:22px;
	position:relative;
}
.numListStyle > li > .excmarkTxt::before,
.numListStyle > li > .numTxt::before{
	display:block;
	content:'';
	width:24px;
	height:24px;
	color:#fff;
	background:#2a194a;
	border-radius:24px;
	line-height:24px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	font-size:1.6rem;
	font-weight:700;
}
.numListStyle > li:nth-child(1) > .numTxt::before{
	content:'1';
}
.numListStyle > li:nth-child(2) > .numTxt::before{
	content:'2';
}
.numListStyle > li:nth-child(3) > .numTxt::before{
	content:'3';
}
.numListStyle > li:nth-child(4) > .numTxt::before{
	content:'4';
}
.numListStyle > li:nth-child(5) > .numTxt::before{
	content:'5';
}
.numListStyle > li:nth-child(6) > .numTxt::before{
	content:'6';
}
.numListStyle > li > .excmarkTxt::before{
	content:'!';
}
.numListStyle > li > .excmarkTxt > span,
.numListStyle > li > .numTxt > span{
	padding-left:4px;
}

.numListStyle > li > .dlWrap{
    gap: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.numListStyle > li > .dlWrap dt{
	width:6.5%;
}


.listProcess{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px 0 0;
}
	

.listProcess[data-length='3']{
    gap: 0 60px;
}
.listProcess[data-length='4']{
    gap: 0 50px;
}
.listProcess[data-length='6']{
	gap:0 20px;
} 
.listProcess > li{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border:1px solid #dfdfdf !important;
	border-radius:15px;
	padding:24px 20px 32px !important;
	position:relative;
	gap:6px;
}
.listProcess.noBorder > li{
	border: none !important;
	text-align:center;
	justify-content:flex-start;
}
.listProcess[data-length='3'] > li{
	width:calc((100% - 120px) / 3);
}
.listProcess[data-length='4'] > li{
	width:calc(25% - 37.5px);
}
.listProcess[data-length='6'] > li{
	width:calc(16.6666% - 16.6666px);
}
.listProcess > li::before{
	display:none !important;
}
.listProcess > li::after{
	display:block;
	content:'';
	width:21px;
	height:20px;
	background:url(/humanframe/theme/biz/assets/img/content/iconProcArrow.png);
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:-16px;
	transform:translateX(100%)
}
.listProcess > li:last-child::after{
	display:none;
}
.listProcess.noBorder > li::after{
	top:54px;
}
.listProcess > li > p{
    font-weight: 700;
    line-height: 1.5em;
    text-align:center;
}
.listProcess > li > p.bgTxt{
    background: #f7f7fa;
    padding: 7px 11px;
    border-radius: 15px;
    font-weight:400;
    line-height:1em;
    text-align:center;
}
.listProcess.noBorder > li > .contMore{
    padding-top: 40px;
    background-image: url(/humanframe/theme/biz/assets/img/content/iconArrowUp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
}
.listProcess.noBorder > li > .contMore > p{
	font-weight:700;
}
.circleTitleList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
    gap: 40px;
}
.circleTitleList > li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 40px;
    width: calc(50% - 20px);
}
.circleTitleList > li > .title{
    width: 190px;
    height: 190px;
    border-radius: 100px;
    background: #f6f5fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4em;
}
.circleTitleList > li > .listStyle{
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex:1 1 0;
}
.circleTitleList > li > .listStyle > li{
    font-weight: 400;
}
.listStyle > li > p.txtLeft,
.listStyle > li > p.txtRight{
	font-weight:400;
}
.listCompany{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.listCompany > li{
	width:16.66666%
}


@media (max-width: 1280px) {
	.dtLineList > dl{
		flex-direction:column;
	}
	.numListStyle > li > .dlWrap dt{
		width:8%;
	}
}

@media (max-width: 1047px) {
	.numListStyle > li > .dlWrap dt{
		width:10%;
	}
}
@media (max-width: 1024px) {
	.dlIconList > dl > dt,
	.listBoxTitle{
		font-size:2rem;
	}
	.circleTitleList > li > .title,
	.listBoxInfo{
    	font-size: 1.8rem;
    }
	.listCompany > li{
		width:20%
	}
	.dlIconList > dl > dd > .iconBx{
		gap: 0 45px;
        padding-left: 60px;
        background-size: auto 40px;
	}
	.dlIconList > dl > dd{
		gap:0 30px;
	}
	.listBgPpStyle > li{
		padding:24px;
	}
	.listDetailInfoStyle{
		gap:30px 0;
	}
	.listDetailInfoStyle > li{
	    flex-direction: column-reverse;
	    gap: 24px 0;
	    padding:0 0 30px;
	}
	.listDetailInfoStyle > li > .infoBx{
		gap:8px 0;
	}
	.listDetailInfoStyle > li > .infoBx > .dlWrap{
		gap:2px 0;
	}
	.circleTitleList{
		gap:24px;
	}
	.circleTitleList > li{
	    width: calc(50% - 10px);
	    gap: 0 20px;
	}
	.circleTitleList > li > .title{
	    width: 160px;
	    height: 160px;
	}
}

@media (max-width: 853px) {
	
    .numListStyle > li > .dlWrap dt {
        width: 12%;
    }
}
@media (max-width: 840px) {
	.dlIconList > dl{
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 20px 0;
    }
}
@media (max-width: 768px) {
	.listBoxStyle > li{
		width:calc(50% - 20px);
		padding:16px 30px;
	}
	.listBoxStyle.info[data-length='2']{
		gap:20px 0;
	}
	.listBoxStyle.info[data-length='2'] > li{
		width:100%;
		padding:16px;
	}
	.dtLineList > dl{
		flex-direction:row;
	}
	.dlIconList > dl > dt,
	.listBoxTitle{
		font-size:1.8rem;
	}
	
	.circleTitleList > li > .title,
	.listBoxInfo{
    	font-size: 1.6rem;
    }
    .listBgPpStyle{
    	gap:24px 0;
    }
    .listBgPpStyle > li{
    	width:100%;
	    gap: 10px 0;
	    padding: 16px;
    }
    .numListStyle{
    	gap: 16px 0;
    }
    .numListStyle > li{
    	padding-bottom:16px;
    }
    .numListStyle > li > .dlWrap dt{
    	width:14%;
    	min-width:80px;
    }
    .listProcess{
	    flex-direction: column;
	    gap: 32px 0 !important;
    }
    .listProcess > li{
	    width: 100% !important;
	    padding: 16px !important;
	    gap: 2px;
    }
    .listProcess[data-length='6'] > li{
    	background:#f7f7fa !important;
    }
    .listProcess > li::after{
	    margin-top: 0;
	    top: calc(100% + 7px) !important;
	    right: inherit;
	    left: 50%;
	    transform: translateX(-50%) rotate(90deg);
    }
	.circleTitleList > li{
	    width: 100%;
	    gap: 0 40px;
	}
	.listCompany > li{
		width:25%
	}
}
@media (max-width: 580px) {
	
	.dtLineList > dl{
		flex-direction:column;
	}
}
@media (max-width: 560px) {
	.dlIconList > dl > dd > .iconBx{
		gap:0 16px;
	}
	.srcoll-table table{
		width:800px !important;
	}
	
}
@media (max-width: 480px) {
	.listBoxStyle > li{
		width:100%;
	}
	.listCompany > li{
		width:33.3333%
	}
	dl.listStyle.row{
    	flex-direction: column;
    }
    .infoBox > dl.listStyle{
    	flex-direction:row;
    }
    dl.listStyle.row > dd{
    	margin-left: 10px;
    }
    .circleTitleList > li{
    	gap:8px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .circleTitleList > li > .listStyle{
    	align-items:center;
    }
}
@media (max-width: 360px) {
	.listCompany > li{
		width:50%;
	}
}

/* Biz List Style */

/* Biz Table Style */

.tableCol,
.tableMt,
.tableColRow{
	margin:0 auto;
	border:1px solid #ddd;
    border-top: 3px solid #2a194a;
    border-collapse:collapse;
}
.tableColRow tbody th,
.tableColRow thead th,
.tableMt thead th,
.tableMt tbody th {
    background: #f7f7fa;
    font-weight:700;
}
.tableColRow > tbody > tr:first-child > th,
.tableColRow > tbody > tr:first-child > td,
.tableMt tbody tr:first-child th:first-child,
.tableMt >tbody > tr:first-child > *{
	border-top:0;
}
.tableCol tbody td,
.tableCol tbody th,
.tableCol thead th,
.tableColRow tbody td,
.tableColRow tbody th,
.tableColRow thead th,
.tableMt tbody td,
.tableMt tbody th,
.tableMt thead th{
	border:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:22px 18px;
}
.tableCol tbody tr td:first-child,
.tableCol tbody tr th:first-child,
.tableCol thead tr th:first-child,
.tableColRow tbody tr td:first-child,
.tableColRow tbody tr th:first-child,
.tableColRow thead tr th:first-child,
.tableMt tbody tr td:first-child,
.tableMt tbody tr th:first-child,
.tableMt thead tr th:first-child{
	border-left:0;
}
.tableCol tbody td,
.tableColRow tbody td,
.tableMt tbody td{
	font-weight: 400;
}
.tableCol tbody tr:last-child td,
.tableCol tbody tr:last-child th,
.tableColRow tbody tr:last-child td,
.tableColRow tbody tr:last-child th,
.tableMt tbody tr:last-child td,
.tableMt tbody tr:last-child th{
	border-bottom:0;
}
.tableMt .listStyle > li,
.tableMt .listStyle > dt,
.tableCol .listStyle > li,
.tableCol .listStyle > dt,
.tableColRow .listStyle > li,
.tableColRow .listStyle > dt{
	font-weight:400;
}
/* Biz Table Style */

/* Biz Box Style */

.boxStyle {
	display:block;
	width:100%;
	border-radius:15px;
	padding:30px;
	line-height:1.5em;
	border:0;
	background:#f7f7fa;
	margin:0;
}
.imgBx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #f7f7fa;
    border-radius: 15px;
    padding: 50px 0;
}

.imgBx.noBg{
	background:none;
	padding:0;
	border-radius:0;
}
.txtBg{
    padding: 22px 0;
    background: #f7f7fa;
    border-radius: 10px;
    line-height:1em;	
}
.borderBox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 35px 33px;
    border: 1px solid #ddd;
    border-radius: 15px;
    gap:60px;
}
.infoBox{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 15px;
    flex: 1 1 0;
    flex-wrap: wrap;
}
.infoBox > dl.listStyle{
	margin:0;
    width: 20%;
    min-width: 250px;
}
.infoBox > dl.listStyle > dt{
	font-weight:400;
	padding:0;
}
.infoBox > dl.listStyle > dt::before{
	display:none;
}


@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
	.boxStyle{
		padding:24px;
	}
	.infoBox > dl.listStyle{
	    width: 33.3333%;
        min-width: 220px;	
	}
.tableCol tbody td,
.tableCol tbody th,
.tableCol thead th,
.tableColRow tbody td,
.tableColRow tbody th,
.tableColRow thead th,
.tableMt tbody td,
.tableMt tbody th,
.tableMt thead th{
	padding:6px 18px;
}
}
@media (max-width: 768px) {
	.boxStyle{
		padding:16px;
	}
	.imgBx{
	    padding: 20px 16px;
	}
	.borderBox{
		padding:16px;
        flex-direction: column;
        gap: 8px 0;
	}
	.infoBox > dl.listStyle{
        width: auto;
        min-width: inherit;
        padding-right: 12px;
	}
	.srcoll-table{
		margin-top:50px;
	}
	.srcoll-table:before{
        content: "SCROLL";
        display: block;
        position: absolute;
        right: 0;
        color: #502f90;
        background-color: #f5f5fa;
        padding: 8px 28px 8px 10px;
        border-radius: 30px;
        font-size: 1.5rem;
        line-height: 1em;
        top: -40px;
        background-image: url(/humanframe/theme/biz/assets/img/content/scrollArrow.png);
        background-repeat: no-repeat;
        background-position: right 9px center;
        background-size: auto;
	}
}
	

/* Biz Box Style */


/* Biz Content Style */
.h4SBgTitle{
    display: block;
    text-align: center;
    padding: 29px 0 35px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: right 40px bottom;
    background-size: auto;
    width:100%;
}
.h4SBgTitle > p{
    font-size: 2.4rem;
    line-height: 1em;
    font-weight:700;
}
.h4SBgTitle.bg01{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment03BgItem03.png),linear-gradient(to right, #5a359e, #a590c9);
	background-position:right 40px bottom,right bottom;
}
.h4SBgTitle.bg02{
    background-color: #f7f7fa;
    background-image: url(/humanframe/theme/biz/assets/img/content/investment03BgItem04.png);}
.con{
    display: block;
    width: 100%;
    padding: 30px 0;
    margin-bottom:30px;
    border-bottom:1px solid #ddd;
}
.con:first-child{
    border-top: 2px solid #2a194a;
}   
.con:last-child{
	border-bottom:0;
}
.con > ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap:0 50px;
}
.con > ul > .con_R{
	display:block;
}
.con > ul > .con_R > .liImg{
    display: block;
    width: auto;
    border-radius: 10px;
    overflow: hidden;
}
.con > ul > .con_R > .liImg > img{
	display:block;
	width:100%;
}
.con > ul > .con_L{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0 150px;
    flex-wrap:wrap;
    flex: 1 1 0;
}
.con > ul > .con_F{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	flex: 1 1 0;
}
.con_LBx{
    width: calc(50% - 75px);
}
.con_FBx{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
    gap:0 30px;
}
.con_FBx > .h5Bl{
	width:100%;
}
@media (max-width: 1280px) {
	.con > ul > .con_L{
	    gap: 0 70px;
	}
	.con_LBx {
    	width: calc(50% - 35px);
	}
}
@media (max-width: 1024px) {
	.con > ul > .con_L{
	    gap: 0 30px;
	}
	.con_LBx {
    width: calc(50% - 15px);
	}
	.h4SBgTitle > p{
	    font-size: 2rem;
	}
}
@media (max-width: 880px) {
	.con > ul{
		flex-direction:column;
		align-items:flex-start;
	}
	.con > ul > .con_L{
		width:100%;
	}
}
@media (max-width: 768px) {
	.con_LBx {
    	width: 100%;
	}
	.h4SBgTitle.bg01{
	    background-image: linear-gradient(to right, #5a359e, #a590c9);
	    background-position: center;
	}
	.h4SBgTitle.bg02{
    	background-position: right bottom;
	}
	.h4SBgTitle > p{
	    font-size: 1.8rem;
	}
	.con > ul{
		flex-direction:row;
		gap:0 20px;
	}
}
@media (max-width: 640px) {
	
    .con > ul {
        flex-direction: column;
        gap: 20px 0;
    }
    .con > ul > .con_L {
        width: 100%;
        gap: 0 20px;
    }
    .con_LBx {
        width: calc(50% - 10px);
    }
}
@media (max-width: 480px) {
	
    .con_LBx {
        width: 100%;
    }
    .con > ul > .con_L {
        gap: 16px;
    }
}



/* 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:bold; 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:block; padding:20px; }
.boardTextGallery > ul > li > a::after{
	display:block;
	content:'';
	clear:both;
}
.boardTextGallery > ul > li > a:focus{
	outline:2px solid #000;
}
.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%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.boardTextGallery .tgCont { box-sizing:border-box; }
.boardTextGallery .bTitle {margin:10px 0 5px; font-size:21px;height: 26px;font-weight:bold;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.boardTextGallery .tgCont .sTitle { font-weight:bold;  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:bold; 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 .tgCont .tgTxt .writer {margin-bottom: 5px; 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:bold; 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:bold; 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:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; 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:bold; color:#FFBB00; }
.boardTextGallery4 .egCont dl { overflow:hidden; }
.boardTextGallery4 .egCont dt { float:left; padding:3px 15px 3px 0; width:20%; font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; 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;}


/*20230628 아이프레임 스타일 추가*/

.ifrm_vx{
	background:#fff !important;
}
.ifrm_vx iframe{
	width:100% !important;
	border:3px solid #f0f1f5 !important;
	height:1200px !important;
}

@media (max-width: 768px) {
	.boardTextGallery .tgImg {width:100%; float:none;}
}
	
/* Gallery */
/* table 스크롤 삭제 */
@media (max-width: 1024px) {
	
	.borderListWrap{
		padding-top:0;
	}
	.boardList{
		min-width:inherit;
	}
	.parkboardWrap > .boardList{
		min-width:600px;
	}
	.parkboardWrap::before, .borderListWrap::before{
		display:none;
	}
}
@media (max-width: 768px) {
	.srcoll-table{
		margin-top:0;
	}
	.srcoll-table:before{
		display:none;
	}
	.srcoll-table:after{
		display:none;
	}
	.srcoll-table table{
		width:auto !important;
	}
}
/* table 스크롤 삭제 */

/* Biz Cont Style */
.contentBg{
    display: block;
    width: 100vw;
    margin:0 auto;
    text-align: center;
    padding: 120px 0 130px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contentBg.bg01{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment03BgItem01.png);
}
.contentBg.bg02{
    background-image: url(/humanframe/theme/biz/assets/img/content/investment03BgItem02.png);
}
.contentBg > .bgTitle{
	font-size:3.2rem;
	line-height:1.5em;
	color:#fff;
	width:80%;
	margin:0 auto;
}
.btn{
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #5a359e;
    color: #5a359e;
    font-weight: 600;
    padding: 10px 50px 10px 15px;
    transition: all .25s ease;
    background-position:right 15px center;
    background-repeat:no-repeat;
    background-size:auto;
}
.btn:hover,
.btn:focus{
	color:#fff;
	background-color:#5a359e;
}
.btn.down{
    background-image: url(/humanframe/theme/biz/assets/img/content/ico_down.png);
}
.btn.jump{
    background-image: url(/humanframe/theme/biz/assets/img/common/btnJumpPp.png);
}
.btn.down:hover,
.btn.down:focus{
    background-image: url(/humanframe/theme/biz/assets/img/content/ico_down2.png);
}
.btn.jump:hover,
.btn.jump:focus{
    background-image: url(/humanframe/theme/biz/assets/img/common/btnJumpWh.png);
}
.m16-0{
	margin:16px 0 !important;
}
.mb8{
	margin-bottom:8px !important;
}
.mb16{
	margin-bottom:16px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb22{
	margin-bottom:22px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb60{
	margin-bottom:60px !important;
}
.mb80{
	margin-bottom:80px !important;
}
.mb120{
	margin-bottom:120px !important;
}
.mt8{
	margin-top:8px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt60{
	margin-top:60px !important;
}
.mt100{
	margin-top:100px !important;
}
.pr0{
	padding-right:0 !important;
}
.fwR{
	font-weight:400 !important;
}
.fwB{
	font-weight:700 !important;
}
.fwDL{
	font-weight:300 !important;
}
.fcPp{
	color:#5a359e !important;
}
.fcWh{
	color:#fff !important;
}
.fs18{
	font-size:1.8rem !important;
}
.fs20{
	font-size:2rem !important;
}
.fs24{
	font-size:2.4rem !important;
}
.fs40{
	font-size:4rem !important;
}

@media (max-width: 1504px) {
	.contentBg{
		margin-left:-32px;
	}
}
@media (max-width: 1280px) {
	.contentBg > .bgTitle{
		font-size:3rem;
	}
	.mt60{
		margin-top:50px !important;
	}
	.fs18 {
    	font-size: 1.7rem !important;
	}
	.fs24{
		font-size:2rem !important;
	}
	.fs40{
		font-size:3.6rem !important;
	}
}
@media (max-width: 1024px) {
	.contentBg > .bgTitle{
		font-size:2.8rem;
	}
	.mt60{
		margin-top:40px !important;
	}
	.mb60{
		margin-bottom:40px !important;
	}
	.mb80{
		margin-bottom:60px !important;
	}
	.mb120{
		margin-bottom:100px !important;
	}
	.fs18 {
    	font-size: 1.6rem !important;
	}
	.fs40{
		font-size:3.2rem !important;
	}
}
@media (max-width: 768px) {
	.contentBg{
		margin-left:-16px;
		padding:80px 0 90px;
	}
	.contentBg > .bgTitle{
		font-size:2.4rem;
	}
	.m16-0{
		margin:8px 0 !important;
	}
	.mt60{
		margin-top:30px !important;
	}
	.mb16 {
    	margin-bottom: 8px !important;
	}
	.mb60{
		margin-bottom:30px !important;
	}
	.mb80{
		margin-bottom:40px !important;
	}
	.mb120{
		margin-bottom:80px !important;
	}
	.fs18 {
    	font-size: 1.5rem !important;
	}
	.fs20{
		font-size: 1.6rem !important!
	}
	.fs24{
		font-size:1.8rem !important;
	}
	.fs40{
		font-size:2.8rem !important;
	}
	
}
@media (max-width: 480px) {
	.contentBg > .bgTitle{
		font-size:2rem;
	}
	.mb120{
		margin-bottom:60px !important;
	}
	.fs40{
		font-size:2.4rem !important;
	}
}

/* Biz Cont Style */
.baDel::before,
.baDel::after{
	display:none !important;
}
/*이전보도자료 안보이게*/
#contents > .txtRight.mb10{
	display:none;
}