*{margin: 0; padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}
html{font-size: 20px;}
body{font-size: 1rem; font-family: "GmarketSans", system-ui, Apple SD Gothic Neo, Malgun Gothic, arial, sans-serif; overflow: hidden;}
img{width: 100%;}

.font-L{font-weight: 300;}
.font-R{font-weight: 400;}
.font-B{font-weight: 700;}
.font-EB{font-weight: 800;}

.pt-10{padding-top: 0.5rem;}
.pt-40{padding-top: 2rem;}
.pt-160{padding-top: 8rem;}
.pb-210{padding-bottom: 10.5rem;}
.pb-40{padding-bottom: 2rem;}

.mt-15{margin-top: 0.75rem;}
.mt-20{margin-top: 1rem;}
.mt-40{margin-top: 2rem;}
.mt-48{margin-top: 2.4rem;}
.mt-60{margin-top: 3rem;}
.mb-74{margin-bottom: 3.7rem;}
.mb-60{margin-bottom: 3rem;}
.mr-60{margin-right: 3rem;}

.wrap{width: 100%;}
.inner{max-width: 96rem; width: 95%; margin: auto;}
.inner-md{max-width: 60rem; width: 95%; margin: auto;}

.loading_background {background:rgba(0,0,0,0.4); width:100%; height:100%; top:0px; position:fixed; display:none; align-items:center; justify-content:center;}
.loading_background div {width:300px; height:300px; background:#fff; position:relative;}
.loading_background img {max-width:100%; width:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto;}

.main-header{width: 100%; height: 5rem; background-color: #fff;}
.main-header .inner{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; height: 100%;}
.header__logo{width: 14.8rem;}
.header__logo img{height: 100%;}
.header__menu{display: flex; width: 42rem; height: 5rem; 

}

.header__menu li{height: 100%; width: 8rem;}

.header__menu__fst-menu{height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}

.header__menu__fst-menu a{ display: block; width: 8rem; font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; color: #15568F; text-align: center;}

.header__menu li:first-child:hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:first-child:hover .header__menu__fst-menu a::before {
    content: '회사소개';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}
/*.header__menu li:nth-child(2):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(2):hover .header__menu__fst-menu a::before {
    content: '진행절차';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}
.header__menu li:nth-child(3):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(3):hover .header__menu__fst-menu a::before {
    content: '찾아오시는길';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000; word-break: keep-all;
}*/
.header__menu li:nth-child(2):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(2):hover .header__menu__fst-menu a::before {
    content: '부분';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}
.header__menu li:nth-child(3):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(3):hover .header__menu__fst-menu a::before {
    content: '포트폴리오';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}
.header__menu li:nth-child(4):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(4):hover .header__menu__fst-menu a::before {
    content: '견적문의';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}
.header__menu li:nth-child(5):hover .header__menu__fst-menu a{font-size: 0;}
.header__menu li:nth-child(5):hover .header__menu__fst-menu a::before {
    content: '질문답변';
    font-size: 0.85rem; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000;
}

.header__menu__scd-menu{width:6rem; display: flex; flex-direction: column; padding: 1.1rem 0 1.1rem 1rem; box-sizing: border-box;
    position: relative; top: -1rem; z-index: 2; background: #15568F; display: none;}
.header__menu__scd-menu a{position: relative; font-size: 0.7rem; line-height: 2.14; letter-spacing: normal; text-align: left; color: #fff;}
.header__menu__scd-menu a::after{content: ""; position: absolute; right: 0; top: 80%; width: 100%; height: 2px; background-color: #fff; display: none;}
.header__menu__scd-menu a:hover{font-weight: 700;}
.header__menu__scd-menu a:hover::after{display: block;}

.header__sns-wrap{display: flex;}
.header__sns-wrap a{margin-right: 1rem;}
.header__sns-wrap a:last-child{margin-right: 0;}

/* 모바일 메뉴 스타일 */
.toggle-mobile{display: none;}
.moblie__menubar{position: fixed; width: 60%; height: 100%; top: 0; right: -60%; z-index: 3; transition: all .5s; background-color: #fff;}
.mobile__menubar__inner{width: 90%; margin: auto; padding: 1rem 0;}
.mob_category{display: flex; justify-content: space-between; align-items: center;}
.mob-category__sns-wrap{display: flex;}
.mob-category__sns-wrap a{margin-right: 0.5rem;}
.mob-category__sns-wrap a:last-child{margin-right: 0;}
.mob-category__close{cursor: pointer; font-size: 1.8rem;}
.mobile_menu_wrap{margin-top: 1rem;}
.mobile_sub_menu>li{width: 100%; border-bottom: 1px solid #ddd;}
.mobile_sub_menu li>a{display: block; height: 100%; line-height: 2.5rem; font-size: 1rem;}
.mobile_sub_menu--second{background-color: #fafafa; display: none;}

.dim_background{width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; z-index: 2; display: none;}

.main-footer{width: 100%; border-top: 1px solid #e6e6e6;}
.footer__top{width: 100%; display: flex; justify-content: space-between; padding: 3.5rem 0;}
.footer__logo{width: 5.1rem;}
.footer__logo img{width: 100%;}
.footer__contents{flex: 8; padding-left: 4.9rem; display: flex; flex-direction: column;}
.footer__contents ul{margin-bottom: 1.1rem; display: flex;}
.footer__contents li{margin-right: 1.1rem;}
.footer__contents li:last-child{margin-right: 0;}
.footer__contents li a{font-size: 0.75rem; line-height: 1.67; font-weight: 700; letter-spacing: normal; text-align: left; color: #333;}
.footer__contents p{font-size: 0.7rem; font-weight: 300; line-height: 1.79; letter-spacing: normal; text-align: left; color: #333;}
.footer__sns{width:1.2rem; display: flex; flex-direction: column; align-items: center;}
.footer__sns a{margin-bottom: 0.5rem;}
.footer__sns a:last-child{margin-bottom: 0;}
.footer__copyright{border-top: 1px solid #e6e6e6; height: 3rem; line-height: 3rem; text-align: center; }
.footer__copyright span{font-size: 0.7rem; font-weight: 300; line-height: 1.79; letter-spacing: normal; color: #333;}

.sns_kakao {width:50px; height:50px; position:fixed; right:20px; bottom:20px; z-index:100;}

.sns_kakao .mob_btn {display:none;}

@media (max-width:1024px) {
    html{font-size: 18px;}
    .menu--pc{display: none;}
    .toggle-mobile{display: flex; align-items: center; font-size: 1.8rem; cursor: pointer;}
}

@media (max-width:759px) {
    html{font-size: 16px;}

    .footer__top{flex-direction: column;}
    .footer__logo{margin-bottom: 1.1rem;}
    .footer__contents{padding-left: 0;}
    .footer__sns{display: none;}

	.sns_kakao {bottom:70px; }
	.sns_kakao .mob_btn {display:block;}
	.sns_kakao .mob_btn img {margin-bottom:5px;}
}