:root {
	--lgoin_id_txt : 15px;
    --login_mem_inbtn : 13px;
    --login_btn : 22px;
    --login_info : 16px;
	--agree_tab_txt : 16px;
	--agree_chk_txt : 13px;
	--m_item_size : 16px;
	--join_title : 13px;
	--join_title_msg_txt : 12px;

	--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;
}
div[data-css*="_wb_mem"] * { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all; }
div[data-css*="_wb_mem"] html,div[data-css*="_wb_mem"] body,div[data-css*="_wb_mem"] div,div[data-css*="_wb_mem"] span,div[data-css*="_wb_mem"] applet,div[data-css*="_wb_mem"] object,div[data-css*="_wb_mem"] iframe,div[data-css*="_wb_mem"] h1,div[data-css*="_wb_mem"] h2,div[data-css*="_wb_mem"] h3,div[data-css*="_wb_mem"] h4,div[data-css*="_wb_mem"] h5,div[data-css*="_wb_mem"] h6,div[data-css*="_wb_mem"] p,div[data-css*="_wb_mem"] blockquote,div[data-css*="_wb_mem"] pre,div[data-css*="_wb_mem"] a,div[data-css*="_wb_mem"] abbr,div[data-css*="_wb_mem"] acronym,div[data-css*="_wb_mem"] address,div[data-css*="_wb_mem"] big,div[data-css*="_wb_mem"] cite,div[data-css*="_wb_mem"] code,div[data-css*="_wb_mem"] del,div[data-css*="_wb_mem"] dfn,div[data-css*="_wb_mem"] em,div[data-css*="_wb_mem"] img,div[data-css*="_wb_mem"] ins,div[data-css*="_wb_mem"] kbd,div[data-css*="_wb_mem"] q,div[data-css*="_wb_mem"] s,div[data-css*="_wb_mem"] samp,div[data-css*="_wb_mem"] small,div[data-css*="_wb_mem"] strike,div[data-css*="_wb_mem"] strong,div[data-css*="_wb_mem"] sub,div[data-css*="_wb_mem"] sup,div[data-css*="_wb_mem"] tt,div[data-css*="_wb_mem"] var,div[data-css*="_wb_mem"] b,div[data-css*="_wb_mem"] u,div[data-css*="_wb_mem"] i,div[data-css*="_wb_mem"] center,div[data-css*="_wb_mem"] dl,div[data-css*="_wb_mem"] dt,div[data-css*="_wb_mem"] dd,div[data-css*="_wb_mem"] ol,div[data-css*="_wb_mem"] ul,div[data-css*="_wb_mem"] li,div[data-css*="_wb_mem"] fieldset,div[data-css*="_wb_mem"] form,div[data-css*="_wb_mem"] label,div[data-css*="_wb_mem"] legend,div[data-css*="_wb_mem"] table,div[data-css*="_wb_mem"] caption,div[data-css*="_wb_mem"] tbody,div[data-css*="_wb_mem"] tfoot,div[data-css*="_wb_mem"] thead,div[data-css*="_wb_mem"] tr,div[data-css*="_wb_mem"] th,div[data-css*="_wb_mem"] td,div[data-css*="_wb_mem"] article,div[data-css*="_wb_mem"] aside,div[data-css*="_wb_mem"] canvas,div[data-css*="_wb_mem"] details,div[data-css*="_wb_mem"] embed,div[data-css*="_wb_mem"] figure,div[data-css*="_wb_mem"] figcaption,div[data-css*="_wb_mem"] footer,div[data-css*="_wb_mem"] header,div[data-css*="_wb_mem"] hgroup,div[data-css*="_wb_mem"] menu,div[data-css*="_wb_mem"] nav,div[data-css*="_wb_mem"] output,div[data-css*="_wb_mem"] ruby,div[data-css*="_wb_mem"] section,div[data-css*="_wb_mem"] summary,div[data-css*="_wb_mem"] time,div[data-css*="_wb_mem"] mark,div[data-css*="_wb_mem"] audio,div[data-css*="_wb_mem"] video  { margin:0;padding:0;border:0;word-break:keep-all; }
div[data-css*="_wb_mem"] body { overflow-x: hidden; -webkit-touch-callout:none; }
div[data-css*="_wb_mem"] article,div[data-css*="_wb_mem"] aside,div[data-css*="_wb_mem"] details,div[data-css*="_wb_mem"] figcaption,div[data-css*="_wb_mem"] figure,div[data-css*="_wb_mem"] footer,div[data-css*="_wb_mem"] header,div[data-css*="_wb_mem"] hgroup,div[data-css*="_wb_mem"] menu,div[data-css*="_wb_mem"] nav,div[data-css*="_wb_mem"] section  { display: block; }
div[data-css*="_wb_mem"] ol,div[data-css*="_wb_mem"] ul  { list-style: none; }
div[data-css*="_wb_mem"] blockquote,q demo blockquote:before,div[data-css*="_wb_mem"] blockquote:after,div[data-css*="_wb_mem"] q:before,div[data-css*="_wb_mem"] q:after  { content: ''; content: none; }
div[data-css*="_wb_mem"] table  { border-collapse: collapse; border-spacing: 0; }
div[data-css*="_wb_mem"] strong  { font-weight: bold; }
div[data-css*="_wb_mem"] em  { font-style: italic; }
div[data-css*="_wb_mem"] input[type="text"],div[data-css*="_wb_mem"] input[type="password"],div[data-css*="_wb_mem"] input[type="number"],div[data-css*="_wb_mem"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }
div[data-css*="_wb_mem"] a:link { text-decoration: none;}
div[data-css*="_wb_mem"] a:visited { text-decoration: none;}
div[data-css*="_wb_mem"] a:hover { text-decoration: none;}
div[data-css*="_wb_mem"] img { vertical-align:top; }
div[data-css*="_wb_mem"] legend,div[data-css*="_wb_mem"] caption { display:none }
div[data-css*="_wb_mem"] ul,div[data-css*="_wb_mem"] li,div[data-css*="_wb_mem"] dd,div[data-css*="_wb_mem"] dt,div[data-css*="_wb_mem"] dl,div[data-css*="_wb_mem"] ol { list-style:none;padding-left:0; }
div[data-css*="_wb_mem"] input[type="text"],div[data-css*="_wb_mem"] input[type="password"],div[data-css*="_wb_mem"] input[type="number"],div[data-css*="_wb_mem"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }

