@charset "utf-8";
@import url(reset.css); 

/* sub layout */
#wrap {position:relative; width:100%; overflow:hidden; background:url(../images/bg_sub_top.jpg) repeat-x top left; clear:both}
#navbar {position:absolute; top:50px; left:205px; *zoom:1}
#navbar:after {display:block; clear:both; content:''}
#nav {position:relative; width:100%; height:150px; background:url(../images/sub_layer.png) repeat-x top left}
#container {position:relative; background:url(../images/sub_bg.gif) repeat-x}
#content {position:relative; width:956px; margin:0 auto; padding:0 22px; background:url(../images/bg_76th.jpg) no-repeat 680px 0}
#path {position:relative; padding-top:30px}
#path span {padding-left:19px; background:url(../images/ic_path.gif) no-repeat 8px 3px; color:#afaeae; font-size:11px}
#path strong {padding-left:19px; background:url(../images/ic_path.gif) no-repeat 8px 3px; color:#7d7d7d; font-size:11px}
.ptit {position:relative; padding:28px 0 56px 0}
#section {position:relative; *zoom:1}
#section:after {display:block; clear:both; content:''}
#article {position:relative; float:left; width:720px; padding-right:60px; font-size:12px; line-height:1.5em; color:#959595; text-align:justify; background:url(../images/aside_bg.gif) no-repeat 722px 0}
#sidebar {position:relative; float:right; width:173px}
#footer {position:relative; height:82px; margin:120px auto 0 auto; border-top:1px solid #dadada; background:#fff}
#languages {position:relative; float:right; width:115px}

