.container
{max-width:1300px; margin:0 auto; padding:0;}
.main-title-con
{text-align:center; margin-bottom:40px;}
.main-title-con h2
{font-size:46px; color:#121212; font-weight:600;}


#header
{max-width:1300px; position:Relative;}
#header .tlogo
{line-height:85px;}
#header .main-nav
{text-align:left;}
#header .main-nav > ul > li > a
{font-size:19px; font-weight:500; color:#2b2b2b; line-height:85px;}
#header .main-nav > ul > li.submenu
{width:26%;}
#header .main-nav > ul > li ul
{min-width:80%; margin:0 10%;}
#header .top-call
{position:absolute; right:-5%; top:23px;}

.header_scroll #header .tlogo
{line-height:85px;}
.header_scroll .tlogo img
{max-height:100%;}

.main-product
{background:#f0f1f0; padding:100px 0;}
.main-product-wrap
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-product-box
{margin:0 0 20px;}
.main-product-box img
{border:1px solid #e4e4e4;}
.main-product-box p
{padding:10px 0px; text-align:center; font-size:18px; color:#242424; font-weight:600;}
.main-product-box:hover img
{opacity:.8}
.main-product-box:hover p
{color:#666;}

.main-contact
{background:url('../img/main-contact-bg.jpg') no-repeat center; background-size:cover; padding:80px 0;}
.main-contact-con
{text-align:center;}
.main-contact h2
{font-size:46px; color:#fff; font-weight:600; margin-bottom:30px;}
.main-contact p
{font-size:20px; color:#fff; margin-bottom:30px; font-weight:300;}
.main-contact a
{display:inline-block; border:1px solid #fff; font-size:16px; color:#fff; padding:10px 20px; font-weight:300; transition:all 0.2s ease;}
.main-contact a:hover
{background:#040c32; border-color:#ddd;}

.main-block
{padding:80px 0;}
.main-block-wrap
{display:flex; justify-content:space-between; flex-wrap:wrap;}
.company-box
{background:url('../img/main-block-01.jpg') no-repeat center; background-size:cover; padding:30px;}
.company-box h3
{color:#fff; font-weight:400;}
.company-box p
{font-size:15px; color:#fff; font-weight:400; line-height:1.5; margin:0 0 20px;}
.company-box a
{display:inline-block; border:1px solid #fff; font-size:15px; color:#fff; font-weight:400; padding:10px 20px; transition:all 0.2s ease;}
.company-box a:hover
{background:#040c32; font-weight:300; border-color:#ddd;}
.location-box
{background:url('../img/main-block-02.jpg') no-repeat center; background-size:cover;}
.location-box-wrap
{display:table; width:100%; height:100%;}
.location-box-wrap .inner
{display:table-cell; vertical-align:middle; text-align:center; padding:0 10px;}
.location-box p
{font-size:16px; color:#fff; font-weight:400; margin-top:10px;}
.location-box:hover img
{opacity:.9;}
.customer-box
{border:1px solid #e3e3e3; padding:30px;}
.customer-box h3
{color:#333333; font-weight:600; margin-bottom:10px;}
.customer-box .call-box
{padding-left:85px; display:inline-block; background:url('../img/main-block-03-icon.png') no-repeat left; height:74px; }
.customer-box .call-box li
{font-family:'Montserrat'; font-size:36px; color:#333333; font-weight:600; line-height:1; overflow:hidden;}
.customer-box p
{font-family:'Noto Sans Kr'; font-size:16px; color:#6b6b6b; margin-top:10px; border-top:1px solid #e3e3e3; padding-top:20px; line-height:1.3;}

.block-box
{width:32%; height:266px;}
.block-box h3
{font-size:24px; margin-bottom:25px;}


.footer
{background:#252525; padding:30px 0px;}
.footer li span
{font-size:15px; color:#cacaca; font-weight:400; padding-right:15px;}
.footer li.copy
{font-size:14px; color:#d0d0d0; font-weight:300; padding-right:15px;}
.footer li.copy a
{padding-left:15px;}





#sub-body-wrap
{max-width:1300px; }
.sub-body-con
{display:flex;}
.sub-menu
{width:18%;}
.sub-menu #secondmenu h1
{color:#333333; font-weight:500; text-align:left; padding: 0 0 10px; margin:0;}
.sub-menu #secondmenu .leftmenu dl
{border-top:2px solid #131313;}
.maincscenter h3
{color:#040c32}
.maincscenter em
{text-transform:none;}

.sub-content
{padding-left:5%; width:100%;}
.sub-title
{margin-bottom:30px;}
.sub-title h2
{font-size:26px; font-weight:400; color:#333; padding-bottom:10px; border-bottom:1px solid #ddd;}


/* table setting */
table
{width:100%; border-top:1px solid #b1b1b1;} 
table tr
{border-bottom:1px solid #eee;}
table th
{background:#f4f4f4; width:110px; padding:10px 20px; font-weight:500; font-size:15px; text-transform:uppercase;}
table td
{font-size:14px; color:#666; padding:10px;}

.company-sec
{margin-bottom:150px;}
.company-sec .top-txt
{text-align:center; margin-bottom:20px;}
.company-sec .top-txt strong
{font-size:24px; color:#131313; font-weight:500;}
.company-sec .slogan-txt
{background:url('../img/company-bg.jpg') no-repeat center; height:200px; background-size:cover;}
.company-sec .slogan-txt .slogan-wrap
{display:table; width:100%; height:100%;}
.company-sec .slogan-txt .slogan-wrap .inner
{display:table-cell; vertical-align:middle; text-align:center;}
.company-sec .slogan-txt span
{text-transform:uppercase; letter-spacing:12px; color:#d1d1d1; font-size:30px; font-weight:500;}
.company-sec .txt-box
{margin-top:30px;}
.company-sec .txt-box p
{font-family:'Noto Sans Kr'; font-size:18px; color:#666; margin-bottom:10px;}
.company-sec .ceo-name
{margin-top:30px; text-align:right;}
.company-sec .ceo-name strong
{font-weight:500; font-size:18px; color:#111; padding-right:30px;}

.contact-sec
{display:flex;}
.contact-sec .tit-box
{width:25%;}
.contact-sec .tit-box .tit
{font-size:26px; color:#333; font-weight:500;}
.contact-sec .info-box
{width:75%;}
.contact-sec .info-box .contact-list-con
{margin-bottom:50px;}
.contact-list-con h6
{font-size:21px; margin:0 0 20px; padding:0 0 10px; border-bottom:3px solid #4e4e4e;}


/*** PRODUCT ***/

/* PRODUCT TIT */
.product-title-con
{margin-bottom:10px; padding-bottom:10px;}
.product-title-con h3
{position:relative; font-size:24px; color:#333; font-weight:500; padding-left:30px;}
.product-title-con h3:before
{content:''; position:absolute; left:0; top:6px; width:18px; height:18px; background:#000;}

/* PRODUCT SEC */
.product-list
{margin-bottom:80px;}
.product-con
{display:flex; justify-content:space-between; align-items:stretch;}
.product-con .product-img-box
{width:30%; height:300px; background:#ddd;}
.product-con .product-img-box img
{box-sizing:content-box; border:1px solid #ddd; max-width:none;}
.product-con .product-info-box
{padding-left:3%; width:60%;}
.product-info-box .prd-tbl
{border:1px solid #ddd; border-top:2px solid #4e4e4e; height:100%;}
.product-info-box .prd-tbl tr
{border-bottom:1px solid #ddd;}
.product-info-box .prd-tbl th
{text-align:center; padding:5px 10px;}
.product-info-box .prd-tbl td
{text-align:center; border-right:1px solid #ddd; padding:2px 10px;}
.product-con .tbl-etc
{margin:10px 0;}
.product-con .tbl-etc small
{font-size:15px; display:block; color:#333; line-height:1.5; font-weight:400}



/* PRODUCT SEC 02 */
.product-list-02
{margin-bottom:80px;}
.product-list-02 .product-con
{display:flex; flex-wrap:wrap;}
.product-list-02 .product-con .product-img-box
{display:table; width:100%; height:300px; padding:20px; background:#fff; border:1px solid #ddd;}
.product-list-02 .product-con .product-img-box .product-img-inner
{display:table-cell; vertical-align:middle; text-align:center;}
.product-list-02 .product-con .product-img-box .product-img-inner img
{border:none;}
.product-list-02 .product-con .product-info-box
{width:100%; padding:0; margin-top:30px;}
.product-list-02 .product-info-box .prd-tbl th
{padding:15px 10px;}
.product-list-02 .product-info-box .prd-tbl td
{padding:8px 10px;}

/** PRODUCT IMG BOX 02 **/
.product-list-02 .product-con .product-img-box-02
{display:flex; justify-content:space-between; width:100%;}
.product-list-02 .product-con .product-img-box-02 .prd-img
{width:32%;}
.product-list-02 .product-con .product-img-box-02 .prd-img img
{border:1px solid #ddd; width:100%; box-sizing: content-box;}

/** PRODUCT IMG BOX 03 **/
.product-list-02 .product-con .product-img-box-03
{display:flex; justify-content:space-between; width:100%;}
.product-list-02 .product-con .product-img-box-03 .prd-img
{width:23%;}
.product-list-02 .product-con .product-img-box-03 .prd-img img
{border:1px solid #ddd; width:100%; box-sizing: content-box; height: 223px;}
/* 20211102 height 추가 */


@media screen and (max-width:414px){
    .container
    {padding:0 10px;}
    .main-title-con h2
    {font-size:38px;}

    .main-product-wrap
    {justify-content:center;}
    .main-product-box p
    {font-weight:500;}

    .main-contact h2
    {font-size:38px;}

    .block-box
    {width:100%; margin:10px 0px;}
    .customer-box .call-box ul
    {margin-top:10px;}
    .customer-box .call-box li
    {font-size:28px;}

    .footer
    {padding:60px 0;}
}


/* 20211122 추가작업 */

.tfixed br{
    display: none;
}

.slide_txtarea h2 {
    font-size: 36px !important;
    font-weight: 300 !important;
}

.carousel-indicators .active::after {
    width: 17px;
    height: 17px;
    border: 1px solid #fff;
    position: absolute;
    left: -6px;
    top: -6px;
    border-radius: 20px;
}

.drivers .product-list-02 .product-con .product-img-box{
	margin-top: 80px;
}

.mt0{
    margin-top: 0 !important;
}

.pa-amp .product-list:not(:first-child){
    margin-top: 30px !important;
}


.pa-amp .product-con .product-img-box{
    display: table;
    width: 30%;
    height: 300px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.pa-amp .product-con .product-info-box{
    width: 70%;
    padding-left: 3%;
}

.pa-amp .product-list-02 .product-con .product-info-box{
    margin-top: 0;
}

.pa-amp .product-con .product-img-box img{
    border: none;
}


.pa-amp .product-con .product-img-box .product-img-inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pa-amp table{
	height: unset !important;
}

.pa-amp td{
    padding: 5px !important;
}

.sub_contact table{
    border-top: 0 !important;
}

.sub-content table > td{
    padding: 0 !important;
}

#sub-body-wrap{
    min-height: 209px;
}


/* 노트북 */
@media screen and (max-width:1024px){

    #header .main-nav > ul > li.submenu{
        width: unset;
    }

    #header .main-nav > ul > li ul{
        margin: unset;
    }

    #header .main-nav > ul > li > a{
        line-height: 39px;
    }

    .customer-box .call-box li{
        font-size: 26px;
    }

    .footer{
        padding: 30px 10px;
    }

    #header .top-call{
        right: 8%;
    }

    .mob-btn{
        top: 30px !important;
    }

}

/* 태블릿 */
@media screen and (max-width:768px){

    #header .top-call{
        right: 10%;
    }

    .mob-btn{
        top: 30px !important;
    }

    .slide_txtarea h2{
        font-size: 23px !important;
    }

    .slide_txtarea p{
        font-size: 50px !important;
    }

    .customer-box .call-box{
        padding-left: 60px;
        background-size: 30%;
    }

    .customer-box .call-box li{
        font-size: 24px !important;
    }

    .customer-box p{
        border: none;
        padding: 0;
        font-size: 14px;
    }

    /* 서브 */

    .sub-content{
        padding: 0;
    }

    .product-con .product-img-box{
        background: none;
    }

    .product-con .product-img-box img{
        max-width: 130%;
    }
    
    .pa-amp .product-con .product-img-box img{
        max-width: unset;
    }

}



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


    .tfixed br{
        display: inline;
    }

    #header .top-call{
        display: none;
    }

    .slide_txtarea h2{
        font-size: 20px !important;
        font-size: 3em;
        margin: 0 auto 0px !important;
    }

    .slide_txtarea p{
        font-size: 40px !important;
    }

    .carousel-caption{
        bottom: 33% !important;
    }

    .main-title-con h2{
        font-size: 34px;
    }

    .main-product-box{
        width: 50%;
    }

    .main-contact h2{
        font-size: 34px;
        margin-bottom: 15px;
    }

    .main-contact p{
        padding: 0 40px;
    }

    .block-box{
        width: 100%;
    }

    .customer-box .call-box{
        padding-left: 80px;
        background-size: unset;
    }

    .customer-box .call-box li{
        font-size: 30px !important;
    }

    .customer-box .call-box ul{
        margin-top: 7px;
    }

    .customer-box p{
        font-size: 17px;
    }

    .footer li span{
        font-size: 14px !important;
    }

    .footer li.copy{
        font-size: 12px !important;
    }

    /* 서브 */
    .company-sec .top-txt strong{
        font-size: 20px;
    }

    .company-sec .txt-box p {
        font-size: 16px;
    }

    .contact-sec{
        display: unset;
    }

    .contact-sec .tit-box{
        width: 100%;
        margin-bottom: 30px;
    }

    .contact-sec .info-box {
        width: 100%;
        padding-right: 25px;
    }

    .product-list-02 .product-con .product-img-box .product-img-inner img{
        width: 100%;
    }
    
    .product-con .product-img-box img{
        max-width: 115% !important;
    }

    .product-con .product-info-box{
        width: 65%;
    }

    .pa-amp .product-con{
        display: unset;
    }

    .pa-amp .product-con .product-img-box{
        height: 100px;
        width: 100%;
    }

    .pa-amp .product-con .product-info-box{
        width: 100%;
        padding: 0 !important;
    }

    .product-list-02 .product-con .product-img-box-03 .prd-img img{
        height: unset;
    }


    .tfixed td{
        text-overflow: ellipsis !important;
        font-size: 13px !important;
    }

}