.ui-layout-pane {
    background: rgb(255, 255, 255); padding: 10px; border: 0px solid rgb(187, 187, 187); overflow: none;
}

/* 2015.07.07 슬라이드 바 이미지 추가 */
.ui-layout-toggler-west-open{
    background-image: url("../../images/main/tg_close.png");
    height:72px !important;
    width:12px !important;
    background-position: left center;
    background-repeat: no-repeat;
}

.ui-layout-toggler-east-open{
    background-image: url("../../images/main/tg_open.png");
    height:72px !important;
    width:12px !important;
    background-position: left center;
    background-repeat: no-repeat;
}

.ui-layout-pane-west {
    padding: 5px;
    border-style: none;
    padding-right: 0px;
}

.ui-layout-pane-center {
    border-style: none;
    padding: 1px 5px 5px 5px;
}

.ui-layout-pane-east{
    border-style: none;
}

.ui-layout-center{
    -webkit-overflow-scrolling: touch;
}

.ui-layout-pane-north{
    /* 2015.07.07 */
    /* border-bottom: 3px solid #c5141c; */
    /* 2015.07.08 */
    /* border-bottom: 3px solid #1f594a; */
    /* background-color: #AA193C; */
    padding: 0px;
    min-width: 1260px;
    /* BACKGROUND:
        URL(/images/theme/main/northBackgroundImg.gif); */
}


.ui-layout-pane-south{
    padding:5px;
}


.ui-layout-content {
    padding: 10px; overflow: auto; position: relative;
}
.layout-child-container {
    padding: 0px; overflow: hidden;
}
.layout-content-container {
    padding: 0px; overflow: hidden;
}
.layout-child-container {
    border: 0px currentColor;
}
.layout-scroll {
    overflow: auto;
}
.layout-hide {
    display: none;
}
.ui-layout-resizer {
    /* background: rgb(221, 221, 221); 
    border: 1px solid rgb(187, 187, 187); */
}

.ui-layout-resizer-south {
    border-style: none;
}

.ui-layout-resizer-west {
    border-style: none;
}

.ui-layout-resizer-north-open{
    background: #c5141c; border: 0px solid rgb(187, 187, 187);
}
.ui-layout-resizer-drag {
    
}
.ui-layout-resizer-hover {
    
}
.ui-layout-resizer-open-hover {
    /* background: rgb(196, 225, 164); */
}
.ui-layout-resizer-dragging {
    background: rgb(196, 225, 164);
}
.ui-layout-resizer-dragging {
    border: 1px solid rgb(187, 187, 187);
}
.ui-layout-resizer-north-dragging {
    border-width: 1px 0px;
}
.ui-layout-resizer-south-dragging {
    border-width: 1px 0px;
}
.ui-layout-resizer-west-dragging {
    border-width: 0px 1px;
}
.ui-layout-resizer-east-dragging {
    border-width: 0px 1px;
}
.ui-layout-resizer-dragging-limit {
    background: rgb(225, 164, 164);
}
.ui-layout-resizer-closed-hover {
    /* 2015.07.07 */
    /* background: rgb(235, 213, 170); */
    /* background-color: #d7f0ac; */
}
.ui-layout-resizer-sliding {
    opacity: 0.1;
}
.ui-layout-resizer-sliding-hover {
    opacity: 1;
}
.ui-layout-resizer-north-sliding-hover {
    border-bottom-width: 1px;
}
.ui-layout-resizer-south-sliding-hover {
    border-top-width: 1px;
}
.ui-layout-resizer-west-sliding-hover {
    border-right-width: 1px;
}
.ui-layout-resizer-east-sliding-hover {
    border-left-width: 1px;
}
.ui-layout-toggler {
    /* border: 1px solid rgb(187, 187, 187) */; /* background-color: rgb(187, 187, 187); */
    /* 2015.07.07 */
    /* background-image: url("../../images/theme/menu/menu_hide.png");
    background-position: left center;
    background-repeat: no-repeat;   */
}
.ui-layout-resizer-hover .ui-layout-toggler {
    opacity: 0.6;
}
.ui-layout-toggler-hover {
    opacity: 1; 
    /* 2015.07.07 */
    /* background-color: rgb(255, 204, 102); */
    /* background-color:#e6e2df; */
}
.ui-layout-resizer-hover .ui-layout-toggler-hover {
    opacity: 1; 
    /* 2015.07.07 */
    /* background-color: rgb(255, 204, 102); */
    background-color: #e6e2df;
}
.ui-layout-toggler-north {
    border-width: 0px 1px;
}
.ui-layout-toggler-south {
    border-width: 0px 1px;
}
.ui-layout-toggler-west {
    border-width: 1px 0px;
}
.ui-layout-toggler-east {
    border-width: 1px 0px;
}
.ui-layout-resizer-sliding .ui-layout-toggler {
    display: none;
}
.ui-layout-toggler .content {
    width: 100%; color: rgb(102, 102, 102); padding-bottom: 0.35ex; font-size: 12px; font-weight: bold;
    margin-top: 0px !important;
}
.ui-layout-mask {
    margin: 0px !important; padding: 0px !important; border: currentColor !important; overflow: hidden !important; position: absolute !important; opacity: 0 !important;
}
.ui-layout-mask-inside-pane {
    left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important;
}

