
/* with ACE Mobile basic.css - ver 0.2 - tpis */

/* basic */

body {
	background-color: #bbb;
	/* background-image: url('../images/pattern_5.png');
	background-repeat: repeat; */
}

.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	background-color: #fff;
	color: #444444;
}

/* header class */

.header_mobile {
	width: 100%;
	border-bottom: solid 1px #ccc;
}
.header_detail {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: solid 1px #ccc;
	background-color: #0068b7;
	line-height: 1em;
	color: #fff;
}
.header_detail a {
	color: #fff;
}

.contents {
	
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.header-menu {
	position: relative;
	display: inline-block;
	clear: right;
	float: right;
	margin: 22px 5px 0 0;
	font-size: 20px;
}
.header-menu a {
	color: #000;
}
.header-menu ul {
    list-style:none;
}
.header-menu li {
	letter-spacing: -1px;
    margin: 6px;
    display: inline-block;
}
.ks-form-primary {
  border-color: #00a8e6 !important;
  background: #f2f8ff !important;
  color: #2d7091 !important;
}


      a.top {
        position: fixed;
        z-index: 5;
        right: 5%;
        bottom: 8%;
        display: none;
        overflow:hidden;
      }

/* footer class */
.footer {
	font-size: 11px;
	line-height: 1.4em;
	background-color: #1d3653 !important;
	color: #7591b1 !important;
}
.footer a {
	color: #7591b1;
}
.footer-menu {
	color: #d2d2d2;
	font-size: 12px;
}
.footer-menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
.footer-menu li {
	letter-spacing: -1px;
    margin: 6px 3px;
    padding: 0 0 0 0;
    border : 0;
    display: inline-block;
 }
.footer-menu li a {
	color: #d2d2d2;
}


/* 내비게이션메뉴 ks-navbar (custom ver) */

/* ========================================================================
   Component: Navbar
 ========================================================================== */
.ks-navbar {
  background: #f5f5f5;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
}
/*
 * Micro clearfix
 */
.ks-navbar:before,
.ks-navbar:after {
  content: "";
  display: table;
}
.ks-navbar:after {
  clear: both;
}
.ks-navbar-nav2 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width:100%;
}
.ks-navbar-nav2 > li {
  float: left;
  position: relative;
  overflow:hidden;
  text-align: center;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  padding:10px 0;
  line-height: 20px;
  color: #444444;
  font-size: 13px;
  font-family: "Malgun Gothic", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid transparent;
  border-bottom-width: 0;
}
/* Sub-object: `ks-navbar-nav`
 ========================================================================== */
.ks-navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width:100%;
}
/*
 * 1. Create position context for dropdowns
 */
.ks-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
  width:calc(100%/4);
  overflow:hidden;
  /*min-width: 80px;*/
  text-align: center;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.ks-navbar-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  /*height: 40px;*/
  padding:10px 0;
  /*padding: 10px 5px 10px 5px;*/
  line-height: 20px;
  /* 2 */
  color: #444444;
  font-size: 13px;
  font-family: "Malgun Gothic", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid transparent;
  border-bottom-width: 0;
  /* text-shadow: 0 1px 0 #ffffff; */
}
/* Appear not as link */
.ks-navbar-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.ks-navbar-nav > li:hover > a,
.ks-navbar-nav > li > a:focus,
.ks-navbar-nav > li.ks-open > a {
  background-color: #fff;
  color: #444444;
  /* 3 */
  outline: none;
  position: relative;
  z-index: 1;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
}
/* OnClick */
.ks-navbar-nav > li > a:active {
  background-color: #eeeeee;
  color: #444444;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.ks-navbar-nav > li.ks-active > a {
  background-color: #1d3653; /* default: #fafafa */ 
  color: #fff;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
}
/* Sub-objects: `ks-navbar-nav-subtitle`
 ========================================================================== */
.ks-navbar-nav .ks-navbar-nav-subtitle {
  line-height: 28px;
}
.ks-navbar-nav-subtitle > div {
  margin-top: -6px;
  font-size: 10px;
  line-height: 12px;
}
/* Sub-objects: `ks-navbar-content`, `ks-navbar-brand`, `ks-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.ks-navbar-content,
.ks-navbar-brand,
.ks-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 41px;
  padding: 0 15px;
  float: left;
  margin-top: -1px;
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Helper to center all child elements vertically
 */
