@import url("./reset.css");
@import url("./common.css");
/*@import url("./fontawesome-free-5.15.4-web/css/all.css");*/

a:hover, input[type="submit"], input[type="button"], button, input[type="file"]{cursor:pointer}
.content-title{display: flex;align-items: center;justify-content: center;background-color: #fff;border-bottom: 1px solid #e2e2e2;padding:15px 0}
.content-title h1{color:#000;font-size: 1.063rem;}
label{cursor: pointer;}
/* 회원가입 */
.join .content-title{background-color: #282828;padding:1.75rem 0;border-bottom: 0;}
.join .content-title h1{font-size: 1.063rem;color:#fff}
.mt50{margin-top:50px}
.regist{padding:0.937rem 0;}
.regist h2{margin-bottom: 0.875rem;font-size: 0.875rem;}
.regist .radio-box{display: flex;justify-content: space-between;margin:0 15px}
.regist .radio-box .radio-wrap{border:1px solid #cccccc;width:48.5%;padding:2.063rem 0;border-radius: 0.625rem;position: relative;margin:0}
.regist .radio-box .radio-wrap.on{border:1px solid #009df5}
.regist .radio-box .radio-wrap input{display:block;position: absolute;width: 100%;height: 100%;left:0;top:0;opacity: 0;z-index: 1;}
.regist .radio-box .radio-wrap input + label::before{content:'';position: absolute;left:50%;top:0;width:1.188rem;height: 1.188rem;border-radius: 50%;border-radius:50%;border:1px solid #ccc;z-index: 1;transform: translateX(-50%)}
.regist .radio-box .radio-wrap input:checked + label::before{background-color: #009df5;border-color: #009df5;}
.regist .radio-box .radio-wrap input:checked + label::after{content:'';position: absolute;left:50%;top:0.33rem;width:0.625rem;height:0.625rem;z-index: 2;background-color: #fff;border-radius: 50%;transform: translateX(-50%);}
.regist .radio-box .radio-wrap label{display: block;text-align: center;color:#ccc;position: relative;padding-top: 1.688rem;border:0}
.regist .radio-box .radio-wrap.on label{color:#009df5}
.regist .btn:disabled{background-color: #e5e5e5;color:#707070;border-color:#e5e5e5}
.form-item .addr{display: flex;justify-content: space-between;}
.form-item .addr input{width:71%}
.form-item .addr .btn{width:28%;border-color: #e2e2e2;font-size: 10px;color:#000}
.form-item{margin-bottom: 15px;}
.form-item .flex .btn{margin-bottom: 10px;}
.regist h1{margin-bottom: 25px;}
.regist .form-item h2{margin-bottom: 10px;}
.form-item .label{font-size: 0.581rem;margin-bottom: 0.354rem;}
.swiper-slide img{width: 100%;}
.mb125{margin-bottom: 1.25rem;}
.list .nodata{padding:10px;text-align: center;}
.inp-attatch{position: relative;}
.inp-attatch .close{position: absolute;width:11px;height:11px;background: url("../images/file_close.png") no-repeat;background-size: 100% auto;text-indent: -9999px;display: block;right:10px;top:50%;transform: translateY(-50%);}
/*공지사항*/
.board-list, .board-view{border-top:3px solid #009df5;border-bottom: 3px solid #009df5;}
.board-list li{border-top: 1px solid #cccccc;}
.board-list li:first-child{border-top:0}

.board-list a{display: flex;justify-content: space-between;padding:0.938rem 0.625rem;}
.board-list a strong, .board-list a span{font-size: 0.625rem;}

.board-view .board-title{padding: 1.375rem 0.519rem;display: flex;justify-content: space-between;border-bottom: 1px solid #cccccc;}
.board-view .board-title strong,
.board-view .board-title span{font-size: 0.644rem;}
.board-view .board-title .wrap{display: flex;justify-content: space-between;width:100%}
.board-view .board-content .cont{font-size: 0.644rem;padding:0.968rem 0.475rem;line-height: 1.131rem;}
.board-view .board-content .attatch{font-size: 0.644rem;padding-bottom:0.968rem;}
.board-view .board-content .attatch a{display: inline-block;border-radius: 9999px;border:1px solid #cccccc;font-size: 0.538rem;padding:0.469rem 0.788rem}
.board-view .board-content .attatch a i{width: 9.6px;height:9.6px;background: url("../images/icon_attatch.png") no-repeat 0 0;background-size: 100% auto;margin-right: 0.413rem;}

/*아이디 비밀번호 찾기*/
.find{max-width: 760px;margin:0 auto}
.phone .text{margin: 3.75rem 0 1.538rem;text-align: center;font-size: 0.644rem;line-height: 1.163rem;}
.box-result{background: #ecf2f5;margin-bottom: 2.25rem;text-align: center;padding:1.125rem 0;line-height: 1.625rem;}
.box-result p{font-size: 0.625rem;}
.box-result strong{color:#009df5;font-size: 0.938rem;}

/* 광고리스트 */
.local-list{background-color: #ebf6f8;}
.local-list ul{white-space: nowrap;justify-content: space-between;padding:0 1rem;overflow-x: auto;}
.local-list ul li {margin:0 0.5rem;display: inline-block;}
.local-list ul li a{font-size: 0.581rem;display: block;padding:0.625rem 0;font-weight: 800;color:#969696}
.local-list ul li.on a{color:#010101}
.special{background:#ebf6f8;margin:0 -0.625rem}

/*.special .bullet{padding-bottom:0;margin-left:0.625rem}*/
.special .bullet{padding-bottom:10px;margin-left:0.625rem}
.special .bullet .tooltip-btn{margin-left:10px}

/* 게시물 없음 추가 */
.special .empty {width:220px;padding:20px 40px 40px;margin:0 auto 50px;text-align:center;font-size: 0.63rem;background:url("../images/icon_emark.png") 15px 15px no-repeat;background-size:10%}
.co-basic .empty {width:220px;padding:20px 40px 40px;margin:0 auto;text-align:center;font-size: 0.63rem;background:url("../images/icon_emark.png") 15px 15px no-repeat;background-size:10%}

.ultra{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;padding:10px 15px}
.ultra li{border:1px solid #e2e2e2;border-radius: 0.125rem;text-align: center;padding:0.625rem 0;width: 49%;background:#fff;margin-bottom:15px}
.ultra li p{color:#8f8f8f;font-size: 0.456rem;margin-top:0.45rem;text-align: center;}
.ultra li p.tit{color:#009df5;font-size: 0.63rem;}
.ultra li p.date{color:#000;font-size: 0.63rem;line-height: 1.163rem;}
.ultra li p em{display:block;color:#8f8f8f;font-size: 0.55rem;font-weight: 800;}
.ultra li .flag{display: flex;justify-content:center;}
.ultra li .flag span{position:relative;display: block;background-color: #000;color: #fff;font-weight: 800;text-align: center;border-radius: 9999px;font-size:0.344rem;vertical-align:middle;padding:0 15px;line-height:18px;display:flex;align-items:center;justify-content:center}
.ultra li .flag span em{width:15px;height:15px;background:url("../images/ico_ultra_arrow.png") no-repeat center center;background-size:auto 6px}
/*.ultra li .flag span:last-child::after{content:'';position:absolute;width:1rem;height:100%;left:-1rem;background: url("../images/arrow_right_m.png") no-repeat center center;background-size: 0.331rem auto;top:0}*/
.ultra li .btn{background: #50d6c5;width: 75%;display: inline-block;font-weight: 800;color:#fff;border-radius: 9999px;font-size:0.456rem;height:1.425rem;line-height: 1.425rem;padding:0}
.ultra li .btn.st-ty01{background:#009df5}
.ultra li .btn.st-ty02{background:#969696} 

/*구매내역*/
.purchase-list,.no-purchase{max-width: 760px;margin:0 auto}
.purchase-list .item{border:1px solid #b5b5b5;margin-top:1.313rem;border-radius: 0.313rem;overflow: hidden;}
.purchase-list .item:first-child{margin-top:0}
.purchase-list .item .item-header{background-color:#009df5;font-weight: 800;font-size: 0.625rem;color:#fff;padding:0.63rem 1.144rem}
.purchase-list .item .item-body{padding:0.63rem 0.988rem}
.purchase-list .item .item-body li{margin-top: 0.5rem;}
.purchase-list .item .item-body li strong{width:2.706rem;display: inline-block;}
.purchase-list .item .item-body li span, .purchase-list .item .item-body li strong{font-size: 0.625rem;}
.purchase-list .item .item-body li:first-child{margin-top:0}
.no-purchase{font-size: 0.85rem;text-align: center;font-weight: 800;padding-top:3.75rem;background: url("../images/caution_m.png") no-repeat top center;background-size: 2.813rem auto;}
.no-data{font-size: 0.85rem;text-align: center;font-weight: 800;padding-top:3.75rem;background: url("../images/caution_m.png") no-repeat top center;background-size: 2.813rem auto;}

.text-ty01{font-size:11px;font-weight: 500;text-align: center;line-height: 18px;}
.ser-box{text-align: center;background-color: #ebf6f8;padding:11px;display: flex;justify-content: center;flex-direction: column;margin-top:10px}
.ser-box p{margin-bottom: 14px;}
.ser-box p strong{font-size:10px}
.ser-box ul{display: flex;align-items: center;flex-direction: column;}
.ser-box ul li{width:140px;font-size: 8.6px;text-align: left;margin-top:10px;padding-left:20px;background: url("../images/icon_check_m.png") no-repeat 0 0;background-size: 14px auto;}

.ser-box ul li:first-child{margin-top: 0;}
.radio-wrap{display: flex;margin-top:10px}
.radio-wrap input[type="radio"]{display: none;}
.radio-wrap input[type="radio"] + label{display:flex;width:100%;border:1px solid #cccccc;border-radius:3px;padding:7px 8px;justify-content: space-between;font-size: 12px;font-weight: 800;line-height: 18px;}
.radio-wrap input[type="radio"] + label strong{color:#009df5;position: relative;padding-left: 27px;font-size: 12px;}
.radio-wrap input[type="radio"] + label em{font-size: 12px;}
.radio-wrap input[type="radio"] + label strong::before{content:'';position: absolute;width:18px;height: 18px;border-radius: 50%;border:1px solid #009df5;left: 0;top:0;z-index:2;box-sizing: border-box;}
.radio-wrap input[type="radio"]:checked + label strong:before{content:'';background-color: #009df5;}
.radio-wrap input[type="radio"]:checked + label strong:after{content:'';width:10px;height: 10px;background-color: #fff;position: absolute;border-radius: 50%;left:4px;top:50%;transform:translateY(-50%);z-index: 3;}
.radio-wrap input[type="radio"]:checked + label{border-color: #009df5;}

.cau p{font-size: 8px;padding-left: 24px;margin-top: 15px;background: url("../images/icon_nb_m.png") no-repeat 0 0;background-size: 19px auto;padding-top:5px}
.cau p a{display: inline-block;font-size: 9px;color:#009df5;border-bottom: 1px solid #009df5;padding-bottom: 5px;margin-top:5px}
.cau div{margin-top:40px}


/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 40px;height: 16px;border-radius: 9999px;overflow: hidden;}
.switch input {opacity: 0;width: 0;height: 0;}  
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 0.5px;top:50%; background-color: white;-webkit-transition: .4s;transition: .4s;-webkit-transform: translate(0.5px, -50%);-ms-transform: translate(0.5px, -50%);transform: translate(0.5px, -50%);}
input:checked + .slider {background-color: #009df5;}
input:checked + .slider:before {-webkit-transform: translate(23px, -50%);-ms-transform: translate(23px, -50%);transform: translate(23px, -50%);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.push-noti{display: flex;justify-content: space-between;border-bottom: 1px solid #e2e2e2;margin:0 -0.625rem;padding:0 0.625rem 0.625rem;}
.push-noti strong{font-size: 14px;}
.app-version{font-weight: 800;font-size: 9px;padding:0.5rem 0}
textarea{width: 100%;resize: vertical;border:1px solid #cccccc}
.agree {margin-bottom: 40px;}
.agree + p.txt-alert{margin-bottom: 10px;}
.agree li{margin-top:15px;line-height: 20px;display:flex}
.agree li em{margin-left:10px}
.agree .chk-wrap + a em{margin-left:5px;color:#009df5;font-size:9px}
.agree.flex{align-items: center;}
.chk-wrap input{display: none;}
.chk-wrap input + label{display:block;padding-left:30px;position: relative;line-height: 18px;font-weight: 500;}
.chk-wrap input + label em{color:#009df5}
.chk-wrap input + label + a em{color:#009df5}
.chk-wrap input + label:before{content: '';position: absolute;left: 0;width:20px;height: 20px;top: 50%;transform: translateY(-50%);background: url("../images/bg_chk.png") no-repeat;background-size: 100% auto}
.chk-wrap input:checked + label:before{content: '';background-image: url("../images/bg_chk_checked.png");}

/*service*/
.service-wrap .benefit{padding-top: 30px;}
.table-ty01{table-layout: fixed;width: 100%;background-color: #fff;}
.table-ty01 th,.table-ty01 td{text-align: center;font-size: 9px;font-weight: bold;padding:7px 0;line-height: 120%;vertical-align: middle;border:1px solid #eeeeee}
.table-ty01 tr th:last-child, .table-ty01 tr td:last-child{color:#009df5}
/*20210325*/
a.floating-btn-write{display:inline-block;position:fixed;right:5px;bottom:5px;text-indent:-9999px;width:45px;height:45px;background:url(../images/flo_btn_write.png) no-repeat center center;background-size:100% auto}
/* //20210325*/

/*main*/
.main-service .wrapper{max-width: 88%;margin:0 auto;display: flex;padding:20px 0;flex-wrap: wrap;justify-content: space-between}
.main-service .service{width:32%;background-color: #faf6ed;padding:10px 0;text-align: center;margin-top:10px;border-radius: 5px;box-shadow: 1.1px 1.5px 3px 0px rgba(4, 0, 0, 0.1);}
.main-service .service.ty02{background-color: #e7f8ff;}
.main-service .service.ty03{background-color: #e5f7f5}
.main-service .service.ty04{background-color: #f7f1f9;}
.main-service .service.ty05{background-color: #ffefef;}
.main-service .service.ty06{background-color: #e7f8ff;}
.main-service .service .text{font-size: 10px;font-weight: 800;font-family: 'scdream6';}
.main-service .service .text em{font-size: 10px;font-family: 'scdream3';font-weight: 300;}
.main-service .service i{display: inline-block;background-image: url("../images/icon_set_banner.png");background-repeat: no-repeat;background-size:232px auto;height:40px}
.main-service .service.ty01 i{background-position: 0px 0;width:44px;}
.main-service .service.ty02 i{background-position: -107px 0;width:32px;}
.main-service .service.ty03 i{background-position: -200px 0;width:34px}
.main-service .service.ty04 i{background-position: -9px -67px;width:31px}
.main-service .service.ty05 i{background-position: -104px -70px;width:38px}
.main-service .service.ty06 i{background-position: -197px -70px;width:35px}
.main-service .service.ty11 i{background-position: 0px 0;width:44px;}
.main-service .service.ty12 i{background-position: -107px 0;width:32px;}
.main-service .service.ty13 i{background-position: -200px 0;width:34px}
.main-service .service.ty14 i{background-position: -9px -67px;width:31px}
.main-service .service.ty15 i{background-position: -104px -70px;width:38px}
.main-service .service.ty16 i{background-position: -197px -70px;width:35px}

.side-c .notice-header a {position: absolute;top: 50%;transform: translateY(-50%);right: 14px;border-radius: 50%;width:36px;height: 36px;background: url("../images/icon_more.png") no-repeat;background-size: 100%  auto;text-indent: -9999px;}
.flex.justify-content{justify-content: space-between;}
.pbr{display: none;}

.flex.side{display: flex;flex-wrap: wrap;flex-direction: column;}
.side-a > a.btn{padding:30px 20px;font-size: 17px;border-radius: 15px;position: relative;}
.side-a > a.btn:after{content:'';position:absolute;background:url("../images/icon_circle02.png") no-repeat;width:33px;height: 33px;background-size:100% auto;right:20px;top:50%;transform: translateY(-50%);}
.side-a .flex{margin:15px 0 10px}
.side-a .flex a.btn{font-size: 10px;font-family: 'scdream6';font-weight: 800;box-shadow: 2px 1px 5px 0px rgba(4, 0, 0, 0.05);border-radius: 10px;background: url("../images/icon_circle03.png") no-repeat 95% center;background-size:24px 24px;padding:17px 15px 17px 30px;position: relative;}
.side-a .flex a.btn:before{content: '';position: absolute;width:10px;height:16px;background: url("../images/icon_01.png") no-repeat left center;background-size: 100%  auto;left:15px;top:50%;transform:translateY(-50%)}
.side-a .flex a.btn:last-child:before{background-image: url("../images/icon_02.png");}
.side-b .more{margin-top:14px}
.side-b p strong{display: block;padding:20px 30px;font-size:17px}
.side-b{margin:0 -0.625rem;background-color: #ebf6f8;}
.side-b .rec-menu {display: flex;flex-wrap: wrap;}
.side-b .rec-menu li{width:33.3%;background-color: #fff;text-align: center;}
.side-b .rec-menu li a{position:relative;display: inline-block;font-size: 10px;font-weight: bold;padding:13px 0;text-align: center;justify-content: center;}
.side-b .rec-menu li.on a{color:#009df5}
.side-b .rec-menu li.on a:after{content:'';position: absolute;bottom:0;left:0;width:100%;background-color: #282828;height: 2px;}
.side-b .more .btn{width:46%;box-shadow: 2px 1px 5px 0px rgba(4, 0, 0, 0.05);background: #fff;margin:0 auto;font-family: 'scdream6';font-weight: 800;font-size: 12px;border-radius: 10px;}
.list ul{padding:0 0.625rem}
.list ul li{background-color: #fff;box-shadow: 11.143px 6.695px 31px 0px rgba(4, 0, 0, 0.05);border-radius: 10px;margin-top:10px;}
.list ul li:first-child{margin-top:20px}
.list.basic ul li:first-child{margin-top:0}
.list ul li a{display: block;padding:15px 20px}
.flags .local span{display: inline-block;width:60px;border-radius: 9999px;text-align: center;color:#fff;font-weight: 800;padding:8px 0;background:#86d3e6;font-size: 12px;position: relative;}
.flags .local span:first-child{background-color: #000000;margin-right: 25px;}
.flags .local span:first-child:after{content:'';position:absolute;width:7px;height:13px;background: url("../images/flag_arrow.png") no-repeat 0 0; background-size: 100% auto;right:-20px}
/*.flags .local span:last-child{display: block;max-width: 40px;font-size: 8px;width: auto;border-radius: 5px;padding:4px 8px;background-color: #9943e8;margin-top:10px}*/
.flags .local span.new{max-width: 40px;font-size: 8px;width: auto;border-radius: 5px;padding:4px 8px;background-color: #9943e8;margin-top:10px}
.flags .status span{display: inline-block;width:130px;border-radius: 9999px;text-align: center;color:#fff;font-weight: 800;padding:8px 0;background:#009df5;font-size: 14px;}
/* 광고 상태 표시 색상 구분 — 예약중(2602)=주황 / 거래완료·구직완료(2603·2605)=검정 (표시 전용, DB state 불변) */
.flags .status span.st-reserve{background:#f57c00}
.flags .status span.st-done{background:#333}
.btn.st-reserve,td.st-reserve{color:#f57c00;font-weight:800}
.btn.st-done,td.st-done{color:#222;font-weight:800}
/* 일반광고 목록 카드(ul.ultra 하위)의 상태 btn은 배경색(.ultra li .btn)이 특이성으로 우선하므로 배경으로 덮어쓴다 */
.ultra li .btn.st-reserve{background:#f57c00;color:#fff}
.ultra li .btn.st-done{background:#333;color:#fff}
.flags .local span.single{width:100px;}
.flags .local span.single em{display: inline-block;width:14px;height:20px;vertical-align: middle;background:url("../images/icon_gt.png") no-repeat center center;background-size: 6px auto;text-indent: -9999px;}
.flags .local span.single:after{display: none;margin-right: 0;}
.list .detail .info span{font-weight: 800;font-size: 14px;}
.list .detail .info span:first-child{display: block;margin:10px 0}
.list .detail .info span.weight{display: block;}
.list .detail .info span.ins{color:#acacac}
.list .detail .price{text-align: right;font-weight: 500;font-size: 12px;margin-top: 10px;}
.list .detail .price span{display: block;font-weight: 800;margin:10px 0}
.list.basic ul{background-color: #fff;padding-bottom: 20px;border-bottom: 1px solid #d0d0d0;}
.list.basic ul.exp{padding:0}
.list.basic ul.manager{border-bottom: 0;}
.list.basic ul.manager .top{background-color: #e3eef5;display: flex;justify-content: space-between;padding:5px 25px;align-items: center;z-index:205}
.list.basic ul.manager .top .txt{flex:1 0 186px;font-size:12px;font-weight:500}
.list.basic ul.manager .top .txt span {font-size:12px; color: #007aff;}
.list.basic ul.manager .top .btn{flex:0 1 90px;background-color: #fff;border:1px solid #d0d0d0;border-radius: 5px;padding: 5px 10px;font-weight: 500;font-size: 8px;}
.list.basic ul.manager li{margin-top:20px;position:relative;}
.manager .layer-menu{display:none;position: absolute;}
.manager .layer-menu.on{display: block; top: 10px;right: 132px;z-index:200}
.manager .layer-menu ul:last-child{padding-bottom:0;border:0}
.manager .layer-menu > ul > li{box-shadow: none;margin-top:5px;padding:0;border:0}
.manager .layer-menu > ul > li > a{padding:0}
.side-c{margin:0 -0.625rem;}
.side-c .notice-header{background-color: #ebf6f8;padding:20px 25px;position: relative;}
.notice-recent-list li{border-bottom: 1px solid #eeeeee;}
.notice-recent-list li a{padding:20px 30px;display: flex;align-items: center;}
.notice-recent-list li a em{font-size: 10px;color:#009df5;margin-right: 20px;}
.notice-recent-list li a span{font-size: 13px;font-weight: 800;}
.side-d{display: none;}
.detail-area .nodata{display: flex;align-items: center;}
.regist-complete{text-align: center;padding:50px 0 0}
.regist-complete p{line-height: 18px;font-size: 1.063rem;}
.regist-complete p:first-child{margin-bottom: 20px;}
.regist-complete p strong{font-size:14px}
.regist-complete p.last{font-size: 11px;margin:40px 0 20px}
.regist-complete p.last strong{display: block;margin-bottom: 10px;}
.regist-complete .btn{margin-top:40px}
.pay-method{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;border-bottom: 1px solid #8f8f8f;margin-bottom: 15px;}
.pay-method .check-wrap{width:49%;border:1px solid #cccccc;padding:10px 15px;border-radius: 8px;margin-bottom: 5px;}
.pay-method .check-wrap input{display: none}
.pay-method .check-wrap input + label{padding-left:40px;font-weight: 800;position: relative;font-size:13px}
.pay-method .check-wrap input + label::before{content:'';position: absolute;left:0;width:14px;height: 14px;border:2px solid #8f8f8f;border-radius: 50%;box-sizing: border-box; top: 50%;transform: translateY(-50%);}
.pay-method .check-wrap input:checked + label:before{background-color: #009df5;border:0}
.layerPop .r-box em.price{font-size: 15px;font-weight: 800;}
.layerPop .agree .chk-wrap input + label{font-size: 9px;}
.layerPop .agree .chk-wrap input + label em{font-size: 9px;}
.layerPop .agree{margin-bottom:20px}
.r-text{padding:40px 0 70px;text-align: center;font-weight: 800;font-size: 19px;line-height: 2em;}
.withdraw .v-ntext{text-align: center;font-size: 14px;letter-spacing: -0.5px;line-height: 1.5em;padding:10px 0 30px}
h2.v-text{font-size:14px;margin-bottom: 15px;}
.v-box{background: #dae6ec;padding:20px 15px;margin-bottom: 30px;}
.v-box ul li span{display: inline-block;min-width: 70px;font-size:12px;font-weight: 800;}
.v-box ul li em{font-size:12px;font-weight: 500}
.al-noti{background: #eeeeee;margin:10px;padding:5px 10px}
.al-noti i{display:inline-block;background:url("../images/icon_alrim.png") no-repeat 0 0;width:18px;height:18px;background-size: 100% auto;vertical-align: middle;}
.al-noti span{display: inline-block;vertical-align: middle;margin-left:10px;font-size:10px}
.note-list{padding-bottom: 50px;}
.note-list li{position:relative;border-bottom: 1px solid #e2e2e2;padding:10px 15px}
.note-list li > div{display: flex;align-items: center;}
.note-list li:first-child{border-top: 1px solid #e2e2e2;}
.note-list li p{font-size: 12px;margin-top:7px}
.note-list li p strong{font-size: 12px;}
.note-list li p:first-child{margin-top:0}
.note-list li span{position: absolute;padding:3px 10px;border-radius: 9999px;border:1px solid #009df5;color:#009df5;font-size:9px;right:15px;top:10px;font-weight: 800;}
.note-list li .photo{margin-right:15px}
.note-list .chk-wrap input + label{text-indent: -9999px;}
.btn.kakao{background-color: #ffdf00;color:#000;font-size:12px;font-weight: 500;text-align:center;margin-bottom: 10px;}
/*.btn.kakao i{display: inline-block;width: 13px;height: 12px;background: url("../images/icon_kakao.png") no-repeat 0 0;background-size:100% auto;vertical-align: middle;margin-right: 5px}*/
.btn.naver{background-color: #01c73c;color:#fff;font-size:12px;font-weight: 500;text-align:center;}
/*.btn.naver i{display: inline-block;width: 14px;height: 14px;background: url("../images/icon_naver.png") no-repeat 0 0;background-size:100% auto;vertical-align: middle;margin-right: 5px;}*/
.login-form{padding-top:25px;margin-top:30px;position: relative;}
.login-form::before{content: '';position: absolute;left:50%;top:0;height: 3px;background: #000;width:40px;transform: translateX(-50%);}
.login-form h3{font-size: 14px;margin-bottom:5px}
.login-form .chk-wrap{margin-bottom: 30px;}
.login-form .chk-wrap input{display: none;}
.login-form .chk-wrap input + label{display: block;padding-left: 25px;position: relative;line-height: 18px;font-weight: 500;font-size: 9px;}
.login-form .chk-wrap input + label:before{content: '';position: absolute;left: 0;width: 18px;height: 18px;border-radius: 50%;box-sizing: border-box;top: 50%;transform: translateY(-50%);}
.login-form .chk-wrap input + label:after{content: '';position: absolute;left: 4px;top: 6px;width: 10px;height: 6px;background-size: 100% auto;}
.login-form .chk-wrap input:checked + label:before{background:#009df6;border:0}
.login-form .chk-wrap input:checked + label:after{background-image: url(../images/icon_check_white.png);}
.login-form .btn{height: 32px;font-size: 12px;padding:0}
.join .join-btn{margin-top:50px}
.join .join-btn p{text-align: center;font-size:12px;font-weight: 500;margin-bottom: 20px;}
.find-btn-wrap{text-align: center;margin-top:5px}
.find-btn-wrap span, .find-btn-wrap a{font-size:10px;font-weight: 500;}

.filter{display: flex;justify-content: space-between;flex-wrap: wrap;}
.filter .select{width: 49%;margin-bottom: 10px;position: relative;}
.select.down ul{display:none;width:100%;position: absolute;opacity: 0;padding:10px;background-color: #fff;margin-top:5px;border:1px solid #e2e2e2;z-index:1}
.select.down ul.on{display:block;opacity: 1;transition: all 0.5s;overflow-y: scroll; height: 300px;}
.select.down ul li a{display: block;font-size: 10px;font-weight: 800;font-size: 14px;padding:10px}
.layerPop.top .layer{top:0;left:0;transform:none;width:100%;border-radius: 0;}
.layerPop.top .layer .two{display: flex;flex-wrap: wrap;justify-content: space-between;}
.layerPop.top .layer .two .dist{width:49%;position: relative;top:-20px}
.layerPop.top .layer .two ul{position:relative;padding:15px 0 15px 10px;min-height: 200px;max-height: 200px;overflow-y:auto;border:1px solid #e2e2e2;border-radius: 3px;margin-top:15px}
.layerPop.top .layer .two ul li{margin-bottom: 10px;}
.layerPop.top .layer .two ul li.nodata{height:180px;font-size:14px}
.layerPop.top .layer .two ul li a{color:#747474;font-size:12px}
/*.layerPop.top .layer .two ul li a.on{color:#000000;font-weight: 800;border-bottom: 1px solid #000;}*/
.layerPop.top .layer .two ul li a.on{color:#000000;font-weight: 800;}
.layerPop.top .layer-head{margin-top:-0.625rem}
.layerPop.top .layer-head h1{text-align: center;padding:15px 0;border-bottom: 1px solid #eeeeee;margin:0 -0.625rem;font-size: 14px;}
.detail-area li:not(.nodata){display: none;}
.file-attatch{position: relative;}
.file-attatch input[type='file']{position: absolute;right:0;top:0;width:100%;bottom: 0;opacity: 0;}
/*툴팁*/
.bullet{padding:8px 0 15px;display: flex;align-items: center;}
.bullet span{position:relative;padding-left:8px;font-size:10px;font-weight: 800;}
.bullet span:before{content: '';position: absolute;left:0;top:50%;width:3px;height:3px;background-color: #009df5;border-radius: 50%;transform:translateY(-50%)}
.tooltip-btn{display: inline-block;width:12px;height:12px;background: url("../images/bg_tooltip.png") no-repeat;background-size: 100% auto;text-indent: -9999px;vertical-align: middle;}
.tooltip{position: absolute;display: none;margin-left:20px;background:#ebebeb;padding:10px 20px 10px 10px;font-size:7px;margin-top:-15px;border-radius: 8px;line-height: 2em;}
.tooltip .tooltip-close{position: absolute;top:10px;right:10px;width:7px;height:7px;background:url("../images/tooltip-close.png") no-repeat ;background-size: 100% auto;text-indent: -9999px;}
.layer-menu{display:none;position: absolute;padding:10px;right:auto;border:1px solid #cccccc;background:#fff;margin-top:-5px;}
.layer-menu.on{display: block;}
.layer-menu:after{content:'';position: absolute;width: 8px;height: 10px;background: url("../images/user_menu_tri.png") no-repeat 0 0;background-size: 100% auto;right:-8px;top:13px}
.layer-menu ul{margin-bottom:20px}
.layer-menu ul li{padding:10px;border-bottom: 1px solid #ccc;}
.layer-menu ul li a{font-size:8px}
.layer-menu ul li:last-child{border:0}
.layer-menu p strong{font-size:8px}
.user-menu > a + .layer-menu{margin-left:-140px;}
.user-menu > a + .layer-menu ul:last-child{margin-bottom: 0;}

/*note*/
.select-area{margin:0 0.625rem 0.625rem}
.select-area .btn{display: inline-block;max-width:120px;padding:8px 25px;font-size: 12px;height:auto}
.white-line{background-color: #fff;color:#000000;border:1px solid #cccccc}
/* ad_detail*/
.seller{display: flex;align-items: center;margin-bottom: 15px;}
.seller img{width: 35px;height: 35px;}
.seller img + div{margin-left: 10px;}
.seller img + div .user-info{font-weight: 800;font-size: 16px;}
.seller img + div .date{font-size: 12px;margin-top: 5px;}
.seller .user-menu{margin-left:auto}
.seller .user-menu > a{display: inline-block;width:3px;height:18px;background: url("../images/icon_detail_menu.png") no-repeat 0 0;background-size: auto 100%;text-indent:-9999px}
.flex.row{display: flex;flex-wrap: wrap;}
.side-wrap{padding-top: 25px;}
.side-wrap p{font-size:12px;line-height:150%;margin-bottom:20px}
.n-detail > div.side-wrap img{width:100%}
.require-doc ul{padding-left:15px}
.require-doc ul > li{font-weight:800}
.require-doc ol{margin-bottom:10px}
.require-doc li{font-size:12px}
.require-doc ol li{list-style-type: decimal;list-style-position: inside;margin-top:8px;font-weight:400}

.data-type{display: none;}
.element .space-between{align-items: center;}
.element .space-between .select{width:49%}
.element .space-between .won{width:49%}
.element .space-between > div .won{width:100%}
.element .space-between > div.sem{width:49%}
.element .dash{width:50px;text-align: center;}
.element .rdo{display: flex;}
.element .rdo .chk-wrap{margin-right:50px}
.element .rdo .radio-wrap2{margin-right:30px}
.t-head{position: relative;display: flex;align-items: center;margin:25px 0 15px}
.t-head h2.dot{margin:0}
.file{margin-left:auto}
.file input{opacity: 0;position:absolute;left:0;top:0;right:0;bottom: 0;}
.file .btn{padding:5px 15px;}
.textarea{min-height: 200px;resize:none;max-height: 200px;overflow-y:auto;padding:10px;border:1px solid #cccccc;margin-bottom: 10px;}


/*나의정보*/
.profile-photo{width:60px;height: 60px;margin:0 auto;position: relative;}
.profile-photo::before{content: '';width:18px;height: 18px;position: absolute;background: url("../images/icon_modify.png") no-repeat 0 0;background-size: 100% auto;right:-3px;bottom:-3px}
.profile-photo .img-area{width:60px;height: 60px;overflow: hidden;border-radius: 50%;}
.profile-photo .img-area img{width: 100%;}
.profile-photo input[type="file"]{position: absolute;top:0;left:0;width:100%;height:100% !important;opacity:0}
.form.my-info input{height: 42px;}
.form.my-info h3{font-size: 18px;margin: 30px 0 20px;}
.form.my-info h4{font-size: 14px;font-weight: 400;margin: 15px 0 10px;}
.sub-addr{padding:13px 10px}
.sub-addr p {font-size:14px}
.sub-addr p:first-child{margin-bottom: 10px;}
.sub-addr p span{font-weight: 800;}
.my-info a.link{font-size: 11px;margin-top:30px;}

.btn-wrap{display: flex;justify-content: space-between;}
.btn-wrap .btn{flex:1;}
.btn-wrap .btn:last-child{margin-left: 10px;}
.btn-wrap .btn:first-child{margin-left: 0}
.counsel-time{text-align: center;font-size:10px;font-weight: 800;padding:30px 0}
.counsel-agree{text-align: center;font-size:10px;font-weight: 500;padding:30px 0}
.counsel-agree label {text-align: center;font-size:10px;font-weight: 500;padding:30px 0}
.counsel-agree input[type="radio"] {width: 9px; height: 9px;}
.btn-wrap .btn i{display: inline-block;margin-right:10px;vertical-align: middle;}
.btn-wrap .btn.note i{width:14px;height:14px;background: url("../images/icon_note.png") no-repeat 0 center ;background-size: 14px auto; }
.btn-wrap .btn.tel i{width:14px;height:20px;background: url("../images/icon_phone.png") no-repeat 0 center ;background-size: auto 20px; }
#years .select{width:40%;margin-right:10px;margin-bottom:0}
#years .select + span{font-size:12px;color:#747474;font-weight: 800;}
#years .flex{align-items: center;}
#years .layer-footer{margin-top:30px}

#detailTel .layer{width:310px;border-radius: 3px;}
#detailTel .layer .layer-cont{padding:35px 15px;font-weight: 800;}
#detailTel .layer .layer-cont a span{font-weight:400}
#detailTel .layer .layer-footer {background:#eeeeee;text-align:center;margin:0 -8px -8px;font-weight: 800;font-size:16px}
#detailTel .layer .layer-footer a{display: block;padding:15px 0;}
#detailTel .layer .message{margin-bottom:30px}
#detailTel .layer .message a{padding-left:30px;background:url("../images/icon_sms.png") no-repeat left center;background-size: 25px auto}
#detailTel .layer .tel a{padding-left:30px;background:url("../images/icon_cell.png") no-repeat left center;background-size: 25px auto}
.send-note p{margin-bottom:10px}
.send-note p strong{font-size:14px}
.send-note p span{display: inline-block;border:1px solid #b5b5b5;border-radius: 9999px;font-size:14px;padding:3px 5px;font-weight: 800;}
.r-msg{line-height: 150%;font-size:14px}
.receive-note{padding-bottom: 80px;}
.receive-note .note-profile{display: flex;margin-bottom: 30px;align-items: center;}
.receive-note .note-profile img{width:40px;margin-right:15px;}
.receive-note .note-profile p{font-size:7px}
.receive-note .note-profile p.name{margin-bottom:10px}

.layer.declare .list.basic ul li {box-shadow: none;border: 1px solid #eee;margin-bottom: 30px;}
.layer.declare .list.basic ul{padding:0}
.layer.declare .list.basic ul{border-bottom: 0;}
.filter.center{flex-wrap: nowrap;}
.filter.center .select{margin:0 5px}

.os{max-width: 768px;margin:30px auto 0}
.os img{width: 100%;max-width:100%;}
.privacy{max-width: 768px;margin:30px auto 0}
.privacy p{line-height:150%;font-size:16px;margin-bottom:20px}
.bnum{display:flex}
.dash{display:block;width:50px;line-height:41px;text-align:center}
.swiper-slide {height: 127px;}

@media (max-width: 600px) {
/*@media (max-width:360px){*/
 .flags .status span{width:100px}
}
@media (min-width: 601px) and (max-width: 1024px) {
/*@media (min-width:769px){*/
    
    
}
@media (min-width: 1025px) {
/*@media (min-width:1441px){*/
    /*20210325*/
    .wrapper{position:relative}
    a.floating-btn-write{left:50%;right:auto;margin-left:580px;bottom:100px;text-indent:-9999px;width:127px;height:127px;background:url(../images/pc/flo_btn_write.png) no-repeat center center;background-size:100% auto;z-index:100}
    /* //20210325*/
    .login{max-width: 768px;margin:0 auto}
    .content-title{padding: 4.125rem 0;}
    .content-title h1{font-size: 2.5rem}
    .join .content-title{padding:70px 0}
    .join .content-title h1{font-size: 40px;}
    .join .container .wrapper{padding-bottom: 100px;padding-top:60px}
    .join .container .regist{max-width: 768px;margin:0 auto}
    .regist h2{font-size: 26px;}
    .regist h1{font-size: 30px;margin-bottom: 50px;}
    .regist .form-item {margin-bottom: 40px;}
    .regist .form-item h2{margin-bottom: 20px;}
    .regist .form-item input{height: 59px;}
    .regist .radio-box{margin:0}
    .regist .radio-box .radio-wrap{padding:150px 0}
    .regist .radio-box .radio-wrap.on{border-width: 6px;}
    .regist .radio-box .radio-wrap input + label{padding-top:140px;font-size: 68px;}
    .regist .radio-box .radio-wrap input + label::before{width: 66px;height: 66px;background-color: #b1b1b1;border-color: #b1b1b1;}
    .regist .radio-box .radio-wrap input:checked + label::after{width:36px;height:36px;top:16px}
    .regist .btn{height: 80px;font-size: 30px;font-weight: 800;border-radius: 8px;}
    .regist .flex .btn{height: 60px;padding:0}
    .regist .btn.line strong{font-size: 26px;}
    .form-item .addr .btn{height: 59px;font-size: 16px;}
    .chk-wrap input + label{font-size: 22px;padding-left: 64px;line-height: 30px;display: block;}
    .chk-wrap input + label em{font-size:22px}
    .chk-wrap input + label:before{width:46px;height:46px;}
    .chk-wrap input + label:after{background-image: url("../images/pc/icon_check_gray.png");width:27px;height: 18px;left:9px}
    .agree li{margin-top: 50px;line-height: 30px;}
    .agree li input + label + a em{font-size:22px}

    .board .container .wrapper{padding:0;max-width: 100%;}
    .board-list a{padding:3.438rem 0;max-width: 730px;margin:0 auto;}
    .board-list a strong, .board-list a span{font-size: 1.625rem}
    .board-view .board-title .wrap{max-width: 730px;margin:0 auto}
    .board-view .board-title strong,
    .board-view .board-title span{font-size: 1.642rem;}
    .board-view .board-content .cont{max-width: 730px;margin:0 auto;font-size: 1.642rem;line-height: 2.75rem;padding:2.125rem 0;}
    .board-view .board-content .attatch{max-width: 730px;margin:0 auto;padding-bottom: 1.688rem;}
    .board-view .board-content .attatch a{display:flex;align-items:center;font-size: 1.375rem;padding:1.125rem 2rem;max-width: 350px;letter-spacing: -1px;}
    .board-view .board-content .attatch a i{width:25px;height: 25px;margin-right: 15px;}

    .phone .text{margin:150px 0 60px;}
    .phone .text strong{font-size: 26px;line-height: 46px;}
    .bt-wrap .btn{font-size: 34px;border-radius: 10px;}
    .box-result{line-height: 38px;padding:50px 0}
    .box-result p{font-size: 26px;}
    .box-result strong{font-size: 38px;}
    .form-item .label{font-size:23.5px;margin-bottom: 15px;}
    .mb125{margin-bottom: 50px;}

    .purchase-list .item{border-radius: 30px;margin-top:50px}
    .purchase-list .item .item-header{font-size:25px;padding:25px 45px}
    .purchase-list .item .item-body{padding:35px 45px}
    .purchase-list .item .item-body li{margin-top: 20px;}
    .purchase-list .item .item-body li strong{width: 140px;}
    .purchase-list .item .item-body li strong,.purchase-list .item .item-body li span{font-size:25px}
    .no-purchase{font-size:35px;padding-top:135px;background-size: 105px auto;}
    .no-data{font-size:35px;padding-top:135px;background-size: 105px auto;}

    .service-wrap{display: flex;justify-content: space-between;margin-top:100px}
    .service-wrap .benefit{flex:0 1 450px}
    .service-wrap .ticket{flex:0 1 900px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .service-wrap .ticket.full  .radio-wrap{width:100%}
    .service-wrap .ticket .radio-wrap{width: 48%;margin-top:20px}
    .service-wrap .ticket .radio-wrap label{padding:20px 30px;border-radius: 15px;line-height: 48px;}
    .service-wrap .ticket .radio-wrap label em{font-size: 32px;}
    .radio-wrap input[type="radio"] + label strong{font-size: 32px;padding-left: 70px;}
    .radio-wrap input[type="radio"] + label strong::before{width: 48px;height: 48px;}
    .radio-wrap input[type="radio"]:checked + label strong:after{width:30px;height:30px;left:9px}
    .text-ty01{font-size: 22px;line-height: 38px;margin-bottom: 20px;}
    .ser-box{padding:40px 10px}
    .ser-box p strong{font-size: 22px;}
    .ser-box ul li{font-size: 18px;margin-top:20px;width: 61%;padding-left: 50px;background-size: 27px auto;}
    .ser-box ul li:first-child{margin-top:30px}
    .cau{width: 100%;margin-top:45px}
    .cau p{font-size: 24px;padding-top:5px;padding-left:50px;background: url("../images/pc/icon_nb.png") no-repeat 0 0;background-size: auto;}
    .cau p a{font-size: 24px;margin-top:15px;border-bottom: 0;}
    .cau .btn{height: 90px;font-size: 30px;font-weight: 800;border-radius: 8px;}
    .cau div{margin-top:50px}
    .inp-attatch .close{background-image: url("../images/file_close.png");width:27px;height: 27px;right:20px}
    .main-service{border-bottom: 1px solid #eee;}
    .main-service .wrapper{max-width: 1140px;margin:0 auto;flex-wrap:nowrap;padding:30px 0}
    .main-service .service{width:180px;margin-top:0;display: flex;padding:20px;align-items: center;justify-content:center}
    .main-service .service:first-child{padding-left: 10px;}
    .main-service .service .pbr{display: none;}
    .main-service .service .text{text-align: center;line-height: 1.6em;letter-spacing: -2px;}
    .main-service .service .text,
    .main-service .service .text em{font-size: 15px;white-space:nowrap}
    .main-service .service i{width:80px;height:74px;background-image: url("../images/pc/icon_set_banner.png");background-repeat: no-repeat;background-size: auto;}
    .main-service .service.ty01 i{width: 80px;background-position: 0 0}
    .main-service .service.ty02 i{width: 64px;background-position: -211px 0}
    .main-service .service.ty03 i{width: 58px;background-position: -405px 0}
    .main-service .service.ty04 i{width: 60px;background-position: -593px 0}
    .main-service .service.ty05 i{width: 66px;background-position: -800px 0}
    .main-service .service.ty06 i{width: 65px;background-position: -992px 0}
    .main-service .service.ty11 i{width: 80px;background-position: 0 0}
    .main-service .service.ty12 i{width: 64px;background-position: -211px 0}
    .main-service .service.ty13 i{width: 58px;background-position: -405px 0}
    .main-service .service.ty14 i{width: 60px;background-position: -593px 0}
    .main-service .service.ty15 i{width: 66px;background-position: -800px 0}
    .main-service .service.ty16 i{width: 65px;background-position: -992px 0}
    .notice-recent-list li a span{font-size: 14px;}
    .flex.side{display: block;max-width: 1350px;float:left}
    .flex.side .side-a{float:left;width: 390px;}
    .flex.side .side-b .more{background-color: #fff;margin-top:30px}
    .flex.side .side-b{width: 860px;background: none;min-height:800px}
    .flex.side .side-b p{background-color: #fff;}
    .side-a .flex{border:1px solid #efefef;border-right: 0;margin-bottom: 0;border-radius: 5px 5px 0 0}
    .side-a > a.btn:after{width:55px;height:55px}
    .side-a .flex a.btn{box-shadow: none;font-size: 21px;padding:40px 20px 140px;border-right:1px solid #efefef;border-radius: 0;position: relative;line-height: 30px;width:50%;background:url("../images/pc/circle_arrow.png") no-repeat 20px 137px;background-size: auto;height: auto;}
    .side-a .flex a.btn:before{background-image: url(../images/pc/icon_01.png);background-size: 100%;right:24px;top:40px;width:21px;height: 26px;left:auto;transform: none;}
    .side-a .flex a.btn:last-child:before{background-image: url("../images/pc/icon_03.png");width:27px;height:25px}

    .side-a > a.btn{font-size: 28px;padding: 0 30px;height: 105px;line-height: 105px;}
    .side-a .flex a.btn:after{content:'';position: absolute;left:0;bottom: 0;width:100%;height: 6px;background-color: #82e2f4;}
    .side-a .flex a.btn:last-child:after{background-color: #282828;}
    .side-a .flex a.btn .pbr{display: block;}
    .side-b{float:right}
    .side-b p strong{font-size: 20px;}
    .side-b .rec-menu{background:#fff;justify-content: space-around;border-bottom: 1px solid #dedede;margin-bottom: 55px;}
    .side-b .rec-menu li{width: 16.66%;}
    .side-b .rec-menu li a{font-size: 13px;}
    .side-c{float:left;width:390px;border:1px solid #f3f3f3;border-radius: 6px;margin:20px 0 0 0}  
    .side-c .notice-header{background: #fff;border-bottom: 1px solid #f3f3f3;}
    .main .content .main-service + .wrapper{padding-top:55px}
    .main .content .main-service + .wrapper:after{content: '';display: block;clear: both;}
    .list ul{background-color: #ebf6f8;padding:15px}
    .list.basic ul{padding:0}
    .side-b .list ul li{margin-top:20px}
    .side-b .more .btn{width: 225px;font-size: 16px;color:#282828;box-shadow: none;border:1px solid #e6e6e6;border-radius: 3px;height:auto}
    .side-d{position:relative;display: block;padding:35px 40px 20px;font-size:21px;color:#282828;line-height: 30px;border:1px solid #e6e6e6;border-top:0;border-radius: 0 0 5px 5px;}
    .side-d div{margin-top:25px}
    .side-d strong{font-size:21px;color:#282828}
    .side-d strong em{font-size:21px;color:#1c98ee}
    .side-d a{position: absolute;width:105px;height:35px;text-indent: -999px;}
    .side-d .ios{right:65px;bottom:47px}
    .side-d .and{right:65px;bottom:95px}
    .side-c .notice-header a{background-image: url("../images/pc/icon_circle2.png");background-size: auto;}
    .flags .local span{width:auto;padding:8px 15px}
    /*.flags .local span:last-child{display: inline-block;margin:0;font-size:12px;max-width: 100%;border-radius: 9999px;padding:10px 15px;margin-left:35px}*/
    .flags .local span.new{display: inline-block;margin:0;font-size:12px;max-width: 100%;border-radius: 9999px;padding:10px 15px;margin-left:35px}
    .list .detail .info span:first-child{display: inline-block;font-size:16px}
    .list .detail .info span.weight{display: inline-block;}
    .list .detail .price span{display: none;}
    .list .detail .info span.ins{font-size: 16px;}
    .list .detail .price{color:#717070;font-size:16px;margin-top:10px}
    .list.basic ul li{box-shadow: none;border:1px solid #eee;margin-top:30px}
    .list.basic ul li:first-child{margin-top:0}
    .side-b .list ul li:hover{border:1px solid #009df5;box-sizing:border-box;}
    .side-b .list ul li:hover a{padding:14px 19px}
    .regist-complete{max-width:550px;margin:0 auto}
    .regist-complete p {font-size: 40px;line-height: 1.5em;letter-spacing: -1px;}
    .regist-complete p:first-child{margin-bottom: 40px;letter-spacing: -2px;}
    .regist-complete p strong{font-size: 49px;}
    .regist-complete p.last,.regist-complete p.last strong{font-size: 22px;}
    .regist-complete .btn{margin-top:80px}
    .regist-complete .table-ty01 th, .regist-complete .table-ty01 td{font-size:20px}
    .layerPop .r-box em.price{font-size: 24px;}
    .pay-method{margin-bottom: 30px;}
    .pay-method .check-wrap{border-radius: 9999px;padding:20px 30px}
    .pay-method .check-wrap input + label{font-size: 27px;padding-left: 100px;}
    .pay-method .check-wrap input + label::before{width:35px;height: 35px;top: 50%;transform: translateY(-50%);}
    .layerPop .agree .chk-wrap input + label{padding-left:68px}
    .layerPop .agree .chk-wrap input + label,
    .layerPop .agree .chk-wrap input + label em{font-size: 21px;}
    .layerPop .agree .chk-wrap input + label::before{width:44px;height: 44px;border-width: 3px;}
    .layerPop .agree .chk-wrap + a em{font-size: 21px;}
    .layerPop .agree .chk-wrap input:checked + label:before{border:0;background-color:#009df6;border-radius: 50%;}
    .layerPop .agree .chk-wrap input:checked + label:after{background-image: url("../images/pc/icon_check_white.png");}
    .layerPop.top .layer .two .dist strong{font-size:20px}
    .layerPop.top .layer .two ul{max-height:300px;min-height: 300px;}
    .layerPop.top .layer .two ul li{margin-bottom: 20px;}
    .layerPop.top .layer .two ul li.nodata{height: 280px;}
    .layerPop.top .layer .two ul li a{font-size:18px}
    .layerPop .layer .layer-head h1 {font-size: 35px;text-align: center;padding: 30px 0;margin:0 -8px}
    .r-text{font-size:36px;padding:70px 0 100px}
    .withdraw .container .wrapper{max-width: 760px;}
    .withdraw .v-ntext{font-size:34px;line-height: 1.8em;margin-bottom:75px}
    h2.v-text{font-size:36px;margin-bottom:40px}
    .v-box{padding:35px;margin-bottom: 70px;}
    .v-box ul li{margin-top:20px}
    .v-box ul li:first-child{margin-top:0}
    .v-box ul li span{font-size: 32px;min-width: 180px;}
    .v-box ul li em{font-size: 32px;}
    .wdr .btn{height:80px;font-size:32px}
    .al-noti{max-width: 880px;margin:40px auto;padding:20px 40px}
    .al-noti span{font-size: 25px;}
    .al-noti i{margin-right:20px;background: url("../images/pc/icon_alrim.png") no-repeat 0 0;width:57px;height:57px}
    .note-list li{padding:30px 0}
    .note-list li > div{max-width: 880px;margin:0 auto;position: relative;}
    .note-list li p strong{font-size: 30px;}
    .note-list li p {font-size: 30px;margin-top:25px}
    .note-list li span{font-size:20px;padding:10px 40px}
    .note-list li img{width:104px !important}
    .note-list li .photo{margin-right: 50px;}
    .declare-text{font-size: 32px;}
    .declare-text em{font-size: 32px;}

    .btn.kakao, .btn.naver{height:86px;font-size: 29px;line-height: 86px;padding:0}
    .btn.kakao{margin-bottom: 35px;}
    .login-form{margin-top: 110px;padding-top:50px}
    .login-form::before{width: 95px;}
    .login-form h3{font-size: 23px;margin-bottom: 15px;}
    .login-form .form-item{margin-bottom: 35px;}
    .login-form .chk-wrap input + label{font-size: 19px;padding-left: 64px;line-height: 30px;display: block;}
    .login-form .chk-wrap input + label:before{width:46px;height:46px;background:none;border:1px solid #9a9a9a}
    .login-form .chk-wrap input + label:after{width:27px;height: 18px;left:8px}
    .login-form .btn{height: 86px;font-size: 32px;}
    .find-btn-wrap{margin-top:25px}
    .login-form .chk-wrap{margin-bottom: 80px;}
    .find-btn-wrap span, .find-btn-wrap a{font-size: 21px;}
    .join .join-btn{margin-top:150px}
    .join .join-btn .btn{height: 86px;margin:0;font-size: 32px;}
    .join .join-btn p{font-size: 32px;margin-bottom: 70px;}

    .table-ty01 th, .table-ty01 td{font-size:14px;line-height: 140%;padding:15px 0}
    .filter{flex-wrap: nowrap;margin-bottom: 40px;justify-content:flex-start}
    .filter .select{flex: 0 0 277px;margin-right:10px}
	.filter .select a{padding:20px 30px}
    #years .select{flex:0 0 300px}
    #years .select + span{font-size:20px}
    /*.ultra li{width:318px;border-radius: 25px;margin-bottom:30px;padding:25px 0}*/
    .ultra {justify-content: flex-start}
    .ultra li{border-radius: 25px;margin-bottom:30px;padding:25px 0;flex: 1 0 24%;margin-right: 1%;max-width:322px}
    .ultra li:nth-child(4n){margin-right:0}
    .ultra li:hover{border:4px solid #009df5;padding:21px 0}
    .ultra li .flag{margin-bottom:15px}
    .ultra li .flag span{font-size:14px;width:auto;padding:4px 15px}
    .ultra li p.tit{font-size:24px}
    .ultra li p{font-size:14px;margin-bottom:15px}
    .ultra li p.date{font-size: 24px;line-height: 30px;}
    .ultra li p em{font-size:22px;line-height:28px}
    .ultra li .btn{height: 40px;max-width: 200px;font-size:16px;line-height:40px;background:#50d6c5}

	.ultra li .flag span em{width:25px;height:25px;background-size:6px 10px}
    .ultra li .flag span:last-child::after{left:-22px}
    /*ad*/
    .local-list ul{display:flex;max-width: 1440px;margin:0 auto;padding:0}
    .local-list ul li a{font-size: 28px;font-weight: 300;position: relative;padding:25px 0;color:#282828}
    .local-list ul li.on a{font-weight:800;}
    .local-list ul li.on a:after{content:'';position: absolute;left:0;bottom:0;width:100%;background-color: #009df5;height:3px}
    .select-area{max-width: 880px;margin:0 auto 30px}
    .select-area .btn{font-size: 20px;max-width:150px}
    .n-detail{display: flex;justify-content: space-between;}
    .n-detail > div{flex:0 0 47%}
    .n-detail > div.side-wrap{flex:0 0 47%;max-width: 700px;padding-top:0}
    .n-detail > div.side-wrap img{width:100%}
    .doc-wrap{display: flex;flex-direction: row-reverse;justify-content: space-between;}
    .doc-wrap > div{flex: 0 0 47%}
    .seller{margin-bottom:40px}
    .seller img + div .user-info{font-size:26px}
    .seller img + div{margin-left:30px}
    .seller img + div .date{font-size:26px;margin-top:15px}
    .seller img{width:100px;height:100px}
    .side-wrap p{font-size:24px;margin-bottom:40px}
    .require-doc ul{margin-top:40px}
    .require-doc ul li{font-size:30px}
    .require-doc ul li li{margin-top:20px}
    .counsel-time{font-size:30px;padding:80px 0}
    .counsel-agree{text-align: center;font-size:24px;font-weight: 500;padding:30px 0}
    .counsel-agree label {text-align: center;font-size:24px;font-weight: 500;padding:30px 0}
    .counsel-agree input[type="radio"] {width: 16px; height: 16px;}
    a.attatch{height: 60px;line-height: 60px;padding:0 30px 0 60px;margin-top:50px;font-size:23px;background: url("../images/icon_attatch.png") no-repeat 28px center;background-size:24px auto}
    .btn-wrap{max-width: 880px;margin:0 auto}
    .btn-wrap .btn{height:86px;font-size:30px;border-radius: 10px;}
    .btn-wrap .btn:last-child{margin-left:30px}
    .btn-wrap .btn:first-child{margin-left:0px}
    .btn-wrap .btn i{margin-right:20px}
    .btn-wrap .btn.note i{width:56px;height:46px;background-size: auto 100%;}
    .btn-wrap .btn.tel i{width:41px;height:60px;background-size: auto 100%;}


    /*나의정보*/
    .profile-photo{width:154px;height:154px}
    .profile-photo  .img-area{width:154px;height:154px}
    .profile-photo::before{width:46px;height:46px;background-image:url("../images/pc/icon_modify.png");}
    .form.my-info h3{font-size:36px;margin-top:65px}
    .form.my-info h4{font-size:24px;margin:35px 0 20px}
    .form.my-info input{height:58px;border-radius:8px}
    .form.my-info .password , .form.my-info .cell-phone{flex:0 0 480px}
    .form.my-info .form-item .flex .btn{font-size:17px;flex:0 0 210px;border-radius:8px;height:58px}
    .sub-addr{padding:25px}
    .sub-addr p,.sub-addr p span{font-size:23px}
    .sub-addr p:first-child{margin-bottom:20px}
    .form.my-info .b-number span{flex:0 0 35px}
    .inp-attatch{height:58px;font-size: 23px;padding:0 40px 0 76px;line-height:58px;background-image: url("../images/icon_file.png");background-size:24px 21px;background-position-x: 34px;}
    .form.my-info .btn.primary{font-size: 34px;border-radius: 8px;padding:17px 0;margin-top:84px}
    .my-info a.link{font-size:24px}
    .table-ty02 tbody th, .table-ty02 tbody td{font-size: 30px;padding:30px 20px}
    h2.dot{font-size:36px;padding-left:40px}
    h2.dot:before{width:18px;height:18px}

    .bullet span{font-size:32px;padding-left:40px;vertical-align: middle;}    
    .bullet span:before{width: 15px;height:15px}
    .tooltip-btn{width:20px;height:20px}
    /*.bullet + .ultra{margin:40px 0 50px}*/
    .bullet + .ultra{margin:0px 0 50px}
    .tooltip{margin-left:40px;font-size:18px;line-height: 150%;padding:20px;}
    .layerPop.top .layer{top:50%;left:50%;transform: translate(-50%, -50%);width:768px}

    .send-note p{margin-bottom:20px}
    .send-note p strong{font-size:22px}
    .send-note p span{display: inline-block;border:1px solid #b5b5b5;border-radius: 9999px;font-size:22px;padding:5px 10px;font-weight: 800;}
    .send-note .r-msg{line-height: 150%;}
    .receive-note .note-profile img{width:80px}
    .receive-note .note-profile p{font-size:14px}
    .receive-note .note-profile p.name{font-size:22px}
    .receive-note .list ul{background-color: #fff;padding:0}
    .layerPop.full .layer-footer .btn-wrap{margin:0 }
    .element{margin-bottom: 30px;align-items: center;}
    .element .txt-alert{padding-left: 230px;background-position-x: 200px;}
    .element .space-between .select{width: 277px;}
    .element .rdo .radio-wrap2{margin-bottom: 0;}
    .layer-cont h2.dot{font-size: 30px;}
    .arp{margin-left:200px;margin-top:20px;width:580px}
    .t-head .file{border-radius: 5px;}
    .t-head .file .btn{height:52px;padding:0 50px;font-size:21px}
    .won > span{font-size:19px;right:30px}

    .filter.center{justify-content: center;}
    .filter.center .select{margin:0 10px}
    .list.basic ul.manager .top .txt{font-size:23px}
    .list.basic ul.manager .top .txt span {font-size:23px; color: #007aff; }
    .list.basic ul.manager .top .btn{font-size:15px;height:40px;padding:0 20px;flex:0 0 110px}
    .manager .layer-menu.on{padding:20px;right: 192px;top: -60px;}
    .manager .layer-menu > ul{padding-bottom: 20px;}
    .manager .layer-menu > ul:last-child{padding-bottom: 0;}
    .manager .layer-menu > ul > li{border:0}
    .manager .layer-menu > ul > li > a{font-size:20px}
    .layer-menu p{margin-bottom: 20px;}
    .layer-menu p strong{font-size:20px}
    .flags .local span.single{width:150px}
    .flags .local span.single em{margin:0 20px}

    .privacy p{line-height:150%;font-size:20px;margin-bottom:30px}
    .privacy p strong{font-size:20px}
    /*#detailTel .layer .tel a em{display: inline-block;padding:15px 20px 15px 60px;border:1px solid #eeeeee;border-radius: 5px;background:url("../images/pc/icon_copy.png") no-repeat 25px center;background-size: 20px auto;}*/
    #detailTel .layer .tel a em{display: inline-block;padding:15px 19px 15px 60px;border:1px solid #eeeeee;border-radius: 5px;background:url("../images/pc/icon_copy.png") no-repeat 25px center;background-size: 20px auto;}
    .seller .user-menu > a{width:12px;height:83px;background:url("../images/pc/icon_detail_menu.png") no-repeat;background-size: 100% auto;}
    .user-menu > a + .layer-menu ul li a{font-size:20px}
    .user-menu > a + .layer-menu{padding:20px;margin-left:-280px;margin-top:-90px}
    .layer-menu:after{background:url("../images/pc/tooltip_tri.png") no-repeat;background-size: 43px 54px;width:43px;height: 54px;right: -42px;top: 60px;}
	/*.special{background:#ebf6f8;margin:0;padding:40px 40px 0}*/
	.special{background:#ebf6f8;margin:0 0 40px 0;padding:40px 40px}
	/*.special .bullet{padding-bottom:0;margin-left:0.625rem}*/
	.special .bullet{padding-bottom:10px;margin-left:0.625rem}

    /* 게시물 없음 추가 */
    .special .empty {width:320px;padding:20px 40px 60px;margin:0 auto 50px;text-align:center;font-size:16px;background:url("../images/icon_emark.png") left 9px no-repeat}
    .co-basic .empty {width:320px;padding:20px 40px 60px;margin:0 auto;text-align:center;font-size:16px;background:url("../images/icon_emark.png") left 9px no-repeat}

	.co-basic .list ul{border-bottom:0}
	.dash{line-height:59px}

    .swiper-slide {height: 489px;}
}

.off {display: none;}
.menuOn {display: block}
.mymenuOn {display: block;}
.loginOn {display: block;}
.authOn {display: block;}
.paymentOn {display: block;}
#signup { width:1rem;height:100%;left:-1rem;background: url("../images/arrow_top_m.png") no-repeat center center;position:absolute; top:10px; }