@charset "UTF-8";

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard GOV.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard GOV Black"), url("./fonts/PretendardGOV-Black.woff2") format("woff2"), url("./fonts/PretendardGOV-Black.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 800;
	font-display: swap;
	src: local("Pretendard GOV ExtraBold"), url("./fonts/PretendardGOV-ExtraBold.woff2") format("woff2"), url("./fonts/PretendardGOV-ExtraBold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard GOV Bold"), url("./fonts/PretendardGOV-Bold.woff2") format("woff2"), url("./fonts/PretendardGOV-Bold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard GOV SemiBold"), url("./fonts/PretendardGOV-SemiBold.woff2") format("woff2"), url("./fonts/PretendardGOV-SemiBold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard GOV Medium"), url("./fonts/PretendardGOV-Medium.woff2") format("woff2"), url("./fonts/PretendardGOV-Medium.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard GOV Regular"), url("./fonts/PretendardGOV-Regular.woff2") format("woff2"), url("./fonts/PretendardGOV-Regular.woff") format("woff");
}

/* @font-face {
	font-family: 'Pretendard GOV';
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard GOV Light"), url("./fonts/PretendardGOV-Light.woff2") format("woff2"), url("./fonts/PretendardGOV-Light.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 200;
	font-display: swap;
	src: local("Pretendard GOV ExtraLight"), url("./fonts/PretendardGOV-ExtraLight.woff2") format("woff2"), url("./fonts/PretendardGOV-ExtraLight.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 100;
	font-display: swap;
	src: local("Pretendard GOV Thin"), url("./fonts/PretendardGOV-Thin.woff2") format("woff2"), url("./fonts/PretendardGOV-Thin.woff") format("woff");
} */

/* 대표 */
html,
body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	box-sizing: border-box;
}

/* *:lang(en) * {
	word-break: keep-all;
} */

body {
	font-family: 'Pretendard GOV', arial, sans-serif, Tahoma, verdana;
	font-size: 14px;
	color: #313131;
	word-break: break-all;
	line-height: 1;
	letter-spacing: -0.02em;
	margin:0;
	padding:0;
}
input, textarea, button, select, pre{
	font-size:inherit;
	font-family:inherit;
	word-break: break-all;
}

p, h1, h2, h2, h3, h4, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, pre {
	margin: 0;
	padding: 0;
}
ul, ol, li {display: block;list-style: none;}
img {border:none; max-width: 100%; vertical-align: middle;}
i, address, caption, em, small, cite {font-style: normal;}
i {display: inline-block;}
b {	font-weight:500;}
a,
a:hover,
a:active{color: inherit; text-decoration: none;}
/* a:focus,
button:focus {outline: none;} */
a:focus-visible,
button:focus-visible {
	outline: 2px solid #000;
	outline-offset: 0;
}
table {border-spacing: 0;table-layout: fixed;border-collapse: collapse;}
iframe {margin: 0;padding: 0;border: none;}
hr {display: none;}

button {cursor: pointer;overflow: visible;border: 0;background-color: transparent;appearance: none;}
button:disabled {cursor: default;}
button::-moz-focus-inner {padding: 0;margin: -1px;}

