.bgarea-section {
background: #242a33 url(../images/subtop/company_subtop1.jpg) no-repeat;
color: #fff;
}


.companyinfo {
padding: 70px 0px 120px;
background: #fff;
}


.companyinfo2{
padding: 70px 0px 120px;
background: #fff;
}
.page-title-area {
width: 280px;
float: left;
padding-right: 50px;
display: block;
border-right: 1px solid #c4c4c4;
}

.line-divider {
background: url(/assets/images;/common/gra_line_2.gif) 0% 0 repeat-y;
min-height: 520px;
padding: 0px 25px;
float: left;
}

.txt-box {
width: calc(100% - 280px);
float: left;
padding-left: 50px;
margin-left: -1px;
border-left: 1px solid #c4c4c4;
}

.page-title-area h3, .page-title-area h4 {
margin: 0px;
padding: 0px;
}
/*.page-title-area h3 {font-size: 32px;line-height: 40px; color: #111111;font-weight: bold;display: block;letter-spacing: -0.075em;margin-bottom:20px;}*/


.page-title-area h3 {font-size: 28px;line-height: 36px;color: #111111;font-weight: bold;display: block;letter-spacing: -0.075em;margin-bottom: 20px; }
.page-title-area h4 {
font-size: 16px;
margin-top: 22px;
letter-spacing: -0.075em;
line-height: 24px;
color: #666666;
font-weight: 400;
}

.page-title-area .divder {
content: '';
position: relative;
height: 1px;
width: 42px;
background: #999999;
}

.img-area img {
vertical-align: top;
}
.img-area_btm{margin-top:100px;}
.txt-box {
letter-spacing: -1px;
vertical-align: top;
}

.txt-box h3 {
color: #5cb531;
margin: 0px;
padding: 0px;
font-size: 20px;
line-height: 26px;
}

.txt-box .desc p {
color: #747474;
font-size: 16px;
line-height: 28px;
}

.img-area a {
cursor: pointer;
}


.page-title-area.history {
border-right: none; 
padding-left:15px;
}

.txt-box.history {
border-left: none; 
letter-spacing:0px;
padding-left: 0px;
}

/* The actual timeline (the vertical ruler) */
/*.history-boxes{padding:0px;padding-right:30px;}*/ 
.history-boxes:nth-child(3n){padding-right:0px;} 
.txt-box.history .history-boxes:nth-child(n+4){margin-top:60px;}
.timeline-box-area{padding-right:30px;margin-top:20px;}
.timeline-box{float:left;border-left: 2px dotted #8c8b8b;margin-left:5px}


.timeline-box .contbox {
padding-left:15px;
position: relative;
background-color: inherit;
width: 100%;
margin-top:30px;
}

.timeline-box .contbox::after {
content: url(/assets/images/icons/icon_dot2.png);
top: 0px;
height: 10px;
width: 10px; 
position: absolute;
z-index: 1;
left: -5px;
}

.timeline-box .content {
position: relative;
z-index: 2;
}

.timeline-box .content h4 {
letter-spacing: -1px; font-size: 20px; color: #2692bb; font-weight: bold; line-height: 22px;  display:block;margin-bottom:8px}
.timeline-box .detail{  display:block;}
 
.timeline-box .content p {
    letter-spacing: -1px;
color: #696969; 
display: block;
float: left;  
font-size: 14px;
line-height: 22px;
color: #231f20;
}
.timeline-box .content p span.dateinfo{display:block;width:65px;float:left}
.timeline-box .content p span:last-child{display:block;width:calc(100% - 65px);float:left;}


.timeline {
position: relative;
width: calc(100% - 310px);
float: left;
margin-top:-30px;
}

.timeline-img {
float: right;
width: 308px;
}

.timeline-img div.img-area {
width: 100%;
max-width: 100%;
margin-bottom: 5px;
}
 


.timeline .contbox {
padding: 0px 5px 35px;
position: relative;
background-color: inherit;
width: 100%;
}

.timeline .contbox::after {
content: url(/assets/images/icons/icon_dot.png);
top: 2px;
height: 19px;
width: 19px; 
position: absolute;
z-index: 1;
right: 0px;
}



.timeline .right {
left: 0;
}

 
.timeline .right::after {
left: -25px;
}

.timeline .right .content { 
}
/* The actual content */
.timeline .content {
position: relative;
z-index: 2;
letter-spacing: -1px;
margin-bottom: 35px;
}

.timeline .content h3 {
font-size: 22px; 
color: #4d4ddb; 
font-weight: bold; 
line-height: 22px;
margin-right: 20px; 
width: 70px;
float: left;
} 

.timeline .content h4 { 
width: 40px;
display: block;
float: left; 
font-size: 22px;
line-height: 22px;
color: #919191; 
font-weight: bold;
margin:0px;padding:0px;

}
.timeline .content p {
color: #696969;
margin: 0px;
padding: 0px;
display: block;
float: left;
width: calc(100% - 40px); 
padding-left: 15px;
;
}

.timeline .right .content p span {
display: block;
float: left;
font-size: 15px;
letter-spacing: -1px;
line-height: 21px;
color: #1b1b1b;
font-weight: 400; 
}

@media screen and (max-width: 728px) {
.txt-box {
margin-top: 30px;
}

.tabs-style-bar {
width: 90%;
margin: 0px auto;
}

.tabs-style-bar ul li {
width: 33%;
}
/* Place the timelime to the left */
.timeline::after {
left: 15px;
}

.timeline .contbox {
width: 100%;
padding-left: 65px;
padding-right: 25px;
text-align: left;

}

.timeline .contbox::before {
left: 23px;
}

.timeline .left .content:before {
right: auto;
left: -23px;
}

.timeline .left .content {
text-align: left;
margin-left: 50px;
margin-right: 0px;
}

.timeline .left::after, .timeline .right::after {
left: 15px;
}

.timeline .right, .timeline .left {
left: 0%;
}

.timeline .left::before, .timeline .right::before {
width: 50px;
}

.timeline .left .content p b {
padding-right: 10px;
float: left;
padding-left: 0px;
}

.timeline .left .content p span {
padding-left: 10px;
padding-right: 0px;
}

.timeline .left .content p b::before {
right: 0px;
left: auto;
}
}



.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.cf:after {
clear: both;
}

.cf {
*zoom: 1;
font-family: "NanumSquareRound" !important;
}



.org-chart ul {
padding: 0;
margin: 0;
list-style: none;
}

.org-chart ul a {
display: block;
background: #ccc;
border: 4px solid #fff;
text-align: center;
overflow: hidden;
font-size: .7em;
text-decoration: none;
font-weight: bold;
color: #333;
height: 70px;
margin-bottom: -26px;
box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
-webkit-transition: all linear .1s;
-moz-transition: all linear .1s;
transition: all linear .1s;
}


.org-chart ul a span {
display: block;
}

/*
 
*/

.administration > li > a {
margin-bottom: 25px;
}

.director > li > a {
margin: 0 auto 0px auto;
width: 120px;
height: 120px;
border-radius: 50%;
background: #4d4ddb;
box-shadow: none;
display: block;
overflow: hidden;
font-size: 28px;
text-align: center;
line-height: 120px;
border: 1px solid #4d4ddb;
}

.director > li > a span {
font-size: 20px;
letter-spacing: -1px;
line-height: 23px;
color: #ffffff;
top: 35%;
position: relative;
text-align: center;
}

.director > li > a span.sm {
font-size: 12px;
letter-spacing: -1px;
line-height: 23px;
color: #ffffff;
font-weight: 400;
}

.subdirector:after {
content: "";
display: block;
width: 0;
height: 130px;
background: red;
border-left: 4px solid #fff;
left: 45.45%;
position: relative;
}

@media print {
.subdirector:after {
border-left: 4px solid #000;
}
}

.subdirector,
.departments {
position: absolute;
width: 100%;
}

.subdirector > li:first-child,
.departments > li:first-child {
width: 18.59894921190893%;
height: 64px;
margin: 0 auto 92px auto;
padding-top: 25px;
border-bottom: 4px solid white;
z-index: 1;
}

@media print {
.subdirector > li:first-child,
.departments > li:first-child {
border-bottom: 4px solid #000;
}
}

.subdirector > li:first-child {
float: right;
right: 27.2%;
border-left: 4px solid white;
}

@media print {
.subdirector > li:first-child {
border-left: 4px solid black;
}
}

.departments > li:first-child {
float: left;
left: 27.2%;
border-right: 4px solid white;
}

@media print {
.departments > li:first-child {
border-right: 4px solid black;
}
}

.subdirector > li:first-child a,
.departments > li:first-child a {
width: 100%;
}

.subdirector > li:first-child a {
left: 25px;
}

@media screen and (max-width: 767px) {
.subdirector > li:first-child,
.departments > li:first-child {
width: 40%;
}

.subdirector > li:first-child {
right: 10%;
margin-right: 2px;
}

.subdirector:after {
left: 49.8%;
}

.departments > li:first-child {
left: 10%;
margin-left: 2px;
}
}


.departments > li:first-child a {
right: 25px;
}

.department:first-child,
.departments li:nth-child(2) {
margin-left: 0;
clear: left;
}

.departments:after {
content: "";
display: block;
position: absolute;
width: 81.1%;
height: 22px;
border-top: 4px solid #fff;
border-right: 4px solid #fff;
border-left: 4px solid #fff;
margin: 0 auto;
top: 130px;
left: 9.1%;
}

@media print {
.departments:after {
border-top: 4px solid #000;
border-right: 4px solid #000;
border-left: 4px solid #000;
}
}

@media screen and (max-width: 767px) {
.departments:after {
border-right: none;
left: 0;
width: 49.8%;
}
}

@media screen and (min-width: 768px) {
.department:first-child:before,
.department:last-child:before {
border: none;
}
}

.department:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 22px;
border-left: 4px solid white;
z-index: 1;
top: -22px;
left: 50%;
margin-left: -4px;
}

@media print {
.department:before {
border-left: 4px solid black;
}
}

.department {
border-left: 4px solid #fff;
width: 18.59894921190893%;
float: left;
margin-left: 1.751313485113835%;
margin-bottom: 60px;
}

@media print {
.department {
border-left: 4px solid #000;
}
}

.lt-ie8 .department {
width: 18.25%;
}

@media screen and (max-width: 767px) {
.txt-box.history .history-boxes{margin-top:30px;}
.txt-box.history .history-boxes:nth-child(n+4){margin-top:30px;}
.department {
float: none;
width: 100%;
margin-left: 0;
}

.department:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 60px;
border-left: 4px solid white;
z-index: 1;
top: -60px;
left: 0%;
margin-left: -4px;
}

.department:nth-child(2):before {
display: none;
}
}

.department > a {
margin: 0 0 -26px -4px;
z-index: 1;
}

.department > a:hover {
height: 80px;
}

.department > ul {
margin-top: 0px;
margin-bottom: 0px;
}

.department li {
padding-left: 25px;
border-bottom: 4px solid #fff;
height: 80px;
}

@media print {
.department li {
border-bottom: 4px solid #000;
}
}

.department li a {
background: #fff;
top: 48px;
position: absolute;
z-index: 1;
width: 90%;
height: 60px;
vertical-align: middle;
right: -1px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))) !important;
background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%) !important;
background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%) !important;
background-image: -ms-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%) !important;
background-image: linear-gradient(135deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}

