/*Content CSS*/
#c4_wrap{position: relative; overflow: hidden; width: 100%;}
#c4_wrap > article{padding: 100px 0;}
#c4_wrap .c_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
#c4_wrap br.mob{display: none;}

/* font-style */
#c4_wrap .fs_60{font-size: 60px; font-weight: 700; line-height: 1.2;}
#c4_wrap .fs_30{font-size: 30px; line-height: 1.5;}
#c4_wrap .fs_27{font-size: 27px; line-height: 1.2;}
#c4_wrap .fs_20{font-size: 20px;}
#c4_wrap .fs_19{font-size: 19px; line-height: 1.58;}
#c4_wrap .fs_17{font-size: 17px; line-height: 1.76;}
#c4_wrap .fs_16{font-size: 16px; line-height: 1.7;}

/* vm_btn */
#c4_wrap .vm_btn a{overflow: hidden; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 12px 0 31px; width: 228px; height: 54px; border: solid 1px #000; border-radius: 27px; position: relative; z-index: 2; transition: .3s;}
#c4_wrap .vm_btn a::before{content: ''; display: block; width: 38px; height: 38px; border-radius: 27px; background-color: #04056b; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; z-index: -1; transition: .6s;}
#c4_wrap .vm_btn a i{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; }
#c4_wrap .vm_btn a span{transition: .6s;}

/* dot_lsit */
#c4_wrap .dot_list li{position: relative; padding-left: 12px; color: rgba(255, 255, 255, .8);}
#c4_wrap .dot_list li::before{content: ''; display: block; width: 4px; height: 3px; background-color: #fff; position: absolute; top: 12px; left: 0;}

/* loca_list */
#c4_wrap .loca_list li{display: flex; align-items: flex-start; padding: 30px 37px; background-color: #f7f7f7;}
#c4_wrap .loca_list li + li{margin-top: 16px;}
#c4_wrap .loca_list li .icon{display: flex; align-items: center; min-width: 108px; margin-right: 34px; position: relative; top: -1px;}
#c4_wrap .loca_list li .icon i{flex-shrink: 0; display: block; min-width: 16px; margin-right: 6px; }
#c4_wrap .loca_list li .icon span{font-weight: 700; font-family: 'Poppins';}
#c4_wrap .loca_list li p{color: #555; letter-spacing: -.34px;}
#c4_wrap .loca_list li .txt{display: flex;}
#c4_wrap .loca_list li .txt p + p::before{content: ''; display: inline-block; width: 1px; height: 16px; background-color: #ddd; margin: 0 15px; position: relative; top: 2px;}


/* c4_wrap */
#c4_wrap .top{display: flex; justify-content: space-between; }
#c4_wrap .top h3::after{content: ''; display: block; width: 45px; height: 3px; background-color: #04056b; margin: 33px 0 0;}
#c4_wrap .top h4{margin-bottom: 11px; font-weight: 700;}
#c4_wrap .top p{font-weight: 300;}

#c4_wrap .top .vm_btn{position: relative; top: 10px;}

/* flex_wrap */
#c4_wrap .flex_wrap{display: flex; justify-content: space-between; align-items: stretch;}
#c4_wrap .flex_wrap .left{flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;}
#c4_wrap .flex_wrap .right{flex-shrink: 0; margin-left: 60px; border-radius: 20px; overflow: hidden;}
#c4_wrap .flex_wrap .right img{width: 100%; height: 100%; object-fit: cover; transition: .5s;}

@media screen and (min-width: 1901px) {
}

@media screen and (min-width: 1025px) {
    #c4_wrap .vm_btn a:hover{border-color: #04056b;}
    #c4_wrap .vm_btn a:hover::before{transform: scale(15);}
    #c4_wrap .vm_btn a:hover span{color: #fff;}

    #c4_wrap .flex_wrap .right:hover img{transform: scale(1.1);}

}

@media screen and (max-width: 1600px) {
    #c4_wrap > article{padding: 70px 0;}

}