div[data-css*="_wb_mem"] html  { position: relative;min-width:320px;font-size:13px; }
div[data-css*="_wb_mem"] body { position:relative;min-width:320px;-webkit-touch-callout:none;font-size:1.0rem;line-height:1.7;  }
div[data-css*="_wb_mem"] map { display: inline; outline: none !important; }
div[data-css*="_wb_mem"] area:-webkit-any-link { cursor: pointer; outline: none !important; }
div[data-css*="_wb_mem"] user agent stylesheet area { display: inline; outline: none !important; }
div[data-css*="_wb_mem"] .col-xs-1,div[data-css*="_wb_mem"] .col-sm-1,div[data-css*="_wb_mem"] .col-md-1,div[data-css*="_wb_mem"] .col-lg-1,div[data-css*="_wb_mem"] .col-xs-2,div[data-css*="_wb_mem"] .col-sm-2,div[data-css*="_wb_mem"] .col-md-2,div[data-css*="_wb_mem"] .col-lg-2,div[data-css*="_wb_mem"] .col-xs-3,div[data-css*="_wb_mem"] .col-sm-3,div[data-css*="_wb_mem"] .col-md-3,div[data-css*="_wb_mem"] .col-lg-3, .col-xs-4,div[data-css*="_wb_mem"] .col-sm-4,div[data-css*="_wb_mem"] .col-md-4,div[data-css*="_wb_mem"] .col-lg-4,div[data-css*="_wb_mem"] .col-xs-5,div[data-css*="_wb_mem"] .col-sm-5,div[data-css*="_wb_mem"] .col-md-5,div[data-css*="_wb_mem"] .col-lg-5,div[data-css*="_wb_mem"] .col-xs-6,div[data-css*="_wb_mem"] .col-sm-6,div[data-css*="_wb_mem"] .col-md-6,div[data-css*="_wb_mem"] .col-lg-6,div[data-css*="_wb_mem"] .col-xs-7,div[data-css*="_wb_mem"] .col-sm-7,div[data-css*="_wb_mem"] .col-md-7,div[data-css*="_wb_mem"] .col-lg-7,div[data-css*="_wb_mem"] .col-xs-8,div[data-css*="_wb_mem"] .col-sm-8,div[data-css*="_wb_mem"] .col-md-8,div[data-css*="_wb_mem"] .col-lg-8,div[data-css*="_wb_mem"] .col-xs-9,div[data-css*="_wb_mem"] .col-sm-9,div[data-css*="_wb_mem"] .col-md-9,div[data-css*="_wb_mem"] .col-lg-9,div[data-css*="_wb_mem"] .col-xs-10,div[data-css*="_wb_mem"] .col-sm-10,div[data-css*="_wb_mem"] .col-md-10,div[data-css*="_wb_mem"] .col-lg-10,div[data-css*="_wb_mem"] .col-xs-11,div[data-css*="_wb_mem"] .col-sm-11,div[data-css*="_wb_mem"] .col-md-11,div[data-css*="_wb_mem"] .col-lg-11,div[data-css*="_wb_mem"] .col-xs-12,div[data-css*="_wb_mem"] .col-sm-12,div[data-css*="_wb_mem"] .col-md-12,div[data-css*="_wb_mem"] .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }

