.boaContWrap{
	position:relative;
	width:100%;
	background:#fff;
	padding: 2rem 0 12rem 0;
}
.boaSideBox {
    position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}
.boaContWrap .ociSubP_Title .ospT {
	text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

/*-----------------------------------------
# 뉴스룸
-------------------------------------------*/
.media_bg {
    background-image: url(/public/img/oci/sub/media_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.newsCardWrap{
	position:relative;
	margin:6rem 0 0 0;
}

/*==== one news ====*/
.oneNewsCard{
	position:Relative;
	width:100%;
	margin:0 0 4rem 0;
}
.oneNewsCardInner{
	display:flex;
	width:100%;
	position:Relative;
}
.oneNewscardImg {
    position: relative;
    height: 0;
	width: 50%;
    overflow: hidden;
    padding-bottom: 28.125%;
    z-index: 6;
}
.oneNewscardImg img {
	width: 100%;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
figure.oneNewscardImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 4;
}
.oneNewsCardInner .boacardText {
    display: flex;
    width: 50%;
    border-top: 1px solid #EEE;
    padding: 5rem 6rem 3rem 6rem;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-left: none;
    flex-direction: column;
    justify-content: space-between;
}
.oneNewsCardInner .boacardText .bctitle dl{
	margin:0 0 1.6rem 0;
	color: #F4020C;
	text-align: left;
	font-family: 'Outfit', sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
	letter-spacing: 1.2px;
}
.oneNewsCardInner .bcBottom {
    padding: 3rem 0 0 0;
    margin: 3rem 0 0 0;
}
@media screen and (max-width: 1600px) {
	.oneNewsCardInner .boacardText {
		padding: 4rem 5rem 3rem 5rem;
	}
}
@media screen and (max-width: 1200px) {
	.oneNewsCardInner .boacardText {
		padding: 3rem 4rem 3rem 4rem;
	}
	.oneNewsCardInner .boacardText .bctitle dl {
		margin: 0 0 1rem 0;
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: 1.2px;
	}
	.oneNewsCardInner .bcBottom {
		padding: 2rem 0 0 0;
		margin: 2rem 0 0 0;
	}
}
@media screen and (max-width: 991px) {
	.oneNewsCardInner {
		display: flex;
		width: 100%;
		position: Relative;
		flex-direction: column;
	}
	.oneNewscardImg {
		width: 100%;
		padding-bottom: 56.09%;
	}
	.oneNewsCardInner .boacardText {
		border-top: none;
		border-left: 1px solid #EEE;
		width: 100%;
		padding: 3rem 3rem 3rem 3rem;
	}
}
@media screen and (max-width: 767px) {
	.oneNewsCard {
		margin: 0 0 0rem 0;
	}
	.oneNewsCardInner .boacardText {
		padding: 1.4rem 1.6rem 1.4rem 1.6rem;
	}
	.oneNewsCardInner .boacardText .bctitle dl {
		margin: 0 0 0.6rem 0;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 1px;
	}
	.oneNewsCardInner .bcBottom {
		padding: 1.4rem 0 0 0;
		margin: 1.4rem 0 0 0;
	}
}
/*==== // one news ====*/

.newsCard ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.newsCard li {
    flex: 0 0 calc(33.3333333% - 3rem);
    margin: 1.5rem;
    box-sizing: border-box;
}
.boacardImg {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.208%;
    z-index: 6;
}
figure.boacardImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 4;
}
.boacardImg img {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.boacard{
	position:relative;
	background: #F9F9F9;
	width:100%;
	height:100%;
}
.boacardText{
    position: Relative;
    width: 100%;
    display: flex;
    padding: 2rem 3rem 2rem 3rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    background: #FFF;
}
.boacard:hover .bctitle h2{
	font-family: pretendard-700;
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.bctitle h2{
    text-decoration: none;
    min-height: 6.8rem;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    text-align: left;
    font-family: pretendard-500;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.4rem;
}
.bctitle h3{
    margin: 1.4rem 0 0 0;
    min-height: 5.6rem;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    text-align: left;
    font-family: pretendard-300;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.8rem;
    letter-spacing: -0.32px;
}

.bcBottom{
	width: 100%;
    border-top: 1px solid #eee;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bcmore{
	text-decoration: none;
    margin: 0;
    color: #000;
    font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.3px;
}
.bcday{
    display: inline-block;
    margin: 0!important;
    color: #AAA;
    font-family: pretendard-600;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: -0.3px;
}


@media screen and (max-width: 1600px) {
	.boaContWrap {
		padding: 2rem 0 12rem 0;
	}
	.newsCard ul {
		margin: -1rem;
	}
	.newsCard li {
		flex: 0 0 calc(33.3333333% - 2rem);
		margin: 1rem;
	}
	.boacardText{
		padding: 2rem 2rem 2rem 2rem;
	}
	.bctitle h2{
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.bctitle h3{
		margin: 1.2rem 0 0 0;
		min-height: 5rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
		letter-spacing: -0.32px;
	}
}
@media screen and (max-width: 1200px) {
	.boaContWrap {
		padding: 2rem 0 10rem 0;
	}
}
@media screen and (max-width: 991px) {
	.boaContWrap {
		padding: 2rem 0 8rem 0;
	}
	.newsCard ul {
		margin: -1rem;
	}
	.newsCard li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
	.bcBottom{
		padding: 1.6rem 0 0 0;
		margin: 1.6rem 0 0 0;
	}
	.bctitle h2{
		min-height: 6rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	bctitle h3{
		margin: 1.2rem 0 0 0;
		min-height: 4.4rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
		letter-spacing: -0.32px;
	}
	.bcmore{
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.bcday{
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: -0.3px;
	}
}
@media screen and (max-width: 767px) {
	.boaContWrap {
		padding: 2rem 0 5rem 0;
	}
	.newsCardWrap {
		margin: 3rem 0 0 0;
	}
	.newsCard ul {
		gap: 2rem;
		margin: 0rem;
	}
	.newsCard li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.boacardText{
		padding: 1.4rem 1.6rem 1.4rem 1.6rem;
	}
	.bctitle h2{
		min-height:auto;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.bctitle h3{
		margin: 0.6rem 0 0 0;
		min-height: 4.4rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
		letter-spacing: -0.26px;
	}
	.bcBottom{
		padding: 1.4rem 0 0 0;
		margin: 1.4rem 0 0 0;
	}
	.bcmore{
		letter-spacing: -0.24px;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.bcday{
		letter-spacing: -0.24px;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}

/*-----------------------------------------
# 자료실
-------------------------------------------*/
.dataroomContPage {
    position: relative;
    width: 100%;
    padding: 2rem 0 12rem 0;
}
.dataroomContPage .subpNavBox{
	/* margin:0; */
	z-index:2;
	position:Relative;
}
.dataroomContPage .subpNav ul{
	background: initial;
}
.dataroomContPage .boaSideBox{
	z-index:2;
	position:Relative;
}

.dataroomContPage .ociSubP_Title .ospT {
	text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}


.bgsvg01{
	position: absolute;
    top: 107.8rem;
	left:0;
	z-index:1;
}
.bgsvg02{
	position: absolute;
	top: 18rem;
	right:0;
	z-index:1;
}

.dataroomContPage .mini_Title{
	position:Relative;
	width:100%;
}
.dataroomContPage .mini_Title .miniT{line-height:6.2rem;}


.dataSeaBox{
	position:Relative;
	margin:1rem 0 0 0;
}



.dataseaLine {
    top: 0;
    right: 0;
    position: absolute;
    padding: 0rem 0 0 0;
}
.dataseaLine .pdNavBar {
    height: 6.2rem;
}
.dataseaLine .pdNavInput {
    height: 6.2rem;
}
.dataseaLine .pdNavInput form {
    background: #F8F8F8;
}
.dataseaLine .pdNavInput input {
    background: #F8F8F8;
}


.fileListWrap{
	margin:3rem 0 0 0;
	width:100%;
	position:Relative;
}
.fileListWrap .fileList ul{
	gap:1rem;
	margin: 0rem;
}
.fileListWrap .fileList ul li{
	flex: 0 0 calc(100% - 0rem);
	margin: 0;
}


.result_noneBox {
    width: 100%;
    position: relative;
    padding: 22rem 0rem 14rem 0rem;
}
.result_noneInner {
    display: block;
    font-size: 2.4rem;
    font-family: pretendard-400;
    line-height: 2rem;
    letter-spacing: 0px;
    text-align: center;
    color: #aaa;
}


.dataroomContWrap{
	position:Relative;
	width:100%;
}
.dataroomCont{
	position:Relative;
	width:100%;
	margin:8rem 0 0 0;
}
.dataroomCont .mini_Title {
	gap:1rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.dataroomCont .mini_Title .miniT{
	margin:0;
}
.dataroomCont .mini_Title p svg {
    width: 1.8rem;
    height: 2.6rem;
}

.brosBox{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8rem;
	align-self: stretch;
	
	margin:3rem 0 0 0;
	position:Relative;
	width:100%;
	padding: 4rem 9rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(10px);
}
.bros {
    gap: 2.4rem;
    display: flex;
    width: 100%;
    position: Relative;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.brosImg {
    display: flex;
}
.brosTbox {
    gap: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.brosTbox h3{
	margin:0;
	color: #000;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.norDownBtn{
	position:Relative;
}
.norDownBtn.wid200{width:20rem;}
.norDownBtn.wid140{width:14rem;}
.norDownBtn a{
	display: flex;
	width: 100%;
	padding: 1.5rem 2.6rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border: 1px solid #DDD;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.norDownBtn a span {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/public/img/oci/common/downicon_black.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.norDownBtn a:hover{
	color: #F4020C;
	border: 1px solid #F4020C;
}
.norDownBtn a:hover span{
	background-image: url(/public/img/oci/common/downicon_red.png);
}
.norDownBtnFlex {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.ciBoxInner{
	margin:3rem 0 0 0;
	position:Relative;
	width:100%;
	padding: 16rem 0 4rem 0;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(15px);
}
.ciBox{
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	margin:0 0 14rem 0;
}
.cibvoid {
    width: 1px;
    height: 7rem;
    background: #EEE;
}
.ciB{
	width:100%;
}
.ciB.fir {
    padding: 0 0rem 0 0;
    display: flex;
    justify-content: center;
}
/* .ciB.fir { */
    /* padding: 0 15rem 0 0; */
    /* display: flex; */
    /* justify-content: flex-end; */
/* } */

.ciBImg img{
	height:7rem;
}

.ciB.sed {
    position: Relative;
    border-left: 1px solid #eee;
    padding: 0 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cibInfobox{
	gap:2rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.cibInfo{
	position:Relative;
}
.cibInfo h3{
	margin:0 0 1.2rem 0;
	position:Relative;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.9rem;
}
.cibInfoColor{
	width: 24rem;
	height: 11rem;
}
.cibInfoColor.red{
	background: #F4020C;
}
.cibInfoColor.black{
	background: #000;
}
.cibInfoText{
	margin:1.2rem 0 0 0;
	position:Relative;
	width:100%;
}
.cibInfoText p{
	margin:0.4rem 0 0 0;
	display:flex;
}
.cibInfoText p b{
	margin:0;
	min-width:8rem;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.7rem;
}
.cibInfoText p span{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.7rem;
}
@media (max-width: 1910px) {
	.bgsvg01, .bgsvg02{
		display:none;
	}
}
@media (max-width: 1600px) {
	.dataroomContPage {
		padding: 2rem 0 12rem 0;
	}
	
	
	.ciBoxInner {
		margin: 3rem 0 0 0;
		padding: 12rem 0 4rem 0;
	}
	.ciBox {
		margin: 0 0 12rem 0;
	}
	/* .ciB.fir { */
		/* padding: 0 12rem 0 0; */
	/* } */
	/* .ciB.sed { */
		/* padding: 0 0 0 12rem; */
	/* } */
	
	
    /* .dataseaLine { */
        /* padding: 6rem 0 0 0; */
    /* } */
}
@media (max-width: 991px) {
	.dataroomContPage {
		padding: 2rem 0 8rem 0;
	}
	
	.brosBox {
		gap: 4rem;
		margin: 3rem 0 0 0;
		padding: 4rem 4rem;
	}
	
	
	.dataseaLine .pdNavBar {
		height: 6.2rem
	}
	.dataseaLine .pdNavInput form {
		padding: 0 2rem;
	}
	
	
	.ciBoxInner {
		margin: 3rem 0 0 0;
		padding: 6rem 0 4rem 0;
	}
	.ciBox {
		margin: 0 0 6rem 0;
		padding: 0 4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		flex-direction: column;
	}
	.ciB.sed {
		padding: 6rem 0 0 0;
		margin: 6rem 0 0 0;
		border-top: 1px solid #eee;
		border-left: none;
	}
}
@media (max-width: 767px) {
	.dataroomContPage {
		padding: 2rem 0 5rem 0;
	}
	
	.dataroomCont {
		margin: 4rem 0 0 0;
	}
	.dataroomCont .mini_Title {
		gap: 0.8rem;
	}
	.dataroomCont .mini_Title .miniT {
		font-size: 1.8rem;
		line-height: 3.6rem;
		margin: 0;
	}
	.dataroomCont .mini_Title p svg {
		width: 1.5rem;
		height: 2.2rem;
	}
	
	
	.dataSeaBox{
		margin:1rem 0 0 0;
	}
	.dataSeaBox .pdNavInput{
		margin:0;
	}
	
	
	.dataseaLine {
		margin: 1rem 0 0 0;
		top: 0;
		right: 0;
		position: relative;
		padding: 0rem 0 0 0;
	}
	.dataseaLine .pdNavBar {
		height: 5.6rem;
	}
	.dataseaLine .pdNavInput {
		height: 5.6rem;
	}
	.dataseaLine .pdNavInput form {
		padding: 0 0rem;
	}
	
	
	
	.brosBox {
		display: flex;
		gap: 0;
		margin: 1rem 0 0 0;
		padding: 2rem;
		flex-direction: column;
	}
	.bros {
		gap: 1.6rem;
	}
	.bros:nth-child(1){
		border-bottom:1px solid #eee;
		padding:0 0 4rem 0;
		margin:0 0 4rem 0;
	}
	.brosTbox {
		width:100%;
		gap: 1rem;
	}
	.brosTbox h3 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.norDownBtn a {
		display: flex;
		width: 100%;
		padding: 1.5rem 2.6rem;
		gap: 1rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.norDownBtn a span {
		width: 1.2rem;
		height: 1.2rem;
	}
	.norDownBtn.wid200 {
		width: 100%;
	}
	.ciBoxInner {
		margin: 1rem 0 0 0;
		padding: 6rem 2rem 2rem 2rem;
	}
	.ciBImg img {
		height: 5rem;
	}
	.ciBox {
		padding: 0;
		margin: 0 0 4rem 0;
	}
	.cibInfobox {
		width: 100%;
		gap: 1.1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cibInfo {
		width: 100%;
		position: Relative;
	}
	.cibInfoColor {
		width: 100%;
		height: 8rem;
	}
	.cibInfo h3 {
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.cibInfoText {
		margin: 0.8rem 0 0 0;
	}
	.cibInfoText p b {
		margin: 0;
		min-width: 3.8rem;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.cibInfoText p span {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	
	
	.norDownBtnFlex {
		width: 100%;
		display: flex;
		gap: 0.4rem;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.norDownBtn.wid140 {
		width: 100%;
	}
	
	
	
	
	
	.fileListWrap {
		margin: 1.6rem 0 0 0;
	}
	
	.result_noneBox {
        padding: 14rem 0rem 14rem 0rem;
    }
	.result_noneInner {
        font-size: 2rem;
        line-height: 2rem;
    }
}
@media (max-width: 500px) {
	.brosImg.brochure img{height:16.9rem;}
	.ciBImg img {
		height: 3.4rem;
	}
}

/*-----------------------------------------
# 게시판 상세페이지
-------------------------------------------*/
.pmWrap{
    position: relative;
}
.pmWrap .subVWrap {
    padding-top: 14.4rem;
    padding-bottom: 11rem;
} 
.pmWrap .subVPageTopName {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 1.76px;
}
.pmWrap .subVPageName {
    font-size: 6rem;
    line-height: 7rem;
}
.pmdeWrap {
    width: 100%;
    position: relative;
    padding: 10rem 0rem 10rem 0rem;
}
.pmdeSidebox {
	max-width: 104rem;
    padding: 0rem 2rem;
    margin: 0 auto;
    position: relative;
    width: 100%;
}


.linkbackBox{
	display:block;
	margin-bottom:6rem;
}
.linkback{
	display:inline-block;
}
.linkback a {
    display: flex;
    color: #999;
    font-size: 2rem;
    font-family: pretendard-400;
    line-height: 3.6rem;
    align-items: center;
    justify-content: flex-start;
}
.linkback a img{
	height:1.4rem;
	margin-right:1rem;
	display:inline-block;
}
.pmdetbox{
	width:100%;
	position:relative;
	/* margin-bottom:6rem; */
	/* padding-bottom:6rem; */
	/* border-bottom:1px solid #eee; */
}
.pmdetbox p{
	color: #53071B;
    font-size: 2rem;
    font-style: normal;
	font-weight: 600;
    font-family: pretendard-600;
    line-height: 2.4rem;
	padding:0;
	display:block;
	margin:0 0 1rem 0;
}
.pmdetbox h1{
	display:block;
	text-align:left;
	color: #000;
	font-size: 3.6rem;
	font-weight: 600;
	font-family: pretendard-600;
	line-height: 5rem;
	margin-bottom:3rem;
}


.regcntbox {
    height: 3.4rem;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.regcntbox .nbsnsbox{
	top:0rem;
}
.regcntbox dl{
	position:relative;
	display:flex;
	margin-right:4.1rem;
}
.contnone{
	margin-right:0rem!important;
}
.contnone:after{
	content:none!important;
}
.regcntbox dl:after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 1rem;
    width: 1px;
    height: 1.4rem;
    background: #EEEEEE;
}
.regcntbox dl span{
	font-size: 1.4rem;
	font-family: pretendard-500;
	font-weight: 500;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
	margin-right:1rem;
	display:inline-block;
}
.regcntbox dl b{
	margin:0;
	padding:0;
	display:inline-block;
	font-size: 1.4rem;
	font-family: pretendard-600;
	font-weight: 600;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#000;
}

.caselawBox .caSlideBox .swiper{
	padding:3rem 0 0 0;
}
.caselawBox .caseperson img {
    height: 7.5rem;
}
.caselawBox .caseperson span {
    margin: 0.4rem 0 0 0;
    font-size: 1.45rem;
    line-height: 1.6rem;
}

.linkcopy{
	cursor:pointer;
}


.put_contbox{
	width:100%;
	position:relative;
	
	margin: 6rem 0 6rem 0;
    padding: 6rem 0 6rem 0;
	border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* .putdim{ */
	/* position:absolute; */
	/* left:0; */
	/* top:0; */
	/* width:100%; */
	/* height:100%; */
	/* z-index:3; */
/* } */

.put_cont{
	max-width:100rem;
	position:relative;
	margin:0 auto;
}
.putcsum{
	border-radius: 1rem;
	display:block;
	text-align:center;
	position:relative;
	overflow: hidden;
}
.putcsum img{
	display:inline-block;
	max-width:100%;
}

.putcifame{
	border-radius: 0.4rem;
	display:block;
	text-align:center;
	position:relative;
	overflow: hidden;
	padding-bottom: 56.18%;
}
.putcifame iframe{
	border-radius: 0.4rem;
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}

.putcsum img{
	display:inline-block;
	max-width:100%;
}


.put_contbtnbox {
    display: block;
    text-align: Center;
    /* margin-top: 6rem; */
    /* padding-top: 6rem; */
    /* border-top: 1px solid #EEE; */
}
.put_contbtn{
	width:18rem;
	height:6rem;
	position:relative;
	display:inline-block;
}
.put_contbtn a {
    border-radius: 0;
    border: 1px solid #222;
    background: #FFF;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    color: #222;
    font-family: pretendard-400;
    font-size: 1.8rem;
    line-height: 3.5rem;
    letter-spacing: 0.72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.putcont{
	position:relative;
	display:block;
}


.ircontdetail .put_contbtnbox {
    display: block;
    text-align: Center;
    margin-top: 6rem;
    padding-top: 0rem;
    border-top: none;
}

.fliecontbox{
	display:block;
	margin-top:6rem;
}
.fcti {
    display: flex;
    color: #111;
    font-family: pretendard-500;
    font-size: 2rem;
    font-weight: 500;
    line-height: 5rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.6rem;
    align-items: center;
}
.fcti dl {
	margin-left:0.6rem;
    border-radius: 50%;
    border: 0.733px solid #F4020C;
    background: #F4020C;
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    text-align: center;
    font-family: pretendard-700;
    font-size: 1.4rem;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.download_file {
	position:relative;
    display: block;
    padding: 1rem 0px 1rem 0px;
	text-align:left;
}
.download_file:hover .file_title a{
	color: #111;
	font-weight: 400;
	text-decoration:underline;
}
.download_file:hover .file_icon{
	background-image: url(/public/img/oci/sub/fliedown_on.png);
}
.file_title {
    padding-right: 4rem;
    display: block;
}
.file_title a{
	display:block;
	font-size: 1.6rem;
    line-height: 3.4rem;
    font-weight: 400;
    color: #555;
}
.file_title a span.filesize{
	font-size: 1.4rem;
	color: #aaa;
	margin:0 0 0 1rem;
}
.file_icon {
	position:absolute;
	right:0rem;
	top:1rem;
	width:3.4rem;
	height:3.4rem;
	display: inline-block;
	
	background-image: url(/public/img/oci/sub/fliedown_off.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.file_icon img{
    height: 1.5rem;
    position: relative;
    top: 0.2rem;
}
.nxt_subjectTBox {
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 3.2rem;
    font-family: pretendard-300;
	word-break: break-all;
}
.nxt_subjectTBox strong{
	font-family: pretendard-700;
}
.nxt_subjectTBox h2 {
    line-height: 3.2rem;
    margin: 0 0 1rem 0;
    padding: 0;
    display: block;
    font-size: 2.4rem;
	font-family: pretendard-600;
	font-weight: 600;
}
.nxt_subjectTBox h3 {
    line-height: 3rem;
    margin: 0 0 1rem 0;
    padding: 0;
    display: block;
    font-size: 2rem;
	font-family: pretendard-500;
	font-weight: 500;
}
.nxt_subjectTBox img{
	width:auto!important;
	height:auto!important;
	max-width:100%;
	display:inline-block;
}

.nxt_subjectTBox ul{
	position:relative;
}
.nxt_subjectTBox ul li {
    padding: 0 0 0 1.4rem;
    position: relative;
    display: block;
	font-size: 1.8rem;
    line-height: 3.2rem;
	font-weight:300;
    font-family: pretendard-300;
	word-break: break-all;
}
.nxt_subjectTBox ul li:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.2rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #111;
}
.nxt_subjectTBox a {
    color: blue;
}

@media (max-width:1500px) and (min-width:992px) {
	.pmWrap .subVPageTopName {margin-bottom: 1.8rem; font-size: 2rem; line-height: 2.2rem;}
	.pmWrap .subVPageName {font-size: 5rem; line-height: 7rem;}
	
	.linkbackBox {margin-bottom: 4rem;}
	/* .linkback a img {height: 5rem;} */
	
	.pmdetbox {}
	.pmdetbox h1 {font-size: 3rem; line-height: 4rem; margin-bottom: 2rem;}
	
	.put_contbox {
		margin: 5rem 0 5rem 0;
		padding: 5rem 0 5rem 0;
	}
	.put_contbtnbox {}
	.put_contbtn {width: 16rem; height: 5rem;}
	.put_contbtn a {font-size:1.6rem;}
}

@media (max-width:991px) {
	.linkbackBox {display: block; margin-bottom: 4rem;}
	.linkback a img { margin-right: 1rem;}
	.linkback a {font-size: 2rem; line-height: 3rem;}
}

@media (max-width:767px) {
	.pmWrap .subVWrap {
		padding-top: 8rem;
		padding-bottom: 6rem;
	}
	.pmWrap .subVPageTopName {
		margin-bottom: 1.4rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
		letter-spacing: 1.04px;	
	}
	.pmWrap .subVPageName {
		font-size: 3rem;
		line-height: 3.8rem;
		letter-spacing: -0.9px;
	}
	
	.pmdeWrap {
		padding: 5rem 0rem 5rem 0rem;
	}
	
	.caseDetail .pmdeSidebox {
		padding: 0rem 0rem;
	}
	.caseDetail .linkbackBox {padding: 0 2rem;}
	.caseDetail .pmdetbox p {padding: 0 2rem;}
	.caseDetail .pmdetbox h1 {padding: 0 2rem;}
	.caseDetail .regcntbox{padding: 0 2rem;}
	.caseDetail .caselawBox {
		padding: 0 0 0 0;
	}
	.caseDetail .caSlideBox {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.caseDetail .caSlideBox .swiper{
		overflow: unset;
	}
	.caseput_contbox{
		padding:0 2rem;
	}
	/* .caseDetail .put_contbtnbox{padding: 3rem 2rem 0 2rem;} */
	
	.linkbackBox {
		display: block;
		margin-bottom: 2rem;
	}
	.linkback a img {
		height: 1.2rem;
		margin-right: 1rem;
	}
	.linkback a {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	.pmdetbox {
	}
	.pmdetbox p {
		font-size: 1.4rem;
		line-height: 2rem;
		margin: 0 0 0.6rem 0;
	}
	.pmdetbox h1 {
		font-size: 2.2rem;
		line-height: 3rem;
		margin-bottom: 2rem;
		letter-spacing: -0.48px;
	}
	
	.regcntbox dl {
		margin-right: 2.3rem;
	}
	.regcntbox {
		height: auto;
	}
	.regcntbox dl span {
		letter-spacing: -0.24px;
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-right: 0.8rem;
	}
	.regcntbox dl b{
		letter-spacing: -0.24px;
		font-weight:700;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.regcntbox dl:after {
		
		
		content: none;
		/* position: absolute; */
		/* right: -1.5rem; */
		/* top: 0.35rem; */
		/* width: 1px; */
		/* height: 1.1rem; */
		/* background: #EEEEEE; */
	}
	
	
	.caselawBox .caseperson img {
		height: 5rem;
	}
	.caselawBox .caseperson span {
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	

	.put_contbox {
		margin: 3rem 0 3rem 0;
		padding: 3rem 0 3rem 0;
	}
	
	
	.put_contbtnbox {
	}
	.put_contbtn {
		width: 100%;
		height: 5rem;
	}
	.put_contbtn a {
		border-radius: 0.3rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
		letter-spacing: 0px;
	}
	
	
	.fliecontbox {
		margin-top: 3rem;
	}
	.fcti {
		font-size: 1.6rem;
		line-height: 3.6rem;
		padding-bottom: 1rem;
		margin-bottom: 0.6rem;
	}
	.download_file {
		padding: 1rem 0 1rem 0;
	}
	.file_title {
		padding-right: 4.4rem;
	}
	.file_title a{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.file_title a span.filesize {
		font-size: 1.2rem;
		color: #aaa;
		margin: 0 0 0 0.6rem;
	}
	.file_icon {
		top: 1rem;
		width: 2.4rem;
		height: 2.4rem;
	}
	.fcti dl {
		margin-left: 0.5rem;
		border: 0.733px solid #F4020C;
		width: 2rem;
		height: 2rem;
		font-size: 1.2rem;
	}
	
	.nxt_subjectTBox {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.nxt_subjectTBox h2 {
		letter-spacing: -0.6px;
		line-height: 2.8rem;
		margin: 0 0 1rem 0;
		font-size: 2rem;
	}
	.nxt_subjectTBox h3 {
		letter-spacing: -0.4px;
		line-height: 2.4rem;
		margin: 0 0 1rem 0;
		font-size: 1.7rem;
	}
	.nxt_subjectTBox ul li {
		padding: 0 0 0 1.2rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.nxt_subjectTBox ul li:before {
		top: 1rem;
		width: 4px;
		height: 4px;
	}
}


/*-----------------------------------------
# 페이징
-------------------------------------------*/
.pc_pagenation{
	display:block;
}
.mo_pagenation{
	display:none;
}
.front_paging_line{
	margin-top:5rem;
	display:block;
	text-align:center;
}
.front_paging_box{
	display:inline-block;
}
.flex_box{
	display:flex;
}
.front_paging_number_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:0.4rem;
}
.front_paging_number_box ul li.on_front_paging{
	background: #F4020C;
	color:#fff;
	border: 1px solid #F4020C;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li.on_front_paging:hover{
	background: #F4020C;
	color:#fff;
	border: 1px solid #F4020C;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li {
    margin: 0;
    cursor: pointer;
    border-radius: 0;
	background: #F3F3F3;
    width: 5rem;
    height: 5rem;
    border: 1px solid #F3F3F3;
    display: flex;
    color: #222;
    font-size: 1.6rem;
    font-family: pretendard-500;
    line-height: 2.2rem;
    align-items: center;
    justify-content: center;
}
.front_paging_number_box ul li:hover{
	border: 1px solid #F4020C;
	background: #FFF;
	font-family: pretendard-500;
	font-weight: 500;
	color: #F4020C;
}

.prev_page {
	margin-right:0.4rem;
	position:relative;
	cursor:pointer;
    display: flex;
    border-radius: 0;
    border: 1px solid #DDD;
	width: 5rem;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.prev_page:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 1.2rem;
    background-image: url(../img/internet/sub/in_prev_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.next_page {
    margin-left: 0.4rem;
    position: relative;
    cursor: pointer;
    display: flex;
    border-radius: 0;
    border: 1px solid #DDD;
	width: 5rem;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.next_page:after {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 1.2rem;
    background-image: url(../img/internet/sub/in_next_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width:767px) {
	.front_paging_line {
		margin-top: 3rem;
	}
	.front_paging_number_box ul {
		gap: 0.3rem;
	}
	.front_paging_number_box ul li {
		width: 3.4rem;
		height: 3.4rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.next_page {
		margin-left: 0.3rem;
		width: 3.4rem;
		height: 3.4rem;
	}
	.prev_page {
		margin-right: 0.3rem;
		width: 3.4rem;
		height: 3.4rem;
	}
}


/*-----------------------------------------
# 테이블 리스트 게시판
-------------------------------------------*/
.notice_bg {
    background-image: url(/public/img/oci/sub/notice_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.noticardWrap{
	position:Relative;
	margin:6rem 0 0 0;
}
.listtable table {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
    font-size: 14px;
    border-collapse: collapse;
}

.listtable thead tr td {
    padding: 0;
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7rem;
    border: 0;
    border-bottom: 1px solid #000;
}
.listtable thead tr td.list-uid {
    width: 10rem;
    padding: 0 2rem 0 2rem;
}
.listtable thead tr td.list-title {
    width: auto;
}
.listtable thead tr td.list-date {
    width: 13rem;
    padding: 0 2rem 0 0;
}

.listtable table tr {
    border: 0;
    background-color: transparent;
    transition-duration: 0.3s;
}
.listtablethead tr td {
    padding: 0;
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7rem;
    border: 0;
    border-bottom: 1px solid #000;
}
.listtable table tbody{
	width:100%;
}
.listtable table tbody tr.list-notice {
    background-color: #f8f8f8;
}
.listtable table tbody tr td {
	vertical-align: middle;
    padding: 2rem 0;
    word-break: break-all;
    border: 0;
    border-bottom: 1px solid #eee;
}
.listtable table tbody tr:hover .tdtitle h2{
	font-family: pretendard-600;
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.listtable table td.tdnotice{
	padding: 0 2rem 0 2rem;
	text-align:center;
}
.listtable table td.tdnotice span{
	display: flex;
	padding: 0.4rem 1rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 2px solid #F4020C;
	background: #FFF;
	color: #F4020C;
	font-family: pretendard-700;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4rem;
}
.listtable table td.tdnum{
	padding: 0 2rem 0 2rem;
	text-align:center;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
/* .listtable table td.tdtitle{ */
	/* display:flex; */
/* } */
.listtable table td.tdtitle span{
	display:none;
}
.listtable table td.tdtitle a {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: flex-start;
}
.listtable table td.tdtitle h2 {
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	padding: 0 2rem 0 2rem;
	color: #000;
	font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4rem;
}
.listtable table td.tddate{
	text-align:center;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	padding: 0 2rem 0 0rem;
} 
.listtable table td .modate{
	display:none;
}
@media (max-width:991px) {
	.listtable thead tr td {
		font-size: 1.6rem;
		line-height: 6rem;
	}
	.listtable thead tr td.list-uid {
		width: 8rem;
		padding: 0 1rem 0 1rem;
	}
	.listtable thead tr td.list-date {
		width: 10rem;
		padding: 0 1rem 0 0;
	}
	
	
	.listtable table td.tdnotice {
		padding: 0 1rem 0 1rem;
	}
	.listtable table td.tdnotice span {
		padding: 0.2rem 0.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.listtable table td.tdnum {
		padding: 0 1rem 0 1rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.listtable table td.tdtitle h2 {
		padding: 0 1rem 0 1rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.listtable table td.tddate {
		font-size: 1.4rem;
		line-height: 2rem;
		padding: 0 1rem 0 0;
	}
}
@media (max-width:767px) {
	.notice_bg {
		background-position: 60%;
	}
	
	
	.noticardWrap{
		position:Relative;
		margin:3rem 0 0 0;
	}
	.listtable{
		border-top: 1px solid #111;
	}
	.listtable table thead{display:none;}
	
	.listtable table td.tdnotice,
	.listtable table td.tdnum,
	.listtable table td.tddate{display:none;}
	
	.listtable table td.tdtitle{
		width:100%;
		padding: 2.2rem 0;
	}
	.listtable table td.tdtitle span{
		display: flex;
		padding: 0.4rem 0.8rem;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border: 2px solid #F4020C;
		background: #FFF;
		color: #F4020C;
		font-family: pretendard-700;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.4rem;
		margin:0 0 0.6rem 1rem;
	}
	.listtable table td.tdtitle a {
		display: flex;
		padding: 0;
		margin: 0;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.listtable table td .modate:before{
		min-width:4.5rem;
		content:'작성일';
		color: #000;
		font-family: pretendard-400;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.listtable table td .modate {
		gap: 1rem;
		display: flex;
		padding: 0;
		margin: 1rem 0 0 0;
		position: Relative;
		color: #AAA;
		font-family: pretendard-500;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
		align-items: center;
		justify-content: flex-start;
	}
	.listtable table td.tdtitle h2 {
		-webkit-line-clamp: 2;
		padding: 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	.listtable table tr.list-notice .tdtitle h2{
		padding:0 1rem;
	}
	.listtable table tr.list-notice .modate{
		padding:0 1rem;
	}
}