@charset "utf-8";

/***********************************************************
### layout(media query) 범위 ###
~1281px : pc layout
1280px ~ 1024px : pc layout2(lnb hidden)
1023px~ : mobile layout
************************************************************/

@media all and (max-width : 1024px){
    #header {position:fixed;height:65px;}
    #header::after {display:block;top:65px;}
    #header nav {transition:0.2s;}
	#container {padding:65px 0 0; max-height: unset;}
    #container-inner {padding:65px 0 0;}
    #contents {padding:85px 30px 140px; }
    #contents-inner {padding:25px 30px 20px;}
	#main_top {margin-top: 7px; top: 0; max-width: 100%; height: 630px; background: url(../img/layout/main_top.jpg) no-repeat;}
	#main_top #main_midsection {display:none;}
	#main_top #main_topsection {float: left; width: 80%; height: 100%; position: relative; top: 120px; left: 10%; text-align: center;}

	#top_container {display: flex; align-items: center; padding: 27px; height: 0px; margin-top: -160px;}
    #top_box1 {flex: 1; display: flex; justify-content: center; align-items: center; height: 180px; font-size: 40px; color: white; background:#ff9e00; opacity: 0.4;transition:0.2s; border: 1px solid #f3f3f3;
     border-radius: 4px; -index: 1; transition: all 0.3s; margin: 2px;}
    #top_box2 {flex: 1; display: flex; justify-content: center; align-items: center; height: 180px; font-size: 40px; color: white; background:#4dafff; opacity: 0.4;transition:0.2s; border: 1px solid #f3f3f3;
     border-radius: 4px; -index: 1; transition: all 0.3s; margin: 2px;}
    #top_box3 {flex: 1; display: flex; justify-content: center; align-items: center; height: 180px; font-size: 40px; color: white; background:#ff7200; opacity: 0.4;transition:0.2s; border: 1px solid #f3f3f3;
     border-radius: 4px; -index: 1; transition: all 0.3s; margin: 2px;}
    #top_box4 {flex: 1; display: flex; justify-content: center; align-items: center; height: 180px; font-size: 40px; color: white; background:#353535; opacity: 0.4;transition:0.2s; border: 1px solid #f3f3f3;
     border-radius: 4px; -index: 1; transition: all 0.3s; margin: 2px;}
    #top_box1:hover {flex: 2; height: 200px; z-index: 2;}
    #top_box2:hover {flex: 2; height: 200px; z-index: 2;}
    #top_box3:hover {flex: 2; height: 200px; z-index: 2;}
    #top_box4:hover {flex: 2; height: 200px; z-index: 2;}
	#top_box1 img{position: absolute;}

    header .logo {left:15px;top:15px;}
    header .logo a {width:auto;}
    header .logo a>img {display:block;}
    header .logo a span {display:block;}
    header .logo a span>img {height:35px;}
	header .logo a>img {width: 235px; height: 37px;}
    header .top_util {right:40;top:0;width:120px;height:65px;}
    header .top_util .myGrp {width:auto;}
    header .top_util .myGrp .profileImg,
    header .top_util .myGrp .user {display:none;}
    header .top_util .myGrp .top_myInfo {display:block;position:fixed;right:auto;left:1024px;top:0;width:100%;background:#ff9724;transition:0.2s;z-index:1100;}
    header .top_util .myGrp .top_myInfo .myInfo_wrap {border:none;padding-bottom:0px;border-radius:0;background:none;box-shadow:none;}
    header .top_util .myGrp .top_myInfo .myInfo_wrap::before {display:none;}
    header .top_util .myGrp .top_myInfo .info {border-bottom:none;padding:0 15px;font-size:0;}
    header .top_util .myGrp .top_myInfo .info.my {margin-top:50px;padding:20px 15px 5px;border-top:1px solid rgba(255,255,255,0.5);color:#fff;font-size:25px;}
    header .top_util .myGrp .top_myInfo .info.alram {padding:0}
    header .top_util .myGrp .top_myInfo .info.my .profileImg {display:none;}
    header .top_util .myGrp .top_myInfo .info.my .txt {display:block;margin-top:15px;color:#fff;font-size:14px;line-height:16px;}
    header .top_util .myGrp .top_myInfo .info.my .btn_myInfo {position:absolute;right:15px;top:15px;width:78px;box-sizing:border-box;border:1px solid #fff;border-radius:14px;color:#fff;font-size:13px;line-height:28px;text-align:center;}
    header .top_util .myGrp .top_myInfo .info .txt {display:inline-block;color:#fff;font-size:13px;line-height:15px;letter-spacing:-1px;}
    header .top_util .myGrp .top_myInfo .info .txt+.txt {margin-left:15px;}
    header .top_util .myGrp .top_myInfo .info .sort {width:auto;color:#7beef3;}
    header .top_util .myGrp .top_myInfo .info .report {position:fixed;left:-1024px;bottom:0;width:100%;background:#000;transition:0.2s;}
    header .top_util .myGrp .top_myInfo .info .report li {height:30px;padding:13px 0 18px;}
    header .top_util .myGrp .top_myInfo .info .report li em {color:#fff;font-size:30px;line-height:30px;}
    header .top_util .myGrp .top_myInfo .info .report li .txt {display:inline-block;color:#fff;font-size:13px;}
    header .top_util .myGrp .top_myInfo .btn_logout {position:absolute;left:15px;top:-35px;width:auto;height:auto;margin:0;padding:0 0 0 25px;border:none;border-radius:0;background:url(../img/layout/m/ico_power_white.png) no-repeat left top;background-size:auto 21px;color:#fff;font-size:14px;line-height:21px;}
    header .top_util .mBtn_alram {display:inline-block;position:relative;min-width:35px;height:25px;margin:19px 5px 0 0;background:url(../img/layout/m/ico_bell.png) no-repeat left bottom;background-size:auto 20px;}
    header .top_util .mBtn_alram>span {display:inline-block;overflow:hidden;text-align:left;text-indent:-999px;}
    header .top_util .mBtn_alram>em {display:block;position:absolute;left:9px;top:0;overflow:hidden;min-width:16px;height:16px;box-sizing:border-box;padding:0 5px;border-radius:8px;background:#ea2e47;color:#fff;font-style:normal;font-family:'Roboto',sans-serif;font-size:10px;font-weight:400;line-height:16px;}
    header .top_util .btn_topSitemap {display:none;}
    header .top_util .btn_mTopSitemap {display:inline-block;width:45px;height:28px;margin:19px 15px 0 0;background:url(../img/layout/m/ico_lineMenu.png) no-repeat center;background-size:30px auto;}
    header .top_util .btn_topService {display:none;}
	header .top_util .top_meun {display:none;}
    header .mBtn {display:block;position:fixed;left:-1024px;right:auto;top:15px;font-size:0;text-align:right;z-index:11;transition:0.2s;z-index:1100;}
    header .mBtn>button {display:inline-block;overflow:hidden;width:20px;height:20px;margin-left:15px;text-indent:-999px;}
    header .mBtn .mBtn_home {background:url(../img/layout/m/ico_home_white.png) no-repeat center;background-size:auto 21px;}
    header .mBtn .mBtn_close {background:url(../img/layout/m/mBtn_closeX_white.png) no-repeat center;background-size:auto 20px;}
    header .btn_mSiteMap {display:inline-block;position:absolute;left:90px;top:-35px;width:auto;height:auto;margin:0;padding:0 0 0 25px;border:none;color:#fff;font-size:14px;line-height:21px;}
    header .btn_mSiteMap::before {content:'';display:block;position:absolute;left:13px;top:3px;width:1px;height:14px;background:#fff;opacity:0.5;}

    #header nav {position:fixed;left:1024px;width:100%;box-sizing:border-box;padding-top:60px;background:#f3f3f3;z-index:1100;}
    #header.gnbOn nav,
    #header.gnbOn header .top_util .myGrp .top_myInfo,
    #header.gnbOn header .top_util .myGrp .top_myInfo .info .report,
    #header.gnbOn header .mBtn {left: 50%;}
	#header.gnbOn {height: 0%;}

    #gnb_parent {display:none;}
    #gnb {display:block;overflow-x:hidden;overflow-y:auto;padding:0;}
    #gnb>li {display:block;min-width:auto;width:auto;padding:0 15px 0px 20px; text-align: left; border-bottom: 0.5px dashed;}
	#gnb>li>a.off {background: url(../img/common/plus_icon.png) no-repeat 35% 10px; background-size: 25px;}
	#gnb>li>a.on {background: url(../img/common/mius_icon.png) no-repeat 35% 10px; background-size: 25px;}

    #gnb>li+li {border-top:10px solid #f1f2f6; border-bottom: 0.5px dashed }
	#gnb>li+li {border:0; border-bottom: 0.5px dashed;}
	
    #gnb>li>a {margin:15px 0;color:#171716;font-size:25px;line-height:45px; }
    #gnb .menuM {padding:0;}
    #gnb .menuM>li {margin-top:0;padding:10px 0;border-top:1px solid #dbdfe2;font-size:0;}
    #gnb .menuM>li>a {display:block;width:100%;font-size:22px;line-height:25px;}
    #gnb .menuM>li.chk>a {color:#009196;font-weight:500;}
    #gnb .menuM>li.child>a {display:block;position:relative;padding-right:0px;}
    #gnb .menuM>li.child>a.on {color:#009196;font-weight:500;}
    #gnb li.child>a::after {position:absolute;right:0;top:0;width:17px;height:17px;background:url(../img/layout/m/btn_gnbChild.png) no-repeat center;background-size:auto 13px;}
    #gnb li.child>a.on::after {background:url(../img/layout/m/btn_gnbChild_on.png) no-repeat center;background-size:auto 13px;}
    #gnb .menuS>li {float:left;width:50%;box-sizing:border-box;padding:0 15px 0 0;}
    #gnb .menuS>li::before {display:none;}
    #gnb .menuS>li>a {font-size:13px;line-height:17px;}
    #gnb .menuS>li.chk>a {color:#009196}
	
	#lnb-bottom {position:relative !important; display: inline-table; margin-top:5% !important;left:-31px;bottom:0px;width:111% !important;height:225px !important;box-sizing:border-box;border:none;
	background: #62b9ff; box-shadow:none; z-index:auto;}
    #lnb-bottom .lnb_wrap {position:relative;padding:0;z-index:400}
    #lnb-bottom .lnb_info {width:100%;font-size:0}
    #lnb-bottom .lnb_info .lecGuide_box {position:relative;display:inline-block;width:80%;height:90px;;margin-bottom:0;padding:10px 0;border-radius:0;background:none;vertical-align:top}
    #lnb-bottom .lnb_info .lecGuide_box a {font-size:16px;line-height:inherit;font-weight:500;color:#fff}
    #lnb-bottom .lnb_info .lecGuide_box:after {content:'';display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:1px;height:20px;background:#cfd4da;}
    #lnb-bottom .lnb_info .info_box {position:relative;width:100%;height:auto;margin-bottom:0;padding:80px 0;border-radius:0;background:none;vertical-align: top;}
    #lnb-bottom .lnb_info .lecGuide_box + .info_box {position:relative;display:inline-block;width:100%;height:128px;margin-bottom:0;padding:15px 0;border-radius:0;background:none;vertical-align: top;box-sizing:border-box;}
    #lnb-bottom .lnb_info .info_box dl {height:auto;padding-left:0;font-size:0;text-align:center;}
    #lnb-bottom .lnb_info .info_box dl>dt {display:inline-block;position:relative;left:auto;top:auto;width:auto;margin-right:15px;}
    #lnb-bottom .lnb_info .info_box dl>dt>span {font-size:28px;line-height:20px;color:#fff;}
    #lnb-bottom .lnb_info .info_box dl>dd {display:inline-block;width:auto;}
    #lnb-bottom .lnb_info .info_box dl>dd>span {font-size:40px;line-height:20px;color: red;}
    #lnb-bottom .lnb_info .info_num {float:left;width:33.3%;margin:0;padding:10px 0;font-size:0;text-align:center;}
    #lnb-bottom .lnb_info .info_num>dt {display:inline-block;float:none;width:auto;margin-right:15px;font-size:12px;line-height:16px;}
    #lnb-bottom .lnb_info .info_num>dd {display:inline-block;float:none;width:auto;margin-top:0;font-size:15px;line-height:19px;}
    #lnb-bottom .lnb_majorBtn,
    #lnb-bottom .lnb_myLec,
    #lnb-bottom .lnb_alram,
    #lnb-bottom .lnb_icoBnr,
    #lnb-bottom .btn_miniClose {display:none;}
    #lnb-bottom.lnbOn .lnb_limit {height:auto;}

    #lnb {position:absolute !important; display:none; top:94% !important;left:0;bottom:0px;width:100% !important;height:0px !important;box-sizing:border-box;border:none;box-shadow:none;transition:auto;z-index:auto;}
    #lnb .lnb_wrap {position:relative;padding:0;z-index:400}
    #lnb .lnb_info {width:100%;font-size:0}
    #lnb .lnb_info .lecGuide_box {position:relative;display:inline-block;width:80%;height:90px;;margin-bottom:0;padding:10px 0;border-radius:0;background:none;vertical-align:top}
    #lnb .lnb_info .lecGuide_box a {font-size:16px;line-height:inherit;font-weight:500;color:#000}
    #lnb .lnb_info .lecGuide_box:after {content:'';display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:1px;height:20px;background:#cfd4da;}

    #lnb .lnb_info .info_box {position:relative;width:100%;height:auto;margin-bottom:0;padding:10px 0;border-radius:0;background:none;vertical-align: top;}
    #lnb .lnb_info .lecGuide_box + .info_box {position:relative;display:inline-block;width:100%;height:128px;margin-bottom:0;padding:15px 0;border-radius:0;background:none;vertical-align: top;box-sizing:border-box;}
    #lnb .lnb_info .info_box dl {height:auto;padding-left:0;font-size:0;text-align:center;}
    #lnb .lnb_info .info_box dl>dt {display:inline-block;position:relative;left:auto;top:auto;width:auto;margin-right:15px;}
    #lnb .lnb_info .info_box dl>dt>span {font-size:19px;line-height:20px;}
    #lnb .lnb_info .info_box dl>dd {display:inline-block;width:auto;}
    #lnb .lnb_info .info_box dl>dd>span {font-size:18px;line-height:20px;}
    #lnb .lnb_info .info_num {float:left;width:33.3%;margin:0;padding:10px 0;font-size:0;text-align:center;}
    #lnb .lnb_info .info_num>dt {display:inline-block;float:none;width:auto;margin-right:15px;font-size:12px;line-height:16px;}
    #lnb .lnb_info .info_num>dd {display:inline-block;float:none;width:auto;margin-top:0;font-size:15px;line-height:19px;}
    #lnb .lnb_majorBtn,
    #lnb .lnb_myLec,
    #lnb .lnb_alram,
    #lnb .lnb_icoBnr,
    #lnb .btn_miniClose {display:none;}
    #lnb.lnbOn .lnb_limit {height:auto;}
    .mTop_termNsubject #lnb .lnb_majorBtn,
    .mTop_termNsubject #lnb .lnb_myLec {display:block;}

    #lnb .lnb_alram {position:fixed;right:33px;top:55px;overflow:visible;}
    #lnb .lnb_alram h2 {display:none !important;}
    #lnb .lnb_alram.on {display:block;z-index:1000}
    #lnb .lnb_alram.on .alram_wrap {position:relative;width:100%;box-sizing:border-box;padding:15px;border:1px solid #ccc;border-radius:7px;background:#fff;box-shadow:0 5px 15px -5px #ccc;}
    #lnb .lnb_alram.on .alram_wrap::before {content:'';display:block;position:absolute;right:30px;top:-12px;width:15px;height:12px;background:url(../img/layout/bg_myInfo_topTri.png) no-repeat center;}
	#lnb .lnb_info .lecGuide_box{display:none;}
    #lnb .lnb_infogreen .lecGuide_box {display:none;}

    /*.mLnb_termNsubject {display:block;position:relative;height:45px;z-index:1000;}
    .mLnb_termNsubject .mLnb_tab {overflow:hidden;background:#00acb3;}
    .mLnb_termNsubject .mLnb_tab>button {display:block;float:left;width:50%;height:45px;box-sizing:border-box;border-top:1px solid #00acb2;border-right:1px solid #4dc5ca;padding:0 45px 0 15px;background:url(../img/layout/ico_arrB_white_b.png) no-repeat right 15px center;background-size:auto 8px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:45px;text-align:left;}
    .mLnb_termNsubject .mLnb_tab>button.on {background:#fff url(../img/layout/ico_arrB_bluegreen_b.png) no-repeat right 15px center;background-size:auto 8px;color:#009196;}
    .mLnb_termNsubject .mLnb_tab>button:last-child {border-right:none;}
    .mLnb_termNsubject .mLnb_list .list_grp {display:none;position:absolute;left:0;top:45px;width:100%;max-height:510px;box-sizing:border-box;padding:15px 15px 20px;background:#fff;}
    .mLnb_termNsubject .mLnb_list .list_grp.on {display:block;}
    .mLnb_termNsubject .mLnb_list .list_grp>li {margin-top:5px;}
    .mLnb_termNsubject .mLnb_list .list_grp>li>a {color:#000;font-size:14px;font-weight:400;line-height:18px;}
    .mLnb_termNsubject .mLnb_list .list_grp>li.on>a {color:#009196;font-weight:500;}
    .mLnb_termNsubject .mLnb_list .list_grp>li>a:hover {color:#009196;}*/

    #container.mTop_termNsubject {display:block;padding-top:110px;}
    .mTop_termNsubject #lnb .lnb_majorBtn {position:fixed !important;left:0;top:65px;width:50% !important;height:45px;border-bottom:1px solid #eee;z-index:50;/*z-index:1000*/}
    .mTop_termNsubject #lnb .lnb_wrap.noLec .lnb_majorBtn {width:100% !important}
    .mTop_termNsubject #lnb .lnb_myLec {position:fixed !important;top:65px;overflow:visible;width:100% !important; ;height:45px;z-index:50;/*z-index:1000*/}
    .mTop_termNsubject #lnb .lnb_majorBtn>a,
    .mTop_termNsubject #lnb .lnb_myLec>.tit {
        display:block;width:100%;min-width:auto;height:45px !important;
        margin:0;padding:0 45px 0 15px !important;margin-left:-15px;
        border-bottom:none !important;box-sizing:border-box;border-top:1px solid #00acb2;border-right:1px solid #4dc5ca;border-radius:0;
        background:#ff9724 url(../img/layout/ico_arrB_white_b.png) no-repeat right 15px center;background-size:auto 8px;
        color:#fff !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px !important;font-weight:500;line-height:45px !important;text-align:left !important;
        cursor:pointer;transition:auto !important;animation:none !important;
    }

    .btnC_act.disabled {background:#00acb3!important;;}
    .mTop_termNsubject #lnb .lnb_myLec>.tit {white-space:pre;text-overflow:ellipsis;overflow:hidden;}
    .mTop_termNsubject #lnb .lnb_majorBtn>a::before,
    .mTop_termNsubject #lnb .lnb_majorBtn>a::after {display:none;}
    .mTop_termNsubject #lnb .lnb_majorBtn>a>span {height:43px;padding:0;background:none;line-height:43px;font-size:16px;font-weight:500;line-height:45px;text-align:left;}
    .mTop_termNsubject #lnb .term_list {position:fixed;width:100%;top:110px;border-radius:0;border:none;box-shadow:none;}
    .mTop_termNsubject #lnb .term_list::before {display:none;}
    /* .mTop_termNsubject #lnb .term_list ul {max-height:none;} */
    .mTop_termNsubject #lnb .lnb_myLec ul {display:none;position:fixed;left:0;top:0px;width:0%;box-sizing:border-box;padding:15px 15px 20px;background:#fff;}
    .mTop_termNsubject #lnb .lnb_myLec ul.on {display:none;z-index:1000;}
    .mTop_termNsubject #lnb .lnb_myLec .noAttendBox {display:none;position:fixed;left:0;top:110px;width:100%;box-sizing:border-box;padding:15px 15px 20px;border-radius:0;background:#fff;}
    .mTop_termNsubject #lnb .lnb_myLec .noAttendBox.on {display:block;z-index:1000;}
    .mTop_termNsubject #lnb .lnb_myLec .noAttendBox>.no_attend {background-size:auto 40px;background-position:50% 15px;}

    .mTop_termNsubject #lnb .term_list ul li,
    .mTop_termNsubject #lnb .lnb_myLec ul li {margin-top:5px;}
    .mTop_termNsubject #lnb .term_list ul li>a,
    .mTop_termNsubject #lnb .lnb_myLec ul li>a {color:#000;font-size:14px;font-weight:400;line-height:18px;}
    .mTop_termNsubject #lnb .term_list ul li.on>a,
    .mTop_termNsubject #lnb .lnb_myLec ul li.on>a {color:#009196;font-weight:500;}
    .mTop_termNsubject #lnb .term_list ul li>a:hover,
    .mTop_termNsubject #lnb .lnb_myLec ul li>a:hover {color:#009196;}
    #termNsubject_dim  {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
    #termNsubject_dim.on {visibility:visible;opacity:0.5;;}

    #footer {background:#ff9724;border:none;left:0;right: 0;bottom: 0;overflow: hidden;}
    #footer .footerWrap {padding:0 0 68px;}
    #footer .familySite {float:none;}
    #footer .familySite .family_btn {width:100%;}
    #footer .familySite .family_btn li {width:calc(50% - 1px);margin-left:auto; float:left; border-bottom: 0px solid #e2e2e2}
    #footer .familySite .family_btn button {width:100%;height:40px;border:none;padding:0 40px 0 15px;background-size:11px auto;color:#101010;font-size:13px;line-height:40px;text-align:left;font-weight: 500;}
    #footer .f_mark {right:auto;top:auto;left:0;bottom:15px;width:100%;box-sizing:border-box;padding-right:30px;text-align:center;}
    #footer .f_mark>img {vertical-align:top;height:28px;margin-left:30px;}
    #footer .f_mark .mark_crosscert {height:28px;}
    #footer .f_mark .mark_gei {height:38px;}
    #footer .f_mark .mark_kisa {height:28px;}
	#footer {top: -15.5%;}

	footer {float:none;width:100%;}
    footer .f_menu {display:none;}
    footer .f_sns {bottom:14px;width:100%;text-align:center;}
    footer .f_sns>li>a {margin:0 20px;}
    footer .f_sns>li>a>img {display:none;}
    footer .f_sns>li>a>span {display:block;}
    footer .f_sns>li>a>span>img {height:14px;}
    footer address {padding-bottom:42px;}
    footer address>p {display:none;}
    footer address em {display:block;padding:10px 0;color:#fff;font-size:12px;font-weight:300;line-height:16px;text-align:center;font-weight: 500;}

    /* header .mSide {display:block;position:fixed;right:25px;bottom:50px;width:70px;transform:translateY(-50%);} */
    header .mSide {display:block;position:fixed;right:25px;bottom:-25px;width:70px;transform:translateY(-50%);}
    header .mSide>a {display:table;overflow:hidden;width:70px;height:70px;box-sizing:border-box;border-radius:50%;box-shadow:3px 3px 10px -5px #666;}
    header .mSide>a>span {display:table-cell;padding-top:2px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:16px;text-align:center;vertical-align:middle;}
    header .mSide>a+a {margin-top:10px;}
    header .mSide .mBtn_lecRoomEnter {background:#009196;}
    header .mSide .mBtn_majorService {background:#ff7e00;}

    .side_majorService .side_wrap {padding:45px 20px;}
    .side_majorService .side_wrap .btn_sideClose {right:20px;top:20px;width:15px;height:15px;background-size:auto 15px;}
    .side_majorService .ico_list li>a {height:100px;padding-top:50px;background-size:auto 40px;font-size:14px;line-height:18px;}
    .side_majorService .box_list li {width:calc(50% - 15px);height:280px;margin:0 15px 15px 0;}
    .side_majorService .box_list li .bnrBox {width:100%;height:280px;}
    .side_majorService .box_list .tit {font-size:24px;line-height:28px;}
    .side_majorService .box_list .tit>span {font-size:14px;line-height:18px;}
    .side_majorService .box_list .txt {font-size:13px;line-height:20px;}
    .side_majorService .box_list .txt>b {font-size:14px;}
    .side_majorService .box_list .btn>a {height:24px;font-size:13px;line-height:24px;}
    .side_lecRoomEnter .lec_list {width:100%}
    .side_lecRoomEnter .side_wrap {padding:45px 20px;}
    .side_lecRoomEnter .side_wrap .btn_sideClose {right:20px;top:20px;width:15px;height:15px;background-size:auto 15px;}
    .side_lecRoomEnter .lec_list li>a {font-size:19px}
    .side_lecRoomEnter .lec_list li:hover>a {color:#000;font-weight:400;}
    .side_lecRoomEnter .lec_list li.on:hover>a {color: #009196;;font-weight:600;}
    .side_lecRoomEnter .lec_list li:hover>a::before {display:none;}
    .side_lecRoomEnter .lec_list li.on:hover>a::before {animation:none;}
    .side_lecRoomEnter .lec_list li.on>a::before {content:'';display:block;position:absolute;right:0;top:6px;width:35px;height:20px;background:url(../img/layout/btn_lecRoom_arrR.png) no-repeat;transition:0.5s all;animation:none;background-size:25px auto;}

	#header::after {content:'';display:none;}

    #typeProf #lnb {height:0 !important;}
    #typeProf #contents {padding-bottom:35px !important;}
    #typeProf header .top_util .myGrp .top_myInfo .info.my {padding:20px 15px 5px !important}

}

@media all and (max-width : 860px){
    .side_majorService.on {width:100%;}

}
@media all and (max-width : 800px){
    .side_lecRoomEnter.on {width:100%;}
}

@media all and (max-width : 767px){
    #contents {min-height:500px;padding:75px 15px 140px;}
    #contents-inner {min-height:500px;padding:20px 15px 50px;}

    #lnb {height:105px !important;}
    #lnb .lnb_info .info_num {text-align:left;}
    #lnb .lnb_info .info_num>dt {margin-right:auto;}
    #lnb .lnb_info .info_num>dd {display:block;text-align:left;}
    #lnb .lnb_info .info_num>dd {display:block;margin-top:7px;}

    #footer #familySite1 .popLayer,
    #footer #familySite2 .popLayer {width:80%;}
    #footer #familySite1 li {width:33.3%;}
    #footer #familySite2 li {width:50%;}

    /*header .mSide {right:15px;width:50px;}
    header .mSide>a {width:50px;height:50px;}
    header .mSide>a>span {font-size:12px;font-weight:400;line-height:14px;}*/
}

@media all and (max-width : 600px){
    .side_majorService .ico_list li {width:25%;}
    .side_majorService .ico_list li>a {height:80px;padding-top:45px;}
    .side_majorService .box_list li {width:100%;height:auto;margin:0 0 15px 0;}
    .side_majorService .box_list .btn {position:relative;left:auto;bottom:auto;margin-top:20px;padding:0;}
}

@media all and (max-width : 460px){
    #lnb .lnb_info .lecGuide_box {width:100%;}
    #lnb .lnb_info .lecGuide_box+.info_box {width:100%;}
    #lnb .lnb_info .lecGuide_box:after {display:none;}
    #typeStud #contents {padding:75px 15px 160px}
    #typeStud #lnb {height:140px !important;bottom:188px;}
}
@media all and (max-width : 420px){
    #footer #familySite1 li {width:50%;}

    .side_majorService .ico_list li {width:33.3%;}
    .side_majorService .ico_list li>a {background-size:auto 30px;font-size:13px;line-height:17px;}
}

@media all and (max-width : 345px){
    header .top_util .myGrp .top_myInfo .info.my {font-size:25px}
}


/** CSS redefining by candyworks(2020.12.18) **/
@media all and (max-width:1024px){
	/* 헤더 */
	#header.gnbOn nav, #header.gnbOn header .top_util .myGrp .top_myInfo, #header.gnbOn header .top_util .myGrp .top_myInfo .info .report, #header.gnbOn header .mBtn{left:25%;}
	#header.gnbOn header .mBtn{left:25% !important;}
	#header.gnbOn header .mBtn > button{margin-left:0;}
	#header nav{width:75%;padding:58px 0 102px;overflow-y:auto;}
	header .top_util{right:8px;}
	header .top_util .myGrp .top_myInfo .info.my{padding:20px 15px;font-size:16px;}
	header .top_util .myGrp .top_myInfo .info.my + button{display:none;}
    
	.sub_add_word {display:none;}

	#gnb > li{background:unset;padding:0 15px;}
	#gnb > li > a{width:100%;margin:0;font-size:16px;}
	#gnb > li > a.off{background-size:16px;background-position:right center;}
	#gnb .menuM {display:block;}
	#gnb .menuM > li > a{font-size:14px;line-height:20px;}
	#gnb .menuM > li.link{background-position:right 20px center;}

	/* 컨테이너 */
	#typeStud #lnb{display:none;}
	#typeStud #contents{padding-bottom:30px;}

	/* 메인 */
	#main_top{height:628px;}
	#main_top #main_topsection{top:0;float:none;}
	#main_top #main_topsection p {font-size:16px !important;}
	#top_container{height:auto;margin:-503px 0 297px;padding:0 13px;}
	#top_container > div > img{width:auto;height:54px;}
	.col_08 .iphak_notice > ul li{line-height:1;}
	.col_08 .iphak_notice > ul li a{display:block;width:auto !important;padding:6px 0;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
	#container #container_middle_section{top:0;left:0;}
	#container #container_middle_section .col_08{display:block;float:none;width:auto;height:225px;margin:30px 15px !important;}
	#container #container_middle_section .col_08 .iphak_notice{position:relative;padding:27px 15px 22px;}
	#container #container_middle_section .col_08 .iphak_notice > span{font-size:18px !important;}
	#container #container_middle_section .col_08 .iphak_notice > span img{margin-top:2px;vertical-align:top;}
	#container #container_middle_section .col_08 .iphak_notice .iphak_notice_plus{position:absolute;top:21px;right:15px;width:35px;margin-top:0;padding:0;text-align:center;}
	#container #container_middle_section .col_08 .iphak_notice > ul{height:130px;overflow:hidden;}
	#container #container_middle_section .col_08 .iphak_notice > ul li{padding:0;}
	.quickmenu{width:calc(100% + 30px) !important;margin:-55px -15px 0 !important;padding:15px 0;box-sizing:border-box;}
	.menu_icon{display:block !important;float:none !important;}
	ul.quick_a{display:flex;flex-wrap:wrap;padding:0 !important;}
	ul.quick_a li{float:none !important;width:50%;}
	ul.quick_a a{display:block !important;padding:15px !important;font-size:12px;box-sizing:border-box;}
	ul.quick_a a img{width:auto;height:60px;}
	#lnb-bottom{display:block;left:-15px;width:calc(100% + 30px) !important;height:auto !important;margin-top:30px !important;margin-bottom: 150px;}
	#lnb-bottom .lnb_info .info_box{padding:30px 0;}
	#lnb-bottom .lnb_info .info_box dl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
	#lnb-bottom .lnb_info .info_box dl > dt *{line-height:1;}
	#lnb-bottom .lnb_info .info_box dl > dt:last-child{margin-right:0;}
	#lnb-bottom .lnb_info .info_box dl > dt > span{font-size:18px;}
	#lnb-bottom .lnb_info .info_box dl > dt > span > b br{display:none;}
	#lnb-bottom .lnb_info .info_box dl > dd > span{font-size:25px;}

	/* 서브 */
	.pageContents{display:flex !important;width:auto;padding:30px 15px;}
	.pageContents .first{flex:none;float:none;width:50px;margin:0 10px 0 0;}
	.pageContents .first img{width:auto;min-height:0;}
	.pageContents .sconed{float:none;width:auto;margin-top:-5px;}
	.pageContents .sconed span{font-size:25px;word-break:keep-all;}
	.pageContents .sconed br{display:none;}
	.pageContents .sconed h3{margin:6px 0 -3px;word-break:keep-all;}
	.view_prevnext{padding:0;}
	.view_prevnext > div{display:flex;align-items:center;}
	.view_prevnext > div > span{flex:none;margin-right:10px;}
	.view_prevnext > div > a{display:block;white-space:nowrap;text-overflow:ellipsis;}
	.contTit{word-break:break-all;}
	.editor-area{word-break:break-all;}

    /* 로그인페이지 */
	form #typeAdmin.majorLogin{height:auto;}
	
	/* 풋터 */
	#footer{top:0;}
	#footer .footerWrap{padding-bottom:30px;}
	#footer	.footerWrap footer{padding:0 15px;}
	#footer .footerWrap footer .familySite .family_btn li{width:50%;box-sizing:border-box;}
	#footer .footerWrap footer .familySite .family_btn li:first-child{padding-right:10px;}
	#footer .footerWrap footer .familySite .family_btn li:last-child{padding-left:10px;}
	#footer .footerWrap footer .familySite .family_btn li button{padding:0;background-position:right center;}
	#footer #footer_section{margin-top:30px;}
	#footer #footer_section .section2{float:none;margin-left:0;padding:0 15px;box-sizing:border-box;}
}

@media all and (max-width:767px){
	/* 메인 */
	.quickmenu{width:100% !important;margin:-55px 0 0 !important;}

	/* 서브 */
	.BBS_boxOption{padding:0;}

	/* FAQ */
	.pageQna, .pageAnwser{padding:15px 15px 15px 42px;background-position:15px center;}
}

@media all and (max-width:573px){
	/* 메인 */
	#main_top{height:434px;}
	#main_top .main_box{position:relative;overflow:visible;}
	#main_top .main_box > a{position:absolute;top:0;right:0;}
	#main_top .main_box > a img{width:103px !important;margin-left:0 !important;}
	#main_top .main_box #main_botsection{display:none;}
	#main_top #main_topsection{float:none;top:40px;left:0;width:auto;padding:30px 15px;}
	#main_top #main_topsection span{font-size:21px;line-height:1.23;letter-spacing:-1.6px;word-break:keep-all;}
	#main_top #main_topsection span.main_top_mt{font-size:16px;}
	#main_top #main_topsection p{margin:1px 0 -5px;font-size:34px;}
	#top_container{display:block;margin-top:-441px;}
	#top_container div[id^='top_box']{height:120px;}

	/* 탭 */
	#pageTab .tabList div[class^='unit']{width:50%;}

	/** 나의 입학현황 **/
	/* 지원서작성 */
	.pageContents .sconed .list_dotBluegreen{font-size:12px;word-break:keep-all;}
	.pageContents .sconed br + .list_dotBluegreen{margin-top:8px;}
	.pageContents .sconed br + .list_dotBluegreen .list_org{font-size:14px !important;}
	.icon_h2 + p.private.bluegreen{word-break:keep-all;}
	.icon_h2 .contTit + p{margin-left:-26px;font-size:12px;}
	form[name='joinForm'] .check .check_all{display:flex;}
	form[name='joinForm'] .check .check_all input[type='checkbox'] + label{flex:none;}
	form[name='joinForm'] .list_next .btn_next{flex:1;display:block;margin:0 15px;}
	.top_check_img{display:flex;justify-content:space-between;align-items:center;}
	.top_check_img a{flex:none;}
	.top_check_img a > img{width:65px !important;}
	.top_check_img .top_check_ar{margin:0 !important;}
	.top_check_img .top_check_ar img{width:15px !important;}
	#pageLogin .tabList{display:flex;margin-left:0;}
	#pageLogin .tabList .unit{flex:1;display:block;float:none;}
	#pageLogin .tabList .unit a{display:block;line-height:50px;}
	.majorLogin .login_contents .login_area{height:auto;}
	.majorLogin .login_contents .login_area > div{height:auto !important;}
	#typeAdmin.majorLogin .login_contents .login_area > div > fieldset {height:auto;}
	/* STEP 공통 */
	form .lineTop_tbArea .lineTop_tbL{width:100%;border-collapse:collapse;}
	form .lineTop_tbArea .lineTop_tbL td input[type=text], form .lineTop_tbArea .lineTop_tbL td input[type=password]{-webkit-appearance:none;}
	form .lineTop_tbArea .lineTop_tbL *{font-size:12px;}
	form .lineTop_tbArea .lineTop_tbL td .inp_r{margin-right:0;}
	form .lineTop_tbArea .lineTop_tbL td .inp_r > input[type=radio]{display:none;}
	form .lineTop_tbArea .lineTop_tbL td .inp_r > label{margin-right:8px;padding:0 0 0 20px;background-size:15px;background-position:0 2px;word-break:break-all;}
	form .lineTop_tbArea .lineTop_tbL td .inp_r:last-child > label{margin-left:0;}
	
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL colgroup col:first-child{width:23% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(2){width:20% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(3){width:22% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(4){width:35% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(5){width:0 !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td .btnC_rec_s > span{height:36px;padding:2px 9px 0;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_01, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_04, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_07{width:100% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_02, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_05, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #addr_08{width:100% !important;margin-top:10px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #hp_no1, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #tel_no1{min-width:72px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #email_list{min-width:104px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join1_e{min-width:120px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join1_f, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join1_i, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join1_j, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join2_d, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join2_c{width:100% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join2_e{min-width:62px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join2_f, form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #join2_g{min-width:54px;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #high_11{width:100% !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #joke{margin-left:0 !important;}
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tbL td #high_id05{width:calc(100% - 85px) !important;}
	/* STEP1 지원사항, 인적사항 */
	form[name='crtInfo'] #div_step1 .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(2){width:30% !important;}
	form[name='crtInfo'] #div_step1 .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(3){width:12% !important;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td #email_list{min-width:95px;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td select[name='midcategory']{width:100% !important;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td #choice_a{width:100% !important;margin-top:10px;-webkit-appearance:none;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td select[name='uc_code']{width:100% !important;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td #addr_01, #div_step1 .lineTop_tbArea .lineTop_tbL td #addr_04{width:100% !important;}
	#div_step1 .lineTop_tbArea .lineTop_tbL td #addr_02, #div_step1 .lineTop_tbArea .lineTop_tbL td #addr_05{width:100% !important;margin-top:10px;}
	/* STEP2 인적사항 */
	form[name='crtInfo'] #div_step2 .lineTop_tbArea .lineTop_tbL colgroup col:first-child{width:18% !important;}
	form[name='crtInfo'] #div_step2 .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(2){width:18% !important;}
	form[name='crtInfo'] #div_step2 .lineTop_tbArea .lineTop_tbL colgroup col:nth-child(4){width:32% !important;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #join1_e{min-width:120px;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #join1_f, #div_step2 .lineTop_tbArea .lineTop_tbL td #join1_i, #div_step2 .lineTop_tbArea .lineTop_tbL td #join2_c{width:100% !important;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #join2_e{min-width:71px;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #join2_d{width:100% !important;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #addr_07{width:100% !important;}
	#div_step2 .lineTop_tbArea .lineTop_tbL td #addr_08{width:100% !important;margin-top:10px;}
	/* STEP3 학력사항 */
	#div_step3 .lineTop_tbArea .lineTop_tbL td #high_11{width:100% !important;}
	#div_step3 .lineTop_tbArea .lineTop_tbL td #joke{margin-left:0 !important;}
	#div_step3 .lineTop_tbArea .lineTop_tbL td #high_id05{width:calc(100% - 85px) !important;}
	#div_step3 .lineTop_tbArea .lineTop_tbL td #high_id07, #div_step3 .lineTop_tbArea .lineTop_tbL td #high_id06, #div_step3 .lineTop_tbArea .lineTop_tbL td #high_uc_code, #div_step3 .lineTop_tbArea .lineTop_tbL td #high_id09, #div_step3 .lineTop_tbArea .lineTop_tbL td #high_id08{width:100% !important;}
	/* STEP4 비밀번호 설정, 기타 설문조사 */
	#div_step4 .lineTop_tbArea .lineTop_tbL td input + p{margin-top:8px;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join2_s{width:100% !important;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join2_l{min-width:95px;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join2_m{width:50% !important;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join3_e{width:100% !important;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join2_n{width:50% !important;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td #join2_o{width:100% !important;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td label + br{display:none;}
	#div_step4 .lineTop_tbArea .lineTop_tbL td input[type=checkbox] + label:after{clear:both;display:block;content:"";height:11px;}

	/* 지원서 확인·수정 */
	form[name='crtInfo'] .lineTop_tbArea .lineTop_tb colgroup col:first-child{width:30% !important;}

	/* 제출서류확인 */
	form[name='fr'] .lineTop_tbArea .lineTop_tb *{font-size:12px;}
	form[name='fr'] .lineTop_tbArea .contable3_1 td{padding:8px 0;}

	/* 전형료납부 */
	form[name='CardCk'] .lineTop_tbArea .lineTop_tb *{font-size:12px;}

	/* 교내장학신청 */
	.sub_box{padding:15px;}
	.sub_box .list_dotBluegreen *{font-size:12px;}
	form[name='frm'] .lineTop_tbArea .lineTop_tb *{font-size:12px;}
	form[name='frm'] .lineTop_tbArea .lineTop_tb td .inp_r{margin-right:0;}
	form[name='frm'] .lineTop_tbArea .lineTop_tb td .inp_r > input[type=radio]{display:none;}
	form[name='frm'] .lineTop_tbArea .lineTop_tb td .inp_r > label{margin-left:8px;padding:0 0 0 20px;background-size:15px;background-position:0 2px;word-break:break-all;}
	form[name='frm'] .lineTop_tbArea .lineTop_tb td .inp_r:first-child > label{margin-left:0;}

	/* 수강신청 */

	form[name='sugang'] .contTit_s{font-size:14px;}
	form[name='sugang'] .contTit_s .inp_s{min-width:119px;font-size:12px;}
	form[name='sugang'] .contTit_s > p{margin-bottom:17px;}
	form[name='sugang'] .contTit_s .lineTop_tbArea .lineTop_tb{width:100%;}
	form[name='sugang'] .contTit_s .lineTop_tbArea .lineTop_tb th{font-size:12px;letter-spacing:-1px;}
	form[name='sugang'] .contTit_s .lineTop_tbArea .lineTop_tb td{padding:15px 4px;font-size:11px;letter-spacing:-0.5px;}
	form[name='sugang'] .contTit_s .lineTop_tbArea .lineTop_tb td input[type=checkbox]{width:12px;}
	form[name='sugang'] .contTit_s .lineTop_tbArea .lineTop_tb td img{width:15px !important;}
}