p{word-break: keep-all}

body.fixed{overflow-y: hidden;}
html.fixed{overflow-y: hidden;}

.menu_all{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;transition: all .4s;z-index:-1;opacity:0;}
.menu_all.active{display:block;z-index:15;opacity:1;}
.menu_all > div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.menu_all > div > ul {display: flex;align-items: flex-start;gap:80px;}
.menu_all > div > ul > li > a{font-size:var(--font-size28);font-weight: bold;color:var(--main-color);margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #000;display: block;min-width:220px;}
.menu_all > div > ul > li > span{font-size:var(--font-size28);font-weight: bold;color:var(--main-color);margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #000;display: block;min-width:220px;}
.menu_all > div > ul > li > div > ul > li > a{font-size:var(--font-size22);font-weight:500;line-height: 1.9;border-bottom:1px solid transparent}
.menu_all > div > ul > li > div > ul > li > a:hover{border-bottom:1px solid var(--main-color);color:var(--main-color)}


.width-fixed{width:1650px;margin:0 auto;position: relative;}
.width-fixed-sub{width:1400px;margin:0 auto;position:relative;}

.hd_etc{display: flex;align-items: center;margin:0 0 0 auto;position:absolute;right:150px;top:50%;transform:translateY(-50%);gap:20px;}
.hd_lang{position:relative;}
.hd_lang > div:not(.sel_lang){display: flex;background:linear-gradient(#302783,#008DD4);border-radius: 30px;padding:12px 30px;align-items: center;gap:10px;width:230px;}
.hd_lang > div:not(.sel_lang):after{content:"";background:url('../img/main_arrow.svg') center / contain no-repeat; position:absolute;top:50%;right:30px;transform:translateY(-50%) rotate(90deg);width:15px;height:15px;}
.hd_lang > div:not(.sel_lang) img{width:30px;height:22px;}
.hd_lang > div:not(.sel_lang) span{color:#fff;font-size:var(--font-size18);font-weight: 600;}
.hd_lang > div:not(.sel_lang){}
.hd_lang > div.sel_lang{display:none;position:absolute;top:53px;left:0;}
.hd_lang > div.sel_lang.active{display: block;}
.hd_lang > div.sel_lang a {display: flex;background:#eee;border-radius: 30px;padding:12px 30px;align-items: center;gap:10px;width:230px;}
.hd_lang > div.sel_lang a img{width:30px;height:22px;}
.hd_lang > div.sel_lang a span{color:#888;font-size:var(--font-size18);font-weight: 600;}
.hd_lang > div.sel_lang a + a{margin-top:3px;}
.hd_all_btn{width:30px;height:20px;position:relative;cursor: pointer}
.hd_all_btn span{width:100%;top:0;left:0;height:2px;border-radius: 10px;background:#000;position:absolute;transition: all .4s;}
.hd_all_btn span:nth-child(2){top:50%;transform:translateY(-50%);}
.hd_all_btn span:last-child{top:initial;bottom:0;}
.hd_all_btn.active span:first-child{top:50%;width:110%;transform:translateY(-50%) rotate(45deg);}
.hd_all_btn.active span:nth-child(2){
    opacity: 0;}
.hd_all_btn.active span:last-child{top:50%;width:110%;transform:translateY(-50%) rotate(-45deg);}


.main_top{height:980px;background: url('../img/main_img.jpg') center / cover no-repeat;display: flex;align-items: center;justify-content: center}
.main_top h3{font-size:3.66667em;color:#fff;}
.main_top p{font-size:var(--font-size20);color:#fff;margin-top:15px;}

.main_sec{background:url('../img/main_sec_bg.jpg') center / cover no-repeat;height:980px;display: flex;align-items: center;justify-content: center}
.main_sec > div > span {font-size:var(--font-size20);color:var(--main-color);}
.main_sec > div > h3{font-size:4.16667em;margin:10px 0 20px 0;}
.main_sec > div > h3 > span{font-weight: normal;}
.main_sec > div > p{font-size:var(--font-size18);}
.main_sec > div > a{margin-top:200px;display:flex;width:330px;height:60px;background:linear-gradient(#302783,#008DD4);justify-content: center;align-items: center;gap:20px;}
.main_sec > div > a span{font-size:var(--font-size20);color:#fff;font-weight:bold;}
.main_sec > div > a img{width:1em;}

.main_prd{padding:100px 0;}
.main_prd > div > span {font-size:var(--font-size20);color:var(--main-color);}
.main_prd > div > h3{font-size:4.16667em;margin:10px 0 20px 0;}
.main_prd .m_pd_list{display: flex;gap:150px;margin-top:30px;}
.main_prd .m_pd_list .left{width:calc(100% - 810px);margin-top:10px;}
.main_prd .m_pd_list .right{width:660px;height:660px;border:1px solid #ddd;}
.main_prd .m_pd_list .right img{width:100%;}
.main_prd .m_pd_list .right a{margin-top:30px;display:none;align-items: center;justify-content: center;width:300px;border:1px solid #ddd;background:#F6F6F6;height:60px;gap:20px;}
.main_prd .m_pd_list .right a span{color:#000;font-size:var(--font-size20);font-weight:600;}
.main_prd .m_pd_list .right a img{width:1em;}
.main_prd .m_pd_list .left .pd_tab{display: flex;align-items: center;gap:100px;}
.main_prd .m_pd_list .left .pd_tab li{font-size:var(--font-size20);color:#888888;text-align: center;font-weight:600;cursor: pointer}
.main_prd .m_pd_list .left .pd_tab li.active{color:var(--main-color);border-bottom:1px solid var(--main-color);font-weight:Bold;}
.main_prd .m_pd_list .left .pd_info {margin-top:30px;}
.main_prd .m_pd_list .left .pd_info h5{font-size:2.66667em;}
.main_prd .m_pd_list .left .pd_info ul{border-top:2px solid var(--main-color);border-bottom:2px solid var(--main-color);margin-top:20px;}
.main_prd .m_pd_list .left .pd_info ul li{font-size:var(--font-size20);padding:15px 0 15px 20px;border-bottom:1px solid #ddd;text-indent: -15px;word-break: keep-all}
.main_prd .m_pd_list .left .pd_info ul li:last-child{border-bottom:0;}
.main_prd .m_pd_list .left .pd_info a{margin-top:30px;display:flex;align-items: center;justify-content: center;width:300px;border:1px solid #ddd;background:#F6F6F6;height:60px;gap:20px;}
.main_prd .m_pd_list .left .pd_info a span{color:#000;font-size:var(--font-size20);font-weight:600;}
.main_prd .m_pd_list .left .pd_info a img{width:1em;}

.main_latest{background:url('../img/main_latest_bg.png') center bottom / 100% auto no-repeat;padding:150px 0;}
.main_latest .latest{display: flex;gap:100px;}
.main_latest .latest > a{display:none;margin-top:50px;align-items: center;justify-content: center;width:300px;border:1px solid #ddd;background:#F6F6F6;height:60px;gap:20px;}
.main_latest .latest > a span{color:#000;font-size:var(--font-size20);font-weight:600;}
.main_latest .latest > a img{width: 1em;}
.main_latest .latest > div.left{width:550px;}
.main_latest .latest > div.left h3{font-size:4.166667em;}
.main_latest .latest > div.left span{font-size:var(--font-size18);color:#000}
.main_latest .latest > div.left a{margin-top:50px;display:flex;align-items: center;justify-content: center;width:300px;border:1px solid #ddd;background:#F6F6F6;height:60px;gap:20px;}
.main_latest .latest > div.left a span{color:#000;font-size:var(--font-size20);font-weight:600;}
.main_latest .latest > div.left a img{width: 1em;}

.main_latest .latest > div.list{width:calc(100% - 550px);min-height:550px;}
.main_latest .latest > div.list .notice{padding:0;}

.main_latest .quick_menu{display: grid;grid-template-columns: 1fr 1fr; gap:80px;margin-top:150px;}
.main_latest .quick_menu > div{width:100%;height:260px;display: flex;align-items: center;padding:0 70px;background: #fff;border-radius: 20px;position:relative;gap:30px;cursor: pointer}
.main_latest .quick_menu > div:after{content:"";width:calc(100% + 40px);height:calc(100% + 40px);border-radius: 35px;background:#EBECEE;position:absolute;left:-20px;top:-20px;z-index:-1;}
.main_latest .quick_menu > div .txt {}
.main_latest .quick_menu > div .txt > span{font-size:var(--font-size22);color:#5E5E5E;font-weight:600}
.main_latest .quick_menu > div .txt > h3{font-size:3.33333em;display: flex;gap:20px;align-items: center;margin-top:10px;}
.main_latest .quick_menu > div .txt > h3 span{color:#000;}
.main_latest .quick_menu > div .txt > h3 img{width:0.5em;}


.quick_btns{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index: 11}
.quick_btns ul li{text-align: right;display: flex;align-items: center;gap:10px;justify-content: flex-end;cursor: pointer;mix-blend-mode: overlay}
.quick_btns ul li a{color:#fff;font-weight: bold;font-size:var(--font-size25);transition: all .4s ease-in;}
.quick_btns.black ul li a{color:#000;}
.quick_btns ul li.on a{color:var(--main-sub-color);font-weight:bold;}
.quick_btns ul li:after{content:"";width:65px;height:1px;background:#fff;display: block;;transition: all .4s ease-in;}
.quick_btns ul li.on:after{background: var(--main-sub-color);}
.quick_btns.black ul li:after{background:#000;}
.quick_btns.black ul li.on:after{background: var(--main-sub-color);}
.quick_btns ul li + li{margin-top:24px;}


.sub_container{padding:200px 0 150px 0;}

.sub_top {text-align: center;margin-bottom:100px;}
.sub_top span{font-size:var(--font-size20);color:#888;display: block;margin-bottom:10px;}
.sub_top h3{font-size:4.16667em;background-image: linear-gradient(to right,#2C2E89, #0289D0); -webkit-background-image:-webkit-linear-gradient(to right,#2C2E89, #0289D0);-webkit-background-clip: text; background-clip: text;color: transparent;display: inline;}

.summary_wr .top {display: grid;grid-template-columns: 1fr 1fr;gap:70px;}
.summary_wr .top .logo {background:#F6F6F6;border:2px solid #000;display: flex;align-items: center;justify-content: center;}
.summary_wr .top .info h3{font-size:var(--font-size25);color:var(--main-color);padding:15px 0 ;}
.summary_wr .top .info table{border-top:2px solid #000;border-bottom:2px solid #000;border-spacing: 0;width:100%;}
.summary_wr .top .info table th{text-align: center;width:210px;padding:15px 0;border-bottom:1px solid #ddd;border-right:2px solid #000;font-size:var(--font-size20)}
.summary_wr .top .info table td{text-align: left;padding:15px ;font-size:var(--font-size18);border-bottom:1px solid #ddd;color:#5E5E5E;font-weight:500;}
.summary_wr .top .info table td strong{font-weight: bold;color:#FC322B;font-size:var(--font-size20);}
.summary_wr .btm{margin-top:70px;padding-top:70px;border-top:1px solid #ddd;text-align: center}
.summary_wr .btm h4{font-size:var(--font-size25);color:var(--main-color);margin-bottom:20px;}
.summary_wr .btm p{font-size:var(--font-size18);color:#000;font-weight:500;line-height: 1.5}

.vision_wr > .top{text-align: center;}
.vision_wr > .top > h4{font-size:3.5em;}
.vision_wr > .top > p{font-size:var(--font-size18);margin-top:30px;}
.vision_wr > .top > p strong{font-size:1.16666em;color:var(--main-color);}
.vision_wr > .top > .vision_list{margin-top:50px;display: grid;grid-template-columns: 1fr 1fr 1fr;gap:44px;}
.vision_wr > .top > .vision_list .li{text-align: center;}
.vision_wr > .top > .vision_list .li h4{padding:20px 0;width:100%;font-size:var(--font-size25);color:#fff;}
.vision_wr > .top > .vision_list .li:first-child h4{background: #0487CE;}
.vision_wr > .top > .vision_list .li:nth-child(2) h4{background: #1265B4;}
.vision_wr > .top > .vision_list .li:last-child h4{background: #28358F;}
.vision_wr > .top > .vision_list .li ul{padding:45px 40px;text-align: left;}
.vision_wr > .top > .vision_list .li ul li{line-height: 1.6em;}
.vision_wr > .top > .vision_list .li:first-child ul {background: rgba(4, 135, 206, 0.1);}
.vision_wr > .top > .vision_list .li:nth-child(2) ul {background: rgba(18, 101, 180, 0.1);}
.vision_wr > .top > .vision_list .li:last-child ul {background: rgba(40, 53, 143, 0.1);}
.vision_wr > .top > .vision_list .li ul li{font-size:var(--font-size20);color:#000;font-weight:500;}
.vision_wr > img{margin-top:120px;width:100%;}

.history_wr {display:flex;position:relative;align-items: flex-start;}
.history_wr .left{position:sticky;top:150px;width:calc(50% - 70px);margin-right:70px;}
.history_wr .left img{width:100%;}
.history_wr .left h3{font-size:var(--font-size28);font-weight:600;color:#5E5E5E;text-align: center;margin-top:35px;position:relative;}
.history_wr .list{width:50%;position:relative;}
.history_wr .list > div:not(.line) > h3{font-size:2.5em;font-weight:bold;margin-bottom:30px;position:relative;color:var(--main-color)}
.history_wr .list > div:not(.line) > h3:before{content:"";width:25px;height:25px;left:-82px;background:#eee;display:block;border-radius: 50%;position:absolute;z-index:1;transition: all .4s }
.history_wr .list > div:not(.line).passed > h3:before{background: var(--main-color)}
.history_wr .list > div:not(.line).active > h3:before{background: var(--main-color)}
.history_wr .list > div:not(.line) + div:not(.line){margin-top:100px;}
.history_wr .list > div:not(.line){content:"";position:relative;padding-left:70px;}
.history_wr .list > div:not(.line) div {display:flex;align-items: flex-start;gap:40px;}
.history_wr .list > div:not(.line) div + div{padding-top:40px;}
.history_wr .list > div:not(.line) div strong{font-size:var(--font-size25);}
.history_wr .list > div:not(.line) div span{font-size:var(--font-size18);color:#5E5E5E;line-height: 1.5;padding:1px 0;}

.history_wr .list > .line{position:absolute;left:0;top:0;height:100%;width:2px;background:#eee;}
.history_wr .list > .line .bar{width:2px;height:0;background:var(--main-color);transition:all .4s;}

.certifi_wr .list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:44px;}
.certifi_wr .list .li .img{height:600px;width:100%;border:1px solid #707070}
.certifi_wr .list .li span{display: block;font-size:var(--font-size20);margin-top:10px;text-align: center;}

.location_wr #map{height:520px;width:100%;}
.location_wr .info{display: grid;grid-template-columns: 7fr 3fr;gap:40px;margin-top:50px;}
.location_wr .info table{border-spacing: 0;border-top:2px solid #343785;border-bottom:2px solid #343785;}
.location_wr .info table th{font-size:var(--font-size20);text-align: center;padding:15px 0;border-bottom:1px solid #ddd;background: #F6F6F8}
.location_wr .info table td{border-right:1px solid #ddd;padding:15px 0 ;text-align: center;font-size:var(--font-size20)}
.location_wr .info table td:last-child{border-right:0;}
.location_wr .info button{border:none;background: #EEEEF2;display: flex;align-items: center;justify-content: center;gap:20px;}
.location_wr .info button span{font-size:var(--font-size20);font-weight:bold;}

.esg_wr{}
.esg_wr .top{text-align: center;}
.esg_wr .top > p{font-size:var(--font-size18);margin-top:30px;}
.esg_wr .top > p strong{font-size:1.16666em;color:var(--main-color);}
.esg_wr .btm{margin-top:50px;display:grid;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
.esg_wr .btm .li img{margin:0 auto 20px auto;display: block;}
.esg_wr .btm .li ul {margin:20px auto 0 auto;display:table;max-width:300px;}
.esg_wr .btm .li ul li{font-size:var(--font-size18);font-weight:500;text-indent: -15px;padding-left: 20px;}


.inquiry_wr {}
.inquiry_wr ul li {display: flex;gap:15px;}
.inquiry_wr ul li + li{margin-top:15px;}
.inquiry_wr ul li div:first-child{width:100px;}
.inquiry_wr ul li div:first-child span{font-size:var(--font-size20);color:#000;display: flex;align-items: center;gap:10px;font-weight:600;padding:10px 0;}
.inquiry_wr ul li div:first-child span:after{content:"*";color:var(--main-color);}
.inquiry_wr ul li div:last-child{width:calc(100% - 100px);}
.inquiry_wr ul li div.tel{display:flex;align-items: center;gap:10px;}
.inquiry_wr ul li div.tel > span{font-size:var(--font-size13);}
.inquiry_wr .in_frm{border:1px solid #ddd;padding:10px;font-size:var(--font-size18);width:100%;}
.inquiry_wr textarea.in_frm{resize:none;height:300px;}
.inquiry_wr .agree {margin:15px 0;}
.inquiry_wr .agree .agree_box{height:180px;border: 1px solid #ddd;padding:10px;word-break: keep-all;overflow-y: auto;font-size:var(--font-size15)}
.inquiry_wr .agree .chk_agree{margin-top:10px;display: flex;align-items: center;gap:15px;}
.inquiry_wr .agree .chk_agree label{font-size:var(--font-size18);cursor: pointer}
.inquiry_wr .in_btns{margin-top:30px;text-align: center;}
.inquiry_wr .in_btns button{padding:10px; width:200px;font-size:var(--font-size18);font-weight:bold;background: var(--main-color);border:none;color:#fff;}


.pd_list > .pd{padding:40px;background:#F6F6F8;display: flex;gap:100px;cursor: pointer}
.pd_list > .pd + .pd{margin-top:30px}
.pd_list > .pd .img{width:380px;height:380px;display: block;}
.pd_list > .pd .txt{display: flex;flex-direction: column;justify-content: flex-end;width:calc(100% - 480px)}
.pd_list > .pd .txt h4{font-size:2.5em;color:#000;}
.pd_list > .pd .txt p{margin-top:15px;padding-top:15px;font-size:var(--font-size18);line-height: 1.5;border-top:1px solid #000}
.pd_list > .pd .txt div{margin-top:15px;display: flex;flex-wrap: wrap;gap:10px;}
.pd_list > .pd .txt div span{display: block;font-size:var(--font-size13);color:#fff;background:var(--main-color);border-radius: 20px;padding:5px 10px}

.pd_detail > h3{font-size:3.5em;color:#000;margin-bottom:100px;text-align: center}
.pd_detail .detail{display: flex;align-items: flex-end;gap:100px;}
.pd_detail .detail .img{width:780px;height:780px;border:1px solid #EEEEF2;overflow: hidden;}
.pd_detail .detail .txt{width:calc(100% - 880px);}
.pd_detail .detail .txt ul li{font-size:var(--font-size20);font-weight:600;}
.pd_detail .detail .txt ul li:before{content:"";width:12px;height:12px;top:3px;display:inline-block;background:var(--main-color);border-radius: 50%;margin-right:15px;}
.pd_detail .detail .txt ul li + li{margin-top:30px;}

.pd_detail .detail #pd_navi {width:310px;margin:30px auto 0 auto;}
.pd_detail .detail #pd_navi .item{width:150px;height:150px;border:1px solid #ddd;}
.pd_detail .detail #pd_navi .owl-nav .owl-next{background:url('../img/pd_navi_arrow_next.svg') center / contain no-repeat;position:absolute;top:50%;right:-80px;width:30px;height:30px;display:block;transform:translateY(-50%);}
.pd_detail .detail #pd_navi .owl-nav .owl-prev{background:url('../img/pd_navi_arrow_prev.svg') center / contain no-repeat;position:absolute;top:50%;left:-80px;width:30px;height:30px;display:block;transform:translateY(-50%);}
.pd_detail .detail .img.owl-carousel .item{width:780px;height:780px;}
.pd_detail .list_btn {margin-top:30px;text-align: center;}
.pd_detail .list_btn button{padding:10px; width:200px;font-size:var(--font-size18);font-weight:bold;background: var(--main-color);border:none;color:#fff;}

.list_move{display: grid;grid-template-columns: 1fr 1fr;margin-top:50px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.list_move > div a{display: flex;align-items: center;gap:30px;padding:15px;}
.list_move > div:last-child a{justify-content: flex-end;}
.list_move > div.prev a span:first-child{font-size:var(--font-size16);color:#5E5E5E;display: flex;align-items: center;gap:10px;}
.list_move > div.prev a span:first-child:before{content:"";background:url('../img/pd_arrow_prev.svg') center / contain no-repeat;width:10px;height:10px;display: block;}
.list_move > div.prev a span:last-child{font-size:var(--font-size16);color:#5E5E5E;}
.list_move > div.next a span:first-child{font-size:var(--font-size16);color:#5E5E5E;}
.list_move > div.next a span:last-child{font-size:var(--font-size16);color:#5E5E5E;display: flex;align-items: center;gap:10px;}
.list_move > div.next a span:last-child:after{content:"";background:url('../img/pd_arrow_next.svg') center / contain no-repeat;width:10px;height:10px;display: block;}