.withdrawal_guide {padding:0 20px; margin:15px 0 20px;}
.withdrawal_guide .box {margin-bottom:10px;}
.withdrawal_guide .box ul {overflow:hidden; margin-top:10px;}
.withdrawal_guide .box li {font-size:12px; color:#000;}
.withdrawal_guide .box:first-child {padding-bottom:100px; background:url(/common/images/my_info/icon_site_lock.png) no-repeat 100% 100%; background-size:107px;}

.complex {position:relative; margin:25px 20px; background:#fff; box-shadow:0 15px 15px 0 rgba(0,0,0,.1);}
.complex .card_label {width:65px; top:20px; left:-6px;}
.complex_description {padding:0 25px 25px; color:#000;}
.complex_description h4 {display:flex; align-items:center; justify-content:center; height:110px; padding:0 25px 0 50px; font-size:18px;}
.complex_description li {min-height:21px; margin-bottom:5px; padding-left:43px; position:relative;}
.complex_description li strong {position:absolute; left:0; font-size:12px; color:#666;}
.complex_description .btn {min-width:auto; width:32%; padding:0 10px; margin:0;}
.complex .close {position:absolute; top:15px; right:15px; width:12px; height:12px;}
.complex .icon_close:before,
.complex .icon_close:after {width:14px; top:5px; left:-1px;}
.complex .no_data {padding:140px 0; font-size:22px; text-align:center;}

.list_symbol {padding:0 20px;}
.list_symbol li {padding:30px 15px; border-bottom:1px solid #ddd;}
.list_symbol li:last-child {border-bottom:none;}
.list_symbol li a {display:block; position:relative; padding-left:110px;}
.list_symbol img {position:absolute; top:0; left:0; width:95px;}
.list_symbol strong {display:block; margin-bottom:12px; font-size:22px; color:#000; line-height:1; vertical-align: 1px;}
.list_symbol p {color:#666;}
@media all and (max-width:320px){
    .list_symbol li {padding-left:0; padding-right:0;}
    .list_symbol li a {padding-left:95px;}
}
.mycomplex_outer .swiper-slide {padding-bottom:25px;}
.mycomplex_outer .swiper-pagination {position:static; margin-bottom:20px; font-weight:700; color:#999;}
.mycomplex_outer .swiper-pagination > span {margin:0 3px;}
.mycomplex_outer .swiper-pagination .swiper-pagination-current {color:#28282e;}
.mycomplex_outer .swiper-button-prev,
.mycomplex_outer .swiper-button-next {height: 10px; width: 10px; display: block; border: 2px solid #333; border-left-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); top: auto; bottom: 27px; left: 50%; right:auto; margin-left:-50px; background:none; z-index:10;}
.mycomplex_outer .swiper-button-next {margin-left:40px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.mycomplex {position:relative; padding:0 25px;}
.mycomplex_image {position:relative; margin:0 -25px;}
.mycomplex_image:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.mycomplex_description {position:relative; margin-top:-60px; padding:25px 20px 45px; background:#2c2f40; color:#fff; box-shadow:0 25px 20px -20px rgba(0,0,0,.4);}
.mycomplex_description h4 {position:absolute; top:-115px; left:0; width:100%; font-size:26px; color:#fff; text-align:center;}
.mycomplex_description a {color:#fff;}
.mycomplex_list {margin-bottom:25px;}
.mycomplex_list li {margin-bottom:5px;}
.mycomplex_list strong {display:inline-block; width:90px; font-size:12px; color:#acacb1;}
.mycomplex_link {position:absolute; bottom:0; left:0; width:100%; height:45px; text-align:center; padding-top:17px; background:#6f7283;}
.mycomplex_link li {display:inline-block;}
.mycomplex_link li:after {margin:0 15px 0 18px; background:#8c8e9c;}
@media all and (max-width:320px){
    .mycomplex_link li:after {margin-left:8px; margin-right:5px;}
}

.no_mycomplex {padding:20px 20px 0; text-align:center; margin-bottom:5px;}
.no_mycomplex h4 {display:block; margin-bottom:15px; font-size:22px; line-height:1.5; color:#222; font-weight:400;}
.no_mycomplex p {margin-bottom:40px; color:#666;}
.no_mycomplex .image_card {display:block; position:relative; width:100%;}
.no_mycomplex .image_card img {width:100%;}
.no_mycomplex .image_card span {position:absolute; bottom:0; left:0; width:100%; padding:11px 0 10px; color:#fff; background:rgba(0,0,0,.6); font-weight:700; font-size:13px;}

.table_wrap.table_rate_guide td li {margin-bottom:10px;}
.table_wrap.table_rate_guide td li:last-child {margin-bottom:0;}
.table_wrap.table_rate_guide td li strong {display:inline-block; width:80px; color:#666;}

.table_total_mypayment {margin-top:-20px;}

.table_event_detail .table_detail {border-bottom:none;}

.table_wrap.table_brand_list td {height:96px; padding:10px 0; line-height:1; vertical-align:top;}
.table_wrap.table_brand_list td img {height:100%;}
.table_wrap.table_brand_list td,
.table_wrap.table_brand_list td:first-child,
.table_wrap.table_brand_list td:last-child {padding-left:0; padding-right:0;}
.table_wrap.table_brand_list td:last-child {padding-left:20px;}
.table_brand_list .date {display:block; margin-top:5px; margin-bottom:10px; color:#666; font-size:12px;}
.table_brand_list h4 {font-size:16px; line-height:1.4; max-height:44px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}

.as_term {padding:0 20px; font-size:12px;}
.as_term h4 {margin:25px 0 5px; font-size:14px;}
.as_term p {font-size:12px;}
.as_term .divided_list {font-size:14px;}
.as_term .table_wrap {padding:0; margin:10px 0 20px; border-bottom:1px solid #999;}
.as_term .table_wrap table {border-top:1px solid #999; font-size:11px;}
.as_term .table_wrap thead th {height:38px; padding-top:7px; padding-bottom:7px; text-align:left; background:#f7f7f7; border-bottom-color:#ddd; border-left:1px solid #ddd; color:#666;}
.as_term .table_wrap thead th:first-child {padding-left:20px; border-left:none;}
.as_term .table_wrap thead th:nth-child(5) {border-left:1px solid #999;}
.as_term .table_wrap thead th.tac {padding-left:0; padding-right:0;}
.as_term .table_wrap tbody th {height:38px; padding-top:7px; padding-bottom:7px;  padding-left:20px; border-color:#ddd; border-left:1px solid #ddd; color:#222; font-weight:700; background:#f4f6fa;}
.as_term .table_wrap tbody th:first-child {border-left:none;}
.as_term .table_wrap td {height:38px; padding-top:7px; padding-bottom:7px; border-color:#ddd; border-left:1px solid #ddd; color:#666;}
.as_term .table_wrap td:first-child {padding-left:20px; border-left:none;}

.as_process h3 {margin:50px 0 15px; font-size:15px; text-align:center;}
.as_process h3:after {content:''; display:block; width:30px; height:2px; margin:10px auto 0; background:#0c4ca3;}
.as_process .image_area {position:relative;}
.as_process .image_area a {position:absolute; bottom:51px; left:141px; width:158px; height:46px; overflow:hidden; text-indent:-9999px; white-space:nowrap;}
.as_process .image_area img {width:100%;}

.as_contact {overflow:hidden;}
.as_contact > p {font-size:18px; text-align:center; line-height:1.5;}
.as_contact h3 {margin:50px 0 15px; font-size:15px; text-align:center;}
.as_contact h3:after {content:''; display:block; width:30px; height:2px; margin:10px auto 0; background:#0c4ca3;}
.as_contact_content .left {margin-bottom:20px; padding:30px 0 25px; background:#f7f7f7; text-align:center; line-height:1;}
.as_contact_content .left strong {display:inline-block; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,.2); font-size:29px; color:#3f7ac6;}
.as_contact_content .left strong span {display:inline-block; width:24px;}
.as_contact_content .left ul {width:240px; margin:0 auto;}
.as_contact_content .left li {margin-bottom:15px; color:#222; font-weight:700; font-size:14px;}
.as_contact_content .left li:after {margin:0 7px 0 10px; background:rgba(0,0,0,.2);}
/* .as_contact_content .left li:nth-child(3):after {display:none;} */
.as_contact_content .left li:nth-child(4):after {display:none;}
.as_contact_content .left li em {margin-right:10px; color:#666; font-size:13px;}
.as_contact_content .right {padding:0 40px;}
.as_contact_content .right dl {position:relative; padding-left:92px;}
.as_contact_content .right dt {position:absolute; left:0; font-size:13px; font-weight:700;}
.as_contact_content .right dd {margin-bottom:15px; line-height:1.5;}
.as_contact_content .right a {width:140px; padding:0;}

.supper_select {padding:40px 0 63px; margin-bottom:20px; background:#d6d5d4 url(/common/images/customer/bg_support_select.jpg) no-repeat 50% 100%; background-size:100%;}
.supper_select h3 {padding:0 20px; margin-bottom:25px; font-size:18px; line-height:1.5; text-align:center; word-break:keep-all; word-wrap:break-word;}
.supper_select ul {font-size:12px; color:#666;}
.supper_select li {width:309px; background:#fff; margin:0 auto 10px; box-shadow:0 10px 30px 0 rgba(0,0,0,.2);}
.supper_select li a {display:block; position:relative; height:98px; padding:25px 20px 0 98px; line-height:1.6; word-break: keep-all; word-wrap: break-word;}
.supper_select li strong {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:14px; color:#222;}
.supper_select li em {font-weight:700;}

.induce_faq_box {overflow:hidden; margin-top:80px; padding:30px 50px; border:none; text-align:center;}
.induce_faq_box p {margin-bottom:15px; word-break:keep-all; word-wrap:break-word;}

.faq_top {height:450px; margin-bottom:40px; background:#cccac4 url(/common/images/customer/bg_faq.jpg) no-repeat 50% 100%; background-size:100%;}
.faq_top > .inner {text-align:left;}
.faq_top .left {padding:35px 0 20px; text-align:center;}
.faq_top h3 {margin-bottom:10px; font-size:18px; line-height:1.5;}
.faq_top ul {color:#666; text-align:center;}
.faq_top li {display:inline-block; margin:0 2px; vertical-align:top;}
.faq_top li a {display:block; width:150px; height:180px; padding:25px 20px 0; background:#fff; line-height:1.6; font-size:12px; word-break: keep-all; word-wrap: break-word; text-align:left;}
.faq_top li strong {display:block; margin-bottom:10px; font-size:14px; color:#222; line-height:1;}

.faq_list {position:relative; top:-1px;}
.faq_list .acc-head a {overflow:hidden;}
.faq_list_category {display:block; padding-left:35px; margin-bottom:5px; color:#3f7ac6; font-size:12px; font-weight:700;}
.faq_list_title {position:relative; float:left; display:inline-block; padding-left:35px; font-weight:400;}
.faq_list .faq_list_description {position:relative; padding-left:35px;}
.faq_list_title:before,
.faq_list .faq_list_description:before {content:'Q'; display:inline-block; position:absolute; top:4px; left:0; font-weight:700; font-size:22px; color:#000; line-height:1;}
.faq_list .faq_list_description:before {content:'A';}
.faq_list .no_data {padding:60px 0; font-size:22px; color:#222; text-align:center; line-height:1.5;}

.btn.btn_view_list,
.btn.btn_view_map,
.btn.btn_view_list:hover,
.btn.btn_view_map:hover {width:50%; min-width:60px; margin:0; background:#fff; border:1px solid #a6a6a6; font-size:12px; font-weight:400; color:#222; line-height:42px;}
.btn.btn_view_list.active,
.btn.btn_view_map.active {background:#0c4ca3; color:#fff; border:none;}

.sale_sorting {padding:0 20px;}
.sale_sorting ul {display:none;}
.sale_sorting li {margin-top:5px; line-height:1;}
.sale_sorting li:first-child {margin-top:0;}
.sale_sorting li label {float:left; width:25%; height:40px;}
.sale_sorting li label:last-child {border-right:1px solid #aaa;}
.sale_sorting li label span {display:block; padding:0; border:1px solid #aaa; border-right:none; color:#666; text-align:center; height:100%; line-height:40px; font-size:14px;}
.sale_sorting li label span:before {display:none;}
.sale_sorting li label input:checked + span {background:#0c4ca3; color:#fff; border-color:#0c4ca3;}
.sale_sorting .toggle_sort {width:100%; padding:16px 0; text-align:center; font-size:12px;}
.sale_sorting .toggle_sort span {display:inline-block; margin-left:7px;}
.sale_sorting.active {padding:20px 20px 0;}
.sale_sorting.active ul {display:block;}

.finder_map {position:relative; overflow:hidden; width:100%; height:400px;}
.finder_card {position:absolute; width:220px; height:75px; background:#fff; border-radius:10px; box-shadow:7px 7px 10px 0 rgba(0,0,0,.4);}
.finder_card:after {content:''; display:block; position:absolute; top:75px; left:50%; width:18px; height:14px; margin-left:-9px; background:url(/common/images/common/common.png) no-repeat -300px -120px;}
.finder_card_image {position:absolute; top:0; left:0; width:294px; height:100%; border-radius:10px 0 0 10px; overflow:hidden;}
.finder_card_image img {width:100%; height:100%;}
.finder_card .card_label {top:20px; left:-17px; z-index:10;}
.finder_card_description {padding:20px 40px 0 58px;}
.finder_card_description a {display:block; line-height:1.2; word-break: keep-all; word-wrap: break-word; white-space:normal; font-weight:700;}
.finder_card_description li {position:relative; min-height:19px; padding-left:55px; margin-bottom:6px; color:#222; font-size:14px; line-height:1.4;}
.finder_card_description li em {position:absolute; top:0; left:0; display:inline-block; width:55px; font-weight:700; font-size:13px; color:#666;}
.finder_card_description li .progress {top:5px;}
.finder_card .icon_star {position:absolute; bottom:20px; right:20px;}
.finder_card .btn_close {position:absolute; top:10px; right:10px; width:13px; height:13px;}
.finder_card .btn_close:before,
.finder_card .btn_close:after {width:17px; height:1px; top:6px;}

.complex_introduction {position:relative; margin-bottom:20px;}
.complex_introduction .prev_page {display:block; position:absolute; top:-70px; left:0; padding:25px; z-index:100;}
.complex_introduction .prev_page.deactive {z-index:0;}
.complex_introduction .prev_page span {display:block; height:0; text-indent:-9999px; overflow:hidden; white-space:nowrap;}
.complex_introduction .prev_page:before {content:''; display:block; width:11px; height:20px; background:url(/common/images/common/common.png) no-repeat -125px -110px; background-size:250px;}
.complex_introduction_bg {background:#6f7283; padding-top:70px; margin-top:-70px;}
.complex_introduction_bg > .inner {margin:0 auto; height:130px; padding-top:45px; position:relative; color:#fff;}
.complex_introduction .complex_introduction_bg {position:relative; min-height:200px; padding-top:53.3333333333333%; height:0; background-repeat:no-repeat; background-position:50% 0; background-size:100% 100%;}
.complex_introduction .complex_introduction_bg > .inner {position:absolute; top:70px; bottom:0; width:100%; height:auto;}
.complex_introduction.only_title .complex_introduction_bg {padding-top:40%; min-height:100px;}
.complex_introduction.only_title .complex_introduction_bg > .inner {padding-top:0;}
.complex_introduction h2 {text-align:center; font-size:20px; line-height:1;}
.complex_introduction_status {position:absolute; left:50%; top:0; margin-left:-22px;}
.complex_introduction_status .card_label {position:relative;}
.complex_introduction_status .call_number {font-weight:700;}
.complex_introduction_status .call_number em {margin-right:8px; font-size:14px;}
.complex_introduction_link {position:absolute; bottom:25px; right:25px;}
.complex_introduction_link .icon_star {display:inline-block;}
.complex_introduction_link .icon_more {display:inline-block; width:23px; height:23px; white-space:nowrap; text-align:center; margin-left:15px;}
.complex_introduction_link .icon_more span {display:inline-block; text-indent:-9999px; overflow:hidden; width:4px; height:4px; background:#fff; border-radius:50%; margin:0 3px;}
.complex_introduction_link .icon_more:before,
.complex_introduction_link .icon_more:after {content:''; display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%;}
.complex_introduction_link .icon_close {display:inline-block; width:23px; height:23px; margin-left:15px;}
.complex_introduction_link .icon_close:before,
.complex_introduction_link .icon_close:after {width:19px; top:10px; left:2px; background:#c0c1c5;}
.complex_introduction_link ul {display:none; position:absolute; top:35px; right:-10px; z-index:10; padding:10px 0; background:#fff; border-radius:10px; box-shadow:3px 4px 5px 0 rgba(0,0,0,.3);}
.complex_introduction_link ul.active {display:inline-block;}
.complex_introduction_link li a {display:block; padding:5px 15px; font-size:12px; line-height:1; color:#222; white-space:nowrap;}
.complex_introduction_link li:nth-child(4) a:hover {color:transparent;}
.complex_introduction_link li a:before {content:''; display:inline-block; width:16px; height:16px; margin-right:8px; background:url(/common/images/common/common.png) no-repeat 50% 100%; vertical-align:middle; background-size:250px;}
.complex_introduction_link li:nth-child(1) a:before {background-position:-203px 0;}
.complex_introduction_link li:nth-child(2) a:before {background-position:-180px -58px;}
.complex_introduction_link li:nth-child(3) a:before {background-position:-202px -59px;}
.complex_introduction_link li:nth-child(4) a:before {background-position:-227px -58px;}
.complex_introduction_link.show_txt li:nth-child(2) a:before,
.complex_introduction_link.show_txt li:nth-child(3) a:before {background-position:-180px -85px;}
.complex_introduction_nav ul {height:60px; padding:0 10px; background:#2c2f40; text-align:center; white-space:nowrap; overflow-x:auto;}
.complex_introduction_nav li {display:inline-block; height:100%; padding:0 14px;}
.complex_introduction_nav li:last-child {margin-right:0;}
.complex_introduction_nav li a {display:block; height:calc(100% - 1px); padding-top:18px; color:#eee; font-size:16px;}
.complex_introduction_nav li.active a {border-bottom:2px solid #fff; color:#fff; font-weight:700;}
.complex_introduction_select {border-bottom:1px solid #044ba4;}
.complex_introduction_select select {padding-left:25px; border:none; color:#044ba4; font-weight:700; font-size:16px;}

.complex_introduction .tab_wrap > ul > li {position:static; width:100%; display:none;}
.complex_introduction .tab_wrap > ul > li.active {display:block;}
.complex_introduction .tab_wrap .dropdown {overflow:hidden; padding:0 20px;}
.complex_introduction .tab_wrap .dropdown li {float:left; display:block; margin-top:15px;}
.complex_introduction .tab_wrap .dropdown li a {font-size:14px;}
.complex_introduction .tab_wrap .dropdown > li:after {margin:0 17px 0 20px;}

.complex_map {position:relative; width:100%; height:450px; padding:0 20px; overflow:hidden;}
.complex_map .marker {width:44px;}

.view_complex_list {position:absolute; bottom:0; left:0; width:100%; text-align:center; height:90px; padding-top:32px; border-top:1px solid #ddd;}
.view_complex_list a {display:inline-block; color:#000; font-weight:700; font-size:16px; line-height:1;}
.view_complex_list a:before {content:''; display:inline-block; width:22px; height:20px; margin-right:10px; background:url(/common/images/common/common.png) no-repeat -50px -85px; background-size:250px; overflow:hidden; vertical-align:-5px;}

.ad_recruit {padding:30px 0; text-align:center; border:none;}
.ad_recruit p {margin-bottom:15px; line-height:1.5;}
.ad_recruit a {display:inline-block; height:40px; line-height:40px; padding:0 15px; margin:0 1px; border:1px solid #999; font-size:12px; font-weight:700;}

.size_info_list li {margin-bottom:15px;}
.size_info_list strong {display:block;}
.size_info_list p {margin-bottom:5px;}
.size_info_list p em {font-weight:700;}

.complex_feature_outer {overflow:hidden; height:330px; background:url(/common/images/sale/bg_complex_feature.jpg) repeat-x 100% 0; background-size:auto 100%;}
.complex_feature_outer .central_title {color:#fff;}
.complex_feature .swiper-container {padding-bottom:50px;}
.complex_feature .swiper-slide {width:224px;}
.complex_feature_text {display:flex; align-items:center; justify-content:center; position:relative; height:161px; background:#fff; text-align:center; vertical-align:middle; line-height:1.5; font-size:22px; /*box-shadow:0 7px 17px rgba(0,0,0,.4);*/}
.complex_feature_text .small_txt {font-size:18px;}
.complex_feature li:nth-child(1) {left:0;}
.complex_feature li:nth-child(2) {left:-20px;}
.complex_feature li:nth-child(3) {left:-40px;}
.complex_feature li:nth-child(4) {left:-60px;}
.complex_feature li:nth-child(2),
.complex_feature li:nth-child(4) {top:20px;}

.complex_feature_outer + .overview_business_outer {margin:0; padding:0; width:auto;}
.complex_feature_outer + .overview_business_outer .central_title {margin-top:120px;}

.complex_introduction.main .complex_introduction_bg {padding-top:101.3333333333333%;}

.subscription_guide .headline {margin-bottom:25px; font-size:18px; text-align:center; line-height:1.5;}
.guide_process li {margin-bottom:5px; background:#eef5f9;}
.guide_process li img {width:100%; max-width:375px;}
.guide_process li:last-child {margin-bottom:0;}

.sale_calendar_head {padding-top:15px;}
.sale_calendar_head strong {display:block; text-align:center; font-size:12px;}
.sale_calendar_head strong span {display:block; margin-bottom:7px; font-size:35px; font-weight:400; line-height:1;}
.sale_calendar_head button {position:absolute; top:22px; color:#999; font-weight:700;}
.sale_calendar_head button.prev:before,
.sale_calendar_head button.next:after {content:''; display:inline-block; width:25px; height:21px; background:url(/common/images/common/common.png) no-repeat; background-size:250px; vertical-align:-5px;}
.sale_calendar_head button.prev {left:20px;}
.sale_calendar_head button.prev:before {background-position:0 -100px; margin-right:10px;}
.sale_calendar_head button.next {right:20px;}
.sale_calendar_head button.next:after {background-position:0 -135px; margin-left:10px;}
.sale_calendar_contents {margin-top:30px; border-bottom:1px solid #ddd;}
.sale_calendar_contents ul {overflow:hidden; margin-left:-20px;}
.sale_calendar_contents li {position:relative; min-height:50px; padding:17px 20px 17px 98px; border-top:1px solid #ddd; background:#f7f7f7; line-height:1;}
.sale_calendar_contents strong {display:inline-block; position:absolute; left:30px; color:#666; font-size:12px; white-space:nowrap;}
.sale_calendar_contents strong span {display:inline-block; width:20px; text-align:center; font-size:14px; margin-right:5px; vertical-align:middle;}
.sale_calendar_contents strong:after {content:''; position:absolute; right:-15px; width:1px; height:15px; background:#ddd;}
.sale_calendar_contents a {display:block; position:relative; min-height:29px; padding-top:5px; padding-right:75px; margin-top:-5px; font-weight:700; line-height:1.3; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sale_calendar_contents a + a {margin-top:6px;}
.sale_calendar_contents a .card_label {top:0; right:9px;}
.sale_calendar_contents li.active {padding-top:21px; padding-bottom:16px; border-color:#999; border-bottom:1px solid #999; background:#fff;}
.sale_calendar_contents li.active + li {border-top:none;}

.field_inquiry {padding:0 20px;}
.field_inquiry li {position:relative; padding-left:123px; margin-bottom:10px;}
.field_inquiry .radio {position:absolute; top:50%; left:20px; height:23px; margin-top:-12px;}
.field_inquiry .radio input[type='radio'] {width:23px; height:23px;}
.field_inquiry .radio > span {height:23px; line-height:23px; padding-left:33px; font-weight:700; font-size:14px;}
.field_inquiry .radio > span:before {width:23px; height:23px; background-position:-55px -123px; background-size:280px;}
.field_inquiry .radio > input[type='radio']:checked + span:before {background-position:-94px -123px;}
.field_inquiry p {color:#666; font-size:12px; word-break:keep-all; word-wrap:break-word;}

.move_guide h3 {margin-bottom:15px; font-size:18px; font-weight:400;}
.move_guide_list {padding:0 20px;}
.move_guide_list > li {padding:30px 0; border-bottom:1px solid #ddd;}
.move_guide_list > li:first-child {padding-top:0;}
.move_guide_list > li.last {width:100%; padding-right:0; border-bottom:none;}
.move_guide_list > li.last li {margin-bottom:5px;}
.move_guide_list > li.last .gray_box {padding:20px; margin-bottom:10px;}
.move_guide_list > li.last .gray_box > strong {display:block; margin-bottom:10px;}
.move_guide_list > li.last .gray_box li {font-size:12px;}
.move_guide_list > li.last .gray_box li:before {top:6px;}

.gallery-top-outer {position:relative; margin:50px auto 0;}
.gallery-alt {position:absolute; top:-44px; left:0; display:block; width:100%; font-weight:700; text-align:center; line-height:1;}
.gallery-top-outer .swiper-container {width:100%; height:300px; margin-left:auto; margin-right:auto;}
.gallery-top-outer .swiper-slide {background-size:contain; background-repeat:no-repeat; background-position:50% 50%; background-color:#000;}
.gallery-top-outer .gallery-top {padding-top:44px; margin-bottom:1px;}
.gallery-top-outer .swiper-button-prev,
.gallery-top-outer .swiper-button-next {position:absolute; top:50%; margin-top:0; width:45px; height:45px; background:rgba(0,0,0,.2); z-index:10;}
.gallery-top-outer .swiper-button-prev {left:0;}
.gallery-top-outer .swiper-button-next {right:0;}
.gallery-top-outer .swiper-button-prev:after,
.gallery-top-outer .swiper-button-next:after {content:''; position:absolute; top:50%; margin-top:-9px; height:16px; width:16px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); bottom: 0; background:none; }
.gallery-top-outer .swiper-button-prev:after {right:9px;}
.gallery-top-outer .swiper-button-next:after {left:9px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.gallery-thumbs-outer .gallery-thumbs {height:70px; box-sizing:border-box;}
.gallery-thumbs-outer {position:relative; margin:0 auto;}
.gallery-thumbs-outer .gallery-thumbs .swiper-wrapper {margin:0 auto; background:url(/common/images/common/default_thumbnail.png) repeat-x; background-size:20% 100%;}
.gallery-thumbs-outer .gallery-thumbs .swiper-slide {height:100%; background-size:cover;}
.gallery-thumbs-outer .gallery-thumbs .swiper-slide:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.4;}
.gallery-thumbs-outer .gallery-thumbs .swiper-slide-thumb-active:after {display:none;}
.gallery-thumbs-outer .swiper-button-prev,
.gallery-thumbs-outer .swiper-button-next {height:10px; width:10px; display: block; margin-top:-5px; border: 2px solid #000; border-left-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); bottom: 0; background:none; z-index:10;}
.gallery-thumbs-outer .swiper-button-prev {left:-26px;}
.gallery-thumbs-outer .swiper-button-next {right:-26px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}

.working_info {margin-bottom:50px; padding:0 20px;}
.working_info_top {position:relative;}
.working_info_top strong {display:block; margin-top:50px; text-align:center; font-size:12px;}
.working_info_top strong span {display:block; margin-bottom:5px; font-size:35px; font-weight:400; line-height:1;}
.working_info_description {margin-top:30px;}
.working_info_description > .box {position:relative; background:#fff; box-shadow:0 20px 40px -20px rgba(0,0,0,.5);}
.working_info_description .working_total_rate {padding:0;}
.working_info_description .circle_chart {position:relative; margin-top:40px;}
.working_info_description .circle_chart > strong {position:absolute; top:42px; left:0; width:100%; display:block; text-align:center; font-size:16px; line-height:1; z-index:1;}
.working_info_description .circle {position:relative; width:160px; height:160px; margin:0 auto;}
.working_info_description .circle_strong {display:block; position:absolute; top:10px; left:10px; width:140px; height:140px; padding-top:17px; text-indent:15px; border-radius:50%; background:#fff; font-size:48px; line-height:140px; text-align:center; box-shadow:0 20px 30px 0 rgba(0, 0, 0, 0.35);}
.working_info_description .circle_strong i {font-size:13px; margin-left:2px; font-weight:700;}
.working_rate_description {height:97px; margin:25px 0; padding-top:30px; background:#0c4ca3; color:#fff; font-size:14px;}
.working_rate_description ul {padding:0 4px; text-align:center;}
.working_rate_description li {float:left; width:33.3333333%; line-height:1; border-right:1px solid rgba(255,255,255,.1);}
.working_rate_description li:last-child {border-right:none;}
.working_rate_description li em {display:block; margin-bottom:12px; font-size:12px;}

.working_rate {margin-top:40px; padding:0 13px;}
.working_rate ul {overflow:hidden;}
.working_rate li {float:left; width:50%; padding:0 12px; margin-bottom:40px;}
.working_rate strong {display:block; margin-bottom:15px; font-weight:700; line-height:1;}
.working_rate em {display:block; font-size:12px; line-height:1; font-weight:700;}
.working_rate em span {margin-right:5px; font-size:22px;}
.working_rate .progress {height:4px; margin-top:20px;}
.working_rate .progress .bar {background:#0c4ca3; animation: move 2s linear infinite;}

.staff_report {padding-right:0;color:#000;}
.staff_report ul {overflow-y:auto; height:238px; padding-right:30px;}
.staff_report strong {display:block; margin-bottom:15px;}
.staff_report em {display:block;}
.staff_report p {padding-left:15px;}
.staff_report .scroll-wrapper {max-height:240px;}
.staff_report .scrollbar-inner > .scroll-element.scroll-y {width:5px; right:10px;}
.staff_report .scrollbar-inner > .scroll-element .scroll-element_track {background:none;}
.staff_report .scrollbar-inner > .scroll-element .scroll-bar {background-color:#bfc0c9; opacity:1;}

.working_info_bg {background:#f7f7f7; position:absolute; top:-135px; left:0; width:100%; height:1050px; z-index:-1;}

.working_video {margin-bottom:100px;}
.working_video .video_plyer {margin:0 auto; background:url(/common/images/field/bg_video.jpg) no-repeat 50% 100%; background-size:cover;}

.join_signboard {margin-bottom:40px;}
.join_signboard ul {overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f7f7;}
.join_signboard li {display:flex; align-items:center; justify-content:center; position:relative; float:left; width:18%; height:70px; border-right:1px solid #ddd; font-size:13px; line-height:1;}
.join_signboard li:last-child {border-right:none;}
.join_signboard em {display:block; font-size:9px; text-transform:uppercase;}
.join_signboard em span {display:block; margin-top:3px; font-size:20px;}
.join_signboard p {display:none; color:#b7bbd0; line-height:1.4; margin-top:-3px;}
.join_signboard p span {display:inline-block; text-align:left;}
.join_signboard li.active {width:46%; padding-left:50px; background:#2c2f40; color:#fff;}
.join_signboard li.active em {position:absolute; top:20px; left:25px;}
.join_signboard li.active p {display:block;}

.select_certification {padding:0 20px;}
.select_certification li {padding:35px 0 30px 30px; border:1px solid #ddd; margin-bottom:15px;}
.select_certification .inner {position:relative; padding-left:88px;}
.select_certification img {position:absolute; top:50%; left:-10px; transform:translateY(-50%); width:81px;}
.select_certification strong {margin-bottom:12px; line-height:1; padding-right:10px;}
.select_certification .icon_arrow {border-width:4px; border-left-color:#222; vertical-align:0;}
.select_certification .icon_arrow:after {left:-5px; margin-top:-4px; border-width:4px;}
.select_certification p {color:#666; font-size:12px; padding-right:25px;}
.select_certification input[type=text] {margin-top:25px;}
.select_certification .btn {width:100%; margin-top:5px;}

.certification_guide {margin-top:30px; border:none;}
.certification_guide dl {position:relative;}
.certification_guide dt {margin-bottom:10px; font-weight:700;}
.certification_guide dd {margin-bottom:10px; font-size:13px;}

.advice_note.final_join {margin:75px 0; padding-top:40px; background:url(/common/images/common/logo02.png) no-repeat 50% 0; background-size:110px;}
.advice_note.final_join .advice_note_headline {font-size:25px; line-height:1.4;}

.gray_box.view_myid {margin-top:15px; text-align:center; padding:70px 0; font-size:16px;}
.reset_password_guide.gray_box {padding-top:20px; padding-bottom:10px; margin:15px 0; font-size:14px;}
.reset_password_guide li {margin-bottom:10px; font-size:12px;}

.login_visual {height:250px; padding-top:35px; background:url(/common/images/member/login_visual.jpg) no-repeat 50% 0; background-size:cover; text-align:center;}
.login_visual h3 {margin-bottom:10px; font-size:18px;}
.login {background:#fff; margin:-57px 20px 0;}
.login > .inner {margin:0 auto; padding:30px;}
.login_form input[type=text],
.login_form input[type=password] {margin-bottom:5px;}
.login_form button {display:block; width:100%; height:40px; line-height:40px; background:#222; color:#fff;}
.login_form button:hover {background:#000;}
.login_form .checkbox {margin-top:15px;}
.login_form .checkbox span {font-weight:700; color:#000;}
.login .find_user {overflow:hidden; margin-top:25px;}
.login .find_user li {position:relative; float:left; display:block; width:50%;}
.login .find_user a {display:block; color:#222; text-align:center; line-height:1;}
.login .find_user li:after {position:absolute; top:0; right:0; content:''; display:inline-block; width:1px; height:16px; background:#dfdfdf; vertical-align:middle;}
.login .find_user li:last-child:after {display:none;}
.induce_join {position:relative; padding-bottom:66px; margin:50px 20px 0; padding-top:40px; border-top:1px solid #ddd;}
.induce_join strong {display:block; margin-bottom:10px; line-height:1;}
.induce_join p {font-size:12px; color:#666;}
.induce_join a {position:absolute; bottom:0; left:50%; transform:translateX(-50%)}

.clause {color:#666; font-size:12px;}
.clause > section {position:relative; padding:30px 20px 40px;}
.clause > section:after {content:''; display:block; position:absolute; bottom:0; width:100%; height:10px; margin:0 -20px; box-shadow:inset 0 8px 10px 0 rgba(0,0,0,.05); background-color:#eee;}
.clause h3 {font-size:16px; line-height:1; margin-bottom:20px; color:#222;}
.clause h4 {color:#666; font-size:12px;}
.clause_contents > .inner {min-height:65px; overflow-y:auto;}
.clause_contents .table_wrap {margin:10px 0 20px; padding:0;}
.clause_contents .table_wrap table {border-top:1px solid #999; font-size:11px;}
.clause_contents .table_wrap th,
.clause_contents .table_wrap td {padding:15px 10px; border-color:#ddd; color:#666; vertical-align:top;}
.clause_contents .table_wrap th {font-weight:400;}
.clause_contents .table_wrap td {border-left:1px solid #ddd;}
.clause_contents .table_wrap tr:last-child th,
.clause_contents .table_wrap tr:last-child td {border-bottom-color:#ddd;}
.clause_form {padding-top:20px; margin-top:15px; border-top:1px solid #ddd; color:#222;}
.clause_form.borderless {padding-top:0; margin-top:0; border-top:none;}
.clause_form p {margin-bottom:15px;}
.clause_form .radio {margin-right:20px;}
@media (max-width: 320px) {
    .clause_form .radio {margin-right:5px;}
}
.clause_form .radio em {font-size:12px;}

.video_top {margin-bottom:40px;}
.video_area {position:relative; width:100%; padding-top:56%; height:0; background:#000;}
.video_area > iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_description {padding:26px 20px 0; border-bottom:1px solid #ddd; color:#666;}
.video_description h3 {position:relative; margin-bottom:26px; font-size:16px; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:30px;}
.video_description .toggle_description {position:absolute; top:7px; right:0; width:20px; height:10px; background:url(/common/images/common/common.png) no-repeat -150px -110px; background-size:250px; text-indent:-9999px; overflow:hidden;}
.video_description .scroll {display:none; overflow-y:auto; height:161px; margin-bottom:30px;}
.video_description.active .toggle_description {background-position:-180px -110px;}
.video_description.active .scroll {display:block;}
.video_area video {position:absolute; top:0; left:0;}

.video_list ul {overflow:hidden; padding:0 14px;}
.video_list li {float:left; width:50%; padding:0 6px; margin-bottom:25px; font-size:12px;}
.video_list_content {overflow:hidden; height:70px; padding-top:10px;}
.video_list p {display:block; overflow:hidden; max-height:36px; margin-bottom:5px;}
.video_list span {font-size:12px; color:#666;}

.table-row .row > div.th .icon_hint {position:absolute; top:6px; right:0;}
.table-row .row > div.td.id span,
.table-row .row > div.td.password span {display:block; margin-top:5px; font-size:12px; color:#666;}
.table-row .row > div.td.phone select {width:30%;}
.table-row .row > div.td.phone input[type=text], .table-row .row > div.td.phone input[type=tel] {width:calc(35% - 5px); margin-left:5px;}
.table-row .row > div.td.address p {margin:12px 0; font-size:14px;}
.table-row .row > div.td.address .radio {margin-right:20px;}
.table-row .row > div.td.mail input[type=text]:nth-child(1) {width:calc(100% - 177px);}
.table-row .row > div.td.mail input[type=text]:nth-child(3) {width:158px;}
.table-row .row > div.td.mail select {margin-top:5px;}
.table-row .row > div.td.mail span {display:inline-block; margin:0 3px; font-size:13px; vertical-align:middle;}
.table-row .row > div.td.member ul {margin-top:10px; padding:15px 0; border:1px solid #ddd;}
.table-row .row > div.td.member ul li {margin:10px 0; font-size:12px; font-weight:700; text-align:center;}
.table-row .row > div.td.apt input[type=tel],
.table-row .row > div.td.apt input[type=text]{width: 40%; margin-right: 6px; margin-top: 5px;}
.table-row .row > div.td.apt input[type=tel].last,
.table-row .row > div.td.apt input[type=text].last {margin-left: 10px;}
.table-row .row > div.td.apt span {vertical-align: middle;}

.tooltip_address {position:absolute; right:0;}

.policy_description {padding:20px;}
.policy_description:first-child {padding-top:0;}
.policy_description h3 {margin-bottom:10px; font-size:16px;}
.policy_description ul li {position:relative; padding-left:10px;}
.policy_description ul li:before {content:'-'; position:absolute; top:0; left:0;}

.block_mail_address {padding:100px 30px; background:#f6f6f6; text-align:center;}
.block_mail_address strong {display:block; padding-top:88px; margin-bottom:10px; font-size:22px; font-weight:400; background:url(/common/images/common/ico_mail.png) no-repeat 50% 0; background-size:67px;}

.brand_switzen_visual {margin-bottom:35px;}
.brand_switzen_contents {margin-bottom:60px; padding:0 20px; text-align:center; word-break: keep-all; word-wrap: break-word;}
.brand_switzen_contents:last-child {margin-bottom:30px;}
.brand_switzen_contents h3 {margin-bottom:20px; font-size:18px; font-weight:400; color:#171717;}
.brand_switzen_description {padding:30px 0;}
.brand_switzen_description > .inner strong {display:block; margin-bottom:15px; font-size:18px; color:#020202; line-height:1;}
.brand_switzen_description > .inner strong em {display:block; margin-bottom:15px; font-size:40px; color:#3d7bc7;}
.brand_switzen_description > .inner strong .small_txt {display:block; margin-top:10px; color:#222; font-size:10px; font-weight:700;}
.brand_switzen_description > .inner > p {margin-bottom:25px;}

.brand_story_contents {padding:35px 20px 50px; word-break: keep-all; word-wrap: break-word;}
.brand_story_contents h3 {margin-bottom:15px; font-size:18px; text-align:center;}
.brand_story_contents > p {margin-bottom:35px; text-align:center;}
.brand_story_description li {position:relative; min-height:48px; padding-left:148px; margin-bottom:30px;}
.brand_story_description img {position:absolute; top:0; left:0; width:128px;}
.brand_story_description p {font-size:12px;}
.brand_story_description p strong {display:block; margin-bottom:5px; font-size:14px; color:#140000;}
.brand_story.welltz .brand_story_description li {display:flex; align-items:center; min-height:60px; padding-left:179px; margin-bottom:20px;}
.brand_story.welltz .brand_story_description img {width:160px;}
.brand_story.welltz .brand_story_description p {font-weight:700;}

.about_bi {padding:0 20px; text-align:center;}
.about_bi_logo {margin:90px 0;}
.about_bi_logo > img {width:168px;}
.about_bi_contents {margin:50px 0;}
.about_bi_title {text-transform:uppercase; color:#999; font-size:10px; line-height:1;}
.about_bi_title strong {display:block; margin-bottom:10px; font-size:18px; font-weight:400; color:#222;}
.about_bi_description {margin-top:20px; text-align:left;}
.about_bi_description em {display:block; margin:20px 0 10px; font-size:12px; font-weight:700; color:#666; line-height:1; text-transform:uppercase;}
.about_bi.welltz .about_bi_logo > img {width:91px;}

/* popup */
.pop_payment_guide > p {margin:20px 0 40px; text-align:center;}
.pop_payment_guide > p span {display:block; margin-bottom:10px; font-size:18px; font-weight:700;}
.pop_payment_guide > strong {display:block; margin-bottom:5px; font-size:12px;}
.pop_payment_guide li {padding:12px 15px; margin-bottom: 2px; background-color:#f6f6f6;}

.pop_complex_location .body {padding:0;}
.pop_complex_location .map {width:100%; overflow:hidden;}
.pop_complex_location .description {position:relative; padding:20px 25px;}
.pop_complex_location .description strong {font-size:22px; display:block; margin-bottom:10px;}
.pop_complex_location .description li {position:relative; margin-bottom:10px; padding-left:60px; line-height:1.3;}
.pop_complex_location .description li em {position:absolute; top:1px; left:0; display:inline-block; width:70px; font-weight:700; font-size:14px; color:#666;}
.pop_complex_location .description .btn_close {position:absolute; bottom:40px; right:40px;}

.find_complex_title {display:block; margin:25px 0 7px;}
.find_complex_title:first-child {margin-top:0;}
.find_complex .tab_wrap {padding:0;}
.find_complex .tab_wrap > ul {overflow:visible;}
.find_complex .tab_wrap > ul > li {width:calc(25% - 3px); margin-left:0;}
.find_complex .tab_wrap > ul > li > a {width:100%; padding-left:0; padding-right:0; background:#f7f7f7; border-radius:5px;}
.find_complex .tab_wrap > ul > li.active > a {border-color:#2c2f40; background:#2c2f40; font-weight:400;}
.find_complex_list li {padding:12px 15px; border:1px solid #ddd; border-radius:5px; margin-bottom:5px; background-color:#f7f7f7;}
.find_complex_list li a {color:#666;}
.find_complex .no_data {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); width:100%; font-size:22px; text-align:center;}

.pop_change_address p {margin-bottom:10px; color:#000;}
.pop_change_address strong {display:block; margin-bottom:5px; font-size:12px;}
.pop_change_address ul {max-height:233px; overflow-y:auto;}
.pop_change_address li {padding:12px 15px; margin-bottom:2px; background-color:#f6f6f6;}

.pop_password_change {display:flex; justify-content:center;}