@font-face {
    font-family: 'NPSfontBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/NPSfontBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

html {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
    font-family: Pretendard,HelveticaNeue-Light,'Malgun Gothic','¸¼Àº °íµñ',sans-serif;
    scroll-behavior: smooth;
}

#layout_base {
  /*  padding-top: 60px;*/
    box-sizing: border-box;
}

#headerLayout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 1000000;
}
    #headerLayout .header_nav {
        display: flex;
        height: 60px;
        align-items: center;
        padding: 0 60px;
        justify-content: space-between;
        transition-duration: 0.2s;
        /*transition: all 0.5s ease-in-out 0s;*/
    }

     #headerLayout .header_nav.hover{
         background-color:#2b2b2b;
         /*border-bottom: 1px solid #ddd;*/
     }

     #headerLayout .header_nav.hover .nav_a{
         color:#fff;
     }


.nav_shadow {
    transition: all 0.7s ease-in-out 0s;
    background-color: #2b2b2b;
}

.nav_shadow .header_btn .login_btn{
    color: #fff;
    background-color: #ffffff17 !important
}

.nav_shadow .login_btn{
    background-color:#00000017 !important;
}

.nav_shadow .login_btn:hover{
    background-color:#00000024 !important;
}

.nav_shadow1 {
    box-shadow: 0 4px 12px rgba(0,0,0,.4);
    transition: all 0.7s ease-in-out 0s;
}

/*»ó´Ü¸Þ´º - ·Î°í¿µ¿ª*/
.header_logo_img {
    width: 130px;
    height: 60px;
    background: #0000;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

    .header_logo_img a{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .header_logo_img a > img {
        width: 40px;
        display: block;
    }

    .header_logo_img a > p {
        font-size: 20px;
        margin-left: 10px;
        font-weight: 800;
        color: #fff;
    }

/*»ó´Ü¸Þ´º - ¸Þ´º¿µ¿ª*/

.menu_bg {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #2b2b2b;
    height: 0px;
    z-index: -999;
    transition-duration: 0.3s;
    box-shadow: 0px 3px 17px 0px rgb(0 0 0 / 9%);
}

.header_menuWrap {
    display: flex;
    align-items: center;
}
.header_menu {
    height: 100%;
    display: flex;
    align-items: center;
}
    .header_menu .nav_u {
        height: 100%;
        display: flex;
        align-items: center;
    }

    /*1Â÷¸Þ´º ¼¼ÆÃ*/
    .header_menu .nav_u .nav_l {
        position: relative;
    }

    .header_menu .nav_u .nav_l .nav_a {
        display: block;
        font-size: 16px;
        font-weight: 600;
        padding: 20px 35px;
        background: none;
        text-align: left;
        display: flex;
        align-items: center;
        color:#fff;
    }

   /*2Â÷¸Þ´º ¼ÂÆÃ*/
   .header_menu .nav_u .nav_l ul {
       position: absolute;
       z-index: 3;
       top: 70px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       transition-duration:1s;
       width: max-content;
       height: 0;
       padding:0px 20px;
       overflow:hidden;
       transition-duration: 0.2s;
       text-align: center;
   }
       .header_menu .nav_u .nav_l ul > li {
           position: relative;
       }
           .header_menu .nav_u .nav_l ul > li > a {
               display: block;
               text-align: center;
               font-size: 14px;
               padding: 10px;
               cursor:pointer;
               color:#fff;
               font-weight:300;
           }
            .header_menu .nav_u .nav_l ul > li > a:hover {
                font-weight: 700;
                background-color: #ffffff33;
                color: #fff;
                border-radius: 5px;
            }
    .bottom_title{
        margin: 10px 0;
        font-weight:800;
        color: #fff;
    }

.main_nav_arrowDown {
    width: 12px;
    margin: 2px 2px 0 8px;
    font-size: 5px;
    margin-top: 1px;
}


/*»ó´Ü¸Þ´º - ¹ö°Å¸Þ´º ¿µ¿ª*/
.burger_menu {
    display:none;
    cursor: pointer;
    width: 20px;
}

.burger_secondMenu_wrap > ul {
    padding: 28px 24px 30px 30px;
    width: 400px;
    height: 100vh;
    /*    min-height: 600px;*/
    box-shadow: 0 4px 12px rgba(0,0,0,.4);
    border: none;
    border-radius: 0px;
    font-size: 17px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FFFFFF;
    /*Á¦¿ÜÇÏ°í µÞ¹è°æ ¾îµÓ°Ô*/
    box-shadow: rgba(0,0,0,0.5) 0 0 0 9999px;
    z-index: 10000000;
    box-sizing: border-box;
}

.bergerMenu_closeBtn_area {
    width: 15px;
    margin: 0;
    float: right;
    cursor:pointer;
}

.burgerMenu_list {
    margin: 35px 0;
}

.burger_secondMenu_wrap > ul > li > ul {
    display: none;
}

.burger_secondMenu_wrap > ul > li > a {
    color: #2B2B2B;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.burger_secondMenu_wrap > ul > li > ul > li {
     margin: 15px 0 0 0;
}

.burger_secondMenu_wrap > ul > li > ul > li > a{
     color:#9B9B9B;
     font-size:14px;
     font-weight:500;
}
    .burger_secondMenu_wrap > ul > li > ul > li > a:hover {
        color: #003AC9;
    }

.burgerMenu_list .bottom_title{
    font-size:14px;
    color: #2b2b2b;
}

.main_burgerMenu_arrowUp {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    cursor: pointer;
    background: url(../img/main_burgerMenu_arrowUp.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.main_burgerMenu_arrowDown {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    cursor: pointer;
    background: url(../img/main_burgerMenu_arrowUp.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(180deg);
}

.burgerMenu_btnArea {
    text-align:center;
}

.burgerMenu_btnArea button[type="button"]{
    margin:50px 5px 20px 5px;
}

.burgerMenu_btnArea .free_btn1 {
    background-color: #003AC9;
    color: #fff;
    border-radius: 6px;
    padding: 10px 50px;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    border:0;
}
    .burgerMenu_btnArea .free_btn1:hover {
        background-color: #003AC9;
    }

.burgerMenu_btnArea .login_btn1 {
    color: #2b2b2b;
    border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
    border-radius: 6px;
    padding: 10px 50px;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
}
    .burgerMenu_btnArea .login_btn1:hover {
        background-color: #e6e6e6;
    }

/*»ó´Ü¸Þ´º - ¹öÆ°¿µ¿ª*/
.header_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_btn .free_btn {
    width: 180px;
    margin-right: 10px;
    background-color: #003AC9;
    color: #fff;
    border-radius: 6px;
    transition-duration:0.2s
}
    .header_btn .free_btn:hover {
        background-color: #0234af;
    }

.header_btn .login_btn {
    color: #2b2b2b;
    background-color: #ffffff7a;
    border-radius: 6px;
    transition-duration:0.2s
}

    .header_btn .login_btn:hover {
        background-color: #ffffff9c;
    }

.mo_free_btn {
    display: none;
    background-color: #003AC9;
    color: #fff;
    border-radius: 6px;
    margin-right:10px;
    border: 1px solid #003AC9;
}

    .mo_free_btn:hover {
        background-color: #0234af;
    }

/*º»¹®¿µ¿ª*/
.bodyarea {
    position: relative;
    /*display: flex;*/
}

#bodyLayout {
    display: flex;
    flex-direction: column;
    flex: auto;
    margin: 0 auto;
    transition: all .4s ease-in-out;
}


/*¸ÞÀμ½¼Ç °øÅë±â´É***************************************************/
/*½ºÅ©·Ñ ½Ã ÆäÀ̵åÀξ÷ µÇ´Â È¿°ú Ŭ·¡½ºÁöÁ¤*/
.fade_in_up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
}
    .fade_in_up.fadeInUp {
        opacity: 1;
        transform: translateY(0);
    }

/* ¼½¼Ç4 °¢°¢ÀÇ ¹Ú½º µô·¹ÀÌ·Î ½Ã°£Â÷ ±¸Çö */
.section4_boxArea1.fadeInUp {
    transition: .6s cubic-bezier(.42,0,.23,1.09) .1s;
}

.section4_boxArea2.fadeInUp {
    transition: .6s cubic-bezier(.42,0,.23,1.09) .35s;
}

.section4_boxArea3.fadeInUp {
    transition: .6s cubic-bezier(.42,0,.23,1.09) .6s;
}

/*¼½¼Çº° °øÅë ¿µ¿ª*/

.section_wrap{
        padding: 200px 0 100px 0;
}

.section_wrap > div {
    max-width: 1100px;
    margin: 0 auto;
}

.main_title_wrap {
    display: flex;
    align-items: center;
}

.main_title_wrap .title {
    font-size: 52px;
    font-weight: 800;
}

.main_title_wrap .title br{
    display:none;
}

.title_icon{
    font-size: 50px;
    margin-left: 30px;
}

    .SPicon01sec1_icon{
        color:#64e8b9;
    }

.section_wrap .sub_text {
    font-size: 20px;
    align-items: center;
    justify-content: center;
    margin: 20px 0 50px 0;
    font-weight: 600;
}

.section_wrap .sub_text br{
    display: none;
}

/*¹è³Ê **********************************************************/
.main_banner_wrap {
    background-color: #FCFCFC;
    color: #2B2B2B;
    overflow: hidden;
    background-image: url(../img/banner_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.main_banner {
    max-width: 1100px;
    height: 735px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 999;
}

/*¹è³Ê ÅؽºÆ® ¿µ¿ª*/
.banner_text_wrap {
    margin: 190px 0 0 0;
    color: #fff;
}

.banner_textArea1 {
    font-size: 28px;
    font-weight: 600;
}
    .banner_textArea1 span {
        display: inline-block;
    }

.banner_textArea2 {
    margin: 10px 0 30px;
    font-size: 65px;
    font-weight: 800;
    white-space: nowrap;
}
    .banner_textArea2 span {
        display: inline-block;
        margin: 2px 0;
    }

    .banner_textArea2 p:nth-child(1) {
        font-size: 58px;
        margin-bottom: 5px;
    }

    .banner_textArea2 p:nth-child(2) {
         /*font-family: 'NPSfontBold';*/
         font-size: 100px;
         font-weight:900;
         color:#003AC9;
    }

.banner_emailArea {
    margin-top: 22px;
    display: flex;
    background: #ffffff54;
    padding: 10px;
    border-radius: 10px;
    width: max-content;
}

.banner_emailArea .emailText {
    max-width:300px;
    width: 300px;
    height:35px;
    border-radius:6px;
    border:solid 1px #E6E6E6;
    padding:0 0 0 10px;
    margin-right: 10px;
}
    .banner_emailArea .emailText::placeholder {
        color: #D2D2D2;
        font-size: 15px;
    }
    .banner_emailArea .emailText:focus {
        outline: none;
    }

.banner_emailArea .try_btn_close {
    width: 170px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background-color: #C1C1C1;
    font-size: 15px;
    font-weight:600;
}

.banner_emailArea .try_btn_open {
    width: 170px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    background: #003AC9;
    font-size: 15px;
    font-weight:600;
}


/*¼½¼Ç1 ***********************************************************/
.skill_section1 {
    max-width: 100% !important;
}

.skill_section1 .sub_text{
    margin-top: 20px !important;
}

.skill_section1 .main_title_wrap,.skill_section1 .sub_text{
    width: 1100px;
    margin: 0 auto;
}

.skill_section1 .swiper {
    padding: 10px;
}

.sec1_slide_wrap {
    width: 100%;
    margin: 0 auto;
}

.review_wrapper {
    margin-top: 30px;
}

.swiper-button-next, .swiper-button-prev {
    background-color: #0000002b;
    border-radius: 34px;
    padding: 5px;
    width: 30px !important;
    height: 30px !important;
}

    .swiper-button-next{
        right: -10px !important;
    }

    .swiper-button-prev{
        left: -10px !important;
    }

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px !important;
    color: #fff;
    font-weight: 900;
}

.review_wrapper .review_wrap {
    height: 350px;
    box-sizing: border-box;
    border-radius: 15px;
    overflow: hidden;
    padding: 40px 30px;
    position: relative;
    text-align: center;
    box-shadow: 2px 3px 6px 2px rgb(95 119 151 / 14%);
    cursor: pointer;
}

.company_name {
    font-size: 16px;
    font-weight: 700;
    color: #4F10D5;
    margin-bottom: 3px;
}

.review {
    height: 35%;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #393939;
}

.review_top{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content:space-between;
}

    .review_top .review_img {
        width: 100px;
        height: 100px;
        border-radius: 78px;
        background: #0000000a;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .review_top .review_img img {
        width: 95%;
        margin-top: 5px;
    }

    .review_top .conpany_info {
        width: 140px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .review_top .conpany_info .tag {
        color: #003AC9;
        border: 1px solid;
        padding: 2px 6px;
        border-radius: 28px;
        font-size: 12px;
    }

    .review_top .conpany_info .company_name {
        font-size: 20px;
        font-weight: 800;
        margin: 5px 0;
        color: #2b2b2b;
        text-align: left;
    }

    .review_top .conpany_info .ceo_name{
        font-weight:600;
    }

.review_bottom {
    margin-top: 25px;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    line-height: 30px;
}

.skill_section1 .swiper-slide {
    width: 320px !important;
}

/*¼½¼Ç2 ***********************************************************/
.SPicon01sec2_icon {
    color: #A6E729;
}

.skill_section2_wrap .content_wrap {
    width: 100%;
    height: 340px !important;
    background: linear-gradient(140deg,#E4F1DC,#FFE4C1);
    border-radius: 30px;
    overflow: hidden;
}

.skill_section2_wrap .content_wrap img{
    width: 90%;
    position: absolute;
    left: 5%;
    top: 10%;
}

/*¼½¼Ç3 ***********************************************************/
.SPicon01sec3_icon {
    color: #FFDE2C;
}

.skill_section3_wrap .content_wrap {
    width: 100%;
    background: linear-gradient(140deg,#96CCD0,#E3DCA9);
    height: 450px;
    padding: 30px;
    border-radius: 30px;
    box-sizing:border-box;
}

.skill_section3_wrap .content_wrap>div{
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-sizing:border-box;
    display: flex;
    overflow: hidden;
}

.skill_section3_wrap .content_wrap .text_wrap{
    width: 40%;
    padding: 35px;
    box-sizing: border-box;
}

.skill_section3_wrap .content_wrap .con_main_text {
    font-size: 40px;
    font-weight: 800;
}

.skill_section3_wrap .content_wrap .con_sub_text{
  font-size: 18px;
  margin-top: 20px;
}

.content_wrap .img_wrap {
    width: 60%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content_wrap #S_order img {
   width: 92%;
    margin-top: 5px;
}

.content_wrap #P_order img {
    width: 92%;
    margin-top: 5px;
}

.content_wrap #prod img {
    width: 95%
}

.content_wrap #leave img {
    width: 94%
}

.skill_section3_wrap .con_btn {
    display: flex;
    margin: 15px 0 0 15px;
}

.skill_section3_wrap .con_btn .btn{
    padding: 8px 15px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    margin-right: 10px;
    border-radius: 6px;
    font-size: 18px !important;
}

.skill_section3_wrap .con_btn .btn p{
    margin-right: 5px;
    color: #8f8f8f;
}

.skill_section3_wrap .con_btn .btn.active {
    border: 1px solid #c9cfde;
    background-color: #003ac90d;
}

.skill_section3_wrap .con_btn .btn.active p {
    color: #2b2b2b;
}

/*¼½¼Ç4 ***********************************************************/
.skill_section4{
    max-width: 1300px !important;
}

.SPicon01sec4_icon {
    color: #06D3FF;
}

.skill_section4 .content_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 450px;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));
}

.skill_section4 .con_menu {
    width: 20%;
    height: 70%;
    font-size: 20px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
}

.skill_section4 .con_menu li{
    width: 100%;
    display:flex;
    align-items: center;
    padding: 15px 0 15px 20px;
    cursor:pointer;
    border-radius: 100px;
    position: relative;
}

 .skill_section4 .con_menu li.active {
     font-weight: 800;
     background: #fff;
 }

 .skill_section4 .con_menu li.active .SPicon01arrow_r{
     display:none;
 }


.skill_section4 .con_menu li.active::before {
    content: "";
    width: 4px;
    height: 100%;
    margin-right: 5px;
}

.skill_section4 .con_menu li span {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: 6px;
    background-color: #2b2b2b;
    color: #fff;
    border-radius: 20px;
}

.skill_section4 .content {
    width: 80%;
    height: 100%;
    border-radius:40px;
    background: #fff;
    overflow:hidden
}

.skill_section4 .content>div {
    width: 100%;
    height: 100%;
    display:flex;
    
}

.skill_section4 .content>div .text_wrap{
    width: 45%;
    height: 100%;
    padding: 40px;
    box-sizing:border-box;
}

.skill_section4 .content>div .con_title{
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
}

.skill_section4 .content > div .func_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 16px;
}

.skill_section4 .content>div  .func_wrap li{
    padding: 5px 10px;
    background: #003ac90d;
    border: 1px solid #c9cfde;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 4px;
}

.skill_section4 .content>div .img_wrap{
    width: 55%;
    height: 100%;
    position: relative;
}

/*Á¶Á÷°ü¸®*/
.skill_section4 .content .workplace .point{
    color:#003AC9;
}

.skill_section4 .content .workplace .func_wrap{
   width: 200px;
}

.skill_section4 .workplace .img_wrap {
    background: linear-gradient(140deg, #CFE5F4, #EEECF7);
}

.skill_section4 .con_menu li[data-tab="sec4_workplace"].active {
    color: #003AC9;
}

.skill_section4 .con_menu li[data-tab="sec4_workplace"].active::before {
    background-color: #003AC9;
}

#sec4_workplace .img_wrap img {
    position: relative;
    top: 4px;
    width: 120%;
    left: 10%;
}


/*ȸ°è°ü¸®*/
.skill_section4 .content .finance .point {
    color: #4F10D5;
}

.skill_section4 .content .finance .func_wrap {
    width: 210px;
}

.skill_section4 .finance .img_wrap {
    background: linear-gradient(140deg, #EEECF7, #fffeca);
}

.skill_section4 .con_menu li[data-tab="sec4_finance"].active {
    color: #4F10D5;
}

.skill_section4 .con_menu li[data-tab="sec4_finance"].active::before {
    background-color: #4F10D5;
}

#sec4_finance .img_wrap img {
    position: relative;
    width: 150%;
    left: 130px;
}


/*»óÇ°°ü¸®*/
.skill_section4 .content .product .point {
    color: #FFC629;
}

.skill_section4 .content .product .func_wrap {
    width: 200px;
}

