@charset "utf-8";
@import url('layout_base.css');
@import url('jquery-ui.css');

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
/* input:focus, button:focus, select:focus, textarea:focus {outline:0;} */
button::-moz-focus-inner {border:0 none; padding:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#333;}
a:focus {color:#333;}

/* common */ 
* {-webkit-text-size-adjust:none; text-shadow:0 0 0 transparent;}
html, body {/* height:100%; */}
body {font-family:'Malgun Gothic','맑은 고딕',sans-serif; font-style:normal; font-weight:normal; font-size:14px; letter-spacing:-1px; color:#333; white-space:normal; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, select, textarea {box-sizing:border-box; border-radius:0; padding:0; font-size:14px; font-family:'Malgun Gothic','맑은 고딕',sans-serif; font-style:normal; font-weight:normal; color:#273237; letter-spacing:-1px; -webkit-appearance:none; vertical-align:middle;}
/* img {width:100%;} */
p {line-height:1.4;}
.dp_none {display:none;}
.hidden, legend {font-size:0; width:0 !important; height:0 !important; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}/* wac 인증심사 받을 경우 visibility:hidden하지 말것. */
.hide{display:block; position:fixed;top:-9999999999999999999px; width:0; height:0;}
.clear:after {content:''; display:block; clear:both;}
.txt_color {color:#e50977 !important;} /* 진분홍 */
.no-js { display:none; }


/* input button design */
input:-ms-input-placeholder {color:#bbb;}
input::-webkit-input-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;} 
input[type=checkbox].css-checkbox {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=checkbox].css-checkbox + label {display:inline-block; height:17px; padding-left:20px !important; margin-right:30px; background:url('../img/bg_checkBox_off.png') no-repeat 0 0; background-size:17px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type=checkbox].css-checkbox:checked + label {background:url('../img/bg_checkBox_on.png') no-repeat; background-size:17px;}


/* radio button design */
input[type=radio].css-radio {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=radio].css-radio + label {display:inline-block; height:15px; padding-left:20px !important; margin-right:95px; background:url('../img/bg_radioBox_off.png') no-repeat 0 0; background-size:15px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
input[type=radio].css-radio:checked + label {background:url('../img/bg_radioBox_on.png') no-repeat; background-size:15px;}


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


/* input_style */
input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px;}
input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px;}
input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px;}
input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px;}
input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px;}
textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:5px; border:1px solid #cfd4d9; font-size:14px;}


