body { font-family:"굴림",Gulim,AppleSDGothicNeo,AppleGothic;font-size:0.8125em;overflow-y:scroll;}
a {text-decoration:none;color:black;}
ul {list-style:none;border:1px solid #ddd;width:100%;word-break:break-all;overflow:hidden;}
li {padding:5px 2px;}
.wrap {width:1000px;margin:auto;}
.menu {background-color:#993399; margin-bottom:5px;}
.menu a {padding:13px 10px 17px 10px;font-size:20px;color:white;font-family:"tahoma";font-weight:bold;display:inline-block;text-align:center;text-shadow: 1px 1px 2px grey;}
.menu a:hover {background-color:#ccc;}
.left {float:left;width:195px;}
.right {position:relative;float:right;width:800px;}
.left_li_title {cursor:pointer;}
.left_li_title, .right_li_title {width:auto;font-weight:bold;text-align:center;background-color:#ddd;font-weight:bold;border-top:1px solid #ddd;}
.left_li_items, .right_li_items {width:auto;text-align:left;background-color:white;border-bottom:1px solid #ddd;line-height:20px;}
.right_up .li_items:nth-child(2) {font-weight:bold;}
.right_down {position:relative;text-align:left;padding:10px 2px;}
.right_down a {background-color:#73AD21;color:#fff;padding:5px}
.right_down a:hover{box-shadow: 1px 1px 5px #888888;}
#div_login { position:absolute;display:none;border:1px solid grey;padding:5px;line-height:27px;margin-top:10px;text-align:right;background-color:#f8f8f8;}
#div_login input[type="text"], input[type="password"] { width:150px; }
#t_down {display:inline;}
#t_up {display:none;}


@media all and (max-width:500px){
.wrap {width:98%;margin:auto;}
.menu a {display:block;padding:5px;font-size:20px;color:white;font-family:"tahoma";font-weight:bold;text-align:center;text-shadow: 1px 1px 2px grey;}
.left {width:100%;margin:auto;clear:both;}
.right {width:100%;margin:auto;}
ul {border:0px solid #ddd;}
}