@charset "utf-8";
/*****************
	reset.css
	2024-01-18
******************/

html {-webkit-text-size-adjust: 100%;}
html,body,div,p,iframe,frameset, h1,h2,h3,h4,h5,h6, strong,span,b,em,var,label,legend, ul,ol,li,dl,dt,dd,
table,thead,tbody,tfoot,tr,th,td,caption, form,fieldset,input,textarea, sub,sup,img,a,del,button,pre,
header,footer,section,article,aside {padding:0;margin:0; box-sizing:border-box;}

body {overflow-x:hidden;color:#444;font-size:14px;line-height:1.4; font-weight:400; font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕','돋음','Dotum', 'Roboto', Arial, Helvetica, sans-serif;}

button {position:relative;background:transparent; border:0; cursor:pointer;}
img {vertical-align:middle; -webkit-touch-callout: none;}
button {vertical-align:middle;}
img, button, fieldset, table {border:0;}
em, address, del {font-style:normal;}
label/*,a */{display:inline-block;}
strong, b {font-weight:bold;}
label {cursor:pointer;}

/* 목록 스타일 리셋 */
ul, ol, li {list-style:none;}

/* input 기본 스타일 초기화 */
input::-ms-clear, 
select::-ms-expand{ display: none; } /*ie에서 화살표 없애기 */
textarea{resize:none;}

select,
label,
button,
textarea,
input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color:transparent;
	line-height:normal;
	vertical-align:middle;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
	font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕','돋음','Dotum', 'Roboto', Arial, Helvetica, sans-serif;
}

