/* 사전 설정 */
:root {
    --color1:#e79e24;
    --color2:#427ce7;

    --eng: "Montserrat", sans-serif;
    --suit: "suit", sans-serif;
    --seoul:  'SeoulNamsanM',  sans-serif;
    --pre: 'Pretendard', 'Noto Sans KR', sans-serif;
    --ko: "Noto Serif KR", serif;

    --tit: 20px;
    --subj: 18px;
    --cont: 16px;
}
@font-face {
    font-family: 'SeoulNamsanM';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#header > .inner, #footer > .inner, .sub_location, .shgroup .sub_top_text .top_text_inner, .contents_wrap .sub_location, .contents_wrap .sub_top_title {max-width:1400px; margin: 0 auto;}

#gnb_m {display: none;}
.lnb_p .dep1 > li > a {color: #000;}
.lnb_p .dep1 > li > a > span{font-family: var(--suit); font-weight: 500;}
#header .logo h1 span img {max-width: 300px; min-height: 40px;}

#lnb_p_all_wrap .btn_lnb_all_p > span,
#lnb_p_all_wrap .btn_lnb_all_p > span:after,
#lnb_p_all_wrap .btn_lnb_all_p > span:before{background: #000;}

.lnb_p .dep1 > li > div:before{background: #fff; box-shadow: 5px 5px 16px rgba(0,0,0,.01);}

.contents .sub_top_title {font-family: 'SeoulNamsanM'; color: #000;}


#sub_view #container .snb .dep1 li a{font-size: 14px;}
#sub_view #container .snb .dep1 li a > span {font-family: var(--suit);}
#sub_view #container .contents{padding: 0;}
/* 글로벌 메뉴 (로그인,회원가입) */
#header .h_right {display: none;}

/* footer  */
#footer{background: #1e1e1e;}
#footer * {font-family: var(--suit);}
#footer .copyright {font-size: 12px;}
#footer .finfo p {font-size: 13px; padding: 4px 15px 4px 0;}
#footer .finfo p .title{color: #fff; font-weight: 700;}
#footer .finfo a {color: #fff;}
#footer .f_logo {max-width: 200px; margin-bottom: 1em;}

/* subtitle */
#sub_view #container .snb_wrap {display:block;}

.shgroup {position:relative}
.shgroup > a {display:none;position:relative;width:100%;height:40px;line-height:40px;margin:0;padding:0 40px;border:none;box-sizing:border-box;background:#01818c;font-size:16px;color:#ffffff;text-align:center}
.shgroup_m .sub_top_img {height: 100px;}
.shgroup > a span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.shgroup > a i {display:block;position:absolute;top:0;width:40px;height:40px;font-size:0}
.shgroup > a i:before {content:'';position:absolute;top:50%;left:50%;border:8px solid transparent;opacity:.5}
.shgroup > a i:after {content:'';position:absolute;top:50%;left:50%;border:8px solid transparent}
.shgroup > a i {left:0}
.shgroup > a i:before {margin:-8px 0 0 -12px;border-right-color:#ffffff}
.shgroup > a i:after {margin:-8px 0 0 -10px;border-right-color:#01818c}
.shgroup > .shgroup_pc {max-height:240px;position:relative;box-sizing:border-box;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.shgroup .sub_top_img img {max-width:none;vertical-align:top; width: 100%; height: 100%; object-fit: cover;}
.shgroup .sub_top_text_wrap {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.shgroup .sub_top_text_wrap * {font-family:var(--suit);}
.shgroup .sub_top_text_wrap .top_text_inner {display:table;height:100%;box-sizing:border-box;padding:0 15px;}
.shgroup .sub_top_text_wrap .sub_top_title {display:table-cell;vertical-align:middle;margin:0;padding:0;font-size:20px;font-weight:bold;color:#ffffff;line-height:1.4em;}
.shgroup .sub_top_text_wrap .sub_top_text {display:table-cell;vertical-align:middle;margin:0;padding:0 0 0 10px;font-size:13px;font-weight:bold;color:#ffffff;line-height:1.4em; display:none;}


#right_side .right_side_head h1 {font-size: 14px; font-family: var(--seoul); margin-top: .5em;}
.side_menu .dep2 > li > a,
.side_menu .dep1 > li > a {font-family: var(--suit); font-weight: 500;}

.call_quick {position:relative; z-index:999}  
.call_quick .wrap {width:60px; height:60px; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:50%; box-shadow:3px 3px 12px rgba(0,0,0,0.2); position:fixed; }  
.call_quick .wrap span {font-size:30px;}  
.call_quick .wrap_call {background: #f66b00; right: 10px; bottom: 60px;}


@media (min-width: 1024px){
    /* 사전 설정 */
:root {
    --tit: 35px;
    --subj: 30px;
    --cont: 18px;
}


    #header{padding: 0;}
    #header > .inner{padding: 0;}
    #header .logo h1 span img {min-height: auto;}


    .row > .white-space{max-width:1400px !important;}
    .lnb_p { max-width:calc(100% - 320px); float: right;}
    .lnb_p .dep1 > li > a > span {font-size: 20px;}

    #sub_view #container .contents{padding: 100px 0;}
    #sub_view #container .snb .dep1 li a{font-size: 18px;}
    .shgroup .sub_top_text_wrap .sub_top_title{font-size: 30px;}
    /* footer  */
    #footer * {font-family: var(--suit);}
    #footer .f_inner {justify-content: space-between;}
    #footer .f_inner, .sub_top_title{max-width: 1400px;}
    #footer .f_inner .copyright {margin-top: 2em;}
    #footer .f_inner .copyright p {margin: 0;}
    #footer .f_inner .copyright * {color: #fff; opacity: .6;}
    #footer .finfo p {font-size: 17px;}
    #footer .copyright {font-size: 15px;}
    #footer .f_logo {max-width:max-content;}

}

/* 250411 추가 */
#footer .f_inner {display:flex; align-items:flex-start; gap:2rem;}
#footer .f_inner .flex1 {width:50%;}
#footer .f_inner  .flex2 {display:flex; gap:.5rem; width: calc(50% - 340px); justify-content: flex-end; flex-wrap: wrap; flex:1;}
#footer .f_inner  .flex2 a {height:50px; padding:.5rem 1rem; box-sizing:border-box; color:#fff; border: 1px solid #fff; background:#fff; display: flex; border-radius:5px;}
@media (max-width:1023px){
   #footer .f_inner {flex-direction: column; align-items: center;}
   #footer .f_inner .flex1 {text-align:center; width:100%;}
   #footer .f_inner  .flex2 {width:auto;justify-content: center;}
   #footer .f_inner  .flex2 a {height:40px;}
}