@charset "utf-8";
@import url('https://webfontworld.github.io/sunn/SUIT.css');
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

footer {
    border-top: 1px solid #000;
    background: #eeeef2;
}

    footer .wrap {
        padding: 0 15px;
    }

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: SUIT, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 500;
    line-height: 1.0 !important;
    color: var(--bs-heading-color,inherit) !important;
}


ul, li, dl, dt, dd, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

body, a, input, button, select {
    font-family: SUIT, sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.025em;
    font-style: normal;
    line-height: 1.4;
    color: #000;
}

.Nanum {
    font-family: 'Nanum Myeongjo', serif;
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input, input[type="submit"] {
    appearance: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

    input[type="radio"],
    input[type="checkbox"] {
        /*appearance: auto;
	-webkit-appearance: auto;*/
    }

    input:focus,
    textarea:focus,
    select:focus,
    button:focus {
        outline: none;
    }

button,
label {
    cursor: pointer
}

b {
    font-weight: 600;
}

:root {
    --main-color: #E79E01; /* #37d34d;*/
    --border-color: #e5e5e5;
}

/* common */

.ellipsis {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wrap {
    max-width: 1054px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.left {
    float: left;
}

.right {
    float: right;
}

.pc {
    display: block;
}

.mb {
    display: none;
}

#con {
    flex: 1 0 auto;
    min-height: 695px;
}

.chk, .radio {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
    background: rgba(72,77,83,0.2);
}

.radio {
    border-radius: 50%;
}

input + label {
    vertical-align: middle;
}

input:checked + label .chk, input:checked + label .radio {
    background: var(--main-color);
}

input + label .chk, input + label .radio {
    margin-right: 5px;
    vertical-align: middle;
}

.chk:after, .radio:after {
    content: "";
    display: block;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    background: url("/img/chk.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

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

.nowwrap {
    white-space: pre-line;
    word-break: break-word;
}

.table01 {
    border-top: 1px solid #000;
    width: 100%;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

    .table01 th {
        background: #f6f6f7;
        font-weight: 600;
        padding: 15px 10px;
        border-bottom: 1px solid var(--border-color);
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        text-align: center;
    }

    .table01 td {
        height: 40px;
        border-bottom: 1px solid var(--border-color);
        font-weight: 500;
        text-align: center;
        text-align: -moz-center;
        text-align: -webkit-center;
    }

        .table01 td.tb_tt, .table01 td.tb_tt a {
            text-align: left;
            text-align: -moz-left;
            text-align: -webkit-left;
        }

select {
    background: #fff url("/img/sel_arrow2.png") no-repeat right 10px center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

.greenbox2 {
    border-radius: 8px;
    color: #fff;
    background: var(--main-color);
    height: 40px;
    line-height: 40px;
    width: 120px !important;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
}

.greenbox3 {
    border-radius: 8px;
    color: var(--main-color);
    border: 1px solid var(--main-color) !important;
    height: 40px;
    line-height: 40px;
    width: 120px !important;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

    .greenbox3 img {
        vertical-align: -1px;
        margin-right: 5px;
    }

.blackbtn {
    width: 100%;
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 5px;
    height: 40px;
}

.redbtn {
    width: 100%;
    display: block;
    background: #fff;
    color: #dc3545;
    text-align: center;
    border: 0;
    border-radius: 5px;
    height: 40px;
}

.inputbox {
    border: 1px solid #e5e5e6;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
}

.selbox {
    background: #fff url("/img/sel_arrow.png") no-repeat right 5px center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.box {
    display: inline-block;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    font-size: 16px;
    font-weight: 600;
    padding: 8px 38px;
}

::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background-color: #ddd
}


/* modal */

.modal_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 7;
}

.modal_con {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8;
    max-width: 720px;
    width: auto;
    min-width: 300px;
    /* height: 100%; */
    padding: 10px;
    z-index: 100;
}

.modalbox {
    background: #fff;
    border: 1px solid #e5e5e5;
    z-index: 10;
    padding: 10px;
    border-radius: 8px;
    overflow-y: auto;
    max-height: 760px;
    height: 100%;
}

    .modalbox .title {
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        /*padding-bottom: 10px;*/
    }

    .modalbox .close {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 22px;
        height: 22px;
        text-align: center;
        background: #dadbdd;
        border-radius: 50%;
        color: #fff;
        text-align: center;
    }

.modal_con.on {
    display: block;
}

.modal_con .close i {
    font-size: 16px;
}

.modalimg {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

    .modalimg img {
        max-width: 100%;
    }



/* main */

header {
    border-bottom: 1px solid rgba(209,209,219,0.5);
    /*margin-bottom: 25px;*/
    padding: 15px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    background: #fff;
}

    header > .wrap {
        width: 100%;
        display: flex;
        flex: 1 1 auto;
        vertical-align: middle;
        background: #fff;
    }

    header h1 {
        width: 190px;
    }

        header h1 a {
            display: block;
        }

            header h1 a img {
                max-width: 100%;
            }

.nav {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

    .nav ul {
        display: inline-block;
    }

        .nav ul:after {
            content: "";
            display: block;
            clear: both
        }

        .nav ul li {
            float: left;
            min-width: 72px;
        }

            .nav ul li.on {
                font-weight: 600;
                position: relative;
            }

                .nav ul li.on::before {
                    content: "";
                    display: inline-block;
                    width: 100%;
                    height: 4px;
                    background: var(--main-color);
                    top: -5px;
                    left: 0;
                    position: absolute;
                }

            .nav ul li a {
                display: inline-block;
                font-size: 20px;
                font-weight: 500;
                text-transform: uppercase;
            }

            .nav ul li + li {
                margin-left: 70px;
            }
.navright {
    width: 270px;
    padding-top: 25px;
    text-align: right; /* 270px 안에서 오른쪽 정렬 */
}

    /* li를 인라인으로 나란히 */
    .navright li {
        display: inline-block;
    }

        /* li 사이 간격 */
        .navright li + li {
            margin-left: 30px;
        }

        /* 구분선은 첫 번째 li 안의 a에만 */
        .navright li:first-child a::after {
            content: "";
            display: block;
            width: 1px;
            height: 12px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -15px;
            background: #504e4c;
            opacity: 0.2;
        }

    /* a 기본 스타일 */
    .navright a {
        font-size: 15px;
        color: #43444e;
        position: relative;
    }
/*.navright {
    width: 270px;
    padding-top: 25px;
}

    .navright a {
        display: inline-block;
        font-size: 15px;
        color: #43444e;
        position: relative;
    }

        .navright a + a {
            margin-left: 30px;
        }

    .navright:after {
        content: "";
        display: block;
        clear: both
    }

    .navright > * {*/
        /*float: left;*/
    /*}

    .navright a:first-child:after {
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -15px;
        background: #504e4c;
        opacity: 0.2;
    }*/

.ms_box > a {
    position: relative;
    padding-bottom: 65.43%;
    display: block;
}

.ms_box a > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ms_img {
    height: 100%;
}

    .ms_img img {
        width: 100%;
        height: 100%;
        padding-top: calc (300 / 1000 * 100 %);
        / * calc (이미지 높이 ÷ 이미지 가로 × 100 %) * /
    }

.ms_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 40px;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
}

    .ms_txt:after {
        content: "";
        display: block;
        clear: both
    }

    .ms_txt > div {
        color: #fff;
    }

    .ms_txt .left p {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .ms_txt .left div {
        font-size: 28px;
        word-break: keep-all;
    }

    .ms_txt .right {
        padding-top: 47px;
    }

        .ms_txt .right span {
            font-size: 17px;
            word-break: keep-all;
        }

            .ms_txt .right span:last-child {
                font-size: 16px;
            }

            .ms_txt .right span + span {
                margin-left: 30px;
            }

.main_slide {
    position: relative;
    width: 100%;
    margin: 25px auto 0
}

    .main_slide .slick-dots {
        width: 100%;
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translate(-50%);
        cursor: pointer;
        z-index: 4;
        /*width:200px;*/
        text-align: center;
    }

        .main_slide .slick-dots > li {
            display: inline-block;
        }

            .main_slide .slick-dots > li:after {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 100%;
                margin: 0 8px;
                background: rgba(43,43,53,0.3);
            }

            .main_slide .slick-dots > li button {
                display: none
            }

            .main_slide .slick-dots > li.slick-active:after {
                background: #25e443
            }

.main_eh {
    margin: 70px 0
}

.top_tt {
    margin-bottom: 10px;
}

    .top_tt:after {
        content: "";
        display: block;
        clear: both
    }

.tt {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
}

.more {
    padding-top: 22px;
}

    .more a {
        display: inline-block;
        text-align: right;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

.eh_list li > a {
    position: relative;
    padding-bottom: 100%;
    display: block;
}

.eh_list a > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.eh_img {
    height: 100%;
}

    .eh_img img {
        width: 100%;
        height: 100%;
    }

.eh_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
}

.eh_list:after {
    content: "";
    display: block;
    clear: both
}

.eh_list {
    margin: -7px
}

    .eh_list li {
        padding: 7px;
        float: left;
        width: 25%;
    }

.eh_txt {
    color: #fff;
}

    .eh_txt b {
        font-size: 24px;
        font-weight: 500;
    }

    .eh_txt p {
        opacity: 0.5;
        font-size: 13px;
    }

.mainwrap {
    /*padding-top: 95.88px;*/
}

/*left nav*/


#conwrap {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row nowrap;
    position: relative;
    padding: 0 0px;
}

.leftnav {
    width: 100%;
    /* flex: 1; */
    height: 100%;
    max-width: 295px;
    position: absolute;
}

    .leftnav > div {
        padding: 25px 35px;
        /*position: sticky;*/
        /*position: -webkit-sticky;*/
        position: absolute;
        top: 95px;
    }
    /*.leftnav>div>div {*/
    /*	background: #fff;*/
    /*}*/
    .leftnav .blackbtn {
        margin-top: 10px;
    }

#con {
    width: 100%;
    padding-top: 20px;
}

.lnbox {
    padding-bottom: 60px;
}

    .lnbox b {
        margin-bottom: 10px;
        display: block;
        font-size: 16px;
        font-weight: 700;
    }

.map {
    width: 100%;
    border: 1px solid #cfcfd6;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}

    .map img {
        width: 100%;
    }

.main_market {
    background: #2b2b37;
    padding: 50px 0;
}

    .main_market .tt, .main_market .more a {
        color: #fff;
    }

/*main data*/

.main_data {
    padding: 70px 0;
}

    .main_data .tt {
        margin-bottom: 40px;
    }

.maindt_con:after {
    content: "";
    display: block;
    clear: both
}

.maindt_con > div {
    float: left;
    width: 50%;
}

    .maindt_con > div:first-child {
        padding-right: 30px;
    }

    .maindt_con > div:last-child {
        padding-left: 30px;
    }

.maindt_tt:after {
    content: "";
    display: block;
    clear: both
}

.maindt_tt {
    margin-bottom: 10px;
}

    .maindt_tt .left {
        font-size: 22px;
        font-weight: 500;
    }

.maindt_con ul {
    border-top: 2px solid #000;
    width: 100%;
}

.maindt_con li {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.data_nt {
    padding: 3px 8px;
    border-radius: 12px;
    color: #fff !important;
    font-size: 14px;
}

    .data_nt.green {
        background: var(--main-color);
    }

    .data_nt.grey {
        background: #888891;
    }

    .data_nt.blue {
        background: #2183f2;
    }

.maindt_con li a {
    display: inline-block;
    width: calc(100% - 50px);
    padding: 0 10px;
    font-size: 17px;
    font-weight: 500;
    vertical-align: middle;
}

.term_ul {
    padding: 25px 0;
    margin-bottom: 0px !important;
}

    .term_ul li {
        display: inline-block;
    }

        .term_ul li + li {
            margin-left: 45px;
        }

        .term_ul li a {
            color: #2b2b37;
            font-size: 17px;
            font-weight: 500;
        }

.footerinfo ul {
    padding: 0px;
    margin-bottom: 0px !important;
}

    .footerinfo ul li {
        display: inline-block;
        color: #2b2b37;
        font-size: 14px;
    }

        .footerinfo ul li + li {
            margin-left: 20px;
        }

#topnav{
    height: 96px;
}
.footercopy {
    padding: 10px 0 35px;
}

/*login*/
.login .wrap {
    max-width: 390px;
    padding: 10px 0px 10px;
}

    .login .wrap h1 {
        text-align: center;
        font-weight: 600;
        font-size: 36px;
        padding-bottom: 40px;
    }

    .login .wrap input {
        padding: 15px;
    }

        .login .wrap input + input {
            margin-top: 10px;
        }

.autolog {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 600;
    color: #242834;
}

.logbottom {
    padding: 30px 0 40px;
}

    .logbottom:after {
        content: "";
        display: block;
        clear: both
    }

.snsbox ul:after {
    content: "";
    display: block;
    clear: both
}

.snsbox ul {
    margin: 0 -5px;
    border-top: 1px solid var(--border-color);
    width: 100%;
    padding: 35px 0;
}

    .snsbox ul li {
        float: left;
        width: 33.3%;
        padding: 0 4px;
        text-align: center;
    }

        .snsbox ul li a {
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
        }

.greybox2 {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 22px;
    background: #dadbdd;
    display: block;
    color: #90949d;
    text-align: center;
}

    .greybox2.on {
        color: #fff;
        background: var(--main-color);
    }

.greenbox {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 22px;
    background: var(--main-color);
    display: block;
    color: #fff;
    text-align: center;
}


.logbottom .left a {
    font-weight: 600;
    color: #242834;
    font-size: 16px;
}

.snsbox b {
    text-align: center;
    background: #fff;
    display: inline-block;
    font-size: 16px;
    color: #242834;
    font-weight: 600;
    position: relative;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 5px;
}



/*join01*/

.join .wrap {
    max-width: 390px;
    margin-top: 96px;
    padding: 70px 15px 0;
}

    .join .wrap h1 {
        text-align: center;
        font-weight: 600;
        font-size: 36px;
        padding-bottom: 40px;
    }

.allchk {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.join01box {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 17px;
}

    .join01box b {
        color: #f82a5a;
    }

.termcon {
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    padding: 10px;
    height: 175px;
}

    .termcon > div {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

.join01box input + label span {
    vertical-align: -9px;
}

/*join02*/


.radioul:after {
    content: "";
    display: block;
    clear: both
}

.radioul li {
    float: left;
    margin-right: 25px;
}

    .radioul li:last-child {
        margin-right: 0;
    }

    .radioul li input + label {
        font-size: 16px;
        font-weight: 500;
    }

    .radioul li span {
        margin-right: 5px;
    }

.join02 .wrap {
    max-width: 430px;
}

.join .wrap input, .join .wrap select {
    padding: 15px;
}

.jointt:after {
    content: "";
    display: block;
    clear: both
}

.jointt {
    padding-bottom: 15px;
}

.joinbox {
    padding-bottom: 30px;
}

.jointt label {
    font-size: 17px;
    font-weight: 500;
}

.red {
    color: #d3374d;
}

.grey {
    color: rgba(36,40,52,0.5);
}

.green {
    color: var(--main-color);
}

.joinbirth {
    padding-top: 15px;
    margin: 0 -5px;
}

    .joinbirth:after {
        content: "";
        display: block;
        clear: both
    }

    .joinbirth > div {
        float: left;
        width: 33.333%;
        padding: 0 5px;
    }

.joinboxs {
    display: flex;
    flex: 1 1 auto;
    margin: 0 -5px;
    width: 100%;
}

    .joinboxs > div {
        padding: 0 5px;
        width: 100%;
    }

        .joinboxs > div:nth-child(even) {
            width: 25px;
            vertical-align: middle;
            font-weight: 600;
            padding: 15px 5px;
        }

.join select {
    font-size: 16px;
    font-weight: 500;
}

.input_email {
    overflow: hidden;
    width: 100%;
}

    .input_email select {
        width: 100%;
    }

    .input_email .email_box {
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

        .input_email .email_box > div.gol_s {
            width: 24px;
            border: 0;
            vertical-align: middle;
            text-align: center;
        }

        .input_email .email_box > div {
            display: table-cell;
            width: calc(100% - 24px /2);
        }



/*join03*/

.join03 {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

    .join03 .wrap {
        padding: 170px 15px;
    }

.boxbtn {
    border: 1px solid var(--border-color);
    color: #000;
    font-weight: 500;
}

.joincom_btn:after {
    content: "";
    display: block;
    clear: both
}

.joincom_btn {
    width: 100%;
    margin: 0 -5px;
}

    .joincom_btn > li {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

        .joincom_btn > li a {
            width: 100%;
            display: block;
            border-radius: 8px;
            text-align: center;
            text-align: -moz-center;
            text-align: -webkit-center;
            padding: 15px 5px;
            font-size: 20px;
            font-weight: 600;
        }

.joincom_tt {
    margin: 40px 0 70px;
    font-size: 30px;
    font-weight: 500;
}

    .joincom_tt b {
        color: var(--main-color);
    }


/*con0101*/

.con_nav:after {
    content: "";
    display: block;
    clear: both
}

.con_nav {
    border-bottom: 1px solid rgba(209,209,219,0.5);
    width: 100%;
    margin-bottom: 70px;
}

    .con_nav .left:after {
        content: "";
        display: block;
        clear: both
    }

    .con_nav .left {
        max-width: 420px;
        width: 100%;
        display: table;
    }

        .con_nav .left li:first-child {
            border-left: 1px solid rgba(209,209,219,0.5);
        }

        .con_nav .left li {
            display: table-cell;
            width: 33.333%;
            height: 50px;
            vertical-align: middle;
            border-right: 1px solid rgba(209,209,219,0.5);
            text-align: center;
        }

            .con_nav .left li a {
                display: block;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                font-size: 18px;
                font-weight: 600;
                line-height: 50px;
            }

            .con_nav .left li:first-child.on {
                border-left: 1px solid #000;
            }

            .con_nav .left li.on {
                border-right: 1px solid #000;
                color: #fff;
                background: #000;
            }

                .con_nav .left li.on a {
                    color: #fff;
                }

.con_nav2 .left {
    max-width: 560px;
}

    .con_nav2 .left li {
        width: 25%;
    }

.con_nav .right {
    width: 350px;
    height: 50px;
    vertical-align: middle;
}

.connav_slidebox {
    padding: 12px 0;
}

    .connav_slidebox > * {
        vertical-align: middle;
    }

    .connav_slidebox a {
        width: calc(100% - 28px);
        display: inline-block;
        font-size: 17px;
        font-weight: 600;
        height: 25px;
    }

        .connav_slidebox a span {
            margin: 0 10px;
        }

    .connav_slidebox img {
        display: inline-block;
        width: 28px;
    }

.con_tt:after {
    content: "";
    display: block;
    clear: both
}

.con_tt {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

    .con_tt h1 {
        padding-bottom: 21px;
        font-weight: 700;
        font-size: 36px;
    }

    .con_tt .right:after {
        content: "";
        display: block;
        clear: both
    }

    .con_tt .right {
        width: auto;
        border-top: 1px solid rgba(209,209,219,0.5);
        margin-top: 25px;
    }

        .con_tt .right li {
            float: left;
            width: 100px;
            height: 45px;
            border-right: 1px solid rgba(209,209,219,0.5);
            text-align: center;
        }

            .con_tt .right li:first-child {
                border-left: 1px solid rgba(209,209,219,0.5);
            }

            .con_tt .right li a {
                width: 100%;
                height: 100%;
                display: block;
                font-weight: 500;
                font-size: 16px;
                padding: 12px 5px;
                background: #f6f6f7;
                color: #a3a3a3;
            }

            .con_tt .right li:first-child.on {
                border-left: 1px solid #000;
            }

            .con_tt .right li.on {
                border-right: 1px solid #000;
                color: #fff;
                background: #000;
            }

                .con_tt .right li.on a {
                    color: #fff;
                    background: #000;
                }


    .con_tt:after {
        content: "";
        display: block;
        clear: both
    }

.con_ttns {
}

    .con_ttns h1 {
        padding-bottom: 21px;
        font-weight: 700;
        font-size: 36px;
    }

    .con_ttns .right:after {
        content: "";
        display: block;
        clear: both
    }

    .con_ttns .right {
        width: auto;
        border-top: 1px solid rgba(209,209,219,0.5);
        margin-top: 25px;
    }

        .con_ttns .right li {
            float: left;
            width: 100px;
            height: 45px;
            border-right: 1px solid rgba(209,209,219,0.5);
            text-align: center;
        }

            .con_ttns .right li:first-child {
                border-left: 1px solid rgba(209,209,219,0.5);
            }

            .con_ttns .right li a {
                width: 100%;
                height: 100%;
                display: block;
                font-weight: 500;
                font-size: 16px;
                padding: 12px 5px;
                background: #f6f6f7;
                color: #a3a3a3;
            }

            .con_ttns .right li:first-child.on {
                border-left: 1px solid #000;
            }

            .con_ttns .right li.on {
                border-right: 1px solid #000;
                color: #fff;
                background: #000;
            }

                .con_ttns .right li.on a {
                    color: #fff;
                    background: #000;
                }




.exul {
    display: flex;
    flex: 1 1 auto;
    border-bottom: 1px solid var(--border-color);
    align-items: center;
}

    .exul:hover {
        background: #f6f6f7;
    }

    .exul .eximg {
        padding: 20px;
        width: 280px;
    }

        .exul .eximg a {
            display: block;
            width: 100%;
        }

        .exul .eximg img {
            width: 200px;
            height: 200px;
            object-fit: cover;
        }

    .exul .extxt {
        padding: 30px 20px 25px;
        width: calc(100% - 280px);
    }

.exdate {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
    vertical-align: middle;
}

.extt a {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
    display: block;
}

.exauthor {
    font-size: 22px;
    font-weight: 600;
}

.exloca {
    font-size: 18px;
}

    .exloca img {
        vertical-align: middle;
        margin-right: 5px;
    }

.exdate span {
    margin-left: 5px;
    vertical-align: middle;
}

.exdate span {
    margin-right: 5px;
}

.con01_date b {
    font-size: 16px !important
}

/*paging*/

.paging {
    padding: 50px 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

    .paging div a {
        display: inline-block;
        padding: 8px 15px;
        font-size: 13px;
        border: 1px solid var(--border-color);
        font-weight: 500;
    }

        .paging div a + a {
            margin-left: 5px;
        }

    .paging ul {
        padding: 0 20px;
    }

        .paging ul li {
            display: inline-block;
        }

            .paging ul li a {
                padding: 6px 15px;
                font-size: 16px;
                display: inline-block;
                font-weight: 500;
            }

            .paging ul li.on a {
                background: #000;
                color: #fff;
            }

            .paging ul li:hover a {
                color: var(--main-color);
            }


/*con01 view*/


.con01view01:after {
    content: "";
    display: block;
    clear: both
}

.con01view01 .left {
    width: 450px;
}

    .con01view01 .left div {
        margin-top: 15px;
        font-weight: 600;
    }

    .con01view01 .left .topimg > img {
        max-width: 450px;
        width: 100%;
    }

.con01view01 .right {
    width: calc(100% - 450px);
    padding: 20px 0 20px 70px;
}

.con01view01 .left > img {
    width: 100%;
    max-width: 450px;
}

.con01view > div {
    padding-top: 70px;
}

.con02 .con01view > div:first-of-type {
    padding-top: 0;
}

.con01view01_con table tr {
}

.con01view01_con table th {
    font-weight: 600;
    width: 100px;
    text-align: left;
    padding-bottom: 10px;
    font-size: 16px;
    vertical-align: top;
}

.con01view01_con table td {
    text-align: left;
    padding-bottom: 10px;
    font-size: 16px;
    word-break: keep-all;
}

    .con01view01_con table td img {
        margin-right: 5px;
        vertical-align: middle;
    }

.con01view01_tt h2 {
    font-weight: 700;
    padding: 20px 0;
    font-size: 30px;
    letter-spacing: 0.025em;
    word-break: keep-all;
}

.con01view01_tt > div {
    font-size: 18px;
    font-weight: 500;
}

    .con01view01_tt > div span {
        margin-right: 5px;
    }

.con01view_author {
    font-size: 18px;
}

.con01view01 .con01view01_con {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.08);
}

.imglist:after {
    content: "";
    display: block;
    clear: both
}

.imglist ul li {
    width: 100px;
    height: 100px;
    display: inline-block;
}

    .imglist ul li + li {
        margin-left: 10px;
    }

    .imglist ul li img {
        width: 100%;
    }

.con02 .con01view01 .imglist .left {
    width: auto;
}

.con02 .con01view01 .imglist .right {
    padding: 0;
    width: auto;
}

.con01tt {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.035em;
    display: block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.con01view_slide {
    position: relative;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.pre {
    left: -30px;
    transform: rotate(180deg);
    top: 40%;
}

.nex {
    right: -20px;
}

.con01view03_con {
    font-size: 16px;
}

.con01view04_box:after {
    content: "";
    display: block;
    clear: both
}

.con01view04_box {
    margin-bottom: 26px;
}

    .con01view04_box > div {
        line-height: 34px;
        font-size: 16px;
    }

.con01view04_boxtt {
    width: 100px;
    font-size: 16px;
    font-weight: 600;
}

/*con0103*/


.con0103_row:after {
    content: "";
    display: block;
    clear: both
}

.con0103_row > div {
    float: left;
}

.con0103_row {
    padding-bottom: 80px;
}

.con0103 {
    padding: 30px 0 80px;
}

.con0103_rowtt {
    width: 200px;
    font-size: 17px;
    font-weight: 500;
    color: #242834;
}

.con0103_rowcon {
    width: calc(100% - 200px);
}

    .con0103_rowcon select {
        width: 100%;
        max-width: 360px;
        padding: 10px 15px;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        margin-bottom: 30px;
    }

.con0103_info .left {
    width: 240px;
    height: 200px;
}

    .con0103_info .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.con0103_info .right {
    padding-left: 40px;
    width: calc(100% - 240px);
    padding-top: 25px;
}

.con0103 .mygift01 {
    padding-top: 0;
}

.con0103_rowcon .mygift01 .right a {
    margin-bottom: 15px;
    background: #000;
    color: #fff;
}

.con0103_rowcon02 {
    padding: 15px;
    border: 1px solid var(--border-color);
    min-height: 300px;
}

.con0103btn {
    text-align: center;
}

    .con0103btn a {
        display: inline-block;
        width: 175px;
        padding: 10px;
        font-size: 20px;
        font-weight: 500;
    }

        .con0103btn a + a {
            margin-right: 10px;
        }

        .con0103btn a img {
            vertical-align: middle;
            margin-right: 5px;
        }


/*con0201*/

.con0201:after {
    content: "";
    display: block;
    clear: both
}

.con0201 {
    padding-top: 35px;
}

    .con0201 > h3 {
        display: block;
        width: 100%;
        font-size: 20px;
        line-height: 45px;
    }

    .con0201 .left {
        width: 180px;
    }

    .con0201 .right {
        width: calc(100% - 180px);
        padding-left: 20px;
    }

    .con0201 .left li {
        height: 40px;
        border-bottom: 1px solid rgba(0,0,0,0.08);
        display: block;
        padding: 9px 15px;
        color: #b4b4b4;
        cursor: pointer;
    }

        .con0201 .left li.on {
            background: #f6f6f7;
            color: #000;
            position: relative;
            font-weight: 600;
        }

            .con0201 .left li.on:after {
                content: "";
                display: block;
                position: absolute;
                width: 10px;
                height: 10px;
                right: 15px;
                top: 50%;
                transform: translateY(-50%) rotate(-90deg);
                background: url("/img/sel_arrow2.png") no-repeat;
                -moz-background-size: 10px 6px;
                -o-background-size: 10px 6px;
                -webkit-background-size: 10px 6px;
                background-size: 10px 6px;
            }

.lc_data {
    padding-top: 50px;
}

    .lc_data .tt20 {
        padding-bottom: 10px;
    }

.tt20 {
    font-size: 20px;
}

.lc_data ul {
    margin: 0 -10px;
}

    .lc_data ul:after {
        content: "";
        display: block;
        clear: both
    }

    .lc_data ul li a:after {
        content: "";
        display: block;
        clear: both
    }

    .lc_data ul li {
        float: left;
        width: 50%;
        padding: 5px 10px;
    }

        .lc_data ul li a {
            border: 1px solid #e5e5e5;
            display: block;
            height: 100px;
        }
            /*.lc_data ul li:hover a {*/
            /*	box-shadow: 1px 1px 0px #000*/
            /*}*/
            .lc_data ul li a > div {
                float: left;
            }

.lc_dataimg {
    width: 100px;
    height: 100px;
}

    .lc_dataimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.con02_txt {
    width: calc(100% - 100px);
    padding: 15px;
}

    .con02_txt b {
        font-size: 18px;
        padding-bottom: 10px;
        display: block;
    }

    .con02_txt p {
        color: rgba(0,0,0,0.5);
        font-size: 13px;
    }

.con0201 .map {
    margin-top: 0;
}

.con02 .con01view01 .right {
    padding: 0 0 20px 70px;
}

.con02view_con {
    width: 100%;
    border: 1px solid #cfcfd6
}

    .con02view_con img {
        width: 100%;
    }

.con_list:after {
    content: "";
    display: block;
    clear: both
}

.con_list ul {
    margin: 0 10px;
}

    .con_list ul li {
        float: left;
        width: 330px;
        height: 400px;
        padding: 10px 5px;
        margin-top: 0px;
    }

        .con_list ul li a {
            width: 100%;
            display: block;
            border: 1px solid #e5e5e5
        }

            .con_list ul li a img {
                width: 100%;
                height: 278px;
            }

.con_img {
    position: relative;
    width: 100%;
    padding-bottom: 5%;
}
    .con_img > div, .con_img > a {
        inset: 0;
        width: 100%;
        height: 100%;
    }

.con02 .con_tt {
    margin-bottom: 50px;
}

.con_txt {
    padding: 15px;
}

    .con_txt b {
        font-size: 18px;
        margin-bottom: 10px;
        display: block;
    }

    .con_txt p {
        font-size: 13px;
        color: rgba(0,0,0,0.5);
    }

.con0203 .con_tt, .con0204 .con_tt {
    margin-bottom: 0;
}

.con_tt h1 span {
    color: rgba(43,43,55,0.8);
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
}

.con0204 table td {
    height: auto;
    padding: 15px 10px;
}

.tb_img {
    padding: 8px;
}

    .tb_img a {
        width: 70px;
        height: 60px;
        display: block;
    }

    .tb_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tb_subject {
    text-align: left;
    max-width: 450px;
}

    .tb_subject a {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
    }

    .tb_subject p {
        font-size: 15px;
        text-align: left;
    }

/*
.modal_bg {
	background: #000;
	opacity: 0.5;
	position:fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index: 19;
	display: none;
}
.modal {
	position:fixed;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	z-index: 20;
	padding:15px;
}
.modal.on {
	top:50%;
}
*/

#topnav .subnav {
    position: fixed;
    top: 95.8px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 2px solid #000;
    z-index: 2;
    display: none;
}

    #topnav .subnav > div {
        max-width: 540px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        #topnav .subnav > div:after {
            content: "";
            display: block;
            clear: both
        }

        #topnav .subnav > div ul {
            padding: 20px 0;
            /*width: 25%;*/
            text-align: center;
        }

            #topnav .subnav > div ul + ul {
                margin-left: 70px;
            }

.nav ul {
    display: inline-block;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}

#topnav .subnav > div ul li + li {
    margin-top: 10px;
}

#topnav .subnav > div ul li a {
    display: block;
    color: rgba(51,51,51,0.6);
}

#topnav .subnav > div ul li.on a {
    color: #000;
    font-weight: 600;
}

#topnav:hover .subnav {
    display: block;
}

#topnav .subnav ul li:hover a {
    color: var(--main-color);
}


/****************con03***************/

.li_inner {
    position: relative;
    border: 1px solid #e5e5e5
}

    .li_inner .con03_span01, .li_inner .con03_span02 {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        padding: 3px 5px;
        display: inline-block;
    }

.con03_span01 {
    background: rgba(55,211,77,0.9);
}

.con03_span02 {
    background: rgba(141,141,146,0.9);
}

.con0301 .con_txt p {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
}

.con_list ul li a.blackbtn {
    padding: 8px;
}

.con0301 .con_list ul li a {
    border: 0
}

.con01view01_con table td ul {
    padding: 15px 0;
}

    .con01view01_con table td ul:after {
        content: "";
        display: block;
        clear: both
    }

    .con01view01_con table td ul li {
        float: left;
    }

        .con01view01_con table td ul li + li {
            margin-left: 10px;
        }

.con01view01_con table td b {
    font-size: 30px;
}

.con03 .con01view01_con table th {
    vertical-align: middle;
}

.con03 .greenbox {
    max-width: 360px;
    margin: 5px 0;
}

.com0301_tb p {
    padding: 10px 0;
    font-size: 14px;
    color: rgba(0,0,0,0.5);
}

.con03_nav:after {
    content: "";
    display: block;
    clear: both
}

.con03_nav {
    border-bottom: 1px solid #000;
    margin-top: 60px;
}

    .con03_nav li {
        float: left;
        width: 25%;
        height: 60px;
        border-right: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
    }

        .con03_nav li a {
            display: block;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            font-size: 18px;
            font-weight: 600;
            line-height: 60px;
            text-align: center;
            color: #a3a3a3;
            background: #f6f6f7;
        }

        .con03_nav li:first-child.on {
            border-left: 1px solid #000;
        }

        .con03_nav li.on {
            border-right: 1px solid #000;
            color: #fff;
            background: #000;
            border-top: 1px solid #000;
        }

            .con03_nav li.on a {
                color: #fff;
                background: #000;
            }

.con03 .con01view .content {
    padding-top: 90px;
    margin-top: 30px;
}

.con03_nav.on {
    position: fixed;
    top: 95.8px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1024px;
    width: 100%;
    z-index: 2;
    margin-top: 0
}

.con03_nav {
    position: static;
    top: auto;
    left: auto;
    transform: translateX(0);
}

#con0301_03 .map {
    height: 430px;
    margin-top: 60px;
}

#con0301_04 b {
    font-size: 30px;
    margin-bottom: 10px;
}

#con0301_04 p {
    font-size: 16px;
}

.con03_modal .title h2 {
    font-size: 20px;
}

.con03_modal .modal_box div {
    min-height: 300px;
}

.con03_modal .modalbtn:after {
    content: "";
    display: block;
    clear: bottom
}

.con03_modal .modalbtn {
    text-align: center;
}

    .con03_modal .modalbtn a {
        display: inline-block;
        text-align: center;
        width: auto;
    }

.con03_modal .close {
    border: 0;
    background: transparent;
    width: auto;
    height: auto;
}

.extb table {
    text-align: left;
}

    .extb table th {
        width: 100px;
    }

    .extb table th, .extb table td {
        font-size: 16px;
        padding-top: 5px;
    }

.con03 .extt a {
    margin-bottom: 10px;
}

.exwriter {
    font-size: 18px;
    margin-bottom: 15px;
}

.exinfo {
    width: 230px;
    text-align: center;
}

.con03 .exul {
    display: table;
    width: 100%;
}

    .con03 .exul > div {
        display: table-cell;
        vertical-align: middle;
    }

    .con03 .exul .extxt {
        padding: 30px 20px 25px;
        width: calc(100% - 510px);
    }

.blue {
    color: #3868c1;
}

.exinfo span {
    font-size: 18px;
    font-weight: 600;
    display: block;
}


/*content04*/


.con0401_right > div {
    display: inline-block;
}


.con04_search select {
    width: 120px;
    height: 40px;
    margin-right: 5px;
    display: inline-block;
}

.con_tt .right.con0401_right {
    border-top: 0;
}

.con0401_right input {
    width: 170px;
    height: 40px;
    margin-right: 5px;
    display: inline-block;
}

.con0401_right .blackbtn {
    padding: 10px 5px;
    width: 90px;
    height: 40px;
    display: inline-block;
    margin-right: 30px;
}

/*.con0401_right .con04_search{*/
/*	width: 430px;*/
/*}*/

.con04_tt_title {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    padding: 10px 10px 15px;
    background: #f6f6f7;
    border-bottom: 1px solid var(--border-color);
}

.con04_tt_title {
    font-size: 18px;
    font-weight: 600;
}

    .con04_tt_title span {
        margin-right: 5px;
    }

.con04_tt_sub:after {
    content: "";
    display: block;
    clear: both
}

.con04_tt_sub b {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
}

.con04_tt_sub {
    padding: 15px 35px;
    border-bottom: 1px solid var(--border-color);
}

    .con04_tt_sub .right div {
        display: inline-block;
        margin-right: 40px;
        font-size: 15px;
    }

        .con04_tt_sub .right div:last-child {
            margin-right: 0;
        }

.con04_con {
    padding: 20px 35px 50px;
    border-bottom: 1px solid var(--border-color);
}

.con04_bottom:after {
    content: "";
    display: block;
    clear: both
}

.con04_bottom {
    padding: 25px 0 50px;
}

.con04_bottom2 .tb_tt a {
    font-size: 17px;
    font-weight: 600;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important
}

.con04_bottom2 td {
    width: 10%;
}

    .con04_bottom2 td.tb_date {
        width: 25%
    }

    .con04_bottom2 td.tb_tt {
        width: 20%;
        max-width: 400px;
    }

.con04_bottom2 .table01 td {
    height: 50px;
    padding: 5px 10px;
}

    .con04_bottom2 .table01 td.pc {
        display: table-cell;
    }

.tb_date span {
    display: inline-block;
}

.firsttd {
    width: 100px;
    min-width: 60px;
}

.con04_bottom2 .table01 {
    border-top: 1px solid var(--border-color);
    border-left: 0;
    border-right: 0;
}

.input_email2:after {
    content: "";
    display: block;
    clear: both
}

.input_email2 > div {
    float: left;
}

.con04_write tr {
    border-bottom: 1px solid var(--border-color);
}

    .con04_write tr th, .con04_write tr td {
        padding: 10px 0;
    }

        .con04_write tr th, .con04_write tr td:last-child {
            padding-right: 10px;
        }

    .con04_write tr th {
        width: 140px;
        padding-left: 11px;
    }

.input_email2 .email_box {
    width: 64%;
}

.input_email2 .email_select {
    width: 35%;
    margin-left: 1%;
}

.con04_write .date {
    display: table;
    max-width: 430px;
    width: calc(100% - 250px);
}

    .con04_write .date > div {
        position: relative;
    }

    .con04_write .date button {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        border: 0
    }

    .con04_write .date > div {
        display: table-cell;
        width: calc(100% - 120px / 2);
    }

        .con04_write .date > div:nth-child(even) {
            width: 60px;
            text-align: center;
        }

.date_info {
    margin-left: 20px;
    padding: 10px 0;
}

.td_date:after {
    content: "";
    display: block;
    clear: both
}

.td_date > div {
    float: left;
}

    .td_date > div.date_info {
        word-break: keep-all;
    }

.con04_con textarea {
    border: 0;
    resize: none;
    width: 100%;
    min-height: 440px;
}

.con04_writebox {
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
}

.con04_pc {
    display: table-cell;
}


.writebtn {
    padding-top: 40px;
    text-align: center;
}

.con04_file .blackbtn {
    min-width: 120px;
    /*margin-right: 10px;*/
    padding: 10px;
    display: inline-block;
}

.con04_file .inputbox {
    display: inline-block;
    width: calc(100% - 140px);
    max-width: 400px;
}

    .con04_file .inputbox input {
        border: 0;
        width: calc(100% - 30px);
    }

.con04_file {
    display: inline-block;
    vertical-align: top;
    align-content: center;
}

#Preview {
    display: inline-block;
    vertical-align: top;
}

    #Preview .imgbox {
        width: 120px;
        height: 120px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

        #Preview .imgbox .ex {
            display: inline-block;
            background: #dadbdd;
            width: 22px;
            height: 22px;
            overflow: hidden;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            right: -5px;
            top: -5px;
            position: absolute;
        }

    #Preview li {
        margin-left: 10px;
    }

    #Preview img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* myhome */

