@charset "utf-8";

/******************/
/* 공통 */
/******************/
/* 탭 */
.tap_box {margin-bottom:5rem;border-bottom:1px solid #ddd;}
.tap_box .tap_btn {display:flex;gap:1rem;}
.tap_box .tap_btn li {flex-grow:1;text-align:center;}
.tap_box .tap_btn li a {position:relative;display:block;padding:2rem 1rem;font-weight:600;font-size:2.2rem;margin-bottom:-1px;text-decoration: none;transition: 0.4s;}
.tap_box .tap_btn li a span {display: flex;justify-content: center;align-items:center;height: 40px;}
.tap_box .tap_btn li a span img {max-width: 7rem;max-height: 40px;}
.tap_box .tap_btn li a:after {content:"";position:absolute;left:0;bottom:0;z-index:1;width:0;height:3px;background: #ed7d31;border-radius: 5rem;transition: 0.4s;}
.tap_box .tap_btn li.on a, .tap_box .tap_btn li a:is(:hover,:focus,:active) {color:#ed7d31;border-color:#ed7d31;}
.tap_box .tap_btn li.on a:after {width:100%;}
.tap_box .tap_btn li a:is(:hover,:focus,:active):after {width:100%;}
.tap_box .tap_btn2 {display:flex;gap:1rem;}
.tap_box .tap_btn2 li a {position:relative;display:block;padding:2rem 1rem;font-weight:600;font-size:2.2rem;margin-bottom:-1px;text-decoration: none;transition: 0.4s;}
	@media only screen and (max-width:1023px){
		.tap_box .tap_btn {flex-wrap: wrap;}
		.tap_box .tap_btn li {flex-grow:0;width: calc(25% - 1rem);}
	}
	@media only screen and (max-width:767px){
		.tap_box .tap_btn li {width: calc(33.3% - 1rem);}
	}
	@media only screen and (max-width:499px){
		.tap_box .tap_btn li {width: calc(50% - 1rem);}
	}



/******************/
/* 회사소개 */
/******************/
/* 0101_회사개요 */
.about_box {text-align: center;}
.about_box .img_top {padding:14rem 0 0 0;background:linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url("/images/fs/content/sub01/img0101.jpg") no-repeat center / cover;color:#fff;}
.about_box .img_top strong {font-size:3.8rem;}
.about_box .img_top p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color: #e8e8e8;}
.about_box .img_top span {display:block;margin:4.5rem 0 12.5rem 0;font-size:2.8rem;}
.about_box .img_top span img {display: block;margin: 0 auto 3.5rem auto;animation: spin 8s linear infinite;}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.about_box .img_top ul {position:relative;display:inline-flex;justify-content:center;width:clamp(0px,95%,108rem);height:15rem;background: #ed7d31;padding:3rem 0;border-radius: 2rem 0 2rem 0;}
.about_box .img_top ul:after {content: "";position:absolute;left:0;right:0;bottom:-2.4rem;display:block;margin:0 auto;width: 0;height: 0;border-left: 2.5rem solid transparent;border-right: 2.5rem solid transparent;border-top: 2.4rem solid #ed7d31;}
.about_box .img_top ul li {display:flex;align-items: center;justify-content:center;width:25%;height:100%;font-size:2rem;font-weight: 700;border-right:1px solid #f4a46e;}
.about_box .pbot {margin-top:12rem;line-height:1.6;font-size:1.8rem;color:#4c4c4c;}
.about_box .pbot strong {font-size:3rem;color:#000;}
.about_box .pbot em {font-weight:600;color:#000;}
	@media only screen and (max-width:1199px){
		.about_box .img_top ul:after {bottom:-2.3rem;}
	}
	@media only screen and (max-width:1023px){
		.about_box .img_top {padding:10rem 0 0 0;}
		.about_box .img_top span {margin:3.5rem 0 8.5rem 0;}
		.about_box .img_top ul {height:12rem;padding:2rem 0;}
		.about_box .pbot {margin-top:8rem;}
	}
	@media only screen and (max-width:767px){
		.about_box .img_top {padding:8rem 2rem 0 2rem;}
		.about_box .img_top p br {display: none;}
		.about_box .img_top span {margin:2.5rem 0 6.5rem 0;}
		.about_box .img_top span img {width: 5rem;}
		.about_box .img_top ul {flex-wrap: wrap;height:auto;row-gap:3rem;}
		.about_box .img_top ul li {width:calc(50% - 3rem);}
		.about_box .img_top ul li:nth-child(2n) {border-right:0;}
	}

/* 0102_대표인사말 */
.greetings_wrp .txt_box {display:flex;justify-content:space-between;gap:23%;margin-top:9rem;}
.greetings_wrp .txt_box .left {margin-top:-3rem;width: 45%;}
.greetings_wrp .txt_box .left .tit {padding: 2rem 2.2rem 0 2.2rem;background: url("/images/fs/layout/h4.png") no-repeat left top;font-weight:800;font-size:5.8rem;line-height:1.25;color:#000;}
.greetings_wrp .txt_box .left .tit.ani-01.active i {animation: fadeUp 1s 2.5s both;}
.greetings_wrp .txt_box .left video {width: 100%;margin:4rem 0 0 2rem;}
.greetings_wrp .txt_box .left iframe {width: 100%;margin:4rem 0 0 2rem;aspect-ratio: 1/0.56;}
@keyframes fadeUp {
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
.greetings_wrp .txt_box .con {font-weight:300;font-size:1.8rem;line-height:2;color:#000;}
.greetings_wrp .txt_box .con .sign {font-size:2rem;}
	@media only screen and (max-width:1699px) {
		.greetings_wrp .txt_box {gap:18%;}
	}
	@media only screen and (max-width:1299px) {

	}
	@media only screen and (max-width:1199px) {
		.greetings_wrp .txt_box {padding:0;gap:15%;}
	}
	@media only screen and (max-width:1023px) {
		.greetings_wrp .txt_box .left {width: 100%;}
		.greetings_wrp .txt_box {margin-top:4.5rem;flex-direction:column;gap:3rem;}
		.greetings_wrp .txt_box .left .tit {font-size:6rem;}
		.greetings_wrp .txt_box .left video {margin:4rem 0 0 0;}
		.greetings_wrp .txt_box .left iframe {margin:4rem 0 0 0;}
	}

/* 0104_조직도 */
.organization_wrp {position:relative;text-align: center;}
.organization_wrp:after {content:'';position:absolute;left:0;right:0;margin:auto;top:22rem;width:1px;height:40.5%;background:#e4e4e4;z-index: -1;}
.organization_wrp .txt span {position:relative;display:block;padding-bottom:1.3rem;margin-bottom:1rem;font-size:1.5rem;font-weight: 400;}
.organization_wrp .txt span:after {content:'';position:absolute;left:0;right:0;margin:auto;bottom:0;width:1rem;height:4px;border-radius:3rem;background:#fff;}
.organization_wrp .txt p {font-weight:bold;font-size:2.2rem;color:#222;}
.organization_wrp .line1 .ceo {display:flex;align-items:center;justify-content:center;margin:auto;background:#ed7d31;position:relative;width:20rem;height:auto;aspect-ratio:1/1;color:#fff;}
.organization_wrp .line1 .ceo:before {content:'';position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);background:#ed7d31;opacity: .1;width:120%;height:120%;}
.organization_wrp .line1 .ceo .txt p {font-size:3rem;color:#fff;}
.organization_wrp .line2 {margin-top:10rem;}
.organization_wrp .line2 .txt {position:relative;background:#fff;display:inline-block;width:100%;max-width:40rem;padding:2rem 1rem;box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.05);border:3px solid #9b5207;}
.organization_wrp .line2 .txt:before {content:'';position:absolute;left:0;right:0;margin:auto;bottom:-8px;width:1.3rem;height:1.3rem;border:3px solid #fff;background:#9b5207;border-radius:3rem;}
.organization_wrp .line2 span {padding:0;margin-bottom:1rem;opacity: .8;}
.organization_wrp .line2 span:after {display:none;}
.organization_wrp .line3 > ul {position:relative;display:flex;flex-wrap:wrap;gap:4rem 3rem;justify-content: center;margin-top:20rem;}
.organization_wrp .line3 > ul:after {content:'';position:absolute;left:0;right:0;margin:auto;top:-6rem;width:85%;height:1px;background:#e4e4e4;}
.organization_wrp .line3 > ul > li {position:relative;padding:3rem;width:calc((100% - 15rem)/6);box-shadow: 0 1.5rem 2rem 0 rgba(0, 0, 0, 0.05);background:#fff;border:1px solid #eee;}
.organization_wrp .line3 > ul > li:before {content:'';position:absolute;left:0;right:0;margin:auto;top:-5px;width:1rem;height:1rem;background:#ed7d31;border-radius:3rem;}
.organization_wrp .line3 > ul > li:after {content:'';position:absolute;left:0;right:0;margin:auto;top:-6rem;width:1px;height:6rem;background:#e4e4e4;z-index: -1;}
.organization_wrp .line3 > ul > li .icon svg {width:6rem;color:#ed7d31;}
.organization_wrp .line3 > ul > li .txt span {padding:0;}
	@media only screen and (max-width:1499px){
		.organization_wrp .line3 > ul {gap:6rem 1rem;}
		.organization_wrp .line3 > ul > li {width:calc((100% - 5rem)/6);}
		.organization_wrp .line3 > ul:after {width:84%;}
	}
	@media only screen and (max-width:1023px){
		.organization_wrp:after {height:28%;left:-1px;}
		.organization_wrp .line3 > ul {flex-wrap:wrap;margin-top:15rem;}
		.organization_wrp .line3 > ul:after {width:67.5%;}
		.organization_wrp .line3 > ul > li {width:calc((100% - 2rem)/3);border:1px solid #eee;}
	}
	@media only screen and (max-width:767px){
		.organization_wrp:after {left:0;}
		.organization_wrp .line3 > ul {gap:0;margin-top:10rem;}
		.organization_wrp .line3 > ul:after {display: none;}
		.organization_wrp .line3 > ul > li {width:100%;padding:1rem;display:flex;align-items: center;text-align: left;}
		.organization_wrp .line3 > ul > li:nth-of-type(n+2) {margin-top:-1px;}
		.organization_wrp .line3 > ul > li:before {border:3px solid #fff;width:1.3rem;height:1.3rem;top:-5px;background:#bbb;}
		.organization_wrp .line3 > ul > li:after {display: none;}
		.organization_wrp .line3 > ul > li:first-child:after {display: none;}
		.organization_wrp .line3 > ul > li .icon {padding-right:3rem;}
		.organization_wrp .line3 > ul > li .icon img {max-width:7rem;}
	}

/* 0106_찾아오시는길 */
.location_map {display:flex;border-bottom: 2px solid #ed7d31;margin-top:-3px;gap:4rem;}
.location_map {display:flex;border-bottom: 2px solid #ed7d31;margin-top:-3px;gap:4rem;}
.location_map .location_title {display:flex;flex-direction:column;justify-content:space-between;width:30rem;background:#ed7d31;color:#fff;padding:3rem;}
.location_map .location_title span {}
.location_map .location_title h4 {margin-top:2.5rem;font-size:3.5rem;line-height:1;color:#fff;}
.location_map ul {display:flex;flex-wrap:wrap;align-items: center;flex-grow: 1;gap:2rem;padding:4rem 1rem;}
.location_map ul li {display:flex;align-items:center;gap:1rem;flex-grow:1;width: calc(33.3% - 2rem);word-break: break-all;}
.location_map ul li:nth-child(1) {width: 100%;}
.location_map ul li div {flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#f1f1f1;margin-right:5px;}
.location_map ul li div svg {width: 1.8rem;color:#ed7d31;}
.location_map ul li p {padding-left:4rem;text-indent:-3.8rem;line-height: 1.2;}
.location_map ul li p em {color:#000;font-weight:600;padding-right:1rem;}
.location_map ul li:last-child p {padding-left:5rem;text-indent:-5.1rem;}
	@media only screen and (max-width:1023px){
		.location_map ul li {width:100%;}
	}
	@media only screen and (max-width:767px){
		.location_map .location_title {display:none;}
		.location_map ul li {margin-left:0;}
		.map {height:300px;}
	}

/* 0107_cibi */
.ci_box_wrap {}
.ci_box_wrap .h4tit {text-align: center;font-size:5rem;}
.ci_box_wrap .p {font-size: 1.8rem;color:#333;margin-top:2rem;line-height: 1.5;}
.ci_box_wrap .gray_box {background:#f5f5f5;padding:4.5rem 4rem;font-size:1.8rem;color:#222;line-height:1.5;}

.ci_box_wrap .grid_box {display: flex;gap:1rem;}
.ci_box_wrap .grid_box .box {display:flex;flex-direction:column;width: 50%;flex-grow: 1;}
.ci_box_wrap .grid_box .box .h5 {text-align: left;}
.ci_box_wrap .grid_box .box .imgbox {display:grid;place-items:center;flex-grow:1;border:1px solid #ddd;padding:60px 30px;background:url('./../../images/fs/content/sub01/grid_bg.png');}
.ci_box_wrap .grid_box .box .imgbox img {width: 50%;}

.ci_box_wrap .btn_box {}
.ci_box_wrap .btn_box a {display:inline-grid;place-items:center;width:25rem;font-size:2rem;line-height: normal;height: 6rem;}

.ci_box_wrap .palette ol {display:flex;flex-wrap:wrap;gap:40px;}
.ci_box_wrap .palette ol > li {display:flex;flex-wrap:wrap;width:100%;max-width:calc(30% - 20px);border:1px solid #ddd;}
.ci_box_wrap .palette ol > li .color {display:flex;align-items:flex-end;width:120px;height:auto;aspect-ratio: 1/1;padding:15px;background:#0075C2;}
.ci_box_wrap .palette ol > li .color span {font-weight:bold;color:#fff;}
.ci_box_wrap .palette ol > li .c_txt {padding:20px;display:flex;align-items: center;font-size:.95em;}
.ci_box_wrap .palette ol > li .c_txt ul {display: flex;flex-direction:column;gap:5px;}
.ci_box_wrap .palette ol > li .c_txt ul li strong {display:inline-block;color:#222;width:50px;}
.ci_box_wrap .palette ol.main_color > li:nth-child(1) .color {background:#04552E;}
.ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#1D913B;}
.ci_box_wrap .palette ol.main_color > li:nth-child(3) .color {background:#232222;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(1) .color {background:#231916;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(2) .color {background:#C9C9CA;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(3) .color {background:#B0883D;}

.ci_box_wrap + .ci_box_wrap {border-top:1px solid #ddd;padding-top:10rem;margin-top:10rem;}
.ci_box_wrap + .ci_box_wrap .grid_box .box .imgbox img {width: 50%;max-width: 30rem;}
.ci_box_wrap + .ci_box_wrap .palette ol.main_color > li:nth-child(1) .color {background:#F08300;}
.ci_box_wrap + .ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#231815;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(1) .color {background:#00A0E9;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(2) .color {background:#E4007F;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(3) .color {background:#FFF100;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(1) .color {background:#231916;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(2) .color {background:#C9C9CA;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(3) .color {background:#B0883D;}
	@media only screen and (max-width:1199px){
		.ci_box_wrap .palette ol > li {max-width:calc(50% - 20px);}
	}
	@media only screen and (max-width:1023px){
		.ci_box_wrap .grid_box {flex-wrap: wrap;}
		.ci_box_wrap .grid_box .box {width: 100%;}
		.ci_box_wrap .grid_box .box + .box .h5 {margin-top:2rem;}
	}
	@media only screen and (max-width:767px){
		.ci_box_wrap .grid_box .box .imgbox img {width: 80%;}
		.ci_box_wrap .palette ol > li {max-width:100%;}
		.ci_box_wrap .palette ol > li .color {width:100px;padding:10px;}
		.ci_box_wrap .palette ol > li .c_txt {padding:20px 15px;}

		.ci_box_wrap .bi_wrp .box1 .grid_box {flex-direction: column;align-items: center;}
	}


/******************/
/* 제품구매 */
/******************/
.product_btn {margin-bottom:10rem;display: flex;gap:1rem;justify-content: center;}
.product_btn a {width: 50%;max-width: 15rem;}


/******************/
/* esg */
/******************/
/* 0301_esg */
.img_tit {position:relative;overflow: hidden;min-height: 50rem;padding:8rem 9rem;}
.img_tit img {width: 100%;}
.img_tit .sp {display:block;line-height:1.2;font-size:3rem;color:#fff;}
.img_tit .sp em {display:block;line-height:1;font-size:5rem;font-weight: 700;margin-bottom:2rem;}
.esg_box .img_tit {background: url("/images/fs/content/sub03/esg_bg.png") no-repeat right center / cover;}
.esg_box .top .sec_tit {margin:8rem 0 3rem;}
.esg_box .top .sec_tit b {font-weight:600;font-size:5.6rem;}
.esg_box .top .sec_tit span {font-weight:200;font-size:3rem;color:rgba(237,125,49,.3);display:inline-block;margin-left:1rem;vertical-align:bottom;transform: translateY(-4px);}
.esg_box .top .intro_txt {font-size:1.8rem;color:#767676;line-height:1.5;margin-left:12.5rem;}
.esg_box .top .intro_txt em {font-weight:400;color:#ed7d31;}
.esg_box .bottom {margin-top:11rem;padding-top:10rem;border-top:1px dashed #eee;text-align:center;}
.esg_box .bottom .sub_tit span {display:block;margin-bottom:1rem;color:#ed7d31;}
.esg_box .bottom .sub_tit em {display:block;font-weight:700;font-size:3.6rem;margin-bottom:6.5rem;color:#000;}
.esg_box .circle_list {display:grid;grid-template-columns:repeat(3,1fr);gap:12.0rem;}
.esg_box .circle_list li {display:flex;flex-direction:column;align-items:center;}
.esg_box .circle_list li div {display:flex;justify-content:center;align-items:center;width:16.5rem;height:16.5rem;border-radius:100%;background:#ed7d31;border:3px solid #ed7d31;color:#fff;}
.esg_box .circle_list li:nth-child(2) div {background:#fff;border:3px solid #ed7d31;color:#ed7d31;}
.esg_box .circle_list li div strong {font-size:2.4rem;}
.esg_box .circle_list li div span {font-size:2.0rem;color:rgba(255,255,255,.5);margin:1px 0 0 1px;}
.esg_box .circle_list li:nth-child(2) div span {color:#ed7d31;}
.esg_box .circle_list li p {width:100%;padding-top:5rem;}
.esg_box .circle_list li p em {display:block;position:relative;line-height:6.5rem;background:#fff;border:3px solid #eee;}
.esg_box .circle_list li p em:before {content:"";position:absolute;left:0;top:-5.5rem;right:0;z-index:-1;display:block;width:1px;height:5.5rem;margin:0 auto;border-right:1px dashed #ddd;}
.esg_box .circle_list li p em:after {content:"";position:absolute;left:0;top:-7px;right:0;display:block;width:1.1rem;height:1.1rem;margin:0 auto;background:#ed7d31;border-radius:100%;}
.esg_box .circle_list li p:first-child {padding-top:0;}
.esg_box .circle_list li p:first-child em:before {display: none;}
.esg_box .esg_top {display: flex;position: relative;background: url("/images/fs/content/sub03/esg_bg2.jpg") no-repeat right center / cover;}
.esg_box .esg_top .esg_img {}
.esg_box .esg_top .esg_text {padding:8rem 9rem;}
.esg_box .esg_top .esg_text .ti {line-height:1.1;font-weight: 400;font-size: 3rem;color:#a1785a;}
.esg_box .esg_top .esg_text .ti em {display:block;margin-bottom:2rem;font-weight: 800;font-size: 5rem;color:#452813;}
.esg_box .esg_top .esg_text .ti em span {display:block;color:#70492b;}
.esg_box .esg_top .esg_text .ti span {color:#452813;}
.esg_box .esg_top .esg_text .right_tit {margin-top:4rem;color:#fff;}
.esg_box .esg_top .esg_text .right_tit .sec_tit {display:inline-grid;place-items:center;padding:0 6rem;height:5rem;background:#ed7d31;color: #fff;font-size:2.4rem;transform: skewX(-20deg);}
.esg_box .esg_top .esg_text .right_tit .sec_tit span {display:inline-block;transform: skewX(20deg);}
.esg_box .esg_top .esg_text .right_tit .intro_ul {display:flex;gap:4rem;margin-top:2rem;}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li {width:32rem;}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div {padding:3rem;height:14rem;background: #452813;transform: skewX(-20deg);}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div strong {display:block;margin-bottom:1.5rem;text-align:center;transform: skewX(20deg);font-size:2.3rem;}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div ul {transform: skewX(20deg);}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div ul li {margin-top:0.8rem;text-indent: -2.2rem;padding-left:2.2rem;}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div ul li:first-child {margin-top:0;}
.esg_box .esg_top .esg_text .right_tit .intro_ul > li div ul li svg {width: 1.8rem;vertical-align: middle;}
.esg_box .table_box {}
	@media only screen and (max-width:1299px){
		.esg_box .esg_top .esg_text {padding:6rem 6rem;}
		.esg_box .esg_top .esg_text .right_tit .intro_ul > li {width:calc(33.3% - 4rem);}
	}
	@media only screen and (max-width:1199px){
		.esg_box .img_tit {background-position: 50% top;}
		.esg_box .top .sec_tit {margin:6rem 0 3rem;}
		.esg_box .top .intro_txt {margin-left:0;}
		.esg_box .bottom {margin-top:9rem;padding-top:8rem;}
		.esg_box .circle_list {gap:6rem;}
	}
	@media only screen and (max-width:1023px){
		.img_tit span em {font-size:4rem;}
		.esg_box .top .sec_tit {margin:4rem 0 2rem;}
		.esg_box .bottom {margin-top:7rem;padding-top:6rem;}
	}
	@media only screen and (max-width:767px){
		.img_tit {padding:6rem 7rem;}
		.img_tit span {left:4rem;}
		.esg_box .img_tit {background-position: 55% top;}
		.esg_box .top .sec_tit span {display:none;}
		.esg_box .top .intro_txt {margin-left:0;}
		.esg_box .circle_list {grid-template-columns:repeat(1,1fr);gap:4rem;}
		.esg_box .circle_list li p {padding-top:2rem;}
		.esg_box .circle_list li p em::after {top:-5px;width:7px;height:7px;}
		.esg_box .esg_top {background: none;}
		.esg_box .esg_top .esg_text {width:100%;background: url("/images/fs/content/sub03/esg_bg3.jpg") no-repeat center center / cover;}
		.esg_box .esg_top .esg_text .ti {font-size: 2.5rem;}
		.esg_box .esg_top .esg_text .ti em {font-size: 4rem;}
		.esg_box .esg_top .esg_text .right_tit .intro_ul {flex-direction:column;gap:2rem;}
		.esg_box .esg_top .esg_text .right_tit .intro_ul > li {width:100%;}
		.esg_box .esg_top .esg_text .right_tit .intro_ul > li div {height:auto;}
	}

/* 자원재생 */
.recycling_box {}
.recycling_box .img_tit {background: url("/images/fs/content/sub03/reesg_bg.jpg") no-repeat right center / cover;}
.recycling_box .recycling_bot {display: inline-flex;align-items: center;margin:5rem 0 0 3rem;background: #46b030;padding:3rem;transform: skewX(-20deg);}
.recycling_box .recycling_bot strong {display:grid;place-items:center;height:10rem;padding:0 4rem;margin-right:4rem;line-height:1.2;font-size:2.5rem;font-weight:400;color:#fff;border-right: 1px solid #67ba55;transform: skewX(20deg);}
.recycling_box .recycling_bot img {width: 8rem;margin-right:2rem;transform: skewX(20deg);}
.recycling_box .recycling_bot img:last-child {margin-right:0;}
.recycling_box .intro_txt {font-size:1.8rem;color:#767676;line-height:1.5;margin-top:5rem;text-align: left;text-indent: -2.5rem;padding-left:2.5rem;}
.recycling_box .intro_txt li {}
.recycling_box .intro_txt li svg {width: 2rem;vertical-align: middle;}
.recycling_box .intro_txt li em {font-weight:400;color:#ed7d31;}
.recycling_box .intro_txt li u {color:#000;}
	@media only screen and (max-width:767px){
		.recycling_box .img_tit .sp br {display: none;}
		.recycling_box .recycling_bot {margin:5rem 0 0 0;flex-wrap: wrap;justify-content: center;transform: skewX(0);}
		.recycling_box .recycling_bot strong {width: 100%;border-right:0;border-bottom:1px solid #67ba55;padding:0;margin-right:0;margin-bottom:4rem;transform: skewX(0);}
		.recycling_box .recycling_bot strong br {display: none;}
		.recycling_box .recycling_bot img {transform: skewX(0);}
	}

/* 친환경 제조공정도 */
.green_box {}
.flow_wrap {display:grid;grid-template-rows:repeat(2,1fr);gap:12rem 1rem;}
.flow_wrap .flow {display:flex;position:relative;}
.flow_wrap .flow::after {content:'';position:absolute;right:-6px;top:calc(-6rem - 24px);background:url("../../images/fs/content/sub03/arrow.png") no-repeat;width:15px;height:24px;transform:rotate(90deg);filter: brightness(0) saturate(100%) invert(59%) sepia(67%) saturate(2079%) hue-rotate(341deg) brightness(98%) contrast(90%);}
.flow_wrap .flow:nth-child(odd)::after {right:unset;left:-6px;}
.flow_wrap .flow:nth-child(1)::after {display:none;}
.flow_wrap .flow .flow_list {position:relative;text-align:center;flex:1;}
.flow_wrap .flow .flow_list:last-child::before {content:'';position:absolute;right:0;top:18.5rem;background:#ddd;width:1px;height:calc(100% + 12rem);}
.flow_wrap .flow .flow_list .pro_img img {max-width: 24rem;}
.flow_wrap .flow .flow_list .pro_arrow {position:relative;margin-top:2.5rem;}
.flow_wrap .flow .flow_list .pro_arrow::before {content:'';position:absolute;left:0;top:0;background:#ddd;width:100%;height:1px;z-index:-1;}
.flow_wrap .flow .flow_list .pro_arrow::after {content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#fff;width:19px;height:19px;border-radius:100%;border:5px solid #ed7d31;}
.flow_wrap .flow .flow_list .pro_arrow img {margin:-1.2rem -1rem 0 0;float:right;filter: brightness(0) saturate(100%) invert(59%) sepia(67%) saturate(2079%) hue-rotate(341deg) brightness(98%) contrast(90%);}
.flow_wrap .flow .flow_list:last-child .pro_arrow img {display:none;}
.flow_wrap .flow .flow_list .pro_txt {padding:3rem 2rem 0;}
.flow_wrap .flow .flow_list .pro_txt strong {display:block;font-size:2rem;color:#000;margin-bottom:2rem;}
.flow_wrap .flow .flow_list .pro_txt strong span {display:block;padding:8px 8px;width:5rem;margin:0 auto 1rem auto;border-radius:5px;font-size:1.8rem;background:#ed7d31;color:#fff;}
.flow_wrap .flow:nth-child(even) {flex-direction:row-reverse;position:relative;}
.flow_wrap .flow:nth-child(even) .pro_arrow img {float:left;transform:rotate(180deg);}
.flow_wrap .flow:nth-child(even) .flow_list:last-child::before {left:0;}
.flow_wrap .flow:last-child .flow_list:last-child::before, .flow_wrap .flow:last-child .flow_list:last-child::after {display:none;}
	@media only screen and (max-width:1199px){
		.flow_wrap .flow:nth-child(odd)::after {left:-7px;}
		.flow_wrap .flow .flow_list:last-child::before {top:16.5rem;}
		.flow_wrap .flow .flow_list .pro_img img {width:20rem;}
		.flow_wrap .flow .flow_list .pro_txt strong {margin-bottom:1.5rem;}
		.flow_wrap .flow .flow_list .pro_arrow img {margin:-1.2rem -1rem 0 0;}
	}
	@media only screen and (max-width:1023px){
		.flow_wrap .flow .flow_list .pro_arrow img {margin:-1.3rem -1rem 0 0;}
	}
	@media only screen and (max-width:767px){
		.flow_wrap {gap:8rem 1rem;}
		.flow_wrap .flow {flex-wrap:wrap;gap:8rem 0;}
		.flow_wrap .flow::after {display:none;}
		.flow_wrap .flow .flow_list {flex:auto;width:50%;}
		.flow_wrap .flow .flow_list:last-child::before {display:none;}
		.flow_wrap .flow .flow_list:last-child .pro_arrow img {display:block;}
		.flow_wrap .flow:last-child .flow_list:last-child .pro_arrow img {display:none;}
		.flow_wrap .flow:nth-child(even) {flex-direction:row;}
		.flow_wrap .flow:nth-child(even) .pro_arrow img {float:right;transform:rotate(0deg);}
	}
	@media only screen and (max-width:560px){
		.flow_wrap {gap:6rem 1rem;}
		.flow_wrap .flow {gap:6rem 0;}
		.flow_wrap .flow .flow_list {width:100%;}
	}
.flex-cont {display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem;padding:5rem;background: #f7f8fa;}
.flex-cont .box {width:calc(50% - 4rem);margin-bottom: 2rem;}
.flex-cont .left {}
.flex-cont .left strong {font-size:3.6rem;margin-top:2.5rem;padding-right:10rem;color:#000;font-weight: 700;}
.flex-cont .left strong span {display:inline-block;padding:1rem 1.5rem;margin:0 auto;border-radius:5px;font-weight:700;font-size:1.8rem;background:#ed7d31;color:#fff;vertical-align: middle;}
.flex-cont .right {margin-top:2rem;}
	@media only screen and (max-width:767px){
		.flex-cont {flex-direction:column;}
		.flex-cont .box {width:100%;}
	}
.green_box .img_wrap {display:grid;grid-template-columns:repeat(2,1fr);gap:3.2rem;}
.green_box .img_wrap img {max-width:100%;}
.green_box .list_dl {border-top:2px solid #000;border-bottom:1px solid #ddd;padding:2rem 0;}
.green_box .list_dl dl {}
.green_box .list_dl dl dt {font-weight:600;font-size:2rem;color:#222;}
.green_box .list_dl dl dd {padding:2rem 2rem 0 2rem;}
	@media only screen and (max-width:560px) {
		.green_box .img_wrap {grid-template-columns:repeat(1,1fr);}
	}



/******************/
/* 구매가이드 */
/******************/
/* 구매가이드 */
.guides_box {}
.guides_box .top {display: flex;}
.guides_box .top .left {width: 50%;}
.guides_box .top .left img {width: 100%;}
.guides_box .top .right {width: 50%;padding:8rem 0 8rem 8rem;}
.guides_box .top .right > strong {display: block;margin-bottom:6.5rem;font-size:3rem;color:#000;}
.guides_box .top .right > strong em {color:#ed7d31;}
.guides_box .top .right .ul1 {font-size:1.8rem;}
.guides_box .top .right .ul1 > li {display: flex;gap:4.8rem;align-items:flex-start;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px dashed #ddd;}
.guides_box .top .right .ul1 > li:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;}
.guides_box .top .right .ul1 > li strong {flex-shrink:0;position:relative;display: inline-flex;align-items:center;gap:0.8rem;width:15.5rem;height:2rem;padding:0.5rem 0.8rem;border-right:1px solid #ddd;color:#000;}
.guides_box .top .right .ul1 > li strong:after {content:"";display:block;position: absolute;left:0;top:0;width: 2.1rem;height: 2.1rem;border-radius: 100%;background: #ed7d31;opacity: 0.15;}
.guides_box .top .right .ul1 > li strong svg {width: 2.3rem;color:#000;vertical-align: middle;}
.guides_box .top .right .ul1 > li p {}
.guides_box .top .right .ul1 > li p em {margin-left:1rem;font-size:2.2rem;font-weight: 700;color:#000;}
.guides_box .top .right .ul1 > li p span {display:block;margin-top:1.2rem;color:#ed7d31;}
.guides_box .top .right .ul1 > li .ul2 {}
.guides_box .top .right .ul1 > li .ul2 > li {display:flex;gap:1rem;margin-bottom:1rem;}
.guides_box .top .right .ul1 > li .ul2 > li span {display:inline-block;padding-top:0.3rem;width: 7rem;flex-shrink: 0;}
.guides_box .top .right .ul1 > li .ul2 > li em {font-size:2.2rem;font-weight: 700;color:#000;}
.guides_box .bot {margin-top:4rem;}
.guides_box .bot .ul1 {display: flex;gap:2rem;}
.guides_box .bot .ul1 > li {width: calc(33.3% - 2rem);}
.guides_box .bot .ul1 > li .div {display:flex;flex-direction: column;align-items: flex-start;padding:3.5rem 3rem 3rem 3rem;height:100%;}
.guides_box .bot .ul1 > li .div strong {display:block;margin-bottom:1.8rem;font-size:2.5rem;color:#000;}
.guides_box .bot .ul1 > li .div .center {display:flex;gap:1rem;width:100%;background: #201111;padding:2.5rem 0 2.5rem 3rem;}
.guides_box .bot .ul1 > li .div .center span {color:#fae100;}
.guides_box .bot .ul1 > li .div .center ul {color:#fff;}
.guides_box .bot .ul1 > li .div .center ul li {margin-bottom:1rem;}
.guides_box .bot .ul1 > li .div .center ul li:last-child {margin-bottom:0;}
.guides_box .bot .ul1 > li .div .center a {display: inline-flex;align-items:center;justify-content:center;gap:0.8rem;margin-left:auto;height: 4rem;padding:0 1.7rem 0 1rem;background: #fae100;font-weight:600;font-size:1.6rem;color:#373206;}
.guides_box .bot .ul1 > li .div p {margin-top: 2rem;color:#fae100;}
.guides_box .bot .ul1 > li .div .tel_box {margin-bottom:2rem;font-size:1.8rem;}
.guides_box .bot .ul1 > li .div .tel_box li {line-height: 1.5;}
.guides_box .bot .ul1 > li .div .tel_box li:first-child {margin-top:0;}
.guides_box .bot .ul1 > li .div .tel {margin-top:auto;font-size:4rem;color:#000;font-weight: 700;}
.guides_box .bot .ul1 > li .div .btn_bace {margin-top:auto;}
.guides_box .bot .ul1 > li:first-child .div {background: #3c1e1e;}
.guides_box .bot .ul1 > li:first-child .div strong {color:#fff;}
.guides_box .bot .ul1 > li:nth-child(2) {background:url("/images/fs/content/sub06/icon02.png") no-repeat right 3rem top 3.5rem #f7f8fa;background-size: 6rem auto;}
.guides_box .bot .ul1 > li:nth-child(3) {background:url("/images/fs/content/sub06/img_map18.png") no-repeat right 3rem top 3.5rem #f7f8fa;background-size: 14rem auto;}
	@media only screen and (max-width:1299px) {
		.guides_box .top .right {width: 50%;padding:4rem 0 4rem 4rem;}
		.guides_box .bot .ul1 > li .div .center {flex-direction: column;}
	}
	@media only screen and (max-width:1199px) {
		.guides_box .bot .ul1 > li .div .tel {font-size:3.5rem;}
	}
	@media only screen and (max-width:1023px) {
		.guides_box .top {flex-direction: column-reverse;}
		.guides_box .top .left {width: 100%;}
		.guides_box .top .right {width: 100%;padding:0 0 4rem 0;}
		.guides_box .top .right > strong {margin-bottom:4.5rem;}
		.guides_box .bot {margin-top:2rem;}
		.guides_box .bot .ul1 {flex-direction: column;}
		.guides_box .bot .ul1 > li {width: 100%;}
		.guides_box .bot .ul1 > li:nth-child(2) {background:url("/images/fs/content/sub06/icon02.png") no-repeat right 5rem top 3.5rem #f7f8fa;background-size: 6rem auto;}
	}
	@media only screen and (max-width:767px) {
		.guides_box .top .right .ul1 > li {gap:2rem;}
		.guides_box .top .right .ul1 > li strong {width:11.5rem;}
	}

/* 고객감동 서비스 */
.customer_box {}
.customer_box .top {}
.customer_box .top .img_tit {background: url("/images/fs/content/sub04/guides_bg.jpg") no-repeat center center / cover;}
.customer_box .ilist {display: flex;gap:1.4rem;margin-top:5rem;}
.customer_box .ilist li {display:flex;align-items:center;gap:1.5rem;flex-grow:1;width: calc(25% - 1.4rem);padding:5rem 2rem 5rem 3rem;background: #f7f8fa;}
.customer_box .ilist li div:nth-child(1) {flex-shrink:0;display:grid;place-items:center;width:10.7rem;height:10.7rem;background: #fff;border-radius: 100%;}
.customer_box .ilist li div:nth-child(2) {}
.customer_box .ilist li div img {}
.customer_box .ilist li div strong {font-size:2.5rem;color:#000;}
.customer_box .ilist li div p {margin-top:1.5rem;font-size:1.8rem;line-height:1.4;color:#767676;}
	@media only screen and (max-width:1499px) {
		.customer_box .ilist {flex-wrap: wrap;}
		.customer_box .ilist li {flex-grow:1;width: calc(50% - 1.4rem);}
	}
	@media only screen and (max-width:1023px) {
		.customer_box .ilist li div img {width: 50%;}
	}
	@media only screen and (max-width:767px) {
		.customer_box .ilist li {flex-grow:1;width: 100%;}
	}



/******************/
/* 고객센터 */
/******************/
/* 연혁 */
.history_wrap .history_bg {margin:0 auto;height:55rem;position:relative;z-index:3;overflow:hidden;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0)), url("/images/fs/content/sub01/history_bg.png") no-repeat center center / cover;background-color: #d0e5f0;}
.history_wrap .history_tit {padding:5rem 4rem;background:#ed7d31;color:#fff;width:45rem;height:45rem;position:relative;z-index:4;overflow:hidden;margin:-40rem 0 0 3rem;}
.history_wrap .history_tit h4 {font-size:3.7rem;margin-top:1.5rem;font-weight:700;line-height:1.2;color:#fff;}
.history_wrap .history_tit p b {font-size:1.6rem;font-weight: 500;}
.history_wrap .history_tit::after {content:"SINCE 2001";line-height:0.8;font-size:12.5rem;color:rgba(255,255,255,.1);position:absolute;left:-1rem;bottom:-2rem;font-weight:900;z-index:-1;}
.history_wrap .history_list {padding-top:8rem;}
.history_wrap .history_list div {display:flex;width:100%;flex-wrap:wrap;position:relative;}
.history_wrap .history_list div::after {content:"";width:10px;height:10px;background:#ed7d31;border-radius:50%;position:absolute;left:50%;top:8rem;margin-left:-5px;z-index:2;}
.history_wrap .history_list div::before {content:"";width:1px;height:30rem;background:#ddd;position:absolute;left:50%;top:-22rem;z-index:1;}
.history_wrap .history_list .year {font-size:6rem;color:#000;padding:5rem 8rem;width:50%;text-align:right;}
.history_wrap .history_list ul {padding:5rem 0 6rem;width:50%;position:relative;}
.history_wrap .history_list ul li {padding-left:8rem;margin:2rem 0;font-size:1.8rem;line-height:1.7;text-indent: -1.2rem;}
.history_wrap .history_list ul li:before {content:"";display: inline-block;width: 5px;height: 1px;margin:-3px 0.7rem 0 0;background: #767676;vertical-align: middle;}
	@media only screen and (max-width:1559px){
		.history_wrap .history_bg {background-size:90% auto;background-position: 105% 0;}
	}
	@media only screen and (max-width:1299px){
		.history_wrap .history_bg {background-position: 125% 0;}
	}
	@media only screen and (max-width:1023px){
		.history_wrap .history_bg {height:35rem;}
		.history_wrap .history_bg {background-position: right bottom;}
		.history_wrap .history_tit {width:100%;height:auto;position:relative;z-index:4;overflow:hidden;margin:0;}
		.history_wrap .history_tit h4 br {display:none;}
	}
	@media only screen and (max-width:767px){
		.history_wrap .history_list {padding-top:4rem;}
		.history_wrap .history_bg {height:25rem;}
		.history_wrap .history_tit {padding:3.5rem;}
		.history_wrap .history_list div {flex-direction:row;}
		.history_wrap .history_list div::after {left:0;}
		.history_wrap .history_list div::before {height:40rem;left:0;}
		.history_wrap .history_list .year {padding:4rem 6rem 0;width:100%;text-align:left;}
		.history_wrap .history_list ul {padding:0;width:100%;}
		.history_wrap .history_list ul li {padding-left:6rem;}
	}

/* 프린트 추천 */
.print_wrap {padding:11rem 20rem 10rem 20rem;background:linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/fs/content/sub04/movie_bg.png") no-repeat left -70rem bottom -10rem / cover;background-size:160% auto;text-align: center;color:#fff;}
.print_wrap svg {width: 3.9rem;}
.print_wrap p {margin-top:1.4rem;font-size:3rem;font-weight: 400;line-height: 1.2;letter-spacing: -1.3px;}
.print_wrap p em {font-size:4rem;font-weight: 700;}
.print_wrap .video_box {position:relative;max-width:1320px;width: 100%;margin:4.5rem auto 0 auto;}
.print_wrap .video_box video {max-width:1320px;width: 100%;height: 73rem;}
.print_wrap .video_box iframe {max-width:1320px;width: 100%;aspect-ratio: 1/0.56;}
.print_wrap .video_box .bg1 {position:absolute;left:-5.5rem;top:-5.5rem;}
.print_wrap .video_box .bg2 {position:absolute;right:-5rem;bottom:-2.8rem;}
.print_wrap .btn_box {margin-top:6rem;}
.print_wrap .btn_box a {height: 5rem;line-height: 5rem;}
.print_wrap .btn_box a img {width: 2.4rem;margin-right:0.6rem;vertical-align: middle;}
.print_wrap .btn_box a svg {width: 2.4rem;margin-right:0.6rem;vertical-align: middle;}
	@media only screen and (max-width:1799px){
		.print_wrap .video_box video {height: auto;}
	}
	@media only screen and (max-width:1299px){
		.print_wrap {padding:8rem 15rem 8rem 15rem;background-position:left -50rem bottom -5rem;}
		.print_wrap .video_box .bg1 {width: 12.4rem;}
		.print_wrap .video_box .bg2 {width: 6.4rem;right:-3rem;bottom:-1rem;}
	}
	@media only screen and (max-width:1023px){
		.print_wrap {padding:8rem 10rem 8rem 10rem;}
		.print_wrap .video_box .bg1 {display: none;}
		.print_wrap .video_box .bg2 {display: none;}
	}
	@media only screen and (max-width:767px){
		.print_wrap {padding:8rem 5rem 5rem 5rem;}
		.print_wrap .btn_box {}
		.print_wrap .btn_box a {padding:0 1.5rem;}
	}
	@media only screen and (max-width:519px){
		.print_wrap .btn_box {display: flex;flex-direction: column;gap:4px;}
		.print_wrap .btn_box a {padding:0 1.5rem;}
	}

/* 지역판매점 */
.map_box {display: flex;align-items:center;padding:5rem;background: #f7f8fa;margin-bottom: 5rem;}
.map_box .left {flex-grow:1;width: 50%;text-align: center;transition: 0.4s;}
.map_box .left img {}
.map_box .right {flex-grow:1;width: 50%;transition: 0.4s;}
.map_box .right .box {height:100%;padding:5rem 4rem;background: #fff;border:1px solid #eee;}
.map_box .right .box h4 {}
.map_box .right .box p {margin:1.5rem 0 0 3.3rem;color:#4c4c4c;font-size: 1.8rem;}
.map_box .right .box .btn_box {display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem;padding-left:3.3rem;}
.map_box .right .box .btn_box li {width: calc(25% - 2rem);}
.map_box .right .box .btn_box li a {display:inline-grid;place-items:center;width:100%;height:5rem;padding:0 1rem;transform: skewX(-20deg);background: #ededed;color:#000;transition: 0.4s;}
.map_box .right .box .btn_box li a span {transform: skewX(20deg);}
.map_box .right .box .btn_box li.on a {background: #000;color:#fff;}
.map_box .right .box .btn_box li a:is(:hover,:focus,:active) {color:#fff;}
	@media only screen and (max-width:1499px){
		.map_box {padding:3rem;}
		.map_box .right .box {padding:4rem 3rem;}
		.map_box .left {width: 40%;}
		.map_box .right {width: 60%;}
	}
	@media only screen and (max-width:1199px){
		.map_box .left img {width: 228px;}
		.map_box .right .box .btn_box li {width: calc(33.3% - 2rem);}
	}
	@media only screen and (max-width:767px){
		.map_box .left {display: none;}
		.map_box .right {width: 100%;}
	}
	@media only screen and (max-width:499px){
		.map_box .right .box .btn_box {gap:1rem;}
		.map_box .right .box .btn_box li {width: calc(50% - 1rem);}
	}

/* 폐카트리지 수거문의 */
.procedure_box {margin: 5rem 0;padding:5rem 0;background: #f7f8fa;}
.procedure_box .guide-step {display: flex;gap:3rem;}
.procedure_box .guide-step li {flex-grow:1;width:calc(20% - 3rem);text-align: center;}
.procedure_box .guide-step li:nth-child(n+2) {background:url("/images/fs/content/sub06/arr.png") no-repeat left 0.7rem top 4rem;background-size: 3rem;}
.procedure_box .guide-step li .img {display: grid;place-items: center;height: 9rem;}
.procedure_box .guide-step li .img img {width: 80%;max-width: 6rem;}
.procedure_box .guide-step li .title {display:block;font-size: 2.2rem;margin-top: 1rem;color:#000;}
.procedure_box .guide-step li .desc {margin-top: 1.5rem;font-size: 1.8rem;font-weight: 500;}
.kakao_box {position:fixed;right:0;top:15rem;z-index:4;width:16.5rem;padding:2rem 1rem 1rem 1rem;background: #3c1e1e;text-align: center;}
.kakao_box img {}
.kakao_box strong {display:block;margin:1.3rem 0;line-height:1.3;font-size:2.2rem;color: #fff;}
.kakao_box strong span {display:block;font-size:1.7rem;font-weight: 400;}
.kakao_box a {padding:0 1rem;width:100%;font-weight: 600;color:#373206;transition: 0.4s;}
.kakao_box .btn_bace:is(:hover,:focus,:active) {color: #fff;}
	@media only screen and (max-width:1023px){
		.procedure_box .guide-step {flex-wrap: wrap;}
		.procedure_box .guide-step li {flex-grow:0;width:calc(33.3% - 3rem);}
		.procedure_box .guide-step li:nth-child(4) {background:none;}
	}
	@media only screen and (max-width:767px){
		.procedure_box .guide-step li {flex-grow:0;width:calc(50% - 3rem);}
		.procedure_box .guide-step li:nth-child(3) {background:none;}
		.procedure_box .guide-step li:nth-child(4) {background:url("/images/fs/content/sub06/arr.png") no-repeat left top 4rem;background-size: 3rem;}
		.procedure_box .guide-step li:nth-child(5) {background:none;}
	}



/******************/
/* 게시판 */
/******************/
/* 게시판 상단검색 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:2rem;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color: #000;}
.sch_top .total strong > em {color: #ed7d31;}
.sch_top .total strong > span {font-size:1.6rem;color: #767676;}
.sch_top .total strong > span em {color: #ed7d31;}
/* 검색 */
.sch_top .search_box {}
.sch_top .search_box .inputbox {display: flex;justify-content: center;gap:0.4rem;}
.sch_top .search_box .inputbox select {width:19rem;font-size:1.6rem;border:1px solid #000;color: #000;}
.sch_top .search_box .inputbox input {width:42.7rem;font-size:1.6rem;border:1px solid #000;color: #000;}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color: #000;}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color: #000;}
.sch_top .search_box .inputbox input::-moz-placeholder {color: #000;}
.sch_top .search_box .inputbox button {flex-shrink:0;width: 40px;height: 40px;background: #000;}
.sch_top .search_box .inputbox button img {width:2.4rem;filter: brightness(0) invert(1);}
/* 게시판 영역 */
.board_box {border-top:2px solid #000;border-bottom:1px solid #eee;}
/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4rem;}
.page_number li {margin:0 0.2rem;}
.page_number li a {display:grid;place-items:center;width:3.4rem;height:3.4rem;line-height:1.2;text-align:center;color:#000;transition: 0.4s;}
.page_number li a:is(.on,: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:is(.on,:hover,:focus,:active) {background:#ed7d31;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 {}
		.sch_top .search_box .inputbox select {}
		.sch_top .search_box .inputbox input {}
		.sch_top .search_box .inputbox button {}

		.page_number {margin-top:2rem;}
	}
	@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;}
		.sch_top .search_box .inputbox input {flex-grow:1;}
		.sch_top .search_box .inputbox button {flex-grow:1;}

		.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;}
	}


/* 갤러리게시판(목록) */
.gallery_table {overflow:hidden;position:relative;padding-top:40px;border-top:2px solid #000;}
.gallery_table:after {content:"";position:absolute;left:0;bottom:0;display: block;width: 100%;height: 1px;background: #eee;}
.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;border-bottom:1px solid #eee;}
.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:1px solid #eee;background: #f7f8fa;transition: .3s;}
.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;justify-content: center;line-height:1.2;margin-top:25px;font-size:2rem;font-weight:700;color:#000;text-decoration: none;}
.gallery_table .gallery_ul li a .tit .new {margin-top:2px;}
.gallery_table .gallery_ul li a .day {display: block;margin-top:25px;text-align: right;font-size:1.6rem;color: #767676;}
.gallery_table .gallery_ul li a:is(:hover,:focus,:active) .img {border:1px solid #000;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:1199px){
		.gallery_table .gallery_ul li {width: 33.3%;}
	}
	@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: 50%;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: 100%;padding-left:20px;padding-bottom:20px;}
		.gallery_table .gallery_ul li a .day {margin-top:15px;}
	}


/* 인증현황(목록) */
.ci_gallery_table {overflow:hidden;position:relative;padding-top:40px;border-top:2px solid #000;}
.ci_gallery_table:after {content:"";position:absolute;left:0;bottom:0;display: block;width: 100%;height: 1px;background: #eee;}
.ci_gallery_table .ci_gallery_ul {display: flex;flex-wrap: wrap;row-gap:40px;margin-left:-40px;}
.ci_gallery_table .ci_gallery_ul li {width: 25%;padding-left:40px;padding-bottom:40px;border-bottom:1px solid #eee;}
.ci_gallery_table .ci_gallery_ul li a {display: block;text-decoration: none;cursor: default;}
.ci_gallery_table .ci_gallery_ul li a .img {overflow:hidden;position:relative;display: block;padding-top:130%;border:1px solid #eee;background: #f7f8fa;transition: .3s;}
.ci_gallery_table .ci_gallery_ul li a .img img {position:absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
.ci_gallery_table .ci_gallery_ul li a .tit {display: flex;gap:10px;justify-content: center;line-height:1.2;margin-top:25px;font-size:2rem;font-weight:700;color:#000;text-decoration: none;}
.ci_gallery_table .ci_gallery_ul li a .tit .new {margin-top:2px;}
.ci_gallery_table .ci_gallery_ul li a .day {display: block;margin-top:25px;text-align: right;font-size:1.6rem;color: #767676;}
.ci_gallery_table .ci_gallery_ul li a:is(:hover,:focus,:active) .img {border:1px solid #000;box-shadow: 0 0 25px rgba(0,0,0,0.15);}
.ci_gallery_table .ci_gallery_ul .nocont_li {width: 100%;padding:0 0 0 40px;margin:0;}
.ci_gallery_table .ci_gallery_ul .nocont_li .nocont {padding:40px 15px 80px 15px;text-align: center;}
	@media only screen and (max-width:1199px){
		.ci_gallery_table .ci_gallery_ul li {width: 33.3%;}
	}
	@media only screen and (max-width:1023px){
		.ci_gallery_table {padding-top:20px;}
		.ci_gallery_table .ci_gallery_ul {margin-left:-20px;row-gap:20px;}
		.ci_gallery_table .ci_gallery_ul li {width: 50%;padding-left:20px;padding-bottom:20px;}
		.ci_gallery_table .ci_gallery_ul li a .tit {margin-top:15px;}
		.ci_gallery_table .ci_gallery_ul li a .day {margin-top:15px;}
	}
	@media only screen and (max-width:767px){
		.ci_gallery_table {padding-top:20px;}
		.ci_gallery_table .ci_gallery_ul {margin-left:-20px;row-gap:20px;}
		.ci_gallery_table .ci_gallery_ul li {width: 100%;padding-left:20px;padding-bottom:20px;}
		.ci_gallery_table .ci_gallery_ul li a .day {margin-top:15px;}
	}


/* 제품정보 */
.ct_tab_menu_box {display:flex;height:100%;padding:10rem 0 10rem 10rem;margin-bottom:5rem;background: url("/images/fs/main/tab_bg.jpg") no-repeat right bottom;transition: 0.4s;}
.ct_tab_menu_box li {}
.ct_tab_menu_box li a {display:flex;align-items:center;gap:2rem;line-height:1.2;padding:1rem 0;font-size:3.6rem;font-weight: 600;color:rgba(0,0,0,0.5);text-decoration: none;}
.ct_tab_menu_box li a span {position:relative;z-index:2;display: inline-block;}
.ct_tab_menu_box li a span:after {content:"";position:absolute;left:0;bottom:0;width: 0;height:3px;background: #ed7d31;transition: 0.4s;}
.ct_tab_menu_box li a img {opacity: 0;transition: 0.4s;}
.ct_tab_menu_box li.on a {color:#ed7d31;}
.ct_tab_menu_box li.on a span:after {width: 100%;}
.ct_tab_menu_box li.on a img {opacity: 1;filter: brightness(0) saturate(100%) invert(69%) sepia(40%) saturate(5872%) hue-rotate(343deg) brightness(100%) contrast(87%);transform: rotate(180deg);}
.ct_tab_menu_box li a:is(:hover,:focus,:active) {color:#ed7d31;}
.ct_print_list {display: flex;flex-wrap:wrap;row-gap:4rem;height: 100%;padding:4rem 0;border-top:2px solid #000;border-bottom:1px solid #eee;}
.ct_print_list li {width: 33.3%;border-right: 1px solid #eee;}
.ct_print_list li:nth-child(3n) {border-right: 0;}
.ct_print_list li a {display:flex;flex-direction:column;height:100%;padding:5rem 2.5rem;text-decoration: none;}
.ct_print_list li a .img {text-align: center;background: #f9f9f9;}
.ct_print_list li a .img img {max-width:100%;width: 42rem;transition: 0.4s;}
.ct_print_list li a .sp1 {position:relative;margin-top:2rem;font-size:1.8rem;margin-bottom:2rem;}
.ct_print_list li a .sp1 .st {display:block;font-size:2.4rem;font-weight: 600;color: #000;}
.ct_print_list li a .sp1 em {display:flex;align-items:center;gap:0.7rem;margin-top:1.4rem;font-weight: 500;color:#4c4c4c;}
.ct_print_list li a .sp1 em svg {width: 1.8rem;color:#ed7d31;}
.ct_print_list li a .sp1 .sp2 {display:block;line-height:1.7;margin-top:1rem;font-weight: 300;color:#4c4c4c;word-break: break-all;}
.ct_print_list li a .sp1 .sp3 {font-weight: 600;color:#222;position: absolute;left:12rem;top:3.8rem;border-left:1px solid #ddd;padding-left:1rem;}
.ct_print_list li a .more_w {display:grid;place-items:center;position:relative;z-index:1;width:15.4rem;height:3.5rem;margin-top:auto;background: #000;color:#fff;border-radius: 5rem;}
.ct_print_list li a .more_w:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;background: #ed7d31;opacity:0;border-radius: 5rem;transition: 0.4s;}
.ct_print_list li a:is(:hover,:focus,:active) .img img {transform: scale(1.07,1.07);}
.ct_print_list li a:is(:hover,:focus,:active) .more_w:after {left:-1px;width:102%;opacity:1;}
.ct_print_list .nocont_li {padding:8rem 1rem;width: 100%;/*border-top:1px solid #eee;border-bottom:1px solid #eee;*/text-align: center;font-size:1.8rem;}
	@media only screen and (max-width:1023px){
		.ct_print_list li {width: 50%;}
		.ct_print_list li:nth-child(2n) {border-right: 0;}
		.ct_print_list li:nth-child(3n) {border-right: 1px solid #eee;}
		.ct_print_list li a .sp1 {margin-bottom:2rem;}
		.ct_print_list li a .more_w {width:12.4rem;}
	}
	@media only screen and (max-width:767px){
		.ct_print_list {flex-direction: column;}
		.ct_print_list li {width: 100%;border-right:0;border-bottom:1px solid #eee;}
		.ct_print_list li:nth-child(3n) {border-right: 0;}
		.ct_print_list li:last-child {border-bottom:0;}
	}


/* 공통게시판(목록) */
.board_table {}
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;color:#222;}
.board_table thead th {position:relative;padding:1.5rem 1rem;font-weight:700;border-bottom:1px solid #222;}
.board_table tbody tr {border-top:1px solid #e5e5e5;}
.board_table tbody td {padding:1.5rem 1rem;font-weight: 400;}
.board_table tbody td .ellipsis1 {max-width:90%;}
.board_table tbody td .new {vertical-align: middle;}
.board_table tbody td .new img {width: 1.8rem;}
.board_table tbody td.status {}
.board_table tbody td.status .sp_bace {display: inline-block;width:9rem;padding: 1rem 1.5rem;background: #8f8f8f;text-align: center;color: #fff;border-radius: 5rem;}
.board_table tbody td.status .sp_bace.sp_bace_red {background: #e11212;}
.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 {font-weight: 600;}
.board_table tbody td.tit svg {width: 2rem;vertical-align: middle;margin-top:-3px;}
.board_table tbody td.tit a {line-height: 1.3;text-decoration: none;}
.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.file {color:#000;}
.board_table tbody td.file img {opacity: 0.5;width: 2rem;}
.board_table tbody td.file svg {width: 2rem;}
.board_table tbody td.adm {color:#767676;}
.board_table tbody td.data {color:#767676;}
.board_table tbody td.view {color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
	@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 .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 {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height: auto;}
		.board_table tbody td .new img {margin-top:3px;}
		.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:2.2rem;}
		.board_table tbody td.file {order: 6;display:inline-block;padding:0 6px;margin:3px 0 0 0;border-right:0;}
		.board_table tbody td.file img {width: 18px;}
		.board_table tbody td.adm {order: 4;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #eee;}
		.board_table tbody td.data {order: 3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #eee;}
		.board_table tbody td.view {order: 5;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #eee;}
		.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;}
	}


/* 공통게시판(상세) */
.view_box {border-bottom:1px solid #eee;}
.view_box .top {position:relative;border-bottom:1px solid #eee;text-align: center;padding-top:4.5rem;}
.view_box .top:after {content: "";position:absolute;left:0;right:0;top:0;display: block;width: 100%;height: 2px;margin:0 auto;background: #000;}
.view_box .top .sttit {display:flex;flex-direction:column;padding:1rem 3rem 0 3rem;margin-bottom:4.5rem;line-height:0.7;font-weight:700;font-size:3.3rem;color:#000;}
.view_box .top .etc {padding:2rem 1.5rem;font-weight:400;border-top:1px solid #eee;}
.view_box .top .etc .sp {margin-top:2rem;line-height: 1.5;}
.view_box .top .etc span {display:inline-block;margin-right:1.2rem;padding-right:1.6rem;border-right:1px solid #eee;}
.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:1.2rem;font-weight:500;color: #000;}
.view_box .content_box {padding:5rem 3rem;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .content_box table {border:1px solid #ddd;}
.view_box .content_box table th {border:1px solid #ddd;color:#222;font-weight: 600;}
.view_box .content_box table td {border:1px solid #ddd;}
.view_box .file_box {display:flex;gap:5.5rem;padding:2rem 3rem 1.8rem 3rem;border-top:1px solid #eee;}
.view_box .file_box strong {padding-top:2px;font-weight:600;color:#000;}
.view_box .file_box .file_d {display:flex;align-items:center;gap:7rem;}
.view_box .file_box .file_d a {display:flex;gap:8px;align-items:center;}
.view_box .file_box .file_d a svg {display: inline-block;width: 1.8rem;}
.view_box .file_box .file_d a img {opacity: 0.5;transform: translateY(-2px);}
.view_box .file_box .file_d a .text {display: inline-block;}
.view_box .file_box .file_d a .text span {margin-top:2px;font-size:1.6rem;color:#ed7d31;}
.view_box .file_box .file_d a:is(:hover, :focus, :active) {}
.view_box .public_box {margin:0;border-radius: 0;}
.view_box .btnnp {border-top:1px solid #eee;}
.view_box .btnnp > div {position:relative;display: flex;align-items: center;}
.view_box .btnnp > div:after {content: "";position:absolute;left:0;top:0;display: block;width: 100%;height: 1px;background: #fff;}
.view_box .btnnp > div button {padding:20px 30px;background: #f7f8fa;font-size:1.7rem;font-weight:500;color:#000;}
.view_box .btnnp > div button img {}
.view_box .btnnp > div .pbox {display: flex;align-items: center;padding:0 20px;}
.view_box .btnnp > div .pbox p {}
.view_box .btnnp > .np_item_left {border-bottom:1px solid #eee;}
.view_box .btnnp > .np_item_left img {margin:0.7rem 0 0 3rem;}
.view_box .btnnp > .np_item_right {}
.view_box .btnnp > .np_item_right img {margin:0.7rem 0 0 3rem;}
.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;}
		.view_box .btnnp > div button {padding:15px 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;}
		.view_box .top .etc {padding:15px 15px;}
		.view_box .top .etc span {margin-right:0.2rem;padding-right:0.6rem;}
		.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;}
	}

/* 폼테이블 */
.form_table {width:100%;border-bottom:1px solid #eee;border-top:2px solid #ed7d31;word-break:normal;font-size:1.8rem;}
.form_table thead th {padding:1.5rem 1rem;background:#fff8f3;border-left:1px solid #eee;color:#000;}
.form_table thead th:first-child {border-left:0;}
.form_table tfoot th {padding:1.5rem 1rem;background:#e8e8e2;border-top:1px solid #eee;}
.form_table tfoot td {padding:1.5rem 1rem;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.form_table tbody th {padding:1.5rem 1rem;border-left:1px solid #eee;border-top:1px solid #eee;background:#fff8f3;vertical-align:middle;font-weight:700;color:#000;}
.form_table tbody td {padding:1.5rem 1rem;border-left:1px solid #eee;border-top:1px solid #eee;}
.form_table tbody tr th:first-child,
.form_table tbody tr td:first-child {border-left:0;}
.form_table tbody tr th.bd_none,.form_table tbody tr td.bd_none,
.form_table thead tr th.bd_none,.form_table thead tr td.bd_none {border-left:0;}
.form_table tbody tr th.bd_left,.form_table tbody tr td.bd_left,
.form_table thead tr th.bd_left,.form_table thead tr td.bd_left {border-left:1px solid #cdd2d5;}
	@media only screen and (max-width:1023px){
		.form_table .flex {flex-direction: column;align-items: flex-start;}
		.form_table .flex input {margin-right:0;}
	}
	@media only screen and (max-width:767px){

	}

/* 파일첨부 */
.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:0.4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:0.4s;}
.file_box .upload_list {display:block;width:calc(100% - 115px);padding-left:15px;line-height:40px;height:40px;font-size:.9em;color:#767676;background:#fff;border:1px solid #eee;}
.file_box .upload_list a {display:block;}
.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:#767676;background:none;}
	@media only screen and (max-width:767px){
		/* 파일첨부 */
		.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;}
	}


/******************/
/* 관리자로그인 후 문제사항 서버에서 작업 후 반영부분 */
/******************/
/* 관리자 로그인시 사용자 하단부분(숨김, 삭제) */
.manageButton {margin-top:2rem;}

/* 비밀글 */
.boardAuth {width:50rem;margin:0 auto;padding:3rem;text-align: center;border:1px solid #ddd;}
.boardAuth h3 {font-size:2rem;font-weight: 600;color:#000;}
.boardAuth legend {display: none;}
.boardAuth .input {margin:2rem 0;}
.boardAuth .input .form-control {}
.boardAuth .btn {cursor: pointer;font-size:1.6rem;vertical-align: middle;background: #ed7d31;color:#fff;padding:1rem 3rem;}
.boardAuth .btn.btn-outline-secondary {background: #000;}

/* 댓글 */
.comment {margin:4rem 0 0 0;}
.comment h5 {padding:20px;background:#f7f8fa;border-bottom:1px solid #ddd;border-top:1px solid #000;font-size:2rem;color:#000;font-weight: 600;}
.comment .comm_text_box {padding:2rem;}
.comment .comm_text_box strong {display:inline-block;font-weight:400;color:#444;}
.comment .comm_text_box .comm_em {display:inline-block;margin-left:20px;color:#999;}
.comment .comm_text_box .comm_div {display:table;table-layout:fixed;width:100%;}
.comment .comm_text_box .comm_div textarea {float:left;display:table-cell;width:80%;height:120px;border:1px solid #ddd;}
.comment .comm_text_box .comm_div input {display:table-cell;width:20%;height:120px;background:#ed7d31;border:0;font-size:1.133em;color:#fff;cursor:pointer;transition:0.4s;-webkit-transition:0.4s;}
.comment .comm_text_box .comm_div input:hover,.comment .comm_text_box .comm_div input:focus,.comment .comment .comm_text_box .comm_div input:active {background:#221a16;}
	@media only screen and (max-width:1023px){
		.comment {margin-top:40px;}
	}
	@media only screen and (max-width:767px){
		.comment {margin-top:30px;}
		.comment h5 {padding:10px 20px;}
		.comment .comm_text_box {padding:20px 20px;}
	}
	@media only screen and (max-width:560px){
		.comment .comm_text_box .comm_div textarea {float:none;width:100%;height:80px;}
		.comment .comm_text_box .comm_div input {width:100%;height:auto;padding:10px 0;}
	}

.comment_etc {margin:4rem 0 0 0;}
.comment_etc h5 {padding:20px;background:#fdf4e8;font-size:2rem;font-weight:600;color:#bd5f20;}
.comment_etc .comment_ul {border-top:1px solid #ddd;}
.comment_etc .comment_ul > li {position:relative;border-bottom:1px solid #ddd;}
.comment_etc .comment_ul > li .comm_re_box {padding:4rem 2rem;}
.comment_etc .comment_ul > li .comm_re_box p {font-size:1.6rem;margin-top:2rem;color:#444;}
.comment_etc .comment_ul > li .comm_re_box p textarea {font-size:1.6rem;}
.comment_etc .comment_ul > li .comm_re_box strong {font-size:1.8rem;font-weight: 600;color: #000;}
.comment_etc .comment_ul > li .comm_re_box time {display:inline-block;font-size:1.8rem;color:#767676;}
.comment_etc .comment_ul > li .comm_re_box time:before {content:"";display:inline-block;width:1px;height:11px;margin:0 18px 0 10px;background:#ddd;}
.comment_etc .comment_ul > li .comm_re_box div .btn_line {line-height:28px;height:30px;padding:0 2rem;}
.comment_etc .comment_ul > li .comment {display:none;margin-top:0;padding:40px;background:#f9f9f9;border-top:1px solid #ddd;}
.comment_etc .comment_ul > li .comment.on {display:block;}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.comment_etc h5 {padding:10px 20px;}
		.comment_etc .comment_ul > li .comm_re_box {padding:20px 20px 20px 20px;}
		.comment_etc .comment_ul > li .comment {padding:30px;}
	}