.wrap {
    width:1440px; margin:0 auto;
    max-width:100%;
}
@media screen and (max-width:1440px) {
    .wrap {width:100%; padding:0 20px;}
}
.m-empty.type01 {
    padding:60px 0;
    font-size:18px;
    color:#999; text-align: center !important;
}
.m-btn-types.type01 {
    display:flex; align-items:center; justify-content:flex-end;
    margin-bottom:16px;
}
.m-btn-types.type01 .m-btn-type {
    display:flex; align-items: center; justify-content: center;
    padding:8px 16px;
    margin-left:8px;
    font-size:24px;
    color:#ccc; border:2px solid #ccc; border-radius:5px;
}
.m-btn-types.type01 .m-btn-type .text {
    margin-left:6px;
    font-size:14px; color:#ccc;
}
.m-btn-types.type01 .m-btn-type i {
    color:#ccc;
}
.m-btn-types.type01 .m-btn-type.active {
    border-color:#469AD5;
}
.m-btn-types.type01 .m-btn-type.active .text {
    color:#469AD5;
}
.m-btn-types.type01 .m-btn-type.active i {
    color:#469AD5;
}
.toastui-editor-mode-switch {
    display:none !important;
}
.header {
    display:flex; align-items: center; justify-content: space-between;
    width:100%;
    position:fixed; top:0; left:0;
    z-index:100;
}
.header.hide-base:after {
    display:none;
}
.header .logo {
    display:flex; align-items: center; justify-content: center;
    width:128px; height:128px;
}
.header .btn-sidebar {
    width:128px; height:128px;
    position:relative; right:0;
    background-color:#469AD5;
    transition: all .3s;
}
.header .btn-sidebar i {
    font-size:50px; color:#fff;
}
.header .btn-sidebar .active {
    display:none;
}
.header .sidebar {
    width:388px; height:100vh;
    padding:67px 64px;
    position:fixed; top:0; right:-400px;
    background-color:rgba(0,0,0,0.6);
    transition: all .3s;
    overflow-y:auto;
}

.header .sidebar-logo {
    display:inline-block;
    margin-bottom:24px;
}
.header .sidebar .gnb {
    display:block; padding:14px 0;
    font-size:24px; font-weight:bold; color:#fff;
    border-top:2px solid white; border-bottom:1px solid white;
}
.header .sidebar .sub-gnbs {
    padding:24px 0;
}
.header .sidebar .sub-gnb {
    display:block;
    margin-bottom:16px;
    font-size:18px; font-weight:500; color:#fff;
}
.header .sidebar .sub-gnb:last-of-type {
    margin-bottom:0;
}

.header.active .sidebar {
    right:0;
}
.header.active .btn-sidebar {
    right: 388px;
}
.header.active .btn-sidebar .inactive {
    display:none;
}
.header.active .btn-sidebar .active {
    display:block;
}
@media screen and (max-width:1440px) {
    .header {
        box-shadow:0px 3px 6px rgba(0,0,0,0.16); background-color:#fff;
    }
    .header .logo {
        width:56px; height:56px;
    }
    .header .logo img {
        max-width:90%;
    }
    .header .btn-sidebar {
        width:56px; height:56px;
    }
    .header .btn-sidebar i {
        font-size:24px;
    }
    .header .sidebar {
        width:300px;
        padding:48px 40px;
        right:-300px;
    }
    .header .sidebar .gnb {
        font-size:16px;
    }
    .header .sidebar .sub-gnb {
        font-size:14px;
    }
    .header.active .btn-sidebar {
        right:300px;
    }
    .header.active .sidebar {
        background-color:rgba(0,0,0,0.9);
    }
}
@media screen and (max-width:500px) {
    .header .sidebar {
        width:calc(100% - 56px);
        right:-100%;
    }
    .header.active .btn-sidebar {
        right:calc(100% - 56px);
    }
}
.area-main {
    margin-left:128px;
    position:relative;
}
.area-main .swiper-btns {
    display:flex; align-items: center; justify-content: space-between;
    width:100%; padding:0 20px;
    position:absolute; top:46%; transform:translateY(-50%);
    z-index:2;
}
.area-main .swiper-btn i {
    font-size:40px;
    color:#fff;
    cursor:pointer;
}
.area-main .swiper-slide {
    width:100%;
    background-position:center center !important;
}
.area-main .btn-vr {
    display:flex; align-items: center;
    width:230px; height:56px;
    padding:0 24px;
    position:absolute; top:35px; left:40px; z-index:101;
    border:2px solid white; color:#fff;
    font-size:20px;
    transition: all .3s;
}
.area-main .btn-vr i {
    color:#fff; margin-left:10px;
    transition: all .3s;
}
.area-main .btn-vr:hover {
    background-color:#fff; color:black;
}
.area-main .btn-vr:hover i {
    color: black;
}
@media screen and (max-width:1440px) {
    .area-main {
        margin-left:0;
        padding-top:56px;
    }
    .area-main .btn-vr {
        width:128px; height:48px; padding: 12px;
        left:20px; top:78px;
        font-size:14px;
        z-index:2;
    }
    .area-main .swiper-btns {
        display:none;
    }
}

.footer {
    position:relative; z-index:1;
    background-color:#2C2C2C;
}
.footer .top {
    padding:24px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.62);
}
.footer .top .title {
    margin-top:8px;
    font-size:17px; font-weight:bold;
    color:rgba(255,255,255,0.5);
}
.footer .bottom {
    padding:24px 0;
}
.footer .bottom .links {
    display:flex; justify-content: center;
    margin-bottom:24px;
}
.footer .bottom .link {
    color:#fff;
}
.footer .bottom .deco {
    display:inline-block;
    margin:0 20px;
    color:#fff;
}
.footer .bottom .infos {
    display:flex; justify-content: center; flex-wrap:wrap;
}
.footer .bottom .info {
    margin:0 20px;
    font-size:14px; font-weight:300; color:#fff; word-break: keep-all;
}
.footer .bottom .copyright {
    margin-top:30px;
    font-size:14px; font-weight:300; text-align: center; color:rgba(255,255,255,0.3);
}
.pc {}
@media screen and (max-width:1440px) {
    .pc {
        display:none !important;
    }
    .footer .top {
        padding-bottom:0;
        border-bottom:none;
    }
    .footer .bottom .links .link {
        margin:0 12px;
    }
    .footer .bottom .links .deco {
        display:none;
    }
    .footer .bottom .info {
        display:block; margin:0; margin-bottom:8px; width:100%; text-align: center;
    }
    .footer .bottom .copyright {
        margin-top:20px;
    }
}

