@charset "utrf-8";

*{font-family: 'SCoreDream'; box-sizing: border-box;}
html,body{padding: 0px; }
ul,li{list-style: none;}


/*231222*/
html{background: #dedede;}
body{background: #fff; height: 100%; max-width: 500px; margin:0 auto !important; }
#wrap{width: 100%; position: relative; max-width: 500px; margin:0 auto; height: 100%; min-height: 100vh; padding-bottom: 1%; }

#join_wrap,#join_complete{width:100%; height: 100vh;  background-image: linear-gradient(to top, #12dab3 0%, rgba(11, 160, 167, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1));position: relative; display: block;}
#join_complete{ position: relative; }
.ji_next2{width: 100%;  background-color: var(--primary-1);color:var(--primary-2); height: 50px; border:none; font-size: 1.2em; font-weight: 500; text-align: center; background: #fff; position: absolute; bottom:0px; display: block; }

/*header*/
header{border-bottom: 1px solid #d8d8d8; height: 60px; display: flex; flex-direction: column; line-height: 60px; padding: 0 8px;}
header a {display: flex; align-items: center; height: 60px; line-height: 60px; text-decoration: none; color:#fff; font-size: 1.2em; font-weight: 500;}
header a img{width: 24px; height: 24px; margin-right: 5px;}

/*one_id_wrap*/
#one_id_wrap .one_id_wrap{text-align: center;}
#one_id_wrap header a {display: flex; align-items: center; height: 60px; line-height: 60px; text-decoration: none; color:#000; font-size: 1.2em; font-weight: 500;}
#one_id_wrap .one_id_wrap h4{margin:30px auto 5px; color: var(--primary-11); font-size: 1.2em; font-weight: bold;}
#one_id_wrap .one_id_wrap p{margin-bottom: 10px;}
#one_id_wrap .one_id_wrap img{max-width: 250px; margin:20px auto; display: block;}


input[type="checkbox"]{height: 24px; width: 24px; padding:0px; margin: 0px 3px 0 0;}


input[type=checkbox] {display: none;}
input[type=checkbox] + label { 
    cursor: pointer; 
    font-size: 0.9em;
    padding-left: 26px; 
    background-repeat: no-repeat;
    background-image: url('../img/checkBox_off.png');
}
input[type=checkbox]:checked + label {
    background-image: url('../img/checkBox_on.png');
    background-repeat: no-repeat;
}
.agr_wrap{    margin: 0 10px 10px;
  position: relative;}
.agr_wrap ul{margin: 0px; padding: 0px;}
.agr_wrap li{margin:10px 0;; }
.agr_wrap li:first-child{
  height: 40px; border-bottom: 1px solid #e7e7e7;}
.agr_wrap li input[type="checkbox"] + label span, .agr_wrap li input[type="radio"] + label span{float:right !important; position: absolute; right:0px;}
.agr_wrap li input[type="checkbox"] + label span a, .agr_wrap li input[type="radio"] + label span a{
  width: 20px;
  height: 20px;
  background: url(../img/more_btn_b.png) right 50% no-repeat;
  line-height: 20px;
  display: block;
}


/*login_wrap*/
#login_wrap{margin:0 auto; }
#login_wrap header a {display: flex; align-items: center; height: 60px; line-height: 60px; text-decoration: none; color:#000; font-size: 1.2em; font-weight: 500;}

#login_wrap .login_wrap {text-align: center; display: flex; flex-direction: column; padding: 0 15px;}
#login_wrap .login_wrap h4{margin:30px auto 5px; color: var(--primary-11); font-size: 1.2em; font-weight: bold;}
#login_wrap .login_wrap p{margin-bottom: 10px;}
#login_wrap .login_wrap input{background-color: var(--gray-f-8-f-8-f-8); border-radius: 4px; padding:0 15px; height: 45px; border:none; margin-bottom: 10px;}
#login_wrap .login_wrap .lw_btn{ cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);
 background: #719a92; border:none; height: 50px;  border-radius: 100px;
  font-weight: 500; color: var(--gray-ffffff); font-size: 1.2em; margin-bottom: 35px;
}
#login_wrap .login_wrap .lw_txt{
  color: var(--primary-2); font-size: .9em; font-weight: 500;
}
#login_wrap .login_wrap a{display: block; text-decoration: none;height: 50px;
 border:1px solid var(--gradation-btn-stroke); line-height: 50px;
  color: var(--primary-1);  border-radius: 100px; font-weight: 500;

}

/*login_wrap2*/
.login_wrap2{padding: 0 15px;}
.login_wrap2 h4{
  text-align: left;
  margin-top: 20px;
  color: var(--primary-11);   font-size: 1em;
  font-weight: bold;
}
.login_wrap2 input{
  width: 100%; color:#000;
  border-radius: 4px;   height: 45px; border:none;
  background-color: var(--gray-f-8-f-8-f-8); padding: 0 15px;
  border: solid 0.7px var(--gray-d-2-d-2-d-2);
}

.login_wrap2 p{text-align: center; margin-top: 90px;}
.login_wrap2 p.lw2_txt{margin-top: 10px; text-align: left;  color: #719a92; font-size: 0.9em;  font-weight: 500;}
.login_wrap2 .lw2_txt{margin-top: 10px; text-align: left;  color: #719a92; font-size: 0.9em;  font-weight: 500;}
#wrong_num{display: none;}

.login_wrap2 .l2n_txt{color:var(--primary-2); display: block; text-align: left; font-size: 0.9em; font-weight: 500; margin-top: 10px;}

.login_wrap2 a{text-decoration: none; text-align: center; display: block;   color: var(--primary-2);   font-weight: 500;}

.password_wrap .pw_num{text-decoration: none;
  text-align: center;
  display: block; margin-top: 90px;
  color: var(--primary-2);
  font-weight: 500; }
.password_wrap .pw_time{
    text-align: center;
  color: var(--primary-11);   font-weight: 500; font-size: 0.9em;
}


/*user*/
.user_cont{display: flex; flex-direction: column; width: 100%; padding:0 15px; margin-top: 50px; }
.profile_cont{ width: 100%; position: relative; max-width: 500px; margin:0 auto 20px;}
.user_cont .profile-pic {
  width: 200px;
  max-height: 200px;
  display: inline-block;
}
.user_cont .uc_input{
  width: 100%;
    border-radius: 4px;
    height: 45px;
    border: none;
    background-color: var(--gray-f-8-f-8-f-8);
    padding: 0 15px;
    display: block;
}
.user_cont .file-upload {
  display: none;
}
.user_cont .circle {
  border-radius: 100% !important;
  overflow: hidden;
  width: 128px;
  height: 128px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  position: relative;
  top: 0;
  left:50%;
  transform: translateX(-50%);
}
.user_cont img {
  max-width: 100%;
  height: auto;
}
.user_cont .p-image {
  position: absolute;
  color: #666666;
  background: #fff;
  border-radius: 50%;
  left: 60%;
  transform: translateX(-50%);
  top: 100px;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.user_cont .p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.user_cont .upload-button {
  font-size: 1.2em;
}
.user_cont .upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}




/*footer_btn*/
/*231222*/
#lw_f_btn{position: fixed; bottom: 20px; width: 100%;  text-align: center; font-size: 1.2em; padding:0 15px; max-width: 500px; }
#lw_f_btn button{background: none; border:none; color:#fff; text-align: center; font-size: .9em;  background: #719a92; width: 100%;  border-radius: 6px; max-width: 350px; height: 40px;  line-height: 40px;}

#lw_f_btn2{ bottom: 20px; width: 100%;  text-align: center; font-size: 1.2em; padding:0 15px; max-width: 500px; margin-top: 20px;}
#lw_f_btn2 button{background: none; border:none; color:#fff; text-align: center; font-size: .9em;  background: #719a92; width: 100%;  border-radius: 6px; max-width: 350px; height: 40px;  line-height: 40px;}



/*join_wrap*/
#join_wrap .title_img {display: block; margin: 110px auto 0;}#join_wrap .join_p{color:#fff; font-size: .8em; padding:0 30px; margin: 20px auto;}
#join_wrap .join_btns{display: flex; flex-direction: column; width: 100%; padding: 0 15px; }
#join_wrap .join_btns a{border:1px solid #fff;   border-radius: 100px; text-align: center; height: 50px; line-height: 50px; text-decoration: none; font-size: 1.1em; color:#fff; font-weight: 500;}
#join_wrap .join_btns a:hover{background: #fff; color:#000; }
#join_wrap .join_btns a.mb10px{margin-bottom: 10px;}


/*join_info*/
#join_info header a { color: var(--primary-11); font-size: 1.2em; }
#join_info .join_info_cont { width: 100%;}
#join_info .join_info_cont .jic_tit{margin: 15px 10px 25px; display: flex; flex-direction: row; justify-content: space-between; box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.25);  background-color: var(--gray-f-8-f-8-f-8); height: 50px; border-radius: 100px; box-sizing: border-box; }
#join_info .join_info_cont .jic_tit > p{padding:0 25px; margin: 0px; line-height: 50px; width: 33.3%; text-align: center; color:#989898; font-weight: 500;}
#join_info .join_info_cont .jic_tit > p.active{ background-image: linear-gradient(115deg, #12dab3 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1)); border-radius: 100px; color:#fff;}
#join_info .join_info_cont .jic_tit > p.at{ background-image: linear-gradient(115deg, #12dab3 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1)); border-radius: 100px; color:#fff;}

#join_info .join_info_cont > p{font-size: .8em; text-align: center; margin: 0px  10px 10px;   background-color: var(--gray-f-8-f-8-f-8); padding: 10px; color:#989898; font-weight: 500; }
#join_info .join_info_cont > p.mb0px{margin-bottom:0px ;}


#join_info .join_info_cont .jic_list {width: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 0px;}
#join_info .join_info_cont .jic_list li{border-top:5px solid var(--gray-f-8-f-8-f-8); width: 100%;  }
#join_info .join_info_cont .jic_list li div{padding: 0 15px;}
#join_info .join_info_cont .jic_list li div h4{margin: 14px auto; font-size: .9em;}
#join_info .join_info_cont .jic_list li div input,
#join_info .join_info_cont .jic_list li div select{box-shadow: none; height: 45px;  background-color: var(--gray-f-8-f-8-f-8); border-radius: 4px; padding:0 15px; border:none; width: 100%; margin-bottom: 10px;}
#join_info .join_info_cont .jic_list li div a.jic_1_link{  
    height: 50px;
    line-height: 50px;
    color:#fff; font-weight: 500;
    font-size: 1.2em;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    flex-grow: 0;
    margin: 0 1px 30px 1px;
    object-fit: contain;
    border-radius: 100px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);
    background: #719a92;
  }
  #join_info .join_info_cont .jic_list li div a.jic_2_link{  
    width: 100%;
    color: var(--primary-1); font-weight: 500;
    font-size: 1.2em;
    display: block;
    text-align: center;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    flex-grow: 0;
    margin: 0 1px 30px 1px;
    object-fit: contain;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    border-image-slice: 1;
  }

  #join_info .join_info_cont .jic_list li div div.cerficate_num { width: 100%; padding:0px;
    display: flex; flex-direction: row; 
  }
  #join_info .join_info_cont .jic_list li div div.cerficate_num2 { width: 100%; padding:0px;  display: flex; flex-direction: row;   }
  #join_info .join_info_cont .jic_list li div div.cerficate_num2 select{margin-left: 10px; margin-bottom: 25px; }
  #join_info .join_info_cont .jic_list li div div.cerficate_num  button{ background: #719a92; border-radius: 4px; margin-left: 5px; border:none; color:#fff; min-width: 100px; height: 45px;}



#join_info .join_info_cont .jic_list li div input[type="checkbox"]{height: 24px; width: 24px; padding:0px; margin: 0px 3px 0 0;}


#join_info .join_info_cont .jic_list li div input[type=checkbox] {display: none;}
#join_info .join_info_cont .jic_list li div input[type=checkbox] + label { 
    cursor: pointer; 
    font-size: 0.9em;
    padding-left: 23px; 
    background-repeat: no-repeat;
    background-image: url('../img/checkBox_off.png');
}
#join_info .join_info_cont .jic_list li div input[type=checkbox]:checked + label {
    background-image: url('../img/checkBox_on.png');
    background-repeat: no-repeat;
}


