@charset "utf-8";
#layerPopup{
    width:  100%;
    height:  100%;
    position:  fixed;
    top:  0;
    left:  0;
    z-index:100;
}

#layerPopup .layerContainer,
#layerPopup .layerPromptContainer{
    position:absolute;
    top:0;
    left:0;
    width:  100%;
    height:  100%;
    z-index:1;
}

#layerPopup .layerBlind{
    width:  100%;
    height:  100%;
    position:  fixed;
    top:  0;
    left:  0;
}

#layerPopup .layerContainer .layerContents{
    background-color:white;
    height:70%;
    position:  fixed;
    margin: 250px auto;
    -webkit-box-shadow: 1px 7px 10px 9px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 7px 10px 9px rgba(0,0,0,0.3);
    box-shadow: 1px 7px 10px 9px rgba(0,0,0,0.3);
}




#layerPopup .layerContainer .layerContents .layerContent{
    margin:20px;
    height:calc(100% - 90px);
}

#layerPopup .layerContainer .layerContents .layerBottom{
    width:calc(100% - 14px);
    position: absolute;
    height: auto;
    bottom: 0px;
    left: 0px;
    text-align: right;
    padding: 7px;
}

#layerPopup .layerContainer .layerContents .layerContent .layerDataArea{
    width: 100%;
    height: calc(100% - 54px);
    overflow-y: auto; 
    margin-top:15px;
}

#layerPopup .layerContainer .layerContents .layerContent .layerDataArea .layerData{
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;    
    padding-bottom: 10px;
}

#layerPopup .layerContainer .layerContents .layerBottom .layerCloseBtn,
#layerPopup .layerContainer .layerContents .layerBottom .layerConfirmBtn{
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    padding: 7px 15px 7px 15px;
    color: white;
    background-color: #5c5c5c;
    border-color: #5c5c5c;
}

#layerPopup .layerContainer .layerContents .layerBottom .layerConfirmBtn{
    border: 1px solid #558bae;
    background-color: #5f94bc;
    box-shadow: inset 0 15px 30px rgba(128,175,200,1), inset 0 -15px 15px rgba(84,138,176,1);
}

.tab_depth3 {overflow:hidden; height:35px; margin:0 0 18px; border-bottom:1px solid #d2d2d2}
/*.tab_depth3:after {display:block; clear:both; content:""}*/
.tab_depth3 h2 {float:left; font-size:25px; line-height:1em; letter-spacing:-1px; color:#010101;}
.tab_depth3 ul {float:right; overflow:hidden; font-size:13px}
.tab_depth3 li {float:left; background:url('../images/bar_depth3.gif') no-repeat 0 12px}
.tab_depth3 li:first-child {background-image:none}
.tab_depth3 a {display:block; padding:0 14px; line-height:34px;font-family:'NanumGothic',Dotum; }
.tab_depth3 li.on {height:34px; margin-bottom:-1px; border:1px solid #acacac; border-radius:7px 7px 0 0; background-color:#fefefe; background-image:none}
.tab_depth3 li.on + li {background-image:none}
.tab_depth3 li.on a {font-weight:bold; line-height:33px; color:#39518d}