@charset "utf-8";
body {overflow:hidden;}
.sub-bg {background:url('/001/img/sub-bg.jpg') no-repeat}
/*sub01 - ????*/
.tech-top {display:flex;align-items:center;flex-direction:column;position:relative}
.tech-top:after {
content:'';display:inline-block;position:absolute;background:url('/002/img/tech-top-bg.png');
width:335px;height:339px;right: -30px;bottom: -135px;
}
.top-point {display:inline-block;width:40px;height:4px;background:#2673dd;}
.tech-top h1 {display:inline-block;text-align:center;line-height:1.55;letter-spacing:-3px;margin-bottom:37px;margin-top:25px;color:#222;font-size:37px;font-weight:400;}
.tech-top h1 span {font-weight:500}
.tech-top-inner {display:flex;}
.tech-top-right {margin-left:55px;display:flex;flex-direction:column;justify-content:center;}
.tech-top-right p {font-size:17px;font-weight:400;letter-spacing:-.5px;color:#555;line-height:1.8;word-break:keep-all;}
.tech-top-right .lank {display:inline-block;background:#2673dd;color:#fff;font-size:17px;font-weight:500;width: 345px;padding: 10px 12px;margin-top: 20px;}
.tech-top-right .lank img {vertical-align: middle;margin-right: 5px;}
.tech-top-right .lank span {vertical-align: middle;}
.tech-list-wrap {background:#292e42;margin-top:75px;padding:35px 0;}
.tech-list-wrap ul {display:flex;justify-content:space-around;align-items:center;padding:0 125px;}
.tech-list-wrap ul li {
display:flex;flex-direction:column;align-items:center;word-break:keep-all
}
.tech-list-wrap ul li:nth-child(even) {width:1px;height:130px;background:rgba(255,255,255,.3);}
.tech-list-wrap ul li h2 {font-size:16px;font-weight:500;margin-top:28px;color:#fff;word-break:keep-all;text-align:center;}
.tech-wrap {background:#f8f8f8;padding:55px 0;overflow:hidden;}
.tech-wrap .tech-cont {display:flex;flex-direction:row;justify-content: center;padding:20px 0}
.tech-wrap .tech-cont:nth-child(even) {flex-direction:row-reverse}
.tech-wrap .tech-cont .tech-cont-inner {width:604px;padding-top:15px;background:#eee;padding:40px 35px}
.tech-wrap .tech-cont:nth-child(even) .tech-cont-inner {margin-left:0;}
.tech-wrap .tech-cont img {}
.tech-wrap .tech-cont:nth-child(even) img {margin-right:0; }
.tech-cont-inner h2 {font-size:17px;font-weight:700;color:#2673dd;margin-bottom:12px;}
.tech-cont-inner h1 {font-size:28px;font-weight:400;color:#000;margin-bottom:30px;letter-spacing:-1px;word-break:keep-all}
.tech-cont-inner .ability {display:flex;justify-content:space-between;margin-bottom:30px;}
.tech-cont-inner .ability li {word-break:keep-all;padding:27px 0;border-radius:13px;text-align:center;width:31.4%;background:#2673dd;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.5px;line-height:1.8;}
.tech-txt {font-size:15px;color:#666;line-height:1.5; margin-left: 3px;}
.tech-txt p {word-break:keep-all;line-height:1.8;}
.tech-txt h3 {font-weight:600;font-size:15px;color:#333;}
.tech-txt p + h3 {margin-top:18px;}
.tech-txt h3 + p {margin-top:7px}
.code-list li {position:relative;padding-left: 15px;margin-top: 3px;word-break: keep-all;}
.code-list li:before {content:'';width: 7px;height: 8px;background: url(/002/img/m-point.png);margin-right: 7px;position: absolute;left: 0;top: 7px;}
.tool-wrap {padding:60px 0;}
.tool-tit h2 {font-size: 17px;font-weight: 700;color: #2673dd;margin-bottom: 12px;text-align:center;}
.tool-tit h1 {font-size:32px;font-weight:400;color:#000;margin-bottom:20px;letter-spacing:-1px;text-align:center;}
.tool-cont {display:flex;flex-wrap:wrap;width:900px;margin:0 auto;}
.tool-list-wrap li img {border:1px solid #c8d6ed;display:block;margin:0 10px 10px 0}
.tool-list-wrap li span {text-align:center;width:100%;display:inline-block;}
.tool-cont-inner {margin:20px 0;width:calc(50% - 20px)}
.tool-cont-inner.tool-list1 {margin-left:40px}
.tool-list-wrap {display:flex;justify-content: center;flex-wrap: wrap;}
.tool-list-wrap li {display: flex;
flex-direction: column;
align-items: center;}
.tool-cont-inner h3 {background:#f0f3f8;padding:14px 16px;border-radius:3px;margin-bottom:20px;font-size:16px;}
.tool-cont-inner h3 img {vertical-align:middle;margin-right:10px}
/*sub02*/
.device-wrap h3 {
color: #333/*#26256f*/;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
}
/* h3 > span {color: #2673dd;} */
h3:before {content: '';display: inline-block;width: 6px;height: 6px;vertical-align: middle;margin-right: 6px;background: #030091;}
.tbl_st {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:1px solid #b7b7b7; -webkit-overflow-scrolling:touch; /* 삭제 word-break:keep-all; */ font-size:14px;} /* 191230 */
.tbl_st thead th {padding:6px 3px; vertical-align:middle; color:#fff; font-weight:normal; font-size:14px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#101045;line-height:1.4}
.tbl_st tbody th {padding:6px 3px; vertical-align:middle; color:#101045; font-weight:normal; font-size:15px; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; background:#f2f4f6;}
.tbl_st td {padding:6px 3px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#333;line-height:1.3;vertical-align: middle;}
.tbl_st tfoot th {padding:13px 3px; color:#222; font-weight:normal; font-size:14px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#fafbfb;}
.tbl_st tfoot td {padding:13px 3px; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#fafbfb;}
.tbl_st:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}
.device-wrap {display:flex;justify-content:space-between;}
.device-inner:nth-child(1) {width:calc(60% - 8px)}
.device-inner:nth-child(2) {width:calc(40% - 8px)}
.device-inner table + table {margin-top:30px}
/*sub03*/
.light-box {overflow:hidden !important;}
.close-light-box {line-height:24px !important;}
.img_box img{max-width:100%}
.cer_list_wrap{margin-top: 90px;}
.cer_list{width: 100%;
width: calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: -moz-calc(100% + 10px);
margin-top: -50px;/*margin-left: -57px;*/}
.cer_list > li {float: left;width: 25%;padding: 30px 10px;box-sizing:border-box}
.cer_list > li p{margin-left: 30px;/* font-size: 16px; *//* line-height: 25px; *//* height: 100px; */padding-left: 11px;position: relative;margin-top: 10px;font-weight: 400;display: flex;align-items: flex-start;word-break: keep-all;color: #999;font-size: 14px;line-height: 1.4;}
.cer_list > li p:before{content:'';position: absolute;width: 2px;/* height: 95px; */bottom: 2px;background-color: #559c19;left: 0;top: -40px;}
.cer_list > li span{/* margin-left: 30px; */font-size: 16px;/* line-height: 25px; *//* height: 100px; *//* padding-left: 11px; *//* position: relative; *//* margin-top: 23px; */font-weight: 500;display: flex;align-items: flex-start;word-break: keep-all;color: #333;}
/* .cer_list > li p{margin-left: 30px;font-size: 16px;line-height: 25px;height: 100px;padding-left: 11px;position: relative;margin-top: 23px;font-weight: 500;display: flex;align-items: flex-start;word-break: keep-all;}
.cer_list > li p:before{content:'';position: absolute;width: 2px;height: 95px;bottom: 2px;background-color: #559c19;left: 0;top: -40px;}
.cer_list > li span{margin-left: 30px;font-size: 16px;line-height: 25px;height: 100px;padding-left: 11px;position: relative;margin-top: 23px;font-weight: 500;display: flex;align-items: flex-start;word-break: keep-all;} */
@media all and (max-width: 1580px){
.cer_list{width: 100%;
width: calc(100% + 60px);
width: -webkit-calc(100% + 60px);
width: -moz-calc(100% + 60px);
margin-top: -30px;margin-left: -30px;}
.cer_list > li {padding: 30px;}
}
@media all and (max-width:1366px) {
/*sub01*/
.tech-top h1 {font-size:33px;line-height:1.5;margin-top:17px;margin-bottom:26px;}
.tech-list-wrap {margin-top:65px;}
.tech-wrap {padding:10px 0;}
.tool-wrap {padding:50px 0;}
.cer_list > li {float: left;width: 50%;padding: 30px 10px;box-sizing:border-box;min-height: 660px;}
}
@media all and (max-width:1280px) {
/*sub01*/
.tech-list-wrap {margin-top:55px;}
.tech-list-wrap {padding:25px 0;}
.tech-wrap {padding:20px 0;}
.tech-wrap .tech-cont {margin:10px 0;}
.tech-cont img {width:500px;height:304px;}
.tech-cont-inner .ability li {font-size:15px;padding:22px 0;width:32.5%}
.tech-cont-inner h1 {margin-bottom:25px;font-size:26px;}
.tech-cont-inner .ability {margin-bottom:20px;}
.tech-cont-inner h2 {margin-bottom:9px;font-size:16px;}
.tech-wrap .tech-cont .tech-cont-inner {margin-left:0px;margin-right:0;padding:50px 30px}
.tech-top-right p br {display:none;}
}
@media all and (max-width: 1100px){
.cer_list{width: 100%;
width: calc(100% + 40px);
width: -webkit-calc(100% + 40px);
width: -moz-calc(100% + 40px);
margin-top: -20px;margin-left: -20px;}
.cer_list > li {padding: 20px;}
}
@media all and (max-width:1024px) {
/*sub01*/
.tech-top {padding:0 30px;}
.tech-wrap .tech-cont {flex-direction:column;align-items:center;}
.tech-wrap .tech-cont .tech-cont-inner {margin-right:30px;}
.tech-cont-inner .ability li {width:200px;margin:0 10px}
.tech-cont-inner .ability {justify-content:center;background: #e2e8f2;padding: 20px;border-radius: 15px;}
.tech-cont-inner h1 {border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;margin-bottom:15px;}
.tech-wrap .tech-cont .tech-cont-inner {margin-top:20px;width:100%;margin-left:0;margin-right:0;padding:30px;}
.tech-wrap .tech-cont:nth-child(even) {flex-direction:column}
.tech-list-wrap ul {padding:0}
/*sub02*/
.device-wrap {display:block}
.device-inner:nth-child(1) {width:100%;margin-bottom:30px;}
.device-inner:nth-child(2) {width:100%;}
.tbl_st,.tbl_st tbody th {font-size:13px;}
}
@media all and (max-width:960px) {
/*sub01*/
.tech-top h1 {font-size:29px;letter-spacing:-2px;}
.tech-top-right p {font-size:16px;}
.tech-top-right .lank {font-size:16px;}
.tool-cont {width:100%;align-items:center;flex-direction:column}
.tech-top-right {margin-left:30px;}
.tech-top-right p br {display:none;}
.tool-cont-inner {width:600px;}
.tool-tit h1 {margin-bottom:0;}
.tech-list-wrap ul li h2 {font-size:14px;font-weight:400;margin-top:20px;}
.tech-list-wrap ul li img {width:38px;height:37px;}
.tech-cont-inner h1,.tool-tit h1 {font-size:25px;}
.tech-cont-inner h2,.tool-tit h2 {font-size:15px;}
.tech-top-inner > img {width:380px;height:211px;}
.tool-cont-inner.tool-list1 {margin-left:0;}
}
@media all and (max-width:830px) {
/*sub01*/
.tech-top-inner {display:block;text-align:center;}
.tech-top-inner > img {margin-bottom:12px;}
.tech-top-right .lank {margin-left:auto;margin-right:auto;margin-top:12px;}
.tech-list-wrap {margin-top:40px;}
.tech-top:after {bottom:-101px;}
.tech-list-wrap ul li {padding:0 10px;}
.tech-list-wrap ul li:nth-child(even) {padding:0;}
.tech-list-wrap ul li h2 {line-height:1.4;text-align:center;}
.tech-top-right {margin:0;}
.cer_list > li {float: left;width: 50%;padding: 30px 10px;box-sizing:border-box;min-height: 610px;}
}
@media all and (max-width: 767px){
.cer_list{width: 100%;
width: calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: -moz-calc(100% + 20px);
margin-top: -10px;margin-left: -10px;}
.cer_list > li {padding: 10px;width: 50%;}
.cer_list > li p{margin-top: 5px;}
.cer_list_wrap{margin-top: 40px;}
.cer_list > li p{margin-left: 14px;font-size: 13px;line-height: 20px;}
.cer_list > li p:before {height: 60px;}
.light-box {
width: 400px !important;
height: 400px !important;
left: calc(50% - 200px) !important;
margin-left: 0 !important;
}
.light-box img {width:100% !important;height:100% !important}
.cer_list > li {min-height: 500px;}
}
@media all and (max-width:680px) {
.tool-cont-inner {width:100%;}
}
@media all and (max-width:560px) {
.tech-cont img{max-width: 100%;height: auto;}
.tech-cont-inner .ability {padding:20px 5px;}
.tech-cont-inner .ability li {margin:0 3px;font-weight:400;border-radius:8px;line-height:1.5;font-size:14px;}
.tech-wrap .tech-cont .tech-cont-inner {margin:0}
.tech-wrap .tech-cont:nth-child(even) .tech-cont-inner {margin:0}
.tool-list-wrap li {margin-bottom:20px;}
}
@media all and (max-width: 480px) {
/*sub01*/
.tech-top {padding:0;}
.tech-top h1 {font-size:18px;line-height:1.4;margin-top: 8px;margin-bottom: 18px;}
.tech-top-right p {line-height:1.5;font-size:14px;}
.tech-top-right .lank {font-size:15px;}
.tech-list-wrap {margin-top:30px;}
.tech-wrap .tech-cont {margin:0;}
.tech-cont-inner h2, .tool-tit h2 {font-size:13px;}
.tech-cont-inner h1, .tool-tit h1 {font-size:20px}
.tech-cont-inner h2 {margin-bottom:5px;}
.tool-cont-inner h3,.tech-txt {font-size:14px;}
.tech-cont-inner .ability li {width:100%;padding:5px;margin:0;margin-bottom:5px;}
.tech-cont-inner .ability {padding:10px;display:block;margin-bottom:10px;}
.tool-cont-inner h3:last-child {margin-bottom:0;}
.tech-top:after {display:none;}
.cer_list > li {min-height: 0; width: 100%;}
/*sub02*/
.device-wrap h3 {font-size:17px;}
.tech-top-right {padding:0 20px;}
.light-box {display:none !important;}
}
@media all and (max-width:420px) {
.cer_list > li {width:100%;}
}
@media all and (max-width:350px) {
.tbl_st td {word-break:break-all;}
}