@charset "utf-8";

/********** 말줄임(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="ellipsis"] {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */
.ellipsis2 {-webkit-line-clamp:2;}/* 2줄 */
.ellipsis3 {-webkit-line-clamp:3;}/* 3줄 */
.ellipsis4 {-webkit-line-clamp:4;}/* 4줄 */

/********** 가로값 **********/
.wh100p {width:100%;}
.wh99p {width:99%;}
.wh90p {width:90%;}
.wh80p {width:80%;}
.wh75p {width:75%;}
.wh70p {width:70%;}
.wh66p {width:66.3%;}
.wh60p {width:60%;}
.wh50p {width:50%;}
.wh45p {width:45%;}
.wh40p {width:40%;}
.wh33p {width:33%;}
.wh30p {width:30%;}
.wh25p {width:25%;}
.wh20p {width:20%;}
.wh10p {width:10%;}
.wh200 {width:200px;}
.wh150 {width:150px;}
.wh120 {width:120px;}
.wh70 {width:70px;}
    @media only screen and (max-width:1023px){
		.wh100p,
		.wh99p,
		.wh90p,
		.wh80p,
		.wh75p,
		.wh70p,
		.wh66p,
		.wh60p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh33p,
		.wh30p,
		.wh25p,
		.wh20p,
		.wh10p {width:50%;}
	}
	@media only screen and (max-width:767px){
		.wh100p,
		.wh99p,
		.wh90p,
		.wh80p,
		.wh75p,
		.wh70p,
		.wh66p,
		.wh60p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh33p,
		.wh30p,
		.wh25p,
		.wh20p,
		.wh10p {width:100%;}
	}

/********** 가장자리_외부(margin) **********/
/* 위 */
.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
@media only screen and (max-width:1023px){
	.mt15 {margin-top:5px;}
	.mt20 {margin-top:10px;}.mt25 {margin-top:15px;}
	.mt30 {margin-top:20px;}.mt35 {margin-top:25px;}
	.mt40 {margin-top:30px;}.mt45 {margin-top:35px;}
	.mt50 {margin-top:40px;}.mt55 {margin-top:45px;}
	.mt60 {margin-top:50px;}.mt65 {margin-top:55px;}
	.mt70 {margin-top:60px;}.mt75 {margin-top:65px;}
	.mt80 {margin-top:70px;}
}
@media only screen and (max-width:767px){
	.mt30 {margin-top:10px;}.mt35 {margin-top:15px;}
	.mt40 {margin-top:20px;}.mt45 {margin-top:25px;}
	.mt50 {margin-top:30px;}.mt55 {margin-top:35px;}
	.mt60 {margin-top:40px;}.mt65 {margin-top:45px;}
	.mt70 {margin-top:50px;}.mt75 {margin-top:55px;}
	.mt80 {margin-top:60px;}
}
/* 우측 */
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
/* 아래 */
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb45 {margin-bottom:45px;}

/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.vt-t {vertical-align:top;}
.vt-c {vertical-align:middle;}
.vt-b {vertical-align:bottom;}


/********** 전역클래스 **********/
.ft-l {float:left;}
.ft-r {float:right;}
.block {display:block;}
.inblock {display:inline-block;}
.overflow {overflow:hidden;}
.clear:after {content:"";display:block;clear:both;}

