@charset "utf-8";


#wrapper{width:100%}
.wrap{width:100%;height:100%;position:relative}
#contents{width:980px;margin:0 auto;/*min-height:100%;*/padding:0}
#HEADER{position:absolute;top:0;left:0;width:100%;height:60px;background:rgba(0,0,0,.9)}

.content{}


.header{position:relative;margin:0 auto;width:980px}
.wrap .topbg{display:block;position:absolute;top:0;left:0;width:100%;height:5px;background-color:#427142;z-index:600}

#MAIN{clear:both;position:absolute;top:60px;width:100%;min-height:100%;left:0}
#MAIN .main{position:relative;width:980px;margin:0 auto}


.header h1{float:left;width:76px;height:20px;text-indent:-9999px;background:url(../images/tara_logo.png) no-repeat left top;background-size:76px auto;margin:25px 5px 0 30px;cursor:pointer}
.header h1 a{display:block;padding:10px}
.header h2{float:left;margin-top:27px;color:rgba(139,203,139,.6);font-size:16px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.9)}
.header .top_nav{clear:both;position:relative}
.header .top_nav ul{float:right;margin:-20px 10px 0 0}
.header .top_nav ul li{float:left;color:rgba(255,255,255,.8);margin-right:16px;position:relative;transition:.2s}
.header .top_nav ul li a:after{content:'';display:inline-block;clear:both;width:100%;height:2px;background:rgba(130,190,130,.9);bottom:0;left:0;margin-top:16px;visibility:hidden;transition:.2s}
.header .top_nav ul li:hover a:after{visibility:visible}

.header .top_nav ul li a{padding:3px 8px;font-size:12px;transition:.5s;font-weight:600/*display:inline-block*/;text-shadow:0 1px 0 rgba(0,0,0,.9)}
.header .top_nav ul li a:hover,.header .top_nav ul li a:active{color:rgba(130,190,130,1)}

.header .top_nav_on{color:rgba(130,190,130,1)}