.department li a:hover {
box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
height: 80px;
width: 95%;
top: 39px;
background-image: none !important;
}

/* Department/ section colors */
.department.dep-a a {
background: #FFD600;
}

.department.dep-b a {
background: #AAD4E7;
}

.department.dep-c a {
background: #FDB0FD;
}

.department.dep-d a {
background: #A3A2A2;
}

.department.dep-e a {
background: #f0f0f0;
}


.cate-title {
font-size: 22px;
letter-spacing: -1px;
line-height: 25px;
font-weight: bold;
margin-bottom: 25px;
color: #1e1e1e;
font-family: "NanumSquareRound" !important;
}

.certificate {
width: 100%;
}

.certificate.vertical .img-area {
width: 280px;
height: 190px;
display: block;
float: left;
margin-right: 50px;
}

.certificate.vertical .img-area:last-child {
margin-right: 0px;
}

.certificate.vertical img {
max-width: 280px;
max-height: 190px;
border:1px solid #cccccc;
}

.certificate.horizon .img-area {
width: 233px;
height: 284px;
display: block;
float: left;
margin-right: 50px;
}

.certificate.horizon .img-area:last-child {
margin-right: 0px;
}

.certificate.horizon img {
max-width: 233px;
max-height: 284px;
border:1px solid #cccccc;
}

