@charset "utf-8";
/* common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style:none;}
img {border:0 none;}
.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}
html, body { width:100%; background-color:#fff; font-weight:400;  font-family:'Pretendard', 'Roboto', 'Malgun Gothic', sans-serif; font-size:15px; color:var(--color-gray-800,#393939); }
body,th,td,input,select,textarea,button,
a { font-weight:400; font-size:100%; font-family:'Pretendard', 'Roboto', sans-serif; color:var(--color-gray-900,#28272D); text-decoration:none; }
* { box-sizing:border-box; }
body { min-width:320px; letter-spacing:-1.18px;}

/* Pretendard */
@font-face {font-family: 'Pretendard'; font-weight: 900; font-display: block; src: local('Pretendard Black'), url('/html/css/fonts/pretendard/Pretendard-Black.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Black.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-display: block; src: local('Pretendard ExtraBold'), url('/html/css/fonts/pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-display: block; src: local('Pretendard Bold'), url('/html/css/fonts/pretendard/Pretendard-Bold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-display: block; src: local('Pretendard SemiBold'), url('/html/css/fonts/pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-display: block; src: local('Pretendard Medium'), url('/html/css/fonts/pretendard/Pretendard-Medium.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-display: block; src: local('Pretendard Regular'), url('/html/css/fonts/pretendard/Pretendard-Regular.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-display: block; src: local('Pretendard Light'), url('/html/css/fonts/pretendard/Pretendard-Light.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-display: block; src: local('Pretendard ExtraLight'), url('/html/css/fonts/pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 100; font-display: block; src: local('Pretendard Thin'), url('/html/css/fonts/pretendard/Pretendard-Thin.woff2') format('woff2'), url('/html/css/fonts/pretendard/Pretendard-Thin.woff') format('woff');}


/*variable*/
:root { 
    /* --color-primary:#F44336;
    --color-secondary:#252525; 
    --color-gray-50:#F8F8F8;
    --color-gray-100:#F0F0F0;
    --color-gray-200:#E3E3E3;
    --color-gray-300:#D9D9D9;
    --color-gray-400:#ABABAB;
    --color-gray-500:#888888;
    --color-gray-600:#767676;
    --color-gray-700:#454545;
    --color-gray-800:#393939;
    --color-gray-900:#181818;
    --color-error:#F44336;
    --color-oilve-green:#1B8862; 
    --color-point:#F46200;  */
    --color-primary:#130079;
    --color-secondary:#3F23FA; 
    --color-gray-50:#F8F8F8;
    --color-gray-100:#F9F9FA;
    --color-gray-200:#ECECEF;
    --color-gray-300:#D9D8DE;
    --color-gray-400:#C4C3CB;
    --color-gray-500:#A5A4AB;
    --color-gray-600:#8A8992;
    --color-gray-700:#6B6973;
    --color-gray-800:#3D3C43;
    --color-gray-900:#28272D;
    --color-error:#DD3C0F;
    --color-oilve-green:#1B8862 ; 
    --color-point:#F46200; 

    --color-red:#DD3C0F;
    --color-light-gray:#ccc;
    --color-gray:#aaa;
    --color-dark-gray:#333;
    --color-blue:#011fd4;
    --color-sky-blue:#0098e0;
    --color-light-primary:#e3edf9;
    --color-light-gray2:#f5f5f7;
    --color-border:#eee;
    --color-border2:#ddd;
    --color-white:#fff;
    /* --color-black:#000; */
    --color-black:#000;
}
/* ================================================================================
																					레이아웃
================================================================================ */
#wrapper { position:relative; width:100%; transition:.3s; display: flex;
    flex-direction: column;
    min-height: 100vh;}
.inner {width:100%; max-width:100%; margin:0 auto;}
.cont-inner { margin:0 auto; max-width:1220px; width:100%;}
.blind {overflow:hidden; width:0; height:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;}
@media only screen and (max-width:1240px) {
    .cont-inner {padding-left:20px; padding-right:20px;}
}
@media only screen and (max-width:768px) { 
    .mo-inner {width:100%; padding-left:20px; padding-right:20px;}
    .cont-inner {padding-left:0; padding-right:0;}
}

#contents {
    flex: 1 0 auto;
}

#footer {
    flex-shrink: 0;
}

/* color */
.txt-primary {color:var(--color-primary,#130079) !important;}
.txt-secondary {color:var(--color-secondary,#3F23FA) !important;}
.txt-black {color:var(--color-gray-800,#393939) !important;}
.txt-red {color:var(--color-red) !important;}
.txt-gray {color:var(--color-gray-800,#3D3C43) !important;}