.mhnav .wrap {
    align-items: center;
}

.mhnav h1 {
    width: 220px;
}

    .mhnav h1 a {
        width: 100%;
    }

        .mhnav h1 a b {
            font-size: 28px;
            display: inline-block;
            margin-right: 5px;
        }

        .mhnav h1 a span {
            display: inline-block;
            font-size: 16px;
        }

.mhnav .wrap .nav {
    margin-top: 0;
}

.mhnav .nav ul {
    display: inline-block;
    position: static;
    left: auto;
    transform: translateX(0);
    margin-bottom: 0px !important;
}


.mhnav .nav {
    flex: 1;
    width: auto;
}

.mhnav .navright {
    width: 300px;
    padding-top: 0
}

header.mhnav {
    padding: 25px 0;
}

#myhome .mainwrap {
    padding-top: 90.19px;
}

.mhnav .navright a:nth-child(2):after, .mhnav .navright a:first-child:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    background: #504e4c;
    opacity: 0.2;
}

.mhnav .navright a + a {
    margin-left: 15px;
}

.mhnav .nav ul li a {
    font-size: 18px;
    text-transform: capitalize;
}

.mhnav .nav ul li + li {
    margin-left: 50px;
}

.myhome_home {
    padding: 40px 0;
    text-align: center;
}

