/* button */
.btn {position:relative; cursor:pointer; background:#fff; border:0; font-family: "Pretendard", sans-serif;}
.btn:active {opacity:.6;}
.btn_login {width:100%; height:66px; color:#fff; font-size:16px; font-weight:500; background:#143488;}
.btn_scr_up {position:absolute; right:120px; top:-32px; width:65px; height:65px; border-radius:65px; text-indent:-99999px; font-size:0; background:url("../images/common/btn_scr_up.png") center no-repeat #143488;}
.btn_footer {padding:0 88px; height:66px; font-size:18px; margin:auto;}
.btn_main {background:#143488; color:#fff;}
.btn_sub {border:1px solid #143488; background:#fff; color:#143488;}
.btn_other {border:1px solid #b9b9b9; background:#fff; color:#424242;}
.btn_del {background:#f34040; color:#fff;}
.btn_gnb_clear {width:22px; height:22px; background:url("../images/common/icon_gnb_clear.png") center no-repeat #a8a8a8; background-size:10px; border-radius:21px; position:absolute; right:7px; top:50%; margin-top:-11px; text-indent:-99999px;}
.btn_gnb_search {width:32px; height:32px; background:url("../images/common/icon_gnb_search.png?ver=1.3") center no-repeat #a8a8a8; border-radius:32px; position:absolute; right:7px; top:50%; margin-top:-16px; text-indent:-99999px;}



/* text */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "Pretendard", sans-serif;}
.text_form:focus {border-color:#143488; color:#143488; outline:none;}
.text_login {width:100%; height:60px; background:#fff; line-height:60px; padding:0 22px; margin-bottom:12px; border:1px solid #c7c7c7; font-size:16px; color:#b2b2b2;}
.text_login:focus {background:#fff; color:#222; border-bottom:1px solid #333;}
.text_common {font-size:16px; width:100%; height:60px; line-height:60px; padding:0 22px; border:1px solid #c7c7c7; color:#b2b2b2;}
.text_common.textarea {height:335px; line-height:1.5; padding:20px 22px;}
.text_gnb_search {width:100%; height:64px; padding:0px 40px 0px 0px; background:transparent; border-bottom:1px solid #2b2b2b;  font-size:18px;}



/* select */
.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.png") no-repeat 94% 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:#b3b2b3;}
input:-ms-input-placeholder {color:#b3b2b3;}
textarea::-webkit-input-placeholder {color:#b3b2b3;}
textarea:-ms-input-placeholder {color:#b3b2b3;}
input:focus {outline:none;}				



/* 체크박스 */
.check {position:relative;}
.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 {color:#666; display: inline-block; position: relative; padding-left:40px; line-height:24px; font-size:16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 24px; height: 24px; text-align: center; background: #fff; border: 1px solid #989999;} 
.check input[type="checkbox"]:checked + label:before {background:url("../images/common/icon_check.png") center no-repeat #143488; border-color:#143488;} 
.check input[type="checkbox"]:disabled + label:before {background:#ccc; border-color:#ccc;}
.check input[type="checkbox"]:checked:disabled + label:before {background:url("../images/common/icon_check.png") center no-repeat #ccc; border-color:#ccc;}



@media screen and (max-width: 1025px) {
	.text_login, .text_common {height:50px; line-height:50px; font-size:14px;}
	.btn_login, .btn_footer {height:60px;}
	.btn_footer {font-size:16px; padding:0 65px;}
	.check input[type="checkbox"] + label {padding-left:32px; line-height:20px;}
	.check input[type="checkbox"] + label:before {width:20px; height:20px;}
	.btn_gnb_search {width:28px; height:28px; margin-top:-14px; right:20px;}
}


@media screen and (max-width: 768px) {
	.btn_footer {padding:0 55px; height:55px; font-size:14px;}
	.text_common {padding:0 12px; height:45px; line-height:45px;}
	.text_common.textarea {padding:15px 12px; height:235px;}
	.check input[type="checkbox"] + label {font-size:14px; padding-left:28px;}
	.check input[type="checkbox"] + label:before  {width:16px; height:16px;}
	.check input[type="checkbox"]:checked + label:before {background-size:10px;}


}