@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
20161026 NaraLee 
COMMENT : contents
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url(default.css);

/* contents */

body{overflow-y: scroll;}
#wrap{width:100%; margin:0 auto;}
.header{height:53px; background-color: #81725f; overflow: hidden;}
.h_tit{font-size: 18px; font-weight: bold; color: #fff; float: left; padding: 16px 0 0 20px;}
.del{float: right; padding: 14px 20px 0 0;}
.pannel_wrap{overflow: hidden; width: 821px; margin: 0 auto; margin-bottom: 50px}
.c_tit{font-size: 16px; font-weight:bold; padding-left:15px; background:url('../img/mail_sub_tit.png') no-repeat 0 5px; margin-top: 40px }
.pop_text{font-size: 14px; line-height: 140%; margin-top: 20px; }
.guide_img{margin-top: 20px;}
.g_tit{font-size: 14px; font-weight: bold; width: 410px; height: 22px; background-color: #f1e3c4; padding: 5px 0 0 10px; margin-top: 40px; }
.contents ul{margin-top: 20px;}
.contents ul li{margin-left:10px; font-size: 14px; padding-bottom: 10px;  }
.pdl10{padding-left: 10px;}
.g_tit2{font-size: 14px; font-weight: bold; width: 480px; height: 22px; background-color: #f1e3c4; padding: 5px 0 0 10px; margin-top: 40px; }
.g_tit3{font-size: 14px; font-weight: bold; width: 480px; height: 49px; background-color: #f1e3c4; padding: 5px 0 0 10px; margin-top: 40px; line-height: 140%; }
.g_tit4{font-size: 14px; font-weight: bold; width: 410px; height: 22px; padding: 5px 0 0 10px; margin-top: 40px; }
.pannel_wrap_o{overflow: hidden; width: 630px; margin: 0 auto; margin-bottom: 10px}
.g_tit_o{font-size: 14px; font-weight: bold; width: 600px; height: 22px; background-color: #f1e3c4; padding: 5px 0 0 10px; margin-top: 40px; }

.contents_wrap{width: 819px; height: 347px; margin: 0 auto; border: 1px solid #cccccc; background-color: #fafafa; overflow: hidden; margin-top: 20px;}
.contents_text{overflow: auto; width:719px; height: 230px; margin: 0 auto; border: 1px solid #cccccc; background-color: #fff; margin-top: 39px; padding: 15px; font-size: 12px; line-height: 150%;}
.checkbox1{float: right; padding: 15px 39px 0 0;}
.btns{padding: 50px 0 0 378px;}
.next{width : 65px; height : 26px; background-color: #412708; text-align: center; padding-top : 8px; color: #fff; font-size : 14px; font-weight: bold; }
.next:hover{background-color: #613a0b;cursor: pointer;}

.s_table {border:1px solid #ccc; border-collapse:collapse; width:800px; margin:20px 0 20px 0; text-align: left; }
.s_table td {border:1px solid #ccc; height:28px; padding:0 10px 0 10px;}
.s_table th{border:1px solid #ccc; background-color: #f1e3c4; text-align: center; height:28px; padding:0 10px 0 10px;}

.table {border-collapse:collapse; width:821px; margin-top: 20px;}
.table th {border:1px solid #ccc; height:32px; background-color:#f1e3c4; }
.table td {border:1px solid #ccc; text-align:center; padding: 10px 0 10px 0;}