body {font-family: 'Pretendard'; overflow-x: hidden;}
* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none; color: inherit;}

/*font*/
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.otf') format('woff2');
    font-weight: 100;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.otf') format('woff2');
    font-weight: 200;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.otf') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.otf') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.otf') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.otf') format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.otf') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.otf') format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.otf') format('woff2');
    font-weight: 900;
}
.way-icon {
    display: inline-block;
    width: 100%;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 35px 35px;
    vertical-align: text-top;
}
.wi-question {
    background-image: url("../../images/icon/question.svg");
}
/*contents*/
.contents, .contents_change {
    width: 1280px;
    margin: 0 auto;
}

/*header*/
.header_wrap {
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    color: #fff;
    z-index: 9999999999;
}

.header {
    position: relative;
}

.ci {
    width: 205px;
    padding-top: 20px;
}

.ci img {
    width: 100%; height: auto;
}

.homepage {
    position: absolute;
    top: 29px; right: 0;
    overflow: hidden;
}

.homepage:hover .homepage_txt {
    font-weight: bold;
}

.w_icon {
    float: left;
    margin-right: 7px;
}

.w_icon img {
    width: 100%; height: auto;
}

.homepage_txt {
    float: left;
    font-weight: 300;
}

/*main*/
.main {
    width: 100%; height: 860px;
    background: url(../images/main_bg.png);
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding-top: 310px; box-sizing: border-box;
}

.underline {
    line-height: 90px;
    font-size: 60px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1.0s;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    /*border-bottom: 1px solid #fff;*/
}

/*.underline.white {
    background-image: linear-gradient(transparent 99%, #fff 40%);
}

.main:hover .underline{
    background-size: 100% 100%;
}*/

.main_txt {
    color: #FFF;
    font-size: 22px;
    margin-top: 57px;
    line-height: 38px;
}

/*title*/
.title {
    color: #000;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
}

.title_bold {
    font-weight: 700;
}

.title_wh {
    color: #fff;
}

.title_y {
    color: #F1C244;
}

/*info*/
.info {
    width: 100%; height: 820px;
    position: relative;
    background: url(../images/info_bg.png);
    background-position: center center;
    background-size: cover;
    padding-top: 190px; box-sizing: border-box;
}

.info_contents {
    margin-top: 94px;
}

.info_contents ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.info_contents_list {
    position: relative;
    width: calc(25% - 29.25px);
    padding: 125px 42px 60px 42px; box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.10);
    color: #fff;
    text-align: center;
}

.info_contents_list_one {
    background: #98BEFF;
}

.info_contents_list_two {
    background: #2983D9;
}

.info_contents_list_three {
    background: #7745DC;
}

.info_contents_list_four {
    background: #89DC8C;
}

.info_contents_number {
    position: absolute;
    top: 35px; left: 30px;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
}

.info_contents_title {
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 28px;
}

.info_contents_title span {
    display: block;
}

