@charset "utf-8";

/* 로그인 */
.login_bg { background-color: #313537; }
.login_box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 50px 40px; width: calc(100% - 40px); max-width: 398px; height: auto; max-height: calc(100vh - 40px); overflow-y: auto;}
.login_box .cf-turnstile { display: flex; justify-content: center;}
.logo_img { margin-bottom: 40px; width: 100%; max-width: 298px; height: 70px;}
.logo_img img { width: 100%; height: 100%; object-fit: contain;}
.login_pw { position: relative;}
.login_pw img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.id_pw_link { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; }
.id_pw_link p:first-child::after { content: '|'; padding-left: 10px; color: #768597;}
.id_pw_link p a { color: #768597; }

/* 회원 관리 */
.title { font-size: 20px; font-weight: 700; color: var(--black); }
table { width: 100%;}
tr { border-bottom: 1px solid var(--line);}
th { padding: 20px 10px; font-size: 14px; font-weight: 700; text-align: center;}
td { padding: 20px 10px; font-size: 14px; font-weight: 500; text-align: center;  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */ -ms-text-size-adjust : none;  /* IE */ -moz-text-size-adjust : none;  /* 파이어폭스 */ -o-text-size-adjust : none;  /* 오페라(구)*/}
.coin_input { width: 160px; height: 36px; padding: 8px 16px; border : 1px solid var(--line); border-radius: 8px;}
.coin_btn { padding: 10px 20px 10px; background-color: var(--button); border-radius: 8px; font-size: 12px; font-weight: 700; color: var(--main);}
.list_scroll { overflow-x: auto; scrollbar-width: thin; }
.list_scroll::-webkit-scrollbar { height: 8px; }
.list_scroll::-webkit-scrollbar-thumb { background: #c5cad3; border-radius: 4px; }
.list_scroll::-webkit-scrollbar-track { background: #f1f2f5; }
.search_btn_box { display: flex; justify-content:space-between; align-items: center; padding-bottom: 20px;}

/* 코인관리 */
.coin_box img { width:90px; height: 90px; object-fit: contain;}

/* SEARCH */
.search_container {  display: flex; justify-content: flex-start; align-items: center; width: 385px; }
.search_container select { margin-left: 10px; padding: 10px; width: 130px; height: 41px; background: var(--white);  color:var(--black); border-radius: 8px; border: 1px solid var(--line); font-family: 'NotoSansKR'; font-weight: 500; }
.search_box input { font-family: 'NotoSansKR'; font-weight: 500;}

@media all and (max-width:700px) {
  .search_container { flex-direction: column-reverse; width: 100% !important; padding-bottom: 20px;}
  .search_box { margin: 0; width: 100%;}
  .search_container select { width: 100%; margin: 0 0 10px;}
  .search_box input { width: 100%;}
}
@media all and (max-width:700px) {
  .search_btn_box { flex-direction: column; }
}

/* 회원정보 */
.content_detail { max-width: 961px; margin: auto;}
.content_detail .flex_wrap{}
.user_info_box { display: flex; flex-wrap:wrap;}
.user_info_box > li { flex-basis: 50%;}
.input_box > li p:first-child, .user_info_box > li p:first-child { font-size: 14px; font-weight: 700;}
.user_info_box > li p:last-child { font-size:14px; font-weight: 500;}

/* 회원정보 수정 */
.input_box select, .input_box input, .user_info_box input { padding: 10px 16px; width: 100%; font-weight: 500; height:41px; border-radius: 10px; font-family:"NotoSansKR"; border:1px solid var(--line);}
.user_info_box select { padding: 10px 16px; width: 100%; font-weight: 500; height:41px; background: var(--white); color:var(--black); border-radius: 10px; font-family:"NotoSansKR"; border:1px solid var(--line);}
.pw_change,.pin_change { flex:none; margin-left: 10px;}
.readonly { background-color: #F7F7F8; color: #000;}
.coin_img { display: flex; justify-content: center; align-items: center; flex: none; width: 46px; height: 46px; margin-right: 10px; }
.coin_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* POPUP */
.modi_popup, .del_popup, .edit_popup, .pin_popup, .pw_popup { display: none; position:fixed; background-color: rgba(0, 0, 0,0.5); z-index: 2000; width: 100%; height: 100vh;}
.modi_popup.active, .del_popup.active, .edit_popup.active, .pin_popup.active, .pw_popup.active { display: block;}
.modi_popup .card, .del_popup .card, .edit_popup .card, .pin_popup .card, .pw_popup .card { margin: 0; padding:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 40px); max-width: 520px; min-width: 350px; height: auto; border: 1px solid var(--line);}
.popup_title { padding: 15px 24px; font-size: 16px; font-weight: 700; border-bottom: 1px solid var(--line); }
.popup_txt { padding: 24px; display: flex; flex-direction: column;}
.popup_txt .user_info_box { flex-direction: column;}
.popup_btn { align-self: flex-end;}
.popup_btn button:last-child { margin-left: 8px;}

/* NOTICE_DETAILS */
.txt_content_detail { max-width: 1362px; margin: auto;}
.txt_content_detail .flex_wrap {}
.content_title { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 20px; border-bottom: 1px solid var(--line);}
.content_title p:first-child { font-size: 16px; font-weight: 700; }
.content_title p:last-child { font-size: 14px; font-weight: 500; margin-left: 38px; flex: none;}
.content_txt { display: flex; flex-direction: column; align-items: center;  word-break: break-all;}
.content_txt p { font-size: 14px; font-weight: 500; line-height: 24px; width:100%;}
.content_txt img { width: 50%; margin: 20px 0; }
.input_box textarea { padding: 10px 16px; border: 1px solid var(--line); border-radius: 8px; width: 100%; height: 445px; resize: none; font-family: 'NotoSansKR'; font-size: 14px; font-weight: 400;}
.input_box textarea::placeholder { font-family: 'NotoSansKR'; font-weight: 500; }
.input_box textarea::-webkit-scrollbar { width: 4px; }
.input_box textarea::-webkit-scrollbar-thumb { background-color: var(--main); }
.input_box textarea::-webkit-scrollbar-track { background-color: var(--line) }
@media all and (max-width:500px) {
  .content_title { flex-direction: column;}
  .content_title p:first-child { width: 100%; text-align: left;}
  .content_txt img { width: 100%; }
}

/* COMPLET PAGE */
.comp_txt { padding: 180px 0; text-align: center;}

/* INQUIRY */
.border_top_line { border-top : 5px solid var(--line); }

/* NEWS */
.file_style { margin: 0 auto; padding: 10px 20px; border-radius: 8px; width: 85px; font-size: 14px; font-weight: 700; background-color: #FFF4F0; color: #B82A23;}
.view_pdf { border : 1px solid var(--black); border-radius: 8px;}
.view_pdf img { margin: 0;}
.view_pdf p:first-child { font-size: 14px; font-weight: 500; color: var(--black);}
.view_pdf p:last-child { font-size: 11px; font-weight: 500; color: #768597;}
/* EDIT & MODIFY */
.news_edit { width: 100%; max-width: 961px;}
.news_sel { width: 100%; max-width: 386px; padding: 0;}
.news_flex { display: flex; justify-content:space-between; align-items:flex-start;}
.radio_box { display: flex; justify-content: space-around; align-items: center;}
.radio_box label { display: flex; align-items: center; font-size: 14px; font-weight: 500;}
.radio_box input { margin-right: 5px;}
.upload_box { position: relative; padding: 10px 20px; display:flex; align-items: center; max-width: 140px; border: 1px solid var(--line); border-radius: 8px;}
.upload_box > p { margin-left: 8px; font-size: 14px; font-weight: 700;}
.upload_box > label { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.upload_box input { display: none;}

.news_column { display: flex; flex-direction: column;}
.upload_view_box { max-height: 300px; }
.upload_view_box > video, .upload_view_box > img { width: 100%; max-height:215px; height: 100%; object-fit: contain;}
/* BANNER */
.banner_detail { max-width: 1130px; margin: auto; }
.banner_box { position: relative; width: 360px; height: 225px; }
.banner_num { width: 30px; height:30px; background-color:var(--white); margin: 0 auto; border-radius: 50%; margin-bottom: 10px; border: 1px solid var(--line); font-size: 14px; line-height: 29px; font-weight: 700; box-shadow: 0 0 2px rgb(0 0 0 / 30%); }
.banner_img { width: 320px; height: 180px; object-fit:contain; }
.banner_flex { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

@media all and (max-width:650px) {
  /* 회원정보수정 */
  .user_info_box { flex-direction: column;}
  .user_info_box > li { padding : 0 0 30px 0 !important;}
  .news_flex { flex-direction: column-reverse; align-items: center}
  .banner_flex > div { padding: 30px 0; border-bottom: 1px solid var(--line);}
  /* 리스트 내 버튼 반응형 추가 :  2023.02.13 NBR */
  .content_detail .flex_wrap{ flex-wrap: wrap;}
  .txt_content_detail .flex_wrap{ flex-wrap: wrap;}
}

@media all and (max-width:400px){
  /* 전체 footer 모바일 */
  .footer_inner p { font-size: 13px !important;}
}

/* SHOPPING */
.shopping_box > img { width: 240px; height: 240px; object-fit: contain;}

/* SHOPPING MODIFY : 20220725 JJH */
.shopping_order_details .order_detail_title{padding-bottom:10px; margin-bottom:10px; font-size:18px; font-weight:700;}

.shopping_order_details .imgArea{margin-bottom:40px; text-align:center;}
.shopping_order_details .imgArea img{max-width:400px; width:100%;}

.shopping_order_details .textArea{ margin-bottom:40px; padding:20px; border:1px solid var(--line); border-radius:8px;}

.shopping_order_details .order_info{display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:20px;}
.order_detail_list li{display:flex; justify-content:space-between; align-items:center;  padding:20px 0; border-bottom:1px solid var(--line);}
.order_detail_list li .title{width:85px; font-size:16px; font-weight:500; flex:none;}
.order_detail_list li .value{font-size:16px; font-weight:500;  text-align: right;}

.shopping_order_details .shippingArea{margin-bottom:40px;}
.shopping_order_details .shippingArea .shipping_radio{display:flex; justify-content:space-around; align-items:center;}
.shopping_order_details .shippingArea .shipping_radio label{display:block; margin-right:20px; font-size: 16px; font-weight: 500;}
.shopping_order_details .shippingArea .shipping_radio label:last-child{margin-right:0;}
.shopping_order_details .shippingArea .shipping_radio label input{margin-left:5px;}

.shopping_order_details .shippingArea .shipping_info{display:grid; grid-template-columns:1fr 1fr; grid-column-gap:40px;}
.shopping_order_details .shippingArea .shipping_info label{display:flex; width:100%; align-items: center;}
.shopping_order_details .shippingArea .shipping_info label span{flex:none; margin-right:10px; font-size:14px;}
.shopping_order_details .shippingArea .shipping_info label input{width:100%; border:1px solid #ccc; border-radius:4px; padding:0.5rem 1rem;}

.shopping_order_details .payArea{margin-bottom:40px;}
.shopping_order_details .payArea .payment_list{ display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:40px; grid-row-gap:20px;}
.shopping_order_details .payArea .payment_list li{padding:0.5rem 1rem;  border:1px solid #3E79F7; color:#3E79F7; text-align:center;  font-weight:700; border-radius:4px;}
.shopping_order_details .payArea .payment_list .active{color:#fff; background-color:#3E79F7;}

.shopping_order_details .btnArea{display:flex;}
.shopping_order_details .btnArea button{margin-right:20px;}

@media all and (max-width:992px){
  .shopping_order_details .order_info{grid-template-columns:repeat(1,1fr);}
  .shopping_order_details .payArea .payment_list{grid-template-columns:repeat(2,1fr); }
}

/* PRODUCT CREATE&MODIFY : 20220725 JJH  */
.shopping_product_details label{display:block; padding: 15px 0 20px;}
.shopping_product_details label span{display:block; margin-bottom:10px; font-size:14px; font-weight:500;}
.shopping_product_details label input{width:100%; padding:0.5rem 1rem; border:1px solid #ccc; border-radius:0.5rem;}
.shopping_product_details label select{width:100%; padding:0.5rem 1rem; border:1px solid #ccc; border-radius:0.5rem;}

.shopping_product_details .imgArea{max-width:400px; width:100%; margin: 0 auto 20px; text-align:center; cursor:pointer; border:1px solid var(--line); border-radius: 8px;}
.shopping_product_details .imgArea.active{border:none;}
.shopping_product_details .imgArea img{max-width:400px; width:100%; height: 400px; object-fit: contain; border-radius: 8px;}
.shopping_product_details .img_upload_input{display:none;}

.inputAreaTitle{padding-bottom:10px; font-size:14px; font-weight:700;}

.shopping_product_details .inputArea{border:1px solid var(--line); margin-bottom:20px; padding:0 20px; border-radius:8px;}
.shopping_product_details .inputArea.inputAreaGrid{display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:20px;}


.shopping_product_details .optionArea{border:1px solid var(--line); margin-bottom:20px; padding:0 20px; border-radius:8px;}
.shopping_product_details .optionArea .option_name {display:flex; align-items:flex-end; margin-bottom:15px;}
.shopping_product_details .optionArea .option_name label {width:100%; margin-right:20px; padding:15px 0 0 0;}
.shopping_product_details .optionArea .option_name .option_name_btn_box{display:flex; flex:none;}
.shopping_product_details .optionArea .option_name .option_name_btn_box button{flex:none;}
.shopping_product_details .optionArea .option_value {display:flex; align-items:flex-end; padding-left:20px; margin-bottom:15px;}
.shopping_product_details .optionArea .option_value label{width:100%; padding:15px 0 0 0; margin-right:20px;}
.shopping_product_details .optionArea .option_value .option_value_btn_box {display:flex; flex:none;}
.shopping_product_details .optionArea .option_value .option_value_btn_box button {flex:none;}

@media all and (max-width:992px){
  .shopping_product_details .inputArea.inputAreaGrid{grid-template-columns:repeat(1,1fr);}
}

/* 2023.02.14 : 신정운 */
@media all and (max-width:540px) {
.mobile_t {margin-top:14px;}
}