@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/*---------------------------------------------------*/
/*       Noto Sans KR(Korean) google webfont         */
/*---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

@font-face {
  font-family: 'NanumMyeongjo';
  src: url(/mobile/images/font/NanumMyeongjo-Regular.ttf), 
       url(/mobile/images/font/NanumMyeongjo-Regular.ttf) format("ttf"), 
       url(/mobile/images/font/NanumMyeongjo-ExtraBold.ttf) format("ttf"),
       url(/mobile/images/font/NanumMyeongjo-Bold.ttf) format("truetype");
}


/*---------------------------------------------------*/
/*                  Reset Common                     */
/*---------------------------------------------------*/
html {margin:0; padding:0; height: 100%;}
body {overflow-x:hidden; /*overflow-y:auto;*/margin:0; padding:0;height: 100%;}
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, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; font-size:1em; font-weight:400;}
table {border-spacing:0; border-collapse:collapse; border:0;  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;}

a {text-decoration:none;cursor:pointer; color: #838383;text-decoration:none;}
button {border:none; padding:0; margin:0; visibility:visible; cursor:pointer;}
fieldset {border:0;}

/* input option */
input[type=text], input[type=password], input[type=number]{ height: 45px; background-color: #f4f4f4; text-indent: 10px; width: 100%; border: 0; font-size: 16px;}
input::placeholder{ color:#000; padding: 7px; font-weight: 300; font-size: 0.875em;}
input:focus{outline: none;}

input::-webkit-input-placeholder {  color:#000; padding: 5px; font-weight: 300;}
input:-ms-input-placeholder {  color:#000; padding: 5px; font-weight: 300;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* select 변경 */
select::-ms-expand {display:none;}
select{
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/ 
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/ 
	appearance: none;         /* 화살표 없애기 공통*/ 
	outline: none;
	border: none;
	box-shadow: none;
	text-indent: 10px;
	display: inline-block;
	height: 45px;
	background:#F4F4F4 url("/mobile/images/inputSelectBg.svg") no-repeat center right 10px;
	background-size:15px;
	color: #000;
}
select[disabled] {
	background: #F4F4F4 url('/mobile/images/select_tri_disabled.svg') no-repeat;
	border:1px solid #ddd;
	background-position:center right 15px;
	background-size:9px 6px;
	color:#5f6668;
	font-weight: 300;
}
select option[value=""][disabled] {
	display: none;
}
*, 
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}