/* common */
html{ width: 100%; height: 100%;}
body{ width: 100%; padding: 0;margin: 0;display: block;zoom: 0.85;}
ul{padding: 0;margin: 0;}
ul li{padding: 0;margin: 0;list-style: none;}
nav{ width: 100%; max-width: 1080px; margin: 0 auto; left: 0;right: 0;height: 100px;}
section{width: 100%; padding: 0;margin: 0;}
a{text-decoration: none;color:#333;}
.emp_w{color:#fff;}

/* nav */
.logo_area{display: inline-block;float: left; line-height: 100px;font-weight: 600;padding: 0px 15px;}
nav ul{float: right;line-height: 96px;}
nav ul .nav-link{padding: 0px 1rem;}
.nav-item a{
    color: #5f4c3a;
    font-size: 16px;
    font-family: Noto Sans KR, Noto Sans KR;
    letter-spacing: 1px;
    font-weight: normal;
    border-top: 4px solid transparent;
}
.nav-item a.on{
    border-top:4px solid #5f4c3a;
    color: #5f4c3a;
}
.nav-item a:hover{
    border-top:4px solid #5f4c3a;
    color: #5f4c3a;
}

/* hamburger-menu */
.mobile_nav {
    width: 100%;
    height: 65px; 
    display: none;
    /* background-color: rgba(0,0,0,.25); */
    z-index: 1;
    /* position: absolute; */
    /* height: 100%; */
}
.logo_area_m{
    width: 100%;
    line-height: 65px;
    text-align: center;
    top: 0;
    position: absolute;
    font-weight: 600;
    font-size: 1.25rem;
}
.logo_area_m a:hover{color: #333;}
#menu__toggle {opacity: 0;}
#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    left: 0;
}
.menu__btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 2;
}
.menu__btn > span,.menu__btn > span::before,.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #616161;
    transition-duration: .25s;
}
.menu__btn > span::before {
    content: '';
    top: -8px;
}
.menu__btn > span::after {
    content: '';
    top: 8px;
}
.menu__box {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    z-index: 1;
    background-color: rgba(0,0,0,.25);
}
.menu__box ul{
    width: 300px;
    background-color: #fff;
    height: 100%;
}
.menu__box li a.li_logo{
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    text-align: center;
    height: 80px;
    background-color: #fff;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    max-width: 300px;
}
.menu__box li a:hover{color:#333;}
.menu__item {
    display: block;
    padding: 15px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    transition-duration: .25s;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.menu__item:hover {
    background-color: #f8f8f8;
}
/* modal */
.modal {
    position: fixed;
    display: none; 
    
    /*z-index: 1;*/
    /* padding-top: 160px; */
    /* padding-top: 50px; */
    
    margin:0 auto;
    /* left: 0;
    top: 0; */
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9); 
}

.modal-content {
    position: absolute;
    /*
    top: 10%;
    left: 35%;
    margin-top: -50px;
    margin-left: -100px;
    */
    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto auto;

    width: 100%;
    height: auto;
    max-width: 700px;
    
    /* top: calc(0% - 100px); */
}

.modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.row{width: 100%;display: flex;}
.row .col{padding: 1%;display: block;}
#myImg{width:100%;height: 100%;opacity: 0;}
.myImg{width:100%;height: 100%;opacity: 0;}

.gallery_aream_img {
width: 100%;
height: 100%;
opacity: 0;
}
/* modal2 */
.modal2 {
    display: none; 
    position:fixed;
    z-index: 1;
    /* padding-top: 160px; */
    padding-top: 50px;
    left: 0;
    top: 1000px;
    width: 0%; 
    height: 0%;
    overflow: auto; 
    background-color: rgb(0, 0, 0);
    background-color: rgba(38, 11, 244, 0.9); 
    text-align: center;
    color: #6de6b9;
}

.modal-content2 {
    margin: 0 auto;
    align-content: center; 
    text-align: center;
    display: block;
    width: 80%;
    max-width: 700px;
    /* top: calc(0% - 100px); */
}

.myImg2{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* max-width:300px;height: 100%; */
.close {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top:0;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    line-height: 40px;
    }

.close:hover,
.close:focus {
    color: rgb(201, 0, 0);
    text-decoration: none;
    cursor: pointer;
}

.close2 {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top:0;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    line-height: 40px;
    }

.close2:hover,
.close2:focus {
    color: rgb(201, 0, 0);
    text-decoration: none;
    cursor: pointer;
}

.zoomin { 
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 50px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    background-color: rgba(200,200,200,.15);
    line-height: 40px;
}

.zoomin:hover,
.zoomin:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(255, 166, 0, 0.75);
}

.zoomout {
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 100px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    background-color: rgba(200,200,200,.15);
    line-height: 40px;
}

.zoomout:hover,
.zoomout:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(255, 166, 0, 0.75);
}