@media screen and (max-width: 1400px) {
    #c4_wrap br:not(.space){display: none;}

    /* font-style */
    #c4_wrap .fs_60{font-size: 50px;}
    #c4_wrap .fs_30{font-size: 28px;}
    #c4_wrap .fs_27{font-size: 25px;}
    #c4_wrap .fs_20{font-size: 19px;}
    #c4_wrap .fs_19{font-size: 18px;}
    #c4_wrap .fs_17{font-size: 16px; line-height: 1.7;}
    #c4_wrap .fs_16{font-size: 15px;}

    /* vm_btn */
    #c4_wrap .vm_btn a{padding-left: 20px;}

    /* loca_list */
    #c4_wrap .loca_list li{padding: 20px;}
    #c4_wrap .loca_list li + li{margin-top: 15px;}
    #c4_wrap .loca_list li .icon{min-width: 103px; margin-right: 20px;;}
    #c4_wrap .loca_list li .icon i{margin-right: 9px; }
    #c4_wrap .loca_list li .txt{flex-direction: column; width: 100%;}
    #c4_wrap .loca_list li .txt p + p{padding-top: 10px; margin-top: 10px; border-top: solid 1px #ddd;}
    #c4_wrap .loca_list li .txt p + p::before{display: none;}


    /* flex_wrap */
    #c4_wrap .flex_wrap .right{margin-left: 50px;}


}
@media screen and (max-width: 1280px) {
    #c4_wrap .top{display: block;}
    #c4_wrap .top .vm_btn{margin: 30px 0; top: 0;}
    #c4_wrap .top .vm_btn a{width: 100%;}

    /* flex_wrap */
    #c4_wrap .flex_wrap .left{width: 60%;}
    #c4_wrap .flex_wrap .right{width: 40%; margin-left: 30px;}

}
@media screen and (max-width: 1024px) {
    #c4_wrap > article{padding: 50px 0;}
    #c4_wrap .c_inner{padding: 0 30px;}
    #c4_wrap br.mob{display: block;}

    /* font-style */
    #c4_wrap .fs_60{font-size: 45px;}
    #c4_wrap .fs_30{font-size: 26px;}
    #c4_wrap .fs_27{font-size: 23px;}
    #c4_wrap .fs_20{font-size: 18px;}
    #c4_wrap .fs_19{font-size: 17px;}
    #c4_wrap .fs_17{font-size: 15px;}
    #c4_wrap .fs_16{font-size: 14px;}

    /* dot_list */
    #c4_wrap .dot_list li::before{top: 11px;}

    /* c4_wrap */
    #c4_wrap .top{text-align: center;}
    #c4_wrap .top h3::after{width: 35px; margin: 25px auto 0;}
    /* #c4_wrap .top h4{margin-bottom: 15px;} */

    /* vm_btn */
    #c4_wrap .vm_btn{text-align: center; margin-top: 30px;}
    #c4_wrap .vm_btn a{width: 220px; height: 48px;}
    #c4_wrap .vm_btn a::before{width: 30px; height: 30px;}
    #c4_wrap .vm_btn a i{width: 30px; height: 30px;}
    #c4_wrap .top .vm_btn a{max-width: 220px;}

    /* flex_wrap */
    #c4_wrap .flex_wrap {flex-wrap: wrap;}
    #c4_wrap .flex_wrap .left{width: 100%;}
    #c4_wrap .flex_wrap .right{width: 100%; height: 300px; margin: 30px 0 0;}
}

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

}

@media screen and (max-width: 640px) {
    #c4_wrap .c_inner{padding: 0 20px;}
    /* font-style */
    #c4_wrap .fs_60{font-size: 40px;}
    #c4_wrap .fs_30{font-size: 24px;}
    #c4_wrap .fs_27{font-size: 21px;}
    #c4_wrap .fs_20{font-size: 17px;}
    #c4_wrap .fs_19{font-size: 16px;}
    #c4_wrap .fs_17{font-size: 14px;}
    #c4_wrap .fs_16{font-size: 13px;}

    /* vm_btn */
    #c4_wrap .vm_btn a{width: 100%; height: 45px; padding-right: 8px;}
    #c4_wrap .vm_btn a::before{right: 8px;}

    #c4_wrap .top .vm_btn a{max-width: 100%;}

    /* flex_wrap */
    #c4_wrap .flex_wrap .right{height: 180px;}
}

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

    #c4_wrap .loca_list li{display: block;}
    #c4_wrap .loca_list li .icon{margin-right: 0; margin-bottom: 10px;}

}