@charset "utf-8";

@media screen and (max-width : 1080px) {
        .wrap{width:100%;}
}


/*모바일*/
@media screen and (max-width : 779px) {
        /*섹션 타이틀*/
        .section_title{margin-top:50px; box-sizing:border-box; padding:0 3.8vw; background:#333; height:26px; /*background:#8868F0;*/}
        .section_title p{font-size:13px; line-height:26px; color: white}
        /*기본인풋*/
        .input_common p{margin-bottom:5px; font-size:13px;}
        .input_common p img{height:9px;}
        .input_common input{font-size:13px;}
        .chk input[type="checkbox"] + label{font-size:12px;}
        select{background-size:10px; font-size:13px;}
        /*기본버튼*/
        .R_btn{font-size:16px; height:40px; font-weight:500;}
        .RL_btn{font-size:15px;}
        .B_btn{font-size:13px;}
        /*지도*/
        .map_box{height:200px;}
        .map_box .map_pin{width:30px; height:40px;}
        .map_box .map_pin.g{left:50%; top:30%;}
        .map_box .map_pin.my{left:40%; top:50%;}
        /*회원리스트*/
        .member_list{width:92.4vw; margin:0 auto;}
        .member_list .list{width:100%; height:100px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
        .member_list .list:nth-child(odd){float:none;}
        .member_list .list:nth-child(even){float:none;}
        .member_list .list:nth-last-child(-n+2){margin-bottom:10px;}
        .member_list .list:nth-last-child(-n+1){margin-bottom:0;}
        .member_list .profile_img{width:100px;}
        .member_list .profile_text{width:calc(100% - 100px);}
        .member_list .profile_text .nickname{width:calc(100% - 72px); font-size:14px; left:10px; top:10px;}
        .member_list .profile_text .feature{width:calc(100% - 20px); font-size:12px; left:10px; bottom:55px;}
        .member_list .profile_text .feature img{height:12px; margin-top:-3px;}
        .member_list .profile_text .box{padding:0 5px; line-height:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:11px;}
        .member_list .profile_text .info{width:calc(100% - 20px); left:10px; bottom:32px;}
        .member_list .profile_text .info a{margin-right:4px;}
        .member_list .profile_text .info .badge img{height:16px;}
        .member_list .profile_text .ask{width:calc(100% - 20px); left:10px; bottom:10px;}
        .member_list .user_view_btn{width:42px; height:10px; top:6px; right:10px;}
        .member_list .user_view_btn img{margin-top:0;}

        .member_list2 .profile_text .nickname {font-size: 14px;}
        .member_list2 .profile_text .box{box-sizing:border-box; padding:0 7px; line-height:17px; border:1px solid #f5564e; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:13px; font-weight:500; color:#f5564e;}
        .member_list2 .profile_text .info{width:calc(100% - 30px); position:absolute; left:15px; bottom:34px;}
        .member_list2 .profile_text .info .distance {color:#f5564e; font-size: 12px; font-weight: 500; position: absolute; right: 0; bottom: 17px;}
        .member_list2 .profile_text .info a{display:inline-block; float:right;}
        .member_list2 .profile_text .info a:last-child{margin-right:5px;}
        .member_list2 .profile_text .info a.fill{background:#f5564e; color:#fff;}


        /*헤더(공통)*/
        .fake_header{height:96px;}
        .header .head{height:55px; position:relative; text-align:center; z-index:9; background:#222; /*background: #8868F0;*/}
        .header .head .logo{height:55px; float:none; clear:both;}
        .header .head .logo img{height:50px; vertical-align:middle;}
        .header .head .p_p{display:none;}
        .header .head .m_p{display:inline-block; font-size: 13px; font-weight: 300; color: #fff; padding-top: 5px; margin-right: 30px;}
        .header .head .menu{display:none;}
        .header .head .m_menu_btn{display:block; position:absolute; top:0; right:3.8vw; background:transparent; border:none; height:55px;}
        .header .head .m_menu_btn img{height:20px; vertical-align:middle;}
        .header .m_menu_list{display:block; width:100%; position:fixed; top:-231px; left:0; text-align:center; background:#222; /*background: #8882F0;*/ z-index:8;}
        .header .m_menu_list a{display:block; width:92.4vw; margin:0 auto; line-height:45px; border-bottom:1px solid #434343; /*border-bottom: 1px solid #fff;*/ font-size:14px; color: #fff;}
        .header .m_menu_list a:first-child{border-top:1px solid #434343;}
        .header .m_menu_list a:last-child{border-bottom:none;}
        .header .m_menu_list a.on{border-bottom:1px solid #f5574e; color:#f5574e; font-weight:400;}
        .header .nav{height:40px; *zoom:1}
        .header .nav:after{display:block;clear:both;content:''}
        .header .nav a{width:25%; float:left; margin-right:0; line-height:40px; font-size:14px;}
        .header .nav a img{height:9px;}
        /*페이지 비주얼 이미지*/
        .page_visual_img img{display:block;}


        /*풋터(공통)*/
        .footer{height:auto; line-height:1; padding:25px 0; text-align:center;}
        .footer .copyright{font-size:10px; float:none; clear:both; margin-bottom:5px;}
        .footer .terms{float:none; clear:both;}
        .footer .terms a{font-size:10px; margin-right:15px;}


        /*00_메인*/
        .main_visual{background-size:cover;}
        .main_visual .title{margin:20px 0 60px 0; padding:0 3.8vw; box-sizing:border-box;}
        .main_visual .title .logo img{height:50px;}
        .main_visual .title .nav{line-height:21px;}
        .main_visual .title .nav a{font-size:13px; margin-right:20px;}
        .main_visual .visual_img{margin-bottom:50px;}
        .main_visual .visual_img img{height:210px;}
        .main_visual .app_down{margin-bottom:20px;}
        .main_visual .app_down .btn_box{margin-bottom:5px;}
        .main_visual .app_down .btn_box button.play_store{margin-right:5px;}
        .main_visual .app_down .btn_box button img{height:21px;}
        .main_visual .app_down p{font-size:9px;}
        .main_guide{padding:50px 0;}
        .main_guide li{width:100%; float:none; clear:both; margin-bottom:45px;}
        .main_guide li:last-child{margin-bottom:0;}
        .main_guide li img{height:50px; margin-bottom:10px;}
        .main_guide li p{font-size:14px; margin-bottom:5px;}
        .main_guide li a{font-size:14px; line-height:1.3; display:block; font-weight:300;}


        /*01_로그인(02_비밀번호도 동일)*/
        .login_page{margin-bottom:100px;}
        .login_page .section_title{margin:0 0 40px 0;}
        .login_page .login_form{width:75vw; margin:0 auto;}
        .login_page .login_form .btn{margin-top:50px;}


        /*03_회원가입*/
        .join_page{margin-bottom:100px;}
        .join_page .section_title{margin:0 0 40px 0;}
        .join_page .join_form{width:75vw; margin:0 auto;}
        .join_page .join_form .chk input[type="checkbox"] + label{margin-bottom:5px;}
        .join_page .join_form .btn{margin-top:50px;}


        /*04지역*/
        .location_page{margin-bottom:40px;}
        .location_page .location_change{width:92.4vw; margin:15px auto 0 auto; *zoom:1}
        .location_page .location_change:after{display:block;clear:both;content:''}
        .location_page .location_change img{display:none;}
        .location_page .location_change .location_select{width:calc(100% - 82px); margin:0 12px 0 0; float:left; *zoom:1}
        .location_page .location_change .location_select:after{display:block;clear:both;content:''}
        .location_page .location_change .location_select select{width:48%; height:30px; margin-right:0; font-weight:300;}
        .location_page .location_change .location_select select:first-child{float:left;}
        .location_page .location_change .location_select select:last-child{float:right;}
        .location_page .location_change .B_btn{width:70px; height:30px; float:right;}


        /*05추천*/
        .recommend_page{margin-bottom:40px;}
        .recommend_page .recommend_member .section_title{margin-top:0;}
        .recommend_page .recommend_member .member_list .profile_text .info a{margin-bottom:-4px;}


        /*06최근*/
        .latest_page{margin-bottom:40px;}
        .latest_page .latest_member .section_title{margin-top:0;}


        /*07연령*/
        .age_page{margin-bottom:40px;}
        .age_page .age_select{width:92.4vw; margin:15px auto 0 auto; *zoom:1}
        .age_page .age_select:after{display:block;clear:both;content:''}
        .age_page .age_select p{display:none;}
        .age_page .age_select .select_box{width:calc(100% - 82px); margin:0 12px 0 0; float:left;}
        .age_page .age_select .select_box select{width:100%; height:30px;}
        .age_page .age_select .B_btn{width:70px; height:30px; float:right;}


        /*08채팅리스트*/
        .chat_list_page{margin-bottom:222px;}
        .chat_list_page .chat_list .section_title{margin-top:0;}
        .chat_list_page .chat_list .chat_list_none{width:92.4vw; margin:40px auto 0 auto;}
        .chat_list_page .chat_list .chat_list_none p{font-size:24px; margin-bottom:2px;}
        .chat_list_page .chat_list .chat_list_none span{font-size:13px;}
        /*.chat_list_page .chat_list .chat_list_none .btn_box{display:none;}*/
        .chat_list_page .chat_list .chat_list_none .btn_box button{width:120px; font-size:15px; margin-right:10px;}
        .chat_list_page .chat_list .chat_list_none .btn_box button:nth-child(even){margin-right:0;}
        .chat_list_page .chat_list .chat_list_none .btn_box button:nth-last-child(-n+2){margin-top:15px;}
        .chat_list_page .chat_list .chat_list_none .btn_box button img{height:10px;}


        /*08채팅화면*/
        .chat_view_page{margin-bottom:0;}
        .chat_view_page .page_visual_img{display:none;}
        .chat_view_page .section_title{display:none;}
        .chat_view_page .chat_box{border-top:none; border-bottom:1px solid #999; padding:20px 3.8vw 0 3.8vw; min-height:calc(100vh - 156px); max-height:calc(100vh - 156px);}
        .chat_view_page .chat_box .chat{margin-bottom:20px;}
        .chat_view_page .chat_box .chat .text{margin-bottom:7px;}
        .chat_view_page .chat_box .chat .text img{height:8px;}
        .chat_view_page .chat_box .chat .text p{padding:6px 10px 8px 10px; max-width:65%; line-height:1.3; font-weight:300;}
        .chat_view_page .chat_box .chat .date{font-size:10px;}
        .chat_view_page .chat_box .chat.receive .profile_img{width:40px; height:40px; margin-right:10px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
        .chat_view_page .chat_box .chat.receive .f_r{width:calc(100% - 50px);}
        .chat_view_page .chat_box .chat.receive .f_r .nickname{font-size:13px;}
        .chat_view_page .chat_box .chat.receive .f_r .text img{left:-5px;}
        .chat_view_page .chat_box .chat.receive .f_r .text .date{margin-left:3px;}
        .chat_view_page .chat_box .chat.send .text{width:calc(100% - 5px); margin-right:5px;}
        .chat_view_page .chat_box .chat.send .text img{right:-5px;}
        .chat_view_page .chat_box .date_line{margin:20px 0 40px 0;}
        .chat_view_page .chat_write{width:92.4vw; margin:10px auto;}
        .chat_view_page .chat_write .option{width:26px;}
        .chat_view_page .chat_write .option img{height:26px;}
        .chat_view_page .chat_write .write_box{width:calc(100% - 36px);}
        .chat_view_page .chat_write .write_box input{width:calc(100% - 40px); padding:0 15px; font-size:14px;}
        .chat_view_page .chat_write .write_box .send img{height:16px; margin-top:-3px;}
        .chat_view_page .chat_option{padding:30px 0 0 0; margin-top:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
        .chat_view_page .chat_option .on_bg{left:21px;}
        .chat_view_page .chat_option li{width:25%; margin-bottom:30px;}
        .chat_view_page .chat_option li img{height:40px; margin-bottom:4px;}
        .chat_view_page .chat_option li p{font-size:12px;}


        /*09내 프로필*/
        .my_profile_page{margin-bottom:40px;}
        .my_profile_page .section_title{margin:0 0 30px 0;}
        .my_profile_page .profile_info .pi_change{margin-bottom:40px;}
        .my_profile_page .profile_info .pi_change .pi{width:120px; height:120px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
        .my_profile_page .profile_info .pi_change button{height:14px; margin-top:10px; font-size:13px;}
        .my_profile_page .profile_info .pi_change button img{height:14px;}
        .my_profile_page .profile_info .info_text{width:92.4vw; margin:0 auto;}
        .my_profile_page .profile_info .info_text div{width:100%;}
        .my_profile_page .profile_info .info_text div dl:last-of-type{margin-bottom:20px;}
        .my_profile_page .profile_info .info_text div .btn input{height:40px; margin-bottom:60px;}
        .my_profile_page .location_change{width:100%; text-align:center; margin-top:20px;}
        .my_profile_page .location_change img{display:inline-block; height:40px; vertical-align:middle;}
        .my_profile_page .location_change .location_select{display:inline-block; vertical-align:middle; margin:0 15px 0 5px;}
        .my_profile_page .location_change .location_select select{width:92px; margin-right:15px;}
        .my_profile_page .location_change .location_select select:last-child{margin-right:0;}
        .my_profile_page .location_change .B_btn{width:80px; height:40px;}

        /*10포인트*/
        .point_page{margin-bottom:40px;}
        .point_page .section_title{margin:0 0 15px 0; height:50px; text-align:center;}
        .point_page .section_title p{font-size:15px; line-height:50px;}
        .point_page .section_title .bar{height:11px;}
        .point_page .item_list{width:92.4vw; margin:0 auto; margin-bottom:50px;}
        .point_page .item_list .item{width:100%; height:180px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-right:0; float:none; margin-bottom:10px;}
        .point_page .item_list .item:last-child{margin-bottom:0;}
        .point_page .item_list .item .name{font-size:21px; left:15px; top:15px;}
        .point_page .item_list .item .name img{height:21px;}
        .point_page .item_list .item .info{left:15px; top:55px;}
        .point_page .item_list .item .info span{font-size:13px;}
        .point_page .item_list .item .price{font-size:15px; right:15px; bottom:45px;}
        .point_page .item_list .item .price span{font-size:9px;}
        .point_page .item_list .item .point{font-size:27px; right:15px; bottom:14px;}
        .point_page .buy_btn{margin-bottom:75px;}
        .point_page .buy_btn input{width:150px; height:45px;}
        .point_page .banner .img_box{margin-bottom:10px;}
        .point_page .banner.banner_pc {display: none;}
        .point_page .banner.banner_mobile {display: block;}


        /*10포인트_결제완료*//*pc = payment_completion*/
        .pc_page{margin-bottom:100px;}
        .pc_page .section_title{margin:0 0 60px 0;}
        .pc_page .payment_info .ct/*completion_text*/{font-size:27px; margin-bottom:20px;}
        .pc_page .payment_info .tbl{width:92.4vw; margin:0 auto 10px auto;}
        .pc_page .payment_info .tbl tr{height:35px;}
        .pc_page .payment_info .tbl th{padding-left:10px; font-size:12px;}
        .pc_page .payment_info .tbl td{padding-left:15px; font-size:13px;}
        .pc_page .payment_info .tbl td span{font-size:10px;}
        .pc_page .payment_info .description{width:92.4vw; margin:0 auto 40px auto;}
        .pc_page .payment_info .description span{font-size:10px; margin-bottom:5px;}
        .pc_page .btn input{width:150px; height:40px;}


        /*11_문의*/
        .inquiry_page{margin-bottom:100px;}
        .inquiry_page .section_title{margin:0 0 30px 0;}
        .inquiry_page .inquiry_form{width:92.4vw; margin:0 auto;}
        .inquiry_page .inquiry_form .input_common{width:100%;}
        .inquiry_page .inquiry_form .input_common textarea{margin-top:6px;  height:300px; font-size:13px; padding:10px;}
        .inquiry_page .inquiry_form .btn{margin-top:50px;}
        .inquiry_page .inquiry_form .btn input{width:180px; height:45px; margin:0 auto 10px auto;}
        .inquiry_page .inquiry_form .btn input:last-child{margin-bottom:0; height:40px; font-size:16px;}


        /*11_문의_문의내역*/
        .inquiry_list_page{margin-bottom:100px;}
        .inquiry_list_page .section_title{margin:0 0 15px 0;}
        .inquiry_list_page .inquiry_list{width:92.4vw; margin:0 auto;}
        .inquiry_list_page .inquiry_list .list{width:100%; height:auto; line-height:2.5; padding:5px 10px;}
        .inquiry_list_page .inquiry_list .list .title{width:100%; font-size:13px;}
        .inquiry_list_page .inquiry_list .list .date{margin-left:0; width:60px; text-align:right; font-size:11px; color:#999;}
        .inquiry_list_page .inquiry_list .list .an{font-size:11px; width:auto; margin-top:1px;}
        .inquiry_list_page .inquiry_list .depth p{padding:15px 10px; font-size:13px;}


        /*12_공지&이벤트*/
        .notice_event_page{margin-bottom:100px;}
        .notice_event_page .section_title{margin:0 0 15px 0;}
        .notice_event_page .ne_list{width:92.4vw; margin:0 auto;}
        .notice_event_page .ne_list .list{width:100%; height:auto; line-height:2.5; padding:5px 10px;}
        .notice_event_page .ne_list .list .title{width:100%; font-size:13px;}
        .notice_event_page .ne_list .list .date{font-size:11px; color:#999;}
        .notice_event_page .ne_list .depth .C{padding:15px 10px; font-size:13px;}


        /*13_설정*/
        .setting_page{margin-bottom:150px;}
        .setting_page .section_title{margin:0 0 30px 0;}
        .setting_page .btn_box button{width:92.4vw; height:45px; font-size:16px;}
        .setting_page .btn_box button img{height:10px; margin-right:0;}


        /*13_설정_내정보*/
        .set_m_info_page.p1{margin-bottom:300px;}
        .set_m_info_page.p1 .section_title{margin:0 0 90px 0;}
        .set_m_info_page.p1 .pw_form{width:75vw; margin:0 auto;}
        .set_m_info_page.p1 .pw_form .input_common{width:100%;}
        .set_m_info_page.p1 .pw_form .btn .R_btn{width:100%;}
        .set_m_info_page.p2{margin-bottom:100px;}
        .set_m_info_page.p2 .section_title{margin:0 0 40px 0;}
        .set_m_info_page.p2 .m_info_form{width:75vw; margin:0 auto;}
        .set_m_info_page.p2 .m_info_form .btn{margin-top:50px;}


        /*13_설정_휴대폰인증*/
        .verify_page{margin-bottom:100px;}
        .verify_page .section_title{margin:0 0 30px 0;}
        .verify_page .verify_info {margin:40px auto 50px auto;}
        .verify_page .verify_info .sign{padding:0 3.6vw; font-size:17px;}

        /*13_설정_약관*/
        .terms_page{margin-bottom:0;}
        .terms_page .section_title{margin:0;}
        .terms_page .text_box{border-top:1px solid #fff; border-bottom:1px solid #fff; background:#434343;}
        .terms_page .text_box p{padding:15px 3.8vw; font-size:13px;}


        /*13_설정_회원탈퇴*//*mw = membership_withdrawal*/
        .mw_page{margin-bottom:100px;}
        .mw_page .section_title{margin:0 0 60px 0;}
        .mw_page .mw_info .sign{padding:0 3.6vw; font-size:18px; margin-bottom:20px;}
        .mw_page .mw_info .tbl{width:92.4vw; margin:0 auto 15px auto;}
        .mw_page .mw_info .tbl th{padding-left:10px; font-size:12px;}
        .mw_page .mw_info .tbl td{padding:18px 0; padding-left:10px;}
        .mw_page .mw_info .tbl td p{line-height:1.8; font-size:13px;}
        .mw_page .mw_info .tbl td span{font-size:10px;}
        .mw_page .mw_info .chk{width:92.4vw; margin:0 auto 50px auto;}
        .mw_page .mw_info .chk input[type="checkbox"] + label{padding-left:18px; background:url('/images/web/chk_off.png') no-repeat top 3px left; background-size:14px; font-size:11px;}
        .mw_page .mw_info .chk input[type="checkbox"]:checked + label{background:url('/images/web/chk_on.png') no-repeat top 3px left; background-size:14px;}
        .mw_page .btn input{width:210px;}
        .mw_page .btn{height:45px;}


        /*슬라이드 배너*/
        .top_banner {
                /*background-image: url('http://img.cooltime.co.kr/banner/banner_m_02.jpg');*/
                /*background-size: 100%;*/
                width:auto;
                display: none;
                /*height: 45px !important;*/
        }

        .top_banner img{
                width: 100%;
        }

        .top_banner_m {
                width:auto;
                margin:5px 0px;
                display:block;
        }

        .top_banner_m {
                width: 100%;
        }

        /*000_팝업모음*/
        .popup .title{width:92%; height:40px; margin-bottom:5px;}
        .popup .title p{font-size:16px; line-height:41px;}
        .popup .popup_btn{height:40px;}
        .popup .popup_btn input{font-size:16px;}
                /*08_채팅신청받음pop*/
                .chat_request{width:85vw;}
                .chat_request.receive{height:438px;}
                .chat_request.send{height:438px;}
                .chat_request .map_box{width:92%; margin:0 auto 15px auto; height:120px;}
                .chat_request .map_box .map_pin{width:30px; height:40px;}
                .chat_request .member_profile{width:92%;}
                .chat_request .member_profile .top{margin-bottom:5px;}
                .chat_request .member_profile .top .nickname{font-size:16px; float:none; margin-bottom:5px;}
                .chat_request .member_profile .top .info{float:none; margin-bottom:0px;}
                .chat_request .member_profile .top .info .box{padding:0 4px; line-height:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:10px;}
                .chat_request .member_profile .bottom .profile_img{width:80px; height:80px;}
                .chat_request.receive .member_profile .bottom .text{width:calc(100% - 85px); height:80px; padding:6px 9px;}
                .chat_request.receive .member_profile .bottom .text p{line-height:1.4; font-size:12px;}
                .chat_request.send .member_profile .bottom .text{width:calc(100% - 85px);}
                .chat_request.send .member_profile .bottom .text textarea{width:100%; height:80px; padding:6px 9px; font-size:12px; line-height:1.4;}
                .chat_request .description{width:92%;}
                .chat_request .description p{font-size:10px; margin-bottom:5px;}

                /*10_포인트_구매하기pop*/
                .payment_option{width:85vw; height:282px;}
                .payment_option .po_box{margin-top:30px;}
                .payment_option .po_box .po_list img{height:45px; margin-bottom:4px;}
                .payment_option .po_box .po_list img.add_percent{height:30px; right:15px;}
                .payment_option .po_box .po_list p{font-size:13px;}
                .payment_option p{font-size:13px;}
                .payment_option .popup_btn{margin-top:20px;}

                /*10_포인트_구매하기_무통장입금pop*/
                .po_cash{width:85vw; height:358px;}
                .po_cash .form_box{width:92%; margin:30px auto 0 auto;}
                .po_cash .form_box .fix_text p{font-size:13px;}
                .po_cash .form_box .fix_text div{font-size:13px;}
                .po_cash .form_box .input_common{margin-top:25px;}
                .po_cash .form_box .input_common p{margin:0;}

                /*08_신고하기po*/
                .report_pop{width:85vw; height:350px;}
                .report_pop .form_box{width:92%;}
                .report_pop .form_box .input_common{margin-top:25px;}
                .report_pop .form_box .input_common p{margin:0;}
                .report_pop .form_box .input_common textarea{height:100px; font-size:13px; padding:6px 9px; margin-top:8px;}

                /*약관pop*/
                .terms_pop{width:85vw; height:481px;}
                .terms_pop .text_box{width:92%; height:360px;}
                .terms_pop .text_box p{font-size:12px;}
                .terms_pop .popup_btn{margin-top:15px;}
}