@charset "utf-8";

/* font - START */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');

@import '/cm/css/notosanskr.css';

@font-face {
  font-family: 'Noto Sans KR', sans-serif;
  src: url('/cm/css/notosanskr.css')
    format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+AC00-U+D7A3;
}

* {
    margin: 0;
    padding: 0;  
    font-family: 'Noto Sans KR', sans-serif;
  }

/* font - END */

::-webkit-scrollbar {
    width: 10px;  /* 스크롤바의 너비 */
}

::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #c1c1c1; /* 스크롤바의 색상 */
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: #fafafa ;  /*스크롤바 뒷 배경 색상*/
    border:1px solid #ededed;
}


input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(17,17,17,0.4);
  font-family:'Noto Sans KR', 'sans-serif';
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(17,17,17,0.4);
  font-family:'Noto Sans KR', 'sans-serif';
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(17,17,17,0.4);
  font-family:'Noto Sans KR', 'sans-serif';
}


html,body {font-size:14px;}
.roto {font-family: 'Roboto Mono', monospace !important;}
html,body,pre,select,textarea,input,h1,h2,h3,h4,h5,h6,.w2input,.w2multiselect_td,button,
.w2autoComplete,.w2table_sb, .w2calendar_selectbox_year, .w2calendar_selectbox_month,
.w2textbox ,.w2group,a.w2anchor2 , dl, dt, dd,.w2trigger,.w2checkbox .w2checkbox_item .w2checkbox_label ,.w2radio_label ,td,th
.w2tb_td 
{}


