@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');


::selection {
    background-color: #93aeff;
    color: rgb(255, 255, 255);
}

div.contents_wrap{
    margin: 0 auto;
    height: auto;
    color:#202020;
    position: relative;
}

h1.sec-title{
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.025rem;
    text-align: center;
}

h1.sec-title.left {
    max-width: 1400px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
}

p.sec-maintxt{
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    margin: 5px 0 80px 0;
}

p.sec-maintxt.mgB45{
    margin-bottom: 45px;
}

sec-maintxt.mg br{
    display: none;
}

section.main-visual-sec{
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding: 3rem 0;
    position: relative;
}

.visual-sec-wrapper{
    max-width: 1400px;
    display: flex;
    margin: 0 auto;
}

div.visual-sec-illust{
    z-index:-1;
    position: absolute;
    top: 0;
    left: 0;
}

div.visual-sec-img img{
    max-width: 100%;
}

h1.visual-sec-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 3rem;
}

h1.visual-sec-title > span {
    color: #3988F6;
    letter-spacing: -10px;
    position: relative;
}

/* 플랫폼 하이라이트 */
h1.visual-sec-title > span::before{
    width: 7px;
    height: 7px;
    border-radius:100%;
    background: #0055FF;
    content:'';
    position: absolute;
    left: 50%;
    line-height: 7px;
    top: -5px;
}

/* ARTIFICIAL INTELLIGENCE PLATFORM */
h1.visual-sec-title strong{
    font-size: 40px;
    font-family: 'roboto';
}


div.visual-sec-contents{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 70%;
}


div.visual-sec-contents div:last-child{
    font-size: 17px;
    color: #6C6C6C;
    letter-spacing: -0.025rem;
    line-height: 30px;
}

div.visual-sec-contents div:last-child > p{
    font-size: 26px;
    color: #000;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 10px;
}

section.main-service-sec{
    width: 100%;
    background: #F5F6F8;
    padding: 90px 0;
}

section.main-notice-sec{
    width: 100%;
    background: #F5F6F8;
    padding: 90px 0;
}

ul.service-sec-contents {
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(23.5%,auto));
    grid-gap: 26px;
}

ul.service-sec-contents li{
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 5px 4px 19px 0px rgba(0, 0, 0, 0.048);
    padding: 50px 0;
}

ul.service-sec-contents li:hover div:nth-child(2) > span{
    color: #4B73EE;
    transition : all 0.2s ease-in-out;
}

ul.service-sec-contents li div:nth-child(2) > span{
    font-weight: 700;
    color:#202020;
    letter-spacing: -0.025rem;
    font-size: 22px;
}

ul.service-sec-contents li div:nth-child(2) {
    margin: 27px 0 18px 0;
}

ul.service-sec-contents li div:nth-child(3) {
   color: #6C6C6C;
   letter-spacing: -0.025rem;
}

div.tab{
    width: 30%;
    margin: 0 auto;
}

#TabList{
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

#TabList li{
    box-shadow: 5px 4px 19px 0px rgb(0 0 0 / 9%);
    padding: 25px 0px;
    background: #fff;
    min-width: 50%;
    text-align: center;
}

#TabList li a{
    color: #303030;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.025rem;
    display: block;
}

#TabList li.on{
    background: #4B73EE;
}

#TabList li.on a{
    color: #fff;
}

#TabList li:first-child{
    border-radius: 100px 0 0 100px;
}

#TabList li:last-child{
    border-radius: 0 100px 100px 0;;
}

.notice-sec-contents {
    display: grid;
    flex-wrap: wrap;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, minmax(15.5%,auto));
    grid-gap: 26px;
    max-width: 1400px;
    margin: 0 auto;
}

ul.notice-sec-contents li{
    padding: 27px;
    background: #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
}

ul.notice-sec-contents h2{
    font-size: 22px;
    letter-spacing:-0.025rem;
    color:#4B73EE;
    font-weight: 700;
    margin-bottom: 5px;
}

