@charset "utf-8";

/* KH 김환 CSS Style */

hr.line_silver{ width:100%; background-color: silver; height: 1px; border-bottom:0px; }

.amar_0 {margin:0px !important;}
.amar_5 {margin:5px !important;}
.amar_10 {margin:10px !important;}
.amar_15 {margin:15px !important;}
.amar_20 {margin:20px !important;}
.amar_25 {margin:25px !important;}
.amar_30 {margin:30px !important;}
.amar_35 {margin:35px !important;}
.amar_40 {margin:40px !important;}
.amar_45 {margin:45px !important;}
.amar_50 {margin:50px !important;}

.lmar_0 {margin-left:0px !important;}
.lmar_5 {margin-left:5px !important;}
.lmar_10 {margin-left:10px !important;}
.lmar_15 {margin-left:15px !important;}
.lmar_20 {margin-left:20px !important;}
.lmar_25 {margin-left:25px !important;}
.lmar_30 {margin-left:30px !important;}
.lmar_35 {margin-left:35px !important;}
.lmar_40 {margin-left:40px !important;}
.lmar_45 {margin-left:45px !important;}
.lmar_50 {margin-left:50px !important;}

.tmar_0 {margin-top:0px !important;}
.tmar_5 {margin-top:5px !important;}
.tmar_10 {margin-top:10px !important;}
.tmar_15 {margin-top:15px !important;}
.tmar_20 {margin-top:20px !important;}
.tmar_25 {margin-top:25px !important;}
.tmar_30 {margin-top:30px !important;}
.tmar_35 {margin-top:35px !important;}
.tmar_40 {margin-top:40px !important;}
.tmar_45 {margin-top:45px !important;}
.tmar_50 {margin-top:50px !important;}

.bmar_0 {margin-bottom:0px !important;}
.bmar_5 {margin-bottom:5px !important;}
.bmar_10 {margin-bottom:10px !important;}
.bmar_15 {margin-bottom:15px !important;}
.bmar_20 {margin-bottom:20px !important;}
.bmar_25 {margin-bottom:25px !important;}
.bmar_30 {margin-bottom:30px !important;}
.bmar_35 {margin-bottom:35px !important;}
.bmar_40 {margin-bottom:40px !important;}
.bmar_45 {margin-bottom:45px !important;}
.bmar_50 {margin-bottom:50px !important;}


/* 가로 margin 설정 */
.wmar_0 {margin: 0 0 !important;}
.wmar_5 {margin: 0 5px !important;}
.wmar_10 {margin: 0 10px !important;}
.wmar_15 {margin: 0 15px !important;}
.wmar_20 {margin: 0 20px !important;}
.wmar_25 {margin: 0 25px !important;}
.wmar_30 {margin: 0 30px !important;}
.wmar_35 {margin: 0 35px !important;}
.wmar_40 {margin: 0 40px !important;}
.wmar_45 {margin: 0 45px !important;}
.wmar_50 {margin: 0 50px !important;}

/* 세로 margin 설정 */
.hmar_0 {margin: 0 0 !important;}
.hmar_5 {margin: 5px 0 !important;}
.hmar_10 {margin: 10px 0 !important;}
.hmar_15 {margin: 15px 0 !important;}
.hmar_20 {margin: 20px 0 !important;}
.hmar_25 {margin: 25px 0 !important;}
.hmar_30 {margin: 30px 0 !important;}
.hmar_35 {margin: 35px 0 !important;}
.hmar_40 {margin: 40px 0 !important;}
.hmar_45 {margin: 45px 0 !important;}
.hmar_50 {margin: 50px 0 !important;}


.apad_0 {padding:0px !important;}
.apad_3 {padding:3px !important;}              /* add 3px - 2025.07.25.김환. */
.apad_5 {padding:5px !important;}
.apad_10 {padding:10px !important;}
.apad_15 {padding:15px !important;}
.apad_20 {padding:20px !important;}
.apad_25 {padding:25px !important;}
.apad_30 {padding:30px !important;}
.apad_35 {padding:35px !important;}
.apad_40 {padding:40px !important;}
.apad_45 {padding:45px !important;}
.apad_50 {padding:50px !important;}

.lpad_0 {padding-left:0px !important;}
.lpad_5 {padding-left:5px !important;}
.lpad_10 {padding-left:10px !important;}
.lpad_15 {padding-left:15px !important;}
.lpad_20 {padding-left:20px !important;}
.lpad_25 {padding-left:25px !important;}
.lpad_30 {padding-left:30px !important;}
.lpad_35 {padding-left:35px !important;}
.lpad_40 {padding-left:40px !important;}
.lpad_45 {padding-left:45px !important;}
.lpad_50 {padding-left:50px !important;}

