select, input, textarea {font-family: 'Pretendard', sans-serif; max-width:900px;}
input[type='button'], textarea, button, select {-webkit-border-radius: 6px; border-radius:6px; }

/* button */
.btn {border:0; transition:.1s; border-radius:8px; cursor:pointer;}
.btn:active {opacity:.8;}
.btn_gnb_search {position:absolute; width:60px; height:100%; top:0; right:0; background:url("../images/common/btn_search.png") center no-repeat; text-indent:-9999px; border:0;}
.btn_login {background:#00548b; width:100%; height:60px; color:#fff; background:#00548b; font-size:1.6rem; border-radius:8px; -webkit-border-radius:8px !important; font-weight:bold;}
.btn_login.google {border:1px solid #ddd; background:#fff; color:#333;}
.btn_login.google img {margin-right:5px;}
.btn_login.google img, .btn_login.google span {display:inline-block; vertical-align:middle;}
.btn_table {padding:0px 15px; min-width:90px; height:35px; vertical-align:top; border-radius:8px; margin-left:5px; letter-spacing:0; font-size:1.4rem; font-weight:bold; color:#fff; background:#999;}
.btn_common {vertical-align:middle; padding:0 40px; height:40px; line-height:40px; display:inline-block; font-size:14px; cursor:pointer;}
.btn_shop {width:100%; height:56px; font-size:16px; font-weight:bold;}
.btn_main {background:#00548b; color:#fff;}
.btn_sub {background:#fff; border:1px solid #00548b; color:#00548b;}
.btn_other {background:#fff; border:1px solid #00548b; color:#00548b;}
.btn_del {background:#e51f1f; color:#fff;}
.btn_popup {width:160px; height:45px; display:inline-block; margin:0 3px; font-size:16px;}
.btn_download {width:30px; height:30px; background:url("../images/board/icon_file.png") center no-repeat; text-indent:-99999px;}



/* text */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "Pretendard", sans-serif;}
.text_login {width:100%; height:55px; padding:0 20px; display:block; margin-bottom:25px; background:#fff; border:1px solid #ddd; border-radius:8px; font-size:1.6rem;}
.text_common {height:40px; line-height:40px; padding:0 20px; font-size:14px; border:1px solid #ddd;}
.text_search {width:100%; height:48px; line-height:48px; border:1px solid #ddd; border-radius:2px; padding:0px 60px 0px 15px; font-size:16px;}
.text_search:focus {}
.signpad {width:250px; height:200px; border:1px solid #ddd; }



/* select */

select{
	color:#000;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	margin: 0;
	height:40px;
	min-width:120px;
	padding:0 40px 0 20px;
	background:url("../images/common/icon_select_arrow.png") calc(100% - 15px) center no-repeat #fff;
	vertical-align:middle;
	font-family: "Pretendard", sans-serif;
	font-size:1.4rem;
}

@media screen and (max-width: 767px) {
	select {width:100%; padding:0 20px 0 15px; background:url("../images/common/icon_select_arrow.png") calc(100% - 10px) center no-repeat #fff;}
	input[name='tbx_PostalCode'] {width:calc(100% - 120px); margin-right:10px;}
	input[name='tbx_PostalCode'] + btn {width:80px;}
}


.select_form {width:100%; height:50px; font-family: "Pretendard", sans-serif; font-size:15px; border:1px solid #e1e1e1; padding:0 20px; background: url("../images/common/icon_select_arrow.png") no-repeat 92% center #fff; vertical-align:middle; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.select_form::-ms-expand { display: none;}

/* placeholder */
input::-webkit-input-placeholder {color:#888;}
input:-ms-input-placeholder {color:#888;}
textarea::-webkit-input-placeholder {color:#888;}
textarea:-ms-input-placeholder {color:#888;}




/* checkbox */
.check input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.check input[type="checkbox"] + label {font-size:1.5rem; color:#454545; display: inline-block; position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; padding-left:32px; line-height:20px;}
.check input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 20px; height: 20px; border-radius:3px; line-height: 20px; text-align: center; vertical-align: middle;}
.check input[type="checkbox"] + label:before {position: absolute;left: 0; margin-top: 0;opacity: 1; border:1px solid #ddd; background:#fff;}
.check input[type="checkbox"]:checked + label:before { position: absolute; content: ""; opacity:1; background: url("../images/common/icon_check.png") center 7px no-repeat #00548b; border-color:#00548b; background-size:10px;}


@media screen and (width: 1860px) and (height:930px) {
	.btn_common {font-size:1.4rem;}

}