body{
    
    color: #222;
}
.pc{
    display:none;
}
.m{
    display:block;
}
input[type="submit"], input[type="text"], input[type="password"] {
    -webkit-appearance: none;
}
input[type="text"], input[type="password"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    position: fixed;
    padding: 10px 10px 10px 21px;
    background-color: #231f20;
    z-index: 4500;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;

}
#content {
    position: relative;
    clear: both;
    padding-top: 44px;
    /* padding-bottom: 67px; */
}
#main-content .container {
    width: 83.75%;
    margin: 0 auto;
}
.logo {
    font-size: 0;
    position: absolute;
    left: 50%;
    margin-top: 3px;
    margin-left: -38px;
    width:76px;
    height:20px;
    background:url(/images/mobile/logo.png);
    background-size:100% 100%;
}
.open-menu {
    float: left;
    /* padding-bottom: 11px; */
    margin-top: 4px;
}
.btn-close button {
    border: none;
    background: transparent;
    position: absolute;
    cursor: pointer;
    right: 18px;
    top: 13px;
}
.login-btns {
    float: right;
    padding-bottom: 9px;
}
.login-btns a {
    margin-left: 9px;
}
.main-banner {
    font-size: 17px;
    color: #2e2e2e;
    padding: 58px 0 108px;
    line-height: 1.4;
}
.main-banner p:last-child {
    margin-top: 22px;
}
.main-navigation {
    width: 100%;
    margin: 0 auto 56px;
}
.main-navigation li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: 86px;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    padding: 14px 0;
}
.main-navigation li:active {
    background-color: rgba(234,43,50,0.7);
}
.main-navigation .icon {
    margin-bottom: 16px;
    font-size: 0;
}
.main-navigation a {
    width: 100%;
    font-size: 15px;
    font-weight:bold;
    color: #fff;
    display: block;
}
.main-navigation li:nth-child(1), .main-navigation li:nth-child(2) {
    border-bottom: 1px solid #181717;
    margin-bottom: -1px;
}
.main-navigation li:nth-child(3), .main-navigation li:nth-child(4) {
    border-top: 1px solid #181717;
}
.main-navigation li:nth-child(1), .main-navigation li:nth-child(3) {
    border-right: 1px solid #181717;
    margin-right: -1px;
}
.main-navigation li:nth-child(2), .main-navigation li:nth-child(4) {
    border-left: 1px solid #181717;
}
#main-content {
    background: url(/images/mobile/main_bg.jpg) 0 0 no-repeat;
    background-size: cover;
}
.main-navigation li:active {
    position: relative;
    z-index: 10;
    border-color: #26090a;
}
.open-in-app {
    text-align: center;
    padding-bottom: 35px;
}
.open-in-app a {
    color: #fff;
    font-size: 17px;
    display: block;
}
.open-in-app img {
    margin-left: 8px;
}
#sign-up h2 {
    margin-bottom: 15px;
    font-size: 17px;
    color: #231f20;
    font-weight:bold;
}
.title {
    font-size: 12px;
    padding: 32px 0 26px;
    text-align: center;
    color: #fff;
}
#sign-up .title {
    color: #4e4c4d;
    font-size: 12px;
    padding: 32px 0 26px;
    text-align: center;
}
.sign-up-form, .query-form {
    padding-top: 2px;
    border-top: 1px solid #231f20;
    margin: 0 10px;
    position: relative;
}
.sign-up-form:before, .query-form:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #989697;
}
.sign-up-form:after, .query-form:before:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    border-top: 1px solid #989697;
}
.sign-up-form .line, .query-form .line {
    float: left;
    line-height:40px;
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
}
.sign-up-form .line .alert {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -20px;
    font-size: 10px;
    color: #003d50;
}
.sign-up-form .line .wrong {
    color: #fe2b32;
}
.sign-up-form .label-box, .query-form .label-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25.12%;
    font-size: 12px;
    color: #4e4c4d;
    font-weight:bold;
    padding-left: 13px;
}
.sign-up-form .input-box, .query-form .input-box {
    float: left;
    width: 74.88%;
}
.sign-up-form input[type="text"], .sign-up-form input[type="password"], .query-form input[type="text"], .query-form input[type="password"] {
    font-size: 14px;
    border: none;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.query-form .label-box {
    text-align: right;
    padding-right: 17px;
    color: #231f20;
    padding-left: 0;
}
.query-form .line {
    border-bottom: 1px solid #ddd;
}
.query-form select {
    padding: 0;
    border: none;
    width: 100%;
    height: 20px;
    font-size: 12px;
    color: #b5b5b5;

}
.query-form .query-content {
    margin: 18px 0;
    width: 100%;
    float: left;
}
.query-form .query-content textarea {
    font-size: 12px;
    color: #b5b5b5;
    width: 100%;
    padding: 10px;
    border: 1px solid #b5b5b5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 83px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.query-form .line-inner {
    float: left;
    width: 50%;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.query-form {
    clear: both;
}
.legal-check {
    clear: both;
    text-align: center;
    padding: 23px 0 53px;
    font-size: 10px;
    font-weight:bold;
    color: #1e1e1e;
}
.legal-check input {
    margin-right: 8px;
}
.btn-confirm {
    border: none;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #fe2b32 !important;
    width: 97px;
    line-height: 31px;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


#login_popup_join_button {
    text-align: center;
    line-height:31px;
    width: 100%;
    display: block;
    color: #fff;
    
    margin: 0 auto;
    font-weight: bold;
    margin-top:5px;
    background-color: #464545;
}
.btn-sub {
    border: none;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #4e4c4d !important;
    width: 97px;
    line-height: 31px;
}
.confirms {
    text-align: center;
}
.confirms .btn-confirm {
    margin-right: 7px;
}
.legal {
    margin: 0 10px;
}
.legal h3 {
    position: relative;
    font-size: 12px;
    font-weight:bold;
    color: #231f20;
    border-bottom:1px solid #231f20;
    padding-bottom:11px;
}
.legal h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #989697;
}
.legal h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-top: 1px solid #989697;
}
.legal .article {
    margin: 5px 0 21px;
    padding: 14px 8px 32px;
    font-size: 9px;
    color: #5b5b5b;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.legal .btn-confirm {
    margin-right: 0;
}
#find-id {
    position: absolute;
    padding: 0 25px;
    background: url(/images/mobile/find_id_bg.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 9999;
}
#find-id .title {
    padding: 57px 0 49px;
}
#find-id h2 {
    margin-bottom: 27px;
}
.find-id-form input[type="text"] {
    width: 100%;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 19px 0 33px;
}
.find-id-form .radio-box {
    text-align: center;
}
.find-id-form .radio-box label {
    text-decoration: underline;
    font-size: 12px;
    margin-left: 10px;
    color: #fff;
}
.find-id-form .phone {
    margin-right: 36px;
}
.find-id-form .confirms {
    padding-bottom: 220px;
}
#login {
    padding: 0 6px;
    background: url(/images/mobile/login_bg.jpg) 0 0 no-repeat;
    background-size: cover;
}
#login h2 {
    margin-bottom: 15px;
}
#login .container {
    margin: 0 auto;
    width: 66.88%;
}
#login input[type="text"], #login input[type="password"] {
    width: 100%;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#login .username {
    margin-bottom: 7px;
}
#login .confirms {
    margin: 9px 0 18px;
}
.login-form {
    margin-bottom: 99px;
}
.login-form input[type="submit"] {
    width: 100%;
}
.btn-find-link {
    display: block;
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    text-align: center;
}
.sns-login-btns {
    text-align: center;
    padding-bottom: 64px;
}
.sns-login-btns .icon {
    margin-bottom: 10px;
}
.sns-login-btns li {
    margin-left: 21px;
    display: inline-block;
}
.sns-login-btns li:first-child {
    margin-left: 0;
}
.sns-login-btns a {
    font-size: 12px;
    color: #fff;
}
.nav {
    z-index: 10000;
    position: fixed;
    /* top: 47px; */
    top: 0;
    height: 100%;
    left: 0;
    left:-100%;
    -webkit-transition:0.5s;
    width: 60%;
}
.nav {
    overflow: auto;
    background-color: #e8e8e8;
}
.nav a {
    font-size: 3.5vw !important;
}
.nav_logo {
    text-align: center;
    padding: 6% 0 4% 0;
}
.nav_logo img {
    width: 50%;
}
.nav .account {
    padding: 2% 0 1% 0;
    text-align: center;
}
.nav .account a {
    /* display: inline-block; */
    text-align: center;
    font-size: 0.9rem !important;
    line-height: 2.5rem;
    width: 45%;
    /* display: block; */
    /* color: #fff; */
    margin: 0 auto;
    font-weight: bold;
}
.nav .account .logout {
    margin-bottom: 3px;
    /* background-color: #198d66; */
}
.nav .mypage {
    /* background-color: #464545; */
}
.nav-links-below-account {
    margin-top: 10%;
}
.nav-links-below-account li {
    text-align: center;
    /* border: 1px solid #adadad; */
    background: #028358;
    padding: 3%;
    margin: 0 4%;
}
.nav-links-below-account a {
    /* color: #2b2b2b; */
    color: white;
}
.nav-links li {
    margin-top: -1px;
    /* margin-bottom: 1px; */
    background-color: #e8e8e8;
    border: 1px solid #adadad;
}
.nav-links li.active a {
    font-weight: 600;
    color: white;
    background: #f5af19;
}
.nav-links a {
    /* padding: 9px 0 12px 60px; */
    padding: 3vw 0 3vw 16vw;
    display: block;
    font-size: 15px;
    line-height: 1.4; /* Galaxy S7 Fix */
    color: #2b2b2b;
}
.nav .app-down {
    padding: 26px 18px 46px 17px;
}
.nav .app-down a {
    text-align: center;
    display: block;
    background-color: #b5b5b5;
    color: #231f20;
    padding: 5px 0;
    font-size: 11px;
    font-weight:bold;
    width: 78.36%;
}

