body { background:url("/images/index/bg_body.gif") repeat-x left top;}

/* index_area */
#index_area { position:relative; width:100%; padding-bottom:50px;}

/* row01 */
#index_area .row01 { position:relative; width:100%; height:235px; margin-top:-10px;}
#index_area .row01 .col01 { position:relative; float:left; width:700px; height:100%; background:url("/images/index/bg01.gif") no-repeat right top;}
#index_area .row01 .col01 .image { float:left;}
#index_area .row01 .col01 .right_text { float:right; width:355px; padding-right:40px;}
#index_area .row01 .col01 .right_text .top { width:100%; height:143px; border-bottom:1px solid #cbd5e1;}
#index_area .row01 .col01 .right_text .top .title { padding-top:15px;}
#index_area .row01 .col01 .right_text .top .title a { color:#34557c; font-size:16px; font-weight:bold;}
#index_area .row01 .col01 .right_text .top .text { padding-top:10px; line-height:1.3;}
#index_area .row01 .col01 .right_text .top .date { padding-top:5px;}
#index_area .row01 .col01 .right_text .lists { padding-top:10px;}
#index_area .row01 .col01 .right_text .lists li { padding:1px 0px;}
#index_area .row01 .col01 .right_text .lists li .date { padding-right:15px;}
#index_area .row01 .col01 .right_text .lists li .title a { color:#34557c; font-weight:bold;}

#index_area .row01 .col02 { position:relative; float:right; width:270px; height:235px; padding-left:10px;}
#index_area .row01 .col02 .title { }
#index_area .row01 .col02 .popup_zone { position:absolute; left:10px; top:0px;}
 
#popup_zone { position:absolute; left:0px; top:0px;}
#popup_zone .title { position:absolute; left:10px; top:0px;}
#popup_zone .scrollable { position:relative; overflow:hidden; width:280px; height:150px; margin-top:5px; margin-left:10px;}
* html #popup_zone .scrollable { margin-left:5px;}
#popup_zone .scrollable .items { width:20000em; position:absolute; clear:both;}
#popup_zone .items div { float:left; width:280px;}
#popup_zone .scrollable img { float:left; background-color:#fff;}
#popup_zone .scrollable .active { border:2px solid #000; position:relative;	cursor:default;}
#popup_zone .scrollable { float:left;}
#popup_zone .navi {	margin-left:124px; width:200px; height:20px;}
#popup_zone .navi a { width:8px; height:8px; float:left; margin:3px; background:url("/images/index/icon_point_off.gif") 0 0 no-repeat; display:block; font-size:1px;}
#popup_zone .navi a:hover { background:url("/images/index/icon_point_on.gif") 0 0 no-repeat;}
#popup_zone .navi a.active { background:url("/images/index/icon_point_on.gif") 0 0 no-repeat;}
#popup_zone .scrollable img { width:280px; height:137px;} 

#index_area .row01 .col02 .links { position:absolute; left:0px; top:180px; width:100%; height:45px;}
#index_area .row01 .col02 .links a { display:block; float:left;}
* html #index_area .row01 .col02 .links { width:105%;}


/* row02 */
#index_area .row02 { position:relative; width:100%; padding-top:57px;}
#index_area .row02 .col01 { float:left; height:215px;}
#index_area .row02 .col01 .image { width:285px; height:50px;}
#index_area .row02 .col01 ul li { width:283px; padding:1px 1px;}
#index_area .row02 .col01 ul li.first .title { border-top:1px solid #cbd5e1;}
#index_area .row02 .col01 ul li.first .title { display:none;}
#index_area .row02 .col01 ul li.second .image { display:none;}

/*
#index_area .row02 { position:relative; width:100%; padding-top:57px;}
#index_area .row02 .col01 { float:left; height:140px;}
#index_area .row02 .col01 .image { width:285px; height:66px;}
#index_area .row02 .col01 ul li a img { border-bottom:1px solid #cbd5e1; margin-bottom:1px;}
#index_area .row02 .col01 ul li.first .title { border-top:1px solid #cbd5e1;}
#index_area .row02 .col01 ul li.first .title { display:none;}
#index_area .row02 .col01 ul li.second .image { display:none;}
*/

#index_area .row02 .col02 { float:left; width:355px; height:211px; padding:1px 20px 0px 20px; border-right:1px solid #efefef;}
#index_area .row02 .col02 .tab_wrap {position:relative; width:355px;  text-align:left;}
#index_area .row02 .col02 .tab01 { position:absolute; width:355px; left:0px; top:0px;}
/*2010.08.30 변경 전*/
/*
#index_area .row02 .col02 .tabs01_01 h2 { position:absolute; left:0px; top:0px;}
#index_area .row02 .col02 .tabs01_02 h2 { position:absolute; left:82px; top:0px;}
#index_area .row02 .col02 .tabs01_03 h2 { position:absolute; left:164px; top:0px;}
#index_area .row02 .col02 .tabs01_04 h2 { position:absolute; left:246px; top:0px;}
*/
/*2010.08.30 변경 후*/


