@charset "utf-8";


@media screen and (min-width:1024px) {

    /* 필요없는 요소 삭제하기 */
    input[type=checkbox],
    label[for=toggle],
    nav > h3,
    i.fa-search {
        display: none;
    }

    header {
        width: 100%;
        height: 123px;
        background-color: #fff;
    }

    header .header_inner {
        width: 1024px;
        margin: 0px auto;
        height: 123px;
        position: relative;
        /* 로고와 lnb의 기준이 되는 부모 */
    }

    header h1 {
        width: 196px;
        position: absolute;
        top: 47px;
        z-index: 5000;

    }

    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;
    }



    /*  메인 네비게이션 서식  */

    header > nav {
        width: 100%;
        height: 40px;
        background-color: rgba(255, 255, 255, .7);
        transition: 0.5s;
        overflow: hidden;
        position: absolute;
        top: 72px;

    }



    .gnb {
        width: 1024px;
        margin: 0px auto;
        display: flex;
        justify-content: flex-end;
        /* 자식요소를 오른쪽 끝 배치 */
        top: 40px;

    }

    .gnb > li {
        margin: 0px 2.5%;
        text-align: center;
        position: relative;
        /* sub메뉴 부모이기 때문에 기준설정 */
    }

    .gnb > li > a {
        font-size: 18px;
    }

    .gnb > li > a::after {
        display: block;
        content: "";
        background-color: #1e7998;
        height: 3px;
        transform: translateY(10px) scale(0);
    }

    .gnb > li:hover > a::after {
        transform: translateY(10px) scale(1);
        transition: 0.3s;
    }

/*
    .sub {
        position: absolute;
        width: 100%;
         absolute적용시 가로크기 없어져서 설정함 
        top: 50px;
    }
*/

/*
    .sub > li {
        line-height: 50px;
    }
*/


    /*  섹션 내 아티클 영역서식(콘텐츠01)   */
    
    .cont01,.cont02{
        width:1024px;
        clear:both;
        margin:20px auto 0px auto;
        padding:0px 20px;
        box-sizing: border-box;
    }

    .cont01>h2,.cont02>h2{display: none;}
    
    .cont01>ul{display: flex;}   /* 부모에게 flex적용 */    
    .cont01>ul>li{width:280px;}
    .cont01>ul>li:nth-child(2){
        width:380px;
        margin:0px 22px;
    }
        
    
    /*  섹션 내 아티클 영역서식(콘텐츠02)   */
    
    .cont02{display: flex;}  /* 자식요소 가로방향배치 */
    
    /*    .cont02>div{width:280px;}    */
    
    .cont02_left{width:280px;}
    
    .cont02_center{
        width:380px;margin:0px 22px;
        height:200px;
    }
    
    .cont02_center iframe{width:100%;height:200px;}
    
        
    
    .cont02_right{width:280px;}
    
    /* notice,news 목록서식 */
    
    .cont02 dl{}
    
    .cont02 dl>dt{
        font-size:21px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom:1px solid #333;
        padding:14px 0px;
    }
    
    .cont02 dl>dt .fa-caret-square-right{        
        padding:2px 6px;
        font-size:22px;
        float:right;
        transform: translateY(-2px);
        cursor: pointer;
    }
    
    .cont02 dl>dd{        
        font-size: 14px;
        line-height:220%; /* 글자크기의 2배크기 줄간격 */
        overflow: hidden;  /* 해당영역을 벗어난 콘텐츠 숨기기 */
        text-overflow: ellipsis;  /* 생략기호 나오게 */
        white-space: nowrap;  /* 글자를 다음줄로 넘기지 않기 */
    }
    
    .cont02 dl>dd:hover>a{
        color: #1e7998;
        font-weight: bold;
    }

    
    /* 푸터영역 서식 */
    
    footer{
        border-top:1px solid #333;
        margin-top: 50px;
        clear:both;
        width:100%;
    }
    
    .f_inner{
        width:1024px;
        margin:0px auto;
        padding:10px 0px 20px 0px;
        position: relative; /* 부모요소 기준설정 */
    }
    
    .sns{
        width:135px;
        display: flex;
        position: absolute;
        top:15px;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:5px 10px;}
















































}