@charset "utf-8";

.term_area{width:100%;position:relative;max-width:600px;}
.term_area header{position:absolute;left:0px;right:0px;top:0px;height:40px; background:#242424;color:#fff;}
.term_area header h1{font-size:16px; padding:0 10px;height:40px; line-height:40px;}
.term_area section{padding:60px 20px 40px 20px;overflow:auto;}
.term_area section p{padding:20px;white-space:pre-line;font-size:12px;color:#666;}
.term_area footer{position:absolute;left:0px;right:0px;bottom:0px;height:30px; line-height:30px;background:#ddd;color:#999;font-family:verdana;font-size:11px;text-align:center;}


/* 레이어팝업 */

.noEmail section{padding:60px 20px 40px 20px;overflow:auto;}
.noEmail section .box {border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 10px;}
.noEmail section .text {padding:20px 10px; color:#666; word-break:keep-all;}
.noEmail section ul.list01 {position:relative;}
.noEmail section ul.list01 li {padding-left: 18px; /*그리고 다시 padding과 text-indent로 값을 조절하면 끄읏*/text-indent: -14px;}
.noEmail section p.small {padding-left:30px; text-indent: -12px; font-size:11px;}


.ethics{border:0px;width:100%; max-width:600px; background:#fff;}
.ethics h3{font-size:18px;padding:20px;color:#000;text-align:center;}
.ethics h4{padding:20px 0; font-size:11px; color:#666; text-align:center;}
.ethics .text{padding:20px; color:#999; font-size:12px; text-align:left;}