/* ===== MEMBER COMMON ===== */

#reg_bg {background:#f5f6f7;}

#reg_wrap {position:relative; width:100%; min-width:600px; height:100%; background:#f5f6f7;}

.reg_container {position:relative; width:600px; /*max-width:600px;*/ margin:0 auto;}
.reg_container:after {content:""; display:block; clear:both;}

#reg_header {width:100%; min-width:600px; border-bottom:1px solid #ddd; background:#fff; padding:15px 0 15px 0; height:50px;}
#reg_header .reg_logo {float:left; margin:0; padding:0;}
#reg_header .reg_logo a,
#reg_header .reg_logo img {display:block;}

#reg_header .reg_snb {display:inline-block; *zoom:1; *display:inline; float:right; text-align:right; margin-top:25px;}
#reg_header .reg_snb .divider {display:inline-block; *zoom:1; *display:inline; width:12px; height:12px; background:url(/web/images/member/member_top_divider01.jpg) no-repeat center top;}
#reg_header .reg_snb a {display:inline-block; *zoom:1; *display:inline; font-size:14px; letter-spacing:-0.8px;}
#reg_header .reg_snb a strong {color:#333;}

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

.reg_contents_pdt40 {padding:40px 0 0 0 !important;}
#reg_contents {position:relative; min-width:600px; padding:50px 0 0 0; background:#f5f6f7;}
#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_30 {letter-spacing:-1px; font-size:30px;}
#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_sns {width:100%; margin:20px 0 30px 0;}
#reg_contents .reg_sns > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
#reg_contents .reg_sns > ul > li {float:left; width:50%; height:35px;}

#reg_contents .reg_sns > ul > li.sns_tit {text-align:right;}
#reg_contents .reg_sns > ul > li.sns_tit h3 {background:url(/web/images/member/reg_sns_bg01.png) no-repeat right top; height:20px; padding:15px 8px 0 0; font-size:18px; letter-spacing:-0.8px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;}

#reg_contents .reg_sns > ul > li.sns_icon {text-align:left;}
#reg_contents .reg_sns > ul > li.sns_icon a {display:inline-block; *zoom:1; *display:inline; float:left; width:35px; height:35px; margin:0 0 0 5px; color:transparent; font-size:0px;}

#reg_contents .reg_sns > ul > li.sns_icon a.reg_facebook {background:url(/web/images/member/reg_sns_iCon01.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_google {background:url(/web/images/member/reg_sns_iCon02.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_naver {background:url(/web/images/member/reg_sns_iCon03.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_kakao {background:url(/web/images/member/reg_sns_iCon04.png) no-repeat center; background-size:contain;}

#reg_contents .reg_sns > ul > li.sns_icon a.reg_facebook:hover {background:url(/web/images/member/reg_sns_iCon01_on.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_google:hover {background:url(/web/images/member/reg_sns_iCon02_on.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_naver:hover {background:url(/web/images/member/reg_sns_iCon03_on.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_kakao:hover {background:url(/web/images/member/reg_sns_iCon04_on.png) no-repeat center; background-size:contain;}

#reg_contents .reg_sns > ul > li.sns_icon a.reg_facebook_off {background:url(/web/images/member/reg_sns_iCon01_off.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_google_off {background:url(/web/images/member/reg_sns_iCon02_off.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_naver_off {background:url(/web/images/member/reg_sns_iCon03_off.png) no-repeat center; background-size:contain;}
#reg_contents .reg_sns > ul > li.sns_icon a.reg_kakao_off {background:url(/web/images/member/reg_sns_iCon04_off.png) no-repeat center; background-size:contain;}


#reg_contents .sns_profile {width:598px; background:#fff; border:1px solid #ddd; border-bottom:5px solid #ddd;}
#reg_contents .sns_profile > ul {width:100%; display:inline-block; *zoom:1; *display:inline; margin:0 0 -4px 0;}
#reg_contents .sns_profile > ul > li {float:left; height:126px; padding:14px 0 0 0;}
#reg_contents .sns_profile > ul > li.p_photo {width:200px;}
#reg_contents .sns_profile > ul > li.p_photo > img {display:block; margin:0 auto; border-radius:300px; width:110px; height:110px;}
#reg_contents .sns_profile > ul > li.p_txt {width:398px; font-size:14px; line-height:23px; letter-spacing:-0.8px; color:#555;}
#reg_contents .sns_profile > ul > li.p_txt > h3 {font-size:25px; color:#111; font-weight:normal; margin:6px 0 10px 0; letter-spacing:-2px;}
#reg_contents .sns_profile > ul > li.p_txt .small {font-size:13px; color:#999;}

