@charset 'utf-8';
/* 모바일만 ~767px */
@media screen and (max-width: 767px) {
    #en-hd {height: 70px;}
    #gnb{display: none;}
    .logo {margin-left: 5%; width: 110px;}
    .en-gnb {position: absolute; right: 5%; top: 10px; width: 50px; height: 50px; border: 0; background-size: contain; background-image: url('../images/ico_attend.png'); background-repeat: no-repeat;}
    .en-active {background-image: url('../images/ico_attend_b.png');}
    #m-gnb{z-index: 3; position: fixed; display: none; top: 70px; right: 0; width: 100%; max-width: 800px; height: 100%; overflow: auto; padding: 30px 0 30px 50px; background-color: #ffd520; font-family: 'Cafe24SsurroundAir';}
    #m-gnb a {display: block;}
    #m-gnb .depth1 > a {line-height: 2; font-size: 1.5em;}
    #m-gnb .depth1 > a::after {float: right; content: ''; display: block; width: 25px; height: 25px; margin-top: 12px; margin-right: 50px; background-image: url('../images/egg.png'); background-size: contain; background-repeat: no-repeat;}
    #m-gnb .depth1.active > a::after {background-image: url('../images/egg_broke.png');}
    #m-gnb .depth1.active > a {font-weight: bold; color: #0078ff;}
    #m-gnb .depth2 {display: none; padding-left: 10px; line-height: 2; font-size: 1.1em;}
    /*footer*/
    #en-footer {height: 400px;}
    .ft-info {width: 100%; padding: 100px 1% 0 5%; font-size: 0.8em; line-height: 1em;}
    .ft-menu, .ft-menu2 {line-height: 1.2em;}
    .ft-menu li, .ft-menu2 li {padding: 0 3px;}
    .ft-right {width: 100%; padding: 20px 0 20px 10px;}
    .m-icon {width: 35%;}
    .ft-logo {right: 30px; top: 310px;}
}

/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {

}

/* 태블릿만 768px~1279px */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    #gnb{display: none;}
    .logo {margin-left: 5%;}
    .en-gnb {position: absolute; right: 5%; top: 20px; width: 50px; height: 50px; border: 0; background-size: contain; background-image: url('../images/ico_attend.png'); background-repeat: no-repeat;}
    .en-active {background-image: url('../images/ico_attend_b.png');}
    #m-gnb{z-index: 3; position: fixed; display: none; top: 90px; right: 0; width: 100%; max-width: 800px; height: 100%; overflow: auto; padding: 30px 0 30px 50px; background-color: #ffd520; font-family: 'Cafe24SsurroundAir';}
    #m-gnb a {display: block;}
    #m-gnb .depth1 > a {line-height: 2; font-size: 2em;}
    #m-gnb .depth1 > a::after {float: right; content: ''; display: block; width: 25px; height: 25px; margin-top: 12px; margin-right: 50px; background-image: url('../images/egg.png'); background-size: contain; background-repeat: no-repeat;}
    #m-gnb .depth1.active > a::after {background-image: url('../images/egg_broke.png');}
    #m-gnb .depth1.active > a {font-weight: bold; color: #0078ff;}
    #m-gnb .depth2 {display: none; padding-left: 10px; line-height: 2; font-size: 1.5em;}
    #en-footer {height: 400px;}
    .ft-info {width: 100%; padding: 100px 1% 0 5%; font-size: 0.8em; line-height: 1em;}
    .ft-menu, .ft-menu2 {line-height: 1.2em;}
    .ft-menu li, .ft-menu2 li {padding: 0 3px;}
    .ft-right {width: 100%; padding: 30px 0 20px 5%;}
    .ft-logo {right: 30px; top: 310px;}
}


/* PC 1280px~ */
@media screen and (min-width: 1280px) {
    #m-gnb, .en-gnb {display: none;}
    #gnb {
        position: relative; 
        font-family: 'Cafe24SsurroundAir';
        z-index: 999;
    }
    #gnb a {display: block; margin: 0 30px;}
    #gnb .depth1 {float: left;}
    #gnb .depth1 > a {
        position: relative;
        font-size: 1.4em;
        line-height: 90px;
        width: 100%;
        padding: 0 55px;
    }
    #gnb .depth2 {
        display: none;
        line-height: 2.3;
        margin: 0 55px;
        height: 250px;
        font-size: 1.1em;
        background-color: #ffd520;
    }
    #gnb .depth1.active > a:after {transform: scaleX(1);}
    #gnb .depth1.active > a {
        color: #0078ff;
        font-weight: bold;
    }
}