ul.notice-sec-contents li div:nth-child(2){
    color:#6C6C6C;
    letter-spacing: -0.025rem;
    margin-bottom: 20px;
}

ul.notice-sec-contents li > p{
    font-weight: 400;
    font-size: 14px;
    color:#6C6C6C;
}

ul.notice-sec-contents li:hover{
    border: 1px solid #4B73EE;
    transition:all 0.2s ease-in-out;
}

section.main-guide-sec{
    padding: 90px 0;
}

ul.guide-sec-icon-wrapper {
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1400px;
    justify-content: center;
    margin: 0 auto;
    grid-template-columns: repeat(1fr);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    
}

ul.guide-sec-icon-wrapper li {
    text-align: center;
    letter-spacing: -0.025rem;
}


ul.guide-sec-icon-wrapper > li > p:first-of-type{
    font-size: 22px;
    font-weight: 5 00;
    line-height: 3rem;
    margin-top: 10px;
    color: #000;
}

ul.guide-sec-icon-wrapper > li > p:nth-child(n+3){
    margin-bottom: 0.7rem;
    color: #6C6C6C;
}

ul.guide-sec-icon-wrapper > li > p:nth-child(n+3) br{
    display: none;
}

ul.guide-sec-icon-wrapper > li span.img_icon {
    position: relative;
    display: block;
}

ul.guide-sec-icon-wrapper > li span.img_icon::before {
    height: 1px;
    width: 60%;
    width: 7rem;
    height: 1rem;
    border-top: 7px dotted #E4E4E4;
    content: '';
    display: block;
    position: absolute;
    top: 59%;
    right: 79%;
    margin-top: 0rem;
    /* left: 0; */
}

ul.guide-sec-icon-wrapper > li:first-child > span.img_icon::before{
    visibility: hidden;
}

div.customer-sec-contents{
    display:flex;
    max-width: 1500px;
    margin: 0 auto;
    justify-content: space-between;
}

#header{
    height: 70px;
}

div.customer-sec-contents > div:first-child{
    display: inline-block;
    /* max-width: 1400px; */
    background: url(/project/design/main/img_cs_center.png)
    no-repeat;
    /* margin: 0 auto; */
    padding: 90px 50px;
    width: 43%;
    background-size: cover;
    min-height: 724px;
}

div.customer-sec-contents > div.txt_form {
    width:47%;
    /* display: inline-block; */
    /* display: flex; */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}
div.customer-sec-contents > div h1,
div.customer-sec-contents > div p{
    text-align: left;
}


ul#TabList{
    margin-bottom: 45px;
}

div.main-button{
    margin: 0 auto;
    max-width: fit-content;
    border-radius: 0 100px 100px 0;
}

div.send-button{
    max-width: fit-content;

}

div.send-button a{
/* display: block; */
line-height: 60px;
color: #fff;
background: #4B73EE;
padding: 0.5rem 2rem;
border-radius: -9%;
margin: 0 auto;
font-size: 20px;
font-weight: 600;
border-radius: 5px;
}

div.send-button a:hover{
background: #365ccf;
}

div.main-button a {
    line-height: 60px;
    color: #fff;
    background: #060606;
    padding: 1rem 7rem 1rem 2rem;
    border-radius: -9%;
    margin: 0 auto;
    border-radius: 100px;
    background: url(/project/design/main/angle-right-solid.png) no-repeat 90% #060606;
    font-size: 20px;
    font-weight: 600;
}

div.main-button a:hover{
    background: url(/project/design/main/angle-right-solid.png) no-repeat 92.5% #0055ff;
    transition: all 0.7s;
    color: #fff;
}

div.content_box{
    min-height: 550px;
}


button.btn_moreview {
    background: transparent url(/project/design/main/icon_view.png) no-repeat center
    ;
    border:1.9px solid #8c8c8d;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 100%;
    height: 50px;
    width: 50px;
;}