.pd-120 {
    padding-top:120px;
}
.pd-48 {
    padding-top:48px;
}
.pd-24 {
    padding-top:24px;
}
.pd-16 {
    padding-top:16px;
}
@media screen and (max-width:1440px) {
    .pd-48 {
        padding-top:24px;
    }
}
.area-sub {
    padding:0 128px; padding-top:128px;
    position:relative;
    background-color:#F5F5F5;
}
.area-sub:after {
    content:"";
    width:100%; height:450px;
    position:absolute; top:0; left:0;
    background-color:#fff;
}
.area-sub .visual {
    display:flex; align-items: center; justify-content: center;
    height:644px;  margin-bottom:100px;
    position:relative; z-index:1;
}
.area-sub .visual .title {
    font-size:88px; font-weight:800; color:#fff;
}
.area-sub .page-info {
    margin-bottom:40px;
    text-align: center;
}
.area-sub .page-info .subtitle {
    margin-bottom:16px; font-size:24px;
}
.area-sub .page-info .title {
    margin-bottom:20px;
    font-size:80px; font-weight:bold; color:#469AD5;
}
.area-sub .page-info .navs {
    display:flex; align-items: center; justify-content: center;
}
.area-sub .page-info .navs * {
    color:rgba(0,0,0,0.3);
}
.area-sub .page-info .navs .deco {
    margin:0 8px;
}
@media screen and (max-width:1440px) {
    .area-sub {
        padding:0;
        padding-top:56px;
    }
    .area-sub:after {
        display:none;
    }
    .area-sub .visual {
        height:200px;
        margin-bottom:32px;
    }
    .area-sub .visual .title {
        font-size:40px;
    }
    .area-sub .page-info .subtitle {
        margin-bottom:8px;
        font-size:16px;
    }
    .area-sub .page-info .title {
        margin-bottom:8px;
        font-size:32px;
    }
    .area-sub .page-info .navs * {
        font-size:12px;
    }
    .pd-120 {
        padding-top:60px;
    }
}

.area-overview .contents {
    display:flex; align-items: center;
}
.area-overview .contents .img {
    width:800px;
    margin-right:48px;
}
.area-overview .contents .title {
    margin-bottom:30px;
    font-size:36px; font-weight:bold; color:#469AD5;
}
.area-overview .contents .subtitle {
    margin-bottom:30px;
    font-size:20px; line-height:36px; font-weight:600;
}
.area-overview .contents .body {
    margin-bottom:30px;
    font-size:18px; line-height:32px;
    opacity:0.75;
}
.area-overview .contents .body:last-of-type {
    margin-bottom:0;
}
@media screen and (max-width:1440px) {
    .area-overview .contents {
        justify-content: center;
        text-align: center;
    }
    .area-overview .contents .img {
        display:none;
    }
    .area-overview .contents .title {
        margin-bottom:16px;
        font-size:28px; line-height:44px;
        word-break: keep-all;
    }
    .area-overview .contents .subtitle br {
        display:none;
    }
    .area-overview .contents .subtitle {
        margin-bottom:16px;
        word-break: keep-all; font-size:16px; line-height:24px;
    }
    .area-overview .contents .body {
        margin-bottom:16px;
        font-size:14px; word-break: keep-all; line-height:21px; opacity:0.8;
    }
    .area-overview .contents .body br {
        display:none;
    }
}

