<!-- ±âº»±ÛÀÚÁöÁ¤ -->
body,table,td,input,a {font-family:"±¼¸²Ã¼","µ¸¿ò","Arial","tahoma","verdana";color:#787878;line-height:17px;font-size:12px;}
<!-- º¸·ù -->

p, a, ul, li, td, h1, h2, h3{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #555555;}

h1 { font-size: 16px; font-weight: bold; margin-bottom: -10px;}
h2 { font-size: 13px; font-weight: bold; margin-top: 3px;}
h3 { font-size: 12px; font-weight: bold; margin-top: 3px;}
.caption { font-size: 10px; color: #333333;}
.null {color: #999999; font-weight: bold;}
.normal { font-weight: normal;}
.normal:hover { font-weight: normal;}
.textonly { font-size: xx-small;}
.textonly:hover { font-size: xx-small;} 

A:link    { color: #555555; font-size: 12px; text-decoration:none;}
A:active  { color: #555555; font-size: 12px; text-decoration:none;}
A:visited { color: #888888; font-size: 12px; text-decoration:none;}
A:hover   { color: #339999; font-size: 12px; text-decoration:none;}

<!-- ½ºÅ©·Ñ¹ÙÁöÁ¤ -->
body   
{scrollbar-face-color: #D5E4E7; 
scrollbar-shadow-color: #3C8898; 
scrollbar-highlight-color: #69B1C0; 
scrollbar-3dlight-color: #EDFCFF; 
scrollbar-darkshadow-color: #EDFCFF; 
scrollbar-track-color: #D5E4E7; 
SCROLLBAR-BASE-COLOR: #789789;
scrollbar-arrow-color: #6DB9C9} 


<!-- °ßÀûÀÇ·Ú Æû -->
.title {padding-right:10px;text-align:right;color:#4b4b4b}

.sub1 .sub_bg {position: relative;}
.sub1 .sub1_txt {position: absolute; top : 130px; left : 350px;}
.sub1 .sub1_txt p {font-weight: 600;  font-size: 14px;}
.sub1 .sub1_txt p:nth-child(2) {margin-left: 80px;}
.sub1 .sub1_txt p span {color : #333; font-size: 16px;}

.sub1 .sub1_txt_eng {position: absolute; top : 130px; left : 320px;}
.sub1 .sub1_txt_eng p {font-weight : 400; font-size : 13.5px; font-style : italic;}
 .sub1 .sub1_txt_eng p:nth-child(2) {margin-left: 40px;}

.sub2 .sub_bg {position: relative;}
.sub2 .sub2_txt {position: absolute; top : 130px; left : 320px;}
.sub2 .sub2_txt p {font-weight: 600;  font-size: 14px;}
.sub2 .sub2_txt p:nth-child(1) {color : #980101;}
.sub2 .sub2_txt p:nth-child(2) {margin-left: 80px;}

.sub3 .sub_bg {position: relative;}
.sub3 .sub3_txt {position: absolute; top : 130px; left : 350px;}
.sub3 .sub3_txt p {font-weight: 600;  font-size: 14px; line-height : 20px; font-style : italic;}
.sub3 .sub3_txt p:nth-child(2) {margin-left: 100px; color : #980101;}

.sub4 .sub_bg {position: relative;}
.sub4 .sub4_txt {position: absolute; top : 130px; left : 320px;}
.sub4 .sub4_txt p {color : #66349a; font-weight: 600;  font-size: 14px; line-height : 20px; font-style : italic;}
.sub4 .sub4_txt p:nth-child(2) {color : #010134; margin-left: 100px;  font-style : inherit;}


.sub_left {width : 153px; height : 130px;}
.sub_left ul li {border-bottom : 2px dotted #999; padding : 9px;}
.sub_left ul li a {font-size: 14px; font-weight: bold; color : #333; background: url('/image/sub_left_1.png') no-repeat left center;  padding-left: 15px;}
.sub_left ul li a:hover {color : #ff6600; font-transition: all 0.3s linear; background: url('/image/sub_left_2.png') no-repeat left center; }

.sub_left_2 {width : 153px; height : 160px;}
.sub_left_2 ul li {border-bottom : 2px dotted #999; padding : 7px; height : 37px; box-sizing : border-box; line-height : 20px;}
.sub_left_2 ul li a {font-size: 14px; font-weight: bold; color : #333; background: url('/image/sub_left_1.png') no-repeat left center;  padding-left: 15px;}
.sub_left_2 ul li a:hover {color : #ff6600; font-transition: all 0.3s linear; background: url('/image/sub_left_2.png') no-repeat left center; }

.sub_left_prod {width : 170px; height : 550px;}
.sub_left_prod>ul>li {border-bottom : 2px dotted #999; padding : 9px;}
.sub_left_prod>ul>li >a { font-weight: bold; color : #333;}
.sub_left_prod>ul>li>a>img {margin-right: 10px;}
.sub_left_prod>ul>li>a:hover {color : #ff6600; font-transition: all 0.3s linear; background: url('/image/sub_left_2.png') no-repeat left center;}
.sub_left_prod>ul>li>a { background: url('/image/sub_left_1.png') no-repeat left center;  padding-left: 15px; font-size : 12px; }
.sub_left_prod>ul>li>ul>li>a:hover {color : #ff6600; font-transition: all 0.3s linear;}
.sub_left_prod>ul>li>ul>li>a {font-size : 12px; color :#2d990d;  font-weight: bold;}


.sub_left_prod_eng>ul>li>a { background: url('/image/sub_left_1.png') no-repeat left center;  padding-left: 15px; font-size : 10.5px; }
.sub_left_prod_eng>ul>li>ul>li>a {font-size : 10.5px; color :#2d990d;  font-weight: bold;}

