@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
  font-family: 'TmoneyRoundWindExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TmoneyRoundWindRegular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GowunBatang-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* reset style [start], base, default */
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
* {margin:0; padding:0;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: lining-nums;
  word-break: keep-all;
}
*:focus{outline:none}
html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, q, s, dl, dt, dd, ol, ul, li, fieldset, form, input, table, tr, th ,td, button, a, div { margin: 0; padding: 0; border:0; box-sizing:border-box;}

/* 아이폰 폰트조절용 */
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none;  /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
}
body {-webkit-text-size-adjust: 100%;}

html,body {
  width:100%;
  height:100%;

  overflow-x: hidden;
}
html {
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}
body{
  position:relative;
  font-size-adjust:none;
  -webkit-font-smoothing:antialiased;
  -webkit-touch-callout: none;

  font-family: 'Noto Sans KR', 'Noto Sans CJK KR', 'NotoKr', 'Noto Sans',  'Malgun Gothic','맑은 고딕', "돋움", Dotum, AppleGothic, AppleSDGothicNeo, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 100%;
  letter-spacing: -0.025em;
  line-height:1.6em;
  color: #595959;
}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
img {max-width:100%; vertical-align: middle;}
img, fieldset {border:0;}
ol, ul, li { list-style:none;}
em, dfn, cite, address { font-style:normal; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {display:block}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
blockquote, q {quotes: none;}
blockquote:after, blockquote:before, q:after, q:before {content: ""; content: none;}
del, ins {text-decoration:none}
abbr, acronym {border:0;font-variant:normal}
sup, sub { font-size:0.92em; }
address, em {font-style:normal; font-weight:normal;}

a {color:#595959; color: inherit;}
a, a:link, a:visited, a:hover, a:active {text-decoration:none; color: inherit;}
a:active {background-color: transparent;}

table { border-spacing:0; border-collapse:collapse;}
hr, legend {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1;}

/* Form reset */
button {
  position: relative;
  display: inline-block;
  cursor:pointer; 
  outline: none; 
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  /* white-space: nowrap; */
}
button:hover,
button:focus {
  outline: 0;
}
button:active,
button.active {
  outline: 0;
  background-image: none;
}
button[disabled],
button.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
span.button, img.button, a.button {vertical-align:middle;}

label{ vertical-align: middle; }
button,
input,
select,
textarea,
option,
optgroup {
  color: inherit;
  font-size: inherit; 
  font-family: inherit; 
  font-weight:inherit;
  font-style:inherit;
  line-height:inherit;
  background:transparent;
  vertical-align: middle;
  border:0;
  border-radius: 0;
  -webkit-border-radius:0;
}
input{ display: inline-block;}
input::-ms-clear {
  display: none;
}
/* Change the color to your own background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 10000px white inset;
  -webkit-box-shadow: 0 0 0 10000px white inset !important;
  transition: background-color 5000s;
  -webkit-transition: background-color 5000s;  
}
input:-webkit-autofill{
  -webkit-text-fill-color: #888 !important;
}
input[type="text"],input[type="search"]{-webkit-appearance:none;}
input[type="file"] {background:none;}
input[type="radio"], input[type="checkbox"] {border:none;}

select{
  display:inline-block;
  cursor: pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background:url(/images/snbr/select_ico.svg) no-repeat 95% 50% #fff;
}
select::-ms-expand {display:none}
label{cursor:pointer;}

textarea{
  resize:none;
  overflow-x:hidden;
  overflow-y:auto; 
}

/* 웹접근성 */
#skipnavi{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}
#skipnavi a:focus {line-height: 30px; top: 0px; left: 0; right: 0; font-size: 16px; font-weight: bold; color: #ffffff; background: #000000; z-index: 1; width: 100%;}

#english{letter-spacing:-0.5px;}
#chinese{font-family:'宋體', 'simsun', Arial;}
#japanese{font-family:'Roboto Condensed', Arial, helvetica,  "Times New Roman", sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;letter-spacing:0;}

/* 여백 */
.mt4{margin-top: 4px !important;}
.mt8{margin-top: 8px !important;}
.mt12{margin-top: 12px !important;}
.mt16{margin-top: 16px !important;}
.mt20{margin-top: 20px !important;}
.mt28{margin-top: 28px !important;}
.mt32{margin-top: 32px !important;}
.mt36{margin-top: 36px !important;}
.mt40{margin-top: 40px !important;}

.mb4{margin-bottom: 4px !important;}
.mb8{margin-bottom: 8px !important;}
.mb12{margin-bottom: 12px !important;}
.mb16{margin-bottom: 16px !important;}
.mb20{margin-bottom: 20px !important;}
.mb28{margin-bottom: 28px !important;}
.mb32{margin-bottom: 32px !important;}
.mb36{margin-bottom: 36px !important;}
.mb40{margin-bottom: 40px !important;}

.ml4{margin-left: 4px !important;}
.ml8{margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml16{margin-left: 16px !important;}
.ml20{margin-left: 20px !important;}
.ml28{margin-left: 28px !important;}
.ml32{margin-left: 32px !important;}
.ml36{margin-left: 36px !important;}
.ml40{margin-left: 40px !important;}

.pt4{padding-top: 4px !important;}
.pt8{padding-top: 8px !important;}
.pt12{padding-top: 12px !important;}
.pt16{padding-top: 16px !important;}
.pt20{padding-top: 20px !important;}
.pt24{padding-top: 24px !important;}
.pt28{padding-top: 28px !important;}
.pt32{padding-top: 32px !important;}
.pt36{padding-top: 36px !important;}
.pt40{padding-top: 40px !important;}

.pl4{padding-left: 4px !important;}
.pl8{padding-left: 8px !important;}
.pl12{padding-left: 12px !important;}
.pl16{padding-left: 16px !important;}
.pl20{padding-left: 20px !important;}
.pl24{padding-left: 24px !important;}
.pl28{padding-left: 28px !important;}
.pl32{padding-left: 32px !important;}
.pl36{padding-left: 36px !important;}
.pl40{padding-left: 40px !important;}

.w-25{width:25% !important}
.w-50{width:50% !important}
.w-75{width:75% !important}
.w-100{width:100% !important}
.w-auto{width:auto !important}
.h-25{height:25% !important}
.h-50{height:50% !important}
.h-75{height:75% !important}
.h-100{height:100% !important}
.h-auto{height:auto !important}
.mw-100{max-width:100% !important}
.mh-100{max-height:100% !important}
.min-vw-100{min-width:100vw !important}
.min-vh-100{min-height:100vh !important}
.vw-100{width:100vw !important}
.vh-100{height:100vh !important}
.m-0{margin:0 !important}
.mt-0{margin-top:0 !important}
.mr-0{margin-right:0 !important}
.mb-0{margin-bottom:0 !important}
.ml-0{margin-left:0 !important}
.p-0{padding:0 !important}
.pt-0{padding-top:0 !important}
.pr-0{padding-right:0 !important}
.pb-0{padding-bottom:0 !important}
.pl-0{padding-left:0 !important}
.m-auto{margin:auto !important}
.mt-auto,.my-auto{margin-top:auto !important}
.mr-auto,.mx-auto{margin-right:auto !important}
.mb-auto,.my-auto{margin-bottom:auto !important}
.ml-auto,.mx-auto{margin-left:auto !important}

.fr{float:right;} 
.fl{float:left;} 

.center{text-align:center !important;} 
.right{text-align:right;} 
.left{text-align:left !important;}

.flex{display: flex;}
.flex.col{ flex-direction: column; }
.flex_center{
	display: flex;
  justify-content: center;
  align-items: center;
}
.flex_sb{
	display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex_sb_center{
	display: flex;
  justify-content: space-between;
  align-items: center;
}

/* hidden contents */
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden {overflow:hidden;clip:rect(1px,1px,1px,1px);position:absolute !important;width:1px;height:1px}
.blind {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.txt_skip { overflow: hidden; line-height: 0; text-indent: -9999px;}
.screen_out { position: absolute; width: 0; height: 0; }

/* clearfix */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}


.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis2{
  overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  line-height: 1.6em;
	max-height: calc(1em * 1.6 * 2);
  word-break: break-all;
}
.ellipsis2{
  line-height: 1.6em;
  height: 3.2em;

  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

::selection{background:#f7f7f7;color:#333;}
::-moz-selection{background:#f7f7f7;color:#333;}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#eee;}
::-webkit-scrollbar-thumb{background-color: #aaa; border-radius: 4px;}



body.scroll-off{overflow:hidden}
body.scroll-off header.scroll{-webkit-box-shadow:none;box-shadow:none}

.show { display: block;}
.hide { display: none; }

@media screen and (max-width: 850px) {
  .for_pc{display: none !important;}
}