.area-leaseConsignment .box-title {
    position:relative;
    text-align: center;
}
.area-leaseConsignment .box-title .title-wrap {
    display:inline-block;
    position:relative;

}
.area-leaseConsignment .box-title .title {
    margin-bottom:40px;
    font-size:40px; font-weight:bold; word-break: keep-all;
}
.area-leaseConsignment .box-title .deco {
    position:absolute;
}
.area-leaseConsignment .box-title .deco.left {
    left:-130px; top:-60px;
}
.area-leaseConsignment .box-title .deco.right {
    right:-130px; top:25px;
}
.area-leaseConsignment .box-title .point {
    font-size:40px; font-weight:bold; color:#469AD5;
}
.area-leaseConsignment .box-title .body {
    font-size:18px; line-height:28px; opacity:0.75; word-break: keep-all;
}
.area-leaseConsignment .box-title .body .point {
    font-size:18px; font-weight:bold;
}
.area-leaseConsignment .circles-wrap {
    margin:80px 0;
    position:relative;
    text-align: center;
}
.area-leaseConsignment .circles-wrap .deco {
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.area-leaseConsignment .circles {
    display:flex; flex-wrap:wrap;
}
.area-leaseConsignment .circle-wrap {
    width:33.33%;
}
.area-leaseConsignment .circle-wrap:nth-child(1) .circle {
    position:relative; left:220px; top:10px;
    background-color:#1C6FB6;
}
.area-leaseConsignment .circle-wrap:nth-child(2) .circle {
    position:relative; left:-97px; top:174px;
    background-color:#2083C3;
}
.area-leaseConsignment .circle-wrap:nth-child(3) .circle {
    position:relative; left:-415px; top:10px;
    background-color:#189AD4;
}
.area-leaseConsignment .circle-wrap:nth-child(4) .circle {
    position:relative; left:709px; top:-10px;
    background-color:#00A8DA;
}
.area-leaseConsignment .circle-wrap:nth-child(5) .circle {
    position:relative; left:394px; top:-174px;
    background-color:#00ACCF;
}
.area-leaseConsignment .circle-wrap:nth-child(6) .circle {
    position:relative; left:79px; top:-10px;
    background-color:#0CA9BB;
}
.area-leaseConsignment .circle {
    display:flex; align-items: center; justify-content: center;
    width:184px; height:184px;
    position:relative;
    background-color:#1C6FB6; border-radius:100%;
}
.area-leaseConsignment .circle .number {
    position:absolute; top:0px; left:0px;
    font-size:64px; font-weight:800; color:#fff; opacity:0.22;
}
.area-leaseConsignment .circle .title {
    font-size:24px; font-weight:500; color:#fff;
}
.area-leaseConsignment .boxes {
    display:flex; flex-wrap:wrap;
    margin:-24px;
}
.area-leaseConsignment .box-wrap {
    width:33.33%; padding:24px;
}
.area-leaseConsignment .box {
    height:100%; padding:40px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.07);
    background-color:#fff; border-radius:16px;
    text-align: center;
}
.area-leaseConsignment .box img {
    margin-bottom: 32px;
}
.area-leaseConsignment .box .title {
    margin-bottom:24px;
    font-size:24px; font-weight:bold; color:#469AD5;
}
.area-leaseConsignment .box .body {
    line-height:24px; opacity:0.75;
}

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

    .area-leaseConsignment .box-title .title {
        margin-bottom:24px;
        position:relative; z-index:1;
        font-size:24px; line-height:40px;

    }
    .area-leaseConsignment .box-title .deco {
        width:48px;
    }
    .area-leaseConsignment .box-title .deco.left {
        left:0; top:-10px;
    }
    .area-leaseConsignment .box-title .deco.right {
        right:0; top:50px;
    }
    .area-leaseConsignment .box-title .point {
        font-size:24px;
    }
    .area-leaseConsignment .box-title .body {
        font-size:14px; line-height:21px; word-break: keep-all;
    }
    .area-leaseConsignment .box-title .body .point {
        font-size:14px; line-height:21px; word-break: keep-all;
    }
    .area-leaseConsignment .box-title .body br {
        display:none;
    }
    .area-leaseConsignment .circles-wrap {
        margin:40px 0;
    }
    .area-leaseConsignment .circles-wrap .deco {
        display:none;
    }
    .area-leaseConsignment .circles {
        margin:-4px;
    }
    .area-leaseConsignment .circle-wrap {
        padding:4px;
    }
    .area-leaseConsignment .circle-wrap .circle {
        left:auto !important; top:auto !important;
    }
    .area-leaseConsignment .circle {
        width:104px; height:104px;
        margin:0 auto;
    }
    .area-leaseConsignment .circle .number {
        font-size:41px;
    }
    .area-leaseConsignment .circle .title {
        font-size:14px;
    }
    .area-leaseConsignment .boxes {
        margin:-12px;
    }
    .area-leaseConsignment .box-wrap {
        width:100%; padding:12px;
    }
    .area-leaseConsignment .box {
        padding:24px;
    }
    .area-leaseConsignment .box img {
        margin-bottom:16px;
    }
    .area-leaseConsignment .box .title {
        font-size:20px;
    }
    .area-leaseConsignment .box .body {
        word-break: keep-all;
    }
    .area-leaseConsignment .box .body br {
        display:none;
    }
}

.area-history {}
.area-history .deco {
    position:absolute; bottom:-20px; left:20px;
}
.area-history .years {
    position:relative; z-index:1;
}
.area-history .years:after {
    content:""; width:2px; height:100%;
    position:absolute; top:0; left:50%; transform:translateX(-50%);
    background-color:#469AD5;
}
.area-history .year {
    display:flex;
    position:relative;
}
.area-history .year:after {
    content:""; width:16px; height:16px;
    position:absolute; left:50%; top:0; transform:translateX(-50%);
    background-color:#469AD5;
    border-radius:100%;
}
.area-history .year:before {
    content:""; width:32px; height:32px;
    position:absolute; left:50%; top:-10px; transform:translateX(-50%);
    background-color:transparent;
    border:2px solid #469AD5;
    border-radius:100%;
}
.area-history .year > .title {
    width:50%; margin-right:112px; margin-top:-10px;
    text-align: right;
    font-size:56px; font-weight:500; color:#469AD5;
}
.area-history .year > .months {
    width:50%;
    position:relative;
    margin-top:60px; padding-bottom:60px;
}
.area-history .year:nth-child(2n) {
    flex-direction: row-reverse;
}
.area-history .year:nth-child(2n) > .title {
    margin-left:112px;
    margin-right:auto;
    text-align: left;
}

.area-history .year:nth-child(2n) .month {
    flex-direction: row-reverse;
}
.area-history .year:nth-child(2n) .month .days {
    margin-right:15px;
}
.area-history .year:nth-child(2n) .day {
    text-align: right;
}
.area-history .year:nth-child(2n) .months:before {
    left:auto; right:-68px;
}
.area-history .months:before {
    content:""; width:12px; height:12px;
    position:absolute; left:-56px; top:0px; transform:translateX(-50%);
    background-color: #469AD5;
    border-radius:100%;
}
.area-history .months {
    margin-top:-4px;
}
.area-history .month {
    display:flex;
    margin-top:-4px; margin-bottom:40px;
}
.area-history .month > .title {
    font-weight:500;
}
.area-history .days {
    margin-left:15px;
}
.area-history .day {
    margin-bottom:4px;
    font-weight:300;
}
.area-history .day:last-of-type {
    margin-bottom:0;
}
@media screen and (max-width:1440px) {
    .area-history .deco {
        display:none;
    }
    .area-history .year {
        display:block;
    }

    .area-history .year > .title {
        margin-right:0; margin-left:30px;
        position:relative; top:-10px;
        font-size:32px;
        text-align: left;
    }
    .area-history .months:before {
        left:-29px;
    }
    .area-history .year:nth-child(2n) {
        flex-direction: row;
    }
    .area-history .year:nth-child(2n) > .title {
        margin-left:30px; margin-right:0;
        text-align: left;
    }

    .area-history .year:nth-child(2n) .month {
        flex-direction: row;
    }
    .area-history .year:nth-child(2n) .month .days {
        margin-right:0;
    }
    .area-history .year:nth-child(2n) .day {
        text-align: left;
    }
    .area-history .year:nth-child(2n) .months:before {
        left:-29px; right:auto;
    }

    .area-history .years:after {
        left:0; transform:none;
    }
    .area-history .year:before {
        left:-16px; transform:none;
    }
    .area-history .year:after {
        left:-6px; transform:none;
    }
    .area-history .year > .months {
        width:100%; padding-right:20px;
        margin-top:30px; margin-left:30px;
        position:relative; top:-10px;
    }
    .area-history .month {
        margin-bottom:20px;
    }
    .area-history .day {
        word-break: keep-all;
    }
    .area-history .wrap {
        padding-left:40px;
    }
}

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

}

