/* 데스크탑 */
@media screen and (max-width:1499px) {

    #header>.gnb{width: 100%;}
    #header>.gnb>ol>li>a{line-height: 100px;}

    #visual{height: 500px;}
    #visual>div{padding: 50px;}
    #visual>div>h3{font-size: 40px;}
    #visual>div>p{font-size: 25px;}

    #contents>#info>.info{width: 100%;padding: 0 30px;}
    #contents>#info>.info>div>h3{font-size: 23px;}
    
    #contents>#info>.info>img{margin-right: 30px;}

    #contents .contents_title{font-size: 23px;}

    #contents>#work>.work{width: 100%;padding: 0 30px;}
    #contents>#work>.work>div>span{font-size: 23px;}
    #contents>#work>.work>div>div>h2{font-size: 23px;}
    
    #contents>#gallery>.gallery{width: 90%;}
    #contents>#gallery>.gallery>.slideWrap{height: 550px;}

    #contents>#map>.map{background-position: center;}

}

/* 테블릿 */
@media screen and (max-width:1199px) {

    #header>.logo{padding-top: 30px;}
    #header>.logo>img{width: 25%;}
    #header>.gnb>ol>li>a{line-height: 80px; font-size: 18px;}

    #visual{height: 450px;}
    #visual>div{padding: 40px;}
    #visual>div>h3{font-size: 35px;}

    #contents>#info{padding: 30px 0;}
    #contents>#info>.info{flex-wrap: wrap;}
    #contents>#info>.info>img{margin-right: 0;width: 90%;height: 450px;margin-bottom: 20px;}
    #contents>#info>.info>div{width: 100%; text-align: center;}
    #contents>#info>.info>div>h3{font-size: 20px;}
    #contents>#info>.info>div>p{margin-top: 20px;font-size: 16px;}

    #contents .contents_title{font-size: 20px;}

    #contents>#work{padding: 30px 0;}
    #contents>#work>.work>div>span{font-size: 20px;}
    #contents>#work>.work>div>div>h2{font-size: 18px;margin-bottom: 10px;}

    #contents>#gallery{padding: 30px 0;}
    #contents>#gallery>.gallery>.slideWrap{height: 450px;}

    #footer{padding: 30px 0; font-size: 16px;}
    #contents>#map>.map{padding: 30px 0;}
    #contents>#map>.map_box{padding-top: 30px;}
}

/* 모바일 가로, 타블렛 세로 */
@media screen and (max-width:899px) {

    #visual{display: flex;justify-content: center;align-items: center;height: 500px;}
    #visual>div{padding: 40px;text-align: center}
    #visual>div>h3{font-size: 30px;margin-bottom: 10px;}
    #visual>div>p{font-size: 20px; word-break: keep-all;}

    #contents>#info>.info>div>h3{font-size: 18px;}
    #contents>#info>.info>div>p>br{display: none;}
    #contents>#info>.info>img{height: 250px;}

    #contents .contents_title{font-size: 18px;margin-bottom: 20px;}
    
    #contents>#work>.work>div>div{padding: 20px;}
    #contents>#work>.work>div>span{font-size: 18px;}
    #contents>#work>.work>div>div>p{font-size: 14px;}

    #contents>#gallery>.gallery>.slideWrap{height: 300px;}
    #contents>#gallery>.gallery>.slideWrap>.button_list>h6{font-size: 13px;}

    #contents>#map>.map{background-position: right;}
    #contents>#map>.map>h5{font-size: 16px;margin-bottom: 10px;}
    #contents>#map>.map>a{margin-bottom: 20px; font-size: 18px;}
    #contents>#map>.map>button{font-size: 18px;}
    #contents>#map>.map_box>iframe{height: 300px;}

    #footer{font-size: 16px;}
    
}