@charset "utf-8";
/*-------------------------------------------------
Border Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 09. 10.
-------------------------------------------------*/
.btn_area,
.btn_area_center,	
.btn_area_right	 {
	clear: both;
	display: block;
	margin-top: 20px;
	overflow: hidden;
	vertical-align: top;
	}
.btn_area_right {
	text-align: right;
	}	
.btn_area_center {
	text-align: center;
	}	
.btn_area_center button {
	margin-left: 4px;
	}
.btn_area_center button:first-child {
	margin-left: 0;
	}
.btn_area_rightCenter {
	margin: 10px 0 18px;
	text-align: right;
	}
		
.btn_repetition {/* 중복확인 */
	width: 62px;
	height: 25px;
	background: url(../../images/common/member/btn_repetition.gif) no-repeat 0 2px;
	text-indent: -9999px;
	vertical-align: middle;
	}	
span.btn_colorType01 a {
	text-decoration: none;
	}		
.btn_colorType01 a,
.btn_colorType03:hover {
	color: #fff;
	}
/*컬러 작은 버튼*/
.btn_blueSmall,
.btn_graySmall,
.btn_purpleSmall,
.btn_brownSmall,
.btn_navySmall,
.btn_greenSmall,
.btn_redSmall,
.btn_orangesmall,
.btn_upfile,
.btn_deleteFile,
.btn_smallbasic {
	display: inline-block;
	min-width: 38px;
	padding: 2px 5px 0;
	background: #d9394a;
	border: solid 1px #d23748;
	border-left-color: #ae2e3b;
	border-bottom-color: #962733;
	border-radius: 3px;
	color: #fff;
	line-height: 1.2;
	text-shadow: 2px 1px 1px #c33342;
	text-align: center;
	font-size: 0.9em;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}
.btn_smallbasic {
	background: #f9f9f9;
	border: solid 1px #d9d8d8;
	border-radius: 0;
	color: #5c5c5c;
	text-shadow: none;
	}	
.btn_lightGrey_small {
	display: inline-block;
	background: #f2f2f2;
	border: solid 1px #c3c3c3;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-radius: 2px;
	color: #5c5c5c;
	text-align: center;
	font-size: 0.9em;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}	

.btn_blueSmall {
	background: #037bc1;
	border-color: #0373b5;
	border-left-color: #02639b;
	border-bottom-color: #025585;
	text-shadow: 2px 1px 1px #036ead;
	}
.btn_graySmall {
	background: #686e75;
	border-color: #656b71;
	border-left-color: #54585e;
	border-bottom-color: #3d434a;
	text-shadow: 2px 1px 1px #5d6369;
	}
.btn_purpleSmall {
	background: #9751bb;
	border-color: #924eb5;
	border-left-color: #794196;
	border-bottom-color: #683881;
	text-shadow: 2px 1px 1px #8849a8;
	}
.btn_brownSmall {
	background: #b56022;
	border-color: #aa5a20;
	border-left-color: #924d1b;
	border-bottom-color: #7d4217;
	text-shadow: 2px 1px 1px #a3561f;
	}
.btn_navySmall {
	background: #34495e;
	border-color: #314458;
	border-left-color: #2a3b4c;
	border-bottom-color: #243241;
	text-shadow: 2px 1px 1px #2f4254;
	}		
.btn_greenSmall {
	background: #00857a;
	border-color: #008176;
	border-left-color: #006b62;
	border-bottom-color: #005a4f;
	text-shadow: 2px 1px 1px #00776e;
	}
.btn_orangesmall {
	background: #f05e22;
	border-color: #ea581c;
	border-left-color: #ea581c;
	border-bottom-color: #bf2d00;
	text-shadow: none;
	}	
.btn_upfile,
.btn_deleteFile	 {
	height: 25px;
	padding: 3px 20px 2px;
	background: #0d4c99;
	border: none;
	border-bottom: solid 2px #07317a;
	text-shadow: 2px 1px 1px #07337d;
	}
.btn_upfile {
	padding-right: 25px;
	background: #0d4c99 url(../../images/common/bbs/img_plus.gif) no-repeat 65px 8px;
	}
/* 클린신고 */
.clean_notify {
	margin-bottom: 17px;
	}
/* 유의사항 */
.note_matter {
	margin-bottom: 3.5rem;
    padding: 2.8rem;
	border-radius: 1.2rem;
	border:1px solid #dddedf;
	color: #555;
	word-break: keep-all;
	overflow: hidden;
	}
.note_info .link a {
	color: #037bc1;
	}	
	
.note_info {
	float: left;
	width: 570px;
	}	
.note_title02 {
	margin: 20px 0 8px;
	color: #000;
	}	
.agreement span {
	display: inline-block;
	margin: 9px 20px 0 0;
	border-top: solid 1px #45474d;
	}
.block_smallTxt {
	margin-bottom: 1px;
	color: #757575;
	font-size: 0.95em;
	}	
			
/* 게시물 수 STYLE
-------------------------------------------------*/
.articles {	
	margin-bottom: 2.4rem;
	color:#1E2124;
	font-size: 1.9rem;
	font-weight: 700;
}
.articles .total {
	color: #243060;
	font-weight: bold;
	}
.articles .current {
	color: #0f79b8;
	}					
