@charset "UTF-8";

@import url(sj-font.css);

:root {
	/* common color */
	 /* common color */
	--color01:#8F1A2E;
	--color02:#063961;
	--color03:#716258;
	--color04:#334D61;
	--color05:#7C9AB2;
	--color06:#F8F8F8;
	--color07:#000;
	--color08:#AAA;
	--color09:#E0E0E0;
	--color10:#282828;
	--color11:#B8B8B8;
	--color12:#767676;
	--color13:#777;
	--color14:#A6A6A6;
	--color15:#CCC;
	--color16:#ECECEC;
	--color17:#3B332D;
	--color18:#222;
	--color19:#3A688B;
	--color20:#444;
	--color21:#999;
	--color22:#C20F2F;
	--color23:#333;
	--color24:#888;
	--color25:#34C859;
	--color26:#F9F3F4;
	--color27:#F0F0F0;
	--color28:rgba(40,40,40,0.1);
	--color29:rgba(119,119,119,0.4);
	--color30:#F8F7F6;
	--color31:#0D5EAB;
	--color32:#E5E5E5;
	--color33:#FF2C54;
	--color34:#F5F5F5;
	--color35:rgba(0,0,0,0.3);
	--color36:#F6F9FA;
	--color37:#BBB;
	--color38:#C7C8CA;
	--color39:rgba(224,224,224,0.7);
	--color40:#DDD;
	--color41:#035EA5;
	--color42:#008460;
	--color43:#4999C7;
	--color44:#DCDCDC;
	--color45:#FCFCFC;
	--color46:#909090;
	--color47:rgba(255,255,255,0.3);
	--color48:#666;
	--color49:#E3E3E3;
	--color50:#FAFAFA;
	--color51:rgba(133,98,88,0.05);
	--color52:#111;
	--color53:#972B3E;
	--color54:#000002;
	--color55:#DBDBDB;
	--color56:#053961;
	--color57:#747F02;
	--color58:#235AD7;
	--color59:#34A425;
	--color60:#C33030;
	--color61:#E2E2E2;
	--color62:#C9203F;
	--color63:rgba(255,255,255,0.5);
	--color64:#3587D8;
	--color65:#C01431;
	--color66:rgba(113,98,88,0.08);
	--color67:#FFF;
	--color68:#B00000;
	--color69:#989898;
	--color70:#F7F7F7;
	--color71:#004071;
	--color72:#163055;
	--color73:rgba(0,0,0,0.1);
	--color74:#CB8787;
	--color75:#9F9F9F;
	--color76:#C11508;
	--color77:#EEE;
	--color78:#3D5364;
	--color79:#F5F6F7;
	--color80:#CECECE;
	--color81:#555;
	--color82:#6D6D6D;
	--color83:#C8BDAD;
	--color84:#375065;
	--color85:#192E3E;
	--color86:#C10230;
	--color87:#4D6B87;
	--color88:#7E929F;
	--color89:#D9D9D9;
	--color90:#303030;
	--color91:rgba(17, 17, 17, 0.05);
	--color92:#F7F7F6;
	--color93:#DFDFDF;
	--color94:var(--color32);
	--color95:#F6F6F6;
	--color96:#D3D3D3;
	--color97:var(--color49);
	--color98:#F5F8F9;
	--color99:#C3CDD4;
	--color100:#EEEDE3;
	--color101:#EEF3F5;
	--color102:#B8C2C9;
	--color103:#D9E0E4;
	--color104:#F4F7F9;
	--color105:#E7EBEE;
	--color106:#F9F9F9;
	--color107:#304C66;
	--color108:#C30E2E;
	--color109:#214B73;
	--color110:#EFE2E2;
	--color111:#F9F7F7;
	--color112:#94C0DE;
	--color113:#1C73C4;
	--color114:#145591;
	--color115:#F7F8F9;
	--color116:#F9F9F9;
	--color118:#F1F1F1;
	--color119:rgba(55, 80, 101, 0.302);
	--color120:#E8E8E8;
	--color121:rgba(17, 17, 17, 0.2);
	--color122:rgba(44, 24, 85, 0.15);
	--color123:#191628;
	--color124:#4E3284;
	--color125:#2D2A51;
	--color126:#EBEBF4;
	--color127:#BABADF;
	--color128:#DEDEDE;
	--color129:#E3DED6;
	--color130:#A08668;
	--color131:#AE002A;
	--color132:#51626F;
	--color133:#EDEFF0;
	--color134:#797979;
	--color135:#D1D1D1;
	--color136:#A2856B;
	--color137:#324D60;
	--color138:#EDEDED;
	--color139:#E6E6E6;
	--color140:#D8E2E6;
	--color141:#26475F;
	--color142:#D5C0FF; /* 1번 서버 #F49FAE */
	--color143:#102534;
	--color144:#8C8C8C;
	--color145:#E4EAF0;
	--color146:#F1F1F8;
	--color147:#5F5376;
	--color148:#3973DF;
	--color149:#E7EFFE;
	--color150:#0841AC;
	--color151:#EDE4FF;
	--color152:#F3F7FF;
	--color153:#211B32;
	--color154:#CA4230;
	--color155: rgba(78, 50, 132, 0.5);
	--color156: rgba(241, 241, 248, 0.5);
	--color157:#E7DFFF;

	--text-color01: var(--color07); /* #000 */
	--text-color02: var(--color18); /* #222 */
	--text-color03: var(--color12);
	--text-color04: var(--color13);
	--text-color05: var(--color08);
	--text-color06: var(--color10);
	--text-color07: var(--color20); /* #444 */
	--text-color08: var(--color21);
	--text-color09: var(--color22);
	--text-color10: var(--color01);
	--text-color11: var(--color23); /* #333 */
	--text-color12: var(--color02);
	--text-color13: var(--color24);
	--text-color14: var(--color25);
	--text-color15: var(--color01);
	--text-color16: var(--color29);
	--text-color17: var(--color47);
	--text-color18: var(--color03);
	--text-color19: var(--color48);
	--text-color20: var(--color52);
	--text-color21: var(--color54);
	--text-color22: var(--color56);
	--text-color23: var(--color66);
	--text-color24: var(--color67);
	--text-color25: var(--color71);
	--text-color26: var(--color72);
	--text-color27: var(--color68);
	--text-color28: var(--color75);
	--text-color29: var(--color76);

	--border-color01: var(--color09);
	--border-color02: var(--color10);
	--border-color03: var(--color11);
	--border-color04: var(--color15);
	--border-color05: var(--color16);
	--border-color06: var(--color17);
	--border-color07: var(--color20);
	--border-color08: var(--color01);
	--border-color09: var(--color32);
	--border-color10: var(--color18);
	--border-color11: var(--color14);
	--border-color12: var(--color37);
	--border-color13: var(--color13);
	--border-color14: var(--color40);
	--border-color15: var(--color44);
	--border-color16: var(--color46);
	--border-color17: var(--color03);
	--border-color18: var(--color49);
	--border-color19: var(--color63);
	--border-color20: var(--color56);
	--border-color21: var(--color69);
	--border-color22: var(--color72);
	--border-color23: var(--color68);
	--border-color24: var(--color74);
	--border-color25: var(--color23);
	--border-color26: var(--color77);

	/* black */
	--black00:#000;
	--black01:#111;
	--black02:#222;
	--black03:#333;
	--black04:#444;
	--black05:#555;
	--black06:#666;
	--black07:#777;
	--black08:#888;
	--black09:#999;

	/* black */
	--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);
	--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;

	/* tab */
	--tab-bg-active:var(--color03);
	--m-tab-bg-active:var(--color03);
}

/* 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(--text-color01);/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
.font-head{font-family:'ivypresto-headline', serif;-webkit-font-smoothing: antialiased;}
.font-prtd{font-family:'Pretendard', sans-serif;}
.font-libre{font-family:'Libre Baskerville', serif;}
.font-ivyora{font-family:'ivyora-display', serif;}

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;}
.pc-hide768{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;}
.txt-center,
.img-box{text-align:center;}
.justify-center{justify-content: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:red;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:768px) {	
	.pc-hide768{display:block !important;}
}