#join_info .join_info_cont .jic_list li div.f_cont p{
    text-align: center; margin: 0; padding: 0;}
#join_info .join_info_cont .jic_list li div.f_cont p.f_tel{
    font-weight: 500;
    color: var(--primary-11); font-size: 0.9em;
}
#join_info .join_info_cont .jic_list li div.f_cont p.f_time{font-size: .8em; color:#989898;}

.f_cont{  background: #fff; width: 100%; position:fixed; bottom:0; max-width: 500px; padding:20px 0px !important;}
.f_cont p{
  text-align: center; margin: 0; padding: 0;}
.f_cont p.f_tel{
  font-weight: 500;
  color: var(--primary-11); font-size: 0.9em;
}
.f_cont p.f_time{font-size: .8em; color:#989898;}



#join_info .ji_next{width: 100%;  background: #719a92;color:#fff; height: 50px; border:none; font-size: 1.2em; font-weight: 500;}





/*main*/
.main_header{padding: 0 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: var(--gray-f-8-f-8-f-8);}
.main_header a img{width: 40px; margin-right: 0;}
.main_header_icon{display: flex; align-items: center;}

#main_wrap{padding-bottom: 58px;} 
#main_wrap header a { color: var(--primary-11); font-size: 1.2em; }

.main_sub_nav{display: flex; justify-content: space-between; height: 48px; align-items: center; padding: 0 15px; width: 100%;  border: solid 1px #ececec;
    background-color: var(--gray-f-8-f-8-f-8);}
.main_sub_nav > ul{display: flex; margin: 0px; padding: 0px; width: 90%;}
.main_sub_nav > ul li{width: 48px; text-align: center; height: 48px;}
.main_sub_nav > ul li a{text-decoration: none; line-height: 48px; color:#000; font-weight: 500; }
.main_sub_nav > ul li.at{border-bottom:2px solid #719a92; }
.main_sub_nav > ul li.at a{color:#719a92;}
.main_sub_nav > select{border: none; background: var(--gray-f-8-f-8-f-8); width: 20%; min-width: 100px;}

.main_sub_nav > .nav_search_icon{float:right; display: block; }

.main_list{width: 100%; margin: 0px; padding: 0px;}
.main_list li{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px; }

.main_list li .ml_t {position: relative;}
.main_list li .ml_t img{width: 100%; object-fit:fill; height: 240px;}
.main_list li .ml_t .ml_bd{position:absolute; z-index:10;  top: 15px; right:15px; background: #000;color:#fff; border-radius: 90px; line-height: 25px; text-align: center; width: 50px; height: 25px; font-size: 0.9em; display: block;}

.main_list li .ml_b{display: flex; justify-content: space-between; align-items: center; padding:0 15px; width: 100%;}

.main_list li .ml_b p {margin: 15px 0 0; font-weight: 500;}
.main_list li .ml_b p span{display: block; font-size: 0.9em; }

/*main_detail*/
.main_detail_header{display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
header.main_detail_header a img{width: 28px; height: 28px; margin-right: 0px;}


#main_detail{width: 100%; box-sizing: border-box;}
#main_detail img{width: 100%; height: 240px; object-fit: fill;}

#main_detail .main_detail_cont{padding:0;}
#main_detail .main_detail_cont ul{margin: 0px; padding: 0px;}

#main_detail .main_detail_cont ul li{border-bottom:1px solid #d9d9d9; }
#main_detail .main_detail_cont ul li > div{padding: 20px 15px; }
#main_detail .main_detail_cont ul li h5{margin:0 0 7px 0;}
#main_detail .main_detail_cont ul li h4{margin: 0 0 14px 0;}
#main_detail .main_detail_cont ul li > p{margin: 0 0 10px 0;}

#main_detail .main_detail_cont ul li div.mdc_num{display: flex; align-items: center;}
#main_detail .main_detail_cont ul li div.mdc_num > img{width: 20px; height: 20px; margin-left: 5px;}
#main_detail .main_detail_cont ul li div.mdc_num #myInput{border:none; margin-left: 5px; font-size: 1em; max-width: 100px;}

#main_detail .main_detail_cont ul li > table {width: 100%;}



.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom:1px solid #d9d9d9;
  font-size: 1em;
}

.active, .accordion:hover {
  background-color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  border-bottom:1px solid #d9d9d9;
}
.panel p{font-size: 0.9em; color:#a2a2a2; margin-top: 0px; margin-bottom: 0px;}
.panel table tr td:nth-child(1){background: rgb(230, 230, 230);}
.panel table tr td{border:1px solid #eee; padding:5px;}
.panel table{border-spacing: 0px; width: 100%;}


.accordion:after {
  content: '▼';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: '▲'; 
}


/*231222*/
#f_btn{position: fixed; bottom: 0px; height: 58px; width: 100%;   box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.15);  background-color: var(--gray-ffffff); padding:12px 20px; max-width: 500px;}
#f_btn button{background-image: linear-gradient(to bottom, #b1cfcf, #b1cfcf), linear-gradient(96deg, #12dab3 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1));   border-radius: 6px; width: 100%; height: 34px; border:none; color:#fff; font-size: 1.2em;   }



/*join_complete*/

#join_complete .join_complete_cont { width: 100%; padding-top: 15px;}
#join_complete .join_complete_cont .jic_tit{margin: 0 10px 25px; display: flex; flex-direction: row; justify-content: space-between; box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.25);  background-color: var(--gray-f-8-f-8-f-8); height: 50px; border-radius: 100px; box-sizing: border-box; }
#join_complete .join_complete_cont .jic_tit > p{padding:0 25px; margin: 0px; line-height: 50px; width: 33.3%; text-align: center; color:#989898; font-weight: 500;}
#join_complete .join_complete_cont .jic_tit > p.active{ background-image: linear-gradient(115deg, #12dab3 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1)); border-radius: 100px; color:#fff;}
#join_complete .join_complete_cont .jic_tit > p.at{ background-image: linear-gradient(115deg, #12dab3 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, var(--primary-1), var(--primary-1)); border-radius: 100px; color:#fff;}

#join_complete .jc_txt{background: #fff; color: var(--gray-333333); padding: 10px 0; font-size: 0.8em; text-align: center;} 

#join_complete .jc_alert_cont {padding:100px 10px 0; text-align: center; color:#fff;}
#join_complete .jc_alert_cont h4{font-size: 1.3em; line-height: 1.5em; margin-bottom: 20px; font-weight: normal;}
#join_complete .jc_alert_cont .jac_txt{font-size: 0.8em; line-height: 1.3em; margin-bottom: 20px;}
#join_complete .jc_alert_cont .jac_tel{font-weight: bold; font-size: 1.5em; margin-bottom: 0px; margin-top: 50px;}
#join_complete .jc_alert_cont .jac_time{font-size: 0.8em;}


/*modal*/
#pwd_reset_modal{top:30%; }
#pwd_reset_modal .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 100%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}
#pwd_reset_modal .modal-content .modal-body > p{border-radius: 4px;
  background-color: var(--gray-f-8-f-8-f-8); padding:15px; font-size: 0.9em; text-align: center;}

#pwd_reset_modal .modal-header {justify-content: center;}
#pwd_reset_modal .modal-header > h5{ margin-bottom: 0px;}
#pwd_reset_modal .modal-header, #pwd_reset_modal .modal-footer{border:none;}

#broke_join_modal{top:30%; }
#broke_join_modal .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 100%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}
#broke_join_modal .modal-content .modal-body > p{border-radius: 4px;
  background-color: var(--gray-f-8-f-8-f-8); padding:15px; font-size: 0.9em; text-align: center;}

#broke_join_modal .modal-header {justify-content: center;}
#broke_join_modal .modal-header > h5{ margin-bottom: 0px;}
#broke_join_modal .modal-header, #broke_join_modal .modal-footer{border:none;}

#join_already_modal{top:30%; }
#join_already_modal .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 50%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}
#join_already_modal .modal-content button.btn_l{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
  #join_already_modal .modal-content button.btn_r{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#join_already_modal .modal-content .modal-body > p{border-radius: 4px;
  background-color: var(--gray-f-8-f-8-f-8); padding:15px; font-size: 0.9em; text-align: center; margin-bottom: 0px;}
#join_already_modal .modal-header {justify-content: center;}
#join_already_modal .modal-dialog .modal-content .modal-header > h5{text-align: center;}
#join_already_modal .modal-header, #join_already_modal .modal-footer{border:none;}
#join_already_modal .modal-footer{flex-direction: row; display: flex; flex-wrap: nowrap;margin-bottom: 20px; }
#join_already_modal .modal-footer >*{margin: 0px !important;}



#brokerage_modal{top:20%; }
#brokerage_modal .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 100%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}
#brokerage_modal .modal-header {justify-content: center;}
#brokerage_modal .modal-dialog .modal-content .modal-header > h5{text-align: center; left:50%; position: absolute; transform: translateX(-50%);}

#brokerage_modal .modal-content .modal-body .bc_top{
  width: 100%; display: flex;
}
#brokerage_modal .modal-content .modal-body .bc_top input{width: 80%; height: 45px; padding:0 15px; font-size: 0.9em;}
#brokerage_modal .modal-content .modal-body .bc_top button{margin-left: 2%; width: 18%; background: var(--primary-1); border:none; border-radius: 4px; color:#fff; }
#brokerage_modal .modal-content .modal-body .bc_bottom{
  height: 250px; overflow-y: scroll; margin-top: 20px; }
#brokerage_modal .modal-content .modal-body .bc_bottom ul{padding: 0;}
#brokerage_modal .modal-content .modal-body .bc_bottom ul li{background: var(--gray-f-8-f-8-f-8); font-size: 0.9em; margin-bottom: 10px; padding:10px;}
#brokerage_modal .modal-content .modal-body .bc_bottom ul li p{margin-bottom: 0px;}
#brokerage_modal .modal-header, #brokerage_modal .modal-footer{border:none;}
#brokerage_modal .modal-footer{flex-direction: row; display: flex; flex-wrap: nowrap;margin-bottom: 20px; }
#brokerage_modal .modal-footer >*{margin: 0px !important;}




#terms_modal, #terms_modal2, #terms_modal3, #terms_modal4{top:20%; }
#terms_modal .modal-content button.btn,
#terms_modal2 .modal-content button.btn,
#terms_modal3 .modal-content button.btn,
#terms_modal4 .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 100%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}

#terms_modal .modal-header,
#terms_modal2 .modal-header,
#terms_modal3 .modal-header,
#terms_modal4 .modal-header{justify-content: center;}

#terms_modal .modal-body div,
#terms_modal2 .modal-body div,
#terms_modal3 .modal-body div,
#terms_modal4 .modal-body div{
  overflow-y: scroll;
  height: 200px; font-size: 0.9em;
}

#terms_modal .modal-header, #terms_modal .modal-footer,
#terms_modal2 .modal-header, #terms_modal2 .modal-footer,
#terms_modal3 .modal-header, #terms_modal3 .modal-footer,
#terms_modal4 .modal-header, #terms_modal4 .modal-footer{border:none;}




/*pc 반응형*/
@media (min-width: 1200px) {
  #main_detail img{
    object-fit: contain;
    height: 500px;
  }

  .main_sub_nav > select{width: 5%;}
}

/*이미지변환*/
.toggle_star2{display: none;}



/*231206 registration*/
#registration_cont{padding:20px; width: 100%;}
#registration_cont > h4{margin:0px 0px 3px; font-size: 1.1em; color: var(--gray-333333);}
#registration_cont > p{margin:0 0 20px; color: var(--gray-333333); font-size: 0.95em; font-weight: 500;}
#registration_cont .rc_form {width: 100%; background: var(--gray-f-8-f-8-f-8); padding:25px 15px; border: solid 0.7px #e9e9e9; border-radius: 4px;}
#registration_cont .rc_form ul{margin: 0px; padding: 0px;}
#registration_cont .rc_form ul li{margin-bottom: 20px;}
#registration_cont .rc_form ul li span.tit_main_txt{position: relative;
color:#363636; font-size: 0.9em; margin:0px 0px 5px; display: inline; font-weight: 500; width: 100%; font-style: normal;}
#registration_cont .rc_form ul li span.tit_main_txt em.tit_point{position:absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--primary-2); right:-8px; top: 0px; display: block;}

#registration_cont .rc_form ul li input[type="text"]{
  height: 40px; width: 100%; padding:6px 12px; box-sizing: border-box; border-radius: 4px; border: solid 0.7px var(--gray-d-2-d-2-d-2); background: none; color: #000;
}
#registration_cont .rc_form ul li textarea{
 width: 100%; padding:6px 12px; box-sizing: border-box; border-radius: 4px; resize:none; border: solid 0.7px var (--gray-d-2-d-2-d-2); background: none; color: #000;
}
#registration_cont .rc_form ul li input::placeholder{color: var(--gray-333333);}
#registration_cont .rc_form ul li select{height: 40px;   background:url('../img/icon/down_arrow.svg') no-repeat 97% 50%/15px auto;   appearance:none; width: 100%; display: block; margin-top: 5px;   border: solid 0.7px var(--gray-d-2-d-2-d-2); padding:6px 12px; box-sizing: border-box; border-radius: 4px; }
#registration_cont .rc_form ul li.rc_cont2{margin-bottom: 30px;}
#registration_cont .rc_form ul li.rc_cont2 div{width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
#registration_cont .rc_form ul li.rc_cont2 div #sample6_address{margin-bottom: 5px;}
#registration_cont .rc_form ul li.rc_cont2 div div #address_btn2{
  background: #719a92; border: none; border-radius: 4px; color: #ffff; width: 30%; min-width: 100px; margin-left: 1%;  }

