/*공통*/
.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 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 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 ;}
/* 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;}
/* 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:nth-child(1) {margin-right: 30px; background-color: #0050ff; }
.sub_btn_wr .sub_btn:nth-child(1):hover {background-color: #000; }


/*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 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}


/*Content CSS*/
#service2 {text-align: center; }
/* section1 */


/* section2 */
#ser2_sec2 .col4_list {margin-top:65px; }


/* section3 */
/* service_step */
.service_step {margin-top:65px; display: flex; justify-content: space-between;  }
.service_step .box {width: 244px; }
.service_step .box .top .title {text-align: center; width: 100%; height: 80px; display: flex; align-items: center; flex-direction: column; justify-content: center;
background-color: #f7f7f7; margin-bottom: 25px; }
.service_step .box .top .title h2 {font-size:14px ;font-weight: 400; color:#a5a5a5; font-family: 'NanumSquare',sans-serif; }
.service_step .box .top .title h1 {font-size:20px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin: 8px 0 0; }
.service_step .box .top .txt {margin:25px 0 40px; text-align: left; min-height: 114px;}
.service_step .box .top .txt h2 {font-size:14px; font-weight: 400; color:#a5a5a5; font-family: 'NanumSquare',sans-serif; }
.service_step .box .top .txt h1 {font-size:19px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin:0 0 15px;  }
.service_step .box .bottom .bar {display: flex; align-items: center; position: relative; }
.service_step .box .bottom .bar img {position: absolute; right: 0 ;top: 4px }
.service_step .box .bottom .bar::before, .service_step .box .bottom .bar::after {content: ''; display: block; width: calc(50% - 17px); height: 6px; background-color: #e5e5e5;}
.service_step .box .bottom .bar .cir {width: 34px; height: 34px; background-color: #fff; display: flex; align-items: center ;justify-content: center; }
.service_step .box .bottom .bar .cir::before {content: ''; display: block; width: 10px; height: 10px;background-color: #000; border-radius: 50%; }
.service_step .box .bottom h1 {width: 100%; height: 50px ;line-height: 50px; background-color: #000; border-radius: 10px ; font-size:20px; font-weight: 800; color:#fff ;
font-family: 'NanumSquare',sans-serif; margin:25px 0 30px;}
/* color */
.service_step .box.box2 .bottom .bar .cir::before, .service_step .box.box2 .bottom h1  {background-color: #0050ff;}
.service_step .box.box3 .bottom .bar .cir::before, .service_step .box.box3 .bottom h1  {background-color: #ffc000;}
.service_step .box.box4 .bottom .bar .cir::before, .service_step .box.box4 .bottom h1  {background-color: #595959;}
.service_step .box.box5 .bottom .bar .cir::before, .service_step .box.box5 .bottom h1  {background-color: #aaaaaa;}






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

@media screen and (max-width: 1300px) {
    /* 공통 */
    .sub_con {width: 100%; padding: 0 80px; }
    /* 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 ;}

    /* content */
    .service_step  {flex-wrap:wrap; justify-content: flex-start;}
    .service_step .box {width: calc(33.3% - 20px); margin-right: 30px ;}
    .service_step .box:nth-child(3n), .service_step .box:last-child {margin-right: 0; }
    .service_step .box:nth-child(n+4) {margin-top:50px; }
    .service_step .box .top .img img {width: 100%; }

}

@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 {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:nth-child(1) {margin-right: 0; margin-bottom:15px;}


    /* content */
    .service_step  {flex-wrap:wrap; justify-content: flex-start;}
    .service_step .box {width: calc(50% - 20px); margin-right: 40px ;}
    .service_step .box:nth-child(3n) {margin-right: 40px; }
    .service_step .box:nth-child(2n), .service_step .box:last-child {margin-right: 0; }
    .service_step .box:nth-child(n+3) {margin-top:50px; }
    .service_step .box .top .txt {min-height: auto ;}


}

@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: 640px) {
    /* 공통 */
    .sub_con {padding: 0 30px; }
    .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 {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; }

    /* content */
    .service_step  {flex-wrap:wrap; justify-content: flex-start; margin-top:40px; }
    .service_step .box {width: 100%;  margin-right: 0 ;}
    .service_step .box:nth-child(3n) {margin-right: 0; }
    .service_step .box:nth-child(n+2) {margin-top:40px; }
    .service_step .box .top .title {margin-bottom: 15px ;}
    #ser2_sec2 .col4_list {margin-top:40px; }

    /*btm_banner_box*/
    .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; }
    .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 {font-size:14px ; line-height: 26px;}


    /* content */
    .service_step .box .top .title {padding:0 20px;}
    .service_step .box .top .title h1 {font-size:16px;}
    .service_step .box .top .title h2 {font-size:13px;}
    .service_step .box .top .txt h1 {font-size:16px;}



}