@charset "utf-8";
/* CSS Document */

@import url(/css/default.css);

/* common_tab */
.tab_01 > ul {height:56px}
.tab_01 > ul:after{display:block; content:''; clear:both}
.tab_01 > ul > li{display:block; float:left; height:100%}
/* 1개 */
.tab_01 > ul.n1 > li{width:auto}
/* 2개 */
.tab_01 > ul.n2 > li{width:50%;}
/* 3개 */
.tab_01 > ul.n3 > li{width:33.3%}
.tab_01 > ul.n3 > li:first-child{width:33.4%}
/* 4개 */
.tab_01 > ul.n4 > li{width:25%}
/* 5개 */
.tab_01 > ul.n5 > li{width:20%}
/* 6개 */
.tab_01 > ul.n6 > li{width:16.6%}
.tab_01 > ul.n6 > li:first-child{width:17%}

.tab_01 > ul > li > a{display:block;width:100%;height:100%;padding:17px 2px 0;border:solid #ddd; border-width:1px 1px 1px 0; font:normal 16px 'Malgun Gothic',sans-serif; color:#666; text-align:center; box-sizing:border-box; background:#fff;}
.tab_01 > ul > li > a:hover{ font:bold 16px 'Malgun Gothic',sans-serif; color:#000; text-decoration:none}
.tab_01 > ul > li > a.acitve {display:block;width:100%;height:100%;padding:17px 2px 0;border:solid #000; border-width:2px; font:bold 16px 'Malgun Gothic',sans-serif; color:#000; text-align:center; box-sizing:border-box; background:#fff;}

/* login */
.login_bg {padding:77px 0; background-color:#f5f5f5; }
.login_bg .login_con {margin:0 auto;padding:45px 5% 0;width:600px; height:245px;border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04)}
.login_bg .login_con.guest {margin:30px auto 0; height:215px;}
.login_bg .login_con .login_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:35px;}
.login_bg .login_con .login_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;}
.login_bg .login_con fieldset{margin:20px 0}
.login_bg .login_con fieldset:after{clear:both;display:block;content:''}

.login_bg .login_con .login_input {width:100%;position:relative;}
.login_bg .login_con .login_input li:first-child{margin-bottom:6px}
.login_bg .login_con .login_input input{width:78%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
.login_bg .login_con .login_input input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
.login_bg .login_con .login_input input::-moz-placeholder{color:#333} /* Firefox 19+ */
.login_bg .login_con .login_input input:-ms-input-placeholder{color:#333} /* IE 10+ */
.login_bg .login_con .login_input input:-moz-placeholder{color:#333} /* Firefox 18- */
.login_bg .login_con .login_input .login_btn{position:absolute; top:0; right:0; width:120px;}
.login_bg .login_con .login_input .login_btn a {display:inline-block; min-width:120px; width:120px;height:106px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:106px; background:#666; text-align:center;}
.login_bg .login_con .login_input .login_btn a:hover {background:#000;}
.login_bg .login_con .find_idpw a{font-size:15px;color:#888;line-height:15px}
.login_bg .login_con .find_idpw span{display:inline-block;margin:0 20px;width:1px;height:12px;line-height:10px;background:#ddd;text-indent:-9999px}

/* 회원가입 권유 */
.join_cont{position:relative;margin:40px auto 0; padding:50px 5% 0;width:600px; position:relative; border-top:1px dotted #000;}
.join_cont ul:after{display:block;content:'';clear:both}
.join_cont ul li{float:left;box-sizing:border-box}
.join_cont ul li:first-child{width:490px;}
.join_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px;}
.join_cont ul li span {display:block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888}
.join_cont ul li.btn_join{position:absolute; top:50px; right:8%;}
.join_cont ul li.btn_join a{display:inline-block; width:120px; height:40px; background:#000;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
.join_cont ul li.btn_join a:hover {background:#666;}
.join_cont ul li.btn_join_mall{position:absolute; top:30px; right:8%;}
.join_cont ul li.btn_join_mall a{display:inline-block; width:120px; height:40px; background:#3a3f41;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
.join_cont ul li.btn_join_mall a:hover {background:#666;}
.join_cont ul li.btn_geust_buy{position:absolute; top:80px; right:8%;}
.join_cont ul li.btn_geust_buy a{display:inline-block; width:120px; height:40px; background:#000;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
.join_cont ul li.btn_geust_buy a:hover {background:#666;}

/* 라디오버튼 : 레이블과 함께 사용 */
.radio_group {width:100%;}
.radio_group input{margin:0 5px 0 0;}
.radio_group input:checked{ }
.radio_group label{visibility: visible; font:bold 15px Malgun Gothic,sans-serif; color:#333; text-align:left; box-sizing:border-box; width:auto;}

/* 회원가입동의*/
.mem_agree{margin-top:30px; }
.mem_agree .cont_tit{font:bold 20px Malgun Gothic, sans-serif; color:#333; letter-spacing:-1px;}
.mem_agree .article_tit{margin-top:30px; font:bold 17px Malgun Gothic, sans-serif; color:#333}
.mem_agree .article_tit span { font:bold 17px Malgun Gothic, sans-serif;}
.mem_agree .article_tit .point01{color:#e80000} /* (강조)빨강 */
.mem_agree .article_tit .point02{color:#666} /* 회색 */
.mem_agree_cont .terms_box{position:relative; margin-top:20px; padding:20px 20px 20px 20px;height:180px;border:1px solid #ddd;box-sizing:border-box;overflow:auto;}
.mem_agree_cont .terms_box1{position:relative; margin-top:20px; padding:20px 20px 20px 20px;height:450px;border:1px solid #ddd;box-sizing:border-box;overflow:auto;}

.mem_agree_cont .radio_group{margin-top:20px; text-align:right;}
.mem_agree_cont .radio_group span{margin-left:20px}

.mem_agree .btn_area {text-align:right; margin:50px 0 0 0;}
.mem_agree .btn_area .btn_next{display:inline-block; min-width:120px; height:60px;padding:0 10px; font:bold 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#666; text-align:center;}

/* 개인정보 입력 */
.join_write {margin-top:30px;}
.join_write .cont_tit{font:bold 20px Malgun Gothic, sans-serif; color:#333; letter-spacing:-1px;}
.join_write .write_area{position:relative}
.join_write .txt_essential{display:inline-block;position:absolute;top:-40px;right:0;width:auto;text-align:right; }
.join_write .txt_essential .mark{font-weight:bold;color:#c21241}
.join_write .btn_inputsize{display:inline-block; width:100px; height:14px;padding:10px 4px;background:#888; font:bold 15px Malgun Gothic, sans-serif; color:#fff; text-align:center; vertical-align:middle;} 

.join_table {display:block; margin:20px 0 0 0; }
.join_table table {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff; width:100%;} /* bbs top 컬러 변경 */
.join_table table th{font:bold 12pt Malgun Gothic,sans-serif; text-align:center; color:#6e6e6e; background-color:#f9f9f9; padding:15px 0  15px 0;  border-bottom:1px dashed #ececec; width:20%;}
.join_table table th label {visibility: visible;  font:bold 12pt Malgun Gothic,sans-serif; color:#6e6e6e;}
.join_table table td{ font:normal 12pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:15px 0  15px 10px; color:#232323; width:80%;}
.join_table table td label {visibility: visible;  font:normal 12pt Malgun Gothic,sans-serif; color:#6e6e6e;}
.join_table table td .note{display:inline-block; padding-top:14px; font:normal 14px Malgun Gothic,sans-serif; color:#888;vertical-align:top}
.join_table table td a {font:normal 12pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
.join_table table td a:hover {color:#000; text-decoration:underline;}
.join_table table td input {border:1px solid #ccc; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle; margin:1px 0;}
.join_table table td input.bor_none{border:0; }
.join_table table td input.size_01 {width:450px;}
.join_table table td input.size_02 {width:335px;}
.join_table table td input.non_bor {border:0;}
.join_table table td input.file_input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:0 0 0 0; color:#8d8d8d; vertical-align:middle; height:30px;}
.join_table table td select {border:1px solid #ccc; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 8px 0; color:#8d8d8d; vertical-align:middle;}
.join_table table td textarea {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.join_table table td img{vertical-align:-1px; margin:0 3px; }

.join_write .btn_area {text-align:right; margin:50px 0 0 0; }
.join_write .btn_area .btn_next{display:inline-block; min-width:150px; height:60px; padding:0 10px; font:bold 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#666; text-align:center;}

.mark_essential{font-weight:bold;color:#c21241} /* 별 표기(필수 입력 사항) */

/* 회원가입완료 */
.complete {}
.complete_msg{margin:60px 0; text-align:center; }
.complete_msg.fixed{padding-top:0; margin-bottom:0; background:none;}
.complete_msg.fixed02{padding-top:0; background:none;}
.complete_msg .main{display:block;  font:bold 26px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1px;}
.complete_msg .desc{margin:17px 0 0 0 ; font:normal 15px 'Malgun Gothic', sans-serif; color: #333}

.complete .btn_area {text-align:center; margin:50px 0 0 0;}
.complete .btn_area .btn_01{display:inline-block; min-width:120px; height:60px;padding:0 10px; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#666; text-align:center;}
.complete .btn_area .btn_02{display:inline-block; min-width:120px; height:60px;padding:0 10px; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#333; text-align:center;}

.box_01{padding:34px 10px;border:1px solid #ededed;background:#f7f7f7;text-align:center}
.box_01 .txt01{font-size:26px;margin-bottom:12px}
.box_01 .txt02{font-size:16px}

.box_01.mem_complete{margin:0 auto;padding:30px 50px;width:560px;text-align:left}
.box_01.mem_complete li{position:relative;margin-bottom:12px;height:25px;}
.box_01.mem_complete li:last-child{margin-bottom:0;}
.box_01.mem_complete li strong{display:inline-block; width:85px; font:bold 17px 'Malgun Gothic', sans-serif;}
.box_01.mem_complete li span:before{position:relative;left:0;top:2px;display:inline-block;content:'';width:20px;height:14px;border-left:1px solid #ddd}
.box_01.mem_complete li span{font:normal 17px 'Malgun Gothic', sans-serif; }


/* FIND_IDPW */
.find_bg {padding:77px 0; background-color:#f5f5f5; }
.find_bg .find_tab {margin:0 auto 50px; width:95%;}
.find_bg .find_con {margin:0 auto;padding:45px 5% 0;width:600px; height:215px;border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04)}
.find_bg .find_con.pw_box {height:265px; margin:30px auto 0;}
.find_bg .find_con.guest {margin:30px auto 0; height:215px;}
.find_bg .find_con .find_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:35px; letter-spacing:-1px;}
.find_bg .find_con .find_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;  letter-spacing:-1px;}
.find_bg .find_con fieldset{margin:20px 0}
.find_bg .find_con fieldset:after{clear:both;display:block;content:''}

.find_bg .find_con .find_input {width:100%;position:relative;}
.find_bg .find_con .find_input li {margin-bottom:6px}
.find_bg .find_con .find_input li input{width:78%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
.find_bg .find_con .find_input li input.pw {width:38%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
.find_bg .find_con .find_input li input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
.find_bg .find_con .find_input li input::-moz-placeholder{color:#333} /* Firefox 19+ */
.find_bg .find_con .find_input li input:-ms-input-placeholder{color:#333} /* IE 10+ */
.find_bg .find_con .find_input li input:-moz-placeholder{color:#333} /* Firefox 18- */
.find_bg .find_con .find_input li:last-child{margin-bottom:0}
.find_bg .find_con .find_input li:last-child input{width:20%;height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
.find_bg .find_con .find_input li:last-child input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
.find_bg .find_con .find_input li:last-child input::-moz-placeholder{color:#333} /* Firefox 19+ */
.find_bg .find_con .find_input li:last-child input:-ms-input-placeholder{color:#333} /* IE 10+ */
.find_bg .find_con .find_input li:last-child input:-moz-placeholder{color:#333} /* Firefox 18- */
.find_bg .find_con .find_input li:last-child select {width:31.6%;height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
.find_bg .find_con .find_input li input.float_r {float:none;}
.find_bg .find_con .find_input .find_btn{position:absolute; top:0; right:0; width:120px;}
.find_bg .find_con .find_input .find_btn a {display:inline-block; min-width:120px; width:120px;height:106px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:106px; background:#666; text-align:center;}
.find_bg .find_con .find_input .find_btn a:hover {background:#000;}

/* FIND_IDPW 고객센터 */
.findcust_cont{position:relative;margin:40px auto 0; padding:50px 5% 0;width:600px; position:relative; border-top:1px dotted #000;}
.findcust_cont ul:after{display:block;content:'';clear:both}
.findcust_cont ul li{float:left;box-sizing:border-box}
.findcust_cont ul li:first-child{width:600px;}
.findcust_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px;}
.findcust_cont ul li span {display:inline-block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888; }


.mem_div_form{margin-bottom:30px;}
.mem_div_form li{margin-bottom:10px;height:40px;box-sizing:border-box}
.mem_div_form li:last-child{margin-bottom:0}
.mem_div_form li.name input{width:460px;height:40px}
.mem_div_form li.birth .sel_box{margin-right:0;min-width:150px}
.mem_div_form li.tel .sel_box{margin-right:0;min-width:150px}
.mem_div_form li.tel input{width:138px;height:40px}
.mem_div_form li.tel span{position:relative;display:inline-block;top:-15px}
.mem_div_form li.auth_num input{width:150px;height:40px}
.mem_div_form .th{float:left;display:inline-block;width:105px;height:40px;font-size:15px;color:#333;line-height:40px}
.mem_div_form .btn{position:absolute;display:inline-block;margin-left:10px;width:130px;height:40px}
.btn_auth{display:inline-block;width:130px;height:40px;font-size:15px;color:#fff;text-align:center;line-height:40px;background:#888;}


/* 개인정보처리방침 */
.section_privacy .box_guide{padding:30px;background:#f5f5f5}
.section_privacy .box_guide p{line-height:28px}
.section_privacy .box_guide .btn_area{margin-top:12px}
.section_privacy > .btn_area{margin-top:30px}
.section_privacy .g_btn_05{width:232px;padding:5px 0;background:none}
.section_privacy .policy{margin-top:45px}

.section_privacy .policy h3{font-size:20px}
.section_privacy .policy h3 + p{margin-top:10px}
.section_privacy .policy h4{margin-top:20px;font-size:17px}
.section_privacy .policy h4 + p{margin-top:10px}
.section_privacy .policy .bu_line, .section_privacy .policy ul{margin-top:10px}
.section_privacy .policy ul > li > ul, .section_privacy .policy ul > li > ul.g_list_02{margin-top:0}
.section_privacy .policy .g_list_01 .g_list_02 > li{text-indent:0}
.section_privacy .policy p + ul{margin-top:16px}
.section_privacy .policy .g_table01_box, .section_privacy .policy .g_table02_box{margin-top:26px;border-bottom:1px solid #333}
.section_privacy .policy .g_table01 tbody td{padding:16px 30px;text-align:left}
.section_privacy .policy .g_table01 tbody tr:last-child th, .section_privacy .policy .g_table01 tbody tr:last-child td{border-bottom:0}
.section_privacy .policy .g_table02 tbody th, .section_privacy .policy .g_table02 tbody td{padding:16px 30px;border-top: 1px solid #ddd;border-bottom:0;text-align:left}
.section_privacy .policy .g_table02 tbody tr:first-child th, .section_privacy .policy .g_table02 tbody tr:first-child td{border-top:0}
.section_privacy .policy .txt_line{color:#333;text-decoration:underline}
.section_privacy .policy a{color:#333}

.list_past_policy{margin-top:50px}
.list_past_policy strong{display:block;}
.list_past_policy .g_list_03 > li, .list_past_policy .g_list_03 > li:first-child{margin-top:6px}
.list_past_policy .g_list_03 > li:before{top:9px;width:2px;height:2px;background:#888}
.list_past_policy .g_list_03 > li a{color:#333}



/* -------------------------------------------------------------------------------------------------------------------------------- */


/* pc */
@media all and (min-width:961px) and (max-width:1117px) {


}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 태블릿 */
@media all and (min-width:767px) and (max-width:960px) {

	/* login */
	.login_bg {padding:77px 0; background-color:#f5f5f5; }
	.login_bg .login_con {margin:0 auto;padding:45px 5% 65px;width:80%; border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04);}
	.login_bg .login_con .login_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:35px;}
	.login_bg .login_con .login_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;}
	.login_bg .login_con fieldset{margin:20px 0}
	.login_bg .login_con fieldset:after{clear:both;display:block;content:''}

	.login_bg .login_con .login_input {width:100%;position:relative;}
	.login_bg .login_con .login_input li:first-child{margin-bottom:6px}
	.login_bg .login_con .login_input input{width:100%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.login_bg .login_con .login_input input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.login_bg .login_con .login_input input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.login_bg .login_con .login_input input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.login_bg .login_con .login_input input:-moz-placeholder{color:#333} /* Firefox 18- */
	.login_bg .login_con .login_input .login_btn{position:relative; top:auto; right:auto; width:100%; margin:20px 0 0 0;}
	.login_bg .login_con .login_input .login_btn a {display:inline-block; min-width:100%; width:100%;height:40px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:40px; background:#666; text-align:center;}
	.login_bg .login_con .login_input .login_btn a:hover {background:#000;}
	.login_bg .login_con .find_idpw a{font-size:15px;color:#888;line-height:15px}
	.login_bg .login_con .find_idpw span{display:inline-block;margin:0 20px;width:1px;height:12px;line-height:10px;background:#ddd;text-indent:-9999px}

	/* 회원가입 권유 */
	.join_cont{position:relative;margin:40px auto 0; padding:50px 0 0;width:90%; position:relative; border-top:1px dotted #000;}
	.join_cont ul:after{display:block;content:'';clear:both}
	.join_cont ul li{float:left;box-sizing:border-box}
	.join_cont ul li:first-child{width:490px;}
	.join_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px;}
	.join_cont ul li span {display:block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888}
	.join_cont ul li.btn_join{position:absolute; top:50px; right:0%;}
	.join_cont ul li.btn_join a{display:inline-block; width:120px; height:40px; background:#000;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
	.join_cont ul li.btn_join a:hover {background:#666;}

	/* FIND_IDPW */
	.find_bg {padding:77px 0; background-color:#f5f5f5; }
	.find_bg .find_tab {margin:0 auto 50px; width:95%;}
	.find_bg .find_con {margin:0 auto;padding:45px 5% 45px;width:600px; height:auto;border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04)}
	.find_bg .find_con.pw_box {height:265px; margin:30px auto 0;}
	.find_bg .find_con.guest {margin:30px auto 0; height:215px;}
	.find_bg .find_con .find_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:35px; letter-spacing:-1px;}
	.find_bg .find_con .find_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;  letter-spacing:-1px;}
	.find_bg .find_con fieldset{margin:20px 0}
	.find_bg .find_con fieldset:after{clear:both;display:block;content:''}

	.find_bg .find_con .find_input {width:100%;position:relative;}
	.find_bg .find_con .find_input li {margin-bottom:6px}
	.find_bg .find_con .find_input li input{width:98.4%; height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input.pw {width:48%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.find_bg .find_con .find_input li input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.find_bg .find_con .find_input li input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.find_bg .find_con .find_input li input:-moz-placeholder{color:#333} /* Firefox 18- */
	.find_bg .find_con .find_input li:last-child{margin-bottom:0}
	.find_bg .find_con .find_input li:last-child input{width:25%;height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li:last-child input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.find_bg .find_con .find_input li:last-child input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.find_bg .find_con .find_input li:last-child input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.find_bg .find_con .find_input li:last-child input:-moz-placeholder{color:#333} /* Firefox 18- */
	.find_bg .find_con .find_input li:last-child select {width:41.9%;height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input.float_r {float:right;}
	.find_bg .find_con .find_input .find_btn{position:relative; top:auto; right:auto; width:100%; margin:20px 0 0 0;}
	.find_bg .find_con .find_input .find_btn a {display:inline-block; min-width:100%; width:100%;height:50px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:50px; background:#666; text-align:center;}
	.find_bg .find_con .find_input .find_btn a:hover {background:#000;}

	/* FIND_IDPW 고객센터 */
	.findcust_cont{position:relative;margin:40px auto 0; padding:50px 5% 0;width:600px; position:relative; border-top:1px dotted #000;}
	.findcust_cont ul:after{display:block;content:'';clear:both}
	.findcust_cont ul li{float:left;box-sizing:border-box}
	.findcust_cont ul li:first-child{width:600px;}
	.findcust_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px;}
	.findcust_cont ul li span {display:block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888}

	/* 회원가입동의*/
	.mem_agree .btn_area {text-align:right; margin:50px 0 0 0;}
	.mem_agree .btn_area .btn_next{display:inline-block; min-width:100%; width:100%; height:40px; padding:0; font:bold 16px 'Malgun Gothic', sans-serif; color:#fff;line-height:40px; background:#666; text-align:center;}

	/* 개인정보 입력 */
	.join_write .btn_inputsize{display:inline-block; float:right;  margin:1px 2% 0 0;width:100px; height:14px; line-height:14px; padding:10px 4px;background:#888; font:bold 15px Malgun Gothic, sans-serif; color:#fff; text-align:center; vertical-align:middle;} 
	.join_table table th{width:25%;}
	.join_table table td{width:75%;}
	.join_table table td input.size_01 {width:98%;}
	.join_table table td input.size_02 {width:75%;}

	.join_write .btn_area {text-align:right; margin:50px 0 0 0;}
	.join_write .btn_area .btn_next{display:inline-block; min-width:100%; height:60px; padding:0 0 0 0; font:bold 20px 'Malgun Gothic', sans-serif; color:#fff; line-height:60px; background:#666; text-align:center;}

			
}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 모바일 */
@media all and (min-width:360px) and (max-width:766px) {

	/* login */
	.login_bg {padding:77px 0; background-color:#f5f5f5; }
	.login_bg .login_con {margin:0 auto;padding:45px 5% 65px;width:80%; border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04);}
	.login_bg .login_con .login_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:35px;}
	.login_bg .login_con .login_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;}
	.login_bg .login_con fieldset{margin:20px 0}
	.login_bg .login_con fieldset:after{clear:both;display:block;content:''}

	.login_bg .login_con .login_input {width:100%;position:relative;}
	.login_bg .login_con .login_input li:first-child{margin-bottom:6px}
	.login_bg .login_con .login_input input{width:100%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.login_bg .login_con .login_input input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.login_bg .login_con .login_input input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.login_bg .login_con .login_input input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.login_bg .login_con .login_input input:-moz-placeholder{color:#333} /* Firefox 18- */
	.login_bg .login_con .login_input .login_btn{position:relative; top:auto; right:auto; width:100%; margin:20px 0 0 0;}
	.login_bg .login_con .login_input .login_btn a {display:inline-block; min-width:100%; width:100%;height:40px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:40px; background:#666; text-align:center;}
	.login_bg .login_con .login_input .login_btn a:hover {background:#000;}
	.login_bg .login_con .find_idpw a{font-size:15px;color:#888;line-height:15px}
	.login_bg .login_con .find_idpw span{display:inline-block;margin:0 20px;width:1px;height:12px;line-height:10px;background:#ddd;text-indent:-9999px}

	.join_cont{position:relative;margin:40px auto 0; padding:50px 0 50px 0;width:90%; position:relative; border-top:1px dotted #000; }
	.join_cont ul:after{display:block;content:'';clear:both}
	.join_cont ul li{float:none; box-sizing:border-box; }
	.join_cont ul li:first-child{width:auto;}
	.join_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px; width:100%; }
	.join_cont ul li span {display:block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888; display:none;}
	.join_cont ul li.btn_join{position:relative; bottom:auto; right:auto; width:100%; margin:-20px 0 0 0; padding:0;}
	.join_cont ul li.btn_join a{display:inline-block; width:100%; height:40px; background:#000;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
	.join_cont ul li.btn_join a:hover {background:#666;}
	.join_cont ul li.btn_join_mall{width:48%; position:relative; float:left; top:auto; right:auto; margin:20px 0 0 0;}
	.join_cont ul li.btn_join_mall a{display:inline-block; width:100%; height:40px; background:#3a3f41;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
	.join_cont ul li.btn_join_mall a:hover {background:#666;}
	.join_cont ul li.btn_geust_buy{width:48%; position:relative; float:right; top:auto; right:auto; margin:20px 0 0 0;}
	.join_cont ul li.btn_geust_buy a{display:inline-block; width:100%; height:40px; background:#000;  font:normal 15px 'Malgun Gothic', sans-serif; color:#fff; text-align:center; line-height:38px;}
	.join_cont ul li.btn_geust_buy a:hover {background:#666;}

	/* FIND_IDPW */
	.find_bg {padding:77px 0; background-color:#f5f5f5; width:100%:}
	.find_bg .find_tab {margin:0 auto 50px; width:95%;}
	.find_bg .find_con {margin:0 auto;padding:45px 5% 45px;width:75%; height:auto; border:1px solid #ddd;background:#fff; position:relative; box-shadow:0 0 13px 0 rgba(0,0,0,0.04)}
	.find_bg .find_con.pw_box {height:auto; margin:30px auto 0;}
	.find_bg .find_con.guest {margin:30px auto 0; height:215px;}
	.find_bg .find_con .find_txt{font:normal 28px 'Malgun Gothic', sans-serif; height:auto; letter-spacing:-1px;}
	.find_bg .find_con .find_txt span {font:bold 28px 'Malgun Gothic', sans-serif; color:#000; display:inline-block; margin:0 0 0 10px;  letter-spacing:-1px;}
	.find_bg .find_con fieldset{margin:20px 0}
	.find_bg .find_con fieldset:after{clear:both;display:block;content:''}

	.find_bg .find_con .find_input {width:100%; position:relative;}
	.find_bg .find_con .find_input li {margin-bottom:6px; position:relative;}
	.find_bg .find_con .find_input li input{width:98.4%; height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input.pw {width:47%;height:50px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.find_bg .find_con .find_input li input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.find_bg .find_con .find_input li input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.find_bg .find_con .find_input li input:-moz-placeholder{color:#333} /* Firefox 18- */
	.find_bg .find_con .find_input li:last-child{margin-bottom:0}
	.find_bg .find_con .find_input li:last-child input{width:42%; height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px; margin-bottom:6px}
	.find_bg .find_con .find_input li:last-child input::-webkit-input-placeholder{color:#333} /* Chrome/Opera/Safari */
	.find_bg .find_con .find_input li:last-child input::-moz-placeholder{color:#333} /* Firefox 19+ */
	.find_bg .find_con .find_input li:last-child input:-ms-input-placeholder{color:#333} /* IE 10+ */
	.find_bg .find_con .find_input li:last-child input:-moz-placeholder{color:#333} /* Firefox 18- */
	.find_bg .find_con .find_input li:last-child select {width:100%;height:47px; font:normal 12pt 'Malgun Gothic', sans-serif; color:#333; padding:0 0 0 5px;}
	.find_bg .find_con .find_input li input.float_r {float:right;}
	.find_bg .find_con .find_input .find_btn{position:relative; top:auto; right:auto; width:100%; margin:20px 0 0 0;}
	.find_bg .find_con .find_input .find_btn a {display:inline-block; min-width:100%; width:100%;height:50px;padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:50px; background:#666; text-align:center;}
	.find_bg .find_con .find_input .find_btn a:hover {background:#000;}

	/* FIND_IDPW 고객센터 */
	.findcust_cont{position:relative;margin:40px auto 0; padding:50px 5% 0;width:100%; position:relative; border-top:1px dotted #000;}
	.findcust_cont ul:after{display:block;content:'';clear:both}
	.findcust_cont ul li{float:left;box-sizing:border-box}
	.findcust_cont ul li:first-child{width:90%;}
	.findcust_cont ul li p{ font:bold 18px 'Malgun Gothic', sans-serif; color:#333; letter-spacing:-1.0px;}
	.findcust_cont ul li span {display:inline-block; margin:7px 0 0 0;  font:normal 14px 'Malgun Gothic', sans-serif;  letter-spacing:-1.0px; color:#888; width:100%;}

	/* 개인정보 입력 */
	.join_write .btn_inputsize{display:inline-block; float:right;  margin:0 2% 0 0;width:80px; height:14px;padding:10px 4px;background:#888; font:bold 15px Malgun Gothic, sans-serif; color:#fff; text-align:center; vertical-align:middle;} 

	.join_table table th{width:35%;}
	.join_table table td{width:65%;}
	.join_table table td input.size_01 {width:98%;}
	.join_table table td input.size_02 {width:55%;}
	.join_table table td input.size_03 {width:40%;}
	.join_table table td input.size_04 {width:30%;}
	.join_table table td select.size_01 {width:94%;}
	.join_table table td select.mar_t5 {margin:5px 0 0 0;}


	/* 회원가입완료 */
	.box_01.mem_complete{margin:0 auto;padding:30px 10%;width:70%;text-align:left}
	.box_01.mem_complete li{position:relative;margin-bottom:12px;height:25px;}
	.box_01.mem_complete li:last-child{margin-bottom:0;}
	.box_01.mem_complete li strong{display:inline-block; width:55px; font:bold 17px 'Malgun Gothic', sans-serif;}
	.box_01.mem_complete li span:before{position:relative;left:0;top:2px;display:inline-block;content:'';width:20px;height:14px;border-left:1px solid #ddd}
	.box_01.mem_complete li span{font:normal 17px 'Malgun Gothic', sans-serif; }
	.box_01.mem_complete li:last-child strong{display:inline-block; width:100%; font:bold 17px 'Malgun Gothic', sans-serif;}
	.box_01.mem_complete li:last-child span:before{border-left:0px solid #ddd; width:0;}
	.complete .btn_area .btn_01{display:inline-block; min-width:45%; height:60px; text-align:center; padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#666; text-align:center;}
	.complete .btn_area .btn_02{display:inline-block; min-width:45%; height:60px; text-align:center; padding:0; font:normal 20px 'Malgun Gothic', sans-serif; color:#fff;line-height:60px; background:#333; text-align:center;}

	

}