@charset "utf-8";

/*
*{margin:0;padding:0;}
html:root {border:none;}
html {overflow-y:hidden;}
!*body{min-width:1400px; background:#191919; color:#1e1e1e;word-break:keep-all;word-wrap:break-word;}*!
!*body.intro { background:#191919;}*!
html,body{position:relative;width:100%; height:100%; margin:0;padding:0;font-size:14px; font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; vertical-align:top; font-weight:400;line-height:1.6;}

div, dl,dt,dd,ul,ol,li,pre,form,fieldset,input,button,select,textarea,p,blockquote,address,th,td {margin:0;padding:0;vertical-align:top; color:inherit;
    font-family:inherit; font-size: inherit; font-weight: inherit;}

html,body, header,nav,section,article,footer, aside, address, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, button, select, textarea, p, blockquote, address, table, tbody, thead, th, td,
details, figcaption, figure, hgroup, h1,h2,h3,h4,h5,h6,a, span, strong,b, i,em {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; padding:0;margin:0; vertical-align:top;}
header,nav,section,article,footer{width:100%;}
img, b,strong,a, span,i {vertical-align:top;padding:0;margin:0;border:0;}
b, strong {font-weight:500;}

h1,h2,h3,h4,h5,h6 {font-weight:600; line-height:1.2;}
a{text-decoration:none; display:inline-block; cursor:pointer; color:inherit; vertical-align:top;background:transparent; outline:none;}
a:hover{text-decoration:none; }

*,*:focus,*:hover{outline:none;}
a:focus, img:focus, input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}

table {border-collapse:collapse;border-spacing:0;padding:0;margin:0;border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal; padding:0;margin:0;}
ol,ul,li,dl, dd,menu {list-style:none; margin:0; padding:0;}
legend,button,input,select,textarea{vertical-align:middle;display:inline-block;padding:0;margin:0; border: 0; background-color: fff;}
legend {text-indent: -9999px;}
caption {text-indent: -9999px; display: none; text-align:left;}
caption:after{display:block;clear:both;content:'';}
caption legend {width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
abbr,acronym {border:0;}
img.flxImg{max-width:100%;}

hr {display:none;height:0; border:0; margin:0; padding:0;}
th,td {vertical-align:middle; text-align:center;}

blockquote,q{quotes:none;}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}


!* Forms *!
form {width:100%; margin:0;}
fieldset {border:0; margin:0; padding:0;}
label {cursor:pointer;}
legend {border:0; padding:0; display:none;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; vertical-align:middle;}
button, input {line-height:normal;}
button {cursor:pointer; overflow:visible;background:transparent;}
select optgroup{padding:0;margin:0;}
select optgroup option{padding:0;margin:0;}
textarea { padding:12px 15px;-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px}
select { padding:10px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button; border-radius:10px}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; background:none !important; width:20px !important; height:20px !important; padding:0 !important; margin:0 5px 0 0; accent-color: #be3455;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; b-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;}
input[type="text"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="text"]::-ms-clear {display:none; }
input[type="text"]:focus { animation: fadein2 0.5s;-moz-animation: fadein2 0.5s; -webkit-animation: fadein2 0.5s; -o-animation: fadein2 0.5s; }
input[type="tel"] ,input[type="text"],
input[type="button"],
input[type="submit"],
button,
input.button,
a.button {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; cursor:pointer; border-radius:10px}
!*input[type="button"]:hover,*!
!*input[type="submit"]:hover,*!
!*button:hover,*!
!*input.button:hover,*!
!*a.button:hover { opacity:1; filter:alpha(opacity=100);}*!

input[type="search"] {display:inline-block; cursor:pointer;}
input[type="file"], input[type="file"] input { text-shadow:none; box-shadow:none; width:100%; color:inherit; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="file"] input {border:none;}

input::placeholder {color: #999; font-weight:400 !important;  }
input::-webkit-input-placeholder{color: #999; font-weight:400 !important;}
input:-ms-input-placeholder {color: #999; font-weight:400 !important;}
!*input:-mos-input-placeholder {color: rgba(255, 255, 255, 0.5);  font-weight:400 !important;}*!

select option[value=""][disabled] {	display: none !important;  }
input:disabled , .disabled {opacity:0.5 !important;  cursor: none !important; pointer-events: none !important;}
textarea {overflow:auto; vertical-align:top; resize:vertical; line-height:1.6; }
textarea::placeholder {color: rgba(255, 255, 255, 0.5);  font-weight:400 !important;}
textarea::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5); font-weight:400 !important;}
textarea:-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);  font-weight:400 !important;}
!*textarea:-mos-input-placeholder{color: rgba(255, 255, 255, 0.5); font-weight:400 !important;}*!

object, embed, video {max-width:100%;}
*/



