@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본박스 */
.mbskin{position: relative;margin:30px auto 0;border:1px solid #d4d4d4; max-width:900px; background:#fff;text-align:center;
}
.mbskin:before,.mbskin:after{
/*content:"";
position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
       box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-border-radius:100px / 10px;
     border-radius:100px / 10px;}
.mbskin:after{right:10px;left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin  h1{margin: 60px 0 30px;font-size: 2em;*/}


/* 기본테이블 */

.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {width:85px;}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 
#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ;
-webkit-box-shadow:  0 1px 3px #eee;
-moz-box-shadow:  0 1px 3px #eee;
box-shadow: 0 1px 3px #eee;
}
/*#fregister_chkall{text-align:right}
#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px}
#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em}
*/

/* 회원가입 약관 */
#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section {}

#fregister h2 {font-family: 'GmarketSansMedium'; font-size:25px; line-height:160%; margin-top:60px;}
#fregister textarea {display:block;padding:25px;width:100%;height:300px;background:#fff;border:0;line-height:1.6em; border:1px solid #cccccc; font-size:16px; color:#000000;}
#fregister textarea.height_200 {height:200px;}
#fregister .fregister_agree {position:relative; padding-left:30px; margin-top:25px;}
#fregister .fregister_agree input[type=checkbox] {position:absolute; left:0; top:0; width:20px; height:20px;}
#fregister .fregister_agree q {color:#dc2328; quotes:"""";}
#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm {text-align:center; margin-top:50px;}
#fregister .btn_confirm .btn_submit{display:inline-flex; align-items:center; justify-content:center;font-family: 'GmarketSansMedium'; height:50px; width:180px; font-size:1.083em; background:#ce474d;}
#fregister .btn_confirm .btn_cancel{display:inline-flex; align-items:center; justify-content:center;font-family: 'GmarketSansMedium'; height:50px; width:180px; font-size:1.083em; background:#2d2d2d;}


/* 회원가입 입력 */
#register_form{background:#fff; margin-bottom:20px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

#fregisterform .btn_confirm{text-align:center; margin-top:50px;}
#fregisterform .btn_confirm .btn_submit{ font-family: 'GmarketSansMedium'; display:inline-flex; align-items:center; justify-content:center; height:50px; width:180px; font-size:1.083em}
#fregisterform .btn_confirm .btn_submit:hover {background:#ed6478;}
#fregisterform .btn_confirm .btn_cancel{display:inline-flex; align-items:center; justify-content:center;font-family: 'GmarketSansMedium'; height:50px; width:180px; font-size:1.083em; background:#2d2d2d;}

/*#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em}
#fregisterform .form_01 div{margin: 0 0 50px}*/
#fregisterform .captcha{display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}



@media all and (max-width:767px){

#fregister h2 {font-size:20px; margin-bottom:10px; margin-top:30px;}
}

@media all and (max-width:500px){

#fregisterform .btn_confirm .btn_submit {width:48%;}
#fregisterform .btn_confirm .btn_cancel {width:48%;}

#fregister .btn_confirm .btn_submit {width:48%;}
#fregister .btn_confirm .btn_cancel {width:48%;}
}


/* 회원가입 완료 
#reg_result {padding:100px 0 40px;text-align:center;background:#fff}
#reg_result h2 {font-size:1.4em;margin:0 0 20px}
#reg_result h2 strong{color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .btn_confirm {margin:50px 0}
#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;}
#reg_result .reg_result_p strong{color:#3497d9}
#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em}
*/
/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em; font-size:0.85em;}
#find_info #mb_email{margin:10px 0;}

/* 로그인 */
.mb_login_flex {padding:70px 120px;}
/*.mb_login_left {width:66%; margin-right:4%; padding:60px 66px; }
.mb_login_right {width:30%; margin:60px 0; padding:0px 66px; background:url(img/main_dotline_v.png) repeat-y left 0; }*/
#mb_login {padding:0 !important;}
#mb_login h1 {font-weight:normal; font-size:40px; letter-spacing:-1px; color:#000000; text-align:center; margin:0; margin-bottom:50px;}

#login_fs {padding:0 0px; position:relative;}

