* p, * h1, * h2, * h3, * h4, * h5, * h6, * a { font-family: 'Noto Serif KR', serif !important; }
.sub-ct-t.sub-ct-tlg{margin-top: 0; padding-top: 0;}
#mb_login.mbskin{margin-top: 50px;}
#mb_login.mbskin .mbskin_box{border-radius: 5px; overflow: hidden;}
#mb_login #login_fs .frm_input{ font-family: 'Noto Serif KR', serif;     color: #796a5b;}
#mb_login #login_fs .btn_submit{ font-family: 'Noto Serif KR', serif;     background-color: #000; border-radius: 3px;}
#mb_login.mbskin #login_info .login_if_auto label{font-family: 'Noto Serif KR', serif; font-size: 14px;}
input[type="checkbox"]:checked + label span{border: none; background-color: #999d18 !important;}
#mb_login.mbskin #login_info .login_if_lpl{font-size: 14px;}
.chk_box input[type="checkbox"] + label span{margin-top: 3px}
#mb_login.mbskin .mbskin_box .mb_log_cate .join {background-color: #aebc28;}

#wrapper #container_wr .register{margin-top: 50px;}
.register #fregister p{border-radius: 3px; background-color: #aebc28;}
#fregister textarea{ font-size: 14px; font-family: 'Noto Serif KR', serif; color: #796a5b; font-weight: 400;}
#fregister #fregister_private table th , .register #fregister h2 {font-size: 16px;}
#fregister #fregister_private table td , #fregister #fregister_private table th{ font-family: 'Noto Serif KR', serif; border: 1px solid #d7d1cc;}
#fregister #fregister_chkall:hover{color: #999d18;}
#fregister #fregister_private table th{ background-color: #aebc28; }
#fregister a.btn_close{border: 1px solid #d7d1cc;  border-radius: 3px;}
#container .register .btn_confirm .btn_submit{border: 1px solid #000; background-color: #000; border-radius: 3px;}
.register #register_form h2{font-size: 16px;}
.register_form_inner label{ font-family: 'Noto Serif KR', serif; font-size: 14px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-family: 'Noto Serif KR', serif; font-size: 14px; }
.chk_li{ font-family: 'Noto Serif KR', serif; font-size: 14px; font-weight: 400;}
.fregister_agree input[type="checkbox"] + label{ font-family: 'Noto Serif KR', serif;}
#container .register .btn_confirm .btn_submit{font-family: 'Noto Serif KR', serif;}

#container_wr #container #reg_result .reg_result_p{    color: #999d18; font-family: 'Noto Serif KR', serif;}
#container_wr #container .reg_btn_submit{ background-color: #aebc28;}
#fregister section{ border: 1px solid #d7d1cc; border-radius: 3px;}
#fregisterform .form_01 div{border: 1px solid #d7d1cc; border-radius: 3px;}

.sub_tt{border: none !important;}
.sub-ct-t.sub-ct-tlg{border: none !important;}

.bx_wrmp {margin-bottom: 15px; background: #f7f7f7; border: 1px solid #d7d1cc; border-radius: 3px; }
.bx_wrmp02{margin-bottom: 100px;}
.wrmp_b {padding: 20px; display: flex; flex-wrap: wrap;}
.wrmp_b1 { border-bottom: 1px solid #d7d1cc;}
.wrmp_btn{margin-bottom: 100px; text-align: right;}
.wrmp_b h1{ font-weight: 600; font-size: 18px; color: #786a5b;}


.wrmp_b .wrmp_bb{ width: calc(100% / 3); display: flex; align-items: center;}
.wrmp_b .wrmp_bb02 {width: 100%;}
.wrmp_b .wrmp_bb { margin-top: 7px; position: relative;}
.wrmp_b .wrmp_bb:nth-child(1){margin-top: 0;}
.bx_wrmp02 .wrmp_b2 .wrmp_bb:nth-child(1){margin-bottom: 5px;}
.bx_wrmp01 .wrmp_b2 .wrmp_bb{margin-top: 0; }
.bx_wrmp01 .wrmp_b2 .wrmp_bb:nth-child(3){margin-top: 10px; }
.wrmp_b .wrmp_bb h2{ font-size: 18px; color: #333333; font-weight: 700;}
.wrmp_b .wrmp_bb h3{ font-size: 16px;   color: #999d18; margin-right: 10px;    width: 100px;}
.wrmp_b .wrmp_bb p{ font-size: 16px; font-weight: 400; padding: 0 10px; word-break: keep-all;}
.wrmp_b .wrmp_bb p.wrmp_pp{color: #786a5b}
.wrmp_b .wrmp_bb p.wrmp_pp span{font-weight: 600; margin-right: 5px;}
.wrmp_b .wrmp_bb01 p:nth-child(2) {padding-right: 5px;}
.wrmp_b .wrmp_bb01 p:nth-child(3) {padding-left: 5px;}

.wrmp_btn a , .wrmp_btn button , .wrmp_b .wrmp_bb button{ display: inline-block; vertical-align: middle; padding: 0 15px; border-radius: 3px; height: 40px; line-height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #000; background-color: #fff; border: 1px solid #d7d1cc; margin-left:5px;}
.wrmp_btn a:last-child, .wrmp_btn button, .wrmp_b .wrmp_bb button{ color: #fff; background-color: #000; border: 1px solid #000;}

.wrmp_b .wrmp_bb button{height: 35px; line-height: 35px; padding: 0px 10px; position: absolute; right: 0px;}

.wrmp_b .wrmp_bb button{}

.bx_wrmp02 .wrmp_b2{border-top: 1px solid #d7d1cc65; }
.bx_wrmp02 .wrmp_b2:nth-child(1){border-top: none;}

.sub_wrmp{padding-top: 0;}

@media (max-width:1200px){
  .wrmp_b .wrmp_bb{ width: calc(100% / 2);}
  .wrmp_b .wrmp_bb02 { width: 100%; }
  .bx_wrmp01 .wrmp_b2 .wrmp_bb:last-child{margin-top: 10px; width: 100%;}
}
@media (max-width:1000px){
  .sub-ct-t.sub-ct-tlg{padding-top: 45px;}
  .wrmp_b .wrmp_bb p {font-size: 15px;}
  .wrmp_b .wrmp_bb h3 {font-size: 15px; width: 95px; }
}
@media (max-width:800px){
  .wrmp_btn {margin-bottom: 70px;}
  .wrmp_btn a , .wrmp_btn button{    font-size: 14px; height: 35px; line-height: 32px;}
  .bx_wrmp02{margin-bottom: 70px;}
}
@media (max-width:600px){
  .mb_log_cate .join , .mb_log_cate h2 { padding: 15px 0; }
  .wrmp_b .wrmp_bb { width: 100%; }
  .bx_wrmp01 .wrmp_b2 .wrmp_bb:nth-last-child(2) { margin-top: 10px; }
  .wrmp_b .wrmp_bb p{ width: calc(100% - 95px);}
  .wrmp_b .wrmp_bb01 p {width: auto;}
  .wrmp_b .wrmp_bb h3{margin-right: 0;}

  #mb_login.mbskin{width: calc(100% - 30px);}

  .bx_wrmp01 .wrmp_b2 .wrmp_bb:nth-child(2){margin-top: 10px; }
  .wrmp_b .wrmp_bb button{font-size: 14px; height: 30px; line-height: 29px; padding: 0px 8px;}
}