section {
    text-align: center;
}

/*top*********************************/
section.top {
    width: 100%;
    position: relative;
    padding-top: 100px;
}

/*section.about*********************************/
section.center {
    width: 1200px;
}

section.intro {
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}
section.logo{margin-top:50px;}

section.intro > .center {
    width: 1200px;
    margin: 0 auto;
}

section.intro > img {
    width: 466px;
    height: 400px;
}

section.intro .txt {
    width: 1200px;
    float: left;
    overflow: hidden;
}

section.intro .txt > h2 {
    float: left;
    /*width: 427px;*/
    font-size: 60px;
    text-align: left;
    line-height: 70px;
    letter-spacing: -1px;
    font-family: 'NanumSquareEB';
    position: relative;
}

section.intro .txt > h2 > span.box {
    width: 13px;
    height: 13px;
    background-color: #3783b6;
    position: absolute;
    bottom: 15px;
    margin-left: 10px;
}

section.intro .txt > p {
    /*width: 760px;*/
    float: right;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

/*sub_tit*/
.kit > .sub_tit > p:first-of-type {
    font-family: 'NanumSquareEB';
}

/*choice.. Automotive Area/Agriculture Robot/ERP42 Series 선택하는 구간입니다*********************************/
section.choice center {
    width: 1200px;
    margin: 0 auto;
}

section.choice ul {
    width: 1200px;
    height: 50px;
    overflow: hidden;
    margin: 100px 0px;
}

section.choice ul > li {
    width: 400px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    border: 1px solid #121212;
    box-sizing: border-box;
}

section.choice ul > li * {
    font-size: 20px;
}

section.choice ul > li:hover {
    color: #ffffff;
    background-color: #121212;
    transition: all 0.3s;
}


/**/
section.area .sub_tit {
    /*font-family: 'NanumSquareEB';*/
}

/*area*********************************/
section.area > div {
    display: none;
}

/*automotive area*********************************/
section.area > .auto > img {
    width: 1200px;
    height: 751px;
    margin-bottom: 200px;
}

section.area > .auto > .center {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 150px;
}

section.area > .auto > .txt {
    width: 100%;
    height: 100px;
    margin-bottom: 60px;
}

section.area .txt > p {
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    text-align: left;
}

section.area .txt > p > span:first-of-type {
    font-size: 50px;
    font-family: 'NanumSquareEB';
}

section.area .txt > p > span.space {
    font-size: 16px;
    line-height: 26px;
    /*letter-spacing:1.4px;*/
    color: #1a1a1a;
    font-family: 'NanumSquareR';
}

section.area .txt span.box {
    width: 10px;
    height: 10px;
    margin-top: 7px;
    border-radius: 100%;
    background-color: #777777;
    float: left;
}

section.area .sub_tit {
    font-size: 35px;
    position: relative;
}

section.area .sub_tit .bar {
    margin-top: 20px;
    width: 50px;
    border-bottom: 3px solid #3783b6;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

section.area > .auto > .brand{width:100%; float:left; text-align: left;}
section.area > .auto > .brand>div{width:47.5%; height:177px; float:left; margin-bottom:50px;}
section.area > .auto > .brand>div:first-of-type{margin-right:5%;}
section.area > .auto > .brand>div:nth-of-type(3){margin-right:5%;}
section.area > .auto > .brand>div>img{width:30%; /*height:100%;*/ margin-right:10%; float:left;}
section.area > .auto > .brand>div>.txt{width:60%;float:left;}
section.area > .auto > .brand>div>.txt>p{}
section.area > .auto > .brand>div.brand2>.txt>p>img{width:50%;}
section.area > .auto > .brand>div.brand3>.txt>p>img{width:50%;}
section.area > .auto > .brand>div>.txt>p>img{width:60%;}
section.area > .auto > .brand>div>.txt>a{display:block; text-align:center; margin-top:10px;border:1px solid #3783b6; color:#3783b6; width:105px; height:35px; line-height:35px; border-radius: 20px; background:#fff;}

section.area > .auto > .kit {
    width: 1200px;
    margin: 0 auto;
    margin-top:500px;
    /*margin-bottom: 150px;*/
}

section.area > .auto > .kit .control {
    width:
        /*688*/
        300px;
    height: 98px;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 70px;
}

section.area > .auto > .kit .control > li {
    width: 98px;
    height: 98px;
}

section.area > .auto > .kit .control > li > a {
    display: block;
    /*width: 183px;
    height: 183px;*/
    width: 100%;
    height: 100%;
}


section.area > .auto > .kit .control > li:first-child > a > img {
    position: absolute;
    left: 0;
    top: 0;
}

section.area > .auto > .kit .control > li:last-child > a > img {
    position: absolute;
    right: 0;
    top: 0;
}

section.area > .auto > .kit .control > li > a > img:last-child {
    display: none;
}

/*mechanical잠시 숨기기*/
section.area > .auto > .kit ul.mecha_elec > li:first-of-type {
    display: ;
}

section.area > .auto > .kit ul.mecha_elec > li:last-of-type {
    display: none;
}


.kit ul.mecha_elec {
    height: 470px;
}

.kit ul.mecha_elec > li {
    height: 470px;
}

.kit ul.mecha_elec > li > p {
    margin-top: 50px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
}

.interior {
    width: 415px;
    height: 370px;
    margin-top: 50px;
    overflow: hidden;
    float: left;
    position: relative;
}

.interior > img {
    float: left;
}

.interior > ul {
    width: 415px;
    height: 370px;
    background-color: yellow;
}

.interior > .txt_pic {
    float: left;
    margin-top: 50px;
}


/*센서퓨전 설명 sensor fusion*/
.fusion p {
    margin-top: 70px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    margin-bottom: 100px;
}

/*****위치*/
.interior ul.steering > li > a {
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
}

.fusion > img {
    margin-bottom: 150px;
}

/*공통ripple*/
/*steering*/
.interior ul.steering > li:nth-child(1) > a > button.steering_b {
    position: absolute;
    left: 39%;
    top: 33%;
}

/*shift*/
.interior ul.shift > li:nth-child(1) > a {
    position: absolute;
    left: 90%;
    top: 77%;
}


/*accel*/
.interior ul.accel > li:nth-child(1) > a {
    position: absolute;
    left: 40%;
    top: 67%;
}

.interior ul.accel > li:nth-child(2) > a {
    position: absolute;
    left: 52%;
    top: 67%;
}

/*elec ripple위치조정*/
/*shift*/
li.elec .interior ul.shift > li:nth-child(1) > a {
    position: absolute;
    left: 90%;
    top: 77%;
}

li.elec .interior ul.shift > li:nth-child(2) > a {
    position: absolute;
    left: 93%;
    top: 81%;
}

li.elec .interior ul.shift > li:nth-child(3) > a {
    position: absolute;
    left: 96%;
    top: 85%;
}

/*mechanical인테리어 버튼*/
button.steering_b {
    z-index: 1;
    position: absolute;
    width: 10px;
    height: 10px;
    /*색상변경하는 곳*/
    background: #ededed;
    color: #FFF;
    border-radius: 50%;
    animation: pulse_steering 2s linear infinite;
}

@keyframes pulse_steering {
    0% {
        box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.8), 0 0 0 0 rgba(237, 237, 237, 0.5)
    }

    40% {
        box-shadow: 0 0 0 20px rgba(237, 237, 237, 0), 0 0 0 10px rgba(237, 237, 237, 0)
    }

    80% {
        box-shadow: 0 0 0 20px rgba(237, 237, 237, 0), 0 0 0 10px rgba(237, 237, 237, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(237, 237, 237, 0), 0 0 0 10px rgba(237, 237, 237, 0)
    }
}

/*shift*/
button.shift_b {
    z-index: 1;
    position: absolute;
    width: 10px;
    height: 10px;
    /*색상변경하는 곳*/
    background: #f73859;
    color: #FFF;
    border-radius: 50%;
    animation: pulse_shift 2s linear infinite;
}

@keyframes pulse_shift {
    0% {
        box-shadow: 0 0 0 0 rgba(247, 56, 89, 0.8), 0 0 0 0 rgba(247, 56, 89, 0.5)
    }

    40% {
        box-shadow: 0 0 0 20px rgba(247, 56, 89, 0), 0 0 0 10px rgba(247, 56, 89, 0)
    }

    80% {
        box-shadow: 0 0 0 20px rgba(247, 56, 89, 0), 0 0 0 10px rgba(247, 56, 89, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(247, 56, 89, 0), 0 0 0 10px rgba(247, 56, 89, 0)
    }
}

/*accel*/
button.accel_b {
    z-index: 1;
    position: absolute;
    width: 10px;
    height: 10px;
    /*색상변경하는 곳*/
    background: #f1d18a;
    color: #FFF;
    border-radius: 50%;
    animation: pulse_accel 2s linear infinite;
}

@keyframes pulse_accel {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 209, 138, 0.8), 0 0 0 0 rgba(241, 209, 138, 0.5)
    }

    40% {
        box-shadow: 0 0 0 20px rgba(241, 209, 138, 0), 0 0 0 10px rgba(241, 209, 138, 0)
    }

    80% {
        box-shadow: 0 0 0 20px rgba(241, 209, 138, 0), 0 0 0 10px rgba(241, 209, 138, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(241, 209, 138, 0), 0 0 0 10px rgba(241, 209, 138, 0)
    }
}

/*****txt_pic*/
.txt_pic {
    float: right;
    width: 550px;
    height: 370px;
    margin-top: 50px;
    background-color: #ffffff;
}

.txt_pic > ul {
    display: ;
    width: 550px;

    display: none;
}

.txt_pic > ul > li {
    text-align: left;

}

.txt_pic > ul > li:nth-child(1) > p {
    font-size: 20px;
    color: #2b5cbc;
}


.txt_pic > ul > li:nth-child(2) > ul {
    overflow: hidden;
    height: 130px;
    margin-top: 20px;
}

.txt_pic > ul > li:nth-child(2) > ul > li {
    float: left;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background-color: #ffffff;
    box-shadow: -5px 10px 15px rgba(226, 226, 226, 0.5);
    margin-left: 10px;
}

.txt_pic > ul > li:nth-child(2) > ul > li {
    margin-right: 20px;
}

.txt_pic > ul > li:nth-child(3) > p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 10px;
}

.txt_pic > ul > li:nth-child(4) > p {
    font-size: 16px;
    line-height: 26px;
}
.txt_pic > ul > li > ul{height:150px !important;}
.txt_pic > ul > li > ul > li{width:130px !important; height: 130px !important;}
.txt_pic > ul > li > ul > li > img {
    width: 130px;
}

/*agriculture robot*********************************/
div.agri {
    width: 100%;
}

div.agri > .center {
    width: 1200px;
    margin: 0 auto;
}

div.agri .txt > p {
    text-align: center;
    margin-bottom: 150px;
}


div.agri > .tractor {
    width: 1200px;
    overflow: hidden;
}

div.agri > .tractor .sub_tit {
    padding-bottom: 70px;
}

/*트랙터 간략정보 circle lists*/
div.agri > .tractor .bg_img {
    width: 670px;
    float: left;
    position: relative;
}

div.agri > .tractor .bg_img > ul {
    position: relative;
    width: 670px;
    height: 560px;
}


div.agri > .tractor .bg_img > ul > li {
    /*width: 670px;
    height: 560px;*/
    position: absolute;
    left: 0;
    top: 0;
}

div.agri > .tractor .bg_img .tractor80 {
    position: relative;
}

div.agri > .tractor .bg_img .tractor80 > img {
    width: 100%;
}

div.agri > .tractor .bg_img .tractor80 li {
    width: 90px;
    height: 90px;
    color: #ffffff;
    border-radius: 100%;
    background-color: #2b5cbc;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
}

div.agri > .tractor .bg_img .tractor80 li > p {
    position: absolute;
    width: 90px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
}

div.agri > .tractor .bg_img .tractor150 {
    position: relative;
}

div.agri > .tractor .bg_img .tractor150 > img {
    width: 100%;
}

div.agri > .tractor .bg_img .tractor150 li {
    width: 90px;
    height: 90px;
    color: #ffffff;
    border-radius: 100%;
    background-color: #2b5cbc;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
}

div.agri > .tractor .bg_img .tractor150 li > p {
    position: absolute;
    width: 90px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
}


/*80마력*/
div.agri > .tractor .bg_img .tractor80 li:nth-child(1) {
    top: 0%;
    left: 30%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(2) {
    top: 35%;
    left: 40%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(3) {
    top: 45%;
    left: 15%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(4) {
    top: 50%;
    left: 30%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(5) {
    top: 60%;
    left: 55%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(6) {
    top: 50%;
    left: 70%;
}

div.agri > .tractor .bg_img .tractor80 li:nth-child(6) > p {
    letter-spacing: -1px;
}

/*150마력*/
div.agri > .tractor .bg_img .tractor150 li:nth-child(1) {
    top: 0%;
    left: 30%;
}

div.agri > .tractor .bg_img .tractor150 li:nth-child(2) {
    top: 28%;
    left: 20%;
}

div.agri > .tractor .bg_img .tractor150 li:nth-child(3) {
    top: 47%;
    left: 20%;
}

div.agri > .tractor .bg_img .tractor150 li:nth-child(4) {
    top: 50%;
    left: 35%;
}

div.agri > .tractor .bg_img .tractor150 li:nth-child(5) {
    top: 28%;
    left: 40%;
}


div.agri > .tractor .bg_img .tractor150 li:nth-child(5) > p {
    letter-spacing: -1px;
}


/*80/150마력 선택*/

div.agri > .tractor .txt > p {
    float: left;
    width: 403px;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    text-align: left;
}

div.agri > .tractor .bg_img .tractor150 {}


/*test*/
div.agri > .tractor ul.control_wrap {}

div.agri > .tractor ul.control {
    float: left;
    /*    width: 480px;*/
    height: 98px;
    overflow: hidden;
    margin-bottom: 30px;
}

div.agri > .tractor ul.control > li {
    width: 98px;
    height: 98px;
    float: left;
    margin-right: 30px;
    position: relative;
}

div.agri > .tractor ul.control > li:first-of-type > a > img:last-of-type {
    display: none;
    width: 98px;
    height: 98px;
}

div.agri > .tractor ul.control > li > a > img:last-of-type {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

div.agri > .tractor ul.control > li:first-of-type > a > img {
    position: absolute;
    right: 0;
    top: 0;
}

div.agri > .tractor ul.control > li:first-of-type > a > img:last-child {
    display: none;
}

/*trac_parts*********************************/
.trac_parts {
    padding-top: 100px;
    width: 100%;
    /*height: 1170px;*/
    background-color: #fafafa;
}

.trac_parts > .center {
    width: 1200px;
    margin: 0 auto;
}

.trac_parts .txt > p:nth-of-type(1) {
    font-size: 25px;
    color: #1a1a1a;
    margin-bottom: 50px;
}

.trac_parts .txt > p:nth-of-type(2) {
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    margin-bottom: 50px;
}

div.box > h1 {
    padding-top: 0;
}

/*slider*/
.box {
    width: 318px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom:100px;*/
}

.box h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    color: #466fbd;
    text-align: center;
    padding-bottom: 20px;
}

.box h2 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding-top: 20px !important;
    font-weight: 600;
}

.slide-box {
    width: 318px;
    height: 375px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #b5b5b5;
}

.swiper-pagination-bullet-active {
    background: #000;
}

.swiper-slide {
    height: 255px;
    text-align: center;
}

.content-img-box {
    display: inline-block;
    position: relative;
}

.img-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
}

.content-img-box:hover .img-hover {
    display: none;
}

.video {
    background: url(<?php echo G5_IMG_URL ?>/sub03b/video-bg.png);
    height: 620px;
    text-align: center;
    margin-bottom: 200px;
    overflow: hidden;
}

#myVideo {
    display: none;
}

.tractor02 {
    display: none;
}

/*trac_parts*********************************/
.trac_video {
    width: 100%;
    height:
        /*500*/
        416px;
    margin-bottom: 150px;
}


/*sprayer*********************************/
.sprayer {}

.sprayer > .sprayer_banner {}

.sprayer > .sprayer_banner > img {}

.sprayer > .txt {
    margin-top: 70px;
}

.sprayer .txt > p {
    font-size: 16px !important;
    line-height: 26px;
    color: #1a1a1a;
    text-align: left;
}

.sprayer > {
    width: 1200px;
    height: 120px;
}

.sprayer > ul {
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.sprayer > ul > div {
    float: left;
    margin-bottom: 24px;
    width: 430px;
    height: 20px;
    text-align: left;
    color: #1a1a1a;
}

.sprayer > ul > div > p {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #2b5cbc;
    float: left;
}

.gallery {
    width: 1200px;
    height:
        /*850px*/
    ;
    overflow: hidden;
    margin-bottom: 150px;
}

.gallery_left {
    float: left;
    width: 760px;
    /*height:850px*/
    ;
    overflow: hidden;
}

.gallery_left > div {
    position: relative;
    float: left;
    width: 380px;
    height: 342px;
}

.gallery_left > div:last-of-type {
    width: 760px;
    height: 508px;
}

.gallery_left > div > .box {
    width: 380px;
    height: 342px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 1;
}

.gallery_left > div:last-of-type > .box {
    width: 760px;
    height: 508px;
}

.gallery_left > div > img {
    position: absolute;
    left: 0;
    top: 0;
}

.gallery > div > div:hover .box {
    transition-duration: 1s;
    display: none;
}

.gallery_right {
    float: left;
    width: 440px;
    height: 850px;
    overflow: hidden;
}

.gallery_right > div {
    position: relative;
    float: left;
    height: 515px;
}

.gallery_right > div > .box {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 1;
}

.gallery_right > div:first-of-type > .box {
    width: 440px;
    height: 515px;
}

.gallery_right > div:last-of-type > .box {
    width: 440px;
    height: 335px;
}

/*erp series*********************************/
div.erp {}

div.erp > .center {
    width: 1200px;
    margin: 0 auto;
}

.erp .txt {}

.erp .txt > p {
    text-align: left;
}

.erp .txt > p > span {}

.erp .txt > p:last-of-type {
    font-size: 16px;
    line-height: 26px;
    margin-top:
        /*60px*/
    ;
    margin-bottom: 50px;
}

.erp > .erp_banner {
    width: 100%;
    /*    height: px;
    margin-top: 100px;*/
    margin-bottom: 150px;
}

.erp > .v3 > .center {
    margin: 0 auto;
}

.erp > .v3 > .center > p {
    margin-top: 70px;
    margin-bottom: 70px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    text-align: center;
}

/*v3 detail*/

.v3 > .detail {
    width: 100%;
    background-color: #ffffff;
}

.v3 > .detail > .center {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 150px;
}

.v3 > .detail > .center > h6 {
    font-size: 35px;
    position: relative;
    margin-bottom: 80px;
    font-family: 'NanumSquareB';
}

.v3 > .detail > .center > h6 div.bar {
    margin-top: 20px;
    width: 50px;
    border-bottom: 3px solid #3783b6;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.v3 .detail img {
    display: none;
}

/*v3분류*/
/*.v3 > .detail > .center > ul{margin-top:70px;}*/
.v3 > .detail > .center > ul > li > ul {
    margin-bottom: 50px;
}

.v3 > .detail {
    margin-top: 150px;
    overflow: hidden;
}

.v3 > .detail > .center {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.v3 > .detail > .center > ul {
    width: 550px;
    float: left;
    /*margin-top: 100px;*/
    margin-left: 50px;
}

.v3 > .detail > .center > ul:first-of-type {
    border-right: 1px solid #1a1a1a;
    box-sizing: border-box;
}

.v3 > .detail > .center > ul:last-of-type {}

.v3 > .detail ul > li {
    font-size: 16px;
    position: relative;
    text-align: left;
    padding-top: 20px;
}

.v3 > .detail ul > li > p {
    position: relative;
}

.v3 > .detail ul > li > p > span:first-of-type {
    font-family: 'NanumSquareR';
    font-size: 20px;
    z-index: 1;
    bottom: 0;
}

.v3 > .detail ul > li > p > span:last-of-type {
    font-family: 'NanumSquareB';
    font-size: 25px;
    color: #c4c4c4;
    opacity: 0.2;
    bottom: 0;
    left: 0;
    position: absolute;
}

/*v3상세*/
.v3 > .detail ul > li {
    overflow: hidden;
}

.v3 > .detail ul > li > ul {
    width: 50%;
    float: left;
}

.v3 > .detail ul > li {
    font-size: 16px;
}


.v3 > .detail ul > li > ul:last-child {
    color: #1a1a1a;
}

.v3 > .detail ul > li > ul > li.short {
    letter-spacing: -1px;
}

/*mini*/
.erp > .mini > .center {
    margin: 0 auto;
}

.erp > .mini > .center > p {
    margin-top: 70px;
    margin-bottom: 70px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    text-align: center;
}

/*mini detail*/

.mini > .detail {
    width: 100%;
    background-color: #ffffff;
}

.mini > .detail > .center {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 150px;
}

.mini > .detail > .center > h6 {
    font-size: 35px;
    position: relative;
    margin-bottom: 80px;
    font-family: 'NanumSquareB';
}

.mini > .detail > .center > h6 div.bar {
    margin-top: 20px;
    width: 50px;
    border-bottom: 3px solid #3783b6;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.mini .detail img {
    display: none;
}

/*mini분류*/
/*.mini > .detail > .center > ul {
    margin-top: 50px;
}*/

.mini > .detail > .center > ul > li > ul {
    margin-bottom: 50px;
}

.mini > .detail > .center > ul > li > ul > li {
    font-size: 16px;
}

.mini > .detail {
    margin-top: 70px;
    overflow: hidden;
}

.mini > .detail > .center {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.mini > .detail > .center > ul {
    width: 550px;
    float: left;
    margin-left: 50px;
}

.mini > .detail > .center > ul:first-of-type {
    border-right: 1px solid #1a1a1a;
    box-sizing: border-box;
}

.mini > .detail ul > li {
    font-size: 16px;
    position: relative;
    text-align: left;
    padding-top: 20px;
}

.mini > .detail ul > li > p {
    position: relative;
}

.mini > .detail ul > li > p > span {}

.mini > .detail ul > li > p > span:first-of-type {
    font-family: 'NanumSquareR';
    font-size: 20px;
    z-index: 1;
    bottom: 0;
}

.mini > .detail ul > li > p > span:last-of-type {
    font-family: 'NanumSquareB';
    font-size: 25px;
    color: #c4c4c4;
    opacity: 0.2;
    bottom: 0;
    left: 0;
    position: absolute;
}

section.detail p > img {
    display: block;
    float: right;
    width: 26px;
    margin-bottom: 2px;
}

/*mini상세*/
.mini > .detail ul > li {
    overflow: hidden;
}

.mini > .detail ul > li > ul {
    width: 50%;
    float: left;
}


.mini > .detail ul > li > ul:last-child {
    color: #1a1a1a;
}

.mini > .detail ul > li > ul > li.short {
    letter-spacing: -1px;
}

.fusion > img {
    margin-bottom: 100px;
    width:70%;
    margin-bottom:100px;
}

br.mobile {
    display: none;
}

br.pc {
    display: block;
}

.gallery2 {
    display: none;
}

/*tablet&mobile*/
@media screen and (max-width:959px) {
    section {
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

    section.top {
        width: 90%;
    }

    section.top > img {
        width: 100%;
    }

    section.intro {
        width: 90%;
        margin-top: 30px;
    }

    section.intro .txt {
        width: 100%;
    }

    section.intro .txt > p {
        width: 100%;
        text-align: justify;
    }

    section.intro .txt > h2 {
        font-size: 38px;
        line-height: 40px;
        width: 100%;
    }

    section.intro .txt > h2 > span.box {
        width: 8px;
        height: 8px;
        background-color: #3783b6;
        position: absolute;
        bottom: 8px;
    }


    section.intro > img {
        width: 100%;
        height: 100%;
    }

    section.choice {
        width: 90%;
    }

    section.choice > ul {
        width: 100%;
        height: 40px;
        margin: 30px 0px;
    }

    section.choice > ul > li {
        width: 33.333333%;
        height: 40px;
        line-height: 40px;
    }

    section.choice > ul > li > a {
        height: 40px;
    }

    section.choice > ul > li > a > h3 {
        font-size: 14px;
        line-height: 20px;
        line-height: 40px;
    }

    section.choice > ul > li > a > h4 {
        font-size: 14px;
        line-height: 20px;
        line-height: 40px;
    }

    section.choice > ul > li > a > h5 {
        font-size: 14px;
        line-height: 40px;
        line-height: 40px;
    }

    section.area {
        width: 90%;
    }

    section.area > div {
        width: 100%;
    }

    section.area > div > .center {
        width: 100%;
    }

    section.area > div > .center .txt > p {
        width: 100%;
    }

    section.area > div > .center .txt > p > span:first-of-type {
        line-height: 50px;
        font-size: 25px;
    }

    section.area > div > .center .txt > p {
        text-align: justify;
    }

    /*auto*/
    section.area > .auto > .center {
        width: 100%;
        padding-bottom: 50px;
    }

    section.area > .auto > .kit .control > li img {
        /*width: 150px;height:150px;*/
    }

    section.area > .auto > .center {
        padding-bottom: 100px;
    }
    section.area > .auto > .brand>div{width:100%; height:177px; float:left; margin-bottom:50px;}
    section.area > .auto > .brand>div:nth-of-type(3){height:250px;}
    section.area > .auto > .brand>div>img {width:22%}
    section.area > .auto > .kit {margin-top:1000px;}
    
    div.interior {
        width: 330px;
        height: 294px;
        margin: 0 auto;
        float: none;
    }

    div.interior > img {
        width: 100%;
        height: 100%;
    }

    .fusion p {
        margin-bottom: 50px;
    }

    .txt_pic {
        margin-top: 30px;
        width: 100%;
        height: 300px;
    }

    .txt_pic > ul {
        width: 90%;
        margin-left: 5%;
    }

    .txt_pic > ul > li:first-of-type {
        margin-bottom: 15px;
    }

    .txt_pic > ul > li {
        text-align: center;
    }

    .txt_pic > ul > li > ul > li:first-of-type {
        float: left;
    }

   /* .txt_pic > ul > li > ul > li:last-of-type {
        float: right;
    }*/

    .txt_pic > ul > li:nth-child(1) > p {
        font-size: 16px;
    }

    .txt_pic > ul > li:nth-child(3) > p {
        margin-top: 0;
        font-size: 14px;
    }

    .txt_pic > ul > li:nth-child(4) > p {
        margin-top: 0;
        font-size: 14px;
    }

    .txt_pic > ul.steering > li > ul {
        width: 52%;
        text-align: center;
        margin: 0 auto;
    }

    .txt_pic > ul.shift > li > ul {
        width: 52%;
        margin: 0 auto;
    }
    .txt_pic > ul.accel > li > ul {width:80%; margin:0 auto;}

    .fusion > img {
        width: 100%;
    }

    /*agri*/
    div.agri .txt > p {
        margin-bottom: 50px;
    }

    .tractor .bg_img {
        float: none;
        margin: 0 auto;
    }

    div.tractor150 > ul {
        display: none;
    }

    div.agri > .tractor .bg_img {
        width: 100%;
        text-align: center;
    }

    div.agri > .tractor > ul.control .tractor80 {}
    
    div.agri > .tractor ul.control{
        width:42% !important;
        margin-left:27% !important;
    }
    div.control_wrap {
        width: ;
        height: 98px;
        margin: 0 auto;
    }

    div.agri > .tractor ul.control {
        width: 100%;
        margin-left: 15%
    }

    div.agri > .tractor > ul.control > li:last-of-type {
        margin-right: 0;
    }

    div.agri > .tractor .bg_img > ul {
        width: 100%;
    }

    div.agri .txt > p {
        text-align: justify;
        margin-bottom: 30px;
    }
    
    .trac_parts{padding-top:0; background-color:#fff;}

    .trac_parts .center {
        width: 100%;
    }

    .trac_parts .txt > p:nth-of-type(2) {
        text-align: justify;
        margin-bottom: 0px;
    }

    /*slide edit*/
    /*slider*/
    /*.box {width:318px;display:inline-block;vertical-align: top;}*/
    div.box > h1 {
        /*margin-top:30px;*/
    }

    div > div.content-img-box {
        display: none;
    }

    .box h2 {
        font-size: 16px;
    }

    .slide-box {
        width:
            /*318px*/
            70%;
        height:
            /*375px*/
            70%;
        display: inline-block;
        border: 1px solid #ccc;
        background: #fff;
        text-align: center;
    }

    /*  .slide_bg_box{width:70% !important;}*/
    .slide_bg_box {
        width: 100% !important;
    }

    .slide_bg_box > div {
        width: 100%;
    }

    .slide_bg_box div.box {
        width: 33.333333%;
        float: left;
    }

    .swiper-slide {
        height:
            /*255px*/
            100%;
        width: 100%;
    }

    .swiper-slide > img {
        width: 100%;
        height: 100%;
    }

    .slide_bg_box .box:nth-of-type(2) .swiper-slide:first-of-type > img {
        width: 70%;
        padding-top: 5px !important;
    }

    .slide_bg_box .box:nth-of-type(3) .swiper-slide:first-of-type > img {
        width: 70%;
        padding-top: 10px !important;
    }

    /*slide edit*/

    .trac_parts .txt > p br.pc {
        display: none;
    }

    .trac_parts .txt > p:nth-of-type(1) {
        margin-bottom: 15px;
    }

    .trac_video {}

    .trac_video > img {
        width: 100%;
        margin-top:50px;
    }

    .sprayer {
        padding-top: 550px;
    }

    .sprayer_banner {
        width: 100%;
    }

    .sprayer_banner > img {
        width: 100%;
    }

    .sprayer ul {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sprayer ul > div {
        font-size: 14px;
        width: 100%;
        letter-spacing: -0.7px;
        margin-bottom: 14px;
    }

    .sprayer ul > div:last-of-type {
        margin-bottom: 0;
    }

    .gallery {
        display: none;
    }

    .gallery2 {
        display: block;
    }

    .gallery2 > img {
        width: 100%;
        height: auto;
    }

    /*.sprayer .gallery{}
    .sprayer .gallery .gallery_right{display: none;}
    .sprayer .gallery .gallery_left{width: 100%;}
    .sprayer .gallery .gallery_left>div{width: 50%;}
    .sprayer .gallery .gallery_left>div>div.box{display: none;}
    .sprayer .gallery .gallery_left>div img{width: 100%;}
    .sprayer .gallery .gallery_left>div:last-of-type{width: 100%;}
    .gallery_left>div{height: 167.66px;}*/
    .box {
        margin: 0px 0px;
    }

    .box {
        width: 100%;
    }

    .slide-box {
        width: 100%;
    }

    /* .swiper-slide>img{width:292px;height:296px}*/
    .content-img-box {
        margin-right: 0px !important;
    }

    .img-hover {
        display: none;
    }

    .video {
        display: none;
    }

    .trac_video {
        margin-bottom: 50px;
        height: 100px;
    }

    /*erp*/

    .erp .center {
        width: 100%;
    }

    .erp .txt > p:last-of-type {
        margin-bottom: 30px;
    }

    .erp .v3 > .center > p {
        margin-bottom: 30px;
        text-align: justify;
    }

    .erp .mini > .center > p {
        margin-bottom: 30px;
        text-align: justify;
    }

    .erp_banner > img {
        width: 100%;
    }

    .erp .erp_banner {
        margin-bottom: 50px;
    }

    section.detail {
        width: 90%;
        text-align: center;
    }

    section.detail > .center {
        width: 90%;
    }

    section.detail > .center > ul {
        width: 100%;
    }

    section.detail > .center > ul:first-of-type {
        border-right: 0;
    }

    section.detail p {
        border-bottom: 1px solid rgba(196, 196, 196, 0.2);
    }

    section.detail p > img {
        display: block;
        float: right;
        margin-top: 6px;
    }

    section.detail ul ul {
        display: none;
    }

    section.detail ul:hover {
        cursor: pointer;
    }

    section.detail > .center > ul {
        margin-top: 0;
        width: 100%;
    }

    .open {
        transform: rotate(180deg);
        transition: all .25s ease;
    }

    .v3 > img {
        width: 70%;
        margin-bottom: 30px;
    }

    .v3 > .detail > .center {
        padding-bottom: 100px;
    }

    .v3 > .detail > .center > ul {
        margin-left: 0;
    }

    .v3 > .detail > .center > ul:first-of-type {
        border-right: 0;
    }

    .v3 > .detail > .center > ul:last-of-type {
        margin: 0px;
    }

    .v3 > .detail > .center > ul {
        width: 100%;
    }

    .v3 > .detail > .center {
        width: 100%;
    }

    .v3 .detail img {
        display: block;
    }

    .mini > img {
        width: 80%;
        margin-bottom: 30px;
    }

    .mini > .detail > .center {
        padding-bottom: 100px;
    }

    .mini > .detail > .center > ul {
        margin-left: 0;
    }

    .mini > .detail > .center > ul:first-of-type {
        border-right: 0;
    }

    .mini > .detail > .center > ul:last-of-type {
        margin: 0px;
        width: 100%;
    }

    .mini > .detail > .center > ul {
        width: 100%;
    }

    .mini > .detail > .center {
        width: 100%;
    }

    .mini .detail img {
        display: block;
    }

    section.area .txt > p > span:first-of-type {
        font-size: 30px;
        font-family: 'NanumSquareEB';
    }

    section.area .txt > p > br.mobile {
        display: none;
    }

    section.area .sub_tit {
        font-size: 25px;
    }

    div.agri .sub_tit {
        font-family: 'NanumSquareEB';
    }

    .v3 > .detail > .center > h6 {
        font-size: 25px;
        font-family: 'NanumSquareEB';
    }

    .mini > .detail > .center > h6 {
        font-size: 25px;
        font-family: 'NanumSquareEB';
    }
    .swiper-container {
        padding-bottom: 0px !important;
        border-bottom: 0px !important;
    }

    .box:first-of-type .swiper-slide > img {
        padding-top: 0px !important;
    }
    .slide-box{border:0px;}

}

/*tablet*/
@media screen and (min-width:768px) and (max-width:959px) {
    section {
        width: 100%;
        overflow: hidden;
    }
     div.tractor150 > ul {
        display: block;
    }
}


/*mobile*/
@media screen and (max-width:767px) {
    section.area > .auto > .brand>div>img {margin-top:10%;}
    .trac_parts {
        padding-top: 30px;
        height: 500px;
        background-color: #ffffff;
    }

    .trac_parts > .center > .txt > p:first-of-type {
        text-align: center;
    }

    br.mobile {
        display: block;
    }

    br.pc {
        display: none;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -5px;
    }

    .swiper-slide {
        height: 100px;
        /*width:100%;*/
    }

    .slide-box {
        border: 0px;
    }

    .swiper-slide > img {
        height: auto;
        width: 100%;
        /*padding-top:10px;*/
        height: 78.17px;
        width: auto;
    }

    
    section.area > .auto > .kit .control {
        width: 70%;
    }

    .kit ul.mecha_elec > li > p {
        margin: 0 0 30px 0;
        text-align: justify;
    }

    .fusion p {
        text-align: justify;
    }

    .box h1 {
        font-size: 16px;
    }

    .box h2 {
        font-size: 14px;
        padding-top: 0;
        /*padding-bottom: 20px !important;*/
    }

    .txt_pic > ul.steering > li > ul {
        width: 70%;
    }

    .txt_pic > ul.shift > li > ul {
        width: 70%;
    }
    .txt_pic > ul.accel > li > ul {width:70%; margin:0 auto;}
   
    
    .txt_pic > ul > li > ul > li {
        width: 100px !important;
        height: 100px !important;
    }

    .txt_pic > ul > li > ul > li > img {
        width: 100%;
    }
    
    /*.txt_pic > ul.accel > li > ul > li:nth-of-type(2){
        position:absolute;
        left:50%;
        transform: translateX(-50%);
    }*/
    .txt_pic > ul.accel > li > ul{width:100%;}
    .txt_pic > ul > li > ul > li:first-of-type {
        width: 100px;
        height: 100px;
        margin: 0;
    }

    .txt_pic > ul > li > ul > li:first-of-type > img {
        width: 100%;
    }

    .txt_pic > ul > li > ul > li:nth-of-type(2) {
        width: 100px;
        height: 100px;
        margin: 0;
    }

    .txt_pic > ul > li > ul > li:last-of-type {
        width: 100px;
        height: 100px;
        margin: 0;
    }

    .txt_pic > ul > li > ul > li:last-of-type > img {
        width: 100%;
    }

    div.agri > .tractor .bg_img > ul > li {
        width:
            /*70%*/
        ;
    }

    div.agri > .tractor .bg_img > ul > li > div {
        width: 100%;
    }
    div.agri > .tractor ul.control{
        width:100% !important;
        margin-left:15% !important;
    }
    .trac_video > img {
        margin-top:0px;
    }
    .sprayer {
        padding-top: 50px;
    }
    

    /* .gallery{margin-bottom:100px;}
    .sprayer .gallery .gallery_left>div{height: ;}
    .sprayer .gallery .gallery_left>div:last-of-type{height: 226px;}*/
    /* .v3 > .detail > .center > ul {margin-top: 20px;}
    .v3 > .detail > .center > h6{margin-bottom: px;}*/
}

/*small mobile*/
@media screen and (max-width:500px) {
    div.agri > .tractor .bg_img > ul > li {
        width: ;
    }

    .tractor80 > ul {
        display: none;
    }

    div.agri > .tractor .bg_img > ul {
        height:
            /*254*/
            284px;
    }

    .tractor .bg_img > ul > li {
        height: 341px;
    }
}