/***** 해당 파일은 가급적 수정하지 마시기 바랍니다. *****/
@charset "euc-kr";
.btn_top{ margin-top:2rem; } .mem_btn{ display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none; border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; cursor:pointer; } .mem_login_btn{ color:#FFF; background:#1E3261; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .mem_login_btn:hover{ background:#222; } .mem_login_btn.active, .mem_login_btn:active, .mem_login_btn:focus, .mem_login_btn.disabled.active, .mem_login_btn.disabled:active, .mem_login_btn.disabled:focus{ color:#FFF !important; background:#222; } .nomem_login_btn{ color:#FFF; background:#555; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .nomem_login_btn.focus, .nomem_login_btn:focus, .nomem_login_btn:hover{ color:#FFF; background:#222; } .btn_shape{ display:block; width:100%; } .btn_shape+.btn_shape{ margin-top:.5rem; } input[type=button].btn_shape, input[type=reset].btn_shape, input[type=submit].btn_shape{ width:100%; } .btn_padd{ padding:.6rem 0; font-size:1rem; border-radius:0; } .btn_diplay{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; } .jcc{ -webkit-box-pack:center !important; -ms-flex-pack:center !important; justify-content:center! important; } .nomem_login_btn_comm{ font-size:14px; padding-bottom:0; } .text_c{ text-align:center !important; } .btn_mb{ margin-top:2rem; } .mem_input{ display:inline-block; font-size:14px; line-height:1.25; color:#777; padding:.1rem .75rem; background:#F1F1F1; border:1px solid #F1F1F1; background-clip:padding-box; -webkit-background-clip:padding-box; } textarea.mem_input{ height:160px; font-size:14px !important; color:rgba(0, 0, 0, .6); overflow-x:hidden; } input.mem_input:not([type="radio"]):not([id="id_all_select"]):not([type="checkbox"]):not([type="image"]), select.mem_input{ height:34px; } .mem_input::-ms-expand{ background-color:transparent; border:0; } input.mem_input:focus, select.mem_input:focus{ border:1px solid #333; background:#FFF; outline:0 none; } .mem_input::-webkit-input-placeholder, .mem_input::-moz-placeholder, .mem_input:-ms-input-placeholder, .mem_input::placeholder{ color:#636c72; opacity:.4; } textarea.member_border{ font-size:12px; color:rgba(0, 0, 0, .6); } .mem_input_style{ position:relative; margin-bottom:10px; } .mem_input_style i{ position:absolute; top:18px; left:0; font-size:1.5em; margin-left:20px; color:#B3B3B3; } .mem_input_style label+i{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .mem_input_style label+i+input{ margin-top:0; } .mem_input_style input{ width:100%; height:55px !important; padding-left:50px !important; } .mem_input_style+div>textarea { padding-left:1.620em; }.mem_input_style>label{ display:none; } .btn_list li{ font-size:14px; padding:0 10px; background:url('../images/v_line.gif') 100% 60% no-repeat; } .btn_list li:last-child{ background:none; } .mem_row{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:0px; margin-left:0px } .mem_col_half_1, .mem_col_half_2 { position:relative; width:100%; min-height:1px; } .mem_col_half_in{ padding:50px; border:1px solid #EEE; background:#FFF; } input, select, textarea { -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; box-sizing:border-box; } @media all and (max-width:280px) { .mem_col_half_1 { width:100%; margin:0;} .mem_col_half_in { padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } .btn_list li { font-size:11px; } .nomem_login_btn_comm { font-size:12px; } .btn_top { margin-top:1.5rem; } .btn_mb { margin-top:1.5rem; }	 } @media all and (min-width:281px) and (max-width:320px) { .mem_col_half_1 { width:100%; margin:0;} .mem_col_half_in { padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } .btn_list li { font-size:12px; } .nomem_login_btn_comm { font-size:12px; } .btn_top { margin-top:1.5rem; } .btn_mb { margin-top:1.5rem; }	 } @media all and (min-width:321px) and (max-width:374px) { .mem_col_half_1 { width:100%; margin:0;} .mem_col_half_in { padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } .btn_list li { font-size:12px; } .nomem_login_btn_comm { font-size:12px; } .btn_top { margin-top:1.5rem; } .btn_mb { margin-top:1.5rem; }	 } @media all and (min-width:375px) and (max-width:479px) { .mem_col_half_1 { width:100%; margin:0;} .mem_col_half_in { padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } .btn_list li { font-size:12px; } .nomem_login_btn_comm { font-size:12px; } .btn_top { margin-top:1.5rem; } .btn_mb { margin-top:1.5rem; }	 } @media all and (min-width:480px) and (max-width:600px) { .mem_input_style { margin-bottom:5px; } .mem_col_half_in { border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } } @media all and (min-width:601px) and (max-width:767px) { .mem_input_style { margin-bottom:5px; } .mem_col_half_in { border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } } @media all and (min-width:768px) and (max-width:819px) { .mem_col_half_in { border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; } } @media all and (min-width:820px) and (max-width:1023px) { .mem_col_half_1:first-child { width:50%; } .mem_col_half_1:last-child { width:50% } .mem_col_half_in { border-top:1px solid #EEE; border-top:1px solid #EEE; border-left:1px solid #FFF; border-right:1px solid #FFF; } } @media all and (min-width:1024px) and (max-width:1366px) { .mem_col_half_1:first-child { width:50%; } .mem_col_half_1:last-child { width:50% } .mem_col_half_in { border-top:1px solid #EEE; border-top:1px solid #EEE; border-left:1px solid #FFF; border-right:1px solid #FFF; } } @media all and (min-width:1367px) { .mem_col_half_1:first-child { width:50%; } .mem_col_half_1:last-child { width:50% } .mem_col_half_in { border-top:1px solid #EEE; border-top:1px solid #EEE; border-left:1px solid #FFF; border-right:1px solid #FFF; } }