@charset "utf-8";

/* 공통탭 */
.tab_box {margin-bottom:4rem;}
.tab_box [class^="tab_menu_box"] {display: flex;flex-wrap: wrap;gap:1.5rem;}
.tab_box [class^="tab_menu_box"] li {width:calc(15% - 1.5rem);flex-grow: 1;}
.tab_box [class^="tab_menu_box"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration: none;border: 1px solid #e5e5e5;border-radius: 10px;transition: .1s;}
.tab_box [class^="tab_menu_box"] li a:after {content: "";position:absolute;right:10px;top:50%;display: block;width: 20px;height:5px;background:#e5e5e5;transform:translateY(-50%);transition: .1s;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {font-size:1.9rem;padding:4px 30px 0 20px;font-weight:700;border: 2px solid #35b193;color:#35b193;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a:after {right:12px;width: 10px;height: 10px;border-radius: 100%;background: #35b193;}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}
@media only screen and (max-width:1023px){
	.tab_box {margin-bottom:30px;}
	.tab_box [class^="tab_menu_box"] {flex-wrap:wrap;margin-right:-1.5rem;}
	.tab_box [class^="tab_menu_box"] li {flex-grow:0;width:calc(33.3% - 1.5rem);}
	.tab_box [class^="tab_menu_box"] li a {padding:2px 35px 0 15px;}
	.tab_box [class^="tab_menu_box"] li a:after {width: 15px;}
	.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {padding:4px 35px 0 15px;}
}
@media only screen and (max-width:767px){
	.tab_box [class^="tab_menu_box"] li a {height:50px;}
}
@media only screen and (max-width:599px){
	.tab_box [class^="tab_menu_box"] li {width:calc(50% - 1.5rem);}
}

.noGallery {padding:4rem 1rem;text-align: center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}


/**********/
/* 회사소개 */
/**********/
/* 회사소개 */
.getting {height:500px;overflow:hidden;position:relative;}
.getting img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.getting_box {display:flex;flex-wrap:wrap;width:100%;}
.getting_box .getting_left {width:50%;position:relative;}
.getting_box .getting_left:before {content:'DAESUNG AGRICULTURAL MACHINERY';position:absolute;left:0;bottom:0;width:100%;height:auto;font-size:7rem;color:#eee;font-weight:800;line-height:0.9;}
.getting_box .getting_left h4 {line-height:1.2;background:#35b193;padding:5rem;color:#fff;font-size:4rem;font-weight:400;top:50%;left:0;transform:translate(0%, -50%);border-radius: 20px;}
.getting_box .getting_left h4 span {display:block;font-size:12rem;font-weight:600;height:6rem;margin-bottom:2rem;}
.getting_box .getting_left h4 em {color:#c1ffe6;}
.getting_box .getting_right {width:50%;padding:6rem 0 0 6rem;}
.getting_box .getting_right p {font-size:1.8rem;color:#000;line-height:3rem;}
.getting_box .getting_right p strong {color:#35b193;}
.getting_box .getting_right p span {color:#35b193;background:#ebf5f1;font-weight:500;}
@media only screen and (max-width:767px){
	.getting {height:300px;}
	.getting img {width: 170%;}
	.getting_box .getting_left {width:100%;}
	.getting_box .getting_left:before {display:none;}
	.getting_box .getting_left h4 {font-size:3rem;padding:4rem 3rem;}
	.getting_box .getting_right {width:100%;padding:0;margin-top:-8rem;}

}

/* 회사개요 */
.vision_img {overflow:hidden;border-radius:2.0rem;text-align: center;}
.vision_img img {max-width:100%;object-fit:cover;object-position:center;}
.vision_tit {text-align:center;margin:6.0rem 0;}
.vision_tit h4 {font-size:4.5rem;font-weight:800;color:#0054a6;margin-bottom:2.5rem;}
.vision_tit p {font-weight:500;font-size:2.5rem;color:#000;font-style:italic;}
.vision_con .overlap_tit::before {position:absolute;top:50%;right:0;transform:translateY(-50%);width:calc(100% - 20.0rem);height:1px;border:1px dashed #ddd;content:"";}
.vision_con .vision_list li {display:flex;justify-content:space-between;align-items:center;gap:4.0rem;padding:6.0rem 7.0rem;border-bottom:1px solid #ddd;}
.vision_con .vision_list li:last-child {padding-bottom:0;border:none;}
.vision_con .vision_list li:nth-child(even) {flex-direction:row-reverse;}
.vision_con .vision_list li .ico_wrap span {display:flex;justify-content:center;align-items:center;width:20.0rem;height:20.0rem;background:#f0f7ff;border-radius:50%;}
.vision_con .vision_list li .con_wrap {width:100%;}
.vision_con .vision_list li .con_wrap .list_tit .number {display:block;font-weight:900;font-size:2.4rem;color:#dde4ef;line-height:1;clip-path:inset(0 0 33.333% 0);}
.vision_con .vision_list li .con_wrap .list_tit .con_tit {display:block;font-weight:900;font-size:2.4rem;color:#000;margin-top:-0.5rem;}
.vision_con .vision_list li .con_wrap .list_con {margin-top:3.5rem;font-size:1.7rem;line-height:1.4;}
@media only screen and (max-width:767px){
	.vision_img {overflow:hidden;border-radius:2.0rem;aspect-ratio:2/1;}
	.vision_img img {height:100%;}
	.vision_con .vision_list li {flex-direction:column;gap:3.0rem;padding:5.0rem;text-align:center;}
	.vision_con .vision_list li:nth-child(even) {flex-direction:column;}
	.vision_con .vision_list li .con_wrap .list_con {margin-top:2.0rem;}
}

.overview_con .overlap_tit {position:relative;padding-left:0;font-size:3rem;}
.overview_con .overlap_tit:before {position:absolute;top:50%;right:0;transform:translateY(-50%);width:calc(100% - 20rem);height:1px;border:1px dashed #ddd;content:"";}
.overview_con .info {display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:6.0rem;}
.overview_con .info li {border:1px solid #ddd;border-radius:2.0rem;padding:4rem 3rem;}
.overview_con .info li dl {margin-top:10.0rem;}
.overview_con .info li dl dt {font-size:1.8rem;font-weight:500;margin-bottom:2.0rem;}
.overview_con .info li dl dd {color:#000;font-size:2.4rem;font-weight:700;line-height: 1.2;}
.customer_con:last-child .overlap_tit::before {width:calc(100% - 32.0rem);}
.customer_con .list_tit {font-weight:600;font-size:2.4rem;color:#000;position:relative;margin-bottom:2.0rem;padding-left:1.8rem;}
.customer_con .list_tit::before {position:absolute;top:0.9rem;left:0;width:1.0rem;height:1.0rem;border-radius:50%;background:#0054a6;content:"";}
.customer_list {display:grid;grid-template-columns:repeat(3, 1fr);gap:5.0rem 2.5rem;text-align:center;}
.customer_list li .logo {display:flex;justify-content:center;align-items:center;height:8.0rem;margin-bottom:1.0rem;border:1px solid #ddd;padding:1.0rem;}
.customer_list li .logo img {max-width:100%;max-height:100%;}
.customer_list li span {display:block;}
.customer_list li span em {color:#000;font-weight:700;}
@media only screen and (max-width:1023px){
	.overview_con .info {grid-template-columns:repeat(3,1fr);}
}
@media only screen and (max-width:767px){
	.overview_con .info {grid-template-columns:repeat(2,1fr);}
	.customer_list {grid-template-columns:repeat(2, 1fr);}
}
@media only screen and (max-width:475px){
	.overview_con .info {grid-template-columns:repeat(1,1fr);}
	.overview_con .info li dl {text-align:right;}
	.customer_list {grid-template-columns:repeat(1, 1fr);}
}

/* 연혁 */
.history_wrp {position:relative;z-index:0;background: url("./../../images/fs/content/sub01/img_his.jpg") no-repeat center / cover #e5e5e5;padding: 10rem 7rem;}
.history_wrp:after {content:"";position: absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background: rgba(0,0,0,0.3);}
.history_wrp .h_list .y-wrp {display:flex;}
.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:10rem;}
.history_wrp .h_list .y-wrp .year-area {flex-shrink:0;padding-right:50px;min-width:43rem;}
.history_wrp .h_list .y-wrp .year-area .year {position:relative;font-size:7rem;color:#fff;font-weight:bold;text-align:right;}
.history_wrp .h_list .y-wrp .month-area {position:relative;flex-grow:1;padding-left:5rem;}
.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 #6892fc;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% - 6rem);background:#ddd;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li {display:flex;padding:3rem;border-radius:10px;background:#f5f5f5;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:1rem;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {font-weight:800;color:#000;min-width:8rem;font-size:2.5rem;}
.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 {line-height:1.3;font-size:1.8rem;font-weight:400;color:#666;text-indent: -15px;padding-left: 15px;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p:before {content:"ㆍ";}
.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 {flex-direction:column;}
	.history_wrp .h_list .y-wrp .year-area .year {text-align: left;}
	.history_wrp .h_list .y-wrp .month-area {width:100%;margin-top:1rem;}
	.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 p {text-indent: -13px;padding-left: 15px;}
}
@media only screen and (max-width:560px){
	.history_wrp {padding: 6rem 4rem;}
	.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {text-indent: -11px;padding-left: 15px;}
}

/* CI소개 */
.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 {}
.ci_box_wrap .grid_box .box {display:flex;flex-direction:column;width: 100%;flex-grow: 1;}
.ci_box_wrap .grid_box .box .h5 {text-align: left;}
.ci_box_wrap .grid_box .box .imgbox {display:flex;align-items:center;justify-content:center;gap:8rem;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 > span {width: 30%;}
.ci_box_wrap .grid_box .box .imgbox > span > span {display:flex;align-items:center;justify-content:center;min-height: 90px;}
.ci_box_wrap .grid_box .box .imgbox > span em {display: inline-block;background: #e14a11;border-radius: 50px;color:#fff;padding:1rem 2rem;}
.ci_box_wrap .grid_box .box .imgbox > span img {max-width: 25rem;}

.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:#E55409;}
.ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#007C36;}
.ci_box_wrap .palette ol.main_color > li:nth-child(3) .color {background:#231815;}
.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;}
@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 .box + .box .h5 {margin-top:2rem;}
	.ci_box_wrap .grid_box .box .imgbox {gap:4rem;}
}
@media only screen and (max-width:767px){
	.ci_box_wrap .grid_box .box .imgbox {flex-wrap: wrap;}
	.ci_box_wrap .grid_box .box .imgbox img {width: 80%;}
	.ci_box_wrap .grid_box .box .imgbox > span {width: 100%;margin-top:5rem;}
	.ci_box_wrap .grid_box .box .imgbox > span:first-child {margin-top:0;}
	.ci_box_wrap .grid_box .box .imgbox > span > span {min-height: auto;}
	.ci_box_wrap .grid_box .box .imgbox > span em {margin-top:2rem;}
	.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;}
}

/* esg경영 */
.title_box {padding:8rem 2rem;position:relative;text-align:center;}
.title_box:before {content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background:#f5f5f5;z-index:-1;}
.title_box .tit {color:#000;font-size:3.2rem;display:block;line-height: 1.4;}
.title_box .tit strong {}
.title_box .stit {margin-top:3rem;line-height:1.6;}
.title_box2 {}
.title_box2 .tit {font-size:2.2rem;font-weight: 300;}
.title_box2 .stit {font-size:4.2rem;margin-top:1rem;font-weight: 700;color:#007C36;}

.esg {position:relative;margin-top:100px;}
.esg .tit2 {display:inline-block;max-width:360px;background:#007C36;font-size:1.8rem;color:#fff;padding:15px 30px 12px;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-22.5px;margin:auto;z-index:1;text-align:center;}
.esg .tit2 em {display:inline-block;margin-left:5px;font-weight:normal;opacity: .6;}
.esg > ul {display:flex;flex-wrap:wrap;gap:30px;}
.esg > ul > li {width:calc((100% - 60px)/3);text-align: center;background:#fff;border-radius:15px;border:1px solid #007C36;padding:80px 30px 30px 30px;}
.esg > ul > li .img_box {height:220px;}
.esg > ul > li .txtbox .tit {font-size:1.6rem;color:#666;margin-top:40px;display:block;height:120px;}
.esg > ul > li .txtbox .tit strong {display:block;font-size:4rem;font-weight:900;line-height:1;color:#007C36;}
.esg > ul > li .txtbox .tit span {font-size:1.3em;color:#007C36;font-weight:600;display:block;line-height:1.2;padding-top:1rem;}
.esg > ul > li .txtbox ul li {border:1px solid #ddd;border-radius:30px;padding:10px 10px;margin:5px 0;font-size:1.6rem;}
@media only screen and (max-width:1023px){
	.title_box {padding:60px 0;}
	.title_box .tit {font-size:1.8em;}
	.title_box .stit br {display: none;}
}
@media only screen and (max-width:767px){
	.title_box .tit {font-size:1.65em;}
}

.line_box {border:1px solid #222;padding:10rem 4rem 6rem 4rem;position:relative;}
.line_box .tit2 {display:inline-block;max-width:360px;background:#222;font-size:1.25em;color:#fff;padding:15px 30px 12px;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-27.5px;margin:auto;z-index:1;text-align:center;}
.line_box ul {display:flex;justify-content:center;gap:3rem;}
.line_box ul li {text-align:center;}
.line_box ul li div {height:600px;border:1px solid #ddd;display:flex;}
.line_box ul li div img {width:100%;}
.line_box ul li p {margin-top:2rem;font-weight:800;}
@media only screen and (max-width:1199px){
	.line_box {padding:8rem 30px 6rem 30px;}
	.line_box ul li div {height:500px;}
}
@media only screen and (max-width:1023px){
	.esg > ul > li {width:100%;padding:60px 30px 30px 30px;}
	.line_box ul li div {height:400px;}
}
@media only screen and (max-width:767px){
	.esg > ul > li .txtbox .tit {height:auto;margin-top:3rem;margin-bottom:2rem;}
	.line_box {padding:8rem 30px 4rem 30px;}
	.line_box ul {display:block;}
	.line_box ul li:last-child {margin-top:4rem;}
	.line_box ul li div {height:auto;width:100%;}
}

/* 오시는길 */
.map_box {position:relative;display:flex;align-items: stretch;height:600px;gap:5rem;}
.map_box .map {width:calc(100% - 700px);}
.map_box .map .root_daum_roughmap_landing {width:100%;}
.map_box .map .root_daum_roughmap .wrap_map {height:600px;}
.map_box .map .root_daum_roughmap .cont {display: none;}
.map_box .map iframe {height:600px;}
.map_box .map_txt {position:relative;height:600px;width:700px;padding:5rem 0;background:url("./../../images/fs/content/sub01/img_map.jpg") no-repeat right bottom;background-size: 30rem auto;}
.map_box .map_txt strong {font-size:4rem;color:#282828;border-bottom:2px solid #35b193;padding-bottom:3rem;display:block;}
.map_box .map_txt .info {margin-top:4rem;}
.map_box .map_txt .info li {display:flex;flex-wrap:wrap;width:100%;align-items:center;margin:3rem 0;}
.map_box .map_txt .info li div {width:60px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,0.2);}
.map_box .map_txt .info li span {width:calc(100% - 60px);line-height:1.5;}
@media only screen and (max-width:1729px){
	.map_box .map {width:50%;}
	.map_box .map_txt {width:50%;}
}
@media only screen and (max-width:1199px){
	.map_box .map_txt {background-size:250px;}
	.map_box .map_txt strong {font-size:3.5rem;}
}
@media only screen and (max-width:1023px){
	.map_box {flex-wrap:wrap;height:auto;}
	.map_box2 {flex-direction: column-reverse;}
	.map_box .map iframe {height:400px;}
	.map_box .map {width:100%;}
	.map_box .map .root_daum_roughmap .wrap_map {height:400px;}
	.map_box .map_txt {width:100%;padding:40px 0 0 0;height:auto;background-size:200px;}
}
@media only screen and (max-width:767px){
	.map_box {gap:2rem;}
	.map_box .map .root_daum_roughmap .wrap_map {height:300px;}
	.map_box .map_txt {background:none;}
	.map_box .map iframe {height:300px;}
	.map_box .map_txt strong {font-size:2.5rem;}
	.map_box .map_txt {background-size:150px;}

}


/**********/
/* 기술개발 */
/**********/
/* 기술경쟁력 */
.competitiveness_box {display: flex;flex-direction:column;gap:2rem;}
.competitiveness_box .box {flex-grow:1;position:relative;z-index:0;width:100%;padding:10rem 2rem;border-radius:20px;background: url("./../../images/fs/content/sub03/img_comp01.jpg") no-repeat center center / cover;color:#fff;text-align: center;}
.competitiveness_box .box:after {content: "";position: absolute;left:0;top:0;z-index:-1;width: 100%;height: 100%;background: rgba(0,0,0,0.5);border-radius:20px;}
.competitiveness_box .box span {font-size:4rem;font-weight:700;line-height:1.2;display: inline-block;color:#fff;margin-bottom: 3.5rem;position: relative;padding-left:20px;}
.competitiveness_box .box span:before {content: "";position: absolute;left:0;top:2.6rem;width: 4px;height: 4px;background: #fff;border-radius: 100%;transform: translateY(-50%);}
.competitiveness_box .box em {font-size:2rem;font-weight:300;display: block;color: #daffee;padding-left:12px;}
.competitiveness_box .box:nth-child(2) {background-image: url("./../../images/fs/content/sub03/img_comp02.jpg");}
.competitiveness_box .box:nth-child(3) {background-image: url("./../../images/fs/content/sub03/img_comp03.jpg");}
.competitiveness_box .box:nth-child(4) {background-image: url("./../../images/fs/content/sub03/img_comp04.jpg");}

/* 연구개발 수행실적 */
.comp_box {background: url("./../../images/fs/content/sub03/img_research01.jpg") no-repeat center center / cover;border-radius: 20px;padding:20rem 3rem;}
.cardSwiper {width: 50rem;}
.cardSwiper .swiper-slide {display: flex;align-items: center;justify-content: center;flex-wrap:wrap;align-content: center;border-radius: 18px;font-size: 2.2rem;font-weight: bold;color: #fff;background: #fff;padding:5rem;}
.cardSwiper .swiper-slide em {display:block;color:#35b193;width:100%;font-size:1.8rem;font-weight: 700;text-align: center;margin-bottom:1rem;}
.cardSwiper .swiper-slide strong {display:block;color:#222;width:100%;font-size:3rem;font-weight: 700;border-bottom:1px solid #ddd;text-align: center;padding-bottom:3rem;margin-bottom:3rem;}
.cardSwiper .swiper-slide ul {width:100%;color:#222;font-size:2rem;font-weight: 400;}
.cardSwiper .swiper-slide ul li {position: relative;padding-left:12px;}
.cardSwiper .swiper-slide ul li:not(:first-child) {margin-top:1rem;}
.cardSwiper .swiper-slide ul li:before {content: "";position: absolute;left:0;top:8px;width: 4px;height: 4px;background: #222;border-radius: 100%;}
.cardSwiper .swiper-button-prev,
.cardSwiper .swiper-button-next {color:#35b193;}
@media only screen and (max-width:1199px){
	.cardSwiper .swiper-slide ul li:before {top:7px;}
}
@media only screen and (max-width:1023px){
	.cardSwiper .swiper-slide ul li:before {top:5px;}
}
@media only screen and (max-width:549px){
	.cardSwiper {width: 80%;}
	.cardSwiper .swiper-button-prev,
	.cardSwiper .swiper-button-next {display: none;}
}

/* R&D수출 */
.rd_box {}
.rd_box .img_box {text-align: center;border:1px solid #ddd;border-radius: 20px;padding:6rem 3rem;}
.rd_box .img_box img {max-width: 100%;}
.rd_box .rd_ul {display: flex;gap:4rem;margin-right:-4rem;margin-top:4rem;}
.rd_box .rd_ul li {padding:2rem;width:calc(20% - 4rem);border-top:1px solid #35b193;border-bottom:1px solid #ddd;}
.rd_box .rd_ul li strong {font-size:2rem;color:#35b193;}
.rd_box .rd_ul li div {display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;}
.rd_box .rd_ul li div span {color:#222;font-size:1.8rem;}
@media only screen and (max-width:1023px){
	.rd_box .rd_ul {flex-wrap: wrap;}
	.rd_box .rd_ul li {width:calc(33.3% - 4rem);}
}
@media only screen and (max-width:549px){
	.rd_box .rd_ul li {width:calc(50% - 4rem);}
}

/* 향후 개발 계획 */
.history {}
.history .his_box {display: flex;gap:6rem;border-bottom:1px solid #ddd;margin-bottom:8rem;padding-bottom:8rem;}
.history .his_box .his_img {flex-shrink:0;width:40%;position:relative;display:flex;justify-content:center;align-items: flex-start;}
.history .his_box .his_img img {width:100%;}
.history .his_box .his_img .year {position:absolute;right:-1rem;top:-2rem;font-weight:700;letter-spacing:-5px;font-size:12rem;color:#fff;}
.history .his_box .item {flex-grow: 1;width:60%;}
.history .his_box .item > ul {font-size:1.8rem;line-height:1.5;color:#222;}
.history .his_box .item > ul > li {margin-bottom:5rem;}
.history .his_box .item > ul > li:last-child {margin-bottom:0;}
.history .his_box .item > ul > li .mon_tit {font-size:2.2rem;font-weight:700;color:#222;min-width:10rem;}
.history .his_box .item > ul > li .mon_list li {position:relative;padding-left:10px;}
.history .his_box .item > ul > li .mon_list li::before {content:"";width:4px;height:4px;background:#35b193;border-radius:50%;position:absolute;top:11px;left:0;}
@media only screen and (max-width:1023px){
	.history .his_box .item > ul > li .mon_list li::before {top:10px;}
}
@media only screen and (max-width:767px){
	.history .his_box {flex-direction: column;}
	.history .his_box .his_img {flex-shrink:0;width:100%;}
	.history .his_box .item {flex-grow: 1;width:100%;}
	.history .his_box .item > ul > li .mon_list li::before {top:7px;}
}


/**********/
/* 고객지원 */
/**********/
/* FAQ */
.faq_box {}
.faq_box .faq_cont {font-size:1.8rem;}
.faq_box .faq_cont em {display:inline-block;margin:0 40px 0 50px;padding-right:40px;border-right:1px solid #ddd;font-weight: 700;font-size:2.5rem;vertical-align: middle;transform: translateY(-2px);text-decoration: none;}
.faq_box .faq_cont dt {position:relative;z-index:1;margin-top:10px;background:#fff;border:1px solid #ddd;border-radius:20px;color: #222;transition: .3s;}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt a {display:flex;align-items:center;padding:30px 0;font-weight: 700;text-decoration: none;}
.faq_box .faq_cont dt a span {margin:12px 40px 0 auto;transition: .3s;}
.faq_box .faq_cont dt a .etc {position: relative;}
.faq_box .faq_cont dt a .etc:before {content:"";position:absolute;left:-10px;top:-7px;display: block;width: 22px;height: 2px;background:#222;}
.faq_box .faq_cont dt a .etc:after {content:"";position:absolute;left:0;top:-17px;display: block;width: 2px;height: 22px;background:#222;}
.faq_box .faq_cont dt em {color: #106651;}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-30px;padding:70px 50px 50px 0;line-height:1.5;background:#f3f9f4;border:1px solid #ddd;border-radius:20px;color: #555;}
.faq_box .faq_cont dd:after {content: "";display: block;clear: both;}
.faq_box .faq_cont dd em {float:left;color: #222;}
.faq_box .faq_cont dd p {overflow: hidden;}
.faq_box .faq_cont dt.on {background:#106651;border:1px solid #106651;color: #fff;}
.faq_box .faq_cont dt.on a {font-weight: 600;}
.faq_box .faq_cont dt.on a .etc:before {background:#fff;}
.faq_box .faq_cont dt.on a .etc:after {display: none;}
.faq_box .faq_cont dt.on em {color: #fff;}
.faq_box .faq_cont dt.on span {transform: rotate(-180deg);margin-top:-12px;}
.faq_box .faq_cont dt.on span img {filter: hue-rotate(315deg) brightness(10);}
.faq_box .faq_cont dt.noGallery {border-radius: 0;border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#767676;}
@media only screen and (max-width:1399px){
	.faq_box {padding:0;}
}
@media only screen and (max-width:1023px){
	.faq_box .faq_cont em {margin:1px 10px 0 20px;padding-right:10px;}
	.faq_box .faq_cont dt a {padding:20px 0;}
	.faq_box .faq_cont dt a span {margin:10px 30px 0 auto;}
	.faq_box .faq_cont dt a .etc:before {left:-8px;top:-7px;width: 18px;height: 2px;}
	.faq_box .faq_cont dt a .etc:after {left:0;top:-15px;width: 2px;height: 18px;}
	.faq_box .faq_cont dd {padding:50px 40px 30px 0;}
	.faq_box .faq_cont dd em {margin-right:10px;}
}
@media only screen and (max-width:767px){
	.faq_box .faq_cont dt a {line-height: 1.5;padding:15px 0;}
}

/* 견적문의 */
.top_box {position:relative;z-index:0;padding:5rem;border-radius: 20px;background: url("./../../images/fs/content/sub04/top_box.jpg") no-repeat center;color:#fff;line-height: 1.5;}
.top_box:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;display:block;background: rgba(0,0,0,0.4);border-radius: 20px;}
.top_box p {font-size:1.8rem;}
.top_box p em {display:block;margin-bottom:2rem;font-size:3.5rem;font-weight: 600;}
.top_box a {display:inline-block;margin-top:6rem;padding:1rem 2.5rem;background: #6892fc;font-size:2rem;border-radius: 50px;}
.formbox {}
.terms_agreement {margin-top:20px;text-align: center;}
.formbox .announce_privacy_policy {color:#000;border:1px solid var(--border);padding:2rem;max-height:20rem;overflow-y:scroll;}
/*.formbox .announce_privacy_policy * {all:unset;display:block;}*/
.formbox .announce_privacy_policy strong {font-weight: 600;display:inline;}
.formbox .announce_privacy_policy .index_wrap {display:none;}
.formbox .announce_privacy_policy .privacy_box .list1 > li::after {display:none;}
/*.formbox .announce_privacy_policy .privacy_box h4 * {all:unset;display:block;}*/
/*.formbox .announce_privacy_policy .privacy_box h4:before * {all:unset;display:block;}*/
/*.formbox .announce_privacy_policy .privacy_box h4:after * {all:unset;display:block;}*/
.formbox .announce_privacy_policy .privacy_box h4 {margin-top:1rem;font-weight:700;font-size:2rem;color:var(--black);}
/*.formbox .announce_privacy_policy .policy_box {all:unset;display:block;}*/
.formbox .announce_privacy_policy .effective {margin-top:2rem;}

.formbox .announce_privacy_policy .policy_box {font-weight:700;color:var(--black);}
/*.formbox .announce_privacy_policy .list2 > li {padding-left:14px;background:url("./../../images/fs/common/sh_dot1.gif") no-repeat 0 10px;color:#666;}*/
/*.formbox .announce_privacy_policy .list2 > li:not(:last-child) {}*/
/*.formbox .announce_privacy_policy .list2 > li:after {width:5px;height:5px;background:#35b193;border-radius:50%;}*/

.tableA td.file_box {display:flex;}
.tableA td.file_box button {display: block;width:20rem;
	padding: 0 2rem;
	border-radius: 1rem 0 0 1rem;
	line-height: 4.5rem;
	height: 4.5rem;
	font-size: .9em;
	transition: all .4s;
	-webkit-transition: all .4s;cursor: pointer;background:#2aa0ce;color: #fff;}
.tableA td.file_box span {   display:flex;align-items:center; width: calc(100% - 20rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;background:#f6f6f6;padding-left:10px;border-radius:0 1rem 1rem 0;}

@media only screen and (max-width:767px){
	.formbox table.responsive tbody tr td {border-bottom:1px solid #ddd;}
	.formbox table.responsive tbody tr {position: static;}
	.top_box a {margin-top:2rem;}
	.formbox .online_box {padding:4rem;background:color-mix(in srgb,var(--primary) 10%,#fff);}
	.formbox .inquiry_table > li {padding:10px 0;}
	.formbox .inquiry_table > li .flex_box {display:block;}
	.formbox .inquiry_table > li .flex_box > div {width:100%;}
	.formbox .inquiry_table > li .flex_box > div + div {padding-top:20px;}
	.formbox .inquiry_table > li .flex_box .checks {width:auto;display:inline-block;margin-right:10px;}
	.formbox .inquiry_table > li .flex_box .checks:last-child {margin-right:0;}
	.formbox .inquiry_table > li.useremail .flex_box .mail_input {width:100%;}

	.tableA td.file_box button {width:15rem;}
	.tableA td.file_box span {width: calc(100% - 15rem);}
}



/* 게시판 관련 커스텀 */
.product_view .detail_cont table{max-width:1200px; width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; border-top:2px solid #222;font-size:1.7rem;}
.product_view .detail_cont table thead tr th {font-weight:500;padding:10px;border-bottom:1px solid #222;color:#222; background-color:#f9f9f9;}
.product_view .detail_cont table thead tr th:not(:last-child) {border-right:1px solid #ddd;}
.product_view .detail_cont table tbody tr th {text-align:center;}
.product_view .detail_cont table tbody tr td {text-align:center;padding:10px;border-bottom:1px solid #ddd;line-height:1.7;word-break:keep-all;}
.product_view .detail_cont table tbody tr td:not(:last-child) {border-right:1px solid #ddd;}
.product_view .detail_cont table tbody tr td.numeric {text-align:right;}

.product_view .detail_cont img{margin-top:50px;}

.product_view .detail_cont a{display:inline-block; position:relative; z-index:0; height:40px; line-height:40px; margin-top:20px; padding:0 30px; background-color:#e14a11; border:none; border-radius:40px; text-align:center; color:#fff; font-size:2rem !important; text-decoration:none; cursor:pointer; transition:.2s;}
.product_view .detail_cont a:hover{opacity:0.6;}
.product_view .detail_cont a u,
.product_view .detail_cont a span{text-decoration:none; font-size:2rem !important;}
@media only screen and (max-width:767px){
	.product_view .detail_cont a{height:30px; line-height:30px;}
    .product_view .detail_cont a span{}
}


.table_scroll{max-width:1200px; margin:0 auto; width:100%; overflow-x:auto;}
.table_scroll table{min-width:1000px;}