.page-content-wrap{
    overflow-x: unset;
}
html.is-mobile .page-content-wrap{
    overflow-x: hidden;
}
/*=================================================
                메인 슬라이드
=================================================*/
/*슬릭 슬라이더 기본 셋팅*/
.slick-slider-wrap{
    position: relative;
    height: 100vh;
}
.slick-slider{
    visibility: hidden;
}
.px-slide-visual{
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.center-slide .slick-slide{
    -webkit-transition:transform .5s;
    transition:transform .5s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.center-slide .slick-center{
    position: relative;
    z-index: 10;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.slick-center > *{

}
/*메인슬라이더 셋팅*/
.main-slider{
}
.main-slider .slider-wrapper{
    position: relative;
    height: 800px;
    outline: none;
    overflow: hidden;
}
.main-slider .bg-wrap{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover;
}
.slider-wrapper .content-wrap{
    top:45%;
    width: 100%;
    padding: 0 30px;
    overflow: hidden;
}
@media screen and (min-width: 992px) {
    .slider-wrapper .content-wrap{
        top:50%;
    }
}
.slider-wrapper .content-wrap .subdesc{
  margin-bottom: 20px;
  font-size: 28px;
  color:#fff;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
    .slider-wrapper .content-wrap .subdesc {
      margin-bottom: 30px;
      font-size: 42px;
    }
}
.slider-wrapper .content-wrap .title{
    margin-bottom:20px;
    font-size:3rem;
    font-weight:300;
    color:#f8f7f7;
    overflow: hidden;
}
html[data-lang=en] .slider-wrapper .content-wrap .title,
html[data-lang=jp] .slider-wrapper .content-wrap .title,
html[data-lang=ch] .slider-wrapper .content-wrap .title{
    letter-spacing: normal;
}
html[data-lang=en] .slider-wrapper .content-wrap .title{
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.06em;
}
html[data-lang=jp] .slider-wrapper .content-wrap .title,
html[data-lang=ch] .slider-wrapper .content-wrap .title{
    letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
    .slider-wrapper .content-wrap .title {
        font-size: 4rem;
    }
}
@media screen and (min-width: 992px) {
    .slider-wrapper .content-wrap .title{
        margin-bottom:30px;
        font-size: 6.5rem;
    }
    html[data-lang=en] .slider-wrapper .content-wrap .title{
        font-size: 5.0rem;
    }
}
.slider-wrapper .content-wrap .title .text:before{
    content: "";
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 78px;
    height: 9px;
    background: url(/views/res/imgs/main/icon_title_point.jpg) 50% no-repeat;
    background-size:contain;
}
@media screen and (min-width: 992px) {
  .slider-wrapper .content-wrap .title .text:before{
    margin-bottom: 30px;
  }
}

.slider-wrapper .content-wrap .title .point {
    font-weight:700;
}
.slider-wrapper .content-wrap .sub-title{
    line-height: 1.5;
    font-size: 1.3rem;
    font-weight:400;
    color:#a3a3a3;
    overflow: hidden;
}
html[data-lang=en] .slider-wrapper .content-wrap .sub-title,
html[data-lang=jp] .slider-wrapper .content-wrap .sub-title,
html[data-lang=ch] .slider-wrapper .content-wrap .sub-title{
    letter-spacing: normal;
}
@media screen and (min-width: 768px) {
    .slider-wrapper .content-wrap .sub-title{
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 992px) {
    .slider-wrapper .content-wrap .sub-title{
        letter-spacing: 0.1em;
        font-size: 2rem;
    }
    html[data-lang=jp] .slider-wrapper .content-wrap .sub-title,
    html[data-lang=ch] .slider-wrapper .content-wrap .sub-title{
        font-size: 2.2rem;
    }
}
/*메인슬라이더 애니메이션 셋팅*/
.main-slider .slider-wrapper .bg-wrap{
    transform: scale(1);
    -webkit-transform: scale(1);
}
.main-slider .slider-wrapper.animated .bg-wrap{
    transition: transform 12s;
    -webkit-transition: transform 12s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.main-slider .stop .slider-wrapper.animated .bg-wrap{
    transition: transform 1s;
    -webkit-transition: transform 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.main-slider .content-wrap .subdesc .text,
.main-slider .content-wrap .title .text,
.main-slider .content-wrap .sub-title .text{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}
@media screen and (min-width: 992px){
    .main-slider .content-wrap .title .text,
    .main-slider .content-wrap .sub-title .text{
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
}
.main-slider .slider-wrapper.slick-active .subdesc .text{
    animation:slideUpAnimation .8s 0.8s forwards;
}
.main-slider .slider-wrapper.slick-active .title .text{
    animation:slideUpAnimation .8s 1.0s forwards;
}
.main-slider .slider-wrapper.slick-active .sub-title .text{
    animation:slideUpAnimation .8s 1.2s forwards;
}
.scroll-hint{
    position: absolute;
    bottom: 20%;
    left:50%;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color :#fff;
    letter-spacing: 0.03em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.scroll-hint-arrow{
    position: absolute;
    left: 50%;
    bottom: -29px;
    margin-left: -6.5px;
    animation: upDownAnimation .8s alternate backwards infinite;
}
@media screen and (min-width:992px){
    .scroll-hint {
        bottom: 100px;
    }
}
.slider-tab-wrap{
    position: absolute;
    bottom:0;
    right:0;
    width: 100%;
    font-family: Roboto, sans-serif;
}
@media screen and (min-width:992px){
    .slider-tab-wrap{
        bottom:40%;
        width: 240px;
    }
}
.slider-tab-wrap .tab-list{
    position: relative;
    width:50%;
    height: 60px;
    float: left;
    background-color: transparent;
    border: 1px solid #666;
    color:#666;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
}
.slider-tab-wrap .tab-list.current{
    background-color: #fff;
    border: none;
}
@media screen and (min-width:992px){
    .slider-tab-wrap .tab-list{
        width: 240px;
        float: none;
        margin-bottom: 10px;
    }
}
.slider-tab-wrap .tab-list .progress-bar-wrap{
    display: none;
    position: relative;
    height: 4px;
    background-color: #ddd;
}
.slider-tab-wrap .tab-list.current .progress-bar-wrap{
    display: block;
}

.slider-tab-wrap .tab-list .progress-bar{
    position: absolute;
    top:0;
    left:0;
    height: 4px;
    background-color: #ffa630;
}
.slider-tab-wrap .tab-list .text-wrap{
    width: 100%;
    padding-left:15px;
    color: #666;
}
.slider-tab-wrap .tab-list.current .text-wrap{
    color: #000;
}
.slider-tab-wrap .tab-list .text-wrap > *{
    vertical-align: middle;
}

.slider-tab-wrap .tab-list .text-wrap .num{
    font-size: 1.5rem;
    font-weight: 500;
}
.slider-tab-wrap .tab-list .text-wrap .bar{
    display: inline-block;
    width: 20px;
    height: 1px;
    margin: 0 12px 0 7px;
    background-color: #666;
}
.slider-tab-wrap .tab-list.current .text-wrap .bar{
    background-color: #000;
}
.slider-tab-wrap .tab-list .text-wrap .cont{
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/*=================================================
            메인 섹션컨텐츠 공통
=================================================*/
.main-sec{
    position: relative;
    padding-top: 70px;
    padding-bottom: 25px;
    background-color: transparent;
}
@media screen and (min-width: 992px){
    .main-sec{
        position: relative;
        padding-top: 110px;
        padding-bottom: 50px;
    }
}
.bg-img-wrap{
    position: absolute;
    width: 100%;
    height: calc(1100px + 1vw);
    /*padding-top: 250%;*/
    z-index: -1;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: translate(100%, 40%);
    -webkit-transform: translate(100%, 40%);
    transition: transform 1s;
    -webkit-transition: transform 1s;
}
.bg-img-wrap.active{
    transform: translate(0, 40%);
    -webkit-transform: translate(0, 40%);
}
@media screen and (min-width: 768px){
    .bg-img-wrap{
        height: auto;
        padding-top: 200%;
    }
    .bg-img-wrap.active{
        transform: translate(0, 20%);
        -webkit-transform: translate(0, 20%);
    }
}
@media screen and (min-width: 1200px){
    .bg-img-wrap{
        height: calc(2200px + 1vw);
        padding-top: 0;
        transform: translate(100%, 350px);
        -webkit-transform: translate(100%, 350px);
    }
    .bg-img-wrap.active{
        transform: translate(0, 350px);
        -webkit-transform: translate(0, 350px);
    }
}



/*skew 요소들*/
.skew-bar {
    position: absolute;
    z-index: -1;
    transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}
/*크기정의*/
.skew-bar.big {
    width: 300px;
    height:35px;
}
.skew-bar.small {
    width: 150px;
    height:20px;
}
@media screen and (min-width: 768px){
    .skew-bar.big {
        width: 600px;
        height:58px;
    }
    .skew-bar.small {
        width: 350px;
        height:30px;
    }
}
/*컬러정의*/
.skew-bar.orange{
    background-color: #ffa630;
}
.skew-bar.blue{
    background-color: #02388b;
}
.skew-bar.deep-blue{
    background-color: #002642;
}
.skew-bar.sky{
    background-color: #07aded;
}
.skew-bar.black{
    background-color: #343434;
}
.skew-bar.gray{
    background-color: #f7f7f7;
}
/*위치정의*/
.skew-bar.left{
    left:0;
    transform: rotate(155deg) skew(-20deg);
    -webkit-transform: rotate(155deg) skew(-20deg);
}
.skew-bar.right{
    right:0;
    transform: rotate(-25deg) skew(-20deg);
    -webkit-transform: rotate(-25deg) skew(-20deg);
}
.skew-bar.first-big{
    top: 24%;
    transform: rotate(-25deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
}
.skew-bar.first-small{
    top: 26%;
    transform: rotate(-25deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
}
.skew-bar.second-big{
    bottom: -2.5%;
    transform: rotate(155deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(120%);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.skew-bar.fourth-big{
    bottom: 12%;
    transform: rotate(155deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(120%);
}
.skew-bar.fourth-small{
    z-index: -2;
    bottom: 4.5%;
    transform: rotate(155deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(120%);
}
/*활성화 위치정의*/
.skew-bar.first-big.active{
    transform: rotate(-25deg) skew(-20deg) translateX(62%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(62%);
}
.skew-bar.first-small.active{
    transform: rotate(-25deg) skew(-20deg) translateX(10%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(10%);
}
.skew-bar.second-big.active{
    transform: rotate(155deg) skew(-20deg) translateX(55%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(55%);
}
.skew-bar.fourth-big.active{
    transform: rotate(155deg) skew(-20deg) translateX(50%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(50%);
}
.skew-bar.fourth-small.active{
    transform: rotate(155deg) skew(-20deg) translateX(25%);
    -webkit-transform: rotate(155deg) skew(-20deg) translateX(25%);
}
/*모바일에서 노출되는 3번째*/
.skew-bar.third-big{
    top: 85%;
    transform: rotate(-25deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
}
.skew-bar.third-small{
    top: 85.8%;
    transform: rotate(-25deg) skew(-20deg) translateX(120%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
}
.skew-bar.third-big.active{
    transform: rotate(-25deg) skew(-20deg) translateX(25%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(25%);
}
.skew-bar.third-small.active{
    transform: rotate(-25deg) skew(-20deg) translateX(5%);
    -webkit-transform: rotate(-25deg) skew(-20deg) translateX(5%);
}
@media screen and (min-width: 768px){
    .skew-bar.third-big{
        top: 74%;
        transform: rotate(-25deg) skew(-20deg) translateX(120%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
    }
    .skew-bar.third-small{
        top: 74.8%;
        transform: rotate(-25deg) skew(-20deg) translateX(120%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
    }
    .skew-bar.third-big.active{
        transform: rotate(-25deg) skew(-20deg) translateX(40%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(40%);
    }
    .skew-bar.third-small.active{
        transform: rotate(-25deg) skew(-20deg) translateX(35%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(35%);
    }
}
@media screen and (min-width: 1350px){
    .skew-bar.third-big{
        top: 64%;
        transform: rotate(-25deg) skew(-20deg) translateX(120%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
    }
    .skew-bar.third-small{
        top: 64.8%;
        transform: rotate(-25deg) skew(-20deg) translateX(120%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(120%);
    }
    .skew-bar.third-big.active{
        transform: rotate(-25deg) skew(-20deg) translateX(40%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(40%);
    }
    .skew-bar.third-small.active{
        transform: rotate(-25deg) skew(-20deg) translateX(35%);
        -webkit-transform: rotate(-25deg) skew(-20deg) translateX(35%);
    }
}

/*사각형 링크버튼*/
.link-more{
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid #e1e1e1;
}
.link-more span{
    position: absolute;
    top:50%;
    left:50%;
    display: inline-block;
    width: 50%;
    height: 2px;
    background-color: #d6d6d6;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.link-more span:last-child{
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
}

/*=================================================
            메인 about 섹션(sec1)
=================================================*/
.sec1:before{
    content: "";
    display: none;
    background: url(/views/res/imgs/main/sec1/bg_sec1.png);
    background-repeat:no-repeat;
    background-position: 0%;
    background-size:cover;
}
#sec1-bg{
    position:absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.about-list-wrap{
    margin: 0;
}
.about-list-wrap .about-list{
    position: relative;
    margin-bottom: 15px;
    padding: 0;
}
@media screen and (min-width:992px){
    .about-list-wrap .about-list{
        margin-bottom: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), box-shadow .3s;
        -webkit-transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), box-shadow .3s;
    }
    .about-list-wrap .about-list:hover{
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        box-shadow: 0 5px 10px 7px rgba(0, 0, 0,.04);
        z-index: 5;
    }
}
.about-list-wrap .about-list .img-wrap{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:77%;
}
.about-list-wrap .about-list .text-wrap{
    position: relative;
    padding: 30px 20px 10px;
    background-color: #fff;
    color: #343434;
}
.about-list-wrap .about-list .text-wrap:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 90%;
    height: 1px;
    background-color: #e9e9e9;
}
@media screen and (min-width:992px){
    .about-list-wrap .about-list .text-wrap:after{
        transition: all .5s;
        -webkit-transition: all .5s;
    }
    .about-list-wrap .about-list:hover .text-wrap:after{
        width: 100%;
        height: 4px;
        background-color: #ffa630;
    }
}
.about-list-wrap .about-list .icon{
    position: relative;
    left: 3px;
    height: 4px;
    width: 30px;
    background-color: #02388b;
}
.about-list-wrap .about-list .icon:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 12px;
    background-color: #00a0dd;
}
.about-list-wrap .about-list .title{
    margin-top: 8px;
    font-size: 2.2rem;
    font-weight: 700;
}
@media screen and (min-width:992px){
    .about-list-wrap .about-list .title {
        font-size: 1.9rem;
    }
}
.about-list-wrap .about-list .content{
    line-height: 1.4;
    margin: 15px 0 30px;
    font-size: 1.5rem;
    color: #666;
}
html[data-lang=en] .about-list-wrap .about-list .content,
html[data-lang=jp] .about-list-wrap .about-list .content,
html[data-lang=ch] .about-list-wrap .about-list .content{
    letter-spacing: normal;
}
.about-list-wrap .about-list .text-link{
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    color: #000;
}
@media screen and (min-width:992px){
    html[data-lang=jp] .about-list-wrap .about-list .content{
        min-height: 65px;
    }
    .about-list-wrap .about-list .text-link{
        transition: color .5s;
        -webkit-transition: color .5s;
    }
    .about-list-wrap .about-list:hover .text-link{
        color :#ffa630;
    }
}

/*=================================================
            메인 협력사 섹션(sec2)
=================================================*/
.sec2{

}
.sec2 .common-title-wrap{
    margin-bottom: 30px;
}
@media screen and (min-width:992px){
    .sec2 .common-title-wrap{
        margin-bottom: 80px;
    }
}
.tab-wrap{
    margin-bottom: 20px;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}
@media screen and (min-width:992px){
    .tab-wrap{
        margin-bottom: 35px;
        border:none;
        border-bottom: 1px solid #dcdcdc;
    }
}
.tab-list-link{
    float: left;
    width: 33.33%;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1.35rem;
    color:#999;
    text-align: center;
}
.tab-list-link.current{
    background-color: #343434;
    color: #fff;
}
@media screen and (min-width:992px){
    .tab-list-link{
        position: relative;
        border: none;
        float: left;
        width: 14.28%;
        height: auto;
        line-height: 1;
        padding: 8px 0;
        font-weight: 500;
    }
    .tab-list-link:after{
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 4px;
        height: 4px;
        margin-top: -2px;
        background-color: #efefef;
        border-radius: 50%;
    }
    .tab-list-link:last-child:after{
        content: none;
    }
    .tab-list-link.current{
        background-color: #fff;
        border-bottom: 2px solid #343434;
        color: #343434;
        font-weight: 700;
    }
}
@media screen and (min-width:992px){
    .tab-list-link{
        font-size: 1.7rem;
        padding: 20px 0;
    }
    .tab-list-link:after{
        width: 6px;
        height: 6px;
        margin-top: -3px;
    }
}
.product-img-bg{
    position:relative;
    padding-top:46%;
    background-size: cover;
    background: url(/views/res/imgs/main/sec2/bg_black_gd.jpg) no-repeat 50%;
}
/*차량 이미지wrap 공통*/
.product-wrap{
    width: 100%;
    pointer-events: none;
}
.product-wrap.current{
    pointer-events: auto;
}
.car-img-wrap{
    position:absolute;
    top: 50%;
    left: 50%;
    text-align: center;
}
/*차량별 이미지wrap 셋팅*/
.product-wrap:nth-child(1) .car-img-wrap{
    width: 60%;
    transform: translate(-54%, -50%);
    -webkit-transform: translate(-54%, -50%);
}
.product-wrap:nth-child(2) .car-img-wrap{
    width: 60%;
    transform: translate(-45%, -50%);
    -webkit-transform: translate(-45%, -50%);
}
.product-wrap:nth-child(3) .car-img-wrap{
    width: 60%;
    transform: translate(-70%, -50%);
    -webkit-transform: translate(-70%, -50%);
}
.product-wrap:nth-child(4) .car-img-wrap{
    width: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.product-wrap:nth-child(5) .car-img-wrap{
    width: 60%;
    transform: translate(-70%, -50%);
    -webkit-transform: translate(-70%, -50%);
}
.product-wrap:nth-child(6) .car-img-wrap{
    width: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.product-wrap:nth-child(7) .car-img-wrap{
    width: 60%;
    transform: translate(-70%, -55%);
    -webkit-transform: translate(-70%, -55%);
}
/*차량 공통*/
.car-img-wrap .car-img{
    position:relative;
    z-index: 5;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
}
.product-wrap.current .car-img-wrap .car-img{
    opacity: 1;
}
/*차량별 셋팅*/
.product-wrap:nth-child(1) .car-img-wrap .car-img,
.product-wrap:nth-child(2) .car-img-wrap .car-img,
.product-wrap:nth-child(3) .car-img-wrap .car-img{
    top: 6vw;
}
.product-wrap:nth-child(4) .car-img-wrap .car-img,
.product-wrap:nth-child(5) .car-img-wrap .car-img,
.product-wrap:nth-child(6) .car-img-wrap .car-img
.product-wrap:nth-child(7) .car-img-wrap .car-img{
    top: 2vw;
}
@media screen and (min-width:992px){
    .product-wrap:nth-child(2) .car-img-wrap .car-img{
        top: 13px;
    }
    .product-wrap:nth-child(3) .car-img-wrap .car-img{
        top: 68px;
    }
    .product-wrap:nth-child(1) .car-img-wrap .car-img,
    .product-wrap:nth-child(4) .car-img-wrap .car-img,
    .product-wrap:nth-child(5) .car-img-wrap .car-img,
    .product-wrap:nth-child(6) .car-img-wrap .car-img,
    .product-wrap:nth-child(7) .car-img-wrap .car-img{
        top: 20px;
    }
}
.car-img-wrap .car-shadow-img{
    opacity: 0;
    transition: opacity 1.3s;
    -webkit-transition: opacity 1.3s;
}
.product-wrap.current .car-img-wrap .car-shadow-img{
    opacity: 1;
}
/*서클 공통*/
.car-img-wrap .circle-wrap{
    position:absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 38, 66, .3);
    z-index: 10;
    opacity: 0;
    transition: opacity .8s 0s;
    -webkit-transition: opacity .8s 0s;
}
@media screen and (min-width:768px){
    .car-img-wrap .circle-wrap{
        width: 75px;
        height: 75px;
    }
}
@media screen and (min-width:992px){
    .car-img-wrap .circle-wrap{
        width: 104px;
        height: 104px;
    }
}
.product-wrap.current .car-img-wrap .circle-wrap{
    opacity: 1;
    transition: opacity .8s .5s;
    -webkit-transition: opacity .8s .5s;
}
/*서클 개별 셋팅*/
.product-wrap:nth-child(1) .car-img-wrap .circle-wrap{
    bottom: 31%;
    right: 37%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(1) .car-img-wrap .circle-wrap{
        bottom: 35%;
        right: 38%;
    }
}
.product-wrap:nth-child(2) .car-img-wrap .circle-wrap{
    bottom: 45%;
    left: 41.5%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(2) .car-img-wrap .circle-wrap{
        bottom: 45%;
        left: 42%;
    }
}

.product-wrap:nth-child(3) .car-img-wrap .circle-wrap{
    bottom: 26%;
    right: 3%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(3) .car-img-wrap .circle-wrap{
        bottom: 34%;
        right: 4%;
    }
}
.product-wrap:nth-child(4) .car-img-wrap .circle-wrap{
    bottom: 14%;
    right: 48%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(4) .car-img-wrap .circle-wrap{
        bottom: 15%;
        right: 47%;
    }
}
.product-wrap:nth-child(5) .car-img-wrap .circle-wrap{
    bottom: 41%;
    right: 5%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(5) .car-img-wrap .circle-wrap{
        bottom: 43%;
        right: 9%;
    }
}
.product-wrap:nth-child(6) .car-img-wrap .circle-wrap{
    bottom: 71%;
    right: 41.8%;
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(6) .car-img-wrap .circle-wrap{
        bottom: 71%;
        right: 42.8%;
    }
}
.car-img-wrap .circle-wrap .inner-circle{
    position:absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    border-radius: 50%;
    background-color: rgba(0, 38, 66, .6);
    opacity: 0;
    transition: opacity .8s 0s;
    -webkit-transition: opacity .8s 0s;
}
@media screen and (min-width:768px){
    .car-img-wrap .circle-wrap .inner-circle{
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px;
    }
}
@media screen and (min-width:992px){
    .car-img-wrap .circle-wrap .inner-circle{
        width: 86px;
        height: 86px;
        margin-top: -43px;
        margin-left: -43px;
    }
}
.product-wrap.current .car-img-wrap .circle-wrap .inner-circle{
    opacity: 1;
    transition: opacity .5s .8s;
    -webkit-transition: opacity .5s .8s;
    animation: bottom-circleAni 1.5s ease-in-out infinite alternate;
}
.car-img-wrap .circle-wrap .dot{
    position:absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #ffa630;
    border-radius: 50%;
    transition: transform .5s 0s;
    -webkit-transition: transform .5s 0s;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.product-wrap.current .car-img-wrap .circle-wrap .dot{
    transition: transform .5s 1s;
    -webkit-transition: transform .5s 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
/*라인 공통 셋팅*/
.product-wrap.current .car-img-wrap .circle-wrap .line-svg{
    position:absolute;
    bottom: 50%;
    left: 50%;
    z-index: 30;
}
/*라인 개별 셋팅*/
.product-wrap:nth-child(1) .car-img-wrap .circle-wrap .line-svg{
    bottom: 50%;
    left: 50%;
}
.product-wrap:nth-child(2) .car-img-wrap .circle-wrap .line-svg{
    bottom: -10%;
    left: -20%;
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(2) .car-img-wrap .circle-wrap .line-svg{
        bottom: 50%;
        left: -87%;
    }
}
.product-wrap:nth-child(3) .car-img-wrap .circle-wrap .line-svg{
    bottom: 50%;
    left: 50%;
}
.product-wrap:nth-child(4) .car-img-wrap .circle-wrap .line-svg{
    bottom: 47.5%;
    left: 50%;
}
.product-wrap:nth-child(6) .car-img-wrap .circle-wrap .line-svg{
    bottom: -21%;
    left: 50%;
}
.product-wrap.current .car-img-wrap .circle-wrap .line-path{
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s 1.2s linear forwards;
}
*::-ms-backdrop, .product-wrap .car-img-wrap .circle-wrap .line-path{
    opacity: 0;
}
*::-ms-backdrop, .product-wrap.current .car-img-wrap .circle-wrap .line-path{
    opacity: 1;
    transition: opacity .5s 2s;
    -webkit-transition: opacity .5s 2s;
    stroke-dasharray: none;
    stroke-dashoffset: none;
    animation: none;
}
/*텍스트 공통 셋팅*/
.car-img-wrap .circle-wrap .text{
    position: absolute;
    z-index: 25;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    color:#ffa630;
    opacity: 0;
}
@media screen and (min-width:768px){
    .car-img-wrap .circle-wrap .text{
        font-size: 13px;
    }
}
@media screen and (min-width:1024px){
    .car-img-wrap .circle-wrap .text{
        font-size: 16px;
    }
}
/*텍스트 개별 셋팅*/
@media screen and (min-width:768px){
    .product-wrap:nth-child(1) .car-img-wrap .circle-wrap .text{
        bottom: 40%;
        right: -45%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(1) .car-img-wrap .circle-wrap .text{
        bottom: 40%;
        right: -45%;
    }
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(2) .car-img-wrap .circle-wrap .text{
        bottom: 25%;
        right: 15%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(2) .car-img-wrap .circle-wrap .text{
        bottom: 25%;
        right: 15%;
    }
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(3) .car-img-wrap .circle-wrap .text{
        bottom: 25%;
        right: 15%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(3) .car-img-wrap .circle-wrap .text{
        bottom: 19%;
        right: 13%;
    }
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(4) .car-img-wrap .circle-wrap .text{
        bottom: 13%;
        right: 11%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(4) .car-img-wrap .circle-wrap .text{
        bottom: 17%;
        right: 18%;
    }
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(5) .car-img-wrap .circle-wrap .text{
        bottom: 24%;
        right: 11%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(5) .car-img-wrap .circle-wrap .text{
        bottom: 18%;
        right: 3%;
    }
}
@media screen and (min-width:768px){
    .product-wrap:nth-child(6) .car-img-wrap .circle-wrap .text{
        bottom: 58%;
        right: -77%;
        width: 250px;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(6) .car-img-wrap .circle-wrap .text{
        bottom: 58%;
    }
}
.product-wrap.current .car-img-wrap .circle-wrap .text{
    opacity: 1;
    transition: opacity .5s 1.2s;
    -webkit-transition: opacity .5s 1.2s;
}
/*제품 이미지 공통*/
.product-wrap .product-img-wrap{
    position: absolute;
}
.product-wrap .product-img-wrap .pd-img{
    opacity:0;
    max-width: 45%;
}
.product-wrap .product-img-wrap .pd-img:first-child{
    margin-right: 2%;
}
.product-wrap .product-img-wrap .pd-img.one{
    max-width: 100%;
    margin-right: 0;
}
.product-wrap.current .product-img-wrap .pd-img.num1{
    opacity: 1;
    transition: opacity 1s 2.4s;
    -webkit-transition: opacity 1s 2.4s;
}
.product-wrap.current .product-img-wrap .pd-img.num2{
    opacity: 1;
    transition: opacity 1s 2.8s;
    -webkit-transition: opacity 1s 2.8s;

}
/*제품 이미지 개별*/
@media screen and (min-width:992px){
    .product-wrap:nth-child(1) .product-img-wrap{
        width: 29%;
        top: 20%;
        right: 9%;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(1) .product-img-wrap{
        width: 31%;
        top: 19%;
        right: 8%;
    }
}

@media screen and (min-width:992px){
    .product-wrap:nth-child(2) .product-img-wrap{
        width: 29%;
        top: 17%;
        left: 14%;
    }
}
@media screen and (min-width:1024px){
    .product-wrap:nth-child(2) .product-img-wrap{
        width: 31%;
        top: 18%;
        left: 14%;
    }
}

@media screen and (min-width:992px){
    .product-wrap:nth-child(3) .product-img-wrap{
        width: 29%;
        top: 12%;
        right: 0;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(3) .product-img-wrap{
        width: 31%;
        top: 12%;
        right: 0;
    }
}

@media screen and (min-width:992px){
    .product-wrap:nth-child(4) .product-img-wrap{
        width: 29%;
        top: 48%;
        right: 12.5%;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(4) .product-img-wrap{
        width: 31%;
        top: 47%;
        right: 10.5%;
    }
}

@media screen and (min-width:992px){
    .product-wrap:nth-child(5) .product-img-wrap{
        width: 29%;
        top: 11%;
        right: 0;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(5) .product-img-wrap{
        width: 31%;
        top: 14%;
        right: 0;
    }
}

@media screen and (min-width:992px){
    .product-wrap:nth-child(6) .product-img-wrap{
        width: 29%;
        top: 26%;
        right: 0;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(6) .product-img-wrap{
        width: 31%;
        top: 24%;
    }
}
.product-wrap:nth-child(7).current .product-img-wrap .pd-img.num1{
    transition: opacity 1s 1.0s;
    -webkit-transition: opacity 1s 1.0s;
}
.product-wrap:nth-child(7).current .product-img-wrap .pd-img.num2{
    transition: opacity 1s 1.4s;
    -webkit-transition: opacity 1s 1.4s;
}
@media screen and (min-width:992px){
    .product-wrap:nth-child(7) .product-img-wrap{
        width: 29%;
        top: 22%;
        right: 14%;
    }
}
@media screen and (min-width:1200px){
    .product-wrap:nth-child(7) .product-img-wrap{
        width: 31%;
        top: 20%;
        right: 12%;
    }
}

/*제품 설명*/
.product-info-wrap{
    position: relative;
    width: 90%;
    min-height: 180px;
    margin: 0 auto;
}
@media screen and (min-width:992px){
    .product-info-wrap{
        margin: -55px auto 0 auto;
        min-height: 220px;
    }
}
.product-info-wrap .product-info-list{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    opacity: 0;
}
.product-info-wrap .product-info-list.current{
    opacity: 1;
    z-index: 5;
}
.product-info-wrap .product-info-list .title-wrap{
    padding: 20px 20px;
    background-color: #fff;
}

@media screen and (min-width:992px){
    .product-info-wrap .product-info-list .title-wrap{
        padding: 40px 40px;
    }
}
.product-info-wrap .product-info-list .title-wrap .title{
    margin-right: 8px;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color :#343434;
}
.product-info-wrap .product-info-list .title-wrap .title .num{
    margin-right: 5px;
}
@media screen and (min-width:992px){
    .product-info-wrap .product-info-list .title-wrap .title {
        margin-right: 15px;
    }
}
.product-info-wrap .product-info-list .title-wrap .sub-title{
    font-family: Roboto, sans-serif;
    font-size: 1.3rem;
    color :#b4b4b4;

}
.product-info-wrap .product-info-list .cont-wrap{
    position: relative;
    padding: 20px 15px 20px 20px;
    background-color: #002642;
}
@media screen and (min-width:992px){
    .product-info-wrap .product-info-list .cont-wrap{
        padding: 40px 30px 40px 40px;
    }
}
.product-info-wrap .product-info-list .cont-wrap .cont{
    line-height: 1.4;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 10px;
    color:#fff;
}
@media screen and (min-width:992px){
    .product-info-wrap .product-info-list .cont-wrap .cont{
        width: calc(100% - 135px);
        margin-bottom: 0;
        font-size: 1.6rem;
        font-weight: 400;

    }
}
.product-info-wrap .product-info-list .cont-wrap .link-text{
    float: right;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    color:#ffa630;

}
@media screen and (min-width:992px){
    .product-info-wrap .product-info-list .cont-wrap .link-text {
        position: absolute;
        top: 50%;
        right: 30px;
        float: none;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}
.product-info-wrap .product-info-list .title-wrap .title,
.product-info-wrap .product-info-list .title-wrap .sub-title,
.product-info-wrap .product-info-list .cont-wrap .cont,
.product-info-wrap .product-info-list .cont-wrap .link-text{
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0s;
    -webkit-transition: all 0s

}
.product-info-wrap .product-info-list.current .title-wrap .title,
.product-info-wrap .product-info-list.current .title-wrap .sub-title,
.product-info-wrap .product-info-list.current .cont-wrap .cont,
.product-info-wrap .product-info-list.current .cont-wrap .link-text{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: all 1s .1s;
    -webkit-transition: all 1s .1s;
}

.m-product-wrap{}
.m-product-wrap .m-product-list{
    padding:20px 15px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
}
.m-product-wrap .m-product-list .title-wrap{
    font-family: Roboto, sans-serif;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.m-product-wrap .m-product-list .title-wrap > *{
    vertical-align: middle;
}
.m-product-wrap .m-product-list .title-wrap .title{
    margin-right: 10px;
    font-size: 2.2rem;
    font-weight: 500;
    color:#000;
}
html[data-lang=en] .m-product-wrap .m-product-list .title-wrap .title,
html[data-lang=jp] .m-product-wrap .m-product-list .title-wrap .title,
html[data-lang=ch] .m-product-wrap .m-product-list .title-wrap .title{
    letter-spacing: normal;
}
.m-product-wrap .m-product-list .title-wrap .sub-title{
    position: relative;
    top: 2px;
    font-size: 1.4rem;
    color:#999;
}
.m-product-wrap .m-product-list .img-wrap{
    margin: 10px 0 15px;
}
.m-product-wrap .m-product-list .img-wrap > *{
    width: calc(50% - 2.5px);
}
.m-product-wrap .m-product-list .text-wrap .cont{
    line-height: 1.2;
    font-size: 1.4rem;
    color:#333;
    letter-spacing: -0.03em;
}
.m-product-wrap .m-product-list .text-wrap .link-text{
    margin-top: 8px;
    font-size: 1.3rem;
    font-weight: 500;
    color:#fb930a;
}
.m-product-wrap .slick-prev,
.m-product-wrap .slick-next{
    position: absolute;
    top:50%;
    height: 66px;
    width: 33px;
    background-color: transparent;
    background-size:contain;
    background-position: 50%;
    background-repeat:no-repeat;
    border: none;
    outline: none;
    border-radius: 0;
    font-size: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 5;
}
.m-product-wrap .slick-prev{
    left:0;
    background-image: url(/views/res/imgs/main/sec2/img_slide_prev.png);
}
.m-product-wrap .slick-next{
    right:0;
    background-image: url(/views/res/imgs/main/sec2/img_slide_next.png);
}
/*=================================================
            메인 인증서 섹션(sec3)
=================================================*/
.sec3 .common-title-wrap .title{
    color: #fff;
}
.sec3 .common-title-wrap .sub-title{
    color: #fff;
}

.certification-wrap{
    position: relative;
}
.certification-wrap > *{

}
/*인증서 슬라이드*/
/*.certification-wrap .swiper-container {
    width: 350px!important;
    padding-left: 22px;
}
.certification-wrap .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 145px;
    height: 210px;
}
@media screen and (min-width: 768px){
    .certification-wrap .swiper-container {
        width: 600px!important;
        padding-left: 30px;
    }
    .certification-wrap .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 420px;
    }
}
@media screen and (min-width: 1200px){
    .certification-wrap .swiper-container {
        margin: 0 !important;
    }
}
.certification-wrap .swiper-slide-prev{
    position: relative;
    transform: translate3d(70px, 0px, -120px) rotateX(0deg) rotateY(0deg)!important;
}
.certification-wrap .swiper-slide-prev:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
}
.certification-wrap .swiper-slide-next{
    transform: translate3d(-70px, 0px, -250px) rotateX(0deg) rotateY(0deg)!important;
}
.certification-wrap .swiper-slide-next:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}
@media screen and (min-width: 768px){
    .certification-wrap .swiper-slide-prev{
        transform: translate3d(120px, 0px, -150px) rotateX(0deg) rotateY(0deg)!important;
    }
    .certification-wrap .swiper-slide-next{
        transform: translate3d(-140px, 0px, -250px) rotateX(0deg) rotateY(0deg)!important;
    }
}*/
.certification-wrap .coverflow-slider-container {
    position: relative;
    left: 10px;
    width: 100%;
    max-width: 350px;
    height: 210px;
    margin: 0 auto;
}
@media screen and (min-width: 768px){
    .certification-wrap .coverflow-slider-container {
        left: 0;
        width: 600px;
        max-width: 600px;
        height: auto;
        padding-left: 140px;
    }
}
@media screen and (min-width: 1200px){
    .certification-wrap .coverflow-slider-container {
        margin: 0;
    }
}
.coverflow-slider-wrap{
    position: absolute;
    left: 50%;
    margin-left: -75px;
    perspective: 500px;
    -webkit-perspective: 500px;
}
@media screen and (min-width: 768px){
    .coverflow-slider-wrap{
        position: relative;
        left: auto;
        width: 100%;
        margin-left: 0;
    }
}
.certification-wrap .coverflow-slide {
    position: relative;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    width: 145px;
    height: 210px;
    float: left;
    cursor: move;
    transition: transform .8s;
    -webkit-transition: transform .8s;
}
@media screen and (min-width: 768px){
    .certification-wrap .coverflow-slide {
        width: 300px;
        height: 420px;
    }
}
.certification-wrap .coverflow-slide.center{
    z-index: 5;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.certification-wrap .coverflow-slide.left{
    z-index: 3;
    position: absolute;
    transform: translate3d(-110px, 0, -120px);
    -webkit-transform: translate3d(-110px, 0, -120px);
}
.certification-wrap .coverflow-slide.left:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .05);
}
.certification-wrap .coverflow-slide.right{
    z-index: 4;
    position: absolute;
    transform: translate3d(110px, 0, -170px);
    -webkit-transform: translate3d(110px, 0, -170px);
}
.certification-wrap .coverflow-slide.right:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}
@media screen and (min-width: 768px){
    .certification-wrap .coverflow-slide.left{
        position: absolute;
        transform: translate3d(-185px, 0, -60px);
        -webkit-transform: translate3d(-185px, 0, -60px);
    }
    .certification-wrap .coverflow-slide.right{
        position: absolute;
        transform: translate3d(155px, 0, -110px);
        -webkit-transform: translate3d(155px, 0, -110px);
    }
}
.certification-wrap .btn-coverflow-prev,
.certification-wrap .btn-coverflow-next{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.certification-wrap .btn-coverflow-prev{
    left: 0;
}
@media screen and (min-width: 768px){
    .certification-wrap .btn-coverflow-prev{
        left: -30px;
    }
}
.certification-wrap .btn-coverflow-next{
    right: 0;
}
.certification-wrap .btn-coverflow-prev line,
.certification-wrap .btn-coverflow-next line{
    stroke: #30538a;
    transition: stroke .5s;
    -webkit-transition: stroke .5s;
}
.certification-wrap .btn-coverflow-prev:hover line,
.certification-wrap .btn-coverflow-next:hover line{
    stroke: #fff;
}
/*인증서 설명*/
@media screen and (min-width: 1200px){
    .certification-desc-wrap{
        /*float: left;*/
        position: absolute;
        width: 50%;
        top: 0;
        right: 0;
        bottom: 0;
    }
}
.certification-desc-list{
    display: none;
    margin-top: 50px;
    padding-left: 40px;
}
.certification-desc-list.active{
    display: block;
}
.certification-desc-list .title-group{
    margin-bottom: 25px;
}
@media screen and (min-width: 768px){
    .certification-desc-list .title-group{
        margin-bottom: 45px;
    }
}
.certification-desc-list .title-group .title{
    margin-bottom: 5px;
    padding-top: 20px;
    background: url(/views/res/imgs/main/sec3/img_quotation.png) top 0 left 0 no-repeat;
    background-size: 15px;
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
}
html[data-lang=en] .certification-desc-list .title-group .title,
html[data-lang=jp] .certification-desc-list .title-group .title,
html[data-lang=ch] .certification-desc-list .title-group .title{
    letter-spacing: normal;
}
@media screen and (min-width: 768px){
    .certification-desc-list .title-group .title{
        padding-top: 40px;
        font-size: 2.6rem;
        background: url(/views/res/imgs/main/sec3/img_quotation.png) top 0 left 0 no-repeat;
        background-size: 20px;
    }
}
.certification-desc-list .title-group .sub-title{
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    color: #53709c;
}
@media screen and (min-width: 768px){
    .certification-desc-list .title-group .sub-title{
        font-size: 1.6rem;
    }
}
.certification-desc-list .cont-wrap{
    min-height: 75px;
    font-size: 1.4rem;
}
@media screen and (min-width: 768px){
    .certification-desc-list .cont-wrap{
        font-size: 1.5rem;
    }
}
.certification-desc-list .cont-wrap .cont{
    color:#e8edf5;
}
html[data-lang=en] .certification-desc-list .cont-wrap .cont,
html[data-lang=jp] .certification-desc-list .cont-wrap .cont,
html[data-lang=ch] .certification-desc-list .cont-wrap .cont{
    letter-spacing: normal;
}
.certification-desc-list .cont-wrap .order-list-wrap{
    margin-top: 10px;
    color:#c2d3ec;
}
html[data-lang=en] .certification-desc-list .cont-wrap .order-list-wrap,
html[data-lang=jp] .certification-desc-list .cont-wrap .order-list-wrap,
html[data-lang=ch] .certification-desc-list .cont-wrap .order-list-wrap{
    letter-spacing: normal;
}
@media screen and (min-width: 768px){
    .certification-desc-list .cont-wrap .order-list-wrap{
        margin-top: 18px;
    }
}
.certification-desc-list .cont-wrap .order-list-wrap .order-list{
    margin-top: 5px;
}
@media screen and (min-width: 768px){
    .certification-desc-list .cont-wrap .order-list-wrap .order-list{
        margin-top: 10px;
    }
}
.certification-desc-wrap .link-more{
    margin-top: 20px;
    border-color: #30538a;
}
@media screen and (min-width: 1200px){
    .certification-desc-wrap .link-more{
        position: absolute;
        bottom: 36px;
        transition: background-color .5s;
        -webkit-transition: background-color .5s;
    }
}
.certification-desc-wrap .link-more span{
    background-color: #30538a;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
}
@media screen and (min-width: 992px){
    .certification-desc-wrap .link-more:hover{
        background-color: #fff;
        border-color: transparent;
    }
    .certification-desc-wrap .link-more:hover span{
        background-color: #02388b;
    }
}



/*=================================================
            메인 보드 섹션(sec4)
=================================================*/
.sec4 {
    padding-top: 30%;
    padding-bottom: 100px;
}
@media screen and (min-width: 992px){
    .sec4 {
        padding-top: 25%;
        padding-bottom: 130px;
    }
}
.sec4 .common-title-wrap{
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (min-width:992px){
    .sec4 .common-title-wrap{
        margin-bottom: 50px;
    }
}

/*=================================================
            메인 협력사 섹션(sec5)
=================================================*/
.sec5{
    padding: 0;
    background-color: #fcfcfc;
    border-top: 1px solid #e1e1e1;
}
.cooperator-img-wrap{
    width: 100%;
    overflow-x: auto;
}
.cooperator-img-wrap .inner-wrap{
    width: 580px;
    height: 75px;
    line-height: 75px;
    margin: 0 auto;
    text-align: justify;
    overflow: hidden;
}
@media screen and (min-width: 768px){
    .cooperator-img-wrap .inner-wrap {
        width: 768px;
        height: 95px;
        line-height: 95px;
    }
}
@media screen and (min-width: 992px){
    .cooperator-img-wrap .inner-wrap {
        width: auto;
        height: 150px;
        line-height: 150px;
    }
}
.cooperator-img-wrap .inner-wrap:after{
    content: "";
    display:inline-block;
    width: 100%;
}
.cooperator-img-wrap .inner-wrap > *{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    line-height: normal;
}
.cooperator-img-wrap .inner-wrap .img-gm{
    width: 40px;
}
.cooperator-img-wrap .inner-wrap .img-lumax{
    top: -5px;
}
@media screen and (min-width: 768px){
    .cooperator-img-wrap .inner-wrap > *{
        width: 80px
    }
    .cooperator-img-wrap .inner-wrap .img-gm{
        width: 50px;
    }
}
@media screen and (min-width: 992px){
    .cooperator-img-wrap .inner-wrap > *{
        width: auto
    }
    .cooperator-img-wrap .inner-wrap .img-gm{
        width: auto;
    }
    .cooperator-img-wrap .inner-wrap .img-lumax{
        top: -10px;
    }
}