@charset "UTF-8";

/* 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:25%; 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_1.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_2.png);}
.ui-progress__bar ol li:nth-child(4) strong:after,
.ui-progress__bar ol li:nth-child(4) 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;}
}


.ui-list__column{margin-top:40px;margin-bottom:40px;display: flex;padding: 20px 0;}
.ui-list__column .inner{}
.ui-list__column .inner .item{display:block;padding:55px 30px 50px 30px;border:1px solid #ddd;border-top: 3px solid #006940;margin: 0 -1px;background: #fff;}
.ui-list__column .inner .item strong{display:block;line-height:1.3;text-align:center;font-weight:400;font-size:27px;color:#33373b; font-weight: bold;}
.ui-list__column .inner .item strong span{display:block; line-height:1.3; margin-top:7px; text-align:center; font-weight:400; font-size:20px; color:#596068;}
.ui-list__column .inner .item strong:after{content:"";display:block;width:100%;height: 90px;background-repeat:no-repeat;background-position:center center;}
.ui-list__column .inner:nth-child(1) .item strong:after{background-image:url(/images/prog/join/join_simbol_1.png);}
.ui-list__column .inner:nth-child(2) .item strong:after{background-image:url(/images/prog/join/join_simbol_2.png);}

@media screen and (max-width:580px) {

  .ui-list__column{flex-direction: column;}
  .ui-list__column .inner{max-width:100%}
  .ui-list__column .inner .item strong{font-size: 22px;}
  .ui-list__column .inner .item strong span{font-size:17px;}

}

.ui-list__column .inner .item .btn{min-width: 140px;}
.ui-list__column .inner .item .btm .arrow::before,
.ui-list__column .inner .item .btm .arrow::after {content: '';display: inline-block;}


.form-group  div[class^=col-] .form-control{width:170px;}
.con_join .col-sm-10 .form-inline a {background-color:#016b3b;color:#fff;border-radius:10px;}
.con_join .col-sm-10 .form-inline a:hover {color:#016b3b;background-color:#fff;}



@media (max-width:768px) {
  #userId {width:170px;}
  .con_join .col-sm-10 .form-inline a {left: 190px;;top:24px;}
  .form-inline {display:flex;}
  .form-control + span{font-size: 13px;padding: 10px 2px;font-weight: bold;}
}
@media (max-width:576px) {
  .form-group  div[class^=col-] .form-control{width:100%;}
  .ui-list__column .inner .item .btn{min-width:auto;width:100%}
}
@media (max-width:465px) {
  .con_join .col-sm-10 .form-inline a {width:31%}
}
@media (max-width:459px) {
  .con_join .col-sm-10 .form-inline a {width:32%;left:10px;top:15px;padding-top:7px;}
}


.formbox{border:none;padding:0;}
.formbox .h2{font-size:20px;}
.formbox .h2 small{color: #cd0e0e;}
.formbox .scroll{border:1px solid #dddddd;overflow-x: hidden;overflow-y:auto;height: 150px;width: 100%;margin: 15px 0;padding: 30px;font-size: 16px;line-height: 20px;color: #333;background:#fff;font-family:'NotoKrL',sans-serif;}
.formbox .scroll strong{color:#006940; font-weight:bold; font-size:17px; line-height:1.6;}

.ver_top{text-align:left;}
@charset "UTF-8";

/* 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:25%; 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_1.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_2.png);}
.ui-progress__bar ol li:nth-child(4) strong:after,
.ui-progress__bar ol li:nth-child(4) 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: 640px) {
  .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;}
}


.ui-list__column{margin-top:40px;margin-bottom:40px;display: flex;padding: 20px 0;}
.ui-list__column .inner{}
.ui-list__column .inner .item{display:block;padding:55px 30px 50px 30px;border:1px solid #ddd;border-top: 3px solid #006940;margin: 0 -1px;background: #fff;}
.ui-list__column .inner .item strong{display:block;line-height:1.3;text-align:center;font-weight:400;font-size:27px;color:#33373b; font-weight: bold;}
.ui-list__column .inner .item strong span{display:block; line-height:1.3; margin-top:7px; text-align:center; font-weight:400; font-size:20px; color:#596068;}
.ui-list__column .inner .item:after{content:"";display:block;width:100%;height: 224px;background-repeat:no-repeat;background-position:center bottom;}
.ui-list__column .inner:nth-child(1) .item:after{background-image:url(/images/prog/join/n_join_simbol_1.png);}
.ui-list__column .inner:nth-child(2) .item:after{background-image:url(/images/prog/join/n_join_simbol_2.png);}
.ui-list__column .inner .item strong:after{
  display: none;
}

/* 22-2-18 회원가입,child-본인인증, 가입완료 수정  */