/* 기본 검색 */
.multi_searchForm {
	min-height:auto;
}
.multi_searchForm .input_smallBlack, 
.articles_search button.input_smallBlack, 
.articles_search input.input_smallBlack, 
.articles_search .input_smallBlack a {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap:0.4rem;
	min-width:10rem;
	padding:0 1.6rem;
	height:5.6rem;
	background: #FD5E10;
    border-color: #FD5E10;
    color: #fff;
	border-radius: 0.8rem;
	text-shadow: none;
	font-size: 1.7rem;
    font-weight: 500;
}
.articles_search button.input_smallBlack::after, 
.articles_search input.input_smallBlack::after, 
.articles_search .input_smallBlack a::after {
	content:"";
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	background:#58616A;
	-webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../img/component/icon/ico_sch.svg);
    mask-image: url(../../img/component/icon/ico_sch.svg);
}


#detail_content .articles_search .articles {
	margin-bottom:0;
	float:none;
	color:#1E2124;
	font-size:1.9rem;
	font-weight:700;
	order:2;
}
#detail_content .articles {
	margin-bottom:2.4rem;
}
#detail_content .articles_search .articles::after {
	content:"";
	display:table;
	clear: both;
}
#detail_content .articles .txt_bold, #detail_content .articles .total {
	color:#243060;
	font-weight:700;
}
#detail_content .articles_search .articles .sch-sort {
	float: right;
}
#detail_content .articles_search .articles .sch-sort label {
	vertical-align: middle;
	font-size:1.7rem;
}
#detail_content .articles_search .articles .sch-sort .krds-form-select-sort {
	font-weight: 400;
}
	.table_wrap {
		overflow-x: auto;
	}

	.table_wrap table {
		min-width: 80rem;
	}
	[class^="tstyle_list"] td {
		border-left:none;
		border-right:none;
	}

	.board_pager {

	}
	.board_pager span {
		border:none !important;
		margin:0 0.4rem;	
	}
	.board_pager span > a {
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		width:4rem;
		height:4rem;
		border:1px solid rgba(0,0,0,0);
		border-radius: 0.6rem;
		font-size:1.7rem;
		font-weight:400;
		cursor:pointer;
	}
	.board_pager span > a:hover, .board_pager span > a:focus {
		border-color:#243060;
		box-shadow: none !important;
	}
	.board_pager span > a.active {
		border-bottom-width:1px;
		background-color: #243060;
		color:#fff;
		font-weight:600;
	}
	.board_pager a::after {
		display:none !important;
	}

	/* list top */
.articles_search {
	display:flex;
	flex-direction: column;
	margin-bottom:2.4rem;
	overflow: visible;
}
.multi_searchForm.single_search,
.articles_search .basic_searchForm, 
.articles_search .search_form {
	float: none;
	display:flex; 
	flex-wrap:wrap;
	gap:1.6rem;
	margin-bottom:4rem;
	border-radius: 0;
	padding:0;
	border:none;
	background:none;
	order:1;
}
.articles_search .basic_searchForm {
	order:0;
}
.multi_searchForm select,
.articles_search .basic_searchForm select, 
.articles_search .search_form select {
	height:5.6rem;
	border:1px solid #58616A;
	border-radius: 0.8rem;
	padding:0 5rem 0 1.6rem;
	color:#58616A;
	font-size:1.7rem;
	background:#fff url(../../img/component/icon/ico_angle.svg) no-repeat right 1.6rem center / 2.4rem;
}
.multi_searchForm input[type="text"],
.articles_search .basic_searchForm input[type="text"], 
.articles_search .search_form input[type="text"] {
	height:5.6rem;
	border:1px solid #58616A;
	border-radius: 0.8rem;
	padding:0 1.6rem;
	color:#58616A;
	font-size:1.7rem;
}

.articles_search .searh-input-wrap {
	position:relative;
	flex:0 1 58rem;
}
.articles_search .searh-input-wrap input[type="text"] {
	min-width: 24rem;
	width:100%;
	padding-right: 4.8rem;
}
.articles_search .searh-input-wrap input[type="button"],
.articles_search .searh-input-wrap .search-btns {
	position:absolute;
	right:1.6rem;
	top:50%;
	min-width:auto;
	width: 2.4rem;
    height: 2.4rem;
	background:url(../../img/component/icon/ico_sch.svg);
	background-repeat: no-repeat;
	background-size:auto;
	background-position: 50% 50%;
	transform:translateY(-50%);
	line-height:1;
    text-indent: -999px;
}

.single_search .input_long02 {
	width:auto;
}

.multi_searchForm .input_smallBlack, 
.articles_search button.input_smallBlack, 
.articles_search input.input_smallBlack, 
.articles_search .input_smallBlack a {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap:0.4rem;
	min-width:10rem;
	padding:0 1.6rem;
	height:5.6rem;
	background: #FD5E10;
    border-color: #FD5E10;
    color: #fff;
	border-radius: 0.8rem;
	text-shadow: none;
	font-size: 1.7rem;
    font-weight: 500;
}
.articles_search button.input_smallBlack::after, 
.articles_search input.input_smallBlack::after, 
.articles_search .input_smallBlack a::after {
	content:"";
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	background:#58616A;
	-webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../img/component/icon/ico_sch.svg);
    mask-image: url(../../img/component/icon/ico_sch.svg);
}


