@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/* body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
} */

/* reset */
*{margin:0;padding:0;box-sizing:border-box}
body, button, a, input{color:#000;font-size:14px;line-height:1.4;letter-spacing:-0.05em}
ul,ol,li{list-style:none}
img,hr{border:none}
img{max-width:100%;border:0px;vertical-align:top;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;image-rendering:crisp-edges}
table{width:100%;border-spacing:0;table-layout:fixed}
table td img{vertical-align:middle}
a{display:inline-block;color:#000}
a:link, a:visited, a:active, a:hover{text-decoration:none;color:inherit}
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.05em}
strong,h1,h2,h3,h4,h5,h6,th,dt,li{font-size:inherit;font-weight:inherit;color:inherit}
input{vertical-align:middle;outline:none}
input::placeholder,
textarea::placeholder,
select::placeholder{color:#999;/* Chrome, Firefox, Opera, Safari 10.1+ */opacity:1/* Firefox */}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder{color:#999 !important}/* Internet Explorer 10-11 */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder{color:#999}/* Microsoft Edge */
input[type='text'],
input[type='password'],
input[type='tel']{display:inline-block;width:100%;height:40px;padding:0 14px;border:1px solid #E0E0E0;background-color:#fff;font-size:14px;color:#555;line-height:40px;border-radius:3px;vertical-align:top}
input[type="password"]::placeholder{letter-spacing:-0.05em;color:#999}
select:disabled,
input:disabled{background:#eee;color:#999}
select{display:inline-block;width:100%;height:50px;padding:0 0 0 14px;border:1px solid #dcdcdc;background:url(/asset/images/shop/default/icon_arrow_down.png) no-repeat 95% 50%;font-size:14px;color:#555;line-height:50px;vertical-align:top;border-radius:0;-webkit-appearance:none;-moz-appearance: none;appearance:none}
select::-ms-expand{display:none}
textarea{display:inline-block;width:100%;height:150px;padding:15px 20px;border:1px solid #E0E0E0;background-color:#fff;vertical-align:middle;font-size:14px;color:#555;resize:none} 
input[type='file'], input[type='image'], input[type='reset'], input[type='button'], input[type='submit']{cursor:pointer}
hr{position:absolute;top:-9999px;left:-9999px}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{position:absolute;height:0;font-size:0px;line-height:0;overflow:hidden;text-indent:-9999px}
address,cite,em{font-style:normal}
fieldset{padding:0;border:0}
label{cursor:pointer}
button{border:0;background:none;cursor:pointer;outline:none}
button:disabled{background:#E0E0E0;border:1px solid #E0E0E0;color:#fff}

@media screen and (min-width:768px){
  body,button, a, input{font-size:16px;line-height:1.4;letter-spacing:-0.05em}
  body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{letter-spacing:-0.05em}
  input[type='text'],
  input[type='password'],
  input[type='tel']{font-size:14px;height:40px;line-height:40px;padding:0 10px}
  input[type='password']::placeholder{letter-spacing:-0.05em}
  select{background-position:98% 50%;font-size:14px;letter-spacing:-0.05em;height:40px;line-height:40px}
  textarea{width:100%;height:160px;padding:10px;font-size:14px}
}

/*  */
.button-content{margin-top:40px;font-size:0;text-align:center;}
.btn{display:block;width:100%;height:40px;margin:0 auto;color:#fff !important;font-size:16px;font-weight:500;line-height:40px;text-align:center;background:#212121;border-radius:3px}
.btn--point{background-color:#F26522;border:none}

#header{width:100%;background:#fff;border-bottom:1px solid #E0E0E0}
#header::after{display:block;clear:both;content:""}
#header .logo{float:left;width:220px;padding:8px 0;text-align:center}
.page-tit{font-size:26px;font-weight:700;text-align:center}
.api-token-page{max-width:1900px;margin:0 auto;padding:50px 10px}
.api-token-page .submit-box{display:flex;justify-content:center;align-items:center;margin-top:40px}
.api-token-page .submit-box .input-box{width:476px}
.api-token-page .submit-box .input-box>p{display:flex;align-items:center}
.api-token-page .submit-box .input-box>p:not(:first-of-type){margin-top:10px}
.api-token-page .submit-box .input-box>p span{width:90px;font-size:16px;font-weight:700}
.api-token-page .submit-box .input-box>p input{width:calc(100% - 90px)}
.api-token-page .submit-box .input-box+.btn{width:90px;height:90px;margin:0 0 0 10px}
.api-token-page .api_infos{display: flex;flex-wrap: wrap;}
.api-token-page .api_infos .token_info{position:absolute;top:15px;right:10px;display:none;width:auto;font-size:14px;font-weight:400;text-align:center;max-width:calc(100% - 230px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.api-token-page .api_infos .token_info b{font-weight:400}
.api-token-page .api_infos .btn-list{width:230px;margin-top:60px}
.api-token-page .api_infos .btn-list .btn{display:none;width:230px;margin:0 !important;background-color:#C8EFD4;color:#212121 !important;font-size:14px;font-weight:400}
.api-token-page .api_infos .btn-list .btn--input{background-color:#FFE5D4}
.api-token-page .api_infos .btn-list .btn.on{background-color:#000;color:#fff !important;font-weight:700}
.api-token-page .api_infos .btn-list .btn:not(:first-of-type){margin-top:5px !important}
.api-token-page .api_infos .view_area{display:none;width:calc(100% - 240px);margin:60px 0 0 10px;padding:10px;border:1px solid #ddd}

.write-page{padding:50px 20px}
.write-page .page-tit{min-width:auto;margin-bottom:30px}
.write-page h4{margin:20px 0 10px;font-size:18px;font-weight:800}
.write-page table th,.write-page table td{padding:5px}
.write-page table tr:not(:last-of-type) th, .write-page table tr:not(:last-of-type) td{border-bottom:1px solid #ddd}
.write-page table input[type='text'], .write-page table select{height:25px;line-height:23px;border-color:#ddd}
.write-page .write_btn{width:200px}