.addr-title {
font-size: 20px;
letter-spacing: -1px;
font-weight: bold;
line-height: 50px;
color: #030303;
font-family: "Nanum Square" !important;
}

.addr-title img {
width: 40px;
height: 50px;
vertical-align: middle;
margin-right: 10px;
}

.location-addr {
border-top: 2px solid #031122;
margin-top: 18px;
max-width: 564px;
}

.location-addr dl {
margin: 0px;
padding: 0px;
height: 52px;
position: relative;
;
border-bottom: 1px solid #ccc;
}

.location-addr dt {
margin: 0px;
padding: 0px;
display: inline-block;
font-size: 16px;
width: 120px;
letter-spacing: -1px;
line-height: 51px;
padding-left: 30px;
color: #333333;
vertical-align: top;
font-family: "Nanum Square" !important;
}

.location-addr dt:after {
content: "";
width: 26px;
height: 12px;
border-bottom: 1px solid #e4e4e4;
-webkit-transform: translateY(20px) translateX(5px) rotate(-75deg);
position: absolute;
top: 0px;
left: 98px;
}

.location-addr dd {
margin: 0px;
padding: 0px;
font-size: 16px;
display: inline-block;
letter-spacing: -1px;
line-height: 51px;
;
padding-left: 25px;
color: #666666;
font-family: "Nanum Square" !important;
}

