/* @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-Regular';
    font-style:normal;
    font-weight:100;
    src:url('../font/Pretendard-Thin.woff2') format('woff2'),
    url('../font/Pretendard-Thin.woff') format('woff'),
    url('../font/Pretendard-Thin.otf') format('OpenType');}
@font-face{
    font-family:'Pretendard-Regular';
    font-style:normal;
    font-weight:200;
    src:url('../font/Pretendard-Light.woff2') format('woff2'),
     url('../font/Pretendard-Light.woff') format('woff'),
     url('../font/Pretendard-Light.otf') format('OpenType');}
@font-face{
    font-family:'Pretendard-Regular';
    font-style:normal;
    font-weight:400;
	src:url('../font/Pretendard-Regular.woff2') format('woff2'),
     url('../font/Pretendard-Regular.woff') format('woff'),
     url('../font/Pretendard-Regular.otf') format('OpenType');}
@font-face{
    font-family:'Pretendard-Regular';
    font-style:normal;
    font-weight:500;
    src:url('../font/Pretendard-Medium.woff2') format('woff2'),
     url('../font/Pretendard-Medium.woff') format('woff'),
     url('../font/Pretendard-Medium.otf') format('OpenType');}
@font-face{
    font-family:'Pretendard-Regular';
    font-style:normal;
    font-weight:600;
    src:url('../font/Pretendard-Bold.woff2') format('woff2'),
     url('../font/Pretendard-Bold.woff') format('woff'),
     url('../font/Pretendard-Bold.otf') format('OpenType');}

@font-face {
    font-family: 'remixicon';
    src: url('../font/remixicon.woff') format('woff'), url('../font/remixicon.woff') format('woff'), url('../font/remixicon.woff2') format('.woff2');
    /*font-weight: 400;*/
    font-style: normal;
}



/*------------------------------------------------------------------------------*/
/* 1. reset */
/*------------------------------------------------------------------------------*/

html {font-size:10px;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;}
body {font-size:10px;position: relative;line-height: 1.3;}
:lang(ko) { word-break:keep-all }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, em, pre, code, form, fieldset, legend, address, caption, cite, p, blockquote, th, td, input, select, textarea, button, figure, figcaption {margin:0;padding:0;box-sizing:border-box;font-family:'Pretendard-Regular', 'Malgun Gothic',  sans-serif;color:#333;font-weight:400;font-style:normal;letter-spacing:-0.9px;}
table {border-collapse:collapse;width:100%;}
caption, legend, caption *, legend * {font-size:0;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;background:transparent;}
h1, h2, h3, h4, h5, h6 {font-size:2.8rem;line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ol, dl, dt, dd {margin:0;padding:0;list-style:none}
p {margin:0;padding:0;word-break:keep-all}
fieldset {border:solid 0px rgb(77, 61, 61);padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
figure + figure {margin-left:20px;}
figcaption {color:#626262;font-size:1.5rem;text-align:center;}
label, input, button, select, img, span, p {vertical-align:middle;background: none;}
img{margin: 0; padding: 0;}
input[type="submit"],
input[type="button"],
button {cursor:pointer}
input,
button {margin:0;padding:0;font-size:1.6rem;border:0;}
::-webkit-input-placeholder {color:#777;font-weight:400;}
::-moz-placeholder {color:#777;font-weight:400;}
:-ms-input-placeholder {color:#777;font-weight:400;}
:-moz-placeholder {color:#777;font-weight:400;}
/*select::-ms-expand {display:none;display:hidden;}*/

a {color:#1b1b1b;text-decoration:none;}
/*a:link,a:visited,a:hover,a:active {outline: 1px solid #000; outline-offset: -5px;}*/
a:focus-visible {border: 1px solid #fff;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sr_only {overflow:hidden !important;position:absolute;width:1px;height:1px;margin:0;margin-left:-1px;padding:0;clip:rect(0,0,0,0);}
.clearfix:after {display:block;content:'';clear:both;}
:root{
    color-scheme: normal;
    --main-color: #213991;
    --main1-color: #f3f8ff;
    --main2-color: #e7edf7;
    --main3-color: #e1e7f1; 
    --black: #222;
    --white:#fff;
}
/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/
/* 2. layout */
/*------------------------------------------------------------------------------*/
.inner{width: 1200px; margin:0 auto;}
/*------------------------------------------------------------------------------*/
/* 2. color */
.gr{color:#39ac1a}
.bl{color:#0078d4}
.og{color:#f09100;}
.red{color:#ff0000 !important}
/*------------------------------------------------------------------------------*/
.tit{font-size: 1.7rem; font-weight: 600;}

/* margin
------------------------------------------------------------- */
.mgt0 { margin-top: 0px !important; } .mgt5 { margin-top: 5px !important; } .mgt10 { margin-top: 10px !important; } .mgt15 { margin-top: 15px !important; } .mgt20 { margin-top: 20px !important; } .mgt30 { margin-top: 30px !important; } .mgt40 { margin-top: 40px !important; } .mgt45 { margin-top: 45px !important; } .mgt50 { margin-top: 50px !important; } .mgb0 { margin-bottom: 0px !important; } .mgb5 { margin-bottom: 5px !important; } .mgb10 { margin-bottom: 10px !important; } .mgb15 { margin-bottom: 15px !important; } .mgb20 { margin-bottom: 20px !important; } .mgl0 { margin-left: 0px !important; } .mgl5 { margin-left: 5px !important; } .mgl10 { margin-left: 10px !important; } .mgl15 { margin-left: 15px !important; } .mgl20 { margin-left: 20px !important; } .mgl40 { margin-left: 40px !important; } .mgl70 { margin-left: 70px !important; } .mgr0 { margin-right: 0px !important; } .mgr5 { margin-right: 5px !important; } .mgr10 { margin-right: 10px !important; } .mgr15 { margin-right: 15px !important; } .mgr20 { margin-right: 20px !important; } .mgr25 { margin-right: 25px !important; } .mgb10 { margin-bottom: 10px; }

/*------------------------------------------------------------------------------*/
/*list_공통*/
.dot_list > li,
.dot_list2 > li
{position: relative;}
.dot_list > li::before,
.dot_list2 > li::before{position: absolute;content: "";display: inline-block;}
/*list_.*/
.dot_list > li{padding-left: 10px;color: #444;}
.dot_list > li ~ li{margin-top: 10px;}
.dot_list > li::before{top: 9px; left:0; width: 3px; height: 3px;background-color: #555;border-radius: 10px;}
.dot_list .table_con,
.dot_list li > ul{margin-top: 10px;}
.dot_list.dot_list_nomg > li ~ li{margin-top: 0;}
/*------------------------------------------------------------------------------*/