@charset "utf-8";

/* 게시판 상단검색 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#222;}
.sch_top .total strong > em {color:#41bf78;}
.sch_top .total strong > span {font-size:1.6rem;color:#767676;}
.sch_top .total strong > span em {color:#41bf78;}
/* 검색 */
.sch_top .search_box {}
.sch_top .search_box .inputbox {display:flex;justify-content:center;gap:4px;}
.sch_top .search_box .inputbox select {width:190px;font-size:1.8rem;border:1px solid #ddd;color:#222;}
.sch_top .search_box .inputbox input {width:427px;font-size:1.8rem;border:1px solid #ddd;color:#222;}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color:#222;}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color:#222;}
.sch_top .search_box .inputbox input::-moz-placeholder {color:#222;}
.sch_top .search_box .inputbox button {flex-shrink:0;width:55px;height:55px;background:#222;border-radius:10px;}
.sch_top .search_box .inputbox button img {width:24px;transition:all 500ms cubic-bezier(0.850, 0.005, 0.150, 0.995);filter:brightness(0) invert(1);}
/* 게시판 영역 */
.board_box {border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}
/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#222;}
.page_number li a.on, .page_number li a:is(:hover,:focus,:active) {}
.page_number .prev_first a {background:url("/images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("/images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover,:focus,:active) {background:#41bf78;border-radius:100%;color:#fff;}
.page_number .next a {background:url("/images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("/images/fs/common/last_next.png") no-repeat center center;font-size:0;}
	@media only screen and (max-width:1399px){
		.notiwrap {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox select {width:100px;}
		.sch_top .search_box .inputbox input {width:327px;}
		.sch_top .search_box .inputbox button {width:50px;height:50px;}

		.page_number {margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.sch_top {flex-direction:column-reverse;align-items:flex-start;margin-bottom:10px;gap:10px;}
		.sch_top .search_box {width:100%;}
		.sch_top .search_box .inputbox {flex-wrap:wrap;}
		.sch_top .search_box .inputbox select {flex-grow:1;height:40px;margin-bottom:0;}
		.sch_top .search_box .inputbox input {flex-grow:1;height:40px;margin-bottom:0;}
		.sch_top .search_box .inputbox button {flex-grow:1;width:40px;height:40px;margin-bottom:0;}

		.page_number li {margin:0 1px;}
		.page_number li a {width:30px;height:30px;line-height:30px;}
		.page_number .prev_first a {width:30px;}
		.page_number .prev a {width:30px;}
		.page_number .next a {width:30px;}
		.page_number .next_last a {width:30px;}
	}
/* 일반게시판(목록) */
/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}

/********** 말줄임(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="ellipsis"] {display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */

/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}

/********** 인풋스타일 **********/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {height:5.5rem;padding:0 20px;border:1px solid #ddd;background:#fff;border-radius:10px;font-size:1.7rem;color:#222;}
select {padding:0 40px 0 20px;background:url("../../images/fs/common/arrow_drop_down_FILL0_wght400_GRAD0_opsz24.svg") no-repeat right 10px center #fff;cursor:pointer;}

/* 공지사항(목록) */
.board_table {}
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;font-size:1.8rem;color:#222;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;font-size:1.8rem;border-bottom:1px solid #222;}
.board_table tbody tr {border-top:1px solid #e5e5e5;}
.board_table tbody tr.noti {position:relative;background:#f3f6f9;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:20px 12px;height:3rem;font-weight:400;}
.board_table tbody td .ellipsis1 {max-width:90%;line-height:2;}
.board_table tbody td .new {}
.board_table tbody td .new img {width:30px;}
.board_table tbody td.num {font-size:1.6rem;color:#767676;}
.board_table tbody td.img {}
.board_table tbody td.img img {width:128px;}
.board_table tbody td.tit {}
.board_table tbody td.tit a {margin-top:4px;}
.board_table tbody td.tit a .new {}
.board_table tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_table tbody td.filedown {}
.board_table tbody td.view {}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:1.7rem;color:#767676;}
.board_table tbody td.file img {opacity:0.5;}
.board_table tbody td.data {font-size:1.7rem;color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti {}
.board_table tbody tr.noti td {font-weight:600;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:52px;height:3rem;margin:0 auto;background:#0f7043;text-align:center;border-radius:50px;font-size:1.5rem;color:#fff;line-height:3rem;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
.boardButton.flex_wrap {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem;}
.boardButton .manageButton {display:flex;align-items:center;gap:0.5rem;}
	@media only screen and (max-width:1199px){
		.board_table thead th {border-bottom:2px solid #222;}
	}
	@media only screen and (max-width:1023px){
		.board_table thead th {padding:10px 10px;}
		.board_table tbody td {padding:10px 10px;}
		.board_table tbody td .new img {width:25px;}
		.board_table tbody td .btn_bace {height:35px;line-height:35px;}
		.board_table tbody td.tit a {margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.board_table {text-align:left;}
		.board_table colgroup,
		.board_table thead th {display:none;}
		.board_table tbody tr:first-child {border-top:0;}
		.board_table tbody tr.noti:after  {display:none;}
		.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height:auto;}
		.board_table tbody td.num {order:1;display:none;}
		.board_table tbody td.tit {order:2;width:100%;padding:0 6px 8px 6px;font-weight:600;}
		.board_table tbody td .ellipsis1 {font-size:1.8rem;line-height:1.2;}
		.board_table tbody td .new img {width:20px;}
		.board_table tbody td.file {order:4;display:inline-block;padding:0 6px;border-right:0;}
		.board_table tbody td.file img {width:18px;margin-top:3px;}
		.board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #e5e5e5;}
		.board_table tbody tr.noti td {font-weight:600;}
		.board_table tbody tr.noti td.num {display:block;}
		.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align:left;}
		.board_table tbody tr.noti .num span {display:inline-block;width:45px;line-height:25px;height:25px;}
		.board_table tbody tr.noti .num span img {height:50%;vertical-align:middle;}
		.board_table tbody tr td.ta-c {width:100%;}
	}
	@media only screen and (max-width:529px){
		.board_table tbody td .ellipsis1 {max-width:98%;}
		.board_table tbody td.tit .reply {display:block;margin:10px 0 0 0;}
	}

/* 게시판 소개문구 */
.gray_box {background:#f5f5f5;border-radius:10px;}
.inform_box {padding:40px;display:flex;align-items:start;flex-wrap:wrap;align-items:center;margin-bottom:60px;}
.inform_box .icon_box {width:130px;height:auto;aspect-ratio:1/1;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.inform_box .icon_box img {padding-left:10px;}
.inform_box .i_info {padding-left:60px;width:calc(100% - 130px);}
.inform_box .i_info .btn_tit {font-size:2.5rem;color:#000;font-weight:600;}
.inform_box .i_info ul {font-size:.95em;}
.inform_box .i_info ul > li {margin-bottom:3px;}
    @media only screen and (max-width:1023px){
        .inform_box {margin-bottom:40px;}
    }
    @media only screen and (max-width:767px) {
        .inform_box {padding:30px 15px;margin-bottom:20px;}
        .inform_box .icon_box {width:80px;text-align:center;}
        .inform_box .icon_box img {width:60%;padding-left:5px;}
        .inform_box .i_info {padding-left:20px;width:calc(100% - 80px);}
        .inform_box .i_info .btn_tit {font-size:2.3rem;}
    }

/* 일반게시판(상세) */
.view_box {border-bottom:1px solid #e5e5e5;border-top:2px solid #222;}
.view_box .top {border-bottom:1px solid#ddd;text-align:center;padding-top:45px;}
.view_box .top .sttit {display:flex;flex-direction:column;gap:1.5rem;padding:10px 30px 0 30px;margin-bottom:45px;font-weight:400;font-size:3.3rem;color:#222;}
.view_box .top .sttit .new {line-height:1;}
.view_box .top .sttit .noti {display:grid;place-items:center;width:5.2rem;height:3rem;margin:0 auto;background:#0f7043;text-align:center;border-radius:5rem;font-size:1.5rem;color: #fff;line-height:3rem;}
.view_box .top .etc {padding:20px 15px;font-weight:400;border-top:1px dashed #ddd}
.view_box .top .etc span {display:inline-block;margin-right:15px;padding-right:25px;border-right:1px solid #e5e5e5;}
.view_box .top .etc span:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .etc span em {display:inline-block;margin-right:12px;color:#222;}
.view_box .content_box {padding:50px 30px;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .file_box {display:flex;gap:55px;padding:20px 30px 18px 30px;border-top:1px solid #e5e5e5;}
.view_box .file_box strong {padding-top:2px;color:#222;}
.view_box .file_box .file_d {display:flex;align-items:center;gap:1rem 70px;flex-wrap:wrap;}
.view_box .file_box .file_d a {display:flex;gap:8px;line-height:1.2;white-space:nowrap;}
.view_box .file_box .file_d a img {opacity:0.5;transform:translateY(-2px);}
.view_box .file_box .file_d a span {margin-top:2px;font-size:1.6rem;color:#0f7043;}
.view_box .file_box .file_d a:is(:hover,:focus,:active) {}
.view_box .public_box {margin:0;border-radius:0;}
.view_np_box {display:flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:1199px){
		.view_box .top .sttit {padding:7px 30px 0 30px;}
	}
	@media only screen and (max-width:1023px){
		.view_box .top {padding-top:40px;}
		.view_box .top .sttit {padding:7px 20px 0 20px;}
		.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
		.view_box .file_box {gap:25px;padding:25px 20px;}
	}
	@media only screen and (max-width:767px){
		.view_box .top {padding-top:28px;}
		.view_box .top .sttit {line-height:1;padding:5px 15px 0 15px;margin-bottom:28px;font-size:2.3rem;}
		.view_box .top .etc {padding:15px 15px;}
		.view_box .content_box {padding:20px 15px;font-size:1.6rem;}
		.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
		.view_box .file_box .file_d {flex-direction:column;align-items:flex-start;gap:10px;}
		.view_box .file_box .file_d a img {margin-top:-2px;}
		.view_box .file_box .btn_down {height:30px;line-height:30px;}
		.view_box .file_box .btn_down img {margin-top:1px;}
	}

/* 일반게시판(쓰기) */
legend {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}
.write_table_box {width:100%;border-bottom:1px solid #ddd;border-top:2px solid #000;word-break:normal;}
.write_table_box tbody th {position:relative;padding:35px 30px;border-left:1px solid #ddd;border-top:1px solid #ddd;background:#e8f0eb;text-align:left;vertical-align:top;font-weight:700;color:#000;}
.write_table_box tbody th:after {content:"";display: block;position:absolute;left:0;top:0;width: 100%;height: 1px;background:#fff;}
.write_table_box tbody td {position:relative;padding:15px 15px;border-left:1px solid #ddd;border-top:1px solid #ddd;line-height:1.5;color:#666;}
.write_table_box tbody td:after {content:"";display: block;position:absolute;left:0;top:0;width: 100%;height: 1px;background:#fff;}
.write_table_box tbody td input {width:100%;border:1px solid #ddd;}
.write_table_box tbody td .etc {margin-top:5px;font-size:1.7rem;}
.write_table_box tbody td .etc em {font-weight: 500;}
.write_table_box tbody td .filebox {display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 0;}
.write_table_box tbody td .filebox .btn_upload {width:12rem;}
.write_table_box tbody td .filebox .btn_upload .btn_bace {padding:0 1rem;text-align:center;width:12rem;}
.write_table_box tbody td .filebox .upload_list {width:calc(100% - 14rem);display:flex;justify-content:space-between;align-items:center;}
.write_table_box tbody td .filebox .upload_list span {display:flex;align-items:center;}
.write_table_box tbody td .filebox .upload_list span em {display:block;min-width:10rem;}
.write_table_box tbody tr th:first-child,
.write_table_box tbody tr td:first-child {border-left:0;}
.write_table_box tbody tr:first-child th,
.write_table_box tbody tr:first-child td {border-top:1px solid #fff;}
.write_table_box tbody tr th.bd_none,.write_table_box tbody tr td.bd_none,
.write_table_box thead tr th.bd_none,.write_table_box thead tr td.bd_none {border-left:0;}
.write_table_box tbody tr th.bd_left,.write_table_box tbody tr td.bd_left,
.write_table_box thead tr th.bd_left,.write_table_box thead tr td.bd_left {border-left:1px solid #cdd2d5;}
	@media only screen and (max-width:1023px){
		.write_table_box tbody th {padding:25px 20px;}
	}
	@media only screen and (max-width:767px){
		.write_table_box colgroup {display:none;}
		.write_table_box tbody th {padding:15px 10px;}
		.write_table_box tbody tr th, .write_table_box tbody tr td {display:block;width:100%;}
		.write_table_box tbody td {border-left:none;}
	}

/* 갤러리(목록) */
.gallery_table {overflow:hidden;position:relative;padding-top:40px;border-top:2px solid #222;}
.gallery_table:after {content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:#e5e5e5;}
.gallery_table .gallery_ul {display:flex;flex-wrap:wrap;row-gap:40px;margin-left:-40px;}
.gallery_table .gallery_ul > li {width:25%;padding-left:40px;padding-bottom:40px;}
.gallery_table .gallery_ul li a {display:block;text-decoration:none;}
.gallery_table .gallery_ul li a .img {overflow:hidden;position:relative;display:block;padding-top:75%;border-radius:20px;border:1px solid #e5e5e5;background:#f3f6f9;transition:.3s;}
.gallery_table .gallery_ul li a .img iframe {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .img img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .tit {display:flex;gap:10px;line-height:1.2;margin-top:25px;font-size:1.7rem;font-weight:700;color:#222;text-decoration:none;}
.gallery_table .gallery_ul li a .tit .new {margin-top:2px;}
.gallery_table .gallery_ul li a .tit span {width:100%;min-height:2.4em;}
.gallery_table .gallery_ul li a .day {display:flex;justify-content:end;margin-top:15px;font-size:1.4rem;color:#767676;border-top:1px dashed #ddd;padding-top:10px;flex-wrap:wrap;}
.gallery_table .gallery_ul li a .day li {display:flex;align-items:center;font-size:1.4rem;padding:5px 10px;}
.gallery_table .gallery_ul li a .day li img {margin-right:5px;}
.gallery_table .gallery_ul li a:is(:hover,:focus,:active) .img {border:1px solid #222;box-shadow:0 0 25px rgba(0,0,0,0.15);}
.gallery_table .gallery_ul .nocont_li {width:100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:40px 15px 80px 15px;text-align:center;}
    @media only screen and (max-width:1399px){
        .gallery_table .gallery_ul li a .day li {font-size:1.3rem;padding:5px 0;width:100%;}
    }
	@media only screen and (max-width:1023px){
		.gallery_table {padding-top:20px;}
		.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
		.gallery_table .gallery_ul > li {width:33.3%;padding-left:20px;padding-bottom:20px;}
		.gallery_table .gallery_ul li a .tit {margin-top:15px;}
		.gallery_table .gallery_ul li a .day {margin-top:15px;}
	}
	@media only screen and (max-width:767px){
		.gallery_table {padding-top:20px;}
		.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
		.gallery_table .gallery_ul > li {width:50%;padding-left:20px;padding-bottom:20px;}
		.gallery_table .gallery_ul li a .day {margin-top:15px;}
	}

/* 인증서 */
.gallery_table .certification_ul li {width:25%;}
.gallery_table .certification_ul li a .img {padding-top:135%;}
.gallery_table .certification_ul li a .img img {width:100%;}
.gallery_table .certification_ul li a .img .cnc {width:auto;filter:invert(60%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(150%) contrast(83%);max-width:80%;}
.gallery_table .gallery_table .certification_ul li a .tit {text-align:center;}
    @media only screen and (max-width:1199px){
		.gallery_table .certification_ul li {width:33.3%;padding-left:20px;padding-bottom:20px;}
	}
	@media only screen and (max-width:767px){
		.gallery_table .certification_ul li {width:50%;padding-left:20px;padding-bottom:10px;}
	}

/* 답글 */
.reply_box {padding:30px;}
.reply_box .reply_tit {color:#000;}
.reply_box .reply_tit .reply {display:inline-block;margin-left:10px;}
.reply_box .bot_reply {margin-top:10px;padding:20px;background:#f3f6f9;border-radius:10px;border:1px solid #ddd;}
.reply_box .bot_reply .text_reply {background:#fff;border-radius:10px;}
.reply_box .bot_reply .text_reply .box {display:flex;padding:30px;}
.reply_box .bot_reply .text_reply .reply_p {width:100%;line-height:1.4;min-height:145px;margin-right:35px;font-size:1.6rem;color:#222;}
.reply_box .bot_reply .text_reply .btn {flex-shrink:0;width:100px;}
.reply_box .bot_reply .text_reply .btn button {height:40px;margin-bottom:10px;}

	@media only screen and (max-width:1199px){
		.view_box .top .sttit {padding:7px 30px 0 30px;}
	}
	@media only screen and (max-width:1023px){
		.view_box .top {padding-top:40px;}
		.view_box .top .sttit {padding:7px 20px 0 20px;}
		.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
		.table_box_wide {overflow-x:scroll;border-top:2px solid #222;}
		.view_box .file_box {gap:25px;padding:25px 20px;}
		.view_box .btnnp > div button {padding:15px 20px;}
		.view_box .btnnp > .np_item_left img {margin:-5px 0 0 30px;}
		.view_box .btnnp > .np_item_right {}
		.view_box .btnnp > .np_item_right img {margin:-4px 0 0 30px;}

		.reply_box {padding:20px;}
		.reply_box .bot_reply {padding:15px;}
		.reply_box .bot_reply .text_reply .box {padding:20px;}
		.reply_box .bot_reply .text_reply .btn {flex-shrink:0;width:80px;}
		.reply_box .bot_reply .text_reply .btn button {width:100%;}
	}
	@media only screen and (max-width:767px){
		.view_box .top {padding-top:28px;}
		.view_box .top .sttit {line-height:1;padding:5px 15px 0 15px;margin-bottom:28px;}
		.view_box .top .etc {padding:15px 15px;}
		.view_box .content_box {padding:20px 15px;font-size:2rem;}
		.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
		.view_box .file_box .file_d {flex-direction:column;align-items:flex-start;gap:10px;}
		.view_box .file_box .file_d a img {margin-top:-2px;}
		.view_box .file_box .btn_down {height:30px;line-height:30px;}
		.view_box .file_box .btn_down img {margin-top:1px;}
		.view_box .btnnp > div button {padding:15px 15px;}

		.reply_box {padding:20px;}
		.reply_box .bot_reply {padding:15px;}
		.reply_box .bot_reply .text_reply .box {flex-direction:column;padding:20px;}
		.reply_box .bot_reply .text_reply .reply_p {margin-top:15px;padding-right:0;}
		.reply_box .bot_reply .text_reply .btn {display:flex;justify-content:flex-end;align-items:flex-end;gap:4px;width:100%;margin-top:20px;}
		.reply_box .bot_reply .text_reply .btn button {width:80px;height:40px;margin-bottom:0;}

		.view_box .content_box .table_box_wide > table {width:767px;}
	}
	@media only screen and (max-width:639px){
		.view_box .content_box .table_box_wide > table {width:679px;}
	}
	@media only screen and (max-width:599px){
		.reply_box {padding:20px;}
		.reply_box .bot_reply {padding:15px;}
		.reply_box .bot_reply .text_reply .box {flex-direction:column;padding:20px;}
		.reply_box .bot_reply .text_reply .reply_p {margin-top:15px;padding-right:0;}
		.reply_box .bot_reply .text_reply .btn {display:flex;justify-content:flex-end;align-items:flex-end;gap:4px;width:100%;margin-top:20px;}
		.reply_box .bot_reply .text_reply .btn button {width:80px;height:40px;margin-bottom:0;}
	}

/* 비밀번호 확인 */
.border_box {}
.border_box p {font-size:1.8rem;color:#000;line-height:1.5;margin-top:4rem;}
.border_box .inputpw {max-width:300px;margin:20px auto;}
.border_box .btnarea {display:flex;margin-top:40px;justify-content:center;}
.border_box .btnarea button {margin:0 3px;}
    @media only screen and (max-width:767px){
        .border_box {padding:6rem 2rem;}
        .border_box .btnarea {margin-top:2rem;}
	}

/* 파일첨부 */
.file_box {display:flex;flex-wrap:wrap;}
.file_box .btn_upload {width:110px;}
.file_box .btn_upload label {display:block;width:100%;padding:0 15px;line-height:40px;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list  {display:block;width:calc(100% - 115px);}
.file_box .upload_list a {display:block;padding-left:15px;line-height:40px;border-radius:5px;font-size:.9em;color:#999;border-bottom:1px solid #eee;}
.file_box .upload_list a + a {margin-top:5px;}
.file_box .upload_list a span:hover {text-decoration:underline;}
.file_box .upload_list a .btn_del {display:inline-block;margin-left:20px;font-family:inherit;color:#999;background:none;}
	@media only screen and (max-width:1023px){
        .stxt {font-size:2.5rem;}
		.form_box table.responsive tbody tr {padding:0;}
		.form_box table.responsive tbody tr th {padding:12px 0;text-align:left;}
		.form_box table.responsive tbody tr td {padding:0 0 15px 0;}
	}
	@media only screen and (max-width:767px){
        .stxt {font-size:1.8rem;}
		[class*="form_box"] .wh200 {width:100%;}
		[class*="form_box"] .flex_area .flexbox {width:100%;}
		[class*="form_box"] .flex_area input {width:calc((100% - 30px)/2);}
		[class*="form_box"] .flex_area select {width:100%;margin:5px 0 0;}

		/* 폼박스 (테이블형) */
		.form_box .responsive tbody tr {padding:0 !important;}
		.form_box .responsive tbody tr th,
		.form_box .responsive tbody tr td {padding:15px;}
		.form_box tbody tr td .checks.flexbox {justify-content:center;}
		.form_box .num_area select {margin-bottom:5px;width:calc((100% - 40px)/3);}
		.form_box .num_area input {width:calc((100% - 40px)/3);}
		.form_box .num_area .flexbox .inblock {margin:0;width:20px;}

		/* 파일첨부 */
		.file_box {flex-direction:column;}
		.file_box .upload_list {width:100%;margin-top:10px;}
		.file_box .upload_list a .btn_del {visibility:visible;opacity:1;}
	}

/* 이미지박스 */
.box_img {line-height:0;text-align:center;}
.box_img .inner {display:inline-block;position:relative;max-width:100%;line-height:0;}
.box_img img {max-width:100%;}
.box_img .img_zoom {z-index:10;display:none;position:absolute;right:0;bottom:0;}
.box_img .img_zoom a {display:inline-block;width:27px;height:27px;color:transparent;background:#41bf78 url("../../images/fs/common/img_zoom.png") center center no-repeat;line-height:0;font-size:0;}
	@media screen and (max-width:767px) {
		.box_img .img_zoom {display:inline-block;}
	}

/* 컨텐츠 상단박스 */
.icon_box {margin-bottom:40px;}
.icon_box .icon {width:100%;margin:auto;}
.icon_box .icon .info_icon {flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.icon_box .icon .info_icon img {filter:invert(59%) sepia(88%) saturate(336%) hue-rotate(100deg) brightness(89%) contrast(82%);}
.icon_box .text {text-align:center;margin-top:3rem;}
.icon_box .text p {font-size:2.3rem;color:#222;line-height:1.5;}

/* 이미지 스크롤 박스 */
.overflow_box .iconlr {display:none;}
.overflow_box .img_box {max-width:100%;}
.overflow_box .img_box img {width:100%;}
	@media only screen and (max-width:1299px){
		.overflow_box .iconlr {display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-bottom:2rem;}
		.overflow_box .iconlr span {line-height:1;font-weight:600;color:#41bf78;}
		.overflow_box .img_box {max-width:100%;overflow-y:hidden;overflow-x:auto;}
		.overflow_box .img_box img {width:150rem;}
	}

/* 순서도 */
.b_box .main {position:relative;width:100%;max-width:25rem;height:auto;margin:6rem auto 0;aspect-ratio:1/1;border-radius:50%;background:#41bf78;color:#fff;display:flex;align-items:center;justify-content:center;z-index:1;}
.b_box .main::after {content:"\ea4e";font-family:remixicon;font-size:4rem;color:#41bf78;position:absolute;left:0;right:0;bottom:-6rem;text-align:center;}
.b_box .main .tit {text-align:center;line-height:1.4;}
.b_box .main .tit span {font-weight:600;opacity:.5;font-size:1.2rem;letter-spacing:5px;}
.b_box .main .tit p {position:relative;font-size:2em;font-weight:600;margin-top:1rem;}
.b_box .list_box {margin-top:6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}
.b_box .list_box > li {flex:0 1 calc((100% - (2rem * 3)) / 3);text-align:center;border:3px solid #eee;border-radius:2rem;padding:5rem 3rem;}
.b_box .list_box > li:is(:hover,:active,:focus) {border-color:#41bf78;}
.b_box .list_box > li .txt .tit {font-size:2.2rem;font-weight:600;color:#41bf78;margin:3rem 0 1.5rem;}
.b_box .list_box > li .icon img {max-width:100%;}
.b_box .list_box > li ol {font-weight:400;line-height:1.6;}
	@media only screen and (max-width:1023px){
		.b_box .list_box > li {flex:0 1 calc((100% - (2rem * 3)) / 2);padding:4rem 3rem;}
	}
	@media only screen and (max-width:767px){
		.b_box .list_box > li {flex:0 1 100%;padding:3rem;}
	}

/* 배경 컨텐츠 박스 */
.bg_box	{margin-top:6rem;padding:6rem 0;background:#e8f0eb;}


/******************************/
/* 01_COMPANY */
/******************************/
/* 010101_Mission */
.sub0101 {text-align:center;}
.sub0101 .title {margin-bottom:3rem;font-size:6rem;}
.sub0101 .title .point {background:linear-gradient(180deg,#41bf78 0%, #2e8c57 100%);color:transparent;-webkit-background-clip:text;padding-right:0.2rem;}
.sub0101 p {font-size:1.8rem;line-height:1.7;margin-bottom:4rem;text-wrap:balance;}
.sub0101 p em {font-weight:600;font-size:2rem;color:#000;}
	@media screen and (max-width:1023px) {
		.sub0101 p br {display:none;}
	}

/* 010201_회사연혁 */
.history_wrp .h_list .y-wrp {display:flex;flex-wrap:wrap;}
.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:100px;}
.history_wrp .h_list .y-wrp .year-area {width:30%;padding-right:50px;}
.history_wrp .h_list .y-wrp .year-area .year {position:relative;font-size:4.5em;color:#000;font-weight:bold;text-align:right;}
.history_wrp .h_list .y-wrp .month-area {position:relative;width:70%;padding-left:50px;}
.history_wrp .h_list .y-wrp .month-area:before {content:'';position:absolute;left:-7px;top:35px;width:16px;height:16px;border-radius:50px;border:5px solid #00c263;background:#fff;z-index:1;}
.history_wrp .h_list .y-wrp .month-area:after {content:'';position:absolute;left:0;top:60px;width:1px;height:calc(100% - 60px);background:#ddd;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li {display:flex;padding:30px;border-radius:10px;background:#f5f5f5;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:10px;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {font-weight:800;color:#000;min-width:80px;font-size:1.3em;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month em {color:#888;font-size:.9em;font-weight:normal;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1.1em;font-weight:500;color:#666;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p + p {margin-top:10px;}
	@media only screen and (max-width:1023px){
		.history_wrp .h_list .y-wrp .year-area {width:200px;}
		.history_wrp .h_list .y-wrp .year-area .year {text-align:left;}
		.history_wrp .h_list .y-wrp .month-area {width:calc(100% - 200px);}
	}
	@media only screen and (max-width:767px){
		.history_wrp .h_list .y-wrp {flex-direction:column;}
		.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:80px;}
		.history_wrp .h_list .y-wrp .year-area .year {font-size:3.5em;}
		.history_wrp .h_list .y-wrp .month-area {width:100%;padding-left:25px;margin-top:10px;}
		.history_wrp .h_list .y-wrp .month-area:before {left:0;top:25px;width:12px;height:12px;border-width:4px;}
		.history_wrp .h_list .y-wrp .month-area:after {left:5px;top:50px;height:calc(100% - 50px);}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li {padding:15px;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:5px;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {min-width:60px;font-size:1.2em;}
		.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1em;}
	}
	@media only screen and (max-width:560px){
		.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:60px;}
		.history_wrp .h_list .y-wrp .month-area {}
	}

/* 010301_오시는길 */
.company_map .sect_tit {color:#00c263;font-weight:600;margin-bottom:2rem;padding:0;font-size:1.8rem;}
.company_map .h4 {font-weight:600;font-size:4rem;}
.company_map {display:flex;}
.company_map > div:first-child {width:30%;}
.company_map > div:last-child {width:70%}
.company_map .tel {display:flex;gap:1rem  6rem;}
.company_map .tel > p strong {font-size:1.6rem;font-weight:600;margin-right:1.5rem;}
.company_map address {padding:4rem 0;border-bottom:1px solid #42414D} 
.sect-tit {color:#00c263;font-weight:600;margin-bottom:2rem;padding:0;}
.company_map p {margin-top:1rem;margin-bottom:0;}
    @media only screen and (max-width:1023px){
		.company_map {flex-wrap:wrap;width:100%;}
		.company_map > div:first-child {width:100%;}
        .company_map > div:last-child {width:100%;}
		.company_map .h4 {margin-bottom:3rem;}
	}
	@media only screen and (max-width:767px){
		.company_map .sect_tit {margin-bottom:1rem;font-size:1.6rem;}
		.company_map .h4 {font-size:3rem;}
		.company_map .tel {gap:0;flex-wrap:wrap;margin-top:1rem;}
		.company_map p {width:100%;}
		.company_map iframe {height:300px;}
	}


/******************************/
/* 02_BUSINESS */
/******************************/
/* 020101_Water Recycling */
.sub0201 .b_box .arrow {position:relative;}
.sub0201 .b_box .arrow::after {content:"\ea4e";font-family:remixicon;font-size:4rem;color:#41bf78;position:absolute;left:0;right:0;bottom:-6rem;text-align:center;}
.sub0201 .b_box .list_box > li .txt .tit {margin-bottom:0;}
.sub0201 .green_box {display:flex;justify-content:center;align-items:center;margin-top:4rem;}
.sub0201 .green_box strong {display:block;width:100%;padding:2rem;background:#2e8c57;color:#fff;text-align:center;font-size:2.4rem;border-radius:1rem;line-height:1.5;text-wrap:balance;}
.sub0201 .green_box strong b {color:#ffff00;}
.sub0201 .b_box .green_box {margin-top:8rem;}
.sub0201 .b_box .green_box strong {display:inline-block;width:calc((100% - (2rem * 3)) / 3);}
.sub0201 .flowchart {display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;}
.sub0201 .flowchart dl {background:#f3f8fa;}
.sub0201 .flowchart dl dt {position:relative;display:flex;align-items:center;width:100%;height:7.6rem;}
.sub0201 .flowchart dl dt:before {content:'';z-index:9;position:absolute;left:calc(100% + .5rem);top:0;width:2rem;height:100%;}
.sub0201 .flowchart dl dt:after {content:'';z-index:9;position:absolute;right:-0.6rem;top:0;width:1rem;height:100%;}
.sub0201 .flowchart dl:nth-of-type(1) dt:after,
.sub0201 .flowchart dl:nth-of-type(1) dt {background-color:#41bf78;}
.sub0201 .flowchart dl:nth-of-type(1) dt:before {border-left:2.6rem solid #41bf78;border-top:3.8rem solid transparent;border-bottom:3.8rem solid transparent;}
.sub0201 .flowchart dl:nth-of-type(2) dt:after,
.sub0201 .flowchart dl:nth-of-type(2) dt {background-color:#38a668;}
.sub0201 .flowchart dl:nth-of-type(2) dt:before {border-left:2.6rem solid #38a668;border-top:3.8rem solid transparent;border-bottom:3.8rem solid transparent;}
.sub0201 .flowchart dl:nth-of-type(3) dt:after,
.sub0201 .flowchart dl:nth-of-type(3) dt {background-color:#277348;}
.sub0201 .flowchart dl:nth-of-type(3) dt:before {border-left:2.6rem solid #277348;border-top:3.8rem solid transparent;border-bottom:3.8rem solid transparent;}
.sub0201 .flowchart dl:nth-of-type(4) dt {background-color:#164028;}
.sub0201 .flowchart dl:nth-of-type(4) dt:before,
.sub0201 .flowchart dl:nth-of-type(4) dt:after {display:none;}
.sub0201 .flowchart dl dt p {padding-left:4rem;font-size:2.4rem;color:#fff;}
.sub0201 .flowchart dl dt p i {display:inline-block;margin-right:1.5rem;font-size:2rem;color:#fff;}
.sub0201 .flowchart dl dd {padding:4rem 3rem;}
.sub0201 .flowchart dl dd .pic_box img {max-width:100%;}
.sub0201 .flowchart dl dd .txt_box {margin-top:2rem;}
.sub0201 .flowchart dl dd .txt_box em {color:#000;}
.sub0201 .cooperation .coop_box {display:flex;justify-content:center;align-items:center;gap:4rem;}
.sub0201 .cooperation .pic_box img {width:58rem;}
.sub0201 .cooperation .list_box .list {background:no-repeat right bottom #fff;border:1px solid #ddd;padding:2.5rem 8rem 2.5rem 4rem;}
.sub0201 .cooperation .list_box .list + .list {margin-top:1rem;}
.sub0201 .cooperation .list_box .list:nth-child(1) {background-image:url("../../images/fs/content/sub02/sub0201_num01.png");}
.sub0201 .cooperation .list_box .list:nth-child(2) {background-image:url("../../images/fs/content/sub02/sub0201_num02.png");}
.sub0201 .cooperation .list_box .list:nth-child(3) {background-image:url("../../images/fs/content/sub02/sub0201_num03.png");}
.sub0201 .cooperation .list_box .list .tit {font-weight:600;font-size:2rem;color:#000;margin-bottom:1.5rem;}
	@media only screen and (max-width:1023px){
		.sub0201 .b_box .green_box strong {width:calc((100% - (2rem * 3)) / 2);}
		.sub0201 .flowchart {grid-template-columns:repeat(2,1fr);gap:2rem 0.5rem;}
		.sub0201 .flowchart dl:nth-of-type(even) dt:before, .sub0201 .flowchart dl:nth-of-type(even) dt:after {display:none;}
		.sub0201 .flowchart dl dt {width:100%;}
		.sub0201 .cooperation .coop_box {flex-direction:column;}
		.sub0201 .cooperation .list_box {width:80%;}
	}
	@media only screen and (max-width:767px){
		.sub0201 .b_box .green_box strong {width:100%;}
		.sub0201 .flowchart {grid-template-columns:repeat(1,1fr);}
		.sub0201 .flowchart dl dt:before, .sub0201 .flowchart dl dt:after {display:none;}
		.sub0201 .cooperation .pic_box img {width:100%;}
		.sub0201 .cooperation .list_box {width:100%;}
	}

/* 020201_Battery Recycling */
.sub020201 .flowchart {grid-template-columns:repeat(3,1fr);}
.sub020201 .flowchart dl:nth-of-type(3) dt {background-color:#277348;}
.sub020201 .flowchart dl:nth-of-type(3) dt:before,
.sub020201 .flowchart dl:nth-of-type(3) dt:after {display:none;}
.sub020201 .flowchart dd {text-align:center;text-wrap:balance;font-size:1.7rem;line-height:1.5;}
	@media only screen and (max-width:1023px){
		.sub020201 .flowchart dl:nth-of-type(even) dt:before, .sub020201 .flowchart dl:nth-of-type(even) dt:after {display:block;}
		.sub020201 .flowchart dl dt {width:100%;}
		.sub020201 .cooperation .wrap {flex-direction:column;}
		.sub020201 .cooperation .list_box {width:80%;}
	}
	@media only screen and (max-width:767px){
		.sub020201 .flowchart {grid-template-columns:repeat(1,1fr);}
		.sub020201 .flowchart dl:nth-of-type(even) dt:before, .sub020201 .flowchart dl:nth-of-type(even) dt:after {display:none;}
	}

/* 020201_Zero Emission */
.sub020301 .flowchart {grid-template-columns:repeat(3,1fr);max-width:99%;}
.sub020301 .flowchart dl:nth-of-type(4) dt:after,
.sub020301 .flowchart dl:nth-of-type(4) dt {background-color:#1c5233;}
.sub020301 .flowchart dl:nth-of-type(4) dt:before {border-left:2.6rem solid #1c5233;border-top:3.8rem solid transparent;border-bottom:3.8rem solid transparent;}
.sub020301 .flowchart dl:nth-of-type(4) dt:before,
.sub020301 .flowchart dl:nth-of-type(4) dt:after {display:block;}
.sub020301 .flowchart dl:nth-of-type(5) dt {background-color:#164028;}
.sub020301 .flowchart dl:nth-of-type(5) dt:before,
.sub020301 .flowchart dl:nth-of-type(5) dt:after {display:none;}
.sub020301 .product_box .product_list {display:flex;justify-content:center;align-items:center;gap:4rem;}
.sub020301 .product_box .product_list li {flex:1 1 auto;}
.sub020301 .product_box .product_list li a {display:block;text-align:center;border:3px solid #eee;border-radius:2rem;padding:4rem 2rem;}
.sub020301 .product_box .product_list li a:is(:hover,:active,:focus) {text-decoration:none;border-color:#41bf78;}
.sub020301 .product_box .product_list li .pic img {max-width:100%;}
.sub020301 .product_box .product_list li .txt em {display:block;font-size:2.3rem;font-weight:600;color:#41bf78;margin-top:3rem;}
	@media only screen and (max-width:1023px){
		.sub020301 .flowchart {grid-template-columns:repeat(2,1fr);}
		.sub020301 .flowchart dl:nth-of-type(even) dt:before, .sub020301 .flowchart dl:nth-of-type(even) dt:after {display:none;}
		.sub020301 .flowchart dl dt {width:100%;}
		.sub020301 .product_box .product_list {gap:2rem;}
	}
	@media only screen and (max-width:767px){
		.sub020301 .flowchart {grid-template-columns:repeat(1,1fr);}
		.sub020301 .flowchart dl dt:before, .sub020301 .flowchart dl dt:after {display:none;}
		.sub020301 .product_box .product_list {flex-direction:column;}
		.sub020301 .product_box .product_list li .pic img {max-width:80%;}
	}

/* 020203_인산철 배터리 */
.sub020203 i {display:inline-block;font-size:4rem;margin:1.5rem 0;}

/* 020300_공통 */
.prod_info {position:relative;}
.prod_info::before {content:'';position:absolute;left:0;bottom:-6rem;width:100%;height:calc(55% + 6rem);background:#f5f5f5;}
.prod_info .flexbox {display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;}
.prod_info .flexbox > div {z-index:1;}
.prod_info .flexbox .imgbox {width:60rem;height:auto;aspect-ratio:24/21;box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);overflow:hidden;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;background:#fff;}
.prod_info .flexbox .txtbox {width:calc(100% - 60rem);padding-left:6rem;}
.prod_info .flexbox .txtbox .m_tit {position:relative;font-size:5rem;color:#000;padding-top:6rem;margin-top:2rem;}
.prod_info .flexbox .txtbox .m_tit::before {content:'';position:absolute;left:0;top:0;background:url("../../images/fs/content/sub02/quot.png") no-repeat left top;width:5rem;height:3rem;background-size:contain;opacity:.5;}
.prod_info .flexbox .txtbox .m_tit strong {display:block;font-weight:600;}
.prod_info .flexbox .txtbox .info {margin-top:6rem;}
.prod_info .flexbox .txtbox .info .stit {color:#222;font-weight:bold;font-size:2rem;margin-bottom:2rem;}
.prod_info .flexbox .txtbox .info .txt {color:#767676;}
	@media only screen and (max-width:1199px){
		.prod_info .flexbox .txtbox {padding-left:4rem;}
	}
	@media only screen and (max-width:1023px){
		.prod_info .flexbox {flex-direction:column;}
		.prod_info .flexbox .imgbox {width:100%;aspect-ratio:auto;padding:4rem 0;}
		.prod_info .flexbox .txtbox {width:100%;padding-left:0;}
		.prod_info .flexbox .txtbox .m_tit {padding-top:3rem;}
		.prod_info .flexbox .txtbox .m_tit::before {display:none;}
		.prod_info .flexbox .txtbox .m_tit strong {display:inline-block;}
		.prod_info .flexbox .txtbox .info {margin-top:3rem;}
	}

/* 020301_Zero Emission */
.sub020301 .esc ul {display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:8rem;position:relative;}
.sub020301 .esc ul::after {content:"\ea4e";font-family:remixicon;font-size:4rem;color:#41bf78;position:absolute;bottom:-6rem;left:50%;transform:translateX(-50%);}
.sub020301 .esc ul li {display:flex;align-items:center;}
.sub020301 .esc ul li em {display:flex;justify-content:center;align-items:center;min-width:7rem;height:7rem;background:#2e8c57;font-weight:600;font-size:2rem;color:#fff;border-radius:50%;position:relative;z-index:1;}
.sub020301 .esc ul li span {display:block;width:100%;padding:1.5rem 3rem 1.5rem 7rem;margin-left:-3.5rem;border:3px solid #eee;font-size:1.8rem;border-radius:0 2rem 2rem 0;}
.sub020301 .esc ul li span:is(:hover,:focus,:active) {border-color:#41bf78;}
.sub020301 .esc strong {display:block;padding:2rem;border-radius:2rem;background:#2e8c57;color:#fff;text-align:center;font-size:2.4rem;position:relative;}
.sub020301 .flowchart {grid-template-columns:repeat(5,1fr);}
	@media only screen and (max-width:1699px){
		.sub020301 .flowchart {grid-template-columns:repeat(3,1fr);}
	}
	@media only screen and (max-width:1199px){
		.sub020301 .esc ul li span {display:block;width:100%;padding:1.5rem 1rem 1.5rem 5rem;}
	}
	@media only screen and (max-width:1023px){
		.sub020301 .esc ul {gap:1rem;}
		.sub020301 .esc ul li span {padding:1rem 1rem 1rem 4.5rem;}
		.sub020301 .flowchart {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:767px){
		.sub020301 .esc ul {grid-template-columns:repeat(1,1fr);gap:2rem;}
		.sub020301 .flowchart {grid-template-columns:repeat(1,1fr);}
	}

/* 020302_Vacuum Evaporation System */
.sub020302 .descr {margin-top:14rem;}
.sub020302 .flowchart {grid-template-columns:repeat(3,1fr);}
.sub020302 .flowchart dl:nth-of-type(3) dt:before,
.sub020302 .flowchart dl:nth-of-type(3) dt:after {display:none;}
.sub020302 > .list_box {margin-top:8rem;}
.sub020302 > .list_box .list {background:no-repeat right bottom #fff;border:1px solid #ddd;padding:2.5rem 8rem 2.5rem 4rem;}
.sub020302 > .list_box .list + .list {margin-top:1rem;}
.sub020302 > .list_box .list:nth-child(1) {background-image:url("../../images/fs/content/sub02/sub0201_num01.png");}
.sub020302 > .list_box .list:nth-child(2) {background-image:url("../../images/fs/content/sub02/sub0201_num02.png");}
.sub020302 > .list_box .list:nth-child(3) {background-image:url("../../images/fs/content/sub02/sub0201_num03.png");}
.sub020302 > .list_box .list .tit {font-weight:600;font-size:2rem;color:#000;margin-bottom:1.5rem;}
.sub020302 .grid_box {display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem;}
.sub020302 .grid_box:last-child {grid-template-columns:1.5fr 1fr;}
.sub020302 .step_box {display:grid;grid-template-rows:repeat(3, 1fr);gap:4rem 0;}
.sub020302 .step_box > li {display:table;position:relative;padding:2rem 1rem;background:#fff;border:1px solid #ddd;border-top:3px solid #41bf78;border-radius:0 0 2rem 2rem;text-align:center;}
.sub020302 .step_box > li::before {content:"\ea4b";font-family:remixicon;font-size:2.5rem;color:#41bf78;display:block;position:absolute;bottom:-3.5rem;left:50%;transform:translateX(-50%);margin:auto 0;}
.sub020302 .step_box > li:last-child::before {display:none;}
.sub020302 .step_box > li .item {display:table-cell;color:#000;font-weight:600;font-size:2rem;vertical-align:middle;word-break:keep-all;line-height:1.6;}
.sub020302 .step_box > li .item span {display:block;color:#666;font-weight:400;font-size:1.8rem;}
.sub020302 .box_img {border:1px solid #ddd;border-radius:2rem;padding:5rem 3rem;}
.sub020302 .box_img .inner {height:100%;display:flex;align-items:center;justify-content:center;}
.sub020302 .b_box .list_box {margin-top:2rem;}
.sub020302 .b_box .list_box > li {padding:1rem;}
.sub020302 .b_box .list_box > li img {border-radius:1rem;}
	@media only screen and (max-width:1099px){
		.sub020302 .flowchart {grid-template-columns:repeat(2,1fr);}
		.sub020302 .flowchart dl:nth-of-type(even) dt:before, .sub020302 .flowchart dl:nth-of-type(even) dt:after {display:none;}
		.sub020302 .flowchart dl dt {width:100%;}
		.sub020302 .product_box .product_list {gap:2rem;}
		.sub020302 .grid_box:last-child {grid-template-columns:none;grid-template-rows:1fr auto;}
	}
	@media only screen and (max-width:767px){
		.sub020302 .flowchart {grid-template-columns:repeat(1,1fr);}
		.sub020302 .flowchart dl dt:before, .sub020302 .flowchart dl dt:after {display:none;}
		.sub020302 .product_box .product_list {flex-direction:column;}
		.sub020302 .product_box .product_list li .pic img {max-width:80%;}
		.sub020302 .grid_box {grid-template-columns:repeat(1, 1fr);gap:2rem;}
	}

/* 020303_Mechanical Vapor Recompression */
.sub020303 .prod_info .flexbox .imgbox {background:#c4c8d3;}
.sub020303 .step_box {display:grid;grid-template-rows:repeat(2, 1fr);gap:4rem 0;}
.sub020303 .step_box .item {text-wrap:balance;}
.sub020303 .overflow_box .tableA {position:relative;}
.sub020303 .overflow_box .tableA::after {position:absolute;top:0;left:9%;width:30%;height:100%;content:"";outline:5px solid #1b5936;border-radius:.3rem;}
.sub020303 .overflow_box .iconlr {display:none;}
.sub020303 .tableA tbody td.balance {text-wrap:balance;text-align:center;word-break:keep-all;}
.sub020303 .tableA tbody strong {color:#000;}
.sub020303 .tableA tbody span {color:#2e8c57;text-decoration:underline;}
.sub020303 .apply_box {border:3px solid #eee;border-radius:2rem;padding:3rem;}
.sub020303 .apply {width:50rem;height:50rem;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;place-items:center;}
.sub020303 .apply .area {width:14rem;height:14rem;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:600;font-size:1.8rem;color:#fff;padding:1rem;position:relative;}
.sub020303 .apply .area::before {content:"\ea74";font-family:remixicon;font-size:3rem;color:#000;position:absolute;z-index:1;}
.sub020303 .apply .area.area1 {grid-area:1 / 2 / 2 / 3;background:#2e8c57;}
.sub020303 .apply .area.area1::before {right:-2.7rem;bottom:-3.5rem;transform:rotate(-45deg);}
.sub020303 .apply .area.area2 {grid-area:2 / 1 / 3 / 2;background:#4a90e2;}
.sub020303 .apply .area.area2::before {right:-2.7rem;top:-3.5rem;transform:rotate(45deg);}
.sub020303 .apply .area.area3 {grid-area:2 / 2 / 3 / 3;background:#0055aa;}
.sub020303 .apply .area.area3::before {content:"\ea62";left:-3rem;top:50%;transform:translateY(-50%);}
.sub020303 .apply .area.area3::after {content:"\ea62";right:-3rem;top:50%;transform:translateY(-50%);font-family:remixicon;font-size:3rem;color:#000;position:absolute;z-index:1;}
.sub020303 .apply .area.area4 {grid-area:2 / 3 / 3 / 4;background:#f5a623;}
.sub020303 .apply .area.area4::before {left:-2.7rem;bottom:-3.5rem;transform:rotate(45deg);}
.sub020303 .apply .area.area5 {grid-area:3 / 2 / 4 / 3;background:#d9534f;}
.sub020303 .apply .area.area5::before {left:-2.7rem;top:-3.5rem;transform:rotate(-45deg);}
.sub020303 .apply_list {display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;}
.sub020303 .apply_list li {border:3px solid #eee;border-radius:2rem;padding:3rem 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3rem;}
.sub020303 .apply_list li span {font-size:2.3rem;font-weight:600;color:#41bf78;text-align:center;}
.sub020303 .mvr_img {padding:2rem;}
.sub020303 .mvr_img img {height:35rem;}
	@media only screen and (max-width:1199px){
		.sub020303 .grid_box {grid-template-columns:repeat(1, 1fr);gap:3rem;}
	}
	@media only screen and (max-width:1023px){
		.sub020303 .overflow_box .iconlr {display:flex;gap:1rem;margin-bottom:1rem;line-height:3rem;text-align:center;font-size:1.6rem;color:#41bf78;}
		.sub020303 .overflow_box .iconlr i {font-weight:normal;font-size:2.4rem;}
		.sub020303 .overflow_box .table_box {width:100%;overflow-y:hidden;overflow-x:auto;}
		.sub020303 .overflow_box .table_box .tableA {min-width:1100px;}
		.sub020303 .overflow_box .tableA::after {top:1%;height:98%;}
		.sub020303 .grid_box {gap:2rem;}
	}
	@media only screen and (max-width:767px){
		.sub020303 .tableA tbody td.balance {word-break:break-all;}
		.sub020303 .apply_box {padding:2rem;}
		.sub020303 .apply_list {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:475px){
		.sub020303 .apply {width:100%;height:40rem;}
		.sub020303 .apply .area {width:10rem;height:10rem;}
		.sub020303 .apply_list {grid-template-columns:repeat(1,1fr);}
	}

/* 020401_수처리제 */
.sub0204 .b_box .list_box > li .icon img {max-width:8rem;}

/* 020402_Engineering 지원 */
.sub020402 .b_box .list_box > li {flex:0 1 calc((100% - (2rem * 3)) / 4);}
	@media only screen and (max-width:1023px){
		.sub020402 .b_box .list_box > li {flex:0 1 calc((100% - (2rem * 3)) / 2);}
	}
	@media only screen and (max-width:767px){
		.sub020402 .b_box .list_box > li {flex:0 1 100%;}
	}


/******************************/
/* 03_TECHNOLOGY */
/******************************/
/* 030101_핵심기술 */
.sub030101 .b_box .list_box {margin-top:2rem;}
.sub030101 .b_box .list_box > li {padding:4rem 3rem;}
.sub030101 .b_box .list_box > li div.icon {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;aspect-ratio:2/1;max-height:23.5rem;}
.sub030101 .b_box .list_box > li div.icon img {max-height:100%;}
.sub030101 .b_box .list_box > li .txt .tit {margin:2.5rem 0 0;}
	@media only screen and (max-width:767px){
		.sub030101 .ta-c img {width:100%;}
		.sub030101 .b_box .list_box > li div.icon {max-height:none;}
		.sub030101 .b_box .list_box > li div.icon img {max-height:none;}
	}

/* 030201_유기성 폐기물 자원화기술 */
.sub030201 .step_box {display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem 3rem;width:calc(100% - 3rem);}
.sub030201 .step_box > li {display:table;position:relative;padding:2rem 1rem;background:#fff;border:1px solid #ddd;border-top:3px solid #41bf78;border-radius:0 0 2rem 2rem;text-align:center;}
.sub030201 .step_box > li::before {font-family:remixicon;font-size:2.5rem;content:"\ea6b";color:#41bf78;display:block;position:absolute;top:50%;right:-3rem;transform:translateY(-50%);margin:auto 0;z-index:1;}
.sub030201 .step_box > li:last-child::before {display:none;}
.sub030201 .step_box > li .item {display:flex;flex-direction:column;align-items:center;}
.sub030201 .step_box > li .item img {max-width:100%;}
.sub030201 .step_box > li .item em {margin-top:1rem;color:#000;font-weight:600;font-size:1.8rem;}
.sub030201 .table_box .tableB {position:relative;}
.sub030201 .table_box .tableB::after {position:absolute;top:0;left:13%;width:21.75%;height:100%;content:"";outline:5px solid #1b5936;border-radius:.3rem;}
.sub030201 .table_box .tableB thead td {padding:1.5rem 1rem;border-left:1px solid #ddd;}
.sub030201 .table_box .tableB thead td img {max-width:100%;}
.sub030201 .table_box .tableB tbody tr.cell_tit th, .sub030201 .table_box .tableB tbody tr.cell_tit td {background:#2e8c57;color:#fff;}
.sub030201 .table_box .tableB tbody td em {color:#000;font-weight:600;}
.sub030201 .table_box .tableB tbody tr.cell_tit td em {color:#fff;}
.sub030201 .overflow_box .iconlr {display:none;}
	@media only screen and (max-width:1023px){
		.sub030201 .overflow_box .iconlr {display:flex;gap:1rem;margin-bottom:1rem;line-height:3rem;text-align:center;font-size:1.6rem;color:#41bf78;}
		.sub030201 .overflow_box .iconlr i {font-weight:normal;font-size:2.4rem;}
		.sub030201 .overflow_box .table_box {width:100%;overflow-y:hidden;overflow-x:auto;}
		.sub030201 .overflow_box .table_box .tableB {min-width:1100px;}
		.sub030201 .overflow_box .table_box .tableB::after {top:1%;height:98%;}
	}
	@media only screen and (max-width:767px){
		.sub030201 .step_box {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:475px){
		.sub030201 .step_box {grid-template-columns:repeat(1,1fr);}
	}

/* 030202_블랙파우더 내 유가 금속 추출기술 */
.sub030202 .grid_box {display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.sub030202 .b_box .list_box > li {flex:1 1 0;padding:2rem;align-content:center;}
.sub030202 .b_box .list_box > li .txt .tit {text-wrap:balance;}
.sub030202 .b_box .list_box > li .txt .black_ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem;}
.sub030202 .b_box .list_box > li .txt .black_ul li {display:flex;flex-wrap:wrap;margin:0.5rem 0;align-items:center;justify-content:center;width:49%;}
.sub030202 .b_box .list_box > li .txt .black_ul li span {width:80px;font-weight:600;color:#fff;background:#41bf78;border-radius:30px;padding:5px;}
.sub030202 .b_box .list_box > li .txt .black_ul li p {margin-left:1rem;}
.sub030202 .line_box ul {height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;gap:1rem;}
.sub030202 .line_box ul li {text-align:center;border:3px solid #41bf78;border-radius:2rem;padding:3rem 2rem;color:#41bf78;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;}
.sub030202 .b_box .list_box {margin-top:2rem;}
.sub030202 .comparison li p {text-wrap:balance;line-height:1.7;}
.sub030202 .process_box .process {margin-bottom:2rem;}
.sub030202 .process_box .process, .sub030202 .process_box .process_wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:15rem;}
.sub030202 .process_box .process li {display:flex;justify-content:center;align-items:center;height:5rem;border-radius:5rem;border:2px solid #41bf78;font-weight:600;font-size:1.8rem;color:#41bf78;position:relative;}
.sub030202 .process_box .process li:not(:last-child)::before {font-family:remixicon;font-size:2.4rem;color:#41bf78;content:"\ea6c";display:block;position:absolute;top:50%;right:-8.5rem;transform:translateY(-50%);}
.sub030202 .process_box .process_wrap li {width:100%;border-radius:5rem;display:flex;justify-content:center;align-items:center;text-align:center;}
.sub030202 .process_box .process_wrap ul {display:flex;flex-direction:column;gap:1rem;}
.sub030202 .process_box .process_wrap ul li {background:#e8f0eb;padding:2rem 1rem;}
.sub030202 .process_box .process_wrap ul:nth-child(odd) li {background-color:#41bf78;color:#fff;}
.sub030202 .process_box .process_wrap ul.pr2 li {color:#2e8c57;position:relative;}
.sub030202 .process_box .process_wrap ul.pr2 li:not(:last-child)::before {font-family:remixicon;font-size:3rem;color:#41bf78;content:"\ea49";display:block;position:absolute;bottom:-2.3rem;left:50%;transform:translateX(-50%);z-index:1;}
.sub030202 .effect {border:3px solid #eee;border-radius:2rem;padding:5rem 3rem;position:relative;}
.sub030202 .effect em {background:#41bf78;color:#fff;padding:1rem 3rem;border-radius:3rem;font-weight:600;font-size:2.4rem;margin:0 auto;position:absolute;left:50%;top:-2.4rem;transform:translateX(-50%);white-space:nowrap;}
.sub030202 .effect .flex_box {display:flex;align-items:center;gap:2rem;}
.sub030202 .effect .flex_box .box_img {width:50%;}
	@media only screen and (max-width:767px){
		.sub030202 .b_box .list_box > li .icon {min-height:auto;}
		.line_box ul li {padding:3rem 1rem;font-size:1.6rem;}
		.sub030202 .process_box .process, .sub030202 .process_box .process_wrap {gap:5rem;}
		.sub030202 .process_box .process li:not(:last-child)::before {right:-4rem;}
		.sub030202 .effect em {font-size:2rem;padding:1rem 2rem;}
		.sub030202 .effect .flex_box {flex-direction:column;gap:4rem;}
		.sub030202 .effect .flex_box .box_img {width:100%;}
	}

/* 030301_암모니아 스트리핑 */
.sub030301 .box_img {border:3px solid #eee;border-radius:2rem;padding:3rem;margin-top:2rem;}
.comparison {display:flex;width:100%;align-items:center;text-align:center;text-wrap:balance;}
.comparison li.past {width:45%;background:#e8f0eb;color:#666;padding:5rem 3rem;}
.comparison li.past h5 {font-size:2.5rem;}
.comparison li.past p {font-size:1.6rem;margin-top:1rem;}
.comparison li.present {width:55%;background:#fff;color:#2e8c57;border:10px solid #2e8c57;padding:6rem;}
.comparison li.present h5 {font-size:3rem;}
.comparison li.present p {font-size:1.8rem;margin-top:1.5rem;}
.comparison li.present p em {text-decoration:underline;}
.comparison li div {margin-top:4rem;}
.comparison li div img {width:100%;}
	@media only screen and (max-width:1199px){
		.comparison li.present {padding:8rem 6rem;}
		.comparison li.past {padding:6rem 6rem;}
	}
	@media only screen and (max-width:1023px){
		.comparison li.present {padding:6rem 3rem;}
		.comparison li.past {padding:4rem 3rem;}
		.comparison li h5 {font-size:2.7rem;}
	}
	@media only screen and (max-width:767px){
		.comparison {flex-wrap:wrap;}
		.comparison li {width:100%;}
		.comparison li.present {padding:4rem 2rem;}
		.comparison li.past {padding:4rem 2rem;margin:0 auto;}
	}

/* 030302_선택적 리튬 농축 */
.sub030302 .b_box .main {border:3px solid #41bf78;}
.sub030302 .b_box .main img {max-width:100%;}
.sub0201 .b_box .green_box strong {width:70%;line-height:1.7;}


/******************************/
/* 05_SUPPORT */
/******************************/
/* 050301_문의하기 */
.form {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5rem 0;}
.form li {position:relative;width:100%;}
.form li.wh100p {width:100%;}
.form li .flex {justify-content:space-between;}
.form li label {display:block;}
.form li h3 {margin-bottom:1.6rem;color:#222;font-size:1.6rem;font-weight:600;line-height:1;}
.form li:last-child h3 {font-size:1.8rem;}
.form li h4 {margin-bottom:1rem;color:#222;font-size:1.6rem;font-weight:700;line-height:1;}
.form li input {display:flex;width:100%;height:5.5rem;padding:2.1rem 0 2.1rem 2rem;border-radius:1.4rem;background:#fff;border:1px solid #ddd;font-size:1.8rem;font-weight:400;line-height:100%;box-sizing:border-box;color:#000;}
.form li label textarea {display:flex;width:100% !important;max-width:100%;height:22rem;padding:2rem;justify-content:center;align-items:center;border-radius:1.4rem;background:#F6F6F6;font-size:1.8rem;font-style:normal;font-weight:400;line-height:1.6;border:1px solid #F6F6F6;box-sizing:border-box;}
.form li label textarea::-webkit-scrollbar {width:2rem;}
.form li label textarea::-webkit-scrollbar-thumb {background-clip:padding-box;border:8px solid transparent;background-color:#222;}
.form li label textarea::-webkit-scrollbar-track {background:transparent;}
.form li .tel_box, .form li .email_box {display:flex;align-items:center;gap:.5rem;}
.form .file_box {background:#F6F6F6;border-radius:1.4rem;padding:1rem;}
.form .file_box .upload_list a {background:#fff;}
.form .terms {border-radius:1.4rem;background:#F6F6F6;padding:2.1rem 2rem;}
.form .terms * {color:#666;font-size:1.4rem;font-weight:400;line-height:1.6;}
.form .personal {background:#F6F6F6;border-radius:1.4rem;padding:3rem;}
.form li .list2 {font-size:1.6rem;}
.form .check_flex {display:flex;flex-wrap:wrap;width:100%;height:6rem;padding:2.1rem 0 2.1rem 2rem;border-radius:1.4rem;border:1px solid #ddd;}
.form .checks {font-size:1.6rem;}
    @media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.form {gap:3rem 0;}
        .form li {width:100%;}
		.form li h3 {margin-bottom:1rem;}
		
		.icon_box {margin-bottom:20px;}
		.icon_box .icon .info_icon img {height:45px;}
		.icon_box .text p {font-size:2rem;}
    }

/******************************/
/* 영문 */
/******************************/
:lang(en) {}

/* 순서도 */
:lang(en) .b_box .main {max-width:35rem;}

/* 020302_Vacuum Evaporation System */
@media only screen and (max-width:424px){
	:lang(en) .sub020302 .tableA {word-break:break-all;}
}

/* 020303_Mechanical Vapor Recompression */
:lang(en) .sub020303 .overflow_box .iconlr {display:none;}
:lang(en) .sub020303 .overflow_box .tableA {word-break:keep-all;overflow-wrap:anywhere;hyphens:auto;}
:lang(en) .sub020303 .overflow_box .tableA::after {left:10%;}
@media only screen and (max-width:1023px){
	:lang(en) .sub020303 .overflow_box .iconlr {display:flex;gap:1rem;margin-bottom:1rem;line-height:3rem;text-align:center;font-size:1.6rem;color:#41bf78;}
	:lang(en) .sub020303 .overflow_box .iconlr i {font-weight:normal;font-size:2.4rem;}
	:lang(en) .sub020303 .overflow_box .table_box {width:100%;overflow-y:hidden;overflow-x:auto;}
	:lang(en) .sub020303 .overflow_box .table_box .tableB {min-width:1100px;}
}
@media only screen and (max-width:475px){
	:lang(en) .sub020303 .apply_box {padding:1rem 0;}
	:lang(en) .sub020303 .apply .area {font-size:1.6rem;width:12.5rem;height:12.5rem;}
}
@media only screen and (max-width:424px){
	:lang(en) .sub020303 .apply .area {font-size:1.4rem;width:10.5rem;height:10.5rem;}
	:lang(en) .sub020303 .tableA colgroup {display:none;}
}

/* 030201_유기성 폐기물 자원화기술 */
@media only screen and (max-width:1199px){
	:lang(en) .sub030201 .table_box .tableB {word-break:keep-all;overflow-wrap:anywhere;hyphens:auto;}
}
@media only screen and (max-width:1023px){
	:lang(en) .sub030201 .table_box .tableB {word-break:keep-all;overflow-wrap:normal;hyphens:manual;}
}

/* 030202_블랙파우더 내 유가 금속 추출기술 */
:lang(en) .sub030202 .grid_box {display:flex;flex-direction:column;}
@media only screen and (max-width:767px){
	:lang(en) .comparison {flex-direction:column;}
	.comparison li.past {width:90%;}
	.comparison li.present {width:100%;}
}

/* 050301_문의하기 */
@media only screen and (max-width:767px){
	:lang(en) .form .check_flex {flex-direction:column;height:auto;gap:2rem;}
}