/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    font: inherit;
    line-height:1.2em;
    letter-spacing: -0.04em;
    vertical-align: baseline;
}
a {color:inherit; text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	background-color:#fff;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.wrap {width:100%;text-align:center;}

/* 2020.02.19. me */
/* 공통 */
.ptm_header {position:relative; width:100%; height:45px; line-height:45px; color:#fff; font-size:17px; font-weight:bold; border-bottom:1px solid #d2d2d2; background-color:#37baa2;}
.ptm_header a {display:block; height:100%; line-height:45px;}
.ptm_header .menu_wrap {
    position:absolute;
    left:0;
    top:0;
}
.ptm_header .btn_menu {
    width:45px;
    height:45px;
    text-indent:-9999px;
    background:url(/images/menu.png) no-repeat center;
    background-size:23px 18px;
}
.ptm_header .menu_wrap .menu {
    position:absolute;
    left:0;
    top:45px;
    width:86px;
    height:60px;
    opacity:0;
    border-radius:0 0 15px 15px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    z-index:1;
    transition:all .5s ease;
}
.ptm_header .menu_wrap .menu a {
    display:none;
    width:100%;
    height:30px;
    line-height:30px;
    color:#777;
    font-size:14px;
    background-color:#fff;
    border:1px solid #b1b1b1;
    box-sizing:border-box;
}
.ptm_header .menu_wrap .menu a:first-child {border-bottom:none;}
.ptm_header .menu_wrap .menu a:last-child {border-radius:0 0 15px 15px;}
.ptm_header .menu_wrap .menu.on {
    height:60px;
    opacity:1;
    transition:all .5s ease;
}
.ptm_header .menu_wrap .menu.on a {display:block;}

/* 메인 */
.ptm_main {}
.ptm_section .title {
    margin:15% 0 35px;
    color:#070707;
    font-size:24px;
    font-weight:bold;
}
.ptm_section .title p {
    margin-top:10px;
    color:#333;
    font-size:18px;
    font-weight:normal;
}
.ptm_section .btn_wrap {margin:12px 0;}
.ptm_section .btn_wrap .btn {
    display:flex;
    width:200px;
    height:54px;
    line-height:54px;
    margin:0 auto;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    background-color:#005752;
    border-radius:5px;
    justify-content:center;
    align-items:center;
}
.ptm_section .btn_wrap .btn:before {
    content:'';
    display:inline-block;
    width:20px;
    height:26px;
    margin-right:5px;
    background:url(/images/icon_phone.png) no-repeat center;
    background-size:100%;
}
.ptm_section .btn_wrap .btn_choice {background-color:#cb0751;}
.ptm_main .ptm_section {
    position:fixed;
    left:0;
    top:45px;
    width:100%;
    height:100%;
    background:url(/images/ptm_bg_back.png) no-repeat center;
    background-size:cover;
}
.ptm_main .ptm_header .menu_wrap {display:none;}

/* 상세 */
.slide .item {position:relative;}
.slide .item .info {
    position:absolute;
    width:100%;
    height:126px;
    padding:10px 15px;
    text-align:left;
    background-color:#f8f8f8;
    box-sizing:border-box;
}
.slide .item .info span {display:block; margin-bottom:5px; font-size:14px;}
.slide .item .info .name {font-weight:bold;}
.slide .item .info .age, .slide .item .info .area {font-size:13px;}
.slide .item .info .txt {width:calc(100% - 120px); margin-bottom:0; font-size:13px;}
.slide .item .info .btn_voice {
    position:absolute;
    right:10px;
    bottom:10px;
    display:flex;
    width:110px;
    height:30px;
    line-height:30px;
    color:#fff;
    font-size:13px;
    border-radius:3px;
    background-image:linear-gradient(to right, #37baa2, #068069);
    align-items:center;
    justify-content:center;
}
.slide .item .info .btn_voice:before {
    display:inline-block;
    content:'';
    width:11px;
    height:15px;
    margin-right:5px;
    background:url(/images/icon_mic.png) no-repeat center;
    background-size:100%;
}
.audio_wrap {display:none;}
.slide .item .img {
    width:100%;
    height:100%;
    padding-top:126px;
    z-index:-1;
}
.slide .item .img img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.slide .item .call {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:150px;
    color:#fff;
    font-size:15px;
    background-color:rgba(0,0,0,0.6);
}
.slide .item .call a {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    padding-top:110px;
}
.slide .item .call:before {
    content:'';
    display:inline-block;
    width:78px;
    height:78px;
    margin-top:20px;
    border-radius:39px;
    background:url(/images/icon_phone.png) no-repeat center #fa4e5d;
    background-size:33px;
}

.slick-prev:before, .slick-next:before {display:none}
.slide .slick-prev, .slide .slick-next {
    width:32px;
    height:51px;
    background:url(/images/btn_next.png) no-repeat;
    background-size:100%;
    z-index:10;
}
.slide .slick-prev {left:5px; background:url(/images/btn_prev.png) no-repeat; background-size:100%;}
.slide .slick-next {right:5px;}

/* list */
.list_wrap {}
.list_wrap .list {border-bottom:1px solid #f0f3f4;}
.list_wrap .list a {display:flex; padding:10px 20px; text-align:left;}
.list_wrap .list .img {flex:1 0 auto; width:50px; height:50px; margin-right:10px; border-radius:3px; overflow:hidden;}
.list_wrap .list .img img {display:block; width:100%; height:100%; object-fit:cover;}
.list_wrap .list .info_wrap {display:flex; flex-direction:column; width:100%;}
.list_wrap .list .info {display:flex; height:30px;}
.list_wrap .list .info span {display:flex; height:100%; margin-right:15px; font-size:13px; align-items:center;}
.list_wrap .list .info span:before {
    content:'';
    display:inline-block;
    width:19px;
    height:19px;
    margin-right:3px;
    background:url(/images/icon_user.png) no-repeat center;
    background-size:auto 100%;
}
.list_wrap .list .info .name {}
.list_wrap .list .info .age:before {
    background:url(/images/icon_calendar.png) no-repeat center;
    background-size:auto 100%;
}
.list_wrap .list .info .area:before {
    background:url(/images/icon_location.png) no-repeat center;
    background-size:auto 100%;
}
.list_wrap .list .info_wrap .txt {margin-top:2px; font-size:14px;}

/* 슬릭 초기화 */
.slick-prev:hover, .slick-prev:focus {
    background-image:url(/images/btn_prev.png) !important;
    background-repeat:no-repeat !important;
    background-size:100% !important;
}
.slick-next:hover, .slick-next:focus {
    background-image:url(/images/btn_next.png) !important;
    background-repeat:no-repeat !important;
    background-size:100% !important;
}