.nav-contact {
    font-weight: 600;
    padding: 5% 0 10% 5%;
}
.nav-contact > p:nth-child(1) {
    font-size: 4.5vw;
    font-weight: 600;
    color: #272727;
}
.nav-contact > p:nth-child(1) > span {
    font-size: 2.8vw;
    font-weight: 500;
    color: #4d4d4e;
    padding-left: 2vw;
}
.nav-contact > p:nth-child(2) {
    position: relative;
    /* width: 90%; */
    font-size: 5.5vw;
    line-height: 9vw;
    color: white;
    background: #5e5b5c;
    margin-top: 4%;
    padding-left: 5%;
}
.nav-contact > p:nth-child(2) > a {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font-size: 3.5vw !important;
    white-space: nowrap;
    line-height: 9vw;
    color: white;
    background: #f5af19;
    padding: 0 7%;
}

.tab-bar {
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}
.tab-bar ul{
    overflow:hidden;
}
.tab-bar.two-row li{
width:50%;
}
.tab-bar li {
   width:33.3%;
    float:left;
    text-align: center;
}
.tab-bar a {
    padding: 9px;
    color: #4e4c4d;;
    font-size: 13px;
    display: inline-block;
}
.tab-bar .active a {
    border-bottom: 1px solid #fe2b32;
    color: #fe2b32;
}
    #sub_title{
        color:#000;
        font-size:18px;
        color:#4e4c4d;
        text-align:center;
        /* padding:18px; */
        margin:30px 0 0;
        padding:0 30px 0 30px;
    }
    #sub_title .line{
        display:block;
        width:70px;
        height:2px;
        margin:12px auto;
        background:#231f20;
    }
