@charset "UTF-8";

@font-face {
    font-family: NotoSans;
    font-weight: 400;
    font-style: normal;
    src: url("/static/cmm/font/NotoSansKR-Regular.woff2") format("woff2"), url("/static/cmm/font/NotoSansKR-Regular.woff") format("woff");
    font-display: block;
}
@font-face {
    font-family: NotoSans;
    font-weight: 700;
    font-style: bold;
    src: url("/static/cmm/font/NotoSansKR-Medium.woff2") format("woff2"), url("/static/cmm/font/NotoSansKR-Medium.woff") format("woff");
    font-display: block;
}
@font-face {
    font-family: NotoSans;
    font-weight: 800;
    src: url("/static/cmm/font/NotoSansKR-Bold.woff2") format("woff2"), url("/static/cmm/font/NotoSansKR-Bold.woff") format("woff");
    font-display: block;
}

@font-face{
    font-family: spo;
    font-weight: 100;
    src: url("/static/cmm/font/SpoqaHanSans-Thin.eot");
    src: url("/static/cmm/font/SpoqaHanSans-Thin.eot?#iefix") format("embedded-opentype"),
    url("/static/cmm/font/SpoqaHanSans-Thin.woff") format("woff"), url("/static/cmm/font/font/SpoqaHanSans-Thin.ttf") format("truetype");
  }

@font-face{
    font-family: spo;
    font-weight: 300;
    src: url("/static/cmm/font/SpoqaHanSans-Light.eot");
    src: url("/static/cmm/font/SpoqaHanSans-Light.eot?#iefix") format("embedded-opentype"),
    url("/static/cmm/font/SpoqaHanSans-Light.woff") format("woff"), url("/static/cmm/font/font/SpoqaHanSans-Light.ttf") format("truetype");
  }

.ico--loading{ background-image: url("/static/cmm/images/loading.gif");background-repeat: no-repeat;background-position: 50% 0;background-size: auto;}

.transparent-background, .blocker, #container .contents .blocker--loading, .main .heading, .lay--repThumb, .log--wrap .log--area, .intro .idx--area .wr, .intro .sec--wrap.ty1 .col .wr{ background-color: transparent;zoom: 1;}

/*버튼 only text*/
/*버튼 only icon*/
/*버튼 text+icon
.sec--wrap.ty1 .searchBox .btn--inquiry, .btn--inquiry, .btn--stepNext, .btn--stepPrev, .btn--lookup, .btn--toLeft, .btn--toRight, .btn--colm, .btn--default, .btn--reset, .btn--save, .btn--export, .btn--cancel, .btn--chartdown, .btn--delete, .btn--add, .btn--edit { background: #ffffff !important; /*Old browsers*background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%) !important; /*FF3.6+* background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%) !important; /*Chrome10+,Safari5.1+* background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%) !important; /*Opera 11.10+*background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%) !important; /*IE10+* -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#f5f5f5,GradientType=0 )"; /*IE6-9* background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) !important; /*W3C*}
*/
/*임시*/
/*블릿*/
/*차트*/
/*탭*/
/*레이어 st1 개별셋팅*/
/*http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, input, button, textarea, select, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-family:NotoSans, Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 13px; color: #555;margin: 0; padding: 0; vertical-align: baseline; border: 0; }

/*HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.5; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-spacing: 0; border-collapse: collapse; table-layout:fixed;}

/*reset*/
/*body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, table { font-family: tahoma, dotum, "돋움"; font-size: 12px; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; color: #333; }*/

a, em, label, span, strong, button { display: inline-block; }

address, em { font-style: normal; }

caption { font-size: 0; line-height: 0; visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; }

dd, dl, ol, ul, form, fieldset { margin: 0; padding: 0; }

legend { position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; }

input, select, textarea {line-height: 1; margin: 0; padding: 0; vertical-align: top;  }

label, button { cursor: pointer; }

button { overflow: visible; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; }
button::-moz-focus-inner { padding: 0; border: 0; }