.regist .ui-list__column .inner {background:#f2f4f3;padding: 50px 30px;}
.regist .ui-list__column .inner:nth-child(1){text-align: right;padding-right: 15px;}
.regist .ui-list__column .inner:nth-child(2){text-align: left;padding-left: 15px;}
.regist .ui-list__column .inner .item{
  display: inline-block;
  padding: 0;
  border: 0px solid #ddd;
  border-top: 0px solid #006940;
  margin: 0 -1px;
  background: #fff;
  width: 450px;
  padding-top: 80px;
  border-top-right-radius: 45px;
  border-bottom-left-radius: 45px;


}


.regist .ui-list__column .inner .item .sej-mobile-mt{margin-top: 30px;}
.regist .ui-list__column .inner .item:after{
  margin-top: 60px;
}
.btn-icon.btn-primary .arrow:after, .btn-icon.btn-primary .arrow:before{
  background: #006940;
}
.btn-icon.btn-primary:focus .arrow::after, .btn-icon.btn-primary:focus .arrow::before, .btn-icon.btn-primary:hover .arrow::after, .btn-icon.btn-primary:hover .arrow::before{
  background: #fff;
}
.ui-certification{
  padding: 30px;
  background-color: #f2f4f3;
  border: none;
  border-top: 0px solid #016b3b;
  border-bottom: 0px solid #ddd;
  margin: 30px 0;
}

#ipin_realname {
  justify-content: center;
}

.ui-certification .age_select_1{
  width: 100%;
  max-width: 450px;
  background: #fff;
  /* margin:  0 auto; */
  padding: 40px 15px;
  padding-top: 80px;
  padding-bottom: 0;
  border-top-right-radius: 45px;
  border-bottom-left-radius: 45px;
  margin-right: 15px;
}

.ui-certification .age_select_1.sns {
  margin-right: 0;
  margin-left: 15px;
}

.ui-certification .age_select_1.sns .text-center .sns-button {
  width: 140px;
  padding: 11px 15px 9px;
  /* padding-top: 50px; */
  font-size: 15px;
  min-height: auto;
  margin-top: 20px;
  text-align: left;
  color: #3a2020;
  position: relative;
}

.ui-certification .age_select_1.sns .text-center .kakaotalk-icon {
    background-color: #fae300;
    border: 1px solid #fae300;
}
.ui-certification .age_select_1.sns .text-center .naver-icon {
    /* background-color: #06bd34; */
    border: 1px solid #06bd34;
    box-sizing: border-box;
}


.ui-certification .age_select_1.sns .text-center .sns-button span:before {
    content: '';
    /* margin: 0 auto 10px; */
    position: absolute;
    width: 35px;
    height: 29px;
    display: block;
    background-image: url(/images/common/sns_ir2.png);
    top: 8px;
    right: 15px;
}

.ui-certification .age_select_1.sns .text-center .naver-icon span:before {
  background-position: -41px 0px;
}

.ui-certification .age_select_1.sns .text-center .sns-button span {
    padding-left: 7px;
}

