/* Add Reset */
html { height: 100%;}
* { margin: 0;padding: 0;border: 0;vertical-align: middle; }
img { border:0 }
/* render html5 elements as block */
header, footer, section, aside, nav, article, ul, li {
display: block;
}
/* setting */
/* 링크 알파 */
.alpha1:hover {
filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;
}
.alpha2:hover {
filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;
}
.alpha3:hover {
filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;
}
.alpha4:hover {
filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;
}
.clear { clear: both; } /* 클리어하기 */
a { outline:none; select-dummy: expression(this.hideFocus=true); } /* 링크 테두리 없애기 */
h1,h2,h3,h4,h5,h6 { font-weight: bold;color: #333; }
a:link, a:visited { color:#004C9A; text-decoration: none; }
a:hover, a:active { color: #333; }
.center_inline { display: inline-block;margin:0 auto; } /* 인라인요소 중앙정렬 */
.center { margin:0 auto; } /* 블록요소 중앙정렬 */
li { list-style: none; float: left; padding-left: 0px; position: relative; }
p { padding: 0; line-height: 1.5em;font-size: 107%;}
body {
font-family:"맑은 고딕",sans-serif;
color: #555555;
font-size:14px;
font-weight: normal;
/* letter-spacing:-0.11em; */
line-height: 1.6;
text-align: center;
background-color: #ffffff;
border-top: 0px solid #fff; /* 상단 배경색 */
}
.body_bg { background: url(../img/new/bg_main_section.png) 0% 106px repeat-x; } /* 헤더 아래로 메인페이지 */
.body_bg2 { background: url(../img/new/bg_sub_section.png) 0% 106px repeat-x; } /* 헤더 아래로 서브페이지 */
.width10 { display:inline-block; width:10px; }
.width20 { display:inline-block; width:20px; }
.width30 { display:inline-block; width:30px; }
.border_none { border: 0px !important; }
.color_10 { color: #b1b1b1; }
.margin_zero { margin: 0; padding: 0; }
.margin-right_10 { margin-right: 10px; }
/* 배너들 */
.banner a { display:block; width:100%; height: 100%; }
.banner a:hover { background: #efeeee; filter:alpha(opacity=15); opacity: 0.15; -moz-opacity:0.15; }
/* 감추기 속성들 ( desk_ ) 미디어쿼리 확장용 */
.desk_hidden { display:none; }
/* layout 윤곽 */
#wrapper, header, #logo, nav, aside , #site_content, #footer
{ margin-left: auto; margin-right: auto;}
#wrapper { position: relative; width: 1026px; margin: 0px auto 20px auto ; } /* 포지션있어야 퀵배너 작동 */
header { width: 100%; height: 106px; margin-top: 0px; margin-bottom: 0px; }
#header_box { width: 100%; height: 36px; margin: 0 auto; padding-top: 0px; background-color: #efefef; }
#TopMenu { width: 100%; height: 70px; }
nav { width: 1026px; height: 70px; margin: 0 auto; position: relative; z-index: 10000; background-color: #ffffff; /* overflow: hidden; */ } /* nav */
nav ul { float: left; width: 726px; height: 44px; padding-top: 0px; margin: 18px 0 0 20px; }
section { margin-bottom: 0px; }
#main_section {
margin: 0px auto 0px auto; width: 1026px; height: 358px;
text-align: left; padding: 0;
background: url(../img/new/bg_main_section.png) 0% 0% repeat-x; /* body 에도 있음 */
/* overflow: hidden; */
}
#site_content {
width: 1026px; margin: 0px auto 20px auto; padding: 0;
border: 0px solid #E7E7E7;
overflow: hidden;
}
#content_m { /* 본문(메인페이지) */
float:left; text-align: left; width: 1026px; min-height: 358px;
margin: 0; padding: 0;
}
#content { /* 본문 */
float:right; text-align: left; width: 840px; min-height: 400px; overflow-x: hidden; /* ie6 에선 overflow-x: hidden; 해야함 */
margin: 20px 0 0 0px;
}
aside { /* 사이드바 */
float: left; width: 186px; min-height:900px;
padding-top: 0px; margin-right: 0px;
}
footer {
width: 1018px; height: 110px;
margin: 20px auto 49px auto;
background-color: #ffffff;
}
footer .bot { width: 1018px; height: 110px; background: url(../img/new/bot.png) 0% 0% no-repeat; }
footer .bot_ins { width: 1018px; height: 110px; background: url(../img/new/bot_ins.png) 0% 0% no-repeat; }
#bottom_form_area {
position: fixed;
bottom: 0; left: 0;
margin: 0 auto;
width: 100%; height: 49px;
text-align: center;
}
/* wrapper 벗어나는 영역들 */
#footer_box { width: 1026px; margin: 0 auto; }
/* ********************Detail**************************** */
#logo {
float: left;
width: 151px; height: 60px;
margin: 4px 0px 0px 20px; /* 위치값 */
background: url(../img/new/logo.png) 0% 0% no-repeat;
}
#logo_ins {
float: left;
width: 151px; height: 60px;
margin: 4px 0px 0px 20px; /* 위치값 */
background: url(../img/new/insshop_logo.png) 0% 0% no-repeat;
}
header a {
display:block;
width:100%; height: 100%;
}
.header_call { /* 전화 */
margin: 0 auto;
width: 1026px; height: 36px;
background: url(../img/new/call_long.png) 243px 0% no-repeat;
}
.header_call_ins { /* insshop 전화 */
margin: 0 auto;
width: 1026px; height: 36px;
background: url(../img/new/call_long_ins.png) 243px 0% no-repeat;
}
#event {
float: left;
width: 92px; height: 65px;
margin: 5px 0px 0px 5px; /* 위치값 */
background: url(../img/new/event2.png) 0% 0% no-repeat;
}
/* Nav */
nav { padding: 0px 0 0px 0px; } /* ( 조절시 주의 요망 ) */
nav .nav_box_nav { float: left; margin-top: 0px; }
nav li { float: left; margin: 0 0px; }
nav li a , nav li a:hover { width:100%; height: 100%; }
.nav_btn_01 , .nav_btn_01_on { width: 101px; height: 42px; margin-left: 0px; margin-right: 12px; } /* 위치조절 */
.nav_btn_02 , .nav_btn_02_on { width: 142px; height: 42px; margin-right: 12px; }
.nav_btn_03 , .nav_btn_03_on { width: 138px; height: 42px; margin-right: 12px; }
.nav_btn_04 , .nav_btn_04_on { width: 86px; height: 42px; margin-right: 12px; }
.nav_btn_05 , .nav_btn_05_on { width: 119px; height: 42px; margin-right: 12px; }
.nav_btn_06 , .nav_btn_06_on { width: 74px; height: 42px; margin-right: 0px; }
.nav_btn_01 a { background: url(../img/new/btn_nav_01.png) 0% 0% no-repeat; }
.nav_btn_02 a { background: url(../img/new/btn_nav_02.png) 0% 0% no-repeat; }
.nav_btn_03 a { background: url(../img/new/btn_nav_03.png) 0% 0% no-repeat; }
.nav_btn_04 a { background: url(../img/new/btn_nav_04.png) 0% 0% no-repeat; }
.nav_btn_05 a { background: url(../img/new/btn_nav_05.png) 0% 0% no-repeat; }
.nav_btn_06 a { background: url(../img/new/btn_nav_06.png) 0% 0% no-repeat; }
.nav_btn_01 a:hover , .nav_btn_01_on { background: url(../img/new/btn_nav_01_on.png) 0% 0% no-repeat; }
.nav_btn_02 a:hover , .nav_btn_02_on { background: url(../img/new/btn_nav_02_on.png) 0% 0% no-repeat; }
.nav_btn_03 a:hover , .nav_btn_03_on { background: url(../img/new/btn_nav_03_on.png) 0% 0% no-repeat; }
.nav_btn_04 a:hover , .nav_btn_04_on { background: url(../img/new/btn_nav_04_on.png) 0% 0% no-repeat; }
.nav_btn_05 a:hover , .nav_btn_05_on { background: url(../img/new/btn_nav_05_on.png) 0% 0% no-repeat; }
.nav_btn_06 a:hover , .nav_btn_06_on { background: url(../img/new/btn_nav_06_on.png) 0% 0% no-repeat; }
/* 좌측 메뉴 */
#sec_nav { margin-top: 0px; width: 186px; } /* height: 삭제 */
.sec_nav_title { width: 186px; height: 38px; background: url(../img/new/nav2_title.png) 0% 0% no-repeat; }
#sec_nav li { float: none; width: 186px; height: 32px; }
#sec_nav li a , #sec_nav li a:hover { display: block; width:100%; height: 100%; }
.nav2_btn_01 a { background: url(../img/new/btn_nav2_01.png) 0% 0% no-repeat; }
.nav2_btn_02 a { background: url(../img/new/btn_nav2_02.png) 0% 0% no-repeat; }
.nav2_btn_03 a { background: url(../img/new/btn_nav2_03.png) 0% 0% no-repeat; }
.nav2_btn_04 a { background: url(../img/new/btn_nav2_04.png) 0% 0% no-repeat; }
.nav2_btn_05 a { background: url(../img/new/btn_nav2_05.png) 0% 0% no-repeat; }
.nav2_btn_06 a { background: url(../img/new/btn_nav2_06.png) 0% 0% no-repeat; }
.nav2_btn_07 a { background: url(../img/new/btn_nav2_07.png) 0% 0% no-repeat; }
.nav2_btn_08 a { background: url(../img/new/btn_nav2_08.png) 0% 0% no-repeat; }
.nav2_btn_09 a { background: url(../img/new/btn_nav2_09.png) 0% 0% no-repeat; }
.nav2_btn_10 a { background: url(../img/new/btn_nav2_10.png) 0% 0% no-repeat; }
.nav2_btn_01 a:hover , .nav2_btn_01_on a { background: url(../img/new/btn_nav2_01_on.png) 0% 0% no-repeat; }
.nav2_btn_02 a:hover , .nav2_btn_02_on a { background: url(../img/new/btn_nav2_02_on.png) 0% 0% no-repeat; }
.nav2_btn_03 a:hover , .nav2_btn_03_on a { background: url(../img/new/btn_nav2_03_on.png) 0% 0% no-repeat; }
.nav2_btn_04 a:hover , .nav2_btn_04_on a { background: url(../img/new/btn_nav2_04_on.png) 0% 0% no-repeat; }
.nav2_btn_05 a:hover , .nav2_btn_05_on a { background: url(../img/new/btn_nav2_05_on.png) 0% 0% no-repeat; }
.nav2_btn_06 a:hover , .nav2_btn_06_on a { background: url(../img/new/btn_nav2_06_on.png) 0% 0% no-repeat; }
.nav2_btn_07 a:hover , .nav2_btn_07_on a { background: url(../img/new/btn_nav2_07_on.png) 0% 0% no-repeat; }
.nav2_btn_08 a:hover , .nav2_btn_08_on a { background: url(../img/new/btn_nav2_08_on.png) 0% 0% no-repeat; }
.nav2_btn_09 a:hover , .nav2_btn_09_on a { background: url(../img/new/btn_nav2_09_on.png) 0% 0% no-repeat; }
.nav2_btn_10 a:hover , .nav2_btn_10_on a { background: url(../img/new/btn_nav2_10_on.png) 0% 0% no-repeat; }
/* 좌측메뉴 2차 */
#sec_nav li span { display: none; }
#sec_nav li span a { background: none !important; } /* 2차를 나중에 추가했기때문... */
#sec_nav li:hover span {
display: block;
position: relative;
top: -40px; left: 180px;
z-index: 1000;
width: 170px; height: 300px; overflow: hidden;
background-color: #ffffff;
padding: 10px;
border: 1px solid #bcbcbc;
z-index: 10000;
}
.nav2_sub_01 ul { width: 100%; height: 100%; overflow: hidden; }
.nav2_sub_01 li { }
#sec_nav li:hover span li {
float: none;
list-style: none;
text-align: left;
width: 260px; height: 20px;
padding: 5px 10px;
font-size: 13px;
}
#sec_nav li:hover span li:hover { background: #f1f1f1; }
#sec_nav li:hover span li a:link , #sec_nav li:hover span li a:visited , #sec_nav li:hover span li a:hover , #sec_nav li:hover span li a:active { color: #5c5c5c; }
.nav4_btn_01 a { background: url(../img/new/btn_nav4_01.png) 0% 0% no-repeat; }
.nav4_btn_02 a { background: url(../img/new/btn_nav4_02.png) 0% 0% no-repeat; }
.nav4_btn_03 a { background: url(../img/new/btn_nav4_03.png) 0% 0% no-repeat; }
.nav4_btn_04 a { background: url(../img/new/btn_nav4_04.png) 0% 0% no-repeat; }
.nav4_btn_05 a { background: url(../img/new/btn_nav4_05.png) 0% 0% no-repeat; }
.nav4_btn_06 a { background: url(../img/new/btn_nav4_06.png) 0% 0% no-repeat; }
.nav4_btn_07 a { background: url(../img/new/btn_nav4_07.png) 0% 0% no-repeat; }
.nav4_btn_01 a:hover , .nav4_btn_01_on a { background: url(../img/new/btn_nav4_01_on.png) 0% 0% no-repeat; }
.nav4_btn_02 a:hover , .nav4_btn_02_on a { background: url(../img/new/btn_nav4_02_on.png) 0% 0% no-repeat; }
.nav4_btn_03 a:hover , .nav4_btn_03_on a { background: url(../img/new/btn_nav4_03_on.png) 0% 0% no-repeat; }
.nav4_btn_04 a:hover , .nav4_btn_04_on a { background: url(../img/new/btn_nav4_04_on.png) 0% 0% no-repeat; }
.nav4_btn_05 a:hover , .nav4_btn_05_on a { background: url(../img/new/btn_nav4_05_on.png) 0% 0% no-repeat; }
.nav4_btn_06 a:hover , .nav4_btn_06_on a { background: url(../img/new/btn_nav4_06_on.png) 0% 0% no-repeat; }
.nav4_btn_07 a:hover , .nav4_btn_07_on a { background: url(../img/new/btn_nav4_07_on.png) 0% 0% no-repeat; }
/* Second Nav ( Product page ) */
/*
#second_nav { background: url(../img/bg_p_se_nav.gif) 0% 0% no-repeat; text-align: left; overflow: hidden; }
#second_nav ul { position: relative; top: 7px; left: 22px; width: 950px; height: 24px; }
#second_nav li { float: left; }
#second_nav .s_nav_li { height: 24px; }
#second_nav li a { display: block; }
#second_nav li a , #second_nav li a:hover { width:100%; height:100%; }
.second_nav_btn_01 , .second_nav_btn_01_on { width: 204px; margin-right: 17px; }
.second_nav_btn_02 , .second_nav_btn_02_on { width: 213px; margin-right: 19px; }
.second_nav_btn_03 , .second_nav_btn_03_on { width: 205px; margin-right: 18px; }
.second_nav_btn_04 , .second_nav_btn_04_on { width: 248px; }
.second_nav_btn_01 a { background: url(../img/btn_se_nav_01.gif) 0% 0% no-repeat; }
.second_nav_btn_02 a { background: url(../img/btn_se_nav_02.gif) 0% 0% no-repeat; }
.second_nav_btn_03 a { background: url(../img/btn_se_nav_03.gif) 0% 0% no-repeat; }
.second_nav_btn_04 a { background: url(../img/btn_se_nav_04.gif) 0% 0% no-repeat; }
.second_nav_btn_01 a:hover , .second_nav_btn_01_on { background: url(../img/btn_se_nav_01_on.gif) 0% 0% no-repeat; }
.second_nav_btn_02 a:hover , .second_nav_btn_02_on { background: url(../img/btn_se_nav_02_on.gif) 0% 0% no-repeat; }
.second_nav_btn_03 a:hover , .second_nav_btn_03_on { background: url(../img/btn_se_nav_03_on.gif) 0% 0% no-repeat; }
.second_nav_btn_04 a:hover , .second_nav_btn_04_on { background: url(../img/btn_se_nav_04_on.gif) 0% 0% no-repeat; }
*/
#main_section .main_section_ul li { float: left; }
/* 좌측 메뉴 */
.sec_nav {
width: 186px; height: 358px;
background-color: gray;
}
/* 메인 이미지 Slide */
.main_section_img {
width: 526px; height: 358px;
overflow: hidden;
}
/* 무료상담 , 전화 */
.main_section_r_area {
width: 310px; height: 358px;
}
.main_section_call {
width: 298px; height: 171px;
margin: 5px 0 0 7px;
background: url(../img/new/main_section_call.png) 0% 0% no-repeat;
}
.main_section_call_ins { /* insshop */
width: 298px; height: 171px;
margin: 5px 0 0 7px;
background: url(../img/new/main_section_call_ins.png) 0% 0% no-repeat;
}
/* 메인 섹션 1 */
#main_section_1 { width: 1018px; height: 291px; margin-top: 21px; margin-bottom: 24px; }
#main_section_1 li { float: left; }
/* 메인 중앙 폼 */
.main_counsel { width: 513px; height: 291px; background: url(../img/new/main_counsel_bg.png) 0% 0% no-repeat; }
.main_coex { width: 505px; height: 291px; background: url(../img/new/coex01.png) 0% 0% no-repeat; }
.main_coex a { display: block; width: 100%; height: 100%; }
/* 메인 섹션 2 */
#main_section_2 { width: 1018px; height: 285px; margin-bottom: 33px; background: url(../img/new/category_bg.png) 0% 0% no-repeat; }
#main_section_2 ul { position: relative; top: 98px; left: 12px; width: 1006px; height: 173px; }
#main_section_2 li { float: left; width: 182px; height: 173px; }
#main_section_2 li a { display: block; width: 100%; height: 100%; }
.category_01 { background: url(../img/new/category_01.png) 0% 0% no-repeat; margin-right: 20px; }
.category_02 { background: url(../img/new/category_02.png) 0% 0% no-repeat; margin-right: 25px; }
.category_03 { background: url(../img/new/category_03.png) 0% 0% no-repeat; margin-right: 20px; }
.category_04 { background: url(../img/new/category_04.png) 0% 0% no-repeat; margin-right: 20px; }
.category_05 { background: url(../img/new/category_05.png) 0% 0% no-repeat; margin-right: 0px; }
/* 메인 섹션 3 */
#main_section_3 { width: 1018px; height: 262px; margin-bottom: 40px; overflow: hidden; /* embed 삐져나감 */ }
#main_section_3 li { float: left; }
#main_section_3 li a { display: block; width: 100%; height: 100%; }
.main_tv { width: 324px; height: 262px; margin-right: 20px; padding-top: 45px; background: url(../img/new/tv_title.png) 0% 0% no-repeat; }
.main_newspaper { width: 336px; height: 262px; background: url(../img/new/newspaper.png) 0% 0% no-repeat; }
.main_life { width: 338px; height: 262px; background: url(../img/new/life_calcul.png) 0% 0% no-repeat; }
/* 메인 섹션 4 */
#main_section_4 { width: 1018px; height: 175px; margin-bottom: 0px; }
#main_section_4 ul { width: 1018px; height: 175px; }
#main_section_4 li { float: left; }
.main_board_more { display: inline-block; position: relative; top: -158px; left: 297px; width: 20px; height: 20px; }
.main_board_1 { width: 324px; height: 175px; margin-right: 20px; padding-top: 45px; background: url(../img/new/main_board_1.png) 0% 0% no-repeat; }
.main_board_2 { width: 324px; height: 175px; margin-right: 20px; padding-top: 45px; background: url(../img/new/main_board_2.png) 0% 0% no-repeat; }
.main_board_3 { width: 330px; height: 175px; margin-right: 0px; background: url(../img/new/main_board_3.png) 0% 0% no-repeat; }
.main_board_3 a { display: block; width: 100%; height: 100%; }
.main_board_1 a , .main_board_2 a { color: #686868; }
#mainimage { /* sub 메인이미지 */
float: left;
width: 698px; height: 290px; overflow: hidden;
margin-top: 0px; margin-left:20px; /* 미세조정 */
}
.mainimage_01 { background: url(../img/p_01.jpg) 0% 0% no-repeat; }
.mainimage_02 { background: url(../img/p_02.jpg) 0% 0% no-repeat; }
.mainimage_03 { background: url(../img/p_03.jpg) 0% 0% no-repeat; }
.mainimage_04 { background: url(../img/p_04.jpg) 0% 0% no-repeat; }
.mainimage_05 { background: url(../img/p_05.jpg) 0% 0% no-repeat; }
.mainimage_06 { background: url(../img/p_06.jpg) 0% 0% no-repeat; }
.mainimage_07 { background: url(../img/p_07.jpg) 0% 0% no-repeat; }
.mainimage_08 { background: url(../img/p_08.jpg) 0% 0% no-repeat; }
#main_2 { /* 메인이미지 옆 상담폼 위치조정 */
margin-right:20px; /* 미세조정 */
}
#main_image_box {
position: relative;
top: 45px; left: 0px;
width: 228px; height: 196px;
overflow: hidden;
}
#main_image_box li { float: none; display: block; }
/* 테두리 효과 */
#main_image_box li a { display: block; width: 227px; height: 65px; margin-left: 1px; }
#main_image_box li a:hover { outline: 2px dotted #bcbcbc; }
.main_image_btn_01 { width: 228px; height: 65px; padding-top: 1px; background: url(../img/btn_m_img_01.png) 0% 0% no-repeat; }
.main_image_btn_02 { width: 228px; height: 65px; background: url(../img/btn_m_img_02.png) 0% 0% no-repeat; }
.main_image_btn_03 { width: 228px; height: 65px; background: url(../img/btn_m_img_03.png) 0% 0% no-repeat; }
/* 메인 폼 */
#form_w_100 { width: 100%; min-height: 178px; margin-top: 0px; margin-bottom: 10px; }
.f_w_100_title { width: 1026px; height: 49px; background: url(../img/bg_form_01_top.png) 0% 0% no-repeat; }
.f_w_100_content { width: 1026px; height: 85px; background: url(../img/bg_form_01.png) 0% 0% repeat-y; }
.f_w_100_bottom { width: 1026px; height: 7px; background: url(../img/bg_form_01_bottom.png) 0% 0% no-repeat; }
.f_w_text_box { position: relative; top: 6px; left: 49px; width: 924px; height: 70px; }
.f_w_text_box li { float: left; display: block; }
.f_w_text_area { width:697px; height: 78px; /* background: url(../img/bg_form_text.png) 0% 0% no-repeat; */}
#m_aljja_table1 {
position: relative; top: 0px; left: 60px;
width: 930px; height: 0px;
margin-bottom: 0px;
}
.m_checkbox { vertical-align: middle; margin: 0 3px; }
#m_aljja_table2 {
margin-top: 5px; margin-left: 80px;
width:550px; height: 60px;
}
.input_01 { border: 1px solid #6f6f6f; background-color:#ffffff; width:100px;height:22px;line-height:22px;padding:0 3px;text-align:center; margin-left: 5px; }
.input_02 { border: 1px solid #6f6f6f; background-color:#ffffff; width:40px;height:22px;line-height:22px;padding:0 3px;text-align:center; margin: 0 5px; }
/* 버튼4개 */
#main_box2 { width: 1026px; height: 214px; overflow: hidden; }
#main_box2 ul { position: relative; top: 0px; left: 10px; width: 1016px; height: 200px; overflow: hidden;}
#main_box2 li { float: left; width: 239px; height: 196px; }
#main_box2 li a , #main_box2 li a:hover { display: block; width: 100%; height: 100%; }
.btn_m_01 { background: url(../img/btn_m_01.png) 0% 0% no-repeat; margin-right: 20px; }
.btn_m_02 { background: url(../img/btn_m_02.png) 0% 0% no-repeat; margin-right: 20px; }
.btn_m_03 { background: url(../img/btn_m_03.png) 0% 0% no-repeat; margin-right: 20px; }
.btn_m_04 { background: url(../img/btn_m_04.png) 0% 0% no-repeat; }
/* 버튼3개 */
#main_box3 { width: 1026px; height: 201px; margin-top: 10px; background: url(../img/bg_m_3.png) 0% 0% no-repeat; overflow: hidden; }
#main_box3 ul { position: relative; top: 30px; left: 25px; width: 990px; height: 150px; overflow: hidden;}
#main_box3 li { float: left; width: 299px; height: 140px; }
#main_box3 li a , #main_box2 li a:hover { display: block; width: 100%; height: 100%; }
.btn_m_3_01 { background: url(../img/btn_m_3_01.png) 0% 0% no-repeat; margin-right: 40px; }
.btn_m_3_02 { background: url(../img/btn_m_3_02.png) 0% 0% no-repeat; margin-right: 45px; }
.btn_m_3_03 { background: url(../img/btn_m_3_03.png) 0% 0% no-repeat; }
/* 다른 보험 */
#main_banner { width: 1026px; height: 109px; margin: 10px 0 10px 0px; background: url(../img/bg_02.png) 0% 0% no-repeat; padding-top: 47px; padding-left: 20px; overflow: hidden; }
#main_banner ul { width: 998px; height: 60px; padding-left: 3px; padding-top:7px; background-color: #f8f8f8; }
#main_banner li { float: left; display: block; margin: 0 5px; }
#main_banner li a , #main_banner li a:hover { display: block; width: 130px; height: 50px; }
.btn_aljja_01 { background: url(../img/btn_aljja_01.gif) 0% 0% no-repeat; }
.btn_aljja_02 { background: url(../img/btn_aljja_02.gif) 0% 0% no-repeat; }
.btn_aljja_03 { background: url(../img/btn_aljja_03.gif) 0% 0% no-repeat; }
.btn_aljja_04 { background: url(../img/btn_aljja_04.gif) 0% 0% no-repeat;}
.btn_aljja_05 { background: url(../img/btn_aljja_05.gif) 0% 0% no-repeat; }
.btn_aljja_06 { background: url(../img/btn_aljja_06.gif) 0% 0% no-repeat; }
.btn_aljja_07 { background: url(../img/btn_aljja_07.gif) 0% 0% no-repeat; }
.btn_aljja_08 { background: url(../img/btn_aljja_08.gif) 0% 0% no-repeat; }
/* 사이드바 */
.aside_call {
width: 186px; height: 188px;
margin-top: 15px; margin-left: 0px;
background: url(../img/new/aside_call.png) 0% 0% no-repeat;
}
.aside_call_ins { /* insshop */
width: 186px; height: 188px;
margin-top: 15px; margin-left: 0px;
background: url(../img/new/aside_call_ins.png) 0% 0% no-repeat;
}
/* 푸터 */
.footer_area_01 { float:left; width: 70%; }
.footer_area_02 { float:left; width: 30%; text-align: center; }
footer p {
text-align: left; padding: 0 5px; font-size: 12px; line-height: 24px;
white-space: nowrap; /* 줄바꿈금지 */
}
/* 하단 폼 Fixed */
#bottom_form {
margin: 0 auto;
width: 1018px; height: 49px;
background: url(../img/new/bottom_form_bg.png) 0% 0% no-repeat;
text-align:left; font-size:14px;letter-spacing:-0.1em; overflow: hidden;
}
#bottom_form input { margin:0 4px;outline: 1px solid #ffffff; }
#bottom_form input:focus , #bottom_form input:hover { outline: 1px solid #d75b07; }
#bottom_form input[type=checkbox] { border:0;margin:0 4px; outline: 0; }
#bottom_form input[type=image] { outline: 0; }
#bottom_form .bottom_form {
position:relative;top:13px;left:250px;
width:720px;height: 25px;
margin:0;padding:0;
text-align: left;
}
/* ***************** 서브 컨텐츠 페이지 *********************** */
/* 회사소개 */
#company_content {
width: 700px; height: 1908px;
margin: 20px auto 0 auto;
background: url(../img/company.jpg) 0% 0% no-repeat;
}
/* 보험금 청구 안내 */
#charge_content {
width: 702px; height: 1529px; /* height + 14px */
background: url(../img/charge.gif) 0% 14px no-repeat;
}
.charge_call_1 {
position: relative;
top: 1154px; left: 50px;
width: 500px; height: 70px;
border:0px solid red;
}
.charge_call_2 {
position: relative;
top: 1391px; left: 422px;
width: 200px; height: 30px;
font-weight: bold; font-size: 12px; letter-spacing: -0.1em;
border:0px solid red;
}
/* 보험 지식인 */
#jisik_content {
width: 702px; min-height: 500px;
}
/* E-Book */
#ebook_content1 {
width: 680px; height: 314px; /* height + 14px */
margin: 0 auto;
background: url(../img/ebook_title.gif) 0% 0% no-repeat;
}
#ebook_content2 {
width: 680px; height: 469px; /* height + 5px */
margin: 0 auto;
background: url(../img/ebook_intro.gif) 0% 5px no-repeat;
}
/* Nav (off한 3D 효과) */
#mainNav { clear:both; width:100%; margin-left:1px; }
#mainNav.sevenStep li{width:146px; height: 50px;}
#mainNav.sevenStep li a{width:146px; height: 50px; display:block;}
#mainNav li {
list-style:none;
float:left;
border: 0px;
background-color:#7c8437; /* btn 배경 #EBEBEB */
background-image: url(../img/navBtn.gif);
background-repeat: no-repeat;
background-position: right top;
font-size: 15px;
}
#mainNav li.current{
background-color:#C36615;
background-image: url(../img/navCurrentBtn.gif);
}
#mainNav li.lastDone{
background-color:#7C8437;
background-image: url(../img/navLastDoneBtn.gif);
}
#mainNav li.done{
background-color:#7C8437;
background-image: url(../img/navDoneBtn.gif);
}
#mainNav li a, #mainNav li a:link,
#mainNav li a:visited, #mainNav li a:active {
color:#ffffff; /* 다음단계 글씨색 */
}
#mainNav li a:hover { color: #FFFF99; } /* 다음단계 글씨 f82c0b */
#mainNav li.lastDone a, #mainNav li.lastDone a:link,
#mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover,
#mainNav li.lastDone a:active, #mainNav li.current a,
#mainNav li.current a:link, #mainNav li.current a:visited,
#mainNav li.current a:hover, #mainNav li.current a:active,
#mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited,
#mainNav li.done a:hover, #mainNav li.done a:active {
color:#ffffff;
}
#mainNav li.current a em { color: #ffffff; }
#mainNav li.done a:hover, #mainNav li.lastDone a:hover {
color:#FFFF99;
cursor:hand;
}
#mainNav li a em{
width:130px;
display:block;
margin:12px 0 0 0;
font-style:normal;
font-weight:bold;
}
#mainNav li.mainNavNoBg{
background-image:none;
}