/* 공동 */
.mb { display:none; }
.project_wrap > .inquire_btn { padding:15px; color:#fff; font-weight:700; border:0; border-radius:20px; position:fixed; bottom:30px; right:30px; display:flex; align-items:center; background:#6639E5; }
.project_wrap > .inquire_btn img { width:18px; margin-right:10px; }
/********** side **********/
.project_wrap .side { position:fixed; bottom:20px; right:20px; z-index:100; }
.project_wrap .side div button { width:70px; height:70px; margin-top:10px; font-weight:500; font-size:12px; border:0; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,0.2); display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; }
.project_wrap .side div button img { width:18px; margin-bottom:5px; }
.project_wrap .side div button.talk { background:#6639e5; color:#fff; }
/**************************/
.inner_wrap { width:1200px; height:100%; margin:0 auto; display:flex; }
main section { padding:100px 0; }
main section .inner_wrap { align-items:center; }
main section .text_box h2 { font-size:54px; font-weight:700; line-height:70px; }
main section .text_box h2 span { color:#6639E5; }
main section .text_box h5 { margin:0; font-size:24px; font-weight:600; color:#6639E5; }
main section .text_box h4 { font-size:45px; font-weight:700; line-height:60px; }
main section .text_box h4 span { color:#6639E5; }
main section .text_box p { margin-top:25px; font-size:20px; line-height:32px; }
main section .text_box a { margin-top:20px; font-size:20px; font-weight:600; color:#6639E5; display:inline-block; }
main section .button_box { margin-top:25px; display:flex; gap:10px; justify-content:center; }
main section .button_box button { min-width:140px; height:50px; font-size:16px; font-weight:500; line-height:50px; border:1px solid #999; border-radius:10px; background:none; }
main section .button_box button:hover { background:#f1ecff; }
main section .button_box button.main { color:#fff; border:0; background:#6639E5; }
main section .button_box button.main:hover { background:#5930cf; }
main section .button_box button img { width:15px; }
/* header */
header { height:80px; border-bottom:1px solid #e5e7eb; box-shadow:0 1px 5px rgba(0,0,0,0.1); position:sticky; top:0; left:0; background:#fff; z-index:1; }
header .inner_wrap { display:flex; gap:40px; align-items:center; }
header .logo { font-size:18px; font-weight:700; }
header nav { flex:1 1 auto; }
header nav ul { gap:20px; display:flex; align-items:center; }
header nav ul li a { padding:0 15px; font-weight:500; line-height:36px; border-radius:5px; display:inline-block; }
header nav ul li a:hover { background:#f1f1f1; }
header nav ul li .dropdown button { width:100%; height:36px; padding:0 15px; font-weight:500; border:0; border-radius:5px; display:flex; justify-content:space-between; align-items:center; background:none; }
header nav ul li .dropdown button:hover { background:#f1f1f1; }
header nav ul li .dropdown button span { margin-left:10px; }
header nav ul li .dropdown .dropdown-menu { width:200px; min-width:auto; padding:10px; }
header nav ul li .dropdown .dropdown-menu li { margin-top:5px; }
header nav ul li .dropdown .dropdown-menu li:first-child { margin:0; }
header nav ul li .dropdown .dropdown-menu li a { width:100%; padding:5px 10px; border-radius:5px; font-weight:700; display:inline-block; }
header nav ul li .dropdown .dropdown-menu li a span { font-size:12px; font-weight:400; }
header nav ul li .dropdown .dropdown-menu li a:hover { font-weight:500; background:#f0f3fa; }
header .right ul { gap:20px; display:flex; flex:1 1 auto; align-items:center; }
header .right ul li a { padding:0 15px; color:#fff; line-height:36px; border-radius:5px; display:inline-block; background:#6639E5; }
header .right ul li a:hover { background:#5930cf; }
/* footer */
footer { padding:50px 0; border-top:1px solid #e2e8f0; }
footer .inner_wrap { display:block; }
footer .footer_info { font-size:12px; text-align:center; }
footer .footer_info span { padding:0 5px; }
footer .copyright { margin-top:10px; font-size:12px; text-align:center; }
footer .copyright span { margin-right:10px; font-size:16px; font-weight:700; }
footer div { margin-top:10px; display:flex; justify-content:center; }
footer div button { padding:0 5px; border:0; font-size:12px; text-decoration:underline; text-underline-position:under; background:none; }


@media only screen and (max-width:768px){
    /* 공동 */
    .mb { display:block; }
    .pc { display:none; }
    .inner_wrap { width:90%; }
    .project_wrap > .inquire_btn { padding:10px; font-size:14px; border-radius:12px; }
    .project_wrap > .inquire_btn img { width:16px; }
    main section { padding:50px 0; }
    main section .inner_wrap { display:block; }
    main section .text_box { text-align:center; }
    main section .text_box h2 { font-size:28px; line-height:36px; }
    main section .text_box p { margin-top:10px; font-size:18px; line-height:26px; }
    main section .text_box h5 { font-size:18px; }
    main section .text_box h4 { font-size:25px; line-height:32px; }
    main section .text_box a { font-size:18px; }
    main section .button_box { flex-direction:column; }
    main section .button_box button { justify-content:center; }
    /* header */
    header { height:56px; }
    header .inner_wrap { justify-content:space-between; }
    header .logo { font-size:16px; }
    header .menu_btn { width:25px; height:25px; border:0; background:url('/image/menu.svg')no-repeat 0 0; background-size:50px; }
    header .menu_btn.active { background-position:-25px 0; }
    header .right { display:none; }
    header nav.active { display:block; }
    header nav { display:none; width:100%; height:100%; position:fixed; top:56px; left:0; background:#fff; }
    header nav ul { display:block; }
    header nav ul li { border-bottom:1px solid #f1f1f4; }
    header nav ul li a { width:100%; padding:0 20px; line-height:60px; display:inline-block; }
    header nav ul li .dropdown button { height:60px; padding:0 20px; }
    header nav ul li .dropdown button:hover { background:none; }
    header nav ul li .dropdown .dropdown-menu { width:100%; margin:0; box-shadow:none; border:0; position:inherit; background:#f1f1f1; }
    header nav ul li .dropdown .dropdown-menu li a:hover { font-weight:500; background:none; }
    header nav ul li.login { width:90%; border:0; position:fixed; bottom:20px; left:5%; }
    header nav ul li.login a { width:100%; padding:0 15px; color:#fff; line-height:50px; border-radius:5px; text-align:center; display:inline-block; background:#6639E5; }
}