@charset "utf-8";

/* 컨텐츠 시작 */
img {max-width:100%;}


/* 게시판 검색 */
.search {position:relative;}
.search:after {content:"";display:block;clear:both;}
.search .box {width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
.search .box .search_box form {display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media only screen and (max-width:767px) {
    .search .box .search_box form .input_style {
        width: 150px;
    }
}
.search .box .search_box .flex {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;}
.search .box .search_box .flex > div {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 1%;}
.search .box .search_box .flex p {margin-right:20px;}
.search .box .search_box .select_style {background-color:#fff;margin-right:2px;}
.condition li button {height:40px;line-height:38px;padding:0 15px;border:1px solid #dfdfdf;background:#fff;font-size:15px;color:#74828c;margin:0 1px;border-radius:3px;}
.condition li button.on {border:1px solid #2f4b59;background:#2f4b59;color:#fff;}
.search_btn {}
.search_btn button {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#2f4b59;height:40px;padding:0 10px;border-radius:3px;margin-left:2px;}
.search_btn a.btn_line {background:#fff;}
/*
.search .box .search_box {display:flex;flex-wrap:wrap;justify-content:flex-end;}
.search_btn a {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#2f4b59;height:40px;padding:0 10px;border-radius:3px;margin-left:2px;}
.search_btn a.btn_line {background:#fff;}
*/

/* 총게시글 */
.fs_list_box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.fs_list_box .ft_left {line-height:16px;font-size:16px;color:#666;}
.fs_list_box .ft_left .green {color:#2f4b59;font-weight:600;padding-right:20px;margin-right:15px;border-right:1px solid #ebebeb;}
.fs_list_box .ft_left .red {color:#2f4b59;font-weight:600;}

/* 갤러리 게시판 */
.board_gallery {overflow:hidden;}
.ceven_ul {display:flex;flex-wrap:wrap;justify-content:space-around;margin:0;font-size:0;letter-spacing:-5px;}
.ceven_ul li {position:relative;align-items:stretch;display:flex;width:23%;font-size:17px;letter-spacing:-1px;vertical-align:top;text-align:center;margin-bottom:50px;}
.ceven_ul li a {border:1px solid #ddd;display:block;border-radius:10px;overflow:hidden;width:100%;}
.ceven_ul li a:hover {border:1px solid #2f4b59;}
.ceven_ul li a .img_box {width:100%;overflow:hidden;height:0;display:block;align-items:center;background:#f2f2f2;position:relative;padding-bottom:100%;}
.ceven_ul li a .img_box img {width:100%;vertical-align:top;}
.ceven_ul li a .txt_box {display:block;margin:20px 10px;}
.ceven_ul li a .txt_box .tit {line-height:26px;text-align:center;display:inline-block;width:100%;padding:0 10px;font-size:18px;font-weight:500;}
.ceven_ul li a .txt_box .txt {font-size:14px;line-height:21px;color:#888;text-align:left;display:inline-block;width:100%;padding:0 10px;}
.ceven_ul li a .txt_box .stit {font-size:17px;color:#7e7e7e;text-align:left;padding:0 10px;}
.ceven_ul li a .txt_box .stit li {width:100%;text-align:left;padding:0;font-size:15px;line-height:25px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.ceven_ul li a .txt_box .stit li span {width:80px;position:relative;color:#777;}
.ceven_ul li a .txt_box .stit li span:before {content:"";position:absolute;right:10px;top:6px;bottom:0;width:1px;height:12px;background:#aaa;}
.ceven_ul li a .txt_box .stit li p {width:calc(100% - 80px);color:#000;}
.ceven_ul li a .txt_box .stit li p em {color:#2f4b59;font-weight:600;}
.ceven_ul li a .txt_box .date {font-size:14px;color:#999;padding-top:15px;margin-top:5px;border-top:1px dashed #ddd;}

.txtbox {margin-bottom:10px;}
.txtbox em {color:#fff;font-size:16px;font-weight:400;line-height:30px;height:26px;width:auto;text-align:center;display:inline-block;border-radius:30px;padding:0 15px;}

/* 페이지 */
.pagination_box {margin-top:30px;text-align:center;}
.pagination_box .pagination li {display:inline-block;vertical-align:top;}
.pagination_box .pagination li a {display:inline-block;width:40px;height:40px;line-height:42px;padding:0;background:#fff;text-align:center;color:#777;border-radius:50%;}
.pagination_box .pagination > li > a, .pagination > li > span {border:0;}
.pagination_box .pagination li.prev_first a span {margin:0;font-size:0;}
.pagination_box .pagination li.prev a span {font-size:0;}
.pagination_box .pagination li.next a span {font-size:0;}
.pagination_box .pagination li.next_last a span {font-size:0;}
.pagination_box .pagination li a span {padding:0;}
.pagination_box .pagination li a.on {border:none;background:#2f4b59;color:#fff;}

/* 게시글 상세 */
.tableB {width:100%;border-bottom:2px solid #ccc;word-break:break-all;font-size:16px;color:#222;table-layout:fixed;}
.tableB thead th {padding: 20px;background: #fff;border-left:1px solid #fff;border-top: 2px solid #2f4b59;color:#000;}
.tableB thead th:first-child {border-left:0;}
.tableB thead tr th span.notice {color:#448c30;}
.tableB tfoot th {padding:12px 20px;background:#e8e8e2;border-top:1px solid #fff;}
.tableB tfoot th {padding:12px 20px;border-left:1px solid #fff;border-top:1px solid #fff;background:#e8e8e2;}
.tableB tbody th {padding: 20px;border-left:1px solid #fff;border-top:1px solid #ddd;background: #f7f7f7;text-align:left;vertical-align:middle;font-weight:700;color: #222;}
.tableB tbody th.bg_color {background:rgba(247,203,204,0.7)}
.tableB tbody td {padding:20px 20px;border-left:1px solid #eee;border-top:1px solid #eee;}
.tableB tbody td.attach {padding:10px 20px;color:#666;font-size:14px;background:#f7f7f7;}
.tableB tbody td.attach > ul > li {display:flex;flex-wrap:wrap;align-items:center;}
.tableB tbody td.attach > ul > li span {position:relative;font-size:0;}
.tableB tbody td.attach > ul > li span:before {content:'';position:absolute;left:0;top:-13px;background:url(./../img/common/file.png) no-repeat;width:20px;height:18px;}
.tableB tbody td.attach > ul > li a {padding-left:10px;}
.tableB tbody td.attach > ul > li a:hover {text-decoration:underline;}
.tableB tbody td.answer {font-size:17px;color:#888;font-weight:300;}
.tableB tbody td.bor {border-top:1px solid #eee;}
.tableB tbody tr th:first-child,
.tableB tbody tr td:first-child {border-left:0;}
.tableB tbody tr:first-child th,
.tableB tbody tr:first-child td {border-top:2px solid #2f4b59}
.tableB tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableB thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableB tbody tr th.bd_left,.tableA tbody tr td.bd_left,
.tableB thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #fff;}
.tableB tbody td.tit {position:relative;line-height:normal;padding:45px 15px 20px 15px;/* text-align:center; */font-size:24px;color:#222;background:#eef6fe;}
.tableB tbody td.tit .title .g_condi {position:absolute;left:0;top:-2px;}
.tableB tbody td.tit .info {margin-top:5px;font-size:16px;text-align:right;}
.tableB tbody td label input {top:6px;}
.tableB .table_tit {display:block;font-size:18px;padding:10px 0;text-align:left;}
.tableB .notice_ul {display:block;margin-top:10px;text-align:left;}
.tableB .notice_ul li {position:relative;display:inline-block;padding-left:30px;color:#888;font-weight:400;font-size:15px;line-height:22px;}
.tableB .notice_ul li:after {content:"/";position:absolute;left:10px;top:0;color:#ccc;}
.tableB .notice_ul li:first-child {padding-left:0;}
.tableB .notice_ul li:first-child:after {display:none;}
.tableB .notice_ul li img {padding:8px 5px 0 0;}
.tableB .attachment_file {background:#f5f6f8;}
.boardbox em {color:#fff;font-size:14px;font-weight:600;line-height:28px;height:30px;width:auto;text-align:center;display:inline-block;border-radius:30px;padding:0 15px;}

.boardViewContainer {border-top:2px solid #000;}
.boardViewContainer .boardViewTitle {padding:20px;border-bottom:1px solid #eee;}
.boardViewContainer .boardViewTitle h3 {font-size:23px;}
.boardViewContainer .boardViewTitle ul {margin-top:20px;}
.boardViewContainer .boardViewTitle ul li {display:inline-block;color:#777;vertical-align:middle;font-weight:400;margin:0 20px 0 5px;color:#888;font-size:14px;}
.boardViewContainer .boardViewTitle ul span {font-weight:400;padding-left:10px;}
.boardViewContent {padding:30px 20px;border-bottom:1px solid #eee;}
.boardViewFile {padding:25px 20px; border-bottom:1px solid #eee;}
.boardViewFile p {padding:5px 0;}
.boardPrev {padding:20px 20px;border-bottom:1px solid #eee;}
.boardPrev span {position:relative;font-weight:400;width:100px;display:inline-block;}
.boardPrev span:after {position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:"";}
.boardPrev a {width:calc(100% - 100px);padding-left:30px;}
.boardNext {padding:20px 20px;border-bottom:1px solid #eee;}
.boardNext span {position:relative;font-weight:400;width:100px;display:inline-block;}
.boardNext span:after {position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:"";}
.boardNext a {width:calc(100% - 100px);padding-left:30px;}

	@media only screen and (max-width:767px){
		.boardViewContainer .boardViewTitle {padding:20px 5%;}
		.boardViewContainer .boardViewTitle h3 {font-size:18px;}
		.boardViewContainer .boardViewTitle ul li {font-size:13px;width:100%;margin:0;}
		.boardViewContent {padding:20px 5%;}
		.boardViewFile {padding:15px 5%;}
		.boardNext {padding:20px 5%;}
		.boardNext span {width:60px;}
		.boardNext a {width:calc(100% - 60px);padding-left:5%;}
		.boardPrev {padding:20px 5%;}
		.boardPrev span {width:60px;}
		.boardPrev a {width:calc(100% - 60px);padding-left:5%;}
	}

/* 게시글 쓰기 */

/* 게시판 버튼 */
.board_view_btn {display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
/* 일반 게시판 */
.boardbox .d1 {border:1px solid #004f9f;color:#004f9f;background:#fff;}
.boardbox .d2 {border:1px solid #ff2e5a;color:#ff2e5a;background:#fff;}
.boardbox .d3 {border:1px solid #000;color:#000;background:#fff;}
.boardbox .d4 {border:1px solid #999;color:#999;background:#fff;}

/* FAQ */
.faq {margin-top:10px;}
.faq li.child {margin-top:0;padding-top:0;border-top:0}
.faq li .faq_dl {overflow:hidden;border:1px solid #ddd;margin-top:-1px;}
.faq li .faq_dl dt a {text-decoration:none;}
.faq li .faq_dl dt strong {font-family:'SCoreDream';position:relative;display:block;line-height:normal;padding:20px 30px 20px 70px;font-weight:600;color:#000;line-height:25px;background:url(/images/fs/common/sh_bt_arr3.png) no-repeat top 26px left 30px;}
.faq li .faq_dl dt.on strong {background:url(/images/fs/common/sh_bt_arr2.png) no-repeat top 27px left 30px #879297;color:#fff;}
.faq li .faq_dl dd {position:relative;line-height:22px;padding:20px 30px 20px 70px;color:#666;background:#f1f1f1;}
.faq li .faq_dl dd p {font-family:'SCoreDream';}

/* 갤러리 */
.gallery {display:flex;flex-wrap:wrap;margin-top:10px;border-top: 2px solid #2f4b59;padding:20px 0;border-bottom:1px solid #ddd;}
.gallery li {width:25%;padding:0 1.5%;position:relative;overflow:hidden;margin:20px 0;}
.gallery li a {overflow:hidden;display:inline-block;width:100%;}
.gallery li .aut_img {width:100%;overflow:hidden;height:0;display:block;align-items:center;background:#f2f2f2;padding-bottom:66.66%;position:relative;border:1px solid #ddd;transition:all 0.4s;-webkit-transition:all 0.4s;}
.gallery li .aut_img img {position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);}
.gallery li .aut_txt p {padding-top:20px;font-size:16px;text-align:center;font-weight:600;}
.gallery li:hover .aut_img {border:1px solid #2f4b59;border-radius:20px;}


/* 사이트맵 */
.sitemap > ul {letter-spacing:-5px;border-top:3px solid #80af1b;}
.sitemap > ul:after {content:"";display:block;clear:both;}
.sitemap > ul > li {position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:50px 50px;font-size:25px;letter-spacing:0;border-bottom:1px dashed #ddd;}
.sitemap > ul > li:after {content:'';display:block;clear:both;}
.sitemap > ul > li > a {position:relative;display:inline-block;font-weight:600;color:#222;width:200px;}
.sitemap > ul > li > a:after {content:'';position:absolute;left:-20px;top:0;bottom:0;margin:auto 0;background:#80af1b;width:0;height:3px;transition:all .4s;-webkit-transition:all .4s;}
.sitemap > ul > li:hover > a:after {width:10px;}
.sitemap > ul > li:hover > a {color:#80af1b;}
.sitemap > ul > li ul {width:calc(100% - 200px);display:flex;flex-wrap:wrap;align-items:center;}
.sitemap > ul > li ul li {padding:0 30px;display:flex;}
.sitemap > ul > li ul li a {padding:0 15px;font-size:17px;background:url("/images/fs/common/list4.png") no-repeat center left;}
.sitemap > ul > li ul li:hover a {color:#80af1b;text-decoration:underline;}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* 사이트맵 */
    .sitemap > ul > li {font-size:23px;padding:50px 30px;}
    .sitemap > ul > li > a {width:180px;}
    .sitemap > ul > li ul {width:calc(100% - 180px);}
    .sitemap > ul > li ul li {padding:0 20px;}
    .sitemap > ul > li ul li a {font-size:16px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    /* 사이트맵 */
    .sitemap > ul > li {padding:30px 5%;font-size:20px;}
    .sitemap > ul > li > a {width:100%;}
    .sitemap > ul > li ul {padding-left:0;width:100%;margin-top:15px;}
    .sitemap > ul > li ul li {padding:0 20px 0 0;margin:5px 0;}
    .sitemap > ul > li ul li a {font-size:14px;}
}



/* ----- sub0101 - 인증서 */
.certf_list {max-width:90%;margin:auto;display:flex;flex-wrap:wrap;text-align: center;}
.certf_list li {width:25%;margin-bottom:30px;}
.certf_list li a {display:block;width:100%;padding:10px;}
.certf_list li a .imgbox {position:relative;aspect-ratio: 6/8;overflow: hidden;display:flex;align-items: center;justify-content: center;}
.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:after {content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,.6);transition:all .3s;-webkit-transition:all .3s;}
.certf_list li:hover a .imgbox:after {width:100%;height:100%;}
.certf_list li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;}
.certf_list li:hover a .imgbox img {transform: scale(1.2);}
.certf_list li a .list_tit {width:90%;margin:10px auto 0;color:#222;font-size:18px;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:100%;}
    .certf_list li:last-child {margin-bottom:0;}
    .certf_list li a .list_tit {font-size:17px;word-break: keep-all;}
}


/* ----- sub0101 - 인사말 */
.boxtit {margin-bottom:40px;display: inline-block;width:10px;height:10px;}
.common-pd {padding:120px 0;}
.gray_bg {background:#f5f5f5;padding:100px 0;}

.stitbox .stit {position:relative;color:#222;margin-top:50px;z-index: 1;}
.stitbox .stit span {font-size:62px;font-weight:200;line-height:1.1em;letter-spacing: -0.1em}
.stitbox .stit span strong {font-weight:600;}
.stitbox .stit p {margin-top:50px;font-weight:300;font-size:16px;line-height:1.5em;}

@media only screen and (max-width:1023px){
    .stitbox .stit span {font-size:40px;}
}
@media only screen and (max-width:767px){
    .common-pd {padding:60px 0; }
    .gray_bg {padding:60px 0; }

    .stitbox .stit {margin-top:30px;}
    .stitbox .stit span {font-size:28px;}
    .stitbox .stit p {margin-top:20px;}
}

.intro_wrp .stitbox {position:relative;display:block;padding:155px 10% 258px 10%;background:#fff;border-radius:0 0 120px 0px;overflow: hidden;text-align: left;}
.intro_wrp .stitbox:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/fs/content/sub01/introduce_img.png") no-repeat center; background-size:cover;opacity:1;}
.intro_wrp .stitbox img {position:relative;z-index: 1;/* filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(114deg) brightness(109%) contrast(101%);opacity:.5; */}
.intro_wrp .stitbox .stit {color:#fff;}
.intro_wrp .intro_flex {display:flex;flex-wrap:wrap;width:1005;margin-top:60px;}
.intro_wrp .intro_img {width:200px;}
.intro_wrp .intro_txt {padding-left:80px;width:calc(100% - 200px);}
.intro_wrp .intro_txt .txtbox {}
.intro_wrp .intro_txt .txtbox p {font-weight:400;font-size:18px;color:#666;line-height:1.5em;}
.intro_wrp .intro_txt .txtbox p + p {margin-top:20px;}
.intro_wrp .intro_txt .txtbox p strong {font-size:25px;font-weight:400;color:#648322;line-height:1.3em;}
.intro_wrp .intro_txt .ceo {margin-top:40px;text-align: right;color:#000;font-size:30px;font-weight:500;}
.intro_wrp .intro_txt .ceo em {text-align: right;margin-bottom:5px;color:#666;font-size:15px;}
@media only screen and (max-width:1023px){
	.intro_wrp .intro_txt {padding-left:40px;}
	.intro_wrp .intro_txt .txtbox p strong {font-size:23px;}
	.intro_wrp .intro_txt .txtbox p {font-size:16px;}
	.intro_wrp .intro_txt .ceo {text-align:right;}
	.intro_wrp .intro_txt .ceo span {padding:0;display:inline-block;width:100%;max-width:auto;text-align:right;}
}
@media only screen and (max-width:767px){
	.intro_wrp .intro_img {width:100%;}
	.intro_wrp .intro_img img {width:180px;}
	.intro_wrp .intro_txt {padding-left:0;width:100%;}
}

/* ----- sub0101 - 사업영역 */
.busibox {margin:0px auto 0 auto;background:#eff6df;border:0px solid #b1b1b1;border-radius: 10px;}
.list4 > li {color:#709e0c;font-size:18px;margin-top:0;line-height:25px;padding-left:15px;margin-bottom:10px;}
.list4 > li:last-child {margin-bottom:0;}
.list4 > li:after {width:12px;height:10px;background:url("/images/fs/common/list4.png") no-repeat center left;top:8px;}
.busibox div {display:flex;width:100%;border:0px solid;}
.busibox div ul {border:0px solid;display:flex;flex-wrap:wrap;width:100%;padding:40px;}
.busibox div ul li {width:50%;}

@media only screen and (max-width:767px){
    .busibox {margin:0px auto 0 auto;}
    .list4 > li {font-size:14px;}
    .busibox div ul {padding:20px;}
}



/* ----- sub0101 - 조직도 */
.org_wrp {}
.org_wrp .org_list {position:relative;text-align: center;max-width:1023px;margin:20px auto 0;}
.org_wrp .org_list:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:1px;height:82.5%;background:#ddd;z-index: -1;}
.org_wrp .org_list span {position:relative;display:inline-block;line-height:50px;border-radius:10px;background:#ff9000;padding:0 70px;color:#222;width:240px;font-weight:600;}
.org_wrp .org_list .main {position:relative;}
.org_wrp .org_list .main span {width:auto;font-size:1.3em;color:#fff;font-weight:bold;background:#ff9000;}
.org_wrp .org_list .m2 {position:absolute;right:0;top:0;margin-left:50%;margin-top:0;}
.org_wrp .org_list .m2 span {position:relative;border:1px solid #a81f24;background:#fff;color:#a81f24;}
.org_wrp .org_list .m2 span:after {content:'';position:absolute;left:-100%;top:0;bottom:0;margin:auto;width:100%;height:1px;background:#ddd;z-index: -1;}
.org_wrp .org_list .m3 {position:relative;margin-left:50%;}
.org_wrp .org_list .m3:after {content:'';position:absolute;left:0;top:25px;width:50%;height:1px;background:#ddd;z-index: -1;}
.org_wrp .org_list .m3 span {position:relative;background: #80af1b;color:#fff;}
.org_wrp .org_list .m3 ul {width:240px;margin:5px auto 0 auto;padding:10px 15px 15px 15px;background:#fff;border:1px solid #ddd;border-radius: 10px;}
.org_wrp .org_list .m3 ul li {text-align: left;}
.org_wrp .org_list .sbox {position:relative;display:flex;flex-wrap:wrap;flex-direction: column;justify-content:center;width:100%;gap: 10px;}
/*.org_wrp .org_list .sbox:after {content:'';position:absolute;left:0;right:0;top:-20px;margin:auto;width:49%;height:1px;background:#ddd;z-index: -1;}*/
.org_wrp .org_list .sbox ul.list3 {width:240px;margin:5px auto 0 auto;padding:10px 15px 15px 15px;background:#fff;border:1px solid #ddd;border-radius: 10px;}
.org_wrp .org_list .sbox ul.list3 li {text-align: left;}
.org_wrp .org_list .sbox span {border:1px solid #fff;color:#fff;background:#333;}
.org_wrp .org_list .sbox span:after {content:'';position:absolute;left:0;right:0;top:-20px;margin:auto;width:1px;height:20px;background:#ddd;z-index: -1;}

.org_wrp .org_list .fbox {position:relative;}
.org_wrp .org_list .fbox:after {content:'';position:absolute;left:0;right:0;top:-20px;margin:auto;width:100%;height:1px;background:#ddd;z-index: -1;}
.org_wrp .org_list .fbox span {border:1px solid #333;color:#333;background:#fff;}
.org_wrp .org_list .fbox span:after {content:'';position:absolute;left:0;right:0;top:-20px;margin:auto;width:1px;height:20px;background:#ddd;z-index: -1;}
.org_wrp .org_list .fbox > ul {display:flex;justify-content: space-between;flex-wrap:wrap;gap:95px;}
.org_wrp .org_list .fbox > ul > li {position:relative;width:calc((100% - 285px) / 3);}
.org_wrp .org_list .fbox > ul > li:first-child:after {content:'';position:absolute;left:-1px;right:auto;top:-20px;margin:auto;width:50%;height:1px;background:#fff;z-index: 1;}
.org_wrp .org_list .fbox > ul > li:last-child:before {content:'';position:absolute;left:auto;right:0;top:-20px;margin:auto;width:50%;height:1px;background:#fff;z-index: 1;}
.org_wrp .org_list .fbox > ul > li span {width:100%;min-width: auto;}
.org_wrp .org_list .fbox > ul > li .list3 {width:100%;margin:5px auto 0 auto;}
.org_wrp .org_list .fbox ul.list3 {width:240px;margin:5px auto 0 auto;padding:10px 15px 15px 15px;background:#fff;border:1px solid #ddd;border-radius: 10px;}
.org_wrp .org_list .fbox ul.list3 li {text-align: left;}


.org_wrp_txt {margin:50px auto 0 auto;padding:30px 15px;background:#f5f5f5;border:1px dashed #b1b1b1;border-radius: 10px;}

/* 반응형 */
@media only screen and (max-width:1023px){
    .org_wrp .org_list:after {height:80.5%}
    .org_wrp .org_list span {min-width:200px;width:auto;line-height:normal;padding:15px 0;}
    .org_wrp .org_list .m3 ul {width:200px;}
    .org_wrp .org_list .sbox:after {width:420px;}
    .org_wrp .org_list .sbox ul.list3 {width:200px;}
    .org_wrp .org_list .fbox > ul {gap:20px;}
    .org_wrp .org_list .fbox > ul > li {width:calc((100% - 40px) / 3);}
}
@media only screen and (max-width:767px){
    .org_wrp .org_list:after {height:61.2%;}
    .org_wrp .org_list .m3 {margin:10px auto 0;text-align: center;}
    .org_wrp .org_list .m3:after {display: none;}
    .org_wrp .org_list .fbox > ul:after {content:"";position: absolute;left:50%;top:-19px;margin-left:-10px;display:block;height: 50px;width: 20px;background: #fff;}
    .org_wrp .org_list .fbox > ul > li + li + li span:after {display: none;}
    .org_wrp .org_list .fbox > ul > li {width:calc((100% - 20px) / 2);}
    .org_wrp .org_list .fbox > ul > li:nth-child(2):before {content:'';position:absolute;left:auto;right:0;top:-20px;margin:auto;width:50%;height:1px;background:#fff;z-index: 1;}
    .org_wrp .org_list .fbox > ul > li:last-child:before {display: none;}
    .org_wrp .org_list .sbox ul.list3 {padding:10px 10px 10px 10px;}

    /*.org_wrp .org_list:after {height:68.5%;}
    .org_wrp .org_list .m2 {position:relative; text-align: center;margin:10px auto 0;}
    .org_wrp .org_list .m3 {margin:10px auto 0;text-align: center;}
    .org_wrp .org_list .m3 > div {position:relative;width:calc(33% - 5px) }
    .org_wrp .org_list .sbox {margin-top:20px;gap:5px;}
    .org_wrp .org_list .sbox span {width:200px;min-width:auto;}
    .org_wrp .org_list .fbox:after {width:51%;}
    .org_wrp .org_list .fbox ul {gap:5px;}
    .org_wrp .org_list .fbox ul > li {width:calc(50% - 5px);}

    .org_wrp .org_list .m2 span:after,
    .org_wrp .org_list .m3:after,
    .org_wrp .org_list .sbox:after,
    .org_wrp .org_list .sbox span:after {display: none;}*/

}
/*@media only screen and (max-width:560px){
    .org_wrp .org_list:after {height:75.4%;}
    .org_wrp .org_list span {width:100%;max-width:240px;padding:12px 0;}
    .org_wrp .org_list .sbox {flex-direction: column;justify-content: center;}
    .org_wrp .org_list .sbox span {width:100%;max-width:240px;margin: auto;}
}*/

/* 반응형 */
@media only screen and (max-width:1023px){
    .intro_wrp .stitbox {padding:50px 15% 70px 10%;}
}
@media only screen and (max-width:767px){
    .intro_wrp .intro_txt {padding:0;margin-top:30px;}
    .intro_wrp .intro_txt .txtbox p {font-size:17px;}
    .intro_wrp .intro_txt .ceo {font-size:20px;}
}

/* ----- sub0102 - 연혁 */

.history_wrp .hisbox {position:relative;display:block;padding:110px 10% 520px 10%;border-radius:0 0 0px 0px;overflow: hidden;text-align: center;}
.history_wrp .hisbox:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/fs/content/sub01/history_img.png") no-repeat center; background-size:cover;opacity:1;}
.history_wrp .hisbox img {position:relative;z-index: 1;/* filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(114deg) brightness(109%) contrast(101%);opacity:.5; */}
.history_wrp .hisbox .stit {font-size:56px;letter-spacing:-7px;color:#45300b;}
.history_wrp .hisbox .stit strong {font-weight:600;}
.history_wrp .hisbox .stit p {font-size:26px;letter-spacing:-2px;line-height:34px;}
.history_wrp .hisbox .stit p strong {color:#80af1b;}



.history_wrp .h_list .y-wrp {display:flex;flex-wrap:wrap;}
.history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:100px;}
.history_wrp .h_list .y-wrp .year-area {width:45%;padding-right:50px;}
.history_wrp .h_list .y-wrp .year-area .year {position:relative;font-size:4.5em;color:#80af1b;font-weight:bold;text-align: right;}
.history_wrp .h_list .y-wrp .month-area {position:relative;width:55%;padding-left:50px;}
.history_wrp .h_list .y-wrp .month-area:before {content:'';position:absolute;left:-7px;top:35px;width:16px;height:16px;border-radius:50px;border:5px solid #80af1b;background:#fff;z-index: 1;}
.history_wrp .h_list .y-wrp .month-area:after {content:'';position:absolute;left:0;top:60px;width:1px;height:calc(100% - 60px);background:#ddd;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li {display: flex;align-items: center;padding:30px;border-radius:10px;background:#f5f5f5;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:10px;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {font-weight:800;color:#000;min-width:130px;font-size:1.3em;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li .month em {color:#888;font-size:.9em;font-weight:normal;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p {font-size:1.1em;font-weight:500;color:#666;}
.history_wrp .h_list .y-wrp .month-area ul.txt_list li p + p {margin-top:10px;}
/* 반응형 */
@media only screen and (max-width:1023px){
    .history_wrp .h_list .y-wrp .year-area {width:200px;}
    .history_wrp .h_list .y-wrp .year-area .year {text-align:left;}
    .history_wrp .h_list .y-wrp .month-area {width:calc(100% - 200px);}
}
@media only screen and (max-width:767px){
    .history_wrp .hisbox {padding:50px 10% 360px 10%;}
    .history_wrp .hisbox .stit {font-size:26px;letter-spacing:-4px;}
    .history_wrp .hisbox .stit p {font-size:16px;letter-spacing:-1px;line-height:22px;}


    .history_wrp .h_list .y-wrp {flex-direction: column;}
    .history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:80px;}
    .history_wrp .h_list .y-wrp .year-area .year {font-size:3.5em;}
    .history_wrp .h_list .y-wrp .month-area {width:100%;padding-left:25px;margin-top:10px;}
    .history_wrp .h_list .y-wrp .month-area:before {left:0;top:25px;width:12px;height:12px;border-width:4px;}
    .history_wrp .h_list .y-wrp .month-area:after {left:5px;top:50px;height:calc(100% - 50px);}
    .history_wrp .h_list .y-wrp .month-area ul.txt_list li {padding:15px;}
    .history_wrp .h_list .y-wrp .month-area ul.txt_list li + li {margin-top:5px;}
    .history_wrp .h_list .y-wrp .month-area ul.txt_list li .month {min-width:60px;font-size:1.2em;}
    .history_wrp .h_list .y-wrp .month-area ul.txt_list li p {margin-left:20px;font-size:1em;}
}
@media only screen and (max-width:560px){
    .history_wrp .h_list .y-wrp:nth-child(n+2){margin-top:60px;}
    .history_wrp .h_list .y-wrp .month-area {}
}

/* ----- sub0103 - CI/BI */
.ci_box {padding:80px 90px;border:1px solid #dadada;}
.ci_box strong {}
.ci_box .ci_txt1 {font-size:56px;font-weight:600;color:#dc7112;letter-spacing:-6px;line-height:68px;}
.ci_box .ci_txt2 {margin-top:23px;font-size:16px;color:#7e7e7e;line-height:25px;}
.ci_box .ci_txt3 {padding-left:15%;font-size:18px;color:#000;border-left:9px solid #dc7112;}

.ci_box ul {padding-top:60px;}
.ci_box li {padding:0 1.5%;position:relative;overflow:hidden;margin:20px 0;text-align:center;}
.ci_box li p {text-align:center;margin-top:10px;font-size:16px;}
/* .ci_box li img {border-radius:100%;} */

@media only screen and (max-width:767px){
    .ci_box {padding:30px;}
    .ci_box .ci_txt1 {font-size:24px;letter-spacing:-2px;line-height:30px;}
    .ci_box .ci_txt2 {margin-top:15px;font-size:14px;line-height:20px;}
}


/* ----- sub0104 - 오시는길 */
.map {display:flex;flex-wrap:wrap;width:100%;margin-top:30px;}
.map li {width:25%;padding:20px 40px;border-left:1px dashed #ddd;}
.map li:first-child {padding-left:0;border-left:0;}
.map li div {position:relative;height:45px;}
.map li div:before {content:'';position:absolute;left:13px;top:13px;width:30px;height:30px;background:#f1f4eb;border-radius:100%;z-index:-1;}
.map li span {font-size:16px;margin-top:20px;color:#80af1b;}
.map li strong {color:#000;}
.map li p {font-size:14px;color:#666;line-height:normal;margin-top:10px;}
@media only screen and (max-width:1023px){
    .map li {width:50%;padding:30px 30px;}
    .map li:nth-child(3) {padding-left:0;border-left:0;border-top:1px dashed #ddd;}
    .map li:nth-child(4) {border-top:1px dashed #ddd;}
}
@media only screen and (max-width:767px){
    .map li {width:100%;padding:20px 0;}
    .map li:nth-child(2) {border-left:0;border-top:1px dashed #ddd;}
    .map li:nth-child(3) {border-top:1px dashed #ddd;}
    .map li:nth-child(4) {border-left:0;border-top:1px dashed #ddd;}
}

/* ----- sub0201 - 봉제교육 */
.sewingbox {display:flex;padding:60px 20px 60px 90px;font-size:18px;color:#fff;letter-spacing:-0.5px;background:#80af1b;border-radius:5px;}
.sewingbox p {padding-top:15px}
.sewingbox img {max-height:79px;padding-right:50px}
.sewingbox strong {font-weight:600;}
@media only screen and (max-width:767px) {
    .sewingbox {padding:10%;font-size:16px;}
    .sewingbox img {padding-right:20px}
}

/* ----- sub0202 - 봉제교육 */
.product_make {padding:80px 90px;border:1px solid #dadada;}
.product_maketi {padding-bottom:80px;border-bottom:1px dashed #dadada;}
.product_maketi {display:flex;}
.product_maketi .maketi_txt_warp1 {width:60%;}
.product_maketi .maketi_txt_warp2 {width:40%;}
.product_maketi strong {font-weight:600;}
.product_maketi .maketi_txt1 {font-size:56px;font-weight:200;color:#dc7112;letter-spacing:-6px;line-height:68px;}
.product_maketi .maketi_txt2 {margin-top:23px;font-size:16px;color:#7e7e7e;line-height:25px;}
.product_maketi .maketi_txt3 {padding-left:15%;font-size:18px;color:#000;border-left:9px solid #dc7112;}

.product_make ul {display:flex;flex-wrap:wrap;padding-top:60px;}
.product_make li {width:33.3%;padding:0 1.5%;position:relative;overflow:hidden;margin:20px 0;text-align:center;}
.product_make li:last-child {width:100%;padding:0 1.5%;position:relative;overflow:hidden;margin:20px 0;text-align:center;}
.product_make li p {text-align:center;margin-top:10px;font-size:16px;}
.product_make li img {border-radius:10px;}
.product_make li img:after {border-radius:5px;}

.product_store > ul {border-top:2px solid #000}
.product_store > ul > li {display:flex;padding:80px 90px;align-items: center;border-bottom:1px dashed #dadada;}
.product_store_warp1 {width:50%;}
.product_store_warp2 {width:50%;padding:5%;}
.product_store .re {flex-direction: row-reverse;}
.product_store_warp2 span {padding:3px 20px;color:#fff;background:#80af1b;border-radius:50px;}
.product_store_warp2 p {display:block;padding-top:5px;font-weight:500;font-size:36px;line-height:40px;letter-spacing:-4px;}
.product_store_warp2 ul {font-size:16px;padding-top:10px;}
.product_store li img {border-radius:5px;}

.naver_store_warp {display:flex;justify-content: center;padding:60px 10px 30px 10px;border-bottom:2px solid #38b045;}
.naver_store_warp a {display:flex;}
.naver_store_warp a:hover p {border-radius:0;border-bottom:0px solid #38b045;color:#38b045;}
/* .naver_store_warp a img {transition:all 0.4s;-webkit-transition:all 0.4s;}
.naver_store_warp a:hover img {filter:brightness(1000%);transition:all 0.4s;-webkit-transition:all 0.4s;} */



.naver_store p {padding:0 14px 0 27px;letter-spacing:-2px;}
.naver_store img {padding-left:10px;margin-top:2px;}
.naver_store span {font-size:16px;font-weight:600;color:#38b045;}
.naver_store strong {font-size:25px;font-weight:500;}

@media only screen and (max-width:767px) {
    .product_make {padding:40px 30px;}
    .product_make li:nth-child(5) {width:100%;padding:0 25%;}
    .product_maketi {flex-direction: column;padding-bottom:40px;}
    .product_maketi .maketi_txt_warp1 {width:100%;}
    .product_maketi .maketi_txt_warp2 {width:100%;margin-top:20px;}
    .product_maketi .maketi_txt1 {font-size:32px;font-weight:200;color:#dc7112;letter-spacing:-5px;line-height:36px;}
    .product_maketi .maketi_txt2 {margin-top:8px;font-size:15px;color:#7e7e7e;line-height:25px;}
    .product_maketi .maketi_txt3 {padding-left:5%;font-size:15px;color:#000;border-left:5px solid #dc7112;}
    .product_make ul {padding-top:30px;}
    .product_make li {width:50%;}

    .product_store_warp1 {width:100%;}
    .product_store_warp2 {width:100%;padding:20px 0 0 0;}
    .product_store_warp2 p {font-size:24px;line-height:30px;}
    .product_store_warp2 ul {padding:0;font-size:14px;}
    .product_store > ul > li {display:flex;flex-direction: column;padding:20px 20px;align-items: center;}
    .product_store .re {flex-direction: column;}


    .naver_store_warp p {flex-grow:1;padding:0 0 0 10px;}
    .naver_store strong {font-size:18px;}
    .naver_store img {margin-top:0px;}
}
@media only screen and (max-width:399px) {
    .naver_store strong {display:inline-block;width:145px;}
}

/* sub01_locations Line_공통 */
.products_top {padding:150px 0;color:#fff;background-size:cover !important;}
.products_top h3 {position:relative;padding-bottom:25px;font-size:45px;font-weight:600;}
.products_top h3:before {content:"";position:absolute;left:0;right:0;bottom:0;width:35px;height:1px;background:#fff;margin:0 auto;}
.products_top p {font-size:18px;line-height:25px;margin-top:25px;font-weight:200;}
.pro_contact {padding:120px 0;}
.pro_contact .wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.pro_contact h5 {font-size:50px;font-weight:800;color:#000;}
.pro_contact p {font-size:18px;line-height:25px;margin-top:25px;font-weight:200;}
.pro_contact a {font-size:25px;font-weight:600;height:70px;line-height:68px;border-radius:50px;border:1px solid #ddd;display:inline-block;padding:0 40px;display:flex;flex-wrap:wrap;align-items:center;}
.pro_contact a:hover {background:#2f4b59;color:#fff;border:1px solid #2f4b59;border-radius:0;}
.pro_contact a img {padding-left:30px;transition:all 0.4s;-webkit-transition:all 0.4s;}
.pro_contact a:hover img {filter:brightness(1000%);transition:all 0.4s;-webkit-transition:all 0.4s;}

.gray_bg {background:#f1f1f1;padding:120px 0;display:inline-block;width:100%;}
.white_bg {background:#fff;padding:120px 0;display:inline-block;width:100%;}

.air {background:url(/images/fs/content/sub01/air_bg.png) no-repeat center center;}
.automobile {background:url(/images/fs/content/sub01/automobile_bg.png) no-repeat center center;}
.construct {background:url(/images/fs/content/sub01/construct_bg.png
) no-repeat center center;}
.environment {background:url(/images/fs/content/sub01/environment_bg.png
) no-repeat center center;}
.fiber {background:url(/images/fs/content/sub01/fiber_bg.png
) no-repeat center center;}
.material {background:url(/images/fs/content/sub01/material_bg.png
) no-repeat center center;}
.radon {background:url(/images/fs/content/sub01/radon_bg.png
) no-repeat center center;}
.various {background:url(/images/fs/content/sub01/various_bg.png
) no-repeat center center;}

.products_list {display:flex;flex-wrap:wrap;width:100%;justify-content:space-around;margin-top:30px;}
.products_list li {width:25%;text-align:center;padding:0 1.5%;}
.products_list li img {width:100%;}
.products_list li p {font-size:16px;font-weight:500;color:#000;margin-top:20px;line-height:23px;}

.radon_list li {display:flex;flex-wrap:wrap;width:100%;align-items:center;padding:20px 0;border-bottom:1px dashed #ddd;}
.radon_list li:last-child {border-bottom:0;}
.radon_list li span {width:50px;height:50px;background:#dae1e5;border-radius:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:18px;font-weight:600;color:#2f4b59;}
.radon_list li p {padding-left:15px;width:calc(100% - 50px);}

/* sub0201_greeting */
.greeting {position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;}
.greeting .gre_img {position:absolute;top:0;left:0;border-top-left-radius:30px;overflow: hidden;width:50%;}
.greeting .gre_txt {margin-top:150px;background:#2a4350;border-top:10px solid #3c5968;border-left:10px solid #3c5968;border-bottom-right-radius:30px;width:55%;padding:80px 60px;z-index:1;}
.greeting .gre_txt strong {position:relative;padding-bottom:40px;margin-bottom:40px;font-size:45px;color:#fff;line-height:54px;display:block;}
.greeting .gre_txt strong:before {content:"";position:absolute;left:0;bottom:0;width:35px;height:1px;background:#6a7c85;}
.greeting .gre_txt strong em {color:#add6ec;font-size:63px;}
.greeting .gre_txt p {color:#fff;font-size:18px;font-weight:200;line-height:26px;}
.greeting .gre_txt div {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:60px;}
.greeting .gre_txt div span {font-size:20px;padding-right:20px;color:#fff;}

/* sub0202_Introduction */
.introduction {
    background:linear-gradient(70deg, #2a4350, #49809d);display:inline-block;width:100%;}
.introduction .wrap {display:flex;flex-wrap:wrap;width:100%;}
.introduction .intro_txt {font-size:17px;color:#fff;line-height:26px;font-weight:200;padding:130px 0;width:calc(100% - 500px);padding-right:5%;}
.corporate {background:#f1f1f1;padding:130px 0 130px 80px;width:500px;}
.corporate .cor_list {}
.corporate .cor_list li {display:flex;flex-wrap:wrap;width:100%;align-items:center;padding:30px 0;border-bottom:1px solid #ddd;}
.corporate .cor_list li:last-child {border-bottom:0;}
.corporate .cor_list li .cor_icon {width:130px;height:130px;border-radius:100%;background:#dddfe1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.corporate .cor_list li .cor_txt {font-size:20px;font-weight:600;width:calc(100% - 130px);padding-left:10%;}

/* sub0203_history */
.history_info strong {font-size:30px;color:#2a4350;line-height:50px;width:350px;padding-left:50px;}
.history_info > ul > li {position:relative;border-bottom:1px dotted #ddd;display:flex;flex-wrap:wrap;padding:40px 0;}
.history_info > ul > li:after {content:"";position:absolute;left:0;top:50px;width:30px;height:30px;background:url("/images/fs/layout/title_bg.png") no-repeat center center;}
.history_info > ul > li > ul {width:calc(100% - 350px);padding-top:5px;}
.history_info > ul > li > ul > li {overflow:hidden;}
.history_info > ul > li > ul > li .list1 {margin-bottom:30px;}
.history_info > ul > li > ul > li .list1 li {margin:10px 0;}
.history_info > ul > li > ul > li span {color:#fff;background:#2a4350;padding:5px 10px;border-radius:30px;display:inline-block;margin-bottom:-5px;}
.history_info > ul > li:last-child {margin-bottom:0;border:0;}

/* sub0204_Organization */
.ceo span {display:inline-block;width:100%;max-width:220px;padding:0 15px;text-align:center;}

.org_box {margin:auto;text-align:center;}
.org_box .ceo {position:relative;margin:auto;text-align:center;padding-bottom:40px;}
.org_box .ceo:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:1px;height:40px;background:#ddd;}
.org_box .ceo span {background:linear-gradient(45deg, #2a4350, #49809d);color:#fff;font-weight:bold;height:65px;display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:center;margin:0 auto;}

.group {position:relative;display:flex;flex-wrap:wrap;justify-content: space-between;}
.group:before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:50%;height:1px;background:#ddd;}
.group > li {position:relative;width:50%;padding:0 5px;}
.group > li:before {content:'';position:absolute;left:0;right:0;top:-40px;margin:auto;width:1px;height:40px;background:#ddd;}
.group > li > span {padding:0 2%;}
.group li.dep-tit > span {font-weight:bold;background:#0f2531;border:0;color:#fff;padding:15px 0;height:65px;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;width:250px;}
.group li .d1-item .dep-tit {margin-top:3px;}
.group li .d1-item .dep-tit > span {font-weight:bold;background:#fff;border:1px solid #ddd;color:#0f2531;}
.group li ul.other {margin:3px auto;padding:5px;background:#f5f5f5;}
.group2 {padding-top:40px;}

.group3 {width:200%;}
.group3:after {content:'';position:absolute;left:25%;top:-40px;margin:auto;width:1px;height:40px;background:#ddd;}
.group3 > li:before {content:'';position:absolute;left:0;right:0;top:-40px;margin:auto;width:1px;height:40px;background:#ddd;}
.group3 > li ul.other > li span {border:0;height:65px;display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:center;}
.group3 > li ul.other > li + li {margin-top:-1px;border-top:1px dashed #ddd;}
.group3 {position:relative;padding-top:40px;left:0;right:0;margin:40px auto 0;display:flex;flex-wrap:wrap;}
.group3:before {width:76%;left:0;}
.group3 > li {width:24% !important;}
.group3.full:before {display:none;}
.group3 > li > span {background:#a1b0b7;color:#fff;height:65px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

/* sub0205_location */
.location {position:relative;}
.location .loc_box {display:flex;flex-wrap:wrap;}
.location .loc_box .lo_img {width:50%;padding-right:80px;}
.location .loc_box .lo_img img {width:100%;}
.location .loc_box .lo_txt {width:50%;}
.location .loc_box .lo_txt strong {font-size:30px;font-weight:800;margin:40px 0 20px 0;display:inline-block;width:100%;}
.location .loc_box .lo_txt div {display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;margin-top:20px;}
.location .loc_box .lo_txt div span {font-size:16px;border:1px solid #ddd;display:inline-block;padding:5px 0;width:90px;text-align:center;}
.location .loc_box .lo_txt div p {font-size:16px;color:#666;line-height:25px;padding-left:20px;width:calc(100% - 90px);}
.location .loc_box .lo_txt ul {margin-top:30px;}
.location .loc_box .lo_txt ul li em {font-weight:600;width:45px;display:inline-block;}
.location a {background:#2a4350;color:#fff;padding:15px 40px;display:inline-block;float:right;margin-top:30px;}
.location a:hover {background:#000;border-radius:30px;}

/* sub0301_Research Institute */
.gray_font {font-size:25px;line-height:35px;}
.gray_font span {font-size:40px;font-weight:800;color:#49809d;}

/* sub0303_R&D performance */
.rnd_perfo img {width:100%;}
.rnd_flex {display:flex;flex-wrap:wrap;width:100%;}
.rnd_flex .rnd_img {width:50%;padding-right:100px;}
.rnd_flex .rnd_img img {width:100%;border-radius:50px 0 50px 0;}
.rnd_flex .rnd_txt {width:50%;}

/* sub0401_Contact */
.contact {}
.contact .gray_font {line-height:50px;}
.order {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;}
.order:before {content:"";position:absolute;left:0;right:0; top:25px;width:60%;height:1px;background:#ddd;margin:0 auto;z-index:-1;}
.order li {text-align:center;width:25%;margin:0 2%;}
.order li span {background:#fff;border-radius:100%;color:#fff;width:50px;height:50px;line-height:50px;display:inline-block;margin-bottom:20px;font-size:18px;font-weight:600;color:#aaa;border:2px solid #ddd;}
.order li p {color:#aaa;font-size:18px;}
.order li.on span {background:#49809d;border:2px solid #49809d;color:#fff;}
.order li.on p {color:#24556f;font-weight:600;}
.line_box {border:1px solid #ddd;padding:30px;}
.line_box ul li {display:flex;flex-wrap:wrap;width:100%;margin:10px 0;}
.line_box ul li span {width:30px;background:#2f4b59;color:#fff;border-radius:100%;width:30px;height:30px;text-align:center;line-height:30px;font-size:14px;font-weight:600;margin-top:-5px;}
.line_box ul li p {width:calc(100% - 30px);padding-left:10px;}

/* pc */
@media only screen and (max-width:1499px){
    /* sub01_locations Line_공통 */
    .pro_contact div {display:inline-block;width:100%;text-align:left;}
    .pro_contact a {margin-top:50px;display:inline-flex;}

    /* sub0201_greeting */
    .greeting .gre_img {width:60%;}
    .greeting .gre_txt {width:70%;}

    /* sub0202_Introduction */
    .introduction .intro_txt {width:100%;padding:100px 0 60px 0;}
    .corporate {width:100%;border-radius:30px 30px 0 0;padding:100px 0 60px 10%;}

    /* sub0205_location */
    .location .loc_box .lo_txt strong {margin:0 0 20px 0;}

    /* sub0303_R&D performance */
    .rnd_flex .rnd_img {padding-right:8%;}
}
/* pc */
@media only screen and (max-width:1199px){
    /* sub01_locations Line_공통 */
    .products_list li {width:50%;padding:0 2% 4% 2%;}
    .products_list li.mt30 {margin:0 !important;}

    /* sub0201_greeting */
    .greeting .gre_txt {padding:60px;}
    .greeting .gre_txt strong {font-size:40px;}
    .greeting .gre_txt strong em {font-size:45px;}

    /* sub0205_location */
    .location .loc_box .lo_img {padding-right:40px;}

    /* sub0401_Contact */
    .contact .gray_font {line-height:45px;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* 갤러리 */
    .gallery li {width:33.33%;}

    /* sub01_locations Line_공통 */
    .products_top h3 {font-size:35px;}
    .products_top p {font-size:16px;line-height:20px;}
    .pro_contact h5 {font-size:40px;}
    .pro_contact p {font-size:16px;line-height:20px;}

    /* sub0201_greeting */
    .greeting .gre_img {width:90%;}
    .greeting .gre_txt {width:90%;}

    /* sub0202_Introduction */
    .corporate .cor_list li {padding:20px 0;}
    .corporate .cor_list li .cor_icon {width:100px;height:100px;}
    .corporate .cor_list li .cor_icon img {max-width:50px;max-height:50px;}
    .corporate .cor_list li .cor_txt {font-size:16px;width:calc(100% - 100px);}

    /* sub0203_history */
    .history_info strong {width:280px;font-size:25px;}
    .history_info > ul > li > ul {width:calc(100% - 280px);}

    /* sub0205_location */
    .location .loc_box .lo_img {width:100%;padding-right:0;}
    .location .loc_box .lo_txt {width:100%;margin-top:40px;}

    /* sub0301_Research Institute */
    .gray_font {font-size:20px;line-height:30px;}
    .gray_font span {font-size:30px;}

    /* sub0301_R&D field */
    .rnd img {max-width:700px;}

    /* sub0303_R&D performance */
    .rnd_flex .rnd_img {padding-right:0;width:100%;}
    .rnd_flex .rnd_txt {width:100%;margin-top:60px;}

    /* sub0401_Contact */
    .contact .gray_font {line-height:40px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .fs_list_box {width:100%;justify-content:flex-end;}
    .search .box .search_box {width:100%;margin-top:10px;}

    .tableB thead th {padding:10px 5%;font-size:14px;}
    .tableB tbody th {padding:10px 3%;font-size:14px;}
    .tableB tbody td {padding:10px 5%;font-size:14px;}
    .tableB tbody td.attach {padding:10px 5%;}
    .tableB .notice_ul {margin-top:5px;}
    .tableB .notice_ul li {width:100%;padding-left:0;}
    .tableB .notice_ul li:after {display:none;}

    /* FAQ */
    .faq li .faq_dl dt strong {padding:10px 5% 10px 40px;background: url(/images/fs/common/sh_bt_arr3.png) no-repeat top 17px left 18px;}
    .faq li .faq_dl dt.on strong {background: url(/images/fs/common/sh_bt_arr2.png) no-repeat top 17px left 18px #879297;}
    .faq li .faq_dl dd {padding:10px 5% 10px 40px;}

    /* 갤러리 */
    .gallery li {width:50%;padding:0 2%;margin:10px 0;}
    .gallery li .aut_txt p {font-size:14px;padding-top:10px;}

    /* sub01_locations Line_공통 */
    .products_top {padding:80px 0;}
    .products_top h3 {font-size:25px;}
    .products_top p {font-size:14px;}
    .pro_contact {padding:80px 0;}
    .pro_contact h5 {font-size:25px;}
    .pro_contact p {font-size:14px;}
    .pro_contact a {font-size:16px;height:50px;line-height:48px;}
    .products_list {margin-top:20px;}
    .products_list li p {margin-top:10px;font-size:14px;line-height:normal;}
    .gray_bg {padding:80px 0;}
    .white_bg {padding:80px 0;}

    /* sub0201_greeting */
    .greeting .gre_img {width:90%;}
    .greeting .gre_txt {width:90%;margin-top:80px;padding:30px 10%;}
    .greeting .gre_txt strong {font-size:30px;line-height:normal;margin-bottom:20px;padding-bottom:20px;}
    .greeting .gre_txt strong em {font-size:35px;}
    .greeting .gre_txt p {font-size:14px;line-height:23px;}
    .greeting .gre_txt div {margin-top:30px;}
    .greeting .gre_txt div span {font-size:16px;}
    .greeting .gre_txt div img {width:180px;}

    /* sub0202_Introduction */
    .introduction .intro_txt {padding:60px 0 60px 0;font-size:14px;line-height:20px;}
    .corporate {padding:60px 0 30px 10%;}
    .corporate .cor_list li .cor_icon {width:60px;height:60px;}
    .corporate .cor_list li .cor_icon img {max-width:30px;max-height:30px;}
    .corporate .cor_list li .cor_txt {font-size:16px;width:calc(100% - 60px);padding-left:20px;font-size:14px;}

    /* sub0203_history */
    .history_info strong {width:100%;font-size:20px;padding-left:40px;line-height:35px;}
    .history_info > ul > li {padding:20px 0;}
    .history_info > ul > li:after {top:22px;}
    .history_info > ul > li > ul {width:100%;padding-top:0;}
    .history_info > ul > li > ul > li .list1 {margin-bottom:20px;}

    /* sub0204_Organization */
    .group li.dep-tit > span {width:100%;}
    .group3 {padding-top:0;}
    .group3:before {display:none;}
    .group3 > li {width:100% !important;padding:0;margin-bottom:20px;}
    .group3 > li:before {height:24px;top:-24px;}
    .group3 > li:first-child:before {display:none;}
    .group3 > li > span {height:50px;}
    .group3 > li ul.other > li span {height:50px;}
    .group3 > li ul.other > li span br {display:none;}
    .group li.dep-tit > span {height:70px;}

    /* sub0205_location */
    .location .loc_box .lo_txt strong {font-size:23px;}
    .location .loc_box .lo_txt div span {font-size:14px;width:75px;}
    .location .loc_box .lo_txt div p {font-size:14px;width:calc(100% - 75px);padding-left:10px;line-height:20px;}
    .location .loc_box .lo_txt div p br {display:none;}

    /* sub0301_Research Institute */
    .gray_font {font-size:18px;line-height:25px;}
    .gray_font span {font-size:20px;}

    /* sub0301_R&D field */
    .rnd img {max-width:auto;width:100%;}

    /* sub0303_R&D performance */
    .rnd_flex .rnd_txt {margin-top:40px;}

    /* sub0401_Contact */
    .contact .gray_font {line-height:25px;}
    .order li {width:29%;}
    .order li span {margin-bottom:10px;}
    .order li p {font-size:14px;height:28px;display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:center;}
    .line_box {padding:20px 5%;}
}