/* header */
header { height:65px; border-bottom:1px solid #e5e7eb; position:sticky; top:0; left:0; background:#fff; z-index:1; }
header .inner_wrap { display:flex; align-items:center; justify-content:space-between; }
header .logo { font-size:18px; font-weight:700; }
header .search_wrap button { width:170px; height:36px; padding:0 10px; border:1px solid #e5e7eb; border-radius:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1); display:flex; align-items:center; background:none; }
header .search_wrap button span { width:calc(100% - 34px); margin-left:10px; color:#666; text-align:left; display:inline-block; }
header .search_wrap button:hover { transform:scale(1.05); transition:transform 0.2s; background:#fafafa; }
header .search_wrap .search_box { width:600px; border-radius:10px; position:absolute; top:100px; left:50%; transform:translateX(-50%); overflow:hidden; display:none; background:#fff; }
header .search_wrap .search_box.open { display:block; }
header .search_wrap .search_box .input_box { height:50px; padding:0 20px; border-bottom:1px solid #e5e7eb; display:flex; align-items:center; }
header .search_wrap .search_box .input_box input { width:calc(100% - 29px); height:36px; margin-left:5px; font-size:16px; border:0; background:none; }
header .search_wrap .search_box .search_list .no_result { padding:50px 0; text-align:center; color:#666; }
header .search_wrap .search_box .search_list ul { max-height:600px; overflow-y:auto; }
header .search_wrap .search_box .search_list ul li { padding:15px 20px; border-bottom:1px solid #e5e7eb; position:relative; display:flex; align-items:center; }
header .search_wrap .search_box .search_list ul li:last-child { border:0; }
header .search_wrap .search_box .search_list ul li:hover { background:#f0f3fa; }
header .search_wrap .search_box .search_list ul li p { padding:0 30px; font-size:16px; }
header .search_wrap .search_box .search_list ul li span.icon_box { width:24px; height:24px; position:absolute; top:50%; transform:translateY(-50%); background-size:120px; }
header .search_wrap .search_box .search_list ul li span.arrow { right:20px; background-position:-24px 0; }

/* 공용 */
.inner_wrap { width:100%; max-width:1536px; height:100%; margin:0 auto; display:flex; }
.mb { display:none; }
span.icon_box { display:inline-block; background:url('/image/icon.svg')no-repeat; }
body { position:relative; }
body.oh .bg { width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.1); backdrop-filter:blur(50px); }
body.oh header { border:0; background:none; }
body.oh header .logo { display:none; }
.path { color:#003265; }

@media only screen and (max-width:768px){
    .inner_wrap { width:90%; max-width:none; }
    .mb { display:block; } 
    body.oh .bg { z-index:2; }
    body.oh .menu { display:none; }
    header { z-index:3; }
    header .inner_wrap { position:relative; }
    header .logo { margin-left:35px; font-size:16px; }
    header .search_wrap button { width:auto; box-shadow:1px 1px 0.5px rgba(0,0,0,0.1) }
    header .search_wrap button span { display:none; }
    header .search_wrap button img { width:22px; }
    header .search_wrap .search_box { width:100%; top:20px; z-index:3; }
    header .search_wrap .search_box .search_list ul { max-height:400px; }
    header .search_wrap .search_box .search_list ul li { padding:10px 20px; }
    header .search_wrap .search_box .search_list ul li p { font-size:14px; }
    header .menu { border:0; position:absolute; top:50%; left:0; transform:translateY(-50%); background:none; }
}