.location-addr dd.long {
line-height: 20px;
padding-top: 6px;
}





.contt-box{width:100%;height:384px;background:#fff;position:relative}

.img-maps-area {position: absolute;    top: calc(50% - 93px);    left: calc(50% - 93px);}


.image-map-container {position: relative;display: inline-block;width:186px;height:186px;z-index:5;}
.inner-cont{background:#4d4ddb;width:186px;height:186px;border-radius:50%;position:relative;z-index:10;text-align:center;}
.inner-cont .head-tit{ vertical-align: middle;top: 35%;position: relative;}
.inner-cont .head-tit p.tit{font-size: 20px;letter-spacing: -1px;line-height: 24px;color: #fff;font-family: 'NanumSquareRound' !important;font-weight:bold;}
.inner-cont .head-tit p.subtit{font-size: 12px; line-height: 24px;color: #fff;font-weight: 400;}
.image-map-container .map-selector {cursor:pointer;left: 0;top: 0;right: 0;bottom: 0; width: 216px;height: 216px;border-radius: 50%;z-index:2;}
.map-selector:after {content: '';position: absolute;width: 216px;height: 216px;}
.image-map-container .map-selector.how1 {position: absolute;left: -15px;top: -15px; animation-duration: 3s;animation-name: doStuff;animation-iteration-count: infinite;animation-direction: alternate;      } 


.text-map-container{width:100%;}

.text-map-container .txt-map-box {width:50%;float:left;display:block;height:192px;position:relative;color:#fff;}
.text-map-container .typeleft{text-align:left;line-height:192px}
.text-map-container .typeright{text-align:left;line-height:192px}

.text-map-container .txt-map-box.type1:before {content: "";width: 48px;height: 2px;background: #d3d3d3;position: absolute;bottom: 71px;right: 71px;z-index: 2;transform: translateY(-50%) rotate(35deg);}
.text-map-container .txt-map-box.type1:after {content: ' ';bottom: 75px;height: 15px;width: 15px;background-color: #05c1ff;border-radius: 50%;border: 8px solid #05c1ff;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 1;right: 105px;}
.text-map-container .txt-map-box.type2:before {content: "";width: 48px;height: 2px;background: #d3d3d3;position: absolute;bottom: 71px;left: 71px;z-index: 2;transform: translateY(-50%) rotate(145deg);}
.text-map-container .txt-map-box.type2:after {content: ' ';bottom: 75px;height: 15px;width: 15px;background-color: #05c1ff;border-radius: 50%;border: 8px solid #05c1ff;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 1;left: 121px;}

.text-map-container .txt-map-box.type3:before {content: "";width: 48px;height: 2px;background: #d3d3d3;position: absolute;top: 71px;right: 71px;z-index: 2;transform: translateY(-50%) rotate(-35deg);}
.text-map-container .txt-map-box.type3:after {content: ' ';top: 88px;height: 15px;width: 15px;background-color: #05c1ff;border-radius: 50%;border: 8px solid #05c1ff;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 1;right: 105px;}
.text-map-container .txt-map-box.type4:before {content: "";width: 48px;height: 2px;background: #d3d3d3;position: absolute;top: 71px;left: 71px;z-index: 2;transform: translateY(-50%) rotate(-145deg);}
.text-map-container .txt-map-box.type4:after {content: ' ';top: 88px;height: 15px;width: 15px;background-color: #05c1ff;border-radius: 50%;border: 8px solid #05c1ff;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 1;left: 121px;}

.text-map-container .txt-map-box.type1  .inner-cont-txt{padding-top:30px;}
.text-map-container .txt-map-box.type2  .inner-cont-txt{padding-top:30px;}
.text-map-container .txt-map-box.type3  .inner-cont-txt{padding-top:60px;}
.text-map-container .txt-map-box.type4  .inner-cont-txt{padding-top:70px; ;}
.text-map-container .txt-map-box.typeleft .inner-cont-txt{padding-right:150px;float:right;}
.text-map-container .txt-map-box.typeright .inner-cont-txt{padding-left:120px;float:right;}
.text-map-container .txt-map-box .inner-cont-txt h4{font-size: 24px;letter-spacing: -1px;line-height: 32px;font-weight:bold;color: #1e1e1e;font-family: 'NanumSquareRound' !important;} 
.text-map-container .txt-map-box .inner-cont-txt ul.deatiltxt{margin-top:15px;}
.text-map-container .txt-map-box .inner-cont-txt ul.deatiltxt li{color:#666;font-size:15px;line-height:24px;font-family: 'NanumSquareRound' !important;} 
.text-map-container .txt-map-box .inner-cont-txt ul.deatiltxt.eng li{    text-indent: -10px;}
.text-map-container .txt-map-box .inner-cont-txt ul.deatiltxt li:before {content:"-";font-size:15px;vertical-align:top;line-height:24px;margin-right:5px;}

 
.contt-box-mobile{padding:0px 10px;}
.img-maps-area-mobile{ width:149px;float:left}
.img-maps-area-mobile .image-map-container {position: relative;display: inline-block;width:133px;height:133px;z-index:5;}
.img-maps-area-mobile .inner-cont{background:#4d4ddb;width:133px;height:133px;border-radius:50%;position:relative;z-index:10;text-align:center;}
.img-maps-area-mobile .inner-cont .head-tit{ vertical-align: middle;top: 35%;position: relative;}
.img-maps-area-mobile .inner-cont .head-tit p.tit{font-size: 20px;letter-spacing: -1px;line-height: 24px;color: #fff;font-family: 'NanumSquareRound' !important;font-weight:bold;}
.img-maps-area-mobile .inner-cont .head-tit p.subtit{font-size: 12px; line-height: 24px;color: #fff;font-weight: 400;}
.img-maps-area-mobile .image-map-container .map-selector-mobile {cursor:pointer;left: 0;top: 0;right: 0;bottom: 0; width: 149px;height: 149px;border-radius: 50%;z-index:2;}
.img-maps-area-mobile .map-selector-mobile:after {content: '';position: absolute;width: 149px;height: 149px;}
.img-maps-area-mobile .image-map-container .map-selector-mobile.how1 {position: absolute;left: -8px;top: -8px; background: #f1f1fc;      } 


.text-map-mobile{width: calc(100% - 150px);float:left;padding-left: 20px;} 
.text-map-mobile .txt-map-box {width:100%;float:left;display:block;min-height:192px;position:relative;color:#fff;margin-bottom:30px;}  
.text-map-mobile .txt-map-box .inner-cont-txt h4{font-size: 22px;letter-spacing: -1px;line-height: 28px;font-weight:bold;color: #1e1e1e;font-family: 'NanumSquareRound' !important;} 
.text-map-mobile .txt-map-box .inner-cont-txt h4:before{content: '';left:-15px;top:15px; height: 15px;width: 15px;background-color: #05c1ff;border-radius: 50%;border: 8px solid #05c1ff;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 1; }
.text-map-mobile .txt-map-box .inner-cont-txt ul.deatiltxt{;margin-top:15px;}
.text-map-mobile .txt-map-box .inner-cont-txt ul.deatiltxt li{color:#666;font-size:15px;line-height:22px;font-family: 'NanumSquareRound' !important;letter-spacing:-2px;} 
.text-map-mobile .txt-map-box .inner-cont-txt ul.deatiltxt li:before {content:"-";font-size:15px;vertical-align:top;line-height:22px;margin-right:5px;}
 

.label-size{
display: block;
width:100%;
padding: 0px 10px;
height: 36px;
line-height:36px;
border-radius:0px; 
position:relative;
z-index:5;
color: #fff;
background:#2692bb;text-align:center;
border: 1px solid #2692bb;
text-decoration:none;}    
.label-size:after{
content: " ";
width: 26px;
height: 26px;
line-height: 20px;
font-size: 25px;
border-top: 1px solid #2692bb;
border-right: 1px solid #2692bb;
background-color: #2692bb;
color: #fff;
position: absolute;
top: 4px;
right: -14px;
z-index: -3;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
zoom: 1;
}   
.label-size span{font-size:24px;font-weight:bold}