/* 인스밸리 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 15px;} .img02 { margin: 2px 0 3px 0 ;} .txt01 /* 11px*/ { font-size:11px; font-family: "굴림","Arial", "Helvetic"; color: #666666 } 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; } a.txt11:link { font-size:11px;color: #000; font-family: "굴림"; text-decoration: none;} a.txt11:visited {font-size:11px; color: #000; font-family: "굴림"; text-decoration: none;} a.txt11:hover { font-size:11px;color: #000; 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-bottom: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; } /* 맞춤정보 라인 */ .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; height:16px; padding: 2px 3px 0 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;} /*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;}