@charset "utf-8";

/*****************************************************************************************************************************************
	[보험상품]
	페이지 ID명 설정방법
	1. 종신/정기 : #lifeInsurance
	2. 저축/연금 : #savingAnnuity
	3. 건강/질병 : #health

	폰트사이즈 정의 - 모바일 및 태블릿에서 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%
	28px == 233.33%
	30px == 250%
	32px == 266.66%

	나눔고딕 폰트 사용법 : font-weight: 400; - 나눔고딕 / font-weight: 700; 나눔고딕 볼드 / font-weight: 800; - 엑스트라 볼드
*****************************************************************************************************************************************/

.popDetail .contWrap,
.popLooked .contWrap {width: auto; min-height: auto; margin: 0; background: transparent;}

/* 보험상품 공통요소 */
.block {display:block;}

/* POPUP 보험료 상세설계 */
.popDetail {position:relative;background:#fff;z-index:1000;}
.popDetail .tipControl {position:relative;}
.popDetail .topWrap {background:url(/images/html/insurance/bg_popDetailTop.png) repeat 0 0;}
.popDetail .topWrap .name {display:inline-block;border-bottom:2px solid #62864c;color:#a6eb07;font-size:250%;font-weight:700;line-height:1.5;}
.popDetail .topWrap p {display:inline-block;margin-top:10px;color:#fff;font-size:133.33%;line-height:1.2;}
.popDetail .topWrap p strong {display:inline-block;border-bottom:1px solid #62864c;color:#a6eb07;font-weight:700;}
.popDetail .topWrap p strong span {font-size:175%;}
.popDetail .infoBox {border-top:1px solid #dadada;}
.popDetail .infoBox:first-child {border-top:0;}
.popDetail .infoBox .tit h2 {margin-right:7px;color:#333;font-weight:700;line-height:1;}
.popDetail .infoBox .tit p {padding-top:10px;line-height:1.3;}

.popDetail .infoBox .product {padding:0 0 20px 0;*zoom:1;}
.popDetail .infoBox .product:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.popDetail .infoBox .product h3 {float:left;font-size:133.33%;font-weight:700;line-height:1.2;}
.popDetail .infoBox .product h3 label {margin-left:6px;}
.popDetail .infoBox .product .unit {float:right;padding-top:5px;}
.popDetail .infoBox .product .compulsory {margin-top:-15px;padding-bottom:3px;color:#dd1f00;font-weight:800;}
.popDetail .infoBox .product .tooltipWrap p {font-weight:normal;font-size:12px;}

.popDetail .infoBox .tooltipWrap {display:inline-block;vertical-align:middle;}
.popDetail .infoBox .tooltipWrap .tooltipArea {top:17px;}
.popDetail .infoBox .price strong {color:#dd1f00;font-size:250%;font-weight:700;line-height:1;}
.popDetail .infoBox .price p {display:inline-block;color:#333;font-size:166.67%;font-weight:700;}

.popDetail .infoBox .proBox .pArea{position:relative;margin-bottom:20px;border-top:1px solid #d5d5d5;}
.popDetail .infoBox .proBox .pArea:first-child {border-top:0;}
.popDetail .infoBox .pArea .product {margin-top:25px;}
.popDetail .infoBox .pArea:first-child .product {margin-top:0;}

/* 2016-05-12 수정 */
.optArea .optCheck {display:inline-block;height:30px;margin-right:2px;margin-bottom:5px;text-align:center;}
.optArea .optCheck input {position:absolute;overflow:hidden;visibility:hidden;}
.optArea .optCheck label {display:block;height:14px;padding:8px 0;border-radius:5px;background:#d4d4d4;color:#6f6f6f;font-size:108.33%;font-weight:700;line-height:1;}
.optArea .optCheck.on label {border:0;background-color:#78bc00;background-image:none;box-shadow:2px 2px 1px #4b7500 inset;color:#fff;}
.optArea .condition {margin-left:6px;font-weight:700;font-size:150%;color:#dd1f00;}
.optArea.basic .optCheck label {width:50px;}
.optArea.medium .optCheck label {width:110px;}
.optArea.large .optCheck label {width:140px;}
.optArea.extraL .optCheck label {width:200px;}
/* // 2016-05-12 수정 */

.guarantee div.top {padding-bottom:10px;*zoom:1;}
.guarantee div.top:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.guarantee div.top h4 {float:left;font-weight:700;}
.guarantee .optArea .optCheck label {letter-spacing:-1px;}
.guarantee .defaultDotList {padding-top:10px;padding-bottom:10px;}
.guarantee .defaultDotList li {margin-top:10px;background-position:0 6px;line-height:1.2;overflow:hidden;}
.guarantee .defaultDotList li strong {float:left;font-weight:normal;}
.guarantee .won {float:right;color:#333;font-weight:700;}

/* 2016-05-12 수정 */
.guaranteeArea .inner {padding:10px 0;border-bottom:1px dashed #d5d5d5;*zoom:1;}
.guaranteeArea .inner:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.guaranteeArea .inner > strong {font-size:108.33%;font-weight:normal;line-height:1.2;}
.guaranteeArea .inner > strong.tBold {font-weight:700;}
.guaranteeArea .inner .innerTooltip {display: table-cell;position:relative;width: 155px;}
.guaranteeArea .inner .innerTooltip strong {font-size: 108.33%;font-weight: normal;line-height: 1.2;vertical-align: middle;}
.guaranteeArea .optArea .optTxt {display:inline-block;font-size:108.33%;text-align:center;line-height:1.2;}
.guaranteeArea .optArea .optTxt.on {color:#67a100;font-weight:700;}
.guaranteeArea .optArea .optTxt.on span {display:inline-block;border-bottom:1px solid #67a100;}
.guaranteeArea .optArea .optType {display:inline-block;padding:8px;border-radius:5px;background:#78bc00;box-shadow:2px 2px 1px #4b7500 inset;color:#fff;font-size:108.33%;text-align:center;line-height:1.1;}
.guaranteeArea .info {margin-top:10px;padding-left:36px;color:#888;font-size:100%;line-height:1.2;text-indent:-36px;}
.guaranteeArea .info strong {font-weight:700;text-decoration:underline;}
.guaranteeArea .info2 {margin-top:10px;color:#888;font-size:100%;line-height:1.1;}
.guaranteeArea .info2 + .info {margin-top:5px;}
/* // 2016-05-12 수정 */

/* // 2017-02-13 매월받는 암생활보험(갱신형) optTxt 예외설정 */ 
.guaranteeArea .optArea .optTxt_monthly {display:inline-block;font-size:108.33%;text-align:center;line-height:1.2;}
.guaranteeArea .optArea .optTxt_monthly.on {color:#67a100;font-weight:700;}
.guaranteeArea .optArea .optTxt_monthly.on span {display:inline-block;border-bottom:1px solid #67a100;}

.guaranteeArea .tblType {width:100%;}
.guaranteeArea .tblType .title strong {font-size:108.33%;line-height:1.4;font-weight:700;}
.guaranteeArea .tblType table {width:100%;}
.guaranteeArea .tblType table th, .guaranteeArea .tblType table td {min-height:38px;padding:10px 0;border-top:1px dashed #d5d5d5;}
.guaranteeArea .tblType table tbody tr:first-child th,
.guaranteeArea .tblType table tbody tr:first-child td {border-top:0;}
.guaranteeArea .tblType .box .inner:last-child {border-bottom:0;}

.priceUpDown li {padding:9px 0;border-bottom:1px dashed #d5d5d5;overflow:hidden;}
.priceUpDown li strong {float:left;font-weight:normal;}
.priceUpDown li > div {display:inline-block;float:right;}
.priceUpDown li > div p {display:inline-block;min-width:45px;text-align:right;color:#333;font-weight:700;}
.priceUpDown li > div button {display:inline-block;width:20px;height:20px;padding:0;text-indent:-999em;overflow:hidden;}
.priceUpDown li > div button.minus {background:url(/images/html/insurance/btn_popDetail_minus.png) no-repeat 0 0;}
.priceUpDown li > div button.plus {background:url(/images/html/insurance/btn_popDetail_plus.png) no-repeat 0 0;}

.popDetail .contWrap .btmArea {position:relative;padding:10px 0 30px;border-top:2px solid #dcdcdc;overflow:hidden;}
.popDetail .contWrap .btmArea .noti {color:#1c9ece}
.popDetail .contWrap .btmArea .btnArea .btnSumView {padding:0 46px 0 20px;background-position:105px center;height:40px;line-height:1.5;text-align:left;text-shadow:none;font-weight:700;}
.popDetail .contWrap .btmArea .price {float:right;text-align:right;}
.popDetail .contWrap .btmArea .price strong {color:#dd1f00;font-size:350%;font-weight:700;line-height:1;}
.popDetail .contWrap .btmArea .price p {display:inline-block;margin-left:5px;color:#333;font-size:166.67%;font-weight:700;}
.popDetail .btmWrap {padding:20px 3%;background:#435968;}
.popDetail .btmWrap .txt {color:#fff;font-size:133.33%;line-height:1.5;}
.popDetail .btmWrap .txt span {display:inline-block;;color:#a6eb07;font-weight:700;}
.popDetail .btmWrap .txt span.name {border-bottom:1px solid #a6eb07;}
.popDetail .btmWrap .inquiry {display:inline-block;margin-right:20px;vertical-align:top;}
.popDetail .btmWrap .inquiry p {margin-bottom:8px;color:#fff;font-weight:700;}
.popDetail .btmWrap .inquiry strong {display:block;width:202px;height:25px;background:url(/images/html/insurance/img_popDetail_phone.png) no-repeat 0 0;background-size:202px auto;text-indent:-999em;overflow:hidden;}
.popDetail .btmWrap .btnAdvice {background:#eb6f00;border-radius:5px;height:45px;padding:10px 20px;color:#fff;font-size:133.33%;font-weight:700;text-align:left;}
.popDetail .btmWrap .btnAdvice span {display:inline-block;padding-right:15px;background:url(/images/html/insurance/btn_popDetail_advice.png) no-repeat right 50%;}

.priceBar {width:100%;overflow:hidden;}
.priceBar .inner {position:relative;background:url(/images/html/insurance/bg_popDetail_priceBar.png) repeat-x 0 8px;}
.priceBar .inner .progress {position:absolute;left:0;top:8px;height:7px;background:#78bc00;}
.priceBar ul {position:relative;*zoom:1;z-index:1;}
.priceBar ul:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.priceBar ul.barTwo {width:200%;}
.priceBar ul.barTwo li {width:49.5%;}
.priceBar ul.barTwo li:first-child {margin-left:-25%;}
.priceBar ul.barThree {width:150%;}
.priceBar ul.barThree li {width:33.1%;}
.priceBar ul.barThree li:first-child {margin-left:-16.7%;}
.priceBar ul.barFour {width:133.3%;}
.priceBar ul.barFour li {width:24.8%;}
.priceBar ul.barFour li:first-child {margin-left:-12.5%;}
.priceBar ul.barFive {width:123%;}
.priceBar ul.barFive li {width:20%;}
.priceBar ul.barFive li:first-child {margin-left:-10%;}
.priceBar ul li {float:left;position:relative;text-align:center;}
.priceBar ul li label {display:inline-block;max-width:60px;padding-top:28px;background:url(/images/html/insurance/icon_popDetail_priceBar.png) no-repeat center 4px;font-size:108.33%;text-align:center;letter-spacing:-1px;}
.priceBar ul li:first-child {margin-left:-10%;}
.priceBar ul li p.on label {background-image:url(/images/html/insurance/icon_popDetail_priceBar_on.png);}
.priceBar ul li p.selecting label {background-image:url(/images/html/insurance/icon_popDetail_priceBar_slt.png);background-position:center 0;color:#78bc00;font-weight:700;}


/* POPUP 찾았다 내보험 */
.popLooked {position:relative;}
.popLooked .contWrap {position:relative;padding:40px 0 0;overflow:hidden;}
.popLooked .btnTypeBlue {min-height:50px;padding:16px 30px 13px;background:#2070be;border-bottom:4px solid #085198;}

.contWrap .contBox .title {margin:0 5px;text-align:center;}
.contWrap .contBox .title h2,
.contWrap .contBox .title h3{display:inline-block;padding-left:60px;background:url(/images/html/insurance/icon_looked_quote_lt.png) no-repeat 0 0;}
.contWrap .contBox .title p {display:inline-block;padding:12px 60px 0 0;background:url(/images/html/insurance/icon_looked_quote_rt.png) no-repeat right 0;color:#333;line-height:1.2;}
.contWrap .contBox .title p strong {color:#99cc01;font-weight:700;}


/*찾았다내보험-메인*/
#pop_lookedInsurance_01.popLooked .contWrap{padding:0;}
#pop_lookedInsurance_01 h1 {width:329px;max-width:80%;height:55px;background:url(/images/html/insurance/txt_looked_main_title.png) no-repeat 0 0;background-size:100% auto;text-indent:-999em;overflow:hidden;}
#pop_lookedInsurance_01 .ImgCon p {min-height:27px;color:#444;font-size:150%;line-height:1.2;}
#pop_lookedInsurance_01 .ImgCon p strong {color:#99cc01;font-weight:700;}
#pop_lookedInsurance_01 .ImgCon img {display:block;margin:0 auto;}
#pop_lookedInsurance_01 .textCon {position:absolute;left:0;width:100%;text-align:center;}
#pop_lookedInsurance_01 .textCon .info {color:#41530a;font-weight:700;text-align:center;line-height:1.5;}
#pop_lookedInsurance_01 .btnArea {margin:15px 0 0;}
#pop_lookedInsurance_01 .btnArea a.btnTypeBlue span{display:inline-block;width:50px;height:12px;background:url('/images/html/insurance/txt_looked_start.png') no-repeat 0 0;background-size:50px auto;text-indent:-999em;}

/*찾았다내보험-정보*/
.popLooked .myInfoWrap {position:relative;}
.popLooked .myInfoWrap .inner strong {display:block;height:30px;color:#333;font-size:125%;font-weight:700;line-height:1;}
.popLooked .myInfoWrap .inner.chckChildren {display:none;}
.chckArea .chck {display:inline-block;min-height:30px;margin-right:2px;margin-bottom:5px;text-align:center;}
.chckArea .chck label {display:block;border-radius:5px;background:#ddd;color:#444;box-shadow:0 0 0 1px #c6c6c6 inset;line-height:1;}
.chckArea .chck.on label {border:0;background-color:#99cc01;background-image:none;box-shadow:2px 2px 1px #30430e inset;color:#fff;font-weight:700;}
.chckArea.gender .chck {width:110px;height:135px;}
.chckArea.gender .chck label {width:110px;height:135px;padding:0;background-image:url(/images/html/insurance/img_looked_select_gender.png);background-repeat:none;box-shadow:none;text-indent:-999em;overflow:hidden;}
.chckArea.marry .chck {width:110px;height:135px;}
.chckArea.marry .chck label {width:110px;height:135px;padding:0;background-image:url(/images/html/insurance/img_looked_select_marry.png);background-repeat:none;box-shadow:none;text-indent:-999em;overflow:hidden;}
.chckArea .slt01 label {background-position:0 -145px;}
.chckArea .slt02 label {background-position:-120px -145px;}
.chckArea .slt01.on label {background-position:0 0;}
.chckArea .slt02.on label {background-position:-120px 0;}

.dimmed {position:absolute;width:100%;background-color:#000; opacity:0.6; filter:Alpha(opacity=60);z-index:10;}
.infoComplete {position:fixed;left:0;top:0;z-index:10;}
.infoComplete .nextArea {position:absolute;left:0;width:100%;text-align:center;z-index:20;}
.infoComplete .nextArea p {margin-bottom:45px;color:#fff;font-size:200%;font-weight:700;line-height:1.5;}
.infoComplete .nextArea p span {display:inline-block;}

/*찾았다내보험-문항*/
.lookedCard {width:100%;}
.lookedCard .cardBox {width:100%;}
.lookedCard .cardBox .answer li {float:left;position:relative;width:170px;height:270px;margin:0 10px;}
.lookedCard .cardBox .answer li .inner label {display:block;width:170px;height:90px;padding-top:180px;text-align:center;}
.lookedCard .cardBox .answer li .inner label:hover {cursor:pointer;}
.lookedCard .cardBox .answer li .inner label span {display:table-cell;width:170px;height:94px;color:#fff;font-size:125%;font-weight:700;line-height:1.5;vertical-align:middle;}
.lookedCard .cardBox .answer li .selecting {display:none;position:absolute;left:0;top:0;width:170px;height:270px;background:url(/images/html/insurance/img_lookcard_click.png) no-repeat;text-align:center;}
.lookedCard .cardBox .answer li .selecting p {display:table-cell;width:170px;height:270px;color:#fff;font-size:108.33%;line-height:1.5;vertical-align:middle;}
.lookedCard .cardBox .answer li .selecting p strong {display:block;font-size:175%;font-weight:700;}
.lookedCard .cardBox .answer li.a01 .selecting {background-position:0 0;}
.lookedCard .cardBox .answer li.a02 .selecting {background-position:-190px 0;}
.lookedCard .cardBox .answer li.a03 .selecting {background-position:-380px 0;}
.lookedCard .cardBox .answer li.a04 .selecting {background-position:-570px 0;}

.lookedCard .cardBox .answer {overflow:hidden;}
.lookedCard .cardBox .answer li .inner {position:relative;width:170px;height:270px;background-repeat:no-repeat;z-index:1;}
.lookedCard .cardBox .answer li.a01 .inner {background-position:0 0;}
.lookedCard .cardBox .answer li.a02 .inner {background-position:-190px 0;}
.lookedCard .cardBox .answer li.a03 .inner {background-position:-380px 0;}
.lookedCard .cardBox .answer li.a04 .inner {background-position:-570px 0;}
.lookedCard .cardBox .answer li.a01.off .inner {background-position:0 -290px;}
.lookedCard .cardBox .answer li.a01.off .inner {background-position:0 -290px;}
.lookedCard .cardBox .answer li.a02.off .inner {background-position:-190px -290px;}
.lookedCard .cardBox .answer li.a03.off .inner {background-position:-380px -290px;}
.lookedCard .cardBox .answer li.a04.off .inner {background-position:-570px -290px;}
.lookedCard .cardBox.cb01 .answer li .inner {background-image:url(/images/html/insurance/img_lookcard_q1.png);}
.lookedCard .cardBox.cb02 .answer li .inner {background-image:url(/images/html/insurance/img_lookcard_q2.png);}
.lookedCard .cardBox.cb03 .answer li .inner {background-image:url(/images/html/insurance/img_lookcard_q3.png);}
.lookedCard .cardBox.cb04 .answer li .inner {background-image:url(/images/html/insurance/img_lookcard_q4.png);}

.barCon {width:100%;font-size:108.33%;font-weight:700;text-align:center;}
.barCon .currentCount {color:#333;}

.testComplete {text-align:center;}
.testComplete .tit {color:#99cc01;font-weight:700;line-height:1;}
.testComplete p {color:#333;line-height:1.3;}

/*찾았다내보험-결과*/
#pop_lookedInsurance_08 .btnArea {margin:40px 0 0;text-align:center;}
.lookedInfo {position:relative;width:100%;padding:10px 0;border-radius:5px;background:#f9fafb;}
.lookedInfo:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.lookedInfo .img {width:210px;margin-left:10px;}

.packageArea {width:100%;*zoom:1;}
.packageArea:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.packageArea .packageBox .inner {background:#fff;border:5px solid #78bc00;border-radius:3px;}
.packageArea .packageBox .top {position:relative;min-height:24px;padding:13px 10px;background:#f9fafb;border-radius:8px 8px 0 0;text-align:center;}
.packageArea .packageBox .top h3 {color:#333;font-size:183.33%;font-weight:700;line-height:1.4;}
.packageArea .packageBox .top h3 em {color:#78bc00;}
.packageArea .packageBox .legoBlock {padding:20px 0 0;}

.packageArea .packageBox .legoBlock {width:225px;height:190px;}
.packageArea .packageBox .legoBlock ul {height:190px;background-position:center 60px;}
.packageArea .packageBox .legoBlock ul li {width:225px;height:24px;background-size:100% auto;}
.packageArea .packageBox .legoBlock ul li:first-child {height:47px;padding-top:22px;}
.packageArea .packageBox .legoBlock ul li p {padding-top:7px;font-size:108.33%;}
.packageArea .packageBox .legoBlock ul li em {padding-top:7px;font-size:108.33%;}
.packageArea .packageBox .btm {text-align:center;overflow:hidden;}
.packageArea .packageBox .btm .btnView {height:40px;padding:12px 0;border-radius:5px;color:#fff;font-size:125%;font-weight:700;text-align:center;line-height:1;}
.packageArea .packageBox .btm .btnView span {display:inline-block;padding-right:12px;background:url(/images/html/insuranceService/btn_selectLivePoll_move.png) no-repeat right 50%;}
.packageArea .packageBox .btm .btnView.gray {float:left;background:#666;}
.packageArea .packageBox .btm .btnView.green {float:right;background:#78bc00;}
.lookWrap .noti {margin-bottom:45px;padding-left:8px;text-indent:-8px;font-size:108.33%;line-height:1.5;}
.reviewArea {min-height:90px;padding:30px;border-radius:10px;background:#f8ffe5}
.reviewArea .tit {display:block;margin-bottom:10px;color:#333;font-size:108.33%;font-weight:700;}
.reviewArea .txt {font-size:108.33%;line-height:1.2;}


/* 테블릿 + PC =========================================================================================== */
@media screen and (min-width:737px) {

.bck {display:block;}

/* 찾았다 내보험 */
.popLooked {width:940px;height:650px;overflow:hidden;}
.popLooked .lookWrap {width:920px;height:630px;border:10px solid #99cc01;border-radius:8px;overflow:hidden;}
.popLooked .topWrap {height:20px;padding:10px 10px 0;}
.popLooked .topWrap h1 {width:123px;height:20px;background:url(/images/html/insurance/txt_looked_title.png) no-repeat 0 0;background-size:100% auto;text-indent:-999em;overflow:hidden;}
.popLooked .contWrap .title p {font-size:283.33%;}

/*찾았다내보험-메인*/
#pop_lookedInsurance_01 h1 {margin:8px auto 18px;}
#pop_lookedInsurance_01 .ImgCon{width:920px;padding-top:40px;background:#f8faf5;text-align:center;overflow:hidden;}
#pop_lookedInsurance_01 .textCon .info{font-size:116.67%;} 
#pop_lookedInsurance_01 .textCon {bottom:30px;}

/*찾았다내보험-문항*/
.lookedCard .cardBox .answer {width:760px;height:270px;margin:65px auto 90px;}

/*찾았다내보험-정보*/
.popLooked .myInfoWrap {width:736px;margin:50px 0 0 110px;padding-bottom:50px;overflow:hidden;}
.popLooked .myInfoWrap .inner {float:left;width:368px;height:200px;}
.popLooked .myInfoWrap .inner.interval .chckArea {margin-top:30px;}
.chckArea .chck label {min-width:30px;height:14px;padding:8px 10px;font-size:108.33%;}
.dimmed {width:920px;height:630px;left:10px;top:10px;}
.infoComplete {width:940px;height:650px;}
.infoComplete .nextArea {top:230px;}

.testComplete {height:560px;background:url(/images/html/insurance/img_looked_complete.png) no-repeat left bottom;}
.testComplete .tit {font-size:316.66%;}
.testComplete p {padding-top:10px;font-size:266.66%;}
.testComplete .btnArea {margin-top:350px;}

/*찾았다내보험-결과*/
#pop_lookedInsurance_08 .contWrap {padding-top:0;height:580px;margin-top:20px;overflow-y:auto;}
#pop_lookedInsurance_08 .contBox {width:790px;margin:0 auto 40px;}
.lookedInfo .img {float:left;}
.lookedInfo .list {float:right;width:520px;padding-top:10px;margin-right:15px;}
.lookedInfo .list li {margin:5px 0;background-position:0 8px;font-size:108.33%;line-height:1.5;}

.pacakgeTit {width:715px;height:90px;margin:45px auto;padding-left:20px;background:url(/images/html/insurance/bg_looked_package_qlt.png) no-repeat left 0;text-align:center;}
.pacakgeTit > div {height:90px;padding-right:20px;background:url(/images/html/insurance/bg_looked_package_qrt.png) no-repeat right 0;}
.pacakgeTit > div p {display:table;width:100%;}
.pacakgeTit > div p span {display:table-cell;width:100%;height:90px;color:#333;font-size:216.66%;line-height:30px;vertical-align:middle;}
.packageArea {width:809px;}
.packageArea .packageBox {float:left;width:376px;margin-right:19px;margin-bottom:30px;}
.packageArea .packageBox .btm {padding:50px 19px 0;}
.packageArea .packageBox .btm .btnView {width:165px;}

/* POPUP 보험료 상세설계 */
	.popDetail {position:relative;width:920px;border:10px solid #c3dbe2;}
	.popDetail .topWrap {padding:18px 3% 29px;}
	.popDetail .terms {min-height:105px;padding-left:19px;zoom:1;}
	.popDetail .terms:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
	.popDetail .terms h3 {display:inline-block;font-size:133.33%;font-weight:700;line-height:1.2;}
	.popDetail .terms h3 + .tooltipWrap {margin-top:1px;vertical-align:top;}
	.popDetail .terms .inner {float:left;width:33.3%;}
	.popDetail .terms .inner2 {float:left;width:100%;}
	.popDetail .terms .inner .optArea {width:208px;padding:10px 0 5px;}
	.popDetail .terms .inner2 .optArea {width:100%;padding:10px 0 5px;}

	.popDetail .infoBox {position:relative;padding:45px 0 45px 230px;}
	.popDetail .infoBox .tit {position:absolute;left:30px;top:45px;width:160px;}
	.popDetail .infoBox .tit h2 {font-size:291.66%;}
	.popDetail .infoBox .tit p {font-size:108.33%;}
	.popDetail .infoBox .proBox {position:relative;width:650px;}
	.popDetail .infoBox .proBox .pArea {width:650px;}
	.popDetail .infoBox .product {width:470px;}
	.popDetail .infoBox .product h3 input {margin-left:-20px;}
	.popDetail .infoBox .product .tooltipWrap p {font-weight:normal;font-size:12px;}
	.popDetail .infoBox .tooltipWrap .tooltipArea {width:240px;left:-40px;top:17px;}
	.popDetail .infoBox .tooltipWrap .tooltipArea p {background-position:40px top;}
	.popDetail .infoBox .price {position:absolute;bottom:0;right:0;text-align:right;}
	.popDetail .contWrap .btmArea .noti {position:absolute;left:27px;bottom:32px;}
	.popDetail .contWrap .btmArea .price {margin:18px 30px 0 0;}
	.popDetail .contWrap .btmArea .btnArea {float:left;width:46%;text-align:center;margin:20px 0 0 27%;}
	.popDetail .btmWrap {zoom:1;}
	.popDetail .btmWrap:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
	.popDetail .btmWrap .txt {float:left;}
	.popDetail .btmWrap .inquiryBox {float:right;}
	.popDetail .btmWrap .inquiry p {font-size:108.33%;line-height:1;}
	.popDetail .btnPopCloseWhite {position:absolute;right:13px;top:20px;}

	.guarantee {width:470px;}
	.guarantee div.top h4 {font-size:108.33%;}
	.guarantee div.top .won {padding-right:28px;}
	.guarantee .defaultDotList {padding-right:28px;border-top:1px dashed #d5d5d5;}
	.guarantee .defaultDotList li strong {font-size:108.33%;}
	.guarantee .won {font-size:108.33%;}

	.guaranteeArea .inner {display:table;width:100%;}
	.guaranteeArea .inner > strong {display:table-cell;width:155px;font-size:108.33%;font-weight:normal;line-height:1.2;vertical-align:middle}
	.guaranteeArea .optArea {display:table-cell;text-align:right;vertical-align:middle;}
	.guaranteeArea .optArea .optCheck {width:59px;margin:0 1px 0 0;}
	.guaranteeArea .optArea .optTxt {width:59px;margin:0 1px 0 0;}

	.guaranteeArea .inner.longType > strong {width:95px;}
	.guaranteeArea .inner.longType > .optArea .optCheck {width:70px;}

	.guaranteeArea .tblType {display:table;border-bottom:1px dashed #d5d5d5;}
	.guaranteeArea .tblType .title {display:table-cell;vertical-align:middle;}
	.guaranteeArea .tblType .box {display:table-cell;vertical-align:middle;}
	.guaranteeArea .tblType table td.data .optArea {float:right;}

	.priceUpDown {width:460px;margin-left:20px;}
	.priceUpDown li strong {font-size:108.33%;}
	.priceUpDown li > div p {min-width:49px;margin:0 7px;font-size:108.33%;}
	.priceBar .inner {position:relative;width:90.5%;margin:30px 4% 30px 5.5%;}


	/* 에이스 덴탈케어보험(무) 보험료 상세설계 */
	#pop_health_12 .guaranteeArea .tblType .title {width:70px;}
	#pop_health_12 .guaranteeArea .tblType .box .inner .optArea {width:300px;}
	#pop_health_12 .guaranteeArea .tblType .box .inner .optArea .optCheck {width:100%;}
	#pop_health_12 .guaranteeArea .tblType .box .inner .optArea .optTxt {width:100%;}

	/* (무)ACE 두배되는 암 보험 보험료 상세설계 */
	#pop_health_26.popDetail .terms .inner2{width:50%;}
	#pop_health_26 .tblType .title{width:90px; padding:10px 0; text-align:center;}
	#pop_health_26 .tblType .box strong{width:124px; text-align:center;}


	/* (무)에이스 꿈을 이루는 어린이보험 상세설계 */
	#pop_health_33 .guaranteeArea .tblType .title {width:90px;}
	#pop_health_33 .guaranteeArea .tblType .title.widBig {width:193px;}
	#pop_health_33 .guaranteeArea .tblType .tblCol3 th {width:103px;font-size:108.33%;font-weight:normal;text-align:left;line-height:1.2;}
	#pop_health_33 .guaranteeArea .tblType .tblCol3 td.sub {width:80px;font-size:108.33%;line-height:1.2;}
	#pop_health_33 .guaranteeArea .tblType .tblCol3 td.sub.alone {padding-left:103px;}
	#pop_health_33 .guaranteeArea .inner .tBold {width:270px;}
	#pop_health_33 .guaranteeArea > .inner > strong {width:200px;}
	#pop_health_33 .guaranteeArea .box .inner > strong {width:80px;}
	
	/* (무)에이스 공유정기특약 */
	#pop_fixedShare {}
	#pop_fixedShare .price {bottom:auto;right:-25px;margin-top:3px;}
	#pop_fixedShare .btn_append {position:absolute;margin-left:330px;margin-top:3px;}
	#pop_fixedShare .btn_append .append_row {background:#2070be;width:30px;height:30px;border-radius:5px;text-align:center;color:#fff;font-size:200%;font-weight:700;line-height: 1;}
	#pop_fixedShare .btmArea .price {margin-top:18px;}
/**/

/* 보험상품 상세설계 생년월일 - 성별 */
.contractor {float:right;}
.contractor .radioWrap {overflow:hidden;margin-bottom:5px;}
	.contractor .radioWrap label {display:block;border:1px solid #d5d5d5;background-color:#ffffff;background-position:left top;background-repeat:no-repeat;padding-left:35px;height:34px;color:#8b9092;text-align:center;font-size:108.33%;line-height:270%;border-radius:20px;cursor:pointer;}
	.contractor .radioWrap > p {float:left;width:85px;}
	.contractor .inputTextArea {width:105px!important;margin-right:10px;background: #fff;padding:3px 10px;border:1px solid #d5d5d5;border-radius:20px;}
		.contractor .inputTextArea input[type="text"] {border:0 !important}
		.contractor .radioWrap .input {margin-right:10px;}
		.contractor .radioWrap .input input[type="text"] {border-radius:18px;height:36px;}
		.contractor .radioWrap .radioMan label {background-image:url('/images/html/icon/icon_radioMan_c.png');background-size:47px 100px;margin-right:5px;image-rendering: pixelated;}
		.contractor .radioWrap .radioFemale label {background-image:url('/images/html/icon/icon_radioFemale_c.png');background-size:47px 100px;margin-left:5px;image-rendering: pixelated;}
	.contractor .radioWrap .active {border:1px solid #78bc00;background-color:#78bc00;background-position:left bottom;color:#ffffff;}
}



/* 모바일 버전 =========================================================================================== */
@media screen and (max-width:736px) {

/* 찾았다 내보험 */
.popLooked {width:100%;min-width:320px;}
.popLooked .contWrap {padding-bottom:50px;}
.popLooked .topWrap h1 {font-size:0;height:1px !important;position:absolute !important;top:-9999px !important;width: 1px !important;}
.popLooked .contWrap .title p {font-size:175%;}
.popLooked .mBck {display:block;}

.contWrap .contBox .title h2,
.contWrap .contBox .title h3{padding-left:35px;}
.contWrap .contBox .title p {padding-right:35px;background-position:right 92%;}

/*찾았다내보험-메인*/
#pop_lookedInsurance_01 h1 {margin:20px auto 30px;}
#pop_lookedInsurance_01 .ImgCon{width:100%;padding-top:60px;padding-bottom:100px;text-align:center;overflow:hidden;}
#pop_lookedInsurance_01 .ImgCon .visual img {position:relative;left:50%;width:120%;margin-left:-60%;}
#pop_lookedInsurance_01 .textCon .info{font-size:133.33%;}
#pop_lookedInsurance_01 .textCon {top:70%;}

/*찾았다내보험-정보*/
.popLooked .myInfoWrap {width:230px;margin:10px auto 0;}
.popLooked .myInfoWrap .inner strong {padding-top:30px;}
.popLooked .myInfoWrap .inner.interval .chckArea {margin-top:10px;}
.chckArea .chck label {min-width:50px;height:15px;padding:15px 8px;font-size:116.67%;}
.dimmed {width:100%;height:100%;left:0;top:0;}
.infoComplete {width:100%;height:100%;}
.infoComplete .nextArea {top:25%;}


/*찾았다내보험-문항*/
.lookedCard .cardBox .answer {width:380px;margin:40px auto 20px;}
.lookedCard .cardBox .answer li {margin-bottom:20px;}

.testComplete {position:relative;padding:25px 20px 0;height:451px;background:url(/images/html/insurance/img_looked_complete_m.png) no-repeat center center;}
.testComplete .tit {font-size:300%;}
.testComplete p {padding-top:7px;font-size:150%;}
.testComplete p span {display:inline-block;}
.testComplete .btnArea {position:absolute;left:0;bottom:40px;width:100%;}

/*찾았다내보험-결과*/
#pop_lookedInsurance_08 .contBox {padding:0 20px;overflow:hidden;}
.lookedInfo .list {margin:10px 10px 0;}
.lookedInfo .list li {margin:5px 0;background-position:0 9px;font-size:116.67%;line-height:1.5;}

.pacakgeTit {height:150px;margin:25px auto;padding-left:40px;background:url(/images/html/insurance/bg_looked_package_qlt_m.png) no-repeat left 50%;text-align:center;}
.pacakgeTit > div {height:150px;padding-right:40px;background:url(/images/html/insurance/bg_looked_package_qrt.png) no-repeat right 50%;}
.pacakgeTit > div p {display:table;width:100%;}
.pacakgeTit > div p span {display:table-cell;width:100%;height:150px;color:#333;font-size:166.66%;line-height:1.5;vertical-align:middle;}

.packageArea .packageBox {margin-bottom:50px;}
.packageArea .packageBox .btm {padding-top:45px;}
.packageArea .packageBox .btm .btnView {width:49%;}

.lookWrap .noti {margin-top:-20px;}
.reviewArea {padding:20px;}

/* POPUP 보험료 상세설계 */
.popDetail {min-width:310px;border:5px solid #c3dbe2;}
.popDetail .topWrap {padding:9px 3% 15px;}
.popDetail .contWrap {padding:5px 0 0;}

.popDetail .terms .inner, .popDetail .terms .inner2 {margin-top:5px;zoom:1;}
.popDetail .terms .inner:after, .popDetail .terms .inner2:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.popDetail .terms h3{float:left;padding-top:8px;font-size:116.67%;font-weight:700;line-height:1.5;}
.popDetail .terms h3 + .tooltipWrap {margin:9px 0 0 5px;}
.popDetail .terms .optArea {float:right;padding-top:5px;}
.popDetail .infoBox {padding:30px 0;margin:0 3%;}
.popDetail .infoBox .tit {margin-bottom:25px;}
.popDetail .infoBox .tit h2 {font-size:233.33%;}
.popDetail .infoBox .tit p {display:inline-block;font-size:116.67%;}
.popDetail .infoBox .product .compulsory {margin-left:20px;}
.popDetail .infoBox .product .tooltipWrap {position:static;}
.popDetail .infoBox .product .tooltipWrap .tooltipArea {left:0;margin-top:5px;min-width:100%;max-width:100%}
.popDetail .infoBox .product .tooltipWrap .tooltipArea p {background:none;}
.popDetail .infoBox .price {padding-top:18px;text-align:right;}
.popDetail .contWrap .btmArea .price {margin:20px 3% 20px 0;}
.popDetail .contWrap .btmArea .btnArea {clear:both;width:100%;text-align:center;}
.popDetail .btmWrap .inquiry p {font-size:133.33%;line-height:1.1;}
.popDetail .btmWrap .inquiry strong {font-size:183.33%;line-height:1.5;}
.popDetail .btnPopCloseWhite {display:none;}
.guarantee div.top h4 {font-size:116.67%;}
.guarantee div.top button {display:none;}
.guarantee .defaultDotList li strong {font-size:116.67%;}
.guarantee .won {font-size:116.67%;}

.guaranteeArea .inner > strong {display:block;margin-bottom:10px;}
.guaranteeArea .inner .innerTooltip {display:block;margin-bottom:10px;}
.guaranteeArea .inner .tooltipWrap.open p {background:none;}
.guaranteeArea .inner .tooltipWrap.open .tooltipArea {top:13px;}
.guaranteeArea .optArea {width:100%;overflow:hidden;}
.guaranteeArea .optArea .optCheck {display:block;float:left;width:19%;margin:0 1% 0 0;}
.guaranteeArea .optArea .optTxt {display:block;float:left;width:19%;margin:0 1% 0 0;}

.guaranteeArea .tblType {border-bottom:1px solid #d5d5d5;}
.guaranteeArea .tblType .title {margin-top:10px;}
.guaranteeArea .tblType .title .tooltipWrap {margin-top:-10px;}

.priceUpDown li strong {font-size:116.67%;}
.priceUpDown li > div p {min-width:52px;margin:0 13px;font-size:116.67%;}

.priceBar .inner {position:relative;width:84%;margin:30px 8%;} 

.popDetail .contWrap .btmArea .noti {margin-left:3%;}
.popDetail .btmWrap .txt {margin-bottom:10px;}
.popDetail .btmWrap .btnAdvice {margin-top:10px;}


/* 에이스 덴탈케어보험(무) 보험료 상세설계 */
#pop_health_12 .guaranteeArea .tblType {display:table;border-bottom:1px dashed #d5d5d5;}
#pop_health_12 .guaranteeArea .tblType .title {width:90px;display:table-cell;vertical-align:middle;}
#pop_health_12 .guaranteeArea .tblType .box {display:table-cell;vertical-align:middle;}
#pop_health_12 .guaranteeArea .tblType .box .inner {display:table;width:100%;}
#pop_health_12 .guaranteeArea .tblType .box .inner strong {display:table-cell;width:90px;vertical-align:middle;}
#pop_health_12 .guaranteeArea .tblType .box .inner .optArea {display:table-cell;width:auto;vertical-align:middle;}
#pop_health_12 .guaranteeArea .tblType .box .inner .optArea .optCheck {width:100%;}
#pop_health_12 .guaranteeArea .tblType .box .inner .optArea .optTxt {width:100%;}

/* (무)에이스 다이렉트 감동 실버암보험(갱신형) 보험료 상세설계 */
#pop_health_19 .pArea .guaranteeArea .inner {display:table;width:100%;}
#pop_health_19 .pArea .guaranteeArea .inner > strong {display:table-cell;width:50%;vertical-align:middle;}
#pop_health_19 .pArea .guaranteeArea .inner .optArea {display:table-cell;width:50%;vertical-align:middle;text-align:right;}
#pop_health_19 .pArea .guaranteeArea .optArea .optCheck {float:none;display:inline-block;width:39%;margin:0;}


/* (무)ACE 두배되는 암 보험 보험료 상세설계 */
#pop_health_26 .guaranteeArea .optArea .optCheck {width:24%;}
#pop_health_26 .guaranteeArea .optArea .optTxt {width:24%;}


/* (무)에이스 꿈을 이루는 어린이보험 상세설계 */
#pop_health_33 .guaranteeArea .optArea .optCheck {width:32%;}
#pop_health_33 .guaranteeArea .optArea .optTxt {width:32%;}
#pop_health_33 .guaranteeArea .tblType .tblCol3 th {width:28%;font-size:108.33%;font-weight:normal;text-align:left;line-height:1.2;}
#pop_health_33 .guaranteeArea .tblType .tblCol3 td.sub {width:23%;font-size:108.33%;line-height:1.2;}
#pop_health_33 .guaranteeArea .tblType .tblCol3 td.sub.alone {width:51%;}
#pop_health_33 .guaranteeArea > .inner {border-bottom:1px solid #d5d5d5}
#pop_health_33 .guaranteeArea .inner {display:table;width:100%;}
#pop_health_33 .guaranteeArea .inner strong {display:table-cell;width:51%;vertical-align:middle;}
#pop_health_33 .guaranteeArea .inner .optArea {display:table-cell;width:49%;vertical-align:middle;text-align:right;}
#pop_health_33 .pArea .guaranteeArea .optArea .optCheck {float:none;display:inline-block;margin:0;}
#pop_health_33 .pArea .guaranteeArea .optArea .optTxt {float:none;display:inline-block;margin:0;}
#pop_health_33 .guaranteeArea .tblType .title .tooltipWrap {top:5px;}

/* (무)에이스 공유정기보험 */
#pop_fixedShare {}
#pop_fixedShare .inner3 {padding-bottom:40px;}
#pop_fixedShare .bt_none {border-bottom:none;}
#pop_fixedShare .guaranteeArea .optArea .optCheck {width:24%;}
#pop_fixedShare .guaranteeArea .inner > strong {float:left;line-height:270%;}
#pop_fixedShare .price {position:absolute;bottom:auto;right:20px;margin-top:30px;}
#pop_fixedShare .price.multi {bottom:auto;right:0;}
#pop_fixedShare .price2 {position:static;margin:20px 3% 20px 0;}
#pop_fixedShare .btn_append {position:absolute;right:0;margin-top:3px;}
#pop_fixedShare .btn_append .append_row {background:#2070be;width:30px;height:30px;border-radius:5px;text-align:center;color:#fff;font-size:200%;font-weight:700;line-height: 1;}

/* 보험상품 상세설계 생년월일 - 성별 */
#pop_fixedShare .contractor {float:right;margin-right:50px;}
#pop_fixedShare .contractor .radioWrap {overflow:hidden;margin-bottom:5px;}
#pop_fixedShare .contractor .radioWrap label {display:block;border:1px solid #d5d5d5;background-color:#ffffff;background-position:left top;background-repeat:no-repeat;padding-left:40px;height:34px;color:#8b9092;text-align:center;font-size:108.33%;line-height:270%;border-radius:20px;cursor:pointer;}
#pop_fixedShare .contractor .radioWrap > p {float:left;width:75px;}
#pop_fixedShare .contractor .inputTextArea {width:105px!important;margin-right:10px;background: #fff;padding:3px 10px;border:1px solid #d5d5d5;border-radius:20px;}
#pop_fixedShare .contractor .inputTextArea input[type="text"] {border:0 !important}
#pop_fixedShare .contractor .radioWrap .input {margin-right:10px;}
#pop_fixedShare .contractor .radioWrap .input input[type="text"] {border-radius:18px;height:36px;}
#pop_fixedShare .contractor .radioWrap .radioMan label {background-image:url('/images/html/icon/icon_radioMan_c.png');background-size:47px 100px;margin-right:5px;image-rendering: pixelated;}
#pop_fixedShare .contractor .radioWrap .radioFemale label {background-image:url('/images/html/icon/icon_radioFemale_c.png');background-size:47px 100px;margin-left:5px;image-rendering: pixelated;}
#pop_fixedShare .contractor .radioWrap .active {border:1px solid #78bc00;background-color:#78bc00;background-position:left bottom;color:#ffffff;}
	

}

@media screen and (max-width:490px) {
	#pop_fixedShare .guaranteeArea .inner > strong {float:none;}
	#pop_fixedShare .contractor {float:left;margin-right:0;}
}

@media screen and (max-width:380px) {
	/*찾았다내보험-문항*/
	.lookedCard .cardBox .answer {width:190px;}
	#pop_fixedShare .contractor {margin-right:0;}
	#pop_fixedShare .btn_append {left:70px;margin-top:-41px;}
}

/* 20160719 */
#pop_fcListenEx .btnArea{text-align:center;margin-top:20px;}
.btnSms {background:#78bc00;height:35px;padding:11px 20px 10px;border-radius:3px;text-align:center;color:#fff;font-size:108.33%;font-weight:700;line-height: 1;}
a.btnSms {display:inline-block;color:#fff;text-align:center;}
@media screen and (min-width:737px) {
	#pop_fcListenEx{width:600px;left:50%;margin-left:-300px;} 
}
	
	
/*****************************************************************************************************************************************
	2016 RENEWAL CSS (default - mobile)
*****************************************************************************************************************************************/
.popLooked.looked {width: 100%; min-width: 280px; height: auto;}
.popLooked.looked .lookWrap {width: auto; height: auto; border: 0 none; border-radius: 0;}
.popLooked.looked .contWrap {padding: 0; position: relative;}
.popLooked.looked .contWrap > .inner {background: #6e27c5;}
.popLooked.looked .visual img {width: 100%; display: block;}
.popLooked.looked .topTxt2 {display: none;}
.popLooked.looked .contWrap .contBox .title h2,
.popLooked.looked .contWrap .contBox .title h3 {padding-left: 0; background: none;}
.popLooked.looked .contWrap .contBox .title h2,
.popLooked.looked .contWrap .contBox .title .tit {display: inline-block; padding: 0 25px; line-height: 1.4; font-size: 26px; background: url('/images/renewal/insurance/icon_looked_quote_lt.png') no-repeat 0 0; background-size: 16px; position: relative;}
.popLooked.looked .contWrap .contBox .title h2 .point,
.popLooked.looked .contWrap .contBox .title .tit .point {color: #6e27c5; font-weight: 700;}
.popLooked.looked .contWrap .contBox .title h2:after,
.popLooked.looked .contWrap .contBox .title .tit:after {display: block; content: ""; width: 25px; height: 35px; background: url('/images/renewal/insurance/icon_looked_quote_gt.png') no-repeat center 0; background-size: 16px; position: absolute; right: 0; bottom: 0;}
	
/* 찾았다 내보험_intro */ 
#pop_lookedInsurance_01 .textCon {width: 100%; padding: 35px 25px; color: #fff; text-align: center; box-sizing: border-box; position: static;}
#pop_lookedInsurance_01 .popLooked.looked .top {padding-bottom: 30px; line-height: 1.4; font-size: 16px; font-weight: 700;}	
#pop_lookedInsurance_01 h3 {font-size: 36px; line-height: 1.2; font-weight: 800;}	
#pop_lookedInsurance_01 .textCon .info {margin-top: 40px; padding-top: 13px; color: #fff; font-size: 14px; font-weight: 400; position: relative;}
#pop_lookedInsurance_01 .textCon .info:after {display: block; content: ""; width: 26px; height: 1px; margin-left: -13px; background: #fff; position: absolute; left: 50%; top: 0;}
#pop_lookedInsurance_01 .btnArea {margin-top: 35px;}
#pop_lookedInsurance_01 .btnType.type05 {width: auto; padding: 0 35px; font-size: 16px; font-weight: 700;}

/* 찾았다 내보험_step1 */
.popLooked.looked .myInfoWrap {width: 280px;}
.popLooked.looked .myInfoWrap .interval {margin: 0 5px;}
.popLooked.looked .chckArea {font-size: 0; line-height: 0; border-radius: 0;}
.popLooked.looked .chckArea > * {font-size: 14px; line-height: 1.1;}
.popLooked.looked .chckArea label {padding: 12px 15px; color: #313131; font-size: 14px; border: 1px solid #4b4e53; border-radius: 0; box-shadow: none; background: #fff; cursor: pointer;}
.popLooked.looked .chckArea .chck {margin-bottom: 7px; margin-right: 7px;}
.popLooked.looked .chckArea .chck.on label {color: #fff; font-weight: 700; background: #4b4e53;}
.popLooked.looked .chckArea.gender .chck,
.popLooked.looked .chckArea.marry .chck,
.popLooked.looked .chckArea.child .chck {width: 130px; height: 130px; margin: 0; padding: 0 5px;}
.popLooked.looked .chckArea.gender .chck label,
.popLooked.looked .chckArea.marry .chck label,
.popLooked.looked .chckArea.child .chck label {width: 130px; height: 130px; padding: 0; border: 0; text-indent: -999em; background-repeat: no-repeat; background-size: 270px; overflow: hidden;}
.popLooked.looked .chckArea.gender .chck label {background-image: url(/images/renewal/insurance/img_looked_select_gender.png);} 
.popLooked.looked .chckArea.gender .slt01 label {background-position: 0 0;}
.popLooked.looked .chckArea.gender .slt02 label {background-position: -140px 0;}
.popLooked.looked .chckArea.gender .slt01.on label {background-position: 0 -140px;}
.popLooked.looked .chckArea.gender .slt02.on label {background-position: -140px -140px;}
.popLooked.looked .chckArea.marry .chck label {background-image: url(/images/renewal/insurance/img_looked_select_marry.png);} 
.popLooked.looked .chckArea.marry .slt01 label {background-position: 0 0;}
.popLooked.looked .chckArea.marry .slt02 label {background-position: -140px 0;}
.popLooked.looked .chckArea.marry .slt01.on label {background-position: 0 -140px;}
.popLooked.looked .chckArea.marry .slt02.on label {background-position: -140px -140px;}
.popLooked.looked .chckArea.child .chck label {background-image: url(/images/renewal/insurance/img_looked_select_child.png);} 
.popLooked.looked .chckArea.child .slt01 label {background-position: 0 0;}
.popLooked.looked .chckArea.child .slt02 label {background-position: -140px 0;}
.popLooked.looked .chckArea.child .slt01.on label {background-position: 0 -140px;}
.popLooked.looked .chckArea.child .slt02.on label {background-position: -140px -140px;}	

#pop_lookedInsurance_02 .infoComplete {width: auto; padding: 60px 40px; line-height: 1.25; color: #fff; font-size: 18px; text-align: center; background: #6e27c5; position: absolute; left: -40px; right: -40px; bottom: 0; top: -82px;}
#pop_lookedInsurance_02 .infoComplete .nextArea {padding: 70px 0 60px; background: url('/images/renewal/insurance/icon_CompleteAnalysis.png') no-repeat center 0; background-size: 50px; position: static;}
#pop_lookedInsurance_02 .infoComplete .nextArea p {font-size: 100%; font-weight: normal;}
#pop_lookedInsurance_02 .btnArea {margin-top: 35px;}
#pop_lookedInsurance_02 .btnType.type05 {width: auto; padding: 0 35px; font-size: 16px; font-weight: 700;}

/* 찾았다 내보험 > 테스트 문항 */
.lookedCard .cardBox .answer {width: 320px; margin: 40px auto 20px;}
.lookedCard .cardBox .answer li {width: 160px; height: 250px; margin: 0; padding: 0 5px;}
.lookedCard .cardBox .answer li .inner {width: 150px; height: auto; background-repeat: no-repeat; background-color: #fff;}  /* ksy 원복 :최근>  .lookedCard .cardBox .answer li .inner {width: 150px; height: auto; background-repeat: no-repeat; background-color: #fff;} */
.lookedCard .cardBox.cb01 .answer li .inner {background-image: url('/images/renewal/insurance/img_lookcard_q1.png');}
.lookedCard .cardBox.cb02 .answer li .inner {background-image: url('/images/renewal/insurance/img_lookcard_q2.png');}
.lookedCard .cardBox.cb03 .answer li .inner {background-image: url('/images/renewal/insurance/img_lookcard_q3.png');}
.lookedCard .cardBox.cb04 .answer li .inner {background-image: url('/images/renewal/insurance/img_lookcard_q4.png');}
.lookedCard .cardBox .answer li.a01 .inner {background-position:0 -300px;}
.lookedCard .cardBox .answer li.a02 .inner {background-position:-187px -300px;}
.lookedCard .cardBox .answer li.a03 .inner {background-position:-374px -300px;}
.lookedCard .cardBox .answer li.a04 .inner {background-position:-562px -300px;}
.lookedCard .cardBox .answer li.a01.off .inner {background-position:0 -300px;}
.lookedCard .cardBox .answer li.a02.off .inner {background-position:-187px -300px;}
.lookedCard .cardBox .answer li.a03.off .inner {background-position:-374px -300px;}
.lookedCard .cardBox .answer li.a04.off .inner {background-position:-562px -300px;}
.lookedCard .cardBox .answer li .inner label {width: 150px; height: auto; padding-top: 150px;}
.lookedCard .cardBox .answer li .inner label span {display: table-cell; width:150px; height: 80px; color: #000; font-size: 14px; font-weight:700; line-height: 1.5; vertical-align: middle;}
.lookedCard .cardBox .answer li .selecting {display: none; margin-left: -75px; position: absolute; left: 50%; top: 0; width: 150px; height: auto; padding-top: 150px; background-repeat: no-repeat; text-align:center;}
.lookedCard .cardBox.cb01 .answer li .selecting {background-image: url('/images/renewal/insurance/img_lookcard_q1.png');}
.lookedCard .cardBox.cb02 .answer li .selecting {background-image: url('/images/renewal/insurance/img_lookcard_q2.png');}
.lookedCard .cardBox.cb03 .answer li .selecting {background-image: url('/images/renewal/insurance/img_lookcard_q3.png');}
.lookedCard .cardBox.cb04 .answer li .selecting {background-image: url('/images/renewal/insurance/img_lookcard_q4.png');}
.lookedCard .cardBox .answer li.a01 .selecting {background-position: 0 0;}
.lookedCard .cardBox .answer li.a02 .selecting {background-position: -187px 0;}
.lookedCard .cardBox .answer li.a03 .selecting {background-position: -374px 0;}
.lookedCard .cardBox .answer li.a04 .selecting {background-position: -562px 0;}
.lookedCard .cardBox .answer li .selecting p {display: table-cell; width: 150px; height: 70px; color: #000; font-size: 14px; font-weight: 700; line-height: 1.5; vertical-align: middle;}

.testComplete {height: auto; padding: 60px 40px 170px; line-height: 1.25; color: #fff; font-size: 18px; text-align: center; background: #6e27c5;}
.testComplete .tit {display: block; padding: 90px 0 17px; color: #fff; font-size: 28px; font-weight: 700; background: url('/images/renewal/insurance/icon_CompleteAnalysis2.png') no-repeat center 0; background-size: 50px;}
.testComplete p {padding-bottom: 65px; color: #fff; font-size: 18px;}

#pop_lookedInsurance_03 .btnArea {margin-top: 0; position: static;}
#pop_lookedInsurance_03 .btnType.type05 {width: auto; padding: 0 35px; font-size: 16px; font-weight: 700;}

/* 찾았다 내보험 > 결과 */
.packageArea .packageBox .btm {width: 100%;}
.packageArea .packageBox .btm:after {content: ""; display: block; clear: both;}
.packageArea .packageBox .btm .btnType {display: block; width: 49%; padding: 0 2px; font-size: 15px; font-weight: 700; letter-spacing: -1px; float: left;}
.packageArea .packageBox .btm .btnType.type06 {margin-left: 0; float: right;}
#pop_lookedInsurance_08 .contBox {padding: 0;}
#pop_lookedInsurance_08 .btnArea .btnType {font-weight: 700;}

#pop_fcListenEx  {width: 320px; left: 50%; top: 50%; margin-top: -250px; margin-left: -160px;}
#pop_fcListenEx .formBox dl {margin-top: 15px; box-sizing: border-box;}
#pop_fcListenEx .formBox .col2:after {content: ""; display: block; clear: both;}
#pop_fcListenEx .formBox .col2 dl {width: 50%; float: left;}
#pop_fcListenEx .formBox .col2 dl.left {padding-right: 5px;}
#pop_fcListenEx .formBox .col2 dl.right {padding-left: 5px;}
#pop_fcListenEx .formBox dl dt {margin: 0 0 10px; font-size: 16px; font-weight: 700;}
#pop_fcListenEx .formBox dl dd input,
#pop_fcListenEx .formBox dl dd select {height: 38px; padding: 10px; line-height: 38px; vertical-align: top; box-sizing: border-box;}
#pop_fcListenEx .formBox dl dd input {width: 100%;} 
#pop_fcListenEx .formBox dl dd.year select {width: 30%;}
#pop_fcListenEx .formBox dl dd.date {margin-top: 10px;}
#pop_fcListenEx .formBox dl dd.date:after {content: ""; display: block; clear: both;}
#pop_fcListenEx .formBox dl dd.date p {width: 33.3%; float: left;}
#pop_fcListenEx .formBox dl dd.date select {width: 70%;}
#pop_fcListenEx .formBox dl dd.year span,
#pop_fcListenEx .formBox dl dd.date p span {display: inline-block; height: 38px; padding-left: 4px; line-height: 38px; font-size: 15px;}
#pop_fcListenEx .formBox dl dd textarea {box-sizing: border-box;}
#pop_fcListenEx .btnArea .btnType {display: inline-block; width: auto;}

#pop_fcListenEx_M  {width: 320px; left: 50%; top: 50%; margin-top: -250px; margin-left: -160px;}
#pop_fcListenEx_M .formBox dl {margin-top: 15px; box-sizing: border-box;}
#pop_fcListenEx_M .formBox .col2:after {content: ""; display: block; clear: both;}
#pop_fcListenEx_M .formBox .col2 dl {width: 50%; float: left;}
#pop_fcListenEx_M .formBox .col2 dl.left {padding-right: 5px;}
#pop_fcListenEx_M .formBox .col2 dl.right {padding-left: 5px;}
#pop_fcListenEx_M .formBox dl dt {margin: 0 0 10px; font-size: 16px; font-weight: 700;}
#pop_fcListenEx_M .formBox dl dd input,
#pop_fcListenEx_M .formBox dl dd select {height: 38px; padding: 10px; line-height: 38px; vertical-align: top; box-sizing: border-box;}
#pop_fcListenEx_M .formBox dl dd input {width: 100%;} 
#pop_fcListenEx_M .formBox dl dd.year select {width: 30%;}
#pop_fcListenEx_M .formBox dl dd.date {margin-top: 10px;}
#pop_fcListenEx_M .formBox dl dd.date:after {content: ""; display: block; clear: both;}
#pop_fcListenEx_M .formBox dl dd.date p {width: 33.3%; float: left;}
#pop_fcListenEx_M .formBox dl dd.date select {width: 70%;}
#pop_fcListenEx_M .formBox dl dd.year span,
#pop_fcListenEx_M .formBox dl dd.date p span {display: inline-block; height: 38px; padding-left: 4px; line-height: 38px; font-size: 15px;}
#pop_fcListenEx_M .formBox dl dd textarea {box-sizing: border-box;}
#pop_fcListenEx_M .btnArea {text-align: center; margin-top: 20px;}
#pop_fcListenEx_M .btnArea .btnType {display: inline-block; width: auto;}

/* 상세설계 팝업 -> 레이어 (상세설계 모달 원복 2016-12-15 ksy 이게최근)*/
/* #pop_health_12.popDetail {width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 1005; box-sizing: border-box;} */
/* #pop_health_12.popDetail .btnPopCloseWhite {position: absolute; top: 20px; right: 13px; display: block;} */

@media screen and (max-width:380px) {
	.lookedCard .cardBox .answer {width: 280px;}
	.lookedCard .cardBox .answer li {width: 280px;}
	.lookedCard .cardBox .answer li .inner {margin: 0 auto;}
}

@media screen and (min-width:737px) {
	.popLooked.looked .contWrap .topTxt2 {display: block; margin: 35px 0; font-size: 30px; text-align: center;}
	.popLooked.looked .contWrap .topTxt2 span {display: inline-block; border-bottom: 1px solid #000;}
	.popLooked.looked .contWrap .contBox .title h2 {padding: 0 35px; font-size: 38px; background-size: auto;}
	.popLooked.looked .contWrap .contBox .title h2:after {width: 35px; height: 100%; background-position: right top; background-size: auto;}
	
	/* 찾았다 내보험 */
	.popLooked.looked .visual {width: 50%; padding-top: 0;}
	#pop_lookedInsurance_01 .textCon {width: 50%; padding: 80px 40px; text-align: left; position: absolute; left: 50%; right: 0; top: 0; bottom: 0;}	
	#pop_lookedInsurance_01 h3 {font-size: 60px;}
	#pop_lookedInsurance_01 .textCon .info {margin-top: 100px; text-align: left;}
	#pop_lookedInsurance_01 .textCon .info:after {margin-left: 0; left: 0;}
		
	/* 찾았다 내보험_step1 */
	.popLooked.looked .contWrap .myInfoWrap:after {content: ""; display: block; clear: both;}
	.popLooked.looked .contWrap .infoCon {float: left;}
	.popLooked.looked .contWrap .infoCon .inner {float: none;}
	.popLooked.looked .contWrap .infoCon .inner.chckChildren {margin-top: 35px;}
	.popLooked.looked .myInfoWrap {width: auto; margin: 0; padding: 50px 0 0px 110px; overflow: visible;}
	.popLooked.looked .chckArea label {padding: 12px 20px; font-size: 16px;}
	.popLooked.looked .chckArea .chck {margin-bottom: 12px; margin-right: 12px;}
	.popLooked.looked .chckArea.gender .chck,
	.popLooked.looked .chckArea.marry .chck,
	.popLooked.looked .chckArea.child .chck {width: 150px; height: 150px; padding: 0 6px;}
	.popLooked.looked .chckArea.gender .chck label,
	.popLooked.looked .chckArea.marry .chck label,
	.popLooked.looked .chckArea.child .chck label {width: 150px; height: 150px; background-size: 312px;} 
	.popLooked.looked .chckArea.gender .slt02 label {background-position: -162px 0;}
	.popLooked.looked .chckArea.gender .slt01.on label {background-position: 0 -162px;}
	.popLooked.looked .chckArea.gender .slt02.on label {background-position: -162px -162px;} 
	.popLooked.looked .chckArea.marry .slt02 label {background-position: -162px 0;}
	.popLooked.looked .chckArea.marry .slt01.on label {background-position: 0 -162px;}
	.popLooked.looked .chckArea.marry .slt02.on label {background-position: -162px -162px;} 
	.popLooked.looked .chckArea.child .slt02 label {background-position: -162px 0;}
	.popLooked.looked .chckArea.child .slt01.on label {background-position: 0 -162px;}
	.popLooked.looked .chckArea.child .slt02.on label {background-position: -162px -162px;}

	/* 찾았다 내보험 > 기본분석 완료 */
	#pop_lookedInsurance_02 .infoComplete {max-height: 410px;padding: 110px 40px; line-height: 1.67; font-size: 30px; top: -158px;}
	#pop_lookedInsurance_02 .nextArea {padding: 100px 0 150px; background-size: auto;}
	#pop_lookedInsurance_02 .btnArea {margin-top: 0;}
	#pop_lookedInsurance_02 .btnType.type05 {width: auto; padding: 0 35px; font-size: 16px; font-weight: 700;}
	
	/* 찾았다 내보험 > 테스트 문항 */
	.lookedCard .cardBox .answer {width: 744px;}
	.lookedCard .cardBox .answer li {width: 186px; padding: 0 16px;  letter-spacing: -0.5px;}
	.lookedCard .cardBox .answer li .inner {margin: 0 auto;}
	/*.lookedCard .cardBox .answer li .selecting {left: 16px;}*/
	.testComplete {padding: 110px 40px; line-height: 1.67; font-size: 30px;}
	.testComplete .tit {padding-bottom: 20px; font-size: 36px; background-size: auto;}
	.testComplete p {padding-bottom: 100px; color: #fff; font-size: 30px;}
	#pop_lookedInsurance_3 .btnArea {margin-top: 0;}
	#pop_lookedInsurance_3 .btnType.type05 {width: auto; padding: 0 35px; font-size: 16px; font-weight: 700;}
	
	/* 찾았다 내보험 > 결과 */
	.packageArea .packageBox .btm .btnType {padding: 0 10px; letter-spacing: 0;}
	#pop_lookedInsurance_08 .contWrap {height: auto;}
	#pop_lookedInsurance_08 .btnArea .btnType {width: auto;}

	#pop_fcListenEx  {width: 420px; margin-top: -306px; margin-left: -210px;}
	
	/* 상세설계 팝업 -> 레이어 (상세설계 모달 원복 2016-12-15 ksy 이게최근)*/
/* 	#pop_health_12.popDetail {width: 920px; height: 600px; margin: -300px 0 0 -460px; top: 50%; left: 50%;} */
/* 	#pop_health_12.popDetail .popScroll {height: 483px; overflow-y: auto;} */

}