@charset "utf-8";

/* 폰트 */

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    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: 400;
    font-style: normal;
}

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

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, p,
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, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Pretendard-Regular', sans-serif; 
}
/* HTML5 display-role reset for older browsers */

html, body {width:100%; height:100%; font-size: 16px; }
html, body * { letter-spacing: -0.025em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, header, footer {display: block;}
body {line-height: 1.4; color:#333333; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
sub { font-size: 0.875em; }
table {border-collapse: collapse; border-spacing: 0;}
strong { font-weight: 500; }

.Hidden, .blind {position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
.Dis_none {display:none; position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
caption {overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px; overflow: hidden;}
button { background: none; cursor: pointer; line-height: inherit; }

a { text-decoration:none; color:#333333; cursor:pointer;}


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

.bold { font-weight: 500; }
.extraBold { font-weight: 600; }

.underline { text-decoration: underline;}

.fcolorBk { color: #333333 !important; }
.fcolorRed { color: #b62b5b !important; }
.fcolorBlue { color: #4d3c7c !important; }
.fcolorPurple { color: #7e3b8c !important; }

.relative { position:relative; }

.enterLine { display: block; }
.img-thumbnail { max-width: 100%; height: auto; }

/* margin */
.mtop0 { margin-top: 0px !important; }
.mtop5 { margin-top: 5px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop30 { margin-top: 30px !important; }
.mtop40 { margin-top: 40px !important; }
.mtop50 { margin-top: 50px !important; }
.mtop60 { margin-top: 60px !important; }
.mtop70 { margin-top: 70px !important; }
.mtop80 { margin-top: 80px !important; }
.mtop90 { margin-top: 90px !important; }
.mtop100 { margin-top: 100px !important; }

.mbtm0 { margin-bottom: 0px !important; }
.mbtm5 { margin-bottom: 5px !important; }
.mbtm10 { margin-bottom: 10px !important; }
.mbtm20 { margin-bottom: 20px !important; }
.mbtm30 { margin-bottom: 30px !important; }
.mbtm40 { margin-bottom: 40px !important; }
.mbtm50 { margin-bottom: 50px !important; }
.mbtm60 { margin-bottom: 60px !important; }
.mbtm70 { margin-bottom: 70px !important; }
.mbtm80 { margin-bottom: 80px !important; }
.mbtm90 { margin-bottom: 90px !important; }
.mbtm100 { margin-bottom: 100px !important; }

.mleft0 { margin-left: 0px !important; }
.mleft5 { margin-left: 5px !important; }
.mleft10 { margin-left: 10px !important; }
.mleft20 { margin-left: 20px !important; }
.mleft30 { margin-left: 30px !important; }
.mleft40 { margin-left: 40px !important; }
.mleft50 { margin-left: 50px !important; }
.mleft60 { margin-left: 60px !important; }
.mleft70 { margin-left: 70px !important; }
.mleft80 { margin-left: 80px !important; }
.mleft90 { margin-left: 90px !important; }
.mleft100 { margin-left: 100px !important; }

.mright0 { margin-right: 0px !important; }
.mright5 { margin-right: 5px !important; }
.mright10 { margin-right: 10px !important; }
.mright20 { margin-right: 20px !important; }
.mright30 { margin-right: 30px !important; }
.mright40 { margin-right: 40px !important; }
.mright50 { margin-right: 50px !important; }
.mright60 { margin-right: 60px !important; }
.mright70 { margin-right: 70px !important; }
.mright80 { margin-right: 80px !important; }
.mright90 { margin-right: 90px !important; }
.mright100 { margin-right: 100px !important; }


/* padding */
.ptop5 { padding-top: 5px !important; }
.ptop10 { padding-top: 10px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop30 { padding-top: 30px !important; }
.ptop40 { padding-top: 40px !important; }
.ptop50 { padding-top: 50px !important; }
.ptop60 { padding-top: 60px !important; }
.ptop70 { padding-top: 70px !important; }
.ptop80 { padding-top: 80px !important; }
.ptop90 { padding-top: 90px !important; }
.ptop100 { padding-top: 100px !important; }

.pbtm5 { padding-bottom: 5px !important; }
.pbtm10 { padding-bottom: 10px !important; }
.pbtm20 { padding-bottom: 20px !important; }
.pbtm30 { padding-bottom: 30px !important; }
.pbtm40 { padding-bottom: 40px !important; }
.pbtm50 { padding-bottom: 50px !important; }
.pbtm60 { padding-bottom: 60px !important; }
.pbtm70 { padding-bottom: 70px !important; }
.pbtm80 { padding-bottom: 80px !important; }
.pbtm90 { padding-bottom: 90px !important; }
.pbtm100 { padding-bottom: 100px !important; }

.pleft5 { padding-left: 5px !important; }
.pleft10 { padding-left: 10px !important; }
.pleft20 { padding-left: 20px !important; }
.pleft30 { padding-left: 30px !important; }
.pleft40 { padding-left: 40px !important; }
.pleft50 { padding-left: 50px !important; }
.pleft60 { padding-left: 60px !important; }
.pleft70 { padding-left: 70px !important; }
.pleft80 { padding-left: 80px !important; }
.pleft90 { padding-left: 90px !important; }
.pleft100 { padding-left: 100px !important; }

.pright5 { padding-right: 5px !important; }
.pright10 { padding-right: 10px !important; }
.pright20 { padding-right: 20px !important; }
.pright30 { padding-right: 30px !important; }
.pright40 { padding-right: 40px !important; }
.pright50 { padding-right: 50px !important; }
.pright60 { padding-right: 60px !important; }
.pright70 { padding-right: 70px !important; }
.pright80 { padding-right: 80px !important; }
.pright90 { padding-right: 90px !important; }
.pright100 { padding-right: 100px !important; }




/* width */
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }


.policytable {
    width: 100%;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
  }
.policytable th, td {
	text-align:center;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
  }
.policytable th:first-child, td:first-child {
    border-left: none;
  }