/* @import url(/layout/css/style.css); */ /* 공통 / 로고 */ .logo_title {float:left; width:100%; text-align:center; margin-bottom:20px;} .logo_title .logo {float:left; width:100%;} .logo_title .logo img {} .logo_title .name {float:left; width:100%; font-family:Noto Sans KR, 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;} .home_fix {position:fixed; top:20px; right:20px; background:rgba(0,0,0,0.5); color:white; width:30px; height:30px; text-align:center; line-height:30px; font-size:10px; border-radius:100%;} /* 공통 / 하단메뉴 */ .mbtm_menu {float:left; width:100%; padding:10px 0; border-bottom:1px solid #eeeeee;} .mbtm_menu .btn {display:inline-block; padding:10px 10px; font-size:11px; color:black; border:0px solid red;} .mbtm_menu .btn:hover {color:red;} /* 공통 / 카피 */ .mbtm_copy {float:left; width:100%; padding-top:30px; font-family:tahoma; font-size:11px;} .mbtm_copy span {font-family:NanumBarunGothic, sans-serif; letter-spacing:-0.05em; margin:0 5px; color:black;} /* 공통 / sns */ .mbtm_sns {float:left; width:100%; padding-top:30px; font-size:0;} .mbtm_sns .icon {display:inline-block; padding:0 5px;} .mbtm_sns .icon img {height:35px;} /* 공통 / 버튼,폼박스 */ .btn_df {width:100%; height:70px; padding:0 10px; border:0px; background:#bf1d2d; font-size:13px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .btn_df:hover {background:#9f0c1b; transition:all .2s;} .btn_df_chk {width:100%; height:50px; padding:0 10px; background:#959595; border:0; font-size:11px; font-weight:bold; text-align:center; color:white; cursor:pointer; transition:all .2s;} .btn_df_chk:hover {background:#535353; transition:all .2s;} .btn_df_chk2 {padding:10px; border:0px; background:#006ddc; font-size:11px; text-align:center; color:white; cursor:pointer; line-height:100%; transition:all .2s; border-radius:2px;} .btn_df_chk2:hover {background:#0161c3; transition:all .2s;} .fmbx_df {width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .fmbx_df:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .fmbx_df_log {width:100%; height:50px; padding:0 15px 0 100px; border:1px solid #f1f1f1; border-width:1px;background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .fmbx_df_log:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .fmbx_df_n {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .fmbx_df_n:focus {outline:none; background-color: white !important; border:1px solid #dddddd !important; transition:all .2s;} .fmbx_df_n::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .fmbx_df_n_add {width:100%; height:35px; padding:0 15px; border:0px solid #f1f1f1; background:#404040; font-size:11px; text-align:center; border-radius:3px 3px 0 0; color:white !important;cursor:pointer; transition:all .2s;} .fmbx_df_n_add:hover {background:#535353; transition:all .2s;} .fmbx_df_n_add::placeholder {color: white; font-size:11px;} .fmbx_df2 {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .fmbx_df2:focus {outline:none; background-color: white !important; border:1px solid #2d2d2d !important; transition:all .2s;} .fmbx_df_add {width:100px; height:35px; padding:0 15px; border:1px solid #6d8dae; background:#e8f3ff; font-size:11px; text-align:center; cursor:pointer; color:black;} .fmbx_df_adr {width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; border-width:1px;background:white; font-size:13px; text-align:left;} .fmbx_df_ro {width:100%; height:50px; padding:0 15px; border:1px solid #ACACAC; background:#BEBEBE; font-size:13px; text-align:left; color:white;} .fmbx_df_c {width:100%; height:50px; padding:0 15px; border:1px solid #005db3; background:#e7f8ff; color:#00458b; font-size:12px; text-align:center;} .fmbx_pw1 {width:100%; height:50px; padding:0 15px; border:1px solid #b40004; background:#ffefef; font-size:12px; text-align:center;} .fmbx_pw2 {width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; background:#f2faff; font-size:12px; text-align:center;} .frm_reset {border:0px solid blue; background:transparent; padding:0 15px 0 100px;font-size:13px; font-weight:500; width:calc(100% - 80px);} .frm_reset2 {border:0px solid blue; background:transparent; font-size:13px; font-weight:500; width:calc(33.333% - 20px); height:48px; text-align:center;} .bx_clr1 {background:#fff7f7; border:1px solid #000000;} .bx_clr2 {background:#f6fbff; border:1px solid #dddddd;} /* 공통 / 로그인레이아웃 */ .m_layout {width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;text-align:center; display:table; background:#f5f3f3 url(/images/bg_login.jpg); background-size:cover;} .m_layout .pos {display:table-cell; vertical-align:middle; text-align:center;} /* 공통 / 높이값에 의한 적용을 하기에 옮기지 않는다 */ @media screen and (max-height: 750px){ .m_layout {position:relative; display:inline-block; background:white;} .m_layout .pos {display:inline-block; } } /* 로그인박스 */ .mbx {border:0px solid #dddddd; width:600px; padding:100px 90px;display:inline-block; background:white; border-radius:0 20px;} .mbx .stit {float:left; width:100%; text-align:left; margin:0px 0px; border-top:1px solid #eeeeee; padding:25px 0 15px 0;} .mbx .stit .stname {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; color:#0055ac; font-size:14px; line-height:110%; letter-spacing:-0.05em; padding-left:5px;} .mbx .stit .stex {float:left; margin-left:10px; font-size:12px;} /* .mbx .set .tt {display:none; float:left; width:100px; height:50px; padding:14px 0 0 20px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:12px; text-align:left; border:1px solid #eeeeee; border-width:1px 0 1px 1px; background:#fafafa;} .mbx .set .bx {float:left; width:100%;} .mbx .set .bx_s {float:left; width:calc(100% - 90px);} .mbx .set .bx_r {float:left; width:90px;} .mbx .set .tt {float:left; width:100px; height:50px; padding:14px 0 0 20px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:12px; text-align:left; border:1px solid #eeeeee; border-width:1px 0 1px 1px; background:#ffffff;} */ .mbx .set {float:left; width:100%; padding:5px 0;} .mbx .set .tt {position:relative; width:70px; height:0px; text-align:left; top:15px; left:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:12px; } .mbx .set .bx {float:left; width:100%} .mbx .set .bx_s {float:left; width:calc(100% - 70px);} .mbx .set .bx_r {float:left; width:70px;} .mbx .set_step {float:left; width:100%; font-family:Noto Sans KR, sans-serif; padding:10px 0; border:1px solid #eeeeee; border-width:0 0 1px 0;} .mbx .set_step .tt {float:left; width:100px; font-weight:400; color:black; font-size:12px; text-align:left; padding-left:15px;} .mbx .set_step .bx {float:left; width:calc(100% - 100px); text-align:left; font-weight:500;} .mbx .q_set {float:left; width:100%; font-family:Noto Sans KR, sans-serif; padding:40px 0; border:1px solid #eeeeee; border-width:0 0 1px 0;} .mbx .q_set .qst {float:left; width:100%; font-size:17px; font-weight:bold; color:black;} .mbx .q_set .asr_frm {float:left; width:100%; margin-top:20px;} .mbx .q_set .btn {float:left; width:100%; margin-top:20px; font-size:0;} .mbx .q_set .btn .step {display:inline-block; width:110px; padding:12px 0; border:0px; background:#0062b5; font-size:11px; text-align:center; color:white; cursor:pointer; margin:0 2px; border-radius:3px;} .mbx .q_set .btn .step:hover {background:#0055a4;} .mbx .rlt {float:left; width:100%; padding:50px 0 45px 0; font-family:Noto Sans KR, sans-serif; font-weight:500; color:red; font-size:15px; border-top:1px solid #eeeeee;} .mbx .rlt_can {float:left; width:100%; padding:50px 0 45px 0; color:black; border:1px solid #eeeeee; border-width:1px 0;} .mbx .rlt_can .info {float:left; width:100%; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:135%;} .mbx .rlt_can .info span {color:red; margin:0 5px;} .mbx .rlt_can .exp {float:left; width:100%; text-align:center; margin-top:15px; font-size:11px;} .mbx .rlt_can .exp a {font-weight:bold; color:red; } .mbx .rlt_can .ntc {float:left; width:100%; text-align:center; margin-top:25px; font-size:11px;} .mbx .rlt_can .pwd {float:left; max-width:500px; width:100%; text-align:center; margin-top:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black; padding:20px 0; background:#fafafa;} .mbx .btn_ar {float:left; width:100%; padding-top:8px;} /* 일반적인버튼위치 */ .mbx .rmb {float:left; width:100%; padding:20px 0; border-bottom:1px solid #eeeeee; } .mbx .sns {float:left; width:100%; padding:20px 0px;} .mbx .sns .grp {float:left; width:100%; padding:12px 0; height:55px; background:#007cc3; margin:5px 0; border-radius:5px;} .mbx .sns .grp .slogo {float:left; width:80px; text-align:center; } .mbx .sns .grp .slogo img {width:30px;} .mbx .sns .grp .sname {float:left;width:calc(100% - 80px); text-align:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; color:white; padding-top:5px;} /* 공통 / 회원가입 */ .m_join {float:left; width:100%; text-align:center; background:white; padding:0 15px;} .m_join .pos {display:inline-block; width:100%;} .jbx {width:1260px; display:inline-block; background:white;} .jbx .cont {float:left; width:100%;} .jbx .cont .spc {float:left; width:30px; border:1px solid transparent;} .jbx .cont .ykbx {float:left; width:calc(50% - 15px); text-align:left;} .jbx .cont .ykbx .tt {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; color:black; padding-left:5px; letter-spacing:-0.05em;} .jbx .cont .ykbx .tt span{color:red; font-size:11px; font-family: NanumBarunGothic, sans-serif; margin-left:8px; letter-spacing:0;} .jbx .cont .ykbx .chk {float:right; padding-right:5px; font-size:13px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; width:100px; text-align:right;} .jbx .cont .ykbx .rbx {float:left; width:100%;height:300px; padding:15px 30px; overflow-x:hidden;overflow-y:scroll;border:1px solid #eeeeee; margin-top:15px; background:#fafafa;} .jbx .cont .join {float:left; width:100%; background:#fafafa; border:1px solid #eeeeee; padding:50px;} .jbx .cont .join .stitle {float:left; width:100%; padding:30px 0 10px 20px; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; color:red; font-size:14px;} .jbx .cont .join .stitle2 {float:left; width:100%; padding:30px 0 10px 5px; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; color:red; font-size:14px;} .jbx .cont .join .info_set {float:left; width:100%; padding:5px 5px; text-align:left;} .jbx .cont .join .sp_wd {width:50%;} .jbx .cont .join .info_set .tt {position:relative; width:80px; height:0px; top:16px; left:15px;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:13px; color:black;} .jbx .cont .join .info_set .con_txt {float:left; width:100%; height:50px; border:1px solid #eeeeee; background:white; padding:17px 15px 17px 100px; font-size:13px;} .jbx .cont .join .info_set .con_txt span {color:red; margin-left:10px; float:right;} .jbx .cont .join .info_set .con {float:left; width:100%;} .jbx .cont .join .info_set .bx_clr1 {background:#fff7f7; border:1px solid #5e5e5e; font-weight:bold; color:black;} .jbx .cont .join .info_set .bx_clr2 {background:#f6fbff; border:1px solid #5e5e5e; font-weight:bold; color:black;} .jbx .cont .join .info_set .ttp {padding:17px 0 0 15px;} .jbx .cont .join .info_set .con .full {float:left; width:100%; margin:1px 0;} .jbx .cont .join .info_set .con .sbx {float:left; width:calc(100% - 110px);} .jbx .cont .join .info_set .con .sbx_ro {position:relative; width:100%; height:0px;} .jbx .cont .join .info_set .con .sbx_ro .pos {position:absolute; width:auto; color:red; font-size:11px; top:17px; right:15px;} .jbx .cont .join .info_set .con .sbx_ro .pos2 {position:absolute; width:auto; color:red; font-size:11px; top:10px; right:10px;} .jbx .cont .join .info_set .con .sbx_ro2 {float:left; width:100%; height:50px; border:1px solid #eeeeee; padding:2px 0 0 100px;background:#ffffff;} .jbx .cont .join .info_set .con .sbx_ro3 {float:left; width:100%; height:50px; border:1px solid #eeeeee; padding:15px 0 0 100px;background:#ffffff;} .jbx .cont .join .info_set .con .msg {float:left; width:110px; height:50px; padding:17px 0 0 5px; font-size:11px; text-align:center;} .jbx .cont .join .info_set .con .k1 {border:1px solid #F70000; border-width:1px 1px 1px 0; background:#FFF8F8; color:#FF0072;} .jbx .cont .join .info_set .con .lbx {float:left; width:33.3333%;} .jbx .cont .join .info_set .con .lbx .bx {float:left; width:calc(100% - 30px);} .jbx .cont .join .info_set .con .lbx .txt {float:left; width:30px; height:50px; padding:17px 0 0 0; border:1px solid #eeeeee; border-width:1px 1px 1px 0; background:white; text-align:center;} .jbx .cont .edbx {float:left; width:100%; font-family:Noto Sans KR, sans-serif; color:black; padding:50px 0;} .jbx .cont .edbx .ment {float:left; width:100%; font-size:20px; font-weight:500; margin-bottom:30px;} .jbx .cont .edbx .ment span {color:#0073bc;} .jbx .cont .edbx .grp {display:inline-block; max-width:500px; width:100%; text-align:left;} table.tb_end {width:100%; border-top:1px solid #eeeeee; border-collapse:collapse; text-align:center;} table.tb_end>tbody>tr>th {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 0px; vertical-align:middle; padding:12px 15px; background:#fafafa;font-family:Noto Sans KR, sans-serif; font-weight:400; letter-spacing:0em; font-size:13px; } table.tb_end>tbody>tr>td {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 1px; vertical-align:middle; padding:12px 10px 12px 25px; background:white; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:13px; text-align:left;} table.tb_end2 {width:100%; border-top:1px solid #eeeeee; border-collapse:collapse; text-align:center;} table.tb_end2>tbody>tr>th {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 0px; vertical-align:middle; padding:12px 15px; background:#fafafa;font-size:12px; text-align:left; width:110px;} table.tb_end2>tbody>tr>td {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 1px; vertical-align:middle; padding:12px 10px 12px 25px; background:white; font-size:12px; text-align:left;} .jbx .cont .edbx .btn {display:inline-block; max-width:500px; width:100%; text-align:center; margin-top:30px;} .jbx .cont .edbx .btn .ar {display:inline-block; width:40%; background:#0062b5; color:white; padding:15px 0; font-size:13px; cursor:pointer; margin:0 3px; border-radius:3px;} .jbx .cont .edbx .btn .ar:hover {background:#0268a8;} .jbx .htt {float:left; width:100%;font-size:17px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; padding:0px 0 15px 5px; letter-spacing:-0.05em; text-align:left;} .jbx .htt span {color:red; font-size:11px; font-family:normal; margin-left:8px;} .jbx .space {float:left; width:100%;height:50px;} .jbx .j_chk {float:left; width:100%; border:1px solid #eeeeee; background:#fafafa; padding:70px;} .jbx .j_chk .grp {display:inline-block; max-width:500px; width:100%; vertical-align:top; border:0px solid red;} .jbx .j_chk .grp .set {float:left; width:100%; padding:2px;} .jbx .j_chk .grp .set .tt {position:relative; width:70px; height:0px; text-align:left;top:15px; left:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:12px; } .jbx .j_chk .grp .set .bx {float:left; width:100%;} .jbx .btn {display:inline-block; max-width:450px; width:100%; margin-top:25px;} /* 회원사진변경 */ .user_pic_box { float:left;width:100%; text-align:center;} .user_info_dt {float:left; width:200px; background:rgba(255,255,255,0.1); padding:0;} .user_info_dt .user {float:left; width:100%;} .user_info_dt .user img {width:100%; height:auto; } #id_face_change_box {float:left; width:calc(100% - 200px); padding:0 0 0 60px; text-align:left;} #id_face_change_box .exp {float:left; width:100%; padding:10px 0 0 0; line-height:160%; font-size:13px;} #id_face_change_box .del {float:left; width:100%; padding:20px 0 0px 0; font-size:11px;} #id_face_change_box .cmd_mnt {float:left; width:100%; padding:10px 0 0px 0; font-size:11px;} #id_face_change_box .cmd_mnt span {color:red; margin-left:10px; font-weight:bold;} #id_face_change_box .up {float:left; width:100%; padding:20px 0 0 0;} #id_face_change_box .up input {border:0; background:#0078cf; color:white; width:100px; padding:10px 0; border-radius:3px; cursor:pointer;transition:all .2s; font-size:12px;} #id_face_change_box .up input:hover {background:#038cf0;transition:all .2s; } #id_face_change_box .att {float:left; width:100%; padding:20px 0 0 0;} #id_face_change_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; } #id_face_change_box .att .scbtn {float:left; width:100px; padding:10px 0; text-align:center; background:#595959;color:#ffffff; border-radius:3px; cursor:pointer;transition:all .2s; font-size:12px;} #id_face_change_box .att .scbtn:hover {background:#449414; transition:all .2s; } #id_face_change_box .att .atbx {float:left; width:100%; padding:15px; } #id_face_change_box .att .atbx input {width:100%; border:1px solid rgba(255,255,255,0.1); border-width:0 0 1px 0; background:transparent; height:20px; color:#005ea2; font-size:11px; text-align:center;} /* 패스워드변경 */ .pw_lay {float:left; width:100%; text-align:center; padding:0;} .pw_lay .box {display:inline-block; max-width:450px; width:100%;} .pw_lay .box .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:17px; padding:0px 0 15px 0; letter-spacing:-0.05em; text-align:left;} .pw_lay .box .spc {float:left; width:100%; height:40px;} .pw_lay .box .frm {float:left; width:100%; padding:2px 0;} .pw_lay .box .btn {float:left; width:100%; padding-top:20px;} /* 회원탈퇴 */ .uj_lay {float:left; width:100%; text-align:center; padding:0;} .uj_lay .box_ad {display:inline-block; max-width:450px; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:17px; padding:40px 0; letter-spacing:-0.05em; border:1px solid red;} .uj_lay .box {display:inline-block; max-width:450px; width:100%;} .uj_lay .box .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:17px; padding:0; letter-spacing:-0.05em; text-align:left;} .uj_lay .box .txt {float:left; width:100%; font-size:12px; padding:15px 0px; letter-spacing:-0.05em; text-align:left; color:red;} .uj_lay .box .frm {float:left; width:100%; padding-bottom:10px;;} .uj_lay .box .btn {float:left; width:100%;} /* 회원가입단계 */ .steptitle {display:inline-block; max-width:1260px; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:100%; color:black; margin-bottom:60px; text-align:center; border:1px solid #eeeeee; border-width:0 1px 0 0; letter-spacing:-0.05em;} .steptitle a {color:black;} .steptitle .stx {float:left; width:100%; font-size:11px; font-family: NanumBarunGothic, sans-serif; opacity:0.7; margin-top:3px; display:none;} .steptitle .on {float:left; width:33.3333333%; padding:25px 0; background:#f2faff; border:1px solid #eeeeee; border-width:1px 0 1px 1px; border-bottom:1px solid #02599d;} .steptitle .off {float:left; width:33.3333333%; padding:25px 0; background:#fafafa; border:1px solid #eeeeee; border-width:1px 0 1px 1px; color:rgba(0,0,0,0.4);} .steptitle .arr {position:relative; width:0; height:0; top:22px; left:-12px; font-size:25px;} /* 로그인 후 마이페이지탭메뉴 */ .my_tbx {float:left; width:100%; text-align:center; border:1px solid #eeeeee; border-width:0 0 0 0; letter-spacing:-0.05em; padding:0 0 40px 0; display:none;} .my_tbx .tab {display:inline-block; max-width:1260px; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; line-height:100%; color:black; text-align:center; border:1px solid #dddddd; border-width:0 1px 0 0; letter-spacing:-0.05em;} .my_tbx .tab a {color:black;} .my_tbx .tab .on {float:left; width:16.6666%; padding:25px 0; background:#f2faff; border:1px solid #eeeeee; border-width:1px 0 1px 1px; cursor:pointer;} .my_tbx .tab .off {float:left; width:16.6666%; padding:25px 0; background:#ffffff; border:1px solid #eeeeee; border-width:1px 0 1px 1px; cursor:pointer;} /* 약관/개인정보 */ .rule_box {width:100%; font-size:13px; line-height:180%; color:#949494;} .rule_box .big {font-size:18px; line-height:280%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black;} .rule_box .mid {font-size:15px; line-height:200%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:#5A5A5A;} /* 아이디중복관련 */ .st_ipsb {color:red;} .st_psb {color:#00B30D;} /* 여기부터 style_m2.css 로 분리함 /////////////////////////////////////////////// */ /* 사이트맵 */ .map_out_box {text-align:left; width:1260px; padding:120px 0; display:inline-block; font-size:0;} .map_out_box .icon {font-size:11px; margin-right:5px; opacity:0.6;} .map_out_box .inbox {display:inline-block; width:calc(20% - 10px); margin:5px; vertical-align:top; padding:20px; border:1px solid #eeeeee; background:#fafafa;} .map_out_box .mn {float:left; width:100%; text-align:left;} .map_out_box .sb1 {float:left; width:100%;} .map_out_box .sb1 a {font-size:16px; float:left; width:100%; padding:15px 0 15px 10%; color:black; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; } .map_out_box .sb1 a:hover {color:red;} .map_out_box .sb2 {float:left; width:100%; border:0px solid green; margin-top:10px;} .map_out_box .sb2 .nm2 {font-size:13px; padding:15px 0px 15px 12%; color:black; border-top:1px solid #eeeeee;} .map_out_box .sb2 .nm2:hover {color:red;} .map_out_box .sb3 {padding:10px 0 7px 15%; line-height:200%; border:1px solid #eeeeee; border-width:1px 0 0 0; font-size:11px; color:black; background:#fafafa;} .map_out_box .sb3 span {opacity:0.6;} .map_out_box .sb3:hover {color:red;} .map_out_box .sb4 {padding-left:40px; font-size:11px;} /* 로그인히스토리 / 탭메뉴 */ .his_head {display:inline-block; width:100%; font-size:0; border:0px solid red; padding-top:0px;} .his_head .sel {display:inline-block; width:200px; padding:15px 0; font-size:13px; color:white; margin:0 5px; border:0px; cursor:pointer; font-weight:bold; background:#0062b5;} .his_head .nor {display:inline-block; width:200px; padding:15px 0; font-size:13px; color:white; margin:0 5px; border:0px; cursor:pointer; font-weight:normal; background:#7c7c7c;} /* 로그인히스토리 / 기록 */ .his_bx_df {display:inline-block; width:100%; border:0px solid red; padding:40px 0 0 0; background:#ffffff;} .his_bx_df .fstory {display:inline-block; width:1260px;} .his_bx_df .fstory .tt {float:left; width:100%; margin-bottom:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; text-align:left; border:0px solid red;} .his_bx_df .fstory span {margin-left:10px; font-size:12px; font-family:NanumBarunGothic, sans-serif;} .his_bx_df .fstory .box {float:left; width:100%;} .his_bx_df .fstory .info {float:left; width:100%; margin-bottom:80px; border:1px solid #dddddd; background:#ffffff;} .his_bx_df .fstory .info .ss_cal {float:left; width:65%; text-align:center; border:1px solid #dddddd; border-width:0 1px 0 0;} .his_bx_df .fstory .info .ss_cal .set {display:inline-block; padding:40px 0 25px 0; background:white; width:100%;} .his_bx_df .fstory .info .ss_cal .set .btn_l {display:inline-block; padding:10px 30px 10px 0; color:black; cursor:pointer; font-size:13px;font-family:Noto Sans KR, sans-serif; font-weight:500;} .his_bx_df .fstory .info .ss_cal .set .curr_day {display:inline-block; padding:10px 20px; color:#0062b5; font-size:17px;font-family:Noto Sans KR, sans-serif; font-weight:500;} .his_bx_df .fstory .info .ss_cal .set .btn_r {display:inline-block; padding:10px 0 10px 30px; color:black; cursor:pointer; font-size:13px;font-family:Noto Sans KR, sans-serif; font-weight:500;} .his_bx_df .fstory .info .ss_cal .set .icon {opacity:0.6;} .his_bx_df .fstory .info .ss_cal .today {float:right; padding:8px 20px; background:#0062b5; color:white; border:0px solid #0062b5; cursor:pointer; border-radius:3px; margin:-35px 0 15px 0; font-size:12px;font-family:Noto Sans KR, sans-serif; font-weight:500;} .his_bx_df .fstory .info .ss_cal .day {float:left; width:100%;} .his_bx_df .fstory .info .ss_mm {float:left; width:calc(35% + 1px); border:1px solid #dddddd; border-width:0 0 0 1px; margin:0 0 0 -1px; padding:50px;} .his_bx_df .fstory .info .ss_mm .title {float:left; width:100%; font-size:17px;font-family:Noto Sans KR, sans-serif; font-weight:500; text-align:left; letter-spacing:-0.05em; margin-bottom:30px; color:black;} /* 로그인히스토리 / 달력 */ table.tb_cal {width:calc(100% + 1px); border:1px solid #dddddd; border-width:1px 0 1px 1px; border-collapse:collapse; text-align:center; margin:0 0 -1px -1px;} table.tb_cal>tbody>tr>th {border:none; border:0px solid #dddddd; border-width:0px 0px 1px 1px; vertical-align:middle; padding:15px 0; background:#fafafa;letter-spacing:0em; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:14px; color:black;} table.tb_cal>tbody>tr>th a {color:black;} table.tb_cal>tbody>tr>td {border:none; border:0px solid #dddddd; border-width:0px 0px 1px 1px; vertical-align:middle; padding:0px; letter-spacing:0em; font-size:12px; background:white;} table.tb_cal .no_day {background:#fafafa;} table.tb_cal .blk {float:left; width:100%; padding:10px;} table.tb_cal .blk:hover {background:#f1fbff;} table.tb_cal .blk .day_on {float:left; width:30px; height:30px; padding-top:5px; text-align:center; font-size:12px; background:#0062b5; color:white; font-family:Noto Sans KR, sans-serif; font-weight:500;} table.tb_cal .blk .day_off {float:left; width:30px; height:30px; padding-top:5px; text-align:center; font-size:12px; background:transparent; color:rgba(0,0,0,0.8);font-family:Noto Sans KR, sans-serif; font-weight:500;} table.tb_cal .blk .cnt_bg {color:red; float:right; width:auto; height:30px; padding-top:5px; text-align:right; font-size:13px;font-family:Noto Sans KR, sans-serif; font-weight:500;} /* 로그인히스토리 / 접속기록 */ table.tb_his {width:100%; border:1px solid #dddddd; border-collapse:collapse; text-align:center;} table.tb_his>tbody>tr>th {border:none; border:0px solid #dddddd; border-width:0px 0px 1px 1px; vertical-align:middle; padding:15px 15px; background:#fafafa;letter-spacing:0em; font-size:12px; color:black;font-family:Noto Sans KR, sans-serif; font-weight:500;} table.tb_his>tbody>tr>th a {color:black;} table.tb_his>tbody>tr>td {border:none; border:0px solid #dddddd; border-width:0px 0px 1px 1px; vertical-align:middle; padding:15px 10px; background:white;letter-spacing:0em; font-size:12px;font-family:Noto Sans KR, sans-serif; font-weight:500;} table.tb_his .spt_no {font-size:11px; font-family:arial; font-weight:normal;} table.tb_his .spt_txt {font-size:11px; } table.tb_his .brws {font-family:arial; font-weight:normal; opacity:0.5;} table.tb_his .hd {} table.tb_info {width:100%; border-right:0px solid #eeeeee; border-collapse:collapse; text-align:left;} table.tb_info>tbody>tr>th {border:none; border:0px solid #eeeeee; border-width:0px 0px 0px 0px; vertical-align:middle; padding:10px 0px; letter-spacing:0em; font-size:13px; color:rgba(0,0,0,0.8);font-family:Noto Sans KR, sans-serif; font-weight:500; text-align:left;} table.tb_info>tbody>tr>td {border:none; border:0px solid #eeeeee; border-width:0px 0px 0px 0px; vertical-align:middle; padding:10px 0px; letter-spacing:0em; font-size:13px; color:black;font-family:Noto Sans KR, sans-serif; font-weight:500;} table.tb_info .wd {width:140px;} /* 로그인히스토리 / 페이지 skip css */ .page_skip_his {display:inline-block; font-size:11px; letter-spacing:-0.05em; margin-top:30px; } .page_skip_his .pga {float:left; border:1px solid transparent; color:#000000; border-radius:0px; padding:7px; font-family:돋움;} .page_skip_his .pga:hover {color:#ef386c; } .page_skip_his .pgd {float:left; border:1px solid transparent; color:#8f8f8f; border-radius:0px; padding:7px; font-family:돋움;} .page_skip_his .hset {float:left; margin:0px 15px;} .page_skip_his .hot_pga {float:left; color:#898989; padding:7px 10px; border:1px solid transparent;} .page_skip_his .hot_pga:hover {color:#ef386c; } .page_skip_his .hot_pgs {float:left; color:#ef386c; padding:7px 15px; font-weight:bold; border:1px solid #e6e6e6; background:white;} /* 스케쥴관리 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */ /* 스케쥴관리 / 현재안씀 */ .scbx_ex {float:left; width:100%; border:0px solid red; padding:100px 0; background:#f5f3f3; border-bottom:1px solid #eeeeee; } .scbx_ex .pos {display:inline-block; width:1260px; } .scbx_ex .pos .tt {float:left; width:100%; margin-bottom:35px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:40px; letter-spacing:-0.05em; color:black; text-align:center; border:0px solid red;} .scbx_ex .pos .stt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:20px; letter-spacing:-0.05em; color:black; text-align:center; border:0px solid red;} @media screen and (max-width: 1260px){ .scbx_ex {padding:50px;} .scbx_ex .pos {width:100%; } .scbx_ex .pos .tt {margin-bottom:20px; font-size:30px;} .scbx_ex .pos .stt {font-size:15px;} } @media screen and (max-width: 900px){ .scbx_ex {padding:40px;} .scbx_ex .pos .tt {margin-bottom:10px; font-size:20px;} .scbx_ex .pos .stt {font-size:13px;} } @media screen and (max-width: 650px){ .scbx_ex {padding:30px 0 25px 0;;} .scbx_ex .pos .tt {margin-bottom:7px; font-size:18px;} .scbx_ex .pos .stt {font-size:11px;} } /* 스케쥴관리 / 날짜별스케쥴관리 / 달력 */ .scbx_df {float:left; width:100%; padding:100px 0; background:#fafafa; border-bottom:1px solid #eeeeee; } .scbx_df .today {display:inline-block; max-width:1260px; width:100%; background:white; border:1px solid #dddddd;} .scbx_df .today .dt_day {float:left; width:100%; margin-bottom:35px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; text-align:center; border:0px solid red;} .scbx_df .today .mini {float:left; width:50%;border:1px solid #e6e5e5; border-width:0 1px 0 0} .scbx_df .today .mini .txt_mv {float:left; width:100%; font-size:0; padding:45px 0 25px 0;} .scbx_df .today .mini .txt_mv .arr {display:inline-block; font-size:13px; color:black; } .scbx_df .today .mini .txt_mv .day {display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; letter-spacing:-0.05em; padding:0 20px; color:black;} .scbx_df .today .mini .cal {float:left; width:100%;} .scbx_df .today .mini .exp {float:left; width:100%;font-size:12px; letter-spacing:0em; padding:25px 0;} .scbx_df .today .dt_view {float:left; width:calc(50% + 1px); border:1px solid #e6e5e5; border-width:0 0 0 1px; text-align:left; margin-left:-1px;} .scbx_df .today .dt_view .day_list {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; letter-spacing:-0.05em; color:black; padding:50px 0 25px 50px; text-align:left;} .scbx_df .today .dt_view .icex {float:left; padding:0px 0 33px 50px; text-align:left; line-height:100%; width:100%; border-bottom:1px solid #eeeeee; margin-bottom:40px; font-size:12px;} .scbx_df .today .dt_view .icex .group {float:left; padding-right:15px;} .scbx_df .today .dt_view .icex .group .ic {float:left; padding-right:5px;} .scbx_df .today .dt_view .icex .group .ex {float:left;} .scbx_df .today .dt_view .memo {float:left; width:100%; background:white; padding:0 25px;} .scbx_df .today .dt_view .memo .blk {float:left; width:100%; border-bottom:0px solid #e6e5e5; padding:7px 30px;} .scbx_df .today .dt_view .memo .blk:hover {background:#fafafa;} .scbx_df .today .dt_view .memo .cont {float:left; color:black; margin-right:10px; color:#dd0000; font-size:12px;} .scbx_df .today .dt_view .memo .cont .time {float:left; text-align:left; width:70px;} .scbx_df .today .dt_view .memo .cont .text {float:left; text-align:left; } .scbx_df .today .dt_view .memo .asi_on {float:left; color:black; margin-right:10px; color:#dd0000; font-size:14px;} .scbx_df .today .dt_view .memo .asi_off {float:left; color:black; margin-right:10px; color:#888888; font-size:14px;} .scbx_df .today .dt_view .memo .asi_link {float:right; color:black; margin-left:10px;} /* 스케쥴관리 / 날짜별달력 상세 */ table.tb_cal_m {width:100%; border:1px solid #eeeeee; border-width:1px 0 0 0; border-collapse:collapse; text-align:center;} table.tb_cal_m>tbody>tr>th {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 0px; vertical-align:middle; padding:12px 0; background:#fafafa;letter-spacing:0em; font-size:13px; color:black;} table.tb_cal_m>tbody>tr>th a {color:black;} table.tb_cal_m>tbody>tr>td {border:none; border:0px solid #eeeeee; border-width:0px 0px 1px 0px; vertical-align:middle; padding:0; letter-spacing:0em;font-size:11px; background:white;} table.tb_cal_m .no {padding:13px 0; text-align:center;} table.tb_cal_m .here {display:inline-block; padding-top:5px; border-radius:100%; background:#0062b5; color:white; width:20px; height:20px; line-height:100%; font-size:12px;} table.tb_cal_m .other {display:inline-block; padding-top:5px; width:20px; height:20px; line-height:100%; font-size:11px; color:rgba(0,0,0,0.7);} /* 스케쥴관리 / 주간일정 */ .scbx_tb {float:left; width:100%; padding:100px 0;} .scbx_tb .week {display:inline-block; max-width:1260px; width:100%; } .scbx_tb .week .move_btn {float:left; width:100%; margin:0 0 35px 0; text-align:center; border:0px solid red; font-size:0;} .scbx_tb .week .move_btn .title {display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; letter-spacing:-0.05em; color:black; text-align:center; border:0px solid red; padding:0 50px;} .scbx_tb .week .move_btn .btn {display:inline-block; font-size:13px; color:black; text-align:center; border:0px solid red;} .scbx_tb .week .move_btn .btn:hover {color:red;} .scbx_tb .week .move_btn .icon {opacity:0.6;} .scbx_tb .week .box {float:left; width:100%; border:0px solid #dddddd;} /* 스케쥴관리 / 주간일정 표 */ table.tb_scd {width:100%; border:1px solid #e9e9e9; border-collapse:collapse; text-align:center;} table.tb_scd>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 0px 1px 1px; vertical-align:middle; padding:14px 0px; background:#f5f3f3;font-size:12px; letter-spacing:0em; color:black;} table.tb_scd>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 0px 1px 1px; vertical-align:middle; padding:14px 0px; background:white;letter-spacing:0em; font-size:12px;} table.tb_scd>tbody>tr>td a {color:#0062b5; font-size:13px;} table.tb_scd>tbody>tr>td a:hover {color:black;} table.tb_scd>tbody>tr>td span {color:red;} table.tb_scd .wd1 {width:60px; background:#fafafa;} table.tb_scd .wd2 {width:80px; background:#fafafa;} table.tb_scd .wd3 {width:60px; background:#fafafa;} table.tb_scd .wd4 {width:60px; background:#fafafa;} table.tb_scd .btn {cursor:pointer; font-size:13px; color:#dd0000;} table.tb_scd .memo {text-align:left; padding:12px 20px;} /* 팝업창 */ .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:-15px; right:-15px;color:white; font-size:11px; line-height:100%;} .util_pop .box .close .pos .btn {height:40px; width:40px; text-align:center; cursor:pointer; color:white; background:#c70940; font-size:18px; padding-top:12px; border-radius:100%; transition:all .2s;} .util_pop .box .close .pos .btn:hover {transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;} .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:Noto Sans KR, 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:Noto Sans KR, 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;} /* 쪽지함 */ #user_memo {float:left; width:100%;} #user_memo ul {display:inline-block; max-width:1260px; width:100%; padding-bottom:30px;} #user_memo ul .on {color:red; background:white; font-weight:bold; border-bottom:1px solid transparent;} #user_memo ul li {float: left; width:50%; height:60px;} #user_memo ul li a {float: left; width:100%; height:60px; text-align:center; padding:21px 0;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; font-size:15px; background:#fafafa; border:1px solid #dddddd;} .memo_lbox {float:left; width:100%;} .memo_lbox .pos {display:inline-block; width:1260px;} .memo_lbox .pos .hd {} .memo_lbox .pos .cnt {float:left; padding:10px 0 0 5px;} .memo_lbox .pos .wbtn {float:right; padding:8px 20px; background:#1c73d2; color:white; border:1px solid #1c73d2; transition:all .2s; margin-bottom:5px;} .memo_lbox .pos .wbtn:hover {background:#ffffff; color:black; border:1px solid #dddddd;transition:all .2s;} .memo_lbox .pos .dbtn {float:right; padding:8px 20px; background:#999999; color:white; transition:all .2s; margin:0 0 5px 5px; border:1px solid #999999;} .memo_lbox .pos .dbtn:hover {background:red; border:1px solid red; transition:all .2s;} .memo_lbox .pos .ok {float:left; width:100%; padding:30px 0 0 0; text-align:center;font-family:Noto Sans KR, 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:Noto Sans KR, 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;} table.tb_memo {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.tb_memo>tbody>tr>th {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; padding:15px 0; background:#f7f7f7;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; text-align:center;} table.tb_memo>tbody>tr>td {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; padding:15px 20px; background:white; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; text-align:center;} table.tb_memo a {color:black;} .memo_icon {font-size:18px; font-weight:normal; } table.tb_mm_view {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; margin:20px 0 40px 0;} table.tb_mm_view>tbody>tr>th {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; text-align:left; padding:15px 0 15px 35px; width:150px; background:#f7f7f7;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; } table.tb_mm_view>tbody>tr>td {border:0px solid #e7e7e7; border-width:0px 0px 1px 0px; vertical-align:middle; text-align:left; padding:15px 20px; background:white; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em; font-size:14px; line-height:150%;} /* 쪽지함 / 보내기 */ .inc_memo_send {float:left; width:100%; padding-top:50px;} .inc_memo_send .form {max-width:600px; width:100%; display:inline-block; } .inc_memo_send .form .head {float:left; width:100%; padding:40px 0 30px 0; background:#fafafa; border:1px solid #eeeeee;} .inc_memo_send .form .head .ott {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:black; text-align:center;} .inc_memo_send .form .head .fd_title {float:left; font-size:12px; text-align:center; width:100%; color:rgba(0,0,0,0.5);} .inc_memo_send .form .wrt {float:left; width:100%; padding:20px; background:white; border:1px solid #eeeeee; border-width:0 1px;} .inc_memo_send .form .wrt .set {padding:0px 0; width:100%; border:1px solid #eeeeee; border-width:0 0 1px 0; float:left;} .inc_memo_send .form .wrt .set .title {position:relative; width:80px; height:0px; top:16px; left:20px;text-align:left; font-size:13px; color:rgba(0,0,0,0.9);font-family:Noto Sans KR, sans-serif; font-weight:500; } .inc_memo_send .form .wrt .set .cbx {float:left; width:100%; text-align:left; } .inc_memo_send .form .wrt .set .frm {border:0px solid #dddddd; background:#ffffff; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px; border-radius:0px;color:#0061A5;} .inc_memo_send .form .wrt .set .txar {border:0px solid #ffffff; background:#ffffff; width:100%; height:150px; padding:17px 10px 0 100px; font-size:13px; border-radius:0px; color:#0061A5;} .inc_memo_send .form .btn {float:left; width:100%; margin-top:0px; text-align:center;} .inc_memo_send .form .btn .send {width:100%; padding:25px 0; background:#1c73d2; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; cursor:pointer; transition: all .2s;} .inc_memo_send .form .btn .send:hover {background:#1c73ff; transition: all .2s;} /* 검색창페이지 ============ */ /* 검색창 폼박스 */ .search_fmbox {float:left; width:100%; padding:100px 0; background:#2d2d2d; } .search_fmbox .pos {display:inline-block; width:800px; } .search_fmbox .pos .box {float:left; width:100%;} .search_fmbox .pos .box .title {float:left; width:100%; text-align:left; padding:0 0 20px 8px; color:white; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:25px; letter-spacing:-0.05em; line-height:100%:} .search_fmbox .pos .box .title span {font-weight:500; color:#aeff00;} .search_fmbox .pos .box .txt {float:left; width:100%; text-align:left; padding:0 0 20px 10px; color:white; font-size:12px; opacity:0.7;} .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 .ipbx {float:left; width:100%;} .search_fmbox .pos .box .ipbx .ip {float:left; width:calc(100% - 100px);} .search_fmbox .pos .box .ipbx .ip input {width:100%; border:0px; height:60px; padding:20px; border:10px solid #0070b1; border-width:0px; text-align:center; font-size:15px;color:#9b0b19;} .search_fmbox .pos .box .ipbx .btn {float:left; width:100px;} .search_fmbox .pos .box .ipbx .btn .sc {width:100%; height:60px; background:#9b0b19; color:white; text-align:center; border:0px; cursor:pointer; font-size:15px;} .search_fmbox .pos .box .ipbx .rescr {float:left; color:white; text-align:left; padding:20px 0 0 10px; font-size:12px; font-weight:bold;} .search_fmbox .pos .box .ipbx .retxt {float:left; color:white; text-align:left; padding:20px 0 0 15px; font-size:12px;} /* 검색창 첫페이지 */ .search_first {float:left; width:100%;} .search_first .pos {display:inline-block; width:100%; padding:90px 0; } .search_first .pos .df {float:left; text-align:center; width:100%; font-size:15px; line-height:180%;} .search_first .pos .df span {margin-left:10px; font-size:13px;} .search_first .pos .sp {float:left; width:100%; height:30px; font-size:0;} /* 검색창 결과 / 레이아웃, 타이틀, 더보기 */ .search_rlt_bd {float:left; width:100%; border-top:0px solid red; padding-bottom:70px;} .search_rlt_bd .pos {display:inline-block; width:1260px; padding:0;} .scbox_rlt_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; text-align:left; color:black; letter-spacing:-0.05em; padding:50px 0 25px 15px;} .scbox_rlt_tt span {font-size:13px; font-weight:normal;} .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:200px; padding:15px 0; background:#4e4e4e; font-size:12px; color:white; border:1px solid #4e4e4e; margin-top:40px; transition: all .2s; border-radius:3px;} .scrlt_more:hover {background:#2f2f2f; border:1px solid #2f2f2f;transition: all .2s;} /* 검색결과 탭 */ #scr_tmn {width:100%; text-align:left; float:left; text-align:center; padding-top:80px; } #scr_tmn ul{ display:inline-block; width:1260px; margin:0; } #scr_tmn ul li{ position:relative; float:left; width:33.3%; padding:25px 0; font-size:13px; border:1px solid #112946; border-width:1px 1px 0px 1px; background:#112946;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:black; font-weight:bold; background:white; } #scr_tmn .hd { } /* 검색창 결과 / 게시판결과 */ .scrlt_board {float:left; width:100%;} .scrlt_board .cont {float:left; width:100%; padding:35px 35px; border:1px solid #eeeeee; border-width:1px 0; margin-top:-1px;} .scrlt_board .cont:hover {} .scrlt_board .cont .pic {float:left; width:150px;} .scrlt_board .cont .pic img {width:100%; } .scrlt_board .cont .txbx {float:left; text-align:left;} .scrlt_board .cont .txbx1 {width:calc(100% - 150px); padding:0 0 0 30px;} .scrlt_board .cont .txbx2 {width:100%;} .scrlt_board .cont .txbx .dfinfo {float:left; width:100%;} .scrlt_board .cont .txbx .type {float:left; width:auto; padding:2px 10px; background:#b90719; color:white; margin-bottom:10px;} .scrlt_board .cont .txbx .tit {float:left; width:100%; font-size:15px; padding-bottom:10px; color:black;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .scrlt_board .cont .txbx .content {float:left; width:100%; line-height:160%; color:black; opacity:0.7; font-size:12px; padding-bottom:15px;} .scrlt_board .cont .txbx .name {float:left; font-size:12px;padding-right:10px;} .scrlt_board .cont .txbx .date {float:left; font-size:12px;} /* 검색창 결과 / 이미지결과 */ .scrlt_photo {float:left; width:100%;} .scrlt_photo .cont {float:left; width:100%; padding:25px 10px; border:1px solid #eeeeee; border-width:1px 0; margin-top:-1px; font-size:0; text-align:left;} .scrlt_photo .cont .bset {display:inline-block; width:25%;padding:20px; text-align:left; border:1px solid transparent; vertical-align:top;} .scrlt_photo .cont .bset:hover {} .scrlt_photo .cont .type {position:relative; top:0; left:0; width:100%; height:0; } .scrlt_photo .cont .type .bx {position:absolute; width:auto; padding:3px 10px; background:#b90719; color:white; font-size:12px;} .scrlt_photo .cont .pic {float:left; width:100%;} .scrlt_photo .cont .pic img {width:100%; } .scrlt_photo .cont .tit {float:left;width:100%; font-size:15px; padding:20px 0 10px 0; color:black;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .scrlt_photo .cont .content {float:left; width:100%; line-height:160%; color:black; opacity:0.7; font-size:12px; padding-bottom:15px;} .scrlt_photo .cont .name {float:left; font-size:12px;} .scrlt_photo .cont .date {float:left;width:100%; font-size:12px;} /* 상단 로그인 */ #menu_log {float:right; width:100%; border-left:1px solid #eeeeee;} #menu_log, #menu_log ul {margin: 0; padding: 0; list-style: none;} #menu_log {margin: 0px auto; display:inline-block; width:auto;} #menu_log:before, #menu_log:after {content: ""; display: table; } #menu_log:after {clear: both;} #menu_log {zoom:1;} #menu_log li {float: left; height:100%; border-right:1px solid #eeeeee;} #menu_log a {float: left; text-align:center; height:100%;padding:17px 0 0 0;color:rgba(0,0,0,0.7); font-size:11px; font-weight:bold; background:white; width:110px;} #menu_log li:hover > a {color:#E40113; } *html #menu_log li a:hover { /* IE6 only */ color: #fafafa;} #menu_log a span {color:red; margin-left:5px;} /* 상단 로그인 2020 */ #menu_log2020 {float:left; width:100%; border-left:0px solid #eeeeee;} #menu_log2020, #menu_log2020 ul {margin: 0; padding: 0; list-style: none;} #menu_log2020 {margin: 0px auto; display:inline-block; width:auto;} #menu_log2020:before, #menu_log2020:after {content: ""; display: table; } #menu_log2020:after {clear: both;} #menu_log2020 {zoom:1;} #menu_log2020 li {float: left; border-right:1px solid #eeeeee;} #menu_log2020 a {float: left; text-align:center; padding:0 15px;color:rgba(0,0,0,0.7); font-size:11px; font-weight:bold; line-height:100%;} #menu_log2020 li:hover > a {color:#E40113; } *html #menu_log2020 li a:hover { /* IE6 only */ color: #fafafa;} #menu_log2020 a span {color:red; margin-left:5px;} /* 회원가입,정보 기본레이아웃 뉴 */ .join_box_new {float:left; width:100%; padding:100px 0;background: linear-gradient( to top, #eeeeee, #f5f3f3 ); } .join_box_new .jpos {display:inline-block; width:780px; } .join_box_new .jpos .hdbx {float:left; width:100%; padding-bottom:25px; } .join_box_new .jpos .hdbx .jhd_tt {float:left; width:100%;font-size:25px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:15px; } .join_box_new .jpos .hdbx .jhd_txt {float:left; width:100%; font-size:12px;} .join_box_new .jpos .wrt_bx {float:left; width:100%; padding:0 40px;} .join_box_new .jpos .wrt_bx .b_tit {float:left; width:100%; font-size:20px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:30px; text-align:left;} .join_box_new .jpos .wrt_bx .b_tit span {color:#0e7ead;} .join_box_new .jpos .wrt_bx .s_tit {float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7); line-height:180%; padding-bottom:30px; text-align:left;} .join_box_new .jpos .wrt_bx .s_txt {float:left; width:100%; font-size:12px; line-height:180%; padding:20px 5px 0 5px; text-align:left;} .join_box_new .jpos .wrt_bx .w_yak {float:left; width:100%; background:white; padding:60px; } .join_box_new .jpos .wrt_bx .w_yak .yk_spc {float:left; width:100%; height:40px; } .join_box_new .jpos .wrt_bx .w_yak .yk_set {float:left; width:100%; } .join_box_new .jpos .wrt_bx .w_yak .yk_exp {float:left; width:100%; padding-bottom:10px; } .join_box_new .jpos .wrt_bx .w_yak .yk_exp .yk_tt {float:left; color:black; font-size:15px; } .join_box_new .jpos .wrt_bx .w_yak .yk_exp .yk_tt span {color:red; font-size:12px; margin-left:5px;} .join_box_new .jpos .wrt_bx .w_yak .yk_exp .yk_lb {float:right; } .join_box_new .jpos .wrt_bx .w_yak .yk_rbx {float:left; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; text-align:left; background:#f6f6f6; padding:25px; border:1px solid #f1f1f1; transition:all .2s;} .join_box_new .jpos .wrt_bx .w_yak .yk_rbx:hover {background:#fafafa; transition:all .2s;} .join_box_new .jpos .wrt_bx .w_info {float:left; width:100%; border-top:1px solid #eeeeee; background:white; padding:60px; border-radius:0 0 0px 0px;} .join_box_new .jpos .wrt_bx .w_info .if_set {float:left; width:100%; } .join_box_new .jpos .wrt_bx .w_info .is_spc {float:left; width:20px; height:30px; } .join_box_new .jpos .wrt_bx .w_info .is_k {float:left; width:calc(50% - 10px); } .join_box_new .jpos .wrt_bx .w_info .is_k .ik_nm {float:left; width:100%; padding:0 0 5px 5px; font-size:13px;text-align:left; } .join_box_new .jpos .wrt_bx .w_info .is_k .in_bx {float:left; width:100%; } .join_box_new .jpos .nxt_tp {display:inline-block; width:100%; border-radius:0 0 10px 10px; overflow:hidden;} .join_box_new .jpos .nxt_tp2 {display:inline-block; width:180px; margin:35px 5px 0 5px; border-radius:3px; overflow:hidden; padding:18px 0px; background:#bf1d2d; font-size:13px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .join_box_new .jpos .nxt_tp2:hover {background:#9f0c1b; transition:all .2s;} .join_box_new .jpos .wrt_bx .w_frm {float:left; width:100%; background:white; padding:60px;} .join_box_new .jpos .wrt_bx .w_frm.bdrs {border-radius:10px 10px 0 0;} .join_box_new .jpos .wrt_bx .w_frm.bdrs2 {border-radius:0 0 10px 10px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set {float:left; width:100%; font-size:0;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_grp {display:inline-block; width:50%; padding:5px 10px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_grp.pw_p {} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_grp.wzro {padding:25px 10px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_grp.w100 {width:100%;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_t {float:left; width:100%; text-align:left; padding:0 0 5px 5px; font-size:13px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_t span {color:red; font-size:11px; margin-left:5px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b {float:left; width:100%; font-size:13px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .phn1 {float:left; width:30%; } .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .phn2 {float:left; width:calc(35% - 5px); margin-left:5px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .brt1 {float:left; width:30%;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .brt2 {float:left; width:calc(35% - 35px); margin-left:5px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .brt_t {float:left; width:20px; padding-left:3px; font-size:12px; color:rgba(0,0,0,0.6);} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .pst1 {float:left; width:100px; padding-top:10px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .pst2 {float:left; width:100%;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .chk_b {position:relative; width:100%; height:0; top:0; left:0;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_b .chk_b .app_pos {position:absolute; top:-20px; right:0;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .wat1 {width:70px; height:auto; line-height:100%;padding:0 0 0px 5px; border:0px solid red;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .wat2 {width:calc(100% - 70px);text-align:left; line-height:100%; padding:0px 0 0 10px;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_msg {position:relative; top:0; left:0; width:100%; height:0;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_msg .mpos {position:absolute; top:0; right:0; font-size:12px; color:red;} .join_box_new .jpos .wrt_bx .w_frm .fm_set .fm_hlp {float:left; width:100%; font-size:12px; text-align:left; padding:15px 15px 5px 15px; color:red;} /* 회원가입단계 표시 */ .j_step_box {float:left; width:100%; background:white; padding:50px 60px 40px 60px; border-radius:10px 10px 0 0; border-bottom:1px solid #eeeeee;} .j_step_box .stp_grp {float:left; width:33.3333%; } .j_step_box .stp_grp .s_icon {float:left; width:100%; font-size:25px; } .j_step_box .stp_grp .s_icon.on {color:#a8012c;} .j_step_box .stp_grp.rdy {opacity:0.5;} .j_step_box .stp_grp .s_nmb {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; padding:15px 0 7px 0; letter-spacing:-0.05em; width:100%; font-size:18px; } .j_step_box .stp_grp .s_eif {float:left; font-size:11px; width:100%; } /* 예약내역 */ .my_rsv_blk {float:left; width:100%; padding:100px 0; } .my_rsv_blk .mr_pos {display:inline-block; width:1260px; border:0px solid red;} .my_rsv_blk .mr_pos .mhd_box {float:left; width:100%; padding-bottom:50px; } .my_rsv_blk .mr_pos .mhd_box .mhd_tt {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:30px; color:black; line-height:120%; padding-bottom:15px; letter-spacing:-0.05em;} .my_rsv_blk .mr_pos .mhd_box .mhd_stt {float:left; width:100%; font-size:13px; text-align:center; line-height:180%; color:rgba(0,0,0,0.6);} .my_rsv_blk .mr_pos .mr_knd {float:left; width:100%; text-align:left;} .my_rsv_blk .mr_pos .mr_knd .mr_li {float:left; width:100%;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_grp {float:left; width:100%; padding:35px; border:1px solid #eeeeee; background:#fafafa; margin:10px 0 0 0; border-radius:10px; transition:all .3s;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_grp:hover {background:white; border:1px solid #dddddd; transition:all .3s;box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.1), 10px 10px 10px -10px rgba(0,0,0,0.1);} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_no {float:left; width:50px; border:0px solid blue;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_info {float:left; width:calc(100% - 350px); padding-right:50px; border:0px solid blue;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_sta {float:left; width:150px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black; letter-spacing:-0.05em; line-height:100%; padding-top:40px;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn {float:left; width:150px; padding-top:30px;text-align:center; } .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn .mr_act {display:inline-block; width:80%; text-align:center; background:#575757; color:white; line-height:100%; padding:15px 0; font-weight:bold; font-size:15px; border-radius:5px 5px 0 5px; transition:all .2s; } .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn .mr_act.del {background:#d4000a;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn .mr_act.del:hover {background:#bd0009; transition:all .2s;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn .mr_act.cancel {background:#0068a4;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_btn .mr_act.cancel:hover {background:#007dc5; transition:all .2s;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_sbj {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; color:black; letter-spacing:-0.05em; padding-bottom:25px;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_set {float:left; width:33.3333%; line-height:140%; padding:3px 0 3px 5px;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mr_prc {width:100%;} .my_rsv_blk .mr_pos .mr_knd .mr_li .prc_m {color:red; font-weight:bold;} .my_rsv_blk .mr_pos .mr_knd .mr_li .mst_t {float:left; width:60px; color:rgba(0,0,0,0.5);} .my_rsv_blk .mr_pos .mr_knd .mr_li .mst_c {float:left; width:calc(100% - 60px);} .my_rsv_blk .mr_pos .mr_spc {float:left; width:100%; height:50px;} /* 신청폼 완료페이지 */ .send_end_box {float:left; width:100%; padding:150px 0; } .send_end_box .se_pos {display:inline-block; width:1260px; border:0px solid red;} .send_end_box .se_pos .hd_box {float:left; width:100%;} .send_end_box .se_pos .hd_box .hd_tt {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:35px; color:black; line-height:120%; padding-bottom:30px; letter-spacing:-0.05em;} .send_end_box .se_pos .hd_box .hd_stt {float:left; width:100%; font-size:13px; text-align:center; line-height:180%; color:rgba(0,0,0,0.6);} .send_end_box .se_pos .hd_btn {float:left; width:100%; font-size:0; padding-top:50px;} .send_end_box .se_pos .hd_btn .hdb_go {display:inline-block; width:250px; padding:20px 0; text-align:center; background:#ba0023; color:white; font-size:15px; margin:0 5px; border-radius:5px 5px 0 5px; transition:all .3s;} .send_end_box .se_pos .hd_btn .hdb_go:hover {background:#9b021f; transition:all .3s;}