.sub-title {
    text-align: center;
    margin-bottom: 16px;
}
.sub-title h2 {
    padding: 10px 15px 10px;
    display: inline-block;
    border-bottom:2px solid #231f20;
    color: #4e4c4d;
    font-size: 18px;
    font-weight:bold;
}
.event-list img {
    width: 100%;
}
.event-list li {
    margin-bottom: 35px;
}
.event-list li .image {
   height:200px;
   background-size:cover;
   background-repeat:no-repeat;
} 
.event-list h3 {
    margin: 15px 0 10px;
    font-size: 15px;
    font-weight:bold;
}
.event-list h3 a {
    color: #151515;
}
.event-list .meta p {
    display: inline-block;
}
.event-list .status {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight:bold;
    color: #fff;
    border: 1px solid #ffb8bb;
    width: 78px;
    line-height:26px;
    text-align: center;
    background-color: #fe2b32;
    vertical-align: middle;
}
.event-list .status.end {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight:bold;
    color: #fff;
    border: 1px solid #4e4c4d;
    width: 78px;
    line-height:26px;
    text-align: center;
    background-color: #4e4c4d;
    vertical-align: middle;
}
.event-list .date {
    font-size: 15px;
    color: #4e4c4d;
    margin: 0 10px;
    vertical-align: middle;
}
#event, #notice, #page {
    position: relative;
    padding: 0 10px;
}
.btn-scroll-to-top {
    z-index: 88888;
    position: fixed;
    right: 10px;
    bottom: 64px;
    width: 33px;
    height: 33px;
    text-indent: -9999px;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: url(/images/mobile/top_arrow.png) #fff 50% 50% no-repeat;
    background-size: 21px 12px;
}
.btn-showcase {
    z-index: 99;
    left: 10px;
    bottom: 23px;
    position: absolute;
    padding: 11px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #fe555b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    color: #fff;
    width: 53px;
    height: 53px;
}
.btn-showcase .icon {
    font-size: 0;
    margin-bottom: 4px;
}
.board-default {
    table-layout: auto;
    width: 100%;
    border-top: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
}
.board-default tr {
    border-bottom: 1px solid #dddddd;
}
.board-default td {
    color: #4e4c4d;
    font-size: 12px;
}
.board-default th, .board-default td {
    font-size: 12px;
    padding: 15px 0;
}
.board-default th {
    color: #231f20;
    font-weight:bold;
}
.board-default a {
    color: #4e4c4d;
    display: block;
    width: 100%;
}
.board-notice td:nth-child(2) {
    text-align: left;
}
.pagin {
    margin-top: 25px;
    text-align: center;
}
.pagin li {
    display: inline-block;
}
.pagin li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 19px;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    color: #4e4c4d;
    display: inline-block;
    vertical-align: middle;
}
.pagin li.active a {
    border: 1px solid #fe2b32;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    color: #fe2b32;
}
.pagin .first, .pagin .next, .pagin .last, .pagin .prev {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-indent: -9999px;
    border: 1px solid #ebebeb;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    vertical-align: middle;
    width: 19px;
    line-height: 19px;
}
.pagin ul {
    display: inline-block;
    margin: 0 10px;
}
.pagin .first {
    background: url(/images/mobile/pagin_left_first.png) 50% 50% no-repeat;
    background-size: 9px 9px;
    margin-right: 2px;
}
.pagin .prev {
    background: url(/images/mobile/pagin_left.png) 50% 50% no-repeat;
    background-size: 5px 9px;
}
.pagin .next {
    background: url(/images/mobile/pagin_right.png) 50% 50% no-repeat;
    background-size: 5px 9px;
}
.pagin .last {
    margin-left:2px;
    background: url(/images/mobile/pagin_right_last.png) 50% 50% no-repeat;
    background-size: 9px 9px;
}
#page h3 {
    text-align: center;
    color: #4e4c4d;
    margin-bottom: 9px;
    font-size: 15px;
}
#page .article {
    margin: 16px 0 26px;
    line-height:1.4;
    font-size: 11px;
    color: #707070;
    overflow:hidden;

}
.page-btns {
    text-align: center;
    padding-bottom:30px;
}
.page-btns .btn-like {
    margin-right: 7px;
}
.btn-like:before {
    vertical-align: middle;
    display: inline-block;
    content: "";
    width: 10px;
    height: 8px;
    background: url(/images/mobile/like_icon.png) 50% 50% no-repeat;
    background-size: 10px 8px;
    margin-right: 3px;
}
.btn-scrap:before {
    vertical-align: middle;
    display: inline-block;
    content: "";
    width: 9px;
    height: 8px;
    background: url(/images/mobile/scrap_icon.png) 50% 50% no-repeat;
    background-size: 9px 8px;
    margin-right: 3px;
}
.btn-like, .btn-scrap {
    font-size: 10px;
    width: 45px;
    line-height: 15px;
    color: #4e4c4d;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    border: 1px solid #231f20;
    display: inline-block;
}
.page-meta {
    color: #707070;
    margin-bottom: 26px;
    font-size: 12px;
    text-align: center;
}
.page-meta > div {
    display: inline-block;
}
.page-meta h4, .page-meta p {
    display: inline-block;
}
.page-meta h4 {
    margin-right: 7px;
    font-weight:bold;
}
.page-meta .hit {
    margin-right: 13px;
}
#page .image img {
    width: 100%;
}
.btn-gallery-contact a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height:33px;
    color: #fff;
    font-size: 12px;
    font-weight:bold;
    text-align: center;
    background-color: #fe2b32;
    display: block;
    float: left;
    width: 50%;
}
.btn-gallery-contact .phone {
    border-right: 1px solid #fff;
}
.gallery-tab {
    position:fixed; z-index:8888;
    bottom:0;
    left:0;
    width:100%;
    height: auto;
    text-align: center;
    overflow:hidden;
    background-color: rgba(35,31,32,0.85);
    box-sizing:border-box;
}
.gallery-tab li {
    float:left;
    text-align: center;
    width: 20%;
}
.gallery-tab a {
    display: block;
    height: 45px;
    color: #fff;
    padding-top: 8px;
    font-size: 3vw;
}
.gallery-tab li#gallery_tab_home a:before {
    width: 23px;
    height: 18px;
    margin: 0 auto;
    display: block;
    content: "";
    margin-bottom: 7px;
    background: url(/images/mobile/gallery_tab_icon_home.png) 0 0 no-repeat;
    background-size: 23px 35px;
}
.gallery-tab li#gallery_tab_gallery a:before {
    width: 23px;
    height: 18px;
    margin: 0 auto;
    display: block;
    content: "";
    margin-bottom: 7px;
    background: url(/images/mobile/gallery_tab_icon_gallery.png) 0 0 no-repeat;
    background-size: 23px 35px;
}
.gallery-tab li#gallery_tab_pick a:before {
    width: 23px;
    height: 18px;
    margin: 0 auto;
    display: block;
    content: "";
    margin-bottom: 7px;
    background: url(/images/mobile/gallery_tab_icon_pick.png) 0 0 no-repeat;
    background-size: 23px 35px;
}
.gallery-tab li#gallery_tab_sharp a:before {
    width: 23px;
    height: 18px;
    margin: 0 auto;
    display: block;
    content: "";
    margin-bottom: 7px;
    background: url(/images/mobile/gallery_tab_icon_sharp.png) 0 0 no-repeat;
    background-size: 23px 35px;
}
.gallery-tab li#gallery_tab_counsel a:before {
    width: 23px;
    height: 18px;
    margin: 0 auto;
    display: block;
    content: "";
    margin-bottom: 7px;
    background: url(/images/mobile/gallery_tab_icon_counsel.png) 0 0 no-repeat;
    background-size: 23px 35px;
}
.gallery-tab li.active a {
    color: #F5AF19;
}
.gallery-tab li.active a:before {
    background-position: 0 -18px !important;
}
.gallery {
    padding: 40px 10px 75px;
}
.gallery h3 {
    text-align: center;
    margin-bottom: 15px;
    color: #000;
    font-size: 15px;
}
.gallery .article {
    color: #4e4c4d;
    margin-bottom: 17px;
    font-size: 13px;
    text-align: center;
}
.gallery-slide {
    position: relative;
    margin-bottom: 40px;
}
.gallery .video {
    margin-bottom: 28px;
}
.btn-slide-left, .btn-slide-right {
    border: none;
    display: block;
    width: 20px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(35,31,32,0.7);
}
.btn-slide-left {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -19px;
}
.btn-slide-right {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -19px;
}
.btns-slide-number {
    width: 100%;
    position: absolute;
    bottom: 14px;
    text-align: center;
}
.btns-slide-number li {
    display: inline-block;
    margin-left: 6px;
}
.btns-slide-number li:first-child {
    margin-left: 0;
}
.btns-slide-number a {
    border-radius: 50%;
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    display: inline-block;
    background-color: rgba(35,31,32,0.7);

}
.btns-slide-number li.active a {
    background-color: #fe2b32;
}
.plan-image {
    position: relative;
    margin-bottom: 19px;
    height: 200px;
}
.plan-image img {
    width: 100%;
}
.plan-image h4 {
    min-width:96px;
    line-height:34px;
    font-size: 15px;
    color: #fff;
    font-weight:bold;
    text-align: center;
    float: left;
    border: 1px solid #fff;
    padding: 0 18px;
    width: 30.85%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plan-image p {
    line-height:35px;
    text-align: right;
    width: 63.56%;
    float: right;
    font-size: 17px;
    font-weight:bold;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.plan-image .info {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 13px;
    padding: 0 13px 0 20px;
}
.house-list {
    padding: 0 11px;

}
.house-list h3 {
    font-size: 15px;
    color: #151515;
    font-weight:bold;
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 8px;
}
.house-list .meta {
    text-align: center;
}
.house-list .meta p {
    display: inline-block;
    color: #bcbcbc;
    font-size: 12px;

}
.house-list  li a{
    display:block;
}
.house-list .meta .hit {
    margin-right: 10px;
}

.house-list .meta .scrap {
    margin-left: 10px;
}

.house-list .description{
    color:#5d8c8b;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    padding-bottom:4px;
}
.house-list-inner li {
    padding-bottom: 40px;
}
.house-list h2 {
    font-size: 22px;
}
.house-view {
    text-align: center;
}
.house-view .meta {
    margin-bottom: 18px;
}
.house-view .meta p {
    display: inline-block;
    color: #6b6b6b;
    font-size: 12px;
}
.house-view .meta .hit:after {
    content: "\007c";
    font-size: 10px;
    color: #000000;
    display: inline-block;
    width: 29px;
}
.house-view .meta  strong {
    color: #000000;
}
.view-links .btn-like {
    display: inline-block;
}
.btn-view-like:before {
    width: 10px;
    height: 9px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    background: url(/images/mobile/like_icon_red.png) no-repeat;
    background-size: 10px 9px;
}
.house-view .gallery-slide {
    margin-bottom: 12px;
}
.house-view .view-links .scrap:before {
    width: 7px;
    height: 10px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    background: url(/images/mobile/icon_scrap.png) no-repeat;
    background-size: 7px 10px;
}
.house-view .concept h3 {
    margin-bottom: 22px;
    text-align: center;
}
.house-view .concept {

    margin: 0 auto;
    width: 85%;
    color: #231f20;
    font-size: 12px;
    text-align: center;
    margin-bottom: 34px;
}
.house-view h3 {
    color: #212121;
    font-size: 17px;
    font-weight:bold;
}
.view-links {
    margin-bottom: 27px;
}
.view-links a {
    margin: 0 17px;
    color: #4e4c4d;
    font-size: 12px;
}
.house-view .cost {
    border: 3px solid #ddd;
    margin: 0 11px;
    padding: 19px 16px 27px;
}
.house-view .cost h3 {
    margin-bottom: 15px;
}
.house-view .cost .former-price {
    color: #b5b5b5;
    font-weight: bold;
    font-size: 17px;
    text-decoration: line-through;
    margin-bottom: 4px;
}
.house-view .cost .former-price-text {
    color: #b5b5b5;
    font-size: 9px;
}
.house-view .cost .discount {
    display: inline-block;
    padding: 2px 12px 3px;
    border: 1px solid #fe2b32;
    color: #fe2b32;
    font-size: 11px;
    font-weight:bold;
    margin: 18px 0;
}
.house-view .cost .price {
    font-size: 17px;
    font-weight:bold;
    color: #fe2b32;
    margin-bottom: 4px;
}
.house-view .cost .price-text {
    color: #4e4c4d;
    font-size: 9px;
}
.house-view .cost .etc-cost {
    font-size: 10px;
    margin-top: 28px;
    color: #4e4c4d;
}
.house-plan h3 {
    text-align: center;
    margin-bottom: 31px;
}
.house-plan {
    padding: 22px 0 40px;
    background-color: #f5f5f5;
    text-align: left;
}
.house-plan .line {
    margin-bottom: 10px;
}
.house-plan .line h4 {
    font-weight:bold;
    width: 35.27%;
}
.house-plan .line p {
    width: 64.73%;
}
.house-plan h4 {
    font-size: 12px;
    display: inline-block;
}
.house-plan h4 {
    color: #0f0f0f;
}
.house-plan p {
    font-size: 12px;
    color: #4e4c4d;
    display: inline-block;
}
.house-plan .line, .house-plan .part-line {
    width: 67.35%;
    margin: 0 auto 7px;
}
.house-plan .part-line h4 {
    margin-right: 21px;
    font-weight:normal;
}
.house-plan .part-line .image {
    margin-top: 11px;
}
.house-plan .part-line {
    margin-bottom: 15px;
}
.house-plan .spec {
    margin-bottom: 28px;
}
.floor-plan {
    text-align: center;
    padding-top: 39px;
}
.floor-plan h3 {
    margin-bottom: 41px;
    color: #2b2b2b;
    font-size: 15px;
    font-weight:bold;
}
.floor-plan h4 {
    color: #2b2b2b;
    font-size: 15px;
}
.floor-box {
    margin-bottom: 29px;
}
.floor-box img {
    margin-bottom: 19px;
}
.btn-gallery-contact a {
    background-color: #231f20;
}
.btn-house-contact .phone {
    border-right: 0;
    background-color: #fe2b32;
}
#house-query h2 {
    margin-bottom: 10px;
    font-size: 17px;
    color: #231f20;
    font-weight:bold;
}
#house-query .title {
    color: #b5b5b5;
    font-weight:bold;
    font-size: 10px;
    padding: 37px 0 16px;
    text-align: center;
}
.selected-house {
    width: 100%;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 27px 14px;
    background-color: #f8f8f8;
}
.selected-house .image {
    padding-right: 14px;
    width:40.26%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width:130px;
    height:130px;
}
.selected-house img {
    float: left;
    width: 100%;
}
.selected-house .text {
    padding-top: 5px;
    margin-left: 40.26%;
}
.selected-house h3 {
    font-size: 15px;
    color: #231f20;
    margin-bottom: 16px;
    font-weight:bold;
}
.selected-house p {
    font-size: 12px;
    color: #4e4c4d;
}
        /*
            FLoor Slider
        */
        .swiper-left-button{
            position:absolute;z-index:9999;
            top:45%;
            left:0;
            width:20px;
            height:27px;
            background:#2e3128;
            opacity:0.4;
            padding-top:10px;
            text-align:center;
        }
        .swiper-right-button{
            position:absolute;z-index:9999;
            top:45%;
            right:0;
            width:20px;
            height:27px;
            background:#2e3128;
            opacity:0.4;
            padding-top:10px;
            text-align:center;
        }
        .swiper-right-button img , .swiper-left-button img{
            width:11px;
            height:17px;
        }


