@charset "utf-8";
@import url(sj-font.css);

:root {
	/* common color */
	--color01:#c30e2e;
	--color02:#c20f2f;
	--color03:#102534;
	--color04:#214b73;
	--color05:#253c4d;
	--color06:#304c66;
	--color07:#334d61;
	--color08:#4d6b87;
	--color09:#7e929f;
	--color10:#e7ebee;
	--color11:#f7f8f9;
	--color12:#f9f7f7;
	--color13:#e4eaf0;
	--color14:#c4beb6;
	--color15:#716258;
	--color16:#e9eef2;
	--color17:#b8c2c9;
	--color18:#587a90;
	--color19:#cee0ec;
	--color20:#eccece;
	--color21:#c1cdd4;
	--color22:#fbfbfb;
	--color23:#4b5b66;
	--color24:#dee4e8;
	--color25:#98be00;
	--color26:#009ac1;
	--color27:#eef3f5;
	--color28:#d8e2e6;
	--color29:#324d60;
	--color30:#c5c5c5;
	--color31:#cdcdcd;
	--color32:#eff2f4;
	--color33:#4f4f4f;
	--color34:#d0d0d0;
	--color35:#de0e33;
	--color36:rgba(199, 200, 202, 0.54);
	--color37:rgba(233, 238, 242, 0.28);
	--color38:#f0c1c9;
	--color39:#232323;
	--color40:#ccc;
	--color41:#fff000;
	--color42:#11314f;
	--color43:#c8bdad;
	--color44:#192e3e;
	--color45:#ebf2f7;
	--color46:#faf9f6;
	--color47:#977a5c;
	--color48:#94c0de;
	--color49:#145591;
	--color50:#f49fae;
	--color51:#a8001e;
	--color52:#26475f;
	--color53:#e9f0f6;
	--color54:#1c73c4;
	--color55:#d1dee8;
	--color56:#ddd;
	--color57:#506b89;
	--color58:#edf0f3;
	--color59:#c3cdd4;
	--color60:#eeede3;
	--color61:#abb9c3;
	--color62:#d3c0c3;
	--color63:#f5f5f5;
	--color64:#c6d1db;
	--color65:#eee;
	--color66:#fffde5;
	--color67:#d9e0e4;
	--color68:#f4f7f9;
	--color69:#efe2e2;
	--color70:#e7ebef;
	--color71:#c7c8ca;
	--color72:#a3aab2;
	--color73:#a9bac9;
	--color74:rgba(25 ,46 ,62 ,0.7);
	--color75:#d3dbe3;
	--color76:#e5ebef;
	--color77:#004764;
	--color78:#bbb;
	--color79:#f9f9fa;
	--color80:#fafafa;
	--color81:#c31130;
	--color82:#f9f7f8;
	--color83:#f0e2e2;
	--color84:#697215;
	--color85:#386de8;
	--color86:#3cc344;
	--color87:#fb5852;
	--color88:#ffa5b5;
	--color89:#314c67;
	--color90:#6b4b35;
	--color91:#fad771;
	--color92:#f6f4ef;
	--color93:#dee7ed;
	--color94:#2b1e16;
	--color95:#bdc7cf;
	--color96:#00629a;
	--color97:#e5e5e5;
	--color98:#f3f8fc;
	--color99:#1c4062;
	--color100:#b0b0b0;
	--color101:#8d6a51;
	--color102:#c7ced6;
	--color103:#eecccf;
	--color104:#f4f3ef;
	--color105:#926d4d;
	--color106:#ad967f;
	--color107:#d5d5d6;
	--color108:#d9e6f1;
	--color109:#8c8c8c;
	--color110:rgba(255, 255, 255, 0.24);
	--color111:#99845b;
	--color112:#ece5d7;
	--color113:rgba(113, 98, 88, 0.5);
	--color114:#cddadd;
	--color115:rgba(9,28,47,0.7);
	--color116:rgba(87,0,15,0.6);
	--color117:#FECED3;
	--color118:#FEEBEB;
	--color119:#F8CDB7;
	--color120:#FFF0E8;
	--color121:#E54460;
	--color122:#EF6F3F;
	--color123:#E4E4E4;
	--color124:#080808;
	--color125:#7F8084;
	
	/* black */
	--black01:#111;
	--black02:#222;
	--black03:#333;
	--black04:#444;
	--black05:#555;
	--black06:#666;
	--black07:#777;
	--black08:#888;
	--black09:#999;

	/* black */
	--black002: rgba(0, 0, 0, 0.02);
	--black003: rgba(0, 0, 0, 0.03);
	--black10: rgba(0, 0, 0, 0.1);
	--black15: rgba(0, 0, 0, 0.15);
	--black20: rgba(0, 0, 0, 0.2);
	--black25: rgba(0, 0, 0, 0.25);
	--black30: rgba(0, 0, 0, 0.3);
	--black35: rgba(0, 0, 0, 0.35);
	--black40: rgba(0, 0, 0, 0.4);
	--black44: rgba(0, 0, 0, 0.44);
	--black45: rgba(0, 0, 0, 0.45);
	--black50: rgba(0, 0, 0, 0.5);
	--black55: rgba(0, 0, 0, 0.55);
	--black60: rgba(0, 0, 0, 0.6);
	--black65: rgba(0, 0, 0, 0.65);
	--black70: rgba(0, 0, 0, 0.7);
	--black75: rgba(0, 0, 0, 0.75);
	--black80: rgba(0, 0, 0, 0.8);
	--black85: rgba(0, 0, 0, 0.85);
	--black90: rgba(0, 0, 0, 0.9);
	--black95: rgba(0, 0, 0, 0.95);
	--black100: #000;

	/* white */
	--white10: rgba(255, 255, 255, 0.1);
	--white15: rgba(255, 255, 255, 0.15);
	--white20: rgba(255, 255, 255, 0.2);
	--white25: rgba(255, 255, 255, 0.25);
	--white30: rgba(255, 255, 255, 0.3);
	--white35: rgba(255, 255, 255, 0.35);
	--white40: rgba(255, 255, 255, 0.4);
	--white45: rgba(255, 255, 255, 0.45);
	--white50: rgba(255, 255, 255, 0.5);
	--white55: rgba(255, 255, 255, 0.55);
	--white60: rgba(255, 255, 255, 0.6);
	--white65: rgba(255, 255, 255, 0.65);
	--white70: rgba(255, 255, 255, 0.7);
	--white75: rgba(255, 255, 255, 0.75);
	--white80: rgba(255, 255, 255, 0.8);
	--white85: rgba(255, 255, 255, 0.85);
	--white90: rgba(255, 255, 255, 0.9);
	--white95: rgba(255, 255, 255, 0.95);
	--white100: #fff;

	/* font-weight */
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;
	--font-weight-extrabold:800;
}

