@import "/resources/fonts/nanumbarungothic/nanumbarungothic.css"; @import "/resources/fonts/nanumsquare/nanumsquare.css"; @import "https://fonts.googleapis.com/css?family=Sunflower:300&display=swap"; html,body{display:block;width:100%;height:100%;} html,body,table,th,td,span,div,ul,li,a{font-family:NanumBarunGothic;} .pointer{cursor:pointer;} .line-right{border-right:1px solid #cfd0d0;} .feature-box{box-shadow:unset;} .nl_p{padding-left:0px !important;} .nr_p{padding-right:0px !important;} .nt_p{padding-top:0px !important;} .nb_p{padding-bottom:0px !important;} .nl_m{margin-left:0px !important;} .nr_m{margin-right:0px !important;} .nt_m{margin-top:0px !important;} .nb_m{margin-bottom:0px !important;} .hidden{display:none;} .border-top-gray{border-top:1px solid #b0b0b0;} .border-bottom-gray{border-bottom:1px solid #a0a0a0;} .btn-link{background:#fff;border-color:#dbdbdb;color:#616161;font-family:NanumSquareB;padding:10px 40px;font-size:16px;} .btn-link:focus, .btn-link:hover, .btn-link:active, .btn-link:active:hover, .btn-link:active:focus{border-color:#dbdbdb;color:#616161;} .testimonials .item{margin-right: 73px;} .font_12{font-size:12px;} .relative{position:relative;} .modal-title{font-weight:bold;} .modal .modal-footer button:last-child{margin-left:4px;} .modal .modal-footer button{width:48% !important;} /* #main .home-search #btn-contact{position:absolute;bottom:-25px;height:48px;text-align:left;background:url('/resources/images/icon_contact_search.gif') 22px center no-repeat #44bf95;color:#fff;font-size:16px;width:50%;line-height:48px;padding-left:67px; */ #main .home-search #btn-contact{border-color:#4f5254;background:url('/resources/images/contact_bg.png') 22px center no-repeat #4f5254;padding-left:60px;width:auto;background-size:23px 27px;} -webkit-box-shadow: 0px 7px 17px -5px rgba(0,0,0,0.48); box-shadow: 0px 7px 17px -5px rgba(0,0,0,0.48); cursor:pointer; } #sub #content{min-height:410px;height:auto;} #sub .sub h1{color:#fff;text-align:center;font-family:NanumSquareL;font-size:42px;margin-top:0px;} #sub .sub h1 span{font-family:NanumSquareB;} #sub .row{margin-left:0px;margin-right:0px;} #sub #content h3{font-size:15px;text-align:center;color:#999;} #sub .sub{ min-height:280px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; background-image: url(/resources/images/sub_visual.png); background-position: center; background-size: cover; position: relative; } #menu.navbar-over{border-bottom:1px solid #dbdbdb;} #menu.navbar-over.fixed-top{background:#fff;border-bottom:1px solid #dbdbdb;} #menu.navbar-over.top{background:#fff;border-bottom:1px solid #dbdbdb;} .navbar-nav li{color:#333;padding:0 10px;vertical-align:middle;line-height:64px;} .navbar-nav li a{color:#333;font-size:14px;} .navbar-nav li.kakao-box{line-height:unset;padding-left:10px;font-size:14px;text-align:center;color:#381e1f;padding-top:15px;} .navbar-nav li.kakao-box a{color:#381e1f;} .navbar-nav li.kakao-box img{width:32px;height:32px;} .home-search .main > .container{padding-top:0px;} .home-search .heading h2{font-family:NanumSquareB;margin-bottom:15px;} .home-search .heading h3{font-family:NanumSquareR;line-height:20px;font-size:16px;} .home-search .input-group{margin-top:0px;} .home-search .input-group input[type="text"]{padding-left:10px;height:60px;color:#555555;border-radius:5px;border:0px;background:#fff;border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 1rem; background-size:30px 30px;} .home-search .input-group button.btn-primary{width:140px;height:60px;color:#fff;border-color:#4eb448;border-radius:0px;font-weight:normal;font-family:NanumBarunGothic;background:url('/resources/images/icon_search_main.png') 20px 18px no-repeat #4eb448;background-size:25px 25px;} .home-search .input-group .btn-group .btn{background:#fff;} .home-search .input-group .btn-group .btn-txt{font-family:NanumBarunGothic;font-weight:normal;color:#616161;padding:0 28px;border:0px;border-top-left-radius: 0; border-bottom-left-radius: 0;width:100%;} .home-search .input-group .btn-group .btn-txt:before{content : "";position: absolute;left : 0;z-index: 100;top : 15px;width : 1px;height : 30px;background: #dbdbdb;} .home-search .input-group .btn-group .dropdown-toggle::after{font-size:30px;border-top: .5em solid;vertical-align: -.1em;color:#000;margin-left:20px;} .home-search .input-group .btn-group .dropdown-menu{width:100%;} .home-search .input-group .btn-group .dropdown-menu li{padding:10px 10px;} .home-search .input-group .btn-group .dropdown-menu li a{color:#616161;} .home-search .main .container .first-div{border-bottom:1px solid #f4f4f4;} .btn#to-top{background:#4eb448;border-color:#4eb448;color:#fff;} .feature-box.centered .main-title{text-align:left;font-family:NanumSquareB;color:#333;font-size:26px;margin-bottom:4px;} .feature-box.centered .main-title:before{} .feature-box.centered .main-title span{border-bottom:0px;padding-bottom:0px;padding-left:20px;margin-bottom:0px;} .feature-box.centered .main-title span:before{content : "";position: absolute;left:0;z-index: 100;top:4px;width:4px;height: 22px;/* or 100px */background: #333;margin-left:0px;} .feature-box.centered .main-title-description{text-align:left;font-family:NanumSquareR;color:#000;font-size:14px;} .testimonials .item{margin-left:0px;} .item-listing .item{margin-top:0px;border-radius: 0px;padding-bottom:0px;margin-bottom:29px;padding:0px;} .item-listing .item .item-image{margin-bottom:0px;position:relative;height:400px;overflow:hidden;} .item-listing .item .item-image2{height:230px;} .item-listing .item .item-image3{height:180px;} .item-listing .item .item-image p.subject{font-family:NanumSquareB;font-size:20px;font-weight:normal;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .item-listing .item .item-image small.address{font-size:13px;font-family:'NanumBarunGothic';margin-bottom:10px;white-space: nowrap; overflow: hidden; } .item-listing .item .item-image small.address i{font-size:16px;} .item-listing .item .item-image p.price{font-family:NanumSquareB;font-size:16px;font-weight:normal;margin-top:10px;} .item-listing .item .item-image p.price span{color:#53ca1e;font-size:20px;font-weight:bold;} .item-listing .item .item-image .item-meta{padding:10px 30px;} .item-listing .item .item-image > a:not(.save-item):before{background: linear-gradient(to bottom, transparent 45%, #2f2f2f);} .item-listing .item .item-image .star{border-top:1px solid #fff;margin-top:5px;padding:15px 0px 5px 0px;} .item-listing .item .item-image .star i{font-size:18px;} .item-listing .item .item-image .star i.over{color:#53ca1e;} .item-listing .item .item-badge-right{top:5px;right:5px;height:50px;background:none;} .item-listing .item .item-badge-right .badge-item{display:inline-block;width:50px;height:50px;border-radius:0px;padding: 5px 10px;font-size:14px;letter-spacing:2px;font-family:NanumBarunGothic;color:#fff;margin-right:5px;text-align:center;font-family: 'Sunflower';} .item-listing .item .item-badge-right .badge-item.badge-font-white{color:#fff;} .item-listing .item .item-badge-right .badge-item.badge-font-black{color:#333;} .item-listing .item .item-badge-right div:last-child{margin-right:0px;} .item-listing .item .img-fluid{object-fit: cover;width:100%;height:400px;} .item-listing .item2 .img-fluid{height:280px;width:100%;} .item-listing.list .item .item-image{border-radius:0px;} .item-listing .item2 .item-info{padding:15px 15px 10px 15px;border-top:0px;} .item-listing .item2 .item-info h3.item-title{font-family:NanumBarunGothicBold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .item-listing .item2 .item-info .item-title{font-family:NanumSquareB;color:#333;font-size:20px;margin-bottom:5px;} .item-listing .item2 .item-info .item-location{font-size:12px;font-family:'NanumBarunGothic';} .item-listing .item2 .item-info .item-location i{font-size:16px;} .item-listing .item2 .item-info .item-details-i{font-family:NanumBarunGothic;font-size:16px;font-weight:normal;margin-top:10px;position:relative;} .item-listing .item2 .item-info .item-details-i span{color:#53ca1e;font-size:20px;font-weight:bold;} .item-listing .item2 .item-info .item-details-i span.options_txt{font-size:12px;font-weight:normal;} .item-listing .item2 .item-info .item-details-i div.space_detail_type{position:absolute;right:0px;bottom:5px;color: #999999;font-size: 12px;} .item-listing .item2 .item-info .star{border-top:1px solid #f4f4f4;margin-top:5px;padding:12px 0px 0px 0;} .item-listing .item2 .item-info .star i{font-size:16px;color:#e6e6e6;} .item-listing .item2 .item-info .star i.over{color:#53ca1e;} .item-listing .item2 .item-image > a:not(.save-item):before{background:none;} .map-listing .item-listing .item2 .item-info{border:1px solid #e5e5e5;border-top:0px;} .map-listing .item-listing .item .item-badge-right{top:0px;right:0px;} #sub #content h3.item-title{text-align:left;color:#333;font-size:14px;} #sub #content .item-listing .item2 .item-info .summary{border-top:1px solid #f6f8f8;margin-top:5px;padding:10px 0px 5px 0px;font-size:12px;font-family:NanumBarunGothic;} #sub #content .item-listing .item2 .item-info .summary .color_red{color:#cc3333;font-family:NanumBarunGothic;} #sub #content .item-listing .item2 .item-info .summary .color_green{color:#4eb448;font-family:NanumBarunGothic;} #sub #content .item-listing .item2 .item-info .summary .color_gray{color:#999;font-family:NanumBarunGothic;} #sub #content .item-listing .item2 .item-info .summary .color_blue{color:blue;font-family:NanumBarunGothic;} .swiper-button-next{background-image: url(/resources/images/icon_swiper_next.png);background-size:23px 40px;} .swiper-button-prev{background-image: url(/resources/images/icon_swiper_prev.png);background-size:23px 40px;} #main .btn-more{color:#555;font-size:16px;background:#f6f8f8;border:1px solid #cacaca;height:50px;width:250px;padding-top:15px;} #main ul.space_type_list{padding:0px;margin:0px; list-style-type: none;} #main ul.space_type_list li{font-family:NanumSquareB;font-size:14px;padding-left: 21px;background: url(/resources/images/icon_dot.png) left center no-repeat;letter-spacint:-2px;} #main ul.space_type_list li small{font-family:NanumSquareR;} #main ul.space_type_list li i{font-size:11px;margin-left:5px;} #main .adverting{} #main .adverting .item img{width:100%;} #main .adverting .swiper-container{width:445px;padding-top:20px;margin-right:unset;} #main .adverting .testimonials .item{margin-right:0px;} #main .adverting .swiper-container-horizontal>.swiper-pagination-bullets{top:-2px;right:0px;bottom:unset;left:unset;text-align:right;} #main .adverting .swiper-pagination-bullet-active{background:#b4b4b4;} #main .main-title-description{margin-bottom:0px;color:#999;} #footer{background:#bcbcbc !important;font-family:NanumBarunGothicBold;padding-top:20px;} #footer .underline{border-bottom:1px solid #a0a0a0;padding-bottom:20px;} #footer .logo{width:120px;float:left;margin-top:14px;} #footer .logo img{width:100%;} #footer .bottom_right{float:right;padding:0px;margin:20px 0 0 0px;list-style-type:none;} #footer .bottom_right li{list-style-type:none;float:left;padding:15px 10px 0 10px;font-size:13px;} #footer .bottom_right li.snsBtn{padding:0px;} #footer .bottom_right li.snsBtn img{padding:0 0 0 6px;} #footer .pull-left{margin-top:20px;float:left;} #footer .pull-left small{color:#616161;} #footer .pull-left p{color:#333;font-family:NanumBarunGothicBold;font-size:16px;margin-top:2px;} #footer .pull-left p.gray{color:#616161;font-family:NanumBarunGothicBold;font-size:12px;} #footer .pull-right{margin-top:20px;float:right;} #footer .pull-right p{font-size:11px;} #footer .pull-right small{font-size:11px;} #footer .pull-right small span{color:#999;} #menu.navbar-over .navbar-brand img{width:130px;} #menu.navbar-over .left_slide_menu img{width:24px;} #pagination .active{border:1px solid #89cd85;color:#89cd85;} #sidenav.sideWidthBig{width:240px;} #qnaModal .fa-star{color:#53ca1e;} .sidenav.fix_show{ width:240px; z-index:1052; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #3b3f41; overflow-x:hidden; overflow-y:hidden; transition: 0.3s; padding-top: 0px; z-index:1053; } .modal-backdrop.show{opacity:.9;} .sidenav .side_top{background:#fff;padding:0 0 0 0;height:65px;line-height:65px;text-align:center;} .sidenav .side_top .side_logo{text-align:center;} .sidenav .side_top .side_logo img{width:130px;} .sidenav .side_top .side_logo_min img{width:42px;} /* .sidenav ul.space_type_list{margin:0px;padding:18px 0px;list-style:none;border-left:2px solid #4eb448;border-bottom:1px solid #626567;background:#4a4d4f;} .sidenav ul.space_type_list li{width:217px;height:48px;border:1px solid #585d61;margin:18px 0 18px 30px;color:#d3d3d3;font-size:14px;line-height:48px;border-left:3px solid #3f6dd7;cursor:pointer;background:#3b3f41;} .sidenav ul.space_type_list li:first-child{margin:6px 0 0 30px;border-left:3px solid #4eb448;} .sidenav ul.space_type_list li:last-child{margin:0 0 6px 30px;border-left:3px solid #777777;} .sidenav ul.space_type_list li span{width:24px;height:24px;background:#d3d3d3;border:1px solid #9d9d9e;margin-left:7px;margin-top:-2px;display:inline-block;vertical-align:middle;margin-right:10px;} .sidenav ul.space_type_list li span.over{background:url('/resources/images/icon_check.png') center center no-repeat #d3d3d3;} .sidenav ul.space_type_list li .over.green{background-color:#4eb448;} .sidenav ul.space_type_list li > .over.green{border:1px solid #4eb448;} .sidenav ul.space_type_list li .over.blue{background-color:#3f6dd7;} .sidenav ul.space_type_list li > .over.blue{border:1px solid #3f6dd7;} .sidenav ul.space_type_list li .over.gray{background-color:#777777;} .sidenav ul.space_type_list li > .over.gray{border:1px solid #777777;}*/ .search-space-type{background:#fff;border-bottom:1px solid #e5e5e5;} .search-space-type ul{margin:0px;padding:18px 0px;list-style:none;padding-left:20px;} .search-space-type ul li{width:178px;height:36px;border:1px solid #dbdbdb;color:#616161;font-size:14px;line-height:36px;cursor:pointer;float:left;margin-left:15px;} .search-space-type ul li:first-child{margin-left:0px;} .search-space-type ul li:last-child{} .search-space-type ul li span{width:18px;height:18px;background:#fff;border:1px solid #9d9d9e;margin-left:7px;margin-top:-3px;display:inline-block;vertical-align:middle;margin-right:10px;} .search-space-type ul li span.over{background:url('/resources/images/icon_check.png') center center no-repeat #d3d3d3;} .search-space-type ul li.green{border:1px solid #4eb448;color:#4eb448;} .search-space-type ul li.blue{border:1px solid #3f6dd7;color:#3f6dd7;} .search-space-type ul li.gray{border:1px solid #777777;color:#777777;} .search-space-type ul li .over.green{background-color:#4eb448;} .search-space-type ul li > .over.green{border:1px solid #4eb448;} .search-space-type ul li .over.blue{background-color:#3f6dd7;} .search-space-type ul li > .over.blue{border:1px solid #3f6dd7;} .search-space-type ul li .over.gray{background-color:#777777;} .search-space-type ul li > .over.gray{border:1px solid #777777;} .sidenav ul.submenu{ border-bottom:2px solid #4f5354;border-left:0px;padding:10px 0px;background:#4a4d4f;} .sidenav ul.submenu li{border:0px;margin:0px;line-height:40px;height:40px;padding-left:40px;position:relative;width:240px;text-overflow: ellipsis;word-wrap:break-word;overflow:hidden;padding-right:40px;cursor:auto;} .sidenav ul.submenu li i{position:absolute;right:20px;top:11px;font-size:15px;cursor:pointer;} .sidenav ul.submenu li a{cursor:pointer;line-height:20px;color:#999999;} .sidenav a.menu { padding: 8px 8px 8px 79px; text-decoration: none; font-size: 16px; color: #d3d3d3; display: block; transition: 0.3s; font-family:NanumSquareR; height:60px; line-height:47px; border-bottom:1px solid #4f5354; } .sidenav ul.submenu li{background:#4a4d4f;} .sidenav ul.submenu li a{font-size:12px;} .sidenav a.login{background:url('/resources/images/left_bg_member.png') 31px 13px no-repeat;background-size:30px 30px;} .sidenav a.search{background:url('/resources/images/left_bg_search.png') 31px 15px no-repeat;background-size:30px 30px;} .sidenav a.space{background:url('/resources/images/left_bg_myspace.png') 31px 17px no-repeat;background-size:30px 30px;} .sidenav a.myspace{background:url('/resources/images/left_bg_myspace.png') 31px 17px no-repeat;background-size:30px 30px;} .sidenav a.fav{background:url('/resources/images/left_bg_fav.png') 31px 13px no-repeat;background-size:30px 30px;} .sidenav a.menu:hover{background:#4eb448;color:#fff !important;} .sidenav a.login:hover{background:url('/resources/images/left_bg_member_o.png') 31px 13px no-repeat #4eb448;} .sidenav a.search:hover{background:url('/resources/images/left_bg_search_o.png') 31px 15px no-repeat #4eb448;} .sidenav a.space:hover{background:url('/resources/images/left_bg_myspace_o.png') 31px 17px no-repeat #4eb448;} .sidenav a.myspace:hover{background:url('/resources/images/left_bg_myspace_o.png') 31px 17px no-repeat #4eb448;} .sidenav a.fav:hover{background:url('/resources/images/left_bg_fav_o.png') 31px 13px no-repeat #4eb448;} .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } #sidenav .left_menu_bottom{position:absolute;bottom:30px;left:0px;width:100%;} #sidenav .left_menu_bottom ul{list-style:none;padding:0px;margin:0px;border-top:1px solid #494d4e;} #sidenav .left_menu_bottom ul li{font-size:12px;height:38px;line-height:38px;color:#999999;padding-left:30px;border-bottom:1px solid #494d4e;} #sidenav .left_menu_bottom ul li.copy{font-size:8px;color:#afafaf;letter-spacint:-2px;} .map-listing{padding-top:10px;margin-left:240px;} .map-listing .search-form{background:#fff;} .map-listing .search-form .card{border-bottom:1px solid #e5e5e5;} .map-listing .search-results .search-form input[type="text"]{border:1px solid #eeeeee;height:51px;background: url(/resources/images/icon_search_bg.png) 15px 11px no-repeat #fff;padding-left:60px;background-size:29px 29px;border-radius:5px;} .map-listing .search-results button[type="submit"]{background:#4eb448;color:#fff;border-radius:5px;border-color:#4eb448;height:49px;font-weight:normal;} .map-listing .search-results-list{background:#f7f7f7;overflow-y:scroll;height:100vh;padding-bottom:0px;} .map-listing .search-results-list .item-listing .item{background:#f7f7f7;} .map-listing .search-results-list .item-listing .item2{background:#fff;} .map-listing .search-results-list .item-listing .item2 .img-fluid{width:100%;} .input-group .input-group-addon button{border-radius:0px;border-left:none;} .map-listing .search-results-list .sorting .btn{padding-left:20px;padding-right:20px;} .modal-content{border-radius:0px;} .modal-header{border-bottom:0px;} .modal-content .form-control{border-radius:5px;} .map-listing .bg-gray{background:#f7f7f7;} .modal input{font-size:12px;height:38px;} #contactModal input[type="checkbox"]{font-size:12px;height:unset;vertical-align:middle;} #contactModal div.overflow-scroll{width:100%;height:100px;overflow-y:scroll;border:1px solid #e0e0e0;padding:10px;font-size:12px;background:#fff;} #contactModal hr{border-top:1px dotted rgba(0,0,0,.1)} .modal select{font-size:12px;} .modal .radio-inline span{font-family:NanumBarunGothic;} .middle_line{overflow: hidden;text-align: center;color:#999999;} .middle_line:before,.middle_line:after{ background-color: #dbdbdb; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .middle_line:before { right: 0.5em; margin-left: -50%; } .middle_line:after { left: 0.5em; margin-right: -50%; } .btn-c{font-weight:normal;font-family:NanumBarunGothicBold;font-size:14px;cursor:pointer;height:45px;color:#999999;width:100%;} .btn-c.btn-submit{background:#4eb448;border-color:#34922f;height:45px;color:#fff;} .btn-c.btn-submit-round{background:#4eb448;border-color:#34922f;height:38px;color:#fff;border-radius:5px;} .btn-c.btn-share{width:40%;height:64px;border-color:#3b9b36;} .btn-c.btn-facebook{background:#fff;border-color:#e0e0e0;height:45px;color:#adadae;border-top-left-radius:0px;border-bottom-left-radius:0px;font-size:14px;} .btn-c.btn-naver{background:#fff;border-color:#33cb61;height:45px;color:#00be39;} .btn-c.btn-gray{background:#8a8a8a;border-color:#8a8a8a;height:45px;color:#fff;height:38px;font-family:NanumBarunGothic;font-size:13px;} .btn-c.btn-white{background:#fff;border-color:#555;border:1px solid #555;height:45px;color:#555;height:45px;} .btn-c.btn-white-round{background:#fff;border-color:#c9c8c9;color:#555;height:35px;border-radius:7px;color:#777777;} .btn-c.btn-white.btn-xs{width:14px;height:14px;padding:0px;font-size:0.9em;} .btn-c.btn-white.btn-xs.over{background:#4eb448;border-color:#4eb448;color:#fff;} .btn-c.btn-tel{background:#fff;border-color:#c9c8c9;width:64px;color:#555;height:64px;border-radius:50%;color:#777777;font-size:25px;margin-left:10px;} .btn-c.btn-tel:active, .btn-c.btn-tel:enabled, .btn-c.btn-tel:focus{border-radius:50%;} .btn.btn-red-round{border:1px solid #cc3333;color:#cc3333;} .facebook-icon{float:left;border:1px solid #e0e0e0;color:#4568b2;height:45px;font-size:15px;border-radius:5px;line-height:45px;padding:0 12px 0 18px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px;} .facebook-button{float:left;} .fa.fa-naver{background:url('/resources/images/icon_naver.png') center center no-repeat;width:22px;height:20px;vertical-align:middle;} a.nomal-link-blue, span.nomal-link-blue, div.nomal-link-blue{color:#2970b9 !important;font-family:NanumBarunGothic;font-size:12px;} a.nomal-link-gray, span.nomal-link-gray, div.nomal-link-gray{color:#333333;font-family:NanumBarunGothic;font-size:12px;} #joinModal .step{margin:0px;padding:0px;list-style:none;height:48px;} #joinModal .step li{width:33.3%;float:left;color:#999999;font-family:NanumBarunGothicBold;font-size:14px;text-align:center;line-height:48px;} #joinModal .step li span{display:inline-block;border:1px solid #dfdfdf;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;font-size:16px;margin-right:3px;} #joinModal .step li.over{background:none;color:#4eb448;font-family:NanumBarunGothicBold;} #joinModal .step li.over span{display:inline-block;border:1px solid #4eb448;background:#4eb448;;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;} #joinModal #join_step1{margin-top:20px;} #joinModal #join_step1 h3{font-size:14px;font-family:NanumBarunGothic;color:#555555;margin:10px 0 0 0px;} #joinModal #join_step1 div.overflow-scroll{width:100%;height:100px;overflow-y:scroll;border:1px solid #e0e0e0;padding:10px;font-size:12px;} #joinModal #join_step2{margin-top:20px;} #joinModal #join_step2 .form-group{margin-bottom:0.5rem;} #joinModal #join_step2 .join-msg{display:none;} #joinModal #join_step3{margin-top:20px;} #joinModal #join_step3 h1{font-family:NanumBarunGothicBold;font-size:22px;text-align:center;} #joinModal #join_step3 h2{font-family:NanumBarunGothic;font-size:14px;text-align:center;color:#999999;} #joinModal #join_step3 h3{font-family:NanumBarunGothic;font-size:14px;text-align:center;color:#999999;} #joinModal #join_step3 h3 a{color:#2970b9;} .modal-content .form-control:focus{border:1px solid #a1d79d;} .w-49{width:49% !important;} .w-24{width:24% !important;} .w-15{width:15% !important;} .w-45{width:45% !important;} .normal-font{font-family:NanumBarunGothic;font-size:11px;color:#afafaf;} .btn-default{background:#fff;font-weight:normal;border:1px solid #e7e7e7;border-radius:5px;} .sorting-detail{border-bottom:1px solid #dbdbdb;} .sorting-detail #search-button button{width:60px;border-radius:0px;} .sorting-detail #search-button button:hover, .sorting-detail #search-button button:active{font-weight:normal;} .sorting-detail #search-button button.over{color:#4eb448;border:1px solid #4eb448;border-right:1px solid #4eb448 !important;z-index:999;} .sorting-detail .date button{border:1px solid #ced4da;border-left:0px;} #detailBox .img-btn{position:absolute;top:30px;right:30px;} #detailBox .profile{height:64px;width:50%;float:left;} #detailBox .profile .thumb_img{float:left;} #detailBox .profile .thumb_img img{width:60px;height:60px;object-fit: cover;border-radius:50%;object-position:top;} #detailBox .profile .info{float:left;margin-left:10px;font-family:NanumBarunGothic;color:#333333;padding-top:7px;font-size:12px;} #detailBox .profile .info b{font-size:15px;} #detailBox .buttons{float:right;width:50%;} #detailBox .buttons .button{text-align:right;height:60px;width:100%;} #detailBox .buttons .button button{float:left;} #detailBox .buttons .button .btn-share{width:50%;} #detailBox .contents{margin-top:20px;font-family:NanumBarunGothic;font-size:12px;height:90px;overflow:hidden;margin-bottom:10px;} #detailBox .contents.show-all{overflow:auto !important;min-height:50px;height:auto;} #detailBox a.contents_detail{color:#2970b9;font-family:NanumBarunGothic;cursor:pointer;clear:both;font-size:12px;} #detailBox .cost_info{border-top:1px solid #dbdbdb;margin-top:15px;padding:5px 0 0 0;position:relative;} #detailBox .cost_info .time{font-size:12px;color:#616161;font-family:NanumBarunGothicBold;} #detailBox .cost_info .cost{font-size:16px;color:#000;line-height:30px;} #detailBox .cost_info .cost span{font-size:16px;color:#53ca1e;font-size:26px;font-family:NanumSquareB;} #detailBox .cost_info .space_detail_type{position:absolute;right:0px;bottom:5px;font-size:12px;color:#999;} #detailBox .options{border-top:1px solid #dbdbdb;margin-top:15px;padding:5px 0 15px 0;border-bottom:1px solid #dbdbdb;} #detailBox .options .col-sm-4{font-family:NanumBarunGothic;color:#000;padding:5px 20px;font-size:12px;} #detailBox h5{font-family:NanumBarunGothic;font-weight:bold;color:#333;font-size:13px;} #detailBox .reviews{margin-top:0px;padding:0px 0 15px 0;margin-bottom:0px;border-bottom:1px solid #dbdbdb;} #detailBox .reviews h3{font-size:18px;border-bottom:1px dashed #dbdbdb;padding-bottom:10px;} #detailBox .questionBox i{margin-left:1px;font-size:14px;} #detailBox .questionBox i.fa-star{color:#25d00e;} #detailBox .questionBox i.fa-star-o{color:#e6e6e6;} #detailBox .questionBox .col-sm-12{} #detailBox .share_action{border-top:1px solid #a0a0a0;background:#f5f5f5;min-height:100px;height:auto;padding:25px 20px 90px 20px;} #detailBox .share_action button.btn-share{width:100%;} #detailBox .share_action button.btn-share span{font-weight:bold;} #detailBox .share_action button.btn-share-diabled{background:#dddddd;border:1px solid #a0a0a0;color:#616161;} #detailBox .share_action #time_select_box{padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;} #detailBox .share_action #time_select_box ul{list-style-type:none;padding:0px;margin:0px;width:100%;} #detailBox .share_action #time_select_box ul li{display:inline-block;height:29px;background:#fff;border:1px solid #cdcdcd;border-left:0px;position:relative;} #detailBox .share_action #time_select_box ul li:first-child{border-left:1px solid #cdcdcd;} #detailBox .share_action #time_select_box ul li span{position:absolute;font-size:0.8em;color:#000;top:-20px;left:-0px;} #detailBox .share_action #time_select_box ul li:last-child span{right:0px;left:unset;} #detailBox .share_action #time_select_box ul li.over{background:#83ca7f;} #detailBox .share_action #time_select_box ul li.select{background:#83ca7f;} #detailBox .share_action #time_select_box ul li.disabled{background:#dddddd}; #detailBox .share_action input[type="text"]{font-size:12px;} #detailBox .share_action select{font-size:12px;} #detailBox .share_action .date button{border:1px solid #ced4da;border-left:0px;} #detailBox .share_action.hidden{display:none !important;} #detailBox .share_choice_action.hidden{display:none !important;} #detailBox .blueimp-gallery>.slides>.slide>.slide-content{height:100%;} #detailBox .share_choice_action{padding: 15px 20px 90px 20px;background: #f5f5f5;border-top: 1px solid #a0a0a0;} #detailBox .share_choice_action h3{font-size:18px;} #detailBox .answerlist{} #detailBox .answerlist h3{font-size:18px;padding-bottom:10px;margin-bottom:0px;} #detailBox .answerlist button{position:absolute !important;right:0px;top:2px;width:80px;height:30px;font-size:12px;border-radius:3px;border-color:#dbdbdb;color:#616161;} #detailBox .blueimp-gallery-carousel{box-shadow:unset;} #detailBox .btn-save-favorites.over i{color:#4eb448;} #detailBox #space_detail_title{margin-bottom:0px;margin-top:0px;width:95%;} #detailBox .address{color:#999;margin-bottom:0px;} #detailBox .form-control[readonly]{background:#fff;} .map-listing #search_result_box{padding-bottom:192px;} .map-listing .search-results-detail button.btn-detail-close{padding:5px 5px 0 5px;;right:30px;top:90px;position:fixed;border:1px solid #fff;z-index:9999;background:#fff;} #sub.mypage{margin-top:65px;} #sub.mypage .expire_box{box-shadow: 0px 0px 10px 0px rgba(204, 51, 51, 0.9);} #sub.mypage #mypage-tab{list-style-type:none;padding:0px;margin:0px;width:100%; display: flex;flex-wrap: wrap;} /*#sub.mypage #mypage-tab li{display: flex;flex: 0 0 12%;border:1px solid #dbdbdb;background:#fafafa;font-size:14px;font-family:NanumBarunGothic;border-left:0px; justify-content: center;flex-direction: column;text-align: center;height:40px;}*/ #sub.mypage #mypage-tab li{display: inline-block;width:11.1%;border:1px solid #dbdbdb;background:#fafafa;font-size:14px;border-left:0px; text-align: center;height:40px;line-height:40px;} #sub.mypage #mypage-tab.full li{width:14.2%} #sub.mypage #mypage-tab li:first-child{border-left:1px solid #dbdbdb;} #sub.mypage #mypage-tab li.over{color:#4eb448;background:#fff;border-top:3px solid #4eb448;border-bottom:0px;} #sub.mypage #mypage-tab li a{display:block;color:#616161;font-family:NanumBarunGothic;font-size:12px;} #sub.mypage #mypage-tab li.over a{color:#4eb448;font-size:14px;} #sub.mypage h1{color:#4eb448;font-size:20px;font-family:NanumSquareB;} #sub.mypage h2{color:#333333;font-size:16px;font-family:NanumBarunGothicBold;line-height:20px;margin-bottom:0px;margin-top:0px;} #sub.mypage #officeWrite .col-sm-12, #sub.mypage #officeWrite .col-sm-9, #sub.mypage #officeWrite .col-sm-3, #sub.mypage #officeWrite .col-sm-4, #sub.mypage #officeWrite .col-sm-5, #sub.mypage #officeWrite .col-sm-7, #sub.mypage #officeWrite .col-sm-10, #sub.mypage #officeWrite .col-sm-6 {padding-left:0px;padding-right:0px;} #sub.mypage #officeWrite label.col-form-label{color:#555555;font-size:12px;font-family:NanumBarunGothic;font-weight:bold;} #sub.mypage #officeWrite input[type="text"], #sub.mypage #officeWrite input[type="number"], #sub.mypage #officeWrite select {border-radius:5px;font-size:0.9em;font-family:NanumBarunGothic;border:1px solid #dbdbdb;height:32px;} #sub.mypage #officeWrite .inline{display: inline-block !important;} #sub.mypage #officeWrite .custom-file-label{font-size:12px;font-family:NanumBarunGothic;padding-top:8px;} #sub.mypage #officeWrite .custom-file-label::after{padding-top:8px;} #sub.mypage #officeWrite .input-group-addon{background-color:#fff;color:#000;border:1px solid #dbdbdb;border-left:none;display:block;width:32px;text-align:center;line-height:30px;border-top-right-radius:5px;border-bottom-right-radius:5px;} #sub.mypage #officeWrite .datepicker-normal input[type="text"]{border-top-right-radius:0px;border-bottom-right-radius:0px;} #sub.mypage #officeWrite #space_detail{list-style:none;padding:0px;margin:0px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;width:100%;} #sub.mypage #officeWrite #space_detail li{border-top:1px solid #dbdbdb;} #sub.mypage #officeWrite #space_detail li:first-child{border-top:0px;} #sub.mypage #officeWrite #space_detail li h4{font-family:NanumBarunGothic;font-size:12px;color:#333333;font-weight:bold;float:left;line-height:20px;margin-bottom:0px;} #sub.mypage #officeWrite #space_detail li h5{font-family:NanumBarunGothic;font-size:11px;color:#333333;float:left;line-height:20px;margin-bottom:0px;margin-left:10px;} #sub.mypage #officeWrite #space_detail li p{clear:both;font-family:NanumBarunGothic;font-size:11px;color:#999999;} #sub.mypage #officeWrite #space_detail .btn{font-size:11px;font-family:NanumBarunGothic;height:20px;padding:0 6px 0 6px;color:#616161;line-height:20px;} #sub.mypage #officeWrite .btn-area .btn-c.btn-white{height:48px;border-radius:5px;border:1px solid #e9e9e9;} #sub.mypage #officeWrite .btn-area .btn-c.btn-share{height:48px;border-radius:5px;border:1px solid #4eb448;background:#4eb448;color:#fff;} #sub.mypage #officeView label.col-form-label{color:#555555;font-size:12px;font-family:NanumBarunGothic;font-weight:bold;line-height:20px;padding-bottom:0px;margin-bottom:0px;} #sub.mypage #officeView .col-sm-12, #sub.mypage #officeView .col-sm-9, #sub.mypage #officeView .col-sm-3, #sub.mypage #officeView .col-sm-4, #sub.mypage #officeView .col-sm-5, #sub.mypage #officeView .col-sm-7, #sub.mypage #officeView .col-sm-10, #sub.mypage #officeView .col-sm-6 {padding-left:0px;padding-right:0px;} #sub.mypage #officeView #officeInfoBox{position:relative;border-bottom:1px solid #a0a0a0;padding:0 0px 20px 0px;} #sub.mypage #officeView #officeInfoBox .title{border-bottom:none;font-size:20px;color:#333333;font-family:NanumSquareB;padding-bottom:0px;margin-bottom:5px;padding-top:0px;margin-top:0px;} #sub.mypage #officeView #officeInfoBox .title span{border:1px solid #66be60;color:#4eb448;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;} #sub.mypage #officeView #officeInfoBox .address{clear:both;font-family:NanumBarunGothic;font-size:11px;color:#777777;} #sub.mypage #officeView #officeInfoBox .content{font-family:NanumBarunGothic;font-size:13px;margin-top:15px;max-width:80%;} #sub.mypage #officeView #officeInfoBox .options{font-family:NanumBarunGothic;font-size:13px;margin-top:15px;} #sub.mypage #officeView #officeInfoBox .buttonArea{position:absolute;right:0px;top:0px;} #sub.mypage #officeView #officeInfoBox .buttonArea .btn-red{border-radius:5px;background:#fff;color:#cc3333;border:1px solid #cc3333;min-width:100px;width:auto;} #sub.mypage #officeView #officeInfoBox .buttonArea .btn-white{border-radius:5px;background:#fff;color:#555555;border:1px solid #e0e0e0;min-width:70px;width:auto;margin-left:3px;} #sub.mypage #officeView #officeInfoBox .buttonArea .btn-gray{border-radius:5px;background:#f8f8f8;color:#555555;border:1px solid #e0e0e0;min-width:70px;width:auto;height:45px;font-family:NanumBarunGothicBold;font-size:15px;margin-left:6px;} #sub.mypage #officeView #officeInfoBox .buttonArea .btn-green{border-radius:5px;background:#fff;color:#53ca1e;border:1px solid #53ca1e;min-width:70px;width:auto;height:45px;font-family:NanumBarunGothicBold;font-size:15px;margin-left:5px;cursor:auto;} #sub.mypage #officeView #officeInfoBox .buttonArea .profile{text-align:center;min-height:48px;height:auto;margin-left:20px;} #sub.mypage #officeView #officeInfoBox .buttonArea .profile:after{clear:both;content:"";} #sub.mypage #officeView #officeInfoBox .buttonArea .profile .thumb_img{float:left;text-align:center;} #sub.mypage #officeView #officeInfoBox .buttonArea .profile .thumb_img img{width:48px;height:48px;object-fit: cover;border-radius:50%;} #sub.mypage #officeView #officeInfoBox .buttonArea .profile .info{padding-left:10px;padding-top:13px;float:left;margin-right:20px;} #sub.mypage #officeView #officeInfoBox .buttonArea ul{list-style-type:none;padding:0px;margin:0px;width:100%;margin-top:20px;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li{display: inline-block;min-width:70px;width:auto;min-height:40px;height:auto;line-height:70px;padding:0 10px 0 10px;font-family:NanumBarunGothic;color:#999999;font-size:11px;position:relative;vertical-align:bottom;cursor:pointer;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-phone{background:url('/resources/images/icon_phone.png') top center no-repeat;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-kakao{background:url('/resources/images/icon_kakao.png') top center no-repeat;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-message{text-align:center;line-height:unset;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-message i{line-height:20px;font-size:18px;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-message div{line-height:30px;padding-bottom:20px;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-phone:after{border-right:1px solid #999999;content:"";position:absolute;right:0px;top:5px;height:50%;} #sub.mypage #officeView #officeInfoBox .buttonArea ul li.bg-kakao:after{border-right:1px solid #999999;content:"";position:absolute;right:0px;top:5px;height:50%;} #sub.mypage #officeView #reservationBox .box{border:1px solid #dbdbdb;border-top:7px solid #4eb448;border-radius:10px;} #sub.mypage #officeView #reservationBox .box.red{border-top:7px solid #cc3333;} #sub.mypage #officeView #reservationBox .box.blue{border-top:7px solid #3f6dd7;} #sub.mypage #officeView #reservationBox .box.gray{border-top:7px solid #777777;} #sub.mypage #officeView #reservationBox .box.gray .title span{border:1px solid #777777;color:#777777;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #officeView #reservationBox .box .title{font-size:19px;color:#333333;border-bottom:0px;margin:0px;padding:0px;font-family:NanumSquareB;padding:20px 0 0 20px;} #sub.mypage #officeView #reservationBox .box .title span{border:1px solid #66be60;color:#4eb448;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #officeView #reservationBox .box.red .title span{border:1px solid #cc3333;color:#cc3333;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #officeView #reservationBox .box .detail_info{margin-top:20px;padding:0 20px 20px 20px;} #sub.mypage #officeView #reservationBox .box .detail_info p{font-size:13px;color:#777777;font-family:NanumBarunGothic;margin-bottom:0px;} #sub.mypage #officeView #reservationBox .box .detail_info div{font-size:16px;color:#333333;font-family:NanumBarunGothicBold;} #sub.mypage #officeView #reservationBox .box .detail_info div span{font-family:NanumBarunGothic;} #sub.mypage #officeView #reservationBox .box .detail_info .col-sm-3{position:relative;} #sub.mypage #officeView #reservationBox .box .detail_info .col-sm-3:after{border-right:1px solid #dbdbdb;content:"";position:absolute;right:20px;top:10px;height:50%;} #sub.mypage #officeView #reservationBox .box .detail_info .col-sm-3.last:after{border-right:0px;} #sub.mypage #officeView #reservationBox .box .reserv_info{margin-top:20px;background:#f5f5f5;padding:20px;} #sub.mypage #officeView #reservationBox .box .reserv_info div {padding:0px 0px;font-size:12px;} #sub.mypage #officeView #reservationBox .box .reserv_info div b{margin-left:5px;} #sub.mypage #officeView #reservationBox .box .reserv_info div.cost_info{color:#4eb448;font-size:20px;font-family:NanumSquareB;padding-top:0px;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea{padding:0px;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea .btn-white{border-radius:5px;background:#fff;color:#555555;border:1px solid #e0e0e0;min-width:70px;width:auto;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea .btn-red{border-radius:5px;background:#cc3333;color:#fff;border:1px solid #cc3333;min-width:70px;width:auto;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea .btn-submit{border-radius:5px;background:#4eb448;color:#fff;border:1px solid #4eb448;min-width:70px;width:auto;} #sub.mypage #officeView #detailBox{list-style:none;padding:0px;margin:7px 0 0 0px;border-top:1px solid #a0a0a0;border-bottom:1px solid #dbdbdb;width:100%;} #sub.mypage #officeView #detailBox li{border-top:1px solid #dbdbdb;} #sub.mypage #officeView #detailBox li:first-child{border-top:0px;} #sub.mypage #officeView #detailBox li h4{font-family:NanumBarunGothic;font-size:12px;color:#333333;font-weight:bold;float:left;line-height:20px;margin-bottom:0px;} #sub.mypage #officeView #detailBox li h5{font-family:NanumBarunGothic;font-size:11px;color:#333333;float:left;line-height:20px;margin-bottom:0px;margin-left:10px;} #sub.mypage #officeView #detailBox li p{clear:both;font-family:NanumBarunGothic;font-size:11px;color:#999999;} #sub.mypage #officeView #detailBox .btn{font-size:11px;font-family:NanumBarunGothic;width:auto;height:20px;padding:0 10px;color:#555555;line-height:20px;border-radius:3px;} #sub.mypage #officeView #reviewWriteBox{border-top:1px solid #b0b0b0;padding-top:10px;margin-top:10px;} #sub.mypage #officeView #reviewWriteBox .fa-star-o{cursor:pointer;} #sub.mypage #officeView #reviewWriteBox .fa-star{cursor:pointer;color:#4eb448;} #sub.mypage #officeView #reviewWriteBox textarea{min-height:100px;} #sub.mypage #timeline{font-size:12px;font-family:NanumBarunGothic;margin-top:10px;} #sub.mypage #timeline ul{width:100% !important;list-style-type:none;padding:0px;margin:0px;display: table;} #sub.mypage #timeline ul:first-child{border-top:2px solid #444;} #sub.mypage #timeline ul li{display:table-cell;padding-top:20px;margin:0px;} #sub.mypage #timeline ul li:first-child{padding:20px 20px 10px 20px;height:80px;width:50px;} #sub.mypage #timeline ul li:first-child div{} #sub.mypage #timeline ul li:first-child p{font-size:12px;margin-bottom:0px;} #sub.mypage #timeline ul li div.date{font-weight:bold;color:#333;} #sub.mypage #timeline ul li p span{color:#4eb448;margin-left:5px;} #sub.mypage #timeline ul{border-bottom:1px solid #dbdbdb;} #sub.mypage #timeline ul:last-child{border-bottom:2px solid #444;} #sub.mypage #timeline ul li:last-child{border-left:1px solid #dbdbdb;padding:20px 0 10px 30px;line-height:22px;height:80px;width:86%;} #sub.mypage #timeline ul li:last-child p{font-size:14px;font-weight:bold;margin:0px;color:#616161;} #sub.mypage #timeline ul li:last-child div{color:#999;} #sub.mypage #board-tab{list-style-type:none;padding:0px;margin:0px;width:100%; display: flex;flex-wrap: wrap;} /*#sub.mypage #mypage-tab li{display: flex;flex: 0 0 12%;border:1px solid #dbdbdb;background:#fafafa;font-size:14px;font-family:NanumBarunGothic;border-left:0px; justify-content: center;flex-direction: column;text-align: center;height:40px;}*/ #sub.mypage #board-tab li{display: inline-block;width:20%;border:1px solid #dbdbdb;background:#fafafa;font-size:14px;border-left:0px; text-align: center;height:40px;line-height:40px;} #sub.mypage #board-tab.full li{width:14.2%} #sub.mypage #board-tab li:first-child{border-left:1px solid #dbdbdb;} #sub.mypage #board-tab li.over{color:#4eb448;background:#fff;border-top:3px solid #4eb448;border-bottom:0px;} #sub.mypage #board-tab li a{display:block;color:#616161;font-family:NanumBarunGothic;font-size:12px;} #sub.mypage #board-tab li.over a{color:#4eb448;font-size:14px;} #sub.mypage #searchBox{width:100%;height:80px;border:1px solid #4eb448;margin-top:50px;margin-bottom:50px;} #sub.mypage #searchBox #searchForm{width:100%;} #sub.mypage #searchBox #searchForm .box_search{line-height:75px;font-weight:700;} #sub.mypage #searchBox #searchForm .box_search input[type="text"]{margin-top:20px;} #sub.mypage #searchBox #searchForm .box_search .btn-success{width:100%;} #sub.board .table{border-top:2px solid #666;} #sub.board .table th{vertical-align:middle;border-bottom:1px solid #dee2e6;text-align:center;} #sub.board .table td{text-align:center;vertical-align:middle;font-size:13px;} #sub.board .btn-default{font-size:14px !important;} #sub.board-write .card{padding:0px;} #sub.board-write .table{margin-top:20px;} #sub.board-write .table th{vertical-align:middle;} #sub.board-write .table td{vertical-align:middle;} #sub.board-write .dropzone{border:1px solid #ccc;min-height:unset;} #sub.board-write .btn-box{margin-top:15px;} #sub.board-write .btn-box .btn-success{font-size:14px;} #sub.board-write .btn-box .btn-default{font-size:14px;} #sub.board-write label{margin-bottom:0px;} #sub.board-write #file-list{list-style:none;padding:0px;margin:0px;} #sub.board-view .table{margin-top:20px;border-top:2px solid #666;} #sub.board-view .table th{font-size:12px;color:#999;background:#f5f5f5;} #sub.board-view .table th #subject{font-size:14px;color:#333;} #sub.board-view .files{padding:15px 20px;} #sub.board-view .files a{color:#2f2f2f;} #sub.board-view .files .file{color:#2f2f2f;} #sub.board-view .files .file:after{content:""; display:inline-block;width:16px; height:13px; margin-left:5px; background: url(/res/images/sprites.png) no-repeat -140px -80px;vertical-align: middle;} #sub.board-view #file-list{list-style:none;padding:0px;margin:0px;} #sub.board-view .btn-box{margin-top:15px;text-align:right;} #sub.board-view .btn-box .btn-success{font-size:14px;} #sub.board-view .btn-box .btn-default{font-size:14px;} .dropzone .dz-preview .dz-remove{border:1px solid #ced4da;padding:3px;border-radius:5px;margin-top:3px;color:#dc3545;} .dropzone .dz-preview .dz-image{text-align:center;} #sub.board-view .table-list{border-top:2px solid #666;} #sub.board-view .table-list th{vertical-align:middle;border-bottom:1px solid #dee2e6;text-align:center;font-size:14px;color:#333;} #sub.board-view .table-list td{text-align:center;vertical-align:middle;font-size:13px;} #sub.board-view .box_reply{width:100%;margin-top:20px;} #sub.board-view .box_reply .box_write{position: relative;padding-right: 90px;} #sub.board-view .box_reply .box_write textarea { width: 100%; height: 60px; font-size: 14px; line-height: 120%; border:1px solid #d0d0d0; color:#666; padding:15px; } #sub.board-view .box_reply .box_write a { display: block; position: absolute; top: 0; right: 0; width: 90px; height: 60px; border: 1px solid #d0d0d0; border-left: 0; background: #f9f9f9; text-align: center; font-size: 15px; line-height: 60px; color: #2f2f2f; } #sub.board-view .tbl_reply { margin-top: 20px; width:100%; } #sub.board-view .tbl_reply td { padding: 20px 0; border-bottom: 1px solid #d0d0d0; } #sub.board-view .tbl_reply .userImage { display: inline-block; width: 64px; height: 64px; overflow:hidden; } #sub.board-view .tbl_reply .userImage img{width:100%;height:100%; object-fit:cover;border-radius:50%;} #sub.board-view .box_reply #comment-write-name{width:10%;} #sub.board-view .tbl_reply .reply { position: relative; padding-top: 30px; padding-right: 80px; } #sub.board-view .tbl_reply td { padding: 20px 0; border-bottom: 1px solid #d0d0d0; } #sub.board-view .tbl_reply .reply strong { font-size: 15px; color: #356db6; } #sub.board-view .tbl_reply .reply p { font-size: 14px; } #sub.board-view .tbl_reply .btns { position: absolute; top: 50px; right: 0; width: 80px; text-align: center; } #sub.board-view .tbl_reply .btns i{font-size:16px;color:#999;} #sub.board-view .tbl_reply .btns a { display: inline-block; width: 14px; height: 16px; margin-right:10px; } #qnaBox{border-top:1px solid #a0a0a0;display:none;} #qnaBox .questionBox{padding:20px 10px;border-bottom:1px solid #dbdbdb;position:relative;} #qnaBox .member_profile{height:49px;} #qnaBox .member_profile .img{float:left;width:49px;height:49px;} #qnaBox .member_profile .img img{border-radius:50%;object-fit: cover;width:49px;height:49px;} #qnaBox .member_profile .info{float:left;margin-left:15px;margin-top:0px;} #qnaBox .member_profile .info p{color:#616161;font-size:14px;margin-bottom:0px;} #qnaBox .member_profile .info div{font-size:11px;font-family:NanumBarunGothic;color:#999;} #qnaBox .questionBox i{margin-left:1px;} #qnaBox .questionBox i.fa-star{color:#25d00e;} #qnaBox .questionBox i.fa-star-o{color:#e6e6e6;} #qnaBox .qna_title{margin-top:10px;clear:both;font-size:12px;font-family:NanumBarunGothic;} #qnaBox .qna_title span{cursor:pointer;color:#2970b9;} #qnaBox .qna_content{margin-top:10px;font-size:12px;font-family:NanumBarunGothic;} #qnaBox .btn-show-answer{font-size:12px;color:#616161;border-color:#dbdbdb;border-radius:3px;width:80px;height:30px;} #qnaBox .btn-answer-remove{font-size:12px;color:#616161;border-color:#dbdbdb;border-radius:3px;width:80px;height:30px;} #qnaBox .btnArea{position:absolute;right:20px;bottom:20px;} #qnaBox .btnArea2{position:relative;margin-top:0px;text-align:right;width:100%;} #qnaBox .btn-white-round{width:80px;border-radius:5px;} #qnaBox .btn-submit-round{width:80px;height:34px;margin-bottom:1px;} #qnaBox .answerBox{padding:20px 20px !important;border-top:0px;background:#f5f5f5;position:relative;} #qnaBox .answerBox .answer_symbol{float:left;font-weight:bold;font-size:18px;color:#000;height:49px;} #qnaBox .answerBox .member_profile{float:left;width:80%;margin-left:10px;} #qnaBox .answerBox .qna_title{margin-left:30px;} #qnaBox .answerBox .qna_content{margin-left:30px;} #qnaBox .answerBox input, #qnaBox .answerBox textarea{font-size:12px;} #detailBox .answerlist #qnaBox{border-bottom:0px;border-top:0px; border-top: 1px dashed #dbdbdb;} #detailBox .answerlist #qnaBox .questionBox{padding:20px 0px 15px 0px;border-top:0px;position:relative;border-bottom:0px;} #detailBox .answerlist #qnaBox .questionBox.borderTop{border-top:1px solid #dbdbdb;} #detailBox .answerlist #qnaBox .member_profile{padding-left:0px;} #detailBox .answerlist #qnaBox .btnArea{position:absolute;right:0px;bottom:50px;} #sub.mypage .select_list{list-style-type:none;padding:0px;margin:0px;width:100%; display: flex;flex-wrap: wrap;} #sub.mypage .select_list li{display: inline-block;width:33.3%;border:1px solid #dbdbdb;background:#fff;font-size:12px;font-family:NanumBarunGothic;border-left:0px; text-align: center;height:40px;color:#555555;line-height:40px;} #sub.mypage .select_list li:first-child{border-left:1px solid #dbdbdb;} #sub.mypage .select_list li.over{color:#fff;background:#4eb448;} #sub.mypage .btn-primary{background:#4eb448;color:#fff;border-color:#4eb448;font-size:11px;font-weight:normal;border-radius:3px;} #sub.mypage .btn-default{font-size:11px;font-weight:normal;border-radius:3px;color:#999;border:1px solid #dbdbdb;} #sub.mypage .chosen-choices input[type="text"]{padding-left:10px;} #sub.mypage .chosen-container-multi .chosen-choices{border:1px solid #dbdbdb;border-radius:5px;} #sub.mypage .bg-gray{background:#f5f5f5;border-radius:5px;padding:10px 15px;} #sub.mypage #gallery{padding:0px;margin:0px;} #sub.mypage #gallery li{list-style:none;font-size:0.8em;font-family:NanumBarunGothic;} #sub.mypage #gallery li a{color:#2970b9;} #sub.mypage .myinfo #infoPasswordChk{border:1px solid #dbdbdb;background:#fafafa;min-height:60px;height:auto;padding:40px;} #sub.mypage .myinfo #infoPasswordChk ul{list-style-type:none;padding:0px;margin:0px;} #sub.mypage .myinfo #infoPasswordChk ul li{display:inline-block;font-size:14px;font-family:NanumBarunGothicBold;color:#333333;vertical-align:top;} #sub.mypage .myinfo #infoPasswordChk ul li:first-child{min-width:10%;} #sub.mypage .myinfo #infoPasswordChk ul li:last-child{font-size:12px;font-family:NanumBarunGothic;min-width:50%;} #sub.mypage .myinfo #infoPasswordChk ul li:last-child p{font-size:11px;font-family:NanumBarunGothic;color:#999;} #sub.mypage .myinfo #infoPasswordChk div:last-child ul{margin-top:20px;} #sub.mypage .myinfo .btn-white{border:1px solid #e3e3e3;width:111px;height:45px;} #sub.mypage .myinfo .btn-share{border:1px solid #4eb448;background:#4eb448;width:111px;height:45px;color:#fff;} #sub.mypage .myinfo table.tbl{width:100%;border-top:1px solid #a0a0a0;} #sub.mypage .myinfo table.tbl th{background:#f5f5f5;text-align:left;padding-left:15px;color:#616161;font-size:12px;border-bottom:1px solid #dbdbdb;height:45px;} #sub.mypage .myinfo table.tbl td{text-align:left;padding-left:15px;font-size:12px;font-family:NanumBarunGothic;border-bottom:1px solid #dbdbdb;height:45px;} #sub.mypage .myinfo table.tbl td input[type="text"] ,#sub.mypage .myinfo input[type="password"] ,#sub.mypage .myinfo select {height:30px;border-radius:3px;font-size:12px;} #sub.mypage .myinfo #profile_img{float:left;} #sub.mypage .myinfo #profile_img_box{float:left;margin-top:2px;} #sub.mypage .myinfo #profile_img_box img{width:40px;height:40px;object-fit: cover;border-radius:50%;} #sub.mypage .myinfo input[type="file"]{border-radius:3px;font-size:12px;border:none;margin-top:2px !important;} #sub.mypage #my_payment_list{} #sub.mypage #my_payment_list .space_title{padding-bottom:5px;margin-top:20px;color:#333;} #sub.mypage #my_payment_list .space_title .col-sm-12{font-size:16px;font-family:NanumBarunGothicBold;} #sub.mypage #my_payment_list .space_title .col-sm-12 i{font-size:10px;} #sub.mypage #my_payment_list .space_title .col-sm-2{font-size:11px;font-family:NanumBarunGothic;color:#999;padding-top:8px;padding-right:0px;} #sub.mypage #my_payment_list .space_date{font-family:NanumBarunGothic;color:#999;padding-top:5px;padding-right:0px;} #sub.mypage #my_payment_list .space_date .col-sm-12{padding-right:0px;font-size:11px;} #sub.mypage #my_payment_list .space_detail_title{border-top:1px solid #a0a0a0;height:45px;} #sub.mypage #my_payment_list .space_detail_title .col-sm-10{font-size:14px;font-family:NanumBarunGothicBold;line-height:47px;color:#616161;} #sub.mypage #my_payment_list .space_detail_title .col-sm-2{font-size:14px;font-family:NanumBarunGothicBold;line-height:43px;} #sub.mypage #my_payment_list .space_detail_title .col-sm-2 i{margin-left:5px;} #sub.mypage #my_payment_list .payment_info{background:#fbfbfb;font-size:11px;padding:10px 0px;border-top:1px solid #dbdbdb;} #sub.mypage #my_payment_list .payment_info div{font-family:NanumBarunGothic;padding:5px 20px;color:#777777;} #sub.mypage #my_payment_list .payment_info hr{border-top:1px dashed #e3e3e3;height:1px;width:100%;margin-top:0px;margin-bottom:0px;} #sub.mypage #my_payment_list .payment_info div.bold{color:#333333;} #sub.mypage #my_payment_list .total_payment{padding:5px 0px;font-size:12px;line-height:40px;color:#999;border-top:1px solid #e0e0e0;border-bottom:1px solid #a0a0a0;} #sub.mypage #my_payment_list .total_payment .col-sm-3{font-size:20px;color:#333;} #sub.mypage #my_payment_list .total_payment .col-sm-3 div{font-size:12px;color:#333;padding:0px;line-height:15px;} #sub.mypage #cashHistoryBox h2{font-size:14px;font-family:NanumBarunGothicBold;line-height:30px;} #sub.mypage #cashHistoryBox .cash_posible_box{border:1px solid #4eb448;padding:10px 20px 20px 20px;position:relative;} #sub.mypage #cashHistoryBox .cash_posible_box h3{font-size:12px;font-family:NanumBarunGothicBold;text-align:left;margin-bottom:0px;color:#616161;line-height:24px;} #sub.mypage #cashHistoryBox .cash_posible_box .price{font-size:26px;color:#4eb448;line-height:26px;} #sub.mypage #cashHistoryBox .cash_posible_box button{position:absolute;right:20px;top:17px;} #sub.mypage #cashHistoryBox .cash_posible_box button.btn{width:110px;height:55px;background:#4eb448;border-color:#197513;} #sub.mypage #cashHistoryBox .cash_wating_box{border:1px solid #e3e3e3;padding:10px 20px 20px 20px;position:relative;background:#f4f4f4;} #sub.mypage #cashHistoryBox .cash_wating_box h3{font-size:12px;font-family:NanumBarunGothicBold;text-align:left;margin-bottom:0px;color:#616161;line-height:24px;} #sub.mypage #cashHistoryBox .cash_wating_box .price{font-size:26px;color:#616161;line-height:26px;} #sub.mypage #cashHistoryListBox{margin-top:20px;} #sub.mypage #cashHistoryListBox #cashHistoryList ul{list-style-type:none;padding:0px;margin:0px;border-bottom:1px solid #a0a0a0;width:100%;} #sub.mypage #cashHistoryListBox #cashHistoryList ul:first-child{border-top:2px solid #4e4e4e;} #sub.mypage #cashHistoryListBox #cashHistoryList ul:last-child{border-bottom:2px solid #4e4e4e;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li{display:inline-block;padding:15px 0px;width:10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;font-size:12px;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li.txt{width:68%;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li span.text-gray{color:#999999;font-weight:bold;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li span.text-blue{color:#345ebf;font-weight:bold;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li span.text-red{color:#cc3333;font-weight:bold;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li span.text-black{color:#333333;font-weight:bold;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li span.cost{font-size:14px;} #sub.mypage .page-header{margin-bottom:10px;} #sub.mypage .container{min-height:490px;height:auto;} #sub.mypage #officeList .write_btn{font-size:11px;position:absolute;right:0px;top:45px;} #sub.mypage #officeList .write_btn button{font-size:12px;border-radius:5px;color:#999;border:1px solid #dbdbdb;font-weight:normal;} #sub.mypage #detail_write_box #btn-detail-submit{font-size:16px;font-family:NanumSquareB;border-radius:5px;} #sub.mypage #officeList .communication-item-title{font-size:14px;font-family: NanumBarunGothicBold;} #sub.mypage #officeList .communication-item-regnum{color:#616161;} #sub.mypage #officeList div h4{height:100%;align-items : center;display:flex;margin:0px;} #sub.mypage #officeList div.communication-item-actions .row{height:100%;align-items : center;display:flex;} #sub.mypage #cashHistoryBox .cash_posible_box button.btn{border-radius:5px;} #paymentModal .modal-body h2, #paymentPreviewModal .modal-body h2{font-size:14px; font-family: NanumBarunGothicBold;height:40px;margin-bottom:0px;margin-top:20px;position:relative;} #paymentModal .modal-body{} .modal-body .data-box *{font-size:12px;} .modal-body .data-box {border-top:1px solid #a0a0a0;background:#fbfbfb;border-bottom:1px solid #dbdbdb;padding:5px 0 5px 0px;} .modal-body .data-box .col-sm-2{color:#8f8f8f;} .modal-body .data-box .col-sm-2, .modal-body .data-box .col-sm-10{padding-left:15px;padding-right:15px;} .modal-body .data-box .col-sm-10, .modal-body .data-box .col-sm-8, .modal-body .data-box .col-sm-6{padding-top:8px;padding-bottom:8px;} .modal-body .data-box .col-sm-10 .col-sm-4{padding-left:0px;color:#333;} .modal-body .data-box .row{margin-left:0px;margin-right:0px;margin-bottom:0.5rem;} .modal-body .data-box #reserv-date-box{font-size:16px;font-family: NanumBarunGothicBold;padding:20px 0 20px 15px;color:#53ca1e;} #paymentModal .paymentBtnBox{bottom:0px;max-width:700px;background:#fff;padding:35px 0px 20px 0px;border-top:2px solid #4eb448;margin-top:15px;} #paymentModal .paymentBtnBox .infoBox{position:relative;max-width:700px;margin:0 auto;} #paymentModal #space-info-box{font-size:12px;text-align:left;} #paymentModal #space-price-box{font-size:12px;text-align:left;font-weight:bold;} #paymentModal #space-price-box span{font-size:20px;color:#53ca1e;font-family: NanumBarunGothicBold;} #paymentModal .i-checks{color:#8f8f8f;} #paymentPreviewModal .modal-footer{justify-content:unset;display:unset;} #paymentPreviewModal .modal-footer .form-control{display:unset;} #paymentModal .infoBox button{width:100% !important;} #paymentModal div.overflow-scroll{width:100%;height:100px;overflow-y:scroll;border:1px solid #e0e0e0;padding:10px;font-size:12px;background:#fff;} #paymentModal .modal-body h2 div.allAgreeBox{position:absolute;right:0px;top:0px;} #sub.mypage #reservationBox *{font-size:12px;color:#333;} #sub.mypage #reservationBox .communication-item-from .date{color:#afafaf;} #sub.mypage #communication-list .communication-item-btn span.gray{border:1px solid #777777;color:#777777;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #communication-list .communication-item-btn span.green{border:1px solid #66be60;color:#4eb448;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #communication-list .communication-item-btn span.red{border:1px solid #cc3333;color:#cc3333;font-family:NanumBarunGothic;font-size:10px;height:23px;display:inline-block;padding:0 5px;line-height:23px;margin-left:10px;} #sub.mypage #communication-list .communication-item-regnum{font-size:12px;} #sub.mypage #communication-list .communication-item-name{font-size:12px;} #sub.mypage #communication-list .communication-item-actions{padding-right:10px;} #sub.mypage #communication-list .communication-item-actions button{ vertical-align:middle;margin-top:3px; border-radius: 5px; background: #fff; color: #555555; border: 1px solid #e0e0e0; min-width: 70px; width: auto; } #sub.mypage #communication-list .communication-item-actions button.btn-submit{ border-radius: 5px; background: #4eb448; color: #fff; border: 1px solid #4eb448; min-width: 70px; width: auto; } .modal{z-index:99999;} #sub.mypage #contactAddBox .btn-contact-remove{ color: #fff; font-size: 11px; font-weight: normal; border-radius: 3px;margin-top:3px;} .map-listing .search-results-detail { background: #fff; overflow-y: scroll; overflow-x:hidden; height: 100vh; padding: 20px; padding-left:0px;padding-right:0px; padding-top: 20px; padding-bottom: 0px; margin-top:-80px; z-index:999; position:relative; -webkit-overflow-scrolling:touch; } .search-results-detail h3{font-size:25px;font-family:NanumSquareB;color:#333333;} .search-results-detail p.address{font-size:12px;font-family:NanumBarunGothic;color:#000;} .search-results-detail p.address i{font-size:20px;} .search-results-detail .right_past_menu{position:fixed;right:16px;bottom:200px;width:85px;background:#292b2a;z-index:9999;} .search-results-detail .right_past_menu.opacity{opacity:0.8;} .search-results-detail .right_past_menu p{font-family:NanumBarunGothic;font-size:11px;letter-spacing:-1px;color:#a7a7a7;} .search-results-detail .right_past_menu div{color:#a7a7a7;text-align:center;} .search-results-detail .right_past_menu div.tel{height:70px;border-bottom:1px solid #363837;padding-top:14px;cursor:pointer;} .search-results-detail .right_past_menu div.tel i{font-size:20px;} .search-results-detail .right_past_menu div.kakao{height:70px;border-bottom:1px solid #363837;background:url('/resources/images/icon_kakao_big.gif') center 15px no-repeat;position:relative;background-size:25px 22px;cursor:pointer;} .search-results-detail .right_past_menu div.kakao p{position:absolute;bottom:0px;margin:0px;padding:0px;text-align:center;width:100%;} .search-results-detail .right_past_menu div.message{height:70px;border-bottom:1px solid #363837;padding-top:14px;cursor:pointer;} .search-results-detail .right_past_menu div.message i{font-size:20px;} .search-results-detail .right_past_menu div.top{color:#fff;background:#181818;font-size:12px;padding:5px 0px;cursor:pointer;} /*.search-results-detail .right_past_menu_show_btn{display:none;}*/ .search-results-detail .right_past_menu div.kakao-link-btn{height:70px;border-bottom:1px solid #363837;position:relative;cursor:pointer;padding-top:10px;} .search-results-detail .right_past_menu div.kakao-link-btn p{position:absolute;bottom:0px;margin:0px;padding:0px;text-align:center;width:100%;} .search-results-detail .right_past_menu div.kakao-link-btn img{width:35px;} .search-results-detail .right_past_menu div.facebook-share-btn{height:70px;border-bottom:1px solid #363837;position:relative;cursor:pointer;padding-top:10px;} .search-results-detail .right_past_menu div.facebook-share-btn p{position:absolute;bottom:0px;margin:0px;padding:0px;text-align:center;width:100%;} .search-results-detail .right_past_menu div.facebook-share-btn img{width:35px;} .search-results-detail .right_past_menu_show_btn{position:fixed;right:16px;bottom:460px;width:22px;opacity:100%;z-index:9999;display:block;cursor:pointer;} .search-results-detail .right_past_menu_show_btn.isOpen{right:101px;} #findModal .main-title{font-size:18px;text-align: left;font-family: NanumSquareB;color: #000;margin-bottom: 0px;} #findModal .form-group{margin-bottom:0.5rem;} #loginModal .main-title{font-size:18px;text-align: left;font-family: NanumSquareB;color: #000;margin-bottom: 0px;} #loginModal .form-group{margin-bottom:0.5rem;} #contactModal .main-title{font-size:18px;text-align: left;font-family: NanumSquareB;color: #000;margin-bottom: 0px;} .note-editor .btn-light{background-color:unset;background-image:unset;} .blueimp-gallery>.indicator>li{border-radius:50%;height:9px;width:9px;padding:0px;} #pagination button{border-radius:0px;margin:0 4px;} #pagination button{font-family:dotum;font-size:11px;border:1px solid #e2e2e2;color:#666666;width:30px;height:24px;font-weight:normal;padding:0px;} #pagination button.active{border:1px solid #4eb448;color:#4eb448;} #pagination button:first-child{margin-right:11px;padding-left:0px;width:24px;font-size:24px;line-height:24px;} #pagination button:last-child{margin-left:11px;width:24px;font-size:24px;line-height:24px;} #backgroundBlank{width:100%;height:1000vh;background:#000;position:absolute;z-index:1052;opacity: 0.5;top:0px;left:0px;display:none;} #communication-list {border-top:2px solid #444;border-bottom:2px solid #444;} .communication-item {border-bottom:#dbdbdb solid 1px;} #communication-list div.communication-item:last-child{border-bottom:0px;} .communication-item .communication-item-title {position:relative; padding-left:80px; text-align:left; font-size:14px; color:#616161; font-weight:500; cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .communication-item .communication-item-title.over{color:#333; font-family: NanumBarunGothicBold;} .communication-item .communication-item-title.over .number{color:#333; font-family: NanumBarunGothicBold;} .communication-item .communication-item-title .number {width:60px; color:#555555; display:inline-block; text-align:center; position:absolute; left:0px;} .communication-item .communication-item-title font{font-size:12px;font-family:NanumBarunGothic;margin-top:-4px;font-weight:bold;margin-right:6px;} .communication-item .communication-item-title span.answerN{display:inline-block;border:1px solid #377abe;color:#377abe;height:20px;padding:0px 5px;font-size:11px;font-family:NanumBarunGothic;line-height:20px;margin-top:-2px;margin-left:4px;} .communication-item .communication-item-title span.answerY{display:inline-block;border:1px solid #2970b9;background:#2970b9;color:#fff;height:20px;padding:0px 5px;font-size:11px;font-family:NanumBarunGothic;line-height:20px;margin-top:-2px;margin-left:4px;} .communication-item .communication-item-from {font-size:12px; color:#616161; font-weight:500;text-align:right;} .communication-item .communication-item-from .date {color:#999; font-weight:normal; padding-left:10px;} .communication-item .communication-item-actions {text-align:right;} .communication-item .communication-item-actions a {padding-top:13px; width:40px; height:40px; display:inline-block; text-align:center; vertical-align: middle;} .communication-item .communication-item-content {padding:20px 80px; background:#f5f5f5; font-size:14px;border-top:1px dashed #dbdbdb;} .communication-item .communication-item-content .file-list{list-style:none;padding:0px;margin:0px;} .communication-item .communication-item-content .file-list li a{ color: rgb(0, 86, 179);} .sorting-detail input, .sorting-detail select{font-size:12px;} .sorting-detail #search-button button{font-size:12px;} #marker_layer{position:absolute;top:0px;right:0px;min-width:100px;min-height:50px;max-height:300px;background:#fff;padding:0 0 10px 0px;max-width:360px;z-index:99999999;overflow-y:auto;} #marker_layer .marker_title{font-size:14px;color:#fff;background:#3b3f41;padding:10px;margin-bottom:5px;} #marker_layer ul{list-style-type:none;padding:0 0px 5px 0px;margin:0 auto;width:95%;display:table;border-bottom:1px solid #e5e5e5;position:relative;} #marker_layer ul li{display:inline-block;margin-top:5px;} #marker_layer ul li.img{width:80px;vertical-align:top;padding-left:10px;} #marker_layer ul li.img img{width:100%;} #marker_layer ul li.info{width:240px;vertical-align:top;padding-left:10px;padding-right:10px;} #marker_layer ul li.info .space_detail_title{font-size:14px;color:#000;font-family:NanumBarunGothicBold;margin-top:3px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;max-width:260px;} #marker_layer ul li.info .space_detail_price{font-size:16px;color:#53ca1e;font-family:NanumBarunGothicBold;vertical-align:middle;} #marker_layer ul li.info .space_detail_price span{font-size:12px;color:#000;vertical-align:top;} #marker_layer ul li.info .space_detail_price span.options_txt{font-size:11px;}; #marker_layer ul li.info .space_detail_type{position:absolute;right:10px;bottom:0px;color:#999999;font-size:12px;} #contactModal .contactOptionBox{overflow:hidden;height:100px;} #contactModal .optionBtn{text-align:center;} #contactModal .optionBtn .btn-white{font-size:12px;font-weight:normal;} #menu.navbar-over{background:#fff;} #menu{margin-bottom:0px;} .home-search{margin-top:0px;} #main .main-visual{height:500px;} #main .main-visual .swiper-container-visual{height:100%;position:relative;overflow:hidden;} #main .main-visual .swiper-slide{height:100%;position:relative;} #main .main-visual .swiper-slide .bg{ display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; } /* #adverting .adv_box1 img{width:100%;} #adverting .adv_box1, #adverting .adv_box2{min-height:332px;height:auto;} #adverting .adv_box2 img{height:358px;}*/ #adverting .adv_box1{width:36%;float:left;} #adverting .adv_box2{width:36%;float:left;margin-left:2%;} #adverting .adv_box3{width:23%;float:left;margin-left:2%;text-align:right;} #adverting .adv_box1 img, #adverting .adv_box2 img{width:100%;} #adverting .adv_box3 img{width:100%;} .swiper-container-advert1{position:relative;width:100%;overflow:hidden;} .swiper-container-advert2{position:relative;width:100%;overflow:hidden;} .clear{clear:both;} .btn-show-mypage.dropdown-toggle::after{display:none;} .btn-show-mypage.dropdown-toggle .fa{font-size:14px;} .mymenuDropdown .dropdown-menu{left:-30px !important;} .mymenuDropdown .dropdown-menu li.dropdown-item{line-height:35px;padding-left:25px;border-bottom:1px solid #cfd0d0;font-size:14px;} .mymenuDropdown .dropdown-menu li:last-child{border-bottom:0px;} .mymenuDropdown .dropdown-menu{padding-top:3px;padding-bottom:3px;} @media (min-width: 1200px) { .container{max-width:2400px;} /* .side_top .side_logo{display:block;} .side_top .side_logo_min{display:none;} */ } @media (min-width: 1600px) { .container{max-width:2400px;} } @media (min-width: 1900px) { .container{max-width:2400px;} } @media (min-width: 992px){ #menu.navbar-over .navbar-brand{height:auto;margin-left:25px;} .col-lg-8{max-width:58.6%} } @media (max-width: 992px){ .search-form .heading{} #main .adverting .swiper-container-horizontal>.swiper-pagination-bullets{top:-2px;right:20px;bottom:unset;left:unset;text-align:right;} /* #main .swiper-button-next, #main .swiper-button-prev{display:none;} */ } @media (max-width: 1580px){ .map-listing{margin-left:80px;} .search-space-type .row{margin-right:0px;margin-left:0px;} .search-space-type ul{width:100%;padding-left:0px;} .search-space-type ul li{width:32%;margin-left:5px;font-size:0.9em;} .search-space-type ul li span{margin-right:0px;} } @media (max-width: 1200px){ /* #main .swiper-button-next, #main .swiper-button-prev{display:none;} */ .item-listing .item .img-fluid{} /* #main .home-search #btn-contact{width:100%;} */ /*.item-listing .item *{font-size:1em !important;}*/ /*#sidenav{width:80px;}*/ /* .map-listing{margin-left:80px;} .sidenav .submenu{display:none;} .sidenav a.menu{padding:0px;} .sidenav a.menu label{display:none;} .sidenav a.login{background: url(/resources/images/left_bg_member.png) 25px 13px no-repeat;} .sidenav a.search{background: url(/resources/images/left_bg_search.png) 25px 15px no-repeat;} .sidenav a.myspace{background: url(/resources/images/left_bg_myspace.png) 25px 17px no-repeat;} .sidenav a.space{background: url(/resources/images/left_bg_space.png) 25px 17px no-repeat;} .sidenav a.fav{background: url(/resources/images/left_bg_fav.png) 25px 13px no-repeat;} .sidenav a.login:hover{background: url(/resources/images/left_bg_member_o.png) 25px 13px no-repeat #4eb448;} .sidenav a.search:hover{background: url(/resources/images/left_bg_search_o.png) 25px 15px no-repeat #4eb448;} .sidenav a.myspace:hover{background: url(/resources/images/left_bg_myspace_o.png) 25px 17px no-repeat #4eb448;} .sidenav a.space:hover{background: url(/resources/images/left_bg_space_o.png) 25px 17px no-repeat #4eb448;} .sidenav a.fav:hover{background: url(/resources/images/left_bg_fav_o.png) 25px 13px no-repeat #4eb448;} .sidenav .side_top{padding:0px 0 13px 18px;height:60px;line-height:60px;} .side_top .side_logo{display:none;} .side_top .side_logo_min{display:block;} */ /* .sidenav ul.space_type_list{border-left:0px;} .sidenav ul.space_type_list li{margin: 18px 0 18px 0px;width:79px;} .sidenav ul.space_type_list li label{display:none;} .sidenav ul.space_type_list li:first-child{margin: 18px 0 0 0px;} .sidenav ul.space_type_list li:last-child{margin: 0 0 18px 0px;} .sidenav ul.space_type_list li span{margin:-2px 0 0 20px;}*/ /* ����� */ .navbar-brand{margin-right:0px;} .navbar>.container{display:inline-block;text-align:center;position:relative;} .navbar>.container .left_slide_menu{position:absolute;left:5px;top:20px;} #main_search_frm .input-group-append{display:none;} .search-form .input-group input[type="text"]{width:100%;border-top-right-radius:5px;border-bottom-right-radius:5px;} #main_search_frm span.ml-3{margin-left:0px !important;width:100%;margin-top:10px;display:block;} #main_search_frm span.ml-3 button{width:100%;} .item-listing .item .item-image p.subject{font-size:1.3rem !important;} .item-listing .item2 .item-info .item-title{font-size:1.3rem !important;} #main ul.space_type_list{margin-left:0px !important;} #main .line-right{border-right:0px;} #main .advertingBox .col{width:100%;flex-basis:unset;max-width:unset;} #main .adverting2 .col{width:100%;flex-basis:unset;max-width:unset;} #main .adverting2 .col-xl-4{margin-top:10px;} .navbar-expand-lg .navbar-collapse .navbar-nav{display:none !important;} .navbar-expand-lg .collapse{display:block;} .navbar-expand-lg .navbar-collapse .navbar-nav-mobile{display:block !important;position:absolute;right:0px;top:17px;z-index:999;} .testimonials .item{margin-right:15px;margin-left:15px;} #main .adverting{padding-left:0px;padding-right:0px;} .btn#to-top{right:20px;z-index:99999999;} #footer{padding-left:15px;padding-right:15px;} .mapPage #menu.navbar-over.absolute-top{position:relative;background: #272b2e;margin-bottom:0px;} #main .adverting .swiper-container{margin-left:0px;} .map-listing .search-results-list .sorting .btn{margin-left:0px !important;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;position:relative;padding-right:35px;} .map-listing .search-results-list .sorting .btn i.fa{position:absolute;right:10px;top:9px;} #main .home-search #btn-contact{width:100%;padding-left:unset;padding-right:unset;} #main .main-visual{height:350px;} #main .main-visual .swiper-slide{height:350px;} /* #adverting .adv_box1{width:100%;float:unset;} #adverting .adv_box2{width:100%;float:unset;margin-left:0px;margin-top:10px;} #adverting .adv_box3{width:100%;float:unset;margin-left:0px;margin-top:10px;} #adverting .adv_box3{text-align:center;} #adverting .adv_box3 img{width:unset;}*/ #mymenuDropdownMobile {line-height:30px;text-align:right;} #mymenuDropdownMobile .dropdown-menu li.dropdown-item{line-height:30px;} #mymenuDropdownMobile .dropdown-menu{left:-105px !important;} #mymenuDropdownMobile .dropdown-menu{position:absolute;} .navbar-nav li{line-height:30px;} } @media (max-width: 726px){ .side_top .side_logo{display:none;} .side_top .side_logo_min{display:block;} .sidenav .submenu{display:none;} .sidenav.fix_show{width:80px;} .sidenav a.menu{padding:0px;} .sidenav a.menu label{display:none;} .sidenav .side_top{padding:0px 0 13px 18px;height:60px;line-height:60px;} .sidenav a.login{background: url(/resources/images/left_bg_member.png) 25px 13px no-repeat;} .sidenav a.search{background: url(/resources/images/left_bg_search.png) 25px 15px no-repeat;} .sidenav a.myspace{background: url(/resources/images/left_bg_myspace.png) 25px 17px no-repeat;} .sidenav a.space{background: url(/resources/images/left_bg_myspace.png) 25px 17px no-repeat;} .sidenav a.fav{background: url(/resources/images/left_bg_fav.png) 25px 13px no-repeat;} .sidenav a.login:hover{background: url(/resources/images/left_bg_member_o.png) 25px 13px no-repeat #4eb448;} .sidenav a.search:hover{background: url(/resources/images/left_bg_search_o.png) 25px 15px no-repeat #4eb448;} .sidenav a.myspace:hover{background: url(/resources/images/left_bg_myspace_o.png) 25px 17px no-repeat #4eb448;} .sidenav a.space:hover{background: url(/resources/images/left_bg_myspace_o.png) 25px 17px no-repeat #4eb448;} .sidenav a.fav:hover{background: url(/resources/images/left_bg_fav_o.png) 25px 13px no-repeat #4eb448;} .sidenav .left_menu_bottom{display:none;} .sidenav .left_menu_bottom{display:block;} .sidenav .side_top{padding:0px 0 13px 0;height:60px;} .map-listing{padding-top:75px;margin-left:0px;} #footer .logo{float:none;} #footer .bottom_right{float:none;padding:0px;margin:10px 0 0 0;list-style:circle;} #footer .bottom_right ul{padding-left:15px;} #footer .bottom_right li{list-style:circle;padding:0 0px;font-size:13px;float:none;} #footer .bottom_right li.line{display:none;} .sidenav{display:block;overflow-y:scroll;z-index:99999;webkit-overflow-scrolling:touch;} .sidenav a.menu{padding: 8px 8px 8px 79px;} .sidenav a.menu label{display:inline-block;} .sidenav a.login{background: url(/resources/images/left_bg_member.png) 31px 13px no-repeat;background-size: 30px 30px;} .sidenav a.search{background: url(/resources/images/left_bg_search.png) 31px 15px no-repeat;background-size: 30px 30px;} .sidenav a.myspace{background: url(/resources/images/left_bg_myspace.png) 31px 17px no-repeat;background-size: 30px 30px;} .sidenav a.fav{background: url(/resources/images/left_bg_fav.png) 31px 13px no-repeat;background-size: 30px 30px;} .sidenav a.space{background: url(/resources/images/left_bg_myspace.png) 31px 17px no-repeat;background-size: 30px 30px;} .modal-open .modal{z-index:999998;} /* .sidenav ul.space_type_list li label{display:inline-block;} .sidenav ul.space_type_list li:first-child{margin: 6px 0 0 30px;width:217px;} .sidenav ul.space_type_list li{margin: 18px 0 18px 30px;width:217px;} .sidenav ul.space_type_list li:last-child{margin: 18px 0 18px 30px;width:217px;}*/ .side_top .side_logo{display:block;text-align:left;} .side_top .side_logo_min{display:none;} .sidenav .submenu{display:block;} .sidenav ul.submenu li{width:280px;} .sidenav ul.submenu li:last-child{margin:0 0 18px 0px;width:280px;} .sidenav ul.submenu li:first-child{margin:0px 0px 0px 0px;width:280px;} .map-listing .search-results-list{overflow-y:auto;height:100%;} .map-listing .bg-gray{position:static;} .map-listing .search-results{position:static;} .map-listing .search-results-detail{position:absolute;top:140px;left:0px;background:#fff;width:100%;} .map-listing .search-results-detail button.btn-detail-close{position:fixed;right:15px;top:80px;z-index:9999;} #detailBox .contents img{width:100% !important;} .sorting-detail .form-group{margin-bottom:0px;} .sorting-detail .form-group .col-sm-4{padding-right:0px;margin-top:15px;} .sorting-detail .form-group .col-sm-12{padding-right:0px;} .sorting-detail .form-group .col-sm-12 .btn-group{width:100%;} .sorting-detail #search-button button{width:33%;border:1px solid #ced4da;} .sorting-detail #search-button button:last-child{width:34%;} .sorting-detail .sorting-detail-bottom{width:100%;} .sorting-detail .sorting-detail-bottom button{width:49% !important;} select{ -webkit-appearance: none; -moz-appearance: none; background-position: right 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding: .5em; padding-right: 1.5em } .map-listing .search-results-list .sorting .btn{margin-left:0px !important;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;position:relative;padding-right:35px;} .map-listing .search-results-list .sorting span button{margin-right:3px;} .map-listing .search-results-list .sorting .btn i.fa{position:absolute;right:10px;top:9px;} #detailBox .buttons .button .btn-share{width:80%;} #detailBox .options .col-sm-4{width:50%;} #detailBox .reviews .col-sm-3{width:50%;} #detailBox .share_action.date-box .col-sm-12{margin-left:0px;padding-left:0px;padding-right:0px;} #detailBox .share_action.date-box .col-sm-1{padding-top:10px !important;padding-bottom:10px;} #detailBox .share_action.date-box .col-sm-3{margin-top:10px;} #detailBox .share_action.time-box .col-sm-2, #detailBox .share_action.time-box .col-sm-3{margin-top:10px;} #detailBox .share_action.time-box .datebox{margin-left:0px;padding-left:0px;padding-right:0px;} #loginModal #naverIdLogin{text-align:center;} #loginModal #facebookIdLogin{min-width:50px;width:auto;height:auto;margin:0 auto;padding-right:0px;margin-top:10px;} #loginModal #facebookIdLogin .facebook-icon{padding:0 13px 0 19px;} .search-results-detail .right_past_menu{display:none;bottom:unset;top:200px;} .search-results-detail .right_past_menu_show_btn{position:fixed;right:0px;top:200px;width:22px;opacity:100%;z-index:9999;display:block;} .search-results-detail .right_past_menu{right:0px;} .search-results-detail .right_past_menu_show_btn.isOpen{right:85px;} #qnaModal .form-group .col-sm-12{margin-left:0px;padding-left:0px;padding-right:0px;} #qnaModal .form-group .col-sm-12.review-type{padding-left:15px;padding-right:15px;} #joinModal .step li{font-size:12px;line-height:34px;} #joinModal .step li span{width:34px;height:34px;line-height:34px;font-size:14px;} #joinModal .step li.over span{width:34px;height:34px;line-height:34px;font-size:14px;} #joinModal #join_step1 .col-sm-12{margin-left:0px;padding-right:0px;padding-left:0px;} #joinModal #join_step2 .btn-c.btn-gray{letter-spacing:-2px;font-size:12px;vertical-align:middle;padding:.375rem .35rem} #joinModal #join_step2 input[name="id"]{width:74% !important;vertical-align:middle;} #joinModal #join_step2 input[name="address"]{width:74% !important;} select:not([multiple]){padding-left:.8rem;} #sub.mypage #mypage-tab li{width:25% !important;border-left:1px solid #dbdbdb;border-right:0px;margin-top:5px;border-bottom:1px solid #dbdbdb;padding-left:0px;} #sub.mypage #mypage-tab li.over{border-bottom:1px solid #dbdbdb;} #sub.mypage #mypage-tab li.br-bt{border-bottom:1px solid #dbdbdb !important;} #sub.mypage #mypage-tab li:last-child{border-right:1px solid #dbdbdb;} #sub.mypage #mypage-tab li:nth-child(4){border-right:1px solid #dbdbdb;} #sub.mypage #mypage-tab li:nth-child(8){border-right:1px solid #dbdbdb;} #sub.mypage #mypage-tab li.over:nth-child(5), #sub.mypage #mypage-tab li.over:nth-child(6), #sub.mypage #mypage-tab li.over:nth-child(7), #sub.mypage #mypage-tab li.over:nth-child(8){border-top: 3px solid #4eb448;} #sub.mypage #mypage-tab li:nth-child(7) a, #sub.mypage #mypage-tab li:nth-child(8) a {letter-spacing:-1px;} #sub.mypage #mypage-tab li.over{line-height:37px;} #sub.mypage #mypage-tab li.over a{font-size:12px;} #sub.mypage #timeline ul li:first-child{padding: 10px 5px 10px 5px;height:40px;width:30%;} #sub.mypage #timeline ul li:first-child div.date{letter-spacing:-1px;} #sub.mypage #timeline ul li:first-child p{} #sub.mypage #timeline ul li:last-child{width:70%;padding: 10px 5px 10px 10px;} #pagination{} #pagination button:first-child{margin-right:5px;font-size:14px;line-height:20px;} #pagination button:last-child{margin-left:5px;font-size:14px;line-height:20px;} #pagination button{width:26px;} #pagination button{margin:0 2px;} .communication-item .fa{color:#666;} .communication-item .communication-item-title{padding-left:10px;line-height:20px;padding-top:10px;overflow:auto;white-space:normal;margin-bottom:5px;margin-top:5px;} .communication-item .communication-item-title .number{display:none;} .communication-item .communication-item-from{text-align:left;line-height:14px;padding-left:10px;} .communication-item .communication-item-from .date{padding-left:0px;display:block;margin-top:5px;} .communication-item .communication-item-actions{text-align:left;line-height:14px;position:absolute;right:0px;bottom:2px;} .communication-item .communication-item-actions a{padding-top:5px;width:30px;height:30px;} .communication-item .communication-item-content{padding:20px 20px;} .communication-item .communication-item-name{padding-left:10px;} #sub.mypage .item-listing .col-md-3{padding-left:0px;} #sub.mypage #officeList .write_btn{width:30%;top:0px;} #sub.mypage .select_list li{letter-spacing:-1px;padding-left:0px;font-size:0.8em;} #sub .row .col-sm-9{padding-left:0px !important;} #sub .row #space_address{margin-top: .25rem!important;} #sub.mypage .col-sm-6.pr-3{padding-right:0px !important;} #sub.mypage .col-sm-6.pl-3{padding-left:0px !important;} #sub .row .col-sm-3, #sub .row .col-sm-5, #sub .row .col-sm-1{padding-left:0px !important;} #sub .row .contact_mobile, #sub .row .contact_kakao{margin-top:.25rem;} #sub.mypage .col-sm-2{padding-left:0px;padding-right:0px;} #sub.mypage .col-sm-2 > .btn-c.btn-submit-round{margin-top:.25rem;} #sub.mypage #officeWrite .btn-area .btn-c.btn-white, #sub.mypage #officeWrite .btn-area .btn-c.btn-share{width:49% !important;} #sub.mypage #officeWrite .btn-area .btn-c.btn-share{margin-left:0px !important;} #sub.mypage #officeWrite #space_detail_list_box .form-group{margin-bottom:0px;} #sub.mypage #officeWrite #space_detail li p{margin-bottom:5px;} #sub.mypage #officeWrite #space_detail li h4, #sub.mypage #officeWrite #space_detail li h5{margin-top:0px;} #sub.mypage #officeWrite #space_detail div.float-sm-right{margin-top:0px !important;margin-bottom:5px;} #sub.mypage #detail_write_box #btn-detail-submit{margin-top:.25rem;} #sub.mypage #officeView #officeInfoBox .title{margin-top:60px;} #sub.mypage #officeView #officeInfoBox .buttonArea{left:0px;right:unset;width:100%;} #sub.mypage #officeView #officeInfoBox .buttonArea button:first-child{margin-left:0px;} #sub.mypage #officeView #officeInfoBox .title span:first-child{margin-left:0px !important;} #sub.mypage #officeView #officeInfoBox .content img{width:100% !important;} #sub.mypage #officeView #reservationBox .box .detail_info .col-sm-3:after{border-right:0px;} #sub.mypage #officeView #reservationBox .box .detail_info .col-sm-3 div{margin-bottom:10px;} #sub.mypage #officeView #reservationBox .box .detail_info{padding:0 20px 0 20px;margin-top:5px;} #sub.mypage #officeView #reservationBox .box .reserv_info{margin-top:10px;padding-bottom:0px;} #sub.mypage #officeView #reservationBox .box .reserv_info div:last-child{margin-bottom:.5rem!important;} #sub.mypage #officeView #detailBox li{margin-top:0px !important;padding:10px 0px;} #sub.mypage #officeView #detailBox li p{margin-bottom:0px;} #sub.mypage #officeView #detailBox li div.float-sm-right{margin-top:0px !important;} #sub.mypage #officeView #detailBox li h4, #sub.mypage #officeView #detailBox li h5{margin-top:0px !important;} #qnaBox .btnArea{bottom:unset;top:10px;right:10px;} #sub.mypage #officeWrite #space_detail li{margin-top: 0px!important;padding-top:5px;} #sub.mypage #officeView #officeInfoBox .buttonArea .profile{position:absolute;right:0px;} #sub.mypage #officeView #officeInfoBox .buttonArea .contacts{position:absolute;right:0px;top:48px;} #sub.mypage #officeView #guestView #officeInfoBox .title{margin-top:0px;} #sub.mypage #officeView #guestView #officeInfoBox{min-height:100px;height:auto;} #sub.mypage #officeView #guestView #officeInfoBox .buttonArea{bottom:0px;position:relative;display:block;height:139px;margin-top:10px;} #sub.mypage #officeView #guestView #officeInfoBox .buttonArea .profile{left:0px;right:unset;margin-left:0px;} #sub.mypage #officeView #guestView #officeInfoBox .buttonArea .contacts{left:0px;right:unset;margin-left:0px;} #sub.mypage #officeView #officeInfoBox{padding-bottom:0px;} #sub.mypage #officeView #reservationBox .box .reserv_info{border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;} #sub.mypage #officeView #reservationBox .box .title label{width:100%;} #sub.mypage #officeView #reservationBox .box .title span{margin-left:2px;} #sub.mypage #officeView #reservationBox .box .title span:first-child{margin-left:0px;} #sub.mypage #officeView #reservationBox .box.gray .title span{margin-left:2px;} #sub.mypage #my_payment_list .total_payment .col-sm-9{padding-left:15px !important;} #sub.mypage #my_payment_list .payment_info div.col-sm-9{padding-left:20px !important;} #sub.mypage #my_payment_list .payment_info div.col-sm-3{padding-left:20px !important;} #sub.mypage .myinfo #infoPasswordChk ul li{display:block;} #sub.mypage .myinfo table.tbl th{width:34%;font-size:0.6em;} #sub.mypage .myinfo table.tbl td{width:66%;padding:10px 15px 10px 15px;} #sub.mypage .myinfo table.tbl td input[type="text"], #sub.mypage .myinfo input[type="password"], #sub.mypage .myinfo select{width:100% !important;} #sub.mypage .myinfo input[type="file"]{width:100% !important;margin-left:-10px;} #sub.mypage .myinfo table.tbl td input#zipcode{margin-top:5px;} #sub.mypage .myinfo table.tbl td input#address{margin-top:5px;margin-bottom:5px;} #sub.mypage #infoFrm .col-sm-12{padding-left:0px;padding-right:0px;} #sub.mypage .myinfo .btn-white, #sub.mypage .myinfo .btn-share{width:48%;margin-left:6px !important;} #sub.mypage .myinfo .btn-white{margin-left:0px !important;} #sub.mypage #cashHistoryListBox #cashHistoryList ul{padding:10px 0px;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li{display:block;width:100%;text-align:left;padding:0px 0px;} #sub.mypage #cashHistoryListBox #cashHistoryList ul li.txt{width:100%;} #main .adverting2 img{width:100%;} #sub.mypage #timeline ul li p{line-height:18px;} #sub.mypage .container{padding-left:6px;padding-right:6px;} #sub #content h3.item-title{font-size:1em !important;} #sub.mypage .options .col-sm-2{width:50%;} #sub.mypage #officeView #reservationBox .box .reserv_info div b{color:#333;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea .btn-white{margin-bottom:10px;} #sub.mypage #officeView #reservationBox .box .reserv_info .buttonArea .btn-submit{margin-bottom:10px;margin-left:4px;} #sub.mypage #officeView #officeInfoBox .options{margin-bottom:20px;} .communication-item .communication-item-title label{width:100%;margin-top:5px;} .communication-item .communication-item-title span.answerN{margin-left:0px;} .communication-item .communication-item-title span.answerY{margin-left:0px;} #sub.mypage #my_payment_list .space_detail_title .col-sm-2{ font-family: NanumBarunGothic;} #sub.mypage #my_payment_list .payment_info div{text-align:left !important;} #sub.mypage #my_payment_list .space_detail_title .col-sm-2{margin-right:15px;} #sub.mypage #cashHistoryBox .cash_posible_box button.btn{border-radius:5px;width:80px;} #sub.mypage #cashHistoryBox .cash_posible_box .price{font-size:22px;} #sub.mypage .myinfo #infoPasswordChk{padding:20px;} #sub.mypage .myinfo #infoPasswordChk ul li:last-child p{margin-bottom:0px;margin-top:5px;line-height:18px;} #sub.mypage .myinfo #infoPasswordChk #mypage_passwd{margin-top:3px;} #sub.mypage .myinfo #infoPasswordChk div:last-child ul{margin-top:15px;} #sub.mypage .myinfo .btn-profile-upload{height:30px;width:50%;font-size:0.9em;line-height:17px;} .feature-box.centered .main-title span:before{top:0px;} #main .adverting .testimonials .item{margin-right:15px;} #main .adverting .swiper-container-horizontal>.swiper-pagination-bullets{right:15px;} #premium_box_mobile .testimonials .item{margin-left:0px;margin-right:0px;} #footer .bottom_right li.snsBtn{padding-left:0px !important;padding-top:5px;} #footer .bottom_right li.snsBtn img:first-child{padding-left:0px;} #marker_layer{position:absolute;top:0px;right:0px;width:90%;min-height:50px;max-height:300px;background:#fff;padding:0 0 10px 0px;max-width:100%;z-index:99999999;overflow-y:auto;} .map-listing .search-results-detail{padding-bottom:0px;} .map-listing .search-results-list{padding-bottom:0px;} .map-listing #search_result_box{padding-bottom:20px;} #detailBox .share_action{padding-bottom:20px;} #sub.mypage #my_payment_list .space_detail_title .col-sm-10{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #sub.mypage .col-sm-3.option_chk_list{width:50%;} #detailBox .contents *{flex:unset !important;width:100% !important;} #sub.mypage #communication-list .communication-item-btn span{margin-left:0px !important;} #sub.mypage #reservationBox .communication-item{position:relative;} #sub.mypage #reservationBox #communication-list .communication-item-title{padding-left:0px !important;} #sub.mypage #reservationBox #communication-list h4{margin:10px 0px 0px 0px;} #sub.mypage #reservationBox #communication-list .communication-item-title{margin-top:0px;} #sub.mypage #reservationBox .communication-item{padding-bottom:15px;padding-top:15px;} #sub.mypage #reservationBox .communication-item .communication-item-from .date{text-align:right;position:absolute;right:0px;top:10px;} #sub.mypage #reservationBox .communication-item .communication-item-from{padding-left:0px;position:absolute;top:0px;right:0px;text-align:right;} #sub.mypage #reservationBox .communication-item .communication-item-actions{position:relative;margin-top:5px;} #sub.mypage #reservationBox .communication-item .communication-item-actions .col-sm-12{padding-left:0px;padding-right:0px;} #paymentModal #option-box div.col-sm-4{width:50%;} #paymentModal .modal-body{} #paymentModal .modal-body .data-box .col-sm-2 #paymentModal .paymentBtnBox{width:100%;margin-left:0px;left:0px;} #paymentModal .paymentBtnBox .infoBox{position:relative;max-width:700px;margin:0 auto;} #paymentModal #space-price-box{margin-top:10px;} /* #main .home-search #btn-contact{width:100%;} */ #contactModal .form-group .col-sm-8{margin-top:1rem;} #contactModal .form-group select[name="dates"]{margin-top:1rem;} #contactModal .form-group input[name="rent_endcost"]{margin-top:1rem;} #contactModal .contactOptionBox .col-sm-4{width:50%;} #main .main-visual .swiper-slide{height:200px;} #main .main-visual{height:200px;} #main .home-search #btn-contact{width:100%;padding-left:unset;padding-right:unset;} .home-search .main .container .first-div{padding-bottom:10px;} #sub.mypage #board-tab li.over a{font-size:12px;} #sub.mypage #board-tab li a{letter-spacing:-2px;} #adverting .adv_box1{width:100%;float:unset;} #adverting .adv_box2{width:100%;float:unset;margin-left:0px;margin-top:10px;} #adverting .adv_box3{width:100%;float:unset;margin-left:0px;margin-top:10px;} #sub.mypage #searchBox{margin-top:20px;margin-bottom:20px;min-height:80px;height:auto;padding:15px 0;} #sub.mypage #searchBox #searchForm .box_search{line-height:30px;} #sub.board .box_search .col-sm-2{padding-left:15px;padding-right:15px;} #sub.board .table thead{display:none;} #sub.board .table{display:block;} #sub.board .table tbody{display:block;} #sub.board .table tr{display:block;border-top:1px solid #dee2e6;position:relative;} #sub.board .table td{display:block;text-align:left;border-top:0px;} #sub.board .table td.no{display:none;} #sub.board .table td.tit{font-weight:600} #sub.board .table td.name{display:inline-block;font-size:0.9em;text-align:left;width:20%;} #sub.board .table td.hit{display:inline-block;font-size:0.9em;text-align:right;width:20%;} #sub.board .table td.date{display:block;font-size:0.8em;text-align:right;color:#999;position:absolute;bottom:0px;right:0px;} #sub.board-view .table-list thead{display:none;} #sub.board-view .table-list{display:block;} #sub.board-view .table-list tbody{display:block;} #sub.board-view .table-list tr{display:block;border-top:1px solid #dee2e6;position:relative;} #sub.board-view .table-list td{display:block;text-align:left;border-top:0px;} #sub.board-view .table-list td.no{display:none;} #sub.board-view .table-list td.tit{font-weight:600} #sub.board-view .table-list td.name{display:inline-block;font-size:0.9em;text-align:left;width:20%;} #sub.board-view .table-list td.hit{display:inline-block;font-size:0.9em;text-align:right;width:20%;} #sub.board-view .table-list td.date{display:block;font-size:0.8em;text-align:right;color:#999;position:absolute;bottom:0px;right:0px;} #sub.board-view .box_search .col-sm-2{padding-left:15px;padding-right:15px;} #sub.mypage #searchBox #searchForm .box_search .btn-success{margin-top:15px;} #sub.board-view .box_reply #comment-write-name{width:50%;} #sub.board-view .files{padding:15px 0px;} #sub.board-view .tbl_reply .reply{padding-left:15px;} #sub.board-write .table th{width:30%;} #sub.board-write .table td{width:35%;} .note-popover .popover-content, .card-header.note-toolbar{position:relative !important;} } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } @media (max-width: 767px){ .sidenav.fix_show{width:0px;z-index:1503;} /*.map-listing{padding-top:10px;margin-left:0px;}*/ } @media (max-width: 320px){ #marker_layer ul li.info{width:190px;} } #detailBox input[type="text"]{font-size:12px;} .modal-content textarea.form-control{font-size:12px !important;} .modal-content label{font-size:12px !important;} #loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 99; text-align: center; } #loading > img { position: absolute; top: 50%; left: 50%; margin-left:-32px; margin-top:-32px; z-index: 100; } .datepicker table{ font-size:12px; color:#333; font-family:NanumBarunGothic; } #goCenterUI, #setCenterUI { background-color: #fff; border: 2px solid #fff; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0,.3); cursor: pointer; float: left; text-align: center; margin:10px; width:40px;height:40px; } #goCenterText, #setCenterText { color: rgb(25,25,25); font-family: Roboto,Arial,sans-serif; font-size: 20px; line-height: 38px; padding-left: 5px; padding-right: 5px; } #setCenterUI { margin-left: 12px; }