#sub_top_area_system_wrap{width:100%;}
.sub_top_area_system{position:relative;width:100%;margin:0 auto;text-align:center;color:#fff;padding: 100px 0 40px 0;}
.system_sub_top_line {width: 40px; height: 1px; background: #fff; margin: 0  auto 25px auto;}
.sub_top_area_system h1 {color:#FFF;font-size:20px;font-weight: 400; letter-spacing: -2px; margin: 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: 'Montserrat', 'NanumSquare', sans-serif; margin-bottom: 15px; line-height: 26px;}
.sub_top_area_system p {color:#FFF;font-size:14px;font-weight: 400; margin: 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: 'Montserrat', 'NanumSquare', sans-serif; letter-spacing: -.5px;}


.sub_nav_tab {position: absolute; bottom:0; left: 50%; margin-left: -640px; width: 1280px; }
.sub_nav_tab ul {font-size: 0; text-align: center; }
.sub_nav_tab ul li {width: 256px; text-align: center; display: inline-block; vertical-align: bottom;}
.sub_nav_tab ul li a {display: block; text-decoration: none; color:#fff; width: 100%; line-height: 65px; background: #333; border-right: 1px solid #222; transition: all 0.3s ease; font-size: 16px; color:#fff;}
.sub_nav_tab ul li a:hover {background: url('../images/system/sub_nav_tab_ov.jpg') 50% 50% no-repeat; line-height: 85px;}
.sub_nav_tab ul li:last-child a {border-right: 0;}
.sub_nav_tab ul li a.active {background: url('../images/system/sub_nav_tab_ov.jpg') 50% 50% no-repeat; line-height: 85px;}

/*공통*/
.sub_arrow_right {font-size: 42px; color:#ddd}

.mai1_article {width: 100%; display: flex; flex-direction: column; margin-top: 30px; align-items: center;}
/* .mai1_box_wrap:nth-child(1) {width: 340px;}
.mai1_box_wrap:nth-child(2) {width: 451px; padding-top: 10px;}
.mai1_box_wrap:nth-child(3) {width: 340px;} */

.mai1_box1 {width: 100%; background: url('../images/system/mai1_box1_bg.png') 50% 50% no-repeat #f7f7f7; background-size: cover;
margin-bottom: 20px; padding: 20px 20px; max-width:500px;}
.mai1_box1:last-child {margin-bottom: 0;}
.mai1_box_wrap:nth-child(1) .mai1_box1:last-child {background-color:#e6e6e6}
.mai1_box_wrap:nth-child(2) .mai1_box1:last-child {background-color:#e6e6e6}
.mai1_box1 h1 {background: #fff; width: 100%; padding: 10px; text-align: center; font-size:18px; font-weight: 700;font-family: 'NanumSquare', sans-serif; margin-bottom: 15px;}
.mai1_box1 ul li {font-size: 15px; font-weight: 300;  color:#666; margin-bottom: 5px;background: url('../images/system/cir_blet_b.png') 0% 8px no-repeat; padding-left: 10px; letter-spacing: -1px;}

.mai_box2 {text-align: center;}
.mai_box2 img {width:90%; height:auto; max-width:400px;}

.mai2_article {width: 100%; }
.mai2_box_wrap {width: 100%; display: flex; flex-direction: column; margin-bottom: 40px; align-items: center;}
.mai2_box_wrap:nth-child(2) {margin-bottom: 0;}
.mai2_box1 {width: 314px; height: 314px; background: url('../images/system/mai2_bg1.png') 50% 50% no-repeat; text-align: center; padding-top: 70px;}
.mai2_box_wrap:nth-child(2) .mai2_box1 {background: url('../images/system/mai2_bg2.png') 50% 50% no-repeat;}
.mai2_txt_wrap {width: 100%; background: #f5f5f5; border-radius: 3px 3px 0 0; overflow: hidden; padding:20px; max-width: 500px;}

.mai2_icon { margin-bottom: 15px;}
.mai2_box1 h1 {font-family: 'NanumSquare', sans-serif; font-size: 22px; font-weight: 700; color: #333; margin-bottom: 5px;}
.mai2_box1 p {font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight: 300; color: #8d8d8d;}
.mai2_arrow {margin:20px 0; transform: rotate(90deg);}

.mai2_txt_wrap h1 {width: 100%; background: #3bcacc; color:#fff; height: 60px; line-height: 60px; font-size: 18px; font-family: 'NanumSquare', sans-serif; font-weight: 500; text-align: center;}
.mai2_box_wrap:nth-child(2) .mai2_txt_wrap h1 {background: #9068d7;}
.mai2_txt_box {width :100%; display: flex; flex-direction: column; margin-top:20px;}
.mai2_txt {width: 100%; background: #fff; padding: 25px 20px;}
.mai2_txt:nth-child(2) {margin-top:15px;}
.mai2_txt ul li {font-size: 15px; font-weight: 300;  color:#666; margin-bottom: 5px;background: url('../images/system/cir_blet_m.png') 0% 10px no-repeat; padding-left: 10px; letter-spacing: -1px;}
.mai2_txt ul li:last-child {margin-bottom:0;}
.mai2_txt h2 { color:#e88521;  font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.mai2_box_wrap:nth-child(2) .mai2_txt ul li {background: url('../images/system/cir_blet_p.png') 0% 10px no-repeat;}

.mai3_article {width: 100%; display: flex; flex-direction: column; text-align: center; position: relative; align-items: center; }
.mai3_bg {position: absolute; bottom: -200px; left: -360px; z-index:0;}
.mai3_box {width: 350px;position: relative; z-index: 3}
.mai3_arrow_down2 {    font-size: 12px;color: #ddd;}
.mai3_arrow_left {margin:30px 0; transform: rotate(90deg);}
.mai3_icon {margin-bottom: 30px;}
.mai3_txt_wrap h1 {width: 100%; height: 60px; line-height: 60px; color:#fff; font-weight: 500; font-family: 'NanumSquare', sans-serif; background: #3bcacc; margin-bottom: 15px; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 500;}
.mai3_box:nth-child(4) .mai3_txt_wrap h1 {background: #009aca;}
.mai3_box:nth-child(6) .mai3_txt_wrap h1 {background: #0077d3;}
.mai3_txt_box ul li {position: relative; border: 1px solid #ddd; margin-top: -1px; width: 100%; height: 60px; background: #fff;}
.mai3_txt_box ul li p {font-size: 15px; font-weight: 300; color:#333;  line-height: 60px;}
.color_orange { font-weight: 400!important; color:#e88521!important;}
.mai3_arrow_down {position: absolute; bottom: -12px; left: 50%; margin-left: -10px; width: 100%; text-align: center;; width: 20px; height: 21px; background: #fff; z-index: 9}
.mai3_arrow_down i { font-size: 20px; color:#ddd}

.mai4_article {width: 100%; position: relative; margin-top: 30px; margin-bottom:40px; display: flex; flex-direction: column; align-items: center;}
.mai4_box{ width: 100%; background: #fff; margin-bottom:20px; max-width:500px;}
.mai4_box:last-child {margin-bottom:0;}
.mai4_box h1 {width: 100%; height: 50px; line-height: 50px; text-align: center; color:#fff; font-size: 18px; font-weight: 500; background: #0077d3;}
.mai4_txt {padding: 20px 20px; width: 100%; z-index: 2 }
.mai4_txt ul li {width: 100%;background: url('../images/system/dotblet.png') 0 5px no-repeat; padding-left: 15px; font-size: 15px; font-weight: 300; letter-spacing: -0.7px; color:#666;  line-height: 24px; word-break: keep-all;}

.mai4_box:nth-child(2) h1 {background: #9068d7}
.mai4_box:nth-child(3) h1 {background: #fe5a91}
.mai4_box:nth-child(4) h1 {background: #3bcacc}
.mai4_box:nth-child(5) h1 {background: #009aca}
.mai4_box2 {text-align:center;}
.mai4_box2 img {width:90%; height:auto; max-width:400px;}

.secu_table.underbar table th {line-height: 22px;}
.secu_table.underbar table td {line-height: 22px !important; font-size:14px !important; }

.underbar table td ul li {background: url('../images/system/bar_blet.jpg') 0 12px no-repeat; padding-left: 10px;}
.secu_table thead th {border-right: 1px solid rgba(255,255,255,0.2)}
.mai5_article {width: 100%; position: relative; text-align: center; margin-top: 40px; z-index: 1; }
.mai5_bg {position: absolute; bottom: 50px; left: 0; text-align: center; width: 100%; z-index: -1; }
.mai5_bg img {width:100%;}
.mai5_box1_wrap {width: 100%; display: flex; flex-direction: row; flex-wrap:wrap; position: relative; z-index: 3; justify-content: space-between;}
.mai5_box1 {width: 48%; padding-bottom:48%; font-size: 15px; font-weight: 400; letter-spacing: -1px; line-height: 24px; color:#333; background: url('../images/system/mai5_box_bg1.png') 50% 50% no-repeat; background-size:cover;  word-break: keep-all; height:0; position: relative;}
.mai5_box1 span {display: block; width:100%; height:100%; position: absolute;left:0; top:0; display: flex; align-items: center; justify-content: center;}
.mai5_box1:nth-child(2), .mai5_box1:nth-child(3) {background: url('../images/system/mai5_box_bg2.png') 50% 50% no-repeat; background-size:cover;}
.mai5_box1:nth-child(n+3) {margin-top:15px;}
@media (max-width:375px) {
    .mai5_box1{font-size:14px;}
}

.mai5_txt1 {width: 100%; margin: 30px auto; background: rgba(0,0,0,0.6); font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color:#fff;  position: relative; z-index: 3; padding:12px 15px; }
.mai5_txt2_wrap {width: 100%;display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 3; align-items: center; }
.mai5_txt2 {width: 90%; border: 1px solid #ddd; background: #fff; padding: 30px 15px; margin-bottom:10px; max-width: 500px;}
.mai5_txt2:last-child {margin-bottom:0;}
.mai5_txt2 h1 {font-weight: 500; color: #333; font-size: 18px; letter-spacing: -0.25px;}
.mai5_line {width: 45px; height: 1px; background: #000; display: inline-block; margin: 15px 0;}
.mai5_txt2 p {font-weight: 300; color: #666; font-size: 15px; letter-spacing: -1px; line-height: 24px; word-break: keep-all;}
.mai5_txt3 {margin-top: 50px; font-size: 28px; font-weight: 500; color:#333; font-family: 'NanumSquare', sans-serif;word-break: keep-all; }
.mai5_txt3 span {font-weight: 700; color:#0077d3; }

.mai6_article {width: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: center;  align-items: center;}
.mai6_box1 {width: 314px; height: 314px; background: url('../images/system/mai6_bg.png') 0 0 no-repeat; padding-top: 120px; font-family: 'NanumSquare', sans-serif; font-size: 30px; font-weight: 900; color:#333; line-height: 50px; }
.mai6_box2 {width: 100%;}
.mai6_box2 ul {display: flex; flex-wrap: wrap; flex-direction: row;}
.mai6_box2 ul li {width: 50%; border: 1px solid #ddd; margin-left: -1px; margin-top: -1px; height: auto; font-size: 15px;font-weight: 400; color:#333;
letter-spacing: -1px; word-break: keep-all; padding:15px 10px;}
.mai6_box2 ul li:nth-child(2), .mai6_box2 ul li:nth-child(3), .mai6_box2 ul li:nth-child(6) {background: #f7f7f7;}

.mai7_article {width: 100%;display: flex; flex-direction: column; justify-content: space-between; text-align: center; align-items: center;}
.mai7_box_wrap {width: 100%; position: relative; max-width:400px;}
.mai7_icon {margin-bottom:20px;}
.mai7_title {width: 100%; height: 50px; line-height: 50px; font-size: 18px;font-family: 'NanumSquare', sans-serif; color:#fff; font-weight: 500; margin: 15px 0;}
.mai7_box1_wrap .mai7_title {background: #3bcacc}
.mai7_box2_wrap .mai7_title {background: #009aca}
.mai7_box3_wrap .mai7_title {background: #0077d3}
.mai7_box4_wrap .mai7_title {background: #9068d7}

.mai7_p_box {width: 100%;border: 1px solid #ddd;}
.mai7_p_box h1 {background: #f7f7f7; padding: 15px 0; color:#333; font-weight: 500; font-size: 16px; border-bottom: 1px solid #ddd; }
.mai7_p_box ul li { padding: 0 15px;  font-size: 14px; font-weight: 300; color:#666; line-height: 18px;background: url('../images/system/bar_blet.jpg') 15px 9px no-repeat; padding-left: 25px; text-align: left; word-break: keep-all;}

.mai7_p_box1 ul {padding: 20px 0;}
.mai7_p_box1 ul li {margin-bottom: 5px;}

.mai7_p_box2 ul {display: flex; flex-direction: row; flex-wrap: wrap}
.mai7_p_box2 ul li {width: 50%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 0 10px 25px; background: url('../images/system/bar_blet.jpg') 15px 19px no-repeat;}
.mai7_p_box2 ul li:nth-child(2n) {border-right: 0;}
.mai7_p_box2 ul li:nth-child(3), .mai7_p_box2 ul li:nth-child(4) {border-bottom: none;}

.mai7_p_box3 ul {padding: 24px 19px 0 19px;}

.mai7_p_blue {border-color:#0077d3}
.mai7_p_blue h1 {background: #0077d3; color:#fff; border-color:#0077d3}
.mai7_p_blue ul li {border-color:#0077d3}

.mai7_arrow {transform: rotate(90deg); margin:15px 0;}

.mai7_arrow1 {width: 100%; margin: 15px 0;}
.mai7_arrow2 {position: absolute; bottom: 18px; right: -76px;}

.netapp1_box_wrap {width: 100%;display: flex; flex-direction: column;  justify-content: space-between; align-items: center;}
.netapp1_box {width: 100%; margin-bottom:30px;}
.netapp1_box:last-child {margin-bottom:0;}
.netapp1_img {width: 100%; border: 1px solid #ddd; text-align: center; padding: 20px 0; overflow: hidden; transition: all 0.3s;}
.netapp1_img img {width:90%; max-width:260px;}
.netapp1 .sub_p {line-height: 26px;}

.net2_table {margin-top: 15px;}
.net2_table thead th {background: #333; color:#fff; text-align: center; padding: 15px 0;}
.net2_table tbody th, .net2_table tbody td {padding: 35px 10px; border-bottom: 1px solid #ddd; vertical-align: top; }
.net2_table tbody th{border-bottom:0; padding: 35px 20px;}
.net2_table tbody th div {border: 1px solid #ddd; text-align: center; padding: 20px 0; transition: all 0.3s; }
.net2_table tbody th div img {vertical-align:middle; max-width: 100%;}

.net2_color_bg {background: #f7f7f7; text-align: center; color:#333; font-weight: 500; vertical-align: middle!important; border: none!important;}
.net2_color_bg2 {background: #ddd; text-align: center; color:#333; font-weight: 500; vertical-align: middle!important;border: none!important }
.net2_color_bg3 {background: #bbb; text-align: center; color:#333; font-weight: 500; vertical-align: middle!important;border: none!important }

.net2_txt {padding: 0 20px 25px 20px !important;}
.net2_txt h1 {font-size: 22px; font-weight: 700; color:#0077d3}
.net2_txt .sub_p {font-size: 15px; line-height: 22px; margin: 10px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; color:#333; font-weight: 400;
font-size:15px; letter-spacing: -1px;}
.net2_txt ul li {font-size: 13px; font-weight: 300;  color:#666; margin-bottom: 5px;background: url('../images/system/cir_blet_b.png') 0% 8px no-repeat; padding-left: 10px;}

.netapp3_article {width: 100%; display: flex; flex-direction: column; align-items: center;}

.netapp3_box {width: 100%;  background: #fff; text-align: center; padding: 30px 25px; margin-bottom: 25px; border: 5px solid #fff; transition: all 0.3s;
max-width:500px;}
/* .netapp3_box:last-child {margin-right: 0} */
.netapp3_icon {width: 130px; height: 130px; border: 5px solid #ddd; border-radius: 50%; margin: 0 auto; line-height: 115px;}
.netapp3_icon img {width: 60%;vertical-align:middle; transition:transform 500ms}
.netapp3_box h1 {font-size: 18px; font-weight: 700; color:#0077d3}
.netapp3_box p {font-size: 15px; font-weight: 300; color:#666; word-break: keep-all; line-height: 24px; margin-top: 15px; letter-spacing: -0.5px;}
/* .netapp3_box:hover {border: 5px solid #0077d3; }
.netapp3_box:hover .netapp3_icon img {transform:rotateY(180deg); transition:transform 500ms} */

.netapp4_article {width: 100%; display: flex; flex-direction: column;  align-items: center; margin-top: 40px;}
.netapp4_box {width: 100%; max-width: 500px;}
.netapp4_box:first-child {margin-bottom:30px;}
.netapp4_box_line {width: 50px; height: 2px; background: #0077d3;}
.netapp4_box > h1 {font-size: 22px; font-weight: 500; color:#000; margin: 18px 0 20px 0; font-family: 'NanumSquare', sans-serif; line-height: 28px;}
.netapp4_box > h1 span {color:#0077d3; font-size: 14px; font-family: 'Noto Sans KR',sans-serif; font-weight: 400}
.netapp4_img_box {border: 1px solid #ddd; overflow: hidden;}
.netapp4_img_box img {width: 100%;}
.netapp4_box p {font-size: 15px; font-weight: 300; color:#000; line-height: 26px; word-break: keep-all; margin: 15px 0 15px 0;}
.netapp4_txt h1 {font-size: 14px; font-weight: 500; background: #0077d3; font-family: 'Noto Sans KR',sans-serif; margin-bottom: 10px; color:#fff; width: 150px; height: 35px; line-height: 35px; text-align: center;}
.netapp4_txt ul li {font-size: 14px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 7px; padding-left: 15px;}

.cz1_article {width: 100%; display: flex; flex-direction: column;  align-items: center; margin-top: 40px;}
.cz1_logo_box {margin: 30px 0}
.cz1_logo_box ul {display: flex; flex-direction: row; justify-content: space-between;}
.cz1_logo_box ul li {width: 32%; background: #fff; padding: 15px; border: 1px solid #ddd; text-align: center; display: flex; align-items: center; justify-content: center;}
.cz1_logo_box ul li img { max-width: 100%; }
.cz1_logo_box ul li:nth-child(2) img {max-width: 50%;}
.cz1_img_box {width: 100%; max-width:420px; margin-top:20px;}
.cz1_img_box img {width: 100%;}
.cz1_box_top {width: 100%;display: flex; flex-direction: column;  align-items: center; background: #f7f7f7; max-width:500px;}
.cz1_box {width: 100%; text-align: center; position: relative;}
.cz1_box:nth-child(2) {border: 3px solid red; border-top: 0;}
.cz_border_top { width: 100%; height: 3px; background: red; position: absolute; top: 0;}
.cz1_box h1 {width: 100%; background: #0077d3; color:#fff; font-size: 16px; font-weight: 400; padding: 15px 0;}
.cz1_icon {margin: 20px auto 0 auto;  border: 3px solid #ddd; border-radius: 50%; width: 130px; height: 130px;  line-height: 120px; transition: all 0.3s;}
.cz1_box:hover .cz1_icon { border: 3px solid #0077d3;}
.cz1_box p{font-size: 15px; font-weight: 300; color:#000; line-height: 24px; word-break: keep-all; padding: 0 10px 30px 10px; letter-spacing: -0.5px;}

.cz1_box_btm {width: 100%; background: #f7f7f7; position: relative;overflow: hidden; padding: 45px 30px 30px 30px; border-top: 1px solid #ddd;}
.cus2_arrow {position: absolute; top: -45px; left: 0; font-size: 70px; color:#ddd; text-align: center; width: 100%;}
.cz1_box_btm ul li {font-size: 15px; font-weight: 300;  color:#666; margin-bottom: 5px;background: url('../images/sub/s_blet.png') 0% 7px no-repeat; padding-left: 15px; letter-spacing: -1px;}

.cz1_txt {width :100%; padding: 15px 20px; text-align: left; font-size: 16px; font-weight: 400; color:#333; line-height: 24px; border: 1px solid #ddd; background: #f7f7f7; margin-top: 40px; word-break: keep-all;}
.cz1_txt span {color:#0077d3; font-weight: 700;}

.cz1_c1_box_wrap {width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap}
.cz1_c1_box {width: 49%; position: relative;}
.cz1_c1_num {width: 90px; height: 90px; color:#fff; background: #a8a69c; border-radius: 50%;padding-top: 15px;text-align: center; font-weight: 700; font-size: 18px; position: absolute; top: -45px; left: 50%; margin-left: -45px; z-index: 0}
.cz1_c1_txt {background: #f7f7f7; width: 100%;  padding: 15px;position: relative; z-index: 2; text-align: center;}
.cz1_c1_icon img {width: 50%}
.cz1_c1_box:nth-child(2) .cz1_c1_num {background: #6f8e2f}
.cz1_c1_box:nth-child(3) .cz1_c1_num {background: #326ce5}
.cz1_c1_box:nth-child(4) .cz1_c1_num {background: #d99761}
.cz1_c1_txt h1 {font-size: 16px; font-weight: 700;  font-family: 'NanumSquare', sans-serif; margin: 20px 0}
.cz1_c1_txt ul {background: #fff; padding: 10px;}
.cz1_c1_txt ul li{font-size: 13px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 6px; padding-left: 15px; text-align: left;}

.cz1_c2_img {width: 100%; border: 1px solid #ddd; text-align: center; padding: 30px 0; margin: 30px 0;}
.cz1_c2_img img {width: 100%;}
.cz1_c2_article {}
.cz1_c2_box {width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 10px;}
.cz1_c2_box h1 {background: #0077d3; color:#fff; padding: 35px 10px 0 10px; font-size: 16px; line-height: 26px; font-weight: 500; text-align: center; width: 30%; }
.cz1_c2_box ul {background: #f7f7f7; padding: 20px; width: 70%;}
.cz1_c2_box ul li{font-size: 14px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 7px; padding-left: 15px; text-align: left;}

.cz1_c4_img {width: 100%; border: 1px solid #ddd; text-align: center; padding: 20px; margin: 30px 0 0 0;}
.cz1_c4_img img {width: 100%;}

.cz2_c1_wrap {width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.cz2_c1_box {width: 50%; padding: 15px; background: #f7f7f7;}
.cz2_c1_box:nth-child(1), .cz2_c1_box:nth-child(4), .cz2_c1_box:nth-child(5), .cz2_c1_box:nth-child(8), .cz2_c1_box:nth-child(9), .cz2_c1_box:nth-child(12){background: #fff;}
.cz2_c1_box h1 {font-size: 16px; font-weight: 700; color:#000;font-family: 'Montserrat', sans-serif; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.cz2_c1_box ul {margin-top: 15px;}
.cz2_c1_box ul li {font-size: 13px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 9px; padding-left: 15px; text-align: left;}
.cz2_c1_box:nth-child(4n) {border-right: none;}
.cz2_c1_box:nth-child(9), .cz2_c1_box:nth-child(10), .cz2_c1_box:nth-child(11), .cz2_c1_box:nth-child(12) {border-bottom: none;}
.up_mark {display: inline-block; width: 30px; height: 17px; line-height: 15px; font-size: 10px; border-radius: 15px; background:#56c69b; color:#fff;margin-left: 5px; position: relative; top: -1px; text-align: center;}
.new_mark {display: inline-block;text-align: center; width: 30px; height: 17px; line-height: 15px; font-size: 10px; border-radius: 15px; background:#ff782e; color:#fff;margin-left: 5px; position: relative; top: -1px;}
.cz2_c1_icon{text-align: right; width: 100%; margin-bottom: 5px;}
.cz2_c1_icon img {width: 25px;}

.sub_wihte_bg {width: 100%; height: 80px; background: #fff; position: absolute; bottom: 0; left:50%; transform:translateX(-50%);}
.cz2_t_line {width: 50px; height: 2px; background: #0077d3; margin: 0 auto;}
.sub_title_box3 h1 {font-size: 26px; font-weight: 500; color:#000; margin: 18px 0 15px 0; font-family: 'NanumSquare', sans-serif; text-align: center;}

.cz2_table {width: 100%; margin-bottom: 20px;}
.cz2_table:last-child {margin-bottom: 0;}
.cz2_table table {width: 100%; }
.cz2_table table thead th { background: #333; text-align: center; color:#fff; padding: 15px 15px; font-size: 18px; font-weight: 400; letter-spacing: -0.3px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-right: 1px solid rgba(255,255,255,0.2); vertical-align: middle !important;}
.cz2_table table tbody th, .cz2_table table tbody td {border: 1px solid #ddd; padding: 10px 15px; font-size: 15px; font-weight: 300;  font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; vertical-align: middle !important;}
.cz2_table table tbody th {text-align: center; font-weight: 400; font-size: 16px; color:#fff; background: #0077d3; line-height: 30px; border-bottom: 1px solid #0077d3; border:1px solid rgba(255,255,255,.3);}
.cz2_table table tbody td {font-size: 15px; font-weight: 300; color:#666; line-height: 26px; text-align: center}
.cz2_table table tbody td span {color:#e06900}
.cz_title2 {background: #f7f7f7; }
.cz_txt {text-align: left;}
.cz_txt ul li{font-size: 14px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 11px; padding-left: 15px;}
.cz_txt h1 {font-style: italic; color: #ac1717; font-size: 18px; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 10px;}

.cz_title2 h1 {font-weight: 500; font-size: 16px; color:#333;}
.cz_title2 ul {margin-top: 10px;}
.cz_title2 ul li {font-size: 14px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; background: url('../images/system/cir_blet_b.png') no-repeat 0% 7px; padding-left: 10px; text-align: left; line-height: 18px;}

.cz2_arrow_box ul {width: 100%; display: flex; flex-direction: row;justify-content: space-between;}
.cz2_arrow_box ul li:nth-child(odd) {padding: 15px; border: 1px solid #aaa; background: #fff;  text-align: center; width: 30%; border-radius: 50px; background: #aaa; color:#fff;}
.cz2_arrow_box ul li:nth-child(2n) {padding-top: 15px; }

.cloud3_con1 {}
.cloud3_box_wrap {display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;}
.cloud3_title_box {width: 100%; background: #197cfa;  padding: 35px 30px; position: relative; font-family: 'NanumSquare', sans-serif; max-width:500px;}
.cloud3_title_bg { position: absolute; bottom: 0; right: 0;}
.cloud3_title_box h1 {font-size:40px; font-weight: 900; color:#fff; margin-bottom: 30px;}
.cloud3_title_box p {font-size:26px; font-weight: 500; color:#fff;word-break: keep-all;}
.cloud3_box {width: 100%;background: #fff; text-align: center; margin-top:15px; max-width:500px;}
.cloud3_box h1 {background: #197cfa;color:#fff; width: 100%; padding: 15px; text-align: center; font-size: 18px; font-weight: 500;font-family: 'NanumSquare', sans-serif; margin-bottom: 15px;}
.cloud3_box ul {padding: 15px 30px; min-height: 114px;}
.cloud3_box ul li {font-size: 16px; font-weight: 300;  color:#666; margin-bottom: 2px;background: url('../images/system/cir_blet_b.png') 0% 11px no-repeat; padding-left: 10px; text-align: left; word-break: keep-all;line-height: 26px;}

.cloud3_box_wrap:nth-child(2) .cloud3_title_box  {background: #9068d7;}
.cloud3_box_wrap:nth-child(2) .cloud3_box h1  {background: #9068d7;}
.cloud3_icon img {vertical-align:middle; transition:transform 500ms}
.cloud3_box:hover .cloud3_icon img {transform:rotateY(180deg); transition:transform 500ms}

.cloud3_con2 {display: flex; flex-direction: column; align-items: center;}
.cloud3_img_box {width: 100%; max-width:500px;}
.cloud3_img_box:last-child {margin-top:30px;}
.cloud3_img {border: 1px solid #ddd; transition: all 0.3s; margin-bottom: 15px;}
.cloud3_img img {width: 100%;}
.cloud3_img_box p {font-size: 15px; font-weight: 300;  color:#666; background: url('../images/system/cir_blet_b.png') 0% 9px no-repeat; padding-left: 10px; text-align: left; word-break: keep-all;line-height: 24px; letter-spacing: -1px;}

.oracle1_line {width: 50px; height: 2px; background: #0077d3;}
.oracle1_c2_box {width: 100%; display: flex; flex-direction: column; align-items: center;}
.oracle1_c2_img {width: 100%; border: 1px solid #ddd; max-width:500px;}
.oracle1_c2_img img {width: 100%;}
.oracle1_c2_txt {width: 100%;padding: 30px 0; max-width:500px;}
.oracle1_c2_txt h1{font-size: 24px; font-weight: 500; color:#000; margin: 15px 0 15px 0; font-family: 'NanumSquare', sans-serif;}
.oracle1_c2_txt p {font-size: 15px; font-weight: 300; color:#666; line-height: 26px; word-break: keep-all; letter-spacing: -1px;}
.oracle1_tt_box {width: 100%; background: #fff; padding: 20px; margin-top: 20px;}
.oracle1_tt_box ul li {font-size: 15px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 7px; padding-left: 15px;}

.oracle2_line {width: 50px; height: 2px; background: #0077d3;}
.oracle2_c1_box {width: 100%; display: flex; flex-direction: column; align-items: center;}
.oracle2_c1_img {width: 100%; border: 1px solid #ddd; max-width: 500px;}
.oracle2_c1_img img {width: 100%;}
.oracle2_c1_txt {width: 100%;padding: 30px 0; max-width: 500px;}
.oracle2_c1_txt h1{font-size: 24px; font-weight: 500; color:#000; margin: 15px 0 15px 0; font-family: 'NanumSquare', sans-serif;}
.oracle2_c1_txt p {font-size: 15px; font-weight: 300; color:#666; line-height: 26px; word-break: keep-all;}
.oracle2_tt_box {width: 100%; background: #f7f7f7; padding: 20px; margin-top: 20px;}
.oracle2_tt_box ul li {font-size: 15px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  background: url('../images/sub/s_blet.png') no-repeat 0% 7px; padding-left: 15px;}

.oracle2_color_txt h1 {color: #e88521;font-size: 16px; font-weight: 500; margin-bottom: 5px; font-family: 'Noto Sans KR',sans-serif;}
.oracle2_color_txt p {font-size: 15px; color:#666; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; margin-bottom: 5px;  line-height: 22px;}

.oracle5_c1_article {width :100%; display: flex; flex-direction: column; justify-content: center; margin-top: 40px;}
.oracle5_c1_box {width: 100%;padding: 30px; border: 1px solid #fff;  border-top: 3px solid #197cfa; transition: all 0.3s; border-bottom:1px solid #ddd;}
.oracle5_c1_box:nth-child(2) {border-top: 3px solid #333; border-right:1px solid #ddd;}
.oracle5_c1_box:first-child { border-left: 1px solid #ddd; border-right:0; border-bottom: 1px solid #ddd;}
.oracle5_c1_box:last-child {border-left:1px solid #ddd; border-top:3px solid #197cfa;}
.oracle5_c1_box h1 {width: 130px; height: 40px; border-radius: 50px; background: #197cfa; color:#fff; text-align: center ;line-height: 40px; font-size: 16px; margin: 0 auto 15px auto; transition: all 0.3s}
.oracle5_c1_box h2 {color:#197cfa; line-height: 40px; font-size: 24px; margin: 0 0 15px 0; transition: all 0.3s}
.oracle5_c1_box .sub_p {font-size: 15px; line-height: 26px; color:#666;}
.oracle5_c1_box:nth-child(2) h1 { background: #333;}
.oracle5_c1_box:nth-child(2) h2 { color: #333;}
.oracle5_c2_img {width: 100%; margin-top: 40px; border: 1px solid #ddd; padding: 20px; background: #fff;}
.oracle5_c2_img img {width: 100%;}

.oracle5_c3_article {width: 100%; margin-top: 40px; position: relative; }
.oracle5_c3_box1 {width: 100px; text-align: center;}
.oracle5_c3_box1:nth-child(2n) .oracle5_c3_box1_img {border: 6px solid #3c9fd9; }
.oracle5_c3_box1:nth-child(1) {position: absolute; top: 182px; left: 0;}
.oracle5_c3_box1:nth-child(2) {position: absolute; top: 75px; left: 166px;}
.oracle5_c3_box1:nth-child(3) {position: absolute; top: 25px; left: 333px;}
.oracle5_c3_box1:nth-child(4) {position: absolute; top: 0; left: 498px;}
.oracle5_c3_box1:nth-child(5) {position: absolute; top: 0; right: 498px;}
.oracle5_c3_box1:nth-child(6) {position: absolute; top: 25px; right: 333px;}
.oracle5_c3_box1:nth-child(7) {position: absolute; top: 75px; right: 166px;}
.oracle5_c3_box1:nth-child(8) {position: absolute; top: 182px; right: 0;}
.oracle5_c3_box1_img { width: 100px; height: 100px; border: 6px solid #76bbe8;  line-height: 85px; text-align: center; border-radius: 50%; overflow: hidden; background: #fff; margin-bottom: 10px;}
.oracle5_c3_box1 p {font-size: 16px; font-weight: 500; color:#76bbe8}
.oracle5_c3_box1:nth-child(2n) p {font-size: 16px; font-weight: 500; color:#3c9fd9}

.oracle5_c3_box2_wrap {width: 100%; display: flex; flex-direction: row; justify-content: center; position: absolute; top: 226px; left: 0;}
.oracle5_c3_box2 {width: 250px; height: 135px;background: url('../images/system/oracle5_con3_bg1.jpg') no-repeat 50% 50%; padding-top: 50px; color:#fff; font-size: 22px; font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif; line-height: 30px; padding-right: 40px; text-align: center;}
.oracle5_c3_box2 span {font-size: 34px; font-weight: 700}
.oracle5_c3_box2:nth-child(2) {width: 250px; height: 135px;background: url('../images/system/oracle5_con3_bg2.jpg') no-repeat 50% 50%; margin: 0 50px; }
.oracle5_c3_box2:nth-child(3) {width: 250px; height: 135px;background: url('../images/system/oracle5_con3_bg3.jpg') no-repeat 50% 50%; }

.oracle5_c3_img {width:100%; padding:20px 10px; margin-bottom:0;}
.oracle5_c3_img img {width:100%; height:auto;}

.oracle5_c3_box3_wrap {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.oracle5_c3_box3 { text-align: left; width: 100%; padding: 15px; border: 1px solid #ddd; display: flex; flex-direction: row; margin-left: -1px;
    max-width: 400px; display: flex; align-items: center; border-bottom:0; justify-content: center;}
.oracle5_c3_box3:last-child {border-bottom:1px solid #ddd;}
.oracle5_c3_box3_icon { margin-right: 20px;}
.oracle5_c3_box3_icon img {width:40px;}
.oracle5_c3_box3_t {color:#000; font-size: 15px; font-weight: 400; line-height: 30px;  letter-spacing: -1px;}
.oracle5_c3_box3_t span {color:red;font-size: 18px; font-weight: 700 }

.oracle5_c4_article {margin-top: 40px; display: flex; flex-direction: column; align-items: center;}
.oracle5_c4_box {text-align: center; width: 100%; max-width:500px; margin-bottom:30px;}
.oracle5_c4_box:last-child {margin-bottom:0;}
.oracle5_c4_top {border: 2px solid #71bce9; background: #fff; padding: 30px 20px;}
.oracle5_c4_icon {width: 180px;   margin: 0 auto 15px auto;  text-align: center;}
.oracle5_c4_icon img {width: 60%;vertical-align:middle; transition:transform 500ms}
.oracle5_c4_box:nth-child(2) .oracle5_c4_top  {border: 2px solid #0073bd;}
.oracle5_c4_box:nth-child(3) .oracle5_c4_top  {border: 2px solid #004fa2;}
.oracle5_c4_box:nth-child(4) .oracle5_c4_top  {border: 2px solid #733c93;}
.oracle5_c4_box:nth-child(2) .oracle5_c4_top h1  {color: #0073bd;}
.oracle5_c4_box:nth-child(3) .oracle5_c4_top h1  {color: #004fa2;}
.oracle5_c4_box:nth-child(4) .oracle5_c4_top h1  {color: #733c93;}
.oracle5_c4_top h1 {color:#71bce9; font-size: 20px; font-weight:700;}
.oracle5_c4_txt {margin-top: 15px;}
.oracle5_c4_txt ul { }
.oracle5_c4_txt ul li  {font-size: 14px; font-weight: 300;  color:#666; margin-bottom: 2px;background: url('../images/system/cir_blet_b.png') 0% 11px no-repeat; padding-left: 10px; text-align: left; word-break: keep-all;line-height: 26px; letter-spacing: -0.5px;}

.oracle5_c5_article {margin-top: 40px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap:wrap;}
.oracle5_c5_box {width: 48%; text-align: center; padding: 0 15px; margin-bottom:30px;}
.oracle5_c5_box:nth-child(n+5) {margin-bottom:0;}
.oracle5_c5_icon {width: 120px; height: 120px; margin: 0 auto 30px auto; text-align: center; line-height: 110px; overflow:hidden; border-radius: 50%; border: 3px solid #71bce9}
.oracle5_c5_icon img {width: 50%}
.oracle5_c5_box:nth-child(2) .oracle5_c5_icon {border: 3px solid #409bd6}
.oracle5_c5_box:nth-child(3) .oracle5_c5_icon {border: 3px solid #005ead}
.oracle5_c5_box:nth-child(4) .oracle5_c5_icon {border: 3px solid #b0a8cb}
.oracle5_c5_box:nth-child(5) .oracle5_c5_icon {border: 3px solid #8b2686}
.oracle5_c5_box:nth-child(6) .oracle5_c5_icon {border: 3px solid #d0121b}

.oracle5_c5_line {width: 30px; height: 1px;  background: #000; margin: 20px auto 15px auto;}
.oracle5_c5_txt h1 {margin-bottom: 10px; font-size: 18px; font-weight:700; color:#000; }
.oracle5_c5_txt p{font-size: 14px; font-weight: 300; color:#666; line-height: 22px; word-break: keep-all; letter-spacing: -1px;}

.az5_btn { margin-top: 30px;}
.az5_btn ul {display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap;}
.az5_btn ul li {max-width: 370px; height: 50px;  width:100%;}
.az5_btn ul li:last-child {margin-right: 0;}
.az5_btn ul li a {width: 100%; height: 50px; line-height: 50px; text-align: center; color:#333; font-weight: 400; display: block; text-decoration: none; background: #ddd; border-radius: 3px; transition: all 0.3s;}
.az5_btn ul li a:hover {color:#fff;background: #0077d3;}






/* 2022 추가 */
.monitoring1 { word-break: keep-all; }
.monitoring1 br { display: none; }
.monitoring1 .mon1_tit { display: flex; flex-direction: column; text-align: center; }
.monitoring1 .mon1_tit b { font-size: 24px; font-weight: bold; color: #197cfa; line-height: 1; }
.monitoring1 .mon1_tit p { margin:10px 0 0; font-size: 15px; font-weight: 300; letter-spacing: -0.45px; color: #333; line-height: 28px; }
.monitoring1 .mon1_img { margin-top: 35px; }
.monitoring1 .mon1_img img { width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.monitoring1 .mon1_s2 { background:#f6f8f9; }
.monitoring1 .mon1_s3 .p_box { margin:35px 0 0; width:100%; padding:20px; text-align: center; background-color: #f6f8f9; }
.monitoring1 .mon1_s4 { background:#e3eff6; }

.arrow_list li { position:relative; padding-left: 22px; font-size: 14px; font-weight: 300; color: #333; line-height: 1.5; margin:0 0 10px; word-break: keep-all; }
.arrow_list li::before { content:""; position:absolute; left:0; width:17px; top:3px; height:14px; background:url('../images/system/doub_arrow.png') no-repeat center; transform: scale(0.8); }

.monitoring2 { word-break: keep-all; }
.monitoring2 br { display: none; }
.monitoring2 .mon2_s1 .flex { display: flex; flex-direction: column; }
.monitoring2 .mon2_s1 .flex .left .tit { border-bottom: 1px solid #ddd; padding:0 0 30px; margin:0 0 30px; text-align: center; }
.monitoring2 .mon2_s1 .flex .left h3 { font-size: 15px; font-weight: 500; color: #c8c8c8; }
.monitoring2 .mon2_s1 .flex .left h2 { margin:15px 0 0; font-size: 22px; font-weight: 500; color: #000; line-height: 32px; }
.monitoring2 .mon2_s1 .flex .left h2 i { display: block; color: #197cfa; font-weight: bold; }
.monitoring2 .mon2_s1 .flex .left p { margin:0 0 25px; font-size: 15px; font-weight: normal; letter-spacing: -0.45px; line-height: 28px; text-align: center; }
.monitoring2 .mon2_s1 .right { margin:30px 0 0; }
.monitoring2 .mon2_s1 .right img { width:100%; }

.monitoring2 .mon2_s2 { background-color: #f6f8f9; }
.monitoring2 .mon2_s2 .s2_con { margin:30px 0 0; }
.monitoring2 .mon2_s2 .s2_con ul { border-top: 1px solid #000; }
.monitoring2 .mon2_s2 .s2_con li { padding:25px 0; border-bottom: 1px solid #bbc4cb; }
.monitoring2 .mon2_s2 .s2_con li b { font-size: 25px; font-weight: bold; line-height: 1; color: #197cfa; position:relative; top:2px; }
.monitoring2 .mon2_s2 .s2_con li:nth-child(2) b { color:#9e56d6; }
.monitoring2 .mon2_s2 .s2_con li .tit { display: flex; }
.monitoring2 .mon2_s2 .s2_con li h2 { font-size: 18px; font-weight: bold; letter-spacing: -0.6px; color: #333; margin:0 0 15px 10px; word-break: keep-all; line-height: 29px; }

.monitoring2 .mon2_s3 .img { margin:40px 0; }
.monitoring2 .mon2_s3 .img img { width:100%; }
.monitoring2 .mon2_s3 .arrow_list { padding:25px 20px; background:#f6f8f9; }



.cntplus_bot { width:100%; height:300px; background:url('../images/system/plus_bot_bg.jpg') no-repeat center / cover; display: flex; align-items: center; justify-content: center; }
.cntplus_bot > div { width:calc(100% - 30px); height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.cntplus_bot h2 { font-size: 15px; color: #197cfa; font-family: 'NanumSquare',sans-serif; font-weight: 800; }
.cntplus_bot h1 { margin:18px 0; font-size: 26px; color: #fff; font-family: 'NanumSquare',sans-serif; font-weight: 800; line-height: 40px; }
.cntplus_bot h1 span { font-weight: 300; }
.cntplus_bot .pdf_down { display: block; width:100%; max-width: 400px; margin:0 auto; height: 50px; border:1px solid rgba(255,255,255,0.4); border-radius: 3px; line-height: 50px; color:#fff; font-size: 13px; font-weight: 300; letter-spacing: -0.33px; text-align: center; transition: all .3s; }
.cntplus_bot .pdf_down img { margin-left: 15px; position:relative; top:-2px; }
.cntplus_bot .pdf_down:hover { text-decoration: none; background:#197cfa; border-color: #197cfa; }

/* nondt (두산에너빌리티) */
/* common */
#nondt .num {font-size: 28px; font-weight: 700; color:#197cfa; white-space: nowrap; line-height: 1;}
#nondt h3 {font-size: 18px; font-weight: 700 ; color:#333; letter-spacing: -.6px; word-break: keep-all; line-height: 1.5;}
#nondt .sub_p {color:#333; }

#nondt .sec1 .flex { margin-top: 30px; }
#nondt .sec1 .flex > div {width: 100%}
#nondt .sec1 .flex video {height: auto; width: 100%;}

#nondt .sec2 {background: #f6f8f9; }
#nondt .sec2 .sub_con { position: relative; }
#nondt .sec2 .sub_con::after {content: ''; display: block; width: 100%; height: 200px;  background:url('../images/system/nondt_s2_img.png') no-repeat center/contain;
margin-top: 30px;}
#nondt .sec2 .box_wrap {display: flex; flex-wrap:wrap; width: 100%; margin-top: 30px; text-align: center}
#nondt .sec2 .box {background: #fff; padding: 20px; width: 100%; }
#nondt .sec2 .box:nth-child(n+2) {margin-top: 15px;}
#nondt .sec2 .box:nth-child(even) .num {color:#9e56d6;}
#nondt .sec2 .box .num {flex-grow: 0;}
#nondt .sec2 .box h3 {margin:10px 0; }

#nondt .sec3 {background: #e3eff6; }
#nondt .sec3 .box_wrap {display: flex; flex-wrap:wrap; width: 100%; margin-top: 30px; text-align: center;}
#nondt .sec3 .box {background: #fff; padding: 20px; width: 100%;   }
#nondt .sec3 .box:nth-child(n+2) {margin-top: 15px;}
#nondt .sec3 .box h3 {margin:15px 0 10px 0;}

#nondt .sec4 .img {position: relative; margin: 30px 0 50px; }
#nondt .sec4 .img img {width: 100%;}
#nondt .sec4 .img::after {content: '[두산에너빌리티 비파괴검사팀]'; font-size: 18px; font-weight: 700; color:#fff; letter-spacing: -.75px; line-height: 1;
position: absolute; right: 15px; bottom: 15px; }
#nondt .sec4 .sub_p b {font-weight: 500; }
#nondt .sec4 .box {padding: 30px 0; border-bottom: 1px solid #bbc4cb; text-align: center;}
#nondt .sec4 .box:first-child {padding-top: 0;}
#nondt .sec4 .box:last-child {border: 0;}
#nondt .sec4 .box:nth-child(even) .num {color:#9e56d6;}
#nondt .sec4 .box h3 {margin:20px 0 10px;}

/* backup */
#backup {text-align: center ; word-break: keep-all;}
#backup img {max-width: 100%; }
#backup .top {background-color: #f7f7f7; padding:30px 20px;}
#backup .top h2 {font-size: 20px; font-weight: 700; color:#000; margin: 0; line-height: 1.5;}
#backup .cont {margin-top: 50px; }
#backup .cont .sub_title_box {margin-bottom: 25px; }
#backup .cont1 .list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#backup .cont1 .list > li {width: 100%; border:1px solid #197cfa; border-radius: 20px; padding:20px; text-align: left; }
#backup .cont1 .list > li:nth-child(n+2) { margin-top: 20px;}
#backup .cont1 .tit h3 {font-size: 20px; font-weight: 700; color:#000; }
#backup .cont1 .tit h3 span {font-size: 11px; font-weight: 400; color:#fff; display: inline-flex; text-align: center; width: 40px; height: 20px;
align-items: center; justify-content: center; margin-left: 11px; background-color: #197cfa;border-radius: 11px; position: relative; top:-2px; padding-bottom: 2px;}
#backup .cont1 .tit p {font-size: 13px; font-weight: 400; color:#555; margin-top: 10px;}
#backup .cont1 .img {margin:25px 0;}
#backup .cont1 .dot > li {position: relative; padding-left: 10px; font-size:14px; font-weight: 400; color:#555; line-height: 1.5;}
#backup .cont1 .dot > li + li {margin-top: 5px;}
#backup .cont1 .dot > li::before {content: ''; display: block; width:4px; height: 4px; border-radius: 50%; background-color: #197cfa; position: absolute; left: 0; top:8px;}
#backup .cont1 .btn_list {display: flex; justify-content: center; margin-top:30px; }
#backup .cont1 .btn_list > li {max-width: 215px; width: calc(50% - 5px);}
#backup .cont1 .btn_list > li + li {margin-left: 10px;}
#backup .cont1 .btn_list a {display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; border:1px solid #197cfa; border-radius: 30px;
transition: all .3s; font-size: 14px; font-weight: 400; color:#197cfa;}
#backup .cont1 .btn_list a:hover {color:#fff; background-color: #197cfa; text-decoration: none;}

#backup .cont2 {margin-top: 70px; }
#backup .cont2 .list {display: flex; flex-wrap: wrap; justify-content: space-between;text-align: center ;  }
#backup .cont2 .list > li {width: 100%; border:1px solid #ddd; border-radius: 20px; padding: 20px; }
#backup .cont2 .list > li:nth-child(n+2) {margin-top: 20px;}
#backup .cont2 .list h3 {font-size: 18px; font-weight: 700; color:#000; line-height: 1.55;}
#backup .cont2 .list h3 span {color:#f90000;}
#backup .cont2 .img {margin: 25px 0;}
#backup .cont2 .dot > li {font-size: 14px; font-weight: 400; color:#555; line-height: 1.5;}
#backup .cont2 .dot > li:nth-child(n+2) {margin-top: 5px;}

#backup + .cntplus_bot{display: none;}