.privacy_term {
    padding-top: 150px;
}

.pt_con {
    padding: 15px;
}

.privacy_term {
    min-height: calc(100vh - 260px);
}





/* myhome01 */

.myhome_top:after {
    content: "";
    display: block;
    clear: both
}

.myhome_top {
    padding: 100px 0;
}

    .myhome_top .left {
        margin: 0 100px;
        width: 300px;
        height: 300px;
        position: relative;
        display: flex;
    }

    .myhome_top .right {
        width: calc(100% - 500px);
    }

.mhtt {
    padding-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}

    .mhtt h2 {
        display: inline-block;
        margin-right: 5px;
        font-size: 36px;
    }

    .mhtt span {
        font-size: 18px;
    }

.myhome01 .con01view01_con {
    padding-top: 30px;
}

.myhome_top .photo {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.con_tt h3 {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0px !important;
}

.mh_con .con01view01_con table th, .mh_con .con01view01_con table td {
    padding-bottom: 30px;
}

    .mh_con .con01view01_con table td div {
        line-height: 34px;
    }


#myhome .con_tt {
    padding-top: 30px;
}

.main_eh .tt {
    font-size: 26px;
    /*text-transform: capitalize;*/
}

#myhome .con_tt {
    padding-bottom: 15px;
}

    #myhome .con_tt h2 {
        font-size: 26px;
    }

    #myhome .con_tt .right {
        margin-top: 0;
    }

        #myhome .con_tt .right + .right {
            margin-right: 10px;
        }

