@charset "utf-8"; /* Index Page contens-start*/ /* index wrap */ #main_wrap #gNavi li ul {position:absolute; display:block;} #main_wrap{ width:985px; margin:0 auto;} /* 플래쉬 교체로 인한 삭제 #main_wrap .main_top_img{ width:865px; height:270px; background:url(../images/main/main_big_img.jpg) left bottom no-repeat; text-indent:-5000px;} */ #main_wrap .main_top_img{ width:865px; height:181px; padding-top:89px;} #main_contents{ width:985px; margin:17px 0 0 0;position:relative;} /* index left */ #main_left{ width:218px; float:left;} #main_left .main_box01{ margin:10px 0 0 0; padding:0;} #main_left .main_box01 h3{ width:148px; height:17px; background:url(../images/main/main_h3_01.gif) 18px top no-repeat; text-indent:-5000px;} #main_left .main_box01 ul{ margin:6px 0 0 0; padding:0 0 0 12px;border-top:1px solid #c5c6c7; border-bottom:1px solid #c5c6c7;} /* 091106_수정 by.gee */ #main_left .main_box01 ul li{height:33px; margin:0;padding:0;} /*#main_left .main_box01 ul li{ background:url(../images/main/main_left_libg.gif) left bottom repeat-x; padding:6px 0; line-height:100%;}*/ #main_left .main_box01 ul li span { overflow:hidden; } /* cursor:pointer; 추가*/ #main_left .main_box01 ul li .span_01{ width:194px; height:33px; background:url(../images/main/main_left_li01.gif) left top no-repeat; display:block; text-indent:-5000px; cursor:pointer;} #main_left .main_box01 ul li .span_02{ width:194px; height:33px; background:url(../images/main/main_left_li02.gif) left top no-repeat; display:block; text-indent:-5000px; cursor:pointer;} #main_left .main_box01 ul li .span_03{ width:194px; height:33px; background:url(../images/main/main_left_li03.gif) left top no-repeat; display:block; text-indent:-5000px; cursor:pointer;} /* cursor:pointer; 추가*/ .main_no_bg{ background:none!important;} /* 변경일 : 2010.08.24 작업자 : 빌드나인 김호일 작업 내용 : 이미지 변경에 따른 width, height, margin, padding값 변경 #main_left .main_box02{ width:212px; height:118px; margin:10px 3px 0 3px; padding:9px 0 0 0; background:url(../images/main/main_left_bt_bg.gif) left top no-repeat; position:relative; font-size:1em;} #main_left .main_box02 h3{ width:72px; height:28px; margin:0 0 0 10px; background:url(../images/main/main_h3_02.gif) left top; text-indent:-5000px;} */ #main_left .main_box02{ width:212px; height:118px; margin:10px 3px 0 3px; padding:4px 0 0 0; background:url(../images/main/main_left_bt_bg.gif) left top no-repeat; position:relative; font-size:1em;} #main_left .main_box02 h3{ width:103px; height:33px; margin:0 0 0 7px; background:url(../images/main/main_h3_02.gif) left top no-repeat; text-indent:-5000px;} #main_left .main_box02 .span_more{ width:37px; padding:0 0 0 7px; background:url(../images/main/main_left_more_bg.gif) left 6px no-repeat; position:absolute; right:11px; top:10px; display:block; font-size:1em;} #main_left .main_box02 .span_more a{ width:37px; display:block; color:#939393; text-decoration:none;} #main_left .main_box02 ul{ margin:0; padding: 18px 0 0 12px; line-height:100%;} #main_left .main_box02 ul li{ margin:6px 0 0 0; word-spacing:-2px;} .main_box02 ul li a{ color:#555555; text-decoration:none; background:url(../images/main/main_left_bt_libg.gif) left 2px no-repeat;padding:0 0 0 14px;} .main_box02 ul li a:hover{color:#4d9fd7; text-decoration:none;} /* index mid */ #main_mid{ width:390px; float:left; margin:0 0 0 20px; padding:3px 0 0 0;} /* 크로스 브라우징 때문에 변경 #main_mid #text_box{ position:relative; height:18px; width:94px; float:left; margin:0 5px 0 0; border:4px solid #8e8e8e;z-index:1;} #main_mid #text_box select{ width:95px; margin-top:0;} #main_mid #text_box input{ width:84px; padding:2px 0 0 0; border:none!important; font-size:1em; color:#344351;} */ #main_mid #text_box{ position:relative; height:18px; width:94px; float:left; margin:0 5px 0 0; border:4px solid #8e8e8e;z-index:1;} #main_mid #text_box select{ width:95px; margin-top:0;_margin-top:-1px;*margin-top:-1px; _width:94px;} #main_mid #text_box div{ height:12px; padding-left:10px; position:relative; } #main_mid #text_box input{ width:84px; padding:2px 0 0 0; border:none!important; font-size:1em; color:#344351; _height:20px;} #main_mid #text_box span{position:absolute;top:1px;right:0;} #main_mid #text_box ul{display:none; width:94px; padding:0 0 5px 0; position:absolute; left:0; top:22px; border:1px solid #8e8e8e; background-color:#fff; z-index:1;} #main_mid #text_box ul li{ margin:2px 0 0 0; display:inline; line-height:100%;} #main_mid .text_li1{ background-color:#f5f5f5;} #main_mid #text_box ul li a{ height:12px; display:block; background-color:#fff;padding:6px 0 4px 10px; text-decoration:none; color:#4b4b4b;} #main_mid #text_box ul li a:hover{ background-color:#f5f5f5;} #main_mid .mid_top{ width:390px; margin:0; padding:0;} /*크로스 브라우징 때문에 변경 #main_mid .mid_top .main_input01{ width:233px; height:16px; border:4px solid #8e8e8e; font-size:1em; float:left; display:inline;} */ #main_mid .mid_top .main_input01{ width:233px; height:16px;_height:18px; border:4px solid #8e8e8e; font-size:1em; float:left; display:inline;} #main_mid .mid_top .main_input02{ display:inline; float:left; margin-left:5px;} #main_mid .mid_c{ width:390px; margin:8px 0 0 0; padding:0 0 4px 0; position:relative; background:url(../images/main/main_mid_line.gif) 8px bottom no-repeat; overflow:hidden; line-height:100%; z-index:0;} #main_mid .mid_c h3{ width:54px; height:17px; margin:0 0 0 3px; padding:0; background:url(../images/main/main_mid_h301.gif) left top no-repeat; text-indent:-5000px;} #main_mid .span_more02{ width:37px; padding:0 0 0 7px; background:url(../images/main/main_mid_more_bg.gif) left 3px no-repeat; position:absolute; right:0; top:2px; display:block; font-size:0.917em;} #main_mid .span_more02 a{ width:37px; display:block; color:#939393; text-decoration:none;} #main_mid .mid_c .mid_c_box01{ width:285px; height:52px; margin:5px 0 0 8px; padding:3px 0 0 97px; position:relative;} #main_mid .mid_c .mid_c_box01 img{ position:absolute; left:0; top:0;} #main_mid .mid_c .mid_c_box01 p strong{ color:#636363; font-size:1em;} #main_mid .mid_c .mid_c_box01 p{ word-spacing:-3px; font-size:1em; line-height:120%; color:#555555} #main_mid .mid_c .mid_c_box01 p a{ color:#555555; text-decoration:none;} #main_mid .mid_c .mid_c_box01 p a:hover{ color:#555555; text-decoration:underline;} /* #main_mid .main_dl{ width:382px; margin:0; padding:10px 0 0 8px; line-height:130%; color:#858585; font-size:1em;} */ #main_mid .main_dl{ width:382px; margin:0; padding:5px 0 0 8px; line-height:140%; color:#858585; font-size:1em;} #main_mid .main_dl dt{ width:304px; padding:0 0 0 8px; background:url(../images/main/main_mid_dt_bg.gif) left 7px no-repeat; float:left; } #main_mid .main_dl dd{ width:64px; text-align:right; padding:0 6px 0 0; float:left;} #main_mid .main_dl a{ text-decoration:none; color:#555555; font-size:1em;} #main_mid .main_dl a:hover{ text-decoration:none; color:#555555;} #main_mid .mid_fla{ margin:12px 0 0 0;} #main_mid .mid_fla h3{ width:67px; height:17px; padding:0; margin:0 0 0 3px; background:url(../images/main/main_mid_h3_02.gif) left top no-repeat; text-indent:-5000px;} #main_mid .mid_bot{ width:388px; height:115px; margin:12px 0 0 0; background:url(../images/main/main_mid_bt_bg.gif) left 24px no-repeat; position:relative; overflow:hidden; line-height:100%;} #main_mid .mid_bot .tit_01{width:63px; height:25px; position:absolute; left:0; top:0;} #main_mid .mid_bot .tit_01 a, #main_mid .mid_bot .tit_01 a.disabled {overflow:hidden; width:63px; height:25px; background:url(../images/main/main_mid_text01.gif) left bottom no-repeat; text-indent:-5000px; display:block;} #main_mid .mid_bot .tit_01 a:hover, #main_mid .mid_bot .tit_01 a:focus, #main_mid .mid_bot .tit_01 a:active, #main_mid .mid_bot .tit_01 a.enabled {width:83px; height:25px; background:url(../images/main/main_mid_text01_on.gif) left bottom no-repeat; text-indent:-5000px; display:block;} #main_mid .mid_bot dl{ position:absolute; left:0; top:25px; color:#555555!important; font-family:Dotum, sans-serif; font-size:1em; line-height:150%;} #main_mid .mid_bot dl dt{background:url(../images/main/main_mid_dt_bg.gif) left 7px no-repeat; word-spacing:-3px; } #main_mid .mid_bot dl a{color:#555555!important;} #main_mid .mid_bot dl a:hover{color:#3c509c!important;} #main_mid .mid_bot .tit_02{width:63px; height:25px; position:absolute; left:67px; top:0;} #main_mid .mid_bot .tit_02 a, #main_mid .mid_bot .tit_02 a.disabled {overflow:hidden; width:63px; height:25px; background:url(../images/main/main_mid_text02.gif) left bottom no-repeat; text-indent:-5000px; display:block;} #main_mid .mid_bot .tit_02 a:hover, #main_mid .mid_bot .tit_02 a:focus, #main_mid .mid_bot .tit_02 a:active, #main_mid .mid_bot .tit_02 a.enabled {background:url(../images/main/main_mid_text02_on.gif) left bottom no-repeat;} #main_mid .mid_bot .tit_03{width:83px; height:25px; position:absolute; left:134px; top:0;} #main_mid .mid_bot .tit_03 a, #main_mid .mid_bot .tit_03 a.disabled {overflow:hidden; width:83px; height:25px; background:url(../images/main/main_mid_text03.gif) left bottom no-repeat; text-indent:-5000px; display:block;} #main_mid .mid_bot .tit_03 a:hover, #main_mid .mid_bot .tit_03 a:focus, #main_mid .mid_bot .tit_03 a:active, #main_mid .mid_bot .tit_03 a.enabled {background:url(../images/main/main_mid_text03_on.gif) left bottom no-repeat;} #main_mid .mid_bot .tit_04{width:83px; height:25px; position:absolute; left:221px; top:0;} #main_mid .mid_bot .tit_04 a, #main_mid .mid_bot .tit_04 a.disabled {overflow:hidden; width:83px; height:25px; background:url(../images/main/main_mid_text04.gif) left bottom no-repeat; text-indent:-5000px; display:block;} #main_mid .mid_bot .tit_04 a:hover, #main_mid .mid_bot .tit_04 a:focus, #main_mid .mid_bot .tit_04 a:active, #main_mid .mid_bot .tit_04 a.enabled {background:url(../images/main/main_mid_text04_on.gif) left bottom no-repeat;} /* index right */ #main_right{ width:219px; margin:0 0 0 20px; float:left; display:inline;} #main_right .rig_top{ width:219px; height:163px; margin:0; padding:11px 0 0 0; background:url(../images/main/main_rig_topbg.gif) 1px top no-repeat;} #main_right .rig_top h3{ width:68px; height:17px; margin:0 0 0 15px; background:url(../images/main/main_rig_h3_01.gif) left top no-repeat; text-indent:-5000px;} #main_right .rig_top a{ margin:7px 48px 0 49px; display:block;} /* text-align:center;정렬 2010.02.03 김호일 #main_right .rig_top p{ margin:0; padding:5px 0 0 19px; line-height:140%; color:#555555;}*/ #main_right .rig_top p{ text-align:center; line-height:140%; color:#555555;} #main_right .rig_mid{ width:219px; margin:8px 0 0 0; padding:0;} #main_right .rig_mid .rig_p_t{ width:219px; height:9px; background:url(../images/main/main_rig_02_top.gif) left top no-repeat; font-size:0;} #main_right .rig_mid .rig_box01{ width:219px; padding:4px 0 6px 0; background:url(../images/main/main_rig_02_cen.gif) left top repeat-y; overflow:hidden;} #main_right .rig_mid .rig_box01 h3{ width:119px; height:16px; background:url(../images/main/main_rig_h3_02.gif) left top no-repeat; text-indent:-5000px; margin:0 0 0 15px;} #main_right .rig_mid .rig_box01 ul{ margin:10px 0 0 0; padding:0;} #main_right .rig_mid .rig_box01 ul li{ display:inline; margin-left:12px;} #main_right .rig_mid .rig_p_bot{ width:219px; height:9px; background:url(../images/main/main_rig_02_bot.gif) left top no-repeat; font-size:0; clear:both;} #main_right .rig_bot{ width:212px; margin:8px 0 0 0; padding:0 3px 0 4px; line-height:100%;} #main_right .rig_bot li{ margin:5px 0 0 0; padding:0;} #main_right .rig_bot li.rig_bot1{clear:both;float: left;} #main_right .rig_bot li.rig_bot2{float: left;} /* Index Page contens-end*/ /*main_bot-start*/ #main_bot{ width:866px; left:4px; line-height:100%; clear:both; padding:10px 0 0 0; } #main_bot .bot_l{ width:10px; height:63px; background:url(../images/main/main_bot_left.gif) left top no-repeat; float:left;} /* 로직 변경에 의한 값변경 #main_bot .bot_c{ width:840px; height:63px; background:url(../images/main/main_bot_mid.gif) left top repeat-x; float:left; overflow:hidden; position:relative;} #main_bot .bot_c .a_l{ width:10px; height:35px; position:absolute; left:0; top:14px; display:block;} #main_bot .bot_c .a_r{ width:10px; height:35px; position:absolute; right:0; top:14px; display:block;} #main_bot .bot_c ul{ width:846px; margin:0; padding:18px 0 0 0;} #main_bot .bot_c ul li{ padding:0 0 0 24px; float:left; } */ #main_bot .bot_c{ width:840px; height:63px; background:url(../images/main/main_bot_mid.gif) left top repeat-x; float:left;} /*#main_bot #bannerArea 추가*/ #main_bot .bot_c #bannerArea{width:800px; height:35px; position:relative; float: left; padding:14px 0 0 0; margin: 0 0 0 10px;overflow:hidden;} #main_bot .bot_c .a_l{ width:10px; height:35px; float: left; padding:14px 0 0 0;} #main_bot .bot_c .a_r{ width:10px; height:35px; float: right;padding:14px 0 0 0;} #main_bot .bot_c ul{ position:absolute; left:0px; top:18px; clear: both;} /* 2010.01.28 김호일 float: left 삭제, padding:0 0 0 0 으로 변경, 사유 : 로직 변경에 따른 수정 #main_bot .bot_c ul li{ padding:0 24px 0 0 ;float: left;} */ #main_bot .bot_c ul li{ padding:0 0 0 0;display: none;} #main_bot .bot_c ul li img{ padding:0 15px 0 0;} #main_bot .bot_c ul li img.last{ padding:0 0 0 0;} #main_bot .bot_r{ width:9px; height:63px; background:url(../images/main/main_bot_rig.gif) left top no-repeat; float:left;} .bor_t_n{ border-top:none!important;} /*main_bot-end*/ /* quick */ /*#quick{ width:100px;float:left; margin:0 0 0 5px; display:inline;}*/ #quick{ width:100px;position: absolute; margin:0 0 0 5px;clear:both;left:860px;top:0;} #quick strong{ width:100px; height:60px; padding:0 0 0 0;background:url(../images/common/title_quick.gif) left top no-repeat; display:block;} /*디자인 변경에 따른 페딩값 변경 #quick .con{ padding-left:10px; background:url(../images/common/bg_line_quick.gif) left repeat-y;} */ #quick .con{ padding:10px 0 0 14px; background:url(../images/common/bg_line_quick.gif) left repeat-y;} #quick span{ padding-bottom:1px;} /*디자인 변경에 따른 페딩값 변경 #quick ul.tel_con{ padding-left:2px;} */ #quick .tel_con li{ margin-top:7px;} /* #quick .btn li img{ padding-top:1px; vertical-align:top;} */ #quick .btn li img{ vertical-align:top;} /*디자인 변경에 따른 높이값 및 배경 이미지 값 변경 #quick .bom{ height:46px; background:url(../images/common/bgbom_quick.gif) left no-repeat; font-size:0;} */ #quick .bom{ height:41px; background:url(../images/common/bgbom_quick.gif) left top no-repeat; font-size:0;} .pt_05{ padding-top:5px;} /* Gnavi */