@charset "utf-8";

/* 공통 */
.contents.main{padding:0}
.contents.main .link_area{background:#e9ecef;padding:15px 0}
.contents.main .link_area .sns{overflow:hidden;margin-bottom:15px;padding:0 12px}
.contents.main .link_area .sns li{float:left;width:33.3%;text-align:center;height:29px;line-height:29px;border-right:1px dotted #bfc1c3;box-sizing:border-box}
.contents.main .link_area .sns li:last-child{border-right:0 none}
.contents.main .link_area .sns li a{display:inline-block;height:29px;line-height:29px;font-size:12px;letter-spacing:-.7px;padding-left:25px;background:url("../../../resources/images/HHO/sm/ico_sns_blog.png")no-repeat 0 50%;background-size:21px}
.contents.main .link_area .sns li + li a{background:url("../../../resources/images/HHO/sm/ico_sns_fb.png")no-repeat 0 50%;background-size:21px}
.contents.main .link_area .sns li + li + li a{background:url("../../../resources/images/HHO/sm/ico_sns_twt.png")no-repeat 0 50%;background-size:21px}

.contents.main .link_area .product{padding:0 12px;display:table;width:100%;table-layout:fixed;box-sizing:border-box}
.contents.main .link_area .product li{display:table-cell;height:40px;vertical-align:middle;text-align:center;border:solid #c8cbcd;border-width:1px 1px 1px 0;background:#fff;padding:0 7px}
.contents.main .link_area .product li:first-child{border-left:1px solid #c8cbcd}
.contents.main .link_area .product a{display:inline-block;text-align:left;padding:0 0 0 30px;position:relative;font-size:12px;color:#08376a;letter-spacing:-.7px;line-height:13px}
.contents.main .link_area .product li a:after{content:"";display:block;width:26px;height:26px;background:url("../../../resources/images/HHO/sm/ico_link_directcar.png")no-repeat 0 0;background-size:100%;position:absolute;left:0;top:50%;margin-top:-13px}
.contents.main .link_area .product li + li a:after{background:url("../../../resources/images/HHO/sm/ico_link_mall.png")no-repeat 0 0;background-size:100%}
.contents.main .link_area .product li + li + li a:after{background:url("../../../resources/images/HHO/sm/ico_link_directloan.png")no-repeat 0 0;background-size:100%}

/* 탭 */
.tab.type1 .tab_tit{border-bottom:1px solid #d2d2d2;background:#f9f9f9;position:relative;top:-1px}
.tab.type1 .tab_tit ul{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab.type1 .tab_tit li{display:table-cell;text-align:center;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top}
.tab.type1 .tab_tit li:first-child{border-left:0 none}
.tab.type1 .tab_tit a{font-size:14px;display:block;height:34px;line-height:30px;color:#777;letter-spacing:-1px;border-top:1px solid #d2d2d2;box-sizing:border-box;padding-top:1px}
.tab.type1 .tab_tit .on a{color:#222;background:#fff;font-weight:bold;border-top:2px solid #81bcce;padding-top:0;position:relative}
.tab.type1 .tab_tit .on a:after{content:"";display:block;width:6px;height:4px;position:absolute;left:50%;top:0;margin-left:-3px;background:url("../../../resources/images/HHO/sm/ico_tab_on.png")no-repeat 0 0;background-size:100%}

/* 보험상품 탭 */
.contents.main .info_product{overflow:hidden;border-bottom:1px solid #c7c7c7;position:relative;top:-1px}
.contents.main .info_product li{float:left;width:50%;height:151px;box-sizing:border-box;text-align:center}
.contents.main .info_product li a{display:block;height:151px;color:#fff;letter-spacing:-.7px;background:#2bb8cf url("../../../resources/images/HHO/sm/bg_info_product_01.png")no-repeat center bottom;background-size:160px 83px}
.contents.main .info_product li + li a{background:#258ddd url("../../../resources/images/HHO/sm/bg_info_product_02.png")no-repeat center bottom;background-size:160px 83px}
.contents.main .info_product li + li + li a{background:#4591c1 url("../../../resources/images/HHO/sm/bg_info_product_03.png")no-repeat center bottom;background-size:160px 83px}
.contents.main .info_product li + li + li + li a{background:#13b3e8 url("../../../resources/images/HHO/sm/bg_info_product_04.png")no-repeat center bottom;background-size:160px 83px}
.contents.main .info_product li a span{display:block;padding-top:7px;font-size:12px;margin-bottom:3px}
.contents.main .info_product li a strong{font-size:18px;line-height:16px;text-shadow:1px 1px 0 #26a2b6}
.contents.main .info_product li + li a strong{text-shadow:1px 1px 0 #2079bd}
.contents.main .info_product li + li + li a strong{text-shadow:1px 1px 0 #37749a}
.contents.main .info_product li + li + li + li a strong{text-shadow:1px 1px 0 #0f8fba}

.info_join_product{border-bottom:1px solid #c7c7c7;padding:9px 12px 12px}
.info_join_product dt{font-size:14px;color:#222;font-weight:bold;letter-spacing:-.7px;padding-bottom:7px;border-bottom:1px dotted #b2b2b2;margin-bottom:8px}
.info_join_product dd .tel_area .tel{display:inline-block;font-size:25px;color:#6d94ac;font-weight:bold;padding:9px 0 7px 42px;background:url("../../../resources/images/HHO/sm/ico_call_center.png")no-repeat 0 50%;background-size:34px}
.info_join_product dd .tel_area .apply{display:inline-block;font-size:12px;letter-spacing:-.7px;padding:0 9px 0 0;margin-left:18px;background:url("../../../resources/images/HHO/sm/ico_gt.png")no-repeat 100% 60%;background-size:4px 7px;position:relative;top:-3px}
.info_join_product dd .tel_area .apply2{display:inline-block;font-size:14px; font-weight:bold; color:#ffffff;letter-spacing:-.3px; padding:7px 30px 7px 50px; margin:5px 0; position:relative; top:-4px; border:1px solid #828282; background:url("../../../resources/images/HHO/sm/ico_info2.png")no-repeat 10% 50%; background-size:17px 15px; background-color:#999999;}
.info_join_product dd .tel_info{margin-top:7px;background:#f4f9fb;padding:10px 6px}
.info_join_product dd .tel_info li{font-size:12px;padding-left:6px;background:url("../../../resources/images/HHO/sm/bul_tel_info.png")no-repeat 0 7px;background-size:2px 2px}
.info_join_product dd .tel_info li span{display:inline-block;letter-spacing:-.7px;margin-right:12px;color:#707070}
.info_join_product dd .tel_info li a{display:inline-block;color:#505050}

/* 계약고객서비스 탭 */
.list_customer_service{overflow:hidden;padding:23px 13px 25px 5px;text-align:center}
.list_customer_service li{width:33.3%;float:left;height:73px}
.list_customer_service li:nth-child(1),.list_customer_service li:nth-child(2),.list_customer_service li:nth-child(3){margin-bottom:15px}
.list_customer_service li a{display:block;font-size:12px;letter-spacing:-.5px;color:#606060;padding-top:55px;background:url("../../../resources/images/HHO/sm/ico_customer_service_01.png")no-repeat 50% 0;background-size:43px 44px}
.list_customer_service li + li a{background:url("../../../resources/images/HHO/sm/ico_customer_service_02.png")no-repeat 50% 0;background-size:46px 44px}
.list_customer_service li + li + li a{background:url("../../../resources/images/HHO/sm/ico_customer_service_03.png")no-repeat 50% 0;background-size:51px 43px}
.list_customer_service li + li + li + li a{background:url("../../../resources/images/HHO/sm/ico_customer_service_04.png")no-repeat 50% 0;background-size:35px 47px}
.list_customer_service li + li + li + li + li a{background:url("../../../resources/images/HHO/sm/ico_customer_service_05.png")no-repeat 50% 0;background-size:48px}
.list_customer_service li + li + li + li + li + li a{background:url("../../../resources/images/HHO/sm/ico_customer_service_06.png")no-repeat 50% 0;background-size:50px 41px}

.login_svc_info{border:solid #c7c7c7;border-width:1px 0;background:#eafaff;padding:10px 13px 20px}
.login_svc_info dt{font-size:14px;color:#222;font-weight:bold;letter-spacing:-.7px;border-bottom:1px dotted #a8b0b2;padding-bottom:7px;margin-bottom:8px}
.login_svc_info dd .txt_01{line-height:15px;margin-bottom:15px}
.login_svc_info dd .tel_area{padding:4px 0 7px 42px;background:url("../../../resources/images/HHO/sm/ico_call_center.png")no-repeat 0 0;background-size:34px}
.login_svc_info dd .tel_area .no{font-size:12px;color:#222;letter-spacing:-.7px;font-weight:bold;line-height:15px}
.login_svc_info dd .tel_area .no span{position:relative;top:-3px}
.login_svc_info dd .tel_area .no a{font-size:25px;color:#08376a;letter-spacing:0;display:inline-block;margin-left:10px}
.login_svc_info dd .tel_area .noti{font-size:11px;letter-spacing:-.7px;color:#4c78a7;line-height:13px}

.tab_cont.item3{background:#f3f3f3}
.tab_cont.item3 h3{font-size:14px;color:#444;letter-spacing:-.7px}
.info_acc{background:#fff;margin-bottom:5px;border-bottom:1px solid #d2d2d2;padding:17px 13px 15px}
.info_acc h3{margin-bottom:10px}
.info_acc .tel_info{background:#0a376a;border-radius:3px;text-align:center;font-size:15px;color:#fff;letter-spacing:-.7px;height:30px;line-height:30px;margin-bottom:10px}
.info_acc .tel_info strong{color:#2bb8cf;padding-left:13px;background:url("../../../resources/images/HHO/sm/bul_24hour_call.png")no-repeat 0 50%;background-size:6px}
.info_acc .tel_info a{display:inline-block;font-size:21px;font-weight:bold;color:#2bb8cf;letter-spacing:0;margin-left:13px;vertical-align:top}
.info_acc .btn_set{margin:0}
.info_acc .btn_set li{display:table;width:48%;table-layout:fixed;box-sizing:border-box;box-sizing:border-box;border-radius:3px}
.info_acc .btn_set li.left{background:#258ddd}
.info_acc .btn_set li.right{background:#2bb8cf}
.info_acc .btn_set li a{display:table-cell;height:50px;text-align:center;padding:0 13px;vertical-align:middle}
.info_acc .btn_set li a span{display:inline-block;padding:0 0 0 36px;position:relative;font-size:14px;color:#fff;letter-spacing:-.7px;line-height:16px;text-align:left}
.info_acc .btn_set li a span:after{content:"";display:block;position:absolute;left:0;top:50%}
.info_acc .btn_set li.left a span:after{width:24px;height:29px;margin-top:-14px;background:url("../../../resources/images/HHO/sm/ico_btn_joycar.png")no-repeat 0 0;background-size:24px 29px}
.info_acc .btn_set li.right a span:after{width:28px;height:28px;margin-top:-13px;background:url("../../../resources/images/HHO/sm/ico_btn_acc.png")no-repeat 0 0;background-size:28px}

.info_m_svc{background:#fff;margin-bottom:5px;border:solid #d2d2d2;border-width:1px 0;padding:17px 13px 15px}
.info_m_svc h3{margin-bottom:12px}
.info_m_svc .link{overflow:hidden}
.info_m_svc .link li{float:left;width:33.3%;text-align:center}
.info_m_svc .link li a{display:block;padding-top:62px;font-size:12px;line-height:15px;background:url("../../../resources/images/HHO/sm/ico_info_m_svc_01.png")no-repeat 50% 0;background-size:53px}
.info_m_svc .link li + li a{background:url("../../../resources/images/HHO/sm/ico_info_m_svc_02.png")no-repeat 50% 0;background-size:40px 53px}
.info_m_svc .link li + li + li a{background:url("../../../resources/images/HHO/sm/ico_info_m_svc_03.png")no-repeat 50% 0;background-size:51px 53px}

.find_center{position:relative;display:table;table-layout:fixed;width:100%;padding:0 13px;box-sizing:border-box;background:#fff;border:solid #d2d2d2;border-width:1px 0}
.find_center h3{display:table-cell;vertical-align:middle;width:54%;height:54px;padding-left:59px;position:relative}
.find_center h3:after{content:"";direction:block;width:25px;height:34px;position:absolute;left:16px;top:50%;margin-top:-17px;background:url("../../../resources/images/HHO/sm/ico_find_center.png")no-repeat 0 0;background-size:100%}
.find_center a{display:block;position:absolute;right:13px;top:50%;margin-top:-20px;width:30%;height:40px;line-height:40px;background:#13b3e8;color:#fff;font-size:14px;letter-spacing:-1px;text-align:center;border-radius:7px 0 7px 0}




/* 2018 리뉴얼 */

/* 메인비쥬얼 */
.prd_conts{position:relative; border-top:1px solid #e0e0e0;}
.prd_conts, .prd_conts a{}
.prd_conts img{width:100%; height:auto;}
.prd_conts .swiper-slide{position:relative}
.prd_conts .prd_info{position:absolute; top:8%; left:0; width:100%;text-align:center;}
.prd_conts .prd_info .tit_prd{font-size:26px; color:#222;}
.prd_conts .prd_info .txt_prd{margin-top:8px; font-size:16px; color:#222}

.prd_conts .prd_desc{width: 100%;background: #154e87;padding:3%;box-sizing: border-box;box-shadow: 3px 3px 3px rgb(67 67 67 / 10%);}
.prd_conts .prd_desc:after{display:block; content:''; clear:both}
.prd_conts .prd_desc li{float:left; box-sizing:border-box; width:25%; font-size:12px; line-height:13px; text-align:center; color:#fff;}
.prd_conts .prd_desc li img{width:40px;height:auto;margin-bottom: 3px;vertical-align: baseline;}
.prd_conts .prd_desc .ico_wrap{display: flex;flex-direction: column;align-items: center;line-height: 2.2;}
.prd_conts .prd_desc .ico_wrap span{line-height: 1.2;}
.prd_conts .pagination{position:absolute;bottom:20px;right:15px;z-index:10;}
.prd_conts .play{display:inline-block;width:10px;height:10px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat 0 -12px; background-size:9px}
.prd_conts .auto{background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat; background-size:10px}
.prd_conts .arrow-right, .prd_conts .btn_prev, .prd_conts .btn_next{display:none}
/* .prd_conts .swiper-pagination-switch{display:inline-block;width:10px;height:10px;margin-right:2px;cursor:pointer;background:url("../../../resources/images/HHO/sm/ico_paging_off.png")no-repeat 0 0;background-size:100%}
.prd_conts .swiper-pagination-switch.swiper-active-switch{width:22px;height:10px;background:url("../../../resources/images/HHO/sm/ico_paging_on.png") no-repeat 0 0; background-size:100%} */
.prd_conts .swiper-pagination-switch{display:inline-block;width:10px;height:10px;margin-right:2px;cursor:pointer;background-size:100%;background: #e4e4e4;border-radius: 10px;}
.prd_conts .swiper-pagination-switch.swiper-active-switch{width:22px;height:10px;background-size:100%;background: #169eda;border-radius: 10px;}



/* 대표상품 */
.main_product{position:relative; margin:0 15px}
.main_product h2{margin:20px 0 0; padding:0; height:30px; font-size:18px; color:#363636; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #8c8c8c;}
.main_product h2 > a{color:#363636}
.main_product ul{}
.main_product li {}
.main_product li.bg1 {background:url("../../../resources/images/HHO/sm/main_product_01.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg2 {background:url("../../../resources/images/HHO/sm/main_product_02.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg3 {background:url("../../../resources/images/HHO/sm/main_product_03.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg4 {background:url("../../../resources/images/HHO/sm/main_product_04.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg5 {background:url("../../../resources/images/HHO/sm/main_product_05.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg6 {background:url("../../../resources/images/HHO/sm/main_product_06.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg7 {background:url("../../../resources/images/HHO/sm/main_product_07.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg8 {background:url("../../../resources/images/HHO/sm/main_product_08.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg9 {background:url("../../../resources/images/HHO/sm/main_product_09.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg10 {background:url("../../../resources/images/HHO/sm/main_product_10.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg11 {background:url("../../../resources/images/HHO/sm/main_product_11.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg12 {background:url("../../../resources/images/HHO/sm/main_product_12.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg13 {background:url("../../../resources/images/HHO/sm/main_product_13.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg14 {background:url("../../../resources/images/HHO/sm/main_product_14.jpg")no-repeat 3% 0; background-size:23%}
.main_product li.bg15 {background:url("../../../resources/images/HHO/sm/main_product_15.jpg")no-repeat 3% 0; background-size:23%}
.main_product li a{color:#666; overflow:hidden; }
.main_product li a .tit{ position:relative; display:block; width:100%; height:26px; font-size:17px; letter-spacing:-0.5px; line-height:28px;}
.main_product li a .tit img {width:21px; margin-top:4px;}
.main_product li a .s_tit{ position:relative; display:block; font-size:12px; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; }
.main_product a{color:#666; overflow:hidden; }
.main_product a  li .tit{ position:relative; display:block; width:100%; height:26px; font-size:17px; letter-spacing:-0.5px; line-height:28px;}
.main_product a  li .tit img {width:21px; margin-top:4px;}
.main_product a  li .s_tit{ position:relative; display:block; font-size:12px; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; }
.main_product .btn_more{position:absolute; top:-11px; right:5px; padding-right:11px;  border-top:none !important; background:url('../../../resources/images/HHO/sm/btn_more.png') right center no-repeat; background-size:5px auto}

@media screen and (max-width:359px) {
	.main_prd_all ul li a>strong{font-size:14px !important; letter-spacing:-2.5px !important;}
	.main_prd_all ul li a span{font-size:11px !important; line-height:16px !important;}
}	

.main_prd_all_tit a{width: 34%;position: absolute;font-size: 14px;text-align: center;color: #333;font-weight: bold;height: 34px;line-height: 32px;}
.main_prd_all_tit a.active{color:#0a5393}
.main_prd_all_tit a.active:after{position:absolute; bottom:0; left:0; display:block; content:''; width:100%; height:4px; background-color:#0071bc}
.main_prd_all{letter-spacing:-1.5px;overflow:hidden;background-color:#fff;}
.main_prd_all ul {display:inline-flex;flex-direction: row; list-style:none;width:100%;}
.main_prd_all ul li{width:50%;border-bottom:1px solid #ccc;box-sizing:border-box;}
.main_prd_all ul li:nth-child(odd){border-right:1px dashed #ccc;}
.main_prd_all ul li:nth-child(even) a{ margin-left:9px;}
.main_prd_all ul li:nth-child(even) p{ margin-left:9px;}
.main_prd_all ul li a{position:relative;display:block;min-height:70px;padding:20px 0 5px 0}
.main_prd_all ul li a .prd_img{position:absolute; top:0; right:0; width:34px; height:34px;}
.main_prd_all ul li a strong{color:#666;}
.main_prd_all ul li a>strong{display:inline-block; position:relative; margin:0 0 7px 7px; color:#000;  letter-spacing:-1.5px; font-size:14.5px;}
.main_prd_all ul li a>strong span{display:block; font-size:12px; font-weight:200;}
.main_prd_all ul li a>strong:before{display:inline-block; position:absolute; top:1px; left:-6px; width:3px; height:16px; background-color:#069dd7; content:"";}
.main_prd_all ul li a>strong.pink{display:inline-block; position:relative; margin:0 0 7px 7px; color:#000;  letter-spacing:-1.5px; font-size:15px;}
.main_prd_all ul li a>strong.pink:before{display:inline-block; position:absolute; top:1px; left:-6px; width:3px; height:16px; background-color:#f88890; content:"";}
.main_prd_all ul li a span{display:block; color:#666; font-size:13.5px; line-height:18px; letter-spacing:-1px;}
.best_mark{position:absolute; right:0px !important; top:0px; text-indent:-9999px;  content:''; width:28px; height:20px; vertical-align:middle; background:url('../../../resources/images/HHO/sm/ico_best.png') no-repeat; background-size:28px auto}
.new_mark{position:absolute; right:0px !important; top:0px; text-indent:-9999px;  content:''; width:28px; height:20px; vertical-align:middle; background:url('../../../resources/images/HHO/sm/ico_new.png') no-repeat; background-size:28px auto}
.hot_mark{position:absolute; right:0px !important; top:0px; text-indent:-9999px;  content:''; width:28px; height:20px; vertical-align:middle; background:url('../../../resources/images/HHO/sm/ico_hot.png') no-repeat; background-size:28px auto}
.mark2{right:17px !important;}
.mark3{right:30px !important;}



/* 공지사항 */
.main_notice{position:relative; margin:0 15px}
.main_notice h2{margin:20px 0 10px; padding:0; height:30px; font-size:18px; color:#363636; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #8c8c8c;}
.main_notice h2 > a{color:#363636}
.main_notice ul{}
.main_notice li a{position:relative; display:block; padding-left:5px; height:28px; line-height:28px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:15px;background:url("../../../resources/images/HHO/sm/bul_tel_info.png")no-repeat 5px 13px;background-size:2px 2px}
.main_notice li a .date{position:absolute; top:0; right:0; color:#888}
.main_notice .btn_more{position:absolute; top:-18px; right:3px; text-align:center; border-top:none !important; }
.main_notice .btn_more img{margin-top:13px; width:9px; height:auto; vertical-align:middle}

/* 서비스 바로가기 */
.main_service ul{margin-top:18px; padding:0 15px}
.main_service ul:after{display:block; content:''; clear:both}
.main_service li{float:left; width:25%; text-align:center}
.main_service li a{display:block; color:#666; font-size:13px}
.main_service li a img{width:56px; height:auto}
.main_service li a span{display:block; margin-top:8px}

/* 가입안내 */
.main_join_guide{margin-top:10px; border-top:1px solid #ebebeb;color:#333; }
.main_join_guide:after{display:block; content:''; clear:both}
.main_join_guide a:first-child{border-right:1px solid #ebebeb}
.main_join_guide a{display:block;padding:10px 20px;;width:100%;float:left;box-sizing:border-box;color:#666;font-size:13px;font-weight: bold;}
.main_join_guide a span{font-size: 16px; font-weight: bold; line-height: 1.3; color: #169ed9; padding-right: 5px;}
.main_join_guide a span:before{display:inline-block;margin-right:3px;margin-top:-3px;content:'';width: 18px;height: 18px;vertical-align:middle;background: url("../../../resources/images/HHO/sm/icon_tel03.png") 0 0 no-repeat;background-size: 18px auto;}
.main_join_guide02{margin-top:0px;}
.main_join_guide02 a span:before{background: url("../../../resources/images/HHO/sm/icon_tel02.png") 0 0 no-repeat;background-size: 18px auto;}
.main_join_guide02 a {font-weight:normal;font-size: 12.5px;}
.main_join_guide02 a span {color: #205abb; font-weight: normal; font-size: 15px; letter-spacing: .6px;}