input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* select icon */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/common/icon_select.png) no-repeat calc(100% - 20px) 50%;
}


figure{margin: 0;}
.pb{padding-bottom:120px;}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto; box-sizing:border-box;}
.cursor{display:none; position:absolute;  top: 0; left: 0; border-radius: 50%;background-color: transparent; user-select: none; pointer-events: none; ; box-sizing:border-box; z-index: 1000; overflow: hidden; transition: all 0.2s ease-out;}



.greeting{}
.greeting .cont{display:flex; flex-wrap:wrap; align-items:center;}
.greeting .cont figure{width: calc(50% + 20px);}
.greeting .cont .txt{width: calc(50% - 20px); box-sizing:border-box; padding-left: 56px;}
.greeting .cont .txt h3{font-weight:600; font-size:26px; color: #333; letter-spacing:-0.01em; margin-bottom:30px;}
.greeting .cont .txt > p{ font-weight:300; font-size:17px; letter-spacing:-0.01em; color: #333; margin-bottom:30px; line-height: 1.6;}
.greeting .cont .txt > p:last-of-type{margin-bottom:0;}
.greeting .cont .txt .name{margin-top: 50px;}
.greeting .cont .txt .name p{font-weight:bold; font-size:17px; color: #000000;}
.greeting .cont .txt .name p img{vertical-align: middle; margin-left: 16px; position:relative; top:8px}

/* 인증 특허 */
.certification{}
.certification .tab{display:flex; justify-content:center; margin-bottom:80px;}
.certification .tab li{width: 100%; max-width: 400px; margin-right: 20px;}
.certification .tab li:last-of-type{margin-right: 0}
.certification .tab li a{display:inline-block; vertical-align: top;width: 100%; height: 70px; border:1px solid #cccccc; font-weight:300; font-size:20px; letter-spacing:-0.01em; color: #999; text-align: center; line-height: 68px;}
.certification .tab li.on a{background: #1570b9; color: #fff; border-color:#1570b9}
.certification .cont{}
.certification .cont .list{display:flex; flex-wrap:wrap;}
.certification .cont .list .item{width: calc((100% - 200px) / 5); margin-right: 50px; text-align: center; margin-bottom:70px;}
.certification .cont .list .item:nth-of-type(5n){margin-right: 0;}
.certification .cont .list .item:last-of-type{margin-right: 0;}
.certification .cont .list .item figure{border:1px solid #d0d0d0}
.certification .cont .list .item p{font-weight:600; font-size:18px; letter-spacing:-0.010em; color: #333; margin-top: 18px; line-height: 1.5;}

/* 연혁 */
.history{}
.history .cont{position:relative; font-size:0;}
.history .cont .img_box{display:inline-block; vertical-align: top; position: sticky; top: 150px; left: 0; width: 50%; box-sizing:border-box; padding-right:120px;}
.history .cont .img_box .bg{width: 100%; height: 440px; background:url(/img/sub/history01.jpg) 50% 50% no-repeat; background-size:cover;}
.history .cont .img_box .relative{ position: relative; padding-bottom: 64.706%; }
.history .cont .img_box figure{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transition: opacity 0.4s 0.4s; }
.history .cont .img_box figure.on{ transition-delay: unset; z-index: 10; }
.history .cont .img_box figure:not(.on){ opacity: 0; }
.history .cont .img_box figure img{ width: 100%; height: 100%; object-fit: cover; }
.history .cont > ul{display:inline-block; vertical-align: top; position:relative; width: 50%; margin-left: auto;}
.history .cont > ul::before{content:''; position:absolute; top: 50px; left: 0; width: 1px; height: 100%; background: #cccccc;}
.history .cont > ul > li{display:flex; padding-bottom:100px;}
.history .cont > ul > li > span{position:relative; display:inline-block; vertical-align: top; width: 260px; font-weight:bold; font-size:70px; letter-spacing:-0.01em; color: #333; box-sizing:border-box; padding-left: 90px;}
.history .cont > ul > li > span::before{content:''; position:absolute; top: 45px; left: -3px; width: 7px; height: 7px; background: #cccccc; border-radius:50%; z-index: 10; transition:0.3s;}
.history .cont > ul > li > span::after{content:''; position:absolute; top: 34px; left: -14px; width: 29px; height: 29px; background: #fff; border-radius:50%; transition:0.3s;}
.history .cont > ul > li > ul{position:relative; width: calc(100% - 260px); box-sizing:border-box; padding-left: 106px; margin-top: 35px;}
.history .cont > ul > li > ul::after{content:''; position:absolute; left: 45px; top: 10px; background: #ccc; width: 40px; height: 1px;}
.history .cont > ul > li > ul::before{content:''; position:absolute; left: 45px; top: 9px; background: #1570b9; width: 3px; height: 3px;  border-radius:50%; z-index: 2;}
.history .cont > ul > li > ul > li{font-size:17px; letter-spacing:-0.01em; color: #333; margin-bottom:20px;}
.history .cont > ul > li > ul > li:last-of-type{margin-bottom:0;}
.history .cont > ul > li.on > span::before{background:#1570b9;}
.history .cont > ul > li.on > span::after{background: #e7f0f8;}

/* 오시는 길 */
.location{}
.location .cont{}
.location .cont .map_box{width: 100%; height: 610px;}
.location .cont .map_box > div{width: 100%; height: 100%;}
.location .cont .map_box > div > div{width: 100%; height: 100%;}
.location .cont .info{display:flex; flex-wrap:wrap;}
.location .cont .info .item{width: 25%; text-align: center; padding: 70px 0;}
.location .cont .info .item::after{content:''; position:absolute; top: 50%; right: 0; width: 1px; height: 80px; background: #cccccc; transform:translateY(-50%);}
.location .cont .info .item:last-of-type::after{display:none; }
.location .cont .info .item figure{}
.location .cont .info .item figure img{}
.location .cont .info .item h3{font-weight:600; font-size:25px; letter-spacing:-0.025em; color: #126eb8; margin: 20px 0 10px;}
.location .cont .info .item p{font-weight:300; font-size:17px; letter-spacing:-0.025em; color: #222;}

/* 제품소개 */
.pro_main{overflow: hidden;}
.pro_main .cont{}
.pro_main .cont .tab_box{position:relative; display:flex; align-items:center; justify-content:space-between; padding: 0 160px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing:border-box;}
.pro_main .cont .tab_box .number{display:flex; align-items:center;}
.pro_main .cont .tab_box .number p{font-weight:bold; font-size:17px; color: #cccccc;}
.pro_main .cont .tab_box .number .current{color: #3577ba;}
.pro_main .cont .tab_box .number span{font-weight:bold; font-size:17px; color: #cccccc; margin: 0 4px;}
.pro_main .cont .tab_box .number .all{}
.pro_main .cont .tab_box .slide_tab{position:relative; }
.pro_main .cont .tab_box .progress{position:absolute; bottom: 0; left: 0; width: 100%;height: 1px; background: #eee; border-radius:2px}
.pro_main .cont .tab_box .progress span{display:inline-block; vertical-align: top; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #126eb8; transition:0.6s}
.pro_main .cont .tab_box .tab{display:flex; max-width: 1080px; overflow: hidden;}
.pro_main .cont .tab_box .tab .slick-list{margin-left: -30px;}
.pro_main .cont .tab_box .tab li{position:relative; font-weight:300; font-size:17px; color: #c1c1c1; line-height: 100px; padding: 0 30px; box-sizing:border-box; cursor: pointer;}
.pro_main .cont .tab_box .tab li::after{content:''; position:absolute; top: 50%; right: -2px; width: 3px; height: 3px; border-radius:50%; background: #cccccc; transform:translateY(-50%);}
.pro_main .cont .tab_box .tab li.slick_now2{font-weight:bold; color: #126eb8;}
.pro_main .cont .tab_box .slide_btn{display:flex}
.pro_main .cont .tab_box .slide_btn > div{width: 30px; height: 30px; text-align: center; cursor: pointer; margin-right: 10px;}
.pro_main .cont .tab_box .slide_btn > div:last-of-type{margin-right: 0;}
.pro_main .cont .tab_box .slide_btn > div > i{line-height: 30px;}
.pro_main .cont .slide_wrap{margin-top: 90px; padding-left: 160px; box-sizing:border-box;}
.pro_main .cont .slide_wrap .slide_ctn{}
.pro_main .cont .slide_wrap .slide_ctn .item{position:relative; display:flex; align-items:center; width: 100%; max-width: 1430px;}
.pro_main .cont .slide_wrap .slide_ctn .item a{position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn{width: 50%;}
.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn figure{width: 100%; border-radius:10px 0 10px 0; padding-bottom: 67%; position:relative; overflow: hidden; transform-origin:left; transform:scale(0.65); transition:1s 0.6s}
.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn figure::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.6; transition:1s 0.6s}
.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; filter:blur(5px); transition:1s 0.6s}
.pro_main .cont .slide_wrap .slide_ctn .item .txt{width: 50%; box-sizing:border-box; padding-left: 70px;}
.pro_main .cont .slide_wrap .slide_ctn .item .txt p{font-weight:500; font-size:17px; letter-spacing:-0.01em; color: #3577ba; opacity: 0; transition:0.8s 1.2s}
.pro_main .cont .slide_wrap .slide_ctn .item .txt h3{font-weight:bold; font-size:40px; letter-spacing:-0.01em; color: #222; margin-bottom:30px; transform:translateY(40px); opacity: 0; transition:0.8s 1.2s}
.pro_main .cont .slide_wrap .slide_ctn .item .txt ul {display:flex; flex-wrap:wrap; max-height: 211px;/*  overflow-y: scroll; width: 100%; */}
.pro_main .cont .slide_wrap .slide_ctn .item .txt ul li{position:relative; width: 50%; font-size:17px;	color: #222; padding-left: 10px; box-sizing:border-box; margin-bottom:13px; transform:translateY(20px); opacity: 0; transition:0.8s 1.6s}
.pro_main .cont .slide_wrap .slide_ctn .item .txt ul li:nth-of-type(13){display:none; }
.pro_main .cont .slide_wrap .slide_ctn .item .txt ul li span{position:absolute; left: 0;}

.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .txt p{opacity: 1;}
.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .txt h3{transform:translateY(0); opacity: 1;}
.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .txt ul li{transform:translateY(0); opacity: 1;}
.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .img_ctn figure{transform:scale(1);}
.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .img_ctn figure img{filter:blur(0)}
.pro_main .cont .slide_wrap .slide_ctn .item.slick_now .img_ctn figure::after{opacity: 0; width: 0;}

/* 납품실적 */
.performance{}
.performance .p_list{display:flex; flex-wrap:wrap;}
.performance .p_list .item{position:relative; width:calc((100% - 120px) / 4); margin-right: 40px; margin-bottom:40px;}
.performance .p_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20;}
.performance .p_list .item:nth-of-type(4n){margin-right: 0;}
.performance .p_list .item > figure{position:relative; overflow:hidden; padding-bottom: 81%;}
.performance .p_list .item > figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.performance .p_list .item .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(18,110,184,0.8); opacity:0; transition:0.6s; z-index: 10; text-align: center;}
.performance .p_list .item .hover .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;	}
.performance .p_list .item .hover p{font-weight:600; font-size:20px; color: #fff; margin-bottom:16px;}
.performance .p_list .item:hover .hover{opacity: 1;}

/* 온라인 문의 */
.inquiry{}
.inquiry .cont{}
.inquiry .cont .input_box{display:flex; flex-wrap:wrap; border-top: 1px solid #222; border-bottom: 1px solid #222; box-sizing:border-box; padding: 60px 0;}
.inquiry .cont .input_box dl{width: 100%; display:flex; margin-bottom:30px;}
.inquiry .cont .input_box dl:last-of-type{margin-bottom:0;}
.inquiry .cont .input_box dl.w50{width: calc(50% - 15px); margin-right: 30px;}
.inquiry .cont .input_box dl.mr{margin-right: 0;}
.inquiry .cont .input_box dl dt{width: 100px; font-weight:600; font-size:20px; color: #222; opacity: 0.8; box-sizing:border-box; padding-right: 26px; text-align: right; line-height: 60px;}
.inquiry .cont .input_box dl.w130 dt{width: 120px;}
.inquiry .cont .input_box dl.w130 dd{width: calc(100% - 120px);}

.inquiry .cont .input_box dl dt span{color: #cc0d0d;}
.inquiry .cont .input_box dl dd{width: calc(100% - 100px); }
.inquiry .cont .input_box dl dd input{width: 100%; display:inline-block; vertical-align: top; height: 60px; border:1px solid #eee; padding: 0 20px; box-sizing:border-box;}
.inquiry .cont .input_box dl dd input::placeholder{font-weight:300; font-size:16px; color: #999;}
.inquiry .cont .input_box dl dd.tel{font-size:0;}
.inquiry .cont .input_box dl dd.tel input{width: calc((100% - 50px) / 3);}
.inquiry .cont .input_box dl dd.tel span{display:inline-block; vertical-align: top; width: 25px; line-height: 60px; font-size:16px; color: #222; opacity: 0.8; text-align: center;}
.inquiry .cont .input_box dl dd.email{font-size:0;}
.inquiry .cont .input_box dl dd.email input{width: calc((66.66% - 35px) / 2);}
.inquiry .cont .input_box dl dd.email span{display:inline-block; vertical-align: top; width: 35px; font-size:16px; color: #222; opacity: 0.8; text-align: center; line-height: 60px;}
.inquiry .cont .input_box dl dd.email select{width: calc(33.33% - 35px); margin-left: 35px; height: 60px; border:1px solid #eee; padding: 0 20px;}
.inquiry .cont .input_box dl dd.pick{font-size:0;}
.inquiry .cont .input_box dl dd.pick select{display:inline-block; vertical-align: top; width: calc((100% - 35px) / 2); margin-right: 35px; height: 60px; border:1px solid #eee; padding: 0 20px;}
.inquiry .cont .input_box dl dd.pick select:last-of-type{margin-right: 0;}
.inquiry .cont .input_box dl dd textarea{border:1px solid #eee; box-sizing:border-box; width: 100%; resize:none; height: 340px; padding: 20px;}
.inquiry .cont .input_box dl dd textarea::placeholder{color: #999;}
.inquiry .cont .input_box dl dd.file_box{display:flex;}
.inquiry .cont .input_box dl dd #fileName{width: calc(100% - 206px); height: 60px;  box-sizing:border-box; border:1px solid #ddd; padding: 0 20px; font-size:16px; color: #999; margin-right: 20px;}
.inquiry .cont .input_box dl dd .file{ width: 186px; box-sizing:border-box; cursor: pointer;}
.inquiry .cont .input_box dl dd .file span{display:inline-block; width: 100%; height: 100%; text-align: center; line-height:60px; font-size:16px; color: #fff; opacity: 0.8; background: #61a9dd;}
.inquiry .cont .input_box dl dd .file span i{margin-left: 4px; position:relative; top: 1px;}
.inquiry .cont .input_box dl dd .file input{display:none}
.inquiry .cont .input_box dl.policy {flex-wrap:wrap;}
.inquiry .cont .input_box dl.policy dt{width: 100%; text-align: left;}
.inquiry .cont .input_box dl.policy dd{width: 100%;}
.inquiry .cont .input_box dl.policy dd > p{background: #f9f9f9; padding: 40px; box-sizing:border-box; border:1px solid #eeeeee; max-height: 220px; overflow: hidden;}
.inquiry .cont .input_box dl dd .chk{display:flex; justify-content:flex-end; margin-top: 30px;}
.inquiry .cont .input_box dl dd .chk input{display:none; }
.inquiry .cont .input_box dl dd .chk label{display:flex; align-items:center; cursor: pointer;}
.inquiry .cont .input_box dl dd .chk label span{position:relative;  display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #666666; line-height:1.3em; margin-right: 8px; border-radius:2px}
.inquiry .cont .input_box dl dd .chk label span::after{content:''; position:absolute; top: 50%; left: 50%; transform:translate(-45%,-50%); width: 9px; height: 9px; border-radius:2px; background: #126eb8; display:none; }
.inquiry .cont .input_box dl dd .chk label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.inquiry .cont .input_box dl dd .chk label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-size:17px; letter-spacing:-0.015em; color: #222; padding-left: 5px; box-sizing:border-box; line-height:1.4em; opacity: 0.8;}
.inquiry .cont .input_box dl dd .chk input[id="chk"]:checked + label span::after{display:block; }
.inquiry .cont .btn{display:flex; justify-content:center; margin-top: 80px;}
.inquiry .cont .btn button{width: 235px; height: 70px; box-sizing:border-box; border:none; font-weight:500; font-size:16px; color: #fff; background: #3577ba; margin-right: 26px;}
.inquiry .cont .btn button:last-of-type{background: #565656; margin-right: 0;}
.inquiry .cont .btn button i{margin-left: 5px;}

/* 자료실 */
.reference{}
.reference .p_list{display:flex; flex-wrap:wrap;}
.reference .p_list .item{position:relative; width:calc((100% - 120px) / 4); margin-right: 40px; margin-bottom:40px;}
.reference .p_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.reference .p_list .item:nth-of-type(4n){margin-right: 0;}
.reference .p_list .item figure{position:relative; overflow:hidden; padding-bottom: 81%;}
.reference .p_list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; transition:0.3s;}
.reference .p_list .item .txt{margin-top: 20px;}
.reference .p_list .item .txt h2{font-weight:600; font-size:20px; letter-spacing:-0.025em; color: #222222; margin-bottom:10px; transition:0.3s;}
.reference .p_list .item .txt p{font-size:16px; letter-spacing:-0.025em; color: #888;}
.reference .p_list .item:hover .txt h2{color: #126eb8;}
.reference .p_list .item:hover figure img{transform: translate(-50%,-50%) scale(1.3);}

/* 공지사항 */
.notice{}
.notice .list{border-top: 1px solid #222; border-bottom: 1px solid #222; overflow: hidden;}
.notice .list .item{position:relative; display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box; padding: 40px 30px; cursor: pointer; border-bottom: 1px solid #f0f0f0;}
.notice .list .item:last-of-type{border-bottom: none;}
.notice .list .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.notice .list .item .img{width: 460px;}
.notice .list .item .img figure{position:relative; overflow: hidden; padding-bottom:47%; border:1px solid #f0f0f0}
.notice .list .item .img figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.notice .list .item .txt{width: calc(100% - 460px); box-sizing:border-box; padding-left: 60px;}
.notice .list .item .txt h2{font-weight:bold; font-size:25px; letter-spacing:-0.025em;color: #222;}
.notice .list .item .txt p:not(.date){font-weight:300; font-size:17px; color: #666; letter-spacing:-0.025em; margin: 16px 0 35px; line-height: 1.6; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.2em}
.notice .list .item .txt p.date{font-weight:500; font-size:16px; color: #888; letter-spacing:-0.025em;}

/* view */
.borad_ctn{}
.borad_ctn .cont{border-top: 1px solid #222;}
.borad_ctn .cont .tit{border-bottom: 1px solid #ccc; box-sizing:border-box; padding: 40px 30px;}
.borad_ctn .cont .tit h3{font-weight:600; font-size:30px; letter-spacing:-0.025em; color: #222;}
.borad_ctn .cont .tit ul{display:flex;margin-top: 18px;}
.borad_ctn .cont .tit ul li{font-weight:300; font-size:15px; color: #777; margin-right: 25px;}
.borad_ctn .cont .tit ul li:last-of-type{margin-right: 0;}
.borad_ctn .cont .info{border-bottom: 1px solid #222; padding: 40px 30px; box-sizing:border-box;}
.borad_ctn .cont .info .file{width: 100%; text-align: right; margin-bottom:20px;}
.borad_ctn .cont .btn{border-top: 1px solid #e5e5e5; margin-top: 120px;}
.borad_ctn .cont .btn dl{display:flex; border-bottom: 1px solid #e5e5e5;}
.borad_ctn .cont .btn dl dt{position:relative; width: 123px; box-sizing:border-box; padding-left: 20px; font-size:15px; color: #3577ba; line-height: 64px;}
.borad_ctn .cont .btn dl dt i{position:absolute; top: 50%; right: 0; transform:translateY(-50%); color: #cccccc;}
.borad_ctn .cont .btn dl dd{width: calc(100% - 123px); line-height: 64px; font-weight:300; font-size:15px; color: #888; box-sizing:border-box; padding-left: 40px;}
.borad_ctn .cont .btn dl dd a{display:inline-block; vertical-align: top; width: 100%; line-height: 64px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.borad_ctn .cont .back{margin-top: 60px; text-align: center;}
.borad_ctn .cont .back a{display:inline-block; vertical-align: middle; font-weight:600; font-size:16px; color: #222;}
.borad_ctn .cont .back a i{font-size:35px; color: #3577ba; vertical-align: middle; position: relative; top: -1px; margin-right: 5px;}

@media screen and (max-width: 1600px){
	.w1600{padding: 0 40px;}
	.greeting .cont .txt > p{margin-bottom:14px;}
	.greeting .cont .txt > p br{display:none; }
	.greeting .cont .txt .name{margin-top: 30px;}

	.pro_main .cont .tab_box{padding: 0 40px;}
	.pro_main .cont .slide_wrap{padding-left: 40px;}
}


@media screen and (max-width: 1400px){
	.greeting .cont{align-items:flex-start}
	.certification .cont .list .item{width: calc((100% - 80px) / 5); margin-right: 20px; margin-bottom:30px;}
	.certification .cont .list .item p{font-size:16px;}

	.history .cont .img_box{padding-right: 40px;}
	.history .cont > ul::before{top: 32px;}
	.history .cont > ul > li > span{padding-left: 40px; font-size:50px; width: 180px;}
	.history .cont > ul > li > span::before{top: 30px;}
	.history .cont > ul > li > span::after{top: 19px;}
	.history .cont > ul > li > ul{margin-top: 22px; width: calc(100% - 180px); padding-left: 55px;}
	.history .cont > ul > li > ul::before{left: 0;}
	.history .cont > ul > li > ul::after{left: 0;}

	.pro_main .cont .tab_box .tab{max-width: 800px;}

	.notice .list .item .img{width: 300px;}
	.notice .list .item .txt{width: calc(100% - 300px);}
}

@media screen and (max-width: 1200px){
	.w1600{padding: 0 16px;}
	.greeting .cont{flex-wrap:wrap;}
	.greeting .cont figure{width: 100%; margin-bottom:40px;}
	.greeting .cont .txt{width: 100%; padding-left: 0;}

	.certification .cont .list .item{width: calc((100% - 40px) / 3);}
	.certification .cont .list .item:nth-of-type(5n){margin-right: 20px;}
	.certification .cont .list .item:nth-of-type(3n){margin-right: 0;}
	
	.history .cont .img_box .bg{height: 340px;}
	.history .cont > ul > li{flex-wrap:wrap;}
	.history .cont > ul > li > span{width: 100%;}
	.history .cont > ul > li > ul::before,
	.history .cont > ul > li > ul::after{display:none; }
	.history .cont > ul > li > ul{width: 100%; padding-left: 40px;}
	
	.location .cont .map_box{height: 400px;}
	.location .cont .info .item{width: 50%; padding: 50px 20px; box-sizing:border-box; margin-bottom:20px;}
	.location .cont .info .item:nth-of-type(n + 3){margin-bottom:0;}
	.location .cont .info .item:nth-of-type(2n)::after{display:none; }
	
	.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn{width: 40%;}
	.pro_main .cont .slide_wrap .slide_ctn .item .txt{width: 60%;}
	
	.pro_main .cont .tab_box{padding:  0 16px;}
	.pro_main .cont .tab_box .tab{max-width: calc(100vw - 222px); margin: 0 30px;}
	.pro_main .cont .slide_wrap .slide_ctn .item .txt h3{font-size:30px;}
	.pro_main .cont .slide_wrap .slide_ctn .item .txt ul li{font-size:16px;}

	.reference .p_list .item,
	.performance .p_list .item{width:calc((100% - 60px) / 4); margin-right: 20px; margin-bottom:20px;}
}

@media screen and (max-width: 1000px){
	.pb{padding-bottom:90px;}
	.certification .tab{margin-bottom:20px;}

	.history .cont .img_box .bg{height: 220px;}

	.pro_main .cont .slide_wrap .slide_ctn .item{flex-wrap:wrap;}
	.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn{width: 65%;}
	.pro_main .cont .slide_wrap .slide_ctn .item .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	
	.reference .p_list .item,
	.performance .p_list .item{width:calc((100% - 40px) / 3);}
	.reference .p_list .item:nth-of-type(4n),
	.performance .p_list .item:nth-of-type(4n){margin-right: 20px;}
	.reference .p_list .item:nth-of-type(3n),
	.performance .p_list .item:nth-of-type(3n){margin-right: 0;}

	.inquiry .cont .input_box dl.w50{width: 100%; margin-right: 0;}
	.inquiry .cont .input_box dl dt,
	.inquiry .cont .input_box dl.w130 dt{width: 90px; }
	.inquiry .cont .input_box dl dt{font-size:17px; padding-right: 12px;}
	.inquiry .cont .input_box dl dd,
	.inquiry .cont .input_box dl.w130 dd{width: calc(100% - 90px);}

	.borad_ctn .cont .tit{padding: 20px 16px;}
	.borad_ctn .cont .tit h3{font-size:20px;}
	.borad_ctn .cont .tit ul{margin-top: 10px;}
	.borad_ctn .cont .info{padding: 20px 16px;}
	.borad_ctn .cont .btn{margin-top: 60px;}
	.borad_ctn .cont .back{margin-top: 30px;}
	
	.notice .list .item{flex-wrap:wrap; padding: 20px 16px;}
	.notice .list .item .img{width: 460px}
	.notice .list .item .txt{width: 100%; padding-left: 0; margin-top: 20px;}
}

@media screen and (max-width: 800px){
	.certification .tab li a{height: 50px; line-height: 48px;}
	.history .cont .img_box{display:none; }
	.history .cont > ul{width: 100%;}
	.history .cont > ul > li{padding-bottom:50px;}

	.location .cont .map_box{height: 320px;}
	.location .cont .info .item{padding: 40px 15px;}
	.location .cont .info .item h3{font-size:18px;}
	.location .cont .info .item p{font-size:15px;}
	

	.pro_main .cont .slide_wrap{padding:0 16px; margin-top: 50px;}
	.pro_main .cont .slide_wrap .slide_ctn .item .img_ctn{width: 100%;}
	.pro_main .cont .tab_box .tab li{line-height: 80px; font-size:16px;}
}

@media screen and (max-width: 640px){
	.certification .cont .list .item{width: calc((100% - 20px) / 2)}
	.certification .cont .list .item:nth-of-type(5n){margin-right: 20px;}
	.certification .cont .list .item:nth-of-type(3n){margin-right: 20px;}
	.certification .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.certification .cont .list .item p{margin-top: 10px;}
	
	.reference .p_list .item,
	.performance .p_list .item{width:calc((100% - 20px) / 2);}
	.reference .p_list .item:nth-of-type(3n),
	.reference .p_list .item:nth-of-type(4n),
	.performance .p_list .item:nth-of-type(3n),
	.performance .p_list .item:nth-of-type(4n){margin-right: 20px;}
	.reference .p_list .item:nth-of-type(2n),
	.performance .p_list .item:nth-of-type(2n){margin-right: 0;}

	.reference .p_list .item .txt{margin-top: 10px;}
	.reference .p_list .item .txt h2{font-size:18px; margin-bottom:7px;}
	
	.inquiry .cont .input_box dl{flex-wrap:wrap; margin-bottom:15px;}
	.inquiry .cont .input_box dl dt,
	.inquiry .cont .input_box dl.w130 dt{width: 100%; text-align: left;}
	.inquiry .cont .input_box dl dd,
	.inquiry .cont .input_box dl.w130 dd{width: 100%;}

}