@charset "utf-8";

@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NamyangjuGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/Eoe_Zno_M.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
html,body{ font-family: 'Pretendard', sans-serif; color: #333; font-size: 16px; letter-spacing: -0.045em; line-height:150%; font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";}
html,body,div,span,p,h1,h2,h3,h4,h5,h6,sup,ul,ol,li,a,dt,dl,table,th,td,input,select,label,section,button,strong,a { } 
body,ul,p,span,h1,h2,h3,h4,h5,h6,blockquote,fieldset,legend { margin: 0; padding: 0; } 
h1,h2,h3,h4,h5,h6 { font-size: 18px; } 
ol,ul { list-style: none; } 
em,address { font-style: normal; } 
fieldset { border: none; } 
legend { text-indent: -999999px; width: 1px; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; position: absolute; left: 0; top: 0; } 
img { vertical-align: middle; } 
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="radio"] { vertical-align: middle;} 
button { padding: 0; margin: 0; border: 0; } 
a { text-decoration: none; color: #333; } 
body{ overflow-x: hidden;}

/* 공통 */
.wrap { width:1200px; margin:auto; max-width:100%; min-width:1200px; } 
body .bx-wrapper { box-shadow: 0 0 0 0; margin-bottom: 0; padding: 0; border: none; background-color: transparent; } 
strong { font-size: 1em; font-weight:bold !important;} 
.fl { float: left; } 
.flex { display: flex; } 

/* 모바일바로가기 */
#mobile-btn { } 
#mobile-btn { position: fixed; right: 0; top: 130px; z-index: 150; } 
#mobile-btn > a { display: block; width: 210px; height: 60px; background: rgba(0,0, 0, 0.6) url(../image/main/mobile_on.png) right 15px top 26px no-repeat; color:#fff; border-radius: 20px 0 0 20px; transition: all 0.3s; } 
#mobile-btn > a:hover { background-color: rgba(125, 99, 183, 0.9); } 
/* #mobile-btn > a:hover p { display:block; opacity: 1; transition-delay: 0.2s } */
#mobile-btn > a > p { font-size: 18px; font-weight: 500; color: #fff; text-align: center; line-height: 60px } 

.pc_show{display:block;}
.m_show{display:none;}

.m_sub, .s_nav-ct.m_show{display:none;}
.mo_header, .mo_menu{display:none;}

