#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper form,#wrapper fieldset,#wrapper img,
#mb_login h1,#mb_login h2,#mb_login h3,#mb_login h4,#mb_login h5,#mb_login h6,#mb_login form,#mb_login fieldset,#mb_login img {margin:0;padding:0;border:0}
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,
#mb_login h1,#mb_login h2,#mb_login h3,#mb_login h4,#mb_login h5,#mb_login h6 {font-size:1em;font-family:'Pretendard', 'Malgun Gothic', dotum, sans-serif}

#wrapper p {margin:0;padding:0;word-break:break-all}

#wrapper *,#wrapper :after,#wrapper :before,
#mb_login *,#mb_login :after,#mb_login :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


@media(max-width:1700px) {
    #hd, #wrapper, #ft {min-width:100%;}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100%;padding:0 20px;}
}


/* 서브페이지 */
.detail-sub .breadcrumb {position:absolute;bottom:0;right:0;}
.detail-sub .breadcrumb ul {display:flex;justify-content:flex-start;align-items:center;gap:40px;}
.detail-sub .breadcrumb ul li {position:relative;color:rgba(255, 255, 255, 0.6);font-size:16px;font-weight:600;line-height:1.4;}
.detail-sub .breadcrumb ul li::before {content:url(../img/icon_arrow_w.png);width:18px;height:18px;display:inline-block;position:absolute;top:3px;left:-30px;}
.detail-sub .breadcrumb ul li:first-child::before {content:none;}
.detail-sub .breadcrumb ul li a {}
.detail-sub .breadcrumb ul li a:hover {}
.detail-sub .breadcrumb ul li:first-child a {display:inline-block;background:url(../img/icon_home_w.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:24px;width:24px}

@media(max-width:900px) {
    .detail-sub .breadcrumb {position:relative;bottom:-30px;}
    .detail-sub .breadcrumb ul li:first-child a {width:18px;height:18px;background-size:cover;}
    .detail-sub .breadcrumb ul li {font-size:12px;}
    .detail-sub .breadcrumb ul li::before {top:-3px;}
}


/* 게시판 레이아웃 */
#sub_top {width:100%;padding:80px 0 0;}
#sub_top .container {max-width:1640px;margin:0 auto;position:relative;}
#sub_top .container .title {padding:122px 0;}
#sub_top .container .title h2 {color:#222;font-family:'Nanum Myeongjo', serif;font-size:58px;font-weight:700;line-height:1.5;}
#sub_top .container .breadcrumb {position:absolute;top:50%;right:0;}
#sub_top .container .breadcrumb ul {display:flex;justify-content:flex-start;align-items:center;gap:40px;}
#sub_top .container .breadcrumb ul li {position:relative;color:rgba(34, 34, 34, 0.6);font-size:16px;font-weight:600;line-height:1.4;}
#sub_top .container .breadcrumb ul li::before {content:url(../img/icon_arrow.png);width:18px;height:18px;display:inline-block;position:absolute;top:3px;left:-30px;}
#sub_top .container .breadcrumb ul li:first-child::before {content:none;}
#sub_top .container .breadcrumb ul li a {}
#sub_top .container .breadcrumb ul li a:hover {}
#sub_top .container .breadcrumb ul li:first-child a {display:inline-block;background:url(../img/icon_home.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:24px;width:24px}

@media(max-width:900px) {
    #sub_top {padding:80px 0;}
    #sub_top .container {padding:0 20px;}
    #sub_top .container .title {padding:60px 0 20px;}
    #sub_top .container .title h2 {font-size:40px;}
    #sub_top .container .breadcrumb {position:static;top:0;right:0;}
}

#sub_menu {width:100%;border-bottom:1px solid rgba(34, 34, 34, 0.1);}
#sub_menu .container {max-width:1640px;margin:0 auto;position:relative;}
#sub_menu .container ul {display:flex;justify-content:flex-start;align-items:center;}
#sub_menu .container ul li {display:flex;width:200px;height:55px;}
#sub_menu .container ul li a {display:block;width:100%;color:rgba(34, 34, 34, 0.4);font-size:22px;font-weight:600;line-height:1.6;}
#sub_menu .container ul li a:hover {color:#d9b176;}
#sub_menu .container ul li.active a {color:#d9b176;position:relative;}
#sub_menu .container ul li.active a::after {content:'';display:block;width:100%;height:3px;background:#d9b176;position:absolute;bottom:-3px;left:0;}

@media(max-width:900px) {
    #sub_menu .container ul {padding-bottom:3px;overflow-x:auto;}
    #sub_menu .container ul li {text-align:center;}
    #sub_menu .container ul li a {padding:10px;font-size:16px;white-space:nowrap;}
}


/* 헤더 */
.header-wrapper .nav-menu {transition:all 0.3s;}
.header-wrapper .nav-wrapper {transition:all 0.3s;}
.header-wrapper .logout-btn i {color:#fff;font-size:18px;}
.header-wrapper:hover .nav-menu, .header-wrapper:hover .submenu-list {transform:scaleX(1) !important;}
.header-wrapper:hover .header-left img {content:url(/pages/img/logo_b.png);}
.header-wrapper:hover .header-right .law-btn img {content:url(/pages/img/icons/lawBtn.png);}
.header-wrapper:hover .header-right .login-btn img {content:url(/pages/img/icon_login_b.png);}
.header-wrapper:hover .header-right .logout-btn i {color:#222;}
.header-wrapper:hover .nav-menu {padding:0 430px;}
.header-wrapper:hover .nav-wrapper {padding:0 430px;}
.header-wrapper.black .header-left img {content:url(/pages/img/logo_b.png);}
.header-wrapper.black .header-right .law-btn img {content:url(/pages/img/icons/lawBtn.png);}
.header-wrapper.black .header-right .login-btn img {content:url(/pages/img/icon_login_b.png);}
.header-wrapper.black .header-right .login-btn .text {color:#222;}
.header-wrapper.black .header-right .logout-btn i {color:#222;}
.header-wrapper.black .header-right .logout-btn .text {color:#222;}
.header-wrapper.black .nav-menu .nav-item {color:#222;}
.header-left {position:relative;z-index:100;}
.header-right {position:relative;z-index:100;}


.header-wrapper header {position:absolute;}
.header-wrapper header.fixed { position: fixed; top: 0; }
.header-wrapper header.scroll_head { background:#fff; }