@import url('./iconfont/myfont/style.css');
@import url('./iconfont/heyteetime/style.css');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap'); */
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css'); */
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.min.css'); */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');


/*─────────────────────────────────────────────────
											공통
─────────────────────────────────────────────────*/
body{
	--pretendard:Pretendard, Pretendard JP, sans-serif;
	/* --pretendard:Pretendard, sans-serif; */
	--roboto:"Roboto", sans-serif;

	/* color */
	--mainColor:#029835; /*--Primary01*/
	--subColor:#00842d;
	--scrollbarColor:var(--mainColor);

	--primary01:#029835;
	--primary02:#2B8048;
	--primary03:#015D20;
	--primary05:#EDFBF2;
	--primary06:#F3F7F2;
	--secondary01:#D2222C;
	--secondary02:#E9A015;
	--secondary04:#15BD4E;
	--Primary01:var(--primary01);
	--Primary02:var(--primary02);
	--Primary03:var(--primary03);
	--Primary05:var(--primary05);
	--Primary06:var(--primary06);
	--Secondary01:var(--secondary01);
	--Secondary02:var(--secondary02);
	--Secondary04:var(--secondary04);

	--G100:#F8F8F8;
	--G200:#F4F4F4;
	--G300:#E8E8E8;
	--G400:#D9D9D9;
	--G500:#A4A4A4;
	--G600:#5D5D5D;
	--G700:#333;

	--black:#1A1A1A;
	--black-hover:#000000;
	--red:#D2222C;
	--red-hover:#e83131;
	--green:#015D20;


	--blue:#4381ff;
	--blue-hover:#2f6dea;


	--gray:rgba(71,78,103,0.85);
	--color-slate-400:rgb(148,163,184);
	--color-slate-500:rgb(100,116,139);
	--color-slate-600:rgb(71,85,105);
	--disable:#F7F7F7;
	--border-color:var(--G300);

	/* form */
	--form-height:50px;
	--form-fontSize:14px;
	--form-fontWeight:500;
	--form-radius:4px;

	/* _btn */
	--btn-height:var(--form-height);
	--btn-radius:var(--form-radius);
	--btn-fontSize:var(--form-fontSize);
	--btn-fontWeight:var(--bold);
	--btn-color:var(--G200);
}


/*─────────────────────────────────────────────────
											font
─────────────────────────────────────────────────*/
[class^="pretendard"], [class*="pretendard"]{font-family:var(--pretendard) !important;}
.pretendard100{font-weight:100 !important;}
.pretendard200{font-weight:200 !important;}
.pretendard300{font-weight:300 !important;}
.pretendard400{font-weight:400 !important;}
.pretendard500{font-weight:500 !important;}
.pretendard600{font-weight:600 !important;}
.pretendard700{font-weight:700 !important;}
.pretendard800{font-weight:800 !important;}
.pretendard900{font-weight:900 !important;}

[class^="roboto"], [class*="roboto"]{font-family:var(--roboto) !important;}
.roboto100{font-weight:100 !important;}
.roboto300{font-weight:300 !important;}
.roboto400{font-weight:400 !important;}
.roboto500{font-weight:500 !important;}
.roboto700{font-weight:700 !important;}
.roboto900{font-weight:900 !important;}


[class^="garamond"], [class*="garamond"]{font-family:"EB Garamond", serif;}
.garamond400{font-weight:400 !important;}
.garamond500{font-weight:500 !important;}
.garamond600{font-weight:600 !important;}
.garamond700{font-weight:700 !important;}
.garamond800{font-weight:800 !important;}








