@charset "utf-8"

/** Basic **/
@media (max-width: 767px) {
    input {-webkit-appearance: none; }
    hr {border-color:#ddd; margin:5px 0;}
    h2 {font-size:20px;}
    h3 {font-size:17px;}
    h3 small {font-size:15px;}
    h4 {font-size:16px; line-height:1.4;}
    h5 {font-size:15px; line-height:1.4;}

    .container {padding:0 10px;}
    .checkbox, .radio {margin-top:5px; margin-bottom:5px;}

    .font-15 {font-size:14px !important;}
    .font-16, .font-17, .font-18 {font-size:15px !important;}
    .m-font-0 {font-size:0px;}
    .m-font-11 {font-size:11px !important;}
    .m-font-12 {font-size:12px !important;}
    .m-font-13 {font-size:13px !important;}
    .m-font-14 {font-size:14px !important;}
    .m-font-15 {font-size:15px !important;}
    .m-font-16 {font-size:16px !important;}
    .m-font-18 {font-size:18px !important;}
    .m-font-20 {font-size:20px !important;}

    .m-mt0 {margin-top:0 !important;}
    .m-mt5 {margin-top:5px !important;}
    .m-mt10 {margin-top:10px !important;}
    .m-mt20 {margin-top:20px !important;}
    .m-mt30 {margin-top:30px !important;}
    .m-mb10 {margin-bottom:10px !important;}
    .m-mb20 {margin-bottom:20px !important;}
    .m-ml0 {margin-left:0 !important;}
    .m-mr0 {margin-right:0 !important;}

    .m-pb0 {padding-bottom:0 !important;}
    .m-pl5 {padding-left:5px !important;}

    .row {margin-left:-2px; margin-right:-2px;}
    .row>*, table .row>* {padding-left:2px; padding-right:2px;}

    .form-control {height:32px;}
    .form-inline .form-control {display:inline-block;}
    .form-inline .input-group {display: inline-table; vertical-align: middle;}
    .input-group .form-control {display:table-cell;}
    .form-inline .input-group .input-group-btn {width: auto;}
    .form-inline .input-group .input-group-btn .btn {font-size:16px;}

    .btn {font-size:14px; position:relative; z-index:1}
    .m-btn-sm {font-size:13px; padding:2px 8px 3px; min-width:50px;}

    .items .blt{font-size:12px; width:70px; height:24px; line-height:24px;}
    .items .blt08{font-size:11px;}
    .new-label{font-size:12px; width:40px; height:20px; line-height:18px;}
}

/** 공통 **/
@media (max-width: 991px) {
    .tabs-header {display:block; margin:0; padding-bottom:10px; white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size:0;}
    .tabs-header li {display:inline-block; width:28%; min-width:auto; padding:0 5px; vertical-align:top; font-size:14px;}
    .tabs-header li a {height:35px; line-height:35px;}

    .md-block{display:block; width:100% !important; margin-left:0 !important; margin-right:0 !important;}

    .md-mt5{margin-top:5px;}

    .md-font-12 {font-size:12px !important;}
    .md-font-13 {font-size:13px !important;}
    .md-font-14 {font-size:14px !important;}
    .md-font-15 {font-size:15px !important;}
    .md-font-16 {font-size:16px !important;}
    .md-font-18 {font-size:18px !important;}
    .md-font-20 {font-size:20px !important;}
}
@media (max-width: 767px) {
    .list-wrap, .search-list-wrap {margin-top:10px; margin-bottom:30px; font-size:15px;}

    .tabs-header li {width:30%;}
    .dl-table.m-w50 dt {width:50px;}
    .dl-table.m-w100 dt {width:100px;}
    .dl-table.m-w120 dt {width:120px;}
    .dl-table .thumb-circle{width:105px; height:105px;}
    .review-list dl, .review-list dl > *{display:block}
    .review-list dt{width:100%; padding-bottom:0}
    .review-list dt .text-gray{display:none}
    .review-list dd{padding-top:0}
    .newblt{height:38px; top:-10px; left:3px; background-size:auto 100%}

    .label {font-size:11px; padding:4px 12px 5px;}

    .mcol-w40 {width:40px;}
    .mcol-w50 {width:50px;}
    .mcol-w70 {width:70px;}
    .mcol-w80 {width:80px;}
    .mcol-w90 {width:90px;}
    .mcol-w100 {width:100px;}
    .mcol-w130 {width:140px;}
    .mcol-block {width:100% !important;}
    .mcol-50{width:50%}
    .mcol-75{width:75%}

    .m-col-1>li, .m-col-1>div {width:100%;}
    .m-col-2>li, .m-col-2>div {width:50%;}
    .m-col-3>li, .m-col-3>div {width:33.333%;}
    .m-flex{display:flex}
    .m-flex > *{width:100%}
    .mflex{display:flex}
    .mflex > *{min-width:auto !important; width:100%}
    .mflex > * + *{margin-left:10px}

    .m-bold {font-weight:bold;}
    .m-pull-right {float:right;}
    .m-text-right {text-align:right !important;}
    .m-text-left {text-align:left !important;}
    .m-text-center {text-align:center !important;}
    .m-block {display:block; width:100% !important; margin-left:0 !important; margin-right:0 !important;}
    .visible-xs.col-table{display:table !important}
    .m-vtop {vertical-align:top !important;}

    .pagination>li {padding:0;}
    .pagination>li>a{font-size:13px;}

    .view-tab-navigation li, .tabs-header-border li {min-width:auto; font-size:15px;}

    .items-search {font-size:0; margin-left:-2px; margin-right:-2px;}
    .items-search>* {font-size:14px; padding:0 2px;}
    .items-search > a {display:inline-block; text-align:center; vertical-align:middle;}
    .items-search .search-box , .items-search .search-radius {width: calc(100% - 135px)}
    .items-search .search-box .input-group-btn, .items-search .search-radius .input-group-btn {width: 1%;}
    .search-box button {font-size:14px !important; padding:6px 12px;}
    .m-fl{float:left;}
    .nowrap-tit{
        white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
        display:inline-block; max-width:calc(100% - 160px); vertical-align:middle;
    }

    .tab-navigation .tabs-header{display:block; overflow-x:scroll;}
    .tab-navigation .tabs-header li{display:inline-block;}
}

/** 테이블 **/
@media (max-width: 991px) {
    .table-list h5, .table-list p{word-break:break-all}
    .table-list>tbody>tr>td, .table-list>tbody>tr>th {padding:10px;}
    .table-list>tbody>tr>th {padding-left:0;}
    .table-list>tbody>tr>td {padding-right:0; padding-left:0;}
    .m-bd0 > *{border:0 !important}

    .m-table-block {border-collapse: separate;}
    .m-table-block, .m-table-block tbody, .m-table-block tr{display:block;}
    .m-table-block th{
        display:block !important; border:0 !important;
        padding-left:0 !important; padding-right:0 !important;
    }
    .m-table-block td {
        display:block !important; border:0 !important;
        padding:0 0 15px 0 !important; text-align:left;
    }
    /*.m-table-td-line td {border-bottom:1px solid #ddd !important;}*/
    .m-table-td-line tr>td:last-child{border-bottom:1px solid #ddd !important; margin-bottom:5px;}
    table .btn-md {font-size:13px;}
    table input.m-block {margin:5px 0 !important;}
    table .btn-md.m-pull-right {margin-top:-3px !important;}

    .m-td-border tr td:first-child {padding-top:20px !important;}
    .m-td-border tr td:last-child {border-bottom:1px solid #ddd !important;}

    .m-table-block th.hidden-xs, .m-table-block td.hidden-xs {display:none !important;}

    /* .table .pcol-w150, .table .pcol-w160{width:auto} */
}

/** 아이콘 **/
@media (max-width: 767px) {
    .layer-pop-wrap .icn-del {background-size:80%;}
    .icn-comment {width:19px; height:19px;}
    .icn-clip {width:16px;}
    .icn-share {width:20px;}
    .icn-ellipsis {width:20px; height:20px}

}
/** Header **/
@media (max-width: 767px) {
    header #logo-search>div {margin:15px 0}
    header .col-md-2{display:flex !important; align-items:center; gap:10px;}
    header h1{width:80px}
    header .search-total{display:none;}
    header .search-total.active{display:block;}
    .search-wrap{height:45px; padding:0 20px;}
    .search-wrap input{font-size:16px;}
    .search-wrap .btn-search{width:20px; height:20px;}
    .search-wrap .back-search{display:block; width:15px; height:15px; background:url('../../image/ssam/renewal/arrow.svg') no-repeat center; background-size:contain; font-size:0; transform:rotate(180deg);}
    header .tnb-my{gap:0px;}
    header .tnb-my>li{padding:8px 10px}
    header .tnb-my>li>a{font-size:0}
    header .tnb-my li .m-mypage img{border:2px solid #333}
    header .tnb-my>li img{width:24px; height:24px; margin:0 auto}
    header .tnb-my>li>a>label{font-size:10px; min-width:18px; height:18px; line-height:18px;}
    header #gnb ul{margin-top:16px; text-align:center}
    header #gnb li {width:100%}
    .menu-area > li > a{font-size:16px; display:inline-block;}
    .menu-area{gap:0; justify-content:space-between; width:100%}
    .menu-area + .menu-area{display:none;}
    .sub_menu, .menu-area:hover::before{display:none !important}
    .sub_menu::before{left:-15px}
    .sub_menu li{width:100% !important; text-align:left}
    .sub_menu li a{font-size:13px}
    .sub_menu .label.label-yellow{padding:3px !important; font-size:10px !important}
    .familysite-btn{
        width:12px; height:12px; display:inline-block; transition:transform 0.3s;
        background:url("../../image/ssam/renewal/mo_logo_btn.svg") no-repeat;
        background-size:contain; text-indent:-9999px;
    }
    .familysite-btn.on{transform:rotate(180deg);}
    .gnb-familysite{position:absolute; top:52px; left:3px; width:50%; z-index:100; background:#fff; display:none; padding:0; box-shadow:2px 0px 5px rgb(0,0,0,0.1); border-radius:15px;}
    .gnb-familysite li{font-size:0;}
    .gnb-familysite li a{display:block; padding:15px 10px}
    .gnb-familysite li + li{border-top:1px solid #f1f1f1}
    .gnb-familysite li img{width:auto; height: 17px; vertical-align:top;}
    .gnb-familysite i{display:inline-block; width:17px; height:17px; background:url('//tvcache.teacherville.co.kr/gnb_check.png'); background-size:100% 100%; margin-left:5px; vertical-align:top}

}
/** 마이페이지레이어팝업 **/
@media (max-width: 767px) {
    .main_swiper .inner{padding:0}
    .main_swiper .inner img{width:100%}
    header .tnb-my>li .m-layer-mypage .avatar-thumb {width:85px; height:85px; margin:auto;}
    header .tnb-my>li .m-layer-mypage h4{margin:5px 0 0 0; font-size:14px; font-weight:normal}
    header .tnb-my>li .m-layer-mypage img {width:100%; height:100%;}
    .mypage-go a{padding:15px 0}
    .m-layer-mypage .scroll-y {overflow-y:auto; width:100%; padding:20px 10px 0 10px}
    .m-layer-mypage .scroll-y .flexbox{padding:30px 0 10px 0}
    .m-layer-mypage .btn-lg {width:100%}
    .m-layer-mypage h4 {margin:20px 0 10px;}
    .m-layer-mypage .m-group-channel-list li {font-size:13px; text-align:center; vertical-align:top;}
    .m-layer-mypage .m-group-channel-list li .maskimg {width:100px; height:100px; margin:auto;}
    .m-layer-mypage .m-group-channel-list li p {margin:10px 0; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; text-align:center}
    .m-layer-mypage .m-btn-group-channel {border:2px dotted #d8e1e8; border-radius:100%; width:100px; height:100px; display:block; padding:30px 0; position:relative;}
    .m-layer-mypage .m-btn-group-channel:after {position:absolute; bottom:0; right:0; content:'+'; width:30px; height:30px; line-height:30px; font-size:24px; font-weight:bold; background:#d8e1e8; border-radius:100%;}

    .m-layer-mypage .m-btn-mode {font-size:0; margin:25px 0 15px;}
    .m-layer-mypage .m-btn-mode .btn {font-size:15px; display:inline-block; width:50%; min-width:auto; padding:10px 5px; border-radius:0; background:#f1f1f1; border:0;}
    .m-layer-mypage .m-btn-mode .btn.active {background:#222; color:#fff;}
    .m-tab-content{margin:0 -10px; padding:20px 10px; border-top:10px solid #f0f2f3}
    .m-tab-content h3{margin-top:0; font-weight:500}
    .m-my-cate h4 {border-top:2px solid #222; padding:10px 0 0; margin-top:30px;}
    .m-my-cate ul {font-size:0}
    .m-my-cate ul li {width:50%; font-size:14px;  display:inline-block}
    .m-my-cate ul li a {border-bottom:1px solid #ddd; display:block; position:relative; line-height:1}
    .m-my-cate ul li a:after {content:"\f105"; font-family:"FontAwesome"; position:absolute; right:0;}

    .m-layer-mypage .m-btn-text-center {font-size:0;}
    .m-layer-mypage .m-btn-text-center .btn {
        font-size:15px; display:inline-block; width:50%; min-width:auto; padding:10px 5px;
        border-radius:0; background:#f1f1f1; border:0; line-height: 1; color:#393939
    }
    .m-layer-mypage .m-btn-text-center .btn+.btn {border-left:1px solid #ddd;}

    .m-my-cate .pop_list{margin:-5px; display:flex; flex-wrap:wrap; align-items:center}
    .m-my-cate .pop_list li{width:calc((100% - 30px) / 3); margin:5px; background:#f0f2f3; border:1px solid #ddd; border-radius:5px; padding:0 7px}
    .m-my-cate .pop_list li .stit{color:#7d7b7b}
    .m-my-cate .pop_list li a{border:none; color:#7d7b7b; height:48px; display:flex; align-items:center}
    .m-my-cate .pop_list li a:after{top:50%; transform: translateY(-50%); font-size:18px}
    .m-my-cate .pop_list li strong{font-weight:normal; color:#000}
    .m-my-cate .pop_list li i{display:inline-block; width:16px; height:16px; vertical-align:top; margin-right:3px}
    .m-my-cate .pop_list .pop_icon01{background:url('../../image/ssam/pop_icon01.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .pop_icon02{background:url('../../image/ssam/pop_icon02.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .pop_icon03{background:url('../../image/ssam/pop_icon03.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .pop_icon04{background:url('../../image/ssam/pop_icon04.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .pop_icon05{background:url('../../image/ssam/pop_icon05.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .pop_icon06{background:url('../../image/ssam/pop_icon06.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .cr_icon01{background:url('//tvcache.teacherville.co.kr/ssam/img/cr_icon01.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .cr_icon02{background:url('//tvcache.teacherville.co.kr/ssam/img/cr_icon02.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .pop_list .cr_icon03{background:url('//tvcache.teacherville.co.kr/ssam/img/cr_icon03.png') no-repeat center; background-size:auto 100%}
    .m-my-cate .myqna{border:1px solid #56595a; display:flex; text-align:center; margin-bottom:20px}
    .m-my-cate .myqna li{padding:0}
    .m-my-cate .myqna li + li{border-left:1px solid #56595a}
    .m-my-cate .myqna li a{color:#222; padding:10px 0; font-size:15px}
    .m-my-cate .myqna li a:after{content:none}
}
/** Header2 **/
@media (max-width: 767px) {
    .modal-open header.header-edit.fixed-top {left:0;}
    .modal-open .modal {background:rgba(0,0,0,0.7);}
    header.header-edit {border-top:0; padding:10px 15px; margin-bottom:10px;}
    header.header-edit #logo {background-size:85%;}
    header.header-edit .edit-info .icn-del {top:5px; background-size:80%;}
    header.header-edit .layer-save {top:0;}
    .layer-save .m-save-all-del {position:absolute;  right:0 ; top:33px;}
}

/** Footer **/
@media (max-width: 991px) {
    footer {overflow:hidden;}
    footer .container {padding:50px 0px;}
}
@media (max-width: 767px) {
    footer .container {text-align:left; padding:55px 10px 25px 10px}
    footer .col-sm-9{position:initial;}
    footer address{font-size:12px; line-height:16px; margin:0}
    footer address span{display:block}
    footer address p{margin-bottom:0}
    footer address p img{position:absolute; top:22px; left:10px}
    footer .container ul.list-inline{position:absolute; top:18px; right:10px}
    footer .container .list-inline li{padding:0 8px}
    footer .container ul.list-inline a{font-size:12px; color:#a3a3a3; font-weight:bold;}
    footer li:before{background:#a3a3a3;}
    footer li:nth-child(3)::before{content:none}
    footer .mo_list{margin:0; display:flex !important; background: #a3a3a3; height: 40px; margin:0 !important}
    footer .mo_list li{width:100%; text-align:center; padding:0; position:relative;}
    footer .mo_list a{color:#fff; font-size:12px; line-height: 40px; display:inline-block; width:100%; font-weight: bold;}
    footer .mo_list li::before{content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); height:14px; width:1px; background:#ddd}
}

/** LayerPopup **/
@media (max-width: 767px) {
    .no-scroll {overflow:hidden;}
    .layer-pop-wrap {width: 100%; position: fixed; top: 0; bottom: 0; padding: 0; border-radius: 0;}
    .layer-pop-wrap-del {position:absolute; top:18px; right:10px; z-index:5;}
    .layer-my-bell .dl-table {height: 90%; overflow-y: auto;}
    .layer-my-bell .btn-pop {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 10px; }
    .layer-my-bell .btn-pop:after {content:"\f105"; font-family:"FontAwesome"; display:inline-block; font-size:16px; margin-left:10px;}
    .layer-pop-wrap.layer-pop-sm {position:absolute; width:250px; top:auto; bottom:auto; padding:10px; border-radius:3px;}
}

/** Modal **/
@media (max-width: 767px) {
    .modal-md, .modal-sm, .modal-rg, .modal-lg, .modal-xl {width:100%; margin:0;}
    .modal-content {border-radius:0; border:0;}
    .modal-body {padding:10px 10px 30px 10px;}
    .modal-header .close {top:15px;}
    .modal-header .close img {width:13px;}
    .modal h4{margin:10px 0 20px}
}

/* items */
@media (max-width: 991px) {
    .caption .grade {margin-top:8px;}
}
@media (max-width: 767px) {
    .items li {width:50%; padding:7px;}
    ul.items {margin:10px -10px;}
    .caption h5 {font-size:14px; line-height:1.3; margin:10px 0;}
    .items .caption .blt{top:7px; right:7px}
    .cont-list .caption .price{bottom:87px; height:25px; line-height:25px; right:7px}
    .main-warp .cont-list .caption .price{bottom:87px; right:7px}
    .caption .price b{font-size:14px;}
    .caption .price strike {font-size:12px;}
    .caption p {font-size:12px; margin-bottom:5px;}
    .main-warp .items{margin:0;}
    .caption .grade {margin-top:0;}
    .caption .avatar, .avatar {width:20px; height:20px;}
    .items-creators>div, .items-creators>li {padding:10px 20px}

    ul.goods-slide {margin:0; padding-bottom:10px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size:0; white-space:nowrap;}
    ul.goods-slide li {display:inline-block; width:40%; padding:0 5px; vertical-align:top; font-size:14px;}
    .goods-slide .caption .price{bottom:54px}
}
/** 상품 **/
@media (max-width: 767px) {
    .m-dl-goods dl {font-size:13px; position:relative; table-layout: fixed;}
    .m-dl-goods.pb0 dl {padding-bottom:0;}
    .m-dl-goods dt, .m-dl-goods dd {vertical-align:middle; padding:10px 5px;}
    .m-dl-goods .m-pos-bottom p{font-size:13px;}
    .m-dl-goods.m-w70 dt {width:70px !important;}
    .m-dl-goods .price b {font-size:18px;}
    .m-dl-goods .thumb-small{left:0;}
}


/** 메인페이지 **/
@media (max-width: 991px) {
    .items-creators>div {padding:0;}
}
@media (max-width: 767px) {
    .main-swiper, .main-swiper>div {padding:0; margin:0;}
    .main-swiper {margin-bottom:20px; background:none;}
    .main-swiper .swiper-slide {margin:0; border-radius:0;}
    .main-swiper .swiper-nav, .goods-swiper .goods-swiper-nav {display:none;}
    .main-swiper .swiper-slide a:after {display:none;}
    /*.main-swiper img {position: relative; left: 50%; transform: translateX(-50%); max-width: inherit; width: 115%;}*/
    .main-swiper img {position: relative; left: 15%; transform: translateX(-15%);}
    .main-sub-banner {border-radius:0; padding:0;}
    .main-warp {overflow:hidden; margin:20px auto; padding:0 10px; width:100%}

    .main-keyword {margin:0; padding-bottom:10px; white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size:0;}
    .main-keyword li {display:inline-block; width:30%; padding:0 5px; vertical-align:top; font-size:14px;}

    .main-warp h3 {margin-bottom:20px; font-size:17px;}
    .main-warp h3 small{display:block; margin:7px 0 0 0; font-size:14px;}

    .back-wrap section{padding:20px 10px;}
    .main-warp .swiper-container{box-sizing:border-box;}
    .group-swiper .swiper-slide .maskimg{height:calc(100% - 124px)}

    .sort-wrap{overflow:hidden; margin-top:10px;}

    .main_curation .title-area{border-radius: 10px}
    .main_curation .left-div{padding:10px}
    .main_curation .left-div > *{display: block; }
    .main_curation .left-div .month{font-size: 16px; margin:0; padding: 0}
    .main_curation .left-div .month::before{content:none}
    .main_curation .left-div .month strong{font-size: 28px}
    .main_curation .title-area .tit {margin-top: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 100%; font-size:17px}
    .main_curation .title-area .text{font-size:14px; margin-top: 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 90%}
    .main_curation .right-div{padding: 10px; width: 168px}
    .main_curation .right-div button{width: auto; padding: 0 10px; font-size: 14px}
    .main_curation .right-div .text{font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 100%}
}
/** 알림페이지 **/
@media (max-width: 991px) {
    .notifications-table td p {text-align:left; margin-top:10px;}
    .notifications-table th {width:80px;}

}
@media (max-width: 767px) {
    .notifications-table h5, .notifications-table .font-18 {font-size:13px !important;}
    .notifications-table .icn-del {width:15px; height:15px; background-size:100%;}
    .no-list {font-size:14px; padding:50px 0 !important;}
    .avatar-sthumb{width:70px; height:70px}
    .no-list img{width:120px}
}
/** 검색페이지 **/
@media (max-width: 767px) {
    .search-list-wrap h4 {margin-bottom:0;}
    .search-list-wrap .items {margin-top:0;}
    .search-list-wrap .items li {margin: 0px 0 10px;}
}


/** 서브페이지 상단 스와이퍼배너 **/
@media (max-width: 767px) {
    .sub-swiper {overflow:hidden;}
    .sub-swiper>div {position: relative; left: 50%; transform: translateX(-50%); max-width: inherit; width:100%;}
}
/** 콘텐츠 **/
@media (max-width: 767px) {
    .content-tabs {white-space: normal; padding:0; text-align:left}
    .tabs-header li a{height:28px; line-height:28px; font-size:13px; white-space:nowrap}
    .content-tabs li, .content-tabs li.active {display:inline-block !important; border:0; width:20%; text-align:center; padding:5px 0}
    .content-tabs li.active{font-weight:500}
    .content-tabs li a:before {
        content:''; display:block; margin:0 auto; background-repeat:no-repeat;
        background-size:200% 100%; background-position:0 0; width:28px; height:28px;
    }
    .content-tabs li:nth-child(1) a:before {background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon01.png);}
    .content-tabs li:nth-child(2) a:before {background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon04.png);}
    .content-tabs li:nth-child(3) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon06.png);}
    .content-tabs li:nth-child(4) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon07.png);}
    .content-tabs li:nth-child(5) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon08.png);}
    .content-tabs li:nth-child(6) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon09.png);}
    .content-tabs li:nth-child(7) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon10.png);}
    .content-tabs li:nth-child(8) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon11.png);}
    .content-tabs li:nth-child(9) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon12.png);}
    .content-tabs li:nth-child(10) a:before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon13.png);}
    .meet-tabs li:nth-child(2) a::before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon06.png);}
    .meet-tabs li:nth-child(3) a::before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon08.png);}
    .meet-tabs li:nth-child(4) a::before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon10.png);}
    .meet-tabs li:nth-child(5) a::before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon03.png);}
    .meet-tabs li:nth-child(6) a::before{background-image:url(//tvcache.teacherville.co.kr/ssam/img/cate-icon04.png);}
    .content-tabs li.active a:before {background-position:-28px 0;}
    .view-tab-content-wrap h2{padding:50px 0 10px 0}
}
/** 콘텐츠2차카테고리영역 **/
@media (max-width: 991px) {
    .sub-cate ul li {width:25%;}
}
@media (max-width: 767px) {
    .sub-cate {position:relative;}
    .sub-cate-btn-group button {text-align:left;}
    .sub-cate-btn-group .btn .caret {float:right; margin-top:10px;}
    .sub-cate-btn-group{padding:0}
    .sub-cate-btn-group > div + div{padding-left:5px}
    .filter-subcate, .filter-price {display:none;}
    .filter-subcate.active, .filter-price.active {display:block;}
    .filter-subcate {width:calc(50% - 2px); position:absolute; left:0; top:40px; z-index:12;}
    .filter-subcate ul {padding:10px; border-radius:4px; background:#fff;}
    .filter-subcate ul li {display:block; width:100%; font-size:15px; position:relative; color:#222;}
    .sub-cate ul li:hover a, .sub-cate ul li:hover span {border:0; color:#3770c1 ;}
    .filter-subcate ul li.active {color:#3770c1; }
    .filter-subcate ul li:after {content:''; position:absolute; right:0; top:5px; width:15px; height:15px; color:#fff; border:1px solid #ddd; border-radius:100%;}
    .filter-subcate ul li.active:after, .sub-cate .filter-subcate ul li:hover:after {background:#3770c1;}
    .filter-price {width:calc(50% - 2px); position:absolute; right:0; top:41px; z-index:12; padding:10px; border-radius:4px; background:#fff;}
    .filter-price>* {display:block; }
    .filter-price label {display:block; text-align:left; margin:0 !important; padding:3px 0;}
    .filter-price label input {position:absolute; right:0;}
    .inline-wrap > *{display:inline-block}

    .filter-price ul {padding:10px; border-radius:4px; background:#fff;}
    .filter-price ul li {display:block; width:100%; font-size:15px; position:relative; color:#222;}
    .filter-price ul li.active {color:#3770c1; }
    .filter-price ul li:after {content:''; position:absolute; right:0; top:5px; width:15px; height:15px; color:#fff; border:1px solid #ddd; border-radius:100%;}
    .filter-price ul li.active:after, .sub-cate .filter-price ul li:hover:after {background:#3770c1;}

    .price-radio{left:0; margin-bottom:0; bottom:-3px;}
    .price-radio label{height:25px; line-height:25px; font-size:12px; width:55px;}
}
/** 콘텐츠유료등록 **/
@media (max-width: 767px) {
    .filebox {padding:8px 5px 6px; font-size:13px; border-radius:3px; background:#eee;}
    .filebox label, .file-wrap label {border-bottom:0;}

    .thubm-edit-wrap {margin-left:-5px; margin-right:-5px;}
    .thubm-edit-wrap li {width:50%; padding:5px;}
    .thubm-edit-wrap li i{top:10px; right:10px;}
    .img-attachm-box {width:100%;}

    .selectbox {min-width:100px;}
    .selectbox.m-col-2 {width:calc(50% - 3px);}
    .datepick {width:calc(50% - 38px) !important}
    .datepick-block {width:calc(100% - 30px) !important;}
    tt {font-size:14px; display:inline-block; width:8px; text-align:center; vertical-align:middle; margin:0 2px;}
    .ui-datepicker-trigger {height:34px;}

    .my-con-list4{margin:0 !important;}
    .my-con-list4 li h5{font-size:14px; height: 40px;}
    .toggle-con > *{margin:0 0 20px 0;}
}
@media (max-width: 767px) {
    .m-contents-cate-wrap ul {margin:0 !important;}
    .m-contents-cate-wrap li {display:block; width:100%; padding:0;}
    .m-contents-cate-wrap li>ul {border: 1px solid #ddd; border-radius: 0 0 3px 3px; margin-top: -12px  !important; background: #fff; border-top-color: #fff; z-index: 2; position: relative; padding: 0 10px 10px; display:none !important;}
    .m-contents-cate-wrap li>ul>li {width:50%; display:inline-block;}
    .m-contents-cate-wrap li>ul.active {display:block !important;}
    .m-contents-cate-wrap h5 {border:1px solid #ddd; border-radius:3px; padding:10px; position:relative;}
    .m-contents-cate-wrap h5:after {content:"\f107"; font-family:"FontAwesome"; position:absolute; right:10px;}
    .m-contents-cate-wrap h5.active:after {content:"\f106";}
}
/** 콘텐츠무료등록 **/
@media (max-width: 991px) {
    .reservation-date.active {display:block; margin-left:0 !important;}
}
@media (max-width: 767px) {
    .free-thumb-box {margin-left:0;}
}
/** 콘텐츠유료상세 **/
@media (min-width: 768px) {
    .fixed .view-tab-navigation>div  {width: 720px;}
}
@media (min-width: 992px) {
    .veiw-wrap .fixed .view-tab-navigation>div  {width: 780px;}
    .fixed .view-tab-navigation>div  {width: 940px;}
}
@media (min-width: 1200px) {
    .veiw-wrap .fixed .view-tab-navigation>div  {width: 860px;}
    .fixed .view-tab-navigation>div  {width: 1036px;}
}
@media (max-width: 1200px) {
    .view-quick h4 .maskimg{width:118px; height:118px;}
    .view-quick .thumb{width:118px; height:89px}
    #scroll.scroll-fix{margin-left:330px; width:140px;}
}
@media (max-width: 991px) {
    .veiw-wrap {margin:0;}
    .veiw-wrap>div {padding:0;}
    .product-info .visible-xs .goodnm {width:85%;}
    .product-info .price{margin:10px 0; font-size:18px}
    .product-info dl + dl{margin-top:0; padding-top:3px}
    .view-contents iframe, .view-tab-content-wrap iframe, .talk-view-wrap iframe{height:405px;}
    .product-info .goodnm{padding:15px 0}
    .product-info .thumb-img{width:100%; top:0}
}
@media (max-width: 767px) {
    .fixed .view-tab-navigation>div  {left:10px; right:10px;}
    .product-info {margin:0;}
    .product-info>div {padding:0;}
    .product-info dl {padding:3px 0;}
    .product-info dt, .product-info dd {display:block; position:relative; vertical-align:top; font-size:15px; width:100%;}
    .product-info .border-top{padding:10px 0}
    .product-info .m-border-top{border-top:1px solid #ddd; padding:10px 0}
    .btn-group-buy{
        position:fixed; bottom:0 !important; left:0; width:100%; padding:10px; z-index:10;
        background:#fff; box-shadow:3px 3px 9px rgba(0,0,0,0.5); display:flex; margin:0 !important; width:100% !important
    }
    .btnarea-group{margin:20px 0; display:flex}
    .btn-group-buy .btn, .btnarea-group .btn{font-size:16px; padding:8px 20px; width:100%; min-width:auto}
    .btn-group-buy .btn + .btn{margin-left:5px}
    .btnarea-group > * + *{margin-left:10px}
    div[data-tab] {padding:0px 0;}

    .view-contents {padding:10px 0; word-break: break-all; font-size:15px;}
    .view-contents img, .view-contents * {max-width:100%; width:100%;}
    .view-contents iframe, .view-tab-content-wrap iframe, .talk-view-wrap iframe{height:315px}
    .talk-view-wrap dd.text-right{min-width:100px}

    .review-box {border:0; padding:0;}
    .review-box h1 {font-size:23px;}
    .review-box .row + .row{margin:0; padding:20px 0; width:100%}
    .view-review {margin-top:2px !important;}
    .view-review i {font-size:13px;}
    .view-review .review-progress {height:5px; width:46%;}
    .big-star {margin:10px 0 !important;}
    .big-star i {font-size:20px; padding:0 2px;}

    .hashtag-wrap {font-size:13px;}
    .upload-list-wrap{}
    .upload-list{display:table; width:100%; table-layout: fixed;}
    .upload-list colgroup col:nth-child(2){width:17% !important}
    .upload-list colgroup col:nth-child(4){width:1px !important}
    .upload-list th, .upload-list td{display:table-cell !important; padding:0 5px !important}
    .upload-list td{height:28px; line-height:28px;}
    .upload-list td:nth-child(2){width:40px; text-align:center !important;}
    .upload-list td:nth-child(3){
        width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .upload-list td:nth-child(4) *{display:none !important;}
    .upload-list td.text-gray{font-size:12px;}

    .thumb-pop-search{width:112px; height:112px}
    .ssamtalk-thumb{width:40px; height:40px;}
    .regist-thumb > dt{margin:0 auto 10px; display:block}
    .regist-thumb > dd{display:block; width:100%;}

    .cont-thumb{height:300px; position:relative; width:100%; margin-bottom:20px; border-radius:10px;}

    .thumb-img{top:5px;}

    .owl-carousel{background:none; padding:0; border-radius:0}
    .owl-carousel .owl-stage-outer{padding:0;}
    .owl-carousel .active.center, .owl-carousel.row-carousel .active.center,
    .owl-carousel.row-carousel  .owl-item span{ transform: scale(1);}
}

/** 문의/댓글 **/
@media (max-width: 767px) {
    .qna-wrap p, .comment-wrap p  {font-size:13px;}
    .list-qna .qna-content {word-break: break-all;}
    .replay-icn {margin-left:0;}
    .list-comment dt {width:50px;}
    .list-comment .comment-reply {margin-left:-60px;}
    .list-comment .maskimg{width:40px; height:40px;}
}
/** 결제 **/
@media (max-width: 767px) {
    .pay-wrap h3 {border-bottom-width:3px;}
    .step-wrap {margin-top:5px;}
    .step-wrap span {font-size:13px;}

    #modal-pointCouponApply{left:0 !important; width:100%}
}

/** 쌤모임 **/
@media (max-width: 767px) {
    .items-total {font-size:14px;}
    .items-total span {margin-left:5px; margin-right:5px;}
}
/** 쌤모임상세 **/
@media (max-width: 991px) {
    .meet-tnb-icn {float: left!important; margin-top: 5px; width: 100%}
    .user-info, .user-info + .user-info{padding:10px}
}
@media (max-width: 767px) {
    .user-info{padding:10px}
    .user-info + .user-info{padding:10px; border:1px solid #ddd; margin-top:0}
    .user-info h5 {font-size:16px}
    /* .user-info h5:after {content:"\f107"; font-family:"FontAwesome"; position:absolute; right:10px;} */
    /* .user-info p {display:none;} */
    .user-info.active p {display:block; padding: 5px 10px; border: 1px solid #ddd; border-radius: 0 0 3px 3px; margin-top: -1px;}
    .user-info.active h5:after {content:"\f106";}
    .user-info .name{width:calc(100% - 30px)}
    .user-info .grid{grid-template-columns:80px auto; column-gap:10px; margin-bottom:10px}
    .user-info .info{margin-top:5px}
    .user-info > div + div{margin-top:10px}
    .user-info .toggle_box{padding:10px 10px 0}
    .user-info .pop_close{top:10px; right:10px}

    .channel_info{margin:15px 0 30px}
    .channel_info .toggle_btn{padding:7px 20px}

    .program-list{padding:0; border:0; margin-top:0}
    .program-list ul{height:auto; overflow:visible; padding:0}
    .program-list ul li{padding:10px}
    .program-list ul li:first-child{margin-top:0}
    .program-list .tit{font-size:16px; margin-bottom:5px}
}
/** 쌤모임등록 **/
@media (max-width: 767px) {
    .m-email, .m-phone, .m-3division, .m-2division {font-size:0;}
    .m-email>* , .m-phone>*, .m-2division>* , .m-3division>* {font-size:14px; vertical-align:middle; margin: 1px 2px; width:calc(33.333% - 4px) !important; min-width:auto; display:inline-block;}
    .m-email>* {width:calc(33.333% - 10px) !important; }
    .m-email span {width:14px !important; display:inline-block; text-align:center;}
    .m-2division>* {width:calc(50% - 4px) !important; }
}

/** 쌤찾자 **/
@media (max-width: 767px) {
    .teacher-tabs {white-space: normal; padding:0;}
    .teacher-tabs li, .teacher-tabs li.active {display:inline-block !important; border:0; width:25%; text-align:center; padding:5px 0; font-size:12px;}
    .teacher-tabs li a:before {content:''; display:block; vertical-align:middle; margin:auto;  background-repeat:no-repeat; background-size:100%; background-position:0 -20px; width:26px; height:20px;}
    .teacher-tabs li:nth-child(1) a:before {background-image:url(../../image/ssam/cate-contents01.png);}
    .teacher-tabs li:nth-child(2) a:before {background-image:url(../../image/ssam/cate-contents02.png);}
    .teacher-tabs li:nth-child(3) a:before {background-image:url(../../image/ssam/cate-contents04.png);}
    .teacher-tabs li:nth-child(4) a:before {background-image:url(../../image/ssam/cate-contents06.png);}
    .teacher-tabs li:nth-child(5) a:before {background-image:url(../../image/ssam/cate-teacher05.png);}
    .teacher-tabs li:nth-child(6) a:before {background-image:url(../../image/ssam/cate-teacher06.png);}
    .teacher-tabs li:nth-child(7) a:before {background-image:url(../../image/ssam/cate-teacher07.png);}
    .teacher-tabs li:nth-child(8) a:before {background-image:url(../../image/ssam/cate-teacher08.png);}
    .teacher-tabs li.active a:before {background-position:0 0;}
    .teacher-thumb{width:100%;}
    .t-dl-ssam dt{width:118px; height:118px;}
}
/** 쌤찾자상세 **/
@media (max-width: 991px) {
    .t-sns-wrap{width:100%}
    .t-sns-wrap i {width:25px; height:25px; margin:0 2px;}
    .t-sns-wrap .t-ssam {width:65px; height:16px;}
}
@media (max-width: 767px) {
    .t-field span+span:before {padding:0 5px; font-size: 10px}
    .t-field2{font-size:0 !important; margin:0 -10px}
    .t-field2 span{font-size:12px}
    .t-field2 span + span::before{padding:0}
    .btn-record-all {display: block; text-align: center; background: #eee; width: 100%; padding: 7px;}
    .btn-record-all i {font-size: 16px;}
    .profile-teacher-list .btn-more {margin-top:-30px;}
}

/** 쌤톡톡 **/
@media (max-width: 1199px) {
    .talk-list dt {width:580px;}
    .talk-list dd{width:calc(100% - 580px)}
    .talk-list dd span{width:33%}
    .talk-list .comment-count{width:13%;}
}
@media (max-width: 991px) {
    .talk-list dl {padding:10px 0;}
    .talk-list dl, .talk-list dt, .talk-list dd {display:block;}
    .talk-list dt label {min-width: 50px; padding-left: 0; padding-right: 0;}
    .talk-list dt {width:100%; padding:3px 0;}
    .talk-list dd {text-align:left; padding:3px 0; width:100%;}
    .talk-list dd span {padding-left:0; padding-right:10px; width:auto !important;}
    .talk-list .comment-count {float:right; margin-top:-2px; width:auto}
    .boark-view-wrap dd span , .talk-view-wrap dd span {margin-right:5px;}
}

@media (max-width: 767px) {
    .talk-label-group button {font-size:13px; padding:0;}
    .talk-list dt{width:100% !important}
}
/** 쌤톡톡카테고리 **/
@media (max-width: 767px) {
    .m-talk-cate {position:relative;}
    .filter-talkcate {border:1px solid #ddd; border-radius:3px; background:#fff;  padding:5px 10px; position:absolute; top:35px; left:0; right:0; z-index:30; display:none;}
    .filter-talkcate.active {display:block;}
    .filter-talkcate *{font-size:17px;}
    .filter-talkcate li h6 {position:relative;}
    .filter-talkcate li.group > h6:after {content:"\f105"; font-family:"FontAwesome"; position:absolute; right:10px;}
    .filter-talkcate li:not(.active) ul {display:none;}
    .filter-talkcate li.active ul {display:block;}
    .talk-2depth li {padding:1px 5px;}
    .talk-2depth li:before {content:'-'; display:inline-block; padding:0 5px;}
}

/** 채널상단 **/
@media (max-width: 767px) {
    .channel-bg {height:200px;}
    .btn-channel-setting {right:10px; font-size:14px;}
    .layer-channel-setting {position:absolute; width:150px; top:-10px; bottom:auto; padding:10px; border-radius:3px;}
    .layer-contents-upload {position:absolute; width:160px; top:25px; left:0; bottom:auto; color:#888; padding:10px; border-radius:3px;}
    .channel-thumb {width:150px; height:150px;}
    .btn-profile-thumb {margin-right:-80px;}
}
/** 채널콘텐츠 **/
@media (max-width: 767px) {
    .btn-cate-setting {margin-top:-3px; margin-right:5px;}
}


/** 마이페이지 **/
@media (max-width: 991px) {
    .mypage-guide>ul>li {font-size:14px; width:25%; max-width:100%; margin-right:0}
    .mypage-guide>ul>li + li{border-left:0}
    .mypage-guide>ul>li a {padding:8px;}
    .mypage-guide .contab{white-space:nowrap; overflow:hidden; overflow-x:auto; margin:0 -10px; padding:0 10px; border-bottom:0}
    .mypage-guide .contab li{width:30%; margin-bottom:10px}
    .icn-arrow{top:11px; right:15px; background-size:15px}

    .term-search-wrap{position:relative; padding-top:55px;}
    .term-search {position:absolute; top:10px; left:0; width:100% !important}
    .searchArea .term-search{left:auto; right:0; width:59% !important}
    .searchArea .selectbox{position:absolute; top:10px; left:0; width:37.5%;}
    .term-search-wrap .form-inline{width:calc(100% - 95px)}
    .term-search-wrap input{width:calc(50% - 36px) !important}

    .d_table{display:block}
    .d_table .m-btn-group{display:flex; width:100% !important; margin-top:20px}
    .attach_list{padding-left:0}
    .attach_list .attach_file{padding:10px; margin-bottom:10px}
    .attach_list > li + li{margin-top:10px; padding-top:10px}
}

@media (max-width: 767px) {
    .term-search-wrap{display:block}
    .term-search-wrap .form-inline{width:calc(100% - 88px); display:inline-block; vertical-align:top}
}

@media (max-width: 767px) {
    .guide-info {padding:10px 15px;}
    .guide-info h4 {margin:0;}
    .guide-info h5 {width:92%; margin:0; font-weight:normal;}
    .mypage-guide ul{margin-top:10px}
    .guide-info .icn-del {top:14px; right:15px; width:15px; height:15px;}
    .term-search-wrap-tlt {display:none}

    .date-tlt b {padding:5px; font-size:16px; min-width:100px;}

    .m-btn-group {font-size:0; text-align:center;}
    .text-state {font-size:14px;}
    .m-btn-group>.btn, .m-btn-group>.text-state {display:inline-block !important;}
    .m-btn-group>.btn+.btn {margin-left:3px; margin-top:0;}
    .m-btn-group>.btn{padding:10px 0}
    .m-btn-group>.text-state+.btn {margin-left:3px; margin-top:0;}
    .m-btn-group.m-col-2>.btn, .m-btn-group>.text-state {width:calc(50% - 3px);}
    .m-btn-group.m-col-1>.btn+.btn {margin-left:0px}

    .m-profile-table .dl-table > dt{vertical-align:middle; width:118px; height:118px;}

    .meet-detail > li{padding:10px; min-height:auto}
    .meet-detail dl > *{font-size:13px}
    .meet-detail .tit{font-size:15px}
    .meet-detail .listnone{font-size:14px}
    .meet-detail > li > *{display:block}
    .meet-detail .zoombtn{width:100%; margin-top:15px; text-align:center}
    .meet-detail .zoombtn > *{width:calc(50% - 3px); display:inline-block}

    .cont_detail li > div{padding:10px}
    .cont_detail .date{font-size:15px; margin-top:15px}
    .cont_detail .tit p{font-size:15px; margin-bottom:5px}
}
/** 장바구니 **/
@media (max-width: 767px) {
    .cart-wrap .total-price {font-size:14px; border-top:1px solid #bbb;}
    .cart-wrap .total-price b {font-size:18px;}
    .cart-wrap .t-field .m-block:before {display:none;}
}
/** 일대일문의 **/
@media (max-width: 767px) {
    .m-btn-myqna {position:absolute; top:-7px; right:0}
}
/** FAQ **/
@media (max-width: 767px) {
    .seq-flex {display:flex; flex-flow: column;}
    .seq-flex .order2 { order: 2; }
    .seq-flex .order1 { order: 1;}

    .faq-wrap {font-size:14px;}
    .faq-wrap dt {padding:15px 40px;}
    .faq-wrap dt b, .faq-wrap dt p {display:block; margin:0; width:auto;}
    .faq-wrap dt:before {width:30px; height:30px; top:9px; line-height:25px; font-size:14px;}
    .faq-wrap dd>div:before {width:30px; height:30px; line-height:25px; font-size:14px;}
    .faq-wrap dd>div {padding:0px 20px 15px 40px;}
}
/** 정산관리 **/
@media (max-width: 991px) {
    .detail-box>div {display:block; width:100%; margin:0; padding:5px 10px;}
    .detail-box>div+div:before {width:initial; height:1px; top:0px; left:20px; right:20px;}
    .detail-box dt {width:60px;}
    .detail-box dt i {width:50px; padding:10px;}
    .detail-box .dl-table dt, .detail-box .dl-table dd {vertical-align:middle;}
    .detail-box dd>* {display:inline-block; padding-right:5px; vertical-align:middle;}
}
@media (max-width: 767px) {
    .my-channerl-list ul.goods-slide {padding:10px 0;}
    .my-channerl-list ul.goods-slide li {padding:10px; width:30%; font-size:12px;}
}
/** 쌤찾자관리자 프로필영역 **/
@media (max-width: 767px) {
    .profile-registe-wrap .profile-registe-no {padding:20px 10px;}
    .profile-registe-wrap .profile-registe-no img {width:35%;}
    .profile-registe-wrap .profile-registe .profile-thumb {height:250px; overflow:hidden;}
    .profile-registe-wrap .profile-registe .btn-profile-thumb {top:10px; bottom:auto; right:15px; margin:0;}
    .profile-registe-wrap .profile-registe .dl-table dt, .profile-registe .dl-table dd {font-size:14px; padding:3px 0;}

    .profile-wrap{margin-top:20px;}
    .profile-wrap .tabs-header{display:block; table-layout:auto; margin:30px 0;}

    .m-table-block .m-inline-seqicon {display:inline-block !important; vertical-align:middle; width:60px;}
    .m-table-block .m-inline-seqicon-calc {display:inline-block !important; vertical-align:middle; width:calc(100% - 60px);}
    .table-sns th, .table-sns td{padding: 5px !important;}
    .m-table-block .m-inline-seqicon button{padding:0;}

    .profile-step span{font-size:15px;}

    .profile-type li + li{margin-left:0}
}

@media (max-width: 767px) {
    #modal-pointCouponApply{left:0 !important}
    #FormPointCouponApply ul {font-size: 13px !important;}
    #FormPointCouponApply .table.text-center>tbody>tr>td {text-align: left; padding: 15px 5px;}
    #FormPointCouponApply #sale_236 {text-align: right; padding: 15px 5px;}

    header .srhbar-list{left:7px; right:7px;}
}
/** 연관 추천 **/
@media (max-width: 767px) {
    .ssam-reco{margin:30px -10px; padding:15px 0;}
    .ssam-reco h3{margin:15px 10px}
}


@media (max-width: 767px) {
    .pop-tempbody { width: 100% !important; }
    .pop-tempbody .tmp-footer input { -webkit-appearance: auto; }
}

/* 크리에이터 추가 */
@media (max-width: 991px) {
    .creator .term-search-wrap{padding:0; display:block}
    .creator .term-search-wrap > *{width:100%}
    .creator .term-search-wrap > * + *{margin-top:10px}
    .creator .term-search{position:relative; top:0}
    .creator .selectbox select{max-width:100%}
}

@media (max-width: 767px) {
    .flexnone{display:block}
    .flexnone > * + *{margin-top:10px}
    .creator .container{padding:0 10px 5vh 10px}
    .creator_con > *{box-shadow:2px 4px 6px rgba(0,0,0,0.1); padding:10px}
    .creator_con .cart_tit{font-size:16px}
    .creator_list{margin-right:-10px; border-radius:10px 0 0 10px; padding:10px 0; overflow:hidden}
    .creator_list ul{overflow-x:scroll; white-space:nowrap; margin:-5px}
    .creator_list li{width:36%; margin:5px}
    .creator_list li:first-child{margin-left:15px}
    .creator_list li:last-child{margin-right:15px}
    .creator_list p{white-space:initial; font-size:14px; margin-bottom:10px}

    .creator_con .content_list .dl-table li{padding:0; border:0}
    .creator_con .content_list .dl-table li + li{margin-top:20px}
    .creator_con .d_table .m-btn-group{margin-top:10px}

    .publish_list{padding:5px; position:relative}
    .publish_list ul{width:calc(100% - 45px)}
    .publish_list li{position:initial}
    .publish_list .list_tip{top:42px; left:0; width:100%; margin-left:0}

    .text_chart ul, .creator_con.con2{margin:0; display:block}
    .text_chart li, .creator_con.con2 > *{width:100%; margin:0}
    .text_chart li + li, .creator_con.con2 > * + *{margin-top:5px}
    .creator_list h4{margin-left:10px}

    .term-search2 > div:first-child, .term-search2 .term-search{width:100% !important}
    .term-search2 .term-search-wrap + .term-search-wrap{margin-top:10px}
    .term-search2 > button{height:auto; width:100% !important}

    /* 211108 추가 */
    .md-star i{font-size:20px}
    .fa-star.half::after{left:2px}
    .meet_review{padding:0}
    .meet_review  > div{width:calc(100% - 75px) !important}
    .meet_review .tit{font-size:14px; width:55px; margin:0 0 10px 0}
    .meet_review + .meet_review{padding:0; margin-top:20px}
    .meet_review + .meet_review::before{content:none}
    .graph_tit{font-size:14px}
    .modal-body .meet_review{padding:0}
    .modal-body .meet_review + .meet_review{margin-top:0; padding:0}
    .modal-body .meetpop_admin .meet_review + .meet_review{margin-top:10px}
    .meet_list dl:first-child > *{font-size:14px}
    .member-list li > div{width:calc(100% - 33px)}
    .member-list li > div > * + *{margin-left:0}
    .member-list .mo-size{width:calc(100% - 95px)}
    .member-list button{margin:5px 0 0 5px !important; height:34px}
    .member-list input{margin-top:5px}
    .mem-edit input{max-width:100%}
    .member-list b{line-height:117px; vertical-align:top}

    .emblem-lg{font-size:16px}
    .emblem-prev, .emblem-next{display:none}
    .conright0{margin-right:-10px}
    .conright0 > *{border-radius:10px 0 0 10px; padding:10px 0}
    .conright0 h4{padding:0 10px}
    .conright0 .swiper{padding:0 10px}
    .emblem-list{margin:20px 0; width:100%}
    .emblem-noti{width:24px; height:24px; background-size:100% 100%}
    .emblem{margin:0; height:15px; width:15px; background-size:auto 100%;}
}

/* 쌤찾자 */
@media (max-width: 991px) {
    .chat td{padding:0 !important; border:1px solid #ddd !important; margin-bottom:15px}
    .chat_tit, .chat_text{padding:10px}
    .chat_tit p{font-size:15px}
    .chat_tit .label{display:none}
    .chat_list{padding:20px 10px}
    /* .chat_list{padding:20px 10px; max-height:none; height:calc(100% - 88px)} */
    .chat_list .text{padding:10px 15px; font-size:15px; max-width:65%}
    .chat_list .time{bottom:10px; right:-65px; font-size:12px}
    .chat_list .right .time{left:-65px}
    .mchat_btn{position:relative; width:40px; height:40px; text-indent:-9999px; background:url("//tvcache.teacherville.co.kr/ssam/img/m_chat.png") no-repeat center; background-size:24px auto}
    .mchat_btn .label{position:absolute; top:0; right:0; text-indent:0; padding:0; width:20px; height:20px; line-height:20px; font-size:10px}
    /* .chat{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:10; display:none} */
    .chat td{height:100%;}
    /* .chat .toggle{display:block; height:calc(100vh - 47px)} */
    /* .chat_text{position:absolute; bottom:0; left:0; width:100%; background:#fff} */
    .m-btn-group>.text-state.xs_hidden{display:none !important}
    .notScroll {overflow:hidden; width:100%; height:100vh; touch-action:none}
}


/* 221012_쌤찾자 수정 */
@media (max-width: 991px) {
    .teacher-list{border:0; padding:0; border-radius:0}
    .teacher-list > div{padding:10px}
    .teacher-list .tit{font-size:16px; margin-bottom:5px}
    .teacher-list li{font-size:15px}

    .teacher_tab p{font-size:14px}
    .teacher_tab span{font-size:16px}
}

@media (max-width: 1300px) {
    .cal_banner{margin-left:0; left:auto; right:10px; top:50% !important; position:fixed; width:85px}
}

/* 쌤모임 캘린더 */
@media (max-width: 767px) {
    .cal_banner{width:60px}
    .ctr-box span{font-size:18px}
    .ctr-box{margin:10px}
    .ctr-box .btn-cal{width:24px; height:24px; background-size:100% 100% !important; margin:0 10px}
    .my-calendar{display:block; border-radius:0; border:0; overflow:visible}
    .my-calendar .cal-table{box-shadow:0 0 0 1px #ddd; border-radius:10px; overflow:hidden}
    .cal-table tr > *{font-size:16px; height:55px}
    .cal-table th{height:50px}
    .cal-table td{padding:0; text-align:center; vertical-align:middle}
    .cal-body .today::before{top:50%; left:50%; transform:translate(-50%, -50%); border:2px solid #333}
    .cal-body .today span::before{width:5px; height:5px; border:0; background:#333}
    .cal-tooltip{display:none !important}
    .cal-body .day-active::after{width:36px; height:36px; background:#f36c65; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; border:0}
    .cal-body .day-active{color:#fff !important}
    .my-calendar .cal-table td label{text-indent:-9999px; width:7px; height:7px; border-radius:100%; bottom:10px; left:50%; transform:translateX(-50%)}
    .clicked-date{border:1px solid #ddd; margin-top:10px}
    .click-tit{display:none}
    .live_list{padding:0; max-height:none; overflow:visible; margin:0}
    .live_list li{position:relative; margin:10px}
    .live_list li:first-child::before{content:''; position:absolute; top:-10px; left:-10px; right:-10px; height:1px; background:#ddd}
    .live_list .tit{font-size:16px; line-height:20px; height:40px}
    .live_list li + li{margin-top:10px; padding-top:10px}
    .click-cal{font-size:16px; height:auto; padding:10px 0; border:0}
    .live_list{margin-top:0}
    .my-calendar .label1{width:100px; font-size:13px}
    .live_list .label2{width:55px; font-size:12px; height:20px; line-height:20px}
    .live_list .img{width:100px; height:75px}
    .live_list .tit{width:calc(100% - 110px)}
    .live_list .flexbox{align-items:flex-start; margin:10px 0 0 0}
    .live_list .info{position:absolute; bottom:0; left:110px}
}


/* 선불카드 */
@media (max-width: 991px) {
    .prepay{margin-top:10px}
    .prepay *{font-size:14px}
    .prepay li{padding:10px; display:block}
    .prepay .tit{margin-bottom:10px}
    .prepay .tit p{font-size:16px; /*margin:5px 0 0 0*/ margin:0 0 10px}
    .prepay .tit strong{font-size:16px}
    .prepay .info{display:block; text-align:right}
    .prepay .info strong{font-size:16px}
    .prepay .m-btn-group{width:100%; margin:10px 0 0 0}
    .prepay .m-btn-group>.btn+.btn{margin:5px 0 0 0}
    .m-tac{text-align:center}
    .creator_btn{margin-top:10px}
    .creator_btn .btn{width:100%}

    .point_info{display:block; margin:10px 0}
    .point_info li{width:100%; margin:0; height:40px; line-height:40px; padding:0 10px}
    .point_info li + li{margin:10px 0 0 0}
    .point_info span, .point_info strong{font-size:16px}

    .prepay_obj{margin-top:15px}
    .prepay_obj > div + div{margin-left:10px}
    .prepay_obj *{font-size:14px}
    .prepay_obj dt{width:75px}
    .prepay_obj .img{width:40%}
}

/* 230718 메인 개편 */
@media (max-width: 991px) {
    .basket_box{grid-template-columns:auto 200px}
    .download_btn{font-size:16px}
    .basket_box .download_btn{top:32px; width:auto}
    .basket_box .line-through{font-size:18px; background-size:auto 18px, auto 18px; padding:0 80px 0 30px; background-position:left center, right 25px center}
    .basket_box .price{font-size:24px; margin-left:20px}
    .basket_box img{height:30px}
    .basket_box .cart_btn{font-size:20px}

    /* 쿠폰시스템 추가 */
    .coupon_info{grid-template-rows:1fr 1fr; grid-template-columns:135px auto; row-gap:10px}
    .coupon_my{margin:0}
    .coupon_my li{width:100%; margin:0}
    .coupon_my li + li{margin-top:10px}

    .meet_swiper .meet_dim .tit{font-size:18px; margin-bottom:5px}
    .meet_swiper .meet_dim .bar{height:23px}
}

@media (max-width: 767px) {
    .main_swiper{margin:0; padding:0}
    .main_swiper .title{display:none}
    .rank_list h5{padding-left:38px}
    .topnum{font-size:45px; bottom:32px; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
    .main_banner2{display:block}
    .main_banner2 > *{border-radius:10px}
    .main_banner2 > * + *{margin:10px 0 0 0}
    .main_banner2 img{width:100%}
    .main_border{padding-top:20px}
    .main_tab{margin:0 -10px 20px; overflow:auto; padding:0 10px}
    .main_tab button{font-size:14px; height:30px; padding:0 15px; min-width:auto; white-space:nowrap}
    .main-warp .goods-swiper .swiper-container, .channel-swiper .swiper-container{margin:0 -10px; padding:0 10px}
    /* .back-wrap .main_banner{margin:20px -10px 0; width:calc(100% + 20px)} */
    .basket_box{display:block; background:#1d1d1d; border-radius:10px; padding:20px 10px}
    .basket_box .price_list img{display:block; margin:0 auto; height:25px}
    .basket_box .price{margin:10px 0 0 0}
    .basket_box .line-through{font-size:16px; padding:0 70px 0 25px; background-size:auto 18px, auto 16px}
    .basket_box .btn_list{margin-top:20px}
    .basket_box .download_btn{position:relative; top:auto; right:auto; width:100%}
    .basket_box .btn_list button{border-radius:3px; padding:0; height:50px; font-size:16px}
    .basket_box .btn_list button + button{margin-top:10px}
    .basket_box .cart_btn{background:#ffd055}
    .basket_box .cart_btn i{width:26px; height:20px; background-size:auto 100%; font-weight:normal}
    .main_coupon{display:block}
    .main_coupon > div{padding-top:20px; border-radius:10px}
    .main_coupon > div + div{margin:10px 0 0 0}
    .main_coupon .subtit{font-size:14px; margin-bottom:5px}
    .main_coupon .tit{font-size:20px}
    .main_coupon button{margin-top:15px; height:50px}
    .main_noti{text-align:left}
    .goods-swiper .swiper-slide:nth-last-child(-n+3) .topnum + h5{margin-left:18px}
    .main-warp .caption span.nowrap{max-width:calc(100% - 50px)}

    .tab_radio{padding:10px}
    .sorting{margin-top:10px}
    .sorting li + li::before{top:4px}
    .sorting li a{font-size:13px}
    .sorting button{min-width:auto}

    /* 쿠폰시스템 추가 */
    .table_box *{font-size:14px}
    .coupon_list{max-width:450px; margin:0 auto}
    .coupon_list li > div{padding:10px}
    .coupon_list .tit{font-size:24px}
    .coupon_list .text{margin-bottom:15px}
    .coupon_list label{bottom:auto; top:12px; right:10px; font-size:13px; width:80px; height:23px; line-height:21px}
    .coupon_list .text span{font-size:15px}

    .coupon_box{padding:10px}
    .coupon_box > div{flex-wrap:wrap; margin:-2.5px}
    .coupon_box dl{width:calc(50% - 5px); margin:2.5px; border-radius:5px; grid-template-rows:40px auto}
    .coupon_box dl + dl{margin:2.5px}
    .coupon_box dt{line-height:40px; font-size:14px}
    .coupon_box .noti{text-align:left; font-size:14px; display:block}
    .coupon_box .noti p + p{margin-top:5px}
    .coupon_box strong{font-size:16px}

    .coupon_add{grid-template-columns:65px auto 85px; column-gap:10px}
    .coupon_add p{font-size:15px}
    .coupon_add .btn-md{width:100%}

    .coupon_my li{padding:10px; border-radius:10px}
    .coupon_my label{font-size:13px; font-weight:normal; height:25px; line-height:23px; padding-left:15px; width:90px; top:15px}
    .coupon_my .flexbox{padding-left:90px}
    .coupon_my .flexbox p{font-size:22px}
    .coupon_my .nowrap2{font-size:14px; margin:10px 0}

}

/* 기관쌤모임 */
@media (max-width: 767px) {
    :root{
        --font-16:14px
    }

    .payCont{margin:0 auto 50px}
    .newPayment{display:block; font-size:14px; margin-top:30px}
    .newPayment .leftBox > div + div{margin-top:20px}
    .table01 tr > *{padding:10px}
    .table01 tbody tr{display:flex; flex-wrap:wrap}
    .modal .table01 tbody tr{display:table-row}
    .table01 th{width:28% !important}
    .table01 td{width:72% !important}
    .table01.col2 th, .table01.col2 td{width:100% !important}
    .table01.col2 tbody th{padding-bottom:0}
    .table01 tbody tr > *{border:0 !important; background:0; word-break:keep-all}
    .m_border{border-top:1px solid #ddd !important}
    .table01 .d_table{display:table !important}
    .checkPay{padding:10px; border:1px solid #ddd}
    .payRadio{padding:10px}
    .payRadio i{display:block; margin:0 auto 5px; background-size:100% auto !important}
    .payRadio .card, .payRadio .bank{width:30px; height:25px}
    .payRadio .payco, .payRadio .samsung{width:25px; height:25px}
    .checkPay .method{margin-bottom:10px}
    .payTotal{margin-top:20px}
    .payTotal .info{padding:0}
    .payTotal .bold, .payTotal .info .total dl > *, .table01 .form-control{font-size:14px !important}
    .payTotal .info dl{margin:0; padding:10px; border-bottom:1px solid #ddd}
    .payTotal .info .total{margin:0; padding:10px; border-top:0}
    .payTotal .info dl:first-child{background:#f8f8f8}
    .payTotal .btn-group-buy{padding:10px}
    .payTotal .pay_btn{padding:0; margin:10px 0; padding:0; border:0}
    .pay_agree{border-top:1px solid #ddd; margin-top:10px}
    .pay_agree > div{padding:10px}
    .payTotal .pay_btn p{margin:10px 0}
    .dc_box{grid-template-columns:auto 85px}
    .dc_box .text-gray{margin-top:10px; text-align:right; grid-column:1 / span 2}
    .prepay .tit strong{display:block}
    .ssam_tit{border-radius:5px; padding:10px}
    .ssam_tit span{display:none}
    .ssam_tit .icon01{width:24px; height:24px; background-size:100%}
    .ssam_point{display:block; border:0; margin:15px 0}
    .ssam_point .my_point{display:block; padding:0; border:0; background:0}
    .ssam_point.box2 .my_point{display:block}
    .my_point dl, .ssam_point.box2 .my_point dl{padding:10px !important; background:#f8f8f8; border:1px solid #ddd; border-radius:5px; display:flex; justify-content:space-between}
    .ssam_point .my_point dl + dl{padding-top:10px; margin-top:10px}
    .my_point dd{font-size:16px}
    .prepay .tit p, .prepay .tit strong{font-size:14px}
    .ssam_point.box2 .my_point{margin:15px 0; display:block}
    .ssam_point.box2 .my_point dl + dl{margin:10px 0 0}
    .point_term{margin:20px 0; border:1px solid #ddd; padding:20px 10px 10px}
    .point_term .tit{font-size:16px}
    .point_term .tit strong{display:block; margin:5px 10px 0}
    .point_term ul{margin-top:15px; flex-wrap:wrap}
    .point_term li{width:calc((100% - 30px)/3); border-radius:5px}
    .ssam_point .infobox{padding:10px; border:1px solid #ddd; margin-bottom:10px}
    .ssam_point .infobox dl + dl{margin-top:10px; padding:0}
    .ssam_point .kakaobox{padding:10px; margin:10px -10px -10px; display:block}
    .point_list_wrap{padding:10px}
    .point_input{margin-bottom:10px; padding-bottom:10px}
    .point_input .flexbox{flex-wrap:wrap; margin:-5px}
    .point_input .flexbox > *{margin:5px}
    .point_input .btn{width:calc(50% - 10px)}
    .point_input .form-control, .point_input .btn-default{width:calc(100% - 10px)}
    .point_list{margin-top:10px}
    .point_list li{display:block; padding:10px; position:relative}
    .point_list .chklist{position:absolute; top:7px; left:10px}
    .point_list .inputarea{margin:0}
    .point_list .inputarea p{padding-left:30px}
    .point_list .icn-del{display:none}
    .point_list .grid{grid-template-columns:1fr 1fr; position:relative; gap:10px}
    .point_list .grid .m_grid1{grid-column: 1 / 3}
    .point_list .grid .m_pa{position:absolute; top:0; right:0; width:calc(50% - 5px)}
    .inputbox input{width:calc(100% - 9px)}
    .point_list .grid .tac{text-align:left !important}
    .point_list .wave::before{left:-10px}
    .ssam_list dl + dl{margin-top:10px}
    .ssam_list li > div + div{margin-top:20px}
    .ssam_list .btn + .btn{margin-top:0}

    .lg_tab{margin-bottom:20px}
    .lg_tab > *{height:45px; font-size:16px}
    .lg_tab > * + *{margin-left:10px}
    .ssam_buy{margin:-5px}
    .ssam_buy li{width:calc(50% - 10px); margin:5px; padding:10px}
    .ssam_buy .price{font-size:18px}
    .ssam_buy .btn{margin:5px -10px -10px; width:calc(100% + 20px); height:40px}

    .prepay_con{display:block}
    .product-info .num_input{font-size:17px}
    .product-info .num_input .form-control{font-size:16px; height:34px; width:70%}
    .prepay_con dl{display:grid; grid-template-columns:100px auto}

    .pop_box *{font-size:14px}
    .pop_box h5{font-size:16px; margin-bottom:10px}
    .price_box{padding:20px 0}
    .price_box .tit{font-size:14px}
    .price_box .price{font-size:18px}

    .meet_swiper .meet_dim{display:flex}
    .meet_swiper .meet_dim .tit{font-size:18px; margin-bottom:5px}
    .meet_swiper .meet_dim .bar{height:23px}

    .meet_swiper .swiper-slide{position:relative}
    .meet_swiper .swiper-pagination{display:block}

    .upload_layer{padding:10px; border-radius:3px; top:40px; left:auto; right:0}
}

@media (max-width: 991px) {
    .fixbanner_b .title{font-size:18px}
    .fixbanner_b{font-size:16px}
    .fixbanner_b .inner{gap:10px}
}
@media (max-width: 767px) {
    .fixbanner_b{font-size:14px; padding:15px 0}
    .fixbanner_b.bottom{bottom:-96px}
    .fixbanner_b .inner{grid-template-columns:1fr 1fr; padding:0 10px !important; gap:5px}
    .fixbanner_b .title{grid-column:1/3}
    .fixbanner_b .f_box > *{height:35px; line-height:38px}
    .fixbanner_b .f_box .tit{padding:0 10px 0 25px; width:60%; background-size:14px auto; background-position:left 8px center; border-radius:5px 0 0 5px}
    .fixbanner_b .c_box{width:40%; padding:0 10px; text-align:left; background-size:auto 10px; border-radius:0 5px 5px 0}
    .fixbanner_b .b_box{display:none}


    /* 쌤찾자무료화 */
    .chk_btn{margin:10px auto 0; width:100%}
    .like_btn{top:13px; left:13px; width:22px; background-size:100% auto !important}
    .product-info .ssam_info dt{display:inline-block; width:110px}
    .product-info .ssam_info dd{display:inline-block; width:calc(100% - 110px); padding-left:15px}
    .teacher_chat > *{font-size:14px}
    .teacher_chat p{margin-left:10px}


    /* 쌤찾자 추가 */
    .badge0{z-index:2; height:40px}
    @keyframes badge0{0%, 100%{left:-5px} 50%{left:0}}

    .m-btn-group.kind{flex-wrap:wrap; margin:-5px}
    .m-btn-group.kind > *{padding:0; margin:5px; width:calc(50% - 10px)}
    .m-btn-group.kind > * + *{margin:5px}
}