@charset "utf-8";

/* font - START */
@font-face{
    font-family: 'D2C';
    src: url('/cm/font/D2Coding.eot');
    src: url('/cm/font/D2Coding.eot?iefix') format('eot'),
    url('/cm/font/D2Coding.woff') format('woff'),
    url('/cm/font/D2Coding.woff2') format('woff2');
}

@font-face{
    font-family: 'D2CB';
    src: url('/cm/font/D2CodingBold.eot');
    src: url('/cm/font/D2CodingBold.eot?iefix') format('eot'),
    url('/cm/font/D2CodingBold.woff') format('woff'),
    url('/cm/font/D2CodingBold.woff2') format('woff2');
}
/* font - END */


/* Common */
/*Editor 이용 시, html 부분에 스크롤이 생기는 현상이 발생. 이를 없애기 위함. (6103에서 P02 호출 후, E-mail Preview 띄우고 닫을 경우, 생기는 현상)*/
html {overflow:hidden}
html,body{}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
html,body{width:100%; height:100%; color:#555}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img,fieldset{border:0 !important;}
img .inputBtn{vertical-align:middle;}
ul,ol{list-style:none}
em,address{font-style:normal}
em{color:#ec4229;}
.w2anchor2, a{color:inherit;text-decoration:none}
table{border-collapse:collapse}
caption, legend{overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
pre, .pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
input,input[type=button]{border-radius:0;/* -webkit-appearance:none; border-radius:0; */}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{box-shadow:0 0 0 30px white inset !important;-webkit-box-shadow:0 0 0 30px white inset !important;-moz-box-shadow:0 0 0 30px white inset !important;}
.w2modalopenedbody body, .w2modalopenedbody{overflow:hidden;}

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

/** Font-Family (폰트 종류) **/
html,body,pre,select,textarea,input,h1,h2,h3,h4,h5,h6,.w2input,.w2multiselect_td,button,
.w2autoComplete,.w2table_sb, .w2calendar_selectbox_year, .w2calendar_selectbox_month
{font-family:D2C,Malgun Gothic Medium,Verdana,Dotum,Helvetica}
 
/** Font-Color (폰트 색상) **/
/* 21.04.28. 현업 요청으로 폰트 색상 변경 (#555 -> #000) */
.w2input, /*인풋*/
.w2inputCalendar_div, /*캘린더*/
.w2textarea, /*텍스트에리어*/
.w2selectbox, /*셀렉트박스*/
.w2table_sb_col, /*셀렉트박스 리스트*/
.w2multiselect_div, /*멀티셀렉트*/
.w2checkcombobox, /*체크콤보박스*/
.w2table_ccb, /*체크콤보박스 리스트*/
.w2autoComplete, /*오토컴플리트*/
.w2input_table_sb_col, /*오토컴플리트 리스트*/
.w2checkbox, /*체크박스*/
.w2radio, /*라디오*/
.w2textarea, /*텍스트에리어*/
.grd td.gridBodyDefault, /*그리드 td*/
.searcharea .tbl .w2tb_th, /*조회 테이블 th*/
.inputbtn /*돋보기 그룹*/
{color:#000}

/** Disabled **/
/* 21.04.06. 현업 요청으로 폰트 색상 변경 (#999 -> #888)
.w2input_disabled,.w2inputCalendar_readOnly, .w2input_readonly, .w2input[readonly="readonly"],
.w2checkcombobox_disabled, .w2checkcombobox_disabled .w2checkcombobox_label,
.w2autoComplete_disabled, .w2autoComplete_disabled .w2autoComplete_label{color:#999 !important;background: #f7f7f7 !important;} */

/** 21.04.28. 현업 요청으로 폰트 색상 변경 (#888 -> #999) **/
.w2input_disabled,
.w2multiselect_disabled .w2multiselect_td,
.w2selectbox_disabled .w2selectbox_label,
.w2selectbox_disabled .w2selectbox_native_select,
.w2checkbox .w2checkbox_item .w2checkbox_label.w2checkbox_disabled,
.w2radio .w2radio_item .w2radio_label.w2radio_disabled,
.w2checkcombobox_disabled .w2checkcombobox_label,
.w2inputCalendar_divInput.w2inputCalendar_readOnly
{/* color:#888 !important */color:#999 !important}
.w2textarea.w2textarea_disabled {background-color:#e3e3e3 !important}

/* websquare common */
/* :focus{outline:none} */
.w2group{background:transparent}
.w2textarea{display:block;margin:0}/* 브라우저 margin */
.w2textarea.resize_auto{resize:auto}
.w2trigger{display:-moz-inline-stack;overflow:visible}/* firefox padding 버그 및 ie padding 버그 */
.w2selectbox_label{padding-top:0}
.w2radio .w2radio_main, .w2checkbox .w2checkbox_main{width:auto}
.w2selectbox_native_select option {text-align:inherit}
.w2balloonTip{z-index:1000;}
/* .w2input_focus{background:transparent} */
.w2trigger{border:0;}

/* layout - START */
.wrap{position:relative;overflow:hidden;width:100%;height:100%;/* min-width:1280px; */}
.wfm_header{height:54px;background-color:#182757;}
.header_wrap {display:flex; justify-content:space-between; position:relative; height:54px; background-color:#182757}
.header_wrap > .leftarea {flex:auto; display:flex; align-items:center; position:relative}
.header_wrap > .leftarea > .btn_allmenu {flex:none; display:inline-block; width:54px; height:54px; font-size:0; text-indent:-999px; background:#283762 url(/cm/images/btn_allmenu.png) no-repeat center}
.header_wrap > .leftarea > h1.logo {flex:none; display:inline-block; width:131px; height:54px; font-size:0; text-indent:-999px; background:url(/cm/images/ico_logo.png) no-repeat center}
.header_wrap > .leftarea .inputbtn{width:200px;margin:13px 0 0 30px;float:left;background-color:#5e6c9d;}
.header_wrap > .leftarea .w2input{padding-right:36px;color:#fff;border:0;background:transparent;}
.header_wrap > .leftarea .btn_sch{width:36px;border:0;background-image:url(/cm/images/ico_search_white.png)}

.header_wrap > .leftarea .w2autoComplete {max-width:372px; margin-left:30px; border:0; background-color:#5e6c9d}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_label > span {padding-left:6px}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_label{color:#fff;}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_placeholder:empty:before {color:#fff}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_col_button {width:30px; background:url(/cm/images/ico_search_white.png) no-repeat center / 50%; cursor:pointer}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_col_label{background-color:#5e6c9d;}
.header_wrap > .leftarea .w2autoComplete .w2autoComplete_input{background-color:#5e6c9d; color:#fff; outline:0}

.header_wrap > .rightarea {flex:none; display:flex; align-items:center; position:relative; height:54px; padding-right:20px}
.header_wrap > .rightarea .btn_logout {display:inline-block; width:57px; height:24px; line-height:22px; text-align:center; color:#e5e5e5; font-size:12px; border:1px solid #fff; background-color:#5e6c9d}
.header_wrap > .rightarea .configwhite{width:24px;height:24px;margin-left:10px;}
.header_wrap > .rightarea .tmenuarea{margin-right:20px;}
.header_wrap > .rightarea .tmenuarea li {display:inline-block; position:relative}
.header_wrap > .rightarea .tmenuarea li + li:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:15px; background-color:#7e869e}
/* 메인프레임 우측 최상단 사용자 정보 등 (로그아웃 버튼 좌측) */
/* 버튼으로 사용할 경우와 일반 텍스트로 사용할 경우 */
.header_wrap > .rightarea .tmenuarea .btn_tmenu,
.header_wrap > .rightarea .tmenuarea .txt_tmenu  {display:inline-block; line-height:33px; color:#fff; font-size:14px; padding:0 25px}
.header_wrap > .rightarea .tmenuarea .txt_tmenu {cursor:default} 

.container_wrap{position:absolute;top:54px;left:0;right:0;bottom:0;width:100%;}
.container_wrap .side{}
.container_wrap .container{overflow:hidden;width:100%;height:100%;}

.content{position:relative;padding:0 20px 10px;height:auto;}
.content:before,
.content:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'}
/*** 메인의 공통 타이틀 ***/
.content > .wfm_titlearea{margin:0 -20px;border-bottom:1px solid #9d9d9d;background-color:#fff;}
.content > .wfm_titlearea .titlearea{margin:0 20px 0 10px}
/** 즐겨찾기 **/
.content > .wfm_titlearea .titlearea .favorite {flex:none; margin:0}
/** 화면명 텍스트 **/
.content > .wfm_titlearea .titlearea .title {text-indent:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:0}
/** 좌측 부분 **/
.content > .wfm_titlearea .titlearea > .leftarea > .btn_ico {flex:none; border:0; margin:0; margin-left:2px}
/* 새고로침 */
.content > .wfm_titlearea .titlearea > .leftarea > .btn_ico.refresh {flex:none; margin-left:5px}
/** 우측 부분 **/
.content > .wfm_titlearea .titlearea > .rightarea {flex:none}
/** 예외처리 **/
.content .contarea > .titlearea:first-child, .contarea > .titlearea:first-child{padding-top:0 !important;}

/* .content.flex{height:100%;padding:0 20px;} */
/* .content.flex:after{height:20px;} 불필요한 하단 공간 발생 */
/* 가로 사이즈가 적을 때, 스크롤 없게 해달라 요청. 관리자 페이지, Z710 */
.content.fix {min-width:auto !important}

.contarea{padding-top:10px;}
.contarea:before, .contarea:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'}

.overlay{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:1;opacity:0.5;background-color:#000;}
.overlay.on{display:block;}
.bodyOverlay{display:none;position:fixed;top:70px;left:0px;right:0px;bottom:0px;z-index:99;opacity:0.5;background-color:#000;}
.bodyOverlay.on{display:block;}
 /* layout - END */
 
 /* login - START  */
.wrap_login{display:flex;justify-content:center;min-width:1280px;min-height:660px;width:100%;height:100%;background:url(/cm/images/bg_login.png) no-repeat top/* / cover*/}
.wrap_login .login_logo{position:absolute;top:20px;left:20px;width:78px;height:84px;background:url(/cm/images/bg_login_logo.png) no-repeat;}
.wrap_login .login_cont{position:relative;width:1240px;margin-top:120px;background:url(/cm/images/bg_login_txt.png) no-repeat;}
.wrap_login .loginarea{position:absolute;top:100px;right:0;width:520px;height:420px;box-shadow:4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.wrap_login .loginarea:before{content:"";display:block;width:100%;height:100%;border-radius:5px;opacity:0.7;background-color:#fff;}
.wrap_login .loginarea .login_tit{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100px;line-height:115px;color:#fff;font-size:32px;letter-spacing:-0.5px;font-family:맑은 고딕;text-indent:38px;border-top-left-radius:5px;border-top-right-radius:5px;background:#202327 url(/cm/images/bg_login_top.png) no-repeat right;}
.wrap_login .loginarea .login_form{position:absolute;top:130px;left:40px;right:40px;/* bottom:67px; */}
.wrap_login .loginarea .login_form .btn_login{display:block;width:100%;height:52px;color:#fff;font-size:20px;line-height:52px;border-radius:6px;font-family:맑은 고딕;background-color:#e91020;}
.wrap_login .loginarea .login_form .w2input{width:100%;height:52px;margin-bottom:8px;padding-left:60px;font-size:18px;box-sizing:border-box;border-radius:6px;border-color:#d2d2d2;}
.wrap_login .loginarea .login_form .user_name{background:#e5e5e5 url(/cm/images/bg_login_name.png) no-repeat left 20px center;}
.wrap_login .loginarea .login_form .user_pwd{background:#e5e5e5 url(/cm/images/bg_login_pwd.png) no-repeat left 20px center;}
.wrap_login .loginarea .login_form .w2input:-ms-input-placeholder{color:#b9b9b9 !important;font-size:18px;font-family:verdana;}
.wrap_login .loginarea .login_form .w2input::-webkit-input-placeholder{color:#b9b9b9 !important;font-size:18px;font-family:verdana;}
.wrap_login .loginarea .login_form .w2checkbox {display:block; font-size:16px; margin:14px 0 20px 10px}
.wrap_login .loginarea .login_form .w2checkbox .w2checkbox_label {padding-left:25px; font-family:맑은 고딕}
/* 중국 인증 텍스트 */
.wrap_login .loginarea > .login_form > .txt_cert_cn {position:absolute; right:5px; color:#000; font-size:12px; text-decoration:underline; text-underline-position:under; margin-top:10px}

/* login - END  */

/* allmenu - START */
.menuarea {display:none; z-index:100; position:absolute; top:100%; left:0; min-width:1250px; height:619px; background-color:#b9b9b9; border:solid #888; border-width:0 1px 1px 0}
.menuarea.on {display:flex}
.menuarea .favoritearea {position:relative; width:250px; height:580px; border-right:1px solid #fff; box-sizing:border-box}
.menuarea .favoritearea .favtit{background-color:#283662;line-height:28px;border-bottom:1px solid #fff;font-size:15px;color:#fff;text-align:center;}
.menuarea .favmenu{position: absolute;top:29px;left:0;bottom:0;width:100%;overflow-x:hidden;overflow-y:auto;background-color:#6f6f6f;}
.menuarea .favmenu li{position:relative;overflow:hidden;border-bottom:1px solid #fff;}
.menuarea .favmenu .btn_favstar{position:absolute;top:0;left:0;display:inline-block;float:left;width:28px;height:28px;font-size:0;line-height:0;text-indent:-999px;background:transparent;}
.menuarea .favmenu .btn_favstar:before{content:"";display:inline-block;position:absolute;top:50%;left:6px;width:17px;height:16px;margin-top:-8px;background:url(/cm/images/ico_favorite.png) no-repeat;}
.menuarea .favmenu .btn_favstar.on:before{background-position:0 -16px;}
.menuarea .favmenu .btn_favtx{display:block;height:28px;padding:0 5px 0 32px;color:#fff;font-size:13px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;}
.menuarea .favmenu .btn_favtx:hover, .menuarea .favmenu .btn_favtx.on{background-color:#3c3c3c;}

.menuarea .allmenuarea {position:relative; background-color:#b9b9b9}
.menuarea .allmenuarea > ul {height:100%}
.menuarea .allmenuarea ul {position:relative; width:250px; height:580px; border-right:1px solid #fff;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background-color:#b9b9b9;}
.menuarea .allmenuarea ul li {overflow:hidden; border-bottom:1px solid #fff}
.menuarea .allmenuarea ul a{display:block;height:28px;line-height:28px;padding:0 10px;color:#3c3c3c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:D2CB;font-size:13px;text-align:left;}
.menuarea .allmenuarea ul a:hover,
.menuarea .allmenuarea ul li.on > a{color:#fff;background-color:#283662;}
.menuarea .allmenuarea ul li.on > ul{display:block;}
/* .menuarea .allmenuarea ul:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 1px;height: 100%;background: #fff;} */
.menuarea .allmenuarea ul ul{display:none;position:fixed;top:54px;}
.menuarea .allmenuarea > ul > li > ul{left:500px;}
.menuarea .allmenuarea > ul > li > ul > li > ul{left:750px;}
.menuarea .allmenuarea > ul > li > ul > li > ul > li > ul{left:1000px;border-right:0}


.menuarea .btmarea{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:#e5e5e5;}
.menuarea .btmarea .btn_amclose{position:relative;display:inline-block;float:right;width:83px;height:22px;line-height:22px;margin:9px 9px 0 0;text-indent:20px;color:#343434;background:#fff url(/cm/images/btn_allmenu_close.png) no-repeat left 6px center;}
.menuarea .btmarea .btn_amclose:before{content:"";position:absolute;left:22px;top:0;display:inline-block;width:1px;height:100%;border-right:1px solid #e5e5e5;}
/* allmenu - END */


/* mtab - START */
.w2tabcontrol.mtab{position:relative;width:100%;height:100%;}
.w2tabcontrol.mtab > .w2tabcontrol_control{height:30px;background-color:#e5e5e5;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control{height:30px;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.mask{margin:0;left:0;right:90px;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.btn_submenu{display:none;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost{height:100%;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost li{width:180px;background:#b9b9b9;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected{background-color:#fff;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.btn_scrollLeft{width:30px;height:30px;margin:0;right:60px;background:#e5e5e5 url(/cm/images/btn_mtab_left.png) no-repeat center center;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.btn_scrollRight{width:30px;height:30px;margin:0;right:30px;background:#e5e5e5 url(/cm/images/btn_mtab_right.png) no-repeat center center;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_left{background:none;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:none;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_center a{display:block;top:0;height:100%;line-height:30px;margin-right:20px;font-weight:normal;font-family:"D2CB";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;font-size:13px;color:#3c3c3c;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_right{right:5px;background:none;}
.w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_right .w2tabcontrol_tab_close{display:block !important;top:50%;width:8px;height:9px;margin-top:-4px;background:url(/cm/images/btn_mtab_close.png) no-repeat;}
.w2tabcontrol.mtab > .w2tabcontrol_container{position:absolute;top:66px;left:0;right:0;bottom:0;height:auto !important;border:0;}
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper {height:100% !important} /*창 크기 줄였을 때, 높이를 유동적으로 움직이게 하기 위함*/
/* .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper{overflow:hidden;} */

/* .w2tabcontrol.mtab .content{position:absolute;top:37px;left:0;right:0;bottom:0;padding:0 20px 0;height:auto;} */

.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents {overflow:auto} /* 최상단으로 스크롤 돌게 조정 */
body > .content, /* Design 미리보기에서 적용하기 위함 */
/* 21.04.07 적응형 사이즈 요청. 경로 쭉 이은 이유는 일부 분할 화면 안에 .contents가 또 있기 때문. 1900px인 이유: 조상그룹을 flex로 묶지 않아서 세로 스크롤이 생기면, 가로 스크롤도 같이 생겨버림. 그것을 방지하고자 스크롤 너비만큼 줄임*/
/* 21.06.10 min-height:100% -> height:100% 변경. IE에서 flex가 붙은 탭이 표현되지 못하는 경우가 있음 */
/* 21.06.15 min-height:100% -> IE 전용으로만 설정 */
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content {display:flex; flex-flow:column; min-width:1900px; min-height:100%; padding-bottom:20px; box-sizing:border-box}
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content.scr {min-height:initial; max-height:100%}
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content.scr > .contarea,
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content.scr > .contarea > .division {overflow:auto}
.w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .popwrap > .content {padding-bottom:20px} /*팝업기반의 화면을 메인으로 호출할 경우*/
.w2tabcontrol.mtab .content > .wfm_titlearea{flex:none;z-index:98;position:fixed;top:84px;left:0;right:0;height:36px;margin:0;box-sizing:border-box}
.btn_mtab_allclose{position:absolute;top:7px;right:8px;display:inline-block;width:17px;height:17px;font-size:0;line-height:0;background:#e5e5e5 url(/cm/images/btn_mtab_allclose.png) no-repeat center center;}
/* mtab - END */


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


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

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

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

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



/* loading - START  */
/* .loading{z-index:1;display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;justify-content:center;align-items:center;}
.loadingcolor: #000;olute;top:50%;left:50%;position:relative;padding:30px;min-width:210px;max-width:300px;height:210px;margin:0 auto;margin-top:45px;text-align:center;border-radius:8px;box-sizing:border-box;overflow:hidden;box-shadow:0 0 8px 1px rgba(0, 0, 0, .1);}
.loading_temp .loading_img{width:60px;height:60px;}
.loading_temp .loading_mtx{margin-top:28px;font-size:20px;color:#555;font-family:inherit;}
.loading_temp .loading_stx{margin-top:15px;font-size:16px;color:#555;}
.loading_temp .loading_img{animation:load 1.2s infinite linear}
@keyframes load{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
} */
/* loading- END  */


/* text decoration & background-color - START */
.tdu{text-decoration:underline !important}
.tdm{text-decoration:line-through !important}
.ellip:not(.w2table_sb.w2table) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.mac{margin:0 auto !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}
.fc_white{color:#fff !important;}       .bg_white{background-color:#fff !important;}
.fc_blk{color:#000 !important;}         .bg_blk{background-color:#000 !important;}
.fc_blk2{color:#333 !important;}        .bg_blk2{background-color:#333 !important;}
.fc_blue{color:#1f75c6!important;}      .bg_blue{background-color:#1f75c6!important;}               .bg_blue2 {background-color:#add8e6 !important}    .bg_blue3 {background-color:#1f75c6}/*bg_blue와 같은 색상이지만, bgsample과 숫자를 맞추기 위해 추가함*/ .bg_pureblue {background-color:#0000ff !important}
.fc_org{color:#f4a460 !important;}      .bg_org, .bg_orange{background-color:#f4a460 !important;}
.fc_red{color:#e91020 !important;}      .bg_red{background-color:#e91020 !important;}
.fc_green{color:#9acd32 !important;}    .bg_green{background-color:#9acd32 !important;}             .bg_green2 {background-color:#008000 !important}
/* 2022.03.08 Add. cyheo */
.fc_green2{color:#05d005 !important;}
.fc_ylw{color:#f4cf00 !important;}      .bg_ylw, .bg_yellow{background-color:#f4cf00 !important;}   .bg_lightyellow {background-color:#ffffe0 !important} /*As-Is 색상. 3535T01*/
                                        .bg_ylw2{background-color:#f0e68c !important;}
                                        .bg_boldyellow {background-color:#ffff00 !important}/*ishwang 2022.03.02*/
.fc_gry{color:#3c4958 !important;}      .bg_gry{background-color:#3c4958 !important;}
.fc_pup{color:#6938bb !important;}      .bg_pup{background-color:#6938bb !important;}                .bg_purple{background-color:#da70d6}/*9206T02*/
.fc_brown{color:#885e04 !important}     .bg_brown{background-color:#885e04 !important}
                                        .bg_lightsalmon{background-color:#fa8072 !important} 
                                        .bg_bluegray{background-color:#c4cfe9 !important} /*As-Is 색상. 6541*/
                                        .bg_pink{background-color:#ffb6c1 !important} /*As-Is 색상. 4302*/
                                        .bg_gray{background-color:#c8c8c8 !important} /*As-Is 색상. 2103*/
                                        .bg_header{background-color:#8088a3 !important} /* GridHeader 색상*/



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

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

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

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

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

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

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


 /* dy login - START  */
/*  body.dy > .content, .dy .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content {min-width:1878px; padding:0} 2022.02.11. cyheo 수정 3301 화면 가로 스크롤 생성 방지를 위함.*/
 body.dy > .content, .dy .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content {min-width:1861px; padding:0}
.dy .wrap_login{min-height:550px; background-image: url(/cm/images/bg_login_dy.png); background-size:cover}
.dy .wrap_login .login_logo{position:absolute;top:23px;left:25px;width:90px;height:50px;background:url(/cm/images/bg_login_logo_dy.png) no-repeat;}
.dy .wrap_login .login_cont{display:flex; justify-content:center; width:80%; max-width: 1419px; background:url(/cm/images/bg_login_txt_dy.png) no-repeat top center / contain}
.dy .wrap_login .loginarea{position:relative; top:70%; right:initial; width:1240px; height:100px; background-color:#fff; box-shadow:4px 4px 8px 0 rgb(0 0 0 / 20%)}
.dy .wrap_login .loginarea:before{display:none;}
.dy .wrap_login .loginarea .login_tit {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:0; width:270px; text-align:center; text-indent:0; font-size:inherit; line-height:inherit; color:#fff; border-radius:0; background:#202327}
.dy .wrap_login .loginarea .login_tit .txt {font-size:24px; line-height:1}
.dy .wrap_login .loginarea .login_tit .w2checkbox {display:block; font:16px 맑은 고딕; color:#fff; margin:16px 0 0 0}
.dy .wrap_login .loginarea .login_tit .w2checkbox .w2checkbox_label{padding-left:25px}
.dy .wrap_login .loginarea .login_form{display:flex;flex-direction:row;position:absolute;top:0px;left:270px;right:0px;bottom:0;padding:0 15px;}
.dy .wrap_login .loginarea .login_form .w2input{width:100%;height:52px;margin:24px 5px;padding-left:60px;font-size:18px;box-sizing:border-box;border-radius:6px;border-color:#d2d2d2;}
.dy .wrap_login .loginarea .login_form .user_name{flex:1;background:#e5e5e5 url(/cm/images/bg_login_name.png) no-repeat left 20px center;}
.dy .wrap_login .loginarea .login_form .user_pwd{flex:1;background:#e5e5e5 url(/cm/images/bg_login_pwd.png) no-repeat left 20px center;}
.dy .wrap_login .loginarea .login_form .btn_login{flex:1;width:100%;height:52px;margin:24px 5px;color:#fff;font-size:20px;line-height:52px;border-radius:6px;font-family:맑은 고딕;background-color:#e91020;}
/* 중국 인증 텍스트 */
.dy .wrap_login .loginarea > .txt_cert_cn {position:absolute; right:20px; bottom:5px; font-size:12px; color:#000; text-decoration:underline; text-underline-position:under}
/* dy login - END  */


/* DY template -START*/
.dy .wfm_header{background-color:#fff;}
.dy .header_wrap{background-color:#fff;}
.dy .header_wrap .leftarea .btn_allmenu{background:#fff url(/cm/images/btn_allmenu_dy.png) no-repeat center center;}
.dy .header_wrap .leftarea h1.logo{width:151px;background-image:url(/cm/images/ico_logo_dy.png);}
.dy .header_wrap .leftarea .inputbtn{margin-top:11px;background-color:#f8f8f8;}
.dy .header_wrap .leftarea .w2input{height:32px;padding-left:10px;color:#9d9d9d;border:1px solid #cfcfcf;border-radius:3px;}
.dy .header_wrap .leftarea .btn_sch{height:32px;background-image:url(/cm/images/ico_search.png)}

.dy .header_wrap .leftarea .w2autoComplete{border:1px solid #b9b9b9;background-color:#fff;}
.dy .header_wrap .leftarea .w2autoComplete .w2autoComplete_label{color:inherit;}
.dy .header_wrap .leftarea .w2autoComplete .w2autoComplete_col_button{background:url(/cm/images/ico_search.png) no-repeat center center;background-size:50%;}
.dy .header_wrap .leftarea .w2autoComplete .w2autoComplete_col_label{background-color:#fff;}
.dy .header_wrap .leftarea .w2autoComplete .w2autoComplete_input{background-color:#fff; color:#000}
.dy .header_wrap > .leftarea .w2autoComplete .w2autoComplete_placeholder:empty:before {color:#000}


.dy .header_wrap .rightarea .btn_logout{color:#fff;border:1px solid #e5e5e5;border-radius:3px;background-color:#65a7e5;}
.dy .header_wrap .rightarea .configwhite{border:0;background-image:url(/cm/images/ico_config.png);}
.dy .header_wrap .rightarea .tmenuarea li:after{background-color:#dcdcdc;}
.dy .header_wrap .rightarea .tmenuarea .btn_tmenu,
.dy .header_wrap .rightarea .tmenuarea .txt_tmenu {color:#3c3c3c}

.dy .w2tabcontrol.mtab > .w2tabcontrol_control{height:30px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control{height:30px;background-color:#fff;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.mask{left:20px;right:123px;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost li{width:180px;margin:1px;border-top-left-radius:4px;border-top-right-radius:4px;background:#65a7e5;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected{background-color:#406f9b;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_active.w2tabcontrol_selected a{color:#fff;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.btn_scrollLeft{width:30px;right:87px;margin:0 1px;border-top-left-radius:4px;border-top-right-radius:4px;background:#65a7e5 url(/cm/images/btn_mtab_left_dy.png) no-repeat center center;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_control.btn_scrollRight{width:30px;right:53px;border-top-left-radius:4px;border-top-right-radius:4px;background:#65a7e5 url(/cm/images/btn_mtab_right_dy.png) no-repeat center center;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_center a{line-height:30px;color:#fff;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_right .w2tabcontrol_tab_close{;background:url(/cm/images/btn_mtab_close_dy.png) no-repeat;}
.dy .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents {padding:0 21px 21px; box-sizing:border-box}
.dy .w2tabcontrol.mtab .content > .wfm_titlearea{top:84px;/*height:46px; background-color:#e5e5e5; */}

.dy .btn_mtab_allclose{top:8px;right:28px;}

.dy .content .wfm_titlearea{border:0;}
.dy .content > .wfm_titlearea .titlearea{margin:0 21px 0;box-sizing:border-box;border-radius:0 4px 4px 4px;background-color:#406f9b;}
.dy .content > .wfm_titlearea .titlearea .favorite{margin-left:5px;border-radius:4px;border:1px solid #3f555e;background-color:#3f555e;}
.dy .content > .wfm_titlearea .titlearea .rightarea {margin-right:10px}
.dy .content > .wfm_titlearea .titlearea h2.title{font-weight:normal;color:#fff;}

.dy .content > .wfm_titlearea .titlearea .btn_ico.info{background-color:transparent;background-image:url(/cm/images/ico_info_dy.png);}
.dy .content > .wfm_titlearea .titlearea .btn_ico.refresh{background-color:transparent;background-image:url(/cm/images/ico_refresh_dy.png);}
.dy .content > .wfm_titlearea .titlearea .btn_ico.go{background-color:transparent;background-image:url(/cm/images/ico_exit_dy.png);}

.dy .menuarea .favoritearea{border:0;}
.dy .menuarea .favoritearea .favtit{border:0;margin:4px 2px;border-radius:3px;}
.dy .menuarea .favmenu{top:32px;background-color:transparent;}
.dy .menuarea .favmenu li{margin:4px 2px;border:0;border-radius:3px;}
.dy .menuarea .favmenu .btn_favtx{background-color:#6f6f6f;}
.dy .menuarea .favoritearea .favtit{background-color:#525252;}
.dy .menuarea .favmenu .btn_favtx:hover, .menuarea .favmenu .btn_favtx.on{background-color:#3378b9;}

.dy .menuarea .allmenuarea ul{border-right:0;}
.dy .menuarea .allmenuarea ul li{margin:4px 2px;border-radius:3px;border:0;}
.dy .menuarea .allmenuarea ul a{background-color:#fff;}
.dy .menuarea .allmenuarea ul a:hover, .menuarea .allmenuarea ul li.on > a{background-color:#3378b9;}

/* DY template -END */

/* cover를 그냥 넣으면 작은 사이즈 일 경우, 글씨가 배경 때문에 잘 보이지 않음. 반대로, 없으면 1920px 이상 사이즈 또는 일정 이상 축소 시, 배경이 꽉 차지 않음. */
@media (min-width:1920px) {
    .wrap_login{background-size:cover}
}

/*** Widget ***/
.dy .w2tabcontrol.mtab > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabContainer_contents > .content.widget {min-width:1878px; background-image:url(/cm/images/bg_widget_main_dongyoung.jpg); padding:0 20px 20px}
.dy .content.widget > .wfm_titlearea .titlearea {border-bottom-left-radius:0; border-bottom-right-radius:0}
.dy .content.widget > .searcharea {width:auto; left:21px; right:21px}