@charset "utf-8";

/*************/
/* 컨텐츠 작업 */
/*************/
/* 공통탭 */
.qtap_box .tap_box {border-bottom:1px solid #ddd;margin-bottom:4rem;}
.qtap_box .tap_box .tap_btn {display:flex;}
.qtap_box .tap_box .tap_btn li {flex:1 1 auto;text-align:center;}
.qtap_box .tap_box .tap_btn li a {display:block;padding:2rem;font-weight:600;font-size:2rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition: 0.4s;}
.qtap_box .tap_box .tap_btn li.on a, .qtap_box .tap_box .tap_btn li a:is(:hover,:focus,:active) {color:#12887a;border-color:#12887a;background:#eef8f7;}
.qtap_box .tab_content {margin-top:10rem;}


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

/* 컨텐츠 시작 */
/* 0101_회사개요 */
.about_box {position:relative;z-index: 1;background: #f8fbf7;padding:20rem 0;text-align: center;}
.about_box > img {position: absolute;left:0;top:0;z-index: -1;}
.about_box .wrap {overflow: hidden;}
.about_box .text_box {color: #222;}
.about_box .text_box > strong {font-size:5rem;font-weight: 700;letter-spacing: -1px;color: #00352f;}
.about_box .text_box > p {margin-top:4rem;font-size:1.7rem;line-height: 2;color:#616161}
.about_box .text_box .bot {margin-top:3rem;}
.about_box .text_box .bot span {display: block;}
.about_box .text_box .bot strong {font-size:2.5rem;}
.about_box .img {position: absolute;bottom:0;left: 0;height: 11rem;width: 100%;}
.about_box .img .bg_text {line-height:0.6;font-size:20rem;font-weight: 900;color:#12887a;opacity: 0.04;white-space: nowrap;}
.about_box2 {position: relative;background: url("./../../images/fs/main/mcon2_bg00.jpg") no-repeat right bottom / cover;}
.about_box2 .tb {padding:15rem 5rem;width: 100%;display: flex;flex-wrap: wrap;gap:1rem;}
.about_box2 .tb > li {padding:2rem;width:calc(33.3% - 1rem);border-radius: 8px;border:1px solid rgba(255,255,255,0.2);color:#ccc;background:rgba(255,255,255,0.01);backdrop-filter: blur(10px);}
.about_box2 .tb > li strong {display:block;margin-bottom:2rem;font-weight:400;font-size:1.6rem;color:#fff;text-align: left;}
.about_box2 .tb > li p {font-size:2rem;font-weight:600;}
.about_box2 .tb > li ul {}
.about_box2 .tb > li ul li {position:relative;font-size:1.7rem;font-weight:400;padding-left:14px;}
.about_box2 .tb > li ul li:before {content:"";position: absolute;left:0;top:10px;width: 5px;height: 2px;background: #ccc;}
@media only screen and (max-width:1199px){
	.about_box2 .tb {top:10%;}
}
@media only screen and (max-width:1023px){
	.about_box {padding:10rem 0;}
	.about_box2 .tb {}
	.about_box2 .tb > li {width:calc(50% - 1rem);}
}
@media only screen and (max-width:639px){
	.about_box2 .tb {padding:5rem 2.5rem;}
	.about_box2 .tb > li {width:100%;}
}
.bg_text {display:block;position:absolute;top:-2rem;left:0;z-index:-1;width:6400px;height:125px;animation:wave 30s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0);}
.bg_text:after {content:"PLAN & INNOVATION";}
@keyframes wave {
	0% {margin-left: 0;}
	100% {margin-left: -5000px;}
}

/* 0102_비전 */
.vision_box {}
.vision_box > .wrap {display: flex;gap:10rem;}
.vision_box > .wrap .box {width: 50%;text-align: center;}
.vision_box > .wrap .box .icon {display:grid;place-items:center;background: #12887c;width: 8.3rem;height:8.3rem;margin:0 auto 2rem auto;border-radius: 100%;}
.vision_box > .wrap .box .icon svg {width: 40%;color:#fff;}
.vision_box > .wrap .box strong {display:block;font-size:4rem;color:#222;margin-bottom:2rem;}
.vision_box > .wrap .box .etc {display: block;margin-bottom:2rem;}
.vision_box > .wrap .box .etc span {display:inline-flex;align-items:center;height:30px;padding:0 2rem;background: #e7f3f2;color:#12887c;border-radius: 50px;}
.vision_box > .wrap .box img {}
.vision_box > .wrap .box ul {margin-top:2rem;display: flex;flex-wrap: wrap;gap:2rem;margin-right:-2rem;}
.vision_box > .wrap .box ul li {display:flex;align-items:center;justify-content:center;width:calc(50% - 2rem);min-height:5rem;border: 1px solid #12887c;border-radius: 10px;font-size:2rem;}
.vision_box > .wrap .right {}
.vision_box > .wrap .right strong {margin-bottom:7rem;}
.vision_box > .bot {background: #f2f2f2;padding:10rem 0;margin:10rem 0;}
.vision_box > .bot .wrap {display: flex;gap:4rem;}
.vision_box > .bot .wrap > div {width: calc(33.3% - 4rem);background: #fff;flex-grow: 1;border-radius: 10px;}
.vision_box > .bot .wrap > div strong {display:block;margin-top:-2rem;margin-left:4rem;font-size:3rem;color:#12887c;}
.vision_box > .bot .wrap > div ul {padding: 2rem 4rem 4rem 4rem;}
.vision_box > .bot .wrap > div ul li {position: relative;padding-left:15px;font-size:2rem;color:#222;}
.vision_box > .bot .wrap > div ul li:before {content:"";position: absolute;left: 0;top:12px;width: 3px;height: 3px;border-radius: 100%;background: #222;}
.vision_box > .bot .wrap > div ul li:not(:last-child) {margin-bottom:1rem;}
@media only screen and (max-width:767px){
	.vision_box > .wrap {display: flex;gap:5rem;}
	.vision_box > .wrap .box strong {font-size:3rem;}
	.vision_box > .wrap .box ul {margin-right:0;gap:1rem;}
	.vision_box > .wrap .box ul li {width:100%;}

	.vision_box > .bot .wrap {flex-direction: column;}
	.vision_box > .bot .wrap > div {width: 100%;}
}

/* 0102_조직도 */
.group span {display:inline-block;width:100%;padding:15px 30px;border:1px solid #000;text-align:center;}
.org_box {margin:auto;text-align:center;}
.org_box .ceo {position:relative;margin:auto;text-align:center;padding-bottom:60px;}
.org_box .ceo:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:1px;height:60px;background:#ccc;}
.org_box .ceo span {display:grid;place-items:center;width:170px;height:170px;margin:0 auto;line-height:1.1;padding:20px 10px 10px 10px;background:linear-gradient(45deg, #12887a, #06534a);color:#fff;font-size:2.6rem;font-weight:600;border:10px solid #e2f3f1;border-radius: 100%;}
ul.group {position:relative;display:flex;flex-wrap:wrap;justify-content: space-between;}
ul.group:before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:70%;height:1px;background:#ccc;}
ul.group > li {position:relative;width:30%;padding:0 5px;}
ul.group > li > span {font-size:1.8rem;font-weight:bold;color:#373b44;max-width:none;border-radius: 10px;background:#edf9f7;border:1px solid #cadedb;}
ul.group > li:before {content:'';position:absolute;left:0;right:0;top:-40px;margin:auto;width:1px;height:40px;background:#ccc;}
ul.group2 {padding-top:40px}
ul.group2 > li ul.group3 {margin-top:5px;padding:5px 15px;background:#fff;border:1px solid #cadedb;border-radius: 10px;}
ul.group2 > li ul.group3 > li span {border:0;}
ul.group2 > li ul.group3 > li + li {margin-top:-1px;border-top:1px dashed #ddd;}
@media only screen and (max-width:767px){
	.org_box .ceo span {width:140px;height:140px;}
	ul.group > li {padding:0;}
	ul.group > li > span {padding:15px 0;}
	ul.group2 > li ul.group3 > li span {padding:15px 0;}
	ul.group2 > li ul.group3 {padding:5px 0;}
}


/* 0103_사업분야 */
.busi_box .titp {text-align:center;font-weight:700;font-size:2.6rem;color:#222;}
.busi_box .con_box {position:relative;}
.busi_box .con_box .center_con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:20px solid #fff;border-radius:50%;}
.busi_box .con_box .center_con .circle {width:350px;height:350px;border:10px solid #12887a;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.busi_box .con_box .center_con span {display:block;text-align:center;font-size:1.500em;font-weight:700;line-height:1.5;color:#222;padding:0 30px;margin-top:25px;word-break:keep-all;}
.busi_box .con_box .business_list {display:grid;grid-template-columns:repeat(2,1fr);gap:35px;}
.busi_box .con_box .business_list li {background:#edf9f7;border-radius:20px;padding:50px 20px;text-align:center;word-break:keep-all;z-index:-1;}
.busi_box .con_box .business_list li:nth-child(odd) {padding-right:130px;}
.busi_box .con_box .business_list li:nth-child(even) {padding-left:130px;}
.busi_box .con_box .business_list li .item_tit {display:block;font-size:1.750em;font-weight:700;color:#222;margin-bottom:20px;}
.busi_box .con_box .business_list li .item_txt {display:block;margin-bottom:5px;line-height:1.4;}
.busi_box .con_box .business_list li .item_txt:last-child {margin-bottom:0;}
@media only screen and (max-width:1299px){
	.busi_box .con_box .center_con {border-width:15px;}
	.busi_box .con_box .center_con .circle {width:300px;height:300px;}
	.busi_box .con_box .business_list li {padding:40px 15px;}
	.busi_box .con_box .business_list li:nth-child(odd) {padding-right:105px;}
	.busi_box .con_box .business_list li:nth-child(even) {padding-left:105px;}
}
@media only screen and (max-width:1023px){
	.busi_box .con_box .center_con {position:static;transform:translate(0,0);}
	.busi_box .con_box .center_con .circle {margin:0 auto;width:250px;height:250px;border-width:5px;}
	.busi_box .con_box .center_con img {margin-top:20px;}
	.busi_box .con_box .center_con span {font-size:1.214em;line-height:1.25;margin-top:10px;}
	.busi_box .con_box .business_list {grid-template-columns:repeat(1,1fr);gap:10px;}
	.busi_box .con_box .business_list li {padding:20px 15px;}
	.busi_box .con_box .business_list li:nth-child(odd) {padding-right:15px;}
	.busi_box .con_box .business_list li:nth-child(even) {padding-left:15px;}
	.busi_box .con_box .business_list li .item_tit {font-size:1.286em;}
}


/* esg경영 */
.title_box {padding:8rem 2rem;position:relative;text-align:center;}
.title_box:before {content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background:#f5f5f5;z-index:-1;}
.title_box .tit {color:#000;font-size:3.2rem;display:block;line-height: 1.4;}
.title_box .tit strong {}
.title_box .stit {margin-top:30px;line-height:1.6;}
.esg {position:relative;margin-top:10rem;}
.esg .tit2 {display:inline-block;max-width:36rem;background:#12887a;font-size:1.8rem;color:#fff;padding:1.5rem 3rem 1.2rem;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-27.5px;margin:auto;z-index:1;text-align:center;}
.esg .tit2 em {display:inline-block;margin-left:5px;font-weight:normal;opacity: .6;}
.esg > ul {display:flex;flex-wrap:wrap;gap:30px;}
.esg > ul > li {width:calc((100% - 60px)/3);text-align: center;background:#fff;border-radius:15px;border:1px solid #12887a;padding:8rem 3rem 3rem 3rem;}
.esg > ul > li .img_box {height:220px;}
.esg > ul > li .txtbox .tit {font-size:1.6rem;color:#666;margin-top:4rem;display:block;height:120px;}
.esg > ul > li .txtbox .tit strong {display:block;font-size:4rem;font-weight:900;line-height:1;color:#12887a;}
.esg > ul > li .txtbox .tit span {font-size:2.2rem;color:#12887a;font-weight:700;display:block;line-height:1.2;padding-top:1rem;}
.esg > ul > li .txtbox ul li {border:1px solid #ddd;border-radius:30px;padding:1rem 1rem;margin:5px 0;font-size:1.6rem;}
@media only screen and (max-width:1023px){
	.title_box {padding:60px 0;}
	.title_box .tit {font-size:1.8em;}
	.title_box .stit br {display: none;}
}
@media only screen and (max-width:767px){
	.title_box .tit {font-size:1.65em;}
}
.line_box {border:1px solid #222;padding:10rem 4rem 6rem 4rem;position:relative;}
.line_box .tit2 {display:inline-block;max-width:360px;background:#222;font-size:1.25em;color:#fff;padding:15px 30px 12px;border-radius:40px;font-weight:600;position:absolute;left:0;right:0;top:-27.5px;margin:auto;z-index:1;text-align:center;}
.line_box ul {display:flex;justify-content:center;gap:3rem;}
.line_box ul li {text-align:center;}
.line_box ul li div {height:600px;border:1px solid #ddd;display:flex;}
.line_box ul li div img {width:100%;}
.line_box ul li p {margin-top:2rem;font-weight:800;}
@media only screen and (max-width:1199px){
	.line_box {padding:8rem 30px 6rem 30px;}
	.line_box ul li div {height:500px;}
}
@media only screen and (max-width:1023px){
	.esg > ul > li {width:100%;padding:60px 30px 30px 30px;}
	.line_box ul li div {height:400px;}
}
@media only screen and (max-width:767px){
	.esg > ul > li .txtbox .tit {height:auto;margin-top:3rem;margin-bottom:2rem;}
	.line_box {padding:8rem 30px 4rem 30px;}
	.line_box ul {display:block;}
	.line_box ul li:last-child {margin-top:4rem;}
	.line_box ul li div {height:auto;width:100%;}
}


/* 0106_오시는길 */
.map_box {}
.map_box .box {}
.map_box iframe {width: 100%;aspect-ratio: 2/1;}
.map_box .text_box {}
.map_box .text_box h4 {margin:30px 0 15px 0;}
.map_box .text_box ul {display: flex;gap:20px;flex-wrap: wrap;}
.map_box .text_box ul li {flex-grow:1;padding:30px;border-top:2px solid #111;border-bottom: 1px solid #e5e5e5;font-size:2rem;color:#555;}
.map_box .text_box ul li strong {display:block;padding-bottom:10px;font-size:1.6rem;font-weight: 800;color:#111;}


/* 0201_제품소개 */
.prod_con {display:flex;}
.prod_con .left_box {width:calc(50% - 6.2500vw);position:sticky;top:200px;height:600px;}
.prod_con .left_box .prod_img {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ddd;max-height:calc(600px - 90px);transition: 0.4s;}
.prod_con .left_box .prod_img:hover {border:1px solid #12887a;box-shadow: 10px 10px 10px rgba(0,0,0,0.01);}
.prod_con .left_box .prod_img img {max-width:100%;max-height:100%;}
.prod_con .left_box .swiper-button-next {color:#222;}
.prod_con .left_box .swiper-button-prev {color:#222;}
.prod_con .prod_txt {width:calc(50% + 6.2500vw);padding-left:6.2500vw;}
.prod_con .prod_txt .tit_wrap {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.prod_con .prod_txt .tit_wrap .tit {display:inline-block;vertical-align:bottom;font-size:2.188em;color:#222;margin-right:15px;}
.prod_con .prod_txt .tit_wrap .tit span {display: block;color:#12887a;font-size:1.5rem;}
.prod_con .prod_txt .tit_wrap .sub_tit {display:inline-block;vertical-align:bottom;font-weight:500;color:#767676;}
.prod_con .prod_txt .con_wrap {padding-left:1.5625vw;line-height:1.5;}
.prod_con2 {flex-direction: row-reverse;}
.prod_con2 .left_box {width:calc(50% - 6.2500vw);}
.prod_con2 .prod_txt {width:calc(50% + 6.2500vw);padding-right:6.2500vw;padding-left:0;}
@media only screen and (max-width:1023px){
	.prod_tit {margin-bottom:80px;}
	.prod_con {flex-direction:column;}
	.prod_con .left_box {width:75%;height:auto;position:static;margin:0 auto 40px;}
	.prod_con .prod_txt {width:100%;padding-left:0;padding-right:0;margin-bottom:10rem;}
	.prod_con .prod_txt .tit_wrap {padding-bottom:20px;margin-bottom:20px;}
}
@media only screen and (max-width:767px){
	.prod_tit {margin-bottom:45px;}
	.prod_con .left_box {width:100%;}
}



/* 자주하는 질문 */
.faq_box {}
.faq_box .faq_cont {font-size:1.8rem;}
.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:2.5rem;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:10px;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:15px 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: #12887a;}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-30px;padding:50px 50px 20px 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 {background:#12887a;border:1px solid #12887a;color: #fff;}
.faq_box .faq_cont dt.on a {font-weight: 600;}
.faq_box .faq_cont dt.on a .etc:before {background:#fff;}
.faq_box .faq_cont dt.on a .etc:after {display: none;}
.faq_box .faq_cont dt.on em {color: #fff;}
.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:1399px){
	.faq_box {padding:0;}
}
@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 dt a {line-height: 1.5;padding:15px 0;}
}




/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.total_box {font-weight:500;font-size:1.6rem;color:#767676;line-height:1.6;position:relative;padding-left:26px;letter-spacing:-0.2px;}
.total_box::before {content:"";width:20px;height:24px;background:url("../../images/fs/common/icon_total.png") no-repeat center;background-size:cover;position:absolute;left:0;}
.total_box span, .total_box em {display:inline-block;font-feature-settings:"tnum";color:#12887a;}
@media only screen and (max-width:767px){
	.total_box {font-size:2rem;margin-bottom:2rem;}
}

/* 검색 */
.search_box {display:flex;justify-content:space-between;align-items:center;}
.search_box input:focus, .search_box select:focus {border:0;outline:0;}
.search_box .inputbox {background:#fff;width:100%;text-align:left;padding:3px 10px 3px 4px;display:flex;align-items:center;border:1px solid #ddd;border-radius: 4px;}
.search_box .inputbox select {background-color: #f6f6f6;border-radius:0;border:0;line-height:normal;border-radius: 4px;}
.search_box .inputbox .sc_input {background:none;border:0;line-height:normal;}
.search_box .inputbox .input_style {background:none;border:0;line-height:normal;}
.search_box .select_style {border:0;background-color:#fff;}
.search_box .btn_sch {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:url("./../../images/fs/common/icon_search_black.png") no-repeat center;opacity:.5;transition:all .4s;-webkit-transition:all .4s;}
.search_box .btn_sch:hover {opacity:1;}
@media only screen and (max-width:1023px){
	ul.sch_btn li a {line-height:36px;}
}
@media only screen and (max-width:767px){
	.search_box {flex-direction:column;align-items:flex-start;}
	.search_box form {width:100%;}
	.search_box .inputbox select {width:120px;margin-bottom:0;}
	.search_box .inputbox .sc_input {width:calc(100% - 150px);margin-bottom:0;}
	.search_box .inputbox .input_style {width:calc(100% - 150px);margin-bottom:0;}
}

/* 페이지 넘버 */
.page-number {display:flex;justify-content:center;align-items:center;gap:3px;}
.page-number li {}
.page-number li a {display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;transition:0.4s;border-radius: 100%;}
.page-number .prev_first {background:url("./../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page-number .prev {background:url("./../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page-number .num {font-size:1.6rem;}
.page-number .num a:hover,.page-number .num a:focus,.page-number .num a:active {background:#f4f4f4;}
.page-number .num a.on {background:#12887a;color:#fff;}
.page-number .next {background:url("./../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page-number .next_last {background:url("./../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:767px){
	.page-number li a {width:30px;height:30px;line-height:28px;}
}

/* 일반게시판(목록) */
.board_list {width:100%;/*border-top:2px solid #1d1d1d;*/word-break:normal;}
.board_list thead th {font-weight:500;font-size:1.6rem;color:#fff;background:#1d1d1d;padding:1rem 0;/*border-bottom:1px solid #003282;*/}
.board_list tbody tr:hover {background: #fffbfb;}
.board_list tbody tr td {padding:1.5rem 2rem;border-bottom:1px solid #ddd;font-size:1.7rem;}
.board_list tbody tr td a {display:block;text-align:left;color:#1d1d1d;}
.board_list tbody tr.notice_box td:first-child {font-weight:600;color:#12887a;}
.board_list tbody tr.notice_box td a {font-weight:600;color:#1d1d1d;}
@media only screen and (max-width:1023px){
	.board_list {word-break:keep-all;}
}
@media only screen and (max-width:767px){
	.board_list tbody td {padding:10px;font-size:2rem;}
	table.responsive thead {display:none;}
	table.responsive colgroup {display:none;}
	table.responsive tbody tr {display:block;position:relative;border-bottom:1px solid #ddd;padding:15px 0;}
	table.responsive tbody tr:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
	table.responsive tbody td {display:block;padding:3px 20px;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 td img {height:16px;}
	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:#222;padding-right:5px;}
}

/* 일반게시판(상세) */
.board_view {border-top:2px solid #000;}
.board_view * {}
.board_view > li {border-bottom:1px dotted #ddd;}
.board_view .view_tit {padding:40px 0;text-align:center;font-size:1.5em;color:#000;font-weight:600;}
.board_view .view_tit .tit {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.board_view .view_tit .notice {display:inline-block;font-size:15px;background:#12887a;color:#fff;padding:5px 20px;border-radius:30px;line-height: 1.5;}
.board_view .view_info {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;color:#555;font-size:1.5rem;font-weight:300;margin-top:20px;}
.board_view .view_info li {padding:0 16px 0 20px;position:relative;}
.board_view .view_info li:after {content:"/";position:absolute;left:0;top:0;color:#ddd;}
.board_view .view_info li:first-child:after {display:none;}
.board_view .view_cont {padding:40px 20px;min-height:360px;}
.board_view .view_cont img {max-width:100%;}
.board_view .file_area {padding:15px 20px;background:#f2f8fa;font-size:.95em;}
.board_view .file_area a.upload_file {display:flex;gap:1rem;align-items:center;}
.board_view .file_area a.upload_file:hover {text-decoration:underline;}
.board_view .file_area p.no-file {color:#555;}
.board_view .btnnp > div {position:relative;display: flex;align-items: center;}
.board_view .btnnp > div:after {content: "";position:absolute;left:0;top:0;display: block;width: 100%;height: 1px;background: #fff;}
.board_view .btnnp > div button {padding:1.5rem 3rem;background: #f7f8fa;font-weight:500;font-size:1.7rem;color:#222;}
.board_view .btnnp > div button img {}
.board_view .btnnp > div .pbox {display: flex;align-items: center;padding:0 20px;}
.board_view .btnnp > div .pbox p {}
.board_view .btnnp > .np_item_left {border-bottom:1px solid #e5e5e5;}
.board_view .btnnp > .np_item_left img {transform: rotate(-90deg);margin:-3px 0 0 30px;}
.board_view .btnnp > .np_item_right {}
.board_view .btnnp > .np_item_right img {transform: rotate(90deg);margin-left:30px;}
.view_np_box {display: flex;justify-content: center;align-items: center;}
@media only screen and (max-width:1023px){
	.board_view .btnnp > div button {padding:15px 20px;}
	.board_view .btnnp > .np_item_left img {margin:-5px 0 0 30px;}
	.board_view .btnnp > .np_item_right {}
	.board_view .btnnp > .np_item_right img {margin:-4px 0 0 30px;}
}
@media only screen and (max-width:767px){
	.board_view .btnnp > div button {padding:15px 15px;}
}
@media only screen and (max-width:767px){
	.board_view .view_tit {padding:30px 0;}
	.board_view .view_cont {padding:30px 15px;}
}


/* 갤러리게시판 */
.gallery_list_box {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4rem 0;}
.gallery_list_box .g_list {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;}
.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 {border-radius: 10px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #eee;text-align:center;position:relative;word-break: break-all !important;}
.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:2.2rem;line-height:1.2;word-break: break-all !important;}
.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:flex-end;align-items:center;margin-top:10px;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: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 {max-height: none;padding:19% 0;}
.gallery_list_box .gal > li a .imgbox {max-height:400px;padding:0;}
.gallery_list_box .g_list_25p > li a .imgbox img {/*aspect-ratio:1/1.5;*/transition:all .4s;-webkit-transition:all .4s;max-width:100%;}
.gallery_list_box .g_list_25p > li a .imgbox img.noimg {max-width: 100px;}
.gallery_list_box .g_list_25p > li a .titbox .title.ellipsis2 {line-height:1.25;min-height:50px;word-break:break-all;}
@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);}
}

/* 고객문의-비밀번호입력 */
.end_box {border-top:2px solid #222;border-bottom:1px solid #ddd;padding:10rem 4rem;text-align: center;}
.end_box img {width: 80px;}
.end_box strong {display:block;font-size:2.4rem;color:#222;font-family: 'GongGothic',sans-serif;font-weight:500;}
.end_box p {line-height:1.5;font-size:1.8rem;color:#767676;}
.end_box p:before {content:"";display:block;width: 30px;height: 4px;background: #e53935;margin:2rem auto;}
.end_box a {}

/* tableB */
.online_table {width:100%;border-bottom:1px solid #eee;border-top:2px solid #000;word-break:normal;}
.online_table thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#000;}
.online_table thead th:first-child {border-left:0;}
.online_table tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #ddd;}
.online_table tfoot td {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.online_table 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;}
.online_table tbody td {padding:15px 10px;border-left:1px solid #eee;border-top:1px solid #eee;}
.online_table tbody tr th:first-child,
.online_table tbody tr td:first-child {border-left:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #ddd}
.online_table tbody tr th.bd_none,.online_table tbody tr td.bd_none,
.online_table thead tr th.bd_none,.online_table thead tr td.bd_none {border-left:0;}
.online_table tbody tr th.bd_left,.online_table tbody tr td.bd_left,
.online_table thead tr th.bd_left,.online_table thead tr td.bd_left {border-left:1px solid #eee;}
/*padding 줄인버전*/
.online_table.small {border-top:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #eee;}
.online_table.small thead th {padding:0 20px;line-height:40px;text-align: center;background:#f3f6fd;}
.online_table.small tbody th {padding:7px 15px; text-align: center;}
.online_table.small tbody td {padding:7px 15px;}
@media only screen and (max-width:767px){
	.online_table thead th {padding:5px;}
	.online_table tfoot th {padding:5px;}
	.online_table tfoot td {padding:5px;}
	.online_table tbody th {padding:5px;}
	.online_table tbody td {padding:5px;}
}
/* 반응형테이블 */
@media screen and (max-width:1023px){
	table.responsive {border-top:1px solid #1d1d1d;}
	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: #fffafa;}*/
	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_table .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_table .flexbox * {flex-grow: 1;}
.online_table .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: linear-gradient(to right, rgba(8, 32, 66, 0.85), rgba(45, 0, 0, 0.5)), url("./../../images/fs/content/sub04/online_inquiry.png") no-repeat center center;padding:5rem;color:#fff;font-size:2rem;margin-bottom:4rem;border-radius: 10px;}
.top_box em {font-weight:700;font-size:3rem;border-bottom: 1px solid rgba(255,255,255,0.3);display: block;padding-bottom:2rem;}
.online_table .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_table .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_table .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
@media only screen and (max-width:1023px){
	.online_table .tableA tbody tr:after {display:none;}
	.online_table .tableA tbody th {width:100%;}
	.online_table .tableA tbody td {width:100%;border-left:none;}
	.online_table .privacy_area .stit {margin-bottom:5px;}
	.online_table .privacy_area p {margin-bottom:5px;}
}


.manageButton {margin-top:2rem;}