@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');

*{
	margin: 0;
	padding: 0;
	letter-spacing: -0.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
	font-size: 15px; 
	color: #64676f;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1;
	/* 크롬에서 배경 프린트 하는 방법 */
	-webkit-print-color-adjust:exact;
	-webkit-print-color-adjust:exact !important;
}
html{
	height: 100%;
}
body{
	/*-webkit-user-select:none;*/
	/*-webkit-touch-callout:none;*/
	/*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
	overflow-y: visible !important;
	font-size: inherit;
	color: inherit;
	/*background-color: #f6f7fb;*/
	background-color: #f7f7f8;
	min-width: 1472px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
span, strong, p{
	font-size: inherit;
	color: inherit;
	font-family: inherit;
}
li {
	list-style:none;
	color: inherit;
	vertical-align: middle;
}
img {
	vertical-align:top; 
	border:0;
}
hr{
	border: 1px solid #d7d9e3;
}
ul{
	color: inherit;
	font-size: 0;
}
a {
	text-decoration:none; 
	outline:0; 
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	transition: all 0.3s;

	
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
a.underline{
	text-decoration: underline;
}

/* 드레그 금지 */
label, a, button{
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
button{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	padding: 12px 10px;
}
tr{
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
	color: inherit;
	text-align: center;
	/*position: relative;*/
}
th, td{
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
	color: inherit;
	text-align: center;
	height: 34px;
	padding: 6px 8px;
	border: 1px solid #cdd0d8;
	border-left: 0;
	white-space: nowrap;
	line-height: 16px;
}
th:first-child, td:first-child{
	border-left: 0;
}
th:last-child, td:last-child{
	border-right: 0;
}
table{
	width: 100%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 8px;
}
select, option{
	border-radius: 5px;
	background-color: white;
	border: none;
	font-size: inherit;
	color: inherit;
}
select{
	width: 100%;
	font-family: inherit;
	background: url(../_img/dn_arrow_gr.png) no-repeat right 52%;
	background-color: white;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0px 16px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d7d9e3;
}
select::-ms-expand { 
	display: none; 
}
textarea{
	width: 100%;
	resize: none;
	line-height: 26px;
	padding: 16px;
	background-color: white;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #d7d9e3;
}
input[type=text]::-ms-clear{
	display: none;
}
input{
	width: 100%;
	border-radius: 5px;
	background-color: white;
	padding: 0px 16px;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d7d9e3;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
input:focus, button:focus, textarea:focus {
	outline:none;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color:transparent;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color:transparent;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color:transparent;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color:transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #9d9fa7;
	font-size: inherit;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #9d9fa7;
	font-size: inherit;
}
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}
input[type="text"]:disabled {
	background: #d7d9e3;
}
select:disabled {
	background: #d7d9e3;
}
.int_erset{
	width: inherit;
}
.zoom_btn{
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid white;
}
.zoom_btn > a:first-child{
	margin-bottom: 5px;
	margin-top: 1px;
}
.zoom_btn{
	height: 44px;
	line-height: 43px;
}
.zoom_btn > a > span:nth-child(1){
	width: 18px;
	height: 18px;
	border: 1px solid white;
	border-radius: 2px;
	display: inline-block;
}
.zoom_btn > a > span{
	margin-left: 8px;
	vertical-align: middle;
}
.plus_img {
	background: url(../_img/plus_img.png) no-repeat;
	background-size: cover;
	background-position: center;
}
.input_box {
	margin-bottom: 16px;
}
.input_box input {
	text-align: center;
}
.input_wrap {
	width: 380px;
}
.fl_l{
	float: left;
}
.fl_r{
	float: right;
}
.ov_hi{
	overflow: hidden !important;
}
.vy_hi{
	visibility: hidden !important;
}
.cl_bo{
	clear: both !important;
}
.po_re{
	position: relative !important;
}
.txt_c{
	text-align: center !important;
}
.txt_r{
	text-align: right;
}
.txt_length{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-lr;
	text-orientation: upright;
	-ms-text-orientation: upright;
	letter-spacing: 2px;
}
.ma_b0{
	margin-bottom: 0px !important;
}
.ma_b4{
	margin-bottom: 4px !important;
}
.ma_b6{
	margin-bottom: 6px !important;
}
.ma_b8{
	margin-bottom: 8px !important;
}
.ma_b10{
	margin-bottom: 10px !important;
}
.ma_b12{
	margin-bottom: 12px !important;
}
.ma_b14{
	margin-bottom: 14px !important;
}
.ma_b16{
	margin-bottom: 16px !important;
}
.ma_b24{
	margin-bottom: 24px !important;
}
.ma_b26{
	margin-bottom: 26px !important;
}
.ma_b32{
	margin-bottom: 32px !important;
}
.ma_b40{
	margin-bottom: 40px !important;
}
.ma_b48{
	margin-bottom: 48px !important;
}
.ma_b64{
	margin-bottom: 64px !important;
}
.ma_t0b12{
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}
.ma_t0{
	margin-top: 0px !important;
}
.ma_t4{
	margin-top: 4px !important;
}
.ma_t12{
	margin-top: 12px !important;
}
.ma_t16{
	margin-top: 16px !important;
}
.ma_t24{
	margin-top: 24px !important;
}
.ma_t32{
	margin-top: 32px !important;
}
.ma_t48{
	margin-top: 64px !important;
}
.ma_t64{
	margin-top: 64px !important;
}
.ma_tb24{
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}
.ma_r0{
	margin-right: 0px !important;
}
.ma_r4{
	margin-right: 4px !important;
}
.ma_r6{
	margin-right: 6px !important;
}
.ma_r16{
	margin-right: 16px !important;
}
.ma_b0{
	margin-bottom: 0px !important;
}
.pa_0{
	padding: 0px !important;
}
.pa_16{
	padding: 16px !important;
}
.pa_l48{
	padding-left: 48px !important;
}
.pa_b16{
	padding-bottom: 16px !important;
}
.pa_t16{
	padding-top: 16px !important;
}
.pa_tb40{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.pa_tb48{
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}
.pa_tb64{
	padding-top: 64px !important;
	padding-bottom: 64px !important;
}
.hide{
	display: none;
}
.bk_hide{
	background-color: rgba(44,44,44,0.9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 10;
}
.popup_box{
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 1000;
	padding-top: 16px;
	display: none;
}
.line_r{
	padding-right: 10px;
	border-right: 1px solid #333;
}
.w100{
	width: 100% !important;
}
/* width calc */
.w100_c104{
	width: calc(100% - 104px) !important;
}
.w100_c178{
	width: calc(100% - 178px) !important;
}
.w100_c202{
	width: calc(100% - 202px) !important;
}

/* button */
.btn_db_w{
	width: 100%;
	border-radius: 5px;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: #0446a7;
	background-color: white;
	float: left;
}
.btn_db_w:hover{
	background-color: #010849;
	color: white;
}
.btn_s_b{
	width: 94px;
	height: 36px;
	line-height: 34px;
	color: white;
	background-color: #323338;
	border-radius: 5px;
}
.btn_s_b:hover{
	background-color: black;
}
.btn_s_g{
	width: 94px;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	background-color: #acb0c1;
	border-radius: 5px;
}
.btn_s_g:hover{
	background-color: #a3a6b6;
}
.btn_s_g_w_a{
	height: 36px;
	line-height: 34px;
	padding: 0px 20px;
	color: white;
	background-color: #acb0c1;
	border-radius: 5px;
}
.btn_s_g_w_a:hover{
	background-color: #a3a6b6;
}
.btn_s_r{
	width: 94px;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	background-color: #d3375a;
	border-radius: 5px;
}
.btn_s_r:hover{
	background-color: #bf2447;
}
.btn_s_r.on{
	background-color: #3274e6;
}
.btn_s_r.on:hover{
	background-color: #1657c5;
}
.btn_s_gr{
	width: 94px;
	height: 36px;
	line-height: 34px;
	color: white;
	background-color: #42a63a;
	border-radius: 5px;
}
.btn_s_gr:hover{
	background-color: #32922a;
}
.btn_s_gr_w_a{
	height: 36px;
	line-height: 34px;
	padding: 0px 20px;
	color: white;
	background-color: #42a63a;
	border-radius: 5px;
}
.btn_s_gr_w_a:hover{
	background-color: #32922a;
}
.btn_line_w{
	width: 94px;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #d7d9e3;
}
.btn_line_w:hover{
	background-color: #f6f7fb;
}
.summit_btn{
	text-align: center;
}
.summit_btn ul li{
	display: inline-block;
	margin-right: 16px;
}
.summit_btn ul li:last-child{
	margin-right: 0;
}
.sm_btn_db_no{
	background-color: #1657c5;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.sm_btn_or{
	background-color: #f58d00;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.sm_btn_gray{
	background-color: #64676f;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.sm_btn_gr{
	background-color: #42a63a;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.sm_btn_r{
	background-color: #d3375a;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.sm_btn_bk{
	background-color: #323338;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
}
.btn_barcode{
	background-color: #323338;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	color: white;
	border-radius: 4px;
	padding: 0 6px;
	margin: 0 auto;
}

/* 파랑 진한색 */
.btn_s_db{
	width: 94px;
	height: 36px;
	line-height: 34px;
	color: white;
	background-color: #1657c5;
	border-radius: 5px;
}
.btn_s_db:hover{
	background-color: #0843a5;
}
.m_btn_s_db {
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	background-color: #1657c5;
	border-radius: 5px;
}

/* 버튼 모바일용으로 리셋 */

/* 흰색 라인 */
.e_btn_line_w {
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #d7d9e3;
}
.e_btn_line_w:hover{
	background-color: #f6f7fb;
}
/* 검정버튼 */
.e_btn_b {
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0px 9px;
	color: white;
	background-color: #323338;
	border-radius: 5px;
}
.e_btn_b:hover{
	background-color: black;
}

/* 녹색 버튼 padding 16px */
.e_btn_gr_pa {
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0px 16px;
	color: white;
	background-color: #42a63a;
	border-radius: 5px;
}
.e_btn_b:hover{
	background-color: #32922a;
}

/* 빨강번튼 */
.e_btn_s_r{
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	background-color: #d3375a;
	border-radius: 5px;
	padding: 0px 16px;
}
.e_btn_s_r:hover{
	background-color: #bf2447;
}

/* 검정버튼 padding 16px */
.e_btn_b_pa {
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0px 16px;
	color: white;
	background-color: #323338;
	border-radius: 5px;
}
.e_btn_b:hover{
	background-color: black;
}

/* 검정버튼2 */
.e_btn_b_m {
	width: 120px;
	height: 36px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	background-color: #323338;
	border-radius: 5px;
	margin: 0 auto;
}
.e_btn_b_m:hover{
	background-color: black;
}

/* 파란색 버튼 */
.e_btn_s_db{
	padding: 0px 16px;
	height: 36px;
	line-height: 34px;
	color: white;
	background-color: #3274e6;
	border-radius: 5px;
}
.e_btn_s_db:hover{
	background-color: #1657c5;
}

/* 파란색 온오프 */
.btn_s_g_w_a.on{
	height: 36px;
	line-height: 34px;
	padding: 0px 20px;
	color: white;
	background-color: #3274e6;
	border-radius: 5px;
}
.btn_s_g_w_a:hover{
	background-color: #3274e6;
}

/* input btn 2개 */
.int_2 ul{
	margin: 0 -5px;
}
.int_2 ul li{
	width: 50%;
	display: inline-block;
	padding: 0 5px;
}

/* input btn 3개 */
.int_3 ul{
	margin: 0 -5px;
}
.int_3 ul li{
	width: 104px;
	display: inline-block;
	padding: 0 5px;
}

/* input btn 2개 + 일반 94 버튼 */
.int_type_3 ul{
	margin: 0 -5px;
}
.int_type_3 ul li{
	width: calc(50% - 52px);
	display: inline-block;
	padding: 0 5px;
}
.int_type_3 ul li:last-child{
	width: 104px;
}


/* 버튼 3개 */
.inline_btn_3 ul{
	margin: 0 -5px;
}
.inline_btn_3 ul li{
	width: 33.33333%;
	display: inline-block;
	padding: 0 5px;
}

/* 버튼 4개 */
.inline_btn_4 ul{
	margin: 0 -5px;
}
.inline_btn_4 ul li{
	width: 25%;
	display: inline-block;
	padding: 0 5px;
}

/* 타이틀 버튼 2개 + 넓이 94 */

/* 타이틀 버튼 2개 */
.title_btn_wrap{
	float: right;
}
.title_btn_wrap ul li{
	display: inline-block;
	margin-left: 10px;
}
.title_temperature ul li{
	display: inline-block;
	margin-left: 10px;
}

/* 타이틀 버튼 2개 모바일 반응 */
.title_btn_wrap_m{
	width: 100%;
}
.title_btn_wrap_m ul{
	float: right;
}
.title_btn_wrap_m ul li{
	display: inline-block;
	margin-left: 10px;
}

/* input btn 2개 + 일반 94 버튼 */
.int_type_4 ul{
	margin: 0 -5px;
}
.int_type_4 ul li{
	width: calc(50% - 52px);
	display: inline-block;
	padding: 0 5px;
}
.int_type_4 ul li:last-child{
	width: 104px;
}

/* 공지 버튼 3개 */
.notice_btn{
	overflow: hidden;
	float: right;
	width: 312px;
	margin-top: 12px;
}
.notice_btn ul{
	margin: 0 -5px;
}
.notice_btn ul li{
	width: 33.333%;
	display: inline-block;
	padding: 0 5px;
}
.notice_btn ul li a{
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	border-radius: 3px;
}
/* 공지 버튼 2개 */
.notice_btn_2{
	overflow: hidden;
	float: right;
	width: 126px;
	margin-top: 12px;
}
.notice_btn_2 ul{
	margin: 0 -5px;
}
.notice_btn_2 ul li{
	width: 50%;
	display: inline-block;
	padding: 0 5px;
}
.notice_btn_2 ul li a{
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	border-radius: 3px;
}
.bottom_btn{
	text-align: center;
}
.bottom_btn a{
	display: inline-block;
	margin: 0 4px;
}
.bt_btn_red{
	padding: 0 12px;
	height: 36px;
	line-height: 34px;
	border-radius: 5px;
	background-color: #d3375a;
	color: white;
}
.bt_btn_blue{
	padding: 0 12px;
	height: 36px;
	line-height: 34px;
	border-radius: 5px;
	background-color: #3274e6;
	color: white;
}
.bt_btn_black{
	padding: 0 12px;
	height: 36px;
	line-height: 34px;
	border-radius: 5px;
	background-color: #323338;
	color: white;
}
.confirm_btn{
	text-align: center;
	margin-top: 32px;
}
.confirm_btn a{
	display: inline-block;
	margin: 0 4px;
	width: inherit;
}


/* 버튼 막기 */
.btn_disable, .btn_disable:hover{
	background-color: #acb0c1;
	cursor: default;
	pointer-events: none;
}

/* color */
.bg_wt{
	background-color: white;
}
.bg_dk_bl{
	background-color: #00095b;
}

/* 서브타이틀 */
.sub_title{
	text-align: center;
	padding-bottom: 12px;
}
.sub_title > p{
	display: inline-block;
	padding: 0 8px;
	border-right: 2px solid #a7acb9;
	border-left: 2px solid #a7acb9;
	font-size: 16px;
	height: 19px;
}
/* box type */
.flex_box {
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	padding: 0 16px;
}
.flex_box_r {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: flex-end;
	flex-direction: row;
	position: relative;
}
.flex_box_po_a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	padding: 16px;
}
.flex_popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	padding: 16px;
	background-color: rgba(44,44,44,0.9);
	z-index: 1000;
}
.flex_popup .popup_title ul li:first-child{
	padding-right: 0 !important;
	margin-right: 0 !important;
	border-right: 0 !important;
}
.popup_box_02{
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	padding-top: 16px;
	min-width: 288px;
	max-width: 540px;
}
.popup_dw{
	width: 100%;
}
.popup_dw ul{
	margin-bottom: 16px;
}
.popup_dw ul li{
	position: relative;
}
.popup_dw ul li:first-child{
	font-size: 14px;
	margin-bottom: 8px;
}
.popup_dw ul li:last-child{
	text-align: center;
}
.popup_dw ul li input {
	width: 100% !important;
}
.popup_dw ul li select, .popup_dw ul li input {
	width: 100% !important;
}
.container_pc, .container_m{
	width: 1472px;
	position: relative;
	margin: 0 auto;
	padding: 0 16px;
}
.s_co_1{
	width: 100%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_2{
	width: 50%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_2_1{
	width: 16.6666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_3{
	width: 33.3333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_3_1{
	width: 66.66666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_4{
	width: 25%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_4_2{
	width: 12.5%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_4_3{
	width: 18.75%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_5{
	width: 41.66666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_6{
	width: 58.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_11{
	width: 91.6666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.s_co_12{
	width: 8.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}


.sh_co_1{
	width: 8.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_2{
	width: 16.666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_3{
	width: 25%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_4{
	width: 33.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_5{
	width: 41.666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_6{
	width: 50%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_7{
	width: 58.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_8{
	width: 66.666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_9{
	width: 75%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_10{
	width: 83.333%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_11{
	width: 91.666%;
	padding: 0px 5px;
	float: left;
	position: relative;
}
.sh_co_12{
	width: 100%;
	padding: 0px 5px;
	float: left;
	position: relative;
}


.co_1{
	width: 100%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_2{
	width: 66.66666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_3{
	width: 33.3333%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_4{
	width: 25%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_4_1{
	width: 75%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_5{
	width: 50%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_6{
	width: 16.666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_7{
	width: 14.2857%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_8{
	width: 12.5%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.co_8{
	width: 11.1111%;
	padding: 0px 16px;
	float: left;
	position: relative;
}

.e_co_1{
	width: 8.333%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_2{
	width: 16.666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_3{
	width: 25%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_4{
	width: 33.333%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_5{
	width: 41.666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_6{
	width: 50%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_7{
	width: 58.333%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_8{
	width: 66.666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_9{
	width: 75%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_10{
	width: 83.333%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_11{
	width: 91.666%;
	padding: 0px 16px;
	float: left;
	position: relative;
}
.e_co_12{
	width: 100%;
	padding: 0px 16px;
	float: left;
	position: relative;
}

.case{
	margin: 0 -16px;
}
.select_date_case{
	padding: 0px 16px;
	overflow: hidden;
	width: 600px;
	float: right;
}
.search_date_case{
	padding: 0px 16px;
	overflow: hidden;
	width: 890px;
	float: right;
}
.date_wrap{
	float: left;
	overflow: hidden;
}
.container_pc:before, .case:before, .select_date_case:before, .search_date_case:before, .notice_case:before{
	display: table;
	content: " ";
}
.container_pc:after, .case:after, .select_date_case:after, .search_date_case:after, .notice_case:after{
	clear: both;
	display: table;
	content: " ";
}
.int_r_txt{
	position: absolute;
	bottom: 13px;
	right: 32px;
}
.int_view{
	width: 100%;
	border-radius: 5px;
	background-color: white;
	padding: 0px 16px;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d7d9e3;
	color: #3274e6;
}
.int_view_lock{
	width: 100%;
	border-radius: 5px;
	background-color: #e3e5eb;
	padding: 0px 16px;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d7d9e3;
}
.int_view_txt{
	width: 100%;
	border-radius: 5px;
	background-color: white;
	padding: 0px 16px;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 36px;
	line-height: 34px;
	border: 1px solid #d7d9e3;
	text-align: left;
}
#s_kid{
	/*background-color: #d7d9e3;*/
}

/* font */
.m_title_txt{
	color: #323338;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
}
.talbe_title_txt{
	color: #323338;
	font-size: 18px;
	margin-bottom: 16px;
}
.m_title_txt_one{
	color: #323338;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	margin: 24px 0;
}

/* 폰트 컬러 */
.f_bl{
	color: #3274e6 !important;
	font-weight: 500;
}
.f_r{
	color: #d3375a !important;
	font-weight: 500;
}
.f_bk{
	color: black !important;
	font-weight: 500;
}
.f_gn{
	color: #42a63a !important;
	font-weight: 500;
}
.f_or{
	color: #f58d00 !important;
	font-weight: 500;
}

/* table */
.t_w_fix{
	table-layout: fixed;
}
.table_hr {
	margin: 32px 0;
}
.tb_list thead th{
	/*background-color: #d8d9db;*/
	background-color: #7a8caa;
	color: white;
	border-top: none;
	border-bottom : none;
	border: 1px solid #96a5bd;
}
.tb_list thead th:first-child{
	border-left: 0;
}
.tb_list thead th:last-child{
	border-right: 0;
}
.tb_list tbody tr{
	background-color: white;
	cursor: pointer;
}
.tb_list tbody tr:nth-child(even){
	/*background-color: #eff0f1;*/
	background-color: #f4f4f5;
}
.td_gray{
	/*background-color: #d1d1d4 !important;
	color: black;*/
	background-color: #5a6a85 !important;
	color: white !important;
	border-top: 1px solid #96a5bd !important;
	border-right: 1px solid #96a5bd !important;
	border-bottom: 1px solid #96a5bd !important;
}
.side_total{
	background-color: #dddedf !important;
}
.tb_total{
	/*background-color: #bcbec5 !important;*/
	background-color: #5a6a85 !important;
	color: white;
}
.tb_total td{
	margin-bottom: 12px;
}
.tb_list tfoot td{
}
.no_hand tbody tr, tfoot tr{
	cursor: inherit !important;
	background-color: white;
}
.tb_list_box {
	overflow-x: auto;
	margin-bottom: 64px;
}
.subtotal{
	/* background-color: #d8d9db !important; */
	background-color: #dddedf !important;
}
.subtotal td{
	color: black;
}
.td_space{
	background-color: transparent !important;
}
.td_space td{
	height:24px;
	padding: 0;
}

/* table1 - 테이블 모두다 흰색 */
.table1 tbody tr:nth-child(even) {
	background-color: white;
}

/* day sales */
.day_sales_wrap th{
	width: 123px;
}

/* 테이블 구분 라인 */
.t_r_line{
	border-right: 4px double #6f6f6f;
}

.shop_reg_wrap table{
	table-layout: auto;
}

/* 공지사항 노티스 */
.tb_notice th:first-child{
	width: 64px;
}
.tb_notice th:nth-child(3), .tb_notice th:nth-child(4){
	width: 90px;
}
.tb_notice th:nth-child(5){
	width: 188px;
}
.tb_notice th:nth-child(6){
	width: 240px;
}
.tb_notice td:nth-child(2){
	text-align: left;
}
.no_td_list{
	height: 100px;
}

/* line */
.r_g_l{
	border-bottom: 1px solid #eaeaf2;
}
/* check box 1*/
.check {
	display:block; 
	position:relative; 
	margin-bottom:12px; 
	padding-left:22px; 
	cursor:pointer; 
	user-select:none;
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
	text-align: left;
	color: white;
}
.check input {
	position:absolute; 
	opacity:0; 
	cursor:pointer;
	display: none;
}
.check span{
	display: block;
	height: 16px;
	line-height: 15px;
	display: block;
	color: #182f72;
	font-size: 14px;
	font-weight: 500;
}
.checkmark {
	position:absolute; 
	top:0; 
	overflow: hidden;
	left:0px; 
	width:16px; 
	height:16px;
	border: 1px solid #182f72;
	border-radius: 5px;
	box-sizing: border-box;
	background-size: cover;
}
.check input:checked ~ .checkmark {
	background-color: transparent;
}
.checkmark:after {
	display:none; 
	position:absolute; content:"";
}
.check input:checked ~ .checkmark:after, .check input:checked ~ .checkmark {
	display:block;
	opacity: 1;
	background-image:url('../_img/check_img.png');
}

/* check box 2*/
.check_01 {
	display:block;
	position:relative;
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	text-align: left;
	color: black;
}
.check_01 input {
	position:absolute;
	opacity:0;
	cursor:pointer;
	display: none;
}
.check_01 span{
	height: 16px;
	line-height: 15px;
	display: block;
	color: #182f72;
	font-size: 14px;
	font-weight: 500;
}
.checkmark_01 {
	position:absolute;
	overflow: hidden;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width:16px; 
	height:16px;
	border: 1px solid #182f72;
	border-radius: 5px;
	background-size: cover;
}
.check_01 input:checked ~ .checkmark_01  {
}
.checkmark_01:after {
	display:none;
	position:absolute; content:"";
}
.check_01 input:checked ~ .checkmark_01:after, .check_01 input:checked ~ .checkmark_01 {
	display:block;
	opacity: 1;
	background-image:url('../_img/check_img.png');
}

/* check box white*/
.check_wt {
	display:block; 
	position:relative; 
	margin-bottom:12px; 
	padding-left:22px; 
	cursor:pointer; 
	user-select:none;
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
	text-align: left;
	color: white;
}
.check_wt input {
	position:absolute; 
	opacity:0; 
	cursor:pointer;
	display: none;
}
.check_wt span{
	display: block;
	height: 16px;
	line-height: 15px;
	display: block;
	color: white;
	font-size: 14px;
	font-weight: 400;
}
.checkmark_wt {
	position:absolute; 
	top:0; 
	overflow: hidden;
	left:0px; 
	width:16px; 
	height:16px;
	border: 1px solid white;
	border-radius: 5px;
	box-sizing: border-box;
	background-size: cover;
	opacity: 0.5;
}
.check_wt input:checked ~ .checkmark_wt {
	background-color: white;
}
.checkmark_wt:after {
	display:none; 
	position:absolute; content:"";
}
.check_wt input:checked ~ .checkmark_wt:after, .check_wt input:checked ~ .checkmark_wt {
	display:block;
	opacity: 1;
	background-image:url('../_img/check_img.png');
}
/* check box 노말 */
.checkbox_p ul li:last-child{
	margin-right: 0;
}
.check_img{
	width: 18px;
	height: 18px;
	margin-right: 8px;
	display: inline-block;
	border: 1px solid #64676f;
	border-radius: 5px;
	vertical-align: top;
}
.checkbox_p input[type="checkbox"]{
	display: none;
}
.checkbox_p input[type="checkbox"] + span{
	display:inline-block;
	text-align: center;
	cursor: pointer;
	color: #64676f;
	border-radius: 5px;
}
.checkbox_p input[type="checkbox"]:checked + span .check_img{
	background: url(../_img/checkmark_wt.png) no-repeat center;
	background-color: #64676f;
	background-size: 10px;
	color: #fff;
}
/* check box 타이틀 */
.check_btn ul li{
	display: inline-block;
	margin-left: 10px;
}
.check_btn input[type="checkbox"]{
	display: none;
}
.check_btn input[type="checkbox"] + span{
	display: inline-block;
	padding: 0px 12px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
	background-color: #acb0c1;
}
.check_btn input[type="checkbox"] + span .check_mark{
	background-color: rgba(255,255,255,0.4);
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 10px;
}
.check_btn input[type="checkbox"]:checked + span{
	background-color: #3274e6;
}
.check_btn input[type="checkbox"]:checked + span .check_mark{
	background: url(../_img/checkmark_wt.png) no-repeat center;
	background-size: 12px;
	background-color: rgba(255,255,255,0.4);
}

/* 체크박스 여러개 */
.checkbox_in{
	text-align: center;
	padding: 12px 16px;
	background-color: #eaeaf2;
	border-radius: 5px;
}
.checkbox_in ul:first-child{
	margin-bottom: 10px;
}
.checkbox_in ul li{
	display: inline-block;
	margin-right: 12px;
}
.checkbox_in ul li:last-child{
	margin-right: 0;
}
.check_img{
	width: 16px;
	height: 16px;
	margin-right: 8px;
	display: inline-block;
	border: 1px solid #64676f;
	border-radius: 3px;
	vertical-align: top;
	background-color: white;
}
.checkbox_in input[type="checkbox"]{
	display: none;
}
.checkbox_in input[type="checkbox"] + span{
	display:inline-block;
	text-align: center;
	cursor: pointer;
	color: #64676f;
	border-radius: 5px;
}
.checkbox_in input[type="checkbox"]:checked + span .check_img{
	background: url(../_img/checkmark_wt.png) no-repeat center;
	background-color: #64676f;
	background-size: 8px;
	color: #fff;
}

/* 체크박스 한개 */

.check_one .check_img{
	width: 16px;
	height: 16px;
	margin-right: 0px;
	display: inline-block;
	border: 1px solid #64676f;
	border-radius: 3px;
	vertical-align: top;
	background-color: white;
}
.check_one input[type="checkbox"]{
	display: none;
}
.check_one input[type="checkbox"] + span{
	/*
	display:inline-block;
	text-align: center;
	cursor: pointer;
	color: #64676f;
	border-radius: 5px;
	*/
}
.check_one input[type="checkbox"]:checked + span .check_img{
	background: url(../_img/checkmark.png) no-repeat center;
	background-color: white;
	background-size: 10px;
	color: #fff;
}

/* radio box */
.radio_btn input[type="radio"]{
	display: none;
}
.radio_btn input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 80px;
}
.radio_btn .radio_bl input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_btn .radio_r input[type="radio"]:checked + span{
	background-color: #d3375a;
	color: #fff;
}

/* radio box 상단탭 */
.radio_btn_tab{
	font-size: 0;
}
.radio_btn_tab input[type="radio"]{
	display: none;
}
.radio_btn_tab label{
	display: inline-block;
	width: 50%;
}
.radio_btn_tab input[type="radio"] + span{
	display:inline-block;
	background-color: #dfe1e7;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	width: 100%;
	border: 1px solid #acb0c1;
	color: #8b8e94;
}
.radio_btn_tab input[type="radio"]:checked + span{
	background-color: white;
	color: black;
	border-top: 1px solid #acb0c1;
	border-bottom: 1px solid white;
}

/* radio box 상단 매출조회 2개버튼만 */
.radio_ti_btn_1 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_1 input[type="radio"]{
	display: none;
}
.radio_ti_btn_1 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
	overflow: hidden;
}
.radio_ti_btn_1 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_1 ul{
	margin: 0 -5px;
}
.radio_ti_btn_1 ul li{
	display: inline-block;
	width: 50%;
	padding: 0 5px;
	margin: 0 !important;
}

/* radio box 상단 매출조회 2개버튼 */
.radio_ti_btn_2 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_2 input[type="radio"]{
	display: none;
}
.radio_ti_btn_2 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_2 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_2 ul{
	margin: 0 -5px;
}
.radio_ti_btn_2 ul li{
	display: inline-block;
	width: calc(50% - 52px);
	padding: 0 5px;
}
.radio_ti_btn_2 ul li:last-child{
	width: 104px;
}

/* radio box 상단 매출조회 2개버튼 엑셀저장 삭제 */
.radio_ti_btn img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn input[type="radio"]{
	display: none;
}
.radio_ti_btn input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn ul{
	margin: 0 -5px;
}
.radio_ti_btn ul li{
	display: inline-block;
	width: 50%;
	padding: 0 5px;
}

/* radio box 상단 매출조회 3개버튼 */
.radio_ti_btn_3{
	width: 460px;
	float: right;
}
.radio_ti_btn_3 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_3 input[type="radio"]{
	display: none;
}
.radio_ti_btn_3 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_3 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_3 ul{
	margin: 0 -5px;
}
.radio_ti_btn_3 ul li{
	display: inline-block;
	width: calc(33.33333% - 34.666666px);
	padding: 0 5px;
}

/* radio box 타이틀 스터디룸예약 4개버튼 */
.radio_ti_btn_4 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_4 input[type="radio"]{
	display: none;
}
.radio_ti_btn_4 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_4 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_4 ul{
	margin: 0 -5px;
}
.radio_ti_btn_4 ul li{
	display: inline-block;
	width: 25%;
	padding: 0 5px;
}

/* radio box 타이틀 스터디룸예약 5개버튼 엑셀저장 포함 */
.radio_ti_btn_5 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_5 input[type="radio"]{
	display: none;
}
.radio_ti_btn_5 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_5 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_5 ul{
	margin: 0 -5px;
}
.radio_ti_btn_5 ul li{
	display: inline-block;
	width: calc(25% - 26px);
	padding: 0 5px;
}
.radio_ti_btn_5 ul li:last-child {
	width: 104px;
}

/* radio box 자동 타이틀 스터디룸예약 5개버튼 엑셀저장 포함 */
.radio_ti_btn_5_txt_r{
	text-align: right;
}
.radio_ti_btn_5_txt_r img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_5_txt_r input[type="radio"]{
	display: none;
}
.radio_ti_btn_5_txt_r input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_5_txt_r input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_5_txt_r ul{
	margin: 0 -5px;
}
.radio_ti_btn_5_txt_r ul li{
	display: inline-block;
	/*width: calc(25% - 26px);*/
	padding: 0 5px;
}
.radio_ti_btn_5_txt_r ul li:last-child {
	width: 104px;
}


/* radio box 자동 타이틀 스터디룸예약 5개버튼 엑셀저장 포함 */
.radio_ti_btn_5_txt_r_n{
	text-align: right;
}
.radio_ti_btn_5_txt_r_n img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_ti_btn_5_txt_r_n input[type="radio"]{
	display: none;
}
.radio_ti_btn_5_txt_r_n input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_ti_btn_5_txt_r_n input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_ti_btn_5_txt_r_n ul{
	margin: 0 -5px;
}
.radio_ti_btn_5_txt_r_n ul li{
	display: inline-block;
	/*width: calc(25% - 26px);*/
	padding: 0 5px;
}

/* radio box 팝업 3개버튼 */
.radio_pop_btn_3{
	width: 100%;
}
.radio_pop_btn_3 img{
	width: 14px;
	vertical-align: baseline;
	margin-right: 8px;
}
.radio_pop_btn_3 input[type="radio"]{
	display: none;
}
.radio_pop_btn_3 input[type="radio"] + span{
	display:inline-block;
	background-color: #acb0c1;
	padding:0px 10px;
	text-align: center;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	width: 100%;
}
.radio_pop_btn_3 input[type="radio"]:checked + span{
	background-color: #3274e6;
	color: #fff;
}
.radio_pop_btn_3 ul{
	margin: 0 -5px;
}
.radio_pop_btn_3 ul li{
	display: inline-block;
	width: 33.3333%;
	padding: 0 5px;
}


/* 라디오버튼 기본 */
.rd_btn{
	padding-bottom: 4px;
}
.rd_btn input[type="radio"]{
	display: none;
}
.rd_btn label{
	cursor: pointer;
	position: relative;
	margin-right: 10px;
	display: inline-block;
}
.rd_btn label:last-child{
	margin-right: 0;
}
.rd_btn span{
	display: inline-block;
	padding-left: 10px;
	vertical-align: baseline;
}
.rd_btn input[type="radio"] + span.radio_mark:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 14px;
	height: 14px;
	text-align: center;
	background: #fafafa;
	border: 1px solid #64676f;
	border-radius: 100%;
}
.rd_btn input[type="radio"]:checked + span.radio_mark:before {
	border-color: #64676f;
}
.rd_btn input[type="radio"]:checked + span.radio_mark:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: #64676f;
	border-radius: 100%;
}


/* 스위치 버튼 */
.rocker {
	display: inline-block;
	position: relative;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #888;
	width: 7em;
	height: 4em;
	overflow: hidden;
	border-bottom: 0.5em solid white;
}

.rocker-small {
	font-size: 14px; /* Sizes the switch */
	margin: 1em;
}

.rocker::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #999;
	border: 0.5em solid white;
	border-bottom: 0;
}

.rocker input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-left,
.switch-right {
	cursor: pointer;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.5em;
	width: 3em;
	transition: 0.2s;
}

.switch-left {
	height: 2.4em;
	width: 2.75em;
	left: 0.85em;
	bottom: 0.4em;
	background-color: #ddd;
	transform: rotate(15deg) skewX(15deg);
}

.switch-right {
	right: 0.5em;
	bottom: 0;
	background-color: #bd5757;
	color: #fff;
}

.switch-left::before,
.switch-right::before {
	content: "";
	position: absolute;
	width: 0.4em;
	height: 2.45em;
	bottom: -0.45em;
	background-color: #ccc;
	transform: skewY(-65deg);
}

.switch-left::before {
	left: -0.4em;
}

.switch-right::before {
	right: -0.375em;
	background-color: transparent;
	transform: skewY(65deg);
}

input:checked + .switch-left {
	background-color: #0084d0;
	color: #fff;
	bottom: 0px;
	left: 0.5em;
	height: 2.5em;
	width: 3em;
	transform: rotate(0deg) skewX(0deg);
}

input:checked + .switch-left::before {
	background-color: transparent;
	width: 3.0833em;
}

input:checked + .switch-left + .switch-right {
	background-color: #ddd;
	color: #888;
	bottom: 0.4em;
	right: 0.8em;
	height: 2.4em;
	width: 2.75em;
	transform: rotate(-15deg) skewX(-15deg);
}

input:checked + .switch-left + .switch-right::before {
	background-color: #ccc;
}
/* Keyboard Users */
input:focus + .switch-left {
	color: #333;
}

input:checked:focus + .switch-left {
	color: #fff;
}

input:focus + .switch-left + .switch-right {
	color: #fff;
}

input:checked:focus + .switch-left + .switch-right {
	color: #333;
}


/* 온오프 버튼 토글 스위치 */
.on_off_btn input[type="checkbox"] {
	display: none;
}
.label__on-off {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 74px;
	height: 35px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	background-color: #0bba82;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.label__on-off > * {
	vertical-align: sub;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 14px;
}

.label__on-off .marble {
	position: absolute;
	top: 1px;
	left: 40px;
	display: block;
	width: 33px;
	height: 33px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.label__on-off .on {
	display: inline-block;
	float: left;
	padding-left: 10px;
	line-height: 32px;
}

.label__on-off .off {
	display: none;
	padding-left: 30px;
	line-height: 32px;
}

.input__on-off:checked + .label__on-off {
	background-color: #ed4956;
}

.input__on-off:checked + .label__on-off .on {
	display: none;
}

.input__on-off:checked + .label__on-off .off {
	display: block;
}

.input__on-off:checked + .label__on-off .marble {
	left: 1px;
}




/* page number */
.page_no ul li{
	display: inline-block;
	margin-right: 4px;
}
.page_no ul li:last-child{
	margin-right: 0;
}
.page_no ul li a{
	width: 26px;
	height: 26px;
	line-height: 22px;
	border: 1px solid #d7d9e3;
	border-radius: 3px;
	font-size: 13px;
}
.page_no ul li a:hover{
	background-color: #d7d9e3;
}
.page_no ul li a img{
	height: 10px;
	margin-top: 7px;
}
.page_no ul li a.on{
	background-color: white;
	border-bottom: 2px solid #1657c5;
}
.page_no{
	margin: 64px 0px !important;
}

/* search box */
.search_box{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: rgba(44,44,44,0.9);
	display: none;
	z-index: 10;
}
.search_input {
	width: 720px;
	text-align: center;
	position: relative;
}
.search_input > a:first-child {
	margin-bottom: 120px;
}
.search_input ul li:first-child {
	width: 100%;
}
.search_input ul li {
	display: inline-block;
	vertical-align: middle;
}
.search_input input {
	width: calc(100% - 300px);
	background-color: transparent;
	border: none;
	border-bottom: 3px solid white;
	padding: 11px;
	text-align: center;
	font-size: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: white;
	outline-style: none;
	box-sizing: border-box;
	border-radius: 0px !important;
	height: inherit !important;
	line-height: inherit !important;
}
.sh_content {
	width: 720px;
	margin-top: 48px;
}
.sh_content ul {
	height: 320px;
	overflow-y: auto;
}
.sh_content ul li {
	font-size: 16px;
	color: white;
	margin-bottom: 6px;
}
.sh_content ul li a {
	display: inline-block;
	color: white;
	text-decoration: none;
}
.search_input input::-webkit-input-placeholder{
	color: #b3b3b3;
	font-size: inherit;
	text-align: center;
}
.search_input input:-ms-input-placeholder{
	color: #b3b3b3;
	font-size: inherit;
	text-align: center;
}

/* 모바일 네비 */
.mobile_nav{
	position: fixed;
	z-index: 10000;
	display: none;
}
.m_nav_header{
	background-color: #1657c5;
	position: fixed;
	z-index: 1;
	width: 100%;
	top: 0;
	height: 40px;
}
.m_nav_header a{
	padding: 11px 16px;
}
.m_nav_header a img{
	height: 18px;
}
.m_nav_back_btn a{
	width: 42px;
	height: 40px;
	background: url(../_img/back_arrow.png) no-repeat;
	background-size: 10px;
	background-position: center;
}
.m_nav_back_btn{
	position: absolute;
	top: 0;
	left: 0;
}
.m_nav_logo {
	width: 100%;
}
.m_nav_logo a{
	width: 100%;
	height: 40px;
	background: url(../_img/erae_edms_wt.png) no-repeat;
	background-size: 174px;
	background-position: center;
}
.m_nav_toggle_btn{
	position: absolute;
	top: 0;
	right: 0;
}
.m_nav_toggle_btn a{
	width: 50px;
	height: 40px;
	background: url(../_img/toggle_img_wt.png) no-repeat;
	background-size: 18px;
	background-position: center;
}
/* toggle */
.toggle {
	width: 80%;
	background: white;
	position: fixed;
	height: 100%;
	right: -100%;
	z-index: 1000;
	transition: .3s;
	overflow-y: auto;
}
.toggle_info{
	position: relative;
	background-color: #1657c5;
	padding: 32px;
}
.t_close_btn{
	position: absolute;
	top: 0;
	right: 0;
}
.toggle_title ul li{
	font-size: 20px;
	color: white;
	font-weight: 300;
	color: #e2e0ef;
	line-height: 28px;
	margin-top: 16px;
	display: inline-block;
	margin-right: 10px;
}
.toggle_title ul li:first-child{
	display: block;
}
.toggle_title ul li strong{
	font-weight: 500;
	color: white;
}
.toggle_title ul li a{
	width: 84px;
	height: 32px;
	line-height: 30px;
	padding: 0px 10px;
	border-radius: 5px;
	border: 1px solid #d7d9e3;
	color: white;
	font-size: 15px;
}
.m_toggle_nav{
	padding: 16px 32px;
}
.m_toggle_nav ul li{
	border-bottom: 1px solid #eaeaf2;
}
.m_toggle_nav ul li a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-item: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 16px 0px;
}
.m_toggle_nav ul li a img{
	height: 16px;
}
.r_arrow_img{
	background: url(../_img/right_arrow.png) no-repeat right;
	width: 16px;
	height: 16px;
}
.slide_dr.on{
	border-bottom: 1px solid #1657c5;
}
.slide_dr.on > a{
	color: #1657c5;
}

.slide_dr.on .r_arrow_img{
	background: url(../_img/right_arrow_bl.png) no-repeat right;
}
.slide_dr_dox{
	/*display: none;*/
}
.slide_dr_dox > ul > li:last-child{
	border-bottom: 0;
}
.slide_dr.on .slide_dr_dox{
	display: block;
	border-top: 1px solid #1657c5;
}
.slide_dr_dox ul{
	padding-left: 24px;
}
.close_btn img {
	height: 16px;
}
.no_list_txt{
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	height: 120px;
	border-top: 1px solid #8d8f9a;
	width: 100%;
}
.phone_ddd{
	position: absolute;
	top: 11px;
	left: 16px;
}
.co_phone_ddd{
	position: absolute;
	bottom: 10px;
	left: 32px;
}
.int_txt{
	position: absolute;
	top: 12px;
	right: 16px;
}

/* 슬라이드 드롭 */


/* media */
/*@media (max-width: 1440px){
	body{
		width: 1440px;
	}
	header{
		width: 1472px;
	}
}
*/
/* 프렌차이즈 */
.user_fc{
	font-size: 1px;
	vertical-align: inherit;
}
.user_fc:after{
	font-size: 9px;
	font-weight: 500;
	content: "F C";
	padding: 3px 6px;
	border-radius: 5px;
	background-color: #42a63a;
	color: white;
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 4px;
}

/* 지도 팝업*/
.map_popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: rgba(44,44,44,0.9);
	z-index: 10;
	padding: 16px;
}
.map_popup_box {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	width: 70%;
}
.m_p_title p{
	color: white;
	font-size: 18px;
	padding: 20px 0;
}
.m_p_title a{
	position: absolute;
	top: 0;
	right: 0;
}
.m_p_title a img{
	width: 20px;
}
.m_p_iframe{
	margin: 0;
	padding-bottom: 45%;
	max-width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}
.m_p_info{
	color: white;
}
.m_p_info ul li{
	margin-bottom: 8px;
}



/* 로딩 */

/* loading */
.loading_box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-item: center;
	-webkit-justify-content: center;
	flex-direction: column;
	padding: 16px;
	z-index: 999999;
	background-color: rgba(64,64,64,0.8);
}
@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container, .loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}
.loading {
	border: 4px solid transparent;
	border-color: transparent #fff transparent #FFF;
	-moz-animation: rotate-loading 1s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1s linear 0s infinite normal;
	transform-origin: 50% 50%;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.loading-text {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin-top: 26px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100px;
}
.loading-info {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin-top: 38px;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100%;
}


/*
.t_test_36 thead th, .t_test_36 tbody td{
	height: 36px;
}

.t_test_38 thead th, .t_test_38 tbody td{
	height: 38px;
}
*/

/* 삭제회원 테이블 */
.del_red_line td{
	position: relative;
}
.del_red_line td:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-color: red;
	opacity: 0.5;
}