/* table style */
.tabmenu_margin {
	margin-bottom: 25px;
	}
.bbsCenter_blank {/* 가운데 테이블일 경우 */
	margin: 20px 0;
	}
.txtarea {
	width: 98%;
	height: 250px;
	}
.tstyle_list,
.faq_list,
.fileDown_list	 {
	width: 100%;
	margin-bottom: 10px;
	}
.tstyle_list th {
	padding: 6px 13px;
	background: #EEF2F7;
	border-left: solid 1px #e1e1e1;
	border-bottom: solid 1px #e2e2e2;
	color: #2f3743;
	}
.tstyle_list td {
	padding: 6px 13px;
	border-left: solid 1px #e4e7ec;
	border-bottom: solid 1px #e4e7ec;
	text-align: center;
	} 
.tstyle_list th:first-child, 
.tstyle_list td:first-child	 {
	border-left: none;	
	}	
.tstyle_list th.line,
.tstyle_list td.line {
	border-left: solid 1px #e4e7ec;
	}
.tstyle_list td.ellipsis {
	text-align: left;
	overflow: hidden;
	}
.tstyle_list td.ellipsis a {	
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
	}
.tstyle_list td img {
	vertical-align: middle;
	}	
.tstyle_list .num {
	width: 35px;
	}
.tstyle_list .date {
	width: 75px;
	}
.tstyle_list .txt_left td,	
.tstyle_list .txt_left {
	text-align: left;
	}
.tstyle_list td.thumb {
	font-weight: bold;
	}	
.tstyle_list .thumb span {
	display: block;
	width: 110px;
	height: 90px;
	margin-bottom: 6px;
	border: solid 1px #efefef;
	} 	
.tstyle_list .thumb img {
	width: 100%;
	height: 100%;
	}	
.tstyle_list td.file {
	position: relative;
	}
	
.attach_file {/* 첨부파일 다운로드 */
	position: absolute;
	top: auto;
    bottom: 0;
	right: 90px;
	width: 330px;
	background: #fff;
	text-align: left;
	z-index: 100;
    border-radius: 8px;
    border: solid 1px #dddedf;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.12);
	}	
.attach_file:before {
    transform: rotate(90deg);
    top: auto;
    bottom: 20px;
    right: auto;
    left: calc(100% - 1px);
}    
.attach_file dt {
	margin-bottom: 10px;
	padding: 18px 20px 0;
	font-weight: bold;
	}
.attach_file dd {
	padding: 0 20px 18px;
	}
.download_list li,	
.attach_file li {
	position: relative;
	margin-top: 3px;
	}	
.download_list li:first-child,
.attach_file li:first-child {
	margin-top: 0;
	}	
.attach_file a {
	display: block;
	}		
.download_list li img,
.attach_file li img {
	margin: 2px 5px 0 0;
	vertical-align: top;
	}	
.attach_file a span,
.download_list span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 13px;
	background: url(../../images/common/icon/download.gif) no-repeat 0 5px;	
	font-size: 0.9em;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}
.download_list a span {	
	display: inline-block;
	margin-left: 15px;
	}
.firstchild_bbs {
	margin-bottom: 20px;
	}
table.depth2_txt {
	width: 707px;
	}		
.icon_download {
	display: block;
	padding-left: 13px;
	background: url(../../images/common/icon/download.gif) no-repeat 0 5px;	
	font-size: 0.9em;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}
/* 보기페이지 */	
.tstyle_view {
	border-top: solid 1px #45474d;
	border-bottom: solid 1px #c1c5cd;
	}
.tstyle_view th,
.tstyle_view .depth_title {
	padding: 8px 10px;
	background: #fafafb;
	border: solid 1px #e4e7ec;
	border-top: none;
	color: #2f3743;
	}
.tstyle_view .depth_title {
	padding: 12px 15px;
	border: none;
	border-bottom: solid 1px #e4e7ec;
	font-size: 1.1em;
	}
.tstyle_view td {
	padding: 8px 10px;
	border-left: solid 1px #e4e7ec;
	border-bottom: solid 1px #e4e7ec;
	}	
.tstyle_view input[type="radio"], 
.tstyle_view input[type="checkbox"] {
	vertical-align: middle;
	}
.tstyle_view th:first-child, 
.tstyle_view td:first-child	 {
	border-left: none;	
	}
.tstyle_view .txt_left th {
	padding-left: 20px;
	text-align: left;
	}	
.tstyle_view th .txt_download {
	margin-left: 0;
	font-weight: normal;
	}	
.tstyle_list img,
.tstyle_view img {	
	vertical-align: middle;
	}	

/* 등록 STYLE*/	
.tstyle_write {
	clear: both;
	width: 100%;
	border-top: none;
	border-bottom: solid 1px #c1c5cd;
	}
	.tstyle_write tr:first-child td {
		border-top: solid 1px #c1c5cd;
	}
.tstyle_write th	 {
	height:6rem;
	padding: 8px 10px;
	background: #fafafb;
	border-right: solid 1px #e4e7ec;
	border-bottom: solid 1px #e4e7ec;
	color: #2f3743;
	text-align: center;
	}		
.tstyle_write td	 {
	padding: 8px 10px;
	border-left: solid 1px #e4e7ec;
	border-bottom: solid 1px #e4e7ec;
	text-align: left;
	}