#registration_cont .rc_form ul li.rc_cont2 div div{display: flex; flex-direction: row; width: 100%; margin: 5px 0 ;}
#registration_cont .rc_form ul li.rc_cont2 span.tit_user_txt{font-size: .8em; color: var(--gray-333333); float:right;  }


#registration_cont .rc_form ul li.rc_cont4 div label{font-style: normal; font-size: 0.9em;}

#div1, #div2{display: none;}


#regi_next_btn{ border-radius: 6px;
  background-color: #719a92; height: 40px; font-size: 1em; color:#fff; margin-top: 50px; width: 100%; border:none;}

/*사진/동영상 첨부*/
  /* .rc_cont14 .rc_cont14_div{display: flex; width: 100%; flex-direction: column;}

  .rc_cont14 .real-upload {    display: none; width: 70px; height: 70px;  }
 

  .rc_cont14 .image-preview {
    width: 100%;
    flex-wrap: wrap;
    height: 170px;
    display: flex;
    overflow: hidden;
  }
  .rc_cont14 .image-preview li{width: 23.5%; margin-right: 2%; margin-bottom: 0px !important;}

  .rc_cont14 .image-preview li:nth-child(4n){margin-right: 0%;}
  .rc_cont14 .image-preview li img.camera{padding:20px;}
  .rc_cont14 .image-preview li img{width: 100%;  border:1px solid var(--gray-d-2-d-2-d-2); border-radius: 4px; height: 100%; max-height: 70px;} */
