/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title h2 {font-size:24px; font-weight: 600; color:#0066d6; font-family: 'Montserrat'; }
.s_title h1 {font-size:48px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 30px;}
.s_title p {font-size:20px; font-weight: 400; color:#000;  font-family: 'NanumSquare',sans-serif; margin-top: 20px ; line-height: 32px;}
/* num_title */
.num_title {display: flex; align-items: center; text-align: left ;}
.num_title h1 {font-size:40px; font-weight: 800; color:#0066d6; font-family: 'NanumSquare',sans-serif; margin-right: 25px; }
.num_title h2 {font-size:24px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; }

.bullet_list li {position: relative; padding-left: 15px; line-height: 30px; font-size:17px; font-weight: 300; color:#000; word-break: keep-all; margin-bottom: 15px;
letter-spacing: -.5px;}
.bullet_list li:last-child {margin-bottom: 0;}
.bullet_list li::before {content: ''; display: block; width: 6px; height: 6px; background-color: #666; position: absolute; left: 0; top: 12px; border-radius: 50%; }
.bullet_list li b {font-weight: 500; color:#000; }
.bullet_list li span {font-weight: 500; color:#0066d6; }

/* table */
.s_table table {border-collapse: collapse; width: 100%; border-top: 3px solid #0066d6; }
.s_table table thead th {padding:15px 10px; font-size:16px; font-weight: 500; color:#fff; background-color: #4472c4; border:1px solid rgba(255,255,255,.2);}
.s_table table thead td {font-size:16px; font-weight: 400; color:#000; border:1px solid #dce0e4; padding:15px 10px; text-align: center; background-color: #f8fbff;
line-height: 22px; letter-spacing: -.5px;}
.s_table table tbody th {font-size:16px; font-weight: 400; color:#000; border:1px solid #dce0e4; padding:15px 10px; text-align: center; background-color: #f8fbff;
line-height: 22px; letter-spacing: -.5px;}
.s_table table tbody td {font-size:16px; font-weight: 300; color:#000; border:1px solid #dce0e4; padding:15px 0; text-align: center;  background-color: #fff;}
.s_table table tbody th.tit {font-size:16px; font-weight: 500; color:#000;}


.w_box {background-color: #fff; box-shadow: 0 0 13.9px 0.1px rgba(0, 88, 184, 0.15);}
.section {padding:90px 0;}
.section.gray {background-color: #fbfbfb; }

/*Content CSS*/
#technology4 {text-align: center ;padding:85px 0 0;}

#tech4_sec2 .img {width: 100%; height: 600px; display: flex ;align-items: center ;justify-content: center; background-color: #fff ; box-shadow: 0 0 13.9px 0.1px rgba(0, 88, 184, 0.15); padding: 40px 20px;}
#tech4_sec2 .img img {width: 100%; height: 100%; object-fit: contain;}
#tech4_sec3 .img {width: 100%; height: 600px; display: flex ;align-items: center ;justify-content: center; background-color: #fff ; box-shadow: 0 0 13.9px 0.1px rgba(0, 88, 184, 0.15); padding: 40px 20px;}
#tech4_sec3 .img img {width: 100%; height: 100%; object-fit: contain;}

/* sec1 */
#tech4_sec1 {padding-top: 0;}
#tech4_sec1 .article {margin-top: 70px;}
#tech4_sec1 .article .txt {display: flex ; text-align: left ; justify-content: space-between; margin-bottom: 60px;}
#tech4_sec1 .article .txt .num_title h2 span {font-size:20px; font-weight: 400; color:#000;}
#tech4_sec1 .article .txt .bullet_list {padding:7px 0 0;}
#tech4_sec1 .article .img {margin-left: -7px;}

#tech4_sec3 .article > p {text-align: left; margin-left: 76px; font-size: 21px; margin-bottom: 60px; color: #0066d6; font-weight: 500}

/* sec2 */
#tech4_sec2 .img {margin-top: 70px; margin-left: -4px;}


/* sec3 */
/* #tech4_sec3 {display: none; } */
#tech4_sec3 .s_table_area {width:100%; height:100%; position: relative; }
#tech4_sec3 .s_table_area .s_table_border_red_box  {position:absolute; z-index: 10; top:0; left:0px; width:1012px; height:407px; border: 3px solid #ff0000; }
#tech4_sec3 .s_table_area .s_table{margin-top: 30px; }
.s_table .font_red{color:#ff0000; font-weight: 600;}
.s_table .font_blue{color:#0000cc; font-weight: 600;}
/* #tech4_sec3 .s_table .bor-left  {border-left: 3px solid #ff0000; }
#tech4_sec3 .s_table .bor-top  {border-top: 3px solid #ff0000; }
#tech4_sec3 .s_table .bor-right  {border-right: 3px solid #ff0000; }
#tech4_sec3 .s_table .bor-bottom  {border-bottom: 3px solid #ff0000; } */










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

}


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

}

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

}