@charset "utf-8";
/* CSS Document */

/* Default */
html {-webkit-text-size-adjust: none;}
html, body{width:100%; height:100%; margin:0; padding:0;}
body,input,textarea,select,button,table,pre,option{font-size:0.75em; font-family:'notokr-regular',arial,sans-serif,'맑은고딕','Malgun Gothic','gotham'; letter-spacing:-0.02em; color:#000;}
body,div,p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select,iframe{margin:0; padding:0; font-weight:normal;}
img,fieldset,iframe{border:0}
img{vertical-align:top}
li{list-style:none}
em,address{font-style:normal}
input, select, img, button, textarea, label{vertical-align:middle;}
a{text-decoration:none; color:#000;}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{display:none}
table {border-collapse:collapse;}
hr{display:none}
button{border: 0 none; background: none; cursor: pointer;}

/* custom */
body{-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지. */
  
/*input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}*/
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'],input[type='checkbox']{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}

input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}

/* form controll */
input::-moz-placeholder{color:#999; font-family:"notokr-regular", sans-serif,'맑은고딕','Malgun Gothic','gotham'}
input:-ms-input-placeholder{color:#999; font-family:"notokr-regular", sans-serif, '맑은고딕','Malgun Gothic','gotham'}
input::-webkit-input-placeholder{color:#999; font-family:"notokr-regular", sans-serif,'맑은고딕','Malgun Gothic','gotham'}
textarea::-webkit-input-placeholder{color:#999; font-family:"notokr-regular", sans-serif,'맑은고딕','Malgun Gothic','gotham'}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

/* float */
.fr{float:right !important;}

/* block */
.block{display:block;}

/* font */
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px !important;}
.f15{font-size:15px;}
.f16{font-size:16px  !important;}
.f26{font-size:26px  !important;}

/* width */
.w100{width:100% !important;}
.w300{width:300px !important;}
.w55{width:55% !important;}
.w31{width:31% !important;}
.w77{width:80px !important;}
.w120{width:124px !important;}
.w150{width:150px !important;}
.w90{width:90% !important;}
.w85{width:83% !important;}

/* height */
.h235{height:235px !important;}
.h305{height:305px !important;}

/* color */
.red{color:#eb3000 !important;}
.gray{color:#555 !important; font-size: 11px;}
.black{color:#000 !important;}
.g_blue{color:#8692a0 !important;}


/* select */
select {box-sizing:border-box; -webkit-appearance:none;display:inline-block;width:100%;color:#000;background: url(../images/arrow_sel.png) no-repeat right 50%;background-size:16px auto; border:none; font-size: 14px; letter-spacing: -0.09em; outline: none;}

/*  padding */
.pdl_5{padding-left:5px !important;}
.pdl_10{padding-left:10px !important;}
.pdl_20{padding-left:20px !important;}
.pdt_0{padding-top:0px !important;}
.pdt_5{padding-top:5px !important;}
.pdt_10{padding-top:10px !important;}
.pdt_15{padding-top:15px !important;}
.pdt_20{padding-top:20px !important;}
.pdb_0{padding-bottom:0px !important;}
.pdb_5{padding-bottom:5px !important;}
.pdb_15{padding-bottom:15px !important;}
.pd_0{padding:0 !important;}
.pd_15{padding:15px 0 !important;}
.pd_17{padding:17px 0 !important;}

/* align */
.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}

/* margin */
.m_top0{margin-top:0px !important;}
.m_top5{margin-top:5px !important;}
.m_top10{margin-top:10px !important;}
.m_top20{margin-top:20px !important;}
.m_top30{margin-top:30px !important;}
.m_btm20{margin-bottom:20px !important;}
.m_btm60{margin-bottom:60px !important;}
.m_btm0{margin-bottom:0 !important;}

/* bold */
.b{font-weight:bold;}

/* display */
.flex{display:flex;}

/* wrap */
#wrap{position: relative; width:100%;height: 100%; background: #e1e1e1;}

/* top */
#top{position: fixed; width: 100%; height: 55px; top: 0; left: 0; background: #fff; z-index: 100; overflow-y: hidden;}
.top h1{height: 54px; line-height: 50px; text-align: center; border-bottom: 1px solid #e4e4e4;}
.top h1 img{height:23px;}
.top .counsel{position: absolute; top: 15px; right: 20px;}
.top .counsel a{display:inline-block; height:25px; line-height: 22px; background: url(../images/counsel.png) top left no-repeat; background-size: 25px; padding-left:30px; color: #272f46; font-size:14px; font-weight: bold;}

/* mid */
#mid{width: 100%; top: 0; left: 0; background: #fff; padding-top: 52px; padding-bottom: 95px;}
#mid_issue{width: 100%; top: 0; left: 0; padding-bottom: 60px; background: #fff;}

.step{position: relative; display: inline-block; text-align: center; width: 100%; background:#f8f8f8; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding: 9px 0 5px 0;}
.step .order{margin: 0 auto; display: inline-block;}
.step .order li{display: inline-block; padding: 0 3px;}
.step .order li .on{text-align: center; display: inline-block; color: #fff; font-size:16px; line-height: 33px; padding:0 18px; height:34px; vertical-align: top; border-radius: 20px; background:#272f46; box-sizing: border-box;}
.step .order li .off{text-align: center; display: inline-block; color: #8f939f; font-size:16px; width: 34px; height: 34px; line-height: 33px; vertical-align: top; border-radius: 50%; border: 1px solid #8f939f; box-sizing: border-box;}
.blue{color: #272f46 !important; border:1px solid #272f46 !important;}

.info{clear: both; padding: 20px;}
.info h3{background: url(../images/dot.png) 0 8px no-repeat; background-size: 5px; padding-left: 12px; padding-bottom:10px; font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 0.01em;}
.info h3.noblt{background: none; padding-left: 0px;}

.recomm{float: right; }
.btn_recomm a{display: block; text-align: center; font-size: 13px; border: 1px solid #ccc; color: #000; border-radius: 4px; padding: 10px 0; margin-bottom: 5px; height: 20px; line-height: 20px; width: 150px;}

.bh_date{width: 100%; display: inline-block; text-align: center;}
.inp_wrap{width: 45%; display: inline-block; float: left; vertical-align: middle;}
.tx_date{display:block; font-size:12px; padding-bottom: 5px; letter-spacing: -0.05em; text-align: left;}
.inp_box{width: 100%; height: 50px; border:1px solid #e4e4e4; font-size: 14px;}
.line{border:1px solid #e4e4e4 !important;}
.line_l{border-left: 1px solid #e4e4e4 !important;}
.term{display: inline-block; width: 8%; text-align:center; padding-top: 40px; vertical-align: middle;}
.hyphen{display: inline-block; width: 8%; text-align:center; padding-top: 15px;}

/* table */
.tbl_inp{position: relative; width: 100%; clear:both; margin-bottom: 10px; border:1px solid #e4e4e4;}
.tbl_inp table{width:100%; background: #fff; }
.tbl_inp th,td{font-size:14px; border-top:1px solid #e4e4e4; letter-spacing:-0.02em;}
.tbl_inp tr:first-child th, .tbl_inp tr:first-child td {border-top:none;}
.tbl_inp th {padding:15px 3px 15px 10px; text-align: left;}
.tbl_inp td {padding:0 3px;}
.tbl_inp td label{vertical-align: middle; display: inline-block; cursor: pointer;}
.tbl_inp .driver{display: block; text-align: center;}
.tbl_inp .driver img{width:50%;}
.tbl_inp .r_line{border-right: 1px solid #e4e4e4;}
.inactive {color:#ccc}
.inquiry_no{text-align: center; border: 1px solid #e4e4e4; padding: 20px 0; font-size: 14px;}

.arrow a{display: inline-block; padding:15px 5px;}
.arrow img{height:17px;}
.arrow_up a{display: inline-block; padding:15px 5px;}
.arrow_up img{height:10px;}

.inp_txt_wrap{width:100%; overflow: hidden;}
.inp_txt_wrap a{display:block;}
.inp_txt_wrap span{display:block; padding: 15px 0; width:100%;}
.inp_txt_wrap em{display: inline-block; background: #ff0000; color: #fff; padding: 0; height: 18px; line-height: 18px; font-size: 10px; border-radius: 5px; text-align: center; width: 22px; vertical-align: middle; margin-left: 3px;}
.touch_area{display:block;}

.txt{line-height: 20px; letter-spacing:-0.09em; padding: 10px 0;}
.txt a{display: inline-block; line-height: 20px; letter-spacing:-0.05em; font-weight: bold; vertical-align: middle;}
.txt_b{display: inline-block; line-height: 20px; letter-spacing:-0.05em; font-weight: bold; color:#eb3000; vertical-align: middle; padding-right: 5px;}
.txt_b a{display: inline-block; line-height: 20px; letter-spacing:-0.05em; font-weight: bold; color:#eb3000; vertical-align: middle; padding-right: 5px;}
.txt_b_no{display: inline-block; line-height: 20px; letter-spacing:-0.05em; font-weight: normal; color:#ccc; vertical-align: middle; padding-right: 5px;}

.btn_wrap{padding:0 20px; margin:0 auto 20px;}
.btn_wrap .prev a{display:inline-block; background:#b6bec8; width:49%; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.btn_wrap .prev_full a{display:block; background:#b6bec8; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.btn_wrap .next a{display:inline-block; background:#eb3000; width:49%; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.btn_wrap .next_full a{display:block; background:#eb3000; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.btn_wrap .btn_call_bigyo{display:inline-block; background:#eb3000; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.next_full em{display:block;}
.btn_view{display: inline-block; background: #b6bec8; color: #fff; text-align: center; padding: 2px 5px;}

.privacy{padding:10px 0; height: 20px;}
.privacy label{font-size: 12px; margin-right: 5px;}

.op_info{background:#f2f3f5; font-size:12px; line-height:16px; padding:0px !important; height: 60px; overflow: hidden;}
.txt_area{display:block; padding:20px; font-size: 13px;}

/* btm */
#btm{clear: both; width:100%;}
#btm .copyright{padding:20px; border-top: 1px solid #e4e4e4;}
#btm .copy{padding-bottom:10px; font-size: 14px; text-align: center; font-weight: bold;}
#btm .copy span{display:inline-block; text-align:center}
#btm .copy span:after{content:" | "; margin:0 5px; color:#212121;}
#btm .copy span:last-child:after{content:""}
#btm .copy span a{font-weight: bold;}
#btm .copy_s{font-size:10px; display: block; text-align: center; letter-spacing: 0;}
#btm .copy_addr{font-size:11px; display: block; text-align: center; letter-spacing: 0; padding-bottom: 3px;}

/* layer_popup */
#lyr_pop{position: fixed; /*-webkit-transform: translateZ(0); position: absolute; background:#fff;*/ width:100%; height: 100%; top:0; left:0; z-index:200; overflow-x:hidden;
		   -webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(00,00,00,0.7);
           overflow-y: visible !important;
	
		   background: transparent;
		   background-color: rgba( 00, 00, 00, 0.7 );
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000 );
		   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3000000, endColorStr=#b3000000 )";
}
.lyr_cnt{z-index: 500; width: 100%; height:100%; background: #FFF; max-height: 100%; overflow-y: scroll;}
.lyr_cnt .lyr_top{position: relative; padding: 20px;}
.lyr_cnt .lyr_top h1{font-size:24px; font-weight:bold; color:#272f46;}
.lyr_cnt .lyr_mid{padding:0 20px 20px;}
#mid .lyr_cnt{position: static;}

.btn_closed{position: absolute; top:25px; right:20px;}
.scroll{/*height: 280px; overflow-y: auto;*/}
.btn_closed img{height:25px;}

.pop_img{text-align:center; padding:20px 0;}
.pop_img img{width:60%;}

.lyr_tit{position:relative;padding:20px 0; text-align:center;}
.lyr_tit h2{font-size:16px; line-height: 16px; font-weight:bold;}
.lyr_tit .sub_tit{position:relative;font-size: 18px; font-weight: bold; padding-bottom: 10px;}

.lyr_select{padding: 5px 0; margin-bottom:5px;}
.lyr_select h3{display:inline-block; background: url(../images/dot.png) 0 13px no-repeat; background-size: 5px; padding-left:10px; margin-right:10px; line-height: 31px; height: 31px;}
.lyr_select select option{font-size:14px;}
.lyr_select em{display:inline-block; font-size:14px; line-height: 31px; height: 31px;}

.lyr_select .sel_type{display:inline-block; width:55%; vertical-align: top;}
.lyr_select .sel_type select{border: 1px solid #ddd; padding: 5px 10px; background:#fff url(../images/arrow_sel.png) no-repeat 93% 11px; background-size: 16px auto;}

.lyr_select .inp_type{display:inline-block; width:55%; vertical-align: top;}
.lyr_select .inp_type input{border: 1px solid #ddd; padding: 5px 10px; vertical-align: top;}

.lyr_cover{position:relative; width:100%; opacity:0.8; background:#000; overflow-x:hidden;}
.lyr_menu{position:absolute; bottom:20px; left:20px; z-index:300;}
.lyr_menu .menu_box{width:130px;}
.lyr_menu .menu_box li{padding:0 0 13px 6px;}
.lyr_menu .menu_box li a{display: block; color:#fff; font-size:14px; background: url(../images/arrow.png) 110px 2px no-repeat; background-size: 10px; line-height: 20px;}
.lyr_menu .menu_box li:last-child{padding-bottom:20px;}
.lyr_menu .menu_box .on{color:#ffcc00; font-size:14px; }
.lyr_menu .menu_box .on em{background: #ffcc00 !important;}
.lyr_menu .menu_box  em{display: inline-block; background: #fff; border-radius: 50px; width: 20px; height: 20px; margin-right: 10px; color: #000; text-align: center;}

.lyr_closed a{display: block; color: #fff; font-size: 14px; line-height: 30px;}
.lyr_closed img{height:30px; padding-right:10px;}

.lyr_btn_ok a{display:block; width:50px; margin:5px auto 10px; padding:5px; background:#272f46; text-align:center; color:#fff; font-size:12px;}

.tmap{display: block; font-weight: bold; /*padding: 10px 0 3px 0;*/ line-height: 14px; padding:2px 10px;}

.agree{position: absolute; top:20px; right:0;}
.agree_off{padding:5px 10px; text-align:center; color:#fff; font-size:12px; background: #b6bfc8;}
.agree_on{padding:5px 10px; text-align:center; color:#fff; font-size:12px; background: #272f46;}
.sub_info{line-height: 18px; font-size: 14px;}
.sub_info_1{display: inline-block; line-height: 20px; background: url(../images/dot.png) 0 8px no-repeat; background-size: 5px; padding-left: 12px; font-size: 16px; font-weight: bold; width:100%; box-sizing: border-box;}
.sub_info em{display:block; padding-top: 5px; line-height: 14px;}


.prev_next a{}
.prev_next .prev {position:absolute;top:0px;padding:20px;width:20%; font-size:13px; color:#000; background-repeat:no-repeat; background-size:8px 10px;left:0;padding-left:10px;background-image:url(../images/arrow_l.png);background-position: left 50%; height:18px; line-height: 18px;}
.prev_next .next {position:absolute;top:0px;padding:20px;width:20%; font-size:13px; color:#8c8c8c; background-repeat:no-repeat; background-size:8px 10px;display:inline-block; right:0;padding-right:10px;background-image:url(../images/arrow.png) ;background-position:right 50%; height:18px; line-height: 18px;}


.sel{display: inline-block; width: 100%;}
.sel select{width:95%;}
.sel select option{font-size:14px;}

.q{display:inline-block; padding-right:5px;}
.q img{height:20px;}

.sms_wrap{padding:0 20px 20px;}
.sms_tit{padding-bottom: 10px}
.sms_tit strong{display: block; font-size: 14px; padding-bottom: 5px;}
.sms_tit .number{display: block; font-size: 12px; padding: 5px 0;}
.sms_tit .number em{font-weight:bold; display: block; float: right; font-size: 13px; line-height: 14px;}
.sms_tit .number em span{font-weight:bold;}
.sms_confirm{padding-bottom:30px; margin-bottom: 30px;}
.num_inp{display: inline-block; width: 60%;}
.btn_ok a{display: inline-block; float: right; width: 39%; text-align: center; background: #ff0000; color: #fff; height: 50px; line-height: 50px; font-weight: bold; font-size:14px;}

.view a{display: inline-block; background: #b6bec8; padding: 2px 5px; color: #fff; /*height: 20px;*/ line-height: 20px; word-break: break-all; vertical-align: -2px;}
.view iframe{ width: 100%; height: auto; max-width: 640px;}

.inquiry{width:100%; display: table; /*margin-bottom: 10px;*/ padding: 20px 20px 0px; box-sizing: border-box;}
.inquiry a{display:table-cell; width: 50%; text-align: center; font-size: 15px; font-weight: bold;  height: 45px; line-height: 45px;}
.inquiry .on{color: #272f46; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; box-sizing: border-box;}
.inquiry .off{border-bottom: 1px solid #e4e4e4; color: #999; box-sizing: border-box;}

.inquiry_tab{width:100%; margin: 10px 0;}
.inquiry_tab a{display:inline-block; width: 50%; text-align: center; font-size: 15px; font-weight: bold;  height: 45px; line-height: 45px;}
.inquiry_tab .on{color: #eb3016; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; box-sizing: border-box;}
.inquiry_tab .off{border-bottom: 1px solid #e4e4e4; color: #999; box-sizing: border-box;}


/* layer_popup_event */
#lyr_pop_event{position: fixed; /*-webkit-transform: translateZ(0); position: absolute; background:#fff;*/ width:100%; height: 100%; top:0; left:0; display:table; z-index:500; overflow-x:hidden;
		   -webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           overflow-y: visible !important;
	
		   background: transparent;
		   background-color: rgba( 00, 00, 00, 0.7 );
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000 );
		   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3000000, endColorStr=#b3000000 )";
}
#lyr_pop_event_2{position: fixed; /*-webkit-transform: translateZ(0); position: absolute; background:#fff;*/ width:100%; height: 100%; top:0; left:0; display:table; z-index:500; overflow-x:hidden;
		   -webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           overflow-y: visible !important;

		   background: transparent;
		   background-color: rgba( 00, 00, 00, 0.7 );
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000 );
		   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3000000, endColorStr=#b3000000 )";
}
.lyr_event{display:table-cell; text-align:center; vertical-align:middle; padding: 0px 15px; margin: 0 auto; box-sizing: border-box;}
.lyr_event_ara{max-width: 400px; margin: auto; background: #272f46; text-align: center;}
.lyr_event_ara a{display: block;}
.lyr_event_ara img{width:100%;}

.lyr_event_btn{display: table; width: 100%;}
.lyr_event_btn a{display: table-cell; width: 50%; padding: 11px 0px;}
.lyr_event_btn a span{display: block; color: #dfe0e2; font-size: 14px; line-height: 20px; font-weight: normal !important;}
.lyr_event_btn .line_r{border-right: 1px solid #686e7e;}

.lyr_event .btn_x{position: absolute; right: 20px; top: 20px;}
.lyr_event .btn_x img{height:24px;}

.lyr_event_btn button{display: inline-block; padding: 10px 20px; color: #fff; text-align: center; font-weight: bold; font-size: 14px; min-width: 40px; width: 50%;}
.br_line{border-right: 1px solid #4a5165;}


/* loading */
.loading_wrap{background:#f7f7f7; padding:20px;}
.loading_area{position: relative;  background: #dddddd; height: 10px; border-radius: 50px; width: 95%; margin: 0 auto;}
.loading_area .loading_bar{position: absolute; background: #ff0000; display: block; width: 0; z-index: 300; height: 10px;  border-radius: 50px;}
.loading_area .loading_bar .car{position: absolute; height: 45px; top: -15px; right: -30px;}
.loading_txt{}
.loading_txt .percent{display: block; padding-top: 25px; text-align: center; font-size: 30px; font-family: gotham; color: #ff0000; font-weight: bold;}
.loading_txt .account{display: block; text-align: center; font-size: 14px; padding-top: 5px;}

.loading{text-align: center;}
.loading span {
  display: inline-block;
  margin: 0 -.05em;
  animation: loading 0.9s infinite alternate;
  font-size: 26px;
  font-weight: 800;
  font-family: "Helvetica","Apple SD Gothic";
  color: #eb3000;
}
.loading span:nth-child(2) {
  animation-delay: .1s;
}
.loading span:nth-child(3) {
  animation-delay: .2s;
}
.loading span:nth-child(4) {
  animation-delay: .3s;
}
.loading span:nth-child(5) {
  animation-delay: .4s;
}
.loading span:nth-child(6) {
  animation-delay: .5s;
}
.loading span:nth-child(7) {
  animation-delay: .6s;
}
.loading span:nth-child(8) {
  animation-delay: .7s;
}
.loading span:nth-child(9) {
  animation-delay: .8s;
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* input */
input,input[type=text], input[type=password], input[type=date], input[type=number], input[type=tel], textarea {display:inline-block; width:100%; padding:10px 5px; border:none; font-size:14px; line-height:20px; box-sizing:border-box; outline: none;}
input[type="checkbox"] {padding:5px; border-radius: 0px;}

::-webkit-input-placeholder {color:#000;}
::-moz-input-placeholder {color:#000;}
::-ms-input-placeholder {color:#000;}

input[type=checkbox] {-webkit-appearance:none; display:inline-block; width:20px; height:20px; background:url(../images/chk_box.png) no-repeat left bottom; background-size:100% auto; outline:none; border:none; border-radius: 0px;}
input[type=checkbox]:checked,input[type=checkbox]:active { background-position:left top; outline:none; border-radius: 0px;}

input[type=radio] {-webkit-appearance:none;display:inline-block;width:19px;height:19px;background:url(../images/chk_rio.png) no-repeat left top;background-size:100% auto;outline:none;border:none;}
input[type=radio]:checked {outline:none;background-position:left bottom;}


.switch{position: relative; display: block;}
.switch_ara{position: absolute; top:32px; right:120px;}
.switch_ara input[type="checkbox"] {position: absolute; visibility: hidden;}
.switch_ara label {display: block; position: absolute; width: 120px; height: 28px; border-radius: 15px; background-color: #ddd; transition-duration: 0.2s;}
.switch_ara label span {position: absolute; left: 3px; top: 3px;  z-index: 1; width: 55px; height: 22px; border-radius: 11px; background-color: #fff; transition-duration: 0.2s;}
.switch_ara label:before,.switch label:after{position: absolute; top: 0; width: 65px; font-size: 12px; line-height: 28px; color: #fff; text-align: center;}
.switch_ara input:checked + label {background-color: #eb3000;}
.switch_ara input:checked + label span {transform: translateX(59px);}

.switch_ara label:before {left: 0; content: '사용';}
.switch_ara label:after {right: 0; content: '사용안함';}
 

/* list */
.prd_list{}

.list_wrap{display: inline-block; width: 100%;}
.list_wrap li{display: inline-block; width: 100%; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom: 20px;}
.list_wrap li:last-child{border:none; margin-bottom: 0px;}
.list_wrap .sum{width: 100%; margin-bottom: 10px; display: inline-block; clear: both;}
.list_wrap .sum dt{float:left; display: inline-block; width: 32%; max-width: 110px; margin-top: 5px;}
.list_wrap .sum dt img{width: 100%;}
.list_wrap .sum dd{float:right; display: inline-block;}

.mile_tt{display: inline-block; font-size: 12px; height: 24px; line-height: 24px; vertical-align: middle; width: 108px; text-align: left; letter-spacing: -1px;}
.mile_sum{display: inline-block; font-size: 18px; color: #ff0000; text-align:right; height: 24px; line-height: 24px; vertical-align: middle; width: 106px;}
.mile_sum_1{display: inline-block; font-size: 14px; font-weight:normal; color: #b6bfc8; text-align:right; height: 24px; line-height: 24px; vertical-align: middle; width: 106px;}

.btn_join{width: 100%; text-align: center; margin-top: 10px;}
.btn_join a{display: block; text-align: center; font-size: 16px; border: 1px solid #272f46; padding: 7px 0; font-weight: bold; color:#272f46;}
.btn_join a.off{background:#999;}
.btn_join .join_off{display: block; text-align: center; font-size: 16px; border: 1px solid #272f46; padding: 7px 0; font-weight: bold; color:#272f46; background:#999;}

.event{clear: both; padding-top: 10px;}
.event img{width:100%;}

.calcul{display: block; padding: 10px 5px; font-size: 14px; line-height: 30px; border: 1px solid #e4e4e4; height: 28px; color:#979797; text-align: left;}

.discount_tt{display: inline-block; width: 75px; font-weight: bold;}
.discount{clear: both;margin: 0 auto; display: inline-block; width: 74%; vertical-align: top;}
.discount .contract{margin: 0 0 10px;}
.discount .contract li{display:inline-block; width: auto !important; padding: 0; margin: 0 0 2px 0; border: none; font-size:11px;}
.discount .contract li span{display:inline-block; padding: 0 2px;}
.ico img{height:16px;}

.discount .arrow_btn{position: relative;}
.discount .arrow_btn img{height:10px;}
.discount .arrow_btn .left{position: absolute; left: 0; top: -1px;}
.discount .arrow_btn .right{position: absolute; right: 0; top: -1px;}

.mk_agree{height: 100px; border: 1px solid #e4e4e4; padding: 10px 10px; line-height: 18px;}
.agree_area{display: inline-block; padding-left: 5px; vertical-align: top; width: 100px;}
.no_calcul{display: inline-block; text-align: right; font-size: 14px; line-height: 18px; padding-top: 10px; width: 150px; letter-spacing: -1px;}

@media all and (max-width:320px) {
	.txt,.txt_b{line-height: 20px; letter-spacing:-0.01em; font-size:12px; padding: 10px 0 !important;}
	.top h1 img{height: 20px;}
    .top .counsel a{display: inline-block;
    height: 25px;
    line-height: 22px;
    background: url(../images/counsel.png) top left no-repeat;
    background-size: 25px;
    padding-left: 27px;
    color: #272f46;
    font-size: 14px;
    font-weight: bold;}
	
	/*190327 추가*/
	.list_wrap .sum dd{float:left; margin-top: 10px; width: 100%;}
	.list_wrap .sum dd span{text-align: left;}
	.mycard dt{width: 100% !important;}
	.mycard dd{width: 100% !important; margin-top: 10px;}
	
	.btn_wrap{padding:0 20px; margin:0 auto 20px;}
	.btn_wrap .prev a,.btn_wrap .prev_full a,.btn_wrap .next a,.btn_wrap .next_full a{font-size:14px;}
	
	.srch_inp input,.srch_inp input[type=text]{font-size: 12px;}
	.inp_sel_wrap select {font-size: 12px;}
	
	.error_tit .sub_tit em{display: inline !important;}
	
	.total_date .data_tit{width: 95% !important;}
	.total_date .prev{left:-20px !important;}
	.total_date .next{right:-20px !important;}
	
	/*login*/
	.login_wrap .login_logo{padding-top: 10% !important;}
	.login_wrap .login_logo h1 img{height: 90px !important;}
	.login_wrap .login_logo p{font-size: 12px !important;}
	.login_area{margin-top: 30px !important;}
	
	
	}

/* bxSlider */
.bx-wrapper{margin: 0 10px; max-width:100% !important;}
.bx-viewport{width: 93% !important;}

/* bootstrap layer */

.modal-dialog{margin: 0;}
.modal-content{border: none;}

/* loading */
.waiting{background-image: url(../images/loading.gif);
background-position: 50% 50%;
background-size: 50px;
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
	
/*본문 ::  개인보호정책, 이용약관, 마케팅필수동의, 휴대폰인증*/
.op_info .policy{height: 80px; overflow-y: scroll; padding: 10px; box-sizing: border-box;}
.policy h2{font-size: 13px; font-weight: 600; margin:5px 0 10px;}
.policy h2:first-child{margin-top:0px;}
.policy h2:nth-child(2){margin-top:20px;}
.policy h3{font-size: 12px; font-weight: 600; margin:20px 0 10px; background: none; background-size: 0px; padding-left: 0px; padding-bottom:0px;}
.policy h3 span{font-size: 10px; vertical-align: 2px; margin-right: 5px;}
.policy h4{font-size: 12px; font-weight: 600; margin: 15px 0px 8px; color: #eb3000;}
.policy h4 span{font-size: 10px; vertical-align: 2px; margin-right: 5px;}
.policy p{color: #888; font-size: 12px; line-height: 18px; word-break: break-all;}
.policy ol{margin-top: 7px; margin-bottom: 15px;}
.policy ol:last-child{margin-bottom: 0px;}
.policy ol li{color: #888; font-size: 12px; line-height: 18px; padding-bottom: 10px;}
.policy ol li ol{margin-bottom: 0px; display: block; margin-top: 5px;}
.policy ol li li{padding-bottom:2px;}
.policy ol li p{margin-top: 5px; padding-bottom: 2px;}
.policy ol li dl dt{padding:12px 0 5px;}
.policy ol li dl dt span{font-size: 8px; vertical-align: 2px; margin-right: 3px;}
.policy ol li dl dd{padding-left:12px;}
.policy ol li dl dd span{margin-left:-4px;}
.policy ul{margin-top: 7px; margin-bottom: 15px;}
.policy ul li{color: #888; font-size: 12px; line-height: 18px; padding-bottom: 3px;}
.policy ul li span{margin-left:-4px;}

/*footer :: 개인보호정책, 이용약관*/
.policy_foot h2{padding: 13px 0px 13px; font-size: 20px; font-weight: 600;}
.policy_foot h3{background:none; padding: 0px; font-size: 16px; font-weight: 600; margin: 20px 0px 0px;}
.policy_foot h4{font-size: 14px; font-weight: 600; margin: 15px 0px 8px; color: #eb3000;}
.policy_foot p{color: #888; font-size: 13px; line-height: 20px;}
.policy_foot ol{margin-bottom: 10px;}
.policy_foot li{color: #888; font-size: 13px; line-height: 20px; padding-bottom: 10px;}
.policy_foot li ol,.policy_foot li dl{margin-bottom: 0px; display: block; margin-top: 10px;}
.policy_foot li li{padding-bottom:5px;}
.policy_foot li dl dt{padding:12px 0 5px;}
.policy_foot li dl dt span{font-size: 10px; vertical-align: 2px; margin-right: 3px;}
.policy_foot li dl dd{padding-left:12px;}
.policy_foot li dl dd span{margin-left:-4px;}

/****추가 190329****/

/*position*/
.bg_no{background: none !important;}

/*.top55{top:55px !important;}
.bg_bk{position: fixed; width: 100%; height: 100%; background: transparent;
	   background-color: rgba( 00, 00, 00, 0.7 );
	   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000 );
	   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3000000, endColorStr=#b3000000 )";}*/

.cnt_box{height: 90px; padding: 15px 10px; overflow-x: hidden; overflow-y: auto; border: 1px solid #e4e4e4; background: #f2f3f5; box-sizing: border-box;}
.tbl_inp a .txt{font-weight: bold;}
.info_date{padding:10px 0px 20px;}
.ti_date{width: 100%; display: table; box-sizing: border-box;}
.ti_date span{width: 63%; display: table-cell; font-weight: bold;}
.ti_date span.tx_date{width: 35%; display: table-cell; text-align: right; font-weight: normal;}

.list_w90 .inp_txt_wrap label{width: 90% !important;}
.list_w85 .inp_txt_wrap label{width: 85% !important;}
.list_w83 .inp_txt_wrap label{width: 83% !important;}

.btn_wrap span em{font-size: 13px; font-weight: normal; display: block;}

#mid .info .lyr_tit{margin-top: -20px;}
.lyr_cnt .lyr_mid .scroll{height: 280px; overflow-y: scroll;}
.lyr_cnt .lyr_mid .scroll::-webkit-scrollbar {width: 3px;}
.lyr_cnt .lyr_mid .scroll::-webkit-scrollbar-thumb {background: #ccc;}
.lyr_cnt .lyr_mid .srch_tbl_list{height: 241px; overflow-y:scroll !important;}
.lyr_cnt .lyr_mid .srch_tbl_list::-webkit-scrollbar {width: 3px;}
.lyr_cnt .lyr_mid .srch_tbl_list::-webkit-scrollbar-thumb {background: #ccc;}
.lyr_mid .srch_tbl_list td span{padding: 5px; display: block;}

.stage3 a{width:33.33% !important;}
.event_tt{margin-top: 5px; font-weight: bold; color: #272f46;}
.sub_info_s{display: block; padding: 5px; font-size: 12px; background: #272f46; width: 230px; margin: 5px auto 0; border-radius: 50px; color: #fff;}
.sub_info_tab{display: block; line-height: 18px; font-size: 13px; margin-bottom: 10px;}

.info_gray{padding: 0px 20px 20px; background:#f2f3f5;}
.info_gray .sub_tit {margin-bottom: 10px;}
.info_gray .sub_tit span{letter-spacing: -1px;}
.info_gray .btn_wrap{padding:0px; margin:20px auto 10px;}


.info_car{margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #e4e4e4; border-bottom: 1px dotted #e4e4e4; display: block; line-height: 22px;}
.info_car .info_car_n .car_n{display: block !important;}
.info_car .info_car_r .car_r{display: block !important;}
.info_car .car_n,.info_car .car_r{display: none;}
.info_car dt{font-size: 13px; padding-bottom: 5px; font-weight: bold; background: url(../images/icon_dot.png) no-repeat left 9px; background-size: 3px auto; padding-left: 8px;}
.info_car dd{font-size: 12px; color: #6b6b6b; /*padding-left: 8px;*/}
.info_car dd .blt_type{padding: 1px 5px; color: #fff; border-radius: 3px; background: #ff8300;}


/*loading*/
.loading_ara{position:fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; text-align: center;
		   -webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           overflow-y: visible !important;
	
		   background: transparent;
		   background-color: rgba( 00, 00, 00, 0.7 );
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000 );
		   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3000000, endColorStr=#b3000000 )";}

.loading_ara .wait{position: absolute; top:50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; text-align: center; background: url(../images/loading.gif) center center no-repeat; background-size: 50px 50px; z-index: 150;}
.loading_ara .wait span{position: absolute; top: -10000px; left: -10000px; width: 0px; height: 0px; overflow: hidden !important; display: none; color: #fff; font-size: 14px;}
.loading_ara .bg_bk{top:0px; left: 0;}

/*table :: no_radio*/
.tbl_choice{margin-bottom:20px;}
.tbl_choice tbody th{padding: 0px 3px; /**/}
.tbl_choice tbody th .txt{padding-right: 32px !important; font-weight: normal !important; background:url(../images/question.png) center right 0.6em no-repeat; background-size: 20px 20px; box-sizing: border-box;}
.tbl_choice tbody td span{padding-right: 30px; background:url(../images/arrow.png) center right 0.6em no-repeat; background-size: 10px 17px; box-sizing: border-box;}
.tbl_choice tbody td span{padding-right: 30px; background:url(../images/arrow.png) center right 0.6em no-repeat; background-size: 10px 17px; box-sizing: border-box;}
.tbl_choice tbody th .inp_sel_wrap{width: 100%; display: table;}
.tbl_choice tbody th .inp_sel_wrap .txt{padding:15px 45px 15px 0px;}
.tbl_choice tbody th .inp_sel_wrap .sel{display: table-cell; padding-top: 15px; padding-bottom: 15px;}
.tbl_choice .r_line tbody th{border-right:1px solid #e4e4e4;}
.tbl_choice .r_line tbody td{border-right:1px solid #FFF !important;}
.tbl_choice .choice{border: 3px solid #eb3000 !important; box-shadow: 1px 5px 8px 1px #ccc; box-sizing: border-box;}

/*button*/
.btn_wrap .reset_full a{display:block; background:#909ea6; padding:15px 0; color:#fff; text-align:center; font-weight:bold; font-size:16px;}
.btn_result span{display: block;}
.btn_result .reset_full{margin-top: 5px;}
.btn_result .btn_call{display: block; text-align: center; font-size: 16px; font-weight: bold !important; padding: 15px 0; background: #272f46; margin-bottom: 5px; color: #fff;}

/*top color*/
#sales_wrap .top ul{width: 100%; display: table; background: #c3002f;}
#sales_wrap .top li{display: table-cell; text-align: center; box-sizing: border-box;}
#sales_wrap .top h2{line-height: 55px; color: #fff; font-size: 16px;}
#sales_wrap .top .prev{width: 20%; padding-left: 10px; text-align: left;}
#sales_wrap .top .menu{width: 20%; padding-right: 10px; text-align: right;}

/*보험료계산 타이틀*/
.con_tit{position:relative; padding:20px 0px 0px; text-align:center;}
.con_tit .sub_tit{position:relative;font-size: 20px; font-weight: bold; padding-bottom: 10px;}

/*하단 플로팅*/
.btm_float{position: fixed; bottom: 0; width: 100%; height: 45px; background: #272f46; clear: both; border: 1px solid #141926; z-index: 10;}
.btm_float ul{width: 100%;  display:table;}
.btm_float li{display: table-cell; text-align: center;}
.btm_float a{display:block; text-align: center;}
.btm_float span{height: 45px; width: 80px; display: block; margin: 0 auto;/*padding-top: 23px;*/  font-size: 12px; color: #fff; letter-spacing: -0.5px; line-height: 45px; text-align: center; box-sizing: border-box; cursor: pointer;}
.btm_float .result{}
.btm_float .customer{}
.btm_float .self{}
.btm_float .profit{}

/*명함*/
.mycard{margin: 20px; display: block;}
.mycard_ara{position: relative; max-width: 415px; margin: 0px auto; display: block; padding: 10px 10px 25px 20px; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.mycard_ara .logo{width: 150px; text-align: right;}
.mycard_ara .logo img{width: 100%;}
.mycard_ara dl{width: 100%; display: inline-block;}
.mycard_ara dt{width: 100%/*44% 95px*/; padding-right: 10px; display: inline-block; vertical-align: top; font-size: 12px; box-sizing: border-box;}
.mycard_ara dt span{margin-top: 2px; font-size: 20px; display: block;}
.mycard_ara dd{/*width: 54%; display: inline-block;*/width: 100%; padding-top: 10px; display: block; font-size: 13px; line-height: 17px;}
.mycard_ara dd span{width: 15px; text-align: center; padding-right: 5px; /*padding-left: 5px;*/}
.mycard_ara dd p{width:100%; display: inline-block; padding-bottom: 6px; word-wrap: break-word; /*text-indent:-15px;*/ padding-left: 0px; box-sizing: border-box; text-align:left; vertical-align: top;}
.mycard_ara dd p:first-child{width: 38%;}
.mycard_ara dd p:nth-child(2){width: 60%;}
.mycard_ara dd .call p span{padding-right: 14px; padding-left: 5px; background:url(../images/arrow.png) no-repeat right center; background-size: 5px auto;}


		/*명함 :: 프로필 > 업무지원자료 명함*/
.mycard_issue{margin: 0px 0px 20px; display: block;}
.mycard_issue .mycard_ara{padding: 25px 10px 25px 20px;}
.mycard_issue .mycard_ara .logo{width: 100px;}
.mycard_issue .mycard_ara dt{width: 100%;}
.mycard_issue .mycard_ara dd{width: 100%; padding-top: 20px;}
.mycard_issue .mycard_ara dd p{width: 49.5%; display: inline-block;}
.mycard_issue .mycard_ara dd p em{width: 24px; height: 24px; text-align: center; display: inline-block; border-radius:12px; background: #f2f3f5; padding: 3px 0 0 17px; box-sizing: border-box; font-weight: bold; text-indent:-15px;}
.mycard_issue .mycard_ara dd p span{padding-left: 5px;}

.mycard_issue em.txt{padding-top: 0px; display: block; font-size: 13px;}
.mycard_issue em.txt a{ vertical-align: top; text-decoration: underline;}
.mycard_issue em span{display:inline-block; padding: 4px 20px; margin-top: 20px; margin-bottom: 10px; color: #eb3000; background: #F2F3F5; border-radius:20px; }
.mycard_issue .txt_off{display: none !important;}
.mycard_issue dt .org{font-size: 14px;}
.mycard_issue dt .name{font-weight: bold;}

.mycard_off .input_area,.mycard_off .txt{display: none !important;}
.mycard_off .mycard_ara{opacity: 0.4; filter: grayscale(100%); -webkit-filter: grayscale(100%); background: #f2f3f5;}
.mycard_off .txt_off{display: block !important;}
.mycard_off .mycard_ara p{color: #999;}

.btn_tel {position: absolute; top: 15px; right: 20px; display: block;}
.btn_tel a{display: block; width: 50px; height: 50px; background:url(../images/tel.png) center center no-repeat #272f46; background-size: 25px; border-radius:50px;}
.btn_tel span{position: absolute; width: 0px; height: 0px; top: -10000px; left: -100000px; display: none;}

@media all and (max-width:359px) {
	.mycard_issue .mycard_ara dd p{width: 100%; padding-top: 5px;}
	
	.mycard_ara dd p:first-child{width: 100%;}
	.mycard_ara dd p:nth-child(2){width: 100%;}

	}
	

/* table */
.tbl_list {width:100%; border:1px solid #e4e4e4;}
.tbl_list th,.tbl_listtd {padding:0 3px; font-size:14px; border-top:1px solid #e4e4e4; letter-spacing:-0.02em; text-align: left;}
.tbl_list tr:first-child th, .tbl_list tr:first-child td {border-top:none;}
.tbl_list th p,.tbl_list td p{display:block; padding: 15px 0 15px 5px;}
.tbl_list td span{font-weight: bold; line-height: 20px; letter-spacing:-0.09em;}

/*search*/
.srch{width: 100%; display: table; padding: 0px 0px 10px; box-sizing: border-box;}
.srch div{display:table-cell; vertical-align: middle;}
.srch .srch_inp input{height: 40px; margin-right: 3px; border: 1px solid #e4e4e4 !important; font-size: 13px;}
.srch .srch_btn{width: 130px;  text-align: right;}
.srch .srch_btn a{display: block; width:60px; height: 40px; line-height: 40px; color:#fff; text-align:center; font-size:14px; box-sizing: border-box;}
.srch .srch_btn span{display:inline-block; margin-left:2px;}
.srch .srch_btn .search a{background:#eb3000;}
.srch .srch_btn .reset a{background:#b6bec8;}

/*search_table*/
.srch_tbl{display: block; clear: both; border-top: 1px solid #000;}

.srch_tbl_list{display: block; overflow: hidden;}
/*.srch_tbl_tr tbody tr:hover{background: #f2f3f5 !important; cursor: pointer;}*/
.srch_tbl_tr tbody td a{display: block !important;}
.srch_tbl_list table {width: 100%;}
.srch_tbl_list thead th{padding: 10px 2px; text-align: center; box-sizing: border-box; border-bottom: 1px solid #dfdfdf;}
.srch_tbl_list thead th span{color: #000; font-size: 13px; font-weight: bold;}
.srch_tbl_list tbody tr{border-bottom: 1px solid #e4e4e4;}
.srch_tbl_list tbody th{background: #f2f3f5; font-size: 14px;}
.srch_tbl_list tbody th a{padding: 10px 0px; display: block;}
.srch_tbl_list tbody th .tel{padding:5px 0px 0px;}
.srch_tbl_list tbody td{font-size: 13px; text-align: center; border-top: none;}
.no_data{display: block; border-bottom: 1px solid #e4e4e4; padding: 40px 0px; font-size: 13px; text-align: center; color: #888;}

.srch_tbl_list .tel{display: block; text-decoration: underline; font-size: 12px; word-break:break-word;}
.srch_tbl_list .tel span{display: block; padding: 10px 0px; }

.srch_tbl_list .txt a{display: block; padding: 10px 10px;}
.srch_tbl_list .txt span{display: inline-block;}
.srch_tbl_list .btn{width: 90px; margin: 0 auto; padding: 10px 0px; text-align: center;}
.srch_tbl_list .btn a{display: block;}
.srch_tbl_list .btn span{width: 80px; display: block; margin: 0 auto; padding:10px 5px; text-align:center; color:#fff; font-size:12px; background: #b6bec8;}
.srch_tbl_list .btn .btn_past{margin-bottom:5px;}
.srch_tbl_list .btn .btn_send{background: #272f46;}
.srch_tbl_list .btn .btn_end{background:#f4f4f4; color: #99a3b0;}

.srch_tbl_list .btn_s{width: 80%; margin: 0 auto; padding: 10px 0px; text-align: center;}
.srch_tbl_list .btn_s a{display: block;}
.srch_tbl_list .btn_s span{width: 100%; display: block; margin: 0 auto; padding:10px 0px; text-align:center; color:#fff; font-size:12px; background: #b6bec8;}

.srch_tbl_tdl tbody td{border-left: 1px solid #dfdfdf;}
.srch_tbl_tdl tbody td:first-child{border-left: none;}


/*최근상담신청*/
.issue_tbl_list table{table-layout: fixed;}
.issue_tbl_list tbody tr{border-bottom: none; border-top: 1px solid #e4e4e4;}
.issue_tbl_list tbody tr:first-child{border-top: none;}
.issue_tbl_list tbody tr:last-child{border-bottom: 1px solid #e4e4e4 !important;}
.issue_tbl_list tbody th {background: #fff;}
.issue_tbl_list tbody th a span{font-size: 15px !important;}
.issue_tbl_list tbody td{padding: 20px 2px 10px;}
.issue_tbl_list tbody td p{font-size: 12px;}
.issue_tbl_list .state_time{margin-top:5px;}
.issue_tbl_list .bdr_no{border-top: none;}
 
.issue_tbl_list select option{font-size:14px;}
.issue_tbl_list .sel_type{display:inline-block; width:55%; vertical-align: top;}
.issue_tbl_list .sel_type select{border: 1px solid #ddd; padding: 7px 10px; background:#fff url(../images/arrow_sel.png) no-repeat 93% 11px; background-size: 16px auto;}

.issue_tbl_list .issue_tit_on a{padding: 7px 0px 15px;}
.issue_tbl_list .issue_tit_on a span{font-size: 12px !important; color: #717171;}
.issue_tbl_list .issue_tit{padding: 5px 10px; display: block; background: #f2f3f5; border-radius: 20px;}
.issue_tbl_list .issue_tit p{width: 100%; color: #888; display: block; word-break: break-all; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.issue_tbl_list .issue_tit span{padding: 2px 5px; background: #666; color: #fff;}
.issue_tbl_list .issue_tit_ara{padding: 5px 5px 15px; text-align: left; /*border-bottom: 1px dashed #e4e4e4;  background: #f2f3f5;*/}


/*btn_url*/
.btn_url{position: relative; width: 100%; display: block; overflow-x:hidden; box-sizing: border-box;}
.btn_url a{display: block;}
.btn_url .txt{position: absolute; top: 0px; right: 0px; width: 80px; height: 30px; padding: 5px 2px !important; box-sizing: border-box; color: #fff; text-align: center; background: #000;}
.btn_url .url{width: 100%; height: 30px; line-height: 28px; padding-right: 90px; padding-left: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing: border-box; border: 1px solid #b6bec8;}


/*btn_more*/
.btn_more .more{display: block; margin-top: 10px; text-align: center; box-sizing: border-box; border: 1px solid #dfdfdf;}
.btn_more a{display: block; color: #000; padding: 12px 30px 12px 10px; font-size: 13px;}
.btn_more a i{display: inline-block; padding-left: 15px; vertical-align: 1px;}
.btn_more a i img{width: 6px;}


/*실적조회*/
.srch_tbl_total{text-align: right; padding-bottom: 8px;font-size: 14px;}
.inp_total_wrap{padding: 10px 5px; border-left: 1px solid #e4e4e4;}
.inp_total_ara{padding: 10px 5px;}

.total_txt{padding-top: 25px; text-align: center; font-size: 14px;}
.total_txt .total_noti{background:url(../images/ico_total.png) no-repeat left 2px; background-size: 15px; color:#ff7800; padding-left: 20px; font-weight: bold; display: inline-block;}

.total_date{position: relative; padding: 20px 20px 0px; margin: 0 20px;}
.total_date .prev{position: absolute; left:-10px; top: 11px; z-index: 2;}
.total_date .next{position: absolute; right:-10px; top: 11px; z-index: 2;}
.total_date .prev span{width: 50px; height: 60px; line-height: 1500px; color: #fff; display: block; text-align: center; overflow: hidden; background:url(../images/arrow_l.png) center 50% no-repeat; background-size: 10px;}
.total_date .next span{width: 50px; height: 60px; line-height: 1500px; color: #fff; display: block; text-align: center; overflow: hidden; background:url(../images/arrow.png) center 50% no-repeat; background-size: 10px;}
.total_date .btn_wrap{ width: 140px; margin-top: 10px;}
.total_date .btn_wrap .next_full a{padding:10px 0px; font-size: 15px;}

.total_date .data_tit{width: 90%; margin: 5px auto 0px; display: block; text-align: center;}
.total_date .data_tit span{font-size: 14px; font-weight: bold;}
.total_date .data_tit select{padding-top: 5px; padding-bottom: 5px; font-size: 15px; font-weight: bold; letter-spacing: 0px;}
.total_date .data_tit option{font-size: 15px; letter-spacing: 0px;}
.total_date .data_tit .txt{margin-left: 5px; vertical-align: -2px;}
.total_date .sel_type_year{padding: 0px 10px; border: 1px solid #dfdfdf; display: inline-block;}
.total_date .sel_type_year select{width: 65px;}
.total_date .sel_type_month{padding: 0px 10px; border: 1px solid #dfdfdf; display: inline-block; margin-left: 15px;}
.total_date .sel_type_month select{width: 50px;}

.total_price{width: 100%; text-align: center;}
.total_price p{font-size: 14px; font-weight: bold; vertical-align: bottom;}
.total_price .price{font-size: 30px; color: #eb3000;}
.total_price .tit{padding-bottom: 3px;}

.total_detail{border: 1px solid #ddd; padding: 10px 30px; border-radius: 5px;}
.detail_area{display: inline-block; }
.detail_m{display: inline-block; font-weight: bold; font-size: 16px;}
.total_lsit{padding: 20px;}


/*공지사항*/
.notice{width: 100%; display: block;}
.notice li{display: block; border-bottom: 1px solid #e4e4e4;}
.notice .rank{background: #f2f3f5; border-bottom: 1px solid #bbb;}
.notice .con_ara a{padding: 15px 10px; display: block;}
.notice .con_ara span{display: block; font-size: 13px; color: #888;}
.notice .con_ara .text{font-size: 16px; margin-bottom: 5px; color: #000; line-height: 24px;}
.notice .con_ara .new{font-weight:bold; color: #eb3000; font-size: 10px; margin-bottom: 3px;}
.notice .con_ara .view{padding: 20px 0px; font-size: 14px; line-height: 22px; /*color: #888;*/ word-break: break-all; color:#000;}
.notice .con_ara .view img{max-width: 100%;}
.notice .con_ara .date{text-align: left; }
.notice .con_ara .view a{padding: 0px; background: none; color: #000 !important; word-break: break-all; text-decoration: underline;}
.notice .view table{width:100% !important; border-top: 1px solid #f7f7f7;}
.notice .view table th{padding: 5px 2px; border: 1px solid #dfdfdf; color: #fff; background: #dfdfdf;}
.notice .view table td{padding: 5px 2px; border: 1px solid #dfdfdf; color: #666;}

/*공지사항 :: view컨텐츠 추가*/
.notice .view .priv_change li{border-bottom:none;}
.notice .view .priv_change span{display:inline-block; font-size: 10px;}
.notice .view .priv_before,.notice .view .priv_after{padding: 3px 0px; margin-bottom: 10px; display: block; text-align: center; background: #ddd;}
.notice .view .priv_before_con h2{font-size:15px; color:#ccc !important;}
.notice .view .priv_after_con h2{font-size:15px; color:#000 !important;}

.notice .view .priv_before_con h4,.priv_before_con p,.priv_before_con li,.priv_before_con span {color:#ccc !important; font-size: 13px;}
.notice .view .priv_after_con h4,.priv_after_con p,.priv_after_con li,.priv_after_con span {color:#000 !important; font-size: 13px;}

.notice .view .priv_after_con table{margin-top: 10px;}
.notice .view .priv_change table{width:100% !important; border-top: 1px solid #f7f7f7;}
.notice .view .priv_change table thead th{background: #f2f3f5;}
.notice .view .priv_change table th{padding: 5px 2px; border: 1px solid #dfdfdf; color: #000; font-size: 12px; line-height: 18px; background: #fff; text-align: center;}
.notice .view .priv_change table td{padding: 5px 2px; border: 1px solid #dfdfdf; color: #000; font-size: 12px; line-height: 18px; text-align: center;}



/*업무지원 자료*/
.issue_tbl{display: block; clear: both;}
.issue{width: 100%; display: block;}
.issue li{display: block; border-bottom: 1px solid #e4e4e4;}
.issue .con_ara{position: relative;}
.issue .con_ara a{padding: 15px 0px; display: block;}
.issue .con_ara .new_dot{position: absolute; top: 16px; left: auto; right: 0px; z-index:100;}
.issue .part{width: 100%; font-size: 13px; color: #eb3000; padding-right: 20px; word-break: break-all; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; box-sizing: border-box;}
.issue .part span{margin-right: 10px;}



.issue dl{width: 100%; display: table; margin-top: 5px;}
.issue dt,.issue dd{display: table-cell; vertical-align: middle;}
.issue dt{width: 100px; height: 75px; padding-left: 15px;}
.issue dt p{text-align: right; width: 100px; height: 70px;}
.issue dt img{width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, .2);}
.issue dd .tit{height: 50px; font-size: 16px; line-height: 24px; 
	display: -webkit-box; word-break: break-all;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; pointer-events: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.issue dd .date{width: 100%; display: table; text-align: left; margin-top: 5px; font-size: 12px; color: #888;}
.issue dd .date span{display: table-cell; width: 50%;}
.issue dd .hits{margin-left: 8px; text-align: right;}
.issue p{display: block;}
.issue_bn{width: 100%; margin-bottom:5px; text-align: center; background:#b8d5ff;}
.issue_bn a{display: block; text-align: center;}
.issue_bn img{max-width: 400px; width: 100%; height: auto;}

.issue_float{position: fixed; bottom: 0px; width: 100%;}
.issue_float .issue_btn{display: table; width: 100%;}
.issue_btn p {display: table-cell; width: 50%; text-align: center;}
.issue_btn p a{display: block;}
.issue_btn p span{display: inline-block; padding: 13px 0 13px 32px; font-size:15px; text-align: center;}
.issue_btn .sms{background: #272f46;}
.issue_btn .sms span{background: url(../images/ico_sms.png) center left no-repeat; background-size: 25px; color:#fff;}
.issue_btn .talk{background: #ffcc2d;}
.issue_btn .talk span{background: url(../images/ico_talk.png) center left no-repeat; background-size: 25px; color: #261617;}
.issue_btn .down{background: #272f46;}
.issue_btn .down span{background: url(../images/ico_down.png) center left no-repeat; background-size: 23px; color:#fff;}

.btn_prv_wrap{display: block; background: #b6bec8;}
.btn_prv_wrap a{display: block; text-align: center;}
.btn_prv_wrap .btn_prv{display: inline-block; padding: 10px 0 10px 25px; font-size:15px; color: #fff; text-align: center; background: url(../images/ico_prv.png) center left no-repeat; background-size: 20px;}


		/*업무지원자료 : view*/
.info_issue{padding:0px 0px 0px !important;}


		/*업무지원 자료 : 발송이력*/
.issue_list td:first-child{padding: 13px 10px 13px 0px; text-align: left;}
.issue_list td:first-child span{padding:0px 10px 0px 0px; display: inline-block;}
.issue_list td:first-child .part span{color: #eb3000;}
.issue_list td:first-child .tit{margin-top: 5px; font-size: 14px;}
.issue_list td:last-child {background: #f2f3f5;}

		/*업무지원 자료 : 고객상담친청팝업*/
.issue_popup{position: relative; max-width:500px; height:550px;  margin: 0 auto; padding: 0px 20px; text-align: left; background: #fff;}
.issue_popup .privacy_info{padding: 8px 10px 10px; margin-top: 5px; overflow-y: auto; height: 50px; border: 1px solid #dfdfdf;}
.issue_popup .privacy_info span{display: block; text-indent:-14px; padding-left:14px;}
.issue_popup .btn_area{padding: 30px 0px;}


/*에러페이지*/
#error{width: 100%; text-align: center; display: block;}
.error_cnt{padding:20px;}
.error_cnt .img{padding: 50px 0 10px 0;}
.error_cnt .img img{width: 60%;}
.error_tit{padding:20px 0 30px;}
.error_tit .sub_tit{font-weight: bold; font-size: 20px; line-height: 32px;}
.error_tit .sub_tit em{display: block;}
.error_tit .sub_info{padding-top: 10px; line-height: 22px;}

/*보험가입증명서 업로드*/
#upload{padding-top: 30px;}
.upload_tit{text-align: center; padding:0px 20px; letter-spacing:-0.5px;}
.upload_tit .sub_tit{font-weight: bold; font-size: 25px; line-height: 32px;}
.upload_tit .sub_info{padding-top: 10px; line-height: 22px;}
.upload_cnt {width: 100%; padding: 40px 0px 0px;text-align: center;}
.upload_cnt .btn_gallery{width: 50%;box-sizing: border-box;margin: 0 auto;}
.upload_cnt p{display: block; text-align: center; border: 1px solid #ccc;}
.upload_cnt a{display: block;}
.upload_cnt span{display: block; font-size: 15px; font-weight: bold; color: #eb3000; padding:95px 0px 20px; }
.upload_cnt .btn_gallery span{background:url(../images/btn_gallery.png) top 1.5em center no-repeat; background-size: 70px auto;}
.upload_txt{text-align: center; padding-bottom: 10px; font-size: 14px; letter-spacing: -1px;}
.upload_cnt .txt{padding: 10px 0px; font-size: 13px; color: #888;}

#upload .btn_wrap{padding: 0px;}
#upload .no_upload .next_full a{background:#f4f4f4; color: #99a3b0;}

.upload_list {width: 100%; padding-top: 30px; display: inline-block; text-align: center; background: #f8f8f8;}
.upload_list span{display: block;}

.upload_txt{width:100px; padding: 0px 5px 30px; display: inline-block; box-sizing: border-box;}
.upload_txt .img {border: 1px solid #e4e4e4; width: 90px; height: 90px; box-sizing: border-box;}
.upload_txt .img img{width: 100%; height: 100%;}
.upload_txt .txt{padding:10px 0px 10px 15px !important; background:url(../images/ico_file.png) center left no-repeat; background-size: 12px 12px; color: #000; text-align: left; box-sizing: border-box; 
	             text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.upload_txt .chk_ok{height: 30px;  line-height: 30px;}
.upload_txt .chk_ok em{color: #00c50e; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 15px; background:url(../images/check_ok.png) center left no-repeat; background-size: 12px 12px;}

.upload_fail p{text-align: center; font-size: 14px; font-weight: bold; line-height: 21px; color: #eb3000; margin: 20px 0px;}

/*개인정보 수집 및 활용동의 */
.list_agree {margin-top: 15px; border-top: 1px solid #000; padding-top: 10px;}
.list_agree .agree_all_txt{font-size: 14px; line-height: 22px; font-weight: bold;}
.list_agree dt{border-bottom: 1px solid #e4e4e4; margin-bottom: 20px;}
.list_agree dd{border: 1px solid #e4e4e4;}
.list_agree .inp_txt_wrap span{padding:10px 0px 0px; font-size: 13px;}
.list_agree .op_info{height: 100px;}
.list_agree .op_info .policy{height: 100px;}
.list_agree .policy h3{padding-left: 0px; padding-bottom: 0px; background: none;}
.list_agree .policy .left th,.list_agree .policy .left td{text-align: left;}
.list_agree_tit .tit{font-size: 18px; letter-spacing: -1px; padding: 0px 0px 10px; text-align: left;}
.list_agree_tit .sub_info_s{font-size: 12px; color: #888;}

.privacy_tble {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; margin: 10px 0; padding: 0;}
.privacy_tble th {padding: 7px 5px; border: 1px solid #e0e0e0; background: #fff; font-size: 12px; line-height: 17px; letter-spacing: -1px;}
.privacy_tble td {padding: 7px 5px; border: 1px solid #e0e0e0; text-align: center; font-size: 12px; color: #888;}

.privacy_tble_w {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; margin: 10px 0; padding: 0;}
.privacy_tble_w th{padding: 7px 5px; border-top: 1px solid #e0e0e0 !important; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; background: #f2f3f5; font-size: 12px; line-height: 17px; letter-spacing: -1px;}
.privacy_tble_w td{padding: 7px 5px; border: 1px solid #e0e0e0; text-align: center; font-size: 12px; color: #888; line-height: 18px;}
.privacy_tble_w tbody th {background: #f2f3f5;}
dd.op_info .privacy_tble_w td{ background: #fff;}
.privacy_tble_w .left{text-align: left;}

.priv_ver_tit{color: #272f46 !important; display: block; padding-top: 30px; border-top: 1px dotted #ccc;}
.priv_ver li{padding-bottom: 5px;}
.priv_ver li a{color: #888 !important; text-decoration: underline;}


/*약관동의*/
.arr_down a span,.arr_up a span{font-weight: normal !important;}
.arr_down span{background:url(../images/arrow_sel.png) center right 1.5em no-repeat; background-size: auto 10px;}
.arr_up span{background:url(../images/arrow_up.png) center right 1.5em no-repeat; background-size: auto 10px;}

.clause .scroll{height:235px !important; overflow-y: auto;}
.clause_chk .inp_txt_wrap{width: 100%; display: table;}
.clause_chk label{font-size: 13px; display: table-cell;}
.clause_chk .inp_chk{width: 20px; display: table-cell;}
.clause_chk .sub_info_s{padding: 0px 0px 15px; border-bottom: 1px solid #e4e4e4; color: #888;}

.clause_tit{position: relative;}
.clause_tit .txt_wrap{margin-bottom: 0px; padding-top: 0px;}
.clause_tit .agree{top:35px;}
.clause_tit_h3 .sub_info_1{margin: 30px 0px 15px;}
.clause_scroll{height: 220px; margin-top: 20px; overflow-y: auto;}

.bbm_line{border-bottom: 1px solid #e4e4e4;}

/*setting*/
.setting ul{width: 100%;}
.setting li{display: table; width: 100%; padding: 5px 0; border-bottom: 1px solid #e4e4e4;}
.setting .inp_txt_wrap{width: 40%; display: table-cell; vertical-align: middle;}
.setting .inp_txt_wrap span{font-size: 16px; font-weight: normal; letter-spacing: -0.5px; padding: 10px 0;}
.setting .setting_box{width: 60%; display: table-cell; vertical-align: middle; text-align: right;}
.setting .setting_box p{display: inline-block; width: 80px;}
.setting .setting_box label{font-weight: bold;}

/* 보험사별 마일리지 */
.mileage{}
.mileage .mileage_tt{margin-top: 20px;}
.mileage .mileage_tt h3{font-size: 12px; font-weight: bold; background: #272f46; width: 190px; border-radius: 50px; color: #fff; text-align: center; height: 20px; line-height: 20px; margin-bottom: 5px;}
.mileage .mileage_tt span{display: block; color: #ff0000;}

.mileage .tbl_mileage{width: 100%;}
.tbl_mileage thead th{text-align: left; font-size: 13px; font-weight: bold; padding: 20px 0 10px;}
.tbl_mileage thead tr{border-bottom:1px solid #e4e4e4;}
.tbl_mileage tbody th{background: #f8f8f8; font-size: 11px; border-bottom:1px solid #e4e4e4; color: #666;}
.tbl_mileage tbody tr{border-bottom:1px solid #e4e4e4;}
.tbl_mileage tbody td{font-size: 11px; text-align:center; padding: 10px 0; color: #666;}