@charset "UTF-8";
* {word-break: keep-all !important;}
#header { position: relative; top: 0; left: 0; right: 0; background-color: #fff; z-index: 1000; font-family: var(--mainfont) !important; }
#header.fixed { position: fixed; box-shadow: 0 .25rem .5rem rgba(0,0,0,.08); }
#header h1 { cursor: pointer; }
#header h1 img { min-width: 130px; max-width: 130px; }
#header.fixed h1 img { min-width: 130px; max-width: 130px; }
#header .header-nav { display: flex; align-items: center; }
#header .header-nav > li { position: relative; }
#header .header-nav > li > a, #header .header-side > a { color: #000000; transition: .3s; }
#header .header-nav > li > a { display: block; padding: 2.5rem; font-weight: 500; }
#header .header-nav > li > a.opened { color: #6fb7cf; }
#header .header-nav > li > a ~ ul.depth-2 { position: absolute; width: 125%; left: 1.5rem; top: calc( 100% + .5rem );  background-color: #fff; border-radius: .5rem; padding: 1rem 0; visibility: hidden; opacity: 0; pointer-events: none; transition: .5s; }
#header .header-nav > li > a ~ ul.depth-2.opened { visibility: visible; opacity: 1; pointer-events: painted; }
#header .header-nav > li ul.depth-2 li a { position: relative; display: flex; align-items: center; padding: .75rem 1.5rem; font-weight: 500; transition: .3s; }
#header .header-nav > li ul.depth-2 li a::before { position: absolute; content: ''; left: 1.5rem; bottom: 0; width: 0; height: 1px; background-color: var(--pointcolor); transition: .75s; }
#header .header-nav > li ul.depth-2 li a:hover { color: var(--pointcolor); }
#header .header-nav > li ul.depth-2 li a:hover::before { width: calc( 100% - 3rem ); }
#header .header-side > a { padding: .5rem 0; margin-left: 2rem; }
#header .header-side > a:first-child { margin-left: 0; }
#header .hamburger, #header .call { display: none; }
#header .progress-indicator { position: fixed; top: 0; left: 0; width: 0; height: .25rem; background-color: var(--pointcolor); opacity: 0; transition: .5s; }
#header .progress-indicator.active { opacity: 1; }
@media (max-width:1350px){
    #header .header-nav > li > a { padding: 2rem 1.25rem; }
}
@media (max-width:990px){
    #header { padding: 1rem 0; background-color: #fff; }
    #header h1 img { min-width: 100px; max-width: 100px; margin: auto;}
    #header.fixed h1 img { min-width: 100px; max-width: 100px; }
    #header .header-nav, #header .header-side { display: none; }
    #header .hamburger, #header .call { display: block; }
    #header .call img { width: 35px; height: auto; }
    #header.fixed .call img { width: 35px; height: auto; }

}

@media(max-width:500px) {
    #header .call img { width: 35px; height: auto; }
    #header.fixed .call img { width: 35px; height: auto; }
}

#fullMenu { display: none; }
@media (max-width:990px){
    #fullMenu { display: block; position: fixed; top: 0; left: -100%; width: 100%; min-height: 100vh; z-index: 1500; transition: .5s; }
    #fullMenu.opened { left: 0; transition: .5s; }
    #fullMenu .covered { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.75); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; z-index: -1; transition: .5s; }
    #fullMenu.opened .covered { opacity: 1; visibility: visible; z-index: 1501; }
    #fullMenu .inner { position: relative; width: 80%; min-height: 100vh; overflow-y: auto; background-color: #fff; z-index: 1510; }
    #fullMenu .full-header { padding: 1rem 5%; border-bottom: 5px solid #e6e6e6; }
    #fullMenu h2 { min-width: 25%; max-width: 25%; }
    #fullMenu h2 img { width: 100%; }
    #fullMenu .full-menu-ctrl { display: flex; align-items: center; }
    #fullMenu .full-menu-ctrl a  { display: block; margin-left: 1rem; font-size: 1.25rem; }
    #fullMenu .full-side { display: flex; align-items: center; margin: 1rem .5rem; }
    #fullMenu .full-side a { display: block; padding: 1rem 0; text-align: center; min-width: 50%; color: #fff; background-color: #333; font-size: 1.25rem; }
    #fullMenu .full-side a.signed { background-color: var(--pointcolor); }
    #fullMenu .mobile-nav { height: 80vh; background-color: #fff; overflow-y: auto; }
    #fullMenu .mobile-nav > li > a { display: block; padding: 1.25rem 5%; border-bottom: 1px solid #efefef; font-size: 1.4rem; font-weight: 700; }
    #fullMenu .mobile-nav > li > a.opened { color: var(--pointcolor); }
    #fullMenu .mobile-nav > li > a ~ ul.depth-2 { display: none; overflow-y: auto; }
    #fullMenu .mobile-nav > li ul.depth-2 li a { display: flex; align-items: center; padding: 1.25rem 5%; background-color: #f9f9f9; border-bottom: 1px solid #efefef; font-size: 1.3rem; font-weight: 500; }
    #fullMenu .mobile-nav > li ul.depth-2 li:last-child a { border-bottom: 0; }
}