/* common */
html{font-size:10px;}
body{position:relative;font-family:'Pretendard',sans-serif;font-weight:var(--font-weight-regular);font-size:1.6rem;color:var(--black01);/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.font-ivyora{font-family:'ivyora-display', serif;letter-spacing:0.1rem;}
.font-roboto{font-family:'Roboto', sans-serif;}

.focus{outline:2px solid var(--color54);}
a{word-break:break-word;}
img{max-width:100%;}
address{font-style:normal;}
input[type="text"],input[type="password"],button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/*input[type="checkbox"]{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;}*/
button{border:none;cursor:pointer;}
select::-ms-expand{display:none;}

.hide:not(caption){display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
caption.hide{position:static;width:0;height:0;text-indent:-9999px;}
.pc-hide{display:none !important;}
.no-pd{padding:0 !important;}
.no-pd-t{padding-top:0 !important;}
.no-pd-b{padding-bottom:0 !important;}
.no-mg{margin:0 !important;}
.no-border{border:0 !important;}
.no-before:before{display:none !important;}
.no-after:after{display:none !important;}
.object-fit img{width:100%;height:100%;object-fit:cover;}
.object-contain img{width:100%;height:100%;object-fit:contain;}
.img-box{text-align:center;}
.img-ratio{position:relative;height:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.img-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;}
.use-br{visibility:hidden;}

/* 스크롤바 커스터마이징 */
.jini-custom-scrollbar{overflow:auto;}
.jini-custom-scrollbar::-webkit-scrollbar{width:2px;height:5px;} 
.jini-custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color03);border-radius:10px;}
.jini-custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color03);}
.jini-custom-scrollbar::-webkit-scrollbar-track{background-color:var(--color28);}

/* 마우스 오버 툴팁 */
.jini-tooltip-label{position:absolute;z-index:100;margin:0 0 5px;padding:5px 10px;background:rgba(0,0,0,0.8);border-radius:5px;font-size:1.4rem;color:#fff;transition:all 0.2s;box-sizing:border-box;}
.jini-tooltip-label:after{content:'';display:block;position:absolute;top:100%;left:5px;margin:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,0.8);}

/* 말줄임 */
.jini-text-ellipsis{text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

@media screen and (max-width:1024.98px) {
	/* common */
	.pc-hide{display:block !important;}
	.pc-hide.inline{display:inline !important;}
	.pc-hide.inline-block{display:inline-block !important;}
	.mobile-hide{display:none !important;}
}

@media screen and (max-width:468px){
	.m-txt-hide{display:none;}
}