@charset "utf-8";
/************************************************************************
 * filename : member.css
 * description : MY JUNO > 회원정보
 * date : 2017.08.29
************************************************************************/
/*common*/
.sub_menu ul>li{width: 33.3%;}
.header_btm{display: none;}
/*style*/
.section_content {opacity: 1;transform: translateY(0) !important;width:100% !important}
.member #contents{padding-bottom: 300px;}
.member .section1 {text-align: center;}
.member .section1 .section_content .sec1_top{overflow: hidden;margin-top: 50px;;margin-bottom: 40px;}
.member .section1 .section_content .sec1_top .sec1_top_left{float: left;position: relative;width: 260px;}
.member .section1 .section_content .sec1_top .sec1_top_left img{width:100%;max-width: 260px}
.member .section1 .section_content .sec1_top .sec1_top_right{float: right;overflow: hidden;width: 860px;border-bottom: 1px solid #333;box-sizing: border-box;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul{overflow: hidden;background: #f0f0f0;box-sizing: border-box;padding: 9.5px 30px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li{float: left;width: 33.33%;box-sizing: border-box;padding-left: 30px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>strong,
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{vertical-align: middle;display: inline-block;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{margin-left: 24px;font-size:15px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_gb{color:#777}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.blue{color:#364ec9}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.red{color:#c93636}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.black{color:#333}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.silver{color:#969696}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.gold{color:#e69000}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_lvl.vip{color:#000}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span.member_num{color:#777}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img{width:21px;vertical-align: middle;}
.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span{vertical-align: middle;color:#333;font-size:15px;font-weight: 600;margin-left: 2px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm{padding: 18.5px 0;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul{overflow: hidden}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li{float: left;box-sizing: border-box;width:50%;text-align: center}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li:first-child{border-right: 1px solid #e3e3e3;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong img,
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong span{vertical-align: middle;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong img{width:38px;margin-right: 8px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong span{color:#333;font-weight: 600;font-size:15px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price{color:#ed1c24;font-size:15px;margin-top: 8px;}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price span{line-height: normal}
.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price span.bold{font-weight: 700;font-size:24px;}

.member .section1 .section_content .member_from_wrap{border-top: 1px solid #7b7b7b;}

.member .section1 .section_content .member_form_wrap table{table-layout: fixed}
.member .section1 .section_content .member_form_wrap th,
.member .section1 .section_content .member_form_wrap td{vertical-align: middle;}
.member .section1 .section_content .member_form_wrap th{border-bottom: 1px solid #ed1c24;}
.member .section1 .section_content .member_form_wrap th div{width:190px}
.member .section1 .section_content .member_form_wrap th div strong{font-size:15px;color:#333;font-weight: 600;line-height: normal;padding:0 0 0 30px}
.member .section1 .section_content .member_form_wrap th div strong span{vertical-align: middle}
.member .section1 .section_content .member_form_wrap th div strong span.nec{color:#ed1c24;margin-left: 2px;}

.member .section1 .section_content .member_form_wrap td div.td_wrap{float: left;width: 960px;box-sizing: border-box;border-bottom: 1px solid #e3e3e3;;overflow: hidden;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap{float: left;width: 640px;padding:10px 0 10px 30px;box-sizing: border-box}
 .member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input{height: 30px;box-sizing: border-box;border:1px solid #f0f0f0;background: #f8f8f8;font-size:15px;color:#000;letter-spacing: -1px;padding:0 20px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap .inquire{display: block;width:180px;text-align: center;line-height: 30px;background: #8f8f8f;color:#fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin:11px 0}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap.membership_chk .inquire{display: none;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap{background: #f8f8f8;width: 320px;;float: right;min-height: 50px;box-sizing: border-box;padding-left: 30px;line-height: 50px}
.member .section1 .section_content .member_form_wrap .row9 td div.td_wrap .option_wrap{min-height: 73px}
.member .section1 .section_content .member_form_wrap .row9 td div.td_wrap .membership_chk+.option_wrap{min-height: 111px}

.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap label{background-image: url(/static_resources/images/myjuno/member_checkbox_off.png);background-repeat: no-repeat;background-size: 20px 20px;width:20px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;cursor: pointer}
.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap input:checked+label{background-image: url(/static_resources/images/myjuno/member_checkbox_on.png)}
.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap input[type='checkbox']{width:0;height:0;margin:0;overflow: hidden;display: none}
.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap img{width:18px;vertical-align: middle;margin-left: 3px;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap span{vertical-align: middle;color:#777;font-size:13px;margin-left: 7px;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input[type='radio']+label{background-image: url(/static_resources/images/myjuno/member_checkbox_off.png);background-repeat: no-repeat;background-size: 20px 20px;padding-left: 26px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;cursor: pointer;line-height: 20px;margin-right:14px;margin-top: 5px;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input[type='radio']:checked+label{background-image: url(/static_resources/images/myjuno/member_checkbox_on.png)}
.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input[type='radio']{width:0;height:0;margin:0;overflow: hidden;display: none}

.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap{display: none;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_chk .membership_wrap{display: block;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap p{line-height:25px;margin-top: 5px;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap p:first-child{margin-top: 0;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap p strong{width:70px;font-size:14px;color:#555;display: inline-block;}
.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap p span{font-size:14px;color:#333;border:1px solid #f0f0f0;background: #f8f8f8;width: 150px;box-sizing: border-box;padding:0 6px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}


.member .section1 .section_content .member_form_wrap .btn_group{margin-top: 30px;}
.member .section1 .section_content .member_form_wrap .btn_group ul{overflow: hidden;text-align: center}
.member .section1 .section_content .member_form_wrap .btn_group ul li{display: inline-block;margin-left: 10px;}
.member .section1 .section_content .member_form_wrap .btn_group ul li:first-child{margin-left: 0;}
.member .section1 .section_content .member_form_wrap .btn_group ul li a{display: block;width:160px;line-height: 40px;text-align: center;color:#fff;font-size:15px;font-weight: 600;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.member .section1 .section_content .member_form_wrap .btn_group ul li.member_submit a{background: #ed1c24;}
.member .section1 .section_content .member_form_wrap .btn_group ul li.cancel a{background: #333;}

.member .inquireLayer{display: none;position: fixed;z-index: 101;width:900px;height: 460px;background: #fff;top:50%;left:50%;margin-left: -450px;margin-top:-230px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;overflow: hidden}
.member .inquireLayer .layer_top{box-sizing: border-box;padding:0 20px;line-height: 70px;background: #2a2829;color:#fff;position: relative;}
.member .inquireLayer .layer_top strong{font-size:28px;font-weight: 700}
.member .inquireLayer .layer_top a{position: absolute;top:15px;right:20px}
.member .inquireLayer .layer_top a img{width:40px}
.member .inquireLayer .layer_content{overflow: hidden}
.member .inquireLayer .layer_content .search_wrap{float: left;width: 500px;box-sizing:border-box;padding:14px}
.member .inquireLayer .layer_content .search_wrap .search_top{padding:10px 0;margin-bottom: 10px;position: relative}
.member .inquireLayer .layer_content .search_wrap .search_top input{width:396px;height: 31px;box-sizing: border-box;padding:3px 4px}
.member .inquireLayer .layer_content .search_wrap .search_top a{position: absolute;right:0;height: 31px;line-height: 31px;text-align: center;background:#ed1b24;color:#fff;display: block;top:10px;text-decoration: none;width:80px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size:14px;border-top-left-radius: 0;-moz-border-top-left-radius: 0;-webkit-border-top-left-radius: 0;border-bottom-left-radius: 0;-moz-border-bottom-left-radius: 0;-webkit-border-bottom-left-radius: 0;}
.member .inquireLayer .layer_content .search_wrap .sl_top{box-sizing: border-box;background: #fff1f1;border-top: 2px solid #555;overflow: hidden}
.member .inquireLayer .layer_content .search_wrap .sl_top span{text-align: center;line-height: 38px;font-weight: 600;font-size:15px;border-bottom: 1px solid #cfcfcf;float: left;}
.member .inquireLayer .layer_content .search_wrap .sl_top span.oidstore{width:10%;}
.member .inquireLayer .layer_content .search_wrap .sl_top span.userName{width:90%;box-sizing: border-box;padding-right:18px}
/*.member .inquireLayer .layer_content .search_wrap .sl_top span.phone{width:30%;}*/
.member .inquireLayer .layer_content .search_wrap .sl_btm{border-bottom: 1px solid #555;}
.member .inquireLayer .layer_content .search_wrap .sl_btm a{display: block;}
.member .inquireLayer .layer_content .search_wrap .sl_btm a span{float: left;border-bottom:1px solid #cfcfcf;line-height: 30px;text-align: center;font-size:14px;text-align: center;display: block;}
.member .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child{width:10%;}
.member .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child+span{width: 90%;}
.member .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child+span+span{width: 30%;}
.member .inquireLayer .layer_content .search_wrap .sl_btm{height: 230px;overflow: auto;-webkit-overflow-scrolling: touch;}
.member .inquireLayer .layer_content .search_wrap .sl_btm .sl_itm:hover{background: #f7f7f7;}
.member .inquireLayer .layer_content .result_wrap{float: right;width: 386px;box-sizing:border-box;margin-top: 23px;overflow: hidden;margin-right: 14px;}
.member .inquireLayer .layer_content .result_wrap>p{border-bottom: 2px solid #555;padding-bottom: 20px;}
.member .inquireLayer .layer_content .result_wrap table{width:100%}
.member .inquireLayer .layer_content .result_wrap table td{line-height: 39px;border-bottom: 1px solid #cfcfcf;padding:0 4px}
.member .inquireLayer .layer_content .result_wrap table td:first-child{background: #fff1f1;font-weight: bold;font-size:14px;}
.member .inquireLayer .layer_content .result_wrap table td:first-child+td{vertical-align: middle}
.member .inquireLayer .layer_content .result_wrap table td:first-child+td input{width:80%;display: block;}
.member .inquireLayer .layer_content .result_wrap a{background:#ed1b24;color:#fff;text-align: center;width:120px;line-height: 37px;display: block;float: right;margin-top:14px;font-size:14px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.member .inquireLayer .layer_content .result_error{display: none;background: #fff1f1;margin:30px 20px;text-align: center;color:#333;font-weight: 600;font-size:22px;padding:40px 0;}
.member .inquireLayer.error{height: 226px;margin-top:-113px}
.member .inquireLayer.error .layer_content .search_wrap,
.member .inquireLayer.error .layer_content .result_wrap{display:none}
.member .inquireLayer.error .layer_content .result_error{display: block;}

.member .overlay{display: none;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 100;background:url(/static_resources/images/overlay.png);}

@media (max-width:1150px){
	.member #contents{padding-bottom: 200px;}
	.member .section1 .section_content .sec1_top .sec1_top_right{width: 744px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li{padding:0 10px;text-align: center}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{margin-left: 11px;}
	.member .section1 .section_content .member_form_wrap th div strong{padding:14px 0 14px 18px}
	.member .section1 .section_content .member_form_wrap td div.td_wrap{width: 834px;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap{width: 544px;padding-left: 18px;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap{width: 290px;padding-left: 18px;}
}
@media (max-width:1024px){
	.header_btm{display: block;}
	
	.member .section1 .section_content .sec1_top{clear: both}
	.member .section1 .section_content .sec1_top .sec1_top_right{overflow: visible;float: none}
	.member .section1 .section_content .sec1_top .sec1_top_right .sec1_tr_top{width: 488px;margin-left: 280px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul{padding:15.5px 25px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li{text-align: left;width:100%;float: none;padding:11px 10px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span{font-size:18px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{font-size:18px}
	.member .section1 .section_content .member_form_wrap th div{width:135px}
	.member .section1 .section_content .member_form_wrap th div strong{padding:14px 0 14px 11px}
	.member .section1 .section_content .member_form_wrap td div.td_wrap{width: 633px;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap{padding-left: 11px;width: 383px;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap{padding-left: 11px;width:250px;}	
	
	.member .inquireLayer{width:768px;margin-left:-384px;}
	.member .inquireLayer .layer_content .search_wrap{width:419px;}
	.member .inquireLayer .layer_content .search_wrap .search_top input{width: 316px;}
	.member .inquireLayer .layer_content .result_wrap{width: 335px;}
}

@media (max-width:768px){
	.member .section1 .section_content .sec1_top{margin:20px 0}
	.member .section1 .section_content .sec1_top .sec1_top_left{float: none;margin:0 auto;width: 200px;}
	.member .section1 .section_content .sec1_top .sec1_top_right{float: none; width:100%;border-bottom: 0;margin-top: 20px;}
	.member .section1 .section_content .sec1_top .sec1_top_right .sec1_tr_top{width:100%;margin-left: 0;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul{padding:10px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li{padding:7px;line-height: 15px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span,
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{font-size:14px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img{width: 15px;}
	.member .section1 .section_content .member_form_wrap td{width:100%}
	.member .section1 .section_content .member_form_wrap td div.td_wrap{float: none;width:100%}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap{float: none;width:100%;padding-left:0;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input{background:none ;border:0;width:100%;padding:0 10px}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap{float: none;width:100%;display: none;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .option_wrap.show{display: block}	
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap .inquire{margin-left:10px}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap input[type='radio']:first-child+label{margin-left: 10px;}
	
	.member .inquireLayer{width:100%;height:100%;margin-left:0;margin-top:0;left:0;top:0;bottom:0;right:0;border-radius: 0;}
	.member .inquireLayer.error{height: 100%;margin-top: 0;}
	.member .inquireLayer .layer_content .result_error{margin:30px 2.5%;font-size:20px;padding:40px 10px;word-break: keep-all}
	.member .inquireLayer .layer_top{line-height: 55px}
	.member .inquireLayer .layer_top strong{font-size:22px;}
	.member .inquireLayer .layer_top a{top:12.5px}
	.member .inquireLayer .layer_top a img{width:30px;}
	.member .inquireLayer .layer_content .search_wrap{width:100%;float: none;padding:14px 2.5%;}
	.member .inquireLayer .layer_content .search_wrap .sl_btm{height: 150px;}
	
	.member .inquireLayer .layer_content .result_wrap{width:95%;float: none;margin-top: 20px;box-sizing: border-box;margin:14px 2.5% 0 2.5%}
	.member .inquireLayer .layer_content .result_wrap{text-align: center}
	.member .inquireLayer .layer_content .result_wrap a{float: none;display: inline-block;}
	.member .section1 .section_content .member_form_wrap td div.td_wrap .membership_wrap p{padding-left:11px}
	
	.member .inquireLayer .layer_content .result_wrap>p{text-align: left;padding-bottom: 10px;}
}
@media (max-width:500px){
	.member .section1 .section_content .sec1_top{margin-bottom: 0;}
	.member .section1 .section_content .sec1_top .sec1_top_right{border-bottom: 0;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span{margin-left: 6px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong img{width: 18px;margin-right: 3px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li{float: none;width:100%;text-align: left;padding:0 10px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li:first-child{margin-bottom: 20px;border:0;border-bottom: 1px dotted #c3c3c3;padding-bottom: 20px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong{vertical-align: middle;margin-left: 7px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong span{font-size:13px}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price{vertical-align: middle;display: inline-block;margin-top: 0;margin-left: 6px;}
	.member .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price span.bold{font-size:27px;line-height: 30px}
	
	.member .section1 .section_content .member_from_wrap{margin-top: 20px;}
	.member .section1 .section_content .member_form_wrap table,
	.member .section1 .section_content .member_form_wrap table tbody,
	.member .section1 .section_content .member_form_wrap tr,
	.member .section1 .section_content .member_form_wrap th,
	.member .section1 .section_content .member_form_wrap td{display: block;}
	.member .section1 .section_content .member_form_wrap th div{width:100%;}
	.member .section1 .section_content .member_form_wrap th div strong{display: block}
	.member .section1 .section_content .member_form_wrap th{display: none}
	
	.member .section1 .section_content .member_form_wrap td div.td_wrap .input_wrap .inquire{width: auto;display: inline-block;padding: 0 20px;}
	
	.member .section1 .section_content .member_form_wrap .btn_group ul li a{font-size:14px;width: 120px;}
	
}