@charset "UTF-8";

/*##################### RESET ####################*/
* { margin:0; padding:0; box-sizing:border-box; font-family:"noto";}
html {height:100%;}
body {margin:0; padding:0; height:100%; background-color:#efefef;}
li {list-style:none;}
a:link,a:visited { text-decoration:none; color:var(--black);}
input,select,textarea,button {outline: none; border:none;}
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("../img/svg/icon_drop.svg") no-repeat 98% 50%/20px auto; background-size:10px;}
table {border-spacing:0px; border-collapse:collapse;}
button[type="button"]{cursor:pointer;}
body{-ms-overflow-style:none;/* IE and Edge */ scrollbar-width: none; /* Firefox */}
body::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

/* font-family */
@font-face { font-family:"noto"; src:url("./font/NotoSansKR-Light.otf") format("opentype"); font-weight:300; font-style:normal;}
@font-face { font-family:"noto"; src:url("./font/NotoSansKR-Regular.otf") format("opentype"); font-weight:400; font-style:normal;}
@font-face { font-family:"noto"; src:url("./font/NotoSansKR-Medium.otf") format("opentype"); font-weight:500; font-style:normal;}
@font-face { font-family:"noto"; src:url("./font/NotoSansKR-Bold.otf") format("opentype"); font-weight:700; font-style:normal;}

@font-face { font-family:"open"; src:url("./font/OpenSans-Light.ttf") format("opentype"); font-weight:300; font-style:normal;}
@font-face { font-family:"open"; src:url("./font/OpenSans-Regular.ttf") format("opentype"); font-weight:400; font-style:normal;}
@font-face { font-family:"open"; src:url("./font/OpenSans-Medium.ttf") format("opentype"); font-weight:500; font-style:normal;}
@font-face { font-family:"open"; src:url("./font/OpenSans-SemiBold.ttf") format("opentype"); font-weight:600; font-style:normal;}
@font-face { font-family:"open"; src:url("./font/OpenSans-Bold.ttf") format("opentype"); font-weight:700; font-style:normal;}


/*#################### CSS 변수 ####################*/
:root {
  --green : #1F893B;
  --sub_color: #B50308;
  /* border */
  --border : #C3C3C3;
  --border_sub : #EFEFEF;

  /* label-input-button */
  --label-button-size : 70px;
  --label-button-gap : 10px;
  --label-button-total : 80px;
}


