* {letter-spacing: -0.2px; line-height: 1.3;}
html {scroll-behavior: smooth;}
body {-ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */}
body::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.inner {max-width: 1320px; margin: 0 auto;}
.img > img {width: 100%; display: block}
.flex {display: flex}
.lts30 {letter-spacing: -0.3px;}
.radi20 {border-radius: 20px; overflow: hidden;}
[data-trigger] {opacity: 0; position: relative; top: 30px; transition: .6s;}
[data-trigger].animatedIn {top: 0; opacity: 1;}

#header {position: absolute;; width: 100%; z-index: 9999;}
#pc_header {color: #fff;}
#pc_header .inner {align-items: center; justify-content: center; padding: 20px 0 30px; position: relative;}
#pc_header a {transition: 0.2s}
#pc_header a:hover {color: #FF616B}
#pc_header .logo {width: 170px; position: absolute; top: 20px; left: 0; z-index: 1}
#pc_header .logo .hover {display: none}
#pc_header .gnb {font-size: 20px; width: 100%; justify-content: center}
#pc_header .gnb > li {font-weight: 500; width: 13.8%; text-align: center;}
#pc_header .gnb > li:last-child {margin-right: 0}
#pc_header .gnb > li > a {padding: 10px; display: inline-block;}
#pc_header .lnb {font-size: 16px; width: 100%; font-weight: 400;  padding-top: 27px; display: none}
#pc_header .lnb li a {padding: 6px 0; display: inline-block;}
#pc_header .sign {font-size: 16px; font-weight: 300; position: absolute; top: 20px; right: 0; padding-top: 13px;}
#pc_header .sign i {padding: 0 10px}

#pc_header.on {background: rgba(255,255,255,0.9); color: #212121}
#pc_header.on img {display: none}
#pc_header.on img.hover {display: block;}
#pc_header.on .gnb > li {position: relative;}
#pc_header.on .gnb > li::before {content: ''; display: block; position: absolute; background: #707070; width: 1px; height: 180px; right: 0; bottom: 0; opacity: 0.2;}
#pc_header.on .gnb > li:last-child::before {display: none}
#pc_header.on .lnb {display: block;}

#mo_header {}
#mo_header .inner {align-items: center; justify-content: space-between; padding-top: 35px}
#mo_header .logo {}
#mo_header .menu_btn {}
#mo_header .black_bg {position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none}
#mo_header .slide_menu {width: 90%; background: #fff; position: fixed; right: -100%; top: 0; height: 100%; opacity: 0; transition: 0.5s}
#mo_header .slide_menu.active {right: 0; opacity: 1;}
#mo_header .menu_login {background: #FF616B; color: #fff; padding-top: 3%;}
#mo_header .menu_login > div {width: 88%; margin: 0 auto; padding: 28px 0; justify-content: space-between; align-items: center;}
#mo_header .menu_login .close {margin-left: auto;}
#mo_header .menu_login .login {font-weight: 600; font-size: 33px;}
#mo_header .menu_login .login i {padding-left: 50px;}
#mo_header .menu_login .sign {font-size: 22px; border: 1px solid #fff; padding: 5px 8px;}
#mo_header .menu_gnb {}
#mo_header .menu_gnb > li {font-size: 28px; color: #212121;}
#mo_header .menu_gnb > li .wid {padding: 3% 6%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E7E7E7;}
#mo_header .menu_gnb > li .wid span {display: inline-block; width: 25px; transition: 0.5s}
#mo_header .menu_gnb > li .wid.on span {transform: rotate(180deg);}
#mo_header .menu_lnb {background: #f5f5f5; display: none}
#mo_header .menu_lnb > li {border-bottom: 1px solid #E7E7E7;}
#mo_header .menu_lnb > li:last-child {border-bottom: 0}
#mo_header .menu_lnb > li a {padding: 3% 6%; display: block; font-size: 24px;}

#footer {background: #333333; font-size: 16px; padding: 30px 0 40px}
#footer .foot_menu {color: #fff; opacity: 0.8; padding-bottom: 25px; border-bottom: 1px solid #a4a4a4; margin-bottom: 30px; align-items: center;}
#footer .foot_menu a:hover {color: #FF616B}
#footer .foot_menu i {padding: 0 10px;}
#footer .foot_menu .foot_modal {margin-left: auto}
#footer .foot_menu .foot_modal li {cursor: pointer;}
#footer .foot_cont {color: #fff; opacity: 0.5; margin-bottom: 30px; line-height: 1.8;}
#footer .foot_cont .aa {display: block;}
#footer .foot_copy {color: #fff; opacity: 0.5;}
#footer .foot_fixed {position: fixed; right: 25px; bottom: 20px; z-index: 9; background: #fff; text-align: center; border: 1px solid #E0E0E0}
#footer .foot_fixed .sns {padding: 0 6px;}
#footer .foot_fixed .sns a {display: block; padding: 18px 14px; border-bottom: 1px solid #E0E0E0;}
#footer .foot_fixed .sns a:last-child {border-bottom: 0}
#footer .foot_fixed .sns a img {}
#footer .foot_fixed .sns a span {display: block; padding-top: 6px;}
#footer .foot_fixed .top {background: #FF616B; color: #fff; font-size: 20px; padding: 5px 0; cursor: pointer;}
#footer .sns_wrap {margin-left: auto;}
#footer .sns_wrap li {margin-right: 8px; display: inline-block;}
#footer .sns_wrap li:last-child {margin-right: 0;}
#footer .sns_wrap li a {display: inline-block; width: 30px;}

