@charset "utf-8";

/************************************************************** 
	관심고객등록 페이지 스타일
	작성일 : 2024.01 / 작성자 : ㈜넥스미디어    
**************************************************************/

/*
    variable
********************/

:root {  
  --table-top-border:#263d6b;
  --table-th-bg:#f0f4f6;
  --regist-btn-bg:#263d6b;
}


.page_content .temp_regist .page_container {
  text-align: left;
}
@media screen and (max-width: 1100px) {
  .page_content .temp_regist .page_container {
    padding: 0 20px;
  }
}
.page_content .temp_regist h2 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 10px;
}
.temp_regist .terms_box {
    padding: 1rem 2rem;
    background: #f9f9f9;
    border: 1px solid #e0e5e8;
    font-size: 1.0rem;
    height: 180px;
    overflow-y:scroll;
}
.temp_regist .terms_agree{
  padding: 1rem 0 2rem;
  text-align:center; 
  font-size: 0.92rem;
}
.temp_regist .terms_agree label {display: inline-block; padding: 0 0.5rem; font-size: 1.0rem; font-weight: 300;}
.temp_regist .terms h3 {font-size: 1rem; padding: 1rem 0;}
.temp_regist .privacy_tb{margin-bottom:20px; border-top:2px solid var(--table-top-border);}
.temp_regist .privacy_tb table{width:100%;}
.temp_regist .privacy_tb th{padding:15px; text-align:center; vertical-align: middle; background-color:var(--table-th-bg); border-bottom:1px solid #e4e4e4; color:#2c2c2c; font-size: 1.0rem; word-break: keep-all;}
.temp_regist .privacy_tb td{padding:15px; border-bottom:1px solid #e4e4e4; font-size: 1.0rem; word-break: keep-all;}
.temp_regist .privacy_tb td:first-child,.privacy_tb th:first-child{border-right: 1px solid #e4e4e4 }
.temp_regist .privacy_tb td span{color:#2c2c2c; font-size:12px;}
.temp_regist .privacy_tb td.bg_none input[type=text]{width:598px; background-color: none;}
.temp_regist .privacy_tb .btn_post{margin-left:5px; width:90px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.temp_regist .privacy_tb td label{color:#959595; font-size:14px; }
.temp_regist .privacy_tb .joinNm { width: 100%; height: 30px; font-size: 1.0rem; line-height: 1.2;}
.temp_regist .privacy_tb .pcs1 { width: 30%; max-width: 200px; min-width: auto !important; height: 30px; font-size: 1.0rem;}
.temp_regist .privacy_tb .pcs2 { width: 30%; max-width: 200px; height: 30px; font-size: 1.0rem;}
.temp_regist .privacy_tb .pcs3 { width: 30%; max-width: 200px; height: 30px; font-size: 1.0rem;}

.temp_regist .privacy_tb .address1 { width: 30%; max-width: 200px; min-width: auto !important; height: 30px; font-size: 1.0rem;}
.temp_regist .privacy_tb .address2 { width: 30%; max-width: 200px; min-width: auto !important; height: 30px; font-size: 1.0rem;}
.temp_regist .privacy_tb .address3 { width: 30%; max-width: 200px; min-width: auto !important; height: 30px; font-size: 1.0rem;}
.privacy_tb td input[type=text].w200 {width:220px;}
a.certificationBtn {margin-left:4px; padding:3px 10px; background-color:#000; color:#fff;}

@media screen and (max-width: 480px) {
  .temp_regist .privacy_tb .address1 { width: 100%; max-width: auto; min-width: auto !important; height: 30px; margin: 0 0 5px;}
  .temp_regist .privacy_tb .address2 { width: 100%; max-width: auto; min-width: auto !important; height: 30px; margin: 0 0 5px;}
  .temp_regist .privacy_tb .address3 { width: 100%; max-width: auto; min-width: auto !important; height: 30px;}
}
.temp_regist .btn_regist,
.temp_regist .btn_cancel { 
  margin: 0 2px; 
  width: 11rem;   
  text-align: center; 
  display: inline-block; 
  font-size: 1.14rem; 
  font-weight: 400;
}
.temp_regist .btn_regist { color: #fff !important; background-color: var(--regist-btn-bg); }
.temp_regist .btn_cancel { color: #666 !important; background-color: #e0e0e0; }

@media screen and (max-width: 640px) {
  .temp_regist .btn_regist,
  .temp_regist .btn_cancel {   
    font-size: 1.1rem; 
  }
}



/*관심고객등록*/
.privacy{text-align: left;}
.privacy fieldset> h2{
  padding-top:20px;
  margin-bottom:40px; 
  height:23px; 
  line-height: 23px; 
  font-weight: bold;
  font-size:20px; 
  color:#1c1c1c; 
}
  
.terms_box{ padding:25px; padding-top:5px; height: 250px; overflow-y: scroll; background: #f5f5f5; font-size:14px;}
.terms_agree{
  padding:28px 0 50px;
  margin-bottom: 36px;
  text-align:center; 
  border-bottom: 1px solid #c7c7c7;
}
.terms_agree * {vertical-align: middle;}
.terms_agree label {display: inline-block; margin-right: 10px;}


/*약관*/
.terms{color:#959595;}
.terms h1{margin-bottom:6px; margin-top:20px; font-size:16px; color:#414042;}
.terms h2{margin-bottom:0; padding:30px 0 10px; font-size:14px; font-weight:600; color:#777;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; color:#777; }
.terms ul li{margin-bottom:5px;}


.survey {
  border-top: 1px solid #c7c7c7;  
  border-bottom: 1px solid #c7c7c7;  
  padding: 20px 0 0;
  margin: 0 0 30px;
}
.survey h3 {
  font-size: 16px;
}
.survey ul>li>ul {
  margin: 15px 0 25px;
  padding: 0 0 0 15px;
 }
.survey ul>li>ul>li {
  margin: 0 15px 5px 0;
  display: inline-block;
  font-size: 14px;
}
.survey ul>li>ul.pline>li {display: block; margin-bottom: 10px;}
.survey ul>li>ul.pline>li:last-child {margin-bottom: 0;}

.survey ul>li>ul>li * {vertical-align: middle;}
.survey h3 strong {
  color: #00adee;
}
ul.survey_list li {
  margin: 0 15px 0 0;
  display: inline-block;
}
.btn_regist,
.btn_cancel { 
  margin: 0 2px; 
  width: 160px; 
  height: 50px; 
  line-height: 50px; 
  text-align: center; 
  display: inline-block; 
  font-size: 18px; 
}
.btn_regist { color: #fff !important; background-color: #781b1b; }
.btn_cancel { color: #666 !important; background-color: #e0e0e0; }

.regist { text-align: left; }
.regist fieldset legend { display: none; }
.regist h2 {
  padding: 20px 0 10px;
  line-height: 23px; 
  font-size:18px;
  font-weight: 600;
}
  
.terms_box{ padding:25px; padding-top:5px; background: #f9f9f9; border: 1px solid #e0e5e8; font-size:13px;}
.terms_agree{
  padding:28px 0 20px;
  text-align:center; 
}
.privacy_tb{margin-bottom:30px; border-top:2px solid #263d6b;}
.privacy_tb table{width:100%;}
.privacy_tb th{ font-family: "Noto Sans KR"; font-weight: 400; padding:10px; text-align:center; vertical-align: middle; background-color:#f0f4f6; border-bottom:1px solid #e4e4e4; font-size:16px; color:#2c2c2c; }
.privacy_tb td{ font-family: "Noto Sans KR"; font-weight: 400; padding:10px; border-bottom:1px solid #e4e4e4;}
.privacy_tb td:first-child,.privacy_tb th:first-child{border-right: 1px solid #e4e4e4 }
.privacy_tb td input[type=text]{padding-left:5px; width:100%; height:30px; line-height:30px; }
.privacy_tb td span{color:#2c2c2c; font-size:12px;}
.privacy_tb td.bg_none input[type=text]{width:598px; background-color: none;}
.privacy_tb .btn_post{margin-left:5px; width:90px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb td label{color:#959595; font-size:14px; }

.privacy_tb dl {
  display: flex;
  flex-wrap: wrap;
}
.privacy_tb dt{ width: 100px; font-family: "Noto Sans KR"; font-weight: 400; padding:10px; text-align:center; vertical-align: middle; background-color:#f0f4f6; border-bottom:1px solid #e4e4e4; font-size:16px; color:#2c2c2c; }
.privacy_tb dd{ width: calc(100% - 100px); font-family: "Noto Sans KR"; font-weight: 400; padding:10px; border-bottom:1px solid #e4e4e4;}
.privacy_tb dd input[type=text]{padding-left:5px; width:100%; height:30px; line-height:30px; }
.privacy_tb dd span{color:#2c2c2c; font-size:12px;}
.privacy_tb dd.bg_none input[type=text]{width:598px; background-color: none;}
.privacy_tb .btn_post{margin-left:5px; width:90px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb dd label{color:#959595; font-size:14px; }

.txt_box{margin-bottom:50px;}
.txt_box li{font-size:13px; color:#777; }
.txt_c{text-align:center !important;}

.privacy_tb .requre {display: inline-block; color:#b11556; margin-left: 10px; font-size: 14px; padding: 10px 0;}


#joinNm { width: 95%; max-width: 220px;}
#pcs1 { width: 30%; max-width: 150px; min-width: auto;}
#pcs2 { width: 30%; max-width: 150px; }
#pcs3 { width: 30%; max-width: 150px; }

#s1 { width: 30%; max-width: 150px; min-width: auto; }
#s2 { width: 30%; max-width: 150px; min-width: auto;}
#s3 { width: 30%; max-width: 150px; min-width: auto;}

@media screen and (max-width: 1024px) {
  .privacy_tb td input[type=text].w200 {width:100px;}
}
@media screen and (max-width: 600px) {
  #s1 { width: 100%; max-width: 100%; min-width: auto; }
  #s2 { width: 100%; max-width: 100%; min-width: auto; margin: 5px 0; }
  #s3 { width: 100%; max-width: 100%; min-width: auto;}
  .privacy_tb td input[type=text].w200 {width:70px;}
  a.certificationBtn {display: block; margin-top:12px; margin-left:0; text-align: center;}
    
}

.privacy_tb .terms table{
  border:1px solid #e4e4e4;
}
.privacy_tb .terms th{
  border-right:1px solid #e4e4e4; 
}
.privacy_tb .terms td{
  vertical-align: middle;
}


.page_contents .page_container.board_con {min-height: 500px; background:#fff; display: block;}
.page_contents .page_container.brand_page {}

.board_con table{
  width:100%;
  text-align:center;
}
.board_con table tr{
  border-bottom: 1px solid #dcdee2;
}
.board_con table th,
.board_con table td{
  padding:18px 0; line-height: 30px;
  font-size:14px;
  vertical-align: middle;
  border-bottom:1px solid #ccc;
}
.board_con table>thead th{
  border-top:2px solid #781b1b;
  font-weight:bold;
  font-size:14px;
  color:#404041;
  position: relative;
}
.board_con table>thead th::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  display:block;
  height:9px;
  width:0;
  border-right:1px dotted #404041;
  transform: translateY(-50%);
}
.board_con table>thead th:last-of-type::after{
  display: none;
}
.board_con table>tbody{
  border-top:2px solid #023d61;
}
.board_con table>tbody .num{
  color:#bebebe;
}
.board_con table>tbody .photo>span{
  display: table-cell;
  border: 1px solid #e6e6e6;
  width: 183px;
  height: 108px;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}
.board_con table>tbody .photo>span>img{
  width:100%;
}
.board_con table>tbody .media{
  color:#bebebe;
}
.board_con table>tbody .media>span{
  display:block;margin:auto; background-color: #781b1b; width:60%; height:28px; line-height: 28px; color:#fff;
}
.board_con table>tbody .notice{
  padding-left: 15px;
  text-align:left;
}
.board_con table>tbody .notice .media{
  display:inline-block;
  padding:5px 20px; 
  color:#fff;
  height:28px; line-height: 28px;
  background-color: #781b1b;
  margin-bottom:8px;
}
.board_con table>tbody .notice>a{
  color:#404041;
  font-size:15px;
  display: block;
}
.board_con table>tbody .date{
  color:#bebebe;
}

.page_list {clear: both; text-align:center; padding-top: 30px;}
.page_list a {display: inline-block; width:31px; height:31px; line-height:26px;}
.page_list a.arrow {background-color: #fff; font-size: 0; color: transparent;}
.page_list a.prev {margin-right: 8px;}
.page_list a.next {margin-left: 8px;}
.page_list a.on { border:2px solid #781b1b; font-weight:600; color:#781b1b;}
.page_list a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:20px; color: #888; margin-left: -3px;}
.page_list a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:20px; color: #888;}
.page_list a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:20px; color: #888; margin-left:3px;}
.page_list a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:20px; color: #888;}


.img_con { position: relative;}