@import url(/kr/css/layout.css);

/* Layout */
#wrapper_sub {width:100%;min-width:1100px; 
	/*background:url('../images/top_bg.jpg') repeat-x left top;*/
	/**/background-image:url("../images/sub_body_bg.jpg");
	/**/background-repeat:repeat-x;
	/**/background-position:0 0;
}

#sub_img {background:url(../images/sub_top.jpg) no-repeat center top; height:112px; position:relative;width:1000px; margin:0 auto;text-align:left;}
.visual_sub {}
.visual_text {position:absolute; top:28px;left:750px;}
.visual_text .t1 {font-size:17px;color:#004097;font-weight:bold;}
.visual_text .t2 {font-size:15px;color:#0a2549;font-weight:600; margin-top:10px;}
.visual_text p {margin:0; padding:0;}

.layout {width:1000px; margin:0 auto;overflow:hidden;padding: 30px 0;}
.layout .left {float:left;width:210px;margin-right:40px;}
.layout .left h2 {background:url(../images/left_title_bg.jpg) no-repeat left top;font-size:24px;color:#fff;font-weight:600;text-align:center; padding:26px 0;}
.layout .left ul {margin: 3px 0 0 0;}
.layout .left ul li {margin: 0 0 2px 0;}
.layout .left ul li a:link, .layout .left ul li a:visited {background:#ebebeb;display:block;}
.layout .left ul li a:hover, .layout .left ul li a:focus {background:#004097;display:block;}
.layout .left ul li a:link span, .layout .left ul li a:visited span{display:block;padding:8px 12px 8px 15px;}
.layout .left ul li a:hover span, .layout .left ul li a:focus span {display:block;padding:8px 12px 8px 15px;color:#fff;font-weight:bold;}
.layout .left ul li a.on {background:url(../images/left_gnb_on.jpg) no-repeat right top;display:block;}
.layout .left ul li a.on span {background:url(../images/left_ico_on.gif) no-repeat 10px 12px;display:block;padding:8px 12px 8px 15px;color:#fff;font-weight:bold;}
.layout .con {float:left;width:750px;}

.title {position:relative;background:url(../images/title_bar.jpg) no-repeat left top;padding: 0 0 0 12px;}
.title h3 {font-size:22px;color:#3c3c3c;letter-spacing:-0.05em;font-weight:600;line-height:100%;}
.title .nav {font-size:11px;text-transform:uppercase;color:#9d9d9d;padding: 5px 0;}
.title .nav span {font-size:10px;color:#bbbbbb;text-transform:uppercase;}

#contents {margin:30px 0;}
.tab1 {width:100%;overflow:hidden;}
.tab1 li {float:left;margin:1px 1px;}
.tab1 li a {display:block;background:#efefef;padding: 7px 30px;}
.tab1 li a.on {background:#5dc444;color:#fff;font-weight:bold;}


h4 {background:url(../images/contents/h4_ico.jpg) no-repeat left 10px;padding: 5px 5px 5px 20px;font-weight:600;font-size:16px;}

/*�λ縻*/
.greeting {width:100%;overflow:hidden;}
.greeting .pic {float:left;width:230px;}
.greeting .txt {float:left;width:520px;padding-top:25px;}
.greeting .txt p {line-height:160%;font-size:14px;}
.greeting .txt p.st {font-size:20px;color:#256ac7;font-weight:600;}
.greeting .txt p span {font-weight:600;font-size:14px;color:#ff5a00;}
.greeting .sign {padding: 30px 0 0 0; text-align:right;font-weight:600;}

/*����*/
.history {width:100%;overflow:hidden;margin-top:-30px;background:url(../images/contents/history.jpg) no-repeat left top;padding:230px 0 0 0; }
.history dl {overflow:hidden;border-bottom:1px solid #dedede;padding:8px 0;}
.history dl dt {float:left;width:15%;font-size:25px;color:#256ac7;font-weight:bold;}
.history dl dd {float:left;width:85%;}
.history dl dd ul li {overflow:hidden;padding: 9px 0;border-bottom:1px dotted #bbb;}
.history dl dd ul li.last {border:none;}
.history dl dd .date {display:block;float:left;margin-right:3%;width:10%;font-weight:bold;}
.history dl dd .txt {display:block;float:left;width:87%;}

/*������*/
.organization {margin-top:30px;}

#map_content {line-height:150%;}

/*����о�*/
.business {width:100%;overflow:hidden;background:url(../images/contents/business.jpg) no-repeat left top; padding: 0 0 0 372px;min-height:387px;}
.business ul {padding-left:20px;}
.business ul li {padding:5px 0;}

/*Ư��/����*/
.patent ul {width:100%;overflow:hidden;}
.patent ul li {float:left;width:178px;margin-right:12px;}
.patent ul li p img {width:100%;border:1px solid #e3e3e3;}
.patent ul li p {padding:3px 0 ;text-align:center;min-height:50px;}
.patent ul li.last {margin-right:0;}

.p_pop {display:none; width:400px; height:550px; border:2px solid #ccc;}

.ta1 {width:100%;border-top:3px solid #256ac7;}
.ta1 th {background:#f5f5f5;border-bottom:1px solid #dedede;padding:7px 0;}
.ta1 td {border-bottom:1px solid #dedede;border-left:1px solid #dedede;padding:7px 0;text-align:center;}
.ta1 td.no_left {border-left:none;}


/*�����ü�*/
#company_pic {}
#company_pic h2 {}
#company_pic .anchors {margin-top:10px;overflow:hidden; zoom:1;}
#company_pic .anchors li {float:left; margin-right:4px;margin-bottom:4px;}
#company_pic .anchors li.last { margin-right:0}
#company_pic .anchors li button {border:1px solid #dedede;}
#company_pic .anchors li.current button {border:1px solid #256ac7;cursor:pointer;}
#company_pic .btns {margin:10px 0;}
#company_pic .btns button {}
#company_pic .btns button.left {}
#company_pic .btns button.right {}
#company_pic .btns button.auto {background:orange;}
#company_pic .btns button.stop {background:red;}
#company_pic .list {overflow:hidden;border:1px solid #cfd9e5;padding:10px;}
#company_pic .list li {}
#company_pic .list li p {font-size:15px;font-weight:600;padding:5px;text-align:center;}

/*����ȸ��Ұ�*/
.family {width:100%;overflow:hidden;}
.family .bs_01 {float:left;width:100%;border:1px solid #e6eaf0;background:#e6eaf0;padding:25px;box-sizing:border-box;}
.family .bs_02 {float:left;width:320px;border:1px solid #e6eaf0;padding:25px;}
.family .bs_01 dl dt {font-size:24px;color:#1f4583;font-weight:600;border-bottom:1px solid #c2cbd8;padding: 0 0 8px 0;}
.family .bs_02 dl dt {font-size:24px;color:#256ac7;font-weight:600;border-bottom:1px solid #c2cbd8;padding: 0 0 8px 0;}
.family dl dd {padding: 8px 0 0 0;}
.family dl dd p {font-size:14px;font-weight:600;}
.family dl dd ul {padding: 10px 0 0 10px;color:#585858;}
.family dl dd ul li {padding: 0 0 4px 0 ;}


/*��ǰ�Ұ�*/
.pro {width:100%;overflow:hidden;}
.pro .pic {float:left;width:314px;}
.pro .sm_txt {float:left;width:436px;}
.pro .sm_txt dl {margin-bottom:35px;}
.pro .sm_txt dl dt {font-size:15px;font-weight:600;padding: 0 0 7px 0;}
.pro .sm_txt dl dd table {width:100%;border-top:1px solid #c4c4c4;}
.pro .sm_txt dl dd table th {border-bottom:1px solid #c4c4c4;background:#ecf0f4;padding:8px 8px 8px 15px;text-align:left;}
.pro .sm_txt dl dd table td {border-bottom:1px solid #c4c4c4;padding:8px 8px 8px 15px;}
.pro .sm_txt dl dd ul li {background:url(../images/contents/ico.gif) no-repeat left 12px;padding:6px 6px 6px 12px;line-height:140%;}




/*sitemap*/
.sitemap {overflow:hidden;}
.sitemap dl {float:left;width:23%;margin-right:1%;margin-left:1%;}
.sitemap dl dt {background:#0184e9;}
.sitemap dl dt a {color:#fff;font-weight:600;display:block;padding: 10px;text-align:center;font-size:16px;}
.sitemap dl dd {padding: 10px 0 0 7px;}
.sitemap dl dd ul li {border-bottom:1px dotted #bbb;}
.sitemap dl dd ul li a {display:block;background:url(../images/b_sm_line.gif) no-repeat left 12px;padding:5px 0 5px 10px;font-weight:normal;color:#97999d;}
.sitemap dl dd ul li a:hover {color:#d00000;}