/* 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;
}
/* Sub-object: `ks-navbar-nav`
 ========================================================================== */
.ks-navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;

}
/*
 * 1. Create position context for dropdowns
 */
.ks-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
  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;
  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: 13px;
  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;
}



.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: left;
	display: inline-block;
	width: 100px;
	color: #000;
	padding: 1px 0px;
	margin: 1px 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.3em;
}
.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');
}