@charset "utf-8";
/* CSS Document */

/* ====== [yoojin] ======================================================================================================= */


textarea{ border:none;  font-size:13px; color:#9a9a9a; padding:10px; height:auto;  width:370px; height:150px;background:#f0f0f0;}

.btn-free, .btn-free:link, .btn-free:visited, .btn-free:active { padding:3px; margin-right:45px; line-height:15px; height:15px; vertical-align: middle; text-align:center; background: #000 none repeat scroll 0 0; color: #fff; display: inline-block; float:right; margin-top:10px; }
.btn-free1, .btn-free1:link, .btn-free1:visited, .btn-free1:active { margin:0 auto; margin-top:20px; padding:3px;  line-height:15px; height:15px; vertical-align: middle; text-align:center; background: #000 none repeat scroll 0 0; color: #fff; display: inline-block;  }
.btn-free2, .btn-free2:link, .btn-free2:visited, .btn-free2:active { margin:0 auto;  padding:3px;  line-height:15px; height:15px; vertical-align: middle; text-align:center; background: #000 none repeat scroll 0 0; color: #fff; display: inline-block;  }

.dc_box { margin:0 auto;  width:820px;   margin-bottom:50px; overflow:hidden;}
.dc_box  h3 { text-align:center;  font-size:22px; font-weight:300; padding-top:20px; padding-bottom:30px;  }
.dc_text {line-height:25px;  padding-top:30px; padding-bottom:65px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
.text_s { width:780px; margin:0 auto; font-size:14px; letter-spacing:-0.3px; color:#777;}
.text_ss { width:500px; margin:20px auto 0px; font-size:14px; letter-spacing:-0.3px; color:#777; }
.text_s1 { width:780px; margin:0 auto; font-size:14px; letter-spacing:-0.3px; padding-top:15px; }

.dc_table1  { width:620px; margin:50px auto;   }
.dc_table1  th {height:30px; line-height:30px;   }
.dc_table1  td {padding:5px 10px; text-align:left;  height:20px; line-height:20px; }
.dc_table1  .bg { font-size:14px; color:#9a9a9a; text-align:right; }
.dc_table1  input { border: 1px solid #dfdfdf; vertical-align: middle; padding:5px; font-size:13px; color:#9a9a9a;}

.dc_table2  { width:620px; margin:10px auto;   }
.dc_table2  th {height:30px; line-height:30px;   }
.dc_table2  td {padding:5px 10px; text-align:center;  height:20px; line-height:20px; }
.dc_table2  .red { font-size:14px; color:#ff002a; text-align:center; }

.dc_table2  .blue{color:#1ba2da}
.x_171121{border:2px solid #1ba2da; padding:15px; margin:20px 0; text-align:left; font-size:12px; line-height:16px}


.dc_table3  { width:500px; margin:50px auto; position:relative; top:40px;   }
.dc_table3  th {height:20px; line-height:20px;   }
.dc_table3  td {padding:3px 5px; text-align:right;  height:20px; line-height:20px; }

.dc_table3_tapc  { width:500px; margin:15px auto; }
.dc_table3_tapc  th {height:20px; line-height:20px;   }
.dc_table3_tapc  td {padding:3px 5px; text-align:right;  height:20px; line-height:20px; }

.dc_table4  { width:820px; margin:30px auto;   }
.dc_table4  th {height:30px; line-height:30px;   }
.dc_table4  td {padding:10px; text-align:center;  height:20px; line-height:20px; }
.dc_table4  .red { font-size:14px; color:#ff002a; text-align:center; }

.dc_table5  { width:500px; margin:50px auto;   }
.dc_table5  th {height:30px; line-height:30px;   }
.dc_table5  td {padding:5px 5px; text-align:left;  height:20px; line-height:20px; }
.dc_table5  .bg { font-size:14px; color:#9a9a9a; text-align:right; }
.dc_table5  input { border: 1px solid #f4f4f4; background:#f4f4f4; vertical-align: middle; padding:5px; font-size:13px; color:#9a9a9a;}




.viewall_box { width:800px; margin:0 auto; margin-bottom:50px; overflow:hidden; }
.view_agreement { width:370px; float:left;  }
.view_agreement h4 { font-size:14px; text-align:center; padding-bottom:10px;}
.view_privacy { width:370px; float:right;  }
.view_privacy h4 {font-size:14px; text-align:center; padding-bottom:10px;}
.c_plan {padding:30px 0 15px; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; }
.o_policy {padding:30px 0 15px; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd;}
.profile { margin:50px auto 60px;  width:812px; height:192px; background:url(//res.heraldm.com/theinvestor/img/decoded_bg.jpg);  }



/* provision */
.provision_bg, .provision, .provision_tit, .provision_bg table, .provision table, .dc_tab{position:relative; overflow:hidden}
.provision_bg{width:350px; height:130px; background:#f0f0f0; font-size:12px; line-height:17px; color:#888; overflow-y:scroll; padding:10px}
.provision{margin:50px auto; width:1160px; font-size:14px; line-height:20px}
.provision_tit{font-size:20px; line-height:30px; font-weight:bold; color:#000; text-align:center; padding-bottom:30px}
.provision_bg th, .provision_bg td{border:1px solid #ddd; font-size:8px; line-height:10px; padding:3px}
.provision_bg th{background:#e9e9e9}
.provision th, .provision td{border:1px solid #eee; font-size:12px; line-height:17px; padding:10px}
.provision th{background:#f3f3f3}
.dc_table1 select{border:1px solid #dfdfdf; padding:5px; font-size:13px; color:#9a9a9a; float:left; margin-right:5px}
.dc_tab{display:inline-block; text-align:center; width:100%}
.dc_tab li{float:left; display:block; width:33.33%; margin:0}
.dc_tab li a{display:block; padding:5px; margin:0 2px; background:#f0f0f0; color:#888}
.dc_tab li a.on{background:#000; color:#fff}

.tab_c_box { width:818px; padding:20px 0px;  border:1px solid #ddd; margin:50px auto 0px;;}
.candellaion_bg{ height:200px; border:1px solid #ddd; font-size:12px; line-height:17px; color:#888; overflow-y:scroll; padding:10px}

/* paging */
.paging, .paging ul, .paging ul li, .paging ul li a, .paging_l, .paging_r{position:relative; overflow:hidden}
.paging{margin:0 auto; text-align:center; padding-top:50px}
.paging ul{display:inline-block}
.paging ul li{display:block; float:left; width:inherit; margin:0}
.paging ul li a{display:block; padding:10px 10px; font-size:20px; line-height:26px}
.paging ul li.on{color:#1ba2da; font-weight:bold}
.paging_l{background:url(//res.heraldm.com/theinvestor/img/dec_pg_arrow_l.png) center center no-repeat; height:26px; width:26px}
.paging_r{background:url(//res.heraldm.com/theinvestor/img/dec_pg_arrow_r.png) center center no-repeat; height:26px; width:26px}

/* about us*/
.about { border:1px solid #ddd;  border-radius: 15px; padding:30px;}

/*.about_s { width:780px; margin:0 auto; font-size:14px; letter-spacing:-0.3px; color:#777;}*/
.about_s { width: 780px;margin-bottom: 20px ;color: #777; letter-spacing: -0.3px;}
.staff_list{overflow:hidden; margin:30px 0px; font-size:14px; line-height:21px}
.staff_list dl{position:relative; overflow:hidden; margin-bottom:20px}
.staff_list dt{font-weight:bold; font-size:16px; line-height:27px; color:#000}

.cancle_btn { width:400px; margin:0px auto;}
.cancle_btn ul {margin:0px; padding:0px;}
.cancle_btn ul li { display:block; float:left;}
.more{position:relative; overflow:hidden; background:#bbb; color:#fff; font-size:8px; padding:0 10px; float:right; line-height:16px; vertical-align:top}
.more:hover{color:#fff}
.dc_btn_bg, .dc_btn_bg ul, .dc_btn_bg ul li, .dc_btn_bg ul li a{position:relative; overflow:hidden; line-height:inherit}
.dc_btn_bg{text-align:center}
.dc_btn_bg ul{display:inline-block}
.dc_btn_bg ul li{width:inherit; margin:0 10px !important; display:block}
.dc_btn_bg ul li a{border:1px solid #ddd; color:#000; padding:5px 40px; display:block}
.dc_btn_bg ul li a:hover{text-decoration:none !important}
.dc_btn_1{background:#000 !important; color:#fff !important; border:1px solid #000 !important}
.dc_btn_2{background:#fff !important; color:#666 !important; border:1px solid #ddd !important; width:150px; font-size:12px; padding:5px 0}



/* dec_layer ================================================================================================================================================ */
#dec_layer, #closebtn, .dec_tit1, .dec_tit2, .dec_tit3, .btn{position:relative; overflow:hidden}
#dec_layer{background:#FFF; padding:15px; text-align:left}
#closebtn{width:20px; height:20px; float:right; background:url(//res.heraldm.com/theinvestor/img/dec_close.png) center center; background-size:cover; cursor:pointer}
.dec_tit1{font-size:20px; line-height:30px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #f3f3f3; letter-spacing:-1px}
.dec_tit2{font-size:14px; line-height:20px; padding:15px 0; color:#666}
.dec_tit3{font-size:14px; line-height:30px; padding:15px 0; color:#666}
.intype1{width:280px; height:28px; margin:0 10px; padding:0 10px; font-size:14px}
.btn{display:inline-block; width:100px; background:#999; color:#fff; line-height:30px; font-size:13px; text-align:center}
.btn:hover{color:#fff}


/* paging */
.paging_on			{font-weight:700;background-color:#DFDFDF;float:left;text-align:center;border:1px solid #c1c1c1;width:22px;padding:3px 0px 3px 0px;} 
.paging_on:hover	{background-color:#f1f1f1;float:left;text-align:center;border:1px solid #414141;width:22px;padding:3px 0px 3px 0px;} 
.paging_off			{background-color:#ffffff;cursor:pointer;float:left;text-align:center;border:1px solid #c1c1c1;width:22px;padding:3px 0px 3px 0px;} 
.paging_off:hover	{background-color:#ffffff;cursor:pointer;float:left;text-align:center;border:1px solid #414141;width:22px;padding:3px 0px 3px 0px;} 

/* ¸Þ´º ¹Ù·ÎÀ§ ·¹ÇÁÆ® ¹è³Ê */
.big{position:absolute; overflow:hidden; top:15px; display:block; left:0}