@charset "utf-8";
@import url("reset.css");
@import url("layout.css");
@import url("datepicker.css");
@import url("fullcalendar.css");
@import url("spectrum.css");
@import url("nv.d3.min.css");

html, body {
	min-width:1200px;
	margin:0;
	padding:0;
	border:0;
	background:#ecf0f5;
	font-family:"NotoSanskr_Regular", "MalgunGothic", "Malgun Gothic", sans-serif;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	line-height:1.2;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}

/* Common Style */

.thin {font-family:'NotoSanskr_Thin';}
.light {font-family:'NotoSanskr_Light';}
.demilight {font-family:'NotoSanskr_Demilight';}
.regular {font-family:'NotoSanskr_Regular';}
.medium {font-family:'NotoSanskr_Medium';}
.bold {font-family:'NotoSansKr_Bold';}

.hidden {display:block; overflow:hidden; width:0; height:0; text-indent:-9999em; visibility: hidden;}

.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}

.ta_left {text-align:left !important;}
.ta_right {text-align:right !important;}
.ta_center {text-align:center !important;}

.in_nospace {word-spacing:0; letter-spacing:0; font-size:0 !important;}

.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*	BG  */
.bg_white {background:#fff;}
.bg_gray {background:#ebebeb;}


/*	CONTENTS BOX  */
.con_box {width:100%; padding:25px 30px; background:#fff;}
.con_box .clear_area {overflow:hidden; width:100%; clear:both;}

/*	HEADER  */
.con_box h3 {margin:40px 0 20px; font-family:"NotoSanskr_Medium"; font-size:18px; color:#222;}

/* TAB  */
.tab {width:100%; margin-bottom:30px;}
.tab>ul::after {display:block; content:""; clear:both;}
.tab>ul>li {display:table; float:left; width:50%;}
.tab>ul>li>a {display:table-cell; position:relative; height:35px; color:#444; text-align:center; vertical-align:middle; border-top:2px solid #999; border-right:1px solid #999; border-bottom:2px solid #999;}
.tab>ul>li:first-child>a {border-left:2px solid #999;}
.tab>ul>li:last-child>a {border-right:2px solid #999;}
.tab>ul>li.on>a {color:#fff; background:#444; border:2px solid #444;}
.tab>ul>li.on>a::after {display:block; content:''; position:absolute; left:50%; bottom:-12px; margin-left:-5px; width:0; height:0; border:5px solid #444; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}

.tab.cols-3>ul>li {width:33.3333%;}
.tab.cols-4>ul>li {width:25%;}
.tab.cols-5>ul>li {width:20%;}
.tab.cols-6>ul>li {width:16.6666%;}

/*	TABLE   */
.tbl {width:100%; table-layout:fixed;}
.tbl th {padding:10px 0; font-size:14px; color:#222; text-align:center; background:#ebebeb; vertical-align:middle;}
.tbl td {position:relative; padding:10px; font-size:13px; color:#888; text-align:center; word-break:break-word; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; vertical-align:middle;}
.tbl th.tbl_tit {color:#fff; background:#095573;}
.tbl td .style_check, .tbl td .style_select {display:inline-block; vertical-align:middle;}
.tbl td .btn.rank {width:40%; max-width:30px;}
.tbl td .btn.single {width:80%;}
.tbl td .consult_item {margin-top : 5px; margin-bottom : 5px; line-height : 19px;}
.tbl td .consult_item > span { color : #222;}

.tbl.ta_left td {text-align:left;}

.tbl.tr_hover tr:hover, .tbl.tr_hover tr.on {background:rgba(0,192,239,0.2);}

.tbl td.all_check {font-family:NotoSanskr_Medium; color:#222; background:#f2f2f2;}
.tbl td textarea {width:90%; height:100px; padding:10px; font-family:"NotoSanskr_Demilight"; font-size:13px; line-height:20px; border:1px solid #ccc; }
.tbl td .description {margin-top:10px; font-family:NotoSanskr_Demilight; color:#999; line-height:18px;}

.th_hor thead th {border-left:1px solid #fff;}
.th_hor thead th:first-child {border-left:0;}
.th_hor thead th:last-child {border-right:1px solid #ebebeb;}
.th_hor tbody td:first-child {border-left:1px solid #ebebeb;}

.th_ver {border-top:1px solid #ebebeb;}
.th_ver tbody th {border-right:1px solid #fff; border-bottom:1px solid #fff;}

.tbl.detail th {background:rgba(0,192,239,0.2);}
.tbl.detail th.tbl_tit {color:#fff; background:#05b7e3;}

.dl_tbl {display:table; width:100%; table-layout:fixed;}
.dl_tbl>dt {display:table-cell; width:30%; padding:7px 5px; vertical-align:middle;}
.dl_tbl>dd {display:table-cell; width:70%; padding:7px 5px; vertical-align:middle;}

.dl_tbl.rank_control {border-bottom:1px solid #ddd;}
.dl_tbl.rank_control>dt {width:70%; padding-left:20px;}
.dl_tbl.rank_control>dd {width:30%; text-align:center;}
.dl_tbl.rank_control>dd>a {width:40%; max-width:30px; margin-left:5px;}

.dl_tbl.thead dt, .dl_tbl.thead dd {padding:7px 5px; text-align:center; background:#ddd;}

.dl_tbl .description {margin-top:10px; font-family:NotoSanskr_Demilight; color:#999; line-height:18px;}

/* PAING    */
.paging {width:100%; margin-top:40px; text-align:center;}
.paging>a {display:inline-block; position:relative; width:36px; height:36px; vertical-align:middle; border:1px solid #ccc;}
.paging>a::after {display:block; content:''; position:absolute; left:0; top:5px; width:100%; font-family:FontAwesome; font-size:20px; text-align:center;}
.paging>a.btn_first::after {content:'\f100';}
.paging>a.btn_prev::after {content:'\f104';}
.paging>a.btn_next::after {content:'\f105';}
.paging>a.btn_last::after {content:'\f101';}
.paging>span {display:inline-block; text-align:center; vertical-align:middle;}
.paging>span>* {display:inline-block; width:36px; height:36px; font-size:16px; line-height:34px; border:1px solid #ccc;}
.paging>span>strong {color:#fff; background:#00c0ef; border:1px solid #00c0ef;}

/* 리스트 */
.list_tbl {width:100%;}
.list_tbl>li {position:relative; padding:10px 20px; font-size:13px; color:#888; text-align:left; word-break:break-word; border:1px solid #ebebeb; border-top:0; vertical-align:middle;}
.list_tbl>li:first-child {border-top:1px solid #ebebeb;}
.list_tbl>li:hover, .list_tbl>li.on {background:rgba(0,192,239,0.2);}

.dash_list>li {position:relative; padding-left:10px;}
.dash_list>li::after {display:block; content:'-'; position:absolute; left:0; top:0;}

.description_list {margin-top:15px;}
.description_list>li {position:relative; padding-left:15px; font-family:NotoSanskr_Demilight; font-size:13px; line-height:24px;}
.description_list>li::before {display:block; content:'※'; position:absolute; left:0; top:0;}
.description_list>li>strong.red {font-family:NotoSanskr_Medium; color:#f35958;}

/*	FORM 	*/
input[type=text], input[type=password] {width:100%; height:30px; padding:0 5px; line-height:30px; background:#fff; border:1px solid #ddd;}
textarea {width:100%; min-height:100px; padding:10px; line-height:20px; background:#fff; border:1px solid #ddd;}
input[type=text]:focus, input[type=password]:focus {border:1px solid #00c0ef;}

::-webkit-input-placeholder {font-size:12px;}
::-moz-placeholder {font-size:12px;}
::-ms-input-placeholder {font-size:12px;}

.style_check {display:inline-block; overflow:hidden; vertical-align:middle;}
.style_check + .style_check {margin-left:15px;}
.style_check>label {display:inline-block; position:relative; vertical-align:top;}
.style_check>label>i {display:inline-block; position:relative; width:18px; height:18px; margin-right:7px; vertical-align:middle; background:#fff; border:1px solid #ccc;}
.style_check.no_txt>label>i {margin-right:0;}
.style_check>label>input[type=checkbox] {position:absolute; left:0; top:0; width:18px; height:18px; opacity:0;}
.style_check>label strong {vertical-align:middle;}

.style_check>label>input[type=checkbox]:checked+i {border:2px solid #00c0ef;}
.style_check>label>input[type=checkbox]:checked+i::after {display:block; content:'\f00c'; position:absolute; left:1px; top:0; font-family:FontAwesome; color:#00c0ef;}

.style_radio {display:inline-block; overflow:hidden; vertical-align:middle;}
.style_radio + .style_radio {margin-left:15px;}
.style_radio>label {display:inline-block; overflow:hidden; position:relative; vertical-align:top;}
.style_radio>label>i {display:inline-block; position:relative; width:18px; height:18px; margin-right:7px; vertical-align:middle; background:#fff; border:1px solid #ccc; border-radius:50%;}
.style_radio>label>input[type=radio] {position:absolute; left:0; top:0; width:18px; height:18px; opacity:0;}
.style_radio>label strong {vertical-align:middle;}

.style_radio>label>input[type=radio]:checked+i {border:2px solid #00c0ef;}
.style_radio>label>input[type=radio]:checked+i::after {display:block; content:''; position:absolute; left:4px; top:4px; width:6px; height:6px; background:#00c0ef; border-radius:50%;}

.style_radio>label.on>i {border:2px solid #00c0ef;}
.style_radio>label.on>i::after {display:block; content:'\f00c'; position:absolute; left:1px; top:0; font-family:FontAwesome; color:#00c0ef;}

.style_radio2 { display:inline-block; overflow:hidden; margin-right:3px; vertical-align:middle;}
.style_radio2>label>input[type=radio] { display:none;}
.style_radio2>label>strong { display:inline-block; width:28px; height:28px; border:2px solid #ccc; background:#fff; color:#777; border-radius:50%; font-size:13px; font-family:"NotoSanskr_Medium"; line-height:24px; text-align:center;}
.style_radio2>label>input[type=radio]:checked + strong { border:2px solid #00c0ef; background:#00c0ef; color:#fff;}

.style_select {display:inline-block; /*min-width:100px;*/ vertical-align:middle;}
.style_select label {display:block; overflow:hidden; position:relative; height:30px; padding-left:8px; padding-right:42px; line-height:30px; background:#fff; border:1px solid #ddd; vertical-align:top;}
.style_select label::before {display:block; content:''; position:absolute; right:30px; top:0; width:1px; height:30px; background:#ddd;}
.style_select label::after {
	display:block; 
	content:''; 
	position:absolute; 
	right:11px; 
	top:13px; 
	width:0; 
	height:0; 
	border:4px solid #47c977; 
	border-left-color:transparent; 
	border-right-color:transparent; 
	border-bottom-color:transparent;
	transition:all .3s;
}
.style_select label>span {display:block; font-size:13px; color:#999;}
.style_select label>select {position:absolute; left:0; top:0; z-index:100; width:100%; height:30px; font-size:14px; opacity:0;}

.style_select label.on {border:1px solid #00c0ef;}
.style_select label.on>span {color:#00c0ef;}
.style_select label.on::before {background:#00c0ef;}
.style_select label.on::after {
	top:8px;
	border:4px solid #f35958; 
	border-left-color:transparent; 
	border-right-color:transparent; 
	border-top-color:transparent;
}

.style_file {display:inline-block; position:relative; min-width:100px; vertical-align:middle;}
.style_file>label {display:inline-block; overflow:hidden; box-sizing:border-box; width:100%; padding-right:110px; height:30px; background:#fff; border:1px solid #ddd; vertical-align:top;}
.style_file>label>span {display:inline-block; overflow:hidden; width:100%; padding:0 5px; line-height:30px; text-overflow:ellipsis; white-space:nowrap;}
.style_file>label>input[type=file] {width:100%; height:30px; position:absolute; left:0; top:0; z-index:2; opacity:0;}
.style_file>label>button {display:block; position:absolute; right:0; top:0; width:110px; height:30px; color:#fff; text-align:center; line-height:30px; background:#00c0ef; border:0;}

.datepicker button {margin-left:5px; font-size:18px; vertical-align:middle; background:transparent; border:0; cursor:pointer;}

/*	BUTTON */
.btn_area {margin-top:30px; text-align:right;}
.btn_area.top {margin-top:0; margin-bottom:15px;}
.btn_area.center {text-align:center;}

.btn {display:inline-block; position:relative; width:100px; height:40px; text-align:center; font-size:16px; line-height:40px; background:#fff;}
 button.btn {padding:0; border:0; font-family:"NotoSanskr_Regular"; vertical-align:middle; cursor:pointer;}
.btn.small {height:30px; line-height:30px; font-size:14px; vertical-align:middle;}
.btn.long {width:150px;}
.btn.add, .btn.remove {width:40px; margin-left:3px;}
.btn.add::after {display:block; content:'\f067'; position:absolute; left:12px; top:0; font-family:FontAwesome; font-size:20px; color:#fff;}
.btn.remove::after {display:block; content:'\f068'; position:absolute; left:12px; top:0; font-family:FontAwesome; font-size:20px; color:#fff;}
.btn.small.add, .btn.small.remove {width:30px; margin-left:3px;}
.btn.small.add::after {font-size:14px; left:9px;}
.btn.small.remove::after {font-size:14px; left:9px;}
.btn.circle {border-radius:13px;}
.btn.skyblue {color:#00c0ef; background:#fff; border:1px solid #00c0ef;}
.btn.gray {border:1px solid #999;}
.btn.full_skyblue {color:#fff; background:#00c0ef; border:1px solid #00c0ef;}
.btn.full_darkblue {color:#fff; background:#095573; border:1px solid #095573;}
.btn.full_gray {color:#fff; background:#999; border:1px solid #999;}
.btn>i {font-size:12px;}

/* Text */
.con_box .description {margin-top:8px;}

/*  Danger Area  */
.alert-danger {position:fixed; left:0; top:0; z-index:1000; width:100%; height:60px; color:#fff; line-height:60px; text-align:center; background:#dd4b39;}
.alert-danger>button.close {position:absolute; right:15px; top:15px; width:30px; height:30px; font-size:21px; color:#fff; background:transparent; border:1px solid #fff; cursor:pointer;}

/*	CONTENTS  */

/* Login  */
#container.login {display:table; height:100%; padding:0;}
.login_layout { display:table-cell; text-align:center; vertical-align:middle;}
.login { display:inline-block; position:relative; margin-bottom:80px;}
.login h2 { margin:0 0 39px;}
.login_form { position:relative; padding:20px 30px; background:#fff; text-align:left; box-shadow:1px 1px 1px 0 #e2e6ea;}
.login_form .title {margin-bottom:18px; font-family:"NotoSanskr_Medium"; font-size:18px; color:#222;}
.login_form .title>i {margin-right:5px;}
.login_form .input_area { min-height:96px; padding:32px 30px 0 0; border:1px solid #ddd;}
.login_form .txt { display:inline-block; margin:0 5px 0 35px; font-size:13px; vertical-align:middle;}
.login_form input { width:148px;}
.login_form .btn { min-width:100px; margin-left:36px; font-size:15px;}
.login_form .style_check { margin:20px 12px 0 36px;}
.login_form .style_check>label strong { margin-right:5px; color:#222; font-size:13px;}

/* 2단 리스트 설정 페이지 (순서변경 포함) */
/*.con_box.setting_list .con_box {float:left; width:49%; padding:0;}
.con_box.setting_list .con_box.detail {margin-left:2%;}*/
.con_box.setting_list .clear_area {position:relative;}
.con_box.setting_list .clear_area::after {display:block; content:''; clear:both;}
.con_box.setting_list .con_box {overflow:hidden; float:left; width:100%; padding:0;}
.con_box.setting_list .con_box.detail {position:absolute; right:-49%; top:0; width:49%;}
.con_box.setting_list .tbl strong {font-family:"NotoSanskr_Medium"; color:#333;}
.con_box.setting_list .tbl .style_select {width:100%;}
.con_box.setting_list .tbl input[type=text] {width:95%;}

.input_layer .style_select {width:100%;}

#largeCategory, #detailCategory {display:none;}
.input_layer h4 {font-family:NotoSanskr_Medium; font-size:16px; text-align:center; margin-bottom:10px;}
.input_layer.rank .dl_tbl.thead dt {width:70%;}
.input_layer.rank .dl_tbl.thead dd {width:30%;}
.input_layer.rank .description {margin-top:10px; font-family:NotoSanskr_Light; font-size:13px; color:#888;}


/*	기본설정 	*/
.con_box.search .bg_gray {padding:10px;}

.con_box.danzi_list .tbl td {text-align:center;}
.con_box.danzi_list .tbl .btn {width:80%;}
.con_box.danzi_list .btn_area {margin-top:30px; text-align:right;}
.con_box.danzi_list .btn_area>.btn {width:100px;}

/* 사용자관리 */
.con_box.base_admin .tbl.ta_left td {padding-left:20px; text-align:left;}


/* 설문조사 */
.con_box.survey .con_box {width:53%;} 
.con_box.survey .con_box.detail {width:45%;}
.con_box.survey .con_box.large {width:100%;}
.con_box.survey .con_box.detail {position:absolute; right:-45%; top:0; width:45%;}

/* 약관설정 */
.con_box.terms>h4 {width:100%; padding:10px 0; text-align:center; background:#ccc;}
.terms_area {height:300px !important;}
.terms_area>h5, .con_box.terms .terms_area>p {margin-bottom:7px;}
.terms_area>ol>li {margin-bottom:7px;}

/* 화면설정*/
.con_box.display_setting .tbl td .size {position:absolute; right:10px; top:18px;}

/* 문자설정 */
.message_area {/*overflow:hidden;*/ position:relative; /*width:100%;*/ /*height:548px;*/ padding-left:350px;}
.message_area .message_view {position:absolute; left:0; top:0; width:291px; height:548px; background:url(../img/sub/m_bg.png) no-repeat left top;}
.message_area .message_view .phone {overflow-y:auto; position:absolute; left:20px; top:54px; width:253px; height:328px; padding:20px; font-size:14px; line-height:24px; background:#fff; word-break:break-word;}
.message_area .message_view .phone strong {padding:2px; color:#fff; background:#00c0ef;}
.message_area .message_view .sms_check {position:absolute; border-left-width:0; bottom:73px; width:100%; text-align:center;}
.message_area .message_view .sms_check>span {display:inline-block; width:60px; height:30px; font-size:13px; color:#00c0ef; text-align:center; line-height:30px; border:1px solid #00c0ef;}
.message_area .message_view .sms_check>span.on {color:#fff; background:#00c0ef;}

.message_area .message_write {width:100%;}
.message_area .message_write h3 {margin-bottom:20px; font-family:"NotoSanskr_Medium"; font-size:18px; color:#222;}
.message_area .message_write .macro {overflow:hidden; width:100%; margin-bottom:40px;}
.message_area .message_write .macro>ul>li {float:left; width:19%; margin-left:1%; margin-bottom:7px;}
.message_area .message_write .macro>ul>li:nth-child(5n+1) {margin-left:0;}
.message_area .message_write .macro>ul>li>button {width:100%; font-size:15px; color:#222; background:#fff; border:1px solid #ddd;}
.message_area .message_write .macro>ul>li:hover>button {color:#fff; background:#00c0ef; border:1px solid #00c0ef;}
.message_area .message_write .text textarea {height:200px;}
.message_area .message_write .mms_file {margin-top:40px;} 
.message_area .message_write .mms_file label {padding-right:150px;}
.message_area .message_write .mms_file button {width:150px;}

.message_area.layer {display:none; position:fixed; left:50%; top:50%; z-index:1300; height:548px; /*margin-left:-145px; margin-top:-274px;*/}
.message_area.layer .message_view {background:url(../img/sub/m_bg_black.png) no-repeat left top;}
.message_area.layer .btn_close {position:absolute; right:-40px; top:10px; width:30px; height:30px; padding:0; color:#fff; line-height:28px; background:transparent; border:1px solid #fff;}

.sms_bulk .reserve_date {display:none; min-width:500px;}

.con_box.message.tm {min-height:600px;}
.con_box.message.tm .message_area .message_write .text textarea {height:300px;}

/* 일정관리 */
.con_box.schedule {overflow:hidden; position:relative; box-sizing:border-box; width:100%;}
.calendar_wrap {width:100%;}

.calendar_top {width:100%; text-align:center;}
.calendar_top h4 {display:inline-block; vertical-align:middle; font-size:30px; color:#222;}
.calendar_top button {height:28px; padding:0; color:#aaa; text-align:center; line-height:28px; vertical-align:middle; background:transparent; border:2px solid #aaa; cursor:pointer;}
.calendar_top button.btn_dir {width:28px;}
.calendar_top button.today {width:57px; color:#fff; background:#aaa;}

.calendar_con table {width:100%; table-layout:fixed;}
.calendar_con table thead th {width:14.2857%; height:45px; font-size:13px; color:#666; text-align:center; vertical-align:middle; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-right:1px solid #ddd;}
.calendar_con table thead th:first-child {border-left:1px solid #ddd;}
.calendar_con table thead th.sunday {color:#f35958;}
.calendar_con table thead th.saturday {color:#00c0ef;}
.calendar_con table tbody td {position:relative; width:14.2857%; height:105px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; cursor:pointer;}
.calendar_con table tbody td.none {cursor:default;}
.calendar_con table tbody td:first-child {border-left:1px solid #ddd;} 
.calendar_con table tbody td.today {background:#f5f5f5;}
.calendar_con table tbody td.today::before {display:block; content:''; position:absolute; left:-1px; top:-1px; z-index:1; width:100%; height:100%; border:1px solid #888;}
.calendar_con table tbody td>strong {position:absolute; left:10px; top:10px; font-size:12px; color:#666;}
.calendar_con table tbody td.sunday>strong {color:#f35958;}
.calendar_con table tbody td.saturday>strong {color:#00c0ef;}
.calendar_con table tbody td>a.badge {display:block; position:relative; z-index:10; width:80%; height:24px; padding:0 5px; margin:0 auto 5px;}
.calendar_con table tbody td>a.badge::after {display:block; content:''; position:absolute; width:0; height:0; border-width:12px; border-style:solid; border-color:inherit;}
.calendar_con table tbody td>a.badge.start::after {left:-25px; top:-1px; border-top-color:transparent; border-left-color:transparent; border-bottom-color:transparent;}
.calendar_con table tbody td>a.badge.end {text-align:right;}
.calendar_con table tbody td>a.badge.end::after {right:-25px; top:-1px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}
.calendar_con table tbody td .no_badge_area {position:absolute; left:0; top:8px; z-index:10; width:100%; padding-right:10px; text-align:right;}
.calendar_con table tbody td .no_badge_area .no_badge {display:inline-block; width:12px; height:12px; margin-left:5px; border-radius:50%;}
.calendar_con table tbody td .no_badge_area .no_badge:first-child {margin-left:0;}
.calendar_con table tbody td>a>span {display:block; overflow:hidden; width:100%; font-size:12px; color:#fff; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}

.schedule_wrap {display:none; opacity:0; visibility:hidden; position:absolute; right:-40%; top:40px; width:38%;}


/* 문자관리 */
.sms_auto .send_time .style_check {width:12%; margin-left:0; margin-top:5px;}

.btn_area.view_send>span {margin-right:20px;}
.btn_area.view_send>span>strong {font-family:NotoSanskr_Medium; color:#00c0ef;}


/* 고객관리 */
.tbl.manage_survey td .style_radio {width:12.5%; margin-left:0; line-height:24px;}

.quiz_tbl {margin-top:10px;}
h3+.quiz_tbl {margin-top:0px;}
.quiz_tbl dt {position:relative; padding:13px 20px 13px 50px; font-size:14px; color:#222; background:#ebebeb;}
.quiz_tbl dt::before {display:block; content:"Q"; position:absolute; left:15px; top:9px; width:24px; height:24px; text-align:center; font-family:"NotoSanskr_Medium"; font-size:12px; color:#fff; line-height:24px; background:#095573; border-radius:50%;}
.quiz_tbl dd {position:relative; padding:13px 20px 13px 50px; border:1px solid #ebebeb; border-top:0;}
.quiz_tbl dd::before {display:block; content:"A"; position:absolute; left:15px; top:10px; width:24px; height:24px; text-align:center; font-family:"NotoSanskr_Medium"; font-size:12px; color:#fff; line-height:24px; background:#999; border-radius:50%;}

.quiz_tbl.multiple dd .style_radio {width:10%; margin-left:0; line-height:24px;}
.quiz_tbl.input dd input[type=text] {width:100%; font-size:13px; border:1px solid #ebebeb;}
.quiz_tbl.essay dd textarea {width:100%; height:100px; font-size:13px; border:1px solid #ebebeb;}
.quiz_tbl.multiple.input dd .style_radio.etc {width:20%;}
.quiz_tbl.multiple.input dd .style_radio.etc strong {display:inline-block; width:80%;}
.quiz_tbl.multiple.essay dd .style_radio.etc {width:100%; margin-top:15px;}
.quiz_tbl.multiple.essay dd .style_radio.etc label {width:100%;}
.quiz_tbl.multiple.essay dd .style_radio.etc strong {display:inline-block; width:95%;}


/* 통계분석  */
.con_box.statistics {overflow:hidden; width:100%; padding:0; background:transparent;}
.statistics_date {width:100%; margin-bottom:20px;}
.statistics_date .dl_tbl {}
.statistics_date .dl_tbl dt {width:10%; text-align:center; color:#fff; vertical-align:middle; background:#095573; border-right:1px solid #ddd;}
.statistics_date .dl_tbl dd {position:relative; padding:7px 110px 7px 10px; background:#fff;}
.statistics_date .btn {width:75px;}
.statistics_date .btn.today {margin-left:10px;}
.statistics_date .btn.submit {position:absolute; right:10px; top:7px; width:100px;}


.statistics_graph {position:relative; width:100%; overflow:hidden;}
.statistics_graph h3 {width:100%; height:51px; padding:0 20px; font-size:16px; font-family:NotoSanskr_Medium; line-height:50px; border-bottom:1px solid #ddd;}

.statistics_graph .statistics_graph_left {float:left; width:75%;}
.statistics_graph_left .data_view {width:100%; overflow:hidden;}
.statistics_graph_left .data_view dl {float:left; width:23.5%; height:125px; margin-left:2%; margin-bottom:20px; padding:25px 0 15px; text-align:center; background:#fff;}
.statistics_graph_left .data_view dl:nth-child(4n+1) {margin-left:0;}
.statistics_graph_left .data_view dl dt {margin-bottom:5px; font-size:16px; color:#165068;}
.statistics_graph_left .data_view dl dt i {color:#00c0ef;}
.statistics_graph_left .data_view dl dd {font-size:48px; font-family:"NotoSanskr_Medium"; color:#165068; letter-spacing:-1px;}
.statistics_graph_left .line_chart {background:#fff;}
.statistics_graph_left .line_chart .chart_con {padding:19px 0;}
.statistics_graph_left .line_chart .chart_con svg {width:98%; height:380px; margin:0 auto;}

.statistics_graph_right {float:right; width:23.5%; background:#fff;}
.statistics_graph_right .bar_chart_con {padding:30px 0 10px;}
.statistics_graph_right .bar_chart_con h4 {margin-bottom:20px; padding:0 20px;}
.statistics_graph_right .bar_chart_con_svg {height:160px;}
.statistics_graph_right #bar_rank .nv-bar {fill:rgb(0, 192, 239) !important;}
.statistics_graph_right #bar_type .nv-bar {fill:rgb(0, 105, 147) !important;}
.statistics_graph_right #bar_area .nv-bar {fill:rgb(102, 102, 102) !important;}

.statistics_graph .loading {display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:#000;}


/* 통계 - 조건별 통계  */
.con_box.condition .style_radio, .con_box.condition .style_check {width:19%; margin-left:0; line-height:28px;}
.con_box.condition .style_check>label>input[type=checkbox]:checked+i::after {line-height:100%;}

#detail_view {width:80%;}
#detail_view .scroll_area {overflow:auto; max-height:500px; padding-bottom:20px;}
#detail_view .scroll_area h4 {text-align:left;}
#detail_view .tbl {table-layout:inherit; margin-bottom:20px;}
#detail_view .tbl th {padding:10px 15px; color:#fff; white-space:nowrap; background:#00c0ef;}
#detail_view .tbl .item_key th {color:#333; background:#ebebeb;}
#detail_view .tbl td {padding:10px 15px; white-space:nowrap;} 


/* 통계 - 계수기 */
#counter_layer {width:700px;}

/* 통계 - 이벤트 통계 */
.input_layer.eve_result p.date {font-size:16px; letter-spacing:0.5px;}
.input_layer.eve_result p.date>strong {font-family:"NotoSanskr_Medium"; color:#f35958;}
.input_layer.eve_result .btn.excel {position:absolute; right:40px; top:30px;}
.input_layer.eve_result h4 {padding:10px 15px; margin-top:30px; margin-bottom:0; font-family:NotoSanskr_Demilight; color:#fff; text-align:left; background:#00c0ef;}
.input_layer.eve_result .tbl thead th {color:#222 !important; background:#f2f2f2 !important;}

/* 업무일지  */
.location.business_log {position:relative;}
.location.business_log .btn_area {position:absolute; right:10px; top:11px; margin-top:0;}
  
.con_box.business_log {position:relative;}
.con_box.business_log h3>strong {display:block; margin-bottom:5px; font-family:NotoSanskr_Medium; font-size:24px;}
.con_box.business_log .date_area {position:absolute; right:25px; top:30px;}
.con_box.business_log .date_area .btn {width:70px; margin-left:10px;}
.con_box.business_log .today {margin-bottom:15px; font-family:"NotoSanskr_Regular"; font-size:18px;}
.con_box.business_log .tbl {margin-bottom:10px;}
.con_box.business_log .tbl td {color:#222;}
.con_box.business_log .tbl td.prev_txt {vertical-align:top; text-align:left;}
.con_box.business_log .tbl .bg_gray {background:#f2f2f2;}
.con_box.business_log .tbl .bg_blue3 {color:#fff; background:#077596; border-bottom:1px solid rgba(255,255,255,0.2);}
.con_box.business_log .tbl .bg_blue2 {color:#fff; background:#009bc1; border-bottom:1px solid rgba(255,255,255,0.2);}
.con_box.business_log .tbl .bg_blue {color:#fff; background:#32d1e6; border-bottom:1px solid rgba(255,255,255,0.2);}
.con_box.business_log .tbl .bg_skyblue {background:#d9f4ff;}
.con_box.business_log .tbl .bg_yellow {background:#fbf8c3;}
.con_box.business_log .tbl .bg_red {background:#fed1d1;}
.con_box.business_log .tbl .bg_darkblue {color:#fff; background:#095573; border-left:1px solid rgba(255,255,255,0.2);}
.con_box.business_log .tbl .bg_pink {color:#fff; background:#f94189; border-bottom:1px solid rgba(255,255,255,0.2);}
.con_box.business_log .tbl td textarea {height:250px;}
.con_box.business_log .btn_area {position:relative; padding-top:20px;}
.con_box.business_log .description_list {position:absolute; left:0; bottom:0; text-align:left;}

.con_box.business_log .import {font-weight:bold; }
/*
.con_box.business_log .import {font-weight:bold; background-color:rgba(204, 204, 204, 0.3) !important; }
.con_box.business_log .tbl .import .bg_skyblue {background-color:rgba(217, 244, 255, 0.5);}
*/


/* 통계 - 시간별  */
.con_box.time {position:relative;}
.con_box.time .date_area {position:absolute; right:25px; top:30px;}
.con_box.time .date_area .btn {width:70px; margin-left:10px;}

.con_box.time .line_chart h4 {font-size:16px;}
.con_box.time .line_chart .chart_con {padding:19px 0;}
.con_box.time .line_chart .chart_con svg {width:98%; height:300px; margin:0 auto;}



.oth_menu {margin-top:80px;}
.oth_menu li {text-align:center; margin-bottom:10px;}
.oth_menu li a {
    display: inline-block;
    overflow:hidden;
    max-width: 150px;
    position: relative;
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.3);
    white-space:nowrap;
    background:rgba(0,0,0,.3);
    color:#fff;
    padding:0 10px;
    letter-spacing:-0.5px;
    transition:all .3s;
}


/* lnb 접혔을 때 */
#lnb.fold .oth_menu li a {text-align:center;}
#lnb.fold .oth_menu li a i {margin-right:0;}
.oth_menu li a:hover { background:rgba(0,0,0,.8);}
.oth_menu li a i {color:#e3dd74; margin-right:8px;}