/*s: visual 부분에서 하단 영역*/
.s2-feature_content{
   margin-bottom: 86px;
   transition: 0.3s ease-out;
}

.feature_contentsWrap{
   width: 100%;
   min-height: 352px;
   text-align: center;
}
.feature_contentsWrap>ul{
   width: 1170px;
   max-width: 100%;
   margin-left: -30px;
   padding-left: 0px;
    margin-right:0px;
    margin-bottom: 0px;
    list-style: none;
   display: inline-block
    
   
}
.feature_contentsWrap>ul li{
   float: left;
   width: calc((100% / 3 ) - 30px);
   margin-left: 30px;
   /* box-shadow: 0px 3px 6px #08001414; */
   height: 100%;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   min-height: 352px;
   list-style: none;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;

   border: solid 1px #eeeeee;
}

.feature_contentsWrap>ul li .imgWrap{
   margin-left: 0px;
   display: block;
   background-color: #F0F2F7;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   min-height: 272px;
   position: relative;
   left: 0px;
   top:0px;
   transition: 0.3s ease-out;
}

.feature_contentsWrap>ul li .imgWrap>img{
   display: block;
   /* margin:0px auto; */
   position: absolute;
   left: 50%;
   top:50%;
   transform: translate(-50%,-50%);
   transition: 0.3s ease-out;
}
/* div.feature_contentsWrap>ul li.lst00 span.imgWrap{
   padding:46px 20px;
   
   
}
div.feature_contentsWrap>ul li.lst01 span.imgWrap{
   padding:46px 20px;
   position: relative;
   left: 0px;
   top:0px;
   
}
div.feature_contentsWrap>ul li.lst02 span.imgWrap{
   padding:64px 20px;
   
} */
.feature_contentsWrap>ul li .textWrap{
   display: block;
   font-size: 22px;
   font-weight: 500;
   text-align: center;
   padding-top: 24px;
   padding-bottom: 23px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
/*e: visual 부분에서 하단 영역*/

/*s: saas_two_service_section*/
.saas_two_serviceTitle h2,
.saas_two_about_sectionTitle h2,
.saas_two_processTitle h2{
   font-weight: 300;
}
.saas_two_serviceTitle h2>span,
.saas_two_about_sectionTitle h2>span,
.saas_two_processTitle h2 span{
   font-weight: 500;
}

/*e: saas_two_service_section*/


/*s:process 영역*/
.saas_two_process_section{
   background-color: #F0F2F7;
   padding-top:120px;
   padding-bottom: 120px;
}
.saas_two_processTitle{
   margin-bottom: 80px;
}
/* .saas_two_process_section ul{
   padding-left: 0px;
   margin-bottom: 0px;
   display: table-cell;
} */
.saas_two_process_section ul,.saas_two_process_section li{
   list-style: none ;
}
.saas_two_process_section{
   width: 100%;
}
.process_content{
   width: 100%;
   transition: 0.3s ease-out;
}
.processContens{
   width: 1170px;
   max-width: 100%;
   margin-bottom: 79px;
   transition: 0.3s ease-out;
}
.processWrap00{
   margin-left: 28px;
    display: flex;
   justify-content: center;
    transition: 0.3s ease-out;
}
.wrap00{
   min-width: 350px;
   margin-left: -28px;
   transition: 0.3s ease-out;
   position: relative;
   left: 0px;
   top:0px;
}
.wrap00 .wrap00Text{
   position: relative;
   left: 0px;
   top:0px;
   min-width: 350px;
   min-height: 350px;
   border-radius: 50%;
   transition: 0.3s ease-out;
}
.wrap00 .wrap00Text::before{
   content: '';
   display: block;
   background: url('../img/dashedImg.svg') no-repeat;
   position: absolute;
   left: 50%;
   top: 349px;
   transform: translate(-50%,0);
   width: 8px;
    height:68px;
    transition: 0.3s ease-out;
}
.wrap00 .wrap00Text_0{
   background: #53A39599 0% 0% no-repeat padding-box;
}
.wrap00 .wrap00Text_1{
   background: #F2C04F99 0% 0% no-repeat padding-box;
}
.wrap00 .wrap00Text_2{
   background: #2378B999 0% 0% no-repeat padding-box;
}
.wrap00TextWrap{
   width: 100%;
   position:absolute;
   left: 50%;
   top:50%;
   transform: translate(-50%,-50%);
   text-align: center;
}
.wrap00TextWrap span{
   display: block;
   color: white;
}
.wrap00 .wrap00Text .wrap00Text_num{
   padding-bottom: 15px;
   font-size: 48px;
   font-weight:lighter;
   position: relative;
   left: 0px;
   top:0px;
}
.wrap00 .wrap00Text .wrap00Text_num::after{
   content:'ᆞ';
   display: block;
   position:absolute;
   left:50%;
   top:50px;
   transform: translate(-50%,0);
}
.wrap00 .wrap00Text_text{
   font-size: 22px;
   padding-top:20px;
   padding-bottom: 10px;
}
.wrap00 .wrap00Text_eng{
   font-size: 16px;
   font-weight: lighter;
}
.wrap00 .wrap00_bottom{
   padding-top: 88px;
   text-align: center;
   padding-left: 0px;
}
.wrap00 .wrap00_bottom span{
   display: block;
   color: #212529;
   font-size: 16px;
   padding-top: 8px;
}
/* div.processWrap00::before{
   display: block;
   content: '';
   position: absolute;
   left: 0px;
   top:50%;
   transform: translate(0,-50%);
   width: 100%;
   height: 2px;
   background-color: #2378B9;
} */
/* div.process_numWrap{
   width: 80px;
   height: 80px;
   border-radius: 50%;
   background-color: #2378B9;
   position:absolute;
   right: 0px;
   top:0px;
}
div.process_numWrap>p{
   font-size: 32px;
   text-align: center;
   color:white;
   position: absolute;
   top:50%;
   left: 50%;
   transform: translate(-50%,-50%);
   margin:0px;
   
} */
/* div.wrap00{
   min-width: 350px;
   min-height: 350px;
   border-radius: 50%;
   position: relative;
   left: 0px;
   top:0px;
   transition: 0.3s ease-out;
   margin-left: -28px;
} */

/* div.wrap00::before{
   content: '';
   display: block;
   background: url('../img/dashedImg.svg') no-repeat;
   position: absolute;
   left: 50%;
   bottom: -68px;
   transform: translate(-50%,0);
   width: 8px;
    height:68px;
    z-index: -1;
} */
/* div.wrap00_0{
   background: #53A39599 0% 0% no-repeat padding-box;
}
div.wrap00_1{
   background: #F2C04F99 0% 0% no-repeat padding-box;
}
div.wrap00_2{
   background: #2378B999 0% 0% no-repeat padding-box;
} */
/* div.wrap00 div.wrap00Text{
   min-width: 350px;
   min-height: 350px;
   color:white;
   position: absolute;
   left: 50%;
   top:50%;
   transform: translate(-50%,-50%);
   text-align: center;
}
div.wrap00 div.wrap00Text span.wrap00Text_num{
   padding-bottom: 15px;
   font-size: 48px;
   font-weight:lighter;
   position: relative;
   left: 0px;
   top:0px;
}
div.wrap00 div.wrap00Text span.wrap00Text_num::after{
   content:'�넕';
   display: block;
   position:absolute;
   left:50%;
   top:50px;
   transform: translate(-50%,0);
}
div.wrap00 div.wrap00Text span{
   display: block;
   transition: 0.3s ease-out;

}
div.wrap00 span.wrap00Text_text{
   font-size: 22px;
   padding-top:20px;
   padding-bottom: 10px;
}
div.wrap00 span.wrap00Text_eng{
   font-size: 16px;
   font-weight: lighter;
}
*/
.processWrap01{
   width: 100%;
} 
.processWrap01Wrap{
   width: 1170px;
   height: 294px;
   max-height: 100%;
   max-width: 100%;
   margin:0px auto;
   position: relative;
   left: 0px;
   top:0px;
   background: url('../img/processBottom.svg') no-repeat;
   background-position: center;
   background-size: 624px auto;
}
.processWrap01Wrap .title{
   color: white;
   font-size: 24px;
   margin-bottom: 0px;
   position: absolute;
   left: 50%;
   top:50%;
   transform: translate(-50%,-50%);
   
}
.processWrap01Wrap .title>span{
   font-size: 16px;
   display: block;
   font-weight: lighter;
   padding-top: 18px;
}
.processWrap01 .textWrap{
   width: 965px;
   height: 100%;
   max-width: 100%;
   margin:0px auto;
   position: relative;
   left: 0px;
   top:0px;
}
.processWrap01 .textWrap li{
   display: block;
   position: absolute;

}
.processWrap01 .textWrap .text{
   font-size: 22px;
   transition: 0.2s ease-out;
}
.processWrap01 .textWrap .text_00{
   left: 59px;
   top:0px;
}
.processWrap01 .textWrap .text_01{
   right: 15px;
   top:0px;
}
.processWrap01 .textWrap .text_02{
   left: 38px;
   bottom:0px;
}
.processWrap01 .textWrap .text_03{
   right: 15px;
   bottom:0px;
}
/*e:process �쁺�뿭*/




/*s: saas_two_about_section*/
.showSpcfcBtnWrap{
   width: 175px;
   max-width: 100%;
   margin:0px auto;
   border-radius: 30px;
  color: white;
   background-color: #2378B9;

   
}
.showSpcfcBtnWrap>a{
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   font-size: 16px;
   font-weight: 500;
   padding:13px 10px;
}
/*e: saas_two_about_section*/






















/*s: 고객/제휴문의 */

 

.inquiryWrap{

    width: 100%;

    height: 700px;

    max-height: 100%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    position:absolute;

    left: 50%;

    top: 50%;

    z-index: 9999;

}

/* div.inquiryContents01 td .label{

    margin-bottom: 0px;

    font-size: 14px;

    padding-right: 24px;

    vertical-align: middle;

    padding-left: 6px;

}

 

 

 

div.inquiryContents01 .label input[type=radio]{

    -webkit-appearance: none;

    -moz-appearance: none;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    margin-right: 5px;

    border: solid 1px #DDDDDD;

}

div.inquiryContents01 .label input[type=radio]:checked{

    -webkit-appearance: none;

    -moz-appearance: none;

    background: url('../img/radioIcon.svg') no-repeat;

    background-position: center;

    border: solid 1px #2378B9;

} */

 

 

 

 

.inquiry{

    width: 883px; /*임의로 지정한 width (883px)*/

    max-width: 100%;

    height: 100%;

    margin:0px auto;

    box-sizing: border-box;

    position: relative;

    left: 0px;

    top:0px;

    border-radius: 30px;

    background-color: white;

 }

 

 .inquiryTitle{

    width: 100%;

    height: 80px;

    background-color: white;

    box-sizing: border-box;

    padding-top: 32px;

    padding-left: 32px;

 

 }

 .inquiryTitle .title{

    font-size:24px;

    margin-bottom: 0px;

    font-weight: 600;

    

 }

 .inquiryWrap .contentsWrap{

    width: 100%;

    height: calc(100% - 80px);

    overflow-y: auto;

 }

 .inquiryWrap .contentsWrap::-webkit-scrollbar{

    width: 8px;

    

 }

 .inquiryWrap .contentsWrap::-webkit-scrollbar-thumb{

    background-color: white;

 }

 /*s:개인정보 수집 영역*/

 .inquiryContents00{

    width: 100%;

    padding:24px 32px;

    padding-top: 0px;
    background-color: white;

    padding-bottom: 0px;

 }

 .inquiryWrap .contents00 .title{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px;

 }

 .inquiryWrap .contents00 .table00{

    width: 100%;

    border-top:solid 2px black;

    border-bottom:solid 2px #EEEEEE;

    text-align: center;

 }

 .inquiryWrap .contents00 .table00 th{

    border-bottom: solid 1px #EEEEEE;

    box-sizing: border-box;

 }

 

 .inquiryWrap .contents00 .table00 .tableTitle{

    background: #FAFAFA;

 }

 

 .inquiryWrap .contents00 .table00 td{

    border-bottom: solid 1px #EEEEEE;

    border-left: solid 1px #EEEEEE;

    box-sizing: border-box;

 }

 .inquiryWrap .contents00 .table00 .tableText td:first-child{

    text-align: left;

 }

 

 .inquiryWrap .contents00 .table00 th:first-child{

    border-left:0px;

 }

 .inquiryWrap .contents00 .table00 td:first-child{

    border-left:0px;

 }

 .inquiryWrap .contents00 .table00 tr:last-child{

    border-bottom: 0px;

 }

 

 .inquiryWrap .contents00 .table00 .tableTitle th{

    border-right: solid 1px #EEEEEE;

    padding: 16px 20px;

    box-sizing: border-box;

    font-size:16px;

    letter-spacing: -0.48px;

    word-break:keep-all;

    line-height: 18px;

 }

 .inquiryWrap .contents00 .table00 .tableTitle th:last-child{

     border-right: 0px;

 }

 .inquiryWrap .contents00 .table00 .tableText td{

    padding: 16px 5px;

    font-size: 14px;

    word-break: keep-all;

}

 .inquiryWrap .notesWrap p{

    font-size: 12px;

    margin-bottom: 0px;

    text-indent: 0px;

    position:relative;

    top: 0px;

    left: 0px;

    padding-left: 12px;

    word-break: keep-all;

}

 .inquiryWrap .notesWrap p::after{

    content:'';

    display:block;

    width:3px;

    height:3px;

    background:black;

    position:absolute;

    top:7px;

    left: 0px;

    text-indent: 40px;}

 

 .inquiryWrap .notesWrap00{

    padding-top: 8px;

    padding-bottom: 40px;

 }

 

 .inquiryWrap .contents01 .title{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px;

 }

 .inquiryWrap .contents01 .table00{

    width: 100%;

    border-top:solid 2px black;

    border-bottom:solid 1px #EEEEEE;

    text-align: center;

 }

 .inquiryWrap .contents01 .table00 th{

    border-bottom: solid 1px #DDDDDD;

    box-sizing: border-box;

 }

 

 .inquiryWrap .contents01 .table00 th:last-child{

    border-right: 0px;

 }

 .inquiryWrap .contents01 .table00 td:last-child{

    border-right: 0px;

 }

 .inquiryWrap .contents01 .table00 .tableTitle{

    background: #FAFAFA;

 }

 .inquiryWrap .contents01 .table00 .tableTitle th{

    padding: 16px 20px;

    box-sizing: border-box;

    line-height: 18px;

    word-break: keep-all;

    font-size:16px;

    border-right:solid 1px #EEEEEE;

}

.inquiryWrap .contents01 .table00 .tableTitle th:last-child{

    border-right: 0px;

}

 .inquiryWrap .contents01 .table00 .tableText00 td{

    padding: 16px 5px;

    font-size: 14px;

    word-break: keep-all;

    border-right:solid 1px #EEEEEE;

}

.inquiryWrap .contents01 .table00 .tableText00 td:last-child{

    border-right: 0px;

}

 .inquiryWrap .contents01 .table00 .tableText00 td:first-child{

    text-align: left;

 }

 .inquiryWrap .contents01 .notesWrap01{

    padding-top:8px;

 }

 .inquiryWrap .noticeWrap{

    padding:40px 0px;

 }

 .inquiryWrap .noticeWrap .noticeTitle{

    font-size:16px;

    margin-bottom: 0px;

    font-weight: 500;

 }

 .inquiryWrap .noticeWrap .noticeText{

    font-size: 12px;

    padding:14px 0px;

    word-break: keep-all;

    line-height: 19px;

 }

 

 /*s: 정보입력 영역*/

 

 .inquiryContents01{

    width: 100%;

    padding:20px 32px;

    padding-top: 0px;

 }

 .inquiryWrap .formWrap{

    width: 100%;

    margin-bottom: 40px;

 }

 .inquiryContents01 .table00{

    width: 100%;

    border-top:solid 2px black;

    border-bottom:solid 1px #EEEEEE;

    box-sizing: border-box;

 }

 .inquiryContents01 .table00 tr{

    border-bottom:solid 1px #EEEEEE;

    box-sizing: border-box;

 }

 .inquiryContents01 .table00 th{

    border-right:solid 1px #EEEEEE;

    background-color: #FAFAFA;

    padding: 10px 16px;

    box-sizing: border-box;

    text-align: left;

    font-size: 16px;

    word-break: keep-all;

 }

 

 .inquiryContents01 .table00 th::before{

    content: '*';

    width: 0px;

    height: 0px;

    color: #2378B9;

    display: block;

    position: relative;

    left: -10px;

    top:0px;

}

.inquiryContents01 .table00 .inquiryChannel::after{

    display: none;

}

 

 

 .inquiryContents01 .table00 th label{

    margin-bottom: 0px;

 }

 .inquiryContents01 .table00 th:last-child{

    border-right: 0px;

 }

 .inquiryContents01 .table00 td{
   font-size: 14px;
    padding: 16px 16px;
 /* word-break: keep-all; */

}

 .inquiryContents01 .table00 td .write{

    border-radius: 4px;

    border: solid 1px #DDDDDD;

    width: 100%;

    height: 35px;

    padding: 10px 10px;

    font-size: 14px;

 }
 .inquiryContents01 .table00 td .text{
    font-size: 14px;
    text-align: left;
 }
 .inquiryContents01 .table00 td .write{

    height: 100%;

    resize: none;

 }

 .inquiryContents01 .table00 td .write::-webkit-scrollbar{

    width: 5px;

 }

 .inquiryContents01 .table00 td .write::-webkit-scrollbar-thumb{

    background-color: rgba(0, 0, 0, 0.5);

 }

 

 .inquiryWrap .reqText{

    font-size: 14px;

    padding-bottom: 8px;

    margin-bottom: 0px;

    text-align: right;

 }

 .inquiryWrap .reqText>span{

    color: #2378B9;

 }

 .inquiryWrap .notRobotBox{

    width: 35%;

    background-color: aquamarine;

    margin:0px auto;

    margin-bottom: 20px;

 }

 

 .inquiryWrap .registerBtn{

    width: 100%;

    text-align: center;

    margin-bottom: 40px;

 }

 .inquiryWrap .registerBtn .btn{

    min-width: 157px;

    text-align: center;

    font-size: 16px;

    background: #2378B9;

    color: white;

    margin:0px auto;

    padding:10px;

    border-radius: 4px;

    box-sizing: border-box;

    

 }

 .inquiryWrap .registerBtn .btn:focus{

    outline: none;

    box-shadow: none;

 }

 .inquiryWrap .closeBtn{

    text-align: right;

    margin-bottom: 0px;

    position: absolute;

    right: 32px;

    top:38px;/*닫기 이미지가 들어와야 해서 이건 나중에 다시 수정*/

 }

 .inquiryWrap .closeBtn>button{

    border:none;

    font: 14px;

    background:none;

 }

 

 /*e 고객/제휴문의 */

/*동의함 영역(checkbox=============================*/

.tableAgree{

   position: relative;

   left: 0px;

   top:0px;

}

.tableAgree label{

 margin-bottom: 0px;

    padding-right: 6px;

    vertical-align: middle;

    position: relative;

    display: inline-block;

    left: 0px;

    top:0px;

    cursor: pointer;

}

 

 .tableAgree input{

   position: absolute;

   left: 0px;

   top:0px;

   display: none;

}



 .tableAgree label::before{

   content: "";

   display: block;

   position: absolute;

   right: -50%;
   top:50%;
   -webkit-transform: translate(-50%,-50%);

   -moz-transform: translate(-50%,-50%);

   -ms-transform: translate(-50%,-50%);

   transform: translate(-50%,-50%);

   margin-right: -10px;

   width: 20px;

   height: 20px;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   border-radius: 4px;

   border: 1px solid #ddd;

   background: #fff;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

  transition:0.8 ease-out;

 }
 .tableAgree input[type=checkbox]:checked+label::before{


   background: url('../img/checkIcon.svg') no-repeat center rgb(35,120,182);

 background-size:100% 100%;

   border: none;

   

}
 
/*input radio �쁺�뿭 ==================================================================*/

.radiowWrap{
   position: relative;

   left: 0px;

   top:0px;
}

.radioWrap label{
   margin-bottom: 0px;

    padding-left: 24px;
    padding-right: 24px;

    vertical-align: middle;

    position: relative;

    display: inline-block;

    left: 0px;

    top:0px;

    cursor: pointer;

}


.radioWrap input{
   position: absolute;

   left: 0px;

   top:0px;

   display: none;
}
.radioWrap label::before{

   content: "";

   display: block;

   position: absolute;

   left: 0%;
   top:50%;
   -webkit-transform: translate(0%,-50%);

   -moz-transform: translate(0%,-50%);

   -ms-transform: translate(0%,-50%);

   transform: translate(0%,-50%);

   margin-left: 0px;

   width: 20px;

   height: 20px;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   border-radius: 50%;

   border: 1px solid #ddd;

   background: #fff;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

  transition:0.8 ease-out;

 }
 .radioWrap input[type=radio]:checked+label::before{


   background: url('../img/radioIcon.svg') no-repeat;

   background-position: center;

   background-size: 100% 100%;

   border: 0px;
   

}

/* div.inquiryContents01 td .label{

    margin-bottom: 0px;

    font-size: 14px;

    padding-right: 24px;

    vertical-align: middle;

    padding-left: 6px;

}

 

 

 

div.inquiryContents01 .label input[type=radio]{

    -webkit-appearance: none;

    -moz-appearance: none;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    margin-right: 5px;

    border: solid 1px #DDDDDD;

}

div.inquiryContents01 .label input[type=radio]:checked{

    -webkit-appearance: none;

    -moz-appearance: none;

    background: url('../img/radioIcon.svg') no-repeat;

    background-position: center;

    border: solid 1px #2378B9;

} */


 /*s: 서비스 상담신청 */

 

 .cnsWrap{

    width: 100%;

    height: 700px;

    max-height: 100%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    position:absolute;

    left: 50%;

    top: 50%;

    z-index: 9999;

 }

 .mainImagePopupSub{

    width: 100%;

    height: 100%;
    
    max-width: 580px;
    
    max-height: 400px;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    position:absolute;

    left: 50%;

    top: 50%;

    z-index: 9999;

 }
 
  .mainImagePopupSub_m{

    width: 100%;
    
    max-width: 360px;
    
    max-height: 240px;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    position:absolute;

    left: 50%;

    top: 50%;

    z-index: 9999;

 }
 
 .mainImagePopupSub .closeBtn{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 15px;

   top:15px;
   
   z-index: 10000;

}

 .mainImagePopupSub .oneDayClose{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 10px;

   bottom: -18px;
   
   z-index: 10000;

}

.mainImagePopupSub .closeBtn>button{

   border:none;

   font: 14px;

   background:none;

}

 .mainImagePopupSub_m .closeBtn{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 8px;

   top:8px;
   
   z-index: 10000;

}

 .mainImagePopupSub_m .oneDayClose{

   text-align: right;

   margin-bottom: -28px;

   position: absolute;

   font-size: 11px;
   
   right: 10px;

   bottom: 3px;
   
   z-index: 10000;

}

.mainImagePopupSub_m .closeBtn>button{

   border:none;

   font: 14px;

   background:none;
	
}

 .cns{

    width: 883px; /*임의로 지정한 width (883px)*/

    max-width: 100%;

    height: 100%;

    margin:0px auto;

    box-sizing: border-box;

    position: relative;

    left: 0px;

    top:0px;

    border-radius: 30px;

    background-color: white;

 }

 

 .cnsTitle{

    width: 100%;

    height: 80px;

    background-color: white;

    box-sizing: border-box;

    padding-top: 32px;

    padding-left: 32px;

 }

 .cnsTitle .title{

    font-size:24px;

    margin-bottom: 0px;

    font-weight: 600;

 }

 

 

 

 .cnsWrap .contentsWrap{

    width: 100%;

    height: calc(100% - 80px);

    overflow-y: auto;

 }

 .cnsWrap .contentsWrap::-webkit-scrollbar{

    width: 8px;

    

 }

 .cnsWrap .contentsWrap::-webkit-scrollbar-thumb{

    background-color: rgba(0, 0, 0, 0.5);

 }

 /*s:개인정보 수집 영역*/

 .cnsContents00{

    width: 100%;

    padding:20px 32px;

    background-color: white;

 }

 .cnsWrap .contents00 .title{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px;

 }

 .cnsWrap .contents00 .table00{

    width: 100%;

    border-top:solid 2px black;

    text-align: center;

 }

 .cnsWrap .contents00 .table00 th{

    border-bottom: solid 1px #DDDDDD;

    box-sizing: border-box;

 }

 

 .cnsWrap .contents00 .table00 .tableTitle{

    background: #FAFAFA;

 }

 

 .cnsWrap .contents00 .table00 td{

    border-bottom: solid 1px #EEEEEE;

    border-left: solid 1px #EEEEEE;

    box-sizing: border-box;

 }

 .cnsWrap .contents00 .table00 th:first-child{

    border-left:0px;

 }

 .cnsWrap .contents00 .table00 td:first-child{

    border-left:0px;

 }

 .cnsWrap .contents00 .table00 tr:last-child{

    border-bottom: 0px;

 }

 

 

 .cnsWrap .contents00 .table00 .tableTitle th{

    padding: 16px 20px;

    box-sizing: border-box;

    font-size:16px;

    letter-spacing: -0.48px;

    word-break:keep-all;

    line-height: 18px;

    border-right: solid 1px #EEEEEE;

    font-weight: 500;
 }

 

 .cnsWrap .contents00 .table00 .tableTitle th:last-child{

     border-right: none;

 }

 

 

 

 .cnsWrap .contents00 .table00 .tableText td{

    padding:16px 16px;

    font-size: 14px;

    word-break: keep-all;

 }

 .cnsWrap .contents00 .table00 .tableText td:first-child{

    text-align: left;

 }

 .cnsWrap .notesWrap p{

    font-size: 12px;

    margin-bottom: 0px;

    text-indent: 0px;

    position: relative;

    top: 0px;

    left: 0px;

    padding-left: 12px;

    word-break: keep-all;

 }

 .cnsWrap .notesWrap p::after{

    content:'';

    display:block;

    width:3px;

    height:3px;

    background:black;

    position:absolute;

    top:7px;

    left: 0px;

    text-indent: 40px;

}

 .cnsWrap .notesWrap00{

    padding-top: 8px;

    padding-bottom: 40px;

 }

 

 .cnsWrap .contents01 .title{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 16px;

 }

 .cnsWrap .contents01 .table00{

    width: 100%;

    border-top:solid 2px black;

    text-align: center;

 }

 .cnsWrap .contents01 .table00 th{

    border-bottom: solid 1px #DDDDDD;

    box-sizing: border-box;

 }

 

 .cnsWrap .contents01 .table00 td{

    border-bottom: solid 1px #DDDDDD;

    box-sizing: border-box;

 }

 .cnsWrap .contents01 .table00 td:first-child{

    text-align: left;

 }

 .cnsWrap .contents01 .table00 th:last-child{

    border-right: 0px;

 }

 .cnsWrap .contents01 .table00 td:last-child{

    border-right: 0px;

 }

 .cnsWrap .contents01 .table00 .tableTitle{

    background: #FAFAFA;

 }

 

 .cnsWrap .contents01 .table00 .tableTitle th{

    padding: 16px 20px;

    box-sizing: border-box;

    line-height: 18px;

    word-break: keep-all;

    font-size:16px;

    border-right: solid 1px #EEEEEE;
    font-weight: 500;

}

.cnsWrap .contents01 .table00 .tableTitle th:last-child{

    border-right: none;

}

.cnsWrap .contents01 .table00 .tableText00 td{

    padding: 16px 16px;

    font-size: 14px;

    word-break: keep-all;

    border-right: solid 1px #EEEEEE;

}

.cnsWrap .contents01 .table00 .tableText00 td:last-child{

    border-right: none;

}

 

 .cnsWrap .notesWrap{

     padding-top:8px;

 }

 .cnsWrap .noticeWrap{

    padding:40px 0px;

 }

 .cnsWrap .noticeWrap .noticeTitle{

    font-size:16px;

    margin-bottom: 0px;

    font-weight: 500;

 }

 .cnsWrap .noticeWrap .noticeText{

    font-size: 12px;

    padding:14px 0px;

    word-break: keep-all;

    line-height: 22px;

 }

 

 /*s: 정보입력 영역*/
 

 .cnsContents01{

   width: 100%;

   padding:20px 32px;

   padding-top: 0px;

}

.cnsWrap .formWrap{

   width: 100%;

   margin-bottom: 40px;

}

.cnsContents01 .table00{

   width: 100%;

   border-top:solid 2px black;

   border-bottom:solid 1px #EEEEEE;

   box-sizing: border-box;

}

.cnsContents01 .table00 tr{

   border-bottom:solid 1px #EEEEEE;

   box-sizing: border-box;

}

.cnsContents01 .table00 th{

   border-right:solid 1px #EEEEEE;

   background-color: #FAFAFA;

   padding: 10px 20px;

   box-sizing: border-box;

   text-align: left;

   font-size: 16px;

   word-break: keep-all;

}

.cnsContents01 .table00 .lst03 th::before{
   display: none;
}
.cnsContents01 .table00 .cnsErrorText{
   display: block;
   padding-top: 8px;
   font-size: 12px;
   color:#ED353D;
}
.cnsContents01 .table00 th::before{

   content: '*';

   width: 0px;

   height: 0px;

   color: #2378B9;

   display: block;

   position: relative;

   left: -10px;

   top:0px;

}

.cnsContents01 .table00 .cnsChannel::after{

   display: none;

}





.cnsContents01 .table00 th label{

   margin-bottom: 0px;

}

.cnsContents01 .table00 th:last-child{

   border-right: 0px;

}

.cnsContents01 .table00 td{
  font-size: 14px;
   padding: 16px 16px;
/* word-break: keep-all; */

}

.cnsContents01 .table00 td .write{

   border-radius: 4px;

   border: solid 1px #DDDDDD;

   width: 100%;

   height: 35px;

   padding: 10px 10px;

   font-size: 14px;

}
.cnsContents01 .table00 td .text{
   font-size: 14px;
   text-align: left;
}
.cnsContents01 .table00 td .write{

   height: 100%;

   resize: none;

}

.cnsContents01 .table00 td .write::-webkit-scrollbar{

   width: 5px;

}

.cnsContents01 .table00 td .write::-webkit-scrollbar-thumb{

   background-color: rgba(0, 0, 0, 0.5);

}



.cnsWrap .reqText{

   font-size: 14px;

   padding-bottom: 8px;

   margin-bottom: 0px;

   text-align: right;

}

.cnsWrap .reqText>span{

   color: #2378B9;

}

.cnsWrap .notRobotBox{

   width: 35%;

   background-color: aquamarine;

   margin:0px auto;

   margin-bottom: 20px;

}



.cnsWrap .registerBtn{

   width: 100%;

   text-align: center;

   margin-bottom: 40px;

}

.cnsWrap .registerBtn button.btn{

   min-width: 157px;

   text-align: center;

   font-size: 16px;

   background: #2378B9;

   color: white;

   margin:0px auto;

   padding:10px;

   border-radius: 4px;

   box-sizing: border-box;

   

}

.cnsWrap .registerBtn .btn:focus{

   outline: none;

   box-shadow: none;

}

.cnsWrap .closeBtn{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 32px;

   top:31px;/*닫기 이미지가 들어와야 해서 이건 나중에 다시 수정*/

}

.cnsWrap .closeBtn>button{

   border:none;

   font: 14px;

   background:none;

}
 /*e 서비스 상담신청 */

 
/*s: 고객 / 제휴문의 (mobile)*/
 
 .inquiryWrap_m{

   width: 100%;

   height: 100%;

   transform: translate(-50%,-50%);

   -ms-transform: translate(-50% -50%);


   position:absolute;

   left: 50%;

   top: 50%;

   z-index: 9999;

   display: none;

}

.inquiry_m{

   width: 883px; /*임의로 지정한 width (883px)*/

   max-width: 100%;

   height: 100%;

   margin:0px auto;

   box-sizing: border-box;

   position: relative;

   left: 0px;

   top:0px;

   background-color: white;

}

 

.inquiryTitle_m{

   width: 100%;

   height: 80px;

   background-color: white;

   box-sizing: border-box;

   padding-top: 32px;

   padding-left: 24px;


}

.inquiryTitle_m .title{

   font-size:24px;

   margin-bottom: 0px;

   font-weight: 600;

}

 

 

 

.inquiryWrap_m .contentsWrap{

   width: 100%;

   height: calc(100% - 80px);

   overflow-y: auto;

}

.inquiryWrap_m .contentsWrap::-webkit-scrollbar{

   width: 8px;

   

}

.inquiryWrap_m .contentsWrap::-webkit-scrollbar-thumb{

   background-color: rgba(0, 0, 0, 0.5);

}

/*s:개인정보 수집 영역*/

.inquiryContents00_m{

   width: 100%;

   padding:20px 24px;

   background-color: white;

}

.inquiryWrap_m .contents00_m .title{

   font-size: 18px;

   font-weight: 600;

   margin-bottom: 16px;

}

.inquiryWrap_m .contents00_m .table00{

   width: 100%;

   border-top:solid 2px black;

   text-align: center;

}

.inquiryWrap_m .contents00_m .table00 th{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

 

.inquiryWrap_m .contents00_m .table00 .tableTitle{

   background: #FAFAFA;

}

 

.inquiryWrap_m .contents00_m .table00 td{

   border-bottom: solid 1px #EEEEEE;

   border-left: solid 1px #EEEEEE;

   box-sizing: border-box;

}
.inquiryWrap .contents00 .table00 .tableText td:first-child{

   text-align: left;

}

.inquiryWrap_m .contents00_m .table00 th:first-child{

   border-left:0px;

}

.inquiryWrap_m .contents00_m .table00 td:first-child{

   border-left:0px;

}

.inquiryWrap_m .contents00_m .table00 tr:last-child{

   border-bottom: 0px;

}

 

 

.inquiryWrap_m .contents00_m .table00 .tableTitle th{

   padding: 16px 20px;

   box-sizing: border-box;

   font-size:16px;

   letter-spacing: -0.48px;

   word-break:keep-all;

   line-height: 18px;

   border-right: solid 1px #EEEEEE;

}

 

.inquiryWrap_m .contents00_m .table00 .tableTitle th:last-child{

    border-right: none;

}

 

 

 

.inquiryWrap_m .contents00_m .table00 .tableText td{

   padding:16px 5px;

   font-size: 14px;

   word-break: keep-all;

}

.inquiryWrap_m .contents00_m .table00 .tableText td:first-child{

   text-align: left;

}

.inquiryWrap_m .notesWrap p{

   font-size: 12px;

   margin-bottom: 0px;

   text-indent: 0px;

   position: relative;

   top: 0px;

   left: 0px;

   padding-left: 12px;

   word-break: keep-all;

}

.inquiryWrap_m .notesWrap p::after{

   content:'';

   display:block;

   width:3px;

   height:3px;

   background:black;

   position:absolute;

   top:7px;

   left: 0px;

   text-indent: 40px;

}

.inquiryWrap_m .notesWrap00{

   padding-top: 8px;

   padding-bottom: 40px;

}

 

.inquiryWrap_m .contents01_m .title{

   font-size: 18px;

   font-weight: 600;

   margin-bottom: 16px;

}

.inquiryWrap_m .contents01_m .table00{

   width: 100%;

   border-top:solid 2px black;

   text-align: center;

}

.inquiryWrap_m .contents01_m .table00 th{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

 

.inquiryWrap_m .contents01_m .table00 td{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

.inquiryWrap_m .contents01_m .table00 td:first-child{

   text-align: left;

}

.inquiryWrap_m .contents01_m .table00 th:last-child{

   border-right: 0px;

}

.inquiryWrap_m .contents01_m .table00 td:last-child{

   border-right: 0px;

}

.inquiryWrap_m .contents01_m .table00 .tableTitle{

   background: #FAFAFA;

}

 

.inquiryWrap_m .contents01_m .table00 .tableTitle th{

   padding: 16px 20px;

   box-sizing: border-box;

   line-height: 18px;

   word-break: keep-all;

   font-size:16px;

   border-right: solid 1px #EEEEEE;

}

.inquiryWrap_m .contents01_m .table00 .tableTitle th:last-child{

   border-right: none;

}

.inquiryWrap_m .contents01_m .table00 .tableText00 td{

   padding: 16px 5px;

   font-size: 14px;

   word-break: keep-all;

   border-right: solid 1px #EEEEEE;

}

.inquiryWrap_m .contents01_m .table00 .tableText00 td:last-child{

   border-right: none;

}

 

.inquiryWrap_m .notesWrap{

    padding-top:8px;

}

.inquiryWrap_m .noticeWrap_m{

   padding:40px 0px;

}

.inquiryWrap_m .noticeWrap_m .noticeTitle{

   font-size:16px;

   margin-bottom: 0px;

   font-weight: 500;

}

.inquiryWrap_m .noticeWrap_m .noticeText{

   font-size: 12px;

   padding:14px 0px;

   word-break: keep-all;

   line-height: 22px;

}

 

/*s: 정보입력 영역*/

 

 .inquiryContents01_m{

   width: 100%;

   padding:0px 24px;

   padding-top: 0px;

}

 

.inquiryWrap_m .formWrap{

   width: 100%;

   margin-bottom: 40px;

}

.inquiryContents01_m .table00{

   width: 100%;

   border-top:solid 2px black;

}

.inquiryContents01_m .table00 tr{

   border-bottom:solid 1px #EEEEEE;

   background-color: #FAFAFA;

   box-sizing: border-box;


}

.inquiryContents01_m .table00 th{

   border-right:solid 1px #EEEEEE;

   padding: 10px 16px;

   box-sizing: border-box;

   text-align: left;

   word-break: keep-all;

}

.inquiryContents01_m .table00 th::before{

   content: '*';

   width: 0px;

   height: 0px;

   color: #2378B9;

   display: block;

   position: relative;

   left: -10px;

   top:0px;

}

.inquiryContents01_m .table00 th label{

   margin-bottom: 0px;

}

.inquiryContents01_m .table00 th:last-child{

   border-right: 0px;

}

.inquiryContents01_m .table00 td{

   background-color: white;

   padding: 12px 10px;

}

.inquiryContents01_m .table00 td .write{

   border-radius: 4px;

   border: solid 1px #DDDDDD;

   width: 100%;

   height: 35px;

   padding: 10px 10px;

   font-size: 14px;

}

.inquiryContents01_m .table00 td .write{

   height: 100%;

   resize: none;

}

.inquiryWrap_m .contentsWrap::-webkit-scrollbar{

   width: 8px;

}

.inquiryWrap_m .contentsWrap::-webkit-scrollbar-thumb{

   background-color: white;

}

 

.inquiryWrap_m .reqText{

   font-size: 14px;

   padding-bottom: 8px;

   margin-bottom: 0px;

   text-align: right;

}

.inquiryWrap_m .reqText>span{

   color: #2378B9;

}

.inquiryWrap_m .notRobotBox_m{

   width: 35%;

   background-color: aquamarine;

   margin:0px auto;

   margin-bottom: 20px;

}

 

.inquiryWrap_m .registerBtn_m{

   width: 100%;

   text-align: center;

   margin-bottom: 40px;

}

.inquiryWrap_m .registerBtn_m .btn{

   min-width: 157px;

   text-align: center;

   font-size: 16px;

   background: #2378B9;

   color: white;

   margin:0px auto;

   padding:10px;

   border-radius: 4px;

   box-sizing: border-box;

}

.inquiryWrap_m .registerBtn_m .btn:focus{

   outline: none;

   box-shadow: none;

}

.inquiryWrap_m .closeBtn_m{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 32px;

   top:38px;/*닫기 이미지가 들어와야 해서 이건 나중에 다시 수정*/

}

.inquiryWrap_m .closeBtn_m>button{

   border:none;

   font: 14px;

   background:none;

}

/*e 고객 / 제휴문의(mobile) */

 

 

 

 

 

/*s: 서비스 상담신청(mobile) */

 

.cnsWrap_m{

   width: 100%;

   height: 100%;

   transform: translate(-50%,-50%);

   -ms-transform: translate(-50% -50%);

   position:absolute;

   left: 50%;

   top: 50%;

   z-index: 9999;

   display: none;

}

.cns_m{

   width: 883px; /*임의로 지정한 width (883px)*/

   max-width: 100%;

   height: 100%;

   margin:0px auto;

   box-sizing: border-box;

   position: relative;

   left: 0px;

   top:0px;

   background-color: white;

}

 

.cnsTitle_m{

   width: 100%;

   height: 80px;

   background-color: white;

   box-sizing: border-box;

   padding-top: 32px;

   padding-left: 32px;

}

.cnsTitle_m .title{

   font-size:24px;

   margin-bottom: 0px;

   font-weight: 600;

}

 

 

 

.cnsWrap_m .contentsWrap{

   width: 100%;

   height: calc(100% - 80px);

   overflow-y: auto;

}

.cnsWrap_m .contentsWrap::-webkit-scrollbar{

   width: 8px;

   

}

.cnsWrap_m .contentsWrap::-webkit-scrollbar-thumb{

   background-color: rgba(0, 0, 0, 0.5);

}

/*s:개인정보 수집 영역*/

.cnsContents00_m{

   width: 100%;

   padding:20px 32px;

   background-color: white;

}

.cnsWrap_m .contents00_m .title{

   font-size: 18px;

   font-weight: 600;

   margin-bottom: 16px;

}

.cnsWrap_m .contents00_m .table00{

   width: 100%;

   border-top:solid 2px black;

   text-align: center;

}

.cnsWrap_m .contents00_m .table00 th{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

 

.cnsWrap_m .contents00_m .table00 .tableTitle{

   background: #FAFAFA;

}

 

.cnsWrap_m .contents00_m .table00 td{

   border-bottom: solid 1px #EEEEEE;

   border-left: solid 1px #EEEEEE;

   box-sizing: border-box;

}

.cnsWrap_m .contents00_m .table00 th:first-child{

   border-left:0px;

}

.cnsWrap_m .contents00_m .table00 td:first-child{

   border-left:0px;

}

.cnsWrap_m .contents00_m .table00 tr:last-child{

   border-bottom: 0px;

}

 

 

.cnsWrap_m .contents00_m .table00 .tableTitle th{

   padding: 16px 20px;

   box-sizing: border-box;

   font-size:16px;

   letter-spacing: -0.48px;

   word-break:keep-all;

   line-height: 18px;

   border-right: solid 1px #EEEEEE;

}

 

.cnsWrap_m .contents00_m .table00 .tableTitle th:last-child{

    border-right: none;

}

 

 

 

.cnsWrap_m .contents00_m .table00 .tableText td{

   padding:16px 5px;

   font-size: 14px;

   word-break: keep-all;

}

.cnsWrap_m .contents00_m .table00 .tableText td:first-child{

   text-align: left;

}

.cnsWrap_m .notesWrap p{

   font-size: 12px;

   margin-bottom: 0px;

   text-indent: 0px;

   position: relative;

   top: 0px;

   left: 0px;

   padding-left: 12px;

   word-break: keep-all;

}

.cnsWrap_m .notesWrap p::after{

   content:'';

   display:block;

   width:3px;

   height:3px;

   background:black;

   position:absolute;

   top:7px;

   left: 0px;

   text-indent: 40px;

}

.cnsWrap_m .notesWrap00{

   padding-top: 8px;

   padding-bottom: 40px;

}

 

.cnsWrap_m .contents01_m .title{

   font-size: 18px;

   font-weight: 600;

   margin-bottom: 16px;

}

.cnsWrap_m .contents01_m .table00{

   width: 100%;

   border-top:solid 2px black;

   text-align: center;

}

.cnsWrap_m .contents01_m .table00 th{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

 

.cnsWrap_m .contents01_m .table00 td{

   border-bottom: solid 1px #DDDDDD;

   box-sizing: border-box;

}

.cnsWrap_m .contents01_m .table00 td:first-child{

   text-align: left;

}

.cnsWrap_m .contents01_m .table00 th:last-child{

   border-right: 0px;

}

.cnsWrap_m .contents01_m .table00 td:last-child{

   border-right: 0px;

}

.cnsWrap_m .contents01_m .table00 .tableTitle{

   background: #FAFAFA;

}

 

.cnsWrap_m .contents01_m .table00 .tableTitle th{

   padding: 16px 20px;

   box-sizing: border-box;

   line-height: 18px;

   word-break: keep-all;

   font-size:16px;

   border-right: solid 1px #EEEEEE;

}

.cnsWrap_m .contents01_m .table00 .tableTitle th:last-child{

   border-right: none;

}

.cnsWrap_m .contents01_m .table00 .tableText00 td{

   padding: 16px 5px;

   font-size: 14px;

   word-break: keep-all;

   border-right: solid 1px #EEEEEE;

}

.cnsWrap_m .contents01_m .table00 .tableText00 td:last-child{

   border-right: none;

}

 

.cnsWrap_m .notesWrap{

    padding-top:8px;

}

.cnsWrap_m .noticeWrap_m{

   padding:40px 0px;

}

.cnsWrap_m .noticeWrap_m .noticeTitle{

   font-size:16px;

   margin-bottom: 0px;

   font-weight: 500;

}

.cnsWrap_m .noticeWrap_m .noticeText{

   font-size: 12px;

   padding:14px 0px;

   word-break: keep-all;

   line-height: 22px;

}

 

/*s: 정보입력 영역*/

 

 .cnsContents01_m{

   width: 100%;

   padding:0px 32px;

   padding-top: 0px;

}

 

.cnsWrap .formWrap{

   width: 100%;

   margin-bottom: 40px;

}

.cnsContents01_m .table00{

   width: 100%;

   border-top:solid 2px black;

}

.cnsContents01_m .table00 tr{

   border-bottom:solid 1px #EEEEEE;

   background-color: #FAFAFA;

   box-sizing: border-box;

   text-align: center;

}

.cnsContents01_m .table00 th{

   border-right:solid 1px #EEEEEE;

   padding: 10px 16px;

   box-sizing: border-box;

   text-align: left;

   word-break: keep-all;

}

.cnsContents01_m .table00 th::before{

   content: '*';

   width: 0px;

   height: 0px;

   color: #2378B9;

   display: block;

   position: relative;

   left: -10px;

   top:0px;

}

.cnsContents01_m .table00 th label{

   margin-bottom: 0px;

}

.cnsContents01_m .table00 th:last-child{

   border-right: 0px;

}

.cnsContents01_m .table00 td{

   background-color: white;

   padding: 12px 10px;

}

.cnsContents01_m .table00 td .write{

   border-radius: 4px;

   border: solid 1px #DDDDDD;

   width: 100%;

   height: 35px;

   padding: 10px 10px;

   font-size: 14px;

}

.cnsContents01_m .table00 td .write{

   resize: none;

}

.cnsWrap_m .contentsWrap::-webkit-scrollbar{

   width: 8px;

}

.cnsWrap_m .contentsWrap::-webkit-scrollbar-thumb{

   background-color: white;

}

 

.cnsWrap_m .reqText{

   font-size: 14px;

   padding-bottom: 8px;

   margin-bottom: 0px;

   text-align: right;

}

.cnsWrap_m .reqText>span{

   color: #2378B9;

}

.cnsWrap_m .notRobotBox_m{

   width: 35%;

   background-color: aquamarine;

   margin:0px auto;

   margin-bottom: 20px;

}

 

.cnsWrap_m .registerBtn_m{

   width: 100%;

   text-align: center;

   margin-bottom: 40px;

}

.cnsWrap_m .registerBtn_m .btn{

   min-width: 157px;

   text-align: center;

   font-size: 16px;

   background: #2378B9;

   color: white;

   margin:0px auto;

   padding:10px;

   border-radius: 4px;

   box-sizing: border-box;

}

.cnsWrap_m .registerBtn_m .btn:focus{

   outline: none;

   box-shadow: none;

}

.cnsWrap_m .closeBtn_m{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 32px;

   top:38px;/*닫기 이미지가 들어와야 해서 이건 나중에 다시 수정*/

}

.cnsWrap_m .closeBtn_m>button{

   border:none;

   font: 14px;

   background:none;

}

/*e 서비스 상담신청(mobile) */

 

 

 

 

 

 

#grayBg{

   width: 100%;

   height: 100%;

   background: black;

   opacity: 0.8;

   position: fixed;

   left: 0px;

   top: 0px;

   z-index: 999;

}

#whiteBg{

   width: 100%;

   height: 100%;

   background: white;

   position: fixed;

   left: 0px;

   top: 0px;

   z-index: 999;

}

 

 

/*상담신청 아이콘 부분

===================================================*/

.opanCnsIcon .cnsIcon{

  width: 55px;

  right: 20px;

  z-index: 5;

  height: 55px;

  bottom: 20px;

  position: fixed;

  text-align: center;

  border-radius: 100%;

  line-height: 55px;

  background-image: linear-gradient(-45deg, #2378B9 32%, #1A4278 100%);

  opacity: 0;

}

 

.opanCnsIcon .cnsIcon>img{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

}

 

.opanCnsIcon .cnsIcon .text{

  word-break: keep-all;

  font-size: 12px;

  position: absolute;

  left: 0px;

  top: 56px;

  font-weight: 500;

  line-height: 15px;

  opacity: 0;

}

/*s:  투비몰 사양*/
.spcfcWrap{

   width: 100%;
   height: 922px;

   max-height: 100%;

   transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   position:absolute;

   left: 50%;

   top: 50%;

   z-index: 9999;
   
   display: none;
}

.spcfc{

   width: 883px; /*임의로 지정한 width (883px)*/

   max-width: 100%;

   height: 100%;

   margin:0px auto;

   box-sizing: border-box;

   position: relative;

   left: 0px;

   top:0px;

   border-radius: 30px;

   background-color: white;

}



.spcfcTitle{

   width: 100%;

   height: 90px;

   background-color: white;

   box-sizing: border-box;

   padding-top: 32px;

   padding-left: 32px;

}

.spcfcTitle .title{

   font-size:24px;

   margin-bottom: 0px;

   font-weight: 600;
   

}
.spcfcWrap .contentsWrap::-webkit-scrollbar{

   width: 8px;

   

}

.spcfcWrap .contentsWrap::-webkit-scrollbar-thumb{

   background-color: rgba(0, 0, 0, 0.5);

}

.spcfcWrap .contentsWrap {
    width: 100%;
    height: calc(100% - 80px);
    overflow-y: auto;
    padding:20px 32px;
    padding-top: 0px;
}
.spcfcContents00,
.spcfcContents01,
.spcfcContents02{
   width: 100%;
}
.spcfcContents00>.title,
.spcfcContents01>.title,
.spcfcContents02>.title{
   font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}
.spcfcWrap .tableTitle th{
   text-align: center !important;
   background-color: #EEEEEE !important;
   border-bottom: solid 1px #DDDDDD;
}
.spcfcWrap .table00 .pointColor{
   display: block;
   color: #2378B9;
   font-size: 12px;
   padding-top: 3px;
}

.spcfcWrap .table00,
.spcfcWrap .table01,
.spcfcWrap .table02{

   width: 100%;

   margin-bottom: 40px;
   border-top:solid 2px black;

   border-bottom:solid 1px #EEEEEE;

   box-sizing: border-box;


}
.spcfcContents00 .table00 tr,
.spcfcContents01 .table00 tr,
.spcfcContents02 .table00 tr{
   border-bottom:solid 1px #EEEEEE;

   box-sizing: border-box;
}

.spcfcContents00 .table00 th,
.spcfcContents01 .table00 th,
.spcfcContents02 .table00 th{
   width: 30%;/*임의로 정한 것*/
   border-right:solid 1px #EEEEEE;

   background-color: #FAFAFA;

   padding: 10px 24px;

   box-sizing: border-box;

   text-align: left;

   font-size: 16px;
   font-weight: 500;
   word-break: keep-all;

}

.spcfcContents00 .table00 th:last-child,
.spcfcContents01 .table00 th:last-child,
.spcfcContents02 .table00 th:last-child{

   border-right: 0px;

}
.spcfcContents00 .table00 td,
.spcfcContents01 .table00 td,
.spcfcContents02 .table00 td{
   font-size: 14px;
    padding: 16px 16px;
 word-break: keep-all; 
 
 }
 .spcfcWrap .closeBtn{

   text-align: right;

   margin-bottom: 0px;

   position: absolute;

   right: 32px;

   top:31px;/*닫기 이미지가 들어와야 해서 이건 나중에 다시 수정*/

}
.spcfcWrap .closeBtn>button{

   border:none;

   font: 14px;

   background:none;
}

/*e:  투비몰 사양*/

 

 

/*footer 바로가기 영영

=========================================================

*/

/* div.footerRow div.s2-footer_logo{

   float: left !important;

}

div.footerRightWrap{

   width: 535px;

   float: left !important;

}

div.footerRightWrap ul{

   background-color: #DDDDDD !important;

   width: 100% !important;

}

div.footerRightWrap ul>li{

   width: 13% !important;

}

div.footerRightWrap ul>li.footerCnsBtn,div.footerRightWrap ul>li.footerInquiryBtn{

   width: 40% !important;

}

div.footerRightWrap ul>li>a{

   font-size: 14px;

   background-color: #1A4278;

   float: left;

}

 */

 

 
/*footer 아코디언 메뉴*/
.footerAccordionWrap{
   position: absolute;
   right: 0px;
   top:60px;
   float: left;
   z-index: 2;
   padding-right: 30px;
}
 
.footerAccordionWrap .submenu_list{
   list-style: none;
   padding:0px;
   margin:0px;
   height: 156px;
   overflow-y: auto;
}
.submenu_list::-webkit-scrollbar{
   width: 5px;
}
.submenu_list::-webkit-scrollbar-thumb{
   background-color: rgba(0, 0, 0, 0.5);
}
.accordionTitle{
   background: none;
   border-radius: 4px;
   border:solid 1px white;
   margin-bottom: 6px;
   text-align: center;
   padding: 11px 84px 11px 16px;
   box-sizing: border-box;
   color: #ffffff !important;
   font-size: 14px;
   display: block;
   position: relative;
   left: 0px;
   top:0px;

}
.accordionTitle::after{
   content:'';
   display:block; 
   background:url("../img/footerArrow.svg") no-repeat; 
   position: absolute;
   right: 12px;
   top:50%;
   transform: translate(0,-50%) rotate(180deg);
   width: 20px;
   height: 20px;
   transition:0.7s ease; 
}
.accordionTitle.selected::after{
   transform: translate(0,-50%);
}
.accordionText{
   background-color: white;
   border-radius: 4px;
   box-shadow: 0px 0px 24px #00000029;
   box-sizing: border-box;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.5s ease-out;
 
}

.accordionText ul>li>a{
   text-align: left;
   padding: 11px 75px 11px 16px;
   box-sizing: border-box;
   color: black;
   font-size: 14px;
   display: block;

}
.accordionText ul>li>a:hover{
   background-color: #2378B91A;
}
 




/*footer 영역*/
/* .footerRow{
   position: relative;
   left: 0px;
   top:0px;
}
footer.footerWrap{
   height: auto;
   margin-top: 400px;
}
div.coInfoWrap{
   width: 100%;
   padding-left: 0px;
}

div.footerLogo{
   padding-right: 0px;
   padding-bottom: 60px;
}
.footerRightWrap{
  padding-top: 137px;
  padding-left: 0px;
  max-width: 100%;
  float: left;
}
.footerInfo li{
   float: left;
}
nav.footerAccordionWrap{
   padding-top: 137px;
   position: absolute;
   right: 0;
}
div.footerBanner{
   width: 1200px;
   max-width: 100%;
   margin:0px auto;
   background: url('../img/footerBannerShape.svg') no-repeat #F0F2F7;
   position: absolute;
   left: 50%;
   transform: translate(-50%,0%);
   top:-171px;
   border-radius: 10px;
   padding-bottom: 60px;
   
}
div.footerBanner>h1{
   text-align: center;
   font-size: 32px;
   letter-spacing: -0.96px;
   padding-top: 60px;
   padding-bottom: 40px;
   margin-bottom: 0px;
   font-weight: bold;
}
div.footerBannerBtn{
   width: calc((366 / 1200) * 100%);
   height: 50px;
   margin:0px auto;
}
div.footerBannerBtn p.shop{
   margin-bottom: 0px;
   border-radius: 30px;
   border: solid 1px #2378B9;
   box-sizing: border-box;
   float: left;
   margin-right: 10px;
}
div.footerBannerBtn p.shop>a{
   display: block;
   font-size: 16px;
   text-align: center;
   padding: 13px 34px;
   font-weight: 500;
}
div.footerBannerBtn p.service{
   margin-bottom: 0px;
   border-radius: 30px;
   background-color: #2378B9;
   border: solid 1px #2378B9;
   box-sizing: border-box;
   color: black;
   float: left;
}
div.footerBannerBtn p.service>a{
   display: block;
   font-size: 16px;
   text-align: center;
   padding: 13px 34px;
   color: white;
   font-weight: 500;
}
div.footerCoWrap p.footerCo{
   font-size: 14px;
   padding-bottom: 6px;
   margin-top: 0px !important;
}
ul.footerCoList{
   clear:both;
   
}
ul.footerCoList>li{
   float: left;
   margin-bottom: 6px;
   padding-right: 8px;
   margin-left: 8px;
   position: relative;
   left: 0px;
   top:0px;
}
ul.footerCoList>li:first-child{
   margin-left: 0px;
}
ul.footerCoList>li::after{
   content: '';
   width: 1px;
   height: 16px;
   background-color: #333333;
   border-radius: 10px;
   position: absolute;
   right: 0px;
   top:50%;
   margin-top:-8px;
}
ul.footerCoList>li:last-child::after{
   display: none;
}
ul.footerCoList>li>span{
   margin-top:0px;
   color: white;
   font-size: 14px;
}
ul.footerCoList2{
   clear:both;
}
ul.footerCoList2>li{
   float: left;
   margin-bottom: 6px;
   padding-right: 8px;
   margin-left: 8px;
   position: relative;
   left: 0px;
   top:0px;
}
ul.footerCoList2>li::after{
   content: '';
   width: 1px;
   height: 16px;
   background-color: #333333;
   border-radius: 10px;
   position: absolute;
   right: 0px;
   top:50%;
   margin-top:-8px;
}
ul.footerCoList2>li:last-child::after{
   display: none;
}
ul.footerCoList2>li:first-child{
   margin-left: 0px;
}
ul.footerCoList2>li>span{
   color:white;
   font-size: 14px;
}
ul.footerCoList2>li>span.cusCtr{
   color: #007BFF;
} */

footer{
   position: relative;
   left: 0px;
   top:0px;
   background-color: #212529;
}
.footerWrap{
   width: 1200px;
   max-width: 100%;
   margin:0px auto;
   padding-bottom: 224px;
   padding-top: 60px;
   position: relative;
   left: 0px;
   top:0px;
}
.footerBanner{
   padding-bottom: 120px;
   transition: 0.3s ease-out;
   background: #ffffff;
   position: relative;
   left: 0px;
   top:0px;
   z-index: 2;
}
 .footerBanner::before{
   content: '';
   display: block;
   background-size: 100% 100%;
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 582px;
   height: 285px;
   background: url('../img/footerBannerShape1.svg') no-repeat;
   background-size: 100% 100%;
   background-position: center;
   z-index: 1;
   transition: 0.3s ease-out;
} 
 .footerBanner::after{
   content: '';
   display: block;
   background-size: 100% 100%;
   position: absolute;
   top: 0px;
   right: 0px;
   width: 527px;
   height: 312px;
   background: url('../img/footerBannerShape2.svg') no-repeat;
   background-size: 100% 100%;
   background-position: center;
   z-index: 1;
   transition: 0.3s ease-out;
} 
.footerBanner>h1{
   font-size: 32px;
   padding-top: 120px;
   text-align: center;
   margin-bottom: 0px;
   padding-bottom: 60px;
   word-break: keep-all;
   font-weight: bold;
   padding-left: 30px;
   padding-right: 30px;
}
.footerBannerBtn{
   width:366px;
   max-width: 100%;
   height: 50px;
   margin:0px auto;
   transition: 0.3s ease-out;
}
.footerBannerBtn .shop{
   margin-bottom: 0px;
   border-radius: 30px;
   border: solid 1px #2378B9;
   box-sizing: border-box;
   float: left;
   margin-right: 10px;
   
}
.footerBannerBtn .shop>a{
   display: block;
   width: 100%;
   height: 100%;
   font-size: 16px;
   text-align: center;
   padding: 13px 34px;
   font-weight: 500;
}
.footerBannerBtn .service{
   margin-bottom: 0px;
   border-radius: 30px;
   background-color: #2378B9;
   border: solid 1px #2378B9;
   box-sizing: border-box;
   color: black;
   float: left;
}
.footerBannerBtn .service>a{
   display: block;
   font-size: 16px;
   text-align: center;
   padding: 13px 34px;
   color: white;
   font-weight: 500;
}

.footerTopWrap{
   padding-right: 30px;
   float: left;
}
.footerTopWrap .logo{
   float: left;
   margin-bottom: 0px;
   margin-right: 30px;
   padding-bottom: 60px;
}

.footerTopList{
   padding-top: 22px;
   float: left;
   list-style: none;
   margin-left: 0px;
   padding-left: 0px;
}
.footerTopList>li{
   float: left;
   margin-bottom: 6px;
   padding-right: 8px;
   margin-left: 8px;
   position: relative;
   left: 0px;
   top:0px;
   font-size: 14px;
   color: white;
   transition: 0.3s ease-out;
}
.footerTopList>li:hover{
   color: #2378B9;
   transition: 0.3s ease-out;
}
.footerTopList>li::before{
   content: '';
   display: block;
   width: 0%;
   height: 1px;
   background-color: #2378B9;
   position: absolute;
   left: -3px;
   bottom:-4px;
   border-radius: 5px;
   transition: 0.5s ease-out;
}
.footerTopList>li:hover::before{
   width: 100%;
   transition: 0.5s ease-out;
}

.footerTopList>li:first-child{
   margin-left: 0px;
}

.footerTopList>li::after{
   content: '';
   width: 1px;
   height: 16px;
   background-color: #333333;
   border-radius: 10px;
   position: absolute;
   right: 0px;
   top:50%;
   margin-top:-8px;
}
.footerTopList>li:last-child::after{
   display: none;
}
 .footerBottomWrap{
   float: left;
} 
.footerBottomWrap>p{
   font-size: 14px;
   color:white;
   margin-bottom: 0px;
   padding-bottom: 6px;
   
}

.footerBottomList{
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0px;
   list-style: none;
  
}
.footerBottomList>li{
   float: left;
   margin-bottom: 6px;
   padding-right: 8px;
   margin-left: 8px;
   position: relative;
   left: 0px;
   top:0px;
   font-size: 14px;
   color: white;
}
.footerBottomList>li:first-child{
   margin-left: 0px;
}
.footerBottomList>li::after{
   content: '';
   width: 1px;
   height: 16px;
   background-color: #333333;
   border-radius: 10px;
   position: absolute;
   right: 0px;
   top:50%;
   margin-top:-8px;
}
.footerBottomList>li:last-child::after{
   display: none;
}
.footerBottomList2{
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0px;
   list-style: none;
   
}
.footerBottomList2>li{
   float: left;
   margin-bottom: 6px;
   padding-right: 8px;
   margin-left: 8px;
   position: relative;
   left: 0px;
   top:0px;
   font-size: 14px;
   color: white;
}
.footerBottomList2>li:first-child{
   color: #007BFF;
   margin-left: 0px;
}
.footerBottomList2>li::after{
   content: '';
   width: 1px;
   height: 16px;
   background-color: #333333;
   border-radius: 10px;
   position: absolute;
   right: 0px;
   top:50%;
   margin-top:-8px;
}
.footerBottomList2>li:last-child::after{
   display: none;
}
@media screen and (max-width:1270px){
    .footerBanner::after{
     width: 364px;
     height: 215px;
   }
   .footerBanner::before{
      width: 382px;
      height: 187px;
   } 
}
@media screen and (max-width:1200px){
   
   .wrap00 .wrap00_bottom span{
      font-size: 14px;
   }
   .wrap00 .wrap00Text::before{
      top:299px;
   }
   /* .wrap00TextWrap{
      top:52px;
   } */
   .wrap00{
      min-width: 300px;
      min-height: 300px;
   }
   .wrap00 .wrap00Text{
      min-width: 300px;
      min-height: 300px;
      
   }
   .wrap00 div.wrap00Text span{
      font-size: 20px;
   }
   .wrap00 div.wrap00Text ul>li{
      font-size: 14px;
   }
}
@media screen and (max-width:991px){
   .saas_two_process_section li{
      padding-bottom: 5px;
   }
   .spcfcContents00 .table00 th, 
   .spcfcContents01 .table00 th, 
   .spcfcContents02 .table00 th{
      font-size: 14px;
      padding:10px 16px;
   }
   .spcfcContents00 .table00 td, 
   .spcfcContents01 .table00 td, 
   .spcfcContents02 table.table00 td{
      font-size: 12px;
   }
   .processWrap01Wrap{
      background-size: 480px auto;
   }
   .processWrap01Wrap .title{
      font-size: 20px;
      width: 100%;
      text-align: center;
   }
   .processWrap01Wrap .title>span{
      padding-top:10px;
      font-size: 14px;
   }
   .processWrap01 .textWrap .text{
      font-size:16px;
   }
   .processWrap01 .textWrap .text_00,
   .processWrap01 .textWrap .text_01{
      top:37px;
   }
   .processWrap01 .textWrap .text_02,
   .processWrap01 .textWrap .text_03{
      bottom:37px;
   }
   .saas_two_service_section .service_content_box{
      min-height: 242px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
   }
   .saas_two_about_section .row1,
   .saas_two_feature_section .row{
      margin:0px;
   }
   .saas_two_about_section .containerWrap{
      padding-left: 0px;
   }
}
@media screen and (max-width:882px){
   .wrap00 {
      width: 300px;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 40px;

   }
   .wrap00:last-child{
      padding-bottom: 0px;
   }
   .processWrap00{
      margin-left: 0px;
   }
   .processWrap00{
      flex-direction: column;
   }
}
@media screen and (max-width:842px){
   .footerBanner::after{
      width: 259px;
      height: 154px;
   }
   .footerBanner::before{
      width: 319px;
      height: 156px;
   }
}
@media screen and (max-width:811px){
   .processContens{
      margin-bottom: 88px;
   }
   .processWrap01Wrap{
      background: none;
      height: 312px;
   }
   .processWrap01Wrap .title{
      background: url('../img/pinkBg.svg') no-repeat center;
      min-height: 188px;
      top:0px;
      transform: translate(-50%,0%);
      padding-top: 50px;
   }
   .processWrap01 .textWrap{
      top:288px;
      text-align: center;
      height: auto;
      position: static;
      padding-top:211px;
      padding-left: 0px;
   }
   .processWrap01 .textWrap .text{
      position:static;
      padding-bottom: 5px;
   }
}
@media screen and (max-width:864px){

   
   .feature_contentsWrap{
      width: 300px;
      max-width: 100%;
      margin:0px auto;
   }
   .feature_contentsWrap>ul li .textWrap{
      font-size: 16px;
   }
   .feature_contentsWrap>ul{
      margin-left: 0px;
      
   }
   .feature_contentsWrap>ul li{
      clear: both;
      width: 100%;
      margin-bottom: 30px;
      margin-left: 0px;
      min-height: 100%;
   }
}@media screen and (max-width:768px){
   .feature_contentsWrap>ul li .imgWrap{
      min-height: 177px;
   }  
   .feature_contentsWrap>ul li .imgWrap>img{
      /* width: 100px; */
      height: 150px;
   }
   
   .saas_two_service_section .service_content{
      width: 300px;
    max-width: 100%;
    margin: 0px auto;
    padding-top: 0px;
   }
}
@media screen and (max-width:767px){
   .saas_two_process_section .saas_two_section_title h2{
      padding-bottom: 0px;
   }
}
@media screen and (max-width:674px){
   .footerBanner::after{
      width: 140px;
    height: 83px;
   }
   .footerBanner::before {
      width: 175px;
      height: 86px;
   }
}
@media screen and (max-width:768px){
   .spcfcWrap{
      height: 100%;
      overflow-y: auto;
   }
   .s2-feature_content{
      margin-bottom: 80px;
   }
   .container{
      padding-left: 30px;
      padding-right: 30px;
   }
   .inquiryWrap .contents00 .table00 .tableText .tableAgree,.inquiryWrap .contents01 .table00 .tableText00 .tableAgree{
      text-align: left;
      padding-left: 10px;
   }
   .cnsWrap .contents00 .table00 .tableText .tableAgree,
   .cnsWrap .contents01 .table00 .tableText00 .tableAgree{
      text-align: left;
      padding-left: 10px;
   }
   .cnsContents00,
   .inquiryContents00,
   .inquiryContents01{
      padding:20px 24px;
      padding-bottom: 0px;
   }
   .cnsContents01{
      padding:0px 24px;
   }

   .cnsContents01 .table00 .radioWrap .radioWrapSpan{
      padding-bottom: 8px;
   }
   .cnsContents01 .table00 .radioWrap{
      display: flex;
      flex-direction: column;
      align-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap;
      justify-content: center;
   }
   .cnsContents01 .table00 .radioWrap span label{
      padding-right: 0px;
   }

   .inquiryContents01 .table00 .radioWrap .radioWrapSpan{
      padding-bottom: 8px;
   }
   .inquiryContents01 .table00 .radioWrap{
      display: flex;
      flex-direction: column;
      align-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap;
      justify-content: center;
   }
   .inquiryContents01 .table00 .radioWrap span label{
      padding-right: 0px;
   }
   .inquiryWrap,
   .cnsWrap{

      height: 100%;

      

   }

   .inquiry,
   .cns,
   .spcfc{

      border-radius: 0px;

   }
   /* #grayBg{
      background-color: white;
      opacity: 1;
   } */

    .inquiryTitle h1.title{

        font-size:22px

    }

    .inquiryWrap .contents00 h1.title{

        font-size:16px

    }

    .inquiryWrap .contents00 .table00 .tableTitle th{

        font-size:14px;

        

    }

    .inquiryContents01 .table00 th{

        font-size: 14px;

    }
    .inquiryContents01 .table00 td{
       font-size: 14px;
    }
 

    .inquiryWrap .contents01 .title{

        font-size:16px

    }

    .inquiryWrap .contents01 .title{

        font-size:16px

    }

    .inquiryWrap .contents01 .table00 .tableTitle th{

        font-size:14px;

        

    }

 

    .cnsTitle .title{

        font-size:22px

    }

    .cnsWrap .contents00 .title{

        font-size:16px

    }

    .cnsWrap .contents00 .table00 .tableTitle th{

        font-size:14px;

        

    }

    .cnsContents01 .table00 th{

        font-size: 14px;

    }
    .cnsContents01 .table00 td{

        font-size: 14px;

    }

 

    .cnsWrap .contents01 .title{

        font-size:16px

    }

    .cnsWrap .contents01 .title{

        font-size:16px

    }

    .cnsWrap .contents01 .table00 .tableTitle th{

        font-size:14px;

        

    }
    

/*고객/제휴문의(mobile)*/
.inquiryContents00_m .table00 .text{
   text-align: left;
}
.inquiryContents01_m .table00 .radioWrap .radioWrapSpan{
   padding-bottom: 8px;
}
.inquiryContents01_m .table00 .radioWrap{
   display: flex;
   flex-direction: column;
   align-content: flex-start;
   align-items: flex-start;
   flex-wrap: nowrap;
   justify-content: center;
}
.inquiryContents01_m .table00 .radioWrap span label{
   padding-right: 0px;
}
/* div.inquiryWrap,div.cnsWrap{

   height: 100%;

   

} */

 .inquiryTitle_m .title{

     font-size:22px

 }

 .inquiryWrap_m .contents00_m .title{

     font-size:16px

 }

 .inquiryWrap_m .contents00_m .table00 .tableTitle th{

     font-size:14px;
     padding-right: 10px;

     padding-left: 10px;
     

 }

 .inquiryContents01_m .table00 th{

     font-size: 14px;

 }
 .inquiryContents01_m .table00 td{
    font-size: 14px;
 }


 .inquiryWrap_m .contents01_m .title{

     font-size:16px

 }

 .inquiryWrap_m .contents01_m .table00 .tableTitle th{

     font-size:14px;

     padding-right: 10px;

     padding-left: 10px;

 }


.inquiryWrap_m .contents01_m .table00 .tableText00 td{
 font-size: 12px;

}

.inquiryWrap_m .contents00_m .table00 .tableText td{
  font-size: 12px;

}
.inquiryWrap_m .contents00_m .table00 .tableText .tableAgree,
.inquiryWrap_m .contents01_m .table00 .tableText00 .tableAgree{
   text-align: left;
   padding-left: 10px;
}

    /*서비스상담신청(mobile)*/

    .cnsTitle_m .title{

        font-size:22px

    }

    .cnsWrap_m .contents00_m .title{

        font-size:16px

    }

    .cnsWrap_m .contents00_m .table00 .tableTitle th{

        font-size:14px;

        

    }

    .cnsContents01_m .table00 th{

        font-size: 14px;

    }

 

    .cnsWrap_m .contents01_m .title{

        font-size:16px

    }

    .cnsWrap_m .contents01_m .title{

        font-size:16px

    }

    .cnsWrap_m .contents01_m .table00 .tableTitle th{

        font-size:14px;

        

    }

    .cnsWrap_m .contents00_m .table00 .tableText .tableAgree,
    .cnsWrap_m .contents01_m .table00 .tableText00 .tableAgree{
      text-align: left;
      padding-left: 10px;
   }
   .cnsTitle,
   .inquiryTitle,
   .cnsTitle_m{
      padding-left: 24px;
   }
   .cnsContents00_m,
   .cnsContents01_m{
      padding-left: 24px;
      padding-right: 24px;
   }



}
@media screen and (max-width:1200px){
   .wrap00 .wrap00Text_eng{
      font-size: 14px;
   }
   .wrap00 .wrap00Text_text{
     font-size: 22px;
     font-weight: 500;
  }
   .footerTopWrap,.footerBottomWrap{
      padding-left: 30px;
   }
   .footerAccordionWrap{
      padding-right: 30px;
   }
}
/* @media screen and (max-width:986px){
   /* div.processWrap00{
      min-height: 990px;
      flex-direction: column;
   } */
   /* div.processWrap00::before{
      left: 50%;
      transform:translate(-50%,-50%);
      width: 2px;
      height: 100%;
   } 
}*/
@media screen and (max-width:867px){ 
   footer{
      padding-bottom: 268px;
   }
     /* .footerBanner::before{
      bottom: -182px; 
      left:-127px;
   }  */
   .footerWrap{
      padding-top:25px;
   }
    /* .footerBanner::after{
       bottom: 75px; 
      right:-117px;
   }  */
   .footerBanner{
      padding-bottom: 129px;
      
   }
   .footerBanner>h1{
      font-size: 20px;
      padding-top:123px;
      padding-bottom: 24px;
      padding-left:50px;
      padding-right:50px;
      line-height: 35px;
   }
   .footerAccordionWrap{
      padding-left:10px;
      position: absolute;
      left: 0px;
      top:135px;
      z-index: 9999;
      transition: 0.3s ease-out;
   }
   .footerTopList>li{
      margin-left: 0px;
      margin-right: 3px;
      margin-bottom: 3px;
   }
   .footerTopList>li::after{
      display: none;
   }
   .footerBottomList>li::after{
      display: none;
   }
   .footerBottomList2>li::after{
      display: none;
   }
   .accordionMenuList{
      width: 100%
   }
   /* .submenu_list{
      max-height: 200px;
      overflow-y:scroll ;
   } */
   .submenu_list::-webkit-scrollbar{
      width: 5px;
   }
   .submenu_list::-webkit-scrollbar-thumb{
      background-color: rgba(0, 0, 0, 0.5);
   }
   .footerTopWrap{
      clear: both;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: flex-start;
   }
   .footerTopWrap .logo{
      padding-bottom: 24px;
   }
   .footerTopList{
      padding-top:0px;
   }

   .footerBottomWrap{
      clear: both;
      padding-top: 91px;
   }
   .footerWrap{
      padding-bottom: 158px;
   }
   .footerBottomList>li{
      margin-left: 0px;
      clear: both;
   }
   .footerBottomList2>li{
      margin-left: 0px;
      clear: both;
   }
}
@media screen and (max-width:991px){

 .tableAgree label{

  padding-right:3px;

 }

 .tableAgree label::before{
   margin-right: -7px;
   width:13px;
   height:13px;

 }
 .saas_two_service_section .saas_two_section_title h2{
    padding-right: 31px;
    padding-bottom: 50px;

 }
 .saas_two_process_section .saas_two_section_title h2{
    padding-right: 36px;
 }
 .about_content_s2 .row{
    margin:0px;
 }
    .about_content_s2 .row1{

        display:flex;

        flex-direction: column-reverse;

    }

    .about_content_s2 .row2{

        display:flex;

        flex-direction: column;

    }

    .about_content_s2 .row3{

        display:flex;

        flex-direction: column-reverse;

    }

    .about_content_s2 .row4{

        display:flex;

        flex-direction: column;

    }

    .tableAgree>label{
        padding-right: 0px;
    }

    .tableAgree input[type=checkbox]{

        width: 13px;

        height: 13px;

    }

    .inquiryWrap .contents00 .table00 .tableTitle th{

        padding-right: 10px;

        padding-left: 10px;

    }

    .inquiryWrap .contents01 .table00 .tableTitle th{

        padding-right: 10px;

        padding-left: 10px;

    }

    .inquiryWrap .contents01 .table00 .tableText00 td{
      font-size: 12px;

    }

    .inquiryWrap .contents00 .table00 .tableText td{
       font-size: 12px;

    }

 

 

 

    .cnsWrap .contents00 .table00 .tableTitle th{

        padding-right: 11px;

        padding-left: 11px;
         font-weight: 500;
    }
    .cnsContents01 .table00 th{
       font-weight: 500;
    }
    .cnsWrap .contents01 .table00 .tableTitle th{

        padding-right: 11px;

        padding-left: 11px;
        
    }

    .cnsWrap .contents01 .table00 .tableText00 td{
      font-size: 12px;
        line-height: 16px;

    }

    .cnsWrap .contents00 .table00 .tableText td{

        line-height: 16px;
      font-size: 12px;
    }

 

 

 

 

 

 

    .cnsWrap_m .contents00_m .table00 .tableTitle th{

      padding-right: 11px;

      padding-left: 11px;

  }

  .cnsWrap_m .contents01_m .table00 .tableTitle th{

      padding-right: 11px;

      padding-left: 11px;

  }

  .cnsWrap_m .contents01_m .table00 .tableText00 td{

      line-height: 16px;

  }

  .cnsWrap_m .contents00_m .table00 .tableText td{

      line-height: 16px;

  }

 

 

}
@media screen and (max-width:767px) {
   .saas_two_service_section .saas_two_section_title h2{
  
      line-height: 35px;
   }
}
@media screen and (max-width:475px){
   /*div.contents2Wrap{
      padding-left: 0px !important;
      padding-right: 0px !important;
   }*/
   .cnsContents00_m{
      padding:20px 24px;
   }
   .cnsContents01_m{
      padding:0px 24px;
   }

   .footerBottomWrap>p{
      padding-bottom: 9px;
   }
   .footerBannerBtn{
      width: 299px;  
      height: 40px;
      transition: 0.3s ease-out;
   }
   div.footerBannerBtn p.shop>a,div.footerBannerBtn p.service>a{
      font-size: 14px;
      padding:10px 24px
   }
   .integration_section {
      padding-top:55px;
   }
   .contents_5Text{
      padding-bottom: 40px;
   }
   .contents1_text{
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
   .contents4_1{
      padding-bottom: 60px;
   }
}
 
@media screen and (max-width:465px){
   .footerWrap{
      padding-top:48px;
   }
   .footerAccordionWrap{
      top:170px;
      transition: 0.3s ease-out;
   }
   footer{
      padding-bottom: 285px;
   }
}
 

 

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

   .opanCnsIcon .cnsIcon{

      opacity: 1;

   }

   

}