.article img{
    max-width:100%;
    height:auto !important;
}

/* .complete{
    display:inline-block;
    width:46px;
    height:15px;
    line-height:15px;
    font-size:9px;
    text-align:center;
    color:#4e4c4d;
    border:1px solid #4e4c4d;
} */
/* .progress{
    display:inline-block;
    width:46px;
    height:15px;
    line-height:15px;
    font-size:9px;
    text-align:center;
    color:#fe2b32;
    border:1px solid #fe2b32;
} */
#loading{
    display:none;
    position:fixed;z-index:9999;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-8px;
    width:16px;
    height:16px;
    background:url(/images/mobile/loading.gif);
    background-size:16px 16px;
}
#fog{
    -webkit-transition:0.5s;z-index:10;
    display:none;
    position:fixed;
    top:0;
    left:0;
    background:#000;
opacity:0;
    width:100%;
    height:100%;
}

/*
    건축상세
*/

    #construction_gallery_swiper{
        position:relative;
    }

    #construction_gallery_swiper.swiper-container {
        width: 100%; height: 100%;
        max-height: 90vw;
    }
    #construction_gallery_left_button{
        position:absolute;z-index:9999;
        top:45%;
        left:0;
        width:20px;
        height:27px;
        background:#00000000;
        opacity:0.4;
        padding-top:10px;
        text-align:center;
    }
    #construction_gallery_right_button{
        position:absolute;z-index:9999;
        top:45%;
        right:0;
        width:20px;
        height:27px;
        background:#00000000;
        opacity:0.4;
        padding-top:10px;
        text-align:center;
    }
    #construction_gallery_right_button img{
        width:11px;
        height:17px;
    }
    #construction_gallery_left_button img{
        width:11px;
        height:17px;
    }
   #construction_gallery_swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #e7e7e7; */
        background: black;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #construction_gallery_swiper .swiper-slide img{
        width: 100%;
        /* width: auto; */
        height: 90vw;
        background-position: center !important;
        background-size: cover !important;
    }
    #construction_case_view{
        
    }

    #construction_case_view p#hit{
        text-align:center;
        margin:7px 0 14px;
        font-size:12px;
    }
    #construction_case_view p#hit .line{
        margin: 0 5px;
    }

    /*
        Concept
    */
    #construction_case_view_concept{
        margin-top:25px;
        
    }
    #construction_case_view_concept p{
        width:80%;
        margin: 25px auto;
        line-height:18px;
        font-size:13px;
    }

    /*
        House Plan
    */
    #construction_view_plan{
        width:250px;
        margin:25px auto;
        overflow:hidden;
    }
    #construction_view_plan dt,#construction_view_plan dd{
        font-size:13px;
        float:left;
        line-height:20px;
        min-height: 20px;
    }
    #construction_view_plan dt{
        
        width:80px;
        font-weight:bold;
    }
    #construction_view_plan dd{
        
        width:170px;
    }

    #construction_case_view .sub_title{
        text-align:center;
        font-size:18px;

    }
    .material_wrap{
        width:250px;
        margin:17px auto;
        font-size:13px;
    }
    .material_wrap h4 .material_kinds{
        margin-left:9px;
        color:#717171;
        font-size:10px;
    }
    .material_wrap .materials{
        overflow:hidden;
        margin-top:10px;

    }
    .material_wrap .materials li{
        float:left;
        width:50px;
        height:35px;
        margin-right:4px;
        overflow:hidden;

    }
    .material_wrap .materials li img{
        height:100%;
    }
    
    /*
        House Plan
    */
    #construction_case_view_house_plan{
        background:#f5f5f5;
        padding:22px 0 40px;
    }

    /*
    Floor Plan
    */
    #construction_view_floor_plan{
        margin-top:37px;
    }
    /*
        Like Area
    */

    #view_like_count{
        text-align:center;
        font-size:12px;
        margin-top:11px;
    }



    #floor_plan_gallery{
        position:relative;
        overflow:hidden;
        margin-top:16px;

        
    }
    #floor_gallery_swiper .swiper-slide {
        text-align:center;
        height:275px;
        background:#000;
    }
    #floor_gallery_swiper .swiper-slide img{
        height:100%;
    }
    #floor_swiper_pagination{
        text-align:center;
    
        z-index:9999;
        position:absolute;
        bottom:30px;
        left:0;
        width:100%;
    }
    #floor_swiper_pagination a{
        
        width: 9px;
        height: 9px;
        display: inline-block;
        display:none;
        border-radius: 100%;
        background: #000;
        opacity: 0.2;

    }
    #floor_swiper_pagination a.active{
        opacity: 1;
        background: #fe2b32;
    }
    /*
        FLoor Slider
    */
    .swiper-left-button{
        position:absolute;z-index:9999;
        top:45%;
        left:0;
        width:20px;
        height:27px;
        background:#000000;
        opacity:0.4;
        padding-top:10px;
        text-align:center;
    }
    .swiper-right-button{
        position:absolute;z-index:9999;
        top:45%;
        right:0;
        width:20px;
        height:27px;
        background:#000000;
        opacity:0.4;
        padding-top:10px;
        text-align:center;
    }
    .swiper-right-button img , .swiper-left-button img{
        width:11px;
        height:17px;
    }

    
    /*
        탭버튼
    */
    #floor_plan_tab{
        margin-top:20px;
        overflow:hidden;
        border-top:2px solid #5e5b5b;

    }
    #floor_plan_tab li{
        float:left;
        width:50%;
        border-bottom:1px solid #c9c9c9;
        border-top:1px solid #c9c9c9;
    }
    #floor_plan_tab li a{
        text-align:center;
        display:block;
        color:#2b2b2b;
        font-size:13px;
        line-height:26px;
        height:26px;
    }
    #floor_plan_tab li.active a span{
        display:inline-block;
        line-height:25px;
        border-bottom:2px solid #fe2b32;
    }
    #floor_design_description{
        color:#fe2b32;
        font-size:12px;
        margin:15px 0;
        text-align:center;
    }
    /*
        탭 갤러리
    */
    #floor_design_gallery .tab:first-child{
        display:block;
    }
    #floor_design_gallery .tab{
    display:none;
        position:relative;
        width:321px;
        margin:0 auto;
    }
    #floor_design_gallery .tab img{
        width:321px;
    }
    #floor_design_gallery .tab .marker{
        position:absolute;
        width:19px;
        height:22px;
        background:url(/images/mobile/marker.png);
        background-size:38px 22px;
    }
    #floor_design_gallery .tab .marker.active{
        background-position:-19px 0;
    }

    #construction_inqury_banner{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        font-size:3.5vw;
        z-index: 9999;
        font-weight:bold;
    }
    #construction_inqury_banner a{
        display:block;
        float:left;
        width:50%;
        height: 10vw;
        line-height: 10vw;
        text-align:center;
        box-sizing:border-box;
        background:#028358;
        color:#fff;
    }
    #construction_inqury_banner a:first-child{
        border-right:1px solid #fff;
    }
    #space_conposition{
        margin-top:36px;
        text-align:center;
        color:#717171;
    }
    #space_conposition strong{
        color:#000;
        margin-right:5px;
    }

    /*
        건축설계 비용
    */

    #construction_case_view .cost {
        border: 3px solid #ddd;
        margin: 0 11px;
        padding: 19px 16px 27px;
        text-align:center;
    }
    #construction_case_view .cost h3 {
        margin-bottom: 15px;
    }
    #construction_case_view .cost .former-price {
        color: #b5b5b5;
        font-weight: bold;
        font-size: 17px;
        text-decoration: line-through;
        margin-bottom: 4px;
    }
    #construction_case_view .cost .former-price-text {
        color: #b5b5b5;
        font-size: 9px;
    }
    #construction_case_view .cost .discount {
        display: inline-block;
        padding: 2px 12px 3px;
        border: 1px solid #fe2b32;
        color: #fe2b32;
        font-size: 11px;
        font-weight:bold;
        margin: 18px 0;
    }
    #construction_case_view .cost .price {
        font-size: 17px;
        font-weight:bold;
        color: #fe2b32;
        margin-bottom: 4px;
    }
    #construction_case_view .cost .price-text {
        color: #4e4c4d;
        font-size: 9px;
    }
    #construction_case_view .cost .etc-cost {
        font-size: 10px;
        margin-top: 28px;
        color: #4e4c4d;
    }

    /*
        건축문의 레이어
    */

    #house_inquiry_popup{
        display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:0;
    box-sizing:border-box;
    padding-bottom:30px;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    background:#fff;z-index:9999;
}
#more_button{
    display: block;
    height: 35px;
    border: solid 1px #e4e2dd;
    text-align: center;
    font-size: 14px;
    margin: 10px;
    color:#222;
    line-height: 35px;
}

    #inquiry_buttons{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        font-size:13px;
        z-index: 9999;
        font-weight:bold;
    }
    #inquiry_buttons a{
        display:block;
        float:left;
        width:50%;
        height:35px;
        line-height:35px;
        text-align:center;
        box-sizing:border-box;
        background:#4e4c4d;
        color:#fff;
    }
    #inquiry_buttons a:first-child{
        border-right:1px solid #fff;
        background:#fe2b32;
    }

