@charset "utf-8";

/* 웹 폰트 */
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-thin.eot");
	src: url("/assets/fonts/notokr-thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-thin.woff2") format("woff2"), url("/assets/fonts/notokr-thin.woff") format("woff"), url("/assets/fonts/notokr-thin.ttf") format("truetype"), url("/assets/fonts/notokr-thin.svg#notokr-thin") format("svg");
	font-weight: 100;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-light.eot");
	src: url("/assets/fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-light.woff2") format("woff2"), url("/assets/fonts/notokr-light.woff") format("woff"), url("/assets/fonts/notokr-light.ttf") format("truetype"), url("/assets/fonts/notokr-light.svg#notokr-light") format("svg");
	font-weight: 300;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-demilight.eot");
	src: url("/assets/fonts/notokr-demilight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-demilight.woff2") format("woff2"), url("/assets/fonts/notokr-demilight.woff") format("woff"), url("/assets/fonts/notokr-demilight.ttf") format("truetype"), url("/assets/fonts/notokr-demilight.svg#notokr-demilight") format("svg");
	font-weight: 350;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-regular.eot");
	src: url("/assets/fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-regular.woff2") format("woff2"), url("/assets/fonts/notokr-regular.woff") format("woff"), url("/assets/fonts/notokr-regular.ttf") format("truetype"), url("/assets/fonts/notokr-regular.svg#notokr-regular") format("svg");
	font-weight: 400;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-medium.eot");
	src: url("/assets/fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-medium.woff2") format("woff2"), url("/assets/fonts/notokr-medium.woff") format("woff"), url("/assets/fonts/notokr-medium.ttf") format("truetype"), url("/assets/fonts/notokr-medium.svg#notokr-medium") format("svg");
	font-weight: 500;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-bold.eot");
	src: url("/assets/fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-bold.woff2") format("woff2"), url("/assets/fonts/notokr-bold.woff") format("woff"), url("/assets/fonts/notokr-bold.ttf") format("truetype"), url("/assets/fonts/notokr-bold.svg#notokr-bold") format("svg");
	font-weight: 700;
	font-style: normal;}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/assets/fonts/notokr-black.eot");
	src: url("/assets/fonts/notokr-black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notokr-black.woff2") format("woff2"), url("/assets/fonts/notokr-black.woff") format("woff"), url("/assets/fonts/notokr-black.ttf") format("truetype"), url("/assets/fonts/notokr-black.svg#notokr-black") format("svg");
	font-weight: 900;
	font-style: normal;}
