/* 팝업 공통 */
.layer-popup {
    position:absolute;
    top:0; left:0;
    /* opacity:0; */
}
.layer-popup.onShow {}
.layer-popup .blind {position:absolute; top:-9999px; left:-9999px; width:0; height:0; font-size:0;}
.layer-popup .container {position:relative;}
.layer-popup .btn-close {
    display:block;
    position:absolute;
    width:25px; height:25px;
    padding:19px;
    top:0; right:0;
    border:none;
    background:none;
    box-sizing:content-box;
    cursor:pointer;
}
.layer-popup .bg img {width:100%;}
.layer-popup button img {width:100%;}
.layer-popup .dim {
    position:absolute;
    width:100%; height:100%;
    background-color: rgba(0,0,0,0.7);
    top:0; right:0; bottom:0; left:0;
}

/* 팝업 커스텀 스타일(채용연계 인턴쉽 팝업 ) */
.popup-careers {
    display:none;
    width: 100%;
    height:100%;
    /* max-width:1604px; */
    /* top:80px; left:50%; */
    top:0; left:0; right:0; bottom:0;
    /* transform:translate3d(-50%,0,0); */
    text-align:center;
    z-index:10;
}
.popup-careers .inner {height:100%;}
.popup-careers .inner:before {
    display:inline-block;
    content:'';
    width:0; height:100%;
    vertical-align:middle;
}
.popup-careers .container {
    display:inline-block;
    width:90.222vw;
    height:64vw;
    max-width:812px;
    max-height:576px;
    vertical-align:middle;
}
.popup-careers .container .bg {
    display:block;
    width:100%; height:100%;
}
.popup-careers .btn-outlink {
    position:absolute;
    left:50%;
    bottom:32px;
    font-size:0;
    line-height:1;
    transform:translate3d(-50%,0,0);
}
.popup-careers .btn-close {
    position:absolute;
    top:0; right:0;
    /* width:76px; height:80px; */
    width:60px; height:65px;
    padding:0;
}



/* 팝업 커스텀 스타일(개처방 안내 팝업) */
.popup-privacy {
    display:none;
    width: 100%;
    height:100%;
    /* max-width:1604px; */
    /* top:80px; left:50%; */
    top:0; left:0; right:0; bottom:0;
    /* transform:translate3d(-50%,0,0); */
    text-align:center;
    z-index:10;
}
.popup-privacy .inner {height:100%;}
.popup-privacy .inner:before {
    display:inline-block;
    content:'';
    width:0; height:100%;
    vertical-align:middle;
}
.popup-privacy .container {
    display:inline-block;
    width:90.222vw;
    height:64vw;
    max-width:812px;
    max-height:576px;
    vertical-align:middle;
}
.popup-privacy .container .bg {
    display:block;
    width:100%; height:100%;
    
}
.popup-privacy .btn-outlink {
    position:absolute;
    left:50%;
    bottom:32px;
    font-size:0;
    line-height:1;
    transform:translate3d(-50%,0,0);
}
.popup-privacy .btn-close {
    position:absolute;
    top:0; right:0;
    /* width:76px; height:80px; */
    width:60px; height:65px;
    padding:0;
}




/* 팝업 커스텀 스타일(ir 안내 팝업) */
.popup-ir-info {
    display:none;
    width: 100%;
    height:100%;
    /* max-width:1604px; */
    /* top:80px; left:50%; */
    top:0; left:0; right:0; bottom:0;
    /* transform:translate3d(-50%,0,0); */
    text-align:center;
    z-index:10;
}
.popup-ir-info .inner {height:100%;}
.popup-ir-info .inner:before {
    display:inline-block;
    content:'';
    width:0; height:100%;
    vertical-align:middle;
}
.popup-ir-info .container {
    display:inline-block;
    width:90.222vw;
    /*
    height:64vw;
    */
    height:90%;
    max-width:812px;
    max-height:576px;
    vertical-align:middle;
}
.popup-ir-info .container .bg {
    display:block;
    width:100%; 
    /*
    height:calc(100% - 60px);
    */
    height:100%;

    background-color: #fff;
    padding: 60px 30px 0px 30px;
    text-align: left;;
    overflow-y: auto;

    
}

.popup-ir-info .container .bg p{line-height: 30px;;}

.popup-ir-info .btn-outlink {
    position:absolute;
    left:50%;
    bottom:32px;
    font-size:0;
    line-height:1;
    transform:translate3d(-50%,0,0);
}
.popup-ir-info .btn-close {
    position:absolute;
    top:0; right:0;
    /* width:76px; height:80px; */
    width:60px; height:65px;
    color: #000;;
    padding:0;
    font-size: 30px;;
}
.popup-ir-info.layer-popup .blind{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    font-size: 30px;
    opacity: 1;
    line-height: 60px;
    font-weight: bold;
    background-color: #fff;
    
}


