@charset "utf-8";

/* reset */
*  {margin:0; padding:0; box-sizing:border-box;}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
ul > li {list-style-type:none;}
img, fieldset {border:0; vertical-align: middle;}
img {max-width:100%;}
hr {display:none;}
table {width:100%; border-collapse:collapse; /* border-collapse:separate; border-spacing:0;*/}
table caption {position:absolute; top:-99999rem; left:-99999rem; line-height:0;}
.iframe {overflow:hidden; width:100%; height:100%; margin:0; border:0; background:transparent;}
.hidden {position:absolute; top:-99999rem; left:-99999rem; line-height:0;}
iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; }
.ce-resize-bar {display:none;}
input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; }
input[readonly] {background:#eee;}
select { -webkit-border-radius: 0; }
small, address, em {font-size:100%; font-style:normal;}

/* common */
/*::selection {background:red; color:#fff;}*/
html { font-size:1px; line-height:1.6; word-break: keep-all; word-wrap:break-word;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;  }
html, body { max-width:100%; overflow-x:hidden !important; overflow-y:auto; }
a, a:hover, a:visited a:active, a:focus { text-decoration:none; }

#skipBtn,
.skipBtn { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipBtn a,
.skipBtn a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active,
.skipBtn a:focus, .skipBtn a:hover, .skipBtn a:active { width: auto; padding:20rem 0; background: #333; color: #fff; font-weight: bold; font-size:16rem; }
.noScroll {overflow:hidden !important;}
.blackBg::after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:1; }

.db{display:block;}
.dib{display:inline-block;}
.dn {display:none !important;}

/* align */
.floatR {float:right;}
.floatL {float:left;}
.floatN {float:none !important;}
.clear  {clear:both;}
.taC, .aC, .txtC {text-align:center !important;}
.taR, .aR, .txtR {text-align:right !important;}
.taL, .aL, .txtL {text-align:left !important;}
.taJ, .aJ {text-align:justify;}
.verT {vertical-align:top;}
.verB {vertical-align:bottom;}
.verM {vertical-align:middle;}
.divC {margin:0 auto;}
.overH {overflow:hidden;}

/* font & color */
.sansserif {font-family:"Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif;}
.serif {font-family:"NanumMyeongjo", "나눔명조", "Nanum Myeongjo", serif;}
.font0 {font-size:0; line-height:0;}
.font12 {font-size:12rem;}
.font13 {font-size:13rem;}
.font14 {font-size:14rem;}
.font17 {font-size:17rem;}
.font20{font-size:20rem;}
.normal {font-weight:400;}
.bold {font-weight:600 !important;}
.line {text-decoration:underline;}
.lineT {text-decoration:line-through;}
.italic {font-style:italic;}
.white {color:#fff;}
.black {color:#000;}
.gray7 {color:#777;}
.gray8 {color:#888;}
.red {color:#cc3333 !important;}
.blue {color:#095eac;}
.pink {color:#E50077;}
.green {color:#008800;}
.orange {color:#ff5400 !important;}
.purple {color:#6633cc !important;}


/* margin & padding */
.mar_0  {margin:0 !important;}

.mar_t0  {margin-top:0 !important;}
.mar_t3  {margin-top:3rem;}
.mar_t4  {margin-top:4rem !important;}
.mar_t5  {margin-top:5rem !important;}
.mar_t6  {margin-top:6rem !important;}
.mar_t7  {margin-top:7rem !important;}
.mar_t8  {margin-top:8rem !important;}
.mar_t10 {margin-top:10rem !important;}
.mar_t11 {margin-top:11rem !important;}
.mar_t12 {margin-top:12rem !important;}
.mar_t13 {margin-top:13rem !important;}
.mar_t14 {margin-top:14rem !important;}
.mar_t15 {margin-top:15rem !important;}
.mar_t17 {margin-top:17rem !important;}
.mar_t18 {margin-top:18rem !important;}
.mar_t19 {margin-top:19rem !important;}
.mar_t20 {margin-top:20rem !important;}
.mar_t21 {margin-top:21rem !important;}
.mar_t24 {margin-top:24rem !important;}
.mar_t25 {margin-top:25rem !important;}
.mar_t26 {margin-top:26rem !important;}
.mar_t30 {margin-top:30rem !important;}
.mar_t33 {margin-top:33rem;}
.mar_t34 {margin-top:34rem;}
.mar_t35 {margin-top:35rem !important;}
.mar_t50 {margin-top:50rem !important;}
.mar_t70 {margin-top:70rem !important;}
.mar_b0  {margin-bottom:0rem !important;}
.mar_b3  {margin-bottom:3rem !important;}
.mar_b5  {margin-bottom:5rem !important;}
.mar_b7  {margin-bottom:7rem !important;}
.mar_b8  {margin-bottom:8rem !important;}
.mar_b10 {margin-bottom:10rem;}
.mar_b20 {margin-bottom:20rem;}
.mar_b30 {margin-bottom:30rem !important;}
.mar_b35 {margin-bottom:35rem;}
.mar_r5  {margin-right:5rem !important;}
.mar_r13 {margin-right:13rem;}
.mar_r20 {margin-right:20rem;}
.mar_r28 {margin-right:28rem;}
.mar_r33 {margin-right:33rem;}
.mar_r30 {margin-right:30rem;}
.mar_r37 {margin-right:37rem;}

.mar_l0  {margin-left:0 !important;}
.mar_l5  {margin-left:5rem !important;}
.mar_l10 {margin-left:10rem !important;}
.mar_l12 {margin-left:12rem !important;}
.mar_l15 {margin-left:15rem;}
.mar_l16 {margin-left:16rem !important;}
.mar_l17 {margin-left:17rem !important;}
.mar_l20 {margin-left:20rem !important;}
.mar_l22 {margin-left:22rem !important;}
.mar_l25 {margin-left:25rem;}
.mar_l30 {margin-left:30rem !important;}
.mar_l32 {margin-left:32rem !important;}
.mar_l33 {margin-left:33rem !important;}

.pad_0 {padding:0 !important;}
.pad_5 {padding:5rem;}
.pad_10 {padding:10rem;}

.pad_t0  {padding-top:0rem !important;}
.pad_t3  {padding-top:3rem;}
.pad_t5  {padding-top:5rem;}
.pad_t15 {padding-top:15rem;}
.pad_t17 {padding-top:17rem !important;}
.pad_t20 {padding-top:20rem !important;}
.pad_t25 {padding-top:25rem;}
.pad_t30 {padding-top:30rem;}
.pad_t40 {padding-top:40rem;}

.pad_r5 {padding-right:5rem;}
.pad_r6 {padding-right:6rem;}

.pad_l0  {padding-left:0 !important;}
.pad_l3  {padding-left:3rem;}
.pad_l5  {padding-left:5rem !important;}
.pad_l10 {padding-left:10rem;}
.pad_l12 {padding-left:12rem;}
.pad_l15 {padding-left:15rem !important;}
.pad_l16 {padding-left:16rem !important;}
.pad_l17 {padding-left:17rem !important;}
.pad_l18 {padding-left:18rem;}
.pad_l20 {padding-left:20rem;}
.pad_l25 {padding-left:25rem;}
.pad_l30 {padding-left:30rem;}
.pad_l32 {padding-left:32rem !important;}
.pad_l33 {padding-left:33rem !important;}
.pad_l40 {padding-left:40rem;}

.pad_b5  {padding-bottom:5rem !important;}
.pad_b6 {padding-bottom:6rem;}
.pad_b7 {padding-bottom:7rem;}
.pad_b8 {padding-bottom:8rem;}
.pad_b9 {padding-bottom:9rem;}
.pad_b10 {padding-bottom:10rem;}
.pad_b20 {padding-bottom:20rem !important;}
.pad_b30 {padding-bottom:30rem;}
.pad_b40 {padding-bottom:40rem;}


/* width */
.wpAuto {width:auto;}
.wp100 {width:100% !important;}
.wp90 {width:90%;}
.wp80 {width:80%;}
.wp75 {width:75%;}
.wp68 {width:68%;}
.wp50 {width:50%;}
.wp49 {width:49% !important;}
.wp48 {width:48%;}
.wp45 {width:45%;}
.wp40 {width:40%;}
.wp36 {width:36%;}
.wp35 {width:35% !important;}
.wp34 {width:34%;}
.wp33 {width:33%;}
.wp32 {width:32%;}
.wp31 {width:31%;}
.wp30 {width:30%;}
.wp29 {width:29%;}
.wp28 {width:28%;}
.wp27 {width:27%;}
.wp26 {width:26%;}
.wp25 {width:25%;}
.wp24 {width:24%;}
.wp23 {width:23%;}
.wp22 {width:22%;}
.wp21 {width:21%;}
.wp20 {width:20% !important;}
.wp19 {width:19%;}
.wp18 {width:18%;}
.wp17 {width:17%;}
.wp16 {width:16%;}
.wp15 {width:15%;}
.wp14 {width:14%;}
.wp13 {width:13%;}
.wp12 {width:12%;}
.wp11 {width:11%;}
.wp10 {width:10%;}
.wp9 {width:9%;}
.wp8 {width:8%;}
.wp7 {width:7%;}
.wp6 {width:6%;}
.wp5 {width:5%;}
.wp4 {width:4%;}
.wp3 {width:3%;}
.wp1 {width:1%;}

.w80 {width:80rem !important;}

/*권한없음*/
#error_page { font-size:1px; display:flex; align-items:center; width:100%; text-align:center; }
#error_page dl { font-size:16rem; margin:0 auto; max-width:800px; width:94%; border:3px solid #e2e2e2; background:url('/fininfo/design/common/img/private_icon.gif') no-repeat center 40rem; border-radius:20rem; padding:140rem 40rem 40rem; }
#error_page dl dt {font-size:25rem; font-weight:600; }
#error_page dl dd p { margin:20rem 0; }
#error_page dl dd a {display:inline-block; background:#2a4483; color:#fff; padding:8rem 20rem; border-radius:20rem; }

/*관리자레이어팝업창*/
.layerPopup {background:#fff; border-radius:var(--border-radius); padding:10rem; padding-bottom:0; box-shadow:10px 10px 10px rgba(0,0,0,0.2);}
.layerPopup > a {display:block;}
.layerPopup > a > img {width:100%; border-radius:var(--border-radius);}
.layerPopup .closeBtn {padding:15rem 12rem; display:flex; align-items:center; justify-content:space-between;}
.layerPopup .closeBtn label {display:inline-block; margin-left:5rem;}
.layerPopup .closeBtn > a {display:block; width:20rem; height:20rem; text-indent:-9999rem; position:relative;}
.layerPopup .closeBtn > a:before,
.layerPopup .closeBtn > a:after {content:''; position:absolute; top:50%; left:50%; width:2px; height:100%; background:#323232; transform:translate(-50%, -50%) rotate(45deg);}
.layerPopup .closeBtn > a:after {transform:translate(-50%, -50%) rotate(-45deg);}
@media all and (max-width:1240px){
  .layerPopup {top:60rem !important; left:50% !important; transform:translateX(-50%); width:60% !important;}
}
@media all and (max-width:768px){
  .layerPopup {width:80% !important;}
}