


.sme-table01 {width:100%}
.sme-table01 th{width:50%;}
.sme-table01 td{vertical-align:middle; padding:20px 40px; width:50%;}

.uppercase{text-transform: uppercase}

p, .ko-font{font-family: 'Nanum Gothic', sans-serif;}

.form-table{border-top:1px #ddd solid ;}
.form-table td{border-bottom:1px #ddd solid;padding:8px;font-family: 'Nanum Gothic', sans-serif; }

.form-table br{display:none !important}
.form-table input,.form-table textarea{margin-bottom:0}

input[name='phone_no1']{width:80px}
input[name='phone_no2']{width:80px}
input[name='phone_no3']{width:80px}

a,input,textarea{font-family: 'Nanum Gothic', sans-serif;;}


.vision-box{border:1px #fff solid;word-break: keep-all;padding-top:50px;min-height:420px}

.vision-box img{width:80px;max-width:100%;margin-bottom:20px}

.chart-percent img{position:absolute;left:50%;transform:translateX(-50%);width:60px}

.chart-percent span{word-break: keep-all}

.menu-list-item a,.menu-list-item a{font-family: 'Poppins', sans-serif !important;}

.img-center{margin:0 auto !important}

.cyclebox{position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:-1;margin:0 auto;width:100%}



.infinite_rotating{
    animation: rotate_image 10s linear infinite;
    transform-origin: 50% 50%;
}


@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

@media (max-width: 1024px) {
.sme-table01 td{width:100% !important;display:block !important}
}

.formmail_cell_bgcolor td{font-size:12px}


.chatbox {animation: motion 0.5s linear 0s infinite alternate; margin-top: 0;}

@keyframes motion {
	0% {margin-top: -10px;}
	100% {margin-top: 10px;}
}

.menu-list-item{text-align:right}

@media (max-width: 1024px) {

.header-dark{background:#000 !important}
.menu-list li a:hover{font-family: 'Poppins', sans-serif !important;}
}


.menu-list li a:hover{font-family: 'Poppins', sans-serif !important;}

.title-txt1 { font-size: 65px; line-height:80px; font-weight:600 ;letter-spacing:0 }
.title-txt2 { font-size: 22px; line-height:35px; font-weight:500 ;letter-spacing:-1px }





p {font-size: 18px; line-height:35px; }

.maincopy{font-size:90px;line-height:1;margin-bottom:0}
.maincopy2{font-size:24px;line-height:1;margin-top:10px}

.txtline{  
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: white;
 color:transparent;
  }

.map-txt h3{font-size:22px;font-weight:600;margin-bottom:0px}
.map-txt p{font-size:16px;color:#000}

.t-color1{color:#0166c8}
.t-color2{color:#0166c8}
.t-color3{color:#0166c8}
.t-color4{color:#0166c8}
.t-color5{color:#0166c8}

.container-fluid{padding:0 150px}

.md-hidden{display:none}


.visionbg{background-image:url('../../img/vision-bg.jpg');background-size:cover;background-positon:center;}
.workbg{background-image:url('../../img/work-bg.jpg'); background-size:cover;background-positon:center;}

@media (max-width: 1024px) {

.title-txt1 { font-size: 40px; line-height:50px;  }
.title-txt2 { font-size: 17px; line-height:25px; }

.maincopy{font-size:40px !important;line-height:1;margin-bottom:0}
.maincopy2{font-size:18px;line-height:1.5;margin-top:10px}

.map-txt p{font-size:14px;color:#000}

.container-fluid{padding:0 15px}

.vision-box{border:0;}

.md-hidden{display:block}
.sm-hidden{display:none}

.title-txt1 br{display:none}
.address{font-size:14px}
}
