@charset "utf-8";

.so-find-wrap {min-height:calc(100vh - 50px); padding:50px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.so-find-wrap.bg1 {background-image:url("/images/shareoffice_bg1.jpg")}
.so-find-wrap.bg2 {background-image:url("/images/shareoffice_bg2.jpg")}
.so-find-wrap.bg3 {background-image:url("/images/shareoffice_bg3.jpg")}

.so-find-txt {color:#fff; font-size:18px; line-height:1.9em; letter-spacing:-.04em; margin:50px 0;}
.so-find-txt .inner {display:table; margin:0 auto;}
.so-find-txt .inner h3 {display:table-cell; vertical-align:middle; width:240px; font-size:28px; line-height:1.3em; letter-spacing:.2em;}
.so-find-txt .inner p {display:table-cell; vertical-align:middle;}

.so-partners {max-width:900px; margin:0 auto;}
.so-partners .swiper-slide {width:16.66666666%; padding:10px 15px;}
.so-partners .swiper-wrapper {flex-wrap:wrap;}
.so-partners .swiper-btn {display:none; position:absolute; top:50%; margin-top:-19px; overflow:hidden; text-indent:-999em; width:38px; height:38px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; outline:none;}
.so-partners .swiper-prev {left:0; background-image:url("../images/partner/slide_prev.png");}
.so-partners .swiper-next {right:0; background-image:url("../images/partner/slide_next.png");}
.so-partners .swiper-prev:hover {background-image:url("../images/partner/slide_prev_on.png");}
.so-partners .swiper-next:hover {background-image:url("../images/partner/slide_next_on.png");}

.so-find-txt2 {text-align:center; color:#fff; font-size:20px; line-height:1.9em; letter-spacing:-.04em; margin:40px 0 30px;}
.so-find-txt2 strong {font-size:30px; line-height:1em; margin:0 10px;}

.so-find-txt3 {text-align:center; color:#fff; font-size:16px; font-weight:500; line-height:1.9em; letter-spacing:-.02em; margin-bottom:20px;}

.btn-find-start {display:inline-block; width:180px; line-height:54px; font-size:22px; font-weight:500; color:#f26725; border:3px solid #f26725; border-radius:30px; transition:.2s;}
.btn-find-start:hover {color:#fff; background:#f26725;}

.so-find-step {text-align:center; margin-top:50px;}
.so-find-step ul {display:table; width:100%; height:60px; table-layout:fixed;}
.so-find-step ul li {display:table-cell; vertical-align:middle; color:#bbb; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.04em; border:1px solid #505050; border-left:0; background:#505050;}
.so-find-step ul li:first-child {border-left:1px solid #505050; border-radius:5px 0 0 0;}
.so-find-step ul li:last-child {border-radius:0 5px 0 0;}
.so-find-step ul li .step {font-size:13px; margin-right:12px; letter-spacing:0;}
.so-find-step ul li.active {background:#f26725; color:#fff; border-color:#f26725;}
.so-find-step ul li.active ~ li {background:#fafafa; color:#232323; border-color:#dfdfdf;}
.so-find-step ul li.active ~ li .step {color:#005065;}
.so-find-step + .so-find-cont {border-radius:0 0 5px 5px; border-top:0;}

.so-find-cont {min-height:585px; padding:60px; text-align:center; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.so-find-cont .buttons {margin-bottom:0; margin-top:20px;}
.so-find-cont .btn-pack.medium {min-width:120px; height:50px; line-height:48px; font-size:18px; font-weight:500; border-radius:50px;}
.so-find-cont .btn-pack.dark {background:#666; border-color:#666;}
.so-find-cont .rs-txt {text-align:center; color:#2c2c2c; font-size:21px; line-height:1.6em; letter-spacing:-.04em; margin-bottom:34px;}
.so-find-cont .rs-table {max-width:980px; height:347px; overflow:auto; margin:0 auto 40px;}
.so-find-cont .rs-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #1e6375; color:#505050; font-size:16px; line-height:1.7em; letter-spacing:-.04em;}
.so-find-cont .rs-table th {width:150px; padding:11px 10px; font-weight:500; background:#fafafa; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.so-find-cont .rs-table td {text-align:left; padding:11px 19px; border-bottom:1px solid #dfdfdf;}

.so-find-tit {color:#232323; font-size:21px; line-height:1.6em; letter-spacing:-.04em; margin-bottom:40px;}
.so-find-tit .num {display:inline-block; vertical-align:middle; margin:-.2em 16px 0 0; width:50px; text-align:center; color:#fff; font-size:22px; font-weight:500; line-height:50px; background:#1e6375; border-radius:100%;}

.so-find-select {max-width:720px; min-height:250px; margin:0 auto 40px;}
.so-find-select .checkbox {position:relative; display:inline-block; vertical-align:top; margin:0 4px 20px; color:#505050; font-size:16px; line-height:1.5em; letter-spacing:-.04em; overflow:hidden;}
.so-find-select .checkbox input {position:absolute; z-index:-1; width:0; height:0;}
.so-find-select .checkbox label {position:relative; display:block; padding:19px; background:#fff; border:1px solid #dfdfdf; border-radius:5px; cursor:pointer;}
.so-find-select .checkbox label:before {content:""; display:inline-block; width:18px; height:18px; background:#fafafa; border:1px solid #ccc; border-radius:3px; vertical-align:middle; margin:-.2em 9px 0 0;}
.so-find-select .checkbox input:checked + label:before {background:#f75252 url("../images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#f75252;}
.so-find-select .checkbox input:checked + label:after {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:3px solid #f26725; border-radius:5px;}

.so-find-select-number {color:#232323; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.so-find-select-number strong {color:#f26725}

.so-find-form {max-width:960px; margin:0 auto 40px;}
.so-find-form table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; border-top:2px solid #1e6375; color:#505050; font-size:16px; line-height:1.7em; letter-spacing:-.04em; margin-bottom:40px;}
.so-find-form th {width:150px; padding:10px; font-weight:500; background:#fafafa; border:1px solid #dfdfdf;}
.so-find-form td {padding:10px; border:1px solid #dfdfdf; text-align:left;}
.so-find-form tr th:first-child,
.so-find-form tr td:first-child {border-left:0;}
.so-find-form tr th:last-child,
.so-find-form tr td:last-child {border-right:0;}
.so-find-form .form-control {height:40px; border-radius:3px;}
.so-find-form .form-control:focus {border-color:#ccc; background:#fafafa; color:#505050; font-weight:500;}
.so-find-form .checkbox {position:relative; display:inline-block; vertical-align:middle; color:#505050; font-size:14px; line-height:1.5em; letter-spacing:-.04em; overflow:hidden;}
.so-find-form .checkbox input {position:absolute; z-index:-1; width:0; height:0;}
.so-find-form .checkbox label {position:relative; display:block; cursor:pointer;}
.so-find-form .checkbox label:before {content:""; display:inline-block; width:18px; height:18px; background:#fafafa; border:1px solid #ccc; border-radius:3px; vertical-align:middle; margin:-.2em 7px 0 0;}
.so-find-form .checkbox input:checked + label:before {background:#f75252 url("../images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#f75252;}
.so-find-form .link {color:#1e6375; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.so-find-form .link:hover {text-decoration:underline;}

.so-app-wrap {min-height:calc(100vh - 50px); padding:85px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.so-app-wrap.bg1 {background-image:url("/images/partner_bg1.jpg")}
.so-app-wrap.bg2 {background-image:url("/images/partner_bg2.jpg")}
.so-app-wrap.bg3 {background-image:url("/images/partner_bg3.jpg")}

.so-title {text-align:center; color:#f26725; font-size:48px; line-height:1.3em; letter-spacing:-.04em; margin-bottom:30px;}
.so-title span {color:#005065;}

.so-app-txt {text-align:center; color:#2c2c2c; font-size:18px; line-height:1.9em; letter-spacing:-.04em; margin-bottom:40px;}

.so-slider {position:relative; max-width:1020px; padding:0 75px; margin:0 auto 50px;}
.so-slider .swiper-btn {position:absolute; top:50%; margin-top:-19px; overflow:hidden; text-indent:-999em; width:38px; height:38px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; outline:none;}
.so-slider .swiper-prev {left:0; background-image:url("../images/partner/slide_prev.png");}
.so-slider .swiper-next {right:0; background-image:url("../images/partner/slide_next.png");}
.so-slider .swiper-prev:hover {background-image:url("../images/partner/slide_prev_on.png");}
.so-slider .swiper-next:hover {background-image:url("../images/partner/slide_next_on.png");}

.so-app-txt2 {text-align:center; color:#2c2c2c; font-size:20px; line-height:1.9em; letter-spacing:-.04em; margin-bottom:43px;}
.so-app-txt2 strong {font-size:30px; line-height:1em; margin:0 10px;}

.so-app-form {max-width:870px; margin:0 auto; padding:30px 39px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;} 
.so-app-form .form-group {margin:0 -9px;}
.so-app-form .form-group:after {content:""; display:block; clear:both;}
.so-app-form .col {padding:8px 9px;}
.so-app-form .col-1 {width:50%}
.so-app-form .col-2 {width:25%}
.so-app-form .col-3 {width:83%}
.so-app-form .col-4 {width:17%}
.so-app-form .col-5 {width:43%}
.so-app-form .form-control {display:block; height:40px; width:100%; border-radius:3px;}
.so-app-form .form-control:focus {border-color:#ccc; background:#fafafa; color:#505050; font-weight:500;}
.so-app-form textarea.form-control {height:96px; resize:none;}
.so-app-form .submit {display:block; width:100%; height:96px; border:3px solid #f26725; color:#f26725; font-size:22px; font-weight:500; border-radius:5px;}
.so-app-form .rs-txt {text-align:center; color:#2c2c2c; font-size:18px; line-height:1.9em; letter-spacing:-.04em; margin-bottom:25px;}
.so-app-form .rs-table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #1e6375; color:#505050; font-size:16px; line-height:1.7em; letter-spacing:-.04em; margin-bottom:40px;}
.so-app-form .rs-table th {width:150px; padding:11px 10px; font-weight:500; background:#fafafa; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.so-app-form .rs-table td {padding:11px 19px; border-bottom:1px solid #dfdfdf;}
.so-app-form .btn-pack.medium {min-width:120px; height:50px; line-height:48px; font-size:18px; font-weight:500; border-radius:50px;}

@media (max-width: 720px){
	.so-find-wrap {min-height:auto; padding:40px 0;}

	.so-title {font-size:24px; margin-bottom:20px;}

	.so-find-txt {margin-top:30px; font-size:12px; line-height:1.6em;}
	.so-find-txt .inner h3 {font-size:17px; width:133px;}
	.so-find-txt .inner p br {display:none;}

	.so-partners {position:relative; padding:0 20px;}
	.so-partners .swiper-wrapper {flex-wrap:inherit;}
	.so-partners .swiper-slide {padding:0;}
	.so-partners .swiper-btn {display:block; width:30px; height:30px; background-size:12px auto; margin-top:-15px;}
	.so-partners .swiper-prev {left:-15px;}
	.so-partners .swiper-next {right:-15px;}

	.so-find-txt2 {font-size:16px;}
	.so-find-txt2 strong {display:inline-block; font-size:20px; margin:0 4px;}

	.so-find-txt3 {font-size:14px;}

	.btn-find-start {width:160px; height:46px; font-size:18px; line-height:42px; border-width:2px;}

	.so-find-step {margin-top:0;}
	.so-find-step ul {height:50px;}
	.so-find-step ul li {font-size:13px;}
	.so-find-step ul li .step {display:block; margin:0; font-size:11px;}

	.so-find-cont {min-height:auto; padding:25px 18px 40px;}
	.so-find-cont .buttons {margin-top:15px;}
	.so-find-cont .btn-pack.medium {min-width:110px; height:44px; line-height:42px; font-size:16px;}
	.so-find-cont .rs-txt {font-size:14px; margin-bottom:20px;}
	.so-find-cont .rs-table {height:auto; margin-bottom:30px;}
	.so-find-cont .rs-table table {font-size:14px;}
	.so-find-cont .rs-table th {padding:10px; width:100px;}
	.so-find-cont .rs-table td {padding:10px;}

	.so-find-tit {position:relative; padding-left:40px; text-align:left; font-size:16px; line-height:1.5em; margin-bottom:20px;}
	.so-find-tit .num {position:absolute; top:2px; left:0; width:30px; line-height:30px; font-size:16px;}

	.so-find-select .checkbox {display:block; width:240px; margin:0 auto 6px; text-align:left;}
	.so-find-select .checkbox label {padding:12px 14px;}

	.so-find-form {margin-bottom:20px;}
	.so-find-form table {font-size:14px;}
	.so-find-form tr {display:flex; flex-wrap:wrap; justify-content:center;}
	.so-find-form th {display:block; width:90px; padding:12px 6px; vertical-align:middle; border:0; border-bottom:1px solid #dfdfdf;}
	.so-find-form td {display:block; width:calc(100% - 90px); padding:6px; border:0; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
	.so-find-form td.wide {width:100%;}
	.so-find-form .form-control {height:35px;}

	.so-app-wrap {min-height:auto; padding:40px 0;}

	.so-app-txt {font-size:14px; line-height:1.6em;}

	.so-slider {padding:0 20px; margin-bottom:40px;}
	.so-slider .swiper-btn {width:30px; height:30px; background-size:12px auto; margin-top:-15px;}
	.so-slider .swiper-prev {left:-15px;}
	.so-slider .swiper-next {right:-15px;}

	.so-app-txt2 {font-size:16px; margin-bottom:33px;}
	.so-app-txt2 strong {display:inline-block; font-size:20px; margin:0 4px;}

	.so-app-form {padding:14px 18px;}
	.so-app-form .form-group {margin:0;}
	.so-app-form .col {float:none; width:100% !important; padding:4px 0;}
	.so-app-form .form-control {height:35px;}
	.so-app-form .submit {height:50px; font-size:16px;}

	.so-app-form .rs-txt {font-size:14px; line-height:1.6em; margin-bottom:20px;}
	.so-app-form .rs-table {font-size:14px; margin-bottom:30px;}
	.so-app-form .rs-table th {padding:10px; width:100px;}
	.so-app-form .rs-table td {padding:10px;}
	.so-app-form .btn-pack.medium {min-width:110px; height:44px; line-height:42px; font-size:16px;}
 
}