#member-layout{width:98%;margin:0 auto;} /*회원*/ /*select{font-family:"돋움"; behavior: url('/common/css/selectbox.htc'); height:25px; border:none}*/ h4 { padding:20px 0 10px 0} /*.th-top{border-top:2px solid #333333} .th_top{border-top:2px solid #333333}*/ a.b-btn{background:#6258c2; color:#fff; text-align:center; padding:10px 15px; vertical-align:top; border-radius:5px;} a.b-btn-c{background:#333; color:#fff; text-align:center; padding:10px 15px; vertical-align:top; border-radius:5px;} .b-btn{background:#6258c2; color:#fff; text-align:center; padding:10px 15px; vertical-align:top; border-radius:5px;} .b-btn-c{background:#333; color:#fff; text-align:center; padding:10px 15px; vertical-align:top; border-radius:5px;} .login-top-img{ background-image:url(/images/content/member/member-top-icon.gif); background-repeat:no-repeat; background-position:top center; width:74%; margin:0 auto 0 auto; padding:60px 0; } .login-top-img .title{font-size:1.5em; font-weight:500 ; color:#6258c2; padding-top:25px; text-align:center; width:100%; } .login-top-img .stxt{font-size:15px; padding-top:5px; text-align:center; width:100%; } .my-top-img{ background-image:url(/images/content/member/header-icon-book.png); background-repeat:no-repeat; background-position:top center; width:74%; margin:0 auto 0 auto; padding:60px 0 30px 0; } .member_top{clear:both; width:450px;text-align:center; margin:0 auto; padding-top:15px;} #login_form{ clear:both; width:74%; margin:0 auto; border-top:2px solid #1d313d; padding:20px 0; border-bottom:1px solid #dbdbdb; } #login_form ul{float:left; padding-left:10px;} .login_form_btn{clear:left; text-align:center; padding-top:30px;} .login_form_btn ul.btn_in{display:block;width:300px;height:50px;margin:0 auto;} .login_form_btn ul.btn_in li{ display:inline-block; height:100%; float:left; background:url(/images/content/member/icon-arrow.png) 7% center no-repeat; padding:0 3%; } .login_form_btn ul.btn_in li.btnjoin{margin-left:4%;} .login_form_btn ul.btn_in li a{ display:block; width:100%; height:100%; font-size:85%; line-height:50px; text-align:left; text-indent:20px; } .login_form_btn img{vertical-align:middle;} *html #login_form li{clear:both;} /*#login_form strong {width:30%; float:left;} #login_form input {float:left;} */ #login_form li{clear:both;} input[type=checkbox] {border:none} input:focus { outline: none; } textarea:focus { outline: none; } .login-form-div{display:table; margin:auto; width:70%; padding-top:10px;} #login_form_input{display:inline-table; vertical-align:top; width:60%; min-width:300px; max-width:600px; margin-left:10%} #login_form_input .login-id{clear:both;padding-bottom:30px} #login_form_input .login-pw{clear:both; padding-bottom:30px;} #login_form_input strong{margin:0; padding:0 15px 0 0} #login_form_input input{vertical-align:bottom;height:20px; width:70%; margin-left:1%; border:0; border-bottom:1px solid #000; margin-bottom:10px; background:none !important} #login_form_input input.id_input{margin-bottom:5px;} .login_sbtn{width:20%; min-width:100px; display:inline-table; vertical-align:top; background:#6258c2; border-radius:7px; text-align:center; color:#fff; } .login_sbtn a{display:block !important; font-size:1.2em; color:#fff !important; padding:30px 0; } .login_id_txt{float:left; width:300px; padding-left:20px;} .login_pw_input{border:solid 1px #dbdbdb; height:20px; width:160px; margin-left:10px;} .login_id_input{IME-MODE:disabled; border:solid 1px #dbdbdb; width:160px; margin-left:22px; margin-bottom:5px;} .join_btn_area{clear:both;display:table;margin:0 auto;} .join_btn_area li{list-style:none;float:left;} .join_btn_area li.btn1{margin-right:7px;} .join_btn_area li a{display:block;width:231.25px;height:50px;line-height:50px;text-align:center;border-radius:4px;background:#e3e3e3;} .join_btn_area li a:hover{color:#000 !important;} .sns_btn_area{clear:both;padding-top:7px;display:table;margin:0 auto;} .sns_btn_area div{float:left;} .sns_btn_area div#naver_id_login{margin-right:7px; position:relative} .sns_btn_area div#naver_id_login a{display:block;width:231.25px;height:50px;line-height:50px;text-align:center;border-radius:4px;} .sns_btn_area div.kakao_id_login{margin-top:3px} .sns_btn_area div.kakao_id_login a{ display:block;width:231.25px;height:50px;line-height:50px;text-align:center;border-radius:4px; background:url(/images/common/kakao_login_btn.png) center center no-repeat; background-size:100% 100%; } .btn{clear:left; padding-top:20px; text-align:center; width:100%} .btn div{float:left; padding-right:10px;} .red-btn{ background:#6258c2; width:100%; height:100%; background-size:contain; color:#FFFFFF; font-size:15px; line-height:53px; text-align:center; letter-spacing:-1px; font-weight:bold; margin:0 auto; border-radius:10px; } .red-btn a{color:#FFFFFF; letter-spacing:-1px; font-weight:bold;font-size:15px;} .blue-btn{background-image:url(/images/common/button-blue-bg.gif); background-repeat:no-repeat; width:150px; height:53px; vertical-align:middle; color:#FFFFFF; font-size:15px; line-height:20px; text-align:center; letter-spacing:-1px; font-weight:bold; margin:0 auto; border:0; padding-top:15px;} .blue-btn a{color:#FFFFFF; letter-spacing:-1px; font-weight:bold;font-size:15px;} .gray-btn{background-image:url(/images/common/gray-btn.gif); background-repeat:no-repeat; width:150px; height:53px; vertical-align:middle; color:#000; font-size:15px; line-height:20px; text-align:center;padding-top:15px; letter-spacing:-1px; font-weight:bold; margin:0 auto} .gray-btn a{color:#000; letter-spacing:-1px; font-weight:bold;font-size:15px;} #find_btn{border-bottom:1px dashed #dbdbdb; border-bottom:1px solid #dbdbdb; clear:left; width:450px; height:30px; text-align:right; margin:0 auto; font-size:11px; padding-top:20px; background-image:url(/images/member/dot_line.gif); background-position:top; background-repeat:repeat-x} #fint_btn a:link{color:#949494; font-size:11px;} #fint_btn a:hover{color:#949494; font-size:11px;} #fint_btn a:visited{color:#949494; font-size:11px;} /* 약관동의 */ .login-agree{width:90%; margin:auto; max-width:800px;} .login-agree .agree-div{border-top:2px solid #000; padding:30px;} #agree_txt{width:70%; margin:0 auto;padding-top:15px; padding-bottom:10px; height:auto; background-image:url(/images/member/dot_line.gif); background-repeat:repeat-x; background-position:left bottom; clear:both; font-size:} #agree_btn{width:55%; margin:0 auto; text-align:center; font-size:11px; letter-spacing:-1px;} #agree_btn a{display:inline-block;float:left;} #agree_btn p{text-align:center; font-size:1.3em} #agree_btn p input{margin-left:10px; margin-right:3px;} #agree_btn ul{height:45px;width:80%;margin:0 auto;} #agree_btn ul li{width:40%; float:left; margin:10px;} #agree_btn li.agbtn1{margin-right:4%; } #agree_btn ul li a{ display:block;width:100%;height:100%;background-size:contain;} #agree_btn li.agbtn1 a{background:#6258c2; color:#fff; text-align:center; padding:10px; border-radius:10px; font-size:1.5em} #agree_btn li.agbtn2 a{background:#777; color:#fff; text-align:center; padding:10px; border-radius:10px; font-size:1.5em} #agree_txt .join_txt{color:#787878; font-weight:bold; font-size:16px; line-height:20px;width:100%;} #agree_txt .join_txt_se{color:#949494; font-size:13px; width:100%; padding-bottom:10px;} #join_btn{clear:both; margin:0 auto; width:450px; padding-top:20px; font-family:ariL} #join_btn ul{float:left;} #join_btn li{clear:both; line-height:18px} #join_btn .join_txt{color:#000000; font-weight:bold; padding-top:5px; font-family:ariL} #join_btn .join_txt_se{color:#949494; width:250px;} #join_btn img{margin-left:80px;} .p-vtxt{color:#6258c2} /*회원정보수정*/ #mall_layout table.join_table{margin:0 auto;width:98%; max-width:950px;} #mall_layout table.join_table th{padding-left:1.2%;height:35px;width:18%;} #mall_layout table.join_table td{padding:1% 1.2%;} #mall_layout table.join_table td input, #mall_layout table.join_table td select{height:18px;line-height:18px;} #mall_layout table.join_table td input.j_in1{width:21%;} #mall_layout table.join_table td input.j_ine{width:51%;} #mall_layout table.join_table td input.inputtext{width:15%;} #mall_layout table.join_table td input.j_ina{width:70%;} #mall_layout table.join_table td input.jina{margin-bottom:0.5%;} #mall_layout table.join_table td li{display:block;width:100%;height:30%;margin-bottom:1%;} #mall_layout table.join_table td select{height:24px;line-height:24px;vertical-align:bottom;} #mall_layout table.join_table td select#txt_mobile1{width:15%;} #mall_layout table.join_table td select#txt_phone1{width:15%;} #mall_layout table.join_table td input.txt_ph, #mall_layout table.join_table td input.txt_m{width:16%;} #mall_layout table.join_table td select.birth{width:10%} #mall_layout table.join_table td select.birth_year{width:14%;} #mall_layout table.join_table td li.birth_check{width:48%;display:inline-block;float:right;} #mall_layout table.join_table td li.birth_check span.orgtxt{text-align:left;padding-left:2%;} .agbox{width:100%; height:200px; } .agree_box1{overflow-y:scroll; border:solid 1px #CCCCCC; line-height:1.7em; padding:15px; margin-top:15px; clear:both; margin:0 auto; margin-bottom:15px; margin-top:15px; font-size:.9em} .agree_box2{overflow-y:scroll;border:solid 1px #CCCCCC; line-height:1.7em; padding:15px; margin-top:15px; clear:both; margin:0 auto; margin-bottom:10px; font-size:.9em} /* 가입하기 */ #mem-layout{clear:both; width:95%; margin:auto} #mem-layout input{border:0px; border-bottom:1px solid #000;} #mem-layout select{border:0px; padding:0 10px; border-bottom:1px solid #000; background:#fff;} #mem-layout table{width:100%; border-top:2px solid #333} #mem-layout table td{padding:10px; border:0px; border-bottom:1px solid #dbdbdb; padding:15px 0;} #mem-layout table th{border:0px; border-bottom:1px solid #dbdbdb} #mem-layout table tr{border:0px} #mem-layout table input, #mem-layout table select{margin:10px; padding-bottom:10px; background:#fff} .pt-txt{font-size:0.8em; padding-top:10px; vertical-align:middle;} .zip-find-up{width:100%; max-width:400px;} .zip-find-down{width:100%; max-width:400px;} #turn{width:100%; height:141px;clear:both; margin:0 auto} #turn ul{width:83%;height:100%;margin:0 auto;} #turn li{ float:left; width:21%; height:90%; color:#ffffff; display:inline-block; } #turn li.turn{ border-radius:500px; background:url(/images/member/agree_img2.png) center center no-repeat; background-size:contain; } #turn li.turn1{ background:url(/images/member/agree_img1.png) center center no-repeat; background-size:contain;} #turn li.turn a{ width:100%; margin-top:23%;display:block;text-align:center;font-size:16px;line-height:23px;} #turn li.turn a span{font-size:20px;font-weight:bold;display:block;line-height:30px;} #turn li.turn1{margin-left:6%;} #turn li.turn_arrow{ width:13%; background:url(/images/member/agree_arrow.png) center center no-repeat; } .realname #turn li.turn{ border-radius:500px; background:url(/images/member/agree_img2.png) center center no-repeat; background-size:contain; } .realname #turn li.turn2{ background:url(/images/member/agree_img1.png) center center no-repeat; background-size:contain; } .realname .real_box{ border-top:2px dashed #ebebeb; clear:left; padding-top:25px; width:100%; margin-top:20px; align:center; } .realname .real_box li.check, .realname .real_box li.ipin{ width:35%; height:45px; display:block; border-radius:50px; background-color:#f53f39; margin:0 auto; } .realname .real_box li.ipin{ background-color:#6eac24; } .realname > .real_box > li.check > a{ background:url(/images/member/btn_bg1.png) 10% center no-repeat; background-size:contain; } .realname .real_box li a{ font-size:95%; color:#ffffff; text-align:center; line-height: 45px; width: 100%; height: 100%; display: block; margin: 3% 0; } .realname .real_box li.real_tit{text-align:center;} #join_table{clear:both; width:600px; margin:0 auto; padding-top:20px;} #joinend_txt{clear:both; margin:0 auto; width:450px; padding-top:30px; padding-bottom:30px; background-image:url(/images/member/dot_line.gif); background-repeat:repeat-x; background-position:left bottom} #joinend_txt ul{} #joinend_txt li{clear:left; text-align:center;} #joinend_txt .join_txt{color:#787878; width:450px; border-top:2px solid #f29701; padding-top:10px} #joinend_txt .join_txt_se{color:#949494;width:450px; padding-bottom:10px;} #join_form_btn{clear:left; text-align:center; margin:0 auto; padding-top:15px;} #joinend{clear:both; width:710px; text-align:center} #joinend h4{font-size:20px; line-height:25px;} #joinend_btn{padding-top:30px; margin:0 auto; text-align:center} /* 아이디/비밀번호 찾기 */ .member-div{width:90%; max-width:1000px; margin:0 auto} .member-div td{padding:20px 0} .member-div tr{border:0px; border-bottom:1px solid #dbdbdb} .member-div td input{border:0px; border-bottom:1px solid #000} .member-div table{border-left:0} .sub-h1{font-size:1.2em; padding-bottom:10px; font-weight:500} caption{display:none} .tble-top{border-top:2px solid #333} #findidpw{clear:both; width:710px; margin:0 auto} #id_find{clear:both; margin:0 auto; width:100%;} #id_find h4{font-size:15px;} #id_find_btn{clear:both; width:380px; text-align:center; margin:0 auto; padding-bottom:15px; padding-top:30px;} #password_find{clear:both; width:100%;margin:0 auto;} #password_find_btn{width:350px; text-align:center; margin:0 auto; padding-top:30px} #password_find h4{font-size:15px;} table.sec tr{border-right:0;} li.form_t{font-size:17px;font-weight:200;text-align:center;line-height:50px;margin-bottom:20px;} input.nform{width:55%;} input.eform{width:90%;} #secession{clear:both; width:450px; margin:0 auto} #secession_btn{clear:both; width:50%;height:45px; margin:0 auto; text-align:center; padding-top:15px;} #secession_btn ul{width:100%;height:100%;} #secession_btn input{border:0; padding:0; margin:0;display:inline-block; vertical-align:top; width:95px;padding:15px; color:#fff;font-size:.9em;} #secession_btn a{display:inline-block; vertical-align:top;} #secession .join_txt{color:#787878; font-size:11px; width:450px; border-top:2px solid #f29701; padding-top:10px} #secession .join_txt_se{color:#949494; font-size:11px; width:450px; padding-bottom:10px;} .agree{height:30px; color:#000000; font-size:18px; line-height:20px; text-align:center; max-width:950px;} #agree_stipulation{clear:both; padding-top:20px; padding-bottom:20px; padding-left:20px; background-color:#f9f9f9; text-align:center; border-top:2px solid #999999;width:95%; max-width:950px;} #agree_stipulation div{overflow-y:scroll; width:560px; height:160px; border:solid 3px #CCCCCC; line-height:20px; padding:15px; margin-top:15px;scrollbar-arrow-color:#FFFFFF; text-align:left; background-color:#ffffff; scrollbar-3dlight-color:#CCCCCC; scrollbar-highlight-color:#DDDDDD; scrollbar-face-color:#DDDDDD; scrollbar-shadow-color:#DDDDDD; scrollbar-darkshadow-color:#CCCCCC; scrollbar-base-color:#DDDDDD; scrollbar-track-color:#FBFBFB; margin:0 auto; margin-bottom:10px;} .idcheck_input{width:200px; margin-top:3px; border:#6258c2 2px solid; padding:5px; margin-bottom:10px; margin-right:20px; font-size:1.6em;} .orgtxt {color:#ff7800; font-size:0.9em} .th_top{border-top:2px solid #} .find-div-wrap{margin:auto; text-align:center; background:#f9f9f9; padding:30px 0; border-top:2px solid #000; border-bottom:1px solid #333; width:90%; margin-bottom:30px;} .find-div{margin:0 auto;} .find-div div{background:#6258c2; color:#fff; font-size:1.5em; cursor:pointer; border-radius:10px; width:85px; border-radius:3px; padding:10px 0} .find-div div:hover{background:#1b8f4d} .find-div input{} .find-div input, .find-div div{display:inline-block; vertical-align:top} .use-id{width:100%; margin:0 auto; font-size:1.4em; margin:0 auto; text-align:center; font-size:1.6em} .use-id .btn-useid{background:#333; color:#fff; text-align:center; padding:10px 0; width:150px; margin:0 auto; border-radius:6px; cursor:pointer;} .use-id .btn-useid:hover{background:#6258c2} /* 가입완료 */ .joinend{text-align:center} .joinend b{font-family:gugi; font-size:1.6em; font-weight:400; display:block} .joinend .end-login-btn{padding-top:30px;} .joinend .end-login-btn a{background:#6258c2; color:#fff; padding:10px 25px; border-radius:4px; font-size:1.2em;} .joinend .end-login-btn a:hover{background:#000} /*예약및 신청현황 sgkmaster-producinfo-userpage-ticket-list.php*/ #member-layout th.th-top{text-align:center;font-size:93%;} #member-layout .rtable1 th.th-top, #member-layout .rtable2 th.th-top{text-align:center;} #member-layout .rtable1 th.rth, #member-layout .rtable2 th.rth{border-top:0;border-right:2px solid #333333;text-algin:center;} #member-layout .rtable1 td,#member-layout .rtable2 td.rtd{text-align:left;padding-left:2%;} #member-layout .rtable_m{width:100%;display:none;} /*주소찾기 서비스*/ #zipfind{ padding-top:10px;} #zipfind select{font-size:11px; } #zip_division{clear:both; width:100%; padding-top:10px;} #zip_division ul{width:100%; padding-left:5px;} #zip_division li{float:left; padding:5px; border:1px solid #dbdbdb; background-image:url(/images/content/member/zipfind_tab_back.gif); background-repeat:repeat-x; background-position:left bottom; font-weight:bold; text-align:center; width:45%} #zip_division .over{border:1px solid #000000; color:#000000} .zipfind_input{width:100px; font-family:돋움; font-size:14px; margin-top:3px; border:#f77807 1px solid} /*.gright{border-right:1px solid #dbdbdb}*/ #mp{clear:left; width:730px;} #mp_left{float:left; width:200px; margin-left:5px;} #mp_title{background-image:url(/images/mypage/mp_title_bg.gif); background-repeat:no-repeat; width:180px; height:150px} #mp_title ul{padding-top:100px; color:#FFFFFF;} #mp_title li{text-align:center} #mp_list{clear:left} #mp_list ul{ margin-bottom:15px; } #mp_list li{overflow:hidden; height:33px; padding:4px 0 0 10px; background:url("/images/common/bg_left_all.gif") no-repeat scroll 0 29px} #mp_list li.title{color:#000000} #mp_right{float:left; width:730px} #mp_ing{border-top:2px solid #; border-right:2px solid #c9c9c9; border-bottom:2px solid #c9c9c9; border-left:2px solid #c9c9c9; height:123px;} #mp_ing ul{padding-top:13px;} #mp_ing li{float:left; padding-left:7px; padding-right:7px; height:100px; text-align:center; border-right:1px solid #dbdbdb;} #mp_ing li.none{border:none} #mp_ing #count{position:absolute; margin-left:60px; margin-top:65px; line-height:40px} #mp_ing #count .count_red{color:#b432e4; font-size:35px; font-weight:normal; font-family:verdana} #purchase_list{clear:left} #purchase_list .tbody td{border-bottom:1px solid #dbdbdb; padding:3px} #product_name{clear:left} #product_name ul{} #product_name li{float:left} #product_name li img{border:1px solid #dbdbdb; margin:5px;} #product_name li.title{font-weight:bold; line-height:18px; padding-left:5px; padding-top:30px;} #product_name li.title a:active{color:#333333;} #product_name li.title a:visited{color:#333333} #product_name li.title a:hover{color:#999999} .mypage_title{margin:0px; padding:0px; padding-top:30px; font-size:14px;} /* 개인 결제창 CSS */ #person_pay {width:100%; float:left;} #person_pay .person_div{width:23%; margin-left:1%; margin-bottom:30px; float:left} #person_pay .person_div ul{width:100%} #person_pay .person_div .person_img{border:1px solid #dbdbdb; width:; height:150px} #person_pay .person_div .person_title{width:100%; height:25px; color:blue; font-weight:bold; padding-top:5px; text-align:center} #person_pay .person_div .person_price{width:100%; height:25px; color:red; text-align:center} #person_pay .person_div .person_period{width:100%; height:25px; text-align:center} #person_pay .person_div .person_submit{width:100%; height:25px; text-align:center} /* 개인 결제창 CSS 끝*/ #delivery_bynumber{border-top:2px solid #333333; padding-bottom:10px; padding-top:10px; background-color:#f9f9f9; height:40px;} #delivery_bynumber li{float:left} #delivery_byname{border-top:2px solid #333333; padding-bottom:10px; padding-top:10px; background-color:#f9f9f9; height:40px;} #delivery_byname li{float:left} /*주소찾기 서비스*/ #zipfind{ padding-top:10px;} .zip-find-top{font-size:2em; line-height:25px; height:80px; color:#000; padding-top:20px; text-align:center; font-weight:500} #zipfind select{font-size:11px; } #zipfind .stxt{font-size:12px; color:#999999} #zip_division{clear:both; width:100%; padding-top:10px;} #zip_division ul{width:100%; padding-left:5px;} #zip_division li{float:left; padding:5px; border:1px solid #dbdbdb; background-image:url(/images/content/member/zipfind_tab_back.gif); background-repeat:repeat-x; background-position:left bottom; font-weight:bold; text-align:center; width:45%} #zip_division .over{border:1px solid #000000; color:#000000} .mem-find-zip{display:inline-block; width:100px; padding:0 5px; background:#000; text-align:center; vertical-align:middle; border-radius:5px;} .mem-find-zip a{font-size:0.8em; color:#fff !important} .mem-find-id{display:inline-block; width:120px; padding:0 5px; background:#000; text-align:center; margin-top:10px; vertical-align:middle; border-radius:5px;} .mem-find-id a{font-size:0.8em; color:#fff !important} .zipfind_input{width:100px; margin-top:3px; border:#f77807 1px solid; margin-top:10px; vertical-align:middle; border-radius:5px;} #zip_search{clear:left; padding-top:20px; text-align:center; padding-bottom:20px; margin-top:10px;} #zip_search input{vertical-align:middle} /* 개인정보보호 */ .privacy-div{width:90%; max-width:1020px; margin:auto; border:2px solid #333; padding:30px; border-radius:10px; } .privacy-div p{padding:0 0 20px 0} .privacy-div span{color:#6258c2;} @media all and (min-width:748px) and (max-width:1047px){ #login_form{width:80%; margin:auto} .login-form-div{width:100%} } @media all and (min-width:655px) and (max-width:747px){ #login_form{width:90%; margin:auto} .login-form-div{width:100%} /* #login_form{padding-top:20px;} .red-btn{ height:53px; background-size:100% 100%;} */ #agree_txt{width:74%;} .agbox{width:70%;} #agree_btn {width:68%;} #agree_btn ul{height:53px;} #agree_btn li.agbtn1 a,#agree_btn li.agbtn2 a{background-size:95%;} /*예약 및 신청현황*/ #member-layout .rtable_p{display:none;} #member-layout .rtable_m{display:block;} } @media all and (min-width:480px) and (max-width:654px){ #login_form{width:90%; margin:auto} .login-form-div{width:100%} #login_form_input{padding-left:0; width:90%; display:block; margin:0 auto;} .login_sbtn{width:88%; margin: auto; display:table} ./* #login_form{padding-top:20px;height:150px;} #login_form_input{display:block;width:70%;padding-left:15%;} .login_sbtn{display:block;width:100%;padding-top:20px;} .red-btn{ width:60%; height:53px; background:none; background-color:#ec4f00; border-radius:7px; } #secession_btn{width:60%;} .login-top-img{width:90%;} #turn ul{width:95%;} #turn li.turn1{margin-left:4%;} #turn li.turn_arrow{background-size:65%;} #turn li.turn a{line-height:30x;} #turn li.turn a span{font-size:18px;line-height:27px;} */ #agree_txt{width:81%;} .agbox{width:100%;} #agree_btn {width:85%;} #agree_btn ul{height:53px;} #agree_btn li.agbtn1 a,#agree_btn li.agbtn2 a{background-size:95%;} .pt-txt{font-size:0.8em; display:block;} /*회원정보수정*/ #mall_layout table.join_table{margin:0 auto;width:100%; max-width:654px;} #mall_layout table.join_table th{padding-left:1.2%;height:38px;} #mall_layout table.join_table td{padding:1% 1.2%;font-size:12px;} #mall_layout table.join_table td input, #mall_layout table.join_table td select{height:23px;} #mall_layout table.join_table td input.j_in1{width:38%;} #mall_layout table.join_table td input.j_ine{width:71%;} #mall_layout table.join_table td input.inputtext{width:20%;} #mall_layout table.join_table td input.j_ina{width:90%;} #mall_layout table.join_table td input.jina{margin-bottom:0.5%;} #mall_layout table.join_table td li{display:block;width:100%;height:30%;margin-bottom:1%;} #mall_layout table.join_table td select{height:27px;line-height:27px;vertical-align:bottom;} #mall_layout table.join_table td span.orgtxt{margin-left:1%;} #mall_layout table.join_table td.pw_1 span.orgtxt{margin-top:1%;display:block;margin-left:0;} #mall_layout table.join_table td select#txt_mobile1{width:15%;} #mall_layout table.join_table td select#txt_phone1{width:18%;} #mall_layout table.join_table td select.birth{width:15%} #mall_layout table.join_table td select.birth_year{width:18%;} #mall_layout table.join_table input[type="radio"]{height:21px;font-size:13px;vertical-align:middle;} #mall_layout table.join_table label.radio_box{line-height:21px;font-size:13px;} #mall_layout table.join_table td li.birth_check {width:100%;display:block;margin-top:1%;} li.birth_check span.orgtxt{line-height:21px;font-size:13px;} /*로그인*/ .login_form_btn{padding:30px 0;} .join_btn_area li.btn1{margin-right:0;margin-bottom: 5px;} .join_btn_area li { list-style: none; float: none; display: block; width: 100%; } .sns_btn_area{padding-top:5px;} .sns_btn_area div#naver_id_login{margin-right:0;} .sns_btn_area div{ float:none; display: block; width: 100%; margin-bottom:5px; } /*예약 및 신청현황*/ #member-layout .rtable_p{display:none;} #member-layout .rtable_m{display:block;} } @media all and (min-width:459px) and (max-width:479px){ #login_form{width:90%} .login-form-div{width:100%} #login_form_input{padding-left:0; width:90%; display:block; margin:0 auto;} .login_sbtn{width:88%; margin: auto; display:table} /* #login_form{padding-top:20px;height:150px;} #login_form_input{display:block;width:70%;padding-left:15%;} .login_sbtn{display:block;width:100%;padding-top:20px;} .red-btn{ width:60%; height:53px; background:none; background-color:#ec4f00; border-radius:7px; } .login-top-img{ background-position: top center; padding-top:70px; width:95%; } .login-top-img .stxt, .login-top-img .title{padding-left:0;text-align:center;} #turn ul{width:95%;} #turn li.turn{width:25%;} #turn li.turn1{margin-left:0%;} #turn li.turn_arrow{width:12%;background-size:65%;} #turn li.turn a{line-height:30x;} #turn li.turn a span{font-size:18px;line-height:27px;} */ #agree_txt{width:98%;} .agbox{width:90%;} #agree_btn {width:95%;} #agree_btn li.agbtn1 a,#agree_btn li.agbtn2 a{background-size:95%;} #secession_btn{width:60%;} form.secess{margin:0% 0 10%;} li.form_t{font-size:14px;margin-bottom:1%;} #secession_btn{width:70%} /*회원정보수정*/ #mall_layout table.join_table{margin:0 auto;width:100%; max-width:479px;} #mall_layout table.join_table th{padding-left:2%;height:38px;width:19%;font-size:13px;} #mall_layout table.join_table td{padding:1% 1.2%;font-size:13px;} #mall_layout table.join_table td input, #mall_layout table.join_table td select{height:22px;} #mall_layout table.join_table td input.j_in1{width:38%;} #mall_layout table.join_table td input.j_ine{width:71%;} #mall_layout table.join_table td input.inputtext{width:20%;} #mall_layout table.join_table td input.j_ina{width:90%;} #mall_layout table.join_table td input.jina{margin-bottom:0.5%;} #mall_layout table.join_table td li{display:block;width:100%;height:30%;margin-bottom:1%;} #mall_layout table.join_table td select{height:28px;line-height:28px;vertical-align:bottom;} #mall_layout table.join_table td span.orgtxt{margin-left:1%;} #mall_layout table.join_table td.pw_1 span.orgtxt{margin-top:1%;display:block;margin-left:0;} #mall_layout table.join_table td select#txt_mobile1{width:20%;} #mall_layout table.join_table td select#txt_phone1{width:23%;} #mall_layout table.join_table td select.birth{width:20%} #mall_layout table.join_table td select.birth_year{width:23%;} #mall_layout table.join_table input[type="radio"]{height:21px;font-size:13px;vertical-align:middle;} #mall_layout table.join_table label.radio_box{line-height:21px;font-size:13px;} #mall_layout table.join_table td li.birth_check {width:100%;display:block;margin-top:1%;} li.birth_check span.orgtxt{line-height:21px;font-size:13px;} /*로그인*/ .login_form_btn{padding:30px 0;} .join_btn_area li.btn1{margin-right:0;margin-bottom: 5px;} .join_btn_area li { list-style: none; float: none; display: block; width: 100%; } .sns_btn_area{padding-top:5px;} .sns_btn_area div#naver_id_login{margin-right:0;} .sns_btn_area div{ float:none; display: block; width: 100%; margin-bottom:5px; } /*예약 및 신청현황*/ #member-layout .rtable_p{display:none;} #member-layout .rtable_m{display:block;} } @media all and (min-width:347px) and (max-width:458px){ #login_form{width:90%} .login-form-div{width:100%} #login_form_input{padding-left:0; width:90%; display:block; margin:0 auto;} .login_sbtn{width:88%; margin: auto; display:table} /* #login_form{padding-top:20px;height:150px;} #login_form_input{display:block;width:80%;padding-left:10%;} .login_sbtn{display:block;width:100%;padding-top:20px;} .login-top-img{ background-position: top center; padding-top:70px; width:95%; } .login-top-img .stxt, .login-top-img .title{padding-left:0;text-align:center;} #turn ul{width:95%;} #turn li.turn{width:26%;} #turn li.turn1{margin-left:0%;} #turn li.turn_arrow{width:10%;background-size:75%;} #turn li.turn a{margin-top:30%;line-height:20px;letter-spacing:-1px;} #turn li.turn a span{font-size:17px;line-height:25px;letter-spacing:-1px;font-weight:250;} */ #agree_txt{width:98%;} .agbox{width:88%;} #agree_btn {width:95%;} #agree_btn li.agbtn1 a,#agree_btn li.agbtn2 a{background-size:95%;} #secession_btn{width:60%;} form.secess{margin:0% 0 10%;} li.form_t{font-size:14px;margin-bottom:1%;} #secession_btn{width:70%} /*회원정보수정*/ #mall_layout table.join_table{margin:0 auto;width:100%; max-width:458px;} #mall_layout table.join_table th{padding-left:2%;height:38px;width:23%;font-size:13px;} #mall_layout table.join_table td{padding:1% 1.2%;font-size:13px;} #mall_layout table.join_table td input, #mall_layout table.join_table td select{height:22px;} #mall_layout table.join_table td input.j_in1{width:38%;} #mall_layout table.join_table td input.j_ine{width:71%;} #mall_layout table.join_table td input.inputtext{width:20%;} #mall_layout table.join_table td input.j_ina{width:90%;} #mall_layout table.join_table td input.jina{margin-bottom:0.5%;} #mall_layout table.join_table td li{display:block;width:100%;height:30%;margin-bottom:1%;} #mall_layout table.join_table td select{height:28px;line-height:28px;vertical-align:bottom;} #mall_layout table.join_table td span.orgtxt{margin-left:1%;} #mall_layout table.join_table td.pw_1 span.orgtxt{margin-top:1%;display:block;margin-left:0;} #mall_layout table.join_table td select#txt_mobile1{width:20%;} #mall_layout table.join_table td select#txt_phone1{width:23%;} #mall_layout table.join_table td select.birth{width:20%} #mall_layout table.join_table td select.birth_year{width:23%;} #mall_layout table.join_table input[type="radio"]{height:21px;font-size:13px;vertical-align:middle;} #mall_layout table.join_table label.radio_box{line-height:21px;font-size:13px;} #mall_layout table.join_table td li.birth_check {width:100%;display:block;margin-top:1%;} li.birth_check span.orgtxt{line-height:21px;font-size:13px;} /*로그인*/ .login_form_btn{padding:30px 0;} .join_btn_area li.btn1{margin-right:0;margin-bottom: 5px;} .join_btn_area li { list-style: none; float: none; display: block; width: 100%; } .sns_btn_area{padding-top:5px;} .sns_btn_area div#naver_id_login{margin-right:0;} .sns_btn_area div{ float:none; display: block; width: 100%; margin-bottom:5px; } /*예약 및 신청현황*/ #member-layout .rtable_p{display:none;} #member-layout .rtable_m{display:block;} } @media all and (min-width:0px) and (max-width:299px){ #mem-layout .orgtxt{display:block; } #mem-layout #txt_mobile2{width:100px;} #mem-layout .txt_ph{width:30%; } #mem-layout .orgtxt{display:block} } @media all and (min-width:300px) and (max-width:346px){ #mall_layout{padding:20px 0 30px 0;} #login_form{width:85%;padding-top:20px;height:150px;} #login_form_input{display:block;width:80%;padding-left:10%;} .login_sbtn{display:block;width:100%;padding-top:20px;} .red-btn{ width:70%; height:53px; background:none; background-color:#ec4f00; border-radius:7px; } .login-top-img{ background-position: top center; padding-top:70px; width:95%; } .login-top-img .stxt, .login-top-img .title{padding-left:0;text-align:center;} #turn ul{width:95%;} #turn li.turn{width:30%;margin-left:2%;} #turn li.turn1{margin-left:2%;} #turn li.turn_arrow{display:none;} #turn li.turn a{margin-top:40%;font-size:14px;line-height:18px;letter-spacing:-1px;} #turn li.turn a span{font-size:16px;line-height:20px;letter-spacing:-1px;font-weight:250;} #agree_txt{width:98%;} .agbox{width:88%;} #agree_btn {width:95%;} #agree_btn ul {width:100%;} #agree_btn li.agbtn1 a,#agree_btn li.agbtn2 a{background-size:95%;} .login_form_btn ul.btn_in li.btnjoin{margin-left:1%;} #secession_btn{width:60%;} form.secess{margin:0% 0 10%;} li.form_t{font-size:12px;margin-bottom:1%;} #secession_btn{width:70%} /*회원정보수정*/ #mall_layout table.join_table{margin:0 auto;width:100%; max-width:346px;} #mall_layout table.join_table th{padding-left:2%;height:38px;width:25%;font-size:12px;} #mall_layout table.join_table td{padding:1% 1.2%;font-size:12px;letter-spacing:-1px;} #mall_layout table.join_table td input, #mall_layout table.join_table td select{height:22px;} #mall_layout table.join_table td input.j_in1{width:38%;} #mall_layout table.join_table td input.j_ine{width:81%;} #mall_layout table.join_table td input.inputtext{width:30%;} #mall_layout table.join_table td input.j_ina{width:95%;} #mall_layout table.join_table td input.jina{margin-bottom:0.5%;} #mall_layout table.join_table td li{display:block;width:100%;height:30%;margin-bottom:1%;} #mall_layout table.join_table td select{height:28px;line-height:28px;vertical-align:bottom;} #mall_layout table.join_table td span.orgtxt{margin-left:1%;} #mall_layout table.join_table td.pw_1 span.orgtxt{margin-top:1%;display:block;margin-left:0;} #mall_layout table.join_table td select#txt_mobile1{width:23%;} #mall_layout table.join_table td select#txt_phone1{width:23%;} #mall_layout table.join_table td input.txt_ph,#mall_layout table.join_table td input.txt_m{width:25%;} #mall_layout table.join_table td select.birth{width:20%} #mall_layout table.join_table td select.birth_year{width:25%;} #mall_layout table.join_table input[type="radio"]{height:21px;font-size:13px;vertical-align:middle;} #mall_layout table.join_table label.radio_box{line-height:21px;font-size:13px;} #mall_layout table.join_table td li.birth_check {width:100%;display:block;margin-top:1%;} li.birth_check span.orgtxt{line-height:21px;font-size:13px;} /*로그인*/ .login_form_btn{padding:30px 0;} .join_btn_area li.btn1{margin-right:0;margin-bottom: 5px;} .join_btn_area li { list-style: none; float: none; display: block; width: 100%; } .sns_btn_area{padding-top:5px;} .sns_btn_area div#naver_id_login{margin-right:0;} .sns_btn_area div{ float:none; display: block; width: 100%; margin-bottom:5px; } /*예약 및 신청현황*/ #member-layout .rtable_p{display:none;} #member-layout .rtable_m{display:block;} #mem-layout .orgtxt{display:block} #mem-layout select{ } #mem-layout table td{font-size:.9em} }