@charset 'utf-8';

#container { position: relative; z-index: 1; width:100%; }
/********** 서브 공통 **********/
.sub_visual { height:440px; width:100%; overflow:hidden; position:relative;}
.visual_txt {position:absolute; top:110px; left:50%; z-index:9999; margin-left:-350px; text-align:center;}
.visual_txt p.green { font-size:19px; letter-spacing:-0.5pt; color:#e73221; position:relative; opacity:0; top:-50px; }
.visual_txt h2 { font-size:62px; font-family: 'Raleway', sans-serif; font-style:italic; color:#fff; font-weight:800; letter-spacing:0.2pt; padding:30px 0; position:relative; opacity:0; top:-50px;}
.visual_txt span { display:block; font-size:17px; letter-spacing:-0.5pt; color:#fff; line-height:27px; position:relative; opacity:0; top:-50px;}
.sub_visual.about { background: url('../images/sub_visu01.png') center 0 no-repeat; }
.sub_visual.factory { background: url('../images/sub_visu02.png') center 0 no-repeat; }
.sub_visual.brand { background: url('../images/sub_visu03.png') center 0 no-repeat; }
.sub_visual.qual { background: url('../images/sub_visu04.png') center 0 no-repeat; }
.sub_visual.customers { background: url('../images/sub_visu05.png') center 0 no-repeat; }
.sub_visual.notice { background: url('../images/sub_visu06.png') center 0 no-repeat; }

#contents {width:1200px; margin:0 auto; background-color:#f7f7f7; overflow:hidden;}

#leftmenu { width:250px; float:left; position:relative;}
.left_top { 
	width:250px; 
	height:78px;
	background-color:#e73221;
	padding:33px 0 0 0;
	text-align:center;
	font-size:29px;
	font-weight:bold;
	color:#ffffff;
	border-bottom:4px solid #5e5e5e;
	}
.menu a {
	display:block;
	width:230px;
	height:49px;
	line-height:49px;
	border-bottom:1px solid #e4e4e4;
	padding-left:20px;
	font-size:15px;
	text-decoration:none;
	color:#666666;
	background:url(../images/left_menu_off_bg.png) no-repeat 0 0;
	}
.menu a.li2 {
	display:block;
	width:230px;
	height:49px;
	line-height:24px;
	border-bottom:1px solid #e4e4e4;
	padding-left:20px;
	font-size:15px;
	text-decoration:none;
	color:#666666;
	background:url(../images/left_menu_off_bg.png) no-repeat 0 0;
	}
.menu a.line {
	display:block;
	width:230px;
	height:49px;
	line-height:49px;
	border-bottom:1px solid #e4e4e4;
	padding-left:20px;
	font-size:15px;
	text-decoration:none;
	color:#666666;
	background:url(../images/left_menu_off_bg.png) no-repeat 0 0;
	}
.menu a:hover {
	background:url(../images/left_menu_on_bg.png) no-repeat 0 0;
	color:#289134;
	text-decoration:none;
	}
.menu a.on {
	background:url(../images/left_menu_on_bg.png) no-repeat 0 0;
	color:#289134;
	font-weight:600;
	text-decoration:none;
	}

/* left_banner */
#left_banner {
	width:250px;
	padding-top:50px;
	}
	
#article_wrap {
	float:left;
	width:900px;
	padding-left:50px;
	background-color:#ffffff;
	}
#article_top {
	width:900px;
	height:111px;
	border-bottom:1px solid #d6d6d6;
	}
#article_top ul li.article_tit {
	float:left;
	padding:50px 0 0 0;
	font-size:36px;
	color:#333333;
	}
#article_top ul li.home {
	float:right;
	padding:25px 0 0 0;
	font-size:12px;
	}
#article_top ul li.home img { vertical-align:middle; padding-right:5px;}
#article {
	position:relative;
	clear: both;
	width: 900px;
	margin-top:50px;
	}	
.content_title {
	background:url(../images/title_bullet2.gif) left no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:20px;
	line-height:35px;
	color:#8fb11e;
}
.content_title2 {
	background:url(../images/title_bullet2.gif) left 5px no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:20px;
	line-height:23px;
	color:#8fb11e;
	padding-bottom:7px;
}
.content_title3 {
	background:url(../images/title_bullet2.gif) 45px 65px no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:65px;
	padding-top:60px;
	line-height:23px;
	color:#8fb11e;
	padding-bottom:7px;
}

/* ****************** COMPANY :: CEO MESSAGY ********************** */
#greeting {
	width:900px; height:860px;
	background:url(../images/greeting_bg2.png) center top no-repeat;
	}
