/* Reset */
* {box-sizing: border-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none;}
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea,
h1, h2, h3, h4, h5, h6, strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Pretendard", "NanumGothic", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", 'Segoe UI', "Basier Square", Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html {
    width: 100%; 
    height: 100%;
    font-size: 62.5%;
    background-color: #fff;
}
body {
    width: 100%; 
    min-height: -webkit-fill-available;
    min-height: 100vh;
    font-size: 1.6rem;
}
ul, ol {list-style: none;}
a {-webkit-tap-highlight-color: transparent;}
a:link, a:visited, a:active, a:hover {text-decoration: none; outline: none;}
table {border-collapse: collapse;}
em {font-style: normal;}

input, select, button, textarea {margin: 0; padding: 0; font-family: "Pretendard", "NanumGothic", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", 'Segoe UI', "Basier Square", Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: inherit; border: none; outline: none; border-radius: 0;}
input {background-color: transparent; caret-color: #2761ff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; user-select: auto;}
input:disabled {opacity: 1; -webkit-text-fill-color: inherit;}
input::-ms-clear {display: none;} 
input::placeholder, 
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
input::-ms-input-placeholder {color: #BBC0C8;}
input::-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset;}
input:-internal-autofill-selected {-webkit-box-shadow: 0 0 0 1000px #ffffff inset;}
input[type="password"] {font-family: 'pass', "NanumGothic", 'Roboto', Helvetica, Arial, sans-serif;}
input[type="password"]::placeholder,
input[type="password"]::-moz-input-placeholder,
input[type="password"]::-ms-input-placeholder {font-family: "Pretendard", "NanumGothic", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", 'Segoe UI', "Basier Square", Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
input[type="range"] {background-color: transparent; border: none;}
input[type="range"]:focus {outline: none; border: none;} 
input[type="range"]::-webkit-slider-thumb {cursor: pointer;}
input[type="range"]::-webkit-slider-runnable-track {background: transparent; border: 0.2px solid #010101; border-radius: 1.3px; border: none; width: 100%; height: 11.4px; cursor: pointer;}
input[type="range"]::-webkit-slider-thumb {box-sizing: content-box; margin-top: -4px; width: 8px; height: 8px; border: 6px solid #e6ecff; background: #3c70ff; border-radius: 15px; cursor: pointer; -webkit-appearance: none;}
input[type="range"]:focus::-webkit-slider-runnable-track {background: transparent;}
input[type="range"]::-moz-range-track {background: transparent; border-radius: 1.3px; width: 100%; height: 11.4px; cursor: pointer;}
input[type="range"]::-moz-range-thumb {width: 8px; height: 8px; margin-top: -8px; border: 6px solid #e6ecff; background: #3c70ff; border-radius: 15px; cursor: pointer;}
input[type="range"]::-ms-track {background: transparent; border-color: transparent; border-width: 8.2px 0; color: transparent; width: 100%; height: 25px; margin: -7px 0; cursor: pointer; overflow: none;}
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {background: transparent; border-radius: 2.6px;}
input[type="range"]::-ms-thumb {width: 8px; height: 8px; border: 6px solid #e6ecff; background: #3c70ff; border-radius: 15px; cursor: pointer; margin-top: 0px;}
input[type="range"]:focus::-ms-fill-lower,
input[type="range"]:focus::-ms-fill-upper {background: transparent;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
button {background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;}
textarea {caret-color: #2761ff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; user-select: auto;}
textarea::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-input-placeholder,
textarea::-ms-input-placeholder {color: #999FA7;}

/* äÆûó´ã ¹öÆ° */
.btn_channel_talk {z-index: 9; position: fixed; bottom: 125px; right: 70px; width: 56px; height: 56px; border-radius: 50%; background: url('../images/main/ico_channel_talk.png') no-repeat center / contain; text-indent: -9999px;}

/* LAYOUT */
#A_Wrap { width:100%; height:100%;}
#A_Container_Wrap {position: relative; width: 100%; padding: 80px 0 0;}
#A_Container {overflow: hidden; box-sizing: border-box; margin: 0 auto;}

@media all and (max-width: 767px) {
    html {font-size: 62.5%;}
	.btn_channel_talk {bottom: 34px; left: 30px; right: auto; width: 48px; height: 48px;}
}

@media all and (max-width: 360px) {
    html {font-size: 60%;}
}

@media all and (max-width: 320px) {
    html {font-size: 53.3%;}
	.btn_channel_talk {bottom: 34px; left: 30px; right: auto; width: 48px; height: 48px;}
}

@media all and (max-width: 280px) {
    html {font-size: 46.6%;}
}