.btn_area{
    width: 100%;
    max-width: 800px;
    align-items: center;
    display: flex;
    left: 0;
    right: 0;
    height: 50px;
    position: absolute;
    margin: 0 auto;
    top:calc(70% - 150px);
    z-index: 3;
}

.btn_area2{
    width: 100%;
    max-width: 800px;
    align-items: center;
    display: flex;
    left: 0;
    right: 0;
    height: 50px;
    position: absolute;
    margin: 0 auto;
    top:calc(70% - 150px);
    z-index: 3;
}

.prev {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    line-height: 50px;
}

.prev:hover,
.prev:focus,
.next:hover,
.next:focus  {
    color: #b28847;
    text-decoration: none;
    cursor: pointer;
    }

.next {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    line-height: 50px;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;        
    }
}


/* main */
.main_img{
    width: 100%; 
    background-image: url('/images/main_top.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.ex_area{
    width: 100%;
    max-width: 1080px;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    color: #b28847;
    font-weight: 600;
    padding: 150px 0px 450px;
}
.ex_area span{
    display: block;
    color: #917c5d;
    font-size: 1em;
    font-weight: 300;
}


/* main_section1 */
.contents_area{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 760px;
}

.contents_area .row {width: 100%;}
.contents_area .row .col{width: 50%;padding: 30px 0px;}
.contents_area .row .col:last-child{
    width: 100%; 
    background-image: url('/images/about.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.contents_area .row .col img{width: 100%;}
.title_text{ 
    width: 100%;
    display: block;
    font-size: 36px;
    text-align: center;
    color: #716759;
    padding: 20px 0px;
}
.title_deco{
    width: 100%;
    display: block; 
    font-size: 11px;
    font-weight: 300;
    text-align: center; 
    color: #c3a780;
    letter-spacing: 2px;
}
.ex_categry{
    width: 100%;
    display: block; 
    font-size: 16px;
    color :#747474; 
    text-align: center;
    line-height: 30px;
    padding: 20px;
}

/* main_section2 */
.contents_farea{width: 100%;}
.contents_farea .row{--bs-gutter-x: 0;background-color: #f4f4f5;align-items: center;}
.contents_farea .col-md-8{background-color: #fff;}
.contents_farea .col-md-8 .gallery_area{width: 100%;text-align: center;}
.contents_farea .col-md-8 .gallery_area ul {width: 100%;}
.contents_farea .col-md-8 .gallery_area ul li{
    width: 24%;
    height: 360px;
    display: inline-block;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.contents_farea .col-md-8 .gallery_area ul li a{width: 100%; height: 100%; display: block;}
.contents_farea .col-md-8 .gallery_area ul li a:hover{
    background: rgba(0, 0, 0 ,0.6);
    transition: 0.4s ;
}
li.thumbnail01{
    background-image: url(/images/thumb01.jpg);
    background-repeat: no-repeat;
}
li.thumbnail02{
    background-image: url(/images/thumb02.jpg);
    background-repeat: no-repeat;
}
li.thumbnail03{
    background-image: url(/images/thumb03.jpg);
    background-repeat: no-repeat;
}
li.thumbnail04{
    background-image: url(/images/thumb04.jpg);
    background-repeat: no-repeat;
}
li.thumbnail05{
    background-image: url(/images/thumb05.jpg);
    background-repeat: no-repeat;
}
li.thumbnail06{
    background-image: url(/images/thumb06.jpg);
    background-repeat: no-repeat;
}
li.thumbnail07{
    background-image: url(/images/thumb07.jpg);
    background-repeat: no-repeat;
}
li.thumbnail08{
    background-image: url(/images/thumb08.jpg);
    background-repeat: no-repeat;
}

.contents_farea .col-md-4{align-items: center;}
.contents_farea .col-md-4 input[type="button"]{
    background-color: rgba(0,0,0,0);
    padding: 5px 20px;
    border: 1px solid #b28847;
    border-radius: 0px;
    text-align: center;
    color: #b28847;
    font-size: 14px;
    margin-top: 20px;
}
.contents_farea .col-md-4 input[type="button"]:hover{
    background-color: #b28847;
    border: 1px solid #b28847;
    color: #fff;
}

/* main_section3 */
.lnterior_ex{width: 100%;display: inline-block;}
.lnterior_area{width: 100%; display: block;}
.lnterior_area .row{width: auto;}
.lnterior_area .row .col{height: 330px; margin: 1% 0.5%;}
.lnterior_area .lnterior_left {    
    background-image: url(/images/int_left.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -150px;
}
.lnterior_area .lnterior_center{padding: 20px;background-color:#b28847;}
.lnterior_area .lnterior_right {    
    background-image: url(/images/int_right.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
}
.lnterior_area .title_text{ 
    width: 100%;
    display: block;
    font-size: 28px;
    text-align: center;
    color: #716759;
    font-weight: 600;
    padding: 20px 0px;
}
.lnterior_area .title_deco{
    width: 100%;
    display: block; 
    font-size: 11px;
    font-weight: 300;
    text-align: center; 
    color: #c3a780;
    letter-spacing: 2px;
}
.lnterior_area .ex_categry{
    width: 100%;
    display: block; 
    font-size: 16px;
    color :#747474; 
    text-align: center;
    line-height: 30px;
    padding: 20px;
}
.lnterior_area .col .title_text{font-size: 22px;color:#fff;}
.lnterior_area .col .title_deco{color:#fff;} 
.lnterior_area .col .ex_categry{color:#fff;font-size: 14px;}  

/* main_section4 */
.contents_farea.fullbg{
    width: 100%;
    background-image: url('/images/fullbg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 660px;
    display: flex;
    
}
.contents_farea.fullbg .row{width: 100%; max-width: 1080px;margin: 0 auto; --bs-gutter-x: 0;background-color: transparent;align-items: center;}
.contents_farea.fullbg .col-md-7{background-color: transparent;}
.contents_farea.fullbg .col-md-7 .title_fullbg{color: #b28847;font-size: 36px;font-weight: 300;}
.contents_farea.fullbg .col-md-7 .ex_fullbg{font-size: 16px;padding: 20px 0px;}
.contents_farea.fullbg .col-md-7 .gallery_aream{width: 100%;text-align: center;}
.contents_farea.fullbg .col-md-7 .gallery_aream ul {width: 100%;}
.contents_farea.fullbg  .col-md-7 .gallery_aream ul li{
    width: 32.5%;
    height: 140px;
    display: inline-block;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.contents_farea.fullbg .col-md-7 .gallery_aream ul li a{width: 100%; height: 100%; display: block;}
.contents_farea.fullbg .col-md-7 .gallery_aream ul li a:hover{
    background: rgba(0, 0, 0 ,0.6);
    transition: 0.4s ;
}
li.thumbnail01m{
    background-image: url(/images/thumb01m.jpg);
    background-repeat: no-repeat;
}
li.thumbnail02m{
    background-image: url(/images/thumb02m.jpg);
    background-repeat: no-repeat;
}
li.thumbnail03m{
    background-image: url(/images/thumb03m.jpg);
    background-repeat: no-repeat;
}

/* main_section5 */
.add_area {height: 610px;}
.add_area .row{width: 100%;}
.add_area .col.map{width: 33%; padding: 0;margin-right: 1%;}
.add_area .col.map iframe{width: 100%; border: 1px solid #e5e5e5;}
.add_area .col.contact{
    width: 33%;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    padding: 0%;
    margin-right: 1%;
}
.add_area .col.contact h4{text-align: center;padding: 30px 0px 10px;}
.add_area .col.contact .input_box{width: 70%;padding: 10px 0px;margin: 0 auto;}
.add_area .col.contact .input_box span{width: 100%;display: block;height: 34px;color:#aaa;font-size: 14px;}
.add_area .col.contact .input_box span b {color:#ff0000;}
.add_area .col.contact .input_box input{width: 100%;height: 34px;outline: none;padding-left: 5px;border: 1px solid #e5e5e5;}
.add_area .col.contact .input_box input[type="button"]{
    color: #fff;
    background: #b28847;
}
.add_area .col.contact .input_box input[type="button"]:hover{
    color: #b28847;
    background: #fff;
}
.add_area .col.contact .input_box textarea{width: 100%;height: 80px;outline: none;resize: none;padding-left: 5px; border: 1px solid #e5e5e5;}
.add_area .col.contact .input_box.phone select{width: 31%;height: 34px;outline: none; border: 1px solid #e5e5e5;}
.add_area .col.contact .input_box.phone input{width: 31%;height: 34px;outline: none;padding-left: 5px; border: 1px solid #e5e5e5;}
.add_area .col.addressed{ 
    width: 33%;
    background-image: none !important; 
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}
.add_area .col.contact .input_box.send_btn {margin-bottom: 20px;}
.add_area .col.addressed .addressed_box{width: 100%;}
.add_area .col.addressed .addressed_box ul{width: 100%;}
.add_area .col.addressed .addressed_box ul li{
    width: 100%;
    height:34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #716759;
}
.add_area .col.addressed .addressed_box ul li i{
    width: 100%;
    display: block;
    text-align: center;
    color: #b28847;
    font-size: 25px;
    margin: 10px 0px;
}

/* sub shop*/
.sub_img.shop{
    width: 100%; 
    background-image: url('/images/sub_shop.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 184px;
}

.sub_section{
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 680px;
}
.sub_contents_area{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.sub_contents_area .row{
    /*align-items: center;*/
}
.sub_contents_area .col .gallery_area{width: 100%;text-align: center;}
.sub_contents_area .col .gallery_area ul {width: 100%;}
.sub_contents_area .col .gallery_area ul li{
    width: 49%;
    height: 400px;
    display: inline-block;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.sub_contents_area .col .gallery_area ul li a{width: 100%; height: 100%; display: block;}
.sub_contents_area .col .gallery_area ul li a:hover{
    background: rgba(0, 0, 0 ,0.6);
    transition: 0.4s ;
}
.sub_contents_area  li.thumbnail01{
    background-image: url(/images/thumb01s.jpg);
    background-repeat: no-repeat;
}
.sub_contents_area  li.thumbnail02{
    background-image: url(/images/thumb02s.jpg);
    background-repeat: no-repeat;
}
.sub_contents_area .ex_categry_left{
    width: 100%;
    display: block; 
    font-size: 14px;
    color :#747474; 
    text-align: left;
    line-height: 30px;
    padding: 20px;
}
.sub_contents_area .title_area{padding: 0px 0px 30px;}
.sub_contents_area .ex_categry_left h3{font-size:32px;font-weight: 600;color:#b28847; }


.subf_section .contents_farea{ height: auto;}
.subf_section .contents_farea .col{background-color: #fff;}
.subf_section .contents_farea .col .gallery_area{width: 100%;text-align: center;}
.subf_section .contents_farea .col .gallery_area ul {width: 100%;}
.subf_section .contents_farea .col .gallery_area ul li{
    width: 24.4%;
    height: 360px;
    display: inline-block;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.subf_section .contents_farea .col .gallery_area ul li a{width: 100%; height: 100%; display: block;}
.subf_section .contents_farea .col .gallery_area ul li a:hover{
    background: rgba(0, 0, 0 ,0.6);
    transition: 0.4s ;
}
.subf_section li.thumbnail01{
    background-image: url(/images/sthumb01.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail02{
    background-image: url(/images/sthumb02.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail03{
    background-image: url(/images/sthumb03.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail04{
    background-image: url(/images/sthumb04.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail05{
    background-image: url(/images/sthumb05.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail06{
    background-image: url(/images/sthumb06.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail07{
    background-image: url(/images/sthumb07.jpg);
    background-repeat: no-repeat;
}
.subf_section li.thumbnail08{
    background-image: url(/images/sthumb08.jpg);
    background-repeat: no-repeat;
}

.sub_section .lnterior_area .lnterior_center{
    background-image: url(/images/int_center.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
}
.sub_section .lnterior_area .title_text{ 
    width: 100%;
    display: block;
    font-size: 32px;
    text-align: center;
    color: #b28847;
    font-weight: 600;
    padding: 20px 0px;
}
.sub_section .lnterior_area .ex_categry{font-size: 15px;}

/* sub color*/
.sub_section.sub_color{height: auto;}
.sub_img.color{
    width: 100%; 
    background-image: url('/images/sub_color.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 184px;
}

.sub_section.sub_biz{height: auto;}
.sub_img.biz{
    width: 100%; 
    background-image: url('/images/sub_biz.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 850px;
}


.sub_contents_area ul.nav{width: 100%;justify-content: center;}
.sub_contents_area ul.nav li{width: 200px;text-align: center;border:1px solid #f7ad14;}
.sub_contents_area .nav-link {
    width: 100%; 
    color: #f7ad14;
    text-decoration: none;
    border-radius: 0;
    height: 40px;
}
.sub_contents_area .nav-link:hover{color:#f7ad14;  background-color: #ffe5b3;border-radius: 0;}
.sub_contents_area .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    width: 100%; 
    border-radius: 0;
    background-color: #f7ad14; 
    border:1px solid #f7ad14;
    color:#fff;
}
.row.code{ margin-bottom: 15px;}
.row.code .col{
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
}
.row.code .col a{width: 100%; display: block;}
.row.code .col.code1_1{
    background-color: #87b8ca;
}
.row.code .col.code1_1:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code1_2{
    background-color: #2b4089;
    color:#fff;
}
.row.code .col.code1_2:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code1_3{
    background-color: #131a65;
}
.row.code .col.code1_3:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code1_4{
    background-color: #1d1d57;
}
.row.code .col.code1_4:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code2_1{
    background-color: #1c1c3b;
}
.row.code .col.code2_1:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code2_2{
    background-color: #edeaec;
}
.row.code .col.code2_2:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code2_3{
    background-color: #c5bdb4;
}
.row.code .col.code2_3:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code2_4{
    background-color: #888684;
}
.row.code .col.code2_4:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code3_1{
    background-color: #514f4b;
}
.row.code .col.code3_1:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code3_2{
    background-color: #151519;
}
.row.code .col.code3_2:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code3_3{
    background-color: #9f9080;
}
.row.code .col.code3_3:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.row.code .col.code3_4{
    background-color: #ac7a49;
}
.row.code .col.code3_4:hover{
    background-image:url('/images/thumb01m.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.tab-pane ul{
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.tab-pane ul li{    
    width: 24.5%;
    display: inline-block;
    margin: 5px 2px;
    float: left;
}
.tab-pane ul li a{display: block;height: 67px; }
/* .tab-pane ul li a:hover{display: block;background-image:linear-gradient(90deg,#ff6492,transparent);} */
.tab-pane ul li span{
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    line-height: 60px;
    height: 60px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #555;
}
/* New Color style */

.color-tab-pane ul{
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.color-tab-pane ul li{    
    width: 24.5%;
    display: inline-block;
    margin: 5px 2px;
    float: left;
}
.color-tab-pane ul li a{display: block;height: 67px; }
/* .color-tab-pane ul li a:hover{display: block;background-image:linear-gradient(90deg,#ff6492,transparent);} */
.color-tab-pane ul li span{
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    line-height: 60px;
    height: 60px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #555;
}

/* color solid */
li.solid01{
    background-image: url(/images/solid/6688b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid02{
    background-image: url(/images/solid/0017b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid03{
    background-image: url(/images/solid/7264b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid04{
    background-image: url(/images/solid/6022b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid05{
    background-image: url(/images/solid/8238b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid06{
    background-image: url(/images/solid/0001b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid07{
    background-image: url(/images/solid/6020b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid08{
    background-image: url(/images/solid/6088b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid09{
    background-image: url(/images/solid/8203b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid10{
    background-image: url(/images/solid/6028b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid11{
    background-image: url(/images/solid/0681b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid12{
    background-image: url(/images/solid/0034b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid13{
    background-image: url(/images/solid/0436b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid14{
    background-image: url(/images/solid/0613b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid15{
    background-image: url(/images/solid/6316b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

li.solid16{
    background-image: url(/images/solid/0018b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid17{
    background-image: url(/images/solid/0020b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid18{
    background-image: url(/images/solid/3914b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid19{
    background-image: url(/images/solid/8206b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid20{
    background-image: url(/images/solid/0003b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid21{
    background-image: url(/images/solid/6687b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid22{
    background-image: url(/images/solid/0170b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid23{
    background-image: url(/images/solid/7554b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid24{
    background-image: url(/images/solid/8777b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid25{
    background-image: url(/images/solid/8200b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid26{
    background-image: url(/images/solid/7244b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid27{
    background-image: url(/images/solid/6023b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid28{
    background-image: url(/images/solid/8901b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.solid29{
    background-image: url(/images/solid/0171b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

/* color on */
li.on01{
    background-image: url(/images/on/0528b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on02{
    background-image: url(/images/on/0680b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on03{
    background-image: url(/images/on/6143b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on04{
    background-image: url(/images/on/0524b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on05{
    background-image: url(/images/on/0731b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on06{
    background-image: url(/images/on/7511b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on07{
    background-image: url(/images/on/0525b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on08{
    background-image: url(/images/on/1012b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on09{
    background-image: url(/images/on/7516b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on10{
    background-image: url(/images/on/0527b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on11{
    background-image: url(/images/on/6027b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on12{
    background-image: url(/images/on/7134b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on13{
    background-image: url(/images/on/8552b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on14{
    background-image: url(/images/on/8553b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on15{
    background-image: url(/images/on/8907b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on16{
    background-image: url(/images/on/8910b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.on17{
    background-image: url(/images/on/8919b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

/* color stripe */
li.st01{
    background-image: url(/images/stripe/0744b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st02{
    background-image: url(/images/stripe/0745b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st03{
    background-image: url(/images/stripe/0842b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st04{
    background-image: url(/images/stripe/5010b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st05{
    background-image: url(/images/stripe/5011b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st06{
    background-image: url(/images/stripe/5012b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st07{
    background-image: url(/images/stripe/5013b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st08{
    background-image: url(/images/stripe/5014b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st09{
    background-image: url(/images/stripe/6046b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st10{
    background-image: url(/images/stripe/6172b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st11{
    background-image: url(/images/stripe/6228b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st12{
    background-image: url(/images/stripe/6272b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st13{
    background-image: url(/images/stripe/6275b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st14{
    background-image: url(/images/stripe/6292b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st15{
    background-image: url(/images/stripe/6578b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st16{
    background-image: url(/images/stripe/6676b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st17{
    background-image: url(/images/stripe/6679b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st18{
    background-image: url(/images/stripe/6856b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st19{
    background-image: url(/images/stripe/6860b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st20{
    background-image: url(/images/stripe/7109b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st21{
    background-image: url(/images/stripe/7119b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st22{
    background-image: url(/images/stripe/7120b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st23{
    background-image: url(/images/stripe/7123b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st24{
    background-image: url(/images/stripe/7124b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st25{
    background-image: url(/images/stripe/7130b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st26{
    background-image: url(/images/stripe/7351b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st27{
    background-image: url(/images/stripe/7464b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st28{
    background-image: url(/images/stripe/7465b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st29{
    background-image: url(/images/stripe/7469b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st30{
    background-image: url(/images/stripe/7471b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st31{
    background-image: url(/images/stripe/7764b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st32{
    background-image: url(/images/stripe/7769b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st33{
    background-image: url(/images/stripe/7787b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st34{
    background-image: url(/images/stripe/7963b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st35{
    background-image: url(/images/stripe/7964b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st36{
    background-image: url(/images/stripe/8215b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st37{
    background-image: url(/images/stripe/8222b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st38{
    background-image: url(/images/stripe/8414b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st39{
    background-image: url(/images/stripe/8500b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st40{
    background-image: url(/images/stripe/8501b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st41{
    background-image: url(/images/stripe/8503b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st42{
    background-image: url(/images/stripe/8613b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st43{
    background-image: url(/images/stripe/8617b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st44{
    background-image: url(/images/stripe/8620b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
li.st45{
    background-image: url(/images/stripe/8629b.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}


.pagination_area{width: 100%;text-align: center;}
.pagination_area ul{
    width: 100%;
    display: flex;
    padding: 0;
    margin: 30px 5px;
    justify-content: center;
}
.pagination_area ul li{
    width: 40px;
    height: 40px;
    line-height: 40px; 
    text-align: center;
    color:#b28847;
}
.pagination_area ul li.on{
    color:#b28847;
    border:1px solid #b28847;
}
.pagination_area ul li:hover{
    color:#fff;
    background-color:#b28847;
}

.sub_section .contents_farea .row{background-color: transparent;}
.sub_section .lnterior_areas{width: 100%; display: block;}
.sub_section .lnterior_areas .row{width: auto;}
.sub_section .lnterior_areas .row .col{height: 500px;}
.sub_section .lnterior_areas .lnterior_center{padding: 100px 0px;background-color:#b28847;}
.sub_section .lnterior_areas .lnterior_right {    
    background-image: url('/images/int_right2.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center !important;
}
.sub_section .lnterior_areas .col .title_text{font-size: 22px;color:#fff;}
.sub_section .lnterior_areas .col .title_deco{color:#fff;} 
.sub_section .lnterior_areas .col .ex_categry{color:#fff;font-size: 14px;}  

/* sub contact*/
.sub_section.sub_color{height: auto;}
.sub_img.color{
    width: 100%; 
    background-image: url('/images/sub_contact.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 184px;
}
.col-md-3{
    margin-top: 0;
}
.col-md-3 ul{
    width: 100%;
}
.col-md-3 ul li{
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 20px 34px;
    text-align: right;
    font-size: 14px;
    color:#777;
}
.col-md-3 ul li::before{
    content: "\003E";
    display: block;
    width: 50px;
    position: absolute;
    text-align: left;
}
.col-md-3 ul li:hover{background-color: #ededed;}

.col-md-9.contact{
    max-width:600px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    padding: 50px 0px;
    margin: 0 auto;
}
.col-md-9.contact h4{text-align: center;}
.col-md-9.contact .input_box{width: 70%;padding: 10px 0px;margin: 0 auto;}
.col-md-9.contact .input_box span{width: 100%;display: block;height: 34px;color:#aaa;font-size: 14px;}
.col-md-9.contact .input_box span b {color:#ff0000;}
.col-md-9.contact .input_box input{width: 100%;height: 34px;outline: none;padding-left: 5px;border: 1px solid #e5e5e5;font-size: 14px;}
.col-md-9.contact .input_box input[type="button"]{
    color: #fff;
    background: #6de6b9;
}
.col-md-9.contact .input_box input[type="button"]:hover{
    color: #6de6b9;
    background: #fff;
}
.col-md-9.contact .input_box textarea{width: 100%;height: 80px;outline: none;resize: none;padding-left: 5px; border: 1px solid #e5e5e5;}
.col-md-9.contact .input_box.phone select{width: 31%;height: 34px;outline: none; border: 1px solid #e5e5e5;}
.col-md-9.contact .input_box.phone input{width: 31%;height: 34px;outline: none;padding-left: 5px; border: 1px solid #e5e5e5;}

.col-md-9.contact .network{
    /*
    max-width: 600px;
    max-width: 673px;
    object-fit: contain;
    width: 600px;
    height: 673px;
    color: #b28847;
    */
    /* background-image: url('/images/network_map.png'); */
}

.col-md-9.contact .network .image{
    width: auto;
    height: auto;
    color: #4749b2;
}

/* sub biz*/
.main_img.biz{
    width: 100%; 
    background-image: url('/images/main_biz.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.contents_area.biz_top{  height: 520px;}
.contents_area.biz_top .row .col{padding: 100px 0px;}
.contents_area .row .col.biz{
    width: 100%; 
    background-image: url('/images/biz_top.jpg'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.contents_area.tech {height: 600px;}
.contents_area .row.technique {width: 100%;}
.contents_area .row.technique .col:nth-child(1){
    background-image: url('/images/tech_bg1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.technique .col:nth-child(2){
    background-image: url('/images/tech_bg2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.technique .col:nth-child(3){
    background-image: url('/images/tech_bg3.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.technique .under_no{font-size: 26px;text-align: center;font-weight: 600;padding: 15px 0px;}
.contents_area .row.technique hr{
    width:30%;
    /* border: 1px solid #000; */
    margin: 0 auto;
    opacity: 1;
}
.contents_area .row.technique .tech_title{
    width: 100%; 
    display: block;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    padding: 40px 0px;
}

.contents_area .row.technique .tech_title span{width: 100%; display: block; font-size: 14px;font-weight: 300;}
.contents_area .row.technique .tech_img{width: 100%;text-align: center;}
.contents_area .row.technique .tech_img img{    
    width: 100%;
    max-width: 220px;
    height: 220px;
    border-radius: 200px;
}
.contents_area.four{padding: 20px 0px 60px; height: 420px;}
.contents_area .row.fourimg{
    width: 100%;
    height: 100%; 
}
.contents_area .row.fourimg .col:nth-child(1){
    background-image: url('/images/four1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.fourimg .col:nth-child(2){
    background-image: url('/images/four2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.fourimg .col:nth-child(3){
    background-image: url('/images/four3.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contents_area .row.fourimg .col:nth-child(4){
    background-image: url('/images/four4.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contents_area.biz_ex{padding: 20px 0px; height: 300px;}
.contents_area.biz_ex .row .col{ background-image: none;padding: 2%;}
.contents_area.biz_ex .under_no{font-size: 26px;text-align: left;font-weight: 600;}
.contents_area.biz_ex .row .tech_title{
    width: 100%; 
    display: block;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px;
}

.contents_area.biz_ex .row .tech_title span{width: 100%; display: block; font-size: 14px;font-weight: 300;}


.contents_farea.biz{width: 100%;}
.contents_farea.biz li.thumbnail01{
    background-image: url(/images/thumb01b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail02{
    background-image: url(/images/thumb02b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail03{
    background-image: url(/images/thumb03b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail04{
    background-image: url(/images/thumb04b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail05{
    background-image: url(/images/thumb05b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail06{
    background-image: url(/images/thumb06b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail07{
    background-image: url(/images/thumb07b.jpg);
    background-repeat: no-repeat;
}
.contents_farea.biz li.thumbnail08{
    background-image: url(/images/thumb08b.jpg);
    background-repeat: no-repeat;
}

.zoom_img{width: 100%;max-width: 180px; height: 180px;margin: 0 auto;}
.zoom_img img{width: 100%;height: 180px; border-radius: 100px; transition: all 0.2s linear;}
.zoom_img img:hover{ transform: scale(1.1);}
.zoom_ex{text-align: center;padding: 20px 0px;}
.zoom_ex .zoom_color{height: 30px; font-size: 18px;font-weight: 600;}
.zoom_ex .zoom_color_en{height: 30px; font-size: 14px;font-weight: 300;}

.lnterior_area .lnterior_leftb {    
    background-image: url('/images/int_leftb.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.lnterior_area .lnterior_rightb {    
    background-image: url('/images/lnt_rightb.jpg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
}
.contents_area.slide_area{height:600px; margin-bottom: 50px;}
.row.slide{width: 100%; height: 600px;margin: 0;}
.row.slide .col-md-3{padding: 0;}
.row.slide .col-md-3 .slide_title{text-align: center;font-size: 26px;padding-top: 70px;}
.row.slide .col-md-3 .slide_ex{text-align: center;font-size: 14px;margin: 20px 0px 50px;}
.row.slide .col-md-3  input[type="button"]{
    width: 100%;
    max-width: 120px;
    background-color: #151519;
    color:#fff; 
    text-align: center;
    font-size: 13px;
    margin: 0 auto;
    display: block;
    padding: 10px 0px;
    border:0;
}
.row.slide .col-md-3  input[type="button"]:hover{
    background-color: #fff;
    color:#151519;
    border:0;
    -webkit-transition: all 0.2s ease-in-out;
}
.col-md-3.left_view{
    background-image: url('/images/left_view.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.col-md-3.right_view{
    background-image: url('/images/right_view.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.row.slide .col-md-6{padding: 0;}
.col-md-6 .carousel-item img{width: 100%;height: 600px;}
.carousel-caption{top: 50px;color:#151519;}
.carousel-caption h5{font-size: 30px;font-weight: 400;}


/* footer */
footer{width: 100%;text-align: center;line-height: 26px;font-size: 13px;padding: 15px 0px;}
footer h2{font-weight: 600;}


/*media query*/
@media screen and (max-width: 767px) { 
    body { display: block;position: relative; } 
    nav {display: none;}
    .mobile_nav{display: block;}
    .contents_area{display: block;height: 100%;}
    .contents_area .row{width: 98%;margin: 0 auto;display: block;}
    .contents_area .row .col{width: 100%;}
    .contents_area .row .col:last-child{height: 480px;}
    .contents_farea .row{width: 98%;margin: 0 auto;}
    .contents_farea .col-md-8 .gallery_area ul li{width: 100%;}
    .contents_farea.fullbg .col-md-7 .gallery_aream ul li{width: 100%;}
    .contents_farea.fullbg .row{width: 98%;margin: 0 auto;}
    .add_area .col.addressed{height: 100% !important;}
    .sub_section{height: 100%;}
    .sub_section .row .col{padding: 0;}
    .sub_contents_area .row{width: 98%;margin: 0 auto;display: block;}
    .sub_contents_area .col .gallery_area ul li{width: 100%;}
    .subf_section .contents_farea .col .gallery_area ul li{width: 100%;}
    .sub_contents_area .col .gallery_area ul li{background-size: auto;}
    .sub_contents_area ul.nav li{width: 32.5%;}
    .sub_section .lnterior_areas .row{display: block;width: 98%;margin: 0 auto;}
    .sub_section .lnterior_areas .row .col{width: 100%;height: 300px;padding: 20px 0px;}
    .col-md-3{padding: 0;}
    .col-md-3 ul{display: inline-block;}
    .col-md-3 ul li{width: 50%;display: inline-block;float: left; border: 1px solid #ededed;}
    .contents_area.biz_top{height: auto;}
    .contents_area.tech{height: auto;}
    .contents_area.four{height: auto;display: block;}
    .contents_area .row.fourimg .col{width: 50%;height: 480px;float: left;}
    .contents_area.biz_ex{height: auto;}
    .contents_area.biz_ex .row .col:last-child{height: auto;}
    .contents_area.slide_area{height: auto;}
    .row.slide{height: auto;}
    .row.slide .col-md-3{height: 600px;}
    .d-none{display: block !important; }
    .modal-content {max-width: 320px;}
    .btn_area{top:calc(50% - 150px);}
    .tab-pane ul li{width: 49%;}
    .color-tab-pane ul li{width: 49%;}
    .tab-pane ul li a{height: 60px;}
    .color-tab-pane ul li a{height: 60px;}
    .pagination_area ul li{width: 40px;}
    /* .network_m{display: block; background-image: url('/images/network_map.png')} */
}

/* Text Animation */

@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Asap", sans-serif;
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

/* Logo Size Control */
.max-small {
    width: auto; height: auto;
    max-width: 10px;
    max-height: 10px;
    background-color: #6de6b9;
}

/* My Image (Contact.php) */
.myImage {
    width: 100%;
    height: auto;
    /* Mobile Size Auto */
}