/* header */
#header {position:relative; width:1000px; height:83px; margin:0 auto}
#logo {position:absolute; top:27px; left:22px}
#utilmenu {position:absolute; top:14px; right:40px; width:170px; *zoom:1}
#utilmenu:after {display:block; clear:both; content:''}
#utilmenu a {position:relative; float:left; display:block; padding:5px 8px 0 0;}
.sbox {position:absolute; top:14px; right:37px; width:150px; border:1px solid #858585}
.itext {width:82px !important; height:14px; border:0 none !important; font-size:11px; color:#666}

/* navigation
#navbar li {position:relative; float:left; width:176px; background:url(../images/navbar_bg.gif) no-repeat right 3px}
#navbar li a {position:relative; display:block; width:176px; height:14px; margin:0 1px; text-align:center}
#navbox {position:relative; width:1000px; margin:0 auto}
.navcopy {position:absolute; top:42px; left:28px}
#menu {position:absolute; top:0; left:204px; width:762px; *zoom:1}
#menu:after {display:block; clear:both; content:''}
#menu ul {position:relative; float:left; width:140px; height:139px; padding:11px 0 0 35px; background:none}
#menu ul.up {background:url(../images/menu_ul_bg.gif) repeat-x top left #113d75}
#menu ul a {position:relative; display:block; width:102px; height:16px; margin:0 0 3px 0}  

/* footer */
#footer_comm {position:relative; width:1000px; margin:22px auto}
#footer_comm .mark {position:absolute; top:6px; right:0; width:60px}

/* sub common */
.show {display:block;}
.hide {display:none}
.category {display:none}

/* Introduction */
.overview {position:relative; margin:20px 0}
.overview span {float:left; display:inline-block; margin:0 20px 20px 0}
.overview img {display:block}

/* History */
.tab_history {position:relative}
.tab_history ul {position:relative; margin-bottom:30px; background:url(../images/tab_history_bg.gif) no-repeat bottom right; *zoom:1}
.tab_history ul:after {display:block; clear:both; content:''}
.tab_history li {position:relative; float:left; width:240px; height:61px; cursor:pointer}
.tab_history li.tab1 {background:url(../images/tab_history_01.gif) no-repeat}
.tab_history li.tab2 {background:url(../images/tab_history_02.gif) no-repeat}
.tab_history li.tab1.on, .tab_history li.tab2.on {background-position:0 -61px}
.tab_history li > span {position:absolute; visibility:hidden}
.tab_history > div {position:relative}
.tab_history p {position:absolute; width:63px; height:23px}



/* GLOBAL DAIHAN INK */
.tab_vietnam {position:relative}
.tab_vietnam ul {position:relative; margin-bottom:50px; *zoom:1}
.tab_vietnam ul:after {display:block; clear:both; content:''}
.tab_vietnam li {position:relative; float:left; width:360px; height:36px; cursor:pointer}
.tab_vietnam li.tab1 {background:url(../images/tab_vietnam_01.gif) no-repeat}
.tab_vietnam li.tab2 {background:url(../images/tab_vietnam_02.gif) no-repeat}
.tab_vietnam li.tab1.on, .tab_vietnam li.tab2.on {background-position:0 -36px}
.tab_vietnam li > span {position:absolute; visibility:hidden}
.tab_vietnam .vit {width:100%; float:left;}
.tab_vietnam .vit h4 {width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd}
.tab_vietnam .vit .vit_img {margin-top:30px; width:300px; float:left;}
.tab_vietnam .vit .vit_img02 {width:100%; float:left; margin:40px 0 20px 0; }
.tab_vietnam .vit .text {width:400px; margin-top:30px; float:right;}
.tab_vietnam .vit .vit_table td{text-align:left; padding-left:10px;}



/* Production */
.production {position:relative; margin-top:35px}
.production.firstbox {margin:0 !important}
.production .thum {float:left; width:195px;}
.production .thum_copy {float:left; width:520px}
.thum_copy img {display:block; padding-bottom:12px}
.thum_copy a, .thum_copy a:hover {display:block; padding-bottom:3px; font-size:12px; font-weight:bold; color:#7b7b7b; text-decoration:none; cursor:default}
.production p {padding:12px 0 28px 0; background:url(../images/prd_line.gif) no-repeat left bottom; clear:both}

/* Product Information */
.tab_prdinfo {position:relative}
.tab_prdinfo ul {position:relative; margin-bottom:50px; *zoom:1}
.tab_prdinfo ul:after {display:block; clear:both; content:''}
.tab_prdinfo li {position:relative; float:left; width:143px; height:42px; cursor:pointer}
.tab_prdinfo li.tab1 {background:url(../images/tab_prdinfo_01.gif) no-repeat}
.tab_prdinfo li.tab2 {background:url(../images/tab_prdinfo_02.gif) no-repeat}
.tab_prdinfo li.tab3 {background:url(../images/tab_prdinfo_03.gif) no-repeat}
.tab_prdinfo li.tab4 {background:url(../images/tab_prdinfo_04.gif) no-repeat}
.tab_prdinfo li.tab5 {background:url(../images/tab_prdinfo_05.gif) no-repeat}
.tab_prdinfo li.tab6 {background:url(../images/tab_prdinfo_06.gif) no-repeat}
.tab_prdinfo li.tab7 {background:url(../images/tab_prdinfo_07.gif) no-repeat}
.tab_prdinfo li.tab8 {background:url(../images/tab_prdinfo_08.gif) no-repeat}
.tab_prdinfo li.tab9 {background:url(../images/tab_prdinfo_09.gif) no-repeat}
.tab_prdinfo li.tab10 {background:url(../images/tab_prdinfo_10.gif) no-repeat}
.tab_prdinfo li.tab1.on, .tab_prdinfo li.tab2.on, .tab_prdinfo li.tab3.on, .tab_prdinfo li.tab4.on, .tab_prdinfo li.tab5.on,
.tab_prdinfo li.tab6.on, .tab_prdinfo li.tab7.on, .tab_prdinfo li.tab8.on, .tab_prdinfo li.tab9.on, .tab_prdinfo li.tab10.on {background-position:0 -42px}
.tab_prdinfo li > span {position:absolute; visibility:hidden}
.prdinfo {position:relative; display:none; *zoom:1}
.prdinfo:after {display:block; clear:both; content:''}
.prdinfo .thum {float:left; width:192px}
.prdinfo .thum_copy {float:left; width:520px}
.prdinfo .thum_copy span {display:block; padding-bottom:20px}

/* Technical */
.tech {position:relative; margin-bottom:36px}
.tech ul, .tech dl {position:relative; margin-top:20px}
.tech li, .tech dt {padding-left:11px; background:url(../images/bul_li.gif) no-repeat 1px 8px}
.tech p, .tech dd {padding:6px 0}
.tech strong {color:#5383c1}
.tech span {color:#4e90a9}

/* Printing & Ink */
.tab_printing {position:relative}
.tab_printing ul {position:relative; margin-bottom:50px; *zoom:1}
.tab_printing ul:after {display:block; clear:both; content:''}
.tab_printing li {position:relative; float:left; width:180px; height:36px; cursor:pointer}
.tab_printing li.tab1 {background:url(../images/tab_printing_01.gif) no-repeat}
.tab_printing li.tab2 {background:url(../images/tab_printing_02.gif) no-repeat}
.tab_printing li.tab3 {background:url(../images/tab_printing_03.gif) no-repeat}
.tab_printing li.tab4 {background:url(../images/tab_printing_04.gif) no-repeat}
.tab_printing li.tab1.on, .tab_printing li.tab2.on, .tab_printing li.tab3.on, .tab_printing li.tab4.on {background-position:0 -36px}
.tab_printing li > span {position:absolute; visibility:hidden}

/* Types of Printing */
.tab_print {position:relative}
.tab_print ul {position:relative; margin-bottom:50px; *zoom:1}
.tab_print ul:after {display:block; clear:both; content:''}
.tab_print li {position:relative; float:left; width:144px; height:36px; cursor:pointer}
.tab_print li.tab1 {background:url(../images/tab_print_01.gif) no-repeat}
.tab_print li.tab2 {background:url(../images/tab_print_02.gif) no-repeat}
.tab_print li.tab3 {background:url(../images/tab_print_03.gif) no-repeat}
.tab_print li.tab4 {background:url(../images/tab_print_04.gif) no-repeat}
.tab_print li.tab5 {background:url(../images/tab_print_05.gif) no-repeat}
.tab_print li.tab1.on, .tab_print li.tab2.on, .tab_print li.tab3.on, .tab_print li.tab4.on, .tab_print li.tab5.on {background-position:0 -36px}
.tab_print li > span {position:absolute; visibility:hidden}

.data_table {position:relative; margin:6px 0 32px 0; font-size:12px}
.data_table table {position:relative; width:100%; border:0; border-top:1px solid #51719a; table-layout:fixed}
.data_table caption {display:none}
.data_table th {padding:9px 0; color:#6d7e94; background:#eff4fb; border-top:1px solid #fff; border-right:1px solid #9aaec7; border-bottom:1px solid #cfcfcf; text-align:center}
.data_table td {padding:9px 0; text-align:center; color:#808080; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.data_table th.right, .data_table td.right {border-right:0 none}
.data_table td.last {border-bottom:1px solid #a9a9a9 !important}

/* Types of Ink */
.tab_ink {position:relative}
.tab_ink ul {position:relative; margin-bottom:50px; *zoom:1}
.tab_ink ul:after {display:block; clear:both; content:''}
.tab_ink li {position:relative; float:left; width:144px; height:36px; cursor:pointer}
.tab_ink li.tab1 {background:url(../images/tab_ink_01.gif) no-repeat}
.tab_ink li.tab2 {background:url(../images/tab_ink_02.gif) no-repeat}
.tab_ink li.tab3 {background:url(../images/tab_ink_03.gif) no-repeat}
.tab_ink li.tab4 {background:url(../images/tab_ink_04.gif) no-repeat}
.tab_ink li.tab5 {background:url(../images/tab_ink_05.gif) no-repeat}
.tab_ink li.tab1.on, .tab_ink li.tab2.on, .tab_ink li.tab3.on, .tab_ink li.tab4.on, .tab_ink li.tab5.on {background-position:0 -36px}
.tab_ink li > span {position:absolute; visibility:hidden}
.tab_ink p {position:relative; margin-bottom:50px}

/* Sitemap */
.sitemap {position:relative; *zoom:1}
.sitemap:after {display:block; clear:both; content:''}
.sitemap div {position:relative; float:left; width:159px; height:289px; margin-right:28px;}
.sitemap div.right {margin:0 !important}


/* BBS List */
.bbs {position:relative}
.bbs h3 {display:none}
.bbs ul {font:normal 12px dotum; color:#727272}
.bbs li {position:relative; height:20px; padding-top:10px; border-bottom:1px solid #eee; *zoom;1}
.bbs li:after {display:block; clear:both; content:''}
.bbs li.h_header {height:32px; padding:0; background:url(../images/bbs_th.gif) no-repeat top right; border:none}
.bbs li.h_header span {height:23px; padding-top:9px; color:#3c3c3c; background:url(../images/bbs_th_line.gif) no-repeat top left;}
.bbs li span.h_num {width:64px; background:url(../images/bbs_th_left.gif) no-repeat top left; font-size:11px}
.bbs li.last {border-bottom:1px solid #cacaca}
.bbs li span {position:relative; float:left; display:block; height:14px; text-align:center; color:#a8a8a8}
.bbs li span.num {width:64px; color:#a6a6a6;}
.bbs li span.h_author {width:70px; font-size:11px}
.bbs li a.staff_topic {float:left; display:block; width:375px; padding-left:15px; color:#737373}
.bbs li span.author {width:70px}
.bbs li span.h_notice {width:460px; font-size:11px}
.bbs li span.h_incruit_topic {width:420px; font-size:11px}
.bbs li span.h_inquire {width:340px; font-size:11px}
.bbs li span.h_cday {width:106px; font-size:11px}
.bbs li span.h_cate {width:70px; font-size:11px; color:#636363}
.bbs li span.h_view {width:66px; font-size:11px}
.bbs li span.h_deadline {width:80px; font-size:11px}
.bbs li span.h_proc {width:80px; font-size:11px}
.bbs li a.notice {float:left; display:block; width:445px; padding-left:15px; color:#737373}
.bbs li a.incruit_topic {float:left; display:block; width:405px; padding-left:15px; color:#737373}
.bbs li a.inquire_topic {float:left; display:block; width:325px; padding-left:15px; color:#737373}
.bbs li span.re {float:left; display:block; width:340px; padding-top:1px; text-align:left; color:#a4a4a4; background:url(../images/re.gif) no-repeat 15px -1px;}
.bbs li span.re a {padding-left:46px; color:#a4a4a4}
.bbs li span.cate {width:70px}
.bbs li span.cday {width:106px}
.bbs li span.deadline {width:80px}
.bbs li span.proc {width:80px; color:#bc2323}
.bbs li span.view {width:66px}
a.inquire_topic em {color:#f00}

/* BBS Search */
.bbs_search {position:relative; padding:15px 0; text-align:center; background:#f2f2f2}
.bbs_search select {width:78px; height:18px; font-size:12px; color:#abadb3}
.bbs_search input.itext {width:283px !important; height:18px; font-size:12px; background:#fff; border:1px solid #abadb3 !important}

/* BBS button */
.button {position:relative; padding:15px 0 20px 0; *zoom:1}
.button:after {display:block; clear:both; content:''}
.button.line {border-top:1px solid #c1c1c1}
.fright {display:block; float:left}
.fright {display:block; float:right}

.bbs_write {position:relative;}
.bbs_write h3, .bbs_write legend, .bbs_write caption {display:none;}
.bbs_write table {width:100%; border-top:1px solid #cacaca;}
.bbs_write th {width:149px; padding:0; color:#696969; font-size:11px; background:#f6f6f6; border-bottom:1px dotted #ccc; text-align:center}
.bbs_write td {padding:3px 11px; font-size:11px; border-bottom:1px dotted #ccc}
.bbs_write th.last, .bbs_write td.last {border-bottom:1px solid #cacaca}
.bbs_write input, .bbs_write textarea {padding:3px 5px; font:normal 12px dotum; color:#6c6c6c; border:1px solid #cecece !important}
.bbs_write input.itext {_height:16px}
.bbs_write textarea {width:520px; height:203px;}
.bbs_write select {height:20px; padding:0 0 0 5px; font:normal 12px dotum; color:#6c6c6c; border:1px solid #cecece}
.bbs_write .item {display:inline-block; margin:3px 20px 3px 2px; font-size:11px; color:#838383}
.bbs_write .q_pw {padding:6px 0; font-size:11px; color:#666}

/* Pagination */
.pagination {position:relative; padding:32px 0; text-align:center; }
.pagination span, .pagination a {padding:0 6px 0 5px;font-weight:bold; font-size:12px; color:#6c6c6c; background:url(../images/pagination_bg.gif) no-repeat right 5px}
.pagination span {color:#1273ef}
.pagination img {padding-top:3px}
.pagination .prev, .pagination .next, .pagination .page_last {background:none}

/* BBS Content */
.bbs_view {position:relative;}
.bbs_view h3 {display:none}
.bbs_view_header {position:relative; height:60px; font-size:11px; background:url(../images/bbs_view_bg.gif) no-repeat top right}
.bbs_view_header dl.topic {position:relative; height:60px; background:url(../images/bbs_view_left.gif) no-repeat top left}
.bbs_view_header dt {width:59px; height:15px; background:url(../images/bbs_view_tit.gif) no-repeat top right; text-align:center }
.bbs_view_header dd {font-size:11px; color:#4c4c4c}
.bbs_view_header dl.topic dt {position:absolute; top:9px; left:4px; }
.bbs_view_header dl.topic dd {position:absolute; top:8px; left:83px; width:610px; height:15px; }
.bbs_view_header dl.date {position:absolute; top:37px; left:4px; width:393px; height:15px}
.bbs_view_header dl.date dt {position:absolute; top:0; left:0;}
.bbs_view_header dl.date dd {position:absolute; top:0; left:80px; width:309px; height:15px; background:url(../images/bbs_view_tit.gif) no-repeat top right;}
.bbs_view_header dl.field {position:absolute; top:37px; left:392px;}
.bbs_view_header dl.field dd {position:absolute; top:0; left:80px; width:160px; height:15px;}
.bbs_content {position:relative; padding:28px 23px; font-size:12px; line-height:1.6em; color:#7f7f7f; min-height:260px; border-bottom:1px solid #eee}
.bbs_content img {margin-bottom:10px}
.img_file {padding:8px 20px 6px 23px; font-size:11px; border-bottom:1px solid #cacaca}
.file_tit {position:inline-block; padding-right:30px; color:#696969; background:url(../images/file_tit.gif) no-repeat right}
.file {position:inline-block; padding-left:10px}
.file img {padding-right:4px; vertical-align:middle}
.file a {color:#696969}
.reply_admin {position:relative; padding:20px 20px 10px 23px; font-size:12px; color:#727272; background:url(../images/admin_line.gif) repeat-x left bottom}
.admin_tit {display:inline-block; padding-right:30px; font-weight:bold; background:url(../images/file_tit.gif) no-repeat right}
.admin_date {display:inline-block; padding-left:10px}
.reply_txt {position:relative; padding:19px 20px 18px 47px; font-size:12px; line-height:1.6em; color:#727272; border-bottom:1px solid #eee; background:url(../images/ico_reply.gif) no-repeat 12px 20px}
.rbox {position:relative; margin:40px 0 20px 0; padding:10px; background:#f7f7f7; border:1px solid #dcdcdc}
.rbox_tit {position:relative; padding:0 0 0 4px; font-size:11px; font-weight:bold; color:#626262}
.rbox_tit .item {padding-right:20px}
.rbox_tit .itext {width:100px; height:16px; font-size:11px; background:#fff; border:1px solid #e5e5e5 !important}
.reply {position:relative; margin:6px 0 10px 0}
.reply textarea {width:630px; height:42px; font-size:11px; background:#fff; border:1px solid #e5e5e5}
.rbox_reg {position:absolute; top:0; right:3px}


/**/

#navbar {position:absolute;float:left; top:48px; left:190px; *zoom:1}
#navbar li {float:left; text-align:center;}
#navbar li.m01 {width:140px;  background:url(../images/navbar_bg.gif) no-repeat right 3px}
#navbar li.m02 {width:160px;  background:url(../images/navbar_bg.gif) no-repeat right 3px}
#navbar li.m05 {width:200px;  background:url(../images/navbar_bg.gif) no-repeat right 3px}
#navbar li.m03 {width:160px;  background:url(../images/navbar_bg.gif) no-repeat right 3px} 
#navbar li.m04 {width:140px;  background:url(../images/navbar_bg.gif) no-repeat right 3px} 


#navbox {position:relative; width:1100px; margin:0 auto}
#navbox .navcopy {position:absolute; top:42px; left:68px}
#menu {position:absolute; top:0; left:245px; width:840px; *zoom:1}
#menu:after {display:block; clear:both; content:''}
#menu ul {position:relative; float:left; width:135px; height:150px; padding:11px 0 0 0; background:none}
#menu ul.up {background:url(../images/menu_ul_bg.gif) repeat-x top left #113d75}
#menu ul a {position:relative; display:block; width:102px; height:16px; margin:0 0 3px 0}  

#menu ul.sm01 {box-sizing:border-box; width:140px; padding-left:10px}
#menu ul.sm02 {box-sizing:border-box; width:160px; padding-left:10px}
#menu ul.sm05 {box-sizing:border-box; width:200px; padding-left:25px}
#menu ul.sm03 {box-sizing:border-box; width:160px; padding-left:10px}
#menu ul.sm04 {box-sizing:border-box; width:140px; padding-left:10px}

.wcoating_table{width:100%;border-top:1px solid #d9d9d9;margin-top:20px}
.wcoating_table th{background:#4f5569;color:#fff;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:8px 4px}
.wcoating_table td{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:8px 4px;text-align:center;}
.wcoating_table th.no_line, .wcoating_table td.no_line{border-right:none}
.wcoating_table td.t{background:#ecf4f8;color:#627b87}
.wcoating_img{text-align:center;margin-top:20px;border:2px solid #d9d9d9;padding:10px}
.marT10{margin-top:10px}
.marT20{margin-top:20px}
.marT40{margin-top:40px}
.w_sub_b_s{color:#627b87;font-weight:bold}
.v_sub_b_t{color:#1755a5;font-size:14px;font-weight:bold}
.v_sub_b_t02 {font-family:Arial, Helvetica, sans-serif;}

.viet_table {margin-top:18px;  -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  border-color: #51719a currentcolor currentcolor;    border-image: none;  border-style: solid none none;  border-width: 1px 0 0; position: relative;  table-layout: fixed; width: 100%;}
.viet_table td { border-bottom: 1px solid #cfcfcf;  color: #808080;  padding: 9px 10px;  text-align: left;}
.viet_table th.right, .viet_table td.right {  border-right: 0 none;}
.viet_table td.last { border-bottom: 1px solid #a9a9a9;}
.viet_table td.t{ background:#eff4fb;border-right:1px solid #9aaec7;color:#6d7e94;text-align:center;font-weight:bold}
.tab_vietnam02 .vit {*zoom:1}
.tab_vietnam02 .vit:after {display:block; clear:both; content:''}
.tab_vietnam02 .vit h4 { border-bottom: 1px dotted #ddd;  margin-bottom: 20px;  padding-bottom: 20px;  width: 100%;}
.tab_vietnam02 .vit .vit_img {  float: left;  margin-top: 30px;  width: 300px;}
.tab_vietnam02 .vit .vit_img02 {   float: left;   margin: 40px 0 20px;   width: 100%;}
.tab_vietnam02 .vit .text {   float: right;  margin-top: 30px;   width: 400px;}
.tab_vietnam02 .vit .text02 {font-family:Arial, Helvetica, sans-serif;}
.tab_vietnam02 .vit .vit_table td {  padding-left: 10px;  text-align: left;}