html {overflow:auto}
html,body{background:#ebeced;font-family:  'Noto Sans KR' , 'sans-serif';}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,legend,input,select{margin:0;padding:0;letter-spacing:-0.3px;}
html,body{width:100%; height:100%;color: #111;}
h1,h2,h3,h4,h5,h6{font-weight: 600;}
img,fieldset{border:0 !important;}
img .inputBtn{vertical-align:middle;}
ul,ol{list-style:none}
em,address{font-style:normal}
em{color:#ec4229;}
.w2anchor2, a{color:inherit;text-decoration:none}
table{border-collapse:collapse}
caption, legend{overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
pre, .pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
input,input[type=button]{/*border-radius:0; -webkit-appearance:none; border-radius:0; */}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{box-shadow:0 0 0 30px white inset !important;-webkit-box-shadow:0 0 0 30px white inset !important;-moz-box-shadow:0 0 0 30px white inset !important;}
.w2modalopenedbody body, .w2modalopenedbody{/* overflow:hidden; */}

/*** Default Font (기본 폰트) ***/
/** Font-size (폰트 크기) **/
html,body,pre,select,textarea,input,h1,h2,h3,h4,h5,h6,button,
.w2input, /*인풋*/
.w2selectbox, /*셀렉트박스*/
.w2table_sb, /*셀렉트박스 리스트*/
.w2autoComplete, /*오토컴플리트*/
.w2input_table_sb, /*오토컴플리트  리스트*/
.w2checkcombobox, /*체크콤보박스*/
.w2table_ccb, /*체크콤보박스 리스트*/
.w2multiselect_div /*멀티셀렉트*/
{font-size:14px}

 /* {font-family:NotoSansCJKkr, NotoSansMonoCJKkr, 'Roboto Mono', monospace;} */
 
/** Font-Color (폰트 색상) **/
/* 21.04.28. 현업 요청으로 폰트 색상 변경 (#555 -> #000) */
.w2input, /*인풋*/
.w2inputCalendar_div, /*캘린더*/
.w2textarea, /*텍스트에리어*/
/*.w2selectbox, 셀렉트박스*/
.w2table_sb_col, /*셀렉트박스 리스트*/
.w2multiselect_div, /*멀티셀렉트*/
.w2checkcombobox, /*체크콤보박스*/
.w2table_ccb, /*체크콤보박스 리스트*/
.w2autoComplete, /*오토컴플리트*/
.w2input_table_sb_col, /*오토컴플리트 리스트*/
.w2checkbox, /*체크박스*/
.w2radio, /*라디오*/
.w2textarea, /*텍스트에리어*/
.grd td.gridBodyDefault, /*그리드 td*/
.searcharea .tbl .w2tb_th, /*조회 테이블 th*/
.inputbtn /*돋보기 그룹*/
{color:#111 !important;}

.w2selectbox {}
.w2selectbox_label {color:#111;}

.w2input_disabled,
.w2multiselect_disabled .w2multiselect_td,
.w2selectbox_disabled .w2selectbox_label,
.w2selectbox_disabled .w2selectbox_native_select,
.w2checkbox .w2checkbox_item .w2checkbox_label.w2checkbox_disabled,
.w2radio .w2radio_item .w2radio_label.w2radio_disabled,
.w2checkcombobox_disabled .w2checkcombobox_label,
.w2inputCalendar_divInput.w2inputCalendar_readOnly
{/* color:#888 !important */color:#999 !important}
.w2textarea.w2textarea_disabled {background-color:#eee !important;border:1px solid #ddd;}
.w2selectbox_disabled {background-color:#eee !important;border:1px solid #ddd;}
.w2input_disabled {background-color:#eee !important;border:1px solid #ddd;}
/* websquare common */
/* :focus{outline:none} */
.w2group{background:transparent}
.w2textarea{display:block;margin:0}/* 브라우저 margin */
.w2textarea.resize_auto{resize:auto}
.w2trigger{display:-moz-inline-stack;overflow:visible}/* firefox padding 버그 및 ie padding 버그 */
.w2selectbox_label{padding-top:0}
.w2radio .w2radio_main, .w2checkbox .w2checkbox_main{width:auto}
.w2selectbox_native_select option {text-align:inherit}
.w2balloonTip{z-index:1000;}
/* .w2input_focus{background:transparent} */
.w2trigger{border:0;}


input,textarea,select{width:100%;box-sizing:border-box}
input[type="text"],textarea,.w2textarea,.w2inputCalendar_divInput,select,.w2selectbox{padding:5px 9px;height: 48px !important;font-size: 15px !important;line-height:16px;border: 1px solid #ddd !important;border-radius: 4px;-webkit-border-radius: 4px;box-sizing:border-box;-webkit-appearance:none}
select,.w2selectbox{padding:5px 5px 5px 9px}
input[type="password"],input[type="tel"]{padding:5px 9px; height:44px;line-height:44px;font-size:15px; font-family:sans-serif;color:#1b1b1b;border:1px solid #d6d6d6;border-radius:2px;-webkit-border-radius:2px;box-sizing:border-box;-webkit-appearance:none} /* padding:4px 9px 0; line-height:34px;*/
input[type="button"],input[type="image"],input[type="file"],input[type="submit"]{cursor:pointer}
input[type="button"]{position:relative;border:none}
input[type="button"]::-moz-focus-inner{margin:-1px;padding:0}
input[disabled],textarea[disabled],select[disabled]{background-color:#f4f4f4;color:#1b1b1b;boder:1px solid #d6d6d6}
input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #111 ;outline:none;background:#fff}
/* .w2selectbox_body_over {border:1px solid #111 !important;outline:none;background:#fff} */
input[disabled]:focus,textarea[disabled]:focus,select[disabled]:focus{background-color:#f4f4f4;color:#1b1b1b;boder:1px solid #d6d6d6}

input::-webkit-input-placeholder,
input:-ms-input-placeholder{color:#bababa}

select{-webkit-appearance:none;background:#fff url("/mbdt/cm/images/inc/bg_select.png") no-repeat right center;-webkit-background-size:20px auto;background-size:20px auto}
select:focus{background:#fff url("/mbdt/cm/images/inc/bg_select.png") no-repeat right center;-webkit-background-size:20px auto;background-size:20px auto}

.w2selectbox_body_focus{border:1px solid #000;background:#fff}
.w2selectbox_label, .w2table_sb_col, .w2table_sb_main{font-size:15px;text-align:left}
.w2selectbox .w2selectbox_col_button, .w2selectbox_over .w2selectbox_col_button{width: 30px;background:#fff url("/cm/mobile/img/ar_drop_down.png") no-repeat left center;-webkit-background-size:36px auto;background-size:36px auto}
.w2selectbox.w2selectbox_open .w2selectbox_col_button {width: 30px;background:url('/cm/mobile/img/ar_drop_up.png') no-repeat left center;-webkit-background-size:36px auto;background-size:36px auto}
.w2selectbox_over, .w2selectbox_col_label{background-color:#ffffff}
.w2selectbox_focus .w2selectbox_col_label{background-color:#ffffff}
.w2selectbox_over .w2selectbox_col_label{background-color:#ffffff}


select { width: 100%; border: 1px solid #cdcdcd; padding: 0 5px; padding-right: 20px; height: 40px; background: #ffffff url("/cm/mobile/img/ar_drop_down.png") no-repeat right ; background-size: 36px 48px; border-radius: 3px; -webkit-box-sizing: border-box; color: #323232; line-height: 40px; font-size: 16px; font-family: sans-serif; }/* renewal */
select:focus { border-color: #a5dffa; background: #fff url(/cm/mobile/img/ar_drop_up.png) no-repeat right ; background-size: 36px 48px; }/* renewal */
select[disabled="disabled"], select[readonly="readonly"], 
input[disabled="disabled"], input[readonly="readonly"] { border-color: #efefef; background: url("/cm/mobile/img/ar_drop_down.png") no-repeat right, url("/mbdt/cm/images/bg_select_disabled.png") 0 0 repeat; background-size: 36px 48px, 9px 9px; color: #999999; }



/* text decoration & background-color - START */
.tdu{text-decoration:underline !important}
.tdm{text-decoration:line-through !important}
.ellip:not(.w2table_sb.w2table) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.mac{margin:0 auto !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}




.fwb, .bold{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.fb{font-family:D2CB;}
.uppercase{text-transform:uppercase !important;}
/* text decoration - END */

/* form deco - START */
.clear>span {display: inline-block;line-height: 36px;vertical-align: middle;}
.clear:after {content:""; display:table; clear:both;}
.fl{float:left !important}
.fr{float:right !important}
.fdr{flex-direction:row !important}
.noflex{flex:none !important;}
.grp_nofl *{float:none !important;}
.nofl{float:none !important;}
.inb{display:inline-block}
.dib{display:inline-block !important;}
.din{display:inline !important;}
.dbl{display:block !important;}
.hidden{visibility:hidden !important}
.bdno{border:none !important;}
.blno{border-left:none !important;}
.brno{border-right:none !important;}
.bbno{border-bottom:none !important;}
.btno{border-top:none !important;}
.bt{border-top:1px solid #b9b9b9;}
.bb{border-bottom:1px solid #b9b9b9;}
.bl{border-left:1px solid #b9b9b9;}
.br{border-right:1px solid #b9b9b9;}
.rel{position:relative;}
.tbcell{display:table;width:100%;}
.tbcell .cell{vertical-align:middle;display:table-cell;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}
.vas{vertical-align:sub !important;}
.ovf{overflow:hidden !important;}
.perh100{height:100% !important;}
.per100{width:100% !important;}
.per95{width:95% !important;}
.per90{width:90% !important;}
.per85{width:85% !important;}
.per80{width:80% !important;}
.per75{width:75% !important;}
.per70{width:70% !important;}
.per65{width:65% !important;}
.per60{width:60% !important;}
.per55{width:55% !important;}
.per50{width:50% !important;}
.per45{width:45% !important;}
.per40{width:40% !important;}
.per35{width:35% !important;}
.per33{width:33.333% !important;}
.per30{width:30% !important;}
.per25{width:25% !important;}
.per20{width:20% !important;}
.per15{width:15% !important;}
.per10{width:10% !important;}
.per5{width:5% !important;}
.per0{width:0% !important;}
.lh10{line-height:10px !important;}
.lh11{line-height:11px !important;}
.lh12{line-height:12px !important;}
.lh13{line-height:13px !important;}
.lh14{line-height:14px !important;}
.lh15{line-height:15px !important;}
.lh16{line-height:16px !important;}
.lh17{line-height:17px !important;}
.lh18{line-height:18px !important;}
.lh19{line-height:19px !important;}
.lh20{line-height:20px !important;}
.lh21{line-height:21px !important;}
.lh22{line-height:22px !important;}
.lh23{line-height:23px !important;}
.lh24{line-height:24px !important;}
.lh25{line-height:25px !important;}
.lh26{line-height:26px !important;}
.lh27{line-height:27px !important;}
.lh28{line-height:28px !important;}
.lh29{line-height:29px !important;}
.lh30{line-height:30px !important;}
.pt24{padding-top:24px !important;}
.wauto{width:auto !important;}
.hauto{height:auto !important;}
.nopad{padding:0 !important}
.bgnon{background:none !important;}
.blind{position:absolute;left:0;top:0;visibility:hidden;overflow:hidden;height:0;width:0;margin:0;padding:0;line-height:0;font-size:0;}
.cb:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'}
/* form deco - END */

/* padding, margin - START */
.pd0 {padding:0 !important}           .pd3 {padding:3px !important}
.pt0 {padding-top: 0px !important;}   .pr0 {padding-right: 0px !important;}   .pb0 {padding-bottom: 0px !important;}   .pl0 {padding-left: 0px !important;}
.pt3 {padding-top: 3px !important;}   .pr4 {padding-right: 4px !important;}   .pb1 {padding-bottom: 1px !important;}   .pl1 {padding-left: 1px !important;}   .pl3 {padding-left: 3px !important;}
.pt5 {padding-top: 5px !important;}   .pr5 {padding-right: 5px !important;}   .pb5 {padding-bottom: 5px !important;}   .pl5 {padding-left: 5px !important;}
.pl8 {padding-left: 8px !important;}
.pt10{padding-top:10px !important;}   .pr10{padding-right:10px !important;}   .pb10{padding-bottom:10px !important;}   .pl10{padding-left:10px !important;}
.pt15{padding-top:15px !important;}   .pr15{padding-right:15px !important;}   .pb15{padding-bottom:15px !important;}   .pl15{padding-left:15px !important;}
.pt20{padding-top:20px !important;}   .pr20{padding-right:20px !important;}   .pb20{padding-bottom:20px !important;}   .pl20{padding-left:20px !important;}
.pt25{padding-top:25px !important;}   .pr25{padding-right:25px !important;}   .pb25{padding-bottom:25px !important;}   .pl25{padding-left:25px !important;}
.pt30{padding-top:30px !important;}   .pr30{padding-right:30px !important;}   .pb30{padding-bottom:30px !important;}   .pl30{padding-left:30px !important;}
.pt35{padding-top:35px !important;}   .pr35{padding-right:35px !important;}   .pb35{padding-bottom:35px !important;}   .pl35{padding-left:35px !important;}
.pt40{padding-top:40px !important;}   .pr40{padding-right:40px !important;}   .pb40{padding-bottom:40px !important;}   .pl40{padding-left:40px !important;}
.pt45{padding-top:45px !important;}   .pr45{padding-right:45px !important;}   .pb45{padding-bottom:45px !important;}   .pl45{padding-left:45px !important;}
.pt50{padding-top:50px !important;}   .pr50{padding-right:50px !important;}   .pb50{padding-bottom:50px !important;}   .pl50{padding-left:50px !important;}
.pt55{padding-top:55px !important;}   .pr55{padding-right:55px !important;}   .pb55{padding-bottom:55px !important;}   .pl55{padding-left:55px !important;}
.pt60{padding-top:60px !important;}   .pr60{padding-right:60px !important;}   .pb60{padding-bottom:60px !important;}   .pl60{padding-left:60px !important;}

.mtauto {margin-top: auto !important;}
.m0 {margin: 0 !important;}
.mt0  {margin-top: 0px !important;}   .mr0  {margin-right: 0px !important;}   .mb0  {margin-bottom: 0px !important;}   .ml0  {margin-left: 0px !important;}
.mt1  {margin-top: 1px !important;}   .mr1  {margin-right: 1px !important;}   .mb1  {margin-bottom: 1px !important;}   .ml1  {margin-left: 1px !important;}
.mt2  {margin-top: 2px !important;}   .mr2  {margin-right: 2px !important;}   .mb2  {margin-bottom: 2px !important;}   .ml2  {margin-left: 2px !important;}
.mt3  {margin-top: 3px !important;}   .mr3  {margin-right: 3px !important;}   .mb3  {margin-bottom: 3px !important;}   .ml3  {margin-left: 3px !important;}
.mt4  {margin-top: 4px !important;}   .mr4  {margin-right: 4px !important;}   .mb4  {margin-bottom: 4px !important;}   .ml4  {margin-left: 4px !important;}
.mt5  {margin-top: 5px !important;}   .mr5  {margin-right: 5px !important;}   .mb5  {margin-bottom: 5px !important;}   .ml5  {margin-left: 5px !important;}
.mt7  {margin-top: 7px !important;}   .mr7  {margin-right: 7px !important;}   .mb7  {margin-bottom: 7px !important;}   .ml7  {margin-left: 7px !important;}
.mt8  {margin-top: 8px !important;}   .mr8  {margin-right: 8px !important;}   .mb8  {margin-bottom: 8px !important;}   .ml8  {margin-left: 8px !important;}
.mt10 {margin-top:10px !important;}   .mr10 {margin-right:10px !important;}   .mb10 {margin-bottom:10px !important;}   .ml10 {margin-left:10px !important;}
.mt15 {margin-top:15px !important;}   .mr15 {margin-right:15px !important;}   .mb15 {margin-bottom:15px !important;}   .ml15 {margin-left:15px !important;}
.mt20 {margin-top:20px !important;}   .mr20 {margin-right:20px !important;}   .mb20 {margin-bottom:20px !important;}   .ml20 {margin-left:20px !important;}
.mt25 {margin-top:25px !important;}   .mr25 {margin-right:25px !important;}   .mb25 {margin-bottom:25px !important;}   .ml25 {margin-left:25px !important;}
.mt30 {margin-top:30px !important;}   .mr30 {margin-right:30px !important;}   .mb30 {margin-bottom:30px !important;}   .ml30 {margin-left:30px !important;}
.mt35 {margin-top:35px !important;}   .mr35 {margin-right:35px !important;}   .mb35 {margin-bottom:35px !important;}   .ml35 {margin-left:35px !important;}
.mt40 {margin-top:40px !important;}   .mr40 {margin-right:40px !important;}   .mb40 {margin-bottom:40px !important;}   .ml40 {margin-left:40px !important;}
.mt45 {margin-top:45px !important;}   .mr45 {margin-right:45px !important;}   .mb45 {margin-bottom:45px !important;}   .ml45 {margin-left:45px !important;}
.mt50 {margin-top:50px !important;}   .mr50 {margin-right:50px !important;}   .mb50 {margin-bottom:50px !important;}   .ml50 {margin-left:50px !important;}
.mt55 {margin-top:55px !important;}   .mr55 {margin-right:55px !important;}   .mb55 {margin-bottom:55px !important;}   .ml55 {margin-left:55px !important;}
.mt60 {margin-top:60px !important;}   .mr60 {margin-right:60px !important;}   .mb60 {margin-bottom:60px !important;}   .ml60 {margin-left:60px !important;}
.mt70 {margin-top:70px !important;}   .mr70 {margin-right:70px !important;}   .mb70 {margin-bottom:70px !important;}   .ml70 {margin-left:70px !important;}
.mt80 {margin-top:80px !important;}   .mr80 {margin-right:80px !important;}   .mb80 {margin-bottom:80px !important;}   .ml80 {margin-left:80px !important;}
.mt90 {margin-top:90px !important;}   .mr90 {margin-right:90px !important;}   .mb90 {margin-bottom:90px !important;}   .ml90 {margin-left:90px !important;}
.mt100{margin-top:100px !important;}  .mr100{margin-right:100px !important;}  .mb100{margin-bottom:100px !important;}  .ml100{margin-left:100px !important;}
.mb12 {margin-bottom:12px !important;} 
.mt12 {margin-top:12px !important;} 
.mr12{margin-right:12px !important;}
.mb16{margin-bottom:16px !important;} .mt16{margin-top:16px !important;}
/* padding, margin - END */

/* width - START */
.w10 {width:10px !important;}   .w15 {width:15px !important;}   .w20 {width:20px !important;}   .w25 {width:25px !important;}   .w30 {width:30px !important;}
.w35 {width:35px !important;}   .w40 {width:40px !important;}   .w45 {width:45px !important;}   .w50 {width:50px !important;}   .w55 {width:55px !important;}
.w60 {width:60px !important;}   .w65 {width:65px !important;}   .w70 {width:70px !important;}   .w75 {width:75px !important;}   .w80 {width:80px !important;}
.w85 {width:85px !important;}   .w90 {width:90px !important;}   .w95 {width:95px !important;}   .w100 {width:100px !important;} .w105 {width:105px !important;}
.w110 {width:110px !important;} .w115 {width:115px !important;} .w120 {width:120px !important;} .w125 {width:125px !important;} .w130 {width:130px !important;}
.w135 {width:135px !important;} .w140 {width:140px !important;} .w145 {width:145px !important;} .w150 {width:150px !important;} .w155 {width:155px !important;}
.w160 {width:160px !important;} .w165 {width:165px !important;} .w170 {width:170px !important;} .w175 {width:175px !important;} .w180 {width:180px !important;}
.w185 {width:185px !important;} .w190 {width:190px !important;} .w195 {width:195px !important;} .w200 {width:200px !important;} .w205 {width:205px !important;}
.w210 {width:210px !important;} .w215 {width:215px !important;} .w220 {width:220px !important;} .w225 {width:225px !important;} .w230 {width:230px !important;}
.w235 {width:235px !important;} .w240 {width:240px !important;} .w245 {width:245px !important;} .w250 {width:250px !important;} .w255 {width:255px !important;}
.w260 {width:260px !important;} .w265 {width:265px !important;} .w270 {width:270px !important;} .w275 {width:275px !important;} .w280 {width:280px !important;}
.w285 {width:285px !important;} .w290 {width:290px !important;} .w295 {width:295px !important;} .w300 {width:300px !important;} .w305 {width:305px !important;}
.w310 {width:310px !important;} .w315 {width:315px !important;} .w320 {width:320px !important;} .w325 {width:325px !important;} .w330 {width:330px !important;}
.w350 {width:350px !important;} .w360 {width:360px !important;} .w365 {width:365px !important;} .w400 {width:400px !important;} .w450 {width:450px !important;}
/* width - END */

/* height - START */
.h10 {height:10px !important;}   .h15 {height:15px !important;}   .h20 {height:20px !important;}   .h25 {height:25px !important;}   .h30 {height:30px !important;}
.h35 {height:35px !important;}   .h40 {height:40px !important;}   .h45 {height:45px !important;}   .h50 {height:50px !important;}   .h55 {height:55px !important;}
.h60 {height:60px !important;}   .h65 {height:65px !important;}   .h70 {height:70px !important;}   .h75 {height:75px !important;}   .h80 {height:80px !important;}
.h85 {height:85px !important;}   .h90 {height:90px !important;}   .h95 {height:95px !important;}   .h100 {height:100px !important;} .h105 {height:105px !important;}
.h110 {height:110px !important;} .h115 {height:115px !important;} .h120 {height:120px !important;} .h125 {height:125px !important;} .h130 {height:130px !important;}
.h135 {height:135px !important;} .h140 {height:140px !important;} .h145 {height:145px !important;} .h150 {height:150px !important;} .h155 {height:155px !important;}
.h160 {height:160px !important;} .h165 {height:165px !important;} .h170 {height:170px !important;} .h175 {height:175px !important;} .h180 {height:180px !important;}
.h185 {height:185px !important;} .h190 {height:190px !important;} .h195 {height:195px !important;} .h200 {height:200px !important;} .h205 {height:205px !important;}
.h210 {height:210px !important;} .h215 {height:215px !important;} .h220 {height:220px !important;} .h225 {height:225px !important;} .h230 {height:230px !important;}
.h235 {height:235px !important;} .h240 {height:240px !important;} .h245 {height:245px !important;} .h250 {height:250px !important;} .h255 {height:255px !important;}
.h260 {height:260px !important;} .h265 {height:265px !important;} .h270 {height:270px !important;} .h275 {height:275px !important;} .h280 {height:280px !important;}
.h285 {height:285px !important;} .h290 {height:290px !important;} .h295 {height:295px !important;} .h300 {height:300px !important;} .h305 {height:305px !important;}
/* height - END */

/* 프로그래스바 뒷배경 투명하게 (검정배경 날림) */
/* #___processbar2.w2modal {opacity : 0;} */

/* nav */

.header {background: #fff !important;height: 55px !important;position: fixed !important;width: 100%;z-index: 200;}
.header .header_box {margin: 15px 0px;position: relative;height: 15px;}
.header .header_box .logo {width: 55px;height: 55px;background:url('/cm/mobile/img/ic_nb_logo.png') no-repeat;background-size: 55px 55px;position: absolute;top: -15px;left: 0;text-indent: -9999px;}
.header .header_box >img {width: 55px;height: 55px;position: absolute;top: -15px;left: 0;}
.header .header_box .back {width: 55px;height: 55px;background:url('/cm/mobile/img/ic_nb_left.png') no-repeat;background-size: 55px 55px;position: absolute;top: -15px;left: 0;text-indent: -9999px;}
.header .header_box .home {width: 55px;height: 55px;background:url('/cm/mobile/img/ic_nb_home.png') no-repeat;background-size: 55px 55px;position: absolute;top: -15px;left: 0;text-indent: -9999px;}


.header .header_box .title {display:block;width:73%;margin:0 auto;padding:0 45px;font-size: 17px;line-height: 25px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;font-weight: 600;}
.header .header_box .menu{position: absolute;right: 0;top: -15px;width: 55px;height: 55px;background:url(/cm/mobile/img/ic_nb_menu.png);background-size:55px 55px;text-indent: -9999px;}


.content {position:relative;min-width: auto !important;top: 55px;bottom:0;box-sizing:border-box;-moz-box-sizing:border-box}
.pageWrap {margin: 0 16px;}
.htitle {font-size:18px;color:#111;margin-bottom:25px;font-weight: bold;}
.htitle2 {font-size:18px;color:#111;font-weight: bold;}
.borderTop {margin-top: 12px;background: #fff !important;box-shadow: 0 0 10px -2px rgb(0 0 0 / 5%);padding-top: 30px;padding-bottom: 30px;}
.bordernoLine {background: #fff !important;padding-top: 15px;padding-bottom: 15px;}


.button_wrap {padding: 12px 10px 12px;display: table;width: 100%;box-sizing: border-box;position: fixed;left: 0;right: 0;bottom: 0;margin-top: 0;background: #fff !important;z-index: 10;border-top: 1px solid #ddd;box-shadow: rgb(0 0 0 / 40%) 0px -17px 27px -31px}
.button_wrap .btn_box {display: table-cell;width: 50%;}
.button_wrap .btn_box:nth-child(1) {padding-right:3px;}
.button_wrap .btn_box:nth-child(2) {padding-left:3px;}


.btn_flat {padding: 30px 10px 30px;display: table;width: 100%;box-sizing: border-box;}
.btn_flat .btn_flatBox {display: table-cell;width: 50%;}
.btn_flat .btn_flatBox:nth-child(1) {padding-right:3px;}
.btn_flat .btn_flatBox:nth-child(2) {padding-left:3px;}


.btn_flat2 {padding: 30px 10px;width: 100%;box-sizing: border-box;}

.con {position: relative; -webkit-overflow-scrolling: touch;}
.con.mbFix {padding-bottom: 94px;}

.mob_pop {background:#fff !important;position: relative;top: 0;bottom: 0;overflow: scroll;box-sizing: border-box;}
.mob_pop .pageWrap {margin: 0 16px;}
.mob_pop .button_wrap {background:#fff !important;}


/* 탭메뉴 */
.mob_tab {display:block;}
.mob_tab:after {content:''; display:table;clear: both;}
.mob_tab .w2tabcontrol_control {height:48px;}
.mob_tab .w2tabcontrol_container {border: none;clear: both;float: left;width: 100%;height: 100% !important;background: #fff !important;margin-top: 0px;}
.mob_tab .w2tabcontrol_tabhost.w2tabcontrol_tabhost_right li {float:left;}
.mob_tab .w2tabcontrol_tabhost li {float: initial;bottom: 0px;border-bottom: 4px solid #eee;background: transparent;text-align: center;box-sizing: border-box;position: relative;overflow: inherit;display: table-cell;background:#fff;}
.mob_tab .w2tabcontrol_tabhost li:last-child::after {content:''; display:inline-block;position: absolute;top: 14px;right: -15px;}
.mob_tab .w2tabcontrol_tabhost:after {content:''; display:table;clear: both;}
.mob_tab .w2tabcontrol_tabhost li a {background: transparent;color: #999;font-size:18px;line-height: 56px;margin: 0;font-weight: bold;height: 67px;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {background-image: none !important;border: none;border-bottom: 1px solid #000;padding: 0 20px;box-sizing: border-box;background: transparent;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left {background-image: none !important;width: 0;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right {width: 0;background-image: none !important;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_center {background-image: none !important;background: transparent;border-bottom: 1px solid #111;padding: initial;border: none;padding: 0 20px;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_left{background-image: none !important;}
.mob_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background-image: none !important;}
.mob_tab .w2tabcontrol_tabhost {font-size: 15px;color:#111;height: 46px;border-bottom: none;display: table;}
.mob_tab .w2tabcontrol_tab_close, .w2tabcontrol_tab_close2 {display: none !important;background-image: url('/cm/img/tab_close.png') !important;top: 20px;right: 20px;left: initial;}
.mob_tab .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected a {color:#111;}
.mob_tab .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected {bottom: 0px;border-bottom: 4px solid #111;}
.mob_tab .w2tabcontrol_control.btn_submenu {display:none;}
.mob_tab .w2tabcontrol_control .btn_scrollLeft {margin-right: 0;width: 32px;height: 36px;right: 70px;background: url('/cm/img/tab_left.png') no-repeat center center;}
.mob_tab .w2tabcontrol_control .btn_scrollRight {margin-right: 0;width: 32px;height: 36px;right: 30px;background: url('/cm/img/tab_right.png') no-repeat center center;}
.mob_tab .w2tabcontrol_control .mask {width:100%;left: 0;}
.tab_close {display:block; width:17px;height:17px;background:url('/cm/img/tab_close2.png') no-repeat;text-indent: -9999px;position: absolute;right: 0;top: 12px;}
.mob_tab .w2tabcontrol_control .btn_scrollRight {margin-right: 0;width: 32px;height: 36px;right: 30px;background: url('/cm/img/tab_right.png') no-repeat center center;}
.mob_tab .w2tabcontrol_control .mask {width:100%;left: 0;}
.tab_close {display:block; width:17px;height:17px;background:url('/cm/img/tab_close2.png') no-repeat;text-indent: -9999px;position: absolute;right: 0;top: 10px;}

/* 컨텐트 */
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content {min-width:100%; box-sizing:border-box }


.grad {}
.grad .w2grid_main {}
.grad th.gridHeaderTableDefault {}
.grad th.gridHeaderTDDefault {background:#f1f6fe;height:48px !important;color:#475b90;font-size:15px;border: 1px solid #ddd;border-top: none;}
.grad td.gridBodyDefault {font-size:15px;color:#111;border: 1px solid #ddd;white-space: normal;text-overflow: initial;padding: 10px 12px;box-sizing: border-box;}
.grad td.gridBodyDefault:first-child {border-left:none;}
.grad td.gridBodyDefault:last-child {border-right:none;}
.grad nobr {white-space: normal;}
.gbg1 {background:#f1f6fe;font-size:15px;color:#475b90 !important;text-align:left !important;}

.grad .w2input,
.grad .w2selectbox,
.grad .w2inputCalendar_div {height:36px !important;}

.tbla  {}
.tbla  th.w2tb_th{background:#f1f6fe;color:#475b90;font-size:15px;min-height:40px;}
.tbla  td.w2tb_td{color:#111;font-size:15px;padding:12px 7px !important;}

.tbla  th.w2tb_th>span {vertical-align: middle;}

.overflowSchool {overflow-y:scroll;overflow-x:auto;}


.w2selectbox_native{width:100%;height:48px;border:0;}
.w2selectbox_native option {text-align:inherit; padding:10px 0; line-height:22px}
.w2selectbox_native .w2selectbox_native_select {height:22px; font-size:inherit; padding:0 20px 0 5px; border:1px solid #b9b9b9; box-sizing:border-box; -moz-box-sizing:border-box;background:url('/cm/img/ico_select.png') no-repeat right 6px center; background-size:12px 7px; appearace:none; -webkit-appearance:none; -moz-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.w2selectbox_native .w2selectbox_native_select::-ms-expand {display:none}





/* CALENDAR - START */
/*** 공통 ***/
.w2calendar {z-index:10002; width:264px; height:auto; border:1px solid #ddd; border-radius:4px; overflow:hidden; user-select:none; margin-top:-6px;box-shadow: 0 0 15px -2px rgb(0 0 0 / 20%);}
.w2calendar > .w2calendar_wrap {position:relative}
.w2calendar_class1 .w2calendar_col_day {font-size:12px;}
.w2calendar > .w2calendar_wrap > .w2calendar_header {display:flex; justify-content:center; align-items:center; height:41px; padding:0px 10px; background-color:#fff; border-bottom:1px solid #fff}
/** Design 미리보기 상 조정. (이 조정이 최선) **/
.w2calendar > * > * > .w2calendar_header {display:flex; align-items:center; justify-content:center}
.w2calendar > * > * > .w2calendar_header > * {position:static}
.w2calendar > * > * > .w2calendar_header > *:nth-child(3) {width:auto}
.w2calendar > * > * > .w2calendar_header > *:nth-child(4) {width:auto; margin-left:10px}
.w2calendar > * > * > .w2calendar_content > * > * > *:first-child {display:none}
/** 요일 **/
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table {table-layout:fixed; border-collapse:separate; border-spacing:0; cursor:default}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day {position:relative; height:32px; background:#fff; font:inherit; border-bottom:1px solid #ddd}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:none; font-size:12px; color:#777; font-weight:bold}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:first-child:before {content:"Su"; color:#f44e4e}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(2):before {content:"Mu"; color:#999}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(3):before {content:"Tu"; color:#999}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(4):before {content:"We"; color:#999}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(5):before {content:"Th"; color:#999}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(6):before {content:"Fr"; color:#999}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day:nth-child(7):before {content:"Sa"; color:#3076f6}
.w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > th.w2calendar_col_day:after {display:block; content:''; height:18px}
/** 연. (연 달력에서 다음 연도 버튼만 특이하게 Class가 변경 됨. 이전 연도 버튼은 기존 그대로.)**/
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_year_yearType {position:static; width:25px; height:30px; background:url(/cm/images/btn_mtab_right.png) no-repeat right 10px center; order:3}
/** 연/월, 연에서 쓰이는 Ok와 Close 버튼 **/
.w2calendar_header_btn_ok, .w2calendar_header_btn_ok_yearType {top:50%; transform:translateY(-50%); left:auto; right:30px}
.w2calendar_header_btn_close, .w2calendar_header_btn_close_yearType {top:50%; transform:translateY(-50%); left:auto; right:10px}

/*** Component ***/
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year {position:static; width:69px; height:32px; border:0; order:2; box-sizing:border-box}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month {position:static;width: 44px; height:32px; border:0; order:5; box-sizing:border-box;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > [class*="w2calendar_selectbox"] .w2selectbox_label {padding:0;text-align: center;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox {font-size:16px; color:#555; font-weight:bold;text-align: center;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox > table {font:inherit}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox > table > tbody > tr > .w2selectbox_col_button {background-position:center; background-size:10px;display: none;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox.w2selectbox_body_over,
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox.w2selectbox_body_focus {background:none}
/** 연/월 셀렉트 클릭(오픈)시 **/
/* .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox.w2selectbox_open {outline:2px auto #000} */
.w2table_sb.w2calendar_selectbox_year, .w2table_sb.w2calendar_selectbox_month {margin-top:2px}
.w2table_sb.w2calendar_selectbox_year {width:56px !important}
.w2table_sb.w2calendar_selectbox_month {width:40px !important}
.w2table_sb.w2calendar_selectbox_year > table > tbody > tr > .w2table_sb_col, .w2table_sb.w2calendar_selectbox_month > table > tbody > tr > .w2table_sb_col
{font-size:16px; line-height:25px; text-indent:0; text-align:right; padding-right:2px}
/** 하단 **/
.w2calendar_footer div.w2calendar_go_today {width:auto; height:auto; background:none; text-indent:0; margin:0; cursor:pointer}
.w2calendar_footer div.w2calendar_go_today:before {content:attr(title); display:block; background:#32447d none; text-transform:capitalize; font-size:13px; color:#fff; line-height:18px; padding:0 5px; border:1px solid #3c3c3c; margin:0; border-radius:2px}
.w2calendar_footer div.w2calendar_go_today:hover:before {background:rgba(50,68,125,.9)}

/*** Native ***/
/** 연/월 셀렉트 **/
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year_native {position:static;width: 45px; height:32px; background-position:right 5px center; padding: 2px; margin:0; font-weight:bold; text-indent:2px; line-height:32px; order:2;text-align: center;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month_native {position:static;width: 25px; height:32px; background-position:right 5px center;padding: 2px; margin:0; font-weight:bold; text-indent:2px; line-height:32px; order:5;text-align: center;}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year_native > option,
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month_native > option {color:#343434; font-size:16px; font-weight:normal}
/* 공통 */
.w2calendar > .w2calendar_wrap > .w2calendar_header > select {padding:0; border:none; background:url(/cm/img/ico_select.png) no-repeat right 10px center; background-size:0; font-size:16px; color:#555; font-family:inherit; text-indent:3px; appearace:none; -webkit-appearance:none; -moz-appearance:none}
.w2calendar > .w2calendar_wrap > .w2calendar_header > select:disabled {background-color:#eee}
/** 연/월의 이전/이후 버튼 **/
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_year {position:static; width:25px; height:30px; margin:0; padding:0; background:url(/cm/img/btn_mtab_left.png) no-repeat right 10px center; order:1}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_year {position:static; width:25px; height:30px; margin:0; padding:0; background:url(/cm/img/btn_mtab_right.png) no-repeat right 10px center; order:3}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_month {position:static; width:25px; height:30px; margin:0; padding:0; background:url(/cm/img/btn_mtab_left.png) no-repeat right 10px center; order:4}
.w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_month {position:static;width: 29px; height:30px; margin:0; padding:0; background:url(/cm/img/btn_mtab_right.png) no-repeat right 10px center; order:6}
/** 달력 부분 **/
.w2calendar .w2calendar_content .w2calendar_col_day > .w2calendar_day {background:none}
.w2calendar .w2calendar_content {border:0; padding:0; background-color:#fff; border-bottom:1px solid #ddd}
.w2calendar .w2calendar_content .w2calendar_col_date {height:40px !important;width: 32px;background:none;font-size: 13px; line-height:32px; outline:0; cursor:pointer;color: #999;}
.w2calendar .w2calendar_content .w2calendar_col_date > button {width:100%; height:100%; background:none; font:inherit; color:inherit; padding:0; outline:0; cursor:inherit}
.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_selected {position:relative; color:#999; background:url('/cm/img/date_daselected.png') no-repeat center center;}
/*.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_selected:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #d3d3f7; box-sizing:border-box}*/
.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_selected:before {/* content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #fb0202; box-sizing:border-box */box-sizing:border-box;border:none;}
.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_day_0 {color:#ed5f19; font-weight:normal}
.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_day_6 {color:#5476d7; font-weight:normal}
.w2calendar .w2calendar_content .w2calendar_col_date.w2calendar_date_over {color:#999; background:url('/cm/img/date_over.png') no-repeat center center;}
.w2calendar .w2calendar_content .w2calendar_col_date.green2 {color: #FFFFFF; background-color: #008000;}
.w2calendar .w2calendar_content .w2calendar_col_date.green2:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.green {color: #FFFFFF; background-color: #9acd32;}
.w2calendar .w2calendar_content .w2calendar_col_date.green:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.red {color: #FFFFFF; background-color: #ff0000;}
.w2calendar .w2calendar_content .w2calendar_col_date.red:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.pink {color: #FFFFFF; background-color: #febecc;}
.w2calendar .w2calendar_content .w2calendar_col_date.pink:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.pureblue {color: #FFFFFF; background-color: #0000ff;}
.w2calendar .w2calendar_content .w2calendar_col_date.pureblue:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.blue2 {color: #FFFFFF; background-color: #add8e6;}
.w2calendar .w2calendar_content .w2calendar_col_date.blue2:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.blk2 {color: #FFFFFF; background-color: #333;}
.w2calendar .w2calendar_content .w2calendar_col_date.blk2:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_col_date.default:before {border:0px;}
.w2calendar .w2calendar_content .w2calendar_date_disable {color:#e1e1e1; cursor:default}
.w2calendar .w2calendar_content .w2calendar_date_off {color:#e1e1e1}
.w2calendar .w2calendar_content .w2calendar_date_off:hover {background: url(/cm/img/date_daselected2.png) no-repeat center center; color:#fff;border-radius: 100px;}
/** 하단 **/
.w2calendar_footer {display:block; margin:0; padding:3px}
.w2calendar_footer button.w2calendar_go_today {width:auto; height:20px; background:#32447d none; text-indent:0; line-height:18px; text-transform:capitalize; color:#fff; padding:0 5px; border:1px solid #3c3c3c; border-radius:2px; margin:0; cursor:pointer}
.w2calendar_footer button.w2calendar_go_today:hover {background:rgba(50,68,125,.9)}
.w2calendar_footer .w2calendar_footer_date {font-size:13px; color:#111}

.w2calendar .w2calendar_blank{display:none;}
.w2calendar_picker_header_dynamic_entity{width:auto}
.w2calendar_picker_header_last_entity,
.w2calendar_picker_header_next_entity{width:40px;background-color: transparent;}
/* CALENDAR - END */




/* modalpop - START */
.w2popup_window .w2window_body {top:55px; padding:0; background-color:transparent;}
.w2modal,.w2modal_popup{background-color:#000;opacity:0.6;z-index:8000;}
.w2window.w2popup_window {z-index:9999;  overflow:hidden; outline:0;border-radius: 24px; position: fixed;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);} /*팝업 바깥 테두리 추가. 팝업 위에 팝업을 띄울 경우, 테두리 없으면 영역 분간이 어려움 */
.w2window.w2popup_window .w2window_wframe {display:flex; flex-direction:column; }
.w2window.w2popup_window .w2window_wframe > .content {display:flex; flex-direction:column; flex:1; padding:10px 15px 15px; box-sizing:border-box; overflow:auto}
.w2window.w2popup_window .w2window_wframe > .content > .contarea.flex {overflow:auto} /*메인형태를 팝업으로 호출 시, 하단 버튼 (close) 영역 제외하고 스크롤 생성하기 위함*/
.w2window.w2popup_window .w2window_header{height:55px;padding:0px;overflow:visible;border-bottom:0;box-sizing:border-box;}
.w2window.w2popup_window .w2window_header .w2window_header_icon{display: none;}
.w2window.w2popup_window .w2window_header .w2window_header_title{font-family: 'Noto Sans KR';top: 50%;left: 60px;right:54px;transform:translateY(-50%);width:auto;height:30px;padding:0;font-weight:normal;font-size:24px;line-height: 24px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;text-align:center;}
.w2window.w2popup_window .w2window_header .w2window_header_control{width:54px;height:54px;}
.w2window.w2popup_window .w2window_header .w2window_close,
.w2window.w2popup_window .w2window_header .w2window_close_user{display:block;width:55px;height:55px;top:0;left:auto;right:0;font-size:0;line-height:0;background:url(/cm/mobile/img/header_close.png) no-repeat center center;background-size:55px;}
.w2window.w2popup_window .w2window_body{top: 85px;padding:0px;background-color:#fff;}
.w2window.w2popup_window .w2window_body .w2window_content{border:none;left:0px;right:0px;bottom:0px;}
.w2window.w2popup_window .w2window_body .w2window_content .content+.btnfixarea{z-index:1;display:block;position: absolute;bottom:0px;left:0px;right:0px;height:45px;box-sizing:border-box;background-color: #fff;}
.w2window.w2popup_window .w2window_wframe .w2group.btnarea:last-child {flex:none; padding-top:10px; text-align:center} /* 04.12 팝업 화면에서 컨텐츠와 팝업하단버튼 그룹 사이에 간격 주기 위함 */
.w2window.w2popup_window .w2window_wframe .btnarea.config:first-child {margin:0; padding-top:0}
/* 메인을 팝업으로 호출 시*/
/* 메인에서 사용되는 최상단 경로 부분 숨김처리, 최상단 타이틀 버튼 영역 간격 재조정. UICSSPRI3222 */
.w2window.w2popup_window .w2window_wframe > .content > .wfm_titlearea:first-child {display:none}
.w2window.w2popup_window .w2window_wframe > .content > .wfm_titlearea:first-child + .titlearea {padding-top:0}
.w2window.w2popup_window .w2window_wframe > .content > .btnarea.config {margin:0 0 5px; padding:0} /*10px->5px. 메인 상의 최상단 타이틀 + 조회테이블 사이의 간격과 동일하게 조정*/
/* 하단 기본 숨김처리. 팝업 호출 시에만 show */
.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content > .btnarea:last-child {display:none}
.w2window.w2popup_window .w2window_wframe > .content > .btnarea:last-child {display:block} 
/* 컨텐츠 좌측과 우측의 간격 삭제 */
.w2window.w2popup_window .content > .searcharea {margin:0}
/* 탭을 팝업으로 호출 시. UDC. UICOMCOD1001W10 */
.w2window.w2popup_window .w2window_wframe > .searcharea:first-child {margin:10px 15px 0}
.w2window.w2popup_window .w2window_wframe > .contarea {margin:0 15px}
.w2window.w2popup_window .w2window_wframe > .btnarea {margin:0 15px 15px}
/* 팝업으로도 쓰이는 WFrame 화면을 WFrame으로 호출 시, 팝업 버튼 숨김처리 */
.w2tabContainer_contents > .content .w2wframe > .btnarea {display:none}
.popContent {padding: 60px;padding-top: 0;}

.popContent .notice_write_box {border-top:none; border-bottom:none;}

.popwrap .btn_apply.big {width:auto;}