.ui-certification .age_select_1 h2 {
  display: block;
  line-height: 1.3;
  text-align: center;
  font-weight: 400;
  font-size: 27px;
  color: #33373b;
  font-weight: bold;
}
.ui-certification .age_select_1 p{
  display: block;
  line-height: 1.3;
  margin-top: 7px;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  color: #596068;
}
.ui-certification .age_select_1:after{
  display: block;
  width: 100%;
  content: "";
  margin-top: 60px;
  background-image: url(/images/prog/join/n_join_simbol_3.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 227px;
}

.ui-certification .age_select_1.sns:after {

}

.ui-certification .certbox ul li:nth-child(1) a{
  min-width: 140px;
  padding: 11px 15px 9px;
  padding-right: 50px;
  font-size: 15px;
  min-height: auto;
  margin-top: 30px;
}
.join.pagetitle .title{
  font-weight: normal;
}
.join.pagetitle .title em{
  color: #006940;
}
.join.pagetitle .title strong{
  font-weight: bold;
}
.finishbox #finishImg{
  height: 316px;
  background: url(/images/prog/join/n_join_simbol_5.png) no-repeat center center;
}
@media screen and (max-width:1080px) {
  .regist .ui-list__column .inner:nth-child(1),
  .regist .ui-list__column .inner:nth-child(2){text-align: center;padding:30px 15px;}
  .regist .ui-list__column .inner .item{width:100%;margin:  0 auto;}
}
@media screen and (max-width:640px) {

  .ui-list__column{/* flex-direction: column; */padding: 0;}
  .regist .ui-list__column .inner:nth-child(1){text-align: center;padding: 15px 7px 15px 15px;max-width:100%;}
  .regist .ui-list__column .inner:nth-child(2){text-align: center;padding: 15px 15px 15px 7px;max-width:100%;}
  .regist .ui-list__column .inner .item{width:100%;padding-top: 40px;/* max-width: 360px; */border-top-right-radius: 0;border-bottom-left-radius: 0;}
  .ui-list__column .inner .item strong{font-size: 22px;}
  .ui-list__column .inner .item strong span{font-size:17px;}
  .finishbox #finishImg{background-size: 100%;}

  .regist .ui-list__column .inner .item:after{margin-top:30px;}
}
@media screen and (max-width:600px) {

  .ui-list__column{/* flex-direction: column; */padding: 0;margin-top: 20px;margin-bottom: 20px;}
  .regist .ui-list__column .inner:nth-child(1),
  .regist .ui-list__column .inner:nth-child(2){text-align: center;padding:7px;max-width:100%;}
  .regist .ui-list__column .inner .item{padding-top:30px;}
  .regist .ui-list__column .inner .item:after{margin-top:20px;}
}

