@charset "utf-8";

/* sub-visual */
#sub-visu-wr {width:100%;}
.sub-visual {width:100%;height: 595px;position: relative;z-index: 99;background:#080c1b;}
.sub-visual01 {background:url('../img/sub/sub-visual-01.jpg') no-repeat center; background-size:cover;}
.sub-visual02 {background:url('../img/sub/sub-visual-02.jpg') no-repeat center; background-size:cover;}
.sub-visual03 {background:url('../img/sub/sub-visual-03.jpg') no-repeat center; background-size:cover;}
.sub-visual04 {background:url('../img/sub/sub-visual-04.jpg') no-repeat center; background-size:cover;}
.sub-visu-ttl {word-break:keep-all;font-size: 50px;color: #fff;padding: 210px 11% 224px;vertical-align: middle;text-align: left;width: 100%;font-weight: 800;}
.sub-visu-ttl .ett {font-size: 15px;letter-spacing:1px;font-weight:300;position:relative;display: block;margin-top: 10px;}

.sub-visu-bg {width: 90%;position:absolute;right:0;bottom:0;background:#fff;height: 100px;border-bottom: 1px solid #ddd;}
.sub-visu-menu {width: 100%;max-width: 1400px;margin: 0 auto;overflow: hidden;position: relative;line-height: 100px;z-index: 9999;}
.sub-visu-menu .sub-menu-ul {/* padding: 35px 35px 35px 10px; */text-align: right;/* overflow:hidden; */width: calc(100% - 310px);margin: 0 auto;display: inline-block;float: right;padding-right: 20px;}
.sub-visu-menu .sub-menu-ul li {display: inline-block;position:relative;/* min-width: 16%; */}
.sub-visu-menu .sub-menu-ul li a {color: #a6a6a6;display: block;font-size: 18px;position:relative;transition:all 0.3s;letter-spacing: -1px;padding: 0 50px;font-weight: 400;}
.sub-visu-menu .sub-menu-ul li a.active:after {display:block;content:'';position:absolute;bottom: 0px;left:0;background: #ec1d25;width:100%;height: 3px;}
.sub-visu-menu .sub-menu-ul li a.active {transition:all 0.3s;/* background: #fff; */color: #080c1b;font-weight: 700;}

.sub-visu-menu .sub-menu-ttl {/* display: block; */font-weight: 700;padding: 0 30px;color: #222;cursor:pointer;display: inline-block;float: left;font-size: 29px;width: 310px;}
.sub-visu-menu .sub-menu-ttl2{display:none;}
@media screen and (min-width:993px){
    .sub-visu-menu .sub-menu-ul {display:block !important;padding-right: 0;}
}

@media screen and (max-width:1800px){
	.sub-visu-bg {width:100%;}
}
@media screen and (max-width:1400px){
    .sub-visual {height:500px;}
    .sub-visu-bg {width:95%;}
    .sub-visu-ttl {font-size:35px;padding: 210px 11% 147px;}
    .sub-visu-menu {max-width:90%;margin:0;float:right;}
    .sub-visu-menu .sub-menu-ttl {font-size:20px;width: 180px;}
    .sub-visu-menu .sub-menu-ul {width: calc(100% - 180px);}
    .sub-visu-menu .sub-menu-ul li a {font-size:16px;padding: 0 27px;}
}

@media screen and (max-width:992px){
    .sub-visual {height:auto;}
    .sub-visu-ttl {padding: 120px 40px 100px;}
    .sub-visu-bg {display:none;}
    .sub-visu-menu {background: #ffffff;width:100%;max-width: 100%;line-height: 35px;float: none;overflow: unset;}
    .sub-visu-menu .sub-menu-ttl {display:none;}
    .sub-visu-menu .sub-menu-ttl2 {display:block;font-size: 16px;width: 100%;padding: 10px 30px;color: #353535;background: url('../img/sub/menu_arr.png') no-repeat center right 20px;border-bottom: 1px solid #ddd;float: none;}
    .sub-visu-menu .sub-menu-ul {display: none;position:absolute;z-index:9999;top: 56px;border: 1px solid #080c1b;width:100%;background:#fff;padding:20px;float: none;}
    .sub-visu-menu .sub-menu-ul li {display:block; float:none;width:100%;line-height:30px; text-align:left;}
    .sub-visu-menu .sub-menu-ul li a {color: #474747;font-size: 14px;padding: 5px 20px;}
    .sub-visu-menu .sub-menu-ul li a.active {color:#2906b5;font-weight:700;}
    .sub-visu-menu .sub-menu-ul li a:hover {color:#2906b5;font-weight:700;}
    .sub-visu-menu .sub-menu-ul li a.active:after {display:none;}
}

@media screen and (max-width:768px){
    .sub-visu-ttl2 {font-size: 20px;padding: 130px 20px 70px;text-shadow:0 0 3px rgba(50,50,50,0.1);}
}

@media screen and (max-width:480px){
    .sub-visu-ttl {padding: 120px 20px 50px;font-size: 20px;}
    .sub-visu-menu .sub-menu-ttl2 {font-size: 15px;padding: 5px 20px;}
    .sub-visu-menu .sub-menu-ul {top: 46px;padding: 10px 5px;}
}
/* 준비중 */
.ready-wr {display: table;width:100%;text-align:center;margin:0 auto;position:relative;z-index: 0;padding: 0 20px;}
.ready-wr img {max-width:100%;display: table-cell;margin: 0 auto;}

@media screen and (max-width: 480px){
	.ready-wr {padding:50px 0 120px;}
}

/* sub-page common */
.sub-ttl {width:100%;text-align:center;padding: 20px;position:relative;}
.sub-ttl:after {display:block;content:'';width: 30px;height:3px;background: #ec1d25;margin:20px auto;}
.sub-ttl h2 {font-size: 2rem;font-weight: 400;color: #333;}
.sub-tabs {width:100%;background:#f8f8f8;border-top:1px solid #eee;border-bottom:1px solid #eee;margin: 20px auto;}
.sub-tabs ul {text-align:center;}
.sub-tabs ul li {display:inline-block; padding:17px 5px;margin:0 15px;font-size:15px;}
.sub-tabs ul li:hover {border-bottom:3px solid #377cfd;}
.sub-tabs ul li.active {border-bottom:3px solid #377cfd;}

.sub-tabs2 {width:100%;padding: 20px 0;}
.sub-tabs2 ul {text-align:center;max-width:1400px;margin:0 auto;display:flex;align-items:stretch;justify-content:center;}
.sub-tabs2 ul li {display:table;min-width:calc(100% / 5);margin-left:-1px;margin-top:-1px;border:1px solid #ddd;} /* width는 탭 수에 따라 조절하세요 */
.sub-tabs2 ul li a {display:table-cell;vertical-align:middle;font-size: 15px;width:100%;padding: 15px 35px;font-weight: 500;color: #555;word-break:keep-all;}
.sub-tabs2 ul li.active {background: #377cfd;}
.sub-tabs2 ul li.active a {color:#fff;}

.sub-wr {width:100%;}
.sub-cen {max-width:1400px; margin:0 auto;}



.ready-img {width:100%; max-width:1400px; margin:0 auto; text-align:center;}
.ready-img img {max-width:100%;}

@media (max-width:960px){
    .sub-tabs ul {padding:10px;}
    .sub-tabs ul li {padding:5px; margin:3px 15px;}
    .sub-tabs ul li.active a {color:#377cfd;font-weight:700;}

    .sub-tabs2 ul li a {padding:15px 5px;}
}

@media (max-width:480px){
    .sub-ttl {padding: 30px 10px 0px;}
    .sub-ttl h2 {font-size:1.5rem;}
    .sub-tabs ul li a {font-size:14px;}

    .sub-tabs2 {padding:0 10px;}
    .sub-tabs2 ul {flex-wrap:wrap;}
    .sub-tabs2 ul li {min-width:calc(100% / 2);} /* width는 탭 수에 따라 조절하세요 */
    .sub-tabs2 ul li a {font-size:13px;padding:10px 2px;}
}

/* table style */
.sub-tb {padding: 30px 15px;}

.tb-01 {width:100%;border-spacing:0;transition:all 0.3s ease;margin: 10px auto;border-top: 2px solid #ec1d25;}
.tb-01 caption {font-size:0; text-indent:-9999px; height:0;}
.tb-01 thead th {font-size: 20px;background-color: #fff;color: #ec1d25;border-bottom: 1px solid #c1c1c1;padding: 15px 15px;font-weight: 700;word-break: break-all;}
.tb-01 thead th:last-child {border-right:0;}
.tb-01 thead td {font-size: 20px;background-color: #fff;color: #ec1d25;border-bottom: 1px solid #c1c1c1;padding: 15px 15px;font-weight: 700;word-break: break-all;text-align: center;background: #fef3f3;}
.tb-01 tbody th {background: #c7dce3;font-weight:700;color: #333;border-right: 5px solid #fff;padding: 10px;}
.tb-01 tbody td {font-size: 15px;color: #555;background: #fff;padding: 15px 15px;font-weight: 500;text-align: center;word-break: keep-all;}
.tb-01 tr td:last-child {border-right:0;}
.tb-01 tbody tr:nth-child(2n) td {background:#f7f7f7;}
.tb-01 td {border-bottom:1px solid #c1c1c1;}

.tb-02 {width:100%;border-spacing:0;transition:all 0.3s ease;margin: 10px auto;}
.tb-02 caption {font-size:0; text-indent:-9999px; height:0;}
.tb-02 thead th {font-size: 20px;background-color: #fff;color: #ec1d25;border-top: 2px solid #ec1d25;border-bottom: 1px solid #c1c1c1;padding: 15px 15px;font-weight: 700;word-break: break-all;}
.tb-02 thead th:last-child {border-right:0;}
.tb-02 thead td {font-size: 20px;background-color: #fff;color: #ec1d25;border-bottom: 1px solid #c1c1c1;padding: 15px 15px;font-weight: 700;word-break: break-all;text-align: center;background: #fef3f3;}
.tb-02 tbody th {background: #c7dce3;font-weight:700;color: #333;border-right: 5px solid #fff;padding: 10px;}
.tb-02 tbody td {font-size: 15px;color: #555;background: #fff;padding: 15px 15px;font-weight: 500;text-align: center;word-break: keep-all;}
.tb-02 tr td:last-child {border-right:0;}
.tb-02 tbody tr:nth-child(2n) td {background:#f7f7f7;}
.tb-02 th {border-right:1px solid #c1c1c1; }
.tb-02 td {border-bottom:1px solid #c1c1c1;border-right:1px solid #c1c1c1; }

@media screen and (max-width:1400px){
	.tb-01 thead th, .tb-01 tbody th {font-size:18px;padding:10px;}
	.tb-01 thead td, .tb-01 tbody td {font-size: 16px;padding:10px;}
	.tb-02 thead th, .tb-02 tbody th {font-size:18px;padding:10px;}
	.tb-02 thead td, .tb-02 tbody td {font-size: 16px;padding:10px;}
}


@media screen and (max-width:768px){
	.tb-01 thead th, .tb-01 tbody th {font-size: 13px;padding: 7px 2px;}
	.tb-01 thead td, .tb-01 tbody td {font-size: 13px;padding: 7px 3px;}

	.tb-02 thead th, .tb-02 tbody th {font-size: 13px;padding: 7px 2px;}
	.tb-02 thead td, .tb-02 tbody td {font-size: 13px;padding: 7px 3px;}

	.x-scr {overflow-x: scroll;width: 100%;overflow-y: hidden;padding-top: 45px;background: url('../img/sub/swipe.png') no-repeat right top;background-size: 50px;position: relative;z-index: 9;margin: 0 auto;}
	.x-scr table {width:700px;margin: 0;}
}


/* sub1_1 인사말 */
.insa-wr {width:100%;align-items: stretch;}
.insa-wr .insa-img {width:50%; background:url('../img/sub/sub1_1_img01.jpg') no-repeat center; background-size:cover;}
.insa-wr .insa-txt {width:50%;padding: 150px 100px;color: #333;background: url('../img/sub/sub1_1_img03.png') no-repeat top 10% right 10% #f4f4f4;word-break:keep-all;}
.insa-wr .insa-txt .ttl {font-size: 28px;font-weight: 900;color: #aaa;}
.insa-wr .insa-txt div {font-size: 17px;padding: 20px 0 40px;line-height:30px;}
.insa-wr .insa-txt div > p {margin:20px 0;word-break: keep-all;}
.insa-wr .insa-txt .sign {font-size: 18px;text-align: right;color: #aaa;font-weight: 500;}
.insa-wr .insa-txt .sign img {margin-left:10px;vertical-align:bottom;}

@media screen and (max-width:1600px){
	.insa-wr .insa-txt {padding:150px 50px;}
	.insa-wr .insa-txt br {display:none;}
}

@media screen and (max-width:1400px){
	.insa-wr .insa-txt div {font-size:15px;}
	.insa-wr .insa-txt div > p {line-height:25px;}
}

@media screen and (max-width:960px){
	.insa-wr .insa-img {width:100%;height:45vw;}
	.insa-wr .insa-txt .ttl {font-size: 25px;color: #555;}
	.insa-wr .insa-txt {width:100%; padding:70px 30px; text-align:center; background-size:150px;background-position:top 30px right 30px;}
	.insa-wr .insa-txt .sign {color:#555;text-align:center;}
}
@media screen and (max-width:768px){
	.insa-wr .insa-txt {padding: 30px 20px; background-image:none;}
	.insa-wr .insa-txt div {font-size:14px; line-height:25px; padding:10px 0 20px;}
}


/* sub1_2 연혁 */
.his-wr {display:flex;flex-wrap: wrap;justify-content: space-between;padding: 130px 0 100px;width: 100%;max-width: 1400px;margin: 0 auto;}
.his-wr .his-ttl {width: 30%;padding-right: 50px;}
.his-wr .his-ttl .ttl {padding: 0 0 30px;font-size: 50px;color: #ec1d25;font-weight: 700;}

.his-wr .his-ttl .histab-menu li{padding:5px 0}
.his-wr .his-ttl .histab-menu li a{display:inline-block;font-size:30px;padding: 3px 50px 3px 0;color:#adadad;letter-spacing:0;font-weight: 700;position: relative;}
.his-wr .his-ttl .histab-menu li a::after{display:none;content:'';position:absolute;width: 5px;height: 5px;background: #3c3c3c;right: 10px;top:50%;margin-top:-1px;border-radius: 100%;}
.his-wr .his-ttl .histab-menu li.active a{border-bottom: 1px solid #3c3c3c;color:#3c3c3c}
.his-wr .his-ttl .histab-menu li.active a::after{display:block}

.his-wr .his-con .histab-content{display:none;}
.his-wr .his-con .histab-content.active{display:block}

.his-wr .his-con {width: 65%;}
.his-wr .his-con .his-box {padding:0 0 50px}
.his-wr .his-con .his-box .year {padding: 0 0 15px;border-bottom:1px solid #000;font-size: 35px;font-weight: 700;}
.his-wr .his-con .his-box .con {padding:20px 0;overflow: hidden;align-items: stretch;}
.his-wr .his-con .his-box .con .his-img {width:40%;}
.his-wr .his-con .his-box .con .his-img.img01 {background:url('../img/sub/sub1_2_img01.jpg') no-repeat center; background-size:cover;}
.his-wr .his-con .his-box .con .his-img.img02 {background:url('../img/sub/sub1_2_img02.jpg') no-repeat center; background-size:cover;}
.his-wr .his-con .his-box .con .his-img.img03 {background:url('../img/sub/sub1_2_img03.jpg') no-repeat center; background-size:cover;}
.his-wr .his-con .his-box .con ul {padding: 20px 20px 20px 30px;width: 60%;}
.his-wr .his-con .his-box .con ul li {overflow:hidden;padding-left: 15px;position: relative;margin: 10px 0;}
.his-wr .his-con .his-box .con ul li:before {display:block;content:'';position:absolute;width:4px;height:4px;background:#333;left:0;top: 9px;border-radius:100%;}

@media screen and (max-width:1400px){
	.his-wr {padding:40px 20px;}
	.his-wr .his-ttl .ttl {font-size:40px;padding-bottom:20px;}
	.his-wr .his-con .his-box .year {font-size:30px;padding:0 0 10px;}
}

@media screen and (max-width:768px){
	.his-wr .his-ttl {width:100%;text-align:center;padding: 0 0 20px;}
	.his-wr .his-ttl .histab-menu li a {font-size:20px;}
	.his-wr .his-con {width:100%;}
	.his-wr .his-con .his-box .year {font-size:25px;padding-bottom:5px;}
	.his-wr .his-con .his-box .con {padding:10px;}
	.his-wr .his-con .his-box .con .his-img {width:100%;height:150px;}
	.his-wr .his-con .his-box .con ul {width:100%;padding: 5px 0px;}
}

/* sub1_3 인증서/특허 */
.cer-bx {width:100%;max-width:1400px;margin: 40px auto;}
.cer-bx .cer-ttl {width: 30%;padding: 30px;}
.cer-bx .cer-ttl .eng {font-size: 36px;font-weight:700;color:#ec1d25;margin-bottom: 20px;}
.cer-bx .cer-ttl .ko {font-size:20px;font-weight:500;color:#555;border-bottom:1px solid #555;padding:10px;position: relative;}
.cer-bx .cer-ttl .ko:after {display:block;content:'';position:absolute;width: 4px;height: 4px;background:#555;border-radius:100%;right: 10px;top: 24px;}

.cer-bx .cer-con {width: 70%;padding: 20px 20px 20px 50px;}
.cer-bx .cer-con ul {width:100%;justify-content: flex-end;}
.cer-bx .cer-con ul li {padding:0 20px;max-width:calc(100% / 3);}
.cer-bx .cer-con ul li .img {}
.cer-bx .cer-con ul li .img img {width:100%;}
.cer-bx .cer-con ul li .ttl {font-size:16px;padding:10px;font-weight:500;border-bottom:1px solid #999;}

@media screen and (max-width:960px){
	.cer-bx {margin:20px auto;}
	.cer-bx .cer-ttl {width:100%;max-width:700px;margin:0 auto;padding:20px; text-align:center;}
	.cer-bx .cer-ttl .eng {font-size:25px;margin:0;}
	.cer-bx .cer-ttl .ko {font-size:16px;padding:10px;}

	.cer-bx .cer-con {width:100%;padding:0 15px;}
	.cer-bx .cer-con ul {justify-content:center;}
	.cer-bx .cer-con ul li {padding:0 5px;}
	.cer-bx .cer-con ul li .ttl {font-size:14px; text-align:center;border:0; background:#f9f9f9; margin-top:5px;}
}

@media screen and (max-width:480px){
	.cer-bx .cer-con ul li {width:100%;max-width:none;margin:5px 0;}
}



/* sub1_4 찾아오시는길 */
.map-wr {width:100%;}
.map-bx {margin:30px auto;}
.map-bx .root_daum_roughmap .wrap_controllers {display:none;}}
.map-bx .map_boarder {background:none;height:0;width:0;}


.map-info {width:100%;max-width:1400px;margin: 40px auto;}
.map-info .map-ttl {width: 30%;padding: 30px;}
.map-info .map-ttl .eng {font-size: 36px;font-weight:700;color:#ec1d25;margin-bottom: 20px;}
.map-info .map-ttl .ko {font-size:20px;font-weight:500;color:#555;border-bottom:1px solid #555;padding:10px;position: relative;}
.map-info .map-ttl .ko:after {display:block;content:'';position:absolute;width: 4px;height: 4px;background:#555;border-radius:100%;right: 10px;top: 24px;}

.map-info .map-con {width: 70%;padding: 20px 0;}
.map-info .map-con ul {width:100%;}
.map-info .map-con ul li {padding:0 20px;width:50%;display: table;margin:10px 0;transition:all 0.3s;}
.map-info .map-con ul li .ic {display:table-cell;vertical-align:middle;width: 90px;height: 90px;border-radius:100%;border:1px solid #ccc;}
.map-info .map-con ul li .ic.ic01 {background:url('../img/sub/sub1_4_ic01.png') no-repeat center;}
.map-info .map-con ul li .ic.ic02 {background:url('../img/sub/sub1_4_ic02.png') no-repeat center;}
.map-info .map-con ul li .ic.ic03 {background:url('../img/sub/sub1_4_ic03.png') no-repeat center;}
.map-info .map-con ul li .ic.ic04 {background:url('../img/sub/sub1_4_ic04.png') no-repeat center;}
.map-info .map-con ul li .con {display:table-cell;vertical-align: middle;padding-left: 20px;overflow:hidden;}
.map-info .map-con ul li .con .ttl {font-size:18px;font-weight:500;width:70px;float:left;display: block;margin-top: 5px;}
.map-info .map-con ul li .con .txt {width:calc(100% - 70px);font-size:16px;display: block;float: left;padding-left: 10px;word-break: keep-all;}


@media screen and (max-width:960px){
	.map-info {margin:20px auto;}
	.map-info .map-ttl {width:100%;max-width:700px;margin:0 auto;padding:20px; text-align:center;}
	.map-info .map-ttl .eng {font-size:25px;margin:0;}
	.map-info .map-ttl .ko {font-size:16px;padding:10px;}

	.map-info .map-con {width:100%;padding:0 15px;}
	.map-info .map-con ul {justify-content:center;}
	.map-info .map-con ul li {padding:0 5px;display:block;}
	.map-info .map-con ul li .ic {display:block;margin:0 auto 20px;width:70px;height:70px;background-size:70% !important;}
	.map-info .map-con ul li .con {display:block;width:100%;text-align:center;padding: 0;}
	.map-info .map-con ul li .con .ttl {width:100%;}
	.map-info .map-con ul li .con .txt {width:100%;font-size:14px;padding:10px 0;}
}

@media screen and (max-width:480px){
	.map-info .map-con ul li {width:100%;max-width:none;margin:5px 0;}
}

/* sub3_1 제품소개 */
.pro-top {width:100%;max-width: 1400px;margin:30px auto;padding-top:150px;background:url('../img/sub/sub3_1_bg01.jpg') no-repeat top right;}
.pro-top .pro-ttl {font-size:35px;padding: 20px 70px 20px 0;font-weight:700;color:#ec1d25;background:#fff;display:inline-block;width:45%;}

.pro-con {width:100%;max-width: 1400px;margin: 30px auto;border-bottom: 1px dashed #ccc;padding: 0 0 30px;}
.pro-con .con-ttl {font-size: 23px;color:#555;border-bottom:1px solid #555;display:inline-block;padding:10px 70px 10px 10px;position:relative;min-width: 270px;margin-bottom: 15px;font-weight: 500;}
.pro-con .con-ttl:after {display:block; content:''; position:absolute; width:3px;height:3px;border-radius:100%;background:#555;right:10px;top:50%;}
.pro-con .con-txt {padding:20px;background: #f5f5f5;border-radius: 10px;text-align:center;}
.pro-con .con-txt ul li {display:inline-block;padding:0 25px 0 10px;position:relative;color: #555;}
.pro-con .con-txt ul li:before {display:block; content:'-'; position:absolute;color:#555;left:0;}
.pro-con .con-tb .tb-ttl {font-size:17px;font-weight: 700;padding-left: 20px;margin: 20px 0 10px;position: relative;}
.pro-con .con-tb .tb-ttl:before {display:block;content:'';position:absolute;width: 4px;height: 14px;left: 7px;top: 6px;background:#ec1d25;}

.pro-con .con-img {width:100%;}
.pro-con .con-img ul {align-items: stretch;justify-content:center;}
.pro-con .con-img ul li {padding:10px;}
.pro-con .con-img ul li .img img {width:100%;}
.pro-con .con-img ul li .ttl {width:100%;background: #f5f5f5;margin:10px auto;text-align:center;padding:15px;color:#333;font-weight:700;font-size:17px;}
.pro-con .con-img ul.wd2 li {width:50%;}
.pro-con .con-img ul.wd3 li {width:calc(100% / 3);}


@media screen and (max-width:1400px){
	.pro-top {margin:0 auto;}
	.pro-top .pro-ttl {padding:20px 40px;font-size: 28px;width: auto;}

	.pro-con {padding:0 20px 20px;width: 100%;}
	.pro-con .con-img ul li {padding:10px 5px;}
	.pro-con .con-img ul li .ttl {margin:5px auto 0;font-size:15px;padding:10px;}
}

@media screen and (max-width:768px){
	.pro-con {margin:20px auto;}
	.pro-top {padding:100px 20px 20px;background-size:cover;}
	.pro-top .pro-ttl {padding:20px;text-align:center;width:90%;margin:0 auto;display:block;border:1px solid #ddd;}

	.pro-con .con-ttl {font-size:20px;text-align:center;width:100%;padding: 10px 30px;word-break: keep-all;display: block;margin-bottom: 5px;}
	.pro-con .con-txt {font-size:15px;padding:15px 10px;}
	.pro-con .con-tb .tb-ttl {font-size:15px;}
}

@media screen and (max-width:480px){
	.pro-con .con-img ul li {width:100% !important; padding:5px 0;}
}

/* sub4_1 연구소 소개 */
.int-wr {width:100%;max-width: 1400px;margin:0 auto;padding: 50px 20px;position:relative;}
.int-wr .int-img {width: 730px;height: 730px;background:url('../img/sub/sub4_1_img01.jpg') no-repeat center;background-size:cover;}
.int-wr .int-bx {position:Absolute;background:#fff;padding: 100px 100px;width: 54%;bottom: 0;right: 0;}
.int-wr .int-bx .ttl {font-size:35px;font-weight:500; margin-bottom:20px;margin-top:0;}
.int-wr .int-bx p {margin: 23px 0;word-break:keep-all;color:#333;font-size:16px;}

.group-img {background:#f9f9f9; text-align:center; padding:50px 20px;}
.group-img img {max-width:100%;}

@media screen and (max-width:1400px){
	.int-wr {padding:30px 15px;}
	.int-wr .int-img {width:70%;height:700px;}
	.int-wr .int-bx {width:70%;padding: 50px;}
	.int-wr .int-bx .ttl {font-size:30px;}
	.int-wr .int-bx p {font-size:15px;margin:15px 0;}
}

@media screen and (max-width:768px){
	.int-wr {width:100%;}
	.int-wr .int-img {width:100%; height:50vw;}
	.int-wr .int-bx {position:relative;top:0;width:100%;padding: 25px 20px 0;}
	.int-wr .int-bx .ttl {font-size:25px;}
	.int-wr .int-bx p {font-size:14px;}
}

/* sub4_2 r&d 성과 */
.rnd-top {width:100%;max-width:1440px; padding:0 20px;margin: 40px auto;align-items: stretch;justify-content: space-between;}
.rnd-top .rnd-ttl {width: 50%;padding: 30px;}
.rnd-top .rnd-ttl .ttl {font-size: 36px;font-weight:700;color:#ec1d25;margin-bottom: 20px;}
.rnd-top .rnd-ttl .ttl span {font-weight:400;}
.rnd-top .rnd-ttl .menu {width:100%;}
.rnd-top .rnd-ttl .menu li {font-size:20px;font-weight:500;color:#555;border-bottom:1px solid #555;padding:10px;position: relative;}
.rnd-top .rnd-ttl .menu li:after {display:block;content:'';position:absolute;width: 4px;height: 4px;background:#555;border-radius:100%;right: 10px;top: 24px;}

.rnd-top  .rnd-bg {width:40%; background:url('../img/sub/sub4_2_bg01.jpg') no-repeat center; background-size:cover;}

@media screen and (max-width:960px){
	.rnd-top {margin: 20px auto 0;}
	.rnd-top .rnd-ttl {width:100%;max-width:700px;margin:0 auto;padding:20px; text-align:center;}
	.rnd-top .rnd-ttl .ttl {font-size:25px;margin:0;}
	.rnd-top .rnd-ttl .menu li {font-size:16px;padding:10px;}

	.rnd-top  .rnd-bg {width:100%; height:250px;}
}

@media screen and (max-width:480px){
	
}

/* sub4_3 방침 및 목표 */
.goal-wr {width:100%; }
.goal-wr .top {width:100%;position:relative;padding-bottom: 50px;margin-bottom: 50px;}
.goal-wr .top .ttl {width:100%;background:url('../img/sub/sub4_3_bg01.jpg') no-repeat center;background-size:cover;padding: 150px 20px;text-align:center;color:#fff;font-weight:700;font-size:50px;margin-bottom: 80px;text-shadow: 0 0 10px rgba(0,0,0,0.3);}
.goal-wr .top .bx {position:absolute;width:100%;max-width:1400px;left:50%;transform:translateX(-50%);background:#fff;bottom:0;text-align:center;padding: 40px 50px;box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.goal-wr .top .bx ul {max-width: 1000px;margin: 0 auto;}
.goal-wr .top .bx ul li {width:calc(100% / 3);overflow:hidden;display:table;padding: 0 10px;}
.goal-wr .top .bx ul li .ic {width:100px;height:100px;display:table-cell;border-radius:100%; border:1px solid #ddd; vertical-align:middle;}
.goal-wr .top .bx ul li .ic.ic01 {background:url('../img/sub/sub4_3_ic01.png') no-repeat center #f9f9f9;}
.goal-wr .top .bx ul li .ic.ic02 {background:url('../img/sub/sub4_3_ic02.png') no-repeat center #f9f9f9;}
.goal-wr .top .bx ul li .ic.ic03 {background:url('../img/sub/sub4_3_ic03.png') no-repeat center #f9f9f9;}
.goal-wr .top .bx ul li .txt {display:table-cell;width:calc(100% - 100px);vertical-align:middle;text-align: left;padding-left: 20px;font-size: 16px;font-weight: 500;}

.goal-wr .con {width:100%; max-width:1400px; margin:0 auto 50px;}
.goal-wr .con ul {align-items:stretch;}
.goal-wr .con ul li {width:calc(20% - 20px);margin:10px;background:#f2f2f2; text-align:center;padding:50px 20px;font-size:18px;font-weight:500;color:#333;}
.goal-wr .con ul li .ic {width:100px;height:100px;margin:0px auto 50px;border-radius:100%; display:block;}
.goal-wr .con ul li .ic.ic04  {background:url('../img/sub/sub4_3_ic04.png') no-repeat center #fff;}
.goal-wr .con ul li .ic.ic05  {background:url('../img/sub/sub4_3_ic05.png') no-repeat center #fff;}
.goal-wr .con ul li .ic.ic06  {background:url('../img/sub/sub4_3_ic06.png') no-repeat center #fff;}
.goal-wr .con ul li .ic.ic07  {background:url('../img/sub/sub4_3_ic07.png') no-repeat center #fff;}
.goal-wr .con ul li .ic.ic08  {background:url('../img/sub/sub4_3_ic08.png') no-repeat center #fff;}

@media screen and (max-width:1400px){
	.goal-wr .top .bx {width:90%;}
	.goal-wr .top .ttl {padding:100px 20px; font-size:35px;}
}
@media screen and (max-width:960px){
	.goal-wr .top {margin-bottom:0;padding-bottom:0px;}
	.goal-wr .top .ttl {margin:0;}
	.goal-wr .top .bx {margin: 20px  auto;padding: 20px;position:relative;left: 0;transform: translate(0);bottom: auto;}
	.goal-wr .top .bx ul li {width:100%;text-align:center;display:block;width:100%;margin: 10px auto;}
	.goal-wr .top .bx ul li .ic {display:block;margin:0 auto;float:none;width: 70px;height: 70px;background-size: 76% !important;}
	.goal-wr .top .bx ul li .txt {display:block;margin:0 auto;width:100%;text-align:center;padding: 5px 0 0;}

	.goal-wr .con ul {justify-content:center;}
	.goal-wr .con ul li {width:calc(33% - 10px);padding: 30px 15px;font-size: 15px;margin:5px;}
	.goal-wr .con ul li .ic {width:70px;height:70px;background-size:70% !important;margin:10px auto 20px;}
	.goal-wr .con ul li .ttl {word-break:keep-all;}
}

@media screen and (max-width:768px){
	.goal-wr .con ul li {width:45%;}
}


/* sub4_4 검사 설비 현황 */
.img-ul {width:100%;overflow:hidden;}
.img-ul li {width:calc(100% / 3); float:left;padding:10px;}
.img-ul li img {max-width:100%;border-radius:5px;}

@media screen and (max-width:768px){
	.img-ul li {padding:5px;}
}

@media screen and (max-width:480px){
	.img-ul li {width:100%;float:none;}
}