@charset "utf-8";

/* =========================== SUB */
#shSub{display:flex;align-items:center;justify-content:center;height:500px;margin:0 auto;background:url('../../images/fs/layout/sub_bg.jpg') center no-repeat;background-size:cover}
#shSub.shSub02{background-image:url('../../images/fs/layout/sub_bg2.jpg');}
#shSub .txt_area{padding-top:30px;color:#fff;text-align:center;font-family:'Pretendard'}
#shSub .txt_area p{margin-bottom:20px;font-size:46px;font-weight:700}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}
@media (max-width:1024px){
#shSub{height:300px}
#shSub .txt_area p{font-size:35px}
}
@media (max-width:480px){
#shSub{height:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;background:#fff}
#shSub .txt_area{display:none}
#shSub .sub_tit{display:block;font-size:16px;font-family:'Noto Sans KR';font-weight:500}
}

/* =========================== SNB */
#shSnb{display:flex;justify-content: center;flex-wrap: wrap;/*background:var(--primary);*/max-width: 1897px;width: 100%;margin: -62px auto 100px auto;backdrop-filter:blur(34px);}
#shSnb li+li{border-left:1px solid rgba(255,255,255,.15)}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#fff;transition:0.4s;}
#shSnb li a:is(:hover,:focus,:active),
#shSnb li.on a{font-weight:600;color:var(--primary);background:#fff}
@media (max-width:1024px){
#shSnb{display:none}
}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../../images/fs/layout/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}
@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}	
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}



/* =========================== 새로 추가 */
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;margin:10rem 0;}
.img_ready .left {}
.img_ready .left img {}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;font-weight:700;color:#000;}
.img_ready .right strong em {color:#0081cc;}
.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;}
}

