@charset "utf-8";

@import "base.css";
@import "global.css";
@import "content.css";
@import "rMateH5.css";

/* COMMON.CSS */ 

/* 폰트 색상 */
.pointBlue {color:#0074b7 !important;}
.pointOrange {color:#d63700 !important;}
.pointPink {color:#e5004f !important;}
.pointBlueBold {font-family:'notoM' !important;  color:#0074b7 !important;}
.pointBlueGreen {color:#36BC9B !important;}
.pointRed {color:#ff0000 !important;}

/* size */
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w240 {width:240px !important;}
.w300 {width:300px !important;}
.w360 {width:360px !important;}
.w400 {width:400px !important;}
.w432 {width:432px !important;}
.w500 {width:500px !important;}
.w580 {width:580px !important;}
.w680 {width:680px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}
.w880 {width:880px !important;}
.w960 {width:960px !important;}
.w1000 {width:1000px !important;}
.w1100 {width:1100px !important;}
.w100p {width:100% !important; max-width: initial !important;}
.w100p2 { width: calc(100% - 15px) !important; max-width: initial !important;}
.mh205 {max-height:205px !important;}
.mh220 {max-height:220px !important;}
.mw240 {max-width:240px !important;}
.mw290 {max-width:290px !important;}
.h50 {height:50px !important;}
.h180 {height:180px !important;}
.h240 {height:240px !important;}
.h380 {height:380px !important;}

/* 간격 */
.mt0{margin-top:0px !important;}
.mt4 {margin-top: 4px !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;} 
.mt24 {margin-top: 24px !important;}
.mt32{margin-top:32px !important;}
.mt40{margin-top:40px;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt64{margin-top:64px !important;}
.mt80 {margin-top:80px !important;}
.mt136 {margin-top: 136px !important;}
.mb0 {margin-bottom:0px !important;}
.mb4 {margin-bottom:4px !important;}
.mb12 {margin-bottom:12px !important;}
.mb20 {margin-bottom:20px !important;}
.mb32 {margin-bottom:32px !important;}
.mb34 {margin-bottom:32px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb60 {margin-bottom:60px !important;}
.mb64{margin-bottom:64px !important;}
.mauto {margin:0 auto !important;}
.mlauto {margin-left:auto !important;}
.mrauto {margin-right:auto;}
.ml0 {margin-left: 0 !important;}
.ml4 {margin-left:4px;}
.ml8 {margin-left: 8px !important;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml13 {margin-left:13px;}
.ml16 {margin-left:16px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px !important;}
.ml32 {margin-left:32px !important;}
.mr0 {margin-right:0px !important;}
.mr4 {margin-right:4px !important;}
.mr12 {margin-right:12px !important;}
.mr20 {margin-right:20px !important;}
.mr90 {margin-right:90px !important;}
.mr284 {margin-right:284px;}
.pd0 {padding:0 !important;}
.pd16 {padding: 16px !important;}
.pt0 {padding-top:0px !important;}
.pt3 {padding-top:3px !important;}
.pt16 {padding-top:16px !important;}
.pt30 {padding-top:30px !important;}
.pr30 {padding-right:30px !important;}
.pl0 {padding-left:0px !important;}
.pl20 {padding-left:20px !important;}
.pl60 {padding-left:60px !important;}


/************
* typography
*************/
 
/* text */
.txt_c {text-align: center !important;}
.txt_r {text-align: right !important;}
.txt_r1 {text-align: right !important;}
.txt_l {text-align: left !important;}
.fwn {font-weight: normal !important;}
.fw500 { font-weight: 500;}
.bold, b {font-weight:700 !important; color:#111;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f16 {font-size:16px; letter-spacing:-0.32px;}
.f18 {font-size:18px; letter-spacing:-0.36px;}
.f20 {font-size:20px; letter-spacing:-0.4px;}
.lh0 {line-height: 0 !important;}
.lh145 {line-height: 1.45 !important;}
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ellipsis2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

/* text color */
.txt_mcolor1 {color: var(--mcolor_1) !important;}
.txt_pcolor1 {color: var(--mcolor_3) !important;}
.txt_pcolor2, .txt_error {color: var(--pcolor_1) !important;}
.txt_pcolor3 { color: #2996f1 !important;}
.txt_pcolor4 { color: #7883dd !important;}
.txt_ing {color: #333 !important; font-weight: 500;}
.txt_end {color: var(--pcolor_1) !important; font-weight: 500;}
.txt_style1 {color: var(--mcolor_3); font-weight: 500; font-size: 18px; line-height: 26px;}

/* background color */
.bgcolor1 { background: var(--mcolor_4);}
.bgcolor2 { background: #fafafa;}

/* 기타 */
.dp_none {display:none;}
.inblock {display:inline-block !important;}
.block {display:block !important;}
.bt0 {border-top: 0 !important;} 
.bb1 {border-bottom:1px solid #111 !important;}
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}
.br0 {border-right:0 !important;}
.tbl1 {border-left:1px solid #e4e4e4 !important;}
.tbb1 {border-bottom:1px solid #e4e4e4 !important;}
.flex_ac {display: flex; align-items: center;}
.flex_ac_jb {display: flex; align-items: center; justify-content: space-between;}
.top_center {vertical-align: top !important; text-align: center !important;}
.mid_center {vertical-align: middle !important; text-align: center !important;}
.mid_align {align-items: center;}
.end_align {align-self: end;}
.flex_none {flex: none;}
.flex_wrap {flex-wrap: wrap;}
.page_break_before {page-break-before: always;}
.page_break_avoid {page-break-inside:avoid;}

/* 돈(원) 표시스타일 */
.unit_won {font-weight: 500; text-align: right; line-height: 1.8;}
.unit_won i {padding-left: 3px; font-style: normal; font-size: 12px;}
.unit_won i::after {content: '원'}
.unit_won.big {font-size: 20px; font-weight: 700;}
.unit_won.big i {font-size: 18px;}

/* headline*/
*[class^='tit_'] {font-weight:700; letter-spacing:-0.8px; color:#111; display:inline-block;}
*[class^='tit_'].light {font-weight:400;}
.tit_headline {font-size:40px;}
.tit_contents {font-size:32px;}
.tit_large {font-size:28px;}
.tit_medium {font-size:24px;}
.tit_small {font-size:20px !important;}
.tit_least {font-size:18px;}
.tit_mini {font-size:16px;}

/* 불릿형 타이틀 */
.tit_bu {font-size: 20px; letter-spacing: -0.4px; color: #333;}
.tit_bu:before {display: inline-block; font-size: 30px; content: 'ㆍ'; font-weight: 700; vertical-align: middle; color: #333;}

/* 페이지 타이틀영역 안내문구 */
.txt_info_tit {margin-top:16px; color:#111; font-weight:400; font-size:18px; letter-spacing:-0.36px;}

/* caption 안내문, 범례, 단위 주석 */
.txt_caption {color:#666; letter-spacing:-0.28px; margin-top:8px;}
.txt_caption2 {color:#777; font-size:12px; letter-spacing:-0.24px;}
.txt_caption3 {color:#111; font-size:14px; letter-spacing:-0.28px;}
.list_type li {color: #333; font-size: 14px; line-height: 22px; position: relative; padding-left: 10px; word-break: keep-all;}
ol.list_type li {padding-left: 0;}
ol.list_type li:before {display: none;}
.list_type>li:before {content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background: #555; position: absolute; top: 8px; left: 0;}
.list_type>li>ul>li:before {content: ''; display: inline-block; width: 5px; height: 1px; background: #555; position: absolute; top: 10px; left: 0;}
.list_type>li>ul>li>ul>li {padding-left: 13px;}
.list_type>li>ul>li>ul>li:before {content: '▸'; display: inline-block; position: absolute; top: 0; left: 0;}
.list_type li + li {margin-top: 8px;}
.list_type2 {padding-left: 10px;}
.list_type2 li {color: #333; font-size: 16px; line-height: 24px; position: relative; padding-left: 10px; word-break: keep-all;}
.list_type2>li:before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #333; position: absolute; top: 8px; left: 0;}
.list_type3 li {color: #333; font-size: 16px; line-height: 24px; position: relative; word-break: keep-all;}

/* DL 스타일 */
.dl_wrap {display: flex; align-items: stretch;}
.dl_wrap>dl:first-child {width: 300px; display: flex; flex-direction: column; border-right: 1px solid #e4e4e4; text-align: center;}
.dl_wrap>dl:first-child dd {flex: 1; display: flex; align-items: center; justify-content: center; font-size: 30px;}

dl.tb_colType2 {width:100%; border-top:2px solid #111; text-align: left;}
dl.tb_colType2 dt {font-size:16px; font-weight:500; color:#111; vertical-align: middle; background: #fafafa; padding:15px; border-bottom:1px solid #e4e4e4;}
dl.tb_colType2 dd {font-size:14px; vertical-align: middle; border-bottom:1px solid #e4e4e4; padding: 16px;}

dl.tb_rowType2 {width:100%; border-top:2px solid #111; display: flex; flex-wrap: wrap;}
dl.tb_rowType2 dt {font-size:16px; font-weight:500; color:#111; vertical-align: middle; background: #fafafa; padding:15px 24px; border-bottom:1px solid #e4e4e4; width: 30%;}
dl.tb_rowType2 dd {font-size:16px; color: #333; border-bottom:1px solid #e4e4e4; padding:15px; vertical-align: middle; width: 70%;}

/* 필수입력사항표시 */
.txt_point {width:9px; height:9px; color:transparent; overflow:hidden; vertical-align:top; font-size:0; margin-left:-12px;}
.txt_point:before {color: var(--mcolor_1); content:'*'; font-size:22px; font-weight:500; line-height:22px;}
.txt_point + label {display: inline;}

.txt_point2 {color:#444; padding-left:15px; position: relative; font-weight: 500;}
.txt_point2:before {color: var(--mcolor_1); content:'*'; width: 10px; font-size:22px; font-weight:600; position: absolute; top: -2px; left: 0;}

.txt_point3 {position: relative;}
.txt_point3:after {color: var(--mcolor_1); content: '*'; width: 10px; font-size: 22px; font-weight: 600; position: absolute; top: -2px; right: -15px;}

/* TEXT 정렬스타일 */
.txt_type1 {vertical-align: middle; line-height: 22px !important; text-align: left; height: 100%;}


/************
* button type 
**************/

button, a.btn {cursor:pointer; vertical-align:middle; box-sizing:border-box; text-align:center; color:inherit;}
button + button, a.btn + a.btn, a.btn + button, button + a.btn {margin-left:8px;}
a.btn:hover, a.btn:focus {text-decoration:none; color:inherit;}

.btn_bg {background-color: var(--mcolor_1); border:1px solid var(--mcolor_1); color:#fff;}
.btn_bg:hover, .btn_bg:focus {background-color:var(--mcolor_3); color:#fff;}
.btn_bg:disabled {background:#dcdcdc; border:1px solid #dcdcdc; color:#fff;}
a.btn.btn_bg {color:#fff;}

.btn_bg2 {background-color: #fafafa; border:1px solid #777; color:#333;}
.btn_bg2:hover, .btn_bg2:focus {border:1px solid #555;background-color:#fff;color:#111;}
.btn_bg2:disabled {border:1px solid #dcdcdc;background-color:#f5f5f5;color:#949494;}

.btn_bg3 {background-color: #333; border:1px solid #333; color:#fff;}
.btn_bg3:hover, .btn_bg3:focus {border:1px solid #111; background-color:#111;}
.btn_bg3:disabled {border:1px solid #dcdcdc; background-color:#dcdcdc; color:#fff;}
a.btn.btn_bg3 {color:#fff;}

.btn_bg4 {background-color: #2996f1; border:1px solid #2996f1; color:#fff;}
.btn_bg4:hover, .btn_bg4:focus {background-color:#fff; color: #2996f1;}
.btn_bg4:disabled {background:#dcdcdc; border:1px solid #dcdcdc; color:#fff;}
a.btn.btn_bg4 {color:#fff;}
a.btn.btn_bg4::after {content: ''; display: inline-block; width: 24px; height: 24px; background: url(/static-root/img/comn/ico_arrow03.svg) no-repeat 50% 50%; background-size: cover; transform: rotate(180deg); filter: brightness(0) invert(1); margin-bottom: -6px; margin-left: 7px;}
a.btn.btn_bg4:hover, a.btn.btn_bg4:focus {color: #2996f1;}
a.btn.btn_bg4:hover::after, a.btn.btn_bg4:focus::after {filter: none;}

.btn_line {background-color:#fff; border:1px solid var(--mcolor_1); color:var(--mcolor_1);}
.btn_line:hover, .btn_line:focus {color:var(--mcolor_3);border:1px solid var(--mcolor_3);}
.btn_line:disabled {border:1px solid #dcdcdc; background-color:#f5f5f5; color:#949494;}
a.btn.btn_line {color:var(--mcolor_1);}
a.btn.btn_line:hover, a.btn.btn_line:focus {color:var(--mcolor_3);}

.btn_line2 {background-color:#fff; border:1px solid #555; color: #555;}
.btn_line2:hover, .btn_line2:focus {color: #111; border:1px solid #111;}
.btn_line2:disabled {border:1px solid #dcdcdc; background-color:#f5f5f5; color:#949494;}
a.btn.btn_line2 {color: #555;}
a.btn.btn_line2:hover, a.btn.btn_line2:focus {color: #111;}

.btn_line3 {background-color:#fff; border:1px solid #949494; color: #333;}
.btn_line3:hover, .btn_line3:focus {color: #111; border:1px solid #505050;}
.btn_line3:disabled {border:1px solid #dcdcdc; background-color:#f5f5f5; color:#949494;}
a.btn.btn_line3:hover, a.btn.btn_line3:focus {color: #111;}

.btn_line4 {background-color:#fff; border:1px solid #2996f1; color:#2996f1;}
.btn_line4:hover, .btn_line4:focus {background-color: #2996f1; color: #fff;}
.btn_line4:disabled {border:1px solid #dcdcdc; background-color:#f5f5f5; color:#949494;}

.btn_line_red {background-color:#fff; border:3px solid #ff0000; color: #333;}
.btn_line_red:hover, .btn_line_red:focus {color: #111; border:3px solid #ff0000;}
.btn_line_red:disabled {border:3px solid #dcdcdc; background-color:#f5f5f5; color:#949494;}
a.btn.btn_line_red:hover, a.btn.btn_line_red:focus {color: #111;}

a.btn.btn_line4 {color: #2996f1;}
a.btn.btn_line4::after {content: ''; display: inline-block; width: 24px; height: 24px; background: url(/static-root/img/comn/ico_arrow03.svg) no-repeat 50% 50%; background-size: cover; transform: rotate(180deg); margin-bottom: -6px; margin-left: 7px;}
a.btn.btn_line4:hover, a.btn.btn_line4:focus {color:#fff;}
a.btn.btn_line4:hover::after, a.btn.btn_line4:focus::after {filter: brightness(0) invert(1);}

.btn_text {border: none; border-bottom: 1px solid #555; background: none; font-size: 16px; font-weight: 500; height: 24px; line-height: 24px;} 
.btn_text2 {border: none; background: none; padding:12px 15px; height:40px; font-size:14px; letter-spacing:-0.28px; line-height:1em; font-weight:500; border-radius:6px; display: flex; align-items: center;} 
.btn_text2 span {margin-left: 4px;}
.btn_text3 {border: none; border-bottom: 1px solid #555; background: none; font-size: 14x; font-weight: 400; height: 22px; line-height: 22px;} 

.btn_big {padding:15px 20px; min-width:170px; height:64px; font-size:18px; letter-spacing:-0.36px; line-height:32px; font-weight:500; border-radius:6px;}
.btn_mid {padding:12px 15px; min-width:168px; height:56px; font-size:16px; letter-spacing:-0.32px; line-height:30px; font-weight:500; border-radius:50px;}
.btn_small {padding:12px 15px; min-width:120px; height:48px; font-size:16px; letter-spacing:-0.32px; line-height:22px; font-weight:500; border-radius:6px;}
.btn_small2 {padding:12px 15px; height:40px; font-size:14px; letter-spacing:-0.28px; line-height:15px; font-weight:500; border-radius:6px;}
.btn_small3 {padding:11px 28px; min-width: 205px; height:48px; font-size:16px; letter-spacing:-0.32px; line-height:21px; font-weight:500; border-radius:6px;}
.btn_mini {padding:6px 12px; min-width:91px; height:34px; font-size:14px; letter-spacing:-0.28px; line-height:20px; font-weight:500; border-radius:4px;}
.btn_mini2 {padding:6px 12px; min-width:77px; height:30px; font-size:12px; letter-spacing:-0.24px; line-height:18px; font-weight:500; border-radius:100px;}
.btn_mini3 {padding:6px 12px; min-width:91px; height:54px; font-size:14px; letter-spacing:-0.28px; line-height:20px; font-weight:500; border-radius:4px;}
.btn_down {padding:6px 12px 6px 36px; min-width:102px; height:34px; font-size:14px; letter-spacing:-0.28px; line-height:20px; font-weight:500; border-radius:4px; border:1px solid #949494; color: #333; background: #fff url('/static-root/img/comn/ico_down.svg') no-repeat 10px center;}
.btn_down:hover, .btn_down:focus {color: #111; border:1px solid #505050;}
.btn_down.hangul {background-image: url('/static-root/img/comn/ico_down_hangul.svg');}
.btn_down.word {background-image: url('/static-root/img/comn/ico_down_word.svg');}
.btn_down.excel {background-image: url('/static-root/img/comn/ico_down_excel.svg');}
.btn_down.pdf {background-image: url('/static-root/img/comn/ico_down_pdf.svg');}
.btn_down.ppt {background-image: url('/static-root/img/comn/ico_down_ppt.svg');}
.btn_down.etc {background-image: url('/static-root/img/comn/ico_down03.svg');}
.btn_upload {padding:6px 12px 6px 36px; min-width:102px; height:34px; font-size:14px; letter-spacing:-0.28px; line-height:20px; font-weight:500; border-radius:4px; border:1px solid #949494; color: #333; background: #fff url('/static-root/img/comn/ico_upload.svg') no-repeat 10px center;}
.btn_down.big, .btn_upload.big {height:40px;}

/* group button */
.btn_group_date {display: flex;}
.btn_group_date button {padding:6px 12px; width:76px; height:48px; font-size:16px; letter-spacing:-0.32px; line-height:22px; font-weight:500; background: #fafafa; border: 1px solid #777; color: #333;}
.btn_group_date button + button {margin: 0; border-left: none;}
.btn_group_date button:first-child {border-radius: 6px 0 0 6px;}
.btn_group_date button:last-child {border-radius: 0 6px 6px 0;}
.btn_group_date.disable button {border-color: #dcdcdc; background: #f5f5f5; color: #949494; cursor: default;}

/* icon button */
.btn_icon {border: none; background: transparent; box-sizing: border-box; overflow: hidden;}
.btn_icon::before, .btn_icon::after {content: ''; position: absolute;}
.btn_icon span {width:0; height:0; background:none; border:none; overflow:hidden; font-size:0; color:transparent;}
.btn_plus, .btn_minus, .btn_copy {width:40px; height:40px; border-radius:4px; border:1px solid #bcbcbc; background: url('/static-root/img/comn/ico_plus02_n.svg') no-repeat center;}
.btn_minus {background: url('/static-root/img/comn/ico_minus02_n.svg') no-repeat center;}
.btn_copy {background: url('/static-root/img/comn/ico_copy_n.svg') no-repeat center;}
.btn_plus:hover, .btn_minus:hover, .btn_copy:hover {border:1px solid #111; background: url('/static-root/img/comn/ico_plus02_o.svg') no-repeat center;}
.btn_minus:hover {background: url('/static-root/img/comn/ico_minus02_o.svg') no-repeat center;}
.btn_copy:hover {background: url('/static-root/img/comn/ico_copy_o.svg') no-repeat center;}
.btn_plus:disabled, .btn_minus:disabled, .btn_copy:disabled {border:1px solid #dcdcdc; background: #f5f5f5 url('/static-root/img/comn/ico_plus02_d.svg') no-repeat center;}
.btn_minus:disabled {background: #f5f5f5 url('/static-root/img/comn/ico_minus02_d.svg') no-repeat center;}
.btn_copy:disabled {background: #f5f5f5 url('/static-root/img/comn/ico_copy_d.svg') no-repeat center;}
.btn_close {position: absolute; width: 32px; height: 32px; top: 20px; right: 20px; background: url('/static-root/img/comn/ico_close02.svg') no-repeat center;}
.btn_del {width: 24px; height: 24px; background: url(/static-root/img/comn/ico_close.svg);}
.btn_edit {width: 24px; height: 24px; background: url(/static-root/img/comn/ico_edit.svg);}
.btn_search {position:relative; width: 24px; height: 24px; background: url('/static-root/img/comn/ico_search.svg') no-repeat center;}
.btn_search2 {position:relative; background: #fafafa;  border:1px solid #777; color:#333; display: inline-flex; align-items: center; justify-content: center;}
.btn_search2::before {content: ''; display: inline-block;  width: 24px; height: 24px; background: url('/static-root/img/comn/ico_search.svg') no-repeat center; margin-right: 5px;}
.btn_search2:hover, .btn_search2:focus {border:1px solid #555;background-color:#fff;color:#111;}
.btn_search2:disabled {border:1px solid #dcdcdc;background-color:#f5f5f5;color:#949494;}
.btn_prev, .btn_next {width: 24px; height: 24px; background: url('/static-root/img/comn/ico_arrow.svg') no-repeat center;}
.btn_next {transform: rotate(-180deg);}
.btn_prev2, .btn_next2 {width: 24px; height: 24px; background: url('/static-root/img/comn/ico_arrow02.svg') no-repeat center;}
.btn_next2 {transform: rotate(-180deg);}
.btn_pause {width: 24px; height: 24px; background: url('/static-root/img/comn/ico_pause.svg') no-repeat center;}

.btn_reset {padding: 15px 0; min-width: 170px; height: 64px; font-size: 18px; letter-spacing: -0.36px; line-height: 32px; font-weight: 500; border-radius: 6px; border: 1px solid #555; color: #555; background: #fff; display: inline-flex; align-items: center; justify-content: center;}
.btn_reset::before {content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url(/static-root/img/comn/ico_reset.svg) no-repeat center;}
.btn_reset:hover, .btn_reset:focus {color: #111; border:1px solid #111;}
.btn_reset:disabled {border:1px solid var(--gray_400); background-color:var(--gray_200); color:var(--gray_600);}
.btn_reset:disabled::before {opacity: 0.7;}

.btn_print {background: #fff; display: inline-flex; justify-content: center; align-items: center;}
.btn_print::before {content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url(/static-root/img/comn/ico_print.svg) no-repeat center;}
.btn_print:hover, .btn_print:focus {color: #111; border:1px solid #111;}
.btn_print:disabled {border:1px solid var(--gray_400); background-color:var(--gray_200); color:var(--gray_600);}
.btn_print:disabled::before {opacity: 0.5;}
.btn_print2 {padding-left: 45px; background: #fff url(/static-root/img/comn/ico_print02.svg) no-repeat 15px 50%; border: 1px solid #949494; color: #333;}
.btn_print2:hover, .btn_print2:focus {color: #111; border:1px solid #111;}
.btn_print2:disabled {border:1px solid var(--gray_400); background-color:var(--gray_200); color:var(--gray_600);}

.btn_home {width: 24px; height: 24px;  background: url('/static-root/img/comn/ico_home03.svg') no-repeat center; border: none; margin-top: -2px;}
.btn_home span {width:0; height:0; background:none; border:none; overflow:hidden; font-size:0; color:transparent;}

.btn_back {width: 24px; height: 24px; background: #fff; border: none;position: relative;}
.btn_back::after {content: ''; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333; position: absolute; top: 6px; right: 3px; transform: rotate(135deg);}
.btn_back span {width:0; height:0; background:none; border:none; overflow:hidden; font-size:0; color:transparent;}

.btn_view {width:48px; height:34px; border-radius:4px; border:1px solid #949494; background: url('/static-root/img/comn/ico_history.svg') no-repeat center;}
.btn_add {padding:6px 12px 6px 33px; background: #fafafa url('/static-root/img/comn/ico_plus02_n.svg') no-repeat 10px center / 13px;}
.btn_erase {padding:6px 12px 6px 33px; background: #fafafa url('/static-root/img/comn/ico_minus02_n.svg') no-repeat 10px center / 13px; border: 1px solid #949494;}


/************
* form type 
**************/

/* input : text, password, email, tel, search */
input {border: 1px solid #bcbcbc; background: #fff; border-radius: 6px; height: 48px; line-height: 48px; padding: 12px 45px 12px 16px; font-size: 16px; letter-spacing: -0.32px; width: 380px; color: #000;}
input:read-only {border: 1px solid #bcbcbc; background: #f5f5f5;}
input:disabled {border: 1px solid #bcbcbc; background: #f5f5f5; color: #777;}
input:focus {border: 1px solid #333;}
input + .btn_del {opacity: 0; margin-right: 13px; width: 24px; height: 24px; border: none; color: #fff; margin-left: -40px; background: url(/static-root/img/comn/ico_close.svg);}
input + .btn_del>span {width:0; height:0; background:none; border:none; overflow:hidden; font-size:0; color:transparent;}
input:disabled + .btn_del {display: none;}
input.w100p + .btn_del {margin-top: -50px; margin-left: calc(100% - 40px);}
input:valid:focus + .btn_del {display:inline-block; opacity: 1;}
input:valid + .btn_del:focus {display:inline-block; opacity: 1;}
input:invalid + .btn_del {display: none;}

input.error, textarea.error {border:1px solid var(--pcolor_1) !important;}
input[type=hidden] {display: none;}
input.small {padding: 10px;}
input.unit_st {text-align: right; padding: 10px;}

/* input password */
.input_pass {position: relative; height:48px; width:380px; line-height:0; text-align:left;}
.input_pass input {padding-right:63px !important; width:100% !important;}
.input_pass input:focus {padding-right:80px !important;}
.input_pass input + .btn_del {margin-left: calc(100% - 72px) !important; margin-top:-50px;}
.input_pass input ~ .btn_keypad {position:absolute; right:16px; top:12px; width:24px; height:24px; line-height:1; background:transparent url(/static-root/img/comn/ico_keypad.svg) no-repeat 50% 50%; margin:0; padding:0; font-size:0; border:0;}

/* input : file */
input[type=file] {opacity:0; width:0; height:0; overflow:hidden; padding:0; border: none;}
input[type=file] + label {padding: 12px 15px; min-width: 120px; height: 48px; font-size: 16px; letter-spacing: -0.32px; line-height: 22px; font-weight: 500; border-radius: 6px;  background-color: #fafafa; border: 1px solid #777; color: #333; vertical-align: middle; text-align: center;} 
input[type=file]:disabled + label {border: 1px solid #dcdcdc; background-color: #f5f5f5; color: #949494; cursor: default; pointer-events: none;} 
.file_wrap {display: flex; align-items: center; justify-content: space-between; position: relative; flex: 1;}
.file_wrap input[type=text] {flex:1; margin-right: 10px; width: 100%;}
.file_wrap input[type=text] + .btn_del {position: absolute; top: 12px; right: 140px; margin: 0; display:inline-block; opacity: 1;}
.file_wrap input[type=text]:invalid + .btn_del { display: none;}
.file_wrap button {flex: none;}
.file_wrap + .btn_wrap {margin-left: 10px; width: 91px; text-align: left;}

/* input : calender */
.cal_date {position: relative; display: inline-block;}
.cal_date input {width: 100%; height: 48px; padding: 12px 16px 12px 16px; border: 1px solid #bcbcbc; background: #fff; border-radius: 6px;}
.cal_date button {width: 24px; height: 24px; background: url('/static-root/img/comn/ico_calendar.svg') no-repeat 93% center; border: none; position: absolute; right: 16px; top: 12px;}
.cal_date.disable input, .cal_date.readonly input {background: #f5f5f5;}
.cal_date.disable button, .cal_date.readonly button {width: 24px; height: 24px; background: url('/static-root/img/comn/ico_calendar02.svg') no-repeat 93% center; border: none;}
.cal_date.error input {border: 1px solid var(--pcolor_1) !important;}
.cal_date2 {display: flex; align-items: center; width: 380px; position: relative; justify-content: space-between;}
.cal_date2 input {height: 48px; padding: 12px 16px 12px 16px; width: 48%; border: 1px solid #bcbcbc; background: #fff; border-radius: 6px;}
.cal_date2 button {position:absolute; width: 24px; height: 24px;  background: url('/static-root/img/comn/ico_calendar.svg') no-repeat 93% center; border: none;}
.cal_date2 button:first-of-type {left: calc( 48% - 40px);}
.cal_date2 button:last-of-type {left: calc( 100% - 40px);}
.cal_date2.small input {padding: 12px 34px 12px 16px;}
.cal_date2.small button:first-of-type {left: calc( 48% - 33px);}
.cal_date2.small button:last-of-type {left: calc( 100% - 35px);}
.cal_date3 {display: flex; align-items: center; width: 100%; position: relative; justify-content: space-between;}
.cal_date3 input {height: 48px; padding: 10px; width: 47%; border: 1px solid #bcbcbc; background: #fff; border-radius: 6px;}

.btn_group_date + .cal_date2 {margin-top: 12px;}
.cal_date_wrap {display: flex; align-items: center;}
.cal_date_wrap .btn_group_date {margin-top: 0; margin-left: 10px;}
.cal_tooltip { position: fixed; top: 210px; right: 20px; background: #fff; color: #333; border-radius: 6px; font-weight: 500;text-align: left; font-size: 12px; letter-spacing: -0.24px; line-height: 18px; padding: 11px 10px; border: 1px solid #c7c7c7; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 10%); z-index: 2; display: flex; width: 235px;}
.cal_tooltip dl {font-size: 12px; font-weight: 500; display: flex; flex-wrap: wrap; align-items: center;}
.cal_tooltip dt {background: #e1e1e1; padding: 2px 5px; border-radius: 4px; margin-right: 8px;}
.cal_tooltip dd {width: 120px;}
.cal_tooltip dd + dt {margin-top: 3px;}

/* input : search */
.search_box {display: flex; align-items: center; width: 380px; position: relative;}
.search_box input {height: 48px; padding: 12px 16px 12px 16px; width: 50%; border: 1px solid #bcbcbc; background: #fff; border-radius: 6px;}
.search_box input[type=text]:first-of-type {margin-right: 10px;}
.search_box input:read-only {background: #f5f5f5;}
.search_box button:first-of-type {position:absolute; width: 24px; height: 24px; color: transparent; border: none; left: calc( 50% - 40px); background: url('/static-root/img/comn/ico_search.svg') no-repeat center;}
.search_box button:last-of-type {position:absolute; width: 24px; height: 24px; color: transparent; border: none; left: calc( 100% - 35px); background: url('/static-root/img/comn/ico_close02.svg') no-repeat center / 110%;}
.search_box2 {display: flex; align-items: center; position: relative;}
.search_box2 input {height: 48px; padding: 12px 75px 12px 16px; border: 1px solid #bcbcbc; background: #fff; border-radius: 6px; width: 100%;}
.search_box2 button {position:absolute; width: 24px; height: 24px;  color: transparent; border: none; left: calc( 100% - 40px); background: url('/static-root/img/comn/ico_search.svg') no-repeat center;}
.search_box2 button.btn_del {width: 24px; height: 24px; background: url(/static-root/img/comn/ico_close.svg); position: absolute; color: transparent; border: none; left: calc( 100% - 30px); margin-right: initial;}
.search_box2 button + button {margin-left: initial;}
.search_wrap {width: 100%; display: flex; justify-content: center;}
.search_wrap .search_box2 {width: 580px;}
.search_wrap .select {width: 180px; margin-right: 16px;}
.search_wrap3 {padding: 36px 56px; border: 1px solid var(--gray_500); border-radius: 8px; background: #f9f9f9; display: flex; align-items: center; flex-wrap: wrap;}
.search_wrap3 .label {color: #111; font-size: 16px; font-weight: 500; margin-right: 80px;}
.search_wrap3 .radio_group {margin-top: 0;}

.content>fieldset:first-of-type .search_wrap {margin-bottom: 50px;}

/* input time */
.txt_time {position: relative; height:48px; overflow:hidden;}
.txt_time time {position:absolute; right:16px; top:12px; font-size:16px; letter-spacing:-0.32px; color:var(--mcolor_1); display:none;}
.txt_time input {padding-right:90px !important;}
.txt_time .btn_del {margin-left: calc(100% - 120px) !important;}
.txt_time time {display:inline-block;}
.txt_time input.error ~ time {color: var(--pcolor_1) !important;}

/* select */
.select {position:relative; width:380px; height:auto;display:inline-block;}
.select select {box-sizing:border-box; border:1px solid var(--gray_500); border-radius:6px; height:48px; padding:12px 45px 12px 16px; font-size:16px; letter-spacing:-0.32px; color:#333; width:100%; background: #fff url(/static-root/img/comn/ico_arrow05.svg) no-repeat calc( 100% - 15px) center;}
.select select.error {border:1px solid var(--pcolor_1) !important;}
.select select:focus {border:1px solid #333; box-shadow:4px 4px 8px 0 rgba(0,0,0,0.1);}
.select select option {padding:12px 10px; border-radius:6px;}
.select.disabled::after {opacity: 0.5;}
.select.disabled select, .select select:disabled {border:1px solid #bcbcbc; background:#f5f5f5; color:#777; pointer-events: none;}
.select.small select {padding-right:30px; padding-left: 10px; background-position-x: calc(100% - 6px);}
.select.small::after {right: 7px;}

/* select : 버튼 리스트 타입  */
.select {position:relative; width:380px; height:auto;display:inline-block;}
.select>button {box-sizing:border-box; border:1px solid var(--gray_500); border-radius:6px; height:48px; padding:12px 45px 12px 16px; font-size:16px; letter-spacing:-0.32px; color:#333; width:100%; text-align:left; background: #fff url(/static-root/img/comn/ico_arrow05.svg) no-repeat calc( 100% - 15px) center;}
.select>button.on, .select>button:focus {border:1px solid #333;border-radius:6px;box-shadow:4px 4px 8px 0 rgba(0,0,0,0.1);}
.select>button span {width:0; height:0; background:none; border:none; overflow:hidden; color:transparent;}
.select>div {position:absolute; left:0; top:48px; z-index:5; border:1px solid #333; border-radius:6px; width:100%; background:#fff; box-shadow:4px 4px 8px 0 rgba(0,0,0,0.1); height:auto; max-height:150px; overflow-y:auto;}
.select>div>ul>li button {padding:13px 10px;color:#333; font-size:16px; background:none; border:none; text-align:left; width:100%;}
.select>div>ul>li button:hover, .select>div>ul>li button:focus, .select2>div>ul>li button.on {background-color:#f5f6ff;}
.select>div>ul>li:first-child button {border-top-left-radius:6px; border-top-right-radius:6px;}
.select>div>ul>li:last-child button {border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.select>button + div {display:none;}
.select>button.on + div {display:block;}
.select>button:disabled {border:1px solid #bcbcbc; background:#f5f5f5; color:#777;}
.select>button.error, .select>button.on.error {border:1px solid var(--pcolor_1) !important;}

/* select : multiple select */
.select2 {position:relative; width:380px; height:auto;}
.select2 select {box-sizing:border-box; border:1px solid #bcbcbc; background:#fff; padding:0 0 0 0; border-radius:6px; font-size:16px; letter-spacing:-0.32px; color:#333; width:100%;}
.select2 select option {padding:13px 10px; color:#333; font-size:16px;}
.select2>div {border:1px solid #bcbcbc; border-radius:6px; width:100%; background:#fff; height:auto; max-height:150px; overflow-y:auto;}
.select2>div>ul>li button {padding:13px 10px; color:#333; font-size:16px; background:none; border:none; text-align:left; width:100%;}
.select2>div>ul>li button:hover, .select2>div>ul>li button:focus, .select2>div>ul>li button.on {background-color:#f5f6ff;}
.select2>div>ul>li:first-child button {border-top-left-radius:6px; border-top-right-radius:6px;}
.select2>div>ul>li:last-child button {border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.select2>div:focus, .select2>div.on {border:1px solid #333; border-radius:6px; box-shadow:4px 4px 8px 0 rgba(0,0,0,0.1); box-shadow:4px 4px 8px 0 rgba(0,0,0,0.1);}

/* mutiple select  */
.select_multi {position:relative; display:inline-block; width:380px;}
.select_multi input[type=text]:read-only { background: #fff url(/static-root/img/comn/ico_arrow05.svg) no-repeat calc( 100% - 15px) center; cursor:pointer;}
.select_multi ul {position:absolute; left:0; top:48px; z-index:8; width:380px; border:1px solid #bcbcbc; background:#fff; height:auto; max-height:150px; overflow-y:auto; padding:10px 0; border-radius: 6px;}
.select_multi ul>li {padding:3px 10px;}
.select_multi ul>li:focus-within {background:var(--mcolor_4);}

/* listbox */
.listbox {position:relative; width:380px; border:1px solid #bcbcbc; border-radius:6px; background:#fff; height:auto; max-height:150px; overflow-y:auto; padding: 10px;}
.listbox li {padding: 3px 0;}
.listbox li:focus-within {background: var(--mcolor_4);}

/* checkbox / radio */
input[type=checkbox], input[type=radio] {opacity:0; width:0; height:0; overflow:hidden;}
input[type=checkbox] + label, input[type=radio] + label {position:relative; vertical-align:middle; font-size: 16px; font-weight: 400;}
input[type=checkbox] + label + input[type=checkbox] + label,
input[type=radio] + label + input[type=radio] + label {margin-left:15px;} 
input[type=checkbox] + label:before, input[type=radio] + label:before {display:inline-block; width:22px; height:22px; border:1px solid #bcbcbc; background-color:#fff; border-radius:2px; content:''; vertical-align:middle; margin-right:8px;}
input[type=radio] + label:before {border-radius:100%;}
input[type=checkbox] + label:hover:before, input[type=radio] + label:hover:before {border:1px solid #333;}
input[type=checkbox]:checked + label:before {border:1px solid var(--mcolor_1); background-color:var(--mcolor_1);}
input[type=radio]:checked + label:before {border:1px solid var(--mcolor_1); background-color:var(--mcolor_1);}
input[type=checkbox]:checked + label:after {width:11px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:6px; display:inline-block; transform:rotate(-45deg);}
input[type=radio]:checked + label:after {width:10px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:6px; display:inline-block; transform:rotate(-45deg);}
.laypopTable input[type=radio]:checked + label:after {top:9px;}
input[type=checkbox]:disabled + label:before {border:1px solid #dcdcdc;background-color:#dcdcdc;}
input[type=radio]:disabled + label:before {border:1px solid #dcdcdc;background-color:#dcdcdc;}
input[type=checkbox]:checked:disabled + label:after {width:11px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:6px; display:inline-block; transform:rotate(-45deg);}
input[type=radio]:checked:disabled + label:after {width:10px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:6px; display:inline-block; transform:rotate(-45deg);}
input.no_label + label {position:relative; width:24px; height:24px; vertical-align:middle; color:transparent; line-height:0; font-size:0;}
input.no_label + label::before {margin-right:0;}
.radio_group {margin-top: 10px;}
.input_group {display:inline-block;}
.input_group li {display:inline-block;}
.input_group li + li {margin-left:15px;}

.checkImg input[type=checkbox] + label:before {display:inline-block; width:22px; height:22px; border:1px solid #bcbcbc; background-color:#fff; border-radius:2px; content:''; vertical-align:middle; margin-right:0px;}
.checkImg input[type=checkbox]:checked + label:before {border:1px solid var(--mcolor_1); background-color:var(--mcolor_1);}
.checkImg thead input[type=checkbox]:checked + label:after {width:11px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:6px; display:inline-block; transform:rotate(-45deg);}
.checkImg tbody input[type=checkbox]:checked + label:after {width:11px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; content:''; position:absolute; left:6px; top:10px; display:inline-block; transform:rotate(-45deg);}

/* switch */
.switch {display: inline-block;}
.switch input[type=checkbox] + label {position: relative; display: inline-block; width: 52px; height: 28px; border-radius: 50px; background: #e8e8e8; transition: .4s;}
.switch input[type=checkbox] + label::before {content: ''; display: inline-block; position:absolute; height: 24px; width: 24px; left: 2px; bottom: 2px;  border-radius: 50%; background: #fff; transition: .4s; border: none;}
.switch input[type=checkbox]:checked + label {background: var(--mcolor_1);}
.switch input[type=checkbox]:checked + label::before {transform: translateX(24px);}
.switch input[type=checkbox]:checked + label::after {display: none;}

/* 주소 */
.address_area {position:relative;}
.address_area div:nth-child(1) input[type=text] {width:160px;}
.address_area div:nth-child(1) input + button {margin-left:12px;}
.address_area div:nth-child(2) {margin-top:12px;}
.address_area div:nth-child(2) input {width:100%;}
.address_area div:nth-child(3) {position:relative; margin-top:12px;}
.address_area div:nth-child(3) input {width:100%; max-width: initial !important;}
.address_area div:nth-child(3) .btn_del {position:absolute; right:20px; top:13px; margin-right:0; margin-left:0;}
.address_area.type2>div:nth-child(2) {display:flex;}
.address_area.type2>div:nth-child(2)>div:nth-child(1) {width:260px; margin-right:8px;}
.address_area.type2>div:nth-child(2)>div:nth-child(2) {flex:1; margin-top:0; position:relative;}
.address_area.type2>div:nth-child(2)>div:nth-child(2) .btn_del {position:absolute; right:20px; top:13px; margin-right:0; margin-left:0;}


/************
*    tab
*************/

/* 버튼형 */
.tab_type1 {position:relative; padding:64px 0 0 0;}
.tab_type1>ul>li>a {border:none; width:100%; height:64px; box-sizing:border-box; border-top:1px solid #bcbcbc; border-left:1px solid #bcbcbc; border-bottom:1px solid #111; text-align:center; line-height:64px; color:#333; font-weight:300; font-size:20px; background:#fff;}
.tab_type1>ul>li.on>a {display:block; width:100%; height:64px; box-sizing:border-box; border-top:1px solid #111 !important; border-left:1px solid #111 !important; border-right:1px solid #111 !important; border-bottom:1px solid #fff; font-weight:500;}
.tab_type1>ul>li:first-child>a {border-top-left-radius:6px; border-left:1px solid #bcbcbc;}
.tab_type1>ul>li:last-child>a {border-top-right-radius:6px; border-right:1px solid #bcbcbc;}
.tab_type1>ul>li.on + li>a {border-left:none;}
.tab_type1>ul>li>a>span {width:0; height:0; background:none; border:none; color:transparent; font-size:0; overflow:hidden;}
.tab_type1>ul>li>a:hover, .tab_type1>ul>li>a:focus {text-decoration:none;}
.tab_type1>ul>li>a + div {display:none;}
.tab_type1>ul>li.on>a + div {display:block;}
.tab_type1>ul.col2>li:nth-child(1)>a {position:absolute; left:0; top:0; width:50%;}
.tab_type1>ul.col2>li:nth-child(2)>a {position:absolute; left:50%; top:0; width:50%;}
.tab_type1>ul.col3>li:nth-child(1)>a {position:absolute; left:0; top:0; width:33%;}
.tab_type1>ul.col3>li:nth-child(2)>a {position:absolute; left:33%; top:0; width:34%;}
.tab_type1>ul.col3>li:nth-child(3)>a {position:absolute; left:67%; top:0; width:33%;}
.tab_type1>ul.col4>li:nth-child(1)>a {position:absolute; left:0; top:0; width:25%;}
.tab_type1>ul.col4>li:nth-child(2)>a {position:absolute; left:25%; top:0; width:25%;}
.tab_type1>ul.col4>li:nth-child(3)>a {position:absolute; left:50%; top:0; width:25%;}
.tab_type1>ul.col4>li:nth-child(4)>a {position:absolute; left:75%; top:0; width:25%;}
.tab_type1.st2::before {content: ''; display: inline-block; width: 100%; background: #111111; height: 1px; position: absolute; top: 63px; }
.tab_type1.st2>ul>li>a {font-size: 18px; font-weight: 500; color: #555;border-right: 1px solid #bcbcbc; border-left: none;}
.tab_type1.st2>ul>li.on>a {font-weight: 600; color: #111;}
.tab_type1.st2>ul>li.on>a::before { content: ''; display: inline-block; width: 1px; height: 100%; background: white; left: -2px; position: absolute; }
.tab_type1.st2>ul>li:first-child>a {border-top-left-radius:6px; border-left:1px solid #bcbcbc;}
.tab_type1.st2>ul>li>a>strong {position: relative;}
.tab_type1.st2>ul>li>a>strong::before {color: var(--mcolor_1); content: '*'; font-size: 22px; position: absolute; top: -1px; left: -14px;}
.tab_type1.st2>ul>li>a>strong::after {content: ''; display: inline-block; width: 8px; height: 8px; border-right: 1px solid #555; border-bottom: 1px solid #555; position: absolute; top: 27px; right: -15px; transform: rotate(-45deg);}

/* 링크형 */
.tab_type1_link {position:relative; padding:64px 0 0 0;}
.tab_type1_link>ul>li>a {border:none; width:100%; height:64px; box-sizing:border-box; border-top:1px solid #bcbcbc; border-left:1px solid #bcbcbc; border-bottom:1px solid #111; text-align:center; line-height:64px; color:#333; font-weight:300; font-size:20px; background:#fff;}
.tab_type1_link>ul>li.on>a {display:block; width:100%; height:64px; box-sizing:border-box; border-top:1px solid #111 !important; border-left:1px solid #111 !important; border-right:1px solid #111 !important; border-bottom:1px solid #fff; font-weight:500;}
.tab_type1_link>ul>li:first-child>a {border-top-left-radius:6px; border-left:1px solid #bcbcbc;}
.tab_type1_link>ul>li:last-child>a {border-top-right-radius:6px; border-right:1px solid #bcbcbc;}
.tab_type1_link>ul>li.on + li>a {border-left:none;}
.tab_type1_link>ul>li>a>span {width:0; height:0; background:none; border:none; color:transparent; font-size:0; overflow:hidden;}
.tab_type1_link>ul>li>a:hover, .tab_type1_link>ul>li>a:focus {text-decoration:none;}
.tab_type1_link>ul>li>a + div {display:none;}
.tab_type1_link>ul>li.on>a + div {display:block;}
.tab_type1_link>ul.col2>li:nth-child(1)>a {position:absolute; left:0; top:0; width:50%;}
.tab_type1_link>ul.col2>li:nth-child(2)>a {position:absolute; left:50%; top:0; width:50%;}
.tab_type1_link>ul.col3>li:nth-child(1)>a {position:absolute; left:0; top:0; width:33%;}
.tab_type1_link>ul.col3>li:nth-child(2)>a {position:absolute; left:33%; top:0; width:34%;}
.tab_type1_link>ul.col3>li:nth-child(3)>a {position:absolute; left:67%; top:0; width:33%;}
.tab_type1_link>ul.col4>li:nth-child(1)>a {position:absolute; left:0; top:0; width:25%;}
.tab_type1_link>ul.col4>li:nth-child(2)>a {position:absolute; left:25%; top:0; width:25%;}
.tab_type1_link>ul.col4>li:nth-child(3)>a {position:absolute; left:50%; top:0; width:25%;}
.tab_type1_link>ul.col4>li:nth-child(4)>a {position:absolute; left:75%; top:0; width:25%;}

/****************
* tooltip, 말풍선
******************/

/* 도움말 */
.tooltip_info {display:inline-block; position:relative; vertical-align:top; margin-left:10px;}
.tooltip_info>button {width:16px; height:16px; box-sizing:content-box; background:transparent url(/static-root/img/comn/ico_tooltip.svg) no-repeat left top; border:none; vertical-align:top; overflow:hidden; color:transparent; font-size:0;}
.tooltip_info>div {display: none; position: absolute; background: #fff; color: #333; border-radius: 6px; font-weight: 500; width:380px; left: 120%; top: 0; text-align: left; font-size:12px; letter-spacing:-0.24px; line-height:18px; padding:11px 10px; border:1px solid #c7c7c7;box-shadow:0 4px 4px 0 rgba(0,0,0,0.1);}
.tooltip_info.on>div {display: block; z-index:30;}
.tooltip_info.on>button {background:transparent url(/static-root/img/comn/ico_tooltip_o.svg) no-repeat left top; transform: scale(1.1);}
.tooltip_info:hover>button {background:transparent url(/static-root/img/comn/ico_tooltip_o.svg) no-repeat left top; transform: scale(1.1);} 

/* Pagenation */
.pagenation {display: flex; align-items: center; padding: 20px 0 0; width: 100%; justify-content: center;}
.pagenation .first, .pagenation .last, .pagenation .prev, .pagenation .next {border: none;  box-sizing: border-box; overflow: hidden; width: 28px;  height: 28px; margin: 0;}
.pagenation .disable {opacity: 0.2; pointer-events: none;}
.pagenation .prev, .pagenation .next {background: url(/static-root/img/comn/ico_arrow.svg) no-repeat center 20% / 80%;}
.pagenation .first, .pagenation .last {background: url(/static-root/img/comn/ico_arrow02.svg) no-repeat center 20% / 80%;}
.pagenation .last, .pagenation .next {transform: rotate(-180deg); background-position-y: 80%;}
.pagenation a {color: #333; width: 28px; height: 28px; text-decoration: none; position: relative; text-align: center; line-height: 26px; margin: 0 5px; font-size: 16px;}
.pagenation a span {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; display: inline-block; clip-path: polygon(0 0, 0 0, 0 0);}
.pagenation a.active {color: #fff; border-radius: 100%; font-weight: 500; width: 28px; height: 28px; background: var(--mcolor_1);}

.total_page {width: 100%; display: flex; justify-content: flex-end; align-items: center; padding: 16px 0; font-size: 16px; color: #777;}
.total_page ul {display: flex; align-items: center;}
.total_page strong {color: #111; font-weight: 500; margin-left: 6px;}
.total_page li + li {margin-left: 16px;}
.total_page li:last-of-type span {margin-right: 5px;}

.no_data {float:none; width:100%; text-align:center; padding:67px; border-top:2px solid #111;}
.no_data>p {font-size:18px; color:#111; letter-spacing:-0.36px; font-weight:500;}
.no_data.td {border-bottom: 1px solid #e4e4e4;}

/* Modal */
.modal_wrap, .modal_wrap2 {height: 100%; width: 100%; position: fixed; background: rgb(0, 0, 0, 0.4); top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 20; display: none;}
.modal_wrap .modal, .modal_wrap2 .modal {background: #fff; padding: 40px; width: 480px; z-index: 20; display: none;  position: relative; border-radius: 16px; overflow: hidden;}
.modal_wrap .alert, .modal_wrap2 .alert {text-align: center;}
.modal_wrap .alert .tit_modal, .modal_wrap2 .alert .tit_modal {font-size: 24px; line-height: 36px; margin: 16px 0;}
.modal_wrap .alert .context, .modal_wrap2 .alert .context {font-size: 16px; line-height: 24px; min-height: 78px; margin-bottom: 32px; width: 100%; display: table; color: #555;}
.modal_wrap .alert .context p, .modal_wrap2 .alert .context p {display: table-cell; vertical-align: middle;}
.modal_wrap .alert .context2, .modal_wrap2 .alert .context2  {font-size: 18px; line-height: 26px; min-height: 78px; margin-bottom: 32px; font-weight: 400; width: 100%;  display: table; color: #555;}
.modal_wrap .alert .context2 p, .modal_wrap2 .alert .context2 p {display: table-cell; vertical-align: middle;}
.modal_wrap .alert .context_add, .modal_wrap2 .alert .context_add {display: block; color: #777; font-size: 16px; margin-top: 8px; line-height: 24px;}
.modal_wrap .normal {width: initial; padding: 24px 12px 20px 24px;}
.modal_wrap .normal .tit_modal {font-size: 28px; margin-left: 24px; margin-right: 70px; line-height: 42px;}
.modal_wrap .normal .btn_close {top: 28px; right: 42px;}
.modal_wrap .normal .ment {font-size: 16px; color: #111; margin-left: 24px;}
.modal_wrap .normal .ment2 {font-size: 16px; color: #777; margin-left: 24px;}
.modal_wrap .normal .context_out { margin-top:30px ; padding: 0 36px 0 24px;}
.modal_wrap .normal .context {margin-top:30px ; padding: 24px 36px 20px 24px;}
.modal_wrap .normal .context.scroll_type {padding: 20px 22px 20px 24px;}
.modal_wrap .normal.type2 .context.scroll_type {padding-top: 8px;}
.modal_wrap .search_wrap .search_box2 {width: 100%;}
.modal_wrap .btn_area_tb2 {display: flex; margin: 40px 0 0; align-items: center; justify-content: flex-end; width: 100%; padding: 0 30px 0 24px;}
.modal_wrap .btn_area_tb2.between {justify-content: space-between;}
.modal_wrap .total_page {padding: 0 0; font-size: 14px;}

.modal_wrap .search_wrap2 {width: 100%; padding:24px 32px; border:1px solid var(--gray_500); border-radius:8px; background:#f9f9f9; display: flex; align-items: flex-end;}
.modal_wrap .search_wrap2 input {width: 100%; padding-right: 35px;}
.modal_wrap .search_wrap2 .select {width: 100%;}
.modal_wrap .search_wrap2 label {color: #111; font-size: 16px; font-weight: 500; margin-bottom: 8px;}
.modal_wrap .search_wrap2 input + .btn_del {position: absolute; bottom: 11px; right: 10px; margin: 0;}
.modal_wrap .search_wrap2 .search_box2 input + .btn_del {position: absolute; bottom: 11px; right: 45px; left: initial; margin: 0;}
.modal_wrap .search_wrap2>div {margin-right: 20px; position: relative;}
.modal_wrap .search_wrap2>div.oneline {width: 100%; margin-right: 0; display: flex; align-items: flex-end; justify-content: space-between;}
.modal_wrap .search_wrap2>div.oneline>div {width: 100%; position: relative;}
.modal_wrap .search_wrap2>div.oneline.ty2>div {width: 100%; position: relative;}
.modal_wrap .search_wrap2>div.oneline.ty2>div + div, .modal_wrap .search_wrap2>div.oneline.ty2>div + button {margin-left: 8px;}
.modal_wrap .search_wrap2>div.oneline.ty2>div:nth-of-type(3) input {padding: 12px 10px;}
.modal_wrap .search_wrap2>div.twoline {margin-right: 0; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.modal_wrap .search_wrap2>div.twoline>div {width: 32%; position: relative;}
.modal_wrap .search_wrap2>div.twoline>div + div {margin-left: 12px;}
.modal_wrap .search_wrap2>div.twoline>div:nth-child(n+4) {margin-top: 20px;}
.modal_wrap .search_wrap2>div.twoline>div:nth-child(3n+1), .modal_wrap .search_wrap2>div.twoline>div.flex_ac_jb {margin-left: 0;}
.modal_wrap .search_wrap2>div.thrline {margin-right: 0; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.modal_wrap .search_wrap2>div.thrline>div {width: 23.8%; position: relative;}
.modal_wrap .search_wrap2>div.thrline>div + div {margin-left: 12px;}
.modal_wrap .search_wrap2>div.thrline>div.outside {width: 100%; margin-left: 0; margin-top:20px; display: flex; }
.modal_wrap .search_wrap2>div.thrline>div.outside>div {width: 23.8%; position: relative;}
.modal_wrap .search_wrap2>div.thrline>div.outside>div + div {margin-left: 12px;}
.modal_wrap .search_wrap2>div.thrline>div.flex_ac_jb {margin-left: 0;}

.modal_wrap .tab_type1 {margin: 40px 36px 0 24px;}
.modal_wrap .tab_type1>ul::before {content: ''; display: inline-block; width: 100%; background: #111; height: 1px; position: absolute; top: 63px;}
.modal_wrap .tab_type1>ul>li>a {font-size: 18px; width:20% !important; position:absolute; top: 0; font-weight: 500; color: #555;}
.modal_wrap .tab_type1>ul>li.on>a {font-weight: 600; color: #111;}
.modal_wrap .tab_type1>ul>li:nth-child(1)>a {left:0;}
.modal_wrap .tab_type1>ul>li:nth-child(2)>a {left:20%;}
.modal_wrap .tab_type1>ul>li:nth-child(3)>a {left:40%;}
.modal_wrap .tab_type1>ul>li:nth-child(4)>a {left:60%;}
.modal_wrap .tab_type1>ul>li:nth-child(5)>a {left:80%;}
.modal_wrap .tab_type1 .context {margin: 32px 0 0 0; padding: 0;}
.modal_wrap .tab_type1 .context.scroll_type {width: 100%; padding: 0 15px 20px 0;}
.modal_wrap .tab_comt {position: absolute; top: 11px; right: 0;}

/* 토스트팝업 */
.pop_tost {display:none;position:relative; margin-bottom:64px; background:var(--mcolor_5); padding:25px 32px; border-radius:8px;}
.pop_tost p {font-size:16px; color:#555; letter-spacing:-0.32px;}
.pop_tost p:before{width:24px; height:24px; content:''; background:url(/static-root/img/comn/ico_tost.svg) no-repeat 50% 50%; display:inline-block; margin-right:12px; margin-bottom:-6px;}
.pop_tost button {position: absolute; right:32px; top:24px; background:none; border:none; font-size:16px; color:#333; font-weight:500; letter-spacing:-0.32px; text-decoration: underline;}


/************
*    area
*************/

/* 페이지 타이틀영역 */
.tit_area_headline {text-align:center; display: block; margin-bottom: 50px;}
.tit_area_headline .tooltip_info {margin-top:6px; margin-left:10px;}
.tit_area_headline2 {text-align:center; display: block;}
.tit_area_headline2 h2 {line-height: 26px; font-size: 18px; font-weight: 600; color: #111;}

/* 테이블 타이틀영역 */
.tit_area_tb {display:flex; margin-bottom:16px; align-items: center;}
.tit_area_tb .txt_point {margin-left:auto; font-size:16px; width:auto; height:auto; color:#111; line-height:1.5; vertical-align:bottom; font-weight: 400;}
.tit_area_tb .btn_area_tb {margin-left:auto; display: flex;}
.tit_area_tb ~ .tit_area_tb {margin-top:48px;}
.tit_area_tb button + button, .tit_area_tb a.btn + a.btn, .tit_area_tb a.btn + button, .tit_area_tb button + a.btn {margin-left:8px;}
.tit_area_tb2 {display:flex; justify-content: space-between; align-items: center;}

/* 하단 버튼영역 */
.btn_area_btm {text-align:center; margin-top:80px;}
.btn_area_btm button + button, .btn_area_btm a.btn + a.btn, .btn_area_btm a.btn + button, .btn_area_btm button + a.btn {margin-left:16px;}

.btn_area_btm2 {width: 100%; border-top: 1px solid #dcdcdc; transition: all 0.1s; padding:24px 0;}
.btn_area_btm2>div {max-width:1180px; margin:0 auto; width:100%; overflow:hidden; display: flex; justify-content: space-between;}

.btn_area_btm3 {position:relative; width:100%; margin-top:80px;}
.btn_area_btm3>div {max-width:1180px; margin:0 auto; width:100%; overflow:hidden; display: flex; justify-content: space-between;}
.btn_area_btm3>div .left_area{text-align:left;flex:1;}
.btn_area_btm3>div .right_area{text-align:right;flex:1;}

.btn_area_pop {text-align:center; margin: 30px 0 20px;}
.btn_area_pop button + button, .btn_area_pop a.btn + a.btn, .btn_area_pop a.btn + button, .btn_area_pop button + a.btn {margin-left:5px;}

.btn_area_btm_r {text-align:right;}

/* 안내문구 */
.ment_help p {display: flex; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #e4e4e4; margin-bottom: 16px; letter-spacing:-0.28px; font-weight: 500;}
.ment_help p::before {content:''; display: inline-block; width: 24px; height: 24px; background: url('/static-root/img/comn/ico_help.svg') 0 -2px; margin-right: 6px;}

.ment_help2 dt {letter-spacing:-0.28px; color:#111; font-weight: 500; position: relative; padding: 0 0 5px 20px;}
.ment_help2 dt::before {content:''; display: inline-block; width: 16px; height: 16px; background: url('/static-root/img/comn/ico_quest.svg') center; position: absolute; left: 0; top: 1px;}
.ment_help2 dd {color: #555;}

.desc_tit {letter-spacing:-0.28px; color:#333; font-weight: 400; position: relative; padding-left: 20px;}
.desc_tit::before {content:''; display: inline-block; width: 16px; height: 16px; background: url('/static-root/img/comn/ico_quest.svg') center; position: absolute; left: 0; top: 1px;}

/* scroll type */
.scroll_type {overflow-y:auto; box-sizing:border-box; width: calc(100% - 8px);}
.scroll_type::-webkit-scrollbar {width:6px; height:6px; background-color:transparent;}
.scroll_type::-webkit-scrollbar-thumb {background-color:var(--gray_400); border-radius:6px;}
.scroll_type::-webkit-scrollbar-track {background-color:transparent; border-radius:0px;}

/* scroll type2 - 가로세로 스크롤 */
.scroll_type2 {overflow:auto; box-sizing:border-box;}
.scroll_type2::-webkit-scrollbar {width:6px; height:6px; background-color:transparent;}
.scroll_type2::-webkit-scrollbar-thumb {background-color:var(--gray_400); border-radius:6px;}
.scroll_type2::-webkit-scrollbar-track {background-color:transparent; border-radius:0px;}


/************** 
*    step 
***************/
.step_area {position:relative; padding-left:52px; counter-reset:item; list-style-type:none;}
.step_area li {position:relative; margin-top:56px; padding-left:18px; text-indent:-18px;}
.step_area>li:first-child {margin-top:0;}
.step_area li>em {display:block; font-size:12px; color:#111; letter-spacing:-0.24px;}
.step_area li>strong {display:block; font-size:18px; font-weight:700; letter-spacing:-0.36px; color:#555;}
.step_area li.complete>strong {color:#111;}

/* step 세로라인 */
.step_area:before {position:absolute; left:20px; top:20px; height: calc(100% - 24px); width:0; border-left:2px solid #d7e8e9; content:'';}
.step_area li:after {content:''; width:8px; height:8px; border-radius:30px; position:absolute; left:-35px; top:65px; background-color:#d7e8e9; box-sizing:border-box;}
.step_area li:last-child:after{display:none;}

/* step 번호 및 체크 */
.step_area li:before {content:counter(item); counter-increment:item; border-radius:50px; width:40px; height:40px; text-align:center; text-indent:1px; line-height:33px; display:inline-block; border:3px solid #d7e8e9; background-color:#d7e8e9; color:#fff; font-size:20px; letter-spacing:0.4px; position:absolute; left:-51px; box-sizing:border-box;}
.step_area li.active:before {content:counter(item); counter-increment:item; border-radius:50px; width:40px; height:40px; text-align:center; text-indent:1px; line-height:33px; display:inline-block; border:3px solid var(--mcolor_2); background-color:#fff; color:var(--mcolor_1); font-size:20px; letter-spacing:0.4px; position:absolute; left:-51px; box-sizing:border-box;}
.step_area li.active>strong, .step_area li.complete>strong {color:#333;}
.step_area li.complete:before {content:''; border-radius:50px; width:40px; height:40px; text-align:center; display:inline-block; border:3px solid #555; background-color:#fff; color:var(--mcolor_1); font-size:20px; letter-spacing:0.4px; position:absolute; left:-51px; box-sizing:border-box;}
.step_area li.complete>em:before {width:16px; height:7px; border-left:3px solid #555; border-bottom:3px solid #555; content:''; transform:rotate(-45deg); display:inline-block; position:absolute; left:-41px; top:13px;}

/* BOX 스타일 */
.box_type1 {padding: 24px 32px; border: 1px solid var(--gray_500); border-radius: 8px; background: #f9f9f9;}
.box_type2 {padding: 2px 8px; border-radius: 12px; background: #f5f5f5;}
.box_type3 {padding: 20px 12px; border: 1px solid #dcdcdc;}


/************
* table type 
**************/
.txt_c table td, .txt_c table th { text-align: center; }

/* table 공통 */
table .txt_error {margin-top:8px; padding-left:16px; display:block; font-size:14px; line-height:1.3;}
table.fixed {table-layout: fixed;}
table.fixed .ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
table tr.bgcolor1 {background: var(--mcolor_4);}
.ellipsis_table table {table-layout: fixed;}
.ellipsis_table table td {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 가로형 */
.tb_rowType1 {position:relative; max-width:1180px;}
.tb_rowType1 table {width:100%;}
.tb_rowType1 table th {border-bottom:1px solid #e4e4e4; padding:24px; font-size:16px; font-weight:500; color:#111;}
.tb_rowType1 table td {border-bottom:1px solid #e4e4e4; padding:12px 0; line-height:0; vertical-align:top;}
.tb_rowType1 table tr:first-child th, .tb_rowType1 table tr:first-child td {border-top:2px solid #111;}
.tb_rowType1 table td p {line-height:1.3;}
.tb_rowType1 table td.vam { vertical-align: middle;}
.tb_rowType1.vm td {vertical-align:middle !important;}
.tb_rowType1 .txt_info {margin-top:12px; font-size:14px; color:#555; letter-spacing:-0.28px;}

.tb_rowType2 {position:relative; max-width:1180px;}
.tb_rowType2 table {width:100%;}
.tb_rowType2 table th {border-bottom:1px solid #e4e4e4; padding:24px; font-size:16px; font-weight:500; color:#000; line-height: 1.5; background: #fafafa;}
.tb_rowType2.vm th, .tb_rowType2.vm td {vertical-align: middle !important;}
.tb_rowType2 table th.twoline { padding: 12px 24px;}
.tb_rowType2 table td {border-bottom:1px solid #e4e4e4; padding:12px 0 12px 20px; line-height:0; vertical-align:top;}
.tb_rowType2 table tr:first-child th, .tb_rowType2 table tr:first-child td {border-top:2px solid #111;}
.tb_rowType2 table td p {line-height:1.3;}
.tb_rowType2 .txt_info {margin-top:12px; font-size:14px; color:#555; letter-spacing:-0.28px;}
.tb_rowType2.ty2 table th {padding: 5px 24px; line-height: 1.4; font-size: 14px; vertical-align: middle;}
.tb_rowType2.ty2 table td {padding: 5px 18px; line-height: 1.4; vertical-align: middle;}

.tb_rowType3 {position:relative;}
.tb_rowType3 table {width:100%; font-size:16px;  color:#111;}
.tb_rowType3 table th {border-bottom:1px solid #e4e4e4; padding:24px; font-weight:500;}
.tb_rowType3 table td {border-bottom:1px solid #e4e4e4; padding:24px;}
.tb_rowType3 table tr:first-child th, .tb_rowType3 table tr:first-child td {border-top:2px solid #111;}
.tb_rowType3 table tr.line td, .tb_rowType3 table tr.line th {position: relative;}
.tb_rowType3 table tr.line td::before, .tb_rowType3 table tr.line th::before {content: ''; display: inline-block; width: 100%; position: absolute; top: 0; left: 0; border-top: 1px solid #111;}
.tb_rowType3.bg table th {background: #fafafa;}
.tb_rowType3.type1 th {padding:16px; background: #fafafa; font-weight: 500; vertical-align: middle;}
.tb_rowType3.type1 th.rowgroup {border-right: 1px solid #e4e4e4; text-align: center;}
.tb_rowType3.type1 td {padding:16px; vertical-align: middle;}
.tb_rowType3 .unit_won.big {font-size: 18px; line-height: 1.1;}

/* 세로형 */
.tb_colType1 {position:relative; max-width:1180px;}
.tb_colType1 table {width:100%;}
.tb_colType1.head_bg th {background: #fafafa;}
.tb_colType1 table th, .tb_colType1 table td {border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:15px;}
.tb_colType1.vm th, .tb_colType1.vm td {vertical-align:middle;}
.tb_colType1 table th {font-size:16px; font-weight:500; color:#111; text-align: center; vertical-align: middle;}
.tb_colType1 table thead th {border-bottom:1px solid #949494;}
.tb_colType1 table td {padding:15px; vertical-align:top; line-height: 23px;}
.tb_colType1 table tr:first-child th, .tb_rowType1 table tr:first-child td {border-top:2px solid #111;}
.tb_colType1 table th:first-child, .tb_colType1 table td:first-child {border-left: none;}
.tb_colType1 table th.bl, .tb_colType1 table td.bl {border-left:1px solid #e4e4e4;}
.tb_colType1 th.vm , .tb_colType1 td.vm {vertical-align:middle;}

.tb_colType2 {position:relative;}
.tb_colType2 table {width:100%;}
.tb_colType2 table th, .tb_colType2 table td {border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4;text-align: center;}
.tb_colType2.vm th, .tb_colType2.vm td {vertical-align:middle;}
.tb_colType2.txt_r td {text-align: right;}
.tb_colType2 table th {font-size:16px; font-weight:500; color:#111; vertical-align: middle; background: #fafafa; padding:15px;}
.tb_colType2 table thead th {border-bottom:1px solid #949494;}
.tb_colType2 table td {padding:12px; line-height: 1.8;}
.tb_colType2 table thead tr:first-child th, .tb_rowType2 table thead tr:first-child td {border-top:2px solid #111;}
.tb_colType2 table.bt1 thead tr:first-child th, .tb_rowType2 table.bt1 thead tr:first-child td {border-top:1px solid #111;}
.tb_colType2 table th:first-child, .tb_colType2 table td:first-child {border-left: none;}
.tb_colType2.input100p table td > input[type=text], .tb_colType2.input100p table td .input_wrap > input[type=text] {width: 98%;}
.tb_colType2.input100p table td .select {width: 100%;}
.tb_colType2 table td.pd0 {padding: 12px 0 !important;}
.tb_colType2 table th.bl, .tb_colType2 table td.bl {border-left:1px solid #e4e4e4;}
.tb_colType2 table tbody th.s1 {font-weight: 500; text-align: left; vertical-align: middle; border-top: none; background: #fff;}
.tb_colType2 table tr.line td, .tb_colType2 table tr.line th {position: relative;}
.tb_colType2 table tr.line td::before, .tb_colType2 table tr.line th::before {content: ''; display: inline-block; width: 100%; position: absolute; top: 0; left: 0; border-top: 1px solid #111;}
.tb_colType2 td .box_type2 {font-size: 12px; font-weight: 500; color: #333;}
.tb_colType2.lh22 table td {line-height: 22px; word-break: keep-all;}
.tb_colType2 thead input[type=checkbox] + label, input[type=radio] + label {font-weight: 500;}


/* 스크롤 테이블 */
.scroll_table {overflow: auto; border-bottom: 1px solid #e4e4e4; box-sizing:border-box;}
.scroll_table table {border-collapse: separate; border-spacing: 0; border-top: none; margin:0; table-layout: fixed;}
.scroll_table table thead th {position: sticky; top: 0; z-index: 1;}
.scroll_table table tbody tr:last-child td {border-bottom: 0;}
.modal_wrap .scroll_table {max-height: 320px; }
.scroll_table::-webkit-scrollbar {width:6px; height:6px; background-color:transparent;}
.scroll_table::-webkit-scrollbar-thumb {background-color:var(--gray_400); border-radius:6px;}
.scroll_table::-webkit-scrollbar-track {background-color:transparent; border-radius:0px;}

.scroll_table2 {overflow-x: auto; box-sizing:border-box;}
.scroll_table2 table {border-collapse: separate; border-spacing: 0; margin:0; table-layout: fixed;}
.scroll_table2 table thead tr th:first-child, .scroll_table2 table tbody tr th {position: sticky; left: 0; z-index: 1; border-right: 1px solid #e4e4e4;}
.scroll_table2 table thead tr th:nth-child(2), .scroll_table2 table tbody tr th + td {border-left: none;}
.scroll_table2::-webkit-scrollbar {width:6px; height:6px; background-color:transparent;}
.scroll_table2::-webkit-scrollbar-thumb {background-color:var(--gray_400); border-radius:6px;}
.scroll_table2::-webkit-scrollbar-track {background-color:transparent; border-radius:0px;}

/* Loading */
.loading_wrap {height: 100%; width: 100%; position: fixed; background: rgba(255 255 255 / 70%); top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 20; display: none;}
.loading_spinner {display: inline-block; position: relative; width: 80px !important; height: 80px !important;}
.loading_spinner div {box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 5px solid transparent; border-radius: 100%; animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-top-color: var(--mcolor_1);}
.loading_spinner div:nth-child(1) {animation-delay: -0.45s;}
.loading_spinner div:nth-child(2) {animation-delay: -0.3s;}
.loading_spinner div:nth-child(3) {animation-delay: -0.15s;}
.loading_spinner>span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10px; color: var(--mcolor_1); font-weight: 500;}
@keyframes loading { 
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

/* rMate Grid */
.grid_holder {width: 100%; min-height: 100px; margin: 16px 0 10px; background: var(--gray_100);}
.modal_wrap .grid_holder {max-height: 440px;}


/**************
*    print 
***************/

/* print표지 */
.cover_print {padding:40px 40px; border:1px solid #bcbcbc; margin-bottom:40px;}
.cover_print .info_box {position:relative;}
.cover_print .info_box dl {display:inline-block;}
.cover_print .info_box dl dt {display:inline-block; font-size:14px; color:#333; line-height:22px;}
.cover_print .info_box dl dd {display:inline-block; font-size:14px; color:#777; line-height:22px; margin:0 20px 0 4px;}
.cover_print .info_box img {float:right; height:22px;}
.cover_print .tit_area_cover {display:block; background:var(--mcolor_5) url(/static-root/img/cont/img_visu11.svg) no-repeat 50% 100px; padding:594px 112px 100px; margin:40px auto 124px;}
.cover_print .tit_area_cover h1 {width:600px; margin:0 auto; font-size:56px; font-weight:700 !important; line-height:22px; letter-spacing:-1.12px; color:var(--mcolor_3); border-top:2px solid var(--mcolor_3); border-bottom:2px solid var(--mcolor_3); padding:40px 0; text-align:center;}
.cover_print .info_box2 {position:relative; padding-right:444px; background: url(/static-root/img/cont/img_visu12.svg) no-repeat right bottom; background-size: 368px 125px;}
.cover_print .info_box2 .tech_develop {width:380px; margin-bottom:40px;}
.cover_print .info_box2 .tech_develop td {font-size:16px;}
.cover_print .info_box2 .tech_develop td span {display:block; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* layout */
.modal_wrap.print_area .normal .context {margin-top:20px !important; padding-top:0 !important;}
.modal_wrap.print_area .grid_holder {max-height:inherit !important;}

/* title */
.print_area .tit_least {display:block; margin-top:24px !important;}
.print_area .tit_least + span {margin-top:24px !important;}
.print_area .ment_help .tit_least {display:flex;}

.print_area .tit_small {display:block; margin-top:40px !important;}
.print_area .tit_area_tb + .tit_small {margin-top:0 !important;}

/* table */
.print_area .tb_rowType2 table td, .print_area .tech_develop table td {line-height:1.3 !important;}

/* label */
.print_area input[type=checkbox] + label, .print_area input[type=radio] + label {font-size:14px !important;}    

.print_area .address_type2 li {display:block;}
.print_area .address_type2 li:first-child {margin-top:0;}

@page {size:210mm 297mm; margin:10mm;}
@media print{
    /* layout */
    * {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    html,body {margin:0;padding:0;}
    #wrap.bg_grey {background-color:transparent;}
    header, footer, main, .btn_close2, .no-print, .btn_print2, .btn_area_pop, .quickmenu {display:none !important;}
    
    .modal_wrap.print_area, .modal_wrap, .modal_wrap2 {background:none !important; position:relative !important; height:auto !important; display:block !important;}
    .modal_wrap.print_area .normal {background:none !important; padding:25px 0 !important;}
    .modal_wrap.print_area .normal .tit_modal {margin-left:0 !important;}
    .modal_wrap.print_area .btn_close {display:none !important;}
    .modal_wrap.print_area .normal .context {margin-top:10px !important; padding:0 !important;}
    .modal_wrap.print_area .normal .context.scroll_type {max-height:inherit !important; width:100% !important;}
    .modal_wrap.print_area .btn_area_tb2 {padding:0 !important;}
    .modal_wrap.print_area .scroll_table2 table { table-layout: unset;}

    /* print표지 */
    .cover_print {padding:50px 40px;}
    .cover_print .tit_area_cover {padding:620px 112px 130px;}

    /* table, grid */
    .print_area .grid_holder {page-break-inside:auto;}

    /* 기타설정 */
    .print_area .box_type3 { border: 0; padding: 0;}
}


/* 230207 - wraptable */
.tit_tb_wrap { flex-wrap: wrap; }
.tit_tb_wrap > .nothing_wrap { width: calc(100% - 67px );}
.tit_tb_wrap > .nothing_wrap label { margin: 0 0 0 auto;}
.tit_tb_wrap > .btn_area_tb:last-child:not( .nothing_wrap ) { margin-top: 16px; }