@charset "utf-8"; /***************************************************************************************************************************************** [보험서비스] 페이지 ID명 설정방법 1. 스마트보험서비스 : #smartInsurance 2. 보험지식능력평가 : #insuranceKnowledge 3. 선택라이브폴 : #selectLivePoll 4. 착한보험 브라더스 : #goodInsurance 폰트사이즈 정의 - 모바일 및 태블릿에서 PC와 동일한 폰트값 설정 8px == 66.67% 9px == 75% 10px == 83.33% 11px == 91.67% 12px == 100% : 기본폰트 사이즈 13px == 108.33% 14px == 116.67% 15px == 125% 16px == 133.33% 17px == 141.67% 18px == 150% 19px == 158.33% 20px == 166.67% 21px == 175% 22px == 183.33% 23px == 191.67% 24px == 200% 25px == 208.33% 26px == 216.66% 32px == 266.64% 나눔고딕 폰트 사용법 : font-weight: 400; - 나눔고딕 / font-weight: 700; 나눔고딕 볼드 / font-weight: 800; - 엑스트라 볼드 *****************************************************************************************************************************************/ /* 스마트보험 디자인 메뉴*/ .testMenuBar {overflow:hidden;} .testMenu li {float:left;font-size:133.33%;font-weight:700;color:#a1a1a1;cursor:pointer;} /* 스마트보험 디자인 > 결과확인공통 */ .testResult{position:relative;} .testResult .name{text-align:center;} .testResult .name span{margin:0 auto; font-size:166.67%; font-weight:700; color:#fff; white-space:pre-line; } .testResult .graphCon {*zoom:1;} .testResult .graphCon:after {content:"";display:block;clear:both;height:0;visibility:hidden;} .testResult .infoList{overflow:hidden;} .testResult .infoList ul.criteria{float:left;overflow:hidden;} .testResult .infoList .snsArea {float:right;} .testResult .btnAgain{width:110px;font-size:108.33%;font-weight:700;cursor:pointer;} .testResult .btnAgain a{display:block;padding-right:17px;background:url('/images/html/icon/icon_return.png') no-repeat right center;text-decoration:none;background-size:12px 12px;} .designResult {position:fixed;_position:absolute;width:107px;height:119px;background:url(/images/html/insuranceService/img_design_result.png) no-repeat 0 0;z-index:10;} .designResult div {position:relative;padding:35px 0 0 22px;} .designResult div a.txt {display:block;width:66px;} .designResult div a.txt img {width:100%;} .designResult div a.close {display:block;position:absolute;right:11px;top:0;width:12px;height:12px;text-indent:-999em;overflow:hidden;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01{} #smartInsurance_01 .insuranceMain{overflow:hidden; position:relative;} #smartInsurance_01 .insuranceMain .btnArea{text-align:center;} /* 스마트보험 디자인 > 기본정보입력 */ #smartInsurance_03 .entryArea {background:url(/images/html/insuranceService/bg_entryArea.png) repeat 0 0;border-radius:10px;text-align:center;} #smartInsurance_03 .entryArea h3 img {height:46px;} #smartInsurance_03 .entryBox a {display:block;color:#333;line-height:1;} #smartInsurance_03 .entryBox a:hover {text-decoration:none;} #smartInsurance_03 .entryBox input {display:block;position:relative;background:none;border:none;color:#333;line-height:1;text-align:center;z-index:1;} #smartInsurance_03 .entryBox .inp01 ul, #smartInsurance_03 .entryBox .inp03 ul {display:none;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트*/ #smartInsurance_04 {} #smartInsurance_04 .testCon{overflow:hidden; border:1px solid #b8bcc0; border-radius:7px;} #smartInsurance_04 .testCon .border{overflow:hidden; border:2px solid #d8dde2; border-radius:7px;} #smartInsurance_04 .testCon .textBox{overflow:hidden;} #smartInsurance_04 .testCon .title{font-weight:700; color:#333; text-align:center; line-height:1.2;} #smartInsurance_04 .testCon .title span{color:#78bc00;} #smartInsurance_04 .testCon .answer{overflow:hidden; margin:0 auto;} #smartInsurance_04 .testCon .answer li{float:right; width:49%;} #smartInsurance_04 .testCon .answer li:first-child{float:left} #smartInsurance_04 .testCon .answer li.on .pollCheck .pollOr{background-position:0 0;} #smartInsurance_04 .barCon{position:relative; left:50%; width:131px; height:8px; margin-left:-82px; background:url('/images/html/insuranceService/img_testProgressBar_off.png') no-repeat;} #smartInsurance_04 .barCon .bar{position:absolute; top:0; left:0; width:5%; height:8px; background:url('/images/html/insuranceService/img_testProgressBar_on.png') no-repeat;} #smartInsurance_04 .barCon p{position:absolute; top:0; right:-38px; width:30px; height:8px; line-height:0.7;} #smartInsurance_04 .barCon p span.current{color:#78bc00;} #smartInsurance_04 .resultContainer {width:100%;height:100%;background:url('/images/html/insuranceService/bg_smartInsurancePop.gif') repeat 0 0;} #smartInsurance_04 .resultContainer .inner {text-align:center;color:#333;} #smartInsurance_04 .resultContainer .inner .txtComplete {line-height:1.1;} #smartInsurance_04 .resultContainer .inner .txtCompleteInfo {line-height:1.5;} #smartInsurance_04 .resultContainer .inner .imgCon {margin-top:30px;} #smartInsurance_04 .resultContainer .inner .txtComplete .point {display:inline-block;color:#77bc01;border-bottom:1px solid #77bc01;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트 결과확인 */ #smartInsurance_24{} #smartInsurance_24 .testResult .graphCon .type{overflow:hidden;} #smartInsurance_24 .testResult .graphCon .type p.typeTitle{font-size:183.33%; color:#333;} #smartInsurance_24 .defaultGrayDotList li{margin-top:10px; font-size:108.33%; line-height:1.5; color:#444; background-position:0 7px;} #smartInsurance_24 .defaultGrayDotList li:first-child{margin:0;} #smartInsurance_24 .resultInfo{overflow:hidden;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .tit{display:block;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .subTxt{display:block;} #smartInsurance_24 .resultInfo li span{display:inline-block; font-weight:700; color:#444;} #smartInsurance_24 .resultInfo li span.advice{background:url('/images/html/insuranceService/icon_quotation.png');} #smartInsurance_24 .resultInfo li span.guide{background:url('/images/html/insuranceService/icon_investment.png');} #smartInsurance_24 .resultInfo li p{line-height:1.5;} #smartInsurance_24 .btnArea{text-align:center;} /* 스마트보험디자인 안내 > 기본정보입력 > 보장분석 테스트 > 정보입력 */ #smartInsurance_25 {} #smartInsurance_25 h3{margin-top:40px; font-size:216.66%; font-weight:700; color:#333;line-height:1.2;} #smartInsurance_25 .testInfo{overflow:hidden; margin-top:15px; font-size:108.33%; color:#666;line-height:1.2;} #smartInsurance_25 .total{line-height:1.2;} #smartInsurance_25 .testInfoDetail{float:right; margin-top:15px; font-weight:700; color:#333;} #smartInsurance_25 .criteria{padding-right:4px; background:url('/images/html/insuranceService/bg_grayArrowR.png') no-repeat right 6px;background-size:4px 8px;} #smartInsurance_25 .criteria span{display:inline-block; min-width:56px; height:16px; padding:3px 4px 1px 4px; text-align:center; color:#fff; border-radius:2px; background:#b7b7b7;} #smartInsurance_25 .criteriaTop{padding-top:4px; background:url('/images/html/insuranceService/bg_grayArrowT.png') no-repeat 50% 0;background-size:8px 4px;} #smartInsurance_25 .criteriaTop span{display:inline-block; min-width:56px; height:16px; padding:3px 4px 1px 4px; text-align:center; color:#fff; border-radius:2px; background:#b7b7b7;} #smartInsurance_25 .barCon > div{position:relative;} #smartInsurance_25 .barCon > div .barLine {border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-radius:7px; background:#ededed;} #smartInsurance_25 .barCon .bar{position:absolute; border-radius:7px;} #smartInsurance_25 .barCon .barPoint{display:inline-block; width:34px; height:34px; cursor:pointer;} #smartInsurance_25 .barCon .bar.green{background:#78bc00;} #smartInsurance_25 .barCon .bar.blue{background:#367ec4;} #smartInsurance_25 .barCon .toolTip{display:inline-block; min-width:66px; height:22px; padding:8px 2px 0 2px; font-size:108.33%; font-weight:700; color:#000; text-align:center; white-space:pre; cursor:default; border-radius:30px; background:#fff;} #smartInsurance_25 .total{margin-top:30px; font-size:216.66%; font-weight:700; color:#333; text-align:right;} #smartInsurance_25 .total span{color:#ed1c24;} #smartInsurance_25 .btnArea{margin-top:30px; padding-top:30px; text-align:center; border-top:1px solid #ddd;} #smartInsurance_25 .graphVertical{overflow:hidden; position:relative; width:290px; height:255px; margin:10px 3px 0 3px; border-radius:7px; background:#fff url('/images/html/insuranceService/bg_grayLineFull2.png') repeat-y center 30px;} #smartInsurance_25 .graphVertical .criteria.min{position:absolute; bottom:15px; left:15px;} #smartInsurance_25 .graphVertical .criteria.max{position:absolute; top:15px; left:15px;} #smartInsurance_25 .graphVertical .criteriaTit {position:absolute; top:18px; right:15px; font-size:91.67%} #smartInsurance_25 .graphVertical .barCon{width:35px; height:230px; margin:15px 0 0 128px;} #smartInsurance_25 .graphVertical .barCon > div{height:220px;padding-top:10px;} #smartInsurance_25 .graphVertical .barCon > div .barLine {position:relative;width:12px; height:205px; margin-left:10px;} #smartInsurance_25 .graphVertical .barCon .bar{bottom:0; left:0; width:12px; height:0; max-height:205px; border-left:1px solid #005700;} #smartInsurance_25 .graphVertical .barCon .barPoint{position:absolute; bottom:0; left:0; margin:0 0 0 0; background:url('/images/html/insuranceService/bg_verticalBar.png') no-repeat;} #smartInsurance_25 .graphVertical .barCon .toolTip{display:none;margin-left:40px; border:2px solid;} #smartInsurance_25 .graphVertical .barCon .toolTip.green{border-color:#79bc01;} #smartInsurance_25 .graphVertical .barCon .toolTip.blue{border-color:#367ec4;} #smartInsurance_25 .graphHorizontal{overflow:hidden; position:relative; border:3px solid #d8dde2; border-radius:7px;} #smartInsurance_25 .graphHorizontal .criteriaTop.min{position:absolute; top:92px; left:38px;} #smartInsurance_25 .graphHorizontal .criteriaTop.max{position:absolute; top:92px; right:30px;} #smartInsurance_25 .graphHorizontal .barCon{height:70px; margin:60px 51px 0 51px;} #smartInsurance_25 .graphHorizontal .barCon > div{padding:0 14px;} #smartInsurance_25 .graphHorizontal .barCon > div .barLine {position:relative;width:100%; height:12px;} #smartInsurance_25 .graphHorizontal .barCon .bar{top:0; left:0; width:0; max-width:100%; height:12px; border-top:1px solid #005700;} #smartInsurance_25 .graphHorizontal .barCon .barPoint{position:absolute; top:0; left:0; margin:-10px 0 0 -11px; background:url('/images/html/insuranceService/bg_HorizontalBar.png') no-repeat;} #smartInsurance_25 .graphHorizontal .barCon .toolTip{display:none;position:absolute; top:-40px; left:-20px; border:2px solid;} #smartInsurance_25 .graphHorizontal .barCon .bar.green{text-align:right;} #smartInsurance_25 .graphHorizontal .barCon .bar.blue{text-align:right;} #smartInsurance_25 .graphHorizontal .barCon .toolTip.green{border-color:#79bc01;} #smartInsurance_25 .graphHorizontal .barCon .toolTip.blue{border-color:#4791ca;} #smartInsurance_25 .assetCon{overflow:hidden; margin-top:5px; background:url('/images/html/insuranceService/bg_assetCon.png') no-repeat center 217px;} #smartInsurance_25 .assetCon li{float:left; width:300px; height:384px; margin:15px 0 0 20px; border-top:2px solid #eceef1; border-left:2px solid #eceef1; border-right:2px solid #b8bcc0; border-bottom:2px solid #b8bcc0; border-radius:10px; background:#d8dde2;} #smartInsurance_25 .assetCon li.first{margin-left:0;} #smartInsurance_25 .assetCon .graphTit{height:31px; margin:10px 0 0 18px; padding:13px 0 6px 60px; font-size:166.67%; font-weight:700; color:#333; background:url('/images/html/insuranceService/icon_testTit.png') no-repeat;} #smartInsurance_25 .assetCon .graphTit span{font-size:66.67%; color:#666;} #smartInsurance_25 .assetCon .graphTit.injury{background-position:0 0;} #smartInsurance_25 .assetCon .graphTit.disease{background-position:0 -150px;} #smartInsurance_25 .assetCon .graphTit.cancer{background-position:0 -50px;} #smartInsurance_25 .assetCon .graphTit.death{background-position:0 -200px;} #smartInsurance_25 .assetCon .graphTit.saving{background-position:0 -100px;} #smartInsurance_25 .assetCon .graphTit.annuity{position:relative; padding:12px 0 7px 60px; background-position:0 -250px;} #smartInsurance_25 .assetCon .graphTit.annuity span{position:absolute; top:16px; left:102px;} #smartInsurance_25 .assetCon .sumCon{overflow:hidden; margin-top:20px; text-align:center;} #smartInsurance_25 .assetCon .sumCon p{display:inline-block; font-size:125%;} #smartInsurance_25 .assetCon .sumCon span{display:inline-block; height:15px; margin-left:5px; font-size:108.33%; font-weight:700; color:#333;} #smartInsurance_25 .monthlyCon{width:940px; height:136px; margin-top:20px; border-top:2px solid #eceef1; border-left:2px solid #eceef1; border-right:2px solid #b8bcc0; border-bottom:2px solid #b8bcc0; border-radius:10px;} #smartInsurance_25 .insuranceCon{overflow:hidden; clear:both; background:url('/images/html/insuranceService/bg_insuranceCon.png') no-repeat center 150px;} #smartInsurance_25 .insuranceCon li{position:relative; float:left; width:460px; height:207px; margin:20px 0 0 20px; border-top:2px solid #eceef1; border-left:2px solid #eceef1; border-right:2px solid #b8bcc0; border-bottom:2px solid #b8bcc0; border-radius:10px; background:#d8dde2;} #smartInsurance_25 .insuranceCon li.first{margin-left:0;} #smartInsurance_25 .insuranceCon .graphTit{position:absolute; top:40px; left:20px; width:60px; height:20px; padding-top:70px; font-size:166.67%; font-weight:700; text-align:center; background:#fff url('/images/html/insuranceService/icon_testTitHori.png') no-repeat; z-index:1;} #smartInsurance_25 .insuranceCon .graphTit.injury{background-position:0 0} #smartInsurance_25 .insuranceCon .graphTit.disease{background-position:-180px 0;} #smartInsurance_25 .insuranceCon .graphTit.cancer{background-position:-60px 0;} #smartInsurance_25 .insuranceCon .graphTit.death{background-position:-240px 0;} #smartInsurance_25 .insuranceCon .graphTit.saving{background-position:-120px 0;} #smartInsurance_25 .insuranceCon .graphTit.annuity{background-position:-300px 0;} #smartInsurance_25 .insuranceCon .graphHorizontal{width:420px; height:120px; padding:15px; background:#fff;} #smartInsurance_25 .insuranceCon .graphHorizontal .criteriaTop.max{position:absolute; top:101px; right:10px;} #smartInsurance_25 .insuranceCon .graphHorizontal .criteriaTop.min{position:absolute; top:101px; left:94px;} #smartInsurance_25 .insuranceCon .graphHorizontal .barCon{height:34px; margin:54px 15px 30px 95px;} #smartInsurance_25 .insuranceCon .sumCon{overflow:hidden; margin-top:18px; text-align:center;} #smartInsurance_25 .insuranceCon .sumCon p{display:inline-block; font-size:125%;} #smartInsurance_25 .insuranceCon .sumCon span{display:inline-block; height:15px; margin-left:5px; font-size:108.33%; font-weight:700; color:#333;} /* 스마트보험 디자인 > 기본정보입력 > 보장분석 테스트 > 결과확인 */ #smartInsurance_26 h3{margin-top:40px; font-size:216.66%; font-weight:700; color:#333;} #smartInsurance_26 .infoTxt{margin-top:20px; padding:20px; font-size:108.33%; line-height:1.5; border:1px solid #dedede; border-radius:7px; background:#f9f9f9;} #smartInsurance_26 .infoTxt .titTxt{margin-bottom:14px; font-size:150%; font-weight:700; color:#444;} #smartInsurance_26 .infoTxt .subTxt{font-size:108.33%;} #smartInsurance_26 .infoTxt .subTxt span{color:#444; font-weight:700; border-bottom:1px solid #7c7c7c;} #smartInsurance_26 .infoTxt .emphasis{margin-top:13px; font-size:108.33%; color:#777;} #smartInsurance_26 .infoTxt.borderTopNone{padding:20px;} #smartInsurance_26 .borderTopNone{margin-top:0; border-top:0; border-radius:0 0 7px 7px;} #smartInsurance_26 .btnArea{margin-top:40px; text-align:center;} #smartInsurance_26 .btnArea .btnTypeGray{display:none;} #smartInsurance_26 .testResult .graphCon .tit{font-size:116.67%; font-weight:700; color:#444; text-align:center; line-height:1;} #smartInsurance_26 .testResult .graphCon .left ul.graph li{float:left;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon div{position:relative; float:left; width:44px; height:129px; background:url('/images/html/insuranceService/bg_assetGraph_off.png') no-repeat left bottom;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.blue div .bar{position:absolute; bottom:0; left:0; width:44px; background:url('/images/html/insuranceService/bg_assetGraphBlue_on.png') no-repeat 0 bottom;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.green div .bar{position:absolute; bottom:0; left:0; width:44px; background:url('/images/html/insuranceService/bg_assetGraphGreen_on.png') no-repeat 0 bottom;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.red div .bar{position:absolute; bottom:0; left:0; width:44px; background:url('/images/html/insuranceService/bg_assetGraphRed_on.png') no-repeat 0 bottom;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon ul.txt li{width:60px; padding:14px 5px; font-size:108.33%; font-weight:700; text-align:right; border-bottom:1px dashed #d7d7d7; line-height:1.1;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon ul.txt li:first-child{border-top:1px dashed #d7d7d7;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.blue ul.txt li:nth-child(1){color:#367ec4;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.green ul.txt li:nth-child(2){color:#78bc00;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon.red ul.txt li:nth-child(3){color:#eb6f00;} #smartInsurance_26 .testResult .graphCon .left ul.graph li .spreadGraph{width:157px; height:155px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt{text-align:center;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt span{padding:6px 22px; font-size:116.67%; font-weight:700; color:#fff; border-radius:30px; background:#78bc00;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt p{margin-top:15px; font-size:266.64%; font-weight:700; color:#78bc00; line-height:1;} #smartInsurance_26 .testResult .infoList ul.criteria {height:15px; margin-top:10px;} #smartInsurance_26 .testResult .infoList ul.criteria li{float:left; margin-left:17px; padding-left:17px; font-size:108.33%; color:#444; background:url('/images/html/insuranceService/bg_blueBul.png') no-repeat;} #smartInsurance_26 .testResult .infoList ul.criteria li:first-child{margin-left:0; background-image:url('/images/html/insuranceService/bg_greenBul.png');} #smartInsurance_26 .assetAnalysis{overflow:hidden; height:266px; margin-top:20px; border-top:1px solid #e9e9e9; background:url('/images/html/insuranceService/bg_assetAnalysis.gif') repeat-x;} #smartInsurance_26 .analysisTxt{float:left;} #smartInsurance_26 .analysisTxt li{padding:33px 9px; font-size:116.67%; font-weight:700; color:#367ec4;} #smartInsurance_26 .analysisTxt li:nth-child(2){padding-top:37px; color:#6ca900;} #smartInsurance_26 .analysisTxt li:nth-child(3){padding-top:37px; color:#eb6f00;} #smartInsurance_26 .assetGraph{float:right;} #smartInsurance_26 .assetGraph li{overflow:hidden; float:left; height:267px;} #smartInsurance_26 .assetGraph li .barCon{position:relative; height:242px; border-left:1px solid #e5e9dd;} #smartInsurance_26 .assetGraph li .barCon span{position:absolute; bottom:0; left:50%; width:21px; margin-left:-8px; border-radius:3px 3px 0 0; background-repeat:repeat-y; background-position:0 0;} #smartInsurance_26 .assetGraph li .barCon span.green{background-image:url('/images/html/insuranceService/bg_greenBar.gif');} #smartInsurance_26 .assetGraph li .barCon span.red{background-image:url('/images/html/insuranceService/bg_redBar.gif');} #smartInsurance_26 .assetGraph li .barCon span.blue{background-image:url('/images/html/insuranceService/bg_blueBar.gif');} #smartInsurance_26 .assetGraph li .txt{margin-top:9px; font-size:108.33%; font-weight:700; text-align:center;} #smartInsurance_26 .insuranceAnalysis{overflow:hidden; margin-top:20px; border:1px solid #dedede; border-radius:7px 7px 0 0;} #smartInsurance_26 .insuranceGraph{position:relative; height:60px; margin-top:40px; background:#ededed; box-shadow:0 2px 2px #e3e3e3 inset;} #smartInsurance_26 .insuranceGraph p.txt{padding:22px 9px 0 0; font-size:108.33%; color:#9d9d9d; text-align:right;} #smartInsurance_26 .insuranceGraph .graph{} #smartInsurance_26 .insuranceGraph .graph .suitable{position:absolute; top:30px; left:0; height:30px; text-align:right; background:url('/images/html/insuranceService/bg_bigGreenBar.png') repeat-x; z-index:1;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip{position:absolute; top:40px; padding-top:4px; text-align:center; background-image:url('/images/html/insuranceService/bg_greenArrowT.png');background-repeat:no-repeat;background-size:10px 5px;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip span{display:inline-block; min-width:101px; font-size:108.33%; font-weight:700; color:#78bc00; line-height:1; border:2px solid #78bc00; border-radius:30px; background:#fff;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip span strong{color:#000;} #smartInsurance_26 .insuranceGraph .graph .total{position:absolute; top:0; left:0; height:60px; text-align:right; background:url('/images/html/insuranceService/bg_bigBlackBar.png') repeat-x;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip{position:absolute; top:-39px; padding-bottom:4px; text-align:center; background-image:url('/images/html/insuranceService/bg_greenArrowB.png');background-repeat:no-repeat;background-size:10px 5px;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip span{display:inline-block; min-width:101px; font-size:108.33%; font-weight:700; color:#78bc00; line-height:1; border:2px solid #78bc00; border-radius:30px; background:#fff;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip span strong{color:#000;} /* 보험서비스 > 스마트보험디자인 > 기본정보입력 > 보험지식테스트 > 결과확인 */ #smartInsurance_30.contents .container .contTit {padding:40px 0 20px;font-size:200%;} #smartInsurance_30 .testResult .graphCon .imgInner {float:left;text-align:right;} #smartInsurance_30 .testResult .graphCon .txtInner {float:right;text-align:center;} #smartInsurance_30 .testResult .graphCon .txtInner .tit {color:#444;font-size:116.67%;font-weight:700;} #smartInsurance_30 .testResult .graphCon .txtInner .round {display:inline-block;padding:7px 20px;border-radius:13px;color:#fff;font-size:116.67%;font-weight:700;text-align:center;} #smartInsurance_30 .testResult .graphCon .txtInner strong {display:block;margin:13px 0 18px;font-size:400%;line-height:1;} #smartInsurance_30 .testResult .graphCon .txtInner .txt {color:#444;font-size:116.67%;font-weight:700;line-height:1;} #smartInsurance_30 .testResult .graphCon .txtInner .txt span {color:#f28e00} #smartInsurance_30 .testResult .graphCon .left, #smartInsurance_30 .testResult .graphCon .right {*zoom:1;} #smartInsurance_30 .testResult .graphCon .left:after, #smartInsurance_30 .testResult .graphCon .right:after {content:"";display:block;clear:both;height:0;visibility:hidden;} #smartInsurance_30 .testResult .graphCon .left .txtInner .round {background:#f28e00;} #smartInsurance_30 .testResult .graphCon .left .txtInner strong {color:#f28e00;} #smartInsurance_30 .testResult .graphCon .right .txtInner .round {background:#4791ca;} #smartInsurance_30 .testResult .graphCon .right .txtInner strong {color:#4791ca;letter-spacing:-5px;} #smartInsurance_30 .criteria {min-height:38px;padding:8px 0 8px 45px;background:url(/images/html/insuranceService/img_smartInsurance_grade.png) no-repeat 0 0;} #smartInsurance_30 .criteria li{float:left;margin-top:3px;font-size:108.33%;margin-right:7px;padding-right:5px;border-right:1px solid #777;line-height:1;} #smartInsurance_30 .criteria li:last-child {margin-right:0;padding-right:0;border-right:0;} #smartInsurance_30 .infoText {padding:18px 15px 15px;background:#f9f9f9;border:1px solid #d8d8d8;border-radius:5px;} #smartInsurance_30 .infoText strong {color:#444;font-size:166.67%;font-weight:700;line-height:1.5;} #smartInsurance_30 .infoText .point {color:#78bc00;} #smartInsurance_30 .infoText p {margin-top:5px;font-size:108.33%;line-height:1.6;} #smartInsurance_30 .btnArea{margin-top:40px; text-align:center;} /* 스마트보험 디자인 비밀번호 입력 팝업 */ #pop_folder_smartInsurance_31{} #pop_folder_smartInsurance_31{background:url('/images/html/insuranceService/bg_smartInsurancePop.gif');} #pop_folder_smartInsurance_31 .folderTop{font-size:100%;} #pop_folder_smartInsurance_31 .folderTop .tit{font-size:200%;} #pop_folder_smartInsurance_31 .folderTop .tit span{color:#77bc01; border-bottom:2px solid #77bc01;} #pop_folder_smartInsurance_31 .popContWrap{text-align:center;} #pop_folder_smartInsurance_31 .popContWrap .imgCon{margin-top:25px;} #pop_folder_smartInsurance_31 .popContWrap .pwTxt{margin-top:50px; font-size:166.67%; color:#444;} #pop_folder_smartInsurance_31 .popContWrap .pwTxt span{font-weight:700;} #pop_folder_smartInsurance_31 .popContWrap .pwCon{height:100px; margin:35px auto; padding:25px 0; font-size:108.33%; background-image:url('/images/html/insuranceService/bg_greenRoundBarL.png'),url('/images/html/insuranceService/bg_greenRoundBarR.png'); background-repeat:no-repeat; background-position:top left, top right;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .txt{font-size:116.67%; color:#444;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon{position:relative; margin:10px auto 0 auto;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon input[type=text]{border:1px solid #e3dfb7; background:#fff url('/images/html/insuranceService/bg_key.png') no-repeat 10px center;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon{margin:20px auto 0 auto;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon .moreDetail{margin-left:10px; line-height:1.2;} #pop_folder_smartInsurance_31 .popContWrap .moreDetail{padding-right:5px; color:#9a8c00; background:url('/images/html/insuranceService/btn_brownArrow.png') no-repeat right center;} #pop_folder_smartInsurance_31 .on .pollCheck{color:#78bc00;} #pop_folder_smartInsurance_31 .pollCheck .pollOr{padding:6px 0 7px 30px; line-height:1.2;} #pop_folder_smartInsurance_31 .pollCheck .pollOr.on {color:#78bc00;background-position:0 0;} /* 스마트보험 디자인 결과확인 팝업 */ #smartInsurance_32{} #smartInsurance_32 .insuranceResult{padding:0;} #smartInsurance_32 .insuranceResult .Num{font-size:116.67%; color:#78bc00;} #smartInsurance_32 .tit{text-align:center;} #smartInsurance_32 .tit span{display:inline-block; font-weight:700; color:#fff; border-radius:0 0 7px 7px; background:#919eb4;} #smartInsurance_32 .analysisResultCon{overflow:hidden;} #smartInsurance_32 .analysisResultCon li{} #smartInsurance_32 .analysisResultCon li .tit span{border-radius:0 0 5px 5px;} #smartInsurance_32 .analysisResultCon li .imgCon{width:158px; height:158px;} #smartInsurance_32 .analysisResultCon li .imgCon.graphBg{background:url('/images/html/insuranceService/bg_spreadGraph.png') no-repeat;} #smartInsurance_32 .analysisResultCon li .info{text-align:center;} #smartInsurance_32 .analysisResultCon li .info p{font-size:116.67%; line-height:1.2;} #smartInsurance_32 .analysisResultCon li .info p:first-child{font-weight:700; color:#444;} #smartInsurance_32 .analysisResultCon li .info p.blue{color:#5ca4dc;} #smartInsurance_32 .analysisResultCon li .info p.green{color:#8cc63f;} #smartInsurance_32 .analysisResultCon li .info p.orange{color:#f28e00;} #smartInsurance_32 .customizeCon{overflow:hidden;} #smartInsurance_32 .customizeCon > div > .tit span{padding:10px 40px 12px 40px; border-radius:0 0 5px 5px;} #smartInsurance_32 .customizeCon ul li.customize{text-align:center;} #smartInsurance_32 .customizeCon ul li.customize p.tit{font-size:133.33%; font-weight:700; color:#333f48; text-align:center;} #smartInsurance_32 .customizeCon ul li.customize p.img{margin-top:22px;} #smartInsurance_32 .customizeCon ul li.customize p.txt{margin-top:15px; font-size:108.33%;} #smartInsurance_32 .customizeCon ul li.customize p.cost{margin:20px 0 10px; font-size:150%; color:#444; line-height:1;} #smartInsurance_32 .customizeCon ul li.customize p.cost span {display:inline-block;padding-left:25px;background:url(/images/html/insuranceService/img_brother_won2.png) no-repeat 0 5px;font-size:125%;font-weight:700;} #smartInsurance_32 .legoBlock {width:225px;height:180px;} #smartInsurance_32 .legoBlock ul {height:180px;background-position:center 60px;} #smartInsurance_32 .legoBlock ul li {width:225px;height:24px;background-size:100% auto;} #smartInsurance_32 .legoBlock ul li:first-child {height:47px;padding-top:22px;} #smartInsurance_32 .legoBlock ul li p {padding-top:7px;font-size:108.33%;} #smartInsurance_32 .legoBlock ul li em {padding-top:7px;font-size:108.33%;} #smartInsurance_32 .explainCon{background-color:#f9fafc;} #smartInsurance_32 .explainCon .tit span{padding:10px 38px 12px 38px; border-radius:0 0 5px 5px;} #smartInsurance_32 .explainCon .txtTit{margin-top:20px; font-size:116.67%; font-weight:700; line-height:1.5;} #smartInsurance_32 .explainCon .txt{margin-top:10px; font-size:116.67%; line-height:1.5;} #smartInsurance_32 .greenBtn {height:14px; padding:12px 30px 10px 15px; font-size:116.67%; font-weight:700; color:#fff; text-align:center; line-height:1; border-radius:5px; border-bottom:4px solid #659820; background:#78bc00 url('/images/html/insuranceService/btn_whiteArrow.png') no-repeat right 55%;} #smartInsurance_32 a.greenBtn {display:inline-block;} #smartInsurance_32 .orangeBtn {height:22px; padding:14px 30px 14px 22px; font-size:150%; font-weight:700; color:#fff; text-align:center; line-height:1; border-radius:5px; background:#eb6f00 url('/images/html/insuranceService/btn_whiteArrow.png') no-repeat right 47%; box-shadow:5px 5px 7px #dbdbdb; -webkit-box-shadow:5px 5px 7px #dbdbdb; -moz-box-shadow:5px 5px 7px #dbdbdb; -ms-box--shadow:5px 5px 7px #dbdbdb; -o-box-shadow:5px 5px 5px #dbdbdb;} #smartInsurance_32 a.orangeBtn {display:inline-block;} /* 보험서비스 > 스마트보험디자인 > 기본정보입력 > 보험지식테스트 > 결과확인 - 정답확인 및 해설 */ .resultList {background-image:url(/images/html/insuranceService/bg_resultList_line_mdTop.png), url(/images/html/insuranceService/bg_resultList_line_mdBtm.png);background-repeat:repeat-x;background-position:0 0, 0 bottom;} .resultList .listArea {background-image:url(/images/html/insuranceService/bg_resultList_line_ltMd.png), url(/images/html/insuranceService/bg_resultList_line_rtMd.png);background-repeat:repeat-y;background-position:0 0, right 0;} .resultList .inner {background-image:url(/images/html/insuranceService/bg_resultList_line_ltTop.png), url(/images/html/insuranceService/bg_resultList_line_rtTop.png);background-repeat:no-repeat;background-position:0 0, right 0;} .resultList .inner ul {padding:3px;background-image:url(/images/html/insuranceService/bg_resultList_line_ltBtm.png), url(/images/html/insuranceService/bg_resultList_line_rtBtm.png);background-repeat:no-repeat;background-position:0 100%, right 100%;} .resultList .inner ul li {position:relative;padding:0 0 0 70px;border-top:1px solid #b8bcc0;border-bottom:1px solid #e7eaed} .resultList .inner ul li .qTit {display:block;min-height:20px;padding:15px 55px 15px 0;background:url(/images/html/insuranceService/bg_resultList_bull.png) no-repeat right -367px;color:#444;font-size:108.33%;font-weight:700;line-height:1.5;} .resultList .inner ul li .explain {display:none;padding:14px 45px 15px 0;border-top:1px solid #d7d7d7;font-size:108.33%;line-height:1.5;} .resultList .inner ul li .explain .current {display:block;color:#f02200;} .resultList .inner ul li .explain .current span {display:inline-block;width:20px;height:20px;margin-left:3px;background:url(/images/html/insuranceService/icon_resultlist_ox.png) no-repeat;text-indent:-999em;overflow:hidden;vertical-align:top;} .resultList .inner ul li .explain .current span.yes {background-position:0 0;} .resultList .inner ul li .explain .current span.no {background-position:0 -20px;} .resultList .inner ul li .explain p {margin-top:10px;} .resultList .inner ul li.open .qTit {background-position:right 20px;} .resultList .inner ul li.open .explain {display:block;} .resultList .inner ul li [class*="qNum"] {position:absolute;left:18px;top:18px;} .resultList .inner ul li .qNum10 {left:15px;} .resultList .inner ul li .qTrue {position:absolute;left:8px;top:4px;width:48px;height:49px;background:url(/images/html/insuranceService/img_knowledge_true.png) no-repeat;background-size:48px auto;text-indent:-999em;overflow:hidden;} .resultList .inner ul li .qFalse {position:absolute;left:9px;top:2px;width:40px;height:44px;background:url(/images/html/insuranceService/img_knowledge_false.png) no-repeat;background-size:40px auto;text-indent:-999em;overflow:hidden;} /* 스마트보험 디자인 > 기본정보입력 > 보험지식테스트 */ h3.textBoxTit {color:#444;font-size:133.33%;font-weight:700;} .testBoxWrap {*zoom:1;} .testBoxWrap:after {content:"";display:block;clear:both;height:0;visibility:hidden;} .testStart, .testRlt, .testBox {position:relative;float:left;} .testStart .inner > p{position:absolute;left:50%;top:52px;margin-left:-74px;} .testStart .inner > p img {width:148px;} .testStart .inner > span {display:block;text-indent:-999em;overflow:hidden;} .testRlt .inner {display:block;width:100%;height:100%;} .testRlt .inner > p {position:absolute;left:50%;width:175px;height:106px;margin-left:-89px;background:url(/images/html/insuranceService/img_testbox_result.png) no-repeat 0 0;text-indent:-999em;overflow:hidden;} .testRlt .inner > span {display:block;text-indent:-999em;overflow:hidden;} .testRlt.active .inner > p {background-image:url(/images/html/insuranceService/img_testbox_result_m.png);} .testBox .corver {position:absolute;width:100%;height:100%;z-index:10;} .testBox .corver .page {display:block;position:absolute;width:42px;height:42px;z-index:10;} .testBox .corver a:hover {text-decoration:none;} .testBox .corver a .round {display:block;padding-top:73px;} .testBox .corver a [class*="num"] {display:block;width:67px;height:67px;margin:0 auto 25px;background:url(/images/html/insuranceService/txt_textbox_corver_num.png) no-repeat;text-indent:-333em;overflow:hidden;} .testBox .corver a .num01 {background-position:0 0;} .testBox .corver a .num03 {background-position:0 -67px;} .testBox .corver a .num05 {background-position:0 -134px;} .testBox .corver a .num07 {background-position:0 -201px;} .testBox .corver a .num09 {background-position:0 -268px;} .testBox .corver a .num02 {background-position:-67px 0;} .testBox .corver a .num04 {background-position:-67px -67px;} .testBox .corver a .num06 {background-position:-67px -134px;} .testBox .corver a .num08 {background-position:-67px -201px;} .testBox .corver a .num10 {background-position:-67px -268px;} .testBox .corver strong {display:block;height:61px;padding-top:15px;background:url(/images/html/insuranceService/bg_textbox_levelWrap.png) no-repeat center 0;color:#fff;font-size:133.33%;text-align:center;line-height:1;} .testBox .corver strong [class*="level"] {display:block;width:110px;height:20px;margin:9px auto 0;background:url(/images/html/insuranceService/bg_textbox_level.png) no-repeat;text-indent:-999em;overflow:hidden;} .testBox .corver strong .level1{background-position:0 0;} .testBox .corver strong .level2{background-position:0 -20px;} .testBox .corver strong .level3{background-position:0 -40px;} .testBox .corver strong .level4{background-position:0 -60px;} .testBox .corver strong .level5{background-position:0 -80px;} .testBox .inner [class*="qNum"], .resultList .inner [class*="qNum"] {display:block;width:45px;height:15px;background:url(/images/html/insuranceService/txt_textbox_num.png) no-repeat;background-size:100px 100px;text-indent:-999em;overflow:hidden;} .testBox .inner .qNum01, .resultList .inner .qNum01 {background-position:0 0;} .testBox .inner .qNum02, .resultList .inner .qNum02 {background-position:0 -20px;} .testBox .inner .qNum03, .resultList .inner .qNum03 {background-position:0 -40px;} .testBox .inner .qNum04, .resultList .inner .qNum04 {background-position:0 -60px;} .testBox .inner .qNum05, .resultList .inner .qNum05 {background-position:0 -80px;} .testBox .inner .qNum06, .resultList .inner .qNum06 {background-position:-50px 0;} .testBox .inner .qNum07, .resultList .inner .qNum07 {background-position:-50px -20px;} .testBox .inner .qNum08, .resultList .inner .qNum08 {background-position:-50px -40px;} .testBox .inner .qNum09, .resultList .inner .qNum09 {background-position:-50px -60px;} .testBox .inner .qNum10, .resultList .inner .qNum10 {background-position:-50px -80px;} .testBox .inner .quest {font-size:108.33%;line-height:1.6;} .testBox .inner .anwser {width:100%;} .testBox .inner .anwser li {margin-bottom:4px;} .testBox .inner .anwser li > p {width:100%;height:40px;font-weight:800;text-align:center;} .testBox .inner .anwser li > p input {position:absolute;overflow:hidden;visibility:hidden;} .testBox .inner .anwser li > p .qOr {display:block;width:100%;border-radius:5px;background:#d4d4d4;color:#6f6f6f;line-height:1;} .testBox .inner .anwser li > p.qCheck .qOr, .marking .testBox .inner .anwser li.current p.qCheck .qOr {border:0;background-color:#78bc00;background-image:none;box-shadow:2px 2px 1px #4b7500 inset;color:#fff;} .marking .testBox .inner .anwser li p.qCheck .qOr {background-image:url(/images/html/insuranceService/icon_testbox_false.png);background-repeat:no-repeat;background-position:10px 50%;} .testBox .inner .anwser li.current p .qOr {box-shadow:inset 0 0 0 2px #c92d2d;border-radius:5px;background-color:#fff;background-image:url(/images/html/insuranceService/icon_testbox_true.png);background-repeat:no-repeat;background-position:10px 50%;} .testBox .tooltipBox {position:absolute;left:0;top:28px;width:92%;padding:10px 4%;box-shadow:inset 0 0 0 2px #c92d2d;border-radius:5px;background:#fff;z-index:10;} .testBox .tooltipBox .arrow {display:block;position:absolute;left:50%;top:-5px;width:12px;height:7px;margin-left:-6px;background:url(/images/html/insuranceService/bg_testbox_tooltip.png) no-repeat;} .testBox .tooltipBox .tip {display:block;width:50px;height:14px;padding:4px 0;border-radius:10px;background:#c92d2d;color:#fff;font-size:108.33%;font-weight:700;text-align:center;} .testBox .tooltipBox > p {margin-top:13px;font-size:108.33%;letter-spacing:-1px;line-height:1.3;} .testBox.qTrue .inner {background:url(/images/html/insuranceService/img_testbox_true.png) no-repeat center 57px;} .testBox.qFalse .inner {background:url(/images/html/insuranceService/img_testbox_false.png) no-repeat center 68px;} /* 테블릿 + PC ===================================================================================================================== */ @media screen and (min-width:737px) { .bck {display:block;} /* 스마트보험 디자인 메뉴*/ .testMenuBar {padding-top:25px; background:url('/images/html/insuranceService/bg_testMenuBar.png') no-repeat 0 0;} .testMenuBar .testMenu {width:940px; height:102px;} .testMenuRlt {padding-top:25px; background:url('/images/html/insuranceService/bg_testMenuResult.png') no-repeat 0 0;} .testMenuRlt .testMenu {width:940px; height:92px;} .testMenu li {height:90px; padding:35px 0 0 125px;} .testMenu li span {display:inline-block; min-width:140px; height:18px; padding:5px 0;} .testMenu li.on span {color:#444; background-image:url('/images/html/insuranceService/icon_testCheck_on.png') !important; background-repeat:no-repeat; background-position:right top; background-size:25px 25px;} .testMenu li.complete span {color:#444; background-image:url('/images/html/insuranceService/icon_testCheck_off.png'); background-repeat:no-repeat; background-position:right top; background-size:25px 25px;} .testMenu li span em {padding-left:5px;} .testMenu .menu01 {width:313px;background:url('/images/html/insuranceService/icon_testMenu01_off.png') no-repeat 49px 14px;} .testMenu .menu01.on {background-image:url('/images/html/insuranceService/icon_testMenu01_on.png');} .testMenu .menu02 {width:313px;background:url('/images/html/insuranceService/icon_testMenu02_off.png') no-repeat 47px 14px;} .testMenu .menu02.on {background-image:url('/images/html/insuranceService/icon_testMenu02_on.png');} .testMenu .menu03 {width:314px;background:url('/images/html/insuranceService/icon_testMenu03_off.png') no-repeat 43px 13px;} .testMenu .menu03.on {background-image:url('/images/html/insuranceService/icon_testMenu03_on.png');} /* 스마트보험 디자인 > 결과확인공통 */ .testResult{overflow:hidden;width:940px;background:url('/images/html/insuranceService/bg_testResultTop.png') no-repeat 0 0;} .testResult .name{height:30px; padding-top:18px; } .testResult .graphCon{padding:24px 0 17px 0;background:url('/images/html/insuranceService/bg_testResultMid.png') repeat-y 0 0;} .testResult .graphCon .left{float:left; width:459px; border-right:1px dashed #ccc;} .testResult .graphCon .right{float:right; width:459px;} .testResult .infoList {padding:0 6px 11px 5px;background-image:url('/images/html/insuranceService/bg_testResultBtm.png');background-repeat:no-repeat;} .testResult .infoList .inner {overflow:hidden;height:38px;padding:18px 14px 18px 25px;border-top:1px solid #e8e8e8;border-radius:0 0 15px 15px;background-color:#f8f8f8;} .testResult .btnAgain{position:absolute; top:20px; right:20px;} .designResult {right:50%;bottom:180px;margin-right:-570px;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01 .insuranceMain{width:100%; height:860px; background:url('/images/html/insuranceService/bg_insuranceGuide.png') no-repeat;} #smartInsurance_01 .insuranceMain .info{display:none;} #smartInsurance_01 .toolTipCon{position:absolute; top:473px; left:142px; width:539px; height:155px; padding-top:35px;} #smartInsurance_01 .toolTipCon li{float:left; width:120px; height:120px; text-indent:-9999px; cursor:pointer;} #smartInsurance_01 .toolTipCon li span {display:none; height:70px;} #smartInsurance_01 .toolTipCon li.character:hover{background:url('/images/html/insuranceService/bg_greenRoundBorder_brain.png') no-repeat;} #smartInsurance_01 .toolTipCon li:hover{background:url('/images/html/insuranceService/bg_greenRoundBorder.png') no-repeat;} #smartInsurance_01 .toolTipCon li:hover span{display:block; position:absolute;} #smartInsurance_01 .toolTipCon li.character{margin-left:118px;} #smartInsurance_01 .toolTipCon li.character span{top:0; left:0; width:162px; background:url('/images/html/insuranceService/bg_testTooltip01.png') no-repeat;} #smartInsurance_01 .toolTipCon li.insurance{margin-left:29px;} #smartInsurance_01 .toolTipCon li.insurance span{top:0; left:130px; width:189px; background:url('/images/html/insuranceService/bg_testToolTip02.png') no-repeat;} #smartInsurance_01 .toolTipCon li.guarantee{margin-left:30px;} #smartInsurance_01 .toolTipCon li.guarantee span{top:0; left:300px; width:178px; background:url('/images/html/insuranceService/bg_testToolTip03.png') no-repeat;} #smartInsurance_01 .insuranceMain .btnArea{margin-top:778px;} #smartInsurance_01 .subTxt{display:none;} #smartInsurance_01 .kitCon{display:none;} #smartInsurance_01 .infoSub{display:none;} /* 스마트보험 디자인 > 기본정보입력 */ #smartInsurance_03 .entryArea {padding:72px 0 65px;} #smartInsurance_03 .entryBox {width:821px;height:316px;margin:45px 0 78px 71px;background:url(/images/html/insuranceService/bg_entryBox.png) no-repeat 0 0;} #smartInsurance_03 .entryBox [class*="inp"] {float:left;width:133px;height:101px;margin:186px 3px 0 0;background:url(/images/html/insuranceService/bg_entryTxt.png) no-repeat 0 0;text-align:center;} #smartInsurance_03 .entryBox [class*="inp"][class*="on"] {background-image:url(/images/html/insuranceService/bg_entryTxt_on.png)} #smartInsurance_03 .entryBox [class*="inp"] p {position:relative;width:115px;height:83px;margin:2px 0 0 2px;} #smartInsurance_03 .entryBox [class*="inp"] .entrySlt {width:115px;height:20px;padding:32px 0 31px;font-size:166.67%;} #smartInsurance_03 .entryBox .inp01 {margin-left:121px} #smartInsurance_03 .entryBox .inp01 ul, #smartInsurance_03 .entryBox .inp03 ul {width:133px;height:118px;margin-top:7px;background:url(/images/html/insuranceService/bg_entrySelet.png) no-repeat 0 0;} #smartInsurance_03 .entryBox .inp01 ul li, #smartInsurance_03 .entryBox .inp03 ul li {width:115px;height:50px;} #smartInsurance_03 .entryBox .inp01 ul li a, #smartInsurance_03 .entryBox .inp03 ul li a {width:100%;height:20px;padding:16px 0 14px;font-size:166.67%;} #smartInsurance_03 .entryBox .inp02 label {position:absolute;left:0;top:20px;width:100%;color:#333;font-size:166.67%;line-height:1.2;} #smartInsurance_03 .entryBox .inp04 label {position:absolute;left:0;top:32px;width:100%;color:#333;font-size:166.67%;line-height:1;} #smartInsurance_03 .entryBox .inp02 label span, #smartInsurance_03 .entryBox .inp04 label span {display:block;} #smartInsurance_03 .entryBox .inp02 input, #smartInsurance_03 .entryBox .inp04 input {width:115px;height:20px;padding:32px 0 31px;font-size:166.67%;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트*/ #smartInsurance_04 .testCon{height:572px; margin:30px 0;} #smartInsurance_04 .testCon .border{height:568px;} #smartInsurance_04 .testCon .textBox{position:relative; width:2000%; padding:30px 0;} #smartInsurance_04 .testCon .test{float:left; width:5%;} #smartInsurance_04 .testCon .title{padding:0 30px; font-size:266.64%;} #smartInsurance_04 .testCon .testImg{width:325px; margin:45px auto 50px auto;} #smartInsurance_04 .testCon .answer{width:545px;} #smartInsurance_04 .testCon .answer li{text-align:center; font-size:133.33%;} #smartInsurance_04 .testCon .answer li .pollCheck .pollOr{display:inline-block;padding:4px 0 4px 32px; text-align:left; line-height:1.3;} #smartInsurance_04 .resultContainer{padding:75px 0 64px 0;} #smartInsurance_04 .resultContainer .inner .txtComplete {font-size:200%;} #smartInsurance_04 .resultContainer .inner .txtCompleteInfo{font-size:200%;} #smartInsurance_04 .resultContainer .inner .btnArea {margin-top:90px;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트 결과확인 */ #smartInsurance_24 .testResult .graphCon{padding:0;} #smartInsurance_24 .testResult .graphCon [class*="typeCharacter"]{overflow:hidden; display:table; margin-left:5px;} #smartInsurance_24 .testResult .graphCon .typeCharacter01, #smartInsurance_24 .testResult .graphCon .typeCharacter02{margin-top:-30px;} #smartInsurance_24 .testResult .graphCon .typeCharacter01 .typeCharacterTxt .tit, #smartInsurance_24 .testResult .graphCon .typeCharacter02 .typeCharacterTxt .tit{margin-top:30px;} #smartInsurance_24 .testResult .graphCon .typeCharacterImg{display:table-cell; width:410px; height:254px;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt{display:table-cell; vertical-align:middle; color:#333; line-height:1.2; letter-spacing:-1px;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .tit{font-size:208.33%;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .subTxt{margin-top:20px; font-size:249.98%; font-weight:700;} #smartInsurance_24 .testResult .graphCon .type{position:relative; margin:0 6px; padding:20px 20px 20px 138px; border-top:1px solid #dedede;} #smartInsurance_24 .testResult .graphCon .type p.typeTitle{position:absolute; left:-12px; top:50%; width:160px; margin-top:-6px; text-align:center;} #smartInsurance_24 .testResult .graphCon .type p.typeTitle span.boldNone span{display:block;} #smartInsurance_24 .resultInfo{margin-bottom:40px; padding:57px 30px 35px 30px; border-bottom:1px solid #dedede;} #smartInsurance_24 .resultInfo li{min-height:115px; margin-top:30px;} #smartInsurance_24 .resultInfo li:first-child{margin:0;} #smartInsurance_24 .resultInfo li span{height:37px; padding-left:65px; font-size:133.33%; line-height:2.3;} #smartInsurance_24 .resultInfo li span.advice, #smartInsurance_24 .resultInfo li span.guide{background-position:left top; background-repeat:no-repeat;} #smartInsurance_24 .resultInfo li p{margin-top:15px; font-size:108.33%;} #smartInsurance_24 .btnTypeGray{display:none;} #smartInsurance_24 .testResult .graphCon .typeCharacter01 .typeCharacterImg{height:285px; background:url('/images/html/insuranceService/img_typeCharacter01.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter02 .typeCharacterImg{height:285px; background:url('/images/html/insuranceService/img_typeCharacter02.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter03 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter03.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter04 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter04.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter05 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter05.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter06 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter06.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter07 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter07.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter08 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter08.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter09 .typeCharacterImg{height:262px; background:url('/images/html/insuranceService/img_typeCharacter09.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter10 .typeCharacterImg{height:262px; background:url('/images/html/insuranceService/img_typeCharacter10.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter11 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter11.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter12 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter12.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter13 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter13.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter14 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter14.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter15 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter15.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter16 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter16.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter17 .typeCharacterImg{height:264px; background:url('/images/html/insuranceService/img_typeCharacter17.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter18 .typeCharacterImg{height:264px; background:url('/images/html/insuranceService/img_typeCharacter18.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter19 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter19.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter20 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter20.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter21 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter21.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter22 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter22.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter23 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter23.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter24 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter24.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter25 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter25.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter26 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter26.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter27 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter27.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter28 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter28.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter29 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter29.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter30 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter30.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter31 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter31.png') no-repeat;} #smartInsurance_24 .testResult .graphCon .typeCharacter32 .typeCharacterImg{background:url('/images/html/insuranceService/img_typeCharacter32.png') no-repeat;} /* 스마트보험 디자인 > 기본정보입력 > 보장분석 테스트 > 결과확인 */ #smartInsurance_26 .infoTxt{width:898px;} #smartInsurance_26 .testResult .graphCon .tit{margin-top:24px;} #smartInsurance_26 .testResult .graphCon .left{height:243px;} #smartInsurance_26 .testResult .graphCon .left ul.graph{margin-top:20px; padding:0 70px;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon{margin:12px 0 0 50px;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon ul.txt{float:left; width:60px;} #smartInsurance_26 .testResult .graphCon .right{height:243px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo{overflow:hidden; margin-top:20px; padding:0 70px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li{float:left;width:131px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt{margin:43px 0 0 55px;} #smartInsurance_26 .assetGraph li{width:114px;} #smartInsurance_26 .assetGraph li .barCon{width:114px;} #smartInsurance_26 .insuranceAnalysis{width:780px; height:145px; padding:30px 79px;} #smartInsurance_26 .insuranceGraph{width:780px;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip{right:-59px; min-width:115px;background-position:center top;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip span {padding:6px 9px;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip{right:-59px; min-width:115px;background-position:center bottom;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip span {padding:6px 9px;} /* 보험서비스 > 스마트보험디자인 > 기본정보입력 > 보험지식테스트 > 결과확인 */ #smartInsurance_30 .testResult .graphCon .imgInner {width:211px;} #smartInsurance_30 .testResult .graphCon .imgInner img {margin-top:24px;} #smartInsurance_30 .testResult .graphCon .txtInner {width:246px;} #smartInsurance_30 .testResult .graphCon .txtInner .tit {margin:24px 0 13px;} #smartInsurance_30 .testResult .graphCon .left {padding-bottom:50px;} #smartInsurance_30 .testResult .graphCon .criteria {display:none;} /* 스마트보험 디자인 비밀번호 입력 팝업 */ #pop_folder_smartInsurance_31{top:50%; left:50%; width:940px; height:800px; margin:-400px 0 0 -470px;} #pop_folder_smartInsurance_31 .folderTop {margin-top:50px;padding:24px 20px;text-align:center;line-height:1.5;} #pop_folder_smartInsurance_31 .folderTop .tit {color:#333;font-weight:700;line-height:1;} #pop_folder_smartInsurance_31 .folderTop p{font-size:200%;} #pop_folder_smartInsurance_31 .popContWrap .pwCon{width:360px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon{width:238px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon input[type=text]{padding:10px 40px 10px 50px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon{width:232px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon .pollCheck{float:left;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon .moreDetail{float:left;} /* 스마트보험 디자인 결과확인 팝업 */ #smartInsurance_32 .insuranceResult{position:relative; width:940px;} #smartInsurance_32 .insuranceResult .Num{position:absolute; top:20px; left:16px;} #smartInsurance_32 .popBtn{position:absolute;right:20px;top:20px;} #smartInsurance_32 .popBtn button{display:inline-block;width:34px;height:34px;padding:0;margin-left:3px;border:none;background:none;text-indent:-999em;overflow:hidden;} #smartInsurance_32 .popBtn button.close{background:url('/images/html/btn/btn_popClose.png') no-repeat center 0;} #smartInsurance_32 .borderCon{width:929px; padding:0 5px; background:url('/images/html/insuranceService/bg_popupBorder.png'),url('/images/html/insuranceService/bg_popupBorder_shadowNone.png'); background-position:top left,top right; background-repeat:repeat-y,repeat-y;} /* #smartInsurance_32 .scrollCon{overflow-y:scroll; height:420px;} */ #smartInsurance_32 .tit.padding{padding:5px 0 19px 0; border-radius:10px 10px 0 0; background:url('/images/html/insuranceService/bg_popupTopBox.png') no-repeat;} #smartInsurance_32 .tit span{padding:12px 25px; font-size:166.67%; border-left:2px solid #c9cfda; border-bottom:2px solid #7b8699; border-right:2px solid #7b8699; box-shadow:5px 5px 5px #e4e4e4; -webkit-box-shadow:5px 5px 5px #e4e4e4; -moz-box-shadow:5px 5px 5px #e4e4e4; -ms-box-shadow:5px 5px 5px #e4e4e4; -o-box-shadow:5px 5px 5px #e4e4e4;} #smartInsurance_32 .analysisResultCon{padding:6px 74px 0 75px; background:url('/images/html/insuranceService/bg_popupBorderTop.png') repeat-x;} #smartInsurance_32 .analysisResultCon li{float:left; width:240px; min-height:325px; margin:0 10px; text-align:center;} #smartInsurance_32 .analysisResultCon li .tit span{padding:10px 40px 12px 40px;font-size:150%;} #smartInsurance_32 .analysisResultCon li .imgCon{margin:20px auto 0;} #smartInsurance_32 .analysisResultCon li .info p{margin:10px 0;} #smartInsurance_32 .analysisResultCon li .info p:first-child{font-size:200%; margin-top:5px;} #smartInsurance_32 .customizeCon {padding-top:5px; background:url('/images/html/insuranceService/bg_popupBorderTop.png') repeat-x;} #smartInsurance_32 .customizeCon .tit.display{display:none;} #smartInsurance_32 .customizeCon > div{overflow:hidden; float:left; height:424px;} #smartInsurance_32 .customizeCon > div > .tit span{font-size:150%;} #smartInsurance_32 .customizeCon ul li.customize{width:252px; height:332px; margin-top:27px; border-radius:7px; border-top:1px solid #e1e6ee; border-left:1px solid #e1e6ee; border-right:1px solid #bdc2ca; border-bottom:1px solid #bdc2ca; background:#fff; box-shadow:5px 5px 5px #e4e4e4; -webkit-box-shadow:5px 5px 5px #e4e4e4; -moz-box-shadow:5px 5px 5px #e4e4e4; -ms-box-shadow:5px 5px 5px #e4e4e4; -o-box-shadow:5px 5px 5px #e4e4e4;} #smartInsurance_32 .customizeCon ul li.customize p.tit {padding:13px 0; background:#dee4ed;border-radius:6px 6px 0 0;} #smartInsurance_32 .customizeCon .productCon{width:594px; border-right:3px solid #c9cfda; background:url('/images/html/insuranceService/bg_productCon.png') no-repeat center 0;} #smartInsurance_32 .customizeCon .product li.customize{float:left; margin-left:30px;} #smartInsurance_32 .customizeCon .serviceCon{width:311px; border-left:4px solid #919eb4; background:url('/images/html/insuranceService/bg_serviceCon.png') no-repeat 147px bottom;} #smartInsurance_32 .customizeCon .service li.customize{margin-left:30px;} #smartInsurance_32 .customizeCon .service li.customize p.brothers{width:226px; height:210px; margin:10px auto 13px auto; text-indent:-9999px; overflow:hidden;} #smartInsurance_32 .customizeCon .service li.customize.type01 p.brothers {background:url('/images/html/insuranceService/bg_brothersBubble01.png') no-repeat;} #smartInsurance_32 .customizeCon .service li.customize.type02 p.brothers {background:url('/images/html/insuranceService/bg_brothersBubble02.png') no-repeat;} #smartInsurance_32 .customizeCon .service li.customize.type03 p.brothers {background:url('/images/html/insuranceService/bg_brothersBubble03.png') no-repeat;} #smartInsurance_32 .explainCon{padding:5px 50px 30px 50px; background:url('/images/html/insuranceService/bg_popupBorderTop.png') repeat-x;} #smartInsurance_32 .explainCon .tit span{font-size:150%;} #smartInsurance_32 .counsel{overflow:hidden; height:106px; padding-top:5px; background:url('/images/html/insuranceService/bg_popupBottomBox.png') no-repeat;} #smartInsurance_32 .counsel li{height:96px;} #smartInsurance_32 .counsel .request{float:left; width:377px;} #smartInsurance_32 .counsel .request a{margin:24px 0 0 167px;} #smartInsurance_32 .counsel .phone{float:left; width:547px;} #smartInsurance_32 .counsel .phone img{margin:24px 0 0 144px;} /* 스마트보험 디자인 > 기본정보입력 > 보험지식테스트 */ h3.textBoxTit {margin:40px 0 15px;} .testBoxWrap {width:960px;} .testStart, .testEnd, .testRlt, .testBox {width:220px;height:282px;margin:20px 20px 0 0;} .testStart {background:url(/images/html/insuranceService/bg_testbox_start_line.png) no-repeat;} .testRlt{background:url(/images/html/insuranceService/bg_testbox_end_line.png) no-repeat;} .testRlt .inner > p {top:78px;} .testRlt.active {background-image:url(/images/html/insuranceService/bg_testbox_result_line.png);} .testBox .inner {background:#fff url(/images/html/insuranceService/bg_testbox.png) no-repeat;} .testBox .corver {left:-1px;top:-1px;border:1px solid #2b6794;border-radius:7px;background:#4691ca;} .testBox .corver .page {right:-1px;bottom:-1px;background:url(/images/html/insuranceService/bg_testbox_corver.png) no-repeat 0 0;} .testBox .corver .outline {height:276px;border:3px solid #2f72a5;border-radius:6px;} .testBox .corver .outline a {display:block;height:274px;border:1px solid #2b6794;border-radius:3px;} .testBox.qTrue {background:url(/images/html/insuranceService/bg_testbox.png) no-repeat;} .testBox.qFalse {background:url(/images/html/insuranceService/bg_testbox.png) no-repeat;} .testBox .inner {height:276px;padding:3px 17px;} .testBox .inner [class*="qNum"] {margin:30px 0 8px;} .testBox .inner .quest {height:130px;} .testBox .inner .anwser li > p .qOr {height:14px;padding:13px 0;font-size:108.33%;} .testBox.qTrue {background-color:#f9f9f9;} } /* 모바일 버전 ===================================================================================================================== */ @media screen and (max-width:736px) { /* 스마트보험 디자인 > 메뉴 */ .testMenuBar{padding-top:20px; background:none;} .testMenu{overflow:hidden; width:100%; height:95px; border:2px solid #919eb4; border-radius:5px;} .testMenu li{width:33.3%; height:95px; padding:55px 9px 0 9px; text-align:center; border-left:2px solid #919eb4;} .testMenu li:first-child {border-left:0;} .testMenu li span{display:inline; padding-top:10px; line-height:1; background:none;} .testMenu li span em {display:block;} .testMenu li.on span{color:#444;} .testMenu .menu01{background:url('/images/html/insuranceService/icon_testMenu01m_off.png') no-repeat center 5px;background-size:40px 42px;} .testMenu .menu01.on{background:url('/images/html/insuranceService/icon_testMenu01m_on.png') no-repeat center 5px;background-size:40px 42px;} .testMenu .menu02{background:url('/images/html/insuranceService/icon_testMenu02m_off.png') no-repeat center 5px;background-size:42px 43px;} .testMenu .menu02.on{background:url('/images/html/insuranceService/icon_testMenu02m_on.png') no-repeat center 5px;background-size:42px 43px;} .testMenu .menu03{background:url('/images/html/insuranceService/icon_testMenu03m_off.png') no-repeat center 5px;background-size:47px 42px;} .testMenu .menu03.on{background:url('/images/html/insuranceService/icon_testMenu03m_on.png') no-repeat center 5px;background-size:47px 42px;} /* 스마트보험 디자인 > 결과확인공통 */ .testResult{width:100%; margin-top:10px; border:2px solid #919eb4; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} .testResult .nameCon{width:100%; background:#919eb4;} .testResult .name{width:100%; height:auto; padding:0;} .testResult .name span{display:block;padding:10px 60px 15px 60px;background:#919eb4;line-height:1.2;} .testResult .graphCon .left{width:100%;} .testResult .graphCon .right{width:100%; margin-top:30px; border-top:1px dashed #eeeeee;} .testResult .infoList{overflow:hidden;padding:20px 20px 20px 30px;border-top:1px solid #e8e8e8;background-color:#f8f8f8;} .testResult .btnAgain {width:100%;margin-top:10px;text-align:right;} .testResult .btnAgain a {display:inline-block;margin-right:20px;} .designResult {right:15px;bottom:100px;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01 .insuranceMain{max-width:696px; padding:30px 0; border-radius:15px; background:url('/images/html/insuranceService/bg_insuranceGuide_mobile.png') repeat;} #smartInsurance_01 .insuranceMain .info {text-align:center;} #smartInsurance_01 .insuranceMain .info img{max-width:582px; width:100%;} #smartInsurance_01 .insuranceMain .infoSub{width:245px; margin:22px auto 0 auto; text-align:center;} #smartInsurance_01 .insuranceMain .infoSub img {width:100%;} #smartInsurance_01 .insuranceMain .subTxt{max-width:600px; width:84%; height:42px; margin:4px auto 0 auto; padding:5px 8px; text-align:center; color:#fff; line-height:1.3; background:url('/images/html/insuranceService/bg_greenBracketL.png'),url('/images/html/insuranceService/bg_greenBracketR.png'); background-position:top left,top right; background-repeat:no-repeat;} #smartInsurance_01 .kitCon{margin-top:20px; padding:0 10px; text-align:center;} #smartInsurance_01 .kitCon img{max-width:451px; width:100%;} #smartInsurance_01 .insuranceMain .btnArea{margin-top:5%} #smartInsurance_01 .insuranceMain .btnArea img{width:30%;} #smartInsurance_01 .toolTipCon{display:none;} /* 스마트보험 디자인 > 기본정보입력 */ #smartInsurance_03.contents > .container {padding:0 3%;} #smartInsurance_03 .entryArea {padding:49px 0 45px;} #smartInsurance_03 .entryBox {width:268px;height:477px;margin:45px auto 50px;padding-top:81px;background:url(/images/html/insuranceService/bg_entryBoxM.png) no-repeat 0 0;} #smartInsurance_03 .entryBox [class*="inp"] {width:233px;height:91px;margin:0 0 11px 23px;background:url(/images/html/insuranceService/bg_entryTxtM.png) no-repeat 0 0;text-align:center;} #smartInsurance_03 .entryBox [class*="inp"][class*="on"] {background-image:url(/images/html/insuranceService/bg_entryTxtM_on.png)} #smartInsurance_03 .entryBox [class*="inp"] p {position:relative;width:216px;height:73px;margin:2px 0 0 2px;background:url(/images/html/insuranceService/bg_entryIconM.png) no-repeat;} #smartInsurance_03 .entryBox [class*="inp"] .entrySlt {width:154px;height:18px;padding:28px 0 27px 62px;font-size:150%;} #smartInsurance_03 .entryBox .inp01 p {background-position:18px 0;} #smartInsurance_03 .entryBox .inp02 p {background-position:23px -91px;} #smartInsurance_03 .entryBox .inp03 p {background-position:12px -182px;} #smartInsurance_03 .entryBox .inp04 p {background-position:22px -273px;} #smartInsurance_03 .entryBox .inp01 ul, #smartInsurance_03 .entryBox .inp03 ul {position:relative;width:233px;height:118px;margin-top:7px;background:url(/images/html/insuranceService/bg_entrySeletM.png) no-repeat 0 0;z-index:2;} #smartInsurance_03 .entryBox .inp01 ul li, #smartInsurance_03 .entryBox .inp03 ul li {width:215px;height:50px;} #smartInsurance_03 .entryBox .inp01 ul li a, #smartInsurance_03 .entryBox .inp03 ul li a {width:100%;height:18px;padding:17px 0 15px;font-size:150%;} #smartInsurance_03 .entryBox label {position:absolute;left:62px;top:28px;width:154px;color:#333;font-size:150%;line-height:1.2;} #smartInsurance_03 .entryBox input {width:154px;height:18px;padding:29px 0 26px 62px;font-size:150%;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트*/ #smartInsurance_04 .testCon{width:100%;margin:10px 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} #smartInsurance_04 .testCon .textBox{width:2000%;padding:20px 0;} #smartInsurance_04 .testCon .test{position:relative; float:left; width:5%;} #smartInsurance_04 .testCon .title{font-size:133.33%;} #smartInsurance_04 .testCon .testImg{padding:15px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} #smartInsurance_04 .testCon .testImg img{width:100%;} #smartInsurance_04 .testCon .answer{width:100%; padding:0 10px;} #smartInsurance_04 .testCon .answer li{font-size:100%; text-align:center;} #smartInsurance_04 .testCon .answer li .pollCheck .pollOr{display:inline-block;text-align:left; padding:6px 0 7px 32px;line-height:1.3;} #smartInsurance_04 .testCon .btnArea{display:none;} #smartInsurance_04 .testCon .textBox + .resultContainer {display:none;} #smartInsurance_04 .resultContainer{padding:40px 30px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} #smartInsurance_04 .resultContainer .inner .txtComplete {font-size:166.67%;} #smartInsurance_04 .resultContainer .inner .txtComplete span.block{display:block; margin-top:2px;} #smartInsurance_04 .resultContainer .inner .txtCompleteInfo{font-size:166.67%;} #smartInsurance_04 .resultContainer .inner .imgCon img{max-width:402px; width:100%;} #smartInsurance_04 .resultContainer .inner .btnArea{display:block; margin-top:45px;} /* 스마트보험디자인 안내 > 기본정보입력 > 성격유형 테스트 결과확인 */ #smartInsurance_24 .testResult .graphCon [class*="typeCharacter"] .typeCharacterTxt span.block{display:block;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt{padding:10px 10px 25px 10px; color:#333; font-size:158.33%; text-align:center; line-height:1.3; letter-spacing:-1px;} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .tit{} #smartInsurance_24 .testResult .graphCon .typeCharacterTxt .subTxt{margin-top:10px; font-weight:700;} #smartInsurance_24 .testResult .graphCon .type{padding:40px 10px; border-top:2px solid #919eb4;} #smartInsurance_24 .defaultGrayDotList{margin-top:15px;} #smartInsurance_24 .resultInfo li{padding:25px 0 30px 0; border-bottom:1px dashed #eee;} #smartInsurance_24 .resultInfo li span{padding-left:45px; font-size:166.67%; line-height:2.5;} #smartInsurance_24 .resultInfo li span.advice, #smartInsurance_24 .resultInfo li span.guide{background-size:20% auto; background-position:left center; background-repeat:no-repeat;} #smartInsurance_24 .btnArea{margin-top:25px;} #smartInsurance_24 .btnArea .btnTypeGray, #smartInsurance_24 .btnArea .btnTypeBlue{margin-bottom:10px;} #smartInsurance_24 .testResult .graphCon .typeCharacter11 .typeCharacterTxt, #smartInsurance_24 .testResult .graphCon .typeCharacter12 .typeCharacterTxt{font-size:157%;} #smartInsurance_24 .testResult .graphCon [class*="typeCharacter"] .typeCharacterImg{height:200px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:90% auto;} #smartInsurance_24 .testResult .graphCon .typeCharacter01 .typeCharacterImg{max-width:320px; height:240px; margin-top:-22px; background-image:url('/images/html/insuranceService/img_typeCharacter01m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter02 .typeCharacterImg{max-width:320px; height:240px; margin-top:-22px; background-image:url('/images/html/insuranceService/img_typeCharacter02m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter03 .typeCharacterImg{max-width:300px; height:230px; background-image:url('/images/html/insuranceService/img_typeCharacter03m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter04 .typeCharacterImg{max-width:300px; height:230px; background-image:url('/images/html/insuranceService/img_typeCharacter04m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter05 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter05m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter06 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter06m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter07 .typeCharacterImg{max-width:400px; background-image:url('/images/html/insuranceService/img_typeCharacter07m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter08 .typeCharacterImg{max-width:400px; background-image:url('/images/html/insuranceService/img_typeCharacter08m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter09 .typeCharacterImg{max-width:356px; background-image:url('/images/html/insuranceService/img_typeCharacter09m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter10 .typeCharacterImg{max-width:356px; background-image:url('/images/html/insuranceService/img_typeCharacter10m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter11 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter11m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter12 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter12m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter13 .typeCharacterImg{max-width:346px; background-image:url('/images/html/insuranceService/img_typeCharacter13m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter14 .typeCharacterImg{max-width:346px; background-image:url('/images/html/insuranceService/img_typeCharacter14m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter15 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter15m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter16 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter16m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter17 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter17m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter18 .typeCharacterImg{max-width:350px; background-image:url('/images/html/insuranceService/img_typeCharacter18m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter19 .typeCharacterImg{max-width:312px; height:210px; background-image:url('/images/html/insuranceService/img_typeCharacter19m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter20 .typeCharacterImg{max-width:312px; height:210px; background-image:url('/images/html/insuranceService/img_typeCharacter20m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter21 .typeCharacterImg{max-width:308px; background-image:url('/images/html/insuranceService/img_typeCharacter21m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter22 .typeCharacterImg{max-width:308px; background-image:url('/images/html/insuranceService/img_typeCharacter22m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter23 .typeCharacterImg{max-width:284px; height:240px; background-image:url('/images/html/insuranceService/img_typeCharacter23m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter24 .typeCharacterImg{max-width:284px; height:240px; background-image:url('/images/html/insuranceService/img_typeCharacter24m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter25 .typeCharacterImg{max-width:320px; background-image:url('/images/html/insuranceService/img_typeCharacter25m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter26 .typeCharacterImg{max-width:320px; background-image:url('/images/html/insuranceService/img_typeCharacter26m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter27 .typeCharacterImg{max-width:354px; background-image:url('/images/html/insuranceService/img_typeCharacter27m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter28 .typeCharacterImg{max-width:354px; background-image:url('/images/html/insuranceService/img_typeCharacter28m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter29 .typeCharacterImg{max-width:328px; background-image:url('/images/html/insuranceService/img_typeCharacter29m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter30 .typeCharacterImg{max-width:328px; background-image:url('/images/html/insuranceService/img_typeCharacter30m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter31 .typeCharacterImg{max-width:314px; background-image:url('/images/html/insuranceService/img_typeCharacter31m.png');} #smartInsurance_24 .testResult .graphCon .typeCharacter32 .typeCharacterImg{max-width:314px; background-image:url('/images/html/insuranceService/img_typeCharacter32m.png');} /* 보험서비스 > 스마트보험 디자인 > 보장분석 테스트 > 정보입력 */ #smartInsurance_25 .graphVertical{width:98%;} #smartInsurance_25 .graphVertical .barCon{margin:20px auto 0 auto;} #smartInsurance_25 .graphHorizontal{padding:0 5px;} #smartInsurance_25 .graphHorizontal .criteriaTop.min{top:90px; left:5px;} #smartInsurance_25 .graphHorizontal .criteriaTop.max{top:90px; right:5px;} #smartInsurance_25 .graphHorizontal .barCon{margin:61px 15px 0 15px;} #smartInsurance_25 .graphHorizontal .barCon > div {padding:0 10px;} #smartInsurance_25 .criteria span{min-width:55px;} #smartInsurance_25 .assetCon{background:none;} #smartInsurance_25 .assetCon li{width:100%; margin:15px 0 0 0;} #smartInsurance_25 .monthlyCon{width:100%;} #smartInsurance_25 .insuranceCon{background:none;} #smartInsurance_25 .insuranceCon li{width:100%; height:250px; margin:20px 0 0 0;} #smartInsurance_25 .insuranceCon .graphTit{position:static; height:31px; margin:7px 0 5px 10px; padding:19px 0 0 60px; text-align:left; background:url('/images/html/insuranceService/icon_testTit.png') no-repeat;} #smartInsurance_25 .insuranceCon .graphTit.injury{background-position:0 0} #smartInsurance_25 .insuranceCon .graphTit.disease{background-position:0 -150px;} #smartInsurance_25 .insuranceCon .graphTit.cancer{background-position:0 -50px;} #smartInsurance_25 .insuranceCon .graphTit.death{background-position:0 -200px;} #smartInsurance_25 .insuranceCon .graphTit.saving{background-position:0 -100px;} #smartInsurance_25 .insuranceCon .graphTit.annuity{background-position:0 -250px;} #smartInsurance_25 .insuranceCon .graphHorizontal{width:100%; height:134px; padding:10px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} #smartInsurance_25 .insuranceCon .graphHorizontal .criteriaTop.min{top:88px; left:5px;} #smartInsurance_25 .insuranceCon .graphHorizontal .criteriaTop.max{top:88px; right:5px;} #smartInsurance_25 .insuranceCon .graphHorizontal .barCon{margin:50px 15px 30px 15px;} /* 스마트보험 디자인 > 기본정보입력 > 보장분석 테스트 > 결과확인 */ #smartInsurance_26 h3{line-height:1;} #smartInsurance_26 .infoTxt{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} #smartInsurance_26 .btnArea .btnTypeGray{display:inline-block; margin-bottom:10px;} #smartInsurance_26 .btnArea .btnTypeBlue{margin-bottom:10px;} #smartInsurance_26 .testResult .graphCon{margin:0; height:620px;} #smartInsurance_26 .testResult .graphCon .tit{margin-top:25px;} #smartInsurance_26 .testResult .graphCon .left {height:211px;} #smartInsurance_26 .testResult .graphCon .left ul.graph{display:table; margin:20px auto; padding:0 2px;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon{margin:12px 0 0 12px;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon ul.txt{float:left; width:40px;} #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon ul.txt li{width:40px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo{display:table; margin:20px auto; padding:0 1px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt{width:inherit; margin:34px 0 0 5px;} #smartInsurance_26 .testResult .infoList ul.criteria{position:absolute; bottom:470px; left:46px;} #smartInsurance_26 .assetAnalysis{width:100%;} #smartInsurance_26 .assetGraph{width:81%;} #smartInsurance_26 .assetGraph li{width:16.6%;} #smartInsurance_26 .assetGraph li .barCon{width:90%;} #smartInsurance_26 .assetGraph li .barCon span{margin-left:-6px;} #smartInsurance_26 .insuranceAnalysis{width:100%; height:auto; padding:30px 10px 70px 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} #smartInsurance_26 .insuranceGraph{width:100%;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip{right:-107px; min-width:117px;background-position:8px top;} #smartInsurance_26 .insuranceGraph .graph .suitable .toolTip span {padding:6px;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip{right:-107px; min-width:117px;background-position:8px bottom;} #smartInsurance_26 .insuranceGraph .graph .total .toolTip span {padding:6px;} #smartInsurance_26 .insuranceGraph .graph .suitable.per50 .toolTip {right:-6px;background-position:92% top;} #smartInsurance_26 .insuranceGraph .graph .total.per50 .toolTip {right:-6px;background-position:92% bottom;} /* 보험서비스 > 스마트보험디자인 > 기본정보입력 > 보험지식테스트 > 결과확인 */ #smartInsurance_30 .testResult .graphCon {padding:0 0 50px;} #smartInsurance_30 .testResult .graphCon .imgInner {width:46%;} #smartInsurance_30 .testResult .graphCon .left .imgInner img {margin:50px 20px 0 10px;max-width:120px;width:90%;} #smartInsurance_30 .testResult .graphCon .right .imgInner img {margin:50px 0 0 10px;max-width:183px;width:90%;} #smartInsurance_30 .testResult .graphCon .txtInner {width:54%;margin-bottom:15px;} #smartInsurance_30 .testResult .graphCon .txtInner .tit {margin:50px 0 13px;} #smartInsurance_30 .testResult .infoList ul.criteria {display:none;} #smartInsurance_30 .testResult ul.criteria {clear:both;padding-right:10px;padding-left:55px;background-position:10px 0;} #smartInsurance_30 .btnArea .btnTypeGray {margin-bottom:10px;} /* 스마트보험 디자인 비밀번호 입력 팝업 */ #pop_folder_smartInsurance_31{position:static;} #pop_folder_smartInsurance_31 .folderTop {padding:54px 20px 24px;text-align:center;line-height:1.5;} #pop_folder_smartInsurance_31 .folderTop p{font-size:200%;line-height:2;} #pop_folder_smartInsurance_31 .popContWrap .imgCon img{max-width:402px; width:100%;} #pop_folder_smartInsurance_31 .popContWrap .pwTxt{font-size:133.33%; line-height:1.2;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .txt{font-size:100%;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon{width:198px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon input[type=text]{padding:10px 10px 10px 40px;} #pop_folder_smartInsurance_31 .popBtn{display:none;} /* 스마트보험 디자인 결과확인 팝업 */ #smartInsurance_32 .insuranceResult{border:5px solid #919eb4; border-radius:4px;} #smartInsurance_32 .insuranceResult .Num{width:155px; margin:10px auto;} #smartInsurance_32 .popBtn{display:none;} #smartInsurance_32 .tit span{padding:11px 20px 15px; line-height:1.2; font-size:166.67%;} #smartInsurance_32 .analysisResultCon li{overflow:hidden; padding:0 5px 20px 5px; border-top:4px solid #919eb4;} #smartInsurance_32 .analysisResultCon li .tit span{padding:7px 40px 9px 40px;} #smartInsurance_32 .analysisResultCon li .imgCon{margin:10px auto 0 auto;} #smartInsurance_32 .analysisResultCon li .info{margin-top:20px} #smartInsurance_32 .analysisResultCon li .info p{margin-top:10px;} #smartInsurance_32 .analysisResultCon li .info p:first-child{font-size:166.67%; margin:0;} #smartInsurance_32 .customizeCon{padding-bottom:20px; border-top:4px solid #919eb4;} #smartInsurance_32 .customizeCon .tit.display{display:block;} #smartInsurance_32 .customizeCon .tit.display span{padding:7px 40px 9px 40px;} #smartInsurance_32 .customizeCon > div > .tit span{display:none;} #smartInsurance_32 .customizeCon ul li.customize{margin:20px 10px 0 10px; padding-bottom:10px; border:3px solid #dee4ed;} #smartInsurance_32 .customizeCon ul li.customize .tit.mobile{font-size:100%;} #smartInsurance_32 .customizeCon ul li.customize .tit.mobile em{display:inline-block; padding:10px 60px; font-size:133.33%; font-weight:700; line-height:1; border-radius:0 0 7px 7px; color:#333f48; background:#dee4ed;} #smartInsurance_32 .customizeCon .service li.customize p.brothers{width:240px; margin:20px auto 15px auto; padding-top:200px; font-size:150%; background:url('/images/html/insuranceService/bg_brothersBubble_m.png') no-repeat center 0; line-height:1.5;} #smartInsurance_32 .customizeCon .service li.customize p.brothers em{display:block;} #smartInsurance_32 .customizeCon .service li.customize p.brothers span{color:#4691ca; font-weight:700;font-size:150%;letter-spacing:-0.5px;} #smartInsurance_32 .explainCon{padding:0 20px 20px 20px; border-top:4px solid #919eb4; } #smartInsurance_32 .explainCon .tit span{font-size:116.67%;} #smartInsurance_32 .counsel{padding:20px; border-top:4px solid #919eb4;} #smartInsurance_32 .counsel .request{text-align:center;} #smartInsurance_32 .counsel .phone{margin-top:10px;} #smartInsurance_32 .counsel .phone img{width:100%;} /* 스마트보험 디자인 > 기본정보입력 > 보험지식테스트 */ h3.textBoxTit {display:none;} .testBoxWrap {width:102%;margin-top:10px;} .testStart .inner > p {top:103px;height:107px;overflow:hidden;} .testStart, .testEnd, .testRlt, .testBox {width:48%;margin:0 2% 10px 0} .testStart .inner {height:315px;border:5px solid #d8dde2;border-radius:8px;} .testRlt{height:326px;background-color:#e9e9e9;background-image:url(/images/html/insuranceService/bg_testbox_end_lineX.png), url(/images/html/insuranceService/bg_testbox_end_lineX.png);background-repeat:repeat-x;background-position:0 0, 0 bottom;} .testRlt .inner {height:100%;background-image:url(/images/html/insuranceService/bg_testbox_end_lineL.png), url(/images/html/insuranceService/bg_testbox_end_lineR.png);background-repeat:no-repeat;background-position:0 0, right 0;} .testRlt .inner > p {top:98px;} .testRlt.active {background-color:#78bc00;background-image:url(/images/html/insuranceService/bg_testbox_result_lineX.png), url(/images/html/insuranceService/bg_testbox_result_lineX.png);} .testRlt.active .inner {background-image:url(/images/html/insuranceService/bg_testbox_result_lineL.png), url(/images/html/insuranceService/bg_testbox_result_lineR.png);} .testBox .corver {left:0;top:0;background-color:#4691ca;background-image:url(/images/html/insuranceService/bg_testbox_corver_lineY.png), url(/images/html/insuranceService/bg_testbox_corver_lineY.png);background-repeat:repeat-y;background-position:0 0, right 0;} .testBox .corver .page {right:0;bottom:0;background:url(/images/html/insuranceService/bg_testbox_m_corver.png) no-repeat 0 0;} .testBox .corver .outline {height:100%;background-image:url(/images/html/insuranceService/bg_testbox_corver_lineX.png), url(/images/html/insuranceService/bg_testbox_corver_lineX.png);background-repeat:repeat-x;background-position:0 0, 0 bottom;} .testBox .corver .outline a {display:block;width:100%;height:100%;background-image:url(/images/html/insuranceService/bg_testbox_corver_lineL.png), url(/images/html/insuranceService/bg_testbox_corver_lineR.png),url(/images/html/insuranceService/bg_testbox_corver_lineB.png);background-repeat:no-repeat;background-position:0 0, right 0, 0 bottom;} .testBox .inner {min-height:280px;padding:20px 6% 15px;border:5px solid #d8dde2;border-radius:5px;background:#fff;} .testBox .inner .quest {margin:7px 0;min-height:160px;} .testBox .inner .anwser li > p .qOr {height:16px;padding:12px 0;font-size:133.33%;} .testBox.qTrue .inner {background-color:#f9f9f9;} } @media screen and (max-width:440px) { /* 스마트보험 디자인 > 기본정보입력 > 보험지식테스트 */ .testBoxWrap {width:100%;} .testStart, .testEnd, .testRlt, .testBox {width:100%;margin:0 0 10px 0} } /***************************************************************************************************************************************** 2016 RENEWAL CSS *****************************************************************************************************************************************/ /* 스마트보험 디자인 비밀번호 입력 팝업 */ #pop_folder_smartInsurance_31 {z-index: 1001 !important;} #pop_folder_smartInsurance_31 .popContWrap .pwCon {height: 120px; background-image: url('/images/renewal/insuranceService/bg_greenRoundBarL.png'),url('/images/renewal/insuranceService/bg_greenRoundBarR.png');} #pop_folder_smartInsurance_31 .popContWrap .pwCon .inputCon input[type=tel]{padding:10px 10px 10px 40px; border:1px solid #e3dfb7; background:#fff url('/images/html/insuranceService/bg_key.png') no-repeat 10px center;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01 .toolTipCon{display: block;} #smartInsurance_01 .toolTipCon li {width: 95%; height: 0; padding-bottom: 34%; text-indent: -9999px; position: absolute; left: 2.5%; cursor: pointer;} #smartInsurance_01 .toolTipCon li.character {top: 41.5%;} #smartInsurance_01 .toolTipCon li.insurance {top: 55.5%;} #smartInsurance_01 .toolTipCon li.guarantee {top: 70.5%;} @media screen and (min-width:737px) { .testMenuBar {background-size: 100%;} .testMenuRlt {padding-top: 19px; background-size: 100%;} .testMenu .menu01 {width: 301px;} .testMenu .menu02 {width: 295px;} .testMenu .menu03 {width: 295px;} .testResult {width: 892px; background-size: 100%;} .testResult .graphCon {width: 892px; background-size: 100%;} .testResult .graphCon .left {width: 445px;} .testResult .graphCon .right {width: 445px;} .testResult .infoList {width: 881px; background-size: 100%;} .testBoxWrap {width: 892px;} .testStart, .testEnd, .testRlt, .testBox {width: 210px; height: 277px; margin: 20px 13px 0 0;} .testStart {background-size: 100% 100%;} .testBox .inner {height: 273px; background-size: 100% 100%;} .testBox .corver .outline {height: 271px;} .testBox .corver .outline a {height: 273px;} .testRlt {background-size: 100% 100%;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01 .insuranceMain{background-size: 100%;} #smartInsurance_01 .insuranceMain .btnArea{margin-top:728px;} #smartInsurance_01 .toolTipCon {padding-top: 6px; left: 126px;} #smartInsurance_01 .toolTipCon li.insurance {margin-left: 21px;} #smartInsurance_01 .toolTipCon li.guarantee {margin-left: 23px;} /* 스마트보험디자인 안내 메인 */ #smartInsurance_01 .toolTipCon li {width: 120px; height: 120px; padding-bottom: 0; text-indent: -9999px; position: static; left: auto; top: auto;} #smartInsurance_01 .toolTipCon li.character {top: auto;} #smartInsurance_01 .toolTipCon li.insurance {top: auto;} #smartInsurance_01 .toolTipCon li.guarantee {top: auto;} /* 스마트보험 디자인 > 기본정보입력 */ #smartInsurance_03 .entryBox {margin:45px 0 78px 56px;} /* 스마트보험디자인 안내 > 기본정보입력 > 보장분석 테스트 > 정보입력 */ #smartInsurance_25 .assetCon li {width: 284px;} #smartInsurance_25 .graphVertical {width: 275px;} #smartInsurance_25 .monthlyCon {width: 892px;} #smartInsurance_25 .insuranceCon li {width: 436px;} #smartInsurance_25 .insuranceCon .graphHorizontal {width: 396px;} /* 스마트보험 디자인 > 기본정보입력 > 보장분석 테스트 > 결과확인 */ #smartInsurance_26 .testResult .graphCon .left ul.graph li.barCon {margin: 12px 0 0 40px;} #smartInsurance_26 .testResult .graphCon .right ul.graphInfo li.txt {margin: 43px 0 0 40px;} #smartInsurance_26 .infoTxt {width: 852px;} #smartInsurance_26 .insuranceAnalysis {width: 734px;} #smartInsurance_26 .insuranceGraph {width: 734px;} /* 보험서비스 > 스마트보험디자인 > 기본정보입력 > 보험지식테스트 > 결과확인 */ #smartInsurance_30.contWrap .contArea .contTit {padding:40px 0 20px;font-size:200%;} #smartInsurance_30 .testResult .graphCon .txtInner {width: 230px;} /* 스마트보험 디자인 비밀번호 입력 팝업 */ #pop_folder_smartInsurance_31 .popContWrap .pwCon {width: 450px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon .pollCheckWrap {margin-top: 5px;} #pop_folder_smartInsurance_31 .popContWrap .pwCon .personalCheckCon {width: 280px;} #smartInsurance_32 .insuranceResult {width: 840px;} #smartInsurance_32 .tit.padding {padding-bottom: 13px; background-size: 100%;} #smartInsurance_32 .borderCon {width: 830px;} #smartInsurance_32 .analysisResultCon {padding: 6px 25px 0 25px;} #smartInsurance_32 .customizeCon .productCon {width: 540px;} #smartInsurance_32 .customizeCon .serviceCon {width: 283px;} #smartInsurance_32 .customizeCon .product li.customize {width: 242px; margin-left: 17px;} #smartInsurance_32 .customizeCon .service li.customize {width: 242px; margin-left: 17px;} #smartInsurance_32 .counsel {background-size: 100%;} #smartInsurance_32 .counsel .request {width: 343px;} #smartInsurance_32 .counsel .phone {width: 497px;} #smartInsurance_32 .counsel .phone img {width: 345px;} }