@charset "utf-8";
/* ********************************************************************
 * name : JBieN
 * filename : base.css
 * description : 기본값 css 
 * date : 2023-08-18
********************************************************************* */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.3/dist/web/variable/pretendardvariable-jp.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 
 * base CSS Document
 */

/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family: 'Lato', 'IBM Plex Sans KR', 'Pretendard-Regular', sans-serif;color:#444;}
html,body{font-size:15px; line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
input,textarea,button,select{font-size:0.9375rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

/* hidden contents */
.skip,
.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#018aff;z-index:10}

#skipNavi {position:absolute;top:0;height:0px;width:100%;z-index:500;} 
#skipNavi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;font-size:18px} 
#skipNavi a:focus, 
#skipNavi a:active {display:block;top:0;width:100%;height:45px;line-height:45px;padding:10px 0;background:#56467b;}

.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;}

.cf {display:block; content:""; clear:both;} 
.cf:after{display:block; content:""; clear:both;}
.f-la{font-family: 'Lato', sans-serif;}
.f-ip{font-family: 'IBM Plex Sans', sans-serif;}
.f-ip-kr{font-family: 'IBM Plex Sans KR', sans-serif;}
.f-pr{font-family: 'Pretendard','retendard Variable', 'Pretendard-Regular', 'Noto Sans KR', sans-serif;}
.f-pf{font-family: 'Playfair Display', serif;}

:root{
	--main-color: #d7001c;
	--background-color: #141212;	
	--mint-color: #7cffee;
	--black-color: #000;
	--white-color: #fff;
}

*::-webkit-scrollbar{width: 7px;}
*::-webkit-scrollbar-thumb{background-color:#56467b; border-radius:0px; transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:#f2f2f2; background:rgba(255,255,255,0.5); border-radius:0;}