@charset "utf-8";

#sub_hd_wrapper {position:relative;}
#sub_nav #top_nav {right:100px;}

.global_box {position:absolute;top:30px;right:20px;}
.global_box .lang_wrap {padding:0;width:auto;}
.global_box .lang_wrap .lang {bottom:-3px;}
.global_box .lang_wrap .lang_btn {height:auto;border:1px solid #003282;border-radius:20px;padding:5px 20px;color:#003282;}

#topmenuM .global_box .lang_btn {height:auto;}
#topmenuM .global_box .lang_wrap .lang_btn {height:auto;border:1px solid #003282;border-radius:20px;padding:5px 20px;color:#003282;}
#topmenuM .global_box .lang_wrap .lang_btn img {filter:invert(75%) sepia(18%) saturate(4499%) hue-rotate(148deg) brightness(92%) contrast(101%);}

@media (max-width:1024px){
    .global_box {top:23px;right:77px;}
}
@media (max-width:768px){
    .global_box {top:14px;right:60px;}
}

/* =========================== SUB */
#sub_bg_area {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:350px}
#sub_bg_area .line_box{overflow:hidden;width:100%;height:100%}
#sub_bg_area .line_box > div{position:relative;float:left;width:16.66%;height:100%}
#sub_bg_area .line_box .bg{width:0;height:100%;background:#003282}

#sub_bg_area .line_box > div .line{position:absolute;left:0;width:1px;height:0;background-color:rgba(255,255,255,0.15);z-index:1}
#sub_bg_area .line_box > div:nth-child(odd) .line{top:0}
#sub_bg_area .line_box > div:nth-child(even) .line{bottom:0}
.sub_bg{position:absolute;top:0;right:0;z-index:-1;width:50.1%;height:100%;opacity:0;background-size:cover}
#sub_bg_area .sub_tit_area{position:absolute;z-index:100;top:136px;left:10%;opacity:0}
#sub_bg_area .sub_tit_area h3{display:block;padding-right:10px;font-weight:800;font-size:45px;color:rgba(255,255,255,.9);font-family:'Montserrat',sans-serif}
#sub_bg_area .sub_tit_area h3 span{font-weight:300}
#sub_bg_area .sub_tit_area .s_tit{display:block;margin-top:10px;font-size:15px;line-height:26px;color:#dadad4;font-family:'notokr-regular'}
#sub_bg_area .txt_area{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
#sub_bg_area .txt_area div{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:15px;color:#fff}
#sub_bg_area .txt_area div svg{fill:#fff}
#sub_bg_area .txt_area p{font-size:30px;font-weight:700;color:#fff}

.s_tit_wrap{position:absolute;left:0;bottom:-60px;z-index:999;width:100%;height:60px;background:rgba(0,0,0,.3)}
.tit_cont{position:relative;overflow:hidden;width:1300px;margin:0 auto;font-size:14px;line-height:60px;color:#fff}
.tit_cont.s_l_menu{overflow:hidden}
.tit_cont .s_l_menu li{float:left}
.tit_cont .s_l_menu li i{margin:0 20px}
.tit_cont .s_l_menu .home{width:60px;margin-right:22px;text-align:center}
.tit_cont .s_l_menu .home a{display:block;color:#fff}
.tit_cont .s_r_menu{position:absolute;top:0;right:0}
.tit_cont .s_r_menu li{float:left;width:60px;text-align:center;transition:all .2s}
.tit_cont .s_r_menu li a{display:block;color:#fff}
.tit_cont .s_r_menu li span{display:none}

/* 반응형 [s] */
@media (hover:hover){
    .tit_cont .s_r_menu li:hover{width:150px;background:rgba(146,145,123,.8)}
    .tit_cont .s_r_menu li:hover span{display:inline-block;padding-left:10px}
}
@media (max-width:1024px){
    #sub_bg_area{height:100%}
    #sub_bg_area .line_box{display:none}
    #sub_bg_area .sub_bg{width:100%;background-position:center !important;background-size:cover !important}
    #sub_bg_area .sub_tit_area{display:none}
    #sub_bg_area .txt_area{display:block}
}
@media (max-width:768px){
    #sub_bg_area .txt_area p{font-size:26px}
    #sub_bg_area .txt_area div{margin-top:8px;font-size:14px}
}
@media (max-width:580px){
    #sub_bg_area .txt_area p{font-size:24px}
}
@media (max-width:480px){
    #sub_bg_area .sub_bg{display:none}
    #sub_bg_area .txt_area p{font-size:15px;color:#222}
    #sub_bg_area .txt_area div{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{overflow:hidden;display:table;margin:0 auto}
#sh_snb li{float:left}
#sh_snb li a{display:block;position:relative;font-size:16px;padding:20px 50px;color:#222;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li a:hover span:after{width:75%}
#sh_snb li a span{display:block;position:absolute;bottom:0;left:0;width:100%}
#sh_snb li a span:after{display:block;position:relative;width:0;height:3px;margin:0 auto;content:"";background-color:#003282;z-index:1;transition:all .3s}
#sh_snb li.snb_on a{color:#003282}
#sh_snb li.snb_on a span:after{width:80%}

/* =========================== 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/content/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 {width: 41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;font-weight:700;color:#222;}
.img_ready .right strong em {color:var(--primary);}
.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;}
}

/* 공통 */
.wrap {max-width:150.0rem;margin:0 auto;}
@media only screen and (max-width:1620px){
    .wrap {max-width:none;padding:0 6.0rem;}
}
@media only screen and (max-width:1199px){
    .wrap {padding:0 5.0rem;}
}
@media only screen and (max-width:1023px){
    .wrap {padding:0 3.0rem;}
}



/******************************/
/* 컨텐츠 */
/******************************/
/* 0101_회사소개 */
.greeting .cr_main {color:#003282;}
.greeting img {max-width:100%;}
.greeting .flex-box {display:flex;}
.greeting .flex-box > div {width:50%;padding:0 5rem;}
.greeting .flex-box .imgbox {flex-shrink: 0;}
.greeting .flex-box .imgbox img {display:flex;align-items:center;border-bottom-right-radius:50px;overflow:hidden;}
.greeting .flex-box .imgbox img.pc {}
.greeting .flex-box .imgbox img.mo {display: none;}
.greeting .flex-box .txtbox {word-break:keep-all;}
.greeting .flex-box .txtbox .title {color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;}
.greeting .flex-box .txtbox .title2 {margin-top:2rem;}
.greeting .flex-box .txtbox .txt {margin-top:50px;line-height:1.8;font-size:1.7rem;}
.greeting .flex-box .txtbox .txt div {position:relative;border:1px dashed #ddd;border-radius: 4px;padding:1rem 3rem;}
.greeting .flex-box .txtbox .txt div:before {content: "";position: absolute;left:0;top:0;width: 3px;height: 15px;background: #003282;}
.greeting .flex-box .txtbox .txt div:not(:first-child) {margin-top:1rem;}
.greeting .flex-box .txtbox .txt strong {display:block;font-weight:600;color:#767676;}
.greeting .flex-box .txtbox .txt em {font-size:1.8rem;font-weight:600;color:#222;}

.greeting .box1 {}
.greeting .box1 .talent_list {position:relative;display:flex;flex-wrap:wrap;}
.greeting .box1 .talent_list:before {content:"";position:absolute;left: 50%;top:50%;z-index:-1;border-radius: 100%;width: 50%;aspect-ratio:1/1;border:1px solid #ddd;transform: translate(-45%,-55%);}
.greeting .box1 .talent_list:after {content:"";position:absolute;left: 50%;top:50%;z-index:-1;border-radius: 100%;width: 50%;aspect-ratio:1/1;border:1px solid #ddd;transform: translate(-50%,-50%);}
.greeting .box1 .talent_list > li {width:50%;padding:50px;}
.greeting .box1 .talent_list > li:nth-child(2) {padding-top:38rem;padding-bottom:0;}
.greeting .box1 .talent_list > li .tbox {position:relative;display:block;width:100%;padding:30px;border:1px solid #eee;background:url(./../../images/fs/content/sub01/greeting_ico1.png) no-repeat right 2rem bottom 2rem #fff;border-radius:20px;box-shadow: 3px 5px 5px rgba(0,0,0,.02);transition:all .4s;-webkit-transition:all .4s;}
.greeting .box1 .talent_list > li .tbox:before {content:'';position:absolute;right:30px;bottom:30px;width:90px;height:90px;background: #efefef;border-radius: 100%;z-index: -1;}
.greeting .box1 .talent_list > li .tbox:after {content:'';position:absolute;right:30px;bottom:30px;width:90px;height:90px;opacity:.5;z-index: -1;}
.greeting .box1 .talent_list > li:nth-child(2) .tbox {background-image:url(./../../images/fs/content/sub01/greeting_ico2.png);}
.greeting .box1 .talent_list > li:nth-child(3) .tbox {background-image:url(./../../images/fs/content/sub01/greeting_ico3.png);}
.greeting .box1 .talent_list > li:hover .tbox {box-shadow: 5px 7px 15px rgba(0,0,0,.1);}
.greeting .box1 .talent_list > li .tbox .mtit {display:block;font-size:2.4rem;font-weight:800;color:#222;line-height:1.2;}
.greeting .box1 .talent_list > li .tbox .mtit strong {font-weight:400;color:#003282;}
.greeting .box1 .talent_list > li .tbox .stit {font-size:18px;color:#767676;margin-top:15px;padding-right:12rem;line-height: 1.5;}
@media only screen and (max-width:1499px){
    .greeting br {display: none;}
}
@media only screen and (max-width:1023px){
    .greeting .flex-box {flex-direction: column;}
    .greeting .flex-box > div {width:100%;padding:0;}
    .greeting .flex-box .imgbox {margin-bottom:5rem;}
    .greeting .flex-box .imgbox img.pc {display: none;}
    .greeting .flex-box .imgbox img.mo {display: block;}

    .greeting .box1 .talent_list > li {width:50%;padding:20px;}
    .greeting .box1 .talent_list > li:nth-child(2) {padding-top:30rem;}
}
@media only screen and (max-width:767px){

    .greeting .box1 .talent_list > li {padding:0;width:100%;}
    .greeting .box1 .talent_list > li + li {margin-top:2rem;}
    .greeting .box1 .talent_list > li:nth-child(2) {padding-top:0;}
    .greeting .box1 .talent_list > li .tbox {height:auto;padding:30px 20px;}
    .greeting .box1 .talent_list > li .tbox:after {right:20px;background-size:contain !important;width:70px;height:70px;}
    .greeting .box1 .talent_list > li .tbox .mtit {font-size:24px;}
    .greeting .box1 .talent_list > li .tbox .stit {word-break:keep-all;font-size:17px;}
    .greeting .box1 .talent_list > li .tbox .stit br {display:none;}
}


/* 0102_인사말 */
.scroll_event {transition:all 1s;}
.over_hidden {overflow:hidden;border-bottom-right-radius:50px;}
.over_hidden .intro_bg {position:relative;display:block;height:100%;background:#222;overflow:hidden;}
.over_hidden .intro_bg .scroll_event {position:absolute;display:block;width:100%;height:100%;background:url(./../../images/fs/content/sub01/bg_img.jpg) no-repeat center;}
.intro_wrp .pd_wrp {position:relative;display:block;margin:14rem 20rem;padding:8rem 10rem;text-align:center;justify-content:center;width:auto;background: rgba(255,255,255,0.99);border-bottom-right-radius:50px;}
.intro_wrp .tit {font-weight:500;letter-spacing: -1px;}
.intro_wrp .tit span {display:inline-block;padding:8px 24px;color:#fff;background:#003282;font-size:2rem;border-radius:5px;}
.intro_wrp .txtbox {margin-top:4rem;line-height:1.8;color:#767676;text-align:left;}
.intro_wrp .txtbox p {font-size:1.7rem;}
.intro_wrp .txtbox p.first {font-size:3.5rem;color:#222;font-weight:bold;line-height: 1.4;}
.intro_wrp .txtbox p + p {margin-bottom:2rem;}
.intro_wrp .txtbox p em {font-weight:bold;color:#222;}
.intro_wrp .txtbox p.ceo {font-size:2.2rem;color:#222;margin-top:4rem;margin-bottom:0;text-align:right;}
@media only screen and (max-width:1299px){
    .intro_wrp .pd_wrp {margin:10rem 10rem;}
}
@media only screen and (max-width:767px){
    .intro_wrp .pd_wrp {margin:10rem;}
    .intro_wrp .txtbox p br {display:none;}
}
@media only screen and (max-width:639px){
    .over_hidden .intro_bg {border-radius: 30px;}
    .intro_wrp .pd_wrp {margin:5rem 2rem 15rem 2rem;padding:6rem 3rem;}
}


/* 0103_연혁 */
.history_box {position:relative;display:flex;justify-content:right;}
.history_box .bg_fix {position:sticky;left:0;top:12.0rem;width:58.0rem;max-height:40.0rem;}
.history_box .bg_fix span {display:block;font-size:6.4rem;font-weight:900;color:#eee;line-height: 1;}
.history_box .bg_fix span em {color:#003282;}
.history_box .h_wrp {position:relative;width:calc(100% - 58.0rem);}
.history_box .h_wrp:before {content:'';position:absolute;left:0;top:0;bottom:0;width:2px;height:100%;background:#eee;}
.history_box .h_wrp .list {display:flex;flex-wrap:wrap;width:100%;}
.history_box .h_wrp .list + .list {margin-top:10.0rem;}
.history_box .h_wrp .list .year {font-size:5.6rem;color:#222;font-weight:800;width:17.0rem;line-height:1;}
.history_box .h_wrp .list .year span {position:relative;display:inline-block;padding-left:4.0rem;}
.history_box .h_wrp .list .year span:before {content:'';position:absolute;left:-0.9rem;top:0;bottom:0;margin:auto;background:#003282;opacity:.3;border-radius:50%;width:2.0rem;height:2.0rem;}
.history_box .h_wrp .list .year span:after {content:'';position:absolute;left:-0.4rem;top:0;bottom:0;margin:auto;background:#003282;border-radius:50%;width:1.0rem;height:1.0rem;}
.history_box .h_wrp .list .y_list {padding-left:8.0rem;width:calc(100% - 17.0rem);}
.history_box .h_wrp .list .y_list li + li {/*margin-top:5.0rem;*/}
.history_box .h_wrp .list .y_list .date {color:#222;font-size:2.0rem;font-weight:700;}
.history_box .h_wrp .list .y_list .tit {position:relative;margin-top:1.5rem;font-size:1.8rem;line-height:1.4;padding-left:1.2rem;}
.history_box .h_wrp .list .y_list .tit:before {content:"";position: absolute;left:0;top:12px;width: 4px;height: 1px;background: #767676;}
@media only screen and (max-width:1299px){
    .history_box .bg_fix {width:45%;}
    .history_box .bg_fix span {font-size:4.8rem;}
    .history_box .h_wrp {width:55%;}
    .history_box .h_wrp .list {display:block;}
    .history_box .h_wrp .list .year {width:100%;}
    .history_box .h_wrp .list .y_list {padding-left:4.0rem;margin-top:3.5rem;width:100%;}
}
@media only screen and (max-width:767px){
    .history_box {flex-direction:column;padding-left:1.0rem;margin-top:2.0rem;}
    .history_box:before {display:none;}
    .history_box .bg_fix {position:unset;width:100%;}
    .history_box .bg_fix span em {display:none;}
    .history_box .h_wrp .list + .list {margin-top:8.0rem;}
    .history_box .h_wrp {width:100%;margin-top:4.0rem;}
    .history_box .h_wrp .list .y_list li + li {margin-top:4.0rem;}
}


/* 0104_인증현황 */
.certf_list {width:100%;display:grid;grid-template-columns:repeat(4, 1fr);gap:7.0rem 3.5rem;}
.certf_list > li {position:relative;}
.certf_list > li a {display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;}
.certf_list > li .bu2_img {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;border:1px solid #ddd;border-bottom-right-radius:50px;aspect-ratio:6/8;}
.certf_list > li .bu2_img img {min-width:100%;max-height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all 0.8s;-webkit-transition:all 0.8s;}
.certf_list > li:hover .bu2_img img {transform:scale(1.1) translateX(-45%);}
.certf_list > li .bu2_txt {width:95%;margin:15px auto 0;color:#111;font-size:1.8rem;font-weight:600;word-break:break-all;text-align:center;}
@media only screen and (max-width:1023px){
    .certf_list {grid-template-columns:repeat(3, 1fr);}
}
@media only screen and (max-width:767px){
    .certf_list {grid-template-columns:repeat(2, 1fr);}
}
@media only screen and (max-width:560px) {
    .certf_list {grid-template-columns:repeat(1, 1fr);}
}

/* 0105_찾아오시는 길 */
.location_wrp {}
.location_wrp .cont_map_box {display: block;height:440px;}
.location_wrp .cont_map_box iframe {width:100%;height:100%;}
.location_wrp .info_box {display: flex;flex-wrap:wrap;padding:30px;border-top:2px solid #222;}
.location_wrp .info_box p.name {width:200px;font-weight:bold;color:#003282;font-size:2rem;}
.location_wrp .info_box .map_info {display:flex;gap:20px 60px;flex-wrap:wrap;width:calc(100% - 200px);}
.location_wrp .info_box .map_info li {display: flex;font-weight:500;color:#767676;}
.location_wrp .info_box .map_info li.address {width:100%;font-size:1.4em;color:#222;font-weight:bold;}
.location_wrp .info_box .map_info li span {font-size:0;display: inline-block;margin-right:7px;}
.location_wrp .info_box .map_info li span img {max-height:28px;}
@media only screen and (max-width:767px){
    .location_wrp .cont_map_box {height:400px;}
    .location_wrp .info_box {flex-direction: column;}
    .location_wrp .info_box .map_info {gap:20px 30px;width:100%;}
}
@media only screen and (max-width:560px){
    .location_wrp .info_box {padding:20px 0;}
    .location_wrp .info_box .map_info {gap:10px 30px;}
    .location_wrp .info_box .map_info li.address {margin-bottom:20px;}
    .location_wrp .info_box .map_info li span img {max-height:22px;}
}


/* 0201_서천김소개 */
.product_wrp .box {display: flex;gap:8rem;}
.product_wrp .box:not(:first-child) {margin-top:5rem;padding-top:5rem;border-top:1px solid #ddd;}
.product_wrp .imgbox {position:relative;width:calc(40% - 8rem);aspect-ratio:4/3;height:auto;text-align: center;background:#fff;border:1px solid #ddd;border-radius:0 0 40px 0;overflow:hidden;display:flex;align-items: center;justify-content: center;}
.product_wrp .imgbox.pdarea {padding:30px;}
.product_wrp .imgbox img {width: auto;height: 100%;}
.product_wrp .imgbox.pdarea img {width:auto;}
.product_wrp .infobox {flex-grow:1;width:60%;padding-top:4rem;}
.product_wrp .infobox .pname {position:relative;font-weight:900;font-size:3rem;color:#222;padding-bottom:2rem;margin-bottom:2rem;}
.product_wrp .infobox .pname:after {content:'';position:absolute;left:0;bottom:0;width:25px;height:1px;background:#222;}
.product_wrp .infobox .info {display:flex;flex-direction:column;font-size:2rem;line-height:1.6;}
.product_wrp .infobox .info p strong {font-weight:700;color:#003282;}
.product_wrp .infobox .info ul {}
.product_wrp .infobox .info ul li {display: flex;gap:1rem;font-size:1.6rem;align-items: center;}
.product_wrp .infobox .info ul li:not(:first-child) {margin-top:2rem;}
.product_wrp .infobox .info ul li strong {flex-shrink:0;width:15rem;font-weight:500;background:#003282;color:#fff;border-radius: 50px;padding:0.5rem 2rem;text-align: center;}
.product_wrp .infobox .info ul li p {flex-grow: 1;}
.product_wrp .infobox .info ul.ul_ex {display: flex;flex-wrap: wrap;gap:2rem;}
.product_wrp .infobox .info ul.ul_ex li {width: calc(25% - 2rem);}
.product_wrp .infobox .info ul.ul_ex li:not(:first-child) {margin-top:0;}
.product_wrp .infobox .info ul.ul_ex li strong {flex-grow: 1;}
.product_wrp .infobox .info a {margin-left:auto;}
.product_wrp .infobox .info a svg {vertical-align: middle;}
@media only screen and (max-width:1399px){
    .product_wrp .infobox .info ul.ul_ex li {width: calc(33.3% - 2rem);}
}
@media only screen and (max-width:1023px){
    .product_wrp .box {gap:4rem;}
    .product_wrp .imgbox {position:relative;width:calc(50% - 4rem);}
    .product_wrp .infobox {flex-grow:1;width:50%;}
    .product_wrp .infobox .info ul.ul_ex li {width: calc(50% - 2rem);}
}
@media only screen and (max-width:767px){
    .product_wrp .box {flex-direction: column;align-items: center;}
    .product_wrp .imgbox {position:relative;width:100%;aspect-ratio:2/2;}
    .product_wrp .infobox {flex-grow:1;width:100%;padding-top:0;}
}


/* 0202_공정과정 */
.process_wrp .tit_wrp {background:url("../../images/fs/content/sub02/lot_bg.png") no-repeat center/cover;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10rem 2rem 7rem;}
.process_wrp .tit_wrp .tit {font-weight:800;font-size:3rem;color:#fff;position:relative;padding-bottom:2rem;margin-bottom:2.5rem;}
.process_wrp .tit_wrp .tit::before {content:"";position:absolute;width:30px;height:3px;background:#fff;bottom:0;left:0;right:0;margin:0 auto;}
.process_wrp .tit_wrp .sub_tit {line-height:1.6;color:#fff;text-align:center;opacity:.6;}
.process_wrp .con_wrp {margin-top:10rem;}
.process_wrp .con_list li {display:flex;gap:3rem;border-top:2px solid #ddd;padding:3rem;}
.process_wrp .con_list li .num_box {position:relative;}
.process_wrp .con_list li .num_box .num {position:absolute;top:-.5rem;left:50%;transform:translateX(-50%);color:#fff;display:flex;flex-direction:column;align-items:center;}
.process_wrp .con_list li .num_box .num span {font-weight:500;font-size:1.6rem;}
.process_wrp .con_list li .num_box .num em {font-weight:800;font-size:3rem;line-height:normal;}
.process_wrp .con_list li .num_box svg {width:25rem;margin-top:-3.2rem;}
.process_wrp .con_list li .con_box h5 {font-weight:800;font-size:2.5rem;color:#222;padding:0;}
.process_wrp .con_list li .con_box span {display:block;font-size:1.6rem;margin-top:1.5rem;padding-left:1.6rem;position:relative;}
.process_wrp .con_list li .con_box span::before {width:5px;height:5px;content:"";border-radius:50%;background:#003282;position:absolute;top:.7rem;left:0;}
.process_wrp .con_list li .img_box {margin-left:auto;}
.process_wrp .con_list li .img_box img {max-width:100%;}
@media screen and (max-width:1199px) {
    .process_wrp .con_list li .num_box .num {top:-1.5rem;}
    .process_wrp .con_list li .num_box svg {width:25rem;}
}
@media screen and (max-width:1023px) {
    .process_wrp .con_list li {flex-direction:column;align-items:center;}
    .process_wrp .con_list li .con_box h6 {text-align:center;}
    .process_wrp .con_list li .img_box {margin-left:0;}
}
.procedure {display:grid;grid-template-columns:repeat(4,1fr);gap:4.0rem 6%;background: #f9f9f9;padding:5rem 6rem;}
.procedure li {position:relative;}
.procedure li:last-child:before {display: none;}
.procedure li:nth-child(4n+0):before {display:none;}
.procedure li span {display:inline-block;text-align:center;color:#dde4ef;line-height:1;overflow:hidden;font-size:5rem;font-weight:900;}
.procedure li .procedure_img {border-radius:5px;overflow:hidden;box-shadow:0 0 40px rgba(150,187,216,0.3);margin-top:-5px;}
.procedure li .procedure_img img {width:100%;}
.procedure li .procedure_title {text-align:center;color:#222;font-size:1.8rem;margin-top:15px;}
@media only screen and (max-width:1199px){
    .procedure li:before {right:-26%;background-size:80%;}
}
@media only screen and (max-width:1023px){
    .procedure {grid-template-columns:repeat(2,1fr);gap:4.0rem 10%;}
    .procedure li:nth-child(2n+0):before {display:none;}
    .procedure li:before {right:-17%;background-size:100%;}
}
@media only screen and (max-width:767px){
    .procedure li:before {right:-34%;background-size:40px;}
}
@media only screen and (max-width:450px){
    .procedure li:before {right:-42%;background-size:80%;}
}


/* 0301_esg */
.title_box.gray_box {background:#f5f5f5;padding:8rem 4rem;}
.title_box.gray_box .tit {color:#222;font-size:4rem;display:block;line-height: 1.4;}
.title_box.gray_box .tit strong {display:block;font-weight: 700;}
.title_box.gray_box .stit {margin-top:30px;line-height:1.6;}
@media only screen and (max-width:1023px){
    .title_box.gray_box .tit {font-size:1.8em;}
    .title_box.gray_box .stit br {display: none;}
}
@media only screen and (max-width:767px){
    .title_box.gray_box .tit {font-size:1.65em;}
}
.esg_wrp {}
.esg_wrp .strategy ul {display:flex;gap:1rem;flex-wrap:wrap;align-items: stretch;margin-right:-1rem;}
.esg_wrp .strategy ul > li {width:calc(33.3% - 1rem);}
.esg_wrp .strategy ul > li .th {position:relative;display:block;padding:1rem 0;background:#003282;text-align: center;color:#fff;border-radius:1rem 1rem 0 0;}
.esg_wrp .strategy ul > li .th .bullet {font-weight:600;color: #3d75cb;font-size:1.6rem;}
.esg_wrp .strategy ul > li .th p {font-size:1.2em;font-weight:bold;}
.esg_wrp .strategy ul > li .td {position:relative;border:2px solid #eee;margin-top:5px;height:calc(100% - 80px);padding:40px 30px;overflow:hidden;}
.esg_wrp .strategy ul > li .td:after {content:'E';position:absolute;right:-10px;bottom:-15px;color:#bbb;opacity: .15;font-size:7em;font-weight:900;line-height: 1;}
.esg_wrp .strategy ul > li:nth-of-type(2) .td:after {content:'S';}
.esg_wrp .strategy ul > li:nth-of-type(3) .td:after {content:'G';}
.esg_wrp .strategy ul > li ol li {color:#222;}
.esg_wrp .search_box .flexbox .sc_input {width:100%;}
@media only screen and (max-width:1023px){
    .esg_wrp .vision .box p {font-size:2em;}
    .esg_wrp .strategy ul {flex-direction:column;}
    .esg_wrp .strategy ul > li {width:100%;}
    .esg_wrp .strategy ul > li .th .bullet {position:absolute;left:20px;top:0;bottom:0;margin:auto;line-height:45px;}
    .esg_wrp .strategy ul > li .td {padding:25px;}
}


/* 0402_제휴업체 현황 */
.aff_status_box {}
.aff_status_box .aff_status {display: flex;gap:1rem;padding:10rem;background: url("./../../images/fs/content/sub04/img.jpg") no-repeat center / cover;}
.aff_status_box .aff_status_ul {display: flex;flex-wrap: wrap;gap: 1rem;justify-content:center;}
.aff_status_box .aff_status_ul li {line-height:1.6;display: flex;flex-direction:column;justify-content:center;padding:4rem;font-size:1.6rem;color: #222;text-align: center;}
.aff_status_box .aff_status_ul li:nth-child(1) {width: calc(100% - 1rem);font-size:4rem;line-height: 1.3;color:#fff;}
.aff_status_box .aff_status_ul li:nth-child(2) {width: calc(30% - 1rem);background: #009db0;color:#fff;font-weight: 700;font-size: 3rem;border-radius: 8px;}
.aff_status_box .aff_status_ul li:nth-child(3) {width: calc(30% - 1rem);background: #00b09b;color:#fff;font-weight: 700;font-size: 3rem;border-radius: 8px;}
.aff_status_box .aff_status_ul li:nth-child(4) {width: calc(100% - 1rem);color:#fff;opacity: 0.9;}
.aff_status_box .aff_status_ul li p {}
.aff_status_box .aff_status_ul li p em {font-weight: 700;}
.aff_status_box .aff_status_ul li strong {}
.aff_status_box .aff_status_ul li span {}
.aff_status_box .aff_status_ul li svg {display:block;width: 5rem;vertical-align: middle;margin: 0 auto;}
.aff_status_box .scroll_auto_wrap {overflow: hidden;width: 100%;}
.aff_status_box .scroll_auto {display: flex;animation: scroll-left 10s linear infinite;}
.aff_status_box .scroll_auto img {width: 350px;height: auto;margin-right: 2rem;border: 1px solid #ddd;padding:2rem;}
@keyframes scroll-left {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}
@media only screen and (max-width:1199px){
    .aff_status_box .aff_status_ul li:nth-child(2) {width: calc(50% - 1rem);}
    .aff_status_box .aff_status_ul li:nth-child(3) {width: calc(50% - 1rem);}
}
@media only screen and (max-width:1023px){
    .aff_status_box .aff_status {padding:5rem;}
    .aff_status_box .aff_status_ul li p br {display: none;}
}
@media only screen and (max-width:767px){
    .aff_status_box .aff_status {padding:3rem;}
    .aff_status_box .aff_status_ul li:nth-child(1) {font-size:3rem;}
    .aff_status_box .aff_status_ul li:nth-child(2) {width: 100%;}
    .aff_status_box .aff_status_ul li:nth-child(3) {width: 100%;}
}


/* 0403_전국제휴점 */
.aff_map_box {display: flex;align-items:center;padding:5rem;background: #f7f8fa;margin-bottom: 5rem;}
.aff_map_box .left {flex-grow:1;width: 50%;text-align: center;transition: 0.4s;}
.aff_map_box .left img {}
.aff_map_box .right {flex-grow:1;width: 50%;transition: 0.4s;}
.aff_map_box .right .box {height:100%;padding:5rem 4rem;background: #fff;border:1px solid #eee;}
.aff_map_box .right .box h4 {}
.aff_map_box .right .box p {margin:1.5rem 0 0 3.3rem;color:#4c4c4c;font-size: 1.8rem;}
.aff_map_box .right .box .btn_box {display:flex;flex-wrap:wrap;gap:2rem;margin-top:4rem;padding-left:3.3rem;}
.aff_map_box .right .box .btn_box li {width: calc(25% - 2rem);}
.aff_map_box .right .box .btn_box li a {display:inline-grid;place-items:center;width:100%;height:5rem;padding:0 1rem;background: #fff;color:#222;transition: 0.4s;}
.aff_map_box .right .box .btn_box li.on a {background: #222;color:#fff;}
.aff_map_box .right .box .btn_box li a:is(:hover,:focus,:active) {background: #222;color:#fff;}
@media only screen and (max-width:1499px){
    .aff_map_box {padding:3rem;}
    .aff_map_box .right .box {padding:4rem 3rem;}
    .aff_map_box .left {width: 40%;}
    .aff_map_box .right {width: 60%;}
}
@media only screen and (max-width:1199px){
    .aff_map_box .left img {width: 228px;}
    .aff_map_box .right .box .btn_box li {width: calc(33.3% - 2rem);}
}
@media only screen and (max-width:767px){
    .aff_map_box .left {display: none;}
    .aff_map_box .right {width: 100%;}
}
@media only screen and (max-width:499px){
    .aff_map_box .right .box .btn_box {gap:1rem;}
    .aff_map_box .right .box .btn_box li {width: calc(50% - 1rem);}
}



/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.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:#fff;border-radius:5px;width:100%;text-align:left;padding:5px 10px;display:flex;align-items:center;border:1px solid #ddd;}
.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;}
}

/* 총게시글 수 */
.total_box {margin-bottom:10px;}
.total_box p {color:#222;}
.total_box p span {display:inline-block;margin-left:5px;color:#ff195e;font-weight:bold;}


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


/* 일반게시판(목록) */
.board_list {width:100%;border-top:2px solid #003282;word-break:normal;}
.board_list thead th {font-weight:700;font-size:1.8rem;color:#222;background:#eefbfb;padding:1rem 0;border-bottom:1px solid #003282;}
.board_list tbody tr:hover {background:#f2f8fa;}
.board_list tbody tr td {padding:1.5rem 2.5rem;border-bottom:1px solid #ddd;}
.board_list tbody tr.notice_box td:first-child {font-weight:600;color:#222;}
.board_list tbody tr td a {display:block;text-align:left;}
.board_list tbody tr.notice_box td a {font-weight:600;color:var(--primary);}
@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 #222;}
.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:#222;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;}
.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: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:400px;}
.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;}
}
@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);}
}

/* tableB */
.tableB {width:100%;border-bottom:1px solid #eee;border-top:2px solid #222;word-break:normal;}
.tableB thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#222;}
.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;}
}

/* 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%, #003a9e 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;}