@charset "utf-8";


/* ==========================================================================
    kor styles
   ========================================================================== */

/*** title styles ***/
.title_3depth {margin:35px 0 10px; font-size:20px; color:#222; font-weight:700;}
.title_4depth {margin:30px 0 10px; font-size:17px; color:#111; font-weight:normal;}    
	.title_4depth.mar_b15 {margin:0 0 15px;}


/*** tab styles ***/
.tab_menu {position:relative; margin-bottom:30px; width:970px; background:url("/html/static/img/common/bg/bg_tab_line.gif") repeat-x 0 100%;}
.tab_menu:after {content:""; display:block; clear:both;}
	.tab_menu.mar_b72 {margin-bottom:72px;}
	.tab_menu ul {width:970px; height:38px;}
	.tab_menu li {float:left;}
	.tab_menu li a {display:block; padding:8px 0 0; width:153px; height:29px; font-size:14px; color:#555; font-weight:700; text-align:center; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#eee;}
	.tab_menu li.first a {border-left:1px solid #dcdcdc;}
	.tab_menu li a.active {position:relative; margin-left:-1px; height:30px; color:#21891c; border:1px solid #4db848; border-bottom:0 none; background-color:#fff;}
	.tab_menu li.first a.active {margin-left:0;}

	.tab_menu ul ul {position:absolute; top:48px; left:0; padding-bottom:9px; width:100%; height:auto; border-bottom:1px solid #d9d9d9;}
	.tab_menu li li {padding:0 20px; background:url("/html/static/img/common/bg/bg_tab_subline.gif") no-repeat 0 4px;}
	.tab_menu li li a {display:inline; padding:0; width:auto; height:auto; font-size:13px; color:#666; font-weight:normal; border:0 none; background:none;}
	.tab_menu li.first li.first {background:none;}
	.tab_menu li.first li a {border:0 none;}
	.tab_menu li li a.active {margin-left:0; color:#333; font-weight:700; background:none;}


/*** product ***/
.product_list {position:relative; margin:18px -40px 0 0; overflow:hidden;}
	.product_list li {margin-right:40px; float:left;}
	.product_list li img {width:212px; height:140px;}

.product_line_list {position:relative; margin:0 -40px 0 0; overflow:hidden;}
	.product_line_list li {margin-right:40px; float:left; width:210px; border:1px solid #d9d9d9;}
	.product_line_list li img {width:210px; height:138px; vertical-align:top;}


/*** 연구/기술 ***/
.process_title {margin-bottom:8px; font-size:20px; color:#222; font-weight:700;}
	.process_title span {font-size:17px; color:#111; font-weight:normal;}

/* 공정도 */
.process_menu {margin-bottom:10px; width:970px;}
.process_menu:after {content:""; display:block; clear:both;}
	.process_menu li {float:left;}
	.process_menu li a {display:block; margin:0 1px 1px 0; padding:19px 0 0 55px; width:100px; height:37px; color:#444; line-height:16px; border:3px solid #d8d8d8; background-position:17px 14px !important;}
	.process_menu .process1 a {background:url("/html/static/img/contents/research/ico_process1.gif") no-repeat;}
	.process_menu .process2 a {background:url("/html/static/img/contents/research/ico_process2.gif") no-repeat;}
	.process_menu .process3 a {background:url("/html/static/img/contents/research/ico_process3.gif") no-repeat;}
	.process_menu .process4 a {background:url("/html/static/img/contents/research/ico_process4.gif") no-repeat;}
	.process_menu .process5 a {background:url("/html/static/img/contents/research/ico_process5.gif") no-repeat;}
	.process_menu .process6 a {margin:0 0 1px 0; padding:19px 0 0 54px; width:100px; background:url("/html/static/img/contents/research/ico_process6.gif") no-repeat;}
	.process_menu .process7 a {background:url("/html/static/img/contents/research/ico_process7.gif") no-repeat;}
	.process_menu .process8 a {background:url("/html/static/img/contents/research/ico_process8.gif") no-repeat;}
	.process_menu .process9 a {background:url("/html/static/img/contents/research/ico_process9.gif") no-repeat;}
	.process_menu .process10 a {padding-top:12px; height:44px; background:url("/html/static/img/contents/research/ico_process10.gif") no-repeat;}
	.process_menu .process11 a {background:url("/html/static/img/contents/research/ico_process11.gif") no-repeat;}
	.process_menu .process12 a {margin:0 0 1px 0; padding:19px 0 0 54px; width:100px;  background:url("/html/static/img/contents/research/ico_process12.gif") no-repeat;}
	.process_menu li a.active {color:#21891c; border:3px solid #4db848;}

.process_view {margin-bottom:14px; text-align:right;}
	.process_view a {width:132px;}

.total_process {margin-bottom:34px; border:1px solid #d2d2d2;}
	.total_process img {vertical-align:top;}

.process_step {width:970px; overflow:hidden;}
	.process_step dt {margin-bottom:9px; font-size:17px; color:#111;}
	.process_step dd {margin-bottom:20px; font-size:14px;}

.process_text {margin-bottom:30px; font-size:14px;}

.shearing_pic {margin:0 -40px 50px 0; overflow:hidden;}
	.shearing_pic dl {margin-right:40px; float:left;}
	.shearing_pic dt {margin-bottom:14px; font-size:17px; color:#111;}

.procedure {margin-bottom:9px;}
	.procedure dt {margin-bottom:15px; font-size:17px; color:#111;}
	.procedure .mar_l123 {margin-left:123px;}
	.procedure .mar_l80 {margin-left:80px;}

.pattern_step {margin-bottom:21px; width:970px; overflow:hidden;}
	.pattern_step.mar_b36 {margin-bottom:36px;}
	.pattern_step dt {margin-bottom:10px; padding-left:14px; font-size:15px; color:#111; background:url("/html/static/img/common/bul/bul_arr_green.gif") no-repeat 0 9px;}
	.pattern_step dd {padding-left:14px; font-size:14px;}

.pattern_pic {margin:0 -40px 50px 0; overflow:hidden;}
	.pattern_pic li {margin-right:40px; float:left; font-size:14px; color:#111; text-align:center;}

.step_left {float:left; width:455px;}
.step_right {float:right; width:455px;}


/* 연구개발 현황 */
.research_status {margin-bottom:28px; width:970px;}
	.research_status:after {content:""; display:block; clear:both;}
	.research_status .pic {float:left; width:436px;}
	.research_status .description {float:right; width:504px;}
	.research_status .description h3 {margin:-6px 0 12px;}
	.research_status .description li {margin-bottom:18px; padding-left:15px; font-size:15px; line-height:1; background:url("/html/static/img/common/bul/bul_arr_green.gif") no-repeat 0 3px;}
	.research_status .description li.last {margin-bottom:0;}

.research_history {margin-bottom:54px;}
	.research_history h3 {margin:0 0 16px;}
	.research_history .history_inner {width:970px; background:url("/html/static/img/contents/research/bg_research_history2.gif") no-repeat 226px 15px;}
	.research_history .history_inner dl {overflow:hidden;}
	.research_history .history_inner dt {padding:12px 0 9px; float:left; width:187px; font-size:30px; color:#1c7ce6; font-weight:700; text-align:right;}
	.research_history .history_inner dd {padding:21px 0; float:right; width:686px; font-size:17px; color:#111; background:url("/html/static/img/common/bg/bg_research_dot_line.gif") repeat-x 0 100%;}
	.research_history .history_inner dd span {margin-right:17px;}
	.research_history .history_inner ul {margin-top:5px;}
	.research_history .history_inner li {font-size:14px; color:#666; line-height:2.2;}
	.research_history .history_inner dl.year2014 dd {padding:21px 0 4px; line-height:2.3; background:none;}
	.research_history .history_inner dl.year2014 ul {margin-top:0;}

	.research_facilities h3 {margin:0 0 10px;}
	.research_facilities p {font-size:14px;}


/*** 품질환경 ***/
/* 이미지 텍스트 */
.pic_text {width:970px;}
.pic_text:after {content:""; display:block; clear:both;}
	.pic_text .picture {float:left;}
	.pic_text .picture_right {position:relative; overflow:hidden;}
	.pic_text .picture_right dt {margin-bottom:7px;}
	.pic_text .picture_right dd {font-size:14px; line-height:1.75;} 
	.pic_text .picture_right .btn_down {margin-top:15px;}

	.pic_text .mar_r30 {margin-right:30px;}
	.pic_text .mar_r39 {margin-right:39px;}
	.pic_text .mar_r57 {margin-right:57px;}

/* 인증기관 */
.certification_title {margin:0 0 15px; font-size:20px; color:#222;}

.certification {padding:0 0 10px; background:url("/html/static/img/contents/quality/bg_certification.gif") repeat-x 0 100%;}
.certification:after {content:""; display:block; clear:both;}
	.certification .certification_inner {position:relative; float:left; height:213px; background:url("/html/static/img/contents/quality/bg_certification_book.gif") no-repeat 100% 100%;}
	.certification .certification_inner dl {position:absolute; top:87px; line-height:1.4;}
	.certification .certification_inner dt {font-size:14px; color:#333; font-weight:700;}
	.certification .certification_inner dd {margin-bottom:4px; font-size:12px;}

	/* BVQI 국제인증 */
	.certification.bvqi .certification_inner {margin-left:20px; width:453px;} 
	.certification.bvqi dl {left:319px;}

	/* 한국품질재단 (KFQ) */
	.certification.kfq {margin-left:82px; width:765px;}
	.certification.kfq .certification_inner {margin-left:57px; width:306px;} 
	.certification.kfq .certification_inner.last {margin-left:71px;}
	.certification.kfq dl {left:172px;}

	/* 한국품질재단 (KFQ) - 2,3공장 분리*/
	.certification.kfq2 {margin-left:12px; width:1000px;}
	.certification.kfq2 .certification_inner {margin-left:20px; width:302px;} 
	.certification.kfq2 .certification_inner.last {margin-left:20px;}
	.certification.kfq2 dl {left:162px;}	

/* 온실가스.에너지 */
.greenhouse_gas {margin-bottom:30px;}
	.greenhouse_gas dt {margin-bottom:8px;}
	.greenhouse_gas dd {font-size:14px; line-height:1.75;}

.graph_gas {margin:0 0 65px;}
	.graph_gas figure {margin-top:5px;}
	.graph_energy figure {margin-top:5px;}


/*** 투자정보 ***/
/* 일반정보 */
.info_text {margin-bottom:32px; line-height:1;} 
	.info_text strong {font-size:22px; color:#1c7ce6;}
	.info_text img {vertical-align:top;}

.info_title {margin-bottom:15px; font-size:20px; color:#222; font-weight:700;}
.info_date {margin:-20px 0 10px; text-align:right; line-height:1;}

.info_board_list {margin-bottom:50px;}
	.info_board_list table th {text-align:center;}

.chart_shareholder1 {margin-bottom:47px; text-align:center;}

.chart_shareholder2 {margin-bottom:48px; width:970px;}
.chart_shareholder2:after {content:""; display:block; clear:both;}
	.chart_shareholder2 .info_title {margin-bottom:25px;}
	.chart_shareholder2 .ordinary {float:left; width:416px;}
	.chart_shareholder2 .preferred_stock {float:right; width:417px;}

.chart_board_list {margin-bottom:33px;}


/* 주가정보 */
.current_frame {width:970px; height:794px;}
.daily_frame {width:970px; height:1038px;}
.chart_frame {width:970px; height:611px;}
.foreign_frame {width:970px; height:1135px;}

/* 공시 */
.disclosure_frame {padding:40px 97px; width:774px; height:895px; border:1px solid #c6c6c6;}
	.disclosure_frame iframe {width:744px; height:895px;}  

/* IR 개최현황 */
.ir_hold {margin-bottom:15px; width:968px; border-top:3px solid #5a5a5a; border-right:1px solid #bababa; border-bottom:1px solid #bababa; border-left:1px solid #bababa; background:#fbfbfb url("/html/static/img/common/bg/bg_irhold_line.gif") repeat-y 524px 0;}
.ir_hold:after {content:""; display:block; clear:both;}
	.ir_hold .calender_con {float:left; width:524px; line-height:1;}
	.ir_hold .calender_con .year {position:relative; margin:0 auto; padding:14px 0 0; width:125px; height:35px;}
	.ir_hold .calender_con .year a {margin-top:3px; float:left;}
	.ir_hold .calender_con .year span {float:left; margin:0 15px 0 16px; font-size:19px; color:#333; font-weight:800;} 

	.ir_hold .calender_con .calender {border-top:1px solid #a3a3a3;}
	.ir_hold .calender_con .calender th {height:30px; color:#111; font-weight:normal; vertical-align:middle; border-bottom:1px solid #cecece; border-left:1px solid #e2e2e2;}
	.ir_hold .calender_con .calender td {font-size:14px; color:#767676; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
	.ir_hold .calender_con .calender td a {display:block; padding:9px; height:52px; color:#767676;}
	.ir_hold .calender_con .calender td a span {display:block; margin-top:5px; color:#767676; width:55px; font-size:12px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}

	.ir_hold .calender_con .calender th.sun,
	.ir_hold .calender_con .calender td.sun {color:#dc2e38; border-left:0;}
	.ir_hold .calender_con .calender td.sun a {color:#dc2e38;}

	.ir_hold .calender_con .calender .today {background-color:#e7e7e7;}
	.ir_hold .calender_con .calender .event {position:relative; margin:-1px; border:1px solid #4db848;}
	.ir_hold .calender_con .calender a:active,
	.ir_hold .calender_con .calender a:focus,
	.ir_hold .calender_con .calender td.sun a:active,
	.ir_hold .calender_con .calender td.sun a:focus,
	.ir_hold .calender_con .calender .active,
	.ir_hold .calender_con .calender td.sun a.active {position:relative; margin:-1px; color:#fff; border:1px solid #2f902a; background-color:#2f902a;}
	.ir_hold .calender_con .calender .active span, 
	.ir_hold .calender_con .calender td.sun a.active span {color:#fff;}

	.ir_hold .description {padding:12px 40px; float:right; width:364px; min-height:411px; height:auto !important; /*background:#fbfbfb url("/html/static/img/common/bg/bg_irhold_line.gif") repeat-y 0 0;*/}
	.ir_hold .description dl {padding:19px 0 22px; width:363px; background:url("/html/static/img/common/bg/bg_irhold_dot_line.gif") repeat-x 0 0;}
	.ir_hold .description dl.first {background:none;}
	.ir_hold .description dt {margin-bottom:8px; font-size:20px; color:#222; font-weight:700;}
	.ir_hold .description dd {width:100%; font-size:14px; color:#767676; overflow:hidden;}
	.ir_hold .description dd span { /*width:324px;*/ overflow:hidden;}
	.ir_hold .description dd span.first {margin-right:5px; float:left; /*width:39px;*/}

.ir_date {overflow:hidden;}
	.ir_date li {float:left; margin-right:20px; padding-left:20px; font-size:14px; color:#767676;}
	.ir_date li.today {background:url("/html/static/img/contents/invest/ico_today.gif") no-repeat 0 5px;}
	.ir_date li.event {background:url("/html/static/img/contents/invest/ico_event.gif") no-repeat 0 5px;}
	.ir_date li.selection {background:url("/html/static/img/contents/invest/ico_selection.gif") no-repeat 0 5px;}


/*** 개인정보보호 ***/
.answer_title {margin-bottom:30px;}
.personal_title {margin-bottom:15px; font-size:20px; color:#000; font-weight:700;}
	.personal_title span {margin-left:9px; font-size:14px; color:#666; font-weight:normal;}

.personal_box {margin-bottom:40px; padding:25px 0 0; border:1px solid #ccc;}
	.personal_box dl {margin:0 29px 30px;}
	.personal_box dl.last {margin:0 29px 20px;}
	.personal_box dt {margin-bottom:10px; font-size:16px; color:#21891c; font-weight:700;}
	.personal_box .consent {padding:7px 0; font-size:14px; color:#010101; text-align:center; border-top:1px solid #ccc; background-color:#fdfdfd;}
		.personal_box .consent input {margin-right:10px;}


/*** 사이트맵 ***/
.sitemap:after {content:""; display:block; clear:both;}
	.sitemap.top {margin-bottom:35px;}
	.sitemap dl {position:relative; margin-right:90px; float:left; width:163px;}
	.sitemap dl.last {margin-right:0;}
	.sitemap dt {margin-bottom:15px; padding-bottom:13px; font-size:20px; color:#1775de; font-weight:700; border-bottom:3px solid #1775de;}
	.sitemap dd {margin-bottom:5px; font-size:16px; color:#111;}
	.sitemap dd a {color:#111;}
	.sitemap dd ul {margin:3px 0;}
	.sitemap dd li {padding-left:10px; font-size:14px; color:#666; line-height:1.75; background:url("/html/static/img/common/bul/bul_dot85.gif") no-repeat 0 12px;}
	.sitemap dd li a {color:#666;}
	.sitemap dd ul ul {margin:0 0 10px;}
	.sitemap dd li li {font-size:13px; background:none;}

	.sitemap dl.devide414 {width:414px;}
	.sitemap dl.devide414 .smenu3 {position:absolute; top:63px; left:153px;}
	.sitemap dl.devide414 .smenu4 {position:absolute; top:63px; left:304px;}
	.sitemap dl.devide414 .smenu5 {position:absolute; top:196px; left:304px;}
	.sitemap dl.devide414 .smenu6 {position:absolute; top:226px; left:304px;}


/* ==========================================================================
    eng styles
   ========================================================================== */

/*** tab styles ***/
	.tab_menu.eng li a {padding:8px 44px 0; width:auto; font-weight:normal;}

/*** 품질/환경 ***/
	/* BVQI 국제인증 */
	.certification.bvqi dl.eng {top:80px; left:319px;}
	.certification.bvqi dl.eng dd {margin-bottom:14px;}

	/* 한국품질재단 (KFQ) */
	.certification.kfq dl.eng {top:80px; left:172px;}
	.certification.kfq dl.eng dd {margin-bottom:14px;}


/*** 투자정보 ***/
/* 일반정보 */
.info_eng_text {margin-bottom:32px; font-size:22px; color:#666; line-height:1;} 
	.info_eng_text span {color:#1c7ce6;}

/* IR 문의 */
.inquire.eng dl {font-weight:normal;}

/*** sitemap ***/
.sitemap_eng:after {content:""; display:block; clear:both;}
	.sitemap_eng.top {margin-bottom:33px;}
	.sitemap_eng dl {position:relative; margin-right:156px; float:left; width:232px;}
	.sitemap_eng dl.first {margin-right:118px;}
	.sitemap_eng dl.last {margin-right:0;}
	.sitemap_eng dt {margin-bottom:15px; padding-bottom:15px; font-size:20px; color:#1775de; border-bottom:3px solid #1775de;}
	.sitemap_eng dd {margin-bottom:5px; font-size:16px; color:#111;}
	.sitemap_eng dd a {color:#111;}
	.sitemap_eng dd ul {margin:3px 0 7px;}
	.sitemap_eng dd li {padding-left:10px; font-size:14px; color:#666; line-height:1.75; background:url("/html/static/img/common/bul/bul_dot85.gif") no-repeat 0 11px;}
	.sitemap_eng dd li a {color:#666;}
	.sitemap_eng dd ul ul {margin:0 0 10px;}
	.sitemap_eng dd li li {font-size:13px; background:none;}

	.sitemap_eng dl.devide620 {margin-right:0; width:620px;}
	.sitemap_eng dl.devide620 .smenu2 {position:absolute; top:65px; left:205px;}
	.sitemap_eng dl.devide620 .smenu3 {position:absolute; top:65px; left:476px;}
	.sitemap_eng dl.devide620 .smenu4 {position:absolute; top:92px; left:476px;}


/* ==========================================================================
	china styles
    ========================================================================= */
/* 공정도 */
	.process_menu .process10.china a {padding-top:6px; height:50px;}
	.process_menu .process10.china a span {font-size:12px;}