@charset "utf-8"; 

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&&display=swap');

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}






/* Common **********************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { padding:0; margin:0; border:0; font-style:normal; line-height: 1.2; word-break:keep-all; box-sizing: border-box; font-family: 'Pretendard',"sans-serif"; font-weight: 400; font-size:10px;}


/* remember to define focus styles! */
body {background:#fff; margin:0; font-size:10px; font-weight: 500; overflow-x: hidden;}
ol, ul, li {list-style:none;}
a {color: #222; text-decoration: none;}
a:hover {color: #666;}
hr {border:0; height:1px; background:#ddd;}

input, select {font-size:14px; vertical-align:middle; border:1px solid #ccc; font-family: 'Pretendard', "sans-serif";  }
/* @media screen and (-webkit-min-device-pixel-ratio:0){input {padding-top:4px;}} */
input[type="checkbox"] {width:14px; height:14px;}
textarea {font-family: 'Pretendard', "sans-serif"; border:1px solid #dedede;}

input:read-only {background-color:#e5e5e5; border: 1px solid #aaa; padding:2px;}
input:-moz-read-only {background-color:#e5e5e5; border: 1px solid #aaa; padding:2px;}

button {border:none; cursor: pointer; }

span { font-size: inherit;}


/* input file type */
.input-file {display: inline-block; position:relative;}
.input-file [type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.input-file .file-label {display: inline-block; min-width: 53px; height: 27px; line-height: 24px; padding:1px 10px 1px 10px;  background-color: #333; border:1px solid #333; font-size: 13px;color: #fff; text-align: center; position:absolute; top:0; right:0;}
.input-file .file-name {background: #f5f5f5; height: 27px; line-height: 26px; text-indent: 5px; border: 1px solid #bbb; }
@media screen and (-webkit-min-device-pixel-ratio:0){.input-file .file-label {padding:5px 10px 1px 10px}}

.file-focus {outline: 1px dotted #d2310e; }


/* mouse drag color */
::-moz-selection {color:#fff; background:#000; }
::selection {color:#fff; background:#000; }

/* common */
.clearfix {*zoom:1}/*for IE 5.5-7*/
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0; }
.clearfix:after {clear: both; }
* html .clfix {height:1%;} /* Hides from IE-mac */

/* IR */
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;}
.ir_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

button { background: none; }




/*스크롤바*/
::-webkit-scrollbar {
  width: 6px;  /* 스크롤 바 너비 */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
  background-color: #888;border-radius: 25px; 
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}




/* skipNavi ---------------------------------------------------------------------- */
.skipNavi {position:relative; z-index:99999;}
.skipNavi, .skipNavi ul {height:0}
.skipNavi ul li {display:inline;}
.skipNavi a {position:absolute; top:-9999px; width:100%; height:30px; text-align:center; color:#fff; font-weight:bold; line-height:30px; background:#000; z-index:1000;}
.skipNavi a:focus, .skipNavi a:hover, .skipNavi a:active {top:0;}



.bg_pp { background: #6433d4 !important; }
.bg_black { background: #000 !important; }
.fpuple {color:#6433d4 !important;}
.fwhite {color:#fff !important;}
.fblack {color:#000 !important;}
.border_pp1 {border: 1px solid #6433d4 !important; }
.border_pp2 {border: 2px solid #6433d4  !important;}


.bold700 {font-weight:700 !important;}
.bold900 {font-weight:900 !important;}


.ltp8 {letter-spacing:0.8em !important;}
.ltp5 {letter-spacing:0.5em !important;}
.ltp3 {letter-spacing:0.3em !important;}
.ltp1 {letter-spacing:0.1em !important;}
.ltm10 {letter-spacing:-0.1em !important;}
.ltm9 {letter-spacing:-0.09em !important;}
.ltm5 {letter-spacing:-0.05em !important;}
.ltm3 {letter-spacing:-0.03em !important;}
.ltm1 {letter-spacing:-0.01em !important;}


.lh1 {line-height:1 !important;}
.lh11 {line-height:1.1 !important;}
.lh12 {line-height:1.2 !important;}
.lh13 {line-height:1.3 !important;}
.lh14 {line-height:1.4 !important;}
.lh15 {line-height:1.5 !important;}
.lh16 {line-height:1.6 !important;}
.lh17 {line-height:1.7 !important;}
.lh18 {line-height:1.8 !important;}
.lh19 {line-height:1.9 !important;}
.lh2 {line-height:2 !important;}
.lh25 {line-height:2.5 !important;}
.lh3 {line-height:3 !important;}


.wth100p {width: 100% !important; }
.hgt100p {height: 100% !important; }





@media (max-width: 1280px) {
	html{font-size:9.5px;}
}
@media (max-width: 960px) {
	html{	font-size:9px;}
}
@media (max-width: 768px) {
	html{	font-size:8.5px;}
}
@media (max-width: 600px) {
	html{	font-size:8px;}
}