/*myhome03*/

.mhlist table th, .mhlist table td {
    text-align: left;
    padding-bottom: 5px;
}

.mhlist table th {
    width: 100px;
}

/*#myhome {
    min-height: calc(100vh - 260px);
}*/

.main_eh.mh_artwork {
    margin: 50px 0
}

#myhome .con03_nav.on {
    top: 90.18px;
}

#myhome .con_tt .right.greenbox3 {
    border: 1px solid var(--main-color) !important
}


/* myhome04 */



.myhistory table {
    border: 1px solid var(--border-color);
}

    .myhistory table tr {
        border-bottom: 1px solid var(--border-color);
    }

    .myhistory table th, .myhistory table td {
        padding: 10px;
    }

    .myhistory table th {
        width: 120px;
    }

.myhome04_btn {
    padding-top: 40px;
    text-align: center;
}


/* myhome05 */

.mh05nav:after {
    content: "";
    display: block;
    clear: both
}

.mh05nav > a {
    display: inline-block;
    float: left;
    padding: 10px 50px;
    color: rgba(0,0,0,0.5);
    font-size: 18px;
    border: 1px solid var(--border-color);
    font-weight: 600;
}

    .mh05nav > a.on {
        background: #000;
        color: #fff;
        border: 1px solid #000
    }

