@charset "euc-kr";
@import url(/font/nanum.css);

html,body{-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;font-smooth:always;letter-spacing:-1px;/*text-align:center*/}

body{font-family:'nbg','Malgun Gothic',dotdum;_font-family:'nbg','Malgun Gothic',dotdum;color:#333;font-size:12px;letter-spacing:-1px;word-break:break-all;/*¹®ÀÚ´ÜÀ§·Î ²÷¾îÁÜ*/line-height:1.3}

img {-ms-interpolation-mode:bicubic;}/* ¸®»çÀÌ¡ °è´ÜÇö»ó Á¦°Å */

#compare {width:100%;min-width:926px;padding-bottom:50px;font-family:'Malgun Gothic'}
#compare a {font-family:'Malgun Gothic'}
.mainImg {background:#ff9d4f;padding:0;margin:0 0 40px;line-height:0}
.padding_main {padding:0 35px;}
.finger,.close {position:absolute}
.num_permission {color:#999}
.ver_top {vertical-align:top!important}
.padd_top_sfont {display:inline-block;font-size:12px;font-weight:normal;margin-left:14px}
.colorRed {color:#fc770d}


/* ¼±ÅûóÇ° */
.selected {background:#edeff2;text-align:left;margin:0 0 40px;padding-bottom:20px;border-bottom:2px solid #62687e;box-shadow:0px 2px rgba(0,0,0,0.1)}
.title {padding:15px 0 10px;line-height:1}
.title:after {content:""; clear:both; display:block;}
.title .name,.title .question,.title .view_sample {display:block;position:relative}
.title .name {float:left;font-size:18px;color:#333}
.title .question {float:left;margin-left:10px;margin-top:1px}
.title .view_sample {float:right;padding:1px 10px 4px}
.title .symbol {display:block;width:22px;text-align:center;padding:2px 0 4px;font-weight:bold;line-height:1.3}
.title .symbol,.title .view_sample {background:#fff;height:22px;border:1px solid #d9dada;border-radius:11px;color:#666;font-size:12px;text-decoration:none;box-sizing:border-box}
.question .view {display:block;position:absolute;bottom:30px;left:-58px;width:140px;height:auto;border:1px solid #777c8f;border-radius:6px;padding:10px 15px;background:#fff;text-align:left;font-weight:normal;font-size:12px;line-height:1.3;cursor:default}
.question .view strong {text-decoration:underline;color:#000}
.question mark {position:absolute;display:inline-block;background:none;left:62px;bottom:-8px;line-height:0;}


.w_goodBox {display:table;width:100%}
.w_goodBox .goodBox {position:relative;display:table-cell;width:25%;vertical-align:top;}
.goodBox .close {right:25px;top:15px}
.base,.btnCompare {position:relative}
.w_goodBox .goodBox .base {background:#fff;height:100px;margin-right:10px;padding:15px 20px;box-shadow:1px 1px rgba(0,0,0,0.2);box-sizing:border-box}
.w_goodBox .goodBox .bacant {padding-top:25px;vertical-align:middle;color:#a3a3a3;font-size:16px;text-align:center;font-weight:bold;font-family:'Malgun Gothic'}
.w_goodBox .goodBox .btnCompare {margin-right:0;background:#62687e;padding:0}
.w_goodBox .goodBox .btnCompare a {display:block;height:100%;font-size:36px;font-family:nsEB;color:#fff;text-align:center;line-height:2;text-shadow:2px 2px rgba(0,0,0,0.4);text-decoration:none;line-height:2.5;font-weight:bold}

.goodInfo dt {display:block;font-size:16px;font-weight:bold;margin-bottom:15px}
.goodInfo dd {display:table-cell;font-size:12px}
.goodInfo .logo {width:58px;vertical-align:middle}
.goodInfo .logo img {width:44px}
.btnCompare a .finger {top:64px;right:5px}
.btnCompare em {color:#fff600!important;}

/* ÅÇ */
.tab_compare {display:table;width:100%;margin-bottom:25px}
.tab_compare dt,.tab_compare dd {display:table-cell;vertical-align:middle}
.tab_compare dd {width:682px;padding-left:10px;vertical-align:top;font-size:12px}
.tab_compare dt {position:relative;border:1px solid #62687e;font-size:18px;font-weight:bold;text-align:left}
.market_D {width:92%;margin:0 auto;height:40px;vertical-align:top;color:#fc770d;letter-spacing:-1.8px;background:url(/img/compare/arrow2.png) no-repeat right center;overflow:hidden;cursor:pointer}
.market_D .icon {display:inline-block;width:34px;height:40px;margin-right:5px;vertical-align: middle}
.market_D .icon img {width:100%;padding-top:2px}
.layer_mk {position:absolute;left:-1px;width: calc(100%);display:block;z-index:100;border:1px solid #62687e}
/* ¿¬»êÀÚ¸¦ ÀÌ¿ëÇÏ¿© °¡·ÎÆø Á¶Á¤ °¡´É width: calc(100% + 2px) */
.layer_mk li {border-bottom:1px solid #62687e}
.layer_mk li:last-child {border:none}
.layer_mk li a {display:block;background:#fff;font-size:14px;font-weight:normal;text-align:left;padding:5px 0 7px 20px}
.layer_mk li a.on {background-color:#edeff2}


.market_P li {float:left;overflow:hidden;width:169px;margin:0 0 -1px -1px;background-color:#edeff2;border:1px solid #62687e;white-space:nowrap}
.market_P li a {display:block;width:100%;color:#999;cursor:pointer;height:40px;padding:11px 0 13px;text-align:center;box-sizing:border-box}
.market_P li.on {background-color:#fff}
.market_P li.on a {color:#000;font-weight:bold}

/* »óÇ°¸®½ºÆ® */
.list_wrap {display:table;table-layout:fixed;width:100%;margin-bottom:10px}
.list_wrap li {display:table-cell;border:1px solid #ebebeb;vertical-align:top;overflow:hidden}
.list_wrap li.on {border:4px solid #62687e;box-shadow:3px 3px rgba(0,0,0,0.1)}
.list_wrap li.bacant {width:10px;border:none}
.list_wrap li dl {}
.list_wrap li .main_check {position:absolute;top:30px;left:30px}

.detail_good {position:relative;text-align:left;padding:30px;color:#333;font-family:'Malgun Gothic'}/* detail_good ¼­ºêÅ×ÀÌºí¿¡¼­µµ ÇÔ²² »ç¿ë */
.detail_good.sub {padding:0}
.detail_good dt {margin-bottom:25px;font-size:22px;font-family:'Malgun Gothic';font-weight:bold;text-align:center;line-height:1.2;word-break: normal}
.detail_good dt .logo {display:block;padding-bottom:20px}
.detail_good dt .logo img {height:40px}
.detail_good dd {padding: 0 0 6px 11px;background:url(/img/compare/style.png) no-repeat 2px -124px}
.detail_good .num_permission {margin-top:7px}
.detail_good .insu_tit,.detail_good .insu_con {display:table-cell}
.detail_good .insu_tit {width:60px}

/* ¼­ºê */
.tit_result {position:relative;height:34px;font-size:22px;line-height:1.5;font-family:nsB;color:#333;text-align:left;margin-bottom:15px}
.sub_goodBox {position:relative}
.sub_goodBox .logo {padding-bottom:5px;width:100px;height:24px}
.sub_goodBox .logo img {}
/*
.sub_goodBox .logo {padding-bottom:5px}
.sub_goodBox .logo img {height:20px}
*/
.sub_goodBox .name a {color:#000;text-decoration:underline;font-weight:bold;font-size:14px}
.sub_goodBox .num_permission {font-size:11px;padding-top:5px}
.sub_goodBox .close {top:0;right:0}

/* ¹öÆ° */
#compare .btn_compare {display:block;text-align:center;border:1px solid #d7d7d7;text-decoration:none}
.btn_compare .icon {display:inline-block;vertical-align: middle}
.change.btn_compare {position:absolute;right:0;bottom:0;padding:4px 0 6px;background:#fff;width:140px;font-size:14px}
.change.btn_compare .icon {width:20px;height:20px;}
.add.btn_compare {background:#fff;margin:0 auto;padding:12px 0;width:160px;font-size:22px;color:#000;box-shadow:2px 2px rgba(0,0,0,0.1);}
.add.btn_compare .icon {width:30px;height:30px;}
.change .icon {background:url(/img/compare/style.png) no-repeat 8px -27px}
.add .icon {background:url(/img/compare/style.png) no-repeat 0px -305px}

.btn_compare.counsel,
.btn_compare.counsel_all,
.btn_compare.view_result {width:160px;margin:0 auto;background:#62687e;font-size:16px;color:#fff;letter-spacing:-2px;padding:8px 0 10px;border:none!important}
.btn_compare.view_result {background:#fc770d!important;color:#fff;box-shadow:2px 2px rgba(0,0,0,0.8)}
.btn_compare.counsel_all {font-size:28px;line-height:1;width:300px;padding:10px 0 17px;margin-top:50px}
.btn_compare.counsel_all em {color:#ffe315}
.btn_compare.diffGood {margin:0 auto;font-size:16px;background:#62687e;border:none!important;color:#fff;padding:8px 0 10px;width:160px;box-shadow:2px 2px rgba(0,0,0,0.8)}
#compare .rightNow {position:relative;display:block;margin:0 auto 20px;background:#fc770d;width:270px;height:52px;font-size:28px;color:#fff;text-decoration:none;text-align:center;padding-top:15px;letter-spacing:-1.5px;box-sizing:border-box}
#compare .rightNow .finger {top:24px;right:-15px}

/* Å×À̺í */
table.type1 {border-bottom:3px solid #62687e}
table.type1 td {border-bottom:none}
.boardList {background:#fff; border:0; border-collapse: separate;border-spacing:0; table-layout:fixed; width:100%; margin:0;text-align:left}
.boardList td,
.boardList th {border-top:none;border-right:1px solid #62687e;border-bottom:solid 1px #edeff2;border-left:none;padding:20px 20px;color:#000}
.boardList td:last-child,
.boardList th:last-child {border-right:none}
.boardList td:first-child {padding-left:0;padding-right:0;text-align:center;color:#000;vertical-align:middle}
.boardList th {border-top:1px solid #62687e;background:#edeff2;font-size:14px;font-family:nsB;text-align:center;vertical-align:middle}
.boardList td {position:relative;font-family:'Malgun Gothic';letter-spacing:-0.5px;vertical-align:top}
.boardList .sum td {background:#f8f8f8;border-top:1px solid #fc770d;border-bottom:1px solid #fc770d}
.boardList .sum td.noBtm {border-top:none}
.boardList .sum .cusInfo {text-align:left}
.boardList small {display:block;font-size:12px;padding-top:3px;color:#787878}
/*.boardList .sum td:first-child {color:#fc770d}*/

.boardList.tb_price {}
.boardList.tb_price td {padding:6px 10px 8px}
.boardList.tb_price .item {text-align:left;border-right:solid 1px #edeff2}
.boardList.tb_price .money {text-align:right}
.money em {color:#fc770d}

.result .age {font-size:14px;text-align:right;margin-bottom:5px}
.result .price {text-align:center;font-size:16px;color:#fc770d;line-height:1;margin-bottom:15px}
.result .price em {font-size:32px;font-weight:bold;vertical-align:baseline;padding-right:5px}
.result .price .none {color:grey}

.small th {border-top:none;font-size:12px;padding-top:6px!important;background:#f8f8f8}
.small th,.small td {padding:3px 10px 4px;border-right:solid 1px #edeff2;text-align:center}
.small .ex_price {display:block;text-align:right}
.ex_price.male {color:#069edb}
.ex_price.female {color:#fc770d}

.promise {position:relative}
.promise li {width:100%}
.promise li span {display:block;float:left;width:25%;height:80px;font-size:11px;line-height:1.2;letter-spacing:-1.5px;text-align:center;padding:58px 3px 0;background: url(/img/compare/promise.png) no-repeat;box-sizing:border-box}
.promise li .code_A {background-position: center 0px} /* A:»ç¸Á */
.promise li .code_B {background-position: center -100px} /* B:Àû¸³ */
.promise li .code_C {background-position: center -200px} /* C:ÈÄÀ¯ÀåÇØ */
.promise li .code_D {background-position: center -300px} /* D:Áø´Ü */
.promise li .code_E {background-position: center -400px} /* E:¼ö¼ú */
.promise li .code_F {background-position: center -500px} /* F:ÀÔ¿ø */
.promise li .code_G {background-position: center -600px} /* G:Ä¡·á */
.promise li .code_H {background-position: center -700px} /* H:ÀÇ·á½Çºñ */
.promise li .code_I {background-position: center -800px} /* I:¹è»óÃ¥ÀÓ */
.promise li .code_J {background-position: center -900px} /* J:¿îÀüÀÚ */
.promise li .code_K {background-position: center -1000px} /* K:½Å»ý¾Æº¸Àå */
.promise li .code_L {background-position: center -1100px} /* L:ºÎ¾çÀÚ */
.promise li .code_M {background-position: center -1200px} /* M:Á¾ÇÕ */
.promise li .code_N {background-position: center -1300px} /* N:Åë¿ø */
.promise li .code_Z {background-position: center -1400px} /* Z:±âŸ */
.promise li .code_P14 {background-position: center -1500px} /* P14:ºñ°ú¼¼ */
.promise li .code_P44 {background-position: center -1500px} /* P44:¾î¸°ÀÌ */
.promise li .code_P15 {background-position: center -1600px} /* P15:ÀúÃà */

#compare .folding {display:block;font-size:20px;color:#000;font-weight:bold;letter-spacing:-2px;text-decoration:none;padding-bottom:5px}
.folding em {color:#fc770d}
.folding .btn_folding {display:inline-block;margin-left:20px;padding-right:40px;font-size:16px;font-weight:normal}
.btn_folding {background:url(/img/compare/style.png) no-repeat 40px -393px}
.btn_folding.close {background:url(/img/compare/style.png) no-repeat 40px -459px}

/* üũ */
.chk{position:relative;display:block;z-index:10}
.chk input{position:absolute; top:5px; left:3px; z-index:9}
.chk input:checked + label {z-index:100;}
.chk label {z-index:10;display:block;position:absolute;top:0;left:0;height:30px;width:30px;cursor:pointer;background: url(/img/compare/chk.png) no-repeat 0 0}
.chk label.on {z-index:100;background-position:0 -40px}



/* º¸Çè·á È®ÀÎ */
/* ÀÔ·Â */

.cusInfo {width:750px;margin:0 auto}
.cusInfo .cusInput {width:100%}
.cusInfo .cusText {padding-top:0px;font-size:16px;letter-spacing:-1.5px}
.cusInfo .cusText em {color:#000;font-weight:bold}
.cusInfo .cusText .btn_Naver {display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-2px}

#compare .cusInput {margin:15px 0 20px 0}
#compare .cusInput .cusText_sub {padding: 0 0 10px 0;font-size:16px;font-weight:bold}
#compare .cusInput .cusText_sub em {display:inline-block;vertical-align:top}

#compare .cusInput .mPhone {width:270px;margin-right:0}
#compare .cusInput .mPhone .ps_box {width:60px}
#compare .cusInput .mPhone .already {line-height:3;color:#787878}
#compare .cusInput .anArea {float:right;width:41px}
#compare .cusInput .btnInput {display:block;width:100%;height:38px;background:#dcdcdc;border-left:1px solid #cbcdcc;text-align:center;padding-top:9px;box-sizing:border-box}
#compare .mName .tf_g {width:120px}
#compare .phoneArea .tf_g {width:130px}
#compare .mBirth .tf_g {width:200px}

#compare .input_info .cell {position:relative; float:left; height:40px}
#compare .input_info .cell .ps_box {margin:4px 10px 0 11px; display:block;}
#compare .input_info .cell select {font-size:14px}

/* °øÅë Á¤º¸ÀÔ·Â */
#compare input {font-family:'Malgun Gothic'}
#compare .in_wrap {position:relative}
#compare .in_wrap:after {content:"";clear:both;display:block}
#compare .bg_join {width:230px; float:left; border:1px solid #cbcdcc;background:#fff;box-sizing:border-box}
#compare .input_info {display:block; position:relative; height:40px; margin:0 10px 0 0}
#compare .input_info .lab_g {display:none;position:absolute; top:14px; left:14px; height:24px; color:#999; cursor:text}/* ¶óº§ */
#compare .input_info .tf_g {display:inline; float:left; height:30px; padding:0; margin:2px 8px 0; color:#333; border:none}/* ÀÎDz¹Ú½º */
#compare .input_info .tf_g::-ms-clear {display:none}
/* IE10 À̻󿡼­ input box ¿¡ Ãß°¡µÈ Áö¿ì±â ¹öÆ° Á¦°Å input::-ms-clear {display: none} */


.btn_type3 {display:block;position:relative;height:80px;font-size:28px;font-family:'nsB';text-align:center;box-shadow:5px 5px #000;padding-top:20px;margin-top:20px}
.btn_type3 .hand {position:absolute;display:block;top:0;left:-44px}
.btn_type3 em {color:#ffd100;margin:0 10px}
#compare .btn_dark {width:100%; height:100%; background:#999; color: #fff; border:0;}


/* select¹Ú½º */
#compare select::-ms-expand{opacity:1}
#compare .sel{width:100%;padding:0!important; margin-top:4px;height:24px;*height:auto;*margin-top:3px;border:none;border-radius:0;background:#fff url(/img/login/sel_arr.gif) 100% 8px no-repeat;-webkit-appearance:none;font-size:16px;font-weight:bold;line-height:16px;color:#000}


/* üũ¹Ú½º:°øÅë */
#compare .gender input,
#compare .w_chk input{position:absolute; top:5px; left:3px; z-index:9}
#compare .gender label,
#compare .w_chk label{display:block; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background: url("/img/login/check2.png") no-repeat scroll 0 -32px; padding-left:22px;height:23px; line-height:1.5}
#compare .gender input:checked + label,
#compare .w_chk input:checked + label {z-index:100;}
#compare .gender label.on,
#compare .w_chk label.on {z-index:100; background-position:0 1px; color:#343434!important}

/* üũ¹Ú½º:¼ºº° */
#compare .sex {display:inline-block; float:right;height:23px; margin:8px 2px 0 0}
#compare .gender{display:block; float:left; position:relative; z-index:10; width:44px;height:23px}
#compare .gender label {width:44px; color:#999}
#compare .insurant .sex {float:left;margin-left:20px}
#compare .insurant .sex .gender {width:60px}
#compare .insurant .sex .gender label {width:60px}

/* üũ¹Ú½º:Á¤º¸µ¿ÀÇ */
#compare .join_agree {display:block;height:30px;margin-top:12px;background:none}
#compare .join_agree .w_chk {position:relative}
#compare .join_agree .more {position:absolute; left:200px; top:1px; color:#787878; text-decoration:underline}

#compare_pop {position:relative;display:inline-block;margin:0 auto;padding:30px 40px 40px;border:3px solid #000;background:#fff}
#compare_pop .widthType1 {position:relative;width:420px}
#compare_pop .widthType2 {position:relative;width:740px;text-align:center}
#compare_pop .close {position:absolute;display:inline-block;top:20px;right:30px;z-index:99}
.popHeader .title {font-size:28px;font-weight:bold;margin-bottom:15px;color:#333}
.popHeader .subText {text-align:left;font-size:14px; word-break: keep-all;line-height:1.5}
.popCont .text_cf {text-align:left}
.popCont .text_cf dd {color:#787878;padding-bottom:5px}
.popCont .in_wrap {border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;padding:20px 0}
#compare_pop .cusInput .mPhone {margin:0 auto;float:none}
#compare_pop .cusInput .mPhone .phoneArea .tf_g {width:211px}