.rc_cont14_c{width: 100%;}
.rc_cont14_c ul{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; }  
.rc_cont14_c ul li{ border: solid 0.7px var(--gray-d-2-d-2-d-2);border-radius: 4px; width: 23.5%; margin-right: 2%; min-height: 75px; position: relative; }
.rc_cont14_c ul li:nth-child(4n){
  margin-right: 0px;
}
.rc_cont14_c ul li img.ic_ca{width: 22px; left:50%; top:50%; position: absolute; transform: translate(-50%, -50%) ;}
.rc_cont14_c ul li span{position: absolute; right:5px; top: -5px; font-size: 1.3em; font-style: normal; display: block; cursor: pointer;}
.rc_cont14_c ul li p{position: absolute; left:50%; top: 50%; font-size: .7em; font-style: normal; display: block; transform: translate(-50%, -50%); margin-bottom: 0px;  }


#regis_modal{top:20%; }
#regis_modal .modal-content button.btn{ border-radius: 6px;
  background-color: #719a92; height: 40px; font-size: 1em; color:#fff; width: 100%; border:none;}
#regis_modal .modal-content .modal-body .regis_body_cont{text-align: center;}
#regis_modal .modal-content .modal-body .regis_body_cont p{margin-bottom: 0px;}

#regis_modal .modal-content .modal-body .regis_body_cont ul{border:1px solid var(--gray-d-2-d-2-d-2); border-radius: 4px; padding:20px; display: flex; flex-direction: column; margin-top: 10px;}
#regis_modal .modal-content .modal-body .regis_body_cont ul li{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 10px;}
#regis_modal .modal-content .modal-body .regis_body_cont ul li:last-child{margin-bottom: 0px;}
#regis_modal .modal-header {justify-content: center;}
#regis_modal .modal-header > h5{ margin-bottom: 0px; margin-left: 50%; transform: translateX(-50%);}
#regis_modal .modal-header, #regis_modal .modal-footer{border:none;}



