/*공통*/
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title {font-size:20px; }
.s_title h1 {font-size:3em; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.s_title h2 {font-size:2.4em; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.s_title h3 {font-size:1.8em; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.s_title h4 {font-size:30px; font-weight: 700; color:#000; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.s_title p {font-size:0.9em; line-height: 1.8em; color:#333; word-break: keep-all; margin-top:25px; }
.s_title p b {font-weight: 500; color:#000; }
.s_title.wh h1, .s_title.wh h2, .s_title.wh h3,  .s_title.wh h4, .s_title.wh p {color:#fff; }
.wh_bg {padding:100px 0; background-color: #fff; }
.blue_bg {padding:100px 0; background-color: #f8faff;}
.sub_p {font-size:16px; font-weight: 300; color:#666; letter-spacing: -.5px ; word-break: keep-all; line-height: 30px ;}
.sub_p_b {font-size:18px; font-weight: 300; color:#333; line-height: 36px;word-break: keep-all; letter-spacing: -.5px ;}
.w_box {background-color: #fff ;box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); position: relative; z-index: 2; }

/*btm_banner_box*/
.btm_banner_box {width: 90%; max-width: 1300px; margin: 0 auto; border-radius: 30px; background: #059fff; padding: 80px 0; text-align: center;}
.btm_banner_box.wh_bg {margin: 80px auto;}
.btm_banner_box h1 {font-size: 30px; color:#fff; font-weight: 700;font-family: 'NanumSquare',sans-serif; word-break: keep-all; line-height: 45px;s}
.btm_banner_box .link_box {margin-top: 35px;}
.btm_banner_box .link_box ul {display: flex; justify-content: center;}
.btm_banner_box .link_box ul li:first-child {margin-right: 20px;}
.btm_banner_box .link_box ul li:last-child {margin-right: 0!important;}
.btm_banner_box .link_box ul li a {border: 1px solid #fff; text-align: center; color:#fff; width: 360px; height: 60px;  line-height: 60px; display: block; border-radius: 5px; font-size: 17px; font-weight: 500;font-family: 'NanumSquare',sans-serif; transition: all 0.3s;}
.btm_banner_box .link_box ul li a span {margin-left: 12px; font-size: 30px;position: relative; top: 6px;}
.btm_banner_box .link_box ul li a:hover {background: #fff; color:#059fff}



/* col2_list */
.col2_list {display: flex; flex-wrap:wrap; }
.col2_list li {width: 630px; margin-right: 40px; background-color: #fff;  box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); text-align: left; padding:30px;
display: flex; align-items: center; }
.col2_list li:nth-child(even) {margin-right: 0; }
.col2_list li:nth-child(n+3) {margin-top:40px; }
.col2_list li .txt {margin-left:20px; }
.col2_list li h1 {font-size:24px ;font-weight: 800; color:#000;font-family: 'NanumSquare',sans-serif; }
.col2_list li p {font-size:16px; font-weight: 300; color:#666; letter-spacing: -.4px ;line-height: 26px; margin-top:10px ;  word-break: keep-all;}
/* col4_list */
.col4_list {display: flex; flex-wrap:wrap; }
.col4_list > li {width:310px; margin-right: 20px; background-color: #fff;  box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); text-align: center; padding:50px 20px;
 min-height: 350px; }
 .col4_list > li:nth-child(4n) {margin-right: 0; }
.col4_list > li:nth-child(n+5) {margin-top:20px; }
.col4_list > li .txt {margin-top:20px; }
.col4_list > li .txt h2 {font-size:14px; font-weight: 400; color:#a5a5a5;font-family: 'NanumSquare',sans-serif; text-transform: uppercase;}
.col4_list > li .txt h1 {font-size:24px; font-weight: 800; color:#000;font-family: 'NanumSquare',sans-serif;  margin:10px 0 15px;}
/* col1_list */
.col1_list {width: 100%;border-top: 1px solid #000; text-align: left; }
.col1_list li {display: flex;  line-height: 36px; padding:20px 0; border-bottom: 1px solid #ddd; }
.col1_list li h1 {font-size:20px; font-weight: 700; color:#000 ; font-family: 'NanumSquare',sans-serif; position: relative; padding-left:20px; word-break: keep-all;}
.col1_list li h1::before {content: ''; display: block; width: 5px; height: 5px; background-color: #0050ff; position: absolute; left:0; top:14px; }
.col1_list li p {font-size:15px; font-weight: 300; color:#666; word-break: keep-all;}
/* col3_list */
.col3_list {display: flex; flex-wrap:wrap; }
.col3_list li {width: 410px; margin-right:35px; background-color: #fff;  box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); padding:65px 20px;
min-height: 450px; text-align: center; }
.col3_list li:nth-child(3n) {margin-right: 0; }
.col3_list li h1 {font-size:24px; font-weight: 800; color:#000;font-family: 'NanumSquare',sans-serif;  margin-top:25px; }
.col3_list li p {margin-top:15px;}

/* bullet_list */
.bullet_list {width: 100%; text-align: left; }
.bullet_list li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.4px; line-height: 24px; position: relative; padding-left:15px; word-break: keep-all;
margin-bottom: 5px ;}
.bullet_list li::before {content: ''; display: block ; width: 5px; height: 5px; background-color: #0050ff; position: absolute; left:0; top:10px; }
.bullet_list li:last-child {margin-bottom: 0; }
/* sub_btn */
.sub_btn_wr {display: flex; justify-content: center; margin-top:75px;}
.sub_btn {width: 500px; height: 90px; display: flex; align-items: center ;justify-content: center; font-size:20px; font-weight: 800; color:#fff; transition: all .3s ease;
font-family: 'NanumSquare',sans-serif; background-color: #000; word-break: keep-all;}
.sub_btn img {margin-left:22px; }
.sub_btn:hover {background-color: #0050ff;}
.sub_btn_wr .sub_btn.blue {background-color: #0050ff; margin-right: 25px;}
.sub_btn_wr .sub_btn.blue:hover {background-color: #000; }
/* s_table */
.s_table table {border-collapse: collapse; border-top: 2px solid #0050ff; width: 100%; }
.s_table thead th {text-align: center; font-size:17px; font-weight: 700; font-family: 'NanumSquare',sans-serif; color:#143375; background-color: #c6d8ff; border:1px solid #aac4ff;
padding:20px; }
.s_table tbody th {text-align: center; font-size:17px; font-weight: 700; font-family: 'NanumSquare',sans-serif; color:#143375; background-color: #e1eaff; border:1px solid #bfd3ff;
padding:20px; }
.s_table tbody td {text-align: left; font-size:15px; font-weight: 300; color:#666; background-color: #fff; border:1px solid #e6e9f1; padding:20px 45px;}
/* tab */
.tab {display: none;}
.tab.active {display: block;}
.tab_btn {display: flex; justify-content: center; }
.tab_btn li {width: 220px; margin-right: 25px ;}
.tab_btn li:last-child {margin-right: 0; }
.tab_btn li a {display:  flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 15px; font-size:17px; font-weight: 700; color:#000;
letter-spacing: .85px;  font-family: 'NanumSquare',sans-serif; border-bottom: 2px solid #e0e4e8; transition: border-color .3s ease; cursor: pointer;}
.tab_btn li a.active {border-color: #0050ff; }
/* line_title */
.line_title {font-size:30px; font-weight: 800; color:#000; line-height: 48px;font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.line_title.btm::after {content: ''; display: block; width: 48px; height: 2px; background-color: #0050ff; margin:30px 0;}
.line_title.top::before {content: ''; display: block; width: 48px; height: 2px; background-color: #0050ff; margin:0 0 30px;}


/*Content CSS*/
#solution1 {text-align: center; padding:100px 0 0;}
/* tab1 */
/*tab1-  section1 */
#sol1_tab1_sec1 .top_logo img {max-width: 100%; }
#sol1_tab1_sec1 .s_title {margin:50px 0 60px;}
#sol1_tab1_sec1 .col4_list h1 {font-size:20px;}
/*tab1-  section2 */
#sol1_tab1_sec2 .list {display: flex; justify-content: space-between; flex-wrap:wrap;  text-align: center; margin-top:65px;}
#sol1_tab1_sec2 .list li {width: 25%; }
#sol1_tab1_sec2 .list li > .cir {width: 230px; height: 230px; background-color: #fff; box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); border-radius: 50%;
margin:0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 10px ;}
#sol1_tab1_sec2 .list li:nth-child(n+5) {margin-top: 50px; }
#sol1_tab1_sec2 .list li .icon {height: 54px; line-height: 54px; }
#sol1_tab1_sec2 .list li h1 {font-size:18px; font-weight: 700; color:#000; line-height: 30px; margin-top:17px;  font-family: 'NanumSquare',sans-serif;}
/*tab1-  section3 */
#sol1_tab1_sec3 .top {width: 100%; position: relative; z-index: 1; padding:195px 0 0;  background: url('../img/sol_t1_s3_top.jpg') 100% 0% no-repeat #000; text-align: left;
height: 700px; }
#sol1_tab1_sec3 .top h4::before {content: ''; width: 100px; height: 4px; background-color: #fff; display: block; margin:0 0 45px;}
#sol1_tab1_sec3 .top h4 {margin-bottom: 30px;}
#sol1_tab1_sec3 .w_box {margin-top:-180px; }
#sol1_tab1_sec3 .w_box .box {border-bottom: 1px solid #d6def0; text-align: left; padding:70px 100px; display: flex; align-items: center;  justify-content: space-around;}
#sol1_tab1_sec3 .w_box > .box:nth-child(even) {flex-direction: row-reverse;}
/*tab1-  section4 */
#sol1_tab1_sec4 {text-align: left; }
#sol1_tab1_sec4 .col1_list {margin-top: 40px;}
#sol1_tab1_sec4 .col1_list li h1 {min-width: 176px; margin-right: 100px;}
/*tab1-  section5 */
#sol1_tab1_sec5 {text-align: left ;}
#sol1_tab1_sec5 .flex_box {display: flex; }
#sol1_tab1_sec5 .flex_box .right {padding-left:90px; margin-left: 90px; border-left:1px solid #ddd;}
#sol1_tab1_sec5 .img {margin-top:60px; text-align: center ;padding:40px 30px; }
#sol1_tab1_sec5 .img img {max-width: 100%;}


/* tab1 - media */
@media screen and (max-width:1700px) {
}

@media screen and (max-width: 1300px) {
    /* 공통 */
    .sub_con {width: 100%; padding: 0 80px; }
    .sub_p_b {font-size:16px; line-height: 30px; }
    /* col4_list  */
    .col4_list > li {width: calc(50% - 10px); margin-right: 20px ;}
    .col4_list > li:nth-child(2n) {margin-right: 0; }
    .col4_list > li:nth-child(n+3) {margin-top:20px ;}
    /* line_title */
    .line_title {font-size:24px; line-height: 38px;}
    .line_title br, .sub_p_b br {display: none;}

    /* content */
    #sol1_tab1_sec2 .list {flex-wrap:wrap; justify-content: flex-start ;}
    #sol1_tab1_sec2 .list li {width: 33.3%; display: flex; justify-content: center;}
    #sol1_tab1_sec2 .list li:nth-child(n+4) {margin-top:50px;}
    #sol1_tab1_sec2 .list li .cir {width: 190px; height: 190px ; padding-bottom: 0; }
    #sol1_tab1_sec2 .list li .cir h1 {font-size:17px; line-height: 24px; }

    #sol1_tab1_sec3 .w_box .box {padding:50px 50px;}
    #sol1_tab1_sec3 .w_box .box:nth-child(odd) .txt {padding-right:80px;}
    #sol1_tab1_sec3 .w_box .box:nth-child(even) .txt {padding-left: 80px;}
    #sol1_tab1_sec3 .w_box .box .img {width: 450px; min-width: 450px;}
    #sol1_tab1_sec3 .w_box .box .img img {max-width: 100%;}

    #sol1_tab1_sec4 .col1_list li h1 {margin-right: 30px;}

    #sol1_tab1_sec5 .flex_box .left {white-space: nowrap;}
    #sol1_tab1_sec5 .flex_box .right {padding-left:40px; margin-left: 40px; }
}

@media screen and (max-width: 1024px) {
    /* 공통 */
    .sub_con {padding: 0 50px; }
    .wh_bg, .blue_bg {padding:80px 0; }
    .s_title {font-size:18px; }
    .s_title h1 {font-size:40px; line-height: 60px;}
    .s_title h2 {font-size:30px; line-height: 50px;}
    .s_title h3 {font-size:24px; line-height: 35px ;}
    .s_title p br, .sub_p br {display: none;}
    /* col4_list  */
    .col4_list > li {width: calc(50% - 10px); margin-right: 20px ; min-height: auto ;}
    .col4_list > li:nth-child(3n) {margin-right: 20px; }
    .col4_list > li:nth-child(2n) {margin-right: 0; }
    .col4_list > li:nth-child(n+3) {margin-top:20px ;}
    .col4_list > li .txt h1 {font-size:20px; }
    /*sub_btn_wr*/
    .sub_btn_wr {flex-direction: column; align-items: center; margin-top:40px; }
    .sub_btn_wr .sub_btn {width: 100%; max-width: 500px; height: 70px; font-size:18px; padding:0 30px;}
    .sub_btn_wr .sub_btn.blue {margin-right: 0; margin-bottom:15px;}
    /* col1_list */
    .col1_list li {flex-direction: column; line-height: 30px;}
    .col1_list li h1 {margin-right: 0; margin-bottom: 5px; font-size:16px;}
    .col1_list li h1::before {top:11px;}
    /* tab */
    .tab_btn li {width: 180px; }


    /* content */
    #sol1_tab1 .s_title p {margin-top:10px; }
    #sol1_tab1_sec1 .s_title {margin:30px 0 50px;}

    #sol1_tab1_sec3 .top {height: 300px; padding:0 30px; text-align: center; display: flex; align-items: center; justify-content: center ;flex-direction: column;
    background-position: 50% 30%; background-size: cover;}
    #sol1_tab1_sec3 .top::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background-color: rgba(0,0,0,.4); }
    #sol1_tab1_sec3 .w_box {margin-top:-30px;}
    #sol1_tab1_sec3 .top h4 {margin-bottom: 10px ;font-size:24px; }
    #sol1_tab1_sec3 .top h4::before {margin: 0 auto 35px;}
    #sol1_tab1_sec3 .w_box .box, #sol1_tab1_sec3 .w_box .box:nth-child(even) {flex-direction:column-reverse;  text-align: center; }
    #sol1_tab1_sec3 .w_box .box .img {width: 100%; min-width: auto; }
    #sol1_tab1_sec3 .w_box .box:nth-child(odd) .txt {padding-right:0;}
    #sol1_tab1_sec3 .w_box .box:nth-child(even) .txt {padding-left: 0;}
    #sol1_tab1_sec3 .w_box .box .txt {margin-top:40px;}
    #sol1_tab1_sec3 .line_title.btm::after {margin:25px auto;}

    #sol1_tab1_sec5 .flex_box {flex-direction: column; text-align: center; }
    #sol1_tab1_sec5 .line_title.btm::after {display: none;}
    #sol1_tab1_sec5 .line_title.btm::before {content: ''; display: block; width: 48px; height: 2px; background-color: #0050ff; margin:0 auto 25px;}
    #sol1_tab1_sec5 .flex_box .right {margin:25px 0 0; padding:25px 0 0 ; border-left: 0; border-top: 1px solid #ddd; }
    #sol1_tab1_sec5 .img {padding:30px; }

}

@media screen and (max-width:960px) {
    /*btm_banner_box*/
    .btm_banner_box {border-radius: 15px; padding: 60px 50px;}
    .btm_banner_box h1 {font-size: 20px; line-height: 35px;}
    .btm_banner_box .link_box {margin-top: 25px;}
    .btm_banner_box .link_box ul {display: block;}
    .btm_banner_box .link_box ul li {margin: 0 auto; width: 360px;}
    .btm_banner_box .link_box ul li:first-child {margin-right: auto; margin-bottom: 20px;}
}
@media screen and (max-width:768px) {
    #sol1_tab1_sec2 .list li{width: 50%; }
    #sol1_tab1_sec2 .list li:nth-child(n+3) {margin-top:35px;}
}

@media screen and (max-width: 640px) {
    /* 공통 */
    .sub_con {padding: 0 30px; }
    .wh_bg, .blue_bg {padding:60px 0; }
    .s_title {font-size:16px; }
    .s_title p {margin-top:20px;}
    .s_title h1 {font-size:32px; line-height: 50px;}
    .s_title h2 {font-size:26px; line-height: 38px;}
    .s_title h3 {font-size:22px; line-height: 35px;}
    .sub_p, .sub_p_b {font-size:15px ; line-height: 28px;}
    /* col4_list  */
    .col4_list > li {width:100%; margin-right: 0 ; min-height: auto ; padding:40px 20px;}
    .col4_list > li:nth-child(3n) {margin-right: 0; }
    .col4_list > li:nth-child(n+2) {margin-top:20px ;}
    /* sub_btn */
    .sub_btn_wr .sub_btn {width: 100%; max-width: 500px; height: 60px; font-size:15px; padding:0 20px;}
    .sub_btn_wr .sub_btn img {width: 20px; }
    /* col1_list */
    .col1_list {margin-top:30px;}
    .col1_list li {padding:15px 0; line-height: 26px;}
    .col1_list li h1 {padding-left:15px; }
    .col1_list li h1::before {top:9px;}
    .col1_list li p {font-size:14px; }
    /* line_title */
    .line_title {font-size:20px; line-height: 32px;}
    .line_title.top::before {margin:0 0 25px;}
    /* tab */
    .tab_btn {justify-content: space-between;}
    .tab_btn li {width:calc(33.3% - 10px); margin-right: 0;}
    .tab_btn li a {font-size:14px; padding-bottom: 10px; }

    /* content */
    #solution1 {padding:60px 0 0;}
    #sol1_tab1 .s_title p {margin-top:10px; }

    #sol1_tab1_sec2 .list {margin-top:40px; }
    #sol1_tab1_sec2 .list li {width: 100%; }
    #sol1_tab1_sec2 .list li .cir {width: 220px; height: 220px; display: flex; align-items: center ;justify-content: center; flex-direction: column; padding:0; }
    #sol1_tab1_sec2 .list li:nth-child(n+2) {margin-top:30px;}

    #sol1_tab1_sec3 .top h4::before {width: 60px; }
    #sol1_tab1_sec3 .top h4 {font-size:18px; line-height: 30px;}
    #sol1_tab1_sec3 .w_box .box {padding:40px 20px; }
    #sol1_tab1_sec4 .col1_list {margin-top:20px;}

    #sol1_tab1_sec5 .img {padding:20px; margin-top: 30px;}

    .btm_banner_box {padding: 60px 20px; width: 100%; margin: 0; border-radius: 0;}
    .btm_banner_box.wh_bg {margin: 0;}
    .btm_banner_box .link_box ul li {width: 100%;}
    .btm_banner_box .link_box ul li a {width: 100%;  font-size: 14px;}
    .btm_banner_box .link_box ul li a span {margin-left: 5px; font-size: 24px;}
}

@media screen and (max-width: 375px) {
    /* 공통 */
    .sub_con {padding: 0 15px; }
    .wh_bg, .blue_bg {padding:50px 0; }
    .s_title {font-size:15px; }
    .s_title h1 {font-size:28px; line-height: 45px;}
    .s_title h2 {font-size:25px;}
    .sub_p, .col2_list li p, .sub_p_b {font-size:14px ; line-height: 26px;}

    /* content */
    #sol1_tab1_sec3 .top {height: 250px; padding-bottom: 20px;}
    #sol1_tab1_sec3 .top h4 {margin-bottom: 5px ;}

}
/* ///// tab1 - media */

/* tab2 */
/*tab2 -  section1 */
#sol1_tab2_sec1 .cont {margin-top:45px; }
#sol1_tab2_sec1 .line_title {margin:70px 0 10px;}


#sol1_tab2_sec1 .article {margin-top: 70px;}
#sol1_tab2_sec1 .article .top {display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; }
#sol1_tab2_sec1 .article .box {box-shadow: 2.2px 2px 24px 0 rgba(108, 154, 255, 0.22); width: 100%; max-width: 590px; padding: 50px 20px; text-align: center;}
#sol1_tab2_sec1 .article .box img {max-width: 100%;}
#sol1_tab2_sec1 .article .top .txt {font-size: 30px; font-family: 'NanumSquare',sans-serif; color:#000; line-height: 32px; word-break: keep-all; font-weight: 700;}
#sol1_tab2_sec1 .article .btm_arrow {font-size: 50px; color:#ccc; margin: 50px 0; text-align: center;}
#sol1_tab2_sec1 .article .plus {font-size: 40px; color:#ccc; text-align: center; padding: 0 20px;}
#sol1_tab2_sec1 .article .plus.mobile {display: none; }
#sol1_tab2_sec1 .article .btm img {max-width: 100%;}
#sol1_tab2_sec1 .article .box.txt {max-width: 100%; margin-top: 40px; }

/*tab2 -  section2 */
#sol1_tab2_sec2 {position: relative; z-index: 1; }
/* #sol1_tab2_sec2::before {content: ''; display: block; width: 100%; height: 76%; background-color: #f8faff;  position: absolute; z-index: -1; left:0; top:0; } */
#sol1_tab2_sec2 .s_title h1 span {color:#00adef;}
#sol1_tab2_sec2 .s_title h1 span:last-child {color:#e4360f;}
#sol1_tab2_sec2 .col3_list {margin-top:75px;}
/*tab2 -  section3 */
#sol1_tab2_sec3 .step_list {display: flex; justify-content: center;margin-top:60px;}
#sol1_tab2_sec3 .step_list li {width: 212px; text-align: center; margin-right: 40px; }
#sol1_tab2_sec3 .step_list li:last-child {margin-right: 0; }
#sol1_tab2_sec3 .step_list .cir {position: relative; z-index: 1; width: 100%; height: 291px; padding:60px 0 0;}
#sol1_tab2_sec3 .step_list .cir::before {content: ''; width: 291px; height: 291px; border-radius: 50%; background-color: rgba(0,80,255,.4); position: absolute;  top:0;
z-index: -1; left:50%; transform:translateX(-50%); }
#sol1_tab2_sec3 .step_list .cir h1 {font-size:24px; font-weight: 800; color:#fff; letter-spacing: -.6px; font-family: 'NanumSquare',sans-serif; margin-bottom: 25px ;}
#sol1_tab2_sec3 .step_list .txt  {margin-top:45px; }
#sol1_tab2_sec3 .step_list .txt h1 {font-size:24px; font-weight: 800; color:#000; padding-bottom: 15px; position: relative; font-family: 'NanumSquare',sans-serif;
border-bottom: 1px solid #ddd; margin-bottom: 20px ;}
#sol1_tab2_sec3 .step_list .txt h1::before {content: ''; display: block ;width: 50px; height: 2px; background-color: #99b9ff; position: absolute; bottom: -1px; left:50%; transform:translateX(-50%); }
#sol1_tab2_sec3 .step_list .txt p {font-size:15px; line-height: 26px;}
/* color */
#sol1_tab2_sec3 .step_list li:nth-child(2) .cir::before, #sol1_tab2_sec3 .step_list li:nth-child(2) h1::before  {background-color: rgba(0,80,255,.55);}
#sol1_tab2_sec3 .step_list li:nth-child(3) .cir::before, #sol1_tab2_sec3 .step_list li:nth-child(3) h1::before  {background-color: rgba(0,80,255,.65);}
#sol1_tab2_sec3 .step_list li:nth-child(4) .cir::before, #sol1_tab2_sec3 .step_list li:nth-child(4) h1::before  {background-color: rgba(0,80,255,.80);}
#sol1_tab2_sec3 .step_list li:nth-child(5) .cir::before, #sol1_tab2_sec3 .step_list li:nth-child(5) h1::before  {background-color: rgba(0,80,255,.90);}

/*tab2 -  section4 */
#sol1_tab2_sec4 {position: relative; z-index: 1; }
#sol1_tab2_sec4 .box {margin-top:60px; text-align: left; }
#sol1_tab2_sec4 .box .col4_list {margin-top: 50px; }

/*tab2 -  section5 */
#sol1_tab2_sec5  .s_title h2 {line-height: 70px;}
#sol1_tab2_sec5  .img  {padding:60px 30px; text-align: center; margin-top:70px ;}
#sol1_tab2_sec5  .img img {max-width: 100%;}
#sol1_tab2_sec5 .box {margin-top:60px; text-align: left; }
#sol1_tab2_sec5 .box .col4_list {margin-top:50px; }
#sol1_tab2_sec5 .box .col4_list h1 {font-size:17px; line-height: 30px ; letter-spacing: -.7px;  margin-bottom: 0 ;}
#sol1_tab2_sec5 .box .col4_list .arrow i {font-size:30px ;color:#ccc; margin: 10px 0; }
#sol1_tab2_sec5 .box .col4_list li:last-child h1 {font-size:22px; line-height: 60px;}

/*tab2 -  section6 */
#sol1_tab2_sec6 {position: relative; z-index: 1; }
#sol1_tab2_sec6 .box {margin-top:60px; text-align: left; }
#sol1_tab2_sec6 .box .col4_list, #sol1_tab2_sec6 .box2 .img {margin-top: 50px; }
#sol1_tab2_sec6 .box2 .img {padding:30px; text-align: center; }
#sol1_tab2_sec6 .box2 .img img {max-width: 100%;}

/*tab2 -  section7 */
#sol1_tab2_sec7  .cont1 {margin-top:70px; text-align: left ;}
#sol1_tab2_sec7  .cont1 .title {display: flex;margin-bottom: 30px; align-items: flex-end; }
#sol1_tab2_sec7  .cont1 .title p {    padding-left:60px; margin-left: 60px; border-left: 1px solid #ddd; position:relative; bottom: 10px; }
#sol1_tab2_sec7  .cont1 .col1_list li {background-color: #fff;  padding-left: 25px ;}
#sol1_tab2_sec7  .cont1 .col1_list li  p {padding-left: 20px; position: relative;}
#sol1_tab2_sec7  .cont1 .col1_list li p::before {    content: ''; display: block; width: 5px; height: 5px; background-color: #0050ff; position: absolute; left: 0; top: 15px;}
#sol1_tab2_sec7  .img  {padding:60px 30px; text-align: center; margin-top:50px ;}
#sol1_tab2_sec7  .img img {max-width: 100%;}



/* tab2 - media */
@media screen and (max-width: 1300px) {
    /* col3_list */
    .col3_list li {width: calc(33.3% - 10px); margin-right: 15px; min-height: auto; padding:50px 20px;}
    .col3_list li p {font-size:14px; line-height: 26px;}
    .sub_p br {display: none;}

    /* content */
    #sol1_tab2_sec1 .img_list li {width: calc(50% - 20px); padding:0 30px;}
    #sol1_tab2_sec1 .img_list li img {max-width: 100%; }
    #sol1_tab2_sec1 .article .box {max-width: calc(50% - 50px); }

    #sol1_tab2_sec3 .step_list {justify-content: space-between;}
    #sol1_tab2_sec3 .step_list li {margin-right: 0; width: calc(20% - 20px);}
    #sol1_tab2_sec3 .step_list .txt h1 {font-size:18px; }
    #sol1_tab2_sec3 .step_list .txt p {font-size:14px; }
    #sol1_tab2_sec3 .step_list .cir {height: 260px; padding:50px 0 0 ;}
    #sol1_tab2_sec3 .step_list .cir::before {width: 260px; height: 260px; }

    #sol1_tab2_sec6 .col4_list .sub_p {font-size:14px; line-height: 26px; }

    #sol1_tab2_sec7  .cont1 .title { align-items:flex-start; flex-direction: column; text-align:left; }
    #sol1_tab2_sec7  .cont1 .title p { padding-left:0;  margin:5px 0 0 0;border-left: 0; bottom: 0; }
}

@media screen and (max-width: 1024px) {
    .col3_list {flex-direction: column; align-items: center; }
    .col3_list li {width: 100%; margin-right: 0; padding:50px 30px;  }
    .col3_list li:nth-child(n+2) {margin-top: 25px;}
    .col3_list li h1 {font-size:20px; }

    /* content */
    #sol1_tab2_sec1 .img_list {flex-wrap:wrap ;}
    #sol1_tab2_sec1 .img_list li {width: 100%; height: 180px;}
    #sol1_tab2_sec1 .img_list li:nth-child(2) {margin-top:25px;}
    #sol1_tab2_sec1 .article .top .txt {font-size:20px; line-height: 30px;}

    #sol1_tab2_sec2 .col3_list {margin-top:50px; }

    #sol1_tab2_sec3 .step_list {flex-wrap:wrap; }
    #sol1_tab2_sec3 .step_list li {width: calc(50% - 20px); }
    #sol1_tab2_sec3 .step_list li:nth-child(odd) {margin-right: 40px; }
    #sol1_tab2_sec3 .step_list li .txt {max-width: 300px; margin:40px auto 0;}
    #sol1_tab2_sec3 .step_list li:nth-child(n+3) {margin-top:50px;}

    #sol1_tab2_sec5 .s_title h2 {line-height: 45px; }

    #sol1_tab2_sec7 .cont1 .col1_list li {padding:12px 20px;}
    #sol1_tab2_sec7 .cont1 .col1_list li p::before {top: 12px; }

}

@media screen and (max-width:768px) {
    #sol1_tab2_sec1 .article .top {display: block}
    #sol1_tab2_sec1 .article .top .box { width: 100%; max-width: 100%;}
    #sol1_tab2_sec1 .article .top .plus {margin: 20px 0;}
    #sol1_tab2_sec1 .article .btm_arrow {margin: 35px 0;}
    #sol1_tab2_sec1 .article .plus.mobile {display: block; }
    #sol1_tab2_sec1 .article .top .txt {margin-top: 0 ;font-size:18px;}
}

@media screen and (max-width: 640px) {
    /* content */
    #sol1_tab2_sec1 .img_list li {height: auto; padding:40px 40px;}
    #sol1_tab2_sec1 .line_title {margin:50px 0 10px;}

    #sol1_tab2_sec3 .step_list {flex-direction: column; align-items: center; margin-top:40px;}
    #sol1_tab2_sec3 .step_list li {width:100%; }
    #sol1_tab2_sec3 .step_list li:nth-child(odd) {margin-right: 0; }
    #sol1_tab2_sec3 .step_list li .txt {max-width: 300px; margin:40px auto 0;}
    #sol1_tab2_sec3 .step_list li:nth-child(n+2) {margin-top:50px;}

    #sol1_tab2_sec4 .box .col4_list, #sol1_tab2_sec6 .box .col4_list, #sol1_tab2_sec6 .box2 .img {margin-top:30px; }
    #sol1_tab2_sec5 .s_title h2 {line-height: 35px ;}
    #sol1_tab2_sec5 .box .col4_list {margin-top: 30px; }
    #sol1_tab2_sec5 .box .col4_list li:last-child h1 {font-size: 17px; line-height: 30px;}

    #sol1_tab2_sec6 .box2 .img {padding:20px; }

    #sol1_tab2_sec5 .img, #sol1_tab2_sec7 .img {    padding:20px; margin-top:40px;}

    #sol1_tab2_sec7 .cont1 .col1_list li p::before {top: 9px; }
    #sol1_tab2_sec7 .cont1 .col1_list li p {padding-left: 15px; }
    #sol1_tab2_sec7 .cont1 {margin-top: 50px; }
}

@media screen and (max-width: 375px) {
    /* content */
    .col3_list li {padding:40px 20px;}

}
/* // tab2 - media  */




/* tab3 */
#sol1_tab3 .img img {max-width: 100%; }
/*tab3-  section1 */
#sol1_tab3_sec1 .img {margin-top:75px; }
/*tab3-  section2 */
#sol1_tab3_sec2 {position: relative; z-index: 1; }
#sol1_tab3_sec2::before {content: ''; display: block; width: 100%; height: 65%; background-color: #f8faff;  position: absolute; z-index: -1; left:0; top:0; }
#sol1_tab3_sec2 .img {padding:80px 0; margin-top:50px; }
/*tab3-  section3 */
#sol1_tab3_sec3 .img {padding:80px 0; margin-top:50px; }
/*tab3-  section4 */
#sol1_tab3_sec4 .img_list {display: flex; flex-wrap:wrap;  margin-top:65px; }
#sol1_tab3_sec4 .img_list li {width: 610px; margin-right: 60px; }
#sol1_tab3_sec4 .img_list li:nth-child(2n) {margin-right: 0; }
#sol1_tab3_sec4 .img_list li:nth-child(n+3) {margin-top:75px; }
#sol1_tab3_sec4 .img_list li .img {padding:50px 0; min-height: 395px;}
#sol1_tab3_sec4 .img_list li .txt {text-align: center; padding:45px 50px; position: relative; border-top: 1px solid #d6def0; }
#sol1_tab3_sec4 .img_list li .txt::before {content: ''; display: block; width: 100px; height: 2px; background-color: #0050ff; position: absolute; top:-1px;
left:50%; transform:translateX(-50%);}
#sol1_tab3_sec4 .img_list li .txt h1 {font-size:24px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif;}
#sol1_tab3_sec4 .img_list li .txt p {font-size:15px; line-height: 26px; margin-top:15px; }



/* tab3 - media */
@media screen and (max-width: 1300px) {
    /* content */
    #sol1_tab3_sec2 .img {padding:60px 50px;}

    #sol1_tab3_sec3 .img {padding:60px 50px;}

    #sol1_tab3_sec4 .img_list li {width: calc(50% - 20px); margin-right: 40px; }
    #sol1_tab3_sec4 .img_list li:nth-child(n+3) {margin-top:40px; }
    #sol1_tab3_sec4 .img_list li .img {padding:50px 40px; min-height: auto;}
}

@media screen and (max-width: 1024px) {
    /* content */
    #sol1_tab3_sec4 .img_list li {margin-right: 0; width: 100%; }
    #sol1_tab3_sec4 .img_list li:nth-child(n+2) {margin-top:30px; }
    #sol1_tab3_sec4 .img_list li .txt {padding:40px;}
    #sol1_tab3_sec4 .img_list li .txt h1 {font-size:20px;}

}

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

}

@media screen and (max-width: 640px) {
    /* content */
    #sol1_tab3_sec1 .img {margin-top:40px; }
    #sol1_tab3_sec2 .img, #sol1_tab3_sec3 .img {padding:30px; margin-top:40px;}
    #sol1_tab3_sec4 .img_list {margin-top:40px; }

    #sol1_tab3_sec4 .img_list li .img {padding:30px; }
    #sol1_tab3_sec4 .img_list li .txt {padding:30px; }
    #sol1_tab3_sec4 .img_list li .txt p {font-size:14px ; line-height: 26px; margin-top:10px; }

}

@media screen and (max-width: 375px) {
    /* content */
    #sol1_tab3_sec2 .img, #sol1_tab3_sec3 .img {padding:15px;}

}
/* // tab3 - media  */