@media screen and (max-width: 980px) {
.pcDisplay{display:none !important;}
.mDisplay{display:block !important;}

#rightQuick{display:none;}
.container {width: 100%;}
.eveBanner {width:100%;margin-right:0px;}
.eveBanner a{display:block;}
.eveBanner a img{width:100%;}
#mainTop{padding:0 5%;}
.requestBanner {width:100%; margin-top:20px;}
.requestBanner a img {width:100%;}
.curriAreaNew, .mainBoardArea, .mainBook, .mainPartner{padding:0 5%;}
 .mainPartner{padding-bottom:10%;}

.curriRight{float:left; width:100%;}
.curriLeft{float:left; width:100%; margin-right:0px; margin-bottom:10px;}
.mainBoard {    width: 100%;    background: #fff;    border: 1px solid #c9c9c9;    padding: 19px 14px;    height: 210px;    float: left;    margin-right: 0px; margin-bottom:10px;}
.locationArea_main {width:50%;padding-left:5px;margin-left:0px;}
.mainInterior {    position: relative;    width: 50%; float: left; padding-right:5px}

.miSliderTitle {    width: 100%;    position: absolute;    top: 0px;    left: 0px;	padding-right:5px;}
.mainBook{margin-top:30px; padding-bottom:40px;}
.mbookArea ul li {    width: 48.5%;    text-align: center;    display: inline-block; padding:2%}
.mbookArea ul li img{width:100%;}
.mbookArea ul li dl dt {font-size:12pt; padding-top:15px; width:100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mbookArea ul li dl dd {font-size:10pt; color:#a1a1a1}
.footerTop{padding:0 5%; text-align:center}
.footerTop ul li {    display: inline-block;    margin-right: 0px; padding:0 2%;}
.footerAdress {    padding-bottom: 40px;    color: #666;    padding-left: 0px;    position: relative; padding:0 5% 40px 5%}
.footerAdress span {    position: relative;    padding-right: 0px;	padding-bottom:20px;    top: 0px;    left: 0;	width:100%;	display:block;}
.footerAdress span img {width:150px;}
.mBannerBtn {position:absolute; top:50%; left:0; right:0; width:100%; margin:0 auto;}
.mBannerCont .container {padding-left:20px;}
.mBannerImg img {width:70%}
.mobileMainBanner {margin-bottom:20px; padding-top:0px;}
.mobileMainBanner .slick-dots li button {    overflow: visible;    margin: 0;    padding: 0;    border: none;    background: none;    font-size: 0;    vertical-align: top;    cursor: pointer;}
.mobileMainBanner img{width:100%;}
.mobileMainBanner .slick-dots {display:inline-block; width:100%; text-align:center; height:2px; position:absolute; bottom:16px; left:0px;}
.mobileMainBanner .slick-dots li {display:inline-block; width:15px; height:2px; margin:0px 2px; background-color:#b2b2b2;}
.mobileMainBanner .slick-dots li 
.mobileMainBanner .slick-dots li.slick-active {background-color:#fff;}
.mobileMainBanner .slick-dots li.slick-active {background-color:#ed2024;}



/* #blackwidnow 레이어 완전히 숨김 - default.asp에서 사용하지 않음 */
#blackwidnow {display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; position:fixed;top:0;right:0;height:100%;width:100%;background:#000;z-index:-1;}



.mnblogin {position:absolute; top:50%; right:15px; height:33px; margin-top:-18px}
.mnblogin img { height:100%;}

 

/* left_menu */
/* #blackwidnow 레이어 완전히 숨김 - default.asp에서 사용하지 않음 */
#blackwidnow {display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; position:fixed;top:0;right:0;height:100%;width:100%;background:#000;z-index:-1;}
#left_menu {position:fixed; top:0px; right:-300px; width:270px; z-index:1000;-webkit-box-shadow: -3px 0px 2px 0 rgba(0, 0, 0, 0.5);box-shadow: -3px 0px 2px 0 rgba(0, 0, 0, 0.5); display:none; background:#fff; height:100%; overflow-y:scroll;}
#left_menu .top {background-color: #fff; width: 100%; position:relative; height:64px;}
#left_menu .top .logo {width:130px; position:absolute; top:15px; left:20px;}
#left_menu .top .logo a img {width:100%;}
#left_menu .top .logo a {color:#ffffff; width:130px; display:block}


.mlogoArea {width:100%;padding:20px 0; text-align:left; background:#fff;height:80px;position:relative; border-bottom:1px solid #333}
.mlogoArea h1 a{display:inline-block; height:36px;position:relative !important; padding-left:20px;}
.mlogoArea h1 a img {height:100%;}

.mlogoArea a img {height:100%;}

#left_menu ul {}
#left_menu ul li {background-color:#fff;border-top:1px solid #ddd;}
#left_menu ul li a {display:block;line-height:40px; color:#333; font-size:10pt; text-align:left;padding-left:15px; font-weight:bold;}
#left_menu ul li a.down {background: url(/m/img/license_new/down.png) no-repeat 95% center; background-size: 16px;}
#left_menu ul li a.up {background: url(/m/img/license_new/up.png) no-repeat 95% center; background-size: 16px;}
#left_menu ul li:first-child {}
#left_menu ul li:last-child {border-left:0;}
#left_menu ul li ul {display:none;}
#left_menu ul li ul li ul {display:block;}
#left_menu ul li ul li,
#left_menu ul li ul li a {background-color:#f5f5f5;color:#aaa;}
#left_menu .none {background-color: #666666;color:#ffffff;line-height:35px;font-size:10pt; text-align:left;padding-left:15px;}

.menuc {position:absolute; top:50%; right:15px; height:33px; margin-top:-16px}
.menuc img { height:100%;}

/* .titleBanner { width: 100%; height: 106px; position: relative; background-repeat: no-repeat; background-position: center center; background-size:cover; } */
.titlebanner { height: 0px; }
.about{background-image:url("/images/mabout_bg.png")}
.introBg{background-image:url("/images/mintroBg.gif");background-repeat:no-repeat; background-position:center top;}
.material{background-image:url("/images/mmaterialBg.jpg")}
.support{background-image:url("/images/msupport_bg.jpg")}
.customer{background-image:url("/images/mcommunity_bg.jpg")}
.book{background-image:url("/images/mbook_bg.jpg")}
.request{background-image:url("/images/mrequest_bg.jpg")}
.lecture{background-image:url("/images/mlecture_bg.jpg")}
.membership{background-image:url("/images/mmemeber_bg.jpg")}
.mooninBg{background-image:url("/images/mmooin_bg.jpg");background-repeat:no-repeat; background-position:center top;}
.h3group h3 {
    margin-bottom: 0;
    padding-bottom: 15px;
    background: url(/images/bg_line01.gif) center bottom no-repeat;
    font-size: 15pt;
    letter-spacing: -0.075em;
    font-weight: 500;
}



.h3group p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 10pt;
	letter-spacing:-0.05em;
}


.leftMenu {display:none;}
.lecDeContent {
    float: left;
    width: 100%;
	padding:0 0%;}


.lecImg {
    width: 100%;;
    margin-right: 0px;
    float: left;
	text-align:center;
	margin-bottom:30px;
}
.lecInformation {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
}


.btnCurri {
    position: relative;
    bottom: 0px;
    left: 0px;
}



.btnCurri a {float:left; width:50%; line-height:36px; color: #474e61;padding-left: 31px;border: 1px solid #474e61;  background: #fff; font-size:13px;    position: relative; margin-right:0px !important}



.prof {
    position: relative;
    padding-left: 0px;
}


.profImg {
    position: relative;
    top: 0px;
    left: 0px;
	text-align:center;
	padding:20px 0;
}





#subwarp {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
	padding:0 5% 60px 5%;
}
#subwarp .curriAreaNew{padding:0px !important}


.bookdeArea{width:100%; position:relative;}
.bookdeArea ul li {padding:0px 0px 30px 0px; width:100%; position:relative; border-bottom:1px solid #ddd; margin-bottom:30px;}
.bookdeArea ul li:last-child{border-bottom:0px}
.bookdeImg{position:relative; top:0px; left:0px; text-align:center; padding-bottom:10px;}
.bookdeArea ul li dl dt{font-size:18px; margin-bottom:5px;}
.bookdeArea ul li dl dd {font-size:13px; padding-bottom:15px; color:#777; line-height:1.6; text-align:justify;}

#mgnbTop{position:absolute; top:25px; right:60px;}
#mgnbTop ul li {display:inline-block;padding:5px 7px; position:relative;}
#mgnbTop ul li a {display:block; font-size:10pt; color:#666}
#mgnbTop li .gnbLine {
    position: absolute;
    display: block;
    width: 1px;
    height: 7px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background: #dbdfe7;
}
#loginContArea {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
    background: #fff;
}

.sublogin{padding: 20px;    border-bottom: 1px solid #e8e8e8;  width:100%;position:relative;}

.login dl, .popup div.login dl { margin-bottom:17px; vertical-align:top; display:inline-block; width:68%;}
.login dl dd:last-child, .popup div.login dl dd:last-child, .loginHalf dl dd {margin-top:12px;}
.login dl dd{width:100%;}
.login .sublogin dl dd input {width:100%;}
.login .sublogin button, .login .subArea button, .popup div.login button.btn02 {width:140px; height:104px; margin-left:13px; vertical-align:top; display:inline-block;}
.blind, .hide {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
}

.login dl input[type="text"], .login dl input[type="password"]{
width: 100%;
    height: 46px;
    padding: 0 20px;
    border: 1px solid #e5e9ec;
    background-color: #fff;
    outline: 0;
    transition: background 0.2s linear 0s,box-shadow 0.2s linear 0s;
}

.login .sublogin button, .login .subArea button, .popup section.login button.btn02 {
    width: 30%;
    height: 104px;
    margin-left: 0px;

    vertical-align: top;
    display: inline-block;
}





.btnC {
    margin-top: 40px;
    text-align: center;
}
.btnC a{
    display:inline-block;
	margin-bottom:20px;
}
.btn03 {
    color: #474e61;
    border: 1px solid #474e61;
    background: #fff;
}
a.btn03 {
    color: #474e61;
    line-height: 46px;
}
.btn02, .btn03 {
    width: 100%;
    height: 50px;
    font-size: 15px;
line-height: 46px;
}
.btn02 {
    background: #474e61;
	color:#fff;
}
.findidpw .sublogin dl dd input {
    width: 100%;
}
.findidpw dl dd{width:100%;}
.findidpw dl {width:100%;}


.vocArea .regist {
    padding: 60px 20px 40px 20px;
    width: 100%;
}

dl.regist > dt {
    clear: both;
    float: left;
    width: 100%;
    padding-top: 0px;
    line-height: 1;
    color: #333;
    font-size: 13px;
}


dl.regist > dd {
width:100%;
float:left;
    margin-left: 0;
    VERTICAL-ALIGN: MIDDLE;
}

#member_id {
    width: 100px;
}
.vocArea {
    width: 100%;
    margin: auto;
    border-top: 1px solid #e5e9ec;
    border-bottom: 1px solid #e5e9ec;
}


#btn_member_id_confirm {
    background: #474e61;
    color: #fff;
    width: 130px;
    height: 46px;
    font-size: 15px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
	vertical-align:middle
}
.form-control {
    width: 80px !important;
    display: inline-block;
}
.form-control02 {
    width: 100px !important;
    display: inline-block;
    height: 46px;
    border: 1px solid #e5e9ec;
}









.acaInterior {width:100%;}
.interiorSlider {width:100%; margin:0 auto;}
.interiorNav {width:100%; margin:0 auto; margin-top:30px;}
.interiorNav .slick-list {display:inline-block; width:100%;}
.interiorNav .slick-track {width:100% !important;}
.interiorNav .slick-slide {width:20% !important; background-size:cover !important; height:90px; cursor:pointer; margin-right:0px; margin-bottom:0px; text-indent:-9999px; border:solid 2px transparent; -webkit-filter: grayscale(1); filter: grayscale(1); padding:1%}
.interiorNav .slick-slide#aiNav05,
.interiorNav .slick-slide#aiNav10 {margin-right:0px;}

.interiorSlider .slick-slide img {
    display: block;width:100%
}


.bus{width:100%; float:left; padding-top:60px; padding-bottom:30px;}
.bus h3 {font-size:24px; font-weight:300; padding-bottom:20px;}
.bus ul li {width:100%; padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #333; font-size:15px;}
.bus ul li h5 {display:inline-block; width:100%; font-size:15px; font-weight:400; margin-bottom:15px;}
.bus ul li.last{border:0}




.introArea img {width:100%}


.mblind{display:none;}






.download{font-size:15px; text-decoration:underline}
table.detail {border-top:2px solid #000; border-bottom:1px solid #747474;}
table.detail td, table.detail th {height:53px; padding:11px 20px; text-align:left; border-top:1px solid #e8e8e8; vertical-align:middle;}
table.detail thead th {padding:8px 5px;  font-size:16px; color:#333; text-align:left;}
table.detail thead th {font-size:13px; color:#333; text-align:center; background:#f7f7f7; vertical-align:middle;}
table.detail thead td {font-size:13px; position:relative}
table.detail th.st01 {padding:8px 5px;   font-size:16px; text-align:left; background:#fff;} 
table.detail th.st01 span {color:#666;font-size:13px;}
table.detail td {padding:8px 5px; }
table.detail td span.cancel {color:#996b56;}
table.detail td strong.price {font-family:"Noto Medium"; font-size:16px; color:#996b56;}
table.detail td .detailtable {margin:30px auto; }



.replyBg{background:#f8f8f8}
.replyArea {padding:10px 8px; width:100%; position:relative}
.replyArea p{position:relative; top:0px; left:0px; padding-bottom:10px;}
.replyArea p img {width:100px}
.replyArea dl dt{font-size:15px; font-weight:bold; width:100%; margin-bottom:10px;}
.replyArea dl dt span{font-size:13px; font-weight:normal}
.replyArea dl dd{font-size:15px;}



.detailtable img{width:100% !important; height:auto !important;}
#lect_intro { width:calc(100% - 80px); }
}