/* 공통 / 로고 */ .logo_title { width:100%; text-align:center; margin-bottom:30px; border-bottom:1px solid #eaeaea; padding:0px 0 40px 0; } .logo_title .logo { width:100%;} .logo_title .logo img {} .logo_title .name {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; color:black; font-size:18px; line-height:110%; letter-spacing:-0.05em; margin-top:10px; display:none;} .logo_title .s_name {float:left; width:100%; font-size:11px; margin-top:10px; display:none;} @media screen and (max-width: 1260px){ .logo_title {margin-bottom:20px;} .logo_title .logo img {width:230px;} .logo_title .name {font-size:15px; } } @media screen and (max-width: 900px){ .logo_title {margin-bottom:20px;} .logo_title .logo img {width:230px; } .logo_title .name {font-size:15px; } } @media screen and (max-width: 650px){ .logo_title {margin-bottom:20px; padding:0px 0 30px 0; } .logo_title .logo img {width:200px; } .logo_title .name {font-size:13px; } } .log_copy { width:100%; font-size:15px; font-family:Pretendard; text-align:center; margin-top:30px; border-top:1px solid #eaeaea; padding:40px 0 0px 0; } @media screen and (max-width: 650px){ .log_copy { font-size:13px; margin-top:10px; padding:30px 0 0px 0; } } /* 로그인-회원가입 기본 레이아웃 */ .bg_mem_color {position:fixed; top:0; left:0; width:100%; background: #f5f3f3;} .member_header {position:fixed; top:0; left:0; width:100%; height:180px; background: linear-gradient( to right, var(--main-color), #004c82);/* background:#fafafa; border-bottom:1px solid #eeeeee;*/ z-index:1;} .member_header .mh_pos {position:absolute; top:0; left:0; right:0; margin:auto; max-width:1000px; width:100%; height:100%; } .member_header .mh_pos .mb_log {position:absolute; top:0; left:0; right:0; margin:auto; width:100%; height:100%; background:url(/images/logo_mb_top_1.png) no-repeat; background-position:center center; background-size:auto 55%; font-size:0;} .member_header .mh_pos .mb_menu {position:absolute; top:0; left:0; /*right:0; margin:auto;*/ } .member_footer {position:fixed; bottom:0; left:0; width:100%; text-align:center; padding:30px 0; border-top:1px solid #eeeeee; background: linear-gradient( to bottom, #fafafa, #ffffff); display:none;} .member_footer span {display:inline-block; padding: 0 5px;} /* 로그인 / 찾기 공통 네비 - 동일파일 (로그인,찾기 = mbx / 회원가입 = member_info) */ .login_navi { width:100%;} .login_navi ul { display:flex; justify-content:center; padding:0; margin:0; text-align:center; } .login_navi ul li { width:20%; } .login_navi ul li a { font-size:13px; color:rgba(0,0,0,0.7); transition:all .3s; border:0px solid red; padding:0 0;} .login_navi ul li a:hover {color:black; ; transition:all .3s;} .login_navi ul li a.here {color:var(--main-color); font-weight:bold;} .member_info_box .login_navi {position:absolute; top:-20px; right:0; border:1px solid:red;} .member_info_box .login_navi ul {float:left;} .member_info_box .login_navi ul li {float:left; margin-left:10px;} .member_info_box .login_navi ul li a {float:left; padding:0px; font-size:12px; color:rgba(0,0,0,0.7); transition:all .3s; background:transparent;} .member_info_box .login_navi ul li a:hover {color:red; transition:all .3s;} /* 로그인 / 찾기 공통 네비 - 동일파일 (로그인,찾기 = mbx / 회원가입 = member_info) */ @media screen and (max-width: 900px){ .login_navi { height:70px; line-height:70px;} } @media screen and (max-width: 650px){ .login_navi { top:55px; margin-top:20px; height:50px; line-height:50px;} .login_navi ul {width:100%;} .login_navi ul li {width:25%;} .login_navi ul li a {width:100%; font-size:12px; padding:0px 10px;} .member_info_box .login_navi {position:fixed; top:50px; background:#fafafa; width:100%; border:1px solid #eeeeee; border-width:1px 0 0 0; box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.1), 10px 10px 10px -10px rgba(0,0,0,0.1);} .member_info_box .login_navi ul {width:100%;} .member_info_box .login_navi ul li {margin:0px; width:calc(100% / 5);} .member_info_box .login_navi ul li a {width:100%; font-size:11px; height:40px; line-height:40px; text-align:center;} } /* 회원가입 스텝표시 */ ol.step_box { display:flex; width:100%; background:white; padding:20px 30px 40px 30px; border:1px solid #eeeeee; border-width:0 0 1px 0; border-radius: 15px 15px 0 0; } ol.step_box li { width:33%; } ol.step_box li i { width:100%; font-size:30px; } ol.step_box li i.here { color:#004c82;} ol.step_box li.rdy { opacity:0.5; } ol.step_box li p { font-family:Pretendard, sans-serif; font-weight:500; color:black; padding:15px 0 7px 0; letter-spacing:0em; width:100%; font-size:18px; } ol.step_box li span { font-size:12px; width:100%; } /* 로그인-회원가입 기본 레이아웃 */ .member_content { position:relative; width:100%; height:100%; top:0; left:0; bottom:0; right:0; text-align:center; display:table; background:#f7f7f7; font-family:Pretendard, sans-serif; } .member_content.pstRelative { position:relative; } .member_content .m_header { display:inline-block; vertical-align:top; width:100%; text-align:center; padding:15px 0 40px 0; } .member_content .m_header h1 { width:100%; font-weight:700; color:#000000; font-size:30px; line-height:110%; letter-spacing:-0.05em; } .member_content .m_header p { width:100%; font-size:17px; padding:10px 0 0 0;} .member_content .pos { display:table-cell; vertical-align:middle; text-align:center; } .member_content .mbx { display:inline-block; max-width:600px; width:100%; background:#fff; padding:50px; border:1px solid #e5e5e5; } .member_content .mbx .set { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:5px 0; } .member_content .mbx .set .tt { width:70px; text-align:left; color:black; font-size:16px; } .member_content .mbx .set .bx { width:calc(100% - 80px); } .member_content .mbx .set .bx input {width:100%; font-size:15px; height:60px; padding:0 15px 0 20px; border:1px solid #f1f1f1; border-width:1px; background:#f6f6f6; text-align:left; transition:all .2s; color:var(--main-color);} .member_content .mbx .set .bx input:focus {outline:none; background: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .member_content .mbx .set .bx input::placeholder {color: rgba(0,0,0,0.3); font-size:14px;} .member_content .mbx .set .bx .ar_f1 { width:calc(100% - 110px);} .member_content .mbx .set .bx .ar_f2 { width:105px; margin-left:5px;} .member_content .mbx .set .bx .ar_f2 input {width:100%; height:60px; padding:0; border:0px; background:#00103e; font-size:13px; text-align:center; transition:all .2s; color:white; cursor:pointer;} .member_content .mbx .set .bx .ar_f2 input:focus {background:#001b69 !important; border:0px !important; transition:all .2s;} .member_content .mbx .set .bx .ar_f2 input:disabled {background:#c0c0c0 !important; border:0px !important; transition:all .2s;} .member_content .mbx .set .bx .ar_f2 input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .member_content .code_conbx { width:100%; padding:40px 0px 0 0px; margin-top:40px; border-top:1px dashed #eeeeee;} .member_content .m_con_tbx {display:inline-block; vertical-align:top; width:100%; text-align:left; padding:0 0 15px 0;} .member_content .m_con_tbx h2 { width:100%; font-family:Pretendard, sans-serif; font-weight:500; color:#000000; font-size:20px; line-height:110%; letter-spacing:-0.05em; } .member_content .m_con_tbx p { width:100%; font-size:13px; padding:10px 0 0 0;} .member_content .sd_msg { width:100%; font-size:13px; padding:30px 25px 22px 25px; text-align:left; border-top:1px solid #eeeeee; color:#d40000; line-height:180%;} .member_content .sd_msg span {color:#0073d6; font-weight:bold;} .member_content .mbx .msg_btn_bx { width:100%; font-size:0; padding:5px 0 15px 0;} .member_content .mbx .msg_btn_bx .mbb_txt {display:inline-block; vertical-align:middle; width:calc(100% - 100px); text-align:left; font-size:12px; padding:0 0px 0 0;} .member_content .mbx .msg_btn_bx .mbb_btn {display:inline-block; vertical-align:middle; width:100px; } .member_content .mbx .msg_btn_bx .mbb_btn input {width:100%; height:40px; padding:0; border:0px; background:var(--main-color); font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .member_content .mbx .msg_btn_bx .mbb_btn input:focus {background:#001b69 !important; border:0px !important; transition:all .2s;} .member_content .mbx .msg_btn_bx .mbb_btn input:disabled {background:#c0c0c0 !important; border:0px !important; transition:all .2s;} .member_content .mbx .msg_btn_bx .mbb_btn input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .member_content .result_box { width:100%; padding:60px 0; margin-top:0px; border:1px solid #eeeeee; background:white; border-width:1px 0;} .member_content .result_box p.rb_txt { width:100%; font-family:Pretendard, sans-serif; font-weight:500; color:#000000; font-size:18px; line-height:110%; letter-spacing:-0.05em; } .member_content .result_box p.rb_txt span {color:red;} .member_content .result_box p.rb_stx { width:100%; font-size:12px; padding:15px 0 0 0;} .member_content .mbx .btn_ar { width:100%; margin-top:30px; border-radius:3px; overflow:hidden; } .member_content .mbx .btn_ar input {width:100%; height:70px; padding:0 10px; border:0px; background:var(--main-color); font-family:Pretendard, sans-serif; font-weight:500; font-size:15px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .member_content .mbx .btn_ar input:hover {background:#004c82; transition:all .2s;} .member_content .rmb { width:100%; padding:30px 0; font-size:15px; font-weight:700; color:rgba(0,0,0,0.5); } .member_content .rmb span {color:red; font-size:15px; margin-left:5px; font-weight:500; } .member_content .join_bx { display:inline-block; max-width:800px; width:100%; height:100%; padding:80px; margin:auto; transition:all .3s; background:white; border-radius:0px; } .member_content .join_box { display:inline-block; max-width:900px; margin-top:0; padding:50px; } .member_content .join_box .wrt_bx { display:inline-block; width:100%; padding:30px 0px 0 0; background:#fff; } .member_content .join_box .wrt_bx h2 { width:100%; font-size:23px;font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:10px; text-align:left;} .member_content .join_box .wrt_bx h2 span {color:#0e7ead;} .member_content .join_box .wrt_bx h3 { width:100%; font-size:18px;font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:10px; text-align:left;} .member_content .join_box .wrt_bx h3 span {color:red;} .member_content .join_box .wrt_bx .rule14_wrp { width:100%; padding:40px; margin-bottom:15px; border:1px solid #eeeeee; background:#f5f3f3; font-size:13px; border-radius:15px; } .member_content .join_box .wrt_bx .rule14_wrp .yk14_rbx { width:100%; height:150px; overflow-x:hidden; overflow-y:auto; text-align:left; background:#ffffff; padding:25px; border:1px solid #f1f1f1; transition:all .2s; margin:15px 0;} .member_content .join_box .wrt_bx .rule14_wrp .parent_bx { width:100%; padding-top:30px; margin-top:20px; border-top:1px dashed #dddddd;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs { width:100%; padding-top:10px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li { width:100%; } .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pk_nm { width:100%; padding:0 0 5px 5px; font-size:13px;text-align:left; } .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx { width:100%; } .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx input {width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; background:#ffffff; font-size:13px; text-align:left; transition:all .2s; color:var(--main-color);} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx input:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar1 { width:calc(100% - 100px); } .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar2 { width:100px; padding-left:3px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar2 input {width:100%; height:50px; padding:0; border:0px; background:#333333; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar2 input:focus {background:#001b69 !important; border:0px !important; transition:all .2s;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar2 input:disabled {background:#c0c0c0 !important; border:0px !important; transition:all .2s;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx .p_ar2 input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .member_content .join_box .wrt_bx .rule14_wrp .p_code_result { width:100%; padding:10px 5px 0 5px ; font-size:13px; color:red; text-align:left;} .member_content .join_box .wrt_bx span.s_tit { display:block; width:100%; font-size:16px; color:rgba(0,0,0,0.7); line-height:180%; padding-bottom:0px; text-align:left; } .member_content .join_box .wrt_bx .s_txt { width:100%; font-size:15px; line-height:180%; padding:20px 5px 0 5px; text-align:left;} .member_content .join_box .wrt_bx .a_txt { width:100%; font-size:13px; line-height:180%; padding:25px 5px 0 5px; text-align:left;} .member_content .join_box .wrt_bx .w_info { display:block; width:100%; background:white; padding:60px; border-radius:0 0 0px 0px; border-bottom:1px dashed #eeeeee;} .member_content .join_box .wrt_bx .w_info.no_line {border:0px;} .member_content .join_box .wrt_bx .w_info ul.if_set { display:flex; width:100%; padding-top:20px;} .member_content .join_box .wrt_bx .w_info ul.if_set li { width:calc(50% - 10px); } .member_content .join_box .wrt_bx .w_info ul.if_set li .ik_nm { width:100%; padding:0 0 5px 5px; font-size:15px;text-align:left; } .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx { width:100%; } .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx input {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:15px; text-align:left; transition:all .2s; color:var(--main-color);} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx input:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar1 { width:calc(100% - 100px); } .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar2 { width:100px; padding-left:3px;} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar2 input {width:100%; height:50px; padding:0; border:0px; background:#333333; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar2 input:focus {background:#001b69 !important; border:0px !important; transition:all .2s;} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar2 input:disabled {background:#c0c0c0 !important; border:0px !important; transition:all .2s;} .member_content .join_box .wrt_bx .w_info ul.if_set li .in_bx .w_ar2 input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .member_content .join_box .wrt_bx .w_info ul.if_set li.is_spc { width:20px; height:30px; } .member_content .join_box .wrt_bx .w_info ol.code_exp { width:100%; padding:20px 0 0 30px;} .member_content .join_box .wrt_bx .w_info ol.code_exp li { width:100%; line-height:180%; text-align:left; padding:3px 0;} .member_content .join_box .wrt_bx .w_info ol.code_exp li .cd_no { width:20px; font-size:13px; color:rgba(0,0,0,0.5);} .member_content .join_box .wrt_bx .w_info ol.code_exp li .cd_txt { width:calc(100% - 20px); font-size:13px; } .member_content .join_box .wrt_bx .w_yak { width:100%; background:white; padding:60px; border-bottom:0px solid #eeeeee;} .member_content .join_box .wrt_bx .w_yak .yk_spc { width:100%; height:30px; } .member_content .join_box .wrt_bx .w_yak .yk_wrp { width:100%; padding-top:20px;} .member_content .join_box .wrt_bx .w_yak .yk_set { width:100%; } .member_content .join_box .wrt_bx .w_yak .yk_exp { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding-bottom:10px; } .member_content .join_box .wrt_bx .w_yak .yk_exp h3 { width:calc(100% - 130px); color:black; font-size:15px; font-weight:normal;} .member_content .join_box .wrt_bx .w_yak .yk_exp h3:before {content:"ㆍ";} .member_content .join_box .wrt_bx .w_yak .yk_exp h3 span { color:red; font-size:15px; margin-left:5px;} .member_content .join_box .wrt_bx .w_yak .yk_exp .yk_lb { width:130px; text-align:right; font-size:15px;} .member_content .join_box .wrt_bx .w_yak .yk_rbx { font-size:15px; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; text-align:left; background:#f6f6f6; padding:25px; border:1px solid #f1f1f1; transition:all .2s;} .member_content .join_box .wrt_bx .w_yak .yk_rbx:hover {background:#fafafa; transition:all .2s;} .member_content .join_box .nxt_tp { width:100%; padding-top:0px; border-radius: 0 0 15px 15px; overflow: hidden;} .member_content .join_box .nxt_tp span.full { width:100%; } .member_content .join_box .nxt_tp span.back { width:150px; } .member_content .join_box .nxt_tp span.next { width:calc(100% - 150px); } .member_content .join_box .nxt_tp input {width: 100%; height: 70px; padding: 0 10px; border: 0px; background: var(--main-color); font-size: 15px; text-align: center; color: white; cursor: pointer; transition: all .2s;} .member_content .join_box .nxt_tp input.back_btn {background: #444444; } .member_content .join_box .nxt_tp input:hover {background:#004c82; transition: all .2s;} .member_content .join_box .wrt_bx .w_frm { width:100%; background:white; padding:60px; border-bottom:1px dashed #eeeeee;} .member_content .join_box .wrt_bx .w_frm.w_rad {border-radius:0 0 15px 15px;} .member_content .join_box .wrt_bx .w_frm.wf_p { width:100%; background:white; padding:60px; border-bottom:0px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set { width:100%; font-size:0; padding:30px 0 0 0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li {display:inline-block; width:100%; padding:10px 0px; border:0px solid red;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp { width:100%; font-size:15px; text-align:left; padding:30px 0px 10px 0px; color:var(--main-color);} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t { width:100%; text-align:left; padding:10px 0 20px 0px; font-size:15px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {color:red; margin-left:5px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span.df_msg {color:rgba(0,0,0,0.6);} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b { display:flex; align-items:center; width:100%; text-align:left;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#fafafa; font-size:15px; text-align:left; transition:all .2s;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input::placeholder {color: rgba(0,0,0,0.3); font-size:15px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .phn1 {display:inline-block; vertical-align:middle; width:20%; } .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .phn2 {display:inline-block; vertical-align:middle; width:calc(40% - 5px); margin-left:5px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt1 {display:inline-block; vertical-align:middle; width:30%;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt2 {display:inline-block; vertical-align:middle; width:calc(35% - 35px); margin-left:5px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt_t {display:inline-block; vertical-align:middle; width:20px; padding-left:3px; font-size:15px; color:rgba(0,0,0,0.6);} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 { width:100px; } .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input { width:100%; height:50px; text-align:center; border:0; background:#505050; font-size:15px; transition:all .2s; color:white !important; cursor:pointer;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input:focus { background-color: #004c82 !important; border:0px !important; transition:all .2s;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input::placeholder {color: rgba(255,255,255,1); font-size:15px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst2 { width:calc(50% - 50px); padding-top:2px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b {position:relative; width:100%; height:0; top:0; left:0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b .app_pos {position:absolute; top:-20px; right:0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:13px; text-align:left; } .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 15px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_c {padding:0 15px; text-align:left; font-size:13px; } .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_c label.lb_space {padding:0 15px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .wat2 {width:calc(100% - 70px);text-align:left; line-height:100%; padding:0px 0 0 10px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg {position:relative; top:0; left:0; width:100%; height:0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos {position:absolute; top:0; right:0; font-size:12px; color:red;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos .st_psb {color:green;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos .st_ipsb {color:red;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt { width:100%; text-align:left; padding:25px 25px 0 25px;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt dt { width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; line-height:120%; color:black;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt dt span {color:#1b86d2;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt dd { width:100%; font-size:13px; line-height:180%; padding:15px 0 0 0;} .member_content .join_box .wrt_bx .w_frm dl.end_info { width:100%; text-align:left; padding:25px 25px 0 25px; line-height:220%;} .member_content .join_box .wrt_bx .w_frm dl.end_info dt { width:90px; font-size:13px;color:black;} .member_content .join_box .wrt_bx .w_frm dl.end_info dt:before {content:"ㆍ ";} .member_content .join_box .wrt_bx .w_frm dl.end_info dd { width:calc(100% - 90px); font-size:13px; } .member_content .join_box .wrt_bx .w_frm ul.last_jmenu { width:100%; font-size:0; padding:45px 0 25px 0;} .member_content .join_box .wrt_bx .w_frm ul.last_jmenu li {display:inline-block; width:calc(45% - 10px); margin:0 5px; } .member_content .join_box .wrt_bx .w_frm ul.last_jmenu li a { width:100%; font-size:15px; text-align:center; padding:22px 0; background:#004c82; color:white; border-radius:35px;} .member_content .join_box .wrt_bx .join_opt {position:fixed; bottom:0; right:0; width:400px; background:var(--main-color); padding:60px; z-index:2; transition:all .3s;} /* .member_content .join_box .wrt_bx .join_opt ul.if_set { width:100%; padding-top:20px;} .member_content .join_box .wrt_bx .join_opt ul.if_set li { width:calc(50% - 10px); } .member_content .join_box .wrt_bx .join_opt ul.if_set li .ik_nm { width:100%; padding:0 0 5px 5px; font-size:13px;text-align:left; } .member_content .join_box .wrt_bx .join_opt ul.if_set li .in_bx { width:100%; } .member_content .join_box .wrt_bx .join_opt ul.if_set li .in_bx input {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s; color:var(--main-color);} .member_content .join_box .wrt_bx .join_opt ul.if_set li .in_bx input:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .member_content .join_box .wrt_bx .join_opt ul.if_set li.is_spc { width:20px; height:30px; } */ .member_content .join_box .wrt_bx .join_opt dl.jo_exp { width:100%; text-align:left; width:100%; text-align:left; padding:0; line-height:220%; color:white;} .member_content .join_box .wrt_bx .join_opt dl.jo_exp dt { width:100%; font-family: 'GmSansM'; font-size:28px; padding-bottom:15px;} .member_content .join_box .wrt_bx .join_opt dl.jo_exp dt span {font-family: 'GmSansB'; color:#fbff00;} .member_content .join_box .wrt_bx .join_opt dl.jo_exp dd { width:100%; font-size:15px; } .member_content .join_box .wrt_bx .jo_btn a {display:inline-block; background:#7900ff; color:white; padding:25px 0 ; width:300px; margin-top:30px; border-radius:35px; font-family:Pretendard, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em;} ul.find_kind { width:100%; padding:10px 0 0px 0; font-size:0;} ul.find_kind li {display:inline-block; font-size:12px; width:calc(50% - 20px); background:#333333; margin:0 10px; border-radius:10px; transition:all .2s;} ul.find_kind li:hover {background:var(--main-color); transition:all .2s;} ul.find_kind li a {font-size:12px; display:block; color:rgba(255,255,255,0.7);padding:25px 0px;} ul.find_kind li a i {font-size:35px; display:inline-block; width:100%; padding:0 0 10px 0; color:white;} ul.find_kind li.sel { background-color:#cc0000; } #id_reg_inp_btn:disabled { color:#ffffff; background:#c0c0c0; } /* 로그인-회원가입 기본 레이아웃 */ @media screen and (max-width: 1260px){ .member_content { position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; text-align:center; display:table; background:#f7f7f7; } .member_content .pos { display:table-cell; vertical-align:middle; text-align:center; } .member_content .join_box {max-width:900px; width:100%; padding:50px; } .member_content .join_box .wrt_bx {padding:40px 40px;} .member_content .join_box .wrt_bx .join_opt {position:static; width:100%; background:var(--main-color); padding:85px; } .member_content .join_box .wrt_bx .jo_btn a {margin-top:60px; } } @media screen and (max-width: 900px){ .member_content { background:#f7f7f7; } .member_content .pos { display:table-cell; vertical-align:middle; text-align:center; } .member_content .m_header {padding:0 0 25px 0; } .member_content .m_header h1 {font-size:25px;} .member_content .m_header p {font-size:13px; padding:10px 0 0 0;} .member_content .join_box { padding:40px; } .member_content .join_box .wrt_bx h2 {font-size:18px; padding-bottom:10px; } .member_content .join_box .wrt_bx h3 {font-size:16px;} .member_content .join_box .wrt_bx .rule14_wrp {padding:30px; border-radius:10px; } .member_content .join_box .wrt_bx span.s_tit {font-size:13px; } .member_content .join_box .wrt_bx .s_txt {font-size:12px; padding:20px 5px 0 5px;} .member_content .join_box .wrt_bx .w_info {padding:40px;} .member_content .join_box .wrt_bx .w_info ul.if_set {padding-top:10px;} .member_content .join_box .wrt_bx .w_yak {padding:40px;} .member_content .join_box .wrt_bx .w_yak .yk_wrp {padding-top:10px;} .member_content .join_box .wrt_bx .w_frm {padding:40px;} .member_content .join_box .wrt_bx .w_frm.wf_p {padding:40px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set {padding:20px 0 0 0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li {padding:10px 0px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp {font-size:14px; padding:30px 0px 10px 0px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t {padding:0 0 10px 0px; font-size:13px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {font-size:12px; margin-left:5px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:12px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 13px;} } @media screen and (max-width: 650px){ .member_content { padding:30px 20px 50px 20px; } .member_content .mbx {padding:35px; border:0; } .member_content .m_header {padding:0 0 20px 0; text-align:left;} .member_content .m_header h1 {font-size:18px;} .member_content .m_header p {font-size:11px; padding:5px 0 0 0;} .member_content .mbx .set {padding:3px 0;} .member_content .mbx .set .tt {width:70px; top:16px; left:15px; font-size:12px; } .member_content .mbx .set .bx input {height:50px; padding:0 15px 0 80px; font-size:13px;} .member_content .mbx .set .bx .ar_f1 {width:calc(100% - 87px);} .member_content .mbx .set .bx .ar_f2 {width:85px; margin-left:2px;} .member_content .mbx .set .bx .ar_f2 input {height:50px; font-size:11px;} .member_content .code_conbx {padding:20px 0px 0 0px; margin-top:20px;} .member_content .m_con_tbx h2 {font-size:15px;} .member_content .m_con_tbx p {font-size:11px; padding:10px 0 0 0;} .member_content .sd_msg {font-size:12px; padding:20px 0px 18px 0px; line-height:160%;} .member_content .mbx .msg_btn_bx .mbb_txt {font-size:11px; padding:0 10px 0 0;} .member_content .result_box {padding:40px 0; } .member_content .result_box p.rb_txt {font-size:15px;} .member_content .result_box p.rb_stx {font-size:11px; padding:10px 0 0 0;} .member_content .mbx .btn_ar {padding-top:7px; margin-top:10px;} .member_content .mbx .btn_ar input {height:65px; padding:0 10px; font-size:13px; } .member_content .rmb {padding:15px 0 0 0; font-size:11px;} .member_content .rmb span {font-size:10px; margin-left:3px;} .member_content .join_bx {padding:0px; } .member_content .join_box {padding:0px; padding:0; } .mb_mdf_content .join_box.sm_bx {padding:0px;} .member_content .join_box input {border-radius:5px !important;} .member_content .join_box .m_header {padding:0 10px 20px 0 !important;} .member_content .join_box .wrt_bx {padding:0 0px;} .member_content .join_box .wrt_bx h2 {font-size:15px; padding-bottom:10px;} .member_content .join_box .wrt_bx h3 {font-size:13px;} .member_content .join_box .wrt_bx .rule14_wrp {padding:20px 0; background:transparent; margin-bottom:10px; font-size:12px; border-radius:0px; border-width:1px 0; } .member_content .join_box .wrt_bx .rule14_wrp .yk14_rbx {padding:15px; margin:10px 0; background:#fafafa;} .member_content .join_box .wrt_bx .rule14_wrp .parent_bx {padding-top:20px; margin-top:10px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs {padding-top:10px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pk_nm {padding:0 0 5px 5px; font-size:12px;} .member_content .join_box .wrt_bx .rule14_wrp ul.p_pcs li .pn_bx input {font-size:12px; } .member_content .join_box .wrt_bx .rule14_wrp .p_code_result {padding:10px 5px 0 5px ; font-size:12px;} .member_content .join_box .wrt_bx span.s_tit {font-size:12px; line-height:150%;} .member_content .join_box .wrt_bx .s_txt {font-size:11px; padding:15px 5px 0 5px; line-height:180%;} .member_content .join_box .wrt_bx .a_txt {font-size:12px; padding:20px 5px 0 5px; } .member_content .join_box .wrt_bx .w_info {padding:30px;} .member_content .join_box .wrt_bx .w_info ul.if_set {padding-top:7px;} .member_content .join_box .wrt_bx .w_info ul.if_set li {width:100%;} .member_content .join_box .wrt_bx .w_info ul.if_set li.is_spc {width:100%; height:15px;} .member_content .join_box .wrt_bx .w_info ol.code_exp {padding:15px 0 0 10px;} .member_content .join_box .wrt_bx .w_info ol.code_exp li {line-height:180%; padding:0;} .member_content .join_box .wrt_bx .w_info ol.code_exp li .cd_no {width:15px; font-size:11px;} .member_content .join_box .wrt_bx .w_info ol.code_exp li .cd_txt {width:calc(100% - 15px); font-size:11px; } .member_content .join_box .wrt_bx .w_yak {padding:30px 30px 55px 30px;} .member_content .join_box .wrt_bx .w_yak .yk_wrp {padding-top:7px;} .member_content .join_box .wrt_bx .w_yak .yk_exp h3 {font-size:13px; padding:5px 0 0 0; letter-spacing:-0.05em;} .member_content .join_box .wrt_bx .w_yak .yk_exp h3:before {content:"";} .member_content .join_box .wrt_bx .w_yak .yk_exp h3 span {font-size:11px; margin-left:3px;} .member_content .join_box .nxt_tp { z-index:999; } .member_content .join_box .nxt_tp input {height:65px; font-size: 13px; border-radius:0 !important;} .member_content .join_box .nxt_tp span.back {width:120px; } .member_content .join_box .nxt_tp span.next {width:calc(100% - 120px); } .member_content .join_box .wrt_bx .w_frm {padding:30px;} .member_content .join_box .wrt_bx .w_frm.w_rad {border-radius:0;} .member_content .join_box .wrt_bx .w_frm.wf_p {padding:30px 30px 55px 30px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set {padding:20px 0 0 0;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li {padding:7px 0px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp {font-size:14px; padding:20px 0px 5px 0px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t {padding:0 0 5px 0px; font-size:13px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {font-size:13px; margin-left:5px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b {padding:0 0 5px 0px; font-size:13px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:13px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 10px;} .member_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input::placeholder { font-size:13px;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt {padding:0;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt dt {font-size:15px;} .member_content .join_box .wrt_bx .w_frm dl.end_mnt dd {font-size:11px; line-height:160%; padding:10px 0 0 0;} .member_content .join_box .wrt_bx .w_frm dl.end_info {padding:15px; line-height:200%;} .member_content .join_box .wrt_bx .w_frm dl.end_info dt {width:80px; font-size:12px;} .member_content .join_box .wrt_bx .w_frm dl.end_info dd {width:calc(100% - 80px); font-size:12px; } .member_content .join_box .wrt_bx .w_frm ul.last_jmenu {padding:10px 0 0 0;} .member_content .join_box .wrt_bx .w_frm ul.last_jmenu li {width:calc(50% - 10px); margin:0 5px; } .member_content .join_box .wrt_bx .w_frm ul.last_jmenu li a {font-size:12px;padding:16px 0; border-radius:35px;} .member_content .join_box .wrt_bx .join_opt {padding:55px 45px; margin-bottom:-50px;} .member_content .join_box .wrt_bx .join_opt dl.jo_exp dt {font-size:20px; padding-bottom:10px;} .member_content .join_box .wrt_bx .join_opt dl.jo_exp dd {font-size:12px; line-height:160%;} .member_content .join_box .wrt_bx .jo_btn a {padding:20px 0; width:100%; margin-top:20px; font-size:15px; } ul.find_kind li {width:calc(50% - 10px); margin:0 5px; } ul.find_kind li a {font-size:12px; padding:20px 0px;} ul.find_kind li a i {font-size:30px; padding:0 0 10px 0;} } /* 로그인영역 - 하단 SNS */ ul.log_sns {float:left; width:100%; padding:25px 0 0 0; font-size:0;} ul.log_sns li {display:inline-block; font-size:12px; padding:0 5px;} ul.log_sns li img {width:40px;} ul.log_sns li a {font-size:12px;} /* 아이디, 비번찾기 선택 */ ul.find_info {float:left; width:100%; padding:40px 0 40px 0; font-size:0;} ul.find_info li {display:inline-block; width:45%; padding:0 5px;} ul.find_info li a {display:block; font-size:13px; color:white; width:100%; padding:20px 0; background:var(--main-color); border-radius:5px;} ul.find_info li a.change {background:#0057b1;} /* 회원정보 기본 레이아웃 (회원정보, 비번, 탈퇴, 파트너 정보 등 공통) */ .part_head {position:relative; top:0; left:0; right:0; margin:auto; width:100%; padding:0; text-align:center; overflow:hidden; z-index:1;margin-bottom:-70px;} .part_head .ph_set {display:inline-block; width:550px; padding:100px 0 0 0; text-align:left;} .part_head .ph_set h2 {float:left; width:100%; font-size:25px;font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:10px;} .part_head .ph_set h2 span {font-weight:700;} .part_head .ph_set p {float:left; width:100%; font-size:18px; line-height:160%; position:relative;} .part_head .ph_set p .status {position:absolute; top:-80px; right:-50px; color:white; width:100px; height:100px; border-radius:100%; text-align:center; line-height:160%;font-family: NanumBarunGothic, sans-serif; font-size:13px; font-weight:normal; letter-spacing:0;} .part_head .ph_set p .status.ready {background:#ff6a00; padding-top:32px;} .part_head .ph_set p .status.complete {background:#00a1ff; padding-top:32px;} .part_head .ph_set p .status.hold {background:#737373; padding-top:40px;} .mb_mdf_content {position:relative; top:0; left:0; right:0; margin:auto; width:100%; padding:0; text-align:center; overflow:hidden;} .mb_mdf_content .join_box {display:inline-block; width:850px; padding:100px;} .mb_mdf_content .join_box.sm_bx {max-width:850px; padding:100px;} .mb_mdf_content .join_box .wrt_bx {float:left; width:100%; } .mb_mdf_content .join_box .wrt_bx h2 {float:left; width:100%; font-size:20px;font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:10px; text-align:left;} .mb_mdf_content .join_box .wrt_bx h2 span {color:#0e7ead;} .mb_mdf_content .join_box .wrt_bx span.s_tit {float:left; width:100%; font-size:13px; color:rgba(0,0,0,0.7); line-height:180%; padding-bottom:0px; text-align:left;} .mb_mdf_content .join_box .wrt_bx span.s_wrn {float:left; width:100%; font-size:12px; color:red; line-height:150%; padding:10px 0 0 0; text-align:left;} .mb_mdf_content .join_box .wrt_bx .in_msg {padding:10px 20px; font-size:12px ;text-align:left;} .mb_mdf_content .join_box .wrt_bx .w_frm {float:left; width:100%; /*background:#fafafa;*/ padding:70px;} .mb_mdf_content .join_box .wrt_bx .w_frm.ot_one {border-radius:20px 20px 0 0; border:1px solid #eeeeee; border-width:1px 1px 0 1px;} .mb_mdf_content .join_box .wrt_bx .w_frm.ot_app {border-radius:0px 0px 0 0; border:1px solid #eeeeee; border-width:0px 1px 0 1px;} .mb_mdf_content .join_box .wrt_bx .w_frm.ot_bdr {border-radius:0; border-width:0 1px;} .mb_mdf_content .join_box .wrt_bx .w_frm.wf_p {border-top:1px dashed #dddddd;} .mb_mdf_content .join_box .wrt_bx .w_frm.wf_last {padding:60px 0 40px 0; margin:50px 0 30px 0; border:1px dashed #dddddd; border-width:1px 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set {float:left; width:100%; font-size:0; padding:30px 0 0 0; text-align:left;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li {display:inline-block; vertical-align:top; width:100%; padding:20px 0px; border:0px solid red;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.sp_full {width:100%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.sp_pcs {width:100%; border-top:1px dashed #dddddd;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp {display:inline-block; vertical-align:top; width:100%; font-size:13px; text-align:left; padding:30px 0px 10px 0px; color:var(--main-color); } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.atta_list {padding:2px 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t {float:left; width:100%; text-align:left; padding:0 0 10px 0px; font-size:15px; color:black; font-weight:bold;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {color:red; font-size:12px; margin-left:5px; font-weight:normal;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span.df_msg {color:rgba(0,0,0,0.6);} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t .pcs_nbx {position:relative; top:0; left:0; width:100%; height:0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t .pn_change {position:absolute; top:-15px; right:0; color:black; font-size:12px; padding:0; border-radius:0px; transition:all .2s; cursor:pointer;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t .pn_change:hover {color:#d40045; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t .pn_change i {font-size:13px; display:inline-block; padding:0 3px 0 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b {float:left; width:100%; font-size:0px; text-align:left;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b.tx_pdng {padding-top:13px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b.pda {padding-top:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .phn1 {display:inline-block; vertical-align:middle; width:30%; } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .phn2 {display:inline-block; vertical-align:middle; width:calc(35% - 5px); margin-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .day_set {display:inline-block; vertical-align:middle; width:calc(50% - 10px); } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .day_set .ds_frm {float:left; width:calc(100% - 50px);} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .day_set .ds_frm input {text-align:center !important;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .day_set .ds_pick {float:left; width:50px; height:50px; padding-top:15px; background:var(--main-color); color:white; font-size:20px; text-align:center; border-radius:0 3px 3px 0; cursor:pointer;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .day_hp {display:inline-block; vertical-align:middle; width:20px; font-size:13px; text-align:center;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .fb_in {position:relative; width:100%; } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .fb_in input {padding:0 15px 0 50px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .fb_in i {position:absolute; top:15px; left:15px; bottom:0; font-size:18px; } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt1 {display:inline-block; vertical-align:middle; width:30%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt2 {display:inline-block; vertical-align:middle; width:calc(35% - 35px); margin-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .brt_t {display:inline-block; vertical-align:middle; width:20px; padding-left:3px; font-size:12px; color:rgba(0,0,0,0.6);} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 {float:left; width:100px; } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input {width:100%; height:40px; text-align:center; border:0; background:#505050; font-size:13px; transition:all .2s; color:white !important; cursor:pointer;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input:focus {background-color: #004c82 !important; border:0px !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst1 input::placeholder {color: rgba(255,255,255,1); font-size:11px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pst2 {float:left; width:100%; padding-top:2px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b select {height:50px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_marking {float:right; background:#db534e; color:white; border-radius:3px; padding:7px 10px; cursor:pointer; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_marking:hover {background:#333333; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_marking i {display:inline-block; vertical-align:middle; font-size:20px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_marking span {display:inline-block; vertical-align:middle; font-size:12px; } .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset {float:right; width:auto; text-align:center; margin-top:5px; padding:7px 10px; border:1px solid #eeeeee; transition:all .2s; cursor:pointer;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset:hover {background:#f5f3f3; border:1px solid #dddddd; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset i {display:inline-block; vertical-align:middle; font-size:20px; color:black;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset span {display:inline-block; vertical-align:middle; font-size:12px; color:black;padding-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b {position:relative; width:100%; height:0; top:0; left:0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b .app_pos {position:absolute; top:-20px; right:0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b .app_pos input {width:100%; height:35px; text-align:center; border:0; background:var(--main-color); font-size:12px; transition:all .2s; color:white !important; cursor:pointer;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .chk_b .app_pos input:focus {background:#333333 !important; border:0 !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:13px; width:33%; text-align:left;margin: 3px 15px 3px 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.clb {width:100%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.cate {width:13%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 15px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .wat2 {width:calc(100% - 70px);text-align:left; line-height:100%; padding:0px 0 0 10px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg {position:relative; top:0; left:0; width:100%; height:0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos {position:absolute; top:0; right:0; font-size:12px; color:red;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos .st_psb {color:green;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_msg .mpos .st_ipsb {color:red;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .rule14_warning {display:inline-block; width:100%; padding-top:15px; font-size:0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .rule14_warning .rw_ment {display:inline-block; vertical-align:middle; width:calc(100% - 110px); color:red; font-size:13px; padding:0 0 0 10px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .rule14_warning .rw_btn {display:inline-block; vertical-align:middle; width:110px; color:white; background:red; padding:7px 0px; font-size:11px; text-align:center; border-radius:3px; cursor:pointer; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .rule14_warning .rw_btn:hover {background:#ce0000; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_wrt {float:left; width:calc(100% - 100px);} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_wrt input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_wrt input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_wrt input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .st_msg {float:left; width:100%; padding:10px 0 0 10px; color:red; font-size:12px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_code {float:left; width:100px; padding-left:3px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_code input {width:100%; height:50px; padding:0; border:0px; background:#333333; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_code input:focus {background:#001b69 !important; border:0px !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_code input:disabled {background:#c0c0c0 !important; border:0px !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .pcs_code input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set textarea {width:100%; height:250px; padding:15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set textarea:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_spc {float:left; width:100%; height:30px; } .mb_mdf_content .join_box .wrt_bx .w_frm .yk_wrp {float:left; width:100%; padding-top:20px;} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_set {float:left; width:100%; } .mb_mdf_content .join_box .wrt_bx .w_frm .yk_exp {float:left; width:100%; padding-bottom:10px; } .mb_mdf_content .join_box .wrt_bx .w_frm .yk_exp h3 {float:left; color:black; font-size:15px; font-weight:normal;} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_exp h3:before {content:"ㆍ";} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_exp h3 span {color:red; font-size:12px; margin-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_exp .yk_lb {float:right; } .mb_mdf_content .join_box .wrt_bx .w_frm .yk_rbx {float:left; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; text-align:left; background:#fafafa; padding:25px; border:1px solid #eeeeee; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .w_frm .yk_rbx:hover {background:#f5f3f3; transition:all .2s;} .mb_mdf_content .join_box .wrt_bx .last_chk {float:left; width:100%; border:1px solid red; padding:50px 0 0px 0;} .mb_mdf_content .join_box .nxt_tp {display:inline-block; padding:0 0; width:100%; border-radius:0 0 20px 20px; overflow:hidden;} .mb_mdf_content .join_box .nxt_tp span.full { width:100%; } .mb_mdf_content .join_box .nxt_tp input {width: 100%; height: 70px; padding: 0 10px; border: 0px; background: var(--main-color); font-size: 15px; text-align: center; color: white; cursor: pointer; transition: all .2s;} .mb_mdf_content .join_box .nxt_tp input:hover {background:#004c82; transition: all .2s;} .mb_mdf_content .join_box .nxt_tp span.back {float:left; width:120px; } .mb_mdf_content .join_box .nxt_tp span.next {float:left; width:calc(100% - 120px); } .mb_mdf_content .join_box .nxt_tp input {width: 100%; height: 70px; padding: 0 10px; border: 0px; background: var(--main-color); font-size: 15px; text-align: center; color: white; cursor: pointer; transition: all .2s;} .mb_mdf_content .join_box .nxt_tp input.back_btn {background: #444444; } .mb_mdf_content .join_box .nxt_tp input:hover {background:#004c82; transition: all .2s;} /* 회원정보 기본 레이아웃 (회원정보, 비번, 탈퇴, 파트너 정보 등 공통) */ @media screen and (max-width: 1260px){ .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li {width:100%;} } @media screen and (max-width: 900px){ .part_head {margin-bottom:-20px;} .part_head .ph_set {width:100%; padding:50px 50px 0 50px;} .part_head .ph_set p .status {top:-50px; right:0px; width:80px; height:80px; } .part_head .ph_set p .status.ready {padding-top:25px;} .part_head .ph_set p .status.complete {padding-top:25px;} .part_head .ph_set p .status.hold {padding-top:30px;} .mb_mdf_content .join_box {width:100%; padding:50px;} .mb_mdf_content .join_box .wrt_bx h2 {font-size:18px; padding-bottom:10px;} .mb_mdf_content .join_box .wrt_bx span.s_tit {font-size:13px; } .mb_mdf_content .join_box .wrt_bx span.s_wrn {font-size:13px; } .mb_mdf_content .join_box .wrt_bx .w_frm {padding:40px;} .mb_mdf_content .join_box .wrt_bx .w_frm.wf_p {padding:40px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set {padding:20px 0 0 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li {padding:10px 0px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.sp_pcs {padding:20px 0 10px 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp {font-size:14px; padding:30px 0px 10px 0px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t {padding:0 0 10px 0px; font-size:13px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {font-size:12px; margin-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:12px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 13px;} } @media screen and (max-width: 650px){ .part_head {margin-bottom:0px; border-bottom:1px solid #eeeeee; background:#fafafa;} .part_head .ph_set {padding:30px 30px 10px 30px;} .part_head .ph_set h2 {font-size:22px;padding-bottom:10px;} .part_head .ph_set p {font-size:15px; line-height:160%; } .part_head .ph_set p .status {position:static; display:inline-block; width:100%; height:auto; text-align:left; border-radius:0;font-size:15px; line-height:160%; } .part_head .ph_set p .status.ready {padding-top:0; background:transparent; color:#ff6a00;} .part_head .ph_set p .status.complete {padding-top:0; background:transparent; color:#00a1ff;} .part_head .ph_set p .status.hold {padding-top:0; background:transparent; color:#737373;} .part_head .ph_set p .ss_hd {display:none;} .mb_mdf_content .join_box {padding:0;} .mb_mdf_content .join_box input {border-radius:5px !important;} .mb_mdf_content .join_box .wrt_bx {padding:0 0px;} .mb_mdf_content .join_box .wrt_bx .in_msg {padding:10px 0px;} .mb_mdf_content .join_box .wrt_bx h2 {font-size:15px; padding-bottom:10px;} .mb_mdf_content .join_box .wrt_bx span.s_tit {font-size:12px; line-height:150%;} .mb_mdf_content .join_box .wrt_bx span.s_wrn {font-size:12px; line-height:150%;} .mb_mdf_content .join_box .wrt_bx .w_frm {padding:30px;} .mb_mdf_content .join_box .wrt_bx .w_frm.ot_one {border-radius:0; border-width:0;} .mb_mdf_content .join_box .wrt_bx .w_frm.ot_app {border-radius:0; border-width:1px 0px 0 0px; margin:-1px 0 0 0;} .mb_mdf_content .join_box .wrt_bx .w_frm.wf_p {padding:30px 30px 30px 30px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set {padding:20px 0 0 0;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li {padding:7px 0px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set li.fm_hlp {font-size:13px; padding:20px 0px 5px 0px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t {padding:0 0 5px 0px; font-size:12px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_t span {font-size:11px; margin-left:5px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label {font-size:11px; width:40%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.lb_space {padding:0 10px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b label.cate {width:22%;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset i {font-size:18px;} .mb_mdf_content .join_box .wrt_bx .w_frm ul.fm_set .fm_b .map_reset span {font-size:11px;} .mb_mdf_content .join_box .nxt_tp {border-top:1px solid #eeeeee; padding:20px;} .mb_mdf_content .join_box .nxt_tp input {height:60px; font-size: 13px; } .mb_mdf_content .join_box .nxt_tp span.back {padding-right:5px;} } /* 마이페이지 탭 */ ul.my_info_nav {position:relative; width:100%; font-size:0; border:1px solid #eeeeee; border-width:1px 1px 0 1px; border-radius:20px 20px 0 0; overflow:hidden;} ul.my_info_nav li {display:inline-block; vertical-align:middle; width:50%; cursor:pointer; padding:25px 0; text-align:center; font-size: 18px; font-family: Pretendard, sans-serif; font-weight: 500; letter-spacing: -0.05em; line-height:110%;} ul.my_info_nav li:last-child { border-left:1px solid #eeeeee;} ul.my_info_nav li.on {color:red; border-bottom:1px solid white;} ul.my_info_nav li.off {color:black; border-bottom:1px solid #eeeeee; background:#fafafa;} /* 파트너회원 대표사진 별도 적용 */ .user_pic_box { float:left;width:100%; } .user_pic_box .pic_wrp {float:left; width:100%; padding:0;} .user_pic_box .pic_wrp .u_photo {display:inline-block; width:100%; padding:0; border:1px solid #eeeeee; } .user_pic_box .pic_wrp .u_photo:after {content:""; display:block; padding-top:100%;} .user_pic_box .pic_wrp .u_photo .user {position:relative; top:0; left:0; width:auto; font-size:45px; color:white; text-align:center; overflow:hidden;} .user_pic_box .pic_wrp .u_photo .user img {width:100%; height:auto; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} .user_pic_box .pic_wrp .u_photo .user img:hover {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} .user_pic_box .u_ifx {float:left; width:100%; padding:0px 0 0 0px;} .user_pic_box .u_ifx .exp {float:left; width:100%; font-size:13px; line-height:180%; padding:25px 0;} .user_pic_box .u_ifx .file_box {float:left; width:100%; padding:0 0 0 0; background:#fafafa;} .user_pic_box .u_ifx .file_box .att {display:inline-block; vertical-align:middle; width:100px; } .user_pic_box .u_ifx .file_box .att [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } .user_pic_box .u_ifx .file_box .att span {display:inline-block; width:100%; padding:10px 0; text-align:center; background:var(--main-color);color:#ffffff; border-radius:3px; cursor:pointer;transition:all .2s; font-size:12px;} .user_pic_box .u_ifx .file_box .att span:hover {background:#004c82; transition:all .2s; } .user_pic_box .u_ifx .file_box .sz_i {display:inline-block; vertical-align:middle; width:calc(100% - 100px); font-size:12px; text-align:left; color:var(--main-color); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .user_pic_box .u_ifx .file_box .sz_i span {color:black; display:inline-block; padding:0 10px 0 20px;} .user_pic_box .u_ifx .file_box .sz_i a {font-size:12px;} .user_pic_box .u_ifx .file_box .sz_i a i {display:inline-block; vertical-align:middle; color:black; font-size:18px; padding-right:5px;} .user_pic_box .u_ifx .file_box .sz_i a .old_f_name {display:inline-block; vertical-align:middle; padding:0;color:var(--main-color);} .user_pic_box .u_ifx .file_box .sz_i a:hover .old_f_name {color:red;} .user_pic_box .u_ifx .del {float:left; width:100%; padding:5px 0 10px 0; font-size:11px;} .user_pic_box .u_ifx .del label {font-size:11px !important;} /* 파트너회원 추가첨부 별도 적용 */ .cult_att {float:left; white-space:nowrap; width:100%; padding:2px 0; border:0px solid blue;} .cult_att input, .cult_att label { margin:0; box-sizing:border-box; font-size:11px; line-height:13px;} .cult_att i {float:left; width:40px; height:45px; line-height:45px; font-size:25px; text-align:left; color:black; transition:all .2s; border:0px solid red;} .cult_att [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } /* 원래 파일첨부 숨김 */ .cult_att .att_up_btn {float:left; width:100px; height:45px; line-height:45px; text-align:center; background:var(--main-color);color:#ffffff; border-radius:2px 0 0 2px; cursor:pointer; transition:all .2s; border:0px solid red;} /* 파일첨부버튼 */ .cult_att .att_up_btn:hover {background:#004c82; transition:all .2s;} .cult_att .box_empty {float:left; width:calc(100% - 100px); height:45px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } /* 처음 첨부하는 것 */ .cult_att .box_fill {float:left; width:calc(100% - 260px); height:45px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } /* 기존에 첨부된 것 */ .cult_att .old_file {float:left; width:90px; height:45px; padding:0 5px; border:1px solid #eeeeee; color:#00417d; background:white; color:red; font-size:11px; text-align:left;} /* 기존 첨부 파일명 */ .cult_att .del_btn {float:left; width:65px; height:45px; border:1px solid #414141; background:#414141; color:#eeeeee; cursor:pointer; transition:all .2s; border-radius:0 2px 2px 0;} /* 기존 첨부 삭제버튼 */ .cult_att .del_btn:hover {border:1px solid red; background:red; color:#ffffff; transition:all .2s;} /* 쪽지함 메뉴 */ #user_memo {position:relative; top:0; left:0; width:100%; padding:100px 0 0 0;} #user_memo ul {display:inline-block; max-width:1260px; width:100%; border-bottom:1px solid #eeeeee; font-size:0;} #user_memo ul li {display:inline-block; width:200px; margin:0 5px -1px 0;} #user_memo ul li a {display:block; width:100%; height:60px; line-height:60px; text-align:center; color:rgba(0,0,0,0.7); font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:15px; background:#fafafa; border:1px solid #eeeeee;} #user_memo ul li.last {float:right;width:110px; border:0px solid #eeeeee; margin:10px 0 0 0;} #user_memo ul li.last a.btn {height:40px; line-height:40px; color:white; font-size:13px; border:0px solid #eeeeee; background:var(--main-color); margin:0 0 0 0; border-radius:3px; transition:all .2s;} #user_memo ul li.last a.btn:hover {background:#651198; transition:all .2s;} #user_memo ul li a.on {color:var(--main-color); background:white; border-bottom:1px solid transparent;} .memo_msg {display:inline-block; width:100%; padding:25px 0 0 10px; font-size:12px;} /* 쪽지함 + 쪽지함 리스트*/ .memo_lbox {position:relative; top:0; left:0; width:100%; padding-bottom:100px;} .memo_lbox h2 {display:inline-block; width:100%; padding:0 0 30px 0; font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; font-size:25px; text-align:center;} .memo_lbox .pos {display:inline-block; max-width:1260px; width:100%; padding-top:40px;} .memo_lbox .pos .hd_bx {display:inline-block; vertical-align:middle; padding:0 0 10px 0; width:100%; } .memo_lbox .pos .cnt {display:inline-block; vertical-align:middle; font-size:13px; padding:0 0 0 15px;} .memo_lbox .pos ul.st_btn {display:inline-block; vertical-align:middle;float:right; display:none;} .memo_lbox .pos ul.st_btn li {display:inline-block; vertical-align:middle;} .memo_lbox .pos .ok {float:left; width:100%; padding:30px 0 0 0; text-align:center;font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; font-size:15px;} .memo_lbox .pos .ok span {color:red;} .memo_lbox .pos .fail_cnt {float:left; width:100%; padding:30px 0 10px 0; font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; font-size:15px; text-align:center;} .memo_lbox .pos .fail_cnt span {color:red;} .memo_lbox .pos .fail_list {float:left; width:100%; color:black; font-size:12px; text-align:center;} .memo_df_wrap {display:inline-block; width:100%;} .memo_df_wrap ul.memo_grp {float:left; width:100%; font-size:0; } .memo_df_wrap ul.memo_grp li {display:inline-block; vertical-align:top; width:calc(33.3333% - 20px); margin:10px; border:0px solid #eeeeee; background:white; border-radius:0px; transition:all .2s;} .memo_df_wrap ul.memo_grp li:hover {border:0px solid #dddddd; transition:all .2s;} .memo_df_wrap ul.memo_grp li.not_data {width:100%; padding:50px 0px; text-align:center; font-size:12px; border:1px solid #eeeeee; border-width:1px 0; margin:0;} .memo_df_wrap ul.memo_grp li .mcon_wrp {position:relative; top:0; left:0; width:100%; } .memo_df_wrap ul.memo_grp li .mcon_wrp .read_del {position:absolute; top:10px; right:10px; color:black; font-size:18px; z-index:2;transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .read_del:hover {color:red; transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .del_icon {position:absolute; top:10px; right:10px; color:black; font-size:18px; z-index:2;transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .del_icon:hover {color:red;transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .bg_hid {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:rgba(255,253,240,0.8); transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp:hover .bg_hid {background:rgba(255,255,255,0); transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; transition:all .2s; border-radius:15px;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_ok {background:rgba(255,255,255,0.0); border:1px solid #dddddd;box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_ok:hover {background:rgba(250,255,240,0.0); border:1px solid #555555; transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_ok span {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100px; height:35px; line-height:35px; font-size:15px; color:white; border-radius:3px; text-align:center; background:green; opacity:0;transition:all .2s; display:none;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_ok:hover span {opacity:1;transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_no {background:rgba(255,255,255,0.3); border:1px solid #dddddd; transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen.rd_no:hover {background:rgba(255,255,255,0.9); border:1px solid var(--main-color); transition:all .2s;box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1);} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .in_logo {position:absolute; top:20px; right:20px; } .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .st_inpos {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:50%; height:35px; text-align:center; font-size:0;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .btn_mm {display:inline-block; width:40px; height:40px; line-height:40px; margin:0 10px; color:white; font-size:20px; border-radius:100%; padding-top:10px; transition:all .2s; border:1px solid transparent;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .btn_mm.b_v {color:black; border:1px solid #dddddd; background:#fafafa;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .btn_mm.b_d {color:black; border:1px solid #dddddd; background:#fafafa;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sta_screen .btn_mm:hover {color:white; border:1px solid #000000; background:#000000; transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sd_memo_view {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; transition:all .2s; font-size:20px; } .memo_df_wrap ul.memo_grp li .mcon_wrp .sd_memo_view.crd_ok {background:rgba(255,255,255,0.0); border:1px solid #eeeeee;} .memo_df_wrap ul.memo_grp li .mcon_wrp:hover .sd_memo_view.crd_ok {background:rgba(250,255,240,0.0); border:1px solid #555555; transition:all .2s;box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp .sd_memo_view.crd_no {background:rgba(255,249,249,0.3); border:1px solid #ffafaf; transition:all .2s;} .memo_df_wrap ul.memo_grp li .mcon_wrp:hover .sd_memo_view.crd_no {background:rgba(255,249,249,0.0); border:1px solid #9b0000; transition:all .2s;box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1);} .memo_df_wrap ul.memo_grp li .chk {display:inline-block; vertical-align:middle; width:100%; } .memo_df_wrap ul.memo_grp li .mm_hd {display:inline-block; vertical-align:middle; width:100%; background:#fafafa; border-radius:15px;} .memo_df_wrap ul.memo_grp li .ins_st {float:left; width:100%; border-bottom:1px dashed #eeeeee;} .memo_df_wrap ul.memo_grp li .ins_st.last_fd {border:0;} .memo_df_wrap ul.memo_grp li .is_pad {float:left; padding:15px 0;} .memo_df_wrap ul.memo_grp li .is_t {width:100px; font-size:13px; padding-left:25px; color:rgba(0,0,0,0.7);} .memo_df_wrap ul.memo_grp li .is_c {width:calc(100% - 100px); font-size:13px; color:black;} .memo_df_wrap ul.memo_grp li .is_c i {position:absolute; top:5px; right:5px; width:25px; height:25px; font-size:15px; text-align:center; padding-top:5px;color:white; border-radius:100%;} .memo_df_wrap ul.memo_grp li .is_c .del_icon i {position:absolute; top:0; right:0; width:25px; height:25px; font-size:15px; text-align:center; padding-top:5px;color:black; border-radius:100%;} .memo_df_wrap ul.memo_grp li .is_c .read_ok {color:var(--main-color); display:none;} .memo_df_wrap ul.memo_grp li .is_c .read_no {color:red;} .memo_df_wrap ul.memo_grp li .is_c .read_ok i {background:#eeeeee;} .memo_df_wrap ul.memo_grp li .is_c .read_no i {background:#ff89aa;} .memo_df_wrap ul.memo_grp li .is_c .sid {font-family: 'Roboto', sans-serif; font-weight:300; font-size:12px; margin-left:5px;} .memo_df_wrap ul.memo_grp li .d_no {font-family: 'Roboto', sans-serif; font-weight:400; } .memo_df_wrap ul.memo_grp li p {display:inline-block; vertical-align:middle; width:100%; min-height:150px; line-height:180%;font-size:13px; padding:25px; di splay:none;} .memo_df_wrap ul.memo_grp li p a {color:rgba(0,0,0,0.8);} /* 메모검색 css */ .scr_memo {position:relative; top:0; left:0; width:100%;padding:35px; text-align:center; border:1px solid #eeeeee; margin-top:25px; background:#fafafa;} .scr_memo .s_pos {display:inline-block; } .scr_memo .s_pos select {height:50px;} .scr_memo .all {float:left; width:100px; padding-left:5px;} .scr_memo .sel {float:left; width:100px; padding:0 5px 0 0; background:white;} .scr_memo .frm {float:left; width:300px; } .scr_memo .btn_ar {float:left; width:80px;} .scr_memo .btn_all {width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;} .scr_memo .btn_all:hover {background:#3b3b3b; transition:all .2s;} .scr_memo .sbox {width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;} .scr_memo .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .scr_memo .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .scr_memo .sr_btn {width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 쪽지함내용보기 */ .memo_con_view {display:inline-block; width:100%; border-bottom:1px dashed #dddddd; padding:80px 0; margin-bottom:30px; text-align:center;} .memo_con_view .mcv_wrp {display:inline-block; width:800px; padding:85px; border:1px solid #eeeeee; text-align:left; background:#ffffff; border-radius:0;box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1);} .memo_con_view .mcv_wrp .del_pos {position:relative; top:0; left:0; height:0;} .memo_con_view .mcv_wrp .del_pos span a {position:absolute; top:-30px; right:-30px; font-size:25px; color:black;} .memo_con_view h2 {display:inline-block; width:100%; padding:0 0 25px 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black} .memo_con_view h2 span {color:var(--main-color);} ul.rcv_memo_info {display:inline-block; width:100%; border-top:2px solid #333333;} ul.rcv_memo_info li {float:left; width:100%; background:#f5f3f3; border-bottom:1px solid #eeeeee; font-size:13px;} ul.rcv_memo_info li .m_pad {float:left; padding:13px 25px; } ul.rcv_memo_info li .m_tit {width:130px; } ul.rcv_memo_info li .m_con {width:calc(100% - 130px);background:#ffffff;} ul.rcv_memo_info li .f_no {font-family: 'Roboto', sans-serif; font-weight:400; } ul.rcv_memo_info li .m_txt {float:left; width:100%; min-height:150px; padding:30px; font-size:15px; line-height:180%; background:#ffffff;} ul.rcv_memo_info li .m_txt a {color:black; transition:all .2s;} ul.rcv_memo_info li .m_txt a:hover {color:red; transition:all .2s;} ul.in_sd_list {display:inline-block; width:100%; border:0px;} ul.in_sd_list li {float:left; width:100%; border:0px solid #eeeeee; font-size:13px; background:transparent; padding:3px 0; position:relative;} ul.in_sd_list li a {color:black; transition:all .2s; display:inline-block;} ul.in_sd_list li a:hover {color:red; transition:all .2s;} ul.in_sd_list li a .tu_info {display:inline-block; width:150px;} ul.in_sd_list li a .t_nname {float:left; width:calc(100% - 90px);text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.in_sd_list li a .t_id {float:left; width:90px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.in_sd_list li a .tu_swrp {display:inline-block; font-size:12px;} ul.in_sd_list li a .t_sta {float:left;k; font-size:12px;font-family: NanumBarunGothic, sans-serif; } ul.in_sd_list li a i {position:absolute; top:0px; color:red; font-size:18px; transition:all .2s;} .memo_icon {display:inline-block; width:100%; text-align:center;} .memo_icon a {display:inline-block; width:250px; padding:20px 0; margin-top:35px; background:var(--main-color); color:white; font-size:15px; border-radius:35px; transition:all .2s;} .memo_icon a:hover {background:#7d17bb; transition:all .2s;} /* 쪽지함 / 보내기 */ .inc_memo_send {display:inline-block; width:100%; padding:80px 0; text-align:center;} .inc_memo_send .form {max-width:600px; width:100%; display:inline-block; text-align:left; background:#fafafa; border-radius:0 30px 30px 30px; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); overflow:hidden;border:1px solid #eeeeee;} .inc_memo_send .form .head {float:left; width:100%; padding:40px 0 30px 0; background:#fafafa; border-bottom:1px solid #eeeeee;} .inc_memo_send .form .head h2 {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;font-family:Pretendard, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:black; text-align:center;} .inc_memo_send .form .head p {float:left; font-size:12px; text-align:center; width:100%; color:rgba(0,0,0,0.5);} .inc_memo_send .form .fd_idbx {float:left; width:100%; padding:30px 35px; border-bottom:1px solid #eeeeee; background:#f5f3f3;} .inc_memo_send .form .fd_idbx .f_exp {float:left; width:100%; font-size:13px; line-height:180%;} .inc_memo_send .form .fd_idbx .f_btn {position:relative; top:0; left:0;} .inc_memo_send .form .fd_idbx .f_btn i {position:absolute; top:0px; right:10px; font-size:30px; color:black; line-height:180%; cursor:pointer; transition:all .2s;} .inc_memo_send .form .fd_idbx .f_btn i:hover {color:var(--main-color); transition:all .2s;} .inc_memo_send .form ul.wrt {float:left; width:100%; padding:20px; background:white; } .inc_memo_send .form ul.wrt li {display:inline-block; width:100%; padding:3px 0;} .inc_memo_send .form ul.wrt li span {position:absolute; padding:18px 0 0 25px; font-size:13px;} .inc_memo_send .form ul.wrt li input {width:100%; height:50px; padding:0 15px 0 80px; border:1px solid #eeeeee; color:var(--main-color); background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .inc_memo_send .form ul.wrt li input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .inc_memo_send .form ul.wrt li input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .inc_memo_send .form ul.wrt li textarea {width:100%; height:250px; padding:15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .inc_memo_send .form ul.wrt li textarea:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .inc_memo_send .form ul.wrt li textarea::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .inc_memo_send .form .btn {float:left; width:100%; margin-top:0px; text-align:center;} .inc_memo_send .form .btn .send {width:100%; padding:35px 0; background:var(--main-color); color:white; font-size:15px; border:0px; cursor:pointer; transition: all .2s;} .inc_memo_send .form .btn .send:hover {background:#1c73ff; transition: all .2s;} /* 쪽지대상찾기 */ .sel_member_pop {float:left; width:100%; padding:35px; } .sel_member_pop .close {position:fixed; top:25px; right:25px; font-size:35px; cursor:pointer; transition:all .2s;} .sel_member_pop .close:hover {color:black; transition:all .2s;} .sel_member_pop h2 {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; padding:0 0 10px 0; font-size:20px; color:black; letter-spacing:-0.05em;} .sel_member_pop p {float:left; width:100%; padding:0 0 20px 0; font-size:13px; color:rgba(0,0,0,0.7); } .sel_member_pop .chk_set {float:left; width:100%; display:none;} .sel_member_pop .m_src_bx {float:left; width:100%; padding:0 0 0 0; text-align:center;} .sel_member_pop .m_src_bx .bx_w {float:left; width:100%;} .sel_member_pop .m_src_bx .bx_w input {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s; color:var(--main-color);} .sel_member_pop .m_src_bx .bx_w input:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .sel_member_pop .m_src_bx .bx_w input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .sel_member_pop .m_src_bx .bx_b {display:inline-block; width:200px; margin-top:30px;} .sel_member_pop .m_src_bx .bx_b input {width:100%; line-height:55px; padding:0 10px; border-radius:35px; border:0px; background:var(--main-color); font-size:15px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .sel_member_pop .m_src_bx .bx_b input:hover {background:#004c82; transition:all .2s;} .sel_member_pop .data_none {float:left; width:100%; padding:50px 0; font-size:13px; color:rgba(0,0,0,0.7); border:1px solid #eeeeee; border-width:1px 0; text-align:center;} ul.sel_act {float:left; width:100%; padding:0 0 10px 0;} ul.sel_act li {float:left; width:100px; margin-right:5px;} ul.sel_act li {float:left; width:100px; margin-right:5px;} ul.sel_act li input {width:100%; height:35px; padding:0; border:0px; background:#00103e; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px; transition:all .2s;} ul.sel_act li input:hover {background:#333333; transition:all .2s;} ul.sel_act li.choice input {background:#0687a5; } ul.sel_act li.choice input:hover {background:#08b7e0; transition:all .2s;} ul.sel_act li.search {float:right; margin:0;} ul.sel_act li.search input {background:#545454;} ul.sel_act li.search input:hover {background:#d00000; transition:all .2s;} table.find_result {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.find_result>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:10px 0; background:#f5f3f3; font-size:13px; color:black; font-weight:normal;} table.find_result>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:10px 0; font-size:13px; background:white;} table.find_result>tbody>tr>td a {color:black; transition:all .2s;} table.find_result>tbody>tr>td a:hover {color:red; transition:all .2s;} /* 쪽지 보낸후 전송결과 레이어 */ .box_cont {display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background:rgba(0,0,0,0.7);} .box_real {position:absolute; top:0; left:0; right:0; bottom:0; background: #ffffff; margin:auto; padding: 0; width: 500px; height:500px; padding:70px 45px 0 45px; border-radius:0 35px 35px 35px; overflow:hidden; text-align:center;} .box_real .logo {float:left; width:100%; font-size:0; text-align:center;} .box_real .logo img {} .box_real .con {float:left; width:100%; padding:30px 0 55px 0;} .box_real .con span {color:red;} .box_real .con .ok {float:left; width:100%; font-size:15px; line-height:140%; color:black;padding: 0 0 15px 0;} .box_real .con .fail_cnt {float:left; width:100%; font-size:15px; line-height:140%; color:black; } .box_real .con .fail_cnt .why {color:black; font-size:12px; display:inline-block; padding-top:2px;} .box_real .con .fail_list {float:left; width:100%; font-size:13px; line-height:140%; color:black; padding: 15px 0 0 0;} .box_real .con .fail_list:before {content:"확인불가 ID : "; color: rgba(0,0,0,0.5);} .box_real .cls_btn {display:inline-block; width:200px; padding:20px 0; cursor:pointer; font-family:Pretendard, sans-serif; font-weight:500; font-size:15px; letter-spacing: -0.05em; background:var(--main-color); color:white; border-radius:35px; transition:all .2s; text-align:center; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;} .box_real .cls_btn:hover {background:#ba1c49; transition:all .2s;} /* 친구관리 공통메뉴 */ ul.friend_menu {display:inline-block; max-width:1260px; width:100%; border-bottom:1px solid #eeeeee; font-size:0; padding:100px 0 0 0;} ul.friend_menu li {display:inline-block; width:200px; margin:0 5px -1px 0;line-height:60px; text-align:center; color:rgba(0,0,0,0.7); font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:15px; background:#fafafa; border:1px solid #eeeeee; cursor:pointer;} ul.friend_menu li.on {color:var(--main-color); background:white; border-bottom:1px solid transparent;} ul.friend_menu li.on {color:red;} ul.friend_menu li.off {color:black;} ul.friend_menu li.off:hover {color:red; transition:all .2s;} /* 친구관리 / index */ .friend_wrap {display:inline-block; width:100%; padding:80px 15px 100px 15px; text-align:center;} .friend_wrap .hd_bx {float:left; width:100%; padding:0 0 20px 0; text-align:left;} .friend_wrap .hd_bx h2 {float:left; width:100%; padding:0 0 10px 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black;} .friend_wrap .hd_bx p {float:left; width:100%; line-height:180%;font-size:13px;} .friend_wrap .hd_bx p span {color:red;} .friend_wrap .fw_scbx {display:inline-block; width:500px; padding:80px; border:1px solid #eeeeee; background:#fafafa; border-radius:30px;} .friend_wrap .fw_scbx .hd_sbx {float:left; width:100%; padding-bottom:25px;} .friend_wrap .fw_scbx .hd_sbx h3 {float:left; width:100%; padding:0 0 20px 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:black;} .friend_wrap .fw_scbx .hd_sbx p {float:left; width:100%; width:100%; line-height:180%;font-size:13px; text-align:left;} .friend_wrap .fw_scbx .sel_set {float:left; width:100%;padding:0 0 4px 0;} .friend_wrap .fw_scbx .sel_set select {height:50px;} .friend_wrap .fw_scbx .sel_set .sel_ch {float:left; width:50%;} .friend_wrap .fw_scbx .sel_set .sel_ch.st1 {width:50%; padding:0 2px 0 0;} .friend_wrap .fw_scbx .sel_set .sel_ch.st2 {width:50%; padding:0 0 0 2px;} .friend_wrap .fw_scbx .frb_frm {float:left; width:100%;padding:0 0 4px 0;} .friend_wrap .fw_scbx .frb_frm input {width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; background:#ffffff; font-size:13px; text-align:center; transition:all .2s;} .friend_wrap .fw_scbx .frb_frm input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .friend_wrap .fw_scbx .frb_frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .friend_wrap .fw_scbx .btn_bx {float:left; width:100%;padding:20px 0 0 0;} .friend_wrap .fw_scbx .btn_bx input {width: 100%; height: 60px; padding: 0 10px; border: 0px; background: var(--main-color); font-size: 13px; text-align: center; color: white; cursor: pointer; transition: all .2s; border-radius:3px;} .friend_wrap .fw_scbx .btn_bx input:hover {background:#004c82; transition: all .2s;} .friend_wrap .freind_cate .rlt_sbx {float:left; width:100%; padding:60px 0 25px 0; margin-top:60px; text-align:left; border-top:1px dashed #dddddd;} .friend_wrap .freind_cate .rlt_sbx h4 {float:left; width:100%; padding:0 0 10px 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black;} .friend_wrap .freind_cate .rlt_sbx p {float:left; width:100%; width:100%; line-height:180%;font-size:13px; } .friend_group {float:left; width:40%;} .friend_group .frd_list_box {float:left; width:100%; padding:30px; border:1px solid #eeeeee; border-top: 2px solid #333333; border-width: 2px 0 1px 0;background:#fafafa;} .friend_group ul.frd_set {float:left; width:100%;} .friend_group ul.frd_set li {float:left; width:100%; font-size:0; padding:3px 0;} .friend_group ul.frd_set li .ar_nmbx {display:inline-block; vertical-align:middle; width:calc(100% - 226px);} .friend_group ul.frd_set li .ar_nmbx input {width:100%; height:40px; padding:0 15px; border:1px solid #eeeeee; background:#ffffff; font-size:12px; text-align:left; transition:all .2s;} .friend_group ul.frd_set li .ar_nmbx input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .friend_group ul.frd_set li .ar_nmbx input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .friend_group ul.frd_set li .ar_chng {display:inline-block; vertical-align:middle; width:70px;} .friend_group ul.frd_set li .ar_chng input {width: 100%; height: 40px; padding: 0; border: 0px; background: #333333; font-size: 12px; text-align: center; color: white; cursor: pointer; transition: all .2s; border-radius:0 3px 3px 0;} .friend_group ul.frd_set li .ar_chng input:hover {background:var(--main-color); transition: all .2s;} .friend_group ul.frd_set li .ar_ea {display:inline-block; vertical-align:middle; width:150px; line-height:40px; font-size:0; border:1px solid #eeeeee; background:white; color:black; text-align:center; margin:0 0 0 6px; cursor:pointer; transition: all .2s; border-radius:3px;} .friend_group ul.frd_set li .ar_ea:hover {background:#004c82; color:white; border:1px solid #004c82; transition: all .2s;} .friend_group ul.frd_set li .ar_ea .a_p {display:inline-block; vertical-align:middle; width:65px; text-align:right;font-size:12px;} .friend_group ul.frd_set li .ar_ea .a_b {display:inline-block; vertical-align:middle; font-size:12px;} .friend_group ul.frd_set li .ar_ea.total {background: var(--main-color); width:226px; transition: all .2s; color:white; line-height:50px; margin:0; border:0;} .friend_group ul.frd_set li .ar_ea.total:hover {background:#004c82; transition: all .2s;} .freind_cate {float:left; width:60%; padding-left:50px;} .freind_cate.full {width:100%; padding:0;} .freind_cate ul.ch_f_list {float:left; width:100%;} .freind_cate ul.ch_f_list li {float:left; width:100%; border-bottom:1px solid #eeeeee; text-align:left;font-size:0; padding:12px 0;} .freind_cate ul.ch_f_list li.li_tit {border:1px solid #dddddd; border-width:1px 0; border-top:2px solid #333333; background:#f5f3f3; padding:15px 0;} .freind_cate ul.ch_f_list li .chk {display:inline-block; vertical-align:middle; width:50px; font-size:13px; text-align:center;} .freind_cate ul.ch_f_list li .name {display:inline-block; vertical-align:middle; width:80px; font-size:13px; padding:0 5px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .freind_cate ul.ch_f_list li .id {display:inline-block; vertical-align:middle; width:80px; font-size:13px; padding:0 5px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .freind_cate ul.ch_f_list li .date {display:inline-block; vertical-align:middle; width:140px; font-size:13px; padding:0 5px;} .freind_cate ul.ch_f_list li span {font-family:tahoma; font-size:12px;} .freind_cate ul.ch_f_list li span.data_none {display:inline-block; width:100%; font-family: NanumBarunGothic, sans-serif; font-size:12px; text-align:center; padding:50px 0;} .freind_cate ul.ch_f_list li .group {display:inline-block; vertical-align:middle; width:calc(100% - 400px); font-size:13px; padding:0 5px;} .freind_cate ul.ch_f_list li .group input {float:left; width: 40px; height: 30px; border:1px solid #eeeeee; background:white; color:black; font-size: 12px; text-align: center; cursor: pointer; transition: all .2s; border-radius:3px; margin-right:5px;} .freind_cate ul.ch_f_list li .group input:hover {background:var(--main-color); border:1px solid var(--main-color); color:white; transition: all .2s;} .freind_cate ul.ch_f_list li .mail {display:inline-block; vertical-align:middle; width:50px; font-size:13px; padding:0 5px; text-align:center;} .freind_cate ul.ch_f_list li .mail a {font-size:18px; color:black; transition:all .2s;} .freind_cate ul.ch_f_list li .mail a:hover {color:red; transition:all .2s;} .freind_cate ul.frd_btn {float:left; width:100%; font-size:0; padding:25px 0 0 0; text-align:center;} .freind_cate ul.frd_btn li {display:inline-block; max-width:100px; width:15%; margin: 0 2px;} .freind_cate ul.frd_btn li input {width: 100%; height: 40px; padding: 0; border:1px solid #eeeeee; background:white; color:black; font-size: 12px; text-align: center; cursor: pointer; transition: all .2s; border-radius:3px;} .freind_cate ul.frd_btn li input:hover {background:var(--main-color); border:1px solid var(--main-color); color:white; transition: all .2s;} .freind_cate ul.frd_btn li input.all_chk {border:0px solid #333333; background:#333333; color:white; } /* 친구관리 / pop */ .pop_ctrl_box {position:relative; top:0; left:0; width:100%; height:100%;} .pop_ctrl_box .pcb_box {position:absolute; top:0; left:0; right:0; margin:auto; width:500px; padding:50px;} .pop_ctrl_box .pcb_box i {position:absolute; top:15px; right:15px;font-size:35px; color:black;} .pop_ctrl_box .pcb_box h1 {float:left; width:100%; padding:0 0 10px 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black;} .pop_ctrl_box .pcb_box h1 p {float:left; width:100%; line-height:180%;font-size:13px;} .pop_ctrl_box ul.choice_list {float:left; width:100%; height:160px; background:#fafafa; border:1px solid #eeeeee; overflow-x:hidden; overflow-y:auto; margin-top:15px;} .pop_ctrl_box ul.choice_list li {float:left; width:100%; height:40px; line-height:40px; font-size:0; border-bottom:1px solid #eeeeee;padding:0 15px;background:#f5f3f3; } .pop_ctrl_box ul.choice_list li .name {display:inline-block; vertical-align:middle; width:100px; font-size:13px;} .pop_ctrl_box ul.choice_list li .id {display:inline-block; vertical-align:middle; width:calc(100% - 100px); font-size:12px; font-family:tahoma;} .pop_ctrl_box .mv_sel {float:left; width:100%; padding-top:15px;} .pop_ctrl_box .mv_btn {float:left; width:100%; padding-top:15px;} .pop_ctrl_box .mv_btn input {width: 100%; height: 60px; padding: 0 10px; border: 0px; background: var(--main-color); font-size: 13px; text-align: center; color: white; cursor: pointer; transition: all .2s; border-radius:3px;} .pop_ctrl_box .mv_btn input:hover {background:#004c82; transition: all .2s;} /* 나의예약리스트 */ .my_rsv_box {display:inline-block; width:100%; padding:100px 0; } .my_rsv_box .mr_head {display:inline-block; width:100%;} .my_rsv_box .mr_head h2 {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:black; line-height:120%; padding-bottom:10px;} .my_rsv_box .mr_head p {float:left; width:100%; font-size:13px; line-height:160%; padding:0 0 0 2px;} .my_rsv_box .mr_hdbx {display:inline-block; width:100%;} .my_rsv_box .mr_hdbx .msc_bx {float:left; width:100%; font-size:0; padding:35px 0; border:1px solid #eeeeee; border-width:1px 0; margin:35px 0;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx {display:inline-block; vertical-align:middle; width:300px;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx select {height:50px;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx .sb1 {float:left; width:50%; padding:0 1px 0 0;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx .sb2 {float:left; width:50%; padding:0 0 0 1px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx {display:inline-block; vertical-align:middle; width:calc(100% - 300px); padding-left:5px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm {float:left; width:calc(100% - 200px); } .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm input:focus {outline:none; background-color: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .btn_ar {float:left; width:80px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .btn_ar .sr_btn {width:100%; height:50px; text-align:center; border:0; background:#16003a; font-size:13px; transition:all .2s; color:white !important; cursor:pointer; border-radius:0 3px 3px 0;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .all {float:left; width:120px; padding-left:5px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .all .btn_all {width:100%; height:50px; text-align:center; border:0; background:#505050; font-size:13px; transition:all .2s; color:white !important; cursor:pointer; border-radius:3px;} .my_rsv_box .mr_hdbx p {display:inline-block; width:100%; padding:25px 10px 20px 10px; font-size:13px; color:black; text-align:left;} .my_rsv_box .mr_hdbx p span {color:red;} .my_rsv_box ol.online_list {display:inline-block; width:100%;font-size:0;} .my_rsv_box ol.online_list li {display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); border:1px solid #eeeeee; font-size:0; margin:5px; padding:10px; line-height:100%; } .my_rsv_box ol.online_list li a {position:relative; top:0; left:0; display:block;padding:45px; transition:all .3s; width:100%;} .my_rsv_box ol.online_list li.now_1 {background:#ffffff;} .my_rsv_box ol.online_list li.now_2 {background:#fafafa;} .my_rsv_box ol.online_list li.now_3 {background:#fafafa;} .my_rsv_box ol.online_list li .no {display:inline-block; vertical-align:middle; width:50px; font-size:20px; color:black; font-family: 'Roboto', sans-serif; font-weight:100; line-height:100%; text-align:center;} .my_rsv_box ol.online_list li .if_set {display:inline-block; vertical-align:middle; width:100%; padding:0 0px;} .my_rsv_box ol.online_list li h3 {float:left; width:100%; line-height:150%; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .my_rsv_box ol.online_list li h3 span {color:red;} .my_rsv_box ol.online_list li .sta {position:absolute; top:15px; right:15px; width:70px; height:70px; line-height:70px; background:#db534e; color:white; text-align:center; font-size:13px; transition:all .3s; border-radius:100%;} .my_rsv_box ol.online_list li .sta:hover {background:red; transition:all .3s;} .my_rsv_box ul.online_info {display:inline-block; vertical-align:top; width:100%; padding:20px 0 0 0;} .my_rsv_box ul.online_info li {float:left; width:100%; padding:0; font-size:13px; letter-spacing:0; border:0;line-height:150%;} .my_rsv_box ul.online_info li .s_tt {float:left; width:80px; color:rgba(0,0,0,0.6);} .my_rsv_box ul.online_info li .s_tt:before {content:"ㆍ ";} .my_rsv_box ul.online_info li .s_con {float:left; width:calc(100% - 80px); color:black;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 검색창 폼박스 */ .search_fmbox {display:inline-block; width:100%; padding:100px 0; background:white; text-align:center; border-bottom:1px solid #eeeeee;} .search_fmbox .pos {display:inline-block; width:800px; } .search_fmbox .pos .box {float:left; width:100%;} .search_fmbox .pos .box h2 {float:left; width:100%; text-align:left; padding:0 0 20px 8px; color:black; font-family:Pretendard, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; line-height:100%:} .search_fmbox .pos .box h2 span {font-weight:500; color:var(--main-color);} .search_fmbox .pos .box p {float:left; width:100%; text-align:left; padding:0 0 20px 10px; color:rgba(0,0,0,0.8); font-size:13px;} .search_fmbox .pos .box .sel {float:left; width:200px; background:#fafafa; display:none;} .search_fmbox .pos .box .sel .ap {width: 100%; height:60px; padding-left:20px; border:0 !important; font-size:15px;} .search_fmbox .pos .box ul.ipbx {float:left; width:100%;} .search_fmbox .pos .box ul.ipbx li {float:left;} .search_fmbox .pos .box ul.ipbx li.ip {width:calc(100% - 100px);} .search_fmbox .pos .box ul.ipbx li.ip input {width:100%; border:0px; height:60px; padding:20px; border:1px solid #eeeeee; border-width:1px; background:#fafafa; text-align:center; font-size:15px;color:#9b0b19;} .search_fmbox .pos .box ul.ipbx li.ip input:focus {outline:none; background: white !important; border:1px solid var(--main-color) !important; transition:all .2s;} .search_fmbox .pos .box ul.ipbx li.ip input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .search_fmbox .pos .box ul.ipbx li.btn {width:100px;} .search_fmbox .pos .box ul.ipbx li.btn .sc {width:100%; height:60px; background:var(--main-color); color:white; text-align:center; border:0px; cursor:pointer; font-size:15px; border-radius:0 5px 5px 0; transition:all .3s;} .search_fmbox .pos .box ul.ipbx li.btn .sc:hover {background:#004c82;transition:all .3s;} .search_fmbox .pos .box ul.ipbx li.rescr {color:black; text-align:left; padding:20px 0 0 10px; font-size:13px; font-weight:bold;} .search_fmbox .pos .box ul.ipbx li.retxt {color:black; text-align:left; padding:24px 0 0 15px; font-size:13px;} /* 검색창 결과 / 레이아웃, 타이틀, 더보기 */ .search_rlt_bd {display:inline-block; vertical-align:top; width:100%;margin:0 0 15px 0; text-align:center; } .search_rlt_bd .pos {display:inline-block; width:1260px; padding:50px; border:1px solid #eeeeee; background:white; border-radius:15px;} .search_rlt_bd .pos h2 {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:18px; text-align:left; color:black; letter-spacing:-0.05em; padding:0 0 25px 15px;} .search_rlt_bd .pos h2 span {font-family: NanumBarunGothic, sans-serif; font-size:13px; font-weight:normal; margin-left:10px;} .search_rlt_bd .f_keywrod {font-weight:bold; color:red;background:#ffff00;} .scrlt_none {float:left; width:100%; padding:50px 0; text-align:center; font-size:13px; border:1px solid #eeeeee; border-width:1px 0;} .scrlt_more {display:inline-block; width:100%; border-top:1px solid #eeeeee; text-align:center; margin-top:-1px;} .scrlt_more a {display:inline-block; width:200px; padding:15px 0; background:#f5f3f3; font-size:12px; color:black; border:1px solid #eeeeee; border-width:0 1px 1px 1px; transition: all .2s; border-radius:0 0 15px 15px;} .scrlt_more a:hover {background:#fafafa; transition: all .2s;} /* 검색창 첫페이지 */ .search_first {display:inline-block; width:100%;} .search_first .pos {display:inline-block; width:100%; padding:90px 0; } .search_first .pos p {float:left; text-align:center; width:100%; font-size:15px; line-height:180%;} .search_first .pos p span {margin-left:10px; font-size:13px;} /* 검색결과 탭 */ #scr_tmn {display:inline-block; width:100%; text-align:center; margin:70px 0 50px 0; } #scr_tmn ul{ display:inline-block; width:1260px; margin:0; } #scr_tmn ul li{float:left; width:20%; padding:25px 0; font-size:15px; background:#999999;cursor:pointer; color:rgba(255,255,255,0.7);transition:all .2s; } #scr_tmn ul li:hover {color:white;transition:all .2s;} #scr_tmn .sel { color:white; font-weight:bold; background:#b90719;} #scr_tmn .hd { } /* 검색창 결과 / 게시판결과 */ ol.scrlt_board {display:inline-block; width:100%;} ol.scrlt_board li {float:left; width:100%; padding:35px 35px; border:1px dashed #eeeeee; border-width:1px 0; margin-top:-1px; transition:all .2s;} ol.scrlt_board li:hover {background:#fafafa; transition:all .2s;} ol.scrlt_board li .pic {float:left; width:150px;} ol.scrlt_board li .pic:after {content:""; display:block; padding-top:100%;} ol.scrlt_board li .pic img {width:100%; } ol.scrlt_board li .txbx {float:left; text-align:left;} ol.scrlt_board li .txbx.wbs1 {width:calc(100% - 150px); padding:0 0 0 30px;} ol.scrlt_board li .txbx.wbs2 {width:100%;} ol.scrlt_board li .txbx .dfinfo {float:left; width:100%;} ol.scrlt_board li .txbx .type a {float:left; width:auto; padding:2px 10px; background:#b90719; color:white; margin-bottom:10px; transition:all .2s;} ol.scrlt_board li .txbx h3 a {float:left; width:100%; font-size:15px; padding-bottom:10px; color:black;/*text-overflow: ellipsis; white-space: nowrap; overflow:hidden;*/ transition:all .2s;} ol.scrlt_board li .txbx p a {float:left; width:100%; line-height:160%; color:rgba(0,0,0,0.7); font-size:13px; padding-bottom:15px; transition:all .2s;} ol.scrlt_board li .txbx .name {float:left; font-size:12px;padding-right:10px;} ol.scrlt_board li .txbx .date {float:left; font-size:12px;} /* 검색창 결과 / 이미지결과 */ .scrlt_photo {display:inline-block; width:100%;} .scrlt_photo ol.photo_list {float:left; width:100%; padding:25px 0; border:1px solid #eeeeee; border-width:1px 0; margin-top:-1px; font-size:0; text-align:left;} .scrlt_photo ol.photo_list li {display:inline-block; width:25%;padding:20px; text-align:left; border:1px solid transparent; vertical-align:top;} .scrlt_photo ol.photo_list li:hover {} .scrlt_photo ol.photo_list li .type {position:relative; top:0; left:0; width:100%; height:0; } .scrlt_photo ol.photo_list li .type .bx a {position:absolute; width:auto; padding:3px 10px; background:#b90719; color:white; font-size:12px;} .scrlt_photo ol.photo_list li .pic {float:left; width:100%;} .scrlt_photo ol.photo_list li .pic:after {content:""; display:block; padding-top:100%;} .scrlt_photo ol.photo_list li .pic img {width:100%; } .scrlt_photo ol.photo_list li h3 a {float:left;width:100%; font-size:15px; padding:20px 0 10px 0; color:black; line-height:140%;/*text-overflow: ellipsis; white-space: nowrap; overflow:hidden;*/} .scrlt_photo ol.photo_list li p a {float:left; width:100%; line-height:160%; color:black; opacity:0.7; font-size:13px; padding-bottom:15px;} .scrlt_photo ol.photo_list li .name {float:left; font-size:12px;} .scrlt_photo ol.photo_list li .date {float:left;width:100%; font-size:12px;} .scrlt_photo ol.photo_list li .etc_info {float:left;width:100%; } .scrlt_photo ol.photo_list li .ei_set {float:left;width:100%; font-size:0; padding:2px 0;} .scrlt_photo ol.photo_list li .ei_set .es_tt {display:inline-block; vertical-align:top; width:70px; font-size:12px; line-height:150%; color:rgba(0,0,0,0.6);} .scrlt_photo ol.photo_list li .ei_set .es_tt:before {content:"ㆍ";} .scrlt_photo ol.photo_list li .ei_set .ex_con {display:inline-block; vertical-align:top; width:calc(100% - 70px); font-size:12px; line-height:150%;} .scrlt_photo ol.photo_list li.scrlt_none {width:100%; text-align:center;} /**/ /* ////////////////// 특정상태에서만 쓰임 / PC 혹은 모바일 //////////////// */ /* 탑로그인 - pc .user_login {float:left; width:100%; border-left:0px solid #eeeeee;} .user_login ul {margin: 0; padding: 0; font-size:0;} .user_login ul li {display:inline-block; vertical-align:middle;} .user_login ul li.ul_spc {margin-left:30px;} .user_login ul li a {float: left; text-align:center; padding:0 12px;color:rgba(255,255,255,0.7); font-size:13px; line-height:100%; transition:all .2s;} .user_login ul li a.sns {font-size:30px; padding:0 5px; color:white;} .user_login ul li a .memo {position:absolute; top:-18px; right:0; width:20px; height:20px; border-radius:100%; line-height:20px; background:orange; color:white; font-family:tahoma; font-size:11px;} .user_login ul li a .part_cmd {position:absolute; top:-18px; right:-5px; width:20px; height:20px; border-radius:100%; padding-top:4px; line-height:20px; background:#ff0757; color:white; font-size:18px; overflow:hidden;} .user_login ul li a .cog {position:absolute; top:-18px; right:0px; width:20px; height:20px; border-radius:100%; padding-top:4px; line-height:20px; background:#ff0757; color:white; font-size:12px; overflow:hidden;} .user_login ul li.partner_join {position:fixed; bottom:20px; right:20px; z-index:21;padding:0; } .user_login ul li.partner_join .box_btn {position:absolute; top:-10px; right:-10px; border-radius:100%; color:black; background:#f5f3f3; border:1px solid #dddddd; width:25px; height:25px; cursor:pointer;font-size:13px; padding-top:6px; text-align:center;} .user_login ul li.partner_join .pt_move {display:inline-block; width:140px; height:140px; padding:30px 0 0 0; border-radius:10px; text-align:center; background:var(--main-color); transition:all .2s;} .user_login ul li.partner_join .pt_move:hover {background:#5e108e; transition:all .2s;} .user_login ul li.partner_join a {width:100%; padding:0;} .user_login ul li.partner_join .oc_sym {float:left; width:100%; } .user_login ul li.partner_join .oc_tit {float:left; width:100%;font-size:13px; line-height:130%; color:white;padding:12px 0 0 0;} */ #navi_head.top2 .user_login ul li a {color:black;} #navi_head.top2 .user_login ul li a.sns {color:black;} /* 탑로그인 - pc / 파트너 동선 레이어*/ .partner_mask {display: none; position: fixed; width: 100%; height: 100%; top:0; left:0;z-index:30000; background:rgba(0,0,0,0.6); } .mypartner_menu {position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width: 400px; height: 651px; text-align: left; z-index:301; border-radius:0 25px 25px 25px; background:white; overflow:hidden;} .mypartner_menu .exit {position: absolute; right:15px; top:15px; width:40px; height:40px; padding-top:10px; font-size:20px; color:black; text-align: center; cursor: pointer; border-radius:100%;transition:all .2s;} .mypartner_menu .exit:hover {transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transition:all .2s;} .mypartner_menu .pic_logo {display:inline-block; width:100%; padding:40px; text-align:center;} .mypartner_menu .pt_hdbx {display:inline-block; width:100%; padding:40px; text-align:left; background:#f5f3f3; border-top:1px solid #eeeeee;} .mypartner_menu .pt_hdbx h2 {display:inline-block; width:100%; font-family:Pretendard, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; line-height:100%; } .mypartner_menu .pt_hdbx p {float:left; width:100%; font-size:13px; color:rgba(0,0,0,0.7); padding-top:15px;} .mypartner_menu ul.pt_gb {display:inline-block; width:100%; padding:0; font-size:0; border-top:1px solid #eeeeee;} .mypartner_menu ul.pt_gb li {display:inline-block; text-align:left; width:50%; height:150px; border:1px solid #eeeeee; transition:all .2s;} .mypartner_menu ul.pt_gb li:nth-child(even) {border-width:0px 0px 1px 0px;} .mypartner_menu ul.pt_gb li:nth-child(odd) {border-width:0px 1px 1px 0px;} .mypartner_menu ul.pt_gb li a {display:block; padding:42px 0; text-align:center; color:black; position:relative; top:0; left:0; width:100%; height:100%; font-size:15px; transition:all .2s;} .mypartner_menu ul.pt_gb li a i {font-size:35px; display:inline-block; width:100%; padding-bottom:15px;} .mypartner_menu ul.pt_gb li:hover {background:#fafafa; transition:all .2s;} .mypartner_menu ul.pt_gb li:hover a {color:#da5555; transition:all .2s;} .mypartner_menu ul.pt_gb li:hover a i {color:#da5555; transition:all .2s;} .partner_block {float:left; width:100%;background:#004c82; } .partner_block h2 {float:left; width:100%; font-size:15px; color:white; line-height:120%; padding:30px 30px 10px 30px;} .partner_block p {float:left; width:100%; font-size:11px; color:rgba(255,255,255,0.7); line-height:130%; padding:0 30px 20px 30px;} .partner_block ul.partner_user {float:left; width:100%; font-size:0; padding:0 25px 25px 25px;} .partner_block ul.partner_user li {display:inline-block; vertical-align:top; text-align:center; width:calc(50% - 2px); margin:1px; border:0px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.2); border-radius:3px;} .partner_block ul.partner_user li.join {width:100%; margin:0px; background:#3396ff; border-radius:35px;} .partner_block ul.partner_user li a {display:block; width:100%; padding:12px 0; color:white; font-size:11px;} .partner_block ul.partner_user li a.go {padding:20px 0; color:white; font-size:13px;} /* 나의예약리스트2 */ ol.my_rsv_list {float:left; width:100%; } ol.my_rsv_list li {float:left; width:100%; padding:50px; text-align:left; border:1px solid #eeeeee; background:#fafafa; margin-bottom:15px; transition:all .3s; position:relative;} ol.my_rsv_list li .print_bx {position:absolute; top:30px; right:30px; font-size:0;} ol.my_rsv_list li .print_bx .pk_array {display:inline-block; vertical-align:middle; padding-left:5px;} ol.my_rsv_list li .print_bx .pk_array input {border:0; color:white; padding:10px; width:100px; text-align:center; border-radius:3px; cursor:pointer;} ol.my_rsv_list li .print_bx .pk_array.pk1 input {background:#d80032; } ol.my_rsv_list li .print_bx .pk_array.pk2 input {background:#0075ef; } ol.my_rsv_list li:hover {background:white; transition:all .3s;} ol.my_rsv_list li:last-child {margin:0;} ol.my_rsv_list li.none {padding:50px 0; text-align:center; font-size:12px;} ol.my_rsv_list li .wrp1 {float:left; width:100%; padding-bottom:30px; } ol.my_rsv_list li .wrp2 {float:left; width:100%; padding:0 0 0 0px; } ol.my_rsv_list li .wrp2 .blk1 {float:left; width:100%; padding:0 15px;} ol.my_rsv_list li .wrp2 .blk2 {float:left; width:100%; border:1px solid #eeeeee; border-width:1px 0 0 0; padding:15px 15px 0 15px; margin:15px 0 0 0;} ol.my_rsv_list li .sb_grp {float:left; width:100%; } ol.my_rsv_list li .sb_grp .subj {float:left; width:100%; font-family:Pretendard, sans-serif; font-weight:500; color:black; font-size:20px; line-height:110%; letter-spacing:-0.05em;} ol.my_rsv_list li .sb_grp .subj span {color:red;} ol.my_rsv_list li .sb_grp .subj a {color:black;} ol.my_rsv_list li .sb_grp .subj a:hover {color:red;} ol.my_rsv_list li .sb_grp .req_num {float:left; width:100%; padding:15px 0 0 5px; font-size:13px; color:red; font-weight:bold;} ol.my_rsv_list li .sb_grp .req_num:before {content:"수험번호"; color:black; display:inline-block; padding-right:10px; font-weight:normal;} ol.my_rsv_list li .set {float:left; width:50%; padding:3px 0;} ol.my_rsv_list li .set .tit {float:left; width:100px; font-size:13px; color:rgba(0,0,0,0.7);} ol.my_rsv_list li .set .tit:before {content:"ㆍ ";} ol.my_rsv_list li .set .txt {float:left; width:calc(100% - 100px); font-size:13px; color:black;} ol.my_rsv_list li .set .txt span {color:red;} ol.my_rsv_list li .set .txt span.tnm {color:black; position:relative;} ol.my_rsv_list li .set .txt span.tnm .t_pic {position:absolute; top:-5px; right:-40px; width:25px; border-radius:100%; overflow:hidden;} ol.my_rsv_list li .set .txt span.tnm .t_pic:after {content:""; display:block; padding-top:100%; } ol.my_rsv_list li .set .txt a {color:black;} ol.my_rsv_list li .set .txt a:hover {color:red;} /* 팝업창 */ .util_pop {border:0px solid #9d9d9d;} .util_pop .box {height:40px; background:#001d37; border-top-left-radius:5px; line-height:100%; } .util_pop .box .close {position:relative; width:100%; height:0px;} .util_pop .box .close .pos {position:absolute; top:-10px; right:-10px;color:white; font-size:11px; line-height:100%;} .util_pop .box .close .pos .btn {height:30px; width:30px; text-align:center; cursor:pointer; color:white; background:#c70940; font-size:15px; padding-top:7px; border-radius:100%;} .util_pop .box .head {float:left; width:100%; cursor:move;color:white; padding:13px 0px 0px 10px; font-size:11px; text-overflow: ellipsis; white-space: nowrap; text-align:left;} .util_pop .box .head .sname {float:left; width:80px; padding:1px 0 0 7px; font-family:Pretendard, sans-serif; font-weight:500; font-size:12px; opacity:0.7;} .util_pop .box .head .pname {float:left; width:auto; padding:1px 10px 0 0; font-family:Pretendard, sans-serif; font-weight:500; font-size:12px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .util_pop .box .content {position:relative;overflow:hidden; background:#ffffff; text-align:left;} .util_pop .btm {padding:12px 0px; text-align:center; background:#eeeeee; font-size:11px; line-height:100%; color:rgba(0,0,0,0.7); border-bottom-left-radius:5px; border-bottom-right-radius:5px;} .util_pop .btm .txt {padding-top:4px;} /* 로그인-회원가입 기본 레이아웃 */ @media screen and (max-width: 900px){ .member_header {height:120px; } .member_header .mh_pos .mb_log {background-size:auto 55%;} .member_footer {position:relative; padding:25px 0; } } @media screen and (max-width: 650px){ .bg_mem_color {background: #ffffff;} .member_header {height:55px; } .member_header .mh_pos .mb_log {background-size:auto 45%;} .member_footer {top:0;padding:10px 0; font-size:11px; display:none;} } /* 회원가입 스텝표시 */ @media screen and (max-width: 900px){ ol.step_box {padding:40px 30px; } ol.step_box li i {font-size:28px; } ol.step_box li p {padding:12px 0 5px 0; font-size:18px; } ol.step_box li span {font-size:11px;} } @media screen and (max-width: 650px){ ol.step_box {padding:25px 10px; background:#fff;border-width:1px 0; border-radius:0;} ol.step_box li i {font-size:25px; } ol.step_box li p {padding:8px 0 0px 0; font-size:13px; } ol.step_box li span {font-size:11px;} } /* 로그인영역 - 하단 SNS */ @media screen and (max-width: 650px){ ul.log_sns li {font-size:11px; padding:0 4px;} ul.log_sns li img {width:30px;} } /* 아이디, 비번찾기 선택 */ ul.find_info {float:left; width:100%; padding:40px 0 40px 0; font-size:0;} ul.find_info li {display:inline-block; width:45%; padding:0 5px;} ul.find_info li a {display:block; font-size:13px; color:white; width:100%; padding:20px 0; background:#461067; border-radius:5px;} ul.find_info li a.change {background:#0057b1;} @media screen and (max-width: 650px){ ul.find_info {padding:20px 0 10px 0;} ul.find_info li {width:49%; } ul.find_info li a {font-size:12px; padding:15px 0;} } /* 마이페이지 탭 */ @media screen and (max-width: 650px){ ul.my_info_nav {border-width:0; border-radius:0; margin-bottom:-1px; border-width:0 0px; border-bottom:1px solid white;} ul.my_info_nav li {padding:15px 0; font-size: 15px;} } /* 파트너회원 대표사진 별도 적용 */ @media screen and (max-width: 650px){ .user_pic_box .u_ifx .exp {font-size:12px; line-height:160%; padding:20px 0;} .user_pic_box .u_ifx .file_box .att {width:70px; } .user_pic_box .u_ifx .file_box .sz_i {width:calc(100% - 70px); padding:0 0 0 5px;} .user_pic_box .u_ifx .file_box .sz_i span {padding:0 10px 0 0;} } /* 쪽지함 메뉴 */ @media screen and (max-width: 1260px){ #user_memo {padding:80px 80px 0 80px;} .memo_msg {padding:25px 0 0 80px;} } @media screen and (max-width: 900px){ #user_memo {padding:50px 50px 0 50px;} #user_memo ul li {width:25%; } #user_memo ul li a {height:50px; line-height:50px;} #user_memo ul li.last {width:20%; margin:5px 0 0 0;} .memo_msg {padding:25px 0 0 50px;} } @media screen and (max-width: 650px){ #user_memo {padding:15px 15px 0 15px;} #user_memo ul li {width:30%; margin:0 5px -1px 0;} #user_memo ul li a {height:40px; line-height:40px; font-size:13px;} #user_memo ul li.last {width:25%; margin:0;} #user_memo ul li.last a.btn {height:35px; line-height:35px; font-size:12px; } .memo_msg {padding:20px 0 0 15px;} } /* 쪽지함 */ @media screen and (max-width: 1260px){ .memo_lbox {padding:30px 80px 80px 80px;} .memo_lbox .pos {padding-top:30px;} .memo_df_wrap ul.memo_grp li {width:calc(50% - 20px); margin:10px;} } @media screen and (max-width: 900px){ .memo_lbox {padding:30px 50px 50px 50px;} } @media screen and (max-width: 650px){ .memo_lbox {padding:15px 15px 15px 15px;} .memo_lbox .pos {padding-top:20px;} .memo_lbox .pos .cnt {font-size:12px; padding:0 0 0 0px;} .memo_df_wrap ul.memo_grp li {width:100%; margin:5px 0;} .memo_df_wrap ul.memo_grp li .is_pad {padding:12px 0;} .memo_df_wrap ul.memo_grp li .is_t {width:80px; font-size: 12px; padding-left:15px;} .memo_df_wrap ul.memo_grp li .is_c {width:calc(100% - 80px); font-size: 12px;} .memo_df_wrap ul.memo_grp li p {min-height:100px; line-height: 180%; font-size: 12px; padding: 20px;} } /* 메모검색 css */ @media screen and (max-width: 1260px){ .scr_memo {margin:0;} .scr_memo .frm {width:300px; } } @media screen and (max-width: 900px){ .scr_memo {} .scr_memo .s_pos select {height:40px;} .scr_memo .all {width:90px;} .scr_memo .frm {width:250px; } .scr_memo .btn_ar {width:80px;} .scr_memo .btn_all {height:40px;font-size:11px;} .scr_memo .sbox {height:40px;font-size:11px; text-align:left; transition:all .2s;} .scr_memo .sr_btn {height:40px;font-size:11px;} } @media screen and (max-width: 650px){ .scr_memo {padding:15px;} .scr_memo .s_pos {width:100%;} .scr_memo .all {width:60px; padding-left:3px;} .scr_memo .sel {width:80px; padding:0 3px 0 0;} .scr_memo .frm {width:calc(100% - 100px); } .scr_memo .btn_ar {width:40px;} .scr_memo .btn_all {font-size:10px; letter-spacing:-0.05em;} .scr_memo .sbox {font-size:10px; text-align:left; transition:all .2s; padding:0 10px;} .scr_memo .sr_btn {font-size:10px;} } /* 쪽지함내용보기 */ @media screen and (max-width: 1260px){ .memo_con_view {padding:80px; margin-bottom:30px;} .memo_con_view .mcv_wrp {width:100%;} } @media screen and (max-width: 900px){ .memo_con_view {padding:50px; margin-bottom:30px;} .memo_con_view .mcv_wrp {padding:50px;} } @media screen and (max-width: 650px){ .memo_con_view {padding:25px 15px 15px 15px; margin-bottom:0px;} .memo_con_view .mcv_wrp {padding:0px;border:0px solid #eeeeee; background:#ffffff; box-shadow:none;} .memo_con_view .mcv_wrp .del_pos span a {top:0px; right:0px; font-size:20px;} .memo_con_view h2 {padding:0 0 15px 0; font-size:15px; } ul.rcv_memo_info li {font-size:12px;} ul.rcv_memo_info li .m_tit {width:80px;} ul.rcv_memo_info li .m_pad {padding:10px;} ul.rcv_memo_info li .m_con {width: calc(100% - 80px);} ul.rcv_memo_info li .m_txt {padding:15px; font-size:13px; line-height: 170%;} ul.in_sd_list li a {width:100%; line-height:130%;} ul.in_sd_list li a .tu_info {width:100%; } ul.in_sd_list li a .tu_swrp {width:100%; } ul.in_sd_list li a i {top: 18px; right: 0;} ul.in_sd_list li a .t_nname {max-width:100px; width:auto; padding-right:10px;} .memo_icon a {max-width:350px; width: 100%; padding: 22px 0; margin-top: 15px; font-size: 13px;} } /* 쪽지함 / 보내기 */ @media screen and (max-width: 1260px){ .inc_memo_send {padding:80px;} } @media screen and (max-width: 900px){ .inc_memo_send {padding:50px;} } @media screen and (max-width: 650px){ .inc_memo_send {padding:15px;} .inc_memo_send .form {border-radius:0 0 15px 15px; } .inc_memo_send .form .head {padding:25px 0;} .inc_memo_send .form .head h2 {padding:0 0 0px 0; font-size:18px;} .inc_memo_send .form .head p {font-size:10px; display:none;} .inc_memo_send .form .fd_idbx {padding:20px;} .inc_memo_send .form .fd_idbx .f_exp {font-size:12px; line-height:180%;} .inc_memo_send .form .fd_idbx .f_btn i {top:-20px; right:-10px; font-size:25px; } .inc_memo_send .form ul.wrt {padding:15px;} .inc_memo_send .form ul.wrt li span {padding:17px 0 0 15px; font-size:12px;} .inc_memo_send .form ul.wrt li input {padding:0 15px 0 60px; font-size:12px;} .inc_memo_send .form ul.wrt li textarea {font-size:12px;} .inc_memo_send .form .btn .send {padding:25px 0; font-size:13px;} } /* 쪽지 보낸후 전송결과 레이어 */ @media screen and (max-width: 650px){ .box_real {width: 90%; height:400px; padding:50px; border-radius:0 35px 35px 35px; } .box_real .logo img {width:100px;} .box_real .con {padding:30px 0;} .box_real .con .ok {font-size:13px;} .box_real .con .fail_cnt {font-size:13px;} .box_real .con .fail_cnt .why {font-size:11px;} .box_real .con .fail_list {font-size:12px;} .box_real .cls_btn {padding:20px 0; font-size:13px; } } /* 친구관리 공통메뉴 */ @media screen and (max-width: 1260px){ ul.friend_menu {padding:80px 80px 0 80px; text-align:center;} ul.friend_menu li {width:20%; margin:0 5px -1px 0;} } @media screen and (max-width: 900px){ ul.friend_menu {padding:50px 48px 0 48px;} ul.friend_menu li {width:calc(25% - 2px); margin:0 1px -1px 1px; font-size:15px;} } @media screen and (max-width: 650px){ ul.friend_menu {padding:14px 13px 0 13px; border:0;} ul.friend_menu li {width:calc(50% - 2px); margin:1px; font-size:13px; line-height:45px;} ul.friend_menu li.on {border-bottom:1px solid #eeeeee;} } /* 친구관리 / index */ @media screen and (max-width: 1260px){ .friend_wrap {padding:50px 80px 80px 80px;} .friend_group {width:100%;} .freind_cate {width:100%; padding:30px 0 0 0; border-top:1px dashed #dddddd; margin-top:30px;} .freind_cate.full {border:0; margin:0;} } @media screen and (max-width: 900px){ .friend_wrap {padding:30px 50px 50px 50px;} } @media screen and (max-width: 650px){ .friend_wrap {padding:25px 0px 15px 0px;} .friend_wrap .hd_bx {padding:0 20px 15px 20px;} .friend_wrap .hd_bx h2 {padding:0 0 10px 0; font-size:18px; } .friend_wrap .hd_bx p {line-height:150%;font-size:12px;} .friend_wrap .fw_scbx {width:100%; padding:0 30px 20px 30px; border:0px solid #eeeeee; background:transparent; border-radius:0px;} .friend_wrap .fw_scbx .hd_sbx {padding-bottom:20px;} .friend_wrap .fw_scbx .hd_sbx h3 {padding:0 0 10px 0;font-size:18px;} .friend_wrap .fw_scbx .hd_sbx p {line-height:160%;font-size:12px;} .friend_wrap .fw_scbx .btn_bx {padding:10px 0 0 0;} .friend_wrap .freind_cate .rlt_sbx {padding:30px 20px 15px 20px; margin-top:15px;} .friend_wrap .freind_cate .rlt_sbx h4 {font-size:18px;} .friend_wrap .freind_cate .rlt_sbx p {font-size:12px; } .friend_group .frd_list_box {padding:15px; border:1px solid #eeeeee; border-top: 2px solid #eeeeee; border-width: 1px 0;} .friend_group ul.frd_set li {padding:2px 0;} .friend_group ul.frd_set li .ar_nmbx {width:calc(100% - 190px);} .friend_group ul.frd_set li .ar_chng {width:60px;} .friend_group ul.frd_set li .ar_ea {width:124px; margin:0 0 0 6px;} .friend_group ul.frd_set li .ar_ea .a_p {width:65px; } .friend_group ul.frd_set li .ar_ea .a_b {font-size:12px;} .friend_group ul.frd_set li .ar_ea.total {width:190px; } .freind_cate {padding:30px 0 0 0; border-top:0px dashed #dddddd; margin-top:0px;} .freind_cate ul.ch_f_list li {padding:12px 20px;} .freind_cate ul.ch_f_list li.li_tit {padding:15px 20px;} .freind_cate ul.ch_f_list li .chk {width:50px;} .freind_cate ul.ch_f_list li .name {width:60px; font-size:12px; padding:0;} .freind_cate ul.ch_f_list li .id {width:80px; font-size:12px; padding:0;} .freind_cate ul.ch_f_list li .date {width:calc(100% - 240px); font-size:13px; padding:0; line-height:130%;} .freind_cate ul.ch_f_list li span {font-family:tahoma; font-size:12px;} .freind_cate ul.ch_f_list li .group {display:none;} .freind_cate ul.ch_f_list li .mail {width:50px;} .freind_cate ul.frd_btn {padding:15px 0 0 0;} .freind_cate ul.frd_btn li {max-width:100px; width:20%; margin: 0 2px;} .freind_cate ul.frd_btn li input {height:35px; } } /* 나의예약리스트 */ @media screen and (max-width: 1260px){ .my_rsv_box {padding:80px; } .my_rsv_box .mr_head h2 {font-size:23px;} .my_rsv_box .mr_head p {font-size:13px;} .my_rsv_box ol.online_list li {width:calc(50% - 10px); padding:0px;} .my_rsv_box ul.online_info li {width:100% !important; } } @media screen and (max-width: 900px){ .my_rsv_box {padding:50px; } .my_rsv_box .mr_hdbx p {font-size:13px;} .my_rsv_box .mr_hdbx .msc_bx {padding:20px 0;margin:20px 0 30px 0;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx {width:100%;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx .sb1 {float:left; width:50%; padding:0 1px 0 0;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx .sb2 {float:left; width:50%; padding:0 0 0 1px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx {width:100%; padding:5px 0 0 0;} .my_rsv_box ol.online_list li {width:100%; padding:0;} } @media screen and (max-width: 650px){ .my_rsv_box {padding:0px 0 30px 0; } .my_rsv_box .mr_head {padding:30px 25px 0 25px;} .my_rsv_box .mr_head h2 {font-size:20px;} .my_rsv_box .mr_head p {font-size:12px;} .my_rsv_box .mr_hdbx .msc_bx {padding:25px;margin:20px 0; background:#fafafa;} .my_rsv_box .mr_hdbx .msc_bx .sel_bx select {height:40px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm {width:calc(100% - 140px); } .my_rsv_box .mr_hdbx .msc_bx .wd_bx .frm input {background:white; height:40px; padding:0 10px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .btn_ar {width:60px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .btn_ar .sr_btn {height:40px; font-size:12px; } .my_rsv_box .mr_hdbx .msc_bx .wd_bx .all {width:80px; padding-left:5px;} .my_rsv_box .mr_hdbx .msc_bx .wd_bx .all .btn_all {height:40px; font-size:12px;} .my_rsv_box .mr_hdbx p {padding:15px 25px 10px 25px; font-size:12px;} .my_rsv_box ol.online_list li h3 {font-size:18px; } .my_rsv_box ol.online_list li {padding:0; margin:0;border:1px solid #eeeeee; border-width:7px 0 1px 0;} .my_rsv_box ol.online_list li a {width:100%; padding:30px; } .my_rsv_box ul.online_info li {border-width:0; padding:3px 0; font-size:12px;} } /* 검색창 폼박스 */ @media screen and (max-width:1260px){ .search_fmbox {padding:80px; } .search_fmbox .pos {max-width:800px; width:100%;} .search_fmbox .pos .box h2 {padding:0 0 15px 8px; font-size:25px; } .search_fmbox .pos .box p {padding:0 0 15px 10px; font-size:13px;} .search_fmbox .pos .box ul.ipbx li.ip input {font-size:15px;} .search_fmbox .pos .box ul.ipbx li.rescr {padding:20px 0 0 10px; font-size:15px;} .search_fmbox .pos .box ul.ipbx li.retxt {padding:24px 0 0 15px; font-size:12px;} } @media screen and (max-width:900px){ .search_fmbox {padding:50px;} .search_fmbox .pos .box h2 {padding:0 0 10px 3px; font-size:20px; } .search_fmbox .pos .box p {padding:0 0 15px 5px; font-size:12px; letter-spacing:-0.05em;} .search_fmbox .pos .box ul.ipbx li.ip input {font-size:13px; } .search_fmbox .pos .box ul.ipbx li.rescr {padding:20px 0 0 10px; font-size:13px;} .search_fmbox .pos .box ul.ipbx li.retxt {padding:20px 0 0 15px; font-size:11px;} } @media screen and (max-width:650px){ .search_fmbox {padding:30px;} .search_fmbox .pos .box h2 {padding:0 0 8px 0; font-size:15px; } .search_fmbox .pos .box p {padding:0 0 10px 0; font-size:10px; line-height:160%;} .search_fmbox .pos .box ul.ipbx li.rescr {padding:15px 0 0 0; font-size:11px; width:100%;} .search_fmbox .pos .box ul.ipbx li.retxt {display:none;} .search_fmbox .pos .box ul.ipbx li.ip {width:calc(100% - 70px);} .search_fmbox .pos .box ul.ipbx li.ip input {height:40px; padding:10px;font-size:12px; } .search_fmbox .pos .box ul.ipbx li.btn {width:70px;} .search_fmbox .pos .box ul.ipbx li.btn .sc {height:40px;font-size:12px;} } /* 검색창 결과 / 레이아웃, 타이틀, 더보기 */ @media screen and (max-width:1260px){ .search_rlt_bd:last-child {margin-bottom:80px;} .search_rlt_bd .pos {width:calc(100% - 160px); padding:50px 30px;} .search_rlt_bd .pos h2 {font-size:18px; padding:0 0 15px 15px;} .search_rlt_bd .pos h2 span {font-size:14px;} } @media screen and (max-width:900px){ .search_rlt_bd:last-child { margin-bottom:50px; } .search_rlt_bd .pos {width:calc(100% - 100px); padding:40px 20px; } .scrlt_none {font-size:12px; } } @media screen and (max-width:650px){ .scbox_rlt_tt {font-size:13px; padding:30px 0 10px 0px;} .scbox_rlt_tt span {font-size:12px;} .search_rlt_bd {margin:0px;} .search_rlt_bd:last-child {margin-bottom:0px;} .search_rlt_bd .pos {width:100%; padding:20px; border-radius:0px; border-width:6px 0 1px 0;} .search_rlt_bd .pos:last-child {border-width:0;} .search_rlt_bd .pos h2 {font-size:15px; padding:0 0 10px 0px;} .search_rlt_bd .pos h2 span {font-size:12px;} .scrlt_none {font-size:11px; } .scrlt_more a {padding:13px 0; font-size:11px; border-radius:0 0 10px 10px;} } /* 검색창 첫페이지 */ @media screen and (max-width:900px){ .search_first {width:100%; padding:0 50px;} .search_first .pos {width:100%; padding:40px 0 10px 0; } .search_first .pos p {font-size:13px; line-height:160%; letter-spacing:-0.05em;} .search_first .pos p span {margin-left:10px; font-size:12px;} } @media screen and (max-width:650px){ .search_first {width:100%; padding:0 30px;} .search_first .pos {width:100%; padding:30px 0 10px 0; } .search_first .pos p {font-size:11px;} .search_first .pos p span {margin-left:5px; font-size:10px;} } /* 검색결과 탭 */ @media screen and (max-width:1260px){ #scr_tmn {padding:50px 80px 30px 80px; width:100%; margin:0;} #scr_tmn ul{ width:100%; } #scr_tmn ul li{padding:20px 0; font-size:13px; } } @media screen and (max-width:900px){ #scr_tmn {padding:50px 50px 30px 50px;} #scr_tmn ul li{ padding:15px 0; } #scr_tmn .hd {display:none;} } @media screen and (max-width:650px){ #scr_tmn {padding:15px; background:#fafafa; border-bottom:1px solid #eeeeee;} #scr_tmn ul li{ padding:10px 0; font-size:11px; } } /* 검색창 결과 / 게시판결과 */ @media screen and (max-width:1260px){ ol.scrlt_board li {padding:30px 30px;} ol.scrlt_board li .pic {width:140px;} ol.scrlt_board li .txbx.wbs1 {width:calc(100% - 140px); padding:0 0 0 30px;} } @media screen and (max-width:900px){ ol.scrlt_board li {padding:20px 20px;} ol.scrlt_board li .pic {width:120px;} ol.scrlt_board li .txbx.wbs1 {width:calc(100% - 120px); padding:0 0 0 20px;} ol.scrlt_board li .txbx .type {padding:0; margin-bottom:10px; font-size:11px;} } @media screen and (max-width:650px){ ol.scrlt_board li {padding:20px 0px;} ol.scrlt_board li .pic {width:100%; display:none;} ol.scrlt_board li .txbx.wbs1 {width:100%; padding:0 0 0 0px;} ol.scrlt_board li .txbx .type {margin-bottom:5px; font-size:10px;} ol.scrlt_board li .txbx h3 a {font-size:13px; padding-bottom:5px; } ol.scrlt_board li .txbx p a {line-height:150%; font-size:12px; padding-bottom:5px;} ol.scrlt_board li .txbx .name {font-size:11px;} ol.scrlt_board li .txbx .date {font-size:10px;} } /* 검색창 결과 / 이미지결과 */ @media screen and (max-width:1260px){ .scrlt_photo ol.photo_list li {width:33.33333%;} } @media screen and (max-width:900px){ .scrlt_photo ol.photo_list {padding:25px 0px;} .scrlt_photo ol.photo_list li {width:50%;} .scrlt_photo ol.photo_list li .type .bx a{padding:2px 10px; margin-bottom:10px; font-size:11px;} .scrlt_photo ol.photo_list li h3 a {font-size:13px; padding:15px 0 5px 0; } .scrlt_photo ol.photo_list li p a {font-size:12px; padding:5px 0 5px 0; } .scrlt_photo ol.photo_list li .date {font-size:11px;} .scrlt_photo ol.photo_list li .etc_info {padding-top:10px;} } @media screen and (max-width:650px){ .scrlt_photo ol.photo_list {padding:10px 0;} .scrlt_photo ol.photo_list li {width:100%; padding:10px 0;} .scrlt_photo ol.photo_list li h3 {font-size:12px; padding:15px 0 0px 0; } .scrlt_photo ol.photo_list li p {font-size:11px; line-height:150%; } .scrlt_photo ol.photo_list li .date {font-size:10px;} } /* 나의예약리스트2 */ @media screen and (max-width: 1260px){ ol.my_rsv_list li {padding:40px 30px;margin-bottom:10px;} ol.my_rsv_list li .print_bx {display:none;} } @media screen and (max-width: 900px){ ol.my_rsv_list li {padding:30px;} ol.my_rsv_list li .wrp2 {padding:0 0 0 0px; } ol.my_rsv_list li .no {width:65px; font-size:15px;} ol.my_rsv_list li .sb_grp {width:calc(100% - 65px); } ol.my_rsv_list li .sb_grp .subj {font-size:18px; } ol.my_rsv_list li .set {padding:3px 0; width:100%;} ol.my_rsv_list li .set .tit {width:90px; font-size:12px;} ol.my_rsv_list li .set .txt {width:calc(100% - 90px); font-size:12px;} } @media screen and (max-width: 650px){ ol.my_rsv_list li {border:1px solid #eeeeee; border-width:0 0 1px 0; margin-bottom:0;padding:25px; transition:all .3s;} ol.my_rsv_list li:first-child {border-width: 1px 0; } ol.my_rsv_list li:nth-child(even) {background:#ffffff !important; } ol.my_rsv_list li:nth-child(odd) {background:#fafafa !important; } ol.my_rsv_list li .print_bx {top:15px; right:15px; } ol.my_rsv_list li .print_bx .pk_array input {padding:5px 10px; font-size:10px; width:auto; } ol.my_rsv_list li .wrp1 {padding-bottom:10px; } ol.my_rsv_list li .no {width:40px; font-size:12px;} ol.my_rsv_list li .sb_grp {width:calc(100% - 40px); } ol.my_rsv_list li .sb_grp .subj {font-size:15px; } ol.my_rsv_list li .sb_grp .req_num {padding-top:10px; font-size:12px;} ol.my_rsv_list li .set {padding:1px 0;} ol.my_rsv_list li .set .tit {width:80px; font-size:11px;} ol.my_rsv_list li .set .txt {width:calc(100% - 80px); font-size:11px;} }