#quick { position: fixed; right: 1%; top: 50%; transform: translateY(-50%); z-index: 1300; }
#quick .quick_list li:not(:last-child) { margin-bottom: .5rem; }
#quick .quick_list li a i { display: flex; align-items: center; justify-content: center; width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 50%; background-color: #000; transition: .3s; }
#quick .quick_list li a i img { height: 50%; width: auto; }
#quick .quick_list li a span { display: flex; align-items: center; justify-content: center; width: 130px; height: 40px; background-color: #000; color: #fff; font-weight: 500; margin-left: .5rem; border-radius: 2rem; font-family: var(--mainfont) !important; transition: .3s; }

#quick .quick_list li:nth-child(1) a:hover i,
#quick .quick_list li:nth-child(1) a:hover span { background-color: var(--pointcolor); }
#quick .quick_list li:nth-child(2) a:hover i,
#quick .quick_list li:nth-child(2) a:hover span { background-color: #ff7358; }
#quick .quick_list li:nth-child(3) a:hover i,
#quick .quick_list li:nth-child(3) a:hover span { background-color: var(--pointcolor); }
#quick .quick_list li:nth-child(4) a:hover i,
#quick .quick_list li:nth-child(4) a:hover span { background-color: #03c75a; }
#quick .quick_list li:nth-child(5) a:hover i,
#quick .quick_list li:nth-child(5) a:hover span { background-color: #fae100; color: #000; }
#quick .quick_list li:nth-child(5) a:hover i img { filter: brightness(0); }
@media (max-width:990px){
    #quick { right: 2.5%; top: auto; bottom: 20%; transform: translateY(0); }
    #quick .quick_list li:not(:last-child) { margin-bottom: 1rem; }
    #quick .quick_list li a i { width: 50px; }
    #quick .quick_list li:nth-child(1) a i { background-color: var(--pointcolor); }
    #quick .quick_list li:nth-child(2) a i { background-color: var(--pointcolor); }
    #quick .quick_list li:nth-child(3) a i { background-color: var(--pointcolor); }
    #quick .quick_list li:nth-child(4) a i { background-color: #03c75a; }
    #quick .quick_list li:nth-child(5) a i { background-color: #fae100; }
    #quick .quick_list li:nth-child(5) a i img { filter: brightness(0); }
    #quick .quick_list li a i img { height: 40%; }
    #quick .quick_list li a span { display: none; }
}

#fastcounsel { position: fixed; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); z-index: 1000; }
#fastcounsel fieldset { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 1.5rem 0; }
#fastcounsel fieldset .inputsection { width: 65%; }
#fastcounsel fieldset .inputsection input[type=text],
#fastcounsel fieldset .inputsection input[type=tel],
#fastcounsel fieldset .inputsection select {
    padding: .5rem 1rem; border: 1px solid var(--midgraycolor); outline: 0; background-color: #fff; font-family: var(--mainfont) !important; font-size: 1rem; width: 24%;
}
#fastcounsel fieldset .inputsection select { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../../img/renewal/ico_up.svg); background-repeat: no-repeat;  background-position: 96% center;  background-size: 1.5rem; }
#fastcounsel fieldset .inputsection select
#fastcounsel fieldset .inputsection input[type=text]:focus,
#fastcounsel fieldset .inputsection input[type=text]:active,
#fastcounsel fieldset .inputsection input[type=tel]:focus,
#fastcounsel fieldset .inputsection input[type=tel]:active,
#fastcounsel fieldset .inputsection select:focus,
#fastcounsel fieldset .inputsection select:active{
    outline: 0;
}
#fastcounsel fieldset .buttonsection { width: 30%; }
#fastcounsel fieldset .buttonsection > * { width: 100%; flex-direction: column; }
#fastcounsel fieldset .buttonsection button[type=submit] {
    margin-bottom: .5rem; padding: .5rem 1rem; border: none; outline: none; font-weight: 400; color: #000;
    border-radius: .25rem; background-color: #f0ede8; font-family: var(--mainfont) !important; order: 1;
}
#fastcounsel fieldset .buttonsection button[type=submit]:hover { color: #000; }
#fastcounsel fieldset .buttonsection .privacy { font-family: var(--mainfont) !important; order: 2; }
#fastcounsel fieldset .buttonsection .privacy input[type=checkbox] { margin-right: .5rem; transform: scale(1.2); }
#fastcounsel fieldset .buttonsection .privacy a { color: #fff; font-size: .9rem; }
@media (max-width:990px){
    #fastcounsel { background-color: rgba(0,0,0,.6); }
    #fastcounsel fieldset .inputsection { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
    #fastcounsel fieldset .inputsection input[type=text],
    #fastcounsel fieldset .inputsection input[type=tel],
    #fastcounsel fieldset .inputsection select{
        padding: .75rem 1rem;
    }
    #fastcounsel fieldset .inputsection input[type=text],
    #fastcounsel fieldset .inputsection input[type=tel] { width: 30%; }
    #fastcounsel fieldset .inputsection select { width: 35%; }
    #fastcounsel fieldset .buttonsection { width: 100%; margin-top: 1rem; }
    #fastcounsel fieldset .buttonsection > * { flex-direction: row; justify-content: space-between; align-items: flex-start; }
    #fastcounsel fieldset .buttonsection button[type=submit] { order: 2; width: 35%; padding: 1rem 0; font-size: 1.5rem; }
    #fastcounsel fieldset .buttonsection .privacy { order: 1; width: fit-content; }
    #fastcounsel fieldset .buttonsection .privacy input[type=checkbox]{ transform: scale(1); }
}

