body{overflow-x:hidden;}

/* main layout */
#wrap{position:relative; width:100%;}
#header:after{content:""; clear:both; display:block;}
#header{position:relative; height:93px; width:100%;}
#container:after{content:""; clear:both; display:block;}
#container{position:relative; width:100%; clear:both;}
#footer{background:#484848 url("../img/foot_bg.gif") repeat 0 0;position:relative;top:520px;left:9px;}


/* header */
#header .header_wrap{position:relative; width:990px; height:100px; margin:0 auto;}
#header .header_wrap h1{float:left; padding-top:22px;}
#header .header_wrap .lnb{position:absolute; right:150px; top:22px;}
#header .header_wrap .lnb li{color:#231f20; float:left;}
#header .header_wrap .lnb li a{color:#231f20; font-size:11px; display:inline; padding:0px 9px;}
#header .header_wrap .form1{position:absolute; padding:0; right:146px; top:20px; width:200px; z-index:100;}
#header .header_wrap .form1 input{float:left;}
#header .header_wrap .form1 img{float:left; padding-left:5px;}
#header .header_wrap .form2{position:absolute; padding:0; right:0; top:20px; width:146px; z-index:100;}
#header .header_wrap .btn-ytube{position:absolute; right:0; top:18px;}

#redesSoc{position:absolute; top:20px; left:50%; margin-left:420px;}/*position*/
#bannerWrap{position:absolute; top:93px; width:1400px; left:50%; margin-left:-700px;}/*position*/
<!-- #btnZone:after{content:""; clear:both; display:block;}
<!-- #btnZone{position:absolute; right:0px; top:380px; width:100%; z-index:600; text-align:right; width:350px;}
<!-- #btnZone li{float:left; width:28px;}

#header .gnb{position:absolute; left:320px; top:60px; width:840px; height:50px; z-index:5000;}
#header .gnb .m_menu:after{content:""; clear:both; display:block;}
#header .gnb .m_menu .menu{float:left;}
#header .gnb .m_menu .menu a{display:block; height:36px; width:130px;}
#header .gnb .m_menu .menu a:hover{color:#6ad0ff;}
/*#header .sub_menu_body{background:url("../images/common/bg_gnb.png") repeat scroll left top transparent; */
#header .sub_menu_body{ background-color:#FFFFFF;
    display:none; height:210px; position: absolute; top:33px; width:145px;
    padding:10px 0 0 10px; z-index:77;}
#header .sub_menu_body li a{display:block; height:25px !important; width:120px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; vertical-align:top;}
#header .gnb .m_img{position:absolute; right:5px; bottom:25px;}
#header .gnb .close{position:absolute; right:-141px; bottom:-12px;}
#header #sub_menu1{left:-21px; width:119px; border:1px solid #d8d8d7; border-top:0px;}
#header #sub_menu2{left:109px; width:119px; border:1px solid #d8d8d7; border-top:0px;}
#header #sub_menu3{left:239px; width:119px; border:1px solid #d8d8d7; border-top:0px;}
#header #sub_menu4{left:369px; width:119px; border:1px solid #d8d8d7; border-top:0px;}
#header #sub_menu5{left:499px; width:119px; border:1px solid #d8d8d7; border-top:0px;}


/* info   */
#info{position:relative; height:520px; width:225px;left:872px;}

/* content */
#content{position:absolute; height:520px; width:732px;left:155px;}

/* content_prod */
#content_prod{
    position:relative;
    height:520px;
    width:970px;
    left:155px;
}

#content_titulo{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#007dbb;
    height:70px;
}

/* content_login */
#content_login{
    position:relative;
    height:520px;
    left:40px;
    top:90px;
}
#content_login_titulo{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#007dbb;
    height:70px;
    position:absolute;
    left:115px;
}


/* container */
/*div.new{position:absolute; left:50%; margin-left:-480px;}*/


