/*
@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 !important;}
.none {border:#000000 0px solid;}
.clear {clear:both;}

/*
	Table Box
*/
table.basic{
  width:100%;
  margin: 0; padding: 0; line-height: 150%;
  color:#000;
  border-collapse: collapse;  
  margin-bottom:20px;
}

table.basic td > a {text-decoration:underline;}

table.basic.vertical {border:0;}

table.basic th, table.basic td{
  margin: 0; 
  padding:15px 10px;
  font-size:1.4rem;
  border:1px solid #ddd;
}
table.basic th{	
	text-align:center;
	font-weight:bold;
	color:#002953;
}

table.basic td {
	color:#666;
}

table.basic tr th:first-child {border-radius:10px;}

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: 28px;
	font-weight:normal;
	word-break:keep-all;
	padding:20px 40px;
	color:#424242;
	background:#f7f7f7;
	border-radius:0px;
	font-weight:500;
}

.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;
	border-radius:0px;
	height:40px; line-height:40px; font-size:1.4rem;
	border-radius:8px;
	vertical-align:middle;
}

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:100%; position:relative; overflow:hidden;}
.area_maptree .box_tree {width:50%; border:1px solid #ddd; position:relative; float:left; padding:45px 30px; text-align:center;}
.area_maptree .box_tree:first-child {border-right:0;}
.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 {background:#f4f4f4; padding:15px 10px; margin-bottom:25px;}
.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;}
.popup_maptree {width:100%; position:relative; overflow:hidden;}
.popup_maptree .area_option {width:100%; overflow:hidden; position:relative; padding:10px 20px 8px; background:#fafafa; border-bottom:1px solid #ddd;}
.popup_maptree .area_option * {font-size:12px;}
.popup_maptree .area_option select {height:35px; vertical-align:middle;}
.popup_maptree .area_option input[type='button'] {vertical-align:middle; height:40px; line-height:33px; padding:0 10px;}
.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:20px;}
.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 {display:inline-block; text-align:right; line-height:1.6;}
.popup_maptree .list_treecheck {width:100%;}
.popup_maptree .list_treecheck li {position:relative; display:block; margin-bottom:7px; padding-left:25px; font-size:12px;}
.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:22px; padding-left:10px;}
.popup_maptree .list_treecheck li input.box {vertical-align:middle; min-height:auto; width:90px;  height:22px; line-height:22px; text-align:center; font-size:12px;}
.popup_maptree .list_treecheck li:last-child {margin-bottom:0; margin-top:15px;}
.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;}

@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;
	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;
}
.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:120px;
	background:#fff; 
	border: 1px solid #898989;
	padding: 9px 15px 11px 15px;
	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:center;
}


.vertical_tree li a .member-num, .vertical_tree li a .member-name, .vertical_tree li a .member-date  {transition:.3s; display:block;}
.vertical_tree li a .member-date:first-child {font-weight:bold; color:#000; text-decoration:underline;}
.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: 480px) {
	.vertical_tree li a	{width:100px; padding:5px;}

}




/*
	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:12px; 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:14px; 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;}
.m06 .group table {border:1px solid #ddd;}
.m06 .group table th, .m06 .group table td {border:1px solid #ddd; padding:10px;}




/*
	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:12px; 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:14px; 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:18px; 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;}

.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 .section {width:100%; overflow:hidden; border:1px solid #ddd; background:#fdfdfd; border-top:0; padding:25px;}
.area_verify .section * {vertical-align:middle;}
.area_verify .section .txt {display:inline-block; width:100px; font-size:14px; font-weight:600; margin-right:20px; color:#333; word-break:keep-all;}
.area_verify .section .text_common {width:150px;}
.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;}


.off-column {position:relative; margin-bottom:40px; line-height:1.5;}
.off-column .off-title {font-size:18px; display:block; line-height:1; margin-bottom:10px;}
.off-column .off-box {padding:15px 20px; border:1px solid #ddd; font-size:14px;}


.section_search {width:100%; padding:20px 40px; text-align:center; border:1px solid #ddd; border-radius:10px; margin-bottom:30px;}
.section_search ul {font-size:0;}
.section_search ul li {display:inline-block; font-size:0; margin-right:30px;}
.section_search ul li:last-child {margin-right:0;}
.section_search ul li label {margin-right:10px; font-size:1.4rem; font-weight:500; color:#333;}
.section_search ul li input[type='text'] {margin-right:10px;}
.section_search ul li * {display:inline-block; vertical-align:middle;}


@media screen and (max-width: 767px) {
	.omessage {font-size:1.4rem; line-height:2rem;}
	.m05 .group, .m06 .group {font-size:1.4rem; padding:0 0 20px 0px;}
	.section_search {padding:0; border:0; text-align:left;}
	.section_search ul li {display:block; width:100%; margin-right:0; margin-bottom:15px;}
	.section_search ul li label {display:block; margin-bottom:8px; font-weight:600;}
	.section_search ul li:last-child {margin-bottom:0;}
	.section_search ul li input[type='text'] {width:37.5%;}
	input.box {padding:0 15px;}
}