/* 데스크탑 */
@media screen and (max-width:1499px) {
    #haeder>.header{width: 100%;}
    #haeder>.header>.laftLogo{width: 20%;padding-left: 10px;}
    #haeder>.header>.mainLogo{width: 60%;}
    #haeder>.header>.rigthLogo{width: 20%;padding-right: 10px;}

    #gnb>ol{width: 100%;}

    #visual>.visual_wep{width: 100%;padding-right: 30px;}


    #contents>div>div{width: 100%;padding-left: 20px;padding-right: 20px;}
    #contents img{width: 80%;}
    #composition>.composition>.composition_item>.img_box>img{width: 100%;margin: 0 auto;}
    #contents .typeNprice img{width: 100%;}
}

/* 테블릿 */
@media screen and (max-width:1199px) {
    #haeder{height: 100px;}
    #haeder>.header>.laftLogo{line-height: 100px;}
    #haeder>.header>.mainLogo{line-height: 100px;height: 80%;}
    #haeder>.header>.rigthLogo{line-height: 100px;}

    #gnb{height: 80px;}
    #gnb.on{margin-top: -100px;}
    #gnb>ol>li>a{font-size: 18px;}

    #visual{height: 500px;}
    #visual>.visual_wep>.visualText>h4{font-size: 55px;}
    #visual>.visual_wep>.visualText>p{font-size: 20px;}

    #contents>div>div>.content_title{font-size: 35px;}
    #contents>div>div>.content_subtitle{font-size: 18px;}
    #contents>div>div>.content_text{font-size: 18px;}

    .proposal br{display: none;}
    #composition>.composition>.composition_item>.composition_tapmenu>li{font-size: 18px;}
    #typeNprice>.typeNprice table th{font-size: 14px;}
    #typeNprice>.typeNprice .item_text{font-size: 16px;}
    
    #stupport>.stupport>.stupport_item>.item_title{font-size: 18px;}
    #stupport>.stupport>.stupport_item>.item_text{font-size: 16px;}
    #stupport>.stupport>.link_box>div:first-child{padding: 0 40px 0 20px;}
    #stupport>.stupport>.link_box>div:last-child{padding: 0 20px 0 40px;}
    #stupport>.stupport>.link_box>div {font-size: 16px;}

    #footer>.footer>p{font-size: 16px;}    
}

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

    #visual{height: 400px;}
    #visual>.visual_wep>.visualText>h4{font-size: 40px;}
    #visual>.visual_wep>.visualText>p{font-size: 15px;}

    #contents>div>div>.content_title{font-size: 30px;}
    #contents>div>div>.content_subtitle{font-size: 15px;}
    #contents>div>div>.content_text{font-size: 15px;line-height: 20px;}    

    #composition>.composition>.composition_item>.composition_tapmenu{height: 60px;}
    #composition>.composition>.composition_item>.composition_tapmenu>li{line-height: 40px;}
    #composition>.composition>.composition_item>.composition_tapmenu>li{font-size: 14px;}

    #typeNprice>.typeNprice table th{font-size: 11px;}
    #typeNprice>.typeNprice table td{font-size: 11px;}
    #typeNprice>.typeNprice .item_text{font-size: 13px;}
    #typeNprice>.typeNprice .item_text>p{margin-bottom: 0;}
    #typeNprice>.typeNprice>h5{font-size: 18px;}
    #typeNprice>.typeNprice>h6{font-size: 14px;}

    #stupport>.stupport>.stupport_item>.item_title{font-size: 12px;}
    #stupport>.stupport>.stupport_item>.item_title{height: 50px;line-height: 50px;}
    #stupport>.stupport>.stupport_item>.item_title>span{font-size: 18px;}
    #stupport>.stupport>.stupport_item>.item_text{font-size: 11px;padding: 10px 0 10px 10px;}
    #stupport>.stupport>.download_box>div{width:100%;}
    #stupport>.stupport>.download_box>div>a>h4{font-size: 14px;}
    #stupport>.stupport>.download_box>div>a>img{width: 20px; height: 20px;}

    #stupport>.stupport>.site_txt{font-size: 15px;}
    #stupport>.stupport>.link_box{padding-left: 50px;}
    #stupport>.stupport>.link_box>div{width: 100%;}
    #stupport>.stupport>.link_box>div:first-child{padding: 0;margin-bottom: 10px;}
    #stupport>.stupport>.link_box>div:last-child{padding: 0;}
    #stupport>.stupport>.link_box>div>div{width: auto;}

    #footer{height: 200px;}
    #footer>.footer>p{font-size: 10px;}
}

/* 모바일 세로 */
@media screen and (max-width:599px) {

    #visual{height: 300px;}

    #composition>.composition>.composition_item>.composition_tapmenu>li{font-size: 10px;}

    #stupport>.stupport>.stupport_item>.item_title{font-size: 10px;}
    

    .pcImg{display: none;}
    .mobileImg{display: inline-block;}

}