.login_event_ban {display:block; width:120px; top:40px; position:absolute; left:50%; margin-left:330px; z-index:100;} /* basic */


/* ===== REGISTER RULE ===== */

#reg_contents .reg_inputForm .reg_rule {}
#reg_contents .reg_inputForm .reg_rule div.rule_detail {display:none; font-size:12px; letter-spacing:-0.5px; line-height:22px; color:#666; border:1px solid #eee; margin:5px 0 10px 0; padding:8px 10px 0 10px; height:180px; overflow-y:scroll;}
#reg_contents .reg_inputForm .reg_rule div.rule_detail p {display:block; margin:0 0 10px 0;}
#reg_contents .reg_inputForm .reg_rule div.rule_detail .rule_tit {color:#444;}
#reg_contents .reg_inputForm #cert_send_ok, #cert_send_ok2 {display:none;}
#reg_contents .reg_inputForm .cert_code_info, .cert_code_info2 {display:none;}
#reg_contents .reg_inputForm .member_search_info {display:none;}
#reg_contents .reg_inputForm .sing_info {display:none;}

#reg_contents .privacy_tit {color:#0170c9 !important; font-weight:bold;}


/* ===== SCHOOL SEARCH ===== */

.school_search {padding:15px 15px 15px 15px; height:210px; overflow-y:scroll; box-sizing:border-box;}
.school_layer_hidden {display:none;}


/* ===== REGISTER RULE TABLE ===== */

