@charset "utf-8";

/*
  작성자:            dmp
 최초작성일:   2016.01.04
  */

@font-face {
    font-family: 'nanum-barun-gothic-light';
    src: url('../font/nanumbarungothiclight.eot');
    src: url('../font/nanumbarungothiclight.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothiclight.woff2') format('woff2'),
         url('../font/nanumbarungothiclight.woff') format('woff'),
         url('../font/nanumbarungothiclight.ttf') format('truetype'),
         url('../font/nanumbarungothiclight.svg#nanum-barun-gothic-light') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*@font-face {
    font-family: 'nanum-barun-gothic-ultralight';
    src: url('../font/nanumbarungothicultralight.eot');
    src: url('../font/nanumbarungothicultralight.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicultralight.woff2') format('woff2'),
         url('../font/nanumbarungothicultralight.woff') format('woff'),
         url('../font/nanumbarungothicultralight.ttf') format('truetype'),
         url('../font/nanumbarungothicultralight.svg#nanum-barun-gothic-ultralight') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'nanum-barun-gothic-regular';
    src: url('../font/nanumbarungothicregular.eot');
    src: url('../font/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicregular.woff2') format('woff2'),
         url('../font/nanumbarungothicregular.woff') format('woff'),
         url('../font/nanumbarungothicregular.ttf') format('truetype'),
         url('../font/nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanum-barun-gothic-bold';
    src: url('../font/nanumbarungothicbold.eot');
    src: url('../font/nanumbarungothicbold.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicbold.woff2') format('woff2'),
         url('../font/nanumbarungothicbold.woff') format('woff'),
         url('../font/nanumbarungothicbold.ttf') format('truetype'),
         url('../font/nanumbarungothicbold.svg#nanum-barun-gothic-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*@font-face {
    font-family:'aritadm';
    src: url('../font/AritaDotumMedium.eot');
    src: local(※), url('../font/AritaDotumMedium.eot?#iefix') format('embedded-opentype'),
         url('../font/AritaDotumMedium.woff') format('woff'),
         url('../font/AritaDotumMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {
    font-family:'aritadl';
    src: url('../font/AritaDotumLight.eot');
    src: local(※), url('../font/AritaDotumLight.eot?#iefix') format('embedded-opentype'),
         url('../font/AritaDotumLight.woff') format('woff'),
         url('../font/AritaDotumLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'aritasm';
    src: url('../font/AritaSansMedium.eot');
    src: local(※), url('../font/AritaSansMedium.eot?#iefix') format('embedded-opentype'),
         url('../font/AritaSansMedium.woff') format('woff'),
         url('../font/AritaSansMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {
    font-family:'aritadsb';
    src: url('../font/AritaDotumSemiBold.eot');
    src: local(※), url('../font/AritaDotumSemiBold.eot?#iefix') format('embedded-opentype'),
         url('../font/AritaDotumSemiBold.woff') format('woff'),
         url('../font/AritaDotumSemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/



/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family:'nanum-barun-gothic-regular','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;

}



.nanum-barun-gothic-bold { font-family:nanum-barun-gothic-bold !important; }
.nanum-barun-gothic-regular { font-family:nanum-barun-gothic-regular !important;  }
.nanum-barun-gothic-light { font-family:nanum-barun-gothic-light !important;  }
.nanum-barun-gothic-ultralight { font-family:nanum-barun-gothic-ultralight !important;  }

.hide_txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}

 /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/
body{-webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll;  font-size:17px; line-height: 28px; color:#475359;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
}
strong,b{font-family:"nanum-barun-gothic-bold";}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;outline:none;}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}


/* link */
a{text-decoration:none; color: #475359;}
a:hover{color:#333}

/* skip navigation */
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/*// lst_thmb*/

/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */


/* 익스 업데이트 페이지 */
#wrap{position: relative;}
#wrapper_ieUp{ text-align: center; }
.ieUpArea{  width: 600px; text-align: left; margin:150px auto;}

.ieUpArea .error_cont{   *zoom:1; border-style: solid; border-color: #3a3a3a; border-width:2px 0 1px;  padding: 40px 0 30px;}
.ieUpArea .error_cont:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }

.ieUpArea .error_cont .error_img{ float: left; }
.ieUpArea .error_cont .cont{ margin-left: 170px; line-height: 20px; }
.ieUpArea .error_cont .cont h2{ font-size: 1.2em; margin-bottom: 20px; }
.ieUpArea .error_cont .cont .btns{ margin-top: 20px;}
.ieUpArea .error_footer{ margin-top: 10px;  }
/* //익스 업데이트 페이지 */

/*모바일 공용처리*/
.br_m{display: none;}
/*// 모바일 공용처리*/


.bar_terms{ background-color: #15b8c9; height: 52px; border-radius:52px; position: relative; behavior: url(/css/PIE.htc);}
.bar_terms .t1{position: relative; color: #fff; padding-left: 40px;padding-top: 18px;margin-right: 218px;font-size: 16px; line-height: 20px;}
.bar_terms .subt{position:absolute;right:0;top:50%}
.bar_terms .t1:after{display: block; position: absolute;left: 20px; top: 25px; width: 9px; height: 3px; background-color: #fff; content:""; }
.bar_terms .btns{position: absolute;right: 7px;top: 6px;}
.bar_terms .btns .btn1{margin-left: 1px; display: inline-block; *display: inline; *zoom: 1; width: 98px; height: 40px; line-height: 42px; background-color: #fff; color: #0dacbd; text-align: center; border-radius: 40px; font-family:"nanum-barun-gothic-bold"; behavior: url(/css/PIE.htc);}

.bar_terms.ty1_1{background-color: #01c1d6;}
.bar_terms.ty1_1 .btns .btn1{color: #01c1d6;}
.bar_terms.ty1_2{background-color: #ffb617;}
.bar_terms.ty1_2 .btns .btn1{color: #ffb617;}
.bar_terms.ty1_3{background-color: #ff0198;}
.bar_terms.ty1_3 .btns .btn1{color: #ff0198;}

.bar_terms.ty2_1{background-color: #70c500;}
.bar_terms.ty2_1 .btns .btn1{color: #70c500;}
.bar_terms.ty2_2{background-color: #ff6600;}
.bar_terms.ty2_2 .btns .btn1{color: #ff6600;}
.bar_terms.ty2_3{background-color: #7d27c5;}
.bar_terms.ty2_3 .btns .btn1{color: #7d27c5;}
.bar_terms.ty2_4{background-color: #4b4e53;}
.bar_terms.ty2_4 .btns .btn1{color: #4b4e53;}

.bar_terms.ty3_1{background-color: #150f96;}
.bar_terms.ty3_1 .btns .btn1{color: #150f96;}
.bar_terms.ty3_2{background-color: #f1352b;}
.bar_terms.ty3_2 .btns .btn1{color: #f1352b;}

.bar_terms.ty4_1{background-color: #afafaf;}
.bar_terms.ty4_1 .btns .btn1{color: #afafaf;}
.bar_terms.ty4_2{background-color: #afafaf;}
.bar_terms.ty4_2 .btns .btn1{color: #afafaf;}
.bar_terms.ty4_3{background-color: #afafaf;}
.bar_terms.ty4_3 .btns .btn1{color: #afafaf;}


#topChubbBanner{background-color: #01c1d6; color: #fff; position: relative; width:100%; overflow: hidden;}
#topChubbBanner .viewport{position: relative; left: 0; top: 0; margin-top: -50px;}
#topChubbBanner .after{ height: 50px; display: block;}
#topChubbBanner .after .inner{width: 1100px; height: 50px; line-height: 50px; margin-left: auto; margin-right: auto; position: relative;}
#topChubbBanner .after .inner .t1{font-size: 15px;  font-family:"nanum-barun-gothic-light";}
#topChubbBanner .after .inner .btn_ty1{position: absolute; right: 0; top: 10px; height: 26px; line-height: 26px;}

#topChubbBanner .before{display: block;}
#topChubbBanner .before .inner{width: 1100px; height: 290px; margin-left: auto; margin-right: auto; position: relative;}
#topChubbBanner .before .inner > .t1{padding-top: 30px; font-size: 28px; line-height: 32px; font-family:"nanum-barun-gothic-light";}
#topChubbBanner .before .mid{padding: 40px; position: absolute; left: 0; bottom: 0; width: 3000px; background-color: #6e27c5;}
#topChubbBanner .before .btns{margin-top: 30px;}
#topChubbBanner .before .mid .t2{font-size: 15px; line-height: 23px; font-weight: normal; letter-spacing: 1px; font-family:"nanum-barun-gothic-light";}
#topChubbBanner .btn_ty1{display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 40px; line-height: 40px; border: 2px solid #fff; color: #fff; text-align: center; font-size: 14px;}
#topChubbBanner .btn_ty2{display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 40px; line-height: 40px; color: #fff; text-decoration: underline; text-align: center; font-size: 14px;}

#topChubbBanner.type1{background-color: #01c1d6;}
#topChubbBanner.type1 .before .mid{background-color: #6e27c5;}

#topChubbBanner.type2{background-color: #ff6600;}
#topChubbBanner.type2 .before .mid{background-color: #01c1d6;}

#topChubbBanner.type3{background-color: #6e27c5;}
#topChubbBanner.type3 .before .mid{background-color: #f1352a;}

#topChubbBanner.type4{background-color: #ff0198;}
#topChubbBanner.type4 .before .mid{background-color: #150f97;}

#topChubbBanner.open{height: 50px;}
#topChubbBanner.open .viewport{margin-top: 0;}

/* #popup 에서 .popup 으로 변경*/

.popup  { display: none;  width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200;
  background-color: rgba(0, 0, 0, 0.7);  /* 이미지 없음 background-image: url(trg.png); */
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";

  }

.popup:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.ml8{margin-left: 7px;}

.popup.onC > .inner{position: absolute; left: 50%; top: 50%; width: 1100px; height: 530px; padding-top: 20px; margin-left: -550px; margin-top: -290px;  background-color: #fff; border-radius:14px; behavior: url(/css/PIE.htc); }
.popup.onC > .inner .close{position: absolute; right: 29px; top: 24px; width: 53px; height: 53px; background: url(../images/main/bg_close0.png) 0 0 no-repeat; text-indent: -9999px; z-index: 5; display: block; overflow: hidden;}
.popup.onC > .inner .close > span{position: absolute; left: 0; top: 0; display: block; width: 53px; height: 53px;  background: url(../images/main/img_close1.png) 0 0 no-repeat; }
.popup.onC .logo{padding-left: 30px; margin-bottom: 0; }


.popup.type2 > .inner{position: absolute; left: 50%; top: 50%; width: 500px; height: 640px; padding-top: 0; margin-left: -250px; margin-top: -310px;  }
/* .popup.type2.mPrivacy2  > .inner{height: 750px;margin-top:-310px} */
.popup.type2.Calculation > .inner{width: 800px; margin-left: -400px;height: 600px;margin-top: -300px;}
.popup.type2.Calculation > .inner .cont{height:500px; padding:10px 40px;}
.popup.type2.Calculation .cont .mid{border-width: 0;height: 377px;overflow-y: scroll;}
.popup.type2 > .inner .close{position: absolute; right: 0; top: 0; width: 53px; height: 53px; text-indent: -9999px; overflow: hidden; }
.popup.type2 > .inner .close > span{position: absolute; left: 0; top: 0; display: block; width: 53px; height: 53px;  background: url(../images/main/img_close1.png) 0 0 no-repeat; }
.popup.type2 > .inner .img{position: relative; }
.popup.type2 > .inner .img .ovr{position: absolute; right: 40px; top: 187px; opacity: 0; cursor:pointer;}

/*개인정보수집 이용동의*/

.popup.type2 > .inner .close{right: 20px;top: 13px;}
.popup.type2 > .inner .btns .close{position: static; right: 0; top: 0; width: auto; height: auto; text-indent: 0; }


.popup.type2 .cont .mid{padding: 20px 15px; margin-bottom: 20px; border-style: solid; border-color: #475359; border-width: 2px 0;  font-size: 16px; line-height: 26px;}

.popup.type2.mPrivacy1 .cont .mid, .popup.type2.mPrivacy2 .cont .mid{height:97px;overflow:auto;}
/* .popup.type2.mPrivacy2 .cont .mid{height:288px;overflow:auto;} */


.popup.type2 > .inner .cont{ height: 479px; padding: 40px;  border-radius: 0 0 22px 22px; background-color: #fff; font-size: 13px; line-height: 20px; behavior: url(/css/PIE.htc); overflow: hidden;}
/* .popup.type2.mPrivacy2 > .inner .cont{ height: 500px;} */

.popup.type2 > .inner h1{ background-color: #475359; padding: 30px 40px 21px; border-radius: 22px 22px 0 0; behavior: url(/css/PIE.htc);  color: #fff; font-size: 24px; line-height: 28px; color: #fff; font-weight: normal;}

.popup.type2 > .inner .cont .t2{padding-left: 15px; position: relative; padding-left: 30px;}
.popup.type2 > .inner .cont .t2 .du{position: absolute; left: 10px; top: 0;}
.popup.type2 > .inner .cont .t0{font-size: 15px; line-height: 18px;     }
.popup.type2 > .inner .cont .mb{margin-bottom: 10px;}
.popup.type2 > .inner .cont .mb2{margin-bottom: 20px;}

.popup.type2 .cont h2{ margin-bottom: 5px; font-weight: normal; font-family:"nanum-barun-gothic-bold"; font-size: 24px;  line-height: 28px; color: #475359;}
.popup.type2 .cont h3{ margin-bottom: 0; font-weight: normal; font-family:"nanum-barun-gothic-bold"; font-size: 16px;  line-height: 26px; color: #0aaebf;}

.popup.type2 .cont .btns{text-align: center; margin-top: 20px;}

.cal_sub{text-align: center;}
.bx-controls {display: none; width: 100%; height: 0; }
#spot.main .bx-controls {display: block; position: absolute; left: 0; top: 0; z-index: 100;}
#spot.main .bx-pager,
#spot.main .bx-controls-direction
{display: none;}
#spot.main .bx-controls-auto{position: absolute; left: 50%;top: 460px; margin-left: -548px;}
#spot.main .bx-controls-auto:after{position: absolute;left: 20px;top: 18px; width: 1px; height: 15px; background: url(../images/common/bg_line.png) 0 0 no-repeat; content:"";}
#spot.main .bx-controls-auto .bx-controls-auto-item{display: inline-block; *display: inline; *zoom: 1; font-size: 0; line-height: 0;}
#spot.main .bx-controls-auto .bx-controls-auto-item a{display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; }
#spot.main .bx-controls-auto .bx-controls-auto-item a.bx-start{background: url(../images/common/btn_play_off.png) 0 0 no-repeat; margin-right: 15px; }
#spot.main .bx-controls-auto .bx-controls-auto-item a.bx-stop{background: url(../images/common/btn_stop_off.png) 0 0 no-repeat; }
#spot.main .bx-controls-auto .bx-controls-auto-item a.bx-start.active{background: url(../images/common/btn_play_on.png) 0 0 no-repeat; }
#spot.main .bx-controls-auto .bx-controls-auto-item a.bx-stop.active{background: url(../images/common/btn_stop_on.png) 0 0 no-repeat; }

.inp_chk,.inp_radio{ position: absolute; left:0; top: 0; visibility: hidden; height: 0; width: 0;  }
.chceckDes{ cursor:pointer; padding-left: 30px;height: 24px; background: url(../images/common/btn_checkbox_off.png) 0 3px no-repeat; display: inline-block; *display: inline; *zoom: 1; color: #3e3e3e;}
.chceckDes.on{background: url(../images/common/btn_checkbox_on.png) 0 3px no-repeat;}

.radioDes{ cursor:pointer; padding-left: 24px; min-height: 16px; background: url(../images/common/bg_radio_off.png) 1px 5px no-repeat; display: inline-block; *display: inline; *zoom: 1; color: #3e3e3e;}
.radioDes.on{background: url(../images/common/bg_radio_on.png) 1px 5px no-repeat;}

#onet .chceckDes{ cursor:pointer;margin-top:8px;padding-left: 30px;height: 24px; background: url(../images/common/btn_checkbox_off.png) 0 3px no-repeat; display: inline-block; *display: inline; *zoom: 1; font-size: 16px; color: #ffffff;}
#onet .chceckDes.on{background: url(../images/common/btn_checkbox_on.png) 0 3px no-repeat;}


ul.lst_radio > li{display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; }
ul.lst_radio > li:first-child{margin-top: 0;}

.topRgh{position: fixed; left: 50%; top: 50%; width: 26px; text-align: center; background: url(../images/common/btn_top.png) 50% 0 no-repeat;padding-top: 23px;font-size: 11px; color: #414602; font-weight: bold;margin-left: 580px;margin-top: 95px; z-index: 85;}

.box_exp{min-height: 65px; position: relative; padding: 24px 24px 22px 156px; border-style: solid;border-width: 1px;border-color: #f0f0f0; background-color: #f9f9fc; font-weight: normal; font-size: 15px; line-height: 20px; position: relative;}
.box_exp:after{ position: absolute;left: 75px;top: 30px;  background: url(../images/common/ico_common.png) -245px -312px no-repeat;width: 54px; height: 54px; content:"";}
.box_exp .cont{position: relative; padding-left: 24px;}
.box_exp .cont:after{position: absolute; left: 0; top: 0; width: 1px; height: 64px; background-color: #f0f0f0; content:"";}
.box_exp h2{ margin-bottom: 5px;font-size: 17px; line-height: 25px; font-weight: normal; font-family:"nanum-barun-gothic-bold";}

.box_exp2{position: relative; padding:22px; border-style: solid;border-width: 1px;border-color: #f0f0f0; background-color: #f9f9fc; font-weight: normal; font-size: 15px; line-height: 20px; position: relative;}
.box_exp2 .du{position: absolute; left: 0; top: 0;}
.box_exp2 .cont{position: relative; padding-left: 24px;}
.box_exp2 > p{margin-top: 9px;}
.box_exp2 > p:first-child{margin-top: 0;}


/* fakeselect */
select{font-size:11px;color:#666}
/* select box title */
/* span.selectbox_title{padding: 9px 13px;border:1px solid #eee;background:#FFF url(../images/common/bu_select.gif) no-repeat 92% 15px;*background:#FFF url(../images/common/bu_select.gif) no-repeat 92% 19px;text-align:left} */
span.selectbox_title{padding: 9px 13px;border:1px solid #eee;background:#FFF no-repeat 92% 15px;*background:#FFF no-repeat 92% 19px;text-align:left}
span.selectbox_title strong{display:block;overflow:hidden;position:relative;width:100%;height:1em;padding:1px 0 2px;*padding:2px 0 5px;font-weight:normal;font-size:14px;line-height:14px;color:#7e7e7e;word-break:break-all}
span.selectbox_title_focus{border-color:#333}
span.selectbox_title_focus strong{color:#000}
span.selectbox_title_disabled{background-color:#EEE}
span.selectbox_title_disabled strong{color:#999}
/* select box option */
div.selectbox_option{overflow:hidden;padding:0 0 10px;border:1px solid #999;background:#FFF}
div.selectbox_option li{list-style:none}
div.selectbox_option a{display:block;overflow:hidden;height:1em;padding:5px;_padding:5px;font-size:13px;line-height:1.4em;color:#888;text-decoration:none;word-break:break-all}
div.selectbox_option a.on,div.selectbox_option a:hover{background:#fff;color:#000}
/* select box multiple */
span.selectbox_multiple{display:inline-block;overflow:hidden;border:1px solid;border-color:#999;background:#FFF}
span.selectbox_multiple ul li{display:block;overflow:hidden;height:1em;padding:1px 3px 4px;_padding:2px 3px 3px;font-size:11px;line-height:1.4em;color:#666;word-break:break-all}
span.selectbox_multiple ul li.on{background:#CCC;color:#000}
span.selectbox_multiple_focus{border-color:#333}
span.selectbox_multiple_focus ul li.on{background:#BBB;color:#000}
span.selectbox_multiple_disabled{background-color:#EEE}
span.selectbox_multiple_disabled ul li{color:#999}

span.selectbox_title.seach1{min-width: 80px; margin-right: 5px;}
div.selectbox_option.seach1{min-width: 106px;}

span.selectbox_title.search2{min-width: 70px; margin-left: 5px;}
div.selectbox_option.search2{min-width: 96px;}


/* //fakeselect */

#calculator_ins{width: 301px;}
#calculator_ins .step2{min-height: 220px; color: #fff;}
#calculator_ins .step2 .top{padding: 15px 0; border-style: solid; border-width:1px 0; border-color: #a5a7a9; font-size: 23px; line-height: 30px;}
#calculator_ins .step2 .mid{padding: 12px 0; position: relative;}
#calculator_ins .step2 .mid .h_month{font-size: 14px; }
#calculator_ins .step2 .mid .h_san{position: absolute; right: 0; top: 12px; font-size: 14px; }
#calculator_ins .step2 .mid .h_san a{color: #fff;}
#calculator_ins .step2 .mid .p_user{font-size: 50px; line-height: 60px; text-align: center; font-family:"nanum-barun-gothic-bold'"; }

#calculator_ins > .inner{padding: 18px 27px 17px;  background-color: #45474c;}
#calculator_ins h1{margin-bottom: 13px;}
#calculator_ins .notel{ margin-bottom: 13px; position: relative; padding-left: 40px; color: #8c8e91; font-size: 13px; line-height: 18px; }
#calculator_ins .notel:after{position: absolute; left: 0; top: 2px; width: 32px; height: 32px; background: url(../images/common/ico_common.png)  -51px -8px no-repeat; content:""; }
#calculator_ins .lst_radio{margin-bottom: 5px;}
#calculator_ins .radioDes{font-size: 14px; color: #fff;}
#calculator_ins .chceckDes{font-size: 14px; color: #b7b8ba;}
.event_health2 #calculator_ins > .inner {background:#4b4e53}

#calculator_ins span.selectbox_title{min-width: 219px; margin-bottom: 4px; padding: 9px 13px;border:1px solid #a5a7a9; background:#45474c url(../images/common/bu_arr3.jpg) no-repeat 92% 14px;text-align:left;}
#calculator_ins span.selectbox_title strong{width: 88%; font-size:17px;line-height:22px;color:#fff; font-family:"nanum-barun-gothic-regular";}
div.selectbox_option.selectCalculator1,div.selectbox_option.selectCalculator2{ overflow:hidden;padding: 0 0 0;border-width: 0px 1px 1px; border-color: #A5A7A9; border-style: solid; background: #4B4E53;min-width: 245px;margin-top: -1px;}
div.selectbox_option.selectCalculator1 .scroll,div.selectbox_option.selectCalculator2 .scroll{padding: 2px 9px;}
div.selectbox_option.selectCalculator1 .scroll{height: 280px !important;}
div.selectbox_option.selectCalculator1 a.on,div.selectbox_option.selectCalculator1 a:hover,div.selectbox_option.selectCalculator2 a.on,div.selectbox_option.selectCalculator2 a:hover{background:#4B4E53;color:#fff}
div.selectbox_option.selectCalculator1 a{font-size:14px; margin-top: 2px; color: #fff;}
#calculator_ins .btns{margin-top: 10px; font-size: 0; line-height: 0; text-align: center; }

#calculator_ins .c_ban,#calculator_ins .bg_bot{font-size: 0;line-height: 0;}
#calculator_ins .name{padding-top: 10px; }
#calculator_ins .tel{margin-top: 10px; margin-bottom: 17px;}
#calculator_ins .input-ty1 h2{font-size: 14px; line-height: 20px; color: #fff;margin-bottom: 5px; font-weight: normal;}
#calculator_ins .input-ty1 span{ color: #fff; display: inline-block; *display: inline;*zoom: 1;vertical-align: middle; margin: 0 2px;}
#calculator_ins .input-ty1 input{height: 39px; line-height: 39px; border: 1px solid #a5a7a9; background-color: #4b4e53; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; text-align: center; color: #fff; font-size: 17px; padding: 0 10px; font-family:"nanum-barun-gothic-regular";}
#calculator_ins .name input{width: 247px; text-align: left;}
#calculator_ins .tel input{width: 69px;}
#calculator_ins .tel input.tel1{width: 65px;}

#calculator_ins .select.s2 input,
.calculator_sub #calculator_ins .inner .select.s2 input{
    width: 247px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #a5a7a9;
    background-color: #45474c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 17px;
    vertical-align: 2px;
    text-align: left;
}
.calculator_sub #calculator_ins .inner .select.s2 input{width: 147px;}

#calculator_ins .select.s2{margin-bottom: 8px;}

#spot #calculator_ins .banner .main{display: block;}
#spot #calculator_ins .banner .sub{display: none;}
#spot #calculator_ins h1 .t1{display: none;}
#calculator_ins .step2 .mid .money{color: #fff692; font-family: 'Open Sans', sans-serif; font-weight: 700;}
#calculator_ins .step2 .mid .won{font-size: 35px;vertical-align: middle;margin-left: 5px;}

/*20170926 pc페이지관련하여 소스 수정*/ 
#calculator_ins .step2 .mid1 .money{font-size: 25px; color: #fff692; font-family: 'Open Sans', sans-serif; font-weight: 700;  margin-top:0;}
#calculator_ins .step2 .mid1 .won{font-size: 25px;vertical-align: middle;margin-left: 5px; margin-top:0;}
#calculator_ins .step2 .mid1{padding: 0px 0; position: relative;}


/*보험료 계산기 서브페이지*/
.calculator_sub{width: 100%; height: 170px; }
.calculator_sub .cal_pos{position: fixed; left: 50%; bottom: 0; width: 1100px; margin-left: -550px;  background-color: #45474c;  z-index: 100;}
.calculator_sub .cal_pos .btn_du{position: absolute; left: 50%; top: -16px; margin-left: -16px; z-index: 10;}
.calculator_sub .cal_pos .hide_cal{padding: 12px 30px 8px; height: 30px;}
.calculator_sub .cal_pos .hide_cal h1 .t1{display: inline-block; *display: inline; *zoom: 1; color: #c1c6c7; font-size: 12px; line-height: 18px; font-weight: normal; vertical-align:4px; }

.calculator_sub #calculator_ins{position: relative; width: 1100px; display: none;}

.calculator_sub #calculator_ins .inner{width: 725px;  padding: 28px 41px 27px; position: relative;}
.calculator_sub #calculator_ins .inner h1 .t1{display: inline-block; *display: inline; *zoom: 1; color: #c1c6c7; font-size: 12px; line-height: 18px; font-weight: normal;  }
.calculator_sub #calculator_ins .inner h1 .t1 br{display: none;}
.calculator_sub #calculator_ins .inner .notel{display: none !important;}
.calculator_sub #calculator_ins .inner .select.s1,
.calculator_sub #calculator_ins .inner .select.s2,
.calculator_sub #calculator_ins .inner .lst_radio.s1
{display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; text-align: left;}
.calculator_sub #calculator_ins .inner .select.s1{width: 205px; margin-left: 0;}

.calculator_sub #calculator_ins span.selectbox_title{width: 177px !important; min-width: 139px;}
.calculator_sub #calculator_ins .inner .lst_radio.s1{margin-left: 10px;}

#calculator_ins .inner .select.s2 input::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

#calculator_ins .inner .select.s2 input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

#calculator_ins .inner .select.s2 input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

#calculator_ins .inner .select.s2 input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

#calculator_ins .inner .select.s2 input::-ms-input-placeholder { /* Edge */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

#calculator_ins .inner .select.s2 input:placeholder-shown { /* Standard one last! */
  color: #fff;
  font-family: "nanum-barun-gothic-regular";
  font-size: 17px;
}

.calculator_sub #calculator_ins .name,
.calculator_sub #calculator_ins .tel
{padding-top: 10px; display: inline-block; *display: inline; *zoom: 1; }
.calculator_sub #calculator_ins .tel{margin-left: 9px; }
.calculator_sub #calculator_ins .inner .box_check br{display: none;}
.calculator_sub #calculator_ins .inner .btns{position: absolute; right: 39px;top: 61px;}
.calculator_sub #calculator_ins .inner .chceckDes{margin-right: 10px;}
.calculator_sub #calculator_ins .banner .main{display: none;}
.calculator_sub #calculator_ins .banner .sub{display: block;}
.calculator_sub #calculator_ins .banner{position: absolute; right: 0; top: 0; width: 301px; height: 100%; background-color: #60be44;}


.calculator_sub  #calculator_ins .step2 .mid .p_user{text-align: left;}

.calculator_sub #calculator_ins .inner .btns.complete{position: absolute; top:inherit; bottom: 59px;}

.calculator_sub.open .cal_pos .hide_cal{display: none;}
.calculator_sub.open .cal_pos #calculator_ins{display: block;}


/*.calculator_sub.type2 .cal_pos{background-color: #9c9795; background-image: url(../images/common/bg_travel_ban.jpg);}*/
.calculator_sub.type2 .cal_pos{background-color: #9c9795; background-image: url(../images/common/bg_travel_ban_02.jpg);}
.calculator_sub.type2 .cal_pos .hide_cal h1{line-height:24px; padding-top:8px}
.calculator_sub.type2 .cal_pos .hide_cal h1 .t1{color: #ffffff; font-size: 16px; line-height: 24px;}
.calculator_sub.type2 .cal_pos .hide_cal h1 .t1 .pt1{color: #fff692;}
.calculator_sub.type2 .cal_pos .hide_cal h1 .t1 .pt2{color: #bef9ff;}

.calculator_sub.type2 .cal_pos .hide_cal{display: block; padding: 0 0 8px 60px; height:24px;}
.calculator_sub.type2 .cal_pos #ban_travel_bot{display: none;}
.calculator_sub.type2.open .cal_pos .hide_cal{display: none;}
.calculator_sub.type2.open .cal_pos #ban_travel_bot{display: block;}

.calculator_sub.type2  #ban_travel_bot .rgh_group{float: right; width: 275px; }
.calculator_sub.type2  #ban_travel_bot .lft_group{float: left; width: 825px; }
/*.calculator_sub.type2  #ban_travel_bot .lft_group .inner{padding-top: 31px; text-align: center;}*/
.calculator_sub.type2  #ban_travel_bot .lft_group .inner{padding: 25px 0 0 60px}
/*.calculator_sub.type2  #ban_travel_bot .lft_group .inner p{margin-bottom: 10px; color: #fff;font-size: 18px;line-height: 40px;}*/
.calculator_sub.type2  #ban_travel_bot .lft_group .inner p{display:inline-block; color: #fff;font-size: 16px;line-height: 24px;}
.calculator_sub.type2  #ban_travel_bot .lft_group .inner p .pt1{color: #fff692;}
.calculator_sub.type2  #ban_travel_bot .lft_group .inner p .pt2{position: relative; padding-left: 20px; margin-left: 5px;}
.calculator_sub.type2  #ban_travel_bot .lft_group .inner p .pt3{color: #bef9ff;}
/*.calculator_sub.type2  #ban_travel_bot .lft_group .inner p .pt2:after{width: 16px; height: 16px; position: absolute; left: 0; top: 2px; background: url(../images/common/ico_common.png) no-repeat -120px -66px; content:"";}*/
.calculator_sub.type2  #ban_travel_bot .lft_group .inner .btns a{ margin: 0 2px; }



    #onet{background: #fff url(../images/oneclick/bg1.jpg) 0 100% repeat-x; position: absolute; left: 0;/* top:145px; */ width: 100%; height: 0; overflow: hidden; z-index: 86;}

    #onet > .inner{padding-top: 65px; position: relative; height: 442px; margin-top: -587px; text-align: center;}
    #onet > .inner h1.logo{position: absolute; left: 50%; top: 24px; width: 240px; height: 42px;margin-left: -536px; overflow: hidden;}
    #onet > .inner .close{position: absolute; left: 50%; top: 20px; width: 53px; height: 53px; margin-left: 467px; background: url(../images/main/bg_close0.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
    #onet > .inner .close > span{position: absolute; left: 0; top: 0; display: block; width: 53px; height: 53px;  background: url(../images/main/img_close1.png) 0 0 no-repeat; }

    #allmenu{position: absolute; left: 0; top:145px; width: 100%; height: 0; overflow: hidden; z-index: 86; background-color: #fff;}
    #allmenu .bdt{ border-top: 2px solid #60c243;}
    #allmenu .banner{width: 100%; text-align: center; background-color: #4b4e53;}
    #allmenu .banner a{cursor: default;}
    #allmenu .inner{width: 1100px; margin-left: auto; margin-right: auto; height: 277px; margin-top: -360px; }
    #allmenu .menu:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
    #allmenu .menu .mm{width: 243px;height: 272px;  float: left;border-width: 0 1px 0 0; border-style: solid; border-color: #e5e5e5;}
    #allmenu .menu .mm.m1{width: 305px; border-width: 0 1px 0 1px;}
    #allmenu .menu .mm.m2{width: 300px;}
    #allmenu .menu .mm.m4{width: 246px;}
    #allmenu .menu .mm dl{padding: 33px 15px 0 21px;}
    #allmenu .menu .mm dl dt{margin-bottom: 25px;}
    #allmenu .menu .mm dl a{font-size: 15px; line-height: 26px;}
    #allmenu .menu .mm dl a:hover{color: #000;}
    #allmenu .menu .mm dl li.on a{font-weight: bold;}
    .inner_cma{width: 1100px; margin-left: auto; margin-right: auto; position: relative;}

    #spot{height: 517px; position: relative;margin-bottom: 35px;}
    #spot .inner_cma .ban1{position: absolute; right: 0; top: 40px;}
    #spot .inner_cma .ban2{width: 122px; height: 122px; position: absolute; right: -142px; top: 40px;}
    #spot .tab{position: absolute;left: 0; top: 63px;}
    #spot .tab > ul > li{ float: left; position: relative;}
    #spot .tab > ul > li.n1,
    #spot .tab > ul > li.n1 > a{width: 131px;}
    #spot .tab > ul > li.n2,
    #spot .tab > ul > li.n2 > a{width: 127px;}
    #spot .tab > ul > li.n3,
    #spot .tab > ul > li.n3 > a{width: 117px;}
    #spot .tab > ul > li.n4,
    #spot .tab > ul > li.n4 > a{width: 116px;}
    #spot .tab > ul > li.n5,
    #spot .tab > ul > li.n5 > a{width: 171px;}
    #spot .tab > ul > li.n6,
    #spot .tab > ul > li.n6 > a{width: 98px;}
    #spot .tab > ul > li:after{ width: 1px; height: 22px; position: absolute; left: 0; top: 0; background-color: #fff; opacity: 0.3; content:"";}
    #spot .tab > ul > li > a{position: relative; display: block; width: 180px; height: 39px; background-position: 15px 0; background-repeat: no-repeat; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease;}
    #spot .tab > ul > li:first-child > a{}
    #spot .tab > ul > li:first-child:after{display: none;}
    #spot .tab > ul > li > a:after{position: absolute; left: 0; bottom: 0; width: 0; height: 3px; content:""; background-color: #fff; font-size: 0; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease;}
    #spot .tab > ul > li.n1 > a{ background-image: url(../images/main/tab_spot1_off.png);}
    #spot .tab > ul > li.n2 > a{ background-image: url(../images/main/tab_spot2_off.png);}
    #spot .tab > ul > li.n3 > a{ background-image: url(../images/main/tab_spot3_off.png);}
    #spot .tab > ul > li.n4 > a{ background-image: url(../images/main/tab_spot4_off.png);}
    #spot .tab > ul > li.n5 > a{ background-image: url(../images/main/tab_spot5_off.png);}
    #spot .tab > ul > li.n6 > a{ background-image: url(../images/main/tab_spot6_off.png);}

    #spot .tab > ul > li.n1.on,
    #spot .tab > ul > li.n1.on > a{width: 162px; background-position: 45px 0;}
    #spot .tab > ul > li.n2.on,
    #spot .tab > ul > li.n2.on > a{width: 157px; background-position: 49px 0;}
    #spot .tab > ul > li.n3.on,
    #spot .tab > ul > li.n3.on > a{width: 147px; background-position: 50px 0;}
    #spot .tab > ul > li.n4.on,
    #spot .tab > ul > li.n4.on > a{width: 146px; background-position: 51px 0;}
    #spot .tab > ul > li.n5.on,
    #spot .tab > ul > li.n5.on > a{width: 201px; background-position: 53px 0;}
    #spot .tab > ul > li.n6.on,
    #spot .tab > ul > li.n6.on > a{width: 128px; background-position: 39px 0;}

    #spot .tab > ul > li.n1 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 32px; height: 32px; background: url(../images/common/ico_common.png) -240px -92px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
    #spot .tab > ul > li.n2 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 33px;height: 32px; background: url(../images/common/ico_common.png) -240px -128px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
    #spot .tab > ul > li.n3 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 32px;height: 32px; background: url(../images/common/ico_common.png) -241px -162px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
    #spot .tab > ul > li.n4 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 34px;height: 30px; background: url(../images/common/ico_common.png) -240px -197px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
    #spot .tab > ul > li.n5 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 36px;height: 30px; background: url(../images/common/ico_common.png) -238px -230px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
    #spot .tab > ul > li.n6 a span:after{opacity:0; position: absolute; left: 10px; top: -15px; width: 23px;height: 28px; background: url(../images/common/ico_common.png) -245px -263px no-repeat; content:""; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}

    #spot .tab > ul > li.n1.on a span:after,
    #spot .tab > ul > li.n2.on a span:after,
    #spot .tab > ul > li.n3.on a span:after,
    #spot .tab > ul > li.n4.on a span:after,
    #spot .tab > ul > li.n5.on a span:after,
    #spot .tab > ul > li.n6.on a span:after{top: -4px; opacity:1;}

    #spot .tab > ul > li.n1 > a:hover,#spot .tab > ul > li.n1.on > a{ background-image: url(../images/main/tab_spot1_on.png);}
    #spot .tab > ul > li.n2 > a:hover,#spot .tab > ul > li.n2.on > a{ background-image: url(../images/main/tab_spot2_on.png);}
    #spot .tab > ul > li.n3 > a:hover,#spot .tab > ul > li.n3.on > a{ background-image: url(../images/main/tab_spot3_on.png);}
    #spot .tab > ul > li.n4 > a:hover,#spot .tab > ul > li.n4.on > a{ background-image: url(../images/main/tab_spot4_on.png);}
    #spot .tab > ul > li.n5 > a:hover,#spot .tab > ul > li.n5.on > a{ background-image: url(../images/main/tab_spot5_on.png);}
    #spot .tab > ul > li.n6 > a:hover,#spot .tab > ul > li.n6.on > a{ background-image: url(../images/main/tab_spot6_on.png);}

    #spot .tab > ul > li.on > a:after{width: 100%;}


    #spot .lst .bg{position: absolute;left: 0;bottom: 0;left:50%;margin-left: -90px;}
    #spot .lst.n1 .bg{margin-left: -20px;}
    #spot .lst.n2 .bg{margin-left: -280px;}
    #spot .lst.n3 .bg{margin-left: -80px;}
    #spot .lst.n4 .bg{margin-left: -170px;}
    #spot .lst.n5 .bg{margin-left: -172px;}
    #spot .lst.n6 .bg{margin-left: -120px;}
    #spot .lst .cont{position: absolute; left: 50%;top: 150px;width: 1100px; margin-left: -550px;}
    #spot .lst .cont p{margin-bottom: 15px;}
    #spot .lst.n1{visibility: visible; height: 517px;  background-color: #150f96; }
    #spot .lst.n2{visibility: hidden; height: 517px;  background-color: #ffb617; }
    #spot .lst.n3{visibility: hidden; height: 517px;  background-color: #4b4e53; }
    #spot .lst.n4{visibility: hidden; height: 517px;  background-color: #ff6600; }
    #spot .lst.n5{visibility: hidden; height: 517px;  background-color: #70c500; }
    #spot .lst.n6{visibility: hidden; height: 517px;  background-color: #01c1d6; }
    #spot .inner_cma{position: absolute; left: 50%; top: 0; margin-left: -550px; z-index: 60;}

    #spot.sub{height: 250px; background-color: #15b8c9; text-align: center; width: 100%; overflow: hidden; position: relative;}
    #spot.sub .inner{width: 1700px; position: absolute; left: 50%; top: 0; margin-left: -850px; }
    #spot.sub .inner .tel{position: absolute; left: 50%; top: 0; margin-left: 350px ; z-index: 2;}
    #spot.sub .inner_cma .ban1{position: absolute; right: 0; top: 0;}
    /*#spot.sub .visual{position: relative; padding-top: 60px; height: 299px; overflow: hidden;}
    #spot.sub .visual p{margin-bottom: 15px;}
    #spot.sub .visual .img1{position: absolute;right: 240px;bottom: -60px;}*/

    #spot.sub.n1_1{background-color: #01c1d6;}
    #spot.sub.n1_2{background-color: #ffb617;}
    #spot.sub.n1_3{background-color: #ff0198;}

    #spot.sub.n2_1{background-color: #70c500;}
    #spot.sub.n2_2{background-color: #ff6600;}
    #spot.sub.n2_3{background-color: #7d27c5;}
    #spot.sub.n2_4{background-color: #4b4e53;}

    #spot.sub.n3_1{background-color: #150f96;}
    #spot.sub.n3_2{background-color: #f1352b;}

    #spot.sub.n4_1{background-color: #afafaf;}
    #spot.sub.n4_2{background-color: #afafaf;}
    #spot.sub.n4_3{background-color: #afafaf;}

    #spot.sub.n5_1{height: 320px; background-color: #161616; margin-bottom: 0;}
    #spot.sub.n5_4{height: 320px; background-color: #cbcbca; margin-bottom: 0;}
    #spot.sub.n5_5{height: 303px; background-color: #86bd33; margin-bottom: 0;}


    #spot.sub.n6_1{height: 320px; background-color: #c6c7ca; margin-bottom: 0;}
    #spot.sub.n6_2{height: 320px; background-color: #c6c4c5; margin-bottom: 0;}
    #spot.bx{position: relative;height: 303px; background-color: #86bd33; margin-bottom: 0;overflow: hidden;}
    #spot.bx .lst{position: absolute; left: 0; top: 0; width: 100%; text-align: center; overflow: hidden;}
    #spot.bx .lst .inner{width: 1700px; position: absolute; left: 50%; top: 0; margin-left: -850px;}
    #spot.bx .lst .inner .tel{position: absolute;left: 50%;top: 0;margin-left: 350px;z-index: 2;}
    #spot.bx .lst.n1{background-color: #afafaf;}
    #spot.bx .lst.n2{background-color: #afafaf;}
    #spot.bx .lst.n3{background-color: #afafaf;}
    #spot.bx .bx-controls{display: block; position: absolute; left: 0; top: 0; z-index: 70; width: 100%;}
    #spot.bx .bx-controls-direction,#spot.bx .bx-controls-auto{display: none;}
    #spot.bx .bx-controls .bx-pager {position: absolute; left: 50%;top: 40px; margin-left: -173px;}
    #spot.bx .bx-controls .bx-pager .bx-pager-item{display: inline-block; *display: inline; *zoom: 1;}
    #spot.bx .bx-controls .bx-pager .bx-pager-item a{display: inline-block;  *display: inline;  *zoom: 1; width: 13px; height: 13px; overflow: hidden; text-indent: -9999px; text-align: left; background-repeat: no-repeat; background-image: url(../images/common/ico_common.png); background-position: -117px -624px; margin-right: 10px;}
    #spot.bx .bx-controls .bx-pager .bx-pager-item a.active{background-position: -138px -624px;}


    #container{padding-top: 0; padding-bottom: 40px;}
    #container.sub{padding-bottom: 0;position: relative;z-index: 70;}
    #footer{padding-top: 35px; padding-bottom: 35px;border-style: solid; border-width: 1px 0 0; border-color: #dfe2e4;}



/* common */
.mb0{margin-bottom: 0 !important;}
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important;}
.ta-c{text-align: center !important;}
.fw-b{font-family:"nanum-barun-gothic-bold";}
.v-m{vertical-align: middle !important;}
.v-t{vertical-align: top !important;}
.c_point{color: #475359 !important;}
.c_yellow{color: #ff9302 !important;}
.paraB1{margin-bottom: 55px !important;}
.paraB2{margin-bottom: 20px !important;}
.paraB3{margin-bottom: 10px !important;}

/*
.c_point1{color: #15b8c9 !important;}
.c_point2{color: #c48e82 !important;}
.c_point3{color: #e85daf !important;}
.c_point4{color: #d2b167 !important;}
.c_point5{color: #f67f30 !important;}     (무)Chubb 자녀안심보험
.c_point6{color: #9e63e7 !important;}     (무)Chubb 내가족 안심보험
.c_point7{color: #7b94bf !important;}     (무)Chubb 매일안심 운전자 보험
.c_point8{color: #857fff !important;}     (무)Chubb 가정종합보험
.c_point9{color: #e35d5d !important;}     (무)Chubb 가정종합보험
.c_point10{color: #7dba1f !important;}     Chubb 해외여행보험
.c_point11{color: #589fff !important;}     멀티해외 여행보험
.c_point12{color: #ad7f6d !important;}     Chubb 국내여행보험
*/


.p_notice{ position: relative; padding-left: 54px;  }
.p_notice.noNum{padding-left: 44px;}
.p_notice .ico_notice{position: absolute; left: 0; top: 0;}
.p_notice .lst_num{padding-top: 9px;}
.box_help{display: none; position: absolute; left: 0; top: 0;  font-size: 13px; width: 408px; padding: 0; z-index:10; background-color: #fff; border-radius: 0 0 10px 10px; }
.box_help:after{position: absolute; left: -6px; top: 15px; width: 7px; height: 13px; content:""; background: transparent url(../images/common/bu_arr4.png) 0 0 no-repeat;  }
.box_help h1{ padding: 15px 24px 10px; color: #fff; background-color: #75939a; border-radius:10px 10px 0 0; font-size: 16px; line-height: 20px; font-weight: normal;}
.box_help .cont{padding: 10px 24px; font-size: 14px; border-width: 0 1px 1px; border-color:  #75939a; border-style: solid; border-radius:0 0 10px 10px; line-height: 22px; color: #475359; }


.ico_notice{border: 2px solid #3e5358; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #3e5358; font-size: 15px;  font-family:"nanum-barun-gothic-bold"; }
.btn_helper{display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; overflow: hidden; text-indent: -9999px; text-align: left;background-image: url(../images/common/ico_common.png); background-position: -10px -10px; background-repeat: no-repeat; vertical-align:-4px;}
.btn_helper:hover{background-position: -51px -52px;}

.title1{ font-size: 30px; line-height: 34px; margin-bottom:10px; color: #475359; font-weight: normal; letter-spacing: -1px;}
.title2{ font-size: 20px; line-height: 24px; margin-bottom:5px; color: #475359; font-weight: normal;  letter-spacing: -1px;}

.txt_p1{font-size: 14px; line-height: 20px;  color: #878f93;}
.lst_num > ul > li{margin-top: 5px; position: relative; padding-left: 15px; font-size: 14px; line-height: 22px; color: #878f93;}
.lst_num > ul > li:first-child{margin-top: 0;}
.lst_num > ul > li .du{position: absolute; left: 0; top: 0;}

col.w80{width: 80px;}
col.w100{width: 100px;}
col.w150{width: 150px;}
col.w160{width: 160px;}
col.w200{width: 200px;}
col.h1{width: 210px;}
/* 담보 */
col.pa{width: 180px;}
/* 지급금액1 */
col.mon1{width: 150px;}

.table_type1{border-top: 2px solid #3e5358;}
.table_type1 > table{ width: 100%; color: #475359; text-align: center;}
.table_type1 > table td,.table_type1 > table th{border-width: 1px 0px 1px 1px; border-color: #e4e4e4; border-style: solid; vertical-align: middle;}
.table_type1 > table tbody th,
.table_type1 > table tfoot td{background-color: #f9f9fb; text-align: center; color: #475359; font-size: 14px;line-height: 20px;padding: 10px;}
.table_type1 > table tbody td{padding: 8px; font-size: 16px; line-height: 23px;  }
.table_type1 > table tbody td.t_w,
.table_type1 > table tfoot td.t_w{text-align: right;}
.table_type1 > table tbody td.t_w2,
.table_type1 > table tfoot td.t_w2{text-align: left;}
.table_type1 > table tbody td.ta-l{padding: 8px 8px 8px 16px;}
.table_type1 > table thead th.first, .table_type1 > table tbody td.first, .table_type1 > table tbody th.first, .table_type1 > table tfoot td.first{border-left: 0;}
.table_type1 > table thead th, .table_type1 > table tfoot td{padding: 10px; background-color: #f9f9fb; font-size: 14px; line-height: 18px;  font-weight: bold; font-family:"nanum-barun-gothic-bold"!important; font-weight: normal; }

.table_type1 > table tbody.td_ta-l td{text-align: left; padding-left: 20px;}

.table_type1 .btn_helper{margin-left: 5px;}
sup{font-size: 0.8em;}
.table_top{position: relative; }
.table_top sup{font-size: 11px;}
.table_top > .rgh{position: absolute; right: 0; bottom: -5px;}
.table_top > .rgh.ty1{font-size: 14px; line-height: 25px;}
.table_top > .mgb5{margin-bottom:5px}
.table_top > .rgh.ty1.sm{bottom: -1px;}
.table_top > .rgh.ty1 .dan{}
.l-p{position: relative;left: 0;top: 0;display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; margin-left: 10px;}
.l-p:after{position: absolute; left: 0; top: 5px; background-color: #ececf1; width: 1px; height: 13px; content:"";}
.fl-l{float: left;}
.fl-r{float: right;}

/* tab */
.tab_ty > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.tab_ty > ul > li{position: relative; float: left; width: 25%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; text-align: center; font-size: 16px; font-family:"nanum-barun-gothic-bold"; z-index: 0; }
.tab_ty > ul > li{}
.tab_ty > ul > li > a{height: 50px; line-height: 50px; display: block; border-width: 1px 1px 1px 0; border-color: #e6e6e9; border-style: solid; background-color: #efeff3; color: #b0b0b6; transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; }
.tab_ty > ul > li:first-child > a{ border-width: 1px;}
.tab_ty.ico1 > ul > li.on{z-index: 1;}
.tab_ty.ico1 > ul > li > a:hover,.tab_ty.ico1 > ul > li.on > a{color: #fff; border-color: #000; background-color: #000;}


/*보험 탭 아이콘*/
.tab_ty.ico1 > ul > li > a > span{display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 30px;}
.tab_ty.ico1 > ul > li > a > span:after{position: absolute;left: 0;background-image: url(../images/common/ico_common.png);background-repeat: no-repeat;content:""; transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; }
.tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 21px; height: 23px; background-position: -17px -125px;}
.tab_ty.ico1 > ul > li.n2 > a > span:after{top: 12px; width: 19px; height: 24px; background-position: -52px -125px;}
.tab_ty.ico1 > ul > li.n3 > a > span:after{top: 13px; width: 24px; height: 23px; background-position: -86px -126px;}
.tab_ty.ico1 > ul > li.n4 > a > span:after{top: 12px; width: 24px; height: 28px; background-position: -126px -126px;}

.tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -17px -156px; color: #fff;}
.tab_ty.ico1 > ul > li.n2 > a:hover > span:after,
.tab_ty.ico1 > ul > li.n2.on > a > span:after{background-position: -52px -156px; color: #fff;}
.tab_ty.ico1 > ul > li.n3 > a:hover > span:after,
.tab_ty.ico1 > ul > li.n3.on > a > span:after{background-position: -86px -157px; color: #fff;}
.tab_ty.ico1 > ul > li.n4 > a:hover > span:after,
.tab_ty.ico1 > ul > li.n4.on > a > span:after{background-position: -126px -157px; color: #fff;}

.scont1_2 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 36px;}
.scont1_2 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 29px; height: 23px; background-position: -71px -708px;}
.scont1_2 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont1_2 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -71px -738px;}

.scont1_3 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 23px; height: 23px; background-position: -113px -708px;}
.scont1_3 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont1_3 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -113px -738px;}

.scont1_4 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 21px; height: 23px; background-position: -17px -125px;}
.scont1_4 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont1_4 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -17px -156px;}

.scont2_1 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 35px;}
.scont2_1 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 28px; height: 23px; background-position: -150px -708px;}
.scont2_1 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont2_1 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -150px -738px;}

.scont2_2 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 35px;}
.scont2_2 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 28px; height: 23px; background-position: -190px -708px;}
.scont2_2 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont2_2 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -190px -738px;}

.scont2_3 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 35px;}
.scont2_3 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 28px; height: 23px; background-position: -231px -708px;}
.scont2_3 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont2_3 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position:  -231px -738px;}

.scont2_4 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 23px; height: 23px; background-position: -274px -708px;}
.scont2_4 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont2_4 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -274px -738px;}

.scont3_1 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 24px; height: 24px; background-position: -313px -708px;}
.scont3_1 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont3_1 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -313px -738px;}

.scont3_2 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 10px; width: 22px; height: 27px; background-position: -353px -706px;}
.scont3_2 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont3_2 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -353px -736px;}

.scont4_1 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 40px;}
.scont4_1 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 31px; height:22px; background-position: -389px -711px;}
.scont4_1 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont4_1 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -389px -741px;}

.scont4_2 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 19px; height: 24px; background-position: -435px -710px;}
.scont4_2 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont4_2 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -435px -740px;}

.scont4_3 .tab_ty.ico1 > ul > li.n1 > a > span{padding-left: 36px;}
.scont4_3 .tab_ty.ico1 > ul > li.n1 > a > span:after{top: 12px; width: 26px; height: 22px; background-position: -474px -711px;}
.scont4_3 .tab_ty.ico1 > ul > li.n1 > a:hover > span:after,
.scont4_3 .tab_ty.ico1 > ul > li.n1.on > a > span:after{background-position: -474px -741px;}



.tab_content{min-height: 300px; border-style: solid;border-width: 0 1px 0; border-color: #dfe2e4;}
.tab_content .inner_tab{padding: 50px 0 80px; width: 980px; margin-left: auto; margin-right: auto;}

/* lst */
.lst_feature{}
.lst_feature > ul > li{margin-top: 45px; border-top: 1px solid #dfe2e4; position: relative; padding-left: 110px;padding-top: 52px; min-height: 100px;}
.lst_feature > ul > li:first-child{margin-top: 0;padding-top: 23px; border-top: 0;}
.lst_feature > ul > li:first-child span.num{top: 0;}
.lst_feature > ul > li > h2{font-size: 30px; margin-bottom: 10px; line-height: 38px; color: #4b4e53; font-weight: normal;}
.lst_feature > ul > li span.num{ width: 82px; height: 82px; position: absolute; left: 0; top: 29px; background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;}
.lst_feature > ul > li.n1 span.num{background-position: -464px -12px;}
.lst_feature > ul > li.n2 span.num{background-position: -464px -112px;}
.lst_feature > ul > li.n3 span.num{background-position: -464px -212px;}
.lst_feature > ul > li.n4 span.num{background-position: -464px -312px;}
.lst_feature > ul > li.n5 span.num{background-position: -464px -412px;}
.lst_feature > ul > li.n6 span.num{background-position: -464px -512px;}
.lst_feature > ul > li.n7 span.num{background-position: -464px -612px;}

/* layout */

#header{height: 143px; border-top: 2px solid #4b4e53;}
#header .oneclick{position: absolute; left: 411px; top: -2px;}
#header .oneclick ul > li{position: relative; float: left; width: 139px; border-width: 2px 0 0; border-color: #13bbcc; border-style: solid; }
#header .oneclick ul > li > a{position: relative; display: inline-block; *display: inline; *zoom: 1; padding: 16px 10px; font-size: 0; line-height: 0;}
#header .oneclick ul > li.n1{text-align: right;}
#header .oneclick ul > li.n2{border-color: #f10f95;}
#header .oneclick ul > li.n2 > a{padding: 16px 25px 16px 11px;}
#header .oneclick ul > li.n2 > a:after{position: absolute; right: 0; top: 13px; width: 19px; height: 19px; background: url(../images/common/bu_arr2.jpg) 0 0 no-repeat; content:"";}
#header .oneclick ul > li.n2:after{ position: absolute; left: 0;top: 16px; width: 1px; height: 13px; background-color: #e6e6ed; content:"";}
#header .gnb{position: absolute; right: 0; top: 8px;}
#header .gnb > ul > li{position: relative; float: left; padding-left: 13px; margin-left: 10px;}
#header .gnb > ul > li:after{position: absolute; left: 0; top: 7px; width: 1px; height: 13px; background-color: #e6e6ed; content:"";}
#header .gnb > ul > li:first-child:after{display: none;}
#header .logo{position: absolute; left: 0; top: 77px; font-size: 0; line-height: 0;   transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header .logo a{display: block; width: 186px;   transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header .logo img{width: 100%;}
#header .logoSAMB{position: absolute; right: 0; top: 77px; font-size: 0; line-height: 0;   transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header .logoSAMB a{display: block; width: 186px;   transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header .logoSAMB img{width: 100%;}

#header #lnb{position: absolute;left: 501px;top: 72px;width: 642px;transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header #lnb > .lnb_inner > ul > li{float: left; position: relative;}
#header #lnb > .lnb_inner > ul{transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
/*#header #lnb > .lnb_inner > ul.on{opacity:0.3; }*/
#header #lnb > .lnb_inner > ul > li > a{ display: block; font-size: 20px; line-height: 26px; color: #3f3f3f; font-weight: bold;padding: 10px 31px; transition: 0.1s ease; -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease;}
#header #lnb > .lnb_inner > ul > li.on > a,#header #lnb > .lnb_inner > ul > li > a:hover{color: #00559d;}
#header #lnb .depth2{position: absolute; left: 0; top: 76px; display: none;}
#header #lnb .m1 .depth2{width: 640px;left: -10px;}
#header #lnb .m2 .depth2{width: 170px;left: 20px;}
#header #lnb .m3 .depth2{width: 270px;left: 20px;}
#header #lnb .m4 .depth2{left: 23px; width: 570px;}
#header #lnb .depth2 > ul > li{float: left; margin-right: 30px;}
#header #lnb .depth2 > ul > li > a{display: block; color: #959698; font-weight: bold;}
#header #lnb .depth2 > ul > li > a:hover,#header #lnb .depth2 > ul > li.on > a{color: #00c4ff;}

#header #lnb .m1 .depth2 > ul > li{float: left; margin-right: 30px;}
#header #lnb .m1 .depth2 > ul > li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#header #lnb .m1 .depth2 > ul > li > a{float: left;}
#header #lnb .depth3{ display: none;  position: absolute; left: -85px; top: 39px; margin-left: 0; float: left; margin-top: -1px;}
/*#header #lnb .depth3 .inner{position: relative; border: 1px solid #3c3d3f; background-color: #202022;}*/
/*#header #lnb .depth3:after{position: absolute; left: -7px; top: 11px; width: 8px; height: 8px; background: url(../images/common/bg_lnb_arr.jpg) 0 0 no-repeat; content:""; z-index: 10;}*/
#header #lnb .depth3 .inner > ul:after{display: block;content:"";clear: both;visibility: hidden;height: 0;}
#header #lnb .depth3 .inner > ul{padding: 0 10px 2px; }
#header #lnb .depth3 .inner > ul >li{float: left; margin: 0 10px;}
#header #lnb .depth3 .inner > ul >li>a{color: #959698;}
#header #lnb .depth3 .inner > ul >li>a:hover,#header #lnb .depth3 .inner >  ul >li.on>a{color: #00c4ff;}



#header > .inner_cma > a{ display: inline-block; *display: inline;  *zoom: 1; width: 1100px; height: 144px; background: url(../images/main/top.jpg) 0 0 no-repeat; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease;}
#header > .inner_cma > a.on{background: url(../images/main/top_on.jpg) 0 0 no-repeat;}

#footer{padding-bottom: 40px; font-size: 14px; line-height: 25px; color: #949494;}
#footer > .inner_cma > .fl-l{width: 900px;}
#footer > .inner_cma > .fl-l .bnb{margin-bottom: 25px;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n{position: relative; float: left;  padding-left: 10px; margin-left: 10px;}
#footer > .inner_cma > .fl-l .bnb > ul > li > a{color: #475359;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n:after{position: absolute; left: 0; top: 5px; background-color: #ececf1; width: 1px; height: 13px; content:"";}
#footer > .inner_cma > .fl-l .bnb > ul > li.n1{padding-left: 0; margin-left: 0;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n1:after,#footer > .inner_cma > .fl-l .bnb > ul > li.n4:after{display: none;}

#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family{margin-left: 10px; width: 185px; position: absolute;left: 0; top: 0;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family > button{text-align: left; position: absolute; left: 0; top: -6px; width: 100%; height: 35px; line-height: 35px; background-color: #eeeef6; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding: 0 15px; font-family: "nanum-barun-gothic-bold"; }
#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family > button .arr{position: absolute;right: 15px;top: 15px;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family > ul{display: none; font-size: 12px; line-height: 18px; width: 100%; position: absolute; left: 0; bottom: 0; padding:20px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; background-color: #eeeef6; }
#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family > ul > li{margin-top: 5px;}
#footer > .inner_cma > .fl-l .bnb > ul > li.n .lst_family > ul > li:first-child{margin-top: 0;}


#footer > .inner_cma > .fl-r{width: 200px; text-align: right; font-size: 12px; line-height: 17px; color: #475359; font-family: "nanum-barun-gothic-bold";}
#footer > .inner_cma > .fl-r .prcode p{margin-top: 10px;}

#container.sub .path{height: 60px; position: relative; font-size: 14px;}
#container.sub .path .tel{position: absolute; right: 0; top: 0; font-size: 13px; text-align: right; color: #939598;}
#container.sub .path .title{position: absolute;left: 0;bottom: 15px;}

#container.sub .path .title a,#container.sub .path .title  strong{position: relative;  margin-left: 35px; height: 17px; line-height: 17px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #949494;}
#container.sub .path .title a:after,#container.sub .path .title strong:after{width: 9px;height: 17px; background: url(../images/common/ico_common.png) -16px -53px no-repeat; position: absolute;left: -22px;top: -1px; content:"";}

#container.sub .path a.home{margin-left: 0; width: 17px; display: inline-block; *display: inline; *zoom: 1;background: url(../images/common/ico_common.png) -11px -31px no-repeat; overflow: hidden; text-indent: -9999px; }
#container.sub .path .home:after{display: none;}
#container.sub .path .title  strong{color: #394145;}

#container.sub .path_type2{ margin-bottom: 45px; margin-top: -106px; background-color: #fff;}
/* #container.sub .path_type2 .inner{width: 940px; margin-left: auto; margin-right: auto;} */
#container.sub .path_type2 .inner{width: 971px; margin-left: auto; margin-right: auto;}
#container.sub .path_type2 h1.h1{margin-bottom: 20px; font-weight: normal; font-size: 34px; line-height: 40px; }
#container.sub .path_type2 h1.h1 .box1{display: inline-block; *display: inline; *zoom: 1; background-color: #3e5358; color: #fff;padding: 50px 10px 10px;}
#container.sub .path_type2 .t1{font-size: 17px; line-height: 26px; font-weight: normal;}



/*main*/
.mainBanner{position: relative;}
.mainBanner .top .more{position: absolute; right: 0; top: 0;}
.mainBanner .mid{margin-top: 14px;}
.mainBanner .mid .ban{position: relative; float: left; text-align: center; font-size: 14px; line-height: 21px; color: #475359;}
.mainBanner .mid .ban:after{position: absolute; left: 0; top: 0; width: 1px; height: 107px; background-color: #f0f0f0; content:""; }
.mainBanner .mid .ban .img{margin-bottom: 5px;}
.mainBanner .mid .ban1{width: 340px; margin-right: 40px;}
.mainBanner .mid .ban2{width: 222px;}
.mainBanner .mid .ban3{width: 231px;}
.mainBanner .mid .ban4{width: 259px;}
.mainBanner .mid .ban1:after,.mainBanner .mid .ban2:after{display: none;}

  .onclick_area{padding: 0; width: 1040px; margin-left: auto; margin-right: auto;}
  .onclick_area .t1{text-align: center; margin-bottom: 20px;}
  .onclick_area > .t1{margin-bottom: 30px;}
  .onclick_area:after,
  .onclick_area .man_area:after,
  .onclick_area .woman_area:after
  {clear: both;display: block;content:"";height: 0;visibility: hidden;}

  .onclick_area .menu{position: relative; width: 264px; height: 307px;  }
  .onclick_area .menu > img{position: absolute; left: 0; top: 0;}
  .onclick_area .menu > img.on,
  .onclick_area .menu > img.ovr
  {display: none;}
  .onclick_area .menu .nav{display: none; width: 253px; position: absolute; left: 0; top: 0; text-align: center; }
  .onclick_area .menu .comp{ display: none; width: 253px; position: absolute; left: 0; top: 0; text-align:left;padding: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
  .onclick_area .menu .box_res{ display: none; width: 253px; position: absolute; left: 0; top: 0; text-align:left;padding: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
  .onclick_area .woman_area .menu .nav{margin-left: 10px;}
  .onclick_area .woman_area .menu .comp{margin-left: 10px;}
  .onclick_area .woman_area .menu .box_res{margin-left: 10px;}

.onclick_area .menu .comp h2{margin-bottom: 7px; font-size: 16px; line-height: 20px; color: #141414; font-weight: normal; font-family:"nanum-barun-gothic-bold";  }
.onclick_area .menu .comp .t1{padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3);font-size: 20px;line-height: 28px; color: #fff; text-align: left;}
.onclick_area .menu .comp .t1 a{color:#fff}
.onclick_area .menu .comp .t2{color: #fff; text-align: center;font-size: 41px; line-height: 40px;}
.onclick_area .menu .comp .t2 .mon{font-family: 'Open Sans', sans-serif; font-weight: 700;}
.onclick_area .menu .comp .t2 .won{margin-left: 3px; display: inline-block; *display: inline; *zoom: 1;vertical-align: 3px;font-size: 28px;}
.onclick_area .menu .comp .t2 .month{margin-bottom: 5px; display: block; text-align: left; font-size: 14px; line-height: 18px; }
.onclick_area .menu .comp .btns{margin-top: 10px; text-align: center; font-size: 0; line-height: 0;}
.onclick_area .menu .comp .btns button{margin: 0 2px;}

.onclick_area .menu .box_res h2{margin-bottom: 7px; font-size: 16px; line-height: 20px; color: #141414; font-weight: normal; font-family:"nanum-barun-gothic-bold";  }

.onclick_area .menu .box_res h3{margin-bottom: 5px; color: #fff; text-align: center;font-size: 16px; line-height: 20px;  text-align: left; font-weight: normal;}
.onclick_area .menu .box_res .box_con{border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3); padding: 20px 0;}
.onclick_area .menu .box_res input{padding:  0 10px; border:1px solid rgba(255, 255, 255, .3); width: 100%; height: 27px; line-height: 27px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 15px;}
.onclick_area .menu .box_res input.tel{width: 56px; text-align: center;}
.onclick_area .menu .box_res input.tel.n2{width: 60px;}
.onclick_area .menu .box_res .name{margin-bottom: 10px; font-size: 0; line-height: 0;}
.onclick_area .menu .box_res .tel span.dash{color: #fff; display: inline-block; *display: inline; *zoom: 1;}
.onclick_area .menu .box_res .t2 .mon{font-family: 'Open Sans', sans-serif; font-weight: 700;}
.onclick_area .menu .box_res .t2 .won{margin-left: 3px; display: inline-block; *display: inline; *zoom: 1;vertical-align: 3px;font-size: 28px;}
.onclick_area .menu .box_res .t2 .month{margin-bottom: 5px; display: block; text-align: left; font-size: 14px; line-height: 18px; }
.onclick_area .menu .box_res .btns{margin-top: 14px; text-align: center; font-size: 0; line-height: 0;}
.onclick_area .menu .box_res .btns button{margin: 0 2px;}


  .onclick_area .menu .nav .age{height: 49px; color: #fff;  font-size: 20px; line-height: 28px;padding-top: 9px; text-align: center;}
  .onclick_area .menu .nav .lst{margin-top: 20px; margin-left:20px; text-align:left;}
  .onclick_area .menu .nav .lst > li{display: inline-block; *display: inline; *zoom: 1; margin-right: 2px;margin-bottom: 2px;}
  .onclick_area .menu .nav .age span{display: inline-block; *display: inline; *zoom: 1;}
  .onclick_area .menu .nav .age .t1{visibility: hidden;font-size: 38px;line-height: 46px; display: none;}
  .onclick_area .menu .nav .age .t1.on{visibility: visible; display: inline-block; *display: inline; *zoom: 1;}
  .onclick_area .menu .nav .age .t2{vertical-align: middle; display: none;}
  .onclick_area .menu .nav .age .t2.on{visibility: visible; display: inline-block; *display: inline; *zoom: 1;}

  .onclick_area .rgh_group .img{position: relative; width: 136px;height: 177px;}
  .onclick_area .rgh_group .img img{position: absolute; left: 0; top: 0;}
  .onclick_area .rgh_group .img img.on{display: none;}

  .onclick_area .man_area{float: left; width: 520px;}
  .onclick_area .woman_area{float: right; width: 520px;}
  .onclick_area .man_area .menu{width: 264px; height: 307px; float: left; margin-right: 13px;}
  .onclick_area .man_area .grid{ margin-right: 40px;  margin-top: -24px; float: left; color: #13bbcc; font-size: 13px; line-height: 18px; cursor:pointer; font-family:"nanum-barun-gothic-bold";}
  .onclick_area .man_area .rgh_group{float: left; text-align: center; font-size: 18px; font-weight: bold; color: #475359;}
  .onclick_area .man_area .rgh_group .img{position: relative; margin-top: 50px; margin-bottom: 12px;}

  .onclick_area .woman_area .menu{width: 264px; height: 307px; float: right; margin-left: 13px;}
  .onclick_area .woman_area .grid{ margin-left: 40px; margin-top: -22px; float: right; color: #e2499e; font-size: 13px; line-height: 18px; cursor:pointer; text-align:right; font-family:"nanum-barun-gothic-bold";}
  .onclick_area .woman_area .rgh_group{float: right; text-align: center; font-size: 18px; font-weight: bold; color: #475359;}
  .onclick_area .woman_area .rgh_group .img{margin-top: 50px; margin-bottom: 12px;}

  .onclick_area .ban_choice{display: none; width: 100%;padding-top: 15px; clear: both;}
  .onclick_area .ban_choice > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
  .onclick_area .ban_choice > ul > li.n1{float: left;}
  .onclick_area .ban_choice > ul > li.n2{float: right;}

.box_travel31{padding: 24px; min-height: 98px; border-radius: 12px; color: #fff; text-align: center; background: #9c9795 url(../images/common/bg_box1.png) 180px 100% no-repeat;  behavior: url(/css/PIE.htc);}
.box_travel31 .t1{font-size: 26px; line-height: 32px; font-weight: normal; font-family:"nanum-barun-gothic-light";}
.box_travel31 .t1 > b{font-weight: normal; color: #fff692;  font-family:"nanum-barun-gothic-light";}
.box_travel31 .btns{margin-top: 15px;}
.box_travel31 .btns a{margin: 0 3px;}



/* 20160502 이트라이브 추가*/
.txt_r {text-align:right}
.title0 {margin:0 0 8px 0;font-size:18px}
.onclick_area .menu .box_res .box_con{padding: 5px 0 5px 0;}

/*20160727 메인 수정 이트라이브*/
.ban3 .t1 span {font-size:12px;}

/*20161214 해외여행보험 동영상 추가 이트라이브*/
.lst_feature > h1{font-size:34px; line-height:42px; color:#4b4e53; font-weight:normal;}
.lst_feature .video{text-align:center; padding:30px 0 50px;}

/* 20170113 보험료계산/가입 버튼 추가 이트라이브 */
.btn_ask_bot{display:block; margin:30px auto 26px; width: 196px; height: 45px}
.btn_ask{display:block; position: absolute; left :50%; top: 153px;; margin-left: 350px; z-index:2}

/* 20170124 치아안심보험 랜딩페이지 추가 이트라이브 */
#spot .main.landing2{margin-bottom:50px;}
#spot.sub.landing_main{background-color:#fff; height:615px}
.landing_header{width:1100px; height:106px; margin:0 auto; position:relative}
.landing_header h1{position:absolute; top:62px; line-height:0}
.landing_header h1 a{display:block}
.landing_header .landing_call{position:absolute; top:59px; right:0; line-height:0}
.landing_header .landing_call.event_health2 {top:26px;}
.landing_header .landing_call.event_dentallanding3 {top:30px;}
#spot .inner_cma .landing_ban{top:30px; right:30px}
.tab_ty > ul > li.landing_tab1{width:33.3%; font-size:20px;}
.tab_ty > ul > li.landing_tab2{width:33.3%; font-size:20px;}
.tab_ty > ul > li.landing_tab3{width:33.4%; font-size:20px;}
.tab_ty > ul > li.landing_tab1 a{height:73px; line-height:73px; background-color:#fff; color:#4b4e53; border-color:#b8b8b8}
.tab_ty > ul > li.landing_tab2 a{height:73px; line-height:73px; background-color:#fff; color:#4b4e53; border-color:#b8b8b8}
.tab_ty > ul > li.landing_tab3 a{height:73px; line-height:73px; background-color:#fff; color:#4b4e53; border-color:#b8b8b8}
.tab_ty > ul > li.landing_tab1 a span{padding:0}
.tab_ty > ul > li.landing_tab2 a span{padding:0}
.tab_ty > ul > li.landing_tab3 a span{padding:0}
.tab_ty > ul > li.landing_tab1 a span:after{display:none;}
.tab_ty > ul > li.landing_tab2 a span:after{display:none;}
.tab_ty > ul > li.landing_tab3 a span:after{display:none;}
.tab_ty.ico1 > ul > li.landing_tab1 > a:hover, .tab_ty.ico1 > ul > li.landing_tab1.on > a{color:#fff; border-color:#4b4e53; background-color:#4b4e53}
.tab_ty.ico1 > ul > li.landing_tab2 > a:hover, .tab_ty.ico1 > ul > li.landing_tab2.on > a{color:#fff; border-color:#4b4e53; background-color:#4b4e53}
.tab_ty.ico1 > ul > li.landing_tab3 > a:hover, .tab_ty.ico1 > ul > li.landing_tab3.on > a{color:#fff; border-color:#4b4e53; background-color:#4b4e53}
#calculator_ins .landing_h1{text-align:center; margin-top:22px; margin-bottom:40px}
#calculator_ins .select.s2.landing_sel{margin-bottom:20px;}
#calculator_ins .name.input-ty1.landing_sel{margin-top:-35px;}
#calculator_ins .select.s2.landing_sel input{border-radius:5px; text-align:center}
#calculator_ins .name.input-ty1.landing_sel input{border-radius:5px}
#calculator_ins .tel.input-ty1.landing_sel input{border-radius:5px}
#calculator_ins .lst_radio.s1.landing_radio{margin-bottom:40px; border:1px solid #a5a7a9; border-radius:5px; height:38px;}
#calculator_ins .lst_radio.s1.landing_radio .radioDes{font-size:17px}
ul.lst_radio.s1.landing_radio > li{line-height:40px; margin-left:40px; margin-right:0}
ul.lst_radio.s1.landing_radio > li:first-child{height:38px; margin-left: 40px; padding-right:40px; border-right:1px solid #a5a7a9}
#calculator_ins .lst_radio.s1.landing_radio li .radioDes{cursor:pointer; padding-left: 24px; min-height: 16px; background: url(../images/common/bg_radio_off.png) 1px 10px no-repeat; display: inline-block; *display: inline; *zoom: 1}
#calculator_ins .lst_radio.s1.landing_radio li .radioDes.on{background: url(../images/common/bg_radio_landing_on.png) 1px 10px no-repeat;}
#calculator_ins > .inner.landing_inner{padding-bottom:0;}
#calculator_ins .btns.landing_btns{width:301px; margin-left:-27px;}
#calculator_ins .box_check.landing_check{margin-bottom:40px;}
#spot .inner_cma.event_health2 .landing_ban {top:0;right:0;}
.event_health2 #calculator_ins, .event_health2 #calculator_ins .btns.landing_btns {width:340px;}
.event_health2 #calculator_ins .select.s2 input, .event_health2 #calculator_ins .name input {width:100%}
.event_health2 ul.lst_radio.s1.landing_radio > li:first-child {margin-left:63px;}
.event_health2 #calculator_ins .tel input.tel1, #calculator_ins .tel input {width:28%;}
.event_health2 ul.lst_radio.s1.landing_radio > li {width:49%;box-sizing:border-box;margin:0;padding:0;text-align:center;}
.event_health2 ul.lst_radio.s1.landing_radio > li:first-child{margin-left:0; padding-right:0; }


/* 20170202 여행보험 플로팅바 수정 이트라이브 */
.calculator_sub.type2 .cal_pos .hide_cal .lft_group{float:left;}
.calculator_sub.type2 .cal_pos .hide_cal .rgh_group{float:right;}
/* 20170508 이트라이브 수정 */
#footer > .inner_cma > .fl-r a{margin-right:15px;}
#footer > .inner_cma > .fl-r a:last-child{margin:0;}

/* 20170810 수정 */
.btn_res.size301 img{width:100%;}

/* 20170920 치아보험 렌딩페이지 */
.dentallading3 {position:relative !important;top:inherit !important;right:inherit !important;padding-top:427px;width:100%;}
.dentallading3 #calculator_ins {width:100% !important}
.dentallading3 #calculator_ins .title {position:absolute;top:20px;left:158px;font-size:25px;color:#fff;font-weight:normal}
.dentallading3 #calculator_ins .title span {color:#edfd1f;}
.dentallading3 #calculator_ins > .inner.landing_inner {position:relative;padding:20px 45px;height:190px;box-sizing:border-box;}
.dentallading3 .displa_tbl {position:relative;display:table;width:100%;padding-top:50px;}
.dentallading3 .displa_tbl .cell {display:table-cell;vertical-align:top;padding-left:25px;color:#fff;font-size:13px;overflow:hidden;}
.dentallading3 .displa_tbl .cell:first-child {padding-left:0;}
.dentallading3 .displa_tbl .cell .left {float:left;}
.dentallading3 .displa_tbl .cell .left:first-child {padding-right:15px;}
.dentallading3 .displa_tbl .cell input[type=text] {width:100%;height:39px;background:#fff;color:#45474c;font-family:inherit;border:0;}
.dentallading3 #calculator_ins .lst_radio.s1.landing_radio {margin:10px 0 0 37px;width:224px;display:inline-block;box-sizing:border-box;}
.dentallading3 ul.lst_radio.s1.landing_radio > li {position:relative;width:49%;margin:0;padding:0;text-align:center;box-sizing:border-box;}
.dentallading3 .btns.landing_btns {width:187px !important;margin-left:0 !important;margin:0;}
.dentallading3 .displa_tbl .cell .btns.landing_btns button:nth-child(3), 
.dentallading3 .displa_tbl .cell .btns.landing_btns button:nth-child(4) {margin-top:7px;}
.dentallading3 .btns.landing_btns button span:hover {background:#fff !important}
/* 20170921 치아보험 렌딩페이지 */
.landing_call.event_dentallanding4 {top:30px;}
.dentallading4_wrap {position:relative;width:1100px;height:640px;margin:0 auto;background:url(../images/spot/tmp_landing_0921_big2.png) 0 0 no-repeat;}
.landing_main.event_dentallanding4 {height:640px !important;} 
#spot .inner_cma .landing_ban.event_dentallanding4 {top:0 !important;right:0 !important}
#spot .inner_cma .box_name {position:absolute;top:357px;left:290px;width:173px;height:44px;line-height:44px;text-align:center;font-size:17px;color:#000;}
#spot .inner_cma .box_won {position:absolute;top:357px;left:563px;width:173px;height:44px;line-height:44px;text-align:center;font-size:17px;color:#000;}
.event_dentallanding4 #calculator_ins {width:342px !important}
.event_dentallanding4 .cell {width:100%;overflow:hidden;}
.event_dentallanding4 .cell h2 {display:block;}
.event_dentallanding4 .cell .lst_radio {display:inline-block;padding-top:24px;float:right !important;height:45px !important;border:0 !important;}
.event_dentallanding4 .cell .lst_radio li {width:47% !important;float:left;box-sizing:border-box;height:45px !important;margin:0 !important;padding:0 !important;text-align:center;}
.event_dentallanding4 .cell .lst_radio li .radioDes {padding:0 !important;min-height:45px !important;box-sizing:border-box;background:#4b4e53 !important;width:100%;border:1px solid #ccc;}
.event_dentallanding4 .cell .lst_radio li .radioDes.on {padding:0 !important;background:#35c7d9 !important;border:1px solid #35c7d9;}
.event_dentallanding4 #calculator_ins .input-ty1 input {height:45px;line-height:45px;}
.event_dentallanding4 #calculator_ins .chceckDes {font-size:11px;}
.event_dentallanding4 .selectbox_title {min-width:60px !important;width:60px !important;background:#fff url(../images/common/bu_arr1.png) no-repeat 92% 14px}
.event_dentallanding4 .selectbox_title strong {color:#666;}
.landing_event4 {width:342px;margin-left:-27px;}
.landing_event4 button {display:inline-block;width:50%;background:#ff0198;}
.landing_event4 button span {width:170px;background:#ff0198;text-align:center;}
.landing_event4 button:first-child {background:#7acb00;}
.landing_event4 button:first-child span {background:#7acb00;}
.landing_event4 button span:hover{background:#fff;}