.skill_section4 .product .img_wrap {
    background: linear-gradient(140deg, #fffeca, #ffd5f2);
}

.skill_section4 .con_menu li[data-tab="sec4_product"].active {
    color: #FFC629;
}

.skill_section4 .con_menu li[data-tab="sec4_product"].active::before {
    background-color: #FFC629;
}

#sec4_product .img_wrap img:first-child {
    width: 140%;
    position: relative;
    left: 135px;
    top: 30px
}

#sec4_product .img_wrap img:last-child {
    z-index: 999;
    position: absolute;
    width: 70%;
    top: 140px;
    left: 130px;
}

/*¼ö¹ßÁÖ °ü¸®*/

.skill_section4 .content .order .point {
    color: #FF0090;
}


.skill_section4 .content .order .func_wrap {
    width: 230px;
}

.skill_section4 .order .img_wrap {
    background: linear-gradient(140deg, #ffd5f2, #ccffdf);
}

.skill_section4 .con_menu li[data-tab="sec4_order"].active {
    color: #FF0090;
}

.skill_section4 .con_menu li[data-tab="sec4_order"].active::before {
    background-color: #FF0090;
}

#sec4_order .img_wrap img {
    width: 180%;
    position: relative;
    top: 70px;
    right: 260px;
}

/*Àç°í °ü¸®*/
.skill_section4 .content .stock .point {
    color: #04E85F;
}

.skill_section4 .content .stock .func_wrap {
    width: 230px;
}

.skill_section4 .stock .img_wrap {
    background: linear-gradient(140deg, #ccffdf, #d4ebff);
}

.skill_section4 .con_menu li[data-tab="sec4_stock"].active {
    color: #04E85F;
}

.skill_section4 .con_menu li[data-tab="sec4_stock"].active::before {
    background-color: #04E85F;
}


#sec4_stock .img_wrap img {
    width: 161%;
    position: relative;
    left: 160px;
    bottom: -18px;
}



/*·¹Æ÷Æ® °ü¸®*/
.skill_section4 .content .report .point {
    color: #298EE9;
}

.skill_section4 .content .report .func_wrap {
    width: 265px;
}

.skill_section4 .report .img_wrap {
    background: linear-gradient(140deg, #d4ebff, #CFE5F4);
}

.skill_section4 .con_menu li[data-tab="sec4_report"].active {
    color: #298EE9;
}

.skill_section4 .con_menu li[data-tab="sec4_report"].active::before {
    background-color: #298EE9;
}

#sec4_report .img_wrap img {
    width: 145%;
    position: relative;
    left: 140px;
}

/*¼½¼Ç5 ***********************************************************/
.SPicon01sec5_icon {
    color: #F6739E;
}

.skill_section5 .content_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.skill_section5 .content_wrap .con{
    width: 30%;
} 

.skill_section5 .content_wrap .con .img_wrap {
    width: 100%;
    height: 300px;
}

.skill_section5 .content_wrap .con .text_wrap {
   margin-top: 20px;
}

.skill_section5 .content_wrap .con .con_title {
    font-size: 28px;
    font-weight: 800;
}

.skill_section5 .content_wrap .con .con_sub_text {
    font-size: 20px;
    margin-top: 10px;
}

/*¼½¼Ç6 ***********************************************************/
.skill_section6_wrap{
    padding: 200px 0;
}

.SPicon01sec6_icon {
    color: #9BCFFF
}

.skill_section6 .content_wrap {
    margin-top: 50px;
}

.skill_section6 .content_wrap .con {
    display: grid;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
    }

.skill_section6 .content_wrap .con>div{
    width: 100%;
    background-color: #003ac90d;
    margin-right: 10px;
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
}

.skill_section6 .content_wrap .con>div .top_area{
    height: 110px;
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}


.skill_section6 .content_wrap .con>div .top_area p:first-child{
    font-size: 24px;
    font-weight: 700;
}

.skill_section6 .content_wrap .con > div .top_area p:last-child {
    font-size: 58px;
    color: #1e1f234f;
}

.skill_section6 .content_wrap .con > div .bottom_area {
    all: unset;
    display: flex;
    flex-direction: column;
}

.skill_section6 .content_wrap .con > div button {
    background: none;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #2b2b2b;
    font-weight: 700;
    width: max-content;
    border: 1px solid #c9cfde;
}

.skill_section6 .content_wrap .con > div button:hover{
    background-color:#003ac90d;
}

.skill_section6_btn.notice_btn{
    margin-top: 5px;
}

.skill_section6_btn span {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: 6px;
    background-color: #2b2b2b;
    color: #fff;
    border-radius: 20px;
}

/*¼­ºñ½º ±â´É ¼Ò°³ ¿µ¿ª =================================================================================================*/
.narrowBr{
    display:none;
}

.service_section {
    width: 100%;
}

.service_banner_wrap {
    background-color: #2b2b2b;
    height: 735px;
    display:flex;
    align-items:center;
    color:#fff;
}

.service_banner {
    width: 1080px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service_banner p:first-child{
    font-size: 70px;
    font-weight: 800;
}

.service_banner p:last-child{
    font-size: 28px;
    margin-top: 10px;
    font-weight: 600;
}

.service_banner .menu_wrap{
    margin-top: 60px;
    font-size: 32px;
    line-height: 50px;
}

.menu_wrap br{
    display:none;
}

.menu_wrap li {
    display: flex;
    align-items: center;
}

.menu_wrap li a{
    color: #fff;
}

.menu_wrap li:hover {
    cursor: pointer;
/*    text-decoration-style: dashed;*/
    text-decoration-line: underline;
    text-underline-offset: 20%;
}

.menu_wrap li:before {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    border: 5px solid #fff;
    margin-right: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}


.menu_wrap li:hover:before {
    border: 0;
}

/*ÄÁÅ×ÀÌ³Ê ¿µ¿ª*/
.service_container{
    padding: 200px 0;
}

.service_container .con_wrap:last-child .con:last-child{
    margin-bottom: 0;
}

.service_container .con_wrap:first-child{
    margin-top: 0;
}

.service_container .con_wrap {
    width: 1080px;
    margin: 0 auto;
    margin-top: 200px;
    padding-top: 100px;
}

.service_container .con_wrap h1{
    font-size: 60px;
    font-weight: 800;
    margin-bottom:100px;
}

.service_container .con_wrap .con {
    margin-bottom: 130px;
}

.service_container .con_wrap .con p:first-child{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2b2b2b;
}
 
.service_container .con_wrap .con p{
    font-size: 20px;
    margin-bottom: 30px;
    color: #747474;
}

.service_container .con_wrap .con .img_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 400px;
    background-color: #f5f5f7;
    border-radius: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.service_container .con_wrap .con .half_img_wrap{
    width: 100%;
    height: 500px;
    display:flex;
    justify-content:space-between;
    margin-bottom: 20px;
}


.service_container .con_wrap .half_img_wrap .half_img{
    width: 49%;
    height: 100%;
    background-color: #f5f5f7;
    border-radius: 30px;
    display: flex;
    align-items: center;
    overflow:hidden
}


.fnc_try_box {
    background-color: #2b2b2b;
    text-align: center;
    padding: 50px 0;
    color: #fff;
    border-bottom: 1px solid #3e3e3e;
}

.fnc_try_box .fnc_try_title{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.fnc_try_box .emailArea .emailText1{
    width: 300px;
    height: 35px;
    border: solid 1px #2b2b2b;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

.fnc_try_box .emailArea .try_btn_close1 {
    border: solid 1px #C1C1C1;
    border-radius: 6px;
    height: 37px;
    background-color: #C1C1C1;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

.fnc_try_box .emailArea .try_btn_open1 {
    background-color: #003AC9;
    border: solid 1px #003AC9;
    border-radius: 6px;
    height: 37px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

/*Á¶Á÷ °ü¸®*/
.service_GroupSection .menu_wrap li:hover {
    color: #003AC9;
}

.service_GroupSection  .menu_wrap li:hover a {
    color: #003AC9;
}

.service_GroupSection  .menu_wrap li:hover:before {
    border:0;
    background-color: #003AC9;
}
.group_container #member h1 {
    margin-bottom: 10px;
}

.group_container #member .img_wrap{
    height: 300px;
}

.group_container .group_img01 img {
    width: 80%;
}

.group_container .group_img02 img {
    width: 80%;
    margin-top: 15px;
}

.group_container .group_img03 img {
    width: 80%;
}

.group_container .group_img04 img {
    width: 70%;
}


/*»óÇ° °ü¸®*/
.service_ProdSection .menu_wrap li:hover {
    color: #FFC629;
}

.service_ProdSection .menu_wrap li:hover a {
    color: #FFC629;
}

.service_ProdSection .menu_wrap li:hover:before {
    border: 0;
    background-color: #FFC629;
}

.prod_container #materials h1 {
    margin-bottom: 10px;
}

.prod_container .half_img_wrap{
    height: 300px !important;
}

.prod_img01 img {
    width: 60%;
}

.prod_img02 img {
    width: 80%;
    position: relative;
    top: 85px;
}

.prod_img04 img {
    width: 80%;
    position: relative;
    top: 12px;
}

.prod_img05 img {
    width: 80%;
}

/*¼ö¹ßÁÖ °ü¸®*/
.service_SaleSection .service_banner_wrap {
    height: 830px;
}


.service_SaleSection .menu_wrap li:hover {
    color: #FF0090;
}

.service_SaleSection  .menu_wrap li:hover a {
    color: #FF0090;
}

.service_SaleSection  .menu_wrap li:hover:before {
    border: 0;
    background-color: #FF0090;
}

.service_SaleSection .con_wrap h1 {
    margin-bottom: 10px;
}

.service_SaleSection .con_wrap .con p:first-child {
    font-size: 20px;
    margin-bottom: 30px;
    color: #747474;
    font-weight: 500;
}

.service_SaleSection #customer .img_wrap{
    background-color: unset;
    display:flex;
    justify-content:space-between;
    height: 480px;
}

.service_SaleSection #customer .img_wrap div{
    width: 49%;
    height: 100%;
}

.service_SaleSection #customer .img_wrap .left_img{
    background-color:#f5f5f7;
    border-radius: 30px;
}

.service_SaleSection #customer .img_wrap .right_img{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.service_SaleSection #customer .img_wrap .right_img div{
    width: 100%;
    height: 48%;
    background-color:#f5f5f7;
    border-radius: 30px;
    display:flex;
    align-items: center;
}

.service_SaleSection #remittance .img_wrap {
    background-color: unset;
    display: flex;
    justify-content: space-between;
}

.service_SaleSection #remittance .img_wrap div {
    background-color: #f5f5f7;
    border-radius: 30px;
    width: 33%;
    height: 100%;
}

.service_SaleSection #order .img_wrap {
    height:550px;
}

.service_SaleSection #order img {
    width: 80%;
}

.service_SaleSection #enterprise .img_wrap {
    height: 500px;
}

.service_SaleSection #enterprise img {
    width: 80%;
}

.sales_img01_01 {
    display:flex;
    align-items:center;
    justify-content:center
}

.sales_img01_01 img {
    width: 80%;
}

.sales_img02_01{
    height:350px;
}

.sales_img02_01 img {
    width: 90%;
    position: relative;
    top: 22px;
    left: 20px;
}

.sales_img02_02{
    height:350px;
}

.sales_img02_02 img {
    width: 90%;
    position: relative;
    top: 22px;
    left: 20px;
}

.sales_img04 {
    align-items: flex-start !important;
}

.sales_img04 img{
    width: 85%;
    position: absolute;
    right: 43px;
}

#remittance .img_wrap>div {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.sales_img06_01 img{
    position: absolute;
    left:30px;
}

.sales_img06_03 img {
    position: absolute;
    left: 30px;
}

.sales_img07 img{
    width: 80%;
}

/*Àç°í °ü¸®*/
.service_StockSection .menu_wrap li:hover {
    color: #04E85F;
}

.service_StockSection .menu_wrap li:hover a {
    color: #04E85F;
}

.service_StockSection .menu_wrap li:hover:before {
    border: 0;
    background-color: #04E85F;
}

#salse_cal h1, #in h1, #move h1{
    margin-bottom: 10px;
}

.stock_img01 img {
    width: 85%;
}

.stock_img02 img {
    width: 80%;
}

.stock_img03 {
    height: 550px !important;
}

.stock_img03 img {
    width: 90%;
}

.stock_img04 {
    height: 500px !important;
}

.stock_img04 img {
    width: 80%;
    position: absolute;
    bottom: 20px;
}

.stock_img05 img{
    width: 80%;
    position: absolute;
    bottom: 10px;
}

.stock_img06 {
    background-color: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 0;
    height: 360px !important;
}


.stock_img06>div{
   height: 100%;
   background-color:#f5f5f7;
   border-radius: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.stock_img06_01 {
   width: 60%;
}


.stock_img06_01 img {
    width: 95% !important;
}

.stock_img06_02 {
    width: 39%;
}

.stock_img07 img {
    width: 95%;
    position: absolute;
    left: 58px;
}

.stock_img08 img {
    width: 90%;
    position: absolute;
    bottom: 40px;
}

.stock_img09 {
    background-color: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 0;
    height: 280px !important;
}

.stock_img09 > div {
    height: 100%;
    background-color: #f5f5f7;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stock_img09_01 {
    width:39%;
}


    .stock_img09_01 img {
        width: 85% !important;
    }

.stock_img09_02 {
    width: 60%;
}

    .stock_img09_02 img {
        width: 85% !important;
    }

/*·¹Æ÷Æ® °ü¸®*/
.service_ReportSection .menu_wrap li:hover {
    color: #298EE9;
}

.service_ReportSection  .menu_wrap li:hover a {
    color: #298EE9;
}

.service_ReportSection  .menu_wrap li:hover:before {
    border: 0;
    background-color: #298EE9;
}

.service_ReportSection h1{
    margin-bottom: 10px !important;
}

.report_img01, .report_img02 {
    height: 300px !important;
}

.report_img01 img {
    position:absolute;
    top: 22px;
}

.report_img02 img{
    position:absolute;
    top: 40px;
}

.report_img03 img{
    position: absolute;
    top:50px;
    width: 85%;
}

.report_img04 img {
    position: absolute;
    top: 50px;
}

/*¿öÅ©Ç÷¹À̽º °ü¸®*/
.service_WorkplaceSection .menu_wrap li:hover {
    color: #FF4D00;
}

.service_WorkplaceSection .menu_wrap li:hover a {
    color: #FF4D00;
}

.service_WorkplaceSection .menu_wrap li:hover:before {
    border:0;
    background-color: #FF4D00;
}

#workOut h1, #car h1, #workplaceCal h1 {
    margin-bottom: 10px !important;
}

.workplace_img01 img{
    width: 70%;
}

.workplace_img02{
    height: 500px !important;
}

.workplace_img02 img{
    width: 55%;
}

.workplace_img03 {
    height: 500px !important;
}

.workplace_img03 img{
    width: 70%;
    position: absolute;
    top: 44px;
}

.workplace_img05{
    height: 550px!important ;
}

.workplace_img05 img {
    width: 90%;
}
/*ȸ°è °ü¸®*/
.service_financeSection .menu_wrap li:hover {
    color: #7947e3;
}

.service_financeSection .menu_wrap li:hover a {
    color: #7947e3;
}

.service_financeSection .menu_wrap li:hover:before {
    border: 0;
    background-color: #7947e3;
}
.service_financeSection h1 {
    margin-bottom: 10px !important;
}

.finance_img01 img{
    width: 90%;
    position: absolute;
    left: 40px;
}

.finance_img02 img {
    width: 90%;
    position: absolute;
}

.finance_img03 img{
    width: 90%;
}

.finance_img04 {
    height: 325px !important;
}

.finance_img04 img {
    width: 95%;
}

.finance_img05 {
    height: 350px !important;
}

.finance_img05 img {
    width: 80%;
}

.finance_img06{
    height: 300px !important;
}

.finance_img06 img {
    width: 90%;
}

/*¿Â¶óÀÎÆǸŠ°ü¸®*/
.service_onlineSection .menu_wrap li:hover {
    color: #64e8b9;
}

.service_onlineSection  .menu_wrap li:hover a {
    color: #64e8b9;
}

.service_onlineSection  .menu_wrap li:hover:before {
    border: 0;
    background-color: #64e8b9;
}

#mapping h1, #batchOrder h1, #onlineOut h1, #fileDownload h1{
    margin-bottom: 10px;
}

.online_img01{
    height: 290px !important;
}

.online_img01 img {
    width: 95%;
    position: absolute;
    left: 60px;
    top: 25px;
}

.online_img02{
    height: 500px !important;
}

.online_img02 img {
    width: 70%;
    position: absolute;
    top: 5px;
}

.online_img03 {
    height: 350px !important;
}

.online_img03 img {
    width: 80%;
    position: absolute;
    top: 16px
}

.online_img04 img {
    position: absolute;
    width: 90%;
    top: 24px;
}

.online_img05 img {
    width: 65%;
    position: absolute;
    top: 19px;
}

.online_img06 {
    height: 380px !important;
}

.online_img06 img {
    width: 80%;
    position: absolute;
    top: 16px
}

.online_img07{
    height: 300px !important;
}

.online_img07 img {
    width: 90%;
    position: absolute;
    left: 65px;
}

.online_img08 img {
    position: absolute;
    top: 29px;
}

.online_img09{
    height: 300px !important;
}

.online_img09 img {
    width: 95%;
    position: absolute;
    top: 20px;
}

.online_img10{
    height: 320px !important;
}

.online_img10 img {
    position: absolute;
    left: 20px;
    top: 40px;
}

/*¿ä±Ý¾È³» ¿µ¿ª*****************************************************/
/*¿ä±ÝÁ¦ °øÅë*/
.service_priceSection {
    background-color: #f9faff
}

.service_priceSection .title{
    font-size: 40px;
    text-align: left;
}

/*¼½¼Ç1 - ¹è³Ê ¿µ¿ª =================================================================*/
.price_section1_wrap {
    background-color: #2b2b2b;
}

.price_section1 {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px;
}

.price_section1_textArea {
    text-align:left;
    width: 1100px;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 60px;
    font-weight: 800;
    color:#fff;
}

.price_section1_textArea .point{
    color:#003AC9;
}

.price_section1_textArea span {
    display:inline-block;
    margin:2px 0;
}

.price_section1_textArea br{
    display:none;
}

/*¼½¼Ç2 - Àοø¼³Á¤ ¿µ¿ª=================================================================*/
.price_section2 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 150px 0;
}

    .price_section2_textArea1 {
        padding-bottom: 50px;
        font-size: 25px;
        font-weight: 800;
    }

