
/*상단네비*/
.project_wrap .header_section {position:absolute; left:0; right:0; top:0; z-index:9; width:100%; min-width:1024px; height:50px;}
.project_wrap .header_section .logo_wrap {width:310px; height:50px; position:relative; float:left;}
.project_wrap .header_section .logo_wrap .logo {position:absolute; top:50%; left:21px; transform:translateY(-50%); width:30px;}
.project_wrap .header_section .logo_wrap span {position:absolute; top:50%; left:90px; transform:translateY(-50%); font-size:18px; font-weight:700; width:calc(100% - 110px);}

.project_wrap .header_section .search_wrap {width:calc(100% - 310px); height:50px; display:table; padding-right:10px;}
.project_wrap .header_section .search_wrap .search_box {width:calc(100% - 400px - 120px); float:left; height:50px; padding:7px 0; position:relative;}
.project_wrap .header_section .search_wrap .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px;}
.project_wrap .header_section .search_wrap .search_box input {width:calc(100% - 30px); height:36px; border:solid 1px #3985EA; border-radius:5px; background:rgb(57 133 234 / 15%); position:absolute; left:0; padding:0 40px; text-align:center;}
.project_wrap .header_section .search_wrap .search_box .search_list_modal { width:550px; padding:10px 20px 5px; border-radius:5px; border:1px solid #B5BDC4; display:none; position:absolute; top:50px; background:#fff; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list { width:100%; max-height:180px; overflow-y:auto; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li { width:100%; padding:5px 0; display:table; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p { padding:0 5px; line-height:25px; position:relative; display:inline-block; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p::after { width:1px; height:60%; content:''; display:block; position:absolute; top:20%; left:0; background:#E9ECF0; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p.first { padding-left:0; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p.first::after { display:none; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box { display:table; float:right; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box button { font-size:12px; padding:0 10px; line-height:25px; border-radius:5px; color:#fff; background:#3985EA; float:left; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box button.register_btn { margin-left:5px; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list_button button { width:100%; color:#3985EA; border-top:1px solid #E9ECF0; background:none; }
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list_button button img { width:24px; height:24px; margin-top:-3px; position:static; transform:none; }

.project_wrap .header_section .search_wrap .btn_box { height:50px; padding:7px 0; position:absolute; top:0; right:120px;}
.project_wrap .header_section .search_wrap .btn_box button {background:#3985EA; border-radius:16px; color:#fff; margin-right:16px;}
.project_wrap .header_section .search_wrap .btn_box button.last {margin:0;}
.project_wrap .header_section .search_wrap .btn_box button img {position:relative; top:-2px; margin-right:5px;}

.project_wrap .header_section .search_wrap .dropdown_box {width:120px; text-align:center; float:right; position:relative; padding:0 20px;}
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn {display:block; height:50px;}
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn img {float:left; position:relative; top:13px;}
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn p {width:calc(100% - 24px); float:right; line-height:50px;}
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list {min-width:max-content; overflow:hidden; max-height:0; transition:max-height 1s; border-radius:5px; box-shadow:0 3px 6px rgb(0 0 0 / 8%); position:absolute; width:100%; right:0;}
.project_wrap .header_section .search_wrap .dropdown_box:focus .dropdown_list, .project_wrap .header_section .search_wrap .dropdown_box:focus-within .dropdown_list {max-height:200px;}
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li {background:#fff; border-top:solid 1px #D8DDE3;}
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li:nth-child(1) {border:none;}
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li a {width:100%; clear:both; font-weight:400; color:#212529; text-align:inherit; white-space:nowrap; border:0; font-size:14px; font-weight:700; line-height:50px; border-radius:0; display:block;}

/*왼쪽메뉴*/
.project_wrap .content_section .menu_list {width:72px; height:calc(100vh - 50px); float:left; background:#EDF5FF;}
.project_wrap .content_section .menu_list li {width:100%; height:72px; display:inline-block;}
.project_wrap .content_section .menu_list li a { width:100%; height:100%; padding-top:5px; text-align:center; font-size:14px; background:#EDF5FF; display:block; position:relative; }
.project_wrap .content_section .menu_list li a span { color:#3985EA; }
.project_wrap .content_section .menu_list li a.on {background:#3985EA; border:none;}
.project_wrap .content_section .menu_list li a.on span  {color:#fff;}
.project_wrap .content_section .menu_list li a img {margin:0 auto; display:block;}



/*반응형 View*/
@media only screen and (max-width:1500px) {
    .project_wrap .header_section .search_wrap .btn_box button { margin-right:10px; padding-right:15px; }
    .project_wrap .header_section .search_wrap .search_box input { width:100%; }
    .project_wrap .header_section .logo_wrap { width:232px; }
    .project_wrap .header_section .search_wrap { width:calc(100% - 232px); }
}

@media only screen and (max-width:1280px) {
    .project_wrap .header_section .logo_wrap { width:220px; }
    .project_wrap .header_section .logo_wrap .logo {left:15px;}
    .project_wrap .header_section .logo_wrap span {left:80px;}
    .project_wrap .header_section .search_wrap { width:calc(100% - 220px); }
    .project_wrap .header_section .search_wrap .search_box input { height:32px; }
    .project_wrap .header_section .search_wrap .dropdown_box { width:110px; }
    .project_wrap .header_section .search_wrap .search_box { width:calc(100% - 440px); }

    .project_wrap .content_section .menu_list {width:60px;}
    .project_wrap .content_section .menu_list li {width:60px; height:60px;}
    .project_wrap .content_section .menu_list li a { padding:0; }
    .project_wrap .content_section .menu_list li a span {display:none;} 
    .project_wrap .content_section .menu_list li a img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
    
}

@media only screen and (max-width:1080px) {
    .project_wrap .header_section .logo_wrap .logo {left:10px;}
    .project_wrap .header_section .logo_wrap span {left:70px;}
    
    .project_wrap .content_section .menu_list {width:50px;}
    .project_wrap .content_section .menu_list li {width:50px; height:50px;}
}

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