@charset "utf-8";

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face{font-family:'Poppins';font-style:normal;font-weight:100;src:url('../font/Poppins-Thin.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:200;src:url('../font/Poppins-ExtraLight.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;src:url('../font/Poppins-Light.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url('../font/Poppins-Regular.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;src:url('../font/Poppins-Medium.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;src:url('../font/Poppins-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;src:url('../font/Poppins-Bold.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;src:url('../font/Poppins-ExtraBold.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:900;src:url('../font/Poppins-Black.ttf') format('truetype')}



/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, 
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,button,input
{margin:0;outline:0;border:0;padding:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

video { display: block; width: 100% !important; }
button:hover{cursor: pointer;}

*{box-sizing: border-box;}

/* common */
body, html {
	color: #222;
	font-family:'Pretendard Variable', 'Poppins', sans-serif;
}
/* h1, h2, h3, h4, h5, h6 {font-size: 14px;} */
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
hr {  display:none; }

.spc { display: block; outline: 0; border: 0; margin: 0;}
:active, :focus {
	outline:0;
}
.skin_margin { display: block; outline: 0; border: 0; margin: 0;}
a { color: inherit; text-decoration:none; }
a, li, input, label, tr, textarea, .mask, button, .l_mask, .icheckbox, .iradio, .r_mask, .layer_mask { 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	outline:none;
}

img { border:0; padding:0; outline:0; max-width: 100%;}
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { width:100%; border-collapse:collapse; }
img, input, label, select { vertical-align:middle; }
legend { position: absolute; z-index: -1; visibility: hidden;}

/* basic style */
.sound_only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.accessibility { position: absolute; visibility: hidden; z-index: -1;}
.ffd { font-family:"Pretendard Variable", sans-serif; font-size: 12px; letter-spacing: 0;}
.fwn { font-weight:normal !important;}
.fsn { font-style:normal !important;}
.tdu { text-decoration:underline !important;}
.no_bb { border-bottom: 0 !important;}
.blind { position:absolute; visibility:hidden; z-index:-1;}
.clearfix:after { content:""; display:block; clear:both;}
.mask { width:100%; height:100%; position:fixed; left:0; top:0; z-index:50; background:rgba(0,0,0,.5);}
.i_label { position: absolute; cursor: text; line-height: 1;}
.ofe { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* clamp SET */
.clamp { display: block; line-height: 1.6; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.clamp.c2 { height: 39px; -webkit-line-clamp:2;}
.clamp.c3 { height: 58px; -webkit-line-clamp:3;}
.clamp.c4 { height: 77px; -webkit-line-clamp:4;}
.clamp.c5 { height: 96px; -webkit-line-clamp:5;}
.clamp.c6 { height: 115px; -webkit-line-clamp:6;}

.clamp13 { display: block; line-height: 1.3; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.clamp13.c2 { height: 31px; -webkit-line-clamp:2;}
.clamp13.c3 { height: 46px; -webkit-line-clamp:3;}
.clamp13.c4 { height: 61px; -webkit-line-clamp:4;}
.clamp13.c5 { height: 76px; -webkit-line-clamp:5;}
.clamp13.c6 { height: 91px; -webkit-line-clamp:6;}

/* colunm SET */
.column { 
	position:relative; 
	margin: 0 -15px;
}
.column.colpd {
	margin: 0;
}
.column:after { content:""; display:block; clear:both;}
.column > * {
	position:relative; 
	float:left;
	width: 100%;
}
.column > * > * { position: relative; margin: 0 15px;}
.column.colpd > * > * { margin: 0;}

.column.col02 > * { width: 50%;}
.column.col03 > * { width: 33.3333%;}
.column.col04 > * { width: 25%;}
.column.col05 > * { width: 20%;}
.column.col06 > * { width: 16.6666%;}
.column.col07 > * { width: 14.28%;}
.column.col08 > * { width: 12.5%;}
.column.col08 > * { width: 11%;}
.column.col10 > * { width: 10%;}
.column.col19 > * { width: 90%;}
.column.col19 > *:first-child { width: 10%;}
.column.col20 > * { width: 100%;}
.column.col28 > * { width: 80%;}
.column.col28 > *:first-child { width: 20%;}
.column.col37 > * { width: 70%;}
.column.col37 > *:first-child { width: 30%;}
.column.col46 > * { width: 60%;}
.column.col46 > *:first-child { width: 40%;}
.column.col64 > * { width: 40%;}
.column.col64 > *:first-child { width: 60%;}
.column.col73 > * { width: 29.9%;}
.column.col73 > *:first-child { width: 70.1%;}
.column.col82 > * { width: 20%;}
.column.col82 > *:first-child { width: 80%;}
.column.col91 > * { width: 10%;}
.column.col91 > *:first-child { width: 90%;}

.column.col12 > * { width: 66.6666%;}
.column.col12 > *:first-child { width: 33.3333%;}
.column.col21 > * { width: 33.3333%;}
.column.col21 > *:first-child { width: 66.6666%;}
.column.col22 > * { width: 33.3333%;}
.column.col22 > *:first-child { width: 100%;}

.column.inner > * { width: 59.1%;}
.column.inner > *:first-child { width: 40.9%;}
.column.inner01 > * { width: 38.6%;}
.column.inner01 > *:first-child { width: 61.4%;}
.column.inner02 { margin: 0 -5px !important;}
.column.inner02 > * { width: 58%;}
.column.inner02 > *:first-child { width: 42%;}
.column.inner02 > * > * { margin: 0 10px !important;}
.column.inner03 > * { width: 38.6%;}
.column.inner03 > *:first-child { width: 61.4%;}


.column.headline > * { width: 70%;}
.column.headline > *:first-child { width: 30%;}
.column.colfoot > * { width: 43%;}
.column.colfoot > *:first-child { width: 57%;}



/* align */
.pr { position:relative;}
.cb { clear:both !important;}
.fl { float:left !important;}
.fr { float:right !important;}
.db { display:block !important;}
.a_left { text-align:left !important;}
.a_cen { text-align:center !important;}
.a_right { text-align:right !important;}
.a_just { text-align:right !important;}
.vat { vertical-align:top !important;}
.vam { vertical-align:middle !important;}
.vab { vertical-align:baseline !important;}

/* 스킨별 하단 공통 마진 */
.cmb { margin-bottom: 30px !important;}

/* reset SET */
.m_cen { margin:0 auto !important;}
.no_pd { padding:0 !important;}
.no_ls { letter-spacing:0 !important;}
.no_bd { border:0 !important;}
.no_bb { border-bottom:none !important;}
.no_bt { border-top:none !important;}
.no_mg { margin:0 !important;}
.no_mb { margin-bottom:0 !important;}
.no_ml { margin-left:0 !important;}
.no_pb { padding-bottom:0 !important;}
.no_pt { padding-top:0 !important;}

/* margin top */
.mt_40 { margin-top:-40px !important;}
.mt_10 { margin-top:-10px !important;}
.mt00 { margin-top:0px !important;}
.mt02 { margin-top:2px !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;} 
.mt15 { margin-top:15px !important;} 
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt_44 { margin-top:-44px !important;}
.mt_5 { margin-top:-5px !important;}

/* margin right */
.mr00 { margin-right:0px !important;}
.mr02 { margin-right:2px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

/* margin bottom */
.mb_1 { margin-bottom:-1px !important;}
.mb_20 { margin-bottom:-20px !important;}
.mb00 { margin-bottom:0px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb38 { margin-bottom:38px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb80 { margin-bottom:80px !important;}

/* margin left */
.ml_5 { margin-left:-5px !important;}
.ml00 { margin-left:0px !important;}
.ml03 { margin-left:3px !important;}
.ml05 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml28 { margin-left:28px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}

/* padding top */
.pt00 { padding-top:0px !important;}
.pt08 { padding-top:8px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt45 { padding-top:45px !important;}

/* padding right */
.pr00 { padding-right:0 !important;}
.pr02 { padding-right:2px !important;}
.pr05 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}

/* padding bottom */
.pb00 { padding-bottom:0px !important;}
.pb01 { padding-bottom:1px !important;}
.pb02 { padding-bottom:2px !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb13 { padding-bottom:13px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb60 { padding-bottom:60px !important;}

/* padding left */
.pl00 { padding-left:0 !important;}
.pl02 { padding-left:2px !important;}
.pl05 { padding-left:5px !important;}
.pl08 { padding-left:8px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}