.sec2_chk_title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sec2_chk_con_wrap{
    margin-bottom: 20px;
    width: 100%;
}

    .sec2_chk_con_wrap div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sec2_chk_con_wrap div label {
        width: 49.5%;
        display: flex;
        align-items: center;
        background: #26262614;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 5px;
        cursor: pointer;
        box-sizing: border-box;
    }
        .sec2_chk_con_wrap div label:hover{
            font-weight:500;
        }

    .sec2_chk_con_wrap [type="radio"] {
        appearance: none;
        border: max(2px, 0.1em) solid #D2D2D2;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        cursor: pointer;
        transition: border 0.2s ease-in-out;
        margin: 0 5px 0 0;
    }

    .sec2_chk_con_wrap div label:has([type="radio"]:checked) {
        border: 1px solid #003ac98a;
        background-color: #003ac91c;
    }

    .sec2_chk_con_wrap [type="radio"]:checked {
        border: 0.3em solid #003AC9;
    }

    .sec2_chk_con_wrap label[for="chkQ2_1"] {
        border: 1px solid #003ac98a;
        background-color: #003ac91c;
    }
    .sec2_chk_con_wrap label[for="chkQ2_1"] input[type="radio"]{
        border: 0.3em solid #003AC9;
    }

    .sec2_btn_wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

.sec2_chk_plan {
    background-color: #003AC9;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    border: 0;
    width: 230px;
    height: 60px;
    margin: 0 10px;
    border-radius: 10px;
    cursor: pointer;
    transition-duration: 0.1s
}

    .sec2_chk_plan:hover {
        background-color: #0234af;
    }

/*¼½¼Ç3 - ¿ä±ÝÁ¦ ¼³Á¤ ¿µ¿ª=================================================================*/
.price_section3 {
    width: 1100px;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.price_section3_textArea1 {
    padding: 50px 0 15px 0;
    font-weight: 800;
}

.price_section3_textArea1>span{
    display:flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 35px;
}

.price_section3_textArea1>span::after {
    content: '';
    display: block;
    width: 76%;
    height: 1px;
    background-color: #26262614;
}

.price_section3_btnArea1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_section3_monthBtn {
    background-color: #26262614;
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    width: 265px;
    height: 65px;
    margin-right: 10px;
    cursor: pointer;
    transition-duration: 0.1s
}
    .price_section3_monthBtn:hover,
    .price_section3_monthBtn.active {
        background-color: #003AC9;
        color: #FFFFFF;
    }

.price_section3_monthBtn span {
    font-size: 12px;
    font-weight: 500;
}

.price_section3_yearBtn {
    background-color: #26262614;
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    width: 265px;
    height: 65px;
    margin-left: 5px;
    cursor: pointer;
    margin: 10px 0;
    transition-duration: 0.1s
}
    .price_section3_yearBtn:hover,
    .price_section3_yearBtn.active {
        background-color: #003AC9;
        color: #FFFFFF;
    }

.price_section3_yearBtn span {
    font-size:12px;
    font-weight:500;
}

.price_section3_textArea2 {
    text-align: center;
    padding: 100px 0 50px 0;
    font-size: 30px;
    font-weight: 700;
}

.price_section3_btnArea2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 45px;
}

.price_section3_btnArea2 label input[type="radio"]:checked + .price_section3_radioBox{
    border: 2px solid #003AC9;
    background-color: #003ac90f;
}

.section3_cost_box1 {
    display: flex;
    align-items: center;
}

.section3_cost_box2 {
    display: flex;
    align-items: center;
}

.section3_cost_box3 {
    display: flex;
    align-items: center;
}
.price_section3_btnArea2 label {
    text-align: center;
}

.price_section3_btnArea2 label:hover{
    font-weight: 500;
}

.price_section3_btnArea2 [type="radio"] {
    appearance: none;
    border: max(2px, 0.1em) solid #D2D2D2;
    border-radius: 50%;
    width: 0;
    height: 0;
    cursor:pointer;
    visibility:hidden;
}

.price_section3_radioBox {
    border-radius: 30px;
    width: 350px;
    height: 245px;
    margin: 0 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .11);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid rgba(0, 0, 0, 0);
    background-color: #fff;
    background-clip: padding-box;
    cursor: pointer;
    transition: border 0.2s ease-in-out;
}

.price_section3_newImg {
    width: 30px;
    height: 16px;
    margin: 15px 0;
    position: absolute;
}

.price_section3_bestImg {
    width: 30px;
    height:16px;
    margin: 15px 0;
    position: absolute;
}

.price_section3_title {
    padding: 35px 0 0 0;
    font-size: 25px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.price_section3_sub_title{
    margin-bottom: 15px;
}

.price_section3_note1 {
    font-size: 14px;
    font-weight: 600;
    color: #717171;
    padding: 20px 0 15px 0;
    height: 65px;
    line-height: 20px;
}

.price_section3_note1Point{
    color:#4F10D5;
    font-weight:700;
}


.price_section3_lineWrap {
    width: 80%;
    height: 65px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding-bottom: 10px;
}

.price_section3_line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    padding: 4px 0;
}

.price_section3_line span {
    display:inline-block;
    white-space: nowrap;
}

.price_section3_line1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 500;
    padding: 5px 0;
}

.price_section3_priceBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0 0 30px 30px;
    width: 100%;
}

.price_section3_note4Wrap {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 80%
}

.price_section3_note4 {
    font-size: 23px;
    font-weight: 700;
    margin: 5px 0;
    width: 80%;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    text-align:center;
}

.price_section3_note4 span {
    width: auto;
    text-align: right;
    display: block;
    padding: 5px 0;
    margin-left: 5px;
}

    .price_section3_note4 > div {
        font-size: 23px;
        font-weight: 700;
        margin: 5px 0;
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-align: center;
        justify-content: flex-end;
    }

.price_section3_note4>span>span{
    width: auto;
}

.price_section3_won {
    font-size: 20px;
    font-weight: 700;
}

.price_section3_mon {
    font-size: 18px;
    margin-left: 7px;
    font-weight: 700;
}

.slide1 {
    transform: translateY(-38px);
    transition: .3s;
}

.slide2 {
    transform: translateY(0px);
    transition: .3s;
}

.yearPrice {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.cost {
    font-size: 15px;
    color: #ddd;
    font-weight: 500;
    margin-right: 10px;
    text-decoration: line-through;
    text-decoration-color: #ee8b8b;
}

.price_section3_note5 {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 0px 0 6px 0;
    width: 80%;
    height: 22px;
    border: none;
    overflow: hidden;
    text-align: right;
}

.monthNotice {
    display: block;
    padding: 9px 0;
}

.yearNotice {
    display: block;
    height: 30px
}

.yearNotice_sale {
    color: #003AC9;
}

.price_section3_btnArea3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section3_core_fnc .price_section3_radioBox {
    width: 1100px;
    padding: 0 40px;
    box-sizing: border-box;
    border: 2px solid #003AC9;
    background: #003ac90f;
}

.section3_core_fnc .price_section3_title{
    margin-bottom:20px;
    text-align: left;
}

.section3_core_fnc ul{
    width: 100%;
    font-size:13.5px;
}

.section3_core_fnc ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position:relative;
}

.section3_core_fnc ul li::before {
    content: "";
    display: block;
    width:5px;
    height:5px;
    background-color:#2b2b2b;
    border-radius: 10px;
    position: absolute;
    left: -8px;
}

.section3_sub_fnc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .section3_sub_fnc .price_section3_lineWrap{
        white-space: nowrap;
    }

    .section3_sub_fnc .price_section3_line {
       justify-content:center;
    }

.section3_sub_fnc .price_section3_title{
    padding: 0;
    margin-bottom: 15px;
}

.section3_sub_fnc .price_section3_sub_title {
    margin: 30px 0 5px;
}

.section3_sub_fnc [type='radio']{
    visibility:hidden;
}

.price_section3_btnArea4{
    display:flex;
    align-content:center;
    justify-content:center;
}

.price_section3_btnArea4 label input[type="radio"]:checked + .price_section3_radioBox {
    border: 2px solid #003AC9;
    background-color: #003ac90f;
}

.section3_sub_fnc label:hover{
    font-weight: 500;
}

