@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400'); 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); 
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css'); 


* { 
 -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale; 
 } 

@font-face { 
 font-family: 'NotoSansKR'; 
 font-style: normal; 
 font-weight: normal; 
 src: url('fonts/NotoSans-Regular.woff2') format('woff2'), url('fonts/NotoSans-Regular.woff') format('woff'), url('fonts/NotoSans-Regular.otf') format('otf'); 
 } 

@font-face { 
 font-family: 'NotoSansKR'; 
 font-style: normal; 
 font-weight: 300; 
 src: url('fonts/NotoSans-Light.woff2') format('woff2'), url('fonts/NotoSans-Light.woff') format('woff'), url('fonts/NotoSans-Light.otf') format('otf'); 
 } 

@font-face { 
 font-family: 'NotoSansKR'; 
 font-style: normal; 
 font-weight: 500; 
 src: url('fonts/NotoSans-Medium.woff2') format('woff2'), url('fonts/NotoSans-Medium.woff') format('woff'), url('fonts/NotoSans-Medium.otf') format('otf'); 
 } 


@font-face { 
 font-family: 'NotoSansKR'; 
 font-style: normal; 
 font-weight: 600; 
 src: url('fonts/NotoSans-Bold.woff2') format('woff2'), url('fonts/NotoSans-Bold.woff') format('woff'), url('fonts/NotoSans-Bold.otf') format('otf'); 
 } 

@font-face { 
 font-family: 'Geomanist Thin'; 
 src: url('fonts/Geomanist-Thin.woff2') format('woff2'),
 url('fonts/Geomanist-Thin.woff') format('woff'),
 url('fonts/Geomanist-Thin.ttf') format('truetype'); 
 font-weight: normal; 
 font-style: normal; 
 font-display: swap; 
 } 


/* 프리덴다트 */
@font-face { 
 font-family: 'Pretendard-Thin'; 
 src: url('/fonts/Pretendard-Thin.woff2') format('woff'); 
 font-weight: 100; 
 font-style: normal; 
 } 

@font-face { 
 font-family: 'Pretendard-Light'; 
 src: url('/fonts/Pretendard-Light.woff2') format('woff'); 
 font-weight: 200; 
 font-style: normal; 
 } 
@font-face { 
 font-family: 'Pretendard-Medium'; 
 src: url('/fonts/Pretendard-Medium.woff2') format('woff'); 
 font-weight: 300; 
 font-style: normal; 
 } 


@font-face { 
 font-family: 'Pretendard-Regular'; 
 src: url('/fonts/Pretendard-Regular.woff2') format('woff'); 
 font-weight: 300; 
 font-style: normal; 
 } 

@font-face { 
 font-family: 'Pretendard-Regular'; 
 src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); 
 font-weight: 500; 
 font-style: normal; 
 } 

/* 자이언츠체 */
@font-face { 
 font-family: 'Giants-Bold'; 
 src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2') format('woff2'); 
 font-weight: 700; 
 font-style: normal; 
 } 

/* 태다나타 체 */
@font-face { 
 font-family: 'Tenada'; 
 src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2'); 
 font-weight: normal; 
 font-style: normal; 
 } 

