@charset "utf-8";

@media screen and (min-width:768px) and (max-width:1023px) {

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

    /* 헤더서식 */
    header {
        width: 100%;
        background-color: #fff;
        height: 123px;
        box-shadow: 0px 1px 5px #e6e6e6;
        z-index: 1000;
        position: relative;
    }

    header h1 {
        position: absolute;
        padding-top: 40px;
        z-index: 9999;
    }

    header h1 img {
        height: 70px;
    }

    /* 햄버거버튼 */
    i.fa-bars {
        position: absolute;
        bottom: 15px;
        right: 10px;
        font-size: 30px;
        padding: 15px;
        z-index: 1000;
        display: none;
    }

    label[for=toggle] span,
    i.fa-search span {
        display: none;
    }

    i.fa-search {
        right: 10px;
        display: none;
    }


    /* 네비게이션 서식 */

    #navi {
        width: 100%;
        height: 40px;
        position: absolute;
        top: 62px;
        left: 0px;
        transition: 0.5s;
        overflow: hidden;
        background-color: rgba(255, 255, 255, .9)
    }


    header .h_lnb {
        position: absolute;
        right: 0px;
        top: 10px;
    }

    header .h_lnb > ul {
        display: flex;
    }

    header .h_lnb > ul a {
        padding: 0px 10px;
        text-transform: uppercase;
        border-right: 1px solid #ccc;
    }

    header .h_lnb > ul a:hover {
        text-decoration: underline;
    }

    header .h_lnb > ul > li:last-child a {
        border: none;
    }




    /* 네비게이션 안 제목, 닫기버튼 숨기기 */
    #navi label i.fa-times,
    #navi h3 {
        display: none;
    }

    .gnb {
        width: 768px;
        height: 40px;
        position: absolute;
        right: 60px;
        display: flex;
        justify-content: flex-end;
    }

    .gnb li {
        line-height: 34px;
        margin: 0px 1.5%;
    }

    .gnb > li > a {
        color: #333;
        font-size: 1rem;
        /*  1rem=16px  */
    }

    /*  서브메뉴 서식  */
    .sub {
        margin-top: 30px;
        text-align: center;
    }

    .sub a {
        color: #333;
        font-size: 11px;
        letter-spacing:-1px;
    }

    /*  토글버튼 클릭시 header의 navi의 놓이가 200px로 변경되어 서브가 보이도록한다  */
    #toggle:checked + header #navi {
        height: 247px;
    }


    /* 콘텐츠01 서식 */
    .cont01,
    .cont02 {
        min-width: 768px;
        margin: 15px auto;
    }

    .cont01 > h2,
    .cont02 > h2 {
        display: none;
    }

    .cont01 > ul {
        width: 100%;
        height: 410px;
        position: relative;
    }

    .cont01 > ul > li {
        width: 50%;
        height: 270px;
        text-align: center;
        position: absolute;
    }

    .cont01 > ul > li:first-child


    {
    top: 0px;
    left: 0px;
}

.cont01 > ul > li:last-child {
    top: 0px;
    right: 0px;
}

.cont01 > ul > li:nth-child(2) {
    width: 100%;
    height: 135px;
    top: 73%;
}

.cont01 > ul > li img {
    width: 100%;
    max-width: 300px;
}

/* 콘텐츠02 서식 */

.cont02 {
    margin-top: 30px;
    clear: both;
    width: 100%;
    position: relative;
}

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

.cont02 > div {
    width: 50%;
    height: 135px;
    float: left;
    padding: 0px 1%;
    box-sizing: border-box;
}

.cont02 > div:nth-last-of-type(2) {
    position: absolute;
    width: 100%;
    top: 150px;
}

/* notice,news 목록서식 */

.cont02 dl {}

.cont02 dl > dt {
    font-size: 23.5px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding: 5px 0px;
}

.cont02 dl > dt .plus {
    border: 1px solid #333;
    padding: 2px 5px;
    font-size: 12px;
    float: right;
    transform: translateY(3px);
    cursor: pointer;
}

.cont02 dl > dd {
    line-height: 210%;
    /* 글자크기의 2배크기 줄간격 */
    overflow: hidden;
    /* 해당영역을 벗어난 콘텐츠 숨기기 */
    text-overflow: ellipsis;
    /* 생략기호 나오게 */
    white-space: nowrap;
    /* 글자를 다음줄로 넘기지 않기 */
}

.cont02 dl > dd > a {}

.cont02_center{
    width: 400px;
    margin-top:20px;
    text-align: center;
}

.cont02_center iframe{width:70%;height:300px;}
    
    

/* 푸터영역 서식 */

section::after{
    display: block;
    content: "";
    clear:both;
    height:350px;
}

footer {
    border-top: 1px solid #333;
    clear: both;
    width: 100%;height:230px;
    text-align: center;
}

.f_inner {
    padding: 20px 0px;
    position: relative;
    /* 부모요소 기준설정 */
}

.f_lnb {display: flex;}

.f_lnb > li {}

.f_lnb > li > a {
    padding: 0px 5px;
    border-right: 1px solid #ccc;
    font-weight: bold;
    font-size:11px;
}
.f_lnb > li:last-child > a{border:none;}


.sns {
    width: 135px;
    display: flex;
    position: absolute;
    top: 40px;
    right: 0px;
}

.sns > li {
    width: 27px;
    height: 25px;
}

.sns > li > a {
    display: block;
    width: 27px;
    height: 25px;
    background-image: url(../img/sns.png);
    text-indent: -9999px;
}

.sns > li:first-child > a {
    background-position: -81px;
}

.sns > li:nth-child(2) > a {
    background-position: -108px;
}

footer address {
    font-style: normal;
    padding: 10px 0px;
}

footer address span{
    display: block;
    position: absolute;top:72px;left:235px;
}









}