@charset "UTF-8";
.realForm #contens #txt{margin-bottom: 40px;}

/* progress */
.ui-progress__bar{border:1px solid #e0e0e0;}
.ui-progress__bar ol{display:table; table-layout:fixed; width:100%;counter-reset:num;}
.ui-progress__bar ol li{display:table-cell; position:relative; width:33.3%; padding:30px 65px; vertical-align:middle;}
.ui-progress__bar ol li:not(:nth-child(1)){border-left:1px solid #e0e0e0;}
.ui-progress__bar ol li:not(:nth-child(1)):before{content:"";position:absolute;left:-15px;top:50%;width:29px;height:29px;margin-top:-14px;border:1px solid #e0e0e0;background:#fff url(/pcms/dist/img/prc_h_arrow.png) no-repeat center center;background-size:100% auto;border-radius:50%;-webkit-border-radius:50%;transform:rotate(-90deg);background-size: 50%;}
.ui-progress__bar ol li strong,
.ui-progress__bar ol li span{display:table-cell;position:relative;height:100px;padding-left:115px;vertical-align:middle;font-size:16px;color:#596068;/* font-family: 'gmarket'; */}
.ui-progress__bar ol li strong:before,
.ui-progress__bar ol li span:before{display:block;font-size: 14px;color:#33373b;counter-increment:num;content:"STEP. 0"counter(num);font-family: 'gmarket';letter-spacing: -1px;}
.ui-progress__bar ol li .ov strong:before{color:#006940;}
.ui-progress__bar ol li .ov strong:after,
.ui-progress__bar ol li span:after,
.ui-progress__bar ol li strong:after{content:""; display:block; position:absolute; left:0; top:0; width:100px; height:100px; background-color:#d1d4da; background-repeat:no-repeat; background-position:center center;border-radius:50%;-webkit-border-radius:50%;}
.ui-progress__bar ol li.ov strong:after{background-color: #006940;}
.ui-progress__bar ol li:nth-child(1) strong:after,
.ui-progress__bar ol li:nth-child(1) span:after{background-image:url(/images/prog/join/join_tab_simbol_1.png);}
.ui-progress__bar ol li:nth-child(2) strong:after,
.ui-progress__bar ol li:nth-child(2) span:after{background-image:url(/images/prog/join/join_tab_simbol_2.png);}
.ui-progress__bar ol li:nth-child(3) strong:after,
.ui-progress__bar ol li:nth-child(3) span:after{background-image:url(/images/prog/join/join_tab_simbol_3.png);}

@media all and (max-width: 1000px) {
  .ui-progress__bar ol li{padding:20px 30px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{height:80px; padding-left:95px; font-size:14px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:14px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{width:80px; height:80px; background-size:100% auto;}
}
@media all and (max-width: 800px) {
  .ui-progress__bar ol li{padding:20px;}
  .ui-progress__bar ol li:not(:nth-child(1)):before{left:-10px; width:20px; height:20px; margin-top:-10px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{height:60px; padding-left:70px; font-size:14px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:12px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{width:60px; height:60px;}
}
@media all and (max-width: 600px) {
  .ui-progress__bar ol li{padding:20px 10px; text-align:center;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{display:inline; line-height:15px; padding-left:0;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{line-height:13px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{display:none;}
}
@media all and (max-width: 450px) {
  .ui-progress__bar ol li{line-height:15px; padding:10px 5px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{font-size:12px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:10px;}
}

/* 가입 실명인증 */

.certbox{}
.certbox ul{}
.certbox ul:after{content:""; display:block; clear:both;}
.certbox ul li{width:33.3%; float:left}
.certbox ul li:nth-child(1){padding:0 14px 0 0;}
.certbox ul li:nth-child(2){padding:0 7px 0 7px;}
.certbox ul li:nth-child(3){padding:0 0 0 14px;}
.certbox ul li a{
  display:block; min-height:275px; padding:45px; border:1px solid #ddd; background-color:#f7f7f7;
  transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
}
.certbox ul li a strong{display:block; line-height:19px; text-align:center; font-family:"Noto Sans KR";  font-size:18px; color:#33373b;}
.certbox ul li a strong:after{content:""; display:block; width:100%; height:90px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.certbox ul li:nth-child(1) a strong:after{background-image:url(/images/prog/join/join_simbol_3.png);}
.certbox ul li:nth-child(2) a strong:after{background-image:url(/images/prog/join/join_simbol_4.png);}
.certbox ul li:nth-child(3) a strong:after{background-image:url(/images/prog/join/join_simbol_5.png);}
.certbox ul li a p{max-width:300px;margin: 0 auto;line-height:1.2; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; color:#33373b;}
.certbox ul li a:hover{border-color:#1c92eb;}

/* 휴대폰인증만 사용 */
.certbox ul{text-align: center;}
.certbox ul li:nth-child(2),.certbox ul li:nth-child(3){display:none}
.certbox ul li:nth-child(1){float:none; display:inline-block; padding-right: 0;}
.certbox ul li:nth-child(1) a{padding-top: 65px;}


@media all and (max-width: 800px) {

  .certbox ul li a{padding:30px;}
  .certbox ul li:nth-child(1) a{padding:45px}
}

@media all and (max-width: 767px) {
  .certbox ul li{float:none; width:100%;}
  .certbox ul li+li{margin-top:10px;}
  .certbox ul li a{min-height:auto;}

  .certbox ul li:nth-child(1),
  .certbox ul li:nth-child(2),
  .certbox ul li:nth-child(3){padding:0;}

  .certbox ul li:nth-child(1){margin-top: 11px;}

}

@media all and (max-width: 700px) {

  .certbox ul li a p{line-height:17px;}
}
@media all and (max-width: 600px) {
  .certbox ul li a{padding:20px 15px;}

}
@media all and (max-width: 500px) {

  .certbox ul li a p{line-height:14px; margin-top:5px;}
}
@media all and (max-width: 450px) {

  .certbox ul li a{padding:15px 10px;}

}

/* 알림박스 */

.tabpanel {display: none;opacity: 0;}
.tabpanel.on {display: block; opacity: 1;}
.sign_button{margin-top:20px;}

.privacy-info{margin-top:30px;margin-bottom: 10px; position:relative;padding:28px 44px;border:1px solid #dbdbdb;border-radius: 4px;}
.privacy-info .row{margin:0;padding:0;}
.privacy-info .row:before{display:none;}
.privacy-info .row:after{display: block;content: '';position: absolute;top:31px;left:20px;width:16px;height:16px;background:url(/images/skin/txt-tip.png);}
.privacy-info .row p{margin:0;color:#767676;font-size:15px;line-height:1.4;}
.privacy-info .row p.title{margin-bottom:10px;color:#222;font-size:16px;}
.privacy-info .row p.title strong{font-weight:bold;}
.privacy-info .row ul{margin-top:5px;}
.privacy-info .row ul li{display:inline-block;margin-right:5px;}
.privacy-info .row ul li .link{position:relative;padding-right:36px;font-size:15px;display:inline-block;background:url(/images/prog/mem/icon_link3.png) no-repeat 90% 58%;color: #03A9F4;}


.sign_button{margin-top:20px; margin-bottom: 100px;}
.sign_button .btn.btn-primary{text-align: center; min-width:197px; padding:14.5px 19px;}