/* ===== MEMBER LOGIN ===== */

.login_tit_wrap {text-align:center; color:#111; font-size:14px; font-weight:normal;}
.login_tit_wrap > h1 {margin:0 0 5px 0; font-size:30px; font-weight:normal;}
.login_tit_wrap > h2 {margin:0 0 5px 0; font-size:25px; font-weight:normal;}
.login_tit_wrap .m_join {color:#0170c9;}

.login_box_wrap {background:#fff; border:1px solid #ddd; border-top:none; padding:15px 15px 15px 15px;}
.login_box_wrap input,
.login_box_wrap textarea {width:100%;}
.login_box_wrap .postcode input {width:50%;}
.login_box_wrap .postcode .m_btn_style01 {width:80px; margin-left:5px; border-radius:3px;}
.login_box_wrap .m_btn_style01 {width:100%;}

.login_box_wrap.bt_blue {border-top:2px solid #0170c9;}
.login_box_wrap.bt_ddd {border-top:1px solid #ddd;}

.login_box_wrap .login_box_inner {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.login_box_wrap .account_tit {font-size:14px; color:#888; font-weight:normal; text-align:center; border-top:1px solid #eee; padding:13px 0 12px 0; letter-spacing:-0.5px;}
.login_box_wrap .account_tit.bottom {padding:13px 0 0 0; border:none; font-size:13px; line-height:20px;}
.login_box_wrap .account_tit.border_0 {padding:0 0 12px 0; border:none;}
.login_box_wrap .formGroup.radio {text-align:center; margin-bottom:10px;}

.login_box_wrap #cert_send_ok, #cert_send_ok2 {display:none;}
.login_box_wrap .cert_code_info, .cert_code_info2 {display:none;}
.login_box_wrap .member_search_info {display:none;}
.login_box_wrap .sing_info {display:none;}


.account_info {text-align:center; letter-spacing:-0.5px;}
.account_info > a {font-size:14px; color:#333;}
.account_info .divider {display:inline-block; width:1px; height:12px; background:#ddd; margin:0 7px 0 7px; vertical-align:middle;}

.sns_login_wrap {}
.sns_login_wrap > a {display:block; border:1px solid #ddd; color:#333; font-size:14px; padding:0 10px 0 52px; height:45px; line-height:45px; box-sizing:border-box; position:relative; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; background-size:auto 100% !important;}

.sns_login_wrap > a .arrow {position:absolute; top:0; right:0; width:43px; height:43px; background:#f5f6f7 url(/Mobile/images/member/sns_login_arrow01.png) no-repeat center; background-size:contain;}

.sns_login_wrap > a.naver {background:url(/Mobile/images/member/sns_login_iCon01.png) no-repeat left top;}
.sns_login_wrap > a.google {background:url(/Mobile/images/member/sns_login_iCon02.png) no-repeat left top;}
.sns_login_wrap > a.facebook {background:url(/Mobile/images/member/sns_login_iCon03.png) no-repeat left top;}
.sns_login_wrap > a.kakao {background:url(/Mobile/images/member/sns_login_iCon04.png) no-repeat left top;}

.sns_login_wrap > a.naver:hover {background:#f5f6f7 url(/Mobile/images/member/sns_login_iCon01.png) no-repeat left top;}
.sns_login_wrap > a.google:hover {background:#f5f6f7 url(/Mobile/images/member/sns_login_iCon02.png) no-repeat left top;}
.sns_login_wrap > a.facebook:hover {background:#f5f6f7 url(/Mobile/images/member/sns_login_iCon03.png) no-repeat left top;}
.sns_login_wrap > a.kakao:hover {background:#f5f6f7 url(/Mobile/images/member/sns_login_iCon04.png) no-repeat left top;}

.account_mody_tit01 {font-size:15px; color:#333; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:12px; padding-bottom:12px;}
.account_mody_tit01 .tit_iCon {display:inline-block; width:4px; height:15px; background:#0170c9; margin-right:8px; vertical-align:middle;}


/* ===== MEMBER LOGIN - SSO ===== */

.login_sso_tit {text-align:center; color:#333; font-size:16px; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #eee; border-top:1px solid #ddd; padding:15px 0 15px 0; letter-spacing:-0.5px; font-weight:normal;}


/* ===== MEMBER JOIN ===== */

.member_join_tit {font-size:30px; text-align:center; font-weight:normal; margin:25px 0 20px 0;}
.member_join_tit .small {font-size:13px; letter-spacing:-0.5px; display:inline-block; margin-top:5px;}

.sns_member_join {background:#fff; color:#333; padding:15px 0 15px 0; font-size:15px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:15px;}
.sns_member_join > a {display:inline-block; text-indent:-9999px; width:40px; height:25px; background-size:contain !important; vertical-align:middle; border-radius:4px; margin-left:5px;}

.sns_member_join.login_sso {border:1px solid #ddd; border-bottom:4px solid #ddd;}

.sns_member_join > a.naver {background:#2db400 url(/Mobile/images/member/sns_join_iCon01.png) no-repeat center;}
.sns_member_join > a.google {background:#e24939 url(/Mobile/images/member/sns_join_iCon02.png) no-repeat center;}
.sns_member_join > a.facebook {background:#3b5998 url(/Mobile/images/member/sns_join_iCon03.png) no-repeat center;}
.sns_member_join > a.kakao {background:#322610 url(/Mobile/images/member/sns_join_iCon04.png) no-repeat center;}

.sns_member_join > a.naver_off {background:#b1b1b1 url(/Mobile/images/member/sns_join_iCon01.png) no-repeat center;}
.sns_member_join > a.google_off {background:#b1b1b1 url(/Mobile/images/member/sns_join_iCon02.png) no-repeat center;}
.sns_member_join > a.facebook_off {background:#b1b1b1 url(/Mobile/images/member/sns_join_iCon03.png) no-repeat center;}
.sns_member_join > a.kakao_off {background:#b1b1b1 url(/Mobile/images/member/sns_join_iCon04_ok.png) no-repeat center;}

.sns_join_info {background:#fff; text-align:center; padding:20px 15px 18px 15px; color:#555; font-size:13px; letter-spacing:-0.5px; line-height:20px; border-bottom:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box;}
.sns_join_info > h3 {color:#333; font-size:16px; margin:0 0 8px 0;}
.sns_join_info > h3 > strong {color:#0170c9;}

.member_join_wrap {background:#fff; border-top:1px solid #ddd;}

.member_join_wrap #cert_send_ok, #cert_send_ok2 {display:none;}
.member_join_wrap .cert_code_info, .cert_code_info2 {display:none;}
.member_join_wrap .member_search_info {display:none;}
.member_join_wrap .sing_info {display:none;}

.formGroup {position:relative;}
.formGroup.b_bottom {border-bottom:1px solid #ddd;}
.formGroup.b_bottom_02 {border-bottom:1px solid #eee;}

.formGroup.form_tit01 {height:45px; line-height:45px; font-size:14px; color:#555; padding-left:10px; letter-spacing:-0.5px;}

.formGroup.btn_box01 {font-size:14px; color:#555; padding:10px 10px 0 10px; letter-spacing:-0.5px;}

.formGroup.form_info01 {height:70px; line-height:70px; font-size:14px; color:#666; padding-left:10px; letter-spacing:-0.5px; background:#fafafa;}

.formGroup .reg_divider_01, .formGroup .reg_divider_02 {color:#b2b2b2; display:inline-block; *zoom:1; *display:inline; margin:0 3px 0 3px; text-align:center;}
.formGroup .reg_divider_02.mg0 {margin:0 0 0 0;}
.formGroup .reg_divider_01 {background:url(/Mobile/images/member/reg_divider01.png) no-repeat right; width:20px;}
.formGroup .reg_divider_02 {background:url(/Mobile/images/member/reg_divider02.png) no-repeat right; width:26px;}
.formGroup .reg_divider_03 {background:url(/Mobile/images/member/reg_divider03.png) no-repeat center; width:1px; height:18px;}
.formGroup .reg_divider_04 {color:#b2b2b2; display:inline-block; *zoom:1; *display:inline;}

.formGroup.lllcard_prev_box {padding:12px 12px 12px 12px; text-align:center; background:#fafafa;}
.formGroup.lllcard_prev_box img {display:block; width:45%; margin:0 auto; margin-top:8px;}

/* ===== FORM BUTTON ===== */

.formGroup .reg_btn01, .formGroup .reg_btn01_ok, .formGroup .reg_btn01_wait {position:absolute; display:inline-block; *zoom:1; *display:inline; right:9px; top:9px; border:1px solid #888; color:#888; text-align:center; background:#fff; font-size:12px; font-weight:normal; letter-spacing:-0.5px; padding:0 6px 0 6px; height:25px; line-height:25px; cursor:pointer;}
.formGroup .reg_btn01.btn {height:28px;}
.formGroup .reg_btn01:hover {border:1px solid #333; color:#333;}

.formGroup .reg_btn01_ok {background:#0170c9; border:1px solid #0170c9; color:#fff;}
.formGroup .reg_btn01_wait {background:#5a6069; border:1px solid #5a6069; color:#fff;}
.formGroup .reg_btn01_wait:hover {background:#3a4048; border:1px solid #3a4048; color:#fff;}

.formGroup .reg_btn02 {position:absolute; display:inline-block; *zoom:1; *display:inline; right:12px; top:10px; color:#ababab; text-align:right; font-size:12px; letter-spacing:-0.5px; padding:0 13px 0 6px; height:24px; line-height:23px; background:#fff url(/Mobile/images/member/reg_input_iCon02.png) no-repeat right; background-size:8px auto !important;}
.formGroup .reg_btn02:hover {color:#555; background:#fff url(/Mobile/images/member/reg_input_iCon02_over.png) no-repeat right;}
.formGroup .reg_btn02.active {color:#555; background:#fff url(/Mobile/images/member/reg_input_iCon02_on.png) no-repeat right;}

.formGroup .reg_btn03 {display:inline-block; *zoom:1; *display:inline; border:1px solid #888; text-align:center; background:#fff; font-size:12px; font-weight:bold; letter-spacing:-0.5px; padding:0 8px 0 8px; height:24px; line-height:23px; cursor:pointer;}
.formGroup .reg_btn03.btn {height:28px;}
.formGroup .reg_btn03:hover {border:1px solid #333; color:#333;}

#reg_contents {position:relative;}
#reg_contents .reg_title {text-align:center; font-size:45px; color:#333; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;}
#reg_contents .reg_title.kor {letter-spacing:-1px; font-size:42px;}
#reg_contents .reg_title.kor_20 {letter-spacing:-1px; font-size:20px;}
#reg_contents .reg_title strong {font-family:'NanumSquareEB', 'Malgun Gothic';}
#reg_contents .reg_title .small {font-size:18px; display:block; margin:15px 0 30px 0; letter-spacing:-0.6px;}

#reg_contents .reg_join_btn01 {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center; font-size:18px; letter-spacing:-0.5px; height:55px; line-height:52px; box-sizing:border-box;
							   transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

#reg_contents .reg_join_btn01.btn_default01 {background:#fff; color:#777; border:1px solid #777;}
#reg_contents .reg_join_btn01.btn_default01:hover {background:#fafafa; color:#777; border:1px solid #777;}

#reg_contents .reg_join_btn01.btn_blue01 {background:#0170c9; color:#fff; border:1px solid #0170c9;}
#reg_contents .reg_join_btn01.btn_blue01:hover {background:#003a7c; color:#fff; border:1px solid #003a7c;}

#reg_copy {text-align:center; color:#555; font-size:13px; letter-spacing:-0.8px; padding:10px 0 40px 0; background:transparent; position:relative; width:100%;}


/* ===== FORM TOOLTIP ===== */

.formGroup .req_info {display:none; color:#ff0000; font-size:12px; letter-spacing:-0.5px; padding:5PX 0 12px 5px;}
.formGroup .req_info_ok {display:none; color:#0170c9; font-size:12px; letter-spacing:-0.5px; padding:5PX 0 12px 5px;}

.formGroup .req_info2 {display:none; color:#ff0000; font-size:12px; letter-spacing:-0.5px;}
.formGroup .req_info2_ok {display:none; color:#0170c9; font-size:12px; letter-spacing:-0.5px;}

.formGroup .req_info3 {color:#ff0000; font-size:12px; letter-spacing:-0.5px; letter-spacing:-0.5px; padding:0 0 12px 10px;}
.formGroup .req_info4 {color:#ff0000; font-size:12px; letter-spacing:-0.5px; padding:0 0 0 0px;}

.formGroup .req_time {position:absolute; color:#ff0000; right:115px; top:15px; font-size:13px;}

.confirm_time {display:none; color:#ff0000; font-size:12px; margin-left:10px;}
.confirm_time .time {letter-spacing:0;}

.confirm_time2 {display:none; color:#ff0000; font-size:12px; margin-left:10px;}
.confirm_time2  .time2 {letter-spacing:0;}

/* ===== FORM STYLE ===== */

.formGroup label {font-size:14px; color:#333; letter-spacing:-0.5px; display:inline-block; *zoom:1; *display:inline; border:1px solid #fff;}
.formGroup label.input_label {height:45px; line-height:45px;}
.formGroup label.label_primary {font-size:15px; color:#333 !important;}

.formGroup label[disabled], .formGroup label[disabled] input {cursor:not-allowed !important;}

.formGroup input[type="text"],
.formGroup input[type="password"],
.formGroup input[type="email"],
.formGroup input[type="tel"],
.formGroup input[type="number"] {color:#555; font-size:13px; letter-spacing:-0.4px; height:45px; line-height:45px; padding-left:10px; border:1px solid #fff; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.formGroup input[type="text"]:focus,
.formGroup input[type="password"]:focus,
.formGroup input[type="email"]:focus,
.formGroup input[type="tel"]:focus,
.formGroup input[type="number"]:focus {border:1px solid #0170c9; height:45px; line-height:45px; outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

.formGroup input:-ms-input-placeholder {color:#b2b2b2; font-size:13px; height:45px;}
.formGroup .placeholder {color:#b2b2b2; font-size:13px; height:45px;}

.formGroup select {color:#555; font-size:13px; letter-spacing:-0.6px; height:45px; padding:0 15px 0 10px; font-weight:normal; border:1px solid #fff; margin:0 0 0 0;
				   background:#fff url(/Mobile/images/member/reg_input_iCon01.png) no-repeat right; background-size:10px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.formGroup select::-ms-expand {display:none;}
.formGroup select:hover {color:#0170c9;}

.formGroup select option,
.formGroup select option:hover {color:#555; font-weight:normal; cursor:pointer;}

.formGroup.checkbox label {cursor:pointer; color:#555; border:0;}
.formGroup.checkbox label.label_lg {font-size:15px;}
.formGroup.checkbox label.label_sm {font-size:14px;}
.formGroup.checkbox label.label_xs {font-size:13px;}
.formGroup.checkbox label.tit {cursor:text; font-weight:bold;}

.formGroup.checkbox input[type="checkbox"] {width:20px; height:20px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-color:transparent;}
.formGroup.checkbox input[type="checkbox"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:middle;}
.formGroup.checkbox input[type="checkbox"]::-ms-check {display:none;}

.formGroup.checkbox input[type="checkbox"] {background:#fff url(/Mobile/images/inc/com_input_iCon01_01.png) no-repeat; background-size:contain !important; outline:0;}
.formGroup.checkbox input[type="checkbox"]:checked {background:#fff url(/Mobile/images/inc/com_input_iCon01_02.png) no-repeat; background-size:contain !important;}
.formGroup.checkbox input[type="checkbox"]:disabled {background:#fff url(/Mobile/images/inc/com_input_iCon01_01.png) no-repeat; background-size:contain !important;}
.formGroup.checkbox input[type="checkbox"]:disabled:checked {background:#fff url(/Mobile/images/inc/com_input_iCon01_02.png) no-repeat; background-size:contain !important;}

.formGroup.radiobox {}

.formGroup.radiobox label {cursor:pointer; color:#555; border:0;}
.formGroup.radiobox input[type="checkbox"] {width:20px; height:20px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-color:transparent;}
.formGroup.radiobox input[type="checkbox"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:middle;}
.formGroup.radiobox input[type="checkbox"]::-ms-check {display:none;}

.formGroup.radiobox input[type="checkbox"] {background:url(/Mobile/images/inc/com_input_iCon02_01.png) no-repeat; background-size:contain !important; outline:0;}
.formGroup.radiobox input[type="checkbox"]:checked {background:url(/Mobile/images/inc/com_input_iCon02_02.png) no-repeat; background-size:contain !important;}
.formGroup.radiobox input[type="checkbox"]:disabled {background:url(/Mobile/images/inc/com_input_iCon02_01.png) no-repeat; background-size:contain !important;}
.formGroup.radiobox input[type="checkbox"]:disabled:checked {background:url(/Mobile/images/inc/com_input_iCon02_02.png) no-repeat; background-size:contain !important;}
 
.formGroup.radio {}
.formGroup.radio.h45 {height:45px; line-height:45px; padding-left:10px;}
 
.formGroup.radio label {cursor:pointer; color:#555; border-color:transparent;}
.formGroup.radio label.tit {cursor:text; font-weight:bold;}

.formGroup.radio input[type="radio"] {width:20px; height:20px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-color:transparent;}
.formGroup.radio input[type="radio"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:middle;}
.formGroup.radio input[type="radio"]::-ms-check {display:none;}

.formGroup.radio input[type="radio"] {background:url(/Mobile/images/inc/com_input_iCon02_01.png) no-repeat; background-size:contain !important; outline:0;}
.formGroup.radio input[type="radio"]:checked {background:url(/Mobile/images/inc/com_input_iCon02_02.png) no-repeat; background-size:contain !important;}
.formGroup.radio input[type="radio"]:disabled {background:url(/Mobile/images/inc/com_input_iCon02_01.png) no-repeat; background-size:contain !important;}
.formGroup.radio input[type="radio"]:disabled:checked {background:url(/Mobile/images/inc/com_input_iCon02_02.png) no-repeat; background-size:contain !important;}

.formGroup textarea {border:1px solid #ddd; padding:15px 10px 10px 10px; font-size:13px; letter-spacing:-0.6px; color:#555; margin:0; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-color:transparent;}

.formGroup input[type="file"] {height:45px; padding:10px 10px 10px 10px; font-size:13px; letter-spacing:-0.6px; color:#555; box-sizing:border-box;}


/* ===== MOBILE REGISTER ===== */

.m_join_rule {border-bottom:1px solid #ddd;}
.m_join_rule .rule_tit label {position:relative; height:45px; line-height:45px; margin-left:10px; color:#333; font-weight:bold;}
.m_join_rule .m_rule_detail {display:none; font-size:13px; letter-spacing:-0.5px; line-height:22px; color:#666; border-top:1px solid #eee; margin:0 0 0 0; padding:15px 15px 15px 15px; height:195px; overflow-y:scroll;}
.m_join_rule .m_rule_detail p {position:relative; display:block;}
.m_join_rule .m_rule_detail p a {position:absolute; top:0; right:0; color:#ababab;}
.m_join_rule .m_rule_detail p.last {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}

.member_join_benefit {background:#fff; text-align:center; font-size:14px; padding:15px 20px 20px 20px; line-height:24px; color:#555; font-weight:normal;}
.member_join_benefit > img {max-width:100%; width:60%;}
.member_join_benefit > h1 {font-size:18px; margin:15px 0 15px 0; color:#333;}

.formGroup .nor_txt_h45 {height:45px; line-height:45px; font-size:13px; letter-spacing:-0.5px; line-height:22px; color:#0170c9; padding-left:10px;}


/* ===== MEMBER ACCOUNT ===== */

.formGroup.form_txt {}
.formGroup.form_txt > dl {display:inline-block; width:100%;}
.formGroup.form_txt > dl > dt, .formGroup.form_txt > dl > dd {float:left; font-size:13px; color:#333; height:45px; line-height:45px; border-bottom:1px solid #ddd; padding:0 10px 0 10px; box-sizing:border-box;}
.formGroup.form_txt > dl > dt {width:25%; color:#888;}
.formGroup.form_txt > dl > dd {width:75%;}

.formGroup.form_txt.join_date > dl > dt, .formGroup.form_txt.join_date > dl > dd {background:#fafafa;}

/* ===== ZIPCODE ===== */

.zipcode_btn01 {display:block; width:300px; text-align:center; font-size:18px; letter-spacing:-1px; height:55px; line-height:52px; box-sizing:border-box;
				background:#0170c9; color:#fff; border:1px solid #0170c9; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.zipcode_btn01:hover {background:#003a7c; color:#fff; border:1px solid #003a7c;}