@charset "utf-8";

@media screen and (max-width:767px) {
    
    input[type=checkbox]{display: none;}
    
    /* 헤더서식 */
    header{
        width:100%;
        background-color: #fff;
        height:80px;
        box-shadow: 0px 1px 5px #333;
        z-index:1000;
    }
    
    header h1{
        text-align: center;
        padding-top: 10px;
    }
    
    header h1 img{height:70px;}
    
    /* 햄버거버튼, 검색버튼 */
    i.fa-bars, i.fa-search{
        position: absolute;
        top:15px;
        font-size:30px;
        padding:15px;
    }
    
    label[for=toggle] span,i.fa-search span{display: none;}
    
    i.fa-search{right:10px;}    
    label[for=toggle]{left:10px;}
    
    
    /* 네비게이션 서식 */
    
    #navi{
        width:100%;height:100%;
        background-color: rgba(0,0,0,.9);
        position: fixed;
        top:0px;left:-100%;
        z-index: 5000;
        transition: 0.5s;
    }
    
    
    /* 햄버거버튼 클릭시 체크박스에 체크되면서 아래동생header의 자손navi를 나오게함 */
    #toggle:checked+header #navi{left:0px;}
    
    
    #navi h3{
        color:#FCEB44;
        font-size: 1.3rem;
        text-transform: uppercase;
        padding:50px 0px 0px 30px;
    }
    /* 닫기버튼 서식 */
    #navi label i.fa-times{
        position: absolute;top:2%;right:4%;
        z-index: 9999;
        color:#fff;
        font-size: 2.4rem;
    }
    
    .gnb{padding:6%;}
    
    .gnb>li{
        width:100%;
        line-height: 34px;
        border-bottom:1px solid #ccc;
    }
    
    .gnb>li>a{
        color:#fff;
        font-size:1rem; 
        transition: 0.5s;
    }
    
    
    .gnb>li:focus>a{font-size: 1.5rem;}
    
    .lnb{display: none;}
    
    @media screen and (max-width:800px) {
  
   .flexslider img{
        height:270px !important;
    } 
}
    
    

    
    /* 콘텐츠01영역 서식 */
    
    section{
        clear:both;
        width:100%;
        overflow: hidden;  /* 모바일화면에서 가로스크롤 안나오게 */
    }
    
    .cont01>h2,.cont02>h2{display: none;}
    
    .cont01{padding:0px 15px;}
    
    .cont01>ul{}
    
    .cont01>ul>li{text-align: center;}
    
    .cont01>ul>li:nth-child(2){margin: 15px 0px;}
    .cont01>ul>li:nth-child(3){margin: 15px 0px;}
    
    
    .cont01 img{
        width:100%;
        max-width: 400px;  /* 사진가로크기 400px넘어가지 않음 */
    }  
    
    
    
    
    
    /* 콘텐츠02영역 서식 */
    .cont02{max-width: 400px;margin:0px auto;}
    
    .cont02_left{}
    
    div.cont02_center{
        height:200px;
        margin:30px 0px;
    }
    
    .cont02_center iframe{width:100%;height:200px;}
        
    .cont02_right::after{
        display: block;
        content:"";
        height:10px;
    }
    
    /* notice,news 목록서식 */
    
    .cont02 dl{}
    
    .cont02 dl>dt{
        font-size:23.5px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom:1px solid #333;
        padding:14px 0px;
    }
    
    .cont02 dl>dt .fa-caret-square-right{
        padding:2px 5px;
        font-size:22px;
        float:right;        
        cursor: pointer;
    }
    
    .cont02 dl>dd{
        line-height:220%; /* 글자크기의 2배크기 줄간격 */
        overflow: hidden;  /* 해당영역을 벗어난 콘텐츠 숨기기 */
        text-overflow: ellipsis;  /* 생략기호 나오게 */
        white-space: nowrap;  /* 글자를 다음줄로 넘기지 않기 */
    }
    
    .cont02 dl>dd>a{font-size:14px;}
    
    
    footer{        
        width:100%;
        height:190px;
        background-color: #fff;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .f_inner{text-align: center;}
    
    .f_lnb{
        transform: translateY(25px);
        display: inline-block;
        line-height: 17px;
        font-size: 0.7rem;
        font-weight: bold;
        width:350px;
    }
    
    .f_lnb>li{
        float: left;
        padding:0px 10px;
        border-right:1px solid #ccc;
    }
    
    .sns {
        transform: translateY(30px);
    }
        
    .sns>li{
        display: inline-block;
        width:35px;height:25px;
    }
    
    .sns>li>a{
        display: block;
        width:27px;height:25px;
        background-image: url(../img/sns.png);
        text-indent: -9999px;
        margin:10px 0px;
    }
    
    
    .sns>li:first-child>a{background-position:-81px;}
    .sns>li:nth-child(2)>a{background-position:-108px;}
    

    .f_inner address{
        font-style: normal;
        margin-top:30px;
        margin-bottom: 30px;
        transform: translateY(30px);
    }
    
    .f_inner address span{
        display: block;
        margin:10px 0px 35px 0px;
    }



















}