@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;}
 


.col-2  {width:48%; box-sizing:border-box; float:left; border-right:1px solid #ddd;}
.col-2:nth-child(2) {float:right; border-right:none} 

 .border {border:1px solid #ddd;}
.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;}

.t_color1  {color:#f47321}
.t_color2 {color:#102d56}

.g_bg {background-color:#f9f9f9 !important}

.color1 {color:#ff7b00 !important;}
.color2 {color:#133551 !important;}

.line {width:100%; margin:60px 0; height:1px; background-color:#ddd; float:left;  }


.space  {width:100%; display:inline-block; height:50px; }


h4.type1 {font-size:25px; font-weight:600; color:#333; line-height:1.3em; width:100%; display:inline-block;}

.s_t {font-size:17px; color:#555; line-height:1.5em}

/*탭*/

 
 
ul.tab  {width:100%; float:left; margin-top:30px;  margin-bottom:20px;   }
ul.tab li  {   font-size:17px;  font-weight:400; float:left; line-height:45px; text-align:center;     background-color:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; color:#666; cursor:pointer; width:16.666666666%; border-right:none;    }
ul.tab li:last-child {border-right:1px solid #ddd;}
 
 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 70px; font-weight:600;   font-size:18px;    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.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.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;}

 


.bg_color1 {background-color:#f47321 !important; }
.bg_color2 {background-color:#212962 !important}
 


 /*팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:#000; opacity:.7; filter:alpha(opacity=70);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 90%; height:auto;    z-index: 999999999999999999999999999999999;}
.pop-layer .pop-container {padding: 20px 0 20px 0; width:100%; float:left;}
.pop-layer .pop-container ul {width:100%; float:left; }
.pop-layer .pop-container ul li {width:100%; float:left; padding:3% 0; text-align:center;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}


 
 .needpopup {text-align:center; width:100%;  height:300px;  font-size:18px; line-height:1.3em; color:#666; padding-top:7%; box-sizing:border-box; position:relative; top:0; left:0;}
.needpopup  b {font-size:1.4em; font-weight:600; width:100%; float:left; margin-bottom:15px;}


.needpopup-opened,.needpopup-opened body{overflow:hidden}.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}.needpopup_wrapper{position:fixed;z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.9)}.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}.needpopup-overflow .needpopup_wrapper{padding:10px}.needpopup{position:relative;z-index:9999;display:none;-webkit-box-sizing:border-box;box-sizing:border-box; max-width:100%; padding:30px;-webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1);opacity:0;background:#fff}.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}.needpopup.stacked{top:0!important;margin-top:0!important}.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}.needpopup_remover{position:fixed;z-index:9999;top:30px;right:30px;font-size:40px;line-height:.5;color:#fff;text-decoration:none}.needpopup_remover:hover{color:#ccc}.needpopup_remover:before{content:'×'}.needpopup .needpopup_remover{top:0; left:50%; margin-left:-25px; position:absolute; font-size:30px; font-weight:800; color:#fff; border:1px solid #fff; line-height:50px; width:50px; }.needpopup .needpopup_remover:hover{color:#ccc}