@charset "UTF-8";
/*
@font-face {
 font-family: 'NanumSquare';
 font-weight:400;
 font-weight: normal;
 src: url("/Ivylib/css/fonts/NanumSquareR.eot");
 src: url("/Ivylib/css/fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
      url("/Ivylib/css/fonts/NanumSquareR.woff") format('woff'),
      url("/Ivylib/css/fonts/NanumSquareR.ttf") format('truetype');
}
*/
@-ms-viewport{
width:auto!important;
}
 
html { font-size:100%; font-family:"Malgun Gothic", "맑은 고딕","Dotum", "Tahoma", "Gulim", "AppleGothic", "Sans-serif"; }
html, body, th, td, select, input, textarea, a { color: #3a3a3a; }	
body { font-size: 13px; margin: 0px; padding: 0px; }
pre { font-size: 1.1em; }
h1,h2,h3,h4,h5,h6,ul,img { margin:0; padding:0; border:0; vertical-align:top; font-family:inherit;  }
i, em, dfn, cite, address { font-style:normal; }

/* SKIP NAVI */
#IvySkipNavi { position: absolute; top: 0px; left: 0px; display: block; width: 100%; z-index: 9999999; }
#IvySkipNavi h2 { display: none; }
#IvySkipNavi ul { list-style-type: none; }
#IvySkipNavi ul li { position: absolute; left:0; top: 0px; width: 100%; height: 30px; width: 300px; }
#IvySkipNavi ul li a { position: absolute; display: inline-block; top: -30px; border: 0px; }
#IvySkipNavi ul li a:active, #IvySkipNavi ul li a:focus { top: 0; left: 0; padding:5px 15px 5px 10px; font-size: 1.1em; color: #ffffff; text-decoration: underline; background-color:#000; background-image: url(/Ivyimages/common/sub/bullet_03.png); background-position: right 6px; background-repeat: no-repeat; }


a:link, a:active, a:visited { text-decoration:none; }
a:hover { text-decoration: none; color:#FF6600; }

table caption.selectorHide { display: none; }
h1.selectorHide { display: none; }
h2.selectorHide { display: none; }
h3.selectorHide { display: none; }
h4.selectorHide { display: none; }
h5.selectorHide { display: none; }
a.selectorHide { display: none; }
span.selectorHide { display: none; }
span.txtHide {position:absolute; width:1px !important; height:1px !important; font-size:0 !important; overflow:hidden;} 
legend.none, legend.selectorHide { display: none; margin: 0px; padding: 0px; }
fieldset.none, fieldset.selectorHide { border: 0px;  margin: 0px; padding: 0px;  }
label.none, label.selectorHide { display: none; }
h1.none, h1.selectorHide { display: none; }
h2.none, h2.selectorHide { display: none; }
h3.none, h3.selectorHide { display: none; }
h4.none, h4.selectorHide { display: none; }
h5.none, h5.selectorHide { display: none; }
hr.none, hr.selectorHide { display: none; }
span.none, span.selectorHide { display: none; }
div.none, div.selectorHide { clear: both; display: none; }
li.none, li.selectorHide { display: none; }
ul.none, ul.selectorHide { display: none; }
ol.none, ol.selectorHide { display: none; }
caption.none { display: none; }
img { border: 0px; }
form { margin: 0px; }
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.block { clear: both; display: block; font-size: 0px; height: 0px; }
.selectedText{ background-color:#6699FF; color:#FFFFFF; }

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}

/* 기본 입력폼 */
input[type=text], input[type=password], select, textarea { border: 1px solid #bac7c7; padding: 0px 5px 0px 5px; height: calc(1.5em + .75rem + 2px); /*18px;*/ }
select { padding: 0px 0px 0px 5px; height: 20px; } 
select option.selected { background-color: #FF6600; color: #FFFFFF;	font-weight: bold; }
textarea { padding: 5px; height: 40px; overflow: auto; }
input[readonly=readonly] { background-color: #F3F3F3; border: 1px solid #F3F3F4; }
input[type=text].min, textarea.min { width: 5%; min-width: 50px; }
input[type=text].min2, textarea.min2 { width: 14px; }
input[type=text].s10, textarea.s10 { width: 14%; }
input[type=text].quad, textarea.quad, select.quad, input[type=password].quad { width: 24%; }
input[type=text].half, textarea.half, select.half, input[type=password].half { width: 49%; }
input[type=text].full, textarea.full, select.full, input[type=password].full { width: 98%; }
input[type=text].number, input[type=password].number { text-align: right; }
input[type=text].zipcode { width: 50px; text-align: center; }
input[type=text].essential, input[type=password].essential, select.essential, textarea.essential, label.essential { background-color: #f6f8f8; background-image: url(images/inp_essential.gif); background-position: top left; background-repeat: no-repeat; }
input[type=text].calendar { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar.gif) no-repeat; background-position: 68px 1px; width: 85px; height: 17px; cursor: pointer; background-color: #FAFAFA; padding: 0px; }
input[type=text].calendar_essential { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar_essential.gif) no-repeat; background-position: 0px 0px; width: 85px; height: 17px; cursor: pointer; background-color: #f6f8f8; padding: 0px; }
label.essential { padding-left: 7px; background-color: transparent; }

.ivyAlert { background-image: url(images/alert_ico.gif); background-position: left 10px; background-repeat: no-repeat; color: blue; }
span.ivyAlert { padding-left: 15px; margin-left: 15px; }
p.ivyAlert, div.ivyAlert { padding: 0px 0px 0px 15px; margin: 4px 0px 0px 4px; }
li.ivyAlert { padding-left: 20px; } 

.boxred { border: 1px dashed red; padding: 5px 5px 5px 20px !important; background-position: 5px 8px !important; background-color: #ffebeb; color: #000000 !important; line-height: 150%;}
.boxgreen { border: 1px dashed green; padding: 5px 5px 5px 20px !important; background-position: 5px 8px !important; background-color: #dbfbea; color: #000000 !important; line-height: 150%;}

.Ellipsis { white-space: nowrap; overflow: hidden; }

/* resize Object */
div.ui-wrapper { border: 0px !important; width: 100% !important; padding-bottom: 7px !important; border: 1px solid #e1e1e1 !important; }
div.ui-wrapper textarea { border: 0px; padding: 5px !important; margin: 0px; background: transparent; }
div.ui-resizable-handle { clear: both; padding: 0px !important; margin: 0px !important; bottom: 0px !important; background-image: url(images/bottom_resize.gif); background-repeat: no-repeat; background-color: #f5f5f5; }
.ui-resizable-s { width: 100% !important; height: 7px !important; }
textarea.resize {  }
div.TextareaResize { clear: both; width: 100% !important; padding: 0px !important; margin: 0px !important; bottom: 0px !important; height: 7px !important; background-image: url(images/bottom_resize.gif); background-position: center top; background-repeat: no-repeat; background-color: #f5f5f5; }

/* MASK DIV */
.nekr_mask { position: absolute; top: 0px; left: 0px; background-image: url(images/maskbg.png); width: 100%; height: 100%; z-index: 99997; }
.nekr_mask_msg { z-index: 99998; position: absolute; top: 0px; left: 0px; padding: 4px; }
#loading, .loadingInMask { position: absolute; left: 45%; top: 40%; z-index: 99999; }
.loading-indicator { background-color: white; color: #444444; margin: 0px; border: 2px solid #7baac6; width: 296px; height: 76px; cursor: wait; }
.loading-indicator .imgIn { clear: both; margin: 14px 5px 0px 5px; padding: 0px; text-align: center; }
.loading-indicator .imgIn .closeBtDiv { position: absolute; width: 100%; top: 2px; right: 2px; text-align: right; }
.loading-indicator .imgIn .processMsg { width: 100%; text-align: center; }
.loading-indicator .imgIn .loading-msg { margin-top: 10px; font-weight: normal; font-size: 12px; color: #444444; white-space: normal; }

/* Loading in Mask */
.inMask { position: absolute; top: 0px; left: 0px; background-image: url(images/maskbg.png); width: 100%; height: 100%; z-index: 99995; }
.loadingInMask { z-index: 99996; }

/* Keyword Insertor */
div.tagInsert { margin-left: 10px; }
div.tagInsert input[type=text] { height: 18px; vertical-align: middle;  }
div.tagInsert span.tagSpan { display: inline-block; }
div.tagInsert span.tagSpan span.item { display: inline-block; margin-right: 5px; border: 1px solid #CCCCCC; padding: 2px 7px 2px 7px; vertical-align: middle; }
div.tagInsert span.tagSpan span.item a.tagdelete { display: inline-block; vertical-align: middle; margin-left: 5px;  }
div.tagInsert span.tagSpan span.item a.tagdelete img { vertical-align: middle;}
div.tagInsert ul.alert { list-style-image: url(images/alert_ico.gif) !important; padding: 0px; margin: 0px; padding-left:25px; margin-top: 10px; background-image: none; }
div.tagInsert ul.alert li { background-image: none; }
div.pushtagDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 200px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushtagDiv p.title { font-weight: bolder; padding: 3px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushtagDiv ul.item { list-style-type: none; margin: 5px 0px 5px 0px; padding: 0px; }
div.pushtagDiv ul.item li { padding: 3px 5px 3px 5px; }
div.pushtagDiv ul.item li.hover { background-color: #ededed; font-weight:bold; color: #000; }

/* Search */
div.pushKeyowrdsDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 300px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushKeyowrdsDiv p.title { font-weight: bolder; padding: 2px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushKeyowrdsDiv ul.item { list-style-type: none; margin: 5px 2px 5px 2px; padding: 0px; }
div.pushKeyowrdsDiv ul.item li { padding: 2px 2px 2px 2px; }
div.pushKeyowrdsDiv ul.item li.hover { background-color: #b6cdfc; color: #b44e1a; }

/* POPUP ALERT DIV */
div.popupalert { position: absolute; top: 0px; left: 0px; border: 2px solid #ea7c0e; min-width: 150px; padding: 5px; background-color: #f7f7f7; text-align: center; color: #f32e00; font-weight: bolder; z-index: 99999; display: none; }

/* POPUP SLIDE DIV */
#popupslider { position: absolute; right: 10px; visibility: hidden; border: 2px solid #ff6600; border-bottom: 0px; background-color: #f7f7f7; padding: 20px; color: #f32e00; font-weight: bolder; z-index: 99999; }

/* contentEdit */
table.contentEdit { width: 100%; table-layout: fixed; border-top: 1px solid #c1caf0; border-width: 2px 0 0 0;}
table.contentEdit tbody th { background-color: #f6f8fd; padding: 5px 0px 5px 5px; text-align: left; border-bottom: 1px solid #e5e5e5; }
table.contentEdit tbody td { border-bottom: 1px solid #e5e5e5; padding: 5px 0px 5px 5px; }
div.contentButtonZone { clear: both; text-align: right; }

/* contentEdit Sort Nodes */
ul#RENODEINDEX { list-style-type: none; margin: 0px; padding: 0px; }
ul.sortNodesCont { list-style-type: none; margin: 0px; padding: 0px; }
ul.sortNodesCont li { padding: 5px; margin-bottom: 4px; border: 1px solid #CCCCCC; background-color: #e5ecf4; font-weight: bolder; cursor: move; }
div.sortNodesContopbuttonZone { text-align: right; margin-bottom: 10px; }

/* print Mask */
div.print_mask { position:absolute; top:40px; left:0px; background-color:#FFFFFF; width:100%; height: 100%; z-index: 999999; }
.printTxt{color:#000000;}
div#printLayHead { padding:4px 0px 4px 0px; background-color: #FAFAFA; }
div#printLayHead div#printBtns { clear: both; float: right; }
div#printLayHead div#printBtns ul { margin:0; padding:0; }
div#printLayHead div#printBtns ul li{float:left; list-style:none; padding-right:3px; }

/* umsSharingForm */
#umsSharingForm ul { margin: 0px; padding: 0px; list-style-type: none; }
#umsSharingForm ul li { margin-bottom: 8px; }
#umsSharingForm ul li label { display: block; font-weight: bolder; }
#umsSharingForm ul li ul { clear: both; }
#umsSharingForm ul li ul li textarea { width: 98%; height: 50px; }
#umsSharingForm ul li.button { text-align: center; padding-top:3px; }
#umsSharingForm ul li.fax { text-align: center; color: #666666; }

/* Scrap */
table.scrap { width: 100%; table-layout: fixed; border-collapse:collapse; border:none; border-width: 0; margin-top:15px;}
table.scrap thead th { height: 25px; background-color: #EAEAEA; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.scrap tbody td { border-bottom:1px solid #ddd; padding:5px 0  }
table.scrap tbody td.center {  text-align: center; }

/* 담당자 변경 */
div#chargerChange table.person_list {border-top:1px solid #777777; border-bottom:1px solid #999999;  margin-bottom:0px; border-collapse:collapse; padding:0px; }
div#chargerChange table.person_list thead th {height:22px; border-bottom:1px solid #999999; background-color:#4b79ad; color: #FFFFFF; }
div#chargerChange table.person_list tbody th,
div#chargerChange table.person_list tbody td {border-bottom:1px solid #dadada; text-align:center; padding: 4px 0px 4px 0px; background-image: none; font-weight: normal; }
div#chargerChange table.person_list tbody td.taL { text-align:left;}
div#chargerChange table.person_list tbody tr:hover { background-color: #eaeaea; }
div#chargerChange table.person_list tbody tr { background-color: #FFFFFF; }

/* department */
ul.tdinner { list-style-type: none; padding: 0px; margin: 0px;}
ul.tdinner li { margin-bottom: 4px; }
ul.tdinner li span.head { display: inline-block; width: 120px; font-weight: bolder; }
div.chargerSel { border-top: 2px solid #b8c0cb; min-height: 200px; display: table; width: 100%; margin: 5px auto 0px auto; }
div.chargerSel .point { display: table-cell; width: 48%; padding: 5px 1% 5px 1%; vertical-align: top;}
div.chargerSel ul.ps { list-style-type: none; margin: 0px; padding: 0px; min-height: 50px; }
div.chargerSel ul.ps li { border: 1px solid #ced2d5; background-color: #fafafa; margin: 2px 0px 2px 0px; padding: 5px 5px 5px 30px; background-image: url(images/chargericon.gif); background-repeat: no-repeat; background-position: 5px center; color: #3c3c3c; }
div.chargerSel ul.ps li.move { border: 1px solid #7091bc; background-color: #e5ecf4; }
div.chargerSel ul.ps li.movetargrt { border: 1px dashed #ced2d5; background-image: none; }
div.chargerSel ul.ps li.notMove { cursor: default;}
div.chargerSel ul.ps li span.dept { color: #777777; float: right; margin-right: 5px; background: url(images/organisation.gif) no-repeat left center; padding-left: 20px;}
div.chargerSel .searchlist { display: table-cell; width: 48%; padding: 5px 1% 5px 1%; vertical-align: top;}
div.chargerSel .searchlist .tabs { position: relative; width: 100%; height: 28px; border-bottom:1px solid #CCCCCC; }
div.chargerSel .searchlist .tabs ul.mtabs { list-style-type: none; padding:0px; margin:0px; }
div.chargerSel .searchlist .tabs ul.mtabs li.infoTit{font-weight:bold; padding-top:2px; display:inline;}
div.chargerSel .searchlist .tabs ul.mtabs li.first {border-left:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li.titDow{background:url(images/common/m_funfun_on.gif) repeat-x; float:left; font-weight:normal; padding-top:2px; display:inline; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li.titOv{background:url(images/common/m_funfun_ov.gif) repeat-x; float:left; font-weight:bold; padding-top:2px; display:inline; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li div.txt_C { height: 20px; text-align: center; padding-top: 6px; position: relative; }
div.chargerSel .searchlist .tabs ul.mtabs li.titOv div.txt_C a {color:#4851d2; text-decoration:none;}
div.chargerSel .searchlist .tabs ul.mtabs li.titDow div.txt_C a {color:#666666; text-decoration:none;}
div.chargerSel .searchlist .tabs div.infoPanel {position:absolute; left:0px; top:30px; display: block; background-color:#ffffff; width:100%; font-weight:normal;}
div.chargerSel .searchlist div.searchform { margin-top: 5px; margin-bottom: 5px; background-color: #e5ecf4; padding: 4px; border: 1px solid #6f92bc; text-align: center; }
div.chargerSel .searchlist div.searchform span.head { display: inline-block; width: 90px; font-weight: bolder; }
div.chargerSel .searchlist div.searchform input[type=image] { vertical-align: middle; }
div.chargerSel .button { float: right; margin-right: 5px; margin-top: -5px;}

/* Charger Select */
div.chargerOpenDiv { display: table; width: 100%; margin: 0 auto 0 auto; }
div.chargerOpenDiv div.tcell { display: table-cell; width: 47%; vertical-align: top; margin: 0px 1% 0px 1%; border: 1px solid #c9d6dc; height: 540px; }
div.chargerOpenDiv div.tcell div.box { width: 99%; height: 220px; }
div.chargerOpenDiv div.tcell div.departtreelong { height: 500px; }
div.chargerOpenDiv div.tcell h3.title { margin: 0px; padding: 5px; color: #4f4d4e; border: 1px solid #c9d6dc; margin: 3px; font-size: 1em; }
div.chargerOpenDiv div.tcell h3.organ { background: url(images/organisation.gif) no-repeat 5px center #eaf1f9; padding-left: 25px; }
div.chargerOpenDiv div.tcell h3.person { background: url(images/chargericon.gif) no-repeat 5px center #eaf1f9; padding-left: 25px; }
div.chargerOpenDiv div.tcell h3 span.button { float: right; margin-right: 5px; margin-top: -3px;}
div.chargerOpenDiv div.tcell h3 span.button img { vertical-align: middle; }
div.chargerOpenDiv div.tcell div.rbox { width: 95%; margin: 3px auto 3px auto; padding: 4px; height: 205px; border: 1px solid #CCCCCC; }
div.chargerOpenDiv div.tcell div.rboxf { height: 490px; }
div.chargerOpenDiv ul.applyCharger { min-height: 490px; }
div.chargerOpenDiv ul.ps { list-style-type: none; margin: 0px; padding: 0px; min-height: 50px; }
div.chargerOpenDiv ul.ps li { border: 1px solid #ced2d5; background-color: #fafafa; margin: 2px 0px 2px 0px; padding: 5px 5px 5px 30px; background-image: url(images/chargericon.gif); background-repeat: no-repeat; background-position: 5px center; color: #3c3c3c; }
div.chargerOpenDiv ul.ps li.move { border: 1px solid #7091bc; background-color: #e5ecf4; }
div.chargerOpenDiv ul.ps li.movetargrt { border: 1px dashed #ced2d5; background-image: none; }
div.chargerOpenDiv ul.ps li.notMove { cursor: default; background-color: #eaeaea;}
div.chargerOpenDiv ul.ps li.outcharger { background-color: #eadddd; }
div.chargerOpenDiv ul.ps li.depicon { background-image: url(images/organisation.gif); }
div.chargerOpenDiv ul.ps li span.dept { color: #777777; float: right; margin-right: 5px; background: url(images/organisation.gif) no-repeat left center; padding-left: 20px;}
div.chargerOpenDiv ul.ps li span.m11 { background-image: none; }
div.chargerOpenDiv ul.ps li span.posname { color: #777777; }
div.chargerOpenDiv div.searchform { background-color: #f7f8fd; padding: 4px; border: 1px solid #c9d6dc; text-align: center; width: 95%; margin: 3px auto 3px auto; }
div.chargerOpenDiv div.searchform span.head { display: inline-block; width: 90px; font-weight: bolder; }
div.chargerOpenDiv div.searchform input[type=image] { vertical-align: middle; }

/*준비중*/
div.serviceReady { font-size: 1.2em; text-align: center; color: #666666; padding: 10px; margin: 80px auto 0 auto; border: 1px solid #CCCCCC; width: 500px; background-color: #fafafa; }

/* 게시물 이동 Div */
div#IvyMain div.contWrap { position: relative !important;}
div#articleMoverDiv { position: fixed; bottom: 110px; right: 0px; }
div#articleMoverDiv div.articleMover { position: absolute; z-index:9; right: 0px; bottom: 10px; border: 1px solid #e0e0e0; height: 115px; width: 120px; background-color: #ffffff; }
div#articleMoverDiv div.articleMover a { position: absolute; border: 1px solid #d6d6d6; background-color: #f6f6f6; padding: 4px 8px 4px 8px; font-weight: bold; font-size: 1.5em; color: #818ba6; }
div#articleMoverDiv div.articleMover a.prev { top: 45px; left: 5px; }
div#articleMoverDiv div.articleMover a.next { top: 45px; right: 5px; }
div#articleMoverDiv div.articleMover a:hover { background-color:#5b9ffc; color: #ffffff; border-color: #4992f6; }
div#articleMoverDiv div.articleMover a.no_active:hover { background-color:#f6f6f6; color: #818ba6; border-color: #d6d6d6; cursor: default; }
div#articleMoverDiv div.articleMover a.top { top: 7px; left: 50%; }
div#articleMoverDiv div.articleMover a.bottom { top: 45px; left: 50%; }
div#articleMoverDiv div.articleMover a.topgo { bottom: 7px; left: 5px; font-size: 1.0em; width: 92px; text-align: center; z-index: 7;  }
div#articleMoverDiv div.articleMover a.close { padding: 1px; font-size: 0.87em; top: 2px; right: 4px; z-index: 8; }

/* 모바일 메뉴 전체보기 */
div#opensitemap {padding:0; margin:0; position: absolute; top: 0px; width:100% !important; background:#000; /*background-image: url(/Ivyimages/common/opa60.png);*/   display: none;  z-index: 1000; }
div.sitemapBox {width:100%; background-color: #1386c8; overflow:hidden; position:relative; }
div#opensitemap div.contentManage { display:none; }
#mainNavi { position:relative; height:900px; overflow: hidden;  }
#mainNavi div.navi_wrap { position: absolute; top: 0; left:0; width: 100%; height: 100%;  background:url("/Ivylib/css/common/images/sitemap_bgy.jpg") repeat-y; background-color:#fff; overflow:hidden; }
#mainNavi .mtop { background-color:#083860; padding:8px 0px 14px; }
#mainNavi .mtop h2.tit { color:#fff; font-size:18px; text-indent:50px; font-weight:400; }
#mainNavi .mtop span.close { position:absolute; right:20px; top:15px; }
#mainNavi .mtop span.close a { color:#fff; }
#mainNavi ul.navGNB { position:relative; list-style-type:none; margin:0px; padding:0px; }
#mainNavi ul.navGNB li { background:none; padding:0px 0px; text-align:center; width:170px; border-bottom:1px solid #4a85b1; }
#mainNavi ul.navGNB li:first-child { border-top:1px solid #4a85b1; }
#mainNavi ul.navGNB li a { display:block; padding:15px 0px 17px; color:#fff; }
#mainNavi ul.navGNB > li:hover { color:#fff; background-color:#13476e; }
#mainNavi ul.navGNB li > a:hover { color:#fff; background-color:#13476e; }
#mainNavi ul.navGNB li ul.on { display:block; }
#mainNavi ul.navGNB li ul.navGNBsub { position:absolute; top:0px; left:170px; width:100%; overflow:auto; padding:0px 0px;  }
#mainNavi ul.navGNB li ul.navGNBsub li { border-bottom:1px solid #d5d5d5; position:relative; width:100%; text-align:left; text-indent:20px;}
#mainNavi ul.navGNB li ul.navGNBsub li:first-child { border-top:1px solid #d5d5d5; }
#mainNavi ul.navGNB li ul.navGNBsub li:hover { background-color:#fff; }
#mainNavi ul.navGNB li ul.navGNBsub li a { display:block; color:#000; margin-right:170px;}
#mainNavi ul.navGNB li ul.navGNBsub li a.on { background:url("/Ivylib/css/common/images/m_sitemap_arrow.png") no-repeat 98% center;}
#mainNavi ul.navGNB li ul.navGNBsub li a:hover { display:block; color:#ff6600; }
#mainNavi ul.navGNB li ul.navGNBsub ul.navGNBsub2 { padding:0x; }
#mainNavi ul.navGNB li ul.navGNBsub ul.navGNBsub2 li { border-bottom:none; background-color:#f4f4f4;  }
#mainNavi ul.navGNB li ul.navGNBsub ul.navGNBsub2 li a {background:url("/Ivylib/css/common/images/m_sitemap_blt.gif") no-repeat 10px center; padding:6px 0px 6px 0px; }
#mainNavi ul.navGNB li ul.navGNBsub ul.navGNBsub2 li:first-child { padding-top:5px; }
#mainNavi ul.navGNB li ul.navGNBsub ul.navGNBsub2 li:last-child { padding-bottom:5px; }

/* 삭제 nth-child(2) */
#mainNavi ul.navGNB li:first-child ul.navGNBsub { display:block; }
#mainNavi ul.navGNB li > ul.navGNBsub { display:none; }

/*displayDesign*/
body.designN #Ivyheader, body.designN #Ivyfooter, body.designN #IvyLeftMenu, body.designN .mpl_quick_btn, body.designN .contTop { display:none; }
body.designN #IvyMain #contWrap #IvyRightContent { float:none; width:100%; }


@media screen and (max-width:1199px){
	#IvySkipNavi { display: none; }
	#IvyDebugDiv { clear: both; font-size: 12px; }
	
	a:link, a:active, a:visited { text-decoration:none; }
	a:hover { text-decoration: none; color:#FF6600; }
	
	table caption.selectorHide { display: none; }
	h1.selectorHide { display: none; }
	h2.selectorHide { display: none; }
	h3.selectorHide { display: none; }
	h4.selectorHide { display: none; }
	h5.selectorHide { display: none; }
	a.selectorHide { display: none; }
	span.selectorHide { display: none; }
	legend.none, legend.selectorHide { display: none; margin: 0px; padding: 0px; }
	fieldset.none, fieldset.selectorHide { border: 0px;  margin: 0px; padding: 0px;  }
	label.none, label.selectorHide { display: none; }
	h1.none, h1.selectorHide { display: none; }
	h2.none, h2.selectorHide { display: none; }
	h3.none, h3.selectorHide { display: none; }
	h4.none, h4.selectorHide { display: none; }
	h5.none, h5.selectorHide { display: none; }
	hr.none, hr.selectorHide { display: none; }
	span.none, span.selectorHide { display: none; }
	div.none, div.selectorHide { clear: both; display: none; }
	li.none, li.selectorHide { display: none; }
	ul.none, ul.selectorHide { display: none; }
	ol.none, ol.selectorHide { display: none; }
	caption.none { display: none; }
	img { border: 0px; }
	form { margin: 0px; }
	
	.block { clear: both; display: block; font-size: 0px; height: 0px; }
	.selectedText{ background-color:#6699FF; color:#FFFFFF; }
}



.aside{position:fixed;right:0;top:0;width:60px;background:rgba(53,55,60,1);text-align:center;font-size:11px;z-index:9999;}
.aside > ul{position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;border-bottom:1px solid rgba(255,255,255,.1);margin:0 !important;}
.aside > ul > li{position:relative;list-style:none;}
.aside > ul > li > a{width:100%;height:24px;padding-top:18px;padding-bottom:18px;border-top:1px solid rgba(255,255,255,.1);display:inline-block;text-decoration:none;}


.mpl_quick_btn {position:fixed;top:30%;right:15px;z-index: 5;}
/*
.mpl_quick_btn .showbtn{width:46px;height:46px;background:url("/Ivyimages/site/printbe/main/rquick_open.png") no-repeat;}
.mpl_quick_btn .showbtn:hover{background:url("/Ivyimages/site/printbe/main/rquick_open_over.png") no-repeat;}
.mpl_quick_btn.on .showbtn{ background:url("//Ivyimages/site/printbe/main/rquick_close.png") no-repeat;}
.mpl_quick_btn.on .showbtn:hover{background:url("/Ivyimages/site/printbe/main/rquick_close_over.png") no-repeat;}
*/
.mpl_quick_btn ul {list-style:none;}
.mpl_quick_btn li{position: relative;margin-bottom:10px;}
.mpl_quick_btn li .name{visibility: hidden;opacity:0;filter:alpha(opacity=0);position:absolute;top:10px;left: -72px;}
.mpl_quick_btn li:hover .name{ visibility: visible;opacity:1;filter:alpha(opacity=100);}
.mpl_quick_btn li .name span{display:block;}
.mpl_quick_btn li .nameTop{float: left;width:60px;height:20px;line-height:20px;margin:0;padding:0;border:1px solid #a8a8a8;background:#a8a8a8;font-size:11px;color:#fff;text-align:center;}
.mpl_quick_btn li .nameBottom{float: right;width:0;height:0;margin-top:7px;border-left:5px solid #a8a8a8;border-top:5px solid transparent;border-bottom:5px solid transparent;}

.-showDom{-khtml-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.-showDom:hover{-khtml-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

@media (max-width:767px){ body{padding-left:0px !important; padding-right:0px !important;}
}

/* 2019-05-30 상단 알림판 공통 */
/*popupzone (상단)*/
#IvyWrap div.IvyPopup { width:100%; border-bottom:1px solid #1c5186; background-color:#1c5186; }
#IvyWrap div.popupzone_2 { width:1100px; margin:0 auto; position:relative; }
#IvyWrap div.popupzone_2 div.popup_img_2 { border:0px solid #ccc;  height:125px; }
#IvyWrap div.popupzone_2 div.popup_img_2 ul { list-style-type: none; margin: 0px; padding: 0px; }
#IvyWrap div.popupzone_2 div.popup_ctrl_2 { background-color:#fff; position:absolute;  text-align:center; top:0px; left:971px; width:130px; padding:5px 0; /*border-bottom:2px solid #a5c6cd; border-right:2px solid #a5c6cd; border-left:2px solid #a5c6cd;*/  }
#IvyWrap div.popupzone_2 div.popup_ctrl_2 a img {vertical-align: middle;}
#IvyWrap div.popupzone_2 div.popup_close { position:absolute; padding-left:3px; text-align:right; top:87px; width:100%;  }
#IvyWrap div.popupzone_2 div.popup_close img { vertical-align:middle; }

#IvyWrap div.popupzone_2 div.popup_img_2 ul li a{display:block;}

@keyframes ping {
    75%, 100% {
    transform: scale(2.3);
    opacity: 0;
  }
}
span.animate-ping{animation: ping 1s cubic-bezier(0.69, 0.15, 0.92, 0.31) infinite;}