input[type="text"], 
input[type="password"],
input[type="email"], 
input[type="number"] {height:52px;padding:0 16px; border:1px solid #ccc; color:#333; font-size:17px; background-color:transparent; border-radius:5px;}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus {border-color:#000;
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

textarea[disabled="disabled"],
input[disabled="disabled"] {background: #F1F1F1; border-color:#cfcfcf; pointer-events: none;}

input::placeholder{color: rgba(204,204,204,1); font-weight:400 !important; font-size:16px !important;}
a:focus, button:focus, input:focus{outline:none;}


/* selectbox 2024.01.18 */
select{height:42px;padding:0 43px 0 10px;border:1px solid #ddd;font-size:15px;background:#fff url('../img/icon_select_arrow.png') no-repeat right 15px top 15px;background-repeat:no-repeat;background-size:auto 7px;border-radius:5px;}
select:hover, 
select:focus {color:#222;}
select:disabled {border-color:#cfcfcf;color:#bbb;background-color:#F1F1F1;cursor:default;}

.select-slim {height:28px;padding:0 30px 0 10px;border:1px solid #ddd;font-size:12px;background:url('../img/icon_select_arrow.png') no-repeat right 10px top 10px;background-size:auto 4px;border-radius:3px;}


/********** 체크박스 공통 스타일 ***********/
/* checkbox */
.cm-checkbox {display:inline-block; vertical-align:middle;}
.cm-checkbox input[type="checkbox"] {width:15px; height:15px;border:0; vertical-align:middle; margin-top:-1px; background:url('../img/ico_checkbox.png') no-repeat 0 0;background-size:47px auto;-webkit-appearance:none;-moz-appearance: none;-webkit-border-radius: 0;}
.cm-checkbox input[type="checkbox"]:hover,
.cm-checkbox input[type="checkbox"]:focus {background-position:-16px 0;}
.cm-checkbox input[type="checkbox"]:checked {background-position:0px -16px;}
.cm-checkbox input[type="checkbox"]:checked:focus {background-position:-16px -16px;}
.cm-checkbox input[type="checkbox"]:disabled  {background-position:-32px 0;}
.cm-checkbox input[type="checkbox"]:checked:disabled {background-position:-32px -16px;}
.cm-checkbox input[type="checkbox"]:disabled + label {color:#b3b3b3;}
/* checkbox label 간격 */
.cm-checkbox input[type="checkbox"] + label{margin-left:4px;}
.cm-checkbox label + input[type="checkbox"]{margin-left:4px;}
.cm-checkbox .checkbox-item input[type="checkbox"] + label{margin-right:8px;}

/********** 라디오박스 공통 스타일***********/
.cm-radiobox .radio-item{display:inline-block; vertical-align:middle; margin-right:42px;}
.cm-radiobox .radio-item:last-child{margin-left:0;}
.cm-radiobox .radio-item input[type="radio"]{display:none;}
.cm-radiobox .radio-item label{display:inline-block; position:relative; padding-left:20px; color:#555; font-size:14px; letter-spacing:-0.75px; line-height:15px;}
.cm-radiobox .radio-item label::before{content:""; position:absolute; top:0px; left:0px; width:12px; height:12px; border:2px solid #777; background-color:#fff; -webkit-border-radius:16px; border-radius:16px;}
.cm-radiobox .radio-item label::after{display:none; content:""; position:absolute; top:4px; left:4px; width:8px; height:8px; background:#09407e; -webkit-border-radius:8px; border-radius:8px;}
.cm-radiobox .radio-item input[type="radio"]:hover + label::before,
.cm-radiobox .radio-item input[type="radio"]:focus + label::before{border-color:#333}
.cm-radiobox .radio-item input[type="radio"]:checked + label::before{border-color:#09407e}
.cm-radiobox .radio-item input[type="radio"]:checked + label::after{display:block;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label{color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label::before{border-color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label{color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label::before{border-color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label::after{background:#b7b7b7;}
/* radiobox label 간격 */
.cm-radiobox .radio-item input[type="radio"] + label{margin-right:12px;} /* 2023.02.09 추가 */

/* checkbox/radio label 간격 */
input[type="checkbox"],
input[type="radio"]{margin-top:2px;}
input[type="checkbox"]+ label,
input[type="radio"]+ label{margin-left:4px;}

/* textarea 스타일 */
.textarea{width: 100%; height: 100px; padding: 5px; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 1.3; color: #000; background-color: #fff; letter-spacing: -0.75px; border: 1px solid #ddd;}
textarea::placeholder{color: rgba(0,0,0,0.28);}
textarea:focus{outline: none; border:1px solid #FCAF17;}

/* table */
table {width:100%;border-collapse:collapse;border-spacing:0;}
th, td {word-break:break-all;word-wrap:break-word;}

/* alink */
a {border:0; color:#222; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:none;}
a:focus, button:focus, input:focus{outline:none;}

/* text 숨김처리 */
caption {width:0;height:0;text-indent:-9999px;font-size:0;}
legend, .hidden {position:absolute !important;top:0;left:0;overflow:hidden;width:0 !important;height:0 !important;line-height:0 !important;}

/* 공통 :: 가로값지정 */
.w10per{width:10% !important;}
.w20per{width:20% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w50per{width:50% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w80per{width:80% !important;}
.w90per{width:90% !important;}
.w100per{width:100% !important;}

/* br tag */
.m-br{display:none;}
@media all and ( max-width: 800px ){
	.m-br{display:block;}
	.pc-br{display:none;}
}

/* clear */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}

.font-xi:before{font-family:xeicon !important}

/**************************************************************** 
	fonts
 ***************************************************************/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
	url('../fonts/Pretendard-Black.woff2') format('woff2'), 
	url('../fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), 
	url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
	url('../fonts/Pretendard-Bold.woff2') format('woff2'), 
	url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
	url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
	url('../fonts/Pretendard-Medium.woff2') format('woff2'), 
	url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
	url('../fonts/Pretendard-Regular.woff2') format('woff2'), 
	url('../fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
	url('../fonts/Pretendard-Light.woff2') format('woff2'), 
	url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), 
	url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), 
	url('../fonts/Pretendard-Thin.woff2') format('woff2'), 
	url('../fonts/Pretendard-Thin.woff') format('woff');
}