/* 인스밸리 CSS */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0px;padding:0px;-webkit-text-size-adjust:none} img,fieldset{border:0} ul,ol{list-style:none} a{color:#000;text-decoration:none;cursor:pointer} em,address{font-style:normal} td {font-family: "돋움","Arial", "Helvetic"; font-size: 12px; line-height: 13pt; color: #666666; text-decoration: none;} td a:link {font-family: "돋움","Arial", "Helvetic"; font-size: 12px; line-height: 13pt; color: #666666; text-decoration: none;} td a:visited {font-family: "돋움","Arial", "Helvetic"; font-size: 12px; line-height: 13pt; color: #666666; text-decoration: none;} td a:hover {font-family: "돋움","Arial", "Helvetic"; font-size: 12px; line-height: 13pt; color: #666666; text-decoration: underline;} .divP { padding-bottom: 30px;} .img01 { margin: 0 14px 7px 14px ;} .img02 { margin: 2px 0 2px 0 ;} .txt01 /* 11px*/ { font-size:11px; font-family: "돋움","Arial", "Helvetic"; color: #666666; letter-spacing: -0.08em; } a.txt01:link { font-size:11px;color: #666666; font-family: "돋움"; text-decoration: none;} a.txt01:visited {font-size:11px; color: #666666; font-family: "돋움"; text-decoration: none;} a.txt01:hover { font-size:11px;color: #666666; font-family: "돋움" ; text-decoration: underline;} .txt11 /* 11px*/ { font-size:11px; font-family: "돋움","Arial", "Helvetic"; color: #000; letter-spacing: -0.08em; } a.txt11:link { font-size:11px;color: #000; letter-spacing: -0.08em; font-family: "돋움"; text-decoration: none;} a.txt11:visited {font-size:11px; color: #000; letter-spacing: -0.08em; font-family: "돋움"; text-decoration: none;} a.txt11:hover { font-size:11px;color: #000; letter-spacing: -0.08em; font-family: "돋움" ; text-decoration: underline;} /* 전화번호 */ .txt02 { font-family:Impact; color: #163987; font-size: 44px; font-weight: bold; line-height: 105%; } /* 080 흰색 큰숫자 */ .txt080_01 { font-family:Impact; color: #ffffff; font-size: 38px; font-weight: bold; line-height: 100%;} /* 080 다홍 큰숫자 */ .txt080_02 { font-family:Impact; color: #f54837; font-size: 44px; font-weight: bold; line-height: 100%;} /* 080 다홍 중간숫자 */ .txt080_03 { font-family:Impact; color: #f54837; font-size: 30px; font-weight: bold; line-height: 100%;} /* 080 다홍 작은숫자 */ .txt080_04 { font-family:Impact; color: #f54837; font-size: 24px; font-weight: bold; line-height: 100%;} /* 080 한국경제 숫자 */ .txt080_05 { font-family:Impact; color: #2a1d20; font-size: 24px; font-weight: bold; line-height: 100%; letter-spacing:1pt;} /* 블루폰트 */ .txt03 { color:#5db7fd; text-decoration:none; } a.txt03:link { color:#5db7fd; text-decoration:none; } a.txt03:visited { color:#5db7fd; text-decoration:none; } a.txt03:hover { color:#5db7fd; text-decoration:underline; } /* 그레이작은글씨 */ .txt04 { color: #999999; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: none;} a.txt04:link { color: #999999; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: none;} a.txt04:visited {color: #999999; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: none;} a.txt04:hover { color: #999999; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: underline;} /* 검정글씨 */ .txt05s { font-size:11px; color: #000000; letter-spacing: -0.1em; line-height:110%;} .txt05ss { font-size:11px; color: #000000; letter-spacing: -0.1em; line-height:160%;} .txt05st { font-size:11px; color: #000000; line-height:160%;} .txt05 {font-size:12px; color: #000000; letter-spacing: -0.1em; line-height: 120% } .txt06 {font-size: 14px; line-height:120%; color: #000000;} /* 스카이글씨 */ .txt07 { color: #797878; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none; letter-spacing: -0.1em;} a.txt07:link { color: #797878; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none; letter-spacing: -0.1em;} a.txt07:visited {color: #797878; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none; letter-spacing: -0.1em;} a.txt07:hover { color: #848689; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: underline; letter-spacing: -0.1em;} /* 흰색 14px*/ .txt_wh14 { font-size:14px; font-family: "돋움","Arial", "Helvetic"; color: #ffffff; font-weight: bold;} a.txt_wh14:link { font-size:14px;color: #ffffff; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_wh14:visited {font-size:14px; color: #ffffff; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_wh14:hover { font-size:14px;color: #ffffff; font-family: "돋움" ; font-weight: bold; text-decoration: underline;} /* 흰색 12px*/ .txt_wh12 { font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #ffffff; font-weight: bold;} a.txt_wh12:link { font-size:12px;color: #ffffff; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_wh12:visited {font-size:12px; color: #ffffff; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_wh12:hover { font-size:12px;color: #ffffff; font-family: "돋움" ; font-weight: bold; text-decoration: underline;} /* 서포터즈 탭*/ .txt_rst01 { font-size:11px; font-family: "돋움","Arial", "Helvetic"; color: #666666;} a.txt_rst01:link { font-size:11px;color: #666666; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_rst01:visited {font-size:11px; color: #666666; font-family: "돋움"; font-weight: bold; text-decoration: none;} a.txt_rst01:hover { font-size:11px;color: #fe5656; font-family: "돋움" ; font-weight: bold; text-decoration: underline;} /* 서포터즈 탭*/ .txt_rst02 { font-size:16px; font-family: "돋움","Arial", "Helvetic"; color: #666666; line-height: 140%;} a.txt_rst02:link { font-size:16px;color: #666666; font-family: "돋움"; font-weight: bold; text-decoration: none; line-height: 140%;} a.txt_rst02:visited {font-size:16px; color: #666666; font-family: "돋움"; font-weight: bold; text-decoration: none; line-height: 140%;} a.txt_rst02:hover { font-size:16px;color: #fe5656; font-family: "돋움" ; font-weight: bold; text-decoration: underline; line-height: 140%;} /* 서포터즈 탭*/ .txt_rst03 { font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #767676; line-height: 140%;} a.txt_rst03:link { font-size:12px;color: #767676; font-family: "돋움"; text-decoration: none; line-height: 140%;} a.txt_rst03:visited {font-size:12px; color: #767676; font-family: "돋움"; text-decoration: none; line-height: 140%;} a.txt_rst03:hover { font-size:12px; color: #565656; font-family: "돋움" ; font-weight: bold; text-decoration: underline; line-height: 140%;} /* 참 자보경품안내*/ .ch_c01 { font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #878787; text-decoration: none; } a.ch_c01:link { font-size:12px;color: #878787; font-family: "돋움"; text-decoration: none;} a.ch_c01:visited {font-size:12px; color: #878787; font-family: "돋움"; text-decoration: none;} a.ch_c01:hover { font-size:12px; color: #de3c37; font-family: "돋움" ; font-weight: bold; text-decoration: underline;} /* 오렌지 작은 */ .txt08 { color: #fe1138; font-size: 11px;} /* 오렌지 큰 */ .txt08s { color: #fe1138; font-size: 14px;} a.txt08s:link { color: #fe1138; font-size: 14px; text-decoration: none;} a.txt08s:visited {color: #fe1138; font-size: 14px; text-decoration: none;} a.txt08s:hover { color: #fe1138; font-size: 14px; text-decoration: underline;} /* 이벤트숫자 */ .txt09 { color: #848689; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none; } a.txt09:link { color: #848689; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none;} a.txt09:visited {color: #848689; font-size: 11px; font-weight: normal; line-height: 140%; text-decoration: none;} a.txt09:hover { color: #ffffff; font-weight: bold; font-size: 11px; line-height: 140%; background-color: #000000; padding: 4px 6px;} /* 서브 타이틀 */ .txt10 { font-size:18px; color: #000000; line-height:120%; font-family: "돋움","Arial", "Helvetic"; padding-right: 15px; } .line01 { border-bottom: #d2d2d2 1px solid;} /* 우측에만 라인 */ .line02 { border-right: #cbcbcb 1px solid; padding:0 9px; } .line02s { border-right: #cbcbcb 1px solid; } /* 위 도트라인 */ .line03 { border-top: #cbcbcb 1px dotted; } /* 테두리 전체라인 */ .line04 { border: solid 1px #e5e5e5;} /* 위뺀 라인 */ .line05 { border-bottom: #d2d2d2 1px solid; border-left: #d2d2d2 1px solid; border-right: #d2d2d2 1px solid; padding: 0 8px 5px 8px; } /* 위 라인 */ .line06 { border-top: #cbcbcb 1px solid; } /* 위 라인 오렌지 */ .line06s { border-top: #f55140 1px solid; } /* 오른쪽 도트라인 */ .line07 { border-right: #cbcbcb 1px dotted; padding: 0 15px; } /* 아래쪽 도트라인 */ .line07s { border-bottom: #cbcbcb 1px dotted; } /* 아래쪽 도트라인 */ .line07ss { border-bottom: #cbcbcb 1px dotted; padding-bottom: 15px; } /* 왼쪽 도트라인 */ .line08 { border-left: #cbcbcb 1px dotted; } /* 아래라인 오렌지 */ .lineblue { border-bottom: #fe1138 1px solid;} /* 위뺀 라인스카이 */ .line09 { border: #e5e5e5 1px solid; border-top: none;} /* 맞춤정보 라인 */ .line10 { border: solid 1px #0b3794; background-color: #fefcdc; padding: 10px;} /* 맞춤정보 기본 */ .infoTIT03 { font-size: 11px; line-height: 120%; letter-spacing: -0.05em;} /* 맞춤정보 타이틀 */ .infoTIT { background-color: #0b3794; color: #ffffff; padding-left: 10px; } /* 맞춤정보 블루 */ .infoTIT02 { color: #36a6fe; font-size: 11px; text-decoration: none;} a.infoTIT02:link { color: #36a6fe; font-size: 11px; text-decoration: none;} a.infoTIT02:visited {color: #36a6fe; font-size: 11px; text-decoration: none;} a.infoTIT02:hover { color: #36a6fe; font-size: 11px; text-decoration: underline; } /* 전체보기패딩 */ .all { padding: 3px 0 ;} /* 메인폼박스_라인없음 */ .input_search { BACKGROUND-COLOR: #FFFFFF; BORDER: white 1px solid; COLOR: #fe5656; FONT-FAMILY: "돋움", "Arial", "Helverica"; FONT-SIZE: 12px; padding: 3px 3px 0 3px ; width:180px; height: 17px; } /* 서브헤더 폼박스 */ .input_search02 { BACKGROUND-COLOR: #FFFFFF; BORDER: white 1px solid; COLOR: #fe5656; FONT-FAMILY: "돋움", "Arial", "Helverica"; FONT-SIZE: 11px; padding: 3px 3px 0 3px ; width:165px; height: 15px; } /* 빠른계산폼박스 */ .input_default { BACKGROUND-COLOR: #FFFFFF; BORDER: #c9c9c9 1px solid; COLOR: #666666; FONT-FAMILY: "돋움", "Arial", "Helverica"; FONT-SIZE: 11px; padding: 2px 0 2px 3px ; } /* 2010.12.01추가 */ /* 리스트 */ .list_d { list-style-image:url(/img/good_201008/bl_li.jpg); margin-left: 18px; font-size: 12px; line-height: 170%;} .imgbtm10 { margin-bottom: 10px;} .divbtm10 { padding-bottom: 10px;} .divbtm30 { padding: 30px 0;} .divbtm40 { padding: 40px 0;} .banphone { font-family: sans-serif; font-size: 24px; color: #000000; letter-spacing: -0.07em;} .linebtm { border-bottom: #cbcbcb 1px solid; height: 30px; vertical-align: top;} .divtop10 { padding-top: 10px;} .padr20 { padding-right: 20px;} .padr8 { padding-right: 8px;} .mgTop1 { margin-top: 30px;} .mgBtm1 { margin-bottom: 30px;} .padd1 { padding-left: 20px;} /*ranking*/ .Srank{position:relative;width:100%; padding: 25px 0 0 0;} .Srank td { padding-bottom: 20px;} .Srank .icon{ margin-left: 10px;} .Srank span { font-size: 14px; font-weight:bold; color: #000000;} /*market best*/ .mk{ position:relative; width:100%;} .mkc{ position:relative; border-bottom: #d2d2d2 1px solid; border-left: #d2d2d2 1px solid; border-right: #d2d2d2 1px solid; } .mkc .ba{padding:0 30px; width: 268px;} .mkc .list{ position: absolute; right:27px; top: 17px; width: 394px;} .mkc .td01{ padding: 20px 0; border-bottom: #d2d2d2 1px dotted;} .mkc .td02{ padding: 13px 0; } .mkc .btn{ margin: 0 4px;} .list_mk { list-style-image:url(/img/good_201008/bl_li.jpg); margin-left: 18px; line-height: 120%;} .100mkc{ position:relative; border-bottom: #e2e3e7 1px solid; border-left: #e2e3e7 1px solid; border-right: #e2e3e7 1px solid; } .100td01{ padding: 20px 0; border-bottom: #d2d2d2 1px dotted;} .100td02{ padding: 13px 0; } .100txt01 { font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #000000; line-height: 150%; } a.100txt01:link { font-size:12px;color: #000000; font-family: "돋움"; text-decoration: none; line-height: 150%;} a.100txt01:visited {font-size:12px; color: #000000; font-family: "돋움"; text-decoration: none; line-height: 150%;} a.100txt01:hover { font-size:12px;color: #000000; font-family: "돋움" ; text-decoration: underline; line-height: 150%;} /* 11px*/ .txt_mk { font-size:11px; font-family: "돋움","Arial", "Helvetic"; color: #666666; line-height:110%; } a.txt_mk:link { font-size:11px;color: #666666; font-family: "돋움"; text-decoration: none; line-height:110%;} a.txt_mk:visited {font-size:11px; color: #666666; font-family: "돋움"; text-decoration: none; line-height:110%;} a.txt_mk:hover { font-size:11px;color: #666666; font-family: "돋움" ; text-decoration: underline; line-height:110%;} /*상담배너*/ .banner{ position:relative; width:100%; height:65px;background-color: #e2e0dc;} .banner td{font-family: sans-serif; font-size: 44px; color: #354c7e; letter-spacing: -0.07em; font-weight:bold; line-height: 160% } .banner .dot{ padding: 0 5px;} .baimg{ position:relative; widows: 100%; padding: 30px 0;} /*보험찾기*/ .scmk { position:relative; width: 100%; padding-bottom: 30px;} .scmk .pd { padding: 0 28px 0 0; } .scmk img{ margin-bottom: 4px;} .scmk .logo{ margin: 0 8px 0 0;} /*MY보험*/ .mydv { position:relative; width: 100%; padding: 25px 0 0 0;} .mydv .tit { margin-bottom: 12px;} .mydv .arr { margin: 0 5px 2px 0;} .mydv .stit { margin-right: 25px;} /* 테이블 */ .tbww { height: 30px; background-color: #fcfaf3; border-top: solid 2px #b7a497; border-bottom: solid 1px #b7a497; padding: 0 10px;} .tbbr { height: 30px; border-bottom: solid 1px #cacaca; padding: 0 10px; border-right: solid 1px #cacaca; padding: 0 10px;} .tbb { height: 30px; border-bottom: solid 1px #cacaca; padding: 0 10px;} .tblbr { border-left: solid 1px #cacaca; border-bottom: solid 1px #cacaca; border-right: solid 1px #cacaca; padding: 25px 30px;} .tblbr .txt { padding-bottom: 20px; border-bottom: solid 1px #cacaca; font-size: 18px; color: #000000; text-align:center;} .tblbr .rtxt { color: #e75450;} .tbbr2 { border-bottom: solid 1px #cacaca; border-right: solid 1px #cacaca; padding: 25px 30px;} .tblbr2 { border-left: solid 1px #cacaca; border-bottom: solid 1px #cacaca; border-right: solid 1px #cacaca; padding: 10px 30px; } /* 오렌지 12px */ .mytxtr12 { color: #fe1138; font-size: 12px;} .list_myc { list-style-type: square; margin-left: 18px; line-height: 140%;} /*맞춤보험추천*/ .myrec{ position:relative; } .myrec .td01{ padding: 13px 0; border-bottom: #d2d2d2 1px dotted;} .myrec .td02{ padding: 13px 0; } .myrec .td03{ padding: 0 30px 0 0;} .myrec .btn{ margin: 0 4px;} /* 고객센터_빠른처리 */ .mtm { position:relative; width: 100%; padding: 25px 0 ;} .mtm .go { position:relative; width: 429px;} .mtm .speed{ position: absolute; right:0px; top:55px; width: 290px;} .mtm .ann{ position: absolute; right:0px; top:304px; width: 290px;} .mtm .tit { margin-bottom: 12px;} .list_ann { list-style-type: square; margin-left: 18px; line-height: 160%;} /* 고객센터_자주묻는질문 */ .cusbtm { border-bottom: #cbcbcb 1px solid; } .list_cus { list-style-type: square; margin-left: 0px; } .list_dtd { border-bottom: #cbcbcb 1px dotted; height: 30px;} .faqS { position:absolute; top: 90px; left: 446px; width: 290px; } .faqimg { position:absolute; top: 78px; width:71px;} .faqform { position:absolute; width: 300px; height: 35px; left: 71px; top: 77px;} .faqform input { BACKGROUND-COLOR: #f5e8d8; BORDER: none; COLOR: #6c4f3f; FONT-FAMILY: "돋움", "Arial", "Helverica"; FONT-SIZE: 16px; font-weight: bold; width:290px; height: 35px; padding: 10px 10px 0px 10px; } .faqbtn { position:absolute; width: 75px; top: 78px; left: 354px; z-index: 1;} /* 보험리뷰 */ .review { position:relative; height: 159px; width: 100%; padding: 25px 0 ;} .review .tit { margin-bottom: 12px;} /* 보험가이드 */ .guide { position:relative; width: 100%; height: 270px; padding: 15px 0 5px 0 ;} .guide .tdb {height: 70px;} .guide .faqimg { position:absolute; top: 38px; left: 35px; width:127px;} .guide .faqform { position:absolute; width: 440px; height: 35px; left: 165px; top: 37px;} .guide .faqform input { BACKGROUND-COLOR: #ffffff; BORDER: solid 1px #c9c9c9; COLOR: #3f3a37; FONT-FAMILY: "돋움", "Arial", "Helverica"; FONT-SIZE: 16px; font-weight: bold; width:440px; height: 35px; padding: 10px 10px 0px 10px; } .guide .faqbtn { position:absolute; width: 105px; top: 38px; left: 602px; z-index: 1;} /* 보험투데이 */ .today { position: relative; padding: 30px 0; width: 100%;} .todayL { position: relative; width: 315px; padding: 25px 0 17px 0; } .todayLR { font-size: 16px; color: #d8494f; font-weight: bold;} .todayDate { position:absolute; left: 286px; top: 90px; width: 140px; text-align: right; } .todayS { position: relative; height: 77px; border-bottom: #cbcbcb 1px dotted; } .todaytxt1 { font-size: 16px; font-weight:bold; color: #000000; } a.todaytxt1:link { font-size: 16px; font-weight:bold; color: #000000; text-decoration: none; line-height:110%;} a.todaytxt1:visited {font-size: 16px; font-weight:bold; color: #000000; text-decoration: none; line-height:110%;} a.todaytxt1:hover { font-size: 16px; font-weight:bold; color: #000000; text-decoration: underline; line-height:110%;} .todaytxt2 { font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #000000; line-height: 150%; } a.todaytxt2:link { font-size:12px;color: #000000; font-family: "돋움"; text-decoration: none; line-height: 150%;} a.todaytxt2:visited {font-size:12px; color: #000000; font-family: "돋움"; text-decoration: none; line-height: 150%;} a.todaytxt2:hover { font-size:12px;color: #000000; font-family: "돋움" ; text-decoration: underline; line-height: 150%;} .list_guide { list-style-type: square; margin-left: 18px; height: 18px; width: 315px;} .list_guide img { margin-right: 5px;} .todayDate2 { position: relative; width: 80px; } /* 상담전화번호 */ .phone { font-family: impact; font-size: 40px; font-weight: bold; line-height: 130%; color: #455473; } /* 인스밸리2 - 상단전화번호 */ .txt02_1 { font-family:Impact; color: #525678; font-size: 35px; font-weight: bold; line-height: 105%; } /* 상담전화번호 */ .phone_1 { font-family:Verdana; font-size: 25px; font-weight: bold; line-height: 130%; color: #f52e29; letter-spacing:-1.9;} /* 개인정보취급방침 CSS */ .ptxt01 { color:#808080; font-family:"돋움"; font-size:11px; font-weight:bold; line-height:11pt; letter-spacing:-0.5px; background:#e6e6e6; padding:8px;} .ptxt02 { color:#808080; font-family:"돋움"; font-size:11px; line-height:11pt; letter-spacing:-0.5px; padding:8px;} .ptxt03 { color:#f54869; font-family:"돋움"; font-size:11px; line-height:11pt; letter-spacing:-0.5px; padding:8px;} .ptxt04 { color:#417ebc; font-family:"돋움"; font-size:12px; font-weight:bold; line-height:11pt; letter-spacing:-0.5px;} /* 개인정보취급방침 */ .pline { border-left: #c1d1d1 solid 1px; border-right: #c1d1d1 solid 1px; border-bottom: #c1d1d1 solid 1px;} .pline00 { border-top: #808080 solid 1px; border-left: #808080 solid 1px; border-right: #808080 solid 1px; border-bottom: #808080 solid 1px;} .pline04 { border-top: #c1d1d1 solid 3px; border-left: #c1d1d1 solid 3px; border-right: #c1d1d1 solid 3px; border-bottom: #c1d1d1 solid 3px;} .pline01 { border-right: #e6e6e6 solid 1px; border-bottom: #e6e6e6 solid 1px;} .pline02 { border-right: #e6e6e6 solid 1px;} .pline03 { border-right: #ffffff solid 1px;} /* 제휴사_엠포스 영역 */ .emforce_sN { background: #f1f1f1; border-bottom: 1px solid #eaeaea;} .emtxt_phone { font-family: Arial;color: #163987; font-size: 34px; line-height: 105%; letter-spacing: -0.08em;} .emforce_Lnavi { border: 3px solid #f2575b; padding: 3px 0; margin-top: 12px;} /*맞춤보험*/ .compare_line { background-color: #e1e1e1; height:1px;} .compare_RB { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font: 11px 돋움; color: #666; background-color: #f9f9f9; padding: 8px 0 5px 10px; letter-spacing: -0.08em;} .compare_B { border-bottom: 1px solid #e1e1e1; font: 11px 돋음; letter-spacing: -0.08em; color: #333333; padding: 5px 0 5px 10px; background-color: #fff;} .compare01 { position:relative; padding: 10px 0;} .compare01 .itemW { width: 105px; margin: 0 6px 0 0; float:left; } .compare01 .itemW2 { width: 150px; margin: 0 6px 0 0; float:left; } .inputTypeC { height:24px; border:1px solid #d1d1d1; margin: 1px; padding:0px 0 0 7px; color:#333; line-height:23px; background-color: #f9f9f9; } .Cbtn {vertical-align: top; width: 25px; padding-top: 2px;} .compare_list { position: relative; width: 910px; background-color: #8a7366; padding: 8px 8px 0 8px;} .compare_list .itemW { width: 105px; margin: 0 6px 0 0; float:left; } .compare_list .itemW2 { margin: 0 39px 0 0; float:left; } .compare_listbtn { background:url(/img/2010main/compare_bg.jpg) no-repeat; width: 926px; height: 73px; text-align: center; padding-top: 6px; } .compare_list01 { background:url(/img/2010main/compare_bg2.jpg) repeat-x; height: 22px; padding-top: 15px; border-bottom: 1px solid #e1e1e1; margin-top: 30px; } .compare_list01 .span1 { font: 12px 돋움; color: #000; border-right: 1px solid #e1e1e1; width: 90px; float: left;} .compare_list01 .span2 { font: 11px 돋움; color: #666; margin: 0 0 0 30px; float: left; padding-bottom: 10px; } /*빠른보험노출*/ .speedSum { position:relative; width: 926px; height: 124px; background: url('/img/2010main/speedSum_bg.jpg') no-repeat} .speedSum span.title { display:block; width: 200px; text-indent: -9999px} .speedSum span.annu { display:block; width: 240px; height: 124px; text-indent: -9999px; background: url('/img/2010main/speedSum_bg4.jpg') no-repeat} .speedSum .contentS { position: absolute; top: 0; left: 256px} .speedSum .contentS th { text-align: left; vertical-align: top} .speedSum .contentS td { text-align: left; vertical-align: top} .speedSum .contentS th { padding: 8px 4px 0 0} .speedSum .contentS td.checkB { padding-top:7px} .speedSum .contentS td.bginput { background: url('/img/2010main/speedSum_bg2.png') no-repeat} .speedSum .contentS span.cf { display: block; padding-top: 10px; font-size: 11px; color: #fff; letter-spacing: -0.08em} .speedSum .speedBtn { position:absolute; left: 780px; top: 17px} .speedSum p { padding-top: 29px; margin-bottom: 15px; font-family: '돋움',Dotum; font-size: 12px; color: #fff; letter-spacing: -0.08em} .speedSum p span.emp { font-size: 16px; color: #fff06d; text-decoration: underline} .speedInput { border: 1px solid #fff; height: 20px; padding:5px 0 0 0; margin: 6px 0 0 5px} .speedEnd { position: relative; width: 332px; height: 200px; background: url('/img/2010main/speedSum_bg3.png') no-repeat} .speedEnd p { padding: 22px 0 0 24px} .speedEnd .close { position: absolute; top: 166px; left: 282px} /* 빠른보험료계산 + 2013.05.21 추가 */ .speedSumT01 { position:relative; width: 926px; background: url('/img/2010main/speedSum_mainbg01.jpg') no-repeat} .speedSumT01 a { display:block; text-indent: -9999px; overflow: hidden} .speedSumT01 .Tab { position: relative; width: 183px; height: 93px; left:-370px} .speedSumT01 .Tab a { width: 160px; height: 34px} .speedSumT01 .Tab a.S1 { position: absolute; top: 14px; left: 14px;} .speedSumT01 .Tab a.S2 { position: absolute; top: 50px; left: 14px;} .speedSumT01 .Contents { position: absolute; left: 183px; top:0} .speedSumT01 .Contents a { width: 743px; height:93px; text-indent: 0 } .speedSumT01 .Contents a img { margin-left: 90px} .speedSumT02 { position:relative; width: 926px; background: url('/img/2010main/speedSum_mainbg02.jpg') no-repeat} .speedSumT02 a { display:block; text-indent: -9999px; overflow: hidden} .speedSumT02 .Tab { position: relative; width: 183px; height: 93px;left:-370px} .speedSumT02 .Tab a { width: 160px; height: 34px} .speedSumT02 .Tab a.S1 { position: absolute; top: 6px; left: 14px} .speedSumT02 .Tab a.S2 { position: absolute; top: 41px; left: 14px} .speedSumT02 .Contents { position: absolute; left: 183px; top:0} .speedSumT02 .Contents a { width: 743px; height:93px; text-indent: 0 } /* 자동차보험 2014.05 리뉴얼 CSS */ .c_txt_b {color:#333333;} .c_txt01 {font-family: "돋움","Arial", "Helvetic"; font-size:15px; line-height:13pt; color:#333333; letter-spacing:-0.1em; margin:0;} .c_txt01_1 {color:#dc3603;} .c_txt02 {font-size:12px;line-height:12pt; color:#7a7979; letter-spacing:-0.1em;} .c_txt02_1 {font-size:11px;line-height:12pt; color:#7a7979; letter-spacing:-0.1em;} .c_txt03 {font-size:12px;line-height:12pt; color:#7a7979; letter-spacing:-0.1em; padding:15px 16px 12px 20px;} .c_txt03_1 {font-size:14px;} .c_txt04 {font-family: "돋움","Arial", "Helvetic"; font-size:15px; line-height:13pt; color:#333333;} .c_txt05 {font-family: "돋움","Arial", "Helvetic"; font-size:12px; font-weight:bold; color:#e0202c;} .c_txt06 {font-family: "돋움","Arial", "Helvetic"; font-size:20px; font-weight:bold; color:#000000; line-height:110%; letter-spacing:-0.1em;} .c_txt07 {font-size:11px;line-height:16px; color:#ffffff; letter-spacing:-0.1em;} .c_txt08 {font-size:17px;line-height:120%; color:#ffff00; font-weight:bold; letter-spacing:-0.1em;} .c_txt09 {font-size:20px;line-height:120%; color:#ffff00; font-weight:bold; letter-spacing:-0.1em;} .c_txt10 {font-size:11px;line-height:16px; color:#a3a3a3;} .c_txt11 {font-size:11px;line-height:14px; color:#666666;} .c_txt11_1 {font-size:11px;line-height:14px; color:#333333;} .c_txt_red {font-size:12px;line-height:12pt; color:#e8334d;} .c_txt_12 {font-size:20px;line-height:24px; color:#333333; font-weight:bold; padding-left:16px;} .c_txt_13 {font-size:36px;line-height:40px; color:#333333; font-weight:bold; letter-spacing:-3px;} .c_txt_14 {font-size:30px;line-height:40px; color:#333333; font-weight:bold; letter-spacing:-3px;} .c_txt_15 {font-family: "돋움","Arial", "Helvetic"; font-size:16px;line-height:120%; color:#333333; font-weight:bold;} .c_txt_16 {font-family: "돋움","Arial", "Helvetic"; font-size:12px;line-height:19px; color:#333333;} .c_line {border-top:1px solid #dddedf;} .c_line01 {border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .c_line_b {border-bottom:1px solid #dddedf;} .c_bg {background-color:#ececec;} .input_c {font-family:"돋움, Arial, Helverica"; font-size:15px; font-weight:bold; color:#000; height:22px; padding:5px 0 0 3px; border:1px solid #cccccc;} .input_radio {width:18px; height:18px; margin:0 0 0 0; background:none; border:0; vertical-align:baseline;} .input_default01 {font-family:"돋움, Arial, Helverica"; font-size:15px; font-weight:bold; border:1px solid #cccccc; color: #000; height:28px; padding:0px 0 0 5px;} .c_menu /* 12px*/ {font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #666666;} a.c_menu:link { font-size:12px;color: #666666; font-family: "돋움"; text-decoration: none;} a.c_menu:visited {font-size:12px; color: #666666; font-family: "돋움"; text-decoration: none;} a.c_menu:hover { font-size:12px;color: #e0202c; font-family: "돋움" ; text-decoration: underline;} .c_menu01 /* 12px*/ {font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #666666;} a.c_menu01:link { font-size:12px;color: #666666; font-family: "돋움"; text-decoration: none;} a.c_menu01:visited {font-size:12px; color: #666666; font-family: "돋움"; text-decoration: none;} a.c_menu01:hover { font-size:12px;color: #666666; font-family: "돋움" ; text-decoration: underline;} .c_menu02 /* 15px*/ {font-family: "돋움","Arial", "Helvetic"; font-size:15px; font-weight:bold; color:#333333; line-height:18px;} a.c_menu02:link {font-size:15px; font-weight:bold; color:#333333; line-height:18px; text-decoration: none;} a.c_menu02:visited {font-size:15px; font-weight:bold; color:#333333; line-height:18px; text-decoration: none;} a.c_menu02:hover {font-size:15px; font-weight:bold; color:#333333; line-height:18px; text-decoration: underline;} .c_menu03 /* 11px*/ {font-family: "돋움","Arial", "Helvetic"; font-size:11px; color:#666666; line-height:14px;} a.c_menu03:link {font-size:11px; color:#666666; line-height:14px; text-decoration: none;} a.c_menu03:visited {font-size:11px; color:#666666; line-height:14px; text-decoration: none;} a.c_menu03:hover {font-size:11px; color:#666666; line-height:14px; text-decoration: underline;} .c_menu04 /* 11px*/ {font-family: "돋움","Arial", "Helvetic"; font-size:11px; color:#666666; line-height:16px;} a.c_menu04:link {font-size:11px; color:#666666; line-height:16px; text-decoration: none;} a.c_menu04:visited {font-size:11px; color:#666666; line-height:16px; text-decoration: none;} a.c_menu04:hover {font-size:11px; color:#666666; line-height:16px; text-decoration: underline;} .c_menu05 /* 12px*/ {font-size:12px; font-family: "돋움","Arial", "Helvetic"; color: #333333;} a.c_menu01:link { font-size:12px;color: #333333; font-family: "돋움"; text-decoration: none;} a.c_menu01:visited {font-size:12px; color: #333333; font-family: "돋움"; text-decoration: none;} a.c_menu01:hover { font-size:12px;color: #333333; font-family: "돋움" ; text-decoration: underline;} /* 테이블 */ .td_tt { height:2px; background-color:#454a56; } .td_t { background-color:#efefef; border-bottom: #dddddd 1px solid; font-size:12px; color:#333; font-weight:bold; } .t_t01 { background-color:#efefef; border-bottom: #dddddd 1px solid; height:34px; font-size:11px; color:#333; font-weight:bold;} .t_t01_1 { background-color:#efefef; border-bottom: #dddddd 1px solid; height:34px; font-size:12px; color:#333; font-weight:bold; } .t_t02 { border-right: #e0e1e2 1px solid; font-size:12px; color:#333; } .t_t03 { border-right: #e0e1e2 1px solid; border-bottom: #e0e1e2 1px solid; font-size:12px; color:#333; } .t_t04 { background-color:#efefef; border-right: #dddddd 1px solid; border-bottom: #dddddd 1px solid; height:34px; font-size:11px; color:#333; font-weight:bold;} .t_t021 { background:url(/img/car/1406_line01.jpg) repeat-x bottom; height:115px;} .td_t_bo { border-bottom: #dddddd 1px solid; } .td_t_bo01 { border-bottom: #999a9a 1px solid; } .td_t_bo01_t { border-top: #999a9a 1px solid; } .td_t_bo02 { border-right: #e0e1e2 1px solid; color:#333333; } .td_t_bo03 { border-bottom: #e0e1e2 1px solid; border-right: #e0e1e2 1px solid; color:#333333;} .td_t_bo04 { border-bottom: #e0e1e2 1px solid; color:#333333;} .td_t_bo05 { border-bottom: #e0e1e2 1px solid; border-right: #e0e1e2 1px solid; font-size:11px; color:#333333;} .td_t_bo06 { border-bottom: #e0e1e2 1px solid; font-size:11px; line-height:18px; color:#333333;} .td_t_bo07 { background-color:#efefef; border-bottom: #e0e1e2 1px solid; border-right: #e0e1e2 1px solid; font-size:11px; line-height:18px; color:#333333;} .td_t_bo08 { background-color:#efefef; border-bottom: #e0e1e2 1px solid; font-size:11px; line-height:18px; color:#333333;} .td_t_red { border-bottom: #e0e1e2 1px solid; border-right: #e0e1e2 1px solid; color:#e8334d;} .td_t_red01 { border-bottom: #e0e1e2 1px solid; color:#e8334d;} .c_pa { padding-left:30px;} .c_pa01 { padding-left:42px;} .c_pa02 { padding-left:14px;} .c_pa03 { padding-left:11px;} .c_pa04 { padding:13px 0px 0px 26px;} /* 2015. 02. 04 */ /* 정렬 */ .algCenter { text-align: center;} .algLeft { text-align: left;} .algRight { text-align: right;} .bdrRB {border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} .bdrB {border-bottom: 1px solid #d8d8d8;} .tblLine { background: #454a56; height:2px; width: 100%; line-height:0; font-size:0;} .deffs {font-size: 12px;} .fontCol1 { color: #fe544c; font-size: 16px;} .fontCol2 { color: #fe544c;}/* 오렌지 */ .car3sTit,.telN { background: url('/img/car/1502_bg_tit.jpg') no-repeat 0 0; } .car3sTit,.telN storng {line-height: 28px;} .screenOut { font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;} .btnDe { text-align: center} .inputCar { font-family:'돋움', Arial, Helverica; font-size:16px; color: #000; font-weight: bold; padding: 0 0 0 10px; #padding:10px 0 0 10px; margin:0!important; border:1px solid #d1d1d1; height:40px; } #carWrap { width: 100%; font-family: '돋움',Arial, Helvetica, sans-serif;} .car3sTit { position: relative; height: 27px; background-position: 0 2px; margin-bottom: 13px;} .car3sTit span.telN { position: absolute; right:0; height: 100%; color: #5dc1fa; font-family:Arial, Helvetica, sans-serif; font-size: 26px; text-align: right; background-position: left -36px; margin-right: 10px; padding-left: 24px;} .infoWrap { position: relative; border: 1px solid #000; margin-bottom: 30px;} .infoWrap.btmN { border-bottom: none; margin-bottom: 0;} .infoWrap .levelN { position: absolute; top: 7px; right: 7px; z-index: 9;} .levelN a { display: block; float: left; width: 23px; height: 23px; background-color: #ddd; text-align: center; font-size: 14px !important; line-height:23px; color: #fff!important; margin-left: 5px;} .levelN a.on { background: #000;} .infofr { position: relative; display: table; width: 100%; text-align: center;} .infofr .left, .infofr .right { float: left; display: table-cell; text-align: center;} .infofr .left { width: 50%; background: url('/img/car/1502_bg_pt.jpg'); padding: 27px 0;} .infofr .right { width: 49%; background: url('/img/car/1502_bg_tit02.jpg') no-repeat center 57px; padding-top: 139px;} .infofr .center {text-align: center; padding-top: 109px; width: 94%; margin: 0 auto } .infofr .carTit02 {background: url('/img/car/1502_bg_tit03.jpg') no-repeat center 47px;} .infofr .carTit03 {background: url('/img/car/1502_bg_tit05.jpg') no-repeat center 47px;} .subText { font-size: 12px; line-height: 18px; padding-bottom: 20px; border-bottom: 2px solid #333; margin-bottom: 20px; text-align: left;} .btnConsul_Txt { display: block; font-size: 16px; text-decoration: underline; color: #fe544c; background: url('/img/car/1502_bg_arr2.jpg') no-repeat right center; width: 130px; margin-top: 10px; letter-spacing: -0.08em;} a.btnConsul_Txt:link {font-size: 16px; text-decoration: underline; color: #fe544c;} a.btnConsul_Txt:visited {font-size: 16px; text-decoration: underline; color: #fe544c;} a.btnConsul_Txt:hover {font-size: 16px; text-decoration: underline; color: #fe544c;} .tblInput {margin: 0 auto 20px; font-family: '돋움'} .tblInput th, .tblInput td { vertical-align: middle; color: #000;} .tblInput th { height: 48px; text-align: left; font-size: 16px; } .selectS{ display: inline-block; float: left; width: 60px; height: 26px; #height: 40px; border: 1px solid #d1d1d1; text-decoration: none!important; text-align: center; font-size: 16px!important; padding-top: 12px; } .selectS.rm { margin-left: -1px; } .selectS.on { background-color: #ddd; color: #000!important; font-weight: bold;} .btnConsul { background-color: #2293dc; height: 149px;} .btnConsul a { display: block; height: 100%;} .btnSumL { position: relative; background: url('/img/car/1502_bg_btn01.jpg') repeat-x; height: 151px; z-index:-1;} .btnSumL a { display: block; height: 100%; text-align: center;} .tblBtn { margin: 0 auto; width: 100%;} .tblBtn td { vertical-align: top;} .tblBtn td.left { text-align: right; background: url('/img/car/1502_btn03_bg.jpg') no-repeat left 0;} .tblBtn td.right { background: url('/img/car/1502_btn03_bg.jpg') no-repeat right 0;} .btnDircet { background: url('/img/car/1502_bg_btn02.jpg') repeat-x; height: 156px; text-align: center;} .btnDircet a { display: block; height: 100%;} .recomm { position: relative; background:url('/img/car/1502_bg_tit04.jpg') 40px center no-repeat; background-color:#eee;text-align: left; height: 83px;} .recomm .recommC { position: absolute; top: 22px; right:0; width: 535px;} .recomm .recommC strong {display: inline-block; margin-top: 7px; #margin-top: 9px; text-align: center;} .reBox1,.reBox2 { float: left; width: 260px; top: 9px; } .reBox1 span,.reBox2 span { display: inline-block; text-align:center; font-family:"돋움";} .reBox1 { margin-right: 10px;} .reBox1 .cell1,.reBox2 .cell1 { text-align: left; padding: 12px 0 0 16px; #padding-top: 13px; width: 47px; #width: 63px; font-size: 14px; color: #000;} .reBox1 .cell2,.reBox2 .cell2 { width: 190px; font-size: 25px; color: #000; vertical-align:top; height: 42px; line-height:25px;} .reBox2 .cell2 em { display: inline-block; padding: 3px 0 0 6px; vertical-align: text-top; font-style: normal; font-size: 18px;} .carcf { padding-top: 12px;} .carPhone { position: relative; background-color: #eee;} .carPhone span { display: block; float: left; margin-right:;} .carPhone1 { position: relative; height:38px; #height: 40px; width: 124px; #width: 126px; margin-right: 5px; border:1px solid #d1d1d1; background:url('/img/car/1502_bg_arr.gif') no-repeat 95px 10px #fff; cursor: pointer; color: #000; } .carPhone1 p {padding: 10px 0 0 10px; #padding-top: 11px; font-size: 16px;} .carPhone2 { #margin-top: -1px;} .carPhone3 { margin-left: 5px; } .carPhone3 img { margin:0!important;} #phone1Layer { position: absolute; left: -1px; top: 38px; width:124px; #width:126px; border:1px solid #d1d1d1; border-top: none; background-color:#fff; z-index: 20; } .layerList { overflow-y:no;} .layerList li { height: 28px; #height:39px; padding: 10px 0 0 10px; #padding-top: 11px; font-size:16px ; border-top: 1px solid #d1d1d1; cursor:pointer; } .layerList li.on { background-color:#eaedff; font-weight: bold; } .agreeBox { display:block; float: left; height: 20px;} .boxAl { #margin-top: -3px; margin-left: 3px;} .tblSumtb { width: 100%;} .tblsumtb td, .tblsumtb th { height: 40px; vertical-align: middle; font-size: 12px; letter-spacing:0;} .tblsumtb th { background: #efefef;} .tblsumtb td { } .cfBox { background: #fbfbfb; border: #d5d5d5 1px solid; font-size:12px; color:#666; line-height:19px; } .dirView { width: 754px; border:1px solid #565656; background: #e7e7e7; text-align: center;} .dirView .tbldirView { margin:15px auto 20px;} .tbldirView span { display: block;} .tbldirView span.dirTitle { float:left; font-size: 24px; color: #000; line-height: 30px;} .tbldirView span.dirAd { float: right; padding-top: 10px;}