@charset "utf-8";

/* 메인  */
.main-flash {width:960px; height:477px; margin-bottom:24px;}
.main-flash div#main_flash_visual {position:relative; width:100%; height:100%;}
.main-flash div#main_flash_visual .btn1 {position:absolute; top:126px; right:98px; width:88px; height:103px; font:0/0 Arial; text-indent:-9999px; background:url(noimg.gif);}
.main-flash div#main_flash_visual .btn2 {position:absolute; top:126px; right:10px; width:88px; height:103px; font:0/0 Arial; text-indent:-9999px; background:url(noimg.gif);}
.main-flash div#main_flash_visual .btn3 {position:absolute; top:126px; right:0px; width:88px; height:103px; font:0/0 Arial; text-indent:-9999px; background:url(noimg.gif);}
.main-flash .visual-link {height:29px; text-align:center; padding-top:448px;}
.main-flash .visual-link dt {position:relative; width:180px; height:21px; display:inline-block; vertical-align:middle;cursor:pointer; margin:0 -2px}
.msie6 .main-flash .visual-link dt, .msie7 .main-flash .visual-link dt {display:inline; zoom:1;}
.main-flash .visual-link dd {position:absolute; left:0; top:0; width:960px; height:438px;}

.main-content {width:969px; overflow:hidden;}/*20150116*/
.main-content div {display:block; float:left; width:240px; height:125px; line-height:1;}

.main-content div.main1 ul {padding:37px 0 0 0;}
.main-content div.main1 ul li {padding:0 0 0 10px; margin:0 0 14px; background:url(../img/icon/dot_gray.gif) no-repeat left 0.273em; overflow:hidden; }
.main-content div.main1 ul li a {float:left; max-width:152px; height:11px; overflow:hidden; font-size:0.916em;}
.main-content div.main1 ul li em {clear:left; float:right; font-family:tahoma; font-size:0.833em; margin:-1px 25px 0 0;}
.msie6 .main-content div.main1 ul li a {width:152px; }

.main-content div.main2 {position:relative;}
.main-content div.main2 p {position:absolute; left:0; top:0; height:125px; width:215px;}

.main-content div.main3 {background:url(../img/common/visual_main_ir.gif) no-repeat left 18px; position:relative; width:251px}/*20150116*/
.main-content div.main3 dl {padding:18px 31px 0 70px;}/*20150116*/
.main-content div.main3 dl dt {margin-bottom:5px; padding-left:5px;}
.msie6 .main-content div.main3 dl dt {margin-bottom:4px;}
.main-content div.main3 dd {padding:0 5px; margin:-16px 0 4px 0; text-align:right; font-size:0.916em;}
.main-content div.main3 dd.now {text-align:left; border-top:2px solid #dfded9; border-bottom:1px solid #a59f91; padding:7px 0 7px 3px; margin:0 0 5px; font-size:1.334em; font-weight:bold; color:#0b0b0b;}
.main-content div.main3 dd.now-arrow {text-align:right; margin:-26px 3px 18px;}
.main-content div.main3 dd em {font:0/0 Arial; text-indent:-9999px; width:11px; height:8px; overflow:hidden;}
.main-content div.main3 dd.up span {color:#e31212;}
.main-content div.main3 dd.up em {background:url(../img/icon/stock_up_small.gif) no-repeat center center;}
.main-content div.main3 dd.down span {color:#447ec5;}
.main-content div.main3 dd.down em {background:url(../img/icon/stock_down_small.gif) no-repeat center center;}
.main-content div.main3 .banner { position:absolute; top:0px; right:21px; width:40px; height:23px;}

.main-content div.main4 {text-align:left; width:238px}/*20150116*/
.main-content div.main4 p { background:url(../img/common/main_banner3.jpg) no-repeat 0 0; }
.main-content div.main4 p a { width:240px; height:113px;}
/*.main-content div.main4 a { width:110px; height:113px; margin-left:8px; }2013-04-16*/
.main-content div.main4 a { width:77px; height:116px;  margin-left:3px; overflow:hidden;}/*20150116*/
.main-content div.main4 a.noneml{margin-left:0}/*20150116*/

/* sitemap */

.sitemap {width:740px; height:370px; padding:0 8px 0 2px; margin:0 0 7px; overflow-x:hidden; overflow-y:auto; font:0/0 Arial;
	scrollbar-face-color:#ffffff; scrollbar-base-color:#f5f5f5; scrollbar-highlight-color:#d6d6d6; scrollbar-shadow-color:#d6d6d6; 
	scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-arrow-color:#c0c0c0; scrollbar-track-color:#f5f5f5;
}
.sitemap .cate1 {clear:both; width:723px; padding:30px 0 12px; background:url(../img/bg/bg_title_line.gif) repeat-x left bottom;}
.sitemap .cate1-first {margin-top:-30px;}
.sitemap .cate2 {padding:8px 24px 8px 14px;}
.sitemap .cate2-type2 {padding-right:78px;}
.sitemap .cate2_area {width:723px; float:left; background:#f7f7f7 url(../img/bg/bg_sitemap.gif) repeat-x left top;}
.sitemap .cate2_area li {float:left;}
.sitemap .cate2_area li ul {margin:4px 0 6px; overflow:hidden;}
.sitemap .cate2_area li li {clear:both; display:block;}
.sitemap .cate2_area li li a {display:block; padding:3px 0 3px 12px;}


/*main_visualsec 2013-04-11*/
.bg_main {background:url(../img/bg/bg_wrapper_main2.gif) repeat-x 0 0px;}

.main_visualsec {width:100%; position:relative; top:0; height:463px; margin-bottom:25px;}
.main_visualsec .pagging{position:absolute;width:100px; top:415px; right:0px;margin:0 auto; z-index:999}
.main_visualsec .pagging li{display:inline-block;  width:20px; height:20px; margin-left:5px; float:left}
.main_visualsec .pagging li a{display:inline-block;  width:20px; height:20px; background:url(../img/btn/main_visual_pagging.png) no-repeat 0 0;}
.main_visualsec .pagging li a span{visibility:hidden}
.main_visualsec .pagging li a:hover, .main_visualsec .pagging li a.on{ background:url(../img/btn/main_visual_pagging.png) no-repeat 0 -20px;}


.visual_bg {position:absolute; top:0; z-index:5; width:100%; text-align:center;}
.visual_bg ul{width:100%; height:463px; overflow:hidden; /*margin:0 auto*/}
.visual_bg ul li{width:100%; height:463px;position:absolute; top:0; left:0}
.visual_bg li  div{ width:969px; height:463px; margin:0 auto;  position:relative }
.visual_bg li .vtxt_1{display:inline-block; width:auto; position:absolute; left:190px; top:225px; }
.visual_bg li .vtxt_2{display:inline-block; width:auto; position:absolute; left:200px; top:230px; }
.visual_bg li .vtxt_3{display:inline-block; width:auto; position:absolute; left:240px; top:135px; }
.visual_bg li .vtxt_4{display:inline-block; width:auto; position:absolute; left:141px; top:244px; }/*20150119*/

.bg1{ background:url(../img/bg/main_visual_1.jpg) no-repeat 50% top; background-attachment:scroll}
.bg2{ background:url(../img/bg/main_visual_2.jpg) no-repeat 50%  top ; background-attachment:scroll}
.bg3{ background:url(../img/bg/main_visual_3.jpg) no-repeat 50%  top; background-attachment:scroll}
.bg4{ background:url(../img/bg/main_visual_4.jpg) no-repeat 50%  top ; background-attachment:scroll}