@charset "utf-8";

/* 웹 폰트 */
@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/static/pretendard-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

@font-face {
	font-family: '../fonts/NanumSquare';
	font-weight: 300;
	src: url(../fonts/NanumSquareL.eot);
	src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),	url(../fonts/NanumSquareL.woff) format('woff'), url(../fonts/NanumSquareL.ttf) format('truetype');
}
@font-face {
	font-family: '../fonts/NanumSquare';
	font-weight: 400;
	src: url(../fonts/NanumSquareR.eot);
	src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumSquareR.woff) format('woff'), url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: '../fonts/NanumSquare';
	font-weight: 700;
	src: url(../fonts/NanumSquareB.eot);
	src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),	url(../fonts/NanumSquareB.woff) format('woff'), url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: '../fonts/NanumSquare';
	font-weight: 800;
	src: url(../fonts/NanumSquareEB.eot);
	src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumSquareEB.woff) format('woff'), url(../fonts/NanumSquareEB.ttf) format('truetype');
}

/* 초기화 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin:0;padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body {width:100%; height:100%;}
body, code {font-family: 'Pretendard','NanumSquare', 'notokr', 'Source Sans Pro', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 21px;font-weight: 400;line-height:1.2;color: #fff;-webkit-text-size-adjust:none;-webkit-overflow-scrolling: touch;overflow-y: scroll;background: #aa004b;background: #000;word-break: keep-all;}
code {background:none; display:block;}
ul, ol {list-style:none;}
img, fieldset {border:0;}
img, video {max-width:100%;}
i, em, address {font-style:normal; font-weight:normal;}
ins {text-decoration:none;}
a {text-decoration:none;color: #fff;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
table {width:100%;table-layout:fixed;border:0 none;border-spacing:0;border-collapse: collapse;}
caption {visibility:hidden; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
th, td {border:0;line-height:1.5;vertical-align:top;word-wrap:break-word;}
legend, hr, .blind {overflow:hidden; visibility:hidden; position:absolute; left:-120%; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:120%; white-space:nowrap;}
label {/* cursor:pointer; */}
img, textarea, input, select {vertical-align:middle;}
textarea {resize:none; line-height:1.2em;}
button::-moz-focus-inner {padding:0; border:0;}
button {overflow:visible;border:0;padding:0;margin:0;cursor:pointer;vertical-align:middle;text-align:left;font-family: 'NanumSquare', 'notokr', 'Source Sans Pro', '맑은 고딕', '돋움', Helvetica, Arial, sans-serif;font-size: 12px;font-weight: 700;line-height:1.2;outline:0;background:none;}
input[type*="text"],
input[type*="password"] {font-family: 'NanumSquare', 'notokr',Helvetica,Arial,sans-serif;}