/* select_style */
select {-moz-appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; height:23px; padding:0 15px 0 5px; border:1px solid #d9d9d9; line-height:23px; font-size:14px; background:#fff url('../img/bg_select.png') no-repeat; background-position:calc(100% - 5px) 50%; background-size:7px 4px;}
select::-ms-expand {display:none;}


/* button-style */
button {height:23px; border:none; line-height:23px; text-align:center; box-sizing:border-box;}
.btn_area {text-align:center; font-size:0;}
.btn_area a {display:inline-block; min-width:50px; height:23px; margin-left:10px; padding:0 10px; text-align:center; font-size:13px; line-height:21px; box-sizing:border-box;}
.btn_area > a:first-child {margin-left:0;}


/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1400; display:none;}
.common_pop {position:absolute;top:5%;left:50%; width:900px; margin-left:-450px; background:#fff; box-sizing:border-box;}
.pop_tit {padding:15px 30px; background:#2a323c; color:#fff; font-size:18px; font-weight:bold;}
.pop_con {overflow-y:auto; width:100%; max-height:85vh; padding:22px 30px 30px 30px; box-sizing:border-box;}
/*.btn_closePop a {position:absolute;top:25px;right:30px; width:30px; height:30px; background:url('../img/btn_close_b.png') no-repeat; background-size:cover; text-indent:-9999px;}

.common_pop.full {position:absolute;top:0;left:0; width:100%; height:100%; background:#d57400;}
.common_pop.full .pop_con {padding-top:0;}
.common_pop.full .pop_con img {width:100%;} */


/* 접근성 패널 */
ul#skipnavi {position:fixed; left:0px; top:0px; width:100%; z-index:9999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {display:block; position:absolute;left:0px;top:0px; width:100%; height:20px; padding:4px 0 0 0; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; text-indent:0px; line-height:1; z-index:1000;}


/* header */
#header {width:100%;}
.head_top {height:40px;}
.ht_l {float:left;}
#header h1.logo {display:inline-block; float:left; width:109px; height:24px; margin:10px 24px 0 31px;}
#header h1.logo a {display:inline-block; width:100%; height:100%; background:url(../img/logo.png) no-repeat; background-size:contain; text-indent:-9999px;}
#header .ver {display:inline-block; line-height:40px;}

.ht_r {float:right; padding:7px 55px 0 0;}
.user {display:inline-block; font-size:0;}
.user li {display:inline-block; font-size:13px;}
.user li::after {content:'/'; padding:0 5px;}
.user li:last-child::after {display:none;}
.user li.time {color:#db0010;} 

.util {display:inline-block; font-size:0;}
.util > li {display:inline-block; margin-left:4px;}
.util > li > a {display:inline-block; height:26px; border:1px solid #cecece; font-size:12px; text-align:center; line-height:26px; box-sizing:border-box;}
.util > li a.btn_logout {width:72px;}
.util > li a.btn_setting {width:26px; background:url(../img/btn_setting.png) no-repeat center center / auto auto; text-indent:-9999px;}

.util li.setting {position:relative;}
.pop_setting {display:none; position:absolute;top:28px;right:0px; width:102px; z-index:100;}
.util li.setting:hover .pop_setting {display:inline-block;}
.pop_setting ul {position:relative; display:inline-block; width:100%; padding:10px; background:#fff; border:1px solid #cecece; box-sizing:border-box;}
.pop_setting ul::before {content:''; position:absolute;top:-7px;right:0px; display:inline-block; width:26px; height:7px; background:url(../img/bg_popSet.png) no-repeat center top;}
.pop_setting ul li:first-child {margin-bottom:10px;}
.pop_setting ul li a { font-size:13px;}
.pop_setting ul li a:hover {text-decoration:underline;}

.head_bot {height:40px; background:#db0010;}
#gnb {font-size:0;}
#gnb > li {display:inline-block; position:relative; height:100%; padding:7px 10px 0 10px; text-align:center; box-sizing:border-box;}
#gnb > li::before {content:''; display:inline-block; position:absolute;top:12px;left:0; width:2px; height:16px; background:url(../img/bg_gnb.jpg) repeat-y;}
#gnb > li:first-child::before {display:none;}
#gnb > li > a {display:inline-block; min-width:110px; height:26px; padding:0 30px; color:#fff; font-size:15px; font-weight:bold; line-height:26px; box-sizing:border-box;}
#gnb > li.on > a, #gnb > li > a:hover {background:#fff; color:#db0010;}


/* common */
#wrap {min-width:1200px;}
#container {overflow:hidden; min-height:calc(100vh - 80px); background:#2a323c;}
#container:after {content:''; display:block; clear:both;}


/* lnb */
#lnb {float:left; width:200px; min-height:calc(100vh - 80px);}
.oneDep {width:100%;}
.oneDep > li {background:url(../img/bg_oneDep.png) no-repeat 170px 17px;}
.oneDep > li.on {background:url(../img/bg_oneDep_on.png) no-repeat 170px 17px;}
.oneDep > li > a {display:inline-block; width:100%; min-height:40px; padding:12px 30px 0 30px; background:url(../img/bg_lnb.png) repeat-x 0 bottom; color:#fff; font-weight:bold; box-sizing:border-box;}
.twoDep {display:none; padding:10px 0; background:#1c2129 url(../img/bg_lnb.png) repeat-x 0 bottom;}
.twoDep li {min-height:30px; padding:7px 30px 0 30px; box-sizing:border-box;}
.twoDep li a {color:#fff;}
.twoDep li.on a {color:#ff9794; font-weight:bold;}

.content {position:relative; float:left; width:calc(100% - 200px); min-width:960px; min-height:calc(100vh - 80px); padding-bottom:60px; background:#fff; box-sizing:border-box;}
.con_top {height:40px; background:#dfe1e7; border:1px solid #babfcb; font-size:0; box-sizing:border-box;}
.tabBtn {display:inline-block; height:100%; vertical-align:top;}
.tabBtn li {display:inline-block; height:100%;}
.tabBtn li a {display:inline-block; width:26px; height:100%; border-right:1px solid #babfcb; font-size:15px; text-indent:-9999px; box-sizing:border-box;}
.tabBtn li a.prev {background:url(../img/tabBtn_prev.png) no-repeat center center;}
.tabBtn li a.next {background:url(../img/tabBtn_next.png) no-repeat center center;}

.tabTit {overflow:hidden; display:inline-block; width:calc(100% - 80px); height:100%;}
.tabTit li {display:inline-block; position:relative; width:120px; height:100%; border-right:1px solid #babfcb; font-size:12px;}
.tabTit li.active {background:#fff; border-bottom:1px solid #fff;}
.tabTit li a {display:inline-block; width:130px; height:100%; padding:0 10px; line-height:40px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tabClose {display:inline-block; position:absolute;top:12px;right:1px; width:15px; height:15px; background:url(../img/btn_tabClose.png) no-repeat center center; text-indent:-9999px; cursor:pointer;}

.tabContent {padding:0 20px; box-sizing:border-box;}
.tabCon {display:none;}
.tabCon01 {display:block;}

.page_top {overflow:hidden;}
.location {float:left; padding-top:20px; font-size:16px;}
.location span {}
.location span::after {content:''; display:inline-block; width:4px; height:5px; margin:0 5px; background:url(../img/bg_location.png) no-repeat; vertical-align:middle;}
.location strong {}

.conBtn {float:right; padding-top:20px;}
.conBtn a {margin-left:5px;}
.btn_sty01 {display:inline-block; min-width:50px; height:23px; padding:0 10px; background:#fff; border:1px solid #2a323c; color:#2a323c !important; font-size:13px; line-height:21px; text-align:center; box-sizing:border-box;}
.btn_sty01.bg01 {background:#2a323c; border:1px solid #2a323c; color:#fff !important;}
.btn_sty01.bg02 {background:#006820; border:1px solid #006820; color:#fff !important;}
.btn_sty01.bg03 {background:#db0010; border:1px solid #db0010; color:#fff !important;}
.btn_sty01.bg04 {background:#949599; border:1px solid #949599; color:#fff !important;}

.fold {margin-top:15px;}
.fold.close {}
.foldBtn { text-align:center;}
.fold.close .foldBtn {border-top:1px solid #d8d8db;}
.foldBtn a {display:inline-block; width:47px; height:10px; text-indent:-9999px;}
.foldBtn a.btn_fold {background:url(../img/btn_fold.png) no-repeat;}
.foldBtn a.btn_open {display:none; background:url(../img/btn_open.png) no-repeat;}
.fold.close a.btn_fold {display:none;}
.fold.close a.btn_open {display:inline-block;}

table.tbl_sty01 {width:100%; font-size:14px; table-layout:fixed;}
.tbl_sty01 th, .tbl_sty01 td {height:30px; padding:5px 10px; border:1px solid #d8d8db; line-height:1.4em; box-sizing:border-box; word-break:keep-all;}
.tbl_sty01 th {background:#eaebef; font-weight:bold; text-align:center;}
.tbl_sty01 th label {}
.tbl_sty01 td {}

.tbl_sty01 input[type=checkbox] {-webkit-appearance:checkbox;}
.tbl_sty01 input[type=radio] {-webkit-appearance:radio;}

.tbl_sty01.even tbody tr:nth-child(2n) {background:#fdeff1;} /* 짝수 줄 컬러 */
.tbl_sty01.even tbody td {text-align:center;}
.tbl_sty01.length tbody td {text-align:center;} /* thead있을때 tbody중앙정렬 */

.tableW .tbl_sty01 {margin-top:20px;}

.sels {font-size:0;}
.sels select {margin-left:5px;}
.sels select:first-child {margin-left:0;}

.horScroll {overflow-x:auto; width:100%;}

/* datepicker */
.datepickerW {}
.wave {}
/* .ui-state-active, .ui-widget-content .ui-state-active {color:#ffffff !important;} */
.ui-datepicker td.ui-datepicker-week-end a {color:#db0010;}
.ui-datepicker td.ui-datepicker-week-end:last-child a {color:#007fff;}
.ui-datepicker td.ui-datepicker-week-end a.ui-state-active, 
.ui-datepicker td.ui-datepicker-week-end:last-child a.ui-state-active {color:#ffffff;}
.ui-icon, .ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png);}

/* paging */
.paging {text-align:center;}
.paging strong, .paging a {display:inline-block; margin-left:15px; color:#7d7d7d; vertical-align:top;}
.paging strong {border-bottom:1px solid #333;}
.paging a:first-child {margin-left:0;}
.paging a:hover {border-bottom:1px solid #333;}
.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_end {display:inline-block; width:11px; height:20px; text-indent:-9999px;}
.paging .btn_first:hover, .paging .btn_prev:hover, .paging .btn_next:hover, .paging .btn_end:hover {border-bottom:none;} 
.paging .btn_first {background:url(../img/btn_first.png) no-repeat center center / 11px 9px;}
.paging .btn_prev {background:url(../img/btn_prev.png) no-repeat center center / 6px 9px;}
.paging .btn_next {background:url(../img/btn_next.png) no-repeat center center / 6px 9px;}
.paging .btn_end {background:url(../img/btn_end.png) no-repeat center center / 11px 9px;}

.tbl_bot {overflow:hidden; padding:10px 0 20px;}
.tbl_bot .pageNum {float:left;}
.tbl_bot .paging {float:right;}

.point {color:#db0010 !important;}

.tel .btn_sty01, .post .btn_sty01, .email .btn_sty01, .account .btn_sty01 {vertical-align:top;}
.post input[type=text] {margin-top:5px;}
.post .postcode input[type=text] {margin-top:0;}

.square_tit {margin:20px 0 5px; font-size:18px; font-weight:bold;}
.square_tit::before {content:''; display:inline-block; width:5px; height:17px; margin-right:10px; background:#2a323c; vertical-align:-1px;}

.popBtn {padding-top:20px; text-align:right;}
.popBtn a {margin-left:5px;}


/* 관리자 메인  */
.dashboard {padding:20px; box-sizing:border-box;}
.db_top {overflow:hidden;}
.db_top .paymentList {display:inline-block; float:left; width:calc(40% - 20px); height:160px; box-sizing:border-box;}
.title_more {overflow:hidden; box-sizing:border-box;}
.title_more .tit {float:left; font-size:16px; font-weight:bold;}
.title_more .more {float:right; font-size:14px;}

.paymentList .title_more {height:35px; padding:0 20px; background:#8b8e9d; color:#fff; line-height:35px;}
.paymentList .title_more .more {color:#fff;}
.paymentList .tbl_sty01 th, .paymentList .tbl_sty01 td {height:31px;}
.dash_calendar {float: right; width: 60%;}

.db_bot .statusAmount {display:inline-block; float:left; width:250px; height:159px; padding:10px;margin-right:20px; border: 1px solid #d8d8db; box-sizing:border-box;}
.total_amount {}
.total_amount li.top {margin-bottom:10px; border-bottom:1px dashed #d8d8db;}
.total_amount dt {padding-bottom:5px; font-size:15px;}
.total_amount dd {padding-bottom:10px; text-align:right;}
.total_amount dd .amount {font-size:20px; font-weight:bold;}
.total_amount li.top .amount {color:#1b75e6;}
.total_amount li.bot .amount {color:#db0010;}

.statusAmount .btn_sty01.bg01 {width:100%;}
.statusAmount a {height: 23px; font-size: 15x; margin-top: 5px;}

.db_bot .boardBox {width:calc((100% - 290px) / 2); padding:15px 20px; border: 1px solid #d8d8db; box-sizing:border-box;}
.db_bot .boardBox:nth-child(2n-1) {float:left;}
.db_bot .boardBox:nth-child(2n) {float:right;}

.db_bot {overflow:hidden; margin-top:20px;}
.boardBox .title_more {padding-bottom:10px; border-bottom:1px solid #8b8e9d;}
.boardList {padding-top:10px;}
.boardList li {position:relative; height:23px; padding-left:10px; margin-top:5px; line-height:21px; box-sizing:border-box;}
.boardList li::before {content:''; display:inline-block; position:absolute;top:10px;left:0; width:2px; height:2px; background:#555b63;}
.boardList li a {display:inline-block; width:98%; height:100%; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardList .tag {display:inline-block; width:55px; height:100%; margin-right:5px; background:#fad8da; border: 1px solid #e8bdc0; color:#9b2a32; font-size:12px; line-height:21px; text-align:center; box-sizing:border-box;}


/* 관리자 로그인  */
#container.login {overflow:auto; min-height:100vh; background:#eaeaea;}
.loginW {width:982px; margin:210px auto 0;}
.logo_login {margin-bottom:13px;}
.logo_login .sort {color:#2a323c; padding-left:20px; font-size:20px; font-weight:bold;}
.login_bg {position:relative; width:982px; height:509px; background:#2a323c;}
.login_visual {display:inline-block; width:347px; height:509px;}
.login_visual img {width:100%; height:100%;}

.loginBox {position:absolute;top:-27px;left:347px; display:inline-block; width:601px; height:567px; padding:130px 102px 0 102px; background:#fff; border:1px solid #d9dadd; border-radius:3px; box-shadow: 0px 2px 0px 0px rgba(89, 89, 89, 0.3); box-sizing:border-box;}
.loginBox legend {position:relative; width:138px !important; height:32px !important; background:url(/img/bizone_login/txt_login.png) no-repeat; font-size:14px; line-height:1em; }

.login_info {margin-top:15px;}
.login_info li {margin-bottom:10px;}
.login_info li input {height:42px; border-radius:3px;}

.login_certify {font-size:0; margin-bottom:10px;}
.login_certify label {display:inline-block; width:100px; color:#343031; font-size:15px; font-weight:bold; text-align:left;}
.login_certify input[type=text] {width:294px; height:42px; border-radius:3px;}login_certify .btn_certify {width:98px; height:42px; margin-left:10px; background:#2a323c; color:#fff; font-size:14px; border-radius:3px; line-height:42px;}

.btn_login {width:100%; height:42px; background:#db0010; color:#fff; font-size:14px; border-radius:3px; line-height:42px;margin-top:20px; margin-bottom:20px}

.save_id {overflow:hidden; margin-top:10px;}
.save_id input[type=checkbox] {margin:3px 8px 3px 0px; -webkit-appearance:checkbox;}
.save_id .check {float:left; padding-top:10px;}
.save_id .btn_pwMod {display:inline-block; float:right; width:191px; height:42px; font-size:14px; border:1px solid #d9d9d9; border-radius:3px; text-align:center; line-height:42px;}

.find_info {font-size:0; margin-top:30px;}
.find_info li {display:inline-block; width:calc((100% - 20px) / 3); margin-left:10px;}
.find_info li:first-child {margin-left:0;}
.find_info li a {display:inline-block; width:100%; height:42px; font-size:14px; border:1px solid #d9d9d9; border-radius:3px; text-align:center; line-height:42px;}

.loginW .copyright {padding-top:45px; color:#2f2f2f; font-size:12px; text-align:right; letter-spacing:0;}


/* footer */
#footer {position:absolute;left:0;bottom:0; width:100%; height:60px; padding:12px 0 0 189px; background:url(../img/logo_f.png) no-repeat 54px 15px / 109px 24px; border-top:1px solid #ddd; box-sizing:border-box;}
#footer p {font-size:13px;}

@media all and (max-width:1200px) {

}