/* 팝업 커스텀 스타일(ir 안내 팝업) */
.popup-ir-info2 {
    display:none;
    width: 100%;
    height:100%;
    /* max-width:1604px; */
    /* top:80px; left:50%; */
    top:0; left:0; right:0; bottom:0;
    /* transform:translate3d(-50%,0,0); */
    text-align:center;
    z-index:10;
}
.popup-ir-info2 .inner {height:100%;}
.popup-ir-info2 .inner:before {
    display:inline-block;
    content:'';
    width:0; height:100%;
    vertical-align:middle;
}
.popup-ir-info2 .container {
    display:inline-block;
    width:90.222vw;
    /*
    height:64vw;
    */
    height:90%;
    max-width:812px;
    max-height:576px;
    vertical-align:middle;
}
.popup-ir-info2 .container .bg {
    display:block;
    width:100%; 
    /*
    height:calc(100% - 60px);
    */
    height:100%;
    background-color: #fff;
    padding: 60px 30px 0px 30px;
    overflow-y: auto;
    text-align: left;;
    
}
.popup-ir-info2 .btn-outlink {
    position:absolute;
    left:50%;
    bottom:32px;
    font-size:0;
    line-height:1;
    transform:translate3d(-50%,0,0);
}
.popup-ir-info2 .btn-close {
    position:absolute;
    top:0; right:0;
    /* width:76px; height:80px; */
    width:60px; height:65px;
    color: #000;;
    padding:0;
    font-size: 30px;;
}
.popup-ir-info2.layer-popup .blind{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    font-size: 30px;
    opacity: 1;
    line-height: 60px;
    font-weight: bold;
    background-color: #fff;
}


.popup-templete-info.layer-popup{

}


.popup-templete-info.layer-popup .container .bg{
    font-size: 16px;
    padding:0 50px;
    font-family: 'notoM';
    color :#333333;
}

.popup-templete-info.layer-popup .container .blind{
    /*
    display: none;
    */
    height: 78px;
    color: #fff;
    background-color: #00d7fa;
}
.popup-templete-info.layer-popup .container .blind img{
    width:100%;
    height: auto;
}
.popup-templete-info.layer-popup .container .bg .tp_title{
    margin:125px 0 45px 0;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color :#000000;
    letter-spacing: 0px;
    font-family: 'notoB';
    
}
.popup-templete-info.layer-popup .container .bg .tp_content{
    margin-top:30px;
    line-height: 24px;
}


.popup-templete-info.layer-popup .container .bg .tp_table{
    width: 100%;
    border:1px solid #999999;
}
.popup-templete-info.layer-popup .container .bg .tp_table th, .popup-templete-info.layer-popup .container .bg .tp_table td{
    padding:10px 22px;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
}
.popup-templete-info.layer-popup .container .bg .tp_table th{
    text-align: center;
    background-color: #eaeaea;
    font-weight: normal;
    
}
.popup-templete-info.layer-popup .container .bg .tp_table td{
    text-align: left;
    
}

.popup-templete-info.layer-popup .container .bg .tp_first{
    margin-top:0;
}

.popup-templete-info.layer-popup .container .bg .tp_date{
    margin:50px 0 30px 0;
    line-height: 24px;
    text-align: center;
}

.popup-templete-info.layer-popup .container .bg .tp_address{
    text-align: center;
    line-height: 24px;
}
.popup-templete-info.layer-popup .container .bg .tp_ceo{
    margin:30px 0 50px 0;
    line-height: 24px;
    text-align: center;
}

.popup-templete-info.layer-popup .container .bg .tp_ceo2{
    margin:0px 0 50px 0;
    line-height: 24px;
    text-align: center;
}


/* 스크롤바의 폭 너비 */
.popup-templete-info.layer-popup .container .bg::-webkit-scrollbar {
    width: 10px;  
}
.popup-templete-info.layer-popup .container .bg::-webkit-scrollbar-track {
	/* 스크롤바 뒷 배경 색상 */
    
    background: #d0d0d0; 
    
}


.popup-templete-info.layer-popup .container .bg::-webkit-scrollbar-thumb {
     /* 스크롤바 막대 색상 */
     background: #999999;
    
     /* 스크롤바 막대 테두리 설정  */
     /*
    border: 2px solid #9b6a2f;
    */
    border-radius: 12px 12px 12px 12px;
}

.popup-templete-info .btext{
    font-weight: bold !important;
    color:#333333 !important;
}