.greeting_tit1 {font-size:30px; color:#ffffff; padding:130px 30px 0 30px; line-height:40px;}
.greeting_tit2 {font-size:20px; color:#ffffff; padding:0 30px 0 30px;}
.greeting_txt {padding:75px 0 0 350px;}
.sign1 {
	width:900px;
	font-size:17px;
	font-weight:600;
	padding: 55px 0 0 375px;
}
.sign2 {
	width:900px;
	font-size:20px;
	color:#333333;
	font-weight:600;
	padding-left:350px;
}
.chart {-webkit-animation: fillupWhite .8s ease-out forwards;
    animation: fillupWhite .8s ease-out forwards;}
.chart #white_circle {-webkit-transform: rotate(-205deg);
    transform: rotate(-205deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    fill: none;
    stroke: #000;
    stroke-width: 35;
    stroke-dasharray: 0 1e4;}

/* ****************** COMPANY :: TAIJIN HISTORY ********************** */
.history-container{width:100%;}
.history-con{width:100%;}
.history-con > .history-box{width:900px; float:right; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; position:relative;}
.history-box > dl{width:100%; display:table;}
.history-box > dl dt, .history-box > dl dd{display:table-cell; vertical-align:top;}
.history-box > dl dt{width:10%; text-align:left; font-size:26px; line-height:36px; font-weight:400; letter-spacing:-0.5px; color:#000; font-style:italic; padding:5px 0;}
.history-box > dl dd{width:90%; background:url(../images/history_line.png) repeat-y 10% top; padding-bottom:3%;}
.history-box > dl dd.padb{padding-bottom:13%;}
.history-box > dl dd.padb.type2{padding-bottom:110px;}
.history-box > dl dd > p {width:100%; overflow:hidden; padding:5px 0;}
.history-box > dl dd > p strong, .history-box > dl dd > p span{float:left; display:block;}
.history-box > dl dd > p strong{width:10%; font-size:20px; line-height:36px; color:#ee4e14; font-weight:400; font-style:italic;}
.history-box > dl dd > p span{width:84%; font-size:17px; line-height:36px; color:#4e4e4e; padding-left:6%; position:relative; letter-spacing:-0.5px;}
.history-box > dl dd > p span:before{display:inline-block; content:""; width:17px; height:17px; background:url(../images/history_icon.png) no-repeat; 
position:absolute; left:-8.5px; top:11px;}
.history-box > dl dd > p span.tit{font-size:20px; color:#1d1d1d;}
.history-box > dl dd > p span.point{color:#ed4f17;}

.history-img{width:728px; position:absolute; overflow:hidden;}
.history-img:after{display:inline-block; content:""; vertical-align:middle; width:342px; height:1px; background-color:#ddd; position:absolute; top:50%; right:0;}
.history-img.h-img01:after{display:none;}
.history-img.h-img01:before{display:inline-block; content:""; vertical-align:middle; width:553px; height:1px; background-color:#ddd; position:absolute; top:50%; left:0;}
.history-img.h-img02:after{display:none;}
.history-img.h-img02:before{display:inline-block; content:""; vertical-align:middle; width:553px; height:1px; background-color:#ddd; position:absolute; top:50%; left:0;}
.history-img.h-img03:after{display:none;}
.history-img.h-img03:before{display:inline-block; content:""; vertical-align:middle; width:553px; height:1px; background-color:#ddd; position:absolute; top:50%; left:0;}
.history-img.h-img04:after{display:none;}
.history-img.h-img04:before{display:inline-block; content:""; vertical-align:middle; width:553px; height:1px; background-color:#ddd; position:absolute; top:50%; left:0;}
.history-img.h-img05:after{display:none;}
.history-img.h-img05:before{display:inline-block; content:""; vertical-align:middle; width:553px; height:1px; background-color:#ddd; position:absolute; top:50%; left:0;}
.history-img.h-img01{top:10px; left:auto; right:0;}
.history-img.h-img02{top:330px; left:auto; right:0;}
.history-img.h-img03{top:560px; left:auto; right:0;}
.history-img.h-img04{top:880px; left:auto; right:0;}
.history-img.h-img05{top:1150px; left:auto; right:0;}
.history-img-thum{width:175px; position:relative; padding-top:175px; z-index:1;}
.history-img.h-img01 .history-img-thum{float:right;}
.history-img.h-img02 .history-img-thum{float:right;}
.history-img.h-img03 .history-img-thum{float:right;}
.history-img.h-img04 .history-img-thum{float:right;}
.history-img.h-img05 .history-img-thum{float:right;}
.history-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.history-img-thum > span img{max-width:100%;}

/*********************************FACTORY - GOLBAL LOCATIONS*********************************************/
.factory {width:100%;clear:both; overflow:hidden;}
.factory_1{width:900px; height:449px; }
.factory_2{width:900px; margin-bottom:50px; }
.factory_2 h1 {font-size:25px; line-height:25px; padding-bottom:20px; font-weight:400; margin-top:20px;}
.factory_2 p{font-size:15px; line-height:50px; border-top:1px solid #ddd; color:#777;}
.factory_2 p a{width:150px; display:inline-block; font-size:17px; font-weight:400; line-height:50px; border-top:2px solid #666; margin-right:30px;}
#bx_wrap { width:900px; margin:0 auto; clear:both;  position:relative;}


#bx_wrap ul.bxslider{ margin:0 auto; }
#bx_wrap ul.bxslider li{ width:900px; }
#bx_wrap ul.bxslider li a  { width:900px;}
#bx_wrap ul.bxslider li a img {width:900px; margin-right:0px;}
.factory_3 {width:900px; clear:both; overflow:hidden; }
.factory_3_1 {width:900px; margin-top:20px;}
.factory_3_1 li{width:278px; height:30px; line-height:30px; margin-top:10px; border: 1px solid #376091; float:left; margin-right:30px; text-align:center;} 
.factory_3_2 {padding-top:10px;}
.factory_3_2 p{width:290px; padding-left:10px; float:left; line-height:25px; height:25px; background:url(../images/title_bar1.png) left no-repeat;}
.table_1 { border-collapse:collapse; }
.table_1 th {border-top:2px solid #454545; border-left:1px solid #ddd; border-bottom:1px solid #454545; border-right:1px solid #ddd; line-height:50px; font-size:15px; font-weight:600; text-align:center; color:#666; background:#f9f9f9;}
.table_1 td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:30px; font-size:15px; text-align:center;}

.table_2_1 {border-bottom:1px solid #fff !important; border-top:1px solid #fff !important;}
.factory_4{width:900px; clear:both; overflow:hidden; margin-top:50px;}
.factory_4 ul li { float:left;}
.factory_4 ul img {display:block; float:left;}
.factory_4_title {width:840px; font-size:20px; font-weight:400; margin-bottom:30px; color:#06C; background:#ececec; padding:30px; text-align:center;}
.factory_4_title1 {width:900px; font-size:18px; font-weight:600; padding-bottom:10px;}
.factory_4_title1 span {float:right; font-size:15px; color:#777; font-weight:400; padding-bottom:10px;}
.factory_4_title2 {width:438px; font-size:15px; line-height:58px; height:58px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;margin-bottom:20px; background:#f9f9f9;}
.factory_4_title2 span {font-size:15px; color:#777; font-weight:400;}
.factory_4_title3 {width:438px; font-size:15px; line-height:58px; height:58px;border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;margin-bottom:20px; margin-left:20px; background:#f9f9f9;}
.factory_4_title3 span {font-size:15px; color:#777; font-weight:400;}
.factory_4_2 p{float:left; width:220px; text-align:center; padding:10px 0 0 0;}
.factory_4 div{float:left;}
.factory_4_pie1 {width:438px; border:1px solid #ddd; float:left; clear:both; overflow:hidden; }
.factory_4_pie2 {width:438px; border:1px solid #ddd; float:right; clear:both; overflow:hidden; }
/*********************************TAB - MENU*********************************************/
.tab {width:900px; clear: both; overflow:hidden; margin-bottom:30px;}
.tab ul {display:block; height:60px;}
.tab ul li {float:left; width:449px; height:58px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:58px; font-size:20px;  background:#f9f9f9;}
.tab ul li a {display:block; line-height:58px;color:#999;}
.tab ul li.on a, .tab ul li:hover a {display:block; line-height:58px; color:#666;}
.tab ul li.on, .tab ul li:hover {float:left; width:449px; height:55px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:4px solid #289134; line-height:58px; background:#fff;}
.tab_2 {width:448px !important; border-right:1px solid #ddd;}


/*********************************QUALITY*********************************************/
.quality {width:900px; clear:both; overflow:hidden;}
.quality1_1{padding-bottom:20px; overflow:hidden;}
.quality1_1 img {display:block; padding-top:30px;}
.quality2_1 {width:900px; clear:both; overflow:hidden; margin-top:30px; }
.quality2_1 ul li {float:left; display:block; height:110px;}
.quality2_1 li.quality2_title1 {width:200px;  border-top:3px solid #d44e54; padding-top:15px; font-size:20px; color:#d44e54; font-weight:600;}
.quality2_1 li.quality2_cont1 {width:670px; padding-left:30px;  border-top:1px solid #5e5e5e; padding-top:15px; }



/*********************************CUSTOMER*********************************************/
.customer_1 {width:900px; clear:both; overflow:hidden; margin-top:42px;}
.customer_1 li{float:left; width:219px; height:70px; display:block; margin-right:8px; margin-top:8px; }