@font-face {
	font-family: 'Roboto';
	src: url("/assets/fonts/Roboto-Regular.woff2") format("woff2"), url("/assets/fonts/Roboto-Regular.woff") format("woff"), url("/assets/fonts/Roboto-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face {
	font-family: 'Roboto';
	src: url("/assets/fonts/Roboto-Medium.woff2") format("woff2"), url("/assets/fonts/Roboto-Medium.woff") format("woff"), url("/assets/fonts/Roboto-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face {
	font-family: 'Roboto';
	src: url("/assets/fonts/Roboto-Bold.woff2") format("woff2"), url("/assets/fonts/Roboto-Bold.woff") format("woff"), url("/assets/fonts/Roboto-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face {
	font-family: 'Roboto';
	src: url("/assets/fonts/Roboto-Black.woff2") format("woff2"), url("/assets/fonts/Roboto-Black.woff") format("woff"), url("/assets/fonts/Roboto-Black.otf") format("opentype");
	font-weight: 900;
	font-style: normal;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;}

/* 초기화 */
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: 'Roboto', 'Noto Sans KR', 'Source Sans Pro', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 16px;font-weight: 500;letter-spacing: -0.2px;line-height:1.2;color: #191919;-webkit-text-size-adjust:none;-webkit-overflow-scrolling: touch;overflow-y: scroll;}
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: #191919;}
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: 'Roboto', 'Noto Sans KR', '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: 'Roboto', 'Noto Sans KR',Helvetica,Arial,sans-serif;}
header, footer, article, section, aside, nav, main {display: block;}

/* 공통 */
* {-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;}

/* 간격 */
.p0 {padding: 0px!important;}

.pt5 {padding-top: 5px!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;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}

.pr0 {padding-right: 0px!important;}
.pr20 {padding-right: 20px!important;}

.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}

.pl0 {padding-left: 0px!important;}
.pl20 {padding-left: 20px!important;}

.m20 {margin: 20px!important;}

.mt-1 {margin-top: -1px!important;}
.mt0 {margin-top: 0px!important;}
.mt5 {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;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}

.mr3 {margin-right: 3px!important;}
.mr5 {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;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}

.mb-4 {margin-bottom: -4px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb1 {margin-bottom: 1px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb18 {margin-bottom: 18px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}

/* 너비, 높이 */
.w100per {width: 100% !important;}
.w99per {width: 99%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w65per {width: 65%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w45per {width: 45%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33.3333333%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w20per {width: 20%;}
.w19per {width: 19%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w16per {width: 16%;}
.w15per {width: 15%;}
.w14per {width: 14%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w11per {width: 11%;}
.w10per {width: 10%;}
.w9per {width: 9%;}
.w8per {width: 8%;}
.w7per {width: 7%;}
.w6per {width: 6%;}
.w5per {width: 5%;}
.w4per {width: 4%;}
.w3per {width: 3%;}
.w2per {width: 2%;}
.w1per {width: 1%;}

.w5 {width: 5px;}
.w10 {width: 10px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.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;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w325 {width: 325px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.mw100 {min-width: 100px;}

.h100per {height: 100%;}

/* 보더 */
.btNone {border-top:none !important;}
.brNone {border-right:none !important;}
.bbNone {border-bottom:none !important;}
.blNone {border-left:none !important;}

/* 폰트 - 스타일 */
.txtNormal {font-weight: normal;}
.txtBold {font-weight: bold;}
.txtItalic {font-style: italic;}

.pointColor {color: #2461DA;}
.mainColor {color: #0072DE;}
.subColor {color: #333;}

.keywordHighlight {font-weight: bold;}

/* 배경 - 스타일 */
.bgGray {background-color: #F7F7F7;}

/* 버튼 - 스타일 */
.btn {display: inline-block;padding: 5px 13px;color: #191919;}
.btn + .btn {margin-left: 5px;}

.btnText {text-align: center; padding: 0;}

.btnIcon {overflow:hidden;display:inline-block;font-size: 0 !important;color:transparent;text-indent:-120%;vertical-align:middle;background-image: url(/assets/images/common/common_sfix_icon.png) !important;background-repeat: no-repeat;}

.btnIconB {position:relative;text-align: center;}
.btnIconB span:before {display: inline-block;content:"";width: 20px;height: 20px;margin: -3px 2px 0 0px;vertical-align: middle;background: url(/assets/images/common/button_sfix_icon.png) no-repeat;}

.btnIconA {position:relative; text-align: center;}
.btnIconA span:after {display: inline-block;content:"";margin: 0;vertical-align: middle;/* background:url(/assets/images/common/common_sfix_icon.png) no-repeat; */}

.btnLine {background-color: #fff;text-align: center;}
.btnLine:hover {border: 2px solid #0072DE;}
.btnLine:hover span {color: #0072DE;text-decoration: none;}

.btn.mainColor {background-color: #0072DE;border: 1px solid #0072DE !important;}
.btn.mainColor:hover {background-color: #F11100;border: 1px solid #F11100 !important;}
.btn.subColor {background-color: #333 !important;border: 1px solid #333 !important;}
.btn.subColor:hover {background-color: #F11100 !important; border: 1px solid #F11100 !important;}

/* 버튼 - 모달 팝업 */
.modal .modalFooter .btn + .btn {margin-left: 7px;}
.modal .modalFooter button {width: 250px;height: 72px;background: #0072DE;border-radius: 99px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.modal .modalFooter button span {font-size: 18px;font-weight: 500;color: #fff;}
.modal .modalFooter button:hover {box-shadow: 5px 5px 20px rgb(0 0 0 / 16%);}

/* 버튼 - 탑 버튼 */
.gTopNavi {right: 20px;bottom: -60px;opacity: 0;z-index: 997;-webkit-transition: all .3s;transition: all .4s;position: fixed;position: sticky;}
.gTopNavi.fixed {bottom: 15px;opacity: 1;}
.gTopNavi .btnTop {position: absolute;top: -105px;right: 80px;width: 80px;height: 80px;background: #333 !important;border-radius: 999px;text-align: center;-webkit-transition: all .2s;transition: all .2s;}
.gTopNavi .btnTop:hover {transform: translateY(-5px);box-shadow: 5px 5px 20px rgba(0,0,0,0.16);}
.gTopNavi .btnTop span {vertical-align: middle;font-size: 16px;color: #fff;font-weight: 400;}

@media (max-width:1279px) {/* 태블릿: 최소 960 ~ 1279 */
.gTopNavi .btnTop {top: -95px;right: 20px;}

}

@media (max-width:956px) {/* 모바일: 최대 959 */
.gTopNavi.fixed {bottom: 92px;}
.gTopNavi .btnTop {top: 22px;right: 20px;width: 50px;height: 50px;/* box-shadow: 2px 2px 10px rgb(0 0 0 / 32%); */}
.gTopNavi .btnTop span {font-size: 14px;}

}

/* 폼 */
.gInputText {position:relative;display:inline-block;}
.gInputText .placeholder {position:absolute;top:50%;left: 25px;transform: translateY(-50%);color:#999;font-size: 14px;font-weight: 400;}
.gInputText .placeholder:hover + input {border-color: #0072DE !important;}
.gInputText .placeholder_t {position:absolute;top:11%;left: 25px;transform: translateY(-50%);color:#999;font-size: 14px;font-weight: 400;}
.gInputText .placeholder_t:hover + input {border-color: #0072DE !important;}
.gInputText button.ui-datepicker-trigger {position:absolute;top: 8px;right: 10px;}
.gInputText + .gInputText {margin-left: 3px;}
.gInputText + .fSelect {margin-left: 17px;}
.gInputText + button {margin-left: 3px;}
.gInputText + span.txtAlt {display: inline-block;margin: 0 7px 0 8px;font-size: 18px;font-weight: 500;color: #191919;}

.gInputText.addon {width: 100%;height: 40px;padding-right: 40px;}
.gInputText.addon .fText {font-size: 14px;border-right: none;}
.gInputText.addon .fText:hover {border-color: #172121 !important;}
.gInputText.addon button.addon {position: absolute;right: 0px;top: 0px;min-width: 40px;height: 40px;margin: 0;padding: 0;outline: 0;border: 2px solid #172121;background-color: #fff;}
.gInputText.addon button.addon:hover {background-image: none; background-color: #EEEFF0;}
.gInputText.addon button.addon:focus {outline: 0 !important;}
.gInputText.addon button.calendar {background-position: -393px -44px;background-color: #fff !important;}
.gInputText.addon button.calendar:hover {border-color: #172121 !important;}
.gInputText.addon button.clock {background-position: -443px -44px;}

.gInputText.addon.arrow {margin: 0 40px;}
.gInputText.addon.arrow button.arrow {position: absolute;top: 0px;min-width: 40px;height: 40px;margin: 0;padding: 0;outline: 0;border: none;background: none;}
.gInputText.addon.arrow button.arrow.left {left: -40px;background-position: -83px -142px;}
.gInputText.addon.arrow button.arrow.left:hover {background-position: -134px -142px;}
.gInputText.addon.arrow button.arrow.right {right: -40px;background-position: -190px -142px;}
.gInputText.addon.arrow button.arrow.right:hover {background-position: -240px -142px;}
.gInputText.addon.arrow button.arrow:focus {box-shadow: none;}

/* 폼 - 인풋 박스 */
.fText {padding: 0px 24px;width:100%;font-size: 14px;font-weight: 400;border: 1px solid #ccc;outline: none;height: 52px;border-radius: 5px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.fText:hover {border-color: #0072DE !important;}
.fText[disabled] {background-color: #f2f2f2;}
.fText[disabled]:hover,
.fText[readonly]:hover {border-color: #505050 !important;}

.fText + label.txtAge {position: absolute;right: 10px;top: 8px;display: inline-block;}
.fText + label.txtAge:after {/* position: absolute; *//* right: 0px; *//* top: 0px; */content:'세';font-size: 14px;font-weight: 500;vertical-align:middle;box-sizing:border-box;}

.fTextarea {padding: 14px 24px;/* width: 100%; */font-size: 14px;font-weight: 400;border: 1px solid #ccc;outline: none;font-family:'Roboto','Noto Sans KR',Helvetica,Arial,sans-serif;line-height: 22px;border-radius: 5px;-webkit-transition: 0.8s;transition: 0.8s;}
.fTextarea:hover {border-color: #0072DE !important;}

/* 폼 - 셀렉트박스 */
.fSelect {position:relative;display:inline-block;vertical-align:middle;font-weight: 400;border: 1px solid #ccc;font-size: 14px;line-height: 20px;height: 52px;background: #fff;text-align: left;border-radius: 5px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.fSelect span {position:absolute;top: 0px;left:0;display:block;padding: 0px 45px 0px 24px;width: 100%;height:100%;line-height: 52px;}
.fSelect span:after {position:absolute;top: 0px;right: 0px;display:block;content:"";width: 50px;height: 50px;background: url(/assets/images/common/icon_form_arrow.svg) no-repeat 2px 13px;box-sizing:border-box;-webkit-transition: all 0.1s;transition: all 0.1s;}
.fSelect:hover {border-color: #0072DE;}
.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;padding-top: 3px;padding-left: 34px;}
.fCheck input[type="checkbox"] + label:before {position: absolute;left: 0px;top: 0px;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;}
.fCheck input[type="checkbox"]:hover + label:before {border: 1px solid #0072DE;background-color: #fff;-webkit-transition: all 0.0s;transition: all 0.0s;}
.fCheck input[type="checkbox"]:indeterminate + label:before {border: 2px solid #0072DE;background-color: #fff;-webkit-transition: all 0.0s;transition: all 0.0s;}
.fCheck input[type="checkbox"] + label:after {opacity:0;position:absolute;left: 0px;top: 0px;content: "";width: 24px;height: 24px;border: 1px solid #dbdbdb;background: url(/assets/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;}
.fCheck input[type="checkbox"]:checked + label:after {opacity:1;}
.fCheck + .fCheck {margin-left: 17px;}
.fCheck + .gInputText {/* margin-left: 16px; */}

/* 폼 - 라디오버튼 */
.fRadio {position: relative;font-size: 14px;font-weight: 500;}
.fRadio input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fRadio input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;vertical-align: middle;line-height: 33px;}
.fRadio input[type="radio"]:checked + label {color: #0072DE;}
.fRadio input[type="radio"] + label:before {content:'';display:inline-block;margin: -4px 5px 0 0;width: 24px;height: 24px;text-align:center;vertical-align:middle;background: url(/assets/images/common/common_sfix_icon.png) no-repeat -50px -100px;box-sizing:border-box;-webkit-transition: all 0.0s;transition: all 0.0s;}
.fRadio input[type="radio"]:hover + label:before {background-position: -200px -100px;}
.fRadio input[type="radio"]:checked + label:before {background-position: -100px -100px;}
.fRadio + .fRadio {margin-left: 7px;}

/* 폼 - 파일첨부 */
.inputfileArea {padding: 0;width: calc(100% - 97px);width: calc(100% - 140px);height: 40px;position: relative;font-size: 14px;font-weight: 500;border: 2px solid #172121;}
.inputfileArea .inputFileWrap {width: 99px;height: 40px;margin: 0px 0 0 0px;overflow: hidden;position: absolute;right: -106px;top: -2px;cursor: pointer;}
.inputfileArea .inputFileWrap button.btnFile {width: 99px;height: 40px;padding: 5px 8px;font-size: 16px;text-align: center;border: 2px solid #172121;background: #EEEFF0;position: absolute;left: 0;top: 0;cursor: pointer;}
.inputfileArea .inputFileWrap:hover button.btnFile {color: #0072DE; border-color: #0072DE;}
.inputfileArea .inputFileHidden {opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);width: 99px;height: 40px;display: block;cursor: pointer;}
.inputfileArea .inputFileText {height: 36px;border: none !important;}
.inputfileArea .fCheck {position: absolute;right: -69px;top: 9px;}
.inputfileArea .fCheck input[type="checkbox"] + label:after {top: 1px;}
.inputfileArea a.del {position: absolute;right: -144px;top: 7px;font-size: 16px;font-weight: 500;}
.inputfileArea a.del:hover {text-decoration: underline;}

/* 폼 - 모달 팝업 */
.modal .gInputText .placeholder {font-size: 14px;margin-top: -11px;}
.modal .fText,
.modal .fTextarea,
.modal .fSelect {font-size: 14px}
.modal .inputfileArea {padding: 0;width: calc(100% - 97px);width: calc(100% - 140px);height: 40px;position: relative;font-size: 14px;font-weight: 500;border: 2px solid #172121;}
.modal .inputfileArea .inputFileWrap {width: 92px;right: -99px;}
.modal .inputfileArea .inputFileWrap button.btnFile {width: 92px;font-size: 14px;}
.modal .inputfileArea .inputFileWrap:hover button.btnFile {color: #0072DE; border-color: #0072DE;}
.modal .inputfileArea .inputFileHidden {width: 92px;}
.modal .inputfileArea .fCheck {position: absolute;right: -69px;top: 9px;}
.modal .inputfileArea .fCheck input[type="checkbox"] + label:after {top: 1px;}
.modal .inputfileArea a.del {right: -140px;font-size: 14px;}
.modal .inputfileArea a.del:hover {text-decoration: underline;}

/* 도움말 */
.tooltipWrap {display:inline-block;z-index: 10;}
.tooltip {position:relative;display:inline-block;}
.tooltip a.btnTooltip {overflow:hidden;display:inline-block;width: 24px;height: 24px;vertical-align: middle;font-size:0;color:transparent;text-indent:-120%;background: url(/assets/images/common/common_sfix_icon.png) no-repeat -193px 5px;background-color: #fff;border: 1px solid #666;border-radius: 99px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.tooltip a.btnTooltip:hover {background-color: #EEEFF0;}
.tooltip a.small {overflow:hidden;display:inline-block;width: 17px;height: 17px;vertical-align: middle;font-size:0;color:transparent;text-indent:-120%;background: url(/assets/images/common/common_sfix_icon.png) no-repeat -200px -100px;}
.tooltip:hover .desc {display:block;}
.tooltip .desc {display:none;position:absolute;padding: 20px 19px;width: 240px;border: 1px solid #666;background:#fff;font-size: 14px;font-weight: 500;line-height: 20px;box-shadow: 0px 3px 6px rgba(0,0,0,.16);z-index: 10;text-align: left;}
.tooltip .desc.bottomRight {top: 30px; right: -10px;}
.tooltip .desc.topRight {bottom: 37px;right: -7px;}
.tooltip .desc.leftTop {top: -10px;left: 34px;}
.tooltip .desc.rightTop {top: -10px;right: 34px;}
.tooltip .desc.rightMiddle {top: -28px;right: 34px;}
.tooltip .desc strong {color: #DA2424;}




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