.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding: 0;}
        

.row {margin: 0;}
.point {color: #007ed1!important;}
.main-nav > ul > li ul.submenuul2 {
    position: static!important;
    display: block!important;
    visibility: visible!important;
    opacity: 1!important;
    transform: none!important;
    width: 100%!important;
    margin-top: 0px!important;
}
.main-nav > ul > li ul.submenuul2 li a {
/*    padding: 1vh 30px !important;*/
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.main-nav > ul > li ul.submenuul2 li a:hover {
    color: #fff!important;
}
.footerwrap .container {
    max-width: 1500px;
    padding: 26px 0;
    height: 20vh;
}
.ft-top a {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.02em;
    position: relative;
    color: #6d6d6d;
}
.ft-top li:first-child a {
    padding-right: 10px;
    margin-right: 10px;    
}
.ft-top li:first-child a::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #6d6d6d;
}
.ft-top {margin-bottom: 10px;}
.ft-left span {
    display: inline-block;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'!important;
    font-size: 17px;
    color: #444444;
    padding-right: 20px;
}
.ft-right h3 {
    font-size: 20px!important;
    font-weight: 500!important;
    color: #333333!important;
    
}
.ft-right li {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.025em;
    color: #444444;
}
li.tel a {
    font-family: 'Lato'!important;
    font-size: 35px;
    font-weight: 900;
}
li.tel a img {margin-right: 10px;}

.carousel-caption {
    top: 10vh;
    padding: 0;
}
.slide_txtarea h2 {
    font-family: 'S-CoreDream-9Black'!important;
    font-size: 48px;
    letter-spacing: -0.02em;
    position: relative;
    padding-left: 100px;
    display: inline-block;
}
.slide_txtarea h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background: url(logo_mark.png) center no-repeat;
    background-size: contain;
}
.slide_txtarea p {
    font-size: 24px!important;
    font-weight: 100;
    letter-spacing: -0.02em;
    line-height: 1.5!important;
}

.footerwrap {
    background-color: #f7f7f7;
}


.container-fluid {padding: 0;}

.main-nav ul li.mactive {display: none!important;}

.ft-right .mail a {
    font-size: 1.685em;
    letter-spacing: -0.02em;
    line-height: 1!important;
}

.ft-left li {
    line-height: 1.5;
}





