/*기본 태그 스타일*/
body {
    background-image: url(../../images/shadow.png);
    background-position:center;
    background-repeat: repeat-y;
    background-color:white;
    font-family:'Malgun Gothic', Gulim, Daum;
}

a {
    text-decoration: none;
    color: #ccc;
}

    a.go {
        text-decoration: none;
    color: #39f;
    }

    a:hover {
        text-decoration:underline;
    }

    a:focus {
        text-decoration:underline;            

    }

    a.on {
        color: #333;
        text-decoration: underline;
    }

/*본문*/
 #smart {
        background-image: url(../../images/Touch/touch_smart_2.png);
        background-color:#ffffff;        
    }
 
 #pro{
        background-image: url(../../images/Touch/touch_pro.png);        
    }

#basic {
        background-image: url(../../images/Touch/touch_basic.png);
    }
    
        
 #plc {
        background-image: url(../../images/AIC/aic-plc.png);
    }

 #PC {
        background-image: url(../../images/PC/AutoBasePC.png);
    }




/*소제목*/

.topic01 {
    font-family: '맑은 고딕','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    line-height: 55px;
    color: #000;
}

.topic02 {
    font-family: '맑은 고딕','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 25pt;
    font-weight: bold;
    line-height: 55px;
    color: #000;
}

span.modelTopic {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16pt;
    line-height: 35px;
    color: #aaa;
    }

.model0 {
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 30pt;
    color: #ffdd00;
    width: 150px;
    float: right;
    margin-right: 35px;
    margin-top: 90px;
    font-style: italic;
}

.model3A,.model, .devtail,.modelPro,.modelbasic,.modelplc,.modelPC {
    
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 14pt;
    
    text-align: center;
    width: 125px;
    height: 125px;
    float: right;
    margin-right: 55px;
    margin-top: 0px;
    padding-top: 70px;
    
   
}

.model {
    background-image: url('../../images/title_tail_orange.png');
    color: #fff;
}

.modelPro {
    background-image: url('../../images/title_tail_blue.png');
    color: #fff;
}

.model3A {
    background-image: url('../../images/title_tail_orange.png');
    color: #fff;
    
    padding-top:60px;
    height:135px;
}

.modelbasic {
    background-image: url('../../images/title_tail_yellow.png');
    color: #fff;
   }
   
.modelplc {
    background-image: url('../../images/title_tail_blue.png');
    color: #fff;
   }

.modelPC {
    background-image: url('../../images/title_tail_violet.png');
    color: #fff;
   }


span.modelNo {
    font-size:12pt;    
    align-self:center;
    text-align:center;
    }
      
.devtail {
    background-image: url('../../images/title_tail_silver.png');
    text-align:center;
    font-family:맑은 고딕,'Trebuchet MS',Tahoma,Arial;
    color:#222;
    padding-top: 65px;
    height:130px;
}


/*터치 제품 사진*/

div.touchPic {
    width: 250px;
    height: 270px;
    position: relative;
    margin-top: 150px;
    margin-left: 70px;
    text-align: center;
    float: left;
    top: 0px;
    left: 0px;
}

div.plcPic {
    width: 250px;
    height: 270px;
    position: relative;
    margin-top: 150px;
    margin-left: 70px;
    text-align: center;
    float: left;
    top: 0px;
    left: 0px;
}

table.related {
    width:100%;
    border:0;
    padding:0;
}
td.rPic {
    width: 100px;
}
a.rText {
    font-weight:bold;
    color:#000000;
    text-decoration:none;

}
a:hover.rText {
    text-decoration:underline;
    color:orange;
}
td.rText {
    font-family: 'Malgun Gothic';
    font-size:12px;
    color:#666666;
    line-height:20px;
    vertical-align:bottom;
    padding-left:20px;
     
}
div.R-product {
    width: 250px;
    height: 120px;
    position: relative;
    margin-top: 100px;
    margin-left: 70px;
    text-align: left;
    float: left;
    top: 330px;
    left: -320px;
}


#proPic {
    width: 250px;
    height: 280px;
    position: relative;
    margin-top: 120px;
    margin-left: 50px;
    text-align: center;
    float: left;
}

#PCPic {
    width: 250px;
    height: 280px;
    position: relative;
    margin-top: 120px;
    margin-left: 50px;
    text-align: center;
    float: left;
}

.touchPic_dev{
    width: 250px;
    height: 250px;
    position: relative;
    margin-top: 120px;
    margin-left: 70px;
    text-align: center;
    float: left;
}