.tstyle_write .txtarea {
	width: 99%;
	height: 180px;
	}	
.tstyle_margin th {
	padding: 7px 5px 7px 13px;
	}		
.tstyle_margin td {
	padding: 7px 5px 7px 8px;
	}	
.tstyle_write th.bline,
.tstyle_write tr.bline th,
.tstyle_write tr.bline td {
	border-bottom: solid 1px #c1c5cd;
	}	
.tstyle_write td.txt_center {
	text-align: center;
	}	
.tstyle_write .line {
	border-left: solid 1px #d9d9d9;
	}	
.tstyle_write th.line,
.tstyle_write td.line {
	border-left: solid 1px #e4e7ec;
	}	
.tstyle_write .no_left_line {
	border-left: none;
	}
.tstyle_write .no_right_line {
	border-right: none;
	}	
/*.tstyle_write.txt_center th {
	text-align: center;
	}*/
.leader_info {
	margin-bottom: 3px;
	}	
.leader_info span {
	display: inline-block;
	width: 60px;
	}
	
/* 게시판 보기페이지 */
.newsTitle {
	padding: 15px 17px;
	background: none;
	border: solid 1px #c1c5cd;
	border-top-color: #45474c;
	color: #2f3743;
	font-size: 1.2em;
	text-align: center;
	overflow: hidden;
	}
.viewContent {
	min-height:40rem;
	padding: 20px;	
	border-bottom: solid 1px #c1c5cd;
	}
	
.viewContent .depth3_txt {
	margin-left: 17px;
	}	
.viewContent > li {
	margin-top: 2px;
	}	
.viewContent > li:first-child {
	margin-top: 0;
	}
.viewContent .tstyle_view {
	border-top-color: #c1c5cd;
	}		
.viewContent .tstyle_view th {
	border-right-color: #c1c5cd;
	}	
.viewContent .tstyle_view td {
	padding-left: 15px;
	}
.product_view {
	padding-bottom: 30px;
	border-bottom: solid 1px #ecedf0; 
	}
.product_view  .newsTitle {
	font-size: 1em;
	}
.product_view .newsTitle p {
	margin-top: 5px;
	}		
.product_view .depth3_title02 {
	margin-left: 0;
	}
.product_view .depth3_txt {
	margin-left: 15px;
	}				
.product_view .point03 {
	margin: 20px 0 60px;
	padding-top: 15px;
	border-top: solid 1px #ecedf0;
	}				
/* 다운로드 */
.download {
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: dotted 1px #dfdfdf;
	}
.download li span {
	margin-right: 3px;
	padding-left: 5px;
	font-weight: bold;
	}
.download li img {
	vertical-align: top;
	}
.download a {
	color: #fb7312;
	}
/* 다운로드형 목록 */	
.fileDown_list {	
	}	
.fileDown_list li {
	position: relative;
	padding: 8px 18px;
	border-top: solid 1px #e4e7ec;
	}
.fileDown_list li:first-child {
	border-top: none;
	} 
.fileDown_list li span {
	position: absolute;
	right: 20px;
	padding-left: 13px;
	background: url(../../images/common/icon/download.gif) no-repeat 0 7px;	
	}	
/* 제품정보 */
.product_list span {
	display: inline-block;
	width: 155px;
	}
/* 테이블 안에 테이블 */
.normal_table {
	padding: 2px 3px !important;
	}
.normal_table td {
	padding: 5px 0;
	border: none;
	}
.tdmargin_zero td {
	padding: 5px 0;
	}	
/* FAQ */	
.faq_list dt,
.faq_list dd {	
	position: relative;
	padding: 18px 20px;
	border-top: solid 1px #e4e7ec;
	color: #45474d;
	font-weight: bold;
	overflow: hidden;
	}
.faq_list span {
	display: block;
	}
.faq_list dt a {
	display: block;
	}	
.faq_list dd {
	background: #fafafb;
	color: #6c6d70;
	font-weight: normal;
	}
.faq_list .on,	
.faq_list .on a {
	color: #0071c1;
	}	
.faq_list .txt_qa {
	float: left;
	width: 30px;
	font-size: 1.3em;
	}	
.faq_list .txt {
	float: left;
	width: 655px;
	} 		
.faq_list dt .txt {
	width: 635px;
	margin-top: 3px;
	}
.faq_list dd a {
	text-decoration: underline;
	}	
.faq_list .open {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 28px;
	height: 28px;
	background: url(../../images/common/bbs/btn_minus.gif) no-repeat 0 0;
	text-indent: -9999px;
	}	
/* 포토갤러리 */
.articles_search .photo_type {
	float:none;
	width:auto;
	margin-bottom: -3rem;
	z-index: 1;
}
.photo_type {
	display:inline-flex;
	align-items: center;
	margin-left:auto;
	border:1px solid #CDD1D5;
	border-radius:0.4rem;
}
.photo_type button {
	width:32px;
	height:32px;
	background:url(../../images/kps/new_layout/icon-photo-type.png) no-repeat;
	text-indent: -9999px;
}
.photo_type button.list {
	background-position:0 0;
}
.photo_type button.thumb {
	background-position:-32px 0;
}
.photo_type button.album {
	background-position:-64px 0;
}
.photo_type button.list_on {
	background-position:0 -32px;
}
.photo_type button.thumb_on {
	background-position:-32px -32px;
}
.photo_type button.album_on {
	background-position:-64px -32px;
}