.ks-navbar-content:before,
.ks-navbar-brand:before,
.ks-navbar-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Sub-objects: `ks-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.ks-navbar-content + .ks-navbar-content:not(.ks-navbar-center) {
  padding-left: 0;
}
/*
 * Link colors
 */
.ks-navbar-content > a:not([class]) {
  color: #0077dd;
}
.ks-navbar-content > a:not([class]):hover {
  color: #005599;
}
/* Sub-objects: `ks-navbar-brand`
 ========================================================================== */
.ks-navbar-brand {
  font-size: 18px;
  color: #444444;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.ks-navbar-brand:hover,
.ks-navbar-brand:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Sub-object: `ks-navbar-toggle`
 ========================================================================== */
.ks-navbar-toggle {
  font-size: 18px;
  color: #444444;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.ks-navbar-toggle:hover,
.ks-navbar-toggle:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * 1. Center icon vertically
 */
.ks-navbar-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}
.ks-navbar-toggle-alt:after {
  content: "\f002";
}
/* Sub-object: `ks-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.ks-navbar-center {
  float: none;
  text-align: center;
  /* 1 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Sub-object: `ks-navbar-flip`
 ========================================================================== */
.ks-navbar-flip {
  float: right;
}
/*
     * Apply same `border-radius` as `ks-navbar`
     */
.ks-navbar-nav:first-child > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*
     * Sub-modifier `ks-navbar-flip`
     */
/* Collapse border */
.ks-navbar-flip .ks-navbar-nav > li > a {
  margin-left: 0;
  margin-right: -1px;
}
/* Apply same `border-radius` as `ks-navbar` */
.ks-navbar-flip .ks-navbar-nav:first-child > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ks-navbar-flip .ks-navbar-nav:last-child > li:last-child > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*
     * Sub-modifier `ks-navbar-attached`
     */
.ks-navbar-attached {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
}
.ks-navbar-attached .ks-navbar-nav > li > a {
  border-radius: 0 !important;
}
/* 내비게이션메뉴 ks-navbar (custom ver) === end === */


/* main page class */
.quick-search-bar {
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.quick-search {
	background-color: #30639c;
	font-size: 15px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.quick-search a {
	color: #fff;
}
.quick-search ul {
	margin: 5px 10px;
	padding: 0;
}
/*
.quick-search li {
	margin: 0 5px;
	padding: 0;
}*/
.quick-search li {
	margin: 0;
	padding: 0; text-align:center; font-size:1.3em;
	width:calc(100%/4);
}


.search_form_width1 { /* 종합검색 폼 폭 정의 */
	width" 90%"
	min-width: 310px;
}
.search_form_width2 { /* 종합검색 폼 폭 정의 */
	width" 70%"
	min-width: 310px;
}
.search_text1 { /* 검색-물건종류 */
	font-size: 12px;
	color: #0067CE;
	font-weight: bold;
	line-height: 150%;
}
.search_text2 { /* 검색-물건종류(설명) */
	font-size: 11px;
	color: #7d7d7d;
}

/* 검색 리스트 상태별, 종류별 */
.search_rt {
	font-size: 11px;
	text-align: center;
	display: inline-block;
	width: 100px;
	color: #000;
	padding: 2px 0px;
	margin: 2px 0px;
}

.search_bd {
	font-weight: bold;
	color: #1874CD;
}



.commentTitle {
	padding: 30px 10px 15px 20px;
	font-size: 20px;
	letter-spacing: -2px;
}
.commentBox {
	border-top: 2px solid #458acf;
	background-color: #F5F5F5;
	color: #666666;
	margin: 0;
	padding: 15px 5px 1px 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}


.veryGoodsBox {
	border: solid 2px #30639c;
}
.veryGoodsTitle {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}
.veryGoodsText {
	font-size: 12px;
	line-height: 1.5em;
}


/* 기존 UIkit에 추가하는 정의 */

.uk-panel-box-danger {
  background-color: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
}
.uk-panel-box-danger-hover:hover {
  color: #d85030;
}
.uk-panel-box-danger .uk-panel-title {
  color: #d85030;
}

.uk-panel-box-green {
  background-color: #dbeed4;
  color: #3c763d;
  border-color: rgba(200, 223, 165, 10);
}
.uk-panel-box-green-hover:hover {
  color: #3c763d;
}
.uk-panel-box-green .uk-panel-title {
  color: #3c763d;
}

.uk-form-primary {
  border-color: #99baca !important;
  background: #f5fbfe !important;
  color: #5087ba !important;
}
.uk-badge {
	font-family: dotum, '돋움';
	font-weight: normal;
	font-size: 11px;
	padding-top: 2px;
}

.list_dday1 {  /* 입찰 10일이상 */
	display: inline-block;
	background-color: #9e9e9e;
	color: #fff;
	padding: 1px 5px;
	margin: 0px;	
}
.list_dday2 { 	/* 입찰 9일-1일전 */
	display: inline-block;
	background-color: #ec971f;
	color: #fff;
	padding: 1px 5px;
	margin: 0;	
}
.list_dday3 { /* 오늘 입찰 */
	display: inline-block;
	background: #CD3333;
	color: #fff;
	padding: 1px 5px;
	margin: 0px;	
}
.list_text1 { /* 주소(검정) */
	color: #000;
}
.list_text2 {  /* 면적(회색) */
	color: #7d7d7d;
}
.list_text3 {  /* 리스트 주소box , 임시? */
	color: #000;
	line-height: 1.5em;
}
.list_text4 { /* 면적(빨강) */
	color: #DC143C;
}
.list_text5 { /* 최저가(진한파랑) */
	color: #006fdd;
}
.list_text6 { /* 관심물건 box */
	background-color: #ffd7db;
	font-size: 13px;
	color: #286090;
	line-height: 130%;
}
.auc_img img { /* 썸네일 이미지 */
	width: 120px;
	height: 90px;
}

/* 경매상세 page */
.detail_img {
	width: 100%;
	max-height: 140px;
}


 /* 경매리스트 table 정의*/

.basic-table table {       /* 기본 테이블 */
    border-collapse: collapse;
}
.basic-table th {	
	color: #3b5265;
	border:1px solid #e7e6e6;
    background-color: #F0F5FE;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height: 110%;
	margin: 0px;
	padding: 5px;
}
.basic-table td {
	color: 000000;
    border:1px solid #e7e6e6;
    background-color: #fff;
    font-weight: normal;
	font-size: 12px;
	text-align:center;
	line-height: 110%;
	margin: 0px;
	padding: 5px;
}

.ac-table {  /* 경매 리스트 table */
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: solid 2px #006fdd;
  margin-bottom: 5px;
  margin-top: 5px;
}
.ac-table th, .ac-table td {
  padding: 8px 2px;
  border-bottom: 1px solid #dddddd;
  vertical-align: middle;
}
.ac-table th {
	border-top: solid 2px #006fdd;
	border-bottom: solid 1px #ccc;
}

.list-thumb {
	max-width:113px;
	max-height: 84px;
	width: 100%;
}
.uk-subnav-pill > * > * {
  padding: 3px 5px;
}
.uk-alert { /* 관심물건 box 정의*/
	margin: 5px 0 0 0;
	padding: 2px;
	border-radius: 0;
}

/* 상담의뢰, 회원가입 table 정의 */
.ks-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	
	border-top: 1px solid #6b707f;
}
.ks-table th, .ks-table td {
	padding: 5px;
	line-height: 1.3em;
	border-bottom: 1px solid #cfcfcf;
}
.ks-table th {
	background-color: #F5F5F5;
	font-size: 0.8em;
	width: 15%;
}
.ks-table td {
	background-color: white;
	padding-left: 5px;
}

/* 게시판 table 정의 */
.bbs-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid #6b707f;
}
.bbs-table th, .bbs-table td {
	padding: 10px 5px;
	border-bottom: 1px solid #cfcfcf;
}
.bbs-table th {
	background-color: #F5F5F5;
}
.bbs-table td {
}
.ks-tab li { 	/* 게시판 탭 정의 */
	min-width: 90px;
	text-align: center; 
}


/* 나만의 검색 ms-table 정의 */
.ms-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: 0px solid #6b707f;
}
.ms-table th, .ms-table td {
	font-size: 14px;
	padding: 5px 0;
	border-bottom: 1px solid #dddddd;
}
.ms-table th {
	width: 50px;
	vertical-align: middle;
}
.ms-table td {
	color: #444;
}

/* 종합검색 용도선택 펼치기 div */
.usage_code_box {
	display: inline-block;
	width: 70px;
	padding: 5px 0 5px 5px;
	margin: 1px;
}

/* 일정별검색 table */
.days-table table {
    border-collapse: collapse;
}
.days-table th {	
	color: #3b5265;
	border:1px solid #e7e6e6;
    background-color: #F0F5FE;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height: 120%;
	margin: 0px;
	padding: 5px;
}
.days-table td {
	color: #444444;
	border:1px solid #e7e6e6;
    
	font-size: 0.8em;
	text-align:left;
	vertical-align: top;
	line-height: 120%;
	margin: 0;
	padding: 5px 0;
}
.days-table td a {
	color: #444444;
}

/* 종합검색 용도선택 table */
.search-table table {
    border-collapse: collapse;
    border:1px solid #e7e6e6;
}
.search-table th {	
	color: #3b5265;
	border:1px solid #e7e6e6;
    background-color: #F0F5FE;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height: 120%;
	margin: 0px;
	padding: 5px;
}
.search-table td {
	color: #444444;
	border:1px solid #e7e6e6;
    font-weight: normal;
	font-size: 12px;
	text-align:left;
	vertical-align: top;
	line-height: 120%;
	margin: 0px;
	padding: 5px;
}
.search-table td a {
	color: #444444;
}

/* 경매상세 table */
.detail-table table {
    border-collapse: collapse;
}
.detail-table th {	
	color: #3b5265;
	border:1px solid #dedede;
    background-color: #eee;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height: 120%;
	margin: 0px;
	padding: 5px;
}
.detail-table td {
	color: #444444;
	border:1px solid #dedede;
    font-weight: normal;
	font-size: 12px;
	text-align: center;
	line-height: 120%;
	margin: 0px;
	padding: 5px;
}
.detail-table td a {
	color: #444444;
}

