/* BASIC css start */
/*式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式

	login custom

式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式式*/
#contents label {font-size: 13px; color: #777; letter-spacing: -0.03em; cursor: pointer;}

#contents label input[type="checkbox"], #contents input[type="checkbox"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#contents label input[type="checkbox"]:before, #contents input[type="checkbox"]:before {content: ""; display: inline-block; width: 18px; height: 18px; margin-top: -1.5px; margin-right: 5px; background: url('/design/sidmool/da_image/chk_off.png') no-repeat center; background-size: 100% !important;}
#contents label input[type="checkbox"]:checked:before, #contents input[type="checkbox"]:checked:before {background: url('/design/sidmool/da_image/chk_on.png') no-repeat center;}

#contents label input[type="radio"], #contents input[type="radio"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#contents label input[type="radio"]:before, #contents input[type="radio"]:before {content: ""; display: inline-block; width: 18px; height: 18px; margin-top: -0.5px; margin-right: 5px; background: url('/design/sidmool/da_image/radio_off.png') no-repeat center; background-size: 100% !important;}
#contents label input[type="radio"]:checked:before, #contents input[type="radio"]:checked:before {background: url('/design/sidmool/da_image/radio_on.png') no-repeat center;}

#contents .color_ligreen {color: #92c501 !important;}
#contents .btn_basic {background: #92c501; color: #fff;}
#contents .btn_point {background: #f26702; color: #fff;}
#contents .btn_border {box-sizing: border-box; border: 1px solid #ccc; color: #444;}



#passimg {left: 50% !important; top: 51% !important; transform: translate(-50%,-50%); box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 38px; background: #fff; overflow: hidden;}
#passimg #authimg {width: 320px !important; height: 260px !important; box-sizing: border-box; border: 1px solid #aaa !important; padding: 18px 20px;}
#passimg #authimg .popups .head {text-align: left;}
#passimg #authimg .popups .head h5 {padding: 0; border: 0; font-size: 20px; color: #111 !important; font-weight: 400; letter-spacing: -0.02em; border: 0;}
#passimg #authimg .popups .head h5 img {display: none;}
#passimg #authimg .popups .contents {padding-bottom: 0;}
#passimg #authimg .popups .contents table {background: #fff; border-top: 1px solid #333;}
#passimg #authimg .popups .contents table col:nth-child(1) {width: 90px !important;}
#passimg #authimg .popups .contents table tr {border-bottom: 1px solid #ddd;}
#passimg #authimg .popups .contents table td {box-sizing: border-box; padding: 11px 10px; border: 0; font-size: 15px; color: #333; font-weight: 400; text-align: left; vertical-align: middle;}
#passimg #authimg .popups .contents table td span {display: inline-flex; align-items: center; min-height: 38px;}
#passimg #authimg .popups .contents table td:nth-child(1) {padding-left: 0; padding-right: 0; text-align: center;}
#passimg #authimg .popups .contents table td input {width: 100% !important; height: 38px !important; background: #fff; box-sizing: border-box; padding: 0 12px; border: 1px solid #ddd; border-radius: inherit; font-size: 13px !important; font-weight: 400; color: #111; line-height: 38px !important; outline: none;}
#passimg #authimg .popups .contents table td input::placeholder {color: #999;}
#passimg #authimg .popups .contents table td input:focus {border-color: #000;}
#passimg #authimg .btns {padding: 15px 0; padding-bottom: 0;}
#passimg #authimg .btns a {display: flex; justify-content: center; width: 140px; height: 45px; margin: 0 auto; background: #92c501; border: 0; border-radius: inherit !important; font-size: 15px; color: #fff; line-height: 45px; text-align: center;}
#passimg #authimg .btns a strong {padding: 0; font-size: inherit; font-weight: 400;}



#contents .loginWrap .member {margin-top: 30px;}
#contents .loginWrap .login_wrap .login_tab {width: 100%; display: flex;}
#contents .loginWrap .login_wrap .login_tab li {display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #f5f5f5; box-sizing: border-box; border: 1px solid #f5f5f5; border-bottom-color: #000; font-size: 16px; color: #666; font-weight: 300; letter-spacing: -0.02em; cursor: pointer;}
#contents .loginWrap .login_wrap .login_tab li.active {background: #fff; border-color: #000; border-bottom-color: #fff; font-weight: 500; color: #111;}

#contents .loginWrap .login_wrap .login_tab_con {padding-top: 20px;}
#contents .loginWrap .login_wrap .login_tab_con > div {height: 0; overflow: hidden;}
#contents .loginWrap .login_wrap .login_tab_con > div.active {height: auto; overflow: visible;}

#contents .loginWrap .login_wrap .con_box {width: 100%;}
#contents .loginWrap .login_wrap .frm-list {position: relative; left: inherit; top: inherit; width: 100%;}
#contents .loginWrap .login_wrap .frm-list li {float: none; margin-bottom: 8px;}
#contents .loginWrap .login_wrap .frm-list li label {display: none;}
#contents .loginWrap .login_wrap .frm-list li input {width: 100%; height: 45px; background: #fff; box-sizing: border-box; padding: 0 12px; border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #111; line-height: 55px;}
#contents .loginWrap .login_wrap .frm-list li input::placeholder {color: #999;}
#contents .loginWrap .login_wrap .frm-list li input:focus {border-color: #000;}
#contents .loginWrap .login_wrap .frm-list li .txt-frm {float: none;}

