/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */


.private {
    padding: 30px 0;
    background: #fff;
}
.private > div{
    max-width: 1100px;
    margin: auto;
}

.private article ~ article{
    margin-top: 28px;
}

.private article:first-of-type{
    margin-top: 0;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 팁 박스 */


.private .tipbox {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100px;
    background: #f2f0ed;
    border: 1px solid #8f816a;
    padding: 24px 27px;
}
.private .tipbox:before {
    content: "";
    position: absolute;
    display: block;
    top: 3px;
    left: 2px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    /* border: 1px solid #eceae6; */
    background: #ffffff;
}

.private .tipbox .mark{
    z-index: 1;
    border: 0;
    min-width: 74px;
    height: 74px;
    background: url(../../../../images/iosf/ko/content/board/img_ntis_54x54.png)no-repeat center;
    margin-right: 20px;
}
.private .tipbox .mark.icon-private{
    background: url(../../../../images/iosf/ko/content/private/img_private_74x74.png)no-repeat center;
}

.private .tipbox .text{
    text-align: left;
}
.private .tipbox .text p{
    position: relative;
    z-index: 1;
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
    background: #fff;
    border: 0;
    padding: 0;
}


/* 팁 박스 */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 서브 타이틀 (bar 포함) */

.private .sub-title {
    position: relative;
    display: flex;
    margin-top: 50px;
}
.private .sub-title h1 {
    font: 23px/1.3em "나눔바른고딕";
    display: flex;
    align-items: flex-start;
    color: #000;
}
.private .sub-title h1.bar:before {
    content: "";
    display: inline-block;
    min-width: 3px;
    height: 22px;
    background: url(../../../../images/iosf/ko/content/private/img_bar_3x22.png)no-repeat center;
    background-size: 3px 22px;
    margin-right: 10px;
    margin-top: 2px;
}
.private .sub-title .btn{
    position: absolute;
    right: 0;
}


/* 서브 타이틀 (bar 포함) */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
.private .index{
    padding: 30px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #d8d8d8;
}

.private .index .text p{
    font: 17px/1.3em "나눔바른고딕";
    color: #313131;
}

.private .index .text ~ div{
    margin-top: 20px;
}
.private .index .pr-table{  
    display: flex;
    flex-wrap: wrap;
}

.private .index .pr-table table {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-top: 1px solid #8f816a;
    border-bottom: 1px solid #9f9f9f;
}
.private .index .pr-table table tr th,
.private .index .pr-table table tr td{
    text-align: left;
    font: 17px/1.3em "나눔바른고딕";
    color: #000000;
    background: #fff;
    padding: 13px 15px;
}
.private .index .pr-table table tr th{
    width: 260px;
    color: #6e5d42;
    background: #f6f6f6;
}
.private .index .pr-table table tr td{
    display: flex;
    border-left: 1px solid #d8d8d8;
}
.private .index .pr-table table tr td p{
    display: flex;
    align-items: flex-start;
}
.private .index .pr-table table tr td p.point:before{
    content: "";
    display: inline-block;
    min-width: 6px;
    height: 6px;
    background: #8f816a;
    border-radius: 10px;
    margin-right: 8px;
    margin-top: 7px;
}
.private .index .pr-table table tr td p.line:before{
    content: "";
    display: inline-block;
    min-width: 1px;
    height: 18px;
    background: #b5b5b5;
    margin-right: 13px;
    margin-top: 1px;
}

.private .index .pr-table table tr:not(:last-of-type) td{
    border-bottom: 1px solid #d8d8d8;
}

.private .index .pr-table table tr td .short{
    display: inline-block;
    min-width: 78px;
    font: 17px/1.3em "나눔바른고딕";
    color: #535353;
}

/* table-vertical */
.private .index .pr-table .table-vertical{
    width: calc((100% / 3) - (40px / 3));
}
.private .index .pr-table .table-vertical ~ table{
    margin-left: 20px;
}

.private .index .pr-table .table-vertical tr{
    display: flex;
    flex-direction: column;
}
.private .index .pr-table .table-vertical tr th{
    width: 100%;
}
.private .index .pr-table .table-vertical tr td{
    border-left: 0px solid #d8d8d8;
}

.private .index .pr-table .table-vertical tr th,
.private .index .pr-table .table-vertical tr td:not(:last-of-type){
    border-bottom: 1px solid #d8d8d8;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 1140px) {
    .private.thumnail>div {
        /* padding: 0 10px; */
    }


}


@media screen and (max-width: 1040px) {

    /* ------------------------------------------ */
    /* private */
        
    
    .private .index .pr-table .table-vertical{
        width: 100%;
    }
    .private .index .pr-table .table-vertical ~ table{
        margin: 0;
        margin-top: 20px;
    }
    
    /* private */
    /* -------------------------------------------- */

}


@media screen and (max-width: 960px) {

    .private .tipbox{
        flex-direction: column;
        border-left: 0;
        border-right: 0;
        padding: 27px 15px;
    }
    .private .tipbox:before{
        width: 100%;
        left: 0;
    }
    .private .tipbox .mark{
        margin: 0;
        margin-bottom: 20px;
    }

    /* ------------------------------------------ */
    /* private */

    .private .index .pr-table table tr{
        display: flex;
        flex-direction: column;
    }
    .private .index .pr-table table tr th{
        width: 100%;
    }

    .private .index .pr-table table tr:not(:last-of-type) td{
        border-top: 1px solid #d8d8d8;
    }
    .private .index .pr-table table tr td {
        flex-wrap: wrap;
        border-left: 0;
    }
    .private .index .pr-table table tr td .short{
        width: 100%;
    }
    .private .index .pr-table table tr td p{
        margin-top: 6px;
    }
    .private .index .pr-table table tr td p.line:before{
        display: none;
    }

    /* .private .index .menu-private dt{
        width: calc((100% / 2) - (30px / 2));
    }
    
    .private .index .menu-private dt:nth-child(n):not(:first-of-type) {
        margin-left: 30px;
    }
    .private .index .menu-private dt:nth-child(2n + 1):not(:first-of-type) {
        margin-left: 0;
    } */
        
    .private .sub-title{
        margin-top: 40px;
    }

    .private .sub-title h1{
        font-size: 21px;
    }
    .private .sub-title h1.bar:before{
        height: 20px;
    }

    /* private */
    /* -------------------------------------------- */

}

@media screen and (max-width: 640px) {
    .private {
        padding: 20px 0;
    }
    .private article ~ article{
        margin-top: 20px;
    }
    .private .index div section:nth-of-type(n) ~ section,
    .private .index.lab div section:nth-of-type(n) ~ section{
        margin-top: 20px;
    }

    /* ------------------------------------------ */
    /* private */

    .private .index .menu-private dt{
        width: calc((100%));
    }
    
    .private .index .menu-private dt:nth-child(n):not(:first-of-type) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px) {
   
}