/*container_intro*/
#intro{margin-top:100px;position: relative;display: block;height: 550px;}
#intro h4{text-indent: -9999px;background: url(../images/title_company.jpg);width: 149px;height: 45px;}
#intro img{position: absolute;left:50%;margin-left:-830px;margin-top: 50px;}
#intro article{position: absolute;display: block;width: 430px;height: 257px;right:0;top:170px;text-align: right;font-size: 20px;line-height: 1.5em;}

/*container_ci*/
#ci{display: block;width: 900px;height: 440px;position: relative;margin-top:100px;}
#ci h4{display: block;text-indent: -9999px;background: url(../images/title_CI.jpg);width: 149px;height: 45px;}
#ci .ciArea{width: 900px;left:50%;margin-left:-450px;position: absolute;margin-top:45px;}
#ci .ciArea .ci_korean{position: absolute;width: 900px;}
#ci .ciArea .ci_english{position: absolute;width: 441px;height: 119px;left:0;top:200px;}
#ci .ciArea .ci_maincolor{position: absolute;width: 371px;height: 70px;right:30px;top:60px;}
#ci .ciArea .ci_subcolor{position: absolute;width: 371px;height: 68px;right:30px;top:223px;}

/*container_map*/
#map{margin-top:100px;width: 900px;height: 500px;}
#map h4{text-indent: -9999px;background: url(../images/title_map.jpg);width: 149px;height: 45px;margin-bottom: 65px;}
#map #map_canvas{float:left;width: 470px;height: 400px;}
#map dl{float:left;display: block;text-indent: -9999px;background: url(../images/adress_img.jpg);width: 430px;height: 301px;overflow: hidden;margin-top:50px;}
#map dl dt{}
#map dl dd{}

/*container_history*/
#history{margin-top:100px;width: 900px;}
#history h4{text-indent: -9999px;background:url(../images/title_history.jpg);width: 149px;height: 45px;display: block;}
#history .hgroup{position: relative;}
#history .hgroup a{text-indent: -9999px;display: block;background: url(../images/history_button_open.jpg);width: 59px;height: 13px;position: absolute;top:-30px;right:10px;}
#history .historyContent{margin-top: 50px;}
#history .historyContent ul{}
#history .historyContent ul li{}
#history .historyContent .year{width: 900px;height: 40px;background-color: #ccc;border: 1px solid #fff;}
#history .historyContent .year a{display: block;margin: 10px 0 0 20px;color:#fff;font-size: 20px;}
#history .historyContent .year a:hover, #history .historyContent .year a:focus, #history .historyContent .year a:active{color:#003366;font-weight: bold;}
#history .historyContent .yearHistory{background-color: #fff;border-bottom: 1px solid #ccc;padding:20px 40px;display: none;font-size: 15px;}

#history .historyContent .yearHistory dt{color:#333;font-weight: bold;font-size: 20px;line-height: 3em;}
#history .historyContent .yearHistory dd{line-height: 2em; padding-left: 40px; margin-top:-43px;}