@charset "utf-8";

/************************************************************************
 * 파일명 : base.css
 * 설명  : Mobile 외부청구서 CSS
 * 작성자 : (주)바이널
 * 작성일 : 2017.09.12
************************************************************************/

/* 상단 logo 영역 */
.logo_info {padding: 0; border-top:0px solid #ddd; text-align:center;}
.logo_info .logo img {width:90px; height:60px;}
.logo_info .logo_txt {padding:8px 0 0px 0; height:60px; line-height:60px; font-family: 'Noto Sans KR', sans-serif; color: #1d1d1d; font-size:23px; font-weight:300;}
.logo_info .box_tel {display:inline-block; padding-top:10px;}
.logo_info .box_tel + .box_tel:before {content:''; display:inline-block; width:1px; height:12px; margin:0 6px; background:#ddd; vertical-align:middle;}
.logo_info:after {content:''; display:block; height:10px; margin-top:0px; background:#f3f0f0;}
.logo_info .desc {padding-top:10px; color:#888; font-size:14px; line-height:18px;}


/* 동의하기 */ 
/*230728수정*/
.list_agree {position: relative; font-family:'Noto Sans KR', sans-serif; border: 1px #eee solid; margin: 10px 0 10px 0; padding:10px 0 5px 0px; list-style-type: none;}
.list_agree div.chk_wrap label {display:block; font-size:13px;}

.list_agree .agree_box_L { position: relative; text-align: center; display: inline-block; width:30%; height:100px; padding: 0px 0 0px 0 ; }
.list_agree .chk_wrap.all{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 78px; }
.list_agree .chk_wrap.all label {color:#222; font-size:13px; font-weight:500; line-height:20px;}
.list_agree .agree_box_R { position: relative; text-align: center; display: inline-block; width:68%; height:100px; padding: 0px 0 0px 0px; }
/*.list_agree .chk_wrap.all { display: inline-block; position: relative; text-align: center; vertical-align: middle; padding: 100 0x 0 0px;}*/

.list_agree ul.list { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; border-left:1px solid #eee;  padding:0 0 0 3%;}
/*.list_agree ul.list {  border-left:1px solid #ddd;  vertical-align: middle;}*/
.list_agree ul.list li {position: relative; text-align: left; padding:5px; border-top:0px solid #eee; }
.list_agree ul.list li:first-child {border-top:0;}
.list_agree ul.list li .chk_wrap {  color:#222; font-size:13px; line-height:20px; letter-spacing: -1px;}
.list_agree ul.list li .chk_wrap:after {width:10%;  content:''; display:block; height:0; clear:both; visibility:hidden;}
.list_agree ul.list li .txt_left {  color:#222; font-size:13px; line-height:20px;letter-spacing: -1px;}
.list_agree ul.list li .btn_right {position:absolute; right:20px; top:50%; margin-top:-10px;}
.list_agree ul.list li .btn_right a.tlink {font-size:14px; line-height:21px;letter-spacing: -1px;}
.list_agree .list_bl_desc {margin-top:10px;}
/*//230728수정*/
.list_agree .top_info {padding:20px 0;}
.list_agree .top_info .tit_desc {padding:0 0;}
.list_agree .top_info+.chk_wrap.all {margin-top:10px;}
.list_agree .btm_info {padding-top:30px;}




/* 해지안내 */
.cancel_state {position:relative; padding:160px 0 65px; text-align:center;}
.cancel_state:after {content:''; position:absolute; left:50%; top:69px; width:84px; height:74px; margin-left:-42px; background:url('../images/sp_pp.png') 0 -30px no-repeat; background-size:300px 300px;}
.cancel_state strong {display:block; color:#222; font-size:22px; line-height:30px;}

/* 신청완료 */
.fin_state {position:relative; padding:50px 0 50px; text-align:center; font-family: 'Noto Sans KR', sans-serif; }
//.fin_state:after {content:''; position:absolute; left:50%; top:69px; width:84px; height:74px; margin-left:-42px; background:url('../images/sp_pp.png') -100px -30px no-repeat; background-size:300px 300px;}
.fin_state strong {display:block; color: #1d1d1d; font-size:22px; font-weight:300; line-height:30px;}
.fin_state strong ff {display:block; color: #ff0000; font-size:22px; font-weight:300; line-height:30px;}
.fin_state .t_desc {margin:0px 0px 0 0; color: #1d1d1d; font-size:20px; font-weight:300; line-height:30px;}

/* 이미지 가이드 */
.number_guide {margin-top:30px; padding:20px; background:#f8f8f8;}
.number_guide .tt {padding-bottom:14px; color:#888; font-size:12px; line-height:18px;}
.number_guide img.img_guide {width:100%;}

/* 이용안내 */
.use_guide {margin-top:10px; padding:20px; background:#f8f8f8; font-size:14px; line-height:21px;}
.use_guide strong {display:block; padding-bottom:10px; color:#222;}
.use_guide li {color:#888; line-height:21px;}

/* 맞춤소식 선택 */
.list_order_made {}
.list_order_made:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.list_order_made li {float:left; width:33.33%; padding-top:20px;}

/* 이동중 */
.out_move {padding-top:30px; border-top:1px solid #ddd; text-align:center;}
.out_move .logo img {width:90px; height:60px;}
.out_move strong.em {display:block; padding-top:25px; color:#222; font-size:22px; line-height:30px;}
.out_move .img_load {padding-top:48px;}
.out_move .img_load .loading {display:inline-block; position:relative; width:25px; height:25px; background:url('../images/list_loading.png') 0 0 no-repeat; background-size:25px 25px; transform:rotate(0deg); -webkit-animation: anload 1500ms infinite ease-in-out; animation: anload 1500ms infinite ease-in-out; }

@-webkit-keyframes anload {
   to{transform:rotate(0deg);}
   from{transform:rotate(360deg);}
}

@keyframes anload {
   to{transform:rotate(0deg);}
   from{transform:rotate(360deg);}
}
.out_move .img_load img {width:56px; height:56px;}
.out_move .list_bl_desc {margin-top:60px; padding:30px 20px 0; border-top:1px solid #eee; text-align:left;}

.btm_menu {height:60px; border-top:1px solid #eee; background:#fff;}
.btm_menu .menu:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.btm_menu .menu .mu {float:left; width:33.33%;}
.btm_menu .menu .mu a {display:block; padding:6px 0 7px; text-align:center;}
.btm_menu .menu .mu img.img {width:25px; height:25px;}
.btm_menu .menu .mu .txt {padding-top:2px; color:#222; font-size:12px; line-height:18px;}

/* 지방세 */
.taxes_par {}
.taxes_par:before {content:''; display:block; height:10px; margin-top:30px; background:#f3f0f0;}

.taxes_pay_guide {padding-top:20px; color:#222; font-size:14px; line-height:21px;}
.taxes_pay_guide p {margin-bottom:3px;}
.taxes_pay_guide .date {display:inline-block;}
.taxes_pay_guide .date:after {content:''; display:inline-block; width:1px; height:12px; margin:0 2px 0 8px; background:#ddd; vertical-align:middle;}
.taxes_pay_guide .txt {display:inline-block;}

.taxes_par .list_acc {margin-bottom:-30px;}
.taxes_par .list_acc ul.list {}
.taxes_par .list_acc ul.list li:first-child .head {border-top:0;}
.taxes_par .list_acc ul.list .head {border-top:1px solid #eee;}
.taxes_par .list_acc ul.list .head a {display:block; position:relative; padding:20px 58px 20px 20px;}
.taxes_par .list_acc ul.list .head .tit {color:#222; font-size:17px; line-height:26px; box-sizing:border-box;}
.taxes_par .list_acc ul.list .head a:after {content:''; position:absolute; right:20px; top:50%; width:12px; height:8px; margin-top:-4px; background:url('../images/sp_pp.png') 1px 1px no-repeat; background-size:300px 300px;}
.taxes_par .list_acc ul.list .head.btn_open a:after {background-position:1px 1px;}
.taxes_par .list_acc ul.list .head.btn_close a:after {background-position:-19px 1px;}
.taxes_par .list_acc ul.list .desc {display:none; padding:0 20px 20px; color:#666; font-size:14px; line-height:21px;}
/*.taxes_par .list_acc ul.list li:last-child .desc {padding-bottom:0;}*/
.taxes_par .tit_acc {padding:20px 38px 20px 0; color:#222; font-size:17px; line-height:26px;}

.taxes_par .det_img {margin-top:20px; width:100%;}
.taxes_par .det_img img {width:100%;}

.taxes_par .box_guide {margin-top:10px; padding:17px 20px 20px; background:#f8f8f8;}

.taxes_par .txt_guide {position:relative; margin-top:3px; color:#888; font-size:13px; line-height:20px;}
.taxes_par .txt_guide .name {display:inline-block; margin-left:20px; color:#222; font-size:14px; line-height:21px; vertical-align:middle;}
.taxes_par .txt_guide .box_tel {display:inline-block; margin-left:20px; vertical-align:middle;}

.taxes_par .txt_guide .box_tel.abs {position:absolute; left:56px; top:0; margin-left:0;}

.taxes_par .inq_wrap .hd {padding:20px 12px; border-top:1px solid #222; border-bottom:1px solid #eee; background:#f8f8f8; color:#222; font-size:14px; line-height:21px;}
.taxes_par .inq_wrap .txt_cts {padding:20px 12px; border-bottom:1px solid #eee;}
.taxes_par .inq_wrap .txt_cts .tt {color:#222; font-size:14px; line-height:21px;}
.taxes_par .inq_wrap .txt_cts .box_tel {margin-bottom:12px;}
.taxes_par .inq_wrap .txt_cts .txt_guide:first-child {margin-top:0;}
.taxes_par .inq_wrap .txt_cts .txt_guide .box_tel {margin-bottom:0;}
.taxes_par .inq_wrap .txt_cts .d_txt {padding-top:3px; color:#888; font-size:13px; line-height:20px;}
.taxes_par .inq_wrap .txt_cts .list_bl_desc {padding-top:3px;}
.taxes_par .inq_wrap .txt_cts .list_bl_desc.mt10 {margin-top:10px;}