/*
            
    건축문의

*/
#inquiry_view{
margin:10px;
}
#inquiry_view table{
    width:100%;
    border-top:2px solid #989697;
}
#inquiry_view table{
    
}
#inquiry_view .inquiry-title{
    text-align:left;
    height:40px;
    text-indent:7px;
    border-bottom:1px solid #dddddd;
}
#inquiry_view .inquiry-title .date{
    float:right;
    padding-right:8px;
}
#inquiry_view .margin{
    height:25px;
    
}
#inquiry_view .border-top th,#inquiry_view .border-top td{
    padding-top:8px;
    border-top:1px solid #dddddd;
}
#inquiry_view .border-bottom th,#inquiry_view .border-bottom td{
    padding-bottom:8px;
    border-bottom:1px solid #dddddd;
}
#inquiry_view .profile th,#inquiry_view .profile th{
    height:20px;
    
}
#inquiry_view .profile th{
    width:80px;
    background:#f8f8f8;
    text-align:left;
}
#inquiry_view .profile td{
color:#4e4c4d;
    
    text-align:left;
    padding-left:10px;
}
#inquiry_view .contents{
    padding-top:20px;
    padding-left:10px;
    text-align:left;
}

#construction_contents{
    margin:10px;
}
#construction_contents img{
    max-width:100%;
}

