@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

*{
    padding:0; 
    margin:0;
    box-sizing:border-box;
    font-family: 'Noto Sans KR', sans-serif;
}

li{
    list-style:none;
}

a{
    color:inherit; 
    text-decoration: none;
    cursor : pointer;
    display : inline-block;
    width : 100%;
    height : 100%;
}

address{
    font-style : normal;
}

img{
    width:100%; 
    vertical-align : bottom;
}

button { 
    background-color : transparent;
    border : 0;
    cursor : pointer;
    font-size : inherit;
    color : inherit;
    outline : none;
}

button:active{
    background-color : none;
}

i{
    display : inline-block;
    vertical-align : middle;
}

input{
    border-radius : 0;
    border : 0;
}

input:focus{
    outline : none;
}


.pc_none{
    display : none;
}

.mo_none{
    display : block;
}


@media screen and (max-width : 768px){
    .pc_none{
        display : block;
    }

    .mo_none{
        display : none;
    }
}

/* icon */
.icon{
    display:inline-block;
}



/* section */

section{
    background-color : #f8f8f8;
}

section .select-display{
    height : 40px;
    width : 100%;
    border : 1px solid #e5e5e5;
    border-radius : 1px;
    background-color : #fff;
    background-image : url('/images/icons/select.png');
    background-size : 10px;
    background-repeat : no-repeat;
    background-position : right 12px center;
    padding : 0 12px;
    line-height : 40px;
    color : #909090;
    font-size : 13px;
}

section .select-display.on{
    color : #000;
}

section .select-option > div{
    height : 40px;
    padding : 0 12px;
    line-height : 40px;
    border-bottom : 1px solid #e5e5e5;
}

section select{
    opacity : 0;
    width : 100%;
    height : 40px;
    position : absolute;
    margin-top : -40px;
}