@charset "utf-8";

/*---------------------------------------------------*/
/*       Noto Sans KR(Korean) google webfont         */
/*---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/*---------------------------------------------------*/
/*                    'Web font'                    */
/*---------------------------------------------------*/
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css')

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
*:focus { outline:none; }


:root {
    --main-color: #00205C;
    --sub-color: #6f8dbc;
}

/*---------------------------------------------------*/
/*                  Reset Common                     */
/*---------------------------------------------------*/
html {margin:0; padding:0;}
body {overflow-x:hidden; margin:0; padding:0;position:relative;font-family: Pretendard, -apple-system,"Noto Sans KR", sans-serif;}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; font-size:16px;font-weight:400;color:#535252;}
table {border-spacing:0; border-collapse:collapse; border:0; table-layout:fixed; padding:0; margin:0; width:100%;}


h1, h2, h3, h4, h5, h6 {line-height:1.2em;}
ol, ul, li {list-style:none;}

hr {display:none;}
caption {display:none;}
img {border:none; line-height:0; font-size:0;}
img, li {vertical-align: middle}

a {display:block;color:inherit;cursor:pointer;}
a:link , a:visited, a:hover{text-decoration:none}

button {border:none; padding:0; margin:0; visibility:visible; cursor:pointer;}
fieldset {border:0;}

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

/* input placeholer */
input[type=text], input[type=password], input[type=number]{ height: 32px; background-color: #fff;border:1px solid #c9c9c9; text-indent: 10px;border-radius: 3px;}

input::-webkit-input-placeholder{font-size:14px;color:#cbcaca}/* chrome */
input::-moz-placeholder{font-size:14px;color:#cbcaca} /* firefox */
input:-ms-input-placeholder{font-size:14px;color:#cbcaca}/* ei */

input[type="radio"], input[type="checkbox"] {padding:0; margin:0; width:auto; height:auto; border:0; vertical-align:middle;}

/* select º¯°æ */
select::-ms-expand {display:none;}
select{
	-webkit-appearance: none; /* È­»ìÇ¥ ¾ø¾Ö±â for chrome*/
	-moz-appearance: none;    /* È­»ìÇ¥ ¾ø¾Ö±â for firefox*/
	appearance: none;         /* È­»ìÇ¥ ¾ø¾Ö±â °øÅë*/
	outline: none;
}



input[type="radio"], input[type="checkbox"] {padding:0; margin:0; width:auto; height:auto; border:0; vertical-align:middle;}

/* select º¯°æ */
select::-ms-expand {display:none;}
select{
	-webkit-appearance: none; /* È­»ìÇ¥ ¾ø¾Ö±â for chrome*/ 
	-moz-appearance: none;    /* È­»ìÇ¥ ¾ø¾Ö±â for firefox*/ 
	appearance: none;         /* È­»ìÇ¥ ¾ø¾Ö±â °øÅë*/ 
	outline: none;
}


/*button*/
input[type="button"],button {cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none;border: 0; outline: 0; border-image: none;}
input[type="button"]:focus,button:focus {border:1px solid #3e8ddc !important;}
textarea { resize:none; word-wrap:break-word; outline:none;}

input[type="text"] , input[type="password"] , input[type="number"]{ padding-left:10px }

select {
    -webkit-appearance: none; 
    appearance: none;
	border: none;
	box-shadow: none;
 	background:#fff url("../images/inputSelectBg.jpg") no-repeat center right;
    background-size:600px 40px;
	height: 40px;
	display: inline-block;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	font-weight: 100;
}
select::-ms-expand { display: none; }

input[type="radio"] {
  accent-color: var(--main-color);
}