.btnTop_gnb{position:absolute;right:0px;top:0px;padding:20px;width:20px;height:18px;display:none}
.btnTop_gnb span{position:absolute;left:50%;top:23px;width:20px;height:2px;background:#fff;margin-left:-10px}
.btnTop_gnb span.slice1{position:absolute;left:50%;top:23px;width:20px;height:2px;background:#fff;margin-left:-10px}
.btnTop_gnb span.slice2{top:31px}
.btnTop_gnb span.slice3{top:39px;margin-bottom:0}

/****************   MEDIA QUERY   ****************/


@media screen and (max-width:979px){
    
    #contents{width:100%;min-width:100%;padding:0;position:relative}
    .header{width:100%}
    .main{width:100%;}
    
    .header .top_nav{display:none}
    .header .top_nav ul{}
    .header .top_nav ul li{display:block;clear:both}
    #contents .btnTop_gnb{display:block;position:absolute}
    #contents .bxslide .caption{top:100px}    
    #contents .bxslide .caption p{font-size:1.6em}    
    #contents .aside_gnb{display:block}
	#contents aside{position:absolute;top:0px;right:0;width:50%;height:100%;min-height:100%;border-left:1px solid rgba(0,0,0,.9);z-index:600;display:none}
	#contents aside .aside_gnb{position:relative;background:rgba(0,0,0,.9);border-radius:0 0 0 20px;box-shadow:0 0 10px rgba(0,0,0,1.0);}
    #contents .aside_gnb .btn_close{position:absolute;width:30px;height:30px;text-indent:-9999px;background:rgba(25,25,25,1) url(../images/btn_close_w.png)no-repeat center center;background-size:22px auto;right:15px;top:-45px;border-radius:5px;opacity:1;cursor:pointer/*;transition:.2s*/}
    #contents .aside_gnb .btn_close:hover,aside .aside_gnb .btn_close:active{opacity:1}
	#contents .aside_gnb ul{position:relative;}
	#contents .aside_gnb ul li{line-height:45px;width:100%;text-indent:15px;border-bottom:1px solid rgba(100,100,100,.3)}
    #contents .aside_gnb ul li a{display:block;color:#bbb;padding:10px 20px;transition:.2s;font-size:14px;font-weight:600}
	#contents .aside_gnb ul li a:hover,aside .aside_gnb ul li a:active{color:#fff;background:rgba(66,113,66,1.0)}
    
    #contents aside .aside_gnb ul li:last-child{border-radius:0 0 0 20px;border-bottom:0}
    #contents aside .aside_gnb ul li:last-child a:hover{border-radius:0 0 0 20px}
    
    #MAIN section .cnt_1 h2{clear:left;text-align:left;font-size:30px;font-weight:600;color:rgba(130,190,130,1);margin-top:40px;text-indent:30px}
    #MAIN section .cnt_1 h2.sml{font-size:28px}   
    #MAIN section .cnt_1 h2.aln{line-height:35px;width:100%;text-indent:30px;margin-left:0}
    #MAIN section .cnt_1 .des1{clear:both;margin-left:0;margin-top:0}
    /*#MAIN section .cnt_1 .des1 span{padding:10px 30px;line-height:35px;text-align:justify;font-size:16px}*/
    /*#MAIN section .cnt_1 .des1 span.email{display:block;width:26px;height:24px;margin-left:5px;padding:15px}*/
    #MAIN section.careerLst .cnt_1 .des1{}
    #FOOTER .footer{width:100%}

    
    #MAIN section .cnt_1 .des1{line-height:35px;padding-top:10px;position:relative;width:92%;margin-left:15px;clear:both;margin-bottom:30px}
    .wrap #MAIN section .cnt_1 #des1{margin-bottom:80px}
    #MAIN section .cnt_1 div.career_4{margin-bottom:80px}
    #MAIN section.careerLst .des1{}
    .wrap #MAIN section.careerLst .cnt_1 div.des1{padding-bottom:0px;margin-top:0}
    .wrap #MAIN section.careerLst .cnt_1 div.des1{float:left;line-height:35px}
    .wrap #MAIN section.careerLst .cnt_1 div.des1 h3{position:relative;text-indent:25px}
/*    section.careerLst .cnt_1 .des1 p{clear:both;display:block;width:95%;margin-left:2%;padding-left:3%;border-left:1px solid #eee}
    .careerLst .mailto{float:left}*/
    section.careerLst .email{clear:both;display:block;}
    /*#MAIN section.careerLst .cnt_1 .des1{margin-bottom:80px}*/
    /*#MAIN section .cnt_1 div.career_4{margin-bottom:80px}*/
    
    
    
    
}
@media screen and (max-width:800px){ 
    

.wrap #MAIN section.main_cnt{/*display:block;margin:0 auto;margin-top:0px;padding:20px 5px;margin-bottom:80px;height:*/230px} 
/*#MAIN .main_cnt article{width:30%;float:left;margin:0 1.6%;padding:10px 0;text-align:center;position:relative} */
.wrap #MAIN .main_cnt /*article */div{height:230px;background:rgba(66,113,66,.9)/*;padding:10px 0;text-align:center;box-shadow:2px 2px 8px rgba(0,0,0,.4);border:1px solid rgba(66,113,66,1);box-sizing:border-box*/} 

.main_cnt article div h2{font-size:18px;line-height:26px;font-weight:600;margin-top:5px;letter-spacing:.5px;padding:8px;color:#eaf9ea} 
.main_cnt article div h2 span{display:inline-block;font-weight:bold;padding:3px;margin-left:5px;margin-bottom:5px} 
    
    
#MAIN .main_cnt article div ul{margin-left:30px} 
    
#MAIN .main_cnt article div ul li{text-align:left;line-height:26px/*;overflow:hidden;white-space:nowrap*/} 
#MAIN .main_cnt article div ul li a{color:#fff;display:inline-block;padding:1px;border-bottom:1px solid rgba(130,190,130,.5)} 
#MAIN .main_cnt article div ul li a:hover{border-bottom:1px solid rgba(130,190,130,1)} 

 

/*    .wrap #MAIN section.main_cnt{} 
    .wrap #MAIN .main_cnt article{width:100%;clear:left;min-height:300px;margin:10px 0;padding:10px 0;text-align:center;color:#fff} 
    .wrap #MAIN .main_cnt article div{width:100%;background:rgba(66,113,66,.9);margin:0;height:280px;clear:left;padding-top:0} 
    .wrap #MAIN .main_cnt article#CAREER{margin-bottom:100px} 
    .wrap #MAIN .main_cnt article div{margin-top:0}    
    
    .wrap #MAIN .mainBx h3{font-size:1.4em;text-align:center;line-height:50px;margin-top:350px;padding:15px;position:relative}    
    .wrap #MAIN .mainBx a{margin-bottom:10px}    
    .wrap .main_cnt article a{bottom:10px}    
    */
}
@media screen and (max-width:600px){

    .wrap #MAIN .main_cnt article div{background:rgba(66,113,66,.9);margin:0;height:350px;clear:left;padding:0} }
@media screen and (max-width:680px){
    
    .footer{width:100%}
    #contents .header h1{margin-left:10px}    
    #contents .bxslide .caption{}    
    #contents .bxslide .caption p{font-size:1.4em}
    section .cnt_1 h2{position:relative;width:100%;text-align:left;text-indent:15px;letter-spacing:-1px;margin-top:16px}
    section .cnt_1 h2:before{display:inline-block;clear:both;content:" ";width:1px;height:22px;background:rgba(130,190,130,1);margin-right:5px}
    section .cnt_1 .des1,section .cnt_1 .des2{float:left;margin:0;width:100%}
    section .cnt_1 .des1 span{padding:15px;line-height:30px} 
    /*#MAIN section .cnt_1 .des1 span.email{display:block;width:30px;height:28px;margin-left:5px}    */
    
    #MAIN .mainBx h3{font-size:1.4em;text-align:center;line-height:50px;margin-top:400px;padding:15px;position:relative}

    
 /*   #MAIN .headerImg2{width:100%;height:250px;position:relative;display:block;background:url(../images/sub_img4.png) no-repeat center center;background-size:cover;text-indent:-9999px}*/
    #MAIN  div.sub_tit{position:absolute;top:50px;left:5%;margin-left:0;width:450px;padding:10px}
    #MAIN .sub_tit h5{color:#fff;font-size:30px;margin-top:15px;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.2);text-indent:5px;font-style:italic}
    
    
    .wrap #MAIN section.main_cnt{} 
    .wrap #MAIN section.main_cnt{padding:0;margin:0} 
    .wrap #MAIN .main_cnt article{width:100%;float:left;padding:10px 0;text-align:left;margin:0} 
    .wrap #MAIN .main_cnt article div{height:200px;background:rgba(66,113,66,.85);width:100%;margin:0} 
    .wrap #MAIN .main_cnt article div p{font-size:18px} 
    .wrap #MAIN .main_cnt article div p .click{display:block;margin-top:10px} 
    
    #MAIN .main_cnt article div h2{font-size:18px;line-height:26px;font-weight:600;margin-top:5px;letter-spacing:.5px;padding:8px;color:#fff} 
    /*.main_cnt article div h2 span{display:inline-block;font-weight:bold;padding:3px;margin-left:5px;margin-bottom:5px} */
    #MAIN .main_cnt article div ul{margin:0 auto} 
    #MAIN .main_cnt article div ul li{text-align:center;line-height:22px;font-size:16px} 
    /*#MAIN .main_cnt article div ul li a{color:#fff;display:inline-block;padding:1px;border-bottom:1px solid rgba(130,190,130,.5)} */
    /*#MAIN .main_cnt article div ul li a:hover{border-bottom:1px solid rgba(130,190,130,1)}     */
    
    
    
    #FOOTER{height:65px}
    #FOOTER .footer{height:65px}
    #FOOTER .footer .fot_nav{clear:both;float:left;margin-left:10px;margin-top:5px}
    .scroll_to_top{bottom:70px}    
    #MAIN section .cnt_1 .des1{font-size:14px;line-height:26px}    
    #MAIN section .cnt_1 .des1 span{font-size:14px;line-height:26px}    
}
    
@media screen and (max-width:480px){
    #contents .bxslide{height:200px}
    #contents .bxslide .caption{top:40px;white-space:normal;overflow:auto;background-color:rgba(0,0,0.1)}
    #contents .bxslide .caption p{line-height:35px;font-size:1.3em}
    #contents .bxslide .owl-theme .owl-controls .owl-buttons .owl-prev{top:70px;left:-2px;opacity:.1}
    #contents .bxslide .owl-theme .owl-controls .owl-buttons .owl-next{top:70px;right:-2px;opacity:.1}
    #contents .bxslide .owl-theme .owl-controls .owl-pagination{top:170px;right:-70px}
    #contents .bxslide .owl-theme .owl-controls .owl-buttons div{}
    
    #MAIN section .cnt_1 h2:before{display:inline-block;clear:both;content:" ";width:1px;height:16px;background:rgba(130,190,130,1);margin-right:5px}
    
    .wrap #MAIN .mainBx h3{font-size:1.5em;text-align:center;line-height:40px;margin-top:230px;padding:0 15px;position:relative}
    
    #FOOTER .footer{height:65px}
    #FOOTER .footer .fot_nav{clear:both;float:left;margin-left:10px;margin-top:5px}
    
    #contents #MAIN .headerImg1,#contents #MAIN .headerImg2,#contents #MAIN .headerImg3,#contents #MAIN .headerImg4,#contents #MAIN .headerImg5,#contents #MAIN .headerImg6,#contents #MAIN .headerImg7{height:150px}
    #contents #MAIN .headerImg1 span,#contents #MAIN .headerImg2 span,#contents #MAIN .headerImg3 span,#contents #MAIN .headerImg4 span,#contents #MAIN .headerImg5 span,#contents #MAIN .headerImg6 span,#contents #MAIN .headerImg7 span{height:150px;background-position:center bottom}
    
    #MAIN section .cnt_1 h2{width:100%;clear:left;text-align:left;font-size:22px;font-weight:600;color:rgba(130,190,130,1);margin-top:20px;text-indent:15px}
    #MAIN section .cnt_1 .des1{clear:both;margin-left:0;margin-top:0;width:100%}
    /*#MAIN section .cnt_1 .des1 span{padding:10px 15px;line-height:25px;text-align:justify;font-size:15px}    */
    /*#MAIN section .cnt_1 .des1 span.email{display:block;width:30px;height:28px}*/
    #MAIN .careerLst .mailrow .mailBx{text-align:center;margin:0 auto}
    
    #MAIN section .cnt_1 h2.sml{font-size:22px}  
    #MAIN section .cnt_1 h2.aln{margin-left:0px;text-indent:15px;margin-top:16px}    
    
    
    .wrap #MAIN  div.sub_tit{position:absolute;top:26px;left:0;margin-left:0;width:350px;padding:10px}
    .wrap #MAIN .sub_tit h4{width:52.5px;height:20px;text-indent:-9999px;background:url(../images/tara_images.png)no-repeat 0px -25px;background-size:150px 100px;margin:0 auto}    
    .wrap #MAIN .sub_tit h5{color:#fff;font-size:22px;margin-top:10px;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.2);text-indent:0px;font-style:italic;text-align:center}    
    
        
    .wrap #MAIN .sub_tit h4.logo_tito{width:82px;height:30px;text-indent:-9999px;background:url(../images/tito_logo.png)no-repeat right center;background-size:76px auto}
    .wrap #MAIN .sub_tit h4.logo_tps{width:80px;height:30px;text-indent:-9999px;background:url(../images/tps_logo.png)no-repeat center;background-size:76px auto}
    
    #MAIN section .cnt_1 .formarea{width:100%;height:300px;margin:0 auto;position:relative;padding-top:70px}
    #MAIN section .cnt_1 .formarea form{width:95%;height:150px;margin:0 auto}
    
    
    
/*section .cnt_1 .formarea{width:400px;height:300px;margin:0 auto;position:relative;padding-top:50px}
section .cnt_1 .formarea form{width:90%;height:175px;margin:0 auto}
section .cnt_1 .formarea form label{float:left;display:inline-block;margin:10px 5px;width:80px;text-align:justify}
section .cnt_1 .formarea form label.uname{margin-top:17px}
section .cnt_1 .formarea form label.pswd{margin-top:10px;letter-spacing:1.2px}
section .cnt_1 .formarea form input{display:block;margin:10px 0;width:200px;border:1px solid #ddd}  */  
    
    
    
    
    
    
    
    
    .wrap #MAIN .mainBx h3{box-shadow:none;background:#fff}
    .wrap #MAIN .mainBx a{margin-bottom:10px}   
    
    .main_cnt article div h2{font-size:18px;line-height:26px;margin-top:5px;letter-spacing:.5px;padding:8px;color:#dee9de} 
    .main_cnt article div h2 span{display:inline-block;font-weight:bold;padding:3px;margin-left:5px;margin-bottom:5px} 
    
    #MAIN .main_cnt article div ul{margin:0 auto} 
    #MAIN .main_cnt article div ul li{height:35px} 
    #MAIN .main_cnt article div ul li a{color:#dfeedf;display:inline-block;border-bottom:1px solid rgba(255,255,255,.7);line-height:20px}     
    .wrap #MAIN .main_cnt article div{/*height:210px*/} 
    .wrap #MAIN .main_cnt article#TIOT div p{font-size:18px;line-height:22px} 
    .wrap #MAIN .main_cnt article div p .click{display:block;margin-top:0px}     
    
    
/*    .wrap #MAIN section.main_cnt{} 
    .wrap #MAIN .main_cnt article{width:100%;clear:left;margin:5px 0;padding:10px 0;text-align:center;color:#fff} 
    .wrap #MAIN .main_cnt article div{width:100%;background:#efefef;margin:0;height:380px;clear:left;padding-top:0;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.1)} 
    .wrap #MAIN .main_cnt article#CAREER{margin-bottom:80px} 
    .wrap #MAIN .main_cnt article div{}    
    
 
    */
/*    #MAIN .main_cnt article a{border:1px solid rgba(43,62,43,.7);background:rgba(95,139,95,1) url(../images/arrow_r.png)no-repeat right;background-size:16px;color:#fff}
    #MAIN .main_cnt article a:hover,.main_cnt article a:active{color:#fff;background:rgba(90,130,90,1) url(../images/arrow_r.png)no-repeat right;background-size:16px;border-color:rgba(130,190,130,.7)}    
    
    #MAIN .main_cnt article div h2{color:#555} 
    #MAIN .main_cnt article div h3{font-size:16px;line-height:26px;font-weight:600;margin:5px 0;letter-spacing:.5px;color:#555;z-index:10} 
    #MAIN .main_cnt article div p{font-size:14px;line-height:22px;padding:0 15px;text-align:center;color:#333} 
    
    */
    
    /*.wrap #MAIN section.careerLst h2{float:left;line-height:35px;margin-top:-75px;padding-bottom:30px}*/
    
    .wrap #MAIN section.careerLst .cnt_1 div.des1{}
    .wrap #MAIN section.careerLst .cnt_1 div.des1 h3{position:relative;text-indent:0px;text-align:center;background:#fff;box-shadow:inset 0 0 20px rgba(0,0,0,.15);margin-bottom:10px}
    .wrap #MAIN section.careerLst .cnt_1 div.career_1 h3{margin-top:15px}
    .wrap #MAIN section.careerLst .cnt_1 div.des1 h3 .bul{display:none}
    #MAIN section.careerLst .cnt_1 .des1 p{clear:both;display:block;width:95%;margin-left:3%;padding:0%;border-left:none;text-align:center}    
    
    
    
    
    
    
    
}


/****************  // MEDIA QUERY   ****************/


/*footer*/

/*#FOOTER{position:relative;bottom:0;left:0;width:100%;background:#427142;height:45px;vertical-align:baseline}
.footer{width:980px;height:45px;position:relative;margin:0 auto;overflow:auto}*/

#FOOTER{position:fixed;bottom:0;left:0;width:100%;background:#427142;vertical-align:baseline;box-shadow:0 0 10px rgba(0,0,0,.5)}
.footer{width:980px;height:45px;position:relative;margin:0 auto;overflow:auto}
.footer p{color:#dfdfdf;font-size:12px;float:left;margin-top:15px;text-indent:10px;text-shadow:0 1px 0 rgba(55,55,55,.5)}

.footer .fot_nav{float:right;margin-top:15px}
.footer .fot_nav ul{}
.footer .fot_nav ul li{float:left;position:relative;margin-right:10px}
.footer .fot_nav ul li:last-child{margin-left:10px}
.footer .fot_nav ul li:last-child:after{display:block;content:' ';width:1px;height:10px;background:#eee;position:absolute;top:5px;left:-10px}
.footer .fot_nav ul li a{display:inline-block;color:#dfdfdf;font-size:13px;transition:.2s;text-shadow:0 1px 0 rgba(55,55,55,.5)}
.footer .fot_nav ul li a:hover,.footer .fot_nav ul li a:active{color:#fff}


.quo1{width:16px;height:16px;display:inline-block;background:url(../images/ico_quotes.png)no-repeat 0 0;background-size:76px auto;margin-right:7px;vertical-align:5px}
.quo2{width:16px;height:16px;display:inline-block;background:url(../images/ico_quotes.png)no-repeat -20px 0px;background-size:76px auto;margin-left:7px;vertical-align: 5px}





/****** index ******/

/* bxslide CSS */
.bxslide{position:absolute;width:100%;height:400px;top:60px;left:0;right:0;overflow:hidden;-webkit-background-size:cover;background-size:cover}
.bxslide .caption{position:absolute;top:130px;z-index:100;width:80%;left:10%;text-align:center;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-color:rgba(0,0,0,.1)}
.bxslide .caption p {/*white-space:nowrap;*/z-index:90;line-height:50px;font-size:30px;font-weight:600;color:#fff;text-align:center;padding:0 10px;text-shadow:2px 2px 5px rgba(0,0,0,.3)}
.bxslide .owl-theme .owl-wrapper .item img {width:100%;max-width:100%;vertical-align:middle;opacity:.9}
.bxslide .owl-theme .owl-controls{margin-top:0}
.bxslide .owl-theme .owl-controls .owl-pagination{position:absolute;left:50%;top:360px;margin-left:-36px}
.bxslide .owl-theme .owl-controls .owl-buttons div{position: absolute;z-index:200;margin:0;padding:0;width:32px;height:52px;text-indent:-9999px;background:none;-webkit-border-radius:0;border-radius:0}
.bxslide .owl-theme .owl-controls .owl-buttons .owl-prev {left:20px;top:170px;background:url(../images/arrow_l.png) no-repeat center center;background-size:30px 50px;opacity:.2}
.bxslide .owl-theme .owl-controls .owl-buttons .owl-next {right:20px;top:170px;background:url(../images/arrow_r.png) no-repeat center center;background-size:30px 50px;opacity:.2}
.bxslide .owl-theme .owl-controls .owl-page span {background:rgba(255,255,255,.6)}

.mainBx h3{font-size:1.6em;text-align:center;line-height:35px;margin-top:400px;padding:15px;position:relative;background:#fff;box-shadow:inset 0 0 50px rgba(0,0,0,.1);text-shadow:2px 2px 5px rgba(25,25,25,.1);color:#555}



/* add content*/

.wrap #MAIN section.main_cnt{display:block;margin:0 auto;margin-top:0px;padding:20px 5px} 
#MAIN .main_cnt article{width:30%;float:left;margin:0 1.6%;padding:10px 0;text-align:center;position:relative} 
#MAIN .main_cnt article#CAREER{margin-bottom:100px} 

#MAIN .main_cnt article div{position:relative;width:100%;float:left;height:210px;background:rgba(66,113,66,.85);padding:10px 0;text-align:center;box-shadow:2px 2px 8px rgba(0,0,0,.4);border:1px solid rgba(66,113,66,1);box-sizing:border-box;transition:.5s;cursor:default} 


#MAIN .main_cnt article div:hover{width:100%;background:rgba(43,62,43,1);text-align:center;box-shadow:2px 2px 10px rgba(0,0,0,.6);border:1px solid rgba(66,113,66,1);box-sizing:border-box} 

.main_cnt article div h2{font-size:18px;line-height:26px;margin-top:5px;letter-spacing:.5px;padding:8px;color:#eaf9ea} 
.main_cnt article div h2 span{display:inline-block;font-weight:bold;padding:3px;margin-left:5px;margin-bottom:5px} 
.main_cnt article div ul{margin-left:18%} 
.main_cnt article div ul li{text-align:left;height:32px;position:relative} 
#MAIN .main_cnt article div ul li a{color:#dfeedf;display:inline-block;border-bottom:1px solid rgba(255,255,255,.7);line-height:20px} 
#MAIN .main_cnt article div ul li a:hover{border-bottom:1px solid rgba(130,190,130,1);transition:.2s;color:#fff} 

.bul{display:inline-block;float:left;width:5px;height:5px;background:rgba(130,190,130,1);border-radius:50%;box-shadow:inset 0 0 8px rgba(0,0,0,.1);padding:0;margin:0;position:absolute;top:10px;left:-15px}



/*
.main_cnt article a{position:absolute;display:block;bottom:20px;text-align:center;width:80px;left:50%;margin-left:-40px;border:1px solid rgba(43,62,43,.5);padding:5px 8px 8px 5px;line-height:18px;background:rgba(95,139,95,.7) url(../images/arrow_r.png)no-repeat right;background-size:16px;color:#efefef;transition:.2s;cursor:pointer}
.main_cnt article a:hover,.main_cnt article a:active{color:#fff;background:rgba(43,62,43,.4) url(../images/arrow_r.png)no-repeat right;background-size:16px;border-color:rgba(130,190,130,.5)}
*/
.main_cnt article div p{font-size:14px;line-height:25px;padding:0 10px;text-align:center;color:#dfeedf} 
.main_cnt article div p a{font-weight:600;display:inline-block;border-bottom:1px solid #fff;line-height:20px;transition:.2s} 
.main_cnt article div p a:hover{border-bottom:1px solid rgba(130,190,130,1);color:#fff} 



/*** About Us ***aboutus.html***/
#MAIN .headerImg1{width:100%;height:250px;position:relative;display:block;background:url(../images/visual1.jpg) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
#MAIN section{max-width:980px;margin:0 auto}
section .cnt_1 h2{width:250px;float:left;text-align:center;font-size:30px;font-weight:600;color:rgba(130,190,130,1);margin-top:50px}
section .cnt_1 .des1{clear:both;float:left;margin-left:230px;margin-top:-40px;max-width:980px;margin-bottom:80px;font-size:16px}
section .cnt_1 .des1 span{display:block;padding:0 30px;line-height:35px;text-align:justify;font-size:16px;text-indent:0}
section .cnt_1 .des1 span.email{padding:15px;width:32px;height:32px;text-indent:-9999px}
.blk{background:#ccfdcc;padding:2px 4px;border-radius:4px;color:#000}

/*** TPS ***tps.html***/
#MAIN .headerImg2{width:100%;height:250px;position:relative;display:block;background:url(../images/visual9.jpg) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
#MAIN .sub_tit{position:absolute;top:50px;left:65%;margin-left:-400px;width:450px;padding:10px}
#MAIN .sub_tit h5{color:#fff;font-size:35px;margin-top:15px;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.2);text-indent:2px;font-style:italic}
#MAIN .sub_tit h4.logo_tps{width:160px;height:50px;text-indent:-9999px;background:url(../images/tps_logo.png)no-repeat 8px center;background-size:120px auto}

/*** TITO ***tito.html***/
#MAIN .headerImg3{width:100%;height:250px;position:relative;display:block;background:url(../images/visual4.jpg) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
#MAIN .sub_tit h4.logo_tito{width:160px;height:50px;text-indent:-9999px;background:url(../images/tito_logo.png)no-repeat center;background-size:144px auto}

/*** Become a Client ***client.html***/
#MAIN .headerImg4{width:100%;height:250px;position:relative;display:block;background:url(../images/visual6.jpg) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
section .cnt_1 h2.sml{font-size:26px}
.mdl{text-align:center}

/*** Contact Us ***contact.html***/
#MAIN .headerImg5{width:100%;height:250px;position:relative;display:block;background:url(../images/sub_img4.png) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
.mail .email{}
/*email*/

.mailto{padding:0px 5px;border-bottom:1px solid rgba(86,126,86,.3);color:rgba(86,126,86,1);transition:.2s;display:inline-block;text-align:left;white-space:nowrap;overflow:hidden;line-height:22px/*;background:red*/}
.mailto:hover{border-bottom:1px solid rgba(86,126,86,.6)}


#MAIN span.email{display:inline-block;text-indent:-9999px;width:28px;height:24px;background:/*red */url(../images/mailto.png)no-repeat center ;background-size:24px auto;/*float:left;*/margin-left:0;padding:0}

.cnt_1 .des2{clear:both;float:left;margin-left:230px;margin-top:-40px;max-width:980px;margin-bottom:80px;font-size:16px}
.cnt_1 .des2 span{display:block;padding:0 30px;line-height:35px;text-align:justify;font-size:16px;text-indent:0}
.cnt_1 .des2 span.email{}


/*** Client Login ***login.html***/
#MAIN .headerImg6{width:100%;height:250px;position:relative;display:block;background:url(../images/sub_img7.png) no-repeat center center;background-size:cover;text-indent:-9999px}
section .cnt_1 .formarea{width:400px;height:300px;margin:0 auto;position:relative;padding-top:50px}
section .cnt_1 .formarea form{width:90%;height:175px;margin:0 auto}
section .cnt_1 .formarea form label{float:left;display:inline-block;margin:10px 5px;width:80px;text-align:justify}
section .cnt_1 .formarea form label.uname{margin-top:17px}
section .cnt_1 .formarea form label.pswd{margin-top:10px;letter-spacing:1.2px}
section .cnt_1 .formarea form input{display:block;margin:10px 0;width:200px;border:1px solid #ddd}
section .cnt_1 .formarea form button{display:block;padding:10px 10px;background:rgba(66,113,66,.8);color:#fff;width:218px;margin-top:10px;margin-left:88px}
section .cnt_1 .formarea form button:hover,section .cnt_1 .formarea form button:active{background:rgba(66,113,66,1)}
section .cnt_1 .formarea p{text-align:center;line-height:26px}
.login .ico_email{display:inline-block;width:32px;height:30px;background:url(../images/mailto.png)no-repeat right 5px;background-size:22px auto;text-align:left;position:relative;margin-left:0px;text-indent:-9999px;padding-top:5px}
.login{position:relative}



/*LEGAR DISCLAIMER*/
#LEGAL{}
#LEGAL #content{max-width:680px;height:100%;line-height:25px;padding:15px;background:#eee url(../images/bg.gif)}
#LEGAL #content h1{font-size:18px;text-align:center;margin:30px 0}
#LEGAL #content h2{font-size:16px;color:#454545}
#LEGAL #content h3{font-size:14px;line-height:30px;margin-top:10px}
#LEGAL #content p{font-size:12px;text-align:justify;padding-left:15px}
#LEGAL #content ol{list-style-type:lower-alpha;padding-left:30px;font-size:12px}
#LEGAL #content ol li{text-align:justify}
#LEGAL #content h5{margin:30px 0;text-indent:10px;text-align:center}
#LEGAL .scroll_to_top{bottom:5px}
#LEGAL .btn_close{text-align:center;padding:10px 8px;display:block;background:rgba(66,113,66,1);color:#fff;transition:.2s;font-size:12px;font-weight:600;max-width:680px}
#LEGAL .btn_close:hover{background:rgba(66,113,66,.9)}

/*PRIVACY & SECURITY STATEMENT*/
#LEGAL #content h4{font-size:14px;text-align:justify;margin-bottom:25px;word-spacing:-1px;padding:10px;color:#666}
#LEGAL #content ul{list-style:square;padding-left:30px;font-size:12px}
#LEGAL #content ul li{text-align:justify}


/*career*/
#MAIN .headerImg7{width:100%;height:250px;position:relative;display:block;background:url(../images/visual10.jpg) no-repeat center center;background-size:cover;text-indent:-9999px;opacity:.9}
section .cnt_1 h2.aln{text-align:left;margin-left:15px;line-height:35px}
#MAIN section.careerLst .cnt_1 div.des1{float:left;line-height:35px;margin-top:-75px;padding-bottom:30px}
#MAIN section.careerLst .cnt_1 div.des1 h3{position:relative;text-indent:30px}
section.careerLst .cnt_1 .des1 p{position:relative;display:block;width:95%;margin-left:2%;padding-left:3%;border-left:1px solid #eee}
#MAIN section.careerLst .cnt_1 .des1 p.mailrow .email{}
#MAIN section.careerLst .cnt_1 .des1 p.mailrow .mailto{}
.careerLst .mailrow{display:inline-block}
.careerLst .mailrow .mailBx{display:block;width:240px;padding:0;margin:0;vertical-align:middle}
section.careerLst .email{clear:both;display:block;}
section.careerLst .cnt_1 .des1{}


section.careerLst .ctct{clear:both;display:inline-block;background:orange;}

#MAIN section.careerLst .cnt_1 .des1 .bul{display:inline-block;float:left;width:5px;height:5px;background:rgba(130,190,130,1);border-radius:50%;box-shadow:inset 0 0 8px rgba(0,0,0,.1);padding:0;margin:0;position:absolute;top:15px;left:13px}

#MAIN section article.cnt_1 span.fs4{font-size:14px;line-height:25px;}
.wrap #MAIN section article.cnt_3{}