:root {
	--m_toptitle : #666;
	--m_officename : #009688;
    --m_login_title : #009688;
	--m_login_btn : #337ab7;
	--m_login_text_btn : #fff;
	--m_login_btn_hover : #009688;
	--m_login_text_btn_hover : #fff;
	--m_joinidpw_btn : #555;
    --m_joinidpw_text_btn : #fff;
	--m_joinidpw_btn_hover : #6894ef;
    --m_joinidpw_text_btn_hover : #fff;

	--m_idpwsearch_title_icon : #00776b;
	--m_idpwsearch_title : #009688;
    --m_idpwsearch_top_line : #009688;
    --m_idpwsearch_bottom_line : #dddddd;
    --m_idpwsearch_ok : #337ab7;
    --m_idpwsearch_text_ok : #fff;
    --m_idpwsearch_ok_hover : #009688;
    --m_idpwsearch_text_ok_hover : #fff;
    --m_idpwsearch_cancle : #7d7d7d;
    --m_idpwsearch_text_cancle : #fff;
    --m_idpwsearch_cancle_hover : #616161;
    --m_idpwsearch_text_cancle_hover : #fff;

    --m_btn_chk : #009688;
    --m_btn_text_chk : #fff;
    --m_btn_chk_hover : #428bca;
    --m_btn_text_chk_hover : #fff;
}