/*231207*/
#mypage_wrap header a {display: flex; align-items: center; height: 60px; line-height: 60px; text-decoration: none; color:#000; font-size: 1.2em; font-weight: 500;}

#mypage_wrap .mypage_cont ul{margin: 0px; padding: 0px; width: 100%;}
#mypage_wrap .mypage_cont ul li{  display: flex; flex-direction: column;}
#mypage_wrap .mypage_cont ul li h4{margin: 0px; font-size: 0.95em;}
#mypage_wrap .mypage_cont ul li.mc01{
 flex-direction: row;  justify-content: space-between; align-items: center; padding:15px; border-bottom: 1px solid #d8d8d8;
}
#mypage_wrap .mypage_cont ul li.mc01 img{width: 24px; height: 24px;}

#mypage_wrap .mypage_cont ul li.mc02 {padding:15px;}
#mypage_wrap .mypage_cont ul li.mc02 h4{margin-bottom: 30px;}
#mypage_wrap .mypage_cont ul li.mc02 > div{display: flex; flex-direction: row; justify-content: space-between;}
#mypage_wrap .mypage_cont ul li.mc02 > div img{margin-right: 7px;}
#mypage_wrap .mypage_cont ul li.mc02 > div span{color:#363636; font-weight: 500;}

/* accordion-1 */
#mypage_wrap .mypage_cont ul li.mc03 #accordion-1{
  position: relative;
}
#mypage_wrap .mypage_cont ul li.mc03 #accordion-1 .head{
  color: #000;
  padding: 15px;
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 0.5px #d8d8d8;
}
#accordion-1 .arrow{
  transition: 0.25s ease;
  transform: rotate(180deg);
}
#accordion-1 .head:hover .arrow{
  opacity: 1;
}

