@charset "utf-8";
  

.box_20 {width:20%;   }
.box_30 {width:30%;  }
.box_40 {width:40%;  }
.box_50 {width:48%;  }
 .box_60 {width:60%;   }
.box_70 {width:70%;   }
.box_100 {width:100%;  display:inline-block; }
.margin_0 {margin:0 auto;}
 
.border_top {border-top:1px solid #ddd;}
.border_bottom {border-bottom:1px solid #ddd;}
.red {color:red;}
.blue {color:#2d5fc1; font-weight:600; font-size:1.1em}

.b_t {color:#2d5fc1; font-size:1.5em; font-weight:600; }
.tr_bg {background-color:#f9f9f9}
 
.s_line {width:15px; height:1px; background-color:#333; display:inline-block; margin:10px 0;}
.g_bg {background-color:#f9f9f9 !important}


.bg_box {background-color:#f9f9f9; width:100%; float:left; box-sizing:border-box; padding:3%;}

.text {font-size:0.95em; color:#666; line-height:1.5em}
.text .t1 {font-size:1.5em; font-weight:600; color:#333; line-height:1.4em; }


.line {width:100%;  height:1px; background-color:#ddd; float:left;  }

/*탭*/


ul.tab  {width:100%; float:left; margin-top:30px;   margin-bottom:20px;}
ul.tab li  {   font-size:0.95em;  font-weight:400; float:left; line-height:43px; text-align:center;    background-color:#f9f9f9; border:1px solid #ddd;  margin-right:-1px; width:33.333333%;   box-sizing:border-box; color:#666; cursor:pointer;   margin-top:-1px;     }

ul.tab li a {color:#666 !important; width:100%; display:inline-block;  }
ul.tab li.ov  {   background-color:#07a5b2; border:1px solid #07a5b2; color:#fff;}
ul.tab li.ov a {color:#fff !important; font-weight:600   }



a.t_link {font-size:18px; font-weight:400; color:red !important; text-decoration:underline; line-height:40px;  }
 
a.basic_btn  { display:inline-block; text-align:center; line-height:50px; padding:0 60px; font-weight:600;   font-size:1em;    border-radius:30px;   color:#333 !important;  border:1px solid #333;   transition: background-color 0.3s ease-in;}
a.basic_btn:hover  { background-color:rgba(24,170,179,1);  color:#fff !important;  border:1px solid rgba(24,170,179,1);}
 
a.none_btn {font-size:18px; font-weight:400; color:#999 !important; background-color:#f9f9f9;   line-height:55px; width:200px; text-align:Center; display:inline-block;   border-radius:3px; box-shadow:1px 1px 3px #ddd; letter-spacing:0.5px;  }
a.ok_btn {font-size:18px; font-weight:600; color:#fff !important; background-color:#333;   line-height:55px; width:200px; text-align:Center; display:inline-block;   border-radius:3px; box-shadow:1px 1px 3px #ddd; letter-spacing:0.5px;  }

a.list_btn  { display:inline-block; text-align:center; line-height:30px; padding:0 20px; font-weight:600;   font-size:15px; float:right;  margin-top:10px; margin-left:5px; background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}
a.list_btn2  { display:inline-block; text-align:center; line-height:30px; padding:0 20px; font-weight:600;   font-size:15px; float:right;  margin-top:10px; margin-left:5px; background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#888 !important;  border:1px solid #ddd;}

a.check_btn {font-size:15px; font-weight:400; color:#fff !important; background-color:#274580;   line-height:35px; width:130px; text-align:Center; display:inline-block; vertical-align:middle; border-radius:3px;  letter-spacing:0.5px;  }
 
a.table_btn {font-size:15px; font-weight:300; color:#666 !important; background-color:#fff;   border:1px solid #ddd; line-height:28px; width:70px; text-align:Center; display:inline-block; vertical-align:middle; border-radius:3px; box-shadow:1px 1px 2px #ddd;     }
a.table_btn img {vertical-align:-2px; width:16px;}


.login_input	{font-size:1em; color: #666; height:50px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box;  }
a.login_btn {font-size:17px; font-weight:400; color:#fff !important; background-color:#333;   line-height:53px; width:100%; text-align:Center; display:inline-block;  letter-spacing:0.5px; border-radius:3px;  box-shadow:1px 1px 3px #ddd;  }
a.login_btn:hover {background-color:#444;}
a.login_btn2 {font-size:17px; font-weight:400; color:#fff !important; background-color:#274580;   line-height:50px; width:100%; text-align:Center; display:inline-block;  letter-spacing:0.5px;  }

 
a.join_btn {font-size:16px; font-weight:400; color:#666 !important; background-color:#fff;   border:1px solid #ddd; line-height:38px; width:150px; text-align:Center; display:inline-block; vertical-align:middle; border-radius:3px; box-shadow:1px 1px 2px #ddd;     }
a.join_btn img {vertical-align:-1px; width:16px;}

a.btn_color1 {background-color:#274580 !important;}


.label {display:inline-block; text-align:center; box-sizing:border-box;  color:#fff; font-size:14.5px; line-height:30px;width:100px; border-radius:0px;  }



.bg_color1 {background-color:#07a5b2}
.bg_color2 {background-color:#f5f5f5; color:#666;}
.bg_color3 {background-color:#577fcd}
.bg_color4 {background-color:#2d5fc1}
.bg_color5 {background-color:#1737a0}
.bg_color6 {background-color:#2d5fc1}
.bg_color7 {background-color:#fff; border:1px solid #2d5fc1; color:#2d5fc1 !important;}



.t_color1 {color:#07a5b2 !important; font-size:0.95em; font-weight:600; width:auto; float:right; }
.t_color2 {color:#666 !important; font-size:0.95em ;font-weight:600;  width:auto; float:right;}


.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100000000000000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:300px; height:auto;  background-color:#fff;   z-index: 10; }	
.pop-layer .pop-container {padding:20px; box-sizing:border-box; }
.pop-layer p.ctxt {color: #666; line-height: 25px;}
 
a.cbtn {display:inline-block; height:30px; padding:0 15px; border:1px solid #07a5b2; background-color:#07a5b2; font-size:13px; color:#fff; line-height:30px; position:absolute; top:-33px; right:-5px;  }	
.pop-layer input {height:37px; width:75%}
.pop-layer h3 {font-size:1.5em; color:#07a5b2; width:100%; float:left; height:35px; }
a.pass_btn {font-size:15px; font-weight:400; color:#fff !important; background-color:#07a5b2  ; line-height:37px; width:20%; float:right; text-align:Center; display:inline-block; vertical-align:middle;   border-radius:3px;   }
