@media screen and (max-width:1440px) {
    .board-view-inner > .k {
        padding:18px 10px 10px 10px;
    }
    #main .wrapper {
        padding:0px 1.5rem;
    }
    .hd .logo a {
        width:100%;
    }
    .board .board-tab-cont .b-tab ul {
        margin:0px -8px;
    }
    .board .board-tab-cont .b-tab ul li {
        width:calc(25% - 16px);
        margin:0px 8px;
    }
    .rel-site-wr {
        margin-right: 0;
    }
}

/* End */
@media screen and (max-width:1200px) {
    .main-btm .wrapper .mb-left .qrcode p {
        font-size:15px;
        padding-left:8px;
        
    }
    .main-btm .wrapper .mb-left .qrcode .img img {
        max-width:50px;
    }
}

@media screen and (max-width:1023px) {
    .main-btm .wrapper .mb-left {
        width:calc(33.3333% - 15px);
    }
    .main-btm .wrapper .mb-right {
        width:calc(66.6666% - 15px);
    }
    .main-btm .wrapper .mb-right .map-search {
        padding:30px 25px 30px;
    }

    .main-rel-site-section .rel-site-title {
        display: block;
    }

    .main-rel-site-section .rel-site-sl-wr {
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }
    .rel-site-sl-wr .rel-btn {width: 32px; height: 32px;}
    .rel-site-sl-wr .rel-btn img { width: 7px; }
}

/* End */

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

    .board-view-inner .email-wrap_item .txt-input.email01,
    .board-view-inner .email-wrap_item .txt-input.email02 {
        width: 120px;
    }
    .w960 {
        overflow-x:auto;
    }
    .w960 img {
        min-width:900px;
    }
    .w960::before {position: relative; content: '← 좌우로 움직여서 확인해주세요 →'; width: 100%; padding-bottom: 6px; text-align: center; font-weight: 600; font-size: 13px; color: #ccc;}
    .board .board-tab-cont .b-tab ul li {
        width:calc(50% - 16px);
        margin-bottom:16px;
    }
    .main-visual .wrapper .main-login {
        display:none;
    }
    .main-visual .wrapper .main-txt {
        padding-top:200px;
    }
    .board {
        margin-top:40px;
    }
    .main-visual .wrapper .main-txt {
        width:100%;
    }
    .main-visual .wrapper .main-txt strong {
        text-align: center;
        display:block;
    }
    .main-visual .wrapper .main-txt p {
        text-align: center;
    }
    
    .main-btm {
        padding:40px 0px;
    }
}

@media screen and (max-width:767px) {
    #main .wrapper {
        padding:0px 1rem;
    }
    html,
    body {
        font-size: 14px;
    }
    .fs18 {
        font-size:16px;
    }

    /* 로그인 페이지 */
    .login-head {
        margin-bottom: 30px;
    }

    .login-head-icon {
        width: 70px;
    }

    .login-head-content {
        width: calc(100% - 70px);
        padding-left: 10px;
    }

    .login-head-text1 {
        margin-bottom: 3px;
        font-size: 22px;
    }

    .login-head-text2 {
        font-size: 15px;
    }

    .login-title {
        margin-bottom: 15px;
        font-size: 28px;
    }

    .login-notice i {
        width: 20px;
        height: 20px;
        margin-top: 2px;
    }

    .login-notice p {
        width: calc(100% - 20px);
        font-size: 16px;
    }

    .login-input-text {
        padding: 0 15px;
        font-size: 14px;
    }

    .login-find {
        font-size: 15px;
    }

    .login-btn {
        margin-top: 30px;
    }

    .login-btn-submit {
        height: 50px;
        font-size: 16px;
    }

    .login-btn-join {
        height: 50px;
        margin-top: 5px;
        line-height: 50px;
        font-size: 16px;
    }

    .select-box {
        min-width: auto;
    }

    .board-view-inner .email-wrap_item .txt-input.email01,
    .board-view-inner .email-wrap_item .txt-input.email02 {
        width: 80px;
    }
    .sign-in-type2 p {
        font-size:1rem;
    }
    .sign-in-type p {
        font-size:1rem;
    }
    .hd .logo a {
        text-align: center;
        width:calc(100% - 80px);
        max-width:360px;
    }
    .board .board-tab-cont .b-tab ul li a .date {
        margin-top:15px;
    }
    .board .board-tab-cont .b-tab ul li a .date b {
        font-size:24px;
    }
    .board .board-tab-cont .b-tab ul li a .b-tit {
        font-size:16px;
    }
    .board .board-tab-cont .b-tab ul li a .b-con {
        font-size:14px;
    }
    .board .board-tab-cont .b-tab ul li a {
        height:270px;
    }
    .main-btm .wrapper .mb-left {
        width:100%;
    }
    .main-btm .wrapper .mb-right {
        width:100%;
        margin-top:30px;
    }
    .main-btm .wrapper .mb-left .introduce {
        height:260px;
        background-position:calc(100% - 20px) bottom;
    }
    .board .board-tab ul li .a-tab {
        font-size:16px;
    }
    .board .board-tab ul li .a-tab > a {
        width: 24px;
    }
    .board .board-tab ul li .a-tab.active {
        font-size:18px;
    }
    .board .board-tab ul li {
        margin-right:5px;
    }
}

/* End */
@media screen and (max-width:640px) {
    
    .board-view-inner .email-wrap_item .txt-input.email01,
    .board-view-inner .email-wrap_item .txt-input.email02 {
        margin-bottom:5px
    }
    .type-select ul li {
        width:100%;
        margin:0px 0px 20px;
        padding:30px 0;
    }
    .type-select ul li strong {
        font-size:18px;
        margin-bottom:30px;
    }
    .type-select ul li .img img {
        max-height:50px;
    }
    
    .fs18 {
        font-size:14px;
    }
    .main-visual .wrapper .main-txt strong {
        font-size:36px;
        word-break: break-all;
        line-height:1.4;
        display:block;
    }
    .main-visual .wrapper .main-txt p {
        font-size:16px;
    }
    .board .board-tab-cont .b-tab ul li {
        width:calc(100% - 16px);
    }
    .board .board-tab-cont .b-tab ul li a {
        height:auto;
        padding-bottom:70px;
    }
    
    .main-btm .wrapper .mb-right .map-search {
        top:10px;
        right:10px;
        left:10px;
        width:calc(100% - 20px);
    }
}

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

    /* 로그인 페이지 */
    .login-head-icon {
        display: block;
    }

    .login-head-content {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .sign-in-type2 {
        padding:30px;
    }
    .sign-in-type2 p {
        padding-top:50px;
        padding-left:0px;
        background-position:center top;
    }
    .sign-in-type {
        padding:30px;
    }
    .sign-in-type p {
        padding-top:60px;
        padding-left:0px;
        background-position:center top;
        background-size:40px;
    }
    .main-btm .wrapper .mb-left .introduce {
        background-size:180px;
        height:230px;
    }
    .main-btm .wrapper .mb-right .map-search strong {
        font-size:22px;
        background-size:15px;
        padding-right:20px;
    }
    .main-btm .wrapper .mb-right .map-search p {
        font-size:14px;
    }
}

/* End */
@media screen and (max-width:360px) {}

/* End */