html{overflow-y:scroll}

.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box{position:relative}
.chk_box input[type="checkbox"] + label{position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span{width:18px;height:18px;display:inline-block;background:#fff;border:1px solid #e4e4e4;border-radius:3px;vertical-align:middle}
td .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label{padding-left:20px}
td .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span{position:absolute;top:3px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #e4e4e4;border-radius:3px;vertical-align:middle}
.chk_box input[type="checkbox"]:checked + label{color:#000}
.chk_box input[type="checkbox"]:checked + label span{background:url(/img/board/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_box b{vertical-align:middle}
@media screen and (min-width:767px){
	td .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span{width:18px;height:18px}
	td .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label{padding-left:25px}
}

input,input[type="text"],input[type="password"],input[type="date"],input[type="number"],input[type="email"],select{height:36px;padding:5px;border:1px solid #e4e4e4;border-radius:0;background-color:#fff;box-shadow:none}
input[type="checkbox"]{border:1px solid #e4e4e4}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 30px 5px 5px;background:url(../img/common/appearance.gif) #fff no-repeat right center}
textarea{overflow-x:hidden;overflow-y:auto;border:1px solid #e4e4e4;border-radius:0;background-color:#fff;box-shadow:none;}
@media screen and (min-width:767px){
	input,input[type="text"],input[type="password"],input[type="date"],input[type="number"],input[type="email"],select{height:40px}
}
@media screen and (min-width:1000px){
	input,input[type="text"],input[type="password"],input[type="date"],input[type="number"],input[type="email"],select{height:50px}
}

.tbl{}
.tbl th,.tbl td{line-height:150%}
.tbl span{vertical-align:middle}
.tbl-td-left tbody td{text-align:left !important}

.tbl2{border:1px solid #d7d8de;border-width:1px 0 0 0;background-color:#fff}
.tbl2 th,.tbl2 td{padding:6px;border:1px solid #d7d8de;border-width:0 0 1px 0;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl2 thead th,.tbl2 thead td{padding:4px;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-weight:600}
.tbl2 thead th *,.tbl2 thead td *{font-weight:600;color:#333}
.tbl2 tbody th{padding-left:1rem;background-color:#fff;font-weight:800;color:#333;text-align:left}
@media screen and (min-width:767px){
	.tbl2 td{min-height:60px}
	.tbl2 th{width:18%;height:100%;min-height:60px;background-color:#fff;text-align:left;vertical-align:middle}
	.tbl2 .btn_confirm{padding-top:3rem}
	.tbl2 .btn_confirm .btn{min-width:150px;min-height:50px;line-height:50px}
	.tbl2 .btn_confirm .btn+.btn{margin-left:10px}
	.tbl2 .wr_content .cke_sc *{font-size:14px}
	.tbl2 .wr_content .cke_sc .btn_cke_sc{font-size:13px}
}
@media screen and (min-width:1000px){
	.tbl2 th{min-height:80px}
	.tbl2 td{min-height:80px;padding:10px}
	.tbl2 .bo_w_flie .file_del label{width:calc(100% - 40px)}
	.tbl2 .bo_w_flie .file_del span{width:calc(100% - 80px)}
	.tbl2 .wr_content .cke_sc *{font-size:15px}
	.tbl2 .wr_content .cke_sc .btn_cke_sc{font-size:13px}
}

.wbtnWrap{padding-top:30px;text-align:center}
.wbtnWrap .wbtn{padding:0 1rem;font-size:1rem;font-weight:400;color:#ef646d}
.wbtnWrap .wbtn:hover {background:#fff1f1}
.wbtnWrap .wbtncolor1{display:inline-block;background:#ef646d;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
.wbtnWrap .wbtncolor1:hover {background:#cc3333}
@media screen and (min-width:767px){
	.wbtnWrap{padding-top:3rem}
	.wbtnWrap .wbtn{min-width:150px;height:50px;line-height:50px}
	.wbtnWrap .wbtn+.wbtn{margin-left:10px}
}

.wbtn5{min-width:60px;min-height:23px;padding:5px 5px;font-size:0.9rem}
.wbtn[class*=wbtncolor1]{border:1px solid #1e67c5;background-color:#1e67c5;color:#fff}
.wbtn[class*=wbtncolor1]:hover,.btn[class*=wbtncolor1]:focus,.btn[class*=wbtncolor1]:active{border:1px solid #247beb;background-color:#247beb}
.wbtn[class*=wbtncolor2]{border:1px solid #555;background-color:#555;color:#fff}
.wbtn[class*=wbtncolor2]:hover,.btn[class*=wbtncolor2]:focus,.btn[class*=wbtncolor2]:active{border:1px solid #777;background-color:#777}
.wbtn[class*=wbtncolor2_1]{border:1px solid #eee;background-color:#eee;color:#777}
.wbtn[class*=wbtncolor2_1]:hover,.btn[class*=wbtncolor2_1]:focus,.btn[class*=wbtncolor2_1]:active{border:1px solid #ddd;background-color:#ddd}
.wbtn[class*=wbtncolor2_2]{border:1px solid #ddd;background-color:#ddd;color:#666}
.wbtn[class*=wbtncolor2_2]:hover,.btn[class*=wbtncolor2_2]:focus,.btn[class*=wbtncolor2_2]:active{border:1px solid #ccc;background-color:#ccc}
.wbtn[class*=wbtncolor3]{border:1px solid #d7d8de;background-color:#fff;color:#536476}
.wbtn[class*=wbtncolor3]:hover,.btn[class*=wbtncolor3]:focus,.btn[class*=wbtncolor3]:active{border:1px solid #d7d8de;background-color:#d7d8de}
.wbtn[class*=wbtncolor4]{border:1px solid #ef646d;background-color:#ef646d;color:#fff}
.wbtn[class*=wbtncolor4]:hover,.btn[class*=wbtncolor4]:focus,.btn[class*=wbtncolor4]:active{border:1px solid #cc3333;background-color:#cc3333}
.wbtn[class*=wbtnradius4]{border-radius:4px}

input::placeholder,textarea::placeholder,input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder,.placeholdersjs{font-size:1rem;color:#ff0000}
input{&::placeholder{font-size:1rem}}

#captcha #captcha_key *{height:36px}
@media screen and (min-width:767px){
	#captcha #captcha_key *{height:40px}
}
@media screen and (min-width:1000px){
	#captcha #captcha_key *{height:50px}
}

/* * * * * * * * * * * *
 * reser 예약관리
 * * * * * * * * * * * */
#reserWrite h3{margin-bottom:1rem;font-size:1.25rem;font-weight:800;color:#000}
#reserWrite h3+.tbl2{border-top:2px solid #222}
#reserWrite .tbl2+h3{margin-top:3rem}
#reserWrite .tbl2 th{display:none}
#reserWrite #birthYear{width:100px}
#reserWrite #wr_3{width:110px}
#reserWrite #reserTime{display:block;margin-top:5px}
#reserWrite .birth li{display:inline-block}
#reserWrite .birth li:first-child{display:block;margin-bottom:5px}
#reserWrite .birth .mr1rem{margin-right:0.125rem}
#reserWrite .subject li{display:block;line-height:2}
@media screen and (min-width:360px){
	#reserWrite #reserTime{display:inline-block;margin-top:0}
	#reserWrite .birth li:first-child{display:inline-block;margin-bottom:0px}
	#reserWrite .birth .mr1rem{margin-right:0.25rem}
}
@media screen and (min-width:480px){
	#reserWrite .subject li{display:block;float:left;width:calc(100% / 2)}
	#reserWrite .subject li:last-child{width:auto}
}
@media screen and (min-width:550px){
	#reserWrite .tbl2 th{display:revert;width:30%}
	#reserWrite #wr_3{width:120px}
	#reserWrite .subject li{width:calc(100% / 1)}
	#reserWrite .birth .mr1rem{margin-right:0.5rem}
}
@media screen and (min-width:767px){
	#reserWrite .tbl2 th{width:25%}
	#reserWrite #wr_3{width:130px}
	#reserWrite .birth .mr1rem{margin-right:1rem}
	#reserWrite .subject li{width:calc(100% / 2)}
}
@media screen and (min-width:1000px){
	#reserWrite #captcha #captcha_info{display:inline-block}
	#reserWrite .subject input[type="text"]{height:40px}
	#reserWrite #wr_3{width:140px}
}
@media screen and (min-width:1200px){
	#reserWrite .subject li{width:calc(100% / 3)}
	#reserWrite .tbl2 th{width:20%}
}

#reserVew h3{margin-bottom:1rem;font-size:1.25rem;font-weight:800;color:#000}
#reserVew h3+.tbl2{border-top:2px solid #222}
#reserVew .tbl2+h3{margin-top:3rem}
#reserVew .tbl2 th{width:90px;padding-left:0;background-color:#fafafa;font-size:0.85rem;font-weight:700;color:#222}
#reserVew .subject li{display:block;line-height:1.5}
@media screen and (min-width:480px){
	#reserVew .tbl2 th{width:100px}
}
@media screen and (min-width:550px){
	#reserVew .tbl2 th{width:30%;font-size:1rem}
	#reserVew .tbl2 th,#reserVew .tbl2 td{padding:1rem}
	#reserVew .subject li{display:inline-block}
	#reserVew .subject li+li{margin-left:0.5rem}
	#reserVew .subject li+li:before{content:"/";display:inline-block;margin-right:0.5rem;color:#aaa}
}
@media screen and (min-width:767px){
	#reserVew .tbl2 th{width:280px}
	#reserVew .tbl2 th br{display:none}
}
@media screen and (min-width:1200px){
	#reserVew .tbl2 th{width:320px}
	#reserVew .tbl2 th,#reserVew .tbl2 td{padding:1.5rem}
	#reserVew .subject li+li{margin-left:1rem}
	#reserVew .subject li+li:before{margin-right:1rem}
}

#reserFind .help{width:500px;margin:0 auto;}
#reserFind .tbl2{max-width:500px;margin:0 auto;border-top: 2px solid #222}
#reserFind .tbl2 th{width:90px;background-color:#f9f9f9}
#reserFind .tbl2 td{width:auto}
#reserFind .birth li{display:inline-block}
#reserFind .birth li:first-child{display:block;margin-bottom:5px}
#reserFind .birth .mr1rem{margin-right:0.125rem}
@media screen and (min-width:360px){
	#reserFind .birth li:first-child{display:inline-block;margin-bottom:0px}
}
@media screen and (min-width:550px){
	#reserFind .tbl2 th{width:25%}
	#reserFind .tbl2 td{padding-left:1.5rem}
	#reserFind .birth .mr1rem{margin-right:0.5rem}
}
@media screen and (min-width:767px){
	#reserFind .birth .mr1rem{margin-right:1rem}
}
@media screen and (min-width:1000px){
	#reserFind .tbl2 input,#reserFind .tbl2 input[type="text"],#reserFind .tbl2 input[type="password"],#reserFind .tbl2 select{height:40px}
}

#reserLst .tbl2{border-top: 2px solid #222}
#reserLst .tbl2 .col1{display:none}	/* 번호 */
#reserLst .tbl2 .col2{display:none}	/* 고객명 */
#reserLst .tbl2 .col3{}	/* 상담(예약)일시 */
#reserLst .tbl2 .col4{}	/* 예약장소 */
#reserLst .tbl2 .col5{}	/* 상담사 */
#reserLst .tbl2 .col6{}	/* 상태 */
#reserLst .tbl2 .col7{display:none}	/* 접수일 */
#reserLst .tbl2 thead{display:none}
#reserLst .tbl2 thead th{padding:1rem 5px;font-size:0.95rem;text-align:center}
#reserLst .tbl2 td{display:block;padding:0 5px 2px;text-align:left}
#reserLst .tbl2 tr{display:block;padding:15px 0}
#reserLst .tbl2 tbody tr{border-bottom:1px solid #d7d8de}
#reserLst .tbl2 tbody tr:hover,#reserLst .tbl2 tbody tr:active{background-color:#fafafa}
#reserLst .tbl2 tbody td{border-bottom:none}
#reserLst .tbl2 .tit{font-weight:900;color:#000}
#reserLst .tbl2 br{display:none}
#reserLst .tbl2 .wbtn5{display:inline-block;min-width:60px;text-align:center}
@media screen and (min-width:380px){
	#reserLst .tbl2 .tit{display:inline-block;min-width:90px}
}
@media screen and (min-width:480px){
	#reserLst .tbl2 .col1{display:none;width:60px}
	#reserLst .tbl2 .col2{display:none;width:100px}
	#reserLst .tbl2 .col3{width:100px}
	#reserLst .tbl2 .col4{width:auto}
	#reserLst .tbl2 .col5{width:100px}
	#reserLst .tbl2 .col6{width:100px}
	#reserLst .tbl2 .col7{display:none}
	#reserLst .tbl2 thead{display:revert}
	#reserLst .tbl2 tr{display:revert}
	#reserLst .tbl2 td{display:revert;padding:1rem 5px;text-align:center}
	#reserLst .tbl2 .tit{display:none}
	#reserLst .tbl2 br{display:block}
	#reserLst .tbl2 span{display:none}
}
@media screen and (min-width:600px){
	#reserLst .tbl2 .col1{display:revert}
}
@media screen and (min-width:767px){
	#reserLst .tbl2 .col1{width:70px}
	#reserLst .tbl2 .col2{display:revert;width:100px}
	#reserLst .tbl2 .col3{width:160px}
	#reserLst .tbl2 .col5{width:100px}
	#reserLst .tbl2 .col6{width:75px}
	#reserLst .tbl2 br{display:none}
	#reserLst .tbl2 span{display:revert}
	#reserLst .tbl2 .wbtn5{min-width:65px}
}
@media screen and (min-width:1000px){
	#reserLst .tbl2 .col1{width:80px}
	#reserLst .tbl2 .col2{width:100px}
	#reserLst .tbl2 .col3{width:180px}
	#reserLst .tbl2 .col4{width:auto}
	#reserLst .tbl2 .col5{width:100px}
	#reserLst .tbl2 .col6{width:100px}
	#reserLst .tbl2 .col7{display:revert;width:120px}
}

.pb20{padding-bottom:20px}