.photo_list {
	border-top:none !important; border-bottom:none !important;
	overflow: initial;
}
.photo_list strong,
.photo_list.album_type .subject {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: auto;
    max-height: none;
    margin-bottom: 1.6rem;
    font-size: 1.9rem;
}
.photo_list.card_type {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:2.4rem;
}
.photo_list.card_type li {
	width:100%;
	padding:0;
	border:1px solid #B1B8BE;
	border-radius: 1.2rem;
	overflow: hidden;
}
.photo_list.card_type li .thumb {
	display:block;
	position:relative;
	width:100%;
	margin-bottom:0;
	padding-top:100%;
	border-radius: 1.2rem 1.2rem 0 0;
	border:none;
	background:#F4F5F6;
	overflow: hidden;
}
.photo_list.card_type li .thumb img {
	position:absolute;
	top:50%;
	left:50%;
	max-width: 150%;
	min-height:100%;
	transform:translate(-50%, -50%);
	object-fit: cover;
}
.photo_list.card_type li .thumb:hover img,
.photo_list.card_type li .thumb:focus img {
	transform:translate(-50%, -50%) scale(1.1);
} 
.photo_list.card_type strong {
	padding:2.4rem;
}
.photo_list.card_type strong a {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	margin-bottom:0;
	min-height:5.2rem;
	color:#1E2124;
	font-size:1.7rem;
	line-height:1.5;
	font-weight:700;
	word-break: break-all;
}

.photo_list.thumb_type {}
.photo_list.thumb_type > li {
	padding:2.4rem;
	border:1px solid #B1B8BE;
	border-radius: 1.2rem;
}
.photo_list.thumb_type > li + li {
	margin-top:2.4rem;
}
.photo_list.thumb_type > li .thumb {
	position:relative;
	width:32rem;
	height:18rem;
	border:none;
	border-radius: 1.2rem;
}
.photo_list.thumb_type > li .thumb img {
	position:absolute;
	top:50%;
	left:50%;
	min-height: 100%;
	object-fit: cover;
	transform:translate(-50%, -50%);
}
.photo_list.thumb_type .headline strong {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	min-height:auto;
	max-height:none;
	margin-bottom: 1.6rem;
	font-size:1.9rem;
}
.photo_list.thumb_type .headline .desc {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	min-height:auto;
	max-height:none;
	font-size:1.7rem;
	max-height:none;
}
.photo_list.thumb_type .headline .date {
	color:#1E2124;
	font-size:1.7rem;
}

.photo_list.album_type {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:2.4rem;
}
.photo_list.album_type > li {
	width:100%;
	padding:2rem;
	border:1px solid #B1B8BE;
	border-radius: 1.2rem;
}
.photo_list.album_type > li:nth-child(8) ~ li {
	border-bottom:1px solid #B1B8BE;
}
.photo_list.album_type > li .thumb {
	position:relative;
	height:16rem;
	border:none;
	border-radius: 1.2rem;
}
.photo_list.album_type > li .thumb img {
	position:absolute;
	top:50%;
	left:50%;
	min-height: 100%;
	object-fit: cover;
	transform:translate(-50%, -50%);
}
.photo_list.album_type > li .txt_wrap {
	display:block;
}
.photo_list.album_type .subject {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	min-height:auto;
	max-height:none;
	margin-bottom: 1.6rem;
	font-size:1.9rem;
}
.photo_list.album_type .desc {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	min-height:auto;
	max-height:none;
	font-size:1.7rem;
	min-height: 5.2rem;
	max-height:none;
}

/* button */
[class*="btn_colorType"], .btn_colorExcel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: auto;
	height: 5.6rem;
	padding: 0 2rem;
	border: 1px solid #58616A;
	cursor: pointer;
	background-color: #fff;
	white-space: nowrap;
	border-radius: 0.6rem;
	color: #1E2124;
	font-size: 1.7rem;
}

[class*="btn_colorType"]::after {
	display:none;
}

/* view */
.news_view, .board-view {
	margin-bottom:4rem;
	border-top:none;
}
.news_view .newsTitle {
	padding:0;
	margin-bottom:2.4rem;
	border:none;
	color:#131416;
	font-size:2.4rem;
	font-weight:700;
	line-height:1.5;
	text-align: left;
}
.news_view .tstyle_view {
	display:block;
	padding:3rem 0 3.6rem;
	border-top:1px solid #8A949E;
	border-bottom:1px solid #8A949E;
}
.news_view .tstyle_view *:not(tbody) {
	display:inline-block;
	vertical-align: top;
}
.news_view .tstyle_view tbody {
	display:flex;
	flex-wrap:wrap;
	gap:2.4rem;
}
.news_view .tstyle_view colgroup {
	display:none;
}
.news_view .tstyle_view th {
	padding:0;
	background:none;
	border:none;
}
.news_view .tstyle_view td {
	margin:0 3rem 0 0.8rem;
	padding:0;
	border:none;
}
.news_view .tstyle_view tr:has(.download_list) {
	width: 100%;
}
.news_view .tstyle_view td:has(.download_list) {
	width:100%;
	margin:0;
}
.news_view .tstyle_view .download_list {
	display:block;
	margin-top:2.4rem;
}
.news_view .tstyle_view .download_list > li {
	width:100%;
	padding:1.9rem 1.6rem;
	border:1px solid #CDD1D5;
	border-radius: 0.8rem;
}
.news_view .tstyle_view .download_list > li + li {
	margin-top:1rem;
}
.news_view .tstyle_view .download_list > li a {
	display:-webkit-box;
	position:relative;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: normal;
	min-height:auto;
	max-height:none;
	padding:0 3rem 0 0;
}
.news_view .tstyle_view .download_list > li span {
	position: relative;
	top:0;
	float: right;
	background:none;
	padding:0;
	color:#1E2124;
	font-size:1.7rem;
	font-family: inherit;
}
.news_view .tstyle_view .download_list > li span::after {
	content:"";
	display:inline-block;
	vertical-align: middle;
	position:absolute;
	right:0.8rem;
	top: 50%;
	transform:translateY(-50%);
	width:2rem;
	height:2rem;
	margin-left: 0.4rem;
	background:url(../../img/component/icon/ico_download.svg) no-repeat 50% 50% / cover;
}
			
