@charset "UTF-8";

/* mobile setting */
@media screen and (max-width:1024px) {
    /* reset */
    body {font-size:12px}
    body, html {min-width:auto; max-width:100%}
    textarea,
    input[type="text"],
    input[type="password"] {-webkit-appearance:none; border-radius:0}
    input[type="checkbox"] + label,
    input[type="radio"] + label {font-size:13px}
    input[type="checkbox"] + label:before {width:13px; height:13px}
    input[type="checkbox"]:checked + label:after {width:15px; height:15px; background:#ff8482 url(../images/common/bg-chk-m.png) center no-repeat; background-size:10px auto}
    select,
    input:not([type=checkbox]):not([type=radio]) {font-size:13px}
    select {-webkit-appearance:none; border-radius:0; font-size:13px; background:url(../images/common/bg-select-m.png) right center no-repeat; background-size:27px 4px}
    ::placeholder {font-size:13px}
    ::-webkit-input-placeholder {font-size:13px}
    :-moz-placeholder {font-size:13px}
    ::-moz-placeholder {font-size:13px}
    :-ms-input-placeholder {font-size:13px}
    textarea::placeholder {font-size:13px}
    textarea::-webkit-input-placeholder {font-size:12px}
    textarea:-moz-placeholder {font-size:12px}
    textarea::-moz-placeholder {font-size:12px}
    textarea:-ms-input-placeholder {font-size:12px}
    a[href^="tel"] {color:inherit; text-decoration:none; font-family:inherit; font-weight:inherit; pointer-events:inherit}

    /* layout */
    #wrapper {min-width:100%}
    #header,
    #header.main {position:relative; width:100%; height:52px}
    #header #gnb {display:none}
    #header .area-logo,
    #header.main .area-logo {padding:1px 0}
    #header .area-logo:before {content:""; position:absolute; left:0; bottom:0px; width:50%; height:3px; background:#ff5c5c}
    #header .area-logo:after {content:""; position:absolute; right:0; bottom:0px; width:50%; height:3px; background:#0f3653}
    #header .area-logo .bookmark {display:none}
    #header .area-logo .logo {width:191px; height:50px; background:url(../images/common/logo-ycloud-main-bg-m.png) center no-repeat; background-size:100% auto}
    #header .area-logo .menu {display:none}
    #header .area-logo .button-gnb {display:inline-block; position:absolute; left:0; top:0; width:49px; height:49px; font-size:0; text-indent:-9999em; background:url(../images/common/ico-menu-m.png) center no-repeat; background-size:18px auto}
    #header .area-logo .button-gnb.notice:after {content:""; position:absolute; right:7px; top:11px; width:15px; height:15px; border-radius:15px; background:#ff5c5c url(../images/content/ico-notice.png) center center no-repeat; background-size:2px auto}
    #header .area-logo .button-search {display:inline-block; position:absolute; right:0; top:0; width:49px; height:49px; font-size:0; text-indent:-9999em; background:url(../images/common/ico-search-m.png) center no-repeat; background-size:18px auto}

    #header .area-logo .logo-bottom {display: none;}
    #header .area-logo .main-top-left{display:none;}
    #header .area-logo .main-top-right{display:none;}


    #header.main .area-logo {height:52px}
    #header.main .area-logo:after {content:""; position:absolute; right:0; bottom:0px; width:50%; height:3px; margin-left:0; background:#0f3653}
    #header.main .area-logo .logo {width:191px; height:50px; margin:-25px 0 0 -95px; background:url(../images/common/logo-ycloud-main-bg-m.png) center no-repeat; background-size:100% auto}
    #header.main .area-logo .logo-bottom {display: none;}
    #header.main .area-logo .main-top-left{display:none;}
    #header.main .area-logo .main-top-right{display:none;}

    #header #gnbMobile {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; overflow:auto; background:rgba(0, 0, 0, .6)}
    #header #gnbMobile > .inner {position:absolute; top:0; left:-100%; bottom:0; width:300px; background:#fff}
    #header #gnbMobile .header {position:relative; height:52px; padding:6px 20px 0; border-bottom:3px solid #ff6262}
    #header #gnbMobile .header .home {display:inline-block; line-height:18px; padding:10px 0 10px 30px; font-size:14px; color:#5c5c5c; background:url(../images/content/ico-home-m.png) left center no-repeat; background-size:23px auto}
    #header #gnbMobile .header .end {display:inline-block; margin-left:51px; line-height:18px; padding:10px 0 10px 24px; font-size:14px; color:#5c5c5c; background:url(../images/common/ico-end.png) left center no-repeat; background-size:20px auto}
    #header #gnbMobile .header .close {position:absolute; right:4px; top:50%; width:50px; height:50px; margin-top:-26px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-close-m.png) center no-repeat; background-size:17px auto}
    #header #gnbMobile .section {height:calc(100% - 52px); overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; background: -moz-linear-gradient(left, rgba(60,69,82,1) 0%, rgba(60,69,82,1) 100px, rgba(255,255,255,1) 100px); background: -webkit-linear-gradient(left, rgba(60,69,82,1) 0%,rgba(60,69,82,1) 100px,rgba(255,255,255,1) 100px); background: linear-gradient(to right, rgba(60,69,82,1) 0%,rgba(60,69,82,1) 100px,rgba(255,255,255,1) 100px)}
    #header #gnbMobile .section > .inner { /*overflow-x:hidden; overflow-y:auto;*/ -webkit-overflow-scrolling:touch}
    #header #gnbMobile .section .state {padding:20px; background:#f1f1f1}
    #header #gnbMobile .section .state:after {content:""; display:block; clear:both}
    #header #gnbMobile .section .state > span {float:left; width:calc(100% - 100px); line-height:1.5em; color:#757575}
    #header #gnbMobile .section .state > strong {float:left; width:calc(100% - 80px); padding-top:10px; font-weight:bold; font-size:15px; color:#0f3653}
    #header #gnbMobile .section .state > strong > .alert a {display:none}
    #header #gnbMobile .section .state > strong.message {padding-top:0}
    #header #gnbMobile .section .state > strong.message > .alert a {display:block; margin-top:8px; font-weight:normal; font-size:14px; color:#f96a6a}
    #header #gnbMobile .section .state .btn-log {float:right; width:80px; font-size:14px; color:#fff; background:#0f3653}
    #header #gnbMobile .section .list-subscribe {padding:10px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff}
    #header #gnbMobile .section .list-subscribe ul {overflow-x:hidden; overflow-y:auto; height:100px}
    #header #gnbMobile .section .list-subscribe ul li ~ li {margin-top:10px}
    #header #gnbMobile .section .list-subscribe ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 25px); line-height:25px; font-size:13px; color:#5c5c5c; letter-spacing:-0.03em; white-space:nowrap}
    #header #gnbMobile .section .list-subscribe ul li a span {width:25px; height:25px; margin-right:10px}
    #header #gnbMobile .section .list-subscribe ul li .new {display:inline-block; width:15px; height:25px; margin-left:5px; font-size:0; text-indent:-9999em; vertical-align:top; background:url(../images/content/ico-new-m.png) 50% 50% no-repeat; background-size:15px auto}
    #header #gnbMobile .section .menu-list:after {content:""; display:block; clear:both}
    #header #gnbMobile .section .menu-list .title {float:left; width:100px}
    #header #gnbMobile .section .menu-list .title ul li a {display:block; height:43px; line-height:43px; font-size:14px; color:#fff; text-align:center}
    #header #gnbMobile .section .menu-list .title ul li.active a {font-weight:bold; background:#f96a6a}
    #header #gnbMobile .section .menu-list .list {float:left; width:200px; height:100%; padding:0 10px 0 20px; background:#fff}
    #header #gnbMobile .section .menu-list .list > ul > li > a {display:block; position:relative; padding:20px 0 8px; font-weight:bold; font-size:15px; color:#262626; border-bottom:1px solid #3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li > a strong {display:block}
    #header #gnbMobile .section .menu-list .list > ul > li > a strong:before {content:""; position:absolute; right:14px; top:25px; width:6px; height:1px; transform:rotate(45deg); -webkit-transform:rotate(45deg); background:#2a2a2a}
    #header #gnbMobile .section .menu-list .list > ul > li > a strong:after {content:""; position:absolute; right:10px; top:25px; width:6px; height:1px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:#2a2a2a}
    #header #gnbMobile .section .menu-list .list > ul > li > a,
    #header #gnbMobile .section .menu-list .list > ul > li > a > strong {font-weight:bold; font-size:15px; color:#262626}
    #header #gnbMobile .section .menu-list .list > ul > li.push {position:relative; padding:19px 0 6px; border-bottom:1px solid #3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li.push:after {content:""; display:block; clear:both}
    #header #gnbMobile .section .menu-list .list > ul > li.push > span {font-weight:bold; font-size:15px; color:#262626}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn {float:right; position:relative; width:43px; height:18px}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn .slider {position:absolute; top:0; right:0; bottom:0; left:0; padding:0 7px; border-radius:2em; background:#eee; cursor:pointer}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn .slider > span {font-size:0; text-indent:-9999em;}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn .slider:before {content:""; position:absolute; right:0; bottom:0; width:16px; height:16px; border-radius:100%; border:1px solid #d3d3d3; background:#fff}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn .slider:after {content:"OFF"; line-height:18px; font-weight:bold; font-size:10px; color:#666}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn.on .slider:after {content:"ON"; float:right; color:#fff}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn.on .slider {background-color:#f96a6a}
    #header #gnbMobile .section .menu-list .list > ul > li.push .btn.on .slider:before {left:0; right:inherit}
    #header #gnbMobile .section .menu-list .list > ul > li.active > a strong:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
    #header #gnbMobile .section .menu-list .list > ul > li.active > a strong:after {transform:rotate(45deg); -webkit-transform:rotate(45deg)}
    #header #gnbMobile .section .menu-list .list > ul > li > ul {display:none}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li {margin-top:4px}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > a {display:block; position:relative; line-height:1.3em; padding:6px 10px 11px 5px; font-size:14px; color:#3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > a strong {display:block}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > a strong:before {content:""; position:absolute; right:10px; top:13px; width:9px; height:1px; background:#3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > a strong:after {content:""; position:absolute; right:14px; top:9px; width:1px; height:9px; background:#3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > a > strong {font-size:14px; color:#3c4552}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li.active > a:after {display:none}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li.active > a,
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li.active > a > strong {font-weight:bold}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > ul {display:none; margin:0 5px 5px; padding-bottom:10px; border-bottom:1px solid #e0e0e0}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > ul > li > a {display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3em; padding:10px 0 10px 8px; color:#515151}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > ul > li > a:before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#d1d1d1}
    #header #gnbMobile .section .menu-list .list > ul > li > ul > li > ul > li.active > a {font-weight:bold; color:#ff5e5e}
    #header #gnbMobile .section .menu-list .list#titleSpecial > ul > li > ul > li > a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

    #header .popup-main-search .popup-section {width:100%}
    #header .popup-main-search .popup-content {padding:30px 20px; background:#f7f7f7}
    #header .popup-main-search .search-area .wrap {position:relative}
    #header .popup-main-search .search-area .wrap input[type="text"] {width:calc(100% - 56px); height:45px; padding:0 15px; font-size:15px; color:#2f2f2f; border:3px solid #175b8d; vertical-align:top}
    #header .popup-main-search .search-area .wrap input[type="text"] + .srch {display:inline-block; width:56px; height:45px; line-height:45px; margin-left:-5px; font-weight:bold; font-size:15px; color:#fff; text-align:center; background:#175b8d; vertical-align:top}
    #header .popup-main-search .search-area .wrap .auto-keyword {position:absolute; left:0; top:42px; right:2px; z-index:1; text-align:left}
    #header .popup-main-search .search-area .wrap .auto-keyword ul li {padding:5px 17px; border-left:1px solid #acb2b7; border-right:1px solid #acb2b7; background:#fff}
    #header .popup-main-search .search-area .wrap .auto-keyword ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; line-height:1.26em; font-size:15px; color:#2f2f2f}
    #header .popup-main-search .search-area .wrap .auto-keyword ul li a strong {font-weight:bold}
    #header .popup-main-search .search-area .wrap .auto-keyword ul li:first-child {padding-top:16px; border-top:1px solid #acb2b7}
    #header .popup-main-search .search-area .wrap .auto-keyword ul li:last-child {padding-bottom:10px; border-bottom:1px solid #acb2b7}
    #header .popup-main-search .rel-keywords {text-align:left}
    #header .popup-main-search .rel-keywords .cont {position:relative; margin-top:30px; padding:30px 20px; border:1px solid #e0e0e0; background:#fff}
    #header .popup-main-search .rel-keywords .cont .tit {display:block; padding-bottom:19px; font-weight:bold; font-size:16px; color:#2f2f2f}
    #header .popup-main-search .rel-keywords .cont.recent ul li {position:relative; height:45px; padding:0 45px 0 20px; border:1px solid #ececec; box-sizing:border-box}
    #header .popup-main-search .rel-keywords .cont.recent ul li ~ li {margin-top:5px}
    #header .popup-main-search .rel-keywords .cont.recent ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; line-height:45px; font-size:15px; color:#606060}
    #header .popup-main-search .rel-keywords .cont.recent ul li a.del {position:absolute; right:3px; top:0; width:43px; height:43px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-delete-all-m.png) center no-repeat; background-size:10px auto}
    #header .popup-main-search .rel-keywords .cont.recent .delete-all {position:absolute; right:20px; top:31px; padding-left:15px; font-weight:bold; color:#8e9397; background:url(../images/content/bg-delete-all-m.png) 0 center no-repeat; background-size:10px auto}
    #header .popup-main-search .rel-keywords .cont.recent .bx-nodata {padding:80px 0 70px; border-bottom:none}
    #header .popup-main-search .rel-keywords .cont.recomm {padding-bottom:56px}
    #header .popup-main-search .rel-keywords .cont.recomm .tit {border-bottom:1px solid #ececec}
    #header .popup-main-search .rel-keywords .cont.recomm ul {margin:30px 0 0 10px}
    #header .popup-main-search .rel-keywords .cont.recomm ul li {position:relative; padding-left:10px}
    #header .popup-main-search .rel-keywords .cont.recomm ul li ~ li {margin-top:21px}
    #header .popup-main-search .rel-keywords .cont.recomm ul li:after {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:3px; background:#b2b2b2}
    #header .popup-main-search .rel-keywords .cont.recomm ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; line-height:1.26em; font-size:15px; color:#606060}

    #container {width:100%}

    #footer {width:100%; height:auto}
    #footer .links {padding:16px 0 11px; border-left:none; border-right:none}
    #footer .links ul {display:none}
    #footer .links ul.m {display:inline-block}
    #footer .links ul li ~ li {margin-left:30px}
    #footer .links ul li ~ li:after {left:-16px; margin-top:-2px}
    #footer .links ul li a {font-size:12px}
    #footer .links .rel-sites {display:none}
    #footer .info {height:109px; padding-top:15px}
    #footer .info .logo {background:url(../images/common/logo-m.png) center no-repeat; background-size:40px auto}
    #footer .info > p {display:none}
    #footer .info > span.copy {margin-top:11px; font-size:12px}

    /* common */
    .btns-basic {margin:0; padding:0 20px}
    /*2019-11-21*/.btns-basic a {overflow:hidden; flex:1 1 100%; margin:0 !important; height:40px; font-size:13px}
    .btns-basic a span {width:100%; line-height:40px}
    .btns-basic a ~ a {margin-top:5px}
    .btns-basic.large a {height:35px}
    .btns-basic.large a > span,
    .btns-basic.large a.active > span {line-height:35px}
    .btns-basic.large a.active:after {height:35px}

    .btns-submit .move-page {display:block; position:relative; float:none; margin-bottom:23px; padding-bottom:13px}
    .btns-submit .move-page:after {content:""; position:absolute; left:-10px; bottom:0; width:calc(100% + 20px); height:1px; background:#e0e0e0}
    .btns-submit .move-page a.prev span {background:url(../images/content/bg-page-prev-large.png) 0 50% no-repeat; background-size:8px auto}
    .btns-submit .move-page a.next span {background:url(../images/content/bg-page-next-large.png) 100% 50% no-repeat; background-size:8px auto}

    .btns-submit {margin-top:10px; padding:0 10px}
    .btns-submit a {width:64px; height:33px}
    .btns-submit a span {line-height:33px}
    .btns-submit .btn-gray:hover {color:#fff; border-color:#828282; background:#828282}
    .btns-submit .btn-lgray:hover {color:#777; border-color:#d6d6d6; background:#f7f7f7}

    .btns-bottom {display:block; text-align:center}
    .btns-bottom a {display:inline-block; width:95px; height:28px; line-height:28px; font-size:14px; color:#6e6e6e; border:1px solid #ddd}
    .btns-bottom a > span {display:inline-block; line-height:26px}
    .btns-bottom a ~ a {margin-left:7px}
    .btns-bottom a.disabled {color:#aaa; border-color:#eee; background:#f9f9f9; pointer-events:none}
    .btns-bottom a.disabled span {opacity:.7}
    .btns-bottom a.prev span {padding-left:14px; background:url(../images/content/bg-prev.png) 0 center no-repeat}
    .btns-bottom a.next span {padding-right:14px; background:url(../images/content/bg-next.png) 100% center no-repeat}
    .paginate + .btns-bottom {padding-top:15px}

    [class*='btn-'] {font-size:12px}

    .top-state {display:none}
    .top-state > span {padding:15px 0 9px; font-size:13px}

    .badge-note {font-size:11px}

    [class*='ico-'] {width:17px; height:17px}
    .ico-pdf {background:url(../images/content/ico-pdf-m.png) 0 0 no-repeat; background-size:17px auto}
    .ico-pptx {background:url(../images/content/ico-ppt-m.png) 0 0 no-repeat; background-size:17px auto}
    .ico-xlsx {background:url(../images/content/ico-xls-m.png) no-repeat; background-size:17px auto} /* microsoft office excel */
    .ico-data {background:url(../images/content/ico-data-m.png) no-repeat; background-size:17px auto} /* �닔�뾽�슜 蹂��솚 �옄猷� */
    .ico-docx {background:url(../images/content/ico-doc-m.png) no-repeat; background-size:17px auto} /* microsoft office word */
    .ico-file {background:url(../images/content/ico-file-m.png) no-repeat; background-size:17px auto} /* etc, file */
    .ico-swf {background:url(../images/content/ico-fla-m.png) no-repeat; background-size:17px auto} /* flash */
    .ico-html {background:url(../images/content/ico-html-m.png) no-repeat; background-size:17px auto}
    .ico-hwp {background:url(../images/content/ico-hwp-m.png) no-repeat; background-size:17px auto}
    .ico-img {background:url(../images/content/ico-img-m.png) no-repeat; background-size:17px auto}
    .ico-link {background:url(../images/content/ico-link-m.png) no-repeat; background-size:17px auto}
    .ico-mp3 {background:url(../images/content/ico-mp3-m.png) no-repeat; background-size:17px auto}
    .ico-mp4 {background:url(../images/content/ico-mp4-m.png) no-repeat; background-size:17px auto}
    .ico-plan {background:url(../images/content/ico-plan-m.png) no-repeat; background-size:17px auto} /* �닔�뾽�븞 */
    .ico-zip {background:url(../images/content/ico-zip-m.png) no-repeat; background-size:17px auto}
    /* .ico-km {background:url(../images/content/ico-km-m.png) no-repeat; background-size:17px auto}
    .ico-gom {background:url(../images/content/ico-gom-m.png) no-repeat; background-size:17px auto}
    .ico-alsong {background:url(../images/content/ico-alsong-m.png) no-repeat; background-size:17px auto}
    .ico-wmp {background:url(../images/content/ico-wmp-m.png) no-repeat; background-size:17px auto}
    .ico-itunes {background:url(../images/content/ico-itunes-m.png) no-repeat; background-size:17px auto} */
    .ico-subs-subject {background:url(../images/content/ico-subscribe-subject-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 과목 특화자료 */
    .ico-subs-creative {background:url(../images/content/ico-subscribe-creative-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 창의적 체험활동 */
    .ico-subs-teacher {background:url(../images/content/ico-subscribe-teacher-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 선생님 채널 */
    .ico-subs-trend {background:url(../images/content/ico-subscribe-trend-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 교육트랜드 */
    .ico-subs-semester {background:url(../images/content/ico-subscribe-semester-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 자유학기제 */
    .ico-subs-subjdata {background:url(../images/content/ico-subscribe-subjdata-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 교과 활동 자료 */
    .ico-subs-freedata {background:url(../images/content/ico-subscribe-freedata-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 자유 활동 자료 */
    .ico-subs-site {background:url(../images/content/ico-subscribe-site-m.png) no-repeat; background-size:25px auto} /* 구독메뉴 > 관련 사이트 */

    .link-scrap {width:18px; background:url(../images/content/ico-scrap-m.png) center no-repeat; background-size:15px auto}
    .link-scrap:hover {background:url(../images/content/ico-scrap-m.png) center no-repeat; background-size:15px auto}

    .paginate {margin-top:10px}
    .paginate > * {width:35px; height:35px; line-height:35px; font-size:13px}
    .paginate a.prev {margin-right:10px}
    .paginate a.next {margin-left:10px}
    .paginate a.prev5,
    .paginate a.next5 {display:none}
    .paginate strong {line-height:35px}
    .paginate strong:after {width:35px; height:35px}

    .tbl-basic table {display:block; width:100%}
    .tbl-basic table thead {display:none}
    .tbl-basic table tbody,
    .tbl-basic table tbody tr,
    .tbl-basic table tbody tr th,
    .tbl-basic table tbody tr td {display:block}
    .tbl-basic table tbody tr {position:relative; padding:17px 0 11px; border-bottom:1px solid #eaeaea}
    .tbl-basic table tbody tr td {padding:0 20px 0 43px; font-size:12px; border-bottom:none}
    .tbl-basic table tbody tr td.num,
    .tbl-basic table tbody tr td.date,
    .tbl-basic table tbody tr td.loca {text-align:left}
    .tbl-basic table tbody tr td.nodata {padding:120px 0}
    .tbl-basic table tbody tr td.nodata p {padding-top:53px; background:url(../images/common/bg-tbl-nodata-m.png) 50% 0 no-repeat; background-size:40px auto}
    .tbl-basic table tbody tr td.nodata p span.m {display:block}
    .tbl-basic table tbody tr td.chk {position:absolute; left:20px; top:12px; padding:0}
    .tbl-basic table tbody tr td.link {display:none}
    .tbl-basic table tbody tr td:not(.nodata) ~ td {padding-top:4px}
    .tbl-basic table tbody tr td.chk + td {padding-top:0}
    .tbl-basic table tbody tr:hover td {background:none}
    .tbl-basic table tbody tr:hover td.tit,
    .tbl-basic table tbody tr:hover td.tit a {color:#3d3d3d}
    .tbl-basic table tbody tr:hover td.nodata {background:none}

    /* 문서/이미지/동영상/음원 리스트 */
    .tbl-basic.media tbody tr {padding:14px 20px}
    .tbl-basic.media tbody tr:after {content:""; display:block; clear:both}
    .tbl-basic.media tbody td.ico {float:left; line-height:1.26em; padding:0 7px 0 0}
    .tbl-basic.media tbody td.ico + td.tit > .sort {margin-left:-22px}
    .tbl-basic.media tbody td.tit {float:left; width:calc(100% - 53px); padding:0}
    .tbl-basic.media tbody td.tit strong a {font-size:13px}
    .tbl-basic.media tbody td.tit .sort {overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; font-size:12px}
    .tbl-basic.media tbody td.link {display:block; float:right; line-height:35px; padding:0}
    .tbl-basic.media tbody td.link .link-preview,
    .tbl-basic.media tbody td.link .link-down {display:none}
    .tbl-basic.media tbody td.link [class*='link-'] ~ [class*='link-'] {margin-left:0}
    .tbl-basic.media tbody td.thumb {margin-bottom:8px}
    .tbl-basic.media tbody td.thumb .wrap {height:auto; min-height:120px}
    .tbl-basic.media tbody td.thumb.img .wrap {background:#f7f7f7 url(../images/content/bg-img-m.png) center no-repeat; background-size:25px auto}
    .tbl-basic.media tbody td.thumb.video .wrap {background:#f7f7f7 url(../images/content/bg-video-m.png) center no-repeat; background-size:25px auto}
    .tbl-basic.media.multi tbody tr {padding:15px 20px 11px}
    .tbl-basic.media.multi tbody td.tit {width:calc(100% - 18px)}
    .tbl-basic.media.multi tbody td.tit .sort {padding-top:3px}
    .tbl-basic.media.multi tbody td:not(.nodata) {padding:0}
    .tbl-basic.media.multi tbody td.link {line-height:40px}
    .tbl-basic.media.multi tbody td.link [class*='link-'] {margin-top:5px; vertical-align:top}
    .tbl-basic.media table tbody tr td.nodata {padding:100px 0}
    .tbl-basic.media.book tbody tr {padding-top:10px}
    .tbl-basic.media.book tbody td.tit {width:100%}
    .tbl-basic.media.book tbody td.tit .desc {max-width:100%}
    .tbl-basic.media tbody td.tit .period strong,
    .tbl-basic.media tbody td.tit .period span {font-size:12px}
    .tbl-basic.media tbody td.tit .period strong + span {margin-left:20px}
    .tbl-basic.media tbody td.tit .period strong + span:after {left:-11px}

    .tbl-format table,
    .tbl-format table tbody,
    .tbl-format table tbody tr,
    .tbl-format table tbody tr th,
    .tbl-format table tbody tr td {display:block}
    .tbl-format table {border-bottom:1px solid #eaeaea}
    .tbl-format table tbody tr th {width:calc(100% - 40px); margin:0 20px; padding-left:0; padding-right:0; padding-bottom:0; border-bottom:none; background:none}
    .tbl-format table tbody tr ~ tr {border-top:1px solid #eaeaea}
    .tbl-format table tbody tr td {width:calc(100% - 40px); margin:0 20px; padding-bottom:15px; padding-left:0; padding-right:0; border-bottom:none}

    .popup-wrap:after {display:none}
    .popup-section {height:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
    .popup-section header {height:45px}
    .popup-section header h1,
    .popup-section header h2,
    .popup-section header h3 {height:45px; line-height:45px; font-size:14px}
    .popup-section header .close {width:45px; height:45px; background:url(../images/common/bg-close-m.png) center no-repeat; background-size:14px auto}
    .popup-section .popup-content {height:calc(100% - 45px); overflow:auto; -webkit-overflow-scrolling:touch; padding:0 0 60px 0}
    .popup-section .popup-content select,
    .popup-section .popup-content input:not([type=checkbox]):not([type=radio]) {font-size:13px; line-height:31px}
    /*.popup-section .popup-content + .popup-bottom {position:fixed; left:0; bottom:0; right:0; padding:15px 0; text-align:center; background:#fff}*/
    .popup-section .popup-content + .popup-bottom {display: none}

    .bx-nodata {padding:170px 0}
    .bx-nodata p {background:url(../images/common/bg-tbl-nodata-m.png) 50% 0 no-repeat; background-size:51px auto}

    .compl-notice > strong {padding-top:53px; font-size:14px; background:url(../images/common/bg-complete-m.png) center 0 no-repeat; background-size:40px auto}
    .compl-notice > p {padding-top:1px; font-size:12px}
    .compl-notice .info {margin-top:10px; padding-top:15px}

    .box-sort {width:calc(100% - 40px); margin-left:20px; margin-right:20px; margin-bottom:15px; padding:0 20px 11px}
    .box-sort ul li {padding:10px 0 5px}
    .box-sort ul li > strong {float:none; display:block; line-height:24px; margin-left:-3px; font-size:13px}
    .box-sort ul li .btns-sort  {float:none; width:100%; margin:1px 0 0 -5px}

    .btns-sort input[type="radio"] + label,
    .btns-sort input[type="checkbox"] + label {height:auto; padding-top:6px; padding-bottom:7px; text-align:left; line-height:1.1em}
    .btns-sort input[type="radio"] + label,
    .btns-sort input[type="checkbox"] + label,
    .btns-sort input[type="radio"] + label ~ label,
    .btns-sort input[type="checkbox"] + label ~ label {margin:2px}

    .select-tab-mobile {display:block; padding:15px 20px; background:#f4f4f4}
    .select-tab-mobile select {width:100%; height:35px; padding:0 15px; background-color:#fff}
    .select-tab-mobile .select-title {width:100% !important}

    .select-all-mobile {display:block; padding:7px 20px 6px; /*border-top:1px solid #ebdede*/ border-bottom:1px solid #eaeaea}
    .select-all-mobile label {font-weight:bold; color:#565656}

    /* content */
    [class*='section-'] header.head-section {display:none}
    [class*='section-'] .cont-section {border:none}
    [class*='section-'] .cont-section .side-menu {display:none}
    [class*='section-'] .cont-section .side-menu + section.content {margin-left:0}
    [class*='section-'] section.content {float:none; width:100%; padding:0 0 60px 0; border:none}
    [class*='section-'] section.content header.content {text-align:center; padding:0; border:none; background:#f46061}
    [class*='section-'] section.content header.content h3 {float:none; padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    [class*='section-'] section.content header.content .desc {display:none}
    [class*='section-'] section.content header.content a.subscribe {top:50%; right:10px; width:56px; height:27px; margin-top:-14px; font-size:12px}
    [class*='section-'] section.content header.content a.subscribe span {line-height:24px}
    [class*='section-'] section.content header.content a.btn-make.subscribe span {background:url(../images/content/bg-plus-wht-m.png) 100% 7px no-repeat; background-size:10px auto}
    [class*='section-'] section.content header.content.type2 {padding-bottom:0}
    [class*='section-'] section.content .sub-section h4 {padding-bottom:9px; font-size:14px}
    [class*='section-'] section.content .sub-section .box {width:calc(100% - 40px); margin:15px 20px 0; padding:21px 18px 25px}
    [class*='section-'] section.content .sub-section .box h4 {padding-left:0}
    [class*='section-'] section.content .sub-section .box.none {height:188px}
    [class*='section-'] section.content .sub-section .box.none p {margin-top:30px; padding-top:52px; font-size:13px; background:url(../images/common/bg-nodata-m.png) center 0 no-repeat; background-size:35px auto}
    [class*='section-'] section.content .sub-section .box .delete-all {display:none}
    [class*='section-'] section.content .sub-section ~ .sub-section {margin-top:15px}
    [class*='section-'] .cont-section header.content {text-align:center; padding:0; border:none; background:#f46061}
    [class*='section-'] .cont-section header.content h3 {float:none; padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    .section-search .cont-section header.content {display:block}
    .section-search .cont-section header.content,
    .section-specialize section.content header.content,
    .section-freesemester section.content header.content {background:#0f3653}

    .list-books .book {text-align:center}
    .list-books .book .img {display:inline-block; float:none}
    .list-books .book .img .delete {display:none}
    .list-books .book .info {float:none; width:100%; padding:10px 20px 0}
    .list-books .book .info strong {overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; padding-bottom:5px; font-size:13px}
    .list-books .book .info span {display:inline-block; overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; font-size:12px}
    .list-books .slick-prev {top:50%; background:url(../images/common/arrow-slide-left-on-m.png) center no-repeat; background-size:8px auto}
    .list-books .slick-prev.slick-disabled {background:url(../images/common/arrow-slide-left-m.png) center no-repeat; background-size:8px auto}
    .list-books .slick-next {top:50%; background:url(../images/common/arrow-slide-right-on-m.png) center no-repeat; background-size:8px auto}
    .list-books .slick-next.slick-disabled {background:url(../images/common/arrow-slide-right-m.png) center no-repeat; background-size:8px auto}

    /* �씠踰ㅽ듃/怨쇰ぉ蹂� �옄猷뚯떎 �긽�꽭 */
    .comment-content {margin-top:10px; padding:7px 0 9px; border:none; border-top:1px solid #eaeaea}
    .comment-content .top {padding:0 20px 10px}
    .comment-content .top span {padding-left:23px; font-size:12px; background:url(../images/content/bg-comment-m.png) 0 center no-repeat; background-size:17px auto}
    .comment-content .writing-area {padding:15px 20px}
    .comment-content .writing-area textarea {float:none; width:100%; font-size:12px}
    .comment-content .writing-area .btn {float:none; margin-top:5px}
    .comment-content .writing-area .btn:after {content:""; display:block; clear:both}
    .comment-content .writing-area .btn a {float:right; width:64px; height:30px}
    .comment-content .writing-area .btn a span {line-height:30px}
    .comment-content .writing-area .btn .count {float:left; margin-top:2px; padding-top:0; font-size:12px}
    .comment-content .comment-list ul li {padding:11px 20px}
    .comment-content .comment-list ul li .cont {font-size:12px}
    .comment-content .comment-list ul li .cont textarea {height:112px; font-size:12px}
    .comment-content .comment-list ul li .info {padding-top:7px}
    .comment-content .comment-list ul li .info .btns {bottom:10px}
    .comment-content .comment-list ul li .info .name {font-size:12px}
    .comment-content .comment-list ul li .info .date {margin-left:18px; font-size:11px}
    .comment-content .comment-list ul li .info .date:after {left:-8px}
    .comment-content .comment-list ul li .info .count {right:0; top:7px; margin-top:0; font-size:11px}
    .comment-content .comment-list ul li.mine {padding:15px 20px 0}
    .comment-content .comment-list ul li.mine .info {padding-bottom:45px}

    /* (s) 2019-08-13 */
    .comment-content .comment-list ul li .info {padding-bottom:45px}
    .comment-content .comment-list ul li .info .btns {bottom:0px}
    .comment-content .comment-list ul li.mine {padding:15px 20px 10px}
    .comment-content .comment-list ul li.reply-wrap {background-size:15px auto;background-position:20px 15px;padding:9px 20px 9px 40px !important;}
    .comment-content .comment-list ul li.reply-wrap .info {padding-bottom:0}
    .comment-content .comment-list ul li.reply-wrap.mine .info {padding-bottom:45px}
    .comment-content .comment-list ul li .info .btns a.reply {background-size:15px auto;}
    /*08-14*/.comment-content .comment-list ul li.reply-wrap.mine.last {padding-bottom:27px !important;}
    /* (e) 2019-08-13 */

    /** 스마트교실 **/
    .section-smartclass {}
    /* 반별 진도 */
    .section-smartclass.progress .tbl-basic table tbody tr td.book {padding:0 20px 0 43px}
    .section-smartclass.progress .tbl-basic table tbody tr td .list {display:none}
    .section-smartclass.progress .tbl-basic table tbody tr td strong {margin:0; font-size:13px}
    .section-smartclass.progress .tbl-basic table tbody tr td.date {padding-top:0}
    .section-smartclass.progress .tbl-basic table tbody tr:hover td strong a,
    .section-smartclass.progress .tbl-basic table tbody tr:hover td strong span.now:before {color:#3d3d3d}
    /* 최근 목차 */
    .section-smartclass.recent .tbl-basic table tbody tr:hover td.tit span.now:before {color:#5c5c5c}
    .section-smartclass.recent .tbl-basic table tbody tr td.book {padding:0 20px 0 43px}
    /* 교과서 설정 */
    .section-smartclass.textbook section.content .sub-section .box {padding:15px 20px 11px}
    .section-smartclass.textbook section.content .sub-section .box.none h4 {display:block}
    .section-smartclass.textbook section.content .sub-section .box .delete-all {display:block; bottom:9px; font-size:12px; background:url(../images/content/bg-delete-all-m.png) 0 1px no-repeat; background-size:10px auto}
    .section-smartclass.textbook section.content .sub-section .extra {line-height:1.4em; margin-top:15px; padding:0 20px}
    .section-smartclass.textbook .list-books {margin-top:10px; padding-top:0}
    .section-smartclass.textbook .list-books .book .img {margin-bottom:45px}
    .section-smartclass.textbook .list-books .book .img .delete {display:block; top:auto; left:0; bottom:-40px; width:100%; height:30px; margin-top:10px; line-height:30px; font-size:13px; color:#fff; text-indent:0; background:#998f92}
    .section-smartclass.textbook .list-books .book .img .delete:before {content:"- 내 교과서 "}
    .section-smartclass.textbook .list-books .book .info {padding:3px 20px 0}
    .section-smartclass.textbook .list-books .slick-arrow {margin-top:-45px}
    .section-smartclass.textbook .list-books .slick-prev {left:0}
    .section-smartclass.textbook .list-books .slick-next {right:0}
    .section-smartclass.textbook .sub-section h4 {padding-left:20px}
    .section-smartclass.textbook .sub-section h4 > span {display:block; line-height:1.3em; margin-top:6px; margin-left:0; padding-bottom:0; padding-right:20px; font-size:12px}
    /* 내 수업안 */
    .section-smartclass.planning .tbl-basic table tbody tr:hover td.tit span.now:before {color:#5c5c5c}
    .section-smartclass.planning .tbl-basic table tbody td.book,
    .section-smartclass.planning .tbl-basic table tbody td.date {padding:0 20px 0 43px}
    .section-smartclass.planning .tbl-basic table tbody td.date {padding-top:7px}
    .section-smartclass.planning .tbl-basic table tbody tr td.nodata p span:not(.m) {display:none}
    /* 내 시험지 */
    .section-smartclass.testpaper .btn-gray {display:none}
    .section-smartclass.testpaper .btnset-gray a ~ a {margin-left:0}
    .section-smartclass.testpaper .tbl-basic table tbody tr td.nodata p span:not(.m) {display:none}
    .section-smartclass.testpaper .tbl-basic table tbody td.tit a {font-weight:bold}
    /* 스크랩 자료 */
    .section-smartclass.scrapdata .btns-basic.large {display:none}
    .section-smartclass.scrapdata .tbl-basic table tbody tr td.tit {margin-top:-3px; padding:0 20px 0 45px}
    .section-smartclass.scrapdata .tbl-basic table tbody tr td.tit span {margin-right:5px}
    .section-smartclass.scrapdata .tbl-basic table tbody tr td.book {padding-top:6px}
    .section-smartclass.scrapdata .btns-submit .btn-gray {display:none}
    .section-smartclass.scrapdata .btns-submit .btn-gray ~ a {margin-left:0}
    /* 내가 올린 자료 */
    .section-smartclass.uploadeddata .top-state {display:block; text-align:center}
    .section-smartclass.uploadeddata .top-state .cap {line-height:1.4em; padding:13px 40px 11px}
    .section-smartclass.uploadeddata .sub-section {padding-top:0}
    .section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit {margin-top:-3px; padding:0 20px 0 45px}
    .section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit a {width:83%}
    .section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit span {margin-right:5px}
    .section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit .badge-view {margin-right:0}
    .section-smartclass.uploadeddata .btns-submit .btn-gray {display:none}
    .section-smartclass.uploadeddata .btns-submit .btn-gray ~ a {margin-left:0}
    .section-smartclass.uploadeddata .upload-state {padding:15px 20px 0; border:none; background:none}
    .section-smartclass.uploadeddata .upload-state .state {position:relative; float:none; padding:10px 20px 20px; border:1px solid #eaeaea; background:#f7f7f7}
    .section-smartclass.uploadeddata .upload-state .state .bar {display:block; width:100%; margin-left:0}
    .section-smartclass.uploadeddata .upload-state .state .total {position:absolute; right:22px; top:10px; margin-left:0}
    .section-smartclass.uploadeddata .upload-state .btn-make {display:none}
    .section-smartclass.uploadeddata .tbl-basic table tbody tr td.nodata p span:not(.m) {display:none}
    /* 최근 본 자료 */
    .section-smartclass.recentdata .btns-basic.large {display:none}
    .section-smartclass.recentdata .tbl-basic table tbody tr td.tit {margin-top:-3px; padding:0 20px 0 45px}
    .section-smartclass.recentdata .tbl-basic table tbody tr td.tit span {margin-right:5px}
    .section-smartclass.recentdata .tbl-basic table tbody tr td.book {padding-top:6px}
    .section-smartclass.recentdata .btns-submit .btn-gray {display:none}
    .section-smartclass.recentdata .btns-submit .btn-gray ~ a {margin-left:0}
    /* 구독 메뉴 */
    .section-smartclass.subscribe .tbl-basic table tbody td.tit span.arr {display:inline-block; vertical-align:middle; padding:0 4px; font-size:10px}
    .section-smartclass.subscribe .tbl-basic table tbody td.date span.date-tit {display:inline-block; position:relative; padding-right:20px; line-height:1.3em; font-size:12px; color:#565656; letter-spacing:-0.05em}
    .section-smartclass.subscribe .tbl-basic table tbody td.date span.date-tit:before {content:""; display:block; position:absolute; top:50%; right:7px; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#d1d1d1}
    .section-smartclass.subscribe .tbl-basic table tbody tr td.tit a {font-weight:bold}
    /* 알림 */
    .section-smartclass.noticemsg .msg-content {padding:12px 20px 15px; border:none}
    .section-smartclass.noticemsg .msg-content ul li {text-align:center}
    .section-smartclass.noticemsg .msg-content ul li ~ li {margin-top:13px}
    .section-smartclass.noticemsg .msg-content ul li .date {position:static}
    .section-smartclass.noticemsg .msg-content ul li .date .year {font-size:13px}
    .section-smartclass.noticemsg .msg-content ul li .date strong {padding-top:2px; font-size:22px}
    .section-smartclass.noticemsg .msg-content ul li .msg {display:block; margin-left:0; margin-top:10px; padding:14px 20px 12px; font-size:13px}
    .section-smartclass.noticemsg .msg-content ul li .msg:after {content:""; position:absolute; left:50%; top:-6px; width:11px; height:6px; margin-left:-6px; background:url(../images/content/bg-arrow-msg-m.png) no-repeat; background-size:11px auto}
    .section-smartclass.noticemsg .msg-content ul li .msg ~ .msg {margin-top:13px}
    /* 쿠폰 */
    .section-smartclass.coupon section.content .sub-section .box {width:100%; margin:0; padding-bottom:15px; border-left:none; border-top:none; border-right:none}
    .section-smartclass.coupon section.content .sub-section .box .bann {float:none}
    .section-smartclass.coupon section.content .sub-section .box .bann img {display:none}
    .section-smartclass.coupon section.content .sub-section .box .bann img.mobile {display:block; width:100%}
    .section-smartclass.coupon section.content .sub-section .box .notice {float:none; margin:20px 0 0 0}
    .section-smartclass.coupon section.content .sub-section .box .notice ul {margin-top:10px}
    .section-smartclass.coupon section.content .sub-section .box .notice ul li {line-height:1.4em; padding-left:6px; text-indent:-6px; font-size:13px}
    .section-smartclass.coupon section.content .sub-section .box .notice ul li span {display:inline; padding-left:0}
    .section-smartclass.coupon .coupon-list > ul {margin:0; padding:0 20px}
    .section-smartclass.coupon .coupon-list > ul > li {float:none; width:100%; height:160px; margin:15px 0 0 0; background:url(../images/content/bg-coupon-m.png) 0 0 no-repeat; background-size:100% 100%}
    .section-smartclass.coupon .coupon-list > ul > li .tit {float:none; width:100%; height:50%; padding:9px 0 0 0; text-align:center}
    .section-smartclass.coupon .coupon-list > ul > li .tit strong {font-size:36px}
    .section-smartclass.coupon .coupon-list > ul > li .tit strong span {font-size:16px}
    .section-smartclass.coupon .coupon-list > ul > li .tit .desc {font-size:13px}
    .section-smartclass.coupon .coupon-list > ul > li .tit .desc br {display:none}
    .section-smartclass.coupon .coupon-list > ul > li .cont {float:none; width:100%; height:50%; padding:15px 0 0 35px}
    .section-smartclass.coupon .coupon-list > ul > li .cont ul li.num span {font-size:13px}
    .section-smartclass.coupon .coupon-list > ul > li .cont ul li.num + li {margin-top:8px}
    .section-smartclass.coupon .coupon-list > ul > li.expire * {opacity:0.8}
    .section-smartclass.coupon .coupon-list > ul > li.expire:before {content:""; width:100%; height:160px; background:url(../images/content/bg-coupon-disabled-m.png) 0 0 no-repeat; background-size:100% 100%}
    .section-smartclass.coupon .coupon-list > ul > li.expire .cap {width:70px; height:70px; margin:-35px 0 0 -35px}
    .section-smartclass.coupon .coupon-list > ul > li.expire .cap span {padding-top:27px; background:url(../images/content/bg-clock-m.png) 50% 0 no-repeat; background-size:22px auto}
    /* 1대1 문의 */
    .section-smartclass.question .top-state-mobile {display:block; padding:7px 20px 8px; border-bottom:1px solid #eaeaea}
    .section-smartclass.question .top-state-mobile:after {content:""; display:block; clear:both}
    .section-smartclass.question .top-state-mobile .tit {line-height:27px; font-weight:bold; font-size:13px; color:#565656}
    .section-smartclass.question .top-state-mobile .btn-make {float:right; width:60px; height:27px; line-height:27px; font-size:12px}
    .section-smartclass.question .top-state-mobile .btn-make span {line-height:27px}
    .section-smartclass.question .tbl-basic table tbody tr {padding:14px 0}
    .section-smartclass.question .tbl-basic table tbody tr td:not(.nodata) {padding-top:4px; padding-left:20px; padding-bottom:0; text-align:left}
    .section-smartclass.question .tbl-basic table tbody tr td.tit {font-size:13px}
    .section-smartclass.question .tbl-basic table tbody tr td.num,
    .section-smartclass.question .tbl-basic table tbody tr td.date {display:none}
    .section-smartclass.question .tbl-basic table tbody tr td.sort {padding-top:0}
    .section-smartclass.question .tbl-basic table tbody tr td.check {position:absolute; right:0; top:50%; margin-top:-8px; padding-top:0}
    .section-smartclass.question .tbl-basic table tbody tr td.tit a {max-width:82%}
    .section-smartclass.question .tbl-basic table tbody tr td.sort {font-size:12px}
    .section-smartclass.question .tbl-basic table tbody tr td.check {font-size:13px}
    .section-smartclass.question .note-center {margin-top:0; padding:24px 0 10px; text-align:center; border:none}
    .section-smartclass.question .note-center > p {float:none}
    .section-smartclass.question .note-center > p > span.tit {display:inline-block; line-height:20px; margin-bottom:0; font-size:13px; color:#262626; vertical-align:bottom}
    .section-smartclass.question .note-center > p > strong {display:inline-block; margin-left:10px; font-family:'Co Headline Corp'; font-weight:normal; font-size:22px; color:#e83a33; vertical-align:middle}
    .section-smartclass.question .note-center > p > span.time {display:block; margin:7px 0 0; font-size:12px; color:#6b6b6b; letter-spacing:0; vertical-align:bottom}
    .section-smartclass.question .note-center > p > span.time > span {margin-left:5px; font-size:12px; color:#6b6b6b}
    .section-smartclass.question .note-center .btns {float:none; padding-top:10px}
    .section-smartclass.question .note-center .btns a {display:inline-block; float:none; width:111px; height:30px; line-height:30px; font-weight:bold; color:#7b7b7b; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box}
    .section-smartclass.question .note-center .btns a span {line-height:30px}
    /* 1:1 문의 상세 */
    .board-content table thead th .date {float:none; position:static; margin-top:-2px; font-size:11px}
    .board-content table tbody td .type {font-size:12px}
    .board-content table tbody td .type strong {display:none}
    .board-content table tbody td .type strong ~ strong {margin-left:20px}
    .board-content table tbody td .type strong ~ strong:after {left:-11px}
    .board-content table tbody td:not(.type2) .list-attach li a {font-size:12px; background:url(../images/common/ico-attach-m.jpg) 0 50% no-repeat; background-size:13px auto}
    .board-content table tbody td.type2 .list-attach li a.link-down {font-size:12px; background:url(../images/content/ico-down-m.png) 0 50% no-repeat; background-size:24px auto}
    .board-content table tbody td.type2 .list-attach li a.link-preview {font-size:12px; background:url(../images/content/ico-preview-m.png) 0 50% no-repeat; background-size:18px auto}
    .board-content table tbody td.type2 .list-attach li [class*='ico-'] {width:25px; height:25px; background-size:25px auto}
    .board-content .tbl-format table tbody td.attach.type2 {padding:0}
    .board-content .tbl-format table tbody td.attach.type2 .list-attach > li {padding:7px 10px 7px 20px; border-top:1px solid #eaeaea}
    .board-content .tbl-format table tbody td.attach.type2 .list-attach > li .name {line-height:25px; vertical-align:top; border-bottom:none}
    .board-content .tbl-format table tbody td.attach.type2 .list-attach > li .list-func {right:10px}
    .board-content .tbl-format table tbody td.attach.type2 .list-attach > li ~ li {margin-top:0}
    .board-content .tbl-format table tbody td.attach .file {width:calc(100% - 73px)}
    .board-content .tbl-format table thead,
    .board-content .tbl-format table thead tr,
    .board-content .tbl-format table thead th {display:block; height:auto}
    .board-content .tbl-format table thead th {padding-top:12px; padding-bottom:9px}
    .board-content .tbl-format table thead th strong {width:100%; font-size:14px; word-wrap:break-word}
    .board-content .tbl-format table tbody td {display:block; width:100%; margin:0; padding:10px 20px; border-top:1px solid #eaeaea}
    .board-content .tbl-format table tbody td:not(.attach) {font-size:12px; background:#f7f7f7}
    .board-content .tbl-format table tbody td.attach {border-top:none}
    .board-content .popup-wrap .tbl-format table thead,
    .board-content .popup-wrap .tbl-format table thead tr,
    .board-content .popup-wrap .tbl-format table thead th {display:none}
    .board-content .popup-wrap .tbl-format table tbody td:not(.attach) {background:#fff}
    .board-content .popup-wrap .tbl-format table tbody td {border-top:none}
    .board-content .board-answer {padding:0; border-top:none; border-left:none; border-right:none}
    .board-content .board-answer .tbl-basic.row table thead,
    .board-content .board-answer .tbl-basic.row table thead tr,
    .board-content .board-answer .tbl-basic.row table thead th {display:block; height:auto}
    .board-content .board-answer .tbl-basic.row table thead th strong {display:block; font-size:14px; background:url(../images/content/bg-arrow-ans-m.png) 0 2px no-repeat; background-size:8px auto}
    .board-content .board-answer .tbl-basic.row table thead th .date {display:inline-block; padding:4px 0 0 18px}
    .board-content .board-answer .tbl-basic.row table tbody tr {padding:0}
    .board-content .board-answer .tbl-basic.row table tbody td.attach {padding-top:9px; padding-bottom:10px}
    .board-content .board-detail .inner.
    .board-content .board-answer .detail .inner {padding:15px 20px 20px; font-size:12px}
    .board-content .board-detail .inner p,
    .board-content .board-answer .detail .inner p {line-height:1.5em; font-size:12px; word-wrap:break-word}
    .board-content .board-detail .inner iframe,
    .board-content .board-detail .inner video {max-width:100%; height:auto !important}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td:not(.attach) {padding:0}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td .type {width:100%}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td .type strong {display:inline-block}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td .type span {display:block; width:100%; height:34px; line-height:34px; padding:0 20px; box-sizing:border-box}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td .type span ~ span {margin-left:0; border-top:1px solid #eaeaea}
    .section-smartclass.question-detail .board-content .tbl-format table tbody td .type span ~ span:after {content:""; display:none}
    .board-content .board-detail .title.large {font-size:15px}
    .board-content .board-detail .title.medium {font-size:13px}
    .board-content .board-detail .title.small {font-size:12px}
    .board-content .board-detail .indent.type1 {padding-left:12px}
    .board-content .board-detail .indent.type1 .type2 {padding-left:13px}
    .board-content .board-detail .indent.type2 {padding-left:25px}
    .board-content .board-detail .quote.large {font-size:15px}
    .board-content .board-detail .quote.medium {font-size:13px}
    .board-content .board-detail .quote.small {font-size:12px}
    .board-content .board-detail .quote-marks span {font-size:12px}
    .board-content .board-detail .quote-marks span br {display:none}
    .board-content .board-detail .quote-marks > span:before,
    .board-content .board-detail .quote-marks > span:after {content:""; position:absolute; width:20px; height:21px}
    .board-content .board-detail .quote-marks.type1 {padding:26px 0}
    .board-content .board-detail .quote-marks.type1 span:before {margin-left:-10px; background:url(../images/content/bg-quote-type1-front-m.png) 50% top no-repeat; background-size:20px auto}
    .board-content .board-detail .quote-marks.type1 span:after {margin-left:-10px; background:url(../images/content/bg-quote-type1-end-m.png) 50% bottom no-repeat; background-size:20px auto}
    .board-content .board-detail .quote-marks.type2 span {padding-bottom:2px; word-break:break-all}
    .board-content .board-detail .quote-marks.type2 .wrap {max-width:200px}
    .board-content .board-detail .quote-marks.type2 .wrap:before {content:""; position:absolute; width:20px; height:21px; top:0; left:-35px}
    .board-content .board-detail .quote-marks.type2 .wrap:after {content:""; position:absolute; width:20px; height:21px; bottom:0; right:-35px}
    .board-content .board-detail .quote-marks.type2.gray .wrap:before {background:url(../images/content/bg-quote-type2-front-m.png) 50% 50% no-repeat; background-size:20px auto}
    .board-content .board-detail .quote-marks.type2.gray .wrap:after {background:url(../images/content/bg-quote-type2-end-m.png) 50% 50% no-repeat; background-size:20px auto}
    .board-content .board-detail .quote-marks.type2.pink .wrap:before {background:url(../images/content/bg-quote-type3-front-m.png) 50% 50% no-repeat; background-size:20px auto}
    .board-content .board-detail .quote-marks.type2.pink .wrap:after {background:url(../images/content/bg-quote-type3-end-m.png) 50% 50% no-repeat; background-size:20px auto}
    .board-content .board-detail .tip-box {padding:15px 18px}
    .board-content .board-detail .tip-box .tit {padding-bottom:6px; font-size:14px}
    .board-content .board-detail .tip-box .cont {font-size:12px}
    .board-content .board-detail .double-box {padding:8px 0; font-size:14px}
    .board-content .board-detail .txt-underline {padding:4px 0}
    .board-content .board-detail .txt-underline strong {font-size:14px}
    .board-content .board-detail .txt-underline strong:before {bottom:-4px; width:100%}
    .board-content .board-detail .txt-underline.icon {padding-left:40px}
    .board-content .board-detail .txt-underline.icon strong:after {left:-30px; bottom:-4px; width:calc(100% + 30px)}
    .board-content .board-detail .txt-underline.icon strong:before {left:-30px}
    .board-content .board-detail .txt-underline.pink.icon {background:url(../images/content/ico-book-pink-m.png) 13px 7px no-repeat; background-size:17px auto}
    .board-content .board-detail .txt-underline.pink.icon.type2 {background:url(../images/content/ico-pen-pink-m.png) 13px 7px no-repeat; background-size:14px auto}
    .board-content .board-detail .txt-underline.pink.icon.type3 {background:url(../images/content/ico-msg-pink-m.png) 13px 7px no-repeat; background-size:17px auto}
    .board-content .board-detail .txt-underline.blue.icon {background:url(../images/content/ico-book-blue-m.png) 13px 7px no-repeat; background-size:17px auto}
    .board-content .board-detail .txt-underline.blue.icon.type2 {background:url(../images/content/ico-pen-blue-m.png) 13px 7px no-repeat; background-size:14px auto}
    .board-content .board-detail .txt-underline.blue.icon.type3 {background:url(../images/content/ico-msg-blue-m.png) 13px 7px no-repeat; background-size:17px auto}
    .board-content .board-detail .txt-underline.icon:after {width:calc(100% - 97px)}
    .board-content .board-detail .tip-point {padding-left:21px; font-size:12px}
    .board-content .board-detail .tip-point.type1 {background:url(../images/content/ico-tip-point1-m.png) 0 2px no-repeat; background-size:13px auto}
    .board-content .board-detail .tip-point.type2 {background:url(../images/content/ico-tip-point2-m.png) 0 2px no-repeat; background-size:13px auto}
    .board-content .board-detail .tip-point.type3 {background:url(../images/content/ico-tip-point3-m.png) 0 4px no-repeat; background-size:13px auto}
    .board-content .board-detail .tip-point.type4 {padding-left:23px; background:url(../images/content/ico-tip-point4-m.png) 0 4px no-repeat; background-size:16px auto}
    .board-content .board-detail .column-content {display:block}
    .board-content .board-detail .column-content .set {display:block}
    .board-content .board-detail .column-content .set ~ .set {margin-top:17px}
    .board-content .board-detail .column-content.col2 .set ~ .set {margin-left:0}
    .board-content .board-detail .column-content.col3 .set ~ .set {margin-left:0}
    .board-content .board-detail .column-content .set .img {padding-bottom:4px}
    .board-content .board-detail .column-content .set .cont {padding-top:2px; font-size:12px}

    /* 1:1문의 등록 */
    .section-smartclass.question-reg .tbl-format table tbody tr td {padding-top:9px; padding-bottom:18px}
    .section-smartclass.question-reg .tbl-format table tbody tr.file {display:none}
    .section-smartclass.question-reg .tbl-format table tbody tr td select {width:100% !important}
    .section-smartclass.question-reg .tbl-format table tbody tr td .textarea-wrap textarea {height:390px}
    .section-smartclass.question-reg .tbl-format table tbody tr td .select-title {width:100% !important}
    /* 일정관리 - 주간 */
    .section-smartclass .date-header {padding:19px 0 21px}
    .section-smartclass .date-header .nav-date {float:none; padding:0 37px; text-align:center}
    .section-smartclass .date-header .nav-date strong {font-size:22px}
    .section-smartclass .date-header .nav-date a {width:33px; height:34px}
    .section-smartclass .date-header .tab-date {display:none}
    .section-smartclass .sub-section .day-content {padding:0 10px}
    .section-smartclass .cal-content .day > .inner > div {height:49px}
    .section-smartclass.schedule-week .cal-content .day > .inner > div strong {font-size:16px}
    .section-smartclass.schedule-week .cal-content .day > .inner > div span {font-size:12px}
    .section-smartclass.schedule-week .cal-content .day > .inner > div.today:after {height:100%}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell {position:relative; height:180px}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div:not(.date) {line-height:1.2em; padding:8px; font-size:12px}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div.today {top:-1px; right:-1px; bottom:-1px; left:0; width:auto; height:auto}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h1,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h2,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h3,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h4,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h5,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h6,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h7,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h8,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h9,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h10 {padding:0}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {position:static !important; text-overflow:inherit; white-space:normal; word-break:break-all; width:auto}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .x2.w-3 {width:auto}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .x4.w-3 {width:auto}
    .section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].person,
    .section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].school,
    .section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].common {background:none}
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .person a,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .school a,
    .section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .common a {text-overflow:inherit; white-space:normal}
    .section-smartclass.schedule-week .sub-section .share-content {display:none}
    .section-smartclass.schedule-week .sub-section .schedule-sort {padding-left:20px}
    .section-smartclass.schedule-week .sub-section .btns-submit {display:none}
    /* 일정 상세 팝업 */
    .popup-schedule-detail .popup-section {width:100%}
    .popup-schedule-detail .popup-section .top-state {display:block; padding-left:20px}
    .popup-schedule-detail .popup-section .top-state > span {padding:15px 0 8px; font-size:13px}
    .popup-schedule-detail .popup-section .tbl-basic {overflow-x:visible; overflow-y:visible; max-height:initial; border-right:none; border-left:none; border-bottom:none}
    .popup-schedule-detail .popup-section .tbl-basic table tbody tr {padding:14px 0 11px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody tr td {padding:0 20px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody tr td.btns {display:none}
    .popup-schedule-detail .popup-section .tbl-basic table tbody tr ~ tr td {border-top:none}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li {font-size:12px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit {font-size:13px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li ~ li {margin-top:4px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span {margin-left:5px}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.secret {background:url(../images/content/ico-secret-m.png) no-repeat; background-size:11px auto}
    .popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.repeat {background:url(../images/content/ico-repeat-m.png) no-repeat; background-size:15px auto}
    /* 교과서 자료 */
    .section-textbooks header.head-section {display:block; text-align:center; border:none; background:#f46061}
    .section-textbooks header.head-section h2 {padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    .section-textbooks header.head-section .path {display:none}
    .section-textbooks section.content header.content {display:none}
    .section-textbooks section.content .sub-section.box .top-state h4 {font-size:14px}
    .section-textbooks .detail-book .rel,
    .section-textbooks .detail-book > .info .more-info,
    .section-textbooks .detail-book > .info .cont .more-cont,
    .section-textbooks .detail-book > .info .viewer-links {display:none}
    .section-textbooks .detail-book {width:calc(100% - 40px); margin:15px 20px; padding:15px 20px; text-align:center; border-top:1px solid #e0e0e0}
    .section-textbooks .detail-book > .info {margin:0; text-align:center}
    .section-textbooks .detail-book > .info .img {float:none; display:inline-block; width:116px}
    .section-textbooks .detail-book > .info .img .reg {display:none}
    .section-textbooks .detail-book > .info .cont {width:100%; min-height:auto; margin:5px 0 0 0; padding:0 28px}
    .section-textbooks .detail-book > .info .cont > ul > li {word-wrap:break-word; word-break:break-all; line-height:1.5em; font-size:12px}
    .section-textbooks .detail-book > .info .cont > ul > li ~ li {margin-top:3px}
    .section-textbooks .detail-book > .info .btns-mobile {display:block; margin-top:7px; font-size:0}
    .section-textbooks .detail-book > .info .btns-mobile a {width:calc(50% - 2.5px); height:30px; font-size:12px; color:#fff; border-color:#998f92; background:#998f92}
    .section-textbooks .detail-book > .info .btns-mobile a span {line-height:30px}
    .section-textbooks .detail-book > .info .btns-mobile a ~ a {margin-left:5px}
    .section-textbooks .detail-book > .info .btns-mobile a:first-child:before {content:"+"; margin-right:3px}
    .section-textbooks section.content .sub-section .btns-basic.large {display:flex; margin-bottom:15px}
    .section-textbooks section.content .sub-section .btns-basic.large a {overflow:inherit;}
    .section-textbooks section.content .sub-section .box-sort {padding:10px 20px}
    .section-textbooks section.content .sub-section .box-sort ul li strong {line-height:24px; font-size:13px}
    .section-textbooks section.content .sub-section .box-sort ul li .btns-sort {float:left; width:auto}
    .section-textbooks section.content .sub-section .box-sort ul li .btns-sort ~ .btns-sort {margin-top:5px; padding-top:5px}
    .section-textbooks section.content .box-sort input[type="radio"] + label,
    .section-textbooks section.content .box-sort input[type="checkbox"] + label {height:auto; line-height:1em}
    .section-textbooks .tbl-basic {margin-top:5px}
    .section-textbooks .tbl-basic table tbody tr {padding-top:16px; padding-bottom:13px}
    .section-textbooks .tbl-basic table tbody tr td:not(.nodata) {padding-top:0; padding-bottom:0}
    .section-textbooks .tbl-basic table tbody tr td.chk {padding-top:0}
    .section-textbooks .tbl-basic table tbody tr td.tit {padding-left:44px; font-size:13px}
    .section-textbooks .tbl-basic table tbody tr td.tit a [class*='ico-'] {margin-right:5px}
    .section-textbooks .btns-submit {margin-top:10px}
    .section-textbooks .btns-submit .btn-gray {display:none}
    .section-textbooks .btns-submit .btn-gray ~ a {margin-left:0}
    .section-textbooks .paginate {display:none}
    .section-textbooks .select-tab-mobile {padding-top:0; background:none}
    .section-textbooks section.content .sub-section.box {padding:0 0 0 0; border:none; border-top:1px solid #e0e0e0}
    .section-textbooks section.content .sub-section.box .tbl-basic {margin-top:0}
    .section-textbooks section.content .sub-section.box .top-state {display:block; padding:12px 20px 13px}
    .section-textbooks section.content .sub-section.box .top-state > span {display:none}
    .section-textbooks section.content .sub-section.box.mid .select-all-mobile {border-top:1px solid; border-bottom:none; border-color:#e0ddd1; background:#faf9ed}
    .section-textbooks section.content .sub-section.box.sml .select-all-mobile {border-top:1px solid; border-bottom:none; border-color:#e4e4e4; background:#f7f7f7}
    .section-textbooks section.content .sub-section.box.time .select-all-mobile {border-top:1px solid; border-bottom:none; border-color:#e0e3e8; background:#f4f6fb}
    .section-textbooks section.content .sub-section.box.time .top-state a.making {display:none}
    .section-textbooks section.content .sub-section.box.time .top-state .btns {top:auto; right:10px; bottom:7px}
    .section-textbooks section.content .sub-section.time .corner {line-height:1.3em; margin-bottom:10px}
    .section-textbooks section.content .sub-section.time .top-state .btns a {width:64px; height:28px; line-height:28px}
    .section-textbooks section.content .sub-section.time .top-state .btns a span {line-height:28px}

    /*교과서 자료 참고서*//*2019-11-21*/
    .detail-book .rel {padding-left:0;z-index:2;}
    .detail-book .rel > strong {margin-top:10px;}
    .detail-book .rel .box { padding:0 0 10px 0; }
    .detail-book .rel .box .inner .list-relbooks .book .img {width:80px;height:113px;}

    /* 문제은행 - 문법예문뱅크 */ /*2020-01-02 추가*/
    .section-questionbank.grammar section.content .box-sort {margin-top: 15px}
    .section-questionbank.grammar section.content .box-sort .btns-sort input {width: 57%}
    .section-questionbank.grammar section.content .box-sort .btns-sort select {width: 100%}
    .section-questionbank.grammar section.content .box-sort .btns-sort .btn-make {vertical-align: middle}
    .section-questionbank.grammar section.content .box-sort .btns-sort .ico-tooltip .tip {width: 155px; background: url(../images/content/bg-arrow-note-down.png) 75% 100% no-repeat}
    .section-questionbank.grammar section.content .top-state {display:block; width:calc(100% - 40px); margin-left:20px; margin-bottom:0px}
    .section-questionbank.grammar section.content .tbl-basic table {display: inline-table}
    .section-questionbank.grammar section.content .tbl-basic table thead {display:table-header-group}
    .section-questionbank.grammar section.content .tbl-basic table thead th {padding-left:20px; padding-right:20px; text-align:left}
    .section-questionbank.grammar section.content .tbl-basic table tbody td {position:relative; padding-left:58px; padding-top:0px}
    .section-questionbank.grammar section.content .tbl-basic table tbody td .level {position:absolute; left:20px; top:0px; width:18px; height:18px; line-height:19px; font-weight:bold; font-size:10px; color:#fff; letter-spacing:-0.1em; text-align:center; border-radius:3px}

    /* 내시험지만들기 - 미리보기팝업 */
    .popup-make-preview .popup-section .popup-content {padding-bottom:0}
    .popup-make-preview .popup-content .pages {padding:15px}
    .popup-make-preview .popup-content .pages.table .page .img {padding:0 15px}
    .popup-make-preview .popup-content .pages .page .img * {max-width:100%}
    .popup-make-preview .popup-content .pages .page .img table {table-layout:fixed; word-break:break-all; line-height:1.26em}
    .popup-make-preview .popup-content .btns {display:none}

    /** 특화자료 **/
    .section-specialize .tbl-basic.media.multi table tbody tr {padding-top:37px; padding-bottom:14px}
    .section-specialize .tbl-basic.media table tbody tr td.tit {width:100%}
    .section-specialize .tbl-basic.media table tbody tr td.link {display:none}
    .section-specialize .tbl-basic.media tbody td.tit .period {padding-top:5px}
    .section-specialize .list-media {border-top:none}
    .section-specialize .list-media .set {float:none; width:100%; padding:35px 20px 14px; border-bottom:1px solid #eaeaea}
    .section-specialize .list-media .set:nth-child(3n+1):after {display:none}
    .section-specialize .list-media .set .img a {padding-bottom:56.5%}
    .section-specialize .list-media .set .img img {position:absolute; left:0; right:0; width:100%; height:100%}
    .section-specialize .list-media .set .info {padding-top:7px}
    .section-specialize .list-media .set .info .link-scrap {display:none}
    .section-specialize .list-media .set .info strong {width:100%; margin-bottom:3px}
    .section-specialize .list-media .set .info strong a {font-size:13px}
    .section-specialize .list-media .set .info strong .card {margin-right:4px; vertical-align:bottom; background:url(../images/content/ico-cardboard-m.png) 0 0 no-repeat; background-size:22px auto}
    .section-specialize .list-media .set .info .date {font-size:12px}
    .section-specialize .list-media .set .info .date > span {margin-left:20px}
    .section-specialize .list-media .set .info .date > span:after {left:-10px}
    .section-specialize .list-media .set input[type="checkbox"] + label {left:20px; top:11px}
    .section-specialize .list-media.video .set .img {width:100%; height:auto; min-height:140px; background:#f7f7f7 url(../images/content/bg-video-m.png) center no-repeat; background-size:31px auto}
    .section-specialize .list-media.video .set .img a:after {content:""; background:url(../images/content/bg-play-m.png) center no-repeat; background-size:45px auto}
    .section-specialize .btns-submit .btn-gray {display:none}
    /* 과목별 자료실 */
    .section-specialize.subject .box-sort {margin-top:15px}
    .section-specialize.subject .introduce-area {width:calc(100% - 40px); margin:0 20px; padding:15px 20px; text-align:center}
    .section-specialize.subject .introduce-area .book {float:none; position:relative; display:inline-block; width:100%; text-align:center; font-size:0}
    .section-specialize.subject .introduce-area .book .img {display:inline-block; width:116px; height:146px}
    .section-specialize.subject .introduce-area .book .img img {display:block; width:100%}
    .section-specialize.subject .introduce-area .book .btns {padding-top:10px}
    .section-specialize.subject .introduce-area .book .btns a {width:116px; height:30px; line-height:30px}
    .section-specialize.subject .introduce-area .book .btns a ~ a {margin-left:5px}
    .section-specialize.subject .introduce-area .book .btns a span {line-height:30px; vertical-align:middle; padding-left:16px}
    .section-specialize.subject .introduce-area .book .btns a.preview {padding-top:0}
    .section-specialize.subject .introduce-area .book .btns a.preview span {padding-top:0; background-position:0 center; background-size:12px auto}
    .section-specialize.subject .introduce-area .book .btns a.request {padding-top:0}
    .section-specialize.subject .introduce-area .book .btns a.request span {padding-top:0; background-position:0 center; background-size:12px auto}
    .section-specialize.subject .introduce-area .book .btns a:hover {color:#757575; border-color:#e2e2e2}
    .section-specialize.subject .introduce-area .book .btns a.preview:hover span {background:url(../images/content/ico-preview-large.png) no-repeat; background-position:0 7px; background-size:12px auto}
    .section-specialize.subject .introduce-area .book .btns a.request:hover span {background:url(../images/content/ico-email-large.png) no-repeat;  background-position:0 9px; background-size:12px auto}
    .section-specialize.subject .introduce-area .desc {display:none}
    /* .section-specialize.subject .introduce-area .desc {float:none; width:100%; padding:9px 0 0 0} */
    .section-specialize.subject .introduce-area .desc .tit {line-height:20px; font-size:14px; padding:0 20px 6px; border-bottom:1px solid #dde7ed; box-sizing:border-box}
    .section-specialize.subject .introduce-area .desc .detail {padding-top:8px; border-top:none}
    .section-specialize.subject .introduce-area .desc .detail strong {padding-bottom:2px; font-size:12px}
    .section-specialize.subject .introduce-area .desc .detail p {padding-bottom:10px; font-size:12px}
    .section-specialize.subject .introduce-area .desc .detail p br {display:none}
    .section-specialize.subject .introduce-area .desc .detail p span {display:block; line-height:1.75em}
    .section-specialize.subject .introduce-area .nodata {padding:49px 0 65px 0}
    .section-specialize.subject .introduce-area .nodata p {padding-top:70px; background:url(../images/common/bg-nodata-m.png) 50% 0 no-repeat; background-size:44px auto}
    .section-specialize.subject .tbl-basic.media {margin-top:5px; border-top:none}
    .section-specialize.subject .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-specialize.subject .tbl-basic.media table tbody td.tit > strong a {font-size:13px}
    .section-specialize.subject .tbl-basic.media table tbody td.tit .detail {padding-top:3px}
    .section-specialize.subject .tbl-basic.media table tbody td.tit .detail a {font-size:12px}
    .section-specialize.subject .btns-submit .btn-gray + a {margin-left:0}
    .section-specialize.subject-detail .btns-submit .btnset-gray {float:none; padding-bottom:10px}
    .section-specialize.subject-detail section.content header.content h3 > .subtit {display:none}
    /* 자료신청 팝업 */
    .popup-data-request .popup-section {width:100%}
    .popup-data-request .popup-content .note {margin-top:0; padding:13px 20px 10px; background:#f7f7f7}
    .popup-data-request .popup-content .note ul li {font-size:13px}
    .popup-data-request .popup-content .tbl-format table tbody th {padding-top:17px; font-size:13px}
    .popup-data-request .popup-content .tbl-format table tbody td {padding-top:9px; padding-bottom:15px}
    .popup-data-request .popup-content .tbl-format table tbody td .alert {display:block; margin-left:0; margin-top:10px; padding-left:14px; text-indent:-14px; line-height:1.38em; word-wrap:break-word; word-break:keep-all}
    .popup-data-request .popup-content .tbl-format table tbody td .frm-set {font-size:0}
    .popup-data-request .popup-content .tbl-format table tbody td .frm-set a {font-size:12px}
    .popup-data-request .popup-content .tbl-format table tbody td .frm-set input[type="text"] {width:calc(33.3% - 50px / 3) !important}
    .popup-data-request .popup-content .tbl-format table tbody td .frm-set .hyphen {display:inline-block; margin:0 10px; vertical-align:top; font-size:14px; line-height:33px; letter-spacing:0}
    .popup-data-request .popup-content .tbl-format table tbody tr:first-child td input[type="text"] {width:100% !important}
    .popup-data-request .popup-content .tbl-format table tbody tr.add td .frm-set input[type="text"] {width:calc(100% - 110px) !important}
    /* 우편번호찾기 팝업 */
    .popup-find-post .popup-section {width:100%}
    .popup-find-post .popup-section .search-content {padding:15px 20px; border:none}
    .popup-find-post .popup-section .search-content input[type="text"] {width:calc(100% - 74px) !important}
    .popup-find-post .popup-section .search-content a {width:64px}
    .popup-find-post .popup-section .top-state {display:block; padding-left:20px}
    .popup-find-post .popup-section .nodata-notice {padding:40px 0 35px; border-left:none; border-right:none}
    .popup-find-post .popup-section .nodata-notice p {padding:52px 52px 0; font-size:13px; word-wrap:break-word; word-break:keep-all; background:url(../images/common/bg-notice-m.png) 50% 0 no-repeat; background-size:40px auto}
    .popup-find-post .popup-section .nodata-notice p span {display:inline-block; line-height:inherit}
    .popup-find-post .popup-section table.tbl-fixable thead {display:none}
    .popup-find-post .popup-section .tbl-basic {overflow-x:visible; overflow-y:visible; max-height:initial; border-top:1px solid #e0e0e0; border-right:none; border-left:none; border-bottom:none}
    .popup-find-post .popup-section .tbl-basic table tr {padding:12px 0 15px}
    .popup-find-post .popup-section .tbl-basic tbody td {padding:0 20px}
    .popup-find-post .popup-section .tbl-basic tbody td.sel {display:inline-block; padding:0 4px 0 20px; text-align:left}
    .popup-find-post .popup-section .tbl-basic tbody td.num {display:inline-block; padding:0; font-size:13px; text-align:left}
    .popup-find-post .popup-section .tbl-basic tbody td.add {margin-top:3px}
    .popup-find-post .popup-section .tbl-basic tbody td.add p.list strong {font-size:12px}
    .popup-find-post .popup-section .tbl-basic tbody td.add p.list ~ p.list {margin-top:3px}
    .popup-find-post .popup-section .tbl-basic table tbody tr:hover td {background:none}
    .popup-find-post .popup-section .tbl-basic table tbody tr:hover td a {color:#797979}
    .popup-find-post .popup-section .tbl-basic tbody td.nodata {padding:25px 0}
    /* 창의적 체험활동 - 이달의 키워드 */
    .section-specialize.keyword .monthy-keyword {position:relative; margin:0 0 15px; padding-bottom:50px}
    .section-specialize.keyword .monthy-keyword .inner .key img {display:none}
    .section-specialize.keyword .monthy-keyword .inner .key img.img-m {display:block}
    .section-specialize.keyword .monthy-keyword .inner .key .more {right:20px; top:56.5%}
    .section-specialize.keyword .box-sort {margin-bottom:5px}
    .section-specialize.keyword .tbl-basic.media {border-top:none}
    .section-specialize.keyword .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-specialize.keyword .tbl-basic.media table tbody td.tit .keyword {padding-bottom:4px; font-size:12px}
    .section-specialize.keyword .tbl-basic.media table tbody td.thumb {margin-bottom:10px}
    /* 창의적 체험활동 - AR, VR */
    .section-specialize.reality .select-all-mobile {margin-top:5px}
    .section-specialize.reality.vr .sub-section .box {margin-top:15px; padding:97px 20px 15px; text-align:center; background:#f7f7f7 url(../images/content/bg-ico-vr-m.png) center 15px no-repeat; background-size:70px auto}
    .section-specialize.reality.vr .sub-section .box .desc {margin-top:9px; padding:0 10px}
    .section-specialize.reality.vr .sub-section .box .desc li {line-height:1.43em; font-size:12px}
    .section-specialize.reality.vr .sub-section .box .desc li ~ li {margin-top:7px}
    .section-specialize.reality.vr .sub-section .box .desc li:first-child {display:none}
    .section-specialize.reality.vr .sub-section .box .desc li.m {display:block}
    .section-specialize.reality.vr .sub-section .box .extra {margin-top:7px; text-align:left}
    .section-specialize.reality.vr .sub-section .box .extra li {padding-left:13px; text-indent:-14px}
    .section-specialize.reality.vr .sub-section .box .extra li:first-child {display:none}
    .section-specialize.reality.vr .sub-section .box .extra li span {line-height:inherit}
    /* 선생님 채널 */
    .section-specialize.teacher-channel section.content .sub-section .box {width:100%; margin:0 0 5px}
    .section-specialize.teacher-channel .tbl-basic.media {border-top:none}
    .section-specialize.teacher-channel .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-specialize.teacher-channel .tbl-basic.media table tbody td.tit .detail a {width:100%; max-width:none}
    .section-specialize.teacher-channel section.content .sub-section .box {text-align:center}
    .section-specialize.teacher-channel section.content .sub-section .box img {display:none}
    .section-specialize.teacher-channel section.content .sub-section .box img.mobile {display:block; width:100%}
    /* .section-specialize.teacher-channel .sub-section .box p.desc {padding-top:9px; line-height:1.43em; font-size:12px}
    .section-specialize.teacher-channel .sub-section .box p.desc span {display:inline-block; line-height:1.43em} */
    /* Y클라우드 소식지 */
    .section-specialize.ynews section.content .sub-section .box {width:100%; margin:0 0 5px}
    .section-specialize.ynews .tbl-basic.media {border-top:none}
    .section-specialize.ynews .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-specialize.ynews .tbl-basic.media table tbody td.tit .detail a {width:100%; max-width:none}
    .section-specialize.ynews section.content .sub-section .box {text-align:center}
    .section-specialize.ynews section.content .sub-section .box img {display:none}
    .section-specialize.ynews section.content .sub-section .box img.mobile {display:block; width:100%}
    /* 180601 new page */
    .section-specialize.ynews section.content .sub-section {padding:15px 20px 0}
    .section-specialize.ynews .monthy-ynews {position:relative; margin:0 0 15px}
    .section-specialize.ynews .monthy-ynews .slick-dots {bottom:0}
    .section-specialize.ynews .monthy-ynews .inner .key img {display:none}
    .section-specialize.ynews .monthy-ynews .inner .key img.img-m {display:block}
    .section-specialize.ynews section.content .sub-section .box-sort.year {width:100%; margin-left:0; margin-right:0; padding-top:13px}
    .section-specialize.ynews section.content .sub-section .box-sort.year strong.year {font-size:25px; padding-bottom:0}
    .section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr {top:0; width:50px; height:50px; margin-top:0}
    .section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr.prev {left:0; background-size:6px auto}
    .section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr.next {right:0; background-size:6px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap {float:none; width:100%; padding:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head {margin-bottom:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path {float:none; display:block; line-height:1.2em; padding-top:8px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon {height:21px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon1 {width:96px; background:url(../images/content/bg-tit-article1-m.png) 0 bottom no-repeat; background-size:96px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon2 {width:76px; background:url(../images/content/bg-tit-article2-m.png) 0 bottom no-repeat; background-size:76px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon3 {width:115px; background:url(../images/content/bg-tit-article3-m.png) 0 bottom no-repeat; background-size:115px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon4 {width:78px; background:url(../images/content/bg-tit-article4-m.png) 0 bottom no-repeat; background-size:78px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon5 {width:106px; background:url(../images/content/bg-tit-article5-m.png) 0 bottom no-repeat; background-size:106px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon6 {width:109px; background:url(../images/content/bg-tit-article6-m.png) 0 bottom no-repeat; background-size:109px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon7 {width:71px; background:url(../images/content/bg-tit-article7-m.png) 0 bottom no-repeat; background-size:71px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path > span:after,
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path > strong:after {margin-top:-3px; background:url(../images/content/bg-path-m.png) 0 0 no-repeat; background-size:4px auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap {height:auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .head .path {color:#7a7a7a}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .head .path,
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .head .path {line-height:21px; margin:0 0 0 10px; padding:0}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .img,
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .img {width:100%; height:auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .img img {display:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .img.m, .section-specialize.ynews section.content .sub-section .ynews-articles .article .img img.m {display:block}/*2019-06-28*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap ~ .wrap {margin:15px 0 0 0}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .more {left:15px; bottom:15px; right:inherit; width:calc(100% - 30px); height:40px; font-size:13px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .more span {line-height:40px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont {padding:15px 0 20px} /*2019-02*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .wrap .cont {padding:15px 0;} /*2019-02*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .tit {font-size:15px; word-break:keep-all}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .tit br {display:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont p {padding-top:3px; font-size:12px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .wrap {padding:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .triple {display:block}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .double {display:block; width:100%}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .triple > .wrap {display:block; width:100%; border-top:1px solid #ddd; border-left:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .triple > .wrap .cont {padding-top:0}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .wrap .img {float:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .wrap .cont {float:none; width:100%; margin:15px 0 0 0}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 {padding-top:20px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap {border-bottom:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner {padding:15px; border-bottom:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner ~ .inner {position:relative}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner ~ .inner:after {content:""; position:absolute; left:15px; top:-1px; right:15px; height:1px; background:#eaeaea}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img {float:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont {float:none; width:100%; margin:15px 0 0 0; padding-bottom:0}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img.full {padding-top:0;}/*2019.03.30 추가*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img.full + .cont .tit {position:relative;top:auto;}/*2019.03.30 추가*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont br {display:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .cont {margin-top:0; padding:0 0 12px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul {margin-top:-15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li {float:none; width:100%; height:auto; margin-top:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li .img {float:none; overflow:hidden; width:119px; height:170px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li .img img {display:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li .img img.m {display:block}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li p {float:none; width:100%; margin-top:10px; padding-left:0; font-size:12px}
    /* new style 9월 기준 공통 181002 */
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .more {display:block; position:static; width:100%}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack {padding:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner {float:none; width:100%; height:auto}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner ~ .inner {margin-left:0; margin-top:15px; padding-top:15px; border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner .cont .tit	{position:relative;padding-top:15px;}/*2019.03.30 추가*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner .cont .tit .path {margin-left:0px;position:absolute;top:0;left:0;;}/*2019.03.30 수정*/

    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .more {width:100%}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack ~ .article1.pack {margin-top:20px; border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack ~ .article1.pack .inner {height:auto !important;} /*2019-02*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 {padding-top:20px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row > .wrap {width:100%; padding-bottom:15px; border-left:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row > .wrap:first-child {border-top:none}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row > .wrap ~ .wrap {border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner {padding-bottom:15px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont p {word-break:break-all}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont .more {margin-top:30px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .cont {margin-top:0; padding:0 0 12px}
    /* //new style 9월 기준 공통 */
    /* 9월 */
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .cont {padding-bottom:30px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .more {display:block; position:static; width:100%}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .triple > .wrap {width:100%; padding-bottom:15px; border-left:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .triple > .wrap ~ .wrap {border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 {padding:15px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner {float:none; width:100%; height:auto}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner ~ .inner {margin-left:0; margin-top:15px; padding-top:15px; border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner .cont .tit .path {margin-left:10px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .more {width:100%}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 ~ .article1 {margin-top:20px; border-top:1px solid #ddd}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 ~ .article1 .inner {height:auto}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article2 {padding-top:20px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article3 .wrap .inner {padding-bottom:15px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article3 .wrap .inner .cont p {word-break:break-all}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article3 .wrap .inner .cont .more {margin-top:30px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article3 .wrap .inner.list .cont {margin-top:0; padding:0 0 12px}
    .section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article2 .triple.row > .wrap:first-child {border-top:none}
    /* 10월 */
    .section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article .cont {padding-bottom:30px}
    .section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article1.pack .inner,
    .section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article1.pack ~ .article1.pack .inner {height:auto}
    .section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article2 .wrap {padding-left:15px; padding-right:15px}
    .section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article3 .wrap .inner {padding-bottom:15px}
    /* 11월 */
    .section-specialize.ynews section.content .sub-section.ynews11 .ynews-articles .article.article3 .img {width:100%}
    .section-specialize.ynews section.content .sub-section.ynews11 .ynews-articles .article.article3 .wrap .inner .cont {width:100%; padding-bottom:0}
    /* 12월 : 2018-12-04 추가*/
    .section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article.article3 .img {width:100%}
    .section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article.article3 .wrap .inner .cont {width:100%; padding-bottom:0}
    .section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article .head .path.w {display:none;}
    .section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article .head .path.m {display:block;}
    .section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article .head .path.m strong {font-size:10px;}
    /* 2019년 5월 : 2019-04-25 추가*/
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon8 {width:160px; background:url(../images/content/bg-tit-article8-m.png) 0 bottom no-repeat; background-size:auto 21px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon9 {width:160px; background:url(../images/content/bg-tit-article9-m.png) 0 bottom no-repeat; background-size:auto 21px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon10 {width:160px; background:url(../images/content/bg-tit-article10-m.png) 0 bottom no-repeat; background-size:auto 21px}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon11 {width:160px; background:url(../images/content/bg-tit-article11-m.png) 0 bottom no-repeat; background-size:auto 21px}
    .section-specialize.ynews section.content .sub-section.ynews1905 .ynews-articles .article .wrap .cont {padding-bottom:20px;}
    /* (e)2019년 5월 : 2019-04-25 추가*/

    /* (s)2019-11-28 추가 */
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .program_list strong {text-align:left;font-size:12px;}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .program_list .col2 {float:none !important;width:100% !important;}
    .section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .program_list br{display:block !important;}
    .subtitle-m {display:block;text-decoration:underline;margin-top:10px;}
    /* (e)2019-11-28 추가 */

    /* 자기계발 자료 - Ted Talk */
    .section-specialize.share .box-sort {margin-top:15px; margin-bottom:5px}
    /* 자기계발 자료 - 뉴스클립 */
    .section-specialize.trend section.content header.content {border-bottom:none}
    .section-specialize.trend .tbl-basic table tbody tr {padding-top:14px}
    .section-specialize.trend .tbl-basic table tbody tr td {padding:7px 20px 0 54px}
    .section-specialize.trend .tbl-basic table tbody tr td.num {display:block; position:absolute; top:50%; left:20px; margin-top:-7px; padding:0}
    .section-specialize.trend .tbl-basic table tbody tr td.tit {padding-top:0}
    .section-specialize.trend .tbl-basic table tbody tr td.nodata {padding:100px 0}
    /* 뉴스클립 - 상세 */
    .section-specialize.trend-detail .tbl-format table {border-bottom:none}

    /* 매거진 */
    .section-specialize.magazine .magazine-title {margin-bottom:15px}
    .section-specialize.magazine .magazine-title img:not(.m) {display:none}
    .section-specialize.magazine .magazine-title img.m {display:block; width:100%}
    .section-specialize.magazine .magazine-area {padding:0 20px; border:none}
    .section-specialize.magazine .magazine-area:before {display:none}
    .section-specialize.magazine .magazine-area .item {float:none; width:100%; padding:30px 20px; border:1px solid #ddd}
    .section-specialize.magazine .magazine-area .item ~ .item {margin-top:-1px}
    .section-specialize.magazine .magazine-area .item .img .links {display:block; background:none}
    .section-specialize.magazine .magazine-area .item .img .links:before {display:none}
    .section-specialize.magazine .magazine-area .item .img .links .inner {display:block; height:100%}
    .section-specialize.magazine .magazine-area .item .img .links .link:first-child {width:100%; height:100%; padding-top:0}
    .section-specialize.magazine .magazine-area .item .img .links .link:first-child span {font-size:0; color:transparent; text-indent:-9999em}
    .section-specialize.magazine .magazine-area .item .img .links .link:after {display:none}
    .section-specialize.magazine .magazine-area .item .img .links .link ~ .link:after {display:none}
    .section-specialize.magazine .magazine-area .item .subs > a {float:none; display:block; width:100%; font-size:14px}
    .section-specialize.magazine .magazine-area .item .subs .list {float:none; width:100%; margin-top:5px}
    .section-specialize.magazine .magazine-area .item .subs .list ul li .name {width:calc(100% - 92px)}
    .section-specialize.magazine .magazine-area .item .subs .list ul li .btns {width:92px}
    .section-specialize.magazine .magazine-area .item .subs .list ul li .btns .link-preview {background:url(../images/content/ico-preview-m.png) no-repeat; background-size:20px auto}
    .section-specialize.magazine .magazine-area .item .subs .list ul li .btns .link-down {background:url(../images/content/ico-down-m.png) no-repeat; background-size:24px auto}
    .section-specialize.magazine .magazine-area .item .desc {margin-top:20px; padding-top:20px}
    .section-specialize.magazine .magazine-area .item .download a {font-size:14px; letter-spacing:-0.03em}
    .section-specialize.magazine .magazine-info {padding-top:40px}
    .section-specialize.magazine .magazine-info ul {float:none; width:100%; padding:0 20px}
    .section-specialize.magazine .magazine-info ul ~ ul {margin-top:40px}
    .section-specialize.magazine .magazine-info ul ~ ul li:first-child {padding-top:40px; border-top:1px solid #ddd}
    .section-specialize.magazine .magazine-info ul li {text-align:center}
    .section-specialize.magazine .magazine-info ul li:nth-child(2),
    .section-specialize.magazine .magazine-info ul li:nth-child(3),
    .section-specialize.magazine .magazine-info ul li:nth-child(4) {margin-top:40px}
    .section-specialize.magazine .magazine-info ul li ~ li {margin-top:40px}
    .section-specialize.magazine .magazine-info ul li .img img:not(.m) {display:none}
    .section-specialize.magazine .magazine-info ul li .img img.m {display:block}
    .section-specialize.magazine .magazine-info ul li .info {width:100%}
    .section-specialize.magazine .magazine-info ul li .info p {padding-top:14px}
    .section-specialize.magazine .magazine-info ul li .info strong.special {width:122px; background:url(../images/content/txt-special-m.png) no-repeat; background-size:122px auto}
    .section-specialize.magazine .magazine-info ul li .info strong.resources {width:89px; background:url(../images/content/txt-resources-m.png) no-repeat; background-size:89px auto}
    .section-specialize.magazine .magazine-info ul li .info strong.trend {width:105px; background:url(../images/content/txt-trend-m.png) no-repeat; background-size:105px auto}
    .section-specialize.magazine .magazine-info ul li.odd .info {float:none; padding:20px 0 0}
    .section-specialize.magazine .magazine-info ul li.even {text-align:center}
    .section-specialize.magazine .magazine-info ul li.even .info {float:none; padding:20px 0 0}
    .section-specialize.magazine .magazine-info ul.mid li.even .img {margin-right:0}
    .section-specialize.magazine .magazine-info ul.mid li.even:nth-child(2) .info,
    .section-specialize.magazine .magazine-info ul.mid li.even:nth-child(4) .info {padding-top:20px}
    .section-specialize.magazine .magazine-info ul.high {border-left:none}
    .section-specialize.magazine .magazine-info ul.high li.odd .img {margin-left:0}
    .section-specialize.magazine .magazine-info ul.high li.even:nth-child(2) .info,
    .section-specialize.magazine .magazine-info ul.high li.even:nth-child(4) .info {padding-top:20px}
    .section-specialize.magazine .magazine-info ul.mid li.even .info,
    .section-specialize.magazine .magazine-info ul.high li.odd .info {width:100%}
    .section-specialize.magazine .magazine-info ul.high li:nth-child(2) .info p span {display:inline}
    .section-specialize.magazine .magazine-info ul.high li:nth-child(2) .info p span.m {display:block}
    .section-specialize.magazine .magazine-info + .notice {margin-top:40px; padding:20px 45px; word-break:keep-all}
    .section-specialize.magazine .magazine-info + .notice p {line-height:1.4em}
    .section-specialize.magazine .magazine-info + .notice p span {display:inline; padding-top:0}
    .section-specialize.magazine .magazine-info ul.mid li:first-child:after {top:117px; bottom:inherit; left:50%; margin-left:50px; width:70px; height:72px; background:url(../images/content/bg-info-effect1-m.png) no-repeat; background-size:70px auto}
    .section-specialize.magazine .magazine-info ul.mid li:nth-child(2):after {top:23px; left:50%; margin-left:-100px; width:237px; height:326px; background:url(../images/content/bg-info-effect2-m.png) no-repeat; background-size:237px auto}
    .section-specialize.magazine .magazine-info ul.mid li:nth-child(3):after {display:none}
    .section-specialize.magazine .magazine-info ul.mid li:nth-child(4):after {top:180px; left:50%; margin-left:-134px; width:46px; height:46px; background:url(../images/content/bg-info-effect3-m.png) no-repeat; background-size:46px auto}
    .section-specialize.magazine .magazine-info ul.high li:first-child:after {top:186px; right:50%; margin-right:-134px; width:51px; height:55px; background:url(../images/content/bg-info-effect4-m.png) no-repeat; background-size:51px auto}
    .section-specialize.magazine .magazine-info ul.high li:nth-child(2):after {top:160px; left:50%; margin-left:-108px; width:28px; height:34px; background:url(../images/content/bg-info-effect5-m.png) no-repeat; background-size:28px auto}
    .section-specialize.magazine .magazine-info ul.high li:nth-child(3):after {top:140px; left:50%; margin-left:-92px; width:179px; height:70px; background:url(../images/content/bg-info-effect6-m.png) no-repeat; background-size:179px auto}
    .section-specialize.magazine .magazine-info ul.high li:nth-child(4):after {top:210px; left:50%; margin-left:89px; width:40px; height:42px; background:url(../images/content/bg-info-effect7-m.png) no-repeat; background-size:40px auto}

    /** 자유학기제 **/
    .section-freesemester section.content .sub-section ~ .sub-section {margin-top:15px}
    .section-freesemester section.content .sub-section h4 {padding-bottom:10px; font-size:14px; background:url(../images/content/bg-title-check-m.png) 0 3px no-repeat; background-size:10px auto}
    .section-freesemester .box-sort {margin-top:15px}
    .section-freesemester .box-intro {margin-top:15px; padding:12px 16px 10px; font-size:13px; word-wrap:break-word; word-break:keep-all}
    .section-freesemester .box-intro span {display:inline}
    .section-freesemester .box-intro2 {padding:13px 18px 10px; line-height:1.6em; font-size:12px; word-wrap:break-word; word-break:keep-all}
    .section-freesemester .list-dotted ul li {font-size:12px; word-wrap:break-word; word-break:keep-all}
    .section-freesemester .list-dotted ul li:after {top:7px}
    .section-freesemester .list-dotted ul li ~ li {margin-top:2px}
    .section-freesemester .list-dotted ul li span {display:inline}
    .section-freesemester .tbl-basic.media table tbody tr {padding-top:37px; padding-bottom:14px}
    .section-freesemester .tbl-basic.media table tbody tr td.tit {width:100%}
    .section-freesemester .tbl-basic.media table tbody tr td.link {display:none}
    .section-freesemester .tbl-basic.media table tbody tr td.tit .period {padding-top:5px}
    .section-freesemester .btns-submit .btn-gray {display:none}
    /* 의미와 목적 */
    .section-freesemester.meaning .sub-section {padding:0}
    .section-freesemester.meaning .list-push-purpose {padding:15px 0 10px}
    .section-freesemester.meaning .list-push-purpose ul li {float:none; width:100%; height:auto}
    .section-freesemester.meaning .list-push-purpose ul li ~ li {margin-top:12px; padding-top:16px}
    .section-freesemester.meaning .list-push-purpose ul li ~ li:after {content:""; top:-2px; left:50%; margin-top:0; margin-left:-2px}
    .section-freesemester.meaning .list-push-purpose ul li strong {padding-top:48px; font-size:14px}
    .section-freesemester.meaning .list-push-purpose ul li.li1 strong {background:url(../images/content/ico-push-purpose1-m.png) 50% 0 no-repeat; background-size:40px auto}
    .section-freesemester.meaning .list-push-purpose ul li.li2 strong {background:url(../images/content/ico-push-purpose2-m.png) 50% 0 no-repeat; background-size:40px auto}
    .section-freesemester.meaning .list-push-purpose ul li.li3 strong {background:url(../images/content/ico-push-purpose3-m.png) 50% 0 no-repeat; background-size:40px auto}
    .section-freesemester.meaning .list-push-purpose ul li div.cont {margin-top:3px; font-size:13px}
    /* 방향 및 운영 */
    .section-freesemester.direction section.content header.content {margin-bottom:15px}
    .section-freesemester.direction .sub-section {padding:0 20px}
    .section-freesemester.direction .list-direction > ul > li {height:auto; line-height:initial; padding:10px 0; text-align:center}
    .section-freesemester.direction .list-direction > ul > li ~ li {margin-top:15px}
    .section-freesemester.direction .list-direction > ul > li span.tit {vertical-align:initial; width:auto; padding-bottom:8px; line-height:1.57em; font-size:14px}
    .section-freesemester.direction .list-direction > ul > li span.tit strong.num {width:auto; padding-right:5px; /* margin-top:-2px; */ text-align:left; line-height:1.16em; font-size:19px}
    .section-freesemester.direction .list-direction > ul > li .list-dotted {display:block; padding:0 20px; vertical-align:initial; text-align:left}
    .section-freesemester.direction .tbl-edu-form {display:none}
    .section-freesemester.direction .tbl-edu-form-m {display:block; margin-top:15px; padding:0 20px 10px; border:1px solid #eaeaea; box-sizing:border-box}
    .section-freesemester.direction .tbl-edu-form-m .edu-form ~ .edu-form {border-top:1px solid #eaeaea}
    .section-freesemester.direction .tbl-edu-form-m .edu-form strong.tit {display:block; padding:62px 0 5px; line-height:1.57em; text-align:center; font-weight:bold; font-size:14px; letter-spacing:-0.05em}
    .section-freesemester.direction .tbl-edu-form-m .edu-form.form1 strong.tit {color:#4c97dd; background:url(../images/content/ico-edu-form1-m.png) 50% 15px no-repeat; background-size:40px auto}
    .section-freesemester.direction .tbl-edu-form-m .edu-form.form2 strong.tit {color:#45b0ba; background:url(../images/content/ico-edu-form2-m.png) 50% 15px no-repeat; background-size:40px auto}
    .section-freesemester.direction .tbl-edu-form-m .edu-form.form3 strong.tit {color:#f26868; background:url(../images/content/ico-edu-form3-m.png) 50% 15px no-repeat; background-size:40px auto}
    .section-freesemester.direction .tbl-edu-form-m .edu-form .cont {border-top:1px solid #eaeaea}
    .section-freesemester.direction .tbl-edu-form-m .edu-form .cont:after {content:""; display:block; clear:both}
    .section-freesemester.direction .tbl-edu-form-m .edu-form .cont span.tit {float:left; display:inline-block; width:47px; padding:8px 0 0 5px; vertical-align:top; text-align:left; font-weight:bold; font-size:13px; color:#272728; box-sizing:border-box}
    .section-freesemester.direction .tbl-edu-form-m .edu-form .cont .list-dotted {float:left; display:inline-block; width:calc(100% - 47px); padding:5px 0; vertical-align:top; text-align:left; box-sizing:border-box}
    .section-freesemester.direction .list-activity-form {padding:0 20px}
    .section-freesemester.direction .list-activity-form > ul > li {padding:15px 0 10px; text-align:center}
    .section-freesemester.direction .list-activity-form > ul > li span.tit {width:89px; height:27px; line-height:27px; margin-right:0; margin-bottom:7px}
    .section-freesemester.direction .list-activity-form > ul > li .cont {display:block; vertical-align:initial; text-align:left; line-height:1.53em; font-size:13px; word-wrap:break-word; word-break:keep-all}
    .section-freesemester.direction .list-activity-form > ul > li .cont span {display:inline}
    /* 관련 뉴스 */
    .section-freesemester.news-list section.content header.content {border-bottom:none}
    .section-freesemester.news-list .tbl-basic table tbody tr {padding-top:14px}
    .section-freesemester.news-list .tbl-basic table tbody tr td {padding:7px 20px 0 54px}
    .section-freesemester.news-list .tbl-basic table tbody tr td.num {display:block; position:absolute; top:50%; left:20px; margin-top:-7px; padding:0}
    .section-freesemester.news-list .tbl-basic table tbody tr td.tit {padding-top:0}
    .section-freesemester.news-list .tbl-basic table tbody tr td.nodata {padding:100px 0}
    /* 관련 뉴스 상세 */
    .section-freesemester.news-detail .tbl-format table {border-bottom:none}
    /* 자유/교과활동자료 */
    .section-freesemester.activity-data .intro-content {margin:15px 20px 5px}
    .section-freesemester.activity-data .tbl-basic.media {border-top:none}
    .section-freesemester.activity-data .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-freesemester.activity-data .tbl-basic.media table tbody td.tit .detail {padding-top:4px}
    .section-freesemester.activity-data .tbl-basic.media table tbody td.tit .detail a {font-size:12px}
    /* 관련 사이트 */
    .section-freesemester.relation-site .box-sort {margin-top:15px; margin-bottom:5px}
    .section-freesemester.relation-site .top-state {display:block; padding:10px 20px; border-bottom:1px solid #eaeaea; background:none}
    .section-freesemester.relation-site .top-state > span {padding:0; font-size:13px; vertical-align:middle}
    .section-freesemester.relation-site .tbl-basic.media {border-top:none}
    .section-freesemester.relation-site .tbl-basic.media.multi tbody tr {padding:15px 20px 14px}
    .section-freesemester.relation-site .tbl-basic.media table tbody td.tit {padding-left:0}
    .section-freesemester.relation-site .tbl-basic.media table tbody td.tit .detail {padding-top:5px}
    .section-freesemester.relation-site .tbl-basic.media table tbody td.tit .detail a {font-size:12px}

    /** 검색 **/
    .section-search .cont-section {width:100%; padding:0 0 60px}
    .section-search .search-area {padding:15px 20px 12px}
    .section-search .search-area > p {padding-top:15px; font-size:13px}
    .section-search .search-area > p {padding-top:15px; font-size:13px}
    .section-search .search-area .frm-search {display:block}
    .section-search .search-area .frm-search input[type="text"] {width:calc(100% - 56px); height:40px}
    .section-search .search-area .frm-search input[type="text"] + a {width:56px; height:40px; line-height:40px; font-size:14px}
    .section-search .box-sort {margin-top:15px}
    .section-search .btns-basic.large {display:none}
    .section-search .select-tab-mobile {padding:0 20px; background:none}
    .section-search .search-section .result-section {margin-top:15px; padding:0; border:none}
    .section-search .search-section .result-section .head {height:30px; margin:0 20px 5px}
    .section-search .search-section .result-section .head h4 {display:inline-block; padding-top:11px; padding-bottom:0; font-size:14px}
    .section-search .search-section .result-section .head h4:after {top:16px}
    .section-search .search-section .result-section .head a.more {top:0; width:64px; height:30px; line-height:30px}
    .section-search .search-section .result-section .tbl-basic.media.book tbody td.tit {padding:0}
    .section-search .search-area .frm-search .auto-keyword {top:40px}
    .section-search .search-area .frm-search .auto-keyword ul li {padding:5px 20px}
    .section-search .search-area .frm-search .auto-keyword ul li:first-child {padding-top:12px}
    .section-search .search-area .frm-search .auto-keyword ul li:last-child {padding-bottom:12px}
    .section-search .search-area .frm-search .auto-keyword ul li a {font-size:13px}
    /* 검색 결과 */
    .section-search .search-section.nodata {padding:0 20px}
    .section-search .search-section.nodata .cap-nodata {padding:15px 20px; word-wrap:break-word; word-break:keep-all}
    .section-search .search-section.nodata .cap-nodata > p {padding-top:53px; line-height:1.37em; font-size:14px; background:url(../images/common/bg-tbl-nodata-m.png) 50% 0 no-repeat; background-size:40px auto}
    .section-search .search-section.nodata .cap-nodata ul {margin-top:10px; padding:0 20px}
    .section-search .search-section.nodata .cap-nodata ul li {line-height:1.43em; font-size:12px}
    .section-search .search-section.nodata .cap-nodata ul li ~ li {margin-top:5px}
    .section-search .search-section.nodata .cap-nodata ul li p {display:inline; line-height:inherit}
    .section-search .search-section.nodata .recomm-words {padding-top:15px}
    .section-search .search-section.nodata .recomm-words .cont {float:none; width:100%}
    .section-search .search-section.nodata .recomm-words .cont ~ .cont {margin-left:0; margin-top:15px}
    .section-search .search-section.nodata .recomm-words .cont strong {font-size:14px}
    .section-search .search-section.nodata .recomm-words .cont ul {margin-top:10px; padding:15px 20px; column-count:1}
    .section-search .search-section.nodata .recomm-words .cont ul li {padding:0}
    .section-search .search-section.nodata .recomm-words .cont ul li a {font-size:13px}
    .section-search .search-section.nodata .recomm-words .cont ul li ~ li {margin-top:10px}
    .section-search .search-section.nodata .recomm-words .cont ul li span {width:17px; height:17px; line-height:17px; margin-right:5px; font-size:11px}
    .section-search .search-section.nodata .recomm-words .cont ul li a:hover {font-weight:normal; color:#606060}
    .section-search .search-section.nodata .recomm-words .cont ul li a:hover span {background:#a0a0a0}
    .section-search .search-section.nodata .recomm-words .cont ul li:nth-child(5) ~ li {padding-left:0}
    .section-search .search-section.nodata .center {margin-top:15px; padding:18px 25px 19px; text-align:center; font-size:0}
    .section-search .search-section.nodata .center p {margin-bottom:7px; padding:0 20px; line-height:1.43em; font-size:13px; word-wrap:break-word; word-break:keep-all}
    .section-search .search-section.nodata .center .btns {float:none; display:inline-block}
    .section-search .search-section.nodata .center .btns a {font-size:12px; border-right:1px solid #e0e0e0}

    /** 로그인 **/
    .section-join header.head-section {display:block; text-align:center; border:none; background:#f46061}
    .section-join header.head-section h2 {padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    .section-join header.head-section .path {display:none}
    .section-join.login .cont-section div.content {padding:0}
    .section-join.login .login-content {border:none; border-bottom:1px solid #e0e0e0}
    .section-join.login .login-content .img {display:none}
    .section-join.login .login-content .frm-login {float:none; padding:0 0 15px}
    .section-join.login .login-content .frm-login .cap-mobile {display:block; line-height:1.55em; padding:12px 0 11px; font-size:12px; color:#666; text-align:center}
    .section-join.login .login-content .frm-login .cap-mobile span {display:block; line-height:1.5em}
    .section-join.login .login-content .frm-login .inp {margin-bottom:7px; padding:0 20px}
    .section-join.login .login-content .frm-login .inp ul {width:100%}
    .section-join.login .login-content .frm-login .inp ul li ~ li {margin-top:5px}
    .section-join.login .login-content .frm-login .inp ul li strong {display:none}
    .section-join.login .login-content .frm-login .inp ul li input[type="text"],
    .section-join.login .login-content .frm-login .inp ul li input[type="password"] {float:none; width:100% !important}
    .section-join.login .login-content .frm-login .inp ul li.chk {margin-top:6px; padding-left:0; color:#8f8f8f}
    .section-join.login .login-content .frm-login .inp ul li.chk label {font-size:12px}
    .section-join.login .login-content .frm-login .inp ul li.chk label ~ label {margin-left:15px}
    .section-join.login .login-content .frm-login .inp a.login {width:90px; height:71px; line-height:71px; margin-left:5px}
    .section-join.login .login-content .frm-login .caution {width:calc(100% - 40px); height:62px; margin:0 20px; padding:15px 0; text-align:center; border-bottom:none; background:none}
    .section-join.login .login-content .frm-login .caution:before {height:100%; margin-left:-4px}
    .section-join.login .login-content .frm-login .caution p {height:auto; padding-left:40px; font-size:12px; word-wrap:break-word; word-break:keep-all; text-align:left; background:url(../images/common/bg-notice-key-m.png) 0 center no-repeat; background-size:30px auto}
    .section-join.login .login-content .frm-login .find-links {display:block; width:calc(100% - 40px); margin:0 20px; padding:0; text-align:center; border-top:1px solid #e0e0e0}
    .section-join.login .login-content .frm-login .find-links a.btn-lwht {display:inline-block; width:auto; height:auto; line-height:1.3em; padding-right:12px; font-size:12px; border:none; background:url(../images/content/bg-arrow-join-m.png) right 11px no-repeat; background-size:4px auto}
    .section-join.login .login-content .frm-login .find-links a.btn-lwht ~ a.btn-lwht {margin-left:26px}
    .section-join.login .login-content .frm-login .find-links a.join {display:none}
    .section-join.login .login-content .frm-login .find-links a.btn-home {display:block; height:35px; line-height:35px; font-size:13px; color:#fff; border:1px solid #0b3653; background:#0b3653}
    .section-join.login .note-center {display:block}
    .section-join.login .note-center {padding:24px 0 20px; text-align:center}
    .section-join.login .note-center > p > span.tit {display:inline-block; line-height:20px; font-size:13px; color:#262626; vertical-align:bottom}
    .section-join.login .note-center > p > strong {display:inline-block; margin-left:10px; font-family:'Co Headline Corp'; font-weight:normal; font-size:22px; color:#e83a33; vertical-align:middle}
    .section-join.login .note-center > p > span.time {display:block; margin:7px 0 0; font-size:12px; color:#6b6b6b; letter-spacing:0; vertical-align:bottom}
    .section-join.login .note-center > p > span.time > span {margin-left:5px; font-size:12px; color:#6b6b6b}
    .section-join.login .note-center .btns {padding-top:10px; font-size:0}
    .section-join.login .note-center .btns a {display:inline-block; width:111px; height:30px; line-height:30px; font-weight:bold; color:#7b7b7b; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box}
    .section-join.login .note-center .btns a ~ a {margin-left:-1px}
    .section-join.login .note-center .btns a span {line-height:30px; font-size:12px}
    .section-join.login .mobile-cap {display:block; margin:0 20px; padding:12px 0 10px; /*border-top:1px solid #e0e0e0*/}
    .section-join.login .mobile-cap p {line-height:1.3em; color:#757575; text-align:center}
    .section-join.login .mobile-cap p span {display:block; line-height:1.3em}
    .section-join .cont-section div.content.type2 {padding:0 0 60px}
    .section-join .btns-basic.large {display:none}
    .section-join .find-ways ul {display:none}
    .section-join .find-ways {padding:13px 0 11px}
    .section-join .find-ways p {padding-bottom:0; line-height:1.47em; font-size:13px; word-wrap:break-word; word-break:keep-all}
    .section-join select,
    .section-join input:not([type=checkbox]):not([type=radio]) {width:100% !important; font-size:15px; line-height:31px}
    .section-join .tbl-format.join table tbody tr th {padding-top:15px; font-size:13px}
    .section-join .tbl-format.join table tbody tr td {padding-top:9px; padding-bottom:12px}
    .section-join .tbl-format.join table tbody tr td a {width:100%; margin-left:0; margin-top:10px}
    .section-join .tbl-format.join table tbody td .alert {display:block; margin-left:0; margin-top:7px; padding-left:14px; font-size:12px; text-indent:-14px; line-height:1.38em; word-wrap:break-word; word-break:keep-all}
    .section-join .tbl-format.join table tbody td.phone {font-size:0}
    .section-join .tbl-format.join table tbody td.phone input[type="text"] {width:calc(33.3% - 50px / 3) !important}
    .section-join .tbl-format.join table tbody td.phone .hyphen {margin:0 10px; vertical-align:top; letter-spacing:0}
    .section-join .m-sub-desc {display:block; padding:25px 66px; font-size:13px; font-weight:normal; line-height:1.47em; text-align:center; word-wrap:break-word; word-break:keep-all; border-top:1px solid #eaeaea; background:#f7f7f7}
    .section-join.find-id header.head-section h2,
    .section-join.find-pw header.head-section h2 {display:none}
    .section-join.find-id header.head-section h2.m,
    .section-join.find-pw header.head-section h2.m {display:block}
    .section-join.find-id .find-ways p.pc,
    .section-join.find-pw .find-ways p.pc {display:none}
    .section-join.find-id .find-ways p.m,
    .section-join.find-pw .find-ways p.m {display:block}
    .section-join.find-pw.set-pw .find-ways {padding:25px 0}
    .section-join.find-pw.set-pw .bx-notice {margin-top:0; padding:30px 20px 24px; border-top:none; background:url(../images/common/bg-notice-key-m.png) 50% 30px no-repeat; background-size:40px auto}
    .section-join.find-pw.set-pw .bx-notice ul {margin-left:0; margin-top:55px}
    .section-join.find-pw.set-pw .bx-notice ul li {padding-left:10px; line-height:1.43em; font-size:12px; word-wrap:break-word; word-break:keep-all}
    .section-join.find-pw.set-pw .bx-notice ul li:after {content:""; top:8px; left:0}
    .section-join.find-pw.set-pw .bx-notice ul li ~ li {margin-top:7px}
    .section-join .compl-notice {margin:15px 20px 0; padding:30px 20px 24px}
    .section-join .compl-notice > strong {line-height:1.5em; word-wrap:break-word; word-break:keep-all}
    .section-join.find-id .compl-notice {margin-top:15px}
    .section-join.find-id .compl-notice > strong {display:none}
    .section-join.find-id .compl-notice > strong.m {display:block}
    .section-join.find-id .compl-notice .info ul li ~ li {margin-top:10px}
    .section-join.find-id .compl-notice .info ul li strong,
    .section-join.find-id .compl-notice .info ul li span {font-size:13px}
    .section-join.find-pw .compl-notice {margin-top:15px}

    /* 고객센터 */
    .section-customer .search-area {margin:0 0 5px; padding:15px 20px; border-bottom:none}
    .section-customer .search-area select {float:none; width:100% !important; margin-bottom:5px; background:#fff url(../images/common/bg-select-m.png) right center no-repeat; background-size:27px 4px}
    .section-customer .search-area .select-title {width:100% !important; margin-bottom:5px}
    .section-customer .search-area input[type="text"] {width:calc(100% - 74px) !important; margin-left:0}
    .section-customer .search-area input[type="text"] + a {width:64px}
    .section-customer .btns-basic.large {display:none}
    .section-customer .board-content table tbody td .type strong {display:inline-block; margin-right:3px}
    /* 공지사항 */
    .section-customer.notice-list .top-state {display:block; height:35px; line-height:35px; padding-left:20px; border-bottom:1px solid #eaeaea; box-sizing:border-box}
    .section-customer.notice-list .top-state > span {padding:0; font-size:13px; vertical-align:middle}
    .section-customer.notice-list .tbl-basic table tbody tr td {padding:7px 20px 0 60px}
    .section-customer.notice-list .tbl-basic table tbody tr td:not(.tit) {text-align:left}
    .section-customer.notice-list .tbl-basic table tbody tr td:not(.nodata) {padding-top:4px; padding-bottom:0}
    .section-customer.notice-list .tbl-basic table tbody tr td.num {display:block; position:absolute; top:50%; left:30px; margin-top:-7px; padding:0}
    .section-customer.notice-list .tbl-basic table tbody tr.top td.num {left:20px; margin-top:-8px}
    .section-customer.notice-list .tbl-basic table tbody tr td.sort {padding-top:0}
    .section-customer.notice-list .tbl-basic table tbody tr td.tit a {position:relative; max-width:83%; box-sizing:border-box}
    .section-customer.notice-list .tbl-basic table tbody tr td.tit a .badge-new {position:absolute; top:0; right:0}
    .section-customer.notice-list .tbl-basic table tbody tr td.count {display:none}
    .section-customer.notice-list .tbl-basic table tbody tr td.nodata {padding:100px 0}
    /* 이벤트 */
    .section-customer.event-list .top-state {display:block; height:36px; line-height:36px; margin-top:5px; padding-left:20px; border-bottom:1px solid #eaeaea; box-sizing:border-box}
    .section-customer.event-list .top-state > span {padding:0; font-size:13px; vertical-align:middle}
    .section-customer.event-list .tbl-basic.media {border-top:none}
    .section-customer.event-list .tbl-basic.media tbody td.tit {padding-left:0}
    .section-customer.event-list .tbl-basic.media tbody td.thumb.img img {display:none}
    .section-customer.event-list .tbl-basic.media tbody td.thumb.img img.m {display:block}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody tr {padding-bottom:13px}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit {width:calc(100% - 90px)}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit .period {padding-top:3px}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit .period strong {display:none}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit .period strong + span {margin-left:0}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit .period strong + span:after {content:""; display:none}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit + td {position:relative}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit + td a.present {position:absolute; top:4px; right:0; z-index:1; width:76px; height:27px; font-size:12px}
    .section-customer.event-list .event-content + .event-content .tbl-basic.media tbody td.tit + td a.present span {line-height:27px}
    .section-customer.event-list .event-content + .event-content + .event-content .tbl-basic table tbody tr td {padding:7px 20px 0 54px}
    .section-customer.event-list .event-content + .event-content + .event-content .tbl-basic table tbody tr td.num {display:block; position:absolute; top:50%; left:20px; margin-top:-7px; padding:0}
    .section-customer.event-list .event-content + .event-content + .event-content .tbl-basic table tbody tr td.tit {padding-top:0}
    .section-customer.event-list .event-content + .event-content + .event-content .tbl-basic table tbody tr td.nodata {padding:100px 0}
    .section-customer.event-list .board-content table tbody td .type strong {display:inline-block; margin-right:3px}
    /* 이벤트 - 상세 */
    .section-customer.event-detail .board-content .tbl-format table thead th .date {display:none}
    .section-customer.event-detail .board-content .tbl-format table tbody td {padding:0}
    .section-customer.event-detail .board-content .tbl-format table tbody td .type {width:100%}
    .section-customer.event-detail .board-content .tbl-format table tbody td .type span {display:block; width:100%; height:34px; line-height:34px; padding:0 20px; box-sizing:border-box}
    .section-customer.event-detail .board-content .tbl-format table tbody td .type span ~ span {margin-left:0; border-top:1px solid #eaeaea}
    .section-customer.event-detail .board-content .tbl-format table tbody td .type span ~ span:after {content:""; display:none}
    /* 설문조사 */
    .section-customer.survey-list section.content header.content {border-bottom:none}
    .section-customer.survey-list .top-state {display:block; height:36px; line-height:36px; padding-left:20px; box-sizing:border-box}
    .section-customer.survey-list .top-state > span {padding:0; font-size:13px; vertical-align:middle}
    .section-customer.survey-list .tbl-basic.media tbody td.tit {width:calc(100% - 90px); padding-left:0}
    .section-customer.survey-list .tbl-basic.media tbody td.tit .period strong {display:none}
    .section-customer.survey-list .tbl-basic.media tbody td.tit .period strong + span {margin-left:0}
    .section-customer.survey-list .tbl-basic.media tbody td.tit .period strong + span:after {content:""; display:none}
    .section-customer.survey-list .tbl-basic.media tbody td.tit + td {position:relative}
    .section-customer.survey-list .tbl-basic table tbody tr td span.badge {position:absolute; top:8px; right:0; z-index:1}
    /* 설문조사 */
    .section-customer.survey-detail .board-content .tbl-format table tbody td {padding:0}
    .section-customer.survey-detail .board-content .tbl-format table tbody td .type {width:100%}
    .section-customer.survey-detail .board-content .tbl-format table tbody td .type span {display:block; width:100%; height:34px; line-height:34px; padding:0 20px; box-sizing:border-box}
    .section-customer.survey-detail .board-content .tbl-format table tbody td .type span ~ span {margin-left:0; border-top:1px solid #eaeaea}
    .section-customer.survey-detail .board-content .tbl-format table tbody td .type span ~ span:after {content:""; display:none}
    .section-customer.survey-detail .board-content .board-detail .inner {padding:0}
    .section-customer.survey-detail .board-content .board-detail .inner img {display:none}
    .section-customer.survey-detail .board-content .board-detail .inner img.img-m {display:block}
    .section-customer.survey-detail .board-content .board-answer .tbl-basic.row table thead th {border-top:1px solid #ebdede}
    .section-customer.survey-detail .board-content .board-answer .detail .inner {padding:30px 20px}
    .section-customer.survey-detail .survey-img ul li.etc label {box-sizing:border-box}
    .section-customer.survey-detail .survey-img ul li.etc textarea {width:100%}
    /* 이용팁 */
    .section-customer.useway-list .tip-content {margin-top:0}
    .section-customer.useway-list .tip-content .tip-detail h4 + .desc {height:auto; line-height:1.3em; padding:8px 0}
    /* 자주하는 질문 */
    .section-customer.customer-faq .select-tab-mobile {padding:10px 20px; background:none}
    .section-customer.customer-faq .top-state {display:block; height:36px; line-height:36px; padding-left:20px; border-bottom:1px solid #eaeaea; box-sizing:border-box}
    .section-customer.customer-faq .top-state > span {padding:0; font-size:13px; vertical-align:middle}
    .section-customer.customer-faq .tbl-basic table tbody tr {padding:13px 0 11px}
    .section-customer.customer-faq .tbl-basic table tbody tr td:not(.nodata) {padding:0 20px 0 54px; font-size:13px}
    .section-customer.customer-faq .tbl-basic table tbody tr td.num {display:block; position:absolute; top:50%; left:20px; margin-top:-7px; padding:0; text-align:center}
    .section-customer.customer-faq .tbl-basic table tbody tr td.sort {text-align:left}
    .section-customer.customer-faq .tbl-basic table tbody tr td.tit {padding-top:3px}
    .section-customer.customer-faq .tbl-basic table tbody tr.answer {padding:0; border-bottom:none}
    .section-customer.customer-faq .tbl-basic table tbody tr.answer td {padding:0}
    .section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont {padding:15px 20px; font-size:12px}
    .section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont p {word-wrap:break-word; word-break:break-all; font-size:12px}

    /** 풋터 **/
    .section-footer .cont-section > div.content.type2 {padding:50px 90px 70px}
    .section-footer header.head-section {display:block; margin-bottom:15px; text-align:center; border:none; background:#f46061}
    .section-footer header.head-section h2 {padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    .section-footer header.head-section .path {display:none}
    .section-footer .cont-section > div.content.type2 {padding:0 20px 60px}
    /* 이용약관/개인정보처리방침 */
    .section-footer .agree-content .accd-agree section header.info-terms {display:none}
    /* .section-footer .agree-content .accd-agree section header.info-terms {height:auto; line-height:1em; margin-bottom:0; padding-bottom:16px} */
    .section-footer .agree-content .accd-agree section header.info-terms:after {content:""; display:block; position:absolute; left:-20px; bottom:0; width:calc(100% + 40px); height:1px; background:#eaeaea}
    .section-footer .agree-content .accd-agree section header.info-terms span.date {display:block; font-size:13px}
    .section-footer .agree-content .accd-agree section header.info-terms select {width:100% !important; margin-top:15px; padding:0 20px}
    .section-footer .agree-content .accd-agree section header.info-terms .select-title {position:static; margin-top:15px; padding:0 20px}
    .section-footer .agree-content .accd-agree section .cont {margin-top:15px}
    .section-footer .agree-content .accd-agree section .cont .inner {height:auto; padding:20px 20px 0}
    .section-footer .agree-content .accd-agree section .cont .inner .head-tit {font-size:15px}
    .section-footer .agree-content .accd-agree section .cont .inner .tit {font-size:14px; line-height:1.3em}
    .section-footer .agree-content .accd-agree section .cont .inner .sub-tit {font-size:12px; line-height:1.3em}
    .section-footer .agree-content .accd-agree section .cont .inner p,
    .section-footer .agree-content .accd-agree section .cont .inner ul li {line-height:1.6em; font-size:11px; word-wrap:break-word; word-break:keep-all}
    /* .section-footer .agree-content .accd-agree section .cont .inner p span,
    .section-footer .agree-content .accd-agree section .cont .inner ul li span {display:inline} */
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner p:first-child {font-size:12px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner strong.tit {margin-top:15px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic + strong.tit {margin-top:5px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner strong.tit + .tbl-basic {padding:0 0 10px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .sub-tit ~ .sub-tit {margin:0 0 5px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table {width:100%; display:table; table-layout:initial}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table thead {display:table-header-group}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table thead th {padding:8px 0; line-height:1.4em}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody {display:table-row-group}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr {display:table-row}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr th {display:table-cell; font-size:12px; word-wrap:break-word; word-break:keep-all}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td {display:table-cell; padding:9px 10px 9px 10px; font-size:12px; border-bottom:1px solid #eaeaea; word-wrap:break-word; word-break:keep-all}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.date {padding:9px 0; text-align:center}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.txt-c {padding:9px 0}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy {padding:15px 0 0}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul {width:100%; padding:10px 0 10px 10px; background:#fff; box-sizing:border-box}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul li {line-height:1.38em; font-size:13px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul li ~ li {margin-top:7px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example {padding:10px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example span.exam {float:none; margin-bottom:5px}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example ul {float:none; padding-left:0}
    .section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example ul li ~ li {margin-top:0}

    /** 유틸리티 **/
    /* 이용혜택 */
    .section-utility.use-benefit header.head-section {display:block; margin-bottom:15px; text-align:center; border:none; background:#f46061}
    .section-utility.use-benefit header.head-section h2 {padding:12px 0 11px; font-weight:bold; font-size:14px; color:#fff}
    .section-utility.use-benefit header.head-section .path {display:none}
    .section-utility.use-benefit .cont-section {padding:0 20px 60px}
    .section-utility.use-benefit .sub-section ~ .sub-section {padding-top:15px}
    .section-utility.use-benefit .sub-section h4 {padding-bottom:10px; font-size:14px}
    .section-utility.use-benefit .tbl-guide-grade {display:none}
    .section-utility.use-benefit .tbl-guide-grade-m {display:block; padding:0 20px 5px; border:1px solid #ecdede; box-sizing:border-box}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form ~ .grade-form {border-top:1px solid #ecdede}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form:after {content:""; display:block; clear:both}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form strong.tit {float:left; margin-right:15px; padding:58px 0 10px; line-height:1em; text-align:center; font-family:"Co Headline Corp"; font-weight:bold; font-size:16px; color:#e83a33; letter-spacing:-0.05em}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form.level1 strong.tit {background:url(../images/content/bg-level1-large-m.png) 50% 15px no-repeat; background-size:25px auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form.level2 strong.tit {background:url(../images/content/bg-level2-large-m.png) 50% 15px no-repeat; background-size:25px auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form.level3 strong.tit {background:url(../images/content/bg-level3-large-m.png) 50% 15px no-repeat; background-size:25px auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form.level4 strong.tit {background:url(../images/content/bg-level4-large-m.png) 50% 15px no-repeat; background-size:25px auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form.level5 strong.tit {background:url(../images/content/bg-level5-large-m.png) 50% 15px no-repeat; background-size:25px auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont {position:relative; float:right; width:calc(100% - 80px); padding:10px 0 10px 64px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont ~ .cont {border-top:1px solid #ecdede}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont:after {content:""; display:block; clear:both}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont span.tit {display:inline-block; position:absolute; top:50%; left:5px; margin-top:-7px; font-weight:bold; font-size:13px; color:#272728}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .list-dotted ul li {position:relative; padding-left:10px; line-height:1em; font-size:12px; color:#595959; letter-spacing:-0.05em}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .list-dotted ul li ~ li {margin-top:7px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .list-dotted ul li:after {content:""; position:absolute; left:0; top:4px; width:3px; height:3px; border-radius:100%; background:#d1d1d1}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit {display:inline-block; width:95px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon {display:inline-block; width:95px; height:38px; background:url(../images/content/bg-coupon-small2-m.png) no-repeat; background-size:100% auto}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon:after {content:""; display:block; clear:both}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon div {float:left; display:block; width:41%; height:38px; text-align:center}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon div:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon div ~ div {width:59%; padding-left:10px; text-align:left}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon strong {margin-left:3px; font-family:"Co Headline Corp"; font-size:16px; color:#ff8482; letter-spacing:0; vertical-align:middle}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon strong span {font-size:9px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon p {display:inline-block; line-height:1.23em; font-weight:bold; font-size:10px; color:#ff8482; vertical-align:middle}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit .coupon + img {margin-top:5px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .benefit img {display:block; width:100%}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont .list-dotted {width:95px}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form .cont {width:calc(75% - 20px)}
    .section-utility.use-benefit .tbl-guide-grade-m .grade-form strong.tit {width:25%}
    .section-utility.use-benefit .list-guide {padding:13px 15px}
    .section-utility.use-benefit .list-guide .bann {float:none; width:100%}
    .section-utility.use-benefit .list-guide .bann img {display:none}
    .section-utility.use-benefit .list-guide .bann img.mobile {display:block}
    .section-utility.use-benefit .list-guide ul {float:none; width:100%; margin-left:0; padding-top:10px}
    .section-utility.use-benefit .list-guide ul li {line-height:1.53em; font-size:13px; word-wrap:break-word; word-break:keep-all}
    .section-utility.use-benefit .list-guide ul li:after {content:""; top:8px}
    .section-utility.use-benefit .list-guide ul li span.call {display:block; margin-left:0; padding-top:4px; padding-left:22px; background:url(../images/content/bg-ico-call-m.png) 0 3px no-repeat; background-size:17px auto}
    /* YBM 교과서 */
    #header.ybm-textboox-main {width:100%; height:26px; padding:0 13px}
    #header.ybm-textboox-main .inner {width:100%}
    #header.ybm-textboox-main h1 {float:left; margin-left:0; padding-top:0}
    #header.ybm-textboox-main h1 a {height:15px}
    #header.ybm-textboox-main .links a {height:18px; line-height:27px}
    #header.ybm-textboox-main .inner {width:100%}
    .section-utility.ybm-textbook .nav-scroll {display:none}
    .section-utility.ybm-textbook .textbook-section .inner {width:100%}
    .section-utility.ybm-textbook .textbook-section.sec1 {height:398px; background:url(../images/content/bg-ybmtext1.jpg) 22% 0 no-repeat; background-size:cover}
    .section-utility.ybm-textbook .textbook-section.sec2 {height:398px; background:url(../images/content/bg-ybmtext2.jpg) 58% 0 no-repeat; background-size:cover}
    .section-utility.ybm-textbook .textbook-section.sec3 {background:url(../images/content/bg-ybmtext3.jpg) 0 0 no-repeat; background-size:cover}
    .section-utility.ybm-textbook .textbook-section.sec1 .inner {padding:59px 33px 0}
    .section-utility.ybm-textbook .textbook-section.sec1 h3 {font-size:23px}
    .section-utility.ybm-textbook .textbook-section.sec1 h3 span {display:inline}
    .section-utility.ybm-textbook .textbook-section.sec1 h3 span.m {display:block; line-height:1.15em}
    .section-utility.ybm-textbook .textbook-section.sec1 h3 strong em:after {top:-4px; width:3px; height:3px; border-radius:3px}
    .section-utility.ybm-textbook .textbook-section.sec1 p {line-height:1.4em; padding-top:9px; font-size:13px}
    .section-utility.ybm-textbook .textbook-section.sec1 p span {line-height:1.4em}
    .section-utility.ybm-textbook .textbook-section.sec2 .inner {padding:49px 26px 0}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul {display:inline-block; width:100%; margin:0}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li {float:left; position:relative; width:calc(50% - 9px); height:98px; margin:0; color:#fff; border-right:2px solid #fc8888; border-bottom:2px solid #fc8888; box-sizing:border-box}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:nth-child(2n) {margin-left:18px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:nth-child(2n) ~ li {margin-top:18px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:after {width:calc(100% - 40px); height:2px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:before {width:2px; height:27px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info {margin-left:0}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info .num {font-size:20px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info p {padding-top:3px;font-size:10px}
    .section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info p.sub {line-height:1.3em; padding:3px 5px 0 13px; font-size:7px}
    .section-utility.ybm-textbook .textbook-section.sec3 {padding:0}
    .section-utility.ybm-textbook .textbook-section.sec3 .inner {padding:0}
    .section-utility.ybm-textbook .textbook-section .wrap-cont {padding:13px}
    .section-utility.ybm-textbook .textbook-section.sec3 .head {padding:47px 0}
    .section-utility.ybm-textbook .textbook-section.sec3 .head h4 {padding-bottom:10px; font-size:17px}
    .section-utility.ybm-textbook .textbook-section.sec3 .head h4 + p {font-size:8px}
    /* .section-utility.ybm-textbook .tab-sortbox a {height:20px; line-height:20px; font-size:9px}
    .section-utility.ybm-textbook .tab-sortbox a span {line-height:18px}
    .section-utility.ybm-textbook .tab-sortbox a ~ a {margin-left:4px} */
    .section-utility.ybm-textbook .textbook-section .wrap-cont {padding:0; border-bottom:1px solid #eaeaea}
    /* .section-utility.ybm-textbook .box-sort {width:100%; margin:0} */
    .section-utility.ybm-textbook .list-subject .title {position:relative; height:40px; line-height:40px; padding:0 20px; font-size:11px; background:#f7f7f7}
    .section-utility.ybm-textbook .list-subject .title .toggle {display:inline-block; position:absolute; right:0; top:0; width:40px; height:40px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-arrow-toggle-down.png) 50% 50% no-repeat; background-size:12px auto}
    .section-utility.ybm-textbook .list-subject .title.open .toggle {background:url(../images/content/bg-arrow-toggle-up.png) 50% 50% no-repeat; background-size:12px auto}
    .section-utility.ybm-textbook .list-subject ~ .list-subject {padding-top:0}
    .section-utility.ybm-textbook .list-subject:after {display:none}
    .section-utility.ybm-textbook .list-subject ul {display:none; margin:0; padding:0 27px 20px; border-top:1px solid #eaeaea}
    .section-utility.ybm-textbook .list-subject ul li {width:50%; margin-top:20px; padding:0; border-top:none; text-align:center}
    .section-utility.ybm-textbook .list-subject ul li:nth-child(1),
    .section-utility.ybm-textbook .list-subject ul li:nth-child(2) {margin-top:17px}
    .section-utility.ybm-textbook .list-subject ul li:nth-child(5n) {padding-right:0}
    .section-utility.ybm-textbook .list-subject ul li a {width:100px}
    .section-utility.ybm-textbook .list-subject ul li a .img img {height:131px}
    .section-utility.ybm-textbook .list-subject ul li strong {font-size:8px}
    .section-utility.ybm-textbook .list-subject ul li .year {width:22px; height:15px; line-height:15px; font-size:6px}
    #header.ybm-textboox-detail-main .inner {width:100%; margin:0 auto}
    #header.ybm-textboox-detail-main .inner.head {width:100%; height:26px; padding:0 13px}
    #header.ybm-textboox-detail-main h1 {float:left; margin-left:0; padding-top:0}
    #header.ybm-textboox-detail-main h1 a {height:15px}
    #header.ybm-textboox-detail-main .links a {height:18px; line-height:27px}
    #header.ybm-textboox-detail-main .bx-desc {height:130px; padding:45px 0 0 33px}
    #header.ybm-textboox-detail-main .bx-desc .desc {font-size:15px}
    #header.ybm-textboox-detail-main .bx-desc .sub {line-height:1.2em; padding-top:3px; font-size:10px}
    #header.ybm-textboox-detail-main .bx-desc .sub span {display:block; line-height:1.2em}
    #container.ybm-textbook-detail {width:100%}
    #container.ybm-textbook-detail .cont-section {padding:0  0 30px}
    .section-utility.ybm-textbook-detail .btns-basic.large {margin-top:1px}
    .section-utility.ybm-textbook-detail .btns-basic.large a {flex:50%; -webkit-flex:50%; -ms-flex:50%; height:27px; margin-top:-1px; font-size:8px; border:none}
    .section-utility.ybm-textbook-detail .btns-basic.large a span {line-height:25px}
    .section-utility.ybm-textbook-detail .btns-basic.large a:after {content:""; position:absolute; left:0; right:0; top:0; height:100%; border:1px solid #cecece; box-sizing:border-box}
    .section-utility.ybm-textbook-detail .btns-basic.large a.active:after {height:100%; border-color:#e87978}
    .section-utility.ybm-textbook-detail .info-section {margin-top:15px}
    .section-utility.ybm-textbook-detail .detail-book {margin-bottom:20px; text-align:center}
    .section-utility.ybm-textbook-detail .detail-book {margin:0; padding:15px 20px}
    .section-utility.ybm-textbook-detail .detail-book .rel,
    .section-utility.ybm-textbook-detail .detail-book > .info {margin:0}
    .section-utility.ybm-textbook-detail .detail-book > .info .img { width:100px}
    .section-utility.ybm-textbook-detail .detail-book > .info .img .reg {display:none}
    .section-utility.ybm-textbook-detail .detail-book > .info > .img .year {width:22px; height:15px; line-height:15px; font-size:6px}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont strong {font-size:13px; text-align:left}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont {width:100%; min-height:126px; padding:0 0 0 110px}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont > ul {height:70px; margin-top:8px}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont > ul > li {padding-left:5px; word-wrap:break-word; word-break:break-all; text-align:left; line-height:1.5em; font-size:9px}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont > ul > li ~ li {margin-top:3px}
    .section-utility.ybm-textbook-detail .detail-book > .info .cont > ul > li:after {top:6px; width:2px; height:2px}
    .section-utility.ybm-textbook-detail .detail-book > .info .notice {left:110px; bottom:inherit; top:90px}
    .section-utility.ybm-textbook-detail .detail-book > .info .notice ul li {font-size:8px; text-align:left}
    .section-utility.ybm-textbook-detail .detail-book > .info .notice ul li.pc {display:none}
    .section-utility.ybm-textbook-detail .detail-book > .info .notice ul li.m {display:block}
    .section-utility.ybm-textbook-detail .detail-book > .info .more-info {display:none}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links {display:inline-block; position:static; padding-top:16px; text-align:center}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links:after {content:""; display:block; clear:both}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a {width:55px; padding-top:52px; font-size:9px}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a ~ a {margin-left:11px}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book1 {background:url(../images/content/ico-book1-1-large-m.png) 50% 0 no-repeat; background-size:46px auto}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book2 {background:url(../images/content/ico-book2-1-large-m.png) 50% 0 no-repeat; background-size:46px auto}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book3 {background:url(../images/content/ico-book3-1-large-m.png) 50% 0 no-repeat; background-size:46px auto}
    .section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book4 {background:url(../images/content/ico-book4-1-large-m.png) 50% 0 no-repeat; background-size:46px auto}
    .section-utility.ybm-textbook-detail .info-section .tbl-basic table tbody tr td.tit {margin-top:-3px; padding:0 20px 0 45px}
    .section-utility.ybm-textbook-detail .info-section .tbl-basic table tbody tr td.tit span {margin-right:5px}
    .section-utility.ybm-textbook-detail .info-section .tbl-basic table tbody tr td:not(.nodata) {padding-top:0; padding-bottom:0}
    .section-utility .tab-sortbox {display:none}
    .section-utility .button-mobile-menu {display:block; position:fixed; right:0; top:26px; z-index:10; width:34px; height:34px; font-size:0; text-indent:-9999em; background:#0f3653 url(../images/content/bg-menu-mobile.png) 50% 50% no-repeat; background-size:17px auto}
    .section-utility .sortbox-mobile {display:none; overflow:hidden; position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; background:rgba(0, 0, 0, .7); -webkit-overflow-scrolling:touch}
    .section-utility .sortbox-mobile .inner {overflow:auto; position:absolute; right:-300px; top:0; bottom:0; width:300px; height:100%; padding-bottom:27px; background:#fff}
    .section-utility .sortbox-mobile .inner .head {height:27px; padding:0 10px; border-bottom:1px solid #dbdbdb}
    .section-utility .sortbox-mobile .inner .head .close {float:right; width:27px; height:27px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-close.png) 50% 50% no-repeat; background-size:11px auto}
    .section-utility .sortbox-mobile .inner .set .grade {display:block; position:relative; height:47px; line-height:47px; padding-left:15px; font-weight:500; font-size:13px; color:#000; border-bottom:1px solid #dbdbdb; box-sizing:border-box}
    .section-utility .sortbox-mobile .inner .set .grade .toggle {float:right; position:relative; width:47px; height:47px; font-size:0; text-indent:-9999em}
    .section-utility .sortbox-mobile .inner .set .grade .toggle:after {content:""; position:absolute; left:50%; top:50%; width:11px; height:1px; margin-left:-5px; background:#3c4552}
    .section-utility .sortbox-mobile .inner .set .grade .toggle:before {content:""; position:absolute; left:50%; top:50%; width:1px; height:11px; margin-top:-5px; background:#3c4552}
    .section-utility .sortbox-mobile .inner .set .grade.active .toggle:before {display:none}
    .section-utility .sortbox-mobile .inner .set .booklist {padding:0 15px; border-bottom:1px solid #dbdbdb; background:#fafafa}
    .section-utility .sortbox-mobile .inner .set .booklist .box {padding:20px 0 20px}
    .section-utility .sortbox-mobile .inner .set .booklist .box ~ .box {border-top:1px solid #dbdbdb}
    .section-utility .sortbox-mobile .inner .set .booklist .box .subj {display:block; font-size:12px; color:#0f3653}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul {margin-top:-8px; padding-top:10px}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul:after {content:""; display:block; clear:both}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul > li {float:left; position:relative; width:50%; margin-top:15px; padding-left:5px}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul > li > a {line-height:1.3em; font-size:11px; color:#515151}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul > li:after {content:""; position:absolute; left:0; top:5px; width:2px; height:2px; border-radius:2px; background:#d1d1d1}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul > li.on > a {color:#ff5c5c}
    .section-utility .sortbox-mobile .inner .set .booklist .box > ul > li.on:after {background:#ff5c5c}
    .section-utility .sortbox-mobile .inner .set .booklist .box.type2:after {content:""; display:block; clear:both}
    .section-utility .sortbox-mobile .inner .set .booklist .box.type2 > ul {float:left; width:50%}
    .section-utility .sortbox-mobile .inner .set .booklist .box.type2 > ul > li {float:none; width:100%}

    /* 에러 */
    /* 404 페이지 */
    .section-utility.error404 .head-section {display:block; height:37px; text-align:center; background:#f05a62}
    .section-utility.error404 .head-section h2 {line-height:37px; padding:0; font-weight:bold; font-size:14px; color:#fff; text-indent:0}
    .section-utility.error404 .cont-section {padding:15px 20px 75px}
    .section-utility.error404 .compl-notice {padding:25px 0}
    .section-utility.error404 .compl-notice strong {padding-top:60px; background:url(../images/common/bg-error-m.png) center 0 no-repeat; background-size:40px auto}
    .section-utility.error404 .compl-notice p {line-height:1.4em; padding-top:7px}
    .section-utility.error404 .compl-notice p span.m {display:block; line-height:1.4em}

    /* 알럿창 */
    .popup-alert .popup-section {width:100%; height:100%}
    .popup-alert .popup-content {padding-top:25px}
    .popup-alert .popup-content .alert-area {padding:60px 15px 0; font-size:12px; background:url(../images/common/bg-notice-m.png) center 0 no-repeat; background-size:40px auto}
    .popup-alert .popup-content .alert-area strong {font-weight:bold; font-size:14px; color:#2f2f2f}
    .popup-alert .popup-content .alert-area > p {padding:4px 0 11px; line-height:1.65em; color:#656565}
    .popup-alert .popup-content .alert-area > p > span {display:block; line-height:1.65em}
    .popup-alert .popup-content .alert-area > span.file {display:inline-block; padding:6px 20px 5px; color:#3d3d3d; border:1px solid #ddd; background:#f2f2f3}
    .popup-alert .popup-content .alert-area + .btns-submit {margin-top:20px}
    .popup-alert.confirm .popup-section {width:100%}

    /* 미리보기 */
    .popup-preview .popup-section {width:100%; height:100%}

    /* 스마트교실 메인 */
    .smartclass-main .main-inner {width:100%}
    .smartclass-main .header {height:75px; padding:30px 0}
    .smartclass-main .header h2 {float:none}
    .smartclass-main .header .today,
    .smartclass-main .header .link {display:none}
    .smartclass-main .main-content {padding-bottom:42px}
    .smartclass-main .main-content .section {padding:0 10px}
    .smartclass-main .main-content .section ~ .section {margin-top:10px}
    .smartclass-main .main-content .section .sec {float:none; padding:30px 20px}
    .smartclass-main .main-content .section .sec ~ .sec {margin-left:0; margin-top:10px}
    .smartclass-main .main-content .section .sec h3 {padding-bottom:11px}
    .smartclass-main .main-content .section .sec h3 .add {right:-16px; background:url(../images/content/bg-plus-darkgray-m.png) center no-repeat; background-size:10px auto}
    .smartclass-main .main-content .section .sec1,
    .smartclass-main .main-content .section1 .sec2,
    .smartclass-main .main-content .section1 .sec3,
    .smartclass-main .main-content .section2 .sec2 {width:100%}
    .smartclass-main .main-content .section1 .sec,
    .smartclass-main .main-content .section2 .sec,
    .smartclass-main .main-content .section1 .cont:first-child {height:auto}
    .smartclass-main .main-content .section3,
    .smartclass-main .main-content .section4 {display:none}
    .smartclass-main .main-content .slick-prev {background:url(../images/common/arrow-slide-left-on-m.png) center no-repeat; background-size:8px auto}
    .smartclass-main .main-content .slick-prev.slick-disabled {background:url(../images/common/arrow-slide-left-m.png) center no-repeat; background-size:8px auto}
    .smartclass-main .main-content .slick-next {background:url(../images/common/arrow-slide-right-on-m.png) center no-repeat; background-size:8px auto}
    .smartclass-main .main-content .slick-next.slick-disabled {background:url(../images/common/arrow-slide-right-m.png) center no-repeat; background-size:8px auto}
    .smartclass-main .main-content .section .sec .bx-note {padding:18px 0 16px}
    .smartclass-main .main-content .section .sec .bx-note p {line-height:1.4em}
    .smartclass-main .main-content .section .sec .bx-note p > span {display:block; line-height:1.4em}
    .smartclass-main .main-content .section1 .sec1 a.help {display:none}
    .smartclass-main .main-content .section1 .sec1 h3 .add-book span {display:inline-block}
    .smartclass-main .main-content .section1 .sec1 .btns-purpose {position:static; margin-top:20px; padding-top:20px; border-top:1px solid #e0e0e0}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .slick-prev {left:-22px}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .slick-next {right:-22px}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner .tbook .img .delete {display:none}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset {margin:35px -10px -20px}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area {display:none}
    /* .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area select {width:100% !important; height:40px; padding:0 17px; font-weight:bold; font-size:14px; color:#2f2f2f; border-color:#ff5c5c}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area .select-title {width:100% !important} */
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile {display:block}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .selected {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 17px; line-height:38px; font-weight:bold; font-size:14px; color:#2f2f2f; border:1px solid #ff5c5c}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .list-area .inner {padding:6px 20px}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn {display:block; font-weight:bold; font-size:15px; color:#393939; text-align:center; border-bottom:1px solid #e0e0e0; background:#f4f4f4}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn span {position:relative; line-height:40px; padding-left:16px}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn span:after {content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:10px; height:2px; background:#757575}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn span:before {content:""; position:absolute; left:4px; top:50%; margin-top:-5px; width:2px; height:10px; background:#757575}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn span.close {display:none}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile .btn span.close:before {display:none}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.open .btn span {display:none}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.open .btn span.close {display:inline-block}
    /* .select-option.custom-main {margin-left:0; margin-top:0; width:100% !important; border:1px solid #e0e0e0 !important}
    .select-option.custom-main.upper {margin-top:0}
    .select-option.custom-main ul li:first-child {border-top:none}
    .select-option.custom-main span, .select-option.custom-main strong {padding:11px 11px 12px} */
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .inp a {overflow:hidden; text-overflow:ellipsis; padding-right:15px; white-space:nowrap; background:url(../images/common/ico-menu-blk-m.png) right center no-repeat; background-size:15px auto}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .inp.open a {background:url(../images/common/ico-menu-pink-m.png) right center no-repeat; background-size:15px auto}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area {position:static}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list {overflow:auto; height:auto}
    .smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list .inner ul li {line-height:1.8em}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose {margin-top:9px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook {padding:17px 20px 30px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook > strong {display:block; line-height:1.5em; padding-bottom:11px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook > strong > span {display:block; line-height:1.5em}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-prev {left:-20px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-next {right:-20px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select input[type="radio"] + label {width:calc(33.33% + 1px)}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select {max-height:216px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected {padding-right:20px; text-align:center}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected span {overflow:hidden; width:116px; height:146px; margin-right:0}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected span img {width:100%}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected strong {display:block; padding-top:10px; font-size:15px}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .btns-purpose {margin-top:0; padding-top:20px; border-top:none}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .btns-purpose .btns {padding-top:0}
    .smartclass-main .main-content .section1 .sec1 .textbook-add .btns-purpose .btns a {width:186px; font-size:15px}
    .smartclass-main .main-content .section1 .sec1 .btns-purpose .btns a {font-size:13px}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper {margin-top:30px}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner {height:auto}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .img {display:inline-block}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper {margin:0 30px}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper strong {font-size:16px}
    .smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper:hover .hover {display:none}
    .smartclass-main .main-content .section1 .sec2 .cont .nodata ul li ~ li {margin-top:8px}
    .smartclass-main .main-content .section1 .sec2 .cont .nodata .btns-submit {margin-top:15px}
    .smartclass-main .main-content .section1 .sec2 .cont .nodata .btns-submit a {width:120px; font-size:15px}
    .smartclass-main .main-content .section1 .sec2 .cont2 {padding-top:30px}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner {width:100%; height:auto}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan {margin:0 25px; border:none; background:none}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .img {display:inline-block; float:none; border:1px solid #d9d9d9}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page {float:none; margin-top:20px; width:100%; border:1px solid #d9d9d9; background:#ededed}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li:after {content:""; display:block; clear:both}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li a {float:left; padding-right:0; max-width:calc(100% - 27px)}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li a:hover {color:#757575; background:#ededed}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li .my {float:left; position:static; background:url(../images/content/bg-ico-my-m.png) center no-repeat; background-size:19px auto}
    .smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .slick-arrow {top:50px; margin-top:0}
    .smartclass-main .main-content .section1 .sec3 .cont1 h3 .level1 {background:url(../images/content/bg-level1-m.png) 0 50% no-repeat; background-size:16px auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 h3 .level2 {background:url(../images/content/bg-level2-m.png) 0 50% no-repeat; background-size:16px auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 h3 .level3 {background:url(../images/content/bg-level3-m.png) 0 50% no-repeat; background-size:16px auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 h3 .level4 {background:url(../images/content/bg-level4-m.png) 0 50% no-repeat; background-size:16px auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 h3 .level5 {background:url(../images/content/bg-level5-m.png) 0 50% no-repeat; background-size:16px auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 .desc {line-height:1.5em; padding:0 22px}
    .smartclass-main .main-content .section1 .sec3 .cont1 .desc span {line-height:1.5em}
    .smartclass-main .main-content .section1 .sec3 .cont1 .bann a {display:none}
    .smartclass-main .main-content .section1 .sec3 .cont1 .bann a.mobile {display:block}
    .smartclass-main .main-content .section1 .sec3 .cont1 .bann a.mobile img {width:100%}
    .smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon {margin-bottom:28px}
    .smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .inner {width:100%; height:auto}
    .smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .inner a {display:inline-block}
    .smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon {width:100%; background:url(../images/content/bg-coupon-small-m.png) no-repeat; background-size:100% 100%}
    .smartclass-main .main-content .section1 .sec3 .cont2 {padding-top:30px}
    .smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer {margin-top:30px}
    .smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer strong {padding-top:88px; font-size:15px}
    .smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer a {min-width:70px}
    .smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer1 strong {background:url(../images/content/bg-list-refer1-m.png) 50% 0 no-repeat; background-size:70px auto}
    .smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer2 strong {background:url(../images/content/bg-list-refer2-m.png) 50% 0 no-repeat; background-size:70px auto}
    .smartclass-main .main-content .section2 .sec1 .recomm {background:url(../images/content/ico-like-m.png) 0 center no-repeat; background-size:32px auto}
    .smartclass-main .main-content .section2 .sec1 .article .img {height:auto}
    .smartclass-main .main-content .section2 .sec1 .article .img img {display:none}
    .smartclass-main .main-content .section2 .sec1 .article .img img.m {display:block}
    .smartclass-main .main-content .section2 .sec1 .article p {overflow:hidden; height:140px; padding-top:0; padding-left:15px; text-overflow:ellipsis}
    .smartclass-main .main-content .section2 .sec1 .article p span {height:auto}
    .smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div {height:38px}
    .smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div strong {font-size:16px}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell {position:relative}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner {height:auto}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner div {line-height:1.2em; padding:9px 3px; font-size:12px}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {position:static !important; text-overflow:inherit; white-space:normal; word-break:break-all; width:auto}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].person,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].school,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].common {background:none}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h1 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h2 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h3 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h4 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h5 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h6 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h7 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h8 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h9 .inner,
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h10 .inner {padding:0}
    .smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner div.today {top:-1px; right:0; bottom:-1px; left:0; width:auto; height:auto}

    /* 리딩락 팝업 */
    .popup-reading .popup-section {width:100%}
    .popup-reading .info-area {padding-top:33px}
    .popup-reading .info-area .tit {display:block; line-height:1.6em; padding:75px 30px 0; font-weight:bold; font-size:14px; color:#2f2f2f; text-align:center; background:url(../images/content/logo-app-reading.png) 50% 0 no-repeat; background-size:64px auto}
    .popup-reading .info-area ul {text-align:center}
    .popup-reading .info-area ul li {line-height:1.5em; margin-top:18px; font-size:12px; color:#656565; word-break:keep-all}
    .popup-reading .info-area ul li strong {display:block; padding-bottom:5px}
    .popup-reading .btns-submit {margin-top:30px}
    .popup-reading .btns-submit a {width:104px}
    /* 뷰어 */
    .popup-viewer {padding-top:0px}
    .popup-viewer header {position:sticky; left:0; top:0; right:0; z-index:1}
    .popup-viewer,
    .popup-viewer .popup-content,
    .popup-viewer .popup-content .aside {height:auto}
    .popup-viewer .popup-content .head {height:auto; padding:10px 0 10px;}
    .popup-viewer .popup-content .head .options {position:absolute; left:0; top:0; right:0; padding:20px; background:#f1f1f1; border-bottom:1px solid #c8ccce; display: none;}
    .popup-viewer .popup-content .head .options input[type="checkbox"] + label {width:50%; height:40px; line-height:38px; box-sizing:border-box; background-color:#fff}
    .popup-viewer .popup-content .head .options input[type="checkbox"] + label:after {float:right; margin:0; margin-top:9px}
    .popup-viewer .popup-content .head .options select {width:50% !important; height:40px; background-color:#fff}
    .popup-viewer .popup-content .head .depth {width:calc(100% - 40px)}
    .popup-viewer .popup-content .head h2 {width: 90%; font-size:20px; line-height:1.5em; }
    .popup-viewer .popup-content .head .arrow {top:140px}
    .popup-viewer .popup-content .head .arrow.prev {left:0}
    .popup-viewer .popup-content .head .arrow.next {right:0}
    /*.popup-viewer .popup-content .view {display:none}*/
    .popup-viewer .popup-content .aside {float:none; width:auto; margin:0; border:0; padding-top:50px}
    .popup-viewer .popup-content .aside h3 a {line-height:50px}
    .popup-viewer .popup-content .aside .area ul {padding:20px}
    .popup-viewer .popup-content .aside .area ul li ~ li {margin-top:10px}
    .popup-viewer .popup-content .aside .search .form {height:auto; padding:20px; border-bottom:1px solid #eaeaea}
    .popup-viewer .popup-content .aside .search .result {height:auto}
    .popup-viewer .popup-content .aside .search .result ul {padding-top:0}
    .popup-viewer .popup-content .aside .search .result .length {padding:0 20px}
    .popup-viewer .popup-content .aside .search .nodata {margin-top:40px; padding-bottom:40px}
    .popup-viewer .popup-content .aside .search .nodata p {font-size:20px}
    .popup-viewer .popup-content .aside .search .nodata p br {display:block}
    .popup-viewer .popup-content .aside .search .nodata ul {padding:10px; padding-top:0}
    .popup-viewer .popup-content .aside .search .nodata ul li {font-size:14px; line-height:20px}
    .popup-viewer .popup-content .aside .search .form input[type="text"] {width:calc(100% - 92px) !important}
    .popup-viewer-mobile {height:100%; background:#fff}
    .popup-viewer-mobile .popup-content {height:calc(100% - 45px); padding-bottom:0}
    .popup-viewer-mobile .popup-content .file img {display:block; width:100%}
    .popup-viewer-mobile .popup-content .file.audio {height:100%; text-align:center}
    .popup-viewer-mobile .popup-content .file.audio:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
    .popup-viewer-mobile .popup-content .file.audio audio {display:inline-block; vertical-align:middle}
    /*.popup-viewer-mobile .popup-bottom {position:fixed; left:0; bottom:0; right:0; padding:20px 0; text-align:center; background:#fff}*/
    .popup-viewer-mobile .popup-bottom {display: none;}
    .popup-viewer-mobile .popup-bottom .paginate {margin:0 0 0 0; left:auto}
    .popup-viewer-mobile .popup-content .view.one-content {margin: 0; width: 100%; height: 100%; border: 0; overflow: hidden;}
    .popup-viewer-mobile .popup-content .view .control {border:1px solid #d6d6d6; background:#fff; z-index: 11;}
    .popup-viewer-mobile .popup-content .view .control .btn ~ .btn {float: none; margin: 0;}
    .popup-viewer-mobile .popup-content .view .control .btn:(:first-child) {border-top:1px solid #d6d6d6; }
    .popup-viewer-mobile .popup-content .view .control .btn input {border:0; display:block; width:48px; height:48px; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 31px}
    .popup-viewer-mobile .popup-content .view .control .btn input.in {background-image:url(../images/content/ico-zoom-in-m.png)}
    .popup-viewer-mobile .popup-content .view .control .btn input.out {background-image:url(../images/content/ico-zoom-out-m.png)}
    .popup-viewer-mobile .popup-content .view .control .btn.c { display: none;}
    .popup-viewer-mobile .popup-content .view .control .btn.v { display: none;}
    .popup-viewer-mobile .popup-content .view .control .btn.h { display: none;}
    .popup-viewer-mobile .popup-content .view .control .btn.f { display: none;}
    .popup-viewer-mobile .popup-content .view .paginate .pageInfo .currentPage {font-size: 15px; line-height:31px; background-color: transparent;}
    .popup-loading:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
    .popup-viewer-mobile.full {padding-bottom:0}
    .popup-viewer .popup-content .view .btn > input[type="button"]:hover + .tooltip,
    .popup-viewer .popup-content .view .btn > input[type="button"]:focus + .tooltip {display:none}

    /* main */
    .main-container .main-bann-pc {display:none;}
    .main-container .main-bann-pc img {display:none}
    .main-container .main-bann-m {display:block; position:relative; height: auto; width: auto;}
    .main-container .main-bann-m .slide-adv {left:0; bottom:-1px; right:0; overflow:hidden;}
    .main-container .main-bann-m .slide-adv:after {content:""; display:block; clear:both}
    .main-container .main-bann-m .slide-adv .adv {float:left; position:relative; width:100%}
    .main-container .main-bann-m .slide-adv .adv img.m {display:block; width: 100%;}
    .main-container .main-bann-m .slide-adv .slick-dots {position:absolute; left:28px; bottom:20px}
    .main-container .main-bann-m .slide-adv .slick-dots li {float:left}
    .main-container .main-bann-m .slide-adv .slick-dots li ~ li {margin-left:7px}
    .main-container .main-bann-m .slide-adv .slick-dots li button {display:inline-block; width:13px; height:13px; font-size:0; text-indent:-9999em; border-radius:100%; background:#fff}
    .main-container .main-bann-m .slide-adv .slick-dots li.slick-active button {background:#0f3653}
    .main-container .main-bann .close {top:20%; width:27px; height:26px; margin-top:-13px; background:url(../images/content/btn-bann-close-m.png) center no-repeat; background-size:27px auto}
    .main-container .body-content {border:none}
    .main-container .body-content > div {float:none; height:auto; padding:30px 20px}
    .main-container .body-content > div h2 {font-size:18px; text-align:left; border-bottom:1px solid #e0e0e0}
    .main-container .body-content > div ~ div {border-left:none; border-top:1px solid #eaeaea}
    .main-container .body-content .when-teaching {width:100%}
    .main-container .body-content .when-teaching h2 {padding-bottom:10px}
    .main-container .body-content .when-teaching .range.class {padding-top:15px}
    .main-container .body-content .when-teaching .range.subject,
    .main-container .body-content .when-teaching .range.book,
    .main-container .body-content .when-teaching .range.purp {display:none}
    /* .main-container .body-content .when-teaching .range.class .select {display:none}
    .main-container .body-content .when-teaching .range.class .select.mobile {display:block} */
    .main-container .body-content .popup-teaching {overflow:auto; padding:0; border:none}
    .main-container .body-content .popup-teaching .popup-section {width:100%}
    .main-container .body-content .popup-teaching .popup-section .when-teaching {padding:30px 20px; background:#fff}
    .main-container .body-content .popup-teaching .popup-section .range.subject,
    .main-container .body-content .popup-teaching .popup-section .range.book,
    .main-container .body-content .popup-teaching .popup-section .range.purp {display:block}
    .main-container .body-content .popup-teaching .popup-section .range h4 {padding-bottom:10px; font-size:15px; color:#2f2f2f}
    .main-container .body-content .popup-teaching .popup-section .range .wrap-select {position:static}
    .main-container .body-content .popup-teaching .popup-section .range:not(.class) .select {display:block}
    .main-container .body-content .popup-teaching .popup-section .range .selected strong {font-size:14px}
    .main-container .body-content .popup-teaching .popup-section .range .reset {right:0; top:0; margin-top:0; background:url(../images/content/ico-reset-m.png) 50% 50% no-repeat; background-size:15px auto}
    .main-container .body-content .popup-teaching .popup-section .range.class {padding-top:0}
    .main-container .body-content .popup-teaching .popup-section .range.subject .wrap-select .select {position:relative}
    .main-container .body-content .popup-teaching .popup-section .range.subject .select input[type="radio"] + label {width:calc(33.33% + 1px); line-height:40px}
    .main-container .body-content .popup-teaching .popup-section .range.subject.pass .wrap-select .select {position:absolute; top:25px; z-index:2}
    .main-container .body-content .popup-teaching .popup-section .range.book .select {height:213px}
    .main-container .body-content .popup-teaching .popup-section .range.book .selected {padding-right:20px; text-align:center}
    .main-container .body-content .popup-teaching .popup-section .range.book .selected span {overflow:hidden; width:116px; height:146px; margin-right:0}
    .main-container .body-content .popup-teaching .popup-section .range.book .selected span img {width:100%}
    .main-container .body-content .popup-teaching .popup-section .range.book .selected strong {display:block; padding-top:10px; font-size:15px}
    .main-container .body-content .popup-teaching .popup-section .range.book.pass .wrap-select .select {top:25px; height:216px}
    .main-container .body-content .popup-teaching .popup-section .range.purp {position:static ; padding:0}
    .main-container .body-content .popup-teaching .popup-section .range.purp .btns a {font-size:15px}
    .main-container .body-content .when-studying {width:100%}
    .main-container .body-content .when-studying h2 {padding-bottom:10px}
    .main-container .body-content .when-studying ul {margin-left:-20px; margin-right:-20px}
    .main-container .body-content .when-studying ul:after {content:""; display:block; clear:both}
    .main-container .body-content .when-studying ul li {float:left; width:33.33%; height:auto; padding-top:20px; border-top:none}
    .main-container .body-content .when-studying ul li a {min-width:70px; line-height:1.3em; font-size:16px}
    .main-container .body-content .when-studying ul li a span {display:block; line-height:1.3em}
    .main-container .body-content .when-studying ul li.l1 a {background:url(../images/content/bg-list-study1-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l2 a {background:url(../images/content/bg-list-study2-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l3 a {background:url(../images/content/bg-list-study3-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l4 a {background:url(../images/content/bg-list-study4-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l5 a {background:url(../images/content/bg-list-study5-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l6 a {background:url(../images/content/bg-list-study6-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l7 a {background:url(../images/content/bg-list-study7-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l8 a {background:url(../images/content/bg-list-study8-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-studying ul li.l9 a {background:url(../images/content/bg-list-study9-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-wondering {width:100%}
    .main-container .body-content .when-wondering h2 {padding-bottom:10px}
    .main-container .body-content .when-wondering ul {margin-left:-20px; margin-right:-20px}
    .main-container .body-content .when-wondering ul:after {content:""; display:block; clear:both}
    .main-container .body-content .when-wondering ul li {float:left; width:33.33%; padding-top:20px; height:auto; border-top:none}
    .main-container .body-content .when-wondering ul li a {min-width:70px; line-height:1.3em; font-size:16px}
    /*.main-container .body-content .when-wondering ul li.l1 a {background:url(../images/content/bg-list-way1-m.png) center 0 no-repeat; background-size:68px auto}*/
    .main-container .body-content .when-wondering ul li.l1 a {background:url(../images/content/kakao_talk_question_round.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-wondering ul li.l2 a {background:url(../images/content/bg-list-way2-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-wondering ul li.l3 a {background:url(../images/content/bg-list-way3-m.png) center 0 no-repeat; background-size:68px auto}
    .main-container .body-content .when-myclass {width:100%; padding-top:0; padding-bottom:0}
    .main-container .body-content .when-myclass .before-cert,
    .main-container .body-content .when-myclass .after-cert,
    .main-container .body-content .when-myclass .before-login,
    .main-container .body-content .when-myclass .join-more {display:none}
    .main-container .body-content .when-myclass .guide-center {padding:31px 0 30px}
    .main-container .body-content .when-myclass .guide-center .btns {display:inline-block; margin-top:15px; text-align:center}
    .main-container .body-content .when-myclass .guide-center .btns:after {content:""; display:block; clear:both}
    .main-container .body-content .when-myclass .guide-center .btns a {float:left; width:121px}
    .main-container .body-content .when-myclass .guide-center .btns a ~ a {}
    .main-container .body-content .when-myclass .slide-adv {position:relative; height:auto}
    .main-container .body-content .when-myclass .slide-adv .adv img {display:none}
    .main-container .body-content .when-myclass .slide-adv .adv img.m {display:block}
    .main-container .box-content {display:none}
    .main-container .notice-content {display:none}

    /* 시험지 미리보기 */
    .popup-make-preview .popup-content {padding:0 0 0 0}
    .popup-make-preview .popup-content .btns {display:none}
    .popup-make-preview .popup-content ul.change {right:20px; top:65px}
    .popup-make-preview .popup-content ul.change li a {width:48px; height:auto; padding-top:38px; padding-bottom:10px; background-position:50% 10px; font-size:9px; line-height:1.2em}
    .popup-make-preview .popup-content ul.change li a br {display:block}
    .popup-make-preview .popup-content .pages {padding-bottom:10px}
    .popup-make-preview .popup-content .pages .page {padding:0 0 0 0}
    .popup-make-preview .popup-content .pages .page .img img,
    .popup-make-preview .popup-content .pages .page img {width:100%}
    .popup-make-preview .popup-content .pages h2 {font-size:15px; padding-top:12px; padding-bottom:12px; margin:0 20px; margin-bottom:0}
    .popup-make-preview .popup-content .pages.table h2 {margin-bottom:12px}
    .popup-make-preview .popup-content .pages.table .page .img {padding:0 20px}

    /* 오픈 이벤트 */
    .board-content .board-detail .inner.eventinner {padding:20px 20px 40px}
    .open-event > header {height:auto; padding:0 15px 25px; background:url(../images/content/bg-event-header-m.png) 50% -20px no-repeat; background-size:314px auto}
    .open-event > header h3 {padding-top:123px}
    .open-event > header h3 span {font-size:10px}
    .open-event > header h3 span.logo {width:77px; height:18px; font-size:0; background:url(../images/common/logo-ycloud-main.png) 0 0 no-repeat; background-size:77px auto}
    .open-event > header h3 strong {margin-left:6px; font-size:12px}
    .open-event > header .detail {padding:50px 0 0}
    .open-event > header .detail .tit {display:block; padding-bottom:15px; font-size:15px; text-align:center}
    .open-event > header .detail ul li {float:none; margin-left:0; font-size:12px}
    .open-event > header .detail ul li ~ li {margin-top:5px}
    .open-event > header .detail ul li span {width:75px; padding:0}
    .open-event .event-content {margin-top:0; padding:0 5px 15px}
    .open-event .event-content .event {padding:25px 15px; border-radius:0}
    .open-event .event-content .event ~ .event {margin-top:5px}
    .open-event .event-content .event .head {padding-bottom:23px}
    .open-event .event-content .event .head h4 {font-size:20px; text-align:center}
    .open-event .event-content .event .head h4 span {display:block; padding-top:15px}
    .open-event .event-content .event .head h4 strong {width:80px; line-height:21px; margin:0; padding:0; font-size:12px; border-width:2px}
    .open-event .event-content .event .head h4 strong em {font-size:16px}
    .open-event .event-content .event .desc {padding-top:21px}
    .open-event .event-content .event .desc p {line-height:1.5em; font-size:12px; word-break:keep-all}
    .open-event .event-content .event .desc p ~ p {margin-top:12px}
    .open-event .event-content .event .desc p.main {line-height:1.6em; font-size:16px; text-align:center}
    .open-event .event-content .event .desc p.main span {display:inline}
    .open-event .event-content .event .desc p:not(.main) span {line-height:1.5em}
    .open-event .event-content .event .desc ul {margin-top:21px}
    .open-event .event-content .event .desc ul li {padding-left:9px; font-size:12px}
    .open-event .event-content .event .desc ul li span {display:block; padding-bottom:8px}
    .open-event .event-content .event.event1 .desc {padding:171px 0 0 0; background:url(../images/content/bg-event-monitor-m.png) 50% 25px no-repeat; background-size:201px auto}
    .open-event .event-content .event.event2 .desc ul {display:block; width:auto; margin-top:15px}
    .open-event .event-content .event.event2 .desc ul li {float:none; margin-top:12px}
    .open-event .event-content .event.event2 .desc ul li span {display:inline-block; width:60px; margin-right:0; padding-bottom:0}
    .open-event .event-content .event.event2 .desc ul li:nth-child(2n) {margin-left:0}
    .open-event .event-content .event.event2 .desc ul li:nth-child(2n):before {display:none}
    .open-event .event-content .event .quiz-area {margin-top:25px; background:none}
    .open-event .event-content .event .quiz-area .quiz .mark {display:none}
    .open-event .event-content .event .quiz-area .button {float:none; padding-top:5px; text-align:center}
    .open-event .event-content .event .quiz-area .quiz strong {padding-left:0; font-size:13px}
    .open-event .event-content .event .quiz-area .quiz p {padding:10px 0 0 0; font-size:20px; white-space:nowrap}
    .open-event .event-content .event .quiz-area .quiz p .eng {font-size:32px}
    .open-event .event-content .event .quiz-area .quiz p input[type="text"] {width:30px; height:30px; font-size:20px}
    .open-event .event-content .event .quiz-area .button .btn-make {width:100%; height:40px; font-size:13px}
    .open-event .event-content .event .quiz-area .button .btn-make span {line-height:38px}
    .open-event .event-content .event .quiz-area .button .goto-reply {font-size:12px}
    .open-event .event-content .event .quiz-area .button .goto-reply:after {margin-left:10px; font-size:10px}
    .open-event .event-content .event .quiz-area .button p {padding-top:18px}
    .open-event .event-content .event.event1 .quiz-area {padding:0}
    .open-event .event-content .event.event1 .quiz-area .quiz {float:none; padding:20px; text-align:center; background:#d9dee4}
    .open-event .event-content .event.event2 .quiz-area {margin-top:20px; padding:0}
    .open-event .event-content .event.event2 .quiz-area .quiz {width:100%}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea {width:100%; height:40px; padding:9px 15px; font-size:13px; border:1px solid #ddd}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea::placeholder {font-size:13px}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea::-webkit-input-placeholder {font-size:13px}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea:-moz-placeholder {font-size:13px}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea::-moz-placeholder {font-size:13px}
    .open-event .event-content .event.event2 .quiz-area .quiz textarea:-ms-input-placeholder {font-size:13px}
    .open-event .event-content .event .sub {padding-top:30px}
    .open-event .event-content .event .sub h5 {font-size:14px}
    .open-event .event-content .event .sub.sample h5 {padding-left:28px; background:url(../images/content/bg-speaker-m.png) 0 50% no-repeat; background-size:23px auto}
    .open-event .event-content .event .sub.sample ul {display:none}
    .open-event .event-content .event .sub.sample ul.mobile {display:block; margin:0}
    .open-event .event-content .event .sub.sample ul li {float:none; display:inline-block; margin-top:9px}
    .open-event .event-content .event .sub.sample ul li .copy {width:30px; height:30px; background:url(../images/content/ico-share-m.png) 50% 50% no-repeat; background-size:14px auto}
    .open-event .event-content .event .sub.sample ul li:nth-child(2n) {margin-left:0}
    .open-event .event-content .event .sub.sample ul liv img {width:240px}
    .open-event .event-content .event .sub.note {padding-top:30px}
    .open-event .event-content .event .sub.note h5 {padding-left:17px; padding-bottom:8px; background:url(../images/content/bg-bulb-m.png) 0 3px no-repeat; background-size:11px auto}
    .open-event .event-content .event .sub.note h5 a {width:83px; font-size:11px}
    .open-event .event-content .event .sub.note ul {margin-left:0}
    .open-event .event-content .event .sub.note ul li {line-height:1.8em; padding-left:9px; font-size:11px; white-space:normal; word-break:keep-all}
    .open-event .event-content .event .sub.note ul li ~ li {margin-top:5px}
    .open-event .event-content .event .sub.note ul li:after {top:7px}
    .open-event-reply {padding-top:35px}
    .open-event-reply .tit {font-size:15px}
    .open-event-reply .tit:after {left:0; top:-15px; width:45px; height:45px; background:url(../images/content/bg-party-m.png) 0 0 no-repeat; background-size:45px auto}
    .open-event-reply .comment-content {margin-top:30px}
    .open-event-reply .comment-content .writing-area {padding:10px}
    .open-event-reply .comment-content .writing-area textarea {width:100%; height:140px; padding:15px; font-size:12px}
    .open-event-reply .comment-content .writing-area .btn {position:relative; padding-top:32px}
    .open-event-reply .comment-content .writing-area .btn .count {position:absolute; left:0; top:0; text-align:left}
    .open-event-reply .comment-content .writing-area .btn a {float:none; display:block; width:100%; height:40px; font-size:13px}
    .open-event-reply .comment-content .writing-area .btn a span {line-height:38px}
    .open-event-reply .tbl-basic {margin:0 -20px 0 -20px}
    .open-event-reply .tbl-basic table tbody tr {padding-left:20px; padding-right:20px}
    .open-event-reply .tbl-basic table tbody td {padding:0 0 5px 0; font-size:13px; color:#3d3d3d}
    .open-event-reply .tbl-basic table tbody td.name,
    .open-event-reply .tbl-basic table tbody td.date {display:inline-block; padding:0; text-align:left; font-size:12px; color:#6a6a6a}
    .open-event-reply .tbl-basic table tbody td.date {position:relative; margin-left:16px}
    .open-event-reply .tbl-basic table tbody td.date:after {content:""; position:absolute; left:-9px; top:50%; width:3px; height:3px; margin-top:-2px; background:#d5d5d5}
    .open-event-reply .paginate {margin-top:10px}

    /* 이벤트 결과 */
    .open-event.result > header {height:auto; padding-bottom:113px; background:#fadbd9 url(../images/content/bg-event-result-header-m.png) 50% -22px no-repeat; background-size:322px auto}
    .open-event.result .event-content {margin-top:-56px}
    .open-event.result > header h3 {padding-top:123px}
    .open-event.result .event-content .event {padding:25px 10px 15px}
    .open-event.result .event-content .event .head {padding-bottom:24px}
    .open-event.result .event-content .event .head h4 {font-size:20px}
    .open-event.result .event-content .event.event1 .desc {padding-left:0; padding-bottom:30px; background-size:201px auto; background-position:50% 25px}
    .open-event.result .event-content .event .desc p {line-height:1.3em; font-size:16px; text-align:center}
    .open-event.result .event-content .event .desc p span {display:inline}
    .open-event.result .event-content .event .desc p ~ p {margin-top:10px}
    .open-event.result .event-content .event .sub h5 {font-size:14px}
    .open-event.result .event-content .event .sub.note {padding-top:18px}
    .open-event.result .event-content .event .sub.list h5 {padding-left:17px; background:url(../images/content/bg-sqspeaker-m.png) 0 7px no-repeat; background-size:12px auto}
    .open-event.result .event-content .event .sub.note ul {margin-top:0}
    .open-event.result .event-content .event .sub.note ul li {padding-left:8px}
    .open-event.result .event-content .event .sub.list {padding-top:14px}
    .open-event.result .event-content .event .sub.list .bx-result {margin-top:5px; padding:15px 6px}
    .open-event.result .event-content .event .sub.list .bx-result ul li {width:25%; text-align:center}

    /* 자료 신청 */
    .material-content > header {height:415px; padding:36px; text-align:center; background:url(../images/content/bg-material-head-m.jpg) 0 0 no-repeat; background-size:cover}
    /* .material-content > header h5 > span.m {display:block; padding-top:5px; font-size:24px} */
    .material-content > header h5 {font-size:24px; line-height:1.25em; text-align:left; word-break:keep-all}
    .material-content > header h5 > span {padding-bottom:10px; font-size:20px}
    .material-content > header .subj {width:auto; height:auto; line-height:1.3em; padding:5px 16px 5px 17px; text-align:left; box-sizing:border-box}
    .material-content > header .subj .m {display:block; line-height:1.35em}
    .material-content > header .desc {padding-top:15px; font-size:14px !important; text-align:left}
    .material-content > header .desc > span {display:inline}
    .material-content > header .desc span.m {display:block}
    .material-content > header .period {padding-top:22px; text-align:left}
    /* .material-content > header .period > span {display:block; margin:6px 0 0 0} */
    .material-content > header .note {display:none}
    .material-content .list-materials .sets {padding:0; border-bottom:1px solid #eaeaea}
    .material-content .list-materials .sets .set {padding:50px 20px 30px; text-align:center}
    .material-content .list-materials .sets .set .chk {left:50%; top:20px; margin:0 0 0 -7px}
    .material-content .list-materials .sets .set .img {display:inline-block; float:none}
    .material-content .list-materials .sets .set .info {float:none; width:100%; padding-left:0}
    .material-content .list-materials .sets .set .info .tit {padding-top:20px}
    .material-content .list-materials .sets .set .info .desc {line-height:1.7em; padding-top:15px; text-align:left}
    .material-content .list-materials .sets .set .info .tit > span {display:block; margin:0 0 5px 0}
    .material-content .note.mobile {display:block; padding:30px 20px 40px; text-align:center}
    .material-content .note.mobile strong {display:inline-block; padding-top:50px; font-weight:bold; font-size:12px; color:#f96961; background:url(../images/common/bg-notice-key-m.png) 50% 0 no-repeat; background-size:42px auto}
    .material-content .note.mobile ul {margin-top:20px; text-align:left}
    .material-content .note.mobile ul li {font-size:12px; color:#f96961}
    .material-content .note.mobile ul li ~ li {margin-top:6px}
    .material-content .note.mobile ul li:before {content:"-"; margin-right:2px}
    .material-content .selected-material {position:relative; margin-bottom:54px; padding:20px 20px 30px; background:url(../images/content/bg-material-basic-m.jpg) 0 0 no-repeat; background-size:cover}
    .material-content .selected-material .selected-material-area {padding-top:15px}
    .material-content .selected-material .selected-material-area .list {float:none; overflow:hidden; width:100%; height:auto}
    .material-content .selected-material .selected-material-area .btn-register {position:absolute; bottom:-54px; left:50%; width:84px; height:33px; margin-left:-42px; font-size:13px}
    .material-content .selected-material .selected-material-area .btn-register span {line-height:31px}
    /* 자료신청 팝업 */
    .popup-apply-material .popup-section {width:100%}
    .popup-apply-material .popup-content .note {margin-top:0; padding:13px 20px 10px; background:#f7f7f7}
    .popup-apply-material .popup-content .note ul li {font-size:13px}
    .popup-apply-material .popup-content .tbl-format table tbody th {padding-top:17px; font-size:13px}
    .popup-apply-material .popup-content .tbl-format table tbody td {padding-top:9px; padding-bottom:15px}
    .popup-apply-material .popup-content .tbl-format table tbody td .alert {display:block; margin-left:0; margin-top:10px; padding-left:14px; text-indent:-14px; line-height:1.38em; word-wrap:break-word; word-break:keep-all}
    .popup-apply-material .popup-content .tbl-format table tbody td .frm-set {font-size:0}
    .popup-apply-material .popup-content .tbl-format table tbody td .frm-set a {font-size:12px}
    .popup-apply-material .popup-content .tbl-format table tbody td .frm-set input[type="text"] {width:calc(33.3% - 50px / 3) !important}
    .popup-apply-material .popup-content .tbl-format table tbody td .frm-set .hyphen {display:inline-block; margin:0 10px; vertical-align:top; font-size:14px; line-height:33px; letter-spacing:0}
    .popup-apply-material .popup-content .tbl-format table tbody tr:first-child td input[type="text"] {width:100% !important}
    .popup-apply-material .popup-content .tbl-format table tbody tr.add td .frm-set input[type="text"] {width:calc(100% - 110px) !important}
    .popup-apply-material .agree-area .bx-agree > strong {padding-bottom:11px; font-size:14px}
    .popup-apply-material .agree-area .bx-agree > ul > li {line-height:1.4em; padding-left:7px; font-size:13px; text-indent:-7px}
    .popup-apply-material .agree-area .chk-area {padding:15px 15px 35px; text-align:left}
    .popup-apply-material .agree-area .chk-area input[type="checkbox"] + label {line-height:1.9em; font-size:13px}
    .popup-apply-material .btns-submit {padding-top:20px}
    .popup-apply-material.confirm-request .list-request-books {padding-top:11px}
    .popup-apply-material.confirm-request .list-request-books > strong {display:block; padding-left:15px}

    /* 9월 이벤트 */
    .board-content .board-detail .inner.sep-event {padding-left:20px; padding-right:20px}
    .sep-event .sep-special-content {padding:0 5px 41px; background:#4788ff url(../images/content/bg-sep-event-m.png) 0 0 no-repeat; background-size:100% auto}
    .sep-event .sep-special-content header {padding:60px 0 45px}
    section.content .sub-section .sep-event .sep-special-content header h4 {font-size:13px}
    .sep-event .sep-special-content header h4 em {font-size:16px}
    .sep-event .sep-special-content header h4 em:after {top:-3px; width:3px; height:3px; margin-left:-1px; border-radius:3px}
    .sep-event .sep-special-content header h4 span {height:98px; margin-top:5px; background:url(../images/content/bg-sep-event-tit-m.png) 50% 0 no-repeat; background-size:229px auto}
    .sep-event .sep-special-content header .desc {padding:20px 0 32px; font-size:13px}
    .sep-event .sep-special-content header .desc em {font-size:15px}
    .sep-event .sep-special-content header .desc em ~ em {margin-left:10px}
    .sep-event .sep-special-content header .desc em ~ em:after {left:-6px; width:3px; height:3px; margin-top:-1px; border-radius:3px}
    .sep-event .sep-special-content header .desc span:not(.m) {display:inline}
    .sep-event .sep-special-content header .desc span.m {display:block; line-height:1.6em}
    .sep-event .sep-special-content header .detail {padding-left:0; background:none}
    .sep-event .sep-special-content header .detail > ul {display:block; margin:0 10px}
    .sep-event .sep-special-content header .detail > ul > li {line-height:1em; padding:35px 0 0; font-size:12px; text-align:center}
    .sep-event .sep-special-content header .detail > ul > li span {left:50%; width:71px; height:24px; line-height:24px; margin-left:-35px; font-size:11px}
    .sep-event .sep-special-content header .detail > ul > li ~ li {padding-top:50px}
    .sep-event .sep-special-content header .detail > ul > li > ul > li {float:left; width:50%; font-size:11px}
    .sep-event .sep-special-content header .detail > ul > li > ul > li ~ li {margin-left:0}
    .sep-event .sep-special-content header .detail > ul > li > ul > li strong {padding:59px 0 5px; font-size:12px}
    .sep-event .sep-special-content header .detail > ul > li > ul > li.prize1 strong {background:url(../images/content/img-prize-50000-m.png) 50% 0 no-repeat; background-size:102px auto}
    .sep-event .sep-special-content header .detail > ul > li > ul > li.prize2 strong {background:url(../images/content/img-prize-5000-m.png) 50% 0 no-repeat; background-size:102px auto}
    .sep-event .sep-special-content .sep-detail {margin-left:10px}
    .sep-event .sep-special-content .sep-detail .wrap {left:-5px; top:-5px; padding:15px}
    .sep-event .sep-special-content .sep-detail.event .wrap {padding-top:28px; padding-bottom:0}
    .sep-event .sep-special-content .sep-detail.event .wrap > strong.tit {height:auto; line-height:1.2em; padding:25px 0 0; font-size:18px; text-align:center; background:url(../images/content/bg-text-q-m.png) 50% 0 no-repeat; background-size:26px 19px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check {margin-top:24px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set {float:none; width:100%; padding-bottom:25px; border-radius:4px; border:1px solid #ddd; text-align:center}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .head {height:39px; line-height:39px; font-size:15px; border-top-left-radius:4px; border-top-right-radius:4px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ~ .set .head {border-left:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul {height:auto; padding:8px 15px 25px; border:none; text-align:left}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:first-child ul {border-left:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li {margin-top:15px; font-size:14px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ~ .set {margin-top:10px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ~ .set ul:before {display:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select {position:static; width:121px; margin-left:0}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc {width:100%}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc ul li {font-size:14px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion {padding-top:40px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion .tit .count {display:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion .tit {line-height:1.2em; padding-bottom:15px; font-size:15px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion textarea {height:185px}
    .sep-event .sep-special-content .sep-detail.event .wrap .btns-submit {position:relative; height:50px; margin-top:55px}
    .sep-event .sep-special-content .sep-detail.event .wrap .btns-submit .btn-join {position:absolute; left:-15px; top:0; width:calc(100% + 30px); font-size:20px; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0.45em; border-bottom-right-radius:0.45em}
    .sep-event .sep-special-content .sep-detail.notice .wrap {padding-top:20px}
    .sep-event .sep-special-content .sep-detail.notice .wrap > strong.tit {font-size:15px; background:url(../images/content/bg-notice.png) 0 50% no-repeat; background-size:17px auto}
    .sep-event .sep-special-content .sep-detail.notice .wrap .btn-check {right:15px; top:20px; width:81px; height:20px; font-size:10px}
    .sep-event .sep-special-content .sep-detail.notice .wrap .btn-check span {line-height:18px}
    .sep-event .sep-special-content .sep-detail.notice .wrap ul {margin-top:14px; padding:13px 0 5px}
    .sep-event .sep-special-content .sep-detail.notice .wrap ul li {line-height:1.5em; font-size:12px; text-indent:-7px}
    .sep-event .sep-special-content .sep-detail.notice .wrap ul li ~ li {margin-top:9px}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus {background:#f7f7f7}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active .head,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover .head,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus .head {background:#2e59a6}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active + .set .head,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover + .set .head,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus + .set .head {border-left:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:hover,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:focus {color:#777; border-bottom:none}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:hover:after,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:focus:after {background:#6d6d6d}
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select:hover,
    .sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select:focus {color:#fff; border-color:#aaa; background:none}
    /* 당첨결과 */
    .sep-event.result .sep-special-content {padding:0 5px 41px; background:#4788ff url(../images/content/bg-sep-result-m.png) 0 0 no-repeat; background-size:100% auto}
    .sep-event.result .sep-special-content header {padding:45px 0 45px}
    section.content .sub-section .sep-event.result .sep-special-content header h4 {font-size:13px}
    .sep-event.result .sep-special-content header h4 em {font-size:16px}
    .sep-event.result .sep-special-content header h4 em:after {top:-3px; width:3px; height:3px; margin-left:-1px; border-radius:3px}
    .sep-event.result .sep-special-content header h4 span {height:98px; margin-top:5px; background:url(../images/content/bg-sep-event-tit-m.png) 50% 0 no-repeat; background-size:229px auto}
    .sep-event.result .sep-special-content .sep-detail.result .wrap {padding-bottom:28px}
    .sep-event.result .sep-special-content .sep-detail.result .tit {top:-13px; width:121px; height:24px; line-height:24px; margin-left:-60px; font-size:11px}
    .sep-event.result .sep-special-content .sep-detail.result .info {line-height:1.4em; padding-top:22px; font-size:15px}
    .sep-event.result .sep-special-content .sep-detail.result .info span {display:inline}
    .sep-event.result .sep-special-content .sep-detail.result .info span.m {display:block; line-height:1.4em}
    .sep-event.result .sep-special-content .sep-detail.result .info em {font-size:18px}
    .sep-event.result .sep-special-content .sep-detail.result .info em:after {top:-3px; width:3px; height:3px; margin-left:-1px; border-radius:3px}
    .sep-event.result .sep-special-content .sep-detail.result .date span.m:after {content:""; position:absolute; left:50%; bottom:0; width:140px; height:1px; margin-left:-70px; background:#333}
    .sep-event.result .sep-special-content .sep-detail.result .extra-cap {padding-top:19px; font-size:12px}
    .sep-event.result .sep-special-content .sep-detail.result .extra-cap span.m {display:block; line-height:1.4em}
    .sep-event.result .sep-special-content .sep-detail.result .sub h5 {line-height:15px; font-size:12px}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list h5 {padding-left:20px; background:url(../images/content/ico-present-m.png) 0 50% no-repeat; background-size:15px auto}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list {padding-top:28px}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result {margin-top:10px}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul {margin-top:-12px}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul li {width:50%; margin-top:12px; padding-left:20px; font-size:12px}
    .sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul li.personal {padding:0}

    /* 앱다운로드 이벤트 */
    .board-content .board-detail .inner.app-download-event {padding-left:20px; padding-right:20px}
    .app-download-event .app-download-content header {padding-top:30px; background-size:4px auto}
    .app-download-event .app-download-content header h4 {height:128px; background:url(../images/content/bg-app-title-m.png) center 0 no-repeat; background-size:244px auto}
    .app-download-event .app-download-content header .detail {height:auto; padding:30px 15px}
    .app-download-event .app-download-content header .detail:before {display:none}
    .app-download-event .app-download-content header .detail .desc {float:none; width:100%; height:auto; padding:20px 0; text-align:center; border-radius:5px}
    .app-download-event .app-download-content header .detail .desc:after {display:none}
    .app-download-event .app-download-content header .detail .desc p {padding-left:0; font-size:13px}
    .app-download-event .app-download-content header .detail .desc > ul {margin-top:20px}
    .app-download-event .app-download-content header .detail .desc > ul > li ~ li {margin-top:20px}
    .app-download-event .app-download-content header .detail .desc > ul > li {font-size:12px}
    .app-download-event .app-download-content header .detail .desc > ul > li .tit {width:81px; height:23px; line-height:23px; margin-right:0; font-size:11px; border-radius:0.7em}
    .app-download-event .app-download-content header .detail .desc > ul > li > span:not(.tit) {display:block; padding-top:10px}
    .app-download-event .app-download-content header .detail .desc > ul > li.prize ul {float:none; width:100%}
    .app-download-event .app-download-content header .detail .desc > ul > li.prize .cont {display:block; line-height:1em; padding-top:10px}
    .app-download-event .app-download-content header .detail .desc > ul > li.prize + li {margin-top:20px}
    .app-download-event .app-download-content header .detail .desc > ul > li.prize ul li.prize1 .img {width:83px; height:40px; margin-top:10px; background:url(../images/content/img-prize-5000-m.png) 50% 0 no-repeat; background-size:83px auto}
    .app-download-event .app-download-content .detail-content {padding:30px 20px}
    .app-download-event .app-download-content .detail-content .steps .step {float:none; width:100%}
    .app-download-event .app-download-content .detail-content .steps .step ~ .step {margin-top:60px}
    .app-download-event .app-download-content .detail-content .steps .step .tit {height:78px}
    .app-download-event .app-download-content .detail-content .steps .step1 .tit {background:url(../images/content/bg-app-subtit1-m.png) 50% 0 no-repeat; background-size:211px auto}
    .app-download-event .app-download-content .detail-content .steps .step2 .tit {background:url(../images/content/bg-app-subtit2-m.png) 50% 0 no-repeat; background-size:158px auto}
    .app-download-event .app-download-content .detail-content .steps .step .cont {min-height:156px; margin-top:20px}
    .app-download-event .app-download-content .detail-content .steps .step1 .cont {padding-top:55px; background:url(../images/content/bg-app-phone-half-m.png) 50% 0 no-repeat; background-size:203px auto}
    .app-download-event .app-download-content .detail-content .steps .step2 .cont {padding-top:167px; background:url(../images/content/bg-app-phone-capture-m.png) 50% 0 no-repeat; background-size:203px auto}
    .app-download-event .app-download-content .detail-content .steps .step2 .cont:after {left:50%; top:-132px; width:20px; height:12px; margin-left:-10px; background:url(../images/content/bg-app-next-m.png) 0 0 no-repeat; background-size:20px auto; opacity:.5}
    .app-download-event .app-download-content .detail-content .steps .step .cont ul li {width:56px; padding-top:63px; font-size:10px}
    .app-download-event .app-download-content .detail-content .steps .step .cont ul li a {font-size:10px}
    .app-download-event .app-download-content .detail-content .steps .step .cont ul li ~ li {margin-left:15px}
    .app-download-event .app-download-content .detail-content .steps .step .cont ul li.goggle {background:url(../images/content/bg-qr-goggle-m.png) 50% 0 no-repeat; background-size:56px auto}
    .app-download-event .app-download-content .detail-content .steps .step .cont ul li.appstore {background:url(../images/content/bg-qr-appstore-m.png) 50% 0 no-repeat; background-size:56px auto}
    .app-download-event .app-download-content .detail-content .steps .step .cont p {font-size:14px}
    .app-download-event .app-download-content .detail-content .btns {padding-top:30px}
    .app-download-event .app-download-content .detail-content .btns .wrap-file {float:none; width:100%; text-align:center}
    .app-download-event .app-download-content .detail-content .btns .wrap-join {float:none; width:100%; text-align:center; margin:10px 0 0 0}
    .app-download-event .app-download-content .detail-content .btns .wrap-join .img {bottom:-33px; width:calc(100% - 14px); margin:0 7px 30px; border:18px solid #fff; border-radius:0.3em}
    .app-download-event .app-download-content .detail-content .btns .wrap-join .img:after {top:-32px}
    .app-download-event .app-download-content .detail-content .btns .btn-event {height:40px; line-height:40px; border-radius:1.3em}
    .app-download-event .app-download-content .detail-content .btns .btn-event.reg {width:100%; background:#3e3e3e url(../images/content/bg-app-btntxt1-m.png) 50% 50% no-repeat; background-size:164px auto}
    .app-download-event .app-download-content .detail-content .btns .btn-event.join {width:100%; margin-left:0; background:#febb5b url(../images/content/bg-app-btntxt2-m.png) 50% 50% no-repeat; background-size:60px auto}
    .app-download-event .app-download-content .app-download-notice {padding:30px 20px}
    .app-download-event .app-download-content .app-download-notice .tit {position:static; height:20px; line-height:20px; padding-left:32px; font-size:15px; background:url(../images/content/ico-speaker-m.png) 0 50% no-repeat; background-size:20px auto}
    .app-download-event .app-download-content .app-download-notice .btn-check {left:inherit; right:20px; bottom:inherit; top:30px; width:86px; height:20px; font-size:12px; border-radius:7px}
    .app-download-event .app-download-content .app-download-notice .btn-check span {line-height:18px; padding:0}
    .app-download-event .app-download-content .app-download-notice ul {margin-top:20px; padding:20px 0 0 0; border-top:1px solid #777; border-left:none}
    .app-download-event .app-download-content .app-download-notice ul li {line-height:1.5em; font-size:12px}
    .app-download-event .app-download-content.result h4 {height:94px; background:url(../images/content/bg-app-title2-m.png) center 0 no-repeat; background-size:206px auto}
    .app-download-event .app-download-content.result header .detail {height:auto; padding:30px 15px}
    .app-download-event .app-download-content.result header .detail .desc {width:100%; height:auto; padding:20px 0 25px}
    .app-download-event .app-download-content.result header .detail .desc p {line-height:1.6em; font-size:13px}
    .app-download-event .app-download-content.result header .detail .desc p ~ p {padding:0 30px; word-break:keep-all}
    .app-download-event .app-download-content.result header .detail .desc p strong {display:inline; line-height:1.6em}
    .app-download-event .app-download-content.result header .detail .desc p strong span {display:inline-block}
    .app-download-event .app-download-content.result .app-download-notice {padding:30px 20px}


    /* 190208 추가*/
    .popup-findschool .popup-section {width: 100%;}
    .popup-findschool .popup-section .search-content input[type="text"] {width: calc(100% - 95px);}
    #where-is-my-school {padding-top:13px;font-size:13px;}
    .popup-findschool .popup-section .nodata-notice.insert ul li strong {width: 100%; text-align: center;}
    .popup-findschool .popup-section .nodata-notice.insert ul li strong + input[type="text"] {width: 100%;}

    .board-content .board-detail .inner.profile-update-event {padding-left:20px; padding-right:20px}
    .profile-update-event .profile-update-content {background-size: 8% auto}
    .profile-update-event .profile-update-content header {padding:30px; background:  url(../images/content/bg-profile-event-coffee-m.png) right top no-repeat; background-size: 8% auto}
    .profile-update-event .profile-update-content header h4 {height:203px; background-size: contain; background-position: center;}
    .profile-update-event .profile-update-content .profile-update-detail {padding: 41px 10px 0 10px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title {font-size: 15px; text-align: center; padding-left: 0;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title span {display: inline;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title .line {display: block;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content {margin-right: 0;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li {font-size: 13px; background-size: 10px auto; padding-left: 30px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li strong {display: block; margin-bottom: 5px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li span {font-size: 12px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail01 {background-position: 11px 14px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail02 {background-position: 11px -49px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail03 {background-position: 11px -110px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content p {font-size: 14px; text-align: center;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns {padding: 20px 10px;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns a {font-size: 13px; width: 100%;}
    .profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns .btn-modify {margin-top: 10px;}
    .profile-update-reply .comment-content .writing-area {padding: 10px 20px;}
    .profile-update-reply .comment-content .writing-area textarea {font-size: 12px;}
    .profile-update-reply .comment-content .writing-area .btn {margin-top: 0; border: 0;}
    .profile-update-reply .comment-content .writing-area .btn a {width: 100%; font-size: 13px;}
    .profile-update-reply .comment-content .writing-area .btn .count {border: 0; font-size: 11px; padding: 10px 0 0 0;}
    .popup-profileupdate .popup-section .modify-area {padding: 20px;}
    .profile-update-event .profile-update-content.result header h4 {height:203px; background-size: contain; background-position: center;}
    .profile-update-event .profile-update-content.result .profile-update-detail {padding: 41px 10px 0 10px;}
    .profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-content ul li.detail04 {background-position: 11px -170px;}
    .profile-update-event .profile-update-content.result .profile-update-detail > p {font-size: 14px;}
    .profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-title {font-size: 15px;}


    /* 2019.04.10 추가*/
    .profile-update-event .profile-update-content02 {background-size:100% auto}
    .profile-update-event .profile-update-content02 header {padding:30px;}
    .profile-update-event .profile-update-content02 header h4 {height:203px; background-size: contain; background-position: center;}
    .profile-update-event .profile-update-content02 .profile-update-detail {padding: 0px 10px 0 10px;margin:0;}
    .profile-update-event .profile-update-content02 .profile-update-detail-title h5 {font-size:15px;}
    .profile-update-event .profile-update-content02 .profile-update-detail-content p {font-size:14px;width:100%;}
    .profile-update-event .profile-update-content02 .profile-update-btns {padding:0 10px;}
    .profile-update-event .profile-update-content02 .profile-update-btns .btn-join {width: 100%;font-size: 13px;height:40px;line-height:40px;margin:0;}
    /* 댓글목록의 수정/삭제 버튼 위치 조정*/
    .profile-update-reply .comment-content .comment-list ul li .info .btns {position: relative; float: right;}

    /* 2019.06-05 추가 */
    .profile-update-event .profile-update-content02-result h5 {font-size:16px;}
    .profile-update-event .profile-update-content02-result .txt-gift {display:block;font-size:14px;margin-top:5px;}
    .profile-update-event .profile-update-content02-result .winner_wrap  {padding:10px;}
    .profile-update-event .profile-update-content02-result .div6 {width:50%;float:left;line-height:1.2em;}
    .profile-update-event .profile-update-content02-result .txt-notice {text-align:left;font-size:14px;margin-top:10px;}

    /* 2019.04.11 추가*/
    .profile-update-event .profile-update-content03 {position:relative;}
    .profile-update-event .profile-update-content03 .sel-wrap {left:0;bottom:7px;width:auto;height:20px;margin:0 20px;}
    .profile-update-event .profile-update-content03 .sel-wrap select {line-height:16px;font-size:12px;padding-right:35px;
        background :#fff url(../images/content/event1904/btn-sel.png) no-repeat right 0px top 50%;background-size:auto 16px;border:2px solid #721e71;}
    .sel::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
    .profile-update-event .profile-update-content03 .sel-wrap select option {font-size:12px;}


    /* 퀴즈배틀이벤트 결과 : 2019.04.12 추가 */
    .profile-update-event .profile-update-content03-result {background-size:contain,auto;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content{border-width:5px;border-radius:27px;padding:15px;margin:0 10px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content::after {content:'';width:45px;height:38px;position:absolute;bottom:-38px;right:29px;background-size:45px auto;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content .label {height:15px;line-height:15px;font-size:15px;background-size:12px; padding-left:15px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul li {float:none;width:100%;font-size:12px;padding-top:7px;padding-left:8px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul li>span  {margin-left:6px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul + .label {margin-top:17px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-info {font-size:12px;text-align:left;padding:30px 110px 10px 10px;background-size:100px auto;background-position:top 20px right 10px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-info br {display:none}
    .profile-update-event .profile-update-content03-result .profile-update-detail-notice {background-size:40px auto;padding:35px 15px 10px 15px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-notice strong {height:20px;background-size:auto 20px;margin-bottom:5px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-notice li {font-size:12px;line-height:15px;padding-left:8px; }
    .profile-update-event .profile-update-content03-result .profile-update-detail-notice li::before {left:0;width:10px;height:15px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-notice li + li {margin-top:5px;}
    .profile-update-event .profile-update-content03-result .profile-update-detail-info>span{font-size:15px;}


    /* 퀴즈배틀이벤트 : 2019.04.23 추가 */
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content .label {font-size:13px;padding:18px 0 10px 10px;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content ul + .label {margin-top:0;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content li {float:none;width:100%;line-height:25px;font-size:12px;padding-bottom:10px;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content li:nth-child(2n+1) {padding-left:20px;border-right:0;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content li:nth-child(2n) {padding-left:20px}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content  li:last-child,.profile-update-event .profile-update-content03-v2 .profile-update-detail-content  li:nth-last-child(2) {padding-bottom:10px;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>span {display:inline-block;min-width:130px;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>a {width:60px;height:25px;line-height:25px;}
    .profile-update-event .profile-update-content03-v2 .profile-update-detail-notice {margin-top:22px;}


    /* 학교행사 공유 이벤트 : 2019.05.03추가 */
    .profile-update-event .profile-update-content1905 .profile-update-detail-content {padding:15px;margin:0 10px 13px 10px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-content li {line-height:18px;font-size:13px;padding-left:15px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-content li>p {margin-left:0;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-content li .txt-red {font-size:13px;margin-bottom:15px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-content a {width:128px;font-size:15px;border-radius:5px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-notice {font-size:12px;margin:0 15px 10px 15px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-notice .label {line-height:20px;}
    .profile-update-event .profile-update-content1905 .profile-update-detail-notice li {line-height:18px;padding-left:8px;}

    /* 학교행사 공유 이벤트 결과 : 2019.06.19추가  */
    .profile-update-event .profile-update-content1905.result .profile-update-detail-content {padding:20px 20px 10px 20px;}
    .profile-update-event .profile-update-content1905.result .profile-update-detail-content span {width:33%;font-size:12px;margin-bottom:10px;}
    .profile-update-event .profile-update-content1905.result .profile-update-detail-notice {padding-bottom:20px;margin:10px;}
    .profile-update-event .profile-update-content1905.result .profile-update-detail-notice li {font-size:11px;}
    .profile-update-event .profile-update-content1905.result .profile-update-detail-notice li br {display:none;}


    /* 5월 후원퀴즈배틀 이벤트 : 2019.05.20추가 */
    .profile-update-event .profile-update-content190520 .profile-update-detail-content {border:2px solid #0d6b74;margin:0 5px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 {float:none;width:100% !important;height:auto;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(2) {background-color:#d5eded;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 strong {height:40px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 strong{background-size: auto 20px !important;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 a {width:70%;height:30px;line-height:30px;font-size:13px;margin-bottom:10px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-notice {height:auto;font-size:12px;font-weight:normal;background-size:60px auto, 75px auto;padding:10px 10px 25px 60px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-notice .label {line-height:15px;margin-bottom:5px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-notice li {line-height:15px;padding-left:8px;margin-bottom:5px;}
    .profile-update-event .profile-update-content190520 .profile-update-detail-notice li::before {content:'*';position:absolute;top:0;left:0; }
    .profile-update-event .profile-update-content190520 .profile-update-detail-notice li>span {font-size:12px;}

    /* 5월 후원퀴즈배틀 이벤트 결과  : 2019.06.17추가 */
    .profile-update-event .profile-update-content190520.result .profile-update-detail-notice li {line-height:15px;margin-bottom:5px;}
    .profile-update-event .profile-update-content190520.result .profile-update-detail-notice li br {display:none;}
    .profile-update-event .profile-update-content190520.result table {padding:3px;}
    .profile-update-event .profile-update-content190520.result table td {height:20px;font-size:10px;}
    .profile-update-event .profile-update-content190520.result table th {height:25px;font-size:13px;padding-top:5px}
    .profile-update-event .profile-update-content190520.result table td:first-child {font-size:12px;padding-left:5px;}
    .profile-update-event .profile-update-content190520.result table td.school strong {min-width:55px;height:16px;background-size: auto 14px !important;}
    .profile-update-event .profile-update-content190520.result table td.school.m,
    .profile-update-event .profile-update-content190520.result table td.school.h {height:20px;padding-top:10px;padding-bottom:0;}
    .profile-update-event .profile-update-content190520.result table td .fnt13 {font-size:10px;}
    .profile-update-event .profile-update-content190520.result table td .fnt15 {font-size:10px;}


    /* 퀴즈배틀이벤트2 : 2019.06.24 추가 */
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content {padding-bottom:10px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li {height:33px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>span {line-height:25px;width:calc(100% - 95px);}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>span>span {line-height:25px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>a {margin-right:20px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice {height:auto;font-size:10px;padding:10px 10px 20px 45px;background-size:47px auto, 70px auto; background-position:0 16px, right 5px bottom 3px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice .label {line-height:12px;margin-bottom:3px;padding-left:0px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  ul {margin-left:10px;margin-bottom:7px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice li {line-height:12px;margin-bottom:3px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  .tip {font-size:10px;margin-top:3px;}
    .profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  .tip>span {width:30px;height:15px;line-height:15px;background-size:auto 15px;padding-left:3px;}


    /*수학배틀이벤트 : 2019.06.24 추가*/
    .profile-update-event .profile-update-content1907 {background-size:auto 7px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail h5 img {width:75%;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content {border-width:2px;border-radius:12px;margin:-2px 10px 4px 10px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li {width:50%;height:170px;padding:20px 10px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li a {display:block;width:100%;height:100%;font-size:0;line-height:0;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(1) {background-color:#fff;background-size:auto 130px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(2) {background-color:#ebe9e9;background-size:auto 130px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(3) {background-color:#ebe9e9;background-size:auto 130px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(4) {background-color:#fff;background-size:auto 130px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-notice {font-size:11px;padding:5px 10px 35px 10px;background-size:auto 20px;background-position:left 10px bottom 6px, right 10px bottom 6px;}
    .profile-update-event .profile-update-content1907 .profile-update-detail-notice li {line-height:14px;padding-left:7px;margin-bottom:5px;}


    /* 퀴즈배틀이벤트2-결과 : 2019.06.24 추가 */
    .profile-update-event .profile-update-content03-result.battle02 .profile-update-detail-info>span{font-size:15px;}
    .profile-update-event .profile-update-content03-result.battle02 .profile-update-detail .profile-update-detail-content{border-width:5px;border-radius:27px;padding:15px;margin:0 10px;}
    .profile-update-event .profile-update-content03-result.battle02 .profile-update-detail-info {font-size:12px;text-align:left;padding:30px 110px 10px 10px;background-size:100px auto;background-position:top 20px right 10px;}


    /*수학배틀이벤트 결과: 2019.07.17 추가*/
    .profile-update-event .profile-update-content1907.result h4 {padding-bottom:0 !important;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail{padding-bottom:20px;background-size: auto 20px; background-position:left 10px bottom 6px, right 10px bottom 6px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail h5 img {width: 60%;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content {border-width:3px;border-radius: 5px;margin:0 10px 4px 10px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content ul::after {background:none;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li {float:none;width:100%;height:auto;padding:10px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li + li {border-top:1px dashed #0d6b74;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(3){background-color:#d5eded;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(4) {background-color:#fff;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li h6 {height:20px;background-size:auto 110px !important;margin-bottom:8px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li .winner_in + .winner_in {margin-top:15px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li strong {width:35px;font-size:14px;line-height:16px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-content li span {font-size:12px;line-height:16px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-notice {height: auto;font-size: 12px;font-weight: normal;background-size: 60px auto, 75px auto;padding:10px 10px 15px 40px;background-position: -20px 20px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-notice .label {line-height:15px;margin-bottom:5px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-notice li {line-height:15px;padding-left:8px;margin-bottom:5px;}
    .profile-update-event .profile-update-content1907.result .profile-update-detail-notice li::before {content:'-';position:absolute;top:0;left:0; }
    .profile-update-event .profile-update-content1907.result .profile-update-detail-notice li br {display:none;}


    /* 퀴즈배틀이벤트3 : 2019.09.05 추가 */
    .profile-update-event .profile-update-content03-v2.battle03 {background-size:15px auto;}
    .profile-update-event .profile-update-content03-v2.battle03 h5 {margin:0 2px}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content {padding-bottom:10px;margin:0 2px}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li {height:33px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>span {line-height:25px;width:calc(100% - 95px);}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>span>span {line-height:25px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>a {margin-right:20px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice {height:auto;font-size:10px;background-image:url(../images/content/event1909/bg_notice_t.png);background-size:38px auto; background-position:right 5px top 0;padding:10px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice .label {line-height:12px;font-size:12px;margin-bottom:3px;padding-left:0px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice ul {margin-left:10px;margin-bottom:7px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice li {line-height:12px;margin-bottom:3px;}
    .profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice .tip {font-size:10px;line-height:12px;margin-bottom:3px;}


    /* 퀴즈배틀이벤트3 결과 : 2019.10.07 추가 */
    .profile-update-event .profile-update-content03-result.battle03 .profile-update-detail .profile-update-detail-content {padding:15px 10px;}
    .profile-update-event .profile-update-content03-result.battle03 .profile-update-detail-notice {background:none;padding: 15px;}
    .profile-update-event .profile-update-content03-result.battle03 .profile-update-detail-notice li {font-size:12px;}


    /* 전국 영어 수학 퀴즈배틀(2019.10.10 ) 추가 */
    .profile-update-event .profile-update-content04 .profile-update-detail {background-size:100% auto;margin-top:-9px;}
    .profile-update-event .profile-update-content04 h5 {height:25px;line-height:22px;font-size:13px;font-weight:700;border-radius:5px;padding:0 12px 3px;margin-left:15px;}
    .profile-update-event .profile-update-content04 .event-math-detail h5 {margin-top:15px;}
    .profile-update-event .profile-update-content04 .event-math-detail ul {border-width:2px;border-radius:12px;margin:-5px 10px 10px;}
    .profile-update-event .profile-update-content04 .event-math-detail li {width:50%;height:180px;padding:10px;}
    .profile-update-event .profile-update-content04 .event-math-detail li:nth-child(1) {background-color:#fff;background-size:120px auto;}
    .profile-update-event .profile-update-content04 .event-math-detail li:nth-child(2) {background-color:#ebe9e9;background-size:120px auto;}
    .profile-update-event .profile-update-content04 .event-math-detail li:nth-child(3) {background-color:#ebe9e9;background-size:120px auto;}
    .profile-update-event .profile-update-content04 .event-math-detail li:nth-child(4) {background-color:#fff;background-size:120px auto;}

    .profile-update-event .profile-update-content04 .event-eng-detail ul{border-width:2px solid #54770f;border-radius:12px;;margin:-5px 10px 0;}
    .profile-update-event .profile-update-content04 .event-eng-detail li {float:none;width:100%;height:auto;padding:0 20px 10px;}
    .profile-update-event .profile-update-content04 .event-eng-detail li:nth-child(2) {width:100%;}
    .profile-update-event .profile-update-content04 .event-eng-detail li>strong {height:35px;line-height:35px;font-size:16px;font-weight:800;}
    .profile-update-event .profile-update-content04 .event-eng-detail li a {height:25px;line-height:25px;margin-bottom:10px;font-size:12px;font-weight:700}
    .profile-update-event .profile-update-content04 .profile-update-detail-notice {padding:25px 15px 15px;background:url(../images/content/event1910/icon_quiz_battle.png) no-repeat 48% 10px ;background-size:80px auto;}
    .profile-update-event .profile-update-content04 .profile-update-detail-notice li {line-height:15px;font-size:12px;color:#1e160e;}

    /* 전국 영어 수학 퀴즈배틀 결과 (2019.11.05 ) 추가 */
    .profile-update-event .profile-update-content04-result {background-size:contain;}
    .profile-update-event .profile-update-content04-result h4 {padding-top:30px;}
    .profile-update-event .profile-update-content04-result h5 {height:25px;line-height:15px;font-size:12px;border-radius:5px;padding:5px 10px;margin-bottom:12px;}
    .profile-update-event .profile-update-content04-result table {padding:0 5px 30px 5px;font-weight:600;}
    .profile-update-event .profile-update-content04-result table th {font-weight:600;height:15px;font-size:12px;}
    .profile-update-event .profile-update-content04-result table td {height:25px;font-size:11px;}
    .profile-update-event .profile-update-content04-result .grade {height:15px;line-height:15px;font-size:10px;padding:0 5px;}
    .profile-update-event .profile-update-content04-result .profile-update-detail-notice {background-size:40px auto;background-position:-10px 0, right 5px bottom 4px;padding:35px 10px 10px 10px;}
    .profile-update-event .profile-update-content04-result .profile-update-detail-notice strong {height:20px;background-size:auto 20px;margin-bottom:5px;}
    .profile-update-event .profile-update-content04-result .profile-update-detail-notice li {font-size:12px;line-height:15px;padding-left:8px; }
    .profile-update-event .profile-update-content04-result .profile-update-detail-notice li::before {left:0;width:10px;height:15px;}
    .profile-update-event .profile-update-content04-result .profile-update-detail-notice li + li {margin-top:5px;}

    /* 인생의책 이벤트 결과 : 2019.10.24추가  */
    .profile-update-event .book-event-result .profile-update-detail-content {border-radius:15px;padding:10px 0 10px 15px;margin:0 10px 0 10px;}
    .profile-update-event .book-event-result .profile-update-detail-content span {width:33%;line-height:15px;font-size:12px;font-weight:bold;}
    .profile-update-event .book-event-result .profile-update-detail-notice {border-radius:15px;margin:10px 10px 0 10px;padding:5px;}
    .profile-update-event .book-event-result .profile-update-detail-notice .label {line-height:15px;font-size:12px;padding-left:5px;}
    .profile-update-event .book-event-result .profile-update-detail-notice li {line-height:15px;font-size:12px;}

    /* 퀴즈배틀이벤트4 : 2019.11.07 추가 */
    .profile-update-event .profile-update-content03-v2.battle04 {background-size:15px auto;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail {padding:0 10px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content {border-width:4px;padding-bottom:10px;margin:0 2px;box-shadow:10px 7px 6px rgba(0, 0, 0, 0.4)}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content .label {padding:7px 10px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content ul + .label {margin-top:0;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content li {height:33px;padding-left:15px !important;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content li>span {line-height:25px;width:calc(100% - 95px);}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content li>span>span {line-height:25px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-content li>a {margin-right:20px !important;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-notice {height:auto;font-size:10px;padding:10px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-notice .label {line-height:12px;font-size:12px;margin-bottom:3px;padding-left:15px;background-size:12px auto;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-notice ul {margin-left:10px;margin-bottom:7px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-notice li {line-height:12px;margin-bottom:3px;}
    .profile-update-event .profile-update-content03-v2.battle04 .profile-update-detail-notice .tip {font-size:10px;line-height:12px;margin-bottom:3px;margin-left:0;}

    /* 퀴즈배틀이벤트4 결과 : 2019.11.30 추가 */
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail .profile-update-detail-content {padding:15px 10px;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail .profile-update-detail-content .label {height:15px;line-height:15px;font-size:15px;background-size:12px; padding-left:15px;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail .profile-update-detail-content  ul li {float:none;width:100%;font-size:12px;padding-top:7px;padding-left:0;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail .profile-update-detail-content  ul li>span  {margin-left:6px;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail .profile-update-detail-content  ul + .label {margin-top:17px;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail-notice {padding: 15px;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail-notice .label {line-height:12px;font-size:12px;margin-bottom:3px;padding-left:15px;background-size:12px auto;}
    .profile-update-event .profile-update-content03-result.battle04 .profile-update-detail-notice li {font-size:12px;}

    /* 전국 영어 수학 퀴즈배틀(2019.11.28 ) 추가 */
    .profile-update-event .profile-update-content05 .profile-update-detail {margin-top:-9px;}
    .profile-update-event .profile-update-content05 h5 {height:50px;margin-left:20px;padding-bottom:8px;background-size:auto 42px !important;/* background-position-x:50% !important; */}
    .profile-update-event .profile-update-content05 .event-math-detail {text-align:center;}
    .profile-update-event .profile-update-content05 .event-math-detail ul {margin:0 auto;}
    .profile-update-event .profile-update-content05 .event-math-detail li {float:none;display:inline-block;width:125px;height:105px;margin-bottom:10px;}
    .profile-update-event .profile-update-content05 .event-math-detail li:nth-child(2n+1) {margin-right:7px}
    .profile-update-event .profile-update-content05 .event-eng-detail ul{margin:0 auto;}
    .profile-update-event .profile-update-content05 .event-eng-detail li {float:none;width:200px;height:217px;margin:0 auto;margin-bottom:10px;}
    .profile-update-event .profile-update-content05 .profile-update-detail-notice {padding:0 10px 90px 10px;}
    .profile-update-event .profile-update-content05 .profile-update-detail-notice h5 {margin-left:10px;}
    .profile-update-event .profile-update-content05 .profile-update-detail-notice ul {margin-bottom:10px;}
    .profile-update-event .profile-update-content05 .profile-update-detail-notice li {line-height:14px;font-size:12px;}
    .profile-update-event .profile-update-content05 .profile-update-detail-notice .tip {line-height:14px;font-weight:bold;}

    /* 전국 영어 수학 퀴즈배틀 결과 (2019.12.20 ) 추가 */
    .profile-update-event .profile-update-content05-result table th {font-weight:600;height:15px;font-size:12px;}
    .profile-update-event .profile-update-content05-result table td {height:25px;font-size:11px;}
    .profile-update-event .profile-update-content05-result .grade {height:15px;line-height:15px;font-size:10px;padding:0 3px;}
}