/*-----------------------------------------
# 뉴스 리스트
-------------------------------------------*/


.information_bg{
	background-image: url(/public/img/zettax/sub/information/information_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.boardWrap {
    margin: -4rem 0 0 0;
    position: relative;
    width: 100%;
    border-radius: 4rem 4rem 0 0;
    background: #000;
    padding: 8rem 0 12rem 0;
}

.boardSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}

.boaPageCont{
	position:relative;
	width:100%;
}
.boaTitle{
	position:relative;
}
.boaTitle h1{
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	text-transform: uppercase;
}

.seatopboxInner {
    margin: 4rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.seatopbox form {
    position: relative;
    margin: 0;
    padding: 0rem;
}
.seatin{
	width:44rem;
	height:7rem;
	position:Relative;
}
.seatin input {
	outline: none;
	border: none;
	font-family: Pretendard;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	position: relative;
	height: 100%;
	border-radius: 99px;
	background: rgba(255, 255, 255, 0.15);
	padding: 0 4rem;
	color: #fff;
	font-family: pretendard-500;font-weight: 500;font-size: 1.8rem;font-style: normal;line-height: 2.4rem;
}
.seatin input:-webkit-autofill,
.seatin input:-webkit-autofill:hover,
.seatin input:-webkit-autofill:focus,
.seatin input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.seatin input:focus,
.seatin input:active {border:none;}
.seatin input:focus{outline: none;}
.seatin button {
    top: 1.5rem;
    right: 2rem;
    background: inherit;
    cursor: pointer;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 4rem;
    height: 4rem;
    position: absolute;
    padding: 0;
    margin: 0;
    background-image: url(/public/img/zettax/sub/search_icon.png);
    background-size: 1.8rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.seatin button:active {background:initial; border:none;}
.seatin button:focus{outline: none;}
.seatin input::placeholder {
	color: #fff;
	font-family: pretendard-400;
	font-weight: 400;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.4rem;
}



.boalistWrap{
	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;
	border-top: 1px solid #fff;
}

.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: 14rem;
    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: 2.7rem 0;
    word-break: break-all;
    border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.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.notice{
	padding: 2.7rem 0 2.7rem 3rem;
}
.listtable table td.notice a {
    position: relative;
    padding: 0 0 0 4rem!important;
}
span.noti {
    left: 0;
    position: absolute;
    display: flex;
    padding: 0.4rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid #fff;
    background: #000;
    color: #fff;
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
}
.listtable table td.notice a h2{
	/* padding: 0 3rem 0 1.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 3rem 0 3rem;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.6rem;
}
.listtable table td.tddate{
	text-align:center;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
	padding: 0 3rem 0 0rem;
} 
.listtable table td .modate{
	display:none;
}
@media (max-width:1600px) {
	.boardWrap {
		margin: -4rem 0 0 0;
		border-radius: 4rem 4rem 0 0;
		padding: 8rem 0 10rem 0;
	}
	.boaTitle h1 {
		font-size: 6rem;
		line-height: 8rem;
	}
	
	
	.listtable table td.tdtitle h2 {
		padding: 0 3rem 0 3rem;
		font-size: 2.2rem;
		line-height: 4.6rem;
	}
}
@media (max-width:991px) {
	.boardWrap {
		margin: -3rem 0 0 0;
		border-radius: 3rem 3rem 0 0;
		padding: 2rem 0 8rem 0;
	}
	.boaTitle h1 {
		font-size: 5rem;
		line-height: 7rem;
	}
	
	
	.seatopboxInner {
		margin: 3rem 0 0 0;
	}
	.seatin {
		width: 36rem;
		height: 6rem;
	}
	.seatin input {
		padding: 0 3rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.seatin input::placeholder {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.seatin button {
		top: 1rem;
		right: 1rem;
		width: 4rem;
		height: 4rem;
		background-size: 1.8rem;
	}
	
	
	.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;
	}
	
	
	.listtable table td.notice {
		padding: 2.7rem 0 2.7rem 1rem;
	}
	span.noti {
		padding: 0.3rem 0.8rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.information_bg {
		background-position: 74%;
	}
	
	
	.boardWrap {
		margin: -2rem 0 0 0;
		border-radius: 2rem 2rem 0 0;
		padding: 2rem 0 5rem 0;
	}
	.boaTitle h1 {
		font-size: 3rem;
		line-height: 4rem;
	}
	.seatopboxInner {
		margin: 2rem 0 0 0;
	}
	.seatopbox{width:100%;}
	.seatopbox form{width:100%;}
	.seatin {
		width: 100%;
		height: 4.4rem;
	}
	.seatin input {
		padding: 0 2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.seatin input::placeholder {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.seatin button {
		top: 0;
		right: 5px;
		width: 4.4rem;
		height: 4.4rem;
		background-size: 1.4rem;
	}
	
	
	.boalistWrap {
		margin: 4rem 0 0 0;
	}
	
	
	.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 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: #fff;
		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;
	}
	
	
	.listtable table td.notice a {
		position: relative;
		padding: 0 0 0 0rem!important;
	}
	span.noti {
		margin: 0 0 0.6rem 0;
		position: relative;
		padding: 0.4rem 0.8rem;
		font-size: 1.3rem;
		line-height: 1.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 {
    background: #fff;
    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: 99px;
    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: 8rem;
	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: #fff;
	color:#000;
	border: 1px solid #fff;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li.on_front_paging:hover{
	background: #000;
	color:#fff;
	border: 1px solid #fff;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li {
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
	background: #000;
    width: 5rem;
    height: 5rem;
    border: 1px solid #000;
    display: flex;
    color: #fff;
    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 #ffff;
	background: #000;
	font-family: pretendard-500;
	font-weight: 500;
	color: #fff;
}

.prev_page {
    padding: 1.4rem 1.8rem;
    gap: 0.6rem;
    color: #FFF;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    margin-right: 0.4rem;
    position: relative;
    cursor: pointer;
    display: flex;
    width: auto;
    height: 5rem;
    background: #000;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
.prev_page:after {
    content: '';
    position: Relative;
    width: 1.4rem;
    height: 1.2rem;
    background-image: url(../img/zettax/sub/in_prev_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.next_page {
    padding: 1.4rem 1.8rem;
    gap: 0.6rem;
    color: #FFF;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    margin-left: 0.4rem;
    position: relative;
    cursor: pointer;
    display: flex;
    width: auto;
    height: 5rem;
    background: #000;
    align-items: center;
    justify-content: center;
}
.next_page:after {
    content: '';
    position: Relative;
    width: 1.4rem;
    height: 1.2rem;
    background-image: url(../img/zettax/sub/in_next_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width:767px) {
	.pc_pagenation{
		display:none;
	}
	.mo_pagenation{
		display:block;
	}
	.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 {
		padding: 0.2rem 1rem;
		line-height: 1.4rem;
		font-size: 1.2rem;
		margin-left: 0.3rem;
		/* width: 3.4rem; */
		height: 3.4rem;
	}
	.next_page:after {
		width: 1rem;
		height: 0.8rem;
	}
	.prev_page {
		padding: 0.2rem 1rem;
		line-height: 1.4rem;
		font-size: 1.2rem;
		margin-right: 0.3rem;
		/* width: 3.4rem; */
		height: 3.4rem;
	}
	.prev_page:after {
		width: 1rem;
		height: 0.8rem;
	}
}


/*-----------------------------------------
# 홍보영상 리스트
-------------------------------------------*/
.videoBox{
	position:Relative;
	margin:8rem 0 0 0;
}
.videoBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.videoBox li {
	position:Relative;
    flex: 0 0 calc(33.3333333% - 4rem);
    margin: 2rem;
    box-sizing: border-box;
}

.videoimg {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.254%;
    z-index: 6;
	border-radius: 0.9rem;
}
figure.videoimg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-top-color: rgba(255, 255, 255, 0.10);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(255, 255, 255, 0.10);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.10);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(255, 255, 255, 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: "";
    z-index: 4;
}
.videoimg img {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.videotext {
    margin: 3rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.videotext 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: #fff;
    text-align: left;
    font-family: pretendard-500;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.6rem;
}
.videotext span{
	display: inline-block;
    margin: 1rem 0 0 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 (max-width:1600px) {
	.videoBox {
		margin: 6rem 0 0 0;
	}
	.videoBox ul {
		margin: -1.5rem;
	}
	.videoBox li {
		flex: 0 0 calc(33.3333333% - 3rem);
		margin: 1.5rem;
	}
	.videotext {
		margin: 2rem 0 0 0;
	}
	.videotext h2 {
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (max-width:991px) {
	.videoBox ul {
		margin: -2rem;
	}
	.videoBox li {
		flex: 0 0 calc(50% - 4rem);
		margin: 2rem;
	}
}
@media (max-width:767px) {
	.videoBox {
		margin: 4rem 0 0 0;
	}
	.videoBox ul {
		gap: 2rem;
		margin: 0rem;
	}
	.videoBox li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.videotext {
		margin: 1.4rem 0 0 0;
	}
	.videotext h2 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.videotext span {
		font-size: 1.3rem;
		line-height: 1.5rem;
		letter-spacing: -0.3px;
	}
}


/*-----------------------------------------
# 고객문의
-------------------------------------------*/
.contact_bg{
	background-image: url(/public/img/zettax/sub/contacts_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.contactwrap{
	position:relative;
	/* padding:12rem 0 0 0; */
}
.contactSideBox{
	max-width:100rem;
	margin:0 auto;
	padding:0 2rem;
}




.sucBox{
	margin:4rem 0 0 0;
	width:100%;
	position:relative;
}
.reqtext{
	position:absolute;
	right:3rem;
	top:0;
	color: #EF811B;
	text-align: right;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.sucIn.fir{
	margin:0;
}
.sucIn{
	margin:3rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.sucIn p {
    position: relative;
    margin: 0 0 1rem 0;
    display: flex;
    color: #fff;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    align-items: center;
}
.sucIn p.req:after {
    margin: 0 0 0 0.4rem;
    top: -0.2rem;
    color: #EF811B;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    content: '*';
    position: relative;
}

.sucIn input {
border-radius: 4.3rem;
border: 1px solid rgba(255, 255, 255, 0.30);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
background: #000;
padding: 0rem 3rem 0rem 3rem;
color: #fff;
font-family: pretendard-600;font-weight: 600;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;}
.sucIn input:-webkit-autofill,
.sucIn input:-webkit-autofill:hover,
.sucIn input:-webkit-autofill:focus,
.sucIn input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn input:focus,
.sucIn input:active {background:#000; border:1px solid #fff;}
.sucIn input:focus{outline: none;}

.sucIn input::placeholder {
	color: #999;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.6rem;
}

.sucIn input:read-only {
	background:#f8f8f8;
}



.sucSel{
	position:relative;
}
.sucSel:before {
    transform: translateY(-50%);
    z-index: 2;
    content: '';
    position: absolute;
    right: 3rem;
    top: 50%;
    width: 10px;
    height: 6px;
    background-image: url(
	/public/img/zettax/common/sel_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sucIn select {
	cursor:pointer;
border-radius: 4.3rem;
border: 1px solid rgba(255, 255, 255, 0.30);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
background: #000;
padding: 0rem 3rem 0rem 3rem;
color: #fff;
font-family: pretendard-600;font-weight: 600;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;
-webkit-appearance: none;}
.sucIn select:-webkit-autofill,
.sucIn select:-webkit-autofill:hover,
.sucIn select:-webkit-autofill:focus,
.sucIn select:-webkit-autofill:active {color:#fff!important;transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn select:focus,
.sucIn select:active {background:#000; border:1px solid #fff;}
.sucIn select:focus{outline: none;}




.sucIn textarea {
    resize: none;
	border-radius: 3.3rem;
	border: 1px solid rgba(255, 255, 255, 0.30);
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    position: relative;
    height: 25rem;
    background: #000;
    padding: 2rem 3rem 2rem 3rem;
    color: #fff;
    font-family: pretendard-600;
    font-weight: 600;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 2.6rem;
}
.sucIn textarea:-webkit-autofill,
.sucIn textarea:-webkit-autofill:hover,
.sucIn textarea:-webkit-autofill:focus,
.sucIn textarea:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn textarea:focus,
.sucIn textarea:active {background:#000; border:1px solid #fff;}
.sucIn textarea:focus{outline: none;}
.sucIn textarea::placeholder {
	color: #999;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 3.4rem;
}

.sucflexInner{
	position:relative;
	width:100%;
}
.sucflex{
	gap:1rem;
	display:flex;
	width:100%;
	position:relative;
}
.sucflex .sucIn{
	margin:0;
}
.sucflex .sucIn p{
margin:0 0 0.4rem 0;
	color: #222;
    font-family: pretendard-500;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.6rem;
}


.inq_pri{
	position:relative;
	margin:4rem 0 0 0;
}
.inq_ptextInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.inq_priCheckArea input[type="checkbox"],
.inq_priCheckArea input[type="radio"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.inq_priCheckArea input[type="checkbox"] + label,
.inq_priCheckArea input[type="radio"] + label{
    display: flex;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    text-align: left;
    color: #fff;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
}
.inq_priCheckArea input[type="checkbox"] + label a{
	margin:0 0 0 1rem;
	color: #fff;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.inq_priCheckArea input[type="checkbox"] + label:before,
.inq_priCheckArea input[type="radio"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:0.2rem;
    width:2rem;
    height:2rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/zettax/common/check_before.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"]:checked + label:after,
.inq_priCheckArea input[type="radio"]:checked + label:after{ 
	content: ''; 
	position:absolute; 
	top:0.2rem;
	left:0; 
	width:2rem;
	height:2rem;
	background:url(../img/zettax/common/check_after.png) no-repeat center/cover;
}

.subcBtnBox {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
}
.subcBtn{
	margin:2rem 0 0 0;
	cursor:pointer;
	position:relative;
	width:25rem;
	display: flex;
	border-radius: 99px;
	background: #FFF;
	padding: 2.2rem 7rem;
	justify-content: center;
	align-items: center;
	align-self: stretch;

	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}

@media (max-width:767px) {
	.sucBox {
		margin: 2rem 0 0 0;
	}
	.sucIn{
		margin:2rem 0 0 0;
	}
	.sucIn p {
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.sucIn p.req:after {
		margin: 0 0 0 0.2rem;
		top: -0.1rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.sucIn input {
		height: 5rem;
		padding: 0rem 2rem 0rem 2rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.sucIn input::placeholder {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.sucIn select {
		border-radius: 4.3rem;
		height: 5rem;
		padding: 0rem 2rem 0rem 2rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.sucSel:before {
		right: 2rem;
		width: 10px;
		height: 6px;
	}
	.sucIn textarea {
		border-radius: 2.5rem;
		height: 25rem;
		padding: 1.5rem 2rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.sucIn textarea::placeholder {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.inq_pri {
		margin: 3rem 0 0 0;
	}
	.inq_ptextInner {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.inq_priCheckArea input[type="checkbox"] + label,
	.inq_priCheckArea input[type="radio"] + label{
		padding-left: 3rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label a {
		margin: 0 0 0 0.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label:before,
	.inq_priCheckArea input[type="radio"] + label:before{
		top: 0rem;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after,
	.inq_priCheckArea input[type="radio"]:checked + label:after{
		top: 0rem;
	}
	.subcBtn {
		margin: 2rem 0 0 0;
		width: 100%;
		padding: 1.5rem 1rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
}


/*-----------------------------------------
# 보증정책
-------------------------------------------*/
.infoInpWrap {
    width: 100%;
    position: relative;
}
.infoInpSideBox {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.infoInpCont {
    position: relative;
    width: 100%;
}
.inpflexBox{
	display:flex;
	gap:8rem;
	width:100%;
	margin:4rem 0 0 0;
}

.inpInfoBox{
	width:100%;
	position:relative;
}
.inpText {
    display: flex;
    gap: 2rem;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	padding:0 0 4rem 0;
	margin:0 0 4rem 0;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.inpText.last{
	padding:0;
	margin:0;
	border-bottom:none;
}
.inph2{
	margin:0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.8rem;
}
.inph3{
	width: 100%;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.inph3 span{
font-weight: 700;
	font-family: pretendard-700;
}
.inph3 strong{
	position:relative;
	width: 100%;
	margin:0 0 1rem 0;
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.inph3 a.mail{
	display:flex;
	margin:1rem 0 0 0;
	text-decoration: underline;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.inpul{
	position:relative;
	margin:4rem 0 0 0;
}
.inpul ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.inpul li {
    position: Relative;
    flex: 0 0 calc(33.3333333% - 4rem);
    margin: 2rem;
    box-sizing: border-box;
}
.inpulitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.inpulitem img{
	height:8rem;
}
.inpultext{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.inpultext h3{
	margin:2rem 0 0.8rem 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.8rem;
	text-transform: uppercase;
}
.inpultext h4{
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

.inph3.num{
	position:relative;
	padding:0 0 0 2.6rem;
}
.inph3.num strong{
	margin:0;
}
.inph3.num strong span{
	position:absolute;
	left:-2.6rem;
	top:0;
}
.inph3.num.h4 strong{
	margin:0 0 1rem 0;
}

.inpBox{
	padding: 4rem;
	width:100%;
	position:relative;
	border-radius: 1.6rem;
	background: #222;
}

.inqWriteBox{
	position:relative;
}
.sucInflex{
	display:flex;
	gap:1rem;
}
.sucInflexInner{
	position:relative;
}
.sucInflexInner p.reqtop{
	position: relative;
    margin: 0 0 1rem 0;
    display: flex;
    color: #fff;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    align-items: center;
}
.sucInflexInner p.reqtop:after {
    margin: 0 0 0 0.4rem;
    top: -0.2rem;
    color: #EF811B;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    content: '*';
    position: relative;
}
.sucInflexInner .sucIn{
	margin:0;
}

.sucIn dl{
	text-align:left;
	margin:0 0 0.4rem 0;
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}

.inqWriteBox .sucIn input {
    background: #222;
}

.inq_radioBox{
	margin:1rem 0 0 0;
}

.inqWriteBox .inq_ptextInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.inqWriteBox .inq_ptextInner .inq_priCheckArea{
	width:100%;
}

.inqwBox{
padding:2rem 0 0 0;
margin:2rem 0 0 0;
width:100%;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
}
.inqwBox dl{
	word-break: auto-phrase;
	text-align:left;
	margin:2rem 0 0 0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

.inqWriteBox .subcBtn {
    width: 100%;
}
.sucInflexInner.address{
	margin:3rem 0 0 0;
}
.sucInflexInner.address .sucIn,
sucInflexInner.address .sucInflex{
	margin:1rem 0 0 0;
}

@media (max-width:1600px) {
	.inpflexBox {
		gap: 6rem;
		margin: 4rem 0 0 0;
	}
	.inpText {
		gap: 1.6rem;
		padding: 0 0 4rem 0;
		margin: 0 0 4rem 0;
	}
	.inph2 {
		font-size: 3rem;
		line-height: 4.2rem;
	}
	.inph3 {
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
	.inph3 strong {
		margin: 0 0 0.8rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
}

@media (max-width:991px) {
	.inpflexBox {
		display: flex;
		gap: 4rem;
		margin: 2rem 0 0 0;
		flex-direction: column;
	}
	.inpText {
		gap: 1.4rem;
		padding: 0 0 3rem 0;
		margin: 0 0 3rem 0;
	}
	.inph2 {
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.inph3 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.inph3 strong {
		margin: 0 0 0.8rem 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.inph3.num.h4 strong {
		margin: 0 0 0.8rem 0;
	}
	
	
	.inpul ul {
		margin: -1rem;
	}
	.inpul li {
		flex: 0 0 calc(33.3333333% - 2rem);
		margin: 1rem;
	}
	.inpulitem img {
		height: 6rem;
	}
	.inpultext h3 {
		margin: 1.6rem 0 0.4rem 0;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.inpultext h4 {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	.inpBox {
		padding: 3rem 2rem;
		border-radius: 1.2rem;
	}
}

@media (max-width:767px) {
	.inpflexBox {
		gap: 2rem;
		margin: 2rem 0 0 0;
	}
	.inpText {
		gap: 1.2rem;
		padding: 0 0 2rem 0;
		margin: 0 0 2rem 0;
	}
	.inph2 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.inph3 {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.inph3 strong {
		margin: 0 0 0.4rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.inph3.num.h4 strong {
		margin: 0 0 0.4rem 0;
	}
	.inph3.num {
		padding: 0 0 0 1.9rem;
	}
	.inph3.num strong span{
		left: -1.9rem;
	}
	
	

	.inpul {
		padding: 0  4rem;
		position: relative;
		margin: 2rem 0 0 0;
	}
	.inpul ul {
		gap: 2rem;
		display: flex;
		margin: 0rem;
	}
	.inpul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.inpulitem img {
		height: 4rem;
	}
	.inpultext h3 {
		margin: 2rem 0 0.8rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.inpultext h4 {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.inpBox {
		padding: 2rem 1.6rem;
		border-radius: 0.6rem;
	}
	
	
	.inqWriteBox {
		margin: 3rem 0 0 0;
		position: relative;
	}
	.sucInflexInner.address{
		margin:2rem 0 0 0;
	}
	.sucInflex {
		display: flex;
		gap: 0rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.sucInflexInner .sucInflex{
		gap:1rem;}
	.sucInflexInner p.reqtop{
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.sucInflexInner p.reqtop:after {
		margin: 0 0 0 0.2rem;
		top: -0.1rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.sucIn dl {
		margin: 0 0 0.4rem 0;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.inqWriteBox .inq_ptextInner {
		gap: 1rem;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.inqwBox dl {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 장갑 및 토시 사이즈
-------------------------------------------*/
.glovWrap{
	width:100%;
	position:relative;
}
.glovSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.glovCont{
	position:relative;
	width:100%;
	margin:12rem 0 0 0;
}
.glovCont.nonemar{
	margin:0;
}
.infTitleBox{
	width:100%;
}
.infTitleBox .infTitle{
	display:flex;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	margin:0;
	padding:0 0 4rem 0;
	border-bottom:1px solid #fff;
}


.glovFlex{
	margin:6rem 0 0 0;
	width:100%;
	position:relative;
	display:flex;
	gap:8rem;
}
.glovImg{
	max-width:47rem;
}
.glovTableInner{
	min-width:97rem;
}
.glovh2{
	display:flex;
	margin:0 0 2rem 0;
	color: #FFF;
	text-align: left;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.2rem;
}


.toshiWrap{
	position:relative;
	margin:6rem 0 0 0;
}
.toshiflex{
	display:flex;
	gap:4rem;
}
.toshi{
	display:flex;
}
.toshiinfo{
	display:block;
	margin:3rem 0 0 0;
}
.toshiinfo h3{
	margin:0;
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
.toshiinfo h4{
	display:block;
	margin:1.2rem 0 0 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height:2.2rem;
}
.awscBox{
	margin:6rem 0 0 0;
	position:relative;
	width:100%;
}
.awscBox h2{
	display:block;
	color: #FFF;
	text-align: left;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.2rem;
	margin:0 0 2rem 0;
}

.awscFlex{
	width:100%;
	position:relative;
	display:flex;
	gap:6rem;
}
.awscImg{
	max-width:58rem;
}
.awscTableInner{
	min-width:88rem;
}
.awscTable.mart10{
	margin:1rem 0 0 0;
}
.informaTable table{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.informaTable table thead th {
    padding: 2rem 2rem;
    color: #fff;
    text-align: center;
    font-family: pretendard-700;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
    border-collapse: collapse;
    border-bottom: 1px solid #fff;
}
.informaTable table thead th.fir{
	text-align:left;
	padding: 2rem 2rem;
}
.informaTable table tbody td {
    padding: 2rem 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-collapse: collapse;
    color: #fff;
    text-align: left;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
}
.informaTable table tbody td.fir{
	font-family: pretendard-500;
	font-weight: 500;
}
.informaTable table tbody td dl{
	margin:0;
	display:flex;
	width:100%;
}
.informaTable table tbody td dl span{
	margin:0;
	display:flex;
	width:100%;
}
.informaTable table tbody tr.last td{
	border-bottom: none;
}
.inf01{width:16rem}
.inf02{width:36rem}
.inf03{width:36rem}

.informaTable p{
	margin:2rem 0 0 0;
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}


@media (max-width:1600px) {
	.glovCont {
		margin: 12rem 0 0 0;
	}
	.infTitleBox .infTitle {
		font-size: 6rem;
		line-height: 8rem;
		padding: 0 0 3rem 0;
	}
	
	
	.glovFlex {
		margin: 6rem 0 0 0;
		gap: 4rem;
	}
	.awscFlex {
		gap: 4rem;
	}
}
@media (max-width:1300px) {
	.glovFlex {
		display: flex;
		margin: 6rem 0 0 0;
		gap: 4rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.glovImg {
		max-width: 40rem;
	}
	.glovTableInner {
		width: 100%;
		min-width: auto;
	}
	
	
	.awscFlex {
		display: flex;
		gap: 4rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.awscImg {
		max-width: 60rem;
	}
	.awscTableInner {
		width: 100%;
		min-width: auto;
	}
}
@media (max-width:991px) {
	.glovCont {
		margin: 10rem 0 0 0;
	}
	.infTitleBox .infTitle {
		font-size: 5rem;
		line-height: 7rem;
		padding: 0 0 2rem 0;
	}
	
	
	.glovFlex {
		margin: 3rem 0 0 0;
		gap: 3rem;
	}
	.glovh2 {
		margin: 0 0 2rem 0;
		font-size: 2.4rem;
		line-height: 4rem;
	}
	.informaTable table thead th.fir {
		padding: 1.4rem 1.4rem;
	}
	.informaTable table thead th {
		padding: 1.4rem 1.4rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.informaTable table tbody td {
		padding: 1.4rem 1.4rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.informaTable p {
		margin: 1.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	.toshiWrap {
		margin: 3rem 0 0 0;
	}
	.toshiflex {
		gap: 2rem;
	}
	.toshiinfo h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.toshiinfo h4 {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.glovSideBox {
		max-width: 156rem;
		padding: 0;
		margin: 0 auto;
	}
	.glovCont {
		padding: 0 2rem;
		margin: 5rem 0 0 0;
	}
	.glovCont.fir{
		padding:0;
	}
	.glovCont.fir .infTitleBox{
		padding:0 2rem;
	}
	.infTitleBox .infTitle {
		font-size: 2.6rem;
		line-height: 3.2rem;
		padding: 0 0 1rem 0;
	}
	
	
	.glovFlex {
		margin: 2rem 0 0 0;
		gap: 3rem;
	}
	.glovImg {
		padding: 0 2rem;
		max-width: 100%;
	}
	.glovh2 {
		margin: 0 0 1rem 0;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	
	
	.glovTableInner {
		padding: 0 0 0 2rem;
		width: 100%;
	}
	.informaTable.Glove {
		overflow-x: auto;
	}
	.informaTable.Glove table {
		margin: 0 2rem 0 0;
		width: 80rem;
	}
	.informaTable table thead th {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.informaTable table tbody td {
		padding: 1.4rem 1.4rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.informaTable p {
		letter-spacing: -0.13px;
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	
	.toshiWrap {
		margin: 2rem 0 0 0;
	}
	.toshiflex {
		gap: 1rem;
		display: flex;
		flex-direction: column;
	}
	.toshiinfo {
		margin: 1rem 0 0 0;
	}
	.toshiinfo h3 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.toshiinfo h4 {
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.awscBox {
		margin: 3rem 0 0 0;
	}
	.awscBox h2 {
		font-size: 2rem;
		line-height: 2.6rem;
		margin: 0 0 1rem 0;
	}
	.awscFlex {
		gap: 1rem;
	}
}