@charset "utf-8";
/* mobile style */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('/resources/fonts/s-core-dream.css');
* { font-family: 'Lato', 'Noto Sans KR', sans-serif;}
*{-webkit-text-size-adjust:none; font-size:inherit; box-sizing:border-box; line-height:150%; word-break:keep-all;}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0; box-sizing: border-box;}
body{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none; color: inherit;}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
/* legend, caption{display:none} */
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:checkbox;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0; border:0; vertical-align:middle;}
textarea{-webkit-appearance:none}
textarea::placeholder{color:#ccc;}
select{-webkit-appearance:menulist-text}
div, p, li, dd, table, td, th, span, textarea, select, section, article, footer	{ font-size:inherit;}
span, p	 {line-height: inherit; font-weight:inherit;}
strong, b	{font-weight:700; font-weight:bold;}
button {line-height:150%; cursor:pointer;}
input[readonly] {background:#f1f1f1 !important;}
input::placeholder {	}
input:-ms-input-placeholder {color:#4d4e7b;} 
input[type=password] {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#4d4e7b;}/* 나눔폰트일 경우 패스워드 오류 */

/* ============== common ============== */
html, body {height: 100%;}
body {
   font-family: 'Lato', 'Noto Sans KR', sans-serif;
   font-weight:400;
   letter-spacing:-0.02em;
   font-size:14px;
   width:100%;
   color: rgba(0, 0, 0, 0.8);
}
#skip {position:absolute; top:0; left:0; z-index:999; width:100%}
#skip a {position:absolute; top:-999em; right:0; overflow:hidden; width:100%; background:#0b50a1; color:#fff; text-align:center}
#skip a:focus, 
#skip a:active, 
#skip a:hover {top:0; padding:15px 0}
.invisible {
	overflow: hidden;
    position: absolute;
    left: -1000%;
    top: auto;
    width: 1px;
    height: 1px
}
.ellipsis	{
	display:block;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;
	max-width:98%;
}
.ellipsis_li2	 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 3em;
}
.floatL {float:left;}
.floatR {float:right;}
.floatC:after {
    content: "";
    display: block;
    clear: both;
}
.floatC { *zoom: 1; position:relative;}

.valignT	{vertical-align:top !important;}
.valignM	{vertical-align:middle !important;}
.valignB	{vertical-align:bottom !important;}

/* === align === */
.alignL	{text-align:left !important;}
.alignR	{text-align:right !important;}
.alignC	{text-align:center !important;}

/* === margin === */
.mt-0	{margin-top:0px !important;}
.mt-5	{margin-top:5px !important;}
.mt-8	{margin-top:8px !important;}
.mt-10	{margin-top:10px !important;}
.mt--10	{margin-top:-10px !important;}
.mt-12	{margin-top:12px !important;}
.mt-14	{margin-top:14px !important;}
.mt-15	{margin-top:15px !important;}
.mt-16	{margin-top:16px !important;}
.mt-17	{margin-top:17px !important;}
.mt-20	{margin-top:20px !important;}
.mt-22	{margin-top:22px !important;}
.mt-24	{margin-top:24px !important;}
.mt-25	{margin-top:25px !important;}
.mt-26	{margin-top:26px !important;}
.mt-30	{margin-top:30px !important;}
.mt-32	{margin-top:32px !important;}
.mt-36	{margin-top:36px !important;}
.mt-37	{margin-top:37px !important;}
.mt-38	{margin-top:38px !important;}
.mt-40	{margin-top:40px !important;}
.mt-41	{margin-top:41px !important;}
.mt-44	{margin-top:44px !important;}
.mt-45	{margin-top:45px !important;}
.mt-48	{margin-top:48px !important;}
.mt-50	{margin-top:50px !important;}
.mt-60	{margin-top:60px !important;}
.mt-70	{margin-top:70px !important;}
.mt-74	{margin-top:74px !important;}
.mt-80	{margin-top:80px !important;}
.mt-88	{margin-top:88px !important;}
.mt-90	{margin-top:90px !important;}
.mt-100	{margin-top:100px !important;}
.mt-200	{margin-top:200px !important;}
.mt--20	{margin-top:-20px !important;}
.mt--60	{margin-top:-60px !important;}

.mb-0	{margin-bottom:0px !important;}
.mb-10	{margin-bottom:10px !important;}
.mb-15	{margin-bottom:15px !important;}
.mb-16	{margin-bottom:16px !important;}
.mb-20	{margin-bottom:20px !important;}
.mb-30	{margin-bottom:30px !important;}
.mb-32	{margin-bottom:32px !important;}
.mb-35	{margin-bottom:35px !important;}
.mb-40	{margin-bottom:40px !important;}
.mb-50	{margin-bottom:50px !important;}

.ml-0	{margin-left:0px !important;}
.ml-5	{margin-left:5px !important;}
.ml-10	{margin-left:10px !important;}
.ml-20	{margin-left:20px !important;}
.ml-24	{margin-left:24px !important;}
.ml-30	{margin-left:30px !important;}
.ml-40	{margin-left:40px !important;}
.ml-50	{margin-left:50px !important;}
.ml-75	{margin-left:75px !important;}

.mr-0	{margin-right:0px !important;}
.mr-5	{margin-right:5px !important;}
.mr-10	{margin-right:10px !important;}
.mr-20	{margin-right:30px !important;}
.mr-40	{margin-right:40px !important;}

/*padding*/
.pdt-0	{padding-top:0 !important;}
.pdt-5	{padding-top:5px !important;}
.pdt-10	{padding-top:10px !important;}
.pdt-12	{padding-top:12px !important;}
.pdt-14	{padding-top:14px !important;}
.pdt-20	{padding-top:20px !important;}
.pdt-24	{padding-top:24px !important;}
.pdt-26	{padding-top:26px !important;}
.pdt-30	{padding-top:30px !important;}
.pdt-40	{padding-top:40px !important;}

.pdb-0	{padding-bottom:0px !important;}
.pdb-56	{padding-bottom:56px !important;}
.pdb-60	{padding-bottom:60px !important;}
.pdb-80	{padding-bottom:80px !important;}
.pdb-140	{padding-bottom:140px !important;}
.pdb-160	{padding-bottom:160px !important;}

.pdl-20	{padding-left:20px !important;}
.pdl-30	{padding-left:30px !important;}

.w368_max	{max-width:368px;}
.w400	{width:400px;}
.w90p	{width:90% !important;}


.c_red	{color:#ff0000 !important;}

.ps-necessary	{float:right; font-size:14px; font-weight:normal; color:#444;}
.ps-necessary b	{color: #ca0a0a !important; padding-right: 3px; font-size: 14px; vertical-align: -4px;}

/* ============== blind contents ============== */
.invisible {
	overflow: hidden;
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px
}

.floatR { float: right; }
.floatL { float: left; }
.floatC:after {
	content: "";
	display: block;
	clear: both;
}
.floatC { *zoom: 1; }

.dBlock { display: block; }
.imgM { vertical-align: middle; }

.cursorP { cursor: pointer; }
.clear { clear:both }

b,
.fBold {font-weight: 600;}


/* ============== label ============== */
[class^=label] {
	font-size:14px;
	width:60px;
	height:22px;
	line-height:22px;
	display:inline-block;
	text-align:center;
	border:1px solid #ddd;
	border-radius:6px
}
/*width*/
.w30 {width:30px !important}
.w40 {width:40px !important}
.w45 {width:45px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w90 {width:90px !important}
.w100 {width:100px !important}
.w135 {width:135px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w200 {width:200px !important}
.w220 {width:220px !important}
.w248 {width:248px !important}
.w300 {width:300px !important}
.w355 {width:355px !important}
.w400 {width:400px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}
.w960 {width:960px !important}

.w10p {width:10% !important}
.w15p {width:15% !important}
.w20p {width:20% !important}
.w25p {width:25% !important}
.w30p {width:30% !important}
.w35p {width:35% !important}
.w40p {width:40% !important}
.w45p {width:45% !important}
.w50p {width:50% !important}
.w55p {width:55% !important}
.w60p {width:60% !important}
.w65p {width:65% !important}
.w70p {width:70% !important}
.w75p {width:75% !important}
.w80p {width:80% !important}
.w85p {width:85% !important}
.w90p {width:90% !important}
.w95p {width:95% !important}
.w100p {width:100% !important}
.f14 { font-size:14px }
.marginC {margin:0 auto}

/* div table */
#table {display: table; width: 100%;}
.row {display: table-row;}
.cell {display: table-cell; padding: 3px; border-bottom: 1px solid #DDD;}
.col10 { width: 10%;}
.col20 {width: 20%;}
.col30 {width: 30%;}
.col40 {width: 40%;}
.col50 {width: 50%;}
.col60 {width: 60%;}
.col70 {width: 70%;}
.col80 {width: 80%;}
.col90 {width: 90%;}
.col100 {width: 100%;}

/* 스크롤 */
/* =========================================================================== */

.scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:10px;} /* For the "inset" look only */
.scroll::-webkit-scrollbar {width:5px;} /* Let's get this party started */
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: transparent;} /* Track */
.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(200,200,200,1);  border-radius:10px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

.scrollX {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-bottom:10px;} /* For the "inset" look only */
.scrollX::-webkit-scrollbar {height:20px;} /* Let's get this party started */
.scrollX::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: #f5f5f5;} /* Track */
.scrollX::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(200,200,200,1);  border-radius:10px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */