@charset "utf-8";

/********** skip_nav **********/
.skip_nav {display:block;overflow:hidden;position:absolute;left:0;right:0;top:0;z-index:1000;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.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%);}


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


/********** 타이틀 **********/
h4,.h4 {font-size:3rem;font-weight:700;color:#000;}
.h4 {position: relative;z-index:1;padding-left:3.3rem;}
.h4:before {content:"";position: absolute;left:0;top:8px;background: #abe5d7;width: 1.4rem;height: 1.7rem;border-radius: 5px;}
.h4:after {content:"";position: absolute;left:8px;top:8px;z-index:-1;background: #35b193;width: 1.4rem;height: 1.7rem;border-radius: 5px;}
h5,.h5 {position: relative;z-index:1;font-size:2.2rem;font-weight:600;color:#222;padding-left:1.5rem;}
.h5:before {content:"";position: absolute;left:0;top:3px;background: #35b193;width: 5px;height: 18px;}
h6,.h6 {position:relative;padding-left:16px;font-size:1.250em;font-weight:400;color:#444;}
.h6:after {content:"";position:absolute;left:0;top:8px;width:6px;height:10px;background:#1a5286;border-radius:50px;}
@media only screen and (max-width:1199px){
	.h5:before {top:1px;height: 16px;}
}


/********** 리스트(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="list"] > li {position:relative;padding-left:15px;}
[class^="list"] > li:after {content:"";position:absolute;left:0;top:8px;}
/* 리스트_1 */
.list1 > li {color:#666;line-height:1.5;}
.list1 > li:not(:last-child) {margin-bottom:5px;}
.list1 > li:after {width:5px;height:5px;background:#35b193;border-radius:50%;}
/* 리스트_2 */
.list2 > li {padding-left:14px;margin-top:5px;background:url("./../../images/fs/common/sh_dot1.gif") no-repeat 0 10px;color:#666;}
/* 리스트_3 */
.list3 > li {color:#666;}
.list3 > li:after {width:3px;height:1px;background:#666;}


/********** 폰트색상 **********/
.cr_red {color:#35b193;}
.cr_blue {color:#004c9d;}
.cr_green {color:#578a00;}
.cr_yellow {color:#ffa800;}
.cr_gray {color:#999;}


/********** 테이블 **********/
.tableA {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #222;font-size:1.7rem;}
.tableA thead tr th {font-weight:500;padding:25px 15px;border-bottom:1px solid #222;color:#222;}
.tableA thead tr th:not(:last-child) {border-right:1px solid #ddd;}
.tableA tbody tr th {text-align:center;}
.tableA tbody tr td {text-align:center;padding:15px;border-bottom:1px solid #ddd;line-height:1.7;word-break:keep-all;}
.tableA tbody tr td:not(:last-child) {border-right:1px solid #ddd;}
.tableA tbody tr td.numeric {text-align:right;}
/* 좌우 스크롤 */
.ov_scroll {display:none;}
@media only screen and (max-width:767px){
	.ov_scroll {display:block;margin-bottom:20px;text-align:center;color:#35b193;font-size:1.8rem;}
	.ov_table {position:relative;overflow-x:scroll;width:100%;}
	.ov_table .table_box .tableA {width:650px;}
	.ov_table .table_box .tableA tbody th {display:table-cell;}
	.ov_table .table_box .tableA tbody td {display:table-cell;}
}
/* 반응형테이블 */
table.responsive {font-size:1.7rem;}
table.responsive tbody tr th {background:#f3f8f9;border-bottom:1px solid #ddd;color:#000;}
table.responsive tbody tr td {text-align:left;}
@media only screen and (max-width:1023px) {
	table.responsive tbody tr td .email_box {display: flex;flex-wrap: wrap;align-items: center;gap:1rem;}
	table.responsive tbody tr td .email_box input,
	table.responsive tbody tr td .email_box select {flex-grow: 1;width: auto;}
}
@media only screen and (max-width:767px){
	table.responsive{}
	table.responsive.bt_none {border-top:none;}
	table.responsive thead{display:none;}
	table.responsive colgroup{display:none;}
	table.responsive tbody tr{position:relative; display:block;}
	table.responsive tbody tr:after{content:".";display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tbody tr td {padding:12px 10px;display:block;border:none;box-sizing:border-box;background:#fff;}
	table.responsive tbody tr th {padding:12px 10px;display:block;text-align:left;vertical-align:middle;border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	table.responsive tfoot tr{position:relative; display:block;border-bottom:1px solid #d9d9d9;}
	table.responsive tfoot tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
	table.responsive tfoot tr:nth-child(odd) {background:#f8f8f8;}
	table.responsive tfoot td{display:block;padding:4px 3%;border:none;text-align:left;box-sizing:border-box; background-color:transparent;}
	table.responsive tfoot th{display:block;padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
	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{display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */

	.board_box table.responsive .num {display:none;}
	.board_box table.responsive .file {display:none;}
	.board_box table.responsive tbody tr {display:flex;}
	.board_box table.responsive tbody tr td {padding:15px 10px;border-bottom: 1px solid #eee;}
	.board_box table.responsive tbody tr td.title {width:calc(100% - 120px);}
	.board_box table.responsive tbody tr td.date {text-align:right;width:120px;}
}

/********** 게시판(공통) **********/
/* 검색 */
.search_box {width:100%;margin-bottom:50px;}
.search_box .sch-board {display:flex;align-items:center;justify-content:center;width:100%;padding:50px 20px;background-color:#f7f6f5;}
.search_box .sch-board fieldset {display:flex;position:relative;}
.search_box .sch-board fieldset .sch-category {position:relative;}
.search_box .sch-board fieldset .sch-category::after {content:"";position:absolute;top:50%;right:20px;width:0px;height:0px;border-top:calc( 3px * 1.732 ) solid #aaa;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);}
.search_box .sch-board fieldset .sch-category select {width:150px;height:50px;padding:0 20px;margin-right:5px;font-size:0.938em;color:#666;border:1px solid #ddd;outline-color:#35b193;background: #fff;}
.search_box .sch-board fieldset .sch-input {display:flex;}
.search_box .sch-board fieldset .sch-input .input_keyword {width:320px;height:50px;padding:0 20px;font-size:0.938em;color:#222;border:1px solid #ddd;outline-color:#35b193;}
.search_box .sch-board fieldset .sch-input .sch-btn {width:80px;height:50px;font-size:0.938em;color:#fff;border:0;background-color:#222;vertical-align:middle;cursor:pointer;}
@media only screen and (max-width:767px){
	.search_box .sch-board {display:block;padding:30px 20px;}
	.search_box .sch-board fieldset {flex-direction:column;}
	.search_box .sch-board fieldset .sch-category select {display:block;width:100%;}
	.search_box .sch-board fieldset .sch-input {margin-top:10px;}
	.search_box .sch-board fieldset .sch-input .input_keyword {width:100%;}
}

/* 게시물 수 */
.total_box {display:flex;align-items:center;margin-bottom:25px;letter-spacing:-0.015em;}
.total_box .total_icon {font-size:1em;color:#ccc;}
.total_box .total_num {font-size:0.938em;}
.total_box .total_num .color {color:#35b193;}


/********** 게시판(리스트형) **********/
.board_summary_item {padding:10px 0;}
.board_summary_item:first-child {padding-top:0;}
.board_summary_link {display:flex;align-items:center;position:relative;height:150px;border:1px solid #ddd;}
.board_summary_link:hover {border-color:#35b193;}
.board_summary_link::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border:3px solid #35b193;box-shadow:0 0 30px rgba(158, 84, 35, 0.1);transition:opacity .3s}
.board_summary_link:hover::after {opacity:1;}
.board_summary_link .date_wrap {display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;flex-shrink:0;width:165px;padding-left:20px;}
.board_summary_link .date_wrap .pc_hide {display:none;}
.board_summary_link .date_wrap .day {font-family:"Montserrat";font-size:3.750em;font-weight:700;color:#ddd;line-height:1;transition:color .3s;}
.board_summary_link .date_wrap .date {display:flex;font-family:"Montserrat";font-weight:700;color:#ddd;transition:color .3s;}
.board_summary_link:hover .day, .board_summary_link:hover .date_wrap .date {color:#222 !important;}
.board_summary_link .date_wrap .pc_hide {display:none;}
.board_tit {width:100%;}
.board_tit .title {font-size:1.375em;color:#222;line-height:1.5;transition:color .3s;display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.board_summary_link:hover .board_tit .title {color:#35b193;}
.board_tit .title .ico {vertical-align:middle;margin:-2px 5px 0 0;color:#35b193;}
.board_file {display:flex;flex-shrink:0;width:200px;}
.board_file span {font-size:0;line-height:0;}
.board_file .ico_file {display:flex !important;align-items:center;justify-content:center;width:50px;height:50px;margin-left:70px;font-size:1.125em;font-weight:500;color:#999;border:1px solid #ddd;transition:background-color .3s, color .3s;}
.board_summary_link:hover .board_file .ico_file {background:#35b193;color:#fff;border-color:#35b193;}
@media only screen and (max-width:1199px){
	.board_summary_link .date_wrap {width:130px;}
	.board_summary_link .date_wrap .day {font-size:3.467em;}
	.board_tit .title {font-size:1.333em;}
	.board_file {width:160px;}
	.board_file .ico_file {margin:0 30px 0 auto;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
	.board_summary_link {height:130px;}
	.board_summary_link .date_wrap {width:110px;}
	.board_file {width:140px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
	.board_summary_link {flex-direction:column;height:auto;padding:25px 20px;}
	.board_summary_link .date_wrap {flex-direction:row;justify-content:flex-start;width:100%;padding-left:0;order:2;margin-top:5px;}
	.board_summary_link .date_wrap .pc_hide {display:block;}
	.board_summary_link .date_wrap .day {font-size:inherit;}
	.board_tit .title {font-size:1.214em;}
	.board_file {order:3;justify-content:flex-end;width:100%;margin-top:5px;}
	.board_file .ico_file {margin:0 0 0 auto;}
}

/********** 게시판(갤러리형) **********/
/* 목록 */
.gallery_list_box .g_list {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 12%;}
.gallery_list_box .g_list > li {}
.gallery_list_box .g_list > li a {position:relative;display:block;}
.gallery_list_box .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #eee;text-align:center;position:relative;}
.gallery_list_box .g_list > li a .imgbox::after {content:"";display:block;padding-bottom:100%;}
.gallery_list_box .g_list > li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;position:absolute;width:100%;}

.gallery_list_box .g_list > li a .imgbox .box_wrap {opacity:0;visibility:hidden;position: absolute;left:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;color:#fff;background: rgba(17,83,67,0.8);padding:0 3.5rem;transition: 0.6s;transform: translateY(100%);}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box {flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit {font-size:2rem;padding:5px 2rem;border:2px solid #fff;border-radius: 50px;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit:not(:first-child) {margin-top:2rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .p {margin-top:1rem;font-size:1.8rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .spcon {margin-top:auto;padding:3rem 0;width:100%;text-align:center;color:#3adeb6;font-size:2rem;border-top:1px solid rgba(255,255,255,0.2);font-weight: 600;}
.gallery_list_box .g_list > li a:is(:hover,:focus,:active) .imgbox .box_wrap {opacity:1;visibility: visible;transform: translateY(0);}

.gallery_list_box .g_list > li:hover a .imgbox img {transform:scale(1.1);}
.gallery_list_box .g_list > li a .titbox {margin-top:20px;}
.gallery_list_box .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color: #5ac0a7;font-size: 1.8rem;font-weight: 700;}
.gallery_list_box .g_list > li a .titbox .title {width:100%;font-weight:700;color:#222;font-size:1.250em;}
.gallery_list_box .g_list > li a .titbox .title.ellipsis1 {line-height:1.25;word-break:break-all;}
.gallery_list_box .g_list > li a .titbox .list_info {display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd;transition:all .4s;-webkit-transition:all .4s;}
.gallery_list_box .g_list > li:hover a .titbox .list_info  {border-color:#35b193;}
.gallery_list_box .g_list > li a .titbox .list_info .date {display:none; /*display:inline-flex;color:#999;font-size:0.875em;*/}
.gallery_list_box .g_list > li a .titbox .list_info .date i {margin-right:5px;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn {display:inline-flex;font-weight:600;color:#222;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn i {margin-left:5px;color:#35b193;}
.gallery_list_box .g_list_25p {grid-template-columns:repeat(4,1fr);}
.gallery_list_box .g_list_25p > li a .imgbox {padding-top: 40%;/*width:28rem;*/}
.gallery_list_box .g_list_25p > li a .imgbox img {position:absolute;top:0;aspect-ratio:1/1.4;transition:all .4s;-webkit-transition:all .4s;max-width:100%;}
.gallery_list_box .g_list_25p > li a .titbox .title.ellipsis2 {line-height:1.25;min-height:50px;word-break:break-all;}

.board_box {padding:0 5%;}
@media only screen and (max-width:1199px){
	.gallery_list_box .g_list {gap:50px 30px;}
}
@media only screen and (max-width:1023px){

	.gallery_list_box .g_list {grid-template-columns:repeat(2,1fr);gap:40px 20px;}
	.gallery_list_box .g_list > li a .titbox .list_info {margin-top:25px;padding-top:15px;}
}
@media only screen and (max-width:767px){
	.gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
	.gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
	.gallery_list_box .g_list_25p {grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:475px){
	.gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
	.gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
	.gallery_list_box .g_list_25p {grid-template-columns:repeat(1,1fr);}
}

/********** 페이지넘버 **********/
.pagination {display:flex;justify-content:center;color:#999;}
.pagination > li {display:inline-block;margin-right:5px}
.pagination > li a {display:block;width:40px;height:40px;line-height:38px;border:1px solid #ddd;border-radius:5px;transition:all .4s;}
.pagination > li a:hover {border:1px solid #35b193;}
.pagination > li.page_btn a i {line-height:38px;}
.pagination > li.prev a i {transform:rotate(180deg);line-height:40px;}
.pagination > li strong.on {display:block;width:40px;height:40px;line-height:40px;border:1px solid #35b193;border-radius:5px;background:#35b193;color:#fff;}
.pagination > li span {font-size:0;}
/* 태블릿 */
@media only screen and (max-width:767px){
	.pagination > li a {width:35px;height:35px;line-height:33px;}
	.pagination > li.txt a:after {width:35px;height:35px;}
	.pagination > li.page_btn a i {line-height:33px;}
	.pagination > li.prev a i {line-height:33px;}
	.pagination > li strong.on {width:35px;height:35px;line-height:33px;}
}
/* 태블릿 */
@media only screen and (max-width:425px){
	.pagination > li a {width:25px;height:25px;line-height:23px;}
	.pagination > li.txt a:after {width:25px;height:25px;}
	.pagination > li.page_btn a i {line-height:23px;}
	.pagination > li.prev a i {line-height:23px;}
	.pagination > li strong.on {width:25px;height:25px;line-height:23px;}
}

/********** 게시판(상세) **********/
.board_box_detail .title_wrap {padding:40px 0;text-align:center;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.board_box_detail .title_wrap .board_tit {font-size:1.500em;color:#222;line-height:1.25;margin-bottom:20px;}
.board_box_detail .title_wrap .board_tit .point {color:#35b193;display:inline-block;vertical-align:middle;}
.board_box_detail .title_wrap .board_info {display:flex;justify-content:center;align-items:center;color:#999;}
.board_box_detail .title_wrap .board_info li {position:relative;padding:0 15px;}
.board_box_detail .title_wrap .board_info li:not(:last-child)::after {position:absolute;top:2px;right:0;width:2px;height:12px;content:"";background:#ddd;}
.board_box_detail .board_con {padding:75px 100px 80px;text-align:center;line-height:1.7;border-bottom:1px solid #ddd;}
.board_box_detail .board_con img {margin-bottom:10px;max-width:100%;}
.board_box_detail .board_file_box {padding:30px;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.board_box_detail .board_file_box em {padding-right:15px;border-right:1px solid #ddd;}
.board_box_detail .board_file_box em i {vertical-align:middle;}
.board_box_detail .board_file_box .file_list {padding-left:15px;display:flex;flex-wrap:wrap;}
.board_box_detail .board_file_box .file_list li {padding:5px 20px;border:1px solid #ddd;border-radius:15px;margin:3px 5px 3px 0;}
/* 태블릿 */
@media only screen and (max-width:1023px){
	.board_box_detail .title_wrap {padding:30px 0;}
	.board_box_detail .board_con {padding:65px 90px 70px;}
	.board_box_detail .board_file_box {padding:25px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
	.board_box_detail .title_wrap {padding:25px 0;}
	.board_box_detail .board_con {padding:55px 15px 60px;}
	.board_box_detail .board_file_box {flex-direction:column;padding:20px 15px;}
	.board_box_detail .board_file_box em {padding-right:0;border-right:none;margin-bottom:10px;}
}

/********** 제품소개 게시판(상세) **********/
.product_view .product_tit {border-bottom:1px solid #ddd;border-top:2px solid #000;}
.product_view .product_tit em {border-bottom:1px solid #ddd;text-align:center;display:flex;flex-direction:column;padding:4.5rem 3rem;line-height:normal;font-weight:700;font-size:3.3rem;color:#000;}
.product_view .product_tit em span {display:block;margin-bottom:1rem;font-size:1.8rem;text-align:center;color:#5ac0a7;}
.product_view .flexbox {display:flex;margin-top:6.0rem;gap:5rem;}
.product_view .flexbox .img_box {flex-shrink:0;width:40%;}
.product_view .flexbox .img_box img {width:100%;max-width:100%;}
.product_view .flexbox .img_box .mainSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide {display: flex;align-items: center;}
.product_view .flexbox .img_box .thumbSwiper {margin-top:2rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide {position:relative;background: #fff;height: 13.9rem;display: flex;align-items: center;cursor: pointer;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {content:"";position:absolute;left:0;top:0;z-index:1;border: 1px solid #ddd;width: 100%;height: 100%;display: block;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide img {transition: 0.4s;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active:after {content:"";position:absolute;left:0;top:0;z-index:1;border: 5px solid #222;width: 100%;height: 100%;display: block;}
.product_view .flexbox .txtbox {flex-grow:1;line-height:1.5;}
.product_view .flexbox .txtbox .product_ul {width:100%;}
.product_view .flexbox .txtbox .product_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem 0;border-bottom:1px dotted #ddd;}
.product_view .flexbox .txtbox .product_ul > li:last-child {border-bottom:0;}
.product_view .flexbox .txtbox .product_ul > li .stit {position:relative;width:10rem;color:#222;font-size:18px;font-weight:800;}
.product_view .flexbox .txtbox .product_ul > li .stit:before {content:"";position:absolute;right:0;top:6px;width:1px;height:14px;background:#999;}
.product_view .flexbox .txtbox .product_ul > li .stit:after {content:"";clear:both;display:block;}
.product_view .flexbox .txtbox .product_ul > li > span {width:calc(100% - 10rem);overflow:hidden;padding-left:3.5rem;color:#000;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span {display: block;padding-left:11px;text-indent: -11px;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span:before {content:"";display: inline-block;margin-right:5px;width: 6px;height: 1px;background: #767676;vertical-align: middle;}
.product_view .detail_box {border-bottom:1px solid #ddd;}
.product_view .detail_box .stit {position:relative;color:#222;font-size:2.0rem;font-weight:600;background:#f3f6f9;line-height:45px;text-align:center;border-radius:1.5rem;}
.product_view .detail_box .detail_cont {padding:4.0rem 2.0rem;/*text-align:center;*/}
.product_view .detail_box .detail_cont img {max-width:1200px; width:100%;}
@media only screen and (max-width:1199px){
	.product_view .product_tit em {padding:4rem 3rem;}
	.product_view .flexbox {margin-top:4.0rem;}
}
@media only screen and (max-width:767px){
	.product_view .product_tit em {padding:3rem 1.5rem;}
	.product_view .flexbox {flex-direction:column;flex-wrap:wrap;}
	.product_view .flexbox .img_box {width:100%;aspect-ratio:2/1;}
	.product_view .flexbox .img_box .mainSwiper .swiper-slide {height: auto;background: none;}
	.product_view .flexbox .img_box .thumbSwiper .swiper-slide {height: auto;}
	.product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {display: none;}
	.product_view .flexbox .txtbox {width:100%;}
}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-block;height:40px;line-height:40px;padding:0 30px;border-radius:0;text-align:center;color:#666;cursor:pointer;border:1px solid #ddd;position:relative;z-index:0;transition:.2s;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.btn_bace:before {position:absolute;top:0;left:0;content:"";background:#35b193;width:0;height:100%;z-index:-1;transition:.3s ease-out}
.btn_bace:hover,.btn_bace:focus,.btn_bace:active {color:#fff;border-color:#35b193;transition:.2s;}
.btn_bace:hover::before,.btn_bace:focus::before,.btn_bace:active::before {width:100%;transition:.3s ease-out;}
/* 선버튼 */
.btn_line {display:inline-block;height:40px;line-height:40px;padding:0 30px;border:1px solid #ddd;text-align:center;color:#666;cursor:pointer;position:relative;z-index:0;transition:all .5s;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.btn_line:before {position:absolute;top:0;left:0;content:"";background:#35b193;width:0;height:100%;z-index:-1;transition:.3s ease-out}
.btn_line:hover,.btn_line:focus,.btn_line:active {text-decoration:none;transition:all .5s;border-color:#35b193;color:#fff;}
.btn_line:hover::before,.btn_line:focus::before,.btn_line:active::before {width:100%;transition:.3s ease-out;}

.btn_line.wh {border-color:#fff;color:#fff;}
.btn_line.wh:hover,.btn_line.wh:focus,.btn_line.wh:active {background:#fff;color:#666;}

.btn_bace_large,.btn_line_large {height:45px;line-height:45px;}
.btn_bace_small,.btn_line_small {height:35px;line-height:35px;}
@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;}
}
/* 색상 */
.btn_blue {background:#344154;border:1px solid #344154;color:#fff;}
.btn_blue:hover,.btn_blue:focus,.btn_blue:active {background:#222;color:#fff;}
.btn_orange {background:#ff8900;border:1px solid #ff8900;color:#fff;}
.btn_orange:hover,.btn_orange:focus,.btn_orange:active {background:#222;color:#fff;}
/* 관리자 버튼 */
.btnArea {display:flex;justify-content:center;flex-wrap:wrap;}
.btnArea .select_wrap {display:flex;flex-wrap:wrap;position:relative;}
.btnArea .select_wrap .selectbox {position:relative;}
.btnArea .select_wrap .selectbox::after {content:"";position:absolute;top:50%;right:20px;width:0px;height:0px;border-top:calc( 3px * 1.732 ) solid #aaa;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);}
.btnArea .select_wrap .selectbox label {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%);}
.btnArea .select_wrap .selectbox select {width:150px;height:40px;padding:0 20px;margin-right:5px;font-size:0.938em;color:#666;border:1px solid #ddd;outline-color:#35b193;}
.btnArea a {margin:0 5px;}
@media only screen and (max-width:767px){
	.btnArea {flex-direction:column;}
	.btnArea .select_wrap {justify-content:center;}
	.btnArea .select_wrap .selectbox select {height:35px;line-height:35px;padding:0 10px;margin-bottom:5px;}
	.btnArea .btn_edit {margin-top:5px;}
}

/********** 체크버튼(라디오, 체크) **********/
.checks {position: relative;}
.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 {color:#666;font-weight:500;vertical-align:middle; display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:4px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 100%; }

.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { }
.checks input[type="radio"]:checked + label:before {  }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top:9px;left:5px; width: 10px; height:10px; background: #c6003c; border-radius: 100%;}

.checks {position:relative;}

.checks_box {display: flex;gap:1rem;flex-wrap: wrap;}
.checks_box .checks {width: calc(20% - 1rem);}
.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 { color:#666;font-weight:500;display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
	content: ' ';  display: inline-block;  width: 20px; height: 20px; line-height: 20px;margin:-2px 6px 0 0;  text-align: center;
	vertical-align: middle;  background:#fff;border:1px solid #ddd;}

.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {}
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
	content: '';background:url("./../../images/fs/common/icon_checks.gif") no-repeat center #35b193;font-size:14px;border:1px solid #35b193;}
@media only screen and (max-width:1023px){
	.checks_box .checks {width: calc(25% - 1rem);}
}
@media only screen and (max-width:767px){
	.checks_box .checks {width: calc(33.3% - 1rem);}
}
@media only screen and (max-width:479px){
	.checks_box .checks {width: calc(50% - 1rem);}
}


/********** 인풋스타일 **********/
/*input[type="image"],*/
/*input[type="hidden"],*/
/*input[type="color"],*/
/*input[type="range"],*/
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"],input[type="submit"],select {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;height:40px;line-height:40px;padding:0 15px;border:1px solid #dfdfdf;background:#fff;font-size:0.938em;color:#666;border-radius:0;}
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 {background:transparent;z-index:1;margin-left:-19px;}
input[type="date"]:after {content:'';position:absolute;top:50%;right:20px;z-index:0;width:17px;height:15px;background:url("./../../images/fs/common/icon_de.png") no-repeat center center #fff;transform:translateY(-50%);}
textarea {padding:15px;font-size:0.938em;border:1px solid #dfdfdf;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
select {background:url("./../../images/fs/common/select_arr.gif") no-repeat right 50%;}
@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;}
	input:first-child,select:first-child {margin-top:0;}
	textarea {padding:10px;}
}


/********** 가로값 **********/
.wh100p {width:100%;}
.wh99p {width:99%;}
.wh70p {width:70%;}
.wh50p {width:50%;}
.wh45p {width:45%;}
.wh40p {width:40%;}
.wh30p {width:30%;}
.wh200 {width:200px;}
.wh150 {width:150px;}
.wh70 {width:70px;}
@media only screen and (max-width:767px){
	.wh99p,
	.wh70p,
	.wh50p,
	.wh45p,
	.wh40p,
	.wh30p {width:100%;}
	.wh200 {width:100%;}
}


/********** 정렬 **********/
.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;}


/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution1.gif") no-repeat 0 6px;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution2.gif") no-repeat 0 6px;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:20px;background:url("./../../images/fs/common/ico_caution3.gif") no-repeat 0 6px;}
/* 당구장표시 */
.point4 {display:block;padding-left:14px;background:url("./../../images/fs/common/bul_focus.gif") no-repeat 0 9px;}


/********** 가장자리_외부(margin) **********/
/* 위 */
.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;}
.mt90 {margin-top:90px;}
@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;}
	.mt90 {margin-top:80px;}
}
@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;}
	.mt90 {margin-top:70px;}
}
/* 우측 */
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}