div[data-css*="_wb_mem"] input[readonly] { background-color: #f3f3f8; opacity: 1; }
div[data-css*="_wb_mem"] input .placeholder { padding: 0 8px; color: #bbb; }
div[data-css*="_wb_mem"] html input[type='button'],div[data-css*="_wb_mem"] input[type='submit'],div[data-css*="_wb_mem"] input[type='reset'],div[data-css*="_wb_mem"] button,div[data-css*="_wb_mem"] button[class*='button'],div[data-css*="_wb_mem"] button[type='submit'],div[data-css*="_wb_mem"] button[type='reset'],div[data-css*="_wb_mem"] .button,div[data-css*="_wb_mem"] a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #dadada; color: var(--title_color); line-height: 1.375; white-space: nowrap; }
div[data-css*="_wb_mem"] button,div[data-css*="_wb_mem"] input[type='button'],div[data-css*="_wb_mem"] input[type='submit'],div[data-css*="_wb_mem"] input[type='reset'],div[data-css*="_wb_mem"] input[type='image'] { overflow: visible; cursor: pointer; }
div[data-css*="_wb_mem"] label,div[data-css*="_wb_mem"] input,div[data-css*="_wb_mem"] textarea,div[data-css*="_wb_mem"] select,div[data-css*="_wb_mem"] button,div[data-css*="_wb_mem"] table,div[data-css*="_wb_mem"] pre,div[data-css*="_wb_mem"] code,div[data-css*="_wb_mem"] kbd,div[data-css*="_wb_mem"] samp,div[data-css*="_wb_mem"] em,div[data-css*="_wb_mem"] cite,div[data-css*="_wb_mem"] dfn,div[data-css*="_wb_mem"] var,div[data-css*="_wb_mem"] address { font-style: normal; font-family: inherit; letter-spacing: inherit; }

div[data-css*="_wb_mem"] { padding:0; width:calc(100% - 10px); margin:0 5px; max-width:100%; }
div[data-css*="_wb_mem"] .form-control { font-size:13px; height:22px; }
div[data-css*="_wb_mem"] .sub-contents { max-width: 945px; margin: 0 auto; position: relative; padding-bottom: 40px; }
div[data-css*="_wb_mem"] .btn { display: inline-block; margin: 0px 5px; font-size:var(--join_title); }
div[data-css*="_wb_mem"] .sub-con { position: relative; line-height: 1.5; color: var(--m_toptitle); font-size: 15px; }
div[data-css*="_wb_mem"] .con-margin { margin-top: 50px; }
div[data-css*="_wb_mem"] .con-margin select { margin: 0; vertical-align: middle; border: solid 1px #ccc; font-weight:100; font-size: 12px; }
div[data-css*="_wb_mem"] .con-margin select:hover { margin: 0; vertical-align: middle; border:1px solid #428bca; }
div[data-css*="_wb_mem"] .con-margin input { vertical-align: middle; border: solid 1px #ccc; }
div[data-css*="_wb_mem"] .con-margin input:focus { vertical-align: middle; border:1px solid #428bca; }
div[data-css*="_wb_mem"] .agreetop { margin-top:90px; }

div[data-css*="_wb_mem"] .sub-con-margin { margin-top: 0px; }
div[data-css*="_wb_mem"] .login_info_txt p { text-align:center;font-size:24px;font-weight:300;padding:0 0 20px 0; letter-spacing:-1px; }

div[data-css*="_wb_mem"] .mt_05 { margin-top: 05px; font-weight:100; font-size:var(--join_title_msg_txt); }
div[data-css*="_wb_mem"] .mt_05_c { margin-top: 05px; font-weight:100; font-size:var(--join_title_msg_txt); color:#ff0000; }
div[data-css*="_wb_mem"] .mt_05_g { margin-top: 05px; font-weight:100; font-size:var(--join_title_msg_txt); color:#00a65a; }
div[data-css*="_wb_mem"] .mt_10 { margin-top: 10px; }
div[data-css*="_wb_mem"] .mt_20 { margin-top: 20px; }
div[data-css*="_wb_mem"] .mt_30 { margin-top: 30px; }
div[data-css*="_wb_mem"] .mt_40 { margin-top: 40px; }
div[data-css*="_wb_mem"] .mt_50 { margin-top: 50px; }
div[data-css*="_wb_mem"] .input-type-01 { padding: 16px 5px; width: 170px; font-size:12px; }
div[data-css*="_wb_mem"] .input-type-02 { padding: 16px 5px; width: 70px; font-size:12px; }
div[data-css*="_wb_mem"] .input-type-02_select { padding: 6px 5px 6px 5px; width: 70px; font-weight:100; }
div[data-css*="_wb_mem"] .input-type-021 { padding: 16px 5px; width: 150px; font-size:12px; }
div[data-css*="_wb_mem"] .input-type-021_select { padding: 6px 5px 6px 5px; width: 150px; font-weight:100; }
div[data-css*="_wb_mem"] .input-type-03 { padding: 16px 5px; min-width: 150px; }
div[data-css*="_wb_mem"] .input-type-04 { padding: 16px 5px; max-width: 470px; width: 100%; }

div[data-css*="_wb_mem"] .basic_chk { color:#428bca; }
div[data-css*="_wb_mem"] .member-top-box { position: relative; }
div[data-css*="_wb_mem"] .member-top-box li:first-child { border-left: solid 1px #e4e4e4; }
div[data-css*="_wb_mem"] .member-top-box li.on-box:first-child { border-left: solid 1px #cc3333; }
div[data-css*="_wb_mem"] .member-top-box li { position: relative; float: left; text-align: center; width: 33.333%; padding: 15px 0; border-top: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; font-size:var(--agree_tab_txt); color: #333; }
div[data-css*="_wb_mem"] .member-top-box .on-box { color: #fff; background-color: #cc3333; border-left:1px solid #cc3333; border-right:1px solid #cc3333; }
div[data-css*="_wb_mem"] .member-top-box .member-semo { width: 13px; height: 20px; background: url(/skin/bbs/images/member-semo.png) no-repeat 0 0; }
div[data-css*="_wb_mem"] .member-top-box .posi-01 { position: absolute; top: 20px; left: 100%; }
div[data-css*="_wb_mem"] .tumb-border-box { border: solid 1px #e4e4e4; display: inline-block; }

div[data-css*="_wb_mem"] .tumb-box { width: 100%; height: 150px; padding: 20px 2%; overflow-y: auto; background:#fff; }
div[data-css*="_wb_mem"] .tumb-box1 { width: 100%; height: 150px; padding: 20px 2%; overflow-y: auto; background:#fff; }
div[data-css*="_wb_mem"] .tumb-box1 .flick-wrap { position: absolute; display: block; float: right; text-align: right; width: 100%; right: 5px; }
div[data-css*="_wb_mem"] .tumb-box1 .flick-wrap .flick-area { width: 100%; height: 0; float: right; display: block; }
div[data-css*="_wb_mem"] .tumb-box1 .flick-wrap .flick-area span {  padding: 20px 13px 0px 5px; background: #d2d1d136 url(/skin/bbs/images/ico-vscroll_b.png) no-repeat 5px center; border-radius: 7px; color: #000; position: relative; top: 45px; font-size: 13px; transform: translate(0,0%); }
div[data-css*="_wb_mem"] .tumb-box1 .flick-wrap .flick-area span:hover {  padding: 20px 13px 0px 5px; background: #d2d1d18a url(/skin/bbs/images/ico-vscroll_b.png) no-repeat 5px center; border-radius: 7px; color: #000; position: relative; top: 45px; font-size: 13px; transform: translate(0,0%); }

div[data-css*="_wb_mem"] .tumb-box2 { width: 100%; height: 150px; padding: 20px 2%; overflow-y: auto; background:#fff; }
div[data-css*="_wb_mem"] .tumb-box2 .flick-wrap { position: absolute; display: block; float: right; text-align: right; width: 100%; right: 5px; }
div[data-css*="_wb_mem"] .tumb-box2 .flick-wrap .flick-area { width: 100%; height: 0; float: right; display: block; }
div[data-css*="_wb_mem"] .tumb-box2 .flick-wrap .flick-area span {  padding: 20px 13px 0px 5px; background: #d2d1d136 url(/skin/bbs/images/ico-vscroll_b.png) no-repeat 5px center; border-radius: 7px; color: #000; position: relative; top: 45px; font-size: 13px; transform: translate(0,0%); }
div[data-css*="_wb_mem"] .tumb-box2 .flick-wrap .flick-area span:hover {  padding: 20px 13px 0px 5px; background: #d2d1d18a url(/skin/bbs/images/ico-vscroll_b.png) no-repeat 5px center; border-radius: 7px; color: #000; position: relative; top: 45px; font-size: 13px; transform: translate(0,0%); }


div[data-css*="_wb_mem"] .condition-box { font-size: 13px; }
div[data-css*="_wb_mem"] .condition-box .condition-margin { margin-top: 20px; }
div[data-css*="_wb_mem"] .condition-box .condition-margin-02 { margin-top: 10px; }
div[data-css*="_wb_mem"] .condition-box .top-title-01 { color: #da2128; font-weight: bold; font-size: 14px; }
div[data-css*="_wb_mem"] .condition-box .title-01 { color: #333; font-size:13px; font-weight: bold; }
div[data-css*="_wb_mem"] .condition-box dd { color: #333; font-size:13px; font-weight: normal; }

div[data-css*="_wb_mem"] #privacy p { font-size:13px; }
div[data-css*="_wb_mem"] .mblock { display:inline-block; }
div[data-css*="_wb_mem"] #privacy .priv_top { font-size: 13px; color: #737373; margin-bottom: 5px; line-height: 1.7; word-break: keep-all; }
div[data-css*="_wb_mem"] #privacy .prilist { padding-left: 10px; margin: 30px 0px; }
div[data-css*="_wb_mem"] #privacy .prilist ol li { margin: 5px 0px; }
div[data-css*="_wb_mem"] #privacy .prilist ol li a.pr { font-size: 13px; color: #337ab7; }
div[data-css*="_wb_mem"] #privacy .priv_cont { border-top: solid 2px #ffffff; padding-top: 20px; }
div[data-css*="_wb_mem"] #privacy .priv_cont h4 { font-size: 13px; color: #333333; margin-bottom: 30px; font-weight: bold; }
div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p { font-size: 13px; color: #737373; margin-bottom: 50px; padding-left: 30px; line-height: 1.8; word-break: keep-all; }
div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + p { font-size: 13px; color: #737373; margin-top: -40px; margin-bottom: 50px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title { font-size: 13px; color: #737373; margin-top: -40px; margin-bottom: 50px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title1 { font-size: 13px; color: #737373; margin-top: -30px; margin-bottom: 50px; padding-left: 30px; line-height: 1.8; font-weight: bold; }
div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title2 { font-size: 12px; color: #737373; margin-top: -30px; margin-bottom: 50px; margin-left: 20px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title3 { font-size: 12px; color: #737373; margin-top: -40px; margin-bottom: 40px; margin-left: 20px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy .priv_cont > .sub_minus_ul { padding-left: 30px; margin-top: -40px; margin-bottom: 50px; }
div[data-css*="_wb_mem"] #privacy .priv_cont > .sub_minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 10px; font-size: 12px; line-height: 1.8; color: #737373; margin-left: 30px; }
div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + .minus_ul { padding-left: 30px; margin-top: -40px; margin-bottom: 50px; }
div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + .minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 10px; font-size: 12px; line-height: 1.8; color: #737373; }
div[data-css*="_wb_mem"] #privacy .priv_cont > span { font-size: 13px; margin-top: -30px; display: block; padding-left: 30px; color: #666666; }
div[data-css*="_wb_mem"] #privacy .priv_cont dl { font-size: 13px; padding-left: 30px; margin: 30px 0px; }
div[data-css*="_wb_mem"] #privacy .priv_cont dl dt { font-size: 13px; padding-left: 10px; background: url(/app/images/bullet_md.png) no-repeat left 9px; }
div[data-css*="_wb_mem"] #privacy .priv_cont dl dd { font-size: 12px; padding-left: 10px; margin: 10px 0 20px 0; line-height: 1.7; color: #737373; }

@media all and (max-width: 768px) {
	div[data-css*="_wb_mem"] .mblock { display:inline-block; }
    div[data-css*="_wb_mem"] #privacy .priv_top { font-size: 13px; margin-bottom: 5px; line-height: 1.5; }
    div[data-css*="_wb_mem"] #privacy .priv_cont * { letter-spacing: -0.03em; }
    div[data-css*="_wb_mem"] #privacy .priv_cont { padding-top: 30px; }
    div[data-css*="_wb_mem"] #privacy .priv_cont h4 { font-size: 13px; color: #333333; margin-bottom: 20px; font-weight: bold; line-height:28px; }
	div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title { margin-top:10px; margin-left:0px; padding-left: 10px; margin-bottom: 20px; }
	div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title1 { margin-top:10px; margin-left:0px; padding-left: 10px; margin-bottom: 10px; }
	div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title2 { margin-top:0px; margin-left:0px; padding-left: 10px; font-size:13px; margin-bottom: 20px; }
	div[data-css*="_wb_mem"] #privacy .priv_cont > p.sub_title3 { font-size: 12px; color: #737373; margin-top: -20px; margin-bottom: 40px; margin-left: 10px; padding-left: 10px; line-height: 1.8; display: inline-block; }
	div[data-css*="_wb_mem"] #privacy .priv_cont > .sub_minus_ul { margin-left:0px; padding-left: 00px; margin-top: -40px; margin-bottom: 20px; }
    div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p { font-size: 13px; color: #737373; margin-bottom: 30px; padding-left: 10px; line-height: 1.8; }
    div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + p { font-size: 13px; color: #737373; margin-top: -20px; margin-bottom: 30px; padding-left: 10px; line-height: 1.8; }
    div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + .minus_ul { padding-left: 10px; margin-top: -20px; margin-bottom: 30px; }
    div[data-css*="_wb_mem"] #privacy .priv_cont h4 + p + .minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 12px; font-size: 12px; line-height: 1.8; color: #737373; }
    div[data-css*="_wb_mem"] #privacy .priv_cont > span { font-size: 14px; margin-top: 0px; display: block; padding-left: 10px; color: #666666; }
    div[data-css*="_wb_mem"] #privacy .priv_cont dl { font-size: 13px; padding-left: 10px; margin: 30px 0px; }
    div[data-css*="_wb_mem"] #privacy .priv_cont dl dt { font-size: 13px; padding-left: 10px; background: url(/app/images/bullet_md.png) no-repeat left 7px; }
    div[data-css*="_wb_mem"] #privacy .priv_cont dl dd { font-size: 12px; }
}

div[data-css*="_wb_mem"] #privacy2 { font-size: 13px; }
div[data-css*="_wb_mem"] #privacy2 .priv_top { font-size: 13px; color: #737373; margin-bottom: 5px; line-height: 1.5; word-break: keep-all; }
div[data-css*="_wb_mem"] #privacy2 .prilist { padding-left: 10px; margin: 30px 0px; }
div[data-css*="_wb_mem"] #privacy2 .prilist ol li { margin: 5px 0px; }
div[data-css*="_wb_mem"] #privacy2 .prilist ol li a.pr { font-size: 14px; color: #337ab7; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont { border-top: solid 2px #ffffff; padding-top: 20px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h3 { font-size: 13px; color: #333333; margin-bottom: 15px; font-weight: bold; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 { font-size: 13px; color: #333333; margin-bottom: 15px; font-weight: bold; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p { font-size: 13px; color: #737373; margin-bottom: 35px; padding-left: 30px; line-height: 1.8; word-break: keep-all; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + p { font-size: 12px; color: #737373; margin-top: -40px; margin-bottom: 30px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title { font-size: 13px;
    color: #737373;
    margin-top: -30px;
    margin-bottom: 35px;
    padding-left: 30px;
    line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title1 { font-size: 13px; color: #737373; margin-top: -30px; margin-bottom: 35px; padding-left: 30px; line-height: 1.8; font-weight: bold; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title2 { font-size: 12px; color: #737373; margin-top: -30px; margin-bottom: 35px; margin-left: 20px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title3 { font-size: 12px; color: #737373; margin-top: -40px; margin-bottom: 35px; margin-left: 20px; padding-left: 30px; line-height: 1.8; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > .sub_minus_ul { padding-left: 30px; margin-top: -40px; margin-bottom: 30px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > .sub_minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 10px; font-size: 13px; line-height: 1.8; color: #737373; margin-left: 30px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + .minus_ul { padding-left: 30px; margin-top: -40px; margin-bottom: 30px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + .minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 10px; font-size: 14px; line-height: 1.8; color: #737373; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont > span { font-size: 16px; margin-top: -30px; display: block; padding-left: 30px; color: #666666; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont dl { font-size: 16px; padding-left: 30px; margin: 30px 0px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont dl dt { font-size: 16px; padding-left: 10px; background: url(/app/images/bullet_md.png) no-repeat left 9px; }
div[data-css*="_wb_mem"] #privacy2 .priv_cont dl dd { font-size: 14px; padding-left: 10px; margin: 10px 0 20px 0; line-height: 1.7; color: #737373; }

@media all and (max-width: 768px) {
    div[data-css*="_wb_mem"] #privacy2 .priv_top { font-size: 13px; margin-bottom: 5px; line-height: 1.5; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont * { letter-spacing: -0.03em; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont { padding-top: 30px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h3 { font-size: 14px; color: #333333; margin-bottom: 20px; font-weight: bold; line-height:28px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 { font-size: 13px; color: #333333; margin-bottom: 20px; font-weight: bold; line-height:28px; }
	div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title { margin-top:10px; margin-left:0px; padding-left: 10px; margin-bottom: 20px; }
	div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title1 { margin-top:10px; margin-left:0px; padding-left: 10px; margin-bottom: 10px; }
	div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title2 { margin-top:0px; margin-left:0px; padding-left: 10px; font-size:13px; margin-bottom: 20px; }
	div[data-css*="_wb_mem"] #privacy2 .priv_cont > p.sub_title3 {     font-size: 12px;
    color: #737373;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 1.8;
    display: block; }
	div[data-css*="_wb_mem"] #privacy2 .priv_cont > .sub_minus_ul { margin-left:0px; padding-left: 00px; margin-top: -40px; margin-bottom: 20px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p { font-size: 13px; color: #737373; margin-bottom: 30px; padding-left: 10px; line-height: 1.8; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + p { font-size: 13px; color: #737373; margin-top: -20px; margin-bottom: 30px; padding-left: 10px; line-height: 1.8; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + .minus_ul { padding-left: 10px; margin-top: -20px; margin-bottom: 30px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont h4 + p + .minus_ul li { padding-left: 10px; background: url(/app/images/bullet_minus.png) no-repeat left 12px; font-size: 13px; line-height: 1.8; color: #737373; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont > span { font-size: 14px; margin-top: 0px; display: block; padding-left: 10px; color: #666666; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont dl { font-size: 14px; padding-left: 10px; margin: 30px 0px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont dl dt { font-size: 14px; padding-left: 10px; background: url(/app/images/bullet_md.png) no-repeat left 7px; }
    div[data-css*="_wb_mem"] #privacy2 .priv_cont dl dd { font-size: 13px; }
}

div[data-css*="_wb_mem"] .ml_05 { margin-left: 5px; font-size: 14px; }

div[data-css*="_wb_mem"] .form-input-ck {  }
div[data-css*="_wb_mem"] .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; }
div[data-css*="_wb_mem"] .form-input-ck label { display:inline-block;height:24px;line-height:21px;padding:2px 0 0 35px;margin-left:5px;font-size:var(--agree_chk_txt);background:url(/skin/bbs/images/icon_checkbox_off.png) no-repeat 0 0;letter-spacing:-0.04em;background-size:auto 24px;cursor:pointer; }
div[data-css*="_wb_mem"] .form-input-ck label.focus { outline:1px dotted #333; }
div[data-css*="_wb_mem"] .form-input-ck input:focus { outline:1px dotted #333; }
div[data-css*="_wb_mem"] .form-input-ck.on label { background:url(/skin/bbs/images/icon_checkbox_on.png) no-repeat 0 0;background-size:auto 24px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
div[data-css*="_wb_mem"] .form-input-ck.all label { font-weight:400;font-size:15px;color:#121212;letter-spacing:-0.04em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
div[data-css*="_wb_mem"] .form-input-ck.all label strong { font-weight:400;color:#f7444e; }
div[data-css*="_wb_mem"] .form-input-ck.all label strong.text-sel { color:#999; }
div[data-css*="_wb_mem"] .form-input-ck input:disabled + label { background:url(/skin/bbs/images/icon_checkbox_on_disabled.png) no-repeat 0 0;background-size:auto 24px; cursor:default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

div[data-css*="_wb_mem"] .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(/skin/bbs/images/select-arrow.png) no-repeat right center; }
div[data-css*="_wb_mem"] .bbs_select1:hover, div[data-css*="_wb_mem"] .bbs_box-body .bbs_select1:active, div[data-css*="_wb_mem"] .bbs_box-body .bbs_select1:focus { border:1px solid #428bca; }
div[data-css*="_wb_mem"] .bbs_select1::-ms-expand { display: none; }

div[data-css*="_wb_mem"] .mem-ok-box { padding: 50px 0; font-size: 15px; border-top: solid 2px var(--m_idpwsearch_top_line); border-bottom: solid 1px var(--m_idpwsearch_bottom_line); text-align:center; }
div[data-css*="_wb_mem"] .mem-ok-box p { font-size:15px; }

div[data-css*="_wb_mem"] .idpass-box { padding: 15px; text-align: center; font-size: 16px; color: #333; background-color: #f5f5f5; border: solid 1px #ddd; }

div[data-css*="_wb_mem"] .clearfix:before, div[data-css*="_wb_mem"] .clearfix:after { content: ""; display: table; }

div[data-css*="_wb_mem"] .text_right { text-align: right; margin-right: 10px; }
div[data-css*="_wb_mem"] .text_center { text-align: center; }

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

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

div[data-css*="_wb_mem"] .table-form-01 { border-top: solid 2px var(--m_idpwsearch_top_line); border-bottom: solid 1px var(--m_idpwsearch_bottom_line); width: 100%; }
div[data-css*="_wb_mem"] .table-form-01 tr:first-child th, div[data-css*="_wb_mem"] .table-form-01 tr:first-child td { border-top: none; }
div[data-css*="_wb_mem"] .table-form-01 th, .table-form-01 td { border-top: solid 1px #ddd; padding: 10px 8px; }
div[data-css*="_wb_mem"] .table-form-01 th { color: #333; text-align: left; }
div[data-css*="_wb_mem"] .table-form-01 th label { font-weight: bold; display: inline-block; height: auto; vertical-align: top; margin-top: 7px; font-size:var(--join_title); }
div[data-css*="_wb_mem"] .table-form-01 label { width:17%; }
div[data-css*="_wb_mem"] .table-form-01 .join_right { width:82%; }
div[data-css*="_wb_mem"] .join_right input { font-weight:100; padding: 7px 5px 8px 5px; height:34px; }
#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; }
div[data-css*="_wb_mem"] .hchk { color:#ff0000; }

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

div[data-css*="_wb_mem"] .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;
}

div[data-css*="_wb_mem"] .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;
}

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

}

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

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

div[data-css*="_wb_mem"] .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; border-radius:5px; width:80px; }
div[data-css*="_wb_mem"] .mem_idchk:hover { background:var(--m_btn_chk_hover); color:var(--m_btn_text_chk_hover); border:1px solid var(--m_btn_chk_hover); }
div[data-css*="_wb_mem"] .mem_mobile_chk { float:left; }

@media (max-width: 639px) and (min-width: 300px) {
	div[data-css*="_wb_mem"] .table-form-01 label { width: 100%; margin-bottom:10px; color:#428bca; 	}
	div[data-css*="_wb_mem"] .table-form-01 th label.hchk { color:#ff0000; }
	div[data-css*="_wb_mem"] .input-type-03 { width:100%; }
	div[data-css*="_wb_mem"] .input-type-04 { max-width:100%; width:100%; }
	div[data-css*="_wb_mem"] .input-type-02 { width:100%; margin-top:5px; }
	div[data-css*="_wb_mem"] .input-type-02_select { width:100%; margin-top:5px; }
	div[data-css*="_wb_mem"] .input-type-021 { width:100%;  margin-bottom:5px; }
	div[data-css*="_wb_mem"] .input-type-021_select { width:100%; margin-top:5px; }
	div[data-css*="_wb_mem"] .table-form-01 .join_right { width:100%; }
	div[data-css*="_wb_mem"] .input-type-01.mt_05 { width:100%; }
	div[data-css*="_wb_mem"] .input-type-02_select.mt_05 { width:100%; margin-top:5px; }
	div[data-css*="_wb_mem"] .dasi { display:none; }
	div[data-css*="_wb_mem"] .mem-ok-box p { font-size:14px; }
	div[data-css*="_wb_mem"] .mem_id_input { width:100%; }
	div[data-css*="_wb_mem"] .mem_idchk { width:100%; margin:5px 0 0 0; }
	div[data-css*="_wb_mem"] .mem_mobile_chk { float:none; }
}
div[data-css*="_wb_mem"] .join_right { display:inline-block; }

@media (max-width: 639px) and (min-width: 300px) {
	div[data-css*="_wb_mem"] .sub-con { font-size: 14px; }
	div[data-css*="_wb_mem"] .sub-con-margin { margin-top: 30px; }
	div[data-css*="_wb_mem"] .con-margin { margin-top: 30px; }
	div[data-css*="_wb_mem"] .member-top-box li:first-child { border-top: solid 1px #e4e4e4; }
	div[data-css*="_wb_mem"] .member-top-box li.on-box:first-child { border-left: solid 1px #cc3333; }
	div[data-css*="_wb_mem"] .member-top-box .member-semo { background: none; display: none; }

	div[data-css*="_wb_mem"] .member-top-box li { float: none; width: calc(100%); 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; }
	div[data-css*="_wb_mem"] .mt_05 th { width:100%; }
	div[data-css*="_wb_mem"] .mt_05 td { width:100%; }
	div[data-css*="_wb_mem"] .mt_05_c th { width:100%; }
	div[data-css*="_wb_mem"] .mt_05_c td { width:100%; }
	div[data-css*="_wb_mem"] .mt_05_g th { width:100%; }
	div[data-css*="_wb_mem"] .mt_05_g td { width:100%; }
	div[data-css*="_wb_mem"] .btn { display: inline-block; margin: 0px; font-size:var(--join_title); }
}

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


div[data-css*="_wb_mem"] .animated-checkbox { margin: 0px; }
div[data-css*="_wb_mem"] .animated-checkbox input[type="checkbox"] { }
div[data-css*="_wb_mem"] .animated-checkbox input[type="radio"], input[type="checkbox"] { box-sizing: border-box; height: 17px; width: 17px; margin-top: 2px; margin-left: 0px; }
div[data-css*="_wb_mem"] .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; }
div[data-css*="_wb_mem"] .file_wrapf { position: relative;height: 34px;padding: 0 5px 0 10px;line-height: 34px;border: 1px solid #dadada; }
div[data-css*="_wb_mem"] .file_wrapf:hover { border:1px solid #428bca; }
div[data-css*="_wb_mem"] .file_wrapf .chk { position: absolute; margin-top:7px; left:0px; z-index:999; }
div[data-css*="_wb_mem"] .file_wrapf label { display: block; overflow:hidden; height:34px; line-height:34px; font-size: 13px; color:#666; }
div[data-css*="_wb_mem"] .file_wrapf .btn_file { position: absolute; top:0; right:0; width:79px; }
div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_no { top: -1px; right: -6px; position: absolute; height: 34px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_3 { top: -1px; right: -6px; position: absolute; height: 34px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_4 { top: -1px; right: -6px; position: absolute; height: 34px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_5 { top: -1px; right: -6px; position: absolute; height: 34px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: var(--m_btn_text_chk); background: var(--m_btn_chk); }
div[data-css*="_wb_mem"] .file_wrapf:hover button { background:#428bca; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
div[data-css*="_wb_mem"] .file_wrapf .file_input_label { font-size: 9pt; overflow: hidden; position: absolute; white-space: nowrap; text-overflow: ellipsis; width: 90%; }

div[data-css*="_wb_mem"] .addressearch { background:var(--m_btn_chk);color:var(--m_btn_text_chk);border:1px solid var(--m_btn_chk);height:34px;font-size:12px; margin-left:5px; border-radius:5px; }
div[data-css*="_wb_mem"] .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: 800px) and (min-width: 640px) {
	div[data-css*="_wb_mem"] .mem-txt-title { font-size: 42px; color: #333; letter-spacing: -3px; }
	div[data-css*="_wb_mem"] .login-box { padding: 230px 3% 30px 8%; background-position: center 40px; -webkit-background-size: 280px 176px; background-size: 280px 176px; }
	div[data-css*="_wb_mem"] .login-box .log-left { float: left; width: 66%; }
	div[data-css*="_wb_mem"] .login-box .log-right { float: left; width: 26%; }
	div[data-css*="_wb_mem"] .login-box .txt-01 { display: none; }
	div[data-css*="_wb_mem"] .login-box .check-box .log-check { width: 15px; height: 15px; }
	div[data-css*="_wb_mem"] .login-box .log-left .log-input { margin-left: 0; width: 100%; padding: 7px 5px 8px 5px; height: 34px; }
	div[data-css*="_wb_mem"] .login-box .log-left .id-box { margin-left: 0; }
	div[data-css*="_wb_mem"] .login-box .log-left .pass-box { margin-left: 0; }
	div[data-css*="_wb_mem"] .login-box .check-box { margin-left: 0; }
	div[data-css*="_wb_mem"] .login-box .log-btn-box { margin-left: 0; }
	div[data-css*="_wb_mem"] .login-box .log-btn-01 { display: inline-block; padding: 28px 3%; width: 94%; text-align: center; }
}

@media screen and (max-width:768px) {
	div[data-css*="_wb_mem"] .login-box { background-size:290px; }
	div[data-css*="_wb_mem"] .login_info_txt p { font-size:20px; }
}


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

	div[data-css*="_wb_mem"] .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; }
	div[data-css*="_wb_mem"] .addressearch { background:var(--m_btn_chk);color:var(--m_btn_text_chk);border:1px solid var(--m_btn_chk);height:34px;font-size:12px; margin-left:5px;}

	div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_no { top: -1px; right: -1px; }
	div[data-css*="_wb_mem"] .file_wrapf button.bootstrap_no:hover { top: -1px; right: -6px; position: absolute; height: 34px; border-radius: 0px; font-size: 12px; margin-top: 0px; border: 1px solid #428bca; background:#428bca; }
}

@media screen and (min-width:1100px){
	div[data-css*="_wb_mem"] .login-box { padding: 100px 0px 100px 45%; border: 1px solid #dbdbdb; background: url(/skin/bbs/images/login-bg-01.svg) no-repeat 73px center; background-size: 380px; }
}
@media screen and (min-width:1400px){
	div[data-css*="_wb_mem"] .login-box { padding: 100px 0px 100px 45%; border: 1px solid #dbdbdb; background: url(/skin/bbs/images/login-bg-01.svg) no-repeat 73px center; background-size: 380px; }
}

@media screen and (min-width:1600px){
	div[data-css*="_wb_mem"] .login-box { padding: 100px 0px 100px 45%; border: 1px solid #dbdbdb; background: url(/skin/bbs/images/login-bg-01.svg) no-repeat 73px center; background-size: 380px; }
}
@media screen and (min-width:1920px){
	div[data-css*="_wb_mem"] .login-box { padding: 100px 0px 100px 45%; border: 1px solid #dbdbdb; background: url(/skin/bbs/images/login-bg-01.svg) no-repeat 73px center; background-size: 380px; }
}

div[data-css*="_wb_mem"] .naver_sns_login { background:#1dc800;border-radius:5px;;display:inline-block;vertical-align:bottom;padding:2px 10px; }
div[data-css*="_wb_mem"] .kakao_sns_login { background:#ffeb00;border-radius:5px;;display:inline-block;vertical-align:bottom;padding:2px 10px; }
div[data-css*="_wb_mem"] .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: 300px) {
	div[data-css*="_wb_mem"] .naver_sns_login { width:49%; }
	div[data-css*="_wb_mem"] .kakao_sns_login { width:49%;  }
	div[data-css*="_wb_mem"] .facebook_sns_login { width:99%; margin-top:5px; }
	div[data-css*="_wb_mem"] .login-box .log-right { width:34%; }
}

div[data-css*="_wb_mem"] .tit_bold { color:var(--m_officename); font-weight:700; }