@charset "utf-8";
/****************************************************************************************************************
	[component guide]
	01. title
	02. text
	03. button
	04. icon
	05. form
	06. table
****************************************************************************************************************/
/* 01. title */
[class*="tit"]:before, [class*="tit"]:after {background-repeat:no-repeat;background-position:center center;background-size:cover;vertical-align:middle;}

/* 02. text  */

/* 03. button */
[class*="btn"], a[class*="btn"],
[class*="btn"]:before, a[class*="btn"]:before,
[class*="btn"]:after, a[class*="btn"]:after {background-position:center center;background-repeat:no-repeat;background-size:cover;vertical-align:middle;}
[class*="btn"], a[class*="btn"] {display:inline-block;text-align:center;}
[class*="-btn"][disabled], a[class*="-btn"][disabled] {cursor:default;}
[class*="submit-btn"], a[class*="submit-btn"] {}
[class*="function-btn"], a[class*="function-btn"] {}
[class*="link-btn"], a[class*="link-btn"] {}
[class*="icon-btn"], a[class*="icon-btn"] {}
[class*="open-btn"], a[class*="open-btn"] {}
[class*="close-btn"], a[class*="close-btn"] {}
[class*="more-btn"], a[class*="more-btn"] {}
[class*="toggle-btn"], a[class*="toggle-btn"] {}
[class*="tab-btn"], a[class*="tab-btn"] {}
[class*="download-btn"], a[class*="download-btn"] {}

/* 04. icon */
[class*="icon"] {display:inline-block;background-position:center center;background-repeat:no-repeat;background-size:contain;vertical-align:middle;}

/* 05. form */
/* 체크박스 */
.checkbox-field .check-label:before {border-radius:4px;}
.checkbox-field .check-form[checked="checked"] + .check-label:before,
.checkbox-field .check-form:checked + .check-label:before {background-color:#4263eb;border:none;height:18px;width:18px;}
.checkbox-field .check-form[checked="checked"] + .check-label:after,
.checkbox-field .check-form:checked + .check-label:after {background-image:url("/common/images/icon/icon-form-checkbox.png");height:18px;width:18px;}
/* 라디오 박스 */
.radio-field .check-label:before,
.radio-field .check-label:after {border-radius:50%;}
.radio-field .check-label:before {}
.radio-field .check-label:after {}
.radio-field .check-form[checked="checked"] + .check-label:after,
.radio-field .check-form:checked + .check-label:after {background-color:#4263eb;width:10px;height:10px;left:4px;top:4px;}
.radio-field .check-form[checked="checked"][disabled="disabled"] + .check-label:before,
.radio-field .check-form:checked:disabled + .check-label:before {background-color:transparent;border-color:#dde2e5;}
.radio-field .check-form[checked="checked"][disabled="disabled"] + .check-label:after,
.radio-field .check-form:checked:disabled + .check-label:after {background-color:#dde2e5;}
/* 체크 박스 */
.check-form {position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;}
.check-form[checked="checked"] + .check-label:after,
.check-form:checked + .check-label:after,
.check-form[checked="disabled"] + .check-label:after,
.check-form:disabled + .check-label:after {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.check-form[disabled="disabled"] + .check-label,
.check-form:disabled + .check-label {color:#dde2e5;cursor:default;}
.check-form[disabled="disabled"] + .check-label:before,
.check-form:disabled + .check-label:before {border-color:#dde2e5;}
.check-form[checked="checked"][disabled="disabled"] + .check-label:before,
.check-form:checked:disabled + .check-label:before {background-color:#dde2e5;}
.check-form.enabled + .check-label:before {border-color:#f03d3e;background-color:#ff8787;}
/* label */
.check-label {cursor:pointer;position:relative;}
.check-label:before {border:1px solid #dde2e5;height:16px;width:16px;}
.check-label:before,
.check-label:after {content:"";display:inline-block;position:absolute;top:0;left:0;}

/* 06.table */
/***************************************************************************
	[PC 중간 사이즈 분기]
	- 1024 x 1280
***************************************************************************/
@media screen and (min-width:1024px) and (max-width:1280px) {

}

@media screen and (min-width:1921px) {

}