a, button { cursor: pointer; text-align: left; text-decoration: none; color: #555; }
a:link, button:link { text-decoration: none; }
a:hover, a:focus, button:hover, button:focus { text-decoration: underline; color: #ff985c; }
a:disabled, button:disabled { color: #adadad !important; cursor: default; text-decoration: none !important; }
a:disabled:hover, a:disabled:focus, button:disabled:hover, button:disabled:focus { text-decoration: none !important; }

/*base*/
.blind { display: none !important; }

.hide, .header .logo a, .lay--wrap .lay--label { position: absolute; top: 0; left: 0; display: none; overflow: hidden; width: 0; height: 0; text-indent: -9999px; }

.taL { text-align: left !important; }

.taC { text-align: center !important; }

.taR { text-align: right !important; }

.taT { vertical-align: top !important; }

.fc { clear: both; }

.fl { float: left; }

.fr { float: right !important; }

.tcr { color: #e20400 !important; }

.tcb { color: #ff985c !important; }

.tcn { color: #333 !important; }

.fwb { font-weight: bold; }
.mg0{margin:0 !important}
.mgt-5{margin-top:-5px}
.mgb5{margin-bottom:5px}


.f_navy{color:#3365a8 !important}
.f_blue{color:#1d97ff !important;}
.f_red{color:#e20400 !important;}
.bg_gray{background-color:#f7f7f7}
.bg_yellow{background-color:#feffed}
.bg_blue{background-color:#f1f8ff}
.bd_line_top {border-top:1px solid #dfdfdf !important}
.bd_line_top td{border-top-color:#dadada !important}
.bd_line_left{border-left-color:#dadada !important}
.total_num{color:#6974e1;font-weight: bold;}
.bd_round_bl{border-bottom-left-radius:5px}
.bd_round_br{border-bottom-right-radius:5px}
.bd_none{border:0 none !important;}

.icn_red:after{content:'▲';font-size:10px;color:#ff5050;margin-left:5px;}
.icn_blue:after{content:'▼';font-size:10px;color:#00c0ff;margin-left:5px;}
.icn_default:after{content:'■';font-size:10px;color:#aeaeae;margin-left:5px;}

ol:before, ol:after, ul:before, ul:after { display: block; content: ''; }
ol:after, ul:after { clear: both; }

.txt_ell1, .txt_ell1 a, .txt--ell1, .txt--ell1 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;display:block;}
.txt_ell2, .txt_ell2 a, .txt--ell2, .txt--ell2 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:1.5em;max-height:3.2em;word-break:break-all;display:block;}
.txt_ell3, .txt_ell3 a, .txt--ell3, .txt--ell3 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height:1.5em;max-height:4.5em;word-break:break-all;display:block;}


.clear--wrap { display: inline-block; vertical-align: top; position: relative; border: 1px solid #c8c8c8; background-color: #fff; border-radius:3px;box-sizing:border-box;}
.clear--wrap.disabled:hover{border-color:#c8c8c8}
.clear--wrap:hover, .clear--wrap:focus{border: 1px solid #4a7eb2; }
.clear--wrap input[type=text], .clear--wrap input[type=password] { border: 0; background-color: #fff;border-radius:3px; }
.clear--wrap .btn--clear { position: relative; width: 16px; height: 16px; position: absolute; right: 3px; top: 50%; margin-top:-8px;padding: 4px; }
.clear--wrap .btn--clear:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -21px -179px; }

.clear--wrap input[type=text], .clear--wrap input[type=password], textarea {width:100%; height: 24px; border: 0;padding: 0 20px 0 5px;line-height: 24px; background-color: #fff;box-sizing:border-box }
.clear--wrap input[type=text]:hover, .clear--wrap input[type=password]:hover, .clear--wrap textarea:hover, .clear--wrap input[type=text]:focus, .clear--wrap input[type=password]:focus, .clear--wrap textarea:focus{background-color: #f2fbff;outline:none;}
.clear--wrap input[type=text]::-ms-clear, .clear--wrap input[type=text]::-ms-reveal, .clear--wrap input[type=password]::-ms-clear, .clear--wrap input[type=password]::-ms-reveal, .clear--wrap textarea::-ms-clear, .clear--wrap textarea::-ms-reveal { display: none; }
.clear--wrap input[type=text]:disabled, .clear--wrap input[type=text][disabled], .clear--wrap input[type=password]:disabled, .clear--wrap input[type=password][disabled], .clear--wrap textarea:disabled,.clear--wrap textarea[disabled], .clear--wrap:hover + input[type=text]:disabled { background:#F1F1F1; color:#999; cursor:default;}

input[type=text]:placeholder, input[type=password]:placeholder, textarea:placeholder{color:#bbb;}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder{color:#bbb;}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#bbb;}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#bbb;}

input[type=text]::-ms-clear, input[type=password]::-ms-clear{display:none; }

.clear--wrap textarea { line-height: 1.5;/*border: 1px solid #ababab;*/padding:5px;background-color: #fff; min-height:100px;resize:none; border-radius:3px}

/*ie10+ hack
select { border: 1px solid #c8c8c8; background-color: #fff; height:26px;padding-left:5px;border-radius:3px; }
select:hover, select:focus{border: 1px solid #617cf0; background-color: #fff;color:#000;}
select:disabled, select[disabled] { background-color: #f9f9f9; border: 1px solid #c4c4c4; color: #bbb; }*/

/* select */
.selectBox{float:left;font-size:14px;height:26px;background-color:#fff;margin-left:5px}

.selectBox:first-child{margin-left:0;}
/*.selectBox1{z-index:3;}
.selectBox2{z-index:2}
.selectBox3{z-index:1}
.selectBox1 .select{z-index:3;}
.selectBox2 .select{z-index:2;}
.selectBox3 .select{z-index:1;}*/
.selectBox.type1{width:94px;}
.selectBox.type2{width:144px;}
.selectBox.type3{width:200px;}
.select-hidden{display:none;visibility:hidden;padding-right:10px;}
.select{cursor:pointer;display:block;position:relative;color:#333;width:100%;height:26px;line-height:24px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.select-styled{position:absolute;left:0;top:0;width:100%;height:100%;padding:0px 25px 0 8px;border:1px solid #c8c8c8;border-radius:3px;z-index:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.select-styled.active:after{content:'';display:block;position:absolute;right:7px;top:50%;margin-top:-9px;width:15px;height:18px;background-color:#fff;background-image:url("/static/cmm/images/icn_select_on.png");background-repeat:no-repeat;background-position:0 0;z-index:1;cursor:pointer;}

.selectBox .icn_select{position:absolute;right:8px;top:50%;margin-top:-9px;width:15px;height:18px;background-image:url("/static/cmm/images/icn_select.png");background-repeat:no-repeat;background-position:0 0;/*z-index:1;*/cursor:pointer;}
.select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:100;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #D4D4D4;border-radius:3px;margin-bottom:20px;max-height:200px; overflow-y:auto;}
.select-options li{margin:0;padding:4px 8px;color:#000;line-height:16px;background:#fff;text-align:left;}
.select-options li.on{color:#1b2b9d;}
.select-options li:hover{color:#1b2b9d;background:#e7edff;}
.select-options li[rel="hide"]{display:none;}
.select-disabled{background:#f1f1f1;color:#999;cursor:default;border:1px solid #d6d6d6 !important;}
/*콤보박스 disabled 스타일*/
.selectBox select[disabled="disabled"], .selectBox select[disabled] { background: #f1f1f1; color: #999; cursor: default; }

/* 레이어 > Select 형식 */
.selectList{position:relative;width:100%}
.selectList .allList{position:relative;height:24px;line-height:24px;border:1px solid #c8c8c8;border-radius:3px;background:#fff;cursor:pointer;padding:0px 25px 0 8px;margin:0;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.selectList .allList i{position:absolute;right:8px;top:50%;margin-top:-9px;width:15px;height:18px;background-image:url("/static/cmm/images/icn_select.png");background-repeat:no-repeat;background-position:0 0}

.selectList .allList.on i{background-image:url("/static/cmm/images/icn_select_on.png");}
.selectList .allList option{display:none;width:0;height:0;font-size:0;opacity:0;text-indent:-9999px;z-index:-50;visibility:hidden}
.selectList .txt_disabled{height:18px}
.selectList .lay--list{position:absolute;left:0;top:26px;z-index:16;width:100%;background:#fff;/*max-height:300px;*/overflow-y:auto;}
.selectList .lay--list ul{border:1px solid #ccc;margin:0;overflow-y:auto;max-height:250px;border-radius:3px;}
.selectList .lay--list ul li{position:relative;cursor:pointer;vertical-align:top;}
.selectList .lay--list ul li label{color:#000;display:block !important;;padding:4px 8px;line-height:16px;margin-right:0 !important}
.selectList .lay--list ul li:hover,
.selectList .lay--list ul li:focus{background-color:#e7edff;}
.selectList .lay--list ul li:hover label,
.selectList .lay--list ul li:focus label{color:#1b2b9d;}
.selectList .lay--list ul li .checks{margin-top:0 !important;}
.selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+label{outline:none;}
.selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+input+label{outline:none}
/*.selectList .lay--list ul li input{margin-right:5px}
.selectList .lay--list ul li input[type=checkbox]{position:absolute;left:6px;top:6px;vertical-align:top;width:13px;height:13px;}
.selectList .lay--list ul li label{float:none;display:block;color:#777;margin:0;padding:2px 6px 2px 25px;font-weight:normal;vertical-align:top}
.selectList .select_area{width:100%; min-height:25px; max-height:250px; overflow-y:auto;margin:10px 0;}
*/
.selectList .select_area ul{margin:0}
.selectList .select_area ul li{float:left;display:block;margin:0 10px 0 3px;color:#1391c0;word-break:keep-all;white-space:nowrap}
.selectList .select_area ul li button{background:url(/static/cmm/images/icon/icon_delete.gif) no-repeat center center;display:inline-block;width:11px;height:11px;text-indent:-9999px;margin:0 5px;border:0 none;}

/* CheckBox, Radio */
.checks:after{display:block;content:'';clear:both;}
.checks.checks--rdo{float:left}
.checks--line{padding-top:5px;}
.checks--line:first-child{padding-top:0}
.checks--line .checks{margin-left:15px;}
.checks--line .checks:first-child{margin-left:0;}
.checks input[type=radio]:not(old) + label span.img_rdo{background-image:url("/static/cmm/images/bg_radio.png");background-position:0 0;display:inline-block;width:13px;height:13px;margin:0 5px 3px 0;vertical-align:middle;cursor:pointer;}
.checks input[type=radio]:not(old) + label.img_disabled{cursor:default;}
.checks input[type=radio]:not(old) + label.img_disabled span{background-position:0 -26px;cursor:default;}
.checks input[type=radio]:not(old):checked + label span.img_rdo{background-position:0  -13px;}
.checks input[type=radio]:not(old){position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.checks input[type=radio]{width:13px;height:13px;cursor:pointer;}/*ie8용*/
.checks input[type=radio] + label{cursor:pointer;vertical-align:top;}
.checks input[type=radio] + label span.img_rdo{margin-right:8px;}
.checks input[type=radio] + label.img_disabled{cursor:default;}
.checks input[type=radio]:not(old):focus+label{outline:1px dotted #333;display:inline-block;}
.checks input[type=radio]:not(old):focus+input+label{outline:1px dotted #333;display:inline-block;}
.checks input[type=radio]:not(old):disabled + label span.img_rdo, .checks input[type=radio]:not(old):disabled + input + label span.img_rdo{background-position: 0 -26px;}

.checks input[type=checkbox]{vertical-align:middle;margin:0 5px 3px 0}/*ie8용*/
.checks input[type=checkbox]:not(old) + label, .checks input[type=checkbox]:not(old) + input + label{cursor:pointer;display:inline-block;/*margin-left:25px;text-indent:-25px;*/}
.checks input[type=checkbox]:not(old) + label span.img_chk, .checks input[type=checkbox]:not(old) + input + label span.img_chk{background-image:url("/static/cmm/images/bg_check.png");background-position:0 0;display:inline-block;width:14px;height:14px;margin:0 5px 3px 0;cursor:pointer;vertical-align:middle;}
.checks input[type=checkbox]:not(old):checked + label span.img_chk, .checks input[type=checkbox]:not(old):checked + input + label span.img_chk{background-position:0 -14px;}
.checks input[type=checkbox]:not(old){position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.checks input[type=checkbox]:not(old):focus+label{outline:1px dotted #333;display:inline-block;}
.checks input[type=checkbox]:not(old):focus+input+label{outline:1px dotted #333;display:inline-block;}
.checks input[type=checkbox]:not(old):disabled + label span.img_chk, .checks input[type=checkbox]:not(old):disabled + input + label span.img_chk{background-position:0 -28px;}

.mark{float:left;padding:4px 4px 0;vertical-align:middle}

/*file*/
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: 4px 12px; line-height: 1.5; font-size: 12px; text-align: center; color: #363636; background: #fcfcfc; border: 1px solid #b7b7b7; vertical-align: middle; cursor: pointer; }
.filebox .upload--name { display: inline-block; width: 260px; height:26px;background-color: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* File (파일첨부) */
.fileBox{position:relative;text-align:left;}
.fileBox .fileInput{position:relative;}
.fileBox .fileInput:after{display:block;content:'';clear:both;}
.fileBox .fileInput .clear--wrap{float:left;width:100%; }
.fileBox .fileInput .clear--wrap .upload--name{display:block;width:100%;height:24px;line-height:24px;color:#555;background-color:#fff;padding:0 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-binding: url("ellipsis.xml#ellipsis"); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fileBox .fileInput .clear--wrap input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.fileBox .fileNameWrap{clear:both;padding-top:5px;}
.fileBox .fileName{position:relative;padding-top:5px;}
.fileBox .fileName strong{width:100%;}
.fileBox .fileName a{color:#3365a8;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:84%;vertical-align:top;padding:0 5px;}
.fileBox .fileName a:hover{text-decoration:underline;}
.fileBox .fileName .btn--del{/*position:absolute;right:-26px;top:50%;*/display:inline-block;background:url(/static/cmm/images/btn.png) no-repeat 0 -31px;width:16px;height:13px;vertical-align:middle;text-indent:-9999px;outline:none;}
.btn--file .btn--file__delete{width:26px;height:26px;background:url("/static/cmm/images/btn.png") no-repeat -80px -700px;}


/*skip*/
.skip { position: fixed; z-index: 5; top: 0; left: 0; width: 100%; }
.skip a { font-size: 0; display: block; width: 0; height: 0; }
.skip a:focus { font-size: 14px; display: block; width: 100%; height: 16px; padding: 16px 0 20px; text-align: center; color: #fff; background: #1e376d; }

svg *, .amcharts-balloon-div > div { font-family: tahoma, dotum !important; }

/*blocker*/
.dimmed,.blocker, #container .contents .blocker--loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 110; background: #000;opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50) /*ie8*/ }

.title{font-weight:bold;color:#000;padding-bottom:5px;}


.g--dep1{padding-left: 8px;}
.g--dep2{padding-left: 13px; }
.g--dep3{padding-left: 36px; }
.g--dep4{padding-left: 52px; }
/**************************************************/
/*login*/
.login{display:table;height:100%;margin:auto;}
.login--wrap{display:table-cell;width:100%;height:670px;vertical-align:middle;}
.login--box{position:relative;margin:auto;width:920px;height:670px;background-color:#fff;border-radius:4px;}
.login--box:before{content:'';position:absolute;left:0;top:0;background-color:#6576ff;width:100%;height:5px;z-index:2;border-top-left-radius:4px;border-top-right-radius:4px;}
.login--aims .login--box:before{background-color:#a154e5}
.login--box:after{display:block;content:'';clear:both;}
.login--left{width:50%;float:left;background:url("/static/cmm/images/bg_login_left.png") no-repeat center;border-bottom-left-radius:5px;border-top-left-radius:5px;}
.login--aims .login--left{width:50%;float:left;background:url("/static/cmm/images/bg_login_aims_left.png") no-repeat center;}
.login--left .login--tit{display:table;height:338px;margin:auto;}
.login--left .login--tit h1{display:table-cell;vertical-align:middle;font-size:32px;font-weight:800;color:#fff;}
.login--left .login--txt{position:relative;height:332px;}
.login--left .login--txt .txt{position:absolute;left:0;right:0;top:0;bottom:0;width:400px;margin:auto;font-size:18px;color:#fff;text-align:center;}
.login--aims .login--left .login--txt .txt{width:420px;}
.login--left .login--txt .txt p{height:332px;display:table-cell;vertical-align:middle;font-size:18px;color:#fff;line-height:210%}
.login--left .login--txt .txt p span{display:block;margin-top:40px;}
.login--left .login--txt .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#272f66;opacity:0.9;border-bottom-left-radius:4px;}
.login--aims .login--left .login--txt .bg{background-color:#482766;}
.login--right{position:relative;float:left;width:50%;height:100%;display:table;background:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.login--right .login--input{display:table-cell;width:100%;height:670px;vertical-align:middle;padding:0 68px;}
.login--input__title{padding-bottom:24px}
.login--input__title h2{font-size:32px;color:#272f66;font-weight:800}
.login--input__title p{color:#ababab;font-size:18px;letter-spacing:-0.03em;padding-top:3px;}
.login--input__field{margin-right:4px}
.login--aims .login--input__title p{color:#ababab;font-size:16px}
.login--aims .login--input__field {padding-right:4px;}
.login--input__field .selectBox{float:none;width:100%;height:40px;background-color:transparent}
.login--input__field .selectBox .select{height:40px;line-height:40px;}
.login--input__field .selectBox .select-styled{padding:0px 28px 0 18px;color:#8087b7;border:1px solid #e5e5e5}
.login--input__field .selectBox .select-styled.active{border:1px solid #4a7eb2;/*#617cf0;*/background-color:#fff;background-image:url("/static/cmm/images/icn_select_up.png");background-repeat:no-repeat;background-position: 95% center;z-index:0;cursor:pointer;}
.login--aims .login--input__field .selectBox .select-styled.active{background-color:#f7f5f6;}
.login--input__field .selectBox .select-styled.active:after{display:none;}
.login--input__field .selectBox .icn_select{right:9px;background-image:url("/static/cmm/images/icn_select_down.png");margin-top:-5px;width:19px;height:11px;}
.login--input__field .selectBox .select-options li{line-height:26px;padding:4px 18px;word-break:break-all;border-top:1px solid #eaebef;}
.login--input__field .selectBox .select-options li:first-child{border-top:0 none;}
.login--aims .login--input__field .selectBox .select-options li:hover{background-color:#f7f5f6;}
.login--input__field .items{float:none;width:100%;margin:20px 0 0}
.login--input__field .items .clear--wrap{display:block;border:0 none;}
.login--input__field .items .clear--wrap input[type=text], .login--input__field .items .clear--wrap input[type=password]{border:1px solid #e5e5e5;padding:0 30px 0 18px;box-sizing:border-box;}
.login--input__field .items .clear--wrap input[type=text]:focus, .login--input__field .items .clear--wrap input[type=password]:focus{border: 1px solid #4a7eb2;/*#617cf0;*/ }
.login--aims .login--input__field .items .clear--wrap input[type=text]:hover, .login--aims .login--input__field .items .clear--wrap input[type=password]:hover, .login--aims .login--input__field .items .clear--wrap textarea:hover, .login--aims .login--input__field .items .clear--wrap input[type=text]:focus, .login--aims .login--input__field .items .clear--wrap input[type=password]:focus, .login--aims .login--input__field .items .clear--wrap textarea:focus{background-color:#f7f5f6;}
.login--aims .login--input__field .items .clear--wrap input:-webkit-autofill, .login--aims .login--input__field .items .clear--wrap input:-webkit-autofill:hover, .login--aims .login--input__field .items .clear--wrap input:-webkit-autofill:focus, .login--aims .login--input__field .items .clear--wrap input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px #f7f5f6 inset !important;}
.login--input__field .items .clear--wrap .btn--clear{right:12px;}
.login--input__field .items input{width:100%;height:40px;background:none;padding:0;color:#8087b7;}
.login--input__field .items input::placeholder input{color:#8087b7;}
.login--input__field .items input::-webkit-input-placeholder{color:#8087b7;}
.login--input__field .items input:-ms-input-placeholder{color:#8087b7;}
.login--input__field .btn--login{margin-top:30px}
.login--input__field .btn--login button, .login--input__field .btn--login a{display:block;width:100%;height:56px;line-height:56px;background:url("/static/cmm/images/btn_login.png") no-repeat 0 0;color:#fff;font-size:18px;font-weight:700;text-align:center;border-radius:5px;}
.login--input__field .btn--login button:hover, .login--input__field .btn--login a:hover{background-position:0 -61px;text-decoration:none;}
.login--aims .login--input__field .btn--login button{background:url("/static/cmm/images/btn_login.png") no-repeat 0 -122px;}
.login--aims .login--input__field .btn--login button:hover{background-position:0 -183px;background-color:none;}
.login--input__field .btn--login p{font-size:14px;color:#7d7d7d;text-align:center;padding-top:15px;}
.login--aims .login--input__field .btn--login p{padding-top:0}
.login--input__field .btn--login p a{display:inline-block;width:inherit;height:inherit;background:none;color:#577aff;margin-left:12px;font-size:14px;font-weight:normal;}
.login--box .fnguide{position:absolute;right:70px;bottom:50px;color:#979797}
.login--box .fnguide span{color:#94243b;}

/* Launcher */
.login--launcher .login--box{position:relative;display:table;background:url("/static/cmm/images/bg_launcher.png") no-repeat 0 0;}
.login--launcher .btn--client{position:absolute;left:28px;top:30px;width:98px;height:28px;line-height:28px;display:block;z-index:4;background-color:#535ec1;border:1px solid #7782e0;color:#fff;border-radius:5px;font-size:14px;text-align:center;}
.login--launcher .btn--logout__launcher{position:absolute;right:28px;top:30px;width:98px;height:28px;line-height:28px;display:block;z-index:4;background-color:#3f4c6b;border:1px solid #0a1731;color:#fff;border-radius:5px;
  font-size:14px;}
.login--launcher .btn--logout__launcher:hover{background-color:#535ec1;border-color:#7782e0;text-decoration:none;}
.login--launcher .btn--logout__launcher:before{content:'';display:inline-block;width:16px;height:21px;background:url("/static/cmm/images/btn.png") no-repeat 0 -242px;margin:0 9px;vertical-align:middle;}
.login--launcher .btn--logout__launcher:hover:before{background-position:-20px -242px;}
.btn--login__launcher{position:relative;display:table-cell;vertical-align:middle;text-align:center;z-index:3;background:url("/static/cmm/images/bg_launcher_circle.png") no-repeat center;}
.btn--login__launcher.run{background:none;}
.btn--login__launcher .txt{position:absolute;left:0;right:0;top:150px;font-size:30px;color:#fff;}
.btn--login__launcher button, .btn--login__launcher a{width:350px;height:70px;line-height:70px;background:url("/static/cmm/images/btn_launcher.png") no-repeat 0 0;color:#fff;font-size:18px;font-weight:700;margin:auto;text-align:center;border-radius:5px;}
.btn--login__launcher button:hover, .btn--login__launcher a:hover{background-position:0 -75px;text-decoration:none;}
.btn--login__launcher .txt--launcher{display:none;font-size:48px;color:#fff;font-family:spo;font-weight:100}
.btn--login__launcher .txt--launcher p{font-size:30px;color:#ab5ef7;margin-top:10px;font-family:spo;font-weight:300;}
.login--launcher .login--box .fnguide{left:50%;right:inherit;margin-left:-76px;z-index:3}
.login--launcher.login--aims .btn--client{background-color:#8532d8;border:1px solid #0a1731;color:#fff;}
.login--launcher.login--aims .btn--logout__launcher{background-color:#413f6b;border:1px solid #716e9d;}
.login--launcher.login--aims .btn--logout__launcher:hover{background-color:#925ec5;border-color:#b278ec;text-decoration:none;}
.login--launcher.login--aims .login--box{background:url("/static/cmm/images/bg_launcher_aims.png") no-repeat 0 0;}
.login--launcher.login--aims .btn--login__launcher button, .login--launcher.login--aims .btn--login__launcher a{background:url("/static/cmm/images/btn_launcher.png") no-repeat 0 -150px}
.login--launcher.login--aims .btn--login__launcher button:hover, .login--launcher.login--aims .btn--login__launcher a:hover{background-position:0 -225px}

/* 2022-08-10 Front login */
.btn--login2 button {width: 75px;height:30px;padding: 4px 21px;background:url("/static/cmm/images/btn_login.png") no-repeat 0 0;color:white;font-size:14px;font-weight:normal;text-align:center;border-radius:5px; position: absolute;}
.btn--login2 button:hover{background-position:0 -61px;text-decoration:none;}
/* .btn--login2 button:hover{background-position:0 -183px;background-color:none;} */
#btnDnGuide:first-child{margin-left:80px}
#btnLogin2 > a {color:white}
#headerUtil {display:block;position: absolute;right: 5px;top: 22px;z-index:2;}

/* Launcher > bg animate */
.bg--circle{position:absolute;left:50%;top:50%;width:600px;height:600px;border-radius:100%;animation:load-spin 8s infinite linear;margin:-300px 0 0 -300px;overflow:hidden;}
.load--circle{width:100%;height:100%;position:absolute}
.load--circle .load--inner{width:100%;height:100%;border-radius:100%;border:1px solid rgba(76,135,243,0.7);border-right:none;border-top:none;background-clip:padding;box-shadow:inset 0 0 10px rgba(131,141,233,0.15)}
.load--circle:nth-of-type(0){transform:rotate(0deg)}
.load--circle:nth-of-type(0) .load--inner{animation:load-spin 8s infinite linear}
.load--circle:nth-of-type(1){transform:rotate(70deg)}
.load--circle:nth-of-type(1) .load--inner{animation:load-spin 8s infinite linear}
.load--circle:nth-of-type(2){transform:rotate(140deg)}
.load--circle:nth-of-type(2) .load--inner{animation:load-spin 8s infinite linear}
@keyframes load-spin {
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

/* Launcher > mouse animate */
.launcher{position:relative;width:100%;background:#333;overflow:hidden;background-size:cover;background-position:center center;z-index:1}
.mouse-effect{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}


/*layout*/
body { overflow-y: auto;background-color:#eff1f7 }
#wrap{min-width:1360px;}
.main--wrap #container{margin-top:74px;background-color:#fff}
.main--wrap #container .contents{min-height:430px;}
#container { margin: 112px auto 0;min-width:1340px;min-height: 735px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); }
#container > .inside{padding:12px 0;}
#container.shide { transition: margin-top linear 200ms; }
/*#container .contents { position: relative; width: 100%; padding-bottom: 50px; }*/ /* 개발수정*/
#container .contents { position: relative; width: 100%; padding-bottom: 0px; padding-top: 18px;  min-height: 600px;}
#container.fnp .contents{padding-top:0}
#container .contents .blocker--loading { position: absolute !important; top: 30px !important; }

.inside { position: relative; width: 100%;max-width:1800px;margin: 0 auto;}
.inside2 { position: relative; width: 100%;max-width:1140px;margin: 0 auto;}
.inside2:after{content:'';display:block;clear:both;}

.header {position: fixed; left: 0; top: 0;width: 100%; min-width:1360px;min-height:73px; z-index: 101; border-top: 1px solid #005590; background-color:#4a7eb2; box-shadow:0 0 10px 0 rgba(0,0,0,0.35);/*border-bottom:1px solid #eee;*/ }
.header .header--fixed{position: fixed; left: 0; top: 0;}
.header.shide { transition: top linear 200ms; top: 0 !important; }
.header .logo { position: absolute; left: 7px; top: 0; z-index:2;width: 132px; height: 73px;;background-image: url("/static/cmm/images/logo.png"); background-repeat: no-repeat; background-position: left center; background-size: auto; }
.header .logo a { display: block; width: 100%;height:100%; }
.header .logo_bondstar{width: 166px;height: 73px;background-image: url("/static/cmm/images/logo_bondstar.png");}
.header .gnb {position:relative;margin:auto;text-align:center; z-index:1}
.header .gnb--1dep{width:1040px;margin:auto;padding-left:110px}
.header .gnb a:hover { text-decoration: none; }
.header .gnb--1dep.js-noAnimtaion { -webkit-transition: none; transition: none; }
.header .gnb--1dep > ul {}
.header .gnb--1dep > ul > li {position:relative; float: left;width:20.66%}
.header .gnb--1dep > ul > li > a {display: block;color: #fff; font-size: 16px;padding:22px 20px 27px; text-align: center; }
.header .gnb--1dep > ul > li.on, .header .gnb--1dep > ul > li:hover { background-color: #00498c; }
.header .gnb--1dep > ul > li.on > a, .header .gnb--1dep > ul > li:hover > a { overflow: visible; }
.header.js-expanded .gnb--1dep > ul > li.on > a:before, .header.js-expanded .gnb--1dep > ul > li:hover > a:before{ content: ''; display: block; position: absolute; top: 92px; width: 11px; height: 6px;margin-left:-5px; background-image: url("/static/cmm/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index:15}
.header .gnb--1dep > ul > li.dep1_0.on > a:before, .header .gnb--1dep > ul > li.dep1_0:hover > a:before{left:-55px}
.header .gnb--1dep > ul > li.dep1_1.on > a:before, .header .gnb--1dep > ul > li.dep1_1:hover > a:before{left:65px}
.header .gnb--1dep > ul > li.dep1_2.on > a:before, .header .gnb--1dep > ul > li.dep1_2:hover > a:before{left:175px;}
.header .gnb--1dep > ul > li.dep1_3.on > a:before, .header .gnb--1dep > ul > li.dep1_3:hover > a:before{left:285px;}
.header .gnb--1dep > ul > li.dep1_4.on > a:before, .header .gnb--1dep > ul > li.dep1_4:hover > a:before{left:39px}
.header .gnb--1dep > ul > li.dep1_5.on > a:before, .header .gnb--1dep > ul > li.dep1_5:hover > a:before{left:500px}
.header .gnb--1dep > ul > li.dep1_6.on > a:before, .header .gnb--1dep > ul > li.dep1_6:hover > a:before{left:610px}
.header .gnb--1dep > ul > li.on > a:after, .header .gnb--1dep > ul > li:hover > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #3ebc8c; }
.header .gnb--1dep > ul > li.on > ul, .header .gnb--1dep > ul > li:hover > ul { background-image: url("/static/cmm/images/gnb_pt.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; }

.header .gnb--2dep__box{display:none;position:absolute;left:0;right:0;top:73px;border-top:1px solid #caced7;background-color:#f2f6fc;width:100%; background-image:url("/static/cmm/images/gnb_bottom.png"); background-position:center bottom;background-repeat: no-repeat; background-size:contain;padding-bottom: 2px; z-index: 10; }
.header .gnb--2dep__box .inside{width: 1340px}
.header .gnb--2dep__box .inside:after{display:block;content:'';clear:both;}
/*.header .gnb--2dep__bg{display: block;position:absolute;left:0;top:73px;width:100%;height:100%;background: #fff;border-top:1px solid #eee;}
.header .gnb--2dep__bg .inside{width: 1110px;}
.header .gnb--2dep__bg .inside:after{display:block;content:'';clear:both;}*/
.header h2.gnb--2dep__title{position:relative;font-size:16px;color:#000;padding:0 0 16px 13px;}
.header h2.gnb--2dep__title:before{content:'';display:block;position:absolute;left:0;top:5px;width:4px;height:15px;background-color:#38b07a;}
.header .gnb--2dep{padding:10px 0;float:left;border-right:1px solid #cfdeda;width: 24.5%;min-height:240px;margin:40px 0 30px;text-align:left;}
.header .gnb--2dep:first-child{border-left:1px solid #cfdeda; }
/*.header .gnb--2dep:hover:before{content: ''; display: block; position: absolute; top: 18px; left:50%;margin-left:-5px;width: 11px; height: 6px;margin-left:-5px; background-image: url("/static/cmm/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index:2}*/
.header .gnb--2dep > ul > li > a{ position:relative;display: block; padding: 5px 20px 5px 15px; color: #555; font-size:14px;font-weight:bold;}
.header .gnb--2dep > ul > li > a:hover { background-color: #4a7eb2; color: #fff; background-image: url("/static/cmm/images/gnb_pt.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; }
.header .gnb--2dep > ul > li > a.is3dep:after { content:'';display:inline-block;position:absolute;right:5px;top:10px;width:13px;height:13px;background-image: url("/static/cmm/images/gnb_2dep.png"); background-repeat: no-repeat; background-position: -137px -6px; background-size: auto; }
.header .gnb--2dep > ul > li > a.is3dep:hover:after { background-position: -137px -31px; }
.header .gnb--2dep > ul > li > a.is3dep.on{ background-color: #0067a3; color: #fff; }
.header .gnb--2dep > ul > li > a.is3dep.on:after {background-position: -137px -56px; }
.header .gnb--2dep > ul > li > span { display: block; line-height: 30px; height: 30px; padding: 0 15px; color: #bbb !important; }
.header .gnb--2dep > ul > li.on > a { color: #ddd; }
.header .gnb--2dep > ul > li.on > .gnb--3dep { display: block; }
.header .gnb--3dep { display: none;background: #f8f8f8; padding: 3px 0; border-bottom: 1px solid #e1e1e1; }
.header .gnb--3dep > li { position:relative;margin: 0 15px 0 22px; }
.header .gnb--3dep > li:first-child { border-top: 0; }
.header .gnb--3dep > li:before{content:'';display:block;position:absolute;left:-9px;top:14px;margin-top:-1px;width:3px;height:3px;background-color:#b7b7b7;}
.header .gnb--3dep > li > a { display: block; font-size:13px;padding:6px 0;line-height:1.4;font-weight:normal;}
.header .gnb--3dep > li > a.lock:after {content:'';display:block;position:absolute;right:0px;top:2px;margin-top:-1px;width:16px;height:16px;background-image:url("/static/cmm/images/lock.png")}
.header .gnb--3dep > li > a.prohibit:after {content:'';display:block;position:absolute;right:-10px;top:4px;margin-top:4px;width:16px;height:16px;background-image:url("/static/cmm/images/prohibited.png")}
.header .gnb--3dep > li > a:hover, .header .gnb--3dep > li > a.on { background-position: 10px -25px; color: #0067a3;text-decoration:underline }
.header .gnb--3dep > li > span { display: block; padding: 3px 5px 4px 17px; letter-spacing: -1px; color: #bbb !important; }


.header .option__box{display:none;position:absolute;left:0;right:0;top:73px;background-color:#fff;width:100%;border-top:1px solid #caced7;background-image:url("/static/cmm/images/gnb_bottom.png");background-position:center bottom;background-repeat: no-repeat; background-size:contain;padding-bottom: 2px; z-index: 10; }
.header .option__box .inside{width: 1340px;}
.header .option__box .inside:after{display:block;content:'';clear:both;}
.header .option__box .inside .gnb--2dep__title{position:relative;text-align:left;margin-top:50px}
.header .option__box .inside .gnb--2dep__title:after{ content: ''; display: block; position: absolute; left:110px;top: -39px; width: 11px; height: 6px;margin-left:-5px; background-image: url("/static/cmm/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-color:transparent;z-index:4}
.header .option__box .inside .gnb--2dep{margin-top:0}
.header .option__box .inside .gnb--2dep.first{border-left:1px solid #eee; }


.header .gnb--2dep.option > ul{margin-top:-10px}
.header .gnb--2dep.option > ul > li{ display: block; line-height: 30px; height: 30px; padding: 0 15px;color:#ff985c; font-size:14px;font-weight:bold;}
.header .gnb--2dep.option > ul > li:hover{background-color:transparent;color:#ff985c;}
.header .gnb--2dep.option .gnb--3dep{display:block;background-color:transparent;border-bottom:0 none;}
.header .gnb--2dep.option .gnb--3dep > li{margin:0 15px 0 9px}
.header .gnb--2dep.option ul > li > a:hover{background-color:transparent;color:#ff985c;}

#popAllMenu a.prohibit:before {content:'';display:block;position:absolute;right:2px;top:2px;margin-top:0px;width:16px;height:16px;background-image:url("/static/cmm/images/prohibited.png")}

/*최근 이용 메뉴*/
.header .gnb--history{overflow:hidden;background-color:#f9f9f9;border-top:1px solid #eee;padding:18px 0;}
.header .gnb--history .inside{display:inline-block;}
.header .gnb--history dl{display:inline-block}
.header .gnb--history dl dt{float:left;font-size:16px;padding:5px 11px 0 0;color:#000;}
.header .gnb--history dl dd{float:left}
.header .gnb--history dl dd a{float:left;border:1px solid #6576ff;border-radius:25px;padding:5px 10px;margin:2px 0 2px 4px;}
.header .gnb--history dl dd a:hover{background-color:#38b07a;color:#fff;}

.heading { position: fixed;left:0;top:74px;width:100%; min-height: 34px; background-color: #fff;border-bottom: 1px solid #caced7;padding:0 10px; z-index: 3}
.heading.shide { transition: top linear 200ms; top: 74px !important; }
.heading .breadcrumb { float: left; }
.heading .breadcrumb > span { position: relative; display: inline-block; padding: 0 7px 0 15px; vertical-align: top; }
.heading .breadcrumb > span:before { content: ""; position: absolute; top: 18px; left: 0; width: 5px; height: 9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px 0; }
.heading .breadcrumb > span.home, .heading .breadcrumb > span:first-child{ padding-left: 0; }
.heading .breadcrumb > span.home a, .heading .breadcrumb > span:first-child a{background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -100px; text-indent:-9999px;width: 18px; height: 14px;margin:10px 0 0;}
.heading .breadcrumb > span.home:before, .heading .breadcrumb > span:first-child:before { content: ""; background:none; }
.heading .breadcrumb > span:last-of-type { padding-right: 14px; margin-right: 5px; }
.heading .breadcrumb > span:after, .heading .breadcrumb .lay--wrap:after { content: ""; position: absolute; top: 13px; right: 0; width: 5px; height: 9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px 0; }
.heading .breadcrumb .lay--wrap:last-of-type:after{background:none;}
.heading .breadcrumb > span > a { display: inline-block; height: 34px; line-height: 34px; font-size: 12px; color: #555; }
.heading .breadcrumb > span > a:hover, .heading .breadcrumb > span > a:focus { text-decoration: none; }
.heading .breadcrumb .lay--wrap{margin-right:4px}
.heading .log { float: right}
.heading .log .lay--wrap { vertical-align: top; min-width:100px;}
.heading .log .lay--wrap .lay--header:before{margin-left:70px}

/* 2021-02-15 추가 */
#noticeWrap .notice-wrap {position:fixed;top:0; z-index: 3; width: 100%; height:74px; line-height:74px;background-color: #000; }
#noticeWrap.shide .notice-wrap {  transition: height linear 200ms; height:0 !important; }
#noticeWrap .notice-wrap .notice-body { position: relative; width: 946px;margin: 0 auto; padding: 0 0 0 130px;}
#noticeWrap .notice-wrap .notice-body .noticeList {overflow:hidden;height:74px; line-height:74px;}
#noticeWrap .notice-wrap .notice-body .noticeList li { float: left; width: 100%; height:100%;color: #fff; }
#noticeWrap .notice-wrap .notice-body .noticeList li:not(:first-child) {display:none;}
#noticeWrap .notice-wrap .notice-body .noticeList li a { display: inline-block; font-size: 15px;overflow:hidden;}
#noticeWrap .notice-wrap .notice-body .noticeList li a span { float:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span.tit {color: #fefefe; max-width:800px; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span.cont { margin-left:17px;color: #999;max-width:600px; }
#noticeWrap .notice-wrap .notice-body .noticeList li a:hover span.tit,
#noticeWrap .notice-wrap .notice-body .noticeList li a:hover span.cont{ text-decoration: underline;}
#noticeWrap .notice-wrap .notice-body .noticeList li a span.icn_category { background-image:url("/static/cmm/images/icn_notice.png");background-repeat:no-repeat;width:28px;height:28px;text-indent:-9999px;vertical-align:top;margin:25px 20px 0 0;}
#noticeWrap .notice-wrap .notice-body .noticeList li.txt_notice a .icn_category{background-position:0 0;}
#noticeWrap .notice-wrap .notice-body .noticeList li.txt_notice a .tit{color:#ffcd44;}
#noticeWrap .notice-wrap .notice-body .noticeList li.txt_alert a .icn_category{ background-position:0 -35px;}
#noticeWrap .notice-wrap .notice-body .noticeList li.txt_alert a .tit{color:#7b95ff;}
#noticeWrap .notice-wrap .notice-body .notice-close { position: absolute; right: 0; top: 50%;margin-top:-9px; width: 17px; height: 17px;}
#noticeWrap .notice-wrap .notice-body .notice-close:before { content: ""; position: absolute; top: 0; right: 0; width: 17px; height: 17px; background-image: url("/static/cmm/images/icn_notice.png"); background-repeat: no-repeat; background-position: 3px -67px; background-size: auto; }
#noticeWrap .notice-wrap .notice-body .notice-close:hover:before, .main #container .notice-wrap .notice-body .notice-close:focus:before { background-color: #153b5c; }
#noticeWrap .notice-wrap .notice-body .today { position: absolute; right: 26px; top: 50%;margin-top:-10px; color: #999;line-height:normal;}
#noticeWrap .notice-wrap .notice-body .today:hover{text-decoration:underline;}
/*/////////////////////////////////////////*/

.main { height:100%;background-image: url("/static/cmm/images/bg_login.jpg"); background-repeat: no-repeat; background-position: center; overflow-y:auto;}
.main--aims { height:100%;background-image: url("/static/cmm/images/bg_login_aims.jpg"); background-repeat: no-repeat; background-position: center; }
.main .heading h2, .main .heading .breadcrumb { display: none; }

.util{display:block;position: absolute;right: 5px;top: 26px;z-index:2;}
.util:after{display:block;content:'';clear:both;}
/*.util button{float:left;display:inline-block;background-image:url("/static/cmm/images/btn.png");background-repeat:no-repeat;text-indent:-9999px;vertical-align:middle;margin-left:10px;}*/
.util .btn_schedule{position:relative;width:20px;height:20px;background-position:-135px -519px;}
.util .btn_schedule span{position:absolute;right:-6px;top:-6px;display:block;width:15px;height:15px;background-color:#ff7b33;color:#fff;font-size:11px;border-radius:25px;text-indent:0;text-align:center;line-height:16px;}
.util .btn_schedule .badge--new{
    background-color:#f7ec01;
    color:#000000;
    width: 18px;
    height: 18px;
    right: -6px;
    top: -6px;
    line-height: 18px;
    animation: pulse 1.5s 1;
}
.util .btn_schedule .badge--num{
    border:1px solid #fff;
    animation: pulse 1.5s 1;
}
.util .btn_schedule .badge--new:after{
    content: '';
    position: absolute;
    top:-6px;
    left:-6px;
    border:2px solid rgba(255,255,255,.5);
    opacity:0;
    border-radius: 50%;
    width:150%;
    height:150%;
    animation: sonar 1.5s 1;
}
.util .btn_schedule .badge--num:after{
    content: '';
    position: absolute;
    top:-6px;
    left:-6px;
    border:2px solid rgba(255,255,255,.5);
    opacity:0;
    border-radius: 50%;
    width:150%;
    height:150%;
    animation: sonar 1.5s 1;
}
.util .btn_menuAll{width:18px;height:18px;background-position:-80px -517px;}
.util .btn_option{width:21px;height:21px;background-position:-80px -540px;}
.util .btn_schedule:hover{background-position:-160px -519px;}
.util .btn_menuAll:hover{background-position:-106px -517px;}
.util .btn_option:hover{background-position:-106px -540px;}
.beginning .header .gnb { visibility: hidden; }
.beginning .heading .inside { display: none; }
.beginning .util{display:none}
.beginning .header--log--area { display: block; position: absolute; right: 0; top: 24px; }
.beginning .header--log--area .checks, .beginning .header--log--area .tbl--col .colEdit, .tbl--col .beginning .header--log--area .colEdit, .beginning .header--log--area .bodyChk { float: left; margin-top: 5px; vertical-align: middle; font-size: 11px; color: #a3a3a3; }
.beginning .header--log--area .checks label, .beginning .header--log--area .tbl--col .colEdit label, .tbl--col .beginning .header--log--area .colEdit label, .beginning .header--log--area .bodyChk label { margin-right: 15px; }
.beginning .header--log--area fieldset { float: left; position: relative; margin: 0 auto; width: 240px; }
.beginning .header--log--area fieldset input[type=text], .beginning .header--log--area fieldset input[type=password] { width: 77px; height: 23px; font-size: 11px; border: 1px solid #3d3b53; background-color: #626167; color: #fff; }
.beginning .header--log--area fieldset .btn--login { width: auto; height: auto; padding: 3px 7px; font-size: 11px; font-weight: normal; text-align: center; color: #b4b8c2 !important; background: #154aae; border: 1px solid #154aae; font-size: 11px; }
.beginning .header--log--area fieldset .btn--login:hover, .beginning .header--log--area fieldset .btn--login:focus { color: #b4b8c2 !important; text-decoration: none; }

.header--log--area { display: none; }

/* CONTAINER */
.tabMenu{margin:10px auto 16px;border-top:1px solid #7b9add;border-bottom:1px solid #c6cdd6;padding:12px 20px 11px;text-align:center;background:#fff;
    -moz-box-shadow: 0px 6px 4px -3px rgba(198, 205, 214, .3);  -webkit-box-shadow: 0px 6px 4px -3px rgba(198, 205, 214, .3);
    box-shadow: 0px 6px 4px -3px rgba(198, 205, 214, .3);}
.tabMenu .tabMenu_btn{position:relative;display:block;width:100%;margin:auto;overflow:hidden;}
.tabMenu .tabMenu_btn .menu li{float:left;margin-left:10px;}
.tabMenu .tabMenu_btn .menu li:first-child{margin-left:0}
.tabMenu .tabMenu_btn .menu li button{position:relative;display:inline-block;font-size:15px;padding:4px 25px;color:#828282;border:1px solid #c8d7e1;background:#f2f2f2;outline:none;text-decoration:none;border-radius:3px;}
.tabMenu .tabMenu_btn .menu li button:hover, .tabMenu .tabMenu_btn .menu li.on button {color:#fff;border:1px solid #005b96;/*#5c7bbb;*/background:#757d7e;border-radius:3px;}

/* Footer */
.footer {min-width:1340px;padding: 49px 10px 70px;margin:auto; background: #fff; text-align: center; }
.footer .inside{overflow:hidden;}
.footer ul { position:absolute;left:0;top:23px;margin-top: 8px; }
.footer ul li { display: inline-block; text-align: center; color: #979797; }
.footer ul li a { color: #979797; }
.footer ul li a:hover { color: #eae9e9; }
.footer ul li:before { content: " | "; color: #3b3f41; padding: 0 8px; height:12px; display:inline-block; overflow:hidden; vertical-align:middle;}
.footer ul li:first-child:before { content: ""; padding: 0; }
.footer .logo{margin:auto;background:url("/static/cmm/images/logo_footer.png") no-repeat 0 0;width:132px;height:50px;text-indent:-9999px;}
.footer .copy {position:absolute;right:0;top:23px; margin-top: 8px; color: #979797; }
.footer .copy strong { color: #93253e; font-weight: normal; }
/*.footer .btn--top { position: fixed; right: 0; bottom: 80px; z-index: 3; width: 60px; height: 60px; background-image: url("/static/cmm/images/btn_top.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; }*/

/* Footer FNS */
footer.area-footer {position:relative;z-index:1;background:#fff; border-top:1px solid #e1e1e1;}
footer.area-footer .area-inner {margin:0 auto;padding:55px 0 60px;background:url("/static/cmm/images/logo_footer_fnp.png") no-repeat center 46px; box-sizing: border-box;}
footer.area-footer .box-footer-link {text-align:center;}
footer.area-footer .box-footer-link li {display: inline-block;}
footer.area-footer .box-footer-link li::after {content: ''; display: inline-block; width:1px; height:15px; background: #b3b3b3; vertical-align: top; margin: 7px 10px 0 10px;}
footer.area-footer .box-footer-link li:last-child::after {display: none;}
footer.area-footer .box-footer-link li a {color: #666; font-size:18px;}
footer.area-footer .box-footer-link li a:hover {color:#005aff;}
footer.area-footer .box-footer-copyright {font-size:14px; color: #999; letter-spacing: -0.5px;text-align:center;padding-top:39px;}
footer.area-footer .address address{padding-bottom:5px}
footer.area-footer .address address,
footer.area-footer .address span {display: inline-block;}
footer.area-footer .address span::before {content: ''; display: inline-block; width:1px; height:12px; background: #b3b3b3; vertical-align: top; margin: 5px 8px 0 8px;}


/*@import 'main';*/
/**************************************************/
/*layer*/
.lay--wrap { display: inline-block; position: relative; }

.pos--st { position: static !important; }

.is-hidden { display: none; }

/*popDf*/
.popDf { overflow-y: auto; position: relative; }

/*lay--pop st1*/
.lay--pop { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); /*layer st1 size*/ }
.lay--pop.lookup { position: absolute; background: #fff; text-align: left; z-index: 9999; position: fixed; left: 50%;width: 1028px; margin-left: -515px ;top: 114px;outline:none;}


.lay--pop .lay--popHeader { position: relative; padding: 10px 20px; background: #115586;}
.lay--pop .lay--popHeader .tit { display: inline-block; color: #fff; font-size: 16px; font-weight:normal;}
.lay--pop .lay--popHeader .date { display: inline-block; font-size: 11px; color: #adadad; margin-left: 15px; }
.lay--pop .lay--popHeader .btn--x { position: relative; width: 17px; height: 17px; position: absolute; right: 20px; top: 13px; }
.lay--pop .lay--popHeader .btn--x:before { content: ""; position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -80px -80px; }
.lay--pop.ty3 .lay--popHeader .btn--x{top:19px}
.lay--pop .lay--popContents { padding:30px 30px 15px; }
.lay--pop .lay--popContents .tab--type1 > ul li .btn--tab{color:#444;margin-bottom:0;}
.lay--pop .lay--popContents .tab--type1 > ul li.on .btn--tab, .lay--pop .lay--popContents .tab--type1 > ul li:hover .btn--tab{color:#fff;}
.lay--pop .lay--popContents .sec--wrap{margin-top:0}
.lay--pop .lay--popContents .sec--wrap:after{content:'';display:block;clear:both}
.lay--pop .lay--popContents .sec--wrap .searchBox{border-radius:0}
.lay--pop .lay--popContents .sec--wrap .searchBox .row { padding: 8px 12px; border-top:1px solid #bdc5ce}
.lay--pop .lay--popContents .sec--wrap .searchBox .row:first-child{border-top:0 none}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl{position:relative}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt:before{content:'';display:inline-block;width:3px;height:3px;background-color:#b7b7b7;margin-right:5px;vertical-align:middle}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt label{color:#4566b6;font-size:11px;margin:3px 10px 0 0;}
/*.lay--popContents .sec--wrap .searchBox .row dl dd{margin-right:10px;}*/
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt, .lay--popContents .sec--wrap  .searchBox .row dl dd{display:inline-block;vertical-align:middle;}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dd .items .clear--wrap input{width:170px;}
.lay--pop .lay--popContents .tbl--type1{border:1px solid #115586;border-radius:0}
.lay--pop .lay--popContents .tbl--type2{padding:0;overflow:auto;}
.lay--pop .lay--popContents .tbl--type2 .tbl--col{border:0 none;padding:0}
.lay--pop .lay--popContents .tbl--type9{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #caced7}
.lay--pop .lay--popContents .tbl--col{border:1px solid #115586;border-radius:0;margin:0}
.lay--pop .lay--popContents .tbl--col .checks input[type=checkbox]:not(old) + label span.img_chk, .lay--popContents .tbl--col .checks input[type=checkbox]:not(old) + input + label span.img_chk{margin:auto;}

.lay--pop .lay--popContents .cont--tit { text-align: center; color: #6c6c6c; margin-bottom: 10px; }
.lay--pop .lay--popContents .cont--tit strong { font-size: 16px; font-weight: bold; color: #000; }
.lay--pop .lay--popContents .grid--header { padding-top: 0 !important; overflow: hidden; min-height: auto; }
.lay--pop .lay--popContents .grid--header2 { padding:5px 10px;min-height: auto; }
.lay--pop .lay--popContents .grid--header2:after{content:'';display:block;clear:both;}
.lay--pop .lay--popContents .grid--header2 > div{font-size:14px;}
.lay--pop .lay--popFooter { text-align: center; padding-bottom:30px; }
.lay--pop .lay--popFooter .grid--footer { margin-top: -10px; }


.lay--pop.lookup .scrY, .lay--pop.idx .scrY { overflow-y: auto; height: 360px; border: 1px solid #e7e7e7; }
.lay--pop.lookup .scrY .inner, .lay--pop.idx .scrY .inner { padding: 10px 15px; overflow: hidden; }
.lay--pop.lookup .scrY .inner > .checks, .lay--pop.lookup .scrY .tbl--col .inner > .colEdit, .tbl--col .lay--pop.lookup .scrY .inner > .colEdit, .lay--pop.lookup .scrY .inner > .bodyChk, .lay--pop.idx .scrY .inner > .checks, .lay--pop.idx .scrY .tbl--col .inner > .colEdit, .tbl--col .lay--pop.idx .scrY .inner > .colEdit, .lay--pop.idx .scrY .inner > .bodyChk { float: left; width: 153px; }
.lay--pop.lookup .scrY .inner > .checks > span, .lay--pop.lookup .scrY .tbl--col .inner > .colEdit > span, .tbl--col .lay--pop.lookup .scrY .inner > .colEdit > span, .lay--pop.lookup .scrY .inner > .bodyChk > span, .lay--pop.idx .scrY .inner > .checks > span, .lay--pop.idx .scrY .tbl--col .inner > .colEdit > span, .tbl--col .lay--pop.idx .scrY .inner > .colEdit > span, .lay--pop.idx .scrY .inner > .bodyChk > span { display: block; margin-top: 7px; }
.lay--pop.lookup .scrY .inner > .checks > span label, .lay--pop.lookup .scrY .tbl--col .inner > .colEdit > span label, .tbl--col .lay--pop.lookup .scrY .inner > .colEdit > span label, .lay--pop.lookup .scrY .inner > .bodyChk > span label, .lay--pop.idx .scrY .inner > .checks > span label, .lay--pop.idx .scrY .tbl--col .inner > .colEdit > span label, .tbl--col .lay--pop.idx .scrY .inner > .colEdit > span label, .lay--pop.idx .scrY .inner > .bodyChk > span label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lay--pop.lookup .scrY .inner > .checks > span:first-child label, .lay--pop.lookup .scrY .tbl--col .inner > .colEdit > span:first-child label, .tbl--col .lay--pop.lookup .scrY .inner > .colEdit > span:first-child label, .lay--pop.lookup .scrY .inner > .bodyChk > span:first-child label, .lay--pop.idx .scrY .inner > .checks > span:first-child label, .lay--pop.idx .scrY .tbl--col .inner > .colEdit > span:first-child label, .tbl--col .lay--pop.idx .scrY .inner > .colEdit > span:first-child label, .lay--pop.idx .scrY .inner > .bodyChk > span:first-child label { font-weight: bold; }
.lay--pop.lookup .scrY .inner.ty2 > .checks, .lay--pop.lookup .scrY .tbl--col .inner.ty2 > .colEdit, .tbl--col .lay--pop.lookup .scrY .inner.ty2 > .colEdit, .lay--pop.lookup .scrY .inner.ty2 > .bodyChk, .lay--pop.idx .scrY .inner.ty2 > .checks, .lay--pop.idx .scrY .tbl--col .inner.ty2 > .colEdit, .tbl--col .lay--pop.idx .scrY .inner.ty2 > .colEdit, .lay--pop.idx .scrY .inner.ty2 > .bodyChk { width: 230px; }
.lay--pop.lookup .selected, .lay--pop.idx .selected { margin-top: 15px; }
.lay--pop.lookup .selected strong, .lay--pop.idx .selected strong { color: #3579d4; font-weight: bold; }
.lay--pop.lookup .selected span, .lay--pop.idx .selected span { display: inline-block; margin-right: 8px; }
.lay--pop.lookup .selected span .btn--del, .lay--pop.idx .selected span .btn--del { vertical-align: middle; margin-left: 2px; }


.lay--pop.pop--alert {top:224px;width:460px;margin-left:-230px;border:1px solid #575f72;box-shadow:1px 1px 4px 2px rgba(128,128,128,0.4);-webkit-box-shadow:1px 1px 4px 2px rgba(128,128,128,0.4);}
.lay--pop.pop--alert .lay--popHeader{background:url(/static/cmm/images/bg_title_alert.png) no-repeat 0 0;height:37px;line-height:37px;padding:0 20px;background-color:#eaecee;border-bottom:1px solid #c6c6c6;}
.lay--pop.pop--alert .lay--popHeader .btn--x{top:8px;}
.lay--pop.pop--alert .lay--popHeader .btn--x:before{background-position:-100px -78px}
.lay--pop.pop--alert .lay--popContents{display:table;width:100%;height:190px;padding:0}
.lay--pop.pop--alert .lay--popContents .grid--container{display:table-cell;vertical-align:middle;text-align:center;}
.lay--pop.pop--alert .lay--popContents strong{font-weight:normal;color:#0067a3;font-size:16px;margin-bottom:15px;}
.lay--pop.pop--alert .lay--popContents .txt{color:#444;font-size:15px;}
.lay--pop.pop--alert .lay--popFooter{overflow:hidden;border-top:1px solid #e0e0e0;padding:0}
.lay--pop.pop--alert .lay--popFooter button{width:100%;text-align:center;display:inline-block;font-size:16px;color:#ff985c;padding:13px 0px;}
.lay--pop.pop--confirm .lay--popFooter button{float:left;width:50%;border-left:1px solid #e0e0e0;box-sizing:border-box;}
.lay--pop.pop--confirm .lay--popFooter button:first-child{border-left:0 none;}


.lay--pop.ty1 .lay--popContents .sec--wrap > .col{float:left;width: 460px; }
.lay--pop.ty1 .lay--popContents .sec--wrap > .col.btns { width: 48px; text-align: center; padding-top: 230px; }
.lay--pop.ty1 .lay--popContents .sec--wrap > .col.btns button { margin: 3px 0; }
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row { border:1px solid #e1e1e1;padding:25px;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row:after{display:block;content:'';clear:both;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row dl{ float:left;width:165px;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row dl dt label{color:#ff985c;font-weight:bold;;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row dl dd li{margin-top:5px;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .row dl dd li label{color:#333}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .info{padding-top:11px;color:#333;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .info strong{color:#3579d4;font-weight:normal;}
.lay--pop.ty2 .lay--popContents .sec--wrap > .col .info span{color:#bdc5ce;padding:0 5px;}
.lay--pop.ty3 {width:1200px;margin-left:-600px;}
.lay--pop.ty3 .lay--popHeader{padding:13px 20px}
.lay--pop.ty3 .lay--popHeader .tit{font-size:20px;}
.lay--pop.ty3 .lay--popContents{padding:45px}
.lay--pop.ty3 .lay--popContents .tab--type1 > ul li{min-width:14.37%;}
.lay--pop.ty3 .lay--popContents .tab--type1 > ul li .btn--tab{font-size:16px;padding:8px 20px;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row{padding:35px 0;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row:after{display:block;content:'';clear:both;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row h3{position:relative;font-size:16px;color:#000;padding:0 0 20px 13px;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row h3:before{content:'';display:inline-block;width:4px;height:15px;position:absolute;left:0;top:5px;background-color:#38b07a;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl{ float:left;width:184px;min-height:240px;border-left:1px solid #eee;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl dt{color:#ff985c;padding-left:15px;font-weight:bold;font-size:14px;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl dd li{position:relative;margin-top:12px;padding-left:25px;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl dd li:before{content:'';display:inline-block;position:absolute;left:15px;top:9px;width:3px;height:3px;background-color:#b7b7b7;margin-right:7px;vertical-align:middle;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl dd li a:hover{color:#ff985c;text-decoration:underline;}
.lay--pop.ty3 .lay--popContents .sec--wrap > .col .row dl dd li a label{color:#333}
.lay--pop.ty3 .lay--popContents .tab--cont .list{margin:0;display:none;}
.lay--pop.ty3 .lay--popFooter button{padding:9px 22px;font-size:14px;}


.lay--pop.ty4 {width:700px;margin-left:-350px;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .row{padding:35px 0;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .row:after{display:block;content:'';clear:both;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .row h3{position:relative;font-size:16px;color:#000;padding:0 0 20px 13px;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .row h3:before{content:'';display:inline-block;width:4px;height:15px;position:absolute;left:0;top:5px;background-color:#38b07a;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt{padding:0;height:480px;overflow-y:auto;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt > div{padding-top:20px;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt > div:first-child{padding-top:0}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt > div h3{padding-bottom:5px;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt > div p{padding-bottom:5px;}
.lay--pop.ty4 .lay--popContents .sec--wrap > .col .txt > div p strong{padding-top:10px}



/*lay--df st2*/
.lay--df { position: absolute; background: #fff; text-align: left; z-index: 5; left: 0; margin-top: 2px; border: 1px solid #5e6471; outline:none; /*layer st2 size*/ }
.lay--dfHeader { position: relative; padding: 8px 15px; background: #fff; border-bottom: 1px solid #c6c6c6; }
.lay--dfHeader .tit { font-weight: bold; }
.lay--dfHeader .btn--x { position: relative; width: 16px; height: 16px; position: absolute; right: 10px; top: 9px; }
.lay--dfHeader .btn--x:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -100px; }
.lay--dfContents { border-top: 2px solid #f1f1f1; padding: 20px 25px; }
.lay--dfFooter { text-align: center; padding: 10px 0 20px; }
.lay--dfFooter .btn--close { width: auto; height: auto; padding: 4px 12px; font-size: 12px; font-weight: bold; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; }
.lay--dfFooter .btn--close:hover, .lay--dfFooter .btn--close:focus { color: #fff !important; text-decoration: none; }
.lay--df.cal1 { width: 439px; }
.lay--df.cal1.posRight { left: inherit; right: 0; }
.lay--df.cal1.posLeft { left: 0; right: inherit; }
.lay--df.cal1 .lay--dfContents { padding: 10px 15px 15px; overflow: hidden;}
.lay--df.cal1 .lay--dfContents .period { overflow: hidden; padding-bottom: 10px; }
.lay--df.cal1 .lay--dfContents .period .btn--ranges { margin-left: 0; margin-right: 5px; padding: 2px 13px; text-align: center; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; text-decoration: none; }
.lay--df.cal1 .lay--dfContents .cal--wrap > div:first-of-type { float: left; }
.lay--df.cal1 .lay--dfContents .cal--wrap > div:last-of-type { float: right; }

/*cal common*/
.calComm .calendar .selection, .lay--df.cal1 .lay--dfContents .calendar .selection{ position: relative; text-align: center; background-color: #fafafa; border-top: 1px solid #bdc5ce; border-bottom: 1px solid #bdc5ce; padding: 5px 0; }
.calComm .calendar .selection select, .lay--df.cal1 .lay--dfContents .calendar .selection select{ padding: 0; border: 1px solid #aaa; background-color: #fff; height:21px;border-radius:0;font-size:11px;}
.calComm .calendar .selection .sel--yy, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--yy{ width: 65px; }
.calComm .calendar .selection .sel--mm, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--mm{ width: 53px;min-width:53px; }
.calComm .calendar .selection .btn--prev, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--prev{ position: relative; width: 18px; height: 18px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; left: 5px; top: 7px; }
.calComm .calendar .selection .btn--prev:before, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--prev:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -141px; }
.calComm .calendar .selection .btn--next, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--next{ position: relative; width: 18px; height: 18px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; right: 5px; top: 7px; }
.calComm .calendar .selection .btn--next:before, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--next:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -141px; }
.calComm .calendar table, .lay--df.cal1 .lay--dfContents .calendar table{ width: 196px; border-bottom: 1px solid #e9e9e9; }
.calComm .calendar table col, .lay--df.cal1 .lay--dfContents .calendar table col{ width: 28px; }
.calComm .calendar table thead th, .lay--df.cal1 .lay--dfContents .calendar table thead th{ padding: 4px 2px; border-bottom: 1px solid #e9e9e9; color: #505050; }
.calComm .calendar table tbody td, .lay--df.cal1 .lay--dfContents .calendar table tbody td{ padding: 0; height: 28px; margin: 2px; }
.calComm .calendar table tbody td button, .lay--df.cal1 .lay--dfContents .calendar table tbody td button { display: block; width: 100%; height: 100%; color: #6c6c6c; text-align: center; text-decoration: none;border: 1px solid #fff;  }
.calComm .calendar table tbody td button:hover, .lay--df.cal1 .lay--dfContents .calendar table tbody td button:hover{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; box-sizing:border-box;}
.calComm .calendar table tbody td.sat button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sat button{ color: #459bf4; }
.calComm .calendar table tbody td.sun button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sun button{ color: #ff4123; }
.calComm .calendar table tbody td.holiday button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.holiday button{ color: #ff4123; }
.calComm .calendar table tbody td.today button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.today button{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }
.calComm .calendar table tbody td.is-selected button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.is-selected button{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }

/*layer st3 - help*/
.lay--help { position: absolute; background: #fff; text-align: left; z-index: 5; width: 198px; padding: 10px 15px; z-index: 6; left: -100px; margin-top: 10px; font-size: 11px; color: #505050; font-weight: normal; border: 1px solid #bfbfbf; /*arrow*/ }
.lay--help:before { content: ""; position: absolute; left: 50%; top: -5px; margin-left: -13px; width: 9px; height: 6px; background-image: url("/static/cmm/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index: 5; }

/*layer st4 - header*/
.lay--header { display:none;position: absolute;min-width:80px; background: #fff; text-align: left; z-index: 6; border:1px solid #38b07a;border-radius:5px;  -webkit-box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); -moz-box-shadow:0px 0px 5px rgba(121, 139, 255, 0.6); box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); -ms-box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); /*arrow*/ }
.lay--header:before { content: ""; position: absolute; left: 50%; top: -7px; margin-left: -3px; width: 10px; height: 7px; background-image: url("/static/cmm/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -4px; z-index: 5; }
.lay--header.bread { left: -15px;padding:5px 0;}
/*.lay--header.bread1{left:45px}
.lay--header.bread2{left:120px;}*/
.lay--header.bread ul li a { display: block; /*height: 30px;
line-height: 30px;*/ padding: 5px 15px; color: #000 }
.lay--header.bread ul li a:hover, .lay--header.bread ul li a:focus, .lay--header.bread ul li a.on { color: #ff985c; text-decoration: underline; }
.lay--header.acc { right: 0; width: 200px; padding: 15px 20px 20px; }
.lay--header.acc div { color: #656565; line-height: 22px; border-bottom: 1px solid #767b81; padding-bottom: 10px; margin-bottom: 10px; }
.lay--header.acc div dl:after{display:block;content:'';clear:both;}
.lay--header.acc div dt{float:left;}
.lay--header.acc div dd {float:right;color: #252525; text-align:right;}
/*.lay--header.acc p strong { color:#252525;font-weight: bold; }*/
.lay--header.acc a { color: #656565;line-height: 22px;}
.lay--header.acc a:hover, .lay--header.acc a:focus, .lay--header.acc a.on{color:#ff985c;text-decoration:underline;}
.lay--header.acc a:before{content:'';display:inline-block;width:3px;height:8px;background:url("/static/cmm/images/btn.png") no-repeat -6px -200px;margin-right:5px}
.lay--header.acc a:hover:before, .lay--header.acc a:focus:before, .lay--header.acc a.on:before{background:url("/static/cmm/images/btn.png") no-repeat -26px -200px;}
.lay--header.acc .btn--logout { position: absolute; right: 20px; bottom: 25px; }

/*layer st5 - column*/
.lay--colm { position: absolute; background: #fff; text-align: left; z-index: 5; /*arrow*/ left: 50%; margin-left: -200px; width: 400px; border: 2px solid #5a98ea; }
.lay--colm:before { content: ""; position: absolute; left: 50%; top: -7px; margin-left: -10px; width: 9px; height: 7px; background-image: url("/static/cmm/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -4px; z-index: 5; }
.lay--colm ul { position: relative; background-color: #fff; }
.lay--colm ul > li { display: block; width: 200px; }
.lay--colm ul > li > div { position: relative; display: block; }
.lay--colm ul > li > div:hover, .lay--colm ul > li > div:focus { background-color: #f6f6f6; }
.lay--colm ul > li > div .btn--exp { position: absolute !important; right: 0; top: 5px; position: relative; width: 20px; height: 20px; }
.lay--colm ul > li > div .btn--exp:before { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -120px; }
.lay--colm ul > li > div .btn--exp:hover, .lay--colm ul > li > div .btn--exp:focus, .lay--colm ul > li > div .btn--exp.on { position: relative; width: 20px; height: 20px; }
.lay--colm ul > li > div .btn--exp:hover:before, .lay--colm ul > li > div .btn--exp:focus:before, .lay--colm ul > li > div .btn--exp.on:before { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -120px; }
.lay--colm ul > li > ul { position: absolute; top: 0; left: 200px; width: 200px; min-height: 150px; background-color: #f6f6f6; }
.lay--colm ul li > div { display: block; padding: 6px 10px; }
.lay--colm ul li > div label { display: block !important; margin-right: 0; }

/*layer st6 - repThumb*/
.lay--repThumb { position: absolute; background: #fff; text-align: left; z-index: 5; left: -1px; top: -1px; width: 222px; height: 148px; background-color: rgba(255, 255, 255, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF); zoom: 1; /*ie8*/ border: 1px solid #3579d4; }
.lay--repThumb .btn--select { position: absolute; left: 80px; top: 60px; width: auto; height: auto; padding: 4px 12px; font-size: 12px; font-weight: normal; text-align: center; color: #fff !important; background: #3579d4; border: 1px solid #3579d4; }
.lay--repThumb .btn--select:hover, .lay--repThumb .btn--select:focus { color: #fff !important; text-decoration: none; }

/*For print*/
@page { size: A4; margin: 10mm 5mm; }
@media print { html, body { color: #000; width: 210mm; -webkit-print-color-adjust: exact !important; }
  .header, .side, .footer, .lay--help { display: none; }
  #container, .inside, #container .contents.isSide { width: 100%; min-width: 100%; padding: 0; margin: 0; float: none; }
  #container .searchBox .row > div, .inside .searchBox .row > div, #container .contents.isSide .searchBox .row > div { margin-right: 5px; }
  #container .searchBox .autocomp, .inside .searchBox .autocomp, #container .contents.isSide .searchBox .autocomp { margin-right: 0; }
  #container .searchBox .autocomp .clear--wrap, .inside .searchBox .autocomp .clear--wrap, #container .contents.isSide .searchBox .autocomp .clear--wrap { width: 156px; }
  #container .searchBox .autocomp .clear--wrap input[type=text], .inside .searchBox .autocomp .clear--wrap input[type=text], #container .contents.isSide .searchBox .autocomp .clear--wrap input[type=text] { width: 130px; }
  #container .searchBox .print, .inside .searchBox .print, #container .contents.isSide .searchBox .print { display: none; }
  #container .searchBox .row .files .inner, .inside .searchBox .row .files .inner, #container .contents.isSide .searchBox .row .files .inner { margin-bottom: 10px; }
  #container thead, .inside thead, #container .contents.isSide thead { display: table-header-group; }
  #container tr, .inside tr, #container .contents.isSide tr { page-break-inside: avoid; }
  #container .tbl--sort thead th, .inside .tbl--sort thead th, #container .contents.isSide .tbl--sort thead th { position: inherit; }
  #container .tbl--col thead th .btn--help, .inside .tbl--col thead th .btn--help, #container .contents.isSide .tbl--col thead th .btn--help { display: none; }
  #container .tbl--ell tbody td > a, .inside .tbl--ell tbody td > a, #container .contents.isSide .tbl--ell tbody td > a { overflow: visible; white-space: normal; text-overflow: clip; }
  #container #Grid1 table, .inside #Grid1 table, #container .contents.isSide #Grid1 table { table-layout: auto; }
  #container #Grid1 table th, #container #Grid1 table td, .inside #Grid1 table th, .inside #Grid1 table td, #container .contents.isSide #Grid1 table th, #container .contents.isSide #Grid1 table td { padding-left: 3px; padding-right: 3px; } }
/**************************************************/
/*common*/
/**************************************************/
.path{font-size:15px}
.path .now{color:#4a7eb2;/*#617cf0;*/text-decoration: underline;}

.items{float:left;margin-left:6px;}
.items.fr{float:right}
.items:first-child{margin-left:0}

/*grid--header*/

.grid--opt{text-align:right;display:block;}
.grid--opt:after{content:'';display:block;clear:both;}
.grid--opt .tab{float:left;}
.grid--opt .ar1 { display: inline-block;;margin-bottom:2px;}
.grid--opt .ar1 .ranges{float:left}
.grid--opt .ar1 .opt--item{float:left;margin-left:10px;}
.grid--opt .ar1 .opt--item:before{content:'';display:none;}
/*.grid--opt .ar2 { float: right; }
.grid--opt .ar2 .opt--item { margin-left: 0; }*/

.grid--header:after{display:block;content:'';clear:both;}
.grid--header {padding:5px 10px;}
.grid--header__sub{background-color:#f6f6f6;border-top:1px solid #e6e8e8;padding:5px 10px;height:26px;line-height:26px}
.grid--header__sub:after{content:'';display:block;clear:both;}
.grid--header__sub dl{float:left;margin-left:15px}
.grid--header__sub dl:first-child{margin-left:0}
.grid--header__sub dt{float:left;padding:0 5px 0 0;color:#656565;}
.grid--header__sub dd{float:left}
.grid--header__sub .items .btn--normal{font-size:12px;}
.grid--header__sub .sub_txt{max-width: 60%;float:right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.grid--header.isTab { margin-top: -6px; }
.grid--header.ty1 { border: none; background-color: #fff;padding:0; }
.grid--header.ty1 > .tit { float: left; line-height: normal; font-size:14px ;font-weight: normal; margin-left: 0;padding:6px 0}
.grid--header.ty1 > .tit:before{display:none;}
.grid--header.ty2{ border: none; background-color: #fff;padding:5px 0 9px }
.grid--header.ty2 > .tit { line-height: 24px; font-size:14px ;font-weight: normal;}
.grid--header > .tit { position:relative;float: left; line-height: 26px; color: #252525;padding-left:21px; }
.grid--header > .tit:before{content: ""; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -140px;}
.grid--header > .tit--tbl:before{background-position:-80px -120px;}
.grid--header .opt--item:before{padding-left:0;}
.grid--header .opt--item button{border:1px solid #fff}
.grid--header .opt--item button:hover, .grid--header .opt--item button:focus{border: 1px solid #5a98ea; }
.grid--header > .items.ranges {font-weight: bold; margin-left: 10px; color: #000; margin-top: 3px; }
.grid--header > .items.ranges button { padding: 1px 7px; font-size: 11px; }
.grid--header .fundOpt { float: left; line-height: 27px; vertical-align: bottom; margin-left: 15px; color: #363636; }
.grid--header .date { float: left; line-height: 27px; vertical-align: bottom; margin-left: 15px; color: #a3a3a3; }
.grid--header .total { float: left; line-height: 27px; vertical-align: bottom; color: #363636; }
.grid--header .total:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; }
.grid--header .infoTxt { float: left; line-height: 27px; vertical-align: bottom; color: #ff985c; font-size: 11px; }
.grid--header .infoTxt:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; }
.grid--header .icons { float: left; }
.grid--header .icons li { display: inline-block; margin-right: 15px; }
.grid--header .icons li > span { margin-right: 5px; }
.grid--header .lay--wrap { vertical-align: middle; margin-left: 5px; }
.grid--header .lay--wrap .btn--help { vertical-align: middle; }

.sel--header { min-height: 27px; padding: 1px 0; background-color: #fbfbfb; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; line-height: 27px; vertical-align: bottom; color: #a3a3a3; }
.sel--header label { margin-left: 10px; color: #333; font-size: 11px; }
.sel--header select { padding: 1px 3px; margin-top: 3px; border: 1px solid #ddd; background: #fff; }
.sel--header .btn--ge { margin-top: 3px; margin-left: 10px; }
.sel--header .lay--wrap > * { line-height: 1.5; }

.grid--header .tit{padding-right:18px;}
.grid--header > .checks{float:left;padding-top:3px}

.opt { float: right; }
.opt .wr { display: inline-block; }
.opt--item { display: inline-block; vertical-align: middle; }
.opt--item:before{content: " | "; height:12px;overflow:hidden;display:inline-block;color: #d4d4d4; padding: 2px 1px 0;vertical-align:top;margin-top:4px;}
.opt--item:first-child:before{content:'';padding:0}
.opt--item button{min-height:20px;}
.opt--item .unit { color: #a3a3a3; margin-right: 10px; display: block; height: 27px; line-height: 27px; }
.opt--item .legend { margin-right: 10px; height: 27px; line-height: 27px; }
.opt--item .legend .td--bgc1, .opt--item .legend .td--bgc2 { display: inline-block; width: 10px; height: 10px; border: 1px solid #ddd; vertical-align: middle; margin-top: -2px; margin-left: 3px; }

.opt--item > .selectList {display:inline-block;margin:0 6px;vertical-align:middle;}

/*grid--footer*/
.grid--footer { position: relative; margin-top: 20px; }
.grid--footer .paging { text-align: center;margin-bottom:20px; }
.grid--footer .paging a, .grid--footer .paging button, .grid--footer .paging em { display: inline-block; vertical-align: middle; width: 38px; height: 32px; border: 1px solid #bdc5ce; background-color: #fff; color: #6c6c6c; text-decoration: none; text-align: center; }
.grid--footer .paging em { border: 0; background-color: #5e6471; color: #fff; font-weight: bold; line-height: 32px; }
.grid--footer .paging .btn--first { position: relative; width: 38px; height: 32px; }
.grid--footer .paging .btn--first:before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -10px; margin-top: -9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: 0px 2px; }
.grid--footer .paging .btn--prev { position: relative; width: 38px; height: 32px; }
.grid--footer .paging .btn--prev:before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position:2px -18px; }
.grid--footer .paging .btn--next { position: relative; width: 38px; height: 32px; }
.grid--footer .paging .btn--next:before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -8px; margin-top: -10px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -37px; }
.grid--footer .paging .btn--last { position: relative; width: 38px; height: 32px; }
.grid--footer .paging .btn--last:before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -11px; margin-top: -10px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: 2px -57px; }
.grid--footer .total { position: absolute; right: 0; top: 7px; font-size: 13px; color: #4566b6; }
.grid--footer .total strong { font-weight: bold; color: #4566b6; }

.btns--r { margin-top: 10px; float: right; /*position: absolute;
right: 0;
top: 0;*/ }

.grid--result { margin-top: 40px; }

.btn--lay { text-decoration: underline; }

.grid--summ { margin: 5px 0 25px; background: #f5fcff; border-top: 2px solid #bdc5ce; border-bottom: 2px solid #bdc5ce; background-image: url("/static/cmm/images/cont_summ.png"); background-repeat: no-repeat; background-position: 60px 30px; background-size: auto; padding: 20px 0 20px 260px; }
.grid--summ > div { border-left: 1px solid #d5dadf; padding-left: 35px; }
.grid--summ > div p.text { color: #333; font-weight: bold; margin-bottom: 10px; }
.grid--summ > div dl:before, .grid--summ > div dl:after { display: block; content: ''; }
.grid--summ > div dl:after { clear: both; }
.grid--summ > div dl dt, .grid--summ > div dl dd { display: inline-block; vertical-align: middle; }
.grid--summ > div dl dt { padding: 0 5px 0 10px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -40px; color: #3d69b8; }
.grid--summ > div dl dd { color: #333; }
.grid--summ > div dl dd:before { content: " | "; color: #d4d4d4; padding: 0; margin-right: 5px; vertical-align: top; }
.grid--summ > div dl dd:nth-of-type(odd) { width: 200px; }
.grid--summ > div dl dd:nth-of-type(even) { width: 430px; }
.grid--summ > div dl dd strong { font-weight: bold; }

/*grid
table { width: 100%;table-layout: fixed; word-break: break-all;border-bottom:1px solid #e9e9e9/*.btn--exp {
    vertical-align: middle;
    margin-right: 3px;
} }
table th, table td { text-align: left; vertical-align: middle; padding-left: 10px; padding-right: 10px; }
table thead th { text-align: center; }
table tbody > tr > th, table tbody > tr > td { text-align: left; }
table tbody > tr > th a, table tbody > tr > th button, table tbody > tr > td a, table tbody > tr > td button { color: #ff985c; }
table tbody > tr > th a:hover, table tbody > tr > th button:hover, table tbody > tr > td a:hover, table tbody > tr > td button:hover { color: #ff985c !important; }
table tbody > tr > th a:visited, table tbody > tr > th button:visited, table tbody > tr > td a:visited, table tbody > tr > td button:visited { color: #ff985c; }
table td.nodata { text-align: center; }
table td.td--date { font-family: dotum; text-align: center; letter-spacing: -1px; }
table td.td--date .btn--chart { font-family: dotum !important; text-decoration: underline; }
table td.td--isScr { padding-left: 27px !important; }
table td .va { display: block; }
table td span.w { display: block; position: relative; }
table td span.w .btn--exp { position: absolute; left: -20px; top: 3px; }
table td span.w .btn--exp.on { position: absolute; left: -20px; top: 3px; }
table .g--dep1 { padding-left: 25px; }
table .g--dep2 { padding-left: 40px; }
table .g--dep3 { padding-left: 55px; }
table .g--dep4 { padding-left: 70px; }
table .g--dep5 { padding-left: 85px; }
*/

.td--bgc1 { background-color: #f2fbff; }

.td--bgc2 { background-color: #fffbe6; }

.td--step1 { background-color: #e3ffeb; }

.td--step2 { background-color: #fffbe6; }

.td--step3 { background-color: #ffeaee; }

.bg--line td{background-color:#e5ecff;color:#ff985c}

.desc{float:right;}
.desc .items.unit{font-size:12px;color:#999;padding-top:4px}

/*tbl--col*/
.tbl--col {border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;width:100%;}
.tbl--col .tbl--header { overflow-x: auto; overflow-y: hidden; }
.tbl--col .tbl--header table{min-height:inherit}
.tbl--col .tbl--scroll { overflow-y: auto; position: relative; }
.tbl--col .tbl--scroll > table > thead { display: none; }
.tbl--col thead th { background: #f2f2f2; border-bottom: 1px solid #c8cbcc; border-left: 1px solid #c8cbcc; /*background-image: url("/static/cmm/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; */padding-top: 6px; padding-bottom: 6px; vertical-align: middle;font-weight:normal; color: #252525; /*help*/ }
.tbl--col thead tr:first-child th:first-child{border-left:0 none;}
.tbl--col thead th > span { display: block; text-align: center; font-size: 11px; }
.tbl--col thead th .btn--exp { position: relative; width: 16px; height: 16px; }
.tbl--col thead th .btn--exp:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px 0; }
.tbl--col thead th .btn--exp.on { position: relative; width: 16px; height: 16px; }
.tbl--col thead th .btn--exp.on:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px 0; }
.tbl--col thead th .btn--exp { padding-left: 17px !important; vertical-align: middle; }
.tbl--col thead th .btn--chart { width: 100%; height: 100%; vertical-align: top; text-align: center; font-weight: bold; color: #505050; text-decoration: underline; }
.tbl--col thead th .btn--chart .s { display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; }
.tbl--col thead th select { padding: 0; font-weight: bold; color: #363636; }
.tbl--col thead th.highlight{background-color:#feffed !important}
.tbl--col thead th .lay--wrap { vertical-align: top; }
.tbl--col thead th .btn--help { display: inline-block; position: relative; width: 11px; height: 11px; vertical-align: middle; margin-top: -2px; }
.tbl--col thead th .btn--help:before { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -320px; }
.tbl--col thead th .t { display: inline-block; text-align: center; font-weight: normal; font-size: 11px; }
.tbl--col thead tr th:first-child { background-image: none; }
/*.tbl--col thead tr th.ln { background-image: url("/static/cmm/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; }*/
.tbl--col tbody tr.even > th, .tbl--col tbody tr.even > td { background: #fafafa; }
.tbl--col tbody .noExp { padding-left: 34px; }
.tbl--col tbody tr.selected td { background-color: #fffbe6 !important; }
.tbl--col tbody th .unit { display: inline-block; margin-left: 5px; color: #a3a3a3; font-size: 11px; }
.tbl--col tbody tr.str td { background-color: #f2fbff !important; }
.tbl--col tbody tr.str2 td { background-color: #fffbe6 !important; }
.tbl--col tbody tr td.highlight{background-color:#feffed !important;}
.tbl--col tbody tr.rowDel > td { background-color: #fff4ef !important; }
.tbl--col tbody tr.rowRevise > td { background-color: #ecffed !important; }
.tbl--col tbody tr.rowAdd > td { background-color: #eef2ff !important; }
.tbl--col .colEdit { text-align: center; display: block !important; }
.tbl--col .colEdit > label { margin-right: 0; }
.tbl--col .colEdit > label:before { margin-right: 0 !important; }
.tbl--col tbody th { border-top: 1px solid #e9e9e9; padding-top: 6px; padding-bottom: 6px; }
.tbl--col tbody td{ border-top: 1px solid #e9e9e9; padding:6px 8px;border-left:1px solid #e9e9e9;vertical-align:middle;}
.tbl--col tbody tr:first-child td{border-top:0 none}
.tbl--col tbody tr td:first-child{border-left:0 none;}
.tbl--col tbody th a:link, .tbl--col tbody th button, .tbl--col tbody td a:link, .tbl--col tbody td button { color: #ff985c; }
.tbl--col tbody th button.visited, .tbl--col tbody td button.visited { color: #ff985c; }
.tbl--col tbody th .code, .tbl--col tbody td .code { display: block; }
.tbl--col tbody th .datepicker th, .tbl--col tbody td .datepicker th { background: none; border: 0; padding: 4px 2px; vertical-align: middle; font-weight: normal; color: #505050; text-align: center; }
.tbl--col tbody th .datepicker td, .tbl--col tbody td .datepicker td { border-bottom: none; }
.tbl--col.checks label, .tbl--col .tbl--col.colEdit label, .tbl--col.bodyChk label { margin-right: 0; }
.tbl--col + .grid--opt { padding-top: 30px; }

/* tbl--col2 */
.tbl--col2 table{border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;width:100%;table-layout:fixed;}
.tbl--col2 thead th{background-color:#f2f2f2;text-align:center;border-bottom:1px solid #caced7;font-size:15px;padding:8px;font-weight:normal;color:#252525}
.tbl--col2 tbody td{position:relative;border-top:1px solid #e9e9e9;text-align:center;font-size:15px;padding:8px;color:#252525;vertical-align:middle;}
.tbl--col2 tbody tr:first-child td{border-top:0 none;}
.tbl--col2 tbody td a{font-size:15px;color:#252525;}
.tbl--col2 tbody td span{position:relative;display:inline-block;max-width:90%;font-size:0;vertical-align:middle;}
.tbl--col2 tbody td span:hover{text-decoration:underline;}
.tbl--col2 tbody td span a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;width:100%;margin-right:5px;}
.tbl--col2 tbody td span a:hover{text-decoration:none;}
.tbl--col2 tbody td span .num{position:absolute;left:100%;top:0;font-style:normal;font-size:15px;color:#252525;}
.bodyChk input[type=checkbox] + label { margin-right: 0 !important; }
.bodyChk input[type=checkbox] + label:before { margin-right: 0; }

.tbl--resizable thead th { position: relative; }
.tbl--resizable thead th .resizer { position: absolute; top: 0; right: -8px; bottom: 0; left: auto; width: 16px; cursor: e-resize; }

.tbl--lastTd tbody tr td:last-child { padding-right: 23px; }

.tbl--zebra tbody tr:nth-child(even) > th, .tbl--zebra tbody tr:nth-child(even) > td { background: #fafafa; }

/*tbl--narrow*/
.tbl--narrow th, .tbl--narrow td { padding-left: 0; padding-right: 0; }

/*tbl--row*/
.tbl--row {width:100%;border:1px solid #caced7;table-layout:fixed;}
.tbl--row th { border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; font-weight: bold; color: #000;padding: 6px;vertical-align:middle }
.tbl--row td { border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;  padding: 6px;vertical-align:middle;}
.tbl--row th a, .tbl--row th button, .tbl--row td a, .tbl--row td button { color: #ff985c; }
.tbl--row tr:last-child th, .tbl--row tr:last-child td { border-bottom: 0; }

/*tbl--ell*/
.tbl--ell tbody th, .tbl--ell tbody td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tbl--ell tbody td > a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline; max-width: 100%; }
.tbl--ell tbody th.no--ell, .tbl--ell tbody td.no--ell { overflow: visible; white-space: normal; text-overflow: clip; }
.tbl--ell tbody th.no--ell .lay--wrap, .tbl--ell tbody td.no--ell .lay--wrap { max-width: 100%; }
.tbl--ell tbody th.no--ell .lay--wrap .btn--long, .tbl--ell tbody td.no--ell .lay--wrap .btn--long { line-height: 18px; vertical-align: top; }

/*tbl--sort*/
.tbl--sort thead th { padding-bottom: 7px; vertical-align: middle; position: relative; }
.tbl--sort thead th .btn--sort, .tbl--sort thead th .btn--asc, .tbl--sort thead th .btn--desc { width: 100%; height: 100%; vertical-align: top; text-align: center;text-decoration: none;color:#252525; }
.tbl--sort thead th .btn--sort .s, .tbl--sort thead th .btn--asc .s, .tbl--sort thead th .btn--desc .s { display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; }
.tbl--sort thead th .btn--sort .s { background-image: url("/static/cmm/images/sort.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.tbl--sort thead th .btn--asc .s { background-image: url("/static/cmm/images/sort_asc.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.tbl--sort thead th .btn--desc .s { background-image: url("/static/cmm/images/sort_desc.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }

/*tbl--loading*/
.tbl--loading { position: relative; height: 310px; max-height: 310px; max-height: inherit !important; }

/*tbl--scrollY*/
.tbl--scrollY {
    overflow-y: auto;
    height:100%
}

/*biggrid*/
.biggrid { position: relative; overflow: hidden;;clear: both; }
.biggrid .fixhead { z-index: 2; position: absolute; top: 0; left: 0; overflow-x: visible; overflow-y: visible; }
.biggrid .trow { position: absolute; left: 0; }
.biggrid tbody td { box-sizing: border-box; /*& > div {
    @include ellipsis;
    & button {
        width: 100%;
        @include ellipsis;
        &.btn--chart {
            text-decoration: underline;
        }
    }
}*/ }
.biggrid tbody td.taC > div button { text-align: center; }
.biggrid tbody td.taL > div button { text-align: left; }
.biggrid tbody td.taR > div button { text-align: right; }
.biggrid .staticbody { z-index: 0; overflow: hidden; overflow-y: scroll; position: absolute; height: 500px; max-height: 500px; top: 0; left: 0; }
.biggrid .staticbody thead { display: none; }
.biggrid .staticbody > table > tbody > tr > td { width: 50px; height: 30px; }
.biggrid .fixpin { z-index: 3; position: absolute; top: 0; left: 0; width: 50px; }
.biggrid .fixpin > table > tbody > tr > td { height: 30px; }
.biggrid .fixbody { z-index: 1; top: 0; left: 0; position: absolute; }
.biggrid .hScrollBar { z-index: 2; position: absolute; overflow-x: auto; }
.biggrid .hScrollBar .hScrollContent { height: 1px; }
.biggrid .vScrollBar { width: 20px; z-index: 2; position: absolute; overflow-y: scroll; }
.biggrid .vScrollBar .vScrollContent { width: 1px; }

/*rowN*/
.row5 { height: 160px; max-height: 160px; }

.row5.isX { height: 177px; max-height: 177px; }

.row10 { height: 320px; max-height: 320px; }

.row10.isX { height: 337px; max-height: 337px; }

.row15 { height: 480px; max-height: 480px; }

.row15.isX { height: 497px; max-height: 497px; }

.row20 { height: 640px; max-height: 640px; }

.row20.isX { height: 657px; max-height: 657px; }

.row25 { height: 800px; max-height: 800px; }

.row25.isX { height: 817px; max-height: 817px; }

.row30 { height: 960px; max-height: 960px; }

.row30.isX { height: 977px; max-height: 977px; }

.row35 { height: 1120px; max-height: 1120px; }

.row35.isX { height: 1137px; max-height: 1137px; }

.row40 { height: 1280px; max-height: 1280px; }

.row40.isX { height: 1297px; max-height: 1297px; }

.row45 { height: 1440px; max-height: 1440px; }

.row45.isX { height: 1457px; max-height: 1457px; }

.row50 { height: 1600px; max-height: 1600px; }

.row50.isX { height: 1617px; max-height: 1617px; }

.row13 { height: 416px; max-height: 416px; }

.row13.isX { height: 433px; max-height: 433px; }
/*
.row14 { height: 464px; max-height: 464px; }

.row14.isX { height: 465px; max-height: 465px; }*/

/**************************************************/
/*comment*/
.comment { padding: 7px 0 10px; }
.comment li { background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -563px; padding-left: 15px; color: #777; font-size: 11px; margin-top: 6px; }
.comment li .td--bgc1, .comment li .td--bgc2 { display: inline-block; width: 15px; height: 15px; }
.comment.ty2 { border: 1px solid #bdc5ce; padding: 30px 20px 31px; }
.comment.ty2 li { background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -561px; font-size: 12px; color: #333; }

.msg li { padding-left: 10px; padding-bottom: 5px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -215px; font-size: 11px; color: #6c6c6c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list { margin-top: 5px; }
.list li { padding-left: 8px; padding-bottom: 3px; font-size: 11px; color: #363636; position: relative; }
.list li:before { content: ""; position: absolute; top: 6px; left: 0; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 0; width: 3px; height: 3px; }

.code { display: inline-block; text-align: center;}

.contBox{border:1px solid #caced7;background-color:#fff;border-radius:5px;}
.grid--box:after { content: " "; display: block; clear: both; }
.grid--box .iframeBox{width:100%;height:770px;}
.grid--box .iframeBox iframe{border-radius:5px;}
.grid--box{margin:0 -8px;}
.grid--box .contBox{min-height:200px;margin-bottom:16px;}
.grid--box .col{padding:0 8px;box-sizing:border-box;width:50%;position:relative;}
.grid--box .col50 {float:left; }
.grid--box .col{width: 100%; }
.grid--box:last-child .col .contBox:last-child{ margin-bottom:0  }
.grid--box .col50 { width:50%; }
.grid--box .col50:first-child .in{ margin-left: 0;}
.searchBox { margin-bottom: 5px; }
.grid--box .col30{float: left; width:30%;}
.grid--box .col30:first-child .in{margin-left:0}
.grid--box .col33{float: left; width:33.333%;}
/*.grid--box .col33 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}*/
.grid--box .col33:first-child .in{margin-left:0}
.grid--box .col35{float: left; width:35%;}
.grid--box .col35:first-child .in{margin-left:0}
.grid--box .col40{float: left; width:40%;}
.grid--box .col40:first-child .in{margin-left:0}
.grid--box .col45{float: left; width:45%;}
.grid--box .col45:first-child .in{margin-left:0}
.grid--box .col25{float: left; width:25%;}
.grid--box .col25 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col25:first-child .in{margin-left:0}
.grid--box .col20{float: left; width:20%;}
.grid--box .col20:first-child .in{margin-left:0}
.grid--box .col20 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col55{float:left;width:55%;}
.grid--box .col55:first-child .in{margin-left:0}
.grid--box .col60{float:left;width:60%;}
.grid--box .col60:first-child .in{margin-left:0}
.grid--box .col66{float:left;width:66.666%;}
.grid--box .col66:first-child .in{margin-left:0}
/*.grid--box .col66 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}*/
.grid--box .col70{float:left;width:70%;}
.grid--box .col70:first-child .in{margin-left:0}
.grid--box .col75{float:left;width:75%;}
.grid--box .col75:first-child .in{margin-left:0}
.grid--box .col80{float:left;width:80%;}
.grid--box .col80:first-child .in{margin-left:0}
.grid--box__blue{text-align:center;}
.grid--box__blue .col{min-width:700px;width:auto;display:table;min-height: 46px;margin:22px auto;}
.grid--box__blue .contBox{display:table-cell;min-height:auto;height:auto;vertical-align:middle;margin:0;background-color:#f2fbff;border:1px solid #a3b2f2;color:#4566b6}
.grid--box__style .contBox{border-top:2px solid #7b9add;min-height:auto;}
/*.grid--box .col66 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}*/

.ico--loading { position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -100px; width: 90px; height: 10px; color: #000; padding-top: 80px; font-weight: bold; text-align: center; }

.star--rate { display: inline-block; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: 0 -640px; background-size: auto; width: 75px; height: 16px; vertical-align: top; color: #363636; }
.star--rate span { display: inline-block; overflow: hidden; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: 0 -660px; background-size: auto; text-indent: -9999px; }

/**************************************************/
.basic--type{padding:10px;}

/*table*/
.tbl--type1{height:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #caced7}
.tbl--type1[data-table-type="grid"]{height:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:0px;}
.tbl--type2{overflow:hidden;height:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #caced7;padding:21px 25px 25px}

.txt--type1{position: relative; clear: both; padding:40px; margin: 0 auto; overflow:hidden;border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.txt--type1 > div, .txt--type1 .txt{font-size:15px; line-height:180%;height:287px;overflow-y:auto;}
.txt--type1 .txt > *{font-size:15px}

/*chart*/
.chart--type1 { position: relative; clear: both; padding:10px; margin: 0 auto; overflow:hidden;border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.chart--type1 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; }
.chart--type1 .chart--unit1 { position: absolute; left: 20px; top:10px; }
.chart--type1 .chart--unit2 { position: absolute; right: 20px; top: 10px; }
.chart--type1 .chart--cont { margin: 0 auto; }
.chart--type1 .chart { margin: 0 auto; width:100%;height:387px}
.chart--type1 .row{padding-top:10px;clear:both;}
.chart--type1 .row:first-child{padding-top:0}

.chart--type1 .chart:first-child .chart--tit__sub{margin-left:0;}
.chart--type1 .chart .chart--tit__sub{position:absolute;left:0;right:0;text-align:center;margin-left:10px;}
.chart--type1 .chart .chart--sub{box-sizing:border-box;padding-top:25px;height:100%;}
.chart--type1 .chart.col50 {position:relative;width:50%;height:100%;padding-left:10px;box-sizing:border-box;}
.chart--type1 .chart.col50:first-child{padding-left:0}


.chart--type2 { position: relative; clear: both; padding:10px; margin: 0 auto; overflow:hidden;border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.chart--type2 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; }
.chart--type2 .chart--unit1 { position: absolute; left: 20px; top:10px; }
.chart--type2 .chart--unit2 { position: absolute; right: 20px; top: 10px; }
.chart--type2 .chart--cont { margin: 0 auto; }
.chart--type2 .chart { margin: 0 auto; width:100%;height:350px}
.chart--type2 .chart.col50 {width:50%;height:100%;}
.chart--type2 .chart.col50 .chart--sub{background:#f6f6f6;height:100%;margin-left:10px;box-sizing:border-box;}
.chart--type2 .chart.col50:first-child .chart--sub{margin-left:0}
.chart--type2.chart.col50 .chart--tit__sub{text-align:center;margin:0 0 5px 10px}
.chart--type2 .chart.col50:first-child .chart--tit__sub{margin-left:0}

/*.chart--type2 { position: relative; clear: both; border-top: 1px solid #e6e8e8; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; min-height: 200px; padding: 0; margin: 0 auto; margin-bottom: 15px; }
.chart--type2 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; }
.chart--type2 .chart--unit1 { position: absolute; left: 30px; top: 20px; }
.chart--type2 .chart--unit2 { position: absolute; right: 30px; top: 20px; }
.chart--type2 .chart--cont { margin: 0 auto; }
.chart--type2 .chart { margin: 0 auto; }*/

/**************************************************/
/*tab*/
.tab--type1 { position: relative;overflow:hidden;margin-bottom:-1px}
.tab--type1 > ul { width: 100%; margin-left: 1px; }
.tab--type1 > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; }
.tab--type1 > ul li{min-width:120px;}
.tab--type1 > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; padding: 6px 20px; background: #f6f6f6; border: 1px solid #a4aab7; color: #828282;outline:none;}
.tab--type1 > ul li.on .btn--tab, .tab--type1 > ul li:hover .btn--tab { background: #72c4c7; border: 1px solid #005b96;/*#5c7bbb;*/ color: #fff; }
/*.tab--type1 > ul li.on .tab--cont { display: block; z-index: 0; }
.tab--type1 > ul li .tab--cont { display: none; position: absolute; left: 0; z-index: 0; }*/

.tab--type2 { position: relative;overflow:hidden;margin-bottom:-1px;width:100%;margin-bottom:19px;}
.tab--type2 > ul { width: 100%; margin-left: 1px; }
.tab--type2 > ul li { float: left;width:33.333%; padding: 0; margin: 0; margin-left: -1px; }
.tab--type2 > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; padding: 7px 20px; background: #f6f6f6; border: 1px solid #a4aab7; color: #828282;outline:none;font-size:17px;}
.tab--type2 > ul li.on .btn--tab, .tab--type1 > ul li:hover .btn--tab { background: #738fcb; border: 1px solid #5c7bbb; color: #fff; }

.tab--cont > div, .tab--cont .tabCont{display:none; margin-bottom: 16px;}
.tab--cont > div.on, .tab--cont .tabCont.on{display:block}
.tab--cont > div, .tab--cont .tabCont .contBox {
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tab--cont > div.on, .tab--cont .tabCont.composite {
    padding: 10px;
    border: 1px solid rgb(202, 206, 215);
}
/**************************************************/
/*search option*/
.searchBox--wrap { position: relative; }
.searchBox--wrap .btn--schBox { position: absolute !important; right: 0; top:-18px; width:183px;height: 17px; background:url("/static/cmm/images/titlt_search.png") no-repeat 0 -90px;text-indent:-9999px}
.searchBox--wrap .btn--schBox:hover {background-position:0 -120px; }
.searchBox--wrap .btn--schBox.on{background-position:0 -30px; }
.searchBox--wrap .btn--schBox.on:hover{background-position:0 -60px; }
/*.searchBox--wrap:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; padding: 0; margin: 0; width: 1199px; height: 1px; background-color: #bdc5ce; }*/
.sec--wrap { margin-top: 16px; }
.sec{padding:45px 0;}
.sec1{padding-top:0}
.sec2{background-color:#f7f8fb;}

.searchBox { position: relative; border: 1px solid #caced7; border-radius:7px  0px 7px 7px}
.searchBox  .searchBox--title{height:19px;background-color:#eaecee;}
.searchBox  .searchBox--title h3{background:url("/static/cmm/images/titlt_search.png") no-repeat 0 0;height:19px;text-indent:-9999px;border-top-right-radius:7px;}
.searchBox .row { display:block;position: relative; padding: 11px 20px; min-height: 28px; }
.searchBox .row:before, .searchBox .row:after { display: block; content: ''; }
.searchBox .row:after { clear: both; }
.searchBox .row.off{display:none;}
.searchBox .row2{display:none;background-color:#f9f9f9;border-top:1px solid #caced7;border-bottom-left-radius:5px;border-bottom-right-radius:5px }
.searchBox .row2.on{display:block;}
.searchBox .row dl{float:left;margin-left:8px}
.searchBox .row dl:first-child{margin-left:0}
.searchBox .row dl dt {padding:1px 0 4px;color: #4566b6; font-size:11px;}
.searchBox .row dl dd .items {vertical-align: middle; margin-right: 6px;margin-left:0; }
.searchBox .row dl dd .items .selectBox{position:relative;z-index:2;}
.searchBox .row dl dd .items .checks{margin-top:3px}
.searchBox .row dl dd .items label { margin-right: 10px; }
.searchBox .row dl dd .items .cp label { margin-right: 0; line-height: inherit; vertical-align: middle; }
.searchBox .row dl dd .items.one { width: 1000px; }
.searchBox .row dl dd .items.one > span { display: inline-block; width: 145px; margin: 0 10px 0 0; }
.searchBox .row dl dd button { vertical-align: top; }
.searchBox .row dl dd .idx--result { width: 950px; vertical-align: top; display: inline-block; margin-top: 3px; margin-left: 10px; }
.searchBox .row dl dd .idx--result strong { color: #3579d4; font-weight: bold; }
.searchBox .row dl dd .idx--result span { display: inline-block; margin-right: 8px; }
.searchBox .row dl dd .idx--result span .btn--del { vertical-align: middle; margin-left: 2px; }
.searchBox .row dl dd .idx--result.fixed { width: auto; }
.searchBox .row.ov { overflow: hidden; }
.searchBox .row.ty2 { padding: 0; }
.searchBox .row.narrow--ty1 > div { margin-right: 4px; }
.searchBox .row.narrow--ty2 > div { margin-right: 13px; }
.searchBox .row .comment { padding-top: 10px; }
.searchBox .row .stt { font-weight: bold; margin: 0 0 10px 10px; }
.searchBox .row > div { display: inline-block; vertical-align: middle; margin-right: 23px; }
.searchBox .row > div:last-child { margin-right: 0; }
.searchBox .row label { margin-right: 5px; }
.searchBox .row .t--label { display: inline-block; vertical-align: middle; margin-right: 15px; }
.searchBox .row .sel--wrap label { vertical-align: top; line-height: 28px; }
.searchBox .row .sel--wrap select:last-of-type { margin-right: 0; }
.searchBox .row .checks label, .searchBox .row .tbl--col .colEdit label, .tbl--col .searchBox .row .colEdit label, .searchBox .row .bodyChk label { margin-right: 5px; }
.searchBox .row .checks .clear--wrap, .searchBox .row .tbl--col .colEdit .clear--wrap, .tbl--col .searchBox .row .colEdit .clear--wrap, .searchBox .row .bodyChk .clear--wrap { display: inline-block; vertical-align: middle; }
.searchBox .btn--inquiry { float:left;vertical-align:bottom;}
.searchBox .btn--stepNext { position: absolute !important; right: 7px; top: 9px; }
.searchBox .btn--stepPrev { position: absolute !important; right: 85px; top: 9px; }

/**************************************************/
/*datepicker*/
.btn--cal { position: relative; width: 16px; height: 16px; margin: 5px 5px 0 0; vertical-align: top; }
.btn--cal:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -160px; }
.datepicker{position: relative;}
.datepicker label { margin-right: 5px; vertical-align: top; line-height: 28px; }
.datepicker .inner { display: inline-block; vertical-align: middle; padding-left: 3px; background-color: #fff; border: 1px solid #c8c8c8; border-radius:3px;/*calendar*/ }
.datepicker.essential .inner { display: inline-block; vertical-align: middle; padding-left: 3px; background-color: #ffff153d; border: 1px solid #c8c8c8; border-radius:3px;/*calendar*/ }
.datepicker.essential2 .inner { display: inline-block; vertical-align: middle; padding-left: 3px; background-color: #ff15153d; border: 1px solid #c8c8c8; border-radius:3px;/*calendar*/ }
.datepicker .inner:hover, .datepicker .inner:focus{border: 1px solid #7db2ff; background-color: #f2fbff}
.datepicker .inner input[type=text] { width: 63px;height:24px; letter-spacing: -0.3px;padding:0 5px;}
.datepicker.essential .inner input[type=text] { width: 63px;height:24px; letter-spacing: -0.3px;padding:0 5px;background-color: #ffff1500;}
.datepicker.essential2 .inner input[type=text] { width: 63px;height:24px; letter-spacing: -0.3px;padding:0 5px;background-color: #ff151500;}
.datepicker .inner:hover input[type=text] {background-color: #f2fbff}
.datepicker .inner .tilde { display: inline-block; vertical-align: top; height:18px;padding-top:2px; }
.datepicker.essential .inner .tilde  { display: inline-block; vertical-align: top; height:18px;padding-top:2px;background-color: #ffff153d;}
.datepicker.essential2 .inner .tilde  { display: inline-block; vertical-align: top; height:18px;padding-top:2px;background-color: #ff15153d;}

.datepicker .lay--wrap{position:static}
.datepicker .lay--wrap .lay--df{top:25px;border-radius:3px}
.datepicker .lay--wrap .lay--df .lay--dfHeader{border-top-left-radius:3px;border-top-right-radius:3px}
.datepicker .inner .lay--cal1 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; }
.datepicker .inner .lay--cal2 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; }
.datepicker .inner .lay--cal3 { position: absolute; background: #fff; text-align: left; z-index: 5; }

/**************************************************/
/*btn*/
.btn { border-radius:3px;/*close*/ }
.btn--gray{background-color:#7d7d7d !important;border:1px solid #646464 !important;color:#fff !important;}
.btn--navy{background-color:#46536d !important;border:1px solid #5e6471 !important;color:#fff !important;}
.btn--blue{background-color:#617cf0 !important;border:1px solid #5c7bbb !important;color:#fff !important;}
/* The switch - the box around the slider */
.selectList2 .lay--list ul li{position:relative;border-bottom:1px solid #e5e7eb}
.selectList2 .lay--list ul li:last-child{border-bottom:0 none;}
.selectList2 .lay--list ul li .txt--switch{padding:4px 42px 4px 1px}
.selectList2 .lay--list ul li.g--dep2{border-bottom:1px dotted #eaebef; }
.selectList2 .lay--list ul li.g--dep3{border-bottom:1px dotted #eaebef; }
.selectList2 .lay--list ul li.g--dep4{border-bottom:1px dotted #eaebef;}
.selectList2 .lay--list ul li.g--dep1{padding-left: 8px;}
.selectList2 .lay--list ul li.g--dep2{padding-left: 18px; }
.selectList2 .lay--list ul li.g--dep3{padding-left: 30px; }
.selectList2 .lay--list ul li.g--dep4{padding-left: 42px; }
.selectList2 .lay--list ul li.g--dep2:before{content:'';display:inline-block;position:absolute;left:8px;top:8px;background:url("/static/cmm/images/icn_common.png") no-repeat 0 0;width:7px;height:7px;}
.selectList2 .lay--list ul li.g--dep3:before{content:'';display:inline-block;position:absolute;left:20px;top:8px;background:url("/static/cmm/images/icn_common.png") no-repeat 0 0;width:7px;height:7px;}
.selectList2 .lay--list ul li.g--dep4:before{content:'';display:inline-block;position:absolute;left:31px;top:8px;background:url("/static/cmm/images/icn_common.png") no-repeat 0 0;width:7px;height:7px;}
.selectList2 .lay--list ul li label.btn--switch{display:inline-block !important;padding:0;position:absolute;left:inherit;right:8px;top:4px}
/* Hide default HTML checkbox */
.switch {position:relative;}
.switch .btn--switch{position:absolute;left:0;top:0;}
.switch .btn--switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    vertical-align: middle;

  }

.switch .btn--switch input {
display: none;
}

/* The slider */
.switch .btn--switch .slide--switch {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.switch .btn--switch .slide--switch:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 3px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

.switch .btn--switch input:checked + .slide--switch {
background-color: #1a84d8;
}

.switch .btn--switch input:focus + .slide--switch {
box-shadow: 0 0 1px #1a84d8;
}

.switch .btn--switch input:checked + .slide--switch:before {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
}

/* Rounded sliders */
.switch .btn--switch .slide--switch.round {
border-radius: 34px;
}

.switch .btn--switch .slide--switch.round:before {
border-radius: 50%;
}

.btn--bread { position: relative; height: 34px; line-height: 34px;padding-right: 27px; margin-right:15px; color:#555;}
.btn--bread:not([data-nm="Main"]):after { content: ""; position: absolute; top: 10px; right: 0; width: 17px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -220px; }
.btn--bread:hover:after, .btn--bread:focus:after, .btn--bread.on:after { background-position: -20px -220px ; }
.btn--acc { position: relative; height: 34px; line-height: 34px; padding-left: 20px; padding-right: 16px; color: #777; font-size:12px;}
.btn--acc:before { content: ""; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -240px; }
.btn--acc:after { content: ""; position: absolute; top: 11px; right: 0; width: 14px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -100px; }
.btn--acc:hover, .btn--acc:focus, .btn--acc.on { text-decoration: underline; color: #ff985c;}
.btn--acc:hover:after, .btn--acc:focus:after, .btn--acc.on:after { background-position: -20px -100px; }
.btn--help { display: inline-block; vertical-align: middle; margin: 0 3px; position: relative; width: 16px; height: 16px; }
.btn--help:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -60px; }

.btn--logout {width: auto; height: auto; padding: 5px 15px; font-size: 14px; text-align: center; color: #fff !important; background: #4a7eb2;/*#617cf0;*/ border: 1px solid #4a7eb2;/*#617cf0;*/ border-radius:3px; }
.btn--logout:hover, .btn--logout:focus { background:#005b96;/*#4a6bee;*/border:1px solid #005b96;/*#5c7bbb;*/color: #fff !important; text-decoration: none; }

.btn--inquiry { position: relative; width: auto; border: 1px solid #4a7eb2; background: #4a7eb2; padding: 0 20px; height:26px;color: #fff;border-radius:3px; font-size:14px;}
.btn--inquiry:hover, .btn--inquiry:focus, .btn--inquiry.on { background-color: #005b96; border: 1px solid #005b96; color: #fff; text-decoration: none; }

.btn--inquiry2{position: relative; width: auto; border: 1px solid #4a7eb2;/*#617cf0;*/ background:#4a7eb2;/*#617cf0;*/ padding: 0 11px; height:26px;color: #fff;border-radius:3px; font-size:14px;margin-left:0;}
.btn--inquiry2:before { content: ""; display:inline-block;width: 16px; height: 16px;margin-right:5px;background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -220px; vertical-align:middle;}
.btn--inquiry2:hover, .btn--inquiry2:focus, .btn--inquiry2.on { background-color: #005b96;/*#4a6bee;*/ border: 1px solid #005b96;/*#5c7bbb;*/ color: #fff; text-decoration: none; }

.btn--inquiry3{position: relative; width: auto; border: 1px solid #b7b7b7; padding: 0 11px; height:26px; color:#555;
background: #fff; font-size:14px;margin-left:0;}
.btn--inquiry3:before {filter: invert(70%); content: ""; display:inline-block;width: 16px; height: 16px;margin-right:5px;
background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top;
background-size: auto; background-position: -80px -220px; vertical-align:middle;}
.btn--inquiry3:hover, .btn--inquiry3:focus, .btn--inquiry3.on {background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none; }

.btn--stepNext { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fbfbfb; padding: 3px 9px 4px 27px; color: #333; font-size: 15px; font-weight: bold; }
.btn--stepNext:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -197px; }
.btn--stepNext:hover, .btn--stepNext:focus, .btn--stepNext.on { background-color: #fbfbfb; border: 1px solid #c8c8c8; color: #333; text-decoration: none; }
.btn--stepPrev { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fbfbfb; padding: 3px 9px 4px 27px; color: #333; font-size: 15px; font-weight: bold; }
.btn--stepPrev:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -197px; }
.btn--stepPrev:hover, .btn--stepPrev:focus, .btn--stepPrev.on { background-color: #fbfbfb; border: 1px solid #c8c8c8; color: #333; text-decoration: none; }
.btn--lookup { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; }
.btn--lookup:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -80px -180px; }
.btn--lookup2 { position: relative; width: 26px; height: 26px;}
.btn--lookup2:before { content: ""; position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin-left: -13px; margin-top: -13px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -80px -640px; }
.btn--search{position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 12px;border:1px solid #646464;background-color:#7d7d7d}
.btn--search:before{content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -79px -219px;}
.btn--search:hover{background-color:#46536d;border: 1px solid #5e6471;}
.btn--toLeft { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; border-radius:3px}
.btn--toLeft:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -160px; }
.btn--toRight { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; border-radius:3px }
.btn--toRight:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -160px; }
.btn--data { position: relative;padding:0 10px 0 28px !important;vertical-align:middle;border-radius:3px;}
.btn--data:before { content: ""; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -120px; }
.btn--chart { position: relative;padding:0 10px 0 28px !important;vertical-align:middle;border-radius:3px; }
.btn--chart:before { content: ""; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px;margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -140px; }
.btn--colm { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fff; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; border-radius:3px;}
.btn--colm:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -300px; }
.btn--colm:hover, .btn--colm:focus, .btn--colm.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--default { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fff; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;border-radius:3px; }
.btn--default:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -320px; }
.btn--default:hover, .btn--default:focus, .btn--default.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--reset { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--reset:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -320px; }
.btn--reset:hover, .btn--reset:focus, .btn--reset.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--save { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--save:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -340px; }
.btn--save:hover, .btn--save:focus, .btn--save.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--export { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--export:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -360px; }
.btn--export:hover, .btn--export:focus, .btn--export.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--cancel { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--cancel:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -380px; }
.btn--cancel:hover, .btn--cancel:focus, .btn--cancel.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--expand { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;  padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--expand:before { content: ""; position: absolute; top: 6px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -580px; }
.btn--expand:hover, .btn--expand:focus, .btn--expand.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--contract { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--contract:before { content: ""; position: absolute; top: 6px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -580px; }
.btn--contract:hover, .btn--contract:focus, .btn--contract.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--chartdown { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--chartdown:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -400px; }
.btn--chartdown:hover, .btn--chartdown:focus, .btn--chartdown.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--delete { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--delete:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -460px; }
.btn--delete:hover, .btn--delete:focus, .btn--delete.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--add { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--add:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -480px; }
.btn--add:hover, .btn--add:focus, .btn--add.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--edit { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--edit:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -500px; }
.btn--edit:hover, .btn--edit:focus, .btn--edit.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--exp.on { position: relative; width: 16px; height: 16px; }
.btn--exp.on:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -20px; }
.btn--exp { position: relative; width: 16px; height: 16px; }
.btn--exp:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -20px; }
.btn--bookmark { position: relative; width: 18px; height: 17px; vertical-align:middle;}
.btn--bookmark:before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 17px; margin-left: -8px; margin-top: -9px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -620px; }
.btn--bookmark.on:before {background-position: -100px -620px; }
.btn--del { position: relative;display:inline-block;width:19px;text-indent:-9999px;}
.btn--del:before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-left: -5px; margin-top:-5px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -102px; }
.btn--close { width: auto; height: auto; margin: 0 5px; padding:4px 21px; font-size: 14px; font-weight: normal; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; }
.btn--close:hover, .btn--close:focus { background: #666; color:#fff;border:1px solid #5e6471; text-decoration: none;  text-decoration: none; }
.btn--basic { width: auto; height: auto; margin: 0 5px; padding:4px 21px; font-size: 14px; font-weight: normal; text-align: center; background: #fff; border: 1px solid #b7b7b7; }
.btn--basic:hover, .btn--basic:focus { background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none; }
.btn--basic:first-child{margin-left:0}
.btn--basic2 { width: auto; height: auto; margin: 0 5px; padding:4px 21px; font-size: 14px; font-weight: normal; text-align: center; color: #fff !important; background: #121923; border: 1px solid #121923; }
.btn--basic2:hover, .btn--basic2:focus {  text-decoration: none; }
.btn--ge { width: auto; height: auto; padding: 1px 5px; font-size: 11px; font-weight: normal; text-align: center; background: #fff; border: 1px solid #b7b7b7; }
.btn--ge:hover, .btn--ge:focus { text-decoration: none; }
.btn--normal { width: auto; height: auto; padding: 0 20px; height:26px; font-size: 14px; font-weight: normal; text-align: center; color:#555;background: #fff; border: 1px solid #b7b7b7; }
.btn--normal:hover, .btn--normal:focus {background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none; }
.btn--normal.on{background-color:#7d7d7d;color:#fff;border:1px solid #646464}

.btn__file label{display:block;width:26px;height:26px;background:url("/static/cmm/images/btn.png") no-repeat -80px -670px;margin-right:5px;height:28px;text-indent:-9999px;}
.btn__file label:hover{background-position:-110px -670px;}
.btn--delete2 { display:inline-block;width:26px;height:26px;background:url("/static/cmm/images/btn.png") no-repeat -80px -700px;margin-right:5px;height:28px;text-indent:-9999px;}
.btn--change { display:inline-block;width:26px;height:26px;background:url("/static/cmm/images/btn.png") no-repeat -110px -700px;margin-right:5px;height:28px;text-indent:-9999px;}
.btn--upload{ position: relative;width: auto;height: auto;border: 1px solid #c8c8c8;padding: 3px 7px 4px 25px;color: #656565;font-size: 12px;font-weight: normal;border-radius:3px;background-color:#fff;}
.btn--upload:before{ content: "";position: absolute;top: 6px;left: 5px;width: 16px;height: 16px;background-image: url("/static/cmm/images/btn.png");background-repeat: no-repeat;background-size: auto;background-position: 0 -270px;}
.btn--upload:hover, .btn--upload:focus, .btn--upload.on{ background-color: #f2fbff;border: 1px solid #5a98ea;color: #3579d4;text-decoration: none;}

.btns--c { text-align: center; padding-top: 30px; }
.btns--c button { margin: 0 3px; }

.btn--hd button, .btn--hd a{margin:0 0 5px 5px}
.btn--ft button, .btn--ft a{margin:5px 0 0 5px}
.btn--big button, .btn--big a{width:120px;height:38px;font-size:16px;}


/**************************************************/
/*ico*/
.ast { display: inline-block; vertical-align: middle; color: #ff985c; }
.ast2 { display: inline-block; vertical-align: middle; color: #6e7681; font-size:12px !important; padding-top:2px;}

/**************************************************/
/*ranges*/
.ranges--wrap .ranges--label { display: inline-block; vertical-align: middle; margin-right: 7px; }
.ranges--wrap .ranges { display: inline-block; vertical-align: middle; }

.ranges.narrow .btn--ranges { padding: 4px 7px; }
.ranges .btn--ranges:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; }
.ranges .btn--ranges:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; }

.btn--ranges { float: left; margin-left: -1px;height:26px;border: 1px solid #c8c8c8; background-color: #fdfdfd; font-size: 12px; padding:0 10px;outline:none;}
.btn--ranges span{font-size: 12px;}
.btn--ranges.on { position: relative; border: 1px solid #646464; background-color: #7d7d7d; color: #fff; }
.btn--ranges.on span{color:#fff; }
.btn--ranges:hover{background-color:#46536d;border: 1px solid #5e6471; color:#fff;text-decoration:underline;}
.btn--ranges:hover span{color:#fff;}
.btn--ranges2.on{background-color:#46536d;border: 1px solid #5e6471; }
.btn--ranges2:hover{background-color:#7d7d7d;border: 1px solid #646464; }
.btn--ranges2 span{font-size:13px;}
/**************************************************/
/*CONTENTS*/
.comment{padding:22px 30px;}
.comment p{position:relative;padding-left:22px;color:#3365a8}
.comment p:before{content: ""; position: absolute; top: 2px; left: 0; width: 13px; height: 16px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -600px; }
.comment p span{color:#6e7681;padding-left:5px;}
.comment p span em{height:14px;overflow:hidden;color:#b5bbc2;padding:0 10px;}

.rep--list { margin-top: 30px; }
.rep--list ul { width: 1220px; margin-left: -10px; }
.rep--list ul li { float: left; border: 1px solid #e1e1e1; margin: 0 10px; margin-bottom: 20px; }
.rep--list ul li.on .lay--repThumb { display: block !important; }
.rep--list ul li img { margin: 9px 7px 9px; }
.rep--list ul li .info { border-top: 1px solid #e1e1e1; padding: 7px 7px 3px; margin-top: 1px; min-height: 23px; }
.rep--list ul li .info p { float: left; color: #5e6471; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rep--list ul li .info .btn--more { float: right; padding-right: 20px; color: #3579d4; position: relative; width: 16px; height: 16px; }
.rep--list ul li .info .btn--more:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -120px; }
.rep--list ul li .info .btn--more:before { right: -5px !important; left: inherit; }

.setting { border: 1px solid #e1e1e1; }
.setting .w { padding: 30px; min-height: 170px; }
.setting .w .tit { clear: both; padding: 20px 0 10px; }
.setting .w .tit:first-of-type { padding-top: 0; }
.setting .w .ranges button { padding: 4px 10px; margin: 0 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }
.setting .w .ranges button:first-child { margin-left: 0; }
.setting .w .clear--wrap { margin-left: 10px; }
.setting .desc { padding: 20px 30px; background: #f9f9f9; border-top: 1px solid #f2f2f2; }

.clear--wrap.limit { width: 76px; }
.clear--wrap.limit input[type=text] { width: 50px; }

.nodata { padding-top: 20px; text-align: center;border-bottom:1px solid #e9e9e9 }

.log--wrap { padding: 100px 0 0; margin: 0 auto; width: 725px; }
.log--wrap h2 { float: left; font-size: 18px; color: #fff; position: relative; padding-bottom: 20px; font-family: shs; }
.log--wrap h2:before { content: ""; border-top: 4px solid #2271ff; position: absolute; top: -20px; width: 26px; }
.log--wrap .log--area { clear: both; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); padding: 90px 0 50px; min-height: 170px; overflow: hidden; }
.log--wrap .log--area .inp fieldset { position: relative; width: 360px; margin-left: 180px; }
.log--wrap .log--area .inp fieldset .row:first-child { margin-bottom: 10px; }
.log--wrap .log--area .inp fieldset .row.ty2 label { width: 100px; }
.log--wrap .log--area .inp fieldset .row label { display: inline-block; width: 55px; padding-right: 5px; text-align: right; color: #ababab; font-size: 13px; margin-top: 4px; }
.log--wrap .log--area .inp fieldset .row .clear--wrap { display: inline-block; border: 1px solid #ababab; }
.log--wrap .log--area .inp fieldset .row .clear--wrap input[type=text], .log--wrap .log--area .inp fieldset .row .clear--wrap input[type=password] { width: 190px; background-color: #626167; color: #fff; }
.log--wrap .log--area .inp fieldset .btn--login { width: auto; height: auto; padding: 22px 14px; font-size: 14px; font-weight: normal; text-align: center; color: #fff !important; background: #1c63e2; border: 1px solid #1c63e2; position: absolute; right: 0; top: 0; }
.log--wrap .log--area .inp fieldset .btn--login:hover, .log--wrap .log--area .inp fieldset .btn--login:focus { color: #fff !important; text-decoration: none; }
.log--wrap .log--area .inp .save { margin: 10px 0 0 245px; }
.log--wrap .log--area .inp .save .checks, .log--wrap .log--area .inp .save .tbl--col .colEdit, .tbl--col .log--wrap .log--area .inp .save .colEdit, .log--wrap .log--area .inp .save .bodyChk { color: #ababab; font-size: 13px; }
.log--wrap .log--area .msg { padding: 40px 0 0; text-align: center; font-size: 14px; color: #fff; }
.log--wrap .log--area .msg strong { color: #ffc925; }
.log--wrap .log--area .result { position: relative; }
.log--wrap .log--area .result p { padding-top: 137px; font-weight: bold; color: #000; text-align: center; }
.log--wrap .log--area .result:before { content: ""; position: absolute; top: 20px; left: 50%; margin-left: -50px; }
.log--wrap .log--area .result.ty1:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -807px; background-size: auto; width: 100px; height: 86px; }
.log--wrap .log--area .result.ty2:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -893px; background-size: auto; width: 100px; height: 85px; }
.log--wrap .log--area .result.ty3:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -295px; background-size: auto; width: 98px; height: 95px; }
.log--wrap .log--area .result.ty4:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -893px; background-size: auto; width: 100px; height: 85px; }
.log--wrap .log--area .result.ty4 p { padding-top: 136px; padding-bottom: 14px; font-weight: normal; line-height: 22px; color: #fff; }
.log--wrap .log--area .result.ty4 p strong { font-weight: bold; color: #ffc925; }
.log--wrap .log--area .result.ty5:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -100px; background-size: auto; width: 90px; height: 100px; }
.log--wrap .log--area .result.ty5 p { padding-bottom: 14px; font-weight: normal; line-height: 22px; }
.log--wrap .log--area .result.ty6:before { background-image: url("/static/cmm/images/my.png"); background-repeat: no-repeat; background-position: 0 -1032px; background-size: auto; width: 100px; height: 88px; }
.log--wrap .log--area .result.ty6 p { padding-top: 136px; padding-bottom: 14px; font-weight: normal; line-height: 22px; }
.log--wrap .log--area .result.ty6 p strong { font-weight: bold; color: #ff985c; }

.intro { width: 1130px; margin: 0 auto; }
.intro .idx--area { margin-bottom: 10px; }
.intro .idx--area .date { font-size: 12px; color: #fff; margin-bottom: 5px; }
.intro .idx--area .wr { background-color: rgba(32, 87, 157, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC20579D,endColorstr=#CC20579D); padding: 15px; overflow: hidden; }
.intro .idx--area .wr dl { float: left; width: 219px; height: 100px; margin-left: -1px; border: 1px solid #000; background-color: #031032; }
.intro .idx--area .wr dl dt { font-size: 16px; color: #ccc; text-align: center; padding-top: 20px; }
.intro .idx--area .wr dl dd { font-size: 24px; color: #ccc; text-align: center; padding-top: 7px; }
.intro .idx--area .wr dl dd span { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 12px; }
.intro .idx--area .wr dl dd.tcb { color: #1c81ff; }
.intro .idx--area .wr dl dd.tcr { color: #ff1c3c; }
.intro .sec--wrap.ty1 .col .tab--type2 { margin-bottom: 1px; }
.intro .sec--wrap.ty1 .col .tab--type2 button { font-weight: normal; padding: 7px 20px; }
.intro .sec--wrap.ty1 .col .wr { background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); }
.intro .chart--type1 { border: 1px solid #000; }
.intro .chart--type1 .chart--ct div { position: absolute; top: 30px; font-size: 14px; color: #fff; }
.intro .chart--type1 .chart--ct .item1 { left: 50px; }
.intro .chart--type1 .chart--ct .item1 span { display: inline-block; margin-right: 3px; color: #81c8eb; }
.intro .chart--type1 .chart--ct .item2 { right: 50px; }
.intro .chart--type1 .chart--ct .item2 span { display: inline-block; margin-right: 3px; color: #46f22f; }
.intro .board { position: relative; padding: 30px 50px; min-height: 272px; }
.intro .board .tit { margin-bottom: 20px; font-size: 14px; color: #fff; }
.intro .board li { display: block; margin-bottom: 7px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: -160px -60px; background-size: auto; padding-left: 10px; }
.intro .board li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; font-size: 13px; }
.intro .board ul.s3 a { width: 257px; }
.intro .board ul.s2 a { width: 365px; }
.intro .board ul.s1 a { width: 430px; }
.intro .board ul a { display: inline-block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.intro .board ul .writer { width: 95px; display: inline-block; color: #b5b5b5; font-size: 14px; margin-right: 10px; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.intro .board ul .date { width: 67px; display: inline-block; color: #2e69b9; font-size: 12px; text-align: right; vertical-align: top; }
.intro .board .btn--more { position: absolute; right: 50px; top: 30px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: -80px -440px; background-size: auto; width: 13px; height: 13px; border: none; }
.intro .board .btn--more:before { display: none; }

/* 입력 팝업 */
.tab__input{margin-bottom:15px}
.input__form{padding-right:10px}
.input__form:after{content:'';display:block;clear:both;}
.input__form > div{float:left;width:49%;margin-left:2%}
.input__form > div:first-child{margin-left:0}
.input__form dl{position:relative}
.input__form dt{position:absolute;left:0;top:3px;width:120px;}
.input__form dd{padding-left:120px;margin-bottom:14px;}
.input__form dd:after{content:'';display:block;clear:both;}
.input__form dd .clear--wrap{width:100%}
/*.input__form dd .clear--wrap,
.input__form dd .clear--wrap input,
.input__form dd .clear--wrap textarea{width:100%;box-sizing:border-box;}*/
.input__form dd .clear--wrap{margin-bottom:2px;}

.type--info{overflow:hidden;background-color:#f6f6f6;border:0 none;border-top:1px solid #e6e8e8;border-radius:0;margin:0;padding:15px 25px;}
.type--info .row dl{float:left;width:25%;margin-left:0}
.type--info .row dl dt{padding:1px 0 4px;color:#4566b6;font-size:11px}
.type--info .row dl dd{font-weight:bold;color:#000;}
.type--info .row dl dd > span{color:#999;margin-left:10px;}
.tbl--info__row{margin-top:15px}
.tbl--info__row:first-child{margin-top:0}
.tbl--info{border:1px solid #e9e9e9}
.tbl--info th{text-align:left;background-color:#f6f6f6;color:#656565;}
.tbl--info th.taC{background-color:inherit;}
.tbl--info th.img_mng{background-color:inherit;}
.tbl--info th.img_mng p{width:100%;height:145px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.tbl--info td{text-align:center;}
.tbl--info tr.last{height:72px;}


.tbl--info__col{float:left;width:32%;margin-left:2%}
.tbl--info__col:first-child{margin-left:0}
.tbl--info2{border:1px solid #e9e9e9}
.tbl--info2 th{text-align:left;background-color:#f6f6f6;color:#656565;}
.tbl--info2 td{text-align:center;}

.tbl--info__main th{background-color:#f9fbfe;border-left:0 none;}
/* 문서 관리 */
.btn--round{overflow:hidden;margin-top:-5px;min-height:32px;}
.btn--round p{float:left;border:1px solid #6576ff;border-radius:25px;margin-top:5px;padding:3px 12px;margin-right: 8px;}
.btn--round p a:hover{background-color:#38b07a;color:#fff;}
.btn--round p .btn--del{margin-left:5px;}

.tbl--board .step--doc{background-color:#f9f9f9;padding:24px 25px 24px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.step--doc:after{content:'';display:block;clear:both;}
.step--doc > .step{float:left;width:20%;padding-left:25px;box-sizing:border-box;}
.tbl--board__view .step--doc > .step{float:left;width:25%;padding-left:25px;box-sizing:border-box;}
.step--doc > .step .stepBox{background-color:#fff;border:1px solid #caced7;border-radius:5px;}

.step--doc .step2 .stepBox:after{display:block;content:'';clear:Both;}
.step--doc .step2 .stepBox h4{float:left;width:50%;border-top-right-radius: 3px;border-top-left-radius: 0;}
.step--doc .step2 .stepBox h4:first-child{border-top-right-radius: 0;border-top-left-radius: 3px;border-right:1px solid #caced7}
.step--doc .step2.on .stepBox h4.on:first-child{border-right:1px solid #33509b}
.step--doc .step2.on .stepBox h4.pass:first-child{border-right:1px solid #6979a3}
.step--doc .step2.pass .stepBox h4.pass:first-child{border-right:1px solid #6979a3}
.step--doc .step2 .stepBox > div{clear:both}

.step--doc > .step h4, .step--doc > .step.on h4{color:#555;font-weight:normal;font-size:18px;border-bottom:1px solid #caced7;background-color:#f4f4f4;text-align:center;padding:10px 0;border-top-left-radius: 4px;border-top-right-radius: 4px;box-sizing:border-box;}
.step--doc > .step .stepBox > div{padding:8px 0;height:395px;overflow-y:auto}
.step--doc > .step h4:after, .step--doc > .step.on h4:after{content: "";display:inline-block; width: 10px; height: 20px; background-image: url("/static/cmm/images/icn_common.png"); background-repeat: no-repeat;background-size: auto; background-position: -130px -320px; margin-left:10px;vertical-align:middle;}
.step--doc > .step.on h4.on:before{content: "";display:inline-block; width: 16px; height: 22px; background-image: url("/static/cmm/images/icn_common.png"); background-repeat: no-repeat;background-size: auto; background-position: -170px -320px; margin-right:10px;vertical-align:middle;}
.step--doc > .step.on h4.on:after{background-position: -170px -320px; width:16px;height: 22px; }
.step--doc > .step.on h4.pass:before{content:none}
.step--doc > .step.on h4.pass:after{background-position: -150px -320px;height: 19px; }
.step--doc > .step.pass h4.pass:after{background-position: -150px -320px;height: 19px; }
.step--doc > .step .fileBox {padding:7px 15px;border-bottom:1px solid #f4f4f4;}
.step--doc > .step .fileBox .items{float:none;padding:0 58px 0 31px;}
.step--doc > .step .fileBox .items .clear--wrap:hover, .step--doc > .step .fileBox .items .clear--wrap:focus{border:1px solid #c8c8c8}
.step--doc > .step .fileBox .btn--file{position:absolute;right:0;top:0;}
.step--doc > .step .fileBox .btn--file > button{float:left;margin-left:9px;outline:none;}
.step--doc > .step .fileBox .btn--file > button.btn--bookmark{margin-top:3px;}
.step--doc > .step .btn--add__file {padding:15px 15px;}
.step--doc > .step .btn--add__file button{width:100%;border:1px solid #b7b7b7;color:#555;font-size:14px;text-align:center;border-radius:3px; padding:5px 0;}
.board--editor, .board--editor__view{padding:8px 0;background-color:#fff;}

/*tbl--board*/
.tbl--board {width:100%;table-layout:fixed;}
.tbl--board th { border-bottom: 1px solid #caced7; text-align: left; color: #4566b6;padding: 12px 25px;vertical-align:middle;font-weight:normal;}
.tbl--board td { border-bottom: 1px solid #caced7; padding: 12px 25px;vertical-align:middle;}
.tbl--board td .items{position:relative;width:100%}
.tbl--board td .items.left{padding-left:34px;box-sizing: border-box;}
.tbl--board td .items.right{padding-right:80px;box-sizing: border-box;}
.tbl--board td .items .checks{margin:3px 0 0 12px;}
.tbl--board td .items .clear--wrap{width:100%;}
/*.tbl--board td
.tbl--board th a, .tbl--board th button, .tbl--board td a, .tbl--board td button { color: #ff985c; }*/
.tbl--board tr:last-child th, .tbl--board tr:last-child td { border-bottom: 0; }
.tbl--board td .pos{position:absolute;left:0;top:0;}
.tbl--board td .posRight{left:auto;right:0;}
.tbl--board td .pos.btn--bookmark{top:3px}

/* tbl--board__write */
.tbl--board__view .title--view{position:relative}
.tbl--board__view .title--view p{font-size:18px;}
.tbl--board__view .title--view p .btn--bookmark{vertical-align:top;margin-top:4px;}
.tbl--board__view .title--view p span{display:inline-block;max-width:65%;color:#5c76ba;vertical-align:top;word-break:keep-all;}
.tbl--board__view .title--view .path{position:absolute;right:25px;top:16px;}
.tbl--board__view .title--comment1{padding:0;position:relative;}
.tbl--board__view .title--comment1 button{position:absolute;right:25px;top:14px;}
.tbl--board__view .title--comment1 strong{cursor:pointer;font-size:18px;display:block;width:100%;padding:12px 25px;font-weight:normal;}
.tbl--board__view .title--comment1 i{display:inline-block;background:url("/static/cmm/images/btn.png") no-repeat 2px -78px;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:middle;border:1px solid #c8c8c8;border-radius:3px;margin:-2px 8px 0 0;}
.tbl--board__view .title--comment1 i.close{background-position:-19px -78px;border:0 none;margin-right:3px}
.tbl--board__view td{vertical-align:bottom}
.tbl--board__view td dl{margin-top:9px;}
.tbl--board__view td dl:after{display:block;content:'';clear:both;}
.tbl--board__view td dl dt, .tbl--board__view td dl dd{float:left;min-width:100px;margin-right:10px;}
.tbl--board__view td dl dt{font-size:14px;}
.tbl--board__view td dl dt:before{content:'';display:inline-block;background:url("/static/cmm/images/icn_doc.png"); background-repeat: no-repeat;background-size: auto; width:17px;height:20px;vertical-align: middle;margin-right:14px;}
.tbl--board__view td:first-child dl:first-child dt:before{background-position:0 0;}
.tbl--board__view td dl:first-child{margin-top:0}
.tbl--board__view td:first-child dl dt:before{background-position:0 -20px;}
.tbl--board__view td:last-child dl dt:before{background-position:0 -40px;width:18px;}
.tbl--board__view td dl dd{font-size:15px;color:#303030}
.tbl--board__view td dl dd .btn--round{margin-top:-7px;margin-bottom:-5px;}
.tbl--board__view td dl dd .btn--round p{margin-top:5px;}
.tbl--board__view td dl .date{font-size:13px;color:#afafaf;margin-top:2px}
.tbl--board__view .step.on .stepBox > div{height:391px}
.tbl--board__view .step.on .stepBox{border:3px solid #33509b;border-top-left-radius: 6px;border-top-right-radius: 6px;}

.tbl--board__view .step.on .stepBox h4.on{background-color:#5c76ba;color:#fff;border-bottom:1px solid #33509b;}
.tbl--board__view .step.on .stepBox h4.pass{background-color:#929ebd;color:#fff;border-bottom:1px solid #6979a3;}
.tbl--board__view .step.pass .stepBox{border:1px solid #6979a3;}
.tbl--board__view .step.pass .stepBox h4.pass{background-color:#929ebd;color:#fff;border-bottom:1px solid #6979a3;}
.tbl--board__view .step2 .stepBox:after{display:block;content:'';clear:Both;}
.tbl--board__view .step2 .stepBox h4{float:left;width:50%;border-top-right-radius: 3px;border-top-left-radius: 0;}
.tbl--board__view .step2 .stepBox h4:first-child{border-top-right-radius: 0;border-top-left-radius: 3px;border-right:1px solid #caced7}
.tbl--board__view .step2.on .stepBox h4.on:first-child{border-right:1px solid #33509b}
.tbl--board__view .step2.on .stepBox h4.pass:first-child{border-right:1px solid #6979a3}
.tbl--board__view .step2.pass .stepBox h4.pass:first-child{border-right:1px solid #6979a3}
.tbl--board__view .step2 .stepBox > div{clear:both}
.tbl--board__view .step--doc .fileBox{position:relative;padding:10px 15px}
.tbl--board__view .fileBox:hover:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f3fcff;border:2px solid #85dcf8;color:#4a7eb2;/*#617cf0;*/box-sizing:border-box;}
.tbl--board__view .fileBox .items{z-index:1}
.tbl--board__view .file--list span{display:block;width:100%;}
.tbl--board__view .file--list span a{color:#555;display:inline-block;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.tbl--board__view .file--list.check span a{color:#4a7eb2;/*#617cf0;*/}
.tbl--board__view .file--list.disabled span a{color:#afafaf;text-decoration:none;cursor:default}

.tbl--board__view .txt--comment{padding:20px 20px}
.tbl--board__view .txt--comment dd{min-width:inherit;}
.tbl--board__view .txt--comment .title--comment{font-size:14px;border-bottom:1px solid #dfdfdf;padding-bottom:15px;}
.tbl--board__view .txt--comment .title--comment strong{font-size:16px;color:#000;font-weight:normal;}
.tbl--board__view .txt--comment .title--comment .date{margin-top:4px;}
.tbl--board__view .txt--comment .comment--area{padding:30px 0 0;}
.tbl--board__view .comment--write > div{height:256px;border:1px solid #dfdfdf}
.tbl--board__view .comment--write .btns{font-size:0;text-align:center;margin-top:20px;}
.tbl--board__view .comment--write .btns button{font-size:14px}
.tbl--board__view .recomment--area{margin:30px 0;border:1px solid #dfdfdf;border-radius:5px}
.tbl--board__view .recomment--area .title--recomment{font-size:16px;color:#000;border-bottom:1px solid #dfdfdf;}
.tbl--board__view .recomment--area .title--recomment:before{content:'';display:inline-block;background:url("/static/cmm/images/icn_doc.png"); background-repeat: no-repeat;background-size: auto; background-position:0 -60px;width:18px;height:20px;vertical-align: middle;margin-right:14px;}
.tbl--board__view .recomment--area .recomment{position:relative;padding:25px;}
.tbl--board__view .recomment--area .recomment dl{margin-top:0}
.tbl--board__view .recomment--area .recomment dt{font-size:16px;color:#000;}
.tbl--board__view .recomment--area .recomment .recomment--view dt:before{background-position:0 0;}
.tbl--board__view .recomment--area .recomment .recomment--view dt{float:none;margin-right:0;}
.tbl--board__view .recomment--area .recomment .recomment--view dt .date{margin-left:10px}
.tbl--board__view .recomment--area .recomment .recomment--view dd{padding:15px 0 27px 33px;color:#555;}
.tbl--board__view .recomment--area .recomment .recomment--view dd.recomment--change{width:100%;box-sizing:border-box;}
.tbl--board__view .recomment--area .recomment .recomment--view dd.recomment--change .clear--wrap{width:100%;}
.tbl--board__view .recomment--area .recomment .recomment--write dt:before{background-position:0 0;}
.tbl--board__view .recomment--area .recomment .recomment--write dd{position:absolute;left:0;right:15px;padding:0 104px 0px 135px}
.tbl--board__view .recomment--area .recomment .recomment--write dd .clear--wrap{width:100%;}

/* schedule */
.user{background-color:#dce4f5;border:2px solid #b9c9eb;padding:33px 0 22px;border-radius:5px}
.user .userImg span{display:block;width:67px;height:67px;background-image:url(/static/cmm/images/img_user.png);background-size:cover;background-repeat:no-repeat;border-radius:100%;background-color:#fff;margin:0 auto 11px;}
.user .userImg span img{text-align:center;width:67px;height:67px;border-radius:100%;}
.user .userImg strong{color:#283271;text-align:center;display:block;font-size:15px;}

.lay--pop.pop--schedule{top:55px}
.pop--schedule .tab--type1 > ul li{min-width:116px;}
.pop--schedule .row{margin-top:16px}
/*.pop--schedule .row:first-child{margin-top:0}*/
.pop--schedule .grid--box .contBox{min-height:100px;}
.pop--schedule .txt--type1{padding:0}
.pop--schedule .list--schedule{padding:5px 10px}
.pop--schedule .list--schedule ul{margin-top:10px;}
.pop--schedule .list--schedule ul:first-child{margin-top:0}
.pop--schedule .list--schedule li{padding:5px 0;border-bottom:1px dashed #dedede;}
.pop--schedule .list--schedule li:first-child{border-top:0 none}
.pop--schedule .list--schedule li:before{content: ""; display:inline-block;width: 3px; height: 3px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -48px; vertical-align:middle; margin-right:5px;}
.pop--schedule .list--schedule li span{float:right;}

/* File Icon */
.icn--doc{display:inline-block;background-image:url("/static/cmm/images/icn_doc.png");background-repeat:no-repeat;width:17px;height:18px;top:1px !important;}
.icn--doc.hancom{background-position:-50px 0;}
.icn--doc.zip{background-position:-50px -20px;}
.icn--doc.etc{background-position:-50px -40px;}
.icn--doc.pdf{background-position:-50px -60px;}
.icn--doc.excel{background-position:-50px -80px;}
.icn--doc.word{background-position:-50px -100px;}
.icn--doc.ppt{background-position:-50px -120px;}
.icn--doc.nofile{background-position:-50px -140px;top:8px !important}

/* Dot Icon */
.icn--dot:before{content: ""; display:inline-block;width: 3px; height: 4px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -48px; vertical-align:middle; margin-right:5px;}
.icn--dot__dark{color:#000;}
.icn--dot__dark:before{ content: ""; display:inline-block;width: 3px; height: 4px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -88px; vertical-align:middle; margin-right:5px;}
.icn--dot__blue{color:#3365a8;font-weight:bold;}
.icn--dot__blue:before{ content: ""; display:inline-block;width: 3px; height: 4px; background-image: url("/static/cmm/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -68px; vertical-align:middle; margin-right:5px;}

.btn_mode{float:left;margin-top:-4px;margin-right:14px;}
.btn_mode *,.btn_mode :before,.btn_mode :after{-moz-box-sizing:border-box;box-sizing:border-box}
.btn_mode label{display:block;width:150px;position:relative;}
.btn_mode label .btn_mode__switch{position:relative;height:28px;border-radius:28px;background:#161c4a;border-radius:11px;}
.btn_mode label .btn_mode__switch:before{position:absolute;top:3px;left:74px;font-size:12px;height:22px;line-height:19px;width:75px;color:#9397b3;content:attr(data-checked);text-align:center;border:1px solid #161c4a;border-radius:10px;-webkit-transition:-webkit-transform .3s cubic-bezier(0,1,0.5,1);transition:transform 0.3s cubic-bezier(0.86, 0, 0.07, 1)}
.btn_mode label .btn_mode__switch:after{position:absolute;top:3px;left:3px;border-radius:10px;width:70px;height:22px;line-height:19px;font-size:12px;-webkit-transition:-webkit-transform .3s cubic-bezier(0,1,0.5,1);transition:transform .3s cubic-bezier(0,1,0.5,1);color:#fff;content:attr(data-unchecked);text-align:center;background-color:#4a7eb2;/*#617cf0;*/border:1px solid #8d99fb;}

.btn_mode input[type="checkbox"]{opacity:0;position:absolute;top:0;left:0}
.btn_mode input[type="checkbox"]:checked ~ label .btn_mode__switch:before{content:attr(data-unchecked);left:0;color:#9397b3;}
.btn_mode input[type="checkbox"]:checked ~ label .btn_mode__switch:after{content:attr(data-checked);left:0;background-color:#4a7eb2;/*#617cf0;*/color:#fff;border:1px solid #8d99fb;transform:translate3d(77px, 0, 0);}


/* Index */
.visual{position:relative;background:url("/static/cmm/images/visual_fnp.png") no-repeat center center;width:100%;height:482px;text-align:center;}
.visual .inside2{background-color:rgba(0,61,121, 0.6);height:100%;}
.visual .txt{padding-top:112px;}
.visual .txt p{color:#fff;font-size:16px;padding-top:10px;line-height:160%;}
.fnp .info{position:absolute;left:0;right:0;bottom:0;width:773px;margin:auto;}
.fnp .info h3{font-size:16px;color:#4ae3de;text-align:left;margin-bottom:7px;font-weight:400;}
.fnp .info p{position:absolute;right:0;top:7px;font-size:11px;font-family:'돋움', dotum;color:#adadb8;}
.fnp .info--box{background:rgba(0,182,159,0.8);padding:25px 33px 21px;}
.fnp .info--box:after{content:'';display:block;clear:both;}
.fnp .info--box > div{position:relative;float:left;width:50%;padding-left:37px;box-sizing:border-box;}
.fnp .info--box > div:first-child{padding-left:0;padding-right:37px;}
.fnp .info--box > div:first-child:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-62px;background:rgba(255, 255, 255, 0.4);width:1px;height:125px;}
.fnp .info--box > div dl{line-height:27px;}
.fnp .info--box > div dl:after{content:'';display:block;clear:both}
.fnp .info--box > div dt{float:left;width:50%;font-size:14px;color:#fff;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;display:block;}
.fnp .info--box > div dd{float:right;color:#fff;}
.fnp .info--box > div dd strong{display:inline-block;width:39px;font-size:15px;color:#fff;text-align:right;}
.fnp .info--box > div dd span{display:inline-block;padding-left:35px;width:65px;text-align:right;}

.fnp .fnp--main {padding:27px 0 0 15px;box-sizing:border-box;width:50%;float:left;}
.fnp .fnp--main:first-child{padding-left:0;padding-right:15px;}
.fnp .fnp--main h3{font-size:16px;padding-bottom:7px;}
.fnp .fnp--main .service div{float:left;width:185px;height:155px;background-color:#b4b4b4; }
.fnp .fnp--main .service div a{display:block;font-size:15px;color:#fff;text-align:center;}
.fnp .fnp--main .service div:hover{text-decoration:underline;}
.fnp .fnp--main .service div span{position:relative;display:block;height:105px;}
.fnp .fnp--main .service div span:before{position:absolute;left:0;right:0;bottom:0;content:'';display:block;background-repeat:no-repeat;margin:0 auto 11px;}
.fnp .fnp--main .service div.sv1 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:0 0;width:52px;height:52px;}
.fnp .fnp--main .service div.sv2{background-color:#133e89;}
.fnp .fnp--main .service div.sv2 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:-183px 0;width:52px;height:52px;}
.fnp .fnp--main .service div.sv3 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:-370px 0;width:52px;height:52px;}
.fnp .fnp--main .service div.sv4{background-color:#03b1a5;}
.fnp .fnp--main .service div.sv4 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:0 -155px;width:52px;height:52px;}
.fnp .fnp--main .service div.sv5 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:-183px -155px;width:52px;height:52px;}
.fnp .fnp--main .service div.sv6{background-color:#ca2856;}
.fnp .fnp--main .service div.sv6 span:before{background-image:url("/static/cmm/images/icn_service.png");background-position:-346px -169px;width:101px;height:35px;}
.fnp .div--right h3{border-bottom:1px solid #d6d6d6;padding-bottom:9px;margin-bottom:16px;color:#000;}
.fnp .div--right .board--list{position:relative;margin-top:13px;}
.fnp .div--right .board--list:first-child{margin-top:0;}
.fnp .div--right .board--list .more{position:absolute;right:0;top:1px;font-size:13px;color:
  #757575;border:1px solid #dedede;border-radius:4px;width:78px;height:23px;line-height:22px;text-align:center;}
  .fnp .div--right .board--list li{position:relative;padding-bottom:7px;}
  .fnp .div--right .board--list li a{max-width:80%;font-size:15px;padding-left:14px;color:#333;}
  .fnp .div--right .board--list li:before{position:absolute;left:3px;top:8px;content:'';display:block;width:4px;height:4px;background-color:#b4b4b4;}
  .fnp .div--right .board--list li .date{position:absolute;right:0;top:1px;}

  /* main 추가 */
.basic--main .line{position:relative;border-top:1px solid #e9e9e9;}
.basic--main .line:after{content:'';display:block;clear:both;}
.basic--main .line:first-child{border-top:0 none;}
.basic--main .line dl{float:left;padding:13px 15px;width:50%;box-sizing:border-box;}
.basic--main .line dt{line-height:1;}
.basic--main .line dd{font-size:18px;color:#252525;line-height:1;padding-top:7px;font-weight:bold;}
.basic--main .line dl:before{position:absolute;left:50%;top:0;content:'';display:inline-block;background-color:#e9e9e9;width:1px;height:80%}
.basic--main .line dt .unit{color:#9f9f9f;font-size:11px;}