/* ===================================== */
/* NEWS */
/* ===================================== */
.newspWrap {
    background: #fff;
    border-radius: 2rem 2rem 0 0;
    margin-top: -2rem;
    position: relative;
    padding: 14rem 0 16rem;
}

.newsTitle {
	color: #111;
	text-align: center;
	font-family: "Pretendard-Bold";
	font-size: 5.8rem;
	line-height: 7rem;
}

.newstopBox{
	position:relative;
	width:100%;
	max-width:160rem;
	padding:0 2rem;
	margin:0 auto;
}
.newsSTitle {
    text-align: left;
    color: #111;
    font-size: 5.8rem;
    line-height: 7rem;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
}
.newsSTitle span{
	display:block;
	text-align:left;
	padding:0;
	margin:2rem 0 0 0;
	color: #111;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 3.8rem;
}

/* 뉴스 */
/* .newsPCont {margin-top:8rem;} */

.newstopBox form {
    bottom: 0;
    right: 2rem;
    position: absolute;
    width: 42rem;
}
.newssearchWrap {
	width:100%;
    display: flex;
}
.newssearchBox {
    display: inline-block;
    margin: 0 auto;
    display: inline-block;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.newssearchbar {
	border-radius: 999px;
    border: 1px solid #EEE;
	background: #FFF;
    outline: none;
    display: flex;
    width: 100%;
    padding: 1.8rem 3rem;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: #111;
    font-family: "Pretendard";
    font-size: 1.8rem;
    line-height: 3.2rem;
	box-sizing: border-box;
}
.newssearchbar::placeholder {
	color: #888;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 3.2rem;
}
.newssearchBtn {
    border-radius: 50%;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    height: 6.8rem;
    width: 6.8rem;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: #fff;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}

.newssearchBtn::before {
	content:'';
	width:2.2rem;
	height:2.2rem;
	background:url(../img/taean/sub/newsSearch.png) no-repeat center / cover;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.seattext {
    margin-top: 2rem;
    display: flex;
    font-family: Pretendard;
    font-size: 2.4rem;
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-align: center;
    color: #666;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0rem;
    margin-top: 6rem;
    text-align: left;
    padding-bottom: 3rem;
    border-bottom: 1px solid #EEE;
}
.seattext span {font-family: "Pretendard-Bold"; color: #111;}
.result_noneBox {
    width: 100%;
    position: relative;
    padding: 22rem 0rem 14rem 0rem;
}
.result_noneInner {
    display: block;
    font-size: 2.4rem;
    font-family: Pretendard;
    line-height: 2rem;
    letter-spacing: 0px;
    text-align: center;
    color: #aaa;
}

.newspWrap {}

.mainContInner {
	position:relative;
	max-width:160rem;
	padding:0 2rem;
	margin:0 auto;
}
.mainContInner ul{
	display:block;
}
.mainContInner li {
	width:100%;
	position:relative;
	padding:0 0 3rem 0;
}

.mainitemBox {
    overflow: hidden;
    border-radius: 2rem;
    background: #F4FAFB;
    display: flex;
    position: relative;
    padding: 4rem 4rem 0 55rem;
    min-height: 32.4rem;
    align-items: flex-start;
    justify-content: flex-start;
}
.mainitemBox:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-top-color: rgba(0, 0, 0, 0.10);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.10);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.10);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.10);
    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:none;
    z-index: 6;
}
.mainitemBox:hover:after{
	content:'';
}
.mainitemBox:hover{
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #F4FAFB;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.mainitemImg {
    width: 49rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 32.4rem;
    /* padding-bottom: 19.231%; */
    overflow: hidden;
}
.mainitemImg img{
	max-width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mainitemImg img:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    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: 6;
}
.mainitemBox .mainitemInner {width:100%;position:relative;}

.mainitemBox .maitext h2{
    color: #111;
    font-size: 3rem;
    line-height: 4.4rem;
    margin: 2rem 0 2rem;
    font-family: 'Pretendard-SemiBold';
	font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}