/* 슬라이드 포토 */	
.viewContent .slide_photo {
	margin-left: -20px;
	}	
.slide_photo {
	position: relative;
	width: 730px;
	margin-bottom: 25px;
	overflow: hidden;
	}			
.slide_photo button {/* 좌우 버튼 */
	position: absolute;
	top: 24px;
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	background: url(../../images/common/bbs/btn_leftRight.gif) no-repeat 0 0;
	text-indent: -9999px;
	}	
.slide_photo .btn_right {
	right: 0;
	background-position: -34px 0;
	}
.slide_photo .btn_leftOn,		
.slide_photo .btn_left:hover {
	background-position: 0 -34px;
	}
.slide_photo .btn_rightOn,
.slide_photo .btn_right:hover {
	right: 0;
	background-position: -34px -34px;
	}	
.list_photo {/* 목록 */
	margin: 0 41px;
	overflow: hidden;
	}	
.list_photo ul {
	height: 100px;	
	margin: auto;
	text-align: center;
	overflow: hidden;
	}		
.list_photo li {
	display: inline-block;
	width: 118px;
	height: 80px;
	margin-left: 8px;
	}
.list_photo li:first-child {
	margin-left: 0;
	}	
.list_photo li.on {	
	position: relative;
	}	
.list_photo li.on span {
	position: absolute;
	top: 0;
	left: 0;	
	width: 116px;
	height: 76px;
	border: solid 2px #434a54;
	}
.list_photo li a {
	display: inline-block;
	overflow: hidden;
	}	
.list_photo li .thumb {
	width: 100%;
	height: 78px;
	border: solid 1px #dddedf;
	border-right-color: #c9cacc;
	border-bottom-color: #c9cacc;
	}
.list_photo li img {
	width: 100%;
	}		
.viewContent .img_area {
	margin-bottom: 20px;
	text-align: center;
	}
.viewContent .img_area img {
	border: solid 1px #dddedf;
	border-right-color: #c9cacc;
	border-bottom-color: #c9cacc;
	}	
/* 이전 다음 페이지 이동 */

.nextPrev_list {
	padding:0 3rem;
	border:1px solid #CDD1D5 !important;
	border-radius: 0.8rem;
	font-size:1.7rem !important;
}
.nextPrev_list li {
	padding:2.4rem 0;
}
.nextPrev_list li strong {
	position:relative;
	margin:0.4rem 1.6rem 0 0;
	padding:0 1.6rem 0 2.8rem !important;
	background:none;
}
.nextPrev_list li strong::before {
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	width:2rem;
	height:2rem;
	background:url(../../img/component/icon/ico_angle.svg) no-repeat 50% 50% / cover;
	transform:translateY(-50%);
}
.nextPrev_list li:nth-child(1) strong::before {
	transform:translateY(-50%) rotate(180deg);
}
.nextPrev_list li strong::after {
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	right:0;
	width:1px;
	height:2rem;
	background:#CDD1D5;
	transform:translateY(-50%);
}

/* 댓글입력 */
.reply_write {
	display: inline-block;
	width: 708px;
	margin: 40px 0 30px;
	padding: 13px 10px;
	background: #fafafb;
	border: solid 1px #dcdfe6;
	border-radius: 3px;
	}
.reply_write .cmt_title {
	clear: both;
	margin-bottom: 8px;
	overflow: hidden;
	}	
.cmt_title .title {
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	background: url(../../images/common/bbs/img_write.gif) no-repeat 3px 4px;
	color: #252525;
	font-size: 1em;
	}	
.cmt_title .txt {
	float: left;
	margin-top: 2px;
	font-size: 0.85em;
	}
.cmt_title .float_right {
	margin-right: 60px;
	letter-spacing: normal;
	}		
.cmt_title .float_right strong {
	color: #0071c1;
	}
.reply_write textarea {
	float: left;
	width: 643px;
	height: 54px;
	border-top: solid 1px #b9bdc0;	
	border-left: solid 1px #b9bdc0;
	}	
		
