@charset "utf-8";

/*common*/
.f20{font-size:1.25rem}
.f30{font-size:1.875rem}
.f35{font-size:2.185rem}
.fc_green{color:#1C553D !important}
.txt_lft{text-align:left !important}
.fw_bold{font-weight:bold}
h6{font-size:1.5rem}
.bg_green{background:#11D2C6 !important;color:#000 !important}
caption{position:absolute;left:-9999em;top:-9999em;overflow:hidden}
h4.sub_tit{font-size:5rem;color:#fff;font-weight:400}
.en{font-family:'Montserrat', Sans-serif}
.fc_blue{color:#4E83FF !important}
.btn_style{display:inline-flex;justify-content:center;align-items:center;width:217px;height:42px;padding:10px 15px;border-radius:20px;transition:all .3s}
.btn_style2{display:inline-flex;justify-content:center;align-items:center;width:120px;height:50px;padding:5px 15px;margin:5px;font-size:1.1rem;border-radius:10px;transition:all .3s}
.white_fill{color:#000;background:rgba(255,255,255,0.52)}
.white_fill:hover{color:#fff;background:rgba(0,0,0,0.52)}
.green_fill{color:#fff;background:#0F613F;border:1px solid #0F613F}
.green_fill:hover{color:#0F613F;background:#fff}
.black_fill{color:#fff;background:#000;border:1px solid #000}
.black_fill:hover{color:#000;background:transparent}
.dkgray_fill{color:#fff;background:#4D4D4D;border:1px solid #4D4D4D}
.dkgray_fill:hover{color:#4D4D4D;background:transparent}
.black_line{border:1px solid #000}
.black_line:hover{color:#fff;background:#000}
.sub_container{padding-top:125px}

/*subheader*/
#header.sub{background:#fff}
#header.sub .gnb_wrap>li>a{color:#333}
#header.sub #mbGnbOpen>span{background:#333}
#header.sub #mbGnbOpen .line4{color:#333;background:none}
#header.sub .header_wrap.active{background:#fff;box-shadow:0 6px 10px rgba(0,0,0,0.3)}
#header.sub .header_wrap.active .gnb_wrap>li>a{color:#1C553D}
#header.sub .header_wrap.active #mbGnbOpen>span{background:#1C553D}
#header.sub .header_wrap.active #mbGnbOpen .line4{color:#1C553D;background:none}

/*subVisual*/
.sub_visual{position:relative;height:420px; z-index: 1;}
.sub_visual1{background:url(/theme/basic/img/sub/sub_visual1.png) no-repeat center/cover}
.sub_visual2{background:url(/theme/basic/img/sub/sub_visual2.png) no-repeat center/cover}
.sub_visual3{background:url(/theme/basic/img/sub/sub_visual3.png) no-repeat center/cover}
.sub_visual4{background:url(/theme/basic/img/sub/sub_visual4.png) no-repeat center/cover}
.sub_visual .container{display:flex;flex-direction:column;justify-content:center;height:100%;padding:30px 30px 30px 145px;overflow:hidden}
.sub_visual .container>p{margin-bottom:5px;color:#fff;font-weight:400}


/*location*/
.location_wrap{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0,0,0,0.2)}
.loca_container{display:flex;height:100%;padding:0 245px}
.loca_container .home_icon{display:inline-block;width:70px;height:100%;background:url(/theme/basic/img/common/home_icon.svg)no-repeat center;border-left:1px solid rgba(255,255,255,.25)}
.loca_container .btn_wrap{margin:0}
.loca_container .btn_wrap>div{position:relative;height:100%}
.loca_container .btn_wrap>div>ul{position:absolute;top:100%;left:0;width:100%;z-index:10}
.loca_container .btn_wrap>div>ul>li>a{display:inline-block;width:100%;padding:10px 20px;color:#fff;background:rgba(0,0,0,0.5);transition:all .3s}
.loca_container .btn_wrap>div>ul>li>a:hover{color:#27ff29}
.loca_container .btn_wrap button{display:inline-flex;align-items:center;width:346px;height:100%;padding:0 20px;font-size:1.25rem;color:#fff;background:url(/theme/basic/img/common/loca_arrow.svg) no-repeat center right 12.5px;border-left:1px solid rgba(255,255,255,.25);transition:all .3s}
.loca_container .btn_wrap button.active{background:url(/theme/basic/img/common/loca_arrow_active.svg) no-repeat center right 12.5px}

/*sub top*/
.sub_top{text-align:center;margin:83px 0 45px}
.sub_top>h4{font-size:3.125rem;font-weight:400}
.sub_top .line{display:inline-block;width:1px;height:71px;margin-top:27px;background:#333333}

/*.sub_top.active{padding-top:80px}*/

/*sub content*/
.wz_sub_con{padding-bottom:100px}
.wz_sub_con h1{position:absolute;top:-9999em;left:-9999em;overflow:hidden}
.sub_wrap{max-width:1432px;padding:0 10px;margin:0 auto}
.bo_wrap{padding-bottom:100px}
.sub_txt{text-align:center;margin-top:60px}
.sub_txt>span{color:#1C553D;font-weight:400}
.sub_txt>h5{margin-top:3px}
.sub_txt>p{margin-top:10px;font-weight:400}

/*회사소개*/
.greet_sv{position:relative;margin-bottom:165px}
.greet_sv>h5{position:absolute;top:50%;left:190px;transform:translateY(-50%);color:#fff}
.greet_con_wrap{position:relative;display:flex}
.greet_con_wrap::after{content:'';position:absolute;left:0;top:-350px;display:block;width:100%;height:500px;background:#F2F2F2;z-index:-1}
.greet_con_wrap .greet_lft{flex:1;width:100%;max-width:1000px}
.greet_con_wrap .greet_rgt{max-width:630px;padding:50px 30px 0 0;margin-left:50px}
.greet_con_wrap .greet_rgt .greet_top{position:relative}
.greet_con_wrap .greet_rgt .greet_top>p{text-align:center;margin-bottom:75px}
.greet_con_wrap .greet_rgt .greet_btm>p{color:#333;font-weight:500}
.greet_con_wrap .greet_rgt .greet_btm>p+p{margin-top:25px}
.greet_con_wrap .greet_rgt .greet_top>p::after{content:'';position:absolute;left:-110px;bottom:10px;width:227px;height:3px;background:#333}
.greet_con_wrap .greet_rgt .greet_from{text-align:end;margin-top:50px}
.greet_con_wrap .greet_rgt .greet_from>p{display:inline-block;font-weight:500}

/*비전*/
.vision_img1{margin-top:146px;text-align:center}
.vision_img1>img{max-width:1100px}
.vision_con{margin-top:17px}
.vision_con>p{text-align:center;margin:80px 0;font-weight:600}
.vision_con>p>span{font-weight:400}
.vision_con>ul{display:flex;flex-wrap:wrap}
.vision_con>div{text-align:center}
.vision_img_wrap{margin-top:80px}
.vision_con + .sub_txt{margin-top:100px}
.vision_con .esg_list{align-items:center;gap:25px;margin-top:50px}
.vision_con .esg_list>li{flex:1;}
.vision_con .esg_list>li.arrow{flex:0 0 auto}
.vision_con .esg_list>li.arrow>span{display:block;width:75px;height:45px;background:url(/theme/basic/img/sub/green_arrow.svg) no-repeat center/contain}
.vision_con .esg_list>li>div{padding:50px 35px;border:1px solid #e6e6e6;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,0.16)}
.vision_con .esg_list>li>div>p{font-size:1.1rem;font-weight:400}
.vision_con .esg_list>li>div>p+p{margin-top:15px}
.vision_con .esg_list>li>div+div{margin-top:25px}

/*연혁*/
.hs_wrap{position:relative;padding:100px 0 30px;background:url(/theme/basic/img/sub/2024.png) no-repeat right 30px top 45px / 30%}
.hs_wrap>ul>li{align-items:center}
.hs_wrap>ul>li .txt_con{flex:1}
.hs_wrap>ul>li+li{margin-top:110px}
.hs_wrap>ul>li:nth-child(odd) .img_con{margin-right:130px}
.hs_wrap>ul>li:not(:nth-child(odd)) .img_con{margin-left:130px}
.hs_wrap>ul>li .txt_con strong{position:relative;display:block;padding:0 0 23px 40px;margin-bottom:50px;color:#1C553D}
.hs_wrap>ul>li .txt_con strong::before{content:'';position:absolute;bottom:-4px;left:-50px;display:block;width:7px;height:7px;background:#1C553D;z-index:1}
.hs_wrap>ul>li .txt_con strong::after{content:'';position:absolute;bottom:-1px;left:-50px;display:block;width:100%;height:1px;background:#C9C9C9}
.hs_wrap>ul>li .txt_con .txt_btm{padding-left:40px}
.hs_wrap>ul>li .txt_con .txt_btm li{display:flex;font-size:1.25rem}
.hs_wrap>ul>li .txt_con .txt_btm li>b{display:inline-block;min-width:80px;margin-right:18px}
.hs_wrap>ul>li .txt_con .txt_btm li>p{color:#333333}
.hs_wrap>ul>li .txt_con .txt_btm li+li{margin-top:20px}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con strong{text-align:right;padding-left:0;padding-right:40px}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con strong::before{left:initial;right:-50px}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con strong::after{left:initial;right:-50px}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm{padding-left:0;padding-right:40px}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm li{flex-flow:row-reverse}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm li>b{margin-left:18px;margin-right:0}
.hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm li>p{text-align:right}
.his_line{position:absolute;left:50%;top:80px;transform:translateX(-50%);display:block;width:1px;height:95%;background:#C9C9C9}

/*사업장 현황*/
.work_wrap{position:relative;max-width:1122px;padding:0 20px;margin:100px auto 80px}
.work_wrap .work_slide{overflow:hidden}
.work_wrap .work_slide >ul > li{max-width:746px;transform:scale(0.8)}
.work_wrap .work_slide li.swiper-slide-active{transform:scale(1)}
.work_wrap .work_slide li .sl_top{position:relative}
.work_wrap .work_slide li .sl_top::after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#000;opacity:0.3;z-index:3;transition:all .3s}
.work_wrap .work_slide li.swiper-slide-active .sl_top::after{opacity:0;z-index:-1}
.work_wrap .work_slide li .sl_btn{max-width:580px;margin:50px auto 0;border-top:2px solid #D1D1D1;border-bottom:2px solid #D1D1D1;opacity:0;transition:all .3s}
.work_wrap .work_slide li.swiper-slide-active .sl_btn{opacity:1}
.work_wrap .work_slide li .sl_btn>p{text-align:center;padding:12px 10px;color:#333333;border-bottom:2px solid #D1D1D1}
.work_wrap .work_slide li .sl_btn li{display:flex;align-items:center;padding:12px 10px;color:#333333;border-bottom:2px solid #D1D1D1}
.work_wrap .work_slide li .sl_btn li:last-child{border:none}
.work_wrap .work_slide li .sl_btn li:nth-child(odd){background:#F8F8F8}
.work_wrap .work_slide li .sl_btn li>span{display:inline-block;min-width:200px;text-align:center}
.work_wrap .work_slide li .sl_btn li>p{font-weight:300}
.work_arrow > button{position:absolute;top:200px;display:inline-block;width:38px;height:75px;z-index:10}
.work_arrow > button.work_prev{left:125px;background:url(/theme/basic/img/common/work_prev.svg) no-repeat center/contain}
.work_arrow > button.work_next{right:125px;background:url(/theme/basic/img/common/work_next.svg) no-repeat center/contain}

/*인증 현황*/
.certi_wrap>ul{display:flex;flex-wrap:wrap}
.certi_wrap>ul>li{width:calc((100% - 130px) / 3)}
.certi_wrap>ul>li+li{margin-left:65px}
.certi_wrap>ul>li:nth-child(4n){margin-left:0}
.certi_wrap>ul>li:nth-child(n+4){margin-top:65px}
.certi_wrap>ul>li .certi_img{display:flex;justify-content:center;align-items:center;height:462px;border:1px solid #C9C9C9}
.certi_wrap>ul>li .certi_img>img{width:60%}
.certi_wrap>ul>li .certi_txt{display:flex;flex-wrap:wrap;margin-top:8px;font-size:1rem;font-weight:400}
.certi_wrap>ul>li .certi_txt>span{min-width:76px;text-align:center;padding:4px 10px;margin-right:6px;color:#fff;background:#0F613F}
.certi_wrap>ul>li .certi_txt>p{flex:1;width:100%;text-align:center;padding:4px 10px;color:#333;background:#E6E6E6}

/*Total ESG Solution*/
.vision_img2{text-align:center;margin:97px 0 137px}
.vision_img2>img{max-width:1213px}

/*바이오에너지*/
.tab_menu{padding-bottom:35px}
.tab_menu li{position:relative;width:calc(100% / 3);height:73px;border:1px solid #707070}
.tab_menu li>button{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:5px 10px;font-weight:500}
.tab_menu li>button>span{display:block;margin-bottom:-5px;color:#0EA59B}
.tab_menu li::before{content:'';position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);width:39px;height:20px;background:url(/theme/basic/img/sub/under_arrow.svg) no-repeat center/contain;opacity:0;transition:all .3s}
.tab_menu li.active::before{opacity:1}
.tab_menu li::after{content:'';position:absolute;left:0;bottom:-1px;display:inline-block;width:0;height:3px;background:#0EA59B;transition:all .3s}
.tab_menu li:hover::after,
.tab_menu li.active::after{width:100%}
.bio_con>div{display:none}
.bio_con>div.bio1{display:block}
.bio_wrap{margin-top:100px}
.bio_wrap>ul>li+li{margin-top:100px}
.bio_wrap>ul>li .bio_lft{display:flex;align-items:flex-start;flex-wrap:wrap;min-width:215px;font-size:1.875rem}
.bio_wrap>ul>li .bio_lft>b{font-weight:400}
.bio_wrap>ul>li .bio_lft>b+b{display:inline-flex;align-items:center}
.bio_wrap>ul>li .bio_lft>b+b::before{content:'';display:inline-block;width:8px;height:8px;margin:0 5px;background:#0EA59B;border-radius:50%}
.bio_wrap>ul>li .bio_rgt{flex:1;padding-top:25px;padding-left:20px;border-top:1px solid #707070}
.bio_wrap>ul>li .bio_rgt>p{line-height:1.7;font-size:1.25rem;font-weight:500;text-indent:-15px;padding-left:15px}
.bio_wrap>ul>li .bio_rgt>p+p{margin-top:10px}
.bio_wrap>ul>li .bio_rgt .bio_con_txt{line-height:1.8;margin-top:30px;padding:27px 20px 27px 45px;font-size:1.25rem;font-weight:500;background:#F1F1F1;border-radius:5px}
.bio_wrap>ul>li .bio_rgt .bio_con_txt .fbg_gray{display:inline-block;padding:5px 10px;color:#fff;background:#bbb}
.bio_wrap>ul>li .bio_rgt>ul{display:flex;justify-content:center;flex-wrap:wrap;}
.bio_wrap>ul>li .bio_rgt>ul>li{width:calc(30% - 8px);text-align:center;padding:38px 27px 54px;border:1px solid #E6E6E6;border-radius:5px;box-shadow:3px 3px 6px rgba(0,0,0,0.16)}
.bio_wrap>ul>li .bio_rgt>ul>li+li{margin-left:8px}
.bio_wrap>ul>li .bio_rgt>ul>li:first-child{background:url(/theme/basic/img/sub/circle.svg) no-repeat left 20px center}
.bio_wrap>ul>li .bio_rgt>ul>li:nth-child(2){background:url(/theme/basic/img/sub/circle.svg) no-repeat left 30px bottom 50px}
.bio_wrap>ul>li .bio_rgt>ul>li:last-child{background:url(/theme/basic/img/sub/circle.svg) no-repeat right 20px center}
.bio_wrap>ul>li .bio_rgt>ul>li .bio_tit{font-size:1.25rem;font-weight:500}
.bio_wrap>ul>li .bio_rgt>ul>li .bio_tit>span{font-size:1rem;color:#0EA59B}
.bio_wrap>ul>li .bio_rgt>ul>li>strong{display:inline-block;margin:28px 0 40px;font-size:1.125rem;color:#333333;font-weight:900;opacity:0.3}
.bio_wrap>ul>li .bio_rgt>ul>li>p{font-size:1.25rem;color:#333333;font-weight:500}
.bio_wrap>ul>li .bio_rgt .bio_img{margin-top:67px}
.bio_wrap>ul>li .bio_rgt .num_wrap>div+div{margin-top:30px}
.bio_wrap>ul>li .bio_rgt .num_wrap .num_list{display:flex;flex-wrap:wrap}
.bio_wrap>ul>li .bio_rgt .num_wrap .num_list>span{display:inline-flex;justify-content:center;align-items:center;min-width:46px;height:46px;margin-right:30px;font-size:1.25rem;color:#0EA59B;font-weight:500;background:#E6E6E6;border-radius:50%}
.bio_wrap>ul>li .bio_rgt .num_wrap .num_list>div{padding-top:10px}
.bio_wrap>ul>li .bio_rgt .num_wrap .num_list>div p{line-height:1.7;font-size:1.25rem;color:#333;font-weight:500}
.bio_wrap>ul>li .bio_rgt .num_wrap .num_list>div p+p{padding:8px 30px;margin-top:20px;background:#E6E6E6}

/*이차전지 머티리얼*/
.bio_wrap>ul>li .bio_lft>div{display:flex;flex-direction:column}
.bio_wrap>ul>li .bio_lft>div>div{display:flex;align-items:center}
.bio_wrap>ul>li .bio_lft>div>div>b{font-weight:400}
.bio_wrap>ul>li .bio_lft>div>div>b{font-weight:400}
.bio_wrap>ul>li .bio_lft>div>div>b+b{display:inline-flex;align-items:center}
.bio_wrap>ul>li .bio_lft>div>div>b+b::before{content:'';display:inline-block;width:8px;height:8px;margin:0 5px;background:#0EA59B;border-radius:50%}
.bio_wrap>ul>li .bio_lft>div>span{text-align:right;margin-top:10px;font-size:1.25rem}
.bio_wrap>ul>li .bio_rgt>p + .bio_con_txt2{margin-top:15px}
.bio_con_txt2>ul>li{font-size:1.25rem;font-weight:500}
.bio_con_txt2>ul>li>div{padding-left:30px;margin-top:10px;}
.bio_con_txt2>ul>li>div>p{line-height:1.7;padding-left:17px;text-indent:-17px}
.bio_con_txt2>ul>li>div>p+p{margin-top:5px}
.bio_con_txt2>ul>li + li{margin-top:50px;}

/*이차전지 리사이클링*/
.bio_wrap>ul>li .bio_rgt .img_con_txt>div{margin-top:90px}
.bio_wrap>ul>li .bio_rgt .img_con_txt>div h6{margin-bottom:13px;font-size:1.875rem}
.bio_wrap>ul>li .bio_lft>b+b.con_top::before{margin-top:-40px}

/*탄소저감*/
.bio_wrap>ul>li .bio_rgt >p + .bio_con_txt2{margin-top:35px}
.bio_wrap>ul>li .bio_rgt >p + .bio_con_txt2 h6{margin-bottom:10px;font-size:1.875rem}
.bio_wrap>ul>li .bio_rgt >p + .bio_con_txt2>div{margin-top:50px}

/*이차전지 실리콘 음극제*/
.bio_wrap>ul>li .bio_rgt .img_wrap{text-align:center;margin:50px 0}
.bio_wrap>ul>li .bio_rgt .img_wrap>img{width:90%}
.bio_wrap>ul>li .bio_rgt .img_wrap3>img{max-width:556px}
.bio_wrap>ul>li .bio_rgt .img_wrap4>img{max-width:725px}
.bio_wrap>ul>li .bio_rgt .img_wrap.wid85{width:85%;margin:50px auto}

/*board*/
.board_con{position:relative;padding-top:50px}
.sch_box{margin-bottom:20px}
.sch_box>form{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.sch_input_box{position:relative}
.sch_input_box .sch_input{width:100%;min-width:500px;height:40px;padding:5px 10px 5px 45px;border:1px solid #CCCCCC;border-radius:5px}
.sch_selec{width:160px;height:40px;padding:5px 10px 5px 15px;margin-left:10px;color:#555555;border:1px solid #CCCCCC;border-radius:5px}
.sch_input_box .sch_btn{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:inline-block;width:18px;height:18px;background:url(/theme/basic/img/sub/sch_btn.svg)no-repeat center/contain}

/*목록페이지*/
/*분류*/
.cate_list{margin-top:50px}
.cate_list>ul{display:flex;margin-bottom:50px;border-bottom:2px solid #4E83FF}
.cate_list>ul>li {flex:1;position:relative;height:60px;font-size: 1.1rem}
.cate_list>ul>li>a{position:absolute;width:100%;height:100%;border:1px solid #d8d8d8;border-radius:15px 15px 0 0;border-bottom:0;background: #fff; display: flex; justify-content: center; align-items: center;transition:all .3s}
.cate_list>ul>li>a:hover{color: #4E83FF;border: 1px solid #4E83FF; border-bottom: 0;}
.cate_list>ul>li>a.on { font-weight: 700; color: #4E83FF;border: 2px solid #4E83FF; border-bottom: 0; z-index: 2; }
.cate_list>ul>li>a.on::after{content: ""; position: absolute; bottom: -3px; width: 100%; height: 5px; background: #fff; }

/*채용공고*/
.recruit_list .all_chk.chk_box input[type="checkbox"] + label span{top:19px;left:10px}
.recruit_list>ul{display:flex;flex-wrap:wrap}
.recruit_list>ul>li{position:relative;width:calc(33.3% - 15px);padding:28px;border:1px solid #D4D4D4;transition:all .3s;cursor:pointer}
.recruit_list>ul>li.empty_list{border:none}
.recruit_list>ul>li:hover{border:1px solid #4E83FF}
.recruit_list>ul>li.empty_list:hover{border:none}
.recruit_list>ul>li+li{margin-left:30px}
.recruit_list>ul>li>a{position:absolute;left:0;top:0;width:100%;height:100%}
.recruit_list_top{margin-bottom:56px}
.cate_link{display:inline-block;padding:6px 25px;font-size:1.1rem;color:#fff;background:#4E83FF}
.cate_link2{display:inline-block;padding:6px 25px;font-size:1.1rem;color:#fff;background:#8A8A8A}
.recruit_list_top .bo_subject{margin-top:15px;font-size:1.25rem;font-weight:bold}
.recruit_list .bo_info{padding-top:0}
.recruit_list .bo_date{color:#8A8A8A}

/*상세페이지*/
.bo_v_tit{margin-bottom:15px;font-size:1.5rem}
#bo_v_atc{padding:20px 15px}
#bo_v_file a{float:none}
.bo_v_nb{margin-top:20px}

/*gallery*/
/*목록페이지*/
.btn_wrap .btn_admin{margin-right:10px}
.all_chk{padding:10px;margin-bottom:50px;border:none}
.gall_wrap .all_chk.chk_box input[type="checkbox"] + label span{top:20px;left:5px}
.gall_wrap>ul>li{position:relative;width:calc(33.3% - 27px);overflow:hidden}
.gall_wrap>ul>li+li{margin-left:40px}
.gall_wrap>ul>li:nth-child(3n+1){margin-left:0}
.gall_wrap>ul>li:nth-child(n+4){margin-top:80px}
.gall_wrap>ul>li>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transition:all .3s}
.gall_wrap>ul>li>a::after{content:'';position:absolute;right:0;bottom:0;display:block;width:72px;height:72px;background:url(/theme/basic/img/sub/gall_link.png)no-repeat center/contain;opacity:0;transition:all .3s}
.gall_wrap>ul>li:hover > a{background:rgba(0,0,0,0.7);border:3px solid #4E83FF;z-index:3}
.gall_wrap>ul>li:hover > a::after{opacity:1}
.gall_wrap>ul>li>img{width:100%;height:100%;object-fit:cover;transition: all .3s}
.gall_wrap>ul>li:hover img{transform:scale(1.3)}
.gall_wrap>ul>li .chk_box{position:absolute;top:10px;left:10px;z-index:5}
.chk_box input[type="checkbox"] + label span{border:1px solid #000 !important}
.empty_list{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:200px;padding:0 !important}
.pg_wrap{margin-top:100px}
.pg{display:flex;justify-content:center;align-items:center}
.pg_page{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;color:#D4D4D4;background:none;border:1px solid #D4D4D4;transition:all .3s}
.pg_page:hover{color:#4E83FF;background:none;border:1px solid #4E83FF}
.pg_page + .pg_page{margin-left:5px}
.pg_page.pg_current{color:#4E83FF;border:1px solid #4E83FF}
.pg_page.pg_end{background:url(/theme/basic/img/sub/pg_end.svg) no-repeat center}
.pg_page.pg_start{background:url(/theme/basic/img/sub/pg_start.svg) no-repeat center}

/*상세페이지*/
.btn_wrap{display:flex;align-items:center;justify-content:flex-end;margin-bottom:25px}
.gall_view{padding:50px 10px;border-top:1px solid #000;border-bottom:1px solid #000}
.gall_view img{width:87%}
.gall_view>p{text-align:center;margin-top:30px;font-size:1.1rem}
.btn_list{display:block;width:58px;height:58px;margin:50px auto 0;background:url(/theme/basic/img/sub/btn_list.svg) no-repeat center/contain}
.gall_view #bo_v_img{text-align:center}
#bo_v_con .pdf_view{width:100%;min-height:800px;margin-top:30px}

/*채용절차*/
.recruit_top{padding:40px 20px;border:1px solid #CCCCCC;border-width:1px 0}
.recruit_top>ul{display:flex;flex-wrap:wrap}
.recruit_top>ul>li{flex:1}
.recruit_top>ul>li+li{margin-left:10px}
.recruit_top>ul>li>span{display:inline-block;padding:5px 25px;font-size:1.25rem;color:#fff;font-weight:bold;font-family:'Montserrat', Sans-serif;background:#4E83FF;border-radius:100px}
.recruit_top>ul>li>strong{font-size:1.5rem}
.recruit_top>ul>li>p{margin-top:15px;font-size:1.1rem}
.recruit_top>ul>li .recruit_img{margin:15px 0}
.recruit_top>ul>li .recruit_img img{width:auto}

.recruit_btm{margin-top:150px}
.recruit_lft{padding-top:10px}
.recruit_lft>h5{margin-bottom:40px}
.recruit_lft>p{font-size:1.1rem}
.recruit_lft>span{display:inline-block;margin:20px 0;font-size:1.1rem}
.recruit_lft .tel_wrap>ul>li{font-size:1.1rem}
.recruit_lft .tel_wrap>ul>li+li{margin-top:10px}
.recruit_lft .tel_wrap>ul>li>b{display:inline-block;min-width:60px;margin-right:20px}
.recruit_rgt{flex:1;margin-left:20px}

/*회사소식*/
.chk_box input[type="checkbox"] + label span{top:6px}
.all_chk.chk_box input[type="checkbox"] + label span{top:19px;left:10px}
.list_top{border-top:1px solid #000}
.no_list>ul{position:relative;width:100%}
.list_top>ul{background:#F9F9F9}
.list_top>ul>li{font-weight:bold}
.no_list>ul>li{flex:1;text-align:center;padding:15px;font-size:1.1rem}
.no_list .chk_box{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0}

.no_list .num{min-width:8%;max-width:8%}
.no_list .notice{color:#FF6D6D}
.no_list .hit{min-width:8%;max-width:8%}
.no_list .date{min-width:10%;max-width:10%}
.no_list .name{min-width:10%;max-width:10%}
.no_list .phnum{min-width:15%;max-width:15%}
.list_btm>ul>li{padding:25px 15px}
.list_btm>ul>li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list_btm>ul>li.subject{text-align:left;}
.bo_view #bo_v_info>span{margin:0 10px}

/*온라인문의*/
.qa_banner{padding:100px;color:#fff;background:url(/theme/basic/img/sub/qa_banner.png) no-repeat center/cover}
.qa_top>p{margin-bottom:10px;font-size:1.5rem}
.qa_top>h5{font-weight:300}
.form_sec{margin-top:100px}
.form_sec>h6{padding-bottom:10px;margin-bottom:50px;border-bottom:1px solid #000}
.form_sec>ul>li{position:relative;width:calc(50% - 20px)}
.form_sec>ul>li+li{margin-left:40px}
.form_sec>ul>li label{display:inline-block;min-width:70px;margin-right:30px;font-size:1.1rem;font-weight:bold;cursor:pointer}
.form_sec>ul>li .frm_box{flex:1}
.form_sec>ul>li .frm_box2{margin-top:10px}
.bo_write .frm_input,
.file_box .frm_input{width:100%;max-width:520px;height:60px;line-height:60px;padding:5px 10px;border:1px solid #CCCCCC;border-radius:5px;transition:all .1s}
.file_box .frm_input{color:#4E83FF}
.frm_input:active,
.frm_input:focus,
.frm_input:focus-visible{border:2px solid #4E83FF;outline:none}
.form1>ul>li:last-child{margin-left:0;margin-top:20px}
.email_box{position:absolute}
.form2>ul>li{width:100%}
.form2>ul>li+li{margin-left:0;margin-top:20px}
.frm_input.full_input{max-width:none}
.form2>ul>li .file_box{width:calc(50% - 20px)}
.form2>ul>li .file_box + file_box{margin-left:40px}
.form2>ul>li .file_box .file_wrap{flex:1;position:relative}
.form_sec>ul>li .file_btn{position:absolute;top:50%;right:75px;transform:translateY(-50%);display:inline-block;min-width:auto;width:22px;height:22px;margin-right:0;background:url(/theme/basic/img/sub/file.svg) no-repeat center/contain}
.per_info{margin-top:100px}
.per_info .info_box{padding:40px 30px;margin-top:10px;background:#F8F8F8;border-top:1px solid #000}
.qa_agree_box{margin-top:40px}
.qa_agree_box .chk{display:inline-block;width:25px;height:25px;margin-right:15px}
.qa_agree_box label{font-size:1.1rem;color:#8A8A8A}
.qa_agree_box .chk:checked{border:1px solid #4E83FF;background:url(/theme/basic/img/sub/check.svg) no-repeat center;appearance:none}
.btn_wrap2{display:flex;justify-content:center;align-items:center;margin-top:100px}
.btn_wrap2>a{margin-left:50px}
.bo_write .gall_view{text-align:center;padding:0;border:none}
.form_sec>ul>li.view_file label{margin-right:0;margin-bottom:10px}
.form_sec>ul>li.view_file>ul>li{padding:10px 15px;border:1px solid #CCCCCC;transition:all .3s}
.form_sec>ul>li.view_file>ul>li:hover{border:1px solid #4E83FF}
.form_sec>ul>li.view_file>ul>li>a{transition:all .3s}
.form_sec>ul>li.view_file>ul>li:hover > a{color:#4E83FF}
#bo_v_rel{margin-top:30px}
#mb_login{max-width:500px;margin:0 auto}
.bo_wrap .chk_box input[type="checkbox"] + label{padding-left:23px}
.bo_wrap .chk_box input[type="checkbox"] + label span{top:3px}

.bo_wrap .bo_list .chk_box input[type="checkbox"] + label span{top:18px}

.no_list .chk_box input[type="checkbox"] + label{padding:0}
.no_list .chk_box input[type="checkbox"] + label span{position:static}

.bio_img2{margin:50px auto}
.bio_table{margin-top:30px}
.bio_table + .bio_con_txt2{margin-top:35px}
.bio_table + p{margin-top:35px}
.data_table{width:100%;border-collapse:collapse}
.data_table th,
.data_table td{text-align:center;padding:10px 15px;border:1px solid #ccc}
.data_table th{font-size:1.25rem;background:#f7f7f7}
.data_table td{font-size:1.1rem}

/*반응형*/
@media screen and (max-width:1600px){
    .loca_container{padding:0 25px}
    .work_wrap #map2{height:511px !important}
}

@media screen and (max-width:1450px){
    .hs_wrap>ul>li{position:relative}
    .hs_wrap>ul>li::after{content:'';position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);display:block;width:7px;height:7px;background:#0EA59B;z-index:2}
    .hs_wrap>ul>li .txt_con strong::before,
    .hs_wrap>ul>li .txt_con strong::after{display:none}
    .hs_wrap>ul>li:nth-child(odd) .img_con{max-width:45%;margin-right:60px}
    .hs_wrap>ul>li:not(:nth-child(odd)) .img_con{max-width:45%;margin-left:60px}
}

@media screen and (max-width:1200px){
    .sub_container{padding-top:80px}
    .greet_sv>h5{left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;padding:0 15px}
    .greet_sv{margin-bottom:50px}
    .greet_con_wrap::after{top:-200px;height:350px}
    .greet_con_wrap .greet_rgt{max-width:50%;margin-left:20px}
    .greet_con_wrap .greet_rgt .greet_top>p::after{width:180px}
    .bio_wrap>ul>li .bio_rgt>ul>li{width:calc((100% - 16px) / 3);padding:15px}
    .work_wrap{margin:50px auto 50px}
    .list_btm>ul>li,
    .no_list>ul>li{padding:15px 20px}
    .no_list .date{max-width:18%}
}

@media screen and (max-width:1025px){
    .sub_top{margin:50px 0 35px}
    .wz_sub_con{padding-bottom:75px}
    .sub_visual{height:350px}
    .sub_top .line{margin-top:20px}
    .greet_con_wrap{flex-direction:column;padding:0 20px}
    .greet_con_wrap::after{display:none}
    .sub_visual .container{padding:30px}
    .loca_container .btn_wrap{flex:1}
    .loca_container .btn_wrap>div{flex:1}
    .loca_container .btn_wrap button{width:100%}
    .greet_con_wrap .greet_lft{width:60%;margin:0 auto}
    .greet_con_wrap .greet_rgt{max-width:none;padding:45px 0 0;margin-left:0}
    .greet_con_wrap .greet_rgt .greet_top>p{margin-bottom:25px}
    .greet_con_wrap .greet_rgt .greet_btm>p+p{margin-top:15px}
    .greet_con_wrap .greet_rgt .greet_top>p::after{display:none}
    .greet_con_wrap .greet_rgt .greet_from{margin-top:30px}
    .sub_wrap{padding:0 20px}
    .bo_wrap{padding-bottom:50px}
    .sub_txt{margin-top:40px}
    .vision_img1{margin-top:80px}
    .vision_con>p{margin-bottom:50px}
    .tab_menu li>button.f20{line-height:1.7;font-size:1.1rem !important}
    .hs_wrap{padding:50px 0 30px;background:url(/theme/basic/img/sub/2024.png) no-repeat right top -35px / 40%}
    .hs_wrap>ul>li .txt_con strong{padding:0 0 10px 15px;margin-bottom:20px}
    .hs_wrap>ul>li:not(:nth-child(odd)) .txt_con strong{padding-right:15px}
    .hs_wrap>ul>li .txt_con .txt_btm{padding-left:15px}
    .hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm{padding-right:15px}
    .work_wrap .work_slide >ul > li{max-width:500px}
    .work_wrap .work_slide >ul > li .sl_top>div,
    .work_wrap .work_slide >ul > li .sl_top>iframe{height:500px !important}
    .work_wrap .work_slide >ul > li .sl_top #map2{height:500px !important}
    .work_wrap .work_slide #map2,
    .work_wrap .work_slide .contact_wrap .contact_lft .root_daum_roughmap{width:100% !important}
    .work_wrap .work_slide >ul > li .sl_top>div.map_zoom_con{height:auto !important}
    .work_arrow > button.work_prev{left:160px}
    .work_arrow > button.work_next{right:160px}
    .bio_wrap>ul>li .bio_rgt>ul>li{width:calc((100% - 30px) / 2);margin:5px}
    .bio_wrap>ul>li .bio_rgt>ul>li>strong{margin:20px 0}
    .bio_wrap>ul>li .bio_rgt .num_wrap .num_list{flex-wrap:nowrap}
    .certi_wrap>ul>li{width:calc(50% - 30px);margin:15px !important}
    .bo_wrap #bo_v{padding:0}
    .bo_wrap #bo_v_info{padding:10px 0}
    .btn_list{margin:30px auto 0}
}

@media screen and (max-width:768px){
    .f30{font-size:1.5rem}
    h4.sub_tit{font-size:4rem}
    .sub_visual{height:300px}
    .sub_visual .container{padding:20px}
    .bo_wrap{padding-bottom:50px}
    .location_wrap{height:50px}
    .loca_container{padding:0 15px}
    .loca_container .home_icon{width:60px}
    .loca_container .btn_wrap button{padding:0 25px 0 10px;background:url(/theme/basic/img/common/loca_arrow.svg) no-repeat center right 10px}
    .loca_container .btn_wrap button.active{background:url(/theme/basic/img/common/loca_arrow_active.svg) no-repeat center right 10px}
    .loca_container .btn_wrap>div>ul>li>a{padding:10px}
    .greet_con_wrap .greet_lft{width:80%}
    .sub_txt{margin-top:30px}
    .vision_img1{margin-top:40px}
    .vision_con>p{margin-bottom:30px}
    .vision_img2{margin:50px 0}
    .vision_img_wrap{margin-top:30px !important}
    .tab_menu li>button.f20{line-height:1.25}
    .tab_menu li>button>span{margin-bottom:0}
    .hs_wrap>ul>li .txt_con .txt_btm li>b{min-width:66px;margin-right:10px}
    .hs_wrap>ul>li:not(:nth-child(odd)) .txt_con .txt_btm li>b{margin-left:10px}
    .work_wrap .work_slide >ul > li{max-width:75%}
    .work_wrap .work_slide li .sl_btn li>span{min-width:100px}
    .work_arrow > button{width:20px;height:53px}
    .work_arrow > button.work_prev{left:60px}
    .work_arrow > button.work_next{right:60px}
    .bio_wrap{margin-top:50px}
    .bio_wrap>ul>li .bio_lft{min-width:150px}
    .bio_wrap>ul>li .bio_rgt{padding-left:0}
    .bio_wrap>ul>li .bio_rgt .img_con_txt>div{margin-top:35px}
    .certi_wrap>ul>li .certi_img>img{width:80%}
    .certi_wrap>ul>li .certi_img{height:400px}
    .bio_wrap>ul>li .bio_rgt>p{padding-left:0px;text-indent:0px}
    .pc_br{display:none !important}
    .sch_input_box{flex:1}
    .sch_input_box .sch_input{min-width:auto}
    .no_list .date{max-width:20%}
    .no_list .hit,
    .no_list .num{max-width:10%}
    .btn_list{width:40px;height:40px;}
    .bo_wrap #bo_v_atc{padding:0;padding-top:15px}
    .bio_img2{margin:30px auto}
    .bio_table{margin-top:20px}
    .bio_table + p{margin-top:25px}
}

@media screen and (max-width:640px){
    .sub_wrap{padding:0 10px}
    .hs_wrap{background:url(/theme/basic/img/sub/2024.png) no-repeat right top / 40%}
    .hs_wrap>ul>li{flex-wrap:nowrap}
    .hs_wrap>ul>li+li{margin-top:50px}
    .hs_wrap>ul>li:nth-child(odd) .img_con{max-width:47%;margin-right:10px}
    .hs_wrap>ul>li:not(:nth-child(odd)) .img_con{max-width:47%;margin-left:10px}
    .hs_wrap>ul>li .txt_con strong{padding:0 0 0 10px;margin-bottom:10px}
    .hs_wrap>ul>li .txt_con .txt_btm li{flex-direction:column;font-size:1rem}
    .hs_wrap>ul>li .txt_con .txt_btm li>b{margin-right:0;margin-bottom:5px}
    .work_wrap .work_slide >ul > li .sl_top>div,
    .work_wrap .work_slide >ul > li .sl_top>iframe{height:350px !important}
    .work_wrap .work_slide >ul > li .sl_top #map2{height:350px !important}
    .work_arrow > button{top:130px}
    .bio_wrap{margin-top:30px}
    .bio_wrap>ul>li{flex-direction:column}
    .bio_wrap>ul>li+li{margin-top:60px}
    .bio_wrap>ul>li .bio_rgt{padding-top:15px;margin-top:20px}
    .bio_wrap>ul>li .bio_rgt .bio_con_txt{padding:15px;margin-top:30px}
    .bio_wrap>ul>li .bio_rgt .bio_img{margin-top:30px}
    .bio_wrap>ul>li .bio_rgt>ul>li{width:100%}
    .bio_wrap>ul>li .bio_rgt>ul>li>strong{margin:10px 0}
    .bio_wrap>ul>li .bio_lft>b br{display:none}
    .bio_wrap>ul>li .bio_lft>b+b.con_top::before{margin-top:0}
    .bio_wrap>ul>li .bio_rgt .bio_con_txt3{margin-bottom:30px}
    .bio_wrap>ul>li .bio_rgt .bio_con_txt3 + .bio_con_txt2>div{margin-top:30px}
    .bio_con_txt2>ul>li{font-size:1.1rem}
    .bio_con_txt2>ul>li + li{margin-top:15px}
    .bio_con_txt2>ul>li>div{line-height:1.5;padding-left:10px;margin-top:10px}
    .certi_wrap>ul>li .certi_txt{margin-top:0}
    .certi_wrap>ul>li .certi_txt>span{min-width:100%;margin-right:0}
    .certi_wrap>ul>li .certi_txt>p{min-width:100%;margin-top:5px}
    .bio_wrap>ul>li .bio_rgt .num_wrap .num_list>span{margin-right:10px}
    .bio_wrap>ul>li .bio_rgt .num_wrap .num_list>div{line-height:1.5;padding-top:0}
    .bio_wrap>ul>li .bio_rgt>p+p{margin-top:5px}
    .list_btm>ul>li,
    .no_list>ul>li{padding:15px 10px}
    .no_list .hit, .no_list .num{min-width:auto;max-width:50px}
    .no_list .date{min-width:90px}
    .data_table th, .data_table td{padding:5px;font-size:1rem}
    .vision_con .esg_box{padding:30px 15px}
    .vision_con .esg_list{gap:15px}
    .vision_con .esg_list>li>div{padding:25px 10px}
    .vision_con .esg_list>li.arrow>span{width:40px;height:30px}
}

@media screen and (max-width:480px){
    .sub_top>h4{font-size:2rem}
    .sub_txt{margin-top:5px}
    .sub_container{padding-top:65px}
    .sub_visual .container{padding:20px 20px 40px 20px}
    .sub_visual{height:200px}
    .location_wrap{height:40px}
    .loca_container{padding:0 10px}
    .loca_container .btn_wrap button{font-size:1.1rem}
    .sub_top{margin:30px 0 15px}
    .sub_top .line{height:35px;margin-top:5px}
    .loca_container .home_icon{width:50px}
    .loca_container .btn_wrap>div>ul>li>a{padding:5px}
    .greet_con_wrap .greet_rgt{padding:30px 0 0}
    .vision_img{margin-bottom:15px}
    .vision_img2{margin:30px 0}
    .tab_menu{padding-bottom:0}
    .tab_menu li{width:100%;height:50px}
    .tab_menu li+li{margin-top:-1px}
    .tab_menu li::before{display:none}
    .work_wrap{margin:30px auto 0}
    .work_wrap .work_slide li .sl_btn li>span{min-width:60px;text-align:left}
    .certi_wrap>ul>li{width:100%}
    .certi_wrap>ul>li .certi_img{height:auto;padding:15px 0}
    .certi_wrap>ul>li .certi_img>img{width:60%}
    .work_slide .map_zoom_con{right:10px;bottom:10px}
    .work_arrow > button.work_prev{left:40px}
    .work_arrow > button.work_next{right:40px}
    .bio_wrap>ul>li+li{margin-top:30px}
    .list_btm>ul>li,
    .no_list>ul>li{padding:10px 5px}
    .sch_selec{width:100px}
    .bo_wrap #bo_v>header{padding:0}
    .data_table th, .data_table td{padding:3px;font-size:0.875rem}
    .vision_con .esg_list>li{min-width:100%}
    .vision_con .esg_list>li.arrow{text-align:center}
    .vision_con .esg_list>li>div+div{margin-top:15px}
    .vision_con .esg_list>li.arrow>span{display:inline-block;transform:rotate(90deg)}
}