@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
/* PHC */
@font-face {
    font-family: 'PHC_Light';
    font-style: normal;
    font-weight: 200;
    src: url('../font/PHC_Light.eot');
    src: url('../font/PHC_Light.eot?#iefix') format('embedded-opentype'),
    url('../font/PHC_Light.woff') format('woff'),
    url('../font/PHC_Light.otf') format('opentype');
}
@font-face {
    font-family: 'PHC_Medium';
    font-style: normal;
    font-weight: 400;
    src: url('../font/PHC_Medium.eot');
    src: url('../font/PHC_Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/PHC_Medium.woff') format('woff'),
    url('../font/PHC_Medium.otf') format('opentype');
}
@font-face {
    font-family: 'PHC_Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../font/PHC_Bold.eot');
    src: url('../font/PHC_Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/PHC_Bold.woff') format('woff'),
    url('../font/PHC_Bold.otf') format('opentype');
}
@font-face {
    font-family: 'PHC_ExtraBold';
    font-style: normal;
    font-weight: 900;
    src: url('../font/PHC_ExtraBold.eot');
    src: url('../font/PHC_ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../font/PHC_ExtraBold.woff') format('woff'),
    url('../font/PHC_ExtraBold.otf') format('opentype');
}
/* keyframe */
@keyframes slideLeft {
    from {
        margin-left: 20%;
        opacity: 0;
    }
    to {
        margin-left: 0;
        opacity: 1;
    }
}
@-webkit-keyframes slideLeft {
    from {
        margin-left: 20%;
        opacity: 0;
    }
    to {
        margin-left: 0;
        opacity: 1;
    }
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes textBgSlide {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes textBgSlide {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes shakeLR {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}
@keyframes shakeLR {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}
@-webkit-keyframes shakeTB {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
}
@keyframes shakeTB {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
}
@-webkit-keyframes scrollerAllow {
    0%, 100% {
        margin-top: 0;
    }
    75% {
        margin-top: 10px;
    }
}
@keyframes scrollerAllow {
    0%, 100% {
        margin-top: 0;
    }
    75% {
        margin-top: 10px;
    }
}





/* ************************************** *
 * common layout
 * ************************************** */
body {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body, div, dl, dt, dd, ul, ol, li, i, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table {
    font-family: 'PHC_Light','PHC_Bold','PHC_ExtraBold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif !important;
    font-size: 100%;
    padding: 0;
    margin: 0;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
}
a {
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
}
ol, ul, li {
    list-style: none;
}
button {
    border: 0;
    background: none;
}
legend {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
select::-ms-expand {
    display: none;
}
.clear-both:after {
    content: "";
    display: block;
    clear: both;
}
.img-max {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.align-center {
    text-align: center;
}
.con-m {
    display: none;
}
.br-pc {
    display: block;
}
@media all and (max-width:990px) {
    .con-pc {
        display: none !important;
    }
    .con-m {
        display: block !important;
    }
    .br-pc {
        display: inline-block;
    }
    .br-m {
        display: block;
    }
}
/* scroll-text-action */
.in-view {
    opacity: 1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
.fade-in {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.in-view.fade-in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fade-up {
    opacity: 0;
    transform: translate3d(0, 25%, 0);
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
}
.in-view.fade-up {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fade-down {
    opacity: 0;
    transform: translate3d(0, -15%, 0);
    -webkit-transform: translate3d(0, -15%, 0);
    -moz-transform: translate3d(0, -15%, 0);
    -ms-transform: translate3d(0, -15%, 0);
}
.in-view.fade-down {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fade-left {
    opacity: 0;
    transform: translate3d(7%, 0, 0);
    -webkit-transform: translate3d(7%, 0, 0);
    -moz-transform: translate3d(7%, 0, 0);
    -ms-transform: translate3d(7%, 0, 0);
}
.in-view.fade-left {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fade-right {
    opacity: 0;
    transform: translate3d(-7%, 0, 0);
    -webkit-transform: translate3d(-7%, 0, 0);
    -moz-transform: translate3d(-7%, 0, 0);
    -ms-transform: translate3d(-7%, 0, 0);
}
.in-view.fade-right {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fade-rotate {
    opacity: 0;
    transform:scale(.3) rotate(-15deg);
    -webkit-transform:scale(.3) rotate(-15deg);
    -moz-transform:scale(.3) rotate(-15deg);
    -ms-transform:scale(.3) rotate(-15deg);
}
.in-view.fade-rotate {
    opacity: 1;
    transform:scale(1) rotate(0);
    -webkit-transform:scale(1) rotate(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotate(0);
}
.fade-scale {
    opacity: 0;
    transform:scale(.7);
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    -ms-transform:scale(.7);
}
.in-view.fade-scale {
    opacity: 1;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
}
/* delay */
.delay20 {
    transition-delay: .2s !important;
}
.delay40 {
    transition-delay: .4s !important;
}
.delay60 {
    transition-delay: .6s !important;
}
.delay80 {
    transition-delay: .8s !important;
}
.delay100 {
    transition-delay: 1s !important;
}
/* container */
.container {
    z-index: 1;
    width: 100%;
    max-width: 90% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.content-box {
    width: 100%;
    max-width: 1400px;
    min-height: 900px;
    padding: 80px 0 120px;
    margin: 130px auto 0;
    box-sizing: border-box;
    animation-name: fade-in;
    animation-duration: 2s;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
}
@media all and (max-width:640px) {
    .content-box {
        padding: 50px 0 80px;
        margin-top: 70px;
    }
}
/* stle */
.stle {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px;
}
.stle > div {
    display: flex;
    align-items: flex-end;
    flex-flow: row wrap;
}
.stle h2.tit-stle {
    padding-right: 20px;
    font-family: 'PHC_Bold' !important;
    font-size: 37px;
    color: #111;
}
.stle ul {
    padding-bottom: 7px;
}
.stle li {
    position: relative;
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #a6a8a9;
}
.stle li:first-child {
    padding-left: 0;
    margin-left: 0;
}
.stle li:first-child::before {
    background: none;
}
.stle li::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -2px;
    background-color: #a6a8a9;
    border-radius: 50%;
    width: 3px;
    height: 3px;
}
.stle .btn-sub-menu {
    position: relative;
    color: #111;
}
.stle .btn-sub-menu i {
    font-size: 12px;
    padding-left: 7px;
}
.stle .box-sub-menu {
    display: none;
    z-index: 9;
    position: absolute;
    top: 30px;
    left: 0;
    width: max-content;
    padding: 15px 20px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -moz-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -ms-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
}
.stle .box-sub-menu a {
    display: block;
    font-size: 14px;
    color: #555;
    line-height: 25px;
}
.stle .box-sub-menu a:hover {
    text-decoration: underline !important;
}
.stle p.sub-tit-stle {
    font-family: 'PHC_Bold' !important;
    font-size: 16px;
    color: #f04d22;
    text-transform: uppercase;
    letter-spacing: .7em;
}
.menu-4deps {
    display: flex;
    gap: 3px;
    margin-bottom: 100px;
    flex-wrap: wrap;
}
.menu-4deps a {
    display: flex;
    flex: 1;
    align-self: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'PHC_Bold' !important;
    font-size: 16px;
    background-color: #eee;
    color: #111;
    line-height: 1.3em;
}
.menu-4deps-on {
    background-color: #f04d22 !important;
    border-top: solid 4px #98c939;
    color: #fff !important;
}
@media all and (max-width:990px) {
    .stle p.sub-tit-stle {
        display: none;
    }
    .menu-4deps {
        margin-bottom: 70px;
    }
}
@media all and (max-width:640px) {
    .stle {
        margin-bottom: 35px;
    }
    .stle > div {
        display: block;
    }
    .stle h2.tit-stle {
        font-size: 25px;
    }
    .menu-4deps a {
        min-height: 50px;
        font-size: 14px;
    }
}
/* text common */
.p-hidden {
    text-indent: -9999;
    font-size: 0;
}
.p-bold {
    font-family: 'PHC_ExtraBold' !important;
}
.p-point-color {
    color: #f04d22;
}
.p-point-slide.on::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #f04d22;
    animation: textBgSlide .5s .25s forwards;
    animation-timing-function: cubic-bezier(.7, 0, .1 70, 1);
    animation-delay: 1s;
}
.p-point-slide.on {
    position: relative;
    padding: .1rem .2rem;
    overflow: hidden;
    color: #fff;
}





/* ************************************** *
 * header layout
 * ************************************** */
/* header */
header {
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -moz-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
    -ms-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
}
header .header-in {
    position: relative;
    width: 90%;
    height: 130px;
    margin: 0 auto;
}
header h1 {
    position: absolute;
    top: 45px;
    left: 0;
}
header h1 img {
    height: 50px;
}
@media all and (max-width:640px) {
    header .header-in {
        height: 70px;
    }
    header h1 {
        top: 20px;
    }
    header h1 img {
        height: 35px;
    }
}
/* lnb-pc : 네비게이션 메뉴 */
#lnb {
    z-index: 200;
}
.lnb-pc {
    display: block;
    float: right;
    margin-right: 55px;
    position: relative;
}
.lnb-pc .lnb-navi > li {
    position: relative;
    float: left;
    text-align: left;
}
.lnb-pc .lnb-navi > li > a {
    position: relative;
    display: block;
    margin: 55px 25px 25px 25px;
    line-height: 50px;
    font-family: 'PHC_Bold' !important;
    font-size: 19px;
    color: #222;
}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a,
.lnb-pc .lnb-navi > li > a.text-info {
    color: #f04d22 !important;
}
.lnb-pc .lnb-dep2 {
    z-index: 200;
    display: none;
    position: absolute;
    top: 130px;
    left: 0;
    padding: 15px 20px 5px;
    box-sizing: border-box;
    background: #f8f8f8;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: solid 4px #f04d22
}
.lnb-pc .lnb-navi li:nth-of-type(1) .lnb-dep2,
.lnb-pc .lnb-navi li:nth-of-type(4) .lnb-dep2 {
    width: 160px;
}
.lnb-pc .lnb-navi > li:nth-of-type(2) .lnb-dep2 {
    width: 220px;
}
.lnb-pc .lnb-dep2 > li a {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #222;
}
.lnb-pc .lnb-dep2 > li a:hover {
    text-decoration: underline !important;
    color: #f04d22;
}
.lnb-pc .lnb-dep3 > li > a {
    margin-bottom: 8px;
    font-size: 14px;
}
@media all and (max-width:1280px) {
    .lnb-pc {
        display: none;
    }
    .lnb-m, .btn-menu, .btn-closed {
        display: block;
    }
}
/* lnb-pc : 네비게이션 메뉴
#lnb {
    z-index: 200;
}
.lnb-pc {
    display: block;
    float: right;
    margin-right: 30px;
    position: relative;
}
.lnb-pc .lnb-navi > li {
    float: left;
    text-align: left;
}
.lnb-pc .lnb-navi > li > a {
    position: relative;
    display: block;
    margin: 40px 50px 20px 0;
    line-height: 50px;
    font-family: 'PHC_Bold' !important;
    font-size: 19px;
    color: #222;
}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a,
.lnb-pc .lnb-navi > li > a.text-info {
    color: #f04d22 !important;
}
.lnb-pc .lnb-navi > li.on > a::before,
.lnb-pc .lnb-navi > li > a:hover::before,
.lnb-pc .lnb-navi > li > a.text-info::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 5px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #f04d22;
}
.lnb-pc .lnb-dep2 {
    z-index: 200;
    display: none;
    opacity: 0;
    height: 200px;
    margin-right: 60px;
}
.lnb-pc .lnb-dep2 > li a {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #222;
}
.lnb-pc .lnb-dep2 > li a:hover {
    text-decoration: underline !important;
    color: #f04d22;
}
.lnb-pc .lnb-dep3 > li > a {
    margin-bottom: 8px;
    font-size: 14px;
}
@media all and (max-width:1280px) {
    .lnb-pc {
        display: none;
    }
    .lnb-m, .btn-menu, .btn-closed {
        display: block;
    }
}
*/
/* lnb-m : 네비게이션 메뉴 */
.lnb-m {
    display: none;
}
.btn-menu {
    z-index: 400;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 55%;
    right: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #333;
}
.btn-closed {
    z-index: 400;
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #333;
}
.lnb-m .lnb-box {
    z-index: 400;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    border-left: solid 3px #f04d22;
}
.lnb-m .lnb-box .lnb-navi {
    position: absolute;
    top: 50%;
    left: 15%;
    box-sizing: border-box;
    width: 100%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}
.lnb-m .lnb-box .lnb-navi > li {
    text-align: left;
    box-sizing: border-box;
}
.lnb-m .lnb-box .lnb-navi > li {
    animation-duration: 700ms;
    animation-fill-mode: forwards;
    animation-name: slideLeft;
    opacity: 0;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(1) {
    animation-delay: 70ms;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(2) {
    animation-delay: 140ms;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(3) {
    animation-delay: 210ms;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(4) {
    animation-delay: 280ms;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(5) {
    animation-delay: 350ms;
}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(6) {
    animation-delay: 420ms;
}
.lnb-m .lnb-box .lnb-navi > li > a {
    display: block;
    font-family: 'PHC_Bold' !important;
    font-size: 22px;
    line-height: 57px;
    color: #222;
}
.lnb-m .lnb-navi > li > a.text-info {
    color: #f04d22 !important;
}
.lnb-m .lnb-box .lnb-dep2 {
    display: none;
    padding: 10px 0;
}
.lnb-m .lnb-box .lnb-dep2 a {
    display: block;
    padding-left: 3%;
    font-size: 15px;
    line-height: 30px;
    color: #444;
}
.lnb-m .lnb-box .lnb-dep2 a:before {
    content: "- ";
}
@media all and (max-width:1280px) {
    .lnb-m,
    .btn-menu,
    .btn-closed {
        display: block;
    }
}
@media all and (max-width:640px) {
    .lnb-m .lnb-box {
        width: 70%;
    }
}
/* gnb : 글로벌네비게이션 메뉴 */
#gnb {
    z-index: 300;
    display: flex;
    position: absolute;
    top: 60%;
    right: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}
#gnb button {
    display: block;
    align-self: center;
    background: none;
    border: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
#gnb button i {
    font-size: 25px;
    color: #333;
}
#gnb div {
    display: none;
    padding-left: 10px;
    align-self: center;
}
#gnb div a {
    display: block;
    font-size: 14px;
    font-family: 'PHC_Bold' !important;
    color: #555;
    line-height: 22px;
    letter-spacing: .05em;
}
#gnb div a:hover,
#gnb div a.on {
    color: #f04d22;
}
@media all and (max-width:1280px) {
    #gnb {
        right: 50px;
        top: 55%;
    }
}
@media all and (max-width:640px) {
    #gnb div a {
        font-size: 12px;
        line-height: 18px;
    }
}





/* ************************************** *
 * main layout
 * ************************************** */
/* main-common */
.main-h2 {
    font-size: 30px;
    font-family: 'PHC_Bold' !important;
}
.main-h2.h2-black {
    color: #111;
}
.main-h2.h2-white {
    text-shadow: #2c5a91 0 0 15px;
    color: #fff;
}
@media all and (max-width:640px) {
    .main-h2 {
        font-size: 22px;
    }
}
/* main-video */
.main-video {
    overflow: hidden;
    position: relative;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    height: 100vh;
    max-height: 950px;
    margin-top: 130px;
    box-sizing: border-box;
}
.main-video p {
    position: absolute;
    z-index: 10;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    width: 80%;
    font-size: 70px;
    font-family: 'PHC_ExtraBold' !important;
    color: #fff;
    text-shadow: #2c5a91 0 0 30px;
}
.main-video .video-area {
    z-index: 1;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
}
.main-video .video-area::after {
    z-index: 2;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.1);
}
.main-video .video-area .video-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.main-video .video-js .vjs-tech {
    object-fit: cover !important;
}
@media all and (max-width:1440px) {
    .main-video p {
        font-size: 50px;
    }
}
@media all and (max-width:1280px) {
    .main-video .video-js .vjs-tech {
        /* width: auto; */
    }
}
@media all and (max-width:640px) {
    .main-video {
        max-height: 698px;
        margin-top: 70px;
    }
    .main-video p {
        font-size: 32px;
    }
}
@media all and (max-width:425px) {
    .main-video {
        max-height: 530px;
    }
    .main-video p {
        font-size: 24px;
    }
}
/* main-our-business */
.main-our-business {
    padding: 100px 0;
    box-sizing: border-box;
}
.main-our-business.bg2 {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    background-color: #333;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, .1) 1px, transparent 1px);
    background-size: 20px 20px;
}
.main-our-business.bg2 ul {
    width: 100%;
    max-width: 90% !important;
    margin: 20px auto 0;
}
.main-our-business.bg2 .main-h2 {
    color: #fff;
    padding-left: 5%;
}
.main-our-business ul {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 20px;
}
.main-our-business ul li {
    position: relative;
    flex: 1 1 calc((100%) / 5);
    height: 750px;
    align-items: center;
    justify-content: center;
    transition: all ease .75s;
    text-align: center;
    background-position: center;
    background-size: cover !important;
}
.main-our-business ul li.active {
    flex: 1 1 calc(((100%) / 5) * 2);
}
.main-our-business ul li:nth-of-type(1) {
    background: url('../images/main/our-business01.jpg') no-repeat center;
}
.main-our-business ul li:nth-of-type(2) {
    background: url('../images/main/our-business02.jpg') no-repeat center;
}
.main-our-business ul li:nth-of-type(3) {
    background: url('../images/main/our-business03.jpg') no-repeat center;
}
.main-our-business ul li:nth-of-type(4) {
    background: url('../images/main/our-business04.jpg') no-repeat center;
}
.main-our-business ul li .txt-our-business {
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    width: 90%;
    transition: all ease .5s;
}
.main-our-business ul li .txt-our-business p {
    font-size: 21px;
    font-family: 'PHC_Bold' !important;
    color: #fff;
}
.main-our-business ul li .txt-our-business a {
    display: inline-block;
    padding: 0 15px;
    background: rgba(255,255,255,.2);
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    -moz-backdrop-filter: blur(16px);
    -ms-backdrop-filter: blur(16px);
    opacity: 0;
    height: 0 !important;
}
.main-our-business ul li:hover .txt-our-business a {
    opacity: 1;
    margin-top: 17px;
    height: auto !important;
}
.main-our-business ul li .txt-our-business a:hover {
    background: rgba(255,255,255,.8);
    color: #111;
}
@media all and (max-width:990px) {
    .main-our-business ul li {
        height: 500px;
    }
    .main-our-business ul li,
    .main-our-business ul li.active {
        flex: initial;
        width: calc((100%)/2);
        justify-content: flex-start;
    }
}
@media all and (max-width:640px) {
    .main-our-business {
        padding: 60px 0;
    }
    .main-our-business ul li {
        height: 300px;
    }
    .main-our-business ul li .txt-our-business p {
        font-size: 17px;
    }
}
/* main-global-network */
.main-global-network {
    position: relative;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    padding: 70px 0 120px;
    background-color: #05080f;
    text-align: center;
}
.main-global-network > div {
    max-width: 90% !important;
    margin: 0 auto;
}
.main-global-network h2 {
    z-index: 2;
    padding-bottom: 40px;
    text-align: left;
    /* position: absolute;
    left: 5%;
    top: 70px; */
}
.global-network-count {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
/* .main-global-network .global-network-count {
    z-index: 2;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
} */
.global-network-count li {
    float: left;
    width: 50%;
    text-align: center;
    color: #222;
}
.main-global-network .global-network-count li {
    color: #fff;
}
.global-network-count li:nth-of-type(1) {
    border-right: solid 1px #ccc;
}
.main-global-network .global-network-count li:nth-of-type(1) {
    border-right: solid 1px #fff;
}
.global-network-count li p {
    font-family: 'PHC_ExtraBold' !important;
    font-size: 60px;
    color: #f04d22;
}
.main-global-network .global-network-count li p {
    color: #fff;
}
.global-network-count li h3 {
    font-size: 27px;
}
@media all and (max-width:990px) {
    .main-global-network {
        padding: 70px 0 90px;
    }
    .global-network-count li p {
        font-size: 42px;
    }
    .global-network-count li h3 {
        font-size: 15px;
    }
}
@media all and (max-width:640px) {
    .main-global-network {
        padding: 50px 0 70px;
    }
    .global-network-count li p {
        font-size: 42px;
    }
    .global-network-count li h3 {
        font-size: 15px;
    }
}
/*
.main-global-network .global-arrow {
    z-index: 2;
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
}
.main-global-network .global-arrow div {
    position: relative;
    width: 1273px;
    height: 404px;
    background: url('../images/main/global-arrow.png') no-repeat;
    background-size: 100% 100%;
}
.main-global-network .global-arrow div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.main-global-network .bg-global-network {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    width: 100%;
    max-width: 1400px;
    height: 100%;
    background: url('../images/main/global-network2.jpg') no-repeat center top;
}
@media all and (max-width:1280px) {
    .main-global-network {
        height: 850px;
    }
    .main-global-network .global-arrow div {
        width: 990px;
        height: 314px;
    }
}
@media all and (max-width:990px) {
    .main-global-network {
        height: 800px;
    }
    .main-global-network .global-arrow {
        top: 30%;
    }
    .main-global-network .global-arrow div {
        width: 640px;
        height: 203px;
    }
    .main-global-network .bg-global-network {
        background-size: 130%;
    }
}
@media all and (max-width:640px) {
    .main-global-network {
        height: 600px;
    }
    .main-global-network h2 {
        top: 50px;
    }
    .main-global-network .global-arrow div {
        width: 425px;
        height: 135px;
    }
    .main-global-network .global-network-count {
        bottom: 70px;
    }
    .global-network-count li p {
        font-size: 42px;
    }
    .global-network-count li h3 {
        font-size: 15px;
    }
}
@media all and (max-width:425px) {
    .main-global-network {
        max-height: 470px;
    }
    .main-global-network .global-arrow div {
        width: 300px;
        height: 95px;
    }
}
*/
/* main-media */
.main-media {
    padding: 70px 0;
    box-sizing: border-box;
}
.media-area-wrap {
    display: flex;
    margin-top: 50px;
}
.media-area-big {
    flex: 1 1 76%;
    margin-right: 70px;
}
.media-area-small {
    flex: 1 1 24%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.media-area-big div,
.media-area-small div {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.media-area-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media all and (max-width:990px) {
    .media-area-wrap {
        flex-flow: row wrap;
    }
    .media-area-big {
        flex: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .media-area-small {
        flex: 100%;
        flex-direction: row;
    }
    .media-area-small div {
        flex: 0 0 calc(50% - 10px);
        padding-bottom: 28.12%;
    }
    .media-area-small div:nth-of-type(3) {
        display: none;
    }
}
@media all and (max-width:640px) {
    .media-area-wrap {
        margin-top: 30px;
    }
}
/* main-compliance */
.main-compliance {
    position: relative;
    height: 700px;
}
.main-compliance .bg-compliance {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    background: url('../images/main/compliance.jpg') no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
.main-compliance h2 {
    z-index: 2;
    position: absolute;
    top: 70px;
}
.main-compliance p {
    z-index: 2;
    position: absolute;
    bottom: 70px;
    font-size: 22px;
    color: #fff;
    line-height: 1.7em;
}
@media all and (max-width:990px) {
    .main-compliance .bg-compliance {
        background-attachment: inherit;
    }
}
@media all and (max-width:640px) {
    .main-compliance {
        height: 500px;
    }
    .main-compliance p {
        font-size: 16px;
    }
}





/* ************************************** *
 * contents common layout
 * ************************************** */
.h3-orang-line {
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-family: 'PHC_Bold' !important;
    font-size: 24px;
    color: #f04d22;
    border-bottom: solid 2px #f04d22;
}
.business .h3-orang-line,
.contact-us .h3-orang-line:nth-of-type(2) {
    margin-top: 120px;
}
.company-topimg {
     animation-name: fade-in;
     animation-duration: 2s;
     transition: all 2s ease-in-out;
     -webkit-transition: all 2s ease-in-out;
     -moz-transition: all 2s ease-in-out;
     -ms-transition: all 2s ease-in-out;
}
.p-company-top {
    padding: 80px 0 150px;
    font-size: 27px;
    color: #111;
    line-height: 1.8em;
    text-align: center;
}
@media all and (max-width:1440px) {
    .company-topimg {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
    }
}
@media all and (max-width:640px) {
    .h3-orang-line {
        margin-bottom: 20px;
        font-size: 19px;
    }
    .business .h3-orang-line,
    .contact-us .h3-orang-line:nth-of-type(2) {
        margin-top: 80px;
    }
    .p-company-top {
        padding: 50px 0 120px;
        font-size: 19px;
    }
}
@media all and (max-width:425px) {
    .p-company-top {
        font-size: 17px;
    }
}





/* ************************************** *
 * company
 * ************************************** */
/* about-us */
.about-us_logo img {
    height: 120px;
}
.about-us_logo {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 700px;
}
.au_logo {
    transition: transform 1.5s ease, opacity 1.5s ease;
}
.au_logo.left {
    transform: translate(-300px,-200px);
}
.au_logo.right {
    transform: translate(300px,-200px);
}
.au_logo.animate {
    transform: translate(0,200px);
}
.p-about01 {
    font-size: 27px;
    color: #111;
    line-height: 1.8em;
    text-align: center;
}
.about-us_img {
    width: 100vw !important;
    margin: 150px 0 150px calc(-50vw + 50%);
    height: 500px;
    background: url('../images/sub/about-us_img.jpg') no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
.p-about02 {
    padding: 50px 0;
    font-size: 22px;
    color: #222;
    line-height: 1.8em;
}
.about-us-info .info-row div {
    padding-top: 70px;
}
.about-us-info p {
    font-size: 20px;
    color: #222;
    line-height: 2em;
}
.about-us-info .top-row {
    display: flex;
    justify-content: space-between;
}
.about-us-info .top-row span {
    display: block;
}
.about-us-info .bot-row p {
    display: flex;
    justify-content: space-between;
}
.about-us-info .bot-row p span a {
    color: #999;
    display: inline-block;
    transform: scale(1);
    transition: all .5s;
}
.about-us-info .bot-row p span a:hover {
    transform: scale(1.1);
    padding-left: 8px;
}
@media all and (max-width:1280px) {
    .au_logo.left {
        transform: translate(-180px,-200px);
    }
    .au_logo.right {
        transform: translate(180px,-200px);
    }
    .au_logo.animate {
        transform: translate(0,200px);
    }
}
@media all and (max-width:990px) {
    .about-us_logo {
        height: 600px;
    }
    .about-us_logo img {
        height: 90px;
    }
    .au_logo {
        transition: transform 1s ease, opacity 1s ease;
    }
    .au_logo.left {
        transform: translate(-140px,-200px);
    }
    .au_logo.right {
        transform: translate(140px,-200px);
    }
    .au_logo.animate {
        transform: translate(0,200px);
    }
    .about-us_img {
        background-attachment: inherit;
    }
    .about-us-info .bot-row p {
        flex-wrap: wrap;
    }
    .about-us-info .bot-row p span {
        flex: 1 1 50%;
    }
}
@media all and (max-width:768px) {
    .about-us_logo img {
        height: 60px;
    }
    .au_logo.left {
        transform: translate(-120px,-200px);
    }
    .au_logo.right {
        transform: translate(120px,-200px);
    }
    .au_logo.animate {
        transform: translate(0,200px);
    }
}
@media all and (max-width:640px) {
    .about-us_logo img {
        height: 50px;
    }
    .au_logo.left {
        transform: translate(-100px,-200px);
    }
    .au_logo.right {
        transform: translate(100px,-200px);
    }
    .au_logo.animate {
        transform: translate(0,200px);
    }
    .p-about01 {
        font-size: 21px;
    }
    .about-us_img {
        margin: 100px 0 100px calc(-50vw + 50%);
        height: 350px;
        background-size: cover;
    }
    .about-us_logo03 img {
        height: 50px;
    }
    .p-about02 {
        padding: 35px 0;
        font-size: 16px;
    }
    .about-us-info .info-row div {
        padding-top: 30px;
    }
    .about-us-info p {
        font-size: 16px;
    }
}
@media all and (max-width:425px) {
    .about-us_logo {
        height: 500px;
    }
    .about-us_logo img {
        height: 40px;
    }
    .au_logo.left {
        transform: translate(-70px,-200px);
    }
    .au_logo.right {
        transform: translate(70px,-200px);
    }
    .au_logo.animate {
        transform: translate(0,170px);
    }
    .p-about01 {
        font-size: 17px;
    }
    .about-us-info .top-row {
        display: block;
    }
    .about-us-info .top-row p {
        display: flex;
    }
    .about-us-info .top-row p span {
        flex: 1;
    }
    .about-us-info .bot-row p span {
        flex: 1 1 100%;
    }
}
@media all and (max-width:375px) {
    .about-us_logo {
        height: 400px;
    }
    .about-us_logo img {
        height: 30px;
    }
    .au_logo.left {
        transform: translate(-50px,-140px);
    }
    .au_logo.right {
        transform: translate(50px,-140px);
    }
    .au_logo.animate {
        transform: translate(0,140px);
    }
}
/* brand */
.brand-logobox {
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    border: solid 1px #c7c7c7;
    background-color: #f9f9f9;
    background-image: linear-gradient(to right, rgba(0,0,0,.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,.1) 1px, transparent 1px);
    background-size: 14px 14px
}
.p-logobox {
    padding: 30px 0 100px;
    font-size: 22px;
    color: #222;
    line-height: 1.8em;
}
@media all and (max-width:640px) {
    .p-logobox {
        padding: 20px 0 70px;
        font-size: 16px;
    }
}
/* affiliates */
.affiliates-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 100px;
}
.affiliates-logo span {
    flex: 0 0 calc(33.33% - 100px);
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.affiliates-logo img {
    height: 60px;
}
@media all and (max-width:990px) {
    .affiliates-logo {
        margin-bottom: 50px;
    }
    .affiliates-logo span {
        flex: 0 0 calc(50% - 30px);
    }
    .affiliates-logo img {
        height: 45px;
    }
}
/* global-network */
.global-network .global-network-count {
    padding: 70px 0;
}
.global-network-map {
    position: relative;
    width: 1284px;
    margin: 0 auto 50px;
}
.global-network-map span {
    position: absolute;
    left: 0;
    top: 0;
}
.location-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px;
    text-align: center;
}
.location-box div {
    flex: 0 0 calc(33.33% - 40px);
    border-top: solid 3px #f04d22;
    border-bottom: solid 1px #aaa;
}
.location-box div h3 {
    padding: 15px 0;
    font-family: 'PHC_ExtraBold' !important;
    font-size: 22px;
    color: #222;
}
.location-box div p {
    border-top: dotted 1px #ccc;
    padding: 20px 0;
    font-size: 18px;
    color: #f04d22;
}
@media all and (max-width:1280px) {
    .global-network-map {
        width: 100%;
    }
}
@media all and (max-width:990px) {
    .location-box {
        gap: 20px;
    }
    .location-box div {
        flex: 100%;
    }
}
@media all and (max-width:640px) {
    .global-network .global-network-count {
        padding: 30px 0;
    }
    .global-network-map {
        margin-bottom: 20px;
    }
    .location-box div h3 {
        padding: 10px 0;
        font-size: 19px;
    }
    .location-box div p {
        padding: 15px 0;
        font-size: 15px;
    }
}
/* compliance */
.compliance .p-company-top {
    text-align: left;
}
.p-compliance {
    font-family: 'PHC_Bold' !important;
    font-size: 24px;
    color: #222;
    line-height: 1.6em;
}
.compliance-wrapper {
    padding: 50px 0;
    text-align: center;
}
.compliance-header {
    background-color: #f04d22;
    padding: 20px;
    border-radius: 10px;
    font-size: 22px;
    font-family: 'PHC_ExtraBold' !important;
    color: #fff;
}
.compliance-content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 40px;
    flex-wrap: wrap;
}
.compliance-content > div:nth-child(1) {
    flex-grow: 2;
}
.compliance-content > div:nth-child(2) {
    flex-shrink: 0;
    width: 100px;
}
.compliance-content > div:nth-child(3) {
    flex-grow: 1;
}
.section-title {
    margin-bottom: 20px;
    background-color: #666;
    padding: 20px 10px;
    border-radius: 10px;
    font-size: 22px;
    font-family: 'PHC_ExtraBold' !important;
    color: #fff;
}
.compliance-section.categories {
    display: grid;
    gap: 20px;
    flex-direction: column;
}
.compliance-section.categories .section-title {
    grid-column: 1 / -1;
}
.compliance-section.categories .item-group {
    border: 2px dashed #aaa;
    padding: 15px;
    border-radius: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.compliance-section .item {
    background-color: #ddd;
    padding: 20px 10px;
    border-radius: 10px;
    font-size: 18px;
}
.compliance-section.linked-program .item {
    margin-top: 80px;
}
.compliance-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100px;
    color: #eee;
    animation: shakeLR 1.5s infinite ease-in-out;
    line-height: 1;
}
.compliance dt {
    font-family: 'PHC_ExtraBold' !important;
    font-size: 21px;
    color: #222;
}
.compliance dd {
    padding: 5px 0 20px 25px;
    font-size: 20px;
    color: #555;
    line-height: 1.6em;
}
@media all and (max-width:1280px) {
    .compliance-content {
        flex-direction: column;
        gap: 10px;
    }
    .compliance-content > div:nth-child(1),
    .compliance-content > div:nth-child(3) {
        flex-grow: 1;
    }
    .compliance-content > div:nth-child(2) {
        width: 100%;
    }
    .compliance-section.linked-program .item {
        margin-top: 0;
    }
    .compliance-arrow {
        display: block;
        animation: shakeTB 1.5s infinite ease-in-out;
    }
    .compliance-arrow div {
        transform: rotate(90deg);
    }
}
@media all and (max-width:640px) {
    .p-compliance {
        font-size: 19px;
    }
    .compliance-header {
        padding: 15px;
        font-size: 18px;
    }
    .section-title {
        margin-bottom: 0;
        padding: 15px 10px;
        font-size: 18px;
    }
    .compliance-section .item {
        padding: 15px 10px;
        font-size: 15px;
    }
    .compliance-section.linked-program .item {
        margin-top: 15px;
    }
    .compliance-arrow {
        margin-top: -10px;
        font-size: 60px;
    }
    .compliance dt {
        font-size: 17px;
    }
    .compliance dd {
        padding-left: 22px;
        font-size: 15px;
    }
}





/* ************************************** *
 * business
 * ************************************** */
/* common */
.business img,
.business-header img,
.business-content img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
/* business-header ::  Auto parts aftermarket 제품클릭영역 */
.business-header {
    display: flex;
    flex-flow: wrap;
    gap: 60px;
    padding-bottom: 100px;
    border-bottom: dotted 2px #aaa;
}
.business-header .bh-item {
    flex: 0 0 calc(25% - 45px);
}
.business-header .bh-item button {
    text-align: center;
}
.business-header .bh-item button p {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    font-size: 17px;
    font-family: 'PHC_Bold' !important;
    line-height: 1.4em;
    color: #333;
}
.business-header .bh-item button p::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(.25,.85,.57,1);
}
.business-header .bh-item button:hover p::before {
    transform: scaleX(1);
}
@media all and (max-width:990px) {
    .business-header {
        gap: 30px;
    }
    .business-header .bh-item {
        flex: 0 0 calc(33.33% - 20px);
    }
}
@media all and (max-width:640px) {
    .business-header {
        padding-bottom: 70px;
    }
    .business-header .bh-item button p {
        padding-top: 15px;
        font-size: 14px;
    }
}
/* business-content ::  Auto parts aftermarket 제품설명영역 */
.business-content .bc-item {
    margin-top: 150px;
}
.bc-item .img-box {
    text-align: center;
}
.bc-item .img-box-list {
    display: flex;
    flex-flow: wrap;
    gap: 40px;
    justify-content: space-between;
}
.bc-item .img-box-list.list-colmn2 li {
    flex: 0 0 calc(50% - 40px);
}
.bc-item .img-box-list.list-colmn3 li {
    flex: 0 0 calc(33.33% - 40px);
}
.bc-item .img-box-list.list-colmn4 li {
    flex: 0 0 calc(25% - 40px);
}
.bc-item .img-box-list.list-colmn6 {
    margin-top: 40px;
}
.bc-item .img-box-list.list-colmn6 li {
    flex: 0 0 calc(16.66% - 40px);
}
.bc-item .img-box-list li p {
    padding-top: 20px;
    font-size: 16px;
    font-family: 'PHC_Bold' !important;
    line-height: 1.4em;
    color: #333;
}
.bc-item .txt-box h3,
.contact-us .h2-contact-us {
    padding: 50px 0 30px;
    font-family: 'PHC_ExtraBold' !important;
    font-size: 35px;
    color: #111;
    line-height: 1.4em;
}
.bc-item .txt-box p,
.contact-us > p {
    font-size: 20px;
    color: #555;
    line-height: 1.6em;
}
@media all and (max-width:990px) {
    .bc-item .img-box-list.list-colmn2 li,
    .bc-item .img-box-list.list-colmn3 li,
    .bc-item .img-box-list.list-colmn4 li {
        flex: 1;
    }
    .bc-item .img-box-list.list-colmn6 li {
        flex: 0 0 calc(33.33% - 40px);
    }
    .bc-item .img-box-list.list-filter li,
    .bc-item .img-box-list.list-wiper li {
        flex: 0 0 calc(50% - 20px);
    }
}
@media all and (max-width:640px) {
    .business-content .bc-item {
        margin-top: 100px;
    }
    .bc-item .img-box-list {
        gap: 20px;
    }
    .bc-item .img-box-list.list-colmn6 li {
        flex: 0 0 calc(33.33% - 20px);
    }
    .bc-item .img-box-list li p {
        font-size: 14px;
    }
    .bc-item .txt-box h3,
    .contact-us .h2-contact-us {
        padding: 40px 0 15px;
        font-size: 25px;
    }
    .bc-item .txt-box p,
    .contact-us > p {
        font-size: 17px;
    }
}
/* Ranges content :: Industrial solution - Turbo Blower */
.turb-blow-cont {
    display: flex;
    flex: 1;
    float: left;
    max-width: 50%;
}
.turbo-blower-spec .turb-blow-cont {
    align-items: center;
}
.turb-blow-cont .img-box {
    flex: 1 1 30%;
    text-align: center;
}
.turb-blow-cont .txt-box {
    flex: 1 1 70%;
    padding-left: 20px;
}
.turb-blow-cont .txt-box h4,
.agri-mach-cont .txt-box h4 {
    padding: 30px 0 10px;
    font-size: 22px;
    font-family: 'PHC_Bold' !important;
    color: #188d9a;
    text-decoration: underline;
}
.agri-mach-cont .txt-box h4 {
    color: #d23142;;
}
.turb-blow-cont .txt-box p:nth-of-type(1),
.agri-mach-cont .txt-box p {
    font-size: 20px;
    color: #333;
}
.turb-blow-cont .txt-box p:nth-of-type(2) {
    padding-top: 25px;
    font-size: 17px;
    font-family: 'PHC_Bold' !important;
    line-height: 1.4em;
    color: #111;
}
.turb-blow-cont .txt-box ul,
.turb-blow-appl .turbo-appl-list ul {
    padding-top: 20px;
}
.turb-blow-cont .txt-box li,
.turb-blow-appl .turbo-appl-list li,
.indu-solu-cert-p li,
.indu-solu-appl .txt-box li,
.carw-mach-cont .txt-box li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 17px;
    color: #555;
    line-height: 1.4em;
}
.turb-blow-cont .txt-box li::before,
.turb-blow-appl .turbo-appl-list li::before,
.indu-solu-cert-p li::before,
.indu-solu-appl .txt-box li::before,
.carw-mach-cont .txt-box li::before {
    position: absolute;
    left: 0;
    content: "ㆍ";
}
.ranges-list {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 50px;
}
.automation-parts .ranges-list > div {
    flex: 0 0 calc(20% - 40px);
}
.agricultural-machines .ranges-list > div {
    flex: 0 0 calc(33.33% - 40px);
}
@media all and (max-width:990px) {
    .turb-blow-cont {
        float: none;
        max-width: 100%;
    }
    .ranges-content .turb-blow-cont {
        margin-bottom: 40px;
    }
    .automation-parts .ranges-list > div {
        flex: 0 0 calc(33.33% - 40px);
    }
}
@media all and (max-width:640px) {
    .ranges-content .turb-blow-cont {
        display: block;
    }
    .ranges-content .turb-blow-cont .img-box {
        max-width: 70%;
        margin: 0 auto;
    }
    .turb-blow-cont .txt-box h4,
    .agri-mach-cont .txt-box h4 {
        font-size: 19px;
    }
    .turb-blow-cont .txt-box p:nth-of-type(1),
    .agri-mach-cont .txt-box p {
        font-size: 17px;
    }
    .turb-blow-cont .txt-box p:nth-of-type(2),
    .turb-blow-cont .txt-box li,
    .turb-blow-appl .turbo-appl-list li,
    .indu-solu-cert-p li,
    .carw-mach-cont .txt-box li {
        font-size: 15px;
    }
    .turb-blow-cont .txt-box ul,
    .turb-blow-appl .turbo-appl-list ul {
        padding-top: 15px;
    }
    .ranges-list {
        gap: 30px;
    }
    .automation-parts .ranges-list > div {
        flex: 0 0 calc(33.33% - 20px);
    }
    .agricultural-machines .ranges-list > div {
        flex: 0 0 calc(50% - 20px);
    }
}
/* Specification table :: Industrial solution */
.spec-content {
    margin: 20px 0 60px;
}
.tbl-spec,
.tbl-av-spec {
    border-collapse: collapse;
    text-align: center;
}
.tbl-spec thead th {
    padding: 12px;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    background-color: #555;
    font-size: 15px;
    color: #fff;
}
.tbl-spec thead tr:first-child th:first-child {
    border-left: solid 1px #555;
}
.tbl-spec thead th:last-child {
    border-right: solid 1px #555;
}
.tbl-spec thead th.th-bg-orange {
    background-color: #f04d22;
}
.tbl-spec tbody td {
    padding: 7px;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    font-size: 14px;
    color: #333;
}
.tbl-spec tbody td:last-child {
    border-right: solid 1px #ddd;
}
table td.td-bg-gray {
    background-color: #f0f0f0;
}
table td.td-bg-purple1 {
    background-color: #e6e0ec;
}
table td.td-bg-purple2 {
    background-color: #b3a2c7;
}
table td.td-bg-blue1 {
    background-color: #dbeef4;
}
table td.td-bg-blue2 {
    background-color: #b7dee8;
}
table td.td-bg-yellow {
    background-color: #ffffcc;
}
table td.td-bg-green1 {
    background-color: #ebf1de;
}
table td.td-bg-green2 {
    background-color: #d7e4bd;
}
table td.td-bg-orange1 {
    background-color: #fdeada;
}
table td.td-bg-orange2 {
    background-color: #fcd5b5;
}
@media all and (max-width:990px) {
    .div-tbl {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .div-tbl::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #eee;
    }
    .div-tbl::-webkit-scrollbar {
        height: 5px;
        background-color: #eee;
    }
    .div-tbl::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #777;
    }
    .div-tbl .tbl-spec,
    .div-tbl .tbl-av-spec {
        width: 990px;
    }
    .p-div-tbl {
        padding-top: 10px;
        font-size: 13px;
        color: #555;
        text-align: right;
    }
}
@media all and (max-width:640px) {
    .div-tbl .tbl-spec,
    .div-tbl .tbl-av-spec {
        width: 640px;
    }
}
/* Specification table :: Agricultural vehicles */
.agri-mach-spec {
    display: flex;
    align-items: center;
    padding-bottom: 60px;
}
.agri-mach-cont {
    flex: 1 1 40%;
    text-align: center;
}
.agri-mach-table {
    flex: 1 1 60%;
    padding-left: 50px;
}
.tbl-av-spec {
    border-top: solid 3px #d23142;
}
.tbl-av-spec tbody th[scope="row"] {
    padding: 10px;
    border-bottom: solid 1px #ccc;
    background-color: #f0f0f0;
    font-size: 15px;
    color: #111;
}
.tbl-av-spec tbody th[scope="col"] {
    padding: 7px;
    background: rgba(210,49,66,.1);
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    font-size: 14px;
    color: #111;
}
.tbl-av-spec tbody td {
    padding: 7px;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    color: #333;
}
.tbl-av-spec tbody td:nth-of-type(2),
.tbl-av-spec tbody td:nth-of-type(3) {
    border-left: solid 1px #ddd;
}
@media all and (max-width:990px) {
    .agri-mach-spec {
        display: block;
    }
    .agri-mach-cont {
        display: flex;
        flex: 1;
        align-items: center;
        text-align: left;
    }
    .agri-mach-cont .img-box {
        flex: 1 1 30%;
        text-align: center;
    }
    .agri-mach-cont .txt-box {
        flex: 1 1 70%;
        padding-left: 20px;
    }
    .agri-mach-table {
        padding-left: 0;
        padding-top: 20px;
    }
    .turbo-blower-spec .turb-blow-cont {
        align-items: center;
    }
}
/* Certified Excellence :: Industrial solution - Turbo Blower */
.turb-blow-cert {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
}
.turb-blow-cert li {
    flex: 1;
}
@media all and (max-width:640px) {
    .turb-blow-cert {
        gap: 20px;
    }
    .turb-blow-cert li {
        flex: 0 0 calc(50% - 15px);
    }
}
/* Certified Excellence :: Industrial solution - UV CURED GRP : Automation parts */
.indu-solu-cert {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.indu-solu-cert li {
    flex: 1;
}
.indu-solu-cert li p,
.ranges-list p,
.carw-mach-cont .img-box p {
    padding-top: 20px;
    font-size: 17px;
    font-family: 'PHC_Bold' !important;
    line-height: 1.4em;
    color: #111;
    text-align: center;
}
.indu-solu-cert li img {
    border: solid 2px #ddd;
}
.indu-solu-cert-p {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.indu-solu-cert-p li {
    flex: 1 1 50%;
}
@media all and (max-width:990px) {
    .indu-solu-cert li {
        flex: 0 0 calc(33.33% - 30px);
    }
    .indu-solu-cert-p li {
        flex: 1 1 100%;
    }
}
@media all and (max-width:640px) {
    .indu-solu-cert {
        gap: 20px;
    }
    .indu-solu-cert li {
        flex: 0 0 calc(33.33% - 15px);
    }
    .indu-solu-cert li p,
    .ranges-list p,
    .carw-mach-cont .img-box p {
        font-size: 15px;
    }
    .indu-solu-cert-p {
        padding-top: 30px;
    }
}
/* Applications :: Industrial solution - Turbo Blower */
.turb-blow-appl {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: space-between;
}
.turb-blow-appl .turbo-appl-list {
    flex: 0 0 calc(50% - 40px);
}
.turb-blow-appl .turbo-appl-list p {
    padding: 10px 0;
    background-color: #222a35;
    font-family: 'PHC_Bold' !important;
    font-size: 19px;
    line-height: 1.4em;
    color: #fff;
    text-align: center;
}
@media all and (max-width:990px) {
    .turb-blow-appl .turbo-appl-list {
        flex: 100%;
    }
}
@media all and (max-width:640px) {
    .turb-blow-appl .turbo-appl-list p {
        padding: 7px 0;
        font-size: 16px;
    }
}
/* Applications :: Industrial solution - UV CURED GRP : Automation parts */
.indu-solu-appl {
    display: flex;
    flex-flow: row wrap;
}
.indu-solu-appl .img-box {
    flex: 1 1 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.indu-solu-appl .img-box div {
    flex: 0 0 calc(50% - 10px);
}
.indu-solu-appl .txt-box {
    flex: 1 1 30%;
    padding-left: 30px;
}
@media all and (max-width:1280px) {
    .automation-parts .indu-solu-appl .img-box {
        flex: 100%;
    }
    .automation-parts .indu-solu-appl .txt-box {
        flex: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
}
@media all and (max-width:990px) {
    .indu-solu-appl .img-box {
        flex: 100%;
    }
    .indu-solu-appl .txt-box {
        flex: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
}
/* Project references :: Industrial solution - Automation parts */
.proj-refe-list {
    display: flex;
    gap: 10px;
    align-items: stretch;
}
.proj-refe-item {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.proj-refe-item .img-box {
    z-index: 1;
}
.proj-refe-item .img-box img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}
.proj-refe-item p {
    z-index: 2;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 5%;
    font-size: 17px;
    font-family: 'PHC_Bold' !important;
    text-shadow: #2e2e2e 0 0 5px;
    line-height: 1.4em;
    color: #fff;
    text-align: center;
}
@media all and (max-width:640px) {
    .proj-refe-list {
        flex-flow: row wrap;
    }
    .proj-refe-item:nth-of-type(1),
    .proj-refe-item:nth-of-type(2) {
        flex: 0 0 calc(50% - 5px);
    }
    .proj-refe-item:nth-of-type(3) {
        flex: 100%;
    }
    .proj-refe-item p {
        font-size: 14px;
    }
}
/* Information :: Car wash machin */
.carw-mach-cont:nth-of-type(2) {
    margin-top: 100px;
}
.carw-mach-cont .img-box {
    text-align: center;
}
.carw-mach-cont .txt-box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    padding-top: 60px;
}
.carw-mach-cont .txt-box > div {
    flex: 1;
}
.carw-mach-cont .txt-box h4 {
    display: inline-block;
    padding: 0 24px;
    border-left: solid 5px #111;
    background-color: #f04d22;
    font-size: 19px;
    font-family: 'PHC_Bold' !important;
    color: #fff;
    line-height: 40px;
}
.carw-mach-cont .txt-box ul {
    height: 90%;
    padding: 20px;
    border: solid 1px #111;
    box-sizing: border-box;
    border-radius: 0 20px 20px 20px;
}
@media all and (max-width:990px) {
    .carw-mach-cont .txt-box > div {
        flex: 100%;
    }
}
@media all and (max-width:640px) {
    .carw-mach-cont .txt-box {
        gap: 25px;
        padding-top: 40px;
    }
    .carw-mach-cont .txt-box h4 {
        padding: 0 20px;
        font-size: 17px;
        line-height: 35px;
    }
    .carw-mach-cont .txt-box ul {
        padding: 15px;
        border-radius: 0 15px 15px 15px;
    }
}
/* Media :: Agricultural vehicles */
.business-media .video-js.vjs-fluid {
    width: 100% !important;
    height: auto !important;
}
.business-media .video-js .vjs-poster {
    background-size: cover;
    background-position: center;
}
.business-youtube {
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.business-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/* ************************************** *
 * Contact us
 * ************************************** */
.contact-us form {
    margin-top: 40px;
}
.basic-write-skin .p-required {
    padding-bottom: 10px;
    text-align: right;
}
.basic-write-skin .p-required i,
.basic-write-skin dt i {
    font-size: 13px;
    color: #f04d22;
}
.basic-write-skin dl {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    border-top: solid 2px #333;
}
.basic-write-skin dt {
    flex: 1 1 25%;
    padding: 20px 0 20px 30px;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
    font-family: 'PHC_Bold' !important;
    font-size: 16px;
    color: #222;
    line-height: 46px;
}
.basic-write-skin dd {
    flex: 1 1 75%;
    padding: 20px 0;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 15px;
    color: #333;
}
.basic-write-skin .input-text,
.basic-write-skin .input-select {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    border: solid 1px #f1f1f1;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
    background: #f1f1f1;
    color: #333;
}
.basic-write-skin .input-select {
    background: #f1f1f1 url('../images/sub/bg-arr-select-black.png') no-repeat right 15px center;
}
.basic-write-skin .input-textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    padding: 10px 15px;
    border: solid 1px #f1f1f1;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
    background: #f1f1f1;
    color: #333;
}
.custom-checkbox {
    margin-top: 7px;
}
.custom-checkbox input {
    display: none;
}
.custom-checkbox span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #f04d22;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.custom-checkbox span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: #f04d22;
    transition: bottom .3s ease;
    z-index: 0;
}
.custom-checkbox input:checked + span::before {
    bottom: 0;
}
.custom-checkbox span::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 3px;
    width: 10px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    z-index: 1;
    opacity: 0;
    transition: opacity .2s ease .15s;
}
.custom-checkbox input:checked + span::after {
    opacity: 1;
}
.bot-submit {
    margin-top: 30px;
    text-align: center;
}
.bot-submit button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    max-width: 250px;
    padding: 10px 20px;
    vertical-align: middle;
    border: solid 2px #f04d22;
    border-radius: 30px;
    box-sizing: border-box;
    font-size: 19px;
    font-family: 'PHC_Bold' !important;
    color: #f04d22;
    background-color: transparent;
    overflow: hidden;
    z-index: 0;
    transition: color 0.3s ease;
}
.bot-submit button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f04d22;
    z-index: -1;
    transition: top 0.3s ease;
}
.bot-submit button:hover::before {
    top: 0;
}
.bot-submit button:hover {
    color: #fff;
}
@media all and (max-width:990px) {
    .basic-write-skin dt {
        flex: 100%;
        padding: 20px 0 0 0;
        border-bottom: 0;
        line-height: 1em;
    }
    .basic-write-skin dd {
        flex: 100%;
        padding: 10px 0 20px 0;
    }
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
footer {
    width: 100%;
    padding: 40px 0;
    background: #252525;
}
.footer-in {
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.footer-in img {
    height: 35px;
}
.footer-in address {
    padding-top: 30px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.7em;
    color: #fff;
}
.footer-in address .complies {
    display: block;
    width: 75%;
}
.footer-in address .pr {
     margin-right: 20px;
}
.footer-in .copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 15px;
    color: #fff;
}
.footer-in .btn-top {
    z-index: 30;
    position: fixed;
    display: none;
    bottom: 50px;
    right: 5%;
}
.footer-in .btn-top button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: rgba(131,131,131,.5);
    font-family: 'PHC_Bold' !important;
    font-size: 16px;
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    transform: scale(1);
    transition: all .5s;
}
.footer-in .btn-top:hover button {
    background: rgba(131,131,131,.3);
    transform: scale(1.2);
}
@media all and (max-width:1280px) {
    .footer-in .copyright {
        position: static;
        padding-top: 20px;
    }
    .footer-in .btn-top {
        bottom: 50px;
    }
    .footer-in address .complies {
        width: 90%;
    }
}
@media all and (max-width:640px) {
    footer {
        padding: 30px 0;
    }
    .footer-in img {
        height: 25px;
    }
    .footer-in address {
        padding-top: 20px;
        font-size: 13px;
    }
    .footer-in .copyright {
        font-size: 13px;
    }
    .footer-in .btn-top {
        bottom: 30px;
    }
    .footer-in .btn-top button {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
}