html {scroll-behavior: smooth;}
body {overflow-x: hidden;}
img { max-width:100%; } 

/* 공통적용 */
.inner { width: 90%; margin:0 auto; max-width: 1600px; } 
.bold {font-weight: 700;}
.icon {aspect-ratio: 1/1; font-size: 0; flex-shrink: 0;}
.icon img {width: 100%; height: 100%; object-fit: contain;}
.colorPink {color: var(--mainPink);}
.text-c {text-align: center;}


/* 비메오, 유튜브 */
.video_container {position: relative; aspect-ratio: 16/9; overflow: hidden; max-width: 100%;}
.video_container iframe {width: 100%; height: 100%; }
.video_container.vtc {aspect-ratio: 9/16;}

/* padding · margin style*/
.p_tb { padding:120px 0; } 
.p_t { padding-top: 120px; } 
.p_b { padding-bottom: 120px; } 

/* border */
.border_t {border-top:1px solid #ddd;}
.border_b {border-bottom:1px solid #ddd;}

/* box */
.rbox {display: flex; gap: 5px; margin-left: auto;}
.lbox {display: flex; gap: 5px;}


/* width */
.w-100 {width: 100% !important;}
.w-max {width: max-content !important;}


/* btn */
.btn {
    display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; line-height: 1.2;
    border-color: transparent; border-style: solid; transition: all .3s; border:2px solid #000; font-weight: bold;
}
.btn.arr {gap: 10px;}
.btn.arr::after {display: block; content: ""; aspect-ratio: 1/1; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('/img/icon_btn_arr-5f5a438015d193eac058ad15fda656dd.png');}
.btn.arr-b::after {display: block; content: ""; aspect-ratio: 1/1; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('/img/icon_btn_arr-b-ed0896661b3b5d84cecd4ea8b252f337.png');}
.btn.xlg {height: 70px; font-size: 1.25rem; border-radius: 10px;}
.btn.lg {height: 60px; font-size: 1.125rem; border-radius: 7px;}
.btn.md {height: 50px; font-size: 1rem;  border-radius: 5px;}
.btn.sm {height: 40px; font-size: 0.875rem;  border-radius: 3px;}
.btn.xlg.arr::after {width: 22px;}
.btn.lg.arr::after {width: 20px;}
.btn.md.arr::after {width: 18px;}
.btn.sm.arr::after {width: 16px;}

/* floating */
#floating {position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 3;}
#floating > a {font-size: 0; width: 180px; border: 2px solid #000; border-radius: 100px; background: #fff;}

/* popup */
.pop_wrap {position: fixed; top:0; left:0; z-index: 992; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); display: none;}
.pop_wrap.on {display: block;}
.pop_inner {width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center;}
.pop_layer {
    background: #fff; max-width: 860px; width:90%; 
    /* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ border-radius: 10px;
    display: flex; flex-direction: column; position: relative;
}
.pop_layer > .close {position: absolute; top: 20px; right: 20px; }
.pop_layer > .close {width: 30px; aspect-ratio: 1/1; cursor: pointer; background: url('/img/icon_pop_close_w-d7af9846ead295cd750000b8afb7400c.png') no-repeat center center / contain;}
.pop_layer > .close.black {background: url('/img/icon_pop_close_b-85f0c2efcfded53616444ffa174b55f7.png') no-repeat center center / contain;}
.pop_top {
    padding: 15px 20px; display: flex; gap: 10px;
    border-bottom: 1px solid var(--border); background: var(--subGray); color: #fff;
}

.pop_tit .big {font-size: 1.125rem; font-weight: 700; }
.pop_box {padding: 20px; overflow-y: auto;}
.pop_bot {display: flex; align-items: center; gap: 5px; justify-content: center; padding: 0 20px 20px}
.pop_bot .btn {min-width: 150px;}
.pop_tit{padding-bottom: 18px; margin-bottom: 30px; font-size: 24px; border-bottom: 1px solid #777;}

.pop_cookie {position: fixed; border: 2px solid #000; max-width: 100%; z-index: 9999;}
.pop_cookie .contBox {font-size: 0;}
.pop_cookie .popupClose {text-align:right; background:#111; height: 40px; padding: 0 10px; align-items: center; display: flex; justify-content:flex-end;}
.pop_cookie .popupClose input {vertical-align:middle;}
.pop_cookie .popupClose label {color:#fff; font-size:14px; vertical-align:middle; margin-left:3px;}
.pop_cookie .close_btn {color:#fff; width:18px; height: 18px; display:inline-block; vertical-align:middle; margin-left:10px;
    background: url('/img/icon_pop_close_w-d7af9846ead295cd750000b8afb7400c.png') no-repeat center center / cover;
}

/* paging */
.paging {text-align: center; width: 100%; gap: 20px; font-size: 0; display: flex; align-items: center; justify-content: center; margin-top: 80px;} 
.paging > a {width: 40px; background-color: #F5E0FF;  border-radius: 50px; aspect-ratio: 1/1; background-position: center center ; background-size: contain; background-repeat: no-repeat;}
.paging > a.first {background-image: url('/img/icon_paging_first-75adfaa0a265ddeba6955f536c367f0c.gif');}
.paging > a.prev {background-image: url('/img/icon_paging_prev-ff275a3ba56c9bc332204fb079cff0a0.svg');background-size: 22px;}
.paging > a.next {background-image: url('/img/icon_paging_next-0cb4a250cd943fc46bbdee976d8970e3.svg');background-size: 22px;}
.paging > a.last {background-image: url('/img/icon_paging_last-451715e315b1238f0c3125bede396d1c.gif');}
.paging ol {display: flex; gap: 4px;} 
.paging ol li a {
    font-size: 1rem; text-align: center; background: #eee; font-weight: 600;
    border-radius: 50px; width: 40px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; line-height: 1;
} 
.paging ol li a.this { background: var(--mainColor1); color: #fff; font-weight: 600;} 

/* board */
.bd_tab {margin-bottom: 40px;}
.bd_tab ul {margin: 0 auto; background: #eee; display: flex; gap: 5px; width: max-content; max-width: 100%; border-radius: 100px;}
.bd_tab ul li {
    cursor: pointer; font-size: 1rem; height: 50px; min-width: 100px; color: #777;
    border-radius: 100px; display: flex; align-items: center; justify-content: center;
}
.bd_tab ul li.active {background: var(--mainColor1); color: #fff;}
.bd_tab ul li a {padding: 0 20px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.bd_top {margin-bottom: 40px; display: flex; align-items: flex-end; gap: 10px;}
.bd_top .total {font-size: 0.9375rem;}
.bd_top .total span {color: var(--mainColor1);}
.bd_top .search {display: flex; gap: 5px;}
.bd_top .search select {width: max-content; border-color: #ddd;}
.bd_top .search input {border-color: #ddd;}
.bd_top .search .bar {position: relative;}
/* .bd_top .search .bar button {
    position: absolute; width: 50px; aspect-ratio: 1/1; top: 0; right: 0;
    text-indent: -9999px; background: url('/img/icon_search_b.png') no-repeat center center / 24px auto;
} */
.bd_top .order select {border: 0; height: auto; background-position: center right; padding: 0 15px 0 0;}
.bd_list {border-top: 2px solid var(--mainColor1);}
.bd_item {padding: 20px 0; border-bottom: 1px solid #ddd; display: flex; gap: 10px; align-items: center; min-height: 90px; transition: all .3s;}
.bd_item:hover {background: #f9f9f9;}
.bd_item .cate {width: 100px;}
.bd_item .cateLb {margin: 0 auto;}
.bd_item .subj {flex: 1 0 0;}
.bd_item .date {font-size: 0.875rem; width: 110px; text-align: center;}

.bd_wrap .cateLb {font-size: 14px; border-radius: 100px; line-height: 1; padding: 8px 10px; width: 68px; text-align: center;}
.bd_wrap .cateLb.event {background: #CFF5FF; color: #0c73b8;}
.bd_wrap .cateLb.general {background: #eee; color: #777;}
.bd_wrap .cateLb.import {background: #FFDBE8; color: var(--mainColor1);}


.bd_view {max-width: 1200px; margin: 0 auto;}
.bd_view .top_box {border-bottom: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; padding-bottom: 20px; gap: 10px;}
.bd_view .cont_box {border-bottom: 1px solid #ddd;}
.bd_view .bot_box {padding-top: 40px;}

.bd_view .subj {font-size: 2rem;}
.bd_view .date {font-size: 0.875rem; color: #777;}
.bd_view .file {display: flex; flex-wrap: wrap; gap: 14px; padding: 20px 0;}
.bd_view .file > a {font-size: 0.875rem; position: relative; padding-left: 24px;}
.bd_view .file > a::before {
    display: block; content: ""; width: 18px; aspect-ratio: 1/1; background: url('/img/icon_download.png') no-repeat center center / contain;
    position: absolute; left: 0; top: 2px;
}
.bd_view .file > a:hover {text-decoration: underline;}
.bd_view .cont {padding: 20px 0;}
.bd_view .btnList {margin: 0 auto; width: 200px; background: var(--mainPink); height: 55px; display: flex; align-items: center; justify-content: center; font-size: 1.125rem;}


/* faq */
.bd_wrap .inner{max-width: 1400px;}
.faq_item {border: 2px solid #000;margin-bottom: 24px; border-radius: 20px;overflow: hidden;}
.faq_item .ask {padding: 30px; display: flex; gap: 10px;  align-items: center; position: relative; font-size: 1.25rem; font-weight: 600; cursor: pointer;}

.faq_item .ask::after {
    display: block; content: ""; width: 8px; aspect-ratio: 1/1; border-top: 2px solid #000; border-right: 2px solid #000;
    rotate: 135deg; position: absolute; right: 35px; top: 40px;
}
.faq_list{margin-top: 50px;}
.faq_item .ask.on{background: #fdf8ff;}
.faq_item:has(.ask.on){border: 2px solid #822A8A;}
.faq_item .ask.on::before{content: ''; width: 96%; height: 1px; background: #000; position: absolute;bottom: 0;left: 50%; transform: translateX(-50%);}
.faq_item .ask.on::after {rotate: -45deg;}
.faq_item .answer {font-size: 1.25rem; padding: 30px 40px 30px 60px;background: #fdf8ff; display: none;}
.faq_wrap.first .faq_item:first-child .answer{display: block;}
.faq_item .answer span{color: #822A8A; font-weight: 600;}


/* header */
#header {width: 100vw; position: fixed; top: 0; left: 0; z-index: 991; font-family: 'RomanticGumi', sans-serif;}
#header .hd_top {background: rgba(255,255,255,0.5); height: 30px; border-bottom: 1px solid #f1f1f1;}
#header .hd_top .inner {height: 100%; display: flex; align-items: center; justify-content: space-between;}
#header .hd_nav {height: 100px; background-color: #fff; border-bottom: 1px solid #822A8A;}
#header .hd_nav .inner {justify-content: space-between;}
#header .inner {height: 100%; display: flex; align-items: center; gap: 20px;}
#header .hamberg {display: none;}
#header .logo {font-size: 0; width: 200px;}
#header .logo img {height: 60px;}
#header .nav {display: flex; align-items: center; gap: 20px; flex: 1 0 0; height: 100%;}
#header .side {display: flex; align-items: center; gap: 20px;}
#header .sidemenu {display: flex; align-items: center; justify-content: flex-end; gap: 15px; width: 200px;}
#header .sidemenu a {
    display: flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1; transition: all .3s;
}
#header .menu {flex: 1 0 0; height: 100%; display: flex; align-items: center; justify-content: right; gap: 60px; position: relative;}
#header .menu > li {height: 100%; display: flex; align-items: center; gap: 40px; position: relative;}
#header .menu > li > a {font-size: 1.125rem; height: 100%; display: flex; align-items: center; line-height: 1; color: #000;}
#header .submenu {
    position: absolute; left: 50%; top: 100%; transform: translateX(-50%);
    min-width: 120px; width: max-content; background: #000; padding: 15px; transition: all .5s; opacity: 0; visibility: hidden; 
}
#header .submenu > div {display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 10px; margin-bottom: 15px;}
#header .submenu > div:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#header .submenu > div > .gu {color: #fff; text-align: center; font-size: 0.875rem; background: var(--mainNavy); width: 80px; margin: 0 auto; border-radius: 3px;}
#header .submenu > div > a {display: block; color: #fff; font-size: 0.94rem; text-align: center;}
#header .submenu > div > a:hover {color: var(--mainPink);}
#header .menu > li:hover > .submenu {visibility: visible; opacity: 1;}
#header .menu > li:hover > .submenu::after {visibility: visible; opacity: 1;}

/* footer */
#footer {padding: 60px 0; width: 100%; overflow: hidden; background: #fff; color: #000; border-top: 1px solid #822A8A; position: relative; z-index: 9;}
#footer .inner {display: flex; gap: 10px; flex-wrap: wrap;}
#footer .logo {flex-shrink: 0;}
#footer .logo img {height: 50px;}
#footer .info { margin-right: auto;}
#footer .info .list {font-size: 0.9125rem;  display: flex; flex-wrap: wrap; gap: 5px 20px;}
#footer .info .list li {display: flex; gap: 5px;}
#footer .info .list .gu {color: #777;}
#footer .info .list .nae span {display: inline-block;}
#footer .map{margin-top: 10px;}
#footer .copy {margin-top: 10px;}
#footer .btn_box {width: 100%; display: flex; gap: 10px; flex-wrap: wrap;}
#footer .btn_box a:hover {color: #822A8A;}

/* sub */
.sub_bnn {
    background: url('/img/bg_sub_bnn.webp') no-repeat center bottom / cover; width: 100%; height: 800px; padding: 150px 0 80px;
    display: flex; align-items: center; justify-content: center;
}
.sub_bnn .inner { height: 100%; position: relative; max-height: 400px; max-width: 1000px;}
.sub_bnn .box {
    border: 3px solid #000; position: relative; background: #009E65; margin: 0 auto; width: 100%; height: 100%; padding: 50px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 25px; border-radius: 10px;
}
.sub_bnn .box::before {
    display: block; content: ""; background: #fff; border: 3px solid #000; border-radius: 8px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 40px); height: calc(100% - 40px);
}

.sub_bnn .bg .img {position: absolute;  z-index: 1; font-size: 0;}
.sub_bnn .bg .img1 {top: -9%; left: -4%; width: 11.5vw;}
.sub_bnn .bg .img2 {bottom: -9%; right: -2%; width: 6.9vw;}
.sub_bnn .bg .img3 {bottom: -9%; left: -4%; width: 6.5vw;}
.sub_bnn .bg .img4 {top: -30%; right: -10%; z-index: 0; width: 15.3vw;}

.sub_bnn .tit {text-align: center; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; align-items: center;}
.sub_bnn .tit .big {font-size: 4rem; font-weight: 800;}
.sub_bnn .tit .small {font-size: 1.125rem;}

.sub_nav {background: #fff; border-bottom: 1px solid #ddd;}
.sub_nav .nav {display: flex; align-items: center; justify-content: center; gap: 10px;}
.sub_nav .nav a {
    height: 70px; display: flex; align-items: center; justify-content: center;
    border-bottom: 3px solid transparent; font-size: 1.125rem; padding: 10px; min-width: 150px;
    color: #777;
}
.sub_nav .nav a.on {color: #000; border-color: var(--mainColor1); font-weight: 700;}

.body_tit {text-align: center; margin-bottom: 30px;}
.body_tit .big {font-size: 2rem; font-weight: 700; font-family: 'RomanticGumi';;}
.body_tit .small {font-size: 1rem; margin-top: 10px; color: #555;}

.sec_tit {margin-bottom: 20px;}
.sec_tit .big {font-size: 1.75rem; font-weight: 700;}

.sectionLine {margin: 0 auto; width: 100%; height: 1px; background: var(--border); margin: 50px 0;}

/* faq */
.faq_wrap .faq_tit{font-family: 'RomanticGumi'; background: #822A8A; color: #fff; text-align: center; max-width: 230px; margin: 0 auto; padding: 15px 50px; font-size: 1.5rem; border-radius: 100px;}
.faq_wrap{margin-top: 100px;}


/* 팝업 */
.center-popup-backdrop,
.bottom-popup-backdrop {position: fixed;inset: 0;z-index: 999;background: rgba(0,0,0,.64);display: none;}

.center-popup-backdrop.is-open,
.bottom-popup-backdrop.is-open {display: flex;}
.center-popup-backdrop {align-items: center;justify-content: center;}
.center-popup {width: 90%;max-width: 460px;border-radius: 1rem;background: #fff;box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,.18);display: flex;flex-direction: column;overflow: hidden;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.center-popup_body {padding: 24px 24px 0px}
.center-popup_title {font-size: 16px;font-weight: 600;line-height: 1.5;}
.center-popup_text {font-size: 0.9rem;color: rgba(0,0,0,.75);line-height: 1.5;}
.center-popup_footer {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 0.6rem;padding: 16px 24px 24px;}
.one_btn{width: 100%;}
.one_btn .btn{width: inherit; padding: 16px 24px; justify-content: right; height: inherit; background: inherit !important; border: inherit !important; color: #3BBEE8; font-weight: 700;}
.center-popup_footer .btn {height: 2.6rem;font-size: 0.9rem;}

.btn-open-terms{cursor: pointer;}
.terms-txt{max-height: 400px; overflow: auto; font-size:14px;}
.terms .one_btn .btn{display: inline-block; cursor: pointer; color: #822A8A;}
.terms .center-popup_body{padding-right: 10px; text-align: left; line-height:1.4;}
.terms .center-popup_title{padding-right: 15px; font-size: 20px; font-weight: 700;margin-bottom: 10px;}

.terms_wrap{display: flex;flex-direction: column;box-shadow: none;padding: 120px 0; border-radius: 0; gap: 20px;line-height: 1.5;}
.sec .tit{font-weight: 700;}
.sec span{font-weight: 700;}
.terms-txt .terms_wrap{padding: 0;}
.terms-txt .terms_wrap br{display: none;}
.terms-txt .terms_wrap br.terms_br{display: block;}
.terms .center-popup_body{padding-right: 17px;}

body.is-scroll-locked {overflow: hidden;touch-action: none;}

@media screen and (max-width:1199px) {

    /* hedaer */  
    #header .hd_nav {height: 60px;}
    #header .logo img {height: 40px;}
    #header .hamberg {display: flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1; text-indent: -9999px;}
    #header .hamberg span {display: block; width: 100%; height: 2px; background: #000; position: relative; transition: all .5s;}
    #header .hamberg span::before,
    #header .hamberg span::after {display: block; content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; transition: all .5s;}
    #header .hamberg span::before {top: -8px;}
    #header .hamberg span::after {top: 8px;}
    #header .hamberg span.on {background: rgba(255,255,255,0);}
    #header .hamberg span.on::after {transform: rotate(45deg); top: 0;}
    #header .hamberg span.on::before {transform: rotate(-45deg); top: 0;}

    #header .nav {
        position: fixed; top: 0; left: -400px; z-index: 992; width: 400px; height: 100vh; transition: all .5s;
        background: #fff; border-right: 1px solid #822A8A;  flex-direction: column; gap: 0; margin-right: 0;
    }
    #header .nav.on {left: 0;}
    #header .side {order: 1; width: 100%; padding: 0 20px; height: 60px; border-bottom: 1px solid #822A8A; flex-shrink: 0;}
    #header .sidemenu {flex: 1 0 0;}
    #header .sidesrch {width: 32px; height: 32px; background-size: 20px auto;}
    #header .menu {order: 2; width: 100%; padding: 40px 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 30px; overflow-y: auto;}
    #header .menu > li {height: auto; display: block; width: 100%;}
    #header .menu > li::after {display: none;}
    #header .menu > li > a {height: auto; width: 100%;}
    #header .menu > li > a::after {display: none;}
    #header .submenu {
        visibility: visible; opacity: 1; display: none; position: unset; transform: unset; transition: none;
        width: 100%; background: transparent; padding: 15px 0 0;
    }
    #header .submenu::after {display: none;}
    #header .submenu > div {flex-direction: column; gap: 10px;}
    #header .submenu > div > .gu {margin:0; font-size: 0.8125rem; width: 50px;}
    #header .submenu > div > a {text-align: left; color: #000;}
    #header .submenu > div > a::before {display: inline-block; content: "-"; margin-right: 4px;}

    /* sub */
    /* .sub_bnn {height: 600px;} */
    .sub_bnn .bg .img {display: none;}


}

@media screen and (max-width:899px) {

    /* padding · margin style*/
    .p_tb { padding:80px 0; } 
    .p_t { padding-top: 80px; } 
    .p_b { padding-bottom: 80px; }

    /* floating */
    #floating {gap: 5px;}
    #floating > a {width: 120px;}

    /* board */
    .bd_tab ul {background: none; flex-wrap: wrap; justify-content: center;}
    .bd_tab ul li {height: auto; min-width: unset;  border-radius: 10px; color: #999;}
    .bd_tab ul li a {padding: 5px 10px;}
    .bd_top .total {font-size: 0.875rem;}
    .bd_top {flex-direction: column; align-items: center;}
    .bd_top .rbox {order: 1;}
    .bd_top .lbox {order: 2;}
    .bd_item {flex-wrap: wrap;}
    .bd_item .cate {width: 100%;}
    .bd_item .cateLb {margin: 0;}
    .bd_item .subj {flex: none; width: 100%;}
    .bd_item .date {width: auto; color: #777; font-size: 0.8125rem;}

    .bd_view .subj {font-size: 1.25rem;}
    .bd_view .date {font-size: 0.8125rem;}

    /* faq */
    .faq_wrap{margin-top: 60px;}
    .faq_wrap.first{margin-top: 100px;}
    .faq_item{margin-bottom: 10px;}
    .faq_list{margin-top: 30px;}
    .faq_item .ask {padding: 20px 26px 20px 26px; font-size: 0.9375rem;}
    .faq_item .ask::after {width: 6px; top: 27px; right: 20px;}
    .faq_item .answer {padding: 20px 26px 20px 26px; font-size: 0.875rem;}
    
    /* sub */
    .sub_bnn {height:300px; padding: 100px 0 40px;}
    .sub_bnn .box::after {width: calc(100% - 25px); height: calc(100% - 25px);}
    .sub_bnn .tit .big {font-size: 1.75rem;}
    .sub_bnn .tit .small {font-size: 1rem;}

    .sub_nav .nav {gap: 5px;}
    .sub_nav .nav a {height: 60px; font-size: 0.9375rem; padding: 5px; min-width: 100px;}

    .body_tit {margin-bottom: 30px;}
    .body_tit .big {font-size: 1.75rem; font-weight: 700;}
    .body_tit .small {font-size: 1rem; margin-top: 5px;}

    /* 팝업 */
    .pop_tit{font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;}
    
}


@media screen and (max-width:599px) { 

    /* btn */
    .btn.m-xlg {height: 70px; font-size: 1.25rem; border-radius: 10px;}
    .btn.m-lg {height: 60px; font-size: 1.125rem; border-radius: 7px;}
    .btn.m-md {height: 50px; font-size: 1rem;  border-radius: 5px;}
    .btn.m-sm {height: 40px; font-size: 0.875rem;  border-radius: 3px;}
    .btn.m-xlg.arr::after {width: 22px;}
    .btn.m-lg.arr::after {width: 20px;}
    .btn.m-md.arr::after {width: 18px;}
    .btn.m-sm.arr::after {width: 16px;}

    /* paging */
    .paging ol li a {font-size: 0.75rem; width: 32px;}

    /* board */
    .bd_tab ul li {font-size: 0.9375rem; border-radius: 7px;}

    /* footer */
    #footer {padding: 40px 0;}
    #footer .btn_box {font-size: 0.875rem;}
    #footer .info .list {font-size: 0.875rem;}
    #footer .map {font-size: 0.875rem;}
    #footer .copy {font-size: 0.75rem;}


    /* header */
    #header .nav {width: calc(100vw - 60px); left: calc(-100vw - 60px);}

    /* sub */
    .sub_bnn .box  {border-width: 2px;}
    .sub_bnn .box::after  {border-width: 2px;}

    /* faq */
    .faq_wrap.first{margin-top: 60px;}
    .faq_wrap .faq_tit{max-width: 160px;padding: 10px 10px;}

    .paging > a{width: 32px;}

}