.login_box {position:relative; padding-left:70px; padding-right:150px;}
.login_box.id_box {margin-bottom:30px;}
.login_box.id_box label {position:absolute; left:0; top:0; width:50px; height:45px; background:url(img/login_id_icon.png) no-repeat center 0; text-indent:-99999px;}
.login_box.pw_box label {position:absolute; left:0; top:0; width:50px; height:45px; background:url(img/login_pw_icon.png) no-repeat center 0; text-indent:-99999px;}
.login_box .frm_input {width:100%; height:52px; border:1px solid #d4d4d4; border-radius:0; color:#888888; font-size:16px; text-indent:20px;}
#mb_login #login_fs .btn_submit {font-family: 'GmarketSansMedium'; position:absolute; right:0; top:0; background:#c43233; width:130px; height:130px; font-size:18px; color:#ffffff; }

#mb_login #login_info {width:100%; background:#f0f0f0; margin:0; padding:0;}
#mb_login #login_info ul {display:flex;}
#mb_login #login_info ul li {flex:1; padding:30px 0; text-align:center; font-size:16px;}
#mb_login #login_info ul li a {display:inline-block; font-size:15px; color:#FFF; background:#2d2d2d; padding:2px 10px; margin-left:15px;}

/*#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 }
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a{display:inline-block;width:50%;float:left}*/

#login_password_lost{border-right:1px solid #ddd}

.mb_login_social {width:100%;}

 	@media (max-width:992px) {

	.mb_login_flex {padding:70px 50px;}

	}

	@media (max-width:600px) {

 

	.mb_login_flex {padding:70px 20px;}
	#mb_login h1 {font-size:28px; margin-bottom:30px;}

	.login_box {padding-left:0px; padding-right:120px;}
	.login_box.id_box {margin-bottom:10px;}
	.login_box.id_box label {display:none;}
	.login_box.pw_box label {display:none;}
	.login_box .frm_input { height:45px; border:1px solid #d4d4d4; font-size:14px; }
	#mb_login #login_fs .btn_submit {font-family: 'GmarketSansBold'; position:absolute; right:0; top:0;  width:110px; height:100px; font-size:16px; color:#ffffff; }



	#mb_login #login_info ul {flex-wrap:wrap; padding:15px 0;}
	#mb_login #login_info ul li {flex:auto; width:100%; padding:5px 10px; text-align:left; font-size:13px; position:relative; padding-right:135px;}
	#mb_login #login_info ul li a {font-size:12px; position:absolute; right:10px; top:17%; width:100px; text-align:center; letter-spacing:-0.5px; padding:0px 5px;}

	}


#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}

/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic}
#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;}

#memo_view_contents {margin:10px 0;border:1px solid #ddd;}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important}
.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;}
.memo_view_li .profile_img img{border-radius:50%}
.memo_view_date{text-align:right;color:#555;font-style:italic}
.memo_view_date strong{font-weight:normal}
#memo_view .btn_b02{float:right}
#memo_view .btn_b02.reply_btn{margin-left:4px}
#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em}
#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left}
#scrap .scrap_datetime{;color:#777;font-style:italic;float:right}
#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c}
#scrap .scrap_del:hover{color:#98ca69}
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}
#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold}
#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
/*포인트*/
#point .point_top{line-height:15px;margin:0 0 5px}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;}
#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;}
#point .point_date1{float:left;color:#555;font-style:italic}
#point .point_date{float:right;color:#555;font-style:italic}
#point .txt_expired {color:#aaa;}
#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_all span,#point .point_status span{float:right;}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_status  span{margin-left:10px}

/* 회원 비밀번호 확인 */
#mb_confirm {max-width:700px; margin:0 auto;}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:40px 20px 40px;background:url(img/main_dotline_h.png) repeat-x 0 bottom #f7f7f7;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#ef4767;font-size:1em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:center; max-width:500px; margin:0 auto;}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id{font-size:0.92em;color:#666}
#mb_confirm .btn_submit {width:100px; height:40px;}
#mb_confirm .confirm_wrap {position:relative; padding-right:110px;}
#mb_confirm .confirm_wrap .btn_submit {position:absolute; right:0; top:0;}
#mb_confirm .confirm_wrap .frm_input {width:100%;}