/* 탭 */
.tab_box [class^="tab_menu_box"] {display:flex;flex-wrap:wrap;background: #f4f4f4;}
.tab_box [class^="tab_menu_box"] li {height: 6.2rem;}
.tab_box .tab_menu_box1 li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;min-width:23rem;height: 100%;font-size:1.8rem;color:#555;font-weight: 500;transition: 0.4s;}
.tab_box [class^="tab_menu_box"] li a:before {content:"";position:absolute;right:-1px;top:50%;z-index:-1;width:1px;height:20px;background:#ddd;transform: translateY(-10px);}
.tab_box [class^="tab_menu_box"] li:last-child a:before {display: none;}
.tab_box [class^="tab_menu_box"] li a:after {content:"";position:absolute;left:0;top:0;z-index:1;width:0;height:2px;background:var(--primary);transition: 0.4s;}
.tab_box [class^="tab_menu_box"] li.on a {background: #fff;color:#000;font-weight: 700;}
.tab_box [class^="tab_menu_box"] li.on a:after {width:100%;}
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {background: #fff;color:#000;font-weight: 700;}
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active):after {width:100%;}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}
.tab_box [class^="tab_content"] .box {border:1px solid #ddd;padding:4rem;font-size:1.8rem;color:#767676;}
.tab_box [class^="tab_content"] .box p {line-height: 1.5;}
.tab_box [class^="tab_content"] .box p span {display: block;font-weight: 700;color:#222;}
@media only screen and (max-width:767px){
    .tab_box [class^="tab_menu_box"] li {width: 33.3%;}
    .tab_box .tab_menu_box1 li a {min-width: auto;}
}

.tab_box .tab_menu_box {padding:0.6rem;flex-wrap:wrap;border-radius: 50px;}
.tab_box .tab_menu_box li {min-height: 5rem;height:auto;width: 20%;flex-grow: 1;}
.tab_box .tab_menu_box li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;height: 100%;font-size:1.8rem;color:#555;font-weight: 500;transition: 0.4s;text-align: center;padding:10px 22px;}
.tab_box .tab_menu_box li a:after {display: none;}
.tab_box .tab_menu_box li.on a {background: var(--primary);color:#fff;border-radius: 50px;}
.tab_box .tab_menu_box li a:is(:hover,:focus,:active) {background: var(--primary);color:#fff;border-radius: 50px;}
@media only screen and (max-width:767px){
    .tab_box .tab_menu_box {border-radius: 25px;}
    .tab_box .tab_menu_box li {width: 50%;flex-grow: unset;}
    .tab_box .tab_menu_box li:nth-child(2) a:before {display: none;}
    .tab_box .tab_menu_box li a {padding:10px 12px;}
}


/* 0101_인사말 */
.greeting_wrp .flexbox {display:flex;gap:60px 100px;align-items: flex-start;}
.greeting_wrp .flexbox .imgbox {position:relative;width:540px;height:auto;aspect-ratio:2/4;overflow:hidden;background:#000;}
.greeting_wrp .flexbox .imgbox:after {content:'';position:absolute;left:0;top:0;background:url("../../images/fs/content/sub01/sub0101_img01.jpg") no-repeat left 15% center;width:100%;height:100%;opacity: .6;background-size:cover;}
.greeting_wrp .flexbox .imgbox img {position:absolute;left:0;right:0;bottom:60px;margin:auto;z-index: 1;}
.greeting_wrp .flexbox .txtbox {padding-bottom:30px;width:calc(100% - 540px);}
.greeting_wrp .flexbox .txtbox .stit {font-size:60px;font-weight:900;color:#0385b0;}
.greeting_wrp .flexbox .txtbox .txt {margin-top:20px;color:#222;font-size:18px;line-height:1.6;}
.greeting_wrp .flexbox .txtbox .strong {color:#000;font-weight:bold;font-size:1.25em;}
@media only screen and (max-width:1299px){
    .greeting_wrp .flexbox {gap:60px;}
    .greeting_wrp .flexbox .txtbox .stit {font-size:4.2em;}
}
@media only screen and (max-width:1023px){
    .greeting_wrp .flexbox {flex-direction: column;gap:40px;}
    .greeting_wrp .flexbox .imgbox {width:100%;aspect-ratio:9/3;min-height:230px;}
    .greeting_wrp .flexbox .imgbox img {top:0;bottom:0;}
    .greeting_wrp .flexbox .txtbox {width:100%;text-align: center;}
}
@media only screen and (max-width:767px){
    .greeting_wrp .flexbox .txtbox .stit {font-size:3.8em;}
    .greeting_wrp .flexbox .txtbox .txt {font-size:1.1em;}
}
@media only screen and (max-width:560px){
    .greeting_wrp .flexbox .txtbox .txt br {display:none;}
}

/* 0102_연혁 */
.history_title {position:relative;height:350px;line-height:1.2;background:url("../../images/fs/content/sub01/sub0102_img01.png") no-repeat center;overflow:hidden;display: flex;align-items: center;justify-content:center;color:#fff;font-size:40px;text-align:center;font-weight:600;}
.history_box {margin-top:40px;}
.history_list {display:flex;flex-wrap:wrap;width:100%;padding:50px 0;border-bottom:1px solid #ddd;}
.y_num {width:200px;display:inline-block;font-size:44px;font-weight:700;text-align:left;color:#000000;}
.his {display:inline-block;width:calc(100% - 200px);padding-top:15px;}
.his ul.history {}
.his ul.history > li {position:relative;padding-bottom:30px;display:flex;flex-wrap:wrap;width:100%;line-height:1.2;}
.his ul.history > li:last-child {padding-bottom:0;}
.his ul.history > li span.his_num {display:inline-block;padding-right:10px;font-weight:600;font-size:24px;color:#222222;width:50px;}
.his ul.history > li ul {width:calc(100% - 50px);}
.his ul.history > li ul li {text-indent:-12px;padding-left:12px;line-height:1.5;font-size:20px;color:#222;}
@media only screen and (max-width:1023px){
    .history_title {height:300px;font-size:30px;}
    .history_box {padding:0;}
    .y_num {font-size:35px;}
    .his ul.history > li span.his_num {font-size:20px;}
    .his ul.history > li ul li {font-size:18px;}
}
@media only screen and (max-width:767px){
    .history_title {height:200px;font-size:23px;}
    .history_box {margin-top:20px;}
    .history_list {padding:30px 0;}
    .y_num {width:100%;font-size:28px;}
    .his {width:100%;margin-top:20px;}
    .his ul.history > li {padding-bottom:20px;}
    .his ul.history > li span.his_num {font-size:18px;width:40px;}
    .his ul.history > li ul {width:calc(100% - 40px);}
    .his ul.history > li ul li {font-size:16px;}
}

/* 0103_경영이념 */
.vision_img {overflow:hidden;border-radius:2.0rem;aspect-ratio:4.5/1;}
.vision_img img {max-width:100%;object-fit:cover;object-position:center;}
.vision_tit {text-align:center;margin:6.0rem 0;}
.vision_tit h4 {line-height:1.1;font-size:4rem;font-weight:600;color:#0385b0;margin-bottom:2.5rem;}
.vision_tit h4 span {color:#0385b0;}
.vision_tit p {font-weight:500;font-size:2.5rem;color:#000;font-style:italic;}
.vision_con .vision_list {display: flex;gap:4rem;}
.vision_con .vision_list li {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4.0rem;width:calc(33.3% + 4rem);padding:5rem 0;border-right:1px solid #ddd;text-align: center;}
.vision_con .vision_list li:last-child {border-right:0;}
.vision_con .vision_list li .ico_wrap span {display:flex;justify-content:center;align-items:center;width:20.0rem;height:20.0rem;background:#f0f7ff;border-radius:50%;}
.vision_con .vision_list li .con_wrap {width:100%;}
.vision_con .vision_list li .con_wrap .list_tit .number {display:block;margin-bottom:1rem;font-weight:900;font-size:2.4rem;color:#dde4ef;line-height:1;}
.vision_con .vision_list li .con_wrap .list_tit .con_tit {display:block;font-weight:900;font-size:2.4rem;color:#000;margin-top:-0.5rem;}
.vision_con .vision_list li .con_wrap .list_con {margin-top:3.5rem;font-size:1.7rem;line-height:1.4;}
@media only screen and (max-width:1023px){
    .vision_img {overflow:hidden;border-radius:2.0rem;aspect-ratio:2/1;}
    .vision_img img {height:100%;}
    .vision_con .vision_list {flex-direction:column;gap:0;}
    .vision_con .vision_list li {flex-direction:row;width:100%;border-right:0;border-top:1px solid #ddd;text-align: left;}
}

/* 0104_ESG경영 */
.sub0104 {padding-bottom:0;}
.sub0104 .con01 .top_st {font-size:3rem;font-weight:700;color:#222;text-align:center;line-height:1.5;display: block;border-bottom:1px dashed #ddd;padding-bottom:3rem;margin-bottom:3rem;}
.sub0104 .con01 .top_txt {font-weight:300;color:#222;text-align:center;line-height:1.5;}
.sub0104 .con01 .goal {padding:60px 20px;background:url("../../images/fs/content/sub01/sub0104_bg01.jpg") no-repeat center;background-size:cover;text-align:center;font-weight:700;}
.sub0104 .con01 .goal em {display:block;font-size:1.8rem;color:#9ae6ff;letter-spacing:0.2em;margin-bottom:15px;}
.sub0104 .con01 .goal span {font-size:4.4rem;color:#fff;}
.sub0104 .con01 .esg_box > li {display:flex;align-items:center;}
.sub0104 .con01 .esg_box > li:nth-child(even) {flex-direction:row-reverse;}
.sub0104 .con01 .esg_box > li .esg_img, .sub0104 .con01 .esg_box > li .esg_con {flex-basis:50%;}
.sub0104 .con01 .esg_box > li .esg_img img {max-width:100%;}
.sub0104 .con01 .esg_box > li .esg_con {padding-left:5.2083vw;}
.sub0104 .con01 .esg_box > li:nth-child(even) .esg_con {padding-left:0px;padding-right:5.2083vw;}
.sub0104 .con01 .esg_box > li .esg_con .tit_wrap {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.sub0104 .con01 .esg_box > li .esg_con .tit_wrap .tit {display:inline-block;vertical-align:bottom;font-size:3.4rem;font-weight:700;color:#222;}
.sub0104 .con01 .esg_box > li .esg_con .tit_wrap .sub_tit {display:inline-block;vertical-align:bottom;font-weight:500;color:#ddd;margin-left:15px;}
.sub0104 .con01 .esg_box > li .esg_con .con_wrap {padding-left:1.5625vw;}
.sub0104 .con01 .esg_box > li .esg_con .con_wrap em {display:block;font-size:1.125em;color:#222;margin-bottom:15px;}
.sub0104 .con02 .tith4_sub {font-size:1.125em;color:#222;text-align:center;line-height:1.5;margin:40px 0;}
.sub0104 .con02 .cert_list {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.sub0104 .con02 .cert_list li img {max-width:100%;}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub0104 .con01 .goal {padding:30px 20px;border-radius:0 30px 0 30px;}
    .sub0104 .con01 .goal span {font-size:1.769em;line-height:1.25;word-break:keep-all;}
    .sub0104 .con01 .esg_box > li {align-items:stretch;}
    .sub0104 .con01 .esg_box > li, .sub0104 .con01 .esg_box > li:nth-child(even) {flex-direction:column;}
    .sub0104 .con01 .esg_box > li .esg_img, .sub0104 .con01 .esg_box > li .esg_con {flex-basis:100%;}
    .sub0104 .con01 .esg_box > li .esg_con, .sub0104 .con01 .esg_box > li:nth-child(even) .esg_con {padding:0;}
    .sub0104 .con01 .esg_box > li .esg_con {margin-top:20px;}
    .sub0104 .con01 .esg_box > li .esg_con .tit_wrap {padding-bottom:15px;margin-bottom:15px;}
    .sub0104 .con01 .esg_box > li .esg_con .con_wrap em {line-height:1.25;}
    .sub0104 .con02 .cert_list {grid-template-columns:repeat(1,1fr);}
}



/* 0105_오시는길 */
.map {display:block;}
.location {display:flex;justify-content:space-between;border-top:3px solid var(--primary);position:relative;}
.location .location_title {width:25rem;height:15rem;background:var(--primary);color:#fff;padding:3rem;margin:0 0 0 3rem;border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-align:center;}
.location .location_title span {font-size:1.3rem;opacity:0.6;font-weight:200;letter-spacing:0.5rem;}
.location .location_title h4 {font-size:2.6rem;line-height:1;padding-top:2rem;color:#fff;font-weight:600;}
.location ul {display:flex;flex-wrap:wrap;width:calc(100% - 30rem);position:absolute;top:50%;left:0;transform:translate(30rem, -50%);gap:2rem 0;}
.location ul li {display:flex;flex-wrap:wrap;margin-left:4rem;}
.location ul li div {width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#f1f1f1;margin-right:5px;}
.location ul li p {font-size:1.6rem;display:flex;padding-top:5px;}
.location ul li p em {color:var(--primary);font-weight:500;padding-right:1rem;}
@media only screen and (max-width:1199px){
    .location ul {gap:1rem 0;position:unset;top:0;left:0;transform:none;margin-top:3rem;}
    .location ul li {width:100%;margin-top:1rem;}
    .location ul li p em {width:65px;}
}
@media only screen and (max-width:1023px){
    .location .location_title {width:20rem;}
    .location ul {width:calc(100% - 20rem);gap:0;}
    .location ul li p {padding-top:7px;}
}
@media only screen and (max-width:767px){
    .location .location_title {display:none;}
    .location ul {width:100%;}
    .location ul li {margin-left:0;}
    .location ul li p {width:calc(100% - 45px);}
    .location ul li p em {width:50px;}
    .map {height:300px;}
}


/* 0201_사업 및 제품소개 */
.cont_box {display:flex;justify-content:center;align-items:center;min-height:50rem;border:10px solid #f4f4f4;background: #fff;margin-top:3rem;padding:2rem;}
.cont_box img {width: 100%;}
.cont_box img.noimg {width: auto;}


/* 0301_연구개발 */
.sub0301 .box1 {padding:70px 50px 110px 50px;max-width:1400px;margin:0 auto;}
.sub0301 .box1 .ul_li {display: flex;gap:2rem;flex-wrap: wrap;margin-right: -2rem;}
.sub0301 .box1 .ul_li li {display:flex;align-items:center;gap:1.5rem;width: calc(50% - 2rem);padding:2.5rem 3rem;border:1px solid #0081cc;font-size:1.6rem;color:#0081cc;}
.sub0301 .box1 .ul_li li span {flex-shrink:0;position: relative;border-radius: 100%;width: 30px;height: 30px;display: inline-block;background: #0081cc;}
.sub0301 .box1 .ul_li li span:before {content:"";position: absolute;left:9px;top:15px;background: #fff;width: 13px;height: 1px;display: block;}
.sub0301 .box1 .ul_li li span:after {content:"";position: absolute;left:50%;top:9px;background: #fff;width: 1px;height: 13px;display: block;}

.sub0301 .top {padding:30rem 0;background:url("../../images/fs/content/sub03/bg.png") no-repeat center;background-size:cover;text-align:center;}
.sub0301 .top span {}
.sub0301 .top span img {}
.sub0301 .top strong {display: block;font-size:3.6rem;color:#fff;}
.sub0301 .top strong:before {content:"";display: block;width: 5rem;height: 2px;background: #0081cc;margin: 3.5rem auto;}
.sub0301 .box2 {max-width:1400px;margin:0 auto;}
.sub0301 .box2 .ul_li {display: flex;flex-wrap: wrap;row-gap: 4rem;padding:8rem 0;}
.sub0301 .box2 .ul_li li {width:33.3%;padding:8rem 4rem;border-right: 1px solid #ddd;}
.sub0301 .box2 .ul_li li .icon {}
.sub0301 .box2 .ul_li li .icon img {}
.sub0301 .box2 .ul_li li strong {display:block;margin-top:3.5rem;font-size:2.4rem;font-weight:700;color:#222;}
.sub0301 .box2 .ul_li li strong span {display:block;font-size:1.6rem;color:#767676;}
.sub0301 .box2 .ul_li li strong em {color:#0385b0;}
.sub0301 .box2 .ul_li li p {color:#616161;margin-top:1.5rem;padding-top:1.5rem;background:url("../../images/fs/content/sub03/line.png") no-repeat left top;}
@media only screen and (max-width:1024px){
    .sub0301 .box1 {padding:0 15px 55px 15px;max-width:1400px;margin:0 auto;}

    .sub0301 .top {padding:15rem 0;}
    .sub0301 .box2 .ul_li li {width:50%;}
    .sub0301 .box2 .ul_li li .icon img {max-width: 100%;width: 7rem;}
}
@media only screen and (max-width:767px){
    .sub0301 .box1 .ul_li {gap:1rem;margin-right: 0;}
    .sub0301 .box1 .ul_li li {width:100%;padding:1.5rem 2rem;}

    .sub0301 .top {padding:10rem 0;}
    .sub0301 .box2 .ul_li {row-gap: 0;padding:5rem 0;}
    .sub0301 .box2 .ul_li li {display: flex;gap:4rem;width:100%;border-bottom: 1px solid #ddd;border-right: 0;padding:6rem 4rem;}
    .sub0301 .box2 .ul_li li .icon {flex-shrink: 0;}
    .sub0301 .box2 .ul_li li .icon img {width: 6rem;}
    .sub0301 .box2 .ul_li li strong {margin-top:0;}
}


/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.total_box {font-feature-settings:"tnum";font-weight:600;font-size:1.8rem;color:#555;line-height:24px;position:relative;padding-left:30px;letter-spacing:-0.03em;}
.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:var(--primary);}
@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:#f5f5f5;border-radius:5px;width:100%;text-align:left;padding:5px 10px;display:flex;align-items:center;}
.search_box .inputbox select {border:0;line-height:normal;}
.search_box .inputbox .sc_input {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;}
}

/* 페이지 넘버 */
.page-number {display:flex;justify-content:center;align-items:center;gap:3px;}
.page-number li {}
.page-number li a {display:inline-block;width:46px;height:46px;line-height:46px;text-align:center;transition:0.4s;-webkit-transition:0.4s;}
.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 {}
.page-number .num a:hover,.page-number .num a:focus,.page-number .num a:active {background:#f4f4f4;}
.page-number .num a.on {background:var(--primary);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;}
}

/* 일반게시판(목록) */
.tableA {width:100%;border-top:2px solid #000;word-break:normal;}
.tableA thead th {font-weight:700;font-size:1.8rem;color:#000;padding:3rem 0;border-bottom:1px solid #ddd;}
.tableA tbody tr:hover {background:#f2f8fa;}
.tableA tbody tr td {padding:2.5rem;border-bottom:1px solid #ddd;}
.tableA tbody tr.notice_box td:first-child {font-weight:600;color:#000;}
.tableA tbody tr td a {display:block;text-align:left;}
.tableA tbody tr.notice_box td a {font-weight:600;color:var(--primary);}
@media only screen and (max-width:1023px){
    .tableA {word-break:keep-all;}
}
@media only screen and (max-width:767px){
    .tableA 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:#000;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:var(--primary);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 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;}
@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 {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #eee;text-align:center;position:relative;padding:25% 0;}
.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: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: 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 {max-height:450px;}
.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 .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;}
    .gallery_list_box .g_list_25p > li a .imgbox {max-height: none;}
}
@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 */
.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: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;}
}
/* 반응형테이블 */
@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에 각각 삽입 */
}
/* 0402_견적문의 */
.online_inquiry .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_inquiry .flexbox * {flex-grow: 1;}
.online_inquiry .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: linear-gradient(125deg,var(--primary) 0%, #c8121b 100%);padding:5rem;color:#fff;font-size:2rem;margin-bottom:4rem;}
.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_inquiry .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
@media only screen and (max-width:1023px){
    .online_inquiry .tableA tbody tr:after {display:none;}
    .online_inquiry .tableA tbody th {width:100%;}
    .online_inquiry .tableA tbody td {width:100%;border-left:none;}
    .online_inquiry .privacy_area .stit {margin-bottom:5px;}
    .online_inquiry .privacy_area p {margin-bottom:5px;}
}


.manageButton {margin-top:20px;}