.myhistory .box {
    padding: 8px 19px;
}

.mygift table td img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.mygift table td {
    padding: 10px;
}

.myhome05 .con_tt {
    border-bottom: 0
}

.mh05nav2:after {
    content: "";
    display: block;
    clear: both
}

.mh05nav2 {
    width: 100%;
}

    .mh05nav2 li {
        float: left;
        width: 50%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
    }

        .mh05nav2 li a {
            display: block;
            font-size: 20px;
            font-weight: 500;
            text-align: center;
            padding: 0 15px 15px;
            color: rgba(0,0,0,0.5);
        }

        .mh05nav2 li.on {
            border-bottom: 1px solid #000;
        }

            .mh05nav2 li.on a {
                color: #000;
            }

.mygift01 {
    padding-top: 50px;
}

    .mygift01:after {
        content: "";
        display: block;
        clear: both
    }

    .mygift01 .left ul:after {
        content: "";
        display: block;
        clear: both
    }

    .mygift01 .left ul li {
        float: left;
    }

        .mygift01 .left ul li + li {
            margin-left: 25px;
        }

    .mygift01 .right ul:after {
        content: "";
        display: block;
        clear: both
    }

    .mygift01 .right ul li {
        display: inline-block;
        float: left;
        width: 100px;
    }

        .mygift01 .right ul li a {
            padding: 5px;
            color: #a3a3a3;
            font-size: 18px;
            border: 1px solid var(--border-color);
            border-left: 0;
            font-weight: 600;
            display: block;
            text-align: center;
            background: #f6f6f7;
        }

        .mygift01 .right ul li.on a {
            background: #000;
            color: #fff;
            border: 1px solid #000;
        }

.mhsearch .blackbtn {
    display: inline-block;
    width: 90px;
    padding: 10px;
    margin-left: 5px;
}

.mhsearch .inputbox {
    width: calc(100% - 100px);
}

.myhome0502 .con_tt .right {
    border-top: 0;
}


.myhome_modal {
    width: 100%;
}

    .myhome_modal table {
        margin: 20px 0;
    }

    .myhome_modal td {
        padding: 10px 0;
    }

.con01view04_box .nowwrap {
    width: calc(100% - 100px);
}

.con04 .table01 td .ellipsis {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 45px);
}

.ex {
    cursor: pointer;
}

/*********************************mobile********************************/
@media (max-width:1600px) {
    #topnav {
        height: 96px;
    }
    .leftnav {
        position: relative;
    }

        .leftnav > div {
            padding: 25px;
            position: relative;
        }

    #conwrap #con {
        width: calc(100% - 295px);
    }

    .wrap {
        max-width: 100%
    }

    header > .wrap {
        padding: 0 25px;
    }

    .nex {
        right: 0px
    }

    .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 5;
    }

    .pre {
        left: 0;
        transform: rotate(180deg);
        top: 45%;
    }

    .con01view_slide .slick-slide + .slick-slide {
        padding-left: 10px;
    }

    .con01view01 .right {
        padding: 20px 0 20px 35px;
    }

    .con02 .con01view01 .right {
        padding: 20px 0 20px 35px;
    }

    .con03_nav.on {
        top: 95.8px;
        left: auto;
        right: 15px;
        transform: translateX(0);
        max-width: 100%;
        width: calc(100% - 325px);
        z-index: 2;
        margin-top: 0;
    }

    #myhome .wrap {
        max-width: 1054px;
    }
}

@media (max-width:1300px) {
    #topnav {
        height: 96px;
    }
    .con01view > div {
        padding-top: 35px;
    }

    .con01view01 .left {
        width: 100%;
        float: none;
        text-align: center;
    }

    .con01view01 .right {
        float: none;
        width: 100%;
        padding: 15px 0;
    }

    .con01view01_tt h2 {
        padding: 10px 0;
        font-size: 24px;
        line-height: 1.2em;
    }

    .con01view01_tt > div {
        font-size: 14px;
    }

    .con01view01 .con01view01_con {
        margin-top: 20px;
        padding-top: 15px;
    }

    .con01view01_con table th {
        width: 80px;
        padding-bottom: 7px;
        font-size: 14px;
    }

    .con01view01_con table td {
        padding-bottom: 7px;
        font-size: 14px;
    }

    .con01_date b {
        font-size: 13px !important;
    }

    .con01tt {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .con01view_slide .slick-slide + .slick-slide {
        padding-left: 10px;
        text-align: center;
    }

    .con01view_slide .slick-slide img {
        display: inline-block;
    }

    .con01view03_con {
        font-size: 13px;
        word-break: keep-all;
    }

    .extb table th {
        width: 60px;
    }

    .exinfo {
        width: 120px;
        text-align: center;
    }
}

@media (max-width:1110px) {
    #topnav {
        height: 69px;
    }
    .nav ul li + li {
        margin-left: 35px;
    }

    .slick-arrow img {
        width: 25px;
    }

    .con_nav .right {
        display: none;
    }

    .con0103_rowtt {
        width: 120px;
    }

    .con0103_rowcon {
        width: calc(100% - 120px);
    }

    .con02 .con_tt {
        margin-bottom: 15px;
        border-bottom: 0;
    }

    .con0201 {
        padding-top: 15px;
    }

    .con_tt h1 {
        padding-bottom: 10px;
    }

    .con_tt .right {
        margin-top: 15px;
    }

    .con0401_right .blackbtn {
        width: 90px;
        height: 40px;
        margin-right: 10px;
    }

    .con0401_right input {
        width: 140px;
    }

    .con04_bottom2 td.tb_tt {
        max-width: 300px;
    }
}