#accordion-1 .arrow-animate{
  transform: rotate(0deg);
  opacity: 1;
}
#accordion-1 .content{
  background-color: var(--gray-f-8-f-8-f-8);
  display: none;
  padding: 0 15px;
  color: #000;
}
#accordion-1 .content ul li{padding: 8px 0; font-size: .9em; font-weight: 500;}
#accordion-1 .content ul li a{color:#363636; text-decoration: none;}
#accordion-1 .content ul li a:hover{
  color: var(--primary-2);
}
#mypage_wrap .mypage_cont ul li.mc04{padding:15px;}
#mypage_wrap .mypage_cont ul li.mc04 h4{margin-bottom: 27px;}
#mypage_wrap .mypage_cont ul li.mc04 ul li{display: flex; flex-direction: row; margin-bottom: 20px; align-items: center;}
#mypage_wrap .mypage_cont ul li.mc04 ul li img{width: 35px; margin-right: 7px;}
#mypage_wrap .mypage_cont ul li.mc04 ul li span{color:#989898; font-size: .85em}


.mypage_name_cont{padding: 0 15px;}
.mypage_name_cont h4{
  text-align: left;
  margin: 14px 0;
  font-size: 1em;
  font-weight: normal;
  color: var(--gray-333333);
}
.mypage_name_cont input{
  width: 100%; color:#000;
  border-radius: 4px;   height: 45px; border:none;
  background-color: var(--gray-f-8-f-8-f-8); padding: 0 15px;
  border: solid 0.7px var(--gray-d-2-d-2-d-2);
}

