@charset "utf-8";

/******************************/
/* 공통 */
/******************************/
.skip_snb_menu {display:none;}

#fs_container_wrap {overflow:hidden;}

/* 공통 타이틀 */
.title h4 {font-size:6rem;color:#fff;font-weight:100;}
.title p {font-size:2rem;margin-top:3rem;color:#fff;line-height:1.6;font-weight:300;}
.title p em {font-size:2.4rem;font-weight:600;color:#fff;}
	@media only screen and (max-width:1599px){
		.title {text-wrap:balance;}
		.title br {display:none;}
	}
    @media only screen and (max-width:1399px){
        .title h4 {font-size:5.5rem;}
		.title p {font-size:1.8rem;}
		.title p em {font-size:2rem;}
	}
    @media only screen and (max-width:1199px){
        .title h4 {font-size:5rem;}
        .title p {margin-top:2rem;}
	}
    @media only screen and (max-width:767px){
        .title h4 {font-size:4rem;}
        .title p {margin-top:1.5rem;}
		.title p br {display:none;}
	}

/******************************/
/* 비주얼 영역 */
/******************************/
/* 비주얼 */
.fs_main_visual {height:100vh;position:relative;}
.fs_main_visual .swiper-wrapper {}
.fs_main_visual li {background:no-repeat center/cover;}
.fs_main_visual .main_visual_text {position:absolute;bottom:20rem;left:9rem;}
.fs_main_visual .main_visual_text > span {display:block;text-align:left;color:#fff;}
.fs_main_visual .main_visual_text > span.sta {font-size:5.5rem;line-height:1.5;font-weight:600;width:100%;opacity:0;display:block;transform: translateY(-30px);transition: 2s;}
.fs_main_visual .main_visual_text > p.stb {width:100%;font-size:2.4rem;font-weight:100;color:#fff;margin-top:2rem;opacity:0;transform: translateY(-30px);transition: 2s;transition-delay: 0.5s;}
.fs_main_visual .main_visual_text > p.stb strong {font-weight:600;}

.fs_main_visual .swiper-slide-active .main_visual_text > span.sta {opacity:1;transform: translateY(0);}
.fs_main_visual .swiper-slide-active .main_visual_text > p.stb {opacity:1;transform: translateY(0);}
    /* 컨트롤 */
	.fs_main_visual .mvis_auto {position:absolute;bottom:16rem;left:9rem;z-index:1;}

.visual_scroll {position:absolute;top:0;right:0;height:100vh;width:7rem;background:#2e8c57;z-index:9;}
.visual_scroll div {writing-mode:vertical-rl;transform:rotate(180deg);display:flex;position:absolute;bottom:6rem;left:2.2rem;align-items:center;animation:motion 0.8s ease-in-out 0s infinite alternate;margin-bottom:0;}
.visual_scroll div img {transform:rotate(180deg);}
.visual_scroll div p {color:#f2f2f2;font-size:2.2rem;padding-top:1.5rem;}
    @keyframes motion {
		0% {margin-bottom:0px;}
		100% {margin-bottom:20px;}
	}
	@media only screen and (max-width:1499px){
		.fs_main_visual .main_visual_text > span.sta {width:calc(100% - 10rem);text-wrap:balance;}
		.fs_main_visual .main_visual_text > p.stb {width:calc(100% - 10rem);}
	}
    @media only screen and (max-width:1399px){
		.fs_main_visual .main_visual_text {left:5%;}
		.fs_main_visual .main_visual_text > span.sta {font-size:5rem;}
		.fs_main_visual .main_visual_text > p.stb {font-size:2rem;}
		
		.fs_main_visual .mvis_auto {left:5%;}
		
		.visual_scroll div p {font-size:2rem;}
	}
    @media only screen and (max-width:1023px){
		.fs_main_visual .main_visual_text > span.sta {font-size:4.2rem;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .main_visual_text {padding-right:9rem;}
		.fs_main_visual .main_visual_text > span.sta {font-size:3rem;}
		.fs_main_visual .main_visual_text > p.stb {font-size:1.6rem;}
	}

/* 사업소개 */
.con_box1 {background:url("../../images/fs/main/con01_bg.png") no-repeat center bottom;min-height:78rem;position:relative;}
.con_box1 .con1_list {margin-top:12rem;}
.con_box1 .con1_list li {width:36rem;position:absolute;}
.con_box1 .con1_list li:nth-child(1) {left:9rem;top:40rem;}
.con_box1 .con1_list li:nth-child(2) {left:12%;top:18rem;}
.con_box1 .con1_list li:nth-child(3) {left:0;right:0;margin:0 auto;}
.con_box1 .con1_list li:nth-child(4) {right:12%;top:18rem;}
.con_box1 .con1_list li:nth-child(5) {right:9rem;top:40rem;}
.con_box1 .con1_list li a {width:100%;background:#2e8c57;color:#fff;border-radius:50px;height:8rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.con_box1 .con1_list li a:is(:hover, :active, :focus) {background:#41bf78;}
.con_box1 .con1_list li a div {display:flex;align-items:center;justify-content:center;}
.con_box1 .con1_list li a div p {padding-left:2rem;font-size:2.4rem;font-weight:600;}
.con_box1 .marquee_container {font-size:30rem;color:#f2f2f2;font-weight:600;white-space:nowrap;box-sizing:border-box;display:flex;position:absolute;bottom:0;}
.con_box1 .marquee_text {display:inline-block;padding-left:0;animation:marquee 80s linear infinite;z-index:-1;line-height:0.65;}
	@keyframes marquee {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}
    
    @media only screen and (max-width:1399px){
		.con_box1 .con1_list {margin-top:12rem;}
		.con_box1 .con1_list li {width:35rem;}
		.con_box1 .con1_list li:nth-child(1) {left:5%;top:18rem;}
		.con_box1 .con1_list li:nth-child(2) {left:16%;top:9rem;}
		.con_box1 .con1_list li:nth-child(4) {right:16%;top:9rem;}
		.con_box1 .con1_list li:nth-child(5) {right:5%;top:18rem;}
		.con_box1 .con1_list li a {height:7rem;}
		.con_box1 .con1_list li a div p {font-size:2rem;}
	}
	@media only screen and (max-width:1199px){
		.con_box1 {background-size:500px;}
		.con_box1 .marquee_container {font-size:28rem;}
	}
    @media only screen and (max-width:1023px){
		.con_box1 {background-size:400px;min-height:70rem;}
		.con_box1 .con1_list {margin-top:10rem;}
		.con_box1 .con1_list li {width:27rem;}
		.con_box1 .con1_list li:nth-child(1) {top:16rem;}
		.con_box1 .con1_list li:nth-child(2) {top:8rem;}
		.con_box1 .con1_list li:nth-child(4) {top:8rem;}
		.con_box1 .con1_list li:nth-child(5) {top:16rem;}
		.con_box1 .con1_list li a {height:6.5rem;}
		.con_box1 .con1_list li a div p {font-size:1.8rem;}
	}
	@media only screen and (max-width:767px){
		.con_box1 .con1_list {display:flex;flex-wrap:wrap;width:100%;justify-content:space-around;gap:0.5rem;}
        .con_box1 .con1_list li {position:static;width:auto;flex:1 1 49%;}
		.con_box1 .con1_list li:nth-child(1),
		.con_box1 .con1_list li:nth-child(2),
		.con_box1 .con1_list li:nth-child(3),
		.con_box1 .con1_list li:nth-child(4),
		.con_box1 .con1_list li:nth-child(5) {left:unset;right:unset;top:unset;margin:auto;}
		.con_box1 .con1_list li a {padding:0 2rem;}
		.con_box1 .con1_list li a div img {max-height:3.5rem;max-width:3rem;}
		.con_box1 .con1_list li a div p {font-size:1.6rem;padding-left:1rem;}
		
		.con_box1 .marquee_container {font-size:20rem;}
	}

/* 회사소개 */
.con_box2 {background:url("../../images/fs/main/con02_bg.png") no-repeat right top #37ae77;padding:14rem 0;}
.company_list {display:flex;flex-wrap:wrap;width:100%;gap:3rem 3rem;}
.company_list li {height:32rem;border-radius:2rem;position:relative;overflow:hidden;}
.company_list li:nth-child(1) {width:calc(50% - 2rem);}
.company_list li:nth-child(2) {width:calc(25% - 2rem);background:url("../../images/fs/main/con02_img1.png") no-repeat center center;background-size:cover;}
.company_list li:nth-child(3) {width:calc(25% - 2rem);background:url("../../images/fs/main/con02_img2.png") no-repeat center center;background-size:cover;}
.company_list li:nth-child(4) {width:calc(50% - 2rem);background:url("../../images/fs/main/con02_img3.png") no-repeat center center;background-size:cover;}
.company_list li:nth-child(5) {width:calc(25% - 2rem);background:url("../../images/fs/main/con02_logo.png") no-repeat center center;filter:brightness(100);}
.company_list li:nth-child(6) {width:calc(25% - 2rem);background:url("../../images/fs/main/con02_img4.png") no-repeat center center;background-size:cover;}
.company_list li a {position:relative;display:inline-block;width:100%;height:100%;}
.company_list li a:before {content:'';position:absolute;left:0;top:100%;background:rgba(0,0,0,.5);width:100%;height:100%;transition:all .4s;-webkit-transition:all .4s;}
.company_list li a:is(:hover, :active, :focus):before {top:0;}
.company_list li div.cl_title {display:flex;align-items:center;position:absolute;bottom:3rem;left:4rem;}
.company_list li div.cl_title p {font-size:2.8rem;font-weight:600;color:#fff;padding-right:2rem;}
.company_list li div.cl_title img {transition:all .4s;-webkit-transition:all .4s;}
.company_list li a:is(:hover, :active, :focus) div.cl_title img {transform:rotate(45deg);}
    @media only screen and (max-width:1599px){
		.company_list li:nth-child(5) {background-size:contain;}
		.company_list li div.cl_title {left:4rem;bottom:4rem;}
		.company_list li div.cl_title p {font-size:2.5rem;}
	} 
    @media only screen and (max-width:1399px){
		.company_list li {height:26rem;}
        .company_list li div.cl_title {left:3rem;}
		.company_list li div.cl_title p {font-size:2.3rem;}
	}
    @media only screen and (max-width:1199px){
		.company_list li div.cl_title p {font-size:2rem;}
	}
    @media only screen and (max-width:1023px){
		.con_box2 {padding:8rem 0;}
		
		.company_list {gap:2rem;}
		.company_list li:nth-child(1) {width:100%;height:auto;}
		.company_list li:nth-child(2),
		.company_list li:nth-child(3),
		.company_list li:nth-child(4),
		.company_list li:nth-child(6) {width:calc(25% - 1.5rem);}
		.company_list li:nth-child(5) {display:none;}
		
		.company_list li div.cl_title {left:2rem;bottom:2rem;}
		.company_list li div.cl_title p {padding-right:1rem;}
		.company_list li div.cl_title img {width:13px;}
	}
    @media only screen and (max-width:767px){
		.company_list li {height:20rem;}
		.company_list li:nth-child(1) {width:100%;height:auto;}
		.company_list li:nth-child(2),
		.company_list li:nth-child(3),
		.company_list li:nth-child(4),
		.company_list li:nth-child(6) {width:calc(50% - 1rem);}
		.company_list li:nth-child(5) {display:none;}
		
		.company_list li div.cl_title {left:2rem;bottom:2rem;}
		.company_list li div.cl_title p {padding-right:1rem;}
		.company_list li div.cl_title img {width:13px;}
	}

/* 게시판 */
.con_box3 {padding:12rem 0 0 0;}
.con_box3 .title h4 {color:#000;}
.con_box3 .tabs {display: flex;flex-wrap:wrap;gap:4rem;z-index: 1;margin-top:4rem;}
.con_box3 .tabs li {font-size:1.2em;color:#999;}
.con_box3 .tabs li a {display: block;width: 100%;border-radius:50px;line-height:50px;position:relative;text-decoration:none;color:#403f3e;font-weight:400;}
.con_box3 .tabs li:is(:hover, :active, :focus) a {background:#fff;color:#222;font-weight:600;}
.con_box3 .tabs li.active a {font-weight:600;}
.con_box3 .tabs li.active a:before {content:'';position:absolute;left:0;bottom:0;background:#41bf78;width:100%;height:4px;}
.con_box3 .tab_container {margin-top:20px;}
.con_box3 .tab_content {display:none;position:relative;}
.con_box3 .tab_content.active {display:block;}
.con_box3 .tab_content .n_list {display: flex;flex-wrap:wrap;gap:3rem;}
.con_box3 .tab_content .n_list > li {width:calc(25% - 2.3rem);}
.con_box3 .tab_content .n_list > li a {display:flex;flex-direction:column;justify-content:space-between;height: 100%;padding:4rem;text-decoration:none;border:1px solid #f2f2f2;border-radius:15px;overflow:hidden;box-shadow:0px 5px 15px 0px rgba(34, 34, 34, 0.05);}
.con_box3 .tab_content .n_list > li a:is(:hover, :active, :focus) {border:1px solid #2e8c57;}
.con_box3 .tab_content .n_list > li a .bullet {display:inline-block;line-height:2.8rem;color:#fff;font-size:1.5rem;background:#41bf78;border-radius:40px;padding:0 1rem;max-width:8rem;text-align:center;}
.con_box3 .tab_content .n_list > li a .bullet.data {background:#2e8c57;}
.con_box3 .tab_content .n_list > li a .tit {margin-top:15px;color:#222;font-size:2rem;line-height:1.5;font-weight:600;}
.con_box3 .tab_content .n_list > li a .date {display:block;text-align: right;font-size:1.8rem;color:#403f3e;margin-top:7rem;font-weight:100;}
.con_box3 .tab_content .n_list ~ .more_btn {position:absolute;right:80px;top:0;font-size:0;opacity: .5;width:23px;height:23px;}
.con_box3 .tab_content .n_list ~ .more_btn:after {content:'';position:absolute;left:0;top:0;background:url("/images/fs/common/more.png") no-repeat center;width:23px;height:23px;transition: all .3s;-webkit-transition: all .3s;}
.con_box3 .tab_content .n_list ~ .more_btn:is(:hover, :focus, :active):after {transform:rotate(180deg);}
.con_box3 .more {position:absolute;top:-4.5rem;right:0;display:flex;align-items:center;text-decoration:none;}
.con_box3 .more p {padding-right:2rem;font-size:1.8rem;color:#222;font-weight:600;line-height:1.5;}
.con_box3 .more img {transition: all .3s;-webkit-transition: all .3s;}
.con_box3 .more:is(:hover, :active, :focus) img {transform:rotate(45deg);}
    @media only screen and (max-width:1399px){
		.con_box3 .tab_content .n_list > li a {padding:3rem;}
		.con_box3 .tab_content .n_list > li a .tit {font-size:1.8rem;}
		.con_box3 .tab_content .n_list > li a .date {font-size:1.6rem;margin-top:5rem;}
	}
    @media only screen and (max-width:1199px){
		.con_box3 .tab_content .n_list > li {width:calc(50% - 1.5rem);}
	}
	@media only screen and (max-width:1023px){
		.con_box3 {padding:8rem 0 0 0;}
		.con_box3 .tabs {margin-top:2rem;}
	}
    @media only screen and (max-width:767px){
		.con_box3 .tab_content .n_list {gap:1rem;}
		.con_box3 .tab_content .n_list > li {width:100%;}
		.con_box3 .tab_content .n_list > li a {padding:2rem;}
		.con_box3 .tab_content .n_list > li a .date {margin-top:3rem;}
	}

/* contact */
.con_box3 .contact {background:url("../../images/fs/main/con4_bg.png") no-repeat center/cover;padding:6rem 8rem;border-radius:2rem;margin-top:7rem;text-align:center;}
.con_box3 .contact span {font-size:1.8rem;color:#fff;}
.con_box3 .contact p {font-size:3.2rem;color:#fff;font-weight:600;margin-top:0.5rem;}
.con_box3 .contact .contact_flex {display:flex;gap:2rem;align-items:center;justify-content:stretch;}
.con_box3 .contact .contact_flex span {height:1px;width:100%;background:#FFF;}
.con_box3 .contact .contact_btn {margin:0 auto;height:6rem;padding:0 2.5rem;border:1px solid #fff;display:inline-flex;align-items:center;text-decoration:none;}
.con_box3 .contact .contact_btn p {color:#fff;font-size:1.8rem;padding-right:2rem;}
.con_box3 .contact .contact_btn img {filter: brightness(100);transition: all .3s;-webkit-transition: all .3s;}

.con_box3 .contact .contact_btn:is(:hover, :active, :focus) {background:#41bf78;border:1px solid #41bf78;}
.con_box3 .contact .contact_btn:is(:hover, :active, :focus) img {transform:rotate(45deg);}
    @media only screen and (max-width:767px){
		.con_box3 .contact {background-size:cover;padding:6rem 5%;}
		.con_box3 .contact p {font-size:2.5rem;}
		.con_box3 .contact .contact_flex {margin:1rem 0;}
		.con_box3 .contact .contact_flex img {max-height:4rem;}
	}


/******************************/
/* 영문 */
/******************************/
:lang(en) {}
:lang(en) .company_list li div.cl_title {bottom:4rem;left:4rem;right:4rem;}
:lang(en) .con_box3 .tab_content .n_list > li a .bullet {min-width:12rem;}