select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
	outline: none;
}
input{ outline: none; border: none; }
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important; }


/* popup */
#popup{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
#popup .blank{ width: 100%; height: 100%; }
#popup .inner{ max-width: 95%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#popup .close{ background: none; border: none; padding: 10px; position: absolute; top: 0; right: 0; transform: translate(100%, -100%); }
#popup .close i{ width: 20px; height: 20px; display: block; background: #FFF; mask: url("/img/board/icon_popup_close.svg") no-repeat center center / contain; -webkit-mask: url("/img/board/icon_popup_close.svg") no-repeat center center / contain; }

@media screen and (max-width: 1280px){
	#popup .close i{ width: 17px; height: 17px; }
}


/* edit-content */
.edit-content ul,
.edit-content ol,
.edit-content li{ list-style-position: inside !important; }
.edit-content ul,
.edit-content ul li{ list-style: disc; }
.edit-content ol,
.edit-content ol li{ list-style: auto; }


/* paging */
.paging, 
.paging .arr,
.paging ul{ display: flex; justify-content: center; align-items: center; }
.paging .arr a:not(:last-of-type), 
.paging ul li:not(:last-of-type){ margin-right: 10px; }

.paging{ margin-top: 100px; }
.paging a{ width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: none; border: none; font-family: var(--engFont); font-size: 18px; font-weight: 500; color: #AAA; letter-spacing: 0 !important; }
.paging ul{ margin: 0 10px; }
.paging ul li.on a{ background: none; border: none; font-weight: 700; color: var(--mainColor); }

.paging .arr a i{ display: inline-flex; transform: scaleX(1) !important; }
.paging .arr a i::before{ content: ""; width: 8px; height: 12px; display: inline-flex; background: url("/img/board/icon_paging.svg") no-repeat center center / contain; }
.paging .arr a i.xi-angle-right-min{ transform: scaleX(-1) !important; }

@media screen and (max-width: 1700px){
	.paging{ margin-top: 80px; }
}

@media screen and (max-width: 1280px){
	.paging{ margin-top: 60px; }
	.paging ul{ margin: 0 5px; }
	.paging a{ font-size: 17px; }
	
	.paging .arr a:not(:last-of-type), 
	.paging ul li:not(:last-of-type){ margin-right: 5px; }
}

@media screen and (max-width: 900px){
	.paging ul{ margin: 0; }
	.paging .arr a:not(:last-of-type), 
	.paging ul li:not(:last-of-type){ margin-right: 0; }
}


/* 검색창 */
.search-box{
	--height: 65px;
	--select: 170px; 
	--input: 300px;	
	--padding: 20px;
}
.search-box{ display: flex; justify-content: flex-end; padding-bottom: 60px; margin-top: -10px; }
.search-box *{ font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.02em; }
.search-box > *{ margin-top: 10px; }
.search-box > *:not(:first-child){ margin-left: 10px; }

.search-box select,
.search-box input,
.search-box button{ height: var(--height); border-radius: 0; -webkit-border-radius: 0; }
.search-box select,
.search-box button{ flex-shrink: 0; }
.search-box select{ width: var(--select); background: #FFF url("/img/board/icon_search_arrow.svg") no-repeat center right var(--padding) / auto; border: 2px solid #EEE; text-overflow: ellipsis; overflow: hidden; padding: 0 var(--padding); padding-right: calc(var(--padding) + 30px); }
.search-box input{ width: var(--input); border: 2px solid #EEE; padding: 0 var(--padding); }
.search-box input::placeholder{ font-weight: 400; color: #CCC; }
.search-box button{ width: var(--height); background: var(--mainColor); border: none; font-weight: 400; color: #FFF; padding: 0; }
.search-box button i{ display: block; height: 30px; background: url("/img/board/icon_board_search.svg") no-repeat center center / contain; }

@media screen and (max-width: 1700px){
	.search-box{
		--height: 60px;
	}
	.search-box{ padding-bottom: 40px; }
}

@media screen and (max-width: 1280px){
	.search-box{
		--height: 55px;
		--select: 150px; 
		--input: 250px;
		--padding: 15px;
	}
	.search-box{ padding-bottom: 30px; }
	.search-box *{ font-size: 17px; }

	.search-box button i{ height: 27px; }
}

@media screen and (max-width: 800px){
	.search-box{ flex-wrap: wrap; }
	.search-box select{ width: calc((100% - 10px) / 2); }
	.search-box select:only-of-type{ width: 100%; }
	.search-box input{ width: calc(100% - var(--height) - 10px); margin-left: 0 !important; }
}


/* 제품 게시판 */
.prod-board{ 
	--gapR: 60px; 
	--gapB: 100px; 
	--line: 4; 
}
.prod-board{ display: flex; flex-wrap: wrap; margin-bottom: calc(var(--gapB) * -1); }
.prod-board .item{ width: calc((100% - calc(var(--gapR) * (var(--line) - 1))) / var(--line)); margin-right: var(--gapR); margin-bottom: var(--gapB); }
.prod-board .item:nth-of-type(4n){ margin-right: 0; }
.prod-board .item figure{ display: block; background: var(--grayBg); padding-bottom: 100%; position: relative; overflow: hidden; }
.prod-board .item figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.prod-board .item .text{ text-align: center; padding-top: 20px; letter-spacing: -0.02em; }
.prod-board .item .text .em{ display: flex; flex-wrap: wrap; justify-content: center; margin: -5px; }
.prod-board .item .text .em em{ display: inline-block; background: rgba(var(--mainRGB), 0.1); font-size: 16px; font-weight: 500; color: var(--mainColor); line-height: 1; padding: 9px 15px; margin: 5px; }
.prod-board .item .text h6{ font-size: 24px; font-weight: 500; color: #000; margin-top: 20px; }

@media screen and (max-width: 1700px){
	.prod-board{ 
		--gapR: 30px; 
		--gapB: 70px; 
	}
	.prod-board .item .text{ padding-top: 18px; }
	.prod-board .item .text h6{ font-size: 22px; margin-top: 15px; }
}

@media screen and (max-width: 1500px){
	.prod-board{ 
		--gapR: 20px;  
		--gapB: 50px; 
	}
}

@media screen and (max-width: 1280px){
	.prod-board .item .text{ padding-top: 17px; }
	.prod-board .item .text .em em{ font-size: 15px; padding: 8px 12px; }
	.prod-board .item .text h6{ font-size: 20px; margin-top: 11px; }
}

@media screen and (max-width: 1200px){
	.prod-board{ 
		--line: 3;
	}
	.prod-board .item:nth-of-type(4n){ margin-right: var(--gapR); }
	.prod-board .item:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	.prod-board{ 
		--line: 2;
	}
	.prod-board .item:nth-of-type(3n){ margin-right: var(--gapR); }
	.prod-board .item:nth-of-type(2n){ margin-right: 0; }
	.prod-board .item .text .em{ margin: -3px; }
	.prod-board .item .text .em em{ padding: 7px 10px; margin: 3px; }
}


/* 제품소개 - 상세 */
#product .view-ctn{
	--width: 43.75%;
	--paddingL: 100px;
}
#product .view-ctn{ position: relative; }
#product .view-ctn .grid-box{ display: grid; grid-template-columns: var(--width) calc(100% - var(--width)); grid-template-rows: auto 1fr; opacity: 1; }
#product .view-ctn .title,
#product .view-ctn .image, 
#product .view-ctn .content{ opacity: 0; transition: opacity var(--aosT), transform var(--aosT); }
#product .view-ctn .title,
#product .view-ctn .content{ order: 1; padding-left: var(--paddingL); transform: translateY(var(--aosP)); }
#product .view-ctn .image{ transform: translateX(var(--aosM)); }

#product .view-ctn .aos-animate .title,
#product .view-ctn .aos-animate .image, 
#product .view-ctn .aos-animate .content{ opacity: 1; transform: translate(0, 0); }

#product .view-ctn .title .em{ display: flex; flex-wrap: wrap; margin: -5px; }
#product .view-ctn .title .em em{ display: inline-block; background: rgba(var(--mainRGB), 0.1); font-size: 17px; font-weight: 500; color: var(--mainColor); line-height: 1; padding: 9px 15px; margin: 5px; }
#product .view-ctn .title h2{ font-size: 7rem; font-weight: 500; color: #111; margin-top: 20px; }
#product .view-ctn .title p{ font-size: 21px; font-weight: 500; color: #111; line-height: 1.6; margin-top: 30px; }


#product .view-ctn .image{ order: 0; grid-row: auto / span 2; width: auto; }
#product .view-ctn .image .sticky{ border: 2px solid #EEE; position: sticky; top: calc(50% - (var(--stickyH) / 2)); left: 0; }
#product .view-ctn .img-wrap .slick-list{ margin-right: -25px; }
#product .view-ctn .img{ margin-right: 25px; }
#product .view-ctn .img figure,
#product .view-ctn .img figure img{ text-align: center; margin: 0 auto; }

#product .view-ctn .slick-info{ display: flex; justify-content: center; align-items: center; padding-bottom: 5px; margin-top: 40px; pointer-events: none; }
#product .view-ctn .slick-info.none{ display: none; }  
#product .view-ctn .slick-info button{ display: flex; background: none; border: none; }
#product .view-ctn .slick-info > button{ padding: 25px; pointer-events: auto; }
#product .view-ctn .slick-info > button i{ width: 10px; height: 15px; display: inline-block; background: url("/img/sub/product/icon_prod_arrow.svg") no-repeat center center / contain; }
#product .view-ctn .slick-info > .next i{ transform: scaleX(-1); }
#product .view-ctn .slick-info .slick-dots{ display: flex !important; }  
#product .view-ctn .slick-info .slick-dots li{ width: 20px; height: 3px; background: var(--border); pointer-events: auto; cursor: pointer; }
#product .view-ctn .slick-info .slick-dots li:not(:last-of-type){ margin-right: 5px; }
#product .view-ctn .slick-info .slick-dots li.slick-active{ width: 40px; background: var(--mainColor); }
#product .view-ctn .slick-info .slick-dots li button{ display: none; }

#product .view-ctn .content{ margin-top: 80px; }  
#product .view-ctn .content .sec{ background: var(--grayBg); padding: 40px; }
#product .view-ctn .content .sec:not(:last-of-type){ margin-bottom: 20px; }
#product .view-ctn .content .sec h6{ font-size: 22px; font-weight: 600; color: #222; margin-bottom: 30px; }
#product .view-ctn .content .sec .edit-content{ padding: 0; }

@media screen and (max-width: 1700px){
	#product .view-ctn .title p{ font-size: 20px; }

	#product .view-ctn .dl{ margin-top: 60px; }
	#product .view-ctn .dl dl{ padding: 30px 35px; }
	#product .view-ctn .dl dl dt{ font-size: 20px; margin-bottom: 30px; }
	
	#product .view-ctn .slick-info{ margin-top: 30px; }

	#product .view-ctn .content{ margin-top: 60px; }
	#product .view-ctn .content .sec{ padding: 30px 35px; }
	#product .view-ctn .content .sec:not(:last-of-type){ margin-bottom: 20px; }
	#product .view-ctn .content .sec h6{ font-size: 21px; margin-bottom: 20px; }
}

@media screen and (max-width: 1400px){
	#product .view-ctn{
		--paddingL: 80px;
	}
}

@media screen and (max-width: 1280px){
	#product .view-ctn{
		--paddingL: 60px;
	}

	#product .view-ctn .title .em em{ font-size: 15px; padding: 8px 12px; }
	#product .view-ctn .title p{ font-size: 19px; margin-top: 20px; }

	#product .view-ctn .dl{ margin-top: 40px; }
	#product .view-ctn .dl dl{ padding: 25px 30px; }
	#product .view-ctn .dl dl dt{ font-size: 19px; margin-bottom: 20px; }
	#product .view-ctn .dl ul li{ font-size: 17px; padding-left: 14px; }
	#product .view-ctn .dl ul li strong{ margin-right: 20px; }
	
	#product .view-ctn .slick-info{ margin-top: 20px; }

	#product .view-ctn .content{ margin-top: 40px; }
	#product .view-ctn .content .sec{ padding: 25px 30px; }
	#product .view-ctn .content .sec h6{ font-size: 20px; margin-bottom: 15px; }

	#product .view-ctn .slick-info > button{ padding: 20px; }
	#product .view-ctn .slick-info .slick-dots li{ width: 15px; }
	#product .view-ctn .slick-info .slick-dots li.slick-active{ width: 30px; }
}

@media screen and (max-width: 1024px){
	#product .view-ctn .content{ padding-left: 0; } 	
	#product .view-ctn .image{ width: 100%; position: static; margin-top: 40px; transform: translateY(var(--aosP)); }

	#product .view-ctn .grid-box{ grid-template-columns: repeat(1, 100%); }
	#product .view-ctn .grid-box > *{ order: unset !important; }
	#product .view-ctn .grid-box .title,
	#product .view-ctn .grid-box .content{ padding-left: 0; }
}

@media screen and (max-width: 900px){
	#product .view-ctn .image{ margin-top: 30px; }

	#product .view-ctn .title .em{ margin: -3px; }
	#product .view-ctn .title em{ margin: 3px; }
	#product .view-ctn .title p{ font-size: 18px; margin-top: 15px; }  

	#product .view-ctn .slick-info .slick-dots li{ width: 12px; }
	#product .view-ctn .slick-info .slick-dots li.slick-active{ width: 24px; }

	#product .view-ctn .dl{ margin-top: 30px; }
	#product .view-ctn .dl dl{ padding: 20px 25px; }
	#product .view-ctn .dl ul li{ display: block; }
	#product .view-ctn .dl ul li strong{ width: 100%; margin-right: 0; margin-bottom: 7px; } 	
	#product .view-ctn .dl ul li:not(:first-of-type) strong{ margin-top: 20px; }

	#product .view-ctn .content{ margin-top: 30px; }
	#product .view-ctn .content .sec{ padding: 20px 25px; }	
}


/* 기본 게시판 */
.board-box{
	--min: 100px;
}
.board-box{ text-align: center; }
.board-box colgroup col.s{ width: 150px; }
.board-box colgroup col.m{ width: 200px; }
.board-box colgroup col.l{ width: 250px; }
.board-box colgroup col.xl{ width: 300px; }

.board-box thead{ background: #F5F5F5; }
.board-box thead th{ font-size: 19px; font-weight: 500; color: #111; letter-spacing: -0.02em; }
.board-box thead th span{ min-height: 80px; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px; }
.board-box thead th span::after{ content: ""; width: 1px; height: 15px; background: var(--border); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.board-box thead tr th:last-of-type span::after{ display: none; }  

.board-box tbody tr{ border-bottom: 1px solid var(--border); cursor: pointer; }
.board-box tbody td{ font-size: 16px; font-weight: 300; color: #999; letter-spacing: -0.02em; padding: 0 10px; }
.board-box tbody td .min{ width: 100%; min-height: var(--min); display: flex; align-items: center; }
.board-box tbody td a,
.board-box tbody td h6{ width: 100%; display: block; font-size: 18px; font-weight: 500; color: #111; text-align: left; }
.board-box tbody td a{ line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 20px; }
.board-box tbody td h6{ line-height: 1.4; padding-inline: 0 30px; }
.board-box tbody td span{ font-family: var(--engFont); color: #333; vertical-align: middle; }
.board-box tbody td span.download{ width: 30px; height: 30px; display: inline-block; background: url("/img/board/icon_board_download.svg") no-repeat center center / contain; }
.board-box tbody td em{ display: inline-block; background: rgba(var(--mainRGB), 0.05); font-weight: 600; color: var(--mainColor); line-height: 1; padding: 12px 15px; }
.board-box tbody td em.pending{ background: rgba(0, 188, 135, 0.05); color: #00BC87; }
.board-box tbody td em.end{ background: #F5F5F5; color: #555; }

/* 공지 - 상단 고정 */
.board-box tbody .notice{ border-bottom-color: var(--mainColor); }
.board-box tbody .notice td i{ display: inline-block; width: 20px; height: 20px; background: url("/img/board/icon_board_notice.svg") no-repeat center center / contain; }
.board-box tbody .notice td a{ font-weight: 600; }


/* board-box (column) */
.board-box.column tbody tr{ cursor: unset; }
.board-box.column tbody td{ color: #555; }


@media screen and (max-width: 1700px){
	.board-box{
		--min: 85px;
	}
	.board-box colgroup col.s{ width: 120px; }
	.board-box colgroup col.m{ width: 170px; }
	.board-box colgroup col.xl{ width: 270px; }
	
	.board-box thead th{ font-size: 18px; }
	.board-box thead th span{ min-height: 70px; }
	.board-box tbody td h6{ padding-inline: 0 25px; }
	.board-box tbody td span.download{ width: 27px; height: 27px; }
}

@media screen and (max-width: 1280px){
	.board-box{
		--min: 75px;
	}
	.board-box colgroup col.s{ width: 90px; }
	.board-box colgroup col.m{ width: 130px; }
	.board-box colgroup col.l{ width: 220px; }
	.board-box colgroup col.xl{ width: 250px; }
	.board-box thead th span{ min-height: 65px; }
	.board-box tbody td a,
	.board-box tbody td h6{ font-size: 17px; }
	.board-box tbody td h6{ padding-inline: 0 20px; }
	.board-box tbody td em{ font-size: 15px; padding: 9px 12px; }
	.board-box tbody td span.download{ width: 25px; height: 25px; transform: translateY(-1px); }
	
	.board-box tbody .notice td i{ width: 18px; height: 18px; }
}

@media screen and (max-width: 1000px){
	.board-box colgroup,
	.board-box thead{ display: none; }
	
	.board-box tbody tr{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
	.board-box tbody tr:first-of-type{ border-top: 1px solid var(--border); }
	.board-box tbody td{ padding: 0 10px 15px; }
	.board-box tbody td::before{ content: attr(data-th); flex-shrink: 0; font-weight: 400; }
	.board-box tbody td .min{ width: 100%; min-height: unset; display: block; }
	.board-box tbody td a,
	.board-box tbody td h6{ padding: 0; }
	
	/* board-box (basic) */
	.board-box.basic tbody tr td:nth-of-type(1),
	.board-box.basic tbody tr td:nth-of-type(2){ padding-block: 17px; }
	.board-box.basic tbody tr td:nth-of-type(1){ display: none; }
	.board-box.basic tbody tr td:nth-of-type(2){ width: 100%; padding-block: 17px; }
	
	/* board-box (basic) - notice */
	.board-box.basic tbody .notice td:nth-of-type(1){ display: flex; transform: translateY(-1px); }
	.board-box.basic tbody .notice td:nth-of-type(2){ width: calc(100% - 38px); padding-left: 5px; }

	/* board-box (column) */
	.board-box.column tbody tr{ border-top: none; flex-direction: column; }
	.board-box.column tbody tr:not(:last-of-type){ margin-bottom: 30px; }
	.board-box.column tbody tr td{ width: 100%; border-top: 1px solid var(--border); padding: 15px; padding-left: 135px; position: relative; }
	.board-box.column tbody tr td::before{ width: 120px; height: 100%; background: #F5F5F5; display: flex; justify-content: center; align-items: center; font-weight: 500; color: #111; position: absolute; top: 0; left: 0; }
	.board-box.column tbody tr td h6{ text-align: center; }
}


/* 투자정보 - 공시정보 */
@media screen and (max-width: 1000px){	
	#disclosure .board-box tbody tr td:nth-of-type(1){ order: 2; }
	#disclosure .board-box tbody tr td:nth-of-type(2){ order: 0; width: 100%; padding-top: 17px; }
	#disclosure .board-box tbody tr td:nth-of-type(3){ order: 1; }
}


/* 지속가능경영 - 온라인 신문고 */
@media screen and (max-width: 1000px){
	#result .board-box tbody tr td:nth-of-type(1){ display: none; }
	#result .board-box tbody tr td:nth-of-type(2){ width: 100%; order: 1; }
	#result .board-box tbody tr td:nth-of-type(3){ order: 2; }
	#result .board-box tbody tr td:nth-of-type(4){ order: 0; width: 100%; text-align: left; padding-top: 15px; }
	#result .board-box tbody tr td:nth-of-type(5){ order: 3; }
}



/* 이미지 게시판 */
.img-board{ 
	--gapB: 120px; 
	--gapR: 80px; 
	--line: 3; 
}
.img-board{ display: flex; flex-wrap: wrap; margin-bottom: calc(var(--gapB) * -1); }
.img-board .item{ width: calc((100% - calc(var(--gapR) * (var(--line) - 1))) / var(--line)); margin-right: var(--gapR); margin-bottom: var(--gapB); cursor: pointer; }
.img-board .item:nth-of-type(3n){ margin-right: 0; }
.img-board .item .img{ position: relative; } 
.img-board .item .img figure{ display: block; aspect-ratio: 16 / 9; position: relative; overflow: hidden; }
.img-board .item .img figure img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.img-board .item .img em{ background: #E6F1F9; font-size: 18px; font-weight: 500; color: var(--mainColor); letter-spacing: -0.02em; line-height: 1; padding: 13px 20px; position: absolute; bottom: 20px; right: 20px; }
.img-board .item .text{ margin-top: 30px; }
.img-board .item .text h6{ height: 3em; display: -webkit-box; font-size: 24px; font-weight: 600; color: #000; line-height: 1.5; letter-spacing: -0.02em; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 30px; }
.img-board .item .text ul{ display: flex; margin: -5px -15px; }
.img-board .item .text ul li{ font-size: 17px; font-weight: 500; color: #999; letter-spacing: -0.03em; padding: 5px 15px; position: relative; }
.img-board .item .text ul li::before{ content: ""; width: 2px; height: 10px; background: #BBB; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); }
.img-board .item .text ul li:first-of-type::before{ display: none; }

/* 비디오 게시판 */
.img-board.video .item{
	-webkit-tap-highlight-color: transparent;   /* 사파리 & 크롬용 */
	-webkit-touch-callout: none;                    /* iOS 오래 누를 때 메뉴 제거 */
	user-select: none;    
}
.img-board.video .img i{ width: 80px; height: 80px; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(4px); border: none; border-radius: 50%; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.img-board.video .img i::before{ content: ""; height: 12px; display: block; background: url("/img/board/icon_play.svg") no-repeat center center / contain; }

/* 팝업 - video */
#popup.video .inner{ width: 1200px; background: #FFF; }
#popup.video .content .video,
#popup.video .content .iframe{ position: relative; aspect-ratio: 16 / 9; }
#popup.video .content .video video,
#popup.video .content .iframe iframe{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 1700px){
	.img-board{ 
		--gapB: 90px; 
		--gapR: 50px; 
	}
	.img-board .item .img em{ font-size: 17px; padding: 11px 15px; }
	.img-board .item .text h6{ font-size: 22px; }
	
	/* 비디오 게시판 */
	.img-board.video .img i{ width: 70px; height: 70px; }
}

@media screen and (max-width: 1400px){
	/* 팝업 - video */
	#popup.video .close{ top: -10px; right: -10px; transform: translateY(-100%); }
}

@media screen and (max-width: 1280px){
	.img-board{ 
		--gapB: 60px; 
		--gapR: 20px; 
	}
	.img-board .item .img em{ font-size: 16px; padding: 9px 12px; bottom: 15px; right: 15px; }
	.img-board .item .text{ margin-top: 25px; }
	.img-board .item .text h6{ font-size: 20px; margin-bottom: 25px; }
	.img-board .item .text ul{ margin-inline: -10px; }
	.img-board .item .text ul li{ font-size: 16px; padding-inline: 10px; }
	
	/* 비디오 게시판 */
	.img-board.video .img i{ width: 50px; height: 50px; }
	.img-board.video .img i::before{ height: 10px; }

	/* 팝업 - video */
	#popup.video .inner{ width: 1000px; }
}

@media screen and (max-width: 1100px){
	.img-board{ 
		--line: 2;
	}
	.img-board .item:nth-of-type(3n){ margin-right: var(--gapR); }
	.img-board .item:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 1024px){
	/* 팝업 - video */
	#popup.video .inner{ width: 800px; }
}

@media screen and (max-width: 650px){
	.img-board .item{ width: 100%; margin-right: 0 !important; }
	
	/* 비디오 게시판 */
	.img-board.video .img i{ width: 60px; height: 60px; }
	.img-board.video .img i::before{ height: 12px; }

	/* 팝업 - video */
	#popup.video .close{ top: -5px; }
}


/* 다운로드 버튼 */
.lineBtn{ max-width: 100%; width: 220px; display: inline-flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 500; color: #888 !important; letter-spacing: -0.02em; padding: 10px; }
.lineBtn span{ color: inherit; }
.lineBtn i{ flex-shrink: 0; display: inline-block; width: 12px; height: 15px; background: #888; mask: url("/img/board/icon_download.svg") no-repeat center center / contain; -webkit-mask: url("/img/board/icon_download.svg") no-repeat center center / contain; margin-left: 10px; }
.lineBtn[target="_blank"] i{ mask-image: url("/img/board/icon_board_target.svg"); -webkit-mask-image: url("/img/board/icon_board_target.svg"); }


/* 다운로드 게시판 */
.download-board{
	--gap: 20px;
	--line: 3;
}
.download-board{ display: flex; flex-wrap: wrap; letter-spacing: -0.02em; margin-bottom: calc(var(--gap) * -1); }
.download-board .item{ width: calc((100% - calc(var(--gap) * (var(--line) - 1))) / var(--line)); display: flex; flex-direction: column; background: rgba(var(--mainRGB), 0.03); padding: 35px; margin-right: var(--gap); margin-bottom: var(--gap); }
.download-board .item:nth-of-type(3n){ margin-right: 0; }
.download-board .item .text{ flex: 1 0 auto; padding-bottom: 40px; }
.download-board .item .text em{ display: inline-block; background: rgba(var(--mainRGB), 0.1); font-family: var(--engFont); font-size: 16px; font-weight: 500; color: var(--mainColor); line-height: 1; padding: 8px 20px; margin-bottom: 20px; }
.download-board .item .text p{ font-size: 18px; font-weight: 300; color: #777; line-height: 1.5; margin-top: 20px; }
.download-board .item .text h6{ font-size: 24px; font-weight: 600; color: #000; line-height: 1.6; }
.download-board .item .btn{ display: flex; }
.download-board .item .btn > *:not(:last-child){ margin-right: 10px; }
.download-board .item .btn .lineBtn{ width: calc((100% - 10px) / 2); }


/* 다운로드 게시판 - row */
.download-board.row{ display: block; }
.download-board.row .item{ width: 100%; flex-direction: row; align-items: flex-end; margin-right: 0; }
.download-board.row .item .text{ flex: 1 1 auto; min-width: 0; padding-bottom: 0; }
.download-board.row .item .btn{ flex-shrink: 0; width: 450px; margin-left: 30px; }


/* 다운로드 게시판 - intro */
#download .intro{ opacity: 1; overflow: hidden; }
#download .intro .flex-box{ display: flex; align-items: center; }
#download .intro .flex-box > *{ opacity: 0; transition: opacity var(--aosT), transform var(--aosT); }
#download .intro .img{ flex-shrink: 0; width: 360px; transform: translateY(var(--aosP)); }
#download .intro .img figure{ display: block; padding-bottom: 141.67%; position: relative; overflow: hidden; }
#download .intro .img figure img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#download .intro .text{ flex: 1 1 auto; min-width: 0; letter-spacing: -0.02em; padding-left: 100px; transform: translateX(var(--aosP)); }
#download .intro .text div{ display: flex; margin-top: 30px; }
#download .intro .text div > *:not(:last-child){ margin-right: 10px; }
#download .intro .text em{ display: inline-block; background: rgba(var(--mainRGB), 0.1); font-family: var(--engFont); font-family: var(--engFont); font-size: 18px; font-weight: 500; color: var(--mainColor); line-height: 1; margin-bottom: 40px; padding: 12px 20px; }
#download .intro .text h4{ font-size: 4rem; font-weight: 600; color: #000; }
#download .intro .text p{ font-size: 18px; font-weight: 300; color: #777; line-height: 1.7; margin-top: 20px; }

#download .intro.aos-animate .flex-box > *{ opacity: 1; transform: translate(0, 0); }

@media screen and (max-width: 1700px){
	/* 다운로드 버튼 */
	.lineBtn{ font-size: 17px; }

	/* 다운로드 게시판 */
	.download-board .item{ padding: 25px; }
	.download-board .item .text{ padding-bottom: 30px; }
	.download-board .item .text em{  padding: 7px 17px; }
	.download-board .item .text h6{ font-size: 22px; }

	/* 다운로드 게시판 - row */
	.download-board.row .item .btn{ width: 400px; }

	/* 다운로드 게시판 - intro */
	#download .intro .text em{ font-size: 17px; margin-bottom: 30px; padding: 10px 15px; }
}

@media screen and (max-width: 1280px){
	/* 다운로드 버튼 */
	.lineBtn{ font-size: 16px; padding: 7px; }

	/* 다운로드 게시판 */
	.download-board .item{ padding: 20px; }
	.download-board .item .text{ padding-bottom: 25px; }
	.download-board .item .text em{  padding: 6px 12px; margin-bottom: 15px; }
	.download-board .item .text h6{ font-size: 21px; }
	.download-board .item .text p{ font-size: 17px; margin-top: 15px; }

	/* 다운로드 게시판 - row */
	.download-board.row .item .btn{ width: 350px; }

	/* 다운로드 게시판 - intro */
	#download .intro .img{ width: 320px; }
	#download .intro .text{ padding-left: 70px; }
	#download .intro .text em{ font-size: 16px; margin-bottom: 20px; padding: 8px 12px; }
	#download .intro .text p{ font-size: 17px; margin-top: 15px; } 	
	#download .intro .text .lineBtn{ font-size: 17px; padding: 10px; }
}

@media screen and (max-width: 1200px){
	/* 다운로드 게시판 */
	.download-board{
		--line: 2;
	}
	.download-board .item:nth-of-type(3n){ margin-right: var(--gap); }
	.download-board .item:nth-of-type(2n){ margin-right: 0; }
	
	/* 다운로드 게시판 - intro */
	#download .intro br{ display: none; }
}

@media screen and (max-width: 900px){
	/* 다운로드 게시판 - intro */
	#download .intro .flex-box{ display: block; position: relative; opacity: 0; transform: translateY(var(--aosP)); transition: opacity var(--aosT), transform var(--aosT); }
	#download .intro.aos-animate .flex-box{ opacity: 1; transform: translateY(0); }
	#download .intro .flex-box > *{ opacity: 1; transform: translate(0, 0); }
	#download .intro .img{ width: 100%; }
	#download .intro .text{ background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); padding: 25px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
	#download .intro .text em{ background: rgba(255, 255, 255, 0.2); font-weight: 400; color: #FFF; margin-bottom: 15px; }
	#download .intro .text h4{ font-weight: 500; color: #FFF; }
	#download .intro .text p{ max-height: 5.1em; display: -webkit-box; font-weight: 200; color: rgba(255, 255, 255, 0.8); text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	#download .intro .text div{ margin-top: 20px; }
	#download .intro .text .lineBtn{ width: 100%; color: #FFF !important; }
	#download .intro .text .lineBtn i{ background: #FFF; }  
}

@media screen and (max-width: 750px){
	/* 다운로드 게시판 */
	.download-board .item{ width: 100%; margin-right: 0 !important; }

	/* 다운로드 게시판 - row */
	.download-board.row .item{ flex-direction: column; align-items: unset; padding: 20px; }
	.download-board.row .item .text{ padding-bottom: 25px; }
	.download-board.row .item .btn{ width: 100%; margin-left: 0; }
}


/* IR 일정 게시판 */
.ir-board{
	--gap: 20px;
	--line: 3;
}
.ir-board{ display: flex; flex-wrap: wrap; letter-spacing: -0.02em; margin-bottom: calc(var(--gap) * -1); }
.ir-board .item{ width: calc((100% - calc(var(--gap) * (var(--line) - 1))) / var(--line)); background: var(--grayBg); letter-spacing: -0.02em; margin-right: var(--gap); margin-bottom: var(--gap); }
.ir-board .item:nth-of-type(3n){ margin-right: 0; }
.ir-board .item a{ display: block; padding: 40px; }
.ir-board .item span{ display: block; font-family: var(--engFont); font-size: 16px; font-weight: 600; color: var(--mainColor); margin-bottom: 5px; }
.ir-board .item h6{ height: 3em; display: -webkit-box; font-size: 22px; font-weight: 600; color: #111; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 47px; }
.ir-board .overflow{ display: flex; justify-content: space-between; align-items: flex-end; }
.ir-board .item ul{ display: flex; flex-wrap: wrap; align-items: center; margin: -5px 0; margin-left: -21px; }
.ir-board .item ul li{ font-family: var(--engFont); font-size: 16px; font-weight: 500; color: #999; margin: 5px 0; padding-left: 21px; position: relative; }
.ir-board .item ul li::before{ content: ""; width: 1px; height: 15px; background: #E5E5E5; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.ir-board .item em{ flex-shrink: 0; background: rgba(var(--mainRGB), 0.05); display: inline-block; font-size: 16px; font-weight: 600; color: var(--mainColor); padding: 8px 12px; margin-left: 20px; }

@media screen and (max-width: 1700px){
	.ir-board .item a{ padding: 30px; }
	.ir-board .item h6{ font-size: 20px; margin-bottom: 35px; }
}

@media screen and (max-width: 1280px){
	.ir-board .item a{ padding: 25px; }
	.ir-board .item h6{ font-size: 19px; margin-bottom: 30px; }
	.ir-board .item em{ font-size: 15px; padding: 7px 10px; }
}

@media screen and (max-width: 1200px){
	.ir-board{
		--line: 2;
	}
	.ir-board .item:nth-of-type(3n){ margin-right: var(--gapR); }
	.ir-board .item:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 750px){
	.ir-board .item{ width: 100%; margin-right: 0 !important; }
}


/* 상세 페이지 */
.view-ctn .inner{ max-width: 1000px; width: 100%; margin: 0 auto; }
.view-ctn .tit{ border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); text-align: center; padding: 60px 0; overflow: hidden; }
.view-ctn .tit em{ display: inline-block; background: rgba(var(--mainRGB), 0.05); font-size: 16px; font-weight: 600; color: var(--mainColor); line-height: 1; padding: 12px 15px; margin-bottom: 30px; }
.view-ctn .tit em.pending{ background: rgba(0, 188, 135, 0.05); color: #00BC87; }
.view-ctn .tit em.end{ background: #F5F5F5; color: #555; }
.view-ctn .tit h2{ font-size: 4.2rem; font-weight: 700; color: #111; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 30px; }
.view-ctn .tit ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -5px -20px; }
.view-ctn .tit ul li{ font-size: 16px; font-weight: 500; color: #999; letter-spacing: -0.02em; padding: 5px 20px; position: relative; }
.view-ctn .tit ul li::before{ content: ""; width: 1px; height: 10px; background: #BBB; position: absolute; top: 47%; left: 0; transform: translateY(-50%); }
.view-ctn .tit ul li:first-of-type::before{ display: none; }

.view-ctn .edit-content{ font-size: 22px; color: #333; padding: 80px 0; }

.view-ctn .files{ margin-bottom: 20px; }
.view-ctn .files ul{ border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 0; }
.view-ctn .files ul li a{ display: block; font-size: 17px; font-weight: 300; color: #111; letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 12px 0; padding-left: 43px; position: relative; }
.view-ctn .files ul li a::before{ content: ""; width: 23px; height: 23px; background: url("/img/board/icon_view_file.svg") no-repeat center center / contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.view-ctn .pages{ background: #F5F5F5; }
.view-ctn .pages ul{ display: grid; grid-template-columns: repeat(2, 50%); }
.view-ctn .pages a{ display: flex; align-items: center; font-size: 18px; font-weight: 500; color: #222; letter-spacing: -0.03em; padding: 30px 40px; }
.view-ctn .pages a i{ width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; background: #000; }
.view-ctn .pages a i::before{ content: ""; display: block; height: 12px; background: url("/img/board/icon_view_page.svg") no-repeat center center / contain; } 
.view-ctn .pages ul li:first-of-type a i{ margin-right: 20px; }
.view-ctn .pages ul li:last-of-type a{ flex-direction: row-reverse; }
.view-ctn .pages ul li:last-of-type a i{ margin-left: 20px; }
.view-ctn .pages ul li:last-of-type a i::before{ transform: scaleX(-1); } 

.view-ctn .list-btn{ text-align: center; margin-top: 75px; }
.view-ctn .list-btn a{ width: 300px; height: 85px; display: inline-flex; justify-content: center; align-items: center; background: var(--mainColor); font-size: 19px; font-weight: 500; color: #FFF; letter-spacing: -0.02em; }

@media screen and (max-width: 1700px){
	.view-ctn .tit{ padding: 40px 0; }
	
	.view-ctn .edit-content{ font-size: 20px; padding: 60px 0; }
	
	.view-ctn .files ul{ padding: 18px 0; }
	
	.view-ctn .pages a{ padding: 25px 35px; }
	
	.view-ctn .list-btn{ margin-top: 60px; }
	.view-ctn .list-btn a{ width: 250px; height: 75px; }
}

@media screen and (max-width: 1280px){
	.view-ctn .tit{ padding: 25px 0; }
	.view-ctn .tit em{ font-size: 15px; padding: 9px 12px; margin-bottom: 20px; }
	.view-ctn .tit h2{ font-size: 4.5rem; margin-bottom: 20px; }
	.view-ctn .tit ul{ margin-inline: -15px; }
	.view-ctn .tit ul li{ padding-inline: 15px; }
	
	.view-ctn .edit-content{ font-size: 18px; padding: 40px 0; }
	
	.view-ctn .files ul{ padding: 10px 0; }
	.view-ctn .files ul li a{ padding-block: 10px; padding-left: 35px; }
	.view-ctn .files ul li a::before{ width: 20px; height: 20px; }
	
	.view-ctn .pages a{ font-size: 17px; padding: 20px; }
	.view-ctn .pages a i{ width: 27px; height: 27px; }
	.view-ctn .pages a i::before{ height: 10px; }
	.view-ctn .pages ul li:first-of-type a i{ margin-right: 12px; }
	.view-ctn .pages ul li:last-of-type a i{ margin-left: 12px; }
	
	.view-ctn .list-btn{ margin-top: 40px; }
	.view-ctn .list-btn a{ width: 190px; height: 65px; font-size: 18px; }
}


/* 지속가능경영 - 온라인 신문고 (상세) */
.view-ctn .report-table table{ letter-spacing: -0.03em; }
.view-ctn .report-table table tr > *{ border: 1px solid var(--border); border-left: none; }
.view-ctn .report-table table tr > *:last-child{ border-right: none; }
.view-ctn .report-table table th{ width: 200px; background: #F5F5F5; font-size: 19px; font-weight: 500; color: #000; text-align: center; padding: 5px 15px; }
.view-ctn .report-table table th p{ font-size: 15px; font-weight: 300; color: #777; margin-top: 5px; }
.view-ctn .report-table table td{ font-size: 17px; font-weight: 300; color: #555; padding: 30px; }

@media screen and (max-width: 1700px){
	.view-ctn .report-table table th{ width: 160px; font-size: 18px; }
}

@media screen and (max-width: 1000px){
	.view-ctn .report-table table tr{ width: 100%; display: flex; flex-direction: column; }
	.view-ctn .report-table table tr:not(:last-of-type){ margin-bottom: -1px; }
	.view-ctn .report-table table th{ width: 100%; min-height: 60px; display: flex; flex-direction: column; justify-content: center; border-right: none; padding: 10px 15px; }
	.view-ctn .report-table table th br{ display: none; }
	.view-ctn .report-table table td{ padding: 20px; border-top: none; }
}


/* inquiry-table */
.inquiry-table{
	--th: 400px;
	--th01: 120px;
	--height: 60px;
	--padding: 20px;
	--btn: 215px;
}
.inquiry-table .right{ font-size: 17px; font-weight: 500; color: #555; letter-spacing: -0.03em; text-align: right; margin-bottom: 20px; }
.inquiry-table .right i{ color: var(--mainColor); font-style: normal; }
.inquiry-table table{ letter-spacing: -0.03em; }
.inquiry-table table colgroup col.th01{ width: var(--th01); }
.inquiry-table table colgroup col.th02{ width: calc(var(--th) - var(--th01)); }
.inquiry-table table tr > *{ border: 1px solid var(--border); border-left: none; }
.inquiry-table table tr > *:last-child{ border-right: none; }
.inquiry-table table th{ width: var(--th); background: #F5F5F5; font-size: 19px; font-weight: 500; color: #000; padding: 5px 20px; }
.inquiry-table table th i{ color: var(--mainColor); font-style: normal; }
.inquiry-table table th p{ font-size: 15px; font-weight: 300; color: #777; letter-spacing: -0.03em; margin-top: 5px; }
.inquiry-table table td,
.inquiry-table table td *{ font-family: var(--baseFont); font-size: 18px; font-weight: 300; color: #111; }
.inquiry-table table td{ padding: 10px 30px; }
.inquiry-table table td .txt{ line-height: 1.6; }
.inquiry-table table td .txt p{ font-size: 17px; color: #555; letter-spacing: -0.02em; line-height: inherit; padding-left: 12px; position: relative; }
.inquiry-table table td .txt p::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }
.inquiry-table table td .txt p:only-child{ padding-left: 0; }
.inquiry-table table td .txt p:only-child::before{ display: none; }

.inquiry-table input, 
.inquiry-table select,
.inquiry-table textarea{ width: 100%; border: 1px solid var(--border); border-radius: 0; -webkit-border-radius: 0; outline: none; }
.inquiry-table input, 
.inquiry-table select{ height: var(--height); padding: 0 var(--padding); }
.inquiry-table input:disabled{ background: var(--grayBg); }
.inquiry-table input::placeholder{ color: #777; }
.inquiry-table select{ background: url("/img/board/icon_form_select.svg") no-repeat center right var(--padding) / auto; padding-right: calc((var(--padding) * 2) + 12px); color: #777 !important; }
.inquiry-table select.selected{ color: #111 !important; }
.inquiry-table textarea{ resize: none; height: 120px; padding: var(--padding); }

.inquiry-table .flex{ display: flex; align-items: center; }
.inquiry-table .flex > *:not(:first-child){ margin-left: 10px; }
.inquiry-table .flex span{ flex-shrink: 0; display: inline-block; }
.inquiry-table .flex .hyphen{ width: 12px; height: 1px; background: #BBB; }
.inquiry-table .column > *:not(:last-child){ margin-bottom: 10px; }
.inquiry-table .max665{ max-width: 665px; }

.inquiry-table .input-list{ display: flex; flex-wrap: wrap; overflow: hidden; }
.inquiry-table .input-list *{ font-size: 19px; }
.inquiry-table .input-list ul{ margin-right: -100px; }
.inquiry-table .input-list input{ display: none; }
.inquiry-table .input-list label{ display: block; padding: calc((var(--height) - 1.3em) / 2) 35px; padding-right: 100px; position: relative; cursor: pointer; }
.inquiry-table .input-list label{
	-webkit-tap-highlight-color: transparent;   /* 사파리 & 크롬용 */
	-webkit-touch-callout: none;                    /* iOS 오래 누를 때 메뉴 제거 */
	user-select: none;    
}
.inquiry-table .input-list label::before,
.inquiry-table .input-list label::after{ content: ""; border-radius: 50%; position: absolute; top: calc(((var(--height) - 1.3em) / 2) + (1.3em / 2)); transform: translateY(-50%); box-sizing: border-box; }
.inquiry-table .input-list label::before{ width: 24px; height: 24px; border: 1px solid var(--border); left: 0; }
.inquiry-table .input-list label::after{ width: 14px; height: 14px; background: var(--mainColor); left: 5px; opacity: 0; }
.inquiry-table .input-list input:checked + label::after{ opacity: 1; }

.inquiry-table .email input{ flex: 1 1 auto; min-width: 0; }
.inquiry-table .email button{ flex-shrink: 0; width: var(--btn); height: var(--height); background: var(--mainColor); border: none; font-weight: 400; color: #FFF; padding: 10px; }

.inquiry-table .day{ width: 100%; position: relative; }
.inquiry-table .day::after{ content: ""; width: 28px; height: 28px; background: url("/img/board/icon_form_day.svg") no-repeat center center / auto; position: absolute; top: 50%; right: var(--padding); transform: translateY(-50%); }
.inquiry-table .day input{ padding-right: calc((var(--padding) * 2) + 28px); }

.inquiry-table .file > input{ flex: 1 1 auto; min-width: 0; }
.inquiry-table .file .fileBtn{ flex-shrink: 0; width: var(--btn); }
.inquiry-table .file .fileBtn input{ display: none; }
.inquiry-table .file .fileBtn label{ width: 100%; height: var(--height); display: inline-flex; justify-content: center; align-items: center; background: var(--mainColor); font-weight: 400; color: #FFF; letter-spacing: -0.03em; text-align: center; cursor: pointer; }

.inquiry-table .captcha .flex{ width: calc(100% - var(--height) - 10px); }
.inquiry-table .captcha figure,
.inquiry-table .captcha img{ height: var(--height) !important; }
.inquiry-table .captcha figure{ flex-shrink: 0; position: relative; }
.inquiry-table .captcha figure::after{ content: ""; width: 100%; height: 100%; border: 1px solid var(--border); position: absolute; top: 0; left: 0; box-sizing: border-box; }
.inquiry-table .captcha button{ width: var(--height); height: var(--height); background: var(--mainColor); border: none; border-radius: 50%; padding: 0; }
.inquiry-table .captcha button i{ display: block; height: 38px; background: url("/img/board/icon_form_reset.svg") no-repeat center center / contain; }

.inquiry-table .policy .scroll-bar{ max-height: 380px; border: 1px solid var(--border); padding: 30px; padding-right: 45px; overflow-x: clip; overflow-y: auto; }
.inquiry-table .policy .scroll-bar.os-theme-dark > .os-scrollbar, 
.inquiry-table .policy .scroll-bar.os-theme-light > .os-scrollbar{ padding-block: 7px; right: 5px; }

.inquiry-table .policy .privacy *{ font-size: 18px; font-weight: 300; color: #555; line-height: 1.6; }
.inquiry-table .policy .privacy br{ display: none; }
.inquiry-table .policy .privacy h6{ font-weight: 500; }
.inquiry-table .policy .privacy dl dt{ font-weight: 400; }
.inquiry-table .policy .privacy dl dd{ margin-top: 5px; }
.inquiry-table .policy .privacy .dot-dl dl dt{ padding-left: 19px; position: relative; }
.inquiry-table .policy .privacy .dot-dl dl dt::before{ content: ""; width: 4px; height: 4px; background: #111; border-radius: 50%; position: absolute; top: calc(1.6em / 2); left: 0; transform: translateY(-50%); }
.inquiry-table .policy .box{ background: var(--grayBg); border: 1px solid var(--border); padding: 10px 15px; margin-top: 15px; }
.inquiry-table .policy .privacy .dot-list li::before{ top: calc(1.6em / 2); }
.inquiry-table .policy .privacy .hyphen-list > li{ padding-left: 15px; position: relative; }
.inquiry-table .policy .privacy .hyphen-list > li:not(:last-of-type){ margin-bottom: 10px; }
.inquiry-table .policy .privacy .hyphen-list > li::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }
.inquiry-table .policy .privacy .hyphen-list > li .box{ margin: 10px 0 20px; }
.inquiry-table .policy .privacy .dot-list li:not(:last-of-type){ margin-bottom: 5px; }
.inquiry-table .policy .privacy > *:not(:last-child){ margin-bottom: 40px; }
.inquiry-table .policy .privacy .sec > *:not(:last-child){ margin-bottom: 10px; }
.inquiry-table .policy .privacy .p-box > *:not(:last-child){ margin-bottom: 10px; }
.inquiry-table .policy .privacy .dl > *{ margin-top: 20px; }

.inquiry-table .policy .agree{ margin-bottom: -20px; }
.inquiry-table .policy .agree input{ display: none; }
.inquiry-table .policy .agree label{ display: inline-block; font-size: 21px; font-weight: 500; color: #555; letter-spacing: -0.03em; padding: 20px 0; padding-left: 34px; position: relative; cursor: pointer; }
.inquiry-table .policy .agree label{
	-webkit-tap-highlight-color: transparent;   /* 사파리 & 크롬용 */
	-webkit-touch-callout: none;                    /* iOS 오래 누를 때 메뉴 제거 */
	user-select: none;    
}
.inquiry-table .policy .agree label::before,
.inquiry-table .policy .agree label::after{ content: ""; width: 24px; height: 24px; position: absolute; top: calc((40px + 1.35em) / 2); left: 0; transform: translateY(-50%); box-sizing: border-box; }
.inquiry-table .policy .agree label::before{ border: 1px solid var(--border); }
.inquiry-table .policy .agree label::after{ background: url("/img/board/icon_form_agree.svg") no-repeat center center / contain; opacity: 0; }
.inquiry-table .policy .agree input:checked + label::before{ background: var(--mainColor); border-color: var(--mainColor); }
.inquiry-table .policy .agree input:checked + label::after{ opacity: 1; }

.inquiry-table .submit{ text-align: center; padding-top: 100px; }
.inquiry-table .submit > *{ width: 300px; height: 85px; display: inline-flex; justify-content: center; align-items: center; background: var(--mainColor); border: none; font-size: 19px; font-weight: 500; color: #FFF; letter-spacing: -0.02em; text-align: center; }
.inquiry-table .submit > *:not(:last-child){ margin-right: 10px; }
.inquiry-table .submit > *.gray{ background: #EEE; font-weight: 600; color: #777; }

@media screen and (max-width: 1700px){
	.inquiry-table{
		--th: 300px;
		--th01: 100px;
		--height: 55px;
		--btn: 180px;
	}
	.inquiry-table .right{ font-size: 16px; margin-bottom: 15px; }
	.inquiry-table table td{ padding-inline: 25px; }
	.inquiry-table table td .txt p{ font-size: 16px; }

	.inquiry-table .policy .scroll-bar{ padding: 25px; padding-right: 40px; }
	.inquiry-table .policy .privacy *{ font-size: 17px; }
	.inquiry-table .policy .privacy .dot-dl dl dt{ padding-left: 19px; }

	.inquiry-table .policy .agree label{ font-size: 19px; }
	
	.inquiry-table .submit{ padding-top: 70px; }
	.inquiry-table .submit > *{ width: 260px; height: 75px; }
}

@media screen and (max-width: 1280px){
	.inquiry-table{
		--th: 250px;
		--th01: 100px;
		--height: 52px;
		--padding: 15px;
		--btn: 150px;
	}	
	.inquiry-table .right{ font-size: 15px; margin-bottom: 10px; }
	.inquiry-table table th{ font-size: 18px; }
	.inquiry-table table td, 
	.inquiry-table table td *{ font-size: 17px; }
	.inquiry-table table td{ padding-inline: 20px; }
	.inquiry-table table td .txt p{ font-size: 15px; }

	.inquiry-table .input-list *{ font-size: 18px; }
	.inquiry-table .input-list label{ padding-inline: 30px 60px; }
	.inquiry-table .input-list label::before{ width: 20px; height: 20px; }
	.inquiry-table .input-list label::after{ width: 10px; height: 10px; }

	.inquiry-table .captcha button i{ height: 34px; }

	.inquiry-table .policy .scroll-bar{ padding: 20px; padding-right: 35px; }
	.inquiry-table .policy .privacy *{ font-size: 16px; }
	.inquiry-table .policy .privacy .dot-dl dl dt{ padding-left: 14px; }

	.inquiry-table .policy .agree label{ font-size: 18px; padding-left: 30px;  }
	.inquiry-table .policy .agree label::before,
	.inquiry-table .policy .agree label::after{ width: 20px; height: 20px; }
	
	.inquiry-table .submit{ padding-top: 50px; }
	.inquiry-table .submit > *{ width: 200px; height: 65px; font-size: 18px; }
}

@media screen and (max-width: 1000px){
	.inquiry-table table colgroup, 
	.inquiry-table table th[rowspan]{ display: none; }
	.inquiry-table table tr{ width: 100%; display: flex; flex-direction: column; }
	.inquiry-table table tr:not(:last-child){ margin-bottom: 30px; }
	.inquiry-table table th,
	.inquiry-table table td{ width: 100%; }
	.inquiry-table table th{ min-height: 60px; display: flex; flex-wrap: wrap;  justify-content: center; align-items: center; border-right: none; }
	.inquiry-table table th p{ width: 100%; }  
	.inquiry-table table th br{ display: none; }
	.inquiry-table table td{ border-top: none; padding-inline: 10px; }
	
	.inquiry-table .max665{ max-width: 100%; }
}

@media screen and (max-width: 900px){
	.inquiry-table .sec-title{ padding-bottom: 15px; }

	.inquiry-table .submit > *{ width: 180px; height: 60px; }
}


/* 검색결과 */
#search-result{
	--height: 95px;
	--padding: 60px;
	--icon: 25px;
}

#search-result{ padding-top: var(--headerH); }
#search-result section:not(:last-of-type){ padding-bottom: 160px; }
#search-result .sticky-tab{ margin-bottom: 0; }

#search-result .search-filter{ border-bottom: 1px solid var(--border); padding: 100px 0; }
#search-result .search-filter .input{ max-width: 860px; margin: 0 auto; position: relative; }
#search-result .search-filter input{ width: 100%; height: var(--height); background: var(--grayBg); border: none; border-radius: 0; -webkit-border-radius: 0; font-family: var(--baseFont); font-size: 21px; font-weight: 500; color: #111; padding: 0 var(--padding); padding-right: calc((var(--padding) * 2) + var(--icon)); }
#search-result .search-filter input::placeholder{ color: #AAA; }
#search-result .search-filter button{ height: 100%; background: none; border: none; padding: 0 var(--padding); position: absolute; top: 0; right: 0; }
#search-result .search-filter button i{ width: var(--icon); height: var(--icon); display: inline-block; background: url("/img/board/icon_result_search.svg") no-repeat center center / contain; }
#search-result .search-filter p{ font-size: 4.2rem; font-weight: 300; color: #111; text-align: center; margin-top: 60px; }
#search-result .search-filter p strong{ font-weight: 600; }

#search-result .tit{ border-bottom: 1px solid #000; padding-bottom: 30px; margin-bottom: 30px; }
#search-result .tit h4{ font-family: var(--engFont); font-size: 30px; font-weight: 600; color: #000; }

#search-result .board-box tbody tr td:nth-of-type(2){ order: 0; width: 100%; text-align: left; }
#search-result .board-box tbody tr td:nth-of-type(3){ order: 0; width: 100%; }
#search-result .board-box tbody tr td:nth-of-type(4){ order: 1; width: unset; padding-top: 0; }
#search-result .board-box tbody tr td:nth-of-type(5){ order: 1; width: unset; }

@media screen and (max-width: 1800px){
	#search-result .sticky-tab ul li a{ font-size: 18px; }
}

@media screen and (max-width: 1700px){
	#search-result{
		--height: 85px;
		--padding: 40px;
	}

	#search-result section:not(:last-of-type){ padding-bottom: 120px; }
	#search-result .sticky-tab ul li a{ font-size: 19px; }

	#search-result .search-filter{ padding: 70px 0; }
	#search-result .search-filter input{ font-size: 20px; }
	#search-result .search-filter p{ margin-top: 40px; }

	#search-result .tit{ padding-bottom: 20px; }
	#search-result .tit h4{ font-size: 26px; }
}

@media screen and (max-width: 1400px){
	#search-result .sticky-tab ul{ grid-template-columns: repeat(5, 20%); }
	#search-result .sticky-tab ul li a{ font-size: 17px; }
}

@media screen and (max-width: 1280px){
	#search-result{
		--height: 70px;
		--padding: 25px;
		--icon: 22px;
	}

	#search-result section:not(:last-of-type){ padding-bottom: 90px; }

	#search-result .search-filter{ padding: 40px 0 50px; }
	#search-result .search-filter input{ font-size: 19px; }
	#search-result .search-filter p{ margin-top: 30px; }

	#search-result .tit{ padding-bottom: 15px; }
	#search-result .tit h4{ font-size: 22px; }
}

@media screen and (max-width: 1000px){
	#search-result .board-box tbody tr td em{ padding: 8px 10px; margin-top: 2px; }
}

@media screen and (max-width: 900px){
	#search-result{
		--height: 60px;
	}

	#search-result .search-filter input{ font-size: 18px; }
	#search-result .search-filter p{ font-size: 3.8rem; }
}