/* common */
br.m{display:none; }
.bgg{background: #F9F9F9;}

.s_tit{}
.s_tit h4{font-weight:bold; font-size:18px; letter-spacing:-0.02em; color: var(--mColor); margin-bottom:10px;}
.s_tit h4.num{font-family: var(--numF);}
.s_tit h3{font-size:40px; font-weight: 300; letter-spacing:-0.02em; color: #333; line-height: 1.5em;}
.s_tit h3 span{font-weight:700;}
.s_tit p{font-size:17px; color: #666; line-height: 1.5em; letter-spacing:-0.02em; margin-top: 15px;}

.s_tit.c h3,
.s_tit.c h4{color: #fff;}


.sub{}
.sub .sv{position:relative; }
.sub .sv .bg{height: 550px;}
.sub .sv .txt{position:absolute; top: 190px; left: 200px;}
.sub .sv .txt h3{font-weight:bold; font-size:16px; color: #fff;}
.sub .sv .txt h2{font-weight:500; font-size:75px; letter-spacing:-0.05em; color: #fff; margin: 15px 0 35px;}
.sub .sv .txt p{font-size:18px; letter-spacing:-0.02em; color: #e9e9e9;}
.sub .lnb{padding: 0 200px; height: 70px; border-bottom: 1px solid #d9d9d9;}
.sub .lnb ul{display:flex; border-left: 1px solid #d9d9d9;}
.sub .lnb ul li{border-right: 1px solid #d9d9d9; line-height: 69px;}
.sub .lnb ul li a{display:inline-block; vertical-align: top;  width: 70px; line-height: 69px; text-align: center; font-size:20px; color: #333;}
.sub .lnb ul li:last-of-type{width: 250px; padding-left: 25px;}

.quick{position: fixed; top: 30%; left: 0; height: 0; display:inline-block; vertical-align: top; display:none; z-index: 50;}
.quick ul{}
.quick ul li{position:relative;  padding-left: 69px; margin-bottom:6px; cursor: pointer;}
.quick ul li:last-of-type{margin-bottom:0;}
.quick ul li::before{content:""; position:absolute; top: 11px; left: 0; width: 0; height: 1px; background: #102079; transition:0.3s}
.quick ul li::after{content:""; position:absolute; top: 10px; left: 57px; width: 3px; height: 3px; background: #333; border-radius:50%; opacity: 0.4; transition:0.3s}
.quick ul li .c{position:absolute; top:3px; left: 49px; font-family: var(--numF); font-weight:500; font-size:15px; color: #102079; opacity: 0; transition:0.3s}
.quick ul li .t{font-weight:500; font-size:14px; letter-spacing:-0.02em; color: #222; margin-left: 8px; opacity: 0; transition:0.3s}

.quick ul li.on::before{width: 30px;}
.quick ul li.on::after{opacity: 0}
.quick ul li.on .c,
.quick ul li.on .t{opacity: 1;}

.quick.on ul li::before{background: #fff;}
.quick.on ul li::after{background: #fff;}
.quick.on ul li .c,
.quick.on ul li .t{color: #fff;}

.greeting{padding: 170px 0 200px;}
.greeting .fbox{display:flex; align-items:center; margin-top: 80px;}
.greeting .fbox figure{width: 480px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius:10px}
.greeting .fbox figure img{}
.greeting .fbox .txt{width: calc(100% - 480px); padding-left: 77px;}
.greeting .fbox .txt .box{margin-bottom:32px;}
.greeting .fbox .txt .box:first-of-type{margin-bottom:20px;}
.greeting .fbox .txt .box p{font-size:16px; color: #333; letter-spacing:-0.02em; line-height: 1.8em; margin-bottom:15px;}
.greeting .fbox .txt .box p:last-of-type{margin-bottom:0;}
.greeting .fbox .txt .box h4{position:relative; font-weight:500; font-size:20px; color: #333; padding-left: 25px; margin-bottom:5px;}
.greeting .fbox .txt .box h4 span{position:absolute; left: 0; font-family: var(--numF); color: var(--mColor);}
.greeting .fbox .txt .ceo{margin-top: 68px;}
.greeting .fbox .txt .ceo p{font-size:24px;	color: #333; letter-spacing:-0.02em;}
.greeting .fbox .txt .ceo p span{font-weight:700; margin-left: 20px;}

.overview{background:url(/automotive/img/sub/overview_bg.png) 50% 50% /cover no-repeat; padding-top: 120px;/*  height: 100vh; */ overflow: hidden;}
.overview .fbox{display:flex; }
.overview .fbox .s_tit{width: 555px; margin-top: 30px;}
.overview .fbox .scroll_box{display:flex; flex-wrap:wrap; align-items:flex-start; width: calc(100% - 555px); height: calc(100vh - 120px); overflow-y: scroll; gap:50px 45px; padding-bottom:120px;}
.overview .fbox .scroll_box { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.overview .fbox .scroll_box::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }
.overview .fbox .scroll_box .item{width: calc((100% - 45px) / 2); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); padding: 50px 40px 35px 40px; transition:0.3s}
.overview .fbox .scroll_box .item:hover{border-color: #FFF; background: rgba(255, 255, 255, 0.10);}
.overview .fbox .scroll_box .item:nth-of-type(2){margin-top: 110px;}
.overview .fbox .scroll_box .item:nth-of-type(3){margin-top: -110px;}
.overview .fbox .scroll_box .item:nth-of-type(5){margin-top: -285px;}
.overview .fbox .scroll_box .item .txt{}
.overview .fbox .scroll_box .item .txt h4{font-weight:500; font-size:17px; color: #fff; letter-spacing:-0.02em;}
.overview .fbox .scroll_box .item .txt p{font-weight:500; font-size:28px; color: rgba(255, 255, 255, 0.90); letter-spacing:-0.02em; margin-top: 19px;}
.overview .fbox .scroll_box .item .txt p span{font-weight:400;}
.overview .fbox .scroll_box .item .txt.mt0 p{margin-top: 3px;}
.overview .fbox .scroll_box .item .txt.mt0 h4{margin-bottom:16px;}
.overview .fbox .scroll_box .item .txt ul{margin-top: 20px;}
.overview .fbox .scroll_box .item .txt ul li{color: rgba(255, 255, 255, 0.90); font-size:16px; font-weight:300; letter-spacing:-0.02em; margin-bottom:25px;}
.overview .fbox .scroll_box .item .txt ul li:last-of-type{margin-bottom:0;}
.overview .fbox .scroll_box .item .txt ul li span{font-weight:500; font-size:28px; color: rgba(255, 255, 255, 0.90); letter-spacing:-0.02em; display:block; margin-bottom: 5px;}
.overview .fbox .scroll_box .item figure{margin-top: 88px; text-align: right;}
.overview .fbox .scroll_box .item figure.mt57{margin-top: 57px;}
.overview .fbox .scroll_box .item figure.mt133{margin-top: 133px;}
.overview .fbox .scroll_box .item figure.mt0{margin-top: 0;}

.strength{padding: 200px 0 100px;}
.strength .s_list{margin-top: 80px;}
.strength .s_list .item{display:flex; gap:20px; margin-bottom:20px;}
.strength .s_list .item:last-of-type{margin-bottom:0;}
.strength .s_list .item > figure{width: calc(50% - 10px);}
.strength .s_list .item > figure img{}
.strength .s_list .item .txt{position:relative; width: calc(50% - 10px); border:1px solid #e8e8e8; border-radius:10px; text-align: center;}
.strength .s_list .item .txt .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;}
.strength .s_list .item .txt figure{}
.strength .s_list .item .txt figure img{}
.strength .s_list .item .txt h3{font-weight:bold; font-size:42px; margin: 10px 0 20px; color: #333; letter-spacing:-0.02em;}
.strength .s_list .item .txt p{font-size:17px; line-height: 1.6em; letter-spacing:-0.02em; color: #333;}
.strength .s_list .item.r .txt{order:-1}

.history{position:relative; padding: 100px 0 100px 200px; overflow: hidden;}
.history .s_tit{position:absolute; top: 168px; left: 200px;}
.history .slide_wrap{}
.history .slide_wrap .slide_btn{position:relative; display:flex; width: 100%; max-width: 1520px; margin-right: 0; justify-content:flex-end; gap:20px; margin-bottom:28px; z-index: 10;}
.history .slide_wrap .slide_btn > div{width: 40px; height: 40px; text-align: center; cursor: pointer;}
.history .slide_wrap .slide_btn > div i{font-size:30px; line-height: 40px; color: #c2c2c2; transition:0.3s}
.history .slide_wrap .fbox{display:flex; align-items:flex-end;}
.history .slide_wrap .fbox .slide_txt{width: 550px; padding-right: 40px;}
.history .slide_wrap .fbox .slide_txt .item{}
.history .slide_wrap .fbox .slide_txt .item p:not(.num){font-weight:500; font-size:22px; letter-spacing:-0.02em; color: #333; margin-top: 10px;}
.history .slide_wrap .fbox .slide_txt .item .num{font-family: var(--numF);font-weight:700; font-size:60px; color: rgba(153, 153, 153, 0.60); opacity: 0.8; letter-spacing:-0.02em;}
.history .slide_wrap .fbox .slide_ctn{width: calc(100% - 550px);}
.history .slide_wrap .fbox .slide_ctn .item{width: 100%; max-width: 965px; margin-left: 70px;}
.history .slide_wrap .fbox .slide_ctn figure{position:relative; width: 100%; padding-bottom:57%; overflow: hidden; border-radius:10px;}
.history .slide_wrap .fbox .slide_ctn figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; max-height: 100%;}
.history .slide_wrap  .dot_tab{display:flex; align-items:center; justify-content:space-between; position: relative; width: 100%; max-width: 965px; margin-left: 550px; margin-right: 0; margin-top: 33px;}
.history .slide_wrap  .dot_tab::before{content:""; position:absolute; top: 20px; left: 0; width: 100%; height: 1px; background: #d9d9d9;}
.history .slide_wrap  .dot_tab li{position:relative; width: 40px; height: 40px;cursor: pointer;}
.history .slide_wrap  .dot_tab li::before{content:""; width: 100px; height: 100px; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0.2); background: var(--mColor); opacity: 0; border-radius:50%; z-index: -1;}
.history .slide_wrap  .dot_tab li::after{content:""; width: 100px; height: 100px; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0.2); background: var(--mColor); opacity: 00; border-radius:50%; z-index: -1;}
.history .slide_wrap  .dot_tab li span{position:absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius:50%; transform:translate(-50%,-50%); background: #D9D9D9;}
.history .slide_wrap  .dot_tab li:first-of-type{margin-left: -20px;}
.history .slide_wrap  .dot_tab li:last-of-type{margin-right: -20px;}

.history .slide_wrap  .dot_tab li.on::before{animation:dotScale 1.8s infinite}
.history .slide_wrap  .dot_tab li.on::after{animation:dotScale2 1.8s infinite}
.history .slide_wrap  .dot_tab li.on span{background: #fff;}

.certification{padding:100px 0;}
.certification .c_list{display:flex; align-items:center; gap:16px; margin-top: 80px; flex-wrap:wrap}
.certification .c_list .item{position:relative; width: calc((100% - 64px) / 5); border-radius:10px; border:1px solid #e9e9e9; overflow: hidden; cursor: pointer;}
.certification .c_list .item figure{position:relative; padding-bottom:118%; overflow: hidden; text-align: center; margin: 30px 15px;}
.certification .c_list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.certification .c_list .item .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.80); opacity: 0; transition:0.3s}
.certification .c_list .item .hover p{position:absolute; top: 50%; left: 50%; font-family:var(--enF); font-weight:700; font-size:18px; letter-spacing:-0.02em; color: #222; transform:translate(-50%,-50%); width: 100%; padding: 0 16px; text-align: center;}
.certification .c_list .item:hover .hover{opacity: 1;}

.workplace{padding:100px 0;}
.workplace .fbox{display:flex; justify-content:space-between; align-items:flex-end;}
.workplace .fbox .s_tit{}
.workplace .fbox .w_tab{display:flex; align-items:center; gap:10px; margin-bottom:7px;} 
.workplace .fbox .w_tab li{display:flex; align-items:center; justify-content:center; width: 150px; height: 50px; border-radius:25px; border:1px solid #e9e9e9; cursor: pointer; transition:0.3s;  font-weight:500; font-size:17px;}
.workplace .fbox .w_tab li.on{border:1px solid var(--mColor); background: var(--mColor); color: #fff;}
.workplace .tab_ctn{margin-top: 80px;}
.workplace .tab_ctn .box{}
.workplace .tab_ctn .box h3{font-weight:bold; font-size:35px; line-height: 1.2em; letter-spacing:-0.02em; color: #222; margin-bottom:40px;}
.workplace .tab_ctn .box .top{position:relative;}
.workplace .tab_ctn .box .top figure{margin: 0 0 30px;}
.workplace .tab_ctn .box .top figure img{}
.workplace .tab_ctn .box .top p{display:flex; align-items:center; font-weight:500; font-size:30px; line-height: 1.6em; letter-spacing:-0.02em; color: #333;}
.workplace .tab_ctn .box .top p img{margin-right: 15px;}
.workplace .tab_ctn .box .top .link{position:absolute; bottom: -6px; right: 0;}
.workplace .tab_ctn .box .top .link a{display:inline-block; vertical-align: top;}
.workplace .tab_ctn .box .top .link a img{}
.workplace .tab_ctn .box .bot{padding-top: 90px;}
.workplace .tab_ctn .box .bot h3{}
.workplace .tab_ctn .box .bot .map_box{width: 100%; height: 400px;}
.workplace .tab_ctn .box .bot .map_box > div{width: 100%; height: 100%;}
.workplace .tab_ctn .box .bot .map_box > div > div{width: 100%; height: 100%;}
.workplace .tab_ctn .box .bot > ul{display:flex; align-items:center; margin-top: 30px;}
.workplace .tab_ctn .box .bot > ul > li{display:flex; align-items:center; position:relative; font-family: var(--numF); font-weight: 300; font-size:20px; line-height: 1.4; color: #333; margin-right: 120px; }
.workplace .tab_ctn .box .bot > ul > li::after{content:""; position:absolute; top: 7px; right: -61px; width: 2px; height: 15px; background: #d4d4d4;}
.workplace .tab_ctn .box .bot > ul > li:last-of-type{margin-right: 0;}
.workplace .tab_ctn .box .bot > ul > li:last-of-type::after{display:none; }
.workplace .tab_ctn .box .bot > ul > li span{margin-right: 15px; font-family: var(--enF); font-weight:400; color: #222;}
.workplace .tab_ctn .box .bot > ul > li span img{margin-right: 15px;}

@keyframes dotScale{
	0%{transform:translate(-50%,-50%) scale(0); opacity: 0.15;}
	40%{transform:translate(-50%,-50%) scale(0.4); opacity: 0.15;}
	100%{transform:translate(-50%,-50%) scale(1); opacity: 0;}
}
@keyframes dotScale2{
	0%{transform:translate(-50%,-50%) scale(0.2); opacity: 0;}
	40%{transform:translate(-50%,-50%) scale(0.2); opacity: 0;}
	100%{transform:translate(-50%,-50%) scale(0.2); opacity: 0.15;}
}

.product{padding: 185px 0 150px;}
.product .fbox{display:flex; gap:60px;}
.product .fbox .item{width: calc(50% - 30px);}
.product .fbox .item h3{position:relative; font-weight:700; font-size:24px; letter-spacing:-0.02em; color: #333; margin-bottom:19px; padding-left: 13px;}
.product .fbox .item h3::before{content:""; position:absolute; top: 9px; left: 0; width: 3px; height: 15px; background: var(--mColor); border-radius:3px;}
.product .fbox .item .img_box{position:relative; }
.product .fbox .item .img_box > figure:last-of-type{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product .fbox .item .img_box > figure svg{width: 100%; height: 100%;}
.product .fbox .item .img_box > figure svg rect{position:relative; z-index: 10; cursor: pointer;}
.product .fbox .item .img_box > figure svg g circle,
.product .fbox .item .img_box > figure svg g path{transition:0.3s}
.product .fbox .item .img_box > figure svg g.on .line{stroke:var(--mColor)}
.product .fbox .item .img_box > figure svg g.on circle{fill:var(--mColor)}
.pro_list {padding: 150px 0;}
.pro_list .box{margin-top: 70px;}
.pro_list .box .item{display:flex; align-items:center; margin-bottom:50px;}
.pro_list .box .item:last-of-type{margin-bottom:0;}
.pro_list .box .item figure{width: 50%; border-radius:10px; border:1px solid #E9E9E9; overflow: hidden;}
.pro_list .box .item .txt{width: 50%; padding-left: 70px;}
.pro_list .box .item .txt h4{font-family: var(--enF); font-weight:700; font-size:42px; color: #222;}
.pro_list .box .item .txt > ul{display:flex; margin-top: 50px;}
.pro_list .box .item .txt > ul > li{position:relative; padding: 0 45px;}
.pro_list .box .item .txt > ul > li::after{content:""; position:absolute; top: 0; right: 0; width: 1px; height: 100%; background: #d9d9d9;}
.pro_list .box .item .txt > ul > li:first-of-type{padding-left: 0;}
.pro_list .box .item .txt > ul > li:last-of-type::after{display:none; }
.pro_list .box .item .txt > ul > li span{display:block; font-weight:700; font-size:17px; color: #666;}
.pro_list .box .item .txt > ul > li > ul > li a,
.pro_list .box .item .txt > ul > li > ul{font-weight:500; margin-top: 20px; font-size:22px; color: #333;}
.pro_list .box .item .txt > ul > li > ul > li{margin-bottom:10px;}
.pro_list .box .item .txt > ul > li > ul > li:last-of-type{margin-bottom:0;}
.pro_list .box .item .txt > ul > li > ul > li a{display:inline-block; margin-top: 0;}
.pro_list .box .item .txt > ul > li > ul > li a i{font-size:18px; color: #666;}

.facility{padding: 170px 0 150px; }
.f_ctn{overflow: hidden;}
.f_ctn .w1520_p{padding: 0 0 0 200px;}
.f_ctn .list.mt{margin-top: 128px;}
.f_ctn .list > .item{margin-bottom: 80px;}
.f_ctn .list > .item:last-of-type{margin-bottom:0;}
.f_ctn .list .item .slide_btn{display:flex; justify-content:flex-end; align-items:center; max-width: 1520px; margin-top: 60px; gap:30px}
.f_ctn .list .item .slide_btn > div{width: 40px; height: 40px; text-align: center; cursor: pointer;}
.f_ctn .list .item .slide_btn > div i{font-size:30px; line-height: 40px; color: #c2c2c2; transition:0.3s}
.f_ctn .list .item .fbox{display:flex; margin-top: 28px;}
.f_ctn .list .item .fbox .txt{width: 760px;}
.f_ctn .list .item .fbox .txt h3{font-weight:700; font-size:28px; color: #222;}
.f_ctn .list .item .fbox .txt p{font-size:17px; color: #666; letter-spacing:-0.02em; margin-top: 20px;}
.f_ctn .list .item .fbox .img_box,
.f_ctn .list .item .fbox .slide_wrap{width: calc(100% - 760px);}
.f_ctn .list .item .fbox .slide_wrap .slide_ctn .item{margin-right: 30px;}
.f_ctn .list .item .fbox .img_box p,
.f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p{position:relative; font-weight:500; font-size:18px; color: #222; padding-left: 10px; margin-left: 20px; margin-top: 20px;}
.f_ctn .list .item .fbox .img_box p::before,
.f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p::before{content:""; position:absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #333; border-radius:50%;}

.facility02{padding: 150px 0;}
.facility02 .img_box{margin-top: 40px;}

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

.service{padding: 100px 0 200px;}
.service .tab{display:flex; align-items:center; justify-content:center; padding: 0 0 100px; gap:10px}
.service .tab li{}
.service .tab li a{display:inline-block; width: 220px; line-height: 70px; text-align: center; border:1px solid #E8E8E8; color: 
#333; font-weight:500; font-size:20px; letter-spacing:-0.02em; border-radius:5px}
.service .tab li.on a{background: var(--mColor); border-color:var(--mColor); color: #fff;}
.service .board_ctn{margin-top: 50px;}
.notice .board_ctn .search_box{max-width: 670px; margin-left: auto; background: none; padding: 0; gap:10px; margin-bottom:50px;}
.notice .board_ctn .search_box select{font-family: 'Noto Sans KR', sans-serif; font-weight:500; width: 150px; border:1px solid #E8E8E8; border-radius:5px; padding: 0 25px; background: #fff url("/img/board/icon_select.png") no-repeat calc(100% - 20px) 50%;}
.notice .board_ctn .search_box select option{font-weight:500;}
.notice .board_ctn .search_box input{width: calc(100% - 290px); font-weight:500; padding: 0 25px; border:1px solid #E8E8E8; border-radius:5px}
.notice .board_ctn .search_box input::placeholder{color: #777;}
.notice .board_ctn .search_box button{width: 120px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color: #fff; background: var(--mColor)}
.notice .board_ctn .search_box button i{transform:translateY(1px);}
.notice .board_ctn .img_borad_list.style02 .item .txt{padding: 25px 25px 45px;}
.view .view_ctn{border-top: none; padding-top: 0;}
.view .view_ctn .file_box dl dt{padding: 20px 28px;}
.view .view_ctn .tit{padding-top: 0;}
.view .view_ctn .tit ul li{position:relative; }
.view .view_ctn .tit ul li::after{content:""; position:absolute; top: 4px; right: -18px; width: 1px; height: 15px; background: #dfdfdf;}
.view .view_ctn .tit ul li:last-of-type::after{display:none; }
.view .view_ctn .file_box{padding: 0;}
.view .view_ctn .file_box dl dt{width: 250px; background: #FAFAFA; text-align: center;}
.view .view_ctn .file_box dl dd{width: calc(100% - 250px);}
.view .view_ctn .pages{margin-top: 0;}
.view .view_ctn .pages dl{background: none; margin-bottom:0; border-top: none; }
.view .view_ctn .pages dl dt{width: 250px; background: #FAFAFA; text-align: center;}
.view .view_ctn .pages dl dd{width: calc(100% - 250px);}
.view .view_ctn .list_btn a{width: 150px; line-height: 50px; border-radius:30px; background: #555555; font-weight:500; font-size:17px;}
.view .view_ctn .list_btn{margin-top: 70px;}
.view .view_ctn .pages dl dt::after, .view .view_ctn .file_box dl dt::after{display:none; }
.inquiry .inquiry_box{margin-top: 50px;}
.inquiry .inquiry_box .submit_btn button{ font-family: 'Noto Sans KR', sans-serif;}



@media (hover: hover){
	.quick ul li:hover::before{width: 30px;}
	.quick ul li:hover::after{opacity: 0}
	.quick ul li:hover .c,
	.quick ul li:hover .t{opacity: 1;}
	
	.f_ctn .list .item .slide_btn > div:hover i,
	.history .slide_wrap .slide_btn > div:hover i{color: #666;}
	.workplace .fbox .w_tab li:hover{border:1px solid var(--mColor); background: var(--mColor); color: #fff;}
}

@media (max-width: 1780px){
	.quick ul li{padding-left: 28px;}
	.quick ul li::before{display:none; }
	.quick ul li::after{left: 19px;}
	.quick ul li .c{left: 12px;}

	.greeting .fbox{align-items:flex-start}
	.greeting .fbox .txt .box p br{display:none; }
	
	.facility .w1520_p,
	.history{padding-left: 140px;}
	.history .s_tit{left: 140px;}
	.history .slide_wrap .fbox .slide_txt{width: 450px;}
	.history .slide_wrap .fbox .slide_ctn{width: calc(100% - 450px);}
	.history .slide_wrap .dot_tab{margin-left: 450px;}

	.f_ctn .list .item .fbox .txt{width: 560px;}
	.f_ctn .list .item .fbox .img_box,
	.f_ctn .list .item .fbox .slide_wrap{width: calc(100% - 560px);}
}

@media (max-width: 1600px){
	.sub .sv .txt{left: 60px;}
	.sub .lnb{padding: 0 60px;}

	.quick{bottom: 50px; right: 25px; top: auto;}
	.quick ul{display:flex; align-items:center; justify-content:flex-end;}
	.quick ul li{padding: 5px 10px; white-space: nowrap; margin-bottom:0;}
	.quick ul li:last-of-type{margin-right: 0;}
	.quick ul li.on .t{display:inline-block; vertical-align: top;}
	.quick ul li .t{display:none; margin-left: 4px;}
	.quick ul li .c{display:inline-block; vertical-align: top; position:static; width: 30px; height: 30px; border-radius:50%; padding: 0; background: #3c3c3c; transition:0s; text-align: center; line-height: 30px; opacity: 1;}
	.quick ul li::after{left: 22px; top: 15px;}

	.quick ul li.on{border-radius:30px; background: #3c3c3c;}
	.quick ul li.on .c{background: transparent; width: auto; height: auto; line-height: 1.3; transform:translateY(1px);}
	.quick ul li .t,
	.quick ul li .c{color: #fff;}

	.overview .fbox .s_tit{width: 380px;}
	.overview .fbox .scroll_box{width: calc(100% - 380px);}
	
	.f_ctn .w1520_p,
	.history{padding-left: 60px;}
	.history .s_tit{left: 60px;}
	.history .slide_wrap .slide_btn{padding: 0 60px;}
	.history .slide_wrap .dot_tab,
	.history .slide_wrap .fbox .slide_ctn .item{max-width: 800px;}
}

@media (max-width: 1400px){
	.overview .fbox .scroll_box .item{padding: 40px 20px;}
	.overview .fbox .scroll_box .item .txt ul li span,
	.overview .fbox .scroll_box .item .txt p{font-size:24px;}
	.overview .fbox .scroll_box .item:nth-of-type(5){margin-top: -272px;}

	.strength .s_list .item .txt h3{font-size:34px;}
	
	.history{padding: 100px 60px;}
	.history .slide_wrap .slide_btn{padding: 0;}
	.history .slide_wrap .fbox .slide_ctn .slick-list{margin-right: -40px;	}
	.history .slide_wrap .fbox .slide_ctn .item{margin-left: 0; margin-right: 40px;	}
	.history .slide_wrap .fbox .slide_txt .item .num{font-size:50px;}
	.history .slide_wrap .dot_tab{width: calc(100% - 450px); margin-left: auto;}
	
	.facility03,
	.facility02,
	.facility{padding: 100px 0;}
	.f_ctn .w1520_p{padding: 0 60px;}
	.f_ctn .list .item .fbox .slide_wrap .slide_ctn .slick-list{margin-right: -30px;}
	.service{padding:100px 0;}
	.service .tab{padding-bottom:50px;}
}

@media (max-width: 1200px){
	.sub .sv .bg{height: 450px;}
	.sub .sv .txt{left: 16px; top: 150px;}
	.sub .sv .txt h2{font-size:55px; margin-bottom:20px;}
	.sub .lnb{padding: 0;}
	
	.s_tit h3{font-size:34px;}
	.greeting .fbox{margin-top: 40px;}

	.greeting{padding: 80px 0;}
	.greeting .fbox figure{width: 380px;}
	.greeting .fbox .txt{padding-left: 30px; width: calc(100% - 380px);}
	.greeting .fbox .txt .ceo{margin-top: 30px;}
	
	.overview{padding:80px 0;}
	.overview .fbox{flex-wrap:wrap;}
	.overview .fbox .s_tit{width: 100%; margin-top: 0;}
	.overview .fbox .scroll_box{width: 100%; margin-top: 40px; align-items:unset; overflow-y:visible; height: auto; gap:20px; padding-bottom:0;}
	.overview .fbox .scroll_box .item{width: calc((100% - 40px) / 3); position:relative; padding-bottom:200px;}
	.overview .fbox .scroll_box .item:nth-of-type(2),
	.overview .fbox .scroll_box .item:nth-of-type(3),
	.overview .fbox .scroll_box .item:nth-of-type(5){margin-top: 0;}
	.overview .fbox .scroll_box .item figure{position:absolute; bottom: 20px; right: 20px;}
	.overview .fbox .scroll_box .item figure.mt57,
	.overview .fbox .scroll_box .item figure.mt133,
	.overview .fbox .scroll_box .item figure.mt0{margin-top: 88px;}
	
	.strength{padding: 80px 0;}
	.strength .s_list{margin-top: 40px;}
	.strength .s_list .item .txt h3{font-size:28px;}

	.history{padding: 80px 16px;}
	.history .s_tit{left: 16px; top: 137px;}
	.history .slide_wrap .fbox .slide_txt .item p:not(.num){font-size:18px;}
	.history .slide_wrap .slide_btn{margin-bottom:20px;}
	
	.certification{padding: 80px 0;}
	.certification .c_list{margin-top: 40px;}
	.certification .c_list .item{width: calc((100% - 32px) / 3);}

	.workplace .fbox{flex-wrap:wrap;}
	.workplace .fbox .s_tit{width: 100%;}
	.workplace .fbox .w_tab{width: 100%; margin-top: 40px;}
	.workplace .tab_ctn{margin-top: 40px;}
	.workplace .tab_ctn .box h3{font-size:28px; margin-bottom:20px;}
	.workplace .tab_ctn .box .top p{font-size:24px;}
	.workplace .tab_ctn .box .bot{padding-top: 60px;}

	.product{padding: 100px 0 80px;}
	.product .fbox{gap:20px}
	.product .fbox .item{width: calc(50% - 10px);}
	.pro_list{padding: 80px 0;}
	.pro_list .box{margin-top: 40px;}
	.pro_list .box .item .txt h4{font-size:30px;}
	.pro_list .box .item .txt > ul{margin-top: 40px;}
	
	.facility{padding: 100px 0 80px;}
	.facility02{padding: 80px 0;}
	.facility03{padding: 80px 0 100px;}
	.f_ctn .w1520_p{padding: 0 16px;}
	.f_ctn .list .item .fbox .txt{width: 420px; padding-right: 30px;}
	.f_ctn .list .item .fbox .img_box,
	.f_ctn .list .item .fbox .slide_wrap{width: calc(100% - 420px);}
		
	.service{padding: 80px 0 100px;}
	.notice .board_ctn .img_borad_list.style02 .item .txt{padding: 20px;}
}

@media (max-width: 1030px){
	.s_tit h4{font-size:17px;}
	.s_tit h3{font-size:30px;}
	
	.greeting .fbox{flex-wrap:wrap;}
	.greeting .fbox figure{width: 480px;}
	.greeting .fbox .txt{padding-left: 0; width:100%; margin-top: 20px;}
	.greeting .fbox .txt .box{margin-bottom:20px;}
	.greeting .fbox .txt .ceo p{font-size:22px;}

	.overview .fbox .scroll_box .item{width: calc((100% - 20px) / 2);}

	.strength .s_list .item > figure{position:relative; padding-bottom:37%; overflow: hidden; border-radius:10px}
	.strength .s_list .item > figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}

	.history .s_tit{position:static; }
	.history .slide_wrap{margin-top: -37px;}
	.history .slide_wrap .fbox{flex-wrap:wrap;}
	.history .slide_wrap .fbox .slide_txt{width: 100%; order:3}
	.history .slide_wrap .fbox .slide_ctn{width: 100%; margin-bottom: 30px;}
	.history .slide_wrap .fbox .slide_ctn .item{max-width: none;}
	.history .slide_wrap .dot_tab{width: 100%; max-width: none; padding: 0 20px;}
	.history .slide_wrap .dot_tab::before{width: calc(100% - 40px); left: 50%; transform:translateX(-50%);}
	
	.quick{bottom: 50px; right: 10px;}
	
	.pro_list .box .item{flex-wrap:wrap;}
	.pro_list .box .item figure{width: 100%;}
	.pro_list .box .item .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	.f_ctn .list.mt{margin-top: 0;}
	.f_ctn .list > .item{position:relative; margin-bottom:60px;}
	.f_ctn .list .item .slide_btn{position:absolute; top: 0; right: 0; margin-top: 34px;}
	.f_ctn .list .item .fbox{flex-wrap:wrap;}
	.f_ctn .list .item .fbox .txt{width: calc(100% - 110px);}
	.f_ctn .list .item .fbox .img_box,
	.f_ctn .list .item .fbox .slide_wrap{width: 100%; margin-top: 40px;}
	.f_ctn .list .item .fbox .img_box figure img,
	.f_ctn .list .item .fbox .slide_wrap .slide_ctn .item figure img,
	.f_ctn .list .item .fbox .slide_wrap .slide_ctn .item figure{width: 100%;}
	.f_ctn .list .item .fbox .txt h3{font-size:26px;}
	.f_ctn .list .item .fbox .txt p{margin-top: 10px;}
	.f_ctn .list .item .fbox .img_box p, .f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p{font-size:22px; margin-top: 14px;}
	.f_ctn .list .item .fbox .img_box p::before, .f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p::before{top: 13px;}
	
	.service .tab li a{line-height: 60px;}
}


@media (max-width: 800px){
	.overview .fbox .scroll_box .item{padding: 20px 20px 100px 20px;}
	.overview .fbox .scroll_box .item .txt ul li span,
	.overview .fbox .scroll_box .item .txt p{font-size:20px;}
	.overview .fbox .scroll_box .item .txt p{margin-top: 10px;}
	.overview .fbox .scroll_box .item figure{margin-top: 0; width: 60px; height: 60px;}
	.overview .fbox .scroll_box .item .txt ul{margin-top: 10px;}
	.overview .fbox .scroll_box .item .txt ul li{margin-bottom:15px;}
	.overview .fbox .scroll_box .item .txt.mt0 h4{margin-bottom:10px}

	.strength .s_list .item{flex-wrap:wrap;}
	.strength .s_list .item > figure{width: 100%; padding-bottom:0;}
	.strength .s_list .item .txt .p50,
	.strength .s_list .item > figure img{position:static; transform:translate(0); max-width: 100%; height: auto;}
	.strength .s_list .item .txt{width: 100%; padding: 50px 0;}
	.strength .s_list .item.r .txt{order:2}
	
	.history .slide_wrap .fbox .slide_ctn{margin-bottom:16px;}
	.history .slide_wrap .fbox .slide_txt .item .num{font-size:34px;}
	.history .slide_wrap .dot_tab{margin-top: 15px;}
	.history .slide_wrap .dot_tab li::before,
	.history .slide_wrap .dot_tab li::after{width: 70px; height: 70px;}
	.history .slide_wrap .fbox .slide_txt .item p:not(.num){font-size:16px;}
	.history .slide_wrap .dot_tab{padding: 0 10px;}
	.history .slide_wrap .dot_tab::before{width: calc(100% - 20px);}

	.certification .c_list .item{width: calc((100% - 16px) / 2);}
	
	.workplace .tab_ctn .box .bot > ul{}
	.workplace .tab_ctn .box .bot > ul > li{width: 50%;margin-right: 0; }
	.workplace .tab_ctn .box .bot > ul > li::after{display:none; }
	.workplace .tab_ctn .box .bot > ul > li:last-of-type{margin-bottom:0;}
	.workplace .tab_ctn .box .top p{font-size:20px;}
	.workplace .tab_ctn .box .top p img{max-width: 5%;}
	.workplace .tab_ctn .box .top .link{bottom: -14px;}
	.workplace .tab_ctn .box .bot .map_box{height: 320px;}
	
	.product .fbox .item h3{font-size:20px;}
	.product .fbox .item h3::before{top: 5px;}

	.pro_list .box .item .txt h4{font-size:26px;}
	.pro_list .box .item .txt > ul{margin-top: 20px;}
	.pro_list .box .item .txt > ul > li > ul{margin-top: 12px;}
	.pro_list .box .item .txt > ul > li > ul > li a, .pro_list .box .item .txt > ul > li > ul{font-size:19px;}
	
	.service .board_ctn{margin-top: 30px;}
	.notice .board_ctn .search_box{max-width: none; margin-bottom:30px;}
	.notice .board_ctn .search_box select{width: 100%;}
	.notice .board_ctn .search_box input{width: calc(100% - 130px);}
	
	.view .view_ctn .pages dl dt,
	.view .view_ctn .file_box dl dt{width: 120px;}
	.view .view_ctn .pages dl dd,
	.view .view_ctn .file_box dl dd{width: calc(100% - 120px);}
}

@media (max-width: 600px){
	br.m{display:block; }
	
	.sub .sv .bg{height: 400px;}
	.sub .sv .txt h2{font-size:45px; margin: 10px 0;}
	.sub .lnb{height: 50px;}
	.sub .lnb ul li{line-height: 49px;}
	.sub .lnb ul li:last-of-type{width: 180px; padding-left: 15px;}
	.sub .lnb ul li a{width: 50px; line-height: 49px;}

	.overview .fbox .scroll_box .item .txt ul li span,
	.overview .fbox .scroll_box .item .txt p{font-size:18px;}

	.workplace .tab_ctn .box .top p{font-size:18px;}
	.workplace .tab_ctn .box .top p img{max-width: 7%; margin-right: 5px;}
	.workplace .tab_ctn .box .bot > ul{flex-wrap:wrap;}
	.workplace .tab_ctn .box .bot > ul > li{width: 100%; margin-bottom:10px;}
	.workplace .tab_ctn .box .bot > ul > li:last-of-type{margin-bottom:0;}

	.product .fbox{flex-wrap:wrap; gap:30px}
	.product .fbox .item{width: 100%;}

	.f_ctn .list .item .fbox .img_box p, .f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p{font-size:17px; margin-left: 10px;}
	.f_ctn .list .item .fbox .img_box p::before, .f_ctn .list .item .fbox .slide_wrap .slide_ctn .item p::before{top: 10px;}
	.facility02 .img_box,
	.f_ctn .list .item .fbox .img_box, .f_ctn .list .item .fbox .slide_wrap{margin-top: 24px;}
}