@charset "utf-8";
/* Bluewave Web Standard Team KKS 121022 */

html,body {width: 100%;}
/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0;box-sizing: border-box;}
/*body,input,textarea,select,button,table{font-family:'맑은 고딕',Malgun Gothic,'나눔고딕',NanumGothic,'돋움',dotum,AppleGothicsans-serif;font-size:14px;color:#666}*/
img,fieldset,iframe{border:0}
img{vertical-align:top}
li{list-style:none}
em,address{font-style:normal}
input,select,button{vertical-align:middle}

/* Common Add */
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type=text]{height:25px;padding:0 7px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;color:#464d61;line-height:2.2em}
input[type=text].readonly{;border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
input[type=text]:focus,select:focus{border:1px solid #ff7e00;background:#edf6fb;color:#464d61}
input[type=radio]{*width:13px;*height:13px}
select{height:27px;*margin-top:5px;padding:4px 4px 5px 4px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;line-height:1.5em;color:#464d61}
textarea{width:98%;padding:5px;border:1px solid #cfcfcf;line-height:1.5em}
table{/* border-collapse:collapse; */border-spacing:0;line-height:1.5em}
hr{display:none}

/* aline */
.fl{float:left}
.fr{float:right}
.overflow_h{overflow:hidden; zoom:1}
.ellipsis{display:inline-block;overflow:hidden;width:auto;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.tspace{letter-spacing:-1px}
.hspace{line-height:1.5em}
.fs11{font-size:.917em}
.fs10{font-size:.833em}
.ft_engtype{font-family:verdana}
.fs12_vd{font-size: 12px !important; vertical-align:middle;}

/* link */
a:link {color:#666;text-decoration:none}
a:visited,a:active,a:hover,a:focus{color:#666}

/* skip navigation */
#u_skip{position:relative;z-index:1000;margin-left:20px}
#u_skip a{position:absolute;top:-30px;left:0;width:128px;border:1px solid #4ec53d;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#000;letter-spacing:-1px}

/* radio & checkbox :: INPUT */
.checkBox { display: inline-block;}
.checkBox li,
span.checkBox { display: inline-block; vertical-align: middle; position: relative;}
.checkBox li { padding-right: 14px;}
/*.checkBox li:first-child { padding-left: 0;}*/
.checkBox label { cursor: pointer;}
.checkBox input[type="radio"],.checkBox input[type="checkbox"] { display: none;}
.checkBox input[type="radio"]+label { padding: 2px 0 2px 24px; background: url() no-repeat 0 0;}

.checkBox input[type="checkbox"]+label { padding: 2px 40px 2px 24px; background: url() no-repeat 0 0;}
.checkBox input[type="checkbox"]+label.on { background-image: url();}
.checkBox.right { float: right; padding-right: 4px;}
span.checkBox.right { padding-right: 18px;}

/* pager */
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper .bx-pager {text-align: center;font-size: 0;font-family: Arial;font-weight: bold;color: #666;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 12px;height: 12px; margin-left: 4px; background: url() no-repeat 0 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-position: 0 -12px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}

/* s_btn */
.s_btn { display: inline-block; margin-left: 4px; background: #a6a6a6; border-radius: 4px;}
.s_btn a { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 18px; padding: 8px 15px 10px; color: #fff;}

.wrap_btn { text-align: center; margin-top: 60px;}
.wrap_btn .s_btn a { display: inline-block; padding: 13px 25px 16px; border-radius: 4px; background: #ff7e00; font-size: 14px; line-height: 18px; font-weight: bold; color: #fff;}
.wrap_btn .s_btn:first-child { margin-left: 0;}

/* ETC */
.red_cor{ color: #ff0000;}
.org_cor { color: #ff7e00;}
.gr_cor { color: #969696;}

/* 보험료 계산 차트영역 */
.sub_section .article h3 { font-size: 24px; line-height: 27px; font-weight: bold; color: #363636; padding: 0 0 15px; text-align: left;}


/*.calcul {padding-bottom: 35px;}*/
.calcul.hide { display: none;}
.calcul .best:after { content: ""; display: block; width: 65px; height: 36px; position: absolute; right: -6px; top: -6px; background: url() no-repeat 0 0;}
.calcul .tit { display: block; padding-bottom: 15px; text-align: left; font-size: 16px; line-height: 20px; letter-spacing: -0.7px; color :#363636;}
.calcul > ul:after {content: "";display: block;clear: both;}
.calcul > ul > li { position: relative; float: left; width: 270px; padding: 23px 19px 20px; border: 1px solid #ccc;}
.calcul > ul > li .top_txt { overflow: hidden; padding-bottom: 20px; font-size: 18px; font-weight: bold; color: #363636; text-align: left;}
.calcul > ul > li .top_txt .money { width: 60%;color: #ff7e00; text-align: right;}
.calcul > ul > li .top_txt .topTxt { width: 100%; text-align: center;}
.calcul > ul > li .top_txt .topTxt .s_txt { display: block; font-size: 14px; font-weight: normal; color: #666; padding-top: 10px;}
.calcul > ul > li .top_txt > * { float: left; width: 40%;}
.calcul > ul > li dl { overflow: hidden; padding: 17px 0 14px; border-top: 1px solid #ccc;}
.calcul > ul > li dl dt { float: left; width: 60%; text-align: left; padding-bottom: 3px;letter-spacing: -0.7px;}
.calcul > ul > li dl dd { float: left; width: 40%; text-align: right; padding-bottom: 3px; font-weight: bold; color: #ff7e00;}
.calcul > ul > li dl dd.money02 { float: left; width: 40%; text-align: right; padding-bottom: 3px; color: #666; font-weight:normal !important; font-size:14px;}
.calcul > ul > li .wrap_btn { overflow: hidden; margin: 0;}
.calcul > ul > li .wrap_btn .s_btn {display: block; margin-bottom: 13px;}
.calcul > ul > li .wrap_btn .s_btn a {width:100%;padding: 12px 0 11px;font-size: 12px}
.calcul .list_btn li { float: left; margin: 0 0 0 7px; padding: 0; border: 0; width: auto;}
.calcul .list_btn li a { display: inline-block; font-size: 12px; padding: 3px 0 3px 20px;}
.calcul .list_btn li:first-child {margin: 0;}
.calcul .list_btn .list_btn1 a {background: url() no-repeat left 2px;}
.calcul .list_btn .list_btn2 a {background: url() no-repeat left 4px;}
.calcul .list_btn .list_btn3 a {background: url() no-repeat left 4px;}
.calcul.type1 > ul > li { height: 265px;}
.calcul.type1 > ul > li dt { width: 100%;}
.calcul.type2 > ul > li { height: 255px;}
.calcul.type2 > ul > li .top_txt { height: 70px;}
.calcul.type3 > ul > li { height: 345px;}
.calcul.type4 > ul > li { height: auto; padding-bottom: 20px;}
.calcul.type4 .wrap_btn { position: relative; bottom: 0;}
.calcul.type4 .list_btn li.list_btn1 { margin-bottom: 5px;}
.calcul.type4 .list_btn li.list_btn2 { clear: both; margin-left: 0; width: 50%;text-align: left;}

.article.graph { padding-bottom: 40px;}
.article.graph .type1 { padding: 28px; border: 1px solid #ccc; float: right; width: 850px; height: 365px;}
.article.graph .type1 .select_box { width: 100%;}
.article.graph .type1 .cont { margin: 10px 0 0;}



.loading_wrap {position: absolute; left: 50%;top: 50%;width: 400px;height: 200px;margin: -100px 0 0 -200px;padding: 50px 0 0;border: 1px solid #ff7e00;background: #fff;text-align: center;}
.loading_wrap img {display: inline-block;margin: 0 0 20px;}
.loading_wrap span {display: block;font-size: 12px;color: #666}