/* 강조 텍스트 */
.text_red{color:var(--sub_color);}
.text_red2{color:#B50308;}
.text_green{color:var(--green);}
.mb_50{ margin-bottom: 50px;}
.cursor { cursor:pointer;}
.color_green{color:var(--green);}
.color_red{color:#B50308;}

/*input label 화살표 제거*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/*input label 체크박스 디자인 변경 */
button[type="button"].exchange_list_button {
  width: 86px;
  height: 60px;
  background-color: var(--main);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
}
button[type="button"].coin_list_button {
  width: 70px;
  height: 60px;
  background-color: var(--main);
  color: #fff;
  font-size: 11px !important;
  font-weight: 700;
  border-radius: 5px;
  padding: 0px !important;
}
button[type="button"].main {
  background-color: var(--main);
  color: #fff;
  width: 100%;
  bottom: 0;
  margin-top: 30px;
  height: 52px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
}
button[type="button"].cancel {
  background-color: #f0f0f0;
  color: #fff;
  width: 100%;
  bottom: 0;
  margin-top: 30px;
  height: 52px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
}
button[type="button"].change_password {
  background-color: #f0f0f0;
  color: #fff;
  min-width: 100px;
  bottom: 0;
  height: 40px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
}
button[type="button"].rec_search{
  color: #fff;
  width: 150px;
  bottom: 0;
  height: 40px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
  padding: 0;
}
button[type="button"].rec_search {
  margin-right: 0px;
}


.word_break_all{word-break:break-all;}
.underline{border-bottom: 1px solid #f0f0f0; margin: 10px 0;}
.bg_white{background-color: #fff;}

/* wrap */
.wrap{width:100%; max-width:768px; min-height:100%; margin:0 auto; background-color:#fff;}
.wrap.full{display:flex; flex-direction:column; }
.wrap.full .content{flex:1;}
.wrap.full .header{flex:none;}
.wrap.full .footer{flex:none;}
.wrap_padding{padding: 20px;}

/*header*/
.header {width:100%;}
.header_safe_area{width:100%; height:50px;}
.header_common_layout{position:fixed; left:50%; top:0; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; width:100%; max-width:768px; height:50px; padding:0 20px; border-bottom:1px solid var(--border_sub); background-color:#fff; z-index:9;}
.header_title{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; font-weight:700;}
.header_left{margin-right:auto;}
.header_right{margin-left:auto;}
.header .close{width:14px; cursor:pointer;}
.header .close img{display:block;}
.header .back{width:10px; cursor:pointer;}
.header .back img{display:block;}

/* content */
.content{width:100%; overflow:hidden;}
.content_inner{padding:0 20px;}

/* footer */
.footer{width:100%;}
.footer .inner{width:100%; max-width:768px; margin:auto;}

/* label */
.label{display:block;}
.label .text{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.label .help{display:block; font-size:12px; font-weight:500; margin-top:4px;}
.label input{width:100%; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500;}
.label input::placeholder{font-weight:400; color:var(--dark_gray);}
.label input[readonly]{background-color:var(--light_gray); font-size:14px; font-weight:400; border:none;}
.label input[readonly].readonly{border:1px solid var(--border); background-color:#fff; border-radius:6px; font-size:14px; font-weight:500;}

.label_toggle{display:block; position:relative;}
.label_toggle .text{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_toggle .help{display:block; font-size:12px; font-weight:500; margin-top:4px;}
.label_toggle input{width:100%; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500;}
.label_toggle input::placeholder{font-weight:400; color:var(--dark_gray);}
.label_toggle img{position:absolute; right:10px; top:43px; cursor:pointer;}

.label_search{display:block; position:relative;}
.label_search .text{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_search .help{display:block; font-size:12px; font-weight:500; margin-top:4px;}
.label_search input{width:100%; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500;}
.label_search input::placeholder{font-weight:400; color:var(--dark_gray);}
.label_search img{position:absolute; right:10px; top:46px; cursor:pointer;}

.label_button{display:flex; flex-wrap:wrap; position:relative;}
.label_button .text{display:block; width:100%; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_button .help{display:block; width:100%; font-size:12px; font-weight:500; margin-top:4px;}
.label_button input{width:calc(100% - var(--label-button-total)); padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500;}
.label_button input::placeholder{font-weight:400; color:var(--dark_gray);}
.label_button input[readonly]{background-color:var(--light_gray); font-size:14px; font-weight:400; border:none;}
.label_button input[readonly].readonly{border:1px solid var(--border); background-color:#fff; border-radius:6px; font-size:14px; font-weight:500;}
.label_button .button{width:var(--label-button-size); padding:8px 16px; margin-left:var(--label-button-gap); border-radius:6px; border:none; text-align:center; background-color:var(--main); color:#fff; font-size:16px; font-weight:700; cursor:pointer;}

.label_toggle_button{display:flex; flex-wrap:wrap; position:relative;}
.label_toggle_button .text{flex:none; display:block; width:100%; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_toggle_button .help{flex:none; display:block; width:100%; font-size:12px; font-weight:500; margin-top:4px;}
.label_toggle_button input{width:calc(100% - var(--label-button-total)); padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:16px; font-weight:500;}
.label_toggle_button input::placeholder{font-weight:400; color:var(--dark_gray);}
.label_toggle_button .button{width:var(--label-button-size); padding:8px 16px; margin-left:var(--label-button-gap); border-radius:6px; border:none; text-align:center; background-color:var(--main); color:#fff; font-size:16px; font-weight:700; cursor:pointer;}
.label_toggle_button img{position:absolute; right:calc(var(--label-button-total) + 10px); top:43px; cursor:pointer;}

.label_select{display:block; margin-bottom: 30px;}
.label_select .text{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_select .help{display:block; font-size:12px; font-weight:500; margin-top:4px;}
.label_select select{width:100%; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500; color:#000;}

.label_textarea{display:block;}
.label_textarea .text{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.label_textarea .help{display:block; font-size:12px; font-weight:500; margin-top:4px;}
.label_textarea textarea{width:100%; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:14px; font-weight:500;}

.label_checkbox{display:flex; align-items:center;}
.label_checkbox .text{font-size:16px; font-weight:700; margin-left:10px;}
.label_checkbox input{-webkit-appearance:none; position:relative; width:24px; height:24px; cursor:pointer; outline:none; border:1px solid var(--border); border-radius:4px;}
.label_checkbox input::before {background-image:url("../img/svg/icon_chk.svg"); width:100%; height:100%; background-repeat: no-repeat; background-position:center; content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.label_checkbox input:checked {background-color:var(--main); border:none;}

.label_checkbox_inline{display:inline-flex; align-items:center;}
.label_checkbox_inline .text{font-size:16px; font-weight:700; margin-left:10px;}
.label_checkbox_inline input{-webkit-appearance:none; position:relative; width:24px; height:24px; cursor:pointer; outline:none; border:1px solid var(--border); border-radius:4px;}
.label_checkbox_inline input::before {background-image:url("../img/svg/icon_chk.svg"); width:100%; height:100%; background-repeat: no-repeat; background-position:center; content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.label_checkbox_inline input:checked {background-color:var(--main); border:none;}

input[type="checkbox"]{-webkit-appearance:none; position:relative; width:24px; height:24px; cursor:pointer; outline:none; border:1px solid var(--border); border-radius:4px;}
input[type="checkbox"]::before{background-image:url("../img/svg/icon_chk.svg"); width:100%; height:100%; background-repeat: no-repeat; background-position:center; content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
input[type="checkbox"]:checked{background-color:var(--main); border:none;}

/* terms_box */
.terms_box{max-height:200px; overflow-y:auto; white-space:pre-line; padding:8px 16px; border-radius:6px; border:1px solid var(--border); font-size:12px; font-weight:400;}


/* input */
.input_box{width:100%;}
.input_box .label{font-size:16px; font-weight:700; margin-bottom:10px;}
.input_box .text{width:100%; height:100%; padding:8px 16px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-weight:500;}
.input_box .outer{display:flex; align-items:center;}
.input_box .outer button{flex:none;}
.input_box .outer .inner{width:100%; height:40px; position:relative;}
.input_box .outer .inner input{width:100%; height:100%; padding:8px 16px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-weight:500;}
.input_box .outer .inner input[readonly]{background-color:var(--light_gray); font-size:14px; font-weight:400; border:none;}
.input_box .outer .inner input[readonly].readonly{border:1px solid var(--border); background-color:#fff; border-radius:6px; font-size:14px; font-weight:500;}
.input_box .outer .inner input::placeholder{font-weight:400; color:var(--dark_gray);}
.input_box .outer .inner img{position:absolute; right:20px; top:50%; transform:translateY(-50%); cursor:pointer;}

/* select */
.select_box{width:100%;}
.select_box .label{font-size:16px; font-weight:700; margin-bottom:10px;}
.select_box select{width:100%; height:100%; padding:8px 16px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-weight:500;}

/* textarea */
.textarea_box{width:100%;}
.textarea_box .label{font-size:16px; font-weight:700; margin-bottom:10px;}
.textarea_box textarea{width:100%; min-height:400px; resize:none; padding:8px 16px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-weight:500;}
.textarea_box textarea::placeholder{font-weight:400; color:var(--dark_gray);}


/* button */
.button_box{display:flex; align-items:center;}
button[type="button"]{ padding:8px 16px; border-radius:4px; font-size:16px; font-weight:700;}
button[type="button"].main{background-color:var(--main); color:#fff;}
button[type="button"].white{background-color:#fff; border:1px solid var(--main); color:var(--main);}
button[type="button"].confirm{background-color:var(--main); color:#fff;}

button[type="button"].small{height:30px;}
button[type="button"].regular{height:35px;}
button[type="button"].medium{height:40px;}
button[type="button"].large{height:45px;}

button[type="button"].coin_list_button{width:70px; height:60px; background-color:var(--main); color:#fff; font-size:12px; font-weight:700;}

button[type="button"].payment{border:1px solid var(--border); background-color:#fff; color:#555;}
button[type="button"].payment.active{border:1px solid var(--main); background-color:#fff; color:var(--main);}
button[type="button"].minus{width:28px; height:28px; font-size:18px; border-radius:50%; padding:0;}
button[type="button"].plus{width:28px; height:28px; font-size:18px; border-radius:50%; padding:0;}
button[type="button"].minus.active{background-color:var(--main); color:var(--white);}
button[type="button"].plus.active{background-color:var(--main); color:var(--white);}

button[type="button"].cancel{color:#000;}

input.shopping_amount{width:40px; text-align:center; font-size:16px; font-weight:700;}

/* banner */
.banner_swiper .swiper-pagination{bottom:30px;}
.banner_swiper .swiper-pagination-bullet{width:6px; height:6px; margin-right:4px; background-color:#fff; opacity:1;}
.banner_swiper .swiper-pagination-bullet-active{background-color:var(--sub);}
.banner_slide{position:relative; width:100%; padding-top:56.25%; background-color:#eee;}
.banner_slide img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center;}

/* marquee */
.marquee{position:relative; bottom:20px; width:calc(100% - 40px); height:40px; margin:0 auto; background-color:#fff; border-radius:20px; box-shadow:1px 1px 2px rgba(226, 226, 226,0.3); z-index:1; overflow:hidden;}
.marquee_inner, .marquee_inner_clone{position:absolute; left:100%; display:flex; align-items:center; width:100%; height:100%;}
.marquee a{flex:none; font-size:16px; font-weight:700; }

/* member */
.member_card{width:100%; padding:16px; background-color:var(--sub); border-radius:6px;}
.member_card .id{font-size:16px; font-weight:500; color:#fff;}
.member_card .amount{font-size:22px; font-weight:700; color:#fff;}
.member_list{width:100%; padding:16px; border-radius:6px; background-color:var(--sub);}
.member_id{font-size:16px;font-weight:500; color:var(--white);}
.member_cash{font-size:22px; font-weight:700; color:var(--white); padding-bottom:16px; border-bottom:1px solid rgba(242, 242, 242,0.3); word-break:break-all;}
.copy_btn{width:112px; height:40px; margin-top:10px; border-radius:4px; background-color:var(--main_color); font-size:16px; font-weight:700; color:var(--white);}

/* shopping */
.shopping_swiper .swiper-pagination{position:static; margin-top:20px;}
.shopping_swiper .swiper-pagination-bullet{width:6px; height:6px; margin-right:4px; background-color:#eee; opacity:1;}
.shopping_swiper .swiper-pagination-bullet-active{background-color:var(--sub);}

/* pagination */
.pagination{display:flex; align-items:center;}
.pagination li{width:26px; height:26px; margin-right:4px;}
.pagination li:last-child{margin-right:0;}
.pagination li a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:14px; font-weight:500; font-family:"open"; color:var(--gray);}
.pagination .page.active{border-radius:4px; background-color:var(--main);}
.pagination .page.active a{color:#fff;}

/* bottom_tab */
.bottom_tab_safe_area{width:100%; height:83px;}
.bottom_tab{position:fixed; left:50%; bottom:0; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center;  width:100%; max-width:768px; padding:16px 20px; border-top:1px solid var(--border_sub); background-color:#fff; z-index:9;}
.bottom_tab li a{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 10px;}
.bottom_tab li a .img{display:block; width:22px; height:22px; margin-bottom:8px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.bottom_tab li a .text{font-size:14px; font-weight:500; color:#999;}
.bottom_tab .active a .text{color:var(--black);}

.bottom_tab li:nth-child(1) a .img{background-image:url("../img/svg/icon_menu_wallet.svg");}
.bottom_tab li:nth-child(2) a .img{background-image:url("../img/svg/icon_menu_send.svg");}
.bottom_tab li:nth-child(3) a .img{background-image:url("../img/svg/icon_menu_shopping.svg");}
.bottom_tab li:nth-child(4) a .img{background-image:url("../img/svg/icon_menu_change.svg");}
.bottom_tab li:nth-child(5) a .img{background-image:url("../img/svg/icon_menu_mypage.svg");}

.bottom_tab .active:nth-child(1) a .img{background-image:url("../img/svg/icon_menu_wallet_on.svg");}
.bottom_tab .active:nth-child(2) a .img{background-image:url("../img/svg/icon_menu_send_on.svg");}
.bottom_tab .active:nth-child(3) a .img{background-image:url("../img/svg/icon_menu_shopping_on.svg");}
.bottom_tab .active:nth-child(4) a .img{background-image:url("../img/svg/icon_menu_change_on.svg");}
.bottom_tab .active:nth-child(5) a .img{background-image:url("../img/svg/icon_menu_mypage_on.svg");}


/* coin_list */
.coin_list{width:100%; overflow:hidden;}
.coin_list_no_data{height:68px; text-align:center; border:1px solid var(--border_sub); display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:700; border-radius:6px; box-shadow:1px 1px 2px rgb(226 226 226 / 30%);}
.coin_list li{position:relative; margin-bottom:14px;}
.coin_list li:last-child{margin-bottom:0px;}
.coin_list_info{padding:10px 16px; border:1px solid var(--border_sub); border-radius:6px; box-shadow:1px 1px 2px rgb(226 226 226 / 30%); display:flex; align-items:center; cursor:pointer; position:relative; background-color:#fff; transition:transform 0.3s;}
.coin_list_info .img{flex:none; width:46px; height:46px; margin-right:10px; border:1px solid var(--border); border-radius:50%; display:flex; justify-content:center; align-items:center;}
.coin_list_info .img img{display:block; width:100%; height:100%; object-fit:contain; object-position:center;}
.coin_list_info .text_area{display:flex; justify-content:space-between; align-items:center; width:100%;}
.coin_list_info .text_area .amount{font-size:16px; font-weight:700;}
.coin_list_info .text_area .price{font-size:14px; font-weight:400; color:var(--gray); text-align:right;}

.coin_list_info.active{transform:translateX(-240px);}

@media all and (min-width:320px) and (max-width:480px){
  .coin_list_info .text_area{flex-direction:column; justify-content:center; align-items:flex-start;}
  .coin_list_info .text_area .price{text-align:left;}
}

/* coin_list_button_box */
.coin_list_button_box{display:flex; align-items:center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.coin_list_button_box button{margin-right:10px;}
.coin_list_button_box button:last-child{margin-right:0;}

/* exchange_list */
.exchange_list{width:100%; overflow:hidden;}
.exchange_list_no_data{height:68px; text-align:center; border:1px solid var(--border_sub); display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:700; border-radius:6px; box-shadow:1px 1px 2px rgb(226 226 226 / 30%);}
.exchange_list li{position:relative; margin-bottom:14px;}
.exchange_list li:last-child{margin-bottom:0px;}
.exchange_list_info{padding:10px 16px; border:1px solid var(--border_sub); border-radius:6px; box-shadow:1px 1px 2px rgb(226 226 226 / 30%); display:flex; align-items:center; cursor:pointer; position:relative; background-color:#fff; transition:transform 0.3s; display:flex; justify-content:space-between; align-items:center;}

.exchange_list_info .from{flex:none; width:calc(50% - 20px); padding:0 10px;}
.exchange_list_info .to{flex:none; width:calc(50% - 20px); padding:0 10px;}

.exchange_list_info .arrow{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.exchange_list_info .img{width:46px; height:46px; padding:6px; margin:auto; border:1px solid var(--border); border-radius:50%; display:flex; justify-content:center; align-items:center;}
.exchange_list_info .img img{display:block; width:100%; height:100%; object-fit:contain; object-position:center;}
.exchange_list_info .text{font-size:16px; font-weight:700; text-align:center;}

.exchange_list_info.active{transform:translateX(-188px);}

/* exchange_list_button_box */
.exchange_list_button_box{display:flex; align-items:center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.exchange_list_button_box button{margin-right:10px;}
.exchange_list_button_box button:last-child{margin-right:0;}

/* news_list */
.news_list{width:100%;}
.news_list li{width:100%; border-bottom:1px solid var(--border_sub); padding-bottom:20px; margin-bottom:20px;}
.news_list li:last-child{border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.news_list li a{display:flex; justify-content:space-between; align-items:flex-start;}
.news_list li a span{display:block;}
.news_list li a .text{display:flex; flex-direction:column; justify-content:space-between; height:94px; margin-right:20px;}
.news_list li a .text .title{font-size:16px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break: break-all;}
.news_list li a .text .desc{font-size:14px; font-weight:500; color:var(--dark_gray); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break: break-all;}
.news_list li a .text .date{font-size:14px; font-weight:400; color:var(--gray);}
.news_list li a .img{flex:none; width:94px; height:94px; border-radius:6px; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.news_list li a .img img{width:100%; height:100%; object-fit:contain; object-position:center;}

.news_view_content{width:100%;}
.news_view_content .img{width:100%; margin:10px 0;}
.news_view_content .img img{width:100%;}
.news_view_content .pdf{width:100%; margin:10px 0;}
.news_view_content .pdf a{display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:700;}
.news_view_content .video{width:100%;}
.news_view_content .video video{width:100%;}


/* notice_list */
.notice_list{width:100%;}
.notice_list li{border-bottom:1px solid var(--border_sub);}
/* .notice_list li:last-child{border-bottom:none;} */
.notice_list li a{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:20px 0;}
.notice_list li a .title{font-size:16px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-right:20px; word-break: break-all;}
.notice_list li a .date{font-size:14px; font-weight:400; color:var(--gray);}

/* text_card_list */
.text_card_list{width:100%; padding:16px; border:1px solid var(--border); border-radius:6px;}
.text_card_list li{display:flex; justify-content:space-between; align-items:center; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--border_sub);}
.text_card_list li:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
.text_card_list .title{flex:none; font-size:14px; font-weight:500; color:var(--dark_gray); word-break: break-all;}
.text_card_list .desc{font-size:14px; font-weight:700; word-break: break-all;}

@media all and (min-width:320px) and (max-width:480px){
  .text_card_list li{display:block;}
  .text_card_list .title{margin-bottom:10px;}
}

/* text_list */
.text_list{width:100%; padding:16px; border-radius:6px;}
.text_list li{display:flex; justify-content:space-between; align-items:center; padding-bottom:14px; margin-bottom:14px;}
.text_list li:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
.text_list .title{flex:none; font-size:14px; font-weight:500; color:var(--dark_gray);}
.text_list .desc{font-size:14px; font-weight:700; word-break: break-all; text-align:right;}

@media all and (min-width:320px) and (max-width:480px){
  .text_list li{display:block;}
  .text_list .title{margin-bottom:10px;}
  .text_list .desc{text-align:left;}
}

/* shopping_swiper_list */
.shopping_swiper_list li a{display:block; width:100%; height:100%;}
.shopping_swiper_list li a span{display:block;}
.shopping_swiper_list li a .img{position:relative; width:100%; height:0px; padding-top:100%; border-radius:6px; overflow:hidden; background-color:#eee; margin-bottom:10px;}
.shopping_swiper_list li a .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center;}
.shopping_swiper_list li a .title{font-size:16px; font-weight:700; margin-bottom:20px; word-break: break-all;}
.shopping_swiper_list li a .price{font-size:18px; font-weight:700;}

/* shopping_list */
.shopping_list{display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:20px; grid-row-gap:20px;}
.shopping_list li a{display:block;}
.shopping_list li a .img{width:100%; height:0; padding-top:100%; margin-bottom:10px; background-color:#eee; border-radius:10px; overflow:hidden; position:relative;}
.shopping_list li a .img img{width:100%; height:100%; object-fit:contain; object-position:center; position:absolute; left:0; top:0;}
.shopping_list li a .title{font-size:16px; font-weight:700; margin-bottom:20px; word-break: break-all;}
.shopping_list li a .price{font-size:16px; font-weight:700;}
.shopping_list li a .price .discount{margin-left:10px; font-size:12px; font-weight:500; color:var(--gray); text-decoration:line-through;}


/* inquiry_list */
.inquiry_list{width:100%;}
.inquiry_list li{width:100%; border-bottom:1px solid var(--border_sub);}
.inquiry_list li a{display:block; width:100%; padding:20px 0;}
.inquiry_list li:first-child a{padding-top:0px;}
.inquiry_list li a .title{font-size:16px; font-weight:700; margin-bottom:10px; word-break:break-all;}
.inquiry_list li a .state{font-size:16px; font-weight:700;}
.inquiry_list li a .state.complete{color:var(--green);}
.inquiry_list li a .state.wait{color:var(--red);}
.inquiry_list li a .date{font-size:14px; font-weight:400; color:var(--gray);}

/* login */
.login_logo{width:150px; height:150px; margin:auto;}
.login_logo img{display:block; width:100%; height:100%; object-fit:contain; object-position:center;}

/* mylist_profile */
.mylist_profile{width:100%;}
.mylist_profile .img{width:60px; height:60px; border-radius:50%; overflow:hidden; margin:0 auto 12px;}
.mylist_profile .img img{display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.mylist_profile .name{font-size:14px; font-weight:500; color:var(--dark_gray); margin-bottom:4px; text-align:center;}
.mylist_profile .email{font-size:16px; font-weight:700; text-align:center;}

.my_list{width:100%;}
.my_item{width:100%; height:62px; padding:0 20px; border-top:1px solid var(--light_gray); border-bottom:1px solid var(--light_gray);}
.my_link{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; font-size:16px; font-weight:700;}
.my_link:after{content:""; display:block; width:24px; height:24px; background:url("../../assets/img/svg/icon_more.svg") no-repeat center;}
.my_item:not(:first-child){border-top:none;}

/* send_main */
.send_main_card{width:100%; border:1px solid var(--border_sub); border-radius:10px; box-shadow:1px 1px 2px rgba(226,226,266,0.3); overflow:hidden; transition:all 0.3s;}
.send_main_card a{display:block; width:100%; height:100%;}
.send_main_card a span{display:block;}
.send_main_card a .img{height:160px; border-bottom:1px solid #fff; display:flex; justify-content:center; align-items:center; }
.send_main_card a .text{height:52px; line-height:52px; font-weight:700; text-align:center; background-color:var(--main); color:var(--white);}

.send_main_card:hover{background-color:var(--main);}

/* wallet_address */
.qr_img_box{width:160px; height:160px; margin:auto; border:2px solid var(--border); border-radius:6px; display:flex; justify-content:center; align-items:center;}
.qr_img_box .qr{width:calc(100% - 20px); height:calc(100% - 20px); object-fit:contain; object-position: center;}
.clipboard_guide_text.active{opacity:1;}
.clipboard_guide_text{font-size:20px; font-weight:700; text-align:center; opacity:0; transition:all 0.3s;}

/* qr_send_code */
.qr_img_area{width:220px; height:220px; border:2px dashed #d4d4d4; border-radius:20px; margin:auto; }
.code_box{padding:10px 16px; border:1px solid var(--border); border-radius:6px; width:fit-content; margin:auto;}

/* keypad */
.keypad{display:grid; grid-template-columns:repeat(3,1fr);}
.keypad p{width:100%; height:78px; background-color:#fff; border-radius:unset; padding:0; font-size:26px; display:flex; justify-content:center; align-items:center; color:#000;}
.keypad button{width:100%; height:78px; background-color:#fff; border-radius:unset; padding:0; font-size:26px; display:flex; justify-content:center; align-items:center; color:#000;}
.keypad a{display:block; width:100%; height:78px; background-color:#fff; border-radius:unset; padding:0; font-size:26px; font-weight:700; display:flex; justify-content:center; align-items:center; color:#000;}

/* popup */
.popup_bg{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); /*backdrop-filter:blur(5px) brightness(0.7);*/ z-index:9999;}
.popup_box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:334px; padding:20px; border-radius:6px; background-color:var(--white);}
.popup_title{font-size:22px; font-weight:700; text-align:center; margin-bottom:20px; word-break:break-all;}
.popup_content{font-size:16px; font-weight:400; max-height:300px; overflow-y:auto; margin-bottom:20px; overscroll-behavior:none; word-break:break-all;}
.popup_button_box{display:flex; align-items:center;}
.popup_button_box button{margin-right:20px;}
.popup_button_box button:last-child{margin-right:0px;}

/* box */
.box_gray{padding:14px 10px; border-radius:6px; background-color:#ededed; font-size:14px; font-weight:400; text-align:center; word-break: break-all;}

/* hr */
hr{border:none; border-top:1px solid var(--border);}
hr.type1{border-color:rgba(242, 242, 242,0.3);}
hr.type2{border-top:10px solid #F8F9FB;}

/* loading */
.loading{position:fixed; left:0; top:0; width:100%; height:100vh; background-color:#fff; z-index:9999;}
.loading_circle{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(0deg);width:100px; height:100px; border-radius:50%; border:2px solid var(--main); border-top-color:rgba(255,255,255,0); border-bottom-color:rgba(255,255,255,0); animation:loading 3s infinite;}
.loading_text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:14px; font-weight:700; color:var(--sub);}
@keyframes loading{
  100%{transform:translate(-50%,-50%) rotate(360deg);}
}

/* pin_box */
.pin_box{display:flex; justify-content:center; align-items:center;}
.pin_box span{display:block; width:38px; height:38px; border-radius:6px; margin-right:6px; position:relative; overflow:hidden; background-color: #f0f0f0;}
.pin_box span:last-chld{margin-right:0px;}
.pin_box .active:before{content:"*"; text-align:center; line-height:46px; font-size:20px; color:#fff; background-color:var(--main); position:absolute; left:0; top:0; width:100%; height:100%;}

.content_pin{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.content_pin p:nth-child(1){font-size: 21px; font-weight: bold;}
.content_pin p:nth-child(2){font-size: 14px; font-weight: 500; color: #B50308; margin-bottom: 60px;}

/* inquiry_tab */
.inquiry_tab{display:flex; justify-content:center; align-items:center;}
.inquiry_tab li{width:100%; height:60px; border-bottom:2px solid var(--light_gray);}
.inquiry_tab li a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:16px; font-weight:700;}
.inquiry_tab .active{border-color:#000;}

/* shopping_history_data */
.shopping_history_data{width:100%; display:flex; align-items:center;}
.shopping_history_data a {display:block; width:100%; height:100%;}
.shopping_history_data a .state{font-size:14px; font-weight:700; margin-bottom:10px;}
.shopping_history_data a .info{display:flex; justify-content:center; align-items:center;}
.shopping_history_data a .info .img{flex:none; width:94px; height:94px; margin-right:20px;}
.shopping_history_data a .info .img img{width:100%; height:100%; object-fit:contain; object-position: center;}
.shopping_history_data a .info .text{width:100%;}
.shopping_history_data a .info .text .title{font-size:16px; font-weight:700; margin-bottom:10px; word-break: break-all;}
.shopping_history_data a .info .text .option{font-size:14px; font-weight:500; color:#b1b1b1; margin-bottom:10px;}
.shopping_history_data a .info .text .price{font-size:18px; font-weight:700;}
.shopping_history_data a .info .text .price .discount{font-size:12px; font-weight:500; color:#b1b1b1; text-decoration: line-through; margin-left:4px;}

.shopping_history_data {display:block; width:100%; height:100%; padding:20px;}
.shopping_history_data .state{font-size:14px; font-weight:700; margin-bottom:10px;}
.shopping_history_data .info{display:flex; justify-content:center; align-items:center;}
.shopping_history_data .info .img{flex:none; width:94px; height:94px; margin-right:20px;}
.shopping_history_data .info .img img{width:100%; height:100%; object-fit:contain; object-position: center;}
.shopping_history_data .info .text{width:100%;}
.shopping_history_data .info .text .title{font-size:16px; font-weight:700; margin-bottom:10px; word-break: break-all;}
.shopping_history_data .info .text .option{font-size:14px; font-weight:500; color:#b1b1b1; margin-bottom:10px;}
.shopping_history_data .info .text .price{font-size:18px; font-weight:700;}
.shopping_history_data .info .text .price .discount{font-size:12px; font-weight:500; color:#b1b1b1; text-decoration: line-through; margin-left:4px;}

/* shopping_view */
.shopping_product_img{width:100%; height:0; padding-top:56.25%; position:relative;}
.shopping_product_img img{width:100%; height:100%; position:absolute; left:0; top:0; object-fit:contain; object-position:center;}
.shopping_product_info .title{font-size:16px; font-weight:700; margin-bottom:20px; word-break: break-all;}
.shopping_product_info .price{font-size:18px; font-weight:700;}
.shopping_product_info .price .discount{font-size:12px; font-weight:500; color:var(--gray); text-decoration: line-through; margin-left:6px;}
.shopping_product_order .amount{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.shopping_product_order .amount .text{font-size:14px; font-weight:500;}
.shopping_product_order .amount .button{display:flex; align-items:center; justify-content:center;}
.shopping_product_order .total_price{display:flex; justify-content:space-between; align-items:center;}
.shopping_product_order .total_price .text{font-size:14px; font-weight:500;}
.shopping_product_order .total_price .price{font-size:18px; font-weight:700;}
.shopping_product_explain p{margin:20px 0; font-size:14px; font-weight:500;}
.shopping_product_explain p img{width:100%; border:1px solid #efefef;}
.button_safe_area{width:100%; height:82px;}
.bottom_button_box{width:100%; max-width:768px; padding:0 20px 30px 20px; position:fixed; left:50%; bottom:0; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; background-color:#fff;}
.bottom_button_box button{display:block;}

/* 타이틀 색상 */
.title {
  background: -webkit-linear-gradient(#000, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.w60{
  width:65px;
}

.country_change { display: flex; align-items: center; position: relative; min-width: 50px;}
.change_contry { font-family: "montserrat";font-weight: 600; font-size: 16px; margin-left: 6px;}
.d_none {display: none;}
.coun_list { position: absolute; bottom: -172px; background-color: #000; width: 72px;  font-size: 14px;}
.coun_list li:hover { background-color: var(--main); border: 1px solid #000;}
.coun_list li { height: 40px; text-align: center; display: flex; justify-content: center; align-items: center; color:var(--white);}

/*미디어쿼리*/
@media screen and (max-width:767px) {
  select { background:url("../img/svg/icon_drop.svg") no-repeat 94% 50%/20px auto; background-size: 10px; }
 }

 @media screen and (max-width:320px) {
  .btn_100 {font-size:1.4rem;}
 }