@charset "utf-8";

.t_left{text-align: left;}
.c_bule{color: #115eae;}
.bg_bule_1{background: #f2f6f9 !important; }
.bg_bule_2{background: #f4fcfd !important; }
.bg_bule_3{background: #dff1fa !important; }
/*table*/
.sub-table-wr { width:100%; margin-bottom: 5vh; } 
.sub-table-wr table { width:100%; border-top: 2px solid #437fd6; text-align:center; border-collapse:collapse; } 
.sub-table-wr table tr { border-bottom:1px solid #ddd; } 
.sub-table-wr table th { background: #f5f9ff; color: #437fd6; font-size:17px; font-weight:700; padding: 15px 0; border-right:1px solid #ddd; } 
.sub-table-wr table th:last-child { border-right:0; } 
.sub-table-wr table td { border-right:1px solid #ddd; font-size: 16px; font-weight:500; padding: 15px 10px; color: #293b55; width: 10%; } 
.sub-table-wr table td:last-child { border-right:0; } 

@media screen and (max-width:650px) {
	.sub-table-wr { overflow-x: scroll; } 
 }

/* sub navigation */
#sub-navi {width: 100%; } 

#sub-navi .nav-top-wr {margin: 0 auto;background: #1c3149; } 

#sub-navi .nav-top-wr .home {display: block;width: 60px;height: 60px;border-left: 1px solid #60626a;border-right: 1px solid #60626a;font-size: 25px;line-height: 58px;text-align: center;color: #fff; } 

#sub-navi .nav-top-wr .nav_ul { } 

#sub-navi .nav-top-wr .nav_ul li {position: relative;float: left;min-width: 230px;padding: 0 25px;height: 60px;border-right: 1px solid #60626a;cursor: pointer; } 

#sub-navi .nav-top-wr .nav_ul li .nav_1a {display: block;font-size: 17px;color: #fff;height: 60px;line-height: 60px;font-weight: 400; } 

#sub-navi .nav-top-wr .nav_ul li .nav_1a::after {content: '';display: block;position: absolute;top: 27px;right: 15px;width: 12px;height: 12px;background: url('../img/sub/sub-arr-w.png')no-repeat; } 

#sub-navi .nav-top-wr .nav_ul li ul {position: relative;display: none;position: absolute;top: 60px;left: -1px;border-left: 1px solid #e3e3e3;z-index: 10; } 

#sub-navi .nav-top-wr .nav_ul li ul li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;/* line-height: 60px; */
height: 50px; } 

#sub-navi .nav-top-wr .nav_ul li ul li:hover {background: #f5f5f5}

#sub-navi .nav-top-wr .nav_ul li ul li a {display: block;height: 50px;line-height: 50px;color: #000; } 

#sub-navi .nav-list-wr {/* position: relative; */}

#sub-navi .nav-list-wr .page-ttl {text-align: center;font-size: 28px;font-weight: 800;padding: 50px 0 20px; } 

#sub-navi .nav-list-wr .menu {line-height: 70px;width: 100%;position: absolute;bottom: 0;left: 0; } 

#sub-navi .nav-list-wr .menu ul {text-align:center;background:#35a1da;display: flex;justify-content: center;flex-wrap: wrap;} 
#sub-navi .nav-list-wr .menu ul li {/* display:inline-block; */position:relative; transition:all 0.3s;} 
#sub-navi .nav-list-wr .menu ul li.active,#sub-navi .nav-list-wr .menu ul li:hover { background:#1a2e8625 } 

#sub-navi .nav-list-wr .menu ul li:first-child { border-left:1px solid rgba(255,255,255,0.2); } 
#sub-navi .nav-list-wr .menu ul li {border-right: 1px solid rgba(255,255,255,0.2);font-size: 16px;min-width: 180px;color: #fff;} 
#sub-navi .nav-list-wr .menu ul li a { color: #fff; display: block; transition:all 0.3s; } 
#sub-navi .nav-list-wr .menu ul li.active a,#sub-navi .nav-list-wr .menu ul li:hover a { border-bottom:2px solid #fff; display:block; margin:0 10px } 

#sub-navi .tab-list {position: relative;background: #fff; } 
#sub-navi .tab-list .page-ttl {text-align: center;font-size: 28px;font-weight: 800;padding: 50px 0 20px; } 
#sub-navi .tab-list .menu {/* max-width:1400px; */
/* margin:0 auto; */
overflow: hidden;line-height: 58px; } 
#sub-navi .tab-list .menu ul {text-align: center;padding: 25px 0;display: flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1400px;margin: 0 auto; } 
#sub-navi .tab-list .menu ul li {position: relative;display: table-cell;width: 15%; } 
#sub-navi .tab-list .menu ul li a {display: block;position: relative;border: 1px solid #2c95d2;color: #2c95d2; } 
#sub-navi .tab-list .menu ul li.active a {background: #2c95d2;color: #fff; } 
#sub-navi .tab-sub-visual {width: 100%;height: 219px;background-position: center;background-repeat: no-repeat;background-size: cover;display: table; } 
#sub-navi .tab-sub-visual.visual01 {background-image: url('../img/sub/tab-sub-visual01.jpg')}
#sub-navi .tab-sub-visual.visual02 {background-image: url('../img/sub/tab-sub-visual02.jpg')}
#sub-navi .tab-sub-visual.visual03 {background-image: url('../img/sub/tab-sub-visual03.jpg')}
#sub-navi .tab-sub-visual.visual04 {background-image: url('../img/sub/tab-sub-visual04.jpg')}
#sub-navi .tab-sub-visual.visual05 {background-image: url('../img/sub/tab-sub-visual05.jpg')}
#sub-navi .tab-sub-visual .tab-sub-txt {color: #fff;text-align: center; } 
#sub-navi .tab-sub-visual .tab-sub-txt .t01 {font-size: 15px;color: rgba(255, 255, 255, 0.7); } 
#sub-navi .tab-sub-visual .tab-sub-txt .ttl {font-size: 25px; } 
#sub-navi .tab-sub {background: #f5f5f5}
#sub-navi .tab-sub ul {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1400px;margin: 0 auto;text-align: center;padding: 5px 0 25px; } 
#sub-navi .tab-sub ul li {font-size: 18px;padding: 0 10px; } 
#sub-navi .tab-sub.sub01 ul li {width: calc(100%/6); } 
#sub-navi .tab-sub.sub02 ul li {width: calc(100%/5); } 
#sub-navi .tab-sub.sub03 ul li {width: calc(100%/5); } 
#sub-navi .tab-sub.sub04 ul li {width: calc(100%/3); } 
#sub-navi .tab-sub.sub05 ul li {width: calc(100%/4); } 
#sub-navi .tab-sub ul li a {display: block;position: relative;color: #838383;padding: 20px 0; } 
#sub-navi .tab-sub ul li a:before {display: none;content: '';position: absolute;left: 50%;bottom: -5px;width: 0px;height: 0px;border-top: 5px solid #2c95d2;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: translateX(-50%); } 
#sub-navi .tab-sub ul li a:after {display: block;content: '';position: absolute;width: 100%;height: 5px;background: #aeaeae;left: 0;bottom: 0; } 
#sub-navi .tab-sub ul li.active a {color: #2c95d2}
#sub-navi .tab-sub ul li.active a:before {display: block}
#sub-navi .tab-sub ul li.active a:after {background: #2c95d2}

.nav-prod {width: 100%;padding: 0 clamp(20px, 8vw, 160px);}
.nav-prod .nav-prod-ul {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 10px;
}

.nav-prod .nav-prod-ul li a {
    display: block;
    margin: 4px 0;
    padding: 0 15px;
    font-size: clamp(1.125rem, 4vw, 1.5rem);
    font-family: 'Paperlogy';
    color: #4c4c4c;
    border-left:2px solid #555;
}

.nav-prod .nav-prod-ul li a i {
    margin-right: 10px;
}

.nav-prod .nav-prod-ul li:nth-child(1) a {border-left:0;}
.nav-prod .nav-prod-ul .on a {color: #1b858c;}

@media screen and (max-width:1600px) {
	#sub-navi .nav-list-wr .navi_bg {width: 100%} 
 }

@media screen and (max-width:1400px) {
	#sub-navi { } 

	#sub-navi .nav-top-wr {padding: 0 20px; } 

	#sub-navi .nav-list-wr .menu ul li a {/* padding: 0 30px; */} 
 }

@media screen and (max-width: 1300px) {
	#sub-navi {background-position: center -50px; } 

	#sub-navi .nav-top-wr .home {width: 50px;height: 50px;line-height: 48px; } 

	#sub-navi .nav-top-wr .nav_ul li {height: 50px; } 

	#sub-navi .nav-top-wr .nav_ul li .nav_1a {height: 50px;line-height: 50px;font-size: 16px; } 

	#sub-navi .nav-list-wr .menu {line-height: 65px; } 

	#sub-navi .nav-list-wr .menu ul li {padding: 0 10px; } 

	#sub-navi .nav-list-wr .menu ul li a {padding: 0 25px;font-size: 16px;font-weight: 400; } 

	#sub-navi .tab-list .menu {line-height: 48px; } 

	#sub-navi .tab-list .menu ul li a {font-size: 16px}

	#sub-navi .tab-sub-visual {height: 160px}

	#sub-navi .tab-sub-visual .tab-sub-txt .t01 {font-size: 14px; } 

	#sub-navi .tab-sub-visual .tab-sub-txt .ttl {font-size: 22px; } 

	#sub-navi .tab-sub ul {padding: 0px 20px 20px; } 

	#sub-navi .tab-sub ul li {font-size: 16px; } 

	#sub-navi .tab-sub ul li a {padding: 15px 0; } 
 }

@media screen and (max-width:1024px) {
	#sub-navi .nav-list-wr .page-ttl {padding: 40px 0 15px;font-size: 26px; } 

	#sub-navi .nav-list-wr .menu ul li a {font-size: 14px;padding: 0 15px; } 

	#sub-navi .tab-list .menu ul li.long {width: auto}

	#sub-navi .tab-list .menu ul li a {font-size: 14px}

	#sub-navi .tab-list .menu ul li a.long {font-size: 13px;padding: 0 3px; } 

	#sub-navi .tab-sub ul {width: 600px; } 

	#sub-navi .tab-sub ul li {font-size: 15px; } 

	#sub-navi .tab-sub ul li a {padding: 10px 0 8px; } 

	#sub-navi .tab-sub ul li a:after {height: 3px; } 

	#sub-navi .tab-sub.sub01 ul li {width: calc(100%/3);padding: 0 15px; } 
 }
@media screen and (max-width:900px) {
 #sub-navi .nav-list-wr .menu ul li {min-width: 150px;} 
}
@media screen and (max-width:768px) {
	#sub-navi {padding: 50px 0 0;height: auto;padding: 0; } 

	#sub-navi .nav-list-wr .menu {float: none;text-align: center}

	#sub-navi .tab-sub-visual {height: 120px}

	#sub-navi .tab-sub-visual .tab-sub-txt .t01 {font-size: 13px; } 

	#sub-navi .tab-sub-visual .tab-sub-txt .ttl {font-size: 18px; } 

	#sub-navi .tab-sub ul {width: 500px; } 

	#sub-navi .tab-sub ul li {font-size: 14px; } 
	#sub-navi .nav-list-wr .menu ul li a::after {display: none; } 

	.nav-prod {padding: 0 clamp(40px, 8vw, 40px);}
 }

@media screen and (max-width:500px) {
	#sub-navi {/* padding:30px 0 0 */}

	#sub-navi .nav-list-wr .menu ul li {display: none}

	#sub-navi .nav-list-wr .menu ul li.active {display: block}

	#sub-navi .nav-list-wr .menu ul li.active::after {display: none}

	#sub-navi .tab-list .menu {line-height: 33px; } 

	#sub-navi .tab-list .menu ul {width: 150px;padding: 20px 0; } 

	#sub-navi .tab-list .menu ul li {width: 100%}

	#sub-navi .tab-sub ul {width: 230px;padding: 10px 0; } 

	#sub-navi .tab-sub ul li {width: 100% !important; } 

	#sub-navi .tab-sub ul li a {display: inline-block;padding: 5px 0 3px; } 

	#sub-navi .tab-sub ul li a:before {left: auto;right: -20px;transform: translate(0, -50%);bottom: auto;top: 50%;border-right: 0;border-left: 8px solid #2c95d2;border-top: 4px solid transparent;border-bottom: 4px solid transparent; } 

	#sub-navi .tab-sub ul li a:after {display: none; } 

	.nav-prod .nav-prod-ul {text-align:left; gap: 0;} 

	.nav-prod {padding: 0 clamp(20px, 8vw, 20px);}
 }


/* mobile sub */
.m-menu {display: none;/* padding-top: 10px; */}

.m-menu .mnav-ul { } 

.m-menu .mnav-ul li .mnav-1a {display: block;background: #2e5f87;font-size: 15px;color: #fff;height: 50px;line-height: 48px;font-weight: 400;cursor: pointer;padding: 0 25px;letter-spacing: -2px;position: relative; } 

.m-menu .mnav-ul li .mnav-1a>span {display: block;content: '';position: absolute;background: url('../img/sub/nav_con.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s; } 

.m-menu .mnav-ul li .mnav-1a .on {transform: rotate(180deg); } 

.m-menu .mnav-ul li ul {position: relative;display: none;position: absolute;top: 51px;left: -1px;z-index: 10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff; } 

.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition: 0.3s;background: #fff;padding: 3px 0; } 

.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */
color: #6c6c6c;letter-spacing: -1px;font-size: 14px;word-break: keep-all;line-height: 25px; } 

.m-menu .mnav-ul li ul li a:hover {color: #165e8b;font-weight: bold;text-decoration: underline; } 


@media screen and (max-width:768px) {
	.pc-menu {display: none}

	.m-menu {display: block;top: 150px;z-index: 100;position: relative; } 
 }

@media screen and (max-width: 480px) {
	.m-menu {top: 149px; } 
 }


/* sub page */
.sub-page {border-bottom: 1px solid #ddd;} 

.mo-only {display: none; } 

.pc-only {display: block; } 

@media (max-width:1024px) {
	.sub-page {padding: 25px 0; } 
 }

@media (max-width:768px) {
	.sub-page {padding: 20px 0; } 
 }

/* 준비중 */
.sub-page.pre {width: 100%;text-align: center; } 

.sub-page.pre img {width: 100%;max-width: 1000px; } 



/********************** sub1 회사소개 **********************/

/* 인사말 */
.intro .con-top {background: url('../img/sub/intro-bg.png')no-repeat center;text-align: center; } 

.intro .con-wr { } 

.intro .con-wr .content-ln {padding: 30px 0}

.intro .con-wr .content-ln .img-wr {width: 40%; } 

.intro .con-wr .content-ln .txt-wr {display: table;width: 60%; } 

.intro .con-wr .content-ln .txt-wr .t-cell { } 

.intro .con-wr .content-ln .txt-wr .ttl {color: #0e203a;font-size: 24px;padding-bottom: 35px; } 
.intro .info-wr .ttl-wr:before { display:block; content:''; position:absolute; width: 10px; height: 10px; background: #02affe; left: -9px; top: 7px; border-radius: 100%; } 

.intro .con-wr .content-ln .txt-wr .txt {line-height: 33px;font-size: 15px; } 


.intro .con-wr {overflow: hidden;padding: 100px 0;text-align: left; } 

.intro .img-wr {text-align: right; } 

.intro .img-wr .img-bx {width: 100%;height: 100%; } 

.intro .img-wr .img-bx img {object-fit: cover;width: 100%; } 

.intro .info-wr {display: table;width: 50%;padding-left: 100px;position: relative;max-width: 960px; } 

.intro .info-wr .ttl-wr {padding: 15px 0;position: relative;font-size: 22px;font-weight: 800;font-family: Montserrat; } 

.intro .info-wr .ttl-wr:after {/* display: block; */
/* content: ''; */
position: absolute;width: 500px;height: 1px;background: #aecdd7;left: 0;bottom: 0; } 

.intro .info-wr .txt-wr {padding: 15px 0px;position: relative; } 

.intro .info-wr .txt-wr .txt { padding-bottom: 35px; font-weight: 500; font-size: 21px; line-height: 35px; } 

.intro .info-wr .txt-wr .txt.cl-ch {color: #4271b7;font-size: 30px;line-height: 45px;font-weight: 700; } 

.intro .info-wr .txt-wr .txt.cl-ch span { color: #134186; display: block; };

.intro .info-wr .sign-wr {padding-top: 10px}

.intro .info-wr .sign-wr .txt {display: inline-block;font-size: 21px;font-weight: 700;vertical-align: middle; } 

.intro .info-wr .sign-wr .txt .bd5 {padding-left: 3px}

/* .intro .info-wr .sign-wr { text-align: right; }  */

.intro .info-wr .sign-wr .sign {display: inline-block;vertical-align: middle;padding-left: 15px; } 

.intro .con-wr.con01 .img-wr {width: 100%;background: url('../img/sub/intro-con01-banner.jpg')no-repeat center;height: 581px;background-size: cover; } 

.intro .con-wr.con01 .txt-wr {text-align: center;padding: 80px 0 0; } 

.intro .con-wr.con01 .txt-wr .ttl {font-size: 43px;color: #1a2c45;font-weight: 300; } 

.intro .con-wr.con01 .txt-wr .ttl-bold {font-weight: 800; } 

.intro .con-wr.con01 .txt-wr .txt {font-size: 18px;font-weight: 300;line-height: 30px;padding: 30px 0 0; } 

.intro .con-wr.con01 .txt-wr .sign-bx {padding-top: 50px}

.intro .con-wr.con02 {padding: 0 0 30px; } 

.intro .con-wr.con02 .content-ln.ln01 .txt-wr {padding-left: 50px}

.intro .con-wr.con03 {text-align: center;display: table;width: 100%;height: 285px;background: url('../img/sub/intro-con03-banner.jpg');background-size: cover;color: #fff; } 

.intro .con-wr.con03 .t-cell { } 

.intro .con-wr.con03 .ttl {font-size: 23px;padding-bottom: 30px; } 

.intro .con-wr.con03 .txt {line-height: 35px;font-size: 15px;color: #cacaca; } 

.intro .con-wr.con04 {text-align: center;padding: 80px 0; } 

.intro .con-wr.con04 .ttl {font-size: 25px;padding-bottom: 50px;color: #000; }
.intro .con-wr.con05 {padding: 30px 0; } 

.intro .sub_full { background:url("../img/sub/intro-img01_bg.jpg")no-repeat center; background-size:cover; text-align: center; padding: 210px 0; } 
.intro .sub_full img { width: auto; max-width: 100%; margin:0 auto; } 

.intro .sub_full .text { font-size: 28px; color: #fff; font-weight: 800; font-family: 'Montserrat'; padding-top: 30px; } 
.intro .sub_full .text p { font-size:22px; font-family:'Pretendard'; font-weight:700; padding-top:15px } 
.intro .sub_full .text span { font-weight:100 } 

@media screen and (max-width:768px){
 	.intro .sub_full img { } 
 }
@media (max-width:1440px) {
	.intro .txt-wr .txt .pc-only {display: none; } 

	.intro .txt-wr {padding: 110px 30px 80px; } 

	.intro .txt-wr .txt {font-size: 16px;line-height: 28px;padding: 30px 0 20px; } 

	.intro .con-wr .content-ln {padding: 20px; } 

	.intro .con-wr .content-ln .img-wr {width: 360px; } 

	.intro .con-wr .content-ln .txt-wr {width: calc(100% - 360px); } 

	.intro .con-wr .content-ln .txt-wr .ttl {padding-bottom: 15px;font-size: 22px; } 

	.intro .con-wr .content-ln .txt-wr .txt {line-height: 28px; } 

	.intro .con-wr .content-ln .txt-wr .txt .pc-only {display: none; } 

	.intro .con-wr.con01 .txt-wr {padding: 60px 20px 30px; } 

	.intro .con-wr.con01 .txt-wr .ttl {font-size: 22px; } 

	.intro .con-wr.con01 .txt-wr .txt {line-height: 26px;font-size: 16px;max-width: 800px;margin: 0 auto; } 

	.intro .con-wr.con02 .content-ln.ln01 .txt-wr {padding-left: 35px; } 

	.intro .con-wr.con03 {padding: 0 20px}

	.intro .con-wr.con03 .txt {max-width: 800px;margin: 0 auto;line-height: 28px; } 

	.intro .con-wr.con04 {padding: 60px 20px; } 

	.intro .con-wr.con04 .ttl {padding-bottom: 30px; } 

	.intro .con-wr.con05 .content-ln .txt-wr {padding-left: 20px}

	.intro .info-wr {width: 60%;padding-left: 50px; } 
	.intro .img-wr {width: 40%; } 
}


@media (max-width:1300px) {
	.intro .txt-wr {max-width: unset;padding: 80px 30px 60px; } 

	.intro .txt-wr .top {font-size: 18px; } 

	.intro .txt-wr .txt {font-size: 15px;line-height: 23px;padding: 15px 0 15px; } 

	.intro .txt-wr .sign {font-size: 16px; } 

	.intro .txt-wr .sign .ln .name {font-size: 18px; } 

	.intro .info-wr {padding-right: 20px; } 
 }


@media (max-width:1024px) {
	.intro {display: block; } 

	.intro .con-wr {/* padding: 20px 0 30px; */}

	.intro .txt-wr {width: 100%;max-width: 800px;margin: 0 auto;padding: 50px 20px; } 

	.intro .txt-wr .sign {text-align: right; } 

	.intro .con-wr .content-ln {padding: 0 20px}

	.intro .con-wr .content-ln .img-wr {width: 100%;text-align: center; } 

	.intro .con-wr .content-ln .txt-wr {width: 100%;padding: 25px 0 0 !important; } 

	.intro .con-wr .content-ln .txt-wr .ttl {padding-bottom: 10px;font-size: 20px; } 

	.intro .con-wr .content-ln .txt-wr .txt {font-size: 14px;line-height: 23px; } 

	.intro .con-wr.con01 .img-wr {height: 200px; } 

	.intro .con-wr.con01 .txt-wr {padding: 40px 20px 30px; } 

	.intro .con-wr.con01 .txt-wr .ttl {font-size: 18px; } 

	.intro .con-wr.con01 .txt-wr .txt {padding: 20px 0 0;font-size: 15px;line-height: 24px;max-width: 600px; } 

	.intro .con-wr.con01 .txt-wr .sign-bx {padding-top: 25px; } 

	.intro .con-wr.con02 {padding: 30px 0 50px; } 

	.intro .con-wr.con02 .content-ln.ln02 .img-wr {display: none; } 

	.intro .con-wr.con03 {height: 250px; } 

	.intro .con-wr.con03 .ttl {font-size: 20px;padding-bottom: 20px; } 

	.intro .con-wr.con03 .txt {font-size: 14px;line-height: 23px;max-width: 650px; } 

	.intro .con-wr.con04 {padding: 40px 20px 30px; } 

	.intro .con-wr.con04 .ttl {padding-bottom: 20px; } 

	.intro .con-wr.con05 {padding: 20px 0; } 

	.intro .info-wr {padding-left: 30px; } 
 }

@media (max-width:768px) {
	.intro .con-wr {display: block;padding: 30px 0; } 

	.intro .info-wr {width: 100%;padding: 30px 30px 0; } 

	.intro .con-wr .content-ln .txt-wr .ttl {font-size: 17px;padding-bottom: 5px; } 

	.intro .con-wr.con01 .img-wr {height: 150px; } 

	.intro .con-wr.con01 .txt-wr {padding: 20px 20px 20px; } 

	.intro .con-wr.con01 .txt-wr .ttl {font-size: 20px; } 

	.intro .con-wr.con01 .txt-wr .txt {font-size: 16px;padding: 10px 0 0;line-height: 25px;max-width: 550px; } 

	.intro .con-wr.con01 .txt-wr .sign-bx {padding-top: 20px; } 

	.intro .con-wr.con01 .txt-wr .sign-bx img {width: 180px; } 

	.intro .con-wr.con03 {min-height: 250px;height: auto;padding: 20px; } 

	.intro .con-wr.con03 .ttl {font-size: 18px;padding-bottom: 15px; } 

	.intro .con-wr.con04 .ttl {font-size: 23px; } 

	.intro .img-wr .img-bx {height: auto; } 

	.intro .img-wr .img-bx img {object-fit: unset;height: auto; } 

	.intro .img-wr {width: 100%;text-align: center; } 
 }

@media (max-width:500px) {
	.intro .info-wr {padding: 0px 25px 0; } 
	.intro .info-wr .txt-wr .txt.cl-ch { font-size: 27px; } 
}


/* 연혁 */
.history { text-align: center; } 
.history .his-sec{padding:30px 0}
/* .history .his-sec:nth-child(2n-1){background:#eee} */
.history .content ul { position:relative; padding-left: 40px; /* padding-top: -52px; */ } 
/* .history .content ul::before { display:block; position:absolute; content:''; background: #d8d8d8; width:1px; height: 100%; left: 17px; top: -25px; }  */
/* .history .content ul::after { background: #02affe; border: 5px solid #9ADFFB; padding: 4px; content: ''; position: absolute; width: 9px; height: 9px; border-radius: 100%; z-index: 1; top: -42px; left: 9px; }  */

.history .content ul li {display: inline-flex;width:100%;padding: 10px 0px 30px 20px;position: relative;border-bottom: solid 1px #a6a6a6;} 
.history .content ul li:last-child{border: none;}
.history .content ul li .th::after {display:block;position:absolute;content:'';width: 9px;height: 9px;left: -18px;top: 6px;margin-top: -5px;border-radius: 100%;} 

.history .content ul li .th::after { background: #02affe; } 
.history .content ul li .th { display:table-cell; font-weight: 700; font-size: 28px; color: #263f5e; width: 70px; } 
.history .content ul li .td { display:table-cell; font-size: 20px; font-weight: 500; } 
.history .content ul li .month { font-size:20px; font-weight:700; padding:0 15px } 

.sub-title { display:inline-block; position:relative; font-size:22px; font-weight:800; font-family:Montserrat; margin:100px 0 60px; } 
.sub-title:before { /* display:block; */content:''; position:absolute; width: 10px; height: 10px; background: #02affe; left: -9px; top: 0; border-radius: 100%; } 

.history .history-con .content img { float:right } 
.history .history-con .top:not(:first-child){padding-top: 50px; }

.history .history-con {display:flex;align-items: flex-start;padding-bottom: 5rem; padding-top: 3rem; border-top: solid 2px #000;} 
.history .history-con.top { background: url('../img/sub/sub-logo.png')no-repeat right bottom; } 
.history .history-con.top .year {flex: 0 1 26%;/* margin-left: 10px; */}
.history .history-con.top .year .th{font-size: 50px;font-family: 'Montserrat';font-weight: 800;position: relative;}
.history .history-con.top .text_con { }
.history .history-con.top .text {display: flex; line-height: 50px;}
.history .image { margin-right: 5rem; width: 50%; }

.history .years-txt { font-size: 28px; font-weight: 700; color: #263f5e; text-align: left; margin: 30px auto; position: relative; } 

.history .years-txt::after { content: ''; display: block; position: absolute; /* max-width: 1400px; */width: calc(100% - 180px); height: 2px; background-color: #7f7f7f; top: 48%; right: 0; } 
.history .history-years { display:flex; align-items:center } 

.history .history-sec { width:50%; padding: 40px; } 
.history .history-sec .year > li { margin-bottom: 30px; overflow:hidden; display:table; width:100%; } 
.history .history-sec .year > li:last-child { margin:0; } 
.history .history-sec .year li .ggg { font-size: 20px; display:table-cell; /* padding-left: 20px; */width: 80px; color: #143457; } 
.history .history-sec .year li .info { display:table-cell; } 
.history .history-sec .year li .info > li { margin-bottom: 10px; font-size: 20px; color: #333; word-break: keep-all; } 
.history .history-sec .year li .info > li:last-child { margin:0; } 
.history .line { border-bottom:1px solid #ccc; width:1400px; margin:0 auto } 

@media screen and (max-width:1600px) {
  .history .image {width: 60%; margin-right: 0rem;}  
  .history .image img{width:100%;}
 }


@media screen and (max-width:1400px) {
	.history .line { width:100% } 
 }

@media screen and (max-width: 1024px) {
	.sub-page.history .history-tit { font-size:28px } 
	.history .years-txt { text-align: left; padding: 20px 0 0 30px; font-size: 50px; } 
	.history .history-con { display:block; padding-bottom: 1rem; } 
	.history .history-sec { width:100%; padding: 30px; } 
	.history .image { display:none } 
    .history .years-txt::after{width: calc(100% - 375px);top: 59%;right: 20px;}
 }

@media screen and (max-width: 600px) {
    .history .history-con.top .text {line-height: 2rem; }
	.history .content ul li .td{text-align: start;}
}

@media screen and (max-width: 500px) {
    .history .years-txt::after{display:none;}
}

@media screen and (max-width: 440px) {
	.history .years-txt {text-align: left;padding: 0 0 5px 40px;font-size: 38px;} 
 .history .content ul li{flex-wrap:wrap;}
    .history .content ul li .th {font-size: 25px;} 
    .history .content ul li .td {font-size: 20px;display: block;width: 100%;text-align: left;padding: 10px 0 0 20px;} 
    .history .content ul li .month {font-size: 18px;padding: 0 10px;} 
}

/* 네트워크 */
.network {
    margin-bottom: 50px;
    border-bottom: none;
}
.network {width:100%;position:relative;text-align:center;} 
.network .sub-title{font-size: 40px;}
.network .top_con{background: #ebf0f5; width: 100%; position: relative;}
.network .top_con>div{max-width: 1400px;margin: 120px auto 0;display: flex;flex-direction: column;align-items: center;padding: 0 0 74px 0;}
.network .top_con .main_logo {position: absolute;transform: translate(0, -50%);}
.network .top_con .main_logo{background: linear-gradient(#1375aa,#13599b);border-radius: 50%; max-width: 264px; max-height: 264px;}
.network .top_con .main_logo img{padding: 35px;}
.network .top_con .con_boxs{}
.network .top_con .con_boxs{max-width: 1400px;display: flex;width: 100%;padding: 170px 112px 0;justify-content: center;}
.network .top_con .con_boxs .con_box{display: flex;flex-direction: column;align-items: center;gap: 28px;width: calc(100% / 5);}
.network .top_con .con_boxs .circle_box{background: #fff;border-radius: 50%;max-width: 130px;max-height: 130px;width: 100%;display: flex;justify-content: center;align-items: center;}
.network .top_con .con_boxs .circle_box::before{content:"";display:block;padding-top:100%;}
/* .network .top_con .con_boxs .circle_box img {padding: 32px;} */
.network .top_con .con_boxs .text_box{font-size: 28px;font-family: "GmarketSansTTF"; font-weight: 700;}
.network .top_con .con_boxs .text_box p{line-height: 1em;}

.network .mid_con{max-width: 1400px;margin: 0 auto;padding: 15px;}

.network .mid_con .con_box{border: solid 5px #ebf0f5;border-radius: 40px; position: relative; }
.network .mid_con .con_box .circle_box{border-radius: 50%;font-size: 26px;color: #fff;font-weight: 700;max-width: 170px;width: 100%;}
.network .mid_con .con_box .circle_box{display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;transform: translate(-50%, -50%);}
.network .mid_con .con_box .circle_box::before{content:"";display:block;padding-top:100%;}
/* .network .mid_con .con_box .circle_box.circle_1{background: url(../img/sub/sub1_3_bg_2.png) no-repeat top center;} */
.network .mid_con .con_box .circle_box.circle_1{background: #1375aa;}
.network .mid_con .con_box .circle_box.circle_2{background: #1375aa;}
.network .mid_con .con_box .circle_box.circle_3{background: #139273;}
.network .mid_con .con_box .list{padding: 100px  30px 10px;}
.network .mid_con .con_box .list img{}

.network .mid_con .two_con{display: flex;gap: 40px;}
.network .mid_con .two_con .con_box{flex: 0 1 50%;margin-top: 106px;}
.network .mid_con .two_con .list{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px 38px;}
.network .mid_con .two_con .list span{font-size: 20px; color: #9fa7ac; font-weight: 700;}

.network .mid_con .one_con .con_box{flex: 0 1 100%;margin-top: 100px;}
.network .mid_con .one_con .mou{display: flex;justify-content: center;gap: 66px;padding: 34px 100px;}
.network .mid_con .one_con .mou .mou_box{display: flex;justify-content: center;gap: 66px;}
.network .mid_con .one_con .mou .mou_con{flex: 0 1 50%;}
.network .mid_con .one_con .mou .mou_con .two_img{display: flex;justify-content: center;gap: 20px;}
.network .mid_con .one_con .mou .mou_con>div{padding: 20px 0;}
.network .mid_con .one_con .mou .mou_con>p{border-bottom: solid 5px #ebf0f5;font-size: 28px;font-weight: 700;padding: 24px;}
.network .mid_con .one_con .mou .half{flex: 0 1 calc(50% - 33px);}
@media screen and (max-width:1300px) {
	.network .mid_con .one_con .mou .half{flex: 0 1 calc(100% - 33px);}
	.network .mid_con .one_con .mou{flex-wrap: wrap;}
}

@media screen and (max-width:1024px) {
	.network .top_con .con_boxs{flex-wrap: wrap;gap: 20px 0px;padding: 170px clamp(70px,8vw,112px) 0;}
	.network .top_con .con_boxs .con_box{width: calc(100% / 3);}
	
}
@media screen and (max-width:768px) {
	.network .mid_con .two_con {flex-wrap: wrap;justify-content: center;}
	.network .mid_con .two_con .con_box{flex: 0 1 calc(100% - 33px);}
	.network .mid_con .one_con .mou .mou_box{flex-wrap: wrap;}
	.network .mid_con .one_con .mou .mou_con{flex: 0 1 calc(100% - 33px);}
	.network .mid_con .one_con .mou .mou_box {gap: 20px 0px;}
	.network .mid_con .one_con .mou{padding:0;gap: 20px;}
}
@media screen and (max-width:600px) {
	.network .top_con .con_boxs .con_box{width: calc(100% / 2);}
}
@media screen and (max-width:500px) {
	.network .top_con .con_boxs .con_box{width: calc(100% / 1);}
	.network .mid_con .one_con .mou .mou_con .two_img{flex-wrap: wrap;}
}
/*비전*/

.vision {width:100%; position:relative; text-align:center;} 
.vision .con-top .con-wr{width:100%;padding:20px 0 50px;align-items: center;}
.vision .con-top .img-wr{width: 50%;}
.vision .con-top .img-wr img{width:100%}
.vision .con-top .info-wr{width: 50%;padding-left: 30px;text-align:left;}
.vision .con-top .info-wr .cl-ch{font-size:25px;font-family: Montserrat;font-weight:800;padding: 0 28px 30px;color:#4271b7;display: inline-block;position:relative;}
.vision .con-top .info-wr .cl-ch:before{content:'';display:block;position:absolute;width: 20px;height:20px;top:0;left:0;background: url('../img/sub/dd-first.png')no-repeat;}
.vision .con-top .info-wr .cl-ch:after{content:''; display:block; position:absolute;width:20px; height:20px;top:0;right:0;background: url('../img/sub/dd-last.png')no-repeat;}
.vision .con-top .info-wr .txt{font-size:18px;line-height: 30px;}

.vision .sub_full_img {background:url("../img/sub/vision-img01_bg.png")no-repeat center;background-size:cover;text-align: center;padding: 140px 0;} 
.vision .sub_full_img img { width: auto; max-width: 100%; margin:0 auto; } 
.vision .sub_full_img .con_box{width:100%;max-width:1300px;margin:0 auto;background:#00000050;padding: 70px 50px;}
.vision .sub_full_img .con_box .text{padding:30px 0 0;color:#fff;line-height:25px;font-size: 18px;}

@media screen and (max-width:920px) {
 .vision .con-top .img-wr{width: 100%;}
.vision .con-top .img-wr img{width:80%}
 .vision .con-top .info-wr{width: 100%;padding: 40px 20px 10px;text-align:center;}
}
@media screen and (max-width:460px) {
 .vision .con-top .info-wr .cl-ch{font-size:20px;}
 .vision .con-top .info-wr .txt{font-size:15px;line-height: 20px;}
 .vision .sub_full_img {padding: 80px 0;} 
}

/*주요설비*/
.x-scr{overflow-x:scroll;width: 100%;}
.facility {width:100%;position:relative;text-align:center;}
.facility .sub-title{font-size: 40px;}
.facility .main_table{padding-bottom:30px;}
.facility .main_table>table{width: 100%;border-collapse: collapse;min-width: 1400px;}
.facility .main_table>table tr{line-height: 72px;font-weight: 300;}

.facility .main_table>table thead tr{ border-top: 2px solid #000;border-bottom: 2px solid #000;font-size: clamp(20px, 2vw, 24px);}
.facility .main_table>table tbody tr{border-bottom: 1px solid #000;font-size: clamp(16px, 2vw, 18px);}
.facility .main_table>table tbody tr:last-child{border-bottom: 2px solid #000;}

.facility .main_table tbody tr> .cfe > a{width: 100%;background: #162b51;padding: clamp(4px,1vw,15px) clamp(4px,1vw,8px);border-radius: 5px;color: #fff;font-weight: 100;font-size: clamp(14px,2vw,18px);}

.facility #modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
.facility #modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px 60px 20px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.facility .modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.facility .modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.facility .modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.facility .modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.facility .modal__img {flex: 0 1 100%;text-align: center;}
.facility .modal__img img {width:100%;max-width: 400px;}
.facility .modal__ttl {flex: 0 1 100%;text-align: center;font-size: 16px;font-weight: 600;padding: 10px;}


/* 관리지침 */
.guideline{text-align: center;}
.guideline .sub-title{font-size: 40px;}
.guideline .main_table{padding-bottom:30px;letter-spacing: 0px;}
.guideline .main_table{}
.guideline .main_table .sub_2_title{text-align: center;background: #e5e5e5;margin: 50px 0;}
.guideline .main_table .sub_2_title p{font-size: 30px; font-weight: 700; padding: 26px 0;}
.guideline .main_table table{width: 100%;border-collapse: collapse;min-width: 1024px;text-align: center;}
.guideline .main_table table tr{line-height: 1.8em;font-weight: 300;height: 64px;}

.guideline .main_table table thead tr{font-size: clamp(18px, 2vw, 22px);background: #d9e3ed;}
.guideline .main_table table thead tr th {border: 2px solid #c9caca;}
.guideline .main_table table thead tr th:first-child,
.guideline .main_table table tbody tr td:first-child {border-left: none;}
.guideline .main_table table thead tr th:last-child,
.guideline .main_table table tbody tr td:last-child {border-right: none;}
.guideline .main_table table tbody tr{font-size: clamp(16px, 2vw, 18px);}
.guideline .main_table table tbody tr td {border: 2px solid #c9caca;font-weight: 400;}
.guideline .main_table table tbody tr:last-child{border-bottom: 2px solid #000;}

.guideline .main_table table tbody .t_left{text-align: left; padding-left: 40px;}
.guideline .main_table table tbody .bg_1{background: #f2f6f9;}
.guideline .main_table table tbody .bg_1 span {font-weight: 700;}
.guideline .main_table .bot_text{font-size: 18px; line-height: 1.5em; padding-top: 10px;}

.guideline .main_table .table_num_1{}
.guideline .main_table .table_num_2 tbody tr{font-size: 22px;}
.guideline .main_table .table_num_2 thead tr th{font-weight: 500;}
.guideline .main_table .table_num_3 {}
@media (max-width:1024px) {
	.x-scr{position:relative}
  	.x-scr-view {display: block;padding-top: 30px;background: url(../img/sub/swipe.png) no-repeat center top 30% rgb(255 255 255 / 60%);background-size: 120px;width: 100%;height: 100%;position:absolute;top: 0px;left: 0;z-index: 999;}
}
/* 찾아오시는 길 */
.location {padding-bottom: 100px;text-align: center;} 
.location .map-wr {width:100%;padding: 0 10px;}
.location .map-wr .root_daum_roughmap{width:100%;}
.location .map-wr .hide {display: none; } 
.location .info-wr {position: relative;margin: 30px 0 0;padding: 25px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;align-items: center;justify-content: center;}
.location .info-wr:before{content:'';display:block;position:absolute;width: 25%;height:3px;top:0;left:0;background:#02affe;}
.location .info-wr .logo{width:25%;}
.location .info-wr .txt{width:25%; font-size:17px;}
.location .info-wr .txt span{font-size:20px; font-weight:800; padding:0 10px 0 30px; position:relative;}
.location .info-wr .txt span:before{content:''; display:block; position:absolute;width:30px; height:30px;top:0;left:0;}
.location .info-wr .txt:nth-child(2) span:before{background: url('../img/sub/ico-loca.png')no-repeat;}
.location .info-wr .txt:nth-child(3) span:before{background: url('../img/sub/ico-tell.png')no-repeat;}
.location .info-wr .txt:nth-child(4) span:before{background: url('../img/sub/ico-fax.png')no-repeat;}
.location .root_daum_roughmap .cont{display: none;}
@media (max-width:1170px) {
	.location {padding-bottom:00px;} 
 .location .info-wr .logo{width:100%; padding-bottom:30px;}
 .location .info-wr .txt{width:calc(100% / 3);min-width: 300px;padding: 10px 0;}
 .location .info-wr:before{width:35%;left: 50%;transform: translateX(-50%);}
}

/*제품소개*/
 .HOSE{padding: 100px 0;text-align: center;}
.HOSE .HOSE_ul{justify-content:center;width: 100%;max-width: 1400px;margin: 0 auto;}
.HOSE .HOSE_card{width: calc(100%/2);padding: 10px; max-width:400px}
.HOSE .HOSE_card a{display:block; transition:all 0.3s;}
.HOSE .HOSE_card .img_wr{width:100%;text-align:center; outline: none;}
.HOSE .HOSE_card .img_wr:hover{outline: solid #13599b 10px ; transition: 0.2s;}
.HOSE .HOSE_card .img_wr img{width:100%;}
.HOSE .HOSE_card h3{width:100%; padding:20px 10px 20px 30px; text-align:left; font-size:23px; position:relative; color:#000; transition:all 0.3s;}
/* .HOSE .HOSE_card a:hover h3{color:#16b5fe;} */
.HOSE .HOSE_card h3:after{content:''; display:block; position:absolute;width:60px; height:30px;top:30px;right:30px;background: url('../img/sub/arr-right01.png')no-repeat; background-size:100%; transition:all 0.3s;}
.HOSE .HOSE_card a:hover h3:after{right:0;}

@media screen and (max-width:660px) {
 .HOSE .HOSE_card{width:100%;}
}

@media screen and (max-width:350px) {
 .HOSE .HOSE_card h3:after{width: 50px;top: 32px;}
}

 /*사업영역*/
.business{padding-bottom: 100px;text-align: center;}
.pre_img{width:100%; display:block;}
.pre_img img{width:auto; max-width:100%; display:block; margin:0 auto;}
.pre_img h2{padding:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:inline-block;margin:10px auto;font-weight: 500;color: #666;}

/*생산장비*/
.production{/* */ padding-bottom: 100px;text-align: center;}
.production_wr{text-align:center;position:relative;width:100%;/* background:linear-gradient(#fff 30%, #eee 20%); */}
.pro_slide_wr{width:100%; max-width:1400px; margin:0 auto;}
.pro_slide {width:100%;max-width: 1200px;height: 100%;max-height: 525px;overflow:hidden;position:relative;margin: 0 auto;border: 1px solid #ccc;}
.pro_slide .slick-list{height:100%;}
.pro_slide div {width:100%;float:left;height: 100%;height: 100vh;}
.pro_slide .pro{width:100%;background: #fff;}
.pro_slide .pro h3{padding:15px; background:#4271b7; display:block;color:#fff; font-size:20px; font-weight:500;}
.pro_slide .slick-arrow{width: 55px;height: 55px;border:0;top: 45%;transform: translateY(-50%);}
.pro_slide .slick-arrow.slick-prev{right:auto;left: 30px;background:url('../img/sub/arr-prev.png')no-repeat #00000087;}
.pro_slide .slick-arrow.slick-next{right: 30px;background:url('../img/sub/arr-next.png')no-repeat #00000087;}
.slider-nav{width:100%;/* max-width: 1220px; */height: auto;overflow:hidden;position:relative;/* margin: 0 auto; */display: flex;flex-wrap: wrap;justify-content: space-between;}
.slider-nav .slick-list{padding: 50px 0 !important;overflow: hidden;}
.slider-nav .slick-track{width:100% !important; text-align:center}
.slider-nav .slick-slide{/* float:left; */display: inline-block;position: relative;/* display: block; */padding: 10px;width: 20% !important;}
.production2 .slider-nav .slick-slide{width:25% !important;}
.slider-nav li{position:relative;background:#fff;overflow:hidden;width: 19%;/* padding: 10px; */border: 1px solid #eee;min-width: 160px;margin: 10px 0; cursor:pointer;}
.slider-nav li:before{content:''; display:block; position:absolute; width:20px; height:20px; top:10px; left:10px; background:url('../img/sub/plus_btn.png')no-repeat;transition:all 0.3s;transform: rotate(0deg);}
.slider-nav li:hover:before{transform: rotate(180deg);}
/* .slider-nav li div{position:absolute; width:100%; height:100%; top:0;left:0; display:block; background:transparent; color:transparent; font-size:20px; border:0px solid #4271b7; padding:40% 0; transition:all 0.3s;} */
.production2 .slider-nav li{width:24%}
.slider-nav li div{width:100%;display:block;background:#4271b7;color:#fff;font-size:20px;padding:5px;}
/* .slider-nav li:hover div,.slider-nav .slick-current li div{background:#4271b79e; color:#fff; border:10px solid #4271b7;} */
.slider-nav img{width:100%;}

.pro_table_wr{width:100%;max-width:1400px;margin:0 auto;padding: 50px 0 0;}
.pro_table_wr table{width:100%;border-spacing: 0;}
.pro_table_wr tr{}
.pro_table_wr th{background:#4271b7; padding:10px; color:#fff; font-size:18px;}
.pro_table_wr td{/* background:#eee; */padding:10px;font-weight:600;border-bottom:1px solid #eee;border-right: 1px solid #eee;}
.pro_table_wr td:last-child{border-right:0;}

.poppros-wr{/* display: none; */position: absolute;width: 100%;top: 0;left: 0;}
.poppro{opacity:0;padding:50px;background:#fff;width:100%;max-width:500px;position: absolute;top:0;left:50%;transform:translateX(-50%);box-shadow: 0 0 20px #00000021;transition:all 0.3s;display: block;z-index: -1;}
.poppro.current_tab{opacity:1;display:block;z-index:2}
.poppro img{width:100%;}
.poppro div{font-weight:600;font-size: 18px; padding:10px 0 0}
.poppro .plus{width: 30px;height: 30px;display: block;position: relative;top: -30px;left: -30px;transform: rotate(45deg); transition:all 0.3s;cursor:pointer;}
.poppro .plus:hover{transform: rotate(225deg);}

@media screen and (max-width:768px) {
 .slider-nav li div{/* padding: 35% 0 0; */font-size: 15px;}
 .slider-nav .slick-slide{width: 30% !important;}
 .production2 .slider-nav .slick-slide{width: 50% !important;}
 .production2 .slider-nav li{width:49%}
 .production2 .slider-nav li div{/* padding: 40% 0 0; */font-size: 20px;}
 .slider-nav{justify-content:center;}
}
@media screen and (max-width:600px) {
 .pro_table_wr{overflow-x:scroll;padding-top: 45px;background:url('../img/sub/swipe.png') no-repeat top right;background-size:45px;margin-top: 30px;}
 .pro_table_wr table{width: 810px;}
 .production2 .slider-nav li div{/* padding: 35% 0 0; */font-size: 16px;}
}
@media screen and (max-width:400px) {
 .slider-nav {/* display:none; */}
 .pro_slide .pro img{width:320px;}
 .pro_slide {max-height: 375px;}
 .pro_slide .slick-arrow{width:30px; height:30px;}
 .pro_slide .slick-arrow.slick-prev{right:auto;left: 10px; background-size:30px}
 .pro_slide .slick-arrow.slick-next{right: 10px; background-size:30px;}
}