/*  CSS reset editor ssu */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* 추가 *//* Firefox, WebKit, Opera 및 IE8+ 에서 지원됨 */
}

html, body {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    word-break: keep-all;
    /* 	text-wrap: balance;  */
    scroll-behavior: smooth;
}


header, footer, hgroup, nav, section, article, aside, details, figcaption, figure {display: block;}

*,
*::before,
*::after { box-sizing: border-box; }

span { display: inline-block; }

b, em {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
}

strong { display: inline-block; font-weight: bolder; }

i, address { display: inline-block; font-style: normal; }

ol,
ol[role='list'],
ul,
ul[role='list'] {
    list-style: none;
}

ul li { position: relative; }

ul li::before { display: inline-block; position: absolute; left: 0; }

blockquote, q {	quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

sub, sup {
    position: relative;
    font-size: 0.75rem;
    line-height: 0;
    vertical-align: baseline;
}

sup { top: -0.5rem; }

sub { bottom: -0.25rem; }

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

pre { /* 추가 */
    font-family: inherit;
    white-space: pre-wrap;
}

a {
    display: inline-block;
    cursor: pointer;
}

a, a:hover, a:visited {  /* 추가 */
    font-family: inherit; /* 추가 */
    line-height: initial; /* 추가 */
    text-decoration: none;
}

img { /* 추가 */
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    /* 	image-rendering: cripsp-edges; */
    /* 	image-rendering: -webkit-optimize-contrast; */
    -webkit-user-drag: none;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}


/***** form *****/
label {
    display: inline-block;
    line-height: 1;
    user-select: none;
}

button, input, optgroup, select, textarea {
    padding: 0;
    margin: 0;
    line-height: 1;
    border: none;
    outline: 0;
    outline-offset: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

textarea { resize: none; }

select { text-transform: none; }

input { /* 추가 */
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    overflow: visible;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox, WebKit, Opera 및 IE8+ 에서 지원됨 */
}

input[type="number"] { -moz-appearance: textfield; }  /* for Firefox */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    word-break: initial; word-wrap: initial;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-transform: none;
    -webkit-appearance: button;
    user-select: none;
    cursor: pointer;
}

input[type="search"] { background-color: transparent; }

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    pointer-events: none; }

input[type="search"]:focus::-webkit-search-cancel-button {
    cursor: pointer;
    pointer-events: all;
}

input:focus { outline: 0; }

input::-ms-reveal { display: none; }

button {
    text-transform: none;
    -webkit-appearance: button;
    border: none;
    background-color: transparent;
    user-select: none;
    cursor: pointer;
    vertical-align: middle;
}

button::-moz-focus-inner, /* for Firefox */
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style:  none;
    padding: 0;
    cursor: pointer;
}



/* Chrome, Safari용 스크롤 바*/
::-webkit-scrollbar {position:relative; right:0; z-index:0; width:4px; height: 6px; background:rgba(0,0,0,0.8); -webkit-border-radius: 5px; border-radius:5px;  }
/*::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {z-index:0; display: block; height:10px;}*/
::-webkit-scrollbar-track {z-index:0; background: rgba(0,0,0,0); -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.6)}
::-webkit-scrollbar-thumb {z-index:0; height:45%; width:6px; background: rgba(0,0,0,0.1); -webkit-border-radius: 5px; border-radius:5px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); }
textarea::-webkit-scrollbar,
textarea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-button { width: 0; height: 0; background-color: transparent; -webkit-box-shadow: none; }

.transp-scroll::-webkit-scrollbar,
.transp-scroll::-webkit-scrollbar-thumb,
.transp-scroll::-webkit-scrollbar-track { width: 0; height: 0; background-color: transparent; -webkit-box-shadow: none; }

/* toast */
#toast { position: fixed; top: 80%;	left: 50%; color: #fff; /*padding: 20px 80px;*/width: 60%; max-width: 380px;  padding: 15px 0;/*height: 54px; line-height: 52px;*/ border-radius: 20px; transform: translate(-50%, -40%); background: rgba(0, 0, 0, 0.9); overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 1000; text-align: center;}
#toast.reveal {	transform: translate(-50%, -60%); opacity: 1; visibility: visible; }

@media all and (max-width: 1000px){
    #toast{padding: 10px 0; max-width: 250px;}
}
.op05{opacity: 0.5;}
.mb30{margin-bottom:30px;}