@media (max-width:991px) {
    /*main*/
    header > .wrap {
        padding: 0 15px;
    }

    #conwrap #con {
        width: 100%
    }

    .mb {
        display: inline-block;
    }

    .pc {
        display: none;
    }

    #con {
        min-height: 100%;
        width: 100%;
    }

    #topnav .subnav {
        display: none;
    }

    #topnav:hover .subnav {
        display: none;
    }

    .tt.mb {
        margin-right: 5px;
    }

    .mnav {
        display: block;
        width: 100%;
    }

        .mnav ul {
            padding: 5px 15px;
        }

    .navopff, .navon {
        display: inline-block;
    }

    .mnav ul {
        /*display: table;*/
        width: 100%;
        display: flex;
        /*flex: 1 1 auto;*/
        align-items: center;
        justify-content: space-between;
    }
        /*.mnav ul:after {content: "";display: block;clear: both}*/
        .mnav ul li {
            /*display: table-cell;*/
            /*width: 25%;*/
            text-align: center;
            vertical-align: middle;
        }

            .mnav ul li a {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                text-transform: uppercase;
                font-size: 19px;
                text-align: center;
                padding: 0 5px;
                color: rgba(0,0,0,0.5);
            }

            .mnav ul li.on a {
                font-weight: 600;
                color: #000;
            }

                .mnav ul li.on a:after {
                    content: "";
                    display: block;
                    width: 25px;
                    height: 3px;
                    position: absolute;
                    top: -5px;
                    left: 50%;
                    transform: translateX(-50%);
                    background: var(--main-color);
                }
            /*.mnav ul li a:hover .navopff{*/
            /*	display: none;*/
            /*}*/
            /*.mnav ul li a:hover .navon{*/
            /*	display: inline-block;*/
            /*}*/
            .mnav ul li img {
                max-width: 100%;
                width: 50%;
            }

    .mainwrap {
        padding-top: 0
    }

    header > .wrap:after {
        content: "";
        display: block;
        clear: both
    }

    header h1 {
        width: 100px;
        vertical-align: middle;
        line-height: 0;
    }

        header h1 img {
            vertical-align: middle;
        }

    .rightnav {
        position: fixed;
        top: 0;
        right: 0;
        width: 0%;
        height: 0%;
        z-index: 9;
    }

    .main_slide {
        margin: 0 auto
    }

    .bar {
        position: fixed;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 15px;
        cursor: pointer;
        z-index: 10;
    }

        .bar span {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            background: #000;
            width: 100%;
            height: 2px;
            display: block;
            transition: 0.5s;
        }

            .bar span:nth-child(2) {
                top: 50%;
                transform: translate(-50%,-50%);
            }

            .bar span:nth-child(3) {
                bottom: 0;
                top: auto;
            }

        .bar.on {
            /*height: 40px;*/
        }

            .bar.on span:nth-child(1) {
                top: 50%;
                transform: translate(-50%,-50%) rotate(-45deg);
            }

            .bar.on span:nth-child(2) {
                display: none;
            }

            .bar.on span:nth-child(3) {
                top: 50%;
                transform: translate(-50%,-50%) rotate(45deg);
            }

    .rightnv_con {
        background: #fff;
        max-width: 300px;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: -200%;
        z-index: 9;
        transition: 0.5s;
        flex-flow: column;
        display: flex;
        flex-direction: column;
    }

    .rightnv02 {
        flex: 1;
    }

    .bg {
        background: #000;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.5;
        z-index: 8;
        display: none;
    }

    .rightnv02 > li {
        border-top: 1px solid rgba(43,43,55,0.1);
    }

        .rightnv02 > li > a {
            text-transform: uppercase;
            display: block;
            padding: 15px 25px;
            /*border-bottom: 1px solid rgba(43,43,55,0.1);	*/
            font-size: 20px;
            font-weight: 600;
            position: relative;
        }

            .rightnv02 > li > a:before {
                content: " ";
                display: block;
                width: 15px;
                height: 2px;
                background: #acaeb4;
                border-radius: 2px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%) rotate(45deg);
                right: 30px;
                opacity: 0.3;
                transition: 0.5s;
            }

            .rightnv02 > li > a:after {
                content: " ";
                display: block;
                width: 15px;
                height: 2px;
                background: #acaeb4;
                border-radius: 2px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%) rotate(-45deg);
                right: 20px;
                opacity: 0.3;
                transition: 0.5s;
            }

    .blackbox {
        padding: 5px;
        font-weight: bold;
        color: #fff;
        background: #2b2b37;
        bordder: 1px solid #2b2b37;
    }

    .greybox {
        padding: 5px;
        font-weight: bold;
        border: 1px solid #a3a3a3;
        color: rgba(0,0,0,0.5);
    }

    .rightnv01 {
        padding: 52px 15px 20px;
    }

        .rightnv01:after {
            content: "";
            display: block;
            clear: both
        }

        .rightnv01 li {
            float: left;
            width: 50%;
            padding: 0 5px;
        }

            .rightnv01 li a {
                display: block;
                padding: 5px;
                border-radius: 5px;
                width: 100%;
                text-align: center;
                font-size: 18px;
            }
    /*.rightnv02>li:first-child>a {*/
    /*	border-top: 1px solid rgba(43,43,55,0.1);*/
    /*}*/

    .subnav {
        padding: 10px;
        display: none;
        border-top: 1px solid rgba(43,43,55,0.1);
    }

        .subnav li a {
            display: block;
            padding: 7px 25px;
            font-size: 18px;
            font-weight: 600;
        }

    .rightnv02 > li.on > a {
        color: #25e443;
        background: rgba(37,228,67,0.05);
    }

        .rightnv02 > li.on > a:before {
            background: #25e443;
            top: 50%;
            transform: translateY(-50%) rotate(-45deg);
            right: 30px;
            opacity: 1;
        }

        .rightnv02 > li.on > a:after {
            background: #25e443;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            right: 20px;
            opacity: 1;
        }

    .rightnv02 > li.on .subnav {
        display: block;
    }

        .rightnv02 > li.on .subnav li.on a {
            color: var(--main-color)
        }


    .rightnv03 {
        /*position: fixed;*/
        /*bottom: 0;*/
        /*right: 0;*/
        width: 300px;
        height: auto;
        padding: 15px 0;
        display: none;
    }

        .rightnv03 li {
            display: block;
            padding: 10px 25px;
        }

    .rnicon {
        width: 30px;
        display: inline-block;
        vertical-align: middle;
    }

        .rnicon img {
            width: 20px;
        }

    .rightnv03 li a {
        display: inline-block;
        width: calc(100% - 34px);
        font-size: 16px;
        font-weight: 700;
        vertical-align: middle;
    }

    .ms_txt > div {
        float: none;
    }

    .ms_txt .right {
        padding-top: 15px;
    }

    .rightna.on {
        width: 100%;
        height: 100%;
    }

    .rightnav.on .bg {
        display: block;
    }

    .rightnav.on .rightnv_con {
        right: 0;
    }

    .rightnav.on .rightnv03 {
        display: block;
    }

    .more_bottom, .more_bottom2 {
        width: 160px;
        height: 40px;
        text-align: center;
        padding: 7px 5px;
        border-radius: 5px;
        font-size: 19px;
        display: inline-block;
        margin: 30px auto 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .more_bottom {
        color: #a3a3a3;
        border: 1px solid var(--border-color);
        background: #f6f6f7;
    }

    .more_bottom2 {
        background: #24242f;
        border: 1px solid #4e4e5d;
        color: #a3a3a3;
    }

    .main_data .tt {
        margin-bottom: 15px;
    }

    footer {
        border-top: 1px solid #000;
        background: #eeeef2;
    }



    /**********con01**********/

    .con_nav .right {
        display: none;
    }

    .con_nav .left li {
        border-top: 1px solid rgba(209, 209, 219, 0.5);
    }

    .con_nav .left {
        max-width: 100%;
    }

    .con_nav {
        margin-bottom: 35px;
    }

    .con_tt .left {
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 24px;
        float: none
    }

    .con_tt .right {
        margin-top: 0;
        float: none;
        width: 100%;
    }

    .con04 .con_tt .left {
        font-size: 20px;
        float: left
    }

    .con04_bottom2 .table01 td.pc {
        display: none
    }

    .con04_tt_title {
        word-break: keep-all;
    }

    .con04 .con_tt .right {
        float: right;
        width: auto;
    }

    .con_tt .right li {
        width: 33.333%;
        height: 40px;
    }

        .con_tt .right li a {
            font-size: 14px;
            padding: 10px 5px;
        }

    .exul .eximg {
        padding: 10px 10px 10px 5px;
        width: 140px;
    }

    .exul .extxt {
        padding: 10px 10px 10px 0;
        width: calc(100% - 140px);
    }

    .exdate {
        font-size: 16px;
        padding-bottom: 0;
    }

    .extt a {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .exauthor {
        font-size: 16px;
    }

    .exloca {
        font-size: 14px;
    }

    .data_nt {
        padding: 2px 7px;
        border-radius: 8px;
        color: #fff !important;
        font-size: 12px;
    }

    .paging {
        padding: 25px 0;
    }

        .paging div a {
            padding: 3px 8px;
            font-size: 13px;
        }

        .paging ul {
            padding: 0 10px;
        }

            .paging ul li a {
                padding: 3px 10px;
                font-size: 14px;
            }

    #conwrap {
        display: block;
        min-height: calc(100vh - 300.98px)
    }

    .con01view04_box > div {
        line-height: 1.6em;
        font-size: 14px;
    }

    .con01view04_boxtt {
        width: 70px;
    }

    .con01view04_box .nowwrap {
        width: calc(100% - 70px);
    }

    .con_tt h1 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    .con0103 {
        padding: 15px 0 20px;
    }

    .chk, .radio {
        width: 20px;
        height: 20px;
    }

        .chk:after, .radio:after {
            width: 11px;
            height: 8px;
            background-size: 100% 100%;
        }

    .mygift01 .left ul li + li {
        margin-left: 15px;
    }

    .con0103_rowcon .mygift01 .right a {
        margin-bottom: 5px;
    }

    .box {
        border-radius: 5px;
        font-size: 14px;
        padding: 4px 18px;
        font-weight: 500;
    }

    .table01 th {
        padding: 5px 10px;
        font-size: 14px;
    }

    .table01 td {
        height: 30px;
        font-size: 14px;
    }

    .con0103btn a {
        width: 100px;
        padding: 5px;
        font-size: 14px;
        border-radius: 5px;
    }

        .con0103btn a img {
            width: 10px;
        }

    /*********************con02********************/


    .tt20 {
        font-size: 16px;
    }

    .con02_txt {
        padding: 10px;
    }

    .con0201 .left {
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }

    .con0201 .right {
        width: 100%;
        float: none;
        padding-left: 0
    }

    .con0201 .left select {
        width: 100%;
        max-width: 360px;
        padding: 10px 15px;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        display: block;
    }

    .con_list ul {
        margin: 0 -5px;
    }

        .con_list ul li {
            padding: 15px 5px;
        }

    .con01view > div {
        padding-top: 15px;
    }

    .con0204 .con_tt .left {
        float: left
    }

    .con0204 .con_tt .right {
        float: right;
        width: auto;
    }

    .con0204 .con_tt .right {
        border-top: 0;
        margin-top: 0
    }

    .mhtb_auto {
        overflow-x: auto;
    }

        .mhtb_auto table {
            min-width: 750px;
        }

    /*con03*/

    .con03 .con01view .content {
        padding-top: 15px;
        margin-top: 15px;
    }

    .con03_nav li a {
        font-size: 14px;
        line-height: 40px;
    }

    .con03_nav li {
        height: 40px;
    }

    .con03_nav.on {
        top: 52px;
        left: auto;
        right: 15px;
        width: calc(100% - 30px);
        z-index: 2;
    }

    .con03 .con_tt .right {
        border-top: 0;
    }

    #con0301_04 b {
        font-size: 20px;
    }

    .con01view01_con table td b {
        font-size: 20px;
    }

    .con01view01_con table td ul {
        padding: 5px 0;
    }

    #con0301_03 .map {
        height: auto;
        margin-top: 15px
    }

    .con01view01_tt h2 {
        font-size: 20px;
    }

    .greenbox {
        padding: 10px 5px;
        border-radius: 4px;
        font-size: 16px;
    }

    .con03_nav {
        margin-top: 15px;
    }

    /*con04*/

    .con_tt .right.con0401_right {
        margin-bottom: 10px;
        float: right;
        width: auto;
    }

    .con0401_right input {
        max-width: 200px;
        width: 100%;
    }

    .con04 .table01 td span {
        display: inline-block;
    }

    .con04_tt_sub > div {
        float: none
    }

        .con04_tt_sub > div.right {
            margin-top: 5px;
        }

    .con04_tt_sub {
        padding: 10px 15px;
    }

    .con04_con {
        padding: 10px 15px 30px;
    }

    .td_date > div {
        float: none;
    }

        .td_date > div.date_info {
            margin-left: 0;
            padding: 5px 0;
            display: block;
            float: none;
        }

    .con04_write .date {
        max-width: 100%;
        width: 100%;
    }

    .con04_write tr td {
        padding: 10px 10px 10px 0;
    }

    .con04_con textarea {
        min-height: 200px;
    }

    .con04_write tr td, .con04_write tr th {
        font-size: 14px;
    }

    .con04_write tr th {
        width: 80px;
    }

    .con04_file .blackbtn {
        width: 90px;
        margin-right: 5px;
        padding: 10px 5px;
        font-size: 14px;
    }

    .con04_file .inputbox {
        width: calc(100% - 100px);
    }

    .con04_mb {
        display: table-row;
    }

    .logbottom {
        padding: 15px 0 20px;
    }

        .logbottom .left a {
            font-size: 13px;
        }

    .login .wrap input {
        padding: 10px;
    }

    .autolog {
        margin: 15px 0;
        font-size: 16px;
        font-weight: 600;
        color: #242834;
    }

    .logbottom a {
        font-size: 13px;
    }

    .snsbox ul li a img {
        width: 80%;
    }

    .snsbox ul li span {
        font-size: 12px;
    }

    /*join*/

    .join .wrap {
        width: 100%;
        margin-top: 0;
        padding: 35px 15px 0;
    }

        .join .wrap h1 {
            font-size: 24px;
            padding-bottom: 20px;
        }

    .allchk {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .join01box {
        margin-bottom: 10px;
        font-size: 14px;
    }

        .join01box input + label span {
            vertical-align: middle;
        }

    .greybox2 {
        padding: 10px;
        border-radius: 4px;
        font-size: 18px;
    }

    .joincom_tt {
        margin: 20px 0 40px;
        font-size: 18px;
    }

    .join03 img {
        width: 50px;
    }

    .joincom_btn > li a {
        border-radius: 4px;
        padding: 5px;
        font-size: 16px;
    }

    /* myhome */

    .myhome .con_tt .left {
        font-size: 20px;
        float: left;
    }

    .myhome .con_tt .right {
        float: right;
        width: auto;
    }

        .myhome .con_tt .right.greenbox3 {
            margin-bottom: 10px;
        }

    .mnav {
        display: block;
        width: 100%;
    }

    header.mhnav {
        padding: 10px 0;
    }

    .mhnav h1 a b {
        font-size: 20px;
    }

    .mhnav h1 a span {
        font-size: 13px;
    }

    #myhome .mainwrap {
        padding-top: 0
    }

    .myhome_home {
        padding: 0;
    }

    #myhome {
        min-height: calc(100vh - 350px);
    }

    /*myhome about*/

    .myhome_top .left {
        margin: 0 50px;
    }

    .myhome_top .right {
        width: calc(100% - 400px);
    }

    .mhtt {
        padding-bottom: 5px;
    }

    .myhome01 .con01view01_con {
        padding-top: 15px;
    }

    .mhtt h2 {
        font-size: 24px;
    }

    .myhome_top {
        padding: 25px 0 50px;
    }

    #myhome .con_tt {
        padding-bottom: 15px;
    }

    #myhome .con_tt {
        padding-top: 15px;
    }

    .con_tt h3 {
        padding-bottom: 0;
        font-size: 20px;
    }

    /*myhome exhibition*/

    .myhome02 .con_tt .left {
        font-size: 20px;
        float: left;
    }

    .myhome02 .con_tt .right {
        float: right;
        width: auto;
    }

        .myhome02 .con_tt .right.greenbox3 {
            margin-bottom: 10px;
        }

    .main_eh .tt {
        font-size: 20px;
    }

    #myhome.myhome02 .con_tt {
        padding-bottom: 5px;
    }

    .greenbox3 {
        border-radius: 4px;
        height: 35px;
        line-height: 35px;
        width: 90px !important;
    }

    /*myhome work*/

    .greenbox2 {
        border-radius: 4px;
        height: 30px;
        line-height: 30px;
        width: 80px !important;
    }

    #myhome .con_tt h2 {
        font-size: 20px;
    }

    .main_eh.mh_artwork {
        margin: 20px 0;
    }

    #myhome .con03_nav.on {
        top: 49px;
    }

    .mhrightnav .rightnv02 > li:not(:last-child) > a:before,
    .mhrightnav .rightnv02 > li:not(:last-child) > a:after {
        display: none;
    }

    .mh05nav > a {
        padding: 5px 25px;
        font-size: 14px;
    }

    .myhome05 .myhistory {
        overflow-x: auto;
    }

        .myhome05 .myhistory .table01 {
            min-width: 800px;
        }

    .mh05nav2 li a {
        font-size: 16px;
        padding: 0 10px 10px;
    }

    .privacy_term {
        padding-top: 20px
    }
}