.rpad_0 {padding-right:0px !important;}
.rpad_5 {padding-right:5px !important;}
.rpad_10 {padding-right:10px !important;}
.rpad_15 {padding-right:15px !important;}
.rpad_20 {padding-right:20px !important;}
.rpad_25 {padding-right:25px !important;}
.rpad_30 {padding-right:30px !important;}
.rpad_35 {padding-right:35px !important;}
.rpad_40 {padding-right:40px !important;}
.rpad_45 {padding-right:45px !important;}
.rpad_50 {padding-right:50px !important;}

.tpad_0 {padding-top:0px !important;}
.tpad_5 {padding-top:5px !important;}
.tpad_10 {padding-top:10px !important;}
.tpad_15 {padding-top:15px !important;}
.tpad_20 {padding-top:20px !important;}
.tpad_25 {padding-top:25px !important;}
.tpad_30 {padding-top:30px !important;}
.tpad_35 {padding-top:35px !important;}
.tpad_40 {padding-top:40px !important;}
.tpad_45 {padding-top:45px !important;}
.tpad_50 {padding-top:50px !important;}

.bpad_0 {padding-bottom:0px !important;}
.bpad_5 {padding-bottom:5px !important;}
.bpad_10 {padding-bottom:10px !important;}
.bpad_15 {padding-bottom:15px !important;}
.bpad_20 {padding-bottom:20px !important;}
.bpad_25 {padding-bottom:25px !important;}
.bpad_30 {padding-bottom:30px !important;}
.bpad_35 {padding-bottom:35px !important;}
.bpad_40 {padding-bottom:40px !important;}
.bpad_45 {padding-bottom:45px !important;}
.bpad_50 {padding-bottom:50px !important;}


.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}

.f_left {float: left !important;}
.f_right {float: right !important;}
.f_center {float: center !important;}

.vmiddle{
    vertical-align: middle !important;
}

.red {color:red !important;}
.green {color:green !important;}
.blue {color:blue !important;}

.fs_10 {font-size:10px !important;}
.fs_12 {font-size:12px !important;}
.fs_14 {font-size:14px !important;}
.fs_16 {font-size:16px !important;}
.fs_20 {font-size:20px !important;}
.fs_24 {font-size:24px !important;}


/*** Width Over시 자동 줄바꿈 표시 ***/
.text_br { word-break:break-all !important; }
.word_br { word-break:keep-all !important; }

.text_bold { font-weight: bold !important; }

/*** Width Over시 ... 표시 ***/
.text_dot {
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


@media screen and (max-width: 992px) {
    .col-xs-0 { display: none; } 
}

/*** 다이얼로그 가운데 정렬 설정 추가 :: s. ****/
.modal {
        text-align: center;
}

/*
@media screen and (min-width: 768px) { 
        .modal:before {
                display: inline-block;
                vertical-align: middle;
                content: " ";
                height: 100%;
        }
}
*/ 

.modal-dialog {
        position: static !important;
        display: inline-block;
        margin-top: 10px !important;
        text-align: left;
        vertical-align: middle;
        top: 50%;
        height: 90%;
}

.modal-dialog.modal-fullsize {
        width: 95%;
        height: 100%;
        margin: 0;
        padding: 0;
}

.modal-content {
        /* height: 100%; */
}

.modal-header.top-menu {
        white-space: nowrap;
        overflow: auto;
        -ms-overflow-style: none !important;       /* IE and Edge 스크롤바 숨기기 */
        scrollbar-width: none;          /* Firefox 스크롤바 숨기기 */
        padding-top: 0px;
}
.modal-header.top-menu::-webkit-scrollbar {
        display: none;                  /* Chrome, Safari, Opera 스크롤바 숨기기 */
}

.modal-header.none-bottom-line {
        border-bottom: 0px solid #e5e5e5 !important;
}

.modal-header .close {
        font-size: 32px !important;

}

/* 모바일 버전 컨텐츠 */
.modal-body.contents-area {
        max-height: calc(103vh - 425px);
        overflow-y: auto;
}

/* 모바일 이상 버전 컨텐츠 */
@media (min-width: 768px) {

        .modal-body.contents-area {
                /* max-height: calc(100vh - 425px); */
                max-height: calc(33vh);
                overflow-y: auto;
                /* overflow: scroll; */
        }
}



.modal-header.top-menu::-webkit-scrollbar {
        display: block;
        /* Chrome, Safari, Opera*/
}

/*** 다이얼로그 가운데 정렬 설정 추가 :: e. ****/



/*** 참고 샘플 ***
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

h1 { font-size: 2em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.17em;}
h4 { font-size: 1em;}
h5 { font-size: .83em;}
h6 { font-size: .75em;}
**** ***/