.price_section3_plus {
    font-size: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*¼½¼Ç6 - ÃÖÁ¾±Ý¾× ÇÏ´Ü °íÁ¤=================================================================*/
.price_section6_wrap {
    background-color: #fafafa;
    z-index: 1000000;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.price_section6 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.price_section6_totalArea {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section6_paybox1 {
    display: flex;
    align-items: center;
}

.section6_paybox2 {
    display: flex;
    align-items: center;
}

.section6_totalBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 210px;
    height: 70px;
    justify-content: center;
}

.section6_totalBox_title {
    font-size: 16px;
}

.section6_totalBox_detailView {
    margin-left:10px;
    color: #717171;
}

.personNum_total {
    font-size: 20px;
    font-weight: 600;
    padding: 5px 0;
}

.priceType_total {
    font-size: 20px;
    font-weight: 600;
    padding: 5px 0;
}

.section3_total_price_wrap {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    padding: 40px;
    background: #00000008;
    margin: 45px 0 0 0;
    box-sizing: border-box;
    border-radius: 30px;
}

.payPeriod_title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}

.payPeriod{
    width: 100%;
    display:flex;
}

    .payPeriod > li {
        width: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

.payPeriod ul{
    text-align:center;
}

.payPeriod ul li{
    display:flex;
    justify-content:center
}


.payPeriod ul li:last-child{
    font-size: 18px;
    font-weight: 700;
}


.payPeriod .plan_name{
    margin-right: 4px;
}


.minus, .discount {
    color: #ff3030
}


.total_price li{
    font-size: 22px !important;
}

.payPeriod_total {
    font-size: 20px;
    font-weight: 600;
    padding: 5px 0;
    width: 27px;
    text-align: center;
}

.section3_inquiry_wrap {
    margin: 10px;
    font-size: 18px;
    text-align: center;
}

.section3_inquiry_wrap br{
    display:none;
}

.section3_inquiry_wrap button {
    all: unset;
    border-radius: 5px;
    color: #003AC9;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
}

.price_section4 {
    width: 100%;
    margin: 100px auto auto 0;
}

    .price_section4 .fnc_try_box {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        color: #fff;
        background: #2b2b2b;
        border-radius: 0;
        border: 1px solid #3e3e3e;
        box-sizing: border-box;
        padding: 50px 0;
    }

.price_section4 .fnc_try_box .top_area {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.price_section4_emailArea .price_section4_email {
    width: 300px;
    height: 35px;
    border: solid 1px #2b2b2b;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

.price_section4_emailArea .code_requestBtn_close {
    border: solid 1px #C1C1C1;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #C1C1C1;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

.price_section4_emailArea .code_requestBtn_open {
    border: solid 1px #003AC9;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

.price_section4_codeArea .price_section4_code {
    width: 300px;
    height: 35px;
    border: solid 1px #2b2b2b;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

.price_section4_codeArea .code_confirmBtn_close {
    border: solid 1px #C1C1C1;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #C1C1C1;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 5px 5px;
}

.price_section4_codeArea .code_confirmBtn_open {
    border: solid 1px #003AC9;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 5px 5px;
}

.price_section4_cautionAreaWrap {
    text-align: left;
    width: 425px;
    margin: 0 auto;
}

/*FAQ ¿µ¿ª********************************************************************************************************/
/*¼½¼Ç1 ¹è³Ê1 ¿µ¿ª*/
.faq_section1_wrap {
    background-color: #FFFFFF;
    background-image: url(../img/faq_section1_bannerImg.png);
    background-size: cover;
    background-position: center;
}

.faq_section1 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_section1_textArea {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}

.faq_section1_text1 {
    font-size : 25px;
    font-weight:700;
}

.faq_section1_text2 {
    font-size : 30px;
    color: #4F10D5;
    font-weight:700;
    display:inline-block;
    margin-top:5px;
}

.faq_section1_searchArea1 {
    position: relative;
    margin: 20px 0 10px 0;
}

.faq_section1_searchArea1 i {
    cursor:pointer;
    position: absolute;
    right: 16px;
    top: 11px;
    width: 16px;
}

.faq_section1_searchText {
    padding: 8px 35px 8px 14px;
    width: 550px;
    height: 19px;
    border: solid 1px #C5C5C5;
    border-radius: 20px;
    outline: none;
    color: #2B2B2B;
}

.faq_section1_searchText::placeholder {
    color:#C5C5C5;
}

.faq_section1_searchArea2 {
    align-items: center;
    margin: 0 0 100px 0;
    width:600px;
    max-width: 600px;
    height:19px;
}

.faq_section1_searchTitle {
    display: inline-block;
    font-weight: 700;
    width:80px;
    float:left;
}

.faq_section1_searchArea2 ul {
    display:inline-block;
    width:500px;
}

.faq_section1_searchArea2 ul li{
    color: #717171;
    float:left;
    margin-left:15px;
}

.faq_section1_searchArea2 ul li .recent_searchWord{
    max-width:90px;
    height:16px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    font-size:13px;
    cursor:pointer
}


.faq_section1_searchArea2 ul li .search_delBtn{
    width:10px;
    cursor:pointer;
    margin-left:8px;
    margin-bottom:3px;
}


/*¼½¼Ç2 ¹è³Ê2 ¿µ¿ª*/
.faq_section2_wrap {
    background-color: #F4EFFF;
}

.faq_section2 {
    max-width: 1800px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_section2_leftArea {
    margin:15px 0;
}
.faq_section2_leftArea span {
    display:inline-block;
    padding:0 17px;
    font-weight:700;
}

.faq_section2_barArea {
    padding:0 5px;
}

.faq_section2_barImg {
    transform: translate(-50%, 10%);
}

.faq_section2_rightArea {
    display: flex;
    align-items: center;
}

.faq_section2_guide {
    display: flex;
    align-items: center;
    padding:15px 17px;
    color: #2B2B2B;
    font-weight:700;
    font-size:15px;
}
    .faq_section2_guide:hover {
        color:#4F10D5;
    }

.faq_section2_arrowImg {
    width: 12px;
    height: 12px;
    object-fit: none;
    margin-left: 5px;
}

.faq_section2_managerImg {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 5px;
}

.faq_section2_functionImg {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 5px;
}

.faq_section2_useImg {
    width: 18px;
    height: 19px;
    object-fit: contain;
    margin-right: 5px;
    transform: translate(15%, -10%);
}

/*¼½¼Ç3 ÅÇ ¿µ¿ª*/
.faq_section3_wrap {
    background-color: #FFFFFF;
}

.faq_section3 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.faq_section3_tabArea {
    width: 1200px;
    margin: 0 auto;
}

ul.faq_section3_tab {
    margin: 0px;
    padding: 85px 0 0 0;
    list-style: none;
    border-bottom: solid 2px #DDDDDD;
}

ul.faq_section3_tab li{
  background: none;
  color: #717171;
  display: inline-block;
  padding: 15px 0;
  cursor: pointer;
  font-size:16px;
  font-weight:600;
  margin-right:50px;
}

ul.faq_section3_tab li.current {
    color: #4F10D5;
}

.faq_section3_tabContent {
    display: none;
    padding: 15px 0;
    height: 60px;
}

.faq_section3_tabContent.current {
    display: inherit;
}

.faq_section3_btn {
    border: solid 1px #C5C5C5;
    border-radius: 20px;
    padding: 9px 17px;
    background-color: #FFFFFF;
    cursor: pointer;
    margin-right: 20px;
    font-weight: 500;
}

.faq_section3_btn:hover {
    border:solid 1px #4F10D5;
}

.faq_section3_active {
    border: solid 1px #4F10D5;
    background-color: #4F10D5;
    color:#FFFFFF;
}

/*¼½¼Ç4 ÀÚÁÖ ¹¯´Â Áú¹® BEST 5 ¿µ¿ª*/
.faq_section4_wrap {
    background-color: #FFFFFF;
}

.faq_section4 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.faq_section4_mainTitle {
    font-size: 25px;
    font-weight:700;
    text-align:center;
    margin:30px 0;
}

.faq_section4_bestQuestion_wrap {
    margin:10px 0;
}

.faq_section4_bestQuestion {
    width: 1200px;
    height: 50px;
    border: none;
    border-radius: 10px;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor:pointer;
    font-weight:600;
}
    .faq_section4_bestQuestion:hover{
        color:#4F10D5;
    }

.faq_section4_bestAnswer {
    width: 1200px;
    border: none;
    border-radius: 10px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.faq_section4_textWrap {
    display: flex;
    align-items: center;
    padding: 15px 10px;
}

    .faq_section4_btnWrap {
        display: flex;
        align-items: center;
        padding: 15px 10px;
    }

.faq_section4_title {
    display: inline-block;
    margin-left: 15px;
}

.faq_section4_questionImg {
    width: 15px;
    object-fit: cover;
    margin-left: 30px;
}

.faq_section4_downImg {
    width: 17px;
    height: 17px;
    margin-right: 40px;
    cursor: pointer;
    background: url(../img/faq_section4_downImg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
}

.faq_section4_upImg {
    width: 17px;
    height: 17px;
    margin-right: 40px;
    cursor: pointer;
    background: url(../img/faq_section4_upImg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.faq_section4_answerImg {
    width: 15px;
    height: 15px;
    object-fit: cover;
    margin-left: 30px;
}

.faq_section4_noteTitle {
    display: inline-block;
    margin-left: 15px;
}

.faq_section4_noteWrap {
    display: flex;
    flex-direction: column;
    padding: 0 70px 10px 70px;
    line-height: 20px;
}

    .faq_section4_noteWrap .highlight {
        background-color: #eee;
        border-radius: 5px;
        padding: 10px;
        margin: 5px 0;
        font-weight: 700;
    }

    .faq_section4_noteWrap a {
        width: max-content;
        font-weight: 800;
        color: #4f10d5;
    }

        .faq_section4_noteWrap a:hover{
            text-decoration: underline;
        } 

    /*¼½¼Ç5 Å×ÀÌºí ¿µ¿ª*/
    .faq_section5_wrap {
        background-color: #FFFFFF;
    }

.faq_section5 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_section5_tableArea {
    width: 1140px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,.11);
    margin: 50px 0;
    padding: 30px;
}

.faq_section5_topLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq_section5_topLine .question_count {
    color:#4F10D5;
    font-weight:600;
}

.faq_section5_lineCountWrap {
    display: flex;
    align-items: center;
}


.faq_section5_lineCount {
    width:50px;
    height:25px;
    border: solid 1px #C5C5C5;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    margin-left:5px;
}

.faq_section5_titleArea {
    background-color: #F4EFFF;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 10px 0;
}

.faq_section5_type {
    width:15%;
    text-align:center;
    padding:15px 0;
    display:inline-block;
}

.faq_section5_detailType {
    width: 15%;
    text-align: center;
    padding: 15px 0;
    display: inline-block;
}

.faq_section5_title {
    width: 70%;
    text-align: center;
    padding: 15px 0 15px 70px;
    display: inline-block;
}

.faq_section5_noteArea ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_section5_noteType {
    width: 15%;
    text-align: center;
    padding: 15px 0;
    display: inline-block;
}

.faq_section5_noteDetailType {
    width: 15%;
    text-align: center;
    padding: 15px 0;
    display: inline-block;
}

.faq_section5_noteTitle {
    width: 70%;
    text-align: left;
    padding: 15px 0 15px 70px;
    display: inline-block;
    cursor:pointer;
    font-weight:600;
    color:#2B2B2B;
}
    .faq_section5_noteTitle:hover {
        color:#4F10D5;
    }

.faq_section5_pagingArea {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:35px 0 10px 0;

}

.faq_section5_pagingBtn_first {
    background: url('../img/faq_section5_pagingBtn_first.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-right: 13px;
    border: none;
    cursor: pointer;
}

.faq_section5_pagingBtn_prev {
    background: url('../img/faq_section5_pagingBtn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-right: 16px;
    border: none;
    cursor: pointer;
}

.faq_section5_pagingBtn_next {
    background: url('../img/faq_section5_pagingBtn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 16px;
    border: none;
    cursor: pointer;
}

.faq_section5_pagingBtn_last {
    background: url('../img/faq_section5_pagingBtn_last.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 13px;
    border: none;
    cursor: pointer;
}

.faq_section5_pageNum {
    margin: 0 10px;
    border: none;
    background-color: #FFFFFF;
    cursor:pointer;
}

.faq_section5_pageNum.active {
    color:#4F10D5;
    font-weight:700;
}


/*¼½¼Ç6 ¹è³Ê ¿µ¿ª*/
.faq_section6_wrap {
    background: linear-gradient(to right, #FCFAFF, #F2F6FF);
}

.faq_section6 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq_section6_bannerArea {
    display:flex;
}

.faq_section6_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.faq_section6_textTitle {
    font-size:35px;
    font-weight:700;
    color:#4F10D5;
    margin:10px 0;
}

.faq_section6_textNote {
    font-size: 17px;
    margin:3px 0;
}

.faq_section6_bannerImg1 {
    width: 100%;
    object-fit: contain;
    transform: translate(1%, 12.5%);
}

.faq_section6_bannerImg2 {
    object-fit: contain;
    width: 230px;
    height: 95px;
    position: fixed;
    bottom: 124px;
    right: 100px;
    animation: fadein 3s;
}
    @keyframes fadein {
        from {
            opacity: 0;
        }
    
        to {
            opacity: 1;
        }
    }

/* faq Æ˾÷ */

.faq_category {
    color: #7a7a7a;
    font-size: 14px;
}

.faq_title {
    font-size: 20px;
    padding: 7px 0;
    font-weight: 700;
}

.faq_rgst_area {
    display: flex;
    font-size: 15px;
    color: #7a7a7a;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
    .faq_rgst_user{
        margin: 0 10px 0 5px;
        color: #2B2B2B;
    }

    .faq_rgst_dt{
        margin: 0 10px 0 5px;
        color: #2B2B2B;
    }

.faq_note {
    margin-top: 20px;
    font-size: 16px;
}

/*¸ð´Þ¿µ¿ª*/
/*±âº» Æ˾÷*/
.modal_background {
    width: 100%;
    height: 100vh;
    background: rgb(142 142 142 / 30%);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
}
    .modal_background.show {
        display: block;
        position: fixed;
    }
    .modal_background.hide {
        display: none;
    }

/*¾à°ü (14¼¼ÀÌ»ó µ¿ÀÇ ¾È³») Æ˾÷*/
.age_modal_background {
    width: 100%;
    height: 100vh;
    background: rgb(142 142 142 / 30%);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
}
    .age_modal_background.show {
        display: block;
        position: fixed;
    }
    .age_modal_background.hide {
        display: none;
    }

/*¾à°ü (¸¶ÄÉÆà Ȱ¿ë ¾È³») Æ˾÷*/
.marketing_modal_background {
    width: 100%;
    height: 100vh;
    background: rgb(142 142 142 / 30%);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
}
    .marketing_modal_background.show {
        display: block;
        position: fixed;
    }
    .marketing_modal_background.hide {
        display: none;
    }

/*¸ð´Þ ±âº»¼³Á¤*/
.modal_area {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 500px;
    max-width: 800px;
    min-height: 258px;
    background: #fff;
    box-shadow: 0 0 5px 2px #aaaaaa75;
    border-radius: 4px;
    z-index: 100000;
    padding: 30px;
}


.modal_area button {
    all: unset;
    position: absolute;
    background-color: #003AC9;
    color: #fff;
    padding: 10px 30px;
    border-radius: 8px;
    font-size: 15px;
    bottom: 30px;
    left: 50%;
    margin-left: -43px;
    cursor: pointer;
}

    .modal_area button:hover {
        background-color: #003AC9;
    }


.modal_area .footer{
    background-color: unset;
}

/*ÄÁÆß Æ˾÷ ±âº» ¼³Á¤*/
.confirm_pop_area {
    min-height: auto;
    padding: 50px 30px;
}

.confirm_pop_area .body {
    min-height: auto;
    padding: 0;

}

.confirm_pop_area .footer {
    justify-content: center;
}

    .confirm_pop_area .btn{
       position: unset;
       margin-left: 0;
       padding: 8px 12px;
       border-radius: 6px;
    }

/*°øÁö ¿µ¿ª********************************************************************************************************/
/*¼½¼Ç1 ¹è³Ê1 ¿µ¿ª*/
.notice_section1_wrap {
    background-color: #FFFFFF;
    background-image: url(../img/notice_section1_bannerImg.png);
    background-size: cover;
    background-position: center;
}

.notice_section1 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notice_section1_textArea {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}

.notice_section1_text {
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}

.notice_section1_searchArea1 {
    position: relative;
    margin: 20px 0 10px 0;
}

.notice_section1_searchArea1 i {
    cursor:pointer;
    position: absolute;
    right: 16px;
    top: 11px;
    width: 16px;
}

.notice_section1_searchText {
    padding: 8px 35px 8px 14px;
    width: 550px;
    height: 19px;
    border: solid 1px #C5C5C5;
    border-radius: 20px;
    outline: none;
    color: #2B2B2B;
}
    .notice_section1_searchText::placeholder {
        color: #C5C5C5;
    }

.notice_section1_searchArea2 {
    align-items: center;
    margin: 0 0 100px 0;
    width: 600px;
    max-width: 600px;
    height: 19px;
}

.notice_section1_searchTitle {
    display: inline-block;
    font-weight: 700;
    width: 80px;
    float: left;
}

.notice_section1_searchArea2 ul {
    display: inline-block;
    width: 500px;
}

.notice_section1_searchArea2 ul li {
    color: #717171;
    float: left;
    margin-left: 15px;
}

.notice_section1_searchArea2 ul li .recent_searchWord1 {
    max-width: 90px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    cursor: pointer;
}

.notice_section1_searchArea2 ul li .search_delBtn1 {
    width: 10px;
    cursor: pointer;
    margin-left: 8px;
    margin-bottom: 3px;
}

/*¼½¼Ç2 ¹è³Ê2 ¿µ¿ª*/
.notice_section2_wrap {
    background: linear-gradient(to right, #D7CAF9, #F4EFFF, #D7CAF9);
}

.notice_section2 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    overflow: hidden;
}

.notice_section2_bannerImg {
    width: 90%;
    transform: translate(0, 10%);
}

.notice_section2_textArea {
    font-size: 17px;
    margin:0 30px;
}

.notice_section2_textcr1 {
    color:#857AE5;
}

.notice_section2_textcr2 {
    color:#421BE0;
    font-weight:700;
}

.notice_section2_eventBtn {
    border: 1px solid #421BE0;
    border-radius: 17px;
    color: #FFFFFF;
    font-weight: 600;
    background-color: #421BE0;
    padding: 8px 17px;
    cursor: pointer;
    margin: 10px 0;
}


/*¼½¼Ç3 ÅÇ ¿µ¿ª*/
.notice_section3_wrap {
    background-color: #FFFFFF;
}

.notice_section3 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.notice_section3_tabArea {
    width: 1200px;
    margin: 0 auto;
}

ul.notice_section3_tab {
    margin: 0px;
    padding: 85px 0 0 0;
    list-style: none;
    border-bottom: solid 2px #DDDDDD;
}

ul.notice_section3_tab li {
    background: none;
    color: #717171;
    display: inline-block;
    padding: 15px 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    margin-right: 50px;
}

ul.notice_section3_tab li.current {
    color: #4F10D5;
}

.notice_section3_tabContent {
    display: none;
    padding: 15px 0;
    height: 60px;
}

.notice_section3_tabContent.current {
    display: inherit;
}


/*¼½¼Ç4 ÁÖ¿ä °øÁö»çÇ× ¿µ¿ª*/
.notice_section4_wrap {
    background-color: #FFFFFF;
}

.notice_section4 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notice_section4_mainTitle {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notice_section4_noticeTitle {
    display:inline-block;
    margin-top:10px;
}

.notice_section4_bestNotice_wrap {
    margin: 10px 0;
}

.notice_section4_bestNotice {
    width: 1200px;
    height: 50px;
    border: none;
    border-radius: 10px;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
}
  
.notice_section4_textWrap {
    display: flex;
    align-items: center;
    padding: 15px 10px;
}

.notice_section4_category {
    display: inline-block;
    margin-left: 30px;
    color:#717171;
}

.notice_section4_title {
    display: inline-block;
    margin-left: 15px;
}
    .notice_section4_title:hover {
        color: #4F10D5;
    }

.notice_section4_btnWrap {
    display: flex;
    align-items: center;
    padding: 15px 10px;
}

.notice_section4_writeDate {
    margin-right:25px;
}

.notice_section4_bestAnswer {
    width: 1200px;
    border: none;
    border-radius: 20px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.notice_section4_downImg {
    width: 17px;
    height: 17px;
    margin-right: 40px;
    cursor: pointer;
    background: url(../img/notice_section4_downImg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.notice_section4_upImg {
    width: 17px;
    height: 17px;
    margin-right: 40px;
    cursor: pointer;
    background: url(../img/notice_section4_upImg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.notice_section4_noteTitle {
    display: inline-block;
    margin-left: 30px;
    font-weight:700;
}

.notice_section4_noteWrap {
    display: flex;
    flex-direction: column;
    padding: 0px 40px 30px 40px;
}

    .notice_section4_noteWrap span{
        line-height: 20px;
    }


/*¼½¼Ç5 Å×ÀÌºí ¿µ¿ª*/
.notice_section5_wrap {
    background-color: #FFFFFF;
}

.notice_section5 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notice_section5_tableArea {
    width: 1140px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,.11);
    margin: 50px 0 100px 0;
    padding: 30px;
}

.notice_section5_topLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice_section5_topLine .notice_count {
    color: #4F10D5;
    font-weight: 600;
}

.notice_section5_lineCountWrap {
    display: flex;
    align-items: center;
}

.notice_section5_lineCount {
    width: 50px;
    height: 25px;
    border: solid 1px #C5C5C5;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    margin-left: 5px;
}

.notice_section5_titleArea {
    background-color: #F4EFFF;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 10px 0;
}

.notice_section5_type {
    width: 15%;
    text-align: center;
    padding: 15px 0;
    display: inline-block;
}

.notice_section5_title {
    width: 80%;
    text-align: center;
    padding: 15px 0 15px 70px;
    display: inline-block;
}

.notice_section5_noteArea ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notice_section5_noteType {
    width: 15%;
    text-align: center;
    padding: 15px 0;
    display: inline-block;
}

.notice_section5_noteTitle {
    width: 85%;
    text-align: left;
    padding: 15px 0 15px 70px;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    color: #2B2B2B;
}
    .notice_section5_noteTitle:hover {
        color: #4F10D5;
    }

.notice_section5_pagingArea {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 35px 0 10px 0;
}

.notice_section5_pagingBtn_first {
    background: url('../img/notice_section5_pagingBtn_first.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-right: 13px;
    border: none;
    cursor: pointer;
}

.notice_section5_pagingBtn_prev {
    background: url('../img/notice_section5_pagingBtn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-right: 16px;
    border: none;
    cursor: pointer;
}

.notice_section5_pagingBtn_next {
    background: url('../img/notice_section5_pagingBtn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 16px;
    border: none;
    cursor: pointer;
}

.notice_section5_pagingBtn_last {
    background: url('../img/notice_section5_pagingBtn_last.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 13px;
    border: none;
    cursor: pointer;
}

.notice_section5_pageNum {
    margin: 0 10px;
    border: none;
    background-color: #FFFFFF;
    cursor: pointer;
}
    .notice_section5_pageNum.active {
        color: #4F10D5;
        font-weight: 700;
    }


/*¹®ÀÇÇϱâ ÆäÀÌÁö********************************************************************************************************/

.contact_title_wrap {
    font-size: 30px;
    font-weight: 700;
    margin: 100px 0 15px 0;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

    .contact_title_wrap .point {
        color:#003AC9
    }

    .req_guide{
        font-size: 15px;
        margin-top: 30px;
    }

.contact_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.company_nm, .name, .tel, .email {
    width: 300px;
    height: 35px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
}

.use_num, .industry {
    width: 322px;
    height: 37px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.contact_details {
    width: 637px;
    height: 200px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline-style: none;
    padding: 10px;
    resize: none;
    font-size: 14px;
    font-weight: 500;
}

.company_nm,.tel, .use_num{
    margin-right: 10px;
}

.terms{
    display:flex;
    justify-content: center;
    flex-direction: column;
    width: 650px;
}

    .terms li {
        margin-top: 10px;
        font-size: 16px;
        display: flex;
    }

    .terms .terms_textColor {
        color: #003AC9;
        cursor: pointer;
        font-weight: 700;
    }

    .terms .terms_textColor:hover{
        text-decoration:underline;
    }

    .terms label:hover{  
        font-weight: 500;
    }

    #privacy, #marketing {
        accent-color: #003AC9;
        width: 15px;
        height: 15px;
        cursor: pointer;
        margin-right: 10px;
    }

.contact_button {
    background-color: #003AC9;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    border: solid 1px #003AC9;
    margin: 30px 0 50px 0;
    border-radius: 10px;
    cursor: pointer;
    padding: 15px 25px;
}

    .contact_button:hover {
        background-color: #0234af;
        border: 1px solid #0234af;
    }



/* °øÁö Æ˾÷ */
.notice_category {
    color: #7a7a7a;
    font-size: 14px;
}

.notice_title {
    font-size: 20px;
    padding: 7px 0;
    font-weight: 700;
}

.notice_rgst_area {
    display: flex;
    font-size: 15px;
    color: #7a7a7a;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.notice_rgst_user {
    margin: 0 10px 0 5px;
    color: #2B2B2B;
}

.notice_rgst_dt {
    margin: 0 10px 0 5px;
    color: #2B2B2B;
}

.notice_note {
    margin-top: 20px;
    font-size: 16px;
}

/*µµÀÔ»ç·Ê ÆäÀÌÁö ============================================================================*/
.Customer_section{
    height: 100vh;
}

.Customer_section > div {
    margin: 60px auto 0 auto;
    max-width: 1480px;
    width: 100%;
    box-sizing: border-box;
    padding: 48px;
}

.Customer_section .title {
    display: flex;
    align-items: center;
    font-size: 22px;
}

.Customer_section .title p {
    font-size: 32px;
    font-weight: 700;
    margin-left: 10px;
}

.Customer_section .content_wrap{
    margin-top: 10px;
}

.Customer_section .content_wrap > div {
    width: 100%;
    display: grid;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    box-sizing: border-box;
}

.con_title_wrap li {
    color: #2b2b2b;
}

.Customer_section .con {
    position: relative;
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
}

    .Customer_section .con:before {
        content: "";
        display: block;
        background-color: #000;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -111;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.15s;
        transform: scale(0.97);
    }

    .Customer_section .con:hover:before {
        transition: 0.15s;
        transform: none;
        opacity: 0.07;
    }

.Customer_section .con .img_wrap {
    background-color: #ddd;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.Customer_section .con .con_dt {
    display: flex;
    align-items: center;
    color: #717171;
}

.Customer_section .con .category{
    font-weight:800;
}

.Customer_section .con .category::after {
    content: "|";
    margin: 0 5px;
    font-weight:500;
}

.Customer_section .con_title {
    font-size: 20px !important;
    font-weight: 700;
    margin: 5px 0 !important;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Customer_section .con_sub_title {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c4c4c;
}

/*µµÀÔ»ç·Ê »ó¼¼ÆäÀÌÁö===================================================================================================*/
.Customer_edit_section {
    width: 760px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

.Customer_edit_section .con_title_wrap{
    text-align: center;
    margin-bottom: 30px;
}

.Customer_edit_section .con_title_wrap .con_title{
    padding: 0 58px;
    font-size: 34px;
    font-weight: 700;
}

    .Customer_edit_section .con_title_wrap .con_dt {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        font-size: 16px;
        color: #717171;
    }

    .Customer_edit_section .con_title_wrap .category {
        font-weight:800;
    }

        .Customer_edit_section .category::after {
            content: "|";
            margin: 0 5px;
            font-weight: 500;
        }

    .Customer_edit_section .main_img_wrap {
        width: 100%;
        background-color: #ddd;
        height: 300px;
        border-radius: 10px;
    }

    .Customer_edit_section .point_area {
        width: 100%;
        margin: 20px 0;
        background-color: #4f10d514;
        border-radius: 5px;
        border: 1px solid #4f10d5;
        padding: 20px;
        box-sizing: border-box;
    }

    .Customer_edit_section .point_title {
        font-size: 22px;
        FONT-WEIGHT: 700;
        color: #301272;
        margin-bottom: 10px;
    }

    .Customer_edit_section .point_detail {
        font-size: 16px;
        color: #301272;
    }

    .Customer_edit_section .sub_title {
        font-size: 20px;
        font-weight:600;
        margin-bottom: 10px;
    }

    .Customer_edit_section .con_detail {
        font-size: 16px;
    }

/*±â¾÷ È÷½ºÅ丮 ===========================================================================================*/
.history_section>div {
    width: 100%;
    font-size: 18px;
    line-height:25px;
}

.history_section .container > div {
    margin-bottom: 80px;
    display: flex;
    align-items: center; 
}

.history_section .container > div > div {
    width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}

.history_section_1{
    height: 600px;
    color: #fff;
    background-color: #2b2b2b;
    display:flex;
    align-items:center;
}

.history_section_1 .title {
    font-size: 50px;
    font-weight: 800;
}

.history_section_1 .title br {
    display: none;
}

.history_section_1 .title p {
    font-size: 26px;
    font-weight: 600;
    margin-top: 30px;
}

.history_section_1 .point {
    color:#003AC9;
}

.history_section_2 p:first-child{
    margin: 15px 0;
    font-size: 24px
}


.history_section_2 p:first-child span{
    font-size: 24px
}

.history_section_2 p:last-child{
    line-height:26px;
}

.history_section_2 .img_wrap {
    width: 100%;
    height: 280px;
    background-color: #eee;
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.history_section_3 > div {
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.history_section_3 .left_wrap {
    width: 60%;
}

.history_section_3 .right_wrap {
    width: 40%;
}

.history_section_3 .left_wrap p:first-child {
    font-size: 26px;
    margin-bottom: 15px;
}

.history_section_3 .left_wrap p:nth-child(3) {
    margin: 15px 0;
}


.history_section_3 .right_wrap .img_wrap {
    width: 100%;
    height: 300px;
    background: #f5f5f7;
    overflow:hidden;
    position: relative;
}

.history_section_3 .right_wrap .img_wrap img {
    width: 600px;
    position: absolute;
    margin-left: -300px;
    left: 50%;
    top: -75px;
}


.history_section_4 > div p:first-child {
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
}


.history_section_4 > div p:nth-child(2) {
    line-height: 30px;
}

.history_section_4 .img_wrap {
    width: 100%;
    height: 300px;
    margin-top: 20px;
    display:flex;
    align-items: center;
    justify-content:space-between;
}

.history_section_4 .img_wrap li{
    width: 32.5%;
    height: 100%;
    background-color: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}

.history_section_4 .img_wrap li:nth-child(1) img{
    width: 425px;
    margin-right: -60px;

}

.history_section_4 .img_wrap li:nth-child(2) img{
    margin-left:13px;
}

.history_section_4 .img_wrap li:nth-child(3) {
    background-image: url(../img/history03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
} 

.history_section_5 {
    color: #fff;
    padding: 80px 0;
    margin: 20px 0;
    box-sizing: border-box;
    background-image: url(../img/history04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.history_section_5 p{
    font-size: 20px;
}

.history_section_5 p:nth-child(1) {
    font-size: 30px;
}

.history_section_5 p:nth-child(2) {
    margin: 15px 0 ;
    line-height: 30px;
}

.history_section_6 .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_section_6 .btn_wrap ul {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.history_section_6 .btn_wrap ul li {
   font-weight: 600;
}

.history_section_6 .btn_wrap ul button {
    all: unset;
    cursor: pointer;
    padding: 18px;
    background-color: #003AC9;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
}

.history_section_6 div {
    padding: 0 100px;
}

.history_section .modal_area {
    min-width: 400px;
}

.history_section .modal_area .detail {
    font-size: 18px;
    text-align: center;
}

.history_section .confirm_pop_area {
    padding: 30px;
}

.history_section .confirm_pop_area .btn{
    padding: 5px 12px;
}

/*¸â¹ö½± ½ºÅÜ1 ¿µ¿ª********************************************************************************************************/
/*¼½¼Ç1*/
.memberStep1_section1_wrap {
    background-color: #FCFCFC;
}

.memberStep1_section1 {
    max-width: 1800px;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.memberStep1_section1_titleArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 40px 0;
}

.memberStep1_section1_emailArea {
    text-align:center;
}

.memberStep1_section1_titleGra {
    color: #003AC9;
    font-weight: 800;
}

.memberStep1_section1_email {
    width: 300px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep1_section1_email::placeholder {
        color: #C5C5C5;
    }

.memberStep1_section1_emailArea .code_requestBtn_close {
    border: solid 1px #C5C5C5;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 5px 5px;
}

.memberStep1_section1_emailArea .code_requestBtn_open {
    border: solid 1px #003AC9;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

.memberStep1_section1_code {
    width: 300px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep1_section1_code::placeholder {
        color: #C5C5C5;
    }

.memberStep1_section1_codeArea .code_confirmBtn_close {
    border: solid 1px #C5C5C5;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 5px 5px;
}

.memberStep1_section1_codeArea .code_confirmBtn_open {
    border: solid 1px #003AC9;
    border-radius: 6px;
    width: 100px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 0 5px 5px;
}

.memberStep1_section1_cautionAreaWrap {
    width: 430px;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    line-height: 17px;
}

.memberStep1_section1_caution1 {
    color: #003AC9;
    margin-top: 10px;
}

.memberStep1_section1_caution2 {
    color: #003AC9;
}

.memberStep1_section1_memoArea {
    color: #717171;
    font-size: 14px;
    font-weight:600;
}

.memberStep1_section1_memoArea .point{
    color: #003ac9;
}

.confirm_pop{
    width:100%;
    height:100vh;
    position:fixed;
    top: 0;
    background-color: rgba(0,0,0,0.5);
}

/*¸â¹ö½± ½ºÅÜ2 ¿µ¿ª********************************************************************************************************/
/*¼½¼Ç1*/
.memberStep2_section1_wrap {
    background-color: #FCFCFC;
}

.memberStep2_section1 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    min-height: 80vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.memberStep2_section1_step1Area {
    text-align:center;
}

.memberStep2_section1_titleArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    font-weight: 700;
    margin: 150px 0 40px 0;
}

.memberStep2_section1_titleArea1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    font-weight: 700;
    margin: 200px 0 40px 0;
}

.memberStep2_section1_titleArea2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    font-weight: 700;
    margin: 150px 0 40px 0;
}

.memberStep2_section1_titleGra {
    color: #003AC9;
    font-weight: 800;
}

.memberStep2_section1_workSpace {
    width: 300px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep2_section1_workSpace::placeholder {
        color: #C5C5C5;
    }

.workSpace_checkBtn_close {
    border: solid 1px #C5C5C5;
    border-radius: 10px;
    width: 130px;
    height: 37px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 5px;
}

.workSpace_checkBtn_open {
    border: solid 1px #003AC9;
    border-radius: 10px;
    width: 130px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 0 0 5px;
}

.ID_checkBtn_close {
    border: solid 1px #C5C5C5;
    border-radius: 6px;
    width: 90px;
    height: 37px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 5px;
}

.ID_checkBtn_open {
    border: solid 1px #003AC9;
    border-radius: 6px;
    width: 90px;
    height: 37px;
    background-color: #003AC9;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 0 0 5px;
}

.memberStep2_section1_cautionArea {
    margin: 5px 0 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .memberStep2_section1_cautionArea a {
        font-size: 13px;
        color: #0035ff;
    }

.memberStep2_section1_workCaution1 {
    max-width: 450px;
    color: #003AC9;
    padding: 2px 5px;
    text-align: left;
    font-size: 13px;
}

.memberStep2_section1_workCaution2 {
    max-width: 450px;
    color: #EB0303;
    padding: 2px 5px;
    text-align: left;
    font-size: 13px;
}

.memberStep2_section1_IDCaution1 {
    max-width: 450px;
    color: #003AC9;
    padding: 2px 5px;
    text-align: left;
    font-size: 13px;
}


.memberStep2_section1_idArea {
    display: flex;
    align-items: center;
    justify-content: center;
}

.memberStep2_section1_userId {
    width: 300px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep2_section1_userId::placeholder {
        color: #C5C5C5;
    }

.memberStep2_section1_idCaution1 {
    max-width: 450px;
    color: #003AC9;
    padding: 2px 5px;
    text-align: left;
    font-size: 13px;
}

.memberStep2_section1_snailImg {
    width: 20px;
    margin: 0 10px;
}

.memberStep2_section1_workSpace1 {
    width: 188px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep2_section1_workSpace1::placeholder {
        color: #C5C5C5;
    }

.memberStep2_section1_step2Area {
    text-align: center;
}

.memberStep2_section1_pwCaution2 {
    max-width: 450px;
    color: #EB0303;
    padding: 5px;
    text-align:left;
    font-size: 13px;
}

.memberStep2_section1_repwCaution2 {
    max-width: 450px;
    color: #EB0303;
    padding: 5px;
    text-align: left;
}

.memberStep2_section1_pwArea {
    position: relative;
}

.memberStep2_section1_password {
    width: 395px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep2_section1_password::placeholder {
        color: #C5C5C5;
    }

.pw_show {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #003AC9;
    cursor: pointer;
    font-weight: 800 !important;
}

    .pw_show:hover {
        text-decoration: underline;
    }

.memberStep2_section1_repassword {
    width: 395px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}
    .memberStep2_section1_repassword::placeholder {
        color: #C5C5C5;
    }

.memberStep2_section1_cautionArea1 {
    margin:5px 0 10px 0;
    font-size: 13px;
}

.memberStep2_section1_companyName{
    width: 395px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

    .memberStep2_section1_companyName::placeholder {
        color: #C5C5C5;
    }

    .memberStep2_section1_companyNameCaution2{
        max-width: 450px;
        color: #EB0303;
        padding: 5px;
        text-align: left;
    }

.memberStep2_section1_userName {
    width: 395px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

    .memberStep2_section1_userName::placeholder {
        color: #C5C5C5;
    }

    .memberStep2_section1_userNameCaution2{
        max-width: 450px;
        color: #EB0303;
        padding: 5px;
        text-align: left;
    }

.memberStep2_section1_email {
    width: 395px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
}

    .memberStep2_section1_email::placeholder {
        color: #C5C5C5;
    }

    .memberStep2_section1_emailCaution2{
        max-width: 450px;
        color: #EB0303;
        padding: 5px;
        text-align: left;
    }

.memberStep2_section1_termsArea {
    width: 420px;
    padding: 10px 18px;
    background-color: #F6F6F6;
    border: none;
    border-radius: 10px;
    font-size: 14px;
}

.memberStep2_section1_terms {
    display: flex;
    align-items: center;
    margin:10px 0;
}

.memberStep2_section1_terms .allAgree {
    font-weight:700;
}

.memberStep2_section1_terms .terms_textColor {
    color: #003AC9;
    accent-color: #C5C5C5;
    cursor:pointer;
    display: inline-block;
    margin: 0 4px;
}

.memberStep2_section1_terms [type="radio"] {
    margin:0;
    width:15px;
    height: 15px;
    cursor:pointer;
    border:#C5C5C5 1px solid;
}
    .memberStep2_section1_terms [type="radio"]:checked {
        accent-color: #003AC9;
    }

.memberStep2_section1_terms label {
        margin-left: 10px;
        pointer-events: none;
}
.memberStep2_section1_terms .mustAgree{
    color:red;
}

.memberStep2_section1_line {
    border-bottom: solid 2px #D9D9D9;
    margin: 10px 0;
}

.service_enterBtn_close {
    padding: 15px 25px;
    border: none;
    border-radius: 10px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    margin: 35px 0 200px 0;
}

.service_enterBtn_open {
    padding: 15px 25px;
    border: none;
    border-radius: 10px;
    background: #003AC9;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 35px 0 200px 0;
}

/*½ºÅÜ3*/
.memberStep3_section1_wrap {
    background-color: #FCFCFC;
}

.memberStep3_section1 {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.memberStep3_section1_titleGra {
    background: linear-gradient(to right, #4F10D5, #4CA2F0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.memberStep3_section1_mentArea1 {
    font-size: 25px;
    margin: 150px 0 5px 0;
}

.memberStep3_section1_titleArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
}

.memberStep3_section1_mentArea2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size:16px;
    color:#717171;
    margin:15px 0 40px 0;
    line-height: 22px;
    text-align: center;
}

.memberStep3_section1_textArea {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.memberStep3_section1_textArea input[type="text"]::placeholder {
    color:#C5C5C5;
}

.memberStep3_section1_companyName {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_userName {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_userJob {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_userDept {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_userBirthDt {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_userStartDt {
    width: 438px;
    height: 35px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    outline-style: none;
    padding: 0 10px;
    margin: 5px 0;
}

.memberStep3_section1_btnArea {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.memberStep3_section1_btnArea a {
    color:#717171;
    border-bottom:1px solid #717171;
    margin:5px 0 200px 0;
    font-size:15px;
    display:flex;
    align-items:center;
    cursor: pointer;
}

.memberStep3_section1_skipImg {
    width:7px;
    margin-left:8px;
}

.memberStep3_section1_startBtn_close {
    padding: 15px 25px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #C5C5C5;
    margin: 15px 0;
    font-weight:500;
}

.memberStep3_section1_startBtn_open {
    padding: 15px 25px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    color: #FFFFFF;
    background: linear-gradient(to right, #4F10D5, #4CA2F0);
    margin: 15px 0;
    cursor: pointer;
    font-weight: 500;
}

/*footer ¿µ¿ª*****************************************************/
.footer{
    background-color: #2b2b2b;
}

.footer_wrap {
    width: 1480px;
    margin: 0 auto;
    padding: 40px 0;
}

.footer_Area {
    color: #fafafa;
}

.footer_company_name{
    font-weight: 700;
}

.info_area {
    font-weight: 300;
    margin: 20px 0;
    line-height: 20px;
}

.footer_info {
    display: flex;
    align-items: center;
}

.footer_info div::after{
    content: "|";
    font-size: 12px;
    margin: 0 5px 0 3px
}

.footer_info div:last-child::after{
    content: "";
}

.footer_linkArea a{
    content: "";
    color: #fff;
}

.footer_service{
    margin-right:10px;
}

.footer_private{
    font-weight: 700;
}

/*¹ÝÀÀÇü =======================================================================================*/

@media(max-width:1500px) {
    /*°øÅë ¿µ¿ª*/
    .section_wrap > div {
        max-width: 90% !important;
    }

    .main_title_wrap .title {
        font-size: 46px;
    }

    /*Çì´õ ¸Þ´º*/
    #headerLayout .header_nav {
        padding: 0 2%;
    }

    .header_logo_img {
        width: max-content;
    }

        .header_logo_img a > img {
            width: 38px;
        }

        .header_logo_img a > p {
            font-size: 18px;
            margin-left: 5px;
            color: #fff;
        }

    .header_btn .free_btn {
        display: none;
    }

    .header_btn .mo_free_btn {
        display: block;
    }

    .header_menu .nav_u .nav_l .nav_a {
        font-size: 14px;
        padding: 20px 15px;
    }

    /*¹è³Ê ¿µ¿ª*/
    .main_banner {
        max-width: 90%;
    }

    /*¼½¼Ç 1*/
    .skill_section1 .main_title_wrap, .skill_section1 .sub_text {
        width: 90%;
    }

    .section_wrap > div.skill_section1 {
        max-width: 100% !important;
    } 


    /*¼½¼Ç 2*/
    .skill_section2_wrap .content_wrap{
        height: 400px;
    }

    /*¼½¼Ç 3*/
    .skill_section3_wrap .content_wrap .con_main_text {
        font-size: 34px;
    }

    .skill_section3_wrap .content_wrap .text_wrap{
        padding: 25px;
    }

    .skill_section3_wrap .content_wrap .con_sub_text br{
        display:none;
    }

    /*¼½¼Ç 4*/
    .skill_section4 .content > div .con_title {
        font-size: 34px;
    }

    .skill_section4 .con_menu li span {
        right: 30%;
    }

    /*¼½¼Ç 5*/
    .skill_section5 .content_wrap .con .img_wrap {
        height: 220px;
    }

    .skill_section5 img {
        width: 120%;
    }

    .skill_section5 .content_wrap .con .text_wrap {
        height: 100px;
    }

    .skill_section5 .content_wrap .con .con_sub_text br {
        display: none;
    }

    /*¼½¼Ç 6*/
    .skill_section6 .content_wrap .con {
        display: grid;
        grid-row-gap: 15px;
        grid-column-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        box-sizing: border-box;
    }

        .skill_section6 .content_wrap .con > div {
            width: 100%;
            margin-right: 0;
        }


    /*ǪÅÍ*/
    .footer_wrap {
        width: 90%;
    }

    /*¼­ºñ½º ±â´É ¼Ò°³ ----------------------------------------------------------------------*/
    .service_banner{
        width: 80%;
    }

    .service_container .con_wrap{
        width: 80%
    }

    .service_container .con_wrap h1{
        font-size: 50px;
        margin-bottom: 35px;
    }

    .service_container .con_wrap .con .img_wrap{
        height: 350px !important; 
    }


    /*Á¶Á÷°ü¸®*/
    .group_container img {
        width: 720px !important;
    }

    /*»óÇ°°ü¸®*/
    .prod_container img {
        width: 720px !important;
    }

    .prod_img01 img{
        width: 590px !important;
    }

    .prod_img02 {
        height: 330px !important;
    }

    .prod_img02 img{
        top: 40px !important;
    }

    .prod_img03 img{
        width: 510px
    }

    .prod_img03 img {
        width: 510px
    }

    .prod_container .half_img img{
        width: 580px !important;
    }

    /*¼ö¹ßÁÖ°ü¸®*/
    .service_SaleSection #customer .img_wrap{
        height: 400px !important;
        position: relative;
    }

    .sales_img01_01 img{
        width: 350px !important; 
    }

    .sales_img01_02 {
        overflow: hidden;
        position: relative;
    }

    .sales_img01_02 img {
        width: 500px;
        position: absolute;
        right: 0;
    }

    .sales_img02_01 img, .sales_img02_02 img {
        width: 900px;
    }

    .sales_img01_03{
        overflow: hidden;
        position: relative;
    }

    .sales_img01_03 img {
        position: absolute;
        width: 500px;
        right: 0px;
    }

    .sales_img04{
        height: 350px !important;
    }

    .sales_img04 img {
        width: 750px;
        right: 0;
        position: unset;
        margin-left: 47px;
    }

    .service_SaleSection #order img{
        width: 590px;
    }

    .service_SaleSection #enterprise img {
        width: 650px !important;
    }

    .sales_img06_01 img, .sales_img06_02 img, .sales_img06_03 img {
        width: 350px !important;
    }

    .sales_img07 img{
        width: 750px !important;
    }

    /*Àç°í°ü¸®*/

    .stock_img03 {
        height: 450px !important;
    }

    .stock_img04 {
        height: 400px !important;
    }

    .stock_img04 img {
        position: unset;
    }

    .stock_img05 img {
        position: unset;
    }

    .stock_img06_02 img {
        width: 440px;
        margin-left: 70px;
        
    }

    .stock_img07 img {
        width: 750px !important;
        position: unset;
        margin-left: 40px;
    }

    .stock_img08 img{
        width: 720px;
    }

    .stock_img08 img {
        margin-bottom: 45px;
        position: unset;
    }

    .stock_img09_01 img{
        width: 270px !important;
    }

    .stock_img09_02 img {
        width: 450px !important;
    }

    /*·¹Æ÷Æ®*/
    .service_container .con_wrap .con .img_wrap.report_img01, .service_container .con_wrap .con .img_wrap.report_img02 {
        height: 250px !important;
    }

    .report_img01 img {
        position: unset;
        width: 750px;
    }

    .report_img02 img {
        position: unset;
        width: 750px;
    }

    .report_img03 img {
        width: 750px;
        position: unset;
        margin-top: 22px;
        margin-left: 24px;
    }

    .service_container .con_wrap .con .img_wrap.report_img04{
        height: 350px !important;
    }

    .report_img04 img{
        width: 800px;
        position: unset
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .workplace_img01 img{
        width: 600px !important;
    }
    
    .workplace_img02 img{
        width: 400px;
    }

    .workplace_img03 img {
        width: 500px;
        top: 12px;
    }

    .workplace_img04 img{
        width: 800px;
    }

    .workplace_img05 img{
        width: 750px !important;
    }

    /*¿Â¶óÀÎÆǸŠ°ü¸®*/
    .service_container .con_wrap .con .online_img01 {
        height: 240px !important;
    }

    .online_img01 img {
        width: 900px;
        left: 25%;
    }

    .online_img02 img {
        width: 550px !important;
        top: -5px;
    }

    .service_container .con_wrap .con .online_img03{
        height: 320px !important;
    }

    .online_img03 img {
        width: 740px;
        top: 25px;
    }

    .service_container .con_wrap .con .online_img04 {
        height: 320px !important
    }

    .online_img04 img {
        width: 750px;
    }

    .online_img05 img{
        width: 600px;
    }

    .service_container .con_wrap .con .online_img06{
        height: 300px !important;
    }

    .online_img06 img {
        width: 630px;
        top: 25px;
    }

    .service_container .con_wrap .con .online_img07 {
        height: 300px !important;
    }

    .online_img07 img {
        width: 750px !important;
        position: unset;
    }

    .service_container .con_wrap .con .online_img08{
        height: 300px !important;
    }

    .online_img08 img {
        width: 1000px;
        top: -4px !important;
        right: 0;
    }

    .service_container .con_wrap .con .online_img09 {
        height: 230px !important;
    }

    .online_img09 img{
        width: 745px !important
    }

    .service_container .con_wrap .con .online_img10 {
        height: 250px !important;
    }

    .online_img10 img{
        width: 900px;
        position:unset;
        margin-top: 15px;
    }

    /*¿ä±ÝÁ¦¾È³» ÆäÀÌÁö ---------------------------------------------------------------------*/
    /*¼½¼Ç 1 ¿µ¿ª*/
    .price_section1 {
        max-width: 90%;
    }

    .price_section1_textArea {
        width: 100%;
        font-size: 50px;
    }

    /*¼½¼Ç 2 ¿µ¿ª*/
    .price_section2 {
        width: 90%;
    }

    .sec2_chk_con_wrap div {
        margin-bottom: 4px;
    }

        .sec2_chk_con_wrap div label {
            margin: 1px 5px 0 0;
            align-items: flex-start;
            padding: 15px 10px;
            font-size: 13px;
        }

    /*¼½¼Ç 3 ¿µ¿ª*/

    .price_section3 {
        width: 90%;
        max-width: 90%;
    }

    .section3_cost_box1 {
        width: 100%;
        justify-content: space-between;
    }

    .price_section3_radioBox {
        width: 100%;
        margin: 0;
    }

    .price_section3_note4 {
        font-size: 20px;
        width: auto;
    }

    .price_section3_won {
        font-size: 20px;
        margin-top: -5px;
    }

    .price_section3_mon {
        font-size: 18px;
        margin-top: -5px;
        margin-left: 4px;
    }

    .yearNotice {
        display: flex;
        flex-direction: column;
    }

    .price_section3_textArea1 > span::after{
        width: 76%;
    }

    .price_section3_btnArea2 .price_section3_radioBox {
        height: 260px;
        box-sizing: border-box;
    }

    .price_section3_btnArea2 label {
        width: 32.5%;
    }


    .price_section3_title {
        padding: 30px 0 0 0;
    }


    .section3_core_fnc {
        width: 100%;
    }

    .section3_sub_fnc {
        width: 100%;
    }

        .section3_sub_fnc label {
            width: 32.5%;
        }

    .section3_core_fnc .price_section3_radioBox {
        width: 100%;
    }

    .section3_sub_fnc .price_section3_title {
        margin-bottom: 5px;
    }

    .section3_sub_fnc .price_section3_lineWrap {
        white-space: normal;
        height:70px;
    }

    .price_section3_line br {
        display: none;
    }

    .price_section3_note4 > div{
        font-size: 20px;
    }

    .price_section3_note4  > div > span{
        font-size: 18px;
    }

    /*»ó¼¼ ¹®ÀÇ ¿µ¿ª*/

    .section3_inquiry_wrap{
        font-size: 16px;
    }

    /*±â¾÷È÷½ºÅ丮*/
    .history_section .container > div > div{
        width: 95%;
    }

    .history_section_6 .btn_wrap ul li{
        font-size: 16px;
    }
}

@media(max-width: 1200px){
    .price_section3_textArea1 > span::after {
        width: 74%;
    }
}


@media(max-width: 1100px){
    .price_section3_textArea1 > span::after {
        width: 70%;
    }
}

@media(max-width:968px){
    /*°øÅ뿵¿ª*/

    .section_wrap{
        padding: 100px 0 50px 0;
    }

    .main_title_wrap {
        position: relative;
    }

    .main_title_wrap .title {
        font-size: 38px;
    }

     .main_title_wrap .title br {
       display:block
    }

    .section_wrap .sub_text{
        font-size: 18px;
    }

    .title_icon {
        font-size: 40px;
        position:relative;
        display:none;
    }


    /*Çì´õ ¸Þ´º*/
    .header_menu {
        display: none;
    }

    .header_btn .free_btn, .header_btn .login_btn{
        display:none;
    }

    .burger_menu {
        display: block;
    }

    /*¹è³Ê ¿µ¿ª*/

    .main_banner_wrap {
        background-color: #FCFCFC;
        color: #2B2B2B;
        overflow: hidden;
        background-image: url(../img/banner_img2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .main_banner {
        height: 600px;
        justify-content: center;
    }

    .main_banner .banner_text_wrap {
        margin: 0;
        text-align: center;
    }

    .banner_textArea1{
        font-size: 20px;
    }

    .banner_textArea2{
        margin: 10px 0 20px 0;
    }

    .banner_textArea2 p:nth-child(1) {
        font-size: 50px;
    }

    .banner_textArea2 p:nth-child(2){
        font-size:90px;
    }

    /*¼½¼Ç1 ¿µ¿ª*/
    .skill_section1 .sub_text {
        margin: 20px auto 25px auto;
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .skill_section2_wrap .content_wrap {
        height: 255px !important;
    }

    .skill_section2_wrap .content_wrap img{
        width: 470px;
        left: 50%;
        margin-left: -235px;
    }
    

    /*¼½¼Ç3 ¿µ¿ª*/
    .skill_section3_wrap .content_wrap {
        padding: 15px;
    }

    .skill_section3_wrap .content_wrap>div{
        flex-direction: column;
    }

    .skill_section3_wrap .content_wrap .text_wrap {
        width: 100%;
        height: 30%;
        padding: 20px;
    }

    .skill_section3_wrap .content_wrap .con_main_text{
        font-size:32px
    }

    .skill_section3_wrap .content_wrap .con_main_text br{
        display: none;
    }

    .skill_section3_wrap .content_wrap .con_sub_text{
        font-size:18px;
        margin-top:10px;
    }

    .skill_section3_wrap .con_btn .btn {
        font-size: 14px !important;
        padding: 5px 10px;
    }

    .content_wrap .img_wrap {
        width: 100%;
        height: 70%;
    }

    .skill_section3_wrap .content_wrap img {
        width: 460px !important;
        margin-top: 0px !important;
    }

    .skill_section3_wrap .con_btn {
        margin: 15px 0 0 0;
        justify-content: center;
    }

    .leave_btn{
        margin-right: 0 !important;
    }

    /*¼½¼Ç4 ¿µ¿ª*/

    .skill_section4 .content_wrap {
        filter: none;
        flex-direction: column;
        height: 700px;
    }

    .skill_section4 .con_menu {
        width: 100%;
        height: max-content;
        font-size: 16px;
        justify-content: start;
        flex-direction: row;
    }

    .skill_section4 .con_menu li {
        padding: 0;
        width: max-content;
        height: 20px;
        margin-right: 15px;
    }

    .skill_section4 .con_menu li:before{
        content: "";
        width: 100%;
        height: 3px;
        background-color: #ddd;
        position: absolute;
        top: 25px;
    }

    .skill_section4 .con_menu li.active::before{
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        top: 25px;
    }


    .skill_section4 .con_menu li span{
        display:none;
    }

    .skill_section4 .content {
        width: 100%;
        margin-top: 25px;
        box-shadow: 2px 3px 6px 2px rgb(95 119 151 / 14%);
    }

    .skill_section4 .content>div{
        flex-direction:column;
    }

    .skill_section4 .content>div .text_wrap{
        width: 100%;
        height: 35%;
        padding: 25px 25px 0 25px;
    }

    .skill_section4 .content > div .con_title{
        font-size:32px;
    }

    .skill_section4 .content > div .func_wrap{
        font-size:14px;
        width:80% !important;
    }

    .skill_section4 .content > div .img_wrap {
        width: 100%;
        height: 65%;
    }


    #sec4_finance .con_title br:last-child{
        display: none;
    }

    #sec4_workplace img {
        width: 650px !important;
        position: absolute !important;
        top: 45px !important;
        left: 50% !important;
        margin-left: -325px !important;
    }

    #sec4_finance img {
        position: unset !important;
        width: 700px !important;
    }

    #sec4_product .img_wrap img:first-child {
        width: 650px !important;
        position: absolute;
        left: 50%;
        margin-left: -325px;
    }

    #sec4_product .img_wrap img:last-child {
        width: 445px;
        position: absolute;
        left: 50%;
        margin-left: -170px;
        top: 100px;
    }

    #sec4_order .img_wrap img {
        width: 650px;
        position: absolute;
        right: 50%;
        margin-right: -325px;
        top: 55px;
    }

    #sec4_stock .img_wrap img {
        width: 700px !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 50px !important;
        margin-left: -350px !important;
    }

    #sec4_report .img_wrap img {
        width: 700px;
        position: absolute;
        left: 5%;
    }

    /*¼½¼Ç 5 ¿µ¿ª*/
    .skill_section5 .content_wrap .con .img_wrap {
        height: 130px;
    }

    .skill_section5 .content_wrap .con .text_wrap {
        margin-top: 10px;
    }

    .skill_section5 .content_wrap .con .con_title{
        font-size: 22px;
    }

    .skill_section5 .content_wrap .con .con_sub_text{
        font-size: 18px;
    }

    .skill_section5 .content_wrap .con .con_sub_text br {
        display: none;
    }

    /*¼½¼Ç 6 ¿µ¿ª*/
    .skill_section6 .content_wrap .con > div .top_area {
        height: 100px;
        margin-bottom: 10px;
    }

    .skill_section6 .content_wrap .con > div .top_area p:first-child {
        font-size: 18px;
    }

    .skill_section6 .content_wrap .con > div .top_area p:last-child{
        font-size: 40px;
    }


    /*ǪÅÍ ¿µ¿ª*/
    .footer_wrap {
        padding: 25px 0;
    }

    .footer_company_name {
        font-size: 12px;
    }

    .info_area {
        font-size: 12px;
    }

    .footer_linkArea a{
        font-size:12px;
    }

    /*¼­ºñ½º ±â´É¼Ò°³ ÆäÀÌÁö-----------------------------------------*/
    .narrowBr{
        display:block
    }

    .wideBr{
        display:none;
    }

    .service_container{
        padding: 150px 0;
    }

    .service_banner_wrap{
        height: 650px;
    }

    .service_banner {
        width: 90%
    }

    .service_banner p:first-child{
        font-size: 56px;
    }

    .service_banner p:last-child{
        font-size: 24px;
    }

    .service_banner .menu_wrap{
        font-size: 22px;
    }

    .menu_wrap li br{
        display:block;
    }

    .menu_wrap li:before {
        width: 15px;
        height: 15px;
    }

    .service_section .con_wrap {
        width: 90%;
        margin-top: 150px;
        padding-top: 50px;
    }

    .service_container .con_wrap .con {
        margin-bottom: 100px;
    }

    .service_container .con_wrap h1{
        font-size: 36px;
        margin-bottom: 20px;
    }

    .service_container .con_wrap .con p {
        font-size: 16px;
    }

    .service_container .con_wrap .con p:first-child{
        font-size: 26px;
        margin-bottom: 25px;
    }

    /*Á¶Á÷°ü¸®*/
    .group_img01 img {
        position: absolute;
        right: 7%;
    }

    .service_container .con_wrap .con .group_img02 {
        height: 250px !important;
    }

    .group_img02 img {
        width: 500px !important;
    }

    .group_container .group_img03 img {
        position: absolute;
        right: 4%;
    }

    .group_img04 img{
        width: 600px !important
    }

    /*»óÇ°°ü¸®*/
    .prod_img01 img {
        width: 530px !important;
        margin-left: 20px;
    }

    .prod_container .half_img img{
        width: 480px !important;
    }

    .service_container .con_wrap .con .prod_img04{
        height: 280px !important;
    }

    .prod_img04 img {
        width: 535px !important;
        margin-top: -15px;
    }

    .service_container .con_wrap .con .prod_img05 {
        height: 250px !important
    }

    .prod_img05 img{
        width: 600px !important;
    }

    /*¼ö¹ßÁÖ °ü¸®*/
    .sales_container .con_wrap .con p:first-child {
        font-size: 16px;
    }

    .sales_img01_01 img {
        width: 300px !important;
    }

    .service_SaleSection #customer .img_wrap .right_img div{
        height: 200px;
    }

    .sales_img01_02{
        margin-bottom: 10px;
    }

    .sales_img02_01 img, .sales_img02_02 img {
        width: 700px;
    }

    .service_SaleSection #order img{
        width: 500px;
    }

    .sales_img04 img{
        margin-left: -195px;
    }

    .service_SaleSection #enterprise img{
        width: 510px !important;
    }


    .service_container .con_wrap .con .img_wrap{
        height: 300px !important
    }

    .service_SaleSection #remittance .img_wrap div img {
        position: unset;
    }

    .sales_img07{
        height: 300px !important;
    }

    .sales_img07 img {
        width: 570px !important;
    }

    /*Àç°í°ü¸®*/
    .stock_img01 img{
        width: 500px;
    }

    .stock_img02 img{
        width: 500px;
    }

    .stock_img03 img{
        width: 600px;
    }

    .stock_img04 img{
        width: 500px;
    }

    .stock_img05 img {
        width: 560px;
        position: absolute;
        bottom: 30px;
    }

    .stock_img06>div {
        position: relative;
    }

    .stock_img06_01 img {
        width: 600px !important;
        position: absolute;
        right: 10px;
    }

    .stock_img06_02 img{
        width: 350px;
    }

    .service_container .con_wrap .con  .stock_img09 {
        height: auto !important;
    }

    .stock_img09 > div {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 200px;
    }

    .stock_img09_01{
        margin-bottom: 10px;
    }

    .stock_img09_01 img{
        width: 300px !important;
    }

    .stock_container .con_wrap .con .stock_img09 {
        flex-direction: column;
    }

    /*·¹Æ÷Æ®*/
    .report_img01 img {
        width: 800px;
        position: absolute;
        top: 30px;
        right: 2px;
    }

    .report_img02 img {
        width: 800px;
        position: absolute;
        right: 2px;
        top: 45px;
    }

    .report_img04 img{
        position: absolute;
        right: -2px;
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .workplace_img04 img {
        position: absolute;
        right: 10px;
    }

    /*ȸ°è °ü¸®*/
    .service_financeSection .menu_wrap li:nth-child(3) {
        line-height: 25px !important;
    }

        .service_financeSection .menu_wrap li:nth-child(3):before {
            position: relative;
            top: -12px;
        }

    
    .finance_img01 img{
        width: 600px;
        left: 20px;
    }

    .finance_img02 img{
        width: 580px;
    }


    .service_container .con_wrap .con .finance_img03{
        height: 250px !important;
    }

    .finance_img03 img {
        width: 500px;
    }

    .service_container .con_wrap .con .finance_img04 {
        height: 250px !important;
    }

    .finance_img05 img{
        width: 540px !important;
    }

    .service_container .con_wrap .con .finance_img06{
        height: 250px !important;
    }

    .finance_img06 img {
        width: 520px;
    }

    /*¿Â¶óÀÎ ÆǸŠ°ü¸®*/
    .online_img01 img{
        left: 5%;
        top: 45px;
    }

    .online_img02 img{
        width:450px !important;
        top: 0;
    }

    .online_img03 img{
        width: 690px !important;
        top: 15px;
    }

    .service_container .con_wrap .con .online_img04{
        height: 230px !important;
    }

    .online_img04 img {
        width: 500px;
    }

    .service_container .con_wrap .con .online_img05{
        height: 280px !important;
    }

    .online_img05 img {
        width: 480px;
    }

    .online_img06 img{
        width: 600px !important;
    }

    .service_container .con_wrap .con .online_img07 {
        height: 210px !important;
    }

    .online_img07 img {
        position: absolute;
        left: -235px;
        width: 900px !important;
    }

    .online_img08 img{
        width: 750px;
        top: 30px !important
    }

    .service_container .con_wrap .con .online_img09 {
        height: 200px !important;
    }

    .online_img09 img {
        top: 30px;
        width: 610px !important;
    }

    .service_container .con_wrap .con .online_img10{
        height: 250px !important;
    }

    .online_img10 img {
        width: 800px;
    }


    /*¿ä±Ý ¾È³» ÆäÀÌÁö ---------------------------------------------- */
    /*¼½¼Ç1 ¿µ¿ª*/
    .price_section1_textArea {
        font-size: 34px;
        line-height: 44px;
    }

    .price_section1_textArea span{
        margin: 0;
    }

    .price_section1_textArea br{
        display:block;
    }

    .price_section1 {
        height: 400px;
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .price_section2{
        padding: 100px 0;
    }

    .sec2_chk_con_wrap div {
        flex-direction: column;
    }

    .sec2_chk_con_wrap div label{
        width: 100%;
        margin: 0;
    }

    .sec2_chk_con_wrap div label:nth-child(1){
        margin-bottom: 4px;
    }

    /*¼½¼Ç3 ¿µ¿ª*/
    .price_section3_textArea1 {
        flex-direction: column;
        align-items: start;
        padding: 50px 0 20px 0;
    }

    .price_section3_textArea1 > span::after {
        display:none;
    }

    .price_section3_monthBtn{
        margin:0;
        width:49%;
    }

    .price_section3_yearBtn {
        margin: 0;
        width:49%;
    }

    .price_section3_btnArea1 {
        margin-top: 40px;
        width: 100%;
        justify-content:space-between;
    }

    .section3_cost_box1 {
        flex-direction: column;
    }

    .price_section3_btnArea2 label {
        width: 100%;
    }

    .price_section3_radioBox{
        height: 260px;
    }

    .section3_sub_fnc {
        flex-direction: column;
    }

    .section3_sub_fnc .price_section3_radioBox{
        height: 230px;
        box-sizing:border-box;
    }

    .section3_core_fnc ul li{
        align-items: flex-start;
    }

    .section3_core_fnc ul li::before {
        margin-top: 6px;
    }

    .section3_sub_fnc label {
        width: 100%;
    }

    .section3_sub_fnc label br{
        display:block
    }

    .section3_sub_fnc .price_section3_lineWrap{
        height:65px;
    }

    .payPeriod {
        flex-direction: column;
    }

    .payPeriod > li{
        width: 100%;
    }

    .payPeriod>li:first-child{
        margin-bottom: 20px;
        justify-content: space-evenly;
    }

    /*»ó¼¼¹®ÀÇÇϱ⠿µ¿ª*/
    .skill_section6 .content_wrap .con>div{
        padding: 20px;
    }
    .section3_inquiry_wrap {
        font-size: 14px;
        text-align: left;
    }

    .section3_inquiry_wrap br{
        display:block;
    }

    .section3_inquiry_wrap button {
        font-size: 14px;
    }

    /*±â¾÷ È÷½ºÅ丮*/
    .history_section_1{
        height: 470px !important;
    }

    .history_section_1 .title br {
        display: block
    }

    .history_section_1 .title {
        line-height: 55px;
    }

    .history_section_1 .title p {
        line-height: 26px;
    }

    .history_section_3 .left_wrap p:first-child{
        line-height: 35px;
    }

    .history_section_3 .right_wrap {
        width: 35%;
    }

    .history_section_4 .img_wrap {
        flex-direction: column;
        height: auto !important;
    }

    .history_section_4 .img_wrap li{
        width: 100%;
        height: 280px !important;
        position: relative;
    }

    .history_section_4 .img_wrap li:nth-child(1) img{
        width: 500px;
        margin-right: 0;
    }

    .history_section_4 .img_wrap li:nth-child(2){
        margin: 10px 0;
    }

    .history_section_4 .img_wrap li:nth-child(2) img{
        width: 490px !important;
    }

    .history_section_4 .img_wrap li:nth-child(3){
        background-position: top;
        background-image: url(../img/history03_1.jpg);
    }

    .history_section_6 div{
        padding: 0;
    }

    .history_section_5 p:nth-child(1){
        font-size: 26px; 
    }

    .history_section_5 p{
        font-size: 18px;
    }

    /*»ó¼¼ ¹®ÀÇÇϱâ*/
    .contact_wrap>div{
        width:95%;
        display: flex;
    }

    .contact_wrap>div input{
        width: 49%;
    }

    .contact_wrap>div select{
        width: 50%;
    }

    .contact_details{
        width: 93%;
    }

    .terms {
        width: 95%;
        margin: 0 auto;
    }

}


@media(max-width:575px) {
    /*°øÅ뿵¿ª*/
    .section_wrap {
        padding: 80px 0 40px 0;
    }

        .section_wrap > div {
            max-width: 95%;
        }

        .section_wrap .sub_text {
            margin: 10px 0 30px 0;
        }

    /*¹è³Ê ¿µ¿ª*/
    .banner_emailArea .emailText {
        max-width: 250px;
        width: 250px;
    }

    .banner_emailArea button {
        font-size: 13px !important;
        width: 150px !important;
    }

    /*¼½¼Ç 1 ¿µ¿ª*/

    .skill_section1 .main_title_wrap, .skill_section1 .sub_text {
        width: 95%;
    }

    .skill_section1 .sub_text {
        margin: 10px auto 30px auto;
    }

    .section_wrap .sub_text {
        width: 95%
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .skill_section2_wrap .content_wrap img {
        width: 400px;
        margin-left: -200px;
    }

    .skill_section2_wrap .content_wrap{
        height: 200px !important;
    }

    /*¼½¼Ç 3 ¿µ¿ª*/

    .skill_section3_wrap .content_wrap img {
        width: 400px !important;
    }

    .skill_section3_wrap .con_btn .btn {
        font-size: 12px;
    }

    .skill_section3_wrap .con_btn {
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 15px !important;

    }

    .skill_section3_wrap .btn {
        margin-top: 15px;
    }
    /*¼½¼Ç 4 ¿µ¿ª*/
    .skill_section4 .con_menu li {
        font-size: 14px;
    }

    .skill_section4 .content > div .func_wrap {
        width: 85% !important;
    }

    .skill_section4 .content > div .con_title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .skill_section4 .content > div .text_wrap {
        height: 40%;
    }

    .skill_section4 .content > div .img_wrap{
        height: 60%;
    }

    #sec4_workplace img {
        width: 635px !important;
        top: 37px !important;
        left: 5% !important;
        margin-left: 0 !important;
    }

    #sec4_finance img{
        position: relative !important;
    }

    #sec4_product .img_wrap img:first-child {
        width: 470px !important;
        margin-left: -235px;
        top: 60px;
    }

    #sec4_product .img_wrap img:last-child {
        width: 350px;
        position: absolute;
        left: 20%;
        margin-left: 0;
        top: 140px;
    }

    #sec4_order .img_wrap img {
        right: 5%;
        margin-right: 0;
    }

    #sec4_stock .img_wrap img {
        bottom: 40px !important;
        left: 3% !important;
        margin-left: 0px !important;
    }

    /*¼½¼Ç 5 ¿µ¿ª*/
    .skill_section5 .content_wrap {
        flex-direction: column;
    }

        .skill_section5 .content_wrap .con {
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-bottom: 10px;
            align-items: flex-start;
        }

            .skill_section5 .content_wrap .con .img_wrap {
                width: 40%;
            }

            .skill_section5 .content_wrap .con .text_wrap {
                width: 60%;
                height: auto;
                margin-top: 0;
                margin-left: 10px;
            }

    .skill_section5 img {
        width: 100%;
    }

    /*¼½¼Ç 6 ¿µ¿ª*/
    .skill_section6 .content_wrap .con {
        display: flex;
        flex-direction: column;
    }

        .skill_section6 .content_wrap .con > div .top_area {
            height: max-content;
        }

            .skill_section6 .content_wrap .con > div .top_area p:first-child {
                font-size: 20px;
            }

            .skill_section6 .content_wrap .con > div .top_area p:last-child {
                font-size: 45px;
            }

    .service_section .con_wrap {
        margin-top: 120px;
        padding-top: 60px;
    }

    .service_container .con_wrap .con {
        margin-bottom: 120px;
    }

        .service_container .con_wrap .con .img_wrap {
            height: 400px;
        }

    /*¼­ºñ½º ±â´É ¼Ò°³ ÆäÀÌÁö ------------------------------------------------*/
    .service_banner p:first-child {
        font-size: 48px;
    }

    .service_banner p:last-child {
        font-size: 20px;
    }

    .service_banner .menu_wrap {
        font-size: 22px;
    }

    .service_banner .menu_wrap br {
        display: block;
    }

    .service_banner .menu_wrap li{
        position: relative;
    }

    .service_container .con_wrap h1 {
        font-size: 28px;
        margin-bottom: 26px;
    }

    .service_container .con_wrap .con p:first-child {
        font-size: 22px
    }

    .service_container .con_wrap .con p:nth-child(2) br {
        display: none !important;
    }

    .service_container .con_wrap .con .half_img_wrap {
        flex-direction: column;
        height: 500px !important;
    }

    .service_container .con_wrap .half_img_wrap .half_img {
        width: 100%;
    }

        .service_container .con_wrap .half_img_wrap .half_img:first-child {
            margin-bottom: 15px;
        }

    .fnc_try_title {
        width: 90%;
        margin: 0 auto 20px auto;
    }

    .fnc_try_box .emailArea {
        width: 90%;
        margin: 0 auto 0 auto;
    }

        .fnc_try_box .emailArea .emailText1 {
            width: 80%;
            box-sizing: border-box;
        }

        .fnc_try_box .emailArea .try_btn_close1, .fnc_try_box .emailArea .try_btn_open1 {
            width: 80%;
            box-sizing: border-box;
            margin: 5px 0 0 0;
        }

    /*Á¶Á÷°ü¸®*/
    .service_container .con_wrap .con .group_img01 {
        height: 250px !important;
    }

    .group_img01 img {
        right: 3%;
        width: 600px !important;
    }

    .group_img02 img {
        width: 600px !important;
        position: absolute;
        left: 6%;
    }

    .service_container .con_wrap .con .group_img04 {
        height: 250px !important;
    }

    .group_img04 img {
        width: 415px !important;
    }

    /*»óÇ°°ü¸®*/
    .prod_img01 img {
        margin-right: 90px;
    }

    .prod_img05 img {
        position: absolute;
        right: -30px;
    }

    /*¼ö¹ßÁÖ°ü¸®*/
    .sales_container .con_wrap .con p:first-child {
        font-size: 16px;
    }

    .service_SaleSection #customer .img_wrap {
        flex-direction: column;
        height: auto !important;
    }

    .service_SaleSection #customer .img_wrap div {
        width: 100%;
    }

    .service_SaleSection #customer .img_wrap .left_img{
        height: 300px !important;
    }

    .sales_img01_02{
        margin-top: 10px;
    }

    .sales_img01_02 img, .sales_img01_03 img{
        position: unset;
    }

    .sales_img02_01 img, .sales_img02_02 img{
        left: -140px;
    }

    .service_SaleSection #order img{
        width: 430px;
    }

    .sales_img04 img{
        margin-left: -250px;
    }

    .service_SaleSection #enterprise img{
        width: 435px !important;
    }

    .service_SaleSection #remittance .img_wrap {
        flex-direction:column;
        height: auto !important;
    }

    .service_SaleSection #remittance .img_wrap div{
        width: 100%;
        height: 300px;
    }

    .service_SaleSection #remittance .img_wrap div img{
        margin-bottom: -80px;
    }

    #remittance .img_wrap > div{
        justify-content: flex-end;
    }

    .sales_img06_02 {
        margin: 10px 0;
    }

    .sales_img06_01 img, .sales_img06_02 img, .sales_img06_03 img{
        width: 390px !important;
    }

    .sales_img07 img{
        margin-left: 90px;
    }

    /*Àç°í°ü¸®*/
    .stock_img01 img {
        width: 600px;
        position: absolute;
        left: 10px;
    }

    .stock_img02 img {
        width: 540px;
        position: absolute;
        right: 5px;
    }

    .stock_img03 img {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .stock_img04 img{
        position:absolute;
        left: 5px;
    }

    .stock_img05 img {
        position: absolute;
        right: 10px;
        bottom: -7px;
        width: 750px;
    }

    .stock_img06_02 img{
        margin-left: 100px;
    }

    .stock_img07 img{
        position:absolute;
        left:-195px;
    }

    .stock_img09_02 img{
        position:absolute;
        left: 10px;
    }

    /*·¹Æ÷Æ®*/
    .service_ReportSection .menu_wrap li:nth-child(3) {
        line-height: 25px !important;
    }

    .service_ReportSection .menu_wrap li:nth-child(3):before {
        position: relative;
        top: -12px;
    }

    .report_img03 img {
        width: 600px;
        margin-left: -180px;
    }

    .service_container .con_wrap .con .img_wrap.report_img04{
        height: 285px !important;
    }

    .report_img04 img {
        width: 700px;
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .service_WorkplaceSection .menu_wrap li:nth-child(4) {
        line-height: 25px !important;
    }

    .service_WorkplaceSection  .menu_wrap li:nth-child(4):before {
        position: relative;
        top: -12px;
    }

    .workplace_img01 img {
        width: 520px !important;
        position: absolute;
        left: 0px;
    }

    .workplace_img03 img {
        width: 445px;
        top: 28px;
    }

    .workplace_img05 img {
        width: 670px !important;
        position: absolute;
        left: -30px;
    }

    /*ȸ°è°ü¸®*/
    .finance_img03 img {
        width:600px;
        position: absolute;
        left: 13px;
    }

    .finance_img04 img {
        width: 600px;
        position: absolute;
        right: 25px;
    }

    .finance_img05 img {
        position: absolute;
        left: 0px;
    }

    .finance_img06 img{
        width: 700px;
        position: absolute;
        right: 20px;
    }

    /*¿Â¶óÀÎÆǸŠ°ü¸®*/
    .online_img01 img{
        width: 800px !important;
    }

    .online_img02 img {
        width: 400px !important;
        top: 15px;
    }

    .online_img03 img{
        width: 630px !important;
        top: 30px;
    }


    .service_container .con_wrap .con .online_img04{
         height: 210px !important;
    }

    .online_img04 img {
        width: 425px !important;
        /*left: 10px;*/
    }

    .service_container .con_wrap .con .online_img05{
        height: 240px !important;
    }

    .online_img05 img {
        width: 410px !important;
    }

    .online_img07 img {
        width: 750px !important;
        left: -300px;
    }

    .service_container .con_wrap .con .online_img08{
        height: 250px !important;
    }

    .online_img08 img {
        width: 650px;
    }

    .online_img10 img {
        width: 800px;
        position: absolute;
        left: -360px;
        top: 25px;
    }

    /*¿ä±Ý¾È³» ÆäÀÌÁö ------------------------------------------------------- */
    /*°øÅ뿵¿ª*/
    .service_priceSection .title {
        font-size: 34px;
    }

    /*¼½¼Ç1 ¿µ¿ª*/
    .price_section1{
        width: 95%;
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .price_section2{
        width: 95%;
    }

    /*¼½¼Ç3 ¿µ¿ª*/
    .price_section3{
        width:95%;
        max-width: 95%;
    }

    /*ǪÅÍ¿µ¿ª*/
    .footer_info {
        flex-direction: column;
        align-items:start;
    }

    .footer_info div::after{
        display:none;
    }

    /*±â¾÷ È÷½ºÅ丮*/
    .history_section_1{
        height:400px !important
    }

    .history_section_1 .title {
        font-size: 40px;
        line-height: 50px;
    }

    .history_section_1 .title p {
        font-size: 20px;
        margin-top: 12px;
    }

    .history_section > div{
        font-size: 16px !important;
    }
    .history_section_2 .img_wrap {
        position: relative;
    }

    .history_section_2 img {
        width: 1000px;
        position: absolute;
        right: 50%;
        margin-right: -455px;
    }

    .history_section_3 > div{
        flex-direction: column;
    }

    .history_section_3 .left_wrap{
        width: 100%;
    }

    .history_section_3 .left_wrap br{
        display:none;
    }

    .history_section_3 .right_wrap {
        width: 100%;
        margin-top: 10px;
    }

    .history_section_4 > div p:first-child{
        text-align:left;
    }

    .history_section_4 .img_wrap li{
        height: 240px !important;
    }

    .history_section_4 .img_wrap li:nth-child(1) img {
        width: 450px !important;
    }

    .history_section_4 .img_wrap li:nth-child(2) img{
        margin-left: -47px;
    }

    .history_section_4 .img_wrap li:nth-child(3){
        background-image: url(../img/history03_2.jpg);
        background-position: right;
    }

    .history_section_5 {
        background-image: url(../img/history04_1.jpg);
        background-position: center;
    }

    .history_section_5 p{
        font-size: 16px;
    }

    .history_section_5 p:nth-child(2){
        line-height: 24px;
    }

    .history_section_6 .btn_wrap ul li {
        font-size: 14px;
    }

    .history_section_6 .btn_wrap ul button {
        font-size: 15px;
    }

    /*¸â¹ö½± ½ºÅÜ1 ¿µ¿ª********************************************************************************************************/
    /*¼½¼Ç1*/
    .memberStep1_section1_titleArea{
        font-size: 30px;
    }

    /*¸â¹ö½± ½ºÅÜ2 ¿µ¿ª********************************************************************************************************/
    .memberStep2_section1_titleArea1{
        margin-top: 250px;
    }

    .memberStep2_section1_titleArea, .memberStep2_section1_titleArea1 {
        font-size: 30px;
    }

}

@media(max-width:480px) {
    /*°øÅ뿵¿ª*/
    .section_wrap {
        padding: 60px 0 30px 0;
    }

    .main_title_wrap .title {
        font-size: 34px;
    }

    .section_wrap .sub_text {
        font-size: 16px;
        margin: 10px 0 20px 0;
    }

    .burger_secondMenu_wrap > ul {
        width: 100%;
    }

    /*¹è³Ê¿µ¿ª*/
    .main_banner {
        height: 700px;
    }

    .banner_textArea1 {
        font-size: 18px;
    }

    .banner_textArea2 p:nth-child(1) {
        font-size: 42px;
        margin-bottom: 0;
    }

    .banner_textArea2 p:nth-child(2) {
        font-size: 74px;
    }

    .banner_emailArea .emailText {
        max-width: 200px;
        width: 200px;
    }

    /*¼½¼Ç1 ¿µ¿ª*/
    .skill_section1 .sub_text {
        margin: 10px auto 20px auto;
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .skill_section2_wrap .content_wrap img {
        width: 365px;
        margin-left: -182.5px;
    }
    /*¼½¼Ç3 ¿µ¿ª*/
    .skill_section3_wrap .content_wrap .con_main_text {
        font-size: 24px;
    }

    .skill_section3_wrap .content_wrap .con_sub_text {
        font-size: 16px;
    }

    .skill_section3_wrap .content_wrap img {
        width: 340px !important;
    }

    .skill_section3_wrap .btn {
        margin-top: 10px !important;
    }

    .skill_section3_wrap .con_sub_text br {
        display: none;
    }

    /*¼½¼Ç4 ¿µ¿ª*/
    .skill_section4 .content > div .con_title {
        font-size: 28px
    }

    .skill_section4 .con_menu {
        width: 100%;
        flex-wrap: wrap;
    }

        .skill_section4 .con_menu li {
            margin-top: 10px;
        }

            .skill_section4 .con_menu li::before {
                top: 22px;
            }

            .skill_section4 .con_menu li.active::before {
                top: 22px;
            }

    .skill_section4 .content > div .func_wrap {
        width: 100% !important;
    }

    .skill_section4 .content > div .func_wrap {
        font-size: 12px;
    }

    #sec4_product .img_wrap img:last-child {
        top: 130px;
    }

    #sec4_order .img_wrap img {
        top: 30px;
    }

    #sec4_stock .img_wrap img {
        bottom: 23px !important;
    }

    /*¼½¼Ç5 ¿µ¿ª*/
    .skill_section5 .content_wrap .con .img_wrap {
        height: 100px;
    }

    /*¼­ºñ½º ±â´É ¼Ò°³ ÆäÀÌÁö ---------------------------------------------*/
    .service_container {
        padding: 120px 0;
    }

    .service_banner_wrap {
        height: 560px;
    }

    .service_banner p:first-child {
        font-size: 42px;
    }

    .service_banner p:last-child {
        font-size: 18px;
    }

    .service_banner .menu_wrap {
        margin-top: 40px;
        font-size: 18px;
        line-height: 40px;
    }

        .service_banner .menu_wrap li:before {
            width: 10px;
            height: 10px;
            border: 3px solid #fff;
        }

    .service_container .con_wrap .con p:first-child {
        font-size: 20px;
    }

    /*Á¶Á÷°ü¸®*/
    .group_img03 img {
        width: 670px !important;
    }

    .group_img04 img {
        width: 380px !important;
    }

    /*»óÇ°°ü¸®*/
    .prod_img01 img {
        margin-right: 160px !important;
    }

    /*¼ö¹ßÁÖ°ü¸®*/
    .sales_container .con_wrap .con p:first-child {
        font-size: 16px;
    }

    .sales_img02_01 img, .sales_img02_02 img {
        width: 650px;
        left: -110px;
    }

    .service_SaleSection #order img {
        width: 500px !important;
    }

    .sales_img04 img {
        margin-left: -330px;
    }

    .service_SaleSection #enterprise img {
        width: 380px !important;
    }

    /*Àç°í°ü¸®*/
    .stock_img01 img {
        width: 720px;
    }

    .service_container .con_wrap .con .stock_img06 {
        flex-direction: column;
        height: auto !important;
    }

    .stock_img06 > div {
        position: relative;
        width: 100%;
        height: 200px;
    }

    .stock_img06_02 {
        margin-top: 10px;
    }

        .stock_img06_02 img {
            margin-top: 70px;
        }

    .stock_img07 img {
        left: -255px;
    }

    /*·¹Æ÷Æ®*/
    .report_img03 img {
        margin-left: -200px;
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .service_WorkplaceSection .menu_wrap li br{
        display:none;
    }

    .service_WorkplaceSection .menu_wrap li:nth-child(4) {
        line-height: 50px !important;
    }

    .service_WorkplaceSection  .menu_wrap li:nth-child(4):before {
        position: unset;
    }

    .workplace_img02 img {
        width: 315px;
    }

    /*¿Â¶óÀÎ ÆǸŠ°ü¸®*/
    .service_container .con_wrap .con .online_img01 {
        height: 260px !important;
    }

    .online_img01 img {
        width: 700px !important;
    }

    .service_container .con_wrap .con .online_img02 {
        height: 260px !important;
    }

    .online_img02 img {
        width: 345px !important;
    }

    .online_img03 img {
        width: 475px !important;
        right: 8px;
    }

    .service_container .con_wrap .con .online_img03 {
        height: 240px !important;
    }

    .online_img04 img {
        width: 370px !important;
    }

    .service_container .con_wrap .con .online_img04 {
        height: 180px !important;
    }

    .service_container .con_wrap .con .online_img05{
        height: 210px !important;
    }

    .online_img05 img {
        width: 355px !important;
    }

    .online_img07 img{
        width: 680px !important;
    }

    .service_container .con_wrap .con .online_img08{
        height: 235px !important;
    }

    .online_img08 img {
        width: 580px;
    }

    .service_container .con_wrap .con .online_img09{
        height: 155px !important;
    }

    .online_img09 img {
        width: 355px !important;
    }

    .online_img10 img {
        left: -425px;
    }

    /*¿ä±Ý¾È³» ÆäÀÌÁö ---------------------------------------------------- */
    /*°øÅ뿵¿ª*/
    .service_priceSection .title {
        font-size: 32px;
    }

    /*¼½¼Ç2 ¿µ¿ª*/

    .price_section2_textArea1 {
        padding-bottom: 20px;
    }

    .sec2_chk_con_wrap div label{
        font-size: 12px;
    }

    /*¼½¼Ç3 ¿µ¿ª*/

    .price_section3_btnArea1 {
        margin-top: 20px;
        flex-direction: column;
    }

    .price_section3_monthBtn{
        width: 100%;
        margin-bottom: 10px;
    }

    .price_section3_yearBtn{
        width: 100%;
    }

    .price_section3_title{
        font-size: 24px;
    }

    .section3_core_fnc .price_section3_radioBox {
        height: 285px;
    }

    .section3_sub_fnc .price_section3_radioBox {
        height: 215px;
    }

    .section3_sub_fnc .price_section3_line {
        font-size: 13px;
    }

    .section3_sub_fnc .price_section3_lineWrap{
        height:50px;
    }

    .section3_total_price_wrap{
        padding: 40px 20px;
    }

    .payPeriod li ul li:first-child {
        font-size: 12px;
    }

    .payPeriod ul li:last-child{
        font-size: 16px;
    }

    .total_price li{
        font-size: 20px !important;
    }

    .section3_inquiry_wrap br{
        display: none;
    }

    /*¼½¼Ç4 ¿µ¿ª*/

    .price_section4_textArea{
        width: 95%;
        margin: 0 auto;
    }

    .price_section4 .fnc_try_box .top_area {
        font-size: 24px;
    }

    .price_section4_wrap .bottom_area{
        width: 100%;
    }

    .price_section4_emailArea {
        display: flex;
        align-items: center;
    }

    .price_section4_emailArea .price_section4_email{
        width: 70%;
    }

    .price_section4_codeArea{
        display:flex;
        align-items:center;
    }

    .price_section4_codeArea .price_section4_code{
        width: 70%;
    }

    .fnc_try_box .fnc_try_title{
        font-size: 22px;
    }

    .price_section4_cautionAreaWrap {
        width: 95%;
        font-size: 13px;
    }

    /*±â¾÷ È÷½ºÅ丮*/

    .history_section_2 p:first-child{
        font-size: 20px;
    }

    .history_section > div {
        font-size: 14px !important;
        line-height: 22px;
    }

    .history_section_3 .left_wrap p:first-child{
        font-size: 20px;
    }

    .history_section_4 > div p:nth-child(2){
        line-height: 22px;
    }

    .history_section_3 .left_wrap p:nth-child(3) {
        margin: 10px 0;
    }

    .history_section_6 .btn_wrap ul{
        width: 100%;
    }

    .history_section_6 .btn_wrap {
        flex-direction: column;
    }

    .inquiry_btn_wrap{
        margin-top: 30px;
    }

    /*»ó¼¼ ¹®ÀÇÇϱâ*/

    .contact_title_wrap{
        font-size: 26px;
    }

    .contact_wrap > div {
        flex-direction: column;
    }
   
    .contact_wrap>div input{
       width: 90%;
        margin: 5px auto;
    }

    .contact_wrap>div select{
        width: 95%;
        margin: 5px auto;
    }

    .contact_details{
        width: 86%;
        margin-top: 5px;
    }

    .terms {
        width: 93%;
    }

    /*¸â¹ö½± ½ºÅÜ1 ¿µ¿ª********************************************************************************************************/
    /*¼½¼Ç1*/
    .memberStep1_section1_titleArea{
        font-size:24px;
    }

    .memberStep1_section1_email {
        width: 250px;
    }

    .memberStep1_section1_code {
        width: 250px;
    }
    .memberStep1_section1_cautionAreaWrap{
        width: 390px;
    }

    /*¸â¹ö½± ½ºÅÜ1 ¿µ¿ª********************************************************************************************************/

    .memberStep2_section1_titleArea, .memberStep2_section1_titleArea1{
        font-size: 24px
    }

    .memberStep2_section1_userId{
        width: 250px;
    }

    .memberStep2_section1_step2Area input {
        width: 345px;
    }

}

@media(max-width:414px) {
    /*°øÅë ¿µ¿ª*/

    .main_title_wrap .title {
        font-size: 30px;
    }

    /*¹è³Ê ¿µ¿ª*/
    .banner_textArea1 {
        font-size: 16px;
    }

    .banner_textArea2 p:nth-child(1) {
        font-size: 38px;
    }

    .banner_textArea2 p:nth-child(2) {
        font-size: 66px;
    }

    .banner_emailArea {
        flex-direction: column;
        width: 100%;
        box-sizing: border-box
    }

        .banner_emailArea .emailText {
            max-width: 100%;
            width: 100%;
            margin: 0;
            box-sizing: border-box;
            margin-bottom: 10px;
        }

        .banner_emailArea button {
            width: 100% !important;
            height: 35px;
        }

    /*¼½¼Ç2 ¿µ¿ª*/
    .skill_section2_wrap .content_wrap {
        height: 180px !important;
    }

        .skill_section2_wrap .content_wrap img {
            width: 330px;
            margin-left: -165px;
        }
    /*¼½¼Ç3 ¿µ¿ª*/
    .skill_section3 .content_wrap img {
        width: 300px !important;
    }

    /*¼½¼Ç4 ¿µ¿ª*/

    .skill_section4 .content > div .con_title {
        font-size: 24px;
    }

    .skill_section4 .content_wrap {
        height: 650px;
    }

    .skill_section4 .content > div .text_wrap {
        height: 40%;
    }

    .skill_section4 .content > div .img_wrap {
        height: 60%;
    }

    #sec4_product .img_wrap img:last-child {
        left: 0%;
        top: 110px;
    }

    #sec4_product .img_wrap img:first-child {
        top: 35px;
    }

    #sec4_stock .img_wrap img {
        bottom: 10px !important;
    }

    /*¼½¼Ç5 ¿µ¿ª*/
    .skill_section5 .content_wrap .con .con_title {
        font-size: 20px;
    }

    .skill_section5 .content_wrap .con .con_sub_text {
        font-size: 16px;
        margin-top: 5px;
    }


    /*¼­ºñ½º ¼Ò°³ ÆäÀÌÁö ------------------------------------------------------------------------------*/
    .service_banner_wrap {
        height: 540px;
    }

    .service_container {
        padding: 100px 0;
    }

    .service_banner p:first-child {
        font-size: 40px;
    }

    .service_banner p:last-child {
        font-size: 16px;
    }

    .service_banner .menu_wrap {
        font-size: 17px;
    }

    .menu_wrap li:before {
        margin-right: 5px;
    }

    .service_section .con_wrap {
        margin-top: 80px;
    }

    .service_container .con_wrap h1 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .service_container .con_wrap .con {
        margin-bottom: 100px;
    }

        .service_container .con_wrap .con .img_wrap {
            height: 320px;
        }

        .service_container .con_wrap .con p:first-child {
            font-size: 20px;
        }

    .fnc_try_box .fnc_try_title {
        font-size: 20px;
    }

    /*Á¶Á÷°ü¸®*/
    .group_img04 img {
        position: absolute;
        left: 5%;
    }

    /*»óÇ°°ü¸®*/
    .prod_img01 img {
        margin-right: 190px !important;
    }

    .prod_img05 img {
        right: -47px;
    }

    /*¼ö¹ßÁÖ °ü¸®*/
    .sales_container .con_wrap .con p:first-child {
        font-size: 16px;
    }

    .service_container .con_wrap .con .sales_img02_01,
    .service_container .con_wrap .con .sales_img02_02 {
        height: 250px !important;
    }

    .sales_img02_01 img, .sales_img02_02 img {
        width: 565px;
        left: -95px;
    }

    .service_SaleSection #enterprise .img_wrap {
        height: 280px !important;
    }

    .service_SaleSection #enterprise img {
        width: 350px !important;
    }

    .service_SaleSection #remittance .img_wrap div img {
        margin-right: -45px;
    }

    .sales_img07 img {
        margin-left: 170px !important;
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .workplace_img05 img {
        width: 600px !important;
        position: absolute;
        left: -10px;
    }

    /*¿Â¶óÀÎÆǸŠ°ü¸®*/

    .service_container .con_wrap .con .online_img01 {
        height: 235px !important;
    }

    .online_img01 img {
        width: 650px !important;
    }

    .online_img02 img {
        width: 325px !important;
    }

    .online_img03 img {
        right: -32px;
    }

    .online_img04 img {
        width: 100% !important;
        left: 5px;
    }

    .service_container .con_wrap .con .online_img05 {
        height: 190px !important;
    }

    .online_img05 img {
        width: 315px !important;
    }

    .service_container .con_wrap .con .online_img06 {
        height: 265px !important;
    }

    .online_img06 img {
        width: 530px !important;
        margin-left: 25px;
    }

    .online_img07 img {
        width: 650px !important;
        left: -295px;
    }

    .service_container .con_wrap .con .online_img08 {
        height: 220px !important;
    }

    .online_img08 img {
        width: 540px;
    }

    .online_img09 img {
        width: 395px !important;
    }

    .online_img10 img {
        left: -445px;
    }

    /*¿ä±ÝÁ¦ ¾È³»ÆäÀÌÁö ------------------------------------------------------------------------------ */
    /*°øÅ뿵¿ª*/
    .service_priceSection .title {
        font-size: 26px;
    }

    /*¼½¼Ç1 ¿µ¿ª*/
    .price_section1 {
        width: 90%;
    }

    /*¼½¼Ç2 ¿µ¿ª*/
    .price_section2 {
        width: 90%;
        padding: 70px 0;
    }

    .sec2_chk_title {
        font-size: 18px;
    }

    .sec2_chk_con_wrap div label {
        justify-content: space-between
    }

        .sec2_chk_con_wrap div label p {
            width: 94%;
        }

    /*¼½¼Ç3 ¿µ¿ª*/
    .price_section3 {
        width: 90%;
    }

    .price_section3_line br {
        display: none !important;
    }

    .total_price li {
        font-size: 18px !important;
    }

    /*¼½¼Ç4 ¿µ¿ª*/
    .price_section4 .fnc_try_box .top_area {
        font-size: 20px;
    }

    .price_section4_wrap .bottom_area {
        width: 90%;
        margin: 0 auto;
    }

    /*±â¾÷ È÷½ºÅ丮*/
    .history_section_1 .title {
        font-size: 34px;
        line-height: 40px;
    }

        .history_section_1 .title p {
            font-size: 18px;
        }

    .history_section_4 .img_wrap li {
        height: 220px !important;
    }

        .history_section_4 .img_wrap li:nth-child(1) img {
            width: 400px !important;
        }

        .history_section_4 .img_wrap li:nth-child(2) img {
            width: 400px !important
        }

    .history_section_5 {
        padding: 45px 0;
    }

        .history_section_5 p:nth-child(1) {
            font-size: 24px;
        }

        .history_section_5 p {
            font-size: 14px;
        }

    /*»ó¼¼ ¹®ÀÇÇϱâ ÆäÀÌÁö*/

    #privacy, #marketing {
        width: 13px;
        height: 13px;
        margin-right: 5px;
    }

    .terms li {
        font-size: 14px;
    }

    /*¸â¹ö½± ½ºÅÜ1 ¿µ¿ª********************************************************************************************************/
    /*¼½¼Ç1*/
    .memberStep1_section1_code {
        width: 250px;
    }

    .memberStep1_section1_email{
        width: 200px;
    }

    .memberStep1_section1_code{
        width: 200px;
    }

    .memberStep1_section1_cautionAreaWrap {
        width: 340px;
    }
    /*¸â¹ö½± ½ºÅÜ2 ¿µ¿ª********************************************************************************************************/

    .memberStep2_section1_userId {
        width: 200px;
    }

    .memberStep2_section1_step2Area input {
        width: 320px;
        box-sizing: border-box;
    }

    .pw_show{
        right: 18px;
    }

    .memberStep2_section1_pwCaution2{
        max-width: 320px;
    }

}

@media(max-width:378px) {
    /*°øÅ뿵¿ª*/
    .burgerMenu_btnArea {
        display: flex;
        flex-direction: column;
    }

    .burgerMenu_btnArea button[type="button"] {
        margin: 0 0 10px 0;
    }

    /*¹è³Ê ¿µ¿ª*/
    .banner_textArea2 p:nth-child(1) {
        font-size: 36px;
    }

    .banner_textArea2 p:nth-child(2) {
        font-size: 62px;
    }

    /*¼½¼Ç5 ¿µ¿ª*/
    .skill_section5 img {
        width: 125%;
    }

    /*¼­ºñ½º ±â´É¼Ò°³ ÆäÀÌÁö ============================================*/
    .service_container .con_wrap .con p:first-child {
        font-size: 18px;
    }

    /*¼ö¹ßÁÖ°ü¸®*/
    .sales_container .con_wrap .con p:first-child {
        font-size: 16px;
    }

    /*·¹Æ÷Æ®*/
    .report_img03 img {
        margin-left: -230px;
    }

    /*¿öÅ©Ç÷¹À̽º °ü¸®*/
    .service_container .con_wrap .con .workplace_img01 {
        height: 280px !important;
    }

    .workplace_img01 img {
        width: 425px !important;
    }

    .workplace_img03 img{
        width: 400px;
    }

    /*¸â¹ö½± ½ºÅÜ2*/

    .memberStep2_section1_titleArea, .memberStep2_section1_titleArea1{
       margin-top: 150px;
    }

    .memberStep2_section1 {
        height: auto !important;
    }

    #memberStep2_section1_Enterbtn{
        margin-bottom: 150px;
    }

}


/* ¾ÆÀÌÄÜ */

@font-face {
    font-family: 'SPicon01';
    src: url('../fonts/SPicon01.ttf?mlcjo5') format('truetype'), url('../fonts/SPicon01.woff?mlcjo5') format('woff'), url('../fonts/SPicon01.svg?mlcjo5#SPicon01') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="SPicon01"], [class*=" SPicon01"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'SPicon01' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SPicon01sec1_icon:before {
    content: "\e900";
}

.SPicon01sec2_icon:before {
    content: "\e901";
}

.SPicon01sec3_icon:before {
    content: "\e902";
}

.SPicon01sec4_icon:before {
    content: "\e903";
}

.SPicon01sec5_icon:before {
    content: "\e904";
}

.SPicon01sec6_icon:before {
    content: "\e905";
}

.SPicon01arrow_r:before {
    content: "\e906";
}

.SPicon01product_icon:before {
    content: "\e907";
}

.SPicon01cal_icon:before {
    content: "\e908";
}

.SPicon01money_icon:before {
    content: "\e909";
}

.SPicon01menu_arrow:before {
    content: "\e90a";
}

.SPicon01S_order_icon:before {
    content: "\e90b";
}

.SPicon01P_order_icon:before {
    content: "\e90c";
}

@font-face {
    font-family: 'SPicon02';
    src: url('../fonts/SPicon02.ttf?gjp0qz') format('truetype'), url('../fonts/SPicon02.woff?gjp0qz') format('woff'), url('../fonts/SPicon02.svg?gjp0qz#SPicon02') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="SPicon02"], [class*=" SPicon02"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'SPicon02' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
}

.SPicon02event:before {
    content: "\e900";
}

.SPicon02contact:before {
    content: "\e902";
}

.SPicon02news:before {
    content: "\e903";
}

.SPicon02price:before {
    content: "\e904";
}