/* 페이지네이션 */
.pagination { display: flex; justify-content: center; gap: 8px; margin-top:70px;}
.pagination li { width: 32px; height: 32px; }
.pagination li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: solid 1px #aaa; font-size: 14px; color: #aaa; transition: all 0.3s; }
.pagination li a i { color: #aaa; font-size: 14px; transition: all 0.3s; }
.pagination li.now a { background-color: #469AD5;  border: solid 1px #469AD5; color: #fff; }
.pagination li a:hover { background-color: #469AD5;  border: solid 1px #469AD5; color: #fff; }
.pagination li a:hover i { color: #fff; }

@media screen and (max-width:1440px) {
    .pagination {
        margin-top:30px;
    }
}

.items.type01 {
    display:flex; flex-wrap:wrap;
    margin:-24px;
}
.items.type01 .item-wrap {
    width:33.33%;
    padding:24px;
}
.items.type01 .item {
    display:block;
    transition: all .3s;
}
.items.type01 .item .m-ratioBox-wrap {
    padding-top:67%;
}
.items.type01 .content {
    padding:40px;
    background-color:#fff; border-bottom:8px solid transparent;
    transition: all .3s;
}
.items.type01 .content .subtitle {
    margin-bottom:18px;
}
.items.type01 .content .title {
    font-size:40px; font-weight:bold;
    transition:all .3s;
}
.items.type01 .content .title i {
    color:#469AD5;
}
.items.type01 .item:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,0.07);
}
.items.type01 .item:hover .content .title {
    color:#469AD5;
}
.items.type01 .item:hover .content {
    border-color:#469AD5;
}
@media screen and (max-width:1440px) {
    .items.type01 {
        margin:-12px;
    }
    .items.type01 .item-wrap {
        width:50%; padding:12px;
    }
    .items.type01 .content {
        padding:24px;
    }
    .items.type01 .content .subtitle {
        margin-bottom:16px;
    }
    .items.type01 .content .title {
        font-size: 28px;
    }
}

@media screen and (max-width:768px) {
    .items.type01 .item-wrap {
        width:100%;
    }

}
.details-page {
    position:relative; z-index:2;
    background-color:#fff;
}
.details-page .content-wrap { padding: 48px 0 80px; }
.details-page .title-wrap { text-align: center; padding: 40px 40px 48px; border-bottom: 1px solid #707070; }
.details-page .title-wrap h1 {
    margin-bottom: 24px;
    font-size: 56px; font-weight:bold; color: #000;
}
.details-page .title-wrap p {
    font-size:18px;
    opacity:0.5;
}
.details-page .editor-wrap { padding: 56px 0 96px; border-bottom: 1px solid #707070; }
.details-page .editor-wrap img {
    width:auto; max-width:100%;
}
.details-page .list-turn { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px; }
.details-page .list-turn .page-btn { display: flex; }
.details-page .list-turn .page-btn p { display: none; }
.details-page .list-turn .page-btn > div { display: flex; gap: 24px; align-items: center; }
.details-page .list-turn .page-btn > div span { font-size: 18px; color: #8b8b8b; letter-spacing: -0.45px; }
.details-page .list-turn .page-btn > div i { font-size: 23px; color: #8b8b8b; }
.details-page .list-turn .page-btn > div i.mb { display: none; }
.details-page .list-turn .btn-st1 {display:flex; align-items: center; justify-content: center; font-size: 18px; width: 150px; height: 56px; border: solid 1px #707070; border-radius: 27px; color: #8b8b8b; font-weight: normal; }

.details-page:after {
    display:none;
}
.details-page .video {
    width:100%; padding-top:49%;
}

.m-ratioBox-wrap {width:100%; padding-top:100%; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,0.06);}
.m-ratioBox-wrap .m-ratioBox {position:absolute; top:0; left:0; right:0; bottom:0;}
.m-ratioBox-wrap .m-ratioBox:after {content:""; width:120px; height:120px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../images/logo-replace.png") no-repeat; background-size:100%;}
.m-ratioBox-wrap img {width:105%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}
.m-ratioBox-wrap iframe {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}

@media screen and (max-width:768px) {
    .details-page .content-wrap { padding: 8px 0 56px; }
    .details-page .title-wrap { padding: 16px; }
    .details-page .title-wrap h1 { font-size: 14px; margin-bottom: 16px; }
    .details-page .title-wrap p { font-size: 12px; }
    .details-page .editor-wrap { padding: 24px 0 40px; }
    .details-page .list-turn { padding: unset; }
    .details-page .list-turn .btn-st1 { margin: 0 auto; order: 3; margin-top: 16px; font-size: 14px; width: 120px; height: 40px; }
    .details-page .list-turn .page-btn { width: 100%; height: 56px; align-items: center; border-bottom: 1px solid #aaa; }
    .details-page .list-turn .page-btn p { display: unset; font-size: 14px; color: #444; padding-left: 16px; width: calc(100% - 80px); position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .details-page .list-turn .page-btn p::before { content: ''; width: 2px; height: calc(100% - 4px); position: absolute; background-color: #e4e4e4; left: 8px; top: 50%; transform: translateY(-50%); }
    .details-page .list-turn .page-btn > div { gap: 8px; padding-left: 16px; width: 80px; }
    .details-page .list-turn .page-btn > div span { font-size: 14px; color: #444; }
    .details-page .list-turn .page-btn > div i { font-size: 16px; color: #444; }
    .details-page .list-turn .page-btn > div i.pc { display: none; }
    .details-page .list-turn .page-btn > div i.mb { display: unset; }
}

/* 서브검색바 */
.sub-search { margin: 0 auto 56px; width: 100%; max-width: 400px; height: 58px; display: flex; border-radius: 28px; box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.09); border: solid 1px #e8e8e8; }
.sub-search input { width: calc(100% - 56px); border: unset; background-color: transparent; padding: 0 24px; font-size: 16px; }
.sub-search input::placeholder { letter-spacing: -0.4px; color: #afafaf; font-size: 16px; }
.sub-search button { width: 56px; height: 56px; border-radius: 28px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); background-color: #469AD5; }
.sub-search button i { font-size: 24px; color: #fff; }

@media screen and (max-width: 768px) {
    .sub-search {max-width:276px; height: 48px; margin-bottom: 40px; }
    .sub-search input { font-size: 12px; width: calc(100% - 48px); }
    .sub-search input::placeholder { font-size: 12px; font-weight: 200; }
    .sub-search button { width: 48px; height: 48px; }
    .sub-search button i { font-size: 22px; }
}

.items.type02 {}

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

}

.area-vacancy-list {
    background-color:#fff;
}

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

}

.m-tabs.type01 {
    display:flex; justify-content: center; flex-wrap:wrap;
    margin:-8px;
}
.m-tabs.type01 .m-tab-wrap {
    padding:8px;
}
.m-tabs.type01 .m-tab {
    display:flex; align-items: center; justify-content: center;
    width:128px; height:56px;
    color:rgba(0,0,0,0.3); font-weight:bold;
    background-color:#F4F4F4;
    transition: all .3s;
    border-radius:4px;
}
.m-tabs.type01 .m-tab.active {
    background-color:#469AD5; box-shadow:0px 3px 6px rgba(0,0,0,0.07);
    color:#fff;
}
.m-tabs.type01 .m-tab:hover {
    background-color:#469AD5; box-shadow:0px 3px 6px rgba(0,0,0,0.07);
    color:#fff;
}
@media screen and (max-width:1440px) {
    .m-tabs.type01 {
        margin:-1px; justify-content: flex-start;
    }
    .m-tabs.type01 .m-tab-wrap {
        width:25%; padding:1px;
    }
    .m-tabs.type01 .m-tab {
        width:100%; height:40px;
    }
}

.items.type02 {

}
.items.type02 .item {
    display:flex; padding:40px 0; border-top:1px solid black;
}
.items.type02 .item:last-of-type {
    border-bottom:1px solid black;
}
.items.type02 .item .m-ratioBox-wrap {
    flex:0 0 auto;
    width:664px; padding-top:460px; margin-right:48px;

}
.items.type02 .item .content {
    flex:auto;
}
.items.type02 .item .content > .category {
    display:flex; align-items:center; justify-content:center;
    width:120px; height:40px;
    margin-bottom:24px;
    background-color:#469AD5; color:#fff; border-radius:20px;
}
.items.type02 .item .content > .subtitle {
    margin-bottom:16px;
    font-size:20px;
}
.items.type02 .item .content > .title {
    padding-bottom:30px; margin-bottom:26px;
    font-size:40px; font-weight:bold; border-bottom:1px solid #E4E4E4;
}
.items.type02 .item .content .info {
    display:flex; align-items: flex-start;
    margin-bottom:27px;
}
.items.type02 .item .content .info .title {
    display:flex; align-items: center;
}
.items.type02 .item .content .info .letters {
    display:flex; justify-content: space-between;
    margin-left:20px; margin-right:16px;
    width:62px;
}
.items.type02 .item .content .info i {
     font-size:20px;
    color:#A4A4A4;
}
.items.type02 .item .content .info .letter {
    font-size:18px; font-weight:bold;
}
.items.type02 .item .content .info .body {
    font-size:18px; word-break: keep-all;
}
.items.type02 .item .content .info:last-of-type {
    margin-bottom:0;
}
@media screen and (max-width:1440px) {
    .items.type02 .item .m-ratioBox-wrap {
        width:100%; padding-top:67%;
        margin-bottom:24px;
    }
    .items.type02 .item {
        flex-wrap:wrap; padding:24px 0;
    }
    .items.type02 .item .content > .category {
        display:inline-block;
        width:auto; height:auto; padding:7px 16px; margin-bottom:16px;
        font-size:12px;
    }
    .items.type02 .item .content > .subtitle {
        font-size:12px;
    }
    .items.type02 .item .content > .title {
        padding-bottom:24px; margin-bottom:24px;
        font-size:24px;
    }
    .items.type02 .item .content .info {
        margin-bottom:16px;
    }
    .items.type02 .item .content .info .letters {
        width:41px; margin-left:8px;
    }
    .items.type02 .item .content .info .letter {
        font-size:12px;
    }
    .items.type02 .item .content .info i {
        font-size:14px;
    }
    .items.type02 .item .content .info .body {
        font-size:12px;
    }
}

.area-vacancy-show {
    padding-left:0; padding-right:0;
    background-color:#fff;
}
.area-vacancy-show .items.type02 .item:last-of-type {
    padding-top:0;
    border-bottom:none; border-top:none;
}
.area-vacancy-show:after {
    display:none;
}
.area-vacancy-show .swiper {
    padding:56px 0;
    background-color:#F5F5F5;
}
.area-vacancy-show .swiper .wrap {
    position:relative;
}
.area-vacancy-show .swiper .swiper-btn {
    width:56px; height:56px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.16);
    position:absolute; top:50%; transform:translateY(-50%);
    border-radius:100%; background-color:#fff;
}
.area-vacancy-show .swiper .swiper-btn-prev {
    left:-80px;
}
.area-vacancy-show .swiper .swiper-btn-next {
    right:-80px;
}
.area-vacancy-show .swiper .m-ratioBox-wrap {
    padding-top:68%;
}
.area-vacancy-show .section {
    padding:80px 0;
}
.area-vacancy-show .section + .area-vacancy-show .section {
    padding-top:0;
}
.area-vacancy-show .section-title {
    margin-bottom:40px;
    font-size:40px; font-weight:bold; text-align: center;
}
.area-vacancy-show .section01 .infos {
    display:flex;
    margin:-8px -24px;
}
.area-vacancy-show .section01 .info-wrap {
    flex:1; padding:8px 24px;
}
.area-vacancy-show .section01 .info {
    display:flex; align-items: center; justify-content: space-between;
    height:64px; padding:0 40px;
    border-bottom:1px solid #888888;
}
.area-vacancy-show .section01 .info .title {
    font-size:18px; color:#888888; font-weight:bold;
}
.area-vacancy-show .section01 .info .body {
    font-size:18px;
}
.area-vacancy-show .section02 #map {
    content:""; width:100%;
    background-color:#ccc;
}
.area-vacancy-show .section02 #map img {
    width:100%; display:block;
}
.area-vacancy-show .section02 .map-wrap {
    position:relative;
}
.area-vacancy-show .section02 .map-wrap:hover .hover {
    opacity:1;
}
.area-vacancy-show .section02 .map-wrap .hover {
    display:flex; align-items: center; justify-content: center;
    width:100%; height:100%;
    position:absolute; top:0; left:0;
    background-color:rgba(0,0,0,0.65);
    opacity:0;
    transition: all .3s;
}
.area-vacancy-show .section02 .map-wrap .hover a {
    display:flex; align-items: center; justify-content: center;
    width:280px; height:64px;
    font-size:24px; font-weight:bold; color:#fff; background-color:black; border-radius:5px;
}
.area-vacancy-show .swiper-pagination {
    display:none;
}
.area-vacancy-show .section02 .body {
    display:none;
}

@media screen and (max-width:1440px) {
    .area-vacancy-show {
        padding-top:96px;
    }
    .area-vacancy-show .swiper-btns {
        display:none;
    }
    .area-vacancy-show .swiper {
        padding:40px 0;
    }
    .area-vacancy-show .swiper-pagination {
        display:block;
    }
    .area-vacancy-show .swiper .m-ratioBox-wrap {
        margin-bottom:24px;
    }
    .area-vacancy-show .swiper-pagination {
        justify-content: center;
        position: static;
    }

    .area-vacancy-show .swiper-pagination-bullet {
        margin:0 4px;
    }
    .area-vacancy-show .section {
        padding:40px 0;
    }
    .area-vacancy-show .section-title {
        margin-bottom:24px;
        font-size:24px;
    }
    .area-vacancy-show .section01 .infos {
        flex-wrap:wrap; margin:0;
    }
    .area-vacancy-show .section01 .info-wrap {
        width:100%; flex:auto; padding:0;
    }
    .area-vacancy-show .section01 .info {
        height:auto; padding: 12px 0;
    }
    .area-vacancy-show .section01 .info .title {
        white-space: nowrap;
    }
    .area-vacancy-show .section01 .info .body {
        margin-left:30%; word-break: keep-all;
        text-align: right;
    }
    .area-vacancy-show .section01 .info * {
        font-size:14px !important;
    }
    .area-vacancy-show .section02 #map {

    }
    .area-vacancy-show .section02 .body {
        display:block;
        font-size:14px; text-align: center;
    }
}

.area-login form {
    max-width:656px; margin:0 auto; padding:48px;
    box-shadow:0px 3px 36px rgba(0,0,0,0.1);
    background-color:#fff;
}
.area-login .top {
    text-align: center;
}
.area-login .top .logo {
    margin-bottom:16px;
}
.area-login .top .title {
    margin-bottom:32px;
    font-size:48px; font-weight:bold; color:#469AD5;
}
.area-login .top .body {
    margin-bottom:40px;
    line-height:24px;
}
.area-login .btn {
    display:flex; align-items: center; justify-content: center; width:100%;
    padding:16px;
    font-size:20px; font-weight:bold;
    background-color:#469AD5; color:#fff;
}

@media screen and (max-width:1440px) {
    .area-login form {}
    .area-login .btn {
        font-size:14px;
    }
    .area-login .top .logo {
        display:none;
    }
    .area-login .top .title {
        margin-bottom:24px;
        font-size:32px;
    }
    .area-login .top .body {
        margin-bottom:32px;
        font-size:12px; line-height:20px;
    }
    .area-login form {
        padding:40px;
    }
}

input[type="checkbox"] {
    display:none;
}
input[type="radio"] {
    display:none;
}

.m-input-checkbox.type01 {
    padding-left:30px;
    position:relative;
}
.m-input-checkbox.type01 .point {
    font-weight:bold; text-decoration: underline;
    color:#469AD5;
}
.m-input-checkbox.type01 label {
    color:#A4A4A4;
}
.m-input-checkbox.type01 label:before {
    content:""; width:20px; height:20px;
    position:absolute; left:0; top:0px;
    background:url("../images/check-inactive.png") no-repeat; background-size:100%;
}
.m-input-checkbox.type01 input:checked + label:before {
    background:url("../images/check-active.png") no-repeat; background-size:100%;
}

.m-input-radio.type01 {
    padding-left:34px;
    position:relative;
}
.m-input-radio.type01 .point {
    font-weight:bold; text-decoration: underline;
    color:#469AD5;
}
.m-input-radio.type01 label {
    color:#A4A4A4;
}
.m-input-radio.type01 label:before {
    content:""; width:26px; height:26px;
    position:absolute; left:0; top:-3px;
    background:url("../images/radio-inactive.png") no-repeat; background-size:100%;
}
.m-input-radio.type01 input:checked + label:before {
    background:url("../images/radio-active.png") no-repeat; background-size:100%;
}

.m-input-text.type01 input {
    width:100%;
    padding:16px 24px;
    background-color:#F5F5F5; border-radius:2px;
}
.m-input-text.type02 input {
    width:100%;
    padding:14px 26px;
    background-color:#fff; border:1px solid #D8D8D8;
}
.m-input-error {
    margin-top:4px;
    font-size:12px; color:red;
}

.mt-16 {
    margin-top:16px;
}
@media screen and (max-width:1440px) {
    .m-input-text.type01 input {
        font-size:12px;
    }
    .m-input-text.type02 input {
        height:40px; padding-left:8px;
        font-size:14px;
    }
    .m-input-radio.type01 label {
        font-size:14px;
    }
    .m-input-checkbox.type01 label {
        font-size:14px;
    }
}

.m-input-withBtn.type01 {
    display:flex;
}
.m-input-withBtn.type01 .m-input {
    flex:auto;
}
.m-input-withBtn.type01 .m-input-btn {

    min-width:95px; padding:0 20px; margin-left:12px;
    background-color:#474747; color:#fff; border-radius:2px;
}
@media screen and (max-width:1440px) {

}

.area-boards .contents {
    padding:88px 80px 56px 80px;
    position:relative;
    background-color:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}
.area-boards .contents .btn-login {
    position:absolute; top:20px; right:20px;
    background-color:#B3B3B3;
}
.area-boards .contents .btn-login .text {
    color:#fff;
}
.area-boards .contents .btn-login i {
    margin-right:16px;
    color:#fff;
}
.area-boards .contents .top > .body {
    margin-bottom:16px;
    font-size:20px; text-align: center;
}
.area-boards .contents .top > .title {
    margin-bottom:24px;
    font-size:48px; font-weight:bold; text-align: center;
}
.area-boards .contents .top .infos {
    display:flex; justify-content: center;
}
.area-boards .contents .top .info {
    display:flex; align-items: center;
    margin:0 32px;
}
.area-boards .contents .top .info .title {
    display:flex; align-items: center; justify-content: space-between;
    width:65px; margin-right:16px;
}
.area-boards .contents .top .info .body {
    font-size:18px;
}
.area-boards .contents .top .info i {
    margin-right:16px;
    font-size:24px; color:#A4A4A4;
}
.area-boards .contents .top .info .text {
    font-size:18px; font-weight:bold;
}
.area-boards .table-top {
    display:flex; align-items: center; justify-content: space-between; margin-bottom:24px;
}
.area-boards .table-top .title {
    padding-left:13px;
    position:relative;
    font-size:24px; font-weight:bold;
}
.area-boards .table-top .title:before {
    content:""; width:4px; height:29px;
    position:absolute; left:0; top:50%; transform:translateY(-50%);
    background-color:#469AD5;
}
@media screen and (max-width:1440px) {
    .area-boards {
        background-color:#fff;
    }
    .area-boards .contents .btn-login {
        width:48px; height:48px; top:0; right:0;
        padding:0;
    }
    .area-boards .contents .btn-login i {
        margin-right:0; font-size:24px;
    }
    .area-boards .contents .btn-login .text {
        display:none;
    }
    .area-boards .contents {
        padding:0; box-shadow:none;
    }
    .area-boards .contents .top > .body {
        margin-bottom:8px;
        font-size:12px;
    }
    .area-boards .contents .top > .title {
        margin-bottom:16px;
        font-size:24px;
    }
    .area-boards .contents .top .info .title {
        width:41px;
        margin-right:8px;
    }

    .area-boards .contents .top .info {
        margin:0 10px;
    }
    .area-boards .contents .top .info .text {
        font-size:12px;
    }
    .area-boards .contents .top .info .body {
        font-size:12px;
    }
    .area-boards .contents .top .info i {
        margin-right:6px;
        font-size:12px;
    }

}

.m-tabs.type02 {
    display:flex; justify-content: center;
}
.m-tabs.type02 .m-tabs-tab {
    display:flex; align-items: center; justify-content: center;
    width:160px; height:56px;
    font-weight:bold; color:#B1B1B1; background-color:#F5F5F5; border-left:1px solid white;
    transition: all .3s;
}
.m-tabs.type02 .m-tabs-tab:hover {
    background-color:#474747; color:#fff; box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.m-tabs.type02 .m-tabs-tab.active {
    background-color:#474747; color:#fff; box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.m-tabs.type02 .m-tabs-tab:first-of-type {
    border-left:none; border-radius:8px 0 0 8px;
}
.m-tabs.type02 .m-tabs-tab:last-of-type {
    border-left:none; border-radius:0px 8px 8px 0;
}
@media screen and (max-width:1440px) {
    .m-tabs.type02 .m-tabs-tab {
        height:40px;
        font-size:12px;
    }
}

.bg-gray {
    background-color:#6A6A6A !important;
}
.type-middle {
    min-width:240px;
}
.m-btn.type01 {
    display:flex; align-items: center; justify-content: center;
    width:128px; height:48px;
    border-radius:4px; background-color:#469AD5; color:#fff;
}
.m-btn.type02 {
    display:flex; align-items: center;
    padding:15px;
    border:1px solid #D9D9D9; border-radius:4px;
}
.m-btn.type02 i {
    margin-right:12px;
}
label {
    cursor:pointer;
}
@media screen and (max-width:1440px) {
    .m-btn.type02 {
        padding:12px 15px;
        font-size:14px;
    }
}

.m-table.type01 {
    width:100%;
    border-top:2px solid black;
}
.m-table.type01 th {
    padding:18px 8px; padding-left:45px;
    text-align: left; font-weight:bold;
    color:#333333;
}
.m-table.type01 tr {
    border-bottom:1px solid rgba(0,0,0,0.3);
}
.m-table.type01 tbody tr {
    cursor:pointer;
    transition:all .3s;
}
.m-table.type01 tbody tr:hover {
    background-color:#F5F5F5;
}
.m-table.type01 tbody tr.active {
    background-color:#F1F9FF;
}
.m-table.type01 tbody tr.active .title:before {
    content:""; width:20px; height:20px;
    position:absolute; left:16px; top:50%; transform:translateY(-50%);
    background:url("../images/notice.png") no-repeat;
}
.m-table.type01 .title {
    position:relative;
}
.m-table.type01 td {
    padding:22px 8px; padding-left:45px; text-align: left;
}
.m-table.type01 .state {
    display:flex; align-items: center;
    position:relative;

}
.m-table.type01 .state .text {
    font-weight:bold; color:#469AD5;
}
.m-table.type01 .state:before {
    content:""; display:inline-block; width:8px; height:8px;
    margin-right:8px; position: relative; top:-1px;
    border-radius:100%; background-color:#469AD5;
}
.toastui-editor-tooltip .text {
    color:#fff;
}
.m-table.type01 .state.처리중 .text {
    color:#DF2020;
}
.m-table.type01 .state.처리중:before {
    background-color:#DF2020;
}

@media screen and (max-width:1440px) {
    .m-table.type01 .state {
        content:"";
    }
    .m-table.type01 .state .text {
        font-size:14px;
    }
    .m-table.type01 th {
        padding:16px 8px;
        font-size:14px;
        white-space: nowrap;
    }
    .m-table.type01 td {
        max-width:calc(100vw - 200px);
        padding:16px 8px;
        font-size:14px;
        white-space: nowrap; text-overflow: ellipsis; overflow:hidden;
    }
    .m-table.type01 .title {
        padding-left:50px;
    }
}

.area-detail {
    background-color:#fff;
}
.area-detail .m-input-radios {
    display:flex; flex-wrap:wrap;
}
.area-detail .m-input-radios .m-input-radio {
    margin-right:12px;
}
.area-detail .btns {
    display:flex; align-items: center; justify-content: center;
}
.area-detail .btns .m-btn {
    margin:0 12px;
}
.area-detail:after {
    display:none;
}
.area-detail .page-title {
    margin-bottom:40px; padding-left:23px;
    position:relative;
    font-size:40px; font-weight:600;
}
.area-detail .page-title:before {
    content:""; width:8px; height:47px;
    position:absolute; left:0; top:50%; transform:translateY(-50%);
    background-color:#469AD5;
}


.m-input-title .star {
    color:#EF1818;
}
.area-detail .section {
    border-bottom:1px solid rgba(0,0,0,0.65);
}
.area-detail .section .top {
    display:flex; align-items: center;
    padding:20px 0;
    border-top:2px solid rgba(0,0,0,0.65); border-bottom:1px solid rgba(0,0,0,0.3);
}
.area-detail .section .top .section-title {
    font-size:24px; font-weight:600;
}
.area-detail .section .top .mark {
    margin-right:24px;
    font-size:40px; font-weight:bold; color:#469AD5;
}
.area-detail .section .top .sub {
    margin-left:57px;
    color:rgba(0,0,0,0.3);
}
.area-detail .section .editor-wrap {
    padding:40px 0;
}
.area-detail .section-form {
    display:flex; flex-wrap:wrap; align-items: flex-start;
    margin:-12px -20px; padding-bottom:32px;
    border-bottom:none;
}
.area-detail .section .m-input-wrap {
    display:flex; align-items: center;
    width:50%; min-height:73px;
    padding:12px 20px;
}
.area-detail .section .m-input-wrap.flex-start {
    align-items: flex-start;
}
.area-detail .section .m-input-wrap.flex-start .m-input-title {
    padding-top:12px;
}
.area-detail .section .m-input-body {
    flex:auto;
}
.area-detail .section .m-input-wrap .m-input-title {
    width:102px;
    font-size:18px;
}
.area-detail .files-wrap .box-title {
    display:flex; align-items: center; justify-content: space-between;
    padding:24px 20px; padding-right:0;
    border-bottom:1px solid rgba(0,0,0,0.3);
}
.area-detail .files-wrap .box-title .title {
    display:flex; align-items: center;
    font-size:17px; font-weight:500;
}
.area-detail .files-wrap .box-title .title i {
    margin-right:6px;
    font-size:20px;
    opacity:0.3;
}
.area-detail .files-wrap .empty {
    opacity:0.6;
}
.area-detail .files {
    min-height:120px;
    padding:27px 24px;
    background-color:#F8F8F8;
}
.area-detail .file {
    display:flex; align-items: center;
    margin-top:16px; padding-left:24px;
    position:relative;
}
.area-detail .file i {
    position:absolute; left:0; top:3px;
    opacity:0.3;
}
.area-detail .file:first-of-type {
    margin-top:0;
}

@media screen and (max-width:1440px) {
    .area-detail {
        padding-top:94px;
    }
    .area-detail .page-title {
        margin-bottom:24px;
        font-size:24px;
    }
    .area-detail .page-title:before {
        width:4px; height:29px;
    }
    .area-detail .section .top {
        flex-wrap:wrap;
    }
    .area-detail .section .top .section-title {
        font-size:14px;
    }
    .area-detail .section .top .mark {
        margin-right:8px;
        font-size:14px;
    }
    .area-detail .section .top .sub {
        width:100%; margin-top:8px; margin-left:19px;
        text-align: left;
        font-size:12px;
    }
    .area-detail .section .editor-wrap {
        padding:24px 0;
    }
    .area-detail .files-wrap .box-title {
        padding:12px 0;
    }
    .area-detail .files-wrap .box-title .title {
        font-size:12px;
    }
    .area-detail .files-wrap .box-title .title i {
        font-size:16px;
    }
    .area-detail .files-wrap .empty {
        font-size:12px;
    }
    .area-detail .files .file i {
        top:0;
        font-size:16px;
    }
    .area-detail .files .file .title {
        font-size:12px;
    }
    .area-detail .btns {
        margin:0 -12px;
    }
    .area-detail .section-form {
        margin:0;
        flex-wrap:wrap;
    }
    .area-detail .section .m-input-wrap {
        width:100%; min-height:auto; padding:0; margin:6px 0;
    }
    .area-detail .section .m-input-wrap .m-input-title {
        display:none;
    }

    .m-input-address > div:nth-child(2) {
        margin-top:8px;
    }
}
input[type="file"] {
    display:none;
}

.pop-parent {
    position: fixed;
    top:140px;
    right: 0;
    z-index: 99;
    transition: all .2s;
}
.pop-parent .pop {width:400px; position:relative;}
.pop-parent .pop .btn-toggle {width:40px; height:40px; position:relative; background-color:black;
    cursor:pointer;
}
.pop-parent .pop .btn-toggle img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg);
    transition:all .3s;
}
.pop-parent .pop-btns {display:flex; position:absolute; top:77px; left:-117px; background-color:#3c3c3c; opacity:1;
    transform:rotate(90deg);
}
.pop-parent .pop-btns a {color: #fff; padding: 7px 14px;}
.pop-parent .pop-btns #oneday_check {position: absolute; clip: rect(0,0,0,0);}
.pop-parent .pop-btns #oneday_check + label {display:flex; align-items:center; padding:0 10px; font-size:14px; color:#fff; cursor:pointer;}
.pop-parent .pop-btns #oneday_check + label:before {content:""; display:inline-block; width:12px; height:12px; margin-right:10px;  border:1px solid #fff;}
.pop-parent .pop-btns #oneday_check:checked + label .icon {position:absolute; left:7px; top:7px; display:inline-block; width:20px; height:20px; background:url('../img/check_checked.png') no-repeat center center}

.pop-parent .pop .swiper-btn-control {width:8px; height:11px; margin-left:16px; position:relative; top:2px;}
.pop-parent .swiper-control {display:flex; align-items:center; position:absolute; top:6px; right:20px; z-index:2;}
.pop-parent .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; border-radius:0; border:1px solid white; opacity:0.5; background-color:transparent;}
.pop-parent .swiper-pagination-bullet-active {background-color:#fff; opacity:1;}
.pop-parent.active {right:-400px;}
.pop-parent.active .btn-toggle img {transform:translate(-50%, -50%) rotate(90deg);}

@media screen and (max-width:1200px) {
    .pop-parent .pop {width:310px;}
    .pop-parent.active {
        right:-310px;
    }
}