/* 법원별검색 */
.court-table table {
    border-collapse: collapse;
	border:1px solid #ccc;
}
.court-table th {
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 16px;
	font-weight: normal;
	color: #050505;
	text-decoration: none;
	line-height: 140%;
	letter-spacing:-1px;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../images/pat.png);
	height:40px;
}
.court-table td {
	color: #444444;
	border:1px solid #ccc;
    font-weight: normal;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 5px 0;
	
}
.court-table td a {
	color: #444444;
}
.court-text {
	color: #444444;
	text-align: center;
	width: 20%;
	height: 28px;
}

/* 컨설턴트 프로필 box */
.profileBox {
	margin: 5px;
	border: 0px solid #808080;
	font-size: 12px;
	color: #555;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.profileContact {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #e7e6e6;
	padding: 10px;
	line-height: 1.5em;
}
.profileContact dt {
	font-size: 14px;
	margin:0;
	color: #000;
}
.profileContact a {
	color: #555;
}
.profileIntro {
	margin: 0 auto;
	margin-top: 10px;
	width: 93%;
}
.basicBox {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.ks-panel-box-primary { 	/* 말풍선 배경 */
  background-color: #5087ba; 
  color: #fff;
  border-color: #5087ba;
  padding: 10px 15px;
  border-radius: 10px;
  line-height: 1.6em;
}
.profileRight { 		/* 말풍선 꼬리 */
	background-image: url(../images/bb01.png);
	margin: 0 0 0 65px;
	padding: 0;
	width: 15px;
	height: 10px;
}
.profileView {
	
	float: left;
	margin: 0 10px;
}
.profileView dt {
	font-size: 14px;
	color: #000;
	margin: 0 0 2px 0;
}
.profileView dd {
	line-height: 1.3em;
}
.profileView li {
	line-height: 1.3em;
	margin-left: 15px;
}
.profileMap {
	width: 300px;
	margin: 20px;
	padding: 0;
}

/* 탭 ks-tab (custom ver) */

/* ========================================================================
   Component: Tab
 ========================================================================== */
.ks-tab {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
}
/*
 * Micro clearfix on the deepest container
 */
.ks-tab:before,
.ks-tab:after {
  content: "";
  display: table;
}
.ks-tab:after {
  clear: both;
}
/*
 * Items
 * 1. Create position context for dropdowns
 */
.ks-tab > li {
  margin-bottom: -1px;
  float: left;
  /* 1 */
  position: relative;
  min-width: 120px;
  text-align: center;
}
.ks-tab > li > a {
  display: block;
  padding: 15px 30px;
  border: 1px solid transparent;
  border-bottom-width: 0;
  color: #0077dd;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
  text-shadow: 0 1px 0 #ffffff;
}
.ks-tab > li:nth-child(n+2) > a {
  margin-left: 5px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.ks-tab > li > a:hover,
.ks-tab > li > a:focus,
.ks-tab > li.ks-open > a {
  border-color: rgba(0, 0, 0, 0.06);
  background: #f5f5f5;
  color: #005599;
  /* 2 */
  outline: none;
}
.ks-tab > li:not(.ks-active) > a:hover,
.ks-tab > li:not(.ks-active) > a:focus,
.ks-tab > li.ks-open:not(.ks-active) > a {
  margin-bottom: 1px;
  padding-bottom: 14px;
}
/* Active */
.ks-tab > li.ks-active > a {
  border-color: #dddddd;
  border-bottom-color: transparent;
  background: #ffffff;
  color: #444444;
  font-weight: bold;
  
}
/* Disabled */
.ks-tab > li.ks-disabled > a {
  color: #999999;
  cursor: text;
}
.ks-tab > li.ks-disabled > a:hover,
.ks-tab > li.ks-disabled > a:focus,
.ks-tab > li.ks-disabled.uk-active > a {
  background: none;
  border-color: transparent;
}
/* 탭 ks-tab (custom ver) === end === */


/* 경매절차 */
#tbl_wrap {margin:0; padding:0; font-size:12px;}
#tbl_header, #tbl_contents, #tbl_bottom {clear:both;}
.top_left {float:left; width:10px; height:10px; background:url(../images/pbas_01.png) no-repeat;}
.top_right {float:right; width:10px; height:10px; background:url(../images/pbas_03.png) no-repeat;}
.top_center {position:relative; height:10px; background:#5087ba; overflow:hidden;}
.tbl_contents_center {position:relative; padding:0 20px; background:#5087ba; overflow:hidden; color:#FFFFFF; font-family: 'Malgun Gothic'; src: url('../font/MalgunGothic.eot');}
.tbl_contents_center1 {
	font-family: 'Malgun Gothic'; src: url('../font/MalgunGothic.eot'); position:relative; padding:10px; text-align:center; background:#5087ba; overflow:hidden; color:#FFFFFF;
}
.tbl_contents_center1 a:link, .tbl_contents_center1 a:visited {
	font-family: 'Malgun Gothic'; src: url('../font/MalgunGothic.eot'); position:relative; background:#5087ba; overflow:hidden; color:#FFFFFF;
}
.tbl_contents_center1:active, .tbl_contents_center1:hover {
	font-family: 'Malgun Gothic'; src: url('../font/MalgunGothic.eot'); position:relative;  background:#5087ba; overflow:hidden; color:#FFFFFF; text-decoration:underline;
}
.tbl_bottom_left {float:left; width:10px; height:10px; background:url(../images/pbas_07.png) no-repeat;}
.tbl_bottom_right {float:right; width:10px; height:10px; background:url(../images/pbas_09.png) no-repeat;}
.tbl_bottom_center {position:relative; height:10px; background:#5087ba; overflow:hidden;}


/* 레이어 팝업 (관심등록 등)*/
.Pstyle {
    opacity: 0;
    display: none;
    position: relative;
    width: auto;
    border: 5px solid #fff;
    padding: 20px;
    background-color: #fff;
}
 
.b-close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
	font-size:1.5em;
	font-weight:bold;
    display: inline-block;
    cursor: pointer;
}
.ms-box {position:relative;padding-right:24px;padding-left:0px;}
.ms-box-lbl {position:absolute;top:10px;left:22px;color:#666; font-size:1.2em;cursor:text;}
.ms-box-lbl-focus {color:#ccc}
.ms-box-inp {border:1px solid #d2d2db;}

.ms-confirm {margin:0 auto;padding:0px 0 0; width:270px !important}
.ms-confirm h1 {margin:0 0 0 0px;font-size:1.3em;text-align:center}
.ms-confirm h2 {margin:0 0 10px}
.ms-confirm p {margin:0 0 10px;line-height:1.8em}
.ms-confirm .ms-box {margin:0 0 10px}
.ms-confirm .ms-box-lbl {top:20px;}
.ms-confirm .ms-box-inp {width:100%;height:50px;line-height:3em; padding:0 0 0 20px}
.ms-confirm-id {height:40px;line-height:3em}
.ms-confirm-submit {display:block; margin: 0; padding:0; width:100%;height:50px; border:0; background: #0053A6; color:#fff; text-decoration:none; cursor:pointer; font-size: 1.3em;}
.ms-confirm-links {text-align:right}
.ms-confirm-link-left {float:left}
.ms-confirm-link-right {float:right}
.ms-confirm-links {text-align:right}
.ms-confirm-links a {color:#666;font-size:12px;}
.ms-confirm-links #login_password_lost {display:inline-block;margin:0 20px 0 0}


/*join_us*/

.js02 {
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 140%;
	text-align:center;
	padding: 10px 0;
	background-color: #F5F5F5;
}
.js02 a {
	color: #000000;
}
.js03 {
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 140%;
	padding: 3px 0px;
	background-color:#ffffff;
}
.js07 {
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 140%;
	text-align:center;
	background-color:#f9f9f9;
	padding:4px;
}
.js08 {
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 140%;
	text-align:left;
	background-color:#f9f9f9;
	padding:4px 4px 4px 14px;
}


.input02 {
	padding-left: 2px;
	font-size: 12px;
	color: #262626;
	padding-top: 1px;
	text-decoration: none;
	border: 1px solid #d8dbe5;
	height: 26px;
	background-color: #ffffff;
	
}
SELECT {
	BORDER-RIGHT: #D8DBE5 1px solid;
	BORDER-TOP: #D8DBE5 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: #D8DBE5 1px solid;
	COLOR: #262626;
	BORDER-BOTTOM: #D8DBE5 1px solid;
	FONT-FAMILY: "돋움", "돋움체";
	LETTER-SPACING: 0;
	BACKGROUND-COLOR: #ffffff;
	text-decoration: none;
	padding: 3px;
}
.frm_info {
	display:block;padding:0 0 5px;line-height:1.4em
	font-family: 'Malgun Gothic'; src: url('/font/MalgunGothic.eot');
	font-size: 12px;
	font-weight: normal;
	color: #006B9F;
	text-decoration: none;

}
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.tbl_detail{ width:100%;}
.tbl_detail tr td{ background:#ffffff;}
.tbltext_align{ text-align:left;}


/*counsel_form*/
#counsel_form{ margin-bottom:10px;}
#counsel_form h3{ text-align:center; text-decoration:underline; font-size:1.9em; letter-spacing:-1px;}
.tbl_sinfo{ width:96%; margin:0 auto;}
.tbl_sinfo tr th{ width:20%; text-align:left; vertical-align:top; padding:5px;}
.tbl_sinfo tr td{ text-align:left; vertical-align:top; padding:5px; color:#000000; font-weight:bold;}
#special_offer{ background:#fafafa; border:1px dashed #dddddd; border-radius:20px; padding:10px 15px; margin:10px 20px;}



/*sns_ban*/
#sns_ban{ text-align:center; margin:3px 0 -5px 0;}
#sns_ban > a{ display:block; float:left; width:50%;}
#sns_ban > a >img{ width:100%;}

#sns_ban{ margin:5px 0 0 0; padding:0px;}
#ban01{ background:#1a2a4b; border-radius:10px; height:110px; float:left; width:49.5%; color:#ffffff; position:relative;}
	#ban01 h3{ color:#ffffff; text-align:left; margin:20px 0 0 15px; font-weight:bold; font-size:1.8em;}
	.ifo{ text-align:left; font-size:1.1em; font-style:italic; line-height:130%; margin:10px 0 0 15px;}
	.go{ position:absolute; right:10px; top:20px; background:#ffffff; text-align:center; width:40px; height:40px; line-height:40px; color:#1a2a4b; border-radius:50%; font-weight:bold; font-size:1.2em;}
	
#ban02{ background:#fb6b0f; border-radius:10px; float:right; height:110px; width:49.5%; color:#ffffff; position:relative; letter-spacing:-1px;}
	#ban02 h3{ color:#ffffff; text-align:left; margin:20px 0 0 15px; font-weight:bold; font-size:1.8em;}
	.ifo{ text-align:left; font-size:1.1em; font-style:italic; line-height:130%; margin:10px 0 0 15px;}
	.go{ position:absolute; right:10px; top:20px; background:#ffffff; text-align:center; width:40px; height:40px; line-height:40px; color:#1a2a4b; border-radius:50%; font-weight:bold; font-size:1.2em;}
	
	
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}


/*new_tab/메인탭*/

#new_tab{ margin:0 auto; padding:0px;}
.actab{ border-bottom:1px solid #ffffff; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;  border-radius:5px 5px 0 0; margin-top:-1px;}
#new_tab li{ float:left;  list-style-type:none; width:calc(99%/4); height:40px; line-height:40px; text-align:center; border-bottom:1px solid #dddddd;}
#new_tab li:nth-child(1){ border-bottom:1px solid #ffffff;}
#new_tab li a{ display:block; text-decoration:none; color:#0188de;}
#new_tab li a:hover{ border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;  border-bottom:1px solid #ffffff; border-radius:5px 5px 0 0;}



/*newsubnav*/
#newsubnav{}
#newsubnav p{ text-align:center; word-spacing:3px; font-size:1.2em;}
#newsubnav p a{ display: inline-block; margin-top:20px;}


/*************************pre_auction_btn********************************/


#pre_auction_wrap{ width:100%;}
#pre_auction_wrap > p{ font-size:1.1em; text-align:center; color:#d3321d; letter-spacing:-1px; margin-bottom:10px;}
#pre_auction{ margin-bottom:30px;}

.tbl_pre{ width:100%; border-collapse:collapse;}
.tbl_pre tr th{ background:#eaeded; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; letter-spacing:-1px; padding:5px; font-size:0.75em;}
.tbl_pre tr td{ border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding:5px; font-size:0.9em; vertical-align:middle;}
#pre_auction .input_form{ font-size:0.9em;}

#pre_local{}

#pre_local li{list-style-type:none;}
#pre_locals li{ float:left;}
.pre_no_border{ border:none;}
.pre_input{ height:24px;}

#pre_local_add{ margin-left:-20px;}
#pre_local_add li{ list-style-type:none;}



#pre_auction_btn{ width:1004px; margin:0 auto; position:relative;}
#pbtn01{ float:left;}
#pbtn02{ float:left;}
#pbtn03{ float:left;}

#pre_auction_btn2{ text-align:center;}
#pre_auction_btn2 a{ display: inline-block; border:1px solid #0094cd; border-radius:3px; margin:0 2px; letter-spacing:-1px; font-size:1.0em; padding:3px 10px; width:90px;}
#pre_auction_btn2 .btnx01{ background:#0094cd; color:#ffffff;}
#pre_auction_btn2 .btnx02{ background:#78b33b; color:#ffffff;}
#pre_auction_btn2 .btnx03{ background:#f2f2f2; color:#000000;}

/*************************pre_auction_list********************************/
#pre_auction_list{ width:100%; margin:0 auto;}

#pre_result{ margin:0px; font-size:14px;}
#pre_result p{ margin:5px 0 8px 5px;}
#pre_result ul li{ float:none;}
.presult_no{ font-weight:bold; color:#dc143c; font-size:18px;}
#prist02{ font-size:12px;}
#prist02 a{ font-size:12px;}

.tbl_pre_result{ width:100%; border-collapse:collapse;}
.tbl_pre_result tr th{ background:#eaeded; border-top:2px solid #1266b9; border-bottom:1px solid #bbbbbb; color:#6e6e6e; text-align:center; padding:10px; font-size:14px; color:#000000;}
.tbl_pre_result tr td{ border-bottom:1px solid #bbbbbb;padding:14px 4px; font-size:14px; text-align:center; color:#6e6e6e;}
.tpr_space{ letter-spacing:-1px; font-size:0.75em;}
.tbl_pre_result tr:nth-child(odd){ background-color: #f8f8f8 }
.tbl_pre_result tr:nth-child(even){ background-color: #ffffff }
.tbl_pre_result tr:hover{ background:#f8fdff;}

#pre_result_list .tpr_left{ text-align:left;}
.tpr_right{ text-align:right;}
.tpr_date{ color:#60a4e7;}
.tpr_due{ color:#dc143c;}
.tpr_price{color:#000000;}
.goto a{ display:block; border:1px solid #555555; border-radius:3px; text-align:center; letter-spacing:-1px; font-size:11px; padding:0 5px;}
.goto a:hover{border:1px solid #276085; color:#276085;}

/*pre_page_num_게시판넘버*/
#pre_page_num{ margin-top:20px; text-align:center;} 
#pre_page_num a{ display:inline-block; text-align:center; border:1px solid #959595; border-radius:3px; color:#959595; font-family: Tahoma, Geneva, sans-serif; font-size:14px; width:30px; height:30px; line-height:30px; margin:0 1px;}
#pre_page_num a:hover{border:1px solid #1b68b3; color:#1b68b3; font-weight:bold;}
.pre_next{ background:#f9f9f9;}


/*************************pre_detail_wrap********************************/
#pre_detail_wrap{ width:100%;}
#pre_tk{ font-size:16px; text-align:center;}
.pre_tk_num{ font-weight:bold; color:#d81717; font-size:18px; text-align:center;}
#pre_title{ margin-bottom:10px; padding:20px 3px 0 3px;}
.prt_courts{ font-size:12px; line-height:140%;}
#pre_detail_info h1{ float:left; text-align:center; margin-left:150px;}

#pre_title > p{ text-align:center; font-size:14px; color:#2a5a86; letter-spacing:-1px; margin-top:10px;}
.pre_address{ font-size:16px; font-weight:bold;}

#pre_detail_involve{ margin:30px 0;}
#pre_detail_involve h4{ font-size:20px; text-align:left; margin-bottom:10px; letter-spacing:-1px;}
#pre_detail_involve td{ text-align:center;}


.gotor a{ display: inline-block; border:1px solid #555555; border-radius:3px; text-align:center; letter-spacing:-1px; font-size:11px; padding:0 5px; margin:5px 0 0 0;}
.gotor a:hover{border:1px solid #276085; color:#276085;}




.commentBox textarea{ border:1px solid #c4c4c4; width:93%; height:100px; border-radius:2px; color:#585858;}
.commentBox ul li { list-style-type:none }


#consult_pcs{}
#consult_pcs > p{ color:#ffffff; background:#7b86d6; border-radius:50px; font-size:22px; padding:10px 0; width:350px; letter-spacing:-1px; font-weight:500; text-align:center;}
#consult_pcs > h3{ color:#236387; font-size:35px; font-weight:normal; letter-spacing:-1px; margin:20px 0 30px 0px; text-align:left;}

#pcs_start{ clear: both;}

#pcs_step{
	padding:20px 20px 20px 50px;  text-align:left;
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 2%, rgba(237,237,237,1) 2%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 2%,rgba(237,237,237,1) 2%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,1) 2%,rgba(237,237,237,1) 2%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */

	border-radius:0 50px 50px 0;
 
	}
#pcs_step h5{ font-size:20px; text-align:left; color:#143d6b; font-weight:500;}
#pcs_step > p{ color:#000000; font-size:16px; padding:10px 0 0 0; text-align:left;}
#pcs_step .pcs01{ text-align:left; line-height:140%;}


.pcs_arr{ color:#dddddd; text-align:center; margin:10px 0; font-size:25px;}




/*main_bnt_wrap*/
#main_bnt_wrap{ clear:both; margin:0px; padding:0px;}
#main_bnt{ padding:10px 10px 0 10px; cursor:pointer;}
#mbt01{ float:left; width:50%; background:url(../images/bncon04.svg) no-repeat 99% 50%/35% #22273a; border-radius:5px 0 0 5px; color:#ffffff;}
#mbt02{ float:left; width:50%; background:url(../images/bncon05.svg) no-repeat 99% 50%/35% #1165ab; border-radius:0 5px 5px 0; color:#ffffff;}
#main_bnt h4{ font-size:20px; color:#ffffff; font-weight:bold; margin:15px 0 5px 15px;}
#main_bnt p{ font-size:12px; color:#ffffff; margin:0 0 10px 15px; letter-spacing:-1.5px;}



/*채용정보*/
#recruit_tbl{ margin-top:10px;}
#recruit > p{ text-align:center;}
.tbl_recruit{ width:100%; margin:0 auto; text-align:center; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.tbl_recruit th{ background:#f3f3f3;  color:#000000; font-size:16px; padding:10px; border-bottom:1px solid #d1d1d1;  border-left:1px dashed #d1d1d1;}
.tbl_recruit td{ text-align:left; padding:10px;  border-left:1px dashed #d1d1d1; font-size:14px; line-height:160%;}

#recruit_title{ height:350px; background:url(../../images/recruit_bg.png) no-repeat 40% 50%;}
#recruit_title p{ text-align:left; font-size:14px; font-weight:bold; line-height:130%; color:#143d6c; padding:40px 0 0 20px;}
#recruit_title h4{ text-align:left; font-size:55px; margin:20px 0 0 10px; letter-spacing:-1px;}
#recruit_title .rtr_some{ font-size:20px; margin:0; line-height:120%;}
#recruit_title .rt_some{ font-size:16px; margin:0px 0 0 0;}

#recruit_tbl .cell{  border-left:0px dashed #ffffff;}

#recruit_etc{ margin:20px 0 0 0;}
#recruit_etc ul li{ list-style-type:disc; text-align:left; margin-left:20px; margin-bottom:10px; font-size:14px;}
.recruit_phone{ font-weight:bold; color:#d55c1a;}



/*protection_wrap_임차인보호섭지스*/
#protection_wrap{ background:url(../../images/protection_man.png) no-repeat 200px 20px #4c5bb2; padding-bottom:30px;}
#protection_top{}
#protection_top h2{font-family:'GmarketSansBold'; color:#ffffff; font-size:64px; line-height:100%; padding:80px 0 0 30px; font-weight:bold;}
#protection_top h2 span{ color:#ffcd57; font-size:66px; letter-spacing:-2px;}
#protection_top>  p{ color:#ffffff; margin:10px 0 0 30px; text-align:left; font-size:18px; line-height:140%;}

#protection_top_info{ background:url(../../images/prot_bg.png); border-radius:20px; width:90%; margin:30px auto; clear:both; text-align:left;}
#protection_top_info > ul{ padding:40px 20px;}
#protection_top_info > ul > li { clear:both; margin-bottom:20px;}
#protection_top_info h3{ font-size:22px; letter-spacing:-1px; color:#2f4aaf;font-family:'GmarketSansBold'; letter-spacing:-1px; font-weight:bold;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232f4aaf' stroke-width='3' stroke-linecap='square' stroke-linejoin='square' class='feather feather-hexagon'%3e%3cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3e%3c/path%3e%3c/svg%3e");
	background-repeat:no-repeat; line-height:140%; padding:0 0 0 28px;
}

#protection_top_info p{ color:#000000; font-size:14px; font-family:'GmarketSansMedium'; line-height:130%; margin:0 0 0 20px;}


#protection_top_info > ul > li > ul{ margin:5px 0 0 0px;}
#protection_top_info > ul > li > ul > li{ list-style-type:decimal; font-size:16px; color:#313442; font-family:'GmarketSansMedium';  letter-spacing:-1px; font-weight:bold;}
#protection_top_info > ul > li > ul > li > p{ margin:5px 0 20px 0;  font-size:14px; font-weight:normal;}
#protection_top_info > ul > li > ul > li > p > span{font-family:'GmarketSansBold'; color:#313442; font-size:14px;}

#protection_case_wrap{ text-align:center; background:#ffffff; border-radius:20px;width:90%; margin:30px auto; clear:both; text-align:left;}
#protection_case{ padding:30px 20px;}
#protection_case h2{ font-family:'GmarketSansBold'; color:#2f4aaf; font-size:28px; font-weight:bold;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%232f4aaf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-circle'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline x1='12' y1='8' x2='12' y2='12'%3e%3c/line%3e%3cline x1='12' y1='16' x2='12.01' y2='16'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:0 35%; padding:0 0 0 35px; letter-spacing:-1px;
	}
	#protection_case > ul{ margin:0 0 0 0;}
	#tul01 li{ list-style-type: disc; font-size:14px;}

	#protection_case_wrap h4{ font-family:'GmarketSansBold'; color:#2f4aaf; font-size:20px; margin:30px 0 0 0; font-weight:bold;}
	#protection_case_wrap p{ margin:5px 0 0 5px; line-height:130%; font-size:16px;}
	#tul02 { padding:5px 0 0 10px;}
	#tul02 li{ list-style-type:decimal; font-size:15px; color:#000000; margin:0 0 0 20px;}


/*benefit_wrap_컨설팅종류*/
#benefit_wrap{ padding:10px;}
#bf_top{ background:url(../../images/benefit.png) no-repeat 100% 35%/35%; text-align:left;}
#bf_top .bft01{ color:#0f2332; font-size:16px; letter-spacing:-1px; font-weight:600; margin:20px 0;}
#bf_top .bft02{ color:#0f2332; font-size:24px; letter-spacing:-1px; font-weight:500; line-height:120%; margin:20px 0 10px 0;}
	#bf_top .bft02 span{ color:#ff7030;}

#bf_top .bft03{ color:#747474; font-size:20px; letter-spacing:-1px; font-weight:500; line-height:130%; letter-spacing:-1px;}
#bf_top h2{font-family: 'BnviitLasik'; font-size:38px; color:#0f2332; line-height:120%; letter-spacing:-1.5px; font-weight:bold;}
	#bf_top h2 span{ color:#0e63aa;}


#bf_info_wrap{ clear:both; margin:20px 0;}
#bf_title{font-family: 'BnviitLasik'; font-weight:bold;}
#bf_title h3{ text-align:center; font-size:30px; line-height:140%; font-weight:bold;}
	#bf_title h3 span{ font-size:53px; color:#0eb3d3;}
#bf_title p{ text-align:center; font-size:100%; margin-top:-10px;}

#bf_service_wrap{ clear:both;}
#bf_service_wrap ul{ margin:20px 0; padding:0px;}
#bf_service_wrap ul li{ float:left; width:50%; list-style-type:none; margin:0px; padding:0px; min-height:150px;}
#bf_service{ border:1px solid #bcd6ff; background:#f2f8ff; padding:10px; border-radius:10px; margin:10px;}
#bf_service h4{ display:block; font-family: 'BnviitLasik'; color:#0e63aa; font-size:20px; text-align:center; width:35px; height:35px; line-height:35px; border:1px solid #bcd6ff; background:#ffffff; border-radius:10px; font-weight:bold;}
#bf_service p{ font-size:16px; color:#0f2332; font-weight:200; line-height:110%; margin:0 0 0 5px; letter-spacing:-1px;}
	#bf_service p span{ font-size:12px; font-weight:600;}


#bf_etc{ margin-bottom:40px;}
#bf_etc ul{ margin:0 0 0 10px;}
#bf_etc ul li{ list-style-type:square; text-align:left; font-size:15px;}





/*컨설팅비용*/
#consult_fee{ width:97%; margin:10px auto; color:#484848;}
#consult_fee > h4{ font-size:20px; letter-spacing:-1px; font-weight:500; text-align:left;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e63aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-circle'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline x1='12' y1='8' x2='12' y2='12'%3e%3c/line%3e%3cline x1='12' y1='16' x2='12.01' y2='16'%3e%3c/line%3e%3c/svg%3e");
	background-repeat:no-repeat; padding-left:26px; line-height:120%; color:#0e63aa;
}
	#cf01{ margin-top:20px; clear:both;}
	.tbl_cfee{ width:100%; border:1px solid #e1e1e1; margin-bottom:20px; font-size:14px; box-shadow: 0 0 3px 0 rgba(97, 114, 145, 0.5);}
	.tbl_cfee th{ background:#e5f0ff; border:1px solid #c8c8c8;  border-top:1px solid #9f9f9f; padding:10px; text-align:center; vertical-align:middle; line-height:140%; font-size:16px;}
	.tbl_cfee td{ background:#ffffff; border:1px solid #c8c8c8;  padding:5px 20px; text-align:center; vertical-align:middle; line-height:140%; color:#3b3b3b;}
	.tbl_th_width{ width:150px;}
	.tbl_th_bdr{border-left:1px dashed #9f9f9f; border-right:1px dashed #9f9f9f;}
	.tbl_th_bdr2{border-left:1px dashed #9f9f9f;}
	.cfee_color{ font-weight:500; color:#d54625; font-size:18px;}
	.cfee_blue{ font-weight:500; color:#2082b0;}

	.fee_etc{ border-top:1px dashed #666666; margin-top:10px; padding-top:10px; padding-left:20px;}
	
	.txt_spc{}
	.txt_spc li{ text-align:left;}
	
	#cf01 .fee_bk{ background:#fefefe;}
	
	#cf01 ul{ margin:0 0 0 20px;}
	#cf01 ul li{ list-style-type:decimal; margin:10px 0; font-size:16px; line-height:140%; text-align:left;}


/*sct_allw_공매검색_*/
#sct_allw{ float:left;padding-left:10px}
#sct_btn{ float:left;}
#sct_btn a{ display:block; background:#2c5196; color:#ffffff; letter-spacing:-0.5px; padding:0 10px; height:20px; line-height:20px; border-radius:3px; margin:0 0 0 10px;}

.sct_title{ color:#ec5955;}
#sct_sub_wrap > ul > li{ float:left;border-top:1px solid #dddddd; margin-top:10px;padding-top:10px;}
#sct_sub_wrap > ul > li > ul > li{ float:left;  width:50%; padding:2px 0; }

/*search_area/e지도검색*/
#search_area{}
#sa_top > div{ text-align:center; background:#f8f9f9; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#sa_top select{ background:#ffffff; height:26px;  font-size:1.1em; color:#808080; width:20%; border:1px solid #c0c0c0; border-radius:3px;
	}

#sa_top > p{ margin:20px 0; text-align:center; word-spacing:10px;}
.sa_build01{ color:#5b9112; font-size:1.2em;}
.sa_build02{ color:#66390c; font-size:1.2em;}
.sa_build03{ color:#d37c34; font-size:1.2em;}
.sa_build04{ color:#17396c; font-size:1.2em;}
.sa_build05{ color:#1f1f1f; font-size:1.2em;}
.bclose{ width:100%;height:30px;background:#f6f6f6; font-size:15px;font-weight:bold; }

/*new_contents*/
#new_contents{ clear:both; padding:20px 10px;}
#new_contents select{ height:32px; line-height:32px; border:1px solid #d3d3d3; color:#535353;}

/*mr_stock_wrap*/
#mr_stock_wrap{ margin:10px 0;}
#mr_stock_wrap ul{ margin:0px; padding:0px;}
#mr_stock_wrap ul li{ float:left; list-style-type:none; width:50%; margin-bottom:10px;}

#mr_stock{ padding:0 5px;}

#mr_pic{ position:relative; border-radius:5px 5px 5px 5px; max-width:100%; min-height:125px;}
#mr_pic > img{ border-radius:5px; }

.tbl_mr_tock{ width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_mr_tock tr th{ padding:1px; margin:0px; width:26px;}
.tbl_mr_tock tr td{ padding:1px; margin:0px;}
.gam_price{ text-align:left; font-size:14px;  color:#000000; font-weight:600;}

/*faq*/
#faq_wrap{}
#faq_wrap dl{ font-size:18px;}
#faq_wrap h1{ float:left; text-align:center; width:10%;}
#faq_wrap h2{ float:left; text-align:center; width:10%; color:#e2b287;}
#faq_wrap .faq_q{ float:left; font-weight:400; font-size:16px; width:80%;}
#faq_wrap .faq_q:hover{ color:#2983c9;}
#faq_wrap .faq_a{ float:left; font-weight:400; font-size:16px; width:90%; line-height:140%;}
#faq_x{ float:right; text-indent:-99999px; width:5%;}
#faq_x a{ display:block;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
	background-repeat:no-repeat; width:24px; height:24px;
}
#faq_wrap dt{ border-bottom:1px solid #e7e7e7;  border-top:1px solid #e7e7e7; padding:40px 0;}
#faq_wrap dd{ background:#fafafa; text-align:left; padding:40px 0;}

#bbsx_btn{ float:right; margin-top:5px;margin-right:5px;margin-bottom:5px;}
#bbsx_btn a{ display:inline-block; text-align:center; background:#114989; color:#ffffff; padding:5px 10px; border-radius:1px;}
#bbsx_btn a:hover{ background:#464646;}

#counsel table{ border-collapse:collapse;}
#counsel th{ background-color:#f0f0f0; text-align:center; letter-spacing:-1px;border:1px solid #e2e2e2;letter-spacing:-2px;}
#counsel  td {border:1px solid #e2e2e2; padding:5px; text-align:left;}

.tbl_mobile{ width:100%;}
.tbl_mobile tr th{ padding:5px; text-align:center; vertical-align:middle;}
.tbl_mobile tr td{ padding:5px; vertical-align:middle;}
.tbl_mobile input{ border:1px solid #949494; border-radius:3px;}
.tbl_mobile select{ border:1px solid #949494; border-radius:3px;}

#comu_vtitle{ border-top:1px solid #abb1b5; border-bottom:1px solid #abb1b5; padding:5px;}
#comu_vtitle h4{ float:left; font-size:1em; font-weight:400;}
#comu_vtc{ float:right;}
#comu_vtc ul li{ float:left; margin-left:5px; font-weight:400; color:#616161;}

#comu_vveiw{ padding:5px; text-align:left; line-height:140%;}
#comu_flies{ clear:both; padding:5px; border-top:1px dashed #abb1b5;}
#comu_flies h4{ float:left; font-weight:400;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230075c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-plus'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3e%3c/path%3e%3cpolyline points='14 2 14 8 20 8'%3e%3c/polyline%3e%3cline x1='12' y1='18' x2='12' y2='12'%3e%3c/line%3e%3cline x1='9' y1='15' x2='15' y2='15'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; padding-left:24px; line-height:140%;
}
#comu_flies p{ float:left; margin-left:10px; line-height:140%;}
#comu_flies p a{ color:#0075c2;}
#comu_flies p a:hover{ text-decoration:underline;}

#table_bbsx{ border-top:1px solid #333f4b; margin-top:5px;}
#table_bbsx .bbsx_left{ text-align:left;}

.tbl_bbsx2{ width:100%; font-size:1em;}
.tbl_bbsx2 tr th{ border-bottom:1px solid #b0b0b0; padding:5px 5px; vertical-align:middle; text-align:center;}
.tbl_bbsx2 tr td{ border-bottom:1px solid #b0b0b0; padding:5px 5px; vertical-align:middle; color:#535353; text-align:left;}
.tbl_bbsx2 tr td a{ color:#535353;}
.tbl_bbsx2 tr td a:hover{ color:#1a79bc;}



/*메인슬라이드*/
/* main_visual */
.main_visual{
	position:relative;
	width:100%;
	height:180px;
	overflow:hidden;
	background:#d9efff;
}

/* track */
.mv_track{
	display:flex;
	height:100%;
	transition:transform .5s ease;
}

/* item */
.mv_item{
	min-width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

/* 이미지 핵심 */
.mv_item img{
	width:100%;
	height:100%;

	object-fit:cover;
	object-position:center center;

	display:block;
}

/* 모바일 */
@media(max-width:768px){

	.main_visual{
		height:140px;
	}

	.mv_item img{
		width:1200px;
	}
}

/* 좌우버튼 */
.mv_prev,
.mv_next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);

	width:46px;
	height:46px;

	border:none;
	border-radius:50%;
	cursor:pointer;

	background:rgba(255,255,255,.75);
	z-index:10;
}

.mv_prev{
	left:0px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; }

.mv_next{
	right:0px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center;
}

/* 페이징 */
.mv_paging{
	position:absolute;
	left:50%;
	bottom:18px;

	transform:translateX(-50%);

	display:flex;
	gap:8px;
}

.mv_paging span{
	width:10px;
	height:10px;
	border-radius:50%;
	background:rgba(255,255,255,.5);
	cursor:pointer;
}

.mv_paging span.active{
	background:#fff;
}


.mo_consult_banner{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	padding:10px;
	box-sizing:border-box;
}

.mo_consult_item{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:86px;
	padding:15px 12px;
	border-radius:16px;
	text-decoration:none;
	overflow:hidden;
	box-sizing:border-box;
}

.mo_consult_item.vip{
	background:linear-gradient(135deg, #17233f 0%, #28406f 100%);
}

.mo_consult_item.consulting{
	background:linear-gradient(135deg, #0661c9 0%, #18a0ff 100%);
}

.mo_consult_item .txt{
	position:relative;
	z-index:2;
	color:#fff;
}

.mo_consult_item strong{
	display:block;
	margin-bottom:6px;
	font-size:17px;
	font-weight:800;
	letter-spacing:-.5px;
}

.mo_consult_item span{
	display:block;
	font-size:11px;
	line-height:1.35;
	font-weight:500;
	letter-spacing:-.4px;
	color:rgba(255,255,255,.9);
}

.mo_consult_item .icon{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:rgba(255,255,255,.95);
	font-size:13px;
	font-weight:900;
	color:#12315f;
	box-shadow:0 6px 14px rgba(0,0,0,.18);
}

.mo_consult_item::after{
	content:"";
	position:absolute;
	right:-22px;
	bottom:-22px;
	width:86px;
	height:86px;
	border-radius:50%;
	background:rgba(255,255,255,.12);
}

@media(max-width:360px){
	.mo_consult_banner{
		gap:6px;
		padding:8px;
	}

	.mo_consult_item{
		min-height:82px;
		padding:13px 10px;
	}

	.mo_consult_item strong{
		font-size:15px;
	}

	.mo_consult_item span{
		font-size:10px;
	}

	.mo_consult_item .icon{
		width:36px;
		height:36px;
		font-size:11px;
	}
}





.sns_banner_wrap{
	padding:12px;
	display:flex;
	flex-direction:column;
	gap:10px;
	box-sizing:border-box;
}
.sns_banner_wrap a{ text-decoration:none;}
/* 공통 */
.sns_banner{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;

	width:100%;
	min-height:92px;

	padding:18px 16px;
	border-radius:18px;

	overflow:hidden;
	text-decoration:none;
	box-sizing:border-box;
}

/* 배경효과 */
.sns_banner::before{
	content:"";
	position:absolute;

	right:-30px;
	top:-30px;

	width:120px;
	height:120px;

	border-radius:50%;
	background:rgba(255,255,255,.08);
}

.sns_banner::after{
	content:"";
	position:absolute;

	right:30px;
	bottom:-35px;

	width:80px;
	height:80px;

	border-radius:50%;
	background:rgba(255,255,255,.06);
}

/* 네이버 */
.naver_banner{
	background:linear-gradient(135deg, #06b24a 0%, #00d564 100%);
}
.naver_banner em{ color:#FFD707;}
.youtube_banner em{ color:#FFD707;}

/* 유튜브 */
.youtube_banner{
	background:linear-gradient(135deg, #ff2d2d 0%, #d90000 100%);
}

/* 텍스트 */
.sns_txt{
	position:relative;
	z-index:2;
	color:#fff;
}

.sns_txt em{
	display:block;
	margin-bottom:4px;

	font-size:11px;
	font-style:normal;
	font-weight:700;

	opacity:.9;
	letter-spacing:1px;
}

.sns_txt strong{
	display:block;
	margin-bottom:6px;

	font-size:24px;
	font-weight:900;
	letter-spacing:-1px;
}

.sns_txt p{
	font-size:12px;
	line-height:1.4;
	font-weight:500;

	opacity:.95;
}

/* 아이콘 */
.sns_icon{
	position:relative;
	z-index:2;

	display:flex;
	align-items:center;
	justify-content:center;

	width:52px;
	height:52px;

	border-radius:50%;

	background:rgba(255,255,255,.95);

	font-size:24px;
	font-weight:900;

	color:#222;

	box-shadow:0 8px 18px rgba(0,0,0,.16);
}




.cowork_wrap{ padding: 0 10px;}
.cowork_wrap img{ border-radius:20px; }
.cowork_wrap h3{ margin: 20px 0; font-size: 20px; text-align: center;}
.cowork_wrap p{ text-align: center; line-height: 170%; margin-bottom: 50px;}






.vip_section{
    padding:10px;
    background:#f4f8fc;
}

.vip_inner{
    max-width:1200px;
    margin:0 auto;
}

.vip_visual{
    padding:30px;
    border-radius:34px;
    background:
        linear-gradient(135deg, #10233b 0%, #24496f 55%, #3f7fb3 100%);
    color:#fff;
}

.vip_badge{
    display:inline-block;
    margin-bottom:20px;
    padding:9px 18px;
    border-radius:999px;
    background:rgba(255,255,255,0.14);
    border:1px solid rgba(255,255,255,0.22);
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
}

.vip_visual h2{
    margin:0;
    font-size:26px;
    line-height:1.18;
    font-weight:700;
    letter-spacing:-2px; color: #ffffff;
}

.vip_visual p{
    margin:20px 0 0;
    font-size:20px;
    line-height:1.65;
    color:rgba(255,255,255,0.86);
    letter-spacing:-0.5px;
}

.vip_price_box{
    display:block;
    gap:16px;
    margin-top:42px;
}

.vip_price_box div{
    min-width:290px; margin: 0 auto;
    padding:20px 28px;
    border-radius:22px;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.18); margin: 10px;
}

.vip_price_box strong{
    display:block;
    margin-bottom:8px;
    font-size:15px;
    color:rgba(255,255,255,0.75);
}

.vip_price_box span{
    font-size:26px;
    font-weight:800;
}
.vip_benefit{
    margin-top:32px;
    padding:30px 10px;
    border-radius:30px;
    background:#fff;
    box-shadow:0 14px 35px rgba(20,45,80,0.08);
}

.vip_benefit h3,
.vip_compare h3{
    margin:0 0 28px;
    font-size:22px;
    color:#10233b;
    letter-spacing:-1px;
}
.vip_compare p{ margin-bottom: 30px;}
.vip_benefit ul{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:10px 20px;
    margin:0;
    padding:0;
    list-style:none;
}

.vip_benefit li{ text-align: left;
    position:relative;
    padding:20px 22px 20px 52px;
    border-radius:18px;
    background:#f7fbff;
    border:1px solid #e1edf8;
    color:#26384d;
    font-size:18px;
    font-weight:600;
    letter-spacing:-0.4px;
}

.vip_benefit li::before{
    content:"✓";
    position:absolute;
    left:22px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    border-radius:50%;
    background:#65b946;
    color:#fff;
    font-size:13px;
    font-weight:800;
    text-align:center;
    line-height:22px;
}
.vip_compare{
    margin-top:32px;
    padding:30px 10px;
    border-radius:30px;
    background:#fff;
    box-shadow:0 14px 35px rgba(20,45,80,0.08);
}
.greenn{ color: #29ffb1;}
.compare_grid{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:18px;
}

.compare_card{
    padding:16px;
    border-radius:26px;
    border:1px solid #dfeaf5;
    background:#f8fbff;
}

.compare_card span{
    display:inline-block;
    margin-bottom:14px;
    padding:8px 14px;
    border-radius:999px;
    font-size:14px;
    font-weight:800;
}

.compare_card.vip span{
    background:#eaf7e5;
    color:#54a532;
}

.compare_card.agency span{
    background:#eef3f9;
    color:#35577d;
}

.compare_card h4{
    margin:0 0 16px;
    font-size:25px;
    color:#10233b;
    letter-spacing:-1px;
}

.compare_card p{
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:#4a5665;
    letter-spacing:-0.5px;
}





/* 모바일 작은기기 */
@media(max-width:360px){

	.sns_banner{
		min-height:84px;
		padding:15px 14px;
	}

	.sns_txt strong{
		font-size:20px;
	}

	.sns_txt p{
		font-size:11px;
	}

	.sns_icon{
		width:46px;
		height:46px;
		font-size:20px;
	}
}





/*footer_link*/
.footer_link_wrap{position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);

    width:min(100%,612px);
    z-index:9999;}
.footer_link{  display:grid; grid-template-columns:repeat(3, 1fr); width: 100%; }
.footer_link a{ display:block; text-align: center; text-align: center; padding: 15px 0 15px 22%; font-size: 14px; text-decoration: none;}
.ft001 a{ background: #0e7ee2; color: #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:28% 50%; 
`}
.ft002 a{ background-color: #ffae00; color: #3a1d1d;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233a1d1d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-book-open'%3e%3cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'%3e%3c/path%3e%3cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'%3e%3c/path%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:28% 50%; 
}
.ft003 a{ background-color: #1c2843; color: #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-circle'%3e%3cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3e%3c/path%3e%3c/svg%3e"); color:#ffffff; text-align:center;
		background-repeat:no-repeat; background-position:28% 50%; 
}