button.btn_moreview:hover {
    background: transparent url(/project/design/main/icon_view_hover.png) no-repeat center
    ;
    transform:rotate(0.5turn);
    border:1.9px solid #4B73EE;
;}

.form-textarea textarea {
    display: block;
    width: 100%;
    font-size: inherit;
    padding-right: 0.4em;
    line-height: 1.3;
    appearance: none;
    display: block;
    box-sizing: border-box;
    border: 0;
    outline: none;
    border-radius: 0;
    line-height: 1;
    font-family: inherit;
    resize: none;
    min-height: 140px;
    background:#F5F6F8;
    padding: 25px 20px 25px;
}

.checkDiv{
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.checkDiv input{
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    margin-right: 10px;
}

div.input_bottom{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 25px;
}

a.per-button{
    padding: 2px 10px;
    background: #939393;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
}

#m_gnb .btn_sitemap{
    display: none;
}


@media all and (max-width:1440px) {


    div.customer-sec-contents > div.txt_form {
        padding: 0 3%;
        box-sizing:border-box;
    }

    #footer .wrap_box{
        width: 100%;
        
    }

    ul.service-sec-contents {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        flex-wrap: wrap;
        grid-gap: 40px;
    }

    ul.service-sec-contents li div img{
        width: 80%;
    }

    div.visual-sec-wrapper,
    ul.service-sec-contents,
    ul.guide-sec-icon-wrapper,
    ul.notice-sec-contents,
    /* div.customer-sec-contents,/ */
    h1.sec-title.left,
    h1.sec-title,
    .sec-maintxt,
    #footer .wrap_box
    {
        padding: 0 7%;
        /* 전체 컨텐츠 반응형 여백 1440 */
    }
    
    #lnb .lnb_wrap > ul {
        width: 50%;
        margin: 0 auto;
        display: table;
        margin-left: 36%;
    }

    #lnb .lnb_wrap > ul > li > a{
        padding: 0 20px;
    }
    
    #header h1 a{
        width: 250px;
    }


    #header .wrap_box {
        width: 86%;
    }

    h1.visual-sec-title {
        font-size: 27px;
    }

    h1.visual-sec-title strong{
        font-size:33px;
    }

    div.visual-sec-contents div:last-child > p{
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    div.visual-sec-contents div:last-child{
        font-size: 16px;
    }

    div.visual-sec-img {
        text-align: center;
    }

    div.visual-sec-img img {
        max-width: 90%;
    }

    #TabList li a {
        /* padding: 0px 65px; */
        font-size: 30px;
    }

    
}





@media all and (max-width:1280px) {

    #lnb .lnb_wrap > ul {
        margin-left: 35%;
    }

    #contents_box {
        /* width: 95%; */
        overflow: hidden;
    }
/* 
    #header .wrap_box{
        width: 95%;
    } */

    div.visual-sec-img {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div.visual-sec-illust img{
        max-width: 100%;
    }

    ul.service-sec-contents {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        flex-wrap: wrap;
        grid-gap: 25px;
    }

    ul.service-sec-contents li div img{
        width: 70%;
    }

    ul.service-sec-contents li div:nth-child(3) {
        font-size: 16px;
    }

    ul.service-sec-contents li{
        padding: 20px;
    }

    ul.service-sec-contents li div:nth-child(2) > span{ 
        font-size: 20px;
    }

    ul.service-sec-contents li div:nth-child(2) {
        margin: 23px 0 14px 0;
    }

    #TabList li a {
        font-size: 27px;
    }

    #TabList li{
        padding: 1rem 0;
    }

    ul.guide-sec-icon-wrapper > li > p:first-of-type{
        font-size: 20px;
    }
}