/********** 리스트(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="list"] > li:first-child {margin-top:0;}
[class^="list"] > li, [class^="blt"] {position:relative;padding-left:14px;margin-top:10px;text-align:left;word-break:keep-all;font-size:16px;line-height:1.5;}
[class^="list"] > li:after, [class^="blt"]:after {content:"";position:absolute;left:0;top:9px;}
/* 리스트_1 */
.list1 > li {color:#000;}
.list1 > li:after {width:5px;height:2px;background:#aaa;}
/* 리스트_2 */
.list2 > li {color:#333;padding-left:10px;margin-top:5px;}
.list2 > li:after {width:3px;height:3px;border-radius:50%;background:#666;top:10px;}
/* 리스트_3 */
.list3 > li {color:#666;margin-top:5px;}
.font_s {font-size:13px;}
    @media only screen and (max-width:767px){
		[class^="list"] > li, [class^="blt"] {font-size:13px;}
	}

/********** 타이틀 **********/
h3,.h3 {font-size:35px;font-weight:600;color:#000;position:relative;text-align:center;}
h3::after,.h3::after {content:"";position:absolute;left:0;top:50%;width:50%;height:2px;background:#222;z-index:-1;}
h3::before,.h3::before {content:"";position:absolute;right:0;top:50%;width:50%;height:2px;background:#222;z-index:-1;}
h3 span,.h3 span {background:#fff;padding:0 20px;}
h4,.h4 {font-size:25px;font-weight:600;color:#000;position:relative;padding-left:16px;;}
h4::after,.h4::after {content:"";position:absolute;left:0;top:4px;width:5px;height:20px;background:#64342a;}
h5,.h5 {position:relative;padding-left:25px;font-size:1.500em;font-weight:400;color:#000;}
h6,.h6 {font-size:18px;font-weight:500;color:#64342a;}
	@media only screen and (max-width:1023px){
		h3,.h3 {font-size:30px;}
		h4,.h4 {font-size:23px;}
		.h5:after {top:9px;}
	}
	@media only screen and (max-width:767px){
		h3,.h3 {font-size:25px;}
		h4,.h4 {font-size:18px;}
		h4::after,.h4::after {top:3px;width:4px;height:15px;}
		.h5:after {top:8px;}
	}

/********** 폰트색상 **********/
.cr_red {color:#d20038;}
.cr_pink {color:#e94273;}
.cr_blue {color:#032f85;}
.cr_green {color:#578a00;}
.cr_deep_green {color:#007d83;}
.cr_yellow {color:#ffa800;}
.cr_orange {color:#b66008;}
.cr_gray {color:#999;}
.cr_black {color:#000;}

/********** 인풋스타일 **********/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {height:40px;line-height:40px;padding:0 15px;border:1px solid #dfdfdf;background:#fff;font-size:14px;color:#74828c;}
input:focus,select:focus,textarea:focus {border:1px solid #1a5286;}
input[type="date"]{position:relative;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;z-index:1;cursor:pointer;}
textarea {padding:15px;border:1px solid #dfdfdf;font-size:14px;color:#74828c;}
.select_style {border:1px solid #ddd;}
	@media only screen and (max-width:767px){
    input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {height:40px;line-height:40px;padding:0 10px;margin-bottom:5px;}
		input:first-child,select:first-child {margin-top:0;}
		textarea {padding:10px;}
	}
.filebox {position: relative;}
.filebox .upload-name {display: inline-block;height: 40px;padding: 0 10px;vertical-align: top;border: 1px solid #ddd;border-radius:0 5px 5px 0;width: 78%;color: #767676;}
.filebox label {display: inline-grid;place-items:center;padding: 0 14px;width:20%;height: 40px;margin-right:-4px;text-align:center;border-radius:5px 0 0 5px;color: #fff;vertical-align: top;background-color: #222;cursor: pointer;}
.filebox input[type="file"] {position: absolute;top:0;left:0;z-index:-1;width: 20%;height: 40px;padding: 10px;overflow: hidden;border: 0;}
.filebox span {display:inline-block;margin-top:5px;color:#222;}
.filebox span input {margin-left: 14px;border:1px solid #222;width:17px;aspect-ratio: 1/1;accent-color: #e43935;}
.filebox input[type="checkbox"] {margin-left: 14px;}

/* 게시판 상단검색 */
.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:16px;font-weight:500;color:#666;}
.sch_top .total strong > em {color: #64342a;font-weight:700;}
.sch_top .total strong > span {font-size:14px;color:#666;}
.sch_top .total strong > span em {color: #64342a;font-weight:700;}
    @media only screen and (max-width:767px){
		.sch_top .total strong {font-size:14px;}
	}
/* 검색 */
.search_flex form {display:flex;flex-wrap:wrap;width:100%;border-top:1px solid #ddd;/*border-right:1px solid #ddd;*/}
.search_flex input,
.search_flex select,
.search_flex button {flex:1 1 auto;border:0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;line-height:50px;height:50px;padding:10px;}
.search_flex button {background:#64342a;color:#fff;display:flex;align-items:center;justify-content:center;}
.search_flex button i {font-size:25px;}
	@media only screen and (max-width:1023px){
		.search_flex form {border-right:1px solid #ddd;}
	}
    @media only screen and (max-width:767px){
		.search_flex input,
		.search_flex select,
		.search_flex button {line-height:40px;height:40px;font-size:13px;margin-bottom:0;}
	}

/* 게시판 영역 */
.board_box {border-top:2px solid#000;border-bottom:1px solid #ddd;}
.btnarea {gap:5px;flex-wrap:wrap;display:flex;justify-content:center;}
/* 게시판 페이지넘버 */
.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:14px;border-radius:100%;}
.page_number li a.on, .page_number li a:is(:hover, :focus, :active) {}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {color:#64342a;border:1px solid #64342a;font-weight:600;}
	@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;}
	}

/* 공지사항(목록) */
.tableA {width:100%;border-bottom:1px solid #ddd;border-top:1px solid #000;word-break:normal;font-size:14px;border-collapse:initial;}
.tableA thead th {padding:20px 10px;border-left:1px solid #ddd;border-top:1px solid #ddd;color:#222;font-weight:600;}
.tableA thead th:first-child {border-left:0;}
.tableA tbody tr {transition:all .4s;-webkit-transition:all .4s;}
.tableA tbody tr:hover {background:#f1f1f1;}
.tableA tbody th {padding:20px 10px;border-left:1px solid #ddd;border-top:1px solid #ddd;vertical-align:middle;font-weight:600;color:#000;}
.tableA tbody td {padding:20px 10px;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.tableA tbody tr th:first-child,
.tableA tbody tr td:first-child {border-left:0;}
.tableA tbody tr:first-child th,
.tableA tbody tr:first-child td {border-top:1px solid #ddd;}
.tableA tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableA thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableA tbody tr th.bd_left,.tableA tbody tr td.bd_left {border-left:1px solid #ddd;}
.tableA thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #ddd;}
.tableA tbody td i {font-size:16px;}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
        .tableA thead th,
        .tableA thead td,
        .tableA tbody th, 
        .tableA tbody td {padding:10px 10px;font-size:13px;}
	}

/* 반응형테이블 */
@media only screen and (max-width:1023px){
	table.responsive {margin-top:10px;overflow:hidden;}
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {display:block;margin-bottom:0;}
	table.responsive thead tr {position:absolute;top:-9999px;left:-9999px;}
	table.responsive tbody tr:nth-child(odd) {background:#f8f8f8;}
	table.responsive tbody tr td {position:relative;padding-left:100px;white-space:normal;width:100%;min-height:27px;border-left:0 !important;font-size:13px;}
	table.responsive tbody tr td br {display:none;}
	table.responsive tbody tr:first-child td:first-child {border:none;}
	table.responsive {border-top:1px solid #000}
	table.responsive td:before {content:attr(data-title);position:absolute;top:3px;left:0;width:100px;padding-right:10px;font-weight:500;white-space:nowrap;word-break: break-all;font-size:13px;}
	table.responsive td:after {content:"";position:absolute;top:6px;left:80px;width:1px;height:10px;background-color:#dedede;}
	table.responsive tbody tr {padding:20px 20px;}
	table.responsive tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tbody td {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
	table.responsive tbody th {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle; }
	table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:none;}
	table.responsive > tbody > th:before, table.responsive > tbody td:before {content:attr(data-content)''; display:inline;font-weight:700;}
	table.responsive .pdf img {width:18px;}
}

/* 공지사항(상세), 문의하기(상세) */
.view_box{border-top:1px solid #000;color:#000;}
.view_box .tit {min-height:60px;padding:40px 20px;border-bottom:1px solid #ddd;font-size:18px;color:#222;background:#f5f6f8;font-weight:500;}
.view_box .tit .cate {color:#64342a}
.view_box .tit .cate:after {display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ddd}
.view_box .info {height:60px;padding:0 20px;border-bottom:1px solid #ddd;font-size:14px;line-height:60px}
.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:30px}
.view_box .info b {font-weight:500;}
.view_box .info b:after {display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background:#ddd;}
.view_box .view_cont {padding:50px 20px;border-bottom:1px solid #ddd}
.view_box .view_cont img {max-width:100%;}
.view_box .file {overflow:hidden;padding:20px 20px;border-bottom:1px solid #e1e1e1;font-size:14px;background-color:#f5f6f8}
.view_box .file p {float:left}
.view_box .file ul {float:left}
.view_box .file ul li i {padding:0 20px;font-size:14px;color:#bbb}
.view_box .btn_area {overflow:hidden;position:relative;margin-top:20px;}
.view_box .btn_area ul {overflow:hidden}
.view_box .btn_area ul li {float:left}
.view_box .btn_area .left {float:left}
.view_box .btn_area .left li {margin-right:5px;}
.view_box .btn_area .right {float:right}
.view_box .btn_area .right li {margin-left:5px;}
	@media only screen and (max-width:767px){
        .view_box .info {height:auto;line-height:unset;padding:10px 20px;}
		.view_box .info b:after {margin:0 10px;}
        .view_box .info p {float:unset;width:100%;padding:5px 0;font-size:13px;}
        .view_box .info ul {float:unset;width:100%;}
        .view_box .info ul li {width:100%;margin-left:0;padding:5px 0;font-size:13px;}
	}

/* 문의하기(쓰기) */
.write_table_box {table-layout: fixed;width:100%;font-size:14px;border-top:2px solid #64342a;}
.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:16px;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:95px;}
	@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:-30px;}
		
		.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;border-top:2px solid #222;padding:30px 0;border-bottom:1px solid #ddd;}
.gallery_table .gallery_ul {display: flex;flex-wrap: wrap;gap:60px 40px;}
.gallery_table .gallery_ul li {width:calc(33.33% - 27px);}
.gallery_table .gallery_ul li {display: block;text-decoration: none;position:relative;}
.gallery_table .gallery_ul li .img {overflow:hidden;position:relative;display: block;padding-top:65%;background:#f5f5f5;transition: .3s;}
.gallery_table .gallery_ul li .img iframe {position:absolute;left:50%;top:50%;width: 100%;height:100%;transform: translate(-50%,-50%);}
/*.gallery_table .gallery_ul li .img img {position:absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);padding:20px;}*/
.gallery_table .gallery_ul li .img img {position:absolute;left:50%;top:50%;width: auto;max-width:100%;transform: translate(-50%,-50%);padding:20px;}
.gallery_table .gallery_ul li .tit {display: flex;margin:2rem 0;font-size:16px;font-weight:600;color:#222;text-decoration: none;line-height:1.3;}
.gallery_table .gallery_ul li .tit .new {border:2px solid #64342a;color:#64342a;font-weight:600;line-height:17px;height:24px;padding:0 5px;display:inline-block;   margin:-1px 10px 0 0;}
.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 .gallery_ul {gap:60px 30px;}
		.gallery_table .gallery_ul li {width:calc(50% - 15px);}
		.gallery_table .gallery_ul li .img img {padding:10px;}
		.gallery_table .gallery_ul li .tit {margin-top:15px;}
        .gallery_table .gallery_ul li .tit span {font-weight:600;}
	}
	@media only screen and (max-width:767px){
		.gallery_table .gallery_ul {gap:40px 20px;}
		.gallery_table .gallery_ul li {width:calc(50% - 10px);}
		.gallery_table .gallery_ul li .tit {margin:1rem 0;font-size:14px;}
		.gallery_table .gallery_ul li .tit .new {line-height:12px;height:20px;}
		.gallery_table .gallery_ul li .res_btn {padding:0 1rem;font-size:13px;}
		.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) {padding:0 15px;}
	}
	@media only screen and (max-width:500px){
        .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_box .nb .new {float:left;display:inline-block;height:40px;line-height:40px;margin-right:5px;padding:0 20px;font-size:20px;font-weight:400;color:#fff;border-radius:2px;background:#be242a;border-radius:5px;font-weight:600;}
.flexbox .swiper_box .nb .best {float:left;display:inline-block;height:40px;line-height:40px;margin-right:5px;padding:0 20px;font-size:20px;font-weight:400;color:#fff;border-radius:2px;background:#28773e;border-radius:5px;font-weight:600;}
.flexbox .swiper-slide {border-radius:20px;overflow:hidden;display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;border:1px solid #ddd;}
.flexbox .swiper-slide::after {display:block;content:"";padding-bottom:100%;}
.flexbox .swiper-slide img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover;}
.flexbox .thumbs {margin-top:10px;}
.flexbox .thumbs .swiper-wrapper {gap:10px;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:100px;}
.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:60px;}
.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:30px;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:40px;}
.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:80px;}
        .flexbox .rtxt_box > h4 {margin-top:30px;}
	}
    @media only screen and (max-width:1199px){
		.flexbox .swiper_box {width:350px;}
        .flexbox .txtbox {width:calc(100% - 350px);padding-left:70px;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:25px;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:60px;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:25px;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:30px;}
	}
	@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:20px;line-height:1.2;}
        .info_ul > li {padding:10px 0;}
        .info_ul > li span.stit {font-size:16px;}
        .info_ul > li em {font-size:16px;}
        .info_ul > li .list1 > li {font-size:16px;}
        .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:10px;}
	@media only screen and (max-width:1023px){
        .stxt {font-size:25px;}
		.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:18px;}
		[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;}
	}

/********** 버튼 **********/
/* 기본 */
button {background:none;}
.btn_bace {display:inline-block;height:40px;line-height:40px;padding:0 30px;background:#64342a;text-align:center;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;border:0;}
.btn_bace:hover,.btn_bace:focus,.btn_bace:active {background:#222;color:#fff;}
/* 선버튼 */
.btn_line {display:inline-block;height:40px;line-height:40px;padding:0 30px;background:#fff;border-radius:3px;border:1px solid #d8d8d8;text-align:center;color:#222;cursor:pointer;font-size:14px;}
.btn_line:hover,.btn_line:focus,.btn_line:active {border-color:#222;text-decoration:none;}

.btn_bace_large,.btn_line_large {height:45px;line-height:45px;}
.btn_bace_small,.btn_line_small {height:35px;line-height:35px;}

.btn_green {background:#0b302d;}
@media only screen and (max-width:767px){
	.btn_bace,.btn_line {height:35px;line-height:35px;}
	.btn_bace_large,.btn_line_large {height:40px;line-height:40px;}
	.btn_bace_small,.btn_line_small {height:30px;line-height:30px;}
}

/***************/
/* 체크박스 */
/***************/
.checks_wrap {position:absolute;top:0;left:0;z-index:1;}
.checks {position:relative;}
.checks input[type="checkbox"] { /* 기본체크박스 숨김 */ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.checks input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:#222;}
.checks input[type="checkbox"] + label:before { content:'';display:inline-block;width:20px;height:20px;margin:-2px 10px 0 0;text-align:center;vertical-align:middle;background:#fff;border:1px solid #dfdfdf;border-radius:3px;}
.checks input[type="checkbox"] + label.none {pointer-events:none;}
.checks input[type="checkbox"] + label.none:before {background:#ddd;}
.checks input[type="checkbox"]:checked + label:before {background:url(".//images/fs/common/check.png") no-repeat center #004077;}

/***************/
/* 라디오박스 */
/***************/
.checks input[type="radio"] { /* 기본체크박스 숨김 */ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.checks input[type="radio"] + label {display:inline-block;padding-left:21px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:#222;}
.checks input[type="radio"] + label:before { content:'';position:absolute;left:0;top:5px;width:16px;height:16px;background:#fff;border:1px solid #ddd;border-radius:100%;}
.checks input[type="radio"] + label.none {pointer-events: none;}
.checks input[type="radio"] + label.none:before {background:#ddd;}
.checks input[type="radio"]:checked + label:after {content:'';position:absolute;left:3px;top:8px;width:10px;height:10px;background:#004077;border-radius:100%;}

/* =========================== SUB */
#subBnr{position:relative;z-index:20;width:100%;height:244px;padding:0 70px;color:#fff;overflow:hidden}
#subBnr .inner{height:100%;/* background:url(../img/sub/sub_bg.jpg) center no-repeat */}
#subBnr .txt_area{position:relative;top:50%;max-width:1200px;margin:0 auto;text-align:center;opacity:0;transform:translateY(-50%)}
#subBnr .txt_area p{padding-bottom:10px;font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-family:'mulish'}
#subBnr .txt_area span{display:inline-block;font-size:42px;letter-spacing:-.5px;font-weight:300}
/* 반응형 [s] */
@media (max-width:1400px){
#subBnr{padding:0 20px}
}
@media (max-width:768px){
#subBnr{height:200px;padding:0}
#subBnr .txt_area span{font-size:32px}
}
/*@media (max-width:480px){
#subBnr{height:auto;padding:0}
#subBnr .inner{background:none}
#subBnr .txt_area{top:auto;transform:none;padding: 12px 0;border-bottom: solid 1px #e1e1e1;border-top: solid 1px #e1e1e1}
#subBnr .txt_area p{display:none}
#subBnr .txt_area span{font-size:16px;color:#000;font-weight:500}
}*/
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{display: table;overflow:hidden;margin:19px auto 0;padding-right:18px;overflow:hidden}
#sh_snb li{float:left}
#sh_snb li a{display:block;position:relative;padding:0 30px;font-size:18px;line-height:66px;color:#727272;letter-spacing:-.2px;transition:all .3s;font-weight:500}
#sh_snb li a:after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:1px;background-color:#222}
#sh_snb li.snb_on a{border-bottom:solid 4px #000;color:#000}
#sh_snb li a:hover{color:#000}

/* =========================== PAGE */

@media only screen and (max-width:1199px){
    #sh_content {padding:0 20px;}
}
/* 0101걸어온길 */
#company {display:flex;justify-content:space-between;}
#company .com_img {width:55%;overflow:hidden;}
#company .com_img img {width:auto;height:100%;display:flex;justify-content:end;align-items:center;float:right;}
#company .com_txt {width:45%;padding-left:5%;}
#company .com_txt strong {color:#64342a;font-size:50px;font-weight:800;line-height:1.2;}
#company .com_txt p {padding-top:120px;font-size:16px;line-height:1.2;position:relative;font-weight:400;}
#company .com_txt p:after {content:"";position:absolute;top:30px;left:0;width:1px;height:60px;background:#64342a;}
    @media only screen and (max-width:1199px){

    }
    @media only screen and (max-width:1023px){
        #company {flex-wrap:wrap;}
        #company .com_img {width:100%;}
        #company .com_txt {width:100%;padding:40px 0 0 0;}
        #company .com_txt strong {font-size:40px;}
        #company .com_txt strong br {display:none;}
        #company .com_txt p {padding-top:30px;font-size:14px;}
        #company .com_txt p:after {display:none;}
    }
    @media only screen and (max-width:767px){
        #company .com_img img {width:100%;height:auto;}
        #company .com_txt {width:100%;padding:20px 0 0 0;}
        #company .com_txt strong {font-size:25px;}
        #company .com_txt p {padding-top:10px;font-size:13px;}
    }

/* 0102장인소개 */
#introduction {}
#introduction .int_img {display:flex;justify-content:center;width:100%;}
#introduction .int_img img {}
#introduction .int_txt {text-align:center;font-size:16px;}
#introduction .int_txt strong {color:#64342a;font-size:50px;font-weight:800;line-height:1.2;margin-top:80px;display:block;}
#introduction .int_txt strong span {color:#222;font-size:50px;font-weight:800;line-height:1.2;display:inline-block;}
#introduction .int_txt p {line-height:1.5;position:relative;font-weight:400;margin-top:40px;}
#introduction .int_txt p span {display:inline-block;font-weight:600;}
#introduction .int_txt > span {margin-top:40px;display:block;font-size:20px;}
#introduction .int_txt > span em {font-weight:600;font-size:25px;}
    @media only screen and (max-width:1199px){
        #introduction .int_img {justify-content:end;margin-left:5%;}
    }
    @media only screen and (max-width:1023px){
        #introduction .int_txt strong {font-size:40px;}
        #introduction .int_txt strong span {font-size:40px;}
        #introduction .int_img {justify-content:center;margin-left:-50%;}
    }
    @media only screen and (max-width:767px){
        #introduction .int_img {height:300px;justify-content:end;margin-left:50%;}
        #introduction .int_txt strong {font-size:30px;margin-top:40px;}
        #introduction .int_txt strong span {font-size:30px;}
        #introduction .int_txt p {font-size:13px;margin-top:30px;}
        #introduction .int_txt > span {margin-top:30px;font-size:13px;}
        #introduction .int_txt > span em {font-weight:600;font-size:20px;}
    }

/* 0103연혁 */
.history_box {position:relative;display:flex;justify-content:space-between;}
.history_box .bg_fix {position:sticky;left:0;top:120px;width:580px;max-height:400px;}
.history_box .bg_fix span {display:block;font-size:50px;font-weight:900;color:#999;line-height:1.2}
.history_box .bg_fix span em {display:block;color:#64342a;}
.history_box .h_wrp {position:relative;width:calc(100% - 580px);}
.history_box .h_wrp:before {content:'';position:absolute;left:0;top:0;bottom:0;width:2px;height:100%;background:#eee;}
.history_box .h_wrp .list {display:flex;flex-wrap:wrap;width:100%;}
.history_box .h_wrp .list + .list {margin-top:100px;}
.history_box .h_wrp .list .year {font-size:40px;color:#000;font-weight:800;width:120px;line-height:1;}
.history_box .h_wrp .list .year span {position:relative;display:inline-block;padding-left:40px;}
.history_box .h_wrp .list .year span:before {content:'';position:absolute;left:-9px;top:0;bottom:0;margin:auto;background:#64342a;opacity:.3;border-radius:50%;width:20px;height:20px;}
.history_box .h_wrp .list .year span:after {content:'';position:absolute;left:-4px;top:0;bottom:0;margin:auto;background:#64342a;border-radius:50%;width:10px;height:10px;}
.history_box .h_wrp .list .y_list {padding-left:80px;width:calc(100% - 120px);margin-top:10px;}
.history_box .h_wrp .list .y_list li + li {margin-top:50px;}
.history_box .h_wrp .list .y_list .date {color:#0b302d;font-size:20px;font-weight:700;}
.history_box .h_wrp .list .y_list .tit {margin-top:15px;font-size:14px;line-height:1.4;text-wrap: balance;padding:15px 20px;background:#f5f5f5;border-radius:10px;}
	@media only screen and (max-width:1199px){
		.history_box .bg_fix {width:40%;}
		.history_box .bg_fix span {font-size:45px;}
		.history_box .h_wrp {width:55%;}
		.history_box .h_wrp .list {display:block;}
		.history_box .h_wrp .list .year {width:100%;}
		.history_box .h_wrp .list .y_list {padding-left:40px;margin-top:35px;width:100%;}
	}
    @media only screen and (max-width:1023px){
        .history_box .bg_fix span {font-size:38px;}
        .history_box .h_wrp .list .year {font-size:35px;}
	}
	@media only screen and (max-width:767px){
		.history_box {flex-direction:column;padding-left:10px;margin-top:20px;}
		.history_box:before {display:none;}
		.history_box .bg_fix {position:unset;width:100%;}
        .history_box .bg_fix span {font-size:30px;}
		.history_box .bg_fix span br {display:none;}
        .history_box .h_wrp .list .year {font-size:30px;}
		.history_box .h_wrp .list + .list {margin-top:80px;}
		.history_box .h_wrp {width:100%;margin-top:40px;}
		.history_box .h_wrp .list .y_list li + li {margin-top:40px;}
        .history_box .h_wrp .list .y_list .date {font-size:16px;}
	}

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

/* 0105오시는길 */
.map_box {width:100%;border:1px solid #d7d7d7;}
.root_daum_roughmap .wrap_controllers {display:none;}
.map_box .add_text {padding:14px;}
.map_box .add_text ul {display:flex;justify-content:space-between;padding:0 15px;}
.map_box .add_text ul li {display:flex;align-items:center;color:#555;}
.map_box .add_text ul li:nth-child(2) {margin-left:auto;}
.map_box .add_text ul li:nth-child(3) {margin-left:40px;}
.map_box .add_text ul li em {display:inline-block;position:relative;padding-right:15px;flex-shrink:0;color:#222;}
.map_box .add_text ul li em:after {content:"";position:absolute;right:0;top:6px;display:inline-block;width:1px;height:10px;background:#d7d7d7;margin:0 7px 0 10px;}
.map_box .add_text ul li em i {vertical-align:middle;margin-right:5px;margin-top:-1px;font-size:18px;}
.map_text_box {display:flex;padding:30px;border-bottom:1px dashed #ddd;}
.map_text_box:last-child {border:0;}
.map_text_box .img {flex-shrink:0;display:grid;place-items:center;margin-right:50px;width:70px;height:70px;background:#f2f4f7;border-radius:100%;}
.map_text_box .img i {font-size:25px;}
.map_text_box .text {display:flex;align-items:center;flex-wrap:wrap;}
.map_text_box .text .h6 {padding-left:0;}
.map_text_box .text ul {width:100%;}
.map_text_box .text ul li {width:100%;}
    @media only screen and (max-width:1199px){
        .root_daum_roughmap {width:100% !important;}
        .map_box .add_text ul {flex-wrap:wrap;gap:10px 0;}
        .map_box .add_text ul li {width:100%;}
        .map_box .add_text ul li:nth-child(3) {margin-left:0;}
    }
    @media only screen and (max-width:1023px){
        
    }
    @media only screen and (max-width:767px){
        .map_box .add_text ul {flex-direction:column;padding:0;}
        .map_box .add_text ul li {margin-top:10px;}
        .map_box .add_text ul li:nth-child(1) {margin-top:0;}
        .map_box .add_text ul li:nth-child(2) {margin-left:0;}
        .map_box .add_text ul li:nth-child(3) {margin-left:0;}
        .map_text_box {padding:20px 0;flex-wrap:wrap;}
        .map_text_box .img {margin-right:10px;width:50px;height:50px;}
    }

/* 0201한땀가방작업 */
.scroll_event {transition:all 1s;-webkit-transition:all 1s;}
.over_hidden {overflow:hidden;height:500px;}
.over_hidden .intro_bg {display:block;height:100%;margin-right:200px;background:#000;overflow:hidden;position:unset;width:100%;}
.over_hidden .intro_bg .scroll_event {display:block;width:100%;height:100%;background:url('/images/fs/sub/bg_img.jpg') no-repeat center;background-size:cover;opacity: .6;}
.intro_wrp .pd_wrp {position:relative;margin-top:80px;display:block;text-align:center;justify-content:center;width:100%;}
.intro_wrp .tit {color:#000;z-index: 1;font-weight:500;letter-spacing: -1px;line-height:normal;}
.intro_wrp .tit span {display:inline-block;padding:10px 30px;color:#fff;background:#222;font-size:18px;border-radius:5px;}
.intro_wrp .tit p {margin-top:25px;font-size:30px;color:#666;}
.intro_wrp .tit p em {font-size:38px;font-weight:bold;color:#000;}
.intro_wrp .txtbox {margin-top:40px;line-height:1.5;}
.intro_wrp .txtbox p {font-size:16px;}
	/* 반응형 */
	@media only screen and (max-width:1199px){
		.over_hidden {height:350px;}
		.over_hidden .intro_bg {margin-right:30px;}
		.intro_wrp .txtbox {margin-top:40px;}
	}
    @media only screen and (max-width:1023px){
		.over_hidden {overflow:hidden;height:300px;}
		.intro_wrp .tit p {margin-top:25px;font-size:25px;}
		.intro_wrp .tit p em {font-size:35px;}
	}
	@media only screen and (max-width:767px){
		.over_hidden {height:250px;}
		.over_hidden .intro_bg {margin-right:0;border-radius:0;}
		.over_hidden .intro_bg .scroll_event {background-position: center !important;background-size:cover;}
		.intro_wrp .pd_wrp {margin-top:40px;}
		.intro_wrp .txtbox {margin-top:20px;}
		.intro_wrp .tit p {font-size:20px;margin-top:15px;}
		.intro_wrp .tit p em {font-size:30px;}
		.intro_wrp .tit span {font-size:16px;}
		.intro_wrp .txtbox p {font-size:14px;}
		.intro_wrp .txtbox p br {display:none;}
	}

/* 0301소방호스배낭 */
.company {width:100%;text-align:center;position:relative;padding-bottom:150px;}
.company .title_top {position:relative;padding-top:180px;}
.company .title_top .title {font-size:24px;background:#0b302d;color:#fff;width:350px;height:350px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin:0 auto;box-shadow:20px 20px 0 #eaebeb;margin-bottom:2rem;}
.company .title_top:before {content:"";position:absolute;left:0;right:0;bottom:-75px;width:584px;height:200px;background:url("/images/fs/content/sub04/company_line.png") no-repeat center center;margin:0 auto;z-index:-1;}
.company .title div img {filter: brightness(100);opacity:0.3;}
.company .title div p {font-size:30px;font-weight:900;margin-top:25px;}
.company .company_list {position:absolute;top:0;left:0;width:100%;}
.company .card {display:flex;flex-direction:column;align-items:center;position:absolute;width:200px;}
.company .card:nth-child(1) {top:0;left:calc(50% - 100px);}
.company .card:nth-child(2) {top:250px;left:calc(50% - 400px);}
.company .card:nth-child(3) {top:250px;right:calc(50% - 400px);}
.company .card:nth-child(4) {top:550px;left:calc(50% - 300px);}
.company .card:nth-child(5) {top:550px;right:calc(50% - 300px);}
.company .card .icon i {font-size:40px;border:1px solid #ddd;border-radius:100%;padding:30px;    display:block;color:#0b302d;}
.company .card_title {font-size:20px;font-weight:600;margin:10px 0 15px;}
    @media only screen and (max-width:1023px){
		.company .card_title {font-size:18px;}
	}
	@media only screen and (max-width:767px){
		.company {padding-bottom:0;}
		.company .title_top {padding-top:20px;}
		.company .title_top:before {display:none;} 
        .company .title_top .title {width:200px;height:200px;}
		.company .title div p {font-size:20px;}
		
		.company .company_list {display:flex;flex-wrap:wrap;margin-top:20px;position: static;top:unset;gap:0;}
		.company .card {position:static;flex:1 1 auto;width:auto;}
		.company .card_title {font-size:14px;}
		.company .card .icon i {padding:20px;font-size:30px;}
		
		.kafein_meet_img img {max-width:90%;}
	}

.list_box {border:2px solid #ddd;padding:30px 30px;}
.backpack_box {display:flex;flex-wrap:wrap;gap:0 60px;}
.backpack_box .backpack_img {width:31%;}
.backpack_box .backpack_img img {width:100%;}
.backpack_box .backpack_txt {width:calc(69% - 60px);}
    @media only screen and (max-width:1199px){
        .backpack_box .backpack_img {width:40%;}
		.backpack_box .backpack_txt {width:calc(60% - 60px);}
	}
	@media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){
		.list_box {padding:20px;}
        .backpack_box .backpack_img {width:100%;}
		.backpack_box .backpack_txt {width:100%;margin-top:40px;}
	}

/* sub0303 연구과정 */
.page_tit {font-size:30px;color:#000;line-height:1.4em;}
.page_tit strong {display:block;font-weight:bold;font-family:inherit;}
	@media only screen and (max-width:767px){
		.page_tit {font-size:20px;}
		.page_tit strong {display:inline-block;}
	}
.brandstory_wrp .page_tit {position:relative;padding-top:100px;}
.brandstory_wrp .page_tit:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;background:#222;width:1px;height:60px;}
.brandstory_wrp .story_list {}
.brandstory_wrp .story_list > li {display:flex;flex-wrap:wrap;align-items:center;justify-content: center;}
.brandstory_wrp .story_list > li > div {width:100%;text-align:center;}
.brandstory_wrp .story_list > li .imgbox {display:flex;align-items:center;justify-content:center;gap:30px;width: 100%;}
.brandstory_wrp .story_list > li .imgbox img {width: 50%;max-width: 300px;border-radius:20px;}
.brandstory_wrp .story_list > li .txtbox .tit {font-size:30px;font-weight:bold;color:#000;line-height:1.3;}
.brandstory_wrp .story_list > li .txtbox .tit span {font-size:20px;font-weight:600;line-height:1;color:#666;}
.brandstory_wrp .story_list > li .txtbox .txt {margin-top:15px;line-height:1.5;font-size:13px;max-width:560px;font-weight:500;}
.brandstory_wrp .story_list > li .list2 {display:inline-block;}
.brandstory_wrp .story_list > li:last-child {/*margin-top:100px;*/background:#f1f1f1;padding:100px 0;}
.brandstory_wrp .story_list > li:last-child:before {content:'';position:absolute;left:-50%;top:0;margin:auto;background:#0b302d;width:200%;height:100%;z-index:-1;}
.brandstory_wrp .story_list > li:last-child .imgbox img {width: 50%;max-width: none;border-radius:0;}
.brandstory_wrp .story_list > li:last-child .txtbox .tit {color:#fff;font-size:40px;}
.brandstory_wrp .story_list > li:last-child .txtbox .tit span {color:#fff;opacity:0.6;}
.brandstory_wrp .story_list > li:last-child .txtbox .tit em {font-size:18px;padding:10px 40px;border-radius:30px;border:1px solid #fff;}
.brandstory_wrp .story_list > li:last-child .list2 {display:flex;align-content:center;align-items:normal;gap:20px;height:100%;}
.brandstory_wrp .story_list > li:last-child .list2 li {background:#f0fdfc;padding:20px 30px;border-radius:10px;width:100%;height:auto;text-align:center;margin:0;}
.brandstory_wrp .story_list > li:last-child .list2 li:after {display:none;}
.brandstory_wrp .story_list > li:last-child .list2 li i {font-size:30px;background:#0b302d;color:#fff;border-radius:100%;padding:10px;}
.brandstory_wrp .story_list > li:last-child .list2 li p {margin-top:20px;}
	@media only screen and (max-width:1199px){
		.brandstory_wrp .story_list > li > div {margin:0 40px;width:calc(50% - 80px);}
		.brandstory_wrp .story_list > li .txtbox {padding-left:0;}

		.brandstory_wrp .story_list > li + li .list2 {flex-wrap:wrap;}
	}
	@media only screen and (max-width:1023px){
		.brandstory_wrp .story_list > li {display:block;}
		.brandstory_wrp .story_list > li > div {width:100%;max-width:767px;margin:auto;}
		.brandstory_wrp .story_list > li .txtbox .tit br {display:none;}
		.brandstory_wrp .story_list > li .txtbox .tit span {display:block;line-height:1.2;}
	}
	@media only screen and (max-width:767px){
		.brandstory_wrp .story_list > li .txtbox .tit {font-size:20px;}
		.brandstory_wrp .story_list > li .txtbox .tit span {font-size:16px;}
		.brandstory_wrp .story_list > li .imgbox img {width: 48%;}

		.brandstory_wrp .story_list > li:last-child {padding:40px 0}
		.brandstory_wrp .story_list > li:last-child .txtbox .tit {font-size:28px;}
		.brandstory_wrp .story_list > li:last-child .txtbox .tit em {font-size:14px;display:block;}
		.brandstory_wrp .story_list > li:last-child .list2 {gap:10px;}
	}
.cer_box_wrap {margin-top:100px;background:#f1f1f1;padding:100px 0;}
.cer_box_wrap:before {content:'';position:absolute;left:-50%;top:0;margin:auto;background:#f7f7f7;width:200%;height:100%;z-index:-1;}
.cer_box {overflow:hidden;}
.cer_box > strong {display:block;font-size:30px;color:#000;font-weight: 700;border-bottom: 1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}
.cer_box > strong span {}
.cer_box ul {display: flex;column-gap:20px;row-gap:40px;flex-wrap:wrap;margin-right:-20px;border-bottom: 1px solid #ddd;padding-bottom:30px;}
.cer_box ul li {width: calc(25% - 20px);}
.cer_box ul li img {width: 100%;border:1px solid #222;}
.cer_box ul li strong {font-size:18px;font-weight: 600;color:#222;margin-top:10px;display: block;}
	@media only screen and (max-width:1023px){
		.cer_box ul li {width: calc(33.3% - 20px);}
	}
	@media only screen and (max-width:767px){
		.cer_box_wrap {margin-top:50px;padding:50px 0;}
		.cer_box ul li {width: calc(50% - 20px);}
	}

/* 0304E-BOOK */
.newsletter .view_list {display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px;}
.newsletter .view_list .thumb_box {position:relative;border:1px solid #cfd0d7;overflow:hidden;text-align:center;}
.newsletter .view_list .thumb_box .thumb_img {overflow:hidden;}
.newsletter .view_list .thumb_box .thumb_img img {max-width:100%;transition:all .3s;object-fit:cover;aspect-ratio:3/4;}
.newsletter .view_list .thumb_box:is(:hover,:active,:focus) img {transform:scale(1.1);transition:all .3s;}
.newsletter .view_list .thumb_tit a {font-size:16px;}
.newsletter .view_list .thumb_box .thumb_btn {display:flex;}
.newsletter .view_list .thumb_box .thumb_btn li {flex:1 1 0;}
.newsletter .view_list .thumb_box .thumb_btn li a {width:100%;padding:0 15px;}
.newsletter .view_list .thumb_box .thumb_btn li .btn_bace {border-radius:0;}
	@media only screen and (max-width:1199px){
		.newsletter .view_list .thumb_box .thumb_btn {flex-direction:column;}
		.newsletter .view_list .thumb_box .thumb_btn li {width:100%;}
	}
	@media only screen and (max-width:1023px){
		.newsletter .view_list {grid-template-columns:repeat(3,1fr);gap:25px 15px;}
	}
	@media only screen and (max-width:767px){
		.newsletter .view_list {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:375px){
		.newsletter .view_list {grid-template-columns:repeat(1,1fr);}
	}

/* 0402묻고답하기 */
.tableA tbody td.lock i {background:#dae9e8;border-radius:100%;padding:5px;margin-right:5px;font-size:18px;color:#0b302d}
.end_box {border-top:2px solid #222;border-bottom:1px solid #ddd;padding:100px 40px;text-align: center;}
.end_box i {font-size:60px;}
.end_box strong {display:block;font-size:20px;color:#222;font-weight:600;}
.end_box p {line-height:1.5;font-size:18px;color:#767676;}
.end_box p:before {content:"";display:block;width: 30px;height: 4px;background: #e53935;margin:20px auto;}
.end_box .btn_bace {background:#0b302d;}
    @media only screen and (max-width:1023px){
		.end_box {padding:80px 20px;}
    }
    @media only screen and (max-width:767px){
		.end_box {padding:60px 20px;}
		.end_box strong {font-size:16px;}
		.end_box input {margin:1px;width:100%;}
		.end_box .btn_bace {height:40px;}
    }

/* 0501_sns */
.s_list {display:flex;flex-wrap:wrap;gap:0 !important;}
.s_list > li {width:25% !important;padding:0 10px;margin-top:40px;}
.s_list > li a.wrp {display:block;width:100%;}
.s_list > li a.wrp .imgbox {display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid #ddd;}
.s_list > li a.wrp .imgbox img {transition:all .4s;-webkit-transition:all .4s;height:100%;}
.s_list > li a.wrp:hover .imgbox img {transform:scale(1.1);}
.s_list > li a.wrp .txtbox {margin-top:20px;}
.s_list > li a.wrp .txtbox .type {display:inline-block;font-size:14px;font-weight:bold;}
.s_list > li a.wrp .txtbox .type.youtube {color:#ff0000;}
.s_list > li a.wrp .txtbox .type.fb {color:#1877f2;}
.s_list > li a.wrp .txtbox .type.insta {color:#fe6b00;}
.s_list > li a.wrp .txtbox .type.blog {color:#03c75a;}
.s_list > li a.wrp .txtbox .type.kakao {color:#ffcd01;}
.s_list > li a.wrp .txtbox .p_tit {min-height:52px;margin:10px 0 15px;color:#000;font-size:16px;line-height:1.2;}
.s_list > li a.wrp:hover .txtbox .p_tit {text-decoration: underline;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.s_list > li {width:33% !important;margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.s_list > li {width:50% !important;}
		.s_list > li a.wrp .txtbox {margin-top:15px;}
	}
	@media only screen and (max-width:560px){
		.s_list > li {width:100% !important;}
	}

/* 0602자주묻는질문 */
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}
.faq_box {}
.faq_box .faq_cont {font-size:16px;}
.faq_box .faq_cont em {display:inline-block;margin:0 40px 0 50px;padding-right:40px;border-right:1px solid #e5e5e5;font-weight: 700;font-size:25px;vertical-align: middle;transform: translateY(-2px);text-decoration: none;}
.faq_box .faq_cont dt {position:relative;z-index:1;margin-top:10px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;color: #222;transition: .3s;}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt a {display:flex;align-items:center;padding:30px 0;font-weight: 700;text-decoration: none;}
.faq_box .faq_cont dt a span {margin:12px 40px 0 auto;transition: .3s;}
.faq_box .faq_cont dt a .etc {position: relative;}
.faq_box .faq_cont dt a .etc:before {content:"";position:absolute;left:-10px;top:-7px;display: block;width: 22px;height: 2px;background:#222;}
.faq_box .faq_cont dt a .etc:after {content:"";position:absolute;left:0;top:-17px;display: block;width: 2px;height: 22px;background:#222;}
.faq_box .faq_cont dt em {color: #64342a;}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-30px;padding:70px 50px 50px 0;line-height:1.5;background:#f3f6f9;border:1px solid #e5e5e5;border-radius:20px;color: #555;}
.faq_box .faq_cont dd:after {content: "";display: block;clear: both;}
.faq_box .faq_cont dd em {float:left;color: #222;}
.faq_box .faq_cont dd p {overflow: hidden;}
.faq_box .faq_cont dt.on {border:1px solid #0b302d;color: #0b302d;}
.faq_box .faq_cont dt.on a {font-weight: 600;}
.faq_box .faq_cont dt.on a .etc:before {background:#0b302d;}
.faq_box .faq_cont dt.on a .etc:after {display: none;}
.faq_box .faq_cont dt.on em {color: #0b302d;}
.faq_box .faq_cont dt.on span {transform: rotate(-180deg);margin-top:-12px;}
.faq_box .faq_cont dt.on span img {filter: hue-rotate(315deg) brightness(10);}
	@media only screen and (max-width:1199px){
		.faq_box {padding:0;}
		.faq_box .faq_cont {font-size:14px;}
	}
	@media only screen and (max-width:1023px){
		.faq_box .faq_cont em {margin:1px 10px 0 20px;padding-right:10px;}
		.faq_box .faq_cont dt a {padding:20px 0;}
		.faq_box .faq_cont dt a span {margin:10px 30px 0 auto;}
		.faq_box .faq_cont dt a .etc:before {left:-8px;top:-7px;width: 18px;height: 2px;}
		.faq_box .faq_cont dt a .etc:after {left:0;top:-15px;width: 2px;height: 18px;}
		.faq_box .faq_cont dd {padding:50px 40px 30px 0;}
		.faq_box .faq_cont dd em {margin-right:10px;}
	}
	@media only screen and (max-width:767px){
		.faq_box .faq_cont {font-size:13px;}
		.faq_box .faq_cont dt a {line-height: 1.5;padding:15px 0;}
	}

/* 0603온라인문의 */
caption {display:none;}
.tableB {width:100%;border-bottom:1px solid #eee;border-top:2px solid #000;word-break:normal;}
.tableB thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#000;}
.tableB thead th:first-child {border-left:0;}
.tableB tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #ddd;}
.tableB tfoot td {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.tableB tbody th {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#f9f9f9;vertical-align:middle;font-weight:700;color:#222;}
.tableB tbody td {padding:15px 10px;border-left:1px solid #eee;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:1px solid #ddd}
.tableB tbody tr th.bd_none,.tableB tbody tr td.bd_none,
.tableB thead tr th.bd_none,.tableB thead tr td.bd_none {border-left:0;}
.tableB tbody tr th.bd_left,.tableB tbody tr td.bd_left,
.tableB thead tr th.bd_left,.tableB thead tr td.bd_left {border-left:1px solid #eee;}
/*padding 줄인버전*/
.tableB.small {border-top:0;}
.tableB tbody tr:first-child th,
.tableB tbody tr:first-child td {border-top:1px solid #eee;}
.tableB.small thead th {padding:0 20px;line-height:40px;text-align: center;background:#f3f6fd;}
.tableB.small tbody th {padding:7px 15px; text-align: center;}
.tableB.small tbody td {padding:7px 15px;}
    @media only screen and (max-width:1032px){
		.tableB tbody .textarea_style {width:100%;}
	}
	@media only screen and (max-width:767px){
		.tableB thead th {padding:5px;}
		.tableB tfoot th {padding:5px;}
		.tableB tfoot td {padding:5px;}
		.tableB tbody th {padding:5px;}
		.tableB tbody td {padding:5px;}
		
		.captcha {margin-bottom:0 !important;}
	}
	/* 반응형테이블 */
	@media screen and (max-width:1023px){
		table.responsive {border-top:#a6a6a6 solid 1px;}
		table.responsive thead {display:none;}
		table.responsive colgroup {display:none;}
		table.responsive tbody tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;padding:10px 0;}
		table.responsive tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
		table.responsive tbody tr:nth-child(odd) {background:#f1f4f9;}
		table.responsive tbody td {display:block; padding:5px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;width:100%;}
		table.responsive tbody td p {overflow:unset;width:calc(100% - 50px);text-overflow:unset;white-space:unset;word-wrap:unset;display:inline-flex;-webkit-line-clamp: unset;line-height:23px;}
		table.responsive tbody th {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle; }
		table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:none;}
		table.responsive tbody td.table_p {align-items:flex-start;}
		table.responsive > tbody > th:before, table.responsive > tbody td:before {content:attr(data-content)' : '; display:inline;font-weight:600;color:#3d3d3d;padding-right:10px;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
		table.responsive tfoot {display:block;}
		table.responsive tfoot tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
		table.responsive tfoot tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
		table.responsive tfoot tr:nth-child(odd) {background:#e8fff3;}
		table.responsive tfoot td {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
		table.responsive tfoot th {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle;}
		table.responsive tfoot tr:first-child td, table.responsive tfoot tr:first-child th {border-top:none;}
		table.responsive tfoot th:before, table.responsive tfoot td:before {content:attr(data-content)' : '; display:inline;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
	}
.online_inquiry .flexbox {display: flex;gap:10px;flex-wrap: wrap;align-items: center;}
.online_inquiry .flexbox * {flex-grow: 1;}
.online_inquiry .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: linear-gradient(125deg, #64342a 0%, #0b302d 100%);padding:50px;color:#fff;font-size:20px;margin-bottom:40px;}
.top_box em {font-weight:700;font-size:30px;border-bottom: 1px solid rgba(255,255,255,0.3);display: block;padding-bottom:20px;}
.online_inquiry .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:14px;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:14px;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;font-size:13px;}
	@media only screen and (max-width:1023px){
		.top_box {font-size:16px;}
		.top_box em {font-size:25px;}
		.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:20px;}
		.online_inquiry .privacy_area .stit {margin-bottom:5px;}
		.online_inquiry .privacy_area p {margin-bottom:5px;}
	}
    @media only screen and (max-width:767px){
		.top_box {font-size:14px;padding:30px 20px;}
		.top_box em {font-size:20px;}
		.filebox label {padding:0;width:70px;}
		.filebox .upload-name {width:calc(100% - 70px);}
		.online_inquiry .privacy_area {padding:10px;}
	}


.manageButton {margin-top:10px;}