/*_pc*/
@media all and (min-width:1025px) {	   
    

    .main{padding-bottom:100px}
    
    .s_tit.h3{margin:60px 0 30px;padding:50px 0;;text-align:center}
    .s_tit.h3 .tit{font-size:40px;font-size:40px;color: var(--main-color);text-transform: uppercase;}
    .s_tit.h3.line{border-bottom:1px solid #eee}
    

    .s_visual{display:flex;align-items:center;position:relative;height:600px;text-align:center;overflow:hidden}    
	.s_visual.company{height:100px}
    .s_visual.is-on .bg{transform:scale(1)}
    .s_visual.is-on h2,
    .s_visual.is-on .desc strong,
    .s_visual.is-on .desc p{transform:translateY(0);opacity:1}
    .s_visual .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:url('../images/sub/s01_visual.jpg') no-repeat center /cover;transform:scale(1.1);transition:10s}
    .s_visual .bg:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
    .s_visual h2{font-size:40px;color:#fff;transform:translateY(10px);opacity:0;transition:0.6s 0.3s}
    .s_visual .desc strong{display:block;font-size:24px;color:#fff;margin:50px 0 10px;font-weight:400;transform:translateY(10px);opacity:0;transition:0.6s 0.6s}
    .s_visual .desc p{font-size:20px;color:#fff;opacity:0.9;font-weight:200;transform:translateY(10px);opacity:0;transition:0.6s 0.9s}
    
    .s_visual.s01 .bg{background:url('../images/sub/s01_visual.jpg') no-repeat center /cover}
    .s_visual.s02 .bg{background:url('../images/sub/s02_visual.jpg') no-repeat center /cover}
    .s_visual.s03 .bg{background:url('../images/sub/s03_visual.jpg') no-repeat center /cover}
    

    .s_menu{position:relative;margin-top:-80px;}
    .s_menu .inner{display:flex;justify-content:center; background:#fff;min-height:80px;border-radius:20px 20px 0 0;padding:40px 50px 20px}
    .s_menu dl{display:flex;flex-wrap:wrap;justify-content:center; gap:10px}    
    .s_menu dd a{display:block;line-height:44px;font-size:18px;padding:0 30px;border:1px solid #ddd;border-radius:40px}
    .s_menu dd.is-on a{background:var(--main-color);color:#fff;border-radius:30px;padding:0 40px;border:1px solid var(--main-color)}
    
    
    
    
     /*s0101*/
    .history{position:relative;margin:50px 0}
    .history:before{content:'';position:absolute;left:calc(50% - 1px);background:var(--main-color);top:0;width:2px;height:100%;}
    .history:after{content:'';position:absolute;left:calc(50% - 7px);bottom:0;width:14px;height:14px;border-radius:50%;background:var(--main-color)}
    .history__year{display:flex;position:relative;flex-direction:column;justify-content: center;align-items:center;width:150px;height:150px;margin:0 auto;border-radius:50%;background:var(--main-color);font-size:22px;font-weight:600;color:#fff}
    .history__year span{line-height:10px}
    .history__item{position:relative;width:50%;;margin:50px 0}
    .history__item:before{content:'';position:absolute;left:0;top:15px;width:60px;height:2px;background:var(--main-color)}
    .history__item:after{content:'';position:absolute;left:-7px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--main-color)}
    .history__item:nth-of-type(2n+1):before{left:auto;right:0}
    .history__item:nth-of-type(2n+1):after{left:auto;right:-7px}
    .history__item:nth-of-type(2n+1){left:0;padding-right:70px;text-align:right}
    .history__item:nth-of-type(2n+1) dd.img{justify-content:flex-end}
    .history__item:nth-of-type(2n+1) dd.img span{order:-1}
    .history__item:nth-of-type(2n){left:50%;padding-left:70px}

    .history__item dt{font-size:22px;color:var(--main-color);margin:10px 0}
    .history__item dd{font-size:18px;color:#555}
    .history__item dd.img{display:flex;gap:20px}
    .history__item dd.img span{transform:translateY(-50%)}
    
    .history__item:last-child dt{font-size:30px}
    .history__item:last-child dd{font-size:22px}
    
    
    /*s0102*/
    .s0102_sec{}
    .s0102_sec .list{margin:50px 0}
    .s0102_sec .list ul{display:flex;padding:0 40px;gap:50px 3vw;flex-wrap:wrap;text-align:center;}
    .s0102_sec .list li{width:calc((100% - 3vw*3)/4)}
    .s0102_sec .list li img{border:1px solid #eee}
    .s0102_sec .list li span{display:block;font-size:20px;margin:20px 0}
    
    
    
    /*제품*/
    .s_prd {text-align:center;color:#333}
    .s_prd .tit_con{font-size:22px;margin:50px 0;line-height:1.5}
    
    .s_prd .prd_con{margin:50px 0}
    .s_prd .prd_con .tag{position:absolute;right:50px;top:0;text-align:left}
    .s_prd .prd_con .tag dl{padding-left:100px;background:url('../images/sub/prd_tag.png') no-repeat;font-weight:600}
    .s_prd .prd_con .tag dt{font-size:18px;color:var(--main-color)}
    .s_prd .prd_con .tag dd{font-size:18px}
    
    .s_prd .info_con{display:flex;justify-content:center;flex-wrap:wrap; background:#fafafa;padding:100px 0;gap:50px}
    .s_prd .info_con dl{}
    .s_prd .info_con dt{font-size:36px}
    .s_prd .info_con dt span{display:block;font-size:22px;color:var(--main-color)}
    .s_prd .info_con dd{font-size:22px;text-align:left;margin:5px 0}
    .s_prd .info_con dd:nth-of-type(1){margin-top:40px}
    .s_prd .info_con dd:before{content:'• '}
    .s_prd .info_con .thumb{display:flex;justify-content:center;gap:30px;width:100%}
    .s_prd .info_con .thumb .tit{display:block;font-size:22px;margin:20px 0}
    .s_prd .info_con .thumb .box{display:flex;justify-content: center;align-items:center; border:3px solid #ccc;width:400px;height:270px;border-radius:20px}
    
    .s_prd .video_con{margin:100px auto;max-width:840px}
    .s_prd .video_con .embed-container{margin:50px 0}
    
    .s_prd .drawing_con{margin:100px 0}
    .s_prd .drawing_con .add{display:inline-block;padding:50px 80px;border:1px solid #aaa;text-align:center;margin:100px 0 30px}
    .s_prd .drawing_con .add .tit{font-size:22px;color:var(--main-color);font-weight:600;}
    .s_prd .drawing_con .add .desc{margin:10px 0}
    .s_prd .drawing_con .add .thumb{margin-top:20px}

    .s_prd .thumb_con{padding:50px 0;background:#fafafa}
    .s_prd .thumb_con ul{display:flex;justify-content:center;gap:100px;text-align:center}
    .s_prd .thumb_con li .thumb{display:flex;align-items:center;justify-content:center;/* width:200px*/;height:180px;}
    .s_prd .thumb_con li span{display:block;font-size:22px;margin:10px 0;font-weight:500}

    .s_prd .data_con{margin:100px 0}
    .s_prd .data_con table{width:100%;border:1px solid #999;border-collapse: collapse;text-align:center;margin:50px 0}
    .s_prd .data_con table.th2 th{padding:25px 5px}
    .s_prd .data_con table th{padding:40px 5px;font-size:18px;background:#fafafa;border:1px solid #999;font-weight:500;line-height:1.2;min-width:60px}
    .s_prd .data_con table td{padding:25px 5px;font-size:16px;border:1px solid #999}
	.s_prd .data_con table .model{min-width:120px}
	.s_prd .data_con table .model.big{min-width:150px}
    .s_prd .data_con .add{margin:20px 0;text-align:left}
    .s_prd .data_con .add dt{font-size:22px;color:var(--main-color);margin-bottom:10px}
    .s_prd .data_con .add dd{margin:5px 0;font-size:18px}
    .s_prd .data_con .add .em{color:var(--main-color)}
    
    
    
    .s0301_sec{padding:80px 0 50px;border-bottom:1px solid #eee;text-align:center}
    .s0301_sec:nth-of-type(2n+1){background:#fafafa}
    .s0301_sec:last-child{border-bottom:0}
    .s0301_sec .tit{font-size:35px;font-weight:600}
    .s0301_sec .desc{font-size:24px;margin:20px 0;color:#555}
    .s0301_sec .desc em{display:block;color:var(--main-color);font-weight:400}
    .s0301_sec .thumb_con{margin:60px 0}
    .s0301_sec .thumb_con ul{display:flex;gap:40px}
    .s0301_sec .thumb_con li{}
    .s0301_sec .thumb_con li img{border-radius:20px;overflow:hidden;border:1px solid #ddd}
    
    
    .s0302_sec1{margin:100px 0}  
    .s0302_sec1 .container{max-width:1380px}
    .s0302_sec1 .list_con{display:flex;gap:50px 30px;flex-wrap:wrap}
    .s0302_sec1 .list_con li{width:calc((100% - 30px)/2)}
    .s0302_sec1 .list_con .tit{display:inline-block;background:var(--main-color);padding:0 30px;margin:20px 0;border-radius:50px;line-height:50px;font-size:20px;color:#fff}

    
    
    .s0303_sec1{margin:100px 0;text-align:center}
    .s0303_sec1 .container{max-width:1350px}
    .s0303_sec1 .desc{font-size:22px;margin:50px 0}
    .s0303_sec1 ul{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
    .s0303_sec1 li{width:calc((100% - 10px * 2)/3)}

    .s0303_sec2{background:#fafafa;padding:100px 0 50px;text-align:center}
    .s0303_sec2 .tit{font-size:35px;font-weight:600}
    .s0303_sec2 dl{font-size:22px;margin:50px 0}
    .s0303_sec2 dt{color:var(--main-color);margin:30px 0 5px}
    .s0303_sec2 dd{color:#555;}
    
    
    .s0304_sec1 .container{max-width:1200px}
    .s0304_sec1 .swiper{border:1px solid #ddd}
    .s0304_sec1 .swiper-pagination{bottom:auto;top:20px}
    .s0304_sec1 .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;line-height:30px;background:#fff;border-radius:50%;margin:0 2px}
    .s0304_sec1 .swiper-pagination .swiper-pagination-bullet-active{background:var(--main-color);color:#fff}


    .s0304_sec1 .more{margin:100px 0;text-align:center}
    .s0304_sec1 .more a{display:inline-block;line-height:70px;padding:0 100px;border-radius:5px;font-size:24px;background:var(--main-color);color:#fff}
    .s0304_sec1 .more a:hover{background:var(--main-color-dark)}


	.company_p{margin:100px 0}
}

    

/*_mobile*/
@media all and (max-width:1024px) {
    
    .main{padding-bottom:50px}
    
    
    .s_tit.h3{margin:30px 0 15px;padding:25px 0;;text-align:center}
    .s_tit.h3 .tit{font-size:20px;font-size:20px;color: var(--main-color);text-transform: uppercase;}
    .s_tit.h3.line{border-bottom:1px solid #eee}
        
    
    .s_visual{display:flex;justify-content:center;align-items:center;position:relative;min-height:250px;height:40vw;;text-align:center;overflow:hidden}    
	.s_visual.company{height:60px;min-height:auto}
    .s_visual.is-on .bg{transform:scale(1)}
    .s_visual.is-on h2,
    .s_visual.is-on .desc strong,
    .s_visual.is-on .desc p{transform:translateY(0);opacity:1}
    .s_visual .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:url('../images/sub/s01_visual.jpg') no-repeat center /cover;transform:scale(1.1);transition:10s}
    .s_visual .bg:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
    .s_visual h2{font-size:24px;color:#fff;transform:translateY(10px);opacity:0;transition:0.6s 0.3s}
    .s_visual .desc strong{display:block;font-size:13px;color:#fff;;font-weight:400;transform:translateY(10px);opacity:0;transition:0.6s 0.6s}
    .s_visual .desc p{display:none}
    
    .s_visual.s01 .bg{background:url('../images/sub/s01_visual.jpg') no-repeat center /cover}
    .s_visual.s02 .bg{background:url('../images/sub/s02_visual.jpg') no-repeat center /cover}
    .s_visual.s03 .bg{background:url('../images/sub/s03_visual.jpg') no-repeat center /cover}
    
    
    
    .s_menu{position:relative;z-index:10;margin-top:-60px;}
    .s_menu .current{display:flex;justify-content:space-between;padding:20px 20px;font-size:14px;color:var(--main-color);font-weight:600;cursor:pointer}
    .s_menu .current:after{content:'';width:7px;height:7px;border:1px solid #555;border-width:0 1px 1px 0;transform:rotate(45deg);transition:0.3s}
    .s_menu .inner{position:relative;background:#fff;height:60px;border-radius:10px 10px 0 0}
    .s_menu dl{display:none;position:absolute;left:0;width:100%;top:60px;padding:0 0 20px;background:#fff;border-radius:0 0 10px 10px;border:1px solid #eee;border-top:0}
    .s_menu dd{}
    .s_menu dd a{display:block;font-size:14px;line-height:30px;padding:0 20px}
    .s_menu dd a:before{content:'- '}
    .s_menu dd.is-on{background:#f5f5f5}
    .s_menu.is-on dl{display:block}
    .s_menu.is-on .current:after{transform:rotate(225deg)}
    

    /*s0101*/
    .history{position:relative;margin:30px 0}
    .history:before{content:'';position:absolute;left:calc(50% - 1px);background:var(--main-color);top:0;width:2px;height:100%;}
    .history:after{content:'';position:absolute;left:calc(50% - 7px);bottom:0;width:14px;height:14px;border-radius:50%;background:var(--main-color)}
    .history__year{display:flex;position:relative;flex-direction:column;justify-content: center;align-items:center;width:110px;height:110px;margin:0 auto;border-radius:50%;background:var(--main-color);font-size:18px;font-weight:600;color:#fff}
    .history__year span{line-height:10px}
    .history__item{position:relative;width:50%;;margin:30px 0}
    .history__item:before{content:'';position:absolute;left:0;top:15px;width:30px;height:2px;background:var(--main-color)}
    .history__item:after{content:'';position:absolute;left:-7px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--main-color)}
    .history__item:nth-of-type(2n+1):before{left:auto;right:0}
    .history__item:nth-of-type(2n+1):after{left:auto;right:-7px}
    .history__item:nth-of-type(2n+1){left:0;padding-right:40px;text-align:right}
    .history__item:nth-of-type(2n+1) dd.img{}
    .history__item:nth-of-type(2n+1) dd.img span{}
    .history__item:nth-of-type(2n){left:50%;padding-left:40px}

    .history__item dt{font-size:22px;color:var(--main-color);margin:10px 0}
    .history__item dd.img{}
    .history__item dd.img span{display:block;text-align:center}
    
    .history__item:last-child dt{font-size:16px}
    .history__item:last-child dd{font-size:14px}
    
    
    /*s0102*/
    .s0102_sec{}
    .s0102_sec .list{margin:30px 0}
    .s0102_sec .list ul{display:flex;justify-content:space-between;gap:30px 10px;flex-wrap:wrap;text-align:center}
    .s0102_sec .list li{width:calc((100% - 10px*2)/3)}
    .s0102_sec .list li img{border:1px solid #eee}
    .s0102_sec .list li span{display:block;font-size:14px;margin:10px 0}
    
    
    /*제품*/
    .s_prd {text-align:center;color:#333}
    .s_prd .tit_con{font-size:14px;margin:30px 0;line-height:1.5}
    
    .s_prd .prd_con{margin:30px 0}
    .s_prd .prd_con .tag{display:flex;justify-content:center;text-align:left;margin:20px 0}
    .s_prd .prd_con .tag dl{padding-left:80px;background:url('../images/sub/prd_tag.png') no-repeat 0 0 /60px;font-weight:600}
    .s_prd .prd_con .tag dt{font-size:14px;color:var(--main-color)}
    .s_prd .prd_con .tag dd{font-size:14px}
    
    .s_prd .info_con{display:flex;justify-content:center;flex-wrap:wrap; background:#fafafa;padding:50px 0;gap:30px}
    .s_prd .info_con dl{padding:0 30px}
    .s_prd .info_con dt{font-size:20px}
    .s_prd .info_con dt span{display:block;font-size:16px;color:var(--main-color)}
    .s_prd .info_con dd{font-size:14px;text-align:left;margin:5px 0;text-indent:-10px;padding-left:10px}
    .s_prd .info_con dd:nth-of-type(1){margin-top:20px}
    .s_prd .info_con dd:before{content:'• '}
    .s_prd .info_con .thumb{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;width:100%;padding:0 20vw}
    .s_prd .info_con .thumb .tit{display:block;font-size:14px;margin:10px 0}
    .s_prd .info_con .thumb .box{display:flex;justify-content: center;align-items:center; border:3px solid #ccc;width:200px;height:160px;border-radius:10px}
    .s_prd .info_con .thumb .box img{max-height:100%}
    
    .s_prd .video_con{margin:50px auto;max-width:840px}
    .s_prd .video_con .embed-container{margin:30px 0}
    
    .s_prd .drawing_con{margin:50px 0}
    .s_prd .drawing_con .add{display:inline-block;padding:25px 40px;border:1px solid #aaa;text-align:center;margin:50px 0 15px}
    .s_prd .drawing_con .add .tit{font-size:16px;color:var(--main-color);font-weight:600;}
    .s_prd .drawing_con .add .desc{margin:10px 0}
    .s_prd .drawing_con .add .thumb{margin-top:20px}

    .s_prd .thumb_con{padding:30px 0;background:#fafafa}
    .s_prd .thumb_con ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;text-align:center}
    .s_prd .thumb_con li .thumb{display:flex;align-items:center;justify-content:center;/*width:160px*/;height:140px}
    .s_prd .thumb_con li span{display:block;font-size:14px;margin:10px 0;font-weight:500}

    .s_prd .data_con{margin:50px 0}
    .s_prd .data_con .table_wrap{overflow:auto;margin:0 0 20px}
    .s_prd .data_con .table_more:after{content:'view more ->';display:block;text-align:right}
    .s_prd .data_con table{width:1000px;border:1px solid #999;border-collapse: collapse;text-align:center;margin:10px 0}
    .s_prd .data_con table.th2 th{padding:15px 2px}
    .s_prd .data_con table th{padding:20px 2px;font-size:13px;background:#fafafa;border:1px solid #999;font-weight:500;line-height:1.2}
    .s_prd .data_con table td{padding:15px 2px;font-size:12px;border:1px solid #999}
    .s_prd .data_con .add{margin:10px 0;text-align:left}
    .s_prd .data_con .add dt{font-size:15px;color:var(--main-color);margin-bottom:10px}
    .s_prd .data_con .add dd{margin:5px 0;font-size:13px}
    .s_prd .data_con .add .em{color:var(--main-color)}
    
    
    .s0301_sec{padding:40px 0 25px;border-bottom:1px solid #eee;text-align:center}
    .s0301_sec:nth-of-type(2n+1){background:#fafafa}
    .s0301_sec:last-child{border-bottom:0}
    .s0301_sec .tit{font-size:20px;font-weight:600}
    .s0301_sec .desc{font-size:14px;margin:20px 0;color:#555}
    .s0301_sec .desc em{display:block;color:var(--main-color);font-weight:400}
    .s0301_sec .thumb_con{margin:30px 0}
    .s0301_sec .thumb_con ul{display:flex;justify-content:center;flex-wrap:wrap; gap:10px;padding:0 5vw}
    .s0301_sec .thumb_con li{}
    .s0301_sec .thumb_con li img{border-radius:10px;overflow:hidden;border:1px solid #ddd}
    
    
    .s0302_sec1{margin:50px 0}  
    .s0302_sec1 .container{max-width:1380px}
    .s0302_sec1 .list_con{}
    .s0302_sec1 .list_con li{text-align:center;margin:30px 0}
    .s0302_sec1 .list_con .tit{display:inline-block;background:var(--main-color);padding:0 20px;margin:10px 0;border-radius:50px;line-height:36px;font-size:14px;color:#fff}


    .s0303_sec1{margin:50px 0;text-align:center}
    .s0303_sec1 .container{max-width:1350px}
    .s0303_sec1 .desc{font-size:14px;margin:30px 5vw}
    .s0303_sec1 ul{display:flex;justify-content:center;gap:30px 10px;flex-wrap:wrap}
    .s0303_sec1 li{width:calc((100% - 10px * 1)/2)}

    .s0303_sec2{background:#fafafa;padding:50px 0 20px;text-align:center}
    .s0303_sec2 .tit{font-size:20px;font-weight:600}
    .s0303_sec2 dl{font-size:14px;margin:30px 0}
    .s0303_sec2 dt{color:var(--main-color);margin:20px 0 5px}
    .s0303_sec2 dd{color:#555;}
    
    
    .s0304_sec1 .container{max-width:1200px}
    .s0304_sec1 .swiper{border:1px solid #ddd}
    .s0304_sec1 .swiper-pagination{position:relative;top:auto;bottom:auto;margin:20px 0}
    .s0304_sec1 .swiper-pagination .swiper-pagination-current{color:var(--main-color)}
    .s0304_sec1 .swiper-pagination .swiper-pagination-total{font-weight:600;color:#555}


    .s0304_sec1 .more{margin:30px 0;text-align:center}
    .s0304_sec1 .more a{display:inline-block;line-height:45px;padding:0 50px;border-radius:3px;font-size:16px;background:var(--main-color);color:#fff}
    .s0304_sec1 .more a:hover{background:var(--main-color-dark)}


	.company_p{margin:50px 0}

}


@media all and (max-width:640px) {
    .s0102_sec .list li{width:calc((100% - 10px*1)/2)}
}