@charset "utf-8";

/* 상단 비주얼 */
.subtop_visual01{background:#40424d url(../img/company/img_subtop_company01.jpg) no-repeat 50%;}

/* 회사소개 ---------------------- 200707 수정 */
.wrap_con_about {width:100%;padding:100px 0;border-bottom:1px solid #e0e0e0;font-size:17px;}
.wrap_con_about h2 {font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;}
.wrap_con_about h3 {font-size:27px;line-height:150%;letter-spacing:-1.5px;font-weight:600;color:#003767;}
.wrap_con_about .sub_text{font-size:18px;line-height:26px;color:#666;}

/* 01 */
.con_about01 {width:1000px;margin:0 auto;text-align:center;}
.con_about01 h2:before {display:block;content:'';width:80px;height:50px;margin:0 auto 30px auto;background:url(../img/company/icon_jk_simgbol_gray.svg) no-repeat center 100%;}
.con_about01 h4 {font-size:26px;line-height:150%;letter-spacing:-2px;}
.con_about01 .img_area{padding:40px 0 0 0;}

.con_about03 h2:before {display:block;content:'';width:80px;height:50px;margin:0 auto 30px auto;background:url(../img/company/icon_jk_simgbol_gray.svg) no-repeat center 100%;}

/* 02 */
.wrap_con_about02 {background:#223a4f url(../img/company/img_bg_oklab.jpg) no-repeat 50%;}
.con_about02{width:1000px;margin:0 auto;text-align:center;}
.con_about02 h2 {font-size:40px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#0059a5;}
.con_about02 ul.detail_area{width:765px;height:510px;margin:35px auto 80px;background:url(../img/company/img_about_jiransoft.png) no-repeat;}

.history_list {width:100%;}
.history_list:after {display:block;content:'';clear:both;}
.history_list li{ display:block;width:100%;background:url(../img/company/history_bar_01.png) repeat-y center;}
.history_list li.titbx {background:#fff;padding-bottom:20px;}
.history_list li.titbx .year {font-size:24px;line-height:160%;font-weight:500;color:#999;}
.history_list li .inner {position:relative;display:inline-block;max-width:840px;min-height:140px;}
.history_list li .inner:before {position:absolute;width:18px;height:18px;top:0;left:50%;margin-left:-8px;display:block;content:'';background:url(../img/company/icon_circle_ok.svg) no-repeat 100% center;}
.history_list li .inner p {display:block;font-size:16px;line-height:170%;color:#666;text-align:justify;}
.history_list li .inner p b {color:#333;padding-right:10px;}
.history_list li.col_left .inner {padding:40px 430px 20px 0;text-align:left;}
.history_list li.col_right .inner {padding:40px 0 20px 400px;text-align:left;}

/* OK 적용 */
.jk_info_list {width:100%;margin:100px 0 10px 0;}
.jk_info_list:after {display:block;content:'';clear:both;}
.jk_info_list li {float:left;width:50%;min-height:200px;font-size:16px;line-height:150%;color:#333;border:1px solid #ddd;box-sizing:border-box;text-align:left;padding:43px 20px 34px 165px;}
.jk_info_list li:nth-child(1) {padding-top:56px; background:url(../img/company/icon_jk01.svg) no-repeat 65px 49px; background-size:70px 70px;}
.jk_info_list li:nth-child(2) {background:url(../img/company/icon_jk02.svg) no-repeat 67px 38px; background-size:70px 70px;}
.jk_info_list li:nth-child(3) {background:url(../img/company/icon_jk03.svg) no-repeat 65px 26px; background-size:75px 75px;}
.jk_info_list li:nth-child(4) {padding-top:51px; background:url(../img/company/icon_jk04.svg) no-repeat 62px 40px; background-size:75px 75px;}
.jk_info_list li p {position:relative;font-size:45px;font-weight:700;letter-spacing:-2px;padding:0 0 15px 0;}
.jk_info_list li p span {font-size:22px;padding-left:3px;font-weight:500;}
.jk_info_list li p em {font-weight:normal;}


/* 03 */
.con_about03 {width:1000px;margin:0 auto;text-align:center;line-height:150%;}

.jk_info_list02 {padding:70px 0;}
.jk_info_list02:after {display:block;content:'';clear:both;}
.jk_info_list02 li {float:left;width:29%;text-align:left;margin:0 6% 0 0;box-sizing:border-box;font-size:16px;line-height:150%;font-weight:normal;}
.jk_info_list02 li h3 {font-size:22px;line-height:130%;padding:0 0 20px 75px;color:#333;}
.jk_info_list02 li:nth-child(1) {background:url(../img/company/icon_jk05.svg) no-repeat left top;background-size:56px 56px;}
.jk_info_list02 li:nth-child(2) {background:url(../img/company/icon_jk06.svg) no-repeat left top;background-size:56px 56px;}
.jk_info_list02 li:nth-child(3) {background:url(../img/company/icon_jk07.svg) no-repeat left top;background-size:56px 56px;margin-right:0;}

.con_about03 .tb_grp {margin:0 0 60px 0;padding:40px 90px;border-top:2px solid #003767;border-bottom:2px solid #003767;}
.con_about03 table:after {display:block;content:'';clear:both;}
.con_about03 table {width:100%;}
.con_about03 table th, .con_about03 table td {padding:10px;font-size:16px;color:#333;text-align:left;vertical-align:text-top;}
.con_about03 table th {color:#003767;font-weight:500;}


/* 파트너 */
.wrap_con_partner{margin:90px auto 0;}
.wrap_con_partner .tab_area_type01{width:1000px;margin:0 auto;}
.partner_row{padding:80px;border-bottom:1px solid #e0e0e0;}
.wrap_con_partner h2{font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;text-align:center;}
.wrap_con_partner h2:lang(en){letter-spacing:-1px;}
.wrap_con_partner .sub_text{text-align:center;padding-top:30px;font-size:18px;line-height:26px;color:#666;font-weight:400;letter-spacing:-1px;}
.wrap_con_partner .sub_text:lang(en){letter-spacing:0px;}

.con_partner01 .about_ok{position:relative;width:865px;height:403px;margin:100px auto 0;background:url(../img/company/img_partner01.jpg) no-repeat;}
.con_partner01 .about_ok .partner_mobile_img {display: none;}
.con_partner01 .about_ok ul{position:relative;}
.con_partner01 .about_ok ul li{position:absolute;color:#fff;text-align:center;}
.con_partner01 .about_ok ul li span.highlight{font-size:25px;line-height:25px;font-weight:500;padding-right:3px;}
.con_partner01 .about_ok ul li .text01{font-size:16px;line-height:16px;text-align:center;}
.con_partner01 .about_ok ul li .text02{font-size:20px;line-height:25px;text-align:center;padding-top:12px;}
.con_partner01 .about_ok ul li br {display: block !important;}
.con_partner01 .about_ok ul li.list01{top:91px;}
.con_partner01 .about_ok ul li.list01:lang(ko){left:70px;}
.con_partner01 .about_ok ul li.list01:lang(en){left:110px;}
.con_partner01 .about_ok ul li.list02{top:104px;}
.con_partner01 .about_ok ul li.list02:lang(ko){left:385px;}
.con_partner01 .about_ok ul li.list02:lang(en){left:360px;}
.con_partner01 .about_ok ul li.list03{top:104px;}
.con_partner01 .about_ok ul li.list03:lang(ko){left:600px;}
.con_partner01 .about_ok ul li.list03:lang(en){left:650px;}
.con_partner01 .about_ok .item01{position:absolute;bottom:55px;color:#fff;}
.con_partner01 .about_ok .item01:lang(ko){font-size:16px;line-height:16px;left:230px;}
.con_partner01 .about_ok .item01:lang(en){font-size:14px;line-height:16px;left:195px;}
.con_partner01 .about_ok .item02{position:absolute;bottom:14px;color:#fff;}
.con_partner01 .about_ok .item02:lang(ko){font-size:16px;line-height:16px;left:232px;}
.con_partner01 .about_ok .item02:lang(en){font-size:14px;line-height:16px;left:212px;}

.con_partner02 ul.list_partner{width:600px;margin:80px auto 0;}
.con_partner02 ul.list_partner:after{content:"";display:block;clear:both;}
.con_partner02 ul.list_partner li{float:left;width:50%;text-align:center;}
.con_partner02 ul.list_partner li .icon{display:inline-block;text-align:center;width:100px;height:80px;margin-bottom:12px;background:url(../img/company/icon_about_partner.png) no-repeat;}
.con_partner02 ul.list_partner li.list02 .icon{background-position:0 -80px;}
.con_partner02 ul.list_partner li .title{font-size:18px;line-height:18px;color:#333; font-weight: 500;}
.con_partner02 ul.list_partner li .text{padding-top:12px;font-size:15px;line-height:20px;color:#333;}

.con_partner03 ul.list_partner_support{width:700px;margin:80px auto 0;padding-left:70px;}
.con_partner03 ul.list_partner_support:after{content:"";display:block;clear:both;}
.con_partner03 ul.list_partner_support li{float:left;width:33.3333%;text-align:left;padding:20px 0;}
.con_partner03 ul.list_partner_support li .icon{display:inline-block;width:60px;height:50px;vertical-align:middle;background:url(../img/company/icon_list_partner.png) no-repeat;}
.con_partner03 ul.list_partner_support li .text{font-size:16px;line-height:16px;color:#333;vertical-align:middle;padding-left:6px;}
.con_partner03 ul.list_partner_support li .text:lang(en){font-size:14px;}
.con_partner03 ul.list_partner_support li.list02 .icon{background-position:0 -60px;}
.con_partner03 ul.list_partner_support li.list03 .icon{background-position:0 -120px;}
.con_partner03 ul.list_partner_support li.list04 .icon{background-position:0 -180px;}
.con_partner03 ul.list_partner_support li.list05 .icon{background-position:0 -240px;}
.con_partner03 ul.list_partner_support li.list06 .icon{background-position:0 -300px;}
.con_partner03 ul.list_partner_support li.list07 .icon{background-position:0 -360px;}
.con_partner03 ul.list_partner_support li.list08 .icon{background-position:0 -420px;}
.con_partner03 ul.list_partner_support li.list09 .icon{background-position:0 -480px;}

.con_partner04 .img_area{padding-top:60px;text-align:center;}

/* 파트너맵 */
.map_row {padding:80px 80px 40px 80px;}
.partner_map {position:relative;width:1000px;height:700px;max-height:700px;margin:50px auto 0 auto;background: url('../img/company/bg_partner_map.png') center no-repeat;line-height:100%;}
.partner_map div {position:absolute;min-width:250px;}
.partner_map div h4 {width:85px;height:32px;line-height:30px;padding:0 0 15px 0;font-size:16px;font-weight:500;color:#fff;text-align:center;}
.partner_map div h5 {font-size:17px;font-weight:500;color:#333;text-align:left;line-height:160%;}
.partner_map div h5 a {display:inline-block;width:28px;height:28px;border:1px solid #c2c9ce;vertical-align:middle;margin:0 0 4px 5px;border-radius:100%;background:url('../img/company/icon_partner_map.png') no-repeat;}
.partner_map div h5 a.icon_site {background-position:-1px -2px;}
.partner_map div h5 a.icon_mail {background-position:-1px -29px;}
.partner_map div h5 a:hover {border:1px solid #333;transition:all 200ms ease-in-out;}
.partner_map div p {font-size:16px;font-weight:400;color:#666;letter-spacing:0px;line-height:145%;} 
.partner_map div.bx01 {top:115px;left:252px}/*대전충청*/
.partner_map div.bx02 {top:365px;left:227px}/*광주호남*/
.partner_map div.bx03 {bottom:80px;left:467px}/*경남*/
.partner_map div.bx04 {top:64px;right:116px;}/*대구경북*/
.partner_map div.bx05 {top:217px;right:68px;}/*울산*/
.partner_map div.bx06 {top:375px;right:51px;}/*부산*/

/* 패딩 값 */
.pd_t15 {padding-top:15px;}

/* 개인정보처리방침 */
.con_privacy{width:800px;margin:80px auto;}
.con_privacy .privacy_in{padding: 10px 0 10px 0;}
.con_privacy .privacy_in_tab{padding: 30px 0 10px 0;}
.con_privacy .privacy_in .title{font-size:22px;line-height:25px;font-weight:500;color:#333;}
.con_privacy .privacy_in_tab .title{font-size:22px;line-height:25px;font-weight:500;color:#333;padding-top:30px;}
.con_privacy h3{font-size:18px;line-height:22px;letter-spacing:-1px;font-weight:400;color:#003767;padding-top:30px;}
.con_privacy .sub_text{font-size:15px;line-height:25px;color:#333;padding:13px 0 15px 0;text-align:justify;}
.con_privacy .sub_text_in{font-size:15px;line-height:24px;color:#444;padding:10px 15px 15px 15px;}
.con_privacy .sub_text_in span{font-size:15px;line-height:24px;color:#333; padding-left:20px;}
.con_privacy .sub_text_in .ss{font-size:15px;line-height:24px;color:#333;padding-left: 20px;}
.con_privacy .sub_text_in .sss{font-size:15px;line-height:24px;color:#333;padding-left: 38px;}

.con_privacy .sub_txt_bx {padding:30px 30px;border:1px solid #e0e0e0;font-size:15px !important;line-height:160%;color:#333;text-align:justify;}
.con_privacy .sub_txt_bx b {display:inline-block;font-weight:500;padding:11px 0 3px 0;}

.con_privacy .col_two {width:100%;border-collapse:collapse;border-spacing:0;font-size:15px;color:#333;line-height:150%;}
.con_privacy .col_two td {padding:10px 22px;vertical-align:text-top;border:1px solid #e0e0e0;text-align:justify;}
.con_privacy .col_two td b {display:inline-block;font-weight:500;padding:11px 0 3px 0;}

.con_privacy .con_prevterms{padding-top:30px; padding-bottom: 30px;}
.con_privacy .con_prevterms ul{padding:15px 20px;background:#ececec;}
.con_privacy .con_prevterms ul > li{padding:2px 0;}
.con_privacy .con_prevterms ul > li > a{font-size:14px;line-height:20px;font-weight:400;color:#333;}
.con_privacy .con_prevterms ul > li > a:hover{text-decoration:underline;}



.jiransoft {
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
}
.jiransoft-intro::after {
    display: block;
    content: "";
    clear: both;
}
.jiransoft-intro {
    margin: -19px;
    padding: 90px 0;
}
.jiransoft-intro > div {
    width: 25%;
    float: left;
    padding: 19px;
}
.jiransoft-intro-contents {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.jiransoft-intro-contents .title {
    display: block;
    position: relative;
    padding:15px 0;
    color: #333;
    line-height: 1.2;
}
.jiransoft-intro-contents .title strong {
    display: inline-block;
    vertical-align:text-bottom;
    font-size: 41px;
    line-height: 1;
}
.jiransoft-intro-contents .title span {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 20px;
    margin-left: 2px;
}
.jiransoft-intro-contents .title img {
    position: absolute;
    max-height: 50px;
    max-width: 45px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.jiransoft-intro-contents .desc {
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.3;
    color: #555; 
}
.jiransoft-intro-contents .desc br {
    display: block !important;
}
.jiransoft-series .title {
    display: block;
    font-weight: 500;
    font-size: 33px;
    text-align: center;
    margin-bottom: 80px;
    line-height: 1;
    color: #000;
}
.jiransoft-series .title br {
    display: none !important;
}
.jiransoft-series .img {
    display: block;
    text-align: center;
}
.jiransoft-series .img img,
.jiransoft-series .mb_img img {
    display: inline-block;
    max-width: 100%;
}
.jiransoft-series .mb_img {
    display: none;
}

@media (max-width:1024px) {

    .con_about01 {
        width: 100%;
    }

    .wrap_con_about,
    .wrap_con_partner {
        width: 100%;
        padding: 60px 40px;
    }

    .wrap_con_partner .contents,
    .wrap_con_about .contents {
        padding: 60px 0 !important;
    }

    .wrap_con_partner .contents {
        padding: 0;
    } 

    .wrap_con_about h2,
    .wrap_con_partner h2 {
        font-size: 35px;
        line-height:1.4;
        margin-bottom: 20px !important;
    }

    .wrap_con_about h4 {
        font-size: 22px;
    }

    .wrap_con_about .sub_text,
    .wrap_con_partner .sub_text {
        font-size: 16px;
    }

    .img_area img {
        max-width: 100%;
    }

    .con_about02 {
        width: 100%;
    }

    .history_list li {
        background: transparent;
    }

    .history_list li .inner {
        display: block;
        padding: 20px !important;
        text-align: center;
        max-width: 100%;
        background: #f5f5f5;
    }

    .history_list li .inner:before {
        display: none;
    }

    .history_list li .inner p {
        margin-bottom: 10px;
        text-align: left;
    }

    .history_list li .inner p:last-of-type {
        margin-bottom: 0;
    }

    .history_list li .inner p span {
        position: relative;
        padding-left: 50px;
        display: block;
    }

    .history_list li .inner p span b {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .history_list li .inner:before {
        margin-left: 0;
        transform: translateX(-50%);
    }

    .history_list h3 {
        font-size: 23px;
    }

    .con_about03 {
        width: 100%;
    }

    .jk_info_list {
        margin: 60px 0 0;
    }

    .jk_info_list li {
        width: 100%;
        position: relative;
        background-position-y: center !important;
        min-height: initial;
        padding-top: 50px;
        padding-bottom: 50px;
        border: 1px solid #ddd !important;
        margin-bottom: 15px;
        padding-left: 200px;
    }

    .jk_info_list li:last-of-type {
        margin-bottom: 0;
    }

    .jk_info_list li p {
        display: block;
        padding-bottom: 0;
        margin-right: 20px;
        font-size: 35px;
    }

    .jk_info_list li div {
        display: block;
        margin-top: 20px;
    }

    .jk_info_list li div br {
        display: none;
    }

    .wrap_con_partner .tab_area_type01 {
        width: 100%;
    }

    .about_ok_wrap {
        width: 100%;
    }

    .con_partner01 .about_ok {
        margin-top: 60px;
        width: 100%;
        background: transparent;
        height: auto;
    }
    
    .con_partner01 .about_ok .partner_mobile_img {display: block; width: 100%;} 

    .con_partner01 .about_ok > ul {display: none;}
    .con_partner01 .about_ok > p {display: none;}
    
    .wrap_con_partner {
        margin: 0;
    }

    .partner_row {
        padding: 60px 40px;
    }
 
    .partner_map_wrap {
        overflow: auto;
    } 

    .partner_map {
        background-size: cover;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .partner_map div h4{
        margin-bottom: 15px;
    }

    .partner_map div.bx03 {
        bottom: 82px;
    }

    .con_privacy {
        width: 100%;
        padding: 0 40px;
        margin-top: 40px;
    }

	.jiransoft-intro {
        padding: 60px 0;
    }
    .jiransoft-intro > div {
        width: 50%;
    }
    .jiransoft-intro-contents .title strong {
        font-size: 35px;
    }
    .jiransoft-intro-contents .title span {
        font-size: 18px;
    }
    .jiransoft-series .title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 60px;
    }
}

@media (max-width:860px) {
    .jk_info_list02 li {
        width: 100%;
        margin: 0;
        margin-bottom:30px;
        position: relative;
        padding-left: 240px;
    }

    .jk_info_list02 li:last-of-type {
        margin-bottom: 0;
    }

    .jk_info_list02 li h3 {
        width: 240px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (max-width:768px) {
    
    .wrap_con_about,
    .wrap_con_partner {
        padding: 60px 20px;
    }

    .wrap_con_partner {
        padding-top: 0;
    }

    .wrap_con_partner {
        margin-top: 40px;
    }

    .con_about03 .tb_grp {
        padding: 10px;
    }

    .con_about03 table th, .con_about03 table td {
        padding: 7px;
    }

    .jk_info_list li {
        background-image: none !important;
        padding: 30px 20px !important;
        text-align: left;
        padding-left: 115px !important;
    }

    .jk_info_list li p {
        display: block;
        margin-right: 0;
        position: relative;
        font-size: 25px;
    }

    .jk_info_list li::before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }

    .jk_info_list li:nth-child(1)::before {
        width: 70px;
        height: 70px;
        background: url(../img/company/icon_jk01.svg)no-repeat center center / cover;
    }
    
    .jk_info_list li:nth-child(2)::before {
        width: 70px;
        height: 70px;
        background: url(../img/company/icon_jk02.svg)no-repeat center center / cover;
    }
    
    .jk_info_list li:nth-child(3)::before {
        width: 75px;
        height: 75px;
        background: url(../img/company/icon_jk03.svg)no-repeat center center / cover;
    }
    
    .jk_info_list li:nth-child(4)::before {
        width: 75px;
        height: 75px;
        background: url(../img/company/icon_jk04.svg)no-repeat center center / cover;
    }

    .jk_info_list li div {
        display: block;
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .con_partner02 ul.list_partner {
        width: 100%;
        margin-top: 40px;
    }
    
    .partner_row {
        padding: 60px 0;
    }


    .con_partner03 ul.list_partner_support {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }

    .con_partner03 ul.list_partner_support li {
        display: inline-block;
        width: 50%;
        padding: 10px 0;
        margin-right: -4px;
        vertical-align: top;
        float: none;
    }

    .con_form_area h4 .title + span {
        display: block;
        margin: 10px 0;
    }

    .con_form_area ul.terms_chk_area li {
        position: relative;
    }

    
    .con_privacy {
        width: 100%;
        padding: 0 20px;
    }

    .history_list li .inner p {
        font-size: 15px;
    }

	.jiransoft-intro {
        margin: -10px;
    }
    .jiransoft-intro > div {
       padding: 10px;
   }
   .jiransoft-series .title {
       font-size: 23px;
   }
    .jiransoft-series .title br {
        display: block !important;
    }

    .jiransoft-series .mb_img {
        display: block;
    }
    .jiransoft-series .img {
        display: none;
    }
}

@media (max-width:640px) {
    
    .partner_map {
        left: -200px;
        transform: initial;
    }
    
    .con_form_area {
        width: 100%;
    }
}

@media (max-width:587px) {
    
    .wrap_con_about h2 {
        font-size: 30px;
    }
    
    .wrap_con_about h4 {
        font-size: 20px;
    }

    .jk_info_list02 {
        padding: 40px 0;
    }

    .jk_info_list02 li {
        padding-left: 0;
        background-size: 45px 45px !important;
    }

    .jk_info_list02 li h3 {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        padding: 10px 0 20px 65px;
        font-size: 20px;
    }

    .con_partner02 ul.list_partner li {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .con_partner02 ul.list_partner li:last-of-type {
        margin-bottom: 0;
    }


    .checkbox_tooltip {
        position: relative;
    }

    label.icheck {
        display: block;
        width: 100%;
    }
    
    label.icheck > span {
        margin-right: -4px;
        vertical-align: top;
    }

    label.icheck > span + em {
        width: calc(100% - 16px);
        margin-right: -4px;
        font-size: 14px;
        padding-left:15px;
        vertical-align: top;
        text-align: left;
    }

    
    .con_form_area ul.inner_list {
        width: 100%;
    }
    .con_form_area ul.inner_list li {
        padding-top: 0;
        padding-right: 20px;
    }

    .con_form_area ul.inner_list li.list_four {
        width: 50%;
        text-align: left;
    }
    
    .con_form_area .btn_area {
        padding-top: 40px;
    }

    .con_form_area .btn_area .caution_area span {
        line-height: 20px;
    }

    .con_form_area .inner_file .upload_name {
        width: 100%;
    }

    .con_form_area .inner_file .btn{
        margin-left: 0;
        display: block;
        text-align: center;
    }


}

@media (max-width:487px) {
    .con_partner03 ul.list_partner_support li .icon {
        display: block;
        margin: auto;
    }

    .con_partner03 ul.list_partner_support li .text {
        display: block;
        padding-left: 0;
        text-align: center;
        margin-top: 8px;
    }

	.jiransoft-intro {
        margin: -5px;
    }
    .jiransoft-intro > div {
       width: 100%;
       padding: 5px;
   }
   .jiransoft-intro-contents .desc {
       margin-top: 0;
   }
}

@media (max-width:440px) {
    
    .jk_info_list li:nth-child(1)::before,
    .jk_info_list li:nth-child(2)::before {
        width: 40px;
        height: 40px;
    }
    
    .jk_info_list li:nth-child(3)::before,
    .jk_info_list li:nth-child(4)::before {
        width: 45px;
        height: 45px;
    }

    .jk_info_list li {
        padding-left: 85px !important;
    }

    .jk_info_list li p {
        font-size: 22px;
    }
    
}

@media (max-width:400px) {
    
    .jk_info_list02 li h3 {
        padding: 10px 0 20px 65px;
        font-size: 18px;
    }
}



