/********** Font **********/

/* Pretendard */
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: normal;
    src: url("../fonts/Pretendard-Medium.otf") format("opentype");
}
@font-face {
    font-family: "Pretendard"; font-style: normal; font-weight: bold;
    src: url("../fonts/Pretendard-Bold.otf") format("opentype");
}


body {-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

:root {
    --font: "Pretendard", sans-serif;
    --bg-base: #F5EBDC;
    --bg-light: #FFFCF8;
    --normal: #502314;
    --normal-rgb: 80, 35, 20;
    --primary: #D62300;
    --sub: #6F6F6F;
    --light: #89665B;
    --border: rgba(80, 35, 20, 0.1);
    --form-border: #D4C3B4;
    --disabled: #FFFCF8;
    --disabled-bg: rgba(80, 35, 20, 0.15);
    --placeholder: rgba(80, 35, 20, 0.3);

    --red: #D62300;
    --orange: #FF8732;
    --yellow: #FFAA00;
    --green: #198737;
    --king: #C9281D;
}

/** Tag Default */
* {box-sizing: border-box;}
html, body {width: 100%; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: none;}
html {font-family: var(--font); color: var(--normal);}
body {color: var(--normal); background-color: var(--bg-base); word-break: break-all;}
em {font-style: normal; color:var(--primary);}
img {max-width: 100%; vertical-align: top; border: none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd, em, figure {margin: 0; padding: 0;}
p {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 1em;}
li {list-style: none;}
fieldset {margin: 0; padding: 0; border: none;}
legend {position: absolute; left: -1000px; top: -1000px; height: 0; font-size: 0; line-height: 0; visibility: hidden;}
a {display: inline-flex; align-items: center; justify-content: center; margin: 0; color: var(--normal); text-decoration: none; outline: none; cursor: pointer;}
table {width: 100%; border-collapse: collapse; font-size: 1em;}
table caption {position: absolute; left: -999px; height: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden;}
table td, table th {padding:0;}
button {margin: 0; padding: 0; font: normal 1em var(--font); color: var(--normal); vertical-align: middle; background: 0; border: none; overflow: visible; cursor: pointer;}
button:active {outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
button:disabled {color: var(--disabled); background-color: var(--disabled-bg) !important; opacity: 1;}

input[type=text], input[type=password], input[type=number], input[type=tel], input[type=rang], input[type=email], input[type=url], input[type=date], input[type=datetime], input[type=month], input[type=tel], input[type=search], input[type=color], input[type=file]
, ion-input {
	display:inline-block; max-width:100%; height: 44px; margin:0; padding: 3px 10px; font-weight:normal; font-size:.875rem; font-family: var(--font), sans-serif; color: var(--normal); vertical-align:middle;
	border: 1px solid var(--border); border-radius: 12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
}
input:focus {border-color: var(--normal);}
input::placeholder {font-weight:normal; color: var(--placeholder);}

input[type=radio] + *, input[type=checkbox] + * {margin-left: 7px; vertical-align:middle;}

textarea {max-width: 100%; padding: 12px; font-weight:normal; font-size:.875rem; font-family: var(--font), sans-serif; color: var(--normal); line-height: 1.29; background-color: #fff; border: 1px solid #C5BCBC; border-radius: 12px; resize: none; box-sizing: border-box;}
textarea::placeholder {font-weight:normal; color: var(--placeholder);}
textarea:only-child {width: 100%;}

button:focus, a:active, input:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
hr {height:0; margin: 14px 0; border:none; border-top:1px solid #E9E9E9;}
div {box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, footer, header, hgroup, nav, section, figure {display:block; padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
a[href^=tel] {text-decoration:underline;}
em, address {font-style:normal;}
em {color:var(--primary);}
sub {bottom: 0; font-weight:normal; vertical-align:middle;}
img {max-width:100%; vertical-align:top;}

.text_left {text-align: left !important;}
.text_underline {text-decoration: underline !important;}

.terms_index h1 {margin-bottom: 15px;}
.terms_index li {position: relative; display: flex; margin-bottom: 15px; font-size: 0.9375rem; text-decoration: underline;}
.terms_index strong {flex: 1;}
.icon {display: inline-block; min-width: 24px; min-height: 24px; margin-right: 5px;}
.terms_index .icon {margin: auto 0 auto 15px;}
.terms_index .icon + .icon {margin-left: 5px;}
.terms_index .btn_scroll {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -999em;}


.terms_cont {padding: 20px; font-size: 0.875rem; line-height: 1.43; word-break: keep-all;}
.terms_cont > * {margin-bottom: 10px;}
.terms_cont > *:first-child {margin-top: 0;}
.terms_cont hr {height: 5px; margin: 15px -20px; background-color: var(--normal); opacity: 0.1;}
.terms_cont h1, .terms_cont h2, .terms_cont h3, .terms_cont h4 {display: flex; margin: 15px 0 5px; font-size: 0.9375rem; align-items: center;}
.terms_cont li ol {margin-left: 10px;}
.tableWrap {margin: 10px -20px; padding: 0 20px; overflow: auto;}
.terms_cont table {margin: 10px 0; border: 0 solid rgba(80, 35, 20, 0.1); border-width: 1px 0;}
.terms_cont thead {background-color: rgba(80, 35, 20, 0.05);}
.terms_cont tr {border-bottom: 1px solid rgba(80, 35, 20, 0.1);}
.terms_cont tr > * {padding: 10px; border: 0 solid rgba(80, 35, 20, 0.1); border-width: 0 1px;}
.terms_cont tr > *:first-child {border-left: none;}
.terms_cont tr > *:last-child {border-right: none;}

.scroll_point {position: absolute; margin-top: -30px; text-indent: -999em; opacity: 1;}

@media screen and (min-width: 600px) {
	.terms_cont {font-size: 1rem;}
	.terms_cont table {font-size: .875rem;}
}