@charset "utf-8";

/* text - START */
.w2textbox{word-break:break-word;}

.listdash, .listdot, .listacc{overflow:hidden;}
.listdash > li, .listdot > li, .listacc > li{position:relative;padding-left:10px !important;margin-top:5px;}
.listacc > li{padding-left:15px !important}
.listdash > li:before{content:"-";position:absolute;top:0px;left:0px;}
.listdot > li:before{content:"⋅";position:absolute;top:0px;left:0px;}
.listdot.type2 > li:before{top:-4px;font-size:36px;color:#777;}
.listacc > li:before{content:"※";position:absolute;top:0px;left:0px;}
.listdash > li .w2textbox, .listdot > li .w2textbox, .listacc > li .w2textbox{display:block;}
.w2span.req, .w2textbox.req{position:relative;}
.w2span.req:before, .w2textbox.req:before{content:"*";position:absolute;color:#e91020;font-size:12px;text-indent:-8px;}

.txdash, .txdot, .txacc{position:relative;padding-left:10px !important;}
.txdash:before{content:"-";position:absolute;top:0px;left:0px;}
.txdot:before{content:"⋅";position:absolute;top:0px;left:0px;}
.txacc:before{content:"※";position:absolute;top:0px;left:0px;}
.txacc{padding-left:15px !important;}

.listnum{counter-reset:num}
.listnum > li{position:relative;padding-left:16px;margin-top:10px;}
.listnum > li:before{counter-increment:num;content:counter(num) ". ";position:absolute;top:0px;left:0px;}
.listnum > li:nth-child(n+10){padding-left:25px}
.listnum li > .w2textbox{display:block;}
.listnum.boldnum > li:before{font-weight:bold;}

.ganada > li{position:relative;padding-left:20px;margin-top:5px;}
.ganada > li:before{content:"";position:absolute;top:0px;left:0px;}
.ganada > li > .w2textbox + .w2textbox{}
.ganada > li:nth-child(1):before{content:"가.";}
.ganada > li:nth-child(2):before{content:"나.";}
.ganada > li:nth-child(3):before{content:"다.";}
.ganada > li:nth-child(4):before{content:"라.";}
.ganada > li:nth-child(5):before{content:"마.";}
.ganada > li:nth-child(6):before{content:"바.";}
.ganada > li:nth-child(7):before{content:"사.";}
.ganada > li:nth-child(8):before{content:"아.";}
.ganada > li:nth-child(9):before{content:"자.";}
.ganada > li:nth-child(10):before{content:"차.";}

.roundnum > li{position:relative;padding-left:20px;margin-top:5px;}
.roundnum > li:before{content:"";position:absolute;top:0;left:0;font-weight:bold;}
.roundnum > li > .w2textbox + .w2textbox{}
.roundnum > li:nth-child(1):before{content:"①";}
.roundnum > li:nth-child(2):before{content:"②";}
.roundnum > li:nth-child(3):before{content:"③";}
.roundnum > li:nth-child(4):before{content:"④";}
.roundnum > li:nth-child(5):before{content:"⑤";}
.roundnum > li:nth-child(6):before{content:"⑥";}
.roundnum > li:nth-child(7):before{content:"⑦";}
.roundnum > li:nth-child(8):before{content:"⑧";}
.roundnum > li:nth-child(9):before{content:"⑨";}
.roundnum > li:nth-child(10):before{content:"⑩";}
.roundnum > li:nth-child(11):before{content:"⑪";}
/* text - END */

/* title - START */
h2.title{font-size:17px; color:#343434; font-weight:bold}
h3.title{font-size:16px; color:#343434; font-weight:bold}
h4.title{font-size:14px; color:#343434; font-weight:bold}

.titlearea {display:flex; flex-direction:row; align-items:center; position:relative; min-height:26px; padding:5px 0 5px 0}

.titlearea .leftarea{display:flex;align-items:center;}
.titlearea .leftarea > *{margin-right:30px;}
.titlearea .leftarea > .w2anchor2[class*="btn_"],
.titlearea .leftarea :not(.inputbtn) > .w2anchor2[class*="btn_"] {margin-right:4px}

.titlearea .rightarea{display:inline-flex;margin-left:auto;/* font-size:12px; */align-items:center;}
.titlearea .rightarea .unit{color:#9d9d9d;}
.titlearea .rightarea > :not(.udc):not(.udc_btn) {margin-left:25px}
.titlearea .rightarea .w2anchor2[class*="btn_"] {margin-left:4px}
.titlearea.sub{min-height:auto;padding:0 0 8px 0;}
.titlearea .rightarea > span, .titlearea .rightarea > .udc{display:inline-block;vertical-align:middle;}
.titlearea .rightarea .udc > div{float:left;}
.titlearea .rightarea.col {flex-direction:column}
.titlearea .rightarea.col > * + * {margin-top:5px}
.titlearea .rightarea.left {align-items:initial}

.titlearea .title{display:inline-block;vertical-align:middle}
.titlearea .title + .w2anchor2[class*="btn_"],
.titlearea .title + .w2trigger[class*="btn_"]{vertical-align:middle;}
/* .titlearea .w2checkbox .w2checkbox_item{margin:0;} */

.titlearea > .title:first-child {padding-left:5px; padding-right:15px}
.titlearea > .leftarea:first-child > .counter:first-child, .titlearea.notitle > .leftarea > .counter:first-child,
.titlearea > .leftarea:first-child > span:first-child, .titlearea.notitle > .leftarea > span:first-child
{padding-left:5px}
.titlearea h2.title{margin-right:40px}
.titlearea h3.title{padding-right:20px}
/* .titlearea h3.title{direction:rtl;text-indent:40px;} */
/* .titlearea h3.title.nortl{direction:ltr;text-indent:0;} */
.titlearea.notitle h3.title{display:none;}

.titlearea .favorite{position:relative;width:26px;height:26px;margin-right:10px;font-size:0;line-height:0;text-indent:-999px;border:1px solid #e5e5e5;box-sizing:border-box;background-color:#f8f8f8;}
.titlearea .favorite:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:17px;height:16px;background:url(/cm/images/ico_favorite.png) no-repeat;}
.titlearea .favorite.on{background-color:#343434;}
.titlearea .favorite.on:before{background-position:0 -16px;}

.titlearea .counter{}
.titlearea .counter span{margin-right:2px;font-size:12px;color:#9d9d9d;}
.titlearea .counter .current{color:#e91120;}
.titlearea .counter .total{color:#343434;font-weight:bold;}
.titlearea.abs {position:absolute; top:0; width:100%}
.titlearea.abs > * > * {z-index:1}

/* 하단 타이틀로 쓰일 경우 */
.titlearea.btm {padding:0}

/* 최상단 가운데 정렬 텍스트 타이틀로 쓰일 경우 (레포트 명). 6205P01 */
.titlearea.rep {display:block; text-align:center}
.titlearea.rep > h2.title {font-size:25px; margin:0}

/* absolute로 띄우는 경우 */
.titlearea.ty2 {position:absolute; width:100%}

.bgsample{line-height:22px;font-weight:bold;}
.bgsample:before{content:"";display:inline-block;width:40px;height:22px;vertical-align:top;margin-right:10px;}
.bgsample.orange:before{background-color:#f4a460;}
.bgsample.blue:before{background-color:#87cefa;}
.bgsample.blue2:before{background-color:#add8e6;}
.bgsample.blue3:before{background-color:#1f75c6;}
.bgsample.bluegray:before{background-color:#c4cfe9;} /*2021.07.29. 허철용 추가 */
.bgsample.yellow:before{background-color:/*#ffff00;*/#f4cf00}/*21.05.11. 실제 컬러값과 상이하여, 일치시킴*/
.bgsample.yellow2:before{background-color:#f0e68c;}
.bgsample.red:before{background-color:#ff0000;}
.bgsample.green:before{background-color:#9acd32;}
.bgsample.green2:before{background-color:#008000;}
.bgsample.purple:before{background-color:#da70d6;}
.bgsample.pink:before{background-color:#febecc;}
.bgsample.cyan:before{background-color:#40e0d0;}
.bgsample.gray:before{background-color:#e5e5e5;}
.bgsample.darkgray:before{background-color:#a9a9a9;}
.bgsample.mistyrose:before{background-color:#ffe4e1;}
.bgsample.brown:before{background-color:#b8860b}
.bgsample.black:before{background-color:#000;}
.bgsample.blk2:before{background-color:#333}
.bgsample.white:before {background-color:#fff}
.bgsample.pureblue:before {background-color:#0000ff}
.bgsample.lightsalmon:before {background-color:#fa8072}


.bgsample2{line-height:22px;}
.bgsample2:before{content:"";display:inline-block;width:15px;height:22px;vertical-align:middle;margin-right:5px;}
.bgsample2.orange:before{background-color:#f4a460;}
.bgsample2.blue:before{background-color:#87cefa;}
.bgsample2.blue2:before{background-color:#add8e6;}
.bgsample2.yellow:before{background-color:#ffff00;}
.bgsample2.yellow2:before{background-color:#f0e68c;}
.bgsample2.red:before{background-color:#ff0000;}
.bgsample2.green:before{background-color:#9acd32;}
.bgsample2.green2:before{background-color:#008000;}
.bgsample2.purple:before{background-color:#da70d6;}
.bgsample2.pink:before{background-color:#febecc;}
.bgsample2.cyan:before{background-color:#40e0d0;}
.bgsample2.gray:before{background-color:#e5e5e5;}
.bgsample2.black:before{background-color:#000;}

.grp_bgsample {display:inline-block}
.grp_bgsample > .txt_num {display:inline-block; color:#000; line-height:22px; padding:0 7px}
.grp_bgsample > .txt_desc {display:inline-block; font-weight:bold; line-height:22px}
.grp_bgsample > * + * {margin-left:5px}

.location{display:block;padding-left:18px;background:url(/cm/images/ico_location_home.png) no-repeat;}
.location li{display:inline-block;height:16px;color:#343434;}
.location li:before{content:"";display:inline-block;width:7px;height:16px;float:left;margin:0 12px;background:url(/cm/images/ico_location_arr.png) no-repeat center;}
.location li:last-child{color:#344480;font-weight:bold;}

.titlearea .flexw{display:inline-flex !important;flex-basis:auto;}

.titlearea.hauto {min-height:auto}

/* title - title */


/* table - START */
.tbl{position:relative;width:100%;/* border-right:0 hidden #fff;border-left:0 hidden #fff; */background-color:#fff;}
/*.tbl .w2tb_th{position:relative;width:110px;/* color:#000; *//*text-align:left;font-weight:normal;font-size:13px;letter-spacing:-0.2px;line-height:13px;color:#fff;word-break:break-word;background-color:#b9b9b9;} 2021.01.11.cyheo */
.tbl .w2tb_th {position:relative; width:110px; text-align:left; font-weight:normal; font-size:13px; letter-spacing:-0.2px; line-height:12px; color:#fff; word-break:break-word; background-color:#8088a3}
.tbl .w2tb_th, .tbl .w2tb_td{height:22px;padding:2px 4px;border-color:#e6e6e6;}
.tbl .w2tb_th > * {vertical-align:middle}
.tbl .w2tb_th.req:before{content:"*";position:absolute;color:#e91020;font-size:12px;margin:-2px 0 0 -6px}
.tbl .w2tb_td{white-space:normal;word-wrap:break-word;}
.tbl .w2tb_td > :not(.division):not(.grp_multiupload):not(.tbl):not(.flx):not(.flexw):not(.titlearea):not(.btnarea):not(.grd)
{display:inline-block} /*titlearea.3301, grd.9208T10*/
.tbl .w2tb_td > [class*="w2"] + [class*="w2"] {margin-left:4px;vertical-align:middle;}
.tbl .w2tb_td > .w2inputCalendar_div + .w2span {margin-left:0} 
.tbl .w2tb_td .flexw[class*="w2"]{display:inline-flex;vertical-align:middle;width:100%;margin-left:0;}
.tbl .w2tb_td .flexw[class*="w2"] + .flexw[class*="w2"] {margin-left:4px}
/* table td에 UDC가 들어갈 경우 */
.tbl .w2tb_td > .flexw[id*="udc"],
.tbl .w2tb_td > :not([id*="udc"]) > .flexw[id*="udc"] {width:auto}
.tbl .w2tb_td > .flexw[id*="udc"] + .flexw[id*="udc"],
.tbl .w2tb_td > :not([id*="udc"]) > .flexw[id*="udc"] + .flexw[id*="udc"] {margin-left:4px}
.tbl .w2tb_td > .grp_multiupload:first-child > .titlearea:first-child {padding-top:0; padding-bottom:0}
/* 그리드 들어갈 경우. 8205 */
.tbl .w2tb_td.grid {padding:0}
.tbl .w2tb_td.grid > .grd {border:0}
/* 그리드 들어갈 경우2. 9208T10 */
.tbl .w2tb_td > .flx.vert {height:100%}

.tbl .w2tb_td .flexw > .flexw.fix {flex:none; width:auto}
.tbl .w2tb_td.thbg{background-color:#f8f8f8;}
.tbl thead .w2tb_th{text-align:center;width:auto;}
.tbl tbody .w2tb_th{padding:1px 10px 1px 20px;}
.tbl tbody .w2tb_th.top {vertical-align:top; padding-top:6px}
.tbl tbody .w2tb_th.tac {padding-left:10px}
.tbl.thpad tbody .w2tb_th{padding:1px 5px 1px 10px;}
.tbl.thbig tbody .w2tb_th{padding:7px 15px 7px 26px;}
.tbl tbody .w2tb_th .w2input{color:#555;}
.tbl tfoot tr .w2tb_td{text-align:center;border-top-width:2px;background-color:#f7f7f7;}

.tbl.noth .w2tb_th, .tbl .w2tb_th.noth{color:#000;background-color:#fff;}
.tbl.noth .w2tb_th, .tbl.noth .w2tb_td{border:0;}

/* 서브 헤더. 3302 */
.tbl:not(.tbbox) .w2tb_th.sub {background-color:#d0d3dd; color:#000}

.tbl.tbbox{width:auto;background-color:transparent;}
.tbl.tbbox .w2tb_th{width:auto;min-width:40px;padding:1px 12px 1px 23px;color:#000;}
.tbl.tbbox .w2tb_th.tac {padding-left:0; padding-right:0}
.tbl.tbbox .w2tb_th.top {padding-top:6px; vertical-align:top}
.tbl.tbbox .w2tb_th.top.ty2 {padding-top:13px; padding-bottom:8px} /*3401T03*/
.tbl.tbbox .w2tb_th.bottom {padding-bottom:6px; vertical-align:bottom}
.tbl.tbbox .w2tb_th,
.tbl.tbbox .w2tb_td{height:26px;border:0;background-color:transparent;box-sizing:border-box}
.tbl.tbbox .w2tb_td {text-align:left;min-width:80px;}
.tbl.tbbox .w2tb_td.nomin {min-width:auto} /*5203*/
.tbl.tbbox .w2tb_td.top {vertical-align:top} /*5117P01*/
.tbl.tbbox .w2tb_td.bottom {vertical-align:bottom} /*5117P01*/
.tbl.tbbox .w2tb_td > * {vertical-align:middle;}
.tbl.tbbox .w2tb_td > .udc.tit {display:inline-flex}
.tbl.tbbox .w2tb_td > .udc.tit > * + *:not(:empty) {margin-left:4px}
.tbl.tbbox .w2tb_td > span:not(.bgsample), .tbl.tbbox .w2tb_td > p:not(.bgsample) {line-height:12px}
.tbl.tbbox.tbresize .w2tb_th{padding:1px 6px 1px 11px;min-width:30px}
.tbl.tbbox.tbresize .w2tb_td{min-width:50px;}
.tbl.tbbox .br2{position:relative;}
.tbl.tbbox .br2:after{content:"";position:absolute;top:0;right:-1px;height:46px;border-right:1px solid #e5e5e5;box-sizing:border-box;}
.tbl.tbbox .bl2{position:relative;}
.tbl.tbbox .bl2:before{content:"";position:absolute;top:0;left:0;height:36px;border-right:1px solid #e5e5e5;box-sizing:border-box;}
.tbl.tbbox.ty2 {display:block} /*너비 최소치만 갖도록 조정. 8301*/
.tbl.tbbox.ty2 .w2tb_th + .w2tb_th {padding-left:0}
.tbl.tbbox.ty2:first-child .w2tb_th:first-child,
.tbl.tbbox.fit:first-child .w2tb_th:first-child,
.tbl.tbbox.fit:first-child + .tbl.tbbox .w2tb_th:first-child, /*3401T06*/
.tbl.tbbox.fit:first-child + .tbl.tbbox + .tbl.tbbox .w2tb_th:first-child, /*3401T06*/
.titlearea:first-child + .tbl.tbbox.fit .w2tb_th:first-child /*5117P01*/
{padding-left:10px}
.tbl.tbbox.ty3 {display:block} /*th 첫 번째 셀 패딩 기본값으로 주게끔 조정하기 위함. 3301*/
.tbl.tbbox .w2tb_th.tit {color:#343434; font-weight:bold; padding-left:10px} /*테이블의 첫 th를 타이틀화. 3301*/
.tbl.tbbox .w2tb_th.h4 {font-size:14px} /*h4타이틀과 텍스트 사이즈 맞추기 위함. 3301*/
.tbl.tbbox.small .w2tb_th:not(.tit), .tbl.tbbox.small .w2tb_td {height:auto; padding-top:1px; padding-bottom:1px}
.tbl.tbbox.total .w2tb_th:nth-of-type(n+3) {padding-left:30px}
.tbl.tbbox.total .w2tb_td {min-width:initial} /*3712*/

/* table border */
.tbl.bb {border-color:#e5e5e5} /*5406P01*/
.tbl.bb > tbody > tr:last-child > .w2tb_th {padding-bottom:6px}
.tbl.bb > tbody > tr:last-child > .w2tb_td {padding-bottom:7px}
.tbl.bb + .tbl {margin-top:0 !important}
.tbl.bb + .tbl > tbody > tr:first-child > .w2tb_th {padding-top:6px}
.tbl.bb + .tbl > tbody > tr:first-child > .w2tb_td {padding-top:7px}
/* 그룹 보더 */
.grp_bb {border-bottom:1px solid #b9b9b9; padding-bottom:5px}
.grp_bb + * {padding-top:5px}
.grp_bb.gray {border-bottom-color:#e5e5e5}

/* th,td border */
.tbl .bl{border-left:1px solid #e5e5e5 !important}
.tbl .br{border-right:1px solid #e5e5e5 !important}
.tbl .w2tb_td.br {padding-right:23px}
.tbl .bt{border-top:1px solid #e5e5e5 !important}
.tbl .bb{border-bottom:1px solid #e5e5e5 !important}

.tbl_scroll{position:relative;width:100%;box-sizing:border-box;}
.tbl_scroll .tbl_header{z-index:1;position:absolute;top:0;left:0;right:16px;background-color:#b9b9b9;}
.tbl_scroll .tbl_body{width:100%;height:100%;padding-top:27px;box-sizing:border-box;overflow-y:auto;}
.tbl_scroll .tbl_body .tbl .w2tb_td{text-align:center;}

/* Th 배경 하늘색. 04.26 현업 요구 사항. UICSSPRI3201 */
.tbl.ty2:not(.tbbox) .w2tb_th {background-color:#698FD3}
/* table - END */

/* search - START */
/*.searcharea{position:relative;/* overflow:hidden; *//*flex:none;padding:3px 135px 3px 0;background-color:#e5e5e5;} 2021.01.11.cyheo */
.searcharea{position:relative;/* overflow:hidden; */flex:none;padding:3px 135px 3px 0;background-color:#d0d3dd;}
.searcharea .tbl{width:auto;background-color:transparent;}
.searcharea .tbl .w2tb_th {width:auto; min-width:50px; padding:1px 12px 1px 23px}
.searcharea .tbl .w2tb_th,
.searcharea .tbl .w2tb_td{height:26px;border:0;background-color:transparent;box-sizing:border-box}
.searcharea .tbl .w2tb_td{text-align:left;min-width:80px;}
.searcharea .tbl .w2tb_td.nomin {min-width:auto}
.searcharea .tbl .w2tb_td > *{vertical-align:middle;}
.searcharea .tbl .w2tb_td > .tbl {display:table; width:100%}
.searcharea > .btn_search{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.searcharea .btnarea{padding:2px 5px 0 0;text-align:right;}
.searcharea .btnarea .btn_ico{width:28px;height:28px;}
.searcharea + .grd{margin-top:10px;}
.searcharea.scresize .tbl .w2tb_th{padding:1px 6px 1px 11px;min-width:30px}
.searcharea.scresize .tbl .w2tb_td{min-width:50px;}
/* 예외처리 */
.searcharea .tbl .w2tb_th > .w2checkbox .w2checkbox_item .w2checkbox_label {color:#000}

.searcharea.left{padding-right:10px;}
.searcharea.left .tbl .w2tb_th{}
.searcharea > .btn_ico.toggle{position:absolute;bottom:-18px;left:50%;margin-left:-20px;border-top:0;padding:0 20px !important;}


/** 테이블 안에 테이블, in_tb(inner_table). UICOMCOD1004P01 **/
/* 조회, 일반 테이블 공통 */
.tbl .w2tb_td.in_tb {padding:0 !important} 
/* 조회 테이블 */
.searcharea > .tbl .w2tb_td.in_tb > .w2tb {width:auto}
/* 일반 테이블 */
:not(.searcharea) > .tbl .w2tb_td.in_tb:first-child {border-left-width:0}
:not(.searcharea) > .tbl .w2tb_td.in_tb:not(:last-child) .w2tb_td:last-child {border-right-color:transparent}
/* :not(.searcharea) > .tbl .w2tb_td.in_tb:first-child {border-width:1px 0} */ /*팝업에서 적용 시, 좌우 스크롤이 생김. 6205P02. 따라서 위와 같이 바꿈*/
/* :not(.searcharea) > .tbl .w2tb_td.in_tb:last-child {border-right-width:0} */ /*위와 같음*/
:not(.searcharea) > .tbl .w2tb_td.in_tb:first-child > .w2tb {left:-0.5px; width:calc(100% + 1px)}
:not(.searcharea) > .tbl .w2tb_td.in_tb:not(first-child) > .w2tb {left:-1px; width:calc(100% + 2px)}
:not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb .w2tb_th {width:auto; border-width:0 0 0 1px}
:not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb .w2tb_td {border-width:0 1px}
:not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb tr + tr .w2tb_th,
:not(.searcharea) > .tbl .w2tb_td.in_tb > .w2tb tr + tr .w2tb_td {border-top-width:1px}
/* 투명 테이블 (배경색 상속) */
:not(.searcharea) > .tbl.tbbox .w2tb_td.in_tb > .w2tb {background-color:inherit}

.content > .searcharea{margin:10px -20px 0 -20px;}
.fit {width:100% !important}
/* 조회버튼 그룹, UICSSTSM3801 */
.searcharea .grp_btns {position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.searcharea .grp_btns > * {display:inline-block; vertical-align:middle}
.searcharea .grp_btns * + * {margin-left:4px}
.searcharea .grp_btns > .udc > * {background-color:#fff} /* UDC 배경색 기본값이 투명 */
/* 라인. UISYSCOMZ804W02 */
.searcharea .grp_btns .grp_div + .grp_div {border-left:1px dashed gray; padding-left:4px}

/* 버튼영역 너비 자동으로 확보 */
.searcharea.flx {display:flex; display:flex; align-items:center; padding-right:0}
.searcharea.flx > .grp_btns {flex:0 0 auto; position:initial; margin:0 16px 0 5px; transform:initial}


/* search - END */

/* form START */
.w2input, .w2inputCalendar_divInput, .w2textarea{width:100%;height:22px;font-size:inherit;vertical-align:middle;padding:0 5px;border:1px solid #b9b9b9;box-sizing:border-box;-moz-box-sizing:border-box;}
.w2input[type=password]{font-family:verdana;text-indent:0px;letter-spacing:1px;color:#637b98 !important;}
.w2input[type=password]::-webkit-input-placeholder{font-family:inherit;}
.w2input:-ms-input-placeholder, .w2textarea:-ms-input-placeholder{color:#d1d1d1;}
.w2input::-webkit-input-placeholder, .w2textarea::-webkit-input-placeholder{color:#d1d1d1;}
.w2input::-moz-placeholder, .w2textarea::-moz-placeholder{color:#d1d1d1;}
.w2input.time {width:45px} /*캘린더 뒤에 시분 표시할 경우. 3301*/
.w2input.time_sec {width:65px} /*캘린더 뒤에 시분초 표시할 경우*/


.w2textarea{height:42px;word-break:break-all;font-size:inherit;line-height:20px;font-family:inherit;background-color:#fff;border-color:#ccc;padding:10px}
.w2textarea.line_2 {height:62px}    .w2textarea.line_3 {height:82px}    .w2textarea.line_4 {height:102px}
.w2textarea.line_5 {height:122px}   .w2textarea.line_6 {height:142px}   .w2textarea.line_7 {height:162px}
.w2textarea.line_8 {height:182px}   .w2textarea.line_9 {height:202px}   .w2textarea.line_10{height:222px}

.w2textarea.ty2 {padding:4px 5px} /*padding 축소. UICSSBKG3320*/
.w2textarea.ty2.line_2 {height:50px}    .w2textarea.ty2.line_3 {height:70px}    .w2textarea.ty2.line_4 {height:90px}
.w2textarea.ty2.line_5 {height:110px}   .w2textarea.ty2.line_6 {height:130px}   .w2textarea.ty2.line_7 {height:150px}
.w2textarea.ty2.line_8 {height:170px}   .w2textarea.ty2.line_9 {height:190px}   .w2textarea.ty2.line_10{height:210px}

.w2textarea.ty3 {padding:3px 5px} /*padding 한 번 더 축소. UIVMSOPR6205P02*/

.w2selectbox_native{width:100%;height:22px;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/images/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}
/*.w2selectbox_disabled .w2selectbox_native_select{color:#afb3bc;} selectbox disabled color 진하게 cyheo 2021.02.23*/

.w2selectbox{width:100%;height:22px;border:0;border:1px solid #b9b9b9;box-sizing:border-box;}
.w2selectbox .w2selectbox_table_main{table-layout:auto}
.w2selectbox.ellip > .w2selectbox_table_main {table-layout:fixed}
.w2selectbox .w2selectbox_label{font:inherit; padding-left:5px; text-align:left}
.w2selectbox .w2selectbox_col_label {font:inherit; background-color:inherit}
.w2selectbox .w2selectbox_col_button{width:20px; background:url('/cm/images/ico_select.png') no-repeat left 3px center / 12px 7px; background-color:inherit}
.w2selectbox_body_over,
.w2selectbox_body_focus {background-color:#edf3fb}
.w2selectbox_over .w2selectbox_col_label,
.w2selectbox_focus .w2selectbox_col_button {background-color:inherit}
.w2table_sb.w2table{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);outline:none;z-index:10003}
.w2table_sb.w2table > .w2table_sb_main {top:0}
.w2table_sb_col {text-align:left; font:inherit; text-indent:5px; padding:0; border:0; box-sizing:border-box}

.w2checkcombobox{width:100%;height:22px;border:0;border:1px solid #b9b9b9;box-sizing:border-box;}
.w2checkcombobox .w2checkcombobox_label{font:inherit;padding-left:5px}
.w2checkcombobox .w2checkcombobox_col_label {font:inherit}
.w2checkcombobox .w2checkcombobox_col_button {width:20px; background:url('/cm/images/ico_select.png') no-repeat left 3px center / 12px 7px}
.w2checkcombobox_over .w2checkcombobox_col_button,
.w2checkcombobox_focus .w2checkcombobox_col_button {background-color:#edf3fb}
.w2table_ccb{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);}
.w2table_ccb > .w2table_ccb_main {top:0}
.w2table_ccb_col{font:inherit;border:0}
.w2table_ccb_col_checkbox{width:13px;height:13px;margin:3px;}
.w2table_ccb_col_label{height:auto;font:inherit;line-height:19px}
.w2table_ccb:focus{outline:none;}

.w2multiselect_td {font:inherit}

.w2inputCalendar_div{width:100px;height:22px;}
.w2inputCalendar_div.day{width:46px;} /*5118P03*/
.w2inputCalendar_div.year{width:60px;}
.w2inputCalendar_div.month{width:80px;}
.w2inputCalendar_div.time {width:140px}
.w2inputCalendar_div.sec {width:160px}
/* 캘린더+돋보기. 9114 */
.w2inputCalendar_div + .btn_ico.search.medium {border-color:#b9b9b9; margin-left:0}
.w2inputCalendar_div_input{padding-right:0;width:calc(100% - 22px) !important;}
.w2inputCalendar_divInput{width:100% !important;height:22px !important;padding-right:0;font:inherit;box-sizing:border-box;-moz-box-sizing:border-box;}
.w2inputCalendar_divInput:focus{border:1px solid #309fe2;}
.w2inputCalendar_readOnly:focus{border-color:#b9b9b9}
/* .w2inputCalendar_readOnly:focus{border:1px solid #e5e8eb;} 보더 옅은 색으로 바뀌는 것 부자연스러움 */
.w2inputCalendar_div_img{width:22px;text-align:right;}
.w2inputCalendar_button{width:22px;height:22px;background:url(/cm/images/btn_calender.png) no-repeat center center !important;}
.w2inputCalendar_divInput.w2inputCalendar_readOnly {outline:0; cursor:default}
.w2inputCalendar_button.w2inputCalendar_img_readOnly{outline:0; cursor:default; opacity:0.5}
.w2calendar.w2calendar_classYearMonth_dynamic{width:317px;height:auto;border-radius:4px;overflow:hidden;border:1px solid #777}
.w2calendar_classYearMonth_dynamic .w2calendar_picker_header{width:100%;border-bottom:1px solid #ccc;background-color:#fafbfd;box-sizing:border-box}
.w2calendar_picker_header_dynamic_entity{height:41px;font-size:16px}
.w2calendar_picker_header_dynamic_entity .month{display: none}
.w2calendar_picker_content_table{width:100%;box-sizing:border-box}
.w2calendar_picker_content tbody tr td{padding:8px}
.w2calendar_picker_content table td div,
.w2calendar_picker_content table td div:hover{width:25%;margin: 0;height:48px;padding:6px;box-sizing:border-box;background-color:#fff;text-shadow:none;color:#555}
.w2calendar_picker_content table td div.active{background-color:#d6d8f8;color:#333;text-shadow:none;border-radius: 6px;}
.w2calendar_picker_content table td div span{font-size:15px;}
/*** UDC 기간 달력. 연월을 제외하고 나머지 연월일, 연월일시, 연월일시분 달력은 class명으로 잡는 것이 불가능하여 한꺼번에 조정. ***/
.udc.cal > .inner_cal {margin-top:5px}
/** From (좌측) **/
.udc.cal > .inner_cal > div > .w2calendar_classYearMonth_class1, /*연월*/
.udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(odd) {border-top-right-radius:0; border-bottom-right-radius:0; border-right:0} /*연월일, 연원일시, 연월일시분*/
/** To (우측). **/
.udc.cal > .inner_cal > div > .w2calendar_classYearMonth_class1 + .w2calendar_classYearMonth_class1, /*연월*/
.udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(even) {border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; margin-left:1px} /*연월일, 연원일시, 연월일시분*/
.udc.cal > .inner_cal > div > .w2calendar_class1:nth-of-type(even) > .w2calendar_wrap {border-left:1px solid #eee}

/** 달력 통으로 사용. 9130P01 **/
.division.cal > div + div {margin-left:5px !important}
.division.cal > div > .w2calendar {width:auto; height:auto; margin-top:0; border-radius:0}
.division.cal > div > .w2calendar + .w2calendar {margin-top:5px}
/* 크기 조정 등 */
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header {height:30px}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year,
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month {width:auto !important; height:26px; font-size:15px; outline:0}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox + .w2selectbox {margin-left:10px}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > [class*="w2calendar_selectbox"] .w2selectbox_label {text-align:center}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_year .w2selectbox_label:after {content:'년'; display:inline-block}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_selectbox_month .w2selectbox_label:after {content:'월'; display:inline-block}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2selectbox > table > tbody > tr > .w2selectbox_col_button {display:none}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content > .w2calendar_content_table > thead > tr > .w2calendar_col_day {height:26px}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date {height:26px !important; line-height:26px}
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_green2,
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_red,
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_pureblue,
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content .w2calendar_col_date.bg_blk2
{color:#fff !important}
/* 불필요한 부분 숨김 처리 */
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_content {border-bottom:0} /*컨텐츠와 하단 사이의 경계선*/
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_year, /*이전 해*/
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_year, /*다음 해*/
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_last_month, /*이전 달*/
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_header > .w2calendar_header_next_month, /*다음 달*/
.w2table_sb.w2table.no_list {display:none !important} /*연/월 셀렉트 박스 선택 시, 노출되는 리스트*/
.division.cal > div > .w2calendar > .w2calendar_wrap > .w2calendar_footer /*달력 하단*/
{display:none}


.w2checkbox .w2checkbox_item{position:relative;display:inline-block;margin:0 20px 0 0;}
.w2checkbox + .w2checkbox {margin-left:20px}
.w2checkbox.nomr .w2checkbox_item{margin-right:0;}
.w2checkbox .w2checkbox_item:last-child {margin-right:0}
.w2checkbox .w2checkbox_item .w2checkbox_input{position:absolute;top:50%;left:0;transform:translateY(-50%);/* opacity:0;visibility:hidden; */width:16px;height:16px;font:inherit}
.w2checkbox .w2checkbox_item .w2checkbox_input:focus + .w2checkbox .w2checkbox_item .w2checkbox_label{color:#ff000;}
.w2checkbox .w2checkbox_item .w2checkbox_label {position:relative; display:block; height:initial; min-height:16px; font:inherit; line-height:16px; padding-left:20px}
/* .w2checkbox .w2checkbox_item .w2checkbox_label:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url('/cm/images/ico_checkbox.png') no-repeat;background-size:16px;} */
.w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label:before{background-position:0 -16px;}
.w2checkbox .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label.w2checkbox_disabled:before{background-position:0 -32px;}
.w2checkbox.nolabel .w2checkbox_item{margin:0;}
.w2checkbox.nolabel .w2checkbox_item .w2checkbox_label{font-size:0;line-height:0;}
.w2checkbox.col .w2checkbox_item{display:block;margin:0;padding:4px 0;}
.w2checkbox.col.pad .w2checkbox_item{padding:2px 0;}
.w2checkbox.fc_org .w2checkbox_label{color:#f4a460 !important;}
.w2checkbox.fc_red .w2checkbox_label{color:#e91020 !important;}
.w2checkbox.fc_blk .w2checkbox_label{color:#000 !important;}
.w2checkbox.fc_blue .w2checkbox_label{color:#32447d !important;}
.w2checkbox.fc_green .w2checkbox_label{color:#9acd32 !important;}

.w2checkbox.check_btnty{}
.w2checkbox.check_btnty .w2checkbox_item{position:relative;display:inline-block;margin:0 10px 0 0;}
.w2checkbox.check_btnty .w2checkbox_item:last-child{margin-right:0;}
.w2checkbox.check_btnty .w2checkbox_item .w2checkbox_input{display:none;}
.w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label{height:22px;line-height:20px;padding:0 12px;text-align:center;font-size:inherit;border:1px solid #b9b9b9;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
.w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label:before, .w2checkbox.check_btnty .w2checkbox_item .w2checkbox_label:after{display:none;}
.w2checkbox.check_btnty .w2checkbox_item input[type="checkbox"]:checked + .w2checkbox_label{color:#fff;border-color:#6477b2;background-color:#6477b2;}

.w2checkbox.array .w2checkbox_item {min-width:63px; padding-right:10px; box-sizing:border-box} /*5118P03*/

/* 체크박스 우측에 있는 경우. 9115 */
.w2checkbox.ty2 > .w2checkbox_item > .w2checkbox_input {left:inherit; right:0}
.w2checkbox.ty2 > .w2checkbox_item > .w2checkbox_label {padding-left:0; padding-right:20px}
/* 우측 + 테이블 th에 추가하는 경우. 9115 */
.w2checkbox.ty2.th > .w2checkbox_item > .w2checkbox_label {padding-right:33px}

/* 너비 균등하게 분배. 9104T01 */
.w2checkbox.beet {display:inline-flex; justify-content:space-between}

.w2tb_th .w2radio {line-height:16px}
.w2radio .w2radio_item{position:relative;display:inline-block;margin:0 20px 0 0;}
.w2radio .w2radio_item:last-child {margin-right:0}
.w2radio .w2radio_item .w2radio_input{position:absolute;top:50%;left:0;transform:translateY(-50%);/* opacity:0;visibility:hidden; */width:16px;height:16px;margin:0}
.w2radio .w2radio_item .w2radio_label {position:relative; display:block; height:16px; line-height:16px; padding-left:20px; font:inherit; vertical-align:middle !important; font-family:inherit}
/* .w2radio .w2radio_item .w2radio_label:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url('/cm/images/ico_radio.png') no-repeat;background-size:16px;} */
.w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label:before{background-position:0 -16px;}
.w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label.w2radio_disabled:before{background-position:0 -32px;}
/* .w2radio.col .w2radio_item{display:block;margin:0;padding:4px 0;} 2021.01.12 cyheo */
.w2radio.col .w2radio_item{display:block;margin:4px;padding:0 0;}
.w2radio.fc_org  .w2radio_label{color:#f4a460 !important;}
.w2radio.fc_red  .w2radio_label{color:#e91020 !important;}
.w2radio.fc_blk  .w2radio_label{color:#000 !important;}
/* 세로정렬. 5410P01 */
.w2radio.vert > .w2radio_item {display:block; margin:0}
.w2radio.vert > .w2radio_item + .w2radio_item {margin-top:5px}

.w2radio.radio_btnty{}
.w2radio.radio_btnty .w2radio_item{/* width:100%; flex:1;*/margin:0 10px 0 0;}
.w2radio.radio_btnty.mgtb .w2radio_item{margin:5px 10px 5px 0;}
.w2radio.radio_btnty .w2radio_item:last-child{margin-right:0;}
.w2radio.radio_btnty .w2radio_item .w2radio_input{height:22px;}
.w2radio.radio_btnty .w2radio_item .w2radio_label{height:22px;line-height:20px;padding:0 12px;text-align:center;border:1px solid #b9b9b9;font-size:inherit;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;}
.w2radio.radio_btnty .w2radio_item .w2radio_label:before, .w2radio.radio_btnty .w2radio_item .w2radio_label:after{display:none;}
.w2radio.radio_btnty .w2radio_item input[type="radio"]:checked + .w2radio_label{color:#fff;border-color:#6477b2;background-color:#6477b2;}
.w2radio.radio_btnty.round{}
.w2radio.radio_btnty.round .w2radio_item .w2radio_label{border:0;line-height:22px;border-radius:22px;}
.w2radio.radio_btnty.round .w2radio_item input[type="radio"]:checked + .w2radio_label{color:#fff;background-color:#0053c2;}
.w2radio.array .w2radio_item  {min-width:63px; padding-right:10px; box-sizing:border-box} /*5118P03*/

.w2pageList.pagelist, .w2group.pagelist{display:block;text-align:center;}
.w2pageList_ul{display:block;}
.w2pageList_ul li{display:inline;padding:0;vertical-align:middle;}
.w2pageList_ul li a{display: inline-block;width: 22px;height: 22px;margin: 0 5px;vertical-align: middle;border:1px solid #b9b9b9;line-height: 22px;font-size:inherit;}
.w2pageList_ul li a.w2pageList_label_selected{color:#fff;font-weight:normal;border-color:#6477b2;background-color: #6477b2}
.w2pageList_ul li a.w2pageList_label_over{font-weight:normal;}
.w2pageList_ul li .w2pageList_input{width: 18px;height: auto;margin-left: 6px;border:0;background-color:transparent;pointer-events: none;font-size:inherit;text-align:right;color:#8a9db4;vertical-align:bottom;}
.w2pageList_ul li span{font-size:inherit;padding-right:10px;color:#8a9db4;vertical-align:bottom;}
.w2pageList_ul li span:first-child{padding-right:0;padding-left:10px}
.w2pageList_control_pagePrev.w2pageList_col_prevPage a img,
.w2pageList_control_prev.w2pageList_col_prev a img,
.w2pageList_control_next.w2pageList_col_next a img,
.w2pageList_control_pageNext.w2pageList_col_nextPage a img{display:none;}
.w2pageList_control_pagePrev.w2pageList_col_prevPage a, .w2pageList_ul li.w2pageList_col_prevPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/images/btn_pagelist_first.png) no-repeat;background-size:100% auto;}
.w2pageList_control_prev.w2pageList_col_prev a, .w2pageList_ul li.w2pageList_col_prev a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/images/btn_pagelist_prev.png) no-repeat;background-size:100% auto;}
.w2pageList_control_next.w2pageList_col_next a, .w2pageList_ul li.w2pageList_col_next a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/images/btn_pagelist_next.png) no-repeat;background-size:100% auto;}
.w2pageList_control_pageNext.w2pageList_col_nextPage a, .w2pageList_ul li.w2pageList_col_nextPage a{width:20px;height:20px;border:0;margin:0 3px;background:url(/cm/images/btn_pagelist_last.png) no-repeat;background-size:100% auto;}

.w2autoComplete{width:100%;height:22px;border:1px solid #b9b9b9;box-sizing:border-box;}
.w2autoComplete .w2autoComplete_input{height:inherit; font:inherit; line-height:18px; padding-left:5px !important; box-sizing:border-box}
.w2autoComplete .w2autoComplete_input:focus {outline:0}
.w2autoComplete .w2autoComplete_col_label {font:inherit}
.w2autoComplete .w2autoComplete_label > .w2autoComplete_label{font:inherit; padding-left:5px; text-align:left}
.w2autoComplete .w2autoComplete_col_button {width:20px; background:url('/cm/images/ico_select.png') no-repeat left 3px center / 12px 7px}
.w2autoComplete_selected .w2autoComplete_col_button {background-color:#edf3fb}
.w2input_table_sb.w2input_table{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);}
.w2input_table_sb_col {height:22px; font:inherit; padding-left:5px; border:0; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:left; cursor:default}
.w2input_table_sb_main {top:0} /*최하단 항목의 보더가 깔끔하게 보이지 않는 문제 때문에 조정. 메인상단의 검색*/

.w2multiselect_disabled {outline:0}
.w2multiselect_disabled .w2multiselect_td {background-color:inherit}

/** 예외사항 **/
:not(.searcharea) > .w2tb.tbl .w2tb_th .w2checkbox[disabled="disabled"],
:not(.searcharea) > .w2tb.tbl .w2tb_th .w2radio[disabled="disabled"] {color:#ccc !important}

/*** 테이블 th에 위치할 경우, 예외사항 ***/
:not(.searcharea):not(.boxarea):not(.in_tb) > .w2tb.tbl .w2tb_th .w2checkbox,
:not(.searcharea):not(.boxarea):not(.in_tb) > .w2tb.tbl .w2tb_th .w2radio {color:#fff}
/* form - END */


/* button - START */
.w2anchor2[class*="btn_"],
.w2trigger[class*="btn_"]{display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;}
.w2anchor2[class*="btn_"].w2anchor_disabled,
/* .w2trigger[class*="btn_"].w2trigger_disabled{color:#888888;border-color:#e0e0e0;background-color:#e0e0e0 !important;} 2021.01.13 cyheo */
.w2trigger[class*="btn_"].w2trigger_disabled{color:#000000;border-color:#e0e0e0;background-color:#e0e0e0 !important;}
/*.w2trigger[class*="btn_"].w2trigger_disabled{color:#9e9e9e;border-color:#c9ccd0;background-color:#c9ccd0 !important;} 2021.01.11.cyheo */
.w2anchor2[class*="btn_"].big,
.w2trigger[class*="btn_"].big{height:26px;line-height:26px;padding:0 20px;font-size:13px;}
.w2anchor2[class*="btn_"].medium,
.w2trigger[class*="btn_"].medium{height:22px;line-height:22px;padding:0 20px;font-size:13px;}
.w2anchor2[class*="btn_"].small,
.w2trigger[class*="btn_"].small{height:18px;line-height:17px;padding:0 15px;font-size:12px;}
.w2anchor2[class*="btn_"].multi,
.w2trigger[class*="btn_"].multi{height:auto;padding:5px 20px;line-height:15px;}

/* .btn_cm{color:#3c3c3c;border:1px solid #3c3c3c;background-color:#fff;} 2021.01.11.cyheo */
.btn_cm{color:#fff;border:1px solid #3c3c3c;background-color:#32447d;}
.btn_apply{color:#fff;border:1px solid #3c3c3c;background-color:#32447d}
/* .btn_cancle, .btn_cancel{color:#3c3c3c;border:1px solid #3c3c3c;background-color:#e5e5e5;} 2021.01.11.cyheo */
.btn_cancle, .btn_cancel{color:#fff;border:1px solid #3c3c3c;background-color:#32447d}
.btn_etc {color:#fff; background-color:#5e6c9d}
.btn_etc2{color:#fff;background-color:#698fd3;} /* 2021.01.11.cyheo */
/* .btn_search{color:#fff;border:1px solid #3c3c3c;background-color:#e62231;} 2021.01.11.cyheo */
.btn_search{color:#fff;border:1px solid #3c3c3c;background-color:#32447d}
.btn_link{color:#309fe2;text-decoration:underline;}
.btn_status{color:#fff;background-color:#2c973e;}
.btn_save{color: #fff;border: 1px solid #824901;box-sizing: border-box;font-family: 'D2CB';background-color: #ff9208;}
.btn_danger{color: #fff;border: 1px solid #824901;box-sizing: border-box;font-family: 'D2CB';background-color: #ff4708;}
.btn_cls{color:#fff;border:1px solid #717171;background-color:#717171;}

.btn_ico{width:26px;height:26px;border:1px solid #3c3c3c;font-size:0;line-height:0;text-indent:-999px;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.btn_ico.medium{width:22px !important;height:22px;padding:0 !important;background-color:#fff;}
.btn_ico.small{width:18px !important;height:18px;padding:0 !important;}
.btn_ico.config{background-image:url(/cm/images/ico_config.png);}
.btn_ico.configwhite{background-image:url(/cm/images/ico_config_white.png);}
.btn_ico.up, .btn_ico.down.on{background-image:url(/cm/images/ico_up.png);}
.btn_ico.down, .btn_ico.up.on{background-image:url(/cm/images/ico_down.png);}
.btn_ico.excel{background-image:url(/cm/images/ico_excel.png);}
.btn_ico.excelup{background-image:url(/cm/images/ico_excel_up.png);}
.btn_ico.exceldown{background-image:url(/cm/images/ico_excel_down.png);}
.btn_ico.excelall{background-image:url(/cm/images/ico_excel_all.png);}
.btn_ico.file{background-image:url(/cm/images/ico_file.png);}
.btn_ico.info{background-image:url(/cm/images/ico_info.png);}
.btn_ico.go{background-image:url(/cm/images/ico_exit.png);}
.btn_ico.kind{background-image:url(/cm/images/ico_kind.png);}
.btn_ico.menu{background-image:url(/cm/images/ico_menu.png);}
.btn_ico.min{background-image:url(/cm/images/ico_min.png);}
.btn_ico.pdf{background-image:url(/cm/images/ico_pdf.png);}
.btn_ico.plus{background-image:url(/cm/images/ico_plus.png);}
.btn_ico.exit{background-image:url(/cm/images/ico_exit.png);}
.btn_ico.search{background-image:url(/cm/images/ico_search.png);}
.btn_ico.edit{background-image:url(/cm/images/ico_edit.png);}
.btn_ico.refresh{background-image:url(/cm/images/ico_refresh.png);}
.btn_ico.left{background-image:url(/cm/images/ico_left.png);}
.btn_ico.right{background-image:url(/cm/images/ico_right.png);}
.btn_ico.cinsert{background-image:url(/cm/images/ico_cell_insert.png);}
.btn_ico.cdelete{background-image:url(/cm/images/ico_cell_delete.png);}
.btn_ico.list{background-image:url(/cm/images/ico_list.png);}
.btn_ico.mail {background-image:url(/cm/images/ico_mail.png); border-color:#b9b9b9; width:24px !important}
.btn_ico.txt{width:auto;text-indent:0;padding:0 10px 0 35px;font-size:inherit;line-height:24px;background-position:left 10px center;}
.btn_ico.ty2 {border-color:#b9b9b9}

.btn_cm:hover{}
.btn_apply:hover{}
.btn_cancle:hover, .btn_cancel:hover{}
.btn_etc:hover{}
.btn_search:hover{}
.btn_link:hover{}
/* .btn_cm.on{color:#32447d;line-height:21px !important;border:3px solid #32447d;} background-color:#32447d; */
.btn_cm.on{color:#32447d;line-height:21px !important;border:3px solid #32447d;/* background-color:#32447d; */}

/* .btnarea{overflow:hidden;} */ /*21.07.08. 버튼에 포커스가 가면 포커스 보더가 일부 잘려서 보이게 됨*/
.btnarea .w2anchor2[class*="btn_"] + [class*="btn_"],
/* .btnarea .w2trigger[class*="btn_"] + [class*="btn_"]{margin-left:10px;} 2021.01.11 cyheo */
.btnarea .w2trigger[class*="btn_"] + [class*="btn_"]{margin-left:4px;}
.btnarea.config {flex:none;margin-top:5px;}
.btnarea.config:after {content:''; display:table; clear:both}
.btnarea.config + .searcharea{margin-top:5px;}
.btnarea.config .radio_btnty{margin-top:2px;}
.btnarea.tac > .btn_ico.down, .btnarea.tac > .btn_ico.up{opacity:0.4;border-top:0;padding:0 20px !important;}
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .btnarea.config:first-child {margin-top:0} /*2102P01*/

/* 위/아래 복사 버튼. 3401T03 */
.btnarea.copy {display:flex; justify-content:center; margin:5px 0}
.btnarea.copy > * {flex:none}
.btnarea.copy > * + * {margin-left:10px}
.btnarea.copy > .btn_ico {padding:0 20px !important}
.btnarea.copy > span {font-weight:bold}
.btnarea.copy > .btn_ico[disabled="disabled"], .btnarea.copy > .btn_ico[disabled="disabled"] + span {opacity:0.4}
/* 추가. 3301 */
body .tbl .w2tb_td > .btnarea.copy {display:flex !important; padding:0 !important}

.btnarea > * {display:flex; align-items:center}
.btnarea > * > * {flex:none}

.btnfixarea .btnarea{text-align:center;}
.btnfixarea  .w2anchor2[class*="btn_"].big,
.btnfixarea .btnarea .w2trigger[class*="btn_"].big{margin:0 5px !important;}
.btnfixarea{padding:20px 0;}

/* 도움말 버튼 */
.btn_help {width:20px; height:20px; background-color:#f4a460; border-radius:100%; font-size:0; border:1px solid #3c3c3c}
.btn_help:before {content:'?'; color:#fff; font-size:16px; text-align:center; line-height:20px}

/* 돋보기 버튼 단독 사용. 9114 */
.btn_ico.search.medium {background-position:4px center}

/* button - END */

/* tab - START */
.tab{overflow:hidden;border:1px solid #e5e5e5;background-color:#e5e5e5;}
.tab li{float:left;overflow:hidden;}
.tab li a{position:relative;overflow:hidden;display:block;width:100%;min-width:140px;height:30px;line-height:30px;color:#3c3c3c;font-size:13px;font-family:inherit;font-weight:bold;text-align:center;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;background-color:#b9b9b9;}
.tab li a.selected{color:#555;background-color:#fff;}

.w2tabcontrol.tabc{position:relative; overflow:auto; box-sizing:border-box; border:1px solid #e5e5e5} /*3222P01T05 스크롤 생기지 않는 문제로 overflow:auto 추가*/
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper{padding:10px;box-sizing:border-box;overflow:hidden;}
.w2tabcontrol.tabc .w2tabcontrol_tabhost{height:auto;min-height:30px;background-color:#e5e5e5;/* display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex; */}
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_right,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{display:none;}
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center,
.w2tabcontrol.tabc .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{height:30px;background-image:none;}
.w2tabcontrol.tabc .w2tabcontrol_container {position:relative; border:0; overflow:auto} /*3222P01T05 스크롤 생기지 않는 문제로 overflow:auto 추가*/
.w2tabcontrol.tabc:not(.fix) .w2tabcontrol_container {height:auto !important}
.w2tabcontrol.tabc .w2tabcontrol_tabhost li{overflow:hidden;flex:1;min-width:140px;min-height:30px;}
.w2tabcontrol.tabc .w2tabcontrol_tabhost li a{display:block;position:static;height:30px;line-height:30px;padding:0 10px;margin:0;color:#3c3c3c;font-size:13px;background-color:#b9b9b9;}
.w2tabcontrol.tabc .w2tabcontrol_tabhost li.w2tabcontrol_selected a{background-color:#fff;}
.w2tabcontrol.tabc.minw .w2tabcontrol_tabhost li{min-width:auto;}
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .titlearea:first-child,
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .contarea:first-child,
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .division:first-child > * > .titlearea:first-child {padding-top:0}
.w2tabcontrol.tabc .w2tabcontrol_bridge{visibility:hidden;}

/* .w2tabcontrol.tabc.flex, UICSSDOC3524 */
.w2tabcontrol.tabc.flex .w2tabcontrol_container {display:flex; flex-direction:column; flex:auto}
.w2tabcontrol.tabc.flex .w2tabcontrol_container > .w2tabcontrol_contents[aria-hidden="false"] {display:flex !important; flex:1; flex-direction:column}
.w2tabcontrol.tabc.flex .w2tabcontrol_contents_wrapper{display:flex;flex-direction:column;flex:1;overflow:auto;}
.w2tabcontrol.tabc.flex .w2tabcontrol_contents_wrapper > .contentWrap > .contarea:first-child {padding-top:0}
/* Design에서도 탭 안에서 flex 효과 나타나게 추가. 탭의 컨텐츠는 실제 띄웠을 때와 다르게 Design 상에서는 한 단계 적음. 따라서 별도로 추가. 6541. */
.w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) /*탭의 content 안에 나열되는 일반적인 경우*/
{display:flex !important; flex-direction:column; flex:1}
.w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) > div:not(.titlearea):not(.tbl):not(.searcharea):not(.division):not(.boxarea):not(.btnarea),
.w2tabcontrol.tabc.flex > :not(.w2tabcontrol_tabhost) > :not([style*="display: none"]) > div > .flex
{display:flex; flex-direction:column; flex:1} /* 이 부분은 flex !important 하면 안 됨. fold 제대로 적용이 안 됨 */

/*** 탭 스크롤을 사용할 경우. 2204 ***/
.w2tabcontrol.tabc > .w2tabcontrol_control {display:flex}
/** 탭 리스트 **/
.w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.mask {position:relative; left:initial; right:initial; margin:0; order:1}
/** 탭 버튼 **/
.w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_scrollLeft {position:static; flex:none; order:2}
.w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_scrollRight {position:static; flex:none; order:3}
.w2tabcontrol.tabc > .w2tabcontrol_control > .w2tabcontrol_control.btn_submenu {position:static; flex:none; order:4}

.w2tabcontrol.tabc.left{position:relative;border:0;}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost{position:absolute;top:0;left:0;width:120px;height:100%;background-color:#65729a;overflow:auto}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost::-webkit-scrollbar {display:none} /*틀어짐 방지하기 위함.*/
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li{min-width:auto;min-height:auto;width:110px;height:75px;float:none;margin:8px auto 0 auto;background:transparent;}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:last-child {margin-bottom:8px}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li .w2tabcontrol_tab_center{height:100%;}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li .w2tabcontrol_tab_center a {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:0; font-size:13px; line-height:13px; font-weight:normal; color:#fff; background-color:#7681a5; border-radius:4px}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li.w2tabcontrol_selected a{background-color:#495681;}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li.multi a{padding:7px 0; background-position: center top 7px;}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li > .w2tabcontrol_tab_center > a:before {content:''; margin-bottom:6px; background-repeat:no-repeat}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(1) > .w2tabcontrol_tab_center > a:before {width:27px; height:26px; background-image:url(/cm/images/ico_tab_left01.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(2) > .w2tabcontrol_tab_center > a:before {width:26px; height:26px; background-image:url(/cm/images/ico_tab_left02.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(3) > .w2tabcontrol_tab_center > a:before {width:29px; height:24px; background-image:url(/cm/images/ico_tab_left03.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(4) > .w2tabcontrol_tab_center > a:before {width:28px; height:27px; background-image:url(/cm/images/ico_tab_left04.png); margin-left:4px}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(5) > .w2tabcontrol_tab_center > a:before {width:32px; height:27px; background-image:url(/cm/images/ico_tab_left05.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(6) > .w2tabcontrol_tab_center > a:before {width:33px; height:26px; background-image:url(/cm/images/ico_tab_left06.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_tabhost li:nth-child(7) > .w2tabcontrol_tab_center > a:before {width:27px; height:24px; background-image:url(/cm/images/ico_tab_left07.png)}
.w2tabcontrol.tabc.left .w2tabcontrol_container{position:absolute;top:0;left:130px;right:0;bottom:0;width:auto;border:1px solid #e5e5e5;box-sizing:border-box;}
/* tab - END */




/* grid - START */
.grd{width:100%;height:100%;min-height:137px;box-sizing:border-box;border:1px solid #e6e6e6}
.grd .w2grid_disabled {opacity:inherit} /*disabled된 grid 투명화 삭제*/
.grd .gridHeaderTableDefault{border:0;border-top:0 hidden #fff;border-left:0 hidden #fff;/*dhcha colmerge 후 하단 선이 없어지는 현상 방지 추가 ->*/border-bottom: 1px solid #e6e6e6;}
.grd th.gridHeaderTDDefault, .grd td.gridBodyDefault{height:26px !important;font-size:13px;border-color:#e6e6e6;}
/*.grd th.gridHeaderTDDefault{font-size:13px;color:#fff;letter-spacing:-0.2px;font-weight:normal;background:none;background-color:#b9b9b9;} 2021.01.11.cyheo */
.grd th.gridHeaderTDDefault_rowNumber, .grd th.gridHeaderTDDefault_rowStatus {text-align:center} /*rowNum과 rowStatus의 텍스트 정렬*/
.grd th.gridHeaderTDDefault {font-size:13px;color:#fff;letter-spacing:-0.2px;font-weight:normal;background:none;background-color:#8088a3;padding:0 4px;text-align:center} /*padding이 존재해야 text-align:left 또는 right 시에 바디와 동일하게 보여짐*/
.grd.multiheader th.gridHeaderTDDefault, .grd.smallheader th.gridHeaderTDDefault,
.grd.small:not(.body) th.gridHeaderTDDefault, .grd.small:not(.head) td.gridBodyDefault, .grd.small td.gridFooterTDDefault, .grd.small td.gridSubtotalDefault {height:20px !important;}
/*그리드 small일 경우, 셀렉트 박스 높이 조정*/
.grd.small td.gridBodyDefault.gridBodyDefault_select nobr {height:20px; line-height:20px}
.grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox {height:20px !important}
.grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox_label {line-height:20px}
.grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox_col_label {height:20px}
.grd.small td.gridBodyDefault.gridBodyDefault_select .w2selectbox .w2selectbox_col_button {background-position:left 3px top calc(50% - 1px)}

.grd.v_small th.gridHeaderTDDefault, .grd.v_small td.gridBodyDefault, .grd.v_small td.gridFooterTDDefault, .grd.v_small td.gridSubtotalDefault {height:17px !important}
.grd th.gridHeaderTDDefault.multiline nobr{display:inline-block;white-space:normal;word-break:break-all}
.grd th.gridHeaderTDDefault > nobr {font:inherit; padding:0} /*padding 존재하면 텍스트 개행 시, 한쪽으로 치우쳐짐*/
.grd th.gridHeaderTDDefault nobr a{display:inline-block;vertical-align:top}
.grd th.gridHeaderTDDefault.tac nobr{tex-align:center;padding:0;}
.grd th.gridHeaderTDDefault.req > nobr:before{content:"*";position:absolute;font-size:12px;color:#e91020;text-indent:-6px;margin-top:-2px}
.grd th.gridHeaderTDDefault.alltotal{background-color:#8c8c8c !important;}
.grd th.gridHeaderTDDefault.bg_red {color:#fff}
.grd th.gridHeaderTDDefault[inputtype="link"] {text-decoration:underline; text-underline-position:under; user-select:none; cursor:pointer}
.grd td.gridBodyDefault > nobr {display:inline-block} /*텍스트가 개행될 경우, 삐둘게 출력되어서 inline-block화. 5322*/
.grd th.gridHeaderTDDefault[style*="text-align:left"] > nobr, .grd th.gridHeaderTDDefault[style*="text-align:right"] > nobr,
.grd th.gridHeaderTDDefault[style*="text-align: left"] > nobr, .grd th.gridHeaderTDDefault[style*="text-align: right"] > nobr, /*헤더*/
.grd td.gridBodyDefault[style*="text-align:left"] > nobr, .grd td.gridBodyDefault[style*="text-align:right"] > nobr,
.grd td.gridBodyDefault[style*="text-align: left"] > nobr, .grd td.gridBodyDefault[style*="text-align: right"] > nobr, /*일반*/
.grd td.gridSubtotalDefault[style*="text-align:left"] > nobr, .grd td.gridSubtotalDefault[style*="text-align:right"] > nobr,
.grd td.gridSubtotalDefault[style*="text-align: left"] > nobr, .grd td.gridSubtotalDefault[style*="text-align: right"] > nobr, /*서브토탈*/
.grd td.gridFooterTDDefault[style*="text-align:left"] > nobr, .grd td.gridFooterTDDefault[style*="text-align:right"] > nobr,
.grd td.gridFooterTDDefault[style*="text-align: left"] > nobr, .grd td.gridFooterTDDefault[style*="text-align: right"] > nobr /*푸터*/
{padding:0 7px}
.grd td.gridBodyDefault:first-child {border-left:0}
/* .grd td.gridBodyDefault:last-child {border-right:0} */ /* border 있어도, autofit 시에 겹쳐보이지 않음 */
.grd td.gridBodyDefault.tac nobr{display:inline-block;}
.grd td.gridBodyDefault.th{background-color:#f5f5f5;}
.grd td.gridBodyDefault.head{background-color:#8088a3 !important; color:#fff}
.grd td.gridBodyDefault.tdth{padding:1px 10px 1px 20px;text-align:left;color:#fff;background-color:#b9b9b9;}
.grd .w2grid_head_sort_asc{width:20px !important;background: url(/cm/images/ico_asc_order.png) no-repeat;background-position:center center !important;}
.grd .w2grid_head_sort_desc{width:20px !important;background: url(/cm/images/ico_desc_order.png) no-repeat;background-position:center center !important;}
.w2grid_tooltip {font-size:13px !important; line-height:13px !important; padding:4px !important; transform:translateX(-50%)}
/* .grd .gridBodyDefault.focusedTd, .grd .gridBodyDefault.focusedTr {background-color:#f6fdf8 !important;} 21.09.30 너무 옅다고 색상 진하게 요청 */
.grd .gridBodyDefault.focusedTd {background-color:#d1dbeb !important}
.grd .gridBodyDefault.focusedTr:not(.gridBodyDefault_rowNumber) {}
.grd th.gridHeaderTDDefault.nobg, .grd td.gridBodyDefault.nobg{color:inherit;background-color:#fff;}
/* 데이터 없음 텍스트 */
.grd > .grd_noresult {width:auto !important; max-width:inherit !important; font-size:14px !important; color:#575757 !important; padding:0 !important; border:0 !important; background:none !important}
.grd.line_2:not(.small):not(.smallheader) > .grd_noresult {top:calc(50% + 13px) !important}
.grd.head_2 > .grd_noresult {top:calc(50% + 26px) !important}
.grd.head_3 > .grd_noresult {top:calc(50% + 39px) !important}
.grd.smallheader > .grd_noresult {top:calc(50% + 10px) !important}
.grd.smallheader.head_2 > .grd_noresult {top:calc(50% + 20px) !important}
.grd.smallheader.head_3 > .grd_noresult {top:calc(50% + 30px) !important}

.grd .gridHeaderTableDefault .w2checkbox_input{position:absolute;top:0;left:0;opacity:0;width:20px;height:20px;}
.grd .gridHeaderTableDefault .w2checkbox_label{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;font-size:0;line-height:0;background:url(/cm/images/ico_checkbox.png) no-repeat;background-size:16px;}
.grd .gridHeaderTableDefault input[type="checkbox"]{visibility:hidden;width:0;height:0;} /*체크박스 중앙 정렬 위해, 1px->0px로 변경. 문제 시, 원복*/
.grd .gridHeaderTableDefault input[type="checkbox"]:checked + .w2checkbox_label{background-position:0 -16px;}
.grd .gridHeaderTableDefault input[type="checkbox"][disabled=true]:checked + .w2checkbox_label{background-position:0 -32px;}
.grd .gridHeaderTableDefault .w2grid_default_readonly input[type="checkbox"][disabled=true]:checked + .w2checkbox_label{background-position:0 -16px;}
/* 체크박스와 텍스트를 함께 사용할 경우. 9113 (헤더), 5322 (바디) */
.grd .gridHeaderTableDefault .txt > .w2checkbox_label {width:auto; height:auto; font-size:13px; line-height:16px; background:none}
.grd .gridHeaderTableDefault .txt > .w2checkbox_label:before {content:''; display:inline-block; width:16px; height:16px; background:url(/cm/images/ico_checkbox.png) no-repeat; background-size:16px; vertical-align:middle; margin-right:4px}
.grd .gridHeaderTableDefault .txt > input[type="checkbox"]:checked + .w2checkbox_label:before {background-position:0 -16px}
.grd .gridHeaderTableDefault .txt > input[type="checkbox"][disabled=true]:checked + .w2checkbox_label:before {background-position:0 -32px}
.grd .gridHeaderTableDefault .txt > input[type="checkbox"][disabled=true]:checked + .w2checkbox_label:before {background-position:0 -16px}

.grd .w2radio_label{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;font-size:0;line-height:0;background:url(/cm/images/ico_radio.png) no-repeat;background-size:16px;}
.grd input[type="radio"]{visibility:hidden;width:1px;height:1px;}
.grd input[type="radio"]:checked + .w2radio_label{background-position:0 -16px;}
.grd input[type="radio"][disabled=true]:checked + .w2checkbox_label{background-position:0 -32px;}

.grd > .w2input {padding:0 2px; box-sizing:content-box; background-color:#fff; margin:-1px; text-indent:4.5px} /*다시확인했는데, 있어야 정확하게 나옴. 6521참조*/
.grd > .w2input[style*="text-align: center"] {text-indent:0}
.grd .gridBodyDefault .w2anchor2, .grd .gridBodyDefault a{text-decoration:underline;}

.grd .gridBodyDefault_calendar{background:url(/cm/images/btn_calender.png) no-repeat right 3px center;}
.grd .gridBodyDefault_calendar nobr{padding-right:28px;}
.grd .gridBodyDefault_calendar.w2grid_default_disabled{background:url(/cm/images/btn_calender_disabled.png) no-repeat right 3px center;}
.grd .w2inputCalendar_div:not([style*="display: none"]) {display:flex !important}
.grd .w2inputCalendar_div {height:22px !important; border:0 !important; margin:1px 2px}
.grd .w2inputCalendar_div_input {flex:1; height:inherit !important}
.grd .w2inputCalendar_div_input .w2inputCalendar_divInput{height:inherit !important; padding:0 3px;}
.grd .w2inputCalendar_div_img {flex:none; width:16px; margin-left:2px}
.grd .w2inputCalendar_div_img .w2inputCalendar_button {width:inherit; height:22px; top:0 !important; vertical-align:middle}

.grd th.gridHeaderTDDefault[inputtype="button"] {padding:4px; box-sizing:border-box; color:#888}
.grd th.gridHeaderTDDefault[inputtype="button"] > nobr {display:block; height:100% !important; padding:0 5px; border:1px solid #b9b9b9; cursor:pointer; box-sizing:border-box; background-color:#fff;}
.grd td.gridBodyDefault[inputtype="button"] {padding:0 3px; box-sizing:border-box}
.grd td.gridBodyDefault button {height:22px !important; padding:0 5px; line-height:22px; font-size:inherit; /*color:#888;*/ border:1px solid #b9b9b9; cursor:pointer; box-sizing:border-box; background-color:#fff;}
.grd td.gridBodyDefault.gray button{color: #999;border-color: #b1b1b1;}
.grd td.gridBodyDefault.w2grid_default_disabled > button{cursor:default;border:0;background:none;}
.grd td.gridBodyDefault.w2grid_default_disabled > nobr > button{color:inherit;font-size:inherit;cursor:default;border:none;}
.grd th.gridHeaderTDDefault.button nobr,
.grd td.gridBodyDefault.button nobr{display:block;width:100%;height:100%;font-size:inherit;font-size:0;line-height:0;cursor:pointer;box-sizing: border-box;background:#fff url(/cm/images/ico_plus.png) no-repeat center center;}
.grd td.gridBodyDefault.schbtn button{padding:0;width:100% !important;height:100%;min-width:auto;border:0;font-size:0;line-height:0;background:url(/cm/images/ico_search.png) no-repeat center center;}


.grd td.gridBodyDefault.multiline{white-space:normal;text-overflow:inherit;}
.grd td.gridBodyDefault.multiline nobr{white-space:normal;word-break:break-all}
.grd td.gridBodyDefault.gridBodyDefault_select{padding:0 2px;background:none;}
.grd td.gridBodyDefault.gridBodyDefault_select nobr {width:100% !important; height:22px; margin:0 auto; padding:0 20px 0 5px; font:inherit; border:1px solid #b9b9b9; box-sizing:border-box; -moz-box-sizing:border-box; background:#fff url(/cm/images/ico_select.png) no-repeat right 5px center / 12px 7px; text-align:inherit; line-height:22px}
.grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox{width:100% !important;height:22px !important;overflow:hidden;box-sizing:border-box;border:1px solid #b9b9b9 !important;}
.grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox > table {table-layout:fixed}
.grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox_label{/* line-height:28px;font-size:13px; */padding-left:0; text-align:inherit}
.grd td.gridBodyDefault.gridBodyDefault_select .w2selectbox_col_label{padding:0 0 0 5px !important;}
.grd td.gridBodyDefault.w2grid_input_table.input nobr{display:block;width:90%;height:22px;line-height:20px;margin:0 auto;padding:0 10px;overflow:hidden;text-overflow:ellipsis;border:1px solid #b9b9b9;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff;}

.grd td.gridBodyDefault[inputtype*="textImage"] table{height:100% !important;}
/* .grd td.gridBodyDefault[inputtype*="textImage"] table .w2grid_textImage, */
/* .grd td.gridBodyDefault[inputtype*="textImage"] table td:first-child{text-align:left;} */ /*6521 그리드의 Vessel. 입력 전과 후의 텍스트 정렬이 달라, 일치시키기 위해 비활성화 처리 */
.grd td.gridBodyDefault[inputtype*="textImage"] table .w2grid_textImage_image,
.grd td.gridBodyDefault[inputtype*="textImage"] table td + td{width:26px;border-left:1px solid #e3e3e3;box-sizing:border-box;}
.grd td.gridBodyDefault[inputtype*="textImage"] table img{width:13px;height:13px;padding:5px 6px !important;cursor:pointer;}
/* .grd td.gridBodyDefault[inputtype*="textImage"].pdf table img {background:url(/cm/images/ico_pdf.png) no-repeat center} */
/*** Search. 9121 ***/
.grd td.gridBodyDefault[inputtype*="textImage"].search {background:url(/cm/images/ico_search.png) no-repeat right 7px center / 13px}
.grd td.gridBodyDefault[inputtype*="textImage"].search > button {background:url(/cm/images/ico_search.png) no-repeat center / 13px}
/*** PDF. 9121 ***/
.grd td.gridBodyDefault[inputtype*="textImage"].pdf {background-image:url(/cm/images/ico_pdf.png); background-repeat:no-repeat; background-position:right 5px center; background-size:16px}/*클릭하지 않아도 노출되게 조정*/
.grd td.gridBodyDefault[inputtype*="button"].pdf > button {background:url(/cm/images/ico_pdf.png) no-repeat center / 16px}
/*** Clip. 21.07.15 신원철님 요청 ***/
.grd td.gridBodyDefault[inputtype*="textImage"].clip {background-image:url(/cm/images/udc/ico_file_attachment.png); background-repeat:no-repeat; background-position:right 3px center; background-size:20px}
/*** Delete. 5410P02 ***/
.grd td.gridBodyDefault[inputtype*="textImage"].delete {background-image:url(/cm/images/ico_min.png); background-repeat:no-repeat; background-position:right 5px center; background-size:15px}

/* 그리드 폴더 이미지. H402 */
.grd td.gridBodyDefault[inputtype="image"].folder > img {width:16px; height:16px; background:url(/cm/images/contents/tvw_plus.png) no-repeat center}
.grd td.gridBodyDefault[inputtype="image"].folder.on > img {background-image:url(/cm/images/contents/tvw_minus.png)}
/** 그리드 폴더의 플로팅 레이어. H402 **/
.w2floatingLayer.folder {display:none; z-index:12; padding:2px; border:1px solid #9d9d9d} /*그리드가 z-index 11이기 때문에 그 이상으로 잡음*/
.w2floatingLayer.folder.on {display:block}
/* flex화 **/
.w2floatingLayer.folder > .w2floatingLayer_table,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter > .w2floatingLayer_contents
{display:flex; flex-direction:column; flex:1}
/* 불필요한 부분 hide */
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr.w2floatingLayer_dragArea,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centerleft,
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centerright
{display:none}
/* 기타 */
.w2floatingLayer.folder > .w2floatingLayer_table > tbody > tr > .w2floatingLayer_centercenter > .w2floatingLayer_contents > .btnarea:last-child {margin:3px 0}
/* H402 전용 */
.w2floatingLayer.folder.h402 {position:absolute; left:285px; top:calc(50% + 95px); right:22px; bottom:99px; background-color:#fff}
.w2floatingLayer.folder.h402 + .folder.h402 {top:calc(50% + 125px); left:336px; bottom:70px; z-index:999}

/* custom으로 호출 후, 버튼으로 사용하는 경우. UIVMSSCH6114. UISSBKG3302 */
.grd td.gridBodyDefault[inputtype="custom"]:not(.gridBodyDefault_select) > table td {height:26px}
.grd td.gridBodyDefault[inputtype="custom"]:not(.gridBodyDefault_select) > table td + td {width:26px; border-left:1px solid #e3e3e3; cursor:pointer}
.grd td.gridBodyDefault[inputtype="custom"].search {}

.grd td.gridBodyDefault[class*="fc_"] > button {color:inherit}
/* 서브토탈 라인 안 보여서 분간 어렵다고 현업(백승범 님)에서 요청해서 border-top 2px 추가. 21.04.26 */
.grd td.gridSubtotalDefault{height:26px !important; font:inherit; color:#000; background-color:#e3e3e3; border-color:#ccc; border-top-width:2px}
.grd td.gridSubtotalDefault nobr {font:inherit; color:inherit}

.grd .gridFooterTableDefault{border:0;border-left:0 hidden #fff;border-right:0 hidden #fff;}
.grd .gridFooterTDDefault {height:26px !important; font:inherit; color:#fff; border-color:#e6e6e6; background-color:#888} /*background-color의 important 삭제. bg류 class가 안 먹혀서 삭제.*/
.grd .gridFooterTDDefault.alltotal {background-color:#8c8c8c}
/*푸터에서 일부 색상의 가시성 보완*/
td.gridFooterTDDefault[style*="color: rgb(255, 0, 0)"], td.gridFooterTDDefault.fc_red
{text-shadow: 0px 1px 1px #444}
.grd.smallfooter .gridFooterTableDefault td.gridFooterTDDefault{height:20px !important;}
/* .grd .grid_body_row.col, .grd .grid_body_row:hover{background-color:#f6fdf8 !important;}
.grd .grid_body_row .gridBodyDefault[style*="background-color"]{background-color:#f6fdf8 !important;} */
.grd.head_gray .gridHeaderTDDefault {background-color:#6f6f6f}

/* 헤더 숨길 경우. 6306 */
.grd .gridHeaderTableDefault[style*="display: none"] + tbody > tr:first-child > td {border-top:0}


.w2grid_customFilter_scrollView{}
.w2grid_customFilter_scrollView .w2list_listRow{line-height:20px;}
.w2grid_customFilter_list_listColumn_checkbox{vertical-align:middle;margin:0 5px;}

.w2grid.space nobr{white-space: pre;}


/* 그리드 개인화 핀 아이콘 클래스 */
.ico_fixed{background:url(/cm/images/grid/ico_fixed_off.png) no-repeat center center; width:18px; hegiht:18px;}
.ico_fixed.on{background-image:url(/cm/images/grid/ico_fixed.png)}

/* 그리드 flex */
.grd.flex {min-height:initial; flex:137px}
.grd.flex.auto {flex:auto}
.grd.flex.def {flex:1}
.grd.minh {min-height:137px}
/* 예외처리 */
.tabc.flex .grd.flex:not(.no_min) {min-height:137px} /*6101*/

/* 그리드 visibleRowNumber 수치에 따라 높이값 결정되게 설정. !important는 제일 아래 셀이 입력 상태(인풋노출)가 되면, 보더가 잘리는 문제가 발생하여  추가. 1px씩 늘려놓음 */

.grd.fix:not(.auto), .grp_multiupload.fix:not(.auto) > .grd {flex:none; height:56px !important; min-height:auto}
.grd.fix.line_1 {height:28px !important} /* line_2는 fix 기본값 */
.grd.fix.line_1 > input{margin:-1px}/*6523T02*/.grd.smallheader.fix.line_2 {height:50px !important}
.grd.fix.line_3 {height:83px !important}       .grd.smallheader.fix.line_3 {height:77px !important}
.grd.fix.line_4, .grp_multiupload.line_4 > .grd {height:110px !important}      .grd.smallheader.fix.line_4 {height:104px !important}        .grd.smallheader.fix.head_2.line_4 {height:98px !important}
.grd.fix.line_5 {height:137px !important}      .grd.smallheader.fix.line_5 {height:131px !important}
.grd.fix.line_6 {height:164px !important}      .grd.smallheader.fix.line_6 {height:158px !important}
.grd.fix.line_7 {height:191px !important}      .grd.smallheader.fix.line_7 {height:185px !important}
.grd.fix.line_8 {height:218px !important}      .grd.smallheader.fix.line_8 {height:212px !important}
.grd.fix.line_9 {height:245px !important}      .grd.smallheader.fix.line_9 {height:239px !important}
.grd.fix.line_10 {height:272px !important}     .grd.smallheader.fix.line_10 {height:266px !important}
.grd.fix.line_11 {height:299px !important}     .grd.smallheader.fix.line_11 {height:293px !important}
.grd.fix.line_12 {height:326px !important}     .grd.smallheader.fix.line_12 {height:320px !important}
.grd.fix.line_13 {height:353px !important}     .grd.smallheader.fix.line_13 {height:347px !important}
.grd.fix.line_14 {height:380px !important}     .grd.smallheader.fix.line_14 {height:374px !important}
.grd.fix.line_15 {height:407px !important}     .grd.smallheader.fix.line_15 {height:401px !important}

.grd.fix.small.line_2 {height:44px !important} /*UICSSDOC3401T06*/
.grd.fix.small.line_3 {height:65px !important} /*5323*/
.grd.fix.small.line_4 {height:86px !important} /*UIEMSCTH5117P01*/
/* .grd.fix.small.line_5 {height:107px !important} */
.grd.fix.small.line_6 {height:128px !important}
/* .grd.fix.small.line_9 {height:191px !important} */
.grd.fix.small.line_9.scroll {height:209px !important} /*3222P01T05*/

/* 바디 컬럼 수에 맞춰 높이가 늘어나는 그리드. visibleRowNum에 all을 줘야함. 9153 */
.grd.fix.auto {min-height:54px !important}
.grd.fix.auto > .w2grid_main, .grd.fix.auto > .w2grid_main > .w2grid_dataLayer, .grd.fix.auto > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault
{position:static !important}

.grd.small.body.line_3 {height:71px !important}

/* 그리드 셀 textarea 사용 시, 줄 수 조정 [임시]. 9158 */
.grd.body_3 td.gridBodyDefault {height:80px !important}
.grd.body_3 > .grd_noresult ~ .w2textarea {padding:5px; line-height:normal}

/* 작은 셀 그리드, UICSSDOC3401T06 */
.grid_mini {width:150px; height:100%}
.grid_mini .grd th.gridHeaderTDDefault {height:23px !important}

/* min-height 예외처리 */
.boxarea > .grd:not(.bd_dash)[class*=h] {min-height:auto}

/*** 바디 보더색상 변경 ***/
.grd.bd_bold,
.grd.bd_bold .gridHeaderTableDefault,
.grd.bd_bold td.gridBodyDefault {border-color:#ccc}

/*** 바디영역 마우스 포인트 변경 ***/
.grd.pointer td.gridBodyDefault {cursor:pointer}

/*** 헤더와 바디, 푸터 셀 높이 축소. 5430 ***/
.grd.mini th.gridHeaderTDDefault,
.grd.mini td.gridBodyDefault,
.grd.mini .gridFooterTDDefault {height:23px !important}

/*** 캘린더형 그리드. 6122 ***/
/** 바디 셀의 높이 일괄 조정 **/
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault {height:50px !important}
/** 바디 셀 중, 데이터 없는 셀의 보더 삭제 **/
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3):not([style*="background-color: rgb(200, 255, 255)"]):not([style*="background-color: rgb(255, 240, 245)"]) {border:0}
/** 요일 구분선이 데이터 있는 바디 셀 아래로 지나가도록 조정 **/
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(200, 255, 255)"],
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(255, 240, 245)"] {position:relative}
/** 요일별 배경색 **/
/* 요일 공통*/
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):before
{content:''; position:absolute; top:-1px; width:216px; height:100%; margin-left:-98px; background-color:#c8c8c8; opacity:.1; z-index:-1}
/* 다음 주 일요일 */
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:last-child:before {width:215px; margin-left:-82px}
/** 요일 구분선 **/
.grd.cal > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):not(:last-child):after
{content:''; position:absolute; top:0; width:1px; height:100%; margin-left:99px; background-color:#e6e6e6}

/*** 캘린더형 그리드. 6123 ***/
/** 바디 셀의 높이 일괄 조정 **/
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault {height:50px !important}
/** 바디 셀 중, 데이터 없는 셀의 보더 삭제 **/
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3):not([style*="background-color: rgb(200, 255, 255)"]):not([style*="background-color: rgb(255, 240, 245)"]) {border:0}
/** 요일 구분선이 데이터 있는 바디 셀 아래로 지나가도록 조정 **/
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(200, 255, 255)"],
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > tbody > tr > td.gridBodyDefault:nth-child(n+3)[style*="background-color: rgb(255, 240, 245)"] {position:relative}
/** 요일별 배경색 **/
/* 요일 공통*/
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):before
{content:''; position:absolute; top:-1px; width:216px; height:100%; margin-left:-58px; background-color:#c8c8c8; opacity:.1; z-index:-1}
/* 다음 주 일요일 */
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:last-child:before {width:215px; margin-left:-58px}
/** 요일 구분선 **/
.grd.cal2 > .w2grid_main > .w2grid_dataLayer > .gridHeaderTableDefault > thead > tr > th.gridHeaderTDDefault:nth-child(n+3):not(:last-child):after
{content:''; position:absolute; top:0; width:1px; height:100%; margin-left:58px; background-color:#e6e6e6}

/* grid - END */


/* popup - START */
.popwrap {display:flex; flex-direction:column; flex:1; width:100%; height:100%; padding:10px 15px 15px; box-sizing:border-box; overflow:auto}
.popwrap .poptit{padding:32px 0;text-align:center;}
.popwrap .poptit h3{font-size:21px;color:#111}
.popwrap .popcont{flex:1;overflow:auto;/* padding:20px;font-size:15px;line-height:20px;*/} /*이미 Wframe 최상단에 있는 팝업전용Class를 이용하여 padding 잡음 */
.popwrap .popcont .mtx{font-size:16px;}
/* .popwrap .popcont.flex{justify-content:center;} */ /*가운데로 가는 건 불필요해 보임*/
.popwrap .popcont .subtx{font-size:16px;line-height:22px;}
.popwrap > .searcharea + .popcont:empty {display:none} /*3801P06*/
.popwrap .btnfixarea{padding:32px 0}
.popwrap .btnfixarea .btnarea{padding:0}
.popwrap > .btnarea{position:relative;/* padding-bottom:20px; */text-align:center;} /*이미 Wframe 최상단에 있는 팝업전용Class를 이용하여 padding 잡음 */
.popwrap > .btnarea > * {vertical-align:middle}
.popwrap > .btnarea > .txt_stat {color:#2da06d; font-weight:bold; position:absolute; top:calc(50% + 5px); left:calc(50% - 120px); transform:translate(-50%, -50%)} /* 5441P01. 하단 버튼 왼쪽에 상태 텍스트, Confirm 으로 사용 */
.popwrap > .btnarea.config:first-child {padding-top:0; margin-top:0}
.popwrap .popcont .msgbox{position:relative;padding:10px;border:1px solid #e5e5e5;box-sizing:border-box;overflow:auto;font-size:15px;background-color:#f8f8f8;}

.popwrap.msgbox{position:relative;overflow:hidden;width:390px;margin:0 auto;border:1px solid #efefef;box-sizing:border-box;background:#fff;}
.popwrap.msgbox h1, .popwrap.msgbox h2{font-size:17px;height:54px;line-height:54px;color:#fff;box-sizing:border-box;background-color:#182757;}
.popwrap.msgbox h2.tit{padding:0 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.popwrap.msgbox .btn_close{position:absolute;top:0;right:0;width:54px;height:54px;font-size:0;line-height:0;background:url(/cm/images/btn_close_pop.png) no-repeat center center;}
.dimmedWrap{position:fixed;left:0;top:0;z-index:9998;width:100%;height:100%;background:#000;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75}
.popwrap .popcont.flx {display:flex; flex-direction:column}
/* popup - END */
/*** 미리보기(Design)와 실제 화면 일치 시키기 위한 조정 ***/
/** 테이블 **/
body > .popwrap .tbl .w2tb_td > *,
body > .content .tbl .w2tb_td > * {display:inline-block}
/** 팝업 **/
body > .popwrap {padding:10px 10px 15px; box-sizing:border-box}
body > .popwrap > .btnarea {padding-top:10px}
/** 그리드 **/
/* req */
body > .content .grd th.gridHeaderTDDefault.req,
body > .popwrap .grd th.gridHeaderTDDefault.req {position:relative}
body > .content .grd th.gridHeaderTDDefault.req > *:before,
body > .popwrap .grd th.gridHeaderTDDefault.req > *:before {content:"*"; position:absolute; font-size:12px; color:#e91020; margin:-2px 0 0 -2px}
/** 메인 화면 베이스에 팝업도 사용되는 화면에서 하단 버튼 처리 **/
body > .content > .btnarea:last-child {text-align:center; margin-top:10px}

/* division - START */
.division {display:flex;flex-direction:row;flex:1;}
.division > div {position:relative; display:flex; flex-direction:column; box-sizing:border-box}
.division > div.fix {flex:none} /*변동없이 고정*/
.division > div.beet {justify-content:space-between} /*컨텐츠 사이의 간격 균등. 3401T02*/
.division > div.beet > .boxarea {flex:none}
.division > div > .boxarea {flex:auto; display:flex; flex-direction:column}
.division > div > .boxarea.fix {flex:none}
/* .division div[class*="w1"], .division div[class*="w3"], .division div[class*="w4"], .division div[class*="w5"], */
/* .division div[class*="w6"], .division div[class*="w7"], .division div[class*="w8"], .division div[class*="w9"], */
/* .division div[class*="w20"], .division div[class*="w21"], .division div[class*="w22"], .division div[class*="w23"], */
/* .division div[class*="w24"], .division div[class*="w25"], .division div[class*="w26"], .division div[class*="w27"], */
/* .division div[class*="w28"], .division div[class*="w29"], .division div[class*="per"]{flex:none;} */
.division:not(.vert) > div + div{/* border-left:20px solid transparent */margin-left:20px} /*너비가 균등하게 나눠지지 않아서 margin으로 변경*/
.division:not(.vert) > .br {padding-right:10px}
.division:not(.vert) > .br + div {margin-left:10px}
.division > div.per100{border-left:0;}
.division > div.flexh{display:flex}
.division > div > .w2wframe.flexh{height:100%}
:not(.popcont):not([class*="per"]) > .division:first-child > div[class*="per"] > .titlearea:first-child, 
:not([class*="per"]) > .division > div[class*="per"] > .grp_multiupload:first-child > .titlearea {padding-top:0} /* 6306P02 */
.division .content{top:0 !important;min-width:auto;}
/* 한쪽이 hide 될 경우, 나머지쪽이 100%가 되도록 조정하기 위함 */
.division > [class*=v] {flex:auto}
.division > .v1 {flex:10%}   .division > .v2 {flex:20%}   .division > .v25{flex:25%}   .division > .v3 {flex:30%}  .division > .v35{flex:35%}
.division > .v4 {flex:40%}   .division > .v5 {flex:50%}   .division > .v6 {flex:60%}   .division > .v65{flex:65%}
.division > .v7 {flex:70%}   .division > .v75{flex:75%}   .division > .v8 {flex:80%}   .division > .v9 {flex:90%}
.division > .fix {flex:none} /*이 경우, 인라인 스타일에 width 입력*/
/* 세로분할형 */
.division.vert,
.division.vert > div {flex-direction:column}
.division.vert > div + div {margin-top:10px}
.division.vert > [class*=per] {width:auto !important}
.division.vert > .per5{flex:.05 !important;}    .division.vert > .per10{flex:.1 !important;}    .division.vert > .per15{flex:.15 !important;}
.division.vert > .per20{flex:.2 !important;}    .division.vert > .per25{flex:.25 !important;}   .division.vert > .per30{flex:.30 !important;}
.division.vert > .per33{flex:.333 !important;}  .division.vert > .per35{flex:.35 !important;}   .division.vert > .per40{flex:.40 !important;}
.division.vert > .per45{flex:.45 !important;}   .division.vert > .per50{flex:.50 !important;}   .division.vert > .per55{flex:.55 !important;}
.division.vert > .per60{flex:.60 !important;}   .division.vert > .per65{flex:.65 !important;}   .division.vert > .per70{flex:.70 !important;}
.division.vert > .per75{flex:.75 !important;}   .division.vert > .per80{flex:.80 !important;}   .division.vert > .per85{flex:.85 !important;}
.division.vert > .per90{flex:.90 !important;}   .division.vert > .per95{flex:.95 !important;}  /* .division.vert > .per100{flex:.1 !important;} (기본값) */

.division.fix {flex:none}

/* 분할 사이에 버튼 (기본값은 세로로 1줄 정렬). 2103T01 */
.division > .grp_btns {display:flex; justify-content:center; flex:none}
.division > .grp_btns > * + * {margin-top:5px}
/* 간격 재조정 */
.division.ty2 {} /* 다른 그룹 상단에 타이틀이 있는 경우 */
.division:not(.vert) > div + .grp_btns,
.division:not(.vert) > .grp_btns + div {margin-left:10px}
/* division - END */

/* flex - START */
.flex{display:flex;flex-direction:column;flex:1;}
.flex.auto {flex-basis:auto}
.flex.end {justify-content:flex-end}
.flex.grid {flex:137px !important} /*그리드 flex 값과 맞추기 위함. 3535T03*/
.flex.beet,
.flexw.beet {justify-content:space-between}
.flexw{display:flex;flex-direction:row;flex:1;align-items:center;}
.flexw.onflex {width:100% !important} /*UDC 내에 있는 인풋의 noflex 작동 없애기 위함. 3301*/
.flexw.onflex > [id*="name"] {flex:1 !important}
.flexw.in {display:inline-flex; width:auto !important}
.flexw > [class*="w2"].noflex, .flexw > .w2anchor2[class*="btn_"]{width:auto;flex:none}
.flexw > [class*="w2"]{flex:1;display:inline-block;/* width:120px; */flex-basis:auto;}
.w2tb_td > .flexw + .flexw,
.flexw > [class*="w2"] + [class*="w2"], .flexw > div + a, .flexw > div + input, .flexw > div + div{margin-left:4px;} 
.flexw > .w2textbox{width:auto;}
.flexw .req:not(.w2inputCalendar_div):not(.w2selectbox):before {content:"*";position:absolute;color:#e91020;font-size:12px;text-indent:-8px;}
.flexw.fd{display:flex !important;}
.flexw.tal{justify-content: flex-start;}
.flexw.tar{justify-content: flex-end;}
.flexw.tac{justify-content:center;}
.flexw.top{align-items:flex-start}
/* 그룹 내, UDC가 있을 경우 사용 (UDC 자체에 접근이 안 되고, UDC의 자식인, input에만 접근이 가능하여 새로 만듦). UIVMSSPC6306 */
.flexw.udc > [id*="udc"] {width:auto !important; flex:none}
.flexw.udc > :not([style*="display: none"]) + * {margin-left:4px !important}

.flexw .rightbox[class*="w2"]{display:inline-block;float:right;margin-left:auto;flex:none;width:auto}
.flexw .rightbox .btn_form + *,
.flexw .rightbox * + .btn_form{margin-left:12px}
.flexw .rightbox span{font-size:14px;}
.flexw .rightbox span + span,
.flexw .rightbox .btn_form + .btn_form{margin-left:5px;}

.flexw [class*="w1"], .flexw [class*="w3"], .flexw [class*="w4"], .flexw [class*="w5"],
.flexw [class*="w6"], .flexw [class*="w7"], .flexw [class*="w8"], .flexw [class*="w9"],
.flexw [class*="w20"], .flexw [class*="w21"], .flexw [class*="w22"], .flexw [class*="w23"],
.flexw [class*="w24"], .flexw [class*="w25"], .flexw [class*="w26"], .flexw [class*="w27"],
.flexw [class*="w28"], .flexw [class*="w29"], .flexw .w2inputCalendar_div, .flexw .dash{flex:none;}
.flexh{display:flex;flex-direction:column;flex:1;}
.flexh.vam{justify-content:center;}
/* flex - END */


/* common - START */
.inputbtn{position:relative;width:100%;}
.inputbtn > [class*="btn_"]{display:block;width:22px;height:22px;border-left:1px solid #b9b9b9;position:absolute;top:0;right:0;font-size:0;line-height:0;letter-spacing:-999px;box-sizing:border-box;}
.inputbtn .w2input_disabled + [class*="btn_"]{opacity:0.4;}
.inputbtn .w2input {font:inherit; padding-right:27px}
.inputbtn .btn_del{background:url(/cm/images/ico_delete.png) no-repeat center; background-size:12px}
.inputbtn .btn_sch{background:url(/cm/images/ico_search.png) no-repeat center}
.inputbtn .btn_edit{background:url(/cm/images/ico_edit.png) no-repeat center}
/* 버튼이 2개 들어갈 경우 */
.inputbtn.ty2 > input {padding-right:50px}
.inputbtn.ty2 > a:nth-last-child(2) {right:22px}

.boxarea {position:relative;padding:5px;border:1px solid #e5e5e5;box-sizing:border-box;background-color:#f8f8f8;}
.boxarea .division > div{border-color:#f8f8f8;}
.boxarea:before,
.boxarea:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'}
.boxarea .midline{width:100%;height:1px;margin-top:5px;padding-bottom:5px;border-top:1px solid #e5e5e5;}
/* 예외처리. 6533 */
.boxarea > .titlearea,
.boxarea > .grp_multiupload > .titlearea {padding-left:5px}
.boxarea > .titlearea.bb {padding-bottom:2px}
.boxarea > .titlearea.bb + .tbl {margin-top:5px}
:not(.division) > .boxarea + .boxarea {margin-top:10px}
.boxarea > .titlearea:first-child:not(:only-child),
.boxarea > .division > * > .titlearea:first-child:not(:only-child) {padding-top:0} /*9114*/

.boxarea .tbl .w2tb_td.bg_trans {background-color:#f8f8f8}
.boxarea .tbl tr:first-child > .w2tb_td.bg_trans {border-top-color:#f8f8f8}
.boxarea .tbl tr:first-child > .w2tb_td.bg_trans:last-child {border-right-color:#f8f8f8}

.boxarea.ty2 {border-color:#b3b3b3} /*테두리색 진하게 변경.3301*/
.boxarea.search {background-color:#d0d3dd} /*검색테이블과 배경색 동일하게 조정.3 301P08*/
.boxarea.total > .tbl:first-child + .tbl .w2tb_th:first-child {padding-left:10px} /*5321T03*/
.boxarea.total > .tbbox:only-child .w2tb_th:nth-of-type(n+3), /*Total 전용. 8204*/
.boxarea.total > .tbl:first-child + .tbl .w2tb_th:nth-of-type(n+2) /*5321T03*/
{padding-left:40px}
.boxarea.total > .tbbox .w2tb_td {min-width:auto; text-align:right}
.boxarea.total > .tbl:not(:only-child):first-child .w2tb_td > span {font-size:14px}
/* 세로 형태. 3535T01 */
.boxarea.total.col > .tbbox .w2tb_th {padding-left:20px}
.boxarea.total.col > .tbbox .w2tb_td {padding-right:20px}

.flex > .grp_multiupload {display:flex; flex-direction:column; flex:1}
.flex > .grp_multiupload:not(.fix) > .grd, .grp_multiupload.flex > .grd {flex:1}
.grp_multiupload {position:relative}
.grp_multiupload.fix {flex:none !important}
.grp_multiupload > .titlearea > .leftarea > .counter > span {margin-right:0}
.grp_multiupload > .titlearea > .leftarea > .counter > span + .total {margin-left:5px}
.grp_multiupload > .titlearea > * > .udc_btn > [class*="btn_"].big {height:22px; line-height:22px}
.grp_multiupload > .ico_drop {position:absolute; top:calc(50% + 28px); left:50%; transform:translate(-50%, -50%); background: url(/cm/images/udc/ico_grid_drop.png) no-repeat left top; line-height:30px; padding-left:40px; z-index:1} 
.grp_multiupload.h_auto > .grd {height:auto !important}
:not(.flex) > .grp_multiupload > .grd {min-height:auto; height:164px}

.graph{padding:10px;border:0;}
/* common - END */




/* Booking Input - START */
.checktree{}
.checktree:before{content:"";position:absolute;bottom:-22px;left:25px;display:inline-block;width:2px;height:20px;background-color:#b3b3b3;}
.checktree:after{content:"";position:absolute;bottom:-22px;left:25px;display:inline-block;width:12px;height:2px;background-color:#b3b3b3;}
/* Booking Input - END */

/* B/L Input - START */
.tbl.thpad tbody .w2tb_th.choose{background:url(/cm/images/bg_choose.png) no-repeat right center;}
.clsratearea{z-index:20;position:absolute;top:0;right:0;bottom:0;width:26px;overflow:hidden;transition:width 0.6s, height 0.6s;}
.clsratearea .clsratea_grp{position:absolute;top:0;right:-95%;width:95%;height:100%;transition:right 0.6s;}
.clsratearea .clsratea_grp .btn_apply.clslatetoggle{position:absolute;top:0;left:-26px;width: 26px;height: auto;line-height:15px;word-break: break-all;padding: 30px 10px 10px 10px;background:#32447d url(/cm/images/ico_left_white.png) no-repeat center top 10px;}
.clsratearea .clsratea_cont{width:100%;height:100%;border:2px solid #d1d1d1;box-sizing:border-box;background-color:#f1f1f1;}
.clsratearea .clsratea_cont .inner{position:relative;padding:10px;}
.clsratearea.on{width:100%;}
.clsratearea.on .clsratea_grp{right:0%;}
.clsratearea.on .clsratea_grp .btn_apply.clslatetoggle{background:#32447d url(/cm/images/ico_right_white.png) no-repeat center top 10px;}

.containerarea{z-index:20;position:absolute;top:0;right:0;bottom:0;width:26px;overflow:hidden;transition:width 0.6s;}
.containerarea .container_grp{position:absolute;top:0;right:-95%;width:95%;height:100%;transition:right 0.6s;}
.containerarea .container_grp .btn_apply.containertoggle{position:absolute;top:50%;left:-26px;width: 26px;height: auto;margin-top:-145px;line-height:15px;word-break: break-all;padding: 30px 10px 10px 10px;background:#32447d url(/cm/images/ico_left_white.png) no-repeat center top 10px;}
.containerarea .container_cont{width:100%;height:100%;border:2px solid #d1d1d1;box-sizing:border-box;background-color:#f1f1f1;}
.containerarea .container_cont .inner{position:relative;padding:10px;}
.containerarea .container_cont .inner > .titlearea:first-child {padding-top:0}
.containerarea.on{width:100%;}
.containerarea.on .container_grp{right:0%;}
.containerarea.on .container_grp .btn_apply.clslatetoggle{background:#32447d url(/cm/images/ico_right_white.png) no-repeat center top 10px;}

.content.bl .w2tabcontrol.tabc.left .w2tabcontrol_container{border-color:#b3b3b3;}
.content.bl .boxarea{border-color:#b3b3b3;}

.grd.lastbg tr:nth-child(5) td.gridBodyDefault,
.grd.lastbg tr:nth-child(6) td.gridBodyDefault{background-color:#b5c7d6;}
/* B/L Input - END */

/* scheduleCalendar - START. UICOMCOD1201 */
.schcalarea{position:relative;margin-top:20px;}
.schcalarea .btnarea{position:absolute;top:0;right:0;}
.schcal {width:100%;height:100%;}
.schcal > .fc-toolbar {height:28px; margin-bottom:5px}
.schcal .fc-center h2 {font-size:18px; font-weight:bold; margin-top:4px}
.schcal .fc-right {display:none}
.schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-today-button {display:none} /*오늘 버튼*/
.schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-prev-button {position:absolute; left:calc(50% - 120px)} /*이전 달 버튼*/
.schcal > .fc-toolbar > .fc-left > .fc-button-group > .fc-next-button {position:absolute; right:calc(50% - 120px); border-top-right-radius:4px; border-bottom-right-radius:4px} /*다음 달 버튼*/
.schcal > .fc-view-container > .fc-view.fc-month-view > table {box-sizing:border-box}
.schcal > .fc-view-container,
.schcal > .fc-view-container > .fc-view.fc-month-view,
.schcal > .fc-view-container > .fc-view.fc-month-view > table,
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody,
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr,
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content,
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container,
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container > .fc-day-grid
{display:flex; flex:1; flex-direction:column}
.schcal > .fc-view-container > .fc-view.fc-month-view > table > tbody > tr > .fc-widget-content > .fc-day-grid-container > .fc-day-grid > .fc-row {flex:auto; height:50px !Important;}

.schcal .fc-day-header {height:28px; vertical-align:middle}
.schcal .fc-day-header.fc-sun {color:#ed5f19}
.schcal .fc-day-header.fc-sat {color:#5476d7}
.schcal .fc-day[class*="bg_"]:not(.fc-other-month) {opacity:initial !important}
.schcal .fc-day.fc-other-month.bg_lightsalmon {background-color:#d02121 !important}
.schcal + .boxarea {border-top:0}

.schcal .fc-day-grid-event {background-color:transparent; color:#000; text-align:center; border:0}
.schcal .fc-day-grid-event:hover {color:initial}
.schcal .fc-highlight {opacity:initial}
.schcal .fc-day-number {color:#000}
/* scheduleCalendar - END */

/* widget - START*/
.widgetarea{display:flex;flex-direction:column;flex:1;position:relative;margin-top:53px;} /* margin-top:20px -> 53px. searcharea 높이가 33px */
.widgetarea .widgetcontainer {flex:auto;width:100%;height:100%;/* border:1px solid #e5e5e5; */}
.widgetcontainer .w2widgetContainer_content > .w2widget{border-color:#e5e5e5;}
.widgetcontainer .w2widgetContainer_content > .w2widget > .w2widget_content .grd {min-height:auto; -ms-overflow-x:visible !important; -ms-overflow-y:visible !important} /*높이가 적은 위젯에서 그리드 최솟값이 너무 크게 자리함. overflow의 경우, IE에서 그리드가 보이지 않는 문제점 때문에 추가*/
.widgetcontainer .w2widget_title{padding:10px;background-color:#182757;}
.widgetcontainer .w2widget_title .w2widget_icon{display:none;}
.widgetcontainer .w2widget_title .w2widget_title_text{font-size:15px;line-height:15px;color:#fff;font-weight:normal;}
.widgetcontainer .w2widget_title .w2widget_title_buttons{position:absolute;top:10px;right:10px;}
.widgetcontainer .w2widget_title .w2widget_title_buttons > *{width:17px;height:17px;margin-left:3px;}
.widgetcontainer .w2widget_title .w2widget_btnMinimize{background:url(/cm/images/btn_widget_minimize.png) center center no-repeat;}
.widgetcontainer .w2widget_title .w2widget_btnMaximize{background:url(/cm/images/btn_widget_maximize.png) center center no-repeat;}
.widgetcontainer .w2widget_title .w2widget_btnClose{background:url(/cm/images/btn_widget_close.png) center center no-repeat;}
.widgetcontainer .w2widget_title .w2widget_btnFix{background:url(/cm/images/btn_widget_pin_off.png) center center no-repeat;}
.widgetcontainer .w2widget_fixed .w2widget_title .w2widget_btnFix{background:url(/cm/images/btn_widget_pin_on.png) center center no-repeat;}
.widgetcontainer .w2widget_content {top:35px;}
.widgetcontainer .w2widget_content > .popwrap {padding:0}
.widgetcontainer .w2widget_content > .popwrap > .popcont .titlearea {padding:3px 5px}
.widgetcontainer .w2widget_content > .popwrap > .popcont .titlearea .leftarea > * {margin-right:10px}

/*** 위젯 스타일 작업 ***/
.content.widget {background:url(/cm/images/bg_widget_main_namsung.jpg) no-repeat center / cover} /*남성해운 위젯 배경*/
.content.widget > .searcharea {position:fixed; left:0; width:100%; background-color:rgba(23,33,45,.65); padding-right:0; border-bottom:1px solid #fff; margin:0}
.content.widget > .searcharea .w2tb.tbl .w2tb_th {color:#fff; padding-left:12px}
.content.widget > .searcharea .w2tb.tbl .w2tb_td > a {border:1px solid #fff; line-height:20px} /*가시성 위한 조정*/
.widgetcontainer .w2widget:not(.w2widget_maximized) {background-color:rgba(23,33,45,.65); border:0}
/** 타이틀과 컨텐츠 **/
.widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_title {background-color:transparent}
.widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content {border-top:1px solid #fff}
.widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content > .popcont {background-color:rgba(23,33,45,.65)}
.widgetcontainer .w2widget:not(.w2widget_maximized) > .w2widget_content .titlearea span {color:#fff}
/** 그리드 **/
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd {background-color:transparent}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd th.gridHeaderTDDefault {background-color:rgba(23,33,45,.9)}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault {color:#fff; background-color:transparent !important}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault:hover,
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd td.gridBodyDefault.gridBodyDefault.focusedTd {background-color:rgba(255,255,255,.1) !important}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd .gridFooterTableDefault {background-color:rgba(136,136,136,.65) !important}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd .gridFooterTDDefault {background-color:transparent !important}
.widgetcontainer .w2widget:not(.w2widget_maximized) .grd .grd_noresult {color:#fff !important}
/* 예외처리 */
.widgetcontainer .w2widget:not(.w2widget_maximized) .popcont > .grd:first-child {border-top:0}
.widgetcontainer .w2widget:not(.w2widget_maximized) .popcont > .grd:last-child .gridFooterTDDefault {border-bottom:0}

/** 차트 **/
.widgetcontainer .w2widget .division {overflow:hidden} /*차트가 들어가있는 경우, 최대창 후에 다시 창 크기 원복 시, 깨짐 방지*/
.widgetcontainer .w2widget .division > .chart {padding-left:5px; margin-left:0}
.widgetcontainer .w2widget .division > .chart:last-child {padding-right:5px}
.widgetcontainer .w2widget .division > .chart > * {height:100%}
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span,
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg,
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g,
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > rect {background-color:transparent !important; fill:transparent !important; stroke:none !important}
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > text,
.widgetcontainer .w2widget:not(.w2widget_maximized) .division > .chart > * > span > svg > g > g > text {fill:#fff !important}
/* widget - END */












/* 모바일사이즈 - 320이하일때 */
@media all and (max-width:320px){
}

/* 모바일사이즈 - 768이상일때 */
@media all and (min-width:768px){
}

/* PC사이즈 - 1024이상일때 */
@media all and (min-width:1034px){
}


/* DY template -START*/
.dy .titlearea{}

.dy .content:not(.widget) > .searcharea{margin:5px 0 0 0;border-radius:4px;border:1px solid #cfcfcf;background-color:#f7f7f7;}
.dy .content:not(.widget) > .searcharea > .btn_search{right:10px;}

.dy .location{background:url(/cm/images/ico_location_home_dy.png) no-repeat;}
.dy .location li{color:#f9f9f9;}
.dy .location li:before{content:"";display:inline-block;width:7px;height:16px;float:left;margin:0 12px;background:url(/cm/images/ico_location_arr.png) no-repeat center;}
.dy .location li:last-child{color:#fff;font-family: 'D2CB';}

.dy .btn_apply{background-color:#1f75c6;}
.dy .btn_search{border:1px solid #1f75c6;background-color:#1f75c6;}  /* 2021.01.11 cyheo */
.dy .btn_ico{background-color:#fff;}

/* DY template -END*/











/*start Main 시안 작업용  추후 삭제예정임. */
.bg_img_ns_login{height:100%; background: url(/cm/images/main/ns_login.jpg) no-repeat; background-size: cover;}
.bg_img_ns_menu_off{height:100%; background: url(/cm/images/main/ns_menu_off.jpg) no-repeat; background-size: cover;}
.bg_img_ns_menu_on{height:100%; background: url(/cm/images/main/ns_menu_on.jpg) no-repeat; background-size: cover;}
.bg_img_dy_login{height:100%; background: url(/cm/images/main/dy_login.jpg) no-repeat; background-size: cover;}
.bg_img_dy_menu_off{height:100%; background: url(/cm/images/main/dy_menu_off.jpg) no-repeat; background-size: cover;}
.bg_img_dy_menu_on{height:100%; background: url(/cm/images/main/dy_menu_on.jpg) no-repeat; background-size: cover;}
.bg_img_draft1{height:100%; background: url(/cm/images/draft/Draft01.jpg) no-repeat; background-size: cover;}
.bg_img_draft2{height:100%; background: url(/cm/images/draft/Draft02.jpg) no-repeat; background-size: cover;}
.bg_img_draft3{height:100%; background: url(/cm/images/draft/Draft05.jpg) no-repeat; background-size: cover;}
.bg_img_draft4{height:100%; background: url(/cm/images/draft/Draft04.jpg) no-repeat; background-size: cover;}
.bg_img_ns_1_1{height:100%; background: url(/cm/images/draft/ns_main_1_1.jpg) no-repeat; background-size: cover;}
.bg_img_ns_1_2{height:100%; background: url(/cm/images/draft/ns_main_1_2.jpg) no-repeat; background-size: cover;}
.bg_img_ns_1_3{height:100%; background: url(/cm/images/draft/ns_main_1_3.jpg) no-repeat; background-size: cover;}
.bg_img_ns_2_1{height:100%; background: url(/cm/images/draft/ns_main_2_1.jpg) no-repeat; background-size: cover;}
.bg_img_ns_2_2{height:100%; background: url(/cm/images/draft/ns_main_2_2.jpg) no-repeat; background-size: cover;}
.bg_img_ns_2_3{height:100%; background: url(/cm/images/draft/ns_main_2_3.jpg) no-repeat; background-size: cover;}
.bg_img_ns_3_1{height:100%; background: url(/cm/images/draft/ns_main_3_1.jpg) no-repeat; background-size: cover;}
.bg_img_ns_3_2{height:100%; background: url(/cm/images/draft/ns_main_3_2.jpg) no-repeat; background-size: cover;}
.bg_img_ns_3_3{height:100%; background: url(/cm/images/draft/ns_main_3_3.jpg) no-repeat; background-size: cover;}
.bg_img_ns_3_4{height:100%; background: url(/cm/images/draft/ns_main_3_4.jpg) no-repeat; background-size: cover;}
.bg_img_dy_1_1{height:100%; background: url(/cm/images/draft/dy_main_1_1.jpg) no-repeat; background-size: cover;}
.bg_img_dy_1_2{height:100%; background: url(/cm/images/draft/dy_main_1_2.jpg) no-repeat; background-size: cover;}
.bg_img_dy_1_3{height:100%; background: url(/cm/images/draft/dy_main_1_3.jpg) no-repeat; background-size: cover;}
.bg_img_dy_2_1{height:100%; background: url(/cm/images/draft/dy_main_2_1.jpg) no-repeat; background-size: cover;}
.bg_img_dy_2_2{height:100%; background: url(/cm/images/draft/dy_main_2_2.jpg) no-repeat; background-size: cover;}
.bg_img_dy_2_3{height:100%; background: url(/cm/images/draft/dy_main_2_3.jpg) no-repeat; background-size: cover;}
.bg_img_dy_3_1{height:100%; background: url(/cm/images/draft/dy_main_3_1.jpg) no-repeat; background-size: cover;}
.bg_img_dy_3_2{height:100%; background: url(/cm/images/draft/dy_main_3_2.jpg) no-repeat; background-size: cover;}
.bg_img_dy_3_3{height:100%; background: url(/cm/images/draft/dy_main_3_3.jpg) no-repeat; background-size: cover;}
.bg_img_dy_3_4{height:100%; background: url(/cm/images/draft/dy_main_3_4.jpg) no-repeat; background-size: cover;}
/*end */


/* 그리드 우측 버튼 메뉴 class */
.userMenudisable {
    color: gray;
    cursor: none;
}



/* 그리드 커스텀 필터  */
.w2grid_customFilter_selectbox{
    width:120px;
}
.w2grid_customFilter_autocomplete{
    width:150px;
}


/* 상단 메뉴 검색 uppercase */
.uppercase .w2autoComplete_input{text-transform:uppercase !important;}

/*lowercase */
.lowercase{text-transform:lowercase !important;}

/* 간격 */
.grid_wrap:not(.hide) + .grid_wrap,
.grd:not(.hide) + .grd,
.grd:not(.hide) + .tbl,
.grd + .grid_wrap, /*5120*/
.boxarea:not(.hide) + .grd,
.grd:not(.hide) + .boxarea,
.grd:not(.hide) + .division,
.grd + .w2textarea, /*6306P01*/
.tbl:not(.hide) + .grd,
.tbl:not(.hide) + .division,
.searcharea:not(.hide) + .tbl,
.searcharea:not(.hide) + .tabc, /*8101P01*/
.searcharea:not(.hide) + .boxarea, /*4307P01*/
.searcharea:not(.hide) + .division, /*6102P01*/
.division:not(.hide) + .grd,
.division:not(.hide) + .grp_tab, /*4201*/
.division + .tabc, /*5224*/
.boxarea:not(.hide) + .w2tabcontrol, /*6533*/
.boxarea + .grid_wrap, /*3535T03*/
.w2pageList + .grd, /*5102*/
.tbl:not(.hide) + .btnarea,
.boxarea:not(.hide) + .division, /*4301*/
.tabc:not(.hide) + .grd, /*5222*/
.tabc + .tabc, /*2101*/
.contarea + .boxarea /*UICSSDOC3401T03*/
{margin-top:10px}

.searcharea + .titlearea, /*UICSSDOC3493*/
.grid_wrap + .titlearea, /*6513*/
.w2tb.tbl + .titlearea, /*6307*/
.grd + .titlearea, /*3114*/
.grd:not(.hide) + .w2pageList, /*2203*/
.grd:not(.hide) + .w2tabcontrol, /*5328*/
.division:not(.hide) + .titlearea, /*6306P02*/
.division:not(.hide) + .w2pageList, /*2207*/
.division:not(.hide) + .boxarea, /*5405*/
.division:not(.hide) + .division, /*6306P02*/
.btnarea.config + .boxarea, /*3443*/
.btnarea.config + .popcont, /*9102P02*/
.boxarea + .titlearea, /*UINMSTOM4307P01*/
.boxarea + .tbl, /*3443*/
.tabc:not(.hide) + .titlearea, /*4307P01*/
.grd:not(.hide) + span, /*4107*/
.tbl:not(.hide) + p, /*4107P01*/
.tbl:not(.hide) + .tbl, /*5405*/
.tbl:not(.hide) + .btnarea:last-child,
.tbl + .boxarea, /*2104P01*/
.tbl + .grp_multiupload, /*7103*/
.grd:not(.hide) + .btnarea:last-child,
.popwrap > .searcharea:not([style*="display: none"]) + .popcont, /*5407P01*/
.popcont > * + .w2editor, /*UIVMSSCH6103P05*/
.w2textarea + .titlearea, /*UICOMCOD1032P01*/
.boxarea > .txt:first-child, /*3327*/
.boxarea > .txt + .tbl.tbbox, /*3327*/
.flexw + .fold, /*UIVMSOPR6212P04*/
.fold.bottom + .tabc /*9208*/
{margin-top:5px}

.titlearea:not(.hide) + .contarea, /*3423*/
.popcont > .contarea:first-child, /*3302P*/
.popcont:first-child > .titlearea:first-child, /*6205P02*/
.hide:first-child + .grd, /*4001P04*/
.titlearea:not(.hide) + .titlearea, /*1002P01*/
.searcharea + .division > * > .titlearea:first-child, /*2102P01*/
.w2window.w2popup_window .w2window_wframe > .content > .btnarea.config + .contarea, /*6305 팝업으로 호출 시 (6306에서 호출)*/
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .division:first-child:not(.vert) > * > *:first-child > .titlearea:first-child, /*2104T02*/
.w2tabcontrol.tabc .w2tabcontrol_contents_wrapper > .division:first-child:not(.vert) > * > .contarea:first-child, /*2104T02*/
.division > * > .titlearea:first-child, /*UICOMCOD1002P02*/
.contarea > .grp_multiupload:first-child > .titlearea:first-child /*UICSSDOC3401T04*/
{padding-top:0}

.btnarea.config + .contarea, /*6305 메인으로 호출 시*/
.tbl + .division > * > .titlearea:first-child, /*UIVMSSPC6305*/
.division + .division > * > .titlearea:first-child /*9202T01*/
{padding-top:5px}


/* border */
.bd_dash {border:0 dashed #b9b9b9}
.bd_solid {border:0 solid #b9b9b9}
[class*=bd_].bd_green {border-color:#29b529}
[class*=bd_].bd_cent {position:relative}
[class*=bd_].bd_cent:before {content:''; position:absolute; width:1px; height:100%; top:0; left:50%; transform:translateX(-50%); border-left:1px dashed #b9b9b9}
[class*=bd_].bd_top {border-top-width:1px; padding-top:4px}
[class*=bd_].bd_right {border-right-width:1px}
[class*=bd_].bd_bot {border-bottom-width:1px; padding-bottom:3px}
[class*=bd_].bd_bot:not(.hide) + .bd_dash.bd_bot {padding-top:3px}
.btw {border-top-color:transparent !important}      .bg_trans.btw {border-top-color:#f8f8f8 !important}
.brw {border-right-color:transparent !important}    .bg_trans.brw {border-right-color:#f8f8f8 !important}
.bbw {border-bottom-color:transparent !important}   .bg_trans.bbw {border-bottom-color:#f8f8f8 !important}
.blw {border-left-color:transparent !important}     .bg_trans.blw {border-left-color:#f8f8f8 !important}


@keyframes blinking {
    to {color:#e91020}
}
.blinking {animation:blinking 1s ease-in-out infinite Alternate}
.hide {display:none !important}

/*** 탭 우측 버튼, UIVMSSCH6114 ***/
.grp_tab_side {position:absolute; top:26px; right:14px; transform:translateY(-50%); z-index:1}
.grp_tab_side * {display:inline-block; vertical-align:middle}
.grp_tab_side span:not(.bgsample) {color:#000; line-height:16px}
.grp_tab_side .w2anchor2[class*="btn_"].w2anchor_disabled,
.grp_tab_side .w2trigger[class*="btn_"].w2trigger_disabled {background-color:#b9b9b9 !important} /*기존 disabled 색상은 탭 상단 배경색과 동일하게 보여서 분간이 안 되기 떄문에 따로 변경*/
/** 간격 **/
.grp_tab_side > * + * {margin-left:10px}
.grp_tab_side > span + span,
.grp_tab_side > [class*=btn] + [class*=btn] {margin-left:4px}
/** UDC가 들어갈 경우, UISYSMGRZ718 **/
.grp_tab_side > .udc > * {display:inline-block}
.grp_tab_side > .udc > * > * {background-color:#fff; margin-left:5px}
/** 탭 안에서 사용될 경우 **/
.tabc .w2tabcontrol_contents_wrapper > .grp_tab_side {top:0}
/* 위치조정 */
.grp_tab_side.ty2 {top:16px}
.grp_tab_side.ty3 {top:56px} /*6306. 탭 위에 타이틀 사용할 경우*/
/** 그룹 안의 그룹 **/
.grp_tab_side > .inner_tab_side > * + * {margin-left:10px}
.grp_tab_side > .inner_tab_side + .inner_tab_side {margin-left:0}

/*** 상태, 전송구분, 실화주 등의 컬러 리스트. help_popup. UICSSDOC3493T01P02 ***/
.grp_list_stat {display:block}
.grp_list_stat > li {display:flex}
/** 컬러 **/
.grp_list_stat > li > [class*=bg_] {flex:1; height:24px; border:1px solid #b9b9b9; box-sizing:border-box}
/** 컬러 정보 **/
.grp_list_stat > li > p {flex:none; width:165px; color:#000; line-height:24px; margin:0 10px 0 20px}
.grp_list_stat > li + li {margin-top:5px}

/*** 전체 요소 사이즈 축소, minimum. UICSSDOC3485 ***/
.content.mini .searcharea {padding-top:1px; padding-bottom:1px}
.content.mini .btn_status.big {width:60px; padding:0}
.content.mini h3.title {color:#343434; font-weight:bold}
.content.mini .tbl .w2tb_th, .mini .tbl .w2tb_td {min-width:initial; height:23px; padding:1px 4px; border-color:#e6e6e6}
.content.mini .tbl .w2tb_th {padding-left:20px}
.content.mini .tbl .w2tb_th:first-child {padding-left:10px}
.content.mini .tbl.tbbox .w2tb_th, .mini .tbl.tbbox .w2tb_td {height:24px; border:0; background-color:transparent; box-sizing:border-box}
.content.mini .boxarea {padding:3px}
.content.mini .contarea {padding-top:5px}
.content.mini .titlearea {min-height:19px; padding:2px 0 1px}
.content.mini .w2inputCalendar_div {width:95px}
.content.mini .grd.fix {height:64px !important}
.content.mini .grd.nohead > .grd_noresult {top:50% !important}
.content.mini .grd th.gridHeaderTDDefault, .mini .grd td.gridBodyDefault {height:20px !important; border-color:#e6e6e6}
.content.mini .btn_ico {width:18px; height:18px}
.content.mini [class*="btn_"].mini {padding:0}
/** 예외처리 **/
.content.mini .wfm_titlearea .titlearea {padding:5px 0}
.content.mini .wfm_titlearea .btn_ico {width:26px; height:26px}
.content.mini .searcharea > .tbl .w2tb_th {padding-left:23px}
/** 폰트 사이즈 **/
.content.mini h3.title {font-size:13px}
.content.mini .tbl .w2tb_th, .mini .tbl .w2tb_td,
.content.mini .grd th.gridHeaderTDDefault, .mini .grd td.gridBodyDefault,
.content.mini .w2span,
.content.mini .w2input,
.content.mini .w2selectbox,
.content.mini .w2radio, .mini .w2checkbox,
.w2table_sb.mini
{font-size:12px}

 

/*** 버튼 disabled 시, 투명처리. disabled_transparent. UICSSDOC3485 ***/
.dis_tran .w2anchor2[class*="btn_"].w2anchor_disabled {background-color:transparent !important}

/*** 텍스트 ***/
/** 취소선 **/
.gridBodyDefault.tdm > nobr, .gridHeaderTDDefault.tdm > nobr,
.txt_cancel, .gridBodyDefault.txt_cancel > nobr, .gridHeaderTDDefault.txt_cancel > nobr {text-decoration:line-through !important} /*따로 추가하지 않으면 그리드 셀에 적용되지 않아서 추가*/

/*** Flex 관련 ***/
.contarea.flexw > .grd + .grd {margin-top:0}

/*** 타이틀 그룹. UISYSMGRZ716T11 ***/
.grp_cate {display:inline-block; margin-right:0 !important}
.grp_cate + .grp_cate {margin-left:100px}
.grp_cate > * {display:inline-block; vertical-align:middle}
/** type2. UI6214T02 **/
.grp_cate.ty2 + .grp_cate.ty2 {margin-left:0 !important}
.grp_cate.ty2 + :not(.grp_cate) {margin-left:4px !important}

/*** alert. UISYSMGRZ716T11 ***/
.grp_alert {position:relative}
.grp_alert > .pop_alert {display:none; position:absolute; top:calc(100% + 3px); right:0; width:300px; height:auto; padding:5px; background-color:#fff; border:1px solid #e6e6e6; box-sizing:border-box; z-index:21}
.grp_alert > .on + .pop_alert {display:block}
.grp_alert > .pop_alert > .titlearea:first-child {padding-top:0}
.grp_alert > .pop_alert > .titlearea > .title {padding-left:5px}

/*** 그리드 세팅 ***/
.grp_setting_grid {display:none; width:300px; position:absolute; background:#fff; padding:10px; border:1px solid #ddd; box-sizing:border-box; z-index:21}
.grp_setting_grid > .titlearea:first-child {min-height:auto; padding:0 0 3px}
.grp_setting_grid > .btnarea:last-child {margin-top:5px; text-align:center}

/*** 강조 (req, mandatory) ***/
.w2input.req:not([class*="disabled"]):not([class*="readonly"]), .w2input_mandatory[class*="disabled"]:not([class*="readonly"]),
.w2selectbox.req:not([class*="disabled"]), .w2selectbox_mandatory:not([class*="disabled"]),
.w2selectbox_native.req:not([class*="disabled"]), .w2selectbox_native.w2selectbox_mandatory:not([class*="disabled"]),
.w2multiselect_div.req:not([class*="disabled"]) .w2multiselect_td, .w2multiselect_mandatory:not([class*="disabled"]) .w2multiselect_td,
.w2textarea.req:not([class*="disabled"]):not([class*="readonly"]), .w2textarea_mandatory:not([class*="disabled"]):not([class*="readonly"]),
.w2autoComplete.req:not([class*="disabled"]), .w2autoComplete_mandatory:not([class*="disabled"]),
.w2checkcombobox.req, .w2checkcombobox_mandatory,
.w2inputCalendar_div.req .w2inputCalendar_divInput, .w2inputCalendar_mandatory .w2inputCalendar_divInput,
.udc.req > .w2inputCalendar_div .w2inputCalendar_divInput,
.grd .gridBodyDefault.req,
.inputbtn.req .w2input,
.w2upload.req > form > fieldset > .w2upload_input
{background-color:#fff4ce}
span.req, p.req {padding-left:10px}

/** disabled, readonly 예외처리. Design 상에서 동일처리는 어려움. Design과 실제 띄웠을 때의 코드가 상이하기 때문 **/
/* .req[class*="disabled"]:not(.w2upload) {background-color:#e3e3e2 !important} */
/* .req[class*="readonly"] {background-color:#fff !important} */

 
/*** 그리드 보더 구분선. UICSSDOC3550 ***/
.grd td.gridBodyDefault.btb {border-top-width:2px}

/*** IE 적용 ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* flex 적용되게 추가 (크롬과 달리 익스는 기본 너비/높이값을 가지고 있지 않아, flex가 먹히지 않는 것으로 보임) */
    .flex:not(.popcont) {width:100%; height:100%} /*팝업만 제외. alert 창 찌그러짐 방지*/
    .w2window.w2popup_window .w2window_wframe {flex-direction:row}
    /* IE에선 자식이 min-height를 가지고 있다면, 부모에 flex가 먹히지 않음. */
    .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content {min-height:auto; height:100%}
    /*그리드의 셀의 셀렉트 박스 값이 입력된 상태에서 다시 클릭 할 경우, 텍스트 위아래로 움직이는 것 방지 */
    .grd td.gridBodyDefault.gridBodyDefault_select {line-height:21px}
    /*셀렉트박스의 IE 기본 버튼 삭제*/
    select::-ms-expand {display:none}
    /*테이블 th의 점이 IE에서는 다르게 보여, 일치 시키기 위함*/
    .tbl .w2tb_th.req::before {margin-top:3px; margin-left:-6px; transfrom:translate(-50%, -50%)}
}

/*** 사파리 Safari 적용 ***/
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .w2input_table_sb_main {width:100%} /*우측 스크롤바 공간이 필요치 않아, 꽉 채우기 위함*/
        .tbl_scroll .tbl_header {right:0} /*위와 동일한 사유. 3301*/
        /*** 좌측 상단 메뉴. Safari만의 Overflow 버그로 인해 따로 추가. CSS-Shipping-Document의 리스트 기준. 만약 더 늘어나게 되면, 추가되는 갯수당 29px씩 height 값을 늘려주세요. ***/
        .menuarea {height:735px}
        .menuarea .favoritearea,
        .menuarea .allmenuarea ul {height:696px}
    }
}

/*** UDC 조정 ***/
/** 달력 **/
.udc.cal > span {vertical-align:middle; margin:0 3px 0 0}

/*** 업로드 ***/
.w2upload {display:inline-flex; height:22px}
.w2upload > form,
.w2upload > form > fieldset {display:flex; flex:1; height:100%}
.w2upload > form > fieldset > .w2upload_input {flex:1; height:100%; padding:0 5px; border-color:#b9b9b9; box-sizing:border-box}
.w2upload > form > fieldset > .w2upload_image {flex:none; position:relative; top:initial; width:auto; height:100%; background:none; cursor:pointer}
.w2upload > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:81px !important; height:100% !important; opacity:1 !important; cursor:pointer}
.w2upload > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {display:block; content:'Upload'; height:22px; color:#fff; text-align:center; line-height:22px; background-color:#32447d; border:1px solid #3c3c3c; box-sizing:border-box}
/** 엑셀인 경우. 2207 **/
.w2upload.excel > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:107px !important}
.w2upload.excel > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {content:'Find Excel'}
/** 버튼을 왼쪽으로 이동. 5103 **/
.w2upload.left > form > fieldset > .w2upload_image {order:-1; margin:0 3px 0 0}
/** 인풋을 사용하지 않을 경우. 5111 **/
.w2upload.no_input > form > fieldset > .w2upload_input {display:none}
.w2upload.no_input > form > fieldset > .w2upload_image {margin-left:0}
/** 버튼을 사용하지 않을 경우. 2102P01T02 **/
.w2upload.no_btn > form > fieldset > .w2upload_image {display:none}
/** 파일찾기인 경우 **/
.w2upload.file > form > fieldset > .w2upload_image > .w2upload_fakeInput {width:94px !important}
.w2upload.file > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {content:'파일찾기'}
/** disabled **/
.w2upload[disabled="disabled"] > form > fieldset > .w2upload_input {background-color:#e3e3e3}
.w2upload[disabled="disabled"] > form > fieldset > .w2upload_image > .w2upload_fakeInput {cursor:default}
.w2upload[disabled="disabled"] > form > fieldset > .w2upload_image > .w2upload_fakeInput:before {color:#000; border-color:#e0e0e0; background-color:#e0e0e0}

/*** Flex ***/
.flx {display:flex}
.flx.vert {flex-direction:column}
.flx.vert > * + * {margin-top:3px}
/** 9208T10 **/
.flx.ty2 {height:100%; align-items:flex-start}
.flx.ty2 > .grd.flex {flex:1}
.flx.ty2 > .grd +.titlearea {padding-top:0; margin-top:0}
.flx.ty2 > .titlearea > * > .udc > div {float:none; display:block}
.flx.ty2 > .titlearea > * > .udc > div:not(:empty) ~ div:not(:empty) {margin-top:4px}

/*** 접기/펼치기 버튼. 4304 ***/
.fold {position:relative; text-align:center}
.fold > * {text-align:initial} /* 테이블에 영향이 생기는 경우가 발생. 그것을 방지하기 위함 */
.fold > .btn_ico.small {padding:0 15px !important}
.fold > .btn_ico.small {height:15px; border-top-width:0}
.fold:not(.left) > .btn_ico.small:first-child + :not(.titlearea) {margin-top:5px}
.fold:not(.left) > .btn_ico.small:first-child + .titlearea {padding-top:0}
/** fold 밑에 contarea가 연달아 올 경우, 사이의 간격이 너무 넓어보이기 떄문에 조정 **/
.contarea.fold.bottom + .contarea.flex:not(.fold.top),
.fold.bottom + .grp_multiupload > .titlearea:first-child /*UIVMSOPR6212P04*/
{padding-top:0; margin-top:0}
/** 위의 경우에서 예외처리 **/
.contarea.fold.bottom + .contarea.flex:not(.fold.top) > .boxarea:first-child,  /*UINMSTOM4302*/ 
.contarea.fold.bottom + .contarea.flex:not(.fold.top) > .grd:first-child /*UIEMSCTM5225*/
{margin-top:5px}

/** 추가. 2207, 4301 **/
.fold > .btn_ico.small.left {background-position:calc(50% - 2px) center}
.fold.top {padding-top:15px}
.fold.top > .btn_ico {position:absolute; top:0; left:50%; transform:translateX(-50%); border-width:1px 1px 0}
.fold.top > .btn_ico + * {margin-top:0 !important}
:not(.division) > .fold.right {padding-right:15px}
.fold.right > .btn_ico.small {width:15px !important; padding:15px 0 !important; position:absolute; right:0; top:50%; border-width:1px 1px 1px 0}
:not(.division) > .fold.left {padding-left:15px}
.fold.left > .btn_ico.small {width:15px !important; padding:15px 0 !important; position:absolute; left:0; top:50%; transform:translateY(-50%); border-width:1px 0 1px 1px}
.fold.right.head_2 > * + .btn_ico.small {top:11px} /*5120. head_N에서 N은 그리드 헤더 줄 수를 의미함*/
.fold.right.no_title > .btn_ico.small, .fold.left.no_title > .btn_ico.small {transform:translateY(-50%)}
.fold.bottom {padding-bottom:15px}
.fold.bottom > .btn_ico.small {position:absolute; bottom:0; left:50%; transform:translateX(-50%); border-width:0 1px 1px}
/** 예외. 2207 **/
:not(.division) > .fold:not([style*="display: none"]) + .fold,
:not(.division) > .searcharea + .fold[style*="display: none"] + .fold {margin-top:5px}
/* 앞의 그룹이 hide될 경우, margin 처리 */
:not(.division) > .fold[style*="display: none"]:first-child + .fold {margin-top:0}
.fold + .fold > .btn_ico.small {margin-top:0}
/** 공통 예외 **/
.division:not(.vert) > div.fold.right > .btn_ico.small {right:-15px}
.division:not(.vert) > div.fold.left > .btn_ico.small {left:-15px}
.division:not(.vert) > div.fold + div.fold {margin-left: 40px}
/** 버튼부분 absolute. 9219 **/
.fold.bottom.abs {padding-bottom:0; margin-bottom:10px}
.fold.bottom.abs > .btn_ico.small {position:absolute; left:50%; bottom:0; transform:translate(-50%, 100%); z-index:1}

/*** 텍스트 컬러 예외처리. 배경에 따라 보이지 않는 부분이 있어, 색상 변경 (As-Is와 동일한 색상으로 사용) ***/
.searcharea .fc_green {color:#1e9f08 !important;} /*6114P01*/

/*** 네모 박스 그룹? 4307P01 ***/
ul.grp_type {display:block}
ul.grp_type > li {display:inline-block; margin-right:20px; background-color:#00bfff}
ul.grp_type > li:last-child {margin-right:0}
ul.grp_type > li > p {display:block; padding:4px 5px}

/*** 팝업 컨텐츠에 flex 적용 시, 그 자식에 속한 테이블의 높이를 정확히 인식하지 못하는 버그 픽스 ***/
.popwrap .popcont .tbl:after,
.tabc.flex .tbl:after /*6101*/
{content:''; display:table; clear:both}
.popwrap > .popcont.nosc {overflow:hidden}


/*** 그리드 하단 Total 테이블. 4307P07 ***/ 
/** 타이틀을 테이블이 사용하지 않는 좌측으로 이동 **/
.titlearea.left {position:absolute}
/** 테이블 우측 정렬 **/
.tbl.tar {width:auto; margin-left:auto}

/*** Spinner ***/
.w2spinner {position:relative; width:50px; height:22px}
/** 인풋 부분 **/
.w2spinner > input {width:100% !important; padding:0 25px 0 3px; text-align:center}
/** 수치 증가/감소 버튼 **/
.w2spinner > .w2spinner_up {top:1px !important; width:22px !important; border:1px solid #b9b9b9; border-width:0 0 1px 1px; box-sizing:border-box; z-index:1}
.w2spinner > .w2spinner_up > .w2spinner_up_image {width:100% !important; height:100% !important; top:initial !important; margin:initial !important; background:url(/cm/images/ico_up.png) no-repeat center / 9px !important}
.w2spinner > .w2spinner_down {top:initial !important; bottom:1px; width:22px !important; margin:0 !important; border:1px solid #b9b9b9; border-width:0 0 0 1px; box-sizing:border-box; z-index:1}
.w2spinner > .w2spinner_down > .w2spinner_down_image {width:100% !important; height:100% !important; top:initial !important; margin:initial !important; background:url(/cm/images/ico_down.png) no-repeat center 4px / 9px !important}
/** 미사용. hide 처리 **/
.w2spinner > [class*="w2spinner"] > [class*="start"],
.w2spinner > [class*="w2spinner"] > [class*="center"],
.w2spinner > [class*="w2spinner"] > [class*="end"] {display:none}
/** 다운 버튼 없는 버전. 4109P01 **/
.w2spinner.no_down > .w2spinner_up {height:100% !important; top:0 !important}
.w2spinner.no_down > .w2spinner_down {display:none}

/*** 그리드 2개를 1개로 표현. 5106 ***/
.grd + .grd.nohead, .grd.nohead + .grd {margin-top:0 !important; border-top:0}
.grd + .grd.nohead tr:first-child > .gridBodyDefault {border-top:0}

/*** 테이블 th에 특수문자 등의 추가 텍스트 . 4108, 4109 ***/
.tbl .w2tb_th > .txt_abs {position:absolute; text-indent:-15px}

/*** CNTR Type/Size/Qty 추가기능. 4109P01 ***/
ul.grp_cntr {display:inline-block; margin-right:4px !important}
ul.grp_cntr > li {display:inline-block}
ul.grp_cntr > li + li {margin-left:10px}
ul.grp_cntr > li > * + * {margin-left:4px}

/*** 그리드 그룹 flex ***/
.grid_wrap:not(.fix) {display:flex; flex-direction:column; flex:136px} /*.grd.flex의 flex값과 동일하게 적용*/
.grid_wrap > [style*="display: none"] + .grd {margin-top:0} /* Palette 그리드가 숨김처리되고, 뒤에 다이나믹 그리드가 그려질 경우 margin-top값 삭제. 6513*/

/*** Clear fix ***/
.cf:after {content:''; display:table; clear:both}

/*** Check Status. 5224 ***/
.grp_chk_stat {display:flex; flex-wrap:wrap}
.grp_chk_stat > li {width:20%}
.grp_chk_stat > li > a {display:block; text-align:center}

/*** Editor. UIVMSSCH6103P05 ***/
.w2editor {width:100%; height:100%}
.w2editor > .cke {width:100% !important; height:100%; box-sizing:border-box}
.w2editor > .cke > .cke_inner {display:flex; flex-direction:column; height:100%}
.w2editor > .cke > .cke_inner > .cke_contents {flex:1}
.w2editor > .cke > .cke_inner > .cke_contents > .cke_wysiwyg_frame {width:100%; height:100%}
.w2editor > .cke > .cke_inner > .cke_contents > .cke_wysiwyg_frame > * > html {max-height:100%}

/*** 텍스트 커버. 1002P01 ***/
.grp_cover {display:flex; flex:1; align-items:center; justify-content:center; background-color:#e2836e}
.grp_cover > span {font-size:16px; font-weight:bold; color:#fff}

/*** 캘린더 배경색 구분. 9130P01***/
.grp_bg_type {border:0 !important}
.grp_bg_type > li {display:inline-block; width:calc(100% / 4); padding:0 5px 10px; box-sizing:border-box}
.grp_bg_type > li > .bgsample {display:inline-block; line-height:24px}
.grp_bg_type > li > .bgsample:before {width:26px; border:1px solid #000; margin-right:5px; box-sizing:border-box}

/*** 텍스트 리스트. 3327 ***/
.boxarea > .grp_txt_list,
.boxarea > .txt.acc {padding-left:5px}
.grp_txt_list {display:inline-block}
.grp_txt_list > li {display:block}
.grp_txt_list > li + li {margin-top:5px}
.grp_txt_list > li > span {display:inline-block}
.grp_txt_list.acc > li > *:before, .grp_txt_list > li.acc > *:before, .grp_txt_list > li > *.acc:before, .txt.acc:before
{content:'*'; display:inline-block; margin-right:4px}
.grp_txt_list > li > * + * {margin-left:20px}

/*** 컬러풀 텍스트. 3302 ***/
.txt_color {display:inline-block; line-height:22px; padding:0 5px; text-align:center; box-sizing:border-box}

/*** 텍스트 너비 변동 없이 뒤쪽에 % 추가. 3535T01 ***/
.txt_per {position:relative}
.txt_per:after {content:'%'; position:absolute; color:#555; font-weight:normal; margin-left:2px}

/*** 제너레이터 그리드. 3535T02 ***/
.grp_gen {overflow:auto}
.grp_gen > * + * {margin-top:10px}
.gen_grd {display:block}
/** 헤더/바디 공통 **/
.gen_grd > li {display:block}
.gen_grd > li > * {display:inline-block; width:80px; height:26px; color:#000; font-size:13px; text-align:center; line-height:24px; border:1px solid #b3b3b3; padding:0 4px; box-sizing:border-box}
.gen_grd > li:first-child > *, .gen_grd > li + li > * {border-top:0}
.gen_grd > li > * + * {border-left:0}
/** 헤더만 **/
.gen_grd > li.head > * {color:#fff; letter-spacing:-0.2px; background-color:#8088a3}
/** 바디에서 헤더처럼 배경색 바꿀 경우 **/
.gen_grd > li > .head {color:#fff; background-color:#8088a3}

/*** 차트. 3535T02, T03 ***/
* + .grp_chart {margin-top:5px}
.grp_chart {position:relative}
.grp_chart.flex {flex:137px !important; flex-direction:column}
.grp_chart.flex > *:not(.titlearea) {display:flex; flex:1; flex-direction:column}
.grp_chart.flex > *:not(.titlearea) + * {margin-top:10px}
.grp_chart > .titlearea.abs:first-child {top:10px; padding:0}

/*** 인사기록관리 사진첨부. 9104 ***/
.grp_aff {display:flex; flex-direction:column; min-height:200px; position:relative; padding-left:170px; margin-top:5px}
.grp_aff > .boxarea {flex:1}
/** 사진 그룹 **/
.grp_aff > .grp_pic {position:absolute; left:0; width:160px; height:100%; background:no-repeat center / contain; border:1px solid #e5e5e5; box-sizing:border-box}
/* 사진 업로드 버튼 */
.grp_aff > .grp_pic > .btn_pic {position:absolute; right:3px; bottom:3px; width:25px; height:25px; font-size:0; background:#fff url(/cm/images/ico_upload_picture.png) no-repeat center / 75%; border:1px solid #555; border-radius:5px}
.grp_aff > .grp_pic > .btn_pic[disabled="disabled"] {opacity:.3}

/*** 크롬,IE에서 테이블 th 고정값을 텍스트가 개행 직전까지 너비를 바짝 맞춰 줬을 때, 360 브라우저 등에서 개행되는 문제 때문에 추가. 사파리가 자간이 원래가 넓던데, 360도 사파리 기반인지 알 수 있을지... ***/
.tbl.tbbox.per100 .w2tb_th, .tbl.tbbox.fit .w2tb_th {letter-spacing:-0.07em}

/*** 내부에 스크롤 생기게 조정 ***/
.scr {overflow:auto}

/*** 컴포넌트 포커스 관련 ***/
.w2anchor:focus, [class*="btn"]:focus,/*버튼*/
.w2input:focus, .w2selectbox:focus, .w2textarea:focus,/*인풋, 셀렉트, 멀티콤보, 텍스트에어리어*/
.w2upload > form > fieldset > .w2upload_input:focus, .w2upload > form > fieldset > .w2upload_image:focus > .w2upload_fakeInput:before,/*단일업로드*/
.w2inputCalendar_div > .w2inputCalendar_div_input:focus/*캘린더 인풋. 캘린더 버튼은 클릭 시, 깜빡 거리는 것처럼 보여서 제외함*/
{outline:-webkit-focus-ring-color auto 1px; outline-offset:1px}
.w2checkbox .w2checkbox_item .w2checkbox_input:focus, .w2radio .w2radio_item .w2radio_input:focus /*체크박스와 라디오*/
{outline:-webkit-ring-color auto 1px; outline-offset:0px; outline-width:1px; outline-style:dotted;} /*outline-color:#f00*/
/** 일부 버튼(푸른색 계통)은 포커스 붉은 색으로 **/
.btn_apply:focus, .btn_cancle:focus, .btn_cancel:focus, .btn_search:focus, .btn_cm:focus,
.w2upload > form > fieldset > .w2upload_image:focus > .w2upload_fakeInput:before {outline-color:#f00}

/*** drilldown(트리구조) ***/
/** 공통 **/
.grd td[inputtype="drilldown"] > nobr {display:flex; align-items:center}
.grd td[inputtype="drilldown"] > nobr > * {width:16px; height:16px; margin-right:5px}
/** + **/
.grd td[inputtype="drilldown"] > nobr > .w2grid_plus {background-image:url(/cm/images/contents/tvw_plus.png)}
/** - **/
.grd td[inputtype="drilldown"] > nobr > .w2grid_minus {background-image:url(/cm/images/contents/tvw_minus.png)}
/** . **/
.grd td[inputtype="drilldown"] > nobr > .w2grid_leaf {background-image:url(/cm/images/contents/tvw_middle.png)}






/* 1:1 문의 */
.clear:after {content:""; display:table; clear:both;}
.fl{float:left !important}
.fr{float:right !important}

.notice_write_box {border-top: 2px solid #111;border-bottom: 1px solid #111;padding: 20px 0 15px 0;}
.notice_write_box dl{margin-top: 10px;}
.notice_write_box dl:first-child {margin-top:0;}
.notice_write_box dl dt {width:160px; height:36px;line-height: 36px;float:left;background: #f4f4f4;text-align: center;}
.notice_write_box dl dd {float: left;margin-left: 20px;width: calc(100% - 180px);}
.notice_write_box.noline {border:none !important}

.faq_but_box {height:56px;background:#f8f8f8;line-height: 56px;border-radius: 4px;text-align: right;padding: 0 20px;}
.faq_but_box .faq_text {display: inline-block;padding-right: 20px;font-size: 14px;color: #111;}
.inquiry_sm_text {font-size:12px; color:#777;}
.inquiry_sm_text:last-child {margin-left:10px;}
.scroll_box {height: 608px;overflow-y: auto;overflow-x: hidden;display: block;}


.inquiry_qnabox {}
.inquiry_qnabox ul li {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;margin-bottom:10px;}
.inquiry_qnabox ul li .hide2 {display: block;font-size:15px; color:#111;padding: 0 30px;box-sizing: border-box;font-weight: bold;line-height: 50px;}
.inquiry_qnabox ul li a {padding: 20px 0;}
.inquiry_qnabox ul li a:before {content:'Q'; font-size:16px;color:#fe695a;margin-right: 20px;}
.inquiry_qnabox ul li a.show {display: block;font-size:15px; color:#111;height: 60px;line-height: 60px;padding: 0 30px;box-sizing: border-box;margin-right: 20px;font-weight: bold;}

.inquiry_qnabox ul li .qna_text {display:block;padding: 20px 30px 20px 60px;background: #f4f4f4;position: relative;}
.inquiry_qnabox ul li .qna_text:before {content:'A'; font-size:16px;color:#111;margin-right: 20px;position: absolute;top: 20px;left: 30px;}

.textarea_box {border:1px solid #bbb;padding:10px;border-radius: 4px;box-sizing: border-box;}