.contents_mnm { width:664px; margin-bottom:10px; color:#3a3a3a; /* letter-spacing:-1px;*/ 
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

}
.contents_mnm img { margin:0 !important; }
.contents_mnm_top img { width:100%; }
.contents_mnm_bottom_logo p { padding:8px 0 15px 0; text-align:center; background:#8b8b8b; }

.mnm_box { clear:both; padding:20px 0 30px 0; text-align:center; }
.mnm_box01 { background:#000 url('../images/meetandmatch/2017/mnm_bg01.jpg') 0 0 no-repeat; background-size:100% auto; }
.mnm_box02 { background:#000 url('../images/meetandmatch/2017/mnm_bg02.jpg') 0 0 no-repeat; background-size:100% auto; }
.mnm_box .title01 { margin:0 30px 0 30px; border-top:1px solid #3c3c3c; text-align:center; }
.mnm_box .title01 img { margin-top:-17px !important; }

.mnm_box .mnm_style { display:inline-block; margin:0 20px; vertical-align:top; }

.mnm_box .desc01 { margin:0 50px; color:#fff; text-align:left; }
.mnm_box .desc01 ul { margin-bottom:35px; }
.mnm_box .desc01 li { padding-left:22px; text-indent:-22px; line-height:26px; font-size:18px; font-weight:bold; }
.mnm_box .desc01 li strong { color:#fad736; }
.mnm_box .desc01 p { font-size:16px; }

.mnm_box .mens { display:inline-block; width:100%; margin-top:20px; padding:0; font-size:0; letter-spacing:-5px; text-align:center; }
.mnm_box .mens p { display:inline-block; *display:inline; vertical-align:top; *zoom:1; letter-spacing:0; font-size:16px; }
.mnm_box .mens p.number { height:34px; /*letter-spacing:-2px;*/ line-height:30px; padding:0 7px; font-weight:bold; color:#000; text-shadow:1px 1px 1px rgba(0,0,0,0.4) !important; background:#fff; }

.play_items { margin-top:15px; text-align:center; }
.play_items .item_each { display:inline-block; width:265px; margin-bottom:15px; text-align:center; vertical-align:top; position:relative; }

.play_items .item_each .ytframe { position:absolute; top:0; left:0; width:265px; height:0; overflow:hidden; border:1px solid #3f3f3f; display:none; }
.play_items .item_each .ytframe iframe { margin-top:-50px; }

.play_items .plus { display:inline-block; margin:60px 3px 0 3px; }
.play_items .item img { width:265px; height:148px !important; border:1px solid #3f3f3f; }
.play_items .desc { margin-top:12px; font-size:15px; color:#fff; }
.play_items .btns { margin-top:12px; }
.play_items .btns img { width:143px; }
.play_items .btns span { cursor:pointer; }
#soundSrc { display:inline-block; margin-top:12px; width:143px; height:31px; text-indent:-9999px; background:url('../images/meetandmatch/2017/mnm_btn_sound.png') 0 0 no-repeat; background-size:100% auto; }
a.soundPlay_ing { width:143px; height:32px; text-indent:-9999px; background:url('../images/meetandmatch/2017/mnm_btn_sound_ing.png') 0 0 no-repeat !important; background-size:100% auto !important; }

.mnm_guide { margin:50px 0 30px 0; text-align:center; }
.mnm_guide ul li { display:inline-block; width:312px; margin-top:45px; vertical-align:top; text-align:left; }
.mnm_guide ul li .tit { padding:0 6px 6px 36px; font-size:16px; color:#fff; text-indent:-30px; }
.mnm_guide ul li .tit2 { height:40px; }
.mnm_guide ul li .tit span.r_num { display:inline-block; text-indent:0; margin-right:7px; width:23px; height:23px; line-height:23px; font-size:15px; font-weight:bold; color:#000; background:#fff; -moz-border-radius: 13px; -webkit-border-radius: 13px;  border-radius:13px; text-align:center; }
.mnm_guide ul li .g_img img { width:312px; }
.mnm_guide ul li .desc { padding:6px 6px 0 18px; text-indent:-12px; font-size:13px; color:#e95505; }

.bottom_text_box { margin:25px 22px 5px 22px; padding:12px 22px; letter-spacing:0; color:#c5c5c5; border:1px solid #3d3d3d; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius:4px; text-align:left; }
.bottom_text_box dt { margin-top:10px; font-size:16px; font-weight:bold; }
.bottom_text_box dd { margin:12px 0; }
.bottom_text_box dd li { padding:3px 0 3px 13px; text-indent:-13px; font-size:12px; line-height:16px; }
.bottom_text_box dd li em { font-style:normal; text-decoration:underline; color:#fad736; }
.bottom_text_box dd .desc03 { line-height:18px; font-size:12px; padding-left:9px; text-indent:-9px; }
.bottom_text_box .qr_img { display:inline-block; vertical-align:middle; padding:6px; border:1px solid #b5b5b5; background:#fff; }
.bottom_text_box .qr_img img { width:70px; padding:3px; background:#fff; }
.bottom_text_box .qr_ment { display:inline-block; margin-left:15px; font-size:16px; line-height:22px; vertical-align:middle; }
.bottom_text_box .qr_ment strong { display:block; }
.bottom_text_box .desc04 { line-height:20px; color:#f1f1f1; padding-left:7px; text-indent:-7px; }
.event_go_btn { display:block; text-align:center; margin-top:25px; }
.event_go_btn a { display:inline-block; padding:7px 20px 10px 20px; font-size:16px; color:#fff; background:#878787; -moz-border-radius:20px; -webkit-border-radius:20px;  border-radius:20px; }

.user_condition { margin-top:35px; padding:35px 0 ; border-top:1px solid #555; border-bottom:1px solid #555; background:#000; text-align:center; }
.user_condition .friends .newvs { display:inline-block; height:40px; line-height:38px; font-weight:bold; background:#fff; -moz-border-radius:22px; -webkit-border-radius:22px;  border-radius:22px; }
.user_condition .friends .newvs span { display:inline-block; height:40px; padding:0 20px 0 25px; font-size:20px; color:#4e4e4e; vertical-align:top; }
.user_condition .friends .newvs strong { display:inline-block; height:40px; padding:0 15px; margin-right:-1px; font-size:23px; color:#fff; background:#404040; -moz-border-radius:22px; -webkit-border-radius:22px;  border-radius:22px; vertical-align:top; }
.user_condition .friends .text { margin-top:14px; font-size:14px; color:#fff; }
.user_condition .getItem { margin-top:25px; }
.user_condition .getItem .item_each { display:inline-block; width:306px; margin:0 3px 45px 3px; vertical-align:top; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px;  border-radius:10px; }
.user_condition .getItem .item_each .summary { margin:15px 0 10px 0; line-height:23px; font-size:17px; font-weight:bold; color:#4e4e4e; }
.user_condition .getItem .item_each .summary strong { color:#8a5c0c; text-decoration:underline; }
.user_condition .getItem .item_each .item img { width:282px; }
.user_condition .getItem .item_each .btn,
.user_condition .getItem .item_each .remain { margin:10px 0 13px 0; }
.user_condition .getItem .item_each .btn a { display:inline-block; position:relative; }
.user_condition .getItem .item_each .btn span { display:inline-block; padding:0 40px; height:37px; line-height:35px; font-size:20px; font-weight:bold; color:#fff; background:#8a5c0c; -moz-border-radius:20px; -webkit-border-radius:20px;  border-radius:20px; }
.user_condition .getItem .item_each .btn img { position:absolute; top:13px; right:-32px; }
.user_condition .getItem .item_each .remain span { display:inline-block; margin-right:5px; height:37px; line-height:35px; font-size:20px; font-weight:bold; color:#4e4e4e; vertical-align:top; }
.user_condition .getItem .item_each .remain strong { display:inline-block; height:37px; line-height:35px; padding:0 15px; font-size:18px; color:#fff; background:#404040; -moz-border-radius:20px; -webkit-border-radius:20px;  border-radius:20px; vertical-align:top; }

.top10_rank { padding:0 0 50px 0; text-align:center; }
.top10_rank .top10_list { display:inline-block; width:618px; margin:50px 10px 0 10px; overflow:hidden; vertical-align:top; }
.top10_rank .top10_list .top10_tit { display:block; margin-bottom:10px; font-size:25px; font-weight:bold; font-style:italic; color:#fff; font-family:Arial; }
.top10_rank .top10_list .top10_tit img { display:inline-block; height:27px; margin-right:10px !important; vertical-align:top; }
.top10_rank .top10_list .table_outer { /*border:1px solid #979799;*/ }
.top10_rank .top10_list .top10_tit02 { padding:10px 0; line-height:31px; font-size:18px; color:#fff; background:#1a2020; text-align:center; border:1px solid #555; border-bottom:0 none; }
.top10_rank .top10_list .top10_tit02 .selectWrap { display:inline-block; width:120px !important; height:29px; margin-right:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-size: 31px auto; vertical-align:top; }
.top10_rank .top10_list .top10_tit02 span.text { display:inline-block; vertical-align:top; }
.top10_rank .top10_list table { border:1px solid #555; border-top:0 none; table-layout:fixed; }
.top10_rank .top10_list th, .top10_list td { padding:9px 0; color:#1a2020; background:#fff; }
.top10_rank .top10_list tr.my_rank { visibility:hidden; }
.top10_rank .top10_list tr.completed { visibility:visible; }
.top10_rank .top10_list thead th { color:#fff; background:#3b3a3e; }
.top10_rank .top10_list thead th.txt_al,
.top10_rank .top10_list td { border-left:1px solid #555; }
.top10_rank .top10_list tbody th, .top10_list td { border-top:1px solid #555; }
.top10_rank .top10_list thead tr th { border-left:1px solid #3e3d40; }
.top10_rank .top10_list thead tr th:first-child { border-left:0 none; }
.top10_rank .top10_list tbody th { text-align:center; font-weight:normal; border-top:1px solid #7f7e82; }
.top10_rank .top10_list tbody td span { display:block; margin:0 auto; line-height:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.top10_rank .top10_list tbody td span { width:100%; }
.top10_rank .top10_list tbody .completed th,
.top10_rank .top10_list tbody .completed td { background:#f9da15; }
.top10_rank .top10_list tbody .special th,
.top10_rank .top10_list tbody .special td { background:#d5dbdf; }
.top10_rank .top10_list tbody td.country img { width:30px; }





@media (max-width:768px){
    .contents_mnm { width:auto; }
    .contents_mnm_bottom_logo img { width:30%; visibility:hidden; }
    .contents_mnm_bottom_logo p { padding:3px 0 10px 0; background:#d5d5d5 url('../images/meetandmatch/2017/bottom_logo4_03_m.png') center 3px no-repeat; background-size:30% auto; }

    .mnm_box .title01 { margin:40px 10px 0 10px; }
    .mnm_box .title01 img { width:auto !important; height:20px !important; }
    .mnm_box .mens { margin-top:25px; }
    .mnm_box .mens p { font-size:15px; }
    .mnm_box .mens p img { width:auto !important; height:23px !important; }
    .mnm_box .mens p.number { height:23px; line-height:21px; padding:0 2px; }

    .mnm_box .desc01 { margin:0 20px; }
    .mnm_box .desc01 ul { margin-bottom:20px; }
    .mnm_box .desc01 li { padding-left:18px; text-indent:-18px; line-height:23px; font-size:15px; }
    .mnm_box .desc01 p { font-size:14px; }
    .mnm_box02 { background-position:left 90px; }

    .play_items .plus { margin:15px 0 30px 0; }
    .play_items .item_each { width:94%; }
    .play_items .item img { width:100%; height:auto !important; }

    .mnm_guide .guide_tit img { width:80%; }
    .mnm_guide ul li .tit { font-size:14px; height:auto !important; padding:0 6px 6px 30px; text-indent:-26px; }
    .mnm_guide ul li .tit span.r_num { width:20px; height:20px; line-height:20px; font-size:13px; }
    .mnm_guide ul li { width:94%; }
    .mnm_guide ul li .g_img img { width:100%; }

    .bottom_text_box { margin:5px 10px; padding:10px 12px; }
    .bottom_text_box dt { font-size:15px; }
    .bottom_text_box dd { margin:8px 0; }
    .bottom_text_box .qr_img { padding:2px; }
    .bottom_text_box .qr_img img { width:40px; padding:3px;}
    .bottom_text_box .qr_ment { display:inline-block; margin-left:15px; font-size:14px; line-height:20px; vertical-align:middle; }
    .bottom_text_box .qr_ment strong { display:block; }
    .app_box { display:none; }

    .user_condition { margin-top:25px; padding:25px 0; }
    .user_condition .friends .newvs { height:32px; line-height:30px; }
    .user_condition .friends .newvs span { height:32px; padding:0 15px 0 20px; font-size:16px; }
    .user_condition .friends .newvs strong { height:32px; padding:0 13px; font-size:18px; }
    .user_condition .getItem { margin:15px 10px; }
    .user_condition .getItem .item_each { width:100%; margin:10px 0; }
    .user_condition .getItem .item_each:first-child { margin-bottom:25px; }
    .user_condition .getItem .item_each .item { margin:0 10px; }
    .user_condition .getItem .item_each .item img { width:100%; }
    .user_condition .getItem .item_each .btn,
    .user_condition .getItem .item_each .remain { margin:10px 0 13px 0; }
    .user_condition .getItem .item_each .btn img { position:absolute; top:15px; right:-18px; width:40px; }
    .user_condition .getItem .item_each .remain span { display:inline-block; margin-right:5px; height:37px; line-height:35px; font-size:20px; font-weight:bold; color:#4e4e4e; vertical-align:top; }
    .user_condition .getItem .item_each .remain strong { display:inline-block; height:37px; line-height:35px; padding:0 15px; font-size:18px; color:#fff; background:#404040; -moz-border-radius:20px; -webkit-border-radius:20px;  border-radius:20px; vertical-align:top; }

    .top10_rank { width:auto; margin:0 10px; padding:0 0 20px 0;}
    .top10_rank .top10_list { width:100%; margin:25px 0 0 0; }
    .top10_rank .top10_list tbody td span { width:161px; }
}