@charset "UTF-8";

@media screen and (max-width: 980px) {
/***********************************************************************
    header
************************************************************************/
.header-nav {
    background-color: #333;
}

.header-nav li a,
.header-nav li span {
    color: #fff;
}

.header-nav {
    text-align: center;
}

.header-logo {
    padding: 15px 0 30px;
}

.header-logo a {
    width: 200px;
    height: 24px;
}

.header-hamburger {
    display: block;
    position: absolute;
    top: 17px;
    right: 30px;
}

.gnb-list {
    display: none;
    width: 100%;
    padding: 0 30px 30px;
}

.gnb-list > li {
    position: relative;
    float: none;
    width: 100%;
    padding-bottom: 0;
    text-align: left;
}

.gnb-list > li a {
    display: block;
    float: none;
    width: 100%;
    padding: 15px 0;
}

.gnb-list li.current a {
    background-color: #ddd;
}

.nav-right,
.nav-left {
    display: inline-block;
    float: none;
}

.nav-right {
    margin-top: 10px;
}

.sub-list {
    position: relative;
    margin-top: 0;
    z-index: 2;
    width: 100%;
    margin-left: -50%;
}

.mo-subbutton {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
}

.mo-subbutton button {
    position: absolute;
    top: 15px;
    right: 0;
    width: 15px;
    height: 15px;
    background: url(../images/icon/acco-plus.png) center center / cover no-repeat;
    border: none;
    z-index: 1;
}

/***********************************************************************
    footer
************************************************************************/
.footer-left {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

.footer-right {
    float: none;
    width: 100%;
    padding-left: 0;
}

/***********************************************************************
    main
************************************************************************/
.mv-slide_center {
    height: 600px;
    padding: 450px 15px 50px 15px;
    margin: 0 auto;
}

.mv-cate {
    word-break: break-all;
}

.thumb-list {
    bottom: -20px;
}

.thumb-list li {
    width: 45px;
    height: 45px;
}

.notice-wrap,
.notice-slide,
.add-btn-wrap {
    float: none;
    width: 100%;
}

.notice-slide-title {
    font-size: 14px;
}

.notice-slide .slick-slide {
    margin: 0 5px;
}

.notice-wrap {
    margin-bottom: 30px;
}

.add-btn-wrap {
    text-align: center;
}

/*.add-btn {
    width: 110px;
    height: 156px;
    margin-top: 40px;
}
*/
.main-info {
    display: block;
    text-align: center;
}

.info-img {
    margin-bottom: 30px;
}

.video-wrap {
    margin-bottom: 50px;
}

.info-detail-title::after {
    margin: 20px auto 0;
}

.lec-slide .slick-slide {
    margin: 0 5px;
}

.net-list {
    margin-top: 0;
}

.net-list li {
    float: none;
    width: 100%;
    margin-top: 15px;
}

/***********************************************************************
    sub
************************************************************************/
.content_nav-wrap {
    padding: 20px 0;
}

.content_title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.content_nav {
    float: none;
    width: 100%;
    margin-left: 0;
}

.num_title-wrap {
    float: none;
    width: 100%;
}

.num_content-wrap {
    float: none;
    padding-top: 30px;
    width: 100%;
}

.num_title-wrap .num_title.big {
    display: block;
    margin-bottom: 30px;
}

.box-list {
    margin-top: 0;
}

.box-list li {
    float: none;
    width: 100%;
}

.subject-title p {
    display: block;
    margin-left: 0;
    margin-top: 10px;
}

}

/*//상단으로 버튼*/
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}