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

    .wid {
        width:85%;
    }

    .none {
        display: none !important;
    }


    /* full screen GNB */

    .fullGnbArea {
        width:100%;
    }

    .fullGnbArea .fullGnbWrap {
        display: flex;
    }

        .fullGnb {
            margin:auto;
        }


    /* header */

    .header {
        width:100%;
    }

    .header .gnb .gnbWrap .menu {
        display:none;
    }

    .header .gnb .gnbWrap .logo {
        width:80px;
        margin-left:auto;
    }


        .header .gnb .gnbWrap .logo img {
            filter:invert(60%) sepia(45%) saturate(2693%) hue-rotate(230deg) brightness(90%) contrast(93%);
        }

    .header .gnb .gnbWrap .languageSelect {
        margin-left:auto;
        padding-right:30px;
    }




    /* content */
    .area01 {
        height:100vh
    }

    .area04 {
        height:auto;
    }

        /* subTitle */
        
        .subTitle .areaNum {
            text-align:center;
            font-size:40px;
        }

        .subTitle .line-col-g {
            margin:20px auto;
        }

        .subTitle .subTitleTxt {
            font-size:40px;
            text-align:center;
        }

        .subTitle .contentTXT {
            font-size:20px;
            margin-top: -5px;
            text-align:center;
        }

        /* mainTop */

        .mainTop:before {
            background-position: center;
            background-size: 2000px;
        }

            .mainTop .contentWrap .textWrap {
                margin: auto;
                align-self: auto;
                width: 100%;
            }

            .mainTop .contentWrap .textWrap > p {
                font-size:18px;
                text-align:center;
                margin:0 auto;
            }

            .mainTop .contentWrap .textWrap .line-col {
                height:50px;
                width:1px;
                margin:10px auto;
            }

            .mainTop .contentWrap .textWrap .titleTXT {
                font-size:40px;
                letter-spacing: 5px;
                text-align:center;
            }


        /* about */

        .about .contentWrap .content > div {
            flex-direction: column;
        }

            .about .contentWrap .content > div .subBox {
                width:100%;
                border-right:none;
                border-bottom:1px solid #aaa;
                background:#f7f7f7;
            }

                .about .contentWrap .content > div .txtBox {
                    padding:30px 30px 10px;
                }
                    .about .contentWrap .content > div .txtBox .slogan {
                        word-break: keep-all;
                    }

        /* family */                
        
        .familyWrap {
            flex-direction: column;
        }

            .familyWrap li {
                width:100%;
                border-right:none !important;
                border-bottom:1px solid #aaa;
            }
        
            .familyWrap li:last-child {
                border-bottom:none;
            }
                .familyWrap li .familyPic {
                    width:100%;
                }

                .familyWrap li > div {
                    text-align:center;
                }

        /* contact */   

        .contact .contentWrap {
            flex-direction: column;
        }

            .contact .contentWrap .contentLeft {
                width:100%;
                height:auto;
                border-right: none;
            }

                .contact .contentWrap .contentLeft .mapArea {
                    height:300px;
                }

                    .contact .contentWrap .contentLeft .mapArea iframe {
                        height:300px;
                    }

            .contact .contentWrap .contentRight {
                width:100%;
                height: auto;
                border-right:none;
            }
                

                .contact .contentWrap .contentRight .contentTXTWrap > div {
                    display: flex;
                }

                    .contact .contentWrap .contentRight .contentTXTWrap > div > i {
                        margin-right:10px;
                    }


    /* footer */


    .footer {
        height:auto;
    }

        .footer .footerWrap {
            padding:20px 0px;
        }

        .footer .footerWrap .logoArea {
            padding:10px 0 10px;
        }

        .footer .footerWrap .footerInfo {
            width:100%;
            margin-bottom:10px;
        }

        .footer .footerWrap .copyrightTxt {
            width:100%;
            color:#777;
        }

}