.content_top{width:100%; background:#e5e5e5;}

.new:after{content:""; clear:both; display:block;}
.new{background:#e5e5e5; width:950px; height:80px; margin:0 auto; padding:25px 0;
    border-bottom:1px solid #dedede;}
.new .button{cursor:pointer;}
.new_p{float:right;}
.new_p li{float:left; padding-bottom:500px;}
.new_p img{border:0; vertical-align:top;}
.new_p ul{list-style:none;}

.new_p{width:620px; margin:0 auto; position:relative; margin-left:20px;}
.new_p .frame:after{content:""; display:block; clear:both;}
.new_p .frame{height:100px; overflow:hidden; position:relative;}
.new_p .frame .bannerList:after{content:""; display:block; clear:both;}
.new_p .frame .bannerList{width:1100px; position:absolute;}
.new_p .frame .bannerList li{float:left; width:130px; height:76px;}
.new_p .frame .bannerList li span{display:block; text-align:center; width:110px; font-weight:bold; font-size:11px; letter-spacing:-0.5px; padding-top:10px; margin-left:-5px;}

.content_center{width:100%; margin-bottom:12px;}  /*border-bottom:1px solid #dedede; */

.down_bn{width:990px; height:80px; margin:0 auto; padding-top:30px; background:url("../img/con_bg01.gif") no-repeat;}
.down_bn dl{float:left; width:220px; height:60px;}
.down_bn dd{font-size:11px; color:#757575; padding-top:8px; line-height:16px;}
.down_bn dl.down01{background:url("../img/c_bg01.gif") no-repeat right center;}
.down_bn dl.down02{background:url("../img/c_bg02.gif") no-repeat right center; padding-left:35px;}
.down_bn dl.down03{background:url("../img/c_bg03.gif") no-repeat right center; padding-left:35px;}
.down_bn dl.down04{background:url("../img/c_bg04.gif") no-repeat right center; padding-left:35px;}

.content_center2:after{content:""; clear:both; display:block;}
.content_center2{width:990px;  margin:0 auto;}
.exhibit{float:left; position:relative; width:389px; height:100px;}
.ex_bn{position:absolute; left:0; top:38px;}
.ex_bn dd{color:#757575;}

.news{float:right; width:526px;}
.news div{width:244px;}
.news dl{padding:20px 0;}
.news dt{float:left; width:109px;}
.news dd{float:left; width:135px; font-weight:bold; color:#444; line-height:16px;}
.news span{display:block; font-weight:normal; color:#757575; padding-top:7px;}

.exhibit2{float:left; position:relative; width:389px; height:100px;}
.ex_bn2{position:absolute; left:0; top:38px;}
.ex_bn2 dd{color:#757575;}

.news2{float:left;  position:relative; width:250px; padding-top:30px; padding-right:30px; padding-bottom:30px;}  /* new */
.news2 div{width:250px;}
.news2 dl{padding:20px 0;}
.news2 dt{float:center; width:250px;}
.news2 dd{float:left; width:240px; height:135px; color:#444; line-height:16px; padding-bottom:35px;}
.news2 span{float:right; display:block; font-weight:normal; color:#757575;}

.right_menu{float:left;  position:relative; width:430px; padding-top:30px; padding-right:0px; padding-bottom:50px;}  /* new */
.right_menu div{width:430px; height:120px;}
.right_menu dl{padding:20px 0;}
.right_menu dt{float:left; padding-top:10px; padding-right:23px;}
.right_menu dr{float:left; padding-top:10px; padding-right:0px;}
.right_menu dd{float:left; width:430px; height:135px; color:#444; line-height:16px; padding-bottom:35px;}
.right_menu span{float:right; display:block; font-weight:normal; color:#757575;}


.content_bottom:after{content:""; clear:both; display:block;}
.content_bottom{width:950px; height:88px; margin:0 auto;}
.content_bottom ul li{float:left;}
.content_bottom a{display:inline;}

/* footer */
#footer{height:80px; background:#cacaca;
    font-family: Arial;
    font-size:13px;
    font-weight:bold;
    color:#686767;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    top:0px;
    left:0px;
}

.Temas {
    width:225px;
}
.TableTemas{
    width:225px;
    border:1px solid;
    background-color:#f1f1f0;
    border-color:#d8d8d7;
    height:97px;
}
.TableTemas th{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    color:#007dbb;
    padding:0px;
}
.TableTemas td{
    font-size:13px;
    font-family:Arial;
    color:#777777;
    text-align:right;
    padding-right:20px;
    padding-left:15px;
}
.TableTemas:hover{
    background-color:#F9F9F9;
}
.text-danger {
    color: #dc3545 !important;
    font-size: 12px;
}
ul { list-style: none; }


#table_login {
    position: relative;
    top: 190px;
    left: 518px;
}

#table_login th {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #767578;
    text-align: left;
    position: relative;
    left: 5px;
}

input {
    background-color: #e5e5e4;
    border: solid 1pt #adadac;
    font-family: Arial;
    color: #767578;
}

.botonimagen {
    background-image: url(../img/btn_azul_off.png);
    background-repeat: no-repeat;
    border-style: none;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    width: 110px;
    height: 26px;
    position: relative;
    top: 10px;
    left: 15px;
}

.botonimagen:hover {
    background-image: url(../img/btn_azul_on.png);
}

#tit_1 {
    position: absolute;
    top: 190px;
    left: 216px;
    width: 250px;
}

#tit_2 {
    position: absolute;
    top: 284px;
    left: 230px;
    width: 240px;
}

#tit_3 {
    position: absolute;
    top: 383px;
    left: 260px;
    width: 210px;
}

#tit_4 {
    position: absolute;
    top: 190px;
    left: 760px;
    width: 250px;
}

#tit_5 {
    position: absolute;
    top: 284px;
    left: 760px;
    width: 240px;
}

#tit_6 {
    position: absolute;
    top: 383px;
    left: 760px;
    width: 210px;
}

.tableMensaje th {
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif;
}

.tableMensaje td {
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    background-color: #f8f3f3;
}

.pic1 {
    position: absolute;
    top: 190px;
    left: 216px;
    width: 250px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif;
}

.text1 {
    width: 250px;
    opacity: 0;
}

.pic1:hover .text1 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}

.pic2 {
    position: absolute;
    top: 284px;
    left: 230px;
    width: 236px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif;
}

.text2 {
    width: 236px;
    opacity: 0;
}

.pic2:hover .text2 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}

.pic3 {
    position: absolute;
    top: 383px;
    left: 260px;
    width: 210px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif-Medium;
}

.text3 {
    width: 210px;
    opacity: 0;
}

.pic3:hover .text3 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}

.pic4 {
    position: absolute;
    top: 190px;
    left: 760px;
    width: 250px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif-Medium;
    text-align: right;
}

.text4 {
    width: 250px;
    opacity: 0;
}

.pic4:hover .text4 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}

.pic5 {
    position: absolute;
    top: 284px;
    left: 760px;
    width: 236px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif-Medium;
    text-align: right;
}

.text5 {
    width: 236px;
    opacity: 0;
}

.pic5:hover .text5 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}

.pic6 {
    position: absolute;
    top: 383px;
    left: 760px;
    width: 210px;
    font-size: 14px;
    color: #004976;
    font-family: Arial, Helvetica, sans-serif-Medium;
    text-align: right;
}

.text6 {
    width: 210px;
    opacity: 0;
}

.pic6:hover .text6 {
    opacity: 1;
    text-align: justify;
    font-size: 13px;
    color: #004976;
    font-family: Arial;
    padding: 5px;
    background-color: #f8f3f3;
}