.info_contents_txt {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.info_contents_txt span {
    display: block;
}

.info_contents_txt .info_contents_txt_mo {
    display: none;
}

/*why*/

.why {
    padding: 170px 0 200px 0; box-sizing: border-box;
}

.why_contents_wrap {
    margin-top: 92px;
}

.why_contents {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 518px;
}

.why_contents_top_big {
    width: calc(100% - 468px);
}

.why_contents_top_small {
    width: 468px;
}

.why_contents_customer {
    background: url(../images/why_contents_customer.png);
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 61px 20px 0 46px; box-sizing: border-box;
}

.why_contents_operate {
    background: #282828;
    color: #fff;
    padding: 76px 46px 0 51px; box-sizing: border-box;

}

.why_contents_market {
    background: #E8E8E8;
    padding: 66px 86px 0 36px; box-sizing: border-box;
}

.why_contents_data {
    background: url(../images/why_contents_data.png);
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 66px 20px 0 54px; box-sizing: border-box;
}

.why_contents_title {
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 27px;
}

.why_contents_title_black {
    color: #000;
}

.why_contents_txt {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

.why_contents_txt_black {
    color: #222;
}

.why_contents_txt span {
    display: block;
}

.why_contents_operate .why_contents_icon {
    position: absolute;
    bottom: 38px; right: 41px;
}

.why_contents_operate .why_contents_icon img {
    width: 100%; height: auto;
}

.why_contents_market .why_contents_icon {
    position: absolute;
    bottom: 27px; right: 50px;
}

.why_contents_market .why_contents_icon img{
    width: 100%; height: auto;
}

/*benefits*/
.benefits {
    padding: 190px 0 200px 0; box-sizing: border-box;
    background: url(../images/benefits_bg.png);
    background-position: center center;
    background-size: cover;
    color: #fff;
}

.benefits_txt {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin: 25px 0 99px 0;
}

.benefits_contents {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.benefits_expense {
    width: calc(50% - 25.5px - 53px);
    height: 350px;
    background: #7745DC;
    border-radius: 20px;
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.10);
}

.benefits_expense .medium {
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
}

.benefits_expense .medium br {
    display: none;
}

.benefits_expense .big {
    color: #F1C244;
    font-size: 28px;
    font-weight: 800;
    line-height: 30px;
    text-align: left;
}

.benefits_expense .big_mg_b {
    margin-bottom: 10px;
}

.benefits_expense .middle {
    color: #F1C244;
    font-size: 18px;
    font-weight: 500;
    margin-left: 90px;
}

.benefits_expense .small {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

.benefits_plus {
    margin-top: 147px;
}

.benefits_list_box {
    width: calc(50% - 25.5px - 53px);
    height: 350px;
    background: #2983D9;
    border-radius: 20px;
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.10);
    font-size: 28px;
    font-weight: 500;
    line-height: 50px;
}

.benefits_inner {
    width: calc(100% - 100px);
    position: absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    text-align: center;
}

.benefits_list_chk {
    overflow: hidden;
    width: 435px;
    margin: 0 auto;
}

.benefits_list_chk_icon {
    width: 30px;
    float: left;
    margin-right: 10px;
}

.benefits_list_chk_txt {
    width: calc(100% - 30px - 10px);
    float: left;
    text-align: left;
}


/*targer_setting*/
.targer_setting {
    padding: 186px 0 200px 0;
    background: url(../images/targer_setting_bg.png);
}

.target_ex {
    font-size: 22px;
    line-height: 36px;
    margin-top: 64px;
    margin-bottom: 90px;
    text-align: center;
    color: #fff;
}


.targer_setting_list_wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.targer_setting_list {
    position: relative;
    width: calc(25% - 15px);
    height: 114px;
    border-radius: 10px;
    background: #fff;
    color: #222;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.targer_setting_list_inner {
    width: calc(100% - 30px);
    position: absolute;
    top:50%; left:50%; transform:translate(-50%, -50%);
}

.company_info_btn {
    display: block;
    width: 290px;
    height: 70px;
    border-radius: 10px;
    background: #7745DC;
    margin: 0 auto;
    margin-top: 80px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
    transition: all 0.3s;
}

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


/*portfolio*/
.portfolio {
    padding: 183px 0 203px 0;
}

.customer_number {
    width: 897px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 88px;
    margin: 60px auto 120px auto;
    overflow: hidden;
}

.customer_number_list {
    float: left;
    width: calc(33.3% - 20px);
    height: 88px;
}

.customer_number_list .bold {
    font-weight: 700px;
}

.customer_number_list_01 {
    background: #7EAEFF;
}

.customer_number_list_02 {
    background: #2983D9;
    margin: 0 30px;
}

.customer_number_list_03 {
    background: #7745DC;
}

.portfolio_contents {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.portfolio_contents_mg_b {
    margin-bottom: 100px;
}

.portfolio_contents_img {
    width: calc(50% - 32.5px);
}

.portfolio_contents_txt {
    width: calc(50% - 32.5px);
    margin-top: 30px;
    overflow: hidden;
}

.portfolio_contents_title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 27px;
}

.portfolio_contents_ex {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.portfolio_contents_ex span {
    display: block;
}

.portfolio_contents_txt_right {
    text-align: right;
}

.portfolio_contents_f_right {
    width: fit-content;
    float: right;
}

.middle_banner {
    width: 100%;
    height: 352px;
    background: url(../images/middle_banner_bg.png);
    background-attachment:fixed;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.middle_banner_title {
    width: calc(100% - 30px);
    position: absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    line-height: 60px;
}

.middle_banner_title .bold {
    font-weight: 600;
}
.quick_inquiry{
    position:fixed;
    bottom:50px;
    right:50px;
}
.way_inquiry_btn.sht{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:5px 5px;
    width:80px;
    height:80px;
    background-color: #7745DC;
    color: #fff;
    font-size:16px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
}
.way_inquiry_btn.sht i{
    margin-bottom:5px;
}
.way_inquiry_btn:hover {
    text-decoration: underline;
}
.way-icon {
    width: 35px;
    height: 35px;
    background: url("../../images/icon/question.svg") center center no-repeat;
    background-size:36px 36px;
}
@media screen and (max-width:768px) {
    .quick_inquiry{
        bottom:15px;
        right:15px;
    }
    .way_inquiry_btn.sht{
        width:60px;
        height:60px;
        font-size:14px;
        font-weight:400;
    }
    .way-icon {
        background-size:24px 24px;
    }
}

/*inquiry*/
.inquiry {
    padding: 188px 0 151px 0;
    background: #F8F8F8;
}

.inquiry .title {
    color: #000;
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 115px;
}

.inquiry_blank_box {
    overflow: hidden;
}

.inquiry_blank {
    float: left;
    width: calc(50% - 20px);
    margin-bottom: 40px;
}

.inquiry_email {
    margin-bottom: 50px;
}

.inquiry_blank:nth-child(odd) {
    margin-right: 40px;
}

.inquiry_blank_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 18px;
}

.inquiry_blank input, .inquiry_email input {
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    padding: 0 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-family: 'Pretendard';
}

.inquiry_blank_contents textarea {
    width: 100%;
    height: 300px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    padding: 20px 20px;
    box-sizing: border-box;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    resize: none;
}

#agree_chk {display: none;}
#agree_chk:checked ~ .agree_chkbox {
    background: url(../images/icon/agree_chk.svg);
}

.agree_box {
    margin-top: 10px;
}

.agree_chkbox {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #AAAAAA;
    background: #FFFFFF;
    margin-right: 9px;
    cursor: pointer;
}

.agree_txt {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #888888;
    margin-right: 9px;
}

.agree_view {
    line-height: 25px;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #333333;
    cursor: pointer;
}

.inquiry_btn {
    width: 163px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 40px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #111111;
    cursor: pointer;
}

.inquiry_btn:hover {
    background: #5A4CCA;
    color: #fff;
    border: 1px solid #5A4CCA;
}

.contanct_result_inquiry {
    display: none;
    padding: 65px 0 70px 0;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    text-align: center;
    margin-top: -100px;
}

.contanct_inquiry_result_title {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    color: #111111;
    margin-bottom: 30px;
}
.contanct_inquiry_result_txt {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #444444;
}

.inquiry_email.hid{display:none;}

/*footer*/
.footer {
    padding: 37px 0 44px 0;
}
.footer_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.footer_info {
    overflow: hidden;
}

.company_name {
    float: left;
    margin-right: 60px;
}

.company_info {
    float: left;
    color: #222;
    font-weight: 300;
    line-height: 28px;
}

.company_info .bold {
    font-weight: 600;
}

.company_info .mg_r {
    margin-right: 20px;
}

.copyright {
    color: #888;
    font-size: 15px;
    line-height: 24px;
}

@keyframes ani-underline {
    10% { border-bottom: 1px solid #ffffff99;width: 0%; }
    100% { border-bottom: 1px solid #ffffff;width: 100%; }
}

@keyframes ani-td-underline {
    30% { text-decoration: wavy; }
    100% { text-decoration: underline; }
}

.underline > span:after{
    /*animation-delay: 1.5s;*/
    animation-name: ani-underline;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    display: flex;
    
    content: ' ';
}

.underline > span:nth-child(1):after{
    animation-delay: 1s;
}
.underline > span:nth-child(2):after{
    animation-delay: 2s;
}

/*반응형쿼리*/
@media screen and (max-width:1280px) {
    .contents {
        width: calc(100% - 30px);
    }

    .contents_change {
        width: 100%;
    }

    .info_contents_title span {
        display: inline;
    }
    
    .info_contents_txt span {
        display: inline;
    }

    .info_contents_list {
        padding: 100px 30px 60px 30px;
    }

    .portfolio_contents_img img {
        width: 100%; height: auto;
        object-fit: cover;
    }

    .benefits_list_chk {
        width: 100%;
    }

    .benefits_expense .big {
        text-align: center;
    }

    .benefits_expense .middle {
        margin-left: 0;
    }

    .benefits_expense, .benefits_list_box {
        height: 450px;
    }

    .benefits_inner {
        width: calc(100% - 50px);
    }

    .benefits_plus {
        margin-top: 187px;
    }
    
}

@media screen and (max-width:1023px) {
    .main {
        padding-top: 250px;
    }

    .info_contents ul {
        flex-wrap: wrap;
    }

    .info_contents_list {
        width: calc(50% - 20px);
        padding: 80px 30px 30px 30px;
        margin-bottom: 20px;
    }

    .why {
        padding: 300px 0 200px 0;
    }

    .benefits_expense, .benefits_list_box {
        height: 550px;
    }

    .benefits_plus {
        margin-top: 250px;
    }
    .underline span{
        font-size:48px;
    }
    .portfolio .title p{
        display:inline;
    }
    .portfolio_contents_ex span{
        display:inline;
    }
    .inquiry .title p{
        display:inline;
    }
}

@media screen and (max-width:900px) {
    .customer_number {
        width: 600px;
    }

    .customer_number_list {
        width: calc(33.3% - 6.6px);
    }

    .customer_number_list_02 {
        margin: 0 10px;
    }
    
}

@media screen and (max-width:800px) {
    .header {
        overflow: hidden;
        display:flex;
        justify-content: space-between;
        padding-top:13px;
    }
    .ci {
        margin: unset;
        width: 116px;
        padding:unset;
    }
    .homepage{
        position:unset;
    }
    .homepage_txt {
        display: none;
    }
    .w_icon {
        width: 32px;
        height:32px;
        margin-right:0;
    }


    .main {
        width: 100%; height: 510px;
        background: url(../images/main_bg_mo.png);
        background-position: center center;
        background-size: cover;
        padding-top: 80px;
    }

    .underline span{
        line-height: 38px;
        font-size: 24px;
        /*text-decoration: underline;*/
    }
    .underline > span:after{
        animation-name: unset;
    }

    .underline > span span{
        /*animation-delay: 1.5s;*/
        animation-name: ani-td-underline;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    
        position: relative;
    }
    
    .underline span:nth-child(1) > span:nth-child(1){
        animation-delay: 1s;
    }
    .underline span:nth-child(1) > span:nth-child(2){
        animation-delay: 1.5s;
    }
    .underline span:nth-child(2) > span:nth-child(1){
        animation-delay: 2s;
    }
    .underline span:nth-child(2) > span:nth-child(2){
        animation-delay: 2.5s;
    }
    .underline span:nth-child(2) > span:nth-child(3){
        animation-delay: 3s;
    }

    .underline span {
        display: block;
    }

    .underline br {display: none;}

    .main_txt {
        font-size: 18px;
        margin-top: 20px;
        line-height: 28px;
    }

    .main_txt span {
        display: block;
    }

    .title {
        font-size: 32px;
        line-height: 42px;
    }

    .title span {
        display: block;
    }

    .info {
        width: 100%;
        height: 1230px;
        padding-top: 76px;
    }
    .info .title span{
        display:inline;
    }
    .info_contents_list {
        width: 100%;
        padding: 32px 25px 42px 25px;
        margin-bottom: 10px;
    }

    .info_contents {
        margin-top: 31px;
    }

    .info_contents_title span {
        display: block;
    }


    .info_contents_txt .info_contents_txt_pc {
        display: none;
    }

    .info_contents_txt .info_contents_txt_mo {
        display: block;
    }

    .info_contents_title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .info_contents_txt {
        font-size: 16px;
        line-height: 24px;
    }

    .why {
        padding: 76px 0 0px 0;
    }
    .why_contents {
        flex-wrap: wrap;
        height: unset;
    }

    .why_contents_top_big {
        width: 100%;
        height: 350px;
    }

    .why_contents_top_small {
        width: 100%;
        height: 350px;
    }

    .why_contents_customer {
        padding: 44px 15px 0 15px;
    }

    .why_contents_wrap {
        margin-top: 38px;
    }

    .why_contents_title {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .why_contents_txt {
        font-size: 16px;
        line-height: 24px;
    }

    .why_contents_txt span {
        display: inline;
    }

    .why_contents_operate {
        padding: 44px 15px 0 15px;
    }

    .why_contents_operate .why_contents_icon {
        width: 119px;
        position: absolute;
        bottom: 28px;
        right: 27px;
    }

    .why_contents_market {
        padding: 44px 15px 0 15px;
    }

    .why_contents_market .why_contents_icon {
        width: 95px;
        position: absolute;
        bottom: 10px;
        right: 36px;
    }

    .why_contents_data {
        padding: 44px 15px 0 15px;
    }

    .benefits {
        padding: 60px 0 80px 0;
    }

    .benefits_txt {
        font-size: 18px;
        line-height: 24px;
        margin: 10px 0 45px 0;
    }

    .benefits_txt span {
        display: block;
    }

    .benefits_list_chk_txt {
        margin-left: 10px;
    }

    .benefits_contents {
        flex-wrap: wrap;
    }

    .benefits_expense {
        width: 100%;
        height: 350px;
    }

    .benefits_expense .medium {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }

    .benefits_expense .medium p {
        display: inline;
    }
    .benefits_expense .medium br {
        display: block;
    }

    .benefits_expense .yellow {
        font-size: 18px;
        margin-top: 0;
    }

    .benefits_expense .yellow span {
        display: block;
    }

    .benefits_plus {
        width: 100%;
        margin: 30px auto;
        text-align: center;
    }

    .benefits_list_box {
        width: 100%;
        height: 350px;
        font-size: 23px;
        line-height: 40px;
    }

    .benefits_list_chk_icon {
        margin-right: 0px;
    }

    .benefits_list_chk {
        margin: 0 0 0 10px;
    }

    .target {
        padding: 76px 0 80px 0;
    }

    .target_ex {
        font-size: 18px;
        line-height: 24px;
        margin-top: 30px;
        margin-bottom: 46px;
    }

    .targer_setting{
        padding: 100px 0;
    }

    .targer_setting_list {
        width: calc(50% - 15px);
    }

    .company_info_btn {
        margin-top: 40px;
    }

    .image_box_list {
        width: 178px;
        height: 57px;
        margin-right: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .portfolio {
        padding: 74px 0 80px 0;
    }

    .customer_number {
        font-size: 18px;
        margin: 18px auto 45px auto;
    }

    .portfolio .title span {
        display: block;
    }

    .portfolio_contents {
        flex-wrap: wrap;
    }

    .portfolio_contents_img {
        width: 100%;
        order: 1;
    }

    .portfolio_contents_txt {
        width: 100%;
        margin-top: 18px;
        order: 2;
    }

    .portfolio_contents_mg_b {
        margin-bottom: 50px;
    }

    .portfolio_contents_ex span {
        display: inline;
    }

    .portfolio_contents_title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
        text-align: center;
    }

    .portfolio_contents_title span {
        display: block;
    }

    .portfolio_contents_txt_right {
        text-align: left;
    }

    .customer_number_list {
        height: 50px;
    }

    .customer_number {
        line-height: 50px;
    }


    .middle_banner_title {
        font-size: 26px;
        line-height: 38px;
    }

    .middle_banner_title span {
        display: block;
    }

    .inquiry {
        padding: 80px 0 80px 0;
    }

    .inquiry .title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 50px;
    }

    .inquiry .title span {
        display: block;
    }

    .inquiry_blank {
        width: 100%;
        margin-bottom: 28px;
    }

    .inquiry_btn {
        margin-top: 46px;
    }

    .footer_wrap {
        flex-wrap: wrap;
    }

    .footer_info {
        width: 100%;
    }

    .copyright {
        width: 100%;
        margin-top: 20px;
    }

    .company_name {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .company_info .mg_r {
        display: block;
        margin-right: 0;
    }

    .middle_banner {
        height: 265px;
    }

    .contanct_result_inquiry {
        margin-top: 50px;
    }
    
	.contanct_inquiry_result_title{
		font-size:30px
	}
    .info_contents_number{
        top:25px;
        left:20px;
    }
}

@media screen and (max-width:620px) {
    .customer_number {
        width: 100%;
    }

}

@media screen and (max-width:550px) {
    .benefits_list_a {
        padding-top: 20px;
        font-size:23px;
        line-height:44px;
    }

    .benefits_list_chk_icon{
        width:20px;
    }

    .benefits_list_chk_icon img{
        width: 100%;
    }
    .bubble_wrap{
        width:100%
    }
    .bubble_wrap img{
        width:100%;
    }
   
    .customer_awards .list_01{
        font-size: 21px;
        line-height: 40px;
    }
    .customer_awards .list_02{
        font-size: 23px;
    }

}

@media screen and (max-width:480px) {
    .benefits {
        padding: 60px 0;
    }
    .targer_setting{
        padding: 60px 0;
    }
    .customer_awards .list_02{
        font-size: 21px;
        line-height: 28px;
    }
}

@media screen and (max-width:425px) {
    .targer_setting_list_inner p {
        display: inline;
    }

    .agree_view {
        display: block;
    }

    .benefits_expense {
        height: 500px;
    }

}

@media screen and (max-width:360px) {
    .benefits_list_a {
        line-height:34px;
    }
    .benefits_list_a .t_samll {
        display: block;
        padding-left:0;

    }
    .benefits_list_box {
        line-height: 34px;
    }
}