#index_area .row02 .col03 { position:relative; float:right; width:280px; height:211px;}
#index_area #text_rolling .scrollable { position:relative; overflow:hidden; width:280px; height:211px; margin-top:10px;}
#index_area #text_rolling .scrollable .items { width:20000em; position:absolute; clear:both;}
#index_area #text_rolling .items div { position:relative; float:left; width:280px;}
#index_area #text_rolling .items div p.bg { position:absolute; width:280px; height:24px; left:0px; bottom:0px; background-color:#000;   opacity:0.5; filter:alpha(opacity=50);}
#index_area #text_rolling .items div p.text { position:absolute; width:280px; height:24px; left:0px; bottom:0px; line-height:24px; text-align:center; z-index:999;}
#index_area #text_rolling .items div p.text a { color:#fff; text-align:left;}
#index_area #text_rolling .scrollable img { float:left; background-color:#fff;}
#index_area #text_rolling .scrollable .active { border:2px solid #000; position:relative; cursor:default;}
#index_area #text_rolling .scrollable { float:left;}
#index_area #text_rolling .scrollable img { width:280px; height:188px;} 
* html #index_area #text_rolling .scrollable img { height:187px;}

#index_area #text_rolling a.browse { display:block; position:absolute; bottom:0px; width:16px; height:24px; line-height:24px; text-align:center; cursor:pointer; font-size:12px; color:#fff; font-weight:bold; z-index:999;}
#index_area #text_rolling a.right { right:0px;}
* html #index_area #text_rolling a.right { position:relative; float:right; margin-top:-48px;}
#index_area #text_rolling a.left { left:0px;} 
* html #index_area  #text_rolling a.left { left:0px; bottom:23px;} 
#index_area #text_rolling a.disabled { visibility:hidden !important;} 	
#index_area #text_rolling .btn_more { position:absolute; right:2px; top:3px;}


/* row03 */
#index_area .row03 { position:relative; width:100%; height:125px;}
* html #index_area .row03 { margin-top:-80px;}
*:first-child+html #index_area .row03 { margin-top:-60px;}

#index_area .row03 .col01 { position:relative; float:left; width:283px; height:100%; padding-top:25px;}
#index_area .row03 .col01 .tab_wrap {position:relative; width:283px;  text-align:left;}
#index_area .row03 .col01 .tab { position:absolute; left:0px; top:0px; width:283px; height:29px;}
#index_area .row03 .col01 .tab h2 { position:absolute; top:0px;}
* html #index_area .row03 .col01 .tab h2 img { margin-bottom:1px;}
#index_area .row03 .col01 .tab01 h2 { left:0px; z-index:999;}
#index_area .row03 .col01 .tab02 h2 { left:142px; }
#index_area .row03 .col01 .tab_Style { position:absolute; width:283px; height:92px; left:0px; top:29px; background:url("/images/index/bg_tab02.gif") no-repeat left top; }
#index_area .row03 .col01 .tabcontent02 { display:none;}
#index_area .row03 .col01 .tab_Style .image { float:left; padding:12px 15px 0px 12px;}
/*
@dorang 
padding-left:15px; 추가
width:250px; 변경
*/
#index_area .row03 .col01 .tab_Style ul { float:left; width:250px; padding-left:15px; padding-top:12px;}
#index_area .row03 .col01 .tab_Style ul li { padding-left:7px; background:url("/images/common/icon/icon_list01.gif") no-repeat left 7px;}
#index_area .row03 .col01 .tab_Style ul li a { color:#434343;}

#index_area .row03 .col02 { float:left; width:355px; padding:25px 20px 0px 22px; height:100%; border-right:1px solid #efefef;}
#index_area .row03 .col02 .left { position:relative; float:left; width:210px; height:100%; background:url("/images/index/img06.jpg") no-repeat left top;}
#index_area .row03 .col02 .left .btn { position:absolute; left:91px; bottom:8px;}
#index_area .row03 .col02 .right { float:right;}
#index_area .row03 .col02 .right ul li img { border-bottom:1px solid #e0e0e0;}
#index_area .row03 .col02 .right ul li.last img { border-bottom:0 none;}

