@charset "utf-8";

/* Font */
@font-face {
    font-family: 'nanum-square-b';
    src: url('font/nanumsquareb.eot');
    src: url('font/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('font/nanumsquareb.woff2') format('woff2'),
         url('font/nanumsquareb.woff') format('woff'),
         url('font/nanumsquareb.ttf') format('truetype'),
         url('font/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanum-square-r';
    src: url('font/nanumsquarer.eot');
    src: url('font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('font/nanumsquarer.woff2') format('woff2'),
         url('font/nanumsquarer.woff') format('woff'),
         url('font/nanumsquarer.ttf') format('truetype'),
         url('font/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, h1, h2, h3, h4, input, button, textarea{font-family:nanum-square-b}
body{background:rgba(0,0,0,1.00)}
input{font-family:nanum-square-b}
select{background:#fff !important}
.wrap{width:100%;  max-width:800px; position:relative; margin:0 auto; position:relative; font-family:nanum-square-b; max-width:800px; margin:0 auto; background:#fff}
.header{width:100%; height:0px; background:#04703c; position:absolute; left:0; top:0; z-index:100; max-width:800px}
.header h1{font-family:nanum-square-b; font-size:15px; color:#fff; text-align:center; line-height:40px}
.header .join-btn{display:inline-block; width:60px; height:20px; line-height:20px; color:#fff; text-align:center; color:#fff; background:#096337; border-radius:50px; font-size:12px; position:absolute; left:10px; top:10px}
.header .login-btn{display:inline-block; width:55px; height:20px; line-height:20px; color:#fff; text-align:center; color:#fff; background:#096337; border-radius:50px; font-size:12px; position:absolute; right:10px; top:10px}
.header .prev-btn{display:inline-block; width:20px; height:20px; background:url(../images/prev-btn.png) no-repeat; background-size:20px 20px; position:absolute; left:10px; top:10px; text-indent:-9999px}
.header .home-btn{display:inline-block; width:18px; height:18px; background:url(../images/home-btn.png) no-repeat; background-size:18px 18px; position:absolute; right:10px; top:10px; text-indent:-9999px}

.quick-menu{height:60px; background:#fff; position:absolute; left:0; top:0px; width:100%; z-index:100; border-bottom:1px solid #6f675f; max-width:800px}
.quick-menu ul{position:relative; padding:7px 0 0 0}
.quick-menu ul li{float:left; width:20%; text-align:center; position:relative}
.quick-menu ul li a{display:block; background-size:25px 25px; padding-top:30px}
.quick-menu ul li a.menu01{background:url(../images/h-icon01.png) center top no-repeat; background-size:25px 25px}
.quick-menu ul li a.menu02{background:url(../images/h-icon02.png) center top no-repeat; background-size:25px 25px}
.quick-menu ul li a.menu03{background:url(../images/h-icon03.png) center top no-repeat; background-size:25px 25px}
.quick-menu ul li a.menu04{background:url(../images/h-icon04.png) center top no-repeat; background-size:25px 25px}
.quick-menu ul li a.menu05{background:url(../images/h-icon05.png) center top no-repeat; background-size:25px 25px}
.quick-menu ul li.on:after{content:''; display:block; height:5px; position:absolute; left:0; bottom:-9px; width:100%; background:#04703c}
.quick-menu ul li .count{display:inline-block; width:14px; height:14px; border-radius:50%; text-align:center; line-height:14px; background:#04703c; color:#8fffd9; font-size:10px; position:absolute; left:50%; margin-left:3px; top:5px} 
.footer{position:relative; text-align:center; background:#fff; border-top:1px solid #a0a0a0; padding:20px 10px}
.footer p{color:#7c7c7c; font-family:nanum-square-r; font-size:11px; line-height:17px}
.footer p.copy{color:#bebaba; font-size:12px; margin:15px 0 0 0}

.main-content{position:relative; padding-top:101px;}
.sub-content{position:relative; padding-top:80px}
.sub-content.quickon{position:relative; padding-top:50px}
.visual{position:relative}
.visual img{width:100%}
.visual.green{background:#30d5b4; text-align:center;}
.visual.green img{width:320px;}
.visual.yellow{background:#ffb81f; text-align:right;}
.visual.yellow img{width:320px;}

.s-dl{position:relative}
.s-dl dt{height:40px; line-height:40px; position:relative; color:#4e4e4e; font-size:12px; font-weight:bold; padding:0 15px; border-bottom:2px solid #ebe9e9}
.s-dl dt img{vertical-align:middle; width:20px}
.s-dl dd{height:75px; position:relative; border-bottom:1px solid #ebe9e9}
.s-dl.long dd{min-height:65px; height:auto; padding:10px 0}
.s-dl dd .user{display:inline-block; width:50px; height:50px; position:absolute; left:10px; top:13px; border-radius:50%; overflow:hidden}
.s-dl dd .user img{width:100%}
.s-dl dd .data{width:calc(100% - 145px); -webkit-width:calc(100% - 145px); height:50px; position:absolute; left:75px; top:10px; line-height:100%;}
.s-dl.long dd .data{min-height:50px; height:auto; position:relative; left:0; top:0; padding-left:75px;}
.s-dl dd .data p{font-size:11px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%}
.s-dl dd .data p.name{color:#04703c; height:20px; line-height:20px}
.s-dl dd .data p.txt1{color:#7ED2FF}
.s-dl dd .data p.txt1_long{color:#000000; overflow:visible; white-space:normal}
.s-dl dd .data p.txt2{font-size:10px; color:#b9b9b9; position:relative;}
.s-dl.long dd .data p.txt2{font-size:10px; color:#b9b9b9; position:relative; overflow:visible}
.s-dl dd .data .time{ font-size:10px; color:#b9b9b9}
.s-dl dd .s-icon{width:20px; vertical-align:middle; margin-right:3px}
.s-dl dd .data.twoline{top:19px}
.s-dl.long dd .data.twoline{top:8px}
.s-dl dd .s-on{width:45px; padding-top:8px; height:37px; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; right:10px; top:13px; text-align:center; border:1px solid #05713d; color:#05713d; font-weight:bold; top:50%; margin-top:-24px}
.s-dl dd .s-off{width:45px; padding-top:8px; height:37px; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; right:10px; top:13px; text-align:center; border:1px solid #b3b3b3; color:#b3b3b3; font-weight:bold; top:50%; margin-top:-24px}
.s-dl dd .s-on.one{width:45px; padding-top:14px; height:31px; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; right:10px; top:13px; text-align:center; border:1px solid #05713d; color:#05713d; font-weight:bold; top:50%; margin-top:-24px}
.s-dl dd .s-off.one{width:45px; padding-top:14px; height:31px; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; right:10px; top:13px; text-align:center; border:1px solid #b3b3b3; color:#b3b3b3; font-weight:bold; top:50%; margin-top:-24px}

.s-notice{height:55px; position:relative;}
.s-notice .icon{display:inline-block; width:35px; height:35px; line-height:35px; color:#fff; border-radius:50%; overflow:hidden; font-size:12px; background:#04703c; text-align:center; position:absolute; left:10px; top:10px}
.s-notice a{display:block; height:100%}
.s-notice .txt{color:#7c7c7c; font-size:13px; position:absolute; left:60px; top:20px; width:calc(100% - 75px); -webkit-width:calc(100% - 75px); font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.mypage{position:relative; padding:15px}
.m-dl{position:relative;}
.m-dl dt{font-size:15px; font-weight:bold; color:#414141; line-height:100%; margin-bottom:10px}
.m-dl dd{position:relative; margin-bottom:5px; box-sizing:border-box; overflow:hidden}
.m-dl dd .m-text{width:100%; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box}
.m-dl dd .m-text.verti{width:calc(100% - 110px); -webkit-width:calc(100% - 110px);}
.m-dl dd .m-tail{color:#30d5b4; font-size:15px; padding:10px; line-height:17px; text-indent:-11px; padding-left:11px}
.m-dl dd .m-btn.white{width:100px; height:38px; line-height:38px; border:1px solid #7d7d7d; text-align:center; border-radius:5px; display:inline-block; float:right; font-size:15px; vertical-align:middle; color:#525252}
.m-dl dd .m-btn.green{width:100px; height:38px; line-height:38px; border:1px solid #11bf8c; background:#11bf8c; color:#fff; text-align:center; border-radius:5px; display:inline-block; float:right; font-size:15px; vertical-align:middle}

.btn-box{position:relative}
.btn-box a{display:block;}
.btn-box a.green-btn{text-align:center; font-size:15px; color:#fff; height:40px; line-height:40px; border-radius:7px; background:#034a41}
.m-radio {display:none;}
input[type="checkbox"] + label span {display:inline-block; width:19px;height:19px;background:url(check_radio_sheet.png) left top no-repeat;}

.m-radio-wrap{position:relative; display:inline-block; vertical-align:middle; position:absolute; left:0; top:12px}
.m-radio{display:none;}
.m-radio + label{display:inline-block; background:url(../images/radio-off.png) left top no-repeat; height:15px; padding-left:18px; background-size:15px 15px}
.m-radio:checked + label{background:url(../images/radio-on.png) left top no-repeat; height:15px; padding-left:18x; background-size:15px 15px}
.m-select{width:100%; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box; font-family:nanum-square-b}
.m-area{width:100%; height:100px; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:10px 10px; box-sizing:border-box; font-family:nanum-square-b}
.more-btn{position:relative; border-top:1px solid #ebe9e9; text-align:center; background:#fff; font-size:13px; color:#b3b3b3; height:30px; line-height:30px}
.more-btn a{display:block; text-align:center; font-size:15px; color:#b3b3b3}

.d-menu{position:relative; overflow:hidden; text-align:center; background:#f9f8f8; height:35px; line-height:35px}
.d-menu ul{position:relative; overflow:hidden}
.d-menu ul li{float:left; width:25%; height:100%}
.d-menu ul li a{display:block; height:35px; line-height:35px; color:#a2a2a2; font-size:12px; text-align:center}
.d-menu ul li.on a{color:#010101; font-weight:bold}

.d-option{position:relative; padding:8px 10px}
.d-option select{background:#fff; border:0; font-size:13px; color:#a0a0a0; margin-right:5px}
.d-option a{display:inline-block; position:absolute; right:10px; top:7px; width:45px; height:22px; line-height:22px; color:#fff; border-radius:20px; background:#a0a0a0; text-align:center; font-size:12px}

.paging{position:relative; text-align:center; padding:25px 0}
.paging ul{position:relative; text-align:center; overflow:hidden; display:inline-block; vertical-align:middle}
.paging ul li{display:inline-block; width:15px; height:15px;}
.paging ul li a{display:block; height:15px; line-height:15px; text-align:center; font-size:12px; color:#a0a0a0}
.paging ul li.on a{color:#000; font-weight:bold}
.paging .p-next{display:inline-block; width:40px; height:20px; line-height:20px; background:#fff; text-align:center; font-size:11px; color:#a0a0a0; border:1px solid #a0a0a0; border-radius:20px; vertical-align:middle; margin:0 5px}

.actpage{position:relative; padding:15px}

.a-dl{position:relative;}
.a-dl dt{font-size:15px; font-weight:bold; color:#414141; line-height:100%; margin-bottom:10px}
.a-dl dt b{color:#cd0a1d; margin-right:3px}
.a-dl dd{position:relative; margin-bottom:15px; box-sizing:border-box; overflow:hidden}
.img-drop{position:relative; border:1px solid #c9c9c9; border-radius:10px; overflow:hidden; height:185px;}
.img-drop.talk{height:255px}
.img-drop .img-pic{text-align:center; padding:15px}
.img-drop .img-pic span{width:110px; height:110px; border-radius:50%; overflow:hidden; display:inline-block}
.img-drop .img-pic img{width:110px}  /*img{width:110px} */
.img-drop .img-tit{text-align:center; padding:5px; color:#04703c}
.img-btn{padding:0 10px 10px 10px; text-align:center;}
.img-btn a{display:inline-block; margin:0 3px; background:#fff; border:1px solid #d7d7d7; border-radius:10px; padding:5px 8px; color:#939393}
.a-dl dd .a-text{width:100%; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box}
.a-dl dd .a-select{width:100%; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box; font-family:nanum-square-b}
.a-dl dd .a-select.left{width:49%; float:left}
.a-dl dd .a-select.right{width:49%; float:right}
.a-dl dd .a-area{width:100%; height:100px; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:10px 10px; box-sizing:border-box; font-family:nanum-square-b}
.talk-tail{font-size:14px; color:#7f7f7f; text-align:center; padding:0 10px}
.talk-tail b{color:#04703c; margin-right:5px}
.write-btn{position:relative; overflow:hidden}
.write-btn a{display:block; height:35px; line-height:35px; text-align:center; background:#034a41; color:#fff; font-size:15px;}
.write-btn a.left{float:left; width:50%;}
.write-btn a.right{float:right; width:50%; background:#2e2f2f}

.write2-btn{position:relative; overflow:hidden}
.write2-btn a{display:block; height:35px; line-height:35px; text-align:center; background:#ff0000; color:#fff; font-size:15px;}
.write2-btn a.left{float:left; width:50%;}
.write2-btn a.right{float:right; width:50%; background:#2e2f2f}

.write-btn3{position:relative; overflow:hidden}
.write-btn3 a{display:block; height:40px; line-height:40px; text-align:center; background:#034a41; color:#fff; font-size:16px;}
.write-btn3 a.left{float:left; width:50%;}
.write-btn3 a.right{float:right; width:50%; background:#2e2f2f}

.t-menu{position:relative; text-align:center; background:#f9f8f8; height:35px; line-height:35px}
.t-list{float:left; width:80px; text-align:center; position:relative}
.t-list ul{background:#f9f8f8; position:absolute; left:0; top:35px; z-index:10; width:100%; display:none}
.t-list ul li{height:30px; line-height:30px; background:#f9f8f8}
.t-list ul li a{display:block; height:100%; text-align:center; color:#807e7e;}
.t-list ul li.on a{color:#010101; font-weight:bold; background:#30d5b4}
.t-list ul li a:hover{color:#010101; font-weight:bold; background:#30d5b4}

.gps-link{position:relative; display:block; height:35px; line-height:37px; padding-left:35px; background:url(../images/gps-icon.png) 10px 7px no-repeat; background-color:#30d5b4; background-size:20px 20px; color:#fff;}
.gps-link:hover{color:#fff}
.report-btn{display:inline-block; font-size:11px; background:#fff; color:#a2a2a2; border:1px solid #a2a2a2; padding:2px 4px; text-align:center; border-radius:15px}

.chatting-tit{position:relative; text-align:center; font-size:15px; color:#a2a2a2; font-weight:normal; line-height:20px; padding:15px 10px; border-bottom:1px solid #ebe9e9}
.chatting-tit b{color:#4c4c4c}

.chat-opt{position:absolute; right:10px; top:25px; text-align:right}
.s-dl.long dd.not{background:#e9e9e9}
.chat-opt .count{position:relative; text-align:right}
.chat-opt .count span{display:inline-block; width:15px; height:15px; text-align:center; line-height:15px; background:#04703c; color:#fff; font-size:10px; border-radius:50%; overflow:hidden}
.chat-opt .date{font-size:12px; color:#c3c3c3; margin-top:1px}

.super-tail{position:relative; text-align:center; padding:5px 5px; line-height:20px; font-size:15px; color:#a3a3a3}
.super-tail b{color:#575757}
.super-tail b.green{color:#04703c}
.super-btn{background:#ea2f53; display:block; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:7px; margin:5px 0 0 0}
.super-btn:hover{color:#fff}
.super-list{position:relative; padding:15px 5px}
.super-list .tit{font-size:15px; color:#a2a2a2; margin-bottom:10px; text-align:left}
/*
.super-list ul{position:relative; overflow:hidden}
.super-list ul li{float:left; width:33%; text-align:center}
.super-list ul li a{display:block; height:100%}
.super-list ul li img{width:100%}
.super-list ul li > div{margin:0 5px; border:1px solid #ebe9e9;}
.super-list ul li .name{padding:8px 5px; text-align:center; font-size:11px}
*/
.super-list .flow-x{width:100%; /*height:277px;*/ overflow-x: scroll; overflow-y: hidden;}
.super-list ul{position:relative; /*overflow:hidden*/white-space: nowrap;}
.super-list ul li{/*float:left;*/ display:inline-block; width:33%; text-align:center}
.super-list ul li a{display:block; height:100%}
.super-list ul li img{width:100%}
.super-list ul li > div{margin:0 5px; border:1px solid #ebe9e9;}
.super-list ul li .name{padding:8px 5px; text-align:center; font-size:11px}

.more-wrap{position:relative; height:70px; border-bottom:1px solid #ebe9e9; background:url(../images/more-link.png) right center no-repeat; background-size:15px 29px}
.more-wrap > a{display:block; height:100%; position:relative}
.more-user .img{border-radius:50%; overflow:hidden; width:50px; height:50px; position:absolute; left:10px; top:10px}
.more-user .img img{width:100%}
.more-date{width:calc(100% - 100px); -webkit-width:calc(100% - 100px); position:absolute; left:80px; top:15px;}
.more-date p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%}
.more-date .tit{line-height:100%; color:#04703c; font-size:14px}
.more-date .tit img{width:20px; vertical-align:middle; margin-right:3px}
.more-date .tail{line-height:100%; color:#a6a6a6; font-size:14px; margin:5px 0 0 0}

.more-list{position:relative; overflow:hidden; border-bottom:1px solid #ebe9e9}
.more-list li{width:25%; float:left;}
.more-list li > a{display:block; border-right:1px solid #ebe9e9; border-bottom:1px solid #ebe9e9; padding-bottom:7px}
.more-list li:nth-child(4n) > a{border-right:0}
.more-list li:nth-child(5) > a{border-bottom:0}
.more-list li:nth-child(6) > a{border-bottom:0}
.more-list li:nth-child(7) > a{border-bottom:0}
.more-list li:nth-child(8) > a{border-bottom:0}
.more-list li .icon{display:block; text-align:center; padding:0 10px}
.more-list li .icon img{width:50px}
.more-list li .txt{text-align:center; margin:5px 0 0 0; display:block; font-size:12px}
.num-btn{background:#04703c; display:block; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:7px; margin:5px 15px 0 15px}
.num-btn:hover{color:#fff}

.gold-crown{position:relative; border:1px solid #c9c9c9; padding:15px; border-radius:5px; background:url(../images/gold-crown.png) 15px center no-repeat; background-size:50px 50px;
padding-left:80px; line-height:21px}
.gold-crown .green{color:#04703c}
.gold-crown .gold{color:#faa20a}

.profile-img{position:relative; margin:15px 0 0 0}
.profile-img .tit{font-size:15px; font-weight:bold; color:#414141; line-height:100%; margin-bottom:10px}

.profile-dl{position:relative; margin:25px 0 0 0}
.profile-dl dt{font-size:15px; font-weight:bold; color:#414141; line-height:100%; margin-bottom:10px; overflow:hidden}
.profile-dl dt b{color:#06d1a4; margin-right:3px}
.profile-dl dt a{display:inline-block; text-align:center; padding:3px 8px; color:#04703c; border:1px solid #04703c; border-radius:20px; float:right; font-size:13px}
.profile-dl dt a.on{color:#fff; background:#04703c}
.profile-dl dd{position:relative; box-sizing:border-box; overflow:hidden; height:30px}
.profile-dl dd input{border:0; border-bottom:1px solid #c9c9c9; width:100%; height:30px; text-align:right; color:#000000; position:relative; box-sizing:border-box; background:#fff}
.profile-dl dd input::-webkit-input-placeholder{color:#000}
.profile-dl dd .opt{font-size:14px; position:absolute; left:0; top:7px; color:#a3a3a3; z-index:10}
.profile-dl dd select{border:0; border-bottom:1px solid #c9c9c9; width:100%; height:30px; text-align:right; color:#000000; position:relative; box-sizing:border-box; background:#fff; direction: rtl; -webkit-appearance:none; -webkit-border-radius:0; font-family:nanum-square-b; overflow: none; padding-left:-50px;
background: #ffffff;
appearance:none;
-webkit-appearance: none;
background-repeat: no-repeat;
background-position: right;
cursor: pointer;
}
.profile-dl dd select::-ms-expand {
 display: none;
 }

.profile-dl dd option{text-align:right; direction: rtl;}

.profile-img{position:relative}
.profile-img ul{position:relative; overflow:hidden}
.profile-img ul li{width:25%; float:left}
.profile-img ul li div{margin:0 5px; text-align:center}
.profile-img ul li div .img{border:1px solid #c9c9c9; border-radius:5px; overflow:hidden; margin-bottom:10px}
.profile-img ul li div > a{display:block}
.profile-img ul li div .img img{width:100%}
.profile-img ul li div .btn{display:inline-block; padding:5px 7px; background:#959595; color:#fff; border-radius:20px}

.login-wrap{padding:15px; position:relative}
.login-wrap .logo{text-align:center; position:relative; padding:15px 0}
.login-wrap .logo img{width:180px}

.login-input{position:relative; margin:10px 0 0 0}
.login-input p{margin:10px 0; box-sizing:border-box;}
.login-input p input{width:100%; box-sizing:border-box; background:#fff; padding:10px 10px; color:#999999; border:1px solid #c9c9c9}
.login-input p input:focus{border:1px solid #11bf8c}
.id-check{margin:15px 0; color:#11bf8c}
.id-check input{}
.id-check input{display:none;}
.id-check input + label{display:inline-block; background:url(../images/radio-off.png) left top no-repeat; height:15px; padding-left:18px; background-size:15px 15px}
.id-check input:checked + label{background:url(../images/check-on.png) left top no-repeat; height:15px; padding-left:20x; background-size:15px 15px}

.login-wrap .login-btn{display:block; width:100px; height:35px; line-height:35px; text-align:center; background:#034a41; color:#fff;}
.login-wrap .join-btn{display:block; height:35px; line-height:35px; text-align:center; background:#fff; color:#04703c; border:2px solid #04703c}
.jor{text-align:center; padding:15px 0}
.jor a{display:inline-block; margin:0 3px; color:#595959}
.login-tail{font-size:13px; color:#afafaf; margin:10px 0; line-height:18px; margin:10px 5px; text-align:center}

.join-bar{position:relative; display:block; height:35px; line-height:37px; text-align:center;  background-color:#30d5b4; color:#fff;}
.join-tbl{width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0}
.join-tbl tbody th{text-align:left; padding:5px 0}
.join-tbl tbody td{text-align:left; padding:5px 0}

.calc-input{font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box; width:calc(100% - 110px); -webkit-width:calc(100% - 110px); border-radius:5px !important}
.calc-input2{font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box; width:calc(100% - 140px); -webkit-width:calc(100% - 140px); border-radius:5px !important}
.jb-btn{display:inline-block; width:100px; height:38px; line-height:38px; border:1px solid #525252; color:#525252; text-align:center; float:right; border-radius:5px}
.jb-btn2{display:inline-block; width:100px; height:38px; line-height:38px; border:1px solid #b5b5b5; color:#fff; background:#b5b5b5; text-align:center; float:right; border-radius:5px}
.jb-btn2:hover{color:#fff}
.join-tbl .m-text{width:100%; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box}
.g-t{color:#30d5b4; text-align:center; margin:10px 0 0 0}
.calc-select{width:120px; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:0 10px; height:40px; box-sizing:border-box; font-family:nanum-square-b}

.j-check{position:relative; margin:15px 0 5px 0; color:#000}
.j-check a{color:#606060}
.j-check input{}
.j-check input{display:none;}
.j-check input + label{display:inline-block; background:url(../images/radio-off.png) left top no-repeat; height:15px; padding-left:18px; background-size:15px 15px}
.j-check input:checked + label{background:url(../images/check-on.png) left top no-repeat; height:15px; padding-left:20x; background-size:15px 15px}

.p-tit{font-size:15px; font-weight:bold; color:#414141; line-height:100%; margin-bottom:10px; overflow:hidden}
.point-list{position:relative}
.point-list li{width:100%; margin-bottom:10px;}
.point-list li .p-box{display:block; padding:20px 15px; border:2px solid #c9c9c9; border-radius:5px; position:relative; background:url(../images/p-box-off.png) 20px center no-repeat; background-size:20px 20px}
.point-list li .p-box.on{background:url(../images/p-box-on.png) 20px center no-repeat; background-size:20px 20px; border:2px solid #04703c}
.point-list li .p-box p{text-align:right; margin:5px 0; padding-left:45px; text-align:left}
.point-list li .p-box p img{width:20px; vertical-align:middle;}
.point-list li .p-box p.name{font-size:14px}
.point-list li .p01{color:#a3a3a3}
.point-list li .p02{color:#febe11}
.point-list li .p03{color:#30d5b4}
.point-list li .p04{color:#0d5095}

.p-tbl{width:100%; table-layout:fixed;}
.p-tbl a{display:inline-block; padding:6px 0px; width:82px; text-align:center; background:#034a41; border-radius:20px; overflow:hidden; color:#fff; font-size:13px}

.layer-bg{width:100%; height:100%; position:absolute; left:0; top:0; width:100%; height:100%; right:0; bottom:0; background:#333; opacity:0.6; z-index:200}
.layer-pop{width:80%; max-width:400px; position:absolute; left:50%; margin-left:-200px; top:5%; z-index:210}
@media all and (max-width:800px) {
.layer-pop{margin-left:-40%}
}
.layer-pop h2{position:relative; height:35px; line-height:35px; background:#313332; color:#fff; padding:0 10px}
.layer-pop h2 a{text-indent:-9999px; width:15px; height:15px; background:url(../images/layer-close.png) no-repeat; background-size:15px 15px; position:absolute; right:10px; top:10px}
.layer-con{background:#fff; position:relative; padding:15px}
.message-tit{color:#a3a3a3}
.message-tit b{color:#034a41}
.message{position:relative; margin:10px 0 0 0; overflow:hidden}
.message .m-img{width:60px; float:left}
.message .m-img img{width:100%}
.message textarea{float:right; height:72px; border:1px solid #959595; width:calc(100% - 95px); -webkit-width:calc(100% - 95px); padding:10px; resize:none}
.m-tail{color:#11bf8c; margin:15px 0 5px 0}
.m-tail2{color:#a3a3a3; margin:0 0 15px 0}
.message-btn{position:relative; overflow:hidden;}
.message-btn a{display:inline-block; width:50%; height:40px; line-height:40px; text-align:center; background:#eeeeee; color:#4f4f4f}
.message-btn a.on{background:#034a41; color:#fff}

.inquiry-p{height:30px; border-bottom:1px solid #ebe9e9; line-height:30px}
.join-tbl .a-area{width:100%; height:150px; font-size:14px; color:#a3a3a3; border:1px solid #c9c9c9; border-radius:5px; padding:10px; box-sizing:border-box; font-family:nanum-square-b}

.alba-tit{position:relative; height:60px; line-height:60px; text-align:center; background:#f6f6f6}
.alba-tit .img{width:40px; height:40px; overflow:hidden; display:inline-block; vertical-align:middle; border-radius:50%; margin-right:5px}
.alba-tit .img img{max-width:100%}
.alba-tbl{width:100%; table-layout:fixed}
.alba-tbl th{text-align:center; padding:10px; border:1px solid #c9c9c9; background:#fff; color:#6f6f6f; height:20px}
.alba-tbl td{text-align:center; padding:10px; border:1px solid #c9c9c9; background:#fff; color:#000; font-size:15px; height:20px;}
.alba-tbl td a{display:inline-block; padding:5px 10px; background:#04703c; color:#fff; border-radius:30px; font-size:12px}
.alba-tail{position:relative; border-top:5px solid #ededed; background:#fff}
.alba-tail .tail-t{height:40px; line-height:40px; position:relative; text-align:center; color:#6f6f6f; margin:0 15px; border-bottom:1px solid #c9c9c9}
.alba-tail .tail-txt{position:relative; background:#fff; padding:15px 10px; padding-bottom:30px; text-align:center; line-height:20px; margin:0 auto; max-width:400px}
.alba-tail .tail-txt b{color:#04703c; margin:10px 0; font-weight:bold; display:block; text-align:center}

.confirm{position:relative; margin:45px 15px}
.confirm .tit{color:#616161; font-size:20px; text-align:center}
.confirm .tit b{color:#ffa800}
.confirm .txt{font-size:15px; color:#414141; text-align:center; margin:20px 0 0 0; line-height:24px; margin-bottom:30px}
.confirm a{display:block; text-align:center ;color:#fff; border-radius:10px; background:#ffb502; padding:10px; margin:10px 0}
.confirm-tail{position:relative; padding:20px 10px; background:#f9f9f9}
.confirm-tail ul li{padding-left:10px; text-indent:-10px; color:#b7b7b7; margin-bottom:5px; line-height:18px}

.point-wrap{position:relative; background:#fff; padding:15px; border-bottom:5px solid #f6f6f6}
.point-wrap .point{height:50px; line-height:50px; position:relative; font-size:15px}
.point-wrap .point span{color:#f9c805; font-size:18px; position:absolute; right:0; top:0}
.point-wrap .point span img{width:28px; vertical-align:middle; margin-right:5px}
.point-wrap .btn{position:relative; margin:10px 0 0 0}
.point-wrap .btn a{display:block; border:1px solid #04703c; color:#04703c; text-align:center; font-size:16px; padding:10px 20px; border-radius:5px}
.point-lister{position:relative}
.point-lister ul{position:relative; overflow:hidden}
.point-lister ul li{height:75px; position:relative; background:#fff; border-bottom:1px solid #e5e5e5; margin-bottom:0}
.point-lister ul li .date{font-size:13px; color:#b9b9b9; position:absolute; left:20px; top:20px}
.point-lister ul li .tit{font-size:15px; color:#000; position:absolute; left:20px; top:40px}
.point-lister ul li .one{position:absolute; right:20px; top:40px; color:#04703c; font-size:15px}
.point-lister ul li .one-name{color:#b9b9b9; font-size:12px; position:absolute; right:20px; top:22px}

.header .chat-name{font-size:16px; color:#fff; position:absolute; left:35px; top:11px}
.header .chat-date{font-size:13px; color:#76b78f; position:absolute; right:10px; top:9px}
.header .chat-date a{display:inline-block; padding:3px 5px; border:1px solid #76b78f; color:#76b78f; border-radius:20px; margin-left:5px; vertical-align:middle}
.chat-data{position:relative; height:50px; background:#fff;overflow:hidden}
.chat-data div{height:14px; padding:18px 0;}
.chat-data .left{float:left; width:50%; position:relative;}
.chat-data .right{float:right; width:50%; position:relative}
.chat-data span{color:#787878; font-size:13px; overflow:hidden; display:block; margin:0 20px; letter-spacing:-1px}
.chat-data span b{float:right;}
.chat-data .left b{color:#f9c805}
.chat-data .right b{color:#454545}
.chat-data .bar{display:inline-block; width:1px; height:20px; background:#ababab; position:absolute; left:50%; top:15px; margin:0;}
@media all and (max-width:450px) {
	.chat-data span{margin:0 10px}
}

.chat-wrap{position:relative; overflow:auto; background:#eeeeee; padding-bottom:10px}
.chat-wrap .chat{position:relative; margin:0 10px}
.c-date{height:40px; position:relative;}
.c-date .date{display:inline-block; width:110px; position:absolute; left:50%; margin-left:-55px; top:12px; z-index:10; background:#eeeeee; text-align:center; color:#b9b9b9}
.c-date .bar{width:100%; position:absolute; left:0; top:19px; height:1px; background:#ababab; color:#b9b9b9}

.chat{position:relative; overflow:hidden}
.chat .left{width:80%; text-align:left; float:left; margin-bottom:10px}
.chat .left .c-box{position:relative; padding-left:55px; min-height:40px}
.chat .left .c-box .img{width:40px; height:40px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0}
.chat .left .c-box .img img{max-width:100%}
.chat .left .c-box .c-name{color:#626262; font-weight:bold; font-size:13px}
.chat .left .c-box .c-txt{display:inline-block; background:#fff; border-radius:5px; padding:10px 15px; margin:5px 0 0 0; color:#353535; font-size:15px; position:relative;}
.chat .left .c-box .c-txt .bullet{width:9px; height:10px; background:url(../images/c-left.png) no-repeat; background-size:100% 100%; position:absolute; left:-9px; top:5px}
.chat .left .c-clock{vertical-align:bottom; font-size:12px; color:#b9b9b9; margin-top:5px; display:inline-block}

.chat .right{width:80%; text-align:right; float:right; margin-bottom:10px}
.chat .right .c-box{position:relative; padding-left:55px; min-height:40px}
.chat .right .c-box .img{width:40px; height:40px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0}
.chat .right .c-box .img img{max-width:100%}
.chat .right .c-box .c-name{color:#626262; font-weight:bold; font-size:13px}
.chat .right .c-box .c-txt{display:inline-block; background:#9ae0b8; border-radius:5px; padding:10px 15px; margin:5px 0 0 0; color:#353535; font-size:15px; position:relative; margin-right:9px}
.chat .right .c-box .c-txt .bullet{width:9px; height:10px; background:url(../images/c-right.png) no-repeat; background-size:100% 100%; position:absolute; right:-9px; top:5px}
.chat .right .c-clock{vertical-align:bottom; font-size:12px; color:#b9b9b9; margin-top:5px; display:block; margin-right:9px}

.chat-form{position:relative; height:50px; background:#d7d7d7;}
.chat-form .plus-btn{width:25px; height:25px; display:inline-block; position:absolute; left:10px; top:12px}
.chat-form .plus-btn img{width:100%}
.chat-form input{position:absolute; left:47px; top:8px; width:calc(100% - 120px); -webkit-width:calc(100% - 120px); background:#fff; padding:0 10px; height:35px; border:0; border-radius:5px}
.chat-form .call-btn{display:inline-block; height:50px; line-height:50px; position:absolute; right:0; top:0; width:50px; text-align:center; color:#8b8b8b; font-size:14px; font-weight:bold}

.return-wrap{position:relative; padding:10px 15px 5px 15px}
/*.return-opt{position:relative; overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:15px}*/
.return-opt{position:relative; overflow:hidden; border-bottom:1px solid #c5c5c5; padding-bottom:15px} /*½Ç¼±Ã³¸®*/
.return-opt .left{float:left; width:50%;}
.return-opt .right{float:right; width:50%}
.return-opt .right .tit{padding-left:10px}
.return-opt .opt{margin:10px 0 0 0; position:relative; overflow:hidden}
.return-opt .right .opt{margin-left:10px; margin-right:10px}
.return-opt .left .opt{margin-right:20px}
.return-opt .opt img{width:25px; vertical-align:middle}
.return-opt .opt span{float:right; font-size:18px; vertical-align:middle; position:relative; top:3px}
.return-opt .left span{color:#f9c805}
.return-opt .right span{color:#bababa}
.return-opt .bar{width:1px; height:45px; background:#a0a0a0; position:absolute; left:50%; top:5px; margin-left:-5px}
.return-dash{border-top: 2px dotted #c5c5c5; color: #c5c5c5; height: 1px; width: 100%;} /*Á¡¼±Ã³¸®*/

.return-opty{position:relative; margin:15px 0 15px 0}
.return-tbl{width:100%; table-layout:fixed;}
.return-tbl th{text-align:left; font-weight:bold; padding:5px 5px 5px 0}
.return-tbl td{text-align:left; padding:5px}
.return-tbl select{width:100%; box-sizing:border-box; padding:0 5px; border-radius:5px; height:30px; border:1px solid #a3a3a3; color:#a3a3a3}
.return-tbl input{width:100%; box-sizing:border-box; padding:10px 5px; border:0; border-bottom:1px solid #a0a0a0; color:#a3a3a3}
.return-tail{position:relative; text-align:left; background:#f6f6f6; line-height:20px; font-size:14px; padding:15px; color:#a2a2a2}

.ppo-wrap{position:relative; padding:15px}
.ppo-opt{position:relative; padding-bottom:15px; border-bottom:1px solid #c9c9c9}
.ppo-opt img{width:25px; vertical-align:middle}
.ppo-opt .tit{margin:0 0 10px 0}
.ppo-opt .opt{position:relative; overflow:hidden}
.ppo-opt .opt span{margin-left:5px; font-size:18px; color:#f9c805; vertical-align:middle}
.ppo-opt .opt a{display:inline-block; float:right; padding:5px 10px; border:1px solid #8b8b8b; border-radius:15px; color:#8b8b8b}
.ppo-opt .opt a img{width:7px; vertical-align:middle; margin-left:7px}

.ppo-list{position:relative; padding:15px 0 0 0;}
.ppo-list ul{position:relative; overflow:hidden}
.ppo-list ul li{margin-bottom:10px}
.ppo-list ul li > a{display:block; height:70px; position:relative; border:2px solid #c9c9c9; border-radius:5px}
.ppo-list ul li > a.on{border:2px solid #04703c}
.ppo-list ul li > a .icon{position:absolute; left:5px; top:10px; width:50px}
.ppo-list ul li > a .opt{padding-left:62px}
.ppo-list ul li > a .opt .so{margin:17px 0 0 0; color:#525252}
.ppo-list ul li > a .opt .so b{margin-left:1px; color:#41cca3}
.ppo-list ul li > a .opt .big{margin:5px 0 0 0; color:#010101; font-size:15px}
.ppo-list ul li > a .check{width:20px; height:20px; background:url(../images/p-box-off.png) no-repeat; background-size:20px 20px; position:absolute; right:20px; top:25px;}
.ppo-list ul li > a.on .check{background:url(../images/p-box-on.png) no-repeat; background-size:20px 20px;}

.ppo-btn{border-top:5px solid #f9f9f9}
.ppo-btn ul{position:relative; overflow:hidden}
.ppo-btn ul li >a{display:block; border-bottom:1px solid #c9c9c9; padding:25px 20px; font-size:16px; color:#4b4b4b; position:relative}
.ppo-btn ul li:nth-last-child(1) a{border-bottom:0}
.ppo-btn ul li >a span{font-size:12px; color:#8c8c8c; position:absolute; right:20px; top:25px; height:20px; background:url(../images/pp-bullete.png) right center no-repeat; display:inline-block; background-size:9px 18px; padding-right:16px; line-height:20px}