/*
    백버튼
*/
#back_button{
    color:#fff;
    font-size:13px;
    line-height: 24px;
}
#back_button span{
    vertical-align:middle;
}
#back_button img{
    vertical-align:middle;
    width:25px;
}


/*
    건축갤러리 상단 검색
*/

#design_gallery{
    height:240px;

}
#design_gallery .label{
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    text-align:center;
    font-size:20px;
    color:#fff;
    font-weight:bold;
}

/*
    건축갤러리 검색
*/
#search_area{
    position: fixed;
    z-index: 9999;
    top: 44px;
    left: 0;
    box-shadow: 3px 0px 2px #000;
    width: 100%;
    background: #fff;
}
#search_area #search_filter{
    border-bottom:1px solid #b5b5b5;
    overflow:hidden;
}
#search_area #search_filter .filters{
    padding-left:52px;
    padding-right:22px;
}
#search_area #search_filter #search_open_button{
    position:absolute;
    width:40px;
    height:40px;

    background:url(/images/mobile/construction_search_button.png) center center no-repeat;
    border-right:1px solid #b5b5b5;
    background-size:17px 18px;
}
#search_area #search_filter #search_open_button.close{


    background:url(/images/mobile/construction_search_close_button.png) center center no-repeat;
    background-size:17px 15px;
}
#search_area #search_filter .filters a{
    display:block;
    float:left;
    text-align:center;
    font-size:13px;
    width:33.3%;
    height:40px;
    color:#4e4c4d;
    line-height:40px;
    box-sizing:border-box;
}
#search_area #search_filter .filters a.active{
    color:#fe2b32;
    border-bottom:2px solid #fe2b32;
}
#search_input{
    position:relative;
    padding-left:27px;
    padding-right:78px;
    background:#f8f8f8;
    display:none;
    padding-top:10px;
    padding-bottom:10px;
}
#search_input input[type="text"]{
    box-sizing:border-box;
    width:100%;
    height:40px;
}
#construction_case_search_button{
    position:absolute;
    top:10px;
    right:20px;
    width:53px;
    height:40px;
    background:#4e4c4d;
    text-align:center;
    line-height:40px;
    color:#fff;
}

