@charset "utf-8";
/* CSS Document */

.res{ display:none}
.mobile,.logM {display:none!important;}


@media screen and (max-width:1400px){
.res.w1400{ display: block}
body {position:relative;}

.pageLayout .layUser .userWrap .wCtl {display:none;}

.pageLayout {flex-direction:column; overflow:scroll; padding-top:90px;}
.pageLayout .layUtil {width:calc(100% - var(--pgLyGap) * 2); position:fixed; top:0.5em; left:0; height:fit-content; z-index:999; margin: 0 var(--pgLyGap)}
.pageLayout .layWrap {flex-direction:row; justify-content:space-between; align-items:center;}
.pageLayout .layUtil .layWrap .allWrap {order:1; padding-right:1em;}
.pageLayout .layUtil .linkWrap .st,.pageLayout .layUtil .copyright .tt {writing-mode: horizontal-tb;}
.pageLayout .layUtil .linkWrap .st img {transform:rotate(0deg)}
.pageLayout .layUtil .copyright {margin-top:0;}
.pageLayout .layUtil .linkWrap .st .arrow { order:-1;}

.pageLayout .layUser {width:100%; order:1;}
.pageLayout .layWrap.p0 {flex-direction:column;  padding:1em!important;}

.pageLayout .layCont .header {}
.PC {display:none!important;}
.mobile {display: block!important}

.logoSt .tt {transform:none;}
.pageLayout .layCont .gnbWrap .gnb > li > .dp1 {padding:0;}
.pageLayout .layCont .gnbWrap .gnb {width:100%; justify-content: center; padding: 0 1em; gap:4em;}
.pageLayout .layUtil .linkWrap .st .arrow {margin-top:0; margin-right:0.5em;}

.pageLayout .layUtil .copyright {display:none;}
.pageLayout .layUser .csWrap.pi {padding-bottom:1em;}

}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}
.gridWrap.main {
    display: flex; 
    flex-direction: column; 
    grid-template-columns: 1fr;
    gap: var(--pgLyGap);  
}
.gridWrap.main .gridEl {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto;
    min-height: auto !important; 
}
.gridEl.p1 {
  padding: 1.5em; 
}

}
@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}
.mainVisualSlide .el {width:25%;}

/* 수강신청 페이지 */
.agreeList {flex-direction:column;}
.formN {flex-direction:column;}
.formN > li {width:100%;}

.classList.d0 > .classSt {flex-direction:column}
.classSt.st1 .classCon {width:100%;}
}
@media screen and (max-width:640px){
body{ font-size:11px}

/* 메인 */
.mainVisualSlide .el {width:33.3%;}
.pageLayout .layCont .header {flex-direction:column;height:10.5em; align-items:start; position:relative;}
.pageLayout .layCont .gnbWrap {width:100%;}
.pageLayout .layCont .etcWrap {position:absolute; top:1.5em; right:2.5em;}
.pageLayout .layCont .gnbWrap .gnb {width:auto;}
.pageLayout .layCont .gnbWrap .gnb {width:auto; justify-content: space-between; padding: 0 1em;}

.logoSt img {padding:1em 0 0; }

.loginWrap .loginW .wrapInfo,.loginWrap .loginW .wrapInc {width:auto; padding:2em;}
.loginWrap .loginW {overflow:visible; flex-direction:column; margin-top:2em;}
.loginWrap {min-height:100svh; overflow-x:scroll; }
.loginWrap .bg {height:100svh; overflow-x:scroll; position:fixed; top:0; left:0; }
.loginWrap .loginW .wrapForm {border-top-left-radius: var(--pgSubRd); border-top-right-radius: var(--pgSubRd); order:-1;}
.loginWrap .loginW .wrapForm form {overflow:hidden;}
.memoSt > li .tt {font-size:0.75em;}
.memoSt > li:not(:first-child) {margin-top: 0.25em;}
.loginWrap .loginW .wrapInc {gap:1em;}

.mainQuick {flex-flow: row wrap;}
.mainQuick > li {width:33.33%;}
.pageLayout {padding-top:75px;}
.pageLayout .layUtil {height:60px!important;}
.dlSt > dd {padding: 0.5em;}
.logM {display:flex!important;}
.logP {display:none!important;}
.logoSt .tt {color:#ccc}

/* my 강의실 */
.pageLayout .layCont .header.stTit  {flex-direction:row ; align-items:center;}
.board_search {flex-direction:column;}
.board_search .search {width:100%; margin-top:0.5em; flex-direction:row; flex-wrap: wrap; gap:0.5em;}
.board_search .search > label {width:100%;}
.board_search .search > label > select {width:calc((100% - (0.5em * 3)) / 3)}
.board_search .search select.input_st {margin-right:0.34em}

.board_search .search > label.grow {width:calc((100% - 0.5em )/ 3 * 2)}
.board_search .search > label.grow input {width:100%}
.board_search .search > button {width:calc((100% - 0.5em )/ 3 * 1)}

.pgLine {margin: 1em 0;}

/* 마이페이지 */
.pageLayout .layCont .header.stMenu .sGnb .gnb > li.on .dp2 > li > a {padding: 0.5em 1em;}
.pageLayout .layCont .contents .layWrap {padding:var(--pgLyGap);}
.pageLayout .layCont .contents {margin-bottom:1em;}
.form_lab .lab_tit {width:8em; margin-right:1em;}

/* table */
.tableSt .tr > div {width:auto;}
.tableSt {overflow-Y:scroll;}

.tableSt .tr > div.wTit {min-width:10em;}

.tableSt .thead {border-radius: .5em .5em 0 0;}
.tableSt {border:1px solid #ddd; border-radius:.5em; }
.nocon {border:0px;}

form {overflow-Y:scroll;}
.w_tit {min-width:10em;}

.pageLayout .layCont .contents .layWrap form {overflow: visible!important;}
.subSearch .el .titW {min-width:8.5em;}
.subSearch .el .conW {flex-direction:column;}
select.input_st,
.label_st.st1,
.subSearch .el .conW .w1,
.subSearch .el .conW .input_st {width:100%;}

.tableSt .wGrow {width:auto!important;}

/* 로그인 */

}

@media screen and (max-width:440px){
  .mainVisualSlide .el {width:100%;} 
.subSearch .el .titW {width:7em; padding-left:0;}
.subSearch {padding:1em;}
.classSt .dateW > li .tit:after {display:none;}
.classSt .dateW > li .tit.w1 {width:2em;}
.classSt.st1 .classCon {flex-direction:column;}
.classSt .classCon .wrapBtn .st {flex-direction:row; min-height: auto;}
.tableSt .tr > div {min-width:10em;}
.tableSt .thead .tr:last-child .cell:not(.hideT):first-child,
.tableSt .thead ~ .tbody .tr:first-child .cell:not(.hideT):first-child {min-width:8em;}
.tableSt .thead .tr:last-child .cell:not(.hideT):nth-child(2),
.tableSt .thead ~ .tbody .tr:first-child .cell:not(.hideT):nth-child(2) {min-width:6em;}

}

@media screen and (max-width:380px){
body{ font-size:11px}

}
@media all and (orientation:landscape){

}