#footer { background-color: #f3f3f3; padding: 120px 0 150px; letter-spacing: -0.1rem !important; font-family: 'Noto Sans Korean', sans-serif !important;}
#footer h6 {font-family: 'Noto Sans Korean', sans-serif !important;}
#footer .logo img { min-width: 130px; max-width: 130px; height: auto; }
#footer .social { margin-left: 3rem; }
#footer .social li:not(:last-child) { margin-right: .5rem; }
#footer .social li img { width: auto; height: 30px; }
#footer .footer_lower { width: calc( 100% - (130px + 3rem) ); margin-left: calc( 130px + 3rem ); margin-top: 2rem; }
#footer .footer_info { display: flex; align-items: center; flex-wrap: wrap; }
#footer .footer_info li { width: fit-content; margin-right: 4rem; }
#footer .footer_info li:last-child { margin-right: 0; }
#footer .footer_info li .split {width: 2px; height: 12px; background-color: #000; margin: 0 .5rem; }
#footer .footer_info li p {color: #4c4c4c;}
#footer .copyright { color: #7a7a7a; }

@media(max-width:1440px) {
    #footer .footer_lower {margin-left: 0; width: 90%; margin: 2rem auto 0;}
    #footer .footer_info li {margin-right: 2rem;}
}

@media (max-width:990px){
    #footer {padding: 100px 0 250px;}
    #footer .footer_upper { justify-content: space-between; }
    #footer .logo img { min-width:160px; max-width:160px; }
    #footer .social { margin-left: 0; }
    #footer .social li:not(:first-child) { margin-left: .5rem; }
    #footer .social li:not(:last-child) {  margin-right: 0; }
    #footer .social li img { height: 24px; }
    #footer .footer_lower { width: 100%; margin-left: 0; margin-top: 4rem; }
    #footer .footer_info {align-items: flex-start;}
    #footer .footer_info li { width: 50%; justify-content: center; margin-right: 0; padding: .5rem 0; align-items: baseline;}
    #footer .footer_prv { margin-top: 2rem; }
    #footer .footer_prv li { width: 100%; }
    #footer .copyright { text-align: center; margin-top: 0; }

    #footer .font-15 {font-size: 1.25rem;}
}

@media(max-width:500px) {
    #footer {padding: 80px 0 250px;}
    #footer .logo img { min-width:120px; max-width:120px; }
    #footer .footer_info li {width: 100%;}
}

#back-top { position: fixed; left: 5px; bottom: 5px; z-index: 1200; }
#back-top .back_btn { position: relative; width: 40px; height: auto; aspect-ratio: 1/1; background-color: #333; border-radius: .25rem; border: 0; outline: 0; transition: .5s; margin-top: .5rem; }
#back-top .back_btn:hover { transform: rotate(360deg); }
#back-top .back_btn img { width: 50%; height: auto; }
#back-top .back_btn#go_to_top img { transform: rotate(-90deg); }
#back-top .back_btn#go_to_btm img { transform: rotate(-270deg); }
@media (max-width:990px){
    #back-top { left: 2.5%; bottom: 22%; }
    #back-top .back_btn { width: 50px; }
}

@media(max-width:500px) {
    #back-top { bottom: 17%; }
}