#footer .mo_foot_top {}
#footer .mo_foot_top li {display: grid; place-items: center; width: 25%; border-right: 1px solid #E0E0E0; padding: 10px 0;}
#footer .mo_foot_top li:last-child {border-right: 0}

/* 페이징 */
.pg_wrap {float: none; display: block; text-align: center;}
.pg_wrap .pg {}
.pg_wrap .pg .pg_current {background: transparent; border: 0; border-radius: 100%; position: relative; color: #FF616B; font-size: 16px; margin-top: -2px;}
.pg_wrap .pg .pg_current::after {content: ''; display: block; position: absolute; width: 50%; left: 50%; transform: translateX(-50%); bottom: 0; height: 1px; background: #FF616B}
.pg_wrap .pg .pg_page {font-size: 16px; background: transparent; border: 0; color: #888888}
.pg_wrap .pg .pg_page.pg_start {background: url('../img/page_left.png') no-repeat; background-size: 10px 10px; background-position: center;}
.pg_wrap .pg .pg_page.pg_end {background: url('../img/page_right.png') no-repeat; background-size: 10px 10px; background-position: center;}

.paging_write {position: relative; padding-top: 50px;}
.list_write_btn {position: absolute; background: #FF616B; color: #fff !important; font-size: 18px; border-radius: 50px; padding: 10px 30px; right: 0; bottom: -5px;}

/* 모달창 */
.modal {display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0;}
.modal .black_bg {background: rgba(0,0,0,0.2); width: 100%; height: 100%;}
.modal .modal_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 15px; min-width: 700px; box-shadow: 0 8px 15px rgba(0,0,0,0.2); overflow: hidden;}
.modal .modal_cont h4 {display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid rgba(112,112,112,0.5); font-size: 25px; font-weight: bold}
.modal .modal_cont h4 span {width: 20px; display: inline-block; cursor: pointer;}
.modal .modal_cont .modal_txt {padding: 18px 22px; font-size: 16px; height: 730px; overflow-y: scroll; color: #545454; font-weight: 400;}
.modal .modal_cont .modal_txt::-webkit-scrollbar {width: 8px;}
.modal .modal_cont .modal_txt::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.modal .modal_cont .modal_txt::-webkit-scrollbar-track {background-color: #fff;}

@media all and (max-width: 768px){
    .modal .modal_cont {min-width: 90%;}
    .modal .modal_cont h4 {padding: 10px; font-size: 15px;}
    .modal .modal_cont h4 span  {width: 15px;}
    .modal .modal_cont .modal_txt {height: 350px; font-size: 14px; padding: 10px;}
}

.pc_view {display: block !important;}
.mo_view {display: none  !important;}

@media all and (max-width: 1420px){
    .inner {max-width: 80%;}
}

@media all and (max-width: 1320px){

    #pc_header .logo {width: 130px;}
    #pc_header .gnb {font-size: 16px}
    #pc_header .gnb > li {width: 12%;}
    #pc_header .lnb {font-size: 12px; padding-top: 17px;}
    #pc_header .lnb li a {padding: 4px 0;}
    #pc_header .sign {font-size: 14px;}
}

@media all and (max-width: 768px){
    .inner {max-width: 90%;}

    #pc_header {display: none !important;}
    #mo_header {display: block !important;}

    #footer {text-align: center; padding: 30px 0;}
    #footer .inner {max-width: 100%}
    #footer .foot_menu {justify-content: center;}
    #footer .foot_menu .foot_modal {width: 100%;}
    #footer .foot_bot {justify-content: center}
    #footer .foot_cont .aa {display: none;}
    #footer .foot_fixed {right: 10px; bottom: 10px;}
    #footer .foot_fixed .sns {background: #F8F8F8;}
    #footer .foot_fixed .sns a {padding: 7px 3px;}
    #footer .foot_fixed .sns a img {width: 50%;}
    #footer .foot_fixed .top {font-size: 13px}
}

@media all and (max-width: 480px){
    .pc_view {display: none !important;}
    .mo_view {display: block !important;}

    #mo_header .inner {padding-top: 20px}
    #mo_header .logo {width: 30%}
    #mo_header .menu_btn {width: 6%}
    #mo_header .menu_login > div {padding: 10px 0}
    #mo_header .menu_login .close {width: 15px;}
    #mo_header .menu_login .login {font-size: 18px; font-weight: 400;}
    #mo_header .menu_login .login i {padding-left: 30px}
    #mo_header .menu_login .sign {font-size: 12px; padding: 3px 5px;}
    #mo_header .menu_gnb > li {font-size: 16px}
    #mo_header .menu_gnb > li .wid span {width: 15px}
    #mo_header .menu_lnb > li a {font-size: 14px}

    #footer {font-size: 11px; padding: 0 0  20px;}
    #footer .foot_menu {margin-bottom: 20px; padding-bottom: 0}
    #footer .foot_cont {margin-bottom: 25px;}
    #footer .sns_wrap {padding-top: 20px}

    .list_write_btn {font-size: 12px}
}


/** 그누보드 디폴트 css 수정 **/
#bo_w .bo_w_tit #btn_autosave {height: 20px !important; line-height: 20px !important;}
#bo_w .bo_w_link .frm_input {padding-left: 0 !important;}
#bo_w .bo_w_flie .frm_file {margin-top: -1px !important; padding-left: 0 !important;}
#bo_w .btn_cancel {font-size: 0.7em !important; color: #fff;}
#bo_w .btn_submit {font-size: 0.7em !important;}