@charset "utf-8"; 



.wrap_agree table{  width:100%;  border-collapse: collapse; margin:10px 0;}
.wrap_agree table td{border:1px solid #ddd; padding:5px;}
.wrap_agree table th{border:1px solid #ddd; padding:5px; text-align:center; background:#f8f8f8}

/* pop up */ 
.wrap_popup_b{text-align:left;width:640px;margin:0 auto;position:relative;font-size:13px;}
.wrap_popup_b div{box-sizing:border-box}

.wrap_title{ background: #0c4da2; color: #fff; display:flex; justify-content:center; align-items:center; padding:0 20px;height:80px;position:fixed;width:640px}
.wrap_title h1{font-size:20px;color:#fff; }
.bpouup_contents{padding:150px 10px 20px 10px}
.openpopup_close{background:url(/img/common/icnClose.png) no-repeat left top;width:23px;height:22px;overflow:hidden;text-indent:-100px;display:block;position:absolute;right:15px;top:15px}

.agree_head_para{background-color:#f4f4f4;border:solid 1px #f0f0f0;padding:15px}

.wrap_agree {line-height:1.8em}
.wrap_agree h2{font-size:16px;margin:30px 0 10px 0}
.wrap_agree li{padding-left:15px;text-indent:-15px}
.wrap_agree li p{text-indent:0px}
.wrap_agree dl{margin-top:5px}





/* add */ 
.privacy-top { margin-bottom: 20px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;gap: 20px;}
.privacy-top select{height:40px; border:1px solid #ddd; padding:0 10px;  border-radius:4px;} 
.privacy-top button { background: #0c4da2; color: #fff;  width: 50px;height: 40px;text-align: center;  overflow:hidden; border-radius:4px;}   

.tab-menu {position:fixed; width:640px; top:80px; background: #fff; display:flex; justify-content: space-between;  margin-bottom: 20px; padding:10px 10px;   box-sizing: border-box;}
.tab-menu li{ }  
.tab-menu li a{padding:5px 6px;  display: block;cursor:pointer;text-align: center; border:1px solid #ddd; border-radius:3px;}
.tab-menu li a.active{background: #0c4da2; border-color:#0c4da2; color: #fff;} 
.tab{ display: none;} 
.tab.active{ display: block;}