#login{
    position:fixed;z-index:9999;
    width:100%;
    top:0;
    left:0;
    height:100%;
}
.popup{
    position:relative;
    display:none;
}

/*댓글*/
#comment_form{
    background:#f8f8f8;
    padding:21px 10px 10px;
    border-top:1px solid #000;
    border-bottom:1px solid #b5b5b5;
}
#comment_form #comment_count{
    line-height:12px;
    color:#231f20;
}
#comment_count .count{
    width:21px;
    height:12px;
    padding:0 7px;
    border:1px solid #4e4c4d;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
}
#comment_form textarea{
    display:block;
    margin-top:10px;
    height:44px;
    width:100%;
    box-sizing:border-box;
    border:1px solid #b5b5b5;
}
#comment_form #comment_button{
    text-align:right;
    margin-top:5px;
}
#comment_button a{
    display:inline-block;
    width:35px;
    height:15px;
    background:#4e4c4d;
    text-align:center;
    color:#fff;
    line-height:15px;
}
#comment_list{
    margin:10px;
}
#comment_list li{
    padding:15px 0;
    color:#231f20;
    border-bottom:1px solid #ebebeb;
}
#comment_list p{
    margin-top:3px;
}
#comment_list .writer{
font-weight:bold;
}

/*
    가입
*/
#sub_title_no_line{
    text-align:center;
    margin-top:25px;
    font-size:17px;
}
#sub_title_description{
    margin-top:15px;
    text-align:center;
}