.reg_rule_table01 {border:1px solid #ddd; width:100%;}
.reg_rule_table01 th, .reg_rule_table01 td {padding:5px 5px 5px 5px; font-size:12px; line-height:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; letter-spacing:-0.8px;}
.reg_rule_table01 th.tit_bg {color:#333; background:#fafafa;}
.reg_rule_table01 td.a_left {text-align:left; padding:0 0 0 12px;}


/* ===== FORM GROUP ===== */

#reg_contents .reg_inputForm {border:1px solid #ddd; background:#fff;}
#reg_contents .reg_inputForm > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
#reg_contents .reg_inputForm > ul > li {display:block;background:#fff; border-bottom:1px solid #eee;}
#reg_contents .reg_inputForm > ul > li:last-child, #reg_contents .reg_inputForm > ul > li.b_none {border-bottom:none;}

.formGroup {padding:8px 12px 8px 12px; position:relative; line-height:25px; font-size:13px; color:#555; letter-spacing:-0.8px;}

.formGroup.recruit {padding:0 !important; margin:0 !important; line-height:20px !important;}
.formGroup.recruit label {height:auto; margin-top:5px;}
.formGroup.recruit .reg_divider_03 {vertical-align:top; line-height:30px !important;}

.formGroup .req {display:inline-block; *zoom:1; *display:inline; font-size:18px; font-weight:bold; color:#0170c9; margin:0 0 0 4px;}
.formGroup .req.hidden {color:#fff;}


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

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

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

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

.formGroup .reg_guide_btn {position:absolute; right:12px; top:12px; display:inline-block; *zoom:1; *display:inline; width:20px; height:20px; background:url(/web/images/member/reg_btn_iCon01.png) no-repeat center;}
.formGroup .reg_guide_btn:hover, .formGroup .reg_guide_btn:focus {background:url(/web/images/member/reg_btn_iCon01_on.png) no-repeat center;}

.formGroup .reg_guide_layer {display:none; position:absolute; z-index:10; top:0; right:35px; background:url(/web/images/member/reg_guide_bg02.png) no-repeat right 9px; padding-right:11px;}
.formGroup .reg_guide_layer .reg_guide_box {position:relative; padding:10px 15px 10px 15px; border-radius:4px; background:url(/web/images/member/reg_guide_bg01.png) repeat; color:#fff; font-size:12px; line-height:22px; letter-spacing:-0.8px; text-align:left;}

.formGroup .reg_guide_layer .reg_guide_box .guide_tit {font-size:13px; margin:0 0 0 0;}
.formGroup .reg_guide_layer .reg_guide_box p {margin:0 0 0 0;}

.formGroup .reg_guide_layer .reg_guide_box .guide_close {position:absolute; top:8px; right:12px; color:#ababab; display:inline-block; *zoom:1; *display:inline; text-align:center; line-height:19px; font-weight:bold;}
.formGroup .reg_guide_layer .reg_guide_box .guide_close:hover {color:#fff;}


/* ===== PASSWORD SECURE ===== */

.pw_secure {display:none; position:absolute; top:5px; right:5px; color:#fff; font-size:12px; background:url(/web/images/member/reg_guide_bg03.png) no-repeat left; padding:0 0 0 12px;}
.pw_secure .pw_secure_layer {background:url(/web/images/member/reg_guide_bg01.png) repeat; line-height:15px; padding:3px 10px 0 10px; height:35px; border-radius:3px;}
.pw_secure p {padding:0 0 0 0; margin:0 0 0 0;}
.pw_secure p.tit {color:#ccc;}
.pw_secure p .s_step {margin:0 0 0 5px;}
.pw_secure p .s_step i {display:inline-block; *zoom:1; *display:inline; width:14px; height:4px; background:#fff; vertical-align:middle; margin:0 0 0 0;}

.pw_secure p .s_step i.step1 {background:#00a1f6;}
.pw_secure p .s_step i.step2 {background:#0097e7;}
.pw_secure p .s_step i.step3 {background:#0071c8;}

.pw_secure p .s_step i.default1 {background:#ababab;}
.pw_secure p .s_step i.default2 {background:#ababab;}
.pw_secure p .s_step i.default3 {background:#ababab;}


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

.formGroup .reg_btn01, .formGroup .reg_btn01_ok, .formGroup .reg_btn01_wait {position:absolute; display:inline-block; *zoom:1; *display:inline; right:12px; top:10px; border:1px solid #888; text-align:center; background:#fff; font-size:12px; font-weight:bold; letter-spacing:-1px; padding:0 6px 0 6px; height:25px; line-height:24px; cursor:pointer;}
.formGroup .reg_btn01.btn {height:28px; line-height:27px;}
.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:#777; text-align:right; font-size:12px; letter-spacing:-1px; padding:0 13px 0 6px; height:24px; line-height:23px; background:#fff url(/web/images/member/reg_input_iCon02.png) no-repeat right;}
.formGroup .reg_btn02:hover {color:#222; background:#fff url(/web/images/member/reg_input_iCon02_over.png) no-repeat right;}
.formGroup .reg_btn02.active {color:#222; background:#fff url(/web/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:-1px; 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 .reg_join_btn01 {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center; font-size:18px; letter-spacing:-1px; 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_contents .reg_btn_50p {width:100%; position:relative;}
#reg_contents .reg_btn_50p li {float:left; width:290px; display:inline-block; *zoom:1; *display:inline;}
#reg_contents .reg_btn_50p li:first-child {margin-right:10px;}
#reg_contents .reg_btn_50p li:last-child {margin-left:10px;}


.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_01 {background:url(/web/images/member/reg_divider01.png) no-repeat right; width:20px;}
.formGroup .reg_divider_02 {background:url(/web/images/member/reg_divider02.png) no-repeat right; width:26px;}
.formGroup .reg_divider_03 {background:url(/web/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;}


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

.formGroup.form_tit {font-size:14px; color:#333; letter-spacing:-0.8px; height:30px; line-height:25px;}
.formGroup.form_tit.lg {font-size:16px; color:#333; text-align:center;}

.formGroup.form_tit .title, .formGroup.form_tit .data {display:inline-block; *zoom:1; *display:inline; height:30px; line-height:30px;}
.formGroup.form_tit .title {}
.formGroup.form_tit .title i {display:inline-block; *zoom:1; *display:inline; width:20px; height:20px; vertical-align:text-bottom; margin:0 5px 0 0;}
.formGroup.form_tit .title i.sns_facebook {background:url(/web/images/member/reg_sns_iCon01.png) no-repeat center; background-size:contain;}
.formGroup.form_tit .title i.sns_google {background:url(/web/images/member/reg_sns_iCon02.png) no-repeat center; background-size:contain;}
.formGroup.form_tit .title i.sns_naver {background:url(/web/images/member/reg_sns_iCon03.png) no-repeat center; background-size:contain;}
.formGroup.form_tit .title i.sns_kakao {background:url(/web/images/member/reg_sns_iCon04.png) no-repeat center; background-size:contain;}

.formGroup.form_tit .data {color:#555;}
.formGroup.form_tit .data.disabled {cursor:not-allowed;}

.formGroup.form_tit .reg_date {color:#ababab; position:absolute; right:12px; top:10px;}

.formGroup label {font-size:14px; color:#333; letter-spacing:-0.8px; height:30px; display:inline-block; *zoom:1; *display:inline; border:1px solid #fff;}
.formGroup label.label_primary {font-size:15px; color:#333 !important;}
.formGroup label.label_long {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}

.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:30px; padding-left:5px; border:1px solid #fff; box-sizing:border-box;}

/* IE7, IE8 HACK - 2017.11.28 OMR */

.ie7 .formGroup input[type="text"],
.ie7 .formGroup input[type="password"],
.ie7 .formGroup input[type="email"],
.ie7 .formGroup input[type="tel"],
.ie7 .formGroup input[type="number"] {border:1px solid #ddd; height:25px;}

.ie8 .formGroup input[type="text"],
.ie8 .formGroup input[type="password"],
.ie8 .formGroup input[type="email"],
.ie8 .formGroup input[type="tel"],
.ie8 .formGroup input[type="number"] {border:1px solid #ddd;}

.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:30px; 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:30px;}
.formGroup .placeholder {color:#b2b2b2; font-size:13px; height:30px;}

.formGroup select {color:#555; font-size:13px; letter-spacing:-0.6px; height:30px; padding:0 15px 0 5px; font-weight:normal; border:1px solid #fff; margin:0 0 1px 0;
				   background:#fff url(/web/images/member/reg_input_iCon01.png) no-repeat right; -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, .formGroup.radio, .formGroup.radiobox {padding:10px 12px 6px 12px;}

.formGroup.checkbox.save_id_sso {position:absolute; right:8px; top:7px; text-align:right; display:inline-block}

.formGroup.checkbox label {cursor:pointer; color:#555;}
.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:18px; height:18px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border:none;}
.formGroup.checkbox input[type="checkbox"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:text-bottom;}
.formGroup.checkbox input[type="checkbox"]::-ms-check {display:none;}

.formGroup.checkbox input[type="checkbox"] {background:url(/web/images/member/reg_check_iCon_all.png) no-repeat 0 0; outline:0;}
.formGroup.checkbox input[type="checkbox"]:checked {background-position:0 -18px;}
.formGroup.checkbox input[type="checkbox"]:disabled {background-position:0 -36px;}
.formGroup.checkbox input[type="checkbox"]:disabled:checked {background-position:0 -18px;}
 
.formGroup.radio label {cursor:pointer; color:#555;}
.formGroup.radio label.tit {cursor:text; font-weight:bold;}

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

.formGroup.radio input[type="radio"] {background:url(/web/images/member/reg_check_iCon_all.png) no-repeat 0 -36px; outline:0;}
.formGroup.radio input[type="radio"]:checked {background-position:0 -54px;}
.formGroup.radio input[type="radio"]:disabled {background-position:0 -36px;}
.formGroup.radio input[type="radio"]:disabled:checked {background-position:0 -36px;}

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

.formGroup.radiobox input[type="checkbox"] {background:url(/web/images/member/reg_check_iCon_all.png) no-repeat 0 -36px; outline:0;}
.formGroup.radiobox input[type="checkbox"]:checked {background-position:0 -54px;}
.formGroup.radiobox input[type="checkbox"]:disabled {background-position:0 -36px;}
.formGroup.radiobox input[type="checkbox"]:disabled:checked {background-position:0 -36px;}

.formGroup .w50 {width:50px;}
.formGroup .w70 {width:70px;}
.formGroup .w702 {width:70px;margin-right:90px;}


.formGroup .w80 {width:80px;}
.formGroup .w90 {width:90px;}
.formGroup .w100 {width:100px;}
.formGroup .w110 {width:110px;}
.formGroup .w120 {width:120px;}
.formGroup .w125 {width:125px;}
.formGroup .w130 {width:130px;}
.formGroup .w140 {width:140px;}
.formGroup .w150 {width:150px;}
.formGroup .w170 {width:170px;}
.formGroup .w180 {width:180px;}
.formGroup .w200 {width:200px;}
.formGroup .w300 {width:300px;}
.formGroup .w400 {width:400px;}
.formGroup .w500 {width:500px;}

.formGroup .w30p {width:30%;}
.formGroup .w40p {width:40%;}
.formGroup .w50p {width:50%;}
.formGroup .w60p {width:60%;}
.formGroup .w70p {width:70%;}
.formGroup .wFull {width:100%;}

 
.confirm_option {position:relative;}
.confirm_option > ul {display:block; width:100%; margin:0;}
.confirm_option > ul > li {float:left; width:200px; 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;}

.confirm_option.col_03 > ul > li {width:199px;}
.confirm_option.col_03 > ul > li:last-child {width:200px;}
.confirm_option.col_02 > ul > li {width:299px;}
.confirm_option.col_01 > ul > li {width:598px;}

.confirm_option > ul > li.sign {background:#fff url(/web/images/member/reg_confirm_iCon01.png) no-repeat center 13px;}
.confirm_option > ul > li.mobile {background:#fff url(/web/images/member/reg_confirm_iCon02.png) no-repeat center 13px;}
.confirm_option > ul > li.ipin {background:#fff url(/web/images/member/reg_confirm_iCon04.png) no-repeat center 13px;}

.confirm_option > ul > li.sign:hover, .confirm_option > ul > li.sign.active {background:#0170c9 url(/web/images/member/reg_confirm_iCon01.png) no-repeat center 13px;}
.confirm_option > ul > li.mobile:hover, .confirm_option > ul > li.mobile.active {background:#0170c9 url(/web/images/member/reg_confirm_iCon02.png) no-repeat center 13px;}
.confirm_option > ul > li.ipin:hover, .confirm_option > ul > li.ipin.active {background:#0170c9 url(/web/images/member/reg_confirm_iCon04.png) no-repeat center 13px;}

.confirm_option > ul > li.point {background:#fff url(/web/images/member/member_benefit_iCon02_01.png) no-repeat center 13px;}
.confirm_option > ul > li.event {background:#fff url(/web/images/member/member_benefit_iCon02_02.png) no-repeat center 13px;}
.confirm_option > ul > li.sample {background:#fff url(/web/images/member/member_benefit_iCon02_03.png) no-repeat center 13px;}

.confirm_option > ul > li.point:hover {background:#0170c9 url(/web/images/member/member_benefit_iCon02_01.png) no-repeat center 13px;}
.confirm_option > ul > li.event:hover {background:#0170c9 url(/web/images/member/member_benefit_iCon02_02.png) no-repeat center 13px;}
.confirm_option > ul > li.sample:hover {background:#0170c9 url(/web/images/member/member_benefit_iCon02_03.png) no-repeat center 13px;}

.confirm_option > ul > li a {display:inline-block; *zoom:1; *display:inline; width:100%; padding:100px 0 20px 0; text-align:center; font-size:12px; letter-spacing:-0.8px;}
.confirm_option > ul > li a:hover, .confirm_option > ul > li a:hover h3, .confirm_option > ul > li.active h3, .confirm_option > ul > li.active a {color:#fff;}
.confirm_option > ul > li a h3 {font-size:13px; margin:0 0 5px 0; color:#333;}

.confirm_option .confirm_ok {position:absolute; left:0; top:0; background:url(/web/images/member/confirm_option_bg01.png) repeat; display:block; color:#fff; width:100%; height:158px; line-height:158px; text-align:center; font-size:20px; letter-spacing:-1px; display:none}

.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;}


/* ===== REGISTER OK ===== */

.account_info {font-size:16px; color:#555; letter-spacing:-0.8px; text-align:center; line-height:48px; background:#fff; border:1px solid #ddd; height:50px;}
.account_info strong {letter-spacing:0;}

.memb_benefit {background:#fff url(/web/images/member/member_benefit_iCon01.png) no-repeat center 30px; text-align:center; padding:255px 0 50px 0;}
.memb_benefit h3 {font-size:30px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; letter-spacing:-1px;}
.memb_benefit h3 p {font-size:18px; margin:18px 0 0 0; letter-spacing:-0.6px;}
.memb_benefit h3 p strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:normal;}



/* ===== LOGIN COMMON ===== */

#login_area {width:100%; margin:0 0 25px 0; position:relative;}
#login_area > ul {fdisplay:inline-block; *zoom:1; *display:inline; widows:100%;}
#login_area > ul:after {content:""; display:block; clear:both;}
#login_area > ul > li {float:left; width:320px;}

#login_area .login_box {border:1px solid #ddd; border-bottom:4px solid #ddd; background:#fff; padding:25px 25px 25px 25px; position:relative; width:268px; height:198px;}
#login_area .login_box > h3 {font-size:18px; font-weight:normal; letter-spacing:-1px; margin:0 0 22px 0;}
#login_area .login_box > h3 > span {font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;}
#login_area .login_box > h3 > span > strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;}

#login_area .login_box > h3 .login_option {display:inline-block; *zoom:1; *display:inline; float:right; text-align:right; padding:5px 0 0 0;}

#login_area .login_box > h3 .login_option .btn_actX {text-align:center; position:absolute; top:27px; right:56px; display:inline-block; *zoom:1; *display:inline; letter-spacing:-0.5px;
	font-size:11px; height:22px; line-height:13px; padding:3px 4px 2px 5px; cursor:pointer;	background:#fff; color:#5a6069; border:1px solid #5a6069;
	transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing:border-box;}
#login_area .login_box > h3 .login_option .btn_actX:hover {background:#3d444e; color:#fff; border:1px solid #3d444e;}

#login_area .login_box > h3 .login_option .btn_actX.disabled {background:#fff; color:#a8a8a8; border:1px solid #a8a8a8; cursor:not-allowed;}

#login_area .sns_login {width:320px;}
#login_area .sns_login a {display:block; position:relative; color:#333; height:50px; line-height:50px; width:253px; font-size:15px; letter-spacing:-1px; padding:0 0 0 65px; border:1px solid #ddd; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

#login_area .sns_login a .login_arrow {display:block; width:50px; height:50px; position:absolute; top:0; right:0; background:#f5f6f7 url(/web/images/member/sns_login_arrow01.png) no-repeat;}

#login_area .sns_login a.facebook {background:#fff url(/web/images/member/sns_login_iCon01.png) no-repeat;}
#login_area .sns_login a.google {background:#fff url(/web/images/member/sns_login_iCon02.png) no-repeat;}
#login_area .sns_login a.naver {background:#fff url(/web/images/member/sns_login_iCon03.png) no-repeat;}
#login_area .sns_login a.kakao {background:#fff url(/web/images/member/sns_login_iCon04.png) no-repeat;}

#login_area .sns_login a.facebook:hover {background:#f5f6f7 url(/web/images/member/sns_login_iCon01.png) no-repeat;}
#login_area .sns_login a.google:hover {background:#f5f6f7 url(/web/images/member/sns_login_iCon02.png) no-repeat;}
#login_area .sns_login a.naver:hover {background:#f5f6f7 url(/web/images/member/sns_login_iCon03.png) no-repeat;}
#login_area .sns_login a.kakao:hover {background:#f5f6f7 url(/web/images/member/sns_login_iCon04.png) no-repeat;}


/* ===== LOGIN MENU ===== */

#login_menu {background:#f5f6f7; border:1px solid #eee; width:998px; position:relative;}
#login_menu > ul {width:100%; display:inline-block; *zoom:1; *display:inline;}
#login_menu > ul:after {content:""; display:block; clear:both;}
#login_menu > ul > li {float:left; width:332px; background:#f5f6f7 url(/web/images/member/login_menu_bg01.jpg) no-repeat right;}
#login_menu > ul > li:first-child {width:333px;}
#login_menu > ul > li:last-child {width:333px; background:#f5f6f7;}

#login_menu > ul > li a {display:block; padding:25px 0 0 120px; height:75px; font-size:14px; letter-spacing:-1px;}
#login_menu > ul > li a h3 {font-size:18px; margin:10px 0 0 0; color:#111; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;}
#login_menu > ul > li a:hover {text-decoration:underline;}

#login_menu > ul > li a.memb_join {background:url(/web/images/member/login_menu_iCon01.png) no-repeat 20px;}
#login_menu > ul > li a.sc_id {background:url(/web/images/member/login_menu_iCon02.png) no-repeat 20px;}
#login_menu > ul > li a.sc_pw {background:url(/web/images/member/login_menu_iCon03.png) no-repeat 20px;}



/* ===== INFORMATION TAG ===== */

.login_info_btn01 {position:absolute; right:25px; top:25px; display:inline-block; *zoom:1; *display:inline; width:22px; height:22px; background:url(/web/images/member/login_info_iCon01.png) no-repeat; background-position:0 0;}
.login_info_btn01:hover, .login_info_btn01:focus {background-position:0 -22px;}

.login_info_btn01.btn_sso {right:19px; top:19px;}
.login_info_layer.layer_sso {top:14px; right:45px; max-width:250px;}

.login_info_layer {display:none; position:absolute; z-index:10; top:20px; right:45px; margin-left:25px; background:url(/web/images/member/reg_guide_bg02.png) no-repeat right 10px; padding-right:11px;}
.login_info_layer .login_info_box {position:relative; padding:10px 15px 10px 15px; border-radius:4px; background:url(/web/images/member/reg_guide_bg01.png) repeat; color:#fff; font-size:12px; line-height:22px; letter-spacing:-0.8px; text-align:left;}

.login_info_layer .login_info_box .info_tit {font-size:13px; margin:0 0 0 0;}
.login_info_layer .login_info_box p {margin:0 0 0 0;}

.login_info_layer .login_info_box .info_close {position:absolute; top:8px; right:12px; color:#ababab; display:inline-block; *zoom:1; *display:inline; text-align:center; line-height:19px; font-weight:bold;}
.login_info_layer .login_info_box .info_close:hover {color:#fff;}



/* ===== ACCOUNT SEARCH ===== */

.acc_search_tab {position:relative; width:100%; margin:0 0 30px 0;}
.acc_search_tab > ul {font-size:0;}
.acc_search_tab > ul:after {content:""; display:block; clear:both;}
.acc_search_tab > ul > li {float:left; width:50%; display:inline-block; *zoom:1; *display:inline; text-align:center;}

.acc_search_tab > ul > li > a {display:block; font-size:20px; letter-spacing:-0.5px; height:50px; line-height:50px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;
							   transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; background:#fff; border:1px solid #ddd;}
.acc_search_tab > ul > li > a:hover {background:#0061b4; color:#fff; border:1px solid #0061b4;}
.acc_search_tab > ul > li > a.active {background:#0170c9; color:#fff; border:1px solid #0170c9;}


.acc_search {position:relative; width:100%; margin:0 0 20px 0;}
.acc_search > ul {font-size:0;}
.acc_search > ul:after {content:""; display:block; clear:both;}
.acc_search > ul > li {float:left; width:100%; display:inline-block; *zoom:1; *display:inline; background:#fff;}
.acc_search > ul > li:hover {background:#fff url(/web/images/member/acc_search_bg01.png) no-repeat right 71px;}

.acc_search > ul > li .search_form {display:none; padding:10px 10px 10px 10px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#fff; font-size:15px;}
.acc_search > ul > li > a.active {border:1px solid #0170c9;}

.acc_search > ul > li > a .search_arrow {display:none; position:absolute; right:0; bottom:0; height:29px; width:29px; background:url(/web/images/member/acc_search_bg01.png) no-repeat center;}
.acc_search > ul > li > a.active .search_arrow {display:block;}

.acc_search > ul > li > a {display:block; font-size:15px; height:100px; line-height:31px; border:1px solid #ddd; padding:0 0 0 165px; letter-spacing:-1px; position:relative;}
.acc_search > ul > li > a:hover {border:1px solid #0170c9;}
.acc_search > ul > li > a h3 {font-size:20px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:bold; color:#333; margin:21px 0 0 0; letter-spacing:-0.8px;}
.acc_search > ul > li > a:hover h3, .acc_search > ul > li > a.active h3 {color:#0170c9;}

.acc_search > ul > li > a.acc_confirm01 {background:url(/web/images/member/acc_search_iCon01.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm02 {background:url(/web/images/member/acc_search_iCon02.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm03 {background:url(/web/images/member/acc_search_iCon03.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm04 {background:url(/web/images/member/acc_search_iCon04.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm05 {background:url(/web/images/member/acc_search_iCon05.png) no-repeat left;}

.acc_search > ul > li > a.acc_confirm01:hover, .acc_search > ul > li > a.acc_confirm01.active {background:url(/web/images/member/acc_search_iCon01_on.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm02:hover, .acc_search > ul > li > a.acc_confirm02.active {background:url(/web/images/member/acc_search_iCon02_on.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm03:hover, .acc_search > ul > li > a.acc_confirm03.active {background:url(/web/images/member/acc_search_iCon03_on.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm04:hover, .acc_search > ul > li > a.acc_confirm04.active {background:url(/web/images/member/acc_search_iCon04_on.png) no-repeat left;}
.acc_search > ul > li > a.acc_confirm05:hover, .acc_search > ul > li > a.acc_confirm05.active {background:url(/web/images/member/acc_search_iCon05_on.png) no-repeat left;}

.acc_search_layer {background:#fff; width:100%;}

.acc_search_ok {background:#fff url(/web/images/member/search_pw_iCon01.png) no-repeat center 32px; text-align:center; padding:285px 0 40px 0;}
.acc_search_ok p {font-size:16px; margin:0 0 16px 0; letter-spacing:-1px;}
.acc_search_ok h3 {font-size:26px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; letter-spacing:-1px;}

.acc_delete_ok {background:#fff url(/web/images/member/account_delete_iCon01.png) no-repeat center 30px; text-align:center; padding:225px 0 40px 0;}
.acc_delete_ok h3 {font-size:26px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; letter-spacing:-1px;}
.acc_delete_ok p {font-size:16px; margin:10px 0 0 0; letter-spacing:-1px;}
.acc_delete_ok p strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:normal;}


/* ===== ACCOUNT FIND TABLE ===== */

.acc_table01 {border:1px solid #ddd; width:100%;}
.acc_table01 th, .acc_table01 td {font-size:14px; height:50px; line-height:50px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; color:#555;}
.acc_table01 th {color:#333; letter-spacing:-0.8px;}
.acc_table01 th.bg_tit {color:#333; background:#fafafa;}
.acc_table01 td.a_left {text-align:left; padding:0 12px 0 12px;}

.acc_table01 td.a_left input {margin:12px 0 12px 0;}


/* ===== RECOVERY INFO ===== */

.recov_info {background:#fff; border:1px solid #ddd; font-size:14px; letter-spacing:-0.8px; line-height:24px; padding:15px 15px 15px 15px; color:#555;}
.recov_info p {font-size:13px;}
.recov_info .divider {display:block; border-bottom:1px solid #eee; margin:10px 0 10px 0;}


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

.zipcode_btn01 {display:block; width:500px; 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;}


/* ===== PAGE ERROR ===== */

.page_error_wrap {border:1px solid #ddd; background:#fff;}


/* ===== LOGIN COMMON - SSO ===== */

.login_area_sso {}
.login_area_sso .login_box {width:598px; border:1px solid #ddd; background:#fff;}

.login_area_sso .login_box .box_tit {padding:17px 0 16px 0; position:relative; border-bottom:1px solid #eee; text-align:center; color:#333; font-size:18px; font-weight:normal;}

.login_area_sso .login_box .box_tit .title {letter-spacing:-0.4px; font-family:'NanumSquareR', 'Malgun Gothic';}
.login_area_sso .login_box .box_tit .title strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold; color:#111;}

.login_area_sso .login_box .box_inner {width:538px; padding:30px 30px 30px 30px;}

.login_area_sso .login_box .box_inner .input_style02 {height:50px;}
.login_area_sso .login_box .box_inner .btn_style01 {height:50px; line-height:48px;}

.login_area_sso .login_box .box_inner .btn_box {}
.login_area_sso .login_box .box_inner .btn_box > ul {width:100%; display:inline-block; *zoom:1; *display:inline; margin-bottom:-4px;}

.login_area_sso .login_box .box_inner .btn_box.col_02 > ul > li {float:left; width:263px;}
.login_area_sso .login_box .box_inner .btn_box.col_02 > ul > li:first-child {margin-right:6px;}
.login_area_sso .login_box .box_inner .btn_box.col_02 > ul > li:last-child {margin-left:6px;}

.login_area_sso .login_box .box_inner .btn_box.txt_btn {margin:22px 0 0 0; text-align:center; font-size:14px; letter-spacing:-1px;}
.login_area_sso .login_box .box_inner .btn_box.txt_btn a {display:inline-block; color:#555;}
.login_area_sso .login_box .box_inner .btn_box.txt_btn a:hover {text-decoration:underline;}
.login_area_sso .login_box .box_inner .btn_box.txt_btn .divider {display:inline-block; margin:0 8px 0 8px; width:1px; height:13px; background:#d6d6d6; vertical-align:middle;}

/*20250207 ·Î±×ÀÎÆäÀÌÁö SNS·Î±×ÀÎ À§Ä¡ ¼öÁ¤*/
#login_area {margin: 0 0 10px 0;}
#login_area .sns_login {width: 100%;}
#login_area .sns_login a.naver,
#login_area .sns_login a.google,
#login_area .sns_login a.facebook,
#login_area .sns_login a.kakao {float: left; display: inline-block; margin-top: 20px;}
#login_area .sns_login a.google,
#login_area .sns_login a.facebook,
#login_area .sns_login a.kakao {margin-left: 10px;}
#login_area .sns_login a {width: 175px; font-size: 14px;}
#login_area .sns_login a .login_arrow {width:0;}
#login_area .sns_login {display: inline-flex; justify-content: center;}
/*./20250207 ·Î±×ÀÎÆäÀÌÁö SNS·Î±×ÀÎ À§Ä¡ ¼öÁ¤*/


@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}