@charset "utf-8"; 

/* reset */
html{height:100%; font-size:10px/*rem font-size reset*/; scroll-behavior:smooth}
body{overflow-wrap:break-word; word-wrap:break-word; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%}

.menubar *,
.menubar ::before, .menubar ::after,
.menu-body *,
.menu-body ::before, .menu-body ::after{margin:0; padding:0; box-sizing:border-box}

.menubar img, .menu-body img{display:block; max-width:100%; border:0}
.menubar a, .menu-body a{color:inherit; text-decoration:none}
.menubar button, .menu-body button{background:transparent; border:0; outline:0; -webkit-appearance:none}
.menubar :focus, .menu-body :focus{outline:0}

.menubar button, .menu-body button{font-size:inherit; font-family:inherit}

/* .menubar, .menu-body{background:#f7f7f7; font-size:1.6rem; line-height:1.5em; font-family:'Pretendard','맑은고딕',"돋움",sans-serif; color:#222; overflow-x:hidden} */
.menubar, .menu-body{background:#f7f7f7; font-size:1.6rem; line-height:1.5em; font-family:'Pretendard','맑은고딕',"돋움",sans-serif; color:#222}
.menubar{overflow-x:hidden}

/* header*****/
.m_header_wrap{display:flex; justify-content:space-between; align-items:center; position:relative; z-index:50000; width:100%; height:62px; padding:0 34px; background:#fff; border-bottom:1px solid #d2d2d2}
.m_header_wrap .m_header_logo a{display:block}
.m_header_wrap .m_header_logo a img{height:36px}

.m_header_wrap .menu-trigger{display:flex; flex-wrap:wrap; width:40px; height:40px; padding:3px; cursor:pointer}
.m_header_wrap .menu-trigger span{display:block; width:13px; height:13px; margin:2px; border:2px solid #222; border-radius:4px}

/* side menu*****/
.menu-body .menu-head{padding:16px 30px; background:#1f54b3}
.menu-body .menu-head .all_menu{font-size:1.8rem; line-height:30px; color:#fff; letter-spacing:-0.04em}
.menu-body .menu-head .m_btn_home{display:block; position:absolute; top:15px; right:60px; width:30px; height:30px; padding:4px}
.menu-body .menu-head .m_btn_home img{width:22px}
.menu-body .menu-head .m_btn_menu_close{position:absolute; top:15px; right:20px; z-index:1001; width:30px; height:30px; text-align:center; cursor:pointer}
.menu-body .menu-head .m_btn_menu_close i{display:block; font-size:3rem; line-height:30px; color:#fff}

.menu-body .menu-container{background:#fff}
.menu-body .menu-items .menu-items li a,
.menu-body .menu-items .dropdown-heading{display:block; position:relative; padding:20px 30px; border-bottom:1px solid #cacaca; font-size:1.7rem; line-height:20px; cursor:pointer; user-select:none; -webkit-user-select:none}
.menu-body .menu-items .dropdown-heading i{position:absolute; top:22px; right:30px; height:15px; transition:0.3s}
.menu-body .menu-items .dropdown-heading i span{display:block; text-indent:-99999px}
.menu-body .menu-items .dropdown-heading .d-arrow.d-down{transform:rotateZ(180deg); -webkit-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); transition:0.360s; -webkit-transition:0.360s; -moz-transition:0.360s}

.menu-body .menu-items .has-sub ul{display:none; background:#eff4fe; overflow:hidden}
.menu-body .menu-items .has-sub ul li a,
.menu-body .menu-items .has-sub ul li .dropdown-heading{display:block; position:relative; padding:13px 30px 13px 45px; border-bottom:1px solid #c1c1c1; font-size:1.5rm; transition:.1s}
.menu-body .menu-items .has-sub ul li a::before,
.menu-body .menu-items .has-sub ul li .dropdown-heading::before{display:block; content:""; position:absolute; top:22px; left:35px; width:2px; height:2px; background:#222; border-radius:50%}
.menu-body .menu-items .has-sub ul li .dropdown-heading i{height:10px; top:18px; right:45px; font-size:1.3rem}

.menu-body .menu-items .has-sub .has-sub ul{background:#f9f9f9}
.menu-body .menu-items .has-sub .has-sub ul li a,
.menu-body .menu-items .has-sub .has-sub ul li .dropdown-heading{padding:8px 30px 10px 58px; font-size:1.4rem; border-bottom:1px solid #d9d9d9}
.menu-body .menu-items .has-sub .has-sub ul li a::before,
.menu-body .menu-items .has-sub .has-sub ul li .dropdown-heading::before{top:19px; left:48px; width:4px; height:1px; background:#555}

.menu-body .menu_call_wrap{width:100%; padding:30px 20px; background:#f8f8f8; font-weight:300; letter-spacing:-0.02em}
.menu-body .menu_call_wrap .menu_call_text{width:280px; margin:0 auto; padding-left:50px; background:url(../../images/m/common/m_call_center.png) no-repeat; background-size:40px}
.menu-body .menu_call_wrap .call_num{color:#404040}
.menu-body .menu_call_wrap .call_num span{display:inline-block; vertical-align:top}
.menu-body .menu_call_wrap .call_num .name{font-size:1.8rem; line-height:20px}
.menu-body .menu_call_wrap .call_num .num{font-size:2rem; line-height:20px; font-weight:500; color:#222}
.menu-body .menu_call_wrap .call_time{font-size:1.4rem; line-height:16px}
.menu-body .menu_call_wrap .call_time span{font-weight:500; color:#222}
.menu-body .menu_call_wrap .call_lunch{padding-left:58px; font-size:1.4rem; line-height:16px}


@media all and (max-width:750px)  {
    .m_header_wrap{padding:0 20px}
}
@media all and (max-width:500px)  {
    html{font-size:9px}
}
@media all and (max-width:380px)  {
    .m_header_wrap{padding:0 15px}
    .m_header_wrap .m_header_logo a img{height:32px}
    .m_header_wrap .menu-trigger{padding:6px}
    .m_header_wrap .menu-trigger span{width:12px; height:12px; margin:1px}
}




/** popup*/
.layer_popup_wrap{position:fixed; top:0; left:0; z-index:999000; width:100vw; height:100vh; background:rgba(0,0,0,0.6)}
.layer_popup_wrap .popup_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.layer_popup_wrap .popup_box.main_popup{max-width:500px; width:90%}
.layer_popup_wrap .popup_box .popup_close_wrap > div{display:flex}
.layer_popup_wrap .popup_box .popup_close_wrap{display:flex; justify-content:space-between; padding:10px; background:#eaeaea; line-height:20px}
/* .layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']{position:relative; width:20px; height:20px; line-height:20px; appearance:none; cursor:pointer} */
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']{position:relative; width:20px; height:15px; line-height:20px; appearance:none; cursor:pointer}
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']::before{display:block; content:""; position:absolute; top:2px; left:0; width:16px; height:16px; background:#fff}/*배경*/
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']::after{display:block; content:""; position:absolute; top:0px; left:3px; width:10px; height:16px; border:solid #cdcdcd; border-width:0 3px 3px 0; transform:rotate(45deg)}/*체크*/
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']:checked::before{background:#fff}
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']:checked::after{border-color:#086db5}
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']:disabled::before{background:#dadada; border-color:#cfcfcf}
.layer_popup_wrap .popup_box .popup_close_wrap label{display:inline-block; font-size:1.5rem; line-height:20px; vertical-align:top; cursor:pointer}
.layer_popup_wrap .popup_box .popup_close_wrap label:hover{color:var(--point_deep); transition:color 0.3s}
.layer_popup_wrap .popup_box .popup_close_wrap input[type='checkbox']:checked + label{font-weight:700; color:#086db5}
.layer_popup_wrap .popup_box .popup_close_wrap .btn_popup_close{display:block; font-size:1.5rem; line-height:20px}
.layer_popup_wrap .popup_box .popup_close_wrap .btn_popup_close i{margin-right:5px; line-height:20px; vertical-align:top;}