.mypage_name_cont p{text-align: center; margin-top: 90px;}
.mypage_name_cont p.lw2_txt{margin-top: 10px; text-align: left;  color: #719a92; font-size: 0.9em;  font-weight: 500;}
.mypage_name_cont .lw2_txt{margin-top: 10px; text-align: left;  color: #719a92; font-size: 0.9em;  font-weight: 500;}

.mypage_info_cont ul{width: 100%; margin: 0px; padding: 0px;}
.mypage_info_cont ul li{width: 100%; border-bottom: 1px solid #d8d8d8; padding:15px;}
.mypage_info_cont ul li h4{margin:0 0 20px; font-size: 0.9em;  color: var(--gray-333333);}
.mypage_info_cont ul li div{display: flex; width: 100%; flex-direction: row; justify-content: space-between;}
.mypage_info_cont ul li div input{border:none; font-size: 1em; color: var(--gray-aaaaaa);}
.mypage_info_cont ul li div span{color: var(--gray-aaaaaa);}



.mypage_pwd_cont{padding: 0 15px;}
.mypage_pwd_cont h4{
  text-align: left;
  margin: 14px 0;
  font-size: 1em;
  font-weight: normal;
  color: var(--gray-333333);
}
.mypage_pwd_cont input{
  width: 100%; color:#000;
  border-radius: 4px;   height: 45px; border:none;
  background-color: var(--gray-f-8-f-8-f-8); padding: 0 15px;
  border: solid 0.7px var(--gray-d-2-d-2-d-2);
}

.mypage_pwd_cont p{text-align: center; margin-top: 90px;}
.mypage_pwd_cont p.lw2_txt{margin-top: 10px; text-align: left;  color: #719a92; font-size: 0.9em;  font-weight: 500;}
.mypage_pwd_cont .lw2_txt2{margin-top: 10px; text-align: left;  color: var(--secondary-1); font-size: 0.9em;  font-weight: 500;}


#withdrawal_modal{top:30%; }
#withdrawal_modal .modal-content button.btn{background-color: var(--gray-f-8-f-8-f-8); width: 50%;  border-radius: 50px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);  height: 45px;   text-align: center; font-weight: 500;
  color: var(--primary-2); border:none;}
#withdrawal_modal .modal-content button.btn_l{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
  #withdrawal_modal .modal-content button.btn_r{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#withdrawal_modal .modal-content .modal-body > p{border-radius: 4px;
  background-color: var(--gray-f-8-f-8-f-8); padding:15px; font-size: 0.9em; text-align: center; margin-bottom: 0px;}
#withdrawal_modal .modal-header {justify-content: center;}
#withdrawal_modal .modal-dialog .modal-content .modal-header > h5{text-align: center;}
#withdrawal_modal .modal-header, #withdrawal_modal .modal-footer{border:none;}
#withdrawal_modal .modal-footer{flex-direction: row; display: flex; flex-wrap: nowrap;margin-bottom: 20px; }
#withdrawal_modal .modal-footer >*{margin: 0px !important;}



/*0205*/
.login_tit1{margin-top: 35px; font-size: 20px;    color: #313643; text-align: center; font-weight: bold;line-height: 1.5;}
.login_tit2{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.3em;
    color: #313643;
    text-align: center;
}
#login_oneid .mb-5{margin-bottom: 5px !important;}
#login_oneid .lw_btn{font-size: 1em !important;}
.login_btns {display: flex; flex-direction: column;}
.login-pwd-txt{ margin-top: 10px; font-size: 1em;  letter-spacing: -1px; color: #313643; text-align: center; font-weight: normal; margin-bottom: 0px !important;}
.login-pwd-reset{font-size: 1.1em; color: #ff0000;    text-align: center; margin-top: 10px; font-weight: normal; letter-spacing: -1px;}

.login_pwd_forgot{width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px;}
.login_pwd_forgot > a{border:none !important; height: 100% !important;}

.login_btns .common-btn-radius{border-radius: 4px; font-size: 1.2em; }
.login_btns .common-btn-radius:first-child{background: #719a92; color:#fff;}
.login_btns .common-btn-radius:last-child{margin-top: 5px;}

.n_account{margin-top: 50px; font-size: 1em; text-align: center; color:#000; font-weight: normal;}
.join_link{text-align: center; color:#719a92; font-weight: bold; display: block; margin-top: 10px;}

.pwd_reset{margin-top: 10px; width: 100%; display: flex; flex-direction: column;}
.pwd_reset div{width: 100%; display: flex; flex-direction: row;}

.pwd_reset div.pr_1 select{width: 24%; margin-right: 1%; padding:0 5px; border-radius: 6px; background: #f8f8f8 !important;  border: solid 1px #f1f1f1; font-size: .8em; text-align: center;}
.pwd_reset div.pr_1 input{margin-right: 1%; width: 48%; padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; margin-bottom: 0px !important;}
.pwd_reset div.pr_1 button{padding:0px; width: 26%; background: #719a92; color:#fff; border-radius: 6px; border:none; padding:0 15px;}

.pwd_reset div.pr_2{margin-top: 5px;}
.pwd_reset div.pr_2 > div{position: relative; width: 73%; margin-right: 1%; }
.pwd_reset div.pr_2 > div span.pr_2_time{position: absolute; right:15px; top:50%; transform: translateY(-50%); color:#000;font-size: 13px;}
.pwd_reset div.pr_2 input{ width: 100%; padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; height: 44px; margin-bottom: 0px !important;}
.pwd_reset div.pr_2 button{padding:0px; width: 26%; background: #719a92; color:#fff; border-radius: 6px; border:none; }

.pwd_reset div.pr_3{margin-top: 5px;} 
.pwd_reset div.pr_3 input{width: 100%;  padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; height: 44px; margin-bottom: 0px !important;}

.pwd_reset > p{letter-spacing: -1px; text-align: left; font-size: 14px; margin:5px 0;}
.pwd_reset > span.none_pwd{color:#ff0000; display: none; text-align: left; margin-top: 5px; font-size: 13px;}
.pwd_reset .btn-next{background: #719a92; color:#fff; text-align: center; height: 48px; line-height: 48px; border-radius: 6px; margin-top: 50px; border:none;}


/*modal*/
#exampleModal .modal-dialog{top:30%;}
#exampleModal .modal-body{text-align: center; font-size: 1.2em; margin:20px 0 0; letter-spacing: -1px; font-weight: bold;}
#exampleModal .modal-footer{border-top:none;}
#exampleModal .modal-footer .btn{text-align: center; width: 100%; background:#719a92; color:#fff;     border-radius: 100px; height: 50px; max-width: 300px; margin:0 auto; display: block;}


/*240215 수정추가*/
.login-pwd-wrong{    display: block;
  color: var(--primary-1);
  font-weight: 500; }

.pwd_reset div.pr_1 input{width: 74%;}