.mainitemBox .maitext h3{
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	font-size: 1.8rem;
	line-height: 3.2rem;
	font-family: 'Pretendard';
	font-weight: 400;
}

.mactop {
    display: flex;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    justify-content: space-between;
}
.mainitemBox .macate {
    color: #06566f;
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: 'Pretendard-Bold';
	font-weight: 700;
}
.mainitemBox .mactop span{
	display:block;
	text-align:left;
	opacity: 0.3;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 2rem;
}
.mainitemBox .mnewsdate {color: #111; font-size: 1.6rem; line-height: 2rem;}
.mainitemBox .newIcon {width:3rem; height:3rem; padding:0.8rem; z-index:6;border-radius: 99px; background: #FE7C1F; color: #fff0; text-align: center; font-family: "Pretendard-Bold"; font-size: 1.6rem; line-height:1; position: absolute; left: 2rem; top: 2rem; background:url(../img/sub/newIcon.png) no-repeat center / cover;}


.mabtnitem {
    margin-top: 3rem;
    display: flex;
}
.mabtnitem a {
    display: flex;
    color: #666;
    text-align: left;
	font-family: 'Pretendard';
	font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.4rem;
    align-items: center;
    justify-content: flex-start;
}
.mabtnitem a img {
    display: inline-block;
    margin-left: 1rem;
    height: 3.8rem;
}

/* 뉴스레터 */

.newsletterWrap { margin-top: 8rem; width: 100%; max-width: 172em; margin: 0 auto; padding: 10rem 0 16rem;}
.newsletCont {max-width: 64rem; margin: 0 auto; margin-top:8rem;}


.ciinput{display:block; width:100%; text-align:left; margin-top:3rem;}
.ciinput label {
    position: relative;
    display: inline-block;
    font-family: 'Pretendard-Medium';
    font-size: 1.8em;
    line-height: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.impor {color: #E77070; font-family: "Pretendard-Medium"; font-size: 1.5rem;}
.ciinput input{
	box-sizing: border-box;
	margin-top:1rem;
	width:100%;
	height:6rem;
	border:none;
	padding:0rem 2rem;
	border: 1px solid #F6F6F6;
	border-radius:0.6rem;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
    background: #F8F8F8;
}

.ciinput input:focus{border: 1px solid #111; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #EEE; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
.ciinput input:read-only {background: #f9f9f9; border: 1px solid #F6F6F6;}
.ciinput input::placeholder{color: #888; font-family: "Pretendard-Light"; font-size: 1.8rem; line-height: 3.2rem;}

.cinbottombtnBox {display: block; text-align: center; margin-top: 3rem;}
.cinbottombtn {display: block; width: 100%; height: 7rem; position: relative;}
.cinbottombtn button {
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
	border-radius: 6px;
	background: #185A7D;
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	line-height: 2rem;
	border:none;
}
.cinbottombtn button:before {
    content: '';
    position: absolute;
    right: 2.6rem;
    top: 2.5rem;
    width: 0.7rem;
    height: 1.3rem;
    background-image: url(../img/cinarrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.agree_checkBox {margin-bottom:5rem; display: block;}
.agree_check {
    position: relative;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    display: flex;
    margin-bottom: 0rem;
    align-items: center;
}
.agree_checkViewMore {
	font-family: Pretendard;
	font-size: 1.6rem;
	line-height: 2.8rem;
	color: #FFFFFF;
	opacity: 0.5;
	text-decoration:underline;
	cursor: pointer;
	margin-left: 2rem;
}

.agree_check input[type=checkbox].check-all+label em {
	box-sizing: border-box;
	left:0;
	top:50%;
	width:1.8rem;
	height:1.8rem;
	border:2px solid #4c4c4c;
	position:absolute;
	border-radius:0.3rem;
	transform:translateY(-50%);
}
.agree_check input[type=checkbox].check-all:checked+label em{
    left:0;
	top:50%;
	width: 1.8rem;
    height: 1.8rem;
	border:none;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/sub/agcheck.png) no-repeat center / cover;
}
.agree_check input {position: absolute; display: none;}

.agree_check label {
    padding-left: 2rem;
    font-family: "Pretendard";
    font-size: 1.6rem!important;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    margin-left: 1rem;
    cursor: pointer;
}
.agree_check label span {font-family: "Pretendard-SemiBold"; text-decoration:underline;}
.agree_check label a {text-decoration: underline; margin-left: 1rem; display: inline-block; color: #666;}

@media (max-width:1500px){
	.newspWrap {
		padding: 12rem 0 14rem;
	}
	.newsPWrap .subInner {padding: 0 6rem; margin: 0 auto;}
	.comMenuWrap {padding-right:6rem; padding-left:6rem;}
	
	.newsPlist li {width: calc(100%/3 - 2rem); margin-right: 3rem; margin-top: 8rem;}
	.newspWrap .mnewsTitle {font-size: 2.2rem; line-height: 3rem; margin: 1.8rem 0 1rem;}
	.newspWrap .mnewsTxt { font-size: 1.5rem; line-height: 2.4rem; margin-bottom: 1rem;}
	
	.naviTitle {font-size: 1.4rem; line-height: 2.4rem;}
	
	/* 검색결과 */
	.seattext {margin-top: 6rem; font-size: 2rem; line-height: 2.4rem; padding-bottom: 2rem;}
}


@media (max-width:991px) {
	.newspWrap {
		padding: 10rem 0 12rem;
	}
	.newsPWrap .comMenu {padding: 0 2rem; box-sizing: border-box; justify-content: space-between; border-radius: 6px}
	.newsPWrap .comMenu li {width: auto; text-align: center;}	
	.newsTitle {font-size: 2.8rem; line-height: 4.4rem;}
	.newsSTitle {
		font-size: 5rem;
		line-height: 6rem;
		word-break: keep-all;
	}
	.newsSTitle span {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.newsPCont {margin-top: 2rem;}
	.newsPlist li {width: 100%; margin-right: 0; margin-top: 4rem;}
	.newssearchBox {width: 100%;}
	.newssearchbar {padding:1.8rem 1.6rem; font-size:1.6rem; line-height:2rem;}
	.newssearchbar::placeholder {font-size: 1.5rem; line-height: 2rem;}
	.newssearchBtn {
		height: 4.8rem;
		width: 4.8rem;
	}
	.newssearchBtn::before {width: 1.6rem; height: 1.6rem;}	
	
	.newspWrap .mnewsTitle {font-size: 2.6rem; line-height: 3.5rem; margin: 2rem 0 1.5rem;}
	.newspWrap .mnewsTxt {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 1.5rem;}
	.newspWrap .mnewsdate {font-size: 1.3rem; line-height: 1.5rem;}
	.newspWrap .newIcon {width: 2.4rem; height: 2.4rem; left:1.2rem; right:1.2rem;}
	
	
	/* 항행통보 */
	.naviContWrap {display: flex; flex-wrap: wrap; margin-top: 2rem; flex-direction: column;}
	.naviBox {width: 100%; margin-right: 0rem; margin-top: 2rem;}
	.naviBox a {padding: 1.6rem;}
	
	.navidate {font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 0.4rem;}
	.naviTitle {font-size: 1.6rem; line-height: 2.4rem;}
	.downIcon {width: 1.6rem; height: 1.6rem; min-width: 1.6rem;}
	.newsSTitle .navispan {font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.16px;}
	
	/* 검색결과 */
	.seattext {
		margin-top: 2rem;
		font-size: 2rem;
		line-height: 2.8rem;
		margin-top: 6rem;
		padding-bottom: 2rem;
	}
	
	
	.mainitemBox {
		border-radius: 1rem;
		padding: 3rem 3rem 0 42rem;
		min-height: 26.4rem;
	}
	.mainitemImg {
		width: 38rem;
		height: 26.4rem;
	}
	.mactop {
		padding: 0 0 1.4rem 0;
	}
	.mainitemBox .macate {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.mainitemBox .mactop span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.mainitemBox .maitext h2 {
		-webkit-line-clamp: 2;
		font-size: 2.6rem;
		line-height: 4rem;
		margin: 1.6rem 0 1.6rem;
	}
	.mainitemBox .maitext h3 {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
}
@media (max-width:940px) {
	.mainitemBox {
		display: block;
		border-radius: 1rem;
		padding: 3rem;
		min-height: auto;
	}
	.mainitemBox:after {
		border-radius: 1rem;
	}
	.mainitemBox:hover:after{
		content:'';
	}
	.mainitemBox:hover{
		background: #fff;
		box-shadow: none;
	}
	
	.mainitemImg {
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}
	.mainitemImg img {
		max-width: 100%;
		height: 100%;
		position: relative;
		left: inherit;
		top: inherit;
		transform: inherit;
	}
	.mainitemBox .mainitemInner {
		margin-top: 3rem;
		position: relative;
	}
	
}
@media (max-width:767px) {
	.newspWrap .mnewsTitle {font-size: 1.8rem; line-height: 2.8rem; margin: 2rem 0 1rem;}
	.newspWrap .mnewsTxt {font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 2rem;}
	.result_noneBox {
		width: 100%;
		position: relative;
		padding: 10rem 0rem 10rem 0rem;
	}
	.result_noneInner {
		display: block;
		font-size: 2rem;
		font-family: Pretendard;
		line-height: 2rem;
		letter-spacing: 0px;
		text-align: center;
		color: #aaa;
	}
	.seattext {
		margin-top: 4rem;
		display: flex;
		font-family: Pretendard;
		font-size: 1.5rem;
		line-height: 2rem;
		letter-spacing: 0em;
		text-align: center;
		color: #000;
		align-items: center;
		justify-content: center;
		margin-bottom: 0rem;
		padding-bottom: 2rem;
	}
		
		
	.newspWrap {
		padding: 6rem 0 6rem;
	}
	.newsSTitle {
		font-size: 2.8rem;
        line-height: 4.4rem;
	}
	.newsSTitle span {
		letter-spacing: -0.16px;
		margin: 0.4rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.newstopBox form {
		bottom: 0;
		right: 0rem;
		position: relative;
		width: 100%;
	}	
	.newstopBox form {
		margin-top: 2rem;
		bottom: 0;
		right: 0rem;
		position: relative;
		width: 100%;
	}
	
	.mainContInner li {
		padding: 0 0 4rem 0;
	}
	.mainitemBox {
		background:#fff;
		display: block;
		border-radius: 0;
		padding: 0;
		min-height: auto;
	}
	.mainitemBox:hover:after {
		content:none;
	}
	.mainitemBox .mainitemInner {
		margin-top: 2rem;
	}
	.mainitemBox .macate {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	.mainitemBox .mactop span {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.mainitemBox .maitext h2 {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin: 1.4rem 0 1rem;
	}
	.mainitemBox .maitext h3 {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
}

/*--------------------------------------------------------------
# 공지사항
--------------------------------------------------------------*/

.wid5{width:5%;}
.wid10{width:10%;}
.wid15{width:15%;}
.wid20{width:20%;}
.wid45{width:45%;}

.widnum{width:10rem;}
.wid1date{width:12rem;}
.wid1per{width:24rem;}

.kotable{border-top: 1px solid #093C71;position:relative;margin-top:8rem;}
.kotable table{width:100%;position:relative;    margin-bottom: 4rem;}
.kotable table caption{display:none;}
.kotable table thead{position:relative;}
.kotable table thead:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#111;z-index:10;}
.kotable table thead tr{background: #FFF;position:relative;}
.kotable table thead tr th:nth-child(2)	{
	padding: 2rem;
}
.kotable table thead tr th {
    letter-spacing: -0.44px;
    vertical-align: middle;
	font-family: 'Pretendard-Medium';
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3.6rem;
    text-align: center;
    color: #111;
    padding: 2rem 0rem;
}
.thper {
    text-align: left!important;
}
.thdate {
    text-align: left!important;
}

.kotable table tbody tr{position:relative;}
.kotable table tbody tr:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}
.kotable table tbody tr{background: #fff;position:relative;}
.kotable table tbody tr td {
        vertical-align: middle;
    padding: 0;
}
.kotable table tbody tr.notiitem{
	background: #F1F7FC;
}
.notib {
    margin-right: 1rem;
    display: inline-block;
    text-align: center;
    width: 7.2rem;
    height: 3.2rem;
    border-radius: 3px;
    background: #0368B3;
    color: #FFF;
    font-family: 'Pretendard-Bold';
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    text-transform: uppercase;
}
.tdnum{
	color: #111;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-weight:400;
	letter-spacing: -0.36px;
}
.tdtitle {
    padding: 2rem 2.4rem!important;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
}
.tdtitle a{
	font-family: Pretendard;
	display:inline-block;
	color: rgba(0, 0, 0, 0.60);
	font-weight:400;
	text-align:left;
	line-height: 3.2rem;
	font-size: 1.8rem;
	letter-spacing: -0.4px;
}
.tdtitle a h2{
	font-family: Pretendard;
	display:inline-block;
	color: rgba(0, 0, 0, 0.60);
	font-weight:400;
	text-align:left;
	font-size: 2.2rem;
    line-height: 3.6rem;
	letter-spacing: -0.4px;
}
.tdtitle a h2:hover{
	color: #000;
	font-family: 'Pretendard-SemiBold';
}
.tdtitle a span{
	padding: 0;
    margin: 0;
    color: #00D1A3;
    text-decoration: underline;
}

.tddate {
	font-size: 1.8rem;
    line-height: 3.6rem;
	font-weight:600;
    color: #BBB;
    font-family: 'Pretendard-SemiBold';
}


@media (max-width:991px) {
	.widnum {
		width: 8rem;
	}
	.wid1per {
		width: 14rem;
	}
	.wid1date {
		width: 10rem;
	}
	
	
	.kotable table thead tr th {
		letter-spacing: -0.44px;
		font-size: 1.9rem;
		line-height: 3.4rem;
		padding: 2rem 0rem;
	}
	
	.kotable table tbody tr td {
		/* padding: 2rem 0rem; */
	}
	.tdnum {
		font-size: 1.6rem;
		letter-spacing: -0.36px;
	}
	.tdtitle {
		padding: 2rem 2rem!important;
		display: block;
		text-align: left;
	}
	.tdtitle a {
		font-size: 1.6rem;
	}
	.tdtitle a h2{
		font-size: 1.6rem;
	}
	.tdper {
		font-size: 1.6rem;
		letter-spacing: -0.36px;
	}
	.tddate {
		line-height: 2.5rem;
		font-size: 1.6rem;
		letter-spacing: 0.36px;
	}
	
}
@media (max-width:767px) {
	.casewrap {
		padding: 4rem 0 6rem 0;
	}
	.caseContWrap {
		padding: 0;
	}
	
	.kotable {
		margin-top: 2rem;
	}
	.kotable table {
		margin-bottom: 3rem;
	}
	.kotable table tbody tr {
		padding: 1.6rem 1rem;
		width: 100%;
		display: flex;
		background: #fff;
		position: relative;
		flex-direction: column;
	}
	.widnum {
		display:none;
		width: 0rem;
	}
	.widtitle {
		width: 100%;
	}
	.wid1date {
		width: 100%;
	}
	
	.notib {
		margin-bottom: 0.6rem;
		margin-right: 0;
		width: 5.3rem;
		height: 2.2rem;
		border-radius: 2px;
		font-size: 1.1rem;
		line-height: 2.2rem;
	}
	.tdtitle {
		padding: 0!important;
		display: flex;
		text-align: left;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.tdtitle a {
		font-size: 1.6rem;
		line-height:2.4rem;
	}
	.tdtitle a h2{
		font-size: 1.6rem;
		line-height:2.4rem;
	}
	.tdper {
		font-size: 1.3rem;
	}
	.tddate {
		margin-top:0.6rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	.thtitle {
		text-align: left!important;
	}
	.kotable table thead tr th {
		letter-spacing: -0.3px;
		min-width: auto;
		vertical-align: middle;
		font-size: 1.5rem;
		line-height: 2.4rem;
		padding: 2rem 0rem;
	}
	.kotable table thead tr th:nth-child(2) {
		padding: 2rem 0rem;
	}
}


/*--------------------------------------------------------------
# 게시판 상세
--------------------------------------------------------------*/
.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 {
	background: #fff;
    border-radius: 2rem 2rem 0 0;
    margin-top: -2rem;
    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: #000;
    font-size: 2.2rem;
    font-family: 'Pretendard-Medium';
    line-height: 3rem;
    align-items: center;
    justify-content: flex-start;
}
.linkback a img{
	height:6rem;
	margin-right:1.6rem;
	display:inline-block;
}



.pmdetbox{
	width:100%;
	position:relative;
	margin-bottom:6rem;
	padding-bottom:6rem;
	border-bottom:1px solid #eee;
}
.pmdetbox h1{
	display:block;
	text-align:left;
	color: #000;
	font-size: 3.6rem;
	font-family: 'Pretendard-SemiBold';
	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-Medium';
	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-SemiBold';
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#000;
}
.regcntbox dl a{
	color:#888;
}
.linkcopy{
	cursor:pointer;
}

.articlBtn {
    bottom: 6rem;
    position: absolute;
    right: 0;
}
.articlBtn a{
	cursor: pointer;
    display: flex;
    color: #111;
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    font-size: 1.4rem;
    font-style: normal;
    line-height: 3.4rem;
    align-items: center;
    justify-content: center;
}
.articlBtn a img {
    margin-left: 0.6rem;
    height: 2.2rem;
}

.put_contbox{
	width:100%;
	position:relative;
}

.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: 1rem;
	display:block;
	text-align:center;
	position:relative;
	overflow: hidden;
	padding-bottom: 56.18%;
}
.putcifame iframe{
	border-radius: 1rem;
	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: 99px;
    border: 1px solid #222;
    background: #FFF;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    color: #222;
    font-family: Pretendard;
    font-size: 1.8rem;
    line-height: 3.5rem;
    letter-spacing: 0.72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.putcont{
	position:relative;
	margin-top:6rem;
	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-SemiBold';
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 4rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.6rem;
    align-items: center;
}
.fcti dl {
	margin-left:1rem;
    border-radius: 50%;
    border: 0.733px solid #00D1A3;
    background: #00D1A3;
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    color: #111;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-size: 1.4rem;
    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: 500;
	text-decoration:underline;
}
.download_file:hover .file_icon{
	background-image: url(../img/sub/fliedown_off.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: #666;
}
.file_icon {
	position:absolute;
	right:0rem;
	top:1rem;
	width:3.4rem;
	height:3.4rem;
	display: inline-block;
	
	background-image: url(../img/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;
}

@media (max-width:1400px) {
	.pmWrap .subVPageTopName {
		margin-bottom: 1.8rem;
		font-size: 2rem;
		line-height: 2.2rem;
	}
	.pmWrap .subVPageName {
		font-size: 5rem;
		line-height: 7rem;
	}
}

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

@media (max-width:767px) {
	.pmWrap .subVWrap {
		padding-top: 8rem;
		padding-bottom: 6rem;
	}
	.pmWrap .subVPageTopName {
		font-family: 'Outfit';
		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: 6rem 0rem 6rem 0rem;
	}
	.linkbackBox {
		display: block;
		margin-bottom: 2rem;
	}
	.linkback a img {
		height: 3.6rem;
		margin-right: 1rem;
	}
	.linkback a {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	.pmdetbox {
		margin-bottom: 4rem;
		padding-bottom: 4rem;
	}
	.pmdetbox h1 {
		font-size: 2.4rem;
		line-height: 3.2rem;
		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; */
	}
	.articlBtn {
		margin-top: 1rem;
		left: 0;
		bottom: 0;
		position: relative;
		right: inherit;
	}
	.articlBtn a {
		display: flex;
		font-size: 1.3rem;
		line-height: 3rem;
		align-items: center;
		justify-content: flex-start;
	}
	.articlBtn a img {
		margin-left: 0.4rem;
		height: 2rem;
	}
	
	
	.putcont {
		margin-top: 3rem;
	}
	
	
	.put_contbtnbox {
		margin-top: 3rem;
		padding-top:3rem;
	}
	.put_contbtn {
		width: 100%;
		height: 5rem;
	}
	.put_contbtn a {
		font-size: 1.5rem;
		line-height: 1.8rem;
		letter-spacing: 0px;
	}
	
	
	.fliecontbox {
		margin-top: 3rem;
	}
	.fcti {
		font-size: 1.4rem;
		line-height: 3rem;
		padding-bottom: 1rem;
		margin-bottom: 0rem;
	}
	.download_file {
		padding: 1.3rem 0px 1.3rem 0px;
	}
	.file_title {
		padding-right: 4.4rem;
	}
	.file_title a{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.file_icon {
		top: 0.8rem;
		width: 3.4rem;
		height: 3.4rem;
	}
	.fcti dl {
		margin-left: 0.5rem;
		border: 0.733px solid #00D1A3;
		width: 2rem;
		height: 2rem;
		font-size: 1.2rem;
	}
}



/*--------------------------------------------------------------
# 상세 페이지 에디터 컨텐츠 css
--------------------------------------------------------------*/
.nxt_subjectTBox h2{
	font-family: 'Pretendard-Bold';
    line-height: 3.6rem;
    font-size: 2.8rem;
	margin:0rem 0rem 1.6rem 0rem;
}
.nxt_subjectTBox h2 span {
    /* font-family: 'Pretendard-Bold'!important; */
    line-height: 3.6rem!important;
    font-size: 2.8rem!important;
}

.nxt_subjectTBox h3{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.nxt_subjectTBox h3 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 3rem!important;
    font-size: 2.4rem!important;
}

.nxt_subjectTBox h4{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.nxt_subjectTBox h4 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 3rem!important;
    font-size: 2.4rem!important;
}

.nxt_subjectTBox a{
	color:blue;
}

.nxt_subjectTBox{
	overflow:hidden;
	font-size:1.8rem;
    line-height: 3.4rem;
	font-family: 'Pretendard-Light';
}
.nxt_subjectTBox span{
	font-family: 'Pretendard-Light';
}

.nxt_subjectTBox p {
	overflow:hidden;
	font-size:1.8rem;
    line-height: 3.4rem;
	font-family: 'Pretendard-Light';
}
.nxt_subjectTBox p span{
	font-family: 'Pretendard-Light';
}


.nxt_subjectTBox .marker
{
	font-family: 'Pretendard-Medium';
	background-color: Yellow;
}

.nxt_subjectTBox .marker2
{
	font-family: 'Pretendard-Medium';
	background-color: Cyan;
}

.nxt_subjectTBox img{
	/* float: inherit!important; */
	max-width:100%;
	display:inline-block;
}

.nxt_subjectTBox ul li {
    font-size: 1.7rem;
    line-height: 2.7rem;
    position: relative;
    padding: 0rem 1rem 1rem 1rem;
    font-family: 'Pretendard-Light';
}
.nxt_subjectTBox ul li span{
	font-family: 'Pretendard-Light';
}
.nxt_subjectTBox ul li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.nxt_subjectTBox ol li {
	font-size: 1.7rem;
    line-height: 2.7rem;
	position:relative;
	padding: 0rem 1rem 1rem 1rem;
	font-family: 'Pretendard-Light';
}
.nxt_subjectTBox ol li span{
	font-family: 'Pretendard-Light';
}
.nxt_subjectTBox ol li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.tacenter table{
	margin:0 auto;
	float:none;
}
.taleft table{
	margin:0 auto 0 0;
	float:none;
}
.taright table{
	margin:0 0 0 auto;
	float:none;
}


.nxt_subjectTBox table tbody tr td {
    padding: 1rem;
    border: 1px solid #ddd;
	font-size:1.5rem;
	font-family: Pretendard;
}
.nxt_subjectTBox table tbody tr:nth-child(1){
	background:#444;
	color:#fff;
	font-size:1.6rem;
	font-family: Pretendard;
}

.nxt_subjectTBox table tbody tr td p{
	font-size:1.5rem;
	font-family: Pretendard;
}
.nxt_subjectTBox table tbody tr td ul li{
	padding: 0rem 0rem 0rem 1rem;
	font-size:1.5rem;
	font-family: Pretendard;
}

.nxt_subjectTBox blockquote {
    font-style: italic;
   font-family: 'Pretendard-Light';
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
	padding-left: 2rem;
    padding-right: 0.8rem;
    border-left-width: 0.5rem;
	font-size: 1.6rem;
    line-height: 2.4rem;
	
}
.nxt_subjectTBox blockquote p {
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-family: 'Pretendard-Light';
}

.nxt_subjectTBox iframe {
    width: 100%!important;
    /* height: 34vw!important; */
	height: 47.3rem!important;
}

@media (max-width: 991px) {
	.nxt_subjectTBox table{
		width:100%!important;
	}
	
	.nxt_subjectTBox iframe {
		width: 100%!important;
		height: 50vw!important;
	}
}
@media (max-width: 880px) {
	.nxt_subjectTBox img{
		display:inline-block!important;
		height:auto!important;
	}
}
@media (max-width: 767px) {
	.nxt_subjectTBox h2{
		line-height: 2.6rem;
		font-size: 2.2rem;
		margin:0rem 0rem 1.4rem 0rem;
	}
	.nxt_subjectTBox h2 span {
		letter-spacing: -0.02em;
		line-height: 2.6rem!important;
		font-size: 2.2rem!important;
	}
	
	.nxt_subjectTBox h3{
		line-height: 2.2rem;
		font-size: 1.9rem;
		margin:0rem 0rem 1rem 0rem;
	}
	.nxt_subjectTBox h3 span {
		line-height: 2.2rem!important;
		font-size: 1.9rem!important;
	}
	
	.nxt_subjectTBox h4{
		line-height: 2rem;
		font-size: 1.7rem;
		margin:0rem 0rem 1rem 0rem;
	}
	.nxt_subjectTBox h4 span {
		line-height: 2rem!important;
		font-size: 1.7rem!important;
	}
	
	.nxt_subjectTBox{
		font-size:1.5rem;
		line-height: 2.5rem;
		letter-spacing: -0.3px;
	}
	.nxt_subjectTBox span{
		font-size: 1.5rem!important;
	}
	
	.nxt_subjectTBox p {
		font-size:1.5rem;
		/* line-height: 1.7; */
		line-height: 2.5rem;
		letter-spacing: -0.3px;
	}
	.nxt_subjectTBox p span{
		font-size: 1.5rem!important;
	}
	
	.nxt_subjectTBox table tbody tr td{
		font-size: 1.4rem;
	}
	.nxt_subjectTBox table tbody tr td span{
		font-size: 1.4rem!important;
	}
	.nxt_subjectTBox table tbody tr td p{
		font-size:1.4rem;
		font-family: Pretendard;
	}
	.nxt_subjectTBox table tbody tr td ul li{
		padding: 0rem 0rem 0rem 1rem;
		font-size:1.4rem;
		font-family: Pretendard;
	}
	
	.nxt_subjectTBox ul li{
		line-height: 2.4rem;
		font-size: 1.5rem;
	}
	.nxt_subjectTBox ul li span{
		font-size: 1.5rem!important;
	}
	.nxt_subjectTBox ul li:before {
		top: 1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.nxt_subjectTBox ol li{
		line-height: 2.4rem;
		font-size: 1.5rem;
	}
	.nxt_subjectTBox ol ol span{
		font-size: 1.5rem!important;
	}
	.nxt_subjectTBox ol li:before {
		top: 1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.nxt_subjectTBox blockquote p {
		font-size: 1.5rem;
		line-height: 2.4rem;
		font-family: 'Pretendard-Light';
	}
	.nxt_subjectTBox blockquote {
		font-style: italic;
		font-family: 'Pretendard-Light';
		padding: 2px 0;
		border-style: solid;
		border-color: #ccc;
		border-width: 0;
		padding-left: 1rem;
		padding-right: 0.5rem;
		border-left-width: 0.4rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}