/*제품 개요*/

div.overview {
    float: left;
    width: 540px;
    padding-right: 20px;
    margin-left: 80px;
    margin-top: -20px;
}

div.description {
    font-family: 맑은 고딕;
    font-size: 10pt;
    line-height: 24px;
    color: #444;
    width: 520px;
    margin-top: 15px;
}


div.description01 {
    font-family: 맑은 고딕;
    font-size: 10pt;
    line-height: 24px;
    color: #444;
    width: 865px;
    margin-top: 20px;
    margin-left:55px;
    margin-bottom:30px;
    float: left;
}

div.dev {
    margin-top:20px;
    margin-bottom:20px;
}



/*제품 링크버튼 공통 스타일*/
div.onbutton, div.offbutton, div.subbutton, div.button_blue_01, div.button_blue_02, div.button_red_01, div.button_red_02 {
    padding: 7px 0px 0px 0px;
    width: 96px;
    height: 25px;
    font-family: 맑은 고딕, 'Trebuchet MS';
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: 3px;
}


/*제품 링크버튼들 wrap*/

div.buttonWrap {
    float: left;
    width: 520px;
    margin-top: 10px;
    padding: 0px;
}

/*해당 페이지 제품 버튼-마우스 오버 & 아웃*/

div.button_blue_01 {
    background-image: url(../../images/button_blue_01.png);
    cursor: pointer;
    color: #fff;
    width: 96px;
    height: 32px;
}

div.button_blue_02 {
    background-image: url(../../images/button_blue_02.png);
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
    width: 96px;
    height: 32px;
}

div.button_red_01 {
    background-image: url(../../images/button_red_01.png);
    cursor: pointer;
    color: #fff;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
}

div.button_red_02 {
    background-image: url(../../images/button_red_02.png);
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
    width: 96px;
    height: 32px;
}

div.subbutton {
    background-image: url(../../images/button_sub.png);
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
}

/*제품 링크 버튼*/
div.onbutton {
    background-image: url(../../images/button_sub_on.png);
    color: #333;
}

div.offbutton {
    background-image: url(../../images/button_sub_off.png);
    color: #666;
}

div.bar_gr {
    font-family: 맑은 고딕;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    background-image: url(../../images/bar_gr.png);
    width: 870px;
    height: 43px;
    margin-left: 30px;
    padding-left: 30px;
}

div.bar_bk {
    font-family: 맑은 고딕;
    float: left;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    background-image: url(../../images/bar_bk.png);
    width: 870px;
    height: 35px;
    margin-left: 30px;
    padding-left: 25px;
}

div.bar_03 {
    font-family: 맑은 고딕;
    font-size: 14px;
    line-height: 35px;
    color: #000;
    background-image: url(../../images/bar_03.png);
    width: 870px;
    height: 35px;
    margin-left: 30px;
    padding-left: 30px;
    font-weight: bold;
}

div.bar_06 {
    font-family: 맑은 고딕;
    font-weight: bold;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    background-image: url(../../images/bar_06.png);
    width: 870px;
    height: 35px;
    margin-left: 30px;
    padding-left: 25px;
}



/*도면*/


/* 스펙 테이블 */
div.wrap_size {
    
    float:left;
    margin-top:40px;
    padding-left:30px; 
    padding-right:30px;
    padding-bottom:30px;
    padding-top:0px;   
}



div.wrap_spec {
    font-family: 맑은 고딕;
    font-size: 10pt;
    line-height: 18pt;
    width: 450px;
    margin-right: 36px;
    float: right;
    margin-top: 20px;
    
}


table.spec {
    color: #444;
    vertical-align: middle;
    border-collapse: collapse; 
    border-spacing: 0px;
    empty-cells: show;
    margin-top:22px;
    width:100%;
    
}



tr {
    
}

td {
    padding: 2px 15px 2px 15px;
    border-bottom: 1px solid #999;
}


    td.title {
        color: #fff;
        background-color: #000;
        padding: 2px 15px 2px 15px;      

    }

    td.footer {
        border-style: solid none none none;
        border-top-width: 2px;
        border-top-color: #000;
        height:22pt;
    }

    td.item {
    text-wrap: normal;
    padding: 2px 5px 2px 15px;
    width:130px;
    border-bottom:dotted 1px #999;

    
}

    td.text {
        
        padding: 2px 15px 2px 10px;
        border-bottom:dotted 1px #999;
    }