.search {
    /*width: 100%;
    background: #fff;
    padding: 30px 0;*/
}


.search > div{
    /* max-width: 1100px;
    margin: auto; */
    /* padding: 40px 0; */
    /* border-top: 1px solid #313133; */
    /* border-bottom: 1px solid #313133; */
    /* background: #f4f4f4; */
}


.search article{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
/* .search article + article{
    margin-top: 30px;
} */
/* .search article + article ~ article{
    margin-top: 20px;
} */

/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 검색어 입력 부분 */


.search .counter{
    padding: 40px 0;
    border-top: 1px solid #313133;
    border-bottom: 1px solid #313133;
    background: #f4f4f4;
}


/* 검색어 입력 부분 */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */


/* 
.search article div{
    align-items: center;
    display: flex;
    border: 1px solid #dbdbdb;
    margin-right: auto;
}

.search article div p:first-of-type{
    display: flex;
    align-items: center;
    font: 13px/1.3em "나눔바른고딕";
    color: #735231;
    padding: 11px 13px;
    min-height: 100%;
    background: #f6f6f6;
    border-right: 1px solid #dbdbdb;
}
.search article div p{
    font: 15px/1.3em "나눔바른고딕";
    padding: 10px 13px;
    color: #830020;
}
.search article div p span{
    font: 13px/1.3em "나눔바른고딕";
    color: #000;
} */


.search article form{
    display: flex;
    justify-content: center;
}



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




.search article select{
    min-width: 94px;
    min-height: 40px;
    padding: 0 20px 1px 10px;
    padding-right: 30px;
    background: url(../../../../images/iosf/ko/content/board/image_arrowdown_20x4.png)no-repeat right 52%/ 20px 4px;
    font: 15px/1.3em "나눔바른고딕";
    color: #000;
    border: 1px solid #dbdbdb;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.search article select::-ms-expand{
    display: none;
}


.search article select::before{
    content:"";
    display: inline-block;
    width: 8px;
    height: 4px;
    background: #000;
    top: 0;
    right: 0;
}

.search article select + select,
.search article input{
    /* margin-left: 10px; */
}
.search article select option{
    font: 15px/1.3em "나눔바른고딕";
    color: #000;
}



.search article input{
    font: 19px/1.3em "나눔바른고딕";
    width: 670px;
    min-height: 58px;
    padding: 0px 20px;
    margin-right: -1px;
    color: #000;
    border: 3px solid #830020;
}
.search article input::placeholder{
    font: 19px/1.3em "나눔바른고딕";
    line-height: 58px;
    color: #a0a0a0;
    /* vertical-align: middle; */
}
.search article input:-ms-input-placeholder{
    font: 19px/1.3em "나눔바른고딕";
    color: #a0a0a0;
    line-height: 58px;
}


.search article form button{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 106px;
    height: 58px;
    font: bold 19px/1.3em "나눔바른고딕";
    color: #fff;
    background: 
    /* url(../../../../images/iosf/ko/content/search/img_magnifier_20x20.png)no-repeat center/26px 26px, */
    #830020;
} 
.search article form button:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../../../images/iosf/ko/content/search/img_magnifier_20x20.png)no-repeat center;
    margin-right: 7px;
}




/* 게시판 테이블 */

table,tr,th,td{
    border-spacing: 0;
    border-collapse: separate;
}


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

/* h1 제목 부분 */

.search .title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}
.search .title:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    margin-bottom: 50px;
}
.search .result + .title:before {
    background: transparent;
}

.search .title h1{
    margin-right: auto;
    width: calc(100% - 32px);
}

.search .title h1,
.search .title h1 p,
.search .title h1 span{
    display: flex;
    align-items: flex-start;
    font: 23px/1.3em "나눔바른고딕";
    color: #000;
}
.search .title h1 p{
    flex-wrap: wrap;
    align-items: center;
}

.search .title h1 span{
    font-weight: bold;
    color: #830020;
}

.search .title h1.line:before{
    content: "";
    display: inline-block;
    min-width: 3px;
    height: 22px;
    margin-right: 10px;
    background: url(../../../../images/iosf/ko/content/board/icon_titlebar_4x22.png)center/4px 22px;
    margin-top: 3px;
}

