@charset "utf-8";

/*페이지공통*/
#page_area .page_tit_box{text-align:center;margin-bottom:5rem}
#page_area .page_tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#page_area .page_tit_box .tit{font-size:4.8rem;font-weight:700;color:#222}
#page_area .page_tit_box .txt{margin-top:2rem;font-size:1.7rem;line-height:150%;color:#666}
#page_area .page_tit_box .txt span{font-weight:500;color:#000}
#page_area .page_tit_box .txt span.color{color:var(--pt-color)}
#page_area .page_tit_box .big_txt{margin-top:2rem;font-size:2rem;line-height:150%;color:#333}
#page_area .page_tit_box .big_txt .color{font-weight:700;color:var(--pt-color)}

/*회사개요*/
.p0101 .p0101_cont_area{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:5rem}
.p0101 .p0101_cont_area .img_box{width:calc(40% - 5rem);border-radius:2rem;overflow:hidden}
.p0101 .p0101_cont_area .img_box img{width:100%}

.p0101 .p0101_cont_area .company_info{width:60%}
.p0101 .company_info{border-top:1px solid #222;display:flex;flex-wrap:wrap}
.p0101 .company_info li{width:50%;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap}
.p0101 .company_info li.full{width:100%}
.p0101 .company_info .info_tit{width:12rem;background:#f7f7f7;font-size:1.6rem;font-weight:500;color:#333;display:flex;align-items:center;justify-content:center}
.p0101 .company_info .info_txt{width:calc(100% - 12rem);padding:2rem;font-size:1.6rem;color:#666;display:flex;align-items:center}


/*계열사 현황*/
.p0103 .tab_menu{max-width:45rem;width:100%;margin:0 auto 5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2%}
.p0103 .tab_menu li{width:49%;height:5rem;border-radius:5rem;background:#f7f7f7;font-size:1.7rem;font-weight:500;line-height:5rem;text-align:center;color:#333;cursor:pointer;transition:all .3s}
.p0103 .tab_menu li.on{background:var(--pt-color);color:#fff}
.p0103 .tab_cont{display:none}
.p0103 .tab_cont.on{display:block}

.p0103 .map_img_box{width:100%;margin-bottom:10rem;border:1px solid #ddd;border-radius:2rem;overflow-x:auto}
.p0103 .map_img_box img{min-width:77.6rem;width:100%}
.p0103 .cont_area + .cont_area {margin-top:10rem}
.p0103 .cont_area .cont_tit{margin-bottom:5rem;padding:1.5rem 2rem;border-left:2px solid var(--pt-color);background:#f5f9ff;font-size:2.4rem;font-weight:700;color:#333}

.p0103 .cont_info_area{margin-bottom:5rem}
.p0103 .cont_info{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}
.p0103 .cont_info + .cont_info{margin-top:5rem}
.p0103 .cont_info .img_box{width:40%;border-radius:2rem;overflow:hidden}
.p0103 .cont_info .img_box img{width:100%}
.p0103 .cont_info .info_list{width:calc(60% - 3rem);border-top:1px solid #ddd}
.p0103 .cont_info .info_list li{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;}
.p0103 .cont_info .info_list li .list_tit{width:13rem;background:#f7f7f7;font-size:1.7rem;font-weight:500;color:#333;display:flex;align-items:center;justify-content:center}
.p0103 .cont_info .info_list li .list_txt{width:calc(100% - 13rem);padding:1.5rem 2rem;font-size:1.6rem;color:#666}

.p0103 .cont_area .cont_tit2{margin-bottom:5rem;padding:1.5rem 2rem;border-left:2px solid var(--pt-color);background:#f7f7f7;font-size:2rem;font-weight:700;color:#333}

.p0103 .pdt_box + .pdt_box{margin-top:3rem}
.p0103 .pdt_tit{margin-bottom:2rem;padding-left:1.5rem;font-size:2.4rem;font-weight:700;color:#333;position:relative;display:flex;flex-wrap:wrap;gap:0 1.5rem;align-items:flex-end}
.p0103 .pdt_tit:before, .p0103 .pdt_tit:after{content:'';width:.5rem;height:.5rem;border-radius:.5rem;background:var(--pt-color);position:absolute;left:0;top:.7rem}
.p0103 .pdt_tit:after{background:#333;top:1.8rem}

.p0103 .pdt_list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:3rem 2%}
.p0103 .pdt_list li{width:23.5%;border:1px solid #ddd;border-radius:1rem;overflow:hidden}
.p0103 .pdt_list li .img_box{overflow:hidden}
.p0103 .pdt_list li .img_box img{width:100%}
.p0103 .pdt_list li .tit{padding:1rem 2rem;background:#f7f7f7;font-size:1.7rem;font-weight:500;text-align:center;color:#333}
.p0103 .pdt_list li .tit span{display:inline-block}
.p0103 .pdt_list_3way li{width:32%}
.p0103 .pdt_list_3way li.pdt_2box{width:66%}
.p0103 .pdt_list_3way li.pdt_1box{width:23.5%}


/*오시는 길*/
.p0104 .map_area{width:100% !important;height:35rem !important;margin-bottom:5rem;border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_map{width:100 !important;height:100% !important}
.p0104 .address{width:100%;margin-bottom:5rem;padding:1rem 2rem;border-radius:5rem;background:#f7f7f7;font-size:1.8rem;font-weight:500;text-align:center;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
.p0104 .address .marker{width:4rem;height:4rem;border-radius:4rem;background:var(--pt-color);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}

.p0104 .location_info{border-top:1px solid #222;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap}
.p0104 .location_info li{width:50%;padding:5rem 2rem;display:flex;flex-wrap:wrap;align-items:center}
.p0104 .location_info .icon{width:15rem;height:15rem;border-radius:15rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0104 .location_info .icon img{width:40%}
.p0104 .location_info .txt_box{width:calc(100% - 15rem);padding-left:3rem;}
.p0104 .location_info .txt_box .tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#222;}
.p0104 .location_info .txt_box .txt{font-size:1.8rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap}
.p0104 .location_info .txt_box .txt .info_tit{width:6rem;height:3rem;border-radius:3rem;font-size:1.6rem;font-weight:700;line-height:3rem;color:#fff;text-align:center}
.p0104 .location_info .txt_box .txt .info_txt{width:calc(100% - 6rem);padding-left:2rem}
.p0104 .location_info .txt_box .txt + .txt{margin-top:1rem}

/*오시는 길 - 전철컬러*/
.p0104 .subway_1{background:#85bf37}/*서해*/

/*오시는 길 - 버스컬러*/
.p0104 .bus_1{background:#00aeab} /*일반*/

.p0104 .contact_cont{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:0 2%}
.p0104 .contact_cont .cont_box{width:49%;padding:5rem;display:flex;flex-wrap:wrap}
.p0104 .contact_cont .cont_box .tit{width:20rem;font-size:2.5rem;font-weight:700;color:#222}
.p0104 .cont_box .cont_list{width:calc(100% - 20rem)}
.p0104 .cont_box .cont_list li{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.p0104 .cont_box .cont_list li + li{margin-top:1.5rem}
.p0104 .cont_box .cont_list .list_tit{width:10rem;height:3rem;border-radius:3rem;background:#f7f7f7;font-size:1.6rem;line-height:3rem;text-align:center;font-weight:600;color:#333}
.p0104 .cont_box .cont_list .list_txt{width:calc(100% - 11rem);font-size:1.7rem;font-weight:500;color:#666} 


/*esg 경영*/
.p0301 .esg_cont_area {margin:10rem auto 0;display:flex;flex-wrap:wrap;gap:2rem 2%}
.p0301 .esg_cont{width:32%;padding:0 3rem 5rem;border-radius:2rem;box-shadow:0 0 1rem rgba(0,0,0,.1);background:#fff}
.p0301 .esg_cont .tit{max-width:25rem;width:100%;margin:-3rem auto 5rem;padding:1rem 2rem;box-shadow:0 1rem 1rem rgba(11, 116, 244, .2);border-radius:5rem;background:var(--pt-color);font-size:1.7rem;text-align:center;font-weight:700;color:#fff;}
.p0301 .esg_cont .tit .eng{display:block;font-size:1.8rem;font-family:'Poppins'}
.p0301 .esg_cont .tit .kr{color:rgba(255,255,255,.6)}
.p0301 .esg_cont .icon{margin:0 auto 2rem;text-align:center}
.p0301 .esg_cont .icon img{width:7.5rem}
.p0301 .esg_cont .txt{font-size:1.8rem;line-height:150%;color:#666;text-align:center}

.p0301 .more_btn{max-width:25rem;width:100%;height:5.5rem;margin:5rem auto 0;border-radius:5.5rem;background:var(--pt-color);font-size:1.7rem;color:#fff;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;}
.p0301 .more_btn img{width:2rem}
.p0301 .more_btn:hover{background:#333;box-shadow:0 1rem 1rem rgba(0,0,0,.2)}


/*품질경영*/
.p0302 .p0302_cont_area{margin-top:7rem;padding:8rem 5rem;border:1px solid #ddd;border-radius:2rem;position:relative}
.p0302 .p0302_cont_area .cont_tit{width:20rem;height:5rem;border-radius:5rem;background:var(--pt-color);font-size:2.2rem;font-weight:700;line-height:5rem;text-align:center;color:#fff;position:absolute;left:50%;top:-2.5rem;transform:translateX(-50%)}
.p0302 .cont_list_box{display:flex;flex-wrap:wrap;gap:3rem 2%}
.p0302 .cont_list_box > li{width:32%;padding:3rem;border-radius:2rem;background:#f5f9ff;text-align:center}
.p0302 .cont_list_box .num{display:block;width:3.5rem;height:3.5rem;margin:0 auto 2rem;border-radius:3.5rem;background:var(--pt-color);font-size:1.5rem;line-height:3.5rem;font-weight:700;text-align:center;color:#fff;font-family:'Poppins'}
.p0302 .cont_list_box .tit{margin-bottom:1.5rem;font-size:2.2rem;font-weight:700;color:#333}
.p0302 .cont_list_box .txt{font-size:1.7rem;line-height:150%;color:#666}
.p0302 .cont_list_box .txt + .txt{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #ddd}

/*사이버 신문고*/
.p0303 .p0303_cont{padding:5rem;border-radius:2rem;background:#f5f9ff;font-size:1.7rem;text-align:center;line-height:150%;color:#666}
.p0303 .bt_txt{margin:3rem auto 0;font-size:2rem;text-align:center;color:#333}
.p0303 .bt_txt span{font-weight:500;color:var(--pt-color)}

.p0303 .bt_txt2{font-size:1.7rem;line-height:150%;text-align:center;color:#666}
.p0303 .bt_txt +.bt_txt2{margin-top:1.5rem}
.p0303 .bt_txt2 + .bt_txt2{margin-top:1rem;}

.p0303 .more_btn{max-width:25rem;width:100%;height:5.5rem;margin:5rem auto 0;border-radius:5.5rem;background:var(--pt-color);font-size:1.7rem;color:#fff;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;}
.p0303 .more_btn img{width:2rem}
.p0303 .more_btn:hover{background:#333;box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

/*빠른상담폼*/
#quick_form_area{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;z-index:-1;display:none}
#quick_form_area.on{display:block;z-index:999}
#quick_form_area .q_bg{width:100%;height:100%;background:rgba(0,0,0,.8)}
#quick_form_area .q_form_area{max-width:48rem;width:100%;max-height:90vh;height:auto;padding:5rem 3rem;background:#fff;overflow-y:auto;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}
#quick_form_area .q_form_area .q_close_btn{position:absolute;top:3rem;right:3rem;cursor:pointer}
#quick_form_area .q_form_area .form_txt_box{margin-bottom:2rem;text-align:center}
#quick_form_area .q_form_area .form_txt_box .s_tit{margin-bottom:1rem;font-weight:700;font-size:1.6rem;color:var(--pt-color);font-family:'play'}
#quick_form_area .q_form_area .form_txt_box .tit{margin-bottom:.5rem;font-weight:700;font-size:2.5rem;color:#333}
#quick_form_area .q_form_area .form_txt_box .txt{font-size:1.6rem;line-height:2.8rem;color:#666}
#quick_form_area .q_form_area .form_cont_list{width:100%}
#quick_form_area .q_form_area .form_cont_list .input_li{width:100%;margin-bottom:1rem}
#quick_form_area .q_form_area .form_cont_list .input_li input{width:100%;height:5rem;border:0;padding:0 2rem}
#quick_form_area .q_form_area .form_cont_list .input_li textarea{width:100%;height:20rem;border:0;padding:2rem;resize:none}
#quick_form_area .q_form_area .form_cont_list .input_li{border-bottom:1px solid #ddd;position:relative}
#quick_form_area .q_form_area .form_cont_list .input_li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:calc(50% - 1.5px)}
#quick_form_area .q_form_area .form_cont_list .input_li_textarea:before{top:3rem}
#quick_form_area .q_form_area .form_cont_list .form_btn{height:6rem;margin-top:2rem}
#quick_form_area .q_form_area .form_cont_list .form_btn button{width:100%;height:100%;border:0;color:#fff;background:#333}

#quick_form_area .q_form_area .provision{font-size:1.6rem;color:#666;overflow:hidden}
#quick_form_area .q_form_area .provision a{display:inline-block;margin-right:1rem;color:#666;text-decoration:underline;cursor:pointer}
#quick_form_area .q_form_area .provision a:hover{color:#666}
#quick_form_area .q_form_area .provision label{display:inline-block;float:right;vertical-align:unset;cursor:pointer}
#quick_form_area .q_form_area .provision #provision-check{border:0;position:relative;top:-0.1rem}
#quick_form_area #captcha_area{margin-top:1rem}

/*채용절차*/

/*채용정보 - 인재상*/
.p0401 .p0401_cont01{margin-bottom:8rem;padding-bottom:8rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;align-items:center;gap:3rem}
.p0401 .triangle_cont {width:65rem;height:57rem;margin:0 auto;box-shadow:0 0 1rem rgba(0,0,0,.1);border-radius:2rem;padding:3rem;}
.p0401 .triangle_cont .tri_inner{width:100%;height:100%;position:relative}
.p0401 .triangle_cont .circle{width:35%;padding-bottom:35%;position:absolute;z-index:20}
.p0401 .triangle_cont .circle:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:11;animation: rotateSlow 30s linear infinite;}

.p0401 .triangle_cont .circle01{left:50%;transform:translateX(-50%);top:0}
.p0401 .triangle_cont .circle01:before{background:url(/way_page/img/p04_b01.png) no-repeat center/cover}
.p0401 .triangle_cont .circle02{bottom:0;left:0}
.p0401 .triangle_cont .circle02:before{background:url(/way_page/img/p04_b02.png) no-repeat center/cover}
.p0401 .triangle_cont .circle03{bottom:0;right:0}
.p0401 .triangle_cont .circle03:before{background:url(/way_page/img/p04_b03.png) no-repeat center/cover}


.p0401 .triangle_cont .inner{width:100%;height:100%;border:1rem solid #fff;border-radius:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}
.p0401 .triangle_cont .inner .tit{margin-top:1rem;font-size:2rem;font-weight:700;color:#fff}
.p0401 .triangle_cont .inner .txt{font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.7);font-family:'Poppins'}

.p0401 .triangle_cont .circle01 .inner{background:#0b74f4}
.p0401 .triangle_cont .circle02 .inner{background:#0caffa}
.p0401 .triangle_cont .circle03 .inner{background:#0e5cbc}

@keyframes rotateSlow {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}

.p0401 .triangle_cont .bg_img{max-width:46.4rem;width:64%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p0401 .triangle_cont .bg_img img{width:100%}

.p0401 .cont_list{width:calc(100% - 68rem)}
.p0401 .cont_list li{padding:2rem;border-radius:1rem;background:#e6f1fe;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.p0401 .cont_list li + li{margin-top:2rem}
.p0401 .cont_list li .tit{width:13rem;padding:1rem;border-radius:5rem;background:#0b74f4;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;}
.p0401 .cont_list li .txt{width:calc(100% - 15rem);font-size:1.8rem;line-height:150%;color:#666}


.p0401 .p0401_new_cont{margin-bottom:10rem;padding-bottom:10rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;justify-content:center;gap:2%}
.p0401 .p0401_new_cont li{width:32%;border-radius:2rem;box-shadow:0 1rem 1rem rgba(0,0,0,.1);overflow:hidden}
.p0401 .p0401_new_cont .img_box img{width:100%}
.p0401 .p0401_new_cont .txt_box{padding:5rem 3rem;text-align:center}
.p0401 .p0401_new_cont .txt_box .tit{margin-bottom:1rem;font-size:2.2rem;font-weight:700;color:#333}
.p0401 .p0401_new_cont .txt_box .txt{font-size:1.7rem;line-height:150%;color:#666}


/*채용정보 - 채용절차*/
.p0401 .process_cont{padding:5rem;border-radius:2rem;box-shadow:0 0 1rem rgba(0,0,0,.1)}
.p0401 .process_list{max-width:100rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:3rem 0}
.p0401 .process_list li{width:20%;padding:0 2rem;text-align:center}
.p0401 .process_list li .num{display:block;width:3.5rem;height:3.5rem;margin:0 auto 2rem;border-radius:3.5rem;background:#e6f1fe;font-weight:700;text-align:center;line-height:3.5rem;color:#333;transition:all .3s;font-family:'Poppins'}
.p0401 .process_list li .icon{width:12rem;height:12rem;border-radius:8rem;margin:0 auto 2rem;background:#f7f7f7;transition:all .3s;position:relative}
.p0401 .process_list li .icon img{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p0401 .process_list li .list_tit{font-size:2rem;font-weight:700;color:#333}

.p0401 .process_list li.on .num{background:var(--pt-color);color:#fff}
.p0401 .process_list li.on .icon{box-shadow:0 1rem 1rem rgba(0,0,0,.1)}

/*복리후생*/
.p0402 .p0402_cont_area{display:flex;flex-wrap:wrap;gap:3rem 2%}
.p0402 .p0402_cont_area .cont_box{width:100%;padding:5rem 10rem;border-radius:2rem;box-shadow: 0 0 2rem rgba(0, 0, 0, .1);display:flex;flex-wrap:wrap;align-items:center;gap:7rem}
.p0402 .p0402_cont_area .cont_box .icon{width:20rem;}
.p0402 .p0402_cont_area .cont_box .icon img{width:100%}
.p0402 .p0402_cont_area .cont_box .cont_list{width:calc(100% - 27rem)}
.p0402 .p0402_cont_area .tit{margin-bottom:1.5rem;font-size:2.2rem;font-weight:700;color:#333}
.p0402 .p0402_cont_area ul li{margin-bottom:1rem;padding:1rem 2.5rem;border-radius:1rem;background:#f1f4f9;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.p0402 .p0402_cont_area ul li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:1.5rem;top:2.1rem}
.p0402 .p0402_cont_area ul li:last-child{margin-bottom:0}
.p0402 .p0402_cont_area ul li span{font-weight:500;color:#333}



/*사이트맵*/
#site_map_area{width:100%;display:flex;flex-wrap:wrap;gap:3rem 2%}
#site_map_area .site_map{width:23.5%}
#site_map_area .site_map .menu_tit{margin-bottom:2rem;font-weight:600;font-size:2.2rem;color:#333}
#site_map_area .site_map ul{min-height:26.5rem;border-top:2px solid #333;border-bottom:1px solid #ddd;background:#f9f9f9}
#site_map_area .site_map ul li{padding:1rem 2rem 1rem 3.5rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:2.8rem;word-break:keep-all;position:relative}
#site_map_area .site_map ul li a{color:#666}
#site_map_area .site_map ul li:last-child{border-bottom:0}
#site_map_area .site_map ul li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:2rem;top:2.2rem}


/*제품소개 공통*/
.pdt_area .page_tit_box .tab_list{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.pdt_area .page_tit_box .tab_list li{padding:1.5rem 2.5rem;border-radius:5rem;background:#f1f4f9;font-size:1.6rem;font-weight:500;color:#333;cursor:pointer;display:flex;flex-wrap:wrap;align-items: center;justify-content:center;transition:all .3s}
.pdt_area .page_tit_box .tab_list li.on,
.pdt_area .page_tit_box .tab_list li:hover{background:var(--pt-color);font-weight:700;color:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2)}
.pdt_area .page_tit_box .tab_list li.on{box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

.pdt_slider{margin-top:10rem;position:relative}
.pdt_slider .swiper-slide{opacity:0 !important;transition:opacity 1s}
.pdt_slider .swiper-slide-active{opacity:1 !important}
.pdt_slider .img_box{width:100%;border-radius:2rem;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.pdt_slider .img_box img{max-width:90%;width:auto}

.pdt_slider .cont_box{width:100%;margin:5rem auto;padding:5rem 3rem;border-radius:2rem;background:#f1f4f9}
.pdt_slider .cont_box .box_inner{max-width:92rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items: center;}
.pdt_slider .cont_box .cont_tit{width:30rem}
.pdt_slider .cont_box .cont_tit .tit{font-size:2rem;font-weight:700;color:#222}
.pdt_slider .cont_box .cont_tit .s_tit{margin-top:.5rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
.pdt_slider .cont_box .cont_txt{width:calc(100% - 30rem);font-size:1.7rem;line-height:150%;color:#666;word-break:keep-all}

.pdt_slider .pdt_btn{width:6rem;height:6rem;border-radius:6rem;background:#a2aeb5;position:absolute;top:28%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s}
.pdt_slider .prev_ptn{left:5rem}
.pdt_slider .next_ptn{right:5rem}
.pdt_slider .pdt_btn:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.2);background:var(--pt-color)}
.pdt_slider .swiper-button-disabled{opacity:0}



/*연구소 소개*/
.p0601 .p06_cont{max-width:95rem;margin:0 auto 5rem;display:flex;flex-wrap:wrap;align-items:center}
.p0601 .p06_cont .img_box{width:40rem;height:37rem;border-radius:2rem;background:#666;overflow:hidden}
.p0601 .p06_cont .img_box img{width:100%;height:100%;object-fit:cover}
.p0601 .p06_cont .txt_box{width:calc(100% - 40rem);padding-left:4rem}
.p0601 .p06_cont .txt_box .tit{margin-bottom:2rem;font-size:2.5rem;font-weight:700;color:#222}
.p0601 .p06_cont .txt_box .tit span{color:var(--pt-color)}
.p0601 .p06_cont .txt_box .txt{font-size:1.8rem;line-height:150%;color:#666}

.p0601 .cont_tit{margin-bottom:3rem;padding:1.2rem 2rem;border-left:2px solid var(--pt-color);background:#f5f9ff;font-size:2rem;font-weight:700;color:#333}
.p0601 .cont_img{width:100%;padding:1rem 0;border:1px solid #ddd;border-radius:2rem;text-align:center;overflow:hidden}
.p0601 .cont_img img{max-width:100%;width:auto}
.p0601 .cont_img .m_img{display:none}


/*연구개발*/
.p0602 .cont_box{width:100%;padding:8rem 0;border-top:2px solid #222;display:flex;flex-wrap:wrap;}
.p0602 .cont_box + .cont_box {border-top:1px dashed #ddd} 
.p0602 .cont_box:last-child{padding-bottom:0}
.p0602 .cont_box .img_box_area{width:55rem;height:45rem;display:flex;flex-wrap:wrap;gap:2%}
.p0602 .cont_box .img_box_area .img_box{width:49%;height:100%}
.p0602 .cont_box .img_box_area .box{width:100%;height:calc(50% - .5rem);border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative}
.p0602 .cont_box .img_box_area .box.full_box{height:100%}
.p0602 .cont_box .img_box_area .box + .box {margin-top:1rem}
.p0602 .cont_box .img_box_area .box img{width:100%}
.p0602 .cont_box .img_box_area .box .img_tit{width:100%;padding:1rem;background:rgba(0,0,0,.4);font-size:1.6rem;font-weight:600;text-align:center;color:#fff;position:absolute;bottom:0;left:0}

.p0602 .cont_box .img_box_area2{height:auto}
.p0602 .cont_box .img_box_area2 .img_box{width:100%}

.p0602 .cont_box .txt_cont{width:calc(100% - 55rem);padding-left:5rem}
.p0602 .cont_box .txt_cont .tit{padding-bottom:1.5rem;margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#222;position:relative}
.p0602 .cont_box .txt_cont .tit:before{content:'';width:2.5rem;height:2px;background:var(--pt-color);position:absolute;left:0;bottom:0}
.p0602 .cont_box .txt_cont .txt{font-size:1.7rem;line-height:150%;color:#666;word-break:keep-all}
.p0602 .cont_box .txt_cont .txt p + p{margin-top:1.5rem}
.p0602 .cont_box .txt_cont .txt span{font-weight:500;color:#222;}
.p0602 .cont_list{width:100%;margin-top:3rem;padding:5rem 3rem;border-radius:2rem;background:#f1f4f9}
.p0602 .list_wrap + .list_wrap{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #ddd}
.p0602 .list_wrap{display:flex;flex-wrap:wrap;align-items: flex-start;}
.p0602 .list_wrap .list_tit{width:18rem;font-size:1.8rem;font-weight:600;color:#222;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.p0602 .list_wrap .list_tit .num{width:3rem;height:3rem;border-radius:3rem;background:var(--pt-color);font-size:1.5rem;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content: center;font-family:'Poppins'}
.p0602 .list_wrap .txt_list{width:calc(100% - 18rem);margin-top:.5rem}
.p0602 .list_wrap .txt_list li{padding-left:1rem;margin-bottom:.5rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.p0602 .list_wrap .txt_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;top:1rem;left:0}
.p0602 .list_wrap .txt_list li:last-child{margin-bottom:0}

@media(max-width:1280px){
	#page_area .page_tit_box .tit{font-size:4.5rem}
	
	/*오시는길*/
	.p0104 .location_info .icon{width:12rem;height:12rem}
	.p0104 .location_info .txt_box{width:calc(100% - 12rem)}
	
	.p0104 .contact_cont .cont_box{padding:5rem 2rem}
	.p0104 .contact_cont .cont_box .tit{width:16rem}
	.p0104 .cont_box .cont_list{width:calc(100% - 16rem)}
	
	/*인재상*/
	.p0401 .triangle_cont{width:53rem;height:48rem}
	.p0401 .triangle_cont .inner img{width:4.8rem}
	.p0401 .cont_list{width:calc(100% - 56rem)}
	
	/*복리후생*/
	.p0402 .p0402_cont_area .cont_box{padding:5rem}	
	
	
	/*연구개발*/
	.p0602 .cont_box .img_box_area{width:50rem;height:40rem}
	.p0602 .cont_box .txt_cont{width:calc(100% - 50rem)}
	
	.p0602 .list_wrap .list_tit{width:15rem}
	.p0602 .list_wrap .txt_list{width:calc(100% - 15rem)}
	
	
}
@media(max-width:1024px){
	#page_area .page_tit_box{max-width:80rem;width:100%;margin:0 auto 5rem}
	#page_area .page_tit_box .tit{font-size:4.2rem}
	#page_area .page_tit_box .txt br{display:none}
	#page_area .page_tit_box .txt p + p{margin-top:1rem}
	
	/*회사개요*/
	.p0101 .p0101_cont_area {justify-content:center}
	.p0101 .p0101_cont_area .img_box{max-width:40rem;width:100%}
	.p0101 .p0101_cont_area .company_info{max-width:80rem;width:100%}
	
	/*계열사현황*/
	.p0103 .cont_area .cont_tit{font-size:2.1rem}
	.p0103 .cont_area + .cont_area{margin-top:5rem;padding-top:5rem}
	.p0103 .cont_area .cont_tit2{margin-bottom:3rem}
	.p0103 .cont_info{justify-content:center}
	.p0103 .cont_info .img_box{max-width:40rem;width:100%}
	.p0103 .cont_info .info_list{max-width:80rem;width:100%}
	.p0103 .pdt_list li{width:32%}
	.p0103 .pdt_list_3way li.pdt_1box{width:32%}
	
	/*오시는길*/
	.p0104 .location_info li{width:100%;padding:3rem 2rem}
	.p0104 .location_info li + li{border-top:1px dashed #ddd}
	.p0104 .contact_cont .cont_box{width:100%}
	
	.p0104 .contact_cont .cont_box .tit{font-size:2.2rem}
	.p0104 .cont_box .cont_list{display:flex;flex-wrap:wrap;gap:1rem 2rem}
	.p0104 .cont_box .cont_list .list_txt{width:auto}
	.p0104 .cont_box .cont_list li + li{margin-top:0}
	
	
	/*esg경영*/
	.p0301 .esg_cont_area{max-width:70rem;width:100%;margin:0 auto;justify-content:center;gap:5rem 2%}
	.p0301 .esg_cont{width:49%;padding:3rem}
	.p0301 .esg_cont .tit{margin:0 auto 2rem}
	
	/*품질경영*/
	.p0302 .p0302_cont_area{padding:8rem 3rem 5rem}
	.p0302 .cont_list_box{justify-content:center}
	.p0302 .cont_list_box > li{width:49%}
	
	/*사이버신문고*/
	.p0303 .p0303_cont{padding:3rem}
	.p0303 .p0303_cont br{display:none}
	
	
	/*인재상*/
	.p0401 .p0401_cont01{margin-bottom:5rem;padding-bottom:5rem;justify-content:center}
	.p0401 .triangle_cont{max-width:53rem;width:100%;height:50rem;padding:0;border:0;box-shadow:none;}
	.p0401 .triangle_cont .circle{width:43%;padding-bottom:43%}
	
	.p0401 .cont_list{max-width:90rem;width:100%}
	.p0401 .process_cont{padding:3rem}
	.p0401 .process_list{max-width:54rem}
	.p0401 .process_list li{width:32%}
	
	.p0401 .p0401_new_cont{max-width:80rem;width:100%;margin:0 auto 5rem;padding-bottom:5rem;gap:3rem 2%}
	.p0401 .p0401_new_cont li{width:49%}
	.p0401 .p0401_new_cont .txt_box{padding:3rem 2rem}
	
	/*복리후생*/
	.p0402 .p0402_cont_area .cont_box{gap:3rem}
	.p0402 .p0402_cont_area .cont_box .icon{width:18rem}
	.p0402 .p0402_cont_area .cont_box .cont_list{width:calc(100% - 21rem)}
	
	#site_map_area .site_map{width:32%}
	
	
	/*연구소 소개*/
	.p0601 .p06_cont .img_box{width:40rem}
	.p0601 .p06_cont .txt_box{width:calc(100% - 40rem)}
	
	/*연구개발*/
	.p0602 .cont_box{justify-content:center;gap:3rem}
	
	.p0602 .cont_box .txt_cont{max-width:80rem;width:100%;padding:0}
	.p0602 .cont_box .txt_cont .tit{text-align:center}
	.p0602 .cont_box .txt_cont .tit:before{left:50%;transform:translateX(-50%)}
	.p0602 .cont_box .txt_cont .txt{text-align:center}
	
	
}
@media(max-width:767px){
	#page_area .page_tit_box{margin-bottom:3rem}	
	#page_area .page_tit_box .tit{font-size:3.9rem}
	#page_area .page_tit_box .tit br{display:none}
	#page_area .page_tit_box .big_txt br{display:none}
	
	/*회사개요*/
	.p0101 .company_info li{width:100%}
	.p0101 .company_info .info_txt{padding:1.5rem 2rem}
	
	/*계열사 현황*/
	.p0103 .pdt_list{max-width:48rem;margin:0 auto;justify-content:center}
	.p0103 .pdt_list li{width:49%}
	.p0103 .pdt_list_3way li.pdt_1box{width:49%}
	.p0103 .pdt_list_3way li.pdt_2box{width:100%}
	
	/*오시는길*/
	.p0104 .location_info .icon{width:10rem;height:10rem}
	.p0104 .location_info .txt_box{width:calc(100% - 10rem)}
	
	.p0104 .contact_cont .cont_box + .cont_box{border-top:1px dashed #ddd} 
	.p0104 .contact_cont .cont_box .tit{width:100%;text-align:center;margin-bottom:2rem}
	.p0104 .cont_box .cont_list{width:100%;justify-content:center}
	
	
	
	
	/*esg경영*/
	.p0301 .esg_cont_area{max-width:50rem;width:100%;gap:2rem}
	.p0301 .esg_cont{width:100%}
	
	
	/*품질경영*/
	.p0302 .cont_list_box > li{width:100%}
	
	/*인재상*/
	.p0401 .cont_list li{text-align:center;justify-content:center;gap:1rem}
	.p0401 .cont_list li .txt{width:100%}
	
	.p0401 .process_cont{padding:0;box-shadow:none}
	.p0401 .process_list li .icon{width:10rem;height:10rem}
	
	/*복리후생*/
	.p0402 .p0402_cont_area .cont_box{padding:5rem 3rem}
	.p0402 .p0402_cont_area .cont_box .icon{width:15rem;margin:0 auto}
	.p0402 .p0402_cont_area .cont_box .cont_list{width:100%}
	.p0402 .p0402_cont_area .tit{text-align:center}
	.p0402 .p0402_cont_area ul li span{display:block}
	
	#site_map_area .site_map{width:49%}
	
	

	#quick_form_area .q_form_area .q_close_btn img{width:2rem}	
	#quick_form_area .q_form_area .form_cont_list li textarea{height:10rem}
	#captcha{text-align:center}
	.captcha_wrap {display: flex;flex-wrap: wrap;justify-content:center;gap:.5rem 2%;}
	#captcha #captcha_img{width:49%}
	#captcha #captcha_key{width:49%;margin:0}



	.pdt_area .page_tit_box .tab_list li{padding:1rem 2rem}
	
	.pdt_slider .cont_box{text-align:center}
	.pdt_slider .cont_box .cont_tit{width:100%;margin-bottom:1rem;}
	.pdt_slider .cont_box .cont_txt{width:100%}
	
	.pdt_slider{margin-top:0}
	.pdt_slider .pdt_control{margin-bottom:3rem;display:flex;flex-wrap: wrap;align-items: center;justify-content:center;gap:.5rem}
	.pdt_slider .pdt_btn{width:4rem;height:4rem;position:unset;transform:none}
	.pdt_slider .pdt_btn img{width:27%}
	
	
	/*연구소 소개*/
	
	.p0601 .p06_cont{margin-bottom:5rem;justify-content: center}
	.p0601 .p06_cont .img_box{max-width:40rem;height:30rem;margin-bottom:3rem}
	.p0601 .p06_cont .img_box img{height:100%;object-fit:cover}
	.p0601 .p06_cont .txt_box{width:100%;padding:0;text-align:center}
	.p0601 .p06_cont .txt_box .tit{font-size:2.2rem}
	
	.p0601 .cont_img .pc_img{display:none}
	.p0601 .cont_img .m_img{display:inline-block}
	
	/*연구 개발*/
	.p0602 .cont_box{padding:5rem 0}
	.p0602 .cont_box .img_box_area{height:auto}
	.p0602 .cont_box .img_box_area .box .img_tit{font-size:13px}
	
}
@media(max-width:480px){
	#page_area .page_tit_box .tit{font-size:3.6rem}
	
	/*계열사 현황*/
	.p0103 .cont_info .info_list li .list_tit{width:11rem}
	.p0103 .cont_info .info_list li .list_txt{width:calc(100% - 11rem)}
	.p0103 .pdt_list{max-width:28rem}
	.p0103 .pdt_list li,
	.p0103 .pdt_list_3way li.pdt_1box,
	.p0103 .pdt_list_3way li.pdt_2box{width:100%}
	
	/*오시는길*/
	.p0104 .location_info .txt_box{width:100%;padding:0}
	.p0104 .address{flex-direction:column}
	
	.p0104 .location_info li {justify-content:center;}
	.p0104 .location_info .icon{margin-bottom:2rem}
	.p0104 .location_info .txt_box .tit{text-align:center}
	
	.p0104 .cont_box .cont_list li{text-align:center;justify-content:center}
	.p0104 .cont_box .cont_list li + li{margin-top:1rem}
	.p0104 .cont_box .cont_list .list_txt{width:100%}
	
	
	/*인재상*/
	.p0401 .triangle_cont{height:40rem}
	.p0401 .triangle_cont .circle{width:16rem;padding-bottom:16rem}
	
	.p0401 .process_list{gap:2rem 2%}
	.p0401 .process_list li{width:49%;padding:3rem 2rem;border:1px solid #ddd;border-radius:2rem}
	.p0401 .process_list li .icon{width:8rem;height:8rem}
	
	
	.p0401 .p0401_new_cont{max-width:38rem}
	.p0401 .p0401_new_cont li{width:100%}
	
	
	/*복리후생*/
	.p0402 .p0402_cont_area{gap:0}
	.p0402 .p0402_cont_area .cont_box{padding:0;border-radius:0;box-shadow:none}
	.p0402 .p0402_cont_area .cont_box + .cont_box {margin-top:3rem;padding-top:3rem;border-top: 1px dashed #ddd} 
	.p0402 .p0402_cont_area .cont_box .icon{width:12rem}
	
	#site_map_area .site_map{width:100%}
	

	#quick_form_area .q_form_area{width:90%}

	.pdt_area .page_tit_box .tab_list{gap:1rem 2%}
	.pdt_area .page_tit_box .tab_list li{width:49%}
	
	
	/*연구개발*/
	.p0602 .list_wrap .list_tit{margin-bottom:1rem}
	.p0602 .list_wrap .txt_list{width:100%}

}
@media(max-width:320px){
	#page_area .page_tit_box .tit{font-size:3.3rem}
	
	/*인재상*/
	.p0401 .triangle_cont{height:auto}
	.p0401 .triangle_cont .circle,
	.p0401 .triangle_cont .circle01,
	.p0401 .triangle_cont .circle02,
	.p0401 .triangle_cont .circle03{position:relative;bottom:auto;left:auto;top:auto;right:auto;transform:none}
	.p0401 .triangle_cont .circle{width:100%;}
	.p0401 .triangle_cont .inner{border-radius:2rem}
	.p0401 .triangle_cont .circle:before{display:none}
	
	.p0401 .triangle_cont .bg_img{display:none}
	
	.p0401 .process_list li{width:100%}
	
}