@charset "utf-8";
@import url("reset.css");

body{font-size: 14px; color: #222;}
button,input,select,textarea,option{color: #222;}
b,em,span{display: inline-block;}

.logo{width: 234px; height: 55px; background-position: center; background-repeat: no-repeat; background-size: 100% auto; text-indent: -9999px;}

.color{color: #de2b59;}
.blue{color: #0068c0;}
.red{color: #e80000;}
.green{color: #20a413;}
.pruple{color: #ab23c8;}
.orange{color: #feb900;}

/* INPUT */
	input[type="password"]{letter-spacing: 0px}
	input[type="checkbox"]{border: 0; border-radius: 0; background: 0; opacity: 0; cursor: pointer;}
	input[type="submit"],	input[type="button"]{cursor: pointer;}
	input[type="text"]::-ms-clear{display: none} /*ie에서 클리어버튼제거*/

	.inpTxt{height: 34px; padding: 0 8px; border: 1px solid #ccc; background: #fff; font-size: 14px; text-align: left; transition: border .1s;}
	.inpTxt:focus{border-color: #333}
	.inpTxt.short{width: 100px}
	.inpTxt.mid{width: 40%;}
	.inpTxt.long{width: 70%}
	.inpTxt.full{width: 100%}
	.inpTxt.num{text-align: right;}

	.inpD{display: inline-block; text-align: left}
	.inpD input{position: absolute; top: 1px; left: 1px; width: 18px; height: 18px;}
	.inpD label{position: relative; display: inline-block; font-size: 14px; line-height: 20px; vertical-align: top;}
	.inpD label:before{display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 5px; background-image: url(../images/icon/icon_input.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: top;}
	.inpD label:hover:before{background-position-y: -20px}
	.inpD.checked label:before{background-position-y: -40px}
	.inpD.radio label:before{background-position-x: -20px;}

	.inpD[type="checkbox"] + label{display: inline-block; width: 20px; height: 20px; border:1px solid #707070; position: relative; border-radius: 5px;}
	.inpD[type="checkbox"]:checked + label{background: url(../images/icon/icon_check_txt.png) no-repeat center/13px 13px;}

	/* selectbox */
	.selectD{height: 34px; padding: 0 32px 0 8px; font-size: 14px; border: 1px solid #ccc; transition: border .1s; cursor: pointer;}
	.selectD{background-color: #fff; background-image: url(../images/icon/icon_selectbox.gif); background-repeat: no-repeat; background-position: right 11px center;}
	.selectD:focus{border-color: #333}
	.selectD option{font-size: 13px; }
	.selectD::-ms-expand{display: none}

	/* textarea */
	.textArea{width: 100%; height: 100px; overflow-y: auto; padding: 8px; font-size: 14px; line-height: 1.45; border: 1px solid #ccc; resize: none; transition: border .1s}
	.textArea.type01{height: 220px;}
	.textArea:focus{border-color: #333}

/* FORM */
	.inpWrap .inpD{margin: 7px 10px 7px 0;}

	.form{font-size: 13px;}
	.form .inpTxt{width: 100%}
	.form .line{display: flex; margin-bottom: 12px;}
	.form .formTitle{flex: none; width: 80px; padding: 11px 5px 11px 0; line-height: 20px}
	.form .formCont{flex: auto; /*align-self: center;*/}
	.form .formCont .description{margin-top: 5px; line-height: 1.4}
	.form .inpWrap{display: flex; flex-wrap: wrap; font-size: 0;}
	.form .inpWrap .inpTxt{flex: auto; width: auto}
	.form .inpWrap .inpD{flex: none; padding: 11px 0; margin-right: 6px;}
	.form .mail .selectD{flex: none; margin-left: 5px;}
	.form .address > * + *{margin-top: 5px;}
	.form .address .zipcode .btn{flex: none; margin-left: 5px; padding: 0 12px; background: #000; color: #fff}
	.form .birth .selectD{flex: auto; margin-left: 5px;}
	.form .birth .selectD:first-child{margin-left: 0;}

/* LIST */
	.list > li{position: relative; padding-left: 10px; font-size: 13px; line-height: 1.4; word-break: keep-all;}
	.list > li + li{margin-top: 2px;}
	.list > li:before{position: absolute; display: block; top: 0; left: 0; vertical-align: top;}
	.list.dash > li:before{content: '-';}
	.list.dot > li:before{content: ''; top: 7px; width: 3px; height: 3px; background-color: #333}
	.list.num{padding-left: 12px; list-style: decimal;}
	.list.num > li{padding-left: 2px;}
	.list.warn > li{padding-left: 15px;}
	.list.warn > li:before{content: '※';}

/* BUTTON */
	i.icon{display: block; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-size: auto 100%;}
	i.menu{background-image: url(../images/svg/hamburger.svg);}
	i.close{background-image: url(../images/svg/close.svg);}
	i.back{background-image: url(../images/svg/arrow-left.svg);}
	i.excel{width: 34px; height: 34px; background-image: url(../images/icon/icon_excel.png); background-size: 34px;}
	i.arrow{display: inline-block; width: 20px; height: 16px; background-image: url('../images/icon/icon_arrow_r.png');}

	.btnGroup{font-size: 0;}
	.btnGroup > *{display: inline-block;}
	.btnGroup > * + *{margin-left: 4px;}

	.btnTxt{height: 34px; padding: 0 12px; background-color: #004198; font-size: 14px; color: #fff; white-space: nowrap; transition: all .1s;}
	.btnTxt:hover{background-color: #0061b8}
	.btnTxt.active{background-color: #0061b8}
	.btnTxt.red{background-color: #ff4141}
	.btnTxt.red:hover{background-color: #ff6161}
	.btnTxt.red.active{background-color: #ff6161}
	.btnTxt.gray{background-color: #ababab}
	.btnTxt.gray:hover{background-color: #cdcdcd}
	.btnTxt.gray.active{background-color: #cdcdcd}

	.btn{display: inline-block; padding: 0 8px; font-size: 14px; line-height: 28px; font-weight: 700; background-color: #fff; border: 1px solid #ccc; white-space: nowrap; text-align: center; transition: all .1s}
	.btn:hover{background-color: #eee; border-color: #777}

	.orderBtn{font-size: 0;}
	.orderBtn > *{width: 24px; height: 24px; background-size: 18px; border-radius: 3px; background-position: center; background-repeat: no-repeat; background-color: #004198; text-indent: -9999px; overflow: hidden;}
	.orderBtn > * + *{margin-left: 3px;}
	.orderBtn > *:hover{background-color: #0061b8}
	.orderBtn .top{background-image: url(../images/icon/icon_order_top.png);}
	.orderBtn .up{background-image: url(../images/icon/icon_order_up.png);}
	.orderBtn .down{background-image: url(../images/icon/icon_order_down.png);}
	.orderBtn .btm{background-image: url(../images/icon/icon_order_btm.png);}

	.btnTop{position: fixed; right: 10px; bottom: 10px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; text-indent: -9999px;}
	.btnTop{background: rgba(0,0,0,0.5) url('../images/icon/icon_order_up.png') no-repeat center; background-size: 24px}

/* INLINE-TEXT */
	.txtWrap{font-size: 0;}
	.txtWrap > *{position: relative; display: inline-block; font-size: 14px;}
	.txtWrap > * + *{padding-left: 10px; margin-left: 10px;}
	.txtWrap > * + *:before{display: block; content: ''; position: absolute; top: 2px; left: 0; width: 1px; height: 12px; background-color: #666; vertical-align: text-bottom;}

/* page - login */
	.login{min-height: 100vh; padding-top: 108px; background-color: #190000; font-family: 'Nanum Gothic';}
	.login .inner{width: 1200px; padding: 0 66px; margin: 0 auto;}
	.login .logo{margin: 0 0 40px 55px;}
	.login .inpD label{line-height: 16px;}
	.login .inpD label:before{width: 16px; height: 16px; background-image: url(../images/icon/icon_input_pink.png);}
	.login .inpD label:hover:before{background-position-y: 0}
	.login .inpD.checked label:before{background-position-y: -16px}
	.login .inpD input{width: 14px; height: 14px;}
	.loginBox{position: relative; width: 1066px; min-height: 506px; margin: 0 auto; border-radius: 300px; background-color: #fff;}
	.loginBox:before{position: absolute; left: 55px; top: -24px; content: ''; display: block; width: 897px; height: 528px; background: url('../images/admin/login_bg_bar.png') no-repeat}
	.loginBox:after{position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 260px; height: 260px; background-color: #fff; border-radius: 10px;}
	.loginBox .boxInner{position: relative; padding: 130px 0 136px; text-align: center; z-index: 1;}
	.loginBox .boxInner:after{content: ''; display: block; position: absolute; bottom: 100%; right: 50px; width: 278px; height: 164px; margin: 0 0 20px; opacity: 0.5;}
	.loginBox .title{text-indent: -9999px;}
	.login .formBox{position: relative; width: 550px; margin: 53px auto 0; padding-right: 168px; text-align: left;}
	.login .formBox .inpTxt{display: block; width: 100%; height: 55px; padding: 0 15px; font-size: 20px;}
	.login .formBox .inpTxt + .inpTxt{margin-top: 10px;}
	.login .formBox .inpD{margin-top: 16px;}
	.login .btnLogin{position: absolute; top: 0; right: 0; width: 153px; height: 120px; font: 400 24px 'Nanum Gothic'; border-radius: 10px; background-color: #0061b8; color: #fff; transition: all .1s}
	.login .btnLogin:hover{background-color: #004198}
	.login footer{padding: 70px 0; color: #fff; text-align: center;}
	.login footer p{font-size: 14px; line-height: 1.8; font-weight: 300}
	.login footer p span + span{margin-left: 10px;}
	.login footer p.copyRight{margin-top: 14px; font-size: 11px; font-weight: 400; opacity: .75;}

/* admin  */
	.wrap{min-width: 1700px; margin: 0 auto}
	.chk label:before{margin-right: 0;}
	.right{margin-left: auto;}

	header{background-color: #0061b8; color: #fff}
	header .top{display: flex; padding: 9px 20px 9px 15px; align-items: center;}
	header .top .logo{width: 140px; height: 34px; margin-right: 18px;}
	header .top h1{font-size: 18px; font-weight: 400; color: #f75c3b;}
	header .top .right{font-size: 14px}
	header .top .right > * + *{margin-left: 5px;}
	header .top .right .date{margin-right: 10px; font-size: 14px}

	.gnb{display: flex; border-top: 1px solid #005445;}
	.gnb li{flex: 1; max-width: 141px;}
	.gnb li a{display: block; padding: 0 10px; font-size: 15px; line-height: 40px; text-align: center; transition: all .1s}
	.gnb li a:hover{background-color: #004198;}
	.gnb li.active a{background-color: #004198; font-weight: 500}

	.lnb a{display: block; padding: 8px 14px; font-size: 14px; text-align: left;}
	.lnb dt{border-bottom: 1px solid #cfcfcf}
	.lnb dt a{line-height: 28px; font-weight: 700;}
	.lnb dd{background-color: #f5f5f5; border-bottom: 1px solid #ccc}
	.lnb dd a{line-height: 26px}
	.lnb a{transition: all .1s}
	.lnb a:hover{background-color: rgba(0,0,0,.1);}
	.lnb li{min-height: 42px; text-align: center;}
	.lnb .active > a{background-color: #e0e0e0; color: #0061b8; font-weight: 500}
	.lnb .selectD{display: inline-block; width: 128px; margin-top: 4px;}

	.content{position: relative; display: flex;}
	.content > .side{flex: none; width: 140px; padding-bottom: 30px; vertical-align: top;}
	.content > main{flex: auto; border-left: 1px solid #c1c1c1; background-color: #ddd; vertical-align: top;}

 	main{display: block; min-height: calc(100vh - 93px); padding-bottom: 50px;}
	main .cont{position: relative; padding: 10px;}

	.pageTop{padding: 13px 12px; background: #fff; border-bottom: 1px solid #c1c1c1}
	.pageTop h2{display: inline-block; padding-left: 15px; font-size: 17px; line-height: 18px; font-weight: 700;}
	.pageTop h2{background: url(../images/svg/chevron-right.svg) no-repeat -8px center; background-size: auto 23px;}

	.setBox{display: flex; align-items: center; min-height: 50px; background-color: #fff; border: 1px solid #c1c1c1;}
	.setBox .item{display: flex; align-items: center; padding: 8px 10px;}
	.setBox .item > * + *{margin-left: 4px;}
	.setBox .text{margin-right: 6px;}
	.setBox .title{padding: 0 12px; font-size: 15px;}
	.setBox .right{flex-wrap: wrap; justify-content: flex-end;}
	.setBox + .setBox{border-top: 0}

	p.cnt{padding: 8px 12px; font-size: 15px; line-height: 34px;}
	p.cnt b{font-weight: 700}
	p.cnt .btn{display: inline-block; margin: 0 1px; vertical-align: initial;}
	p.cnt .btn:first-of-type{margin-left: 5px;}
	p.cnt .btn:last-of-type{margin-right: 5px;}
	p.cnt .selectD{margin: 0 4px;}

	p.money{padding: 0 15px; font-size: 0;}
	p.money span{display: inline-block; font-size: 14px; line-height: 20px; font-weight: 500}
	p.money span + span{margin-left: 12px;}
	p.money span em{display: inline-block; margin-left: 4px; letter-spacing: -.01em}
	p.money span.total{font-size: 16px; font-weight: 700}

	.regBox{display: flex; align-items: center; padding: 8px 10px; background-color: #fff; border: 1px solid #c1c1c1;}
	.regBox .tit{position: relative; padding-right: 10px; margin-right: 10px; font-weight: 500}
	.regBox .tit:after{display: block; content: ''; position: absolute; top: 50%; right: -2px; width: 1px; height: 13px; margin-top: -6px; background-color: #aaa;}
	.regBox .tit:only-child{padding-right: 0; margin-right: 0; font-size: 15px}
	.regBox .tit:only-child:after{display: none;}
	.regBox .tit:only-child:before{display: inline-block; content: ''; width: 4px; height: 4px; margin: 0 5px 0 0; background-color: #222; vertical-align: middle;}
	.regBox .info{padding: 0 4px;}
	.regBox .num strong{padding-right: 10px; font-weight: 400}
	.regBox .num strong em{padding: 0 2px; font-weight: 700; color: #de2b59;}
	.regBox .btnGroup{margin-left: auto;}
	.regBox .btnTxt{background-color: #004198;}
	.regBox .btnTxt:hover{background-color: #de2b59;}
	.regBox .btnExcel{margin-left: 10px;}
	.regBox .right + *{margin-left: 10px;}
	.regBox + .setBox{border-top: 0 none}

	.regBox.fix{position: fixed; top: 0; left: 151px; z-index: 10; width: calc(100% - 161px); border-top: 0 none;}
	.regBox.fix{box-shadow: 0 0 5px rgba(0,0,0,0.4)}
	.regBox.fix + *{margin-top: 58px;}

	.tableWrap{margin-top: 10px;}
	.tableWrap .btm{padding: 14px; background-color: #eee; text-align: center; border: 1px solid #c1c1c1; border-top: 0 none}
	.tableWrap .btm .paging{display: inline-block;}
	.tableWrap .btm .selectD{height: 32px; margin-left: 10px;}

	.formWrap{padding: 20px 14px;}
	.table + .editor{border: 1px solid #c1c1c1; border-top: 0 none;}
	.editor{background-color: #fff; text-align: center; min-height: 100px;}

	.date{font-size: 0;}
	.date > em{display: inline-block; font-size: 14px; letter-spacing: -.01em}
	.date > em + em{margin-left: 5px;}

	/* table */
	.table{text-align: center; border: 1px solid #c1c1c1; font-size: 14px; table-layout: auto;}
	.table *{vertical-align: middle;}
	.table tbody{background-color: #fff;}
	.table tbody tr{border-top: 1px solid #c1c1c1}
	.table tr > * + *{border-left: 1px solid #c1c1c1}
	.table th{padding: 12px 5px; line-height: 1.45; font-weight: 500; border-color: #c1c1c1; background-color: #f0f0f0; vertical-align: middle;}
	.table td{padding: 6px 5px; line-height: 1.45; height: 47px; vertical-align: middle;}
	.table td .inpD{vertical-align: top;}
	.table .inpWrap{display: inline-block; margin-right: 8px; font-size: 0}
	.table .inpTxt + *{margin-left: 3px;}
	.table .textArea{margin: 4px 0}
	.table .order label:before{margin-right: 0;}
	.table .anch{display: inline-block; vertical-align: top; text-decoration: underline; font-weight: 500}
	.table .addTxt{padding: 0 5px 0 0; font-size: 13px; color: #999;}
	.table + .table{margin-top: 10px;}
	.table span:only-child, .table em:only-child, .table b:only-child{vertical-align: top}

	tr.inactive td{background-color: #eee; font-weight: 400; color: #aaa}
	tr.inactive i.arrow{opacity: .4;}

	.table.type01{text-align: left; table-layout: fixed;}
	.table.type01 th{padding: 10px 12px; width: 140px;}
	.table.type01 td{padding: 3px 8px;}
	.table.type01 .selectD{min-width: 100px;}

	.table.type02 td{padding: 8px}
	.table.type02 td .inpTxt{width: 100%; text-align: center;}
	.table.type02 .title{font-size: 16px; font-weight: 500; background-color: #fff;}
	.table.type02 .merge{min-width: 120px; padding: 0;}
	.table.type02 .merge .btnSave{display: block; width: 100%; height: 100%; font-size: 17px; font-weight: 500; background-color: #eee; transition: all .1s}
	.table.type02 .merge .btnSave:hover{background-color: #004198; color: #fff}

	.table .item{display: inline-flex; margin: 3px 4px 3px 0; align-items: center;}
	.table .item .inpTxt{max-width: 100px;}
	.table .item .btnDel{flex: none; width: 23px; height: 34px; margin-left: 0; border-radius: 0 10px 10px 0; background: #c1c1c1 url(../images/icon/icon_x_w.png) no-repeat center; background-size: 9px; text-indent: -9999px;}
	.table .item .btnDel:hover{background-color: #004198}

	.sort{display: inline-block; margin: 1px -6px 0 -2px; vertical-align: top;}
	.sort i{display: block; width: 10px; height: 9px; background-size: 8px auto; background-repeat: no-repeat; cursor: pointer; opacity: .38;}
	.sort .up{background-image: url('../images/icon/icon_sort_up.png'); background-position: bottom 1px center}
	.sort .dw{background-image: url('../images/icon/icon_sort_down.png'); background-position: top 1px center}
	.sort i.on{opacity: 1;}

	.addImgWrap{padding: 4px 0}
	.addImgWrap .btnAdd{position: relative; display: inline-block; vertical-align: top;}
	.addImgWrap .btnAdd label{display: block; padding: 5px 10px; background-color: #ddd; font-weight: 500}
	.addImgWrap .btnAdd input[type="file"]{width: 0; height: 0; opacity: 0}
	.addImgWrap .btnAdd:hover label{background: #004198; color: #fff}
	.addImgWrap .imgs{font-size: 0}
	.addImgWrap .imgBox{position: relative; display: inline-block; width: 80px; height: 80px; margin: 7px 5px 0 0; border: 1px solid #ccc; overflow: hidden; vertical-align: top;}
	.addImgWrap .imgBox img{position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);;}
	.addImgWrap .imgBox .btnDel{position: absolute; top: 0; right: 0; width: 18px; height: 18px; background: #333 url(../images/icon/icon_x_w.png) no-repeat center; background-size: 9px; text-indent: -9999px;}

	.topTable{padding: 10px 10px; background-color: #fff; border: 1px solid #c1c1c1; border-bottom: 0 none}

	.smsWrap{padding: 20px;}
	.smsWrap .phone{display: inline-block; width: 350px; height: 666px; background: #f0f0f0 url('../images/admin/bg_phone.png') no-repeat 0 0; background-size: 100% auto; border: 1px solid #c1c1c1}
	.smsWrap .phone .textArea{display: block; width: 230px; height: 424px; margin: 107px auto 0; padding: 10px; border-radius: 6px; border: 1px solid #eee; background-color: #fafafa}
	.smsWrap .phone .textArea{line-height: 1.7; letter-spacing: 0; word-break: break-all;}


/* DROP DOWN */
	.dropBox{margin-top: 12px; border: 1px solid #c1c1c1; overflow: hidden;}
	.dropBox .link{position: absolute; top: 0; right: 0; width: 60px; height: 100%; border-left: 1px solid #c1c1c1; background: url(../images/svg/chevron-down.svg) no-repeat center; background-size: 30px 100%; text-indent: -9999px;}
	.dropBox.off > .titleBox .link{background: url(../images/svg/chevron-up.svg) no-repeat center; background-size: 30px auto;}
	.dropBox .titleBox{padding-right: 74px;}
	.dropBox .contBox{background-color: #fff; border-top: 1px solid #c1c1c1;}
	.dropBox .setBox{border: 0 none; border-bottom: 1px solid #c1c1c1; background-color: #eee;}
	.dropBox .addForm{margin: 20px;}

	.titleBox{position: relative; display: flex; align-items: center; height: 46px; padding: 0 14px; background-color: #eee;}
	.titleBox h3{display: inline-block; padding-right: 20px; font-size: 16px; line-height: 30px}
	.titleBox h3:before{display: inline-block; content: ''; width: 6px; height: 6px; margin: 12px 6px 0 0; background-color: #000; border-radius: 50%; vertical-align: top;}
	.titleBox h3 span{color: #de2b59}
	.titleBox .selectD{height: 33px;}
	.titleBox .selectD + .inpTxt{margin-left: 5px;}
	.titleBox .btnGroup{margin-left: 5px;}
	.titleBox .right{margin-left: auto}
	.titleBox > .txt{padding: 0 5px; font-size: 13px; line-height: 30px}

	.addForm .titleBox{padding-left: 0; background-color: #f1e2e6;}
	.addForm .titleBox .btnGroup{margin-left: auto;}
	.addForm .chkCell{padding: 12px 14px; margin-right: 14px; background-color: #f1e2e6; border-right: 1px solid #ccc}
	.addForm .inpTxt{margin: 0 14px}
	.addForm .option .table{border: 0 none}

	.dropBox .contBox .tree{width: 500px; float: left; min-height: 200px; background-color: #fff; padding: 20px 0 20px 20px}
	.dropBox .contBox .tree dd{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc}
	.dropBox .contBox .tree li{border-top: 1px solid #ccc}
	.dropBox .contBox .tree a{cursor: pointer;}
	.dropBox .contBox .tree li[seq="0"] > a{color: #f00;}
	.dropBox .contBox .tree .sub > li > a{padding-left: 20px;}
	.dropBox .contBox .tree .sub > li > a::before{content: "├ "}
	.dropBox .contBox .tree .sub > li:last-child > a::before{content: "└ "}
	.dropBox .contBox .rightCont{width: calc(100% - 500px); float: right; min-height: 200px; background-color: #fff; padding: 0 6px}
	.dropBox .contBox:after{clear: both; content: ''; display: block; background-color: #fff}
/* TAB MENU */
	.tabWrap{margin-top: 12px;}
	.tabMenu{display: flex;}
	.tabMenu li{min-width: 140px; border: 1px solid #ccc; border-left: 0 none;}
	.tabMenu li:first-child{border-left: 1px solid #ccc;}
	.tabMenu button{display: block; width: 100%; line-height: 40px; font-size: 15px; color: #888; background: #eee}
	.tabMenu li.active button{color: #000; background: #fff; font-weight: 500}
	.tabMenu + .tabCont{display: block;}
	.tabCont{margin-top: -1px; background-color: #fff; border: 1px solid #c1c1c1; display: none;}
	.tabCont .titleBox{border-bottom: 1px solid #c1c1c1;}
	.tabCont .tabWrap{padding: 20px 14px; margin-top: 0;}

/* PAGING */
	.paging{font-size: 0; white-space: nowrap; text-align: center;}
	.paging a + a{margin-left: 4px;}
	.paging a{display: inline-block; height: 32px; border: 1px solid #bbb; color: #666; background-color: #fff; text-align: center; transition: 0.1s;}
	.paging a.num{min-width: 32px; font-size: 14px; line-height: 30px;}
	.paging a.direction{width: 32px; background-repeat: no-repeat; background-position: center; background-size: 20px auto; text-indent: -9999px}
	.paging a.first{background-image: url(../images/svg/chevrons-left.svg);}
	.paging a.prev{background-image: url(../images/svg/chevron-left.svg);}
	.paging a.next{background-image: url(../images/svg/chevron-right.svg);}
	.paging a.end{background-image: url(../images/svg/chevrons-right.svg);}
	.paging a:hover{background-color: #eee;}
	.paging a.active{font-weight: 500; color: #000; border-color: #000}

/* datepicker */
	.datePicker{display: inline-block;}
	.datePicker .inpTxt{width: 100px; border-right: 0 none; text-align: center;}
	.datePicker .inpTxt:focus{border-color: #ccc;}
	.datePicker .inpTxt + .ui-datepicker-trigger{width: 34px; height: 34px; margin-left: 0; text-indent: -9999px;}
	.ui-datepicker-trigger{background: #f0f0f0 url(../images/icon/icon_calendar.png) no-repeat center; background-size: 20px auto; border: 1px solid #c1c1c1;}
	.ui-datepicker-trigger:hover{background-color: #ababab}
	.ui-datepicker{width: 250px; background-color: #fff;  text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.4)}
	.ui-datepicker > *{padding: 8px}
	.ui-datepicker-header{position: relative;}
	.ui-datepicker-header > a{position: absolute; top: 8px; width: 30px; height: 30px; text-indent: -9999px;}
	.ui-datepicker-header .ui-datepicker-prev{left: 8px; background: #eee url(../images/svg/chevron-left.svg) no-repeat center; background-size: 24px}
	.ui-datepicker-header .ui-datepicker-next{right: 8px; background: #eee url(../images/svg/chevron-right.svg) no-repeat center; background-size: 24px}
	.ui-datepicker-title{display: flex; flex-direction: row-reverse; justify-content: center;}
	.ui-datepicker-title select{height: 30px; padding: 0 5px; font-size: 15px; text-align: center;}
	.ui-datepicker-calendar{width: 92%; margin: 0 auto;}
	.ui-datepicker-calendar thead th{padding: 5px 0 10px;}
	.ui-datepicker-calendar tbody td{padding: 1px; font-size: 13px;}
	.ui-datepicker-calendar tbody td a{display: inline-block; width: 28px; line-height: 28px; border-radius: 3px; text-align: center;}
	.ui-datepicker-calendar tbody td:hover a{background-color: #eee}
	.ui-datepicker-buttonpane{display: flex; justify-content: space-between; padding: 5px 8px 10px;}
	.ui-datepicker-buttonpane button{height: 30px; padding: 0 10px; background-color: #eee}
	.ui-datepicker-today a{background-color: #dec5cc; color: #fff;}
	.ui-datepicker-current-day a{background-color: #0061b8; color: #fff}

/* popup */
	.pop{min-height: 100vh; background-color: #ddd}
	.pop .popHead{display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 10px 50px 10px 15px; background: #2d2d2d; color: #fff;}
	.pop .popHead h1{display: inline-block; flex: none; margin-right: 15px; font-size: 20px; line-height: 30px;}
	.pop .popHead .btnClose{position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: url('../images/svg/close_w.svg') no-repeat center; background-size: 40px; text-indent: -9999px;}
	.pop .popCont{padding: 10px;}
	.pop .popCont .inner{padding: 20px; background-color: #fff; border: 1px solid #c1c1c1}
	.pop .btnGroup.btm{padding-top: 16px; text-align: center;}
	.pop .btnGroup.btm .btnTxt{width: 100px; height: 40px;}
	.pop .popHead .btnGroup{flex: none; display: inline-block; padding-right: 10px;}
	.pop .popHead .btn{height: 30px; border: 0 none; line-height: 30px; font-weight: 400}
	.pop .popHead .btn.active{background-color: #ad164f; color: #fff;}


	table.schedule tbody td {position: relative; text-align: left; padding: 10px 7px 10px;}
	table.schedule tbody td.n {background: #f0f0f0;}
	table.schedule tbody td.d::before {position: absolute; top: 0; left: 0; background-color: #f0f0f0; padding: 1px 5px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
	table.schedule tbody td.d:first-child::before {color: red;}
	table.schedule tbody td.d:last-child::before {color: blue;}
	table.schedule tbody .d01::before{content: '01';}
	table.schedule tbody .d02::before{content: '02';}
	table.schedule tbody .d03::before{content: '03';}
	table.schedule tbody .d04::before{content: '04';}
	table.schedule tbody .d05::before{content: '05';}
	table.schedule tbody .d06::before{content: '06';}
	table.schedule tbody .d07::before{content: '07';}
	table.schedule tbody .d08::before{content: '08';}
	table.schedule tbody .d09::before{content: '09';}
	table.schedule tbody .d10::before{content: '10';}
	table.schedule tbody .d11::before{content: '11';}
	table.schedule tbody .d12::before{content: '12';}
	table.schedule tbody .d13::before{content: '13';}
	table.schedule tbody .d14::before{content: '14';}
	table.schedule tbody .d15::before{content: '15';}
	table.schedule tbody .d16::before{content: '16';}
	table.schedule tbody .d17::before{content: '17';}
	table.schedule tbody .d18::before{content: '18';}
	table.schedule tbody .d19::before{content: '19';}
	table.schedule tbody .d20::before{content: '20';}
	table.schedule tbody .d21::before{content: '21';}
	table.schedule tbody .d22::before{content: '22';}
	table.schedule tbody .d23::before{content: '23';}
	table.schedule tbody .d24::before{content: '24';}
	table.schedule tbody .d25::before{content: '25';}
	table.schedule tbody .d26::before{content: '26';}
	table.schedule tbody .d27::before{content: '27';}
	table.schedule tbody .d28::before{content: '28';}
	table.schedule tbody .d29::before{content: '29';}
	table.schedule tbody .d30::before{content: '30';}
	table.schedule tbody .d31::before{content: '31';}