body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }
ul,li{list-style: none;padding:0;}
form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }
.adr_table  td div br{
  display: none;
}
.border{
  border:1px #9f9797 solid;
  display: inline-block;
  padding:3px;
  box-sizing: border-box;
}
.two-layout{
  display: table;
}
.two-layout li{
  display: table-cell;
  vertical-align: top;
  font-size:12px;
  padding: 0 0 0 10px;
}
.two-layout li:first-child{
  padding:0;
}
.search{
  width:42px;
  height:25px;
  cursor: pointer;
  font-size:0;
}

@media (min-width:0px) and (max-width:700px) {
  body{
    padding:5% 4%;
    min-width:320px;
  }
  table{
    width:100%;
  }
  .search_wrap{
  }
  h3{
    word-break: keep-all;
    line-height:130%;
    font-size:16px;
  }
  .adr_table{
    width:100%;
  }
  .adr_table .pd{
    padding:0 2%;
  }
  .adr_table  td div{
    line-height:140%;
    word-break: keep-all;
    color:#333!important;
    padding:2px 0;
    line-height:150%;
    font-size:13px;
  }
  .border{
    margin:0 1% 7px 0;
  }
  .border.no_mg{
    margin:0
  }
  .adr_table  td div a{
    display: block;
    line-height:140%;
  }
  .adr_table  td.height{
    display: none;
  }
  #table_addressList{
    width:100%;
  }
  #table_addressList td{
    padding:0!important;
    word-break:keep-all;
    padding:3% 0 0 0!important;
    text-align: center;
  }
  #table_addressList td .txt_left{
    text-align: left;
    font-size:13px;
  }
  table td font b{
    font-size:16px
  }
  .two-layout{
    display:block;
  }
  .two-layout li{
    display: table-cell;
    vertical-align: top;
    font-size:12px;
  }
  .two-layout li:first-child{
    padding:0 0 5px 0;
    font-size:13px;
  }
  .two-layout li input{
    width:80%;
    border:1px #cccccc solid;
    height:35px;
    line-height:35px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    box-sizing: border-box;
    font-size:13px;
    padding:0 2%;
  }
  .two-layout li{
    display: block;
    box-sizing:border-box;
    padding: 0;
  }
   .two-layout li input.search{
    background:none!important;
    width:18%;
    height:35px;
    line-height:35px;
    font-size:13px;
    vertical-align: top;
    background:#e5e5e5!important;
    color: #6c6a6a;
     font-weight:600
  }
  #list{
    margin:0 0 2% 0;
  }
}