.search .title .btn button{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #c5c5c5;
    border-radius: 20px;
    margin-top: -2px;
}
.search .title .btn button.morebtn{
    background: url(../../../../images/iosf/ko/content/search/img_more_brown_14x14.png)no-repeat center;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* search 검색 찾기 페이지-------------------------------------------------------------------------------------------------- */

.search .result{
    width: 100%;
    margin-top: 0;
    /* margin-bottom: 20px; */
    /* align-items: center; */
    /* flex-direction: row; */
} 
.search .result p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    width: 100%;
    font: 19px/1.3em "나눔바른고딕";
    padding: 10px 15px;
    min-height: 58px;
    color: #e5e5e5;
    background: #313133;
    letter-spacing: 0.5px;
}
.search .result p b{
    font-weight: bold;
    color: #fff;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 찾은 페이지 */

.search .search-list{
    margin-top: 26px;
    border-top: 1px solid #222222;
    /* border-bottom: 1px solid #d8d8d8; */
}
.search .search-list:not(:last-of-type){
    margin-bottom: 50px;
}
.search .search-list dl{
    padding: 30px 0;
    border-bottom: 1px solid #d8d8d8;
}

.search .search-list dl:last-of-type{
    border-bottom: 1px solid #9f9f9f;
}

.search .search-list dl dt a{
    display: block;
    font: 19px/1.3em "나눔바른고딕";
    color: #000;
}
.search .search-list dl:hover dt a{
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px;
}
.search .search-list dl dd{
    display: flex;
    flex-wrap: wrap;
    margin-top: 13px;
}
.search .search-list dl dd span{
    display: flex;
    align-items: center;
    font: 17px/1.3em "나눔바른고딕";
    color: #7d7d7d;
}
.search .search-list dl dd span:not(:last-of-type):after{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../../../images/iosf/ko/content/search/img_next_grey_12x12.png)no-repeat center;
    background-size: 12px 12px;
    margin: 0 5px 2px;
}



.search .search-list .btn{
    margin-top: 30px;
    /* margin-bottom: 50px; */
}
.search .search-list .btn a{
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    font: bold 17px/1.3em "나눔바른고딕";
    color: #fff;
    background: #8f816a;
    padding: 13px 20px;
}
.search .search-list .btn a:after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/search/img_next_white_14x14.png)no-repeat center;
    background-size: 14px 14px;
    margin-left: 10px;
    margin-bottom: 2px;
}
.search .search-list .btn a:hover{
    background: #830020;
    transition: all 0.2s;
}
    

    



/* 찾은 페이지 */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */



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








}







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


    .search article form button:before{
        margin-right: 0;
    }

    .search article form span{
        display: none;
    }
    .search article form button{
        min-width: 58px;
    }
    .search .counter form{
        padding: 0 20px;
    }

    .search .title h1, .search .title h1 span{
        font-size: 21px;
    }
    .search .title h1.line:before{
        height: 20px;
    }
    .search .result p{
        justify-content: center;
    }
    .search .title:before{
        margin-bottom: 40px;
    }
    .search .search-list:not(:last-of-type){
        margin-bottom: 40px;
    }
    .search .search-list .btn{
        text-align: center;
    }
    
}





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

/* @media screen and (min-width: 768px){
    .search article h1{
    }
    .search article h1:before{
        min-width: 3px;
        height: 22px;
        margin-right: 8px;
        background: url(../../../../images/iosf/ko/content/board/icon_titlebar_4x22.png)center/4px 22px;
    }
}

@media screen and (max-width: 768px ){
 
    .search .result p{
        text-align: left;
    }
} */



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

    .search{
        padding: 20px 0;
    }

    /* ----------------------------------------------------------------------------------------------------------------------- */
    
    /* .search article div{
        width: 100%;
        height: 100%;
    } */

    /* .search article div p:first-of-type{
        display: block;
        height: 100%;
    }
    .search article div p + p{
        width: 100%;
        text-align: right;
    }
    
    .search .counter{
        flex-direction: column;
        width: 100%;
    }

    .search article input{
        width: 100px;
        flex: 1 1 30px;
    } */


}



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





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

    .search .counter form{
        flex-wrap: wrap;
    }
    .search article select{
        flex: 1 1 26%;
        
    }
    /* .search article {
        overflow: hidden;
    } */

    .search article input{
        width: 80px;
        flex: 1 0 55%;
        /* width: 100%; */
        margin-left: 0px;
        /* margin-top: 10px; */
    }
    .search .counter input,
    .search .counter button{
        /* margin-top: 10px; */
    }
    .search .counter.calendar_pick input,
    .search .counter.calendar_pick button{
        margin-top: 0;
    }
    .search .counter.calendar_pick form > input{
        margin-left: 10px;
        width: 80px;
    }

    
}

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


}


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