.reply_write .input_btn {
	float: right;
	width: 56px;
	height: 56px;
	background: #5a6273;	
	border-bottom: solid 2px #3c4250;
	color: #fff;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	}
	
/* 댓글 보기 */	
.recmt_list	{
	margin-top: 5rem;
	overflow: hidden;
	}
.recmt_list > li:first-child {
	border-top: solid 1px #e4e7ec;
	}
.recmt_list li	{
	padding: 15px 20px;
	border-bottom: dashed 1px #d7d7d7;
	line-height: 1.5;
	overflow: hidden;
	}	
.cmt_control {
	margin-top: 5px;
	overflow: hidden;
	}	
.cmt_name {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
	}
.cmt_control .date {
	display: block;
	float: left;
	margin-top: 1px;
	color: #6c6d70;
	}
.cmt_control .btn {
	display: block;
	float: right;
	background: url(../../images/common/bbs/btn_delModify.gif) no-repeat 0 0;
	}
.cmt_control .btn button {
	display: block;
	float: left;
	width: 44px;
	height: 18px;
	text-indent: -9999px;
	}	
.cmt_control .btn button:first-child {
	margin-right: 4px;
	}	
/* border pager STYLE */
.board_pager {
	clear: both;
	height: 30px;
	margin-top: 20px;
	text-align: center;
	}
.board_pager span {
	display: inline-block;
	border: solid 1px #e9e9e9;
	vertical-align: top;
	}	
.board_pager a	{
	display: inline-block;
	color: #757577;
	}
.board_pager span > a {
	display: block;
	float: left;
	min-width: 27px;
	padding: 6px 0;	
	font: bold 1em Verdana;
	} 	
.board_pager .active {	
	margin-bottom: -2px;
	border: solid 1px #e9e9e9;	
	border-bottom: solid 2px #5a6273;
	border-top: none;
	color: #000;
	}
.board_pager span > a:first-child.active {
	border-left: none;
	}
.board_pager span a:hover	{
	border-color: #dedede;
	color: #333;
	box-shadow: 0 5px 5px #eee inset;
	-o-box-shadow: 0 5px 5px #eee inset;
	}
.board_pager .prev,
.board_pager .next {
	padding: 0;
	}
.board_pager .prev img,
.board_pager .next img,
.board_pager .first img,
.board_pager .end img {	
	border: solid 1px #e9e9e9;
	}		
.board_pager .prev img {	
	padding-right: 10px;
	border-right: none;
	}
.board_pager .next img {
	padding-left: 10px;
	border-left: none;
	}
/* 제품검색 view */
.product_infoArea {
	position: relative;
	margin: 35px 0 25px;
	padding-right: 355px;
	overflow: hidden;
	}
.product_infoArea .thmb {
	display: block;	
	float: left;
	width: 320px;
	height: 340px;
	margin-right: 35px;
	}
.product_infoArea .thmb img {
	width: 100%;
	}	
.product_infoArea .list_info {
	float: left;
	width: 100%;
	margin-right: -355px;
	}
.product_infoArea .list_info li {
	margin-top: 8px;
	padding-left: 8px;
	background: url(../../images/gfi/common/gray_dot.gif) no-repeat 0 9px;
	overflow: hidden;
	}	
.product_infoArea .list_info li > span:first-child {
	display: block;
	float: left;
	width: 138px;
	color: #2f3743;
	font-weight: bold;
	}
.product_infoArea .list_info li > span.txt {
	display: block;
	float: left;
	width: 100%;
	margin-right: -138px;
	overflow: hidden;
	}
/* 제품정보 품목 목록 */
.input_productList {
	margin-top: -5px;
	overflow: hidden;
	}
.input_productList > li {
	float: left;
	width: 20%;
	margin-top: 5px;
	}	
/* 상태설명 */
.demonstrate_condition	 {
	margin-bottom: 30px;
	padding: 25px;
	overflow: hidden;
	}
.demonstrate_condition dt {
	float: left;
	width: 70px;
	margin-right: 30px;
	padding-top: 32px;
	color: #252525;	
	background: url(../../images/common/bbs/icon_condition.gif) no-repeat 0 0;	
	}
.demonstrate_condition dd {
	float: left;
	}	
.demonstrate_condition dd li {
	margin-top: 7px;
	}	
.demonstrate_condition dd li:first-child {
	margin-top: 0;	
	}	
.demonstrate_condition dd li span {
	margin-right: 5px;
	}	
/* 실적 조사 안내 */
.stockTaking {
	padding: 25px 25px 25px 110px;
	background: #fdfdfd url(../../images/common/bbs/stockTaking.gif) no-repeat 32px 27px;
	overflow: hidden;
	}
.stockTaking strong	{
	display: block;
	margin-bottom: 13px;
	color: #252525;
	}
.stockTaking ul {
	margin-bottom: 20px;
	}	
.stockTaking .supervision {
	padding-top: 10px;
	background: #fdfdfd url(../../images/common/bbs/txt_underline.gif) no-repeat 0 0;
	}
/*보증 기관 이용현황 */
.current_status {
	margin-left: 28px;
	}
.current_status > li {
	margin-top: 16px;
	}	
.current_status > li:first-child {
	margin-top: 0;
	}	
.current_status > li strong {
	display: block;
	margin-bottom: 5px;
	color: #2f3743;
	}	
.tstyle_info {
	float: right;
	color: #6c6d70;
	}	
.right_selectBox {
	margin-top: 30px;
	text-align: right;
	}	
/* 레이어 팝업 SNS공유 */
.sns_bg { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	background: #000; 
	opacity: 0.6; 
	filter: alpha(opacity=60);
	z-index: 95;
	}
#sns {
	position: absolute;
	bottom: 50px;
	width: 440px;
	background: #fff;
	border-radius: 5px;
	/*background-color: rgba(0, 0, 0, 0.75);*/
	box-shadow: 2px 2px 10px #484848;	
	overflow: hidden;
	z-index: 100;
	}
