/* BASIC css start */
/* °øÅë */
.find_idpw { font-size:12px; color:#777; text-align: left; font-family:'Dotum'; }
.find_idpw img { border: 0 none; vertical-align: middle; }
.find_idpw a,
.find_idpw a:hover,
.find_idpw select,
.find_idpw input { vertical-align: middle; text-align: left; font-family:'Dotum'; }
.find_idpw .input-radio { width:12px; height:12px; margin:-2px 0 0; padding:0; }
.find_idpw .tit { margin:0; padding-bottom: 6px; border-bottom: 4px solid #3b4453; font-size: 16px; font-weight: bold; line-height:20px; }
.find_idpw .sub-tit { margin:10px 0 40px; }
.find_idpw .radio-wrap { margin:0 0 10px; }
.find_idpw .radio-wrap label { margin-right:30px; color:#575757; font-weight:bold; }
.find_idpw .find-info table { width:100%; border-spacing:0; border-collapse:collapse; font-size:12px; border-top:2px solid #384150; border-bottom:2px solid #384150; }
.find_idpw .find-info table caption { display:none; }
.find_idpw .find-info table th { font-weight: bold; font-size:12px; color:#767678; background:#f9f9fb; text-align:center; }
.find_idpw .find-info table th div,
.find_idpw .find-info table td div { padding:7px 0; }
.find_idpw .find-info table td div { padding-left: 6px; }
.find_idpw .MS_input_txt { width: 150px; height: 20px; line-height:22px; border: 1px solid #e3e3eb; }
.find_idpw tr.user-name th,
.find_idpw tr.user-name td { border-bottom: 1px solid #ececee; }
.find_idpw .btn-area { padding:20px 0 50px; text-align: center; }
.find_idpw .btn-area a { font-size:0; }
/* º»ÀÎÀÎÁõ */
.find_idpw .ipin-confirm { text-align: center; padding:20px 0; border-top:2px solid #384150; border-bottom:2px solid #384150; }
.find_idpw .ipin-confirm a { display: inline-block; width: 88px; height: 88px; font-size: 12px; margin: 0 4px; border:1px solid #dedede; color:#000; text-align: center; letter-spacing:-1px; }
.find_idpw .ipin-confirm a span { display: inline-block; width:86px; height:86px; border:1px solid #fff; }
.find_idpw .ipin-confirm a:hover,
.find_idpw .ipin-confirm a:hover span { border:1px solid #000; }
.find_idpw .ipin-confirm a img { width: 45px; height: 45px; margin: 9px 0; }



/*¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡

	login custom

¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡*/
#wrap label {font-size: 15px; color: #777; letter-spacing: -0.03em; cursor: pointer;}

#wrap label input[type="checkbox"], #wrap input[type="checkbox"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#wrap label input[type="checkbox"]:before, #wrap input[type="checkbox"]:before {content: ""; display: inline-block; width: 22px; height: 22px; margin-top: -3px; margin-right: 10px; background: url('/design/sidmool/da_image/chk_off.png') no-repeat center; cursor: pointer;}
#wrap label input[type="checkbox"]:checked:before, #wrap input[type="checkbox"]:checked:before {background: url('/design/sidmool/da_image/chk_on.png') no-repeat center;}

#wrap label input[type="radio"], #wrap input[type="radio"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#wrap label input[type="radio"]:before, #wrap input[type="radio"]:before {content: ""; display: inline-block; width: 22px; height: 22px; margin-top: -2px; margin-right: 10px; background: url('/design/sidmool/da_image/radio_off.png') no-repeat center; cursor: pointer;}
#wrap label input[type="radio"]:checked:before, #wrap input[type="radio"]:checked:before {background: url('/design/sidmool/da_image/radio_on.png') no-repeat center;}


#wrap .color_ligreen {color: #92c501 !important;}
#wrap .btn_basic {background: #92c501; color: #fff;}
#wrap .btn_point {background: #f26702; color: #fff;}

#passimg {left: 50% !important; top: 60.5% !important; transform: translate(-50%,-50%); box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 38px;}
#passimg #authimg {width: 400px !important; height: 306px !important; box-sizing: border-box; border: 1px solid #aaa !important; padding: 22px 24px;}
#passimg #authimg h1 {height: auto !important; line-height: inherit !important; margin-bottom: 0 !important; padding-left: 0 !important; font-size: 22px !important; color: #111 !important; font-weight: 400 !important; letter-spacing: -0.02em !important; background-color: #fff !important;}
#passimg #authimg h1 a {top: 5px !important; right: 3px !important; width: 15px; height: 15px; background: url("/design/sidmool/da_image/btn_pop_close.png") no-repeat center;}
#passimg #authimg h1 a img {display: none;}
#passimg #authimg h1 + div {width: 100% !important; margin: 0 !important;}
#passimg #authimg h1 + div table {margin-top: 16px; border: 0 !important; border-top: 1px solid #333 !important; border-bottom: 0 !important;}
#passimg #authimg h1 + div table col:nth-child(1) {width: 100px !important;}
#passimg #authimg h1 + div table tr {height: inherit !important; border-bottom: 1px solid #ddd !important;}
#passimg #authimg h1 + div table th div {display: flex; align-items: center; justify-content: center; min-height: 45px; font-size: 17px !important; color: #333; font-weight: 400 !important;}
#passimg #authimg h1 + div table th, #passimg #authimg h1 + div table td {padding: 13px 10px; vertical-align: middle;}
#passimg #authimg h1 + div table td input {width: 100% !important; height: 45px !important; background: #fff; box-sizing: border-box; padding: 0 18px; border: 1px solid #ddd; font-size: 16px; font-weight: 400; color: #111; line-height: 45px !important;}
#passimg #authimg h1 + div table td input::placeholder {color: #999;}
#passimg #authimg h1 + div table td input:focus {border-color: #000;}
#passimg #authimg .btn-area a {display: flex; justify-content: center; width: 170px; height: 55px; margin: 0 auto; background: #92c501; line-height: 55px; text-align: center;}
#passimg #authimg .btn-area a:before {content: "È®ÀÎ"; display: inline-block; font-size: 17px; color: #fff;}
#passimg #authimg .btn-area a img {display: none;}

#wrap #loginWrap .page-body {width: 100%; margin-top: 50px;}
#wrap #loginWrap .mlog-sign {display: flex; width: 100%; height: auto; min-height: inherit; background: none;}
#wrap #loginWrap .mlog-sign > div {position: relative; width: 50%; box-sizing: border-box;}

#wrap #loginWrap .mlog-sign .mlog_box {padding-right: 100px;}
#wrap #loginWrap .mlog-sign .login_tab {width: 100%; display: flex;}
#wrap #loginWrap .mlog-sign .login_tab li {display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 60px; background: #f5f5f5; box-sizing: border-box; border: 1px solid #f5f5f5; border-bottom-color: #000; font-size: 18px; color: #666; font-weight: 300; letter-spacing: -0.02em; cursor: pointer;}
#wrap #loginWrap .mlog-sign .login_tab li.active {background: #fff; border-color: #000; border-bottom-color: #fff; font-weight: 500; color: #111;}

#wrap #loginWrap .mlog-sign .login_tab_con {padding-top: 30px;}
#wrap #loginWrap .mlog-sign .login_tab_con > div {height: 0; overflow: hidden;}
#wrap #loginWrap .mlog-sign .login_tab_con > div.active {height: auto; overflow: visible;}

#wrap #loginWrap .mlog-sign .mlog {float: none; width: 100%;}
#wrap #loginWrap .mlog-sign .frm-list {position: relative; left: inherit; top: inherit; width: 100%;}
#wrap #loginWrap .mlog-sign .frm-list li {float: none; margin-bottom: 10px;}
#wrap #loginWrap .mlog-sign .frm-list li label {display: none;}
#wrap #loginWrap .mlog-sign .frm-list li input {width: 100%; height: 55px; background: #fff; box-sizing: border-box; padding: 0 18px; border: 1px solid #ddd; font-size: 16px; font-weight: 400; color: #111; line-height: 55px;}
#wrap #loginWrap .mlog-sign .frm-list li input::placeholder {color: #999;}
#wrap #loginWrap .mlog-sign .frm-list li input:focus {border-color: #000;}
#wrap #loginWrap .mlog-sign .frm-list li .txt-frm {float: none;}

#wrap #loginWrap .mlog-sign .mlog .id_chk {}
#wrap #loginWrap .mlog-sign .mlog .id_chk p {display: inline-block; vertical-align: middle;}
#wrap #loginWrap .mlog-sign .mlog .id_chk p + p {margin-left: 30px;}
#wrap #loginWrap .mlog-sign .mlog .se-log {position: relative; left: inherit; top: inherit;}
#wrap #loginWrap .mlog-sign .login_btm {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 14px;}
#wrap #loginWrap .mlog-sign .login_btm a {font-size: 15px; color: #777; letter-spacing: -0.03em;}
#wrap #loginWrap .mlog-sign .exclamation_txt {position: relative; margin-top: 20px; padding-left: 32px; font-size: 15px; color: #999; letter-spacing: -0.03em; line-height: 1.73;}
#wrap #loginWrap .mlog-sign .exclamation_txt:before {content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background: url('/design/sidmool/da_image/icon_exclamation.png') no-repeat center; background-size: 100%;}
#wrap #loginWrap .mlog-sign .exclamation_txt.type2 {margin-top: 12px; font-weight: 500; color: #666;}
#wrap #loginWrap .mlog-sign .exclamation_txt.type2:before {background: url('/design/sidmool/da_image/icon_exclamation2.png') no-repeat center; background-size: 100%;}
#wrap #loginWrap .mlog-sign .btn-mlog {position: relative; left: inherit; top: inherit;}
#wrap #loginWrap .mlog-sign .btn_login {display: block; width: 100%; height: 60px; margin-top: 30px; font-size: 20px; font-weight: 600; line-height: 60px; text-align: center;}

#wrap #loginWrap .mlog-sign .frm {position: relative;}
#wrap #loginWrap .mlog-sign .frm > .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: 20px; font-weight: 600; color: #333; letter-spacing: -0.03em; text-align: center; line-height: 1.6; z-index: 1;}

#wrap #loginWrap .mlog-sign .find > p {margin: 16px 0 30px; font-size: 20px; color: #333; letter-spacing: -0.02em; text-align: center;}
#wrap #loginWrap .mlog-sign .find  .frm-list {display: flex; justify-content: space-between;}
#wrap #loginWrap .mlog-sign .find  .frm-list li {width: 100%; height: 295px; box-sizing: border-box; border: 1px solid #ddd;}
#wrap #loginWrap .mlog-sign .find  .frm-list li + li {margin-left: 20px;}
#wrap #loginWrap .mlog-sign .find  .frm-list li:hover {border-color: #000;}
#wrap #loginWrap .mlog-sign .find  .frm-list li a {display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.02em;}
#wrap #loginWrap .mlog-sign .find  .frm-list li a img {display: block; margin: 0 auto; margin-bottom: 24px;}
#wrap #loginWrap .mlog-sign .find .info_list {display: flex; align-items: center; margin-top: 18px;}
#wrap #loginWrap .mlog-sign .find .info_list a {font-size: 15px; color: #777; letter-spacing: -0.02em;}
#wrap #loginWrap .mlog-sign .find .info_list a + a:before {content: ""; display: inline-block; width: 1px; height: 10px; background: #ddd; margin: 0 20px;}

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

#wrap #loginWrap .mlog-sign .sign {float: none; padding-top: 0; padding-left: 100px; border-left: 1px solid #eee; text-align: left;}
#wrap #loginWrap .mlog-sign .sign .msg {margin-top: -8px; padding-bottom: 52px; border-bottom: 1px solid #000; font-size: 28px; color: #111; letter-spacing: -0.03em; line-height: 1.42;}
#wrap #loginWrap .mlog-sign .sign .join_benefits {margin-top: 54px;}
#wrap #loginWrap .mlog-sign .sign .join_benefits dl {padding-left: 90px; background: url('/design/sidmool/da_image/icon_join_benefits01.png') no-repeat left 5px;}
#wrap #loginWrap .mlog-sign .sign .join_benefits dl + dl {margin-top: 50px; background: url('/design/sidmool/da_image/icon_join_benefits02.png') no-repeat left 5px;}
#wrap #loginWrap .mlog-sign .sign .join_benefits dl dt {margin-bottom: 12px; font-size: 20px; color: #333; letter-spacing: -0.03em; line-height: 1.4;}
#wrap #loginWrap .mlog-sign .sign .join_benefits dl dd {font-size: 16px; color: #777; letter-spacing: -0.03em; line-height: 1.625; word-break: keep-all;}
#wrap #loginWrap .mlog-sign .sign .btn_join {display: block; width: 100%; height: 60px; margin-top: 74px; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; line-height: 60px; text-align: center;}

@media only screen and (max-width:1500px){
    #wrap #loginWrap .mlog-sign .mlog_box {padding-right: 70px;}
    #wrap #loginWrap .mlog-sign .sign {padding-left: 70px;}
}
/* BASIC css end */