.form-control { font-size:13px; height:22px; }
.sub-contents { width: 100%; margin: 0 auto; position: relative; padding-bottom: 40px; }
.sub-con { position: relative; line-height: 1.5; color: var(--m_toptitle); font-size: 15px; }
.con-margin { margin-top: 50px; }
.con-margin select { margin: 0; vertical-align: middle; border: solid 1px #ccc; font-weight:100; }
.con-margin select:hover { margin: 0; vertical-align: middle; border:1px solid #428bca; }
.con-margin input { vertical-align: middle; border: solid 1px #ccc; }
.con-margin input:hover { vertical-align: middle; border:1px solid #428bca; }

.sub-con-margin { margin-top: 0px; }
.login_info_txt p { text-align:center;font-size:24px;font-weight:300;padding:0 0 20px 0; letter-spacing:-1px; }

.mt_05 { margin-top: 05px; font-weight:100; font-size:13px; }
.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.input-type-01 { padding: 5px; width: 170px; font-size:14px; }
.input-type-02 { padding: 5px; width: 70px; font-size:14px; }
.input-type-02_select { padding: 6px 5px 6px 5px; width: 70px; font-weight:100; }
.input-type-021 { padding: 5px; width: 150px; font-size:14px; }
.input-type-021_select { padding: 6px 5px 6px 5px; width: 150px; font-weight:100; }
.input-type-03 { padding: 5px; min-width: 150px; }

.basic_chk { color:#428bca; }
.member-top-box { position: relative; }
.member-top-box li:first-child { border-left: solid 1px #e4e4e4; }
.member-top-box li { position: relative; float: left; text-align: center; width: 33.1%; padding: 15px 0; border-top: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; font-size: 18px; color: #333; }
.member-top-box .on-box { color: #fff; background-color: #cc3333; }
.member-top-box .member-semo { width: 13px; height: 20px; background: url(/bbs/images/member-semo.png) no-repeat 0 0; }
.member-top-box .posi-01 { position: absolute; top: 20px; left: 100%; }
.tumb-border-box { border: solid 1px #afafaf; display: inline-block; }
.tumb-box { width: 96%; height: 150px; padding: 20px 2%; overflow-y: auto; }

.condition-box { font-size: 13px; }
.condition-box .condition-margin { margin-top: 20px; }
.condition-box .condition-margin-02 { margin-top: 10px; }
.condition-box .top-title-01 { color: #da2128; font-weight: bold; font-size: 14px; }
.condition-box .title-01 { color: #333; font-size:13px; font-weight: bold; }
.condition-box dd { color: #333; font-size:13px; font-weight: none; }

.ml_05 { margin-left: 5px; font-size: 14px; }

.form-input-ck {  }
.form-input-ck input { /*display:none;*/position:absolute;/*top:0;left:0;*/width:0;height:0;margin:0;padding:0;z-index:-1;overflow:hidden;opacity:0;vertical-align:top; }
.form-input-ck label { display:inline-block;height:24px;line-height:21px;padding:0 0 0 35px;font-size:14px;background:url(/bbs/images/icon_checkbox_off.png) no-repeat 0 0;letter-spacing:-0.04em;background-size:auto 24px;cursor:pointer; }
.form-input-ck label.focus { outline:1px dotted #333; }
.form-input-ck input:focus { outline:1px dotted #333; }
.form-input-ck.on label { background:url(/bbs/images/icon_checkbox_on.png) no-repeat 0 0;background-size:auto 24px; }
.form-input-ck.all label { font-weight:400;font-size:15px;color:#121212;letter-spacing:-0.04em; }
.form-input-ck.all label strong { font-weight:400;color:#f7444e; }
.form-input-ck.all label strong.text-sel { color:#999; }
.form-input-ck input:disabled + label { background:url(/bbs/images/icon_checkbox_on_disabled.png) no-repeat 0 0;background-size:auto 24px; cursor:default; }

.bbs_select1 { height:34px;padding: 2px 7px;min-width: 90px;border:1px solid #dadada; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_select1:hover, .bbs_box-body .bbs_select1:active, .bbs_box-body .bbs_select1:focus { border:1px solid #428bca; }
.bbs_select1::-ms-expand { display: none; }

.mem-ok-box { padding: 50px 0; font-size: 18px; border-top: solid 2px var(--m_idpwsearch_top_line); border-bottom: solid 1px var(--m_idpwsearch_top_line); text-align:center; }
.mem-ok-box p { font-size:18px; }

.idpass-box { padding: 15px; text-align: center; font-size: 16px; color: #333; background-color: #f5f5f5; border: solid 1px #ddd; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.text_right { text-align: right; }
.text_center { text-align: center; }

.btn-type-01, .btn-type-01:link { display: inline-block; padding: 7px 20px; color: var(--m_idpwsearch_text_ok); font-size: 15px; background-color: var(--m_idpwsearch_ok); }
.btn-type-01:hover { display: inline-block; padding: 7px 20px; color: var(--m_idpwsearch_text_ok_hover); font-size: 15px; background-color: var(--m_idpwsearch_ok_hover); }
.btn-type-02 { display: inline-block; padding: 7px 20px; color: var(--m_idpwsearch_text_cancle); background-color: var(--m_idpwsearch_cancle); }
.btn-type-02:hover { display: inline-block; padding: 7px 20px; color: var(--m_idpwsearch_text_cancle_hover); background-color: var(--m_idpwsearch_cancle_hover); }
.red-title-01 { font-size: 18px; color: var(--m_idpwsearch_title); font-weight: bold; }
.red-title-01 i { font-size: 18px; color: var(--m_idpwsearch_title_icon); font-weight: bold; }
.red-title-01-sub { font-size: 13px; color: #428bca; font-weight: normal; }
.table-type-01 { width: 100%; border-top: solid 1px #da2128; border-bottom: solid 1px #da2128; }
.table-type-01 th, .table-type-01 td { padding: 10px 8px; }
.table-type-01 th { color: #333; border-bottom: solid 2px #da2128; }
.table-type-01 td { border-top: solid 1px #ddd; }
.table-type-01 .text_left { text-align: left; }
.table-type-01 .notice-b { display: inline-block; padding: 2px 8px; background-color: #489fc4; color: #fff; font-size: 12px; border-radius: 10px; }
.table-type-01 a { display: inline-block; }
.table-type-01 .lock { display: inline-block; margin-left: 5px; width: 11px; height: 14px; vertical-align: middle; }
.table-type-01 .t-color-01 { color: #da2128; }
.table-type-01 .t-color-02 { color: #ff9900; }
.table-type-01 .t-color-03 { color: #006699; }
.table-type-01 .t-color-04 { color: #336600; }
.table-type-01 .t-color-05 { color: #333; }
.table-type-01.black-line { border-top: solid 1px #7d7d7d; border-bottom: solid 1px #7d7d7d; }
.table-type-01.black-line th { border-bottom: solid 2px #7d7d7d; }
.mobile-table { display: none; }

.table-view-01 { width: 100%; border-top: solid 1px #da2128; border-bottom: solid 1px #da2128; }
.table-view-01 tr:first-child th, .table-view-01 tr:first-child td { border-top: none; }
.table-view-01 th, .table-view-01 td { padding: 10px 8px; border-top: solid 1px #ddd; }
.table-view-01 th { color: #333; text-align: left; }
.table-view-01 .blue { color: #5d9ad3; }
.table-view-01 .text_left { text-align: left; }
.table-view-01 .notice-b { display: inline-block; padding: 2px 8px; background-color: #489fc4; color: #fff; font-size: 12px; border-radius: 10px; }

.table-form-01 { border-top: solid 2px var(--m_idpwsearch_top_line); border-bottom: solid 1px var(--m_idpwsearch_bottom_line); width: 100%; }
.table-form-01 tr:first-child th, .table-form-01 tr:first-child td { border-top: none; }
.table-form-01 th, .table-form-01 td { border-top: solid 1px #ddd; padding: 10px 8px; }
.table-form-01 th { color: #333; text-align: left; }
.table-form-01 th label { font-weight: bold; display: inline-block; height: auto; vertical-align: top; margin-top: 5px; font-size:15px; }
.table-form-01 label { width:17%; }
.table-form-01 .join_right { width:82%; }
.join_right input { font-weight:100; }
#filedel  { display:none; color: #fff;background-color: #ff4ca5; border-color: #ff4ca5; color:#fff;padding:5px 10px;border-radius:5px;margin:5px 0px;float:left;font-weight:100; }
.hchk { color:#ff0000; }

.animated-radio-button { margin: 4px 15px 3px 0px; }
.animated-radio-button input[type="radio"] {
  display: none;
}

.animated-radio-button input[type="radio"] + .label-text {
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	padding-right: 10px;
    font-size: 14px;
    color: #000;
}

.animated-radio-button input[type="radio"] + .label-text:before {
  content: "";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
  color:#a09d9d;
}

.animated-radio-button input[type="radio"]:checked + .label-text:before {
  content: "";
  color: #0fc340;
  -webkit-animation: tick 180ms ease-in;
          animation: tick 180ms ease-in;

}

.animated-radio-button input[type="radio"]:disabled + .label-text {
  cursor: not-allowed !important;
}

.animated-radio-button input[type="radio"]:disabled + .label-text:before {
  content: "";
  color: #ccc;
}

.mem_idchk { background:var(--m_btn_chk);color:var(--m_btn_text_chk);border:1px solid var(--m_btn_chk);height:34px;font-size:12px; }
.mem_idchk:hover { background:var(--m_btn_chk_hover); color:var(--m_btn_text_chk_hover); border:1px solid var(--m_btn_chk_hover); }
.mem_mobile_chk { float:left; }

@media (max-width: 639px) and (min-width: 320px) {
	.table-form-01 label { width: 100%; margin-bottom:10px; color:#428bca; 	}
	.table-form-01 th label.hchk { color:#ff0000; }
	.input-type-03 { width:calc(100% - 12px); }
	.input-type-02 { width:calc(100% - 12px); margin-top:5px; }
	.input-type-02_select { width:100%; margin-top:5px; }
	.input-type-021 { width:calc(100% - 12px);  margin-bottom:5px; }
	.input-type-021_select { width:100%; margin-top:5px; }
	.table-form-01 .join_right { width:100%; }
	.input-type-01.mt_05 { width:100%; }
	.input-type-02_select.mt_05 { width:100%; margin-top:5px; }
	.dasi { display:none; }
	.mem-ok-box p { font-size:16px; }
	.mem_id_input { width:100%; }
	.mem_idchk { width:100%; margin:5px 0 0 0; }
	.mem_mobile_chk { float:none; }
}
.join_right { display:inline-block; }

@media (max-width: 639px) and (min-width: 320px) {
	.sub-con { font-size: 14px; }
	.sub-con-margin { margin-top: 30px; }
	.con-margin { margin-top: 30px; }
	.member-top-box li:first-child { border-top: solid 1px #e4e4e4; }
	.member-top-box li:first-child { border-left: solid 1px #e4e4e4; }
	.member-top-box .member-semo { background: none; }
	.member-top-box li { float: none; width: 99%; height: auto; padding: 10px 0; border-top: none; border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; font-size: 16px; color: #333; }
	.mt_05 th { width:100%; }
	.mt_05 td { width:100%; }
}

.red_01 { color: var(--m_login_title); }
.login-box { padding: 100px 0px 100px 45%; border:1px solid #dbdbdb; background: url('/bbs/images/login-bg-01.svg') no-repeat 65px center; background-size: 380px; }
.login-box .txt-01 { color: #333; font-weight: bold; }
.login-box .log-left { float: left; }
.login-box .log-left .id-box { margin-left: 80px; }
.login-box .log-left .pass-box { margin-left: 66px; }
.login-box .log-left .log-input { margin-left: 10px; width: 150px; padding: 5px; display: inline-block; }
.login-box .log-right { float: left; padding-left:20px; }
.login-box .log-btn-01 { display: inline-block; padding: 28px 20px; color: var(--m_login_text_btn); font-size: 22px; background-color: var(--m_login_btn); line-height: 1; }
.login-box .log-btn-01:hover { color:var(--m_login_text_btn_hover); background:var(--m_login_btn_hover); }
.login-box .check-box { margin-left: 136px; }
.login-box .check-box .log-check { width: 15px; height: 15px; }
.login-box .log-btn-box { margin-left: 136px; }
.login-box .log-btn-02 { display: inline-block; padding: 5px 15px; color: var(--m_joinidpw_text_btn); background-color: var(--m_joinidpw_btn); text-align: center; border-radius: 5px; }
.login-box .log-btn-02:hover { color: var(--m_joinidpw_text_btn_hover); background-color: var(--m_joinidpw_btn_hover); }
.login-list-txt li { float: left; width: 50%; margin-top: 5px; }
.mem-txt-title { font-size: 48px; color: #333; letter-spacing: -3px; font-weight:600; }


.animated-checkbox { margin: 0px; }
.animated-checkbox input[type="checkbox"] { }
.animated-checkbox input[type="radio"], input[type="checkbox"] { box-sizing: border-box; height: 17px; width: 17px; margin-top: 2px; margin-left: 0px; }
.animated-checkbox input[type="checkbox"] + .label-text { cursor: pointer !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 10px; padding-left: 5px; font-size: 13px; color: #000; }

#member_photo { width:50%;margin-left:126px; }
.file_wrapf { position: relative;height: 32px;padding: 0 79px 0 20px;line-height: 32px;border: 1px solid #dadada; }
.file_wrapf:hover { border:1px solid #428bca; }
.file_wrapf .chk { position: absolute; margin-top:7px; left:0px; z-index:999; }
.file_wrapf label { display: block; overflow:hidden; height:34px; line-height:34px; font-size: 13px; color:#666; }
.file_wrapf .btn_file { position: absolute; top:0; right:0; width:79px; }
.file_wrapf button.bootstrap_no { top: -1px; right: -6px; position: absolute; height: 33px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
.file_wrapf button.bootstrap_3 { top: -1px; right: -6px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
.file_wrapf button.bootstrap_4 { top: -1px; right: 0px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
.file_wrapf:hover button { background:#428bca; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
.file_wrapf .file_input_label { font-size: 9pt; overflow: hidden; position: absolute; white-space: nowrap; text-overflow: ellipsis; width: 90%; }

.addressearch { background:var(--m_btn_chk);color:var(--m_btn_text_chk);border:1px solid var(--m_btn_chk);height:34px;font-size:12px; }
.addressearch:hover { background:var(--m_btn_chk_hover);color:var(--m_btn_text_chk_hover);border:1px solid var(--m_btn_chk_hover);height:34px;font-size:12px; }


@media (max-width: 1024px) and (min-width: 640px) {
	.mem-txt-title { font-size: 42px; color: #333; letter-spacing: -3px; }
	.login-box { padding: 230px 3% 30px 8%; background-position: center 40px; -webkit-background-size: 280px 176px; background-size: 280px 176px; }
	.login-box .log-left { float: left; width: 66%; }
	.login-box .log-right { float: left; width: 30%; }
	.login-box .txt-01 { display: none; }
	.login-box .check-box .log-check { width: 15px; height: 15px; }
	.login-box .log-left .log-input { margin-left: 0; width: 100%; padding: 5px; }
	.login-box .log-left .id-box { margin-left: 0; }
	.login-box .log-left .pass-box { margin-left: 0; }
	.login-box .check-box { margin-left: 0; }
	.login-box .log-btn-box { margin-left: 0; }
	.login-box .log-btn-01 { display: inline-block; padding: 28px 3%; width: 94%; text-align: center; }
}

@media screen and (max-width:768px){
	.login-box { background-size:290px; }
	.login_info_txt p { font-size:20px; }
}

@media (max-width: 639px) and (min-width: 320px) {
	.sub-contents { width:100%; }
	.mem-txt-title { font-size: 36px; color: #333; letter-spacing: -3px; margin-bottom: 15px; }
	.login-box { padding: 190px 0% 30px 15px; background-position: center top; -webkit-background-size: 280px 176px; background-size: 280px 176px; }
	.login-box .log-left { float: left; width: 64%; }
	.login-box .log-left .id-box { margin-left: 0; }
	.login-box .txt-01 { display: none; }
	.login-box .log-left .log-input { margin-left: 0; width: 90%; padding: 5px; }
	.login-box .log-left .pass-box { margin-left: 0; }
	.login-box .log-right { float: left; width: 33%; margin-left: 0px; }
	.login-box .log-right { float: left; padding-left:0px; }
	.login-box .check-box { margin-left: 0; }
	.login-box .check-box .log-check { width: 15px; height: 15px; }
	.login-box .log-btn-box { margin-left: 0; }
	.login_info_txt p { font-size:18px; }
	.login-list-txt li { width: 100%; }

	.login-box .log-btn-01 { display: inline-block; padding: 28px 3%; width: 94%; text-align: center; }
	#member_photo { width:calc(100% - 126px);margin-left:126px; }
}


.naver_sns_login { background:#1dc800;border-radius:5px;;display:inline-block;vertical-align:bottom;padding:2px 10px; }
.kakao_sns_login { background:#ffeb00;border-radius:5px;;display:inline-block;vertical-align:bottom;padding:2px 10px; }
.facebook_sns_login { background:#3b5999;border-radius:5px;;display:inline-block;vertical-align:bottom;padding:2px 10px; margin-top:5px;}

@media (max-width: 639px) and (min-width: 320px) {
	.naver_sns_login { width:49%; }
	.kakao_sns_login { width:49%;  }
	.facebook_sns_login { width:99%; margin-top:5px; }
	.login-box .log-right { width:34%; }
}

.tit_bold { color:var(--m_officename); font-weight:800; }