@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
	font-family: 'KHNPHU';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KHNPHU.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 300;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 500;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 700;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
	font-display: swap;
} 

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video { border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul, li {list-style: none;}
blockquote, q { quotes: none;}
address,  em, cite, th,td {font-weight:normal;	font-style:normal; vertical-align:middle;	}
label{cursor:pointer;}
input,
input[type=text],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
select,
textarea{padding: 0 8px;-moz-border-radius: 0 ; -webkit-border-radius: 0; border-radius:0; -moz-appearance: none; -webkit-appearance: none;  appearance: none; background-color: transparent; border-color:transparent; }
/* IE ���� Select box ȭ��ǥ ���� */ 
select::-ms-expand { display: none; }
select option {color: #02080B !important; font-size: 14px;}
select option[disabled]{display: none;}
input[type=date],
input.input_date{background-image:url('https://img.self-tax.kr/selfTax/common/icon_date.png'); background-repeat:no-repeat;background-position: 100% center; background-size:auto 100%;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display: none;} 
input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;  z-index: 1;} 

input[disabled]{background-color:#eee !important;}

/*IE pw ���̱�,����� �� ���ֱ�*/
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
    display: none;
}
input::placeholder {font-size: 15px; color:#b4b4b4; }
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;  -moz-appearance: none;  appearance: none; margin: 0;}
/* Firefox */
input[type=number] { -moz-appearance: textfield;}

textarea { padding:13px 16px; resize:none;}
select {position:relative; padding-right:40px; color: #26292E;  background-image: url('https://img.self-tax.kr/selfTax/common/select_arrow.png'); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: 15px auto;}
/*select::after{position:absolute; right:0; top: 0; width:16px; height:auto; background-image: url(../../images/icon_down_arrow.png); background-position: 95% center; background-repeat: no-repeat; background-size: 16px auto;}*/
label,input, select, textarea, button, a{font-size:inherit;}


a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}
button {cursor: pointer; background: transparent; border: none; padding: 0; margin: 0;}
table {padding: 0; border-spacing: 0; table-layout: fixed; width:100%; border: 0; border-collapse: collapse;}
td {padding: 0;}
img { max-width: 100%; border: 0; vertical-align: top;}
br{line-height:0; font-family: sans-serif; } /*�ͽ��÷ο�*/
/**:focus{outline:none;}*/
/*body, html { font-family: 'Noto Sans KR', sans-serif; color: #3d3d3d; line-height:1.2; letter-spacing: -0.5px; font-size: 16px;word-break:keep-all; -webkit-text-size-adjust: none; background-color: #fff;  }
*/

/*텍스트 드래그 방지*/
button, label, select ,a {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


body,html { font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#3d3d3d;background:#fff; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; scroll-behavior: smooth;line-height:1.2; letter-spacing: -0.5px;}

.hide { display: none;}
.hidden {position: absolute !important; top: -1px !important; left: -1px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}
.clear::after { content: ""; display: block; clear: both;}
.e_n {pointer-events: none; cursor: default;}/*a click 방지*/

/*.flex{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.grid{display: -ms-grid; display: grid;}*/
.mgl12 {margin-left:12px !important;}
.mgt10 {margin-top:10px !important;}
.mgt40 {margin-top:40px !important;}
.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.fl {float:left;}
.fr {float:right;}

/*###########check,raido###########*/
input[type='checkbox']{-webkit-appearance:checkbox;} 
.chk_box input[type=checkbox] {display: none; }
.chk_box input[type=checkbox] + label {cursor: pointer; padding-left: 21px;  }
/*<span class="chk_box"><input type="checkbox" id="chk_name" /><label for="chk_name"></label></span><label for="chk_name"></label>*/

/*input[type='radio']{-webkit-appearance:radio;}
.radio_box{margin-right:5px;}
.radio_box input[type="radio"]:checked,
.radio_box input[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.radio_box input[type="radio"] + label{padding-left: 18px; background:url('../images/common/radio_bg.png') no-repeat left center;}
.radio_box input[type="radio"]:checked + label{ background:url('../images/common/radio_bg.png') no-repeat right center;}*/
/*<span class="radio_box"><input type="radio" id="chk_radio" name="chk_radio" /><label for="chk_radio"></label></span>*/


/* 라디오 - 원 작아지는 모션 // color - 그레이 */
.radio{display:flex; align-items:center;}
.radio + .radio{margin-left:120px;}
.radio [type="radio"]:disabled + label{cursor: revert !important;}
.radio [type="radio"]:checked,
.radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.radio [type="radio"]:checked + label,
.radio [type="radio"]:not(:checked) + label{position: relative; top:-1px; padding-left: 30px; cursor: pointer; color:#818181;}
.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0 ; top: 0; width: 18px; height: 18px; border: 1px solid #b7b7b7; border-radius: 100%; background: #fff;}
.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #7b7b7b; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radio [type="radio"]:checked + label{font-weight:500;}
.radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}