@charset "utf-8";

* {padding:0; margin:0;}
html {overflow-y:scroll; -webkit-text-size-adjust:none;}
body, a, button, pre, input, textarea, select {color:#555; font-size:14px; font-family:'Pretendard Variable', 'paybooc', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma;} /*2025-06-24 수정*/
input, textarea, select {font-family:Arial, "Pretendard Variable", Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', Dotum, Gulim, Verdana, Tahoma;} /*2025-06-24 수정*/
@media only all and (max-width:767px) {
	body {font-family:'Apple SD Gothic Neo', 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma;}
	a, select, button, pre, input, textarea {font-family:inherit;}
}
header, section, article, aside, footer, nav {display:block;}
h1, h2, h3, h4, h5, strong, b, th {font-weight:600;}
legend, .hidden {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {height:0; font-size:0; line-height:0; overflow:hidden;}
pre {white-space:pre-wrap;}
fieldset {border:0;}
li {list-style:none;}
img {vertical-align:middle; border:0;}
a {text-decoration:none;}

/* 간격 */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}

/* 글자크기 */
.fs12{font-size:12px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}

/* 정렬 */
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.clfix {overflow:hidden;}

/* 입력서식 */
input, button, label, textarea, select {vertical-align:middle; box-sizing:border-box;}
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #aebeca; border-radius:2px; padding:5px 10px; line-height:18px; background:#fff;}
input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background:#eee;}
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {height:30px; width:180px; max-width:100%;}
input[type=text][readonly=readonly], input[type=password][readonly=readonly], input[type=number][readonly=readonly], input[type=tel][readonly=readonly], input[type=email][readonly=readonly] {background:#f8f8f8;}
select {border:1px solid #aebeca; border-radius:2px; min-width:150px; height:30px; padding:3px 3px 3px 8px;}
textarea {width:100%; min-height:60px;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin:auto; height:30px;}

input::-webkit-input-placeholder {color:#999; font-size:13px;} /* Webkit */
input:-moz-placeholder {color:#999; font-size:13px;} /* Firefox 4-18 */
input::-moz-placeholder {color:#999; opacity:1; font-size:13px;} /* Firefox 19+ */
input:-ms-input-placeholder {color:#999; font-size:13px;} /* IE10+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=file] {height:auto;}
}