@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:'SpoqaHanSansNeo', 'Roboto', 'Malgun Gothic', sans-serif; font-size:15px; color:var(--color-dark-gray); }
body,th,td,input,select,textarea,button,
a { font-weight:400; font-size:100%; font-family:'SpoqaHanSansNeo', 'Roboto', sans-serif; color:#555; text-decoration:none; }
* { box-sizing:border-box; }
body { min-width:240px; letter-spacing:-.025em;}

/* SpoqaHanSansNeo
-------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'SpoqaHanSansNeo';
	src:local('SpoqaHanSansNeo-Light'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
	 /* src: url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'); */
    src:local('SpoqaHanSansNeo-Regular'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
	src:local('SpoqaHanSansNeo-Medium'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
	src:local('SpoqaHanSansNeo-Bold'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
		url('/html/css/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: Bold;
    font-style: normal;
}

/*variable*/
:root {
    --color-primary:#0148d4;
    --color-red:#dc3545;
    --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-secondary:#ccc; */
}
/* ================================================================================
																					레이아웃
================================================================================ */
#wrapper { position:relative; /*overflow-x:hidden;*/ width:100%; transition:.3s; }
.inner { margin:0 auto; width:1180px; }

@media only screen and (max-width:1180px) { 
	.inner { padding:0 30px; width:100%; }
}
@media only screen and (max-width:768px) { 
	.inner { padding:0 20px; }
}

/*select box*/
select.select{padding:0 20px;width:100%;height:50px;border-radius:4px;border:1px solid var(--color-light-gray,#ccc);font-size:18px;color:var(--color-dark-gray,#333);-webkit-appearance:none;-moz-appearance:none;background:url(/html/images/sub/board/select_arrow.png) no-repeat 96% center}
select.select::-ms-expand {display:none;}
select.select.sm {height:40px; padding:0 15px; background-size:auto 7px; background-position:95% center;}

@media only screen and (max-width:767px) {
    select.select {padding:0 10px; height:40px; font-size:15px; background-position:95% center; background-size:auto 6px;}
    select.select.sm {background-position:94% center; background-size:auto 5px;}
}