@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
*/




/* 멤버쉽 */
.p_member { overflow:hidden;}



/*로그인폼*/
.p_member .c_login { background:#fff; overflow:hidden; padding:50px 100px 65px 100px; }
.p_member .c_login li { float:left; width:50%; overflow:hidden; list-style:none; }
.p_member .c_login .cm_member_login {  }
.p_member .c_login .cm_member_login li { float:none; width:auto;  }
.p_member .c_login .btn_findidpw { position:absolute; right:0; bottom:0; }
.p_member .c_login .btn_findidpw li { float:left; position:relative;  }
.p_member .c_login .btn_findidpw li:before { content:""; position:absolute; left:0; top:5px; width:1px; height:10px; background:#d1d1d1; }
.p_member .c_login .btn_findidpw li:first-child:before { display:none; }
.p_member .c_login .btn_findidpw .link { padding:5px 15px; line-height:1; color:#666; }
.p_member .c_login .btn_findidpw li:hover .link { color:#ff0000; }
.p_member .c_login .member_type { overflow:hidden; margin-top:25px; }
.p_member .c_login .member_type ul { overflow:hidden; border:1px solid #4d4f58; position:relative; border-left:0; }
.p_member .c_login .member_type li { padding:23px 0 24px; position:relative; }
.p_member .c_login .member_type li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#4d4f58; }
.p_member .c_login .member_type .icon { float:left; padding:0 21px; }
.p_member .c_login .member_type .over { display:none; }
.p_member .c_login .member_type dl { float:left; }
.p_member .c_login .member_type dt { font-size:17px; color:#37383a; letter-spacing:-0.5px; line-height:1; margin-top:9px; }
.p_member .c_login .member_type dd { font-size:12px; color:#a6a6a6; letter-spacing:-0.5px; line-height:1; margin-top:6px; }
.p_member .c_login .member_type li:hover { background:#4d4f58; }
.p_member .c_login .member_type li:hover .over { display:block; }
.p_member .c_login .member_type li:hover .off { display:none; }
.p_member .c_login .member_type li:hover dt { color:#fff; }
.p_member .c_login .banner { text-align:right; }

.p_member .login_cs { overflow:hidden; background:#fff; padding:0 100px 100px 100px; }
.p_member .login_cs ul { overflow:hidden; border:1px solid #ddd; position:relative; }
.p_member .login_cs ul:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; }
.p_member .login_cs li { float:left; width:50%; list-style:none; position:relative; padding:41px 0 39px; }
.p_member .login_cs dl { overflow:hidden; margin-left:54px; position:relative; }
.p_member .login_cs dt { font-size:21px; color:#000; line-height:1.2; margin-bottom:19px; }
.p_member .login_cs dt em { color:#cb3726; }
.p_member .login_cs dd { font-size:13px; color:#7f7f7f; letter-spacing:-0.5px; line-height:17px; }
.p_member .login_cs dd+ dd { margin-top:-8px; }
.p_member .login_cs .num { font-size:40px; color:#cb3726; font-family:'rubik'; float:left; margin:-10px 14px 0 0; line-height:1; }
.p_member .login_cs .btn_go { position:absolute; right:30px; top:39px; font-size:15px; color:#727377; line-height:17px; border:1px solid #d9d9d9; width:118px; text-align:center; height:55px; padding-top:25px;}
.p_member .login_cs .btn_go:hover { background:#333; border:1px solid #333; color:#fff;}

/* ●●●●●●●●●● 로그인 */
.cm_member_login {overflow:hidden; /* padding:80px 60px; */ background:#fff;}
.cm_member_login li {list-style:none}
.cm_member_login .title_box {margin-bottom:20px; overflow:hidden; font-family:calibri,arial; font-size:50px; color:#333; letter-spacing:-1px; font-weight:600;}
.cm_member_login .form_box {position:relative; width:500px; margin:0 auto; overflow:hidden}
.cm_member_login .form_box ul {overflow:hidden; position:relative; float:left;}
.cm_member_login .form_box li {margin:0 0 5px 0; overflow:hidden; position:relative;}
.cm_member_login .form_box .input_design {height:63px; line-height:63px; width:353px; font-size:19px; text-indent:55px; color:#888; float:left; border:0; background:#ededed; border:1px solid #d1d1d1;}
.cm_member_login .form_box .input_design:focus {color:#000; background-color:#fafafa; border:1px solid #999;}
.cm_member_login .form_box .login_id:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_id.png') center center no-repeat}
.cm_member_login .form_box .login_pw:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_pw.png') center center no-repeat}
.cm_member_login .form_box .save_id {clear:both; overflow:hidden; }
.cm_member_login .form_box .save_id label {padding:5px 0; line-height:15px; color:#666; float:left; letter-spacing:-0.5px}
.cm_member_login .form_box .save_id label:hover {color:#ff0000}
.cm_member_login .form_box .save_id input {height:15px; margin:0 5px 0 0; float:left;}
.cm_member_login .btn_login {background: #da0500; width:140px; height:135px; border:0; color:#fff; font-size:25px; font-family:calibri; font-weight:600; float:right;}
.cm_member_login .btn_login:hover {background: #9b0400; color:#fff;}
.cm_member_login .btn_box {width:500px; margin:20px auto 0 auto; overflow:hidden; text-align:center; position:relative;}
.cm_member_login .btn_box ul {border:1px solid #eee; overflow:hidden;}
.cm_member_login .btn_box li {float:left; text-align:center; width:50%; letter-spacing:-0.5px; color:#999; padding:20px 0;  list-style:none; overflow:hidden;}
.cm_member_login .btn_box li:hover {color:#000}
.cm_member_login .btn_box:before {content:''; width:1px; height:100%; background:#eee; position:absolute; left:50%; top:0;}
.cm_member_login .button_pack {padding:0; margin:10px 0 0 0;}
.cm_member_login .button_pack a {width:115px; text-align:center;}








/*아이디찾기*/
.p_member .c_find { overflow:hidden; background:#fff; }
.p_member .c_find .title {font-size:35px; color:#000; font-weight:300; letter-spacing:-0.5px; line-height:145px; text-align:center; border-bottom:1px solid #ddd; margin:0 80px;}
.p_member .c_find .title em { color:#cb3726; }
.p_member .find_list ul { overflow:hidden; position:relative; }
.p_member .find_list ul:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd; z-index:2; }
.p_member .find_list li { float:left; width:50%; list-style:none;}
.p_member .find_list .form ul:before { display:none; }
.p_member .find_list .form li { float:none; width:auto; height:auto; }

.p_member .individual .title_img strong {color:#276b93; }
.p_member .individual .cm_member_find .btn_ok { background:#276b93; }
.p_member .individual .cm_member_find .btn_ok:hover { background:#cb3726; }

.p_member .licensee .cm_member_find .btn_ok { background:#634998; }
.p_member .licensee .cm_member_find .btn_ok:hover { background:#cb3726; }
.p_member .licensee .title_img strong { color:#634998;  }

/* ●●●●●●●●●● 아이디비번찾기 */
.cm_member_find {overflow:hidden; padding:50px 80px; position:relative;  background:#fff; min-height:290px;}
.cm_member_find ul {position:relative;}
.cm_member_find li {list-style:none;}
.cm_member_find .title_img {font-size:21px; color:#121212; font-family:'NanumBarunGothic'; height:auto; height:40px;}
.cm_member_find .guide_text {overflow:hidden; clear:both; padding-top:30px;}
.cm_member_find .guide_text li {padding-left:6px;  color:#999; line-height:16px; margin-right:0 !important; position:relative;}
.cm_member_find .guide_text li:before {content:""; width:2px; height:2px; background:#333; position:absolute; left:0; top:6px;}
.cm_member_find .result_box {background:#fff; border:1px solid #ddd; width:100%; height:150px; line-height:17px; padding:30px 0; font-size:11px; text-align:center; position:absolute; z-index:55}
.cm_member_find .result_box .result_txt {font-weight:600; font-size:17px; color:#333; margin-bottom:15px; line-height:19px;}
.cm_member_find .result_box em {color:#ff0000}
.cm_member_find .result_box .cm_bottom_button {padding-top:20px;}
.cm_member_find .left_box {float:left; width:50%;}
.cm_member_find .left_box .form {margin-right:60px}
.cm_member_find .right_box {float:right; width:50%;}
.cm_member_find .right_box .form {margin-left:60px}
.cm_member_find .form {position:relative;}
.cm_member_find .form li {margin:0 162px 5px 0; }
.cm_member_find .form .input_design {height:63px; line-height:63px; width:100%; font-size:17px; padding-left:15px; color:#888; background:#eee; border:1px solid #d1d1d1;}
.cm_member_find .form .input_design:focus {color:#000; background-color:#fafafa; border:1px solid #999;}
.cm_member_find .btn_ok {width:140px; height:135px; border:0; background: #56585f; color:#fff; font-size:15px; position:absolute; right:0; top:40px;}
.cm_member_find .btn_ok:hover {background: #222;}




/* ●●●●●●●●●● 약관동의  */
.cm_member_agree {overflow:hidden; background:#fff; border-top:2px solid #333;}
.cm_member_agree .text_box {background:#fff; overflow:hidden;}
.cm_member_agree .textarea_design {border:1px solid #ccc; margin:0 auto; background:#fff; padding:10px; width:100%; box-sizing:border-box; line-height:18px; height:180px; color:#999;}
.cm_member_agree .textarea_design:focus {border:1px solid #000;}
.cm_member_agree .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}
.cm_member_agree .agree_check {padding:10px 0; text-align:center; overflow:hidden; position:relative;}
.cm_member_agree .agree_check label {padding:10px 0; overflow:hidden; color:#555; font-size:13px; font-weight:600;}
.cm_member_agree .agree_check input {float:left; margin:0 5px 0 0}
.cm_member_agree .agree_check label:hover {color:#ff0000}
.cm_member_agree .btn_view_all {position:absolute; right:0; top:13px; border:1px solid #ddd; padding:0 15px 0 35px; border-radius:30px; height:27px; line-height:29px;}
.cm_member_agree .btn_view_all {background:#fff url('../images/cm_images/member_text_view.png') 15px center no-repeat; }
.cm_member_agree .btn_view_all:hover {border:1px solid #666; background-color:#eee}







/* 회원가입프로스 */
.p_member .c_join_top { overflow:hidden; margin-bottom:20px;}
.p_member .c_join_top ul { overflow:hidden; border:1px solid #d5d5d5; }
.p_member .c_join_top li { float:left; list-style:none; width:25%; text-align:center; position:relative; padding:15px 0 12px; background:#fff; }
.p_member .c_join_top li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#d5d5d5; }
.p_member .c_join_top li:first-child:before { display:none; }
.p_member .c_join_top .on { display:inline-block; }
.p_member .c_join_top .over { display:none; }
.p_member .c_join_top dd { font-size:13px; color:#9d9d9d; line-height:1; margin-top:15px; }
.p_member .c_join_top .edge { position:absolute; right:0; top:50%; margin:-12px -14px 0 0; width:14px; height:25px; background:transparent url('../images/sub_design/edge_login.png') left top no-repeat; z-index:2; }
.p_member .c_join_top .hit { background:#eaedf1; }
.p_member .c_join_top .hit .on { display:none; }
.p_member .c_join_top .hit .over { display:inline-block; }
.p_member .c_join_top .hit dd { color:#cb3726; font-weight:600;}
.p_member .c_join_top .hit .edge { background:transparent url('../images/sub_design/edge_login_hit.png') left top no-repeat; }



/*회원가입 타입선택*/
.p_member .c_join_type .type_box { overflow:hidden; background:#fff; margin-bottom:30px;}
.p_member .c_join_type .type_box ul { overflow:hidden; position:relative; }
.p_member .c_join_type .type_box ul:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#e5e5e5; }
.p_member .c_join_type .type_box li { float:left; width:50%; list-style:none; text-align:center; }
.p_member .c_join_type .type_box span { display:block; }
.p_member .c_join_type .type_box .type { margin:90px; padding:65px 0 79px 0; position:relative;  }
.p_member .c_join_type .type_box .if_id { background:#276b93; }
.p_member .c_join_type .type_box .if_cp { background:#634998; }
.p_member .c_join_type .type_box .title { font-size:35px; color:#fff; letter-spacing:-0.5px; font-weight:300; line-height:1; margin-top:22px; }
.p_member .c_join_type .type_box .sub_tit { font-size:17px; letter-spacing:-0.5px; font-weight:400; line-height:1; margin-top:13px; }
.p_member .c_join_type .type_box .if_id .sub_tit { color:#93b5c9; }
.p_member .c_join_type .type_box .if_cp .sub_tit { color:#b1a4cc; }
.p_member .c_join_type .type_box .type:hover { background:#cb3726; }
.p_member .c_join_type .type_box .type:hover .sub_tit {color:#fff; text-decoration:underline;}



/* ●●●●●●●●●● 입력폼테이블 */
.cm_member_form {background:#fbfbfb; border-top:2px solid #333;}
.cm_member_form ul {overflow:hidden;}
.cm_member_form li {list-style:none; position:relative; border-bottom:1px solid #dedede; width:100%; clear:both;}
.cm_member_form .opt {position:absolute; left:15px; top:20px; color:#333; background:transparent url('../images/cm_images/member_form_bullet.png') left 3px no-repeat; padding-left:15px; line-height:1.3;}
.cm_member_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png')}
.cm_member_form .value {margin-left:140px; background:#fff; border-left:1px dashed #dedede; overflow:hidden; padding:10px; height:100%; min-height:37px; line-height:37px; color:#000; font-size:13px;}
.cm_member_form .double {float:left; width:50%; clear:none}
.cm_member_form .input_design {font-size:12px; width:100%; background:#fff; border:1px solid #ddd; height:35px; line-height:39px; text-indent:10px; float:left; color:#666; letter-spacing:0px; box-sizing:border-box;}
.cm_member_form .input_design:focus {background-color:#fff; border-color:#999;}
.cm_member_form .input_double {overflow:hidden; clear:both; }
.cm_member_form .input_double .input_wrap {margin-top:10px; width:50%; float:left; }
.cm_member_form .input_double .input_wrap:first-of-type div {margin-right:10px}
.cm_member_form .textarea_design {border:1px solid #ccc; padding:4px; color:#333; width:99%; line-height:18px; height:80px;}
.cm_member_form .textarea_design:focus {border:1px solid #000; background:#fafafa}
.cm_member_form .select_design {padding:0 10px; height:34px; line-height:33px; width:100%; border:1px solid #ccc;}
.cm_member_form .dash {float:left; margin:15px 5px 0 5px; font-size:15px; width:10px; height:1px; background:#ccc;}
.cm_member_form .button_pack {float:left; margin-left:10px;}
.cm_member_form .input_file_box {height:34px;}
.cm_member_form .input_file_box .fakeFileTxt {margin-top:11px; }

.cm_member_form .tip_txt {clear:both; padding-top:5px; margin-left:5px}
.cm_member_form .tip_txt dd {line-height:1.8; padding-left:8px; color:#999; font-size:12px; position:relative;}
.cm_member_form .tip_txt dd:before {content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:7px;}
.cm_member_form .tip_txt dt {line-height:1.8; padding-left:8px; color:#999; font-size:12px; position:relative;}
.cm_member_form .tip_txt dt:before {content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:7px;}

.cm_member_form .label_design {overflow:visible; float:left; position:relative; padding:0; border:0; border-radius:0px; height:35px;}
.cm_member_form .label_design+ .label_design {margin-left:10px; }
.cm_member_form .label_design input {position:absolute; left:20px; top:50%; margin-top:-6px}
.cm_member_form .label_design span {color:#777; height:34px; line-height:37px; border:1px solid #ddd; border-radius:100px; padding:0 20px 0 40px; background:#fff; font-size:13px; letter-spacing:-0.5px;}
.cm_member_form .label_design:hover span {border:1px solid #cb3726; color:#cb3726;}
.cm_member_form .label_design input:checked+ span {color:#fff; background:#cb3726; border:1px solid #cb3726;}
.cm_member_form label:hover {color:#ff0000; border:0; }
.cm_member_form .label_design+ .textarea_design { margin-top:10px; }

.cm_member_form .front_txt {float:left; line-height:35px; font-size:12px; margin:0 10px 0 20px; color:#ff6600;}

.cm_member_form.all_txt li .value {min-height:20px !important; height:20px !important; line-height:21px !important;}
.cm_member_form.all_txt li .opt {top:14px !important}


/* ●●●●●●●●●● 가입완료메세지 */
.cm_member_ok_message {background:#fff; overflow:hidden; padding:60px; text-align:center;}
.cm_member_ok_message .notice {font-size:30px; letter-spacing:-1px; margin:30px 0; color:#888; border-bottom:1px dashed #ccc; padding-bottom:20px; font-weight:400}
.cm_member_ok_message .notice b,.cm_member_ok_message .notice strong {color:#000; font-weight:400; font-family:inherit}
.cm_member_ok_message .txt {font-size:15px; margin-bottom:20px; }
.cm_member_ok_message .txt b {color:#ff4800; font-weight:800}



/* ●●●●●●●●●● 휴면계정 첫화면 */
.cm_member_sleep {overflow:hidden; padding:80px; background:#fff; text-align:center; }
.cm_member_sleep .inner_box {padding:80px 50px 60px 50px; position:relative; background:#49515d url('../images/cm_images/member_sleep_bg.png') left bottom no-repeat}
.cm_member_sleep .inner_box .top_ic {width:60px; height:60px; background:transparent url('../images/cm_images/member_sleep_ic.png') center center no-repeat; position:absolute; left:50%; top:-30px; margin-left:-30px}
.cm_member_sleep .title_box {overflow:hidden; font-family:"NanumSquare"; font-size:40px; color:#fff; letter-spacing:-1px; }
.cm_member_sleep .guide_txt {font-size:15px; color:#888; padding:30px 0 40px 0; line-height:19px; }
.cm_member_sleep .guide_txt strong {font-weight:400; color:#ccc}
.cm_member_sleep .btn_box {overflow:hidden;}
.cm_member_sleep .btn_email_ok {border-radius:100px; background:#d1332f; padding:0 60px}
.cm_member_sleep .btn_email_ok .txt {color:#fff; font-size:15px; height:60px; line-height:63px; background:transparent url('../images/cm_images/member_sleep_btn.png') left 12px no-repeat; padding-left:40px;}
.cm_member_sleep .btn_email_ok:hover {background:#a82926;}




/* ●●●●●●●●●● 비밀번호변경안내 */
.cm_member_password {overflow:hidden; padding:80px 100px 60px 100px; background:#fff; }
.cm_member_password .top_txt {background:transparent url('../images/cm_images/password_img.png') left top no-repeat; padding-left:130px;}
.cm_member_password .top_txt dt {font-family:"NanumSquare"; font-size:45px; color:#49515d; letter-spacing:-2px; font-weight:600;}
.cm_member_password .top_txt dd  {color:#666; font-size:19px; margin-bottom:5px; letter-spacing:-1px;}
.cm_member_password .guide_txt {margin:30px 10px 40px 10px}
.cm_member_password .guide_txt li {list-style:none; color:#999; line-height:20px; position:relative; padding-left:8px}
.cm_member_password .guide_txt li:before {content:''; width:2px; height:2px; position:absolute; left:0; top:8px; background:#333; border-radius:100px; }
.cm_member_password .guide_txt strong {font-weight:400; color:#ff6600}
.cm_member_password .cm_member_form {position:relative; }
.cm_member_password .cm_member_form .value {padding-right:330px;}
.cm_member_password .add_txt {position:absolute; right:0; top:0; text-align:center; width:330px; height:99%; z-index:2; background:#fff;}
.cm_member_password .add_txt strong {font-weight:400; color:#000}
.cm_member_password .add_txt .lineup {margin-top:70px; color:#888; line-height:17px; }






/*약관동의*/
.p_agree .c_agree { overflow:hidden; background:#fff; padding:60px; }
.p_agree .c_agree_txt { overflow:hidden; background:#fff; }

/* ●●●●●●●●●● 텍스트페이지(약관등) */
.cm_fulltext {overflow:hidden; line-height:18px;}
.cm_fulltext dt {font-size:13px; border-bottom:1px solid #ebebeb; letter-spacing:0px; padding:10px 10px 10px 0; color:#333; font-weight:600; box-sizing:border-box;}
.cm_fulltext dt {}
.cm_fulltext dd {padding:0 20px 0 0; line-height:1.5; word-wrap:break-word; word-break:keep-all; white-space:pre-line; overflow:hidden;}
.cm_fulltext pre {white-space:pre-line; margin-top:-5px}
.cm_fulltext b {color:#ff6600; font-weight:600; letter-spacing:0px;}
.cm_fulltext strong {color:#ff6600; letter-spacing:0px;}