/*
@import url(http://www.ruankorea.co.kr/kr/include/css/font.css);
@import url(reset.css);

@import url(button.css);
*/

/*
body {font-size:12px; font-family:'Nanum Gothic', '나눔고딕', 'ngn', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, "굴림", Gulim, Helvetica, Sans-serif; color:#848484; line-height:120%; position:relative; width:100%; height:100%; letter-spacing:-0.5px;}
*/

/* a-style */
/*
a {color:#444444; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true); }
a:hover, a:active{text-decoration:none;}
*/

.imp {color:#e21919;}
.none {border:#000000 0px solid;}
.clear {clear:both;}

/*
	Table Box
*/
table.basic{
  width:100%;
  margin: 0; padding: 0; line-height: 1.5;
  border-collapse: collapse;  
  margin-bottom:20px;
  border-top:1px solid #01c8c1;

}

table.basic thead {border-top:1px solid #01c8c1;}
table.basic td > a {text-decoration:underline;}

table.basic.vertical {border:0; }
table.basic tr {border-bottom:1px solid #e3e3e3;}
table.basic th, table.basic td{
  margin: 0; 
  padding:12px 8px;
  height:60px;
  font-size:16px;
  text-align:center;
  border:1px solid #e3e3e3;
  border-bottom:0;
  border-top:0;
}

table.basic th{	
	background:#fff;
	text-align:center;										  
	font-weight:600;
	font-size:16px;
	background:#fafafa;
}

table.basic td {color:#444; font-size:14px;}
.sales {font-size:12px;}
.sales.plus {color:#01c8c1;}
.sales.min {color:#b60000;}
table.basic.vertical th, table.basic.vertical td{border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}



/*
	SEARCH
*/
table.search {
	margin: 0; padding: 0; line-height: 25px;
	border: 0px;
	border-collapse: collapse;
	border: 1px solid #ddd;
	background-color:#ffffff;
	font-size:14px;
}
table.search .mcontent {
	
}

table.search .mcontent .stitle {
	padding-left:30px;
	font-weight: bold;
}
table.search .mcontent table tr td {height:36px;}
table.search .mcontent table tr td select {vertical-align:top; height:40px;}
table.search .tb_tl {}
table.search .tb_tr {}
table.search .tb_tline {}
table.search .tb_ml {}
table.search .tb_mr {}
table.search .tb_bl {}
table.search .tb_br {}
table.search .tb_bline {}



/*
	MAP
*/
table.pos {
	border-width: 10px 10px 10px 10px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #efefef;
	border-collapse: collapse;
	background-color: #FFFFFF;
}


/* 
	Message 
*/
.bmessage {
	color:#5874C0;
	padding-top:15px;
	padding-bottom:5px;
	font-size:13px;
}
.omessage {
	color:#000;
	margin-bottom:30px;
	font-size:16px;
	line-height: 24px;
	font-weight:normal;
	word-break:keep-all;
	padding:25px 25px;
	background:#f5f6f6;
}

.tmessage {font-size:16px; font-weight:bold; margin-bottom:20px; display:block;}


/*
	Title Icon
*/
.ticon {
	display:none;
	font-size:6px;
	float:left;
	margin-right:4px;
	padding-top:0px;
}


/* 
	Input Box 
*/
input.box {
	padding:0px 15px; border:1px solid #dcdde3; color:#555;
	height:50px; line-height:50px; border-radius:6px; font-size:16px;
	vertical-align:middle;
}
input.box.hasDatepicker {background:url("../images/midas/icon_date.png") calc(100% - 20px) center no-repeat; width:180px;}


input.readonly {
	padding:3px; border:1px solid #dcdde3;  color:#848484;
	background:#f4f4f4;
}

input.box:focus { 
	border:1px solid #555;
}

textarea.box { 
	padding:2px; border:1px solid #dcdde3; background-color:#fbfbfb; letter-spacing:0; color:#848484;
}

input[type="radio"], input[type="checkbox"] {
	 vertical-align:middle;
}


.area_maptree {width:1100px; display:flex; gap:20px; margin:auto; position:relative; overflow:hidden;}
.area_maptree .box_tree {width:50%; border:1px solid #ddd; position:relative; border-radius:10px; float:left; padding:45px 30px 35px; text-align:center;}
.area_maptree .box_tree:only-child {width:100%; border-right:1px solid #ddd; margin:auto; float:none;}
.area_maptree .box_tree .area_title {width:100%; margin-bottom:15px; line-height:1;}
.area_maptree .box_tree .area_title .title {display:inline-block; margin-right:5px; font-size:20px; vertical-align:middle;}
.area_maptree .box_tree .area_title .btn_common {display:inline-block; padding:0 10px;}
.area_maptree .box_tree .txt {font-size:14px; margin-bottom:25px; font-size:14px; color:#666;}
.area_maptree .box_tree .txt.imp {margin-bottom:0;}
.area_maptree .box_tree .area_step * {font-size:14px;}
.area_maptree .box_tree .area_step em {font-style:normal; font-weight:bold; display:inline-block; vertical-align:middle;}
.area_maptree .box_tree .area_step .step {display:inline-block; margin-right:15px;}
.area_maptree .box_tree .area_step .box {text-align:center;}
.area_maptree .box_tree .btn_common {width:200px;}
.popup_maptree {width:100%; position:relative;}
.popup_maptree .area_option {width:100%; overflow:hidden; position:fixed; top:0; padding:15px 20px; background:#fafafa; border-bottom:1px solid #ddd; z-index:10;}
.popup_maptree .area_option * {font-size:12px;}
.popup_maptree .area_option select {height:40px; vertical-align:middle;}
.popup_maptree .area_option .box {height:40px; line-height:40px;}
.popup_maptree .area_option input[type='button'] {vertical-align:middle; height:40px; line-height:32px; padding:0 12px;}
.popup_maptree .area_option .board_option {display:inline-block; margin-right:10px;}
.popup_maptree .area_option .board_option .list {vertical-align:middle; display:inline-block; margin-right:10px;}
.popup_maptree .area_option .board_option .list:last-child {margin-right:0;}
.popup_maptree .area_option .board_option .list .th {vertical-align:middle; font-weight:bold; font-style:normal; font-size:12px; margin-right:5px; display:inline-block;}
.popup_maptree .area_option .txt, .popup_maptree .area_option .board_option {vertical-align:middle;}
.popup_maptree .area_option .txt {padding-top:4px; display:inline-block; text-align:right; line-height:1.6; font-size:14px;}
.popup_maptree .area_option .txt * {font-size:inherit;}
.popup_maptree .area_option .txt b {color:#01c8c1;}
.popup_maptree .area_option .row {position:relative; width:100%; margin-bottom:15px;}
.popup_maptree .area_option .row:last-child {margin-bottom:0;}
.popup_maptree .area_option .list_zoom {float:right;}
.btn_zoom {width:40px; height:40px; border:1px solid #ddd; background-size:15px !important;}
.btn_zoom:hover {opacity:.8;}
.btn_zoom:active {opacity:.6;}
.btn_zoom.Prev {background:url("/html/web/images/midas/btn_map_prev.png") center no-repeat #fbfbfb;}
.btn_zoom.ZoomIn {margin-right:5px; background:url("/html/web/images/midas/btn_zoom_in.png") center no-repeat #fbfbfb;}
.btn_zoom.ZoomOut {background:url("/html/web/images/midas/btn_zoom_out.png") center no-repeat #fbfbfb;}
.popup_maptree .area_option .link_guide {float:right; color:#666; border:1px solid #e3e3e3; border-radius:30px; padding:4px 10px 6px; background:#fff;}

.m_header {position:fixed; top:0; left:0; width:100%; background:#fafafa; z-index:100;}
.m_header .title_area {height:54px; background:#01b3ad; display:flex; align-items:center; justify-content:space-between; padding:0 15px;}
.m_header .title_area .title {color:#fff; font-size:14px; font-weight:normal;}
.m_header .title_area .btn_close {width:54px; height:54px; background:url("/html/mobile/images/common/btn_openmenu_close.png") center right no-repeat; background-size:20px;}
.m_header .row {display:flex; flex-wrap:wrap; align-items:center; padding:0 15px; height:54px; justify-content:space-between; gap:5px; border-bottom:1px solid #ddd;}
.m_header .row * {min-width:0;}
.m_header .row .board_option  {display:flex; gap:10px;}
.m_header .row .board_option .list {list-style:none; display:inline-flex; align-items:center; gap:5px;}
.m_header .row .board_option .list .th {font-size:11px; font-weight:bold;}
.m_header .row select, .m_header .row input {height:36px; line-height:34px; font-size:12px;}
.m_header .row input {padding:0 10px;}
.m_header .row select {padding-left:10px; padding-right:25px; background:url("/html/mobile/images/common/icon_select_arrow.png?ver=1.1") no-repeat calc(100% - 10px) center #fff; background-size:9px;}																												   
.m_header .row .btn_other {border-color:#ddd; color:#444;}																												   
.m_header .row .list_zoom .btn_zoom.ZoomIn {margin-right:0;}

.list_grade {display:inline-block;}
.list_grade li {position:relative; padding-left:20px; margin-right:20px; font-size:13px; color:#666; display:inline-block; vertical-align:middle;}
.list_grade li:before {border-radius:4px; content:""; width:14px; height:4px; background:#333; position:absolute; left:0; top:50%; margin-top:-2px;}
.list_grade li.grade1:before {background:#4c86e7;}
.list_grade li.grade2:before {background:#00c2bb;}
.list_grade li.grade3:before {background:#23af69;}
.list_grade li.grade4:before {background:#9367f1;}
.list_grade li.grade5:before {background:#da1944;}



.popup_maptree .list_treecheck {width:100%;}
.popup_maptree .list_treecheck li {position:relative; display:block; margin-bottom:7px; padding-left:25px; font-size:14px;}
.popup_maptree .list_treecheck li input[type='checkbox'] {cursor:pointer; position:absolute; left:0; top:3px;}
.popup_maptree .popup_layer .popup_content .form select {font-size:12px; vertical-align:middle; width:auto; height:32px; padding-left:10px; padding-right:40px; background-size:url("../images/common/icon_select_arrow.png") no-repeat calc(100% - 10px) center #fff;}
.popup_maptree .list_treecheck li input.box {vertical-align:middle; background:#fff; min-height:auto; width:100px; padding:0 15px;  height:32px; line-height:32px; text-align:center; font-size:12px;}
.popup_maptree .list_treecheck li .div_in {background:#f6f6f6; padding:15px 20px; border-radius:6px; margin-top:10px;}
.popup_maptree .select2-container {font-size:12px;}
.popup_maptree .select2-container .select2-selection--single {height:35px;}
.popup_maptree .select2-container--default .select2-selection--single {border-radius:0; border-color:#ddd;}
.popup_maptree .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:35px;}
.popup_maptree .select2-container--default .select2-selection--single .select2-selection__arrow {height:35px;}
.popup_maptree .txt_info {margin-top:20px; font-size:13px;} 

@media screen and (max-width: 480px) {
	.popup_maptree .area_option .board_option {display:block; margin-bottom:5px;}
	.popup_maptree .area_option .board_option .list {margin-right:10px;}
	.popup_maptree .area_option .board_option .list:last-child {display:block; margin-top:5px;}
}

.vertical_tree * {
	margin: 0; padding: 0;
	font-family:"Malgun Gothic";

}
.vertical_tree {
	display: block;
	overflow:hidden;
	cursor:move;
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
}
.vertical_tree ul {
	padding-top: 10px; 
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	text-align:center;
}
.vertical_tree li {
	float: left; 
	text-align: center;
	list-style-type: none;
	position: relative;
	
	padding: 10px 5px 7px 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

	
.vertical_tree li.toggle > a {background:#fafafa; color:#666; border:1px dashed #333;}

.vertical_tree li:before,
.vertical_tree li:after {
	content: '';
	position: absolute; 
	top: 0; 
	right: 50%;
	border-top: 1px dashed #898989;
	width: 50%; height: 10px;
}
.vertical_tree li:after {
	right: auto; left: 50%;
	border-left: 1px dashed #898989;
}

.vertical_tree li:only-child:after,
.vertical_tree li:only-child:before {
	display: none;
}

.vertical_tree li:only-child {
	padding-top: 0;
}
.vertical_tree li:first-child:before,
.vertical_tree li:last-child:after {
	border: 0 none;
}
.vertical_tree li:last-child:before {
	border-right: 1px dashed #898989;
}
.vertical_tree ul ul:before {
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px dashed #898989;
	width: 0; height: 10px;
}

.vertical_tree li a {
	width:230px;
	background:#fff; 
	border: 1px solid #898989;
	border-top-width:4px;
	text-decoration: none;
	color: #000;
	font-family: "Malgun Gothic";
	font-size: 12px;
	display: inline-block;
	line-height:1.3;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	cursor:pointer;
	text-align:left;
}

.vertical_tree li a.grade1 {border-color:#4c86e7;}
.vertical_tree li a.grade2 {border-color:#00c2bb;}
.vertical_tree li a.grade3 {border-color:#23af69;}
.vertical_tree li a.grade4 {border-color:#9367f1;}
.vertical_tree li a.grade5 {border-color:#da1944;}
.vertical_tree li .member-wrap {padding:15px 10px 10px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.vertical_tree li .member-pos {width:100%; margin-bottom:8px;}
.vertical_tree li .member-pos > span {display:inline-block; margin-right:5px; width:30px; height:30px; line-height:30px; border-radius:30px; color:#fff; text-align:center; font-size:14px;}
.vertical_tree li .member-pos > span.left, .vertical_tree li .member-pos > span.right {float:none;}
.vertical_tree li .member-pos > span.left {background:#00c8c0;}
.vertical_tree li .member-pos > span.right {background:#027dc0;}
.vertical_tree li .member-num {font-size:18px; font-weight:bold; text-decoration:underline; margin-bottom:5px;}
.vertical_tree li .member-data {width:100%;}
.vertical_tree li .member-data * {display:inline-block; vertical-align:middle;}
.vertical_tree li .member-data .gen {background:#333; width:24px; height:21px; line-height:20px; text-align:center; color:#fff; font-size:12px; margin-right:5px;}
.vertical_tree li .member-data .name {font-weight:bold;}
.vertical_tree li .member-date .tit {width:70px; font-weight:bold; margin-right:10px; text-align:center; background:#f4f4f4; color:#666; height:22px; line-height:22px;}
.vertical_tree li .member-date .txt {width:calc(100% - 80px);}
.vertical_tree li .member-date .tit, .vertical_tree li .member-date .txt {display:inline-block; vertical-align:middle;}
.vertical_tree li .member-foot {background:#f4f4f4; width:100%; padding:5px 0;}
.vertical_tree li .member-foot .row {display:block; overflow:hidden; line-height:20px; font-size:12px;}
.vertical_tree li .member-foot .row .tit {float:left; padding-left:10px;}
.vertical_tree li .member-foot .row .value {float:right; padding-right:10px;}
.vertical_tree li a .member-num, .vertical_tree li a .member-name, .vertical_tree li a .member-date  {transition:.3s; display:block; margin-bottom:6px;}
.vertical_tree li a .member-date {padding-left:10px;}
.vertical_tree li a .member-date:last-child {margin-bottom:10px;}
.vertical_tree li a .member-num {font-weight:bold;}
.vertical_tree li a .member-name {font-weight:bold;}
.vertical_tree li a .member-toggle {text-align:center; box-sizing:border-box; color:#4d5c7b; font-size:16px; width:19px; height:19px; line-height:.85; border:1px solid #586683; border-radius:100%; display:block; margin:auto; margin-top:5px;}
.vertical_tree li a .member-toggle:before {content:"-";}
.vertical_tree li a .member-toggle.on {border:1px solid #898989; background:#4d5c7b; color:#fff;}
.vertical_tree li a .member-toggle.on:before {content:"+";}
.vertical_tree li a.personal {border:1px solid #8391af;}
.vertical_tree li a.personal:hover {border:1px solid #8391af; box-shadow:0px 3px 5px #e3e0db;}

@media screen and (max-width: 720px) {
	.vertical_tree li a	{width:140px;}
	.vertical_tree li .member-date .tit {width:45px; margin-right:0; font-size:11px; text-align:left; background:transparent; height:auto; line-height:1.5;}
	.vertical_tree li .member-date .txt {width:calc(100% - 60px);}
	.vertical_tree li a .member-num, .vertical_tree li a .member-name, .vertical_tree li a .member-date {margin-bottom:3px;}
	.vertical_tree li .member-num {font-size:15px;}
	.vertical_tree li .member-foot {margin-top:6px;}
	.vertical_tree li .member-foot .row {font-size:11px;}
	.vertical_tree li .member-wrap {margin-bottom:0px; padding:10px; border-bottom:0;}
	.popup_modal .popup_container .popup_content {max-height:calc(100vh - 270px);}
	.maps_guid .group {font-size:13px;}
	.vertical_tree li a {font-size:11px;}
	.vertical_tree li .member-data .gen {margin-right:0; width:21px;}


}





/*
	Paging
*/
/*
.paging{display:block; position:relative; clear:both; margin:0 0 10px 10px; padding:10px 0; text-align:center;}
.paging a, .paging a:visited,
.paging strong{position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:0px solid #ffffff; line-height:normal; font:bold 13px 굴림; _width:26px;}
.paging strong{color:#f23219 !important; border:1px solid #e9e9e9;}
.paging a:hover{background:#fff; text-decoration:underline; border:0px solid #e9e9e9;}
.paging a.pre:link, .paging a.next:link{display:inline-block; color:#565656; border:0px solid #e9e9e9; _top:-1px; font:15px; _width:50px;}
.paging .pre{margin-right:9px; padding:7px 6px 3px 7px;}
.paging .next{margin-left:9px; padding:7px 7px 3px 6px;}
*/







/*
	Terms
*/
.sCont {padding:10px;}
.m05, .m06 {text-align:left; font-size:16px; line-height:22px; color:#686868;}
.m05 h2, .m06 h2 {color:#000; font-size:18px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:2px solid #444547;}
.m05 h3, .m06 h3 {color:#000; font-size:16px; padding:25px 0 15px; font-weight:bold; }
.m05 .group, .m06 .group {border-bottom:1px solid #c6c6c6; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}

.m05 ol {margin-left:13px;}
.m05 ol li {list-style-type:decimal; line-height:22px;}

.m06 ol {margin-left:20px; margin-top:10px;}
.m06 ol li {list-style-type:decimal; line-height:22px; color:#a3a3a3;}
.m06 span p {font-size:12px; color:#a3a3a3; line-height:22px; margin-left:13px;}
.hr {height:15px;}





/*
	Picture
*/
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;width:200px;height:150px;margin-right:-20px}
.lst_thmb .cont{float:left;width:400px; text-align:left;}
.lst_thmb .cont h3 {font-size:13px; color:#434343; font-weight:bold; margin-top:10px;}
.lst_thmb .cont .form01 {margin:10px 0 15px 0; color:#434343; font-weight:bold;}
.lst_thmb .cont .form02 {color:#696969;}
.lst_thmb .cont .form02 input {margin:8px 0;}







/* black */
.button-black {
  background: #444444;
  background-image: -moz-linear-gradient(top, #636363, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#444444));
  background-image: -webkit-linear-gradient(top, #636363, #444444);
  background-image: -o-linear-gradient(top, #636363, #444444);
  background-image: linear-gradient(to bottom, #636363, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#444444');
  color:#fff;
  border:1px solid #444444
  font-weight:bold;
  padding: 6px 15px;
  font-size:13px;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* white */
.button-white {
  background: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9);
  background-image: linear-gradient(to bottom, #f7f7f7, #e9e9e9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e9e9e9');
  color:#666666;
  border:1px solid #cccccc;
  font-weight:bold;
  padding: 6px 15px;
  font-size:13px;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.input01 {
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background:#fff;
	font-size:1.1em;
	height:35px;
	line-height:33px;
	padding:0 8px;
	border:1px solid #ddd;
	box-sizing:border-box;
	border-radius:0px;
}


.tborder {
	background-color:#fff;
	color:#000;
	border: 1px solid #ddd;
	margin:10px;
	padding:8px 10px;
	font-size:0.85em;
	font-family: "Malgun Gothic";
}



a.underline {text-decoration:underline}


/*
	Terms
*/
.sCont {padding:10px;}
.m05, .m06 {text-align:left; font-size:16px; line-height:22px; color:#686868;}
.m05 h2, .m06 h2 {color:#000; font-size:22px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:2px solid #444547;}
.m05 h3, .m06 h3 {color:#000; font-size:16px; padding:25px 0 15px; font-weight:bold; }
.m05 .group, .m06 .group {border-bottom:1px solid #c6c6c6; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}

.m05 ol {margin-left:13px;}
.m05 ol li {list-style-type:decimal; line-height:22px;}

.m06 ol {margin-left:20px; margin-top:10px;}
.m06 ol li {list-style-type:decimal; line-height:22px; color:#a3a3a3;}
.m06 span p {font-size:12px; color:#a3a3a3; line-height:22px; margin-left:13px;}
.hr {height:15px;}


.table_search {width:100%; border-collapse:collapse; margin-bottom:30px;}
.table_search th, .table_search td {font-size:16px; padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_search th {background:#f9fafb;}
.table_search select, .table_search input {display:inline-block; vertical-align:middle; margin-right:10px;}

.mapclass0 {background:#ffe1e2;}
.mapclass10 {background:#eeeeee;}
.mapclass20 {background:#eeeeee;}
.mapclass30 {background:#d2ffd2;}
.mapclass40 {background:#ffffb0;}
.mapclass50 {background:#d0dcff;}
.mapclass60  {background:#ffb9b9;}
.mapclass100 {background:#d8b9fb;}
.mapclass200 {background:#fcc2f8;}
.mapclass300 {background:#fcc2f8;}
.mapclass400 {background:#fcc2f8;}
.mapclass500 {background:#fcc2f8;}
.mapclass600 {background:#fcc2f8;}


.area_verify .area_certify {width:100%; position:relative; }
.area_verify .title {font-size:32px; margin-bottom:20px; text-align:center;}
.area_verify .title b {font-weight:700; color:#01c8c1;}
.area_verify .info_txt {border:5px solid #01c8c1; line-height:1.5; padding:30px; margin-bottom:30px;}
.area_verify .info_txt p {margin-bottom:15px;}
.area_verify .info_txt p.imp {background:#f4f4f4; padding:10px 20px; color:#666; margin-bottom:0;}
.area_verify .form_wrap {width:100%;}
.area_verify .section {width:100%; overflow:hidden; border:1px solid #ddd; background:#fdfdfd; border-top:0; padding:25px 30px;}
.area_verify .section * {vertical-align:middle;}
.area_verify .section .txt {display:inline-block; width:120px; font-size:18px; font-weight:700; margin-right:20px; color:#333; word-break:keep-all;}
.area_verify .section .text_common {width:200px;}
.area_verify .section .lb {color:#999; position:relative; top:-3px; margin:0 4px;}
.area_verify .section .btn_common {margin-left:5px; padding:0 30px;}
.area_verify .section .select_form {height:40px; width:150px;}
.area_verify .section li {display:block; margin-bottom:10px;}
.area_verify .section li:last-child {margin-bottom:0;}
.area_verify .list {line-height:1.6; margin:0; padding:0; font-size:14px;}
.area_verify .list li {word-break:keep-all; position:relative; display:block; padding-left:10px; margin-bottom:5px;}
.area_verify .list li:before {content:"-"; position:absolute; left:0;}
.area_verify .form_wrap .form_row .row .cont .text_form {width:300px;}
.area_verify .form_wrap .form_row .row .cont .text_form.OnlyNumber {width:180px;} 
.area_verify .form_wrap .form_row .row .terms_check {padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.off-column {position:relative; margin-bottom:40px; line-height:1.5;}
.off-column .off-title {overflow:hidden; display:block; line-height:1; margin-bottom:10px;}
.off-column .off-title h5 {font-size:18px; float:left;}
.off-column .off-title span {float:right; color:#999;}
.off-column .off-box {padding:15px 20px; border:1px solid #ddd; font-size:14px;}


.maps_guid {position:relative; width:100%;}
.maps_guid .group {width:100%; margin-bottom:25px; font-size:14px; color:#444;}
.maps_guid .group .title {display:block;font-size:16px; font-weight:bold; margin-bottom:8px; color:#000;}
.maps_guid .group ul {width:100%;}
.maps_guid .group .list li {position:relative; display:block; margin-bottom:3px; padding-left:8px;}
.maps_guid .group .list  li:before {content:"·"; position:absolute; left:0; top:0;}
.maps_guid .group .list  li:last-child {margin-bottom:0;}
.maps_guid .group:last-child {margin-bottom:0;}



/* 대시보드 */
.dashboard_area .row .box_container {width:865px; display:inline-flex; flex-wrap:wrap; gap:28px; }
.dashboard_area .row .box_wrap { flex:0 0 calc(50% - 14px); }
.dashboard_area .row .box.wide { flex:0 0 100%; }
.dashboard_area .update_date {text-align:right; color:#888888; font-size:13px; font-weight:500; margin-bottom:10px;} 
.dashboard_area .title_area {position:relative; display:flex; align-items:center; margin-bottom:14px;}
.dashboard_area .title_area .dash_title {font-size:20px; font-weight:500;}
.dashboard_area .title_area .more {margin-left:auto;}
.dashboard_area .title_area .more * {display:inline-block; vertical-align:middle;}
.dashboard_area .title_area .more span {font-weight:bold; font-size:14px; margin-right:5px;}
.dashboard_area .row {display:flex; gap:25px; margin-bottom:60px;}
.dashboard_area .row .box {flex:1; display:flex; flex-direction:column; padding:28px 20px 20px; border:1px solid #ccc; border-radius:10px;}
.dashboard_area .row .box .title_area {line-height:1; height:41px; padding-bottom:17px; margin-bottom:16px; border-bottom:1px solid #ccc;}
.dashboard_area .row .box .title_area .more {margin-left:auto;}
.dashboard_area .row .box .title_area .title {font-size:20px; font-weight:500;}
.dashboard_area .row .box .title_area .title em {margin-right:5px;}
/*
.dashboard_area .row .box .title_area .title * {vertical-align:middle; display:inline-block;}
*/
.dashboard_area .row .box .title_area .more {position:relative; top:2px;}
.dashboard_area .row .box .box_content {position:relative; width:100%; margin-bottom:46px;}
.dashboard_area .row .box .box_content:last-child {margin-bottom:0;}
.dashboard_area .row .box .filter_area {position:relative; width:100%; display:flex; align-items:center; margin-bottom:14px;}
.dashboard_area .row .box .filter_area .title {position:relative; font-size:16px;}
.dashboard_area .row .box .filter_area .title em {margin-right:5px;}
.dashboard_area .row .box .filter_area .title * {vertical-align:middle;}
.dashboard_area .row .box .date_area {display:inline-block; font-size:0;}
.dashboard_area .row .box .date_area .date, .dashboard_area .row .box .filter_area .btn {display:inline-block; vertical-align:middle; height:22px;}
.dashboard_area .row .box .date_area .date {color:#888; font-size:14px; line-height:22px; }
.dashboard_area .row .box .filter_area .btn {width:16px; }
.dashboard_area .row .box .filter_area .btn.btn_prev {background:url("/html/web/images/midas/icon_date_prev.png") center left no-repeat;}
.dashboard_area .row .box .filter_area .btn.btn_next {background:url("/html/web/images/midas/icon_date_next.png") center right no-repeat;}
.dashboard_area .row .box .filter_area .btn.end {opacity:.5;}
.dashboard_area .row .box .filter_area .list_grade li {padding-left:15px; margin-right:10px;}
.dashboard_area .row .box .filter_area .list_grade li:before {width:10px; height:10px; border-radius:10px; margin-top:-5px;}
.dashboard_area .row .box .filter_area .list_grade li.grade1:before {background:#01c8c1;}
.dashboard_area .row .box .filter_area .list_grade li.grade2:before {background:#017bc8;}
.dashboard_area .row .box .filter_area .list_grade li.grade3:before {background:#b55352;}
.dashboard_area .row .box .filter_area .list_grade li.grade4:before {background:#885dbf;}
.dashboard_area .row .box .filter_area .toggle_wrap {margin-left:auto; position:relative; gap:20px; display:flex;}
.dashboard_area .row .box .filter_area .toggle_wrap .menu {display:inline-flex;}
.dashboard_area .row .box .filter_area .toggle_position {display:flex; align-items:center;}
.dashboard_area .row .box .filter_area .toggle_position li {position:relative; padding-right:11px; margin-right:10px;}
.dashboard_area .row .box .filter_area .toggle_position li:after {content:""; width:1px; height:14px; background:#ddd; position:absolute; top:50%; margin-top:-7px; right:0;}
.dashboard_area .row .box .filter_area .toggle_position li input[type="radio"] {display:none;}
.dashboard_area .row .box .filter_area .toggle_position li label {font-size:14px; color:#888888; cursor:pointer; font-weight:bold;}
.dashboard_area .row .box .filter_area .toggle_position li input[type="radio"]:checked + label {color:#00a887;}
.dashboard_area .row .box .filter_area .toggle_position li:last-child {margin-right:0; padding-right:0;}
.dashboard_area .row .box .filter_area .toggle_position li:last-child:after {display:none;}
.dashboard_area .row .box .toggle_menu {margin-left:auto;}					   
.dashboard_area .row .box .toggle_menu {display:inline-flex; border:1px solid #545454; border-radius:4px; overflow:hidden;}
.dashboard_area .row .box .toggle_menu li {flex:1;}
.dashboard_area .row .box .toggle_menu input[type="radio"] {display:none;}
.dashboard_area .row .box .toggle_menu label {display:block; white-space:nowrap; padding:0px 9px; line-height:26px; font-size:14px; text-align:center; cursor:pointer; font-weight:500; background:#fff; color:#333; border-left:1px solid #545454;}
.dashboard_area .row .box .toggle_menu li:first-child label {border-left:none;}
.dashboard_area .row .box .toggle_menu input[type="radio"]:checked + label {background:#545454; color:#fff;}
.dashboard_area .row .box .btn_question {position:relative;}
.dashboard_area .row .box.profile {background:#01c1b9; border-color:#01c1b9; color:#fff;}
.dashboard_area .row .box.profile .type {display:inline-block; padding:0 8px; line-height:24px; background:#fff; color:#01c1b9; border-radius:3px; font-weight:bold; margin-left:15px; font-size:14px;}
.dashboard_area .row .box.profile .title_area {border-bottom:0; padding-bottom:0; height:auto;}      
.dashboard_area .row .box.profile .box_content {background:#fff; border-radius:12px; padding:20px;}
.dashboard_area .row .box .member_info {width:100%; overflow:hidden; font-size:14px; margin-bottom:20px;}
.dashboard_area .row .box .title_area .left {float:left; background:transparent; color:#fff;}
.dashboard_area .row .box .title_area .left span {position:relative; display:inline-block; vertical-align:middle; padding-right:10px; margin-right:9px; }
.dashboard_area .row .box .title_area .left span:after {content:""; width:1px; height:14px; top:50%; margin-top:-7px; position:absolute; right:0; background:#fff;}
.dashboard_area .row .box .title_area .left span:last-child {margin-right:0; padding-right:0;}
.dashboard_area .row .box .title_area .left span:last-child:after {display:none;}
.dashboard_area .row .box .member_info .more {float:right;}
.dashboard_area .row .box .member_info .more span {margin-right:3px;}
.dashboard_area .row .box .member_grade {width:100%; padding:0; margin-bottom:13px; background:transparent; border-radius:0px; text-align:left;}    
.dashboard_area .row .box .member_grade * {display:inline-block; vertical-align:middle; color:#000; font-weight:bold;}
.dashboard_area .row .box .member_grade em {border:1px solid #ccc; line-height:24px; padding:0 9px; border-radius:3px; margin-right:5px;}
.dashboard_area .row .box .member_grade span {min-width:auto; text-align:left; margin-right:15px;}     
.dashboard_area .row .box .member_grade span:last-child {margin-right:0;}
.dashboard_area .row .box .list_link {width:100%;}
/*
.dashboard_area .row .box .list_link li {border-radius:6px; overflow:hidden; font-size:0; padding:0 15px; margin-bottom:10px;}
.dashboard_area .row .box .list_link li a {transition:.2s; display:block; background:#333; font-size:14px; line-height:42px; font-weight:600; }
.dashboard_area .row .box .list_link li a:active {opacity:.6;}
.dashboard_area .row .box .list_link li em {font-style:normal; font-size:14px; font-weight:600;}
.dashboard_area .row .box .list_link li em, .dashboard_area .row .box .list_link li .link {display:inline-block; vertical-align:middle;}
.dashboard_area .row .box .list_link li em {width:50%; font-size:16px;}
.dashboard_area .row .box .list_link li .link {width:50%;}
.dashboard_area .row .box .list_link li:nth-child(1) {background:#0098ee; padding:10px 15px;}
.dashboard_area .row .box .list_link li:nth-child(1) a {background:url("/html/web/images/midas/icon_dash_profile1.png") center right no-repeat #0098ee; background-size:16px; line-height:30px; padding:4px 0; margin-bottom:4px; border-bottom:1px solid rgba(255,255,255,0.6);}
.dashboard_area .row .box .list_link li:nth-child(1) a:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.dashboard_area .row .box .list_link li:nth-child(2) {background:#ee3e93;}
.dashboard_area .row .box .list_link li:nth-child(2) a {margin-bottom:0; font-size:16px; background:url("/html/web/images/midas/icon_dash_profile2.png") center right no-repeat; background-size:16px;}
.dashboard_area .row .box .list_link li:last-child {margin-bottom:0;}
*/

.dashboard_area .row .box .list_link .item {border-radius:6px; overflow:hidden; font-size:0; padding:0 20px; margin-bottom:10px;}
.dashboard_area .row .box .list_link .item a {transition:.2s; display:block; background:#333; font-size:14px; line-height:42px; font-weight:600; }
.dashboard_area .row .box .list_link .item a:active {opacity:.6;}
.dashboard_area .row .box .list_link .item em {font-style:normal; font-size:14px; font-weight:600;}
.dashboard_area .row .box .list_link .item em, .dashboard_area .row .box .list_link .item .link {display:inline-block; vertical-align:middle;}
.dashboard_area .row .box .list_link .item em {width:50%; font-size:16px;}
.dashboard_area .row .box .list_link .item .link {width:50%;}
.dashboard_area .row .box .list_link .item.link_check {display:flex; padding:0; gap:10px; width:100%;}
.dashboard_area .row .box .list_link .item.link_check .check_box {display:flex; align-items:center; background:#fb5353; width:100%; height:55px; padding:0 20px;}
.dashboard_area .row .box .list_link .item.link_check .check_box a {background:transparent; line-height:1; margin-right:10px;}
.dashboard_area .row .box .list_link .item.link_check .check_box i {margin-right:15px; display:inline-block; font-size:16px;}
.dashboard_area .row .box .list_link .item.link_check .check_box .link {margin-left:auto; margin-right:0; width:auto;}
.dashboard_area .row .box .list_link .item.link_check .check_box .link * {vertical-align:middle;}
.dashboard_area .row .box .list_link .item.link_check .check_box .link img {width:7px; margin-left:5px;}
.dashboard_area .row .box .list_link .item.link_share {background:#478ceb; padding:4px 20px;}    
.dashboard_area .row .box .list_link .item.link_share a {background:url("/html/web/images/midas/icon_dash_profile3.png") center right no-repeat; background-size:28px; line-height:30px; padding:8px 0; font-weight:400;border-bottom:1px solid rgba(255,255,255,0.6); font-size:15px;}
.dashboard_area .row .box .list_link .item.link_share a:last-child {margin-bottom:0; border-bottom:0;}
.dashboard_area .row .box .list_link .item.link_create {background:#08bf86;}
.dashboard_area .row .box .list_link .item.link_create a {margin-bottom:0; font-size:16px; background:url("/html/web/images/midas/icon_dash_profile4.png") center right no-repeat; background-size:28px;}
.dashboard_area .row .box .list_link .item:last-child {margin-bottom:0;}


.dashboard_area .row .box .list_bonus {width:100%;}
.dashboard_area .row .box .list_bonus li {display:flex; border-radius:6px; background:#f7f7f7; overflow:hidden; margin-bottom:13px;  font-size:14px;}   
.dashboard_area .row .box .list_bonus li a {display:flex; justify-content:space-between; align-items:center; height:69px; padding:0 20px; overflow:hidden; line-height:1; width:100%;}
.dashboard_area .row .box .list_bonus li:last-child {margin-bottom:0;}
.dashboard_area .row .box .list_bonus li .tit {position:relative; font-weight:bold; font-style:normal; float:left; }
.dashboard_area .row .box .list_bonus li .tit:after {display:inline-block; vertical-align:middle; margin-left:10px; content:""; width:8px; height:14px; background:url("../images/midas/icon_dash_bonus_more.png") center no-repeat;}
.dashboard_area .row .box .list_bonus li .value {float:right; font-weight:bold; color:#01c8c1;}
.dashboard_area .row .box .list_board {width:100%; font-size:0; padding-top:2px;}
.dashboard_area .row .box .list_board li {display:block; margin-bottom:15px;}
.dashboard_area .row .box .list_board li:last-child {margin-bottom:0; padding-top:4px;}
.dashboard_area .row .box .list_board li .swiper-container {width:378px;}
.dashboard_area .row .box .list_board li .swiper-slide {border-radius:10px; overflow:hidden;}
.dashboard_area .row .box .list_board li .swiper-slide img {width:100%; height:150px;}
.dashboard_area .row .box .list_board li .banner-pagination {text-align:right; width:auto; right:15px; bottom:15px;}
.dashboard_area .row .box .list_board li .banner-pagination .swiper-pagination-bullet {width:7px; height:7px; background:#ccc; opacity:1;}
.dashboard_area .row .box .list_board li .banner-pagination .swiper-pagination-bullet-active {background:#01c8c1;}
.dashboard_area .row .box .list_board .cate {width:60px; height:25px; line-height:25px; margin-right:15px; border:1px solid #ddd; text-align:center; color:#888; border-radius:5px;}
.dashboard_area .row .box .list_board .cate, .dashboard_area .row .box .list_board .tit {display:inline-block; vertical-align:middle; font-size:14px;}
.dashboard_area .row .box .list_board .tit {width:calc(100% - 76px); font-weight:bold; color:#000; white-space:nowrap; overflow:hidden; font-weight:600; text-overflow:ellipsis;}
.dashboard_area .row .box.my .summary {position:relative; width:100%; background:#f7f7f7; border-radius:8px; padding:22px 0; margin-bottom:0px; display:flex; align-items:center; justify-content:space-between;}
.dashboard_area .row .box.my .summary em {position:relative; display:inline-block; width:156px; text-align:center; font-size:24px; font-weight:bold; color:#01c8c1;}
.dashboard_area .row .box.my .summary em i {font-size:16px; font-weight:normal;}
.dashboard_area .row .box.my .summary em:after {position:absolute; width:1px; height:50px; background:#ddd; right:0; content:""; top:50%; margin-top:-25px;}
.dashboard_area .row .box.my .summary ul {width:154px; margin:0 30px;}
.dashboard_area .row .box.my .summary ul li {display:block; overflow:hidden; font-size:14px; font-weight:500; line-height:1; margin-bottom:14px;}
.dashboard_area .row .box.my .summary ul li .tit {float:left;}
.dashboard_area .row .box.my .summary ul li .value {float:right;}
.dashboard_area .row .box.my .summary ul li:last-child {margin-bottom:0;}
.dashboard_area .row .box.my .sales_summary {width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px;}      
.dashboard_area .row .box.my .sales_summary li {width:calc(50% - 5px); color:#fff; background:#f5f5f5; padding:0 15px; height:42px; line-height:42px; font-weight:bold; border-radius:4px; overflow:hidden;}
.dashboard_area .row .box.my .sales_summary li .tit {float:left;}
.dashboard_area .row .box.my .sales_summary li .value {float:right;}
.dashboard_area .row .box.my .sales_summary li:nth-child(1) {background:#01c8c1;}
.dashboard_area .row .box.my .sales_summary li:nth-child(2) {background:#017bc8;}
.dashboard_area .row .box.my .sales_summary li:nth-child(3) {background:#b55352;}
.dashboard_area .row .box.my .sales_summary li:nth-child(4) {background:#885dbf;}
.dashboard_area .row .box.wide {width:865px; flex:none; padding:0; flex-direction: row;}
.dashboard_area .row .box.wide {display:flex;}
.dashboard_area .row .box.wide .box_content {flex: 1 1 0; padding:28px 20px 30px; width:auto; border-right:1px solid #ccc; width:auto;}
.dashboard_area .row .box.wide .box_content:last-child {border-right:0;}
.dashboard_area .row .box.wide .box_content:nth-child(1) {flex:5;}
.dashboard_area .row .box.wide .box_content:nth-child(2) {flex:8;}
.dashboard_area .row .box.wide.full {width:100%;}
.dashboard_area .row .box.wide.full .box_content {flex:1;}
.dashboard_area .row .box.sponsor .summary, .dashboard_area .row .box.sponsor .sponsor_summary, .dashboard_area .row .box .line_summary {width:100%; display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:37px;}
.dashboard_area .row .box.sponsor .summary li {width:50%; padding:0px 18px; height:50px; border-radius:6px; align-items:center;  display:flex; font-weight:bold;}
.dashboard_area .row .box.sponsor .summary li .tit {font-size:14px; color:#000; }
.dashboard_area .row .box.sponsor .summary li .value {font-size:16px; margin-left:auto; font-weight:400;}
.dashboard_area .row .box.sponsor .summary li .value b {font-size:24px; font-weight:700;}
.dashboard_area .row .box .summary_recommender, .dashboard_area .row .box .summary_recommender, .dashboard_area .row .box .line_summary { width:100%; display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:37px; }
.dashboard_area .row .box .summary_recommender li { width:50%; padding:0px 18px; height:50px; border-radius:6px; align-items:center; display:flex; font-weight:bold; }
.dashboard_area .row .box .summary_recommender li .tit { font-size:14px; color:#000; }
.dashboard_area .row .box .summary_recommender li .value { font-size:16px; margin-left:auto; font-weight:400; }
.dashboard_area .row .box .summary_recommender li .value b { font-size:24px; font-weight:700; }
.dashboard_area .row .box.sponsor .sponsor_summary {margin-bottom:0;}
.dashboard_area .row .box.sponsor .sponsor_summary .position, .dashboard_area .row .box .line_summary .position {width:50%; border-radius:8px; overflow:hidden;}
.dashboard_area .row .box.sponsor .sponsor_summary .position {height:70px; margin-bottom:10px; display:flex; flex-direction:column; justify-content:center;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .cont {padding:26px 0px 20px; line-height:1; text-align:center;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .cont * {display:block;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .cont .tit {color:#000; font-weight:700; font-size:14px; margin-bottom:8px;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .cont .value {font-size:20px; font-weight:normal;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .bottom {margin-top:auto;height: 30px; color:#fff; padding:0 15px; font-weight:500; font-size:14px; display:flex; align-items:center;}
.dashboard_area .row .box.sponsor .sponsor_summary .position .bottom .value {margin-left:auto;}
.dashboard_area .row .box.sponsor .sponsor_summary .position.left .bottom {background:#01c1b9;}
.dashboard_area .row .box.sponsor .sponsor_summary .position.right .bottom {background:#017bc8;}
.dashboard_area .row .box.sponsor_summary .position .cont {padding:13px 0; line-height:1; text-align:center;}  
.dashboard_area .row .box.sponsor .txt {font-size:14px; color:#888;}
.dashboard_area .row .box .left {background:#f1ffff; color:#01c1b9;}
.dashboard_area .row .box .right {background:#f2f9ff; color:#017cc1;}
.dashboard_area .row .box .left, .dashboard_area .row .box.sponsor .right {float:none;}
.dashboard_area .row .box .line_summary {margin-bottom:0;}
.dashboard_area .row .box .line_summary .position {padding:20px 28px 15px;}
.dashboard_area .row .box .line_summary .position .title {display:block; width:100%; text-align:center; font-weight:bold; line-height:1; margin-bottom:20px;}
.dashboard_area .row .box .line_summary .position .list {width:100%;}
.dashboard_area .row .box .line_summary .position .list li {overflow:hidden; display:block; padding:11px 0; border-bottom:1px solid #ccc; font-size:14px;}
.dashboard_area .row .box .line_summary .position .list li:first-child {padding-top:0;}
.dashboard_area .row .box .line_summary .position .list li:last-child {border-bottom:0; padding-bottom:0;}
.dashboard_area .row .box .line_summary .position .list li .tit {float:left;}
.dashboard_area .row .box .line_summary .position .list li .value {float:right; font-weight:600;}
.dashboard_area .row .box .box_content.grade .more {margin-left:auto; font-size:14px; font-weight:bold;}
.dashboard_area .row .box .box_content.grade .more * {display:inline-block; vertical-align:middle;}
.dashboard_area .row .box .box_content.grade .more span {display:inline-block; margin-right:5px;}
.dashboard_area .row .box.wide .box_content.grade .filter_area {width:150px; vertical-align:top; display:inline-flex; flex-direction:column; align-items:start; gap:5px; margin-bottom:0;}
.dashboard_area .row .box.wide .box_content.grade .filter_area .more {margin-left:0;}

.dashboard_area .row:last-child {margin-bottom:0;}
.grade_summary {width:calc(100% - 155px); display:inline-flex; flex-wrap:nowrap; overflow-x:auto; padding-top:0px; }
.grade_summary li {display:flex; height:auto; flex-direction:column; align-items:center; justify-content:center; position:relative; padding:5px 0px; width:104px; }
.grade_summary li::after { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#e5e5e5; }
.grade_summary li:last-child::after { display:none; }
.grade_summary li:not(:nth-child(4n))::after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#e5e5e5;}
.grade_summary li img.icon { margin:0 auto 10px; display:block; width:50px;}
.grade_summary li .grade-name, .grade_summary li .count { font-size:12px; font-weight:600; line-height:18px; color:#333333; }
.graph_wrap {position:relative; text-align:center; width:100%; height:400px; padding:40px 25px 25px; margin-bottom:40px; border:1px solid #ddd; border-radius:12px;}
.graph_wrap canvas {width:100%; height:100%;}
.graph_wrap .date_area {position:absolute; left:0; right:0; margin:auto; display: inline-block; font-size: 0;}
.graph_wrap .date_area .date, .graph_wrap .btn {display: inline-block; vertical-align: middle; height: 22px;}
.graph_wrap .date_area .date {color: #333; font-size: 13px; line-height: 22px;}
.graph_wrap .btn {width:22px;}
.graph_wrap .btn.btn_prev {background: url("/html/web/images/midas/icon_date_prev.png") center left no-repeat;}
.graph_wrap .btn.btn_next {background: url("/html/web/images/midas/icon_date_next.png") center right no-repeat;}
.graph_wrap .date_area, .chart-legend {position:absolute; top:25px;} 
.chart-legend {right:30px; display: flex; gap: 16px; flex-wrap: wrap;}
.chart-legend .item, .chart-legend .clg {display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: #888; font-size: 12px; padding: 0; background: none; border: 0;}
.chart-legend .dot, .chart-legend .clg i {width: 10px; height: 10px; border-radius: 50%;}
.chart-legend .clg.off {opacity: .4;}
.report_top {position:relative; width:100%; margin-bottom:20px; display:flex; align-items:center; gap:20px;} 
.report_top .gen_list {font-size:0;}
.report_top .gen_list li {position:relative; display:inline-block; padding-right:11px; margin-right:10px; font-size:16px; font-weight:600;}
.report_top .gen_list li:after {content:""; position:absolute; width:1px; height:12px; background:#ddd; right:0; top:50%; margin-top:-6px;}
.report_top .gen_list li:last-child:after {display:none;}
.report_top .gen_list li:last-child {margin-right:0; padding-right:0;}
.report_top .gen_list li.gen0 {color:#333;}
.report_top .gen_list li.gen1 {color:#01c8c1;}
.report_top .gen_list li.gen2 {color:#017bc8;}
.report_top .gen_list li.gen3 {color:#b55352;}
.report_top .gen_list li.gen4 {color:#885dbf;}
.report_top .gen_list li.gen5 {color:#686868;}
.report_top .side_area {margin-left:auto; display:flex; gap:10px;}
.report_top .side_area select {min-width:120px;}
.info_bonus {position:relative; width:100%; background:#f9f9f9; border-radius:10px;  font-size:16px; display:flex; align-items:center; margin:10px 0px 30px;}
.info_bonus .tit {width:300px; line-height:1.6; font-size:18px; text-align:center; font-weight:bold; color:#01c8c1; }
.info_bonus .tit, .info_bonus .cont {padding:25px 20px;}
.info_bonus .cont li {position:relative; padding-left:20px; display:block; line-height:24px;}
.info_bonus .cont li:before {content:"-"; position:absolute; top:0; left:0;}
.info_bonus .cont li:last-child {margin-bottom:0;}
.info_bonus .cont li em {color:#01c8c1;}
.midas_comment {font-size:14px; color:#333;}
.midas_comment em {color:#01c8c1;}
#popup_layer7 {top:105px; left:25px;}
#popup_layer7 .popup_container {width:330px;}