form,fieldset{border:none;}
input[type='submit'], input[type='button'] {cursor: pointer;}
input,select,textarea {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	vertical-align: middle;
	background: transparent;
}
input:focus + label {outline:2px solid #000;	outline:-webkit-focus-ring-color auto 1px;}
input:focus-visible {outline: 2px dotted #000;outline-offset: 1px;}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display: none;}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {display: none;width: 0;height: 0;}

input:disabled {background-color: #F9F9F9;}

input::-webkit-input-placeholder {font-size: inherit;	color: #777;}
input::-moz-placeholder {color: #777;}
input:-ms-input-placeholder {color: #777;}
input:-moz-placeholder {color: #777;}

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

.clear {display: block;height: 0px;font-size: 0px;font-size: 0em;line-height: 0px;content: '';overflow: hidden;clear: both;}
.inner:after {display: block;content: '';clear: both;}

caption, .soundOnly {
	display: block !important;
	position: absolute !important;
	top: -99999px !important;
}
caption {overflow: hidden;clip-path: circle(0%);width: 1px;height: 1px;font-size: 1px;color: transparent;line-height: 0;white-space: nowrap;	text-indent: -9999px;}
.ir,
.hide,
.hidden,
.blind,
.soundOnly,
legend {overflow: hidden;position: absolute;top: 0;left: 0;clip-path: circle(0%);margin: -1px;width: 1px;height: 1px;font-size: 1px;line-height: 0;white-space: nowrap;}

.txt_left {text-align: left !important;}
.txt_center {text-align: center !important;}
.txt_right {text-align: right !important;}
.alignLeft {text-align: left !important;}
.alignRight {text-align: right !important;}
.alignCenter {text-align: center !important;}

.floatLeft {float: left !important;}
.floatRight {float: right !important;}

span.onlyDesktop {display: inline;}
.onlyDesktop {display: block;}
.onlyTablet {display: none;}
.onlyPhone {display: none;}

/* ==============================================================================================================
= 너비, 높이 사이즈를 공통으로 사용하기 위한 클래스 부여
============================================================================================================== */
.w10 {width: 10px;}.w20 {width: 20px;}.w30 {width: 30px;}.w40 {width: 40px;}.w50 {width: 50px;}.w60 {width: 60px;}.w70 {width: 70px;}.w80 {width: 80px;}.w90 {width: 90px;}.w100 {width: 100px;}
.w110 {width: 110px;}.w120 {width: 120px;}.w130 {width: 130px;}.w140 {width: 140px;}.w150 {width: 150px;}.w160 {width: 160px;}.w170 {width: 170px;}.w180 {width: 180px;}.w190 {width: 190px;}.w200 {width: 200px;}
.w210 {width: 210px;}.w220 {width: 220px;}.w230 {width: 230px;}.w240 {width: 240px;}.w250 {width: 250px;}.w260 {width: 260px;}.w270 {width: 270px;}.w280 {width: 280px;}.w290 {width: 290px;}.w300 {width: 300px;}
.w310 {width: 310px;}.w320 {width: 320px;}.w330 {width: 330px;}.w340 {width: 340px;}.w350 {width: 350px;}.w360 {width: 360px;}.w370 {width: 370px;}.w380 {width: 380px;}.w390 {width: 390px;}.w400 {width: 400px;}
.w410 {width: 410px;}.w420 {width: 420px;}.w430 {width: 430px;}.w440 {width: 440px;}.w450 {width: 450px;}.w460 {width: 460px;}.w470 {width: 470px;}.w480 {width: 480px;}.w490 {width: 490px;}.w500 {width: 500px;}
.w510 {width: 510px;}.w520 {width: 520px;}.w530 {width: 530px;}.w540 {width: 540px;}.w550 {width: 550px;}.w560 {width: 560px;}.w570 {width: 570px;}.w580 {width: 580px;}.w590 {width: 590px;}.w600 {width: 600px;}
.w610 {width: 610px;}.w620 {width: 620px;}.w630 {width: 630px;}.w640 {width: 640px;}.w650 {width: 650px;}.w660 {width: 660px;}.w670 {width: 670px;}.w680 {width: 680px;}.w690 {width: 690px;}.w700 {width: 700px;}

.w2000 {width: 2000px !important;}

.w15 {width: 15px;}
.w25 {width: 25px;}
.w35 {width: 35px;}
.w45 {width: 45px;}
.w55 {width: 55px;}
.w65 {width: 65px;}
.w75 {width: 75px;}
.w85 {width: 85px;}
.w95 {width: 95px;}

.w5p {width: 5%;}
.w8p {width: 8%;}
.w10p {width: 10%;}
.w12p {width: 12%;}
.w15p {width: 15%;}
.w18p {width: 18%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w48p {width: 48%;}
.w49p {width: 49%;}
.w50p {width: 50% !important;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 99.9%;}

.h10 {height: 10px;}
.h20 {height: 20px;}
.h20 {height: 30px;}
.h30 {height: 40px;}
.h40 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100 {height: 100px;}

.h110 {height: 110px;}.h120 {height: 120px;}.h130 {height: 130px;}.h140 {height: 140px;}.h150 {height: 150px;}.h160 {height: 160px;}.h170 {height: 170px;}.h180 {height: 180px;}.h190 {height: 190px;}.h200 {height: 200px;}
.h210 {height: 210px;}.h220 {height: 220px;}.h230 {height: 230px;}.h240 {height: 240px;}.h250 {height: 250px;}.h260 {height: 260px;}.h270 {height: 270px;}.h280 {height: 280px;}.h290 {height: 290px;}.h300 {height: 300px;}
.h310 {height: 310px;}.h320 {height: 320px;}.h330 {height: 330px;}.h340 {height: 340px;}.h350 {height: 350px;}.h360 {height: 360px;}.h370 {height: 370px;}.h380 {height: 380px;}.h390 {height: 390px;}.h400 {height: 400px;}
.h410 {height: 410px;}.h420 {height: 420px;}.h430 {height: 430px;}.h440 {height: 440px;}.h450 {height: 450px;}.h460 {height: 460px;}.h470 {height: 470px;}.h480 {height: 480px;}.h490 {height: 490px;}.h500 {height: 500px;}
.h510 {height: 510px;}.h520 {height: 520px;}.h530 {height: 530px;}.h540 {height: 540px;}.h550 {height: 550px;}.h560 {height: 560px;}.h570 {height: 570px;}.h580 {height: 580px;}.h590 {height: 590px;}.h600 {height: 600px;}
.h610 {height: 610px;}.h620 {height: 620px;}.h630 {height: 630px;}.h640 {height: 640px;}.h650 {height: 650px;}.h660 {height: 660px;}.h670 {height: 670px;}.h680 {height: 680px;}.h690 {height: 690px;}.h700 {height: 700px;}

/* ==============================================================================================================
= Div Group
= 화면 분할을 위해서 사용함
= 사용방법 : cols2(개수) 클래스를 통해서 개수만큼 균등분할하거나 w20(%)p 클래스를 통해서 분할 사이즈 조정
============================================================================================================== */
.divGroup {margin: 0 -10px;}
.divGroup:after {display: block;content: '';clear: both;}
.divGroup > div {float: left;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.divGroup.cols2 > div {width: 50%;}
.divGroup.cols3 > div {width: 33.3333%;}
.divGroup.cols4 > div {width: 25%;}
.divGroup.cols5 > div {width: 20%;}
.divGroup.noMargin {margin: 0;}
.divGroup.noMargin > div {padding: 0;}
.btnArea.divGroup {margin: 15px -5px;}
.btnArea.divGroup > div {padding: 5px;}

/* ==============================================================================================================
= 폼 아이템별 기본스타일 지정
============================================================================================================== */
input[type='text'], input[type='password'], input[type='number'], select {
	height: 32px;
	max-width: 100%;
	padding: 0 5px;
	border: 1px #ddd solid;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
select.useStyle {padding-right: 20px;background: #fff url(/images/injeinc/bg_selectBox.png) no-repeat right center;-webkit-appearance: none;}
textarea {padding: 5px;border: 1px #ddd solid;box-sizing: border-box;resize: vertical;}
*:disabled {color: #777 !important;background: #eee !important;}
/* input:-moz-read-only{color:#777 !important;background:#eee !important;}
input:read-only{color:#777 !important;background:#eee !important;} */
input[type='checkbox'],
input[type='radio'] {margin-right: 5px;}
.inputBtn {display: inline-block;position: relative;margin-right: 5px;padding-right: 53px;box-sizing: border-box;vertical-align: middle;}
.inputBtn > * {vertical-align: top;}
.inputBtn .btn_inline {position: absolute;top: 0;right: 0;width: 50px;text-align: center;}

/* ==============================================================================================================
= Datepicker를 사용중인 입력박스, 달력형태 스타일 지정
= 사용방법 : 입력박스에 useDatepicker / useMonthpicker 클래스를 추가하여 사용함
============================================================================================================== */
input.useMonthpicker {width: 90px;background: #fff url(/images/injeinc/bg_inputDate.png) no-repeat 95% center;}

#ui-datepicker-div {display: none;width: 180px;background: #fff;border: 1px #ccc solid;z-index: 102 !important;}
.ui-datepicker {position: relative;padding: 5px;}
.ui-datepicker select{-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;margin:0 3px;padding: 0 0 0 5px;height:25px;}
.ui-datepicker table {width: 100%;font-size: 12px;}
.ui-datepicker table thead th {height: 24px;color: #777;line-height: 24px;text-align: center;}
.ui-datepicker table tbody td {width: 14.2857%;text-align: center;height: 22px;}
.ui-datepicker table tbody td a {display: block;height: 22px;color: #4b4b4b;line-height: 22px;text-align: center;}
.ui-datepicker table tbody td span {color: #aaa;}
.ui-datepicker table tbody td.date-holiday a {color: #eb3c3c;}
.ui-datepicker tr td:first-child * {color: #eb3c3c;}
.ui-datepicker tr td:last-child * {color: #4084d2;}
.ui-datepicker th {padding: 0;}
.ui-datepicker td a.ui-state-active {color: #fff;background:#2f3849;}
.ui-datepicker td a.ui-state-highlight {color: #4b4b4b;background: #dfdfdf;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: 0;}
.ui-datepicker .ui-datepicker-title {margin: 0;height: 30px;line-height: 30px;font-size: 14px;font-weight: normal;color: #242424;letter-spacing: -1px;text-align: center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;top: 5px;width: 20px;height: 20px;line-height: 26px;border-radius: 2px;border: 1px solid #d9d9d9;text-indent: -9999em;cursor: pointer;}
.ui-datepicker .ui-datepicker-prev {left: 0;background: url("/images/n24/common/btn_calendar_prev.png") no-repeat center center;}
.ui-datepicker .ui-datepicker-next {right: 0;background: url("/images/n24/common/btn_calendar_next.png") no-repeat center center;}

#ui-monthpicker-div.ui-datepicker {display: none;width: 200px;background: #fff;border: 1px #ccc solid;z-index: 10 !important;box-sizing: border-box;}
#ui-monthpicker-div.ui-datepicker td {height: 28px;}
#ui-monthpicker-div.ui-datepicker td a {cursor: pointer;}
#ui-monthpicker-div.ui-datepicker td a.ui-state-active {background: #4b4b4b;	color: #fff;}
#ui-monthpicker-div.ui-datepicker tr td:first-child * {color: #4b4b4b;}
#ui-monthpicker-div.ui-datepicker tr td:last-child * {color: #4b4b4b;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-header {margin-bottom: 8px;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title select::-ms-expand {display: none;}

/* ==============================================================================================================
= Table 기본스타일 지정
= 테이블을 크게 목록형(list), 입력형(form), 상세형(view)으로 나눔
============================================================================================================== */
.tableBox {margin-bottom: 20px;border-top: 2px #333333 solid;overflow: hidden;}
.tableBox.scrolled {overflow-y: auto;border: 1px #e5e5e5 solid;border-top: 1px #e5e5e5 solid;}
.tableBox.scrolled table {margin: 0 -1px;}
.tableBox table {width: 100%;font-size: 14px;border: 0px none;border-left: 1px #e5e5e5 solid;}
.tableBox table table {width: auto;table-layout: auto;}
.tableBox table .tableBox {margin-bottom: 0;}
.tableBox table th,
.tableBox table td {border-bottom: 1px #e5e5e5 solid;border-right: 1px #e5e5e5 solid;box-sizing: border-box;}
.tableBox table th {background: #f7f7f7;font-weight: bold;}
.tableBox table td.left {text-align: left;}
.tableBox table td.center {text-align: center;}
.tableBox table td.right {text-align: right;}
.tableBox table th.left {text-align: left;}
.tableBox table th.center {text-align: center;}
.tableBox table th.right {text-align: right;}
.tableBox table.list {text-align: center;}
.tableBox table.list th,
.tableBox table.list td {padding: 10px 5px;}
.tableBox table.list.hover tbody tr {cursor: pointer;}
.tableBox table.list.hover tbody tr:hover {background: #f7f7f7;}
.tableBox table.form th,
.tableBox table.form td {padding: 5px 10px;height: 30px;}
.tableBox table.form td * {max-width: 100%;}
.tableBox table.form td.textContent {height: 200px;line-height: 160%;vertical-align: top;}
.tableBox table.form td.onlyCheck {line-height: 200%;}
.tableBox table.form td.onlyText {line-height: 160%;}
.tableBox table.view th,
.tableBox table.view td {padding: 5px 10px;line-height: 160%;}
.tableBox table.view td * {max-width: 100%;}
.tableBox table.data {text-align: center;border-left: 0;}
.tableBox table.data th,
.tableBox table.data td {padding: 10px 5px;}
.tableBox table.data th:last-child,
.tableBox table.data td:last-child {border-right: 0;}

/* Tab 기본스타일 지정 ======================================================================================= */
.tabBar:after {display: block;content: "";clear: both;}
.tabPage {display: none;}
.tabPage.active {display: block;}

/* 그리드 사용시 교체
.tabPage{position:relative;height:0;overflow:hidden;}
.tabPage.active{display:block;height:auto;overflow:inherit;}*/

/* ==============================================================================================================
= Button 기본스타일 지정
= 사이즈 : btn_ss < btn_s < btn_inline < btn_m < btn_l
============================================================================================================== */
.btnArea {margin: 20px 0;text-align: center;}
.btnArea.right {text-align: right;}
.btnArea.right.mb0 {margin-bottom: 0;}
.btnArea.left {text-align: left;}
.btn_ss,
.btn_s,
.btn_m,
.btn_l,
.btn_inline {display: inline-block;color: #666;text-align: center;background-color: #fff;border: 1px #666 solid;vertical-align: middle; box-sizing: border-box;}
.btn_ss.on,
.btn_s.on,
.btn_m.on,
.btn_l.on,
.btn_inline.on {color: #fff;background-color: #666;border: 1px #666 solid;}
.btn_ss {padding: 0 6px;height: 18px;font-size: 11px;line-height: 16px;/*border-radius:3px;*/}
.btn_s {padding: 0 8px;height: 24px;font-size: 12px;line-height: 22px;/*border-radius:4px;*/}
.btn_m {padding: 0 14px;height: 30px;font-size: 12px;line-height: 28px;/*border-radius:5px;*/}
.btn_l {padding: 0 18px;height: 40px;font-size: 15px;line-height: 38px;/*border-radius:7px;*/}
.btn_inline {padding: 0 10px;height: 30px;font-size: 12px;line-height: 28px;/*border-radius:5px;*/}

/* ==============================================================================================================
= Modal 기본스타일 지정
============================================================================================================== */
.modalWrap {position: absolute;top: 150px;left: 50%;margin-left: -350px;width: 700px;background: #fff;opacity: 0;z-index: -1;        transition-duration: 0.5s;}
.modalWrap.active {top: 180px;opacity: 1;z-index: 99;}
.modalWrap.small {margin-left: -250px;width: 500px;}
.modalWrap.wide {margin-left: -450px;width: 900px;}
.modalWrap.window {position: relative;top: inherit;left: inherit;margin-left: 0;padding-top: 46px;width: auto;opacity: 1;z-index: 99;}
.modalWrap.window .modalTitle {position: fixed;top: 0;left: 0;right: 0;}
.modalWrap .modalTitle {position: relative;padding: 0 65px 0 20px;height: 46px;background: #484c51;}
.modalWrap .modalTitle h2 {display: block;font-size: 16px;font-weight: bold;color: #fff;line-height: 46px;}
.modalWrap .modalTitle .btn_modalClose {display: block;position: absolute;top: 0;right: 0;width: 46px;height: 46px;text-indent: -9999em;background: url(/images/injeinc/btn_modalClose.png) no-repeat center center;}
.modalWrap .modalContent {padding: 20px;}
.modalWrap .modalContent .btnArea {margin: 0;}
.modalWrap .modalContent .btnArea + * {margin-top: 20px;}

/* ==============================================================================================================
= Slider 기본스타일 지정
============================================================================================================== */
.bx-wrapper {position: relative;}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.slick-slide img {display: block;width: 100%;}
.slick-slide.slick-loading img {display: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* ==============================================================================================================
= Overlay 효과 배경 기본스타일 지정
============================================================================================================== */
#overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 56;}
#overlay.active {display: block;}

/* ==============================================================================================================
= Ajax 링크박스
============================================================================================================== */
.ajaxLinkBox {display: none;}
.ajaxLinkBox.active {display: block;}

/* ==============================================================================================================
= 반응형
============================================================================================================== */
/*Mobile*/
@media all and (max-width: 1220px) {
	.inner {width: auto;}
}
@media all and (max-width: 1024px) {
	.onlyDesktop {display: block;}
	span.onlyDesktop {display: inline;}
	.onlyTablet {display: none;}
	.onlyPhone {display: none;}
}
/* Phone */
@media all and (max-width: 639px) {
	.onlyDesktop {display: none;}
	.onlyTablet {display: none;}
	.onlyPhone {display: block;}
	span.onlyPhone {display: inline;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1024px) {
	.onlyDesktop {display: none;}
	.onlyTablet {display: block;}
	span.onlyTablet {display: inline;}
	.onlyPhone {display: none;}
}