@font-face{ font-family:NG; src:url('/font/NanumGothic.eot'); src:local(※), url'(/font/NanumGothic.woff') format('woff');}
 @font-face{ font-family:NGEN; src:url('/font/NanumGothicBold.eot'); src:local(※), url('/font/NanumGothicBold.woff') format('woff');}

a:link { color:#666; text-decoration: none }
a:visited { color:#666; text-decoration: none }
a:hover { color:#000; text-decoration: none }
a:active { color: #666; text-decoration: none }

form { margin:0; }
p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size: 13px; color:#666; line-height:150%;}
fieldset, legend {border:0; margin:0; padding:0;}
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:999px;white-space:nowrap}

input[type=text], input[type=passwd], input[type=file],textarea {border-radius:0; -webkit-appearance: none  !important;}	/* ios 둥근라인 없애기*/
input[type=button], input[type=submit] {border-radius:0; -webkit-appearance: none  !important; -moz-appearance: none  !important; appearance: none  !important;}	

/* 버튼 스타일 */
.btn_w {display:inline-block; background:#fff; text-align:center; color:#666; font-weight:500; border:1px solid #a3a3a3; cursor:pointer;}
.btn_wb {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:500; border:1px solid #2c2c2c; cursor:pointer;}
.btn_ag {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:500; border:1px solid #2c2c2c; cursor:pointer;}
.btn_b {display:inline-block; background:#2c2c2c; text-align:center; color:#fff; font-weight:500; border:1px solid #2c2c2c; cursor:pointer;}
.btn_g {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:500; border:1px solid #6b6b6b; cursor:pointer;}
.btn_i {display:inline-block; background:#3e3d3c; text-align:center; color:#fff; font-weight:500; border:1px solid #3e3d3c; cursor:pointer;}
.btn_blue {display:inline-block; background:#34a2ef; text-align:center; color:#fff; font-weight:500; border:1px solid #34a2ef; cursor:pointer;}

/* 인풋 */
input.input_login {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input.input_idpw {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input[type=checkbox] {width:20px; height:20px; margin:0; font-size:13px; color:#666; vertical-align:middle;}
input[type=radio] {width:16px; height:16px; color:#666; font-size:13px; vertical-align:middle;}
input[type=text], input[type=password] {border:1px solid #ddd; color:#666; font-size:13px; padding:0 6px; height:36px; line-height:36px; vertical-align:middle;}

input.input_num {width:38px;}
input.add_num {max-width:60px;}
input.input_date {width:28px;}
input.input_resno {width:132px;}
input.input_file {width:100%; box-sizing:border-box; background:none; font-size:13px;}
input.input_100 {width:100%; box-sizing:border-box;}


/* 여백 */
.tpad_20{padding-top:20px;}
.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_30 {padding-right:30px;}

select {font-size:13px; color:#666666; border:1px solid #d4d4d4; background:#fff; padding:4px;}
.input {border:0px; font-size:13px; color:#545454; border:1px solid #d4d4d4; background:#fff; padding:8px 4px;}
.search_input { font-size:13px; color:#555;  border: #d4d4d4 1px solid; background: #fff;}
.textarea {font-size:13px; color:#666666; border:1px solid #ddd; line-height:19px;}


/***** 로그인 ****/
#login {position:relative; padding:30px; font-size:13px;}
#login .login_ex  {padding-bottom:30px;}
#login .login_order {border-top:1px dashed #ccc; padding:30px 0;}
#login .login_orderlist {border-top:1px dashed #ccc; padding-top:30px;}
#login fieldset {}
#login ul {width:100%; margin:0 auto 10px auto;}
#login li {margin-bottom:5px;}
#login li input[type=text], #login li input[type=password] {text-align:left; width:100%; box-sizing:border-box;}
#login .login_checkbox {padding-bottom:10px; font-size:13px;}
#login .btn_b {width:100%; height:42px; line-height:42px; font-size:14px; font-weight:600;}
#login .login_btn {text-align:center; padding:8px 0;}
#login .login_btn a:link, 
#login .login_btn a:visited {position:relative; padding:0 10px; font-size:13px; font-weight:600;}
#login .login_btn a:before {position:absolute; top:2px; left:0; width:1px; height:14px; background:#dedede;content:""}
#login .login_btn a:first-child:before {display:none}
#login h2 {color:#333; font-size:16px; padding-bottom:5px;}
#login span {color:#666; display:block; padding-bottom:10px; font-size:13px;}
#login .btn_g, #login .btn_wb  {width:40%; height:42px; line-height:42px; font-size:14px; font-weight:600;}


/***** 회원가입 동의 *****/
.mem_level {position:relative; overflow:hidden; margin-bottom:30px; background:#f6f6f6; padding:20px 15px;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {float:left; padding:0 16px 0 8px; background:url(/admin/member/skin/memberBasic02/image/mem_arrow.png) right center no-repeat; text-align:center; font-size:14px;}
.mem_level li:first-child {padding-left:0;}
.mem_level li:last-child {background:none !important; padding-right:0;}
.mem_level li span {font-weight:600; font-family:"PT sans", Arial, Tahoma, Verdana, sans-serif;}
.mem_level li.hover {color:#333; background:url(/admin/member/skin/memberBasic02/image/mem_arrow_up.png) right center no-repeat; text-align:center; font-weight:600;}
.mem_level li.hover span {font-weight:600; font-family:"PT sans", Arial, Tahoma, Verdana, sans-serif;}

#joinAgree {padding-bottom:30px;}
#joinAgree .join-label {padding: 15px; border-bottom: 2px solid #ccc;}
#joinAgree .join-label .inp_chk{margin: 0; font-size:13px;}
#joinAgree .privacy-item {background: #fff; border-bottom: 1px solid #ccc; padding:12px;}
#joinAgree .privacy-item .privacy-head {position: relative;padding-right: 90px;}
#joinAgree .privacy-item .privacy-head .inp_chk {padding-left: 30px; margin: 0; }
#joinAgree .privacy-item .privacy-head .inp_chk input {position: absolute; left: 0; top: 5px; }
#joinAgree .privacy-item .privacy-head .inp_chk label {margin-left: 0px; display: inline-block; font-size:13px;}
#joinAgree .privacy-item .privacy-head label,
#joinAgree .privacy-item .privacy-head input {vertical-align: middle; }
#joinAgree .privacy-item .privacy-head .option {position: absolute; top: 50%; right: 0; border: 1px solid #ccc; padding:5px; margin-top: -15px;}
#joinAgree .privacy-item .privacy-body {margin-top: 10px; padding-top: 2px;}
#joinAgree .privacy-item .privacy-body textarea {height:150px; width:98%; padding:1%;}
#joinAgree .toggle-item.toggle-open .privacy-body {display: none;}
#joinAgree .btn {text-align:center; }
#joinAgree .btn input[type=button] {width:40%; height:42px; line-height:42px; font-size:14px; font-weight:600;}

/* 아이디/패스워드 찾기 */
.idpw_box {background:#f5f5f5; border:1px solid #ededed; height:100%;  padding:30px 5%; width:270px; margin:0 auto;}

.find_form {margin:0 auto;}
.find_form p.tit_search {width:100%; display:inline-block; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.find_form fieldset {border:0px; background:none;}
.find_form lable {display:hidden;}

.find {position:relative;}
.find p {margin-bottom:2px; clear:both; *zoom:1; padding:0; line-height:0; vertical-align:top; font-size:0; height:23px;}
.find p span {display:block; float:left; width:45px;}
.find p span img {margin-top:5px;}
.find input.input_id {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find input.input_idpw {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find p.confirm {position:absolute; right:5px; top:0px;}

/* 190405 추가 */
.id_search_new{position:relative; width:100%; box-sizing:border-box; margin-top:10px;}
.id_search_new .id_tab{position:relative; overflow:hidden;}
.id_search_new .id_tab li {float:left; width:50%; text-align:center;}
.id_search_new .id_tab li a{display:block; font-size:15px; padding:12px 0; letter-spacing:-0.5pt; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f9f9f9; color:#888}
.id_search_new .id_tab li a.tab_up{border-bottom:1px solid #222; color:#222; background:#fff}
.id_search_new .id_tab li:first-child a{border-left:0}

.id_search_new_in{position:relative; padding:30px 0; }
.id_search_new .idpw_select{position:relative; width:100%; text-align:center; padding-bottom:15px}
.id_search_new .login_input_m{position:relative; width:95%; margin:0 auto}
.id_search_new .login_input_m dt {position:absolute; top:0; right:0; width:100px;}
.id_search_new .login_input_m .btn_b {display:inline-block; width:100px; height:82px; line-height:82px; cursor:pointer;}
.id_search_new .login_input_m dd {width:calc(100% - 105px); margin-bottom:10px;}
.id_search_new .login_input_m dd .input_login {text-align:left; width:100%; box-sizing:border-box;}
.id_search_new .login_input_m dd .input_hp{width:calc(33.3333% - 16px); height: 37px; vertical-align:middle;}
.id_search_new .login_input_m dd .input_hp2{width:33.3333%;}
.id_search_new .login_input_m dd span{display:inline-block; text-align:center; width:8px}
.id_search_new .login_input_m input.btn_b {font-size:14px;}

.id_search_new .login_input2{position:relative; width:95%; margin:0 auto;}
.id_search_new .login_input2 dt {}
.id_search_new .login_input2 .btn_b {display:inline-block; width:158px; height:82px; line-height:82px; cursor:pointer;}
.id_search_new .login_input2 dd {position:relative; width:100%; margin-bottom:8px; }
.id_search_new .login_input2 dd .input_login {text-align:left; width:100%; box-sizing:border-box}
.id_search_new .login_input2 dd .input_login2 {box-sizing:border-box}
.id_search_new .login_input2 dd .input_hp{width:102px;}
.id_search_new .login_input2 dd .input_hp2{width:112px;}
.id_search_new .login_input2 dd span{display:inline-block; text-align:center; width:13px}
.id_search_new .login_input2 dd .btn_w{position:relative; width:100%; margin:5px auto; line-height:34px; box-sizing:border-box}
.id_search_new .login_input2 input.btn_b {width:100%; font-size:16px; line-height:55px; height:55px; box-sizing:border-box}

.id_search_new_result{position:relative; padding:30px 0; text-align:center;}
.id_search_new_result h4{font-size:15px; color:#222; letter-spacing:-0.5pt; font-weight:normal; line-height:100%}
.id_search_new_result p.id_txt{font-size:15px; color:#222; font-weight:bold; color:#dc1616; line-height:100%; padding:10px 0 25px 0;}
.id_search_new_result p.id_txt span.date{font-size:13px; font-weight:normal; color:#888; line-height:100%}
.id_search_new_result dl.send_txt{text-align:left; width:95%; margin:0 auto 30px auto;}
.id_search_new_result dl.send_txt dd{position:relative; line-height:38px; font-size:13px; color:#222}
.id_search_new_result dl.send_txt dd span.tit{display:inline-block; line-height:38px; width:70px; color:#888}
.id_search_new_result dl.send_txt dd .btn_w{position:absolute; right:0; top:2px; line-height:34px; width:92px;}
.id_search_new_result .btn .btn_wb {width:101px; height:46px; line-height:45px; cursor:pointer;}
.id_search_new_result .btn .btn_b {width:101px; height:46px; line-height:45px; cursor:pointer;}

/* 회원가입, 정보수정 */
#join_input .join_input_tit {padding-bottom:10px; overflow:hidden;}
#join_input .join_input_tit h3 {font-size:14px; color:#333; font-weight:600; }
#join_input .join_input_tit h3 span {display:block; font-size:12px; color:#666; letter-spacing:-0.5pt; font-weight:400; padding-top:5px; color:#ff0000;}
/*#join_input .joinfrm_basic {border-top:1px solid #333; padding:10px 0 30px 0;}
#join_input  .input_wrap {display: table; width:100%;}
#join_input  .input_title {display: table-cell; min-width: 90px; width: 27%; height: 36px; line-height: 36px; font-size:13px; font-weight:600;  padding:5px 0;}
#join_input  .input_content {display: table-cell; vertical-align: top; padding:5px 0; font-size:13px;}
#join_input  .form_sub {font-size:12px; padding-top:5px; line-height:16px;}
#join_input  .form_sub strong {margin-right:10px;}

	/*ui 주소입력서식
	.input_address .post-search{vertical-align: middle; width: 66px;}
	.input_address .zipcode {display: inline-block; vertical-align: middle;}
	.input_address .zipcode-flex input[type=button]{padding:9px 15px; border:1px solid #a3a3a3; color:#666; background:#fff; font-size:13px;}
	.input_address .zipcode-flex .zipcode {display: inline-block;}
	.input_address .zipcode-flex .zipcode input{}
	.input_address .zipcode-fix {}
	.zipcode-block {position: relative;}

#join_input .zipcode-block+.zipcode-block {margin-top: 5px;}*/
#join_input .joinfrm {padding-bottom:30px;}
#join_input .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#join_input .join_table th {min-width:80px; width:25%; color:#333; text-align:left; padding:12px 10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-size:13px;}
#join_input .join_table td {padding:12px 10px; border-bottom:1px solid #d9d9d9; font-size:13px;} 
#join_input .form_sub {display:block; padding-top:5px; color:#666; font-size:12px;}
#join_input .form_sub strong {display:block; margin-bottom:3px;}
#join_input .join_table input.add_num {margin-bottom:8px; width:152px;}
#join_input .join_table input.address {margin-bottom:8px; width:100%; box-sizing:border-box;}
#join_input .join_table input.address_end {margin-bottom:0px; width:100%; box-sizing:border-box;}
#join_input .join_table select {padding:8px 7px;}
#join_input .join_table input[type=text],
#join_input .join_table input[type=password] {border:1px solid #d0d0d0; color:#666; font-size:13px; padding:0 5px; height:33px; line-height:33px; vertical-align:middle;}
#join_input .join_table input[type=button] {padding:8px 11px; border:1px solid #a3a3a3; color:#666; background:#fff; font-size:13px; cursor:pointer;}
#join_input .join_btn {text-align:center; padding-top:20px;}
#join_input .join_btn .btn_b {display:inline-block; width:40%; height:42px; line-height:40px; font-size:13px; font-weight:600;}
#join_input .join_btn .btn_wb {display:inline-block; width:40%; height:42px; line-height:40px; font-size:13px; font-weight:600;}
#join_input .join_table select[name="hphone[]"] {width:50px;}
#join_input .join_out {background:#f6f6f6; text-align:center; padding:10px 5px; margin-top:20px; font-size:12px; letter-spacing:-0.5pt;}
#join_input .join_out a {display:inline-block; margin-left:10px; text-align:center; padding:8px 10px; font-size:11px; letter-spacing:-0.5pt; border:1px solid #ccc; background:#fff; text-decoration:underline;}


/***** 회원가입 완료 *****/
#joinOk {text-align:center; padding:60px 0; border:1px solid #ddd;}
#joinOk h2 {font-size:25px; padding-bottom:10px; font-weight:500; color:#333;}
#joinOk p {font-size:13px; margin:0 auto 30px auto; width:70%; border-bottom:1px dashed #ccc; padding-bottom:25px;}

.pad_b {width:40% !important; text-align:center; height:42px !important; line-height:42px !important;  cursor:pointer;}

/****** 회원탈퇴 ******/

#joinOut {}
#joinOut .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#joinOut .join_table th {color:#333; text-align:left; padding:12px 0 12px 12px; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
#joinOut .join_table td {padding:12px 0 12px 12px; border-bottom:1px solid #d9d9d9;} 
#joinOut .join_table input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:13px; height:33px; line-height:33px; vertical-align:middle; padding:0 8px; width:95%;}
#joinOut .join_table textarea {height:150px; width:98%; padding:8px; box-sizing:border-box;} 
#joinOut .btn {text-align:center; padding-top:30px;}
#joinOut .btn .btn_b {width:40%; height:55px; line-height:52px;}
#joinOut .btn .btn_wb {width:40%; height:55px; line-height:52px;}


/* 동의 */
.agree_box {padding:4%; border:3px solid #eaeaea; width:90%; background:#fff;}
.agree_box .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.agree_box .text .textarea {width:97%; height:130px; overflow-y:scroll; line-height:130%; letter-spacing:-0.075em; font-size:1.0em; line-height:150%;}
.agree_box .agreecheck {text-align:right; padding-top:8px; font-size:1.0em;}
.agree_box .agreecheck input {vertical-align:middle;}

.btn {padding-top:20px; text-align:center;}


/* 실명 체크 */
.namecheck { width:99%; border:3px solid #eaeaea; width:95%; background:#fff; padding:15px;}
.namecheck .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.namecheckFrm {margin:0 auto; width:300px;}
.namecheckFrm ul {overflow:hidden; *zoom:1;}
.namecheckFrm li {clear:both; *zoom:1; height:22px;}
.namecheckFrm li p {float:left; width:30%;}
.namecheckFrm li span {float:left;}

/** 회원구분 **/
.mem_division{padding:0 2% 30px;}
	.mem_division .mem_division_in{box-sizing:border-box; padding:0 0 20px;}
	.mem_division > div:last-child{border-top:1px dashed #ccc; padding-top:20px}
	.mem_division_in h5{font-size:16px; font-weight:700;  color:#333; letter-spacing:-1pt;}
	.mem_division_in p{font-size:13px; letter-spacing:-0.35pt; color:#858585;padding:3px 0 15px }
	.mem_division_in a{display:block; width:100%; height:42px; line-height:42px; color:#fff; font-size:13px; letter-spacing:-0.7pt; text-align:center; background:#494949; }
		.mem_division_in a.btnFace{background:url('/member/skin/memberBasic/image/mem_btnFace.gif') no-repeat 62px 21px, #395f9f; }
		.mem_division_in a.btnKakao{background:url('/member/skin/memberBasic/image/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00; color:#61522b; }
		.mem_division_in a.btnNaver{background:url('/member/skin/memberBasic/image/mem_btnNaver.gif') no-repeat 60px 24px, #00c300; }
	.mem_division_in li{margin:0 0 2px 0; }



/****** 휴면계정 관련 ******/
#dormant_pop {padding:30px 20px; box-sizing:border-box;}
#dormant_pop h1 {color:#333; font-size:20px; letter-spacing:-0.5pt; margin-bottom:20px; font-weight:400; line-height:140%;}
#dormant_pop h1 strong {font-weight:700; letter-spacing:-0.5pt;}

#dormant_pop .dormant_info {padding:15px; box-sizing:border-box; background:#f6f6f6;}
#dormant_pop .dormant_info ul {overflow:hidden;}
#dormant_pop .dormant_info li {position:relative; padding:2px 0;}
#dormant_pop .dormant_info li span {display:inline-block; width:85px; color:#999;}
#dormant_pop .dormant_info li p {display:inline-block; width:100%; max-width:calc(100% - 85px); font-weight:600; color:#444;}
#dormant_pop .dormant_info li p.change {color:#ce085c; font-weight:600;}
#dormant_pop .message {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd; line-height:150%;} /*  background:url('image/icon_bg.png') right top no-repeat; */
#dormant_pop .message strong {color:#333; font-weight:600;}
#dormant_pop .vetificate {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd;}
#dormant_pop .vetificate p {font-size:14px; line-height:18px; letter-spacing:-0.5pt; margin-bottom:15px; color:#333; font-weight:600;}
#dormant_pop .vetificate ul {overflow:hidden;}
#dormant_pop .vetificate li {border:1px solid #ddd; margin-bottom:1%; padding:20px 10px; box-sizing:border-box;  text-align:left;}
#dormant_pop .vetificate li:last-child {margin-right:0;}
/*#dormant_pop .vetificate li:first-child {background:url('image/icon_mail.png') center 30px no-repeat;}*/
#dormant_pop .vetificate li input[type=radio] {width:17px; height:17px; vertical-align:middle;}
#dormant_pop .vetificate li label {color:#444; font-weight:600;}
#dormant_pop .vetificate li label span {font-weight:normal;}
#dormant_pop .btn {padding-top:0; text-align:center;}
#dormant_pop .btn a {width:49%; height:55px; line-height:52px; cursor:pointer; text-decoration:none; box-sizing:border-box;}
#dormant_pop .btn a.btn_b {color:#fff; margin-left:1%;}
#dormant_pop .vetificate2 {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd;}
#dormant_pop .vetificate2 p {font-size:14px; line-height:18px; letter-spacing:-0.5pt; margin-bottom:15px; color:#333; font-weight:600;}
#dormant_pop .vetificate2 ul {overflow:hidden;}
#dormant_pop .vetificate li {border:1px solid #ddd; margin-bottom:1%; padding:20px 10px; box-sizing:border-box;  text-align:left;}
#dormant_pop .vetificate2 li:last-child {margin-right:0;}
/*#dormant_pop .vetificate2 li:first-child {background:url('image/icon_mail.png') center 30px no-repeat;}
#dormant_pop .vetificate2 li:last-child {background:url('image/icon_phone.png') center 30px no-repeat;}*/
#dormant_pop .vetificate2 li input[type=radio] {width:17px; height:17px; vertical-align:middle;}
#dormant_pop .vetificate2 li label {color:#444; font-weight:600;}
#dormant_pop .vetificate2 li label span {font-weight:normal;}


/*******************************************************************************
	@media 320px~ 460px
*******************************************************************************/
@media all and (max-width:460px) {

#dormant_pop .btn a {width:100%;}
#dormant_pop .btn a.btn_b {margin-left:0%; margin-top:1%;}

}