/***************************************************************************************************
	Reset
***************************************************************************************************/

html, body {height:100%; margin:0; padding:0; -webkit-text-size-adjust:none;}
html {font:normal 16px 'Malgun Gothic', '맑은 고딕', dotum,'돋움',sans-serif;}
body {min-height:100%; color:#434343; background:transparent; word-wrap:break-word; word-break:break-all;}
img {border:none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd, em, figure {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
li {list-style:none;}
fieldset {margin:0; padding:0; border:none;}
legend {position:absolute; left:-1000px; top:-1000px; height:0; font-size:0; line-height:0; visibility:hidden;}
a {margin:0; color:#434343; text-decoration:none;}
table {width:100%; border-collapse:collapse; font-size:1em;}
table caption {display:none;position:absolute; left:-999px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
table td, table th {padding:0;}
button {margin:0; padding:0; font:normal 1em 'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; color:#434343; vertical-align:middle; background:0; border:none; overflow:visible; cursor:pointer;}
button:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type=text], input[type=password], input[type=number], input[type=rang], input[type=email], input[type=url], input[type=date], input[type=datetime], input[type=month], input[type=tel], input[type=search], input[type=color] {
	display:inline-block; height:37px; margin:0; padding:0 6px; font:normal .9375rem/37px '맑은 고딕', dotum,'돋움',sans-serif; color:#434343; vertical-align:middle;
	background-color:transparent; border:none; border-bottom:1px solid #d2d2d2; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type=checkbox], input[type=radio] {margin:0; vertical-align:middle; font-size:1em; border:none; border-radius:0; -webkit-appearance:none;}
input[type=checkbox] {width:20px; height:20px; margin-right:5px; background:url("../images/checkbox_off.png") no-repeat center center; background-size:17px auto;}
input[type=checkbox]:checked {background-image:url("../images/checkbox_on.png");}
input[type=radio] {width:25px; height:25px; background:url("../images/radio_off.png") no-repeat left center; background-size:auto 23px; border:none;}
input[type=checkbox]:only-child, input[type=radio]:only-child {margin:0;}
input[type=radio]+label, input[type=checkbox]+label {margin-right:0.6em; vertical-align:middle;}
label:last-child {margin-right:0 !important;}
input[type=radio]:checked {background-image:url("../images/radio_on.png");}
input[type=file] {border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=number].normal {text-align:left;}
input[type=text]:only-child, input[type=password]:only-child, input[type=search]:only-child, input[type=number]:only-child, input[type=email]:only-child, input[type=tel]:only-child {max-width:100%; width:100%;}
input::-webkit-input-placeholder {color:#a0a0a0;}
input:focus, select:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[readonly=readonly] {color:#222; background-color:transparent;}
input:disabled {color:#bfbfbf;}
input.redaonly[readonly=readonly] { color:#222; background-color:transparent;}
input.redaonly::-webkit-input-placeholder { color:#222;}
input.num {text-align:right;}
select {margin:0; max-width:100%; height:37px; padding:0 25px 0 10px; font:normal 1rem  'Malgun Gothic', dotum,'돋움','맑은 고딕',sans-serif; color:#222; vertical-align:middle; text-overflow:ellipsis;
	background:url("../images/select_arrow.png") no-repeat right center; background-size:25px auto; -webkit-background-size:25px auto;
	border:none; border-bottom:1px solid #d2d2d2; border-radius:0; -webkit-appearance:none; white-space:nowrap; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
textarea:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
select:disabled {color:#dcdcdc !important;}
select:only-child {display:block; width:100%;}
label, label > span {display:inline-block; vertical-align:middle;}
label input + span {margin-left:3px;}
textarea {width:100%; padding:5px 8px; font:normal .9375rem/150% 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#111;
	border:1px solid #c4c4c4; border-radius:2px; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
div {box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, footer, header, hgroup, nav, section, figure {display:block; padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
a[href^=tel] {padding-left:1em; text-decoration:underline; }
strong {}
em, address {font-style:normal;}
em {color:#00a73b;}
sub {font-weight:normal; vertical-align:middle;}
img {max-width:100%;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
textarea::-webkit-input-placeholder {color:#c2c2c2;}

/******** common class ********/
.f {width:100%;}
.mid {vertical-align:middle;}
.vtop {vertical-align:top;}
.r_btn {padding:5px 0; text-align:right;}
.c_btn {margin:15px 20px; padding:0 20px; text-align:center; overflow:hidden;}
.c_btn.item2 button {float:left; width:47%; margin:0;}
.c_btn.item2 button:nth-child(even) {float:right;}
.c_btn:first-child {margin-top:0;}
.c_btn button:only-child {width:100%;}
.c_btn.st02 {margin:10px; padding:0;}
.c_btn.mt02 {margin-top:50px !important;}
.contentsWrap > .c_btn:first-child {margin:0; padding:20px 25px;}
.container01 .c_btn {margin:10px 0;}
.container01 .c_btn:last-child {margin-bottom:5px;}
.alignr {text-align:right !important;}
.cen {text-align:center !important;}
.hide {position:absolute !important; left:-10000px; top:-10000px; visibility:hidden;}
.none {display:none !important;}
.clear:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.layer_back {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:500;}
.nodata {position:absolute; left:20px; top:20%; right:20px; margin:0; padding-top:60px; color:#a0a0a0; line-height:120%; text-align:center; background:url("../images/ico_nodata.png") no-repeat center top; background-size:52px auto;}
.nodata.st02 {position:static; margin:50px 0;}
.nodata.search {background:url("../images/ico_nodata_search.png") no-repeat center top; background-size:35px auto;}
.nodata.transfer {position:static; margin:10px 25px; padding:45px 10px 15px; font-size:.9375em; color:#434343; background:url("../images/ico_nodata_transfer.png") no-repeat center 12px; background-size:20px auto; border:1px solid #f0f0f0; border-radius:2px;}
.nodata.transfer strong {display:block; margin-bottom:15px; font-weight:normal; font-size:1.125rem; color:#ed6c00;}
.nodata.transfer em {color:#00a73b;}
.nodata strong {display:block; margin:10px; color:#434343;}
.nodata .c_btn {margin:50px 0 0;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ellipsisLine2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;}
.formWrap {display:inline-block; margin:2px 5px 2px 0; white-space:nowrap;}
.formWrap:last-child {margin-right:0;}
.rbtnWrap {position:relative; padding-right:3em;}
.rcen_btn {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.rcen_txt {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

@media screen and (max-width:320px) {
	html {letter-spacing:-0.05em;}
}

select ~ input {background-color:#fff;}

/******************************/


/***** layout *****/
.subWrap01 {position:relative; min-height:100%; padding-top:45px; -webkit-box-sizing:border-box; box-sizing:border-box;}
header.title {position:fixed; left:0; top:0; right:0; height:45px; color:#4c4c4c; background:#fff; border-bottom:1px solid #00a73b; z-index:100;}
.title .tt {height:45px; padding:0 40px; font-weight:normal; font-size:1.125rem; color:#4c4c4c; text-align:center; line-height:47px;}
.title .logo {text-align:left; text-indent:-9999em; background:url("../images/logo.png") no-repeat center center; background-size:106px auto;}
.head_btn {position:absolute; top:0; height:45px;}
.head_btn button {width:30px; height:100%; text-indent:-9999em;}
.head_btn.left {left:10px;}
.head_btn.right {right:10px;}
.btn_menu {background:url("../images/btn_menu.png") no-repeat center center; background-size:20px auto;}
.btn_home {background:url("../images/btn_home.png")no-repeat center center; background-size:26px auto;}
.btn_help {background:url("../images/btn_help.png") no-repeat center center; background-size:21px auto;}
.btn_headclose {width:30px; height:100%; text-indent:-9999em; background:url("../images/btn_headclose.png") no-repeat center center; background-size:15.5px auto;}
.btn_headprev {background:url("../images/btn_headprev.png") no-repeat center center; background-size:12px auto;}
.btn_write {width:35px !important; background:url("../images/btn_write.png") no-repeat center center; background-size:24.5px auto;}
.subWrap01.topfixWrap {padding-top:115px;}
.subWrap01.tabfixWrap {padding-top:115px;}
.subWrap01.FAQ {padding-top:157px;}
.tabfix, .topfix {position:fixed; left:0; top:45px; right:0; height:65px; background:#fff; z-index:50;}
.topfix.st02 {height:auto; padding-top:10px;}
.topfix.st02 .news_noti {margin:0 10px;}
.topfix.st02 .searchBox, .topfix.st02 .searchBox input {background:#fff;}
.topfix.st02 .searchBox {height:auto; padding-bottom:10px;}
.floatingWrap .contentsWrap {padding-bottom:60px;}

.contentsWrap {min-height:100%; padding-bottom:10px;}
.container01 {padding:10px;}
.container01.bg02 {padding-bottom:14px; background:#f1f1f1; border-bottom:1px solid #d2d2d2;}
.container02 {padding:20px;}
.tab_cont > .container01:first-of-type {padding-top:0;}

/*** GNB ***/
.GNB {position:fixed; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:200;}
.GNB.show {left:0; opacity:1; display:block;}
.GNB .wrapper {position:relative; height:100%; margin-right:60px; padding-top:250px; background:#fff; z-index:10;}
.GNB .GNB_title {position:absolute; left:0; top:0; right:0; padding:0 10px; background:#fff; z-index:21;}
.GNB .GNB_title:before {content:""; position:absolute; left:0; top:0; right:0; height:155px; background:#00a73b; z-index:1;}
.GNB .GNB_title > * {position:relative; z-index:2;}
.GNB .btn_area {height:45px; overflow:hidden;}
.GNB .btn_area button {float:left; width:38px; height:100%; text-indent:-9999em; background-repeat:no-repeat; background-position:center center; background-size:22px auto;}
.GNB .btn_area button:last-child {float:right;}
.GNB .btn_area .btn_home {background-image:url("../images/btn_home_w.png"); background-size:26px auto;}
.btn_noti {background-image:url("../images/btn_noti.png");}
.btn_mypage {width:38px; height:100%; text-indent:-9999em; background:url("../images/btn_mypage.png") no-repeat center center; background-size:auto 26px !important;}
.btn_setting {float:right; background-image:url("../images/btn_setting.png");}
.btn_push {position:relative; background:url("../images/btn_push.png") no-repeat center center; background-size:21.5px auto;}
.btn_push em {position:absolute; left:50%; bottom:50%; width:15px; height:15px; margin:0 0 -2px 2px; font-weight:bold; font-size:.71875rem; color:#fff; line-height:15px; text-align:center; text-indent:0; background:#f00; border-radius:50%;}
.GNB .GNB_title .cont {height:200px; padding:0 10px; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,.22);}
.GNB .user {display:-webkit-box; display:flex; height:40px; padding:0 5px; font-size:.9375em; -webkit-box-align:center; align-items:center;}
.GNB .user em {font-weight:bold; font-size:1.25rem; color:#00a73b;}
.GNB .login_area {display:none; height:130px; margin-bottom:5px; padding:25px 0 0; font-size:.9375em; border-bottom:1px solid #d2d2d2;}
.GNB .cust_num, .GNB .addr {display:table; width:100%; border-bottom:1px solid #d2d2d2;}
.GNB .cust_num > *, .GNB .addr > * {display:table-cell; vertical-align:middle;}
.GNB .custnumWrap {margin:3px 0;}
.GNB .custnumWrap .accWrap01 {height:45px;}
.GNB .custnumWrap .acc_tit {height:43px;}
.GNB .custnumWrap .acc_tit .infobox {height:43px; line-height:43px;}
/*.GNB .cust_num dt {width:4em; padding-left:5px; font-size:.9375rem;}
.GNB .cust_num dt:after {display:none;}
.GNB .cust_num dd, .GNB .addr dd {height:37px; font-weight:bold; color:#00a73b;}
.GNB .cust_num dd {padding:0;}
.GNB .cust_num select {width:100%; color:#00a73b; font-weight:bold; border:none;}*/
.GNB .addr {margin-bottom:5px; table-layout:fixed;}
.GNB .addr dt {width:3em; height:55px;}
.GNB .addr dd {height:39px; padding:5px 0;}
.GNB .addr dd > span {display:-webkit-box; -webkit-box-orient:vertical; max-height:2.9em; text-overflow:ellipsis; -webkit-line-clamp:2; line-height:140%; overflow:hidden;}
.GNB_search {position:relative; padding-right:40px; border-bottom:1px solid #d2d2d2;}
.GNB_search input {width:100%; color:#00a73b; background:#fff; border:none;}
.GNB_search:after {content:""; position:absolute; right:0; top:0; width:40px; height:100%; background:url("../images/btn_search01.png") no-repeat center center; background-size:20px auto;}
.GNB_search .btn_del01 {position:absolute; right:0; top:0; width:40px; height:100%; background-color:#fff; z-index:2;}
.GNB .GNB_cont {height:100%; background:#fff; overflow:auto;}
.GNB .btn_GNBclose {position:absolute; right:0; top:0; width:60px; height:100%; text-indent:-9999em; background:url("../images/btn_GNBclose.png") no-repeat 14px 12px; background-size:20px auto;}
.GNB nav {padding-left:15px;}
.GNB nav li ul {height:0; padding-left:12px; overflow:hidden; opacity:0;}
.GNB nav li li {border-bottom:1px solid #d2d2d2;}
.GNB nav li li:last-child {border:none;}
.GNB nav button {position:relative; width:100%; text-align:left;}
.GNB nav > ul > li > button {height:50px; padding:2px 45px 0 45px; font-weight:bold; font-size:1.0325rem; background-repeat:no-repeat; background-position:3px center; background-size:25px auto; border-bottom:1px solid #d2d2d2;}
.GNB nav > ul > li > button:after {content:""; position:absolute; right:30px; top:50%; width:15px; height:15px; margin-top:-7.5px; background:url("../images/btn_acc_down.png") no-repeat center center; background-size:15px auto;
	 -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;
}
.GNB nav > ul > li > button:only-child:after {background-image:none; -webkit-transition:none; transition:none;}
.GNB nav li li button:only-child {height:39px; padding-left:10px; font-weight:normal; font-size:.9375rem; color:#7d7d7d;}
.GNB nav > ul > li.open > button:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.GNB nav > ul > li.open > button:only-child:after {-webkit-transform:none; transform:none;}
.GNB nav > ul > li.open ul {height:auto; border-bottom:1px solid #d2d2d2; opacity:1;}

.GNB .menu_used > button {background-image:url("../images/menu_used.png");}
.GNB .menu_payment > button {background-image:url("../images/menu_payment.png");}
.GNB .menu_move > button {background-image:url("../images/menu_move.png");}
.GNB .menu_service > button {background-image:url("../images/menu_service.png");}
.GNB .menu_safety > button {background-image:url("../images/menu_safety.png");}
.GNB .menu_CS > button {background-image:url("../images/menu_CS.png");}
.GNB .menu_introduce > button {background-image:url("../images/menu_introduce.png");}
.GNB .menu_noti > button {background-image:url("../images/menu_noti.png");}
.GNB .menu_help > button {background-image:url("../images/menu_help.png");}

.GNB.log_off .wrapper {padding-top:198px;}
.GNB.log_off .GNB_title {height:198px;}
.GNB.log_off .GNB_title .cont {height:115px; height:calc(100% - 45px);}
.GNB.log_off .custnumWrap, .GNB.log_off .user {display:none;}
.GNB.log_off .login_area {display:block; height:auto; padding-top:16px; border:none;}
.GNB.log_off .login_area .btn {position:relative; margin:0 -10px 12px 0; padding-right:7rem; text-align:center; overflow:hidden;}
.GNB.log_off .login_area .btn button {height:30px;}
.GNB.log_off .login_area .btn_join {position:absolute; right:0; top:0; width:7rem; padding:2px 10px 0; font-size:.8125rem; color:#a0a0a0; text-decoration:underline; white-space:nowrap;}
.GNB.log_off .login_area .btn .btn01 {width:100%;}
.GNB.log_off .cust_num, .GNB.log_off .addr {display:none;}
.other_login {margin:12px 0 9px; overflow:hidden;}
.other_login button {float:left; width:calc(33.333% - 4px); height:30px; font-size:.75rem; border-radius:2px; margin-right:6px; }
.other_login button:last-child { margin-right:0; }
.other_login button > * {position:relative; display:inline-block; width:100%; letter-spacing:-1px; padding-left:10px; }
.other_login button > *:before { content:""; width:13px; height:10px; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url("../images/ico_login_naver.png") center no-repeat; background-size:13px auto; margin-left:8px; }
.other_login .btn_naver {color:#fff; background:#26cc09;}
.other_login .btn_kakao {color:#381e1f; background:#fae100;}
.other_login .btn_kakao > *:before { width:14px; height:14px; background-image:url("../images/ico_login_kakao.png"); background-size:14px auto;}
.other_login .btn_apple { color:#fff; background:#2e2e2d; }
.other_login .btn_apple > *:before { width:12px; height:15px; background-image:url("../images/ico_login_apple.png"); background-size:12px auto;}

@media screen and (max-width:320px) {
	.other_login button { font-size:.6875rem;}
}


.search_cont {position:relative; height:100%; padding:48px 0 10px 20px; background:#fff; -webkit-transform:translate(-100%, -100%); transform:translate(-100%, -100%); -webkit-transition:-webkit-transform .3s linear; transition:transform .3s linear;}
.search_open .search_cont {-webkit-transform:translate(0, -100%); transform:translate(0, -100%);}
.search_cont .btn_searchclose {position:absolute; right:12px; top:0; padding:6px 6px 4px; font-size:.875rem; color:#fff; background:#b5b5b5; border-radius:0 0 2px 2px;}
.search_cont .nodata {top:40px; left:50%; right:auto; min-width:180px; height:100px; padding:50px 10px 0; font-size:.9375rem; background:#fafafa url("../images/ico_nodata_search02.png") no-repeat center 15px; background-size:22px auto; border-radius:50px; white-space:nowrap;
	-webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-box-sizing:border-box; box-sizing:border-box;
}
.search_cont .list {height:100%; border-top:1px solid #d2d2d2; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
.search_cont .list li {border-bottom:1px solid #d2d2d2;}
.search_cont .list button {width:100%; height:39px; padding:2px 10px 0 18px; font-size:.9375rem; color:#7d7d7d; text-align:left;}
.search_cont .list button em {font-weight:bold; color:#ed6c00;}

/*** theme ***/
.theme01 {height:100%; min-height:450px; padding-top:55px; padding-bottom:10px; background:#f1f1f1 url("../images/bg_theme01.png") fixed repeat-x 0 0; background-size:2px auto;}
.theme01 header.title {height:55px; color:#fff; background:url("../images/bg_theme01.png") repeat-x 0 0; background-size:2px auto; border:none;}
.theme01 header.title .tt {color:#fff;}
.theme01 .contentsWrap {position:relative; height:100%; min-height:340px; margin:0 10px; background:#fff; border:1px solid #ebebeb; border-radius:2px; overflow:auto; -webkit-overflow-scrolling:touch;}
.theme01 .btn_menu {background-image:url("../images/btn_menu_w.png");}
.theme01 .btn_help {background-image:url("../images/btn_help_w.png");}
.theme01 .btn_headclose {background-image:url("../images/btn_headclose_w.png");}
.theme01 .btn_home {background-image:url("../images/btn_home_w.png"); background-size:26px auto;}
.theme01 .btn_headprev {background:url("../images/btn_headprev_w.png") no-repeat center center; background-size:12px auto;}

/*** WEB ***/
.WEB .subWrap01 {padding-bottom:140px;}
.WEB .subWrap01.nocopyright {padding-bottom:0;}
.WEB .contentsWrap {padding-bottom:10px;}
.copyright {display:none; padding:13px 14px 0; background:#f1f1f1;}
.WEB .copyright {display:block; position:absolute; left:0; right:0; bottom:0; height:140px;}
.footer_menu {margin-bottom:5px; text-align:center; line-height:1em;}
.footer_menu button {position:relative; height:1rem; padding:0 8px; font-weight:bold; font-size:.6875rem; color:#626262; vertical-align:middle;}
.footer_menu button:first-child:after {content:""; position:absolute; right:-3px; top:50%; width:1px; height:8px; margin-top:-4px; background:#959595;}
.copyright .container {margin:5px 0 0;}
.copyright p {font-size:.625rem; color:#626262; line-height:150%; letter-spacing:.01em;}
.copyright .addr > span {display:inline-block;}
.WEB .theme01 {height:auto; min-height:100%;}
.WEB .theme01:before {content:""; position:absolute; left:10px; top:55px; right:10px; bottom:140px; background:#fff; border:1px solid #ebebeb; border-radius:2px; z-index:1;}
.WEB .theme01 .contentsWrap {position:relative; height:auto; min-height:80%; border-bottom:none; border-radius:2px 2px 0 0; z-index:2;}


/***** button *****/
.fullBtnBox button { width:100%; margin-top:10px; padding-left:5px; padding-right:5px;}
.fullBtnBox button:only-child, .fullBtnBox button:first-child { margin-top:0px;}
.btn01 {min-width:5em; min-height:35px; padding:4px 10px 2px; font-weight:bold; font-size:.9375rem; color:#fff; background:#00a73b; border-radius:2px;}
.btn01:disabled {background:#dcdcdc;}
.btn01:only-child {width:100%;}
.btn02 {min-width:5em; height:35px; padding:2px 10px 0; font-weight:bold; font-size:.9375rem; color:#00a73b; background:#fff; border:1px solid #00a73b; border-radius:2px;}
.btn02:disabled {color:#dcdcdc; border-color:#dcdcdc;}

.btn_detail {position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-99999em;}
.btn_detail.st02 {left:auto; right:0; width:40px; background:url("../images/btn_detail_arrow.png") no-repeat center center; background-size:10.5px auto;}
.btn_detail.arrow:after {content:""; position:absolute; top:0; right:13px; width:12px; height:100%; background:url("../../common/images/btn_detail_arrow_green.png") no-repeat center center; background-size:auto 19px;}
.btn_del01 {width:30px; height:30px; text-indent:-9999em; background:url("../images/btn_del01.png") no-repeat center center; background-size:15px auto;}
.btn_del02 {width:30px; height:30px; text-indent:-9999em; background:url("../images/btn_del02.png") no-repeat center center; background-size:14px auto;}
.btn_search01 {width:30px; height:30px; text-indent:-9999em; background:url("../images/btn_search01.png") no-repeat center center; background-size:20px auto;}
.btn_acc {position:absolute; text-indent:-999em;}
.btn_acc::after {content:""; position:absolute; right:20px; top:0; width:19px; height:100%; background:url("../images/btn_acc_down02.png") no-repeat center center; background-size:100% auto;
	-webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:transform 0.2s linear; transition:transform 0.2s linear;
}
.btn_prev {width:40px; height:37px; text-indent:-9999em; background:url("../images/btn_cal_prev.png") no-repeat center center; background-size:25px auto;}
.btn_next {width:40px; height:37px; text-indent:-9999em; background:url("../images/btn_cal_next.png") no-repeat center center; background-size:25px auto;}
.btn_camera {height:66px; font-weight:bold; font-size:1.125rem;}
.btn_camera > span {position:relative; padding-left:41px;}
.btn_camera > span:before {content:""; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; background:url("../images/ico_camera.png") no-repeat left center; background-size:26px auto;}
.btn_gallery {height:66px; font-weight:bold; font-size:1.125rem;}
.btn_gallery > span {position:relative; padding-left:41px;}
.btn_gallery > span:before {content:""; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; background:url("../images/ico_gallery.png") no-repeat left center; background-size:24.5px auto;}

.btn_view {position:relative; display:inline-block; width:40px; height:40px; text-indent:-9999em; background:url("../images/btn_passwordview_off.png") no-repeat center center; background-size:29px auto; overflow:hidden;}
label.btn_view {text-indent:0; background:none;}
.btn_view > span {text-indent:-9999em;}
.btn_view input {position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/btn_passwordview_off.png") no-repeat center center; background-size:29px auto;}
.btn_view.on, .btn_view input:checked {background-image:url("../images/btn_passwordview_on.png");}

input.inp_cal {padding-right:30px; background:url("../images/btn_cal.png") no-repeat right center; background-size:33px auto;}
input.inp_time, select.inp_time {padding-right:30px; background:url("../images/btn_time.png") no-repeat right center; background-size:33px auto;}

.btn_link01 {padding:5px 0; font-weight:bold; font-size:.875rem; color:#00a73b;}
.btn_link01 > * {padding-right:18px; background:url("../images/ico_link01.png") no-repeat right center; background-size:13px auto;}

.btn_top {position:fixed; right:10px; bottom:15px; width:35px; height:35px; text-indent:-9999em;background:url("../images/btn_top.png") no-repeat center center; background-size:100% auto; z-index:20;}

/***** tab *****/
.tab01 ul {display:table; width:100%; border-collapse:collapse; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tab01 ul li {display:table-cell; width:50%; background:#f1f1f1; border:0 solid #d2d2d2; border-width:0 1px 1px;}
.tab01 ul li:first-child {border-left:none;}
.tab01 ul li:last-child {border-right:none;}
.tab01 ul li button {width:100%; height:53px; font-weight:bold; color:#777;}
.tab01 ul li.on {background:#fff; border-bottom-color:rgba(0,0,0,0);}
.tab01 ul li.on button {color:#00a73b;}
.tab01.item2 li {width:50%; font-size:1.125rem; white-space:nowrap;}
.tab01.item3 li {width:33%;}
.tab01.item4 li {width:25%;}
.tab01.st02 li {width:auto;}
.tab01.st02 button {min-width:4em; white-space:nowrap;}

.tab02 {padding:10px 10px 0;}
.tab02:first-child {padding-top:15px;}
.tab02 ul {display:table; width:100%; border:1px solid #00a73b; border-radius:2px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tab02 ul li {display:table-cell; width:33%;}
.tab02 ul li:first-child { width:34%;}
.tab02 ul li button {width:100%; height:38px; color:#00a73b; border-left:1px solid #00a73b; font-weight:bold;}
.tab02 ul li:first-child  button { border-left:0px;}
.tab02 ul li button > span {line-height:100%; font-size:0.938rem;}
.tab02 ul li.on button {color:#fff; background:#00a73b;}

.tab03{padding:10px; }
.tab03 ul{border:1px solid #00a73b; border-radius:3px; }
.tab03 ul:after{display:block; content:''; clear:both;}
.tab03 ul li{float:left; width:33.333%; height:40px;}
.tab03 ul li button{width:100%; height:100%; color:#00a73b; font-weight:bold; font-size:0.938rem; border-right:1px solid #00a73b;}
.tab03 ul li:last-child button{border-right:0;}
.tab03 ul li.on button{border-right:0; background:#00a73b; color:#fff;}






/***** search *****/
.searchBox {position:relative; height:45px; padding-right:65px; background:#fbfbfb; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.searchBox input {width:100%; height:100%; border:none;}
.searchBox select {float:left; width:30%;}
.searchBox select + input {float:right; width:65%; width:calc(70% - 10px);}
.searchBox button {position:absolute; top:0; width:30px; height:100%;}
.searchBox .btn_del01 {right:40px;}
.searchBox .btn_search01 {right:8px;}
.topfix .searchBox {height:65px; padding:9px 15px 0; border-bottom-color:#00a73b;}
.topfix .searchBox input {height:37px; padding-right:30px; border-bottom:1px solid #d2d2d2;}
.topfix .searchBox .btn_search01 {top:9px; right:10px; height:37px; width:40px;}
.searchWrap01 {padding:9px 15px;}
.topfix.searchWrap01 {height:112px; padding:9px 15px; border-bottom:1px solid #00a73b;}
.topfix.searchWrap01 .searchBox {height:auto; margin-top:13px; padding:0; background:#fff; border:none;}
.topfix.searchWrap01 .searchBox input {background:none;}
.topfix.searchWrap01 .searchBox .btn_search01 {top:0; right:0; width:35px; height:100%;}

/***** title *****/
.tit01 {padding:12px 25px; font-size:1.125rem;}
.tit01:before {content:""; display:inline-block; width:5px; height:1em; margin-right:7px; vertical-align:middle; background:url("../images/bul01.png") no-repeat left center; background-size:5px auto;}
.tit01.st02 {margin:15px 0 5px; padding:0; font-size:.9375rem;}
.info_cont01 > .tit01 {margin:10px 0; padding:5px 0;}
.info_cont01 > .tit01:first-child {margin-top:0;}
.txtbox01.st02 + .tit01 {margin-top:-25px;}
.tit02 {margin:15px; font-size:.9375rem;}
.tit03 {margin:12px 0 8px 0; font-weight:normal; font-size:.9375rem;}
.tit04 {margin:3px 0; font-weight:normal; font-size:.9375rem; color:#00a73b;}
.tit04.st02 {margin:10px 0;}
.tit05 {margin:17px 0 10px; font-weight:bold; font-size:.9375rem; color:#00a73b;}
.tit05 > span {display:inline-block; padding-bottom:6px; border-bottom:1px solid #00a73b;}
.tit06 {margin:15px 0 15px; padding-bottom:7px; font-size:1.125rem; color:#00a73b; border-bottom:1px solid #00a73b;}
.tit06:first-child, legend + .tit06 {margin-top:0;}
.tit07 {margin-bottom:8px; padding-left:8px; font-weight:bold; font-size:1.0625rem; color:#00a73b;}

/***** text *****/
.txtbox01 {margin:10px 20px; padding:15px 10px; font-size:.9375rem; text-align:center; line-height:167%; background:#f1f1f1;}
.txtbox01.st02 {margin:25px; padding:8px 10px; text-align:left; line-height:120%;}
.txtbox01.st02 p {padding-left:.5em; text-indent:-.5em; line-height:1.25rem;}
.txtbox01.st02 .noti {margin:15px 0; font-weight:bold;}
.txtbox01.st03 {margin:15px; padding:8px 10px; font-size:.9375rem; color:#434343; text-align:left; line-height:130%;}
.txtbox01.st03 p {margin:3px 0; padding-left:.65em; text-indent:-.65em;}
.txtbox01.st03 .tit {display:block; margin-bottom:5px;}
.txtbox01.st04 {margin:15px 25px; padding:8px 10px; font-size:.875rem; color:#a0a0a0; text-align:left; line-height:110%;}
.txtbox01.st04 p {padding-left:.65em; text-indent:-.65em; line-height:1.25rem;}
.txtbox01.st05 {margin:25px; padding:10px 15px; font-size:.875rem; text-align:left; line-height:120%;}
.txtbox01.st05 p {padding-left:.65em; text-indent:-.65em; line-height:1.25rem;}
.txtbox02 {margin:10px; padding:10px; font-size:.875rem; background:#f1f1f1;}
.txtbox02 h2, .txtbox02 h3, .txtbox02 h4, .txtbox02 h5, .txtbox02 h6 {margin-bottom:10px; font-size:1.0625rem;}
.txtbox03 {margin:10px; padding:10px; font-size:.9375rem; color:#00a73b; background:#f1f1f1; border-radius:4px;}
.txtbox04 {margin:10px; padding:10px; font-size:.9375rem; background:#f1f1f1;}
.txtbox04:first-child {margin-top:0;}
.txtbox04 sub {font-size:.875rem;}
.txtbox05 {margin:10px 0; padding:15px 10px; font-size:.9375rem; color:#707070; text-align:center; line-height:133%; border:1px solid #f0f0f0; border-radius:2px;}
.txtbox05 strong {color:#ed6c00;}
.container01 .txtbox01:last-child {margin-bottom:5px;}
.writeForm01 + .txtbox01 {margin:0 25px 10px;}
.container01 .txtbox03 {margin:10px 0;}
.info_cont01 .txtbox04 {margin-left:0; margin-right:0;}
.writeForm02 .txtbox04 {margin:15px 0; font-size:.75rem;}
.imp {margin-left:3px;}
.unit {display:inline-block; margin-left:4px;}
.txt01 {padding:10px; font-size:.875em; color:#959595;}
.txt02 {margin:5px 0 10px; font-size:.9375rem; color:#707070;}
.txt03 {margin:5px 0 10px; font-size:.9375rem; color:#707070;}
.txt03 p {padding-left:.65em; text-indent:-.65em;}
.txt04 {margin:5px 0 10px; font-size:.8125rem;}
.txt05 {margin:5px 0 10px; font-size:.75rem; color:#a0a0a0;}
.accWrap01 .txt01 {padding-left:25px;}
.txt01.st02 {margin-left:10px; padding-left:1em; font-size:.9375em; text-indent:-1em;}
.txtlist_type01 {padding-left:.65em; text-indent:-.65em;}
.txtlist_type02 {padding-left:1em; text-indent:-1em;}
.txtlist_type01 sub {font-size:.75rem; color:#a0a0a0;}
.txtlist01 {padding-left:20px; font-size:.9375em; line-height:146%;}
.txtlist01 li {position:relative;}
.txtlist01 li:before {content:"·"; position:absolute; left:-7px; top:0; font-weight:bold;}
.txtlist01 dt {color:#959595;}
.txtlist02 {margin:10px; line-height:140%;}
.txtlist02 dl {margin:5px 0; padding-left:10px;}
.txtlist02 dt, .txtlist02 dd {display:inline-block;}
.txtlist02 dt {color:#959595;}
.txtlist02 dt:before {content:"·"; display:inline-block; width:.6em; margin-left:-.6em; font-weight:bold; color:#434343;}
.info_cont01 .txtlist01 {padding-left:13px;}
.font_s {font-size:.8125rem !important;}
.txt_pwchk {margin-top:3px; padding-left:7px; font-size:.75rem; color:#959595;}
.txt_pwchk.error {color:#ed6c00;}
.txt_pwchk.ok {color:#00a73b;}
.infotxt01 {margin:10px 0; padding-left:20px; font-size:.9375rem; background:url("../images/ico_info03.png") no-repeat left center; background-size:16.5px auto;}

/* color */
.txtc_basic {color:#434343 !important;}
.txtc01 {color:#ffb740 !important;}
.txtc02 {color:#00a73b !important;}
.txtc03 {color:#ed6c00 !important;}
.txtc04 {color:#a0a0a0 !important;}
.txtc05 {color:#ff1100 !important;}
.txtc06 {color:#ed6c00 !important;}
.txtc07 {color:#1376c6 !important;}

/***** list *****/
.list01 {padding-left:20px;}
.list01 li {position:relative; border-bottom:1px solid #d2d2d2;}
.list01 li > button:only-child {width:100%; min-height:59px; padding:5px 35px 3px 15px; font-weight:bold; font-size:1.125rem; text-align:left;}
.list01 li > button:only-child:after {content:""; position:absolute; top:0; right:20px; width:12px; height:100%; background:url("../../common/images/btn_detail_arrow_green.png") no-repeat center center; background-size:auto 19px;}
.list01.st02 {padding-left:0;}
.list02 {border-top:1px solid #d2d2d2;}
.list02 li {position:relative; border-bottom:1px solid #d2d2d2}
.list02 .cont {padding:10px 25px;}
.list03 {overflow:hidden;}
.list03 li {height:59px; border-bottom:1px solid #d2d2d2; -webkit-box-sizing:border-box; box-sizing:border-box;}
.list03 li.col {float:left; width:50%; border-right:1px solid #d2d2d2;}
.list03 li.col + li {margin-left:50%;}
.list03 dl dt {padding:5px 0 0 9px; font-size:.875em; color:#626262;}
.list03 dl dd {padding:9px 15px 0 0; font-weight:bold; text-align:right;}
.list03 .unit {font-weight:normal;}

.dlist01 {display:table; width:100%; margin:10px 0;}
.dlist01:last-child {margin-bottom:0;}
.dlist01 > dl {display:table-row; font-size:.875rem;}
.dlist01 > dl > * {display:table-cell; height:18px; padding:5px 8px;}
.dlist01 > dl > dt {width:10%; padding-right:10px; font-size:.875rem; color:#626262; white-space:nowrap;}
.dlist01.st02 dt, .dlist01.st02 dd {vertical-align:middle; font-size:.9375rem; color:#434343; text-align:left;}
.dlist01.st02 dt {height:32px; font-weight:bold; color:#999;}
.dlist01.st02 dd > span:first-child {padding-left:6px;}
.pop_cont .dlist01.st02 dt {padding-left:0;}
.pop_cont .dlist01.st02 dd {padding-right:0;}

.chk_list li {border-bottom:1px solid #d2d2d2;}
.chk_list li > label:only-child {position:relative; display:block; padding:12px 10px 12px 40px; text-align:left;}
.chk_list li > label:only-child input {position:absolute; left:10px; top:50%; margin-top:-12.5px;}

.submenu_list li > strong {position:relative; display:-webkit-box; display:flex; min-height:51px; padding:5px 35px 3px 15px; font-weight:bold; font-size:1.125rem; text-align:left; -webkit-box-align:center; align-items:center;}
.submenu_list > li > button, .submenu_list > li > dl dt {padding-left:41px !important; background:url("../images/menu_ico.png") no-repeat left center; background-size:35px auto;}
.submenu_list li .btn_acc {left:0; top:0; width:100%; height:100%;}
.submenu_list li ul {height:0; padding-left:25px; overflow:hidden;}
.submenu_list li .sub_cont {height:0; padding:0 25px; font-size:.875rem; color:#626262; background:#f7f7f7; overflow:hidden;}
.submenu_list li.open > ul, .submenu_list li.open .sub_cont {height:auto; border-top:1px solid #d2d2d2;}
.submenu_list li.open .sub_cont {padding:15px 25px;}
.submenu_list li ul li:last-child {border-bottom:none;}
.submenu_list li ul button:only-child {font-weight:normal; color:#707070;}
.submenu_list li ul button:only-child:after {display:none;}
.submenu_list li ul li > strong {font-weight:normal;}
.list01.st02.submenu_list > li > *:first-child:not(.titleArea) {padding-right:40px; padding-left:50px !important; background-position:9px center;}
.list01.st02.submenu_list li ul {padding-left:40px;}
.list01.st02.submenu_list li ul li > strong {padding-left:10px;}
.list01.st02.submenu_list li ul button:only-child {padding-left:10px;}
.submenu_list .titleArea {padding:5px 40px 5px 25px;}
.submenu_list dl {display:table; width:100%; font-size:1.125rem;}
.submenu_list dt, .submenu_list dd {display:table-cell; height:49px; padding:5px 20px; vertical-align:middle;}
.submenu_list dt {padding:5px 0 5px 41px; font-weight:bold;}
.submenu_list dd {color:#00a73b; text-align:right;}

.accWrap01 > ul > li, .accWrap01 > li {border-bottom:1px solid #d2d2d2;}
.accWrap01 > ul > li:first-child, .accWrap01 > li:first-child {border-top:2px solid #00a73b;}
.accWrap01 .acc_tit {position:relative; padding:5px 45px 5px 0;}
.accWrap01 .acc_tit .tit {display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; height:50px; padding-left:27px; font-weight:bold; font-size:1.125rem;}
.accWrap01 .btn_acc {position:absolute; left:0; top:0; height:100%; width:100%; text-indent:-999em;}
.accWrap01 .btn_acc::after {content:""; position:absolute; right:20px; top:0; width:19px; height:100%; background:url("../images/btn_acc_down02.png") no-repeat center center; background-size:100% auto;
	-webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;
}
.accWrap01 .acc_cont {height:0; padding:0; opacity:0; -webkit-transition:opacity 0.2s ease-out; transition:opacity 0.2s ease-out; overflow:hidden;}
.open .btn_acc::after {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.open ul .btn_acc::after {-webkit-transform:rotate(0); transform:rotate(0);}
.open ul li.open .btn_acc::after {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.open .acc_cont {height:auto; background:#f7f7f7; border-top:1px solid #d2d2d2; opacity:1;}
.acc_cont .tit {padding:12px 15px 12px 30px; color:#ed6c00;}
.acc_cont .list01 {margin-left:25px; padding:0; border-top:1px solid #d2d2d2;}
.acc_cont .list01:first-child {border:none;}
.acc_cont .list01 dl {display:table; width:100%;}
.acc_cont .list01 dt, .acc_cont .list01 dd {display:table-cell; height:44px; vertical-align:middle;}
.acc_cont .list01 dt {padding:0 10px; font-size:.875rem; color:#626262;}
.acc_cont .list01 dd {padding-right:25px; font-weight:bold; text-align:right; white-space:nowrap;}
.acc_cont .list01 .tot dt {font-size:1rem; color:#434343;}
.acc_cont .list01 .tot dd strong {font-size:1.125rem; color:#00a73b;}
.acc_cont .list01:last-child li:last-child {border:none;}
.acc_cont .txtbox01 {margin:7px 15px 7px 25px; padding:0; color:#959595; background:none;}
.accWrap01.st02 {margin:15px 25px; border:1px solid #d2d2d2; border-radius:2px;}
.accWrap01.st02 .acc_tit .tit {height:33px; padding-left:12px; font-size:.9375rem;}
.accWrap01.st02 .btn_acc:after {right:13px; background:url("../images/btn_acc_down.png") no-repeat center center; background-size:15px auto;}
.accWrap01.st03 li:first-child {border-top-width:1px;}
.acc_cont .txt01 li {text-indent:-1em;}
.fee_value {padding-bottom:8px;}
.fee_value dl:first-child {margin-bottom:5px; border-bottom:1px dashed #d3d3d3;}
.fee_value dl:not(:first-child) dt {color:#959595;}
.fee_value dl:not(:first-child) dt:before {content:"-"; margin-right:5px;}
.fee_value dl:not(:first-child) dt, .fee_value dl:not(:first-child) dd {height:35px; font-weight:normal;}

.acc_cont .point { margin-left:25px; padding:11px 0 12px; color:#ed6c00; font-size:1rem;}
.acc_cont .point span { padding-left:10px;}

/* 고객번호 list */
.custNO_list .cont {padding:0 20px 10px;}
.cust_div {margin-bottom:6px; padding-top:2px; font-size:.9375rem;}
.cust_div > dl {font-size:.9375rem;}
.cust_num {display:table; width:100%; border-bottom:1px dotted #d2d2d2;}
.cust_num > * {display:table-cell; vertical-align:middle;}
.cust_num dt {width:5em; padding-left:5px; font-size:.9375rem; white-space:nowrap;}
.cust_num dt:after {content:":"; margin-left:4px;}
.cust_num dd {height:40px; padding:5px 0 5px 10px; font-weight:bold;}
.cust_div > div {position:relative; margin:10px 0 0 8px; padding-left:4.5em;}
.custNO_list .cust_info {padding-left:8px;}
.cust_type {display:inline-block; min-width:3em; padding:3px 7.5px 2px; font-weight:bold; font-size:.9375rem; color:#fff; text-align:center; vertical-align:middle; line-height:100%; background:ed6c00; border-radius:1em;}
.cust_div .cust_type {position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%);}
.cust_type.business {background:#2e90c3;}
.cust_type_info {font-size:.9375rem; color:#a0a0a0; vertical-align:middle;}
.cust_div .cust_type_info {vertical-align:top;}
.cust_info dl {display:table; width:100%; margin:5px 0;}
.cust_info dl > * {display:table-cell; vertical-align:top;}
.cust_info dl dt {width:2.5em; padding-right:4px; color:#a0a0a0; white-space:nowrap;}
.cust_info dt:after {content:":"; margin-left:4px;}
.cust_info dd {font-weight:bold;}
.cust_info02 dd {font-size:.9375rem;}
.custNO_list .btn_del02 {position:absolute; right:0; top:0; width:60px; height:40px;}
.custNO_list .c_btn {margin:0; padding:0 40px 15px;}

.custbox {padding:0 15px; border-top:1px solid #d2d2d2;}
.custbox .cust_info {padding:0 0 10px 8px; border-bottom:1px dotted #d4d4d4;}
.custbox:first-child {padding-top:14px; border-top:none; border-bottom:1px solid #d2d2d2;}
.custbox:first-child .cust_num dt {font-weight:bold;}
.custbox:first-child .cust_info {border:none;}

@media screen and (max-width:320px) {
	.cust_div > * {float:none;}
	.cust_div > dl {float:none; margin-top:5px;}
}
/* 고객번호 선택 list */
.custnum_select li {font-size:.9375rem; line-height:147%;}
.custnum_select .custnum:after {content:"|"; margin:0 4px; font-weight:normal; color:#cbcbcb;}
.custnumWrap {position:relative; margin:10px; z-index:2;}
.container01 .custnumWrap {margin:10px 0;}
.container01 .custnumWrap:first-child {margin:0 0 10px; padding:0;}
.custnumWrap:first-child {margin-top:0; padding-top:10px;}
.custnumWrap .accWrap01 {position:relative; height:55px; background:#fff; border:1px solid #00a73b; border-radius:2px; box-shadow:1px 1px 4px rgba(0,0,0,.16);}
.custnumWrap .acc_tit {position:relative; height:53px; padding:0 40px 0 11px;}
.custnumWrap .acc_tit .infobox {height:53px;}
.custnumWrap .btn_acc {position:absolute; left:0; top:0; width:100%; height:100%;}
.custnumWrap .btn_acc:after {right:11px; top:50%; width:21px; height:21px; margin-top:-10.5px; background:url("../images/btn_acc_down03.png") no-repeat center center; background-size:21px auto; -webkit-transition:-webkit-transform .3s linear; transition:transform .3s linear;}
.custnumWrap .acc_cont {position:absolute; left:0; top:100%; right:0; height:0; margin-top:6px; padding:0 11px; background:#fff; border:none; overflow:hidden;}
.custnumWrap .acc_cont li {position:relative; padding-right:20px;  border-top:1px solid #d5d5d5;}
.custnumWrap .acc_cont li:first-child {border-top:none;}
.custnumWrap .acc_cont .btn_del02 {position:absolute; right:-11px; top:50%; width:40px; height:40px; margin-top:-20px;}
.infobox {height:53px; padding-left:26px; font-weight:bold; font-size:.875rem; text-overflow:ellipsis; line-height:53px; background:url("../images/ico_cust_type01.png") no-repeat left center; background-size:23px auto; white-space:nowrap; overflow:hidden;}
.infobox.business {background-image:url("../images/ico_cust_type02.png");}
.infobox .type {display:inline-block; font-size:.9375rem; color:#707070;}
.infobox .type:after {content:"|"; margin:0 7px; color:#cbcbcb;}
.custnumWrap.open .acc_tit {background:#f2fff8;}
.custnumWrap.open .btn_acc:after {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.custnumWrap.open .acc_cont {height:auto; max-height:170px; border:1px solid #00a73b; border-radius:2px; overflow:auto; box-shadow:1px 1px 4px rgba(0,0,0,.16);}

/* faq */
.faq_list li {border-bottom:1px solid #d2d2d2;}
.faq_list li dt {position:relative; padding:17px 40px 10px 25px; line-height:130%;}
.faq_list li dt:before {content:"Question"; float:left; width:30px; height:30px; margin:-7px 5px 0 -10px; text-indent:-9999em; background:url("../images/ico_Q.png") no-repeat 0 0; background-size:100% auto;}
.faq_list .category {display:block; margin-bottom:10px; font-size:.9375rem;}
.faq_list .btn_acc {left:0; top:0; width:100%; height:100%;}
.faq_list .btn_acc:after {right:15px;}
.faq_list dd {position:relative; height:0; padding:0 25px 0 50px; color:#626262; line-height:130%; background:#f7f7f7; opacity:0; overflow:hidden; -webkit-transition:opacity 0.1s linear; transition:opacity 0.1s linear;}
.faq_list dd > div:first-child:before {content:"Answer"; position:absolute; left:15px; top:10px; width:30px; height:30px; text-indent:-9999em; background:url("../images/ico_A.png") no-repeat 0 0; background-size:100% auto;}
.faq_list dd .subtxt {color:#a0a0a0;}
.faq_list dd .tableWrap {margin:10px -15px 0;}
.faq_list .open dd {height:auto; opacity:1; padding:15px 25px 15px 50px; border-top:1px solid #d2d2d2;}

/* energy */
.energy_list {border-top:1px solid #d2d2d2;}
.energy_list li {border-bottom:1px solid #d2d2d2;}
.energy_list li dt {position:relative; padding:10px 40px 10px 20px; line-height:110%;}
.energy_list .category {position:relative; display:block; padding:9px 0 9px 39px; font-size:1.125rem; color:#434343;}
.energy_list .category:before {content:""; position:absolute; left:0; top:50%; width:30px; height:32px; margin-top:-15px; text-indent:-9999em; }
.energy_list .category.menu01:before { background:url("../images/icon_energy01.png") no-repeat 5px center; background-size:21px auto;}
.energy_list .category.menu02:before { background:url("../images/icon_energy02.png") no-repeat 5px center; background-size:21px auto;}
.energy_list .category.menu03:before { background:url("../images/icon_energy03.png") no-repeat 2px center; background-size:26px auto;}
.energy_list .category.menu04:before { background:url("../images/icon_energy04.png") no-repeat center; background-size:auto 26px;}
.energy_list .category.menu05:before { background:url("../images/icon_energy05.png") no-repeat center; background-size:26px auto;}
.energy_list .btn_acc {left:0; top:0; width:100%; height:100%;}
.energy_list .btn_acc:after {right:15px;}
.energy_list dd { height:0; padding:0 25px; color:#626262; line-height:110%; background:#f7f7f7; opacity:0; overflow:hidden; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.energy_list .open dd {height:auto; opacity:1; padding:15px 25px; border-top:1px solid #d2d2d2;}
.energy_list dd .graphArea { text-align:center; border:1px solid #d2d2d2; background:#fff;}
.energy_list dd .graphArea img {vertical-align:top;}
.energy_list dd .text { margin-top:5px; line-height:1.25rem;}

/* board */
.board_list li {position:relative; padding:14px 25px 12px; border-bottom:1px solid #d2d2d2;}
.board_list .category {display:block; margin-bottom:10px; font-weight:bold; font-size:.9375rem; color:#00a73b;}
.board_list .tit {margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list .info {display:-webkit-box; display:flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top:5px; font-size:.875rem; color:#a0a0a0; overflow:hidden;}
.board_list.st02 li {display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; min-height:50px; padding:10px 25px;}
.board_list .image {position:absolute; left:25px; top:10px; width:60px; height:60px;}
.board_list .image > span {width:100%; text-align:center;}
.board_list .cont {width:100%; padding-left:70px;}
.board_list .image.none + .cont, .board_list .cont:first-child {padding:0;}
.board_list.st02 .tit {margin-bottom:10px;}
.board_list li.file .tit {padding-right:20px; background:url("../images/ico_file.png") no-repeat right center; background-size:15px auto;}
.board_list li.file .tit:after {content:"첨부파일 있음"; position:absolute; left:-9999em; top:-999em; opacity:0;}
.board_list li .viewcount dt, .board_list li .viewcount dd {display:inline;}
.board_list li .viewcount dd {color:#434343;}

.titWrap {padding:12px 25px; border-bottom:1px solid #d2d2d2;}
.titWrap .tit {line-height:120%;}
.titWrap .info {margin-bottom:13px; line-height:100%; overflow:hidden;}
.titWrap .info .category {float:left; font-weight:bold; font-size:.9375em; color:#00a73b;}
.titWrap .date {font-size:.875em; color:#a0a0a0; text-align:right;}
.titWrap .info .date {float:right;}
.titWrap .qna_stat {margin-top:7px;}
.titWrap .att_file {margin:15px -10px 0;}
.att_file button {width:100%; min-height:30px; padding:5px 10px 5px 34px; font-size:.9375rem; text-align:left; background:#f3fbf9 url("../images/ico_file.png") no-repeat 8px center; background-size:15px auto;}
.qna_stat > * {display:inline-block; vertical-align:middle;}
.qna_stat dt {font-size:.9375em; color:#959595;}
.qna_stat dd {padding:4px 9px; font-size:.9375em; color:#fff; line-height:100%; background:#00a73b; border-radius:1em;}
.qna_stat.not dd {background:#a0a0a0;}

.view_cont {min-height:12em; padding:10px 25px; font-size:.9375rem; border:0 solid #d2d2d2; border-width:1px 0;}
.titWrap + .view_cont, .view_cont + .view_cont {border-top:none;}
.tit_ans {margin-bottom:12px;}
.tit_ans > strong {display:inline-block; padding:4px 9px; font-weight:normal; font-size:.9375em; color:#fff; line-height:100%; background:#434343; border-radius:1em;}
.tit_ans .date {float:right; font-size:.875rem; color:#a0a0a0; line-height:22px;}

.prev_next {background:#f1f1f1; border-top:1px solid #d2d2d2;}
.prev_next dl {position:relative; border-bottom:1px solid #d2d2d2;}
.prev_next dt {position:absolute; width:0; height:0; opacity:0;}
.prev_next dd button {width:100%; height:45px; padding:2px 20px 0 38px; font-size:.9375em; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prev_next dl:first-child {background:url("../images/btn_up01.png") no-repeat 18px center; background-size:15px auto;}
.prev_next dl:last-child {background:url("../images/btn_down01.png") no-repeat 18px center; background-size:15px auto;}
.view_cont + .prev_next {border-top:none;}

/* swipe */
.swipeWrap {position:relative; overflow:hidden;}
.swipeWrap .btn_prev, .swipeWrap .btn_next {position:absolute; top:0; width:40px; height:100%; text-indent:-9999em; background:url("../images/btn_cal_prev.png") no-repeat center center; background-size:25px auto; z-index:5;}
.swipeWrap .btn_prev {left:0;}
.swipeWrap .btn_next {right:0; background-image:url("../images/btn_cal_next.png");}
.swipeWrap .paging {position:absolute; left:0; bottom:5px; right:0; font-size:0; text-align:center;}
.swipeWrap .paging > span {display:inline-block; width:6px; height:6px; margin:0 2px; text-indent:-9999em; background:#e5e5e5; border-radius:50%;}
.swipeWrap .paging > span.on {background:#00a73b;}

/***** table *****/
table.fix {table-layout:fixed;}
table .num, table .unit {text-align:right !important;}
table .subj {text-align:left !important;}
table .vtop {vertical-align:top !important;}
.tlist01 {margin:10px 0; font-size:.9375em;}
.tlist01 tr {border:0 solid #d2d2d2; border-width:1px 0;}
.tlist01 thead tr {border-color:#00a73b;}
.tlist01 thead tr:first-child {border-top-width:2px;}
.tlist01 thead th {height:33px; padding:2px; font-weight:normal; color:#959595; text-align:center; line-height:110%;}
.tlist01 tbody th {height:33px; padding:2px; font-weight:normal; color:#959595; text-align:center; border-bottom:1px solid #00a73b;}
.tlist01 tbody tr:last-child th {border-color:#d2d2d2}
.tlist01 tbody td {height:30px; padding:5px; text-align:center;}
.tlist01 ul, .tlist01 ol {font-size:.8125rem; text-align:left;}
.tlist01 li {padding-left:0.5em; text-indent:-.5em;}
.tlist01.st02 th, .tlist01.st02 td {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.tlist01.st02 th:first-child, .tlist01.st02 td:first-child {border-left:none;}
.tlist01.st02 th:last-child, .tlist01.st02 td:last-child {border-right:none;}
.tlist01.st02 td {padding:5px 7px; text-align:left;}
.tlist01.f_small01 th, table .f_small01 {font-size:.8125rem;}
.tlist01.cen th, .tlist01.cen td {text-align:center;}
.tlist01.cen td {padding:5px;}
.tlist01.st03 th {height:20px; padding:5px 2px; font-size:.8125rem;}
.tlist01.st03 tbody th {border-color:#d2d2d2;}
.tlist01.st03 th, .tlist01.st03 td {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.tlist01.st03 th:first-child, .tlist01.st03 td:first-child {border-left:none;}
.tlist01.st03 th:last-child, .tlist01.st03 td:last-child {border-right:none;}
.tlist01.st03 td {height:20px; padding:5px 4px;}
.tlist01.st04 tr:first-child { border-top:2px solid #00a73b;}

.tlist01.st04 tbody tr:last-child th { border-bottom-color:#00a73b;}
.tlist01.st04 tr th { border-right:1px solid #d2d2d2;}
.tlist01.st04 thead tr { border-color:#00a73b;}
.tlist01.st04 thead tr:first-child { border-top-width:2px;}
.tlist01.acctype .acc_tit .tt {position:relative; padding:0 16px 0 5px; font-weight:bold;}
.tlist01.acctype .acc_tit.no_acc .tt {font-weight:normal;}
.tlist01.acctype .btn_acc {left:0; top:0; width:100%; height:100%;}
.tlist01.acctype .btn_acc:after {right:0; width:11px; background:url("../images/btn_acc_down04.png") no-repeat center center; background-size:11px auto;}
.tlist01.acctype .acc_cont {display:none; background:#f3fbf9; border:none;}
.tlist01.acctype .acc_cont .c_btn {margin:0 ;}
.tlist01.acctype .open {background:#f3fbf9;}
.tlist01.acctype .open tr {border:none;}
.tlist01.acctype .open .acc_cont {display:table-row;}
.tlist01.acctype .open .acc_cont > * {padding:5px 5px 12px;}
.tlist01 + .tlist01 {margin-top:10px;}
.tinfo01 {margin:5px 0; font-size:.75rem !important; color:#a0a0a0;}
.tinfo02 {margin:5px 0; font-size:.75rem !important; color:#707070; line-height:125%;}
table .subj.vtop {font-size:.8125rem;}
.table_tit {display:-webkit-box; display:flex; margin:15px 0; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; align-items:center;}
.table_tit .tt {font-size:.9375rem; color:#707070;}
.table_tit .rinfo {font-size:.75rem; color:#707070;}
.table_tit + .tit01 {margin-top:-15px;}

/***** ETC ****/
.switch01 {margin:0 20px; background:#fff; border:1px solid #00a73b; border-radius:2px; overflow:hidden;}
.switch01 > label {position:relative; float:left; width:50%; font-weight:bold; font-size:.9375rem; color:#00a73b; border-left:1px solid #00a73b; -webkit-box-sizing:border-box; box-sizing:border-box;}
.switch01 > label:first-child {border-left:none;}
.switch01 input {position:absolute; left:0; top:0; opacity:0;}
.switch01 > label > span {display:block; height:38px; margin:0; line-height:39px; text-align:center;}
.switch01 input:checked + span {color:#fff; background:#00a73b;}
.switch01 label input:checked + span > em {color:#fff;}
.switch01.item3 {margin:0;}
.switch01.item3 > label {width:33%;}
.switch01.item3 > label:nth-child(2) {width:34%;}
.switch01.st02 > label > span {display:-webkit-box; display:flex; height:48px; -webkit-box-align:center; align-items:center; line-height:110%; -webkit-justify-content:space-around; justify-content:space-around;}
.switch01.st02 > label > span > em {width:100%; text-align:center;}
.switch02 {position:relative; display:inline-block; width:41px; height:25px;}
.switch02 label, .switch02 > label > span {display:block; width:100%; height:100%; margin:0;}
.switch02 label input {position:absolute; left:3px; top:50%; width:18px; height:18px; margin:-9px 0 0; background:#fff; border-radius:50%; box-shadow:0 3px 1px rgba(39,41,39,.1); -webkit-transition:all .3s linear; transition:all .3s linear;}
.switch02 label > span {text-align:left; text-indent:-9999em; background:#d2d2d2; border-radius:20px;}
.switch02 label input:checked {left:19px; background:#fff; border-radius:50%;}
.switch02 label input:checked + span {background:#00a73b;}

.writeForm01 {padding:20px 25px;}
.writeForm01 dl, .writeForm01 div + dl {margin-top:22px; margin-bottom:22px;}
.writeForm01 legend + dl {margin-top:0;}
.writeForm01 dl:last-child {margin-bottom:0;}
.writeForm01 .tit {position:relative; margin-bottom:17px; font-size:1.125rem; color:#00a73b;}
.writeForm01 .tit label {position:absolute; right:0; top:50%; font-size:.9375rem; color:#a0a0a0; letter-spacing:-1px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.writeForm01 .tit label input {margin:0;}
.writeForm01 dt {position:relative; margin-bottom:8px; font-weight:bold; font-size:.9375rem;}
.writeForm01 dt button {position:absolute; right:0; top:50%; padding:3px 0 3px 10px; font-size:.875rem; color:#00a73b; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.writeForm01 dd {min-height:37px;}
.writeForm01 dd + dd {margin-top:5px;}
.writeForm01 .txtbox {margin-top:-10px; padding:14px 10px 12px 22px; font-size:.875rem; color:#a0a0a0; text-indent:-10px; line-height:108%; background:#f1f1f1;}
.writeForm01 .txtbox > span {display:block;}
.writeForm01 .txtbox strong {color:#666;}
.writeForm01 .txt_data {min-height:35px; padding:8px 10px 7px; font-size:.9375rem; background:#f3fbf9;}
.writeForm01.st02 {margin:5px 0 19px; padding:15px 20px; background:#f7f7f7; border:0 solid #d2d2d2; border-width:1px 0;}
.writeForm01.st03 {padding:0 25px;}
.writeForm01 dd .formlistWrap:first-child {padding-top:5px;}
.writeForm01 dd > div + div {margin-top:10px;}
.writeForm01 + .c_btn, .writeForm01 + .agreeBox {margin-top:0;}
.writeForm01.st01 + .c_btn.fullBtnBox { margin:15px 20px;}
.container01 .writeForm01 {padding:10px 15px;}
.txtbox01 + .writeForm01 {padding-top:10px;}
.txtbox01.st02 + .writeForm01, .c_btn + .writeForm01 {padding-top:0;}
.info_cont01 .writeForm01 {padding:10px 15px;}
.writeForm01 .c_btn {margin-left:0; margin-right:0;}
.writeForm01 .c_btn:last-child {margin-bottom:0;}
.writeForm01 .r_btn.link {margin:0;}
.writeForm01 dl + .r_btn.link {margin-top:-18px;}

@media screen and (max-width:320px) {
	.writeForm01 {padding:15px 20px;}
	.writeForm01 .tit {font-size:1.0625rem;}
	.writeForm01 .tit label {font-size:.875rem;}
}

.writeForm02 {padding:20px 25px;}
.writeForm02 .tit {margin-bottom:8px; font-weight:bold; font-size:1.0625rem; color:#00a73b; border:none;}
.writeForm02 dl {margin-top:8px;}
.writeForm02 input {background-color:#fff;}
.writeForm02 .divide {margin-top:40px;}
.container01 .writeForm02 {padding:10px 15px;}
.container01 .group dt {margin:19px 0 7px; font-weight:bold; font-size:.9375rem;}
.container01 .group .tit {font-size:1.0625rem;}
.container01 div + div {margin-top:12px;}

.inpForm {position:relative;}
.inpForm input {width:100%; padding-right:40px;}
.inpForm .btn_del01, .inpForm button, .inpForm .btn_view {position:absolute; right:0; top:0; width:40px; height:100%;}

.mailform {display:-webkit-box; display:flex; overflow:hidden;}
.mailform > * {float:left;}
.mailform input {width:29%; background-color:transparent;}
.mailform select {width:32%; margin-left:3%;}
.mailform .txt {width:7%; font-size:.9375rem; line-height:37px; text-align:center;}

.agreeBox {position:relative; margin:20px; font-size:.9375rem; border:1px solid #dcdcdc;}
.agreeBox label {position:relative; display:-webkit-box; display:flex; min-height:49px; padding:5px 35px 5px 40px; -webkit-box-align:center; align-items:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.agreeBox label:only-child {padding-right:15px;}
.agreeBox label input {position:absolute; left:15px; top:50%; margin-top:-10px;}
.agreeBox label sub {display:inline-block; font-size:.8125rem;}
.agreeBox li {position:relative; padding-right:15px; background:#f1f1f1; border-top:1px solid #dcdcdc;}
.agreeBox li label {padding-right:15px;}
.agreeBox li li {padding:0; background:transparent; border:none;}
.agreeBox.acctype li {padding-right:0;}
.agreeBox.acctype .acc_tit {position:relative; padding-right:35px;}
.agreeBox.acctype .acc_tit > label {padding-right:0;}
.agreeBox.acctype .acc_tit .btn_acc {right:0; top:0; width:40px; height:100%;}
.agreeBox.acctype .acc_tit .btn_acc:after {right:0; width:40px; height:100%; background:url("../images/btn_acc_down.png") no-repeat center center; background-size:15px auto;}
.agreeBox.acctype .acc_cont {height:0; padding:0 5px 0 15px; font-size:.9375rem; color:#7d7d7d; background:#fff; overflow:hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.agreeBox.acctype .acc_cont li {padding-left:1em; text-indent:-1em;}
.agreeBox.acctype .open .acc_cont {height:auto; padding:10px 5px 10px 15px; border-top:1px solid #dcdcdc;}
.writeForm01 ~ .agreeBox {margin:20px 25px;}
.writeForm01 + .agreeBox {margin:0 25px;}

.statbox {display:inline-block; min-width:4em; padding:4px 6px 3px; font-size:.8125rem; color:#fff; text-align:center; vertical-align:middle; line-height:100%; background:#51b964; border-radius:1em;}
.statbox.not {background:#c9c9c9;}

/* form group style */
.formlistWrap {overflow:hidden;}
.formlistWrap > label {float:left; width:50%;}
input.inp_price {font-weight:bold; font-size:1.5rem; color:#00a73b;}
.formlistWrap > select, .formlistWrap > input {width:48%;}
.formlistWrap > select:last-child, .formlistWrap > input:last-child {float:right}
.formlistWrap02 > * {display:inline-block; margin:2px 10px 2px 0; font-size:.9375rem; white-space:nowrap;}
.formlistWrap02 > *:last-child {margin:0;}
.form_chk02 {display:table; width:100%;}
.form_chk02 > * {display:table-cell; vertical-align:middle;}
.form_chk02 > *:first-child {width:90%; padding-right:10px;}
.form_chk02 button {white-space:nowrap;}

/* 약관 */
.policy_cont {padding:10px; font-size:.875em; color:#626262; line-height:143%;}
.policy_cont h1, .policy_cont h2, .policy_cont h3, .policy_cont h4 {margin:15px 0 5px; font-size:.9375rem; color:#434343;}
.policy_cont > *:first-child {margin-top:0;}

/* 고객번호 인증 */
.custnum_chk, .form_chk {position:relative; padding-right:5.5em;}
.id_chk {padding-right:6em;}
.custnum_chk input, .form_chk input {width:100%; background:#fff;}
.custnum_chk button, .form_chk button {position:absolute; right:0; top:1px; min-width:5.2em; padding:2px 5px 0;}
.custnum_guide {margin:20px 0; padding:10px 10px 10px 12px; font-size:.8125rem; background:#fff; border:1px solid #d2d2d2;}
.custnum_guide .info {position:relative; padding-left:18px; line-height:140%;}
.custnum_guide .info:before {content:""; position:absolute; left:0; top:0; width:14px; height:1.4em; background:url("../images/ico_info04.png") no-repeat left center; background-size:13.5px auto;}
.custnum_guide .info strong {display:block;}
.custnum_guide .image {width:250px; margin:10px auto;}
.custnum_guide .txt {font-size:.75rem; color:#707070;}
.btn_custnum_find {padding:3px 0 3px 10px; font-size:.875rem; color:#00a73b;}
.custnum_guide .btn {text-align:right;}
.writeForm01 .custnum_guide {margin:20px 0;}
.writeForm01.st02 .custnum_guide {border:none;}

.graphWrap01 {position:relative; min-height:150px; margin:10px; border:1px solid #f0f0f0; border-radius:2px;}
.container01 .graphWrap01 {margin:10px 0;}

/* 고객번호(납입자 번호) 정보 및 선택 */
.custinfobox {margin:10px; padding:10px 14px; border:1px solid #a0a0a0; border-radius:2px;}
.container01 .custinfobox {margin:10px 0;}
.custinfobox:first-child {margin-top:0;}
.custinfobox dl {display:table; width:100%; margin-bottom:10px;}
.custinfobox dt, .custinfobox dd {display:table-cell; vertical-align:middle;}
.custinfobox dt {width:5em; padding-right:10px; font-weight:bold; font-size:.9375rem; white-space:nowrap;}
.custinfobox li {position:relative; display:table; width:100%; margin-top:5px; font-size:.9375rem;}
.custinfobox li:only-child { margin-top:0;}/* 21.12.24 */
.custinfobox li > * {display:table-cell; vertical-align:top;} 
.custinfobox li > *:first-child {width:3em; padding-left:6px; white-space:nowrap;} 
.custinfobox li:before {content:"·"; position:absolute; left:0; top:0;}
.custinfobox li .tt {color:#a0a0a0;}
.custinfobox li .tt:after {content:":"; margin:0 4px;}
.custinfobox .data {width:100%;}

.payment_status {position:relative; margin:10px; padding:10px; border:1px solid #f0f0f0; border-radius:2px;}
.container01 .payment_status {margin:10px 0;}
.payment_status:first-child {margin-top:0;}
.payment_status .my_charge {margin:15px 0 10px; text-align:center;}
.payment_status .my_charge dt {margin-bottom:8px; font-size:.9375em; color:#626262;}
.payment_status .my_charge dt strong {font-weight:normal; font-size:1.375rem; color:#00a73b;}
.payment_status .my_charge dt .name em {font-size:.9375rem; color:#00a73b;}
.payment_status .my_charge dt .name em:before {content:"(";}
.payment_status .my_charge dt .name em:after {content:")";}
.payment_status .my_charge dd .box {display:inline-block; padding:3px 30px; font-size:.9375em; background:#eee; border-radius:1.5em;}
.payment_status .my_charge dd em {margin:0 3px; font-weight:bold; font-size:1.5rem; color:#ed6c00; line-height:100%;}
.payment_status .my_charge dd .unit {color:#ed6c00;}
.payment_status .info {margin-top:10px; font-size:.8125em; color:#959595; text-align:right;}
.payment_status .info > span {position:relative; padding-left:20px;}
.payment_status .info > span:before {content:""; position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; background:url("../images/ico_info01.png") no-repeat left center; background-size:13.5px auto;}
.payment_status .default {margin:12px 0; padding:10px 10px 0; font-size:.9375em; text-align:center; border-top:1px dotted #2ab87d;}
.payment_status .default > * {display:inline-block; vertical-align:middle;}
.payment_status .default em {margin-left:4px; font-weight:bold; font-size:1.375rem; color:#ffb740; line-height:100%;}
.payment_status .addr {position:relative; margin-bottom:15px; font-size:.9375em; color:#626262; text-align:center;}
.payment_status .addr:after {content:""; position:absolute; left:50%; bottom:-10px; width:45px; height:1px; margin-left:-22.5px; background:#d2d2d2;}
.payment_status .addr > * {display:inline-block; vertical-align:middle;}
.payment_status .addr dt {position:absolute; left:0; top:0; opacity:0;}
.payment_status .addr dd {position:relative; padding-left:22px; line-height:130%;}
.payment_status .addr dd:before {content:""; position:absolute; left:0; top:0; width:17px; height:1.3em; background:url("../images/ico_addr.png") no-repeat left center; background-size:17px auto;}
.payment_status.choice {background:#fffcf8; border-color:#ffb740;}

.tot_default {margin-top:10px; background:#f3fbf9;}
.tot_default dl {display:table; width:100%; font-size:.9375em;}
.tot_default dl > * {display:table-cell; height:35px; padding:5px 10px; vertical-align:middle;}
.tot_default dt {padding-right:0;}
.tot_default dd {text-align:right;}
.tot_default dd .amount {font-weight:bold; font-size:1.125rem; color:#ed6c00}

@media screen and (max-width:320px) {
	.payment_status {padding:10px 5px;}
}

/* 고객사용량 데이터 */
.userData { margin:10px 25px; padding:10px 14px; border:1px solid #f0f0f0; border-radius:2px;}
.userData ul +ul  { margin-top:10px;  border-top:1px solid #f0f0f0;}
.userData ul +ul li:first-child { margin-top:10px;}
.userData ul li { display:table; position:relative; margin-top:5px; padding-left:6px;font-size:0.938rem; }
.userData li:before {content:"·"; position:absolute; left:0; top:0;}
.userData ul li span.tt { display:table-cell; min-width:42px;}
.userData li .tt {color:#a0a0a0;}
.userData li .tt:after {content:":"; margin:0 4px;}
.userData ul li .data { display:table-cell;}

/* phone number format */
.phoneWrap {overflow:hidden;}
.phoneWrap > * {float:left; width:32%; text-align:center;}
.phoneWrap > *:nth-child(2) {margin:0 5%;}
.phoneWrap input {padding:0; background-color:#fff;}
.phoneWrap select {width:26%;}
.form_chk02 .phoneWrap > * {width:31%;}
.form_chk02 .phoneWrap select {padding-left:5px;}
.form_chk02 .phoneWrap > *:nth-child(2) {margin:0 3.5%;}

/* email format */
.emailWrap {overflow:hidden;}
.emailWrap > * {float:left; width:28%;}
.unitA { display:inline-block; width:6%; text-align:center; line-height:37px;}
.emailWrap > *:nth-child(3) { margin:0 4% 0 0;}
.emailWrap input {background-color:#fff;}
.emailWrap select {width:34%;}

/* 조회기간 format */
.searchDay { overflow:hidden;}
.searchDay > * { float:left; width:45%;}
.searchDay span { display:inline-block; width:10%; text-align:center; line-height:37px;}
.searchDay input {background:#fff;}

/* 주소 찾기 */
.addrWrap {position:relative;}
.addrWrap button {position:absolute; right:0; top:1px;}
.addrWrap > span {display:block;}
.addrWrap > span:first-of-type {margin-bottom:5px; padding-right:6em;}
.addrWrap input {width:100%;}

/* 서명 */
.signWrap {margin:15px 25px;}
.signWrap .tit {display:block; margin-bottom:12px; font-weight:bold; font-size:.9375em;}
.sign_area {position:relative; height:90px; background:#f1f1f1;}
.sign_area button {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.sign_area img {width:100%; height:100%; vertical-align:top;}

/* period */
.period {overflow:hidden;}
.period > input {float:left; width:43%;}
.period .txt {float:left; width:14%; height:37px; text-align:center; line-height:37px;}

/* time */
.time {overflow:hidden;}
.time > select {float:left; width:40%;}
.time .txt {float:left; width:10%; height:37px; padding-left:5px; line-height:37px; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* 주민등록 번호 */
.jumin_num {overflow:hidden;}
.jumin_num > input {float:left; width:45%;}
.jumin_num .txt {float:left; width:10%; height:37px; text-align:center; line-height:37px;}

/* 주소검색 popup */
.popWrap01.addrsearchWrap {padding-top:110px;}
.addrsearchWrap {height:100%;}
.addrsearchWrap .contentsWrap {height:100%; padding:0 10px; overflow:auto;}
.addrsearchWrap .searchBox {background:#fff;}
.addrsearchWrap .searchBox input {background:#fff;}
.addrsearchWrap .nodata {position:static; margin-top:50px; padding-top:50px;}
.addrsearchbox {display:table; width:100%; padding:10px 0;}
.addrsearchbox dl {display:table-row;}
.addrsearchbox dt, .addrsearchbox dd {display:table-cell; height:46px; vertical-align:middle;}
.addrsearchbox dt {padding-right:10px; font-size:.9375rem;}
.addrsearchWrap .tit02 {margin:20px 0 10px 0;}

/* map */
.mapWrap {position:relative; min-height:200px; margin:15px 25px; border:1px solid #d2d2d2;}
.info_cont01 .mapWrap {margin:15px 20px;}

/* 안내 텍스트 가이드 */
.infoText { padding:0 20px;}
.infoText dt { color:#00a73b; font-size:0.9375rem; font-weight:bold;}
.infoText dd { padding-left:0.65em; color:#434343; font-size:0.8125rem; text-indent:-.65em; line-height:140%;}
.infoText dd.caution {padding-left:0; color:#ed6c00; text-indent:0;}

.infoText + .cautionBox { margin:20px;}
.cautionBox { padding:10px 0; border:1px solid #959595; border-radius:2px; text-align:center; color:#00a73b; font-weight:bold;}
.icon_caution:before {content:""; display:inline-block; width:22px; height:20px; vertical-align:middle; background:url("../images/icon_caution.png") no-repeat left center; background-size:19px auto;}
.cautionBox.st01 { padding:35px 0 10px; margin:15px 25px 0 25px; border:1px solid #f0f0f0; border-radius:2px; text-align:center; color:#434343;  font-weight:normal; background:url("../images/icon_caution02.png") no-repeat center 10px; background-size:20px;}
.cautionBox.st01 .point { color:#ed6c00;}
.container01.bg02 .cautionBox.st01 {margin:13px 0 0; background-color:#fff;}
.cautionBox02 {margin:10px; padding:10px; font-size:.9375em; color:#707070; letter-spacing:-.05em; background:#f1f1f1;}
.cautionBox02 .tit {height:30px; margin-bottom:10px; padding:0 0 0 35px; font-weight:bold; color:#00a73b; line-height:30px; background:url("../images/ico_caution.png") no-repeat left center; background-size:30px auto;}
.cautionBox02 .txtlist_type01 {margin-bottom:10px;}
.cautionBox02 .txtlist_type01:last-child {margin:0;}
.cautionBox02 strong {color:#434343;}
.info_cont01 .cautionBox02, .container01 .cautionBox02 {margin:10px 0;}
.cautionBox02.st02 {border:1px solid #ccc; border-radius:2px; box-shadow:1px 1px #fff;}
.cautionBox02.st03 {padding:12px 17px 17px; font-size:.875rem; color:#434343;}
.cautionBox02.st03 .tit {padding-left:30px; font-size:1.125rem; background:url("../images/ico_noti01.png") no-repeat left center; background-size:20px auto;}
.cautionBox02.st03 p {margin-bottom:1em;}
.cautionBox02.st03 p:last-child {margin:0;}


/* 정보성페이지 가이드 */
.dataImgArea { padding:0 15px;}
.diText { color:#959595; font-size:0.9375rem; }
.diText + .imgArea { margin-top:10px;}
.imgArea { padding:20px 0 10px; text-align:center; margin:0 auto; border:1px solid #eee; border-radius:2px;}
.imgArea .text { padding-top:10px; color:#434343; font-size:0.75rem;}
.imgArea img { vertical-align:top;}
.imgArea img.img01 { width:50%; height:50%; }
.imgArea.full {padding:0;}
.dataImgArea .infoText { padding:0; margin-top:10px; }
.dataImgArea .infoText dt { padding-bottom:5px; }
.dataImgArea .infoText dd { padding-bottom:20px;}
.dataImgArea .infoText dd:first-child { padding-bottom:0px;}
.imgArea02 {width:210px; margin:0 auto; border:1px solid #d2d2d2;}
.imgArea02 img {vertical-align:top;}
.imgArea03 {margin:10px; border:1px solid #a0a0a0;}
.imgArea03 img {vertical-align:top;}
.imgArea03.st02 {margin:10px 0;}
.imgArea03.st03 {border-color:#f0f0f0; border-radius:2px; overflow:hidden;}
.imgArea03.st04 {border:none;}

.info_cont01 {padding:10px; line-height:125%;}
.tab_cont > .info_cont01:first-of-type {padding-top:0;}
.info_cont01 > p {margin-bottom:10px; font-size:.9375em;}
.info_cont01 .txt_type01 {font-size:1.0625rem; color:#00a73b;}
.info_cont01 .txt_type02 {color:#707070;}
.info_cont02 {padding:10px 20px;}

.CS_detailinfo {margin:20px 20px;}
.CS_detailinfo dl {margin-bottom:15px;}
.CS_detailinfo dt {margin-bottom:15px; padding:4px 0 2px 25px; font-weight:bold; font-size:.9375em; line-height:110%; background:url("../../common/images/ico_addr02.png") no-repeat left center; background-size:20px auto;}
.CS_detailinfo dd {padding-left:12px;}
.CS_detailinfo .location dt {background-image:url("../../common/images/ico_location02.png");}
.CS_detailinfo .phone dt {background-image:url("../../common/images/ico_phone02.png");}
.CS_detailinfo .fax dt {background-image:url("../../common/images/ico_fax02.png");}
.CS_detailinfo .info dt {background-image:url("../../common/images/ico_info02.png");}

.sort_opt {margin:20px 0 10px; font-size:.9375rem; text-align:right;}
.sort_opt > * {display:inline-block; vertical-align:middle;}
.sort_opt dt {font-weight:bold; margin-right:5px;}

.out_link {display:inline-block; padding:5px 0; font-weight:bold; font-size:.9375rem; color:#00a73b; border-bottom:1px solid #00a73b;}

.img_cont {padding:10px; font-size:.9375rem; color:#707070; line-height:133%;}
.img_cont img {float:left; width:170px; margin:-10px 5px 0 0;}
.img_cont.st02 {padding:5px 0;}
.img_cont.st02 img {margin:-5px 10px 0 0; border:1px solid #a0a0a0;}

dl.tt_txt, .tt_txt dl {display:table; width:100%; font-size:.9375rem; color:#707070;}
.tt_txt dt, .tt_txt dd {display:table-cell;}
.tt_txt dt {width:3em; padding-right:5px; font-weight:bold; white-space:nowrap;}

/* 원표시 가이드 */
.priceArea { position:relative; padding-right:20px;}
.priceArea:after { content:"원"; position:absolute; right:0; bottom:0; color:#a0a0a0;}
.priceArea input {background:#fff;}

/* 요금 계산기 그래프 : 2019-01 삭제 */
.feecalculatorWrap {padding:12px 10px; background:#f1f1f1; border-top:1px solid #d2d2d2;}
.feecalculatorWrap:last-child {margin-bottom:-10px;}
.fee_calculator {padding:15px 20px; text-align:center; background:#fff; border-radius:3px;}
.fee_calculator .tit {margin-bottom:12px; font-weight:bold;}
.now_fee {margin:12px 0 10px; font-size:.9375rem;}
.now_fee strong {font-weight:bold; font-size:1.5rem; color:#ff1100; line-height:100%;}
.now_fee .unit {margin-left:3px; color:#434343;}
.fee_calculator.used_type {display:table; width:100%; padding:7px 0;}
.fee_calculator.used_type dl {display:table-cell; width:50%; padding:4px 0; vertical-align:middle; text-align:center; border-left:1px solid #d2d2d2;}
.fee_calculator.used_type dl:first-child {border:none;}
.fee_calculator.used_type dt {margin-bottom:4px; font-weight:bold; font-size:.9375rem;}
.fee_calculator.used_type dd {font-size:1.125rem;}
.fee_calculator.used_type em {font-weight:bold;}
.fee_calculator.used_type .used .info {margin-top:7px; font-size:.875rem;}
.fee_calculator.used_type .now_fee {margin:2px 0 0;}
.fee_calculator.used_type .now_fee, .fee_calculator.used_type .now_fee strong {font-size:1em;}
.day_graphWrap {position:relative; padding-bottom:28px;}
.day_graphWrap .from, .day_graphWrap .to {position:absolute; top:-1.6em; font-size:.8125rem;}
.day_graphWrap .from {left:-2px;}
.day_graphWrap .to {right:-2px;}
.day_graphWrap .today {position:absolute; top:12px; left:0; width:33px; height:20px; margin-left:-17.5px; font-size:.75rem; line-height:20px; text-align:center; border:1px solid #ddd; border-radius:2px;}
.day_graphWrap .today em {color:#434343;}
.day_graphWrap .today:before {content:""; position:absolute; left:50%; top:-5px; width:6px; height:6px; margin-left:-3px; background:url("../images/bg_feegraph_today.png") no-repeat center bottom; background-size:100% auto;}
.day_graphWrap .barWrap {position:relative; height:6px; background:#d5d5d5; border-radius:3px; overflow:hidden;}
.day_graphWrap .barWrap .bar {position:absolute; left:0; top:0; height:100%; background:#00a73b;}
.detail_list {padding:0 10px; background:#fff; border-radius:3px;}
.detail_list dl {display:table; width:100%; border-bottom:1px solid #d2d2d2;}
.detail_list dl:last-child {border:none;}
.detail_list dt, .detail_list dd {display:table-cell; height:35px; padding:5px; vertical-align:middle;}
.detail_list dt {font-size:.875rem; color:#626262;}
.detail_list dd {padding-left:10px; text-align:right;}
/* 예상요금 : 2019-01 (그래프 삭제 후 추가됨) */
.fee_expected {padding:16px 15px; background:#fff; border-radius:2px;}
.fee_expected .feebox {display:table; width:100%;}
.fee_expected .feebox > * {display:table-cell; padding:4px 0; vertical-align:middle;}
.fee_expected .tit {font-weight:bold; font-size:.9375rem; color:#434343;}
.fee_expected .now_fee {font-weight:bold; text-align:right;}
.fee_expected .txtbox02 {margin:10px 0 0; padding:12px 10px 12px 0; font-size:.75rem;}
.fee_expected .txtbox02 em {color:#ff1100;}
.fee_expected .txtlist01 li {margin-bottom:8px; line-height:150%;}
.fee_expected .txtlist01 li:last-child {margin-bottom:0;}

/***** popup *****/
.popWrap01 {min-height:100%; padding-top:45px;}
.popWrap01 > .title {background:#00a73b;}
.popWrap01 > .title .tt {color:#fff;}
.popWrap01 .btn_headclose {position:absolute; right:0; top:0; width:40px; height:100%; background-image:url("../images/btn_headclose_w.png");}

.layerpopWrap {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:1000;}
.layerpopWrap.st02 {background:transparent;}
.popupBox {position:absolute; left:50%; top:50%; width:80%; background:#fff; border-radius:2px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popupBox:before {content:""; position:absolute; left:50%; top:-24px; width:46px; height:46px; margin-left:-23px; background:#fff url("../images/ico_popup.png") no-repeat center center; background-size:40px auto; border-radius:50%;}
.popupBox.w02 {width:84%;}
.popupBox .pop_head {position:absolute; height:0; overflow:hidden; opacity:0;}
.popupBox .pop_cont {max-height:350px; padding:35px 10px 20px; font-size:.9375rem; text-align:center; line-height:140%; overflow:auto;}
.popupBox .btn_area {padding:10px; border-top:1px solid #d2d2d2; overflow:hidden;}
.popupBox .btn_area button {float:left; width:48%; width:calc(50% - 5px);}
.popupBox .btn_area button:nth-child(2) {float:right;}
.popupBox .btn_area button:only-child {float:none; width:100%;}
.popupBox.st02:before {display:none;}
.popupBox.st02 .pop_head {position:static; height:50px; font-weight:bold; font-size:1.125rem; line-height:50px; text-align:center; border-bottom:1px solid #00a73b; opacity:1;}
.popupBox.st02 .pop_cont {padding-top:22px;}
.popupBox.st03 .pop_cont {padding:0 12px;}
.popupBox .pop_cont.st02 {padding:0 10px;}
.popupBox .pop_cont.st03 {padding:0;}
.popupBox ul li {border-bottom:1px solid #e6e6e6;}
.popupBox li:last-child {border:none;}
.menu_pop:before {display:none;}
.menu_pop .pop_cont {padding:0;}
.menu_pop li {border-top:1px solid #00a73b;}
.menu_pop li:first-child {border:none;}
.menu_pop li button {width:100%; height:66px; font-size:1.125rem;}

@media screen and (max-height:480px) {
	.popupBox .pop_cont {max-height:300px; overflow:auto;}
}


/***** calendar *****/
.clndr-wrap {padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.clndr-controls {position:relative; height:53px; text-align:center; line-height:53px;}
.clndr-controls > * {display:inline-block;}
.clndr-controls .clndr-control-button {width:35px; height:100%; text-align:left; background:url("../images/btn_cal_prev.png") no-repeat center center; background-size:25px auto;}
.clndr-controls .clndr-control-button.rightalign {background-image:url("../images/btn_cal_next.png");}
.clndr-controls .clndr-control-button > span {display:inline-block; width:100%; height:100%; text-indent:-9999em;}
.clndr-controls .month {margin:0 10px;}
.clndr-controls .btn_close_cln {display:none;}
.clndr-controls:after {content:""; position:absolute; left:10px; top:100%; right:10px; height:24px; background:#00a73b; border-radius:12px; z-index:1;}
.clndr-table {position:relative; border:0 solid rgba(0,0,0,0); border-width:0 10px; z-index:2;}
.clndr-table thead td {width:14.28%; height:24px; font-size:.9375rem; padding-bottom:5px; color:#fff; text-align:center; vertical-align:middle;}
.clndr-table thead td:first-child, .clndr-table thead td:last-child {width:14.3%;}
.clndr-table tbody td {height:42px; font-size:1.0625rem; text-align:center; vertical-align:middle;}
.clndr-table tbody td:first-child {color:#fa8679; border-left:none;}
.clndr-table tbody td:last-child {color:#549ef5; border-right:none;}
.day-contents {width:30px; height:30px; margin:0 auto; text-align:center; line-height:29px; border:1px solid rgba(0,0,0,0); border-radius:50%;}
.day-contents.disabled {opacity:.5;}
.last-month, .next-month {color:#e5e5e5;}
.today .day-contents {color:#fff; background:#00a73b; border-color:#00a73b;}
.choice .day-contents {border:1px solid #ed6c00;}

.clndr-wrap.pop {padding-bottom:0; border:none;}
.clndr-wrap.pop .clndr-controls:after {left:5px; right:5px;}
.clndr-wrap.pop .clndr-table {border:none;}
.clndr-wrap.pop thead td {padding-bottom:15px;}
.clndr-wrap.pop tbody td {font-size:.875rem; vertical-align:top; border:1px solid #f2f2f2;}
.clndr-wrap.pop tbody td:first-child {border-left:none;}
.clndr-wrap.pop tbody td:last-child {border-right:none;}
.clndr-wrap.pop .day-contents {position:relative; width:auto; height:44px; margin:0; padding:3px 2px; background:none; border-radius:0;}
.clndr-wrap.pop .day-contents .txt_day {display:block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid rgba(0,0,0,0); border-radius:50%;}
.clndr-wrap.pop .today .day-contents {color:inherit; background:none; border:none;}
.clndr-wrap.pop .choice .day-contents {color:inherit; background:none; border:none;}
.clndr-wrap.pop .today .day-contents .txt_day {color:#fff; background:#00a73b; border-color:#00a73b;}
.clndr-wrap.pop .choice .day-contents .txt_day {border:1px solid #ed6c00;}
.clndr-table .day_weather {position:absolute; right:0; bottom:0;}
.day_weather {width:30px; height:30px; text-indent:-9999em; background:url("../images/ico_weather_clear.png") no-repeat center center; background-size:25px auto;}
.day_weather.cloud {background-image:url("../images/ico_weather_cloud.png");}
.day_weather.overcast {background-image:url("../images/ico_weather_overcast.png");}
.day_weather.fog {background-image:url("../images/ico_weather_fog.png");}
.day_weather.rain {background-image:url("../images/ico_weather_rain.png");}
.day_weather.snow {background-image:url("../images/ico_weather_snow.png");}
.day_weather.wind {background-image:url("../images/ico_weather_wind.png");}
.noneghost .day-contents:after {content:"손 없는 날"; position:absolute; right:5px; top:10px; width:8px; height:8px; margin-left:10px; text-indent:-9999em; background:url("../images/ico_day_noneghost.png") no-repeat center center; background-size:8px auto;}
.info_noneghost {margin:7px 0 5px; padding:5px 0 5px 30px; font-weight:bold; font-size:.8125rem; line-height:100%; background:url("../images/ico_day_noneghost.png") no-repeat 15px center; background-size:8px auto;}

/* time */
.timelistWrap {margin-top:-1px; padding:10px 5px 30px; background:#f7f7f7; border:0 solid #d2d2d2; border-width:1px 0;}
.timelistWrap .title {position:relative;}
.timelistWrap .title .tit01 {padding-left:9px;}
.timelistWrap .guide {position:absolute; right:5px; top:50%; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; line-height:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.timelistWrap .guide dt, .timelistWrap .guide dd {display:inline-block; vertical-align:middle;}
.timelistWrap .guide dt {width:10px; height:5px; margin-left:5px; text-indent:-9999em; background:#00a73b; border-radius:3px; white-space:nowrap; overflow:hidden;}
.timelistWrap .guide dt:first-child:after {content:"green color :"}
.timelistWrap .guide dt:nth-of-type(2) {background:#bfbfbf;}
.timelistWrap .guide dd {margin-left:4px; font-size:.9375em; color:#959595;}

.time_list {margin-top:5px; overflow:hidden;}
.time_list li {float:left; width:25%; margin-top:10px; padding:0 5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.time_list.fromto li {width:50%;}
.time_list li label {position:relative; display:block;}
.time_list li label > input {position:absolute; left:0; top:0; opacity:0;}
.time_list li label > span {display:block; height:25px; font-size:.9375em; color:#fff; text-align:center; line-height:26px; background:#00a73b; border-radius:13px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.time_list li input:disabled + span {background:#bfbfbf;}
.time_list li input:checked + span {color:#ed6c00; line-height:24px; background:#fff; border:1px solid #ed6c00;}
.popWrap01 .timelistWrap {margin-top:5px; padding:5px 5px 20px;}
.popWrap01 .timelistWrap .title .tit01 {padding:7px 0 7px 9px;}

@media screen and (max-height:660px) {
	.popWrap01 .timelistWrap {padding:5px 5px 10px;}
	.popWrap01 .timelistWrap .title .tit01 {padding:5px 0 5px 9px;}
	.popWrap01 .time_list {margin:0;}
	.popWrap01 .time_list li {margin-top:7px;}
}

/* map */
.map_addr {position:relative; display:block; padding:7px 30px 7px 5px; font-size:0.8125rem;}
.map_addr button {position:absolute; right:0; top:0; height:100%;}