@charset "utf-8";
/* -------- signup -------- */
.respon {min-width:320px;}
.memeber-wrap {width: 50%; margin: 20px auto; display: block; background-color: #fff; box-shadow: 1px 4px 4px 1px rgb(0 0 0 / 10%); transition: .3s; border-radius: 8px; padding: 40px 0;}
.memeber-wrap h3 { font-size:18px; color:#5d5d5d; border-bottom: 1px solid #5d5d5d; padding: 0px 0px 20px 0px;}
.memeber-wrap h3 span, .memeber-wrap label span {font-size: 13px; color: #ea0000; font-weight: 400; margin-left:0;}
.memeber-wrap label span.normal {color: #5d5d5d;}
.center {text-align: center; margin-top: 20px;}
.signup_reg {width:85%;margin: 0 auto;}
.signup_reg h3 {margin-bottom: 20px;}
.signup_reg div {margin-top: 10px !important; padding-bottom: 5px;}
.signup_reg div label {display: block; padding: 10px 0; font-weight: 400; letter-spacing: -0.7px;}
.signup_reg div label:hover {color: #272727;}
/*.signup_reg button.certify {display: inline-block; position: relative; width: 100px; height: 48px; left: -5px; padding: 0px 20px; margin: 0; border: 1px solid #dadada; background-color: #fff; border-top-right-radius: 4px;border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #272727; font-weight: 400; font-size: 13px; text-align: center; text-decoration: none; vertical-align: top; transition: .3s;}
.signup_reg button.certify:hover {background: #ebebeb; box-shadow:none;}*/
.signup_reg button.certify {display: inline-block; position: relative; padding: 0 8px; top:0; margin: 0 0 0 6px; width:78px; height: 48px; font-size: 13px; font-weight: 400; background-color: #f7f9ff; border-color:#69a4ff; color:#146af0;transition:.3s;}
.signup_reg button.certify:hover {box-shadow:1px 1px 5px 1px rgb(0 0 0 / 20%); transition:.3s;}

.signup_reg input {width:100%; height: 48px; font-size: 14px;}
input.id, input.pw, input.email/*, input.phone, .pay_item input.password*/ {width:84%;}
.signup_reg span.invalid {display: block; font-size: 13px; color:#ea0000;}
.body-contentbox .invalid {display: block; font-size: 13px; color:#ea0000; width:70%; margin: -5px 0 10px 20px;}
.body-contentbox .signup_reg span.invalid2 {display: block; font-size: 13px; color:#ea0000; width:70%; margin: 5px 0 0 122px;}
.signup_reg span.invalid2 {display: block; font-size: 14px; color:#ea0000; margin-left:50px; margin-top: 5px;}
.signup_reg p {display: inline-block; margin-left: 4px;color:#146af0;}
.signup_reg p span {display: inline-block; margin-right: 4px; width: 22px; height: 22px; text-align: center; border-radius: 50%; background-color: #146af0;}
.signup_reg p span:before{content: '\f00c'; font-size: 15px; font-weight: 400; font-family: 'FontAwesome'; color: #fff;}
.signup_reg input.finish {background-color: #fafafa;}
.memeber-wrap a { display: inline-block;color: #146af0; font-weight: 400; margin-left: 5px;}
.signup_reg p.infotxt {margin:0 auto; font-size: 14px;}
hr { display: block; width:98%; height: 1px; border: 0; margin: 1em auto; padding: 0;border-top:1px solid #ebebeb;}

/* -------- member-info-modify -------- */
.signup_reg h3 { font-size:18px; color:#5d5d5d; border-bottom: 1px solid #5d5d5d; padding: 0px 0px 20px 0px;}
.signup_reg h3 span, .signup_reg div span {font-size: 13px; color: #ea0000; font-weight: 400; margin-left: 0;}

/* -------- login -------- */
.G2Works {display: inline-block; position: relative; top: 4px; text-indent: -9999px; width: 143px; height: 24px; background:url(/thymeleaf/front/assets/images/logo_-25192c830614a2b1d24236cc301e9644.png) no-repeat center center; background-size: 100%;}
.signup_reg div.etc_link {margin-top: 30px; text-align: center; font-size: 14px;}
.signup_reg div.etc_link a {color:#525252;vertical-align: middle;}
.signup_reg div.etc_link a:hover {color:#146af0;}
.signup_reg div.etc_link a:after {content: ''; background-color: #ebebeb; width:3px; height: 16px; display: inline-block; margin: -2px 5px 0 15px; vertical-align: middle;}
.signup_reg div.etc_link a:last-child::after{display: none;}

/* -------- findID -------- */
.my_title .endtxt {font-size: 18px; color:#272727; font-weight: 400;}
.my_title .endtxt strong {color:#146af0;}
.my_title .infotxt {font-size: 16px; font-weight: 400; margin-top: 20px;}
.infotxt2 {font-size: 14px; text-align: center;}
.signup_reg div.etc_link strong {color:#146af0; font-weight: 400;}
.disabled {opacity: 0.6;cursor: not-allowed; cursor:default; background-color: #ebebeb; color:#999;}
button.disabled:hover {box-shadow: none;}
.signup_reg table.find_id {width:100%;}
.signup_reg table.find_id tr {border-bottom:1px solid #ebebeb;}
.signup_reg table.find_id th {width:30%; text-align: left; padding: 15px 15px; background-color: #f7f7f7;}
.signup_reg table.find_id td {padding: 15px 20px;}
.signup_reg div.find_pw {text-align: right; margin-top: 20px;}
.signup_reg div.find_pw a {color:#5d5d5d;}
.signup_reg div.find_pw a:hover {color:#146af0;}

/* -------- myq -------- */
.myq-wrap {width: 100%; display: block; margin-top: 20px; background-color: #fff; box-shadow: 0 0 3px rgb(0 0 0 / 20%); transition: .3s; border-radius: 8px;}
.myq-wrap section {width:94%; margin: 0 auto; padding: 40px 0;}
.myq_table table {width:100%;}
.myq_table table caption {text-align: left; font-size: 18px; color: #272727; font-weight: 500; margin-bottom: 10px;}
.myq_table table tbody {border-top: 1px solid #5d5d5d; }
.myq_table table tbody tr {border-bottom: 1px solid #ebebeb;}
/*.myq_table table tbody tr:hover {background-color: #f7f9ff;}*/
.myq_table table tbody th {background-color: #f9fafb;padding: 16px 0;font-size: 14px; color: #272727; font-weight: 400;}
.myq_table table tbody td {padding: 16px 0;font-size: 14px; vertical-align: middle; color: #272727; font-weight: 400; text-align: center;}
.myq_table table tbody td:nth-child(3) {text-align: left; padding-left: 40px;}
.myq_table table tbody td a {font-size: 16px;}

.myq_table table tbody td span {padding: 8px !important; border-radius: 4px; font-size: 12px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.myq_table table tbody td .end-s {background-color: #eeeeee; color: #5d5d5d;}
.myq_table table tbody td .use-s {background-color: #e7f7ee; color: #0b9749;}
.myq_table table tbody td .down-s {background-color: #e5f3ff; color: #0190ff;}
.myq_table table tbody td .wrong-s {background-color: #ffebe1; color: #dc0000;}
.myq_table table tbody td .used-s {background-color: #ffecf6; color: #d40091;}
.myq_table table tbody td .callback-s {background-color: #fbe8ff; color: #73007a;}

.myq_table table tbody td.use-d {color: #0b9749 !important;}
.myq_table table tbody td.down-d {color: #0190ff !important;}

.myq_table table tbody td.bdr-1 {border-right:1px solid #ebebeb !important;}
.myq_table table tbody .info_item, .result_table table li:last-child {border-bottom: none;}
.myq_table table tbody .info_item td {width:100%; padding-left: 20px; text-align: left;}
.myq_table table li {border-bottom: 1px solid #ebebeb; padding: 10px;}
.myq_table table li:first-child {padding-top: 0;}
.myq_table table li:last-child {padding-bottom: 0;}
.open {border-top:2px solid #146af0 !important;border-bottom:2px solid #146af0 !important;}
a.myq {display: flex; align-items: center; align-content: space-between; width: 100%; padding: 16px 0; }
a.myq:hover, .open a.myq { cursor: pointer; background-color: #f7f9ff; transition: .3s; color:#525252;}
a.myq p {display: inline-block; position: relative; vertical-align: middle;}
a.myq .no {width:5%;}
a.myq .type {width:20%;}
a.myq .title {width:45%; font-size: 16px; text-align: left;}
/*a.myq p.title::after {content:''; vertical-align: middle; display:inline-block; position: absolute; top:-5px; right:1px; width:32px; height: 32px; background:url('/thymeleaf/front/assets/images/myinfo/board_select_arrow-1b55f2bb98c0789d50b2e9aaddf3a77d.png') no-repeat right center;background-size: 32px;}*/
a.myq .title:hover, .open a.myq .title {color:#146af0; font-weight: 500;}
a.myq .name {width:10%;}
a.myq .date {width:10%;}
a.myq .tag {width:10%;}
a.myq p span, .myq_table th span {padding: 3px 5px; font-weight: 500; font-size: 15px;}
a.myq .tag .ing {color:#e04117;}
a.myq .tag .finish {color:#146af0; padding: 3px 10px;}

#myq, #myq2, #myq3 {border-top:1px solid #ebebeb;}
#myq .myq-q, #myq2 .myq-q, #myq3 .myq-q {display: block; padding: 30px; text-align: left;}
#myq .btn-wrap, #myq2 .btn-wrap, #myq3 .btn-wrap { text-align: left; padding: 0 30px 30px 30px;}
#myq .btn-wrap button, #myq2 .btn-wrap button, #myq3 .btn-wrap button { margin: 0 auto; margin-left: 4px; width: auto; padding: 8px 16px; font-size: 14px; display: inline-block;}
#myq .btn-wrap button.modify, #myq2 .btn-wrap button.modify, #myq3 .btn-wrap button.modify {margin-left: 0;}
#myq .btn-wrap button.modify:hover, #myq2 .btn-wrap button.modify:hover, #myq3 .btn-wrap button.modify:hover {background-color: #f7f9ff; border:1px solid #aac4ed; color:#146af0;}
#myq .myq-a, #myq2 .myq-a, #myq3 .myq-a {display: block; padding: 0 0 30px 0; text-align: left;}
#myq .myq-a .a-title, #myq2 .myq-a .a-title, #myq3 .myq-a .a-title {display: block; padding: 16px 20px; background-color: #f7f7f7;}
#myq .myq-a span, #myq2 .myq-a span, #myq3 .myq-a span {margin-left: 8px;}
#myq .myq-a .answer, #myq2 .myq-a .answer, #myq3 .myq-a .answer {padding: 20px 30px 0px 30px;}
#myq .myq-a .answer div, #myq2 .myq-a .answer div, #myq3 .myq-a .answer div {display: block; white-space: nowrap; overflow: hidden;}
.myq_table .btn-wrap {display: block; position: relative; margin: 20px 0 0 0;}
.myq_table .btn-wrap button.add { display: block; width: auto; position: absolute; right:0; margin: 0; padding: 10px 36px; color:#fff; font-size: 16px; background-color:#146af0; border-color:#146af0; border-radius: 4px;}

/* -------- myq-write -------- */
.guide-area { margin-top:40px; padding: 40px 20px; background-color: #f6f6f6; border-radius: 0.375rem; text-align: center; font-weight: 400;}
.guide-area a {font-weight: 500; margin: 0 10px; color:#146af0;}
.guide-area a.highlight {background-color: #e2edff;}
.guide-area p.guide { font-size:18px; color:#272727; font-weight: 400; padding-bottom: 10px;}

.board-write {width:94%; margin: 50px auto 30px auto; border-top:1px solid #272727; text-align:left;}
.board-write caption { margin-bottom:18px; font-weight:500; font-size:18px; line-height:1; color:#272727; text-align:left;}
.board-write caption label { display:inline-block; font-weight:300;}
.board-write tr { border-bottom:1px solid #ebebeb; }
.board-write th, .board-write td { position:relative; padding:10px 30px; vertical-align:middle;}
.board-write th { width:200px; font-weight:400; font-size:16px; line-height:1.4; color:#272727; background-color: #fff;}
.board-write th.required:after { content:'*'; display:inline-block;  margin-left:5px; vertical-align:middle; font-size:20px; line-height:1; color:#ef0000;}
.board-write thead th { background:#f2f2f2; text-align:center;}
.board-write select,
.board-write input[type="text"],
.board-write input[type="password"] ,
.board-write textarea { width:100%; border:1px solid #dadada;}
.board-write .input-style { max-width:560px;}

.board-write select,
.board-write input[type="text"],
.board-write input[type="password"] { padding:0 35px 0 15px; height:40px; border-radius: 4px;}
.board-write select { max-width:320px; background-color: #fff; background:url('/thymeleaf/front/assets/images/myq/board_select_arrow-1b55f2bb98c0789d50b2e9aaddf3a77d.png') no-repeat right center; background-size: 24px;}
.board-write textarea { padding:15px; height:250px; border-radius: 4px;}
.board-write .info_txt {display: block; font-size:13px; margin: 8px 0 0 0; color:#146af0; font-weight: 400;}
.board-write .findfile {margin: 0; padding: 8px 20px; width:auto; font-size: 14px; background-color:#f0f0f0; border:0; border-radius:4px; font-weight: 400;}
.board-write .filelist {display: block; margin-top: 10px;}
.board-write .filelist li, .board-view .filelist li { height: 28px; display: flex;}
.board-write .filelist a, .board-view .filelist a {font-weight: 400; color:#5d5d5d; font-size: 14px;}
.board-write .filelist a.filename, .board-view .filelist a.filename {width:auto;text-overflow: ellipsis;white-space: nowrap;}
.board-write .filelist a.del, .board-view .filelist a.del {width:40%; margin-left: 24px; width: 24px; height: 24px; background:url('/thymeleaf/front/assets/images/myq/board_x-6df7da68ceedd1bffb2d9fce595c44f6.svg') no-repeat left center; background-size: 18px; left:0; opacity: 40%;}

.filebox .upload-name {display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dadada; width: 60%; color: #5d5d5d;border-radius:4px;}
.filebox label {display: inline-block;padding: 10px 20px;color: #fff;vertical-align: middle;background-color: #7c7c7c;cursor: pointer;height: 40px;margin-left:2px;border-radius:4px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.myq-wrap .btn-wrap {padding:0 0 40px 0; text-align:center; margin: 0 auto;}
.myq-wrap .btn-wrap div{display: block; width:auto;}
.myq-wrap .btn-wrap button.btn {display:inline-block; margin:0 auto; width:auto; padding: 10px 36px; font-size: 16px; font-weight:400; border-radius: 4px;transition: .3s;}
.myq-wrap td.title {font-size: 18px;}

/* board-view */
.board-view { width:94%; border-bottom:1px solid #ebebeb; margin: 20px auto; }
.board-view thead th { padding:18px 30px 17px;font-weight:400; font-size:18px; line-height:1.4; color:#272727; border-bottom:1px solid #ebebeb;}
.board-view thead td {display: flex; padding:15px 14px 14px; border-bottom:1px solid #ebebeb; text-align:left;}
.board-view thead td ul { font-size:0; width: 50%;}
.board-view thead td ul.ul2 { font-size:0; width: 50%; text-align: right;}
.board-view thead td ul li { position:relative; display:inline-block; padding:0 15px; font-weight:400; font-size:15px; line-height:1.4; vertical-align:top; letter-spacing:0; }
.board-view thead td ul li.number {color:#5d5d5d; font-size: 14px;}
.board-view thead td ul li:last-child { padding-right:0; }
.board-view thead td ul li:after { content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:12px; background:#7c7c7c; }
.board-view thead td ul li:last-child:after { display:none; }
.board-view .board-view-conts td {display: block; padding:22px 30px; height:auto; min-height:250px; border-bottom:1px solid #ebebeb; font-size:15px; line-height:1.4; color: #272727; font-weight: 400;}
.board-view .board-view-file td { padding:12px 30px; }
.board-view .board-view-file td p { padding:3px 0; }
.board-view .board-view-file td img { display:inline-block; margin-right:3px; vertical-align:middle; width:20px;}
.board-view .board-view-file td a { display:inline-block; font-weight:400; font-size:14px; line-height:1.3; }
.board-view .board-view-file td a:hover { text-decoration:underline; }
.board-view-list { margin-top:30px; text-align:right; }
.board-view-list a { display:inline-block; width:120px; border:1px solid #7c7c7c; font-weight:400; line-height:43px; color:#5d5d5d; text-align:center; transition:.3s; border-radius: 25px;}
.board-view-list a:hover { background:#7c7c7c; color:#fff; }

.myq-a, #myq2 .myq-a, #myq3 .myq-a {display: block; padding: 0 0 30px 0; text-align: left;}
.myq-a .a-title, #myq2 .myq-a .a-title, #myq3 .myq-a .a-title {display: block; position: relative;padding: 16px 20px; background-color: #f7f9ff;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;color:#146af0;}
.myq-a span {margin-left: 8px;}
.myq-a span.a_date {position: absolute; right:20px; font-size: 14px;color:#5d5d5d;}
.myq-a .answer, #myq2 .myq-a .answer, #myq3 .myq-a .answer { width: 100%; padding: 20px 30px 0px 30px; display: block; white-space: normal;overflow: hidden; word-break: break-all;}
.myq-a .answer div, #myq2 .myq-a .answer div, #myq3 .myq-a .answer div {width: 100%; display: block; white-space: normal; word-break: break-all; overflow: hidden;}

.agree-wrap { margin-bottom:40px; width:100%; }
.agree-wrap h2 { margin-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#272727; }
.agree-wrap h2 strong { font-weight:400; font-size:16px; color:#ef0000; }
.agree-wrap .agree-conts-wrap { overflow-x:hidden; padding:15px; width:100%; height:220px; border:1px solid #ccc; font-size:14px; line-height:1.5; color:#5d5d5d; border-radius: 0.375rem;}
.agree-wrap .agree-check {margin-top:0; text-align:center;}
.agree-wrap .agree-check label {display:inline-block; position: absolute; margin-top: 20px;}
.site-utils-wrap {margin:0 auto; padding: 0 30px; width:100%; font: 100% dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;}
.site-utils-wrap h2 {margin:30px 0 20px; width:100%; font:500 24px/1 'Noto Sans KR'; color:#333; text-align:center;}
.site-utils-wrap h3 {margin:40px 0 13px; font:500 16px/1 'Noto Sans KR'; color:#333;}
.site-utils-wrap p,
.site-utils-wrap > ol > li,
.site-utils-wrap > ul > li,
.site-utils-wrap h4 {padding:3px 0; font-weight:normal; font-size:14px; line-height:1.4; word-break:keep-all; color:#666;}
.site-utils-wrap > ol > li {padding-left:17px; text-indent:-17px;}
.site-utils-wrap > ol > li ol  {margin-top:5px; padding-left:17px;}
.site-utils-wrap > ol > li ol li {padding:2px 0;}
.site-utils-wrap > ol > li ul {margin-top:5px; padding-left:12px;}
.site-utils-wrap > ol > li ul li {padding:2px 0; text-indent:-12px;}

.site-utils-wrap table {margin:10px 0 20px; width:100%; table-layout:fixed;}
.site-utils-wrap table th, .site-utils-wrap table td {border:1px solid #e6e6e6; font-size:14px; text-align:center; word-break:keep-all;}
.site-utils-wrap table th {padding:10px; font-weight: 400;}
.site-utils-wrap table td {padding:16px 10px;font: 100% dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;  font-size: 13px; line-height:1.4;}
.site-utils-wrap table thead th {background:#f9f9f9;}
.site-utils-wrap table td p {padding-left:50px; line-height:1.8; text-align:left;}

.site-utils-wrap strong,
.site-utils-wrap a {color:#f06754;}
.site-utils-wrap a {text-decoration:underline;}

@media only screen and (max-width:1100px) {
    .board-view thead td {display: block;}
    .board-view thead td ul.ul2 {font-size:0; width: 100%; text-align: left; margin: 10px 0 0 0;}
    .partline {display: block; height: 1px; width: 100%;}
}
@media only screen and (max-width:768px) { 
	.board-view thead th { padding-right:20px; padding-left:20px; font-size:17px; }
	.board-view thead th .blog-title ,
	.board-view thead th .event-title { font-size:12px; } 
	.board-view thead td { padding-right:20px; padding-left:20px; }
	.board-view thead td ul li { font-size:14px; }
	.board-view .board-view-conts td { padding:18px 20px; font-size:15px; }
	.board-view .board-view-file td { padding:10px 20px; }
	.board-view-list a { width:100%; line-height:38px; }
}

@media only screen and (max-width:850px) { 
	.board-write .phone-wrap td input { width:calc(100% / 3 - 16px); }
	.board-write .email-wrap td input { width:calc(100% / 2 - 16px); }
}
@media only screen and (min-width:769px) { 
	.board-write th, .board-write td { height:60px; }
}
@media only screen and (max-width:768px) {
    .guide-area {font-size:14px;}
    .guide-area p.guide { font-size:16px;}
	.board-write { margin-bottom:30px; }
	.board-write caption,
	.agree-wrap h2 { margin-bottom:15px; font-size:15px; }
	.board-write th, .board-write td { display:block; padding:5px 20px; width:100%; }
	.board-write th { padding-top:12px; }
	.board-write td { padding-bottom:12px; }
	.board-write .input-style { max-width:100%; }
	.board-write select { max-width:100%; }
	.board-write textarea { height:200px; }

	.btn-confirm { margin-bottom:40px; }
	.btn-confirm a { width:100%; font-size:18px; line-height:55px; }
}
@media only screen and (max-width:640px) { 
	.board-write th, .board-write td { padding:5px 10px; font-size:15px; }
	.board-write th { padding-top:15px; }
	.board-write td { padding-bottom:15px; }
	.board-write select,
	.board-write input[type="text"],
	.board-write input[type="password"] { padding:0 10px; font-size:14px; }
	.board-write textarea { font-size:14px; }
}

/* search */
.myq-wrap section.search-wrap {position:relative; padding-bottom: 0; width:60%; font-size:0;}
.search-wrap select { display:inline-block; padding:0 0 0 20px; width:230px; height:44px; border-radius: 4px; border:1px solid #d1d1d1; background:url('/thymeleaf/front/assets/images/myinfo/board_select_arrow-1b55f2bb98c0789d50b2e9aaddf3a77d.png') no-repeat right center; font-weight:400; font-size:14px; line-height:100%; color:#272727; vertical-align:top; background-size: 30px;}
.search-wrap input { display:inline-block; padding:0 62px 0 20px; width:calc(100% - 380px/*340px*/); height:44px; border:1px solid #d1d1d1; font-size:14px; line-height:100%; vertical-align:top; border-radius: 4px; margin-left: 10px;}
.search-wrap button { position:absolute; top:0; right:0; width:56px; height:44px; border:none; background:url('/thymeleaf/front/assets/images/myinfo/search_icon-72a5fba5cb8f2b7c27a8904ec49d3f56.png') no-repeat center center; background-size: 20px; font-size: 0; top:10px; box-shadow: none;}
.search-wrap input:hover, .search-wrap select:hover {box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%); border-color:#aac4ed; transition: .3s; cursor: pointer;}

/* paging */
.paging { margin-top:30px; padding: 20px 0 0 0 !important; width:100%; font-size:0; text-align:center; }
.paging .paging-num { display:inline-block; margin:0 20px; vertical-align:top; }
.paging .paging-num li { display:inline-block; margin-right:-1px; vertical-align:top; }
.paging .paging-num li a { display:block; width:40px; height:40px; border:1px solid #ebebeb; font-weight:400; font-size:15px; line-height:38px; color:#7c7c7c; }
.paging .paging-first ,
.paging .paging-prev ,
.paging .paging-next ,
.paging .paging-last { display:inline-block; margin-right:-1px; width:40px; height:40px; vertical-align:top; }
.paging .paging-first a ,
.paging .paging-prev a  ,
.paging .paging-next a ,
.paging .paging-last  a { display:block; width:100%; height:100%; border:1px solid #ebebeb; }
.paging .paging-first a:before ,
.paging .paging-prev a:before  ,
.paging .paging-next a:before ,
.paging .paging-last  a:before { font-size:20px; line-height:38px; font-family:'FontAwesome'; color:#7c7c7c; }
.paging .paging-first a:before { content:'\f100'; }
.paging .paging-prev a:before { content:'\f104'; }
.paging .paging-next a:before { content:'\f105'; }
.paging .paging-last  a:before { content:'\f101'; }
.paging ul li a { transition:.3s; }
.paging .paging-num li.on a,
.paging ul li:hover a { background:#f7f9ff; color:#146af0; }

/* -------- admin, bill -------- */
.admin-info-wrap { width: 100%; display: block; margin-top: 20px; background-color: #fff; box-shadow: 0 0 3px rgb(0 0 0 / 20%); transition: .3s; border-radius: 8px;}
.admin-info-wrap section {width:94%; margin: 0 auto; padding: 40px 0;}
.admininfo_table table {width:100%;}
.admininfo_table table caption { position: relative; width: 100%; text-align: left; font-size: 18px; color: #272727; font-weight: 500; margin-bottom: 10px;}
.admininfo_table table button, .admininfo_table .btn-wrap button {display: inline-block; margin:0 0 0 4px; padding:8px 14px; width:auto; font-size: 14px; font-weight: 500;}
.admininfo_table table button.modify:hover {background-color: #f7f9ff; border:1px solid #aac4ed; color:#146af0;}
.admininfo_table table button.mem_modify, .admininfo_table table button.on {background-color: #f7f9ff; padding: 8px 14px; border:1px solid #aac4ed; color:#146af0;}
.admininfo_table table button.add {position: absolute; top:-15px; padding: 10px 36px; right:16px; color:#fff; background-color:#146af0; border-color:#146af0;}
.admininfo_table .btn-wrap {display: block; position: relative; margin: 20px 0 0 0; padding-bottom: 40px;}
.admininfo_table .btn-wrap button {position: absolute; right:16px; font-size: 16px; color:#fff; background-color:#146af0; border-color:#146af0;}
.admininfo_table .btn-wrap button.add { padding: 10px 31px;}
.admininfo_table .btn-wrap button.add2 { padding: 10px 39px;}
/*--.admininfo_table .btn-wrap button.add, .admininfo_table .btn-wrap button.add2 { position: absolute; right:16px; padding: 10px 22px 10px 50px; color:#fff; background-color:#146af0; border-color:#146af0;}
.admininfo_table .btn-wrap button.add:before { content:''; display: inline-block; position: absolute; left: 20px; width:20px; height: 20px; background:url('/thymeleaf/front/assets/images/myinfo/btn_memadd-2f8f39e43d4c6aa890d05fce41c2dd20.png') no-repeat; background-size: 20px;}
.admininfo_table .btn-wrap button.add2:before { content:''; display: inline-block; position: absolute; left: 20px; width:20px; height: 20px; background:url('/thymeleaf/front/assets/images/myinfo/btn_billadd-c92a5c705f9db9dce42e51c953bdb873.png') no-repeat; background-size: 20px;}--*/
.admininfo_table table tbody {border-top: 1px solid #5d5d5d; }
.admininfo_table table tbody tr {border-bottom: 1px solid #ebebeb;}
.admininfo_table table tbody th {background-color: #f9fafb;padding: 16px 0;font-size: 14px; color: #272727; font-weight: 400;}
.admininfo_table table tbody td {padding: 10px; text-align: left;font-size: 14px; vertical-align: middle; color: #272727; font-weight: 400; text-align: center;}
.admininfo_table table tbody td:last-child {width:180px;}
.admininfo_table table tbody td.bdr-1 {border-right:1px solid #ebebeb !important;}
.agree_box { width:99%;margin: 20px auto 0 auto; padding:20px 0; background-color: #f8f8f8;}
.agree_box ul {display: block; margin-top: 10px; padding-top: 10px; border-top:1px solid #e2e2e2;}
.agree_box ul li {font-size: 13px; margin-left: 40px; padding: 3px 0 2px 0;}
.agree_box input[type="checkbox"] + label { margin-left: 20px;}
.agree_box input[type="checkbox"] + label:hover { color:#146af0;}

/* ==============================================
responsive
============================================== */

@media only screen and (max-width:1380px) { 
    .memeber-wrap {width:64%;}
}

@media only screen and (max-width:1079px) {
    .memeber-wrap {width:70%;}
}
@media only screen and (max-width:989px) {
    .memeber-wrap {width:74%;}
    input.id, input.pw, input.email/*, input.phone, .pay_item input.password*/ {width:84%;}
}
@media only screen and (max-width:940px) {
    .memeber-wrap {width:80%;}    
}
@media only screen and (max-width:902px) { 
    .myq-wrap section.search-wrap {width:80%;}
	.myq-wrap section.search-wrap select { width:190px; height:45px; font-size:13px; background-size:auto 20px;}
	.myq-wrap section.search-wrap input { padding:0 52px 0 20px; width:calc(100% - 340px/*280px*/); height:45px; font-size:14px;}
	.myq-wrap section.search-wrap button { width:52px; height:45px; background-size:40% auto; box-shadow: none; top:10px;}
    a.myq .type, a.myq .date {width:15%;}
}
@media only screen and (max-width:876px) { 
    .memeber-wrap {width:86%;}
}
@media only screen and (max-width:820px) { 
    .memeber-wrap {width:92%;}
}
@media only screen and (max-width:769px) { 
    .inner {margin:0 !important; padding: 90px 20px 40px 20px;}
    .memeber-wrap {width: 90%;}
    input.email, input.id, input.pw {width:80% !important;}
}
@media only screen and (max-width:768px) { 
	.paging .paging-num li a { width:34px; height:34px; line-height:32px; }
	.paging .paging-first ,
	.paging .paging-prev ,
	.paging .paging-next ,
	.paging .paging-last { width:34px; height:34px; }
	.paging .paging-first a:before ,
	.paging .paging-prev a:before  ,
	.paging .paging-next a:before ,
	.paging .paging-last  a:before { font-size:17px; line-height:32px; }
}
@media only screen and (max-width:640px) { 
	.paging { margin-top:30px; }
	.paging .paging-num { margin:0 5px; }
	.paging .paging-num li { display:none; }
	.paging .paging-num li:first-child,
	.paging .paging-num li:last-child { display:inline-block; margin:auto; }
	.paging .paging-num li:first-child:after { content:'/'; display:inline-block; margin:0 3px; font-size:15px; line-height:32px; vertical-align:top; }
	.paging .paging-num li a { display:inline-block; border:0 none; }
	.paging .paging-num li.on a,
	.paging ol li:hover a { border:0 none; background:none; color:#146af0; }
}
@media only screen and (max-width:624px) {
    .memeber-wrap {width: 100%;}    
}
@media only screen and (max-width:567px) {
    input.id, input.pw, input.email/*, input.phone, .pay_item input.password*/ {width:79% !important;}
}
@media only screen and (max-width:544px) {
    input.id, input.pw, input.email/*, input.phone, .pay_item input.password*/ {width:72% !important;}
}
@media only screen and (max-width:492px) {
    .signup_reg {width:89%;}
    .signup_reg span.invalid2 {margin-left:27px;}
}
@media only screen and (max-width:476px) {
    .signup_reg div input[type="checkbox"] + label {margin-left: 0;}
}
@media only screen and (max-width:460px) {
    .button.certify {display: block;}
    .signup_reg div input {width: 100% !important;}
    .signup_reg button.certify {width: 100%; top:6px; margin-left: 0 !important;}
    .signup_reg p {margin:10px 0 0 0;}
}
@media only screen and (max-width:420px) {
    input[type="checkbox"] + label{ margin: 0; font-size:13px; letter-spacing: -1px;}
}