@media all and (max-width:1200px) {


    div.visual-sec-contents{
        width: 85%;
    }

    div.visual-sec-contents div:last-child {
        line-height: 2rem;
    }

    h1.visual-sec-title {
        line-height: 2.6rem;
    }

    ul.notice-sec-contents h2 {
        font-size: 20px;
        letter-spacing: -0.025rem;
        color: #4B73EE;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .notice-sec-contents {
        grid-template-columns: repeat(3, minmax(15.5%,auto));
    }

    #header h1 a{
        width: 220px;
    }

    #gnb {
        right: 00px;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon img{
        width: 130px;
        height: 130px;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 4rem;
        right: 84%;
    }

    ul.guide-sec-icon-wrapper{
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 45px;
    }

    ul.guide-sec-icon-wrapper > li:nth-child(4) span.img_icon::before{
        display: none;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 8rem;
        right: 79%;
    }
}



@media (max-width: 1120px){

    #lnb .lnb_wrap > ul {
        margin-left: 28%;
    }

}    


@media all and (max-width:1024px){

    ul.guide-sec-icon-wrapper > li > p:nth-child(n+3) br{
        display: block;
    }
    

    #TabList li a {
        font-size: 23px;
    }

    .notice-sec-contents {
        grid-template-columns: repeat(2, minmax(47%,auto));
    }

}


@media all and (max-width:1100px){

    ul.guide-sec-icon-wrapper > li span.img_icon img {
        width: 110px;
        height: 110px;        
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 4rem;
        right: 84%;
    }

    ul.guide-sec-icon-wrapper > li > p:first-of-type {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px;
        /* min-height: 55px; */
    }
    
    #header .wrap_box {
        height: 70px;
    }
}





@media all and (max-width:1000px) {

    .visual-sec-wrapper{
        flex-direction: column;
    }

    div.visual-sec-contents {
        width: 100%;
    }

    h1.visual-sec-title {
        font-size: 24px;
    }

    h1.visual-sec-title strong {
        font-size: 25px;
    }   

    h1.visual-sec-title {
        line-height: 2rem;
    }

    div.visual-sec-contents div:last-child > p {
        margin-top: 20px;
    }

    div.visual-sec-img img {
        margin-top: 3%;
        max-width: 80%;
    }

    h1.visual-sec-title > span {
        color: #3988F6;
        letter-spacing: -7px;
        position: relative;
    }

    div.customer-sec-contents {
        flex-direction: column;
    }

    div.customer-sec-contents > div:first-child{
        width: 100%;
    }

    div.customer-sec-contents > div:first-child {
        padding: 0;
    }

    div.customer-sec-contents > div.txt_form{
        width: auto;
        padding: 0 7%;
        margin: 2rem 0;
        
    }

    

    .txt_form input {
        display: block;
        border: 0;
        background: #F5F6F8;
        margin-bottom: 15px;
        width: 100%;
        box-sizing: border-box;
        outline: 0;
        padding: 20px 15px 20px;
    }

    div.customer-sec-contents > div h1{
        padding-top:100px;

    }

    div.customer-sec-contents > div:first-child {
        background: url(/project/design/main/mobile+bg.png) 81% 38% no-repeat;
        height: 100%;
        min-height: 0;
        width: 100%;
    }
    
    ul.service-sec-contents {
        grid-template-columns: repeat(auto-fill, 48%);
        flex-wrap: wrap;
        grid-gap: 31px;
    }

    ul.service-sec-contents li{
        min-height:280px;
        padding-top:50px;

    }

    ul.service-sec-contents li div:nth-child(3) {
        font-size: 15px;
    }

    div.visual-sec-img img {
        max-width: 100%;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 5rem;
        right: 79%;
    }

    .checkDiv input{
        padding: 0;
        margin: 0;
        width:fit-content;
        width: 17px;
        height: 17px;
        margin-right: 5px;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon img {
        width: 110px;
        height: 110px;
    }
}

@media all and (max-width:877px){

    h1.visual-sec-title > span {
        letter-spacing: -6.2px;
    }


    div.visual-sec-contents div:last-child {
        line-height: 1.8rem;
    }


    ul.guide-sec-icon-wrapper > li span.img_icon img {
        width: 98px;
        height: 98px;
    }

    h1.sec-title.left{
        margin-bottom: 30px;
    }

    button.btn_moreview {
        height: 40px;
        width: 40px;
    }

    ul.notice-sec-contents h2 {
        font-size: 18px;
    }

    ul.notice-sec-contents li {
        padding: 23px;
    }

    section.main-notice-sec {

        padding: 3rem 0;
    }
}



@media all and (max-width:860px){
    
    ul.service-sec-contents {
        grid-template-columns: repeat(auto-fill, 46.5%);
        /* flex-wrap: wrap; */
        /* grid-gap: 31px; */
    }

    div.visual-sec-img img {
        margin-top: 15%;
        max-width: 100%;
    }

    h1.sec-title{
        font-size: 27px;
    }

    p.sec-maintxt {
        font-size: 18px;
        margin: 5px 0 40px 0;
    }

    h1.visual-sec-title > span::before {
        width: 5px;
        height: 5px;
    }

    #TabList li a {
        padding: 0px 41px;
        font-size: 19px;
    }

    #TabList li {
        padding: 9px 0 10px 0;
        min-width: 151px;
        text-align: center;
    }

    p.sec-maintxt.mgB45 {
        margin-bottom: 30px;
    }

    div.content_box {
        margin-bottom: 3rem;
    }

    div.main-button a {
        padding: 0.8rem 5rem 0.8rem 2rem;
        font-size: 19px;
    }

    div.send-button{
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    div.send-button a{
       padding:0.8rem 5rem 0.8rem 5rem ; 
       font-size: 19px;
    }

    div.input_bottom {
        flex-direction: column;
    }

    div#lnb{
        display: none;
    }

}


