/*join*/
@charset "utf-8";
.join-header {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-top:10px;margin-bottom:40px}
.join-header .sec-title {display:block;font-size:2.5rem;font-weight:500;letter-spacing:-0.05em;color:#222;padding:10px 0 0;text-align:center}
.cont-intro-guide-join {margin:0 auto;width:1230px}
.cont-intro-guide-join #main-section {padding-bottom:0}
.cont-intro-guide-join #main-section #main-section-body {margin-bottom:0}
.join-box {width:100%;padding-right:15px;padding-left:15px;background:#f5f6f8;z-index:-1}
.join-wr {position:relative;padding:50px 0}
.join-wr .join-top {position:relative;padding:0 0 0 350px;height:100%;margin:0 0 50px;min-height:110px}
.join-wr .join-top .tit {position:absolute;left:0;width:250px}
.join-wr .join-top .tit .ptit {font-size:1.875em;color:#222;margin:0 0 15px}
.join-wr .join-top .tit .stxt {font-size:1.375em;color:#05367b;margin:0;line-height:1.4}
.join-wr .join-top .txt p {font-size:17px;color:#555;line-height:1.875em;margin:0}
.join-wr .join-top .txt .info-txt01 {font-size:17px;margin:30px 0 0}
.join-wr .join-top .txt .info-txt01:before {top:7px}

.join-wr .join-info {position:relative;margin:0 0 80px}
.join-wr .join-info ul {overflow:hidden;font-size:0}
.join-wr .join-info ul li {position:relative;font-size:20px;width:25%;display:inline-block;padding:80px 0 40px;min-height:190px;vertical-align:top;text-align:center;color:#222;box-sizing:border-box}
.join-wr .join-info ul li:after {content:"";display:block;position:absolute;top:40px;left:0;right:0;margin:0 auto;width:32px;height:32px;background:url(/_res/kibo/_share/img/join_icon01.png) no-repeat 0 0;z-index:1}
.join-wr .join-info ul li:nth-child(2):after {background-position:-34px 0}
.join-wr .join-info ul li:nth-child(3):after {background-position:-68px 0}
.join-wr .join-info ul li:nth-child(4):after {background-position:-102px 0}
.join-wr .join-info ul li span {font-weight:600;display:block}
.join-wr .join-info ul li:nth-child(odd) {background:#fff}
.join-wr .join-info ul li:nth-child(even) {background:#e9ecf4}

.join-wr .join-link {position:relative;font-size:0}
.join-wr .join-link .link-box {position:relative;display:inline-block;box-sizing:border-box;width:33.3%;text-align:center;border-right:1px solid #ddd;padding:180px 5% 0;vertical-align:top}
.join-wr .join-link .link-box:after {content:"";display:block;position:absolute;top:0;left:0;right:0;margin:0 auto;width:150px;height:150px;background:url(/_res/kibo/_share/img/join_icon02.png) no-repeat 0 0;z-index:1}
.join-wr .join-link .link-box.num01:after {background-position:0 0}
.join-wr .join-link .link-box.num02:after {background-position:-152px 0}
.join-wr .join-link .link-box.num03:after {background-position:-305px 0}
.join-wr .join-link .link-box:last-child {border-right:0}
.join-wr .join-link .link-box .tit {font-size:23px;color:#222;font-weight:500}
.join-wr .join-link .link-box .txt {font-size:17px;color:#555;margin:20px 0 0;min-height:100px}
.join-wr .join-link .link-box a {font-size:16px;margin:30px 0 0}

@media all and (max-width:1250px){
  .join-wr .join-link .link-box {padding:180px 2% 0}
}
@media all and (max-width:992px){
  .join-header .sec-title {font-size:1.875rem;}
  .join-wr .join-top {padding:0 0 0 300px}
  .join-wr .join-top .tit {width:220px}

  .join-wr .join-info {margin:0 0 30px}
  .join-wr .join-info ul li {font-size:18px;padding:70px 0 30px;min-height:165px}
  .join-wr .join-info ul li:after {top:30px}
  .join-wr .join-top .tit .ptit {font-size:1.688em}
  .join-wr .join-top .tit .stxt {font-size:1.250em}
  .join-wr .join-top .txt p {font-size:16px}
  .join-wr .join-top .txt .info-txt01 {font-size:16px;margin:15px 0 0}

  .join-wr .join-link .link-box {display:block;width:100%;border-right:none;border-bottom:1px solid #ddd;padding:30px 0 30px 180px;text-align:left}
  .join-wr .join-link .link-box:after {top:30px;left:0;right:auto;margin:0 0;}
  .join-wr .join-link .link-box:last-child {border-bottom:0}
  .join-wr .join-link .link-box .tit {font-size:21px}
  .join-wr .join-link .link-box .txt {font-size:16px;margin:15px 0 0;min-height:auto}
  .join-wr .join-link .link-box a {font-size:15px;margin:20px 0 0}
}
@media all and (max-width:768px){
  .join-header .sec-title {font-size:1.688rem;}
  .join-wr .join-top {padding:0 0 0 0;margin: 0 0 30px}
  .join-wr .join-top .tit {position:relative;width:auto;margin:0 0 10px}
  .join-wr .join-top .tit .ptit {margin:0 0 10px;font-size:1.438em}
  .join-wr .join-top .tit .stxt {font-size:1.125em}
  .join-wr .join-top .txt p {font-size:15px}
  .join-wr .join-top .txt .info-txt01 {font-size:15px;margin:10px 0 0}
  .join-wr .join-top .txt .info-txt01:before {top:5px}

  .join-wr .join-info {margin:0 0 0}

  .join-wr .join-link .link-box {padding:20px 0 20px 150px}
  .join-wr .join-link .link-box:after {width:120px;height:120px;background-size:356px auto}
  .join-wr .join-link .link-box.num02:after {background-position:-118px 0}
  .join-wr .join-link .link-box.num03:after {background-position:-237px 0}
  .join-wr .join-link .link-box .tit {font-size:19px}
  .join-wr .join-link .link-box .txt {font-size:15px}
}
@media all and (max-width:576px){
 	.join-header .sec-title {font-size:1.438rem;}
  .join-wr .join-info ul li {width:50%;min-height:auto;font-size:16px;padding:50px 0 20px}
  .join-wr .join-info ul li:nth-child(1),
  .join-wr .join-info ul li:nth-child(4) {background:#fff}
  .join-wr .join-info ul li:nth-child(2),
  .join-wr .join-info ul li:nth-child(3) {background:#e9ecf4}
  .join-wr .join-info ul li:after {width:22px;height:22px;top:20px;background-size:94px auto}
  .join-wr .join-info ul li:nth-child(2):after {background-position:-24px 0}
  .join-wr .join-info ul li:nth-child(3):after {background-position:-48px 0}
  .join-wr .join-info ul li:nth-child(4):after {background-position:-71px 0}
  .join-wr .join-info ul li span {display:inline}

  .join-wr .join-link .link-box {padding:20px 0 20px 120px}
  .join-wr .join-link .link-box:after {width:90px;height:90px;background-size:273px auto}
  .join-wr .join-link .link-box.num02:after {background-position:-91px 0}
  .join-wr .join-link .link-box.num03:after {background-position:-183px 0}
  .join-wr .join-link .link-box .tit {font-size:17px}
  .join-wr .join-link .link-box .txt {font-size:14px}

  .join-wr .join-link .link-box a {font-size:14px}
}
@media all and (max-width:415px){
  .join-wr .join-info ul li {width:100%;min-height:auto;font-size:16px;padding:50px 0 20px}
  .join-wr .join-info ul li:nth-child(odd) {background:#fff}
  .join-wr .join-info ul li:nth-child(even) {background:#e9ecf4}
}
@media all and (max-width:379px){
  .join-wr .join-link .link-box a {font-size:12px}
}

/*안내페이지*/
.mes-wr {text-align:center;position:relative;letter-spacing:-.05em;box-sizing:border-box;margin:0 auto;padding-top:200px}
.mes-wr:before {content:"";display:block;position:absolute;width:290px;height:180px;right:0;left:0;margin:0 auto;top:0;}
.mes-wr.join01:before {background:url(/_res/kibo/_share/img/join_info_ico01.png) no-repeat 0 0}
.mes-wr.join02:before {background:url(/_res/kibo/_share/img/join_info_ico02.png) no-repeat 0 0}
.mes-wr .title {font-size:1.250em;color:#222;line-height:1.5;font-weight:600;margin:0 0 15px}
.mes-wr .txt {font-size:1em;display:block;color:#555;font-weight:400;margin:0 0 30px}

.mes-wr .met-wr {position:relative;font-size:0}
.mes-wr .met-wr .met-box {position:relative;width:50%;display:inline-block;vertical-align:top;font-size:16px;text-align:left;box-sizing:border-box;padding:27px 20px 30px 85px}
.mes-wr .met-wr .met-box:before {content:"";display:block;position:absolute;width:55px;height:50px;left:20px;top:30px}
.mes-wr .met-wr .kakaobank-box {padding:40px 20px 40px 203px;}
.mes-wr .met-wr .kakaobank-box:before {left:138px;}
.mes-wr .met-wr .phone-box {padding:40px 20px 40px 215px;}
.mes-wr .met-wr .phone-box:before {left:150px;}

.mes-wr .met-wr .met-box.num01 {background:#f5f6f8}
.mes-wr .met-wr .met-box.num02 {background:#e9ecf4}
.mes-wr .met-wr .met-box.kakaobank {background:#e9ecf4}
.mes-wr .met-wr .met-box.num01:before {background:url(/_res/kibo/_share/img/join_info_icon001.png) no-repeat 0 0}
.mes-wr .met-wr .met-box.num02:before {background:url(/_res/kibo/_share/img/join_info_icon002.png) no-repeat 0 0}
.mes-wr .met-wr .met-box.kakaobank:before {background:url(/images/kakaobank/kakaobank.png) no-repeat 0 0;background-size: contain}
.mes-wr .met-wr .met-box .title {margin:0 0 0}
.mes-wr .met-wr .met-box .txt {margin:0}
.mes-wr .met-wr .met-box a:focus .title,
.mes-wr .met-wr .met-box a:hover .title,
.mes-wr .met-wr .met-box a:focus .txt,
.mes-wr .met-wr .met-box a:hover .txt {text-decoration:underline;transition:all .3s ease}

@media all and (max-width:1024px) {
  .mes-wr .met-wr .kakaobank-box {padding:40px 20px 40px 103px;}
  .mes-wr .met-wr .kakaobank-box:before {left:38px;}
  .mes-wr .met-wr .phone-box {padding:40px 20px 40px 115px;}
  .mes-wr .met-wr .phone-box:before {left:50px;}
}

@media all and (max-width:768px) {
	.mes-wr {width:100%;padding-top:160px}
  .mes-wr:before,
  .mes-wr.join01:before,
  .mes-wr.join02:before {width:232px;height:144px;background-size:232px auto}
  .mes-wr .met-wr .met-box {width:100%;display:block;padding:17px 20px 20px 70px}
  .mes-wr .met-wr .met-box:before {width:39px;height:35px;left:15px;top:20px;background-size:39px auto;}
  .mes-wr .met-wr .met-box.num01:before,
  .mes-wr .met-wr .met-box.num02:before {background-size:39px auto;}
  .mes-wr .met-wr .kakaobank-box {min-height: 72px;padding-top: 26px;}
  .mes-wr .met-wr .phone-box {min-height: 72px;padding-top: 26px;}
  .mes-wr .met-wr .met-box.kakaobank:before {background-size:35px auto;}
  .mes-wr .title {font-size:1.125em;margin:0 0 15px}
	.mes-wr .txt {font-size:0.938em;margin:0 0 20px}
}
@media all and (max-width:576px) {
	.mes-wr {padding-top:120px}
	.mes-wr:before,
  .mes-wr.join01:before,
  .mes-wr.join02:before {width:174px;height:108px;background-size:174px auto}
	.mes-wr .title {font-size:0.875em;margin:0 0 10px}
	.mes-wr .txt {margin:0 0 10px}
}