@CHARSET "UTF-8"; 
/************* Common *************/
 
 
 * {
    -webkit-tap-highlight-color: transparent;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}


@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  src: url(../fonts/Pretendard-ExtraLight.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  src: url(../fonts/Pretendard-Light.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: url(../fonts/Pretendard-Thin.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url(../fonts/Pretendard-Regular.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url(../fonts/Pretendard-Medium.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url(../fonts/Pretendard-SemiBold.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url(../fonts/Pretendard-Bold.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url(../fonts/Pretendard-ExtraBold.woff) format(woff);
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  src: url(../fonts/Pretendard-Black.woff) format(woff);
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../fonts/NotoSerifKR-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

 


*:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; } 

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, 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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, button, input {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
    font-family: 'Pretendard'; 
    outline: none; color: #444;
    font-family: 'Pretendard','Pretendard'; 
}
select{ ; outline: none; }
button, input[type=button], button, input[type=reset], .setting ul li:NTH-CHILD(4){ cursor: pointer; }
ol, ul { list-style: none; color: #333333; text-decoration: none; }
a{ text-decoration: none; color:#333333; border:none }
td, td, table{ border-spacing: 0;  }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } 
 h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, td, p, a, span { font-size: 13px; word-break: keep-all;  } 
 ul,ol { list-style: none; } 
fieldset,img { border: none; } 
caption,th { text-align: left; } 
table { border-collapse: collapse; border-spacing: 0; } 

::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333333; 
}

.color_r{color:red!important;}
.float_l{float: left; }
.float_r{float: right; }

.text_r{ text-align: right; }


.mt_0{margin-top: 0!important; }
.mt_10{margin-top: 10px !important; }
.mt_20{margin-top: 20px !important; }
.mt_30{margin-top: 30px !important; }


.ml_5 {margin-left: 5px; }


.mr_10{margin-right: 10px; }
.mr_15{margin-right: 15px; }
.mr_30{margin-right: 30px; }

.mt_0{margin-top: 0px!important; }
.mt_5{margin-top: 5px; }
.mt_15{margin-top: 15px!important; }
.mt_20{margin-top: 20px!important; }
.mt_50{margin-top: 50px!important; }
.mb_20{margin-bottom: 20px !important; }
.mb_30{margin-bottom: 30px !important; }

.test_l{text-align: left !important;}
.test_c{text-align: center !important;}
.pt_5{padding-top: 5px!important; }
.pt_0{padding-top: 0px!important; }
.pb_0{padding-bottom: 0!important; }

img{ max-width: 100%;  }




h6 { font-size: 25px;  }