@media all and (max-width:788px){
 
    div.send-button a {
        line-height: 60px;
        color: #fff;
        background: #4B73EE;
        border-radius: -9%;
        margin: 0 auto;
        font-size: 19px;
        font-weight: 500;
        border-radius: 5px;
    }
    
}

@media all and (max-width:620px){

    #header h1 a {
        width: 200px;
    }

    #gnb > ul > li:first-of-type {
        padding-right: 2px;
    }

    h1.sec-title.left{
        align-items: center;
    }

    ul.notice-sec-contents li > p{
        font: 12px;
    }

    ul.guide-sec-icon-wrapper > li > p:first-of-type {
        min-height: 0;
        font-size: 18px;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 3rem;
        right: 90%;
    }

    ul.guide-sec-icon-wrapper > li:nth-child(4) span.img_icon::before{
        display: none;
    }

    ul.guide-sec-icon-wrapper > li > p:nth-child(n+3) {
        margin-bottom: 0.2rem;
    }

    ul.guide-sec-icon-wrapper li{
        margin: 0.5rem;
    }
}

@media all and (max-width:580px){


    #footer address {
        font-size: 12px;
        line-height: 1.4;
    }

    #header h1 a {
        width: 170px;
    }

    
    h1.visual-sec-title {
        line-height:2rem;
    }

    #gnb > ul > li a,
    #gnb > ul > li:last-child a{
        padding: 4px 10px;
    }


    ul.service-sec-contents {
        grid-gap: 25px;
    }

    h1.visual-sec-title > span {
        letter-spacing: -5.2px;
    }
    
    ul.guide-sec-icon-wrapper > li > p:first-of-type{
        font-size: 16px;
        font-weight: 500;
    }

    .notice-sec-contents{
        white-space: normal;
        overflow-x: auto;
    }

    .notice-sec-contents {
        grid-template-columns: repeat(4, minmax(90%,auto));
        grid-gap: 20px;
    }

    ul.notice-sec-contents li:nth-child(5),
    ul.notice-sec-contents li:nth-child(6),
    ul.notice-sec-contents li:nth-child(7),
    ul.notice-sec-contents li:nth-child(8){
        display: none;
    }

    ul.notice-sec-contents h2 {
        font-size: 16px;
        line-height: 1.6rem;
    }

    ul.service-sec-contents li div:nth-child(2) > span{ 
        font-size: 16px;
    }
    
    ul.service-sec-contents {
        grid-template-columns: repeat(4, 100%);
        /* flex-wrap: wrap; */
        /* grid-gap: 31px; */
        overflow-x: auto;
    }

    ul.service-sec-contents li {
        min-height:0px;
        padding: 30px;
    }

    div.visual-sec-contents div:last-child{
        font-size: 15px;
    }

    ul.service-sec-contents li div:nth-child(3){
        font-size: 14px;
    }

    h1.visual-sec-title {
        font-size: 21px;
    }
    
    h1.visual-sec-title strong {
        font-size: 18px;
    }

    div.visual-sec-contents div:last-child > p{
        font-size: 17px;
        margin: 15px 0 10px;
    }

    div.visual-sec-contents div:last-child {
        font-size: 14px;
        line-height: 1.6rem;
    }

    h1.sec-title{
        font-size: 20px;
    }

    p.sec-maintxt{
        font-size: 16px;
    }

    ul.service-sec-contents li div:nth-child(2){
        margin: 10px 0 12px 0;
    }

    section.main-service-sec,
    section.main-guide-sec{
        padding: 3rem 0;
    }

    #TabList li a {
        font-size: 16px;
    }

    

    button.btn_moreview {
        height: 30px;
        width: 30px;
        background-size: 50%;
        border: 1px solid #8c8c8d;
    }

    button.btn_moreview:hover{
        background-size: 50%;
        border: 1px solid #4B73EE;
    }

    ul.guide-sec-icon-wrapper {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 45px;
    }

    ul.guide-sec-icon-wrapper > li:nth-child(3) span.img_icon::before,
    ul.guide-sec-icon-wrapper > li:nth-child(5) span.img_icon::before{
        display: none;
    }
    
    ul.guide-sec-icon-wrapper > li:nth-child(4) span.img_icon::before{
        display: block;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 4rem;
        right: 87%;
    }

}