#contents .loginWrap .login_wrap .con_box .id_chk {}
#contents .loginWrap .login_wrap .con_box .id_chk p {display: inline-block; vertical-align: middle;}
#contents .loginWrap .login_wrap .con_box .id_chk p + p {margin-left: 12px;}
#contents .loginWrap .login_wrap .con_box .se-log {position: relative; left: inherit; top: inherit;}
#contents .loginWrap .login_wrap .login_btm {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 4px;}
#contents .loginWrap .login_wrap .login_btm a {font-size: 13px; color: #777; letter-spacing: -0.03em; padding-top: 4px;}
#contents .loginWrap .login_wrap .exclamation_txt {position: relative; margin-top: 14px; padding-left: 24px; font-size: 13px; color: #999; letter-spacing: -0.03em; line-height: 1.73; word-break: keep-all;}
#contents .loginWrap .login_wrap .exclamation_txt:before {content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; background: url('/design/sidmool/da_image/icon_exclamation.png') no-repeat center; background-size: 100%;}
#contents .loginWrap .login_wrap .exclamation_txt.type2 {margin-top: 6px; font-weight: 500; color: #666;}
#contents .loginWrap .login_wrap .exclamation_txt.type2:before {background: url('/design/sidmool/da_image/icon_exclamation2.png') no-repeat center; background-size: 100%;}
#contents .loginWrap .login_wrap .btn-con_box {position: relative; left: inherit; top: inherit;}
#contents .loginWrap .login_wrap .btn_login {display: block; width: 100%; height: 50px; margin-top: 20px; font-size: 18px; font-weight: 600; line-height: 50px; text-align: center;}

#contents .loginWrap .login_wrap .con_box {position: relative;}
#contents .loginWrap .login_wrap .con_box > .myorder_link {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255,255,255,0.6); font-size: 18px; font-weight: 600; color: #333; letter-spacing: -0.03em; text-align: center; line-height: 1.6; z-index: 1;}

#contents .loginWrap .login_wrap .self-auth p {margin: 12px 0 24px; font-size: 18px; color: #333; letter-spacing: -0.02em; text-align: center;}
#contents .loginWrap .login_wrap .self-auth .frm-list {display: flex; justify-content: space-between;}
#contents .loginWrap .login_wrap .self-auth .frm-list li {width: 100%; height: 165px; box-sizing: border-box; border: 1px solid #ddd;}
#contents .loginWrap .login_wrap .self-auth .frm-list li + li {margin-left: 12px;}
#contents .loginWrap .login_wrap .self-auth .frm-list li a {display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -0.02em;}
#contents .loginWrap .login_wrap .self-auth .frm-list li a img {display: block; width: 40px; margin: 0 auto; margin-bottom: 16px;}
#contents .loginWrap .login_wrap .self-auth .info_list {display: flex; align-items: center; margin-top: 14px;}
#contents .loginWrap .login_wrap .self-auth .info_list a {font-size: 13px; color: #777; letter-spacing: -0.02em;}
#contents .loginWrap .login_wrap .self-auth .info_list a + a:before {content: ""; display: inline-block; width: 1px; height: 8px; background: #ddd; margin: 0 14px;}

#contents .loginWrap .sns-login {margin: 0; margin-top: 20px;}
#contents .loginWrap .sns-login a {display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; margin: 0; box-sizing: border-box; border: 1px solid #ddd; font-size: 16px; color: #333; letter-spacing: -0.03em;}
#contents .loginWrap .sns-login a + a {margin-top: 8px;}
#contents .loginWrap .sns-login a img {margin-right: 9px;}

#contents .loginWrap .loginBottom {margin-top: 50px; /*padding-top: 30px; border-top: 1px solid #eee;*/ text-align: left;}
#contents .loginWrap .loginBottom .msg {padding-bottom: 28px; border-bottom: 1px solid #000; font-size: 22px; color: #111; letter-spacing: -0.03em; line-height: 1.32;}
#contents .loginWrap .loginBottom .join_benefits {margin-top: 28px;}
#contents .loginWrap .loginBottom .join_benefits dl {padding-left: 78px; background: url('/design/sidmool/da_image/icon_join_benefits01.png') no-repeat 5px 3px; background-size: 50px auto;}
#contents .loginWrap .loginBottom .join_benefits dl + dl {margin-top: 30px; background: url('/design/sidmool/da_image/icon_join_benefits02.png') no-repeat 5px 3px; background-size: 50px auto;}
#contents .loginWrap .loginBottom .join_benefits dl dt {margin-bottom: 8px; font-size: 18px; color: #333; letter-spacing: -0.03em; line-height: 1.4; word-break: keep-all;}
#contents .loginWrap .loginBottom .join_benefits dl dd {font-size: 14px; color: #777; letter-spacing: -0.03em; line-height: 1.625; word-break: keep-all;}
#contents .loginWrap .loginBottom .btn_join {display: block; width: 100%; height: 50px; margin-top: 30px; font-size: 18px; font-weight: 600; letter-spacing: -0.03em; line-height: 50px; text-align: center;}

/* BASIC css end */