#sns .sns_area {
	width: 370px;
	margin: auto;
	padding: 30px 0;
	overflow: hidden;
	}	
#sns .sns_area .title { 
	margin-bottom: 20px;
	color: #000;
	text-align: center;
	font-size: 1.5em;
	}
#sns .sns_list {
	overflow: hidden;
	}	
#sns .sns_list li {
	float: left;
	margin-left: 16px;
	}		
#sns .sns_list li:first-child {
	margin-left: 0;
	}
#sns .sns_list li a span {
	display: block;
	text-align: center;
	}	
#sns .sns_close {
	position: absolute;
	top: 30px;
	right: 35px;
	}

	
	.agree-box.type-from {
		flex-wrap: wrap;
		flex-direction: row;
		margin: 1.8rem 0 4.8rem;
	}
	.agree-box.type-from .tit {
		flex:1;
	}
	.krds-check-area {
		display:flex;
		gap:2rem;
	}
	.krds-form-check input[type="radio"] + label,
	.krds-form-check input[type="checkbox"] + label {
		position: relative;
		display: inline-flex;
		gap: var(--krds-form-check--gap);
		color:#131416;
		font-size: var(--krds-form-check--pc-font-size-medium);
	}
	.krds-form-check input[type=radio] ~ label:before {
		border-radius: 50%;
	}
	.krds-form-check input[type=radio] ~ label:before, .krds-form-check input[type=checkbox] ~ label:before {
		flex-shrink: 0;
		width: var(--krds-form-check--button-size-medium);
		height: var(--krds-form-check--button-size-medium);
		margin-top: var(--krds-form-check--button-margin-top);
		z-index: 3;
		background-color: var(--krds-form-check--button-color-element);
		border: 0.1rem solid var(--krds-form-check--button-color-border);
	}
	.krds-form-check input[type=radio] ~ label:after, .krds-form-check input[type=checkbox] ~ label:after {
		position: absolute;
		z-index: 4;
		top: calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium)) / 2 + var(--krds-form-check--button-margin-top));
		left: calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium)) / 2);
		width: var(--krds-form-check--radio-check-size-medium);
		height: var(--krds-form-check--radio-check-size-medium);
		background-color: var(--krds-form-check--radio-check-color-element);
		border-radius: var(--krds-radius-max);
	}
	.agree-box .krds-form-check label {
		font-size:1.7rem;
		font-weight:400;
	}


	.form-box {
		position:relative;
		border:1px solid #B1B8BE;
		border-radius: 1.2rem;
		padding: 4rem;
		margin-bottom: 3.5rem;
	}
	.form-box .required-txt {
		position:absolute;
		right:4rem;
		top:4rem;
		color:#464C53;
		font-size:1.7rem;
	}
	.form-box .required-txt .point01 {
		color:#E02020;
	}

	.form-box .depth2_title {
		margin-top:0;
	}
	.form-box input[type="text"],
	.form-box input[type="password"],
	.form-box input[type="email"],
	.form-box input[type="tel"],
	.form-box input[type="number"],
	.form-box input[type="date"],
	.form-box input[type="search"] {
		flex:1;
		width:100%;
		height:5.6rem;
		border:1px solid #58616A;
		border-radius: 0.8rem;
		padding:0.8rem 1.6rem;
		font-size:1.9rem;
	}
	.form-box textarea {
		width:100%;
		height:12rem;
		border:1px solid #58616A;
		border-radius: 0.8rem;
		padding:1.6rem;
		font-size:1.9rem;
	}
	.form-box-content {
		display:flex;
		flex-direction: column;
		gap:4rem;
	}
	.form-item-label {
		margin-bottom: 2.4rem;
		color:#1E2124;
		font-size:1.9rem;
		font-weight:600;
	}
	.form-item-label .point01_bold {
		color:#E02020;
	}
	.form-item-input {
		display:flex;
		flex-wrap:wrap;
		gap:0.8rem;
		align-items:center;
	}


	@media (max-width: 768px) {
		.photo_list.card_type { grid-template-columns: repeat(2, 1fr); gap:1.6rem; }
		.photo_list.album_type { grid-template-columns: repeat(2, 1fr); gap:1.6rem; }
		.photo_list.thumb_type > li .thumb { width:25rem; height:15rem; }
		.form-box {
			padding: 3rem;
		}
		.form-box .required-txt {
			position:static;
			top:auto;
			right:auto;
			margin-bottom: 2.4rem;
			text-align: right;
		}
	}
	@media all and (max-width: 414px) {
		.photo_list.card_type { grid-template-columns: repeat(1, 1fr); }
		.photo_list.album_type { grid-template-columns: repeat(1, 1fr); }
		.photo_list.thumb_type { align-items: flex-start; }
		.photo_list.thumb_type > li { border-radius: 1.2rem; }
		.photo_list.thumb_type > li .thumb { float:none; width:100%; height:20rem; }
		.photo_list.thumb_type > li .headline { margin-top:2rem; }
	}