@media all and (max-width:440px){

    #TabList li {
        padding: 9px 0 10px 0;
        min-width: 140px;
        text-align: center;
    }


    ul.guide-sec-icon-wrapper > li > p:first-of-type{
        font-size: 15px;
        font-weight: 500;
    }

    ul.guide-sec-icon-wrapper li {
        margin: 0.2rem;
    }

    #back-top {
        right: 20px;
    }

    #header h1 a {
        width: 165px;
    }

    ul.service-sec-contents {
        grid-template-columns: repeat(4, 90%);
    }

    ul.service-sec-contents li {
        min-height:0;
        padding-top: 0;
        padding: 0;
        justify-content: center;
        padding: 20px;
    }

    p.sec-maintxt {
        margin: 5px 0 2rem 0;
    }

    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        width: 3rem;
    }
}

@media all and (max-width:430px){
    ul.guide-sec-icon-wrapper > li:nth-child(4) span.img_icon::before{
        display: block;
    }

    ul.guide-sec-icon-wrapper > li:nth-child(3) span.img_icon::before{
        display: none;
    }

    ul.guide-sec-icon-wrapper li:last-child {
        display: block;
        flex-grow: 0.445;
        flex-basis: 1;
    }

    ul.guide-sec-icon-wrapper {
        justify-content: flex-start;
    }

    ul.guide-sec-icon-wrapper > li:last-child span.img_icon::before{
        display: none;
    }

    ul.guide-sec-icon-wrapper > li > p:nth-child(n+3) {
        margin-bottom: 2px;
        font-size: 13px;
    }

}   

@media all and (max-width:320px){
    ul.guide-sec-icon-wrapper li:last-child {
        display: block;
        flex-grow: 0.44;
        flex-basis: 1;
    }
    
    ul.guide-sec-icon-wrapper > li span.img_icon::before {
        right: 83%;
    }
}