@media (max-width:800px) {
    /*main*/
    .tt {
        font-size: 30px;
    }

    .eh_list li {
        width: 50%;
        padding: 3px;
    }

    .eh_list {
        margin: -3px;
    }

    .maindt_con > div {
        float: none;
        width: 100%;
        padding: 0 !important
    }

        .maindt_con > div:first-child {
            margin-bottom: 30px;
        }

    .main_data {
        padding: 35px 0 0;
    }

        .main_data .tt {
            margin-bottom: 0;
        }

    .more {
        padding-top: 10px;
    }


    /****************con02**************/


    /*.con0201 .left {
		width: 120px;
	}
	.con0201 .right {
		width: calc(100% - 120px);
	}
	.con0201 .left li {
		height: 35px;
		padding: 8px 10px;
		font-size: 13px;
	}
	.con0201 .left li.on:after {
		right: 10px;
	}*/
    .con_list ul li {
        width: 50%;
    }

        .con_list ul li img {
            width: 100%;
        }

    .con04_writebox .input_email2 .email_select {
        width: 100%;
        margin-left: 0
    }

    .con04_writebox .input_email2 > div {
        float: none
    }

    .con04_writebox .input_email2 .email_box {
        width: 100%
    }

    .myhome_top .left {
        margin: 0 25px 0 0;
    }

    .myhome_top .right {
        width: calc(100% - 325px);
    }
}

@media (max-width:700px) {
    .con0103_row > div {
        float: none
    }

    .con0103_rowtt {
        width: 100%;
        padding-bottom: 10px;
    }

    .con0103_rowcon {
        width: 100%
    }

    .con0103_info .right {
        padding-left: 20px;
        width: calc(100% - 120px);
        padding-top: 0
    }

    .con0103_info .left {
        width: 120px;
        height: 100px;
    }

    .con0103_rowcon select {
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    .con0103_row {
        padding-bottom: 30px;
    }

    .lc_data ul li {
        float: none;
        width: 100%;
        padding: 5px 0
    }

    .lc_data ul {
        margin: 0;
    }

    .lc_data {
        padding-top: 20px;
    }

        .lc_data .tt20 {
            padding-bottom: 5px;
        }
    /***con04***/
    .con04_search {
        width: calc(100% - 84px);
    }

    .con0401_right > div {
        vertical-align: middle;
    }

    .con0401_right input {
        max-width: 100%;
        width: calc(100% - 172px);
        height: 35px;
    }

    .con04_search select {
        width: 80px;
        height: 35px;
        padding: 5px;
    }

    .con0401_right .blackbtn {
        width: 70px;
        height: 35px;
        margin-right: 5px;
        padding: 7px 5px;
    }

    .greenbox2 {
        border-radius: 4px;
        color: #fff;
        height: 35px;
        line-height: 35px;
        width: 80px !important;
    }

    .writebtn .greenbox2 {
        height: 29.59px;
        line-height: 29.59px;
        width: 70px !important;
        font-size: 14px;
    }

    .con04_search form * {
        vertical-align: middle;
    }

    .con04_bottom2 {
        overflow-x: auto;
    }

        .con04_bottom2 table {
        }

        .con04_bottom2 td.tb_tt {
            max-width: 200px
        }

    .con04_tt_title {
        font-size: 16px;
    }

    .con04_tt_sub b {
        font-size: 13px;
    }

    .con04_tt_sub > div span {
        font-size: 13px;
    }

    .con04_bottom2 .tb_tt a {
        font-size: 14px;
    }

    .table01 td {
        font-size: 13px;
    }

    table01 th span {
        display: inline-block;
    }

    .inputbox {
        padding: 6px 10px;
    }

    .con04_file .blackbtn {
        padding: 8px 5px;
        height: 35px;
    }

    .con04_write tr td {
        padding: 5px 5px 5px 0;
    }

    .con04_write tr th {
        padding: 5px 0;
    }

    .con04_write .date > div:nth-child(even) {
        width: 30px;
        text-align: center;
    }

    .con04_write tr td, .con04_write tr th {
        font-size: 13px;
    }

    .con04_write tr th {
        width: 70px;
    }

    .con04_file .inputbox {
        width: 100%;
        margin-top: 5px;
    }

    .mhsearch .blackbtn {
        height: 35px;
        padding: 8px 5px;
        vertical-align: 0
    }

    .mygift01 .right ul li a {
        font-size: 14px;
    }

    .mygift01 .right ul li {
        width: 70px;
    }

    .con0103_rowcon select {
        max-width: 100%;
    }

    #Preview .imgbox {
        width: 80px;
        height: 80px;
        margin-left: 5px;
    }
}