#join{
    margin:10px;
}
#join #join_table{
    margin-top:25px;
    width:100%;
    border-top:2px solid #231f20;
}
#join_table th{
    width:75px;
    text-align:left;
    text-indent:10px;
}
#join_table th,#join_table td{
    text-align:left;
    height:37px;
    border-bottom:1px solid #b5b5b5;
}
#join_table td input[type="text"],#join_table td input[type="password"]{
    width: 90%;
}
#join_agree{
    margin-top:30px;
    text-align:center;
}
.confirm_button{
    display:inline-block;
    padding:0 25px;
    height:31px;
    line-height:31px;
    background:#fe2b32;
    color:#fff;
    text-align:center;
}
.cancel_button{
    display:inline-block;
    padding:0 25px;
    height:31px;
    line-height:31px;
    background:#4e4c4d;
    color:#fff;
    text-align:center;
}
.buttons{
    text-align:center;
    padding:20px 0;
}
.checkbox span{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/mobile/checkbox.png);
    background-size:100% 100%;
}
.checkbox.checked span{

    background:url(/images/mobile/checkbox_checked.png);
background-size:100% 100%;
}


.article_btns .like {
	width: 27px;
	height: 25px;
	display: inline-block;
	background: url(/images/mobile/house-list/btn_like_off.png);
	background-size: 27px 25px;
	vertical-align: middle;
	margin-right: 5px;
}
.article_btns .like.active {
	
	display: inline-block;
	background: url(/images/mobile/house-list/btn_like_on.png);
	background-size: 27px 25px;
	vertical-align: middle;
	margin-right: 5px;
}
.article_btns .scrap  {
	width: 27px;
	height: 25px;
	display: inline-block;
	background: url(/images/mobile/house-list/btn_scrap_off.png);
	background-size: 27px 25px;
	vertical-align: middle;
	margin-right: 5px;
}
.article_btns .scrap.active {

	display: inline-block;
	background: url(/images/mobile/house-list/btn_scrap_on.png);
	background-size: 27px 25px;
	vertical-align: middle;
	margin-right: 5px;
}

/*
estimate
*/



#like_button{
	width: 20px;
	height: 18px;
	display: inline-block;
	background: url(/images/mobile/house-list/btn_like_off.png);
	background-size: 20px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
#like_button.active {
	
	display: inline-block;
	background: url(/images/mobile/house-list/btn_like_on.png);
	background-size: 20px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
#scrap_button {
	width: 20px;
	height: 18px;
	display: inline-block;
	background: url(/images/mobile/house-list/btn_scrap_off.png);
	background-size: 20px 18px;
	vertical-align: middle;
	margin-right: 5px;
}
#scrap_button.active {
	
	display: inline-block;
	background: url(/images/mobile/house-list/btn_scrap_on.png);
	background-size: 20px 18px;
	vertical-align: middle;
	margin-right: 5px;
}