@import url("./default.css");

/* Layout */
body { font-size:9pt; color: #787878; font-family:"돋음" ; text-decoration: none; line-height:150%;}
div.box {width:665px;} 

.myscrap {position:relative; padding:25px 25px 25px 25px;}
.myscrap h3 {background:url(../images/common/ar_b.gif) 0 2px no-repeat; padding:0 0 0 17px; color:#121212;}
.myscrap span {position:absolute; top:26px; left:105px; font-size:8pt; letter-spacing:-1pt; font-family:"dotum"; color:#999999;}
.myscrap table {margin:20px 0 0 0;}
.myscrap tr {}
.myscrap th {background:#121212; height:30px; color:#f9f9f9;}
.myscrap td {text-align:center; border-bottom:1px solid #d6d6d6; height:34px; letter-spacing:-0.5pt;}
.myscrap p.close {margin:30px 0 0 0; text-align:center;}
.myscrap td.pst_l {text-align:left; padding:0 0 0 5px;}


.myscrap_write {position:relative; padding:25px 25px 25px 25px;}
.myscrap_write h3 {background:url(../images/common/ar_b.gif) 0 2px no-repeat; padding:0 0 10px 17px; color:#121212; border-bottom:1px solid #313131;}
.myscrap_write dl {clear:both; margin:10px 0 0 0;}
.myscrap_write dt {float:left; width:70px; font-weight:bold; color:#000000; text-align:center;}
.myscrap_write dd {float:left;}
.myscrap_write textarea {width:538px; height:100px; border:1px solid #d6d6d6; background:#f5f5f5; margin:5px 0 0 0;}
.myscrap_write p.close {clear:both; margin:15px 0 0 0; text-align:center; padding:5px 0 0 0; border-top:1px solid #313131;}



.mypoint {position:relative; padding:25px 25px 25px 25px;}
.mypoint h3 {background:url(../images/common/ar_b.gif) 0 2px no-repeat; padding:0 0 0 17px; color:#121212;}
.mypoint span {position:absolute; top:26px; left:115px; font-size:8pt; letter-spacing:-1pt; font-family:"dotum"; color:#999999;}
.mypoint table {margin:20px 0 0 0;}
.mypoint tr {}
.mypoint th {background:#121212; height:30px; color:#f9f9f9;}
.mypoint td {text-align:center; border-bottom:1px solid #d6d6d6; height:34px; letter-spacing:-0.5pt;  .letter-spacing:0;}
.mypoint td.pst_l {text-align:left; padding:0 0 0 15px;}
.mypoint p.point {margin:7px 0 0 0; text-align:right; background:#f5f5f5; padding:5px 10px 5px 0;}
.mypoint p.paging {margin:10px 0 0 0; text-align:center;}
.mypoint p.close {margin:30px 0 0 0; text-align:center;}



.mymemo {padding:25px 25px 25px 25px; overflow:hidden;}
.mymemo h3 {background:url(../images/common/ar_b.gif) 0 2px no-repeat; padding:0 0 0 17px; color:#121212;}
.mymemo span.stt { font-size:8pt; letter-spacing:-1pt; font-family:"dotum"; color:#999999; font-weight:normal;}
.mymemo ul {float:left; width:100px; margin:40px 0 0 0;}
.mymemo li {background:#8A8A8A; color:#f5f5f5; padding:5px 0 5px 0; margin:5px 0 5px 0; text-align:center; font-weight:bold;}
.mymemo li a {color:#ffffff;}
.mymemo li.send {background:#33948C;}
.mymemo li.me_ov {background:#121212;}

.mymemo .list {float:left; margin:20px 0 0 27px;}
                .list span.mnum {display:block; text-align:right; margin:0 10px 0 0;}
                .list table {margin:5px 0 0 0; .width:487px;}
                .list tr {}
                .list th {background:#121212; height:30px; color:#f9f9f9;}
                .list td {text-align:center; border-bottom:1px solid #d6d6d6; height:34px; letter-spacing:-0.5pt;}
                .list p.close {clear:both; margin:30px 0 0 0; text-align:center;}


.mymemo .write{float:left; margin:20px 0 0 27px; width:488px;}
                .write dl {overflow:hidden;}
                .write dt {font-weight:bold; float:left; margin:0 10px 0 0; font-size:8pt; font-family:"dotum"; letter-spacing:-0.5pt;}
                .write dd {}
                .write dd.ctt {margin:4px 0 0 95px; .margin:4px 0 0 88px;}
                .write textarea {width:478px; height:180px; border:1px solid #d6d6d6; background:#f5f5f5; margin:5px 0 0 0; .margin:5px 0 0 -27px;}
                .write span {display:block; margin:10px 0 0 0; vertical-align:middle;}
                .write span img {vertical-align:middle; margin:0 5px 0 0;}
                .write p.close {clear:both; border-top:1px solid #d6d6d6; margin:15px 0 0 0; padding:15px 0 0 0; text-align:center;}
                .w300 {width:300px; border:1px solid #d6d6d6; background:#f5f5f5;}
                .w100 {width:100px; border:1px solid #d6d6d6; background:#f5f5f5;}
                
.mymemo .view {float:left; margin:20px 0 0 0; width:610px;}
                .view span {margin:0 0 10px 0;}
                .view span.st {float:left;}
                .view span.btn {float:right; margin:0 5px 0 0;}
                .view .view_m {clear:both;  background:#f5f5f5; border:1px solid #d6d6d6; min-height:250px; padding:20px;}
                .view p.close {clear:both; margin:20px 0 0 0; text-align:center;}



.forget {position:relative; padding:25px 25px 25px 25px; overflow:hidden;}
.forget h3 {background:url(../images/common/ar_b.gif) 0 2px no-repeat; padding:0 0 0 17px; margin:20px 0 0 38px;  color:#121212;}
.forget span.stt {position:absolute; top:45px; left:240px; font-size:8pt; letter-spacing:-1pt; font-family:"dotum"; color:#999999; .top:27px;}

.forget .f_form {margin:40px 0 0 38px;}
            .f_form dl{}
            .f_form dt {font-weight:bold; font-size:8pt; font-family:"dotum"; letter-spacing:-1px; margin:0 5px 0 0;}
            .f_form dd{margin:5px 0 0 0;}
            .f_form span {clear:both; display:block; vertical-align:middle; margin:20px 0 0 0;}
            .f_form span img {vertical-align:middle; margin:0 5px 0 0;}

.forget p.close {margin:40px 0 0 0; text-align:center;}


.ttb {font-weight:bold; color:#121212;}
.tt_b{color:#000000;}
.t8 {font-size:8pt; font-family:"dotum"; letter-spacing:-1px; color:#909090; margin:0 0 0 5px;}