@media (max-width:600px) {
    /*main*/
    footer .wrap {
        padding: 0;
    }

    .term_ul {
        padding: 0;
    }

        .term_ul li {
            display: block;
            width: 100%;
            border-bottom: 1px solid rgba(43,43,55,0.1);
        }

            .term_ul li a {
                color: #2b2b37;
                font-size: 15px;
                font-weight: 500;
                padding: 10px;
                display: block;
                text-align: center;
            }

            .term_ul li + li {
                margin-left: 0
            }

    .footerinfo {
        padding: 20px 15px;
    }

        .footerinfo ul li {
            display: block;
            color: #2b2b37;
            font-size: 14px;
            text-align: center;
        }

            .footerinfo ul li + li {
                margin-left: 0;
                margin-top: 10px;
            }

    .footercopy {
        padding: 0 0 35px;
        text-align: center;
    }

    .ms_txt .left div {
        font-size: 24px;
    }

    .ms_txt .left p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .ms_txt .right span {
        font-size: 14px;
    }

        .ms_txt .right span:last-child {
            font-size: 14px;
        }

        .ms_txt .right span + span {
            margin-left: 15px;
        }

    .ms_txt .right {
        padding-top: 0
    }

    .maindt_con li a {
        font-size: 14px;
    }

    .maindt_con li {
        padding: 7px 0;
    }

    .ms_txt {
        padding: 10px;
    }

    .eh_txt b {
        font-size: 18px;
    }


    /****************con01****************/

    .con_nav .left li {
        height: 40px;
    }

        .con_nav .left li a {
            font-size: 14px;
            line-height: 40px;
        }

    .con0103_info .right {
        padding-left: 0;
        width: 100%;
        float: none
    }

    .con0103_info .left {
        width: 100%;
        height: auto;
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }


    /*
	.con0201 .left ul:after {content: "";display: block;clear: both}
	.con0201 .left ul li {
		float: left;
		width: 33.3333%;
	}
	.con0201 .left ul li {
		border-right: 1px solid rgba(0,0,0,0.08);
		border-top: 1px solid rgba(0,0,0,0.08);
	}
	.con0201 .left ul li:nth-child(3n) {
		border-right: 0;
	}*/

    /*con03*/
    .exinfo span, .extb table th, .extb table td {
        font-size: 14px;
    }

    .exwriter {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .con03 .extt a {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .con03 .exul .extxt {
        padding: 15px 10px 15px 0;
        width: calc(100% - 260px);
    }
    /*com04*/
    .con_tb {
        overflow-x: auto;
    }

        .con_tb table {
            min-width: 500px;
        }

    .con_tt .left {
        font-size: 20px;
    }

    /**** myhome ****/

    .myhome_top {
        text-align: center;
    }

        .myhome_top > div {
            float: none
        }

        .myhome_top .left {
            text-align: center;
            left: 50%;
            transform: translateX(-50%);
            padding: 0;
        }

        .myhome_top .right {
            width: 100%;
            padding-top: 15px;
        }

            .myhome_top .right .mhtt {
                padding-bottom: 15px;
            }

    .myhome_top {
        padding: 0 0 25px;
    }

    .myhome_modal .modal_box > div {
        overflow-x: auto;
    }

    .myhome_modal .modal_box table {
        min-width: 600px;
    }

    .myhome_modal table {
        margin: 20px 0 0;
    }

    .myhome_modalbtn {
        margin-top: 10px;
    }

    .mhtb_auto {
        overflow-x: auto;
    }

        .mhtb_auto table {
            min-width: 600px;
        }

    .privacy_term {
        min-height: calc(100vh - 445px);
    }

    .con04_file {
        display: block;
    }

    #Preview {
        display: block;
    }

        #Preview li {
            margin-top: 5px;
        }

        #Preview .imgbox .ex {
            width: 18px;
            height: 18px;
            font-size: 12px;
            padding: 2px;
        }
}

@media (max-width:500px) {
    .exinfo {
        width: 80px;
        text-align: center;
    }

    .con03 .exul .extxt {
        width: calc(100% - 200px);
    }

    .exul .eximg {
        width: 120px;
    }

    .extb table th, .extb table td {
        font-size: 14px;
        padding-top: 0
    }

    .extb table th {
        width: 50px;
    }

    .exinfo a {
        font-size: 13px;
    }

    .con04_tt_sub .right div {
        margin-right: 15px;
        font-size: 14px;
    }

    .con04_bottom {
        padding: 15px 0 30px;
    }

    .con04_bottom2 td.tb_tt {
        max-width: 150px;
    }

    /*login*/
    .rightnv02 > li > a {
        text-transform: uppercase;
        display: block;
        padding: 10px 15px;
        /* border-bottom: 1px solid rgba(43,43,55,0.1); */
        font-size: 16px;
        font-weight: 600;
        position: relative;
    }

    .rightnv01 li a {
        font-size: 14px;
    }

    .rightnv01 {
        margin: 0 -5px;
    }

    .rightnv02 > li > a:after {
        width: 7px;
        height: 2px;
        border-radius: 2px;
        right: 20px;
    }

    .rightnv02 > li > a:before {
        width: 7px;
        height: 2px;
        position: absolute;
        right: 25px;
    }

    .rightnv03 li a {
        width: calc(100% - 30px);
        font-size: 14px;
        vertical-align: middle;
    }

    .rnicon {
        width: 25px;
        vertical-align: middle;
    }

        .rnicon img {
            width: 15px;
            vertical-align: middle;
        }

    .rightnv03 li {
        padding: 5px 15px;
    }

    .subnav li a {
        padding: 5px 10px;
        font-size: 14px;
    }

    /*myhome work*/

    .mhlist table th {
        width: 60px;
    }

    .myhome02 .exul .eximg {
        width: 100px;
        display: block !important;
    }

    .exul .extxt {
        width: calc(100% - 100px);
    }

    .myhistory table th:first-child, .myhistory table th:last-child {
        width: 60px;
    }

    .mnav ul {
        padding: 15px;
    }

        .mnav ul li a {
            font-size: 15px;
        }

    .myhistory {
        overflow-x: auto;
    }

        .myhistory table.table01 {
            min-width: 500px;
        }

    #myhome .mygift01 {
        padding-top: 25px;
    }

        #myhome .mygift01 > div {
            float: none;
            width: 100%;
        }

        #myhome .mygift01 .right {
            margin-top: 10px;
        }

    .con0201 .left select {
        max-width: 100%;
    }

    .con0201 {
        padding-top: 0;
    }

    .con04_write .date {
        display: block;
    }

        .con04_write .date > div {
            display: inline-block;
            width: calc(100% - 60px);
        }

            .con04_write .date > div:first-child {
                margin-bottom: 7px;
            }
}

@media (max-width:400px) {
    .mnav ul li a {
        font-size: 14px;
    }

    .mnav ul {
        padding: 15px;
    }

    .con0203 .exul .extxt {
        width: calc(100% - 100px);
    }

    .con0203 .exul .eximg {
        width: 100px;
        margin-top: 20px;
    }

    .con02 .con01view01 .right {
        padding: 10px
    }

    .imglist ul li {
        width: 70px;
        max-height: 70px;
        display: inline-block;
        overflow: hidden;
        height: auto;
    }

        .imglist ul li + li {
            margin-left: 3px;
        }

    .con01tt {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .exdate {
        font-size: 12px;
    }

    .extt a {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .exauthor {
        font-size: 12px;
    }

    .exloca {
        font-size: 12px;
    }

    .con03 .exul > div {
        display: inline-block;
    }

    .exul .eximg {
        width: 100%;
        display: block !important
    }

    .con03 .exul .extxt {
        width: calc(100% - 90px);
    }

    .con03 .exul {
        display: block;
    }

    .firsttd {
        max-width: 50px;
        min-width: 50px;
        padding: 0;
        width: 50px;
    }

    .con04_bottom2 td {
        padding: 0 !important
    }

        .con04_bottom2 td.tb_tt {
            max-width: 100px;
        }

    .con04_bottom2 .tb_tt a {
        margin-left: 0
    }
    /*.con04_search {
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}
	.con0401_right>div:last-child {
		float: right;
	}
	.con0401_right:after {content:"";display:block;clear:both}*/
    .con04_search select {
        width: 50px;
        height: 30px;
        padding: 5px;
        font-size: 13px;
    }

    .con0401_right .blackbtn {
        width: 45px;
        height: 30px;
        padding: 5px;
        font-size: 13px;
    }

    .con0401_right input {
        width: calc(100% - 117px);
        height: 30px;
        font-size: 13px;
    }

    .greenbox2 {
        height: 30px;
        line-height: 30px;
        width: 60px !important;
        font-size: 13px;
    }

    .con04_search {
        width: calc(100% - 64px);
    }

    /*join*/

    .radioul li {
        margin-right: 8px;
    }

    .jointt .right {
        font-size: 13px;
    }

    .joinbox {
        padding-bottom: 20px;
    }

    .jointt {
        padding-bottom: 5px;
    }

    .join .wrap input, .join .wrap select {
        padding: 10px;
    }

    /*myhome work*/

    .mhlist table th, .mhlist table td {
        font-size: 13px;
        padding-bottom: 0;
    }

    .mh05nav > a {
        padding: 5px 15px;
        font-size: 13px;
    }
}


.pwTitle {
    margin-top: 20px;
}

.text-center {
    text-align: center;
}

.content-area {
    /*min-height: calc(100vh - 262.74px)*/
}

@media (max-width:991px) {
    .content-area {
        /*min-height: calc(100vh - 351.4px)*/
    }
}

@media (max-width:600px) {
    .content-area {
        /*min-height: calc(100vh - 444.4px)*/
    }
}

.pl-1 {
    padding-left: 1px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}


button {
    overflow: visible;
    background: transparent;
    cursor: pointer;
}

.buttonAddField {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
    border: 1px solid #eee;
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .buttonAddField span {
        position: relative;
        display: inline-block;
        padding: auto 0;
        color: #666;
        font-size: 16px;
    }


.con04_file .deletebtn {
    width: 40px;
    /*margin-right: 10px;*/
    padding: 10px;
    display: inline-block;
}

.deletebtn {
    width: 100%;
    display: block;
    background: rgba(72,77,83,0.2);
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 5px;
    height: 40px;
}


.table01 td .ellipsis {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}


.myhome-artwork-nodata {
    height: 40vh;
    margin: 20px 0;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}

.eh_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.plr-20 {
    padding: 0 20px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.img-container > div {
    max-height: 384px;
    padding: 10px;
}

    .img-container > div > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ml-10 {
    margin-left: 10px;
}


.mr-8 {
    margin-right: 8px;
}


.add_people_modal, .add_people_register_modal {
    min-width: 800px;
}

.inputbox-check {
    width: calc(100% - 95px);
}


@media (max-width:991px) {
    .inputbox-check {
        width: 100%;
        margin-bottom: 2px;
    }

    .add_people_modal, .add_people_register_modal {
        min-width: 450px;
    }
}



.dp-none {
    display: none;
}

.no_line {
    border: 0px !important;
}

.con_img > .img_wrap {
    position: absolute; /* 중요 */
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    width: 100%;
    height: 100%;
}
.con_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.con_img .img_placeholder {
    width: 100%;
    height: 278px;
    background: rgba(0,0,0,0.1); /* 검정 20% */
}