.ui-list__column .inner .item .btn{min-width: 140px;}
.form-group  div[class^=col-] .form-control{width:170px;}
.con_join .col-sm-10 .form-inline a {background-color:#016b3b;color:#fff;border-radius:10px;}
.con_join .col-sm-10 .form-inline a:hover {color:#016b3b;background-color:#fff;}
@media (max-width:768px) {
  #userId {width:170px;}
  .con_join .col-sm-10 .form-inline a {left: 190px;;top:24px;}
  .form-inline {display:flex;}
  .form-control + span{font-size: 13px;padding: 10px 2px;font-weight: bold;}
}

@media (max-width:790px) {
  #ipin_realname {display: block !important;padding: 7px;}
  .ui-certification .age_select_1 {width: 100%;max-width: none;border-radius: 0px;padding: 0;padding-top: 30px;}
  .ui-certification .age_select_1 .btn.btn-primary.btn-icon {max-width: 140px;margin-left: auto;margin-right: auto;}
  .ui-certification .age_select_1.sns {margin: 0;margin-top: 7px;}
}

@media (max-width:576px) {
  .form-group  div[class^=col-] .form-control{width:100%;}
  .ui-list__column .inner .item .btn{min-width:auto;width:100%;max-width: 140px;}
}
@media (max-width:465px) {
  .con_join .col-sm-10 .form-inline a {width:31%}
}
@media (max-width:459px) {
  .con_join .col-sm-10 .form-inline a {width:32%;left:10px;top:15px;padding-top:7px;}
}

@media (max-width:360px) {
  .ui-certification .age_select_1.sns .text-center .sns-button {display: block;margin: 0 auto;}
  .ui-certification .age_select_1.sns .text-center .kakaotalk-icon {margin-bottom: 5px;}
}

.formbox{border:none;padding:0;}
.formbox .h2{font-size:20px;}
.formbox .h2 small{color: #cd0e0e;}
.formbox .scroll{border:1px solid #dddddd;overflow-x: hidden;overflow-y:auto;height: 150px;width: 100%;margin: 15px 0;padding: 30px;font-size: 16px;line-height: 20px;color: #333;background:#fff;font-family:'NotoKrL',sans-serif;}
.formbox .scroll strong{color:#006940; font-weight:bold; font-size:17px; line-height:1.6;}

.ver_top{text-align:left;}


.gs-custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.gs-custom-checkbox .checkbox-item input[type="checkbox"]{position: fixed;z-index: -100;top: -9999px;left: -9999px;}
.gs-custom-checkbox .checkbox-item label{padding-left: 30px;display:inline-block;font-weight: normal;position:relative;color:#000;font-size: 15px;line-height: 30px;letter-spacing: -1px;margin-bottom: 0;padding-right: 40px;line-height: 1.4;}
.gs-custom-checkbox .checkbox-item label:before{position: absolute;top: 50%;left: 0;content: '';width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgba(173,173,173,1)'/%3E%3C/svg%3E");background-size: 24px;transform: translate(0%, -50%);}
.gs-custom-checkbox .checkbox-item input:checked + label:before{/* content:"\e92b"; *//* color: #4a4adb; */background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");}
.gs-custom-checkbox .checkbox-item input[type="checkbox"]:checked + label i{color: #4a4adb;}
.gs-custom-checkbox .checkbox-item .essential{color: #006940;font-weight: bold;}
.gs-custom-checkbox .checkbox-item .choice{color: #cd0e0e;font-weight: bold;}


.check-list-ㅡmember{margin:0 auto;margin-top: 35px;max-width:680px;width:100%;padding: 40px;padding-bottom:0;background-color: #fff;border-radius: 10px;/* overflow: hidden; */border: 1px solid #eee;overflow: hidden;}
.total-agreement{margin-bottom: 40px;margin-left: -40px;margin-right: -40px;margin-top: -40px;height: 65px;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;background-color: #006940;overflow: hidden;}
.check-list-ㅡmember .btn_group{margin:40px -40px 0 -40px;border-top:1px solid #ddd}
.check-list-ㅡmember .btn_group:after {display: block;clear: both;visibility: hidden;content: '';}
.check-list-ㅡmember .btn_group .btn{width:50%;float:left;padding: 18.5px 0px 14.5px 0px !important;border:none;text-align:center}
.check-list-ㅡmember .btn_group .btn:last-child{background-color:#006940;color:#fff;}




.total-agreement .title{padding: 0; height: 60px;}
.total-agreement .title .check-title{top: 0; left: 0; width: 100%;}

.check-list-ㅡmember .formbox .inner{position:relative;padding: 15px 20px;/* height: 30px; */border-radius:10px;background-color:#f5f5f5;}
.check-list-ㅡmember .formbox .title .check-title{display:block;/* position: absolute; *//* top: 15px; *//* left: 20px; */z-index: 1;}
.check-list-ㅡmember .formbox .title .arrow{position:absolute; top:10px; right:8px; display: block; text-align: center; width: 40px; height: 40px; z-index: 2; cursor: pointer;}
.check-list-ㅡmember .formbox .title .arrow i{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");transition: all 0.3s;display: block;width: 100%;height: 100%;background-size: 80%;background-position: 50%;}
.check-list-ㅡmember .formbox .inner.open .title .arrow i{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");}
.check-list-ㅡmember .formbox .text{display: none;border-top: 1px solid #e5e5e5;position:relative;background-color: #f5f5f5;border-radius:0 0 10px 10px;transition: all 0.3s;margin-top: 13px;}
.check-list-ㅡmember .formbox .text .scroll{padding:20px;border:none;margin:0;background: transparent;}


.total-agreement .gs-custom-checkbox{padding: 0px 20px;position: relative;}
.total-agreement .gs-custom-checkbox .checkbox-item{width: 100%;}
.total-agreement .gs-custom-checkbox .checkbox-item label{padding-left: 70px;font-size: 18px;line-height: 65px;width: calc(100% - 160px);color: #fff;font-weight: bold;}
.total-agreement .gs-custom-checkbox .checkbox-item label:before{left: 34px;width: 30px;height: 30px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-size: 30px;transform: translate(0%, -47%);}
.total-agreement .gs-custom-checkbox .checkbox-item input:checked + label:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z' fill='rgba(140,192,85,1)'/%3E%3C/svg%3E");}
.total-agreement .gs-custom-checkbox .btn{position: absolute;top: 0;right: 0;background: #006940;color: #fff;border-left: 1px solid rgba(255,255,255,0.1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 95% 53%;padding: 23.5px 36px 14.5px 12px !important;height: 65px;}
.check-list-ㅡmember .formbox{margin-top: 15px;margin-bottom: 0;}

@media (max-width:576px) {
  .gs-custom-checkbox .checkbox-item label{font-size:14px;}
  .check-list-ㅡmember{padding:20px;padding-bottom:0;}
  .total-agreement{margin-bottom:20px;margin-left: -20px;margin-right: -20px;margin-top: -20px;height: auto;}
  .check-list-ㅡmember .btn_group{margin: 20px -20px 0 -20px;}
  .total-agreement .gs-custom-checkbox .checkbox-item label{padding: 19px 0 20px 70px;line-height:1.2;width:100%;font-size: 16px;}
  .total-agreement .gs-custom-checkbox{padding:0}
  .total-agreement .gs-custom-checkbox .btn{position:relative;width:100%;border-top: 1px solid rgba(255,255,255,0.1);border-left: 0;padding: 14.5px 36px 14.5px 40px !important;height: auto;}
}

/* 게시물 등록 본인인증 페이지 */
#ipin_realname {display: flex !important;}
.certbox ul li strong {display: block;line-height: 1.3;margin-top: 7px;text-align: center;font-weight: 400;font-size: 20px;color: #596068;}
.certbox ul li p {}
.certbox ul li:nth-child(1) {text-align: center;}
.certbox ul li .btn.btn-primary.btn-icon {min-width: 140px;position: relative;/* left: 50%; *//* transform: translate(-50%, 0); */margin-top: 30px;text-align: left;}


.btn-icon .arrow:after, .btn-icon .arrow:before {display:block !important;background-color:#006940;position: absolute;top: 0;width: 1px;height: 5px;/* background: #fff; */content: '';transition-property: all;transition-duration: .3s;transition-delay: 0s;transition-timing-function: ease;-webkit-transition-property: all;-webkit-transition-duration: .3s;-webkit-transition-delay: 0s;-webkit-transition-timing-function: ease}
.btn-icon .arrow:before {left: 0;transform: rotate(45deg);transform-origin: top right;-webkit-transform: rotate(45deg);-webkit-transform-origin: top right}
.btn-icon .arrow:after {right: 0;transform: rotate(-45deg);transform-origin: top left;-webkit-transform: rotate(-45deg);-webkit-transform-origin: top left}

.btn-icon:hover .arrow:before,
.btn-icon:focus .arrow:before,
.btn-icon:hover .arrow:after,
.btn-icon:focus .arrow:after {height:10px;-webkit-transition-delay: .3s;transition-delay: .3s;}

.certbox ul li {
	width: 100%;
}

.ui-certification .certbox ul li:nth-child(1) a {
	min-width: auto;
	padding-right: 15px;
	max-width: 140px;
	margin: 10px auto;
}

.ui-certification .certbox ul li:nth-child(1) a:hover {
	border-color: #006940;
}

.ui-certification .age_select_1 p {
	font-size: 16px;
}