#index_area .row03 .col03 { position:relative; float:right; width:280px; height:121px; padding-top:25px;} 
#index_area .row03 .col03 .tab_wrap {position:relative; width:283px;  text-align:left;}
#index_area .row03 .col03 .tab { position:absolute; left:0px; top:0px; width:283px; height:29px;}
#index_area .row03 .col03 .tab h2 { position:absolute; top:0px;}
* html #index_area .row03 .col03 .tab h2 img { margin-bottom:1px;}
#index_area .row03 .col03 .tab01 h2 { left:0px; z-index:999;}
#index_area .row03 .col03 .tab02 h2 { left:142px; }
#index_area .row03 .col03 .tabcontent01 { display:none;}
#index_area .row03 .col03 .tab_Style { position:absolute; width:283px; height:92px; left:0px; top:29px; background:url("/images/index/bg_tab03.gif") no-repeat left top; }
#index_area .row03 .col03 .tabcontent01 ul {  padding:12px 0px 0px 15px;}
#index_area .row03 .col03 .tabcontent01 ul li { padding-left:7px; background:url("/images/common/icon/icon_list01.gif") no-repeat left 8px;}
#index_area .row03 .col03 .tabcontent01 ul li a { color:#434343;}
#index_area .row03 .col03 .tabcontent02 h3 { position:absolute; left:11px;}
#index_area .row03 .col03 .tabcontent02 h3 img { border-bottom:1px solid #e0e0e0;}
* html #index_area .row03 .col03 .tabcontent02 h3 img { margin-bottom:1px;}
#index_area .row03 .col03 .tabcontent02 h3.third img { border-bottom:0 none;}
#index_area .row03 .col03 .tabcontent02 h3.first { top:9px;}
#index_area .row03 .col03 .tabcontent02 h3.second { top:34px;}
#index_area .row03 .col03 .tabcontent02 h3.third { top:59px;}
#index_area .row03 .col03 .tabcontent02 ul.list { position:absolute; left:97px; top:7px;}
#index_area .row03 .col03 .tabcontent02 ul.list li { padding:1px 0px 1px 7px; background:url("/images/common/icon/icon_list01.gif") no-repeat left 8px;}
#index_area .row03 .col03 .tabcontent02 ul.list li a { color:#434343;}
#index_area .row03 .col03 .tabcontent02 ul.second_ul,
#index_area .row03 .col03 .tabcontent02 ul.third_ul { display:none;}


/* row04 */
#index_area .row04 { position:relative; width:100%; height:44px; margin-top:45px; border-left:1px solid #e3e3e3;}
* html #index_area .row04 { margin-top:20px;}
#index_area .row04 .vertical {  position:relative; overflow:hidden; width:890px; height:44px; margin-left:69px;}
* html #index_area .row04 .vertical { width:896px; margin-left:59px}
#index_area .row04 .items { position:absolute; height:20000em;	margin: 0px;}
#index_area .row04 .item {	border-bottom:1px solid #ddd; font-size:12px; height:180px;}
#index_area .row04 .item a { display:block; float:left; margin-left:8px;}
#index_area .row04 .item a img { width:169px; height:44px;}
#index_area .row04 #actions { position:absolute; width:27px; height:44px; right:0px; top:0px;}
#index_area .row04 #actions .up img { border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; cursor:pointer; }
#index_area .row04 #actions .down img { border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4;cursor:pointer; }
#index_area .row04 .btn_more { position:absolute; left:20px; top:16px;}


#tabcontent01_02,
#tabcontent01_03,
#tabcontent01_04 { display:none;}

#index_area .row02 .col02 .tabs01_01 h2 { position:absolute; left:0px; top:0px;}
#index_area .row02 .col02 .tabs01_02 h2 { position:absolute; left:56px; top:0px;}
#index_area .row02 .col02 .tabs01_03 h2 { position:absolute; left:136px; top:0px;}
#index_area .row02 .col02 .tabs01_04 h2 { position:absolute; left:216px; top:0px;}


#index_area .row02 .col02 .tab01 .tab_Style { position:absolute; width:100%; left:0px; top:36px;}
#index_area .row02 .col02 .tab01 .tab_Style ul { padding-left:8px;}
#index_area .row02 .col02 .tab01 .tab_Style ul li { clear:both; padding:1px 0px 1px 8px; background:url("/images/common/icon/icon_list01.gif") no-repeat left 8px;}
#index_area .row02 .col02 .tab01 .tab_Style ul li a { display:block; float:left; width:270px; color:#424242; font-size:12px;}
#index_area .row02 .col02 .tab01 .tab_Style ul li a:hover { color:#4d5ab5;}
#index_area .row02 .col02 .tab01 .tab_Style ul li span { display:block; float:right;}
/*2010.08.30 추가 */
#index_area .row02 .col02 .btn_more { position:absolute; right:0px; top:7px;}