@charset "utf-8";
@import url(master.css);  
@import url(icon/icon.css);
*{-webkit-text-size-adjust:none;}
::-webkit-input-placeholder {color:#666666;}
::-moz-placeholder  {color:#666666;}
:-ms-input-placeholder  {color:#666666;}
:-moz-placeholder {color:#666666;}

#wrap {padding-top:50px;}
#header {position:fixed; top:0; left:0; width:100%; z-index:2000;}

#footer {background:#e4e4e4; padding-bottom:20px;}
#footer .footerMenu { background:#d9d9d9;}
#footer .footerMenu ul {display:table; width:100%;  color:#555555;}
#footer .footerMenu ul li {display:table-cell;}
#footer .footerMenu ul li:nth-child(1) { width:21% }
#footer .footerMenu ul li:nth-child(2) {width:21%}
#footer .footerMenu ul li:nth-child(3) {width:21%}
#footer .footerMenu ul li a {display:block; height:35px; line-height:35px; position:relative; text-align:center;}
#footer .footerMenu ul li a:before {content:"|"; position:absolute; left:-2px;  font-size:12px; color:#bebebe;}
#footer .footerMenu ul li:nth-child(1) a:before {content:"";}
#footer .copy {color:#888888; text-align:center; padding:15px 0;}
#footer .topBtn {text-align:center;}
#footer .topBtn a {}
#footer .topBtn a img {width:40px;}

.leftMenuOn {overflow:hidden; position:fixed; width:100%; height:100%;}

/**/
.mt20 {margin-top:20px;}
/*gnb*/
.gnb {position:relative; background:#2a2a35; height:50px; overflow:hidden;}
.gnb h1 { text-align:center;padding-top:13px;} 
.gnb h1 img {height:22px;} 
.gnb .homeBtn {position:absolute; top:0; left:0; font-size:0;}
.gnb .homeBtn img {height:19px; padding:15px;}
.gnb .gnbBtn {position:absolute; padding:15px; top:0; right:0;  font-size:0;}
.gnb .gnbBtn img {height:19px;}

/*left메뉴*/
#mainMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:8000; }
#mainMenu .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:8000;}
#mainMenu .area{position:absolute; background:#fff; width:85%; height:100%; top:0; right:0; z-index:9000; overflow-y:scroll;}
#mainMenu .area .leftTop {background:#0074c4; height:50px;}
#mainMenu .area .leftTop .loginBtn {position:absolute; top:9px; left:10px; border:1px solid #0c5a90; border-radius:5px; color:#fff; height:30px; line-height:30px; padding:0 10px 0 23px; background:url("../images/lock.png") 5px center no-repeat #2364ad; background-size:15px auto; font-weight:bold;}
#mainMenu .area .leftTop .left_closeBtn {position:absolute; top:0; right:0; width:50px; height:50px; background:url("../images/left_closeBtn.png") center center no-repeat; background-size:20px auto; font-size:0; line-height:0; text-indent:-999999999;}
#mainMenu .area .menuBox {}
#mainMenu .area .menuBox h3.title {height:30px; line-height:30px; font-size:14px; font-weight:bold; text-align:center; background:#f1f1f1;}
#mainMenu .area .menuBox ul.list {}
#mainMenu .area .menuBox ul.list li a{display:block; height:33px; line-height:33px; border-bottom:1px solid #e3e3e3; background:#fff; text-indent:10px; background:url("../images/leftMenuDot.png") right 10px center no-repeat; background-size:11px auto;}

/*롤링배너*/
.mainRollringBanner {border-bottom:1px solid #eee; font-size:0; box-shadow:1px 1px 3px #eee;}
.mainRollringBanner img {width:100%;}
/* 블릿*/
.slideWrap02 { position:relative;  overflow:hidden;}
.slideWrap02 .bx-pager { position:absolute; right:0; bottom:10px; width:100%; text-align:center; z-index:99;}
.slideWrap02 .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
.slideWrap02 .bx-pager-item .bx-pager-link { display:inline-block; width:7px; height:7px; margin:0 2px; font-size:0; line-height:0;  border-radius:20px; border:2px solid #999999; }
.slideWrap02 .bx-pager-item .bx-pager-link.active { background-color:#00a0e9; border:2px solid #00a0e9; }

/*타이틀*/
.backBtn {position:absolute; height:40px; line-height:40px; top:0; left:0; width:40px; text-align:center; font-weight:normal; }
.backBtnCl {position:absolute; height:40px; line-height:40px; top:0; left:0; width:40px; text-align:center; font-weight:normal; }
h2.pageTitle {text-align:center; height:40px; line-height:40px; background:#2578b1; color:#fff; font-weight:bold; font-size:18px; position:relative; }
h3.subTitle {font-size:16px; font-weight:bold; padding-bottom:10px; margin-top:30px; position:relative; }
h3.subTitle span.moreBtn {display:block; position:absolute; top:0; right:0; width:15px; height:15px; background:url("../images/m_moreBtn.png") 0 0 no-repeat; background-size:100% auto; font-size:0; line-height:0; text-indent:-999999999;}
h3.subTitle02 {font-size:18px; font-weight:bold; padding:30px 15px 10px 15px; position:relative; }
/*메인컨텐츠*/
.mainContent {padding:0 15px;}
.mainInfo {}
.mainInfo:after {content:""; display:block; clear:both;}
.mainInfo ul {float:left; width:100%;}
.mainInfo ul li {float:left; width:50%; font-size:0;}
.mainInfo ul li img {width:100%;}

.m_payArea {}
.m_payArea ul {}
.m_payArea ul:after {content:""; display:block; clear:both;}
.m_payArea ul li {float:left; width:49%; margin-top:1%; border:1px solid #dadada; box-sizing:border-box; background:url("../images/payBtnBg.gif") 0 0 no-repeat; background-size:100% 100%;}
.m_payArea ul li:nth-child(2n) {margin-left:1%;}
.m_payArea ul li:nth-child(1)..m_payArea ul li:nth-child(2) {margin-top:0;}
.m_payArea ul li a {display:block; text-indent:8px; height:30px; font-size:12px; line-height:30px; border-left:1px solid #fff; border-top:1px solid #fff; background:url("../images/payBtnDot.png") right 15px center no-repeat; background-size:5px auto;}

.m_infoArea {padding:0 0 50px 0;}
.m_infoArea .tabBtn {padding-bottom:3px;}
.m_infoArea .tabBtn ul {display:table; width:100%;}
.m_infoArea .tabBtn ul li {position:relative; display:table-cell; width:33.3%; border:1px solid #d2d2d2; border-left:0; border-bottom:1px solid #333; color:#8a9095; text-align:center; height:30px; line-height:30px;} 
.m_infoArea .tabBtn ul li:nth-child(1) {border-left:1px solid #d2d2d2;}
.m_infoArea .tabBtn ul li.on {color:#2578b1; font-weight:bold; border:1px solid #333;  border-bottom:1px solid #fff;}
.m_infoArea .tabBtn ul li a {display:block; color:#8a9095; font-weight:bold;  text-align:center; height:30px; line-height:30px; box-sizing:border-box; width:100%;}
.m_infoArea .tabBtn ul li.on a {color:#2578b1; font-weight:bold; }
.m_infoArea .subTitle {}
.m_infoArea .tabListArea {}
.m_infoArea .tabListArea .tabContent {}
.m_infoArea .tabListArea .tabContent ul.list {}
.m_infoArea .tabListArea .tabContent ul.list li {position:relative; height:35px; line-height:35px; width:100%; border-bottom:1px solid #eaeaea;}
.m_infoArea .tabListArea .tabContent ul.list li span.title {display:block; margin:0 80px 0 5px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#393947; font-size:13px; }
.m_infoArea .tabListArea .tabContent ul.list li span.day {position:absolute; top:0; right:5px; font-size:12px; color:#999999;}

.m_infoArea .tabListArea .tabContent ul.listType02 {}
.m_infoArea .tabListArea .tabContent ul.listType02 li {position:relative;  padding:10px 40px 10px 5px;border-bottom:1px solid #eaeaea; background:url("../images/leftMenuDot.png") right 15px center no-repeat; background-size:11px auto; }
.m_infoArea .tabListArea .tabContent ul.listType02 li:nth-child(1) {border-top:1px solid #eaeaea; }
.m_infoArea .tabListArea .tabContent ul.listType02 li span.title {display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#393947; font-size:13px; font-weight:bold; padding-bottom:3px; }
.m_infoArea .tabListArea .tabContent ul.listType02 li span.day { font-size:12px; color:#999999;}
.m_infoArea .tabListArea .tabContent ul.listType02 li span.day span.gap {padding:0 5px;}

.m_infoArea .tabListArea .tabContent .bbsSearch {padding:10px 0;}
.m_infoArea .tabListArea .tabContent .bbsSearch:after {content:""; display:block; clear:both;}
.m_infoArea .tabListArea .tabContent .bbsSearch .box {float:right;}
.m_infoArea .tabListArea .tabContent .bbsSearch .box .input {width:100px; float:left; margin-right:5px; }
.m_infoArea .tabListArea .tabContent .bbsSearch .box .input input{border:1px solid #c9c9c9; border-radius:3px; text-indent:10px; width:100%; height:25px; line-height:25px; color:#666666; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box;}
.m_infoArea .tabListArea .tabContent .bbsSearch .box .searchBtn{float:left;  border-radius:3px; width:25px; height:25px; line-height:25px;  background: url("../images/paySearchIcon.png") no-repeat center center #91939c; background-size:13px auto; font-size:0; line-height:0; text-indent:9999999;}

.m_infoArea .bbsDesc {}
.m_infoArea .bbsDesc .bbs_title {padding:10px 5px; border-bottom:1px solid #eaeaea;}
.m_infoArea .bbsDesc .bbs_title span.title {display:block; color:#393947; font-size:13px; font-weight:bold; padding-bottom:3px; }
.m_infoArea .bbsDesc .bbs_title span.day { font-size:12px; color:#999999;}
.m_infoArea .bbsDesc .bbs_title span.day span.gap {padding:0 5px;}
.m_infoArea .bbsDesc .bbs_txt {padding:15px 5px; border-bottom:1px solid #eaeaea; }
.m_infoArea .bbsDesc .bbsBtn {padding:15px; text-align:center;}
.m_infoArea .bbsDesc .bbsBtn a {display:inline-block; padding:10px 40px; border-radius:5px; font-weight:bold; color:#fff; background:#1d75b2; letter-spacing:0;}

.subPage {padding:0 15px;}
.bbsBtn {padding:15px; text-align:center;}
.more-btn-large {display:inline-block; padding:10px 40px; border-radius:5px; font-weight:bold; color:#fff; background:#1d75b2; letter-spacing:0;}

/*로그인*/
.loginArea {}
.loginArea ul.tabMeun {display:table; width:100%; }
.loginArea ul.tabMeun li {display:table-cell; width:33.3%; line-height:40px; line-height:40px; text-align:center;  font-size:16px;  box-sizing:border-box; background:#f5fafa; color:#999999; border:1px solid #d3d3d3; border-bottom:1px solid #2578b1; }
.loginArea ul.tabMeun li.on {font-weight:bold;  background:#fff; color:#0078cc; border:1px solid #2578b1; border-bottom:1px solid #fff;}
.loginArea .list .info {border:1px solid #2578b1; border-top:0; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.loginArea .list .info {border:1px solid #2578b1; border-top:0; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.loginArea .list .info ul {padding:15px 9px; }
.loginArea .list .info ul li {margin-top:6px;}
.loginArea .list .info ul li:first-child {margin-top:0;}
.loginArea .list .info ul li { }
.loginArea .list .info ul li.inputBox {border:1px solid #c9c9c9; border-radius:7px; overflow:hidden;}
.loginArea .list .info ul li.inputBox span.title {float:left;position:relative;display:block; width:45px; text-align:center; height:35px; line-height:35px; background:#f3f3f3; font-weight:bold; font-size:13px;}
.loginArea .list .info ul li.inputBox span.title:after {position:absolute; top:4px; right:0; width:1px; height:27px; content:""; display:block; background:#e4e4e4;}
.loginArea .list .info ul li.inputBox span.input {overflow:hidden; display:block; height:35px; line-height:35px;}
.loginArea .list .info ul li.inputBox span.input input {text-indent:10px;border:0; width:100%; height:35px; line-height:35px; color:#666666; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.loginArea .list .info ul li.inputBox span.input select {text-indent:10px; height:35px; line-height:35px; width:100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/selectIcon.png") no-repeat 98% 50%; background-size:13px auto;}

.loginArea .list .loginBtn {text-align:center; width:100%; height:35px; line-height:35px; font-weight:bold; color:#fff; background:#2578b1; border-radius:7px; font-size:15px; letter-spacing:0; margin-top:7px;}

.loginArea .list2 .info ul {padding:15px 9px; }
.loginArea .list2 .info ul li {margin-top:6px;}
.loginArea .list2 .info ul li:first-child {margin-top:0;}
.loginArea .list2 .info ul li { }
.loginArea .list2 .info ul li.inputBox {border:1px solid #c9c9c9; border-radius:7px; overflow:hidden;}
.loginArea .list2 .info ul li.inputBox span.title {float:left;position:relative;display:block; width:45px; text-align:center; height:35px; line-height:35px; background:#f3f3f3; font-weight:bold; font-size:13px;}
.loginArea .list2 .info ul li.inputBox span.title:after {position:absolute; top:4px; right:0; width:1px; height:27px; content:""; display:block; background:#e4e4e4;}
.loginArea .list2 .info ul li.inputBox span.input {overflow:hidden; display:block; height:35px; line-height:35px;}
.loginArea .list2 .info ul li.inputBox span.input input {text-indent:10px;border:0; width:100%; height:35px; line-height:35px; color:#666666; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.loginArea .list2 .loginBtn {text-align:center; width:100%; height:35px; line-height:35px; font-weight:bold; color:#fff; background:#2578b1; border-radius:7px; font-size:15px; letter-spacing:0; margin-top:7px;}


.memberCheckArea { border:1px solid #bfbfbf; background:#f8fdfd; border-radius:7px; box-sizing:border-box; overflow:hidden;}
.memberCheckArea ul {width:100%; display:table; padding:15px 0 13px 0;}
.memberCheckArea ul li {width:50%; display:table-cell;  }
.memberCheckArea ul li:first-child {background:url("../images/memberCheckDot.png") right 0 repeat-y; }
.memberCheckArea ul li span.img {display:block; text-align:center; padding-bottom:8px;}
.memberCheckArea ul li span.img img {width:50px;}
.memberCheckArea ul li span.text {display:block; color:#52717b; font-weight:bold; text-align:center;}

.memberCheck_tip {padding-left:10px; position:relative; color:#777777; font-size:13px; margin:10px 0 50px 0; line-height:15px;}
.memberCheck_tip:before {content:"*"; color:#0074c4; position:absolute; left:0; }
.memberCheck_tip span {color:#404548; text-decoration:underline;}

/*전체수납대상조회*/
.company_num {padding:15px;}
.company_num h3 {color:#6a6b76; font-size:13px; font-weight:bold; padding-bottom:3px;}
.company_num .number {color:#2578b1;font-size:22px; font-weight:bold;}

.paymentArea .slideBtn {position:absolute; bottom:-25px; right:10px; border:1px solid #cfcfcf; border-top:0; color:#999; width:70px; height:25px; box-shadow:0 -1px 1px #999 inset;}
.paymentArea .slideUp {background:url("../images/slideUp.png") center center no-repeat #edede8;  }
.paymentArea .slideDown {background:url("../images/slideDown.png") center center no-repeat #edede8; }
.paymentArea {position:relative;border-top:1px solid #cfcfcf; }
.paymentArea .listTable{ border-bottom:1px solid #cfcfcf; background:#edede8; padding:15px 15px 25px 15px; }
.paymentArea .selcetBoxType01 {}
.paymentArea .selcetBoxType01 dl {}
.paymentArea .selcetBoxType01 dl dt {color:#6a6b76; font-size:13px; font-weight:bold; padding-bottom:3px;}
.paymentArea .selcetBoxType01 dl dd {display:table; width:100%;}
.paymentArea .selcetBoxType01 dl dd span {display:table-cell;}
.paymentArea .selcetBoxType01 dl dd span.box {width:49%;}
.paymentArea .selcetBoxType01 dl dd span.box input {border:1px solid #cccccc; text-indent:5px; width:100%; height:35px; line-height:35px; color:#333333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; border-radius:3px;}
.paymentArea .selcetBoxType01 dl dd span.dot {text-align:center; font-size:11px; width:2%;}

.paymentArea .selcetBoxType02 {}
.paymentArea .selcetBoxType02:after {content:""; display:block; clear:both;}
.paymentArea .selcetBoxType02 dl {float:left; width:49%; margin-left:2%; padding:10px 0 0 0;}
.paymentArea .selcetBoxType02 dl:nth-child(2n+1) {margin-left:0;}
.paymentArea .selcetBoxType02 dl dt {color:#6a6b76; font-size:13px; font-weight:bold; padding-bottom:3px;}
.paymentArea .selcetBoxType02 dl dd {}
.paymentArea .selcetBoxType02 dl dd select {border:1px solid #cccccc; text-indent:5px; width:100%; height:35px; line-height:35px; color:#333333; background:#fff; box-sizing:border-box; border-radius:3px; }

.paymentArea .selcetBoxType02 dl dd span {display:block;}
.paymentArea .selcetBoxType02 dl dd span.box {display:block;}
.paymentArea .selcetBoxType02 dl dd span.box input {border:1px solid #cccccc; width:100%; height:35px; line-height:35px; color:#333333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; border-radius:3px; text-align:left;}

.paymentArea .selcetBoxType03 {padding-top:10px}
.paymentArea .selcetBoxType03 dl {}
.paymentArea .selcetBoxType03 dl dt {color:#6a6b76; font-size:13px; font-weight:bold; padding-bottom:3px;}
.paymentArea .selcetBoxType03 dl dd {position:relative;}
.paymentArea .selcetBoxType03 dl dd span {display:block;}
.paymentArea .selcetBoxType03 dl dd span.box {margin-right:70px; padding-right:2%; display:block;}
.paymentArea .selcetBoxType03 dl dd span.box input {border:1px solid #cccccc; width:100%; height:35px; line-height:35px; color:#333333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; border-radius:3px; text-align:center;}
.paymentArea .selcetBoxType03 dl dd span.btn {position:absolute; top:0; right:0; background:url("../images/paySearchIcon.png") 12px 12px no-repeat #2f3243; background-size:11px auto;  width:70px; height:35px; line-height:35px;  text-align:center; font-size:13px; border:1px solid #cccccc; box-sizing:border-box; color:#e0e4f5; border-radius:3px;text-indent:10px; font-weight:bold;}

.paymentArea .paymentAreaBtn {padding-top:10px; text-align:right;}
.paymentArea .paymentAreaBtn .btn {display:inline-block; background:url("../images/paySearchIcon.png") 12px 12px no-repeat #2f3243; background-size:11px auto;  width:70px; height:35px; line-height:35px;  text-align:center; font-size:13px; border:1px solid #cccccc; box-sizing:border-box; color:#e0e4f5; border-radius:3px;text-indent:10px; font-weight:bold;}


.paymentList h3 {font-size:17px; padding:25px 0 10px 15px}
.paymentList .topBox {border-top:2px solid #2578b1; border-bottom:1px solid #afc6ce; background:#f4f9fb; text-align:center; padding:15px 0;}
.paymentList .topBox h4.title {color:#343445; text-decoration:underline; font-weight:bold; text-align:center; font-size:12px; letter-spacing:0; padding-bottom:3px;}
.paymentList .topBox .price {font-size:22px; font-weight:bold; color:#585861; }
.paymentList .topBox .price strong {color:#c90f0f;}
.paymentList .topBox .pbtn{text-align: center; margin: 0 auto; margin-top: 10px;background:url("../images/pCheck.png") 10px center no-repeat #ecd118; background-size:11px auto;   width:90px; height:35px; line-height:35px;  text-align:center; font-size:13px; border-radius:5px; font-weight:bold; text-indent:10px;}

.paymentList .listTable {}
.paymentList .listTable h4 {font-size:16px; font-weight:bold; color:#156ca8; padding:20px 0 5px 15px;}
.paymentList .listTable .tableType02 {}
.paymentList .listTable .tableType02 table {width:100%; border-top:2px solid #d4d4ce;}
.paymentList .listTable .tableType02 table tbody tr td {vertical-align:top; text-align:right; color:#666666; border-bottom:1px solid #d8d8d8; font-size:14px; padding:12px 0;}
.paymentList .listTable .tableType02 table tbody tr td:nth-child(1)  {text-align:center; vertical-align:middle; border-right:1px solid #d4d4ce; }
.paymentList .listTable .tableType02 table tbody tr td:nth-child(2)  {text-align:left; text-indent:10px; padding-bottom:5px;}
.paymentList .listTable .tableType02 table tbody tr td:nth-child(3)  {padding-right:15px;}
.paymentList .listTable .tableType02 table tbody tr:nth-child(1) td {border-top:1px solid #d4d4ce;}
.paymentList .listTable .tableType02 table tbody tr:nth-child(2n) td {background:#f4f9fb;}
.paymentList .listTable .tableType02 table tbody tr td span{display:block; font-size:14px; padding-bottom:5px;}
.paymentList .listTable .tableType02 table tbody tr td input[type="radio"] {vertical-align:middle;}
.paymentList .listTable .tableType02 table tbody tr td span.delivery {color:#333333; font-weight:bold;}
.paymentList .listTable .tableType02 table tbody tr td span.txt {color:#666666;}
.paymentList .listTable .tableType02 table tbody tr td span.desc {color:#333333;font-weight:bold;}
.paymentList .listTable .tableType02 table tbody tr td span.price {color:#515258; font-weight:bold;}
.paymentList .listTable .tableType02 table tbody tr td span.price strong {color:#c90f0f}
.paymentList .listTable .tableType02 table tbody tr td span.morebtn img{width:20px;}

.paymentList .paymentFooter {position:relative; height:35px; line-height:35px; margin:20px 10px 40px 10px; font-weight:bold;  }
.paymentList .paymentFooter .box{padding-right:97px; }
.paymentList .paymentFooter .box:after {content:""; display:block; clear:both;}
.paymentList .paymentFooter .box .txt {float:left;}
.paymentList .paymentFooter .box .price{float:right;}
.paymentList .paymentFooter .box .price strong {font-weight:bold; color:#c90f0f;}
.paymentList .paymentFooter .pbtn{position:absolute; top:0; right:0; background:url("../images/pCheck.png") 10px center no-repeat #ecd118; background-size:11px auto;   width:90px; height:35px; line-height:35px;  text-align:center; font-size:13px; border-radius:5px; font-weight:bold; text-indent:10px;}

.downLoadBox {padding:10px; border-bottom:1px solid #eaeaea;}
.downLoadBox span {}
.downLoadBox a {}

.pagination {text-align:center; padding:15px 0;}
.pagination a{display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; color:#333; background:#fff; border:1px solid #fff; margin:0 -1px; }
.pagination a.leftGap{margin-right:5px;}
.pagination a.rightGap{margin-left:5px;}
.pagination a.pageBtn {border:1px solid #e9e9e9; color:#999999;}
.pagination a.paging_on {color:#21739a; background:#fff; border-color:#76a3b9;}
.brT {border-top:1px solid #cfcfcf;}

/*가입상세내역*/
.join_table {width:100%;}
.join_table table {width:100%;}
.join_table tbody {border-bottom:2px solid #e5e5e0;}
.join_table tbody tr:nth-child(2n) {background:#f3f9fa;}
.join_table tbody tr {border-top:1px solid #e5e5e0;}
.join_table tbody tr th {font-weight:normal; border-right:1px solid #e5e5e0; padding:15px 0; font-size:13px;} 
.join_table tbody tr td {text-indent:10px; font-weight:bold;} 
.join_table tbody tr td strong{color:#2578b1;}

.dTableType01 {border-bottom:2px solid #666666;}
.dTableType01 .listArea {display:table; width:100%; padding:15px 0; border-bottom:1px solid #e5e5e0;}
.dTableType01 .listArea .tTitle{display:table-cell; width:40%; text-align:center;}
.dTableType01 .listArea .tTitle span{color:#2578b1; background:#f3f9fa; border:1px solid #e2e2de; display:inline-block; top:20px; left:15px; font-size:12px; padding:4px 15px;}
.dTableType01 .listArea ul {display:table-cell;text-align:right; line-height:18px; padding-right:15px;}
.dTableType01 .listArea ul li {color:#666666;}
.dTableType01 .listArea ul li strong {color:#000000;}

.Tprice {text-align:right; position:relative;margin:25px 15px;}
.Tprice span {position:absolute; top:0; left:0; display:block;}
.Tprice strong{color:#2578b1;}

.agreeAreaTab {overflow:hidden; margin:20px 15px 0 15px; border:1px solid #1b4c6e; border-radius:3px;}
.agreeAreaTab:after {content:""; display:block; clear:both;}
.agreeAreaTab li {float:left;  text-align:center; position:relative; height:35px; line-height:35px; background:#f6f6f6; }
.agreeAreaTab li:nth-child(1) {width:33.3%;}
.agreeAreaTab li:nth-child(2) {width:33.3%;}
.agreeAreaTab li:nth-child(3) {width:33.3%;}
.agreeAreaTab li span {position:absolute; top:0; left:0; height:35px; line-height:35px; z-index:2; text-align:center; width:100%; font-weight:bold; color:#1b4c6e; font-size:13px; text-indent:10px;}
.agreeAreaTab li:after {position:absolute; background:#f6f6f6; right:-9px; top:0; content:""; display:block; width:35px; height:35px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; -webkit-transform:rotate(-45deg); font-size:0; line-height:0; z-index:1;}
.agreeAreaTab li:last-child:after{border:0;}

.agreeAreaTab li.on {background:#1b4c6e; }
.agreeAreaTab li.on span { color:#fff;}
.agreeAreaTab li.on:after {background:#1b4c6e;}

.agreeContent {}
.agreeContent h4 {text-align:left; font-size:14px; font-weight:bold; position:relative; margin:25px 0 5px 0; text-indent:3px;}
.agreeContent h4 span {position:absolute; top:0; right:0; }
.agreeContent h4 span label {vertical-align:middle; padding-right:4px; color:#666666; font-size:13px;}
.agreeContent input[type=checkbox] {vertical-align:middle; width:18px; height:18px; -webkit-border-radius: none;  -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #c9c9c9; background:#fff;}
.agreeContent input[type=checkbox]:checked {-webkit-border-radius: none; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; border:1px solid #c9c9c9; background:#fff;} 
.agreeContent .textareaBox {overflow:auto; border:1px solid #a3a9ac; background:#f9fdff; border-radius:3px; box-sizing:border-box; width:100%; height:150px; padding:15px; font-size:14px;}
.all_agreeBox {text-align:center; }

.all_agreeBox {color:#666666; font-size:15px; padding:15px 0 0 0;}
.all_agreeBox label {vertical-align:middle; padding-right:4px; color:#666666; font-size:15px; }
.all_agreeBox input[type=checkbox] {margin:0 4px; vertical-align:middle; width:18px; height:18px; -webkit-border-radius: none;  -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #c9c9c9; background:#fff;}
.all_agreeBox input[type=checkbox]:checked {-webkit-border-radius: none; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; border:1px solid #c9c9c9; background:#fff;} 

.all_agree_btn {border-ra}

.all_agreeBtn {text-align:center; margin:20px 0 40px 0;}
.all_agreeBtn .submitBtn,.all_agreeBtn .cancelBtn {display:inline-block;  font-weight:bold; text-align:center; border-radius:5px; width:140px; height:40px; line-height:40px; font-size:16px;}
.all_agreeBtn .submitBtn {background:#1d75b2; color:#fff; margin-right:5px;}
.all_agreeBtn .cancelBtn {background:#666666; color:#fff;}


.tableType03 {width:100%;}
.tableType03 table {width:100%;}
.tableType03 tbody {border-bottom:2px solid #e5e5e0;}
.tableType03 tbody tr:nth-child(2n) {background:#f3f9fa;}
.tableType03 tbody tr {border-top:1px solid #e5e5e0;}
.tableType03 tbody tr th {font-weight:normal; border-right:1px solid #e5e5e0; padding:15px 0; font-size:13px;} 
.tableType03 tbody tr td {text-align:right; font-weight:bold; padding-right:15px;} 
.table_p {text-align:right; padding:10px 15px 0 10px; font-size:16px;}
.table_p span {font-weight:bold;; padding-right:20px; text-decoration:underline;}
.table_p strong {text-decoration:underline;}
.table_p b {color:#c90f0f; }

.tableType04 {width:100%;}
.tableType04 table {width:100%;}
.tableType04 tbody {border-bottom:2px solid #e5e5e0;}
.tableType04 tbody tr:nth-child(2n) {background:#f3f9fa;}
.tableType04 tbody tr {border-top:1px solid #e5e5e0;}
.tableType04 tbody tr th {text-align:right; font-weight:normal; padding:15px 0; font-size:13px;} 
.tableType04 tbody tr td {text-align:left; font-weight:bold; padding:0 15px 0 35px;} 
.tableType04 .inputType01 input[type=text] {text-indent:10px; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
.tableType04 .inputType01 input[type=password] {text-indent:10px; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
.tableType04 .inputType02 input[type=text] {text-indent:10px; width:100%; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}

.tableType04 .selectType01 select {border:1px solid #cccccc; text-indent:5px; width:100%; height:30px; line-height:30px; color:#333; background:#fff; box-sizing:border-box; border-radius:3px; }

.tableType04 .inputTypeList01 input[type=text] {text-align:center; width:23%; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
.tableType04 .inputTypeList01 input[type=tel] {text-align:center; width:23%; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
.tableType04 .inputTypeList01 input[type=password] {text-align:center; width:23%; height:30px; line-height:30px; color:#333; background:#fff; -webkit-border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
.tableType04 .inputTypeList01 select {border:1px solid #cccccc; text-indent:5px; width:40%; height:30px; line-height:30px; color:#333; background:#fff; box-sizing:border-box; border-radius:3px; }
.tableType04 .inputTypeList01 {font-weight:normal;}
.tableType04 .text {text-align:right; }
/*개인정보 처리방침*/
.textareaBox02 {overflow:auto; border:1px solid #a3a9ac; background:#f9fdff; border-radius:3px; box-sizing:border-box; width:100%; height:150px; padding:15px; font-size:14px; line-height:130%;}


.tableT01 {width:100%; border:1px solid #999; border-bottom:0; }
.tableT01 tr td:nth-child(1) {width:90px; border-right:1px solid #999; text-align:center;}
.tableT01 tr td {font-size:13px; line-height:130%; border-bottom:1px solid #999; padding:5px;}

.tableT02 {width:100%; border:1px solid #999; border-bottom:0; margin-bottom:10px; }
.tableT02 tr td:nth-child(1) {width:100px; border-right:1px solid #999; text-align:center;}
.tableT02 tr td {font-size:13px; line-height:130%; border-bottom:1px solid #999; padding:5px;}

.tableT03 {width:100%; border:1px solid #999; border-bottom:0; background:#fff;}
.tableT03 tr th:nth-child(1) {width:90px; border-right:1px solid #999; text-align:center;}
.tableT03 tr th {font-size:13px; line-height:130%; border-bottom:1px solid #999; padding:5px; text-align:center;}
.tableT03 tr td:nth-child(1) {width:90px; border-right:1px solid #999; text-align:center;}
.tableT03 tr td {font-size:13px; line-height:130%; border-bottom:1px solid #999; padding:5px; text-align:center;}

.tableT04 {width:100%; border:1px solid #999; border-bottom:0; }
.tableT04 tr td {width:90px; border-right:1px solid #999; text-align:center;}
.tableT04 tr td {font-size:13px; line-height:130%; border-bottom:1px solid #999; padding:5px;}

.textareaBox03 {position:relative; overflow:auto; border:1px solid #a3a9ac; background:#f9fdff; border-radius:3px; box-sizing:border-box; width:100%; overflow-y:hidden; margin:20px 0 50px 0; padding:15px; font-size:14px; line-height:130%;}
.layerPopupBox {display: none; width:100%; height:100%; position:fixed; top:0; left:0;  z-index:99999}
.layerPopupBoxConsign {display: none; width:100%; height:100%; position:fixed; top:0; left:0;  z-index:99999}
.layerArea {position: fixed; width: 90%; min-height: 400px; top: 50%; left: 5%; margin-top: -30vh; }
/*history back*/
a.history-back {position: absolute; top: 60px; left: 20px; width: 19px; height: 18px; background: url('../images/ico-back.gif') no-repeat left top; background-size: 19px 18px; text-indent: -99999em;}

.textareaBox03 .title {font-weight:bold; font-size:16px}
.textareaBox03 .layContent {padding:10px 0 5px 0;}
.layer_closeBtn {color:#fff; background:#999; position:absolute; top:10px; right:-10px; height:25px; line-height:25px; width:25px; text-align:center; border-radius:50%; z-index:9999999;}


/* payment list item */
.row{
	display:flex;	
}
.row .item-left{
	flex:1;
}
.row .item-right{
	flex:1;
	text-align: right;
	margin-right: 10px;
}
#loading {  
	position:absolute;  
	left:0;
	top:0;
	z-index:9000;  
	background-color:gray;  
	display:none;  
}
#loading_img{
	position: absolute;
    left: 45%;
    top: 30%;
}