@media all and (max-width:600px){

#mb_confirm fieldset {padding:30px 20px;}

}


/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {;padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id{}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie{position:relative}
#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;}
#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;}
#formmail .frm_file {padding-left: 50px;}
#formmail .frm_info{color: #3497d9;font-size: 0.92em;}

/* 자기소개 */
#profile h1 a{color:#fff}
#profile table {margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px}
#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;}
#profile h2 {margin:0 0 5px}
#profile .profile_name{text-align:center;font-weight:bold}
#profile .my_profile_img{display:block;margin:20px 0 5px;}
#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa}
#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{font-weight:bold;text-align:left}


/* 골뱅이 스토어 회원가입 기본 디자인  
.reg-inner {width: 1000px; margin: 60px auto;font-family: 'Nanum Gothic' ,sans-serif;}
.reg-inner label {display: inline-block;}
#container_title {display: none;}
#register_form {padding: 20px 0;}
/*.reg-inner .register_tit h1{    margin: 20px 0;padding: 0;font-size: 32px;color: #000;line-height: 1.3em;letter-spacing: -.03em;}
.reg-inner .register_tit {padding: 10px 0 20px;}
.reg-inner .register_tit .reg-tit{     display: inline-block;font-size: 30px;font-weight: 700;color: #444;}

.reg-inner .register_tit .reg-tit-desc{display: inline-block;padding: 0 10px;font-size: 17px;font-weight: 700;color: #777;text-transform: uppercase; }
.reg-inner #fregister .reg-title {margin: 0 0 10px; padding: 15px 0px;border-bottom: 0; background: #fff; font-size: 16px;font-weight: 600;color: #000; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
.reg-inner .reg-title:before {content: '';position: relative;top: 0;margin-right: 8px;border-left: 3px solid #777;}

.reg-inner  .ind-agree-box {display: block;overflow: auto;height: 250px;color: #444; margin-top: 15px;padding: 20px;border: 1px solid #ccc;border-radius: 3px;}
.reg-inner  .ind-agree-box h5:first-child {margin-top: 0;}
.reg-inner  .ind-agree-box h5 {margin: 40px 0 0;padding: 0; font-size: 15px;font-weight: 600;color: #000;}
.reg-inner  .ind-agree-box li {margin-top: 10px;padding-left: 10px;}
.reg-inner #fregister .ind-agree-box .ag-tit {padding-left: 10px;margin: 15px 0 0;padding: 0;  font-size: 13px; text-align: left;}
.reg-inner #fregister .ind-agree-box p {padding-left: 10px;margin: 15px 0 0;padding: 0;  border: 0; background: #fff; color: #333;font-size: 13px; text-align: left;}
.reg-inner  .ind-agree-box ul{margin: 15px 0 0;padding: 0;font-size: 13px;}
.reg-inner #fregister section {margin: 10px auto 60px;border: 0;    -webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff; }
.reg-inner #fregister .fregister_agree {position: absolute; top: auto; right: auto; left: 0;padding: 15px 0;}
.reg-inner #fregister_private>div {padding: 0;}
.reg-inner #fregister textarea{    border: 1px solid #dbdbdb;border-radius: 5px;}
#fregister .btn_confirm .btn_submit {width: 150px; background: #444;    border-radius: 5px;}
.tbl_frm01 table {border: 0;}
.tbl_frm01 th {border: 0; background: #fff; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;width: 150px; vertical-align: top; color: #444; font-weight: 100;}
.tbl_frm01 input {background: #fafafa; border: 1px solid #ddd; border-radius: 0; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); width: 100%; }
#fregisterform .form_01 div {margin: 0 0 50px;border: 1px solid #ccc;padding: 30px;border-radius: 5px;}
#fregisterform .frm_info {color: #999;margin: 7px 0 0;padding: 0;}
#fregisterform .btn_confirm .btn_submit,#fregisterform .btn_confirm .btn_cancel{border-radius: 5px;}*/


#captcha #captcha_img {display: inline-block;}

/**** 로그인 CSS ****/ 
#mb_login input:-webkit-autofill,
#mb_login input:-webkit-autofill:hover,
#mb_login input:-webkit-autofill:focus,
#mb_login textarea:-webkit-autofill,
#mb_login textarea:-webkit-autofill:hover,
#mb_login textarea:-webkit-autofill:focus,
#mb_login select:-webkit-autofill,
#mb_login select:-webkit-autofill:hover,
#mb_login select:-webkit-autofill:focus{
    border: none;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #999;
}
#mb_login{padding-bottom: 90px; background: #fff;}

