﻿body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,blockquote,strong,b{margin:0; padding:0;}
img,fieldset{border:0; vertical-align: middle;}
table{width:100%; border-collapse:collapse; border-spacing:0; font-family: "굴림"; font-size: 12px; color: #6f6f6f}
html,body{height:100%; font-size: 12px; color: #505050;}


ul, ol {list-style: none;}
ul, ol, dl, li, dt, dd {padding: 0; 	margin: 0;}
table, th, td {	padding: 0; border: 0;}
input[type=text], input[type=password], select, textarea {padding: 0; 	border: 1px solid #d3d3d3; vertical-align: middle;}
input[type=text], input[type=password] {padding: 0 5px; }
input[type=radio] {vertical-align: top; margin-top:5px;}
input[type=checkbox] {vertical-align: top; margin-top:5px;}
a { color: #5a5a5a; text-decoration: none; }

#wapper { min-width:1114px; margin: 0 auto; background:url(../images/bbg.jpg) center center repeat-y;}

#header { position:fixed; left:0; top:0; min-width:100%; background:url(../images/top_bg.jpg) no-repeat center 0; height:81px; z-index:1000;}
#header>div { position: relative; background:url(../images/top_center_bg.jpg) no-repeat center 0; height: 81px;margin: 0 auto; width: 1114px;}
#header .top_menu { float: left; margin-left:40px; width:570px;}
#header .top_menu ul li {  float: left; width:190px; height:74px; text-align:center; }
#header .top_menu ul li img { margin-top:20px; }
#header .top_tel { float: right; margin: 15px 80px;}

#cont {  background:url(../images/bg.png) no-repeat center 0; text-align: center;}
.visual {padding-top:81px;}

.product {padding:0;}
.product table {background:#cdcdcd; width:1038px; height:699px; margin:0 auto; }

.counsel {background:url(../images/img_4.jpg) no-repeat center 0; height:225px; width:960px; margin:0 auto; clear:both}
.counsel .counsel_left {float:left; width:350px; text-align:left; padding-top:88px; margin-left:140px;}
.counsel .counsel_left ul { padding-bottom: 10px; }
.counsel .counsel_left ul li a { padding-left: 100px; color:#ffffff; text-decoration:none;}
.counsel .counsel_left .writer,
.counsel .counsel_left .birth,
.counsel .counsel_left .phone { border: 0px; height: 30px; line-height: 30px; text-align:left; font-size:25px; border: 1px solid #888888;}
.counsel .counsel_left span.dash {vertical-align: bottom; display:inline-block; line-height: 30px; margin:0 3px;}
.counsel .counsel_left .counsel_btn{ float: left; margin: -138px 0 0 320px; }

.counsel .counsel_right {float:left; width:450px; padding-top:100px;}
.counsel .counsel_right p {text-align:center; vertical-align:middle; margin-top:8px;}
.counsel .counsel_right .foot_agree{ vertical-align: middle; margin: 0 0px 0 0;}

/* slide banner */
.banner {width:960px; height:370px; margin:0 auto; clear:both}
.award_bnr_wrap{ width: 960px; height: 370px; background: url("/images/bottom_bg.jpg") no-repeat; position: relative; margin-top: 30px; }
.banner_zone{ width: 648px; height: 114px;background: url("http://www.insu24.net/images/common/contents/bottom_brn_bg.png") no-repeat; position: absolute; padding-top: 9px; top: 222px; left: 25px; }

.banner_zone button { border: none; cursor: pointer; text-indent: -9999px; padding: 0; display: block; overflow: hidden; width: 28px; height: 28px; position: absolute; top:47px; }
.banner_zone button * {visibility:hidden }
.banner_zone .banner_prev {background: url("http://www.insu24.net/images/common/contents/bottom_bnr_left.jpg") no-repeat; left: 12px; }
.banner_zone .banner_next {background: url("http://www.insu24.net/images/common/contents/bottom_bnr_right.jpg") no-repeat; right: 13px; }

.banner_area { float:left; width: 563px; margin-left: 52px; }
.banner_area li { float:left; margin-right:5px; width: 132px; }
.banner_area li a{ display: block; margin-top: 5px; }

.copy {padding-top: 30px; height:50px;}

.s_tab_wrap { width:960px; margin:0 auto;}
.s_tab_con{ margin-top: 20px; }
.s_tab_tit_wrap li{ float: left; margin-right: 10px; }
.s_tab_tit_wrap h2{ font-family: "NanumGothic", "Nanum Gothic", "dotum"; font-size: 22px; font-weight: 600; letter-spacing: -0.06em; color: #147bbd; }
.s_tab_con table{ width: 100%; border-top: 2px solid #00b0ea; margin-top: 10px; }
.s_tab_con table th{ border-bottom: 1px solid #ccc; padding: 10px 0; }
.s_tab_con table td{ vertical-align: middle; text-align: center; border-bottom: 1px solid #ccc; padding: 20px 0; font-size: 11px; }
.s_tab_con table td strong{ font-size: 12px; display: block; margin-bottom: 10px; }
.s_tab_con table td a p{ line-height: 16px; padding-right: 5px; }
.s_tab_con table td > p{ margin-top: 10px; color: #777; }
.s_tab_con table td.s_tab_con_td{ text-align: left; padding-left: 20px; }
.s_tab_con_td > a{ display: block; }
.s_tab_con_td > a:hover{ text-decoration: underline; }
.s_tab_con table td dl{ display: block; margin-bottom: 5px; }
.s_tab_con table td dt{ width: 30px;  }
.s_tab_con table td dt span{ display: inline-block; width: 25px; height: 10px; padding: 2px 0; background: #118cdc; color: #fff; text-align: center; margin-top: -2px; }
.s_tab_con table td dt, .s_tab_con table td dd{ float: left; }
.s_tab_con table td dd{ width: 170px;  }
.s_tab_con_btn li{ display: block; margin-bottom: 5px; }

.clr{ *zoom: 1; }
.clr:after{content:"";clear:both;display:block}

.txtL{ text-align: left!important; }
.txtR{ text-align: right!important; }
.txtC{ text-align: center!important; }

.mr3 {margin-right: 3px;} 
.mr5 {margin-right: 5px;} 
.mr20 {margin-right: 20px;} 
.pt10 {padding-top: 10px;} 
.pt20 {padding-top: 20px;} 
.pt40 {padding-top: 40px;} 
.pb40 {padding-bottom: 40px;} 
.hcenter {text-align: center;}


/* 추천이유 팝업 (두개의 닫기버튼 공통) */ 
.popupArea {position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -165px; border:1px solid #888; display:none;z-index:400;}
h3.popPrivacyTit {float:none;border-top:4px solid #4168a1;padding:15px 20px !important;/*text-align:center;*/font:bold 14px "Malgun Gothic","맑은고딕","돋움",Dotum;background:#f3f3f3;color:#000;}
.popupArea p.text {padding:20px 20px 0;font:12px "Malgun Gothic","맑은고딕","돋움",Dotum;color:#000;}
.popupArea ul.whyList {padding:10px 20px;}
.popupArea ul.whyList li {padding:5px 0;font:12px "Malgun Gothic","맑은고딕","돋움",Dotum;color:#000;letter-spacing:-1px;}
p.bpClose {text-align:center;padding:10px 0 20px;}
p.bpClose a {display:inline-block;width:60px;text-align:center;padding:5px 0;border:1px solid #ccc;font:12px "Malgun Gothic","맑은고딕";}


/* 개인정보 자세히보기 팝업 */
.popupArea.privacyPop {width:700px; height:500px; background:#fff;z-index:9999999; overflow:auto;}
.pop_con{ position: fixed; left: 50%; top: 50%; background-color: #fff; z-index: 1001; display: none; border-radius: 10px; }
.pop_bg{ background: url("http://www.insu24.net/images/common/popup/pop_bg.png"); width: 100%; height: 100%; position: fixed; z-index: 1000; display: none; }
.popTit{ height: 40px; background: url("http://www.insu24.net/images/common/popup/pop_tit_bg.png") left center repeat-x; line-height: 40px; color: #ff0; padding-left: 20px; font-family: "NanumGothic", "Nanum Gothic", "dotum"; font-size: 16px; font-weight: 600; border-radius: 10px 10px 0 0; }
.pop_close{ cursor: pointer; color: #fff; font-weight: bold; position: absolute; height: 40px; top: 0px; right: 20px; z-index: 1; line-height: 40px; }


.pop_simsa{ width: 380px; height: 480px; margin-left: -190px; margin-top: -240px; }
