@charset "utf-8";

/*Webfont*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* @font-face {font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; 
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
} */

/* Common */
*{margin:0; padding:0;}
body {font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕','돋움', 'Dotum', sans-serif; font-size:13px; color:#222; line-height: 18px; /*letter-spacing: -0.02em;*/ background-color: #fff;}/*ie7에서 보관함 검색 조건 박스 왼쪽 라인이 안나오는 문제로 letter-spacing 삭제, 각 div에 추가 */
li{list-style: none;}
img {border: 0; /*vertical-align: middle; 기존 이미지 소스 틀어지는 문제로인하여 삭제*/}
input{vertical-align: middle; padding:0; margin:0;}
.checkbox {margin-right:3px; padding:0; width:13px; height:13px;}
.txt_box {display: inline-block; border:1px solid #21283e; background-color: #fff; vertical-align: middle; font-family:  '나눔고딕', NanumGothic, 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕','돋움', 'Dotum', sans-serif; font-size:12px; color:#777; line-height: 26px; letter-spacing: -0.02em; padding-left: 7px; width:113px; height:26px;}
.pw_bg {background: url('../images/etaxbill/bg_pw.gif') 0 0 no-repeat #fff;}
a {text-decoration:none; color:#222; border:0;}
a:link     {color: #222; text-decoration: none;}
a:visited  {color: #222; text-decoration: none;}
a:hover   {color: #222; text-decoration: underline;}
.bold {font-weight: bold; color:#222;}
.btn_normal {border:1px solid #b8b8b8; padding-left: 8px; display: block; margin-bottom: 8px; background: #fff url('../images/etaxbill/icon_btn_arrow.png') right center no-repeat; line-height: 25px;}
.btn_normal:hover{background-color: #ededed;}
.btn_blue, .btn_blue:link, .btn_blue:active, .btn_blue:visited {border:1px solid #2a3a64; padding-left: 8px; display: block; margin-bottom: 8px; background: #2e4e9d url('../images/etaxbill/icon_btn_arrow_white.png') right center no-repeat; color:#fff; line-height: 25px;}
.btn_blue:hover{background-color: #213b8a; color:#fff;}

/* Layout */
#wrap {width: 100%; margin:0; padding:0; min-width: 997px;}
#top{width:100%; border-bottom: 1px solid #131b38; background-color: #2b334c}
#etaxbill_content{background-color:#dee1e3; padding:50px 0;}
#sub_footer{width: 100%; margin:19px 0 0 0; padding:0; min-width: 950px;}


/* Top */
.utill_menu{height:38px; background-color: #181c28;letter-spacing: -0.02em;}
.utill_bar{overflow: hidden; width:997px; margin:0 auto;}
.utill_menu li{float: right; line-height: 38px; font-size: 12px; color:#acaeb5; padding-left: 15px;}
.utill_menu li a{color:#acaeb5;}
.sb_bi img {vertical-align: middle;} /*utill 메뉴 스마트빌 로고 middle 정렬*/
.find_Idpw {padding:0 15px 0 30px; background: url('../images/etaxbill/bg_utill_line.gif') right 0 no-repeat;}
.top_con{width:997px; height: 80px; margin:0 auto;letter-spacing: -0.02em;}
.top_con ul{overflow: hidden;}
.etaxbill_h1{background: url('../images/etaxbill/bi_etaxbill.gif') 0 0 no-repeat; text-indent: -9999px; width:119px; height: 34px;}
.top_con li{ }
.top_con_left{float:left; padding:30px 10px 0 0; display: inline; font-size: 15px; color:#c3c8d4;  line-height: 47px;}
.top_con_login{float:right; padding-top: 12px; }
.save_id{ color:#abadb4; font-size: 12px; line-height: 15px;  display:block; padding: 2px 0 5px 5px;}
.login {overflow: hidden;} 
.login li{float:left; padding-left: 5px;}
.btn_login, .btn_login:link, .btn_login:active, .btn_login:visited {display:inline-block; width:65px; font-size: 12px; font-weight: bold; color: #ffe44f; line-height: 26px; background-color: #2e4e9d; border:1px solid #21283e; text-align: center;}
.btn_login:hover{color: #ffe44f; background-color: #213b8a; }

.logout {overflow: hidden; padding-top: 24px;} 
.logout li{float:right; padding-left: 20px; color:#fff;}
.logout li a{color:#fff; line-height: 26px;}
.myid, .myid:link, .myid:active, .myid:visited {color:#ffe44f; font-weight: bold;}
.myid:hover {color:#ffe44f; font-weight: bold;}
.manage_myinfo{background: url('../images/etaxbill/icon_myinfo.gif') 5px 7px no-repeat; display: inline-block; margin-left: 14px;}
.btn_logout, .btn_logout:link, .btn_logout:active, .btn_logout:visited {display:inline-block; width:65px; font-size: 12px; color: #fff; line-height: 26px; background-color: #2e4e9d; border:1px solid #21283e; text-align: center;}
.btn_logout:hover{color: #fff; background-color: #213b8a; }

/* Content */
.content_frame{margin: 0 auto; width: 991px; border: 6px solid #2a3a64; background-color: #fff; letter-spacing: -0.02em;}
.con_1row{border-bottom: 1px solid #dadada; overflow: hidden;}
.con_rule{padding: 25px; border-right: 1px solid #dadada; float: left; display: inline; width:197px; height:187px;}
.etaxbill_h2{font-size:22px; font-weight: bold; line-height: 26px; padding-bottom: 23px; }
.etaxbill_h2 a{background: url('../images/etaxbill/icon_arrow.png') right top no-repeat; padding-right: 20px; display: inline-block;}
.manage_fee {background: url('../images/etaxbill/img_fee.gif') right 135px no-repeat;}
.fee_area{width:114px;}
.dit_area {width:100%;}
.amended_tax{background: #2e4e9d url('../images/etaxbill/img_amended_tax.gif') right bottom no-repeat; padding:0; text-align:center; width:247px; height:237px; }
.amended_tax h2 a{color:#fff; background: url('../images/etaxbill/icon_arrow_white.png') right top no-repeat; padding:25px 20px 0 0; display: inline-block; letter-spacing: -0.08em; }
.amended_tax_img a{width:143px; height: 98px; display: block;  margin:6px auto;}
.con_1row .customer_center {border: none;}
.center_info {background: url('../images/etaxbill/img_phone.gif') 0 0 no-repeat; padding-bottom:12px; }
.center_info li{padding-top: 7px; margin-left:62px; display: block;}
.phone_num{font-weight: bold; font-size:25px; letter-spacing: -0.03em;}
.fax_num{font-size:15px; padding-left: 5px;}
.cs_time{font-size:12px; color:#777; letter-spacing: -0.04em; text-align: center;}
.btn_controlremote a{background-color: #3d5182; display: block; line-height: 36px; color: #fff; font-weight: bold; text-align: center; margin-top: 21px;}
.btn_controlremote a:hover{background-color: #304273;}

.con_2row{overflow: hidden;}
.doc_archive{background: url('../images/etaxbill/img_archive.gif') right 131px no-repeat;}
.archive_area{width:141px;}
.manage_nts{background: url('../images/etaxbill/img_nts.gif') right 127px no-repeat;}
.nts_area{width:146px;}
.notice {margin-top: -2px; }
.notice_item {background: url('../images/etaxbill/dot_notice.gif') 0 15px no-repeat; padding-left:10px; line-height: 30px;}
.icon_noti_new{padding-left:5px; vertical-align:middle;} /*20161215 추가*/
.con_banner{float: left; display: inline; width:247px; height:187px;}
.con_banner li {border-bottom: 1px solid #e1e1e1; font-weight: bold; padding-left:59px; margin:0; line-height: 79px; letter-spacing:0;}
.banner_cert{background: url('../images/etaxbill/icon_cert.gif') 22px 25px no-repeat;}
.banner_data{background: url('../images/etaxbill/icon_data.gif') 20px 28px no-repeat;}
.banner_koreaju{background: url('../images/etaxbill/icon_koreaJu.gif') 23px 25px no-repeat #e9ecf5;}
.banner_koreaju a{color:#2e4e9d;}

/* Footer */
.footer_menu{background-color: #c7cbce; height: 34px;letter-spacing: -0.02em;}
.footer_menu ul{width:997px; margin:0 auto; overflow: hidden;}
.footer_menu li{float:right; display: inline; padding-left: 20px; line-height: 34px;} 
.footer_menu li a{font-weight: bold;}
.footer_con{padding-top: 30px; width:997px; margin:0 auto; overflow: hidden;letter-spacing: -0.02em;}
.footer_bonabank{float: left; display: inline; width:60px; padding-right: 63px;}
.footer_copyright{float: left; display: inline; font-size: 12px; color:#777;}
.footer_copyright ul{overflow: hidden;}
.footer_copyright li {line-height: 12px; padding-bottom: 9px;}
.copyright_item {float: left; padding-right: 7px; background: url('../images/etaxbill/line_copyright.gif') 0 0 no-repeat; padding-left: 7px;}
.copyright_item1st {float: left; padding-right: 7px;}
.copyright_text{font-size: 11px; color:#999;}
.footer_link{float: right; display: inline;} 
.footer_link ul{overflow: hidden; }
.footer_link li{float:right; padding-left: 20px; line-height: 41px; height:42px;}
.footer_link img{vertical-align: middle;}

/* Sub Footer 추가 
.sub_footer_menu{background-color: #c7cbce; height: 34px;}
.sub_footer_menu ul{width:950px; margin:0 auto; overflow: hidden;}
.sub_footer_menu li{float:right; display: inline; padding-left: 20px; line-height: 34px;} 
.sub_footer_menu li a{font-weight: bold;}
.sub_footer_con{padding: 30px 0; width:950px; margin:0 auto; overflow: hidden;}

.sub_footer_link{float: right; display: inline;} 
.sub_footer_link ul{overflow: hidden; }
.sub_footer_link li{float:right; padding-left: 20px; line-height: 41px;}
*/

/* Sub Footer 수정본 20161024*/
#etaxbill_sub_footer{width: 950px; margin-top:19px; }
.etaxbill_sub_footer_menu{background-color: #c7cbce; height: 34px; letter-spacing: -0.02em;}
.etaxbill_sub_footer_menu ul{overflow: hidden; padding-right: 20px;}
.etaxbill_sub_footer_menu li{float:right; display: inline; padding-left: 20px; line-height: 34px;} 
.etaxbill_sub_footer_menu li a{font-weight: bold; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕','돋움', 'Dotum', sans-serif; line-height: 34px;}
.etaxbill_sub_footer_con{padding-top: 30px; width:950px; margin:0 auto; overflow: hidden; letter-spacing: -0.02em;}

.etaxbill_footer_bonabank{float: left; display: inline; width:106px; padding:0 30px 0 20px;}
.etaxbill_footer_copyright{float: left; display: inline; text-align: left;}
.etaxbill_footer_copyright ul{overflow: hidden;}
.etaxbill_footer_copyright li {line-height: 12px; padding-bottom: 9px; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕','돋움', 'Dotum', sans-serif; font-size: 12px; color:#777; letter-spacing: -0.04em;}
.etaxbill_copyright_item {float: left; padding-right: 7px; background: url('../images/etaxbill/line_copyright.gif') 0 0 no-repeat; padding-left: 7px; }
.etaxbill_copyright_item1st {float: left; padding-right: 7px;}
.etaxbill_copyright_text{font-size: 11px; color:#999;}
.etaxbill_footer_link{float: right; display: inline; } 
.etaxbill_footer_link ul{overflow: hidden; padding-right: 20px;}
.etaxbill_footer_link li{float:right; padding-left: 20px; line-height: 41px; height:42px;}
.etaxbill_footer_link img{vertical-align: middle;}