/*.mbskin{border-color: #e6e6e6;}
.mbskin:before{-webkit-box-shadow: none;box-shadow: none;}
.mbskin h1{margin: 60px 0 15px; font-size: 36px; line-height: 40px; font-weight: 900; color: #c80e21;}
.mb_login_desc{margin-bottom: 40px; color: #999; font-size: 15px; line-height: 18px; font-weight: 700;}
#mb_login #login_fs .frm_input{margin: 0; border: none;  border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 15px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}

.login_box{border-bottom: 1px solid #c80e21; margin: 0 0 20px;}
.login_box .icon{float: left; width: 40px; height: 40px; background: url(../basic/img/id_icon.png) center no-repeat; background-size: 15px auto;}
.login_box .icon.pw_icon{background-image: url(../basic/img/pass_icon.png);}

#mb_login #login_fs .frm_input{float: right; width: 250px;}
.login_info_area{margin: 30px 0;}
.auto_login_box{float: left; width: 50%; height: 20px;}
.auto_login_box input{display: none;}
.auto_login_box input:checked + label{background: url(../basic/img/checkbox.png) no-repeat center; background-size: 15px auto;}
.auto_login_box label{float: left; line-height: 20px; font-size: 15px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg); color: #999;}
.auto_login_box .checkbox{margin-right: 10px; text-indent: -9999px; overflow: hidden; width: 20px; height: 20px; border: 1px solid #ccc;}
.find_id_box{float: right; width: 50%; height: 20px;}
.find_id_box #login_password_lost{font-size: 15px; line-height: 20px; border-right: none; color: #999; text-align: right;}
#mb_login #login_fs .btn_submit,.mb_join{width: 100%; height: 55px; line-height: 55px; font-size: 18px; font-weight: 700; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#mb_login #login_fs .btn_submit{margin: 0 0 10px; background: #c80e21;}
#mb_login #login_fs .btn_submit:hover{background: #333;}
.mb_join{border: 1px solid #c80e21;}
.mb_join:hover{background:#333; border: 1px solid #333;}
.mb_join a{ color: #c80e21;}
.mb_join:hover a{color: #fff;}*/
/* height 속성을 해당 홈페이지의 각 헤더 높이에 맞게 추가 하시면 됩니다.  */
/* 기본 헤더가 투명일 경우에만 적용 */
/* 반응형: 태블릿, 모바일에서 헤더 높이가 달라질 경우 미디어 쿼리 사이즈에 맞게 추가해 주세요.  */
.reg_bn {width: 100%; height: 90px; background: #333; }
@media screen and (max-width:1199px){
    /*.mbskin h1{font-size: 30px; line-height: 32px;}
    .mb_login_desc{font-size: 14px;}
    .auto_login_box label{font-size: 14px;}
    .find_id_box #login_password_lost{font-size: 14px;}
    #mb_login #login_fs .btn_submit,.mb_join{font-size: 17px;}*/
}

/*@media screen and (max-width:1024px){
    .reg_bn{height: 60px;}
}
@media screen and (max-width:1000px) {
	.reg-inner {width: 100%; padding:0 10px;}
}
@media screen and (max-width:768px) {
	.reg-inner .register_tit h1 {font-size: 22px;}
	#fregisterform .form_01 div {padding: 0; }
	.reg-inner .tbl_frm01 th {width: 80px;}
	.reg-inner .tbl_frm01 input {width: 100%;}
	.reg-inner #reg_mb_mailling ,	.reg-inner #reg_mb_open{width: 10px;}
	.reg-inner .register_tit .reg-tit {font-size: 20px;}
	.reg-inner .register_tit .reg-tit-desc {font-size: 14px;}
}
@media screen and (max-width:480px) {
	.reg-inner #fregister .fregister_agree {font-size: 12px;}
	#fregisterform .frm_info{font-size: 11px;}
	.reg-inner .tbl_frm01 th {    font-size: 12px; }
	.reg-inner .tbl_frm01 input {height: 35px;}
	.reg-inner .tbl_frm01 td{    font-size: 13px;}
	.reg-inner .reg-title {font-size: 16px;}
	#fregister .btn_confirm .btn_submit, #fregisterform .btn_confirm .btn_submit, #fregisterform .btn_confirm .btn_cancel{font-size: 14px; height: 34px; line-height: 34px;}
    .mbskin{width: 90%; border: none;}
    .mbskin h1{font-size: 24px; line-height: 26px;}
   /* .mb_login_desc{font-size: 12px;}
    .login_box .icon{width: 10%;}
    #mb_login #login_fs .frm_input{width: 90%; font-size: 12px;}
    .auto_login_box label{font-size: 12px;}
    .auto_login_box .checkbox{margin-right: 5px;}
    .find_id_box #login_password_lost{font-size: 12px;}
    #mb_login #login_fs .btn_submit,.mb_join{height: 45px; line-height: 45px; font-size: 16px;}

}
@media screen and (max-width:400px){
    /*#login_fs{padding: 0 20px;} 
}
*/


.register_box {position:relative; background:#f9f9f9; border:1px solid #cccccc; margin-top:70px; padding:40px; padding-right:220px}
#fregister_chkall {position:absolute; right:40px; top:calc(50% - 20px);}
#fregister_chkall label {display:flex; justify-content:center; align-items:center; cursor:pointer; background:#2d2d2d; width:160px; height:40px; color:#FFF;  text-align:center;}
#fregister_chkall input {display:none;}

.register_flow {display:flex; justify-content:space-between;}
.register_flow li { position:relative; border:1px solid #adadad; width:calc(20% - 60px); border-radius:10px;}
.register_flow li div.step {background:#4f4f4f; font-size:15px; color:#FFF; text-align:center; padding:6px 0; border-top-left-radius:10px; border-top-right-radius:10px;}
.register_flow li div.txt { display:flex; height:65px; align-items:center; justify-content:center; text-align:center; font-size:18px; color:#000000; line-height:120%;}
.register_flow li:after {position:absolute; font-family: 'FontAwesome'; content: "\f105"; right:-45px; top:calc(50% - 20px); font-size:34px;}
.register_flow li:last-child:after {display:none;}
.register_flow li.active div.step {background:#e73079;}

.register_flow.cnt4 li {width:calc(25% - 60px);}



@media all and (max-width:992px){

.register_flow li {width:calc(20% - 30px);}
.register_flow li:after {right:-25px;}

}

@media all and (max-width:700px){

.register_flow li {width:calc(20% - 2px);}
.register_flow li:after {display:none;}
.register_flow li div.step {font-size:12px;}
.register_flow li div.txt {height:35px; font-size:14px;}

.register_box {margin-top:40px; padding:20px;}

#fregister_chkall {position:relative; right:auto; top:auto; margin-top:10px;}
#fregister_chkall label {width:100%;}

}

@media all and (max-width:450px){

.register_flow li div.step {font-size:11px;}
.register_flow li div.txt {height:35px; font-size:13px;}
 

}


.register_btns {display:flex; justify-content:space-between; margin-top:40px;}
.register_btns li {width:48%; }
.register_btns li a {position:relative;  overflow:hidden; display:block; border:2px solid #b4b4b4; border-radius:20px; padding:40px; height:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; padding-bottom:75px;}
.register_btns li .title {background:url(img/main_dotline_h.png) repeat-x 0 bottom; padding-bottom:30px; margin-bottom:30px;}
.register_btns li .title h3 {font-size:24px; color:#000; margin-bottom:15px;}
.register_btns li .title h3 b {color:#e8307a;}
.register_btns li .title p {font-size:20px; color:#000;}
.register_btns li .desc {font-size:15px;}
.register_btns li:nth-child(1) {background:url(img/register_icon01.png) no-repeat calc(100% - 30px) 25px;}
.register_btns li:nth-child(2) {background:url(img/register_icon02.png) no-repeat calc(100% - 30px) 25px;}

.register_btns li:nth-child(1) a {border:4px solid #e8307a;}
/*.register_btns li a:hover {border:2px solid #e8307a;}*/

.register_btns li .register_link {font-family: 'GmarketSansMedium';font-size:22px; color:#FFF; text-align:center; background:#e8307a; position:absolute; left:0; bottom:0; width:100%; display:flex; height:55px; align-items:center; justify-content:center;}

.regular_member {margin-top:60px; border:1px dotted #ddd; padding:35px 0; text-align:center; background:#f9f9f9;}


@media all and (max-width:900px){

.register_btns li a {padding:30px; padding-bottom:75px;}

.register_btns li .title {padding-right:50px;}
.register_btns li .title h3 {font-size:18px; margin-bottom:5px;}


.register_btns li .register_link {font-size:18px;}
}

@media all and (max-width:700px){

.register_btns {flex-wrap:wrap;}
.register_btns li {width:100%; margin-bottom:20px; background-size:60px !important;}

.register_btns li:nth-child(1) {background:url(img/register_icon01.png) no-repeat calc(100% - 30px) 35px;}
.register_btns li:nth-child(2) {background:url(img/register_icon02.png) no-repeat calc(100% - 30px) 35px;}

.regular_member {font-size:0.85em; padding:20px;}
}




.certified_box {border:1px solid #d4d4d4; max-width:700px; margin:0 auto; padding:60px; background:#f9f9f9; border-radius:20px; text-align:center;}
.certified_box h3 {font-size:25px; color:#000; text-align:Center;}
.certified_box h3 b {color:#e73079;}

.certified_box .icon {display:inline-block; width:68px; height:102px; background:url(img/mobile_icon.png) no-repeat; margin:30px 0;}
.certified_box .txt {background:none; padding:0; border:none; font-size:18px; margin-bottom:25px;}
.certified_box .txt b {color:#e73079;}

.certified_box .btn_submit {background:#2d2d2d; width:200px; height:50px;}

.reg-inner {}
.reg-inner .reg-title {font-family: 'GmarketSansMedium'; font-size:25px; line-height:160%; margin-top:60px; position:relative;}

.reg-title .register_caption {font-family:'NanumSquare'; position:absolute; right:0; top:0; font-size:17px; color:#222; text-align:right; margin-bottom:10px;}
.reg-title .register_caption q {color:#dc2328; quotes:"""";}

/*#fregister .btn_confirm .btn_submit {width: 150px; background: #444;    border-radius: 5px;}*/

.register_frm01 table {width:100%; border-collapse:collapse; border: 0; border-top:2px solid #222; border-bottom:2px solid #222;}

.register_frm01 th {font-family: 'GmarketSansMedium'; border: 0; background: #f8f8f8; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;width: 280px; vertical-align: top; color: #000000; font-size:17px; padding:25px 40px; text-align:left;}
.register_frm01 th q {color:#dc2328; quotes:"""";}
.register_frm01 td {padding:10px 0 10px 40px; border-bottom:1px solid #ddd; font-size:16px;}
.register_frm01 td .frm_info {display:block; font-size:15px; color:#d73d3d; clear:both; width:100%; line-height:140%; margin-top:10px;}
.register_frm01 input.frm_input {background: #fff; border: 1px solid #dddddd; border-radius: 0;  height:37px;  margin:0; max-width:300px; width:100%;}
.register_frm01 input.frm_input02 {width:100%;}
.register_frm01 input.frm_input.w100 {max-width:100%;}
.register_frm01 td a.btn_frmline2 {cursor:pointer;position:relative; top:-1px; display:inline-flex; align-items:center; line-height:120%; background:#222222; color:#FFF; font-size:14px; padding:0 20px; height:35px;}
.register_frm01 td button.btn_frmline {position:relative; display:inline-flex; align-items:center; line-height:120%; background:#222222; color:#FFF; font-size:14px; padding:0 20px; height:35px; border-radius:0;}
.register_frm01 td .radio_span {margin-right:10px;}
.register_frm01 td .dotline {background:url(img/main_dotline_h.png) repeat-x 0 bottom; padding-bottom:15px; margin-bottom:15px !important;}

.register_frm01 td ul.input_telnum {display:flex; justify-content:space-between; max-width:340px;}
.register_frm01 td ul.input_telnum li {position:relative; width:calc(33.33333% - 10px);}
.register_frm01 td ul.input_telnum li span {position:absolute; right:-10px; top:8px; content:"-"; z-index:2;}
.register_frm01 td ul.input_telnum li:last-child span {display:none;}
.register_frm01 td select {font-size:16px; height:37px; border-radius:0;}

.register_frm01 input.frm_input:read-only {background:#F9F9F9; color:#888;}

/*회원가입 완료 */
#reg_result {margin-top:100px;}
.reg_result_con {border:1px solid #d4d4d4; max-width:700px; margin:0 auto; padding:40px; background:#f9f9f9; border-radius:20px; text-align:center;}
.reg_result_con .icon {display:inline-block; width:128px; height:112px; background:url(img/register_logo.png) no-repeat; margin:0 0 30px 0;}
.reg_result_con h2 {font-size:25px; color:#000000; font-weight:bold;}
.reg_result_con .reg_result_p {background:none; padding:0; border:none; font-size:18px; margin-bottom:50px; margin-top:15px;}
.reg_result_con .reg_result_p strong {color:#ed2b4e;}
.reg_result_con .btn_submit {display:inline-flex; width:200px; height:50px; background:#2d2d2d; justify-content:center; align-items:center;}

.people {display:flex; flex-wrap:wrap; overflow:hidden; margin-left:-1.33333%;}
.people li{display:inline-block;border:1px solid #ddd;padding:0px 0px;width:32%; margin-left:1.33333%;margin-bottom:4px;text-align:center;}
.people_li { cursor:pointer; }
.people_act { background: #22a9ed; color:#ffffff; }

.people input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
.people .pe_label {/* display: inline-block; */display:flex; align-items:center;  justify-content:center; font-size:0.92em; width:100%;background:#fff;padding:10px;margin: 0px;cursor: pointer;height:100%;position:relative;z-index:1}
.people input[type="radio"]:checked+.pe_label {border:1px solid #ff006c;z-index:3;background:#ff006c;color:#ffffff !important;}


@media all and (max-width:700px){

.reg-inner .reg-title {font-size:22px;}
.reg-title .register_caption {font-size:14px;}

.register_frm01 th {font-size:15px; width:200px; padding:20px;}
.register_frm01 td {font-size:15px; padding:20px;}

.register_frm01 td .frm_info {font-size:14px;}

#reg_result {margin-top:50px;}
.reg_result_con {padding:20px;}
.reg_result_con h2 {font-size:20px;}
}

@media all and (max-width:480px){

.register_frm01 table {table-layout: fixed}
.register_frm01 th {font-size:12px; min-width:100px; width:100px; padding:20px 5px; font-family:sans-serif; letter-spacing:-1px;}
.register_frm01 td {font-size:13px; padding:20px 10px;}
.register_frm01 td a.btn_frmline2 {font-size:13px;}
.register_frm01 td .frm_info {font-size:12px;}

.people {margin-left:-1%;}
.people li{width:49%; margin-left:1%}


}

@media all and (max-width:400px){
.reg-title .register_caption {position:relative; right:auto; top:auto; margin-top:0px;}
}

#sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px}
#sns-link-pnl .connect-close:hover {color:#ff5191}
#sns-link-pnl .connect-close .fa {margin:0 0 0 1px}
#sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}

#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left}
#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%}
#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block}
#sns-link-pnl .connect-fg {height:320px;text-align:left}
#sns-link-pnl .login_fs {margin:0 auto;width:260px}
#sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d}
#sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center}

.member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left}
.member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px}
.member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em}
.member_connect button:hover {background:#6446e7}