/*─────────────────────────────────────────────────
										초기화
─────────────────────────────────────────────────*/
html{}
body{margin:0;padding:0;/*font-size:0.75em;*/font-size:13px;font-family:var(--font-family);background:#fff;-webkit-tap-highlight-color:transparent !important;}
html,body{-webkit-overflow-scrolling:touch;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;font-family:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol,ul,dl,dt,dd{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;font-size:100%}
input, button{margin:0;padding:0;font-size:100%;}
button{border:0;}
button, input[type="submit"]{cursor:pointer;outline:0;}
button, input[type="submit"]:not([class*='_btn']){font-family:inherit;}
button{cursor:pointer;background:transparent;color:inherit;}
textarea, select{font-size:1em}
select{margin:0}
table{border-collapse:collapse;border-spacing:0;}
p{margin:0;padding:0;/*word-break:break-all*/}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em;font-family:inherit;}
i{font-style:normal;}
img{max-width:100%;}
a{color:inherit;text-decoration:none}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
input, button, textarea, select{font-family:inherit;}
/* *,p,div{word-break:keep-all;} */
:lang(ko) *, :lang(ja) * {word-break:keep-all; overflow-wrap:break-word; }
:lang(en) *, :lang(es) * {word-break:normal; overflow-wrap:break-word; }
:lang(zh-cn) *, :lang(zh-tw) * {word-break:break-all; overflow-wrap:break-word; }
@media screen and (max-width:780px) {
	*,p,div{/*word-break:keep-all;*/}
}




/*─────────────────────────────────────────────────
										스크롤바
─────────────────────────────────────────────────*/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:var(--scrollbarColor);}
::selection{background-color:var(--scrollbarColor);color:#fff;}
-webkit-::selection{background-color:var(--scrollbarColor);color:#fff;}
::-moz-selection{background-color:var(--scrollbarColor);color:#fff;}





/*─────────────────────────────────────────────────
											form
─────────────────────────────────────────────────*/
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=url]{position:relative;outline:none;box-shadow:none;transition:all .2s ease-in-out;vertical-align:middle;}
.inp{height:var(--form-height);font-size:var(--form-fontSize);font-weight:var(--form-fontWeight);border-radius:var(--form-radius);border:1px solid var(--border-color);padding:0 12px;}
input.inp:read-only{background:var(--G200);color:var(--G500);}
.inp.date-range-picker, .inp.light-bg{background:#fff !important;color:inherit !important;}
div.inp{display:inline-flex;align-items:center;}
.inp.red{--border-color:var(--red);}
.inp.green{border-color:var(--primary01) !important;color:var(--primary01) !important;}
textarea{position:relative;width:100%;background:#fff;font-size:var(--form-fontSize);border-radius:var(--form-radius);border:1px solid var(--border-color);padding:10px 15px;outline:none;transition:border-color .2s ease-in-out;}
textarea:not(.autosize){transition:all .2s ease-in-out;}
.inp:focus,textarea:focus{border-color:rgba(0,0,0,0.65);box-shadow:0 4px 4px rgba(0,0,0,0.05);outline:0;}
input:-moz-placeholder, textarea:-moz-placeholder {color:rgba(71,78,103,0.5);font-weight:normal;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:rgba(71,78,103,0.5);font-weight:normal;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:rgba(71,78,103,0.5);font-weight:normal;}
input::-moz-focus-inner,
input[type=submit],button{border:0;padding:0;}
input,button{-webkit-appearance:none}
.bootstrap-select .dropdown-toggle{border:1px solid var(--G300);}


/*─────────────────────────────────────────────────
										Checkbox
─────────────────────────────────────────────────*/
body{--checkbox-size:20px;--radio-size:var(--checkbox-size);}
label[class*='custom']{cursor:pointer;}
label[class*='custom'] input[type="checkbox"], label[class*='custom'] input[type="radio"]{display:none;}
.checkbox-wrap input[type="checkbox"] {display:none;}
.radio-wrap input[type="radio"], .radio-btn input[type="radio"], .button-radio input[type="radio"]{display:none;}

.checkbox-wrap{display:inline-flex;align-items:center;gap:7px;cursor:pointer;--checked-background:var(--mainColor);}
.checkbox-wrap.small{--checkbox-size:16px;}
.checkbox-wrap input[type="checkbox"] + span{border:1.5px solid var(--G400);width:var(--checkbox-size);height:var(--checkbox-size);border-radius:4px;cursor:pointer;text-align:center;color:rgba(255,255,255,0);background:#fff;
	display:inline-flex;align-items:center;justify-content:center;}
.checkbox-wrap input[type="checkbox"] +  span:before{content:'\e93e';display:block;font-family:'myfont';font-size:var(--checkbox-size);font-weight:normal;transform:scale(0.6);}
.checkbox-wrap:hover input[type="checkbox"] +  span{color:var(--G400);}
.checkbox-wrap input[type="checkbox"]:checked + span{border:0 !important;color:#fff !important;background:var(--checked-background) !important;}
.checkbox-wrap input[type="checkbox"]:checked + span:before{margin:0 !important;}
.checkbox-wrap span{position:relative;}
.checkbox-wrap span:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--checked-background);border-radius:4px;opacity:0;transform:scale(1.4)}
.checkbox-wrap input[type="checkbox"]:checked + span:after{animation:click-ani-checkbox 0.3s 0s 1 alternate;}
@keyframes click-ani-checkbox {
	0% {transform:scale(1);opacity:0;}
	30% {opacity:0.4;}
	100% {transform:scale(1.6);opacity:0;}
}

.toggle-ios{
	--width:45px;
	--height:26px;
	--swich-size:calc(var(--height) - 9px);
	display:inline-flex;align-items:center;gap:10px;
	cursor:pointer;
	}
.toggle-ios input + span{--color:var(--G400);width:var(--width);height:var(--height);border:2px solid var(--color);display:inline-flex;align-items:center;border-radius:30px;padding:3px;transition:all .2s ease-in-out;}
.toggle-ios input + span:before{content:'';position:relative;left:0;width:var(--swich-size);height:var(--swich-size);background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.toggle-ios input:checked + span{--color:var(--mainColor);}
.toggle-ios input:checked + span:before{left:calc(100% - var(--swich-size));}
.toggle-ios input + span + .label:before{content:attr(data-off);font-size:14px;}
.toggle-ios input + span + .label:after{content:attr(data-on);font-size:14px;display:none;}
.toggle-ios input:checked + span + .label:before{display:none;}
.toggle-ios input:checked + span + .label:after{display:block;}


/* search.php */
.button-checkbox input[type="checkbox"] + span{font-size:14px;font-weight:500;height:50px;background:var(--G200);width:100%;display:inline-flex;align-items:center;justify-content:center;}
.button-checkbox input[type="checkbox"]:checked + span{background:#fff;border:1px solid var(--mainColor);color:var(--mainColor);border-radius:4px;}



[class*='custom'][class*='\/tag'] input[type="checkbox"] + span{font-size:14px;height:34px;padding:0 12px;border-radius:4px;border:1px solid var(--G200);background:var(--G200);display:inline-flex;align-items:center;justify-content:center;}
[class*='custom'][class*='\/tag'] input[type="checkbox"]:checked + span{background:#fff;border:1px solid var(--mainColor);color:var(--mainColor);border-radius:4px;}



/*─────────────────────────────────────────────────
											Radio
─────────────────────────────────────────────────*/
.radio-wrap{display:inline-flex;align-items:center;gap:7px;cursor:pointer;}
.radio-wrap input[type="radio"] + span{position:relative;width:var(--radio-size);height:var(--radio-size);background:#fff;border-radius:50%;border:1.5px solid var(--G400);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.radio-wrap input[type="radio"] + span:before{content:'';position:absolute;width:calc(100% - 12px);height:calc(100% - 12px);background:#fff;border-radius:50%;}
.radio-wrap:hover input[type="radio"] + span{background:#c2c2c2;border:0;}
.radio-wrap input[type="radio"]:checked + span, .radio-wrap:hover input[type="radio"]:checked + span{background:var(--mainColor);border:0;}






.button-radio input[type="radio"] + span{font-size:14px;font-weight:500;height:50px;background:var(--G200);width:100%;display:inline-flex;align-items:center;justify-content:center;}
.button-radio input[type="radio"]:checked + span{background:#fff;border:1px solid var(--mainColor);color:var(--mainColor);border-radius:4px;}






/*─────────────────────────────────────────────────
									input[type="file"]
─────────────────────────────────────────────────*/
.myfile{display:flex;align-items:center;gap:10px;}
.myfile input[type="file"]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}









/*─────────────────────────────────────────────────
									rangeContainer
─────────────────────────────────────────────────*/
.rangeContainer{position:relative;z-index:2;--track-height:4px;display:flex;flex-direction:column;gap:17px;}
.rangeContainer input[type='range']{position:relative;z-index:1;-webkit-appearance:none;width:100%;height:var(--track-height);appearance:none;background:transparent;outline:none;z-index:2;}
.rangeContainer input[type='range']:focus{outline:none;}
.rangeContainer input[type='range']::-webkit-slider-runnable-track{width:100%;cursor:pointer;background:transparent;}
.rangeContainer input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;position:relative;z-index:15;appearance:none;width:18px;height:18px;background:#fff;border:5px solid var(--mainColor);border-radius:50%;
	transition:all .1s ease-in-out;cursor:pointer;z-index:3;box-shadow:none;}
.rangeContainer input[type='range']::-webkit-slider-thumb:hover{transform:scale(1.25);}
.rangeContainer input[type='range']::-ms-track{width:100%;height:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent;}
.rangeContainer ._range_label{display:flex;align-items:center;justify-content:center;justify-content:space-between;margin-top:10px;}
.rangeContainer ._range_label span{text-align:center;font-size:14px;font-weight:500;color:var(--G500);white-space:nowrap;}
.rangeContainer ._range_label span:first-child{text-align:left;}
.rangeContainer ._range_label span:last-child{text-align:right;}
.rangeContainer ._rangeCustom{position:relative;display:flex;flex-direction:column;justify-content:center;}
.rangeContainer ._range_track{position:absolute;left:0;z-index:0;width:100%;height:var(--track-height);;background:#F3F3F3;border-radius:4px;}
.rangeContainer ._range_track_fill{position:absolute;left:0;z-index:1;width:0;height:var(--track-height);;border-radius:3px;background:var(--mainColor);}
.rangeContainer ._rangeCustom .val{position:absolute;left:58px;bottom:18px;z-index:2;font-size:11px;height:21px;padding:0 6px;border-radius:3px;background:var(--mainColor);color:#fff;
	display:inline-flex;align-items:center;justify-content:center;transform-origin:left center;}

.rangeContainerNew { position: relative; z-index: 2; --track-height: 4px; display: flex; flex-direction: column; gap: 17px; }
.rangeContainerNew input[type='range'] { position: absolute; z-index: 3; -webkit-appearance: none; width: 100%; height: var(--track-height); appearance: none; background: transparent; outline: none; pointer-events: none; }
.rangeContainerNew input[type='range'].start-slider-new { z-index: 4; pointer-events: all; }
.rangeContainerNew input[type='range'].end-slider-new { z-index: 3; pointer-events: all; }
.rangeContainerNew input[type='range']:focus { outline: none; }
.rangeContainerNew input[type='range']::-webkit-slider-runnable-track { width: 100%; cursor: default; background: transparent; pointer-events: none; }
.rangeContainerNew input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; position: relative; z-index: 5; appearance: none; width: 18px; height: 18px; background: #fff; border: 5px solid var(--mainColor); border-radius: 50%; transition: all 0.1s ease-in-out; cursor: pointer; box-shadow: none; pointer-events: all; }
.rangeContainerNew input[type='range']::-webkit-slider-thumb:hover { transform: scale(1.25); }
.rangeContainerNew input[type='range']::-ms-track { width: 100%; height: 100%; cursor: default; background: transparent; border-color: transparent; color: transparent; pointer-events: none; }
.rangeContainerNew ._range_label_new { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
.rangeContainerNew ._range_label_new span { text-align: center; font-size: 14px; font-weight: 500; color: var(--G500); white-space: nowrap; }
.rangeContainerNew ._rangeCustom_new { position: relative; display: flex; flex-direction: column; justify-content: center; }
.rangeContainerNew ._range_track_new { position: absolute; left: 0; z-index: 1; width: 100%; height: var(--track-height); background: #F3F3F3; border-radius: 4px; pointer-events: none; }
.rangeContainerNew ._range_track_fill_new { position: absolute; left: 0; z-index: 2; height: var(--track-height); border-radius: 3px; background: var(--mainColor); pointer-events: none; }