/* 硫붿씤 */
.main_search{
	background: none;
	border: none;
}

/* 筌롫뗄�뵥 */

.main_grid>div form{
    display: flex;
    align-items: center;
}

.main_inner01 p {
    margin-right: 5px;

}

.main_search {
    padding: 5px 10px;
}

.main_search img {
    cursor: pointer;
}




.main_search input {
    background-color: transparent;
    outline: none;
    border: none;
}

.main_btn {
    cursor: pointer;
    padding: 5px 10px;
}

.main_btn01 {
    margin-left: 29px;
    margin-right: 8px;
}

.main_btn02 {
    margin-right: 31px;
}

.main_btn img {
    pointer-events: none;
    /* background-color: rgba(0, 119, 255, 0.4); */
}

.clicked {
    background-color: rgba(0, 119, 255, 0.4);
}





.selectBox2 * {
    box-sizing: border-box;

}


.selectBox2 {



    position: relative;

    height: 35px;
    border-radius: 4px;
    display: inline-block;

    cursor: pointer;
    margin: 10px;
    margin-right: 10px;
}



.selectBox2 button {
    color: #fff;
    background-color: transparent;
    padding: 5px 10px;

    border-radius: 20px;
    border: none;
    font-size: 14px;
    margin-top: 2px;
    position: relative;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif;


}

.label1_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
}


.main_inner01 select{
    appearance: none;
    /* width: 120px; */
    padding-left: 5px;
    background:  url('../img/bottom_arrow.png') no-repeat 95% center;
   -webkit-appearance: none;
   border: none;
   outline: none;
   cursor: pointer;
     /* border: 1px solid #999; */

}

.main_select01 select{
    padding-left: 10px;
    width: 145px;
}
.main_select02 select{
    padding-left: 10px;
    width: 110px;
}
.main_select03 select{
    padding-left: 10px;
    width: 100px;
}
.main_select04 select{
    padding-left: 10px;
    width: 80px;
}

.main_inner01 select option{
    background-color: #2C313B;
}
.main_inner01 select option:hover{
    background-color: #999;
}

.selectBox2 .label1 {

    display: flex;
    align-items: center;
    font-family: 'Noto Sans KR', sans-serif;

    border: 0 none;
    outline: 0 none;
    width: 98px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    border-radius: 20px;
    background-color: transparent;
    cursor: pointer;
    color: #fff;
    z-index: 1;
}

.selectBox2 .label2 {
    width: 117px;
}

.selectBox2 .label3 {
    width: 103px;
}

.selectBox2 .label4 {
    width: 78px;
}



input::placeholder {
    color: #fff;
}


.optionList {
    overflow: auto;
    height: 200px;
    margin-top: 6px;

}

.optionItem>img {
    width: 30px;
    margin-top: 5px;
}

.optionList .optionItem {
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-bottom: 20px;

    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.selectBox2>div {
    display: flex;
    align-items: center;
}

.selectBox2 .optionList {
    position: absolute;

    width: 150px;
    top: 30px;
    background-color: #525866;
    color: #fff;
    list-style-type: none;
    overflow: auto;
    max-height: 0;
    transition: .1s ease-in;

}

.selectBox2 .optionList01 {
    width: 100px;
    left: 0;
}

.selectBox2 .optionList02 {
    /* left: 5px; */
    height: auto;
    width: 118px;
}

.selectBox2 .optionList03 {
    /* left: -2px; */
    height: auto;
    width: 104px;
}

.selectBox2 .optionList04 {
    left: 0;
    height: auto;
    width: 80px;
}



.selectBox2 ul:last-child {
    /* width: 100px; */
}


.optionList::-webkit-scrollbar {

    width: 2px;
}

.optionList::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 50px;
}

.optionList::-webkit-scrollbar-track {
    background-color: transparent;
}

.selectBox2.active .optionList {
    max-height: 500px;
}


.selectBox2 .optionItem:hover {
    background-color: #707070;
}

/* 餓λ쵌而� */

.main_info {
    overflow: hidden;
    margin-top: 10px;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
    /* width: 97%; */

    border-bottom: 1px solid #999;
}

.main_info .info_left {
    display: flex;
    align-items: center;
    width: 100%;
   
}


.main_info .info_left p {
    width: 100%;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
}
/* .main_info .info_left p:nth-child(1){}
.main_info .info_left p:nth-child(2){
    margin-right: 0;
}
.main_info .info_left p:nth-child(3){}
.main_info .info_left p:nth-child(4){}
.main_info .info_left p:nth-child(5){}
.main_info .info_left p:nth-child(6){
    margin-left: 60px;
}
.main_info .info_left p:nth-child(7){
    margin-left: 60px;
}
.main_info .info_left p:first-child{
    margin-left: 50px;
} */



.main_content {

    /* width: 97%; */
    margin-top: 20px;

    border-bottom: 1px solid #999;
    padding-bottom: 20px;

}
.content_left p {
    text-align: center;
    width: 100%;
    font-size: 13px;
}
.content_left a {
    display: flex;
    align-items: center;
 
}


.bookmark input[type="checkbox"] {
    display: none;
}

.bookmark label input[type="checkbox"]+ span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/筌앸Ŋ媛�.png)  no-repeat -19.5px;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 2px;

}

.bookmark:after {
    display: block;
    clear: both;
    content: "";
}

.bookmark label input[type="checkbox"]:checked+ span {
    margin-left: 2px;
    background: url(../img/筌앸Ŋ媛�.png)  no-repeat 0.7px;

}



.main_griddate{
    margin-right: 0;
    border: none !important;

}

.main_griddate input{
    /* width: 200px; */
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 10px;
    outline: none;
    height: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 15px;
}


.main_innertext{
  position: absolute;
  top: 70px;

  z-index: 9999999;
}
.main_innertext p{
    color: #707070;
    font-size: 12px;
}

@media (max-width:1200px) and (min-width:601px) {
    .main_select01 select{
        width: 100px !important;
    }
    .main_info .info_left{
        float: none;
    }
    .main_info .info_left p{
        width: 70px;
        margin-left: 0 !important;
        margin-right: inherit !important;
        text-align: center;
        font-size: 12px;
    }
    .main_info .info_left p:first-child{
        margin-left: 0 !important;
    }
    .content_left p{
        width: 70px;
        margin-right: inherit;
        margin-left: 0;
        font-size: 11px;
    }
}


@media (max-width:600px){
    #gnb2{
        display: none;
    }
    .m_header{
        display: inherit;
    }
    .main_inner h2{
        display: none;
    }
    .side_bar{
        display: none;
    }
    #gnb2{
        background-color: transparent;
    }
    .main{
        background-color: transparent;
        margin: inherit;
    }
    .main_grid01{
        width: 100%;
   
    }
    .main_info .info_left p{
        margin-left: 0 !important;
        margin-right: inherit;
        font-size: 11px;
        width: 100%;
    }
    .main_info .info_left{
        float: none;
    }
    .main_info{
        padding-left: 20px;
    }
    .content_left p{
        width: 12%;
        font-size: 10px;
    }
    .content_left p{
        margin-right: inherit;
    }
    .content_left p:nth-child(2){
        width: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .main_select01 select{
        width: 115px !important;
    }
}