/********************** 공통 css *************************/
.sub_header_bg {width:100%;height:273px;background:url('../../../img/sub10_top.gif') no-repeat top / auto;}

.sub_tit{
    color:#fff;
    font-size:45px;
    font-family: 'Montserrat-SemiBold', sans-serif;
    text-align: center;
}
.sub_tit_m{
    font-size: 20px;
    color:#898989;
    text-align: center;
    padding-top:8px;
}

.sub_tit_m_blackbg{
    font-size: 20px;
    color:#b7b7b7;
    text-align: center;
    padding-top:8px;
}

.sub_tit_black{
    color:#363636;
    font-size:45px;
    font-family: 'Montserrat-SemiBold', sans-serif;
    text-align: center;
}

.sub_tit_black .brown{
    color:#c4a673;
}

.subtitle_con{
    padding:80px 0 40px 0;
}


/************************* sub01 css ****************************/

.sub10_contain01{
    width:100%;
}
.sub10_conbg01{
    /*background:url(/theme/basic/img/sub01_bg01_1.gif) no-repeat top / auto;*/
    background: #000;
    width: 100%;
    padding-top:205px;
}
.grt img{width: 100%; height: auto;}
.grt .pc{display: block;}
.grt .mobile{display: none;}
.sub10_contxt01{
    display: block;
    max-width: 100%;
    margin:0 auto;
}

.sub10_title_con{
    padding: 0 0 110px 0;
}

.sub10_contain02{
    width:100%;
    background-color: #000;
}
.sub10_conbg02{
    background-image:url(/theme/basic/img/sub01_bg02.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 100px;
}

.sub10_contxt02{
    display: block;
    width: 1200px;
    margin:0 auto;
    padding-bottom:60px;
}

.sub10_contxt02 img{width: 100%; }

.sub10_contxt01_tit01{
    font-size: 25px;
    color:#fff;
    font-weight:300;
    line-height: 40px;
}
.sub10_txtcenter{
    text-align: center;
}

.sub10_contxt01_txt17{
    font-size: 17px;
    color:#ebebeb;
    word-break: keep-all;
    line-height: 30px;

}
.sub10_contxt01_txt14{
    font-size: 14px;
    color:#959595;
    word-break: keep-all;
}

.pdt40{
    padding-top:40px;
}

.pdt80{
    padding-top:80px;
}

.pdb30{
    padding-bottom:30px;
}

.pdt10{
    padding-top:10px;
}
.pdt20{
    padding-top:20px;
}

.sub10_contxt02_table01{
    width: 1200px;
    cellspacing:0;
    border:0;
    border-collapse: collapse;
    font-size: 16px;
}
.sub10_contxt02_table01 tr td{
    width:12.5%;
    text-align:center;
    color:#fff;
    background-color:#252525;
    padding:20px 10px;
    border:1px solid #c7b29a;
    font-weight: 300;
}
.sub10_contxt02_table01 tr th {
    width:12.5%;
    text-align:center;
    color:#fff;
    background-color:#565048;
    padding:20px 10px;
    border:1px solid #c7b29a;
    font-weight: 300;
    line-height: 22px;
}

.sub10_contxt02_txt16{
    font-size:16px;
    color:#fff;
    word-break: keep-all;
    line-height: 22px;
    font-weight: 300;
    white-space: normal;
}

/*************************** sub20 css ****************************/

.sub10_conbg03{
    background-image:url(/theme/basic/img/sub01_bg03.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 100px;
}

/*************************** sub40 css ****************************/

.sub10_conbg04{
    background-image:url(/theme/basic/img/sub01_bg04.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 100px;
}



/****************************************************** 반응형 **********************************************************/

@media (max-width: 1280px){
    
    .grt .pc{display: none;}
    .grt .mobile{display: block;}

    .sub10_contxt01{
        padding:0 50px;
    }
    .sub10_conbg02 {
        padding: 0 50px;
        overflow-x:scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -ms-overflow-style:none;
    }
    .sub10_conbg02::-webkit-scrollbar {
        height:10px;
    }
    .sub10_conbg02::-webkit-scrollbar-thumb {
        background:rgba(200,200,200,0.45);border-radius:10px;
    }
    .sub10_contxt02 {width:100%;}
    .sub10_contxt02_txt16 {width:1200px;}
    /*-------------------- sub20 css -----------------------*/
    .sub10_conbg03 {
        padding: 0 50px;
        overflow-x:scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -ms-overflow-style:none;
    }
    .sub10_conbg03::-webkit-scrollbar {
        height:10px;
    }
    .sub10_conbg03::-webkit-scrollbar-thumb {
        background:rgba(200,200,200,0.45);border-radius:10px;
    }

    /*-------------------- sub40 css -----------------------*/
    .sub10_conbg04 {
        padding: 0 50px;
        overflow-x:scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -ms-overflow-style:none;
    }
    .sub10_conbg04::-webkit-scrollbar {
        height:10px;
    }
    .sub10_conbg04::-webkit-scrollbar-thumb {
        background:rgba(200,200,200,0.45);border-radius:10px;
    }

}

@media (max-width: 768px){
    .grt .mobile img{}

    /******************공통 css********************/
    .sub_header_bg {height:80px;}

    .sub_tit{
        color:#fff;
        font-size:30px;
    }
    .sub_tit_m{
        font-size: 16px;
    }
    .sub_tit_black{
        font-size:35px;
    }
    .subtitle_con{
        padding:40px 0 30px 0;
    }

    /*-------------------- sub10 css -----------------------*/
    .pdt80 {padding-top: 60px;}
    .sub10_conbg01{
        background-size: cover;
        width: 100%;
    }

    .sub10_conbg02{
        padding: 0 15px;
        background-size: cover;
        width: 100%;
    }
    .sub10_conbg02::-webkit-scrollbar {
        height:7px;
    }

    .sub10_contxt01{
        padding:0 15px;
    }

    .sub10_contxt02{
        width:100%;
        padding-bottom:40px;
    }

    .sub10_contxt01_tit01{
        font-size: 22px;
        line-height: 32px;
    }

    .sub10_contxt01_txt17{
        font-size: 15px;
        line-height: 25px;
    }
    .sub10_contxt02_table01{
        font-size: 15px;
    }

    .sub10_contxt02_txt16{
        font-size:14px;
        line-height: 22px;
    }
    .sub10_title_con{
        padding: 0 0 50px 0;
    }
    .sub10_conbg01{
        padding-top: 115px;
    }

    /*************************** sub20 css ****************************/

    .sub10_conbg03{
        padding: 0 15px;
        background-size: cover;
        width: 100%;
    }
    .sub10_conbg03::-webkit-scrollbar {
        height:7px;
    }

    /*************************** sub40 css ****************************/

    .sub10_conbg04{
        padding: 0 15px;
        background-size: cover;
        width: 100%;
    }
    .sub10_conbg04::-webkit-scrollbar {
        height:7px;
    }

}