/* 마포다카포 */
@font-face { 
 font-family: 'MapoDacapo'; 
 src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDacapoA.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 

/* 카페24 데코 체 */
@font-face { 
 font-family: 'YESMyoungjo-Regular'; 
 src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/YESMyoungjo-Regular.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 
/* margin-top */

.mgt-10 { 
 margin-top:10px; 
 } 

.mgt-30 { 
 margin-top: 30px; 
 } 

.mgt-50 { 
 margin-top: 50px; 
 } 

.mgt-100 { 
 margin-top: 100px; 
 } 

/* margin-bottom */

.mgb-10 { 
 margin-bottom: 10px; 
 } 
.mgb-30 { 
 margin-bottom: 30px; 
 } 

.mgb-50 { margin-bottom:50px; } 

.mgb-100 { 
 margin-bottom: 100px; 
 } 





/* padding - top */

.reset_p { padding:0 !important; } 

.pdt-10 { 
 padding-top: 10px; 
 } 

.pdt-30 { 
 padding-top: 30px; 
 } 

.pdt-50 { 
 padding-top: 50px; 
 } 

.pdt-100 { 
 padding-top: 100px; 
 } 
/* padding-bottom */

.pdb-10 { 
 padding-bottom: 10px; 
 } 

.pdb-30 { 
 padding-bottom: 30px; 
 } 

.pdb-50 { 
 padding-bottom: 50px; 
 } 

.pdb-100 { 
 padding-bottom: 100px; 
 } 



.bg_color_w { 
 background-color: #ffffff !important; 
 } 

.bg_color_g { 
 background-color: #f2f2f2 !important; 
 } 

.bg_color_p { 
 background-color: #fff3f3 !important; 
 } 

.bg_color_y { 
 background-color: #f1efe3 !important; 
 } 

.bg_color_P { 
 background-color: #c7205d !important; 
 } 


.tit_white { color:#ffffff !important } 




* { 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 } 

html { 
 scroll-behavior: smooth; 
 font-size: 100%; 
 } 


/* .lazyload { 
 opacity: 0; 
 transition: opacity 0.3s ease-in-out; 
 } 

.lazyload.loaded { 
 opacity: 1; 
 } */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
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,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { 
 margin: 0; 
 padding: 0; 
 border: 0; 
 font-size: 14px; 
 vertical-align: baseline; 
 background: transparent; 
 -webkit-text-size-adjust: none; 
 font-family: "Pretendard Variable","Noto Sans kr", sans-serif; 
 list-style: none; 
 line-height: 1.3; 
 font-weight: 400; 
letter-spacing: -0.02em;
 word-break:keep-all; 
 } 


h2, h3, h4, h5 { 
 font-weight: 400; 
 } 


em,
address { 
 font-style: normal; 
 } 

hr { 
 display: none
 } 

body { 
 line-height: 1; 
 word-break: break-all; 
 } 

ol,
ul { 
 list-style: none; 
 } 

blockquote,
q { 
 quotes: none; 
 } 

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

ins { 
 text-decoration: none; 
 } 

del { 
 text-decoration: line-through; 
 } 

table { 
 width: 100%; 
 border-collapse: separate; 
 border-spacing: 0; 
 table-layout: fixed; 
 word-break: break-all !important; 
 } 

table th,
table td { 
 vertical-align: middle; 
 background-clip: padding-box; 
 } 

fieldset { 
 margin: 0; 
 padding: 0; 
 border: 0 none; 
 } 

legend,
caption,
.skip { 
 position: absolute; 
 left: -9999px; 
 width: 0; 
 height: 0; 
 font-size: 0; 
 line-height: 0; 
 overflow: hidden; 
 } 

caption { 
 position: static; 
 } 

html,
body
{ 
    height: 100%;
 font-size: 14px; 
 color: #333333; 
 } 

a { 
 color: #a7a7a7; 
 text-decoration: none; 
 } 

a:hover { 
 color: #a7a7a7; 
 text-decoration: none; 
 } 

img,
input { 
 vertical-align: top; 
 } 

label { 
 vertical-align: middle; 
 font-size: 14px; 
 cursor: pointer; 
 } 

select { 
 margin: 0; 
 border: 0; 
 padding: 0; 
 font-size: 13px; 
 vertical-align: middle; 
 color: #666; 
 cursor: pointer; 
 } 

textarea { 
 border: 1px solid #dcdcdc; 
 color: #888; 
 font-size: 13px; 
 line-height: 18px; 
 padding: 5px; 
 overflow-y: auto; 
 resize: none; 
 -webkit-appearance: auto; 
 -moz-appearance: auto; 
 appearance: auto; 
 
 border-radius: 0; 
 font-weight: 400; 
 } 

h1,
strong { 
 font-weight: 600; 
 } 
select { 
 outline: 0; 
 -webkit-appearance: auto; 
 -moz-appearance: auto; 
 appearance: auto; 
 } 

select::-ms-expand { 
 display: none; 
 } 

/* html5 reset */
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption,
canvas { 
 display: block; 
 margin: 0; 
 padding: 0; 
 border: 0; 
 font-size: 100%; 
 font: inherit; 
 vertical-align: baseline; 
 } 

input { 
 -webkit-appearance: auto; 
 border-radius: 0; 
 padding: 0; 
 margin: 0; 
 -webkit-border-radius: 0; 
 } 

input[type='text'] { 
 -webkit-appearance: auto; 
 } 

input[type=text]::-ms-clear { 
 display: none; 
 } 

/* skip */
a.skipNavi { 
 position: absolute; 
 display: block; 
 width: 100%; 
 left: 0; 
 text-align: center; 
 top: -10000px; 
 z-index: 500; 
 font-size: 1.3em; 
 } 

a.skipNavi:hover,
a.skipNavi:focus,
a.skipNavi:active { 
 position: absolute; 
 top: 0; 
 padding: 15px 0; 
 font-weight: bold; 
 color: #fff; 
 background: #1d60a7; 
 z-index: 500; 
 } 

a:active,
a:focus { 
 outline: 0; 
 border: none; 
 -moz-outline-style: none; 
 } 

a { 
 outline: 0; 
 } 

input[type='text']:focus,
input[type='password']:focus { 
 outline: 0; 
 }