div.ui-layout-mask {
    
}
iframe.ui-layout-mask {
    
}
@media print
{
html {
    height: auto !important; overflow: visible !important;
}
body.ui-layout-container {
    left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; position: static !important; _width: auto; _height: auto;
}
.ui-layout-resizer {
    display: none !important;
}
.ui-layout-toggler {
    display: none !important;
}
.ui-layout-pane {
    border: currentColor !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; right: auto !important; bottom: auto !important; overflow: visible !important; position: relative !important;
}
}

/* CUSTOM pin/close buttons */
span.ui-layout-button-pin ,
span.ui-layout-button-close {
    position:   absolute;
    top:        10;
    /* width:       24px; 2015.07.07 주석처리 */
    width:      32px;
    height:     33px;
    z-index:    2;
    display:    block;
    cursor:     pointer;
}
span.ui-layout-button-close-west    { left:  0; }
span.ui-layout-button-close-east    { right: 0; }
span.ui-layout-button-pin-west  { right: 0px; top: 0px}
span.ui-layout-button-pin-east  { right: 0px; top: 0px}

/* CUSTOM pin-buttons */
span.ui-layout-button-pin-up                { 
background: url(../../images/main/menu_pin_2.png) no-repeat center;
}
span.ui-layout-button-pin-down          {
background: url(../../images/main/menu_pin_1.png) no-repeat center;
}
/*span.ui-layout-button-pin-down:hover      { background: url(../../images/theme/menu/pin_2.gif)  no-repeat center; }*/

/* CUSTOM close-buttons */
span.ui-layout-button-close-west            { background: url(../../images/theme/main/go-lt-off.gif) no-repeat center; }
span.ui-layout-button-close-west:hover  { background: url(../../images/theme/main/go-lt-on.gif)  no-repeat center; }
span.ui-layout-button-close-east            { background: url(../../images/theme/main/go-rt-off.gif) no-repeat center; }
span.ui-layout-button-close-east:hover  { background: url(../../images/theme/main/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
/*
.ui-layout-toggler-west-closed      { background: url(../../style/images/go-rt-off.gif) no-repeat center; }
.ui-layout-toggler-west-closed:hover    { background: url(../../style/images/go-rt-on.gif)  no-repeat center; }
.ui-layout-toggler-east-closed      { background: url(../../style/images/go-lt-off.gif) no-repeat center; }
.ui-layout-toggler-east-closed:hover    { background: url(../../style/images/go-lt-on.gif)  no-repeat center; }
*/