@charset "utf-8";

/* 서브 헤더 */
.fs_head .logo a img {filter:unset;}
#fs_header .fs_top_menu .lnb > li .lnb_title {color:#222;}
.fs_head .mbtn_box .menu_open:after {filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(5%) hue-rotate(275deg) brightness(95%) contrast(100%);}
#fs_header.scroll .logo a img {transition:all 0s;-webkit-transition:all 0s;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4828%) hue-rotate(17deg) brightness(127%) contrast(96%);}
#fs_header.scroll .fs_top_menu .lnb > li .lnb_title {color:#fff;}
#fs_header.scroll .fs_head .mbtn_box .menu_open:after {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4828%) hue-rotate(17deg) brightness(127%) contrast(96%);}
#fs_header.open .fs_top_menu .lnb > li .lnb_title {color:#222;}
#fs_header.open .fs_head .mbtn_box .menu_open:after {filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(5%) hue-rotate(275deg) brightness(95%) contrast(100%);}
#fs_header #laBtn {color:#000;}
#fs_header.scroll #laBtn {color:#fff;}

/* 공통 타이틀 */
.title p {font-size:1.8rem;line-height:1.6;margin-top:2.5rem;}

/* 공통 박스 리스트 */
.list_box {display:flex;flex-wrap:wrap;width:100%;gap:3rem 4rem;}
.list_box li {flex-wrap:wrap;min-height:18rem;flex:1 1 20%;border:1px dashed #000;border-radius:2rem;display:flex;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;font-weight:500;line-height:1.3;transition:all .4s;-webkit-transition:all .4s;}
.list_box li:hover {background:#f1f1f1;}
.list_box li i {flex-shrink:0;width:5.9rem;font-size:3rem;background:#f1f1f1;border-radius:100%;padding:1rem;transition:all .4s;-webkit-transition:all .4s;}
.list_box li:hover i {background:#000;color:#fff;}
.list_box li p {width:100%;margin-top:3rem;}
    @media only screen and (max-width:1199px){
		.list_box {gap:3rem 4rem;}      
		.list_box li {flex:1 1 30%;}
	}
    @media only screen and (max-width:767px){
		.list_box {gap:2rem 0;}
		.list_box li {flex:1 1 100%;}
	}

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

/* 게시판 상단검색 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#666;}
.sch_top .total strong > em {color: #2b1272;font-weight:700;}
.sch_top .total strong > span {font-size:1.6rem;color:#666;}
.sch_top .total strong > span em {color: #2b1272;font-weight:700;}
/* 검색 */
.search_flex > form {display:flex;flex-wrap:wrap;width:100%;justify-content:center;}
.search_flex input,
.search_flex select,
.search_flex button {border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.6rem;line-height:5rem;height:5rem;}
.search_flex button {background:#2b1272;color:#fff;display:flex;align-items:center;justify-content:center;width:6rem;border:0;}
.search_flex button i {font-size:2.5rem;}
    @media only screen and (max-width:767px){
		.search_flex input,
		.search_flex select,
		.search_flex button {line-height:4.5rem;height:4.5rem;}
	}

/* 게시판 영역 */
.board_box {border-top:2px solid#000;border-bottom:1px solid #ddd;}
/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#000;border-radius:100%;text-decoration:none;transition:all .4s;-webkit-transition:all .4s;}
.page_number li a em {}
.page_number li a.on, .page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {background:url("../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {color:#2b1272;border:1px solid #2b1272;font-weight:600;}
.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:1499px){
		.notiwrap {padding: 0;}
	}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox .btn_bace {height: 45px;}
		.sch_top .search_box .inputbox .btn_bace img {width: 20px;}
		.sch_top .search_box .inputbox select {width:100px;}
		.sch_top .search_box .inputbox input {width:327px;}
		.sch_top .search_box .inputbox button {width: 50px;height: 50px;}

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

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

/* 공지사항(목록) */
.board_table {}
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;color:#000;font-size:1.6rem;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;border-bottom:1px solid#000;}
.board_table tbody tr {border-top:1px solid #ddd;}
.board_table tbody tr.noti {position:relative;background: #f1f1f1;}
.board_table tbody tr.noti:after {content:"";display: block;position:absolute;left:0;top:0;width: 100%;height: 1px;background: #fff;}
.board_table tbody td {padding:25px 12px;height: 56px;font-weight: 400;}
.board_table tbody td .ellipsis1 {max-width:90%;line-height:1.2;}
.board_table tbody td.num {font-size:1.6rem;color:#000;}
.board_table tbody td.tit {font-weight: 600;}
.board_table tbody td.tit a .new {background:#36be3a;color:#fff;font-size:1.2rem;padding:0 10px;border-radius:30px;line-height:2rem;display:inline-block;}
.board_table tbody td.tit .reply {display: inline-block;margin-left:14px;}
.board_table tbody td.filedown {}
.board_table tbody td.view {}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:1.5rem;color:#000;}
.board_table tbody td.file img {opacity: 0.5;}
.board_table tbody td.data {font-size:1.5rem;color:#000;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti {}
.board_table tbody tr.noti td {font-weight: 500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:25px;height:25px;margin:0 auto;background:#000;text-align:center;border-radius:50px;font-size:1.4rem;color:#fff;font-weight:600;}
.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#000;}
	}
	@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;}
	}
	@media only screen and (max-width:767px){
		.board_table {text-align:left;}
		.board_table colgroup,
		.board_table thead th {display:none;}
		.board_table tbody tr:first-child {border-top:0;}
		.board_table tbody tr.noti:after  {display: none;}
		.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height: auto;}
		.board_table tbody td.num {order: 1;display:none;}
		.board_table tbody td.tit {order: 2;width:100%;padding:0 6px 8px 6px;font-weight: 600;}
		.board_table tbody td .ellipsis1 {font-size:1.5rem;}
		.board_table tbody td.file {order: 4;display:inline-block;padding:0 6px;border-right:0;}
		.board_table tbody td.file img {width: 18px;margin-top:3px;}
		.board_table tbody td.data {order: 3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #ddd;}
		.board_table tbody tr.noti td {font-weight: 600;}
		.board_table tbody tr.noti td.num {display:block;}
		.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align: left;}
		.board_table tbody tr.noti .num span {display:inline-block;width:25px;line-height: 25px;height: 25px;}
		.board_table tbody tr.noti .num span img {height:50%;vertical-align: middle;}
		.board_table tbody tr td.ta-c {width:100%;}
	}
	@media only screen and (max-width:529px){
		.board_table tbody td .ellipsis1 {max-width:98%;}
		.board_table tbody td.tit .reply {display: block;margin:10px 0 0 0;}
	}


/* 공지사항(상세), 문의하기(상세) */
.view_box{border-top:1px solid #000;color:#000;}
.view_box .tit {min-height:60px;padding:4rem 2rem;border-bottom:1px solid #ddd;font-size:1.7rem;color:#222;background:#f5f6f8;font-weight:500;}
.view_box .tit .cate {color:#2b1272}
.view_box .tit .cate:after {display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ddd}
.view_box .info {height:6rem;padding:0 2rem;border-bottom:1px solid #ddd;font-size:1.4rem;line-height:6rem}
.view_box .info:after {display:block;content:"";visibility:hidden;clear:both}
.view_box .info p {float:left;}
.view_box .info ul {float:right;}
.view_box .info ul li {display:inline-block;margin-left:3rem}
.view_box .info b {font-weight:500;}
.view_box .info b:after {display:inline-block;content:"";width:1px;height:1rem;margin:0 12px;background:#ddd;}
.view_box .view_cont {padding:5rem 2rem;border-bottom:1px solid #ddd}
.view_box .view_cont img {max-width:100%;}
.view_box .file {overflow:hidden;padding:2rem 2rem;border-bottom:1px solid #e1e1e1;font-size:1.4rem;background-color:#f5f6f8}
.view_box .file p {float:left}
.view_box .file ul {float:left}
.view_box .file ul li i {padding:0 2rem;font-size:14px;color:#bbb}
.btn_area {overflow:hidden;position:relative;margin-top:2rem;}
.btn_area ul {overflow:hidden}
.btn_area ul li {float:left}
.btn_area .left {float:left}
.btn_area .left li {margin-right:0.5rem;}
.btn_area .right {float:right}
.btn_area .right li {margin-left:0.5rem;}
	@media only screen and (max-width:767px){
		.view_box .info b:after {margin:0 1rem;}
		.view_box .info ul li {margin-left:2rem;}
	}

/* 문의하기(쓰기) */
.write_table_box {table-layout: fixed;width:100%;font-size:1.4rem;border-top:2px solid #2b1272;}
.write_table_box thead th {padding:10px 15px;border-left:1px solid #e4e4e4;color:#222;background:#f2f4fa;}
.write_table_box tbody th {color:#222;font-weight:normal;font-weight:800;background:#f2f4fa;}
.write_table_box tbody th,
.write_table_box tbody td {padding:10px 15px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;word-break:break-all;}
.write_table_box thead th:first-child,
.write_table_box tbody td:first-child,
.write_table_box tbody th:first-child {border-left:none;}
.write_table_box tbody td input {/*width:100%;*/border:1px solid #ddd;}
.write_table_box tbody td textarea {width:100%;height:285px;border:1px solid #ddd;}
.write_table_box tbody td .etc {margin-top:5px;}
.write_table_box tbody td .etc em {font-weight: 500;}
.write_table_box tbody td .filebox .upload-name {display: inline-block;height: 55px;padding: 0 10px;vertical-align: top;border: 1px solid #ddd;border-radius:0 10px 10px 0;width: 84.9%;color:#000;}
.write_table_box tbody td .filebox label {display: inline-block;padding: 14px 15px;width:15%;height: 55px;margin-right:-4px;text-align:center;border-radius:10px 0 0 10px;color: #fff;vertical-align: top;background-color:#000;cursor: pointer;}
.write_table_box tbody td .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.write_table_box tbody td .fileicon {margin-top:10px;font-size:1.6rem;font-weight:500;color:#000;}
.write_table_box tbody td .fileicon span {margin-right:10px;}
.write_table_box tbody td .fileicon a {display: block;margin-top:15px;}
.write_table_box tbody tr th:first-child,
.write_table_box tbody tr td:first-child {border-left:0;}
.write_table_box tbody tr:first-child th,
.write_table_box tbody tr:first-child td {border-top:1px solid #fff;}
.write_table_box tbody tr th.bd_none,.write_table_box tbody tr td.bd_none,
.write_table_box thead tr th.bd_none,.write_table_box thead tr td.bd_none {border-left:0;}
.write_table_box tbody tr th.bd_left,.write_table_box tbody tr td.bd_left,
.write_table_box thead tr th.bd_left,.write_table_box thead tr td.bd_left {border-left:1px solid #cdd2d5;}
.write_table_box tbody td .list1 li {display:flex;flex-wrap:wrap;}
.write_table_box tbody td .list1 li strong {width:70px;}
.write_table_box tbody td .list1 li p {width:calx(100% - 70px);}
.write_table_box tbody td a {margin:1px 0;min-width:9.5rem;}
	@media only screen and (max-width:1199px){
		.write_table_box tbody td .filebox label {line-height: 1.8;}
	}
	@media only screen and (max-width:1023px){
		.write_table_box tbody td textarea {height:185px;}
		.write_table_box tbody td .filebox .upload-name {height: 45px;}
		.write_table_box tbody td .filebox label {height: 45px;line-height: 1.2;}
		
		.write_table_box.responsive tbody tr {display:flex;flex-wrap:wrap;}
		.write_table_box.responsive tbody tr th {width:100px;padding:0;}
		.write_table_box.responsive tbody tr td {width:100%;}
		.write_table_box.responsive tbody tr td:after {left:-3rem;}
		
		.write_table_box3.responsive tbody tr td {padding:0;width:calc(100% - 100px);height:min-content;}
	}
	@media only screen and (max-width:767px){
		.write_table_box tbody td input {width:100%;}
		.write_table_box tbody td .filebox .upload-name {width: 65%;}
		.write_table_box tbody td .filebox label {width:35%;}
		.write_table_box tbody td .fileicon span {display: block;}
		
		.write_table_box tbody td .list1 li strong {width:100%;}
        .write_table_box tbody td .list1 li p {width:100%;}
	}

/* 갤러리 리스트 */
.gallery_table {overflow:hidden;position:relative;}
.gallery_table .gallery_ul {display: flex;flex-wrap: wrap;gap:6rem 4rem;}
.gallery_table .gallery_ul li {width:calc(33.33% - 2.7rem);}
.gallery_table .gallery_ul li {display: block;text-decoration: none;position:relative;}
.gallery_table .gallery_ul li .img {overflow:hidden;position:relative;display: block;padding-top:65%;background:#f0f5ff;transition: .3s;}
.gallery_table .gallery_ul li .img iframe {position:absolute;left:50%;top:50%;width: 100%;height:100%;transform: translate(-50%,-50%);}
.gallery_table .gallery_ul li .img img {position:absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);padding:2rem;}
.gallery_table .gallery_ul li .img .cnc {width:auto;filter:invert(60%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(150%) contrast(83%);}
.gallery_table .gallery_ul li .tit {display: flex;margin:2rem 0;font-size:1.8rem;font-weight:600;color:#222;text-decoration: none;line-height:1.3;}
.gallery_table .gallery_ul li > div {}
.gallery_table .gallery_ul li .origin {display:inline-flex;font-size:1.5rem;color: #666;line-height:1;}
.gallery_table .gallery_ul li .origin em {padding-right:10px;margin-right:10px;border-right:1px solid #ddd;color:#000;font-weight:600;}
.gallery_table .gallery_ul .nocont_li {width: 100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:20px 15px 60px 15px;text-align: center;}

.gallery_table .gallery_ul li .new_box {position:absolute;top:-10px;left:15px;}
.gallery_table .gallery_ul li .new_box .new {float:left;display:inline-block;height:30px;line-height:30px;margin-right:5px;padding:0 15px;font-size:1.4rem;font-weight:400;color:#fff;border-radius:2px;background:#be242a;border-radius:5px;font-weight:600;}
.gallery_table .gallery_ul li .new_box .best {float:left;display:inline-block;height:30px;line-height:30px;margin-right:5px;padding:0 15px;font-size:1.4rem;font-weight:400;color:#fff;border-radius:2px;background:#28773e;border-radius:5px;font-weight:600;}
.gallery_table .gallery_ul li .res_btn {border:1px solid #9ab0e1;color:#577bcd;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;height:4.5rem;padding:0 3rem;font-weight:500;}
.gallery_table .gallery_ul li .res_btn img {transition:all .4s;-webkit-transition:all .4s;}
.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) {border:1px solid #2b1272;color:#fff;background:#2b1272;padding:0 4rem;}
.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) img {filter: brightness(100);}

	@media only screen and (max-width:1023px){
		.gallery_table .gallery_ul {gap:6rem 3rem;}
		.gallery_table .gallery_ul li {width:calc(33.33% - 2rem);}
		.gallery_table .gallery_ul li .img img {padding:1rem;}
		.gallery_table .gallery_ul li .tit {margin-top:15px;}
        .gallery_table .gallery_ul li .tit span {font-weight:600;}
	}
	@media only screen and (max-width:767px){
		.gallery_table .gallery_ul {gap:4rem 2rem;}
		.gallery_table .gallery_ul li {width:calc(50% - 1rem);}
		.gallery_table .gallery_ul li .tit {margin:1rem 0;font-size:1.5rem;}
		
		.gallery_table .gallery_ul li .res_btn {padding:0 1rem;font-size:1.4rem;}
		.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) {padding:0 1.5rem;}
	}

/* 갤러리 상세페이지 */
.flexbox {display:flex;flex-wrap:wrap;;}
.flexbox .swiper_box {width:600px;position:relative;}
.flexbox .swiper_box .nb {position:absolute;left:20px;top:-15px;z-index:1;}
.flexbox .swiper_box .nb .new {float:left;display:inline-block;height:40px;line-height:40px;margin-right:5px;padding:0 20px;font-size:2rem;font-weight:400;color:#fff;border-radius:2px;background:#be242a;border-radius:5px;font-weight:600;}
.flexbox .swiper_box .nb .best {float:left;display:inline-block;height:40px;line-height:40px;margin-right:5px;padding:0 20px;font-size:2rem;font-weight:400;color:#fff;border-radius:2px;background:#28773e;border-radius:5px;font-weight:600;}
.flexbox .swiper-slide {border-radius:20px;overflow:hidden;display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;border:1px solid #ddd;}
.flexbox .swiper-slide::after {display:block;content:"";padding-bottom:100%;}
.flexbox .swiper-slide img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover;}
.flexbox .thumbs {margin-top:10px;}
.flexbox .thumbs .swiper-wrapper {gap:1.0rem;justify-content:space-between;}
.flexbox .thumbs .swiper-wrapper .swiper-slide {width:100%;aspect-ratio:1/1;text-align:center;flex:1;border:1px solid #ddd;cursor:pointer;}
.flexbox .swiper-button-next:after, 
.flexbox .swiper-button-prev:after {color:rgba(0,0,0,0.8);}
.flexbox .txtbox {width:calc(100% - 600px);line-height:1.5;display:flex;flex-wrap:wrap;align-content:space-between;padding-left:10rem;}
.flexbox .rtxt_box {width:100%;overflow:hidden;}
.flexbox .rtxt_box > h4 {line-height:35px;padding-bottom:30px;margin-bottom:20px;font-size:30px;color:#000;border-bottom:2px solid #000;font-weight:600;margin-top:6rem;}
.flexbox .rtxt_box > h4 em {display:block;vertical-align:middle;width:100%;}
.flexbox .txtbox .btn_box {display:flex;justify-content:end;width:100%;padding-top:3rem;border-top:1px solid #000;}
.flexbox .txtbox .btn_box a {margin-left:10px;}
.info_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:25px 0;border-bottom:1px dotted #ddd;}
.info_ul > li:last-child {border-bottom:0;}
.info_ul > li span.stit {position:relative;width:100px;color:#222;font-size:18px;font-weight:800;}
.info_ul > li span.stit:before {content:"";position:absolute;right:0;top:6px;width:1px;height:14px;background:#999;}
.info_ul > li span.stit:after {content:"";clear:both;display:block;}
.info_ul > li div {width:calc(100% - 100px);overflow:hidden;padding-left:4rem;}
.info_ul > li em {display:block;color:#666;}
.info_ul > li em a {word-break:break-all; display: inline-block; }
.info_ul > li em a:focus-visible { outline-offset: -5px !important; }
    @media only screen and (max-width:1399px){
        .flexbox .swiper_box {width:400px;}
        .flexbox .txtbox {width:calc(100% - 400px);padding-left:8rem;}
        .flexbox .rtxt_box > h4 {margin-top:3rem;}
	}
    @media only screen and (max-width:1199px){
		.flexbox .swiper_box {width:350px;}
        .flexbox .txtbox {width:calc(100% - 350px);padding-left:7rem;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
        .info_ul > li {padding:20px 0;}
	}
    @media only screen and (max-width:1023px){
		.flexbox .swiper_box {width:300px;}
        .flexbox .txtbox {width:calc(100% - 300px);padding-left:6rem;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
        .info_ul > li {padding:20px 0;}
        .info_ul > li span.stit {width:80px;}
        .info_ul > li div {width:calc(100% - 80px);padding-left:3rem;}
	}
	@media only screen and (max-width:767px){
		.flexbox .swiper_box {width:100%;}
        .flexbox .txtbox {width:100%;padding-left:0;margin-top:40px;}
        .flexbox .rtxt_box > h4 {font-size:2.3rem;line-height:1.2;}
        .info_ul > li {padding:10px 0;}
        .info_ul > li span.stit {font-size:1.6rem;}
        .info_ul > li em {font-size:1.6rem;}
        .info_ul > li .list1 > li {font-size:1.6rem;}
        .info_ul > li .list1 > li:after {top:8px;}
        .flexbox .txtbox .btn_box {padding-top:20px;}
	}

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

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

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

/* 0101_회사소개 */
.sec_tit {}
.sec_tit b {font-weight:600;font-size:6rem;}
.sec_tit span {font-weight:200;font-size:3rem;color:#58B431;display:inline-block;margin-left:2rem;vertical-align:bottom;}
.intro_txt {font-size:1.8rem;color:#555;line-height:1.6;word-break:keep-all;border-left:5px solid #58B431;padding-left:3rem;}
.intro_txt em {font-weight:400;color:#58B431;}
.line_box2 {background:url("/images/fs/content/sub01/bi_bg.png") center center repeat;border:1px solid #ddd;}
.line_box2 ul {display:flex;justify-content:center;padding:8rem 0;}
.line_box2 ul li {padding:0 5%;display:flex;flex-wrap:wrap;align-items:end;}
.line_box2 ul li div {width:100%;}
.line_box2 ul li div img {width:25rem;}
.line_box2 ul li p {width:100%;font-size:14px;color:#666;margin-top:30px;}
.gray {background:#f1f1f1;padding:40px 5%;}
.gray p {font-size:16px;}
.btn_box {display:flex;justify-content:center;gap:0.5rem 1rem;}
.btn_box a {}
.bi_color {display:flex;flex-wrap:wrap;width:100%;}
.bi_color li {width:48%;margin-right:2%;display:flex;flex-wrap:wrap;align-items:end;}
.bi_color li:nth-child(2n) {margin-right:0;}
.bi_color li .color_box {display:flex;flex-wrap:wrap;width:100%;border:1px solid #ddd;margin-top:5px;}
.bi_color li .color_box .pantone {width:37%;height:180px;display:flex;align-items:flex-end;padding:10px;}
.bi_color li .color_box .pantone_1 {background:#2C1373;}
.bi_color li .color_box .pantone_2 {background:#58B431;}
.bi_color li .color_box .pantone_3 {background:#231916;}
.bi_color li .color_box .pantone_4 {background:#c9c9ca;}
.bi_color li .color_box .pantone_5 {background:#B0883D;}
.bi_color li .color_box .pantone span {color:#fff;font-size:18px;font-weight:600;}
.bi_color li .color_box .cmyk {width:63%;display:flex;flex-wrap:wrap;align-items:center;padding:0 30px;}
.bi_color li .color_box .cmyk ul {display:flex;flex-wrap:wrap;}
.bi_color li .color_box .cmyk ul li {width:100%;display:flex;flex-wrap:wrap;padding:5px 0;}
.bi_color li .color_box .cmyk ul li strong {width:65px;}
.bi_color li .color_box .cmyk ul li p {width:calc(100% - 65px);}
    @media only screen and (max-width:1399px){
        .bi_color li .color_box .cmyk {padding:0 5%;}
	}
	@media only screen and (max-width:1299px){
        .bi_color li .color_box .cmyk {padding:0 4%;}
	}
    @media only screen and (max-width:1199px){
		.sec_tit b {font-size:5rem;}
        .bi_color li .color_box .pantone {width:100%;height:80px;justify-content: flex-end;}
        .bi_color li .color_box .cmyk {width:100%;padding:20px;}
	}
    @media only screen and (max-width:767px){
		.sec_tit b {font-size:4rem;}
		.sec_tit span {font-size:1.8rem;margin-left:1.5rem;}
		.intro_txt {font-size:1.6rem;padding-left:2rem;}
        .gray {padding:20px 5%;}
        .gray p {font-size:14px;}
		.gray p br {display:none;}
        .bi_color li {width:100%;margin-right:0;}
        .bi_color li .h6 {margin-top:20px;}
        .bi_color li:first-child .h6 {margin-top:0;} 
        .bi_color li .color_box .cmyk {padding:20px 5%;}
        .bi_color li .color_box .pantone span {font-size:16px;}
		.line_box2 ul {flex-wrap:wrap;width:100%;}
	}

/* 회사개요 */
.greetings {overflow: hidden;border-radius: 10px;}
.greetings .tableA {border-top:2px solid var(--primary);}
/* .greetings .tableA {flex:1 1 0;border:1px solid #eee;border-radius:20px;box-shadow: 3px 5px 5px rgba(0,0,0,.02);position:relative;display:block;width:100%;padding:4rem 4rem;transition:all .4s;-webkit-transition:all .4s;} */
.greetings .bgbox {position:relative;}
.greetings .sbg {display:block;position:absolute;left:0;top:0;width:clamp(0px,100%,1660px);height:60rem;background:url("../../images/fs/content/sub01/sub0101_bg01.png") no-repeat center;z-index:-1;}
.greetings .intro-box {padding:10rem 8rem;font-size:2.3rem;color:#d3dbe0;}
.greetings .intro-box span {display:block;line-height:1.5em;animation-delay:1s;}
.greetings .intro-box span.intro_a {color:#fff;margin-bottom:1rem;font-size:2.0rem;line-height: 1.3;}
.greetings .intro-box span strong {color:#fff;font-size:3.2rem;}
.greetings .intro-box span em {font-weight:bold;color:#fff;}
.greetings .txt-area {background:url("../../images/fs/content/sub01/sub0101_bg02.png") no-repeat right bottom;}
.greetings .txt-area .inner-txt {width:65%;margin-top:0rem;background:#fff;padding:6rem;border-top-right-radius: 10px;}
.greetings .txt-area .inner-txt p {color:#2b1272;font-size:1.8rem;line-height:1.88;}
.greetings .txt-area .inner-txt p + p {margin-top:2.5rem;color:#000;}

.cir_step_sect {overflow:hidden;background-color:#f6f3fb;}
.cir_step_sect strong {color:#000;font-size:2.5rem;font-weight:700;}
.cir_step_sect > .tit {margin-bottom:80px;font-size:2rem;font-weight:800;text-align:center;}
.cir_step_sect .cir_wrap {position:relative;display:flex;width:1110px;margin:5rem auto;align-items:center;justify-content:center;}
.cir_step_sect .cir_wrap .line.before {content:'';position:absolute;right:-20px;top:50%;width:100%;height:1px;background-color:#000;transform:translate(-100%, -50%);}
.cir_step_sect .cir_wrap .line.before:before {content:'';position:absolute;display:block;right:0;top:50%;width:100%;height:10px;background-color:#fff;transform:translateY(-50%);transition:all 1s;}
.cir_step_sect .cir_wrap .line.after {content:'';position:absolute;left:-20px;top:50%;width:100%;height:1px;background-color:#000;transform:translate(100%, -50%);}
.cir_step_sect .cir_wrap .line.after:before {content:'';position:absolute;display:block;right:-1px;top:50%;width:100%;height:10px;background-color:#fff;transform:translateY(-50%);transition:all 1.5s;transition-delay:2s;}
.cir_step_sect.on .cir_wrap .line.before:before {width:0;}
.cir_step_sect.on .cir_wrap .line.after:before {width:0;}
.cir_step_sect .cir_wrap .cir {position:relative;width:calc(100%/3);padding-top:calc(100%/3);}
.cir_step_sect .cir_wrap .cir + .cir {margin-left:-20px;}
.cir_step_sect .cir_wrap .cir .svg {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);opacity:0;transition-delay:1s;}
.cir_step_sect.on .cir_wrap .cir .svg {opacity:1;}
.cir_step_sect .cir_wrap .cir .svg svg {width:100%;height:100%;stroke-dasharray:1214;stroke-dashoffset:0;stroke-linecap:round;transform:rotate(-90deg);}
.cir_step_sect.on .cir_wrap .cir .svg svg {animation:drawCircle 1s linear;animation-delay:1s;}
.cir_step_sect .cir_wrap .cir:nth-of-type(2n) .svg svg {transform:rotate(-270deg);}
.cir_step_sect .cir_wrap .cir .box {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%, -50%);text-align:center;padding:0 5rem;}
.cir_step_sect .cir_wrap .cir .box .label {max-width:37px;height:37px;line-height:37px;margin:0 auto 35px;border-radius:50%;font-size:17px;font-weight:800;background-color:#2b1272;color:#fff;}
.cir_step_sect .cir_wrap .cir .box .desc {margin-bottom:25px;}
.cir_step_sect .cir_wrap .cir .box .tit {font-size:1.7rem;font-weight:400;margin-top:1rem;}
.cir_step_sect .cir_wrap .cir .box .tit + .desc {margin-bottom:0;margin-top:25px;}
.cir_step_sect.col2 .cir_wrap {width:33%;}
.cir_step_sect.col2 .cir_wrap .cir {width:calc(100%/2);padding-top:calc(100%/2);}
.cir_step_sect.col2 .cir_wrap .line.before {width:110%;left:12px;right:unset;}
.cir_step_sect.col2 .cir_wrap .line.after {width:110%;right:11px;left:unset;}
@keyframes drawCircle {
	0% {
		stroke-dashoffset:1214;
	}
	100% {
		stroke-dashoffset:0;
	}
}

@media only screen and (max-width:1199px){
	.greetings .sbg {height:45rem;}
	.greetings .intro-box {padding:10rem 0 0 6rem;}
	.greetings .txt-area {background:transparent;}
	.greetings .txt-area .inner-txt {width:80%;}

		.cir_step_sect .cir_wrap {width:90%;}

}
@media only screen and (max-width:1023px){
	.greetings .sbg {height:35rem;}
	.greetings .intro-box {padding:8rem 0 0 5rem;}
	.greetings .txt-area .inner-txt {width:90%;padding:5rem;}

	.cir_step_sect .cir_wrap .cir .box .label {margin: 0 auto 2rem;}
	.cir_step_sect .cir_wrap .cir .box {padding:0 3rem;}
	.cir_step_sect strong {font-size:2rem;}
	.cir_step_sect .cir_wrap .cir .box .tit {font-size:1.6rem;}

}
@media only screen and (max-width:767px){
	.greetings .intro-box {padding:8rem 0 0 4rem;}
	.greetings .txt-area .inner-txt {width:100%;margin-top:5rem;padding:4rem;}

	.cir_step_sect .cir_wrap {flex-wrap:wrap;justify-content:center;}
	.cir_step_sect .cir_wrap .cir {width:300px;padding-top:300px;}
	.cir_step_sect .cir_wrap .cir + .cir {margin-left:0;margin-top:-4rem;}
	.cir_step_sect .cir_wrap .line.before {display:none;}
	.cir_step_sect .cir_wrap .line.after {display:none;}

}
@media only screen and (max-width:560px){
	.greetings .intro-box {padding:8rem 0 0 3rem;}
	.greetings .txt-area .inner-txt {padding:3rem;}
	.greetings .txt-area .inner-txt p + p {margin-top:2rem;}
}

/* 0102 대표인사말 */
.greeting {position:relative;}
.greeting video {width:100%;}
.greeting video::-internal-media-controls-download-button {display:none;}
.greeting video::-webkit-media-controls-enclosure {overflow:hidden;}
.greeting video::-webkit-media-controls-panel {opacity:0 !important;}
.greeting video::-webkit-media-controls-fullscreen-button {display:none;}
.getting_txt {position:absolute;top:15rem;right:5%;width:90%;}
.getting_txt p {line-height:1.8;font-weight:400;font-size:2.5rem;color:#fff;}
.box1 .talent_list {display:flex;flex-wrap:wrap;gap:6rem}
.box1 .talent_list > li {flex:1 1 0;border:1px solid #eee;border-radius:20px;box-shadow: 3px 5px 5px rgba(0,0,0,.02);position:relative;display:block;width:100%;padding:4rem 4rem;transition:all .4s;-webkit-transition:all .4s;}
.box1 .talent_list > li:after {font-family:remixicon;color:#58b431;content:"\EDCF";position:absolute;bottom:2rem;right:3rem;font-size:8rem;opacity:0.2;}
.box1 .talent_list > li:nth-child(2):after {content:"\F1F2";}
.box1 .talent_list > li:hover {box-shadow: 5px 7px 15px rgba(0,0,0,.1);border:1px solid #ccc;}
.box1 .talent_list > li .tbox .mtit {display:block;font-size:2.8rem;font-weight:600;color:#000;line-height:1.2;}
.box1 .talent_list > li .tbox .mtit strong {color:#58b431;}
.box1 .talent_list > li .tbox .stit {font-size:1.8rem;color:#999;margin-top:1.5rem;}
.greeting .wrap > p {font-size:2.2rem;line-height:1.8;}
.greeting .wrap > p span {display:block;margin-top:4rem;font-weight:600;font-size:2.5rem;}
    @media only screen and (max-width:1199px){
		.getting_txt {top:8rem;}
		.getting_txt p {font-size:2.3rem;}
		
		.box1 .talent_list > li .tbox .mtit {font-size:2.5rem;}
	}
	@media only screen and (max-width:1023px){
        .getting_txt {top:6rem;}
	}
	@media only screen and (max-width:767px){
		.greeting video {height:60rem;width:auto;}
		.getting_txt {top:4rem;}
		.getting_txt p {font-size:2rem;line-height:1.5;}
		
		.box1 .talent_list {flex-wrap:wrap;gap:2rem;}
		.box1 .talent_list > li {padding:3rem 8rem 6rem 3rem;width:100%;flex:auto;}
		.box1 .talent_list > li .tbox .mtit {font-size:2.3rem;}
		.box1 .talent_list > li .tbox .stit {padding-right:30px;word-break:keep-all;font-size:17px;line-height:normal;}
		.box1 .talent_list > li .tbox .stit br {display:none;}
	}

/* 0104 ESG경영 */
.info_area .tit_box .tit {font-size:8rem;text-align:center;font-weight:600;color:#2b1272;line-height:1;letter-spacing:-0.3rem;}
.info_area .tit_box .tit span {font-size:2.5rem;opacity:0.3;color:#000;}
.info_area .tit_box .txt {margin:4rem auto 0; text-align: center;line-height:1.5;font-size:1.8rem;}
.info_area .tit_box .txt span {font-weight:600;text-decoration:underline;}
.task {background-color:#f7f8fc; padding:4.5rem 10rem}
.task .desc {display:flex; flex-wrap:wrap; width:100%; justify-content:space-between}
.task .group {margin-top:5rem;width:calc(100% - 2rem); position:relative;display:flex;flex-direction:row;}
/*.task .group:before {font-family:remixicon;color:#ccc;content:"\EA13"; font-size:3.5rem; position:absolute; left:-3.5rem; top:6.5rem}*/
.task .group01:before {display:none}
.task .keyword {background-color:#fff;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30rem;height:30rem;line-height:1.4;margin:0 auto 2rem; text-align:center}
.task .keyword i {font-size:4rem;}
.task .group01 .keyword {color:#58b431}
.task .group02 .keyword {color:#2b1272}
.task .group03 .keyword {color:#de8d22}
.task .group04 .keyword {color:#58b431}
.task .group05 .keyword {color:#2b1272}
.task .keyword strong {display:block; font-size:2rem; font-weight:600;}
.task .keyword small {display:block; font-size:1.6rem}
.task .txt {width:calc(100% - 30rem);border-radius:0.5rem;padding:2.5rem 5rem;flex-grow:1;display:flex;flex-direction:column;border:2px solid #fff;background:rgba(255,255,255,0.4)}
.task .txt ul li {line-height:1.5;}
.task .group01 .dep03 > li:before {background-color:#58b431}
.task .group02 .dep03 > li:before {background-color:#2b1272}
.task .group03 .dep03 > li:before {background-color:#de8d22}
.task .group04 .dep03 > li:before {background-color:#58b431}
.task .group05 .dep03 > li:before {background-color:#2b1272}

.care_h5 {position:relative;margin-top:10rem;color:#000;font-size:4rem;font-weight:600;}
.care_h5:before {content:'“';position:absolute;top:-6rem;left:0;right:0;font-family:'Playfair Display', serif;color:#ddd;font-size:10rem;font-weight:900;}
.care_p {text-align:center;font-size:3.2rem;color:#2b1272;font-weight:600;}



    @media screen and (max-width:1023px) {
		.info_area .tit_box .tit {font-size:7rem;}
		
		.task {padding:4.5rem 4rem}
		.task .txt {padding:2rem;}
	}
	@media screen and (max-width:767px) {
		.info_area .tit_box .tit {font-size:5rem;letter-spacing:0;}
		.info_area .tit_box .tit span {font-size:2rem;}
		
		.task {padding:2.5rem 2.5rem}
		.task .group {width:100%; margin-bottom:2.5rem;flex-direction:column;}
		.task .group:before {display:none}
		.task .keyword {display:block; width:100%; height:auto; padding:2rem; border-radius:1rem 1rem 0 0;margin-bottom:0}
		.task .txt {display:block; width:100%; margin-left:0; border-radius:0 0 1rem 1rem}
	}

/* 0105 인증현황 */
.certf_list {max-width:1400px;padding:20px 0;margin:0 auto 20px;display:flex;flex-wrap:wrap;text-align: center;border-bottom:1px solid #eee;}
.certf_list li {width:25%;margin-bottom:30px;}
.certf_list li a {display:block;width:100%;padding:15px;}
.certf_list li a .imgbox {position:relative;aspect-ratio: 6/8;overflow: hidden;display:flex;align-items: center;justify-content: center;border-radius:20px;border:1px solid #bbb;}
.certf_list li:hover a .imgbox:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../images/fs/common/more_ico.png") no-repeat center;width:60px;height:60px;z-index: 1;}
.certf_list li a .imgbox img {transition:all .6s;-webkit-transition:all .6s;width:100%;}
.certf_list li:hover a .imgbox img {transform: scale(1.1);}
.certf_list li .list_tit {width:95%;margin:15px auto 0;color:#222;font-size:1.1em;line-height:1.4em;font-weight:600;word-break: break-all;}
	@media only screen and (max-width:1023px){
		.certf_list {max-width:100%;}
		.certf_list li {width:33%;}
	}
	@media only screen and (max-width:767px){
		.certf_list li {width:50%;}
		.certf_list li:last-child {margin-bottom:0;}
		.certf_list li a .list_tit {font-size:13px;}
	}
	@media only screen and (max-width:560px){
		.certf_list li {width:100%;}
	}

/* 0103 연혁 */
.history {position:relative;}
.h_img {width:100%;}
.h_img img {width:100%;}
.h_box {position:relative;}
.h_box:before {content:'';position:absolute;left:35rem;top:2.5rem;width:1px;height:100%;background:#eee;}
.h_box .history_list {display:flex;flex-wrap:wrap;margin-bottom:12rem;max-width:95%;}
.h_box .history_list:first-of-type .year {color:#2b1272;}
.h_box .history_list .year {width:30rem;font-size:4em;font-weight:bold;color:#2b1272;}
.h_box .history_list ul.month_box {padding-left:15rem;padding-top:2rem;position:relative;width:calc(100% - 30rem);}
.h_box .history_list ul.month_box > li {display: flex;flex-wrap:wrap;font-size:1.1em;text-wrap:balance;align-items:flex-start;line-height:1.5;}
.h_box .history_list ul.month_box > li:nth-of-type(n+2) {margin-top:25px;}
.h_box .history_list ul.month_box > li .h_month {display:inline-block;width:80px;color:#999;}
.h_box .history_list ul.month_box > li .h_txt {position:relative;width:calc(100% - 80px);font-weight:normal;color:#222;padding-left:15px;}
.h_box .history_list ul.month_box > li .h_txt:before {content:'-';position:absolute;left:0;top:0px;}

.h_box .pin {position:absolute;top:22px;left:34.55rem;}
.h_box .pin i {display:block;position:relative;width:10px;height:10px;border:3px solid #2b1272;border-radius:20px;background:#fff;}
.h_box .pin span {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index: -1;}
.h_box .pin span:before {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-2.5em -2.5em;transform:translate(-50%,-50%);width:4.9em;height:4.9em;background: rgba(43, 18, 114, 0.3);z-index: -2;border-radius:50%;animation:pin 3s infinite;}
.h_box .pin span:after {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-1.5em -1.5em;transform:translate(-50%,-50%);width:2.9em;height:2.9em;background: rgba(43, 18, 114, 0.5);z-index: -1;border-radius:50%;animation:pin 3s infinite;}
	@keyframes pin {
		0% {transform:scale(0);}
		50% {transform:scale(1);}
		100% {transform:scale(1);opacity:0;}
	}

	@media only screen and (max-width:1199px){
		.h_box:before {left:25rem;top:3rem;}

		.h_box .history_list .year {width:20rem;}
		.h_box .history_list ul.month_box {width:calc(100% - 20rem);padding-left:5rem;}
		.h_box .pin {left:24.55rem;}
	}
	@media only screen and (max-width:767px){
		.h_box:before {display:none;}
		.h_box .history_list {padding:0 0 4rem;width:100%;border-bottom:1px dashed #ddd;margin-bottom:4rem;}
		.h_box .history_list .year {width:100%;font-size:3.5rem}
		.h_box .history_list ul.month_box {width:100%;padding:0;margin-top:2rem;}
		.h_box .history_list ul.month_box > li {flex-direction: column;}
		.h_box .history_list ul.month_box > li .h_month {width:100%;}
		.h_box .history_list ul.month_box > li .h_txt {width: 100%;margin-top:10px;}

		.h_box .pin {display: none;}
	}

/* 0106 찾아오시는길 */
.location_wrp {}
.location_wrp .mapbox {height:60rem;display:block;}
.location_wrp .mapbox iframe {width:100%;height:100%;}
.location_wrp .map_info {transform:translateY(-50%);background:linear-gradient(135deg,rgba(43, 18, 114, 1) 0%, rgba(88, 180, 49, 1) 100%);;color:#fff;display:block;position:relative;z-index: 1;padding:8rem 5rem;width:70%;float:right;}
.location_wrp .map_info:after {content:'';position:absolute;right:3rem;bottom:3rem;background:url("/images/fs/content/sub01/con_logo.png") no-repeat center;width:225px;height:75px;opacity:0.1;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(255deg) brightness(104%) contrast(101%);background-size:contain;}
.location_wrp .map_info .tit {font-size:2.25em;font-weight:bold;margin-bottom:20px;}
.location_wrp .map_info .info_list {display:flex;flex-wrap:wrap;gap:12px 40px;}
.location_wrp .map_info .info_list > li {display:flex;flex-wrap:wrap;font-size:1.8rem;}
.location_wrp .map_info .info_list > li:first-of-type {width:100%;}
.location_wrp .map_info .info_list > li strong {display:inline-block;margin-right:20px;letter-spacing:0;}
.location_wrp .map_info .info_list > li strong i {font-weight:400;padding-right:0.5rem;}
.location_wrp .map_info .info_list > li p {opacity:0.8;}
@media only screen and (max-width:1023px){
	.location_wrp .mapbox {height:45rem;}
	.location_wrp .map_info {transform:translateY(-30px);padding:6rem 4rem;}
	.location_wrp .map_info .tit {font-size:2em;}
}
@media only screen and (max-width:767px){
	.location_wrp .map_info {padding:4rem 2rem;width:100%;}
	.location_wrp .map_info .info_list > li {width:100%;}
	.location_wrp .map_info .info_list > li strong {width: 100%;margin-bottom:1rem;}
	.location_wrp .map_info .info_list > li p {padding-left:3rem;}
}

/* 0201 윈도우 필름 원재료 및 개발 */
.materials_box{display:flex;justify-content:center;gap:1rem;margin-right:-1rem;flex-wrap:wrap;}
.materials_box li{flex:1 1 calc(33.3% - 1rem);}
.materials_box li .description{position:relative;display:block;overflow:hidden;text-align:center;height:30rem;border-radius:2rem;background:linear-gradient(to right, rgba(11,5,31,0.4), rgba(11,5,31,0.1));}
.materials_box li .description h2{position:absolute;left:3.5rem;top:3.5rem;color:#fff;text-align:left;}
.materials_box li .description .details-view{position:absolute;left:50%;top:50%;z-index:-1;overflow:hidden;text-align:center;width:100%;height:100%;transform: translate(-50%,-50%);}
.materials_box li .description .details-view img{width:100%;height:100%;object-fit:cover;}
.materials_p{text-align:center;background:#f6f9fd;padding:3rem 0;margin-top:4rem;border-radius:2rem;}
.description_popup_wrap{opacity:0;visibility:hidden;position:fixed;left:0;top:0;z-index:100;width:100vw;height:0;padding:5rem;backdrop-filter:blur(7px);overflow:auto;transition:all 0.6s ease;}
.description_popup_wrap.on{opacity:1;visibility:visible;position:fixed;left:0;top:0;z-index:100;width:100vw;height:100vh;}
.description_popup_wrap .description_popup{position:relative;width:80%;max-width:600px;margin:0 auto;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 0 2rem rgba(0,0,0,0.1);}
.description_popup_wrap .description_popup h2{text-align:left;}
.description_popup_wrap .description_popup p{margin-top:1rem;border-bottom:1px solid #ddd;padding-bottom:2rem;margin-bottom:2rem;color:#444;line-height: 1.2;}
.description_popup_wrap .description_popup p span{display: block;margin-bottom:5px;}
.description_popup_wrap .description_popup .details-view img{width:100%;height:100%;object-fit:cover;}
.description_popup_wrap .description_popup .description_popup_close{position:absolute;right:3rem;top:3rem;display:inline-block;padding:.5rem 1rem;background:#000;color:#fff;border-radius:.5rem;text-decoration:none;}
.materials_box_bt.btn_box {flex-direction: column;align-items: center;}
@media only screen and (max-width:1023px){
	.materials_box li{flex:1 1 calc(50% - 1rem);}
}
@media only screen and (max-width:569px){
	.materials_box{margin-right:0;}
	.materials_box li{flex:1 1 100%;}
}

/* 0202 윈도우 필름 개발 및 제조 컨설팅 */
.preproduction_box .q_list {display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 3rem;}
.preproduction_box .q_list li {display:flex;flex-direction:column;align-items:center;}
.preproduction_box .q_list li .ibox {display:flex;align-items:center;justify-content:center;height:auto;width:30rem;aspect-ratio:1/1;border:1px solid #ddd;border-radius:50%;overflow:hidden;}
.preproduction_box .q_list li .ibox img {min-height:100%;max-width:unset;height:100%;}
.preproduction_box .q_list li .txt {text-align: center;margin-top:3rem;}
.preproduction_box .q_list li .txt .num {display:block;font-weight:900;font-size:2.4rem;color:#2b1272;margin-bottom:1.5rem;}
.preproduction_box .q_list li .txt p {font-size:2rem;color:#000;line-height:1.4;text-wrap:balance;}
.preproduction_box .btn_box {flex-direction: column;align-items: center;}
    @media only screen and (max-width:767px){
        .preproduction_box .q_list {grid-template-columns:repeat(1,1fr);gap:3rem;}
    }

/* 0203 윈도우 필름 생산 및 판매 */
.preproduction_box .flow {display:flex;justify-content:space-between;align-items:center;gap:2.4rem 0;padding:2rem;border-radius:1.5rem;}
.preproduction_box .flow li.step {background:#fff;border:1px solid #ddd;box-shadow:0 5px 20px rgba(0,0,0,.08);min-width:20rem;border-radius:1.5rem;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center;}
.preproduction_box .flow li.step:is(:hover,:focus,:active) {transform:translateY(-1rem);transition:transform .18s ease;}
.preproduction_box .flow li.step .icon {width:7rem;height:7rem;border-radius:1rem;background:#f1f1f1;display:grid;place-items:center;font-size:3rem;color:#58b431;transition:all .18s ease;}
.preproduction_box .flow li.step:is(:hover,:focus,:active) .icon {background:#58b431;color:#fff;}
.preproduction_box .flow li.step em {font-weight:600;font-size:1.8rem;color:#000;}
.preproduction_box .flow li.connector i {font-size:4rem;color:#2b1272;}
    @media only screen and (max-width:1399px){
        .preproduction_box .flow {flex-wrap:wrap;justify-content:flex-start;}
        .preproduction_box .flow li.step {width:calc(33.3% - 4.8rem);}
    }
    @media only screen and (max-width:1023px){
        .preproduction_box .flow li.step {width:calc(50% - 4.8rem);}
    }
    @media only screen and (max-width:475px){
        .preproduction_box .flow {flex-direction:column;gap:1.2rem 0;}
        .preproduction_box .flow li.step {width:100%;}
        .preproduction_box .flow li.connector {transform:rotate(90deg);}
    }

/* 0301 R&D */
.rnd_wrap .top_box {border:1px dashed #ddd;padding:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;}
.rnd_wrap .top_box .rnd {display:flex;gap:2rem;}
.rnd_wrap .top_box .rnd li {font-size:2rem;text-align:center;text-wrap:balance;}
.rnd_wrap .top_box .rnd li i {font-size:4rem;display:block;margin-bottom:1rem;color:#2C1373;}
.rnd_wrap .top_box .rnd.border_box li {border-radius:2rem;padding:4rem 8rem;}
.rnd_wrap .top_box .rnd.border_box li:nth-child(odd) {border:3px solid #2C1373;}
.rnd_wrap .top_box .rnd.border_box li:nth-child(odd) i {color:#2C1373;}
.rnd_wrap .top_box .rnd.border_box li:nth-child(even) {border:3px solid #58B431;}
.rnd_wrap .top_box .rnd.border_box li:nth-child(even) i {color:#58B431;}
.rnd_wrap .top_box .rnd.fill_box li {display:flex;justify-content:center;align-items:center;flex:1 1 33%;aspect-ratio:1/1;border-radius:50%;color:#fff;padding:2rem 4rem;}
.rnd_wrap .top_box .rnd.fill_box li:not(:first-child) {mix-blend-mode:multiply;margin-left:-6%;}
.rnd_wrap .top_box .rnd.fill_box li:nth-child(odd) {background:#2C1373;}
.rnd_wrap .top_box .rnd.fill_box li:nth-child(even) {background:#58B431;}
.rnd_wrap .top_box .arrow {font-size:10rem;color:#ddd;}
@media only screen and (max-width:1023px){
    .rnd_wrap .top_box {padding:8rem;gap:0;}
    .rnd_wrap .top_box .rnd.border_box li {padding:4rem;}
}
@media only screen and (max-width:767px){
    .rnd_wrap .top_box {padding:6rem 4rem;}
    .rnd_wrap .top_box .rnd {flex-direction:column;}
    .rnd_wrap .top_box .rnd.fill_box li:not(:first-child) {margin-left:0;margin-top:-18%;}
}


/* 0401 인재상 */
.business {margin-top:10rem;}
.business h4 {font-size:4rem;color:#000;text-align:center;line-height:1.3;}
.business h4 strong {color:#2b1272;}
.business_list {}
.business_list li {display:flex;width:100%;justify-content:space-between;gap:8rem;margin-top:6rem;}
.business_list li:nth-child(2n) {flex-direction: row-reverse;}
.business_list li .bus_txt {width:50%;display:flex;align-content:center;flex-wrap:wrap;}
.business_list li .bus_txt h5 {padding:0 0 2rem 0;font-size:2.5rem;color:#2b1272;position:relative;margin-bottom:2rem;width:100%;}
.business_list li .bus_txt h5:before {content:'';position:absolute;left:0;bottom:0;width:3rem;height:1px;background:#2b1272;}
.business_list li .bus_txt p {line-height:2.5rem;width:100%;}
.business_list li .bus_img {width:50%;}
.business_list li .bus_img img {transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);width:100%;}
.business_list li:hover .bus_img img {border-radius:3rem;}
    @media only screen and (max-width:767px){
		.business h4 {font-size:2.5rem;}
		.business_list li {flex-wrap:wrap;gap:2rem;}
		.business_list li .bus_txt {width:100%;}
		.business_list li .bus_img {width:100%;}
	}

/* 0402 채용제도 */
.sub_intro{position:relative; margin:8rem 0 14rem 0; text-align:center;}
.sub_intro .title{font-size:4rem; line-height:1.2; color:#000; font-weight:500;word-break: keep-all;}
.sub_intro .desc{margin-top:2.5rem; font-size:2rem; line-height:1.2; color:#222;word-break: keep-all;}
.system {display:flex;flex-wrap:wrap;width:100%;gap:0 8rem}
.system > li {background:#fff;box-shadow:0 0 4rem rgba(43,18,114,0.2);width:calc(50% - 4rem);}
.system li .tit {display:block;position:relative;z-index:2;line-height:8rem;padding-left:3rem;color:#FFFFFF;font-size:2rem;background:#2b1272;}
.system li .tit:after{content:'';display:block;width:0;height:0;border-top:10px solid #2b1272;border-bottom:10px solid transparent;border-left:10px solid #2b1272;border-right:10px solid transparent;position:absolute;bottom:-20px;left:0;transition:0.7s}
.system li .system_img img {width:100%;}
.system li .info {}
.system li .info div {background:#fff;padding:3rem;}
.system li .info div p {font-size:1.8rem;line-height:1.5;}
	@media screen and (max-width:1199px){
		.sub_intro{margin:5rem 0 10rem 0; text-align:center;}
		.sub_intro .desc{font-size:1.8rem;}
		.system li .info div p {font-size:1.6rem;}
	}
	@media screen and (max-width:1023px){
		.sub_intro{margin:0 0 6rem 0;}
		.sub_intro .title{font-size:3.5rem;}
        .sub_intro .desc{font-size:1.8rem;}
		.system li .tit {line-height:6rem;}
	}
	@media screen and (max-width:767px){
		.sub_intro{margin:0 0 5rem 0;}
		.sub_intro .title{font-size:2.5rem;}
		.sub_intro .desc{margin-top:2rem;font-size:1.5rem;}
		.sub_intro .desc br{display:none;}
		
		.system > li {width:100%;margin:0 0 2rem 0;}
		.system li .tit {padding-left:5%;}
		.system li .info div {padding:3rem 5%;}

	}

/* 0503 온라인문의 */
.online_inquiry .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_inquiry .flexbox * {flex-grow: 1;}
.online_inquiry .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.online_inquiry .privacy_area {padding:3rem;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:14px;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:1.4rem;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;font-size:1.4rem;}
.filebox .fileLabel {background:#2b1272;color:#fff;height:100%;display:inline-block;line-height:42px;padding:0 2rem;}
.filebox .file {display:none;}
	@media only screen and (max-width:1023px){
		.online_inquiry .tableA tbody tr:after {display:none;}
		.online_inquiry .tableA tbody th {width:100%;}
		.online_inquiry .tableA tbody td {width:100%;border-left:none;}
		.online_inquiry .privacy_area {padding:2rem;}
		.online_inquiry .privacy_area .stit {margin-bottom:1rem;}
		.online_inquiry .privacy_area p {margin-bottom:1rem;}
	}
    @media only screen and (max-width:767px){
		.filebox {gap:0.5rem;display:flex;flex-wrap:wrap;}
		.filebox label {width:9rem;text-align:center;padding:0 1rem;}
		.filebox .upload-name {width:calc(100% - 7rem);}
		.online_inquiry .privacy_area {padding:1rem;}
	}

/* 홍보영상 */
.gallery_list_box .g_list {display:grid;grid-template-columns:repeat(4,1fr);gap:6rem 3rem;border-bottom:1px solid #eee;padding-bottom:3rem;}
.gallery_list_box .g_list li {position:relative;}
.gallery_list_box .g_list li a {display:flex;flex-direction:column;gap:1.5rem;}
.gallery_list_box .g_list li img {border:1px solid #bbb;max-width:100%;height:100%;aspect-ratio:16/9;border-radius:2rem;}
.gallery_list_box .g_list li input {position:absolute;top:0;left:0;}
.gallery_list_box .g_list li .list_tit {font-size:1.8rem;text-align:center;}
.view_cont iframe {width:100%;height:auto;aspect-ratio:16/9;}
    @media only screen and (max-width:1023px){
        .gallery_list_box .g_list {grid-template-columns:repeat(3,1fr);gap:5rem 2rem;}
    }
    @media only screen and (max-width:767px){
        .gallery_list_box .g_list {grid-template-columns:repeat(2,1fr);gap:4rem 2rem;}
    }
    @media only screen and (max-width:425px){
        .gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:2rem;}
    }



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

/* 0101 회사개요 */
@media only screen and (max-width:1023px) {
    :lang(en) .greetings .intro-box {padding:6rem 4rem;}
    :lang(en) .greetings .sbg {height:40rem;}
}

/* 0104 ESG경영 */
:lang(en) .info_area .tit_box .tit {letter-spacing:inherit;}
:lang(en) .location_wrp .map_info:after {background-image:url("/images/fs/content/sub01/con_logo_en.png");}