/*서브페이지*/
#subarea {background-color: #fff;}
/*
table.board.qalist > tbody > tr > td:last-child {
    display: none!important;
}
*/
#subarea .container {
    max-width: 1200px;
}
#subarea .footerwrap .container {
    max-width: 1500px;
}
.sign {
    color: #333;
    font-size: 1.3em;
}
.sign span {
    font-size: 1.5em;
    padding-left: 10px;
}
.submn {background-color: rgba(35, 35, 35, 0.8);}
.paging {color: #007bff!important;}

td.att_title font {
    font-size: 16px!important;
    color: #333!important;
}
td.bbsnewf5 {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 600px;
}
td.board_bgcolor font {
    font-size: 16px!important;
    color: #333!important;
}

td.board_desc {
    padding: 5px 20px;
    color: #333!important;
}
.mailformtb tr:last-child td.formmail_cell_bgcolor {
    width: 100%;
}

.sub-products .board.qalist  td.bbsnewf5 {
    width: auto;
    text-align: center;
}

table.board.qalist > tbody > tr td,table.board.qalist > tbody > tr td a {transition: all 0.5s;}
table.board.qalist > tbody > tr:hover td,table.board.qalist > tbody > tr:hover td a {
    color: #007bff!important;
    background-color: #f9f9f9;
}


.paging a:link {font-family: 'Noto Sans KR', sans-serif !important;}




#head-area, #head-mn {height: 100vh;}

.tlogo { 
    text-align: center;
    height: 15vh;
    line-height: 18vh;
}

.main-nav > ul {
    height: 85vh;
}






















/*반응형*/

@media (max-width: 1600px){
    .footerwrap .container {max-width: 96%;}
    .ft-left span {font-size: 15px;}
        .ft-left span {padding-right: 10px;}

}
@media (max-width: 1430px){
    .tlogo {
        height: 10vh;
        line-height: 10vh;
    }
    .main-nav > ul {    height: 90vh;}
    #hwrap .slide_txtarea p {font-size: 1.5em!important;}
    #hwrap .slide_txtarea p br {display: none!important;}
    li.tel a {font-size: 2em;}
    .ft-left li br {    display: none!important;}
    .ft-left span {    font-size: 0.8em;}
    .main-nav > ul > li > a {padding: 5px 30px;
    font-weight: 600;}
    .main-nav > ul > li ul {    margin: -5.5vh 0 0 0 !important;}
/*    .main-nav > ul > li ul.submenuul2 li a {    padding: 0.9vh 30px !important;}*/
/*    .tlogo {    margin: 35px 0 20px;}*/
    .main-nav > ul > li ul.submenuul2 li a {    font-size: 1.2em;}
    .ft-left li {    line-height: 1.2;}
    li.tel a img {display: none;}
    .main-nav > ul > li > a, .main-nav > ul > li:nth-child(2) ul li a {
        height: 5.5vh;
        line-height: 5.5vh;
    }

}



@media (max-width: 1250px){
    li.tel a {    font-size: 1.7em;}
    .ft-right .mail a {    font-size: 1.3em;}
    li.tel a span {    display: block;}
}



@media (max-width: 1024px){
    html,body {background-color: #f7f7f7;}
        #hwrap .carousel-inner {height: 670px!important;;}

    #hwrap .carousel-caption .container {max-width: 90%;}
    #hwrap .carousel-caption {top: 60px;}
    #hwrap .slide_txtarea h2 {font-size: 3em;}
    #hwrap .slide_txtarea p {font-size: 1.1em!important;}
    #hwrap .carousel-inner {height: 600px!important}
    #hwrap .product-cont h2 {line-height: 2!important;}
    .container-mn {
/*        max-height: 80vh;*/
        overflow-y: scroll;
    }
    .submn li a {padding: 0 20px;}
    td.bbsnewf5 {max-width: 550px;}
    li.tel a img {    display: block;    margin: 10px auto;}
    .ft-left span {padding: 0 10px;}
    .product-flex li:nth-child(1)::before {background: rgba(0,0,0,0) url(../img/more-icon.png) center center no-repeat!important;}
    .ft-left {
        flex: auto;
        max-width: 100%;
        text-align: center;
    }
    .ft-top ul {justify-content: center;}
    .ft-right {
        text-align: center!important;
        flex: auto;
        max-width: 100%;
        margin-top: 30px;
    }
    .footerwrap .container {height: auto;}
}
@media (max-width: 979px){
    .main-nav > ul > li > a {
        padding: 0px 25px;
        font-weight: 600;
    }
    .tlogo {
        height: 64px;
        line-height: 64px;
        text-align: left;
        margin: 0
    }
    #head-area, #head-mn {    height: auto;}
        .main-nav > ul > li ul {    margin: 0 0 0 !important;}

    #hwrap .carousel-caption {top: 80px;}
    .main-nav > ul {    height: 100vh;}
    .main-nav > ul > li > a {
        height: auto;
        line-height: 45px;
    }
    .main-nav > ul > li:nth-child(2) ul li a {
        padding: 0 20px;
        padding-right: 40px;
        line-height: 45px;
        height: auto;
    }
/*    #hwrap .carousel-inner {min-height: 700px!important;}*/
    .main-nav > ul > li ul.submenuul2 {
        display: none!important;
    }
    .main-nav > ul > .open ul.submenuul2 {
        display: block!important;
    }
    .main-nav > ul > li ul.submenuul2 li a {
        display: block;
        padding: 0 25px!important;
/*        padding-right: 40px!important;*/
        color: #666;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 45px;
    }
    .main-nav > ul > li ul.submenuul2 li a:hover {
        color: #007bff!important;
    }

}
@media (max-width: 768px){
    .subcontxt {padding: 0;}
    .submn {background: none;}
    td.bbsnewf5 {max-width: 470px;}
    .slick-slide img {
        max-width: 90%;
        max-height: 300px;
    }
    #hwrap .carousel-inner {    height: 550px!important;}
}

@media (max-width: 680px){
    .pc-footer > .footerwrap > .container > .row {
        flex-direction: column-reverse;
    }
    .ft-right {margin: 0 auto 10px;}
    .footerwrap .container {padding: 20px 0;}
    #hwrap .slide_txtarea p {    font-size: 0.895em!important;}
    .subcontxt {padding: 30px 0 80px;}
    .main-nav ul li.mactive {display: block!important;}
    #hwrap .carousel-caption {top: 80px;}
    #hwrap .slide_txtarea h2 {font-size: 2em;    padding-left: 80px;}
    .slide_txtarea h2::before {        width: 70px;    }
    body .product-cont h2 {font-size: 1.2em!important;
    font-weight: 400!important;}
    #hwrap .carousel-caption .container {max-width: 90%;}
    #hwrap .slide_txtarea {margin-bottom: 0;}
    .slick-slide img {max-width: 90%;}
    #hwrap .product-cont h2 {line-height: 1!important;}
    .ft-left span {font-size: 0.795em;line-height: 1.2;padding: 0 10px;}
    .shtitle, .shtitle h2 {margin-bottom: 0 !important;}
    .his_list {margin: 50px auto 0;}
    .his_box {padding: 10px 30px;}
    .add-area b {display: block;}
    td.att_title font,.qalist td,.board, .board a:link, .board_description,td.board_bgcolor font ,.board_desc, .subcontxt .mailformtb td.formmail_title_bgcolor{font-size: 13px!important;line-height: 1.5!important;}
    .qalist td.bbsnewf5 {max-width: 180px;    width: 50%;}
    .sub-products .board.qalist td.bbsnewf5 {
        white-space: normal;
        padding: 0 10px!important;
    }
    .sc04_visual .slick-arrow {display: none!important;}
    #hwrap .carousel-inner {    height:400px!important;}
    .ft-left {    max-width: 90%;    margin: auto;}
/*    li.tel a img {    display: none;}*/
    .ft-left span {display: initial;}
    .ft-left br {    display: none!important;}
    .ft-top li:first-child a::after {    height: 10px;}
    td.board_desc >div {    height: auto!important;}
}

/*.qalist tr td:first-child {display: none!important;;}*/