/* 서브메뉴 */
.sub_nav{
    z-index: 12;
    position:absolute;
    width: 100%;
    height: 50px;
    background:rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    top:100px;
    display: flex;
    align-items: center;
}
.sub_nav .sub_nav_in{
    margin:0 auto;
    width: 1360px;
    height: 100%;

    display: flex;
}
.sub_nav .sub_nav_in > div{
    border-right: 1px solid rgba(255,255,255,0.2);
}
.sub_nav .sub_nav_in > div:first-child{
    border-left: 1px solid rgba(255,255,255,0.2);
}
.sub_nav .sub_dep_home{
    width: 100px;
}
.sub_nav .sub_depth01{
    width: 240px;
}
.sub_depth01 > p, .sub_dep_home >p{
    padding:0 30px;
    color:#fff;
    font-size: 14px;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.txt_opacity{
    opacity: 0.4;
}
.sub_depth01 .txt_white{
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size:12px;
}
.sub_depth01 > p > s{
    display: inline-block;
    width: 14px;
    height: 8px;
}
.sub_depth01 > p > s > img{
    width: 100%;
    vertical-align: top;
}
.sub_depth01 > p > s.on > img{
    transform: rotate(180deg);
}

.sub_depth02{
    width: 100%;
}
.sub_depth02 > li{

    background:rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sub_depth02 > li > a{
    padding:0 32px;
    display: block;
    line-height: 50px;
    color:#fafafa;
    letter-spacing: 0.02em;
    font-size:11px;
}



/* 경비결제 accounting visual */
.accounting_wr .acc_visual{
    height: 650px;
}
.acc_visual > p{
    text-align: center;
}
.accounting_wr .acc_visual .bold_txt{
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700;
}
.acc_visual .vi_txt02{
    line-height: 1.4;
    font-size: 36px;
    
}
.accounting_wr .vi_txt02 > span{
    font-weight: 700;
}
.space_txt{
    letter-spacing: 0.02em;
}

.accounting01_wr .recomend{
    height: 740px;
    background: #fafafa;

    display: flex;
    justify-content: center;
    align-items: center;
}
.accounting01_wr > div{
    width: 100%;
}
.recomend_in{
    width: 1360px;
}
.same_inner > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.same_inner > h2{
    margin-bottom: 43px;
    font-size: 30px;
    color:#001933;
    
    text-align: center;
    line-height: 1.47;
}
.same_inner > h2 > span{
    color:#704ef4;
    font-weight: 700;
}
.user_accounting_box {
	display: flex; 
	justify-content: space-between;
}
.user_accounting_box > div{
    width: calc(100% - 60px);
    /* height: 340px; */
    box-shadow: 20px 20px 40px rgb(0 0 0 / 25%);
    padding: 38px 40px 57px 60px;
    display: flex;
    margin-right: 60px;
}
.user_accounting_box > div > .left_img_box{
    margin-right: 40px;
	margin-top: 5px;
}
.user_accounting_box > div > .left_img_box > s{
    display: inline-block;
    width: 160px;
    height: 160px;
}
.right_txt_box{
    color:#fff;
    font-weight: 700;
}
.right_txt_box h3{
    margin-bottom:21px;
    font-size: 28px;
    line-height: 1.14;
	font-weight: 700;
}
.right_txt_box > ul > li{
    padding-left: 8px;
    position: relative;
    font-size: 16px;
    line-height: 1.625;
}
.right_txt_box > ul > li:nth-child(2){
    margin:14px 0;
}
.right_txt_box > ul > li::before{
    position: absolute;
    left:0px;
    top:9px;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: #fff;
}
.user_accounting_box .user_box{
    background: #0097f1;
}
.user_accounting_box .accounting_team_box{
    background: #00bfbf;
    margin-right:0;
}

.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img01{
    background: #fff url(/assets/img/sub/img_accounting_before_01.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img02{
    background: #fff url(/assets/img/sub/img_accounting_before_02.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img03{
    background: #fff url(/assets/img/sub/img_accounting_before_03.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img04{
    background: #fff url(/assets/img/sub/img_accounting_after_01.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img05{
    background: #fff url(/assets/img/sub/img_accounting_after_02.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap .cir_img06{
    background: #fff url(/assets/img/sub/img_accounting_after_03.png) no-repeat center;
    background-size: 55px auto;
}
.accounting01_wr .cir_list_ul li{
    width: 155px;
}
.accounting01_wr .cir_list_ul li .cir_img_wrap{
    margin:0 auto;
}/* 
.accounting01_wr .bg_gray{
    background: #fafafa;
} */


/* accounting 두 번째 서브 페이지 */
.accounting02_wr .sub_sec_tit span{
    letter-spacing: 0.02em;
}
.accounting02_wr .sub_tab > li{
    width: 13%;
}

.accounting02_wr .sub_tab .tab_0202_01 {
    background-image: url(../images/sub/page2-icon01.png);
}


.accounting02_wr .sub_tab .tab_0202_02 {
    background-image: url(../images/sub/page2-icon02.png);
}

.accounting02_wr .sub_tab .tab_0202_03 {
    background-image: url(../images/sub/page2-icon04.png);
}


.accounting02_wr .sub_tab .tab_0202_04 {
    background-image: url(../images/sub/page2-icon05.png);
}

.accounting02_wr .sub_tab .tab_0202_05 {
    background-image: url(../images/sub/page2-icon06.png);
}

.accounting02_wr .sub_tab .tab_0202_06 {
    background-image: url(../images/sub/page2-icon07.png);
}


.accounting02_wr .sub_tab .tab_0202_07 {
    background-image: url(../images/sub/page2-icon07.png);
}

.company_wr .bold_txt{
    margin-bottom:25px;
    font-size: 30px;
    font-weight: 700;
    color:#cfdae6;
    letter-spacing: 0.02em;
}
.company_wr .cpn_sec01{
    padding:140px 0 120px;
}
.company_wr .bg_gray{
    background:#fbfbfb;
}
.cpn_sec_in{
    margin:0 auto;
    max-width: 1360px;
    width: 100%;
}
.cpn_sec01 .sec01_tit01{
    margin-bottom: 62px;
    font-size: 24px;
    font-weight: 700;
    color:#001933;
    text-align: right;
    line-height: 1;
}
.cpn_sec01 .sec01_tit02{
    margin-bottom:26px;

    display: flex;
    justify-content: space-between;
}
.cpn_sec01 .tit_same{
    line-height: 1;
    font-size: 124px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    color:#704ef4;
    margin-right:-39px;
}
.cpn_sec01 .cir_txt_wr{
    margin-top:23px;
    display: flex;
    justify-content: space-between;
}
.cpn_sec01 .cir_txt_wr .cir_box{
    max-width: 500px;
    width: 100%;
}
.cpn_sec01 .cir_txt_wr .cir_box > img{
    width: 100%;
}
.cpn_sec01 .cir_txt_wr .txt_box{
    padding-top: 78px;
    font-size: 16px;
    color:#4c6680;
    text-align: right;
    line-height: 1.5;
}

.cpn_sec02{
    padding:140px 0 140px 0;
}
.cpn_sec02 .sub_logo_box{
    max-width: 980px;
    width: 100%;
}
.cpn_sec02 .sub_logo_box > img{
    width: 100%;
}
.kj_meaning_txt{
    margin:54px 0 40px;
    max-width: 964px;
    width: 100%;
    overflow:hidden;
}
.kj_meaning_txt > p:first-child{float:left;}
.kj_meaning_txt > p:last-child{float:right;}
.kj_meaning_txt > p{
    font-size: 20px;
    letter-spacing: -0.1em;
    line-height: 1;
}
.kj_meaning_txt > p > b{
    font-weight: 700;
    color:#704ef4;
}
.space_002em{
    letter-spacing: 0.02em;
}
.business_txt{
    font-size: 1.5em;
    color:#545454;
    line-height:1.75;
}
.download_btn{
    margin-top: 92px;
}
.download_btn > a{
    width: 180px;
    font-size: 16px;
    border: 2px #1945cc solid;
    color: #1945cc;
}
.download_btn > a:first-child{
    margin-right: 58px;
}
.download_btn .trxVewBtn > s {
    width: 30px;
    height: 14px;
    background: url(/assets/img/img_vewBtnBlu.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: calc(50% - 7px);
    left: -15px;
}

/* .company_wr .cpn_sec03{
    padding:0 0 100px 0;
    max-height: 780px;
    height: 100%;
    background: url(../images/sub/story_inter_bg.png) no-repeat;
} */
.cpn_sec03_04_in{
    display: flex;
    justify-content: space-between;
}
.cpn_sec03_04_in > div{
    width: calc(80% - 20px);
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.inter_tit01{
    margin-bottom: 24px;
    font-size: 1.5em;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 700;
    background-color: #704ef4;
    width: 30%;
    text-align: center;
    padding: 5px 0;
    border-radius: 50px;
}
.inter_tit02{
    font-size:30px;
    line-height:1.47;
    color:#001933;
}
.video_txt_wr .inter_tit02{
    margin-bottom:23px;
}
.inter_tit02 > b{
    color:#704ef4;
}
.interview_txt_wr .inter_txt01{
    margin:41px 0 24px;
}
.company_wr .line_he{
    line-height: 1.5;
}
.company_wr .ceo_sign{
    margin-top:70px;
    max-width: 120px;
    width: 100%;
}
.company_wr .ceo_sign > img{
    width: 100%;
}

.cpn_sec04{
    padding-top:140px;
    padding-bottom:140px;
}
.cpn_sec04 .cpn_sec04_in{
    margin-bottom: -80px;
}
.video_wr{
    box-shadow: 20px 20px 40px rgba(0,0,0,0.25);
}
.video_wr > img{
    width: 100%;
}

.cpn_sec05{
    /* padding-top:80px; */
    /* background: #2f7ad0; */
    /* background:url("/assets/img/sub2/img_05_02_01.png") no-repeat;background-size:auto 100%; */
	background: #f5f9fc;
    height: 360px;

    
    display: flex;
    justify-content: center;
    align-items: center;
}
.cpn_sec05 .cpn_sec05_in{
    text-align: center;
    opacity:0.89;
}
.cpn_sec05 .cpn_sec05_in .inter_tit01{
    margin-bottom: 15px;
    color: #704ef4;
    letter-spacing: -0.1em;
}
.cpn_sec05 .cpn_sec05_in .sec05_txt01{
    margin-bottom: 28px;
    font-size: 36px;
    color:#001933;
    letter-spacing: -0.1em;
	font-weight: 300;
}
.cpn_sec05 .cpn_sec05_in .sec05_txt01 > b{
    font-weight: 700;
    color:#704ef4;
}
.cpn_sec05 .cpn_sec05_in .business_txt{
    color:#001933;
    font-weight: 300;
	font-weight: 300;
	font-size: 1.5em;
}

.cpn_sec06{
    padding:140px 0 220px;
}
.cpn_sec06 .inter_tit02{
    margin-bottom: 34px;
    line-height: 1;
}
.cpn_sec06 .inter_tit02 > b{
    letter-spacing: 0.02em;
}
.cpn_sec06 .pictures_wr{
    margin-top: 79px;
    position: relative;
    display: flex;
}
.cpn_sec06 .pictures_wr > div{
    box-shadow: 15px 15px 30px rgba(0,0,0,0.20);
}
.cpn_sec06 .pictures_wr .right_img_box{
    z-index: -1;
    position: absolute;
    top: 40px;
    right: 0;
}

.cpn_sec07{
    padding:120px 0;
    background:#f5f9fc;
}
.cpn_sec07 .kj_address_wr{
    display: flex;
}
.kj_map{
    margin-right:80px;
    width: calc(50% - 40px);
    height: 380px;
}
.kj_address{
    /* padding:0 0 92px 0; */
    width: calc(50% - 40px);
}
.kj_address .add_tit{
    padding:25px 20px;
    line-height: 1;
    border-top: 2px solid #001933;
}
.kj_address > .add_cont_box{
    padding: 36px 0;
    width: 100%;
    border-top: 1px solid #ebebeb;
    letter-spacing: -0.1em;

    display: flex;
}
.kj_address > .add_cont_box:last-child{border-bottom:2px #abb5bf solid;}
.kj_address > .add_cont_box > h4{
    padding-left:20px;
    font-size: 18px;
    color:#4c6680;
    width: calc(100% - 478px);
}
.kj_address > .add_cont_box > ul > li{
    position: relative;
    color:#001933;
    font-size: 16px;
}
.kj_address > .add_cont_box > ul > li:first-child{
    margin-bottom:7px;
}
.kj_address > .add_cont_box > ul > li::before{
    position: absolute;
    top:50%;
    left:-8px;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width:4px;
    height: 4px;
    border-radius: 50%;
    background: #1845cc;
}
.kj_address > .add_cont_box > ul > .address_car{
    line-height: 1.625;
}
.kj_address > .add_cont_box > ul > .address_car::before{
    top:11px;
}
.kj_address > .add_cont_box > ul > .address_car > span{
    padding-left: 65px;
}
.space_0{
    letter-spacing: 0;
}
.space_minus20{
    letter-spacing: -0.02em;
}


/* 회사소개 story */
.story_wr .kj_history{
    padding:120px 0 140px;
}
.story_wr .kj_history > h3{
    text-align: center;
}
.story_wr .kj_history > p{
    text-align: center;
}
.story_wr .kj_history .his_tit{
    margin-bottom: 15px;
    font-size: 30px;
}

.story_wr .his_cont_wr{
    margin-top:60px;
    display: flex;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    min-width:1920px;
    justify-content: center;
}
.story_wr .kj_history .his_img_wr{
    padding-top:34px;
    /* width: 900px; */

    display: flex;
}
.story_wr .boxShadow{
    
}
.story_wr .boxShadow img{box-shadow: 20px 20px 40px rgba(0,0,0,0.1);}
.story_wr .his_cont01_img{
    height: 218px;
}
.story_wr .his_img_wr .his_cont_img01{
    margin-right:10px;
}

.story_wr .kj_history .his_middle_line_box{
    position: relative;
    width: 120px;
}
.story_wr .kj_history .his_middle_line_box::after{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    content: "";
    display: inline-block;
    width: 1px;
    height:100%;
    background:#002043;
    opacity: 0.15;
}
.story_wr .kj_history .his_middle_line_box > i{
    z-index: 2;
    position: relative;
    display: inline-block;
    width: 14px;
    height:14px;
    background:#0097f1;
    border-radius: 50%;
    position:absolute;
    left:50%;
    transform: translateX(-50%);
}
.story_wr .kj_history .his_middle_line_box > i::before{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background:#fff;
    border-radius: 50%;
}
.story_wr .kj_history .kj_his_txt{
    padding-top:29px;
    width: 900px;
}
.story_wr .kj_history .kj_his_txt .kj_his_date{
    margin-bottom: 35px;
    font-size: 40px;
    color:#704ef4;
    letter-spacing: 0.02em;
    line-height: 0.85;
}
.story_wr .kj_history .kj_history_list{
    color:#002043;
    letter-spacing: -0.1em;
    font-size: 16px;
    line-height: 2.125;
}
.story_wr .kj_history .kj_history_list > li{
    position: relative;
    padding-left:8px;
    /* display: inline-block; */
    display: block;
}
.story_wr .kj_history .kj_history_list > li::after{

}
.story_wr .kj_history .kj_history_list > li::before{
    /* position: absolute; */
    top: 50%;
    transform: translateY(-90%);
    left:0px;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background:#1845cc;
    border-radius: 50%;
    margin-right:5px;
}

.story_wr .kj_his_txt02{
    text-align: right;
}
.story_wr .kj_history .kj_history_list > .his_cont03_fir_txt::before{
    top: 16px;
}
.story_wr .his_cont02_img_wr{
    padding-top:34px;
    width:900px;
}
.story_wr .his_cont02_img01{
    margin-bottom: 10px;
}
.his_cont06_img_wr{
    width:900px;
    padding-top: 99px;
}
.story_wr .his_cont03_wr > .his_img_wr{
    width: 900px;
    align-items: center;
    justify-content: flex-end;
}
.his_cont03_img{
    position: relative;
}
.his_cont03_img .his_book_img{
    position: absolute;
    right: 82px;
    bottom: 22px;
}

/* 그룹웨어 영상추가 */
.group_wr.cpn_sec04 .video_txt_wr .inter_tit02 { margin-bottom:0; }