/* 공통 */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix {*zoom: 1}
.clearfix:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.hidden {display: none;}
.gHidden {overflow: hidden;}
.pullLeft {float: left;}
.pullRight {float: right !important;}
.txtLeft {text-align: left !important;}
.txtRight {text-align: right !important;}
.txtCenter {text-align: center !important;}
.txtJustify {text-align: justify !important;}
.txtEllipsis {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.txtEllipsis2L {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;/* white-space:nowrap; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 36px;position: relative;word-break: break-all;} 
.txtEllipsisPureJS {display: block;display: -webkit-box;word-break: break-all;}

/* 작업 */
.ib{display: inline-block;}

/* 버튼 - 탑 버튼 */
.gTopNavi {right: 20px;bottom: -60px;opacity: 0;z-index: 999;-webkit-transition: all .3s;transition: all .3s;position: fixed;position: -webkit-sticky;}
.gTopNavi.fixed {bottom: 15px;opacity: 1;}
.gTopNavi .btnIcon.top {position: absolute;top: -80px;right: 20px;width: 52px;height: 52px; background-size: contain;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 35%);border-radius: 50%;background-color: white;}
.gTopNavi .btnIcon.top span {position: absolute;top: 20px;right: 19px;width: 14px;height: 14px;background: url(../images/common/top_button.png) no-repeat 0 0; background-size: contain;}

/* 폼 */
.gInputText {position:relative;display:inline-block;width: 100%;}
.gInputText .placeholder {position: absolute;top: 32%;left: 13px;/* margin-top: -12px; */color: #c8c8c8;font-size: 17px;}
.gInputText .placeholder:hover + input {border-color: #FE3E2F !important;}
.gInputText button.ui-datepicker-trigger {position:absolute;top: 8px;right: 10px;}
.gInputText + .gInputText {margin-left: 3px;}
.gInputText + .fSelect {margin-left: 3px;}
.gInputText + button {margin-left: 3px;}

/* 폼 - 인풋 박스 */
.fText {padding: 0px 13px;width:100%;font-size: 21px;line-height: 37px;font-weight: 700;border: none;outline: none;height: 52px;transition: all 0.2s;}
.fText:hover {/*border-color: #FE3E2F !important*/;}
.fText[disabled] {background-color: #f2f2f2;}
.fText[disabled]:hover,
.fText[readonly]:hover {border-color: #172121 !important;}

.fTextarea {padding: 13px 13px;width: 100%;font-size: 15px;line-height: 37px;font-weight: normal;border: none;outline: none;font-family: 'Pretendard','NanumSquare', 'notokr',Helvetica,Arial,sans-serif;line-height: 28px;transition: 0.2s;}
.fTextarea:hover {/* border-color: #FE3E2F !important; */}

.checkListBox label {font-size: 14px;letter-spacing: 0px;line-height: 20px;padding-left: 34px;}
.fCheck input[type="checkbox"] + label:before {position: absolute;left: 0px;top: 2px;content: '';width: 24px;height: 24px;text-align: center;vertical-align: middle;border: 1px solid #DBDBDB;background: #fff;
box-sizing: border-box;-webkit-transition: all 0.1s;transition: all 0.1s;box-sizing:border-box;-webkit-transition: all 0.1s;transition: all 0.1s;}
.fCheck input[type="checkbox"] + label:after {opacity: 0;position: absolute;left: 0px;top: 2px;content: "";width: 24px;height: 24px;border: 1px solid #dbdbdb;
background: url(../images/common/icon_form_check.svg) no-repeat 5px 6px;box-sizing: border-box;background-color: #fff;-webkit-transition: all 0.1s;transition: all 0.1s;}

/* 폼 - 셀렉트박스 */
.fSelect {position:relative;display:inline-block;vertical-align:middle;font-weight: 500;font-size: 16px;height: 40px;background: #fff;text-align: left;}
.fSelect span {position:absolute;top: 0px;left:0;display:block;padding: 0px 38px 0px 10px;width: 100%;height:100%;line-height: 36px;}
.fSelect span:after {position:absolute;top: 0px;right: 0px;display:block;content:"";width: 38px;height: 36px;border-left: 2px solid #172121;background: url(/images/common/common_sfix_icon.png) no-repeat -339px 14px;box-sizing:border-box;-webkit-transition: all 0.1s;transition: all 0.1s;}
/* .fSelect:hover span:after {background-color: #EEEFF0;} */
.fSelect select {opacity:0;padding: 6px 9px 7px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;font-size: 14px;line-height: 36px;}
.fSelect.disabled,
.fSelect.disabled span:after {background-color: #f2f2f2;}
.fSelect + .gInputText {margin-left: 2px;}
.fSelect + .fSelect {margin-left: 7px;}
.fSelect + .fText {margin-left: 7px;}
.fSelect + button {margin-left: 3px;}

/* 폼 - 체크박스 */
.fCheck {position: relative;display: inline-block;z-index: 1;}
.fCheck input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fCheck input[type="checkbox"] + label {display: inline-block;/* position:relative; */cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;}
.fCheck input[type="checkbox"] + label:after {opacity:0;position:absolute;left: 0px;top: 2px;content: "";width: 24px;height: 24px;/* border: 2px solid #FE3E2F; */background-size: 70%;box-sizing: border-box;border:1px solid #fff;-webkit-transition: all 0.1s;transition: all 0.1s;}
.fCheck input[type="checkbox"]:checked + label:after {opacity:1;}
.fCheck + .fCheck {margin-left: 10px;}
.fCheck + .gInputText {/* margin-left: 16px; */}








/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */