@charset "utf-8";

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

/* 공통 박스 리스트 */
.list_box {display:flex;flex-wrap:wrap;width:100%;gap:3rem 6rem;}
.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 {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%;}
	}

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;margin:10rem 0;}
.img_ready .left {}
.img_ready .left img {width: 41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#1d1d1d;font-weight: 300;}
.img_ready .right strong em {font-weight: 700;}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
@media only screen and (max-width:1023px){
	.img_ready .left img {}
}
@media only screen and (max-width:767px){
	.img_ready {flex-direction: column;gap:4rem;text-align: center;}
	.img_ready .right strong em br {display: none;}
}


/* 일반게시판(목록) */
/* 게시판 상단검색 */
.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:#1d9cff;font-weight:700;}
.sch_top .total strong > span {font-size:1.6rem;color:#666;}
.sch_top .total strong > span em {color:#1d9cff;font-weight:700;}
/* 검색 */
.search_flex {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:#1d9cff;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;text-decoration:none;border-radius:100%;}
.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) {background:#1d9cff;color:#fff;}
.page_number .next a {background:url("./../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("./../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
	@media only screen and (max-width:1399px){
		.notiwrap {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox .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 {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;border-top:3px solid #000;}
.board_table tbody tr {border-top:1px solid #ddd;border-bottom: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:#1d9cff;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:#1d9cff}
.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 #1d9cff;}
.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;padding-top:40px;border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}
.gallery_table .gallery_ul {display:flex;flex-wrap:wrap;margin-left:-40px;}
.gallery_table .gallery_ul li {width:33.33%;padding-left:40px;padding-bottom:40px;}
.gallery_table .gallery_ul li a {display:block;text-decoration:none;position:relative;}
.gallery_table .gallery_ul li a .imgbox {overflow:hidden;position:relative;display:block;padding-top:75%;border-radius:20px;border:1px solid #e5e5e5;background:#fff;transition:.3s;}
.gallery_table .gallery_ul li a .imgbox iframe {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .imgbox img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .imgbox .cnc {width:auto;filter:invert(60%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(150%) contrast(83%);max-width:90%;}
.gallery_table .gallery_ul li a .tit {gap:10px;margin-top:1.5rem;font-size:1.6rem;font-weight:700;color:#222;text-decoration:none;margin-bottom:10px;line-height:1.3;text-align:center;}
.gallery_table .gallery_ul li a .tit span {font-size:1.4rem;text-align:center;display:block;color:#aaa;font-weight:500;margin-top:0.5rem;}
.gallery_table .gallery_ul li a > div {}
.gallery_table .gallery_ul li a .origin {display:inline-flex;font-size:1.5rem;color:#666;line-height:1;}
.gallery_table .gallery_ul li a .origin em {padding-right:10px;margin-right:10px;border-right:1px solid #ddd;color:#000;font-weight:600;}
.gallery_table .gallery_ul li a:is(:hover,:focus,:active) .imgbox {border:1px solid #222;box-shadow:0 0 25px rgba(0,0,0,0.15);}
.gallery_table .gallery_ul .nocont_li {width:100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:20px 15px 60px 15px;text-align:center;}

	@media only screen and (max-width:1023px){
		.gallery_table {padding-top:20px;}
		.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
		.gallery_table .gallery_ul li {padding-left:20px;padding-bottom:20px;}
		.gallery_table .gallery_ul li a .tit {margin-top:15px;}
        .gallery_table .gallery_ul li a .tit span {font-weight:600;}
	}
	@media only screen and (max-width:767px){
		.gallery_table {padding-top:20px;}
		.gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
		.gallery_table .gallery_ul li {width:50%;padding-left:20px;padding-bottom:20px;}
        .gallery_table .gallery_ul li a .tit .new img {width:30px;}
	}
	@media only screen and (max-width:450px){
		.gallery_table .gallery_ul {margin-left:-10px;row-gap:10px;}
		.gallery_table .gallery_ul li {width:100%;}
	}

/* 갤러리 상세페이지 */
.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-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;}
	}

/*서브 비주얼*/
.esg .sub_tit {font-size:6rem;font-weight:700;}
.esg .sub_tit strong {font-size:9rem;color:#1d9cff;}
.esg .img {padding-top:8rem;}
.esg .tit {font-size:7.5rem;font-weight:700;}
.esg .txt {margin-top:3rem;font-size:2rem;font-weight:500;line-height:1.3;}
    @media only screen and (max-width:1199px){
        .esg .sub_tit {font-size:5rem;}
	}
    @media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){
		.esg .sub_tit {font-size:4rem;}
		.esg .sub_tit strong {font-size:7rem;}
		.esg .txt {margin-top:2rem;font-size:1.8rem;}
	}

/* 공통 */
.top_title {}
.top_title span {font-family:'The Jamsil';font-size:2rem;color:#1d9cff;font-weight:700;}
.top_title p {font-family:'The Jamsil';font-size:6rem;font-weight:400;margin-top:2rem;}
    @media only screen and (max-width:1199px){
		.top_title span {font-size:1.8rem;}
        .top_title p {font-size:5rem;}
	}
    @media only screen and (max-width:1023px){
		
	}
	@media only screen and (max-width:767px){
		.top_title span {font-size:1.6rem;}
        .top_title p {font-size:4rem;}
	}

/* 회사개요 */
.intro_text {background:url("/images/fs/content/sub01/outline_bg.jpg") no-repeat center/cover;padding:10rem 0 35rem;}
.intro_text p {font-size:5rem;line-height:1.5;font-weight:400;font-family:'The Jamsil';text-align:center;color:#fff;}
.intro_text p strong {font-family:'The Jamsil';}
.outline .cont_wrap {background:#fff;width:clamp(0px,98%,1710px);margin:-25rem auto 0;padding:5rem 5rem 0;display:flex;justify-content:space-between;gap:3rem;}
.outline .cont_wrap > div {width:50%;}
.outline .cont_wrap > div.left {text-wrap:balance;font-size:1.8rem;line-height:1.5;}
.outline .cont_wrap > div.right ul {border-top:2px solid #1f9aff;display:flex;flex-direction:column;height:100%;}
.outline .cont_wrap > div.right ul li {border-bottom:1px solid #ddd;flex:1 1 0;display:flex;align-items:center;line-height:1.3;padding:1rem 0;}
.outline .cont_wrap > div.right ul li strong {min-width:22rem;font-size:1.8rem;color:#1f9aff;text-align:center;}
    @media only screen and (max-width:1199px){
        .intro_text {padding:8rem 0 33rem;}
        .outline .cont_wrap {margin:-23rem auto 0;padding:5rem 4rem 0;}
        .outline .cont_wrap > div.right ul li strong {min-width:8rem;}
    }
    @media only screen and (max-width:1023px){
        .outline .cont_wrap {flex-direction:column;}
        .outline .cont_wrap > div {width:100%;}
        .outline .cont_wrap > div.right ul li {padding:2.5rem 0;}
        .outline .cont_wrap > div.right ul li strong {min-width:20rem;}
    }
    @media only screen and (max-width:767px){
        .outline .cont_wrap {margin:-23rem auto 0;padding:4rem 3rem 0;}
    }


/* 0101 인사말 */
.getting {}
.getting .txt1 {font-size:4rem;line-height:1.5;font-weight:400;font-family:'The Jamsil';margin-bottom:6rem;text-align:center;}
.getting .txt1 i {font-size:4rem;font-family:'The Jamsil';font-weight: 400;background-image:linear-gradient(to right, #008fff, #90ceff);color:#fff;}
.getting .imgbox {position:relative;display:flex;align-items:center;width:100%;padding:30% 6% 0 6%;overflow: hidden;border-radius: 1rem;}
.getting .imgbox:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#031c58;opacity:0.6;}
.getting .imgbox video {position:absolute;left:0;top:0;bottom:0;z-index:-1;width: 100%;}
.getting .imgbox p {position:absolute;left:6%;top:38%;line-height:1.4;font-size:4.4rem;font-weight: 700;color: #bed8ff;}
.getting .imgbox p em {color:#fff;}
.getting .titbox_wrp {margin-top:10rem;padding:0 6%;}
.getting .titbox_wrp .txt {font-size:1.8rem;line-height: 1.5;}
.getting .titbox_wrp .txt em {display:block;line-height:1.4;font-size:3.6rem;font-weight: 700;margin-bottom:3rem;}
.getting .titbox_wrp .si {display:block;margin-top:4rem;padding-top:4rem;font-size:2rem;border-top:1px solid #ddd;}
.getting .titbox_wrp .si i {font-weight: 600;font-size:2.8rem;}
    @media only screen and (max-width:1499px){
        .getting .txt1 {font-size:4rem;}
        .getting .txt1 i {font-size:4rem;}
        .getting .imgbox p {font-size:3.6rem;}
        .getting .titbox_wrp .txt em br {display: none;}
        .getting .titbox_wrp .txt em {font-size:3.6rem;}
    }
    @media only screen and (max-width:1023px){
        .getting .txt1 br {display: none;}
        .getting .imgbox {padding:40% 6% 0 6%;}
        .getting .titbox_wrp {padding:0 5%;}
	}
	@media only screen and (max-width:767px){
        .getting .txt1 {font-size:2.6rem;}
        .getting .txt1 i {font-size:2.6rem;}
        .getting .imgbox {padding:50% 6% 0 6%;}
        .getting .titbox_wrp {margin-top:6rem;}
        .getting .titbox_wrp .txt em {font-size:2.8rem;margin-bottom:2rem;}
	}
    @media only screen and (max-width:549px){
        .getting .imgbox {padding:60% 6% 0 6%;}
        .getting .imgbox video {width: auto;height: 100%;}
        .getting .imgbox p {top:30%;}
        .getting .titbox_wrp .txt .br {display: none;}
    }

/* 0102 연혁 */
.history .top_title p {position: relative;padding-bottom: 14rem;}
.history .top_title p:after {content:"";position:absolute;left:50%;bottom:0;width: 1px;height: 5rem;background: #222;}
.history .innerwrap {display: flex;flex-direction: column;}
.history .section .conwrap {display:flex;flex-direction: column;padding-right: 50%;}
.history .section .conwrap .imgwrap {position:relative;height:30rem;border-radius:14px;overflow:hidden;}
.history .section .conwrap .imgwrap .bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.history .section .conwrap .imgwrap .bg img {width:100%;height:100%;object-fit:cover;}
.history .section .conwrap .imgwrap .text {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;}
.history .section .conwrap .imgwrap .text span {font-size:6rem;font-weight:600;color:#fff;white-space:nowrap;text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.history .section .conwrap .txtwrap {padding:5rem 0;}
.history .section .conwrap .txtwrap .txts .ynum {margin-bottom:4rem;font-size:4rem;font-weight:700;line-height:1em;color:#1d9cff;text-align: right;}
.history .section .conwrap .txtwrap .txts .ynum span {font-family:'The Jamsil';}
.history .section .conwrap .txtwrap .txts .yearwrap dl {margin-bottom:2rem;padding-bottom:2rem;display:flex;flex-direction:row-reverse;border-bottom: 1px dashed #ddd;}
.history .section .conwrap .txtwrap .txts .yearwrap dl dt {width:9.5rem;font-size:2rem;font-weight:700;text-align:right;}
.history .section .conwrap .txtwrap .txts .yearwrap dl dd {width:calc(100% - 9.5rem);}
.history .section .conwrap .txtwrap .txts .yearwrap dl dd p {font-size:1.8rem;color:#666;line-height:1.5;text-align:right;}
.history .section .conwrap:nth-child(even) {padding-left: 50%;padding-right: 0;}
.history .section .conwrap:nth-child(even) .txtwrap .txts .ynum {text-align: left;}
.history .section .conwrap:nth-child(even) .txtwrap .txts .yearwrap dl {flex-direction:row;}
.history .section .conwrap:nth-child(even) .txtwrap .txts .yearwrap dl dt {text-align:left;}
.history .section .conwrap:nth-child(even) .txtwrap .txts .yearwrap dl dd p {text-align:left;}
	@media only screen and (max-width:767px){
        .history .top_title p {padding-bottom: 7rem;}
        .history .section .conwrap .txtwrap .txts .ynum {text-align: left;}
        .history .section .conwrap .txtwrap .txts .yearwrap dl {flex-direction:row;}
        .history .section .conwrap .txtwrap .txts .yearwrap dl dt {text-align:left;}
        .history .section .conwrap .txtwrap .txts .yearwrap dl dd p {text-align:left;}
        .history .section .conwrap {padding-right: 0;}
        .history .section .conwrap:nth-child(even) {padding-left: 0;padding-right: 0;}
	}

/* 0103 미션&비전 */
.mission .mission_con {position:relative;display:flex;align-items:center;width:100%;overflow:hidden;margin-bottom:2rem;padding:20rem 0;}
.mission .mission_con .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/fs/content/sub01/mission_bg2.jpg") no-repeat center/cover;}
.mission .mission_con .txtwrap {position:relative;z-index:1;width:90%;max-width:1480px;margin:0 auto;}
.mission .mission_con .txtwrap .tit_en {font-size:1.8rem;font-weight:600;color:#fff;opacity:0.3;letter-spacing:0.5rem;}
.mission .mission_con .txtwrap .tit {font-size:8rem;font-weight:600;color:#fff;font-family:'The Jamsil';margin:0.5rem 0 4rem 0;}
.mission .mission_con .txtwrap p {font-size:1.8rem;line-height:1.5;color:#fff;}
.vision_list {display:flex;flex-wrap:wrap;gap:3rem;margin-top:6rem;}
.vision_list > li {width: calc((100% - 9rem) / 4);padding:1.5rem 3rem;border:1px solid #ccc;border-radius:2rem;text-align:center;}
.vision_list > li .icon {padding:4rem 0;border-bottom:1px dashed #ccc;}
.vision_list > li .icon i {font-size:5rem;color:#1d9cff;}
.vision_list > li .txts {padding:4rem 2rem;}
.vision_list > li .txts .tit {font-size:2.8rem;color:#000;font-weight:600;}
.vision_list > li .txts .tit span {font-size:4.8rem;color:#1d9cff;font-weight:900;}
.vision_list > li .txts p {display:inline-block;text-align:center;margin-top:2rem;line-height:1.4;}
    @media only screen and (max-width:1399px){
        .vision_list > li {width: calc((100% - 3rem) / 2);}
    }
    @media only screen and (max-width:1199px){
        .mission .mission_con {padding:15rem 0;}
		.mission .mission_con .txtwrap .tit {font-size:7rem;}
        .vision_list > li {width:100%;display:flex;flex-wrap:wrap;padding:0;overflow:hidden;}
        .vision_list > li .icon {width:30rem;border-bottom:0;display:flex;justify-content:center;align-items:center;background:#f3f7fa;}
        .vision_list > li .txts {width:calc(100% - 30rem);}
	}
    @media only screen and (max-width:1023px){
        .mission .mission_con {padding:10rem 0;}
        .mission .mission_con .bg::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#010c27;opacity:0.6;}
		.mission .mission_con .txtwrap .tit {font-size:6rem;margin:0.5rem 0 3rem 0;}
	}
	@media only screen and (max-width:767px){
		.mission .mission_con .txtwrap .tit {font-size:5rem;}
        .vision_list > li .icon {width:100%;}
        .vision_list > li .txts {width:100%;text-align:center;}
	}


/* 0105_CI소개 */
.ci_box_wrap {}
.ci_box_wrap .h4tit {text-align: center;font-size:3rem;font-weight: 700;color:#222;}
.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;text-align: center;}

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

.ci_box_wrap .btn_box {}
.ci_box_wrap .btn_box a {display:inline-flex;place-items:center;justify-content: center;width:25rem;padding:0 1rem;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:#0000FF;}
.ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#FF781F;}
.ci_box_wrap .palette ol.main_color > li:nth-child(3) .color {background:#1F9AFF;}
.ci_box_wrap .palette ol.sub_color > li:nth-child(1) .color {background:#00BAFF;}
.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 {flex-wrap: wrap;}
	.ci_box_wrap .grid_box .box {width: 100%;}
	.ci_box_wrap .grid_box .box + .box .h5 {margin-top:2rem;}
}
@media only screen and (max-width:767px){
	.ci_box_wrap .grid_box .box .imgbox img {width: 80%;}
	.ci_box_wrap .palette ol > li {max-width:100%;}
	.ci_box_wrap .palette ol > li .color {width:100px;padding:10px;}
	.ci_box_wrap .palette ol > li .c_txt {padding:20px 15px;}

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


/* 0104 오시는길 */
.map_area iframe {width:100%;height:60rem;}
.map_area .root_daum_roughmap {width:100%;height:40rem;}
.map_area .root_daum_roughmap .map {height:40rem;}
.info_container {position:relative;display:flex;margin:6rem 0 0 0;padding:4rem 3rem 0 3rem;border-top:1px solid #1d9cff;justify-content:space-between;flex-wrap:wrap;}
.info_container:before {content:"";position:absolute;top:-2px;left:0;width:8rem;height:3px;background:#1d9cff;}
.info_container .left-area {}
.info_container .left-area h3 {color:#1d9cff;font-family:'The Jamsil';font-size:5.5rem;font-weight:500;text-transform:capitalize;}
.info_container .right-area {display:flex;gap:8rem;}
.info_container .right-area .info-bx .info-title h5 {color:#1d9cff;font-family:'The Jamsil';font-size:2rem;font-weight:500;text-transform:capitalize;}
.info_container .right-area .info-bx .info-cont p {margin-top:1rem;font-size:1.8rem;}
    @media only screen and (max-width:1199px){
		.info_container .left-area {width:100%;}
		.info_container .left-area h3 {font-size:5rem;}
		.info_container .right-area {width:100%;margin-top:4rem;}
	}
	@media only screen and (max-width:767px){
		.info_container {padding:4rem 5% 0 5%;}
		.info_container .left-area h3 {font-size:4rem;}
		.info_container .right-area {flex-wrap:wrap;gap:4rem;}
	}

/* 0201 사업분야 */
.business {}
.business .business_list ul li {display:flex;height:auto;align-items:center;padding:12rem 6rem;position:relative;justify-content:space-between;}
.business .business_list ul li:nth-child(odd):before {content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:-1;background:#f1f1f1;}
.business .business_list ul li:nth-child(even):before {content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:-1;background-image:repeating-linear-gradient(0deg,#f1f1f1 0 1px,transparent 1px 15px),repeating-linear-gradient(90deg,#f1f1f1 0 1px,transparent 1px 15px);}
.business .business_list ul li .txt {display:flex;flex-wrap:wrap;}
.business .business_list ul li .tit strong {display:block;font-size:4rem;color:#000;margin-bottom:3rem;}
.business .business_list ul li .tit p {font-size:2rem;color:#666;line-height:1.5;}
.business .business_list ul li .dot {display:flex;flex-direction:column;gap:6px;margin-right:6rem;align-items:center;justify-content:center;}
.business .business_list ul li .dot i {display:block;width:6px;height:6px;border-radius:2px;background:#1d9cff;opacity:0.2;}
.business .business_list ul li .dot i.on {opacity:1;}
.business .business_list ul li .tal_shape div {display:flex;align-items:center;height:100%;}
.business .business_list ul li .tal_shape div img {width:100%;max-height:80%;}
	@keyframes rot{
		0%{transform:rotate(0deg)}
		100%{transform:rotate(360deg)}
	}
    @media only screen and (max-width:1299px){
		.business .business_list ul li {padding:12rem 0;}
	}
    @media only screen and (max-width:1199px){
		.business .business_list ul li .tal_shape div {height:40rem;}
	}
	@media only screen and (max-width:767px){
		.business .business_list ul li {flex-wrap:wrap;justify-content:center;}
		.business .business_list ul li .dot {flex-direction:unset;margin-bottom:3rem;}
		.business .business_list ul li .tit strong {font-size:3.5rem;}
		.business .business_list ul li .txt {flex-direction:column;align-items:flex-start;width:100%;}
		.business .business_list ul li .tal_shape div {width:100%;text-align:center;}
	}

/* 0202 기술소개 */
.skill_top .main_txt {padding:0 5% 0 50%;}
.skill_top .main_txt span {font-family:'The Jamsil';color:#1d9cff;font-size:2rem;font-weight:600;}
.skill_top .main_txt h3 {font-family:'The Jamsil';font-size:5rem;font-weight:600;margin-top:1rem;}
.skill_top .main_txt p {margin-top:6rem;}
.skill_top .skill_img img {width:100%;}
.skill_list {display:flex;flex-wrap:wrap;gap:15rem 10rem;}
.skill_list li {width:calc(50% - 5rem);}
.skill_list li .img img {width:100%;}
.skill_list li .txt {display:flex;margin-top:4rem;}
.skill_list li .txt i {font-size:4rem;opacity:0.2;}
.skill_list li .txt .box {padding-left:3rem;}
.skill_list li .txt .box span {font-family:'The Jamsil';color:#1d9cff;font-size:1.8rem;font-weight:600;}
.skill_list li .txt .box p {color:#000;font-size:2.3rem;}
    @media only screen and (max-width:1199px){
		.skill_list {display:flex;flex-wrap:wrap;gap:10rem 10rem;}
	}
    @media only screen and (max-width:1023px){
		.skill_top .main_txt {padding:0 5% 0 40%;}
	}
	@media only screen and (max-width:767px){
		.skill_top .skill_img {height:30rem;position:relative;overflow:hidden;}
		.skill_top .skill_img img {width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;}
		.skill_top .main_txt {padding:0 5% 0}
		.skill_top .main_txt h3 {font-size:4rem;}
		.skill_top .main_txt p {margin-top:4rem;}
		.skill_list {display:flex;flex-wrap:wrap;gap:6rem 0;}
		.skill_list li {width:100%;}
		.skill_list li .txt {margin-top:2rem;}
		.skill_list li .txt .box p {font-size:2rem;}
	}

/* 0203 제품소개 */
.skill .cont_wrap {display:flex;margin-left:-7rem;margin-bottom:-8rem;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;}
.skill .cont_wrap .cont {width:calc(100%/3 - 7rem);margin-left:7rem;margin-bottom:8rem;}
.skill .cont_wrap .cont .img {border-radius:1rem;overflow:hidden;}
.skill .cont_wrap .cont .img img {width:100%;}
.skill .cont_wrap .cont .txt_wrap {margin-top:2.5rem;}
.skill .cont_wrap .cont .txt_wrap .tit {font-size:2.5rem;font-weight:600;font-family:'The Jamsil';}
.skill .cont_wrap .cont .txt_wrap .tit span {font-weight:500;font-size:1.6rem;}
.skill .cont_wrap .cont .txt_wrap .txt {margin-top:1rem;line-height:1.7;}

.list_box {display:flex;flex-wrap:wrap;width:100%;gap:3rem 6rem;}
.list_box li {flex-wrap:wrap;min-height:18rem;flex:1 1 20%;border:6px double #ddd;border-radius:2rem;display:flex;align-items:center;padding:4rem 4rem;font-weight:500;line-height:1.3;transition:all .4s;-webkit-transition:all .4s;}
.list_box li:hover {background:#f1f1f1;}
.list_box li i {font-size:3rem;background:#f1f1f1;border-radius:100%;padding:1rem;transition:all .4s;-webkit-transition:all .4s;width:6rem;height:6rem;justify-content:center;align-items:center;display:flex;}
.list_box li:hover i {background:#000;color:#fff;}
.list_box li p {width:100%;margin-top:2rem;}
.list_box li strong {font-weight:700;color:#000;font-size:2rem;margin-bottom:1rem;display:block;}
    @media only screen and (max-width:1199px){
		.list_box {gap:3rem 4rem;}    
		.list_box li {flex:1 1 35%;}
	}
    @media only screen and (max-width:1023px){
		.skill .cont_wrap {margin-left:0;}
		.skill .cont_wrap .cont {width:100%;margin-left:0;display:flex;flex-wrap:wrap;align-items:center;}
		.skill .cont_wrap .cont .img {width:50%;}
		.skill .cont_wrap .cont .txt_wrap {width:50%;padding-left:4rem;}
	}
	@media only screen and (max-width:767px){
		.skill .cont_wrap .cont {margin-bottom:6rem;}
		.skill .cont_wrap .cont .img {width:100%;}
		.skill .cont_wrap .cont .txt_wrap {width:100%;padding-left:0;}
		
		.list_box {gap:2rem 0;}
		.list_box li {flex:1 1 100%;}
	}

/* 0301 인증 및 수상 */
.certf_list {padding:20px 0;margin:0 auto 2rem;display:flex;flex-wrap:wrap;gap:3rem;text-align: center;border-bottom:1px solid #eee;border-top:1px solid #222;}
.certf_list li {width:calc(25% - 3rem);}
.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;background:#f1f1f1;}
.certf_list li:hover a .imgbox:before {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../images/fs/common/more_ico.png") no-repeat center;width:100%;height:100%;z-index: 1;font-family:remixicon;font-size:3rem;color:#fff;content:"\EA13";font-weight:700;line-height:1;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;}
.certf_list li a .imgbox img {transition:all .6s;-webkit-transition:all .6s;width:100%;}
.certf_list li a .imgbox .noimg {max-width:80%;width:14rem;filter: brightness(0) saturate(100%) invert(0%) sepia(85%) saturate(7440%) hue-rotate(275deg) brightness(90%) contrast(113%);opacity:0.2;}
.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:calc(33.3% - 3rem);}
	}
	@media only screen and (max-width:767px){
		.certf_list li {width:calc(50% - 3rem);}
		.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%;}
	}

/* 0304 ESG경영 */
.esg_top .main_txt {padding:0 5% 0 50%;}
.esg_top .main_txt span {font-family:'The Jamsil';color:#1d9cff;}
.esg_top .main_txt h4 {font-family:'The Jamsil';font-size:5rem;font-weight:600;margin-top:1rem;}
.esg_top .main_txt p {margin-top:5rem;line-height:1.7;text-wrap:balance;}
.esg_top .skill_img img {width:100%;}
#fs_container_wrap:has(.esg_policy) {overflow:unset;}
.esg_policy .grid {display:grid;grid-template-columns:35rem 1fr;gap:6rem;padding:6rem 0;}
.esg_policy .side {position:sticky;top:10rem;height:fit-content;}
.esg_policy .side .toc {border-radius:1rem;padding:2.4rem;background:#e7f5ff;}
.esg_policy .toc a {display:block;padding:1.2rem 1.6rem;margin:.8rem 0;color:#000;border:1px solid #ddd;border-radius:.5rem;font-weight:500;background:#fff;transition:all .2s ease;}
.esg_policy .toc a:is(:hover,:focus,:active) {border-color:#1f9aff;background:#f8fbff;box-shadow:inset 0 -2px 0 #1f9aff;transform:none;}
.esg_policy .toc a em {font-family:'The Jamsil';color:#1d9cff;display:inline-block;margin-right:.5rem;}
.esg_policy .main {display:flex;flex-direction:column;gap:2.4rem;}
.esg_policy .main section {scroll-margin-top:10rem;border:1px dashed #ddd;background:#fff;border-radius:1rem;padding:2.4rem 3rem;box-shadow:none;}
.esg_policy .main .chapter {display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.esg_policy .main .chapter .num {display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;font-weight:700;background:#1f9aff;color:#fff;}
.esg_policy .main .chapter h4 {font-size:2rem;color:#000;font-weight:700;}
.esg_policy .main .ch-con > li:not(:last-child) {margin-bottom:1.5rem;}
.esg_policy .main .ch-con > li em {display:block;position:relative;margin-bottom:6px;color:#1f9aff;font-weight:600;font-size:1.8rem;background:#fff;padding:1rem 0 1rem 3rem;left:-3.3rem;}
.esg_policy .main .ch-con > li em::before, .esg_policy .main .ch-con > li em::after{display:block;position:absolute;content:"";}
.esg_policy .main .ch-con > li em::before{top:1.6rem;left:-.2rem;width:1rem;height:1rem;border:3px solid #1f9aff;box-sizing:border-box;}
.esg_policy .main .ch-con > li em::after{top:2.1rem;left:1.4rem;width:1rem;height:1px;background:#1f9aff;}
.esg_policy .main .ch-con > li ul li {background:#f5f5f5;padding:1rem 2rem 1rem 29rem;border-radius:1rem;position:relative;}
.esg_policy .main .ch-con > li ul li + li {margin-top:1.5rem;}
.esg_policy .main .ch-con > li ul li strong {width:27rem;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;background:#00BAFF;font-weight:500;border-radius:1rem;text-align: center;}
    @media only screen and (max-width:1199px){
        .esg_policy .grid {gap:5rem;padding:5rem 0;}
        .esg_policy .main .ch-con > li ul li {padding:1rem 2rem 1rem 22rem;}
        .esg_policy .main .ch-con > li ul li strong {width:20rem;}
    }
    @media only screen and (max-width:1023px){
        .esg_top .main_txt {padding:0 5% 0 40%;}
        .esg_policy .grid {grid-template-columns:1fr;}
        .esg_policy .side {z-index:1;background:#fff;border:2px solid #1f9aff;box-shadow:0 1rem 3rem rgba(2,8,23,.3);}
        .esg_policy .main section {scroll-margin-top:50rem;/* 헤더 높이만큼 여백 확보 */}
    }
    @media only screen and (max-width:767px){
        .esg_top .main_txt {padding:0 5% 0;}
        .esg_top .main_txt br {display:none;}
        .esg_policy .main .chapter {align-items:flex-start;}
        .esg_policy .main .ch-con > li ul li {padding:5rem 2rem 2rem;text-align:center;}
        .esg_policy .main .ch-con > li ul li strong {width:100%;height:4rem;}
    }

/* 0501 온라인문의 */
.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:#1d9cff;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;}
	}