@charset "UTF-8";

.gnb { padding: 0; color: #070707; background: #ECEBEB; }
@media (max-width: 991px){
    .gnb .container { padding: 0; }
	.gnb h3 { font-size: 1.3em }
}

/* pc메뉴 */
nav { position: relative; }
nav .top_logo a { display: block; }
    nav .top_logo img{ width: auto; }

nav > .container { display: flex; flex-wrap: wrap; align-items: center; }
nav .menu { display: flex; flex-wrap: wrap; gap: 30px; margin-left: auto; }
    nav .menu a { display: flex; align-items: center; height: 72px; padding: 0 10px; }

.sub_menu { width: 100%; position: absolute; top: 72px; left: 0; z-index: 999999; transition:all ease-in-out .3s; opacity: 0; height: 0; overflow: hidden; }
    .sub_menu > div { overflow: hidden; }
    .sub_menu .menu_title { width: 150px; text-align: center; float: left; }
    .sub_menu .menu_title span { display: block; padding: 0 0 15px 0; }
    .sub_menu .menu_list { display: flex; flex-direction: column; gap: 30px; width: calc(100% - 150px); float: left; }
    .sub_menu ul {  display: flex; flex-wrap: wrap; gap: 10px; }
    .sub_menu ul a { display: block; padding: 10px 20px; color: #030303; border: 1px solid #030303; border-radius: 3px; background: #fff; }
    .sub_menu ul a:hover { color: #fff; background: #077AD2; }
    .sub_menu p a { display: inline-block; padding: 0 30px; }

nav:hover .sub_menu { display: block; padding: 50px 0; height: auto; opacity: 1; }

/*모바일메뉴*/
.mob_nav { display: flex; align-items: center; gap: 5px; width: 100%; height: 40px; padding: 0 10px; }
.mob_nav .mob_tel  { font-weight: 800; }
.mob_nav .mob_btn { width: 30px; margin-left: auto; }

#menu { width: 90%; height: 100vh; background: #fff;
		position: fixed; top: 0; left: -110%; z-index: 999999; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } /*메뉴 영역*/
#menu .close { width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; opacity: 1; cursor: pointer; }/*닫기 버튼*/
#menu.open { left: 0px; }

html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다.*/
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0); z-index: 99999; display: none; }
.page_cover.open { display: block; }

#menu .menu_logo { padding: 20px 15px; }
#menu .menu_wrap { height: calc(100% - 70px); padding: 10px 20px; overflow-y: scroll; }
    #menu .menu_wrap > ul > li { padding: 5px 0; border-bottom: 1px solid #BEBEBE; }
    #menu .menu_wrap div,
    #menu .menu_wrap a { display: block; padding: 3px 0; }
    #menu .nav_left_sub_menu { padding: 5px 10px; border-top: 1px solid #BEBEBE; }

#menu .tel { padding: 30px 0 0 0 !important; border-bottom: 0 !important; }
    #menu .tel .tt01 { font-size: 1.1em; font-weight: 600; }
    #menu .tel .tt02 { padding: 2px 0; font-size: 24px; line-height: 1em; font-weight: 800; }
    #menu .tel span { display: inline-block; width: 30px; height: 30px; line-height: 24px; padding: 0 8px; border-radius: 50px; vertical-align: middle; background: #077AD2; }

/* 하단 정보 */
footer { padding: 50px 0 200px 0; background: #202226; }
footer .lnk { display: flex; flex-wrap: wrap; gap: 15px 5px; font-size: 18px; color: #FFFFFF; }
    footer .lnk a, footer .lnk i { line-height: 1em; }
    footer .lnk p { padding: 10px 0; color: #fff; } 
    footer .lnk .btn_bottom { display: inline-block; padding: 10px 20px; color: #fff; border: 1px solid #CEE3F3; background: #518fa3; }
    @media (max-width: 991px){
        footer { padding: 20px 0 220px 0; }
        footer .lnk { gap: 10px 5px; font-size: 12px; }
    }

footer .info { padding: 50px 0 0 0; }
footer .info dl { display: flex; flex-wrap: wrap; gap: 20px 40px; }
    footer .info dt { width: 200px; }
    footer .info dd { color: #B5B5B5; }
    footer .info dd span { display: inline-block; padding: 1px 10px; }
    @media (max-width: 991px){
        footer .info { padding: 20px 0 0 0; }
    }

footer .com { padding: 30px 0 0 0; color: #FFFFFF; }
footer .com h5{ font-weight: 700; }
footer .com .h6 { font-weight: 300; }
footer .com .h5 { padding: 5px 0 0 0; }
footer .com span{ float: right; font-weight: 700; }

footer .copy { padding: 10px 0 0 0; font-size: 12px; color: #FFFFFF; }