@charset "utf-8";
.forDesk {display:block;}
.forMobile {display:none;}
@media (max-width:1800px){
/*    .pc-fix-wrap {width: 1920px !important}*/
}
@media (max-width:1400px){
}
@media (max-width:1200px){
    /*Common*/
    .main-wrap .inner {width: 100%;padding: 0 33px}
    .main-wrap .ft-bottom .inner {padding: 45px 35px 65px}
    .sticky-gnb .inner {padding: 20px 35px}
    .main-wrap #gnb > li h3 > a {font-size: 20px;padding: 0 30px}
    .main-wrap #gnb > li:first-of-type h3 > a {padding: 0 30px 0 0}
    .sticky-gnb .info-wrap > .box-sticky-dep2 > ul > li > a {font-size: 12px}

	/*지역 총판 안내*/
	.area-info {padding:30px 40px 30px 180px; background-position:left 40px center;}

	/* faq */
	.faq.type-faq .answer .cs_info p {float:none; width:100%;}
	.faq.type-faq .answer .cs_info .cs_tel {float:none; width:100%; margin-top:15px;}

	/* 필수프로그램 */
	.program li {padding:0 50px 0 120px;}
	.program li i {left:35px;}

	/* 원격지원 */
	.remote .remote-tit {padding-left:250px; background-position:left center;}
	.remote .remote-tit .link a {width:30%;}
	
	.reservation > div > .con {padding:25px;}
	.reservation .calendar tbody td {padding:25px 0;}
    
    .video-pop .popup-box {width: 100%;height: auto;padding: 0 15px}
    
    .bd-util .tag-list {width: 60%}
}
@media (max-width:1024px){
	.forDesk {display:none;}
	.forMobile {display:block;}
    /*Common*/
    .main-wrap #gnb .dep2 .inner p {font-size: 23px;padding-right: 30px}
    .main-wrap .box-dep2 > ul > li > a {font-size: 14px}
    .main-wrap .box-dep4 ul {width: 50%}
    .main-wrap .hd-utill a {font-size: 12px}
    .box-menuArea h4 span {font-size: 20px}
    .all-menu-wrap .all-menu-list > li dt {font-size: 18px}
    .all-menu-wrap .all-menu-list dd li a {font-size: 14px}
    .main-wrap .box-all-menu {display: none}
    #lnb .swiper-slide > a {font-size: 14px}
    
    /*탭-탭이 많은 경우*/
    .respon-tab.tab-long {overflow: auto;display: block;white-space: nowrap}
    .respon-tab.tab-long > li {display: inline-block;width: auto}
    .respon-tab.tab-long > li > a {padding: 5px 30px !important}
/*    .respon-tab.tab-long > li.active > a {padding: 10px 30px !important}*/
    
    /*나의정보*/
    .my-info-wrap > li > .my-info-box .btn-ty {font-size: 16px}
    .my-info-wrap > li > .my-info-status li a {font-size: 28px}
    
    .sv-webzine .thumb {display: block !important;position: relative;top: 0;padding-top: 40px}
}
@media (max-width:900px) {
    .future-class-hdr {margin-top: 0}
    /*Common*/
    .main-wrap {padding-bottom: 110px;background: #f8f8f8;min-height: auto !important}
    .main-wrap header, .main-wrap footer, .box-menuArea, .quick-menu, .box-sticky {display: none !important}
    #mo-sub-header {display: block}
    .main-wrap #container {padding: 30px 0;background: #fff}
    .main-wrap #container.menu-cea, .main-wrap #container.menu-ten, .main-wrap #container.menu-lab, .main-wrap #container.menu-res, .main-wrap #container.menu-svc {padding-top: 0}
    .bd-gallery-cnt ~ .box-paging02/*, .bd-gallery-cnt .box-paging02*/ {display: none}
    .bd-gallery-cnt .thumb-list-ty li {margin-top: 0}
    .bd-gallery-cnt .thumb-list-ty {display: block !important}
    .bd-wrap {margin: 0}
    .bd-cnt {margin-top: 0}
    .bd-wrap .bd-util {width: calc(100% + 66px);margin-left: -33px;padding: 25px 33px 40px;background: #fff;text-align: center}
    .bd-wrap .bd-util.white {text-align: left}
    .tit-container .aside {width: 100% !important;margin-left: 0 !important;padding: 10px 0 20px !important;text-align: right !important; display: none}
    .bd-util .box-bd-search, .bd-util .box-bd-search input {width: 100%}
    .bd-util .box-bd-search input {height: 80px;font-size: 20px;color: #666;padding: 0 80px 0 30px;border: 1px solid #e5e5e5}
    .bd-util .box-bd-search input::placeholder {color: #666;font-weight: 200}
    .bd-util .box-bd-search .btn-bd-search {width: 35px;height: 37px;right: 35px}
    .bd-wrap .bd-util .tag-list, .bd-wrap .bd-util .ico-bd-list, .bd-wrap .bd-util .ico-bd-thumb, .bd-util .list-sch-ty {display: none}
    .more-img-btn, .mo-more-btn {display: block}
    .cnt-tit {margin-bottom: 20px;float: none !important;display: block}
    .content-box.ty03 {margin-bottom: 40px}
    .bd-wrap .content-box:first-child {margin-top: 30px}
    .bd-util.padding + .bd-cnt {margin-top: 0}
    .detail-wrap02 {margin: 0}
    .box-detail-tit03 .detail-tit {/*max-width: none;*/padding: 10px 0}
    .detail-wrap .box-category > p {margin: 0 20px 10px 0}
    .thumb-list-ty:not(.noHover) > ul > li:hover {box-shadow: none !important;border-top: 1px solid #fff !important;border-right: 1px solid #fff !important;border-left: 1px solid #fff !important}
    
    .tit-container.line {margin-top: 30px}
    
/*    .menu-lab {margin-bottom: 0}*/
    
    /*반응형 테이블*/
    .respon-tb col, .respon-tb thead, .respon-tb tbody td {display: none}
    .respon-tb .mo-view, .respon-tb .tb-info-li {display: block}
    .respon-tb .title.mo-view .checks {display: inline-block}
    .table-ty02 tr.new td.title::after {display: none}
    .table-ty02 tr.new td.title > a::after {display: inline-block}
    
    /*모바일*/
    #mo-header, #mo-footer, #mo-doc {display: block}
    
    /*팝업*/
    .basic-pop {position: fixed;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);width: 95%}
    .basic-pop .pop-tit {font-size: 20px}
    .basic-pop .pop-sub-tit {font-size: 12px}
    
    /*탭*/
    .tab-ty > li > a {font-size: 14px}
    .tab-ty > li.active > a {font-size: 18px}
    .bd-wrap .tab-ty {width: calc(100% + 66px);margin-left: -33px;display: block;white-space: nowrap;overflow-x: auto;font-size: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #fff;padding: 0 33px;margin-top: 0 !important}
    .bd-wrap .tab-ty > li {display: inline-block;width: auto;margin-right: 20px}
    .bd-wrap .tab-ty > li:last-child {margin-right: 0}
    .bd-wrap .tab-ty > li > a {font-size: 24px;font-weight: 500;padding: 27px 17px !important;color: #888;border: none !important;position: relative}
    .bd-wrap .tab-ty > li.active > a {font-size: 24px;color: #00cbb4;background: none;border: none !important}
    .bd-wrap .tab-ty > li.active > a::after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 5px;background: #00cbb4}
    
    /*썸네일리스트*/
    .thumb-list-ty.row04 > ul > li {width: calc(50% - 13px)}
    .thumb-list-ty.row04 > ul > li:nth-child(2n) {margin-right: 0}
    
    /*검색*/
    .bd-util .tag-list, .bd-util .sel-li {width: 100%;margin: 0 0 20px;float: none}
    
    /*게시판상세*/
    .detail-wrap02 .bd-dt-tit > .box-tit .tit.nt-tit::before {top: 2px}
    .detail-wrap02 .bd-dt-tit {padding: 20px 20px 20px 30px}
    .detail-wrap02 .bd-dt-tit > .box-tit .tit {font-size: 16px}
    .detail-wrap02 .bd-dt-attach {padding: 15px 20px 15px 30px}
    .detail-wrap02 .bd-dt-cnt {padding: 20px}
    .detail-wrap02 .bd-dt-quick {padding: 10px 20px 10px 30px}
    .detail-wrap02 .bd-dt-quick > a > .tit, .detail-wrap02 .bd-dt-quick > a > .txt {font-size: 14px}
    
    /*나의정보*/
    .my-info-wrap > li > .tit {display: block;line-height: 1.2;margin-bottom: 20px;font-size: 30px;width: 100%;padding-right: 0}
    .my-info-wrap > li > .my-info-box .name span {font-size: 25px}
    .my-info-wrap > li > .my-info-box {width: 52%;padding-right: 40px}
    .my-info-wrap > li > .my-info-status {width: 48%}
    .my-info-wrap > li > .my-subsc-box {width: 100%}
    
    /*My Class-내 교과서*/
    .myBook-li > li {width: 100%;margin-right: 0}
    
    /*창의적체험활동-상세*/
    .detail-wrap {margin-bottom: 0}
    .detail-wrap .detail-util {background: none;padding: 0;margin-bottom: 0}
    .detail-wrap .detail-util .box-nav {display: none}
    .detail-wrap .detail-util .box-btns {position: absolute;right: 0;top: 43px}
    .detail-tit {font-size: 40px;padding: 25px 85px 25px 0;margin-bottom: 15px;line-height: 1.2}
    .detail-wrap .detail-cnt {display: block}
    .detail-wrap .detail-cnt > * {display: block;width: 100% !important;margin: 0;padding: 0}
    .detail-wrap .detail-cnt > .box-info {padding-left: 0 !important;margin-top: 20px}
    .detail-wrap .detail-cnt > .box-info .box-info-txt {min-height: auto !important;padding-bottom: 0}
    .detail-wrap .detail-cnt > .box-info .list-down-btns, .detail-wrap .detail-cnt > .box-info .btn-ty.ty09.md02 {display: none}
    .mo-sbj-btn, .mo-sbj-down-li, .mo-sbj-nav-li {display: block}
    .detail-wrap .detail-cnt > .box-info .category-ty {color: #00cbb4;background: none;border: 1px solid #00cbb4;width: 73px;line-height: 30px;padding: 0;font-weight: 500;vertical-align: middle;text-align: center}
    .link-ty {vertical-align: middle}
    .detail-wrap .detail-cnt > .box-info .list-hashTag {margin: 10px 0 0}
    .detail-wrap .detail-cnt > .box-info .list-hashTag > li {font-size: 16px;padding: 8px 15px;margin: 0 4px 5px 0}
    .detail-wrap > .ly-top {padding-bottom: 24px;margin-bottom: 45px;border-bottom: 1px solid #e5e5e5}
    .thumb-list-ty > ul > li {width: 100% !important;padding: 0 0 20px;margin: 0 0 20px;border-bottom: 1px solid #e5e5e5}
    .thumb-list-ty > ul > li > a {position: relative;font-size: 0}
    .thumb-list-ty.video-type > ul > li > a {width: 280px;display: inline-block;margin-right: 23px}
    .video-detail .thumb-list-ty.video-type > ul > li > a {width: 100%;display: block;margin-right: 0}
    
    
    .thumb-list-ty .thumb {width: 280px;height: 160px;margin-right: 23px;display: inline-block;vertical-align: top}
    .thumb-list-ty .info {width: calc(100% - 313px);display: inline-block;vertical-align: top;padding: 0}
    .thumb-list-ty .info .info-category > li {font-size: 16px;color: #8d8d8d;border: 1px solid #c4c4c4;line-height: 30px;background: #eee;padding: 0 10px}
    .thumb-list-ty .info .info-tit {font-size: 26px;font-weight: 500}
    .thumb-list-ty .info .info-txt {min-height: 32px}
    .thumb-list-ty .info .info-nav {font-size: 16px;font-weight: 200}
    .thumb-list-ty .info .info-nav .category {color: #00cbb4;background: none;border: 1px solid #00cbb4;width: 73px;line-height: 30px;padding: 0;font-weight: 500;vertical-align: middle;text-align: center}
    .img-list-ty > li {margin-top: 0;padding: 0 0 20px;margin: 0 0 20px;border-bottom: 1px solid #e5e5e5}
    .img-list-ty > li > *:first-child {width: 280px}
    .img-list-ty > li .thumb {width: 280px;height: 160px}
    .img-list-ty > li .info {padding: 0 23px}
    .img-list-ty .this-post {padding: 10px 23px 0}
    .img-list-ty .info .info-category > li {font-size: 16px;color: #8d8d8d;border: 1px solid #c4c4c4;line-height: 30px;background: #eee;padding: 0 10px}
    .img-list-ty .info .info-tit {font-size: 26px;font-weight: 500}
    .img-list-ty .info .info-txt {min-height: 32px}
    .img-list-ty .info .info-nav {font-size: 16px;font-weight: 200}
    .img-list-ty .info .info-nav .category {color: #00cbb4;background: none;border: 1px solid #00cbb4;width: 73px;line-height: 30px;padding: 0;font-weight: 500;vertical-align: middle;text-align: center}
    .survey {margin: 0}
    
    .menu-res .detail-wrap, .menu-cea .detail-wrap {padding-top: 40px}
    .menu-res .detail-wrap .box-detail-tit03 .box-btns, .menu-cea .detail-wrap .box-detail-tit03 .box-btns {bottom: 20px}
    .detail-wrap.video-detail > .ly-top {margin-bottom: 0;border-bottom: none}
    .remote-reser {padding-bottom: 0}
    #notice {margin-top: -20px}
}
@media (max-width:768px){
    /*게시판검색*/
    .bd-util .checks label {font-size: 14px !important;margin: 5px 10px 5px 0}
    
    /* faq */
	.faq .question {width:100%;}
	.faq .answer {position:relative; left:0; top:0; width:100%; height:auto; max-height:inherit; padding:80px 30px 30px; margin-top:-1px;}
	.faq .answer:before {font-size:24px; left:30px;}
	.faq .answer .con p + p {margin-top:15px;}	
	.faq .answer .cs_info {position:static; width:100%; margin-top:30px; height:auto;}
	.faq .question.on {font-size:17px;}
	.faq .question.on .field {font-weight:300;}

	/* 필수프로그램 */
	.program li {float:none !important; width:100%; height:auto; padding:30px 20px 30px 100px;}
	.program li i {width:40px;}
	.program li i img {width:100%;}
	.program li div {top:0; transform:translateY(0);}
	.program li div strong {font-size:17px;}

	/* 원격지원 */
    .remote {padding: 60px 0}
	.remote .remote-tit {padding-left:0; padding-top:150px; text-align:center; background-position:center top; background-size:150px;}
	.remote .remote-tit .tit {font-size:22px;}
	.remote .remote-tit .sub span {display:inline; word-break:keep-all;}
	.remote .remote-tit .link a {font-size:15px;float: none !important}

	.order-info {padding:35px 20px 0;}
	.order-info > strong {float:none; width:100%; margin-bottom:20px; font-size:24px; text-align:center;}
	.order-info > div {float:none; width:100%;}	
	.order-info .go-box li {padding:20px;}
	.order-info .go-box li strong {font-size:16px;}
	.order-info .go-box li a {line-height:40px;}
	.order-info .go-box li a span {font-size:16px;}
	
	.number-con ol li p {font-size:15px;}
	.number-con ol li p.top {margin-top:0;}

	/* 원격지원 */
	.reservation > div {float:none !important; width:100%;}
	.reservation > div + div {margin-top:50px;}

	.info-input label {display:inline-block; width:20%; margin-bottom:10px;}
	.info-input input + label {margin-left:0;}
	.info-input input[type="text"] {width:70%; margin-bottom:10px;}
	.info-input input[type="number"] {width:50%; margin-bottom:10px;}
	.info-input input[type="button"] {width:20%; margin-bottom:10px;}
	.info-input p {padding-left:20%;}

	.filebox:after {display:block; content:''; clear:both;}
	.filebox .file-btn {float:left;}
	.filebox .file-name {float:left; width:calc(100% - 129px); margin:0 5px;}
	.filebox .file-add {float:left; margin:7px 0 0 0;}
    
    .evt01_reco li { float:none; margin:30px 0 0 0; width:100%; padding:0 50px;}
    .evt-list > li {width: 48%}
    .evt-list > li:nth-child(2n) {margin-right: 0 !important}
    .evt-list > li:nth-child(3n) {margin-right: 4%}
    .evt-list > li .tit {font-size: 15px}
    .evt-list > li .txt {font-size: 13px;margin: 5px 0 10px}
    .evt-list > li .date {font-size: 13px}
    .evt-list .end-evt-box > span {font-size: 14px}
    .evt-list .end-evt-box > a {font-size: 15px;padding: 5px}
    
}
@media (max-width:640px){
    .sm-inner, .lay-pop .pop-wrap {width: 95% !important}
    .box-paging02 li + li {margin-left: 2px}
    .box-paging02 li.pg-prev {margin-right: 5px}
    .box-paging02 li.pg-next {margin-left: 6px}
    .box-paging02 li > a {width: 23px;height: 23px;line-height: 21px;font-size: 11px}
    .box-paging02 li.pg-prev > a, .box-paging02 li.pg-next > a {width: 13px !important;height: 23px !important}
    .lay-pop.ty03 .pop-tit {font-size: 20px;line-height: 1.2}
    .lay-pop.ty03 .pop-txt {font-size: 13px}
    .lay-pop.ty03 .pop-foot .btn-ty {width: calc(33.33% - 7px);font-size: 13px;line-height: 35px;height: 35px}
    .table-ty02 th[scope="col"] {font-size: 14px;padding: 8px 0}
    .table-ty02 td, .table-ty02 th[scope="row"] {font-size: 13px !important;padding: 10px}
    .respon-tb .tb-info-li > li {font-size: 13px}
    .bd-wrap .tab-ty > li > a, .bd-wrap .tab-ty > li.active > a {font-size: 16px !important;padding: 20px !important}
    .bd-util .box-bd-search {margin-top: 0 !important}
    .bd-util .box-bd-search input {height: 50px !important;font-size: 16px;padding: 0 60px 0 20px}
    .bd-util .box-bd-search .btn-bd-search {right: 20px;width: 23px;height: 24px}
    
    /*모바일*/
    .bd-wrap .tab-ty {padding: 0 20px}
    .bd-wrap .bd-util {padding: 20px 20px 40px;width: calc(100% + 40px);margin-left: -20px}
    .main-wrap .inner {padding: 0 20px}
    .mo-main-wrap {padding-bottom: 75px;min-height: auto !important}
    .mo-inner {padding: 0 20px}
    #mo-header {height: 80px}
    #mo-header .m-header-logo {width: 100px;height: 39px;left: 20px}
    #mo-header .m-header-daily {width: 22px;height: 27px;right: 20px}
    .mo-vi .slick-dots {bottom: 10px}
    .mo-vi .slick-dots li button {width: 11px;height: 11px}
    .mo-vi::before {width: 47px;height: 24px;right: 30px}
    .mo-quick-box {padding: 20px}
    .mo-quick-box ul {border-width: 1px 1px 1px 1px}
    .mo-quick-box li > a {padding: 0;height: 100px}
    .mo-quick-box li > a img {width: 51%;bottom: 42px}
    .mo-quick-box li > a .tit {font-size: 12px;line-height: 1.2;position: absolute;top: 67px;left: 50%;transform: translateX(-50%);width: 100%}
    .mo-quick-box li > a.mo-empty-quick::before {width: 25px}
    .mo-quick-box li > a.mo-empty-quick::after {height: 25px}
    .mo-daily-box .mo-daily-link02, .mo-nt-cr a, .mo-daily-cr a {font-size: 13px}
    .mo-float-quick-box {right: 20px}
    .mo-float-quick-box .txt {font-size: 13px;right: 40px}
    .mo-float-quick-box .mo-quick-add-btn {width: 40px;height: 40px}
    .mo-float-quick-box .mo-quick-add-btn::before {width: 15px}
    .mo-float-quick-box .mo-quick-add-btn::after {height: 15px}
    .mo-daily-box .mo-inner::before {left: 20px;width: 15px;height: 18px}
    .mo-daily-cr {margin-left: 25px}
    .mo-rounge-box .tit {font-size: 24px}
    .mo-rounge-cr .item .txt-info {padding: 0 20px 0 0}
    .mo-rounge-cr .item .txt-info .item-tit {font-size: 20px}
    .mo-rounge-cr .item .txt-info .item-txt {font-size: 14px}
    .mo-rounge-cr .slider__counter {right: -10px}
    .mo-rounge-cr .slider__counter > span {font-size: 13px}
    .mo-rounge-box .item-box {padding: 10px}
    .mo-notice-box .mo-inner::before {left: 20px;width: 15px;height: 15px}
    .mo-nt-more {right: 20px}
    .mo-nt-cr {margin-left: 25px}
    
    .layer-quick-box .layer-head {padding: 17px 20px 17px 50px}
    .layer-quick-box .layer-head .ly-tit {font-size: 20px}
    .layer-quick-box .layer-head .link-back-btn {width: 13px;height: 21px;left: 20px}
    .layer-quick-box .layer-cnts {height: calc(100% - 145px)}
    .layer-quick-box .layer-cnts .mo-quick-li > li img {width: 10%}
    .layer-quick-box .layer-cnts .mo-quick-li > li p, .layer-quick-box .layer-cnts .mo-quick-li > li label {font-size: 16px;padding: 30px 30px 30px 100px}
    .layer-quick-box .layer-cnts .mo-quick-li > li label::after {width: 23px;height: 19px}
    .layer-quick-box .layer-foot {padding-top: 30px}
    .layer-quick-box .layer-foot a {font-size: 16px;line-height: 55px}
    
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:first-child > a::before {left: 10px;width: 19px;height: 19px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(2) > a::before {left: 10px;width: 18px;height: 18px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(3) > a::before {left: 10px;width: 20px;height: 20px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li > a {font-size: 14px;padding: 13px 10px 13px 0}
    #mo-footer .mo-ft-ct > ul > li {padding: 10px}
    #mo-footer .mo-ft-ct > ul > li a {font-size: 12px}
    #mo-footer .mo-ft-middle .mo-ft-fam-sel {line-height: 40px;font-size: 13px;padding: 0 30px 0 10px}
    #mo-footer .mo-ft-middle .mo-ft-fam-sel::after {width: 11px;height: 11px;margin-top: -5.5px;right: 10px}
    #mo-footer .mo-ft-middle .mo-sns-li li ~ li {margin-left: 10px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-kakao {width: 25px;height: 24px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-youtube {width: 17px;height: 17px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-facebook {width: 10px;height: 21px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-blog {width: 25px;height: 23px}
    #mo-footer .mo-ft-bottom > .mo-inner {padding: 15px 20px}
    #mo-footer .mo-ft-bottom .mo-ft-logo {width: 90px;height: 25px}
    #mo-footer .mo-ft-info-box {padding: 10px 0}
    #mo-footer .mo-ft-info-box li > * {font-size: 11px}
    #mo-footer .mo-ft-info-box li {width: 100% !important;margin: 0}
    #mo-footer .mo-ft-copy {font-size: 14px;padding: 10px 20px}
    
    #mo-doc > ul > li > a {font-size: 12px;padding: 7px 0}
    #mo-doc > ul > li > a::before {width: 25px !important;margin: 0 auto 2px}
    #mo-doc .mo-doc-home {width: 70px;height: 70px;top: -10px}
    #mo-doc .mo-doc-home::before {width: 26px;height: 24px}
    
    .mo-doc-category {height: calc(100% - 71px)}
    .mo-doc-category .mo-doc-cate-top {padding: 65px 0 20px}
    .mo-doc-close {top: 20px;right: 20px}
    .mo-doc-category .mo-doc-login-box > * {width: 65%}
    .mo-doc-category .mo-doc-login-box > *:last-child {width: 35%}
    .mo-doc-category .mo-doc-cate-top .txt {margin-top: 10px;font-size: 11px}
    .mo-doc-category .mo-doc-login-box .mo-doc-logout, .mo-doc-category .mo-doc-login-box .mo-doc-login, .mo-doc-category .mo-doc-login-box .mo-doc-join {font-size: 15px;padding-left: 30px}
    .mo-doc-category .mo-doc-login-box .mo-doc-logout::before, .mo-doc-category .mo-doc-login-box .mo-doc-login::before, .mo-doc-category .mo-doc-login-box .mo-doc-join::before {width: 18px}
    .mo-doc-category .mo-doc-login-box .mo-doc-sel {font-size: 12px;background: url(../images/mobile/ico/mo-arr08-sm.png) no-repeat right 0 center,#00cbb4;padding: 0 35px 0 0}
    .mo-doc-category .mo-doc-user-top {padding: 10px 0 20px}
    .mo-doc-category .mo-doc-user-top > span {font-size: 11px}
    .mo-doc-category .mo-doc-user-top > span .prof-name {font-size: 14px}
    .mo-doc-category .mo-doc-user-top > a {position: relative;bottom: 0;font-size: 12px;line-height: 35px;margin-left: 28px;width: 135px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-point, .mo-doc-category .mo-doc-user-bottom .mo-doc-coupon {font-size: 12px;padding-left: 25px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-point span, .mo-doc-category .mo-doc-user-bottom .mo-doc-coupon span {font-size: 14px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-point::before {width: 18px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-coupon::before {width: 20px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-coupon {margin-left: 20px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-daily {font-size: 14px;padding-left: 25px}
    .mo-doc-category .mo-doc-user-bottom .mo-doc-daily::before {width: 15px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep1 {width: 45%}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep1-wrap {padding: 35px 20px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep1 li > a.on::after {right: -35px;width: 12px;height: 24px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep2 {padding: 0;width: calc(55% + 12px);margin-left: -12px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep2-inner-li > li > a {padding: 15px 50px 15px 20px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep1 li > a {font-size: 16px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep2-inner-li > li > a {font-size: 14px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep1 li > a.on {font-size: 18px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep2-inner-li > li > a.mo-dep2-arr::after, .mo-doc-category .mo-doc-cate-md .mo-gnb-dep3-li > li > a.mo-dep3-arr::after {width: 16px;height: 10px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep3-li > li > a {font-size: 14px;padding: 12px 60px 12px 30px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep4-li {padding: 20px 20px 20px 40px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep4-li > li {margin-bottom: 10px}
    .mo-doc-category .mo-doc-cate-md .mo-gnb-dep4-li > li > a {font-size: 14px}
    .mo-doc-category .mo-doc-cate-md > .mo-gnb-dep1 li ~ li {margin-top: 35px}
    .mo-doc-category .mo-doc-cate-bt li > a {font-size: 13px;margin: 11px 0}
    .mo-doc-category .mo-doc-cate-bt li > a::before {margin: 0 auto 5px}
    
    #mo-sub-header {height: 70px}
    #mo-sub-header .mo-back-btn {width: 16px;height: 25px;left: 20px}
    #mo-sub-header .mo-depth2-btn, #mo-sub-header .mo-txtBook-depth-btn {right: 20px}
    #mo-sub-header .box-tit {left: 55px;width: 70%}
    #mo-sub-header .box-tit .up-depth {font-size: 13px}
    #mo-sub-header .box-tit .curr-depth {font-size: 20px}
    .subsc-box {margin-left: 10px}
    .subsc-box a {font-size: 14px !important;line-height: 20px !important;margin-top: 0;height: auto !important}
    .mo-txtBookDepth-menu-wrap .mo-menu-list {padding: 50px 20px}
    .mo-txtBookDepth-menu-wrap .mo-menu-list li {margin-bottom: 20px}
    .mo-txtBookDepth-menu-wrap .mo-menu-list li > a {font-size: 14px}
    .mo-txtBookDepth-menu-wrap .mo-menu-list .close-btn {width: 22px;height: 22px;right: 20px}
    .mo-head-menu-wrap {top: 70px;height: calc(100% - 70px)}
    .mo-head-menu-wrap .mo-head-menu-inner {padding: 5px 20px 20px}
    .mo-head-menu-wrap .mo-head-menu-inner li > a {font-size: 14px}
    
    /*탭*/
    .respon-tab {overflow: auto;display: block;white-space: nowrap}
    .respon-tab > li {display: inline-block;width: auto}
    .respon-tab > li > a {padding: 5px 30px !important}
    .respon-tab > li.active > a {padding: 10px 30px !important}
    .mo-tab-ty:not(.ty02) {display: block;white-space: nowrap;overflow-x: auto}
    .mo-tab-ty:not(.ty02) > li {display: inline-block;width: auto}
    .mo-tab-ty:not(.ty02) > li > a {padding: 20px;font-size: 16px}
    .mo-tab-ty.ty02 > li > a {font-size: 18px;padding: 15px 0}
    .mo-tab-ty.ty03 {padding: 0 20px}
    .mo-tab-ty.ty03 > li > a {padding: 10px 20px}
    
    /*게시판상세*/
    .detail-wrap02 .bd-dt-tit, .detail-wrap02 .bd-dt-attach {padding: 15px 15px 15px 20px}
    .detail-wrap02 .bd-dt-quick {padding: 10px 10px 10px 20px}
    .detail-wrap02 .bd-dt-tit > .box-tit .ico-nt {margin-right: 15px}
    .detail-wrap02 .bd-dt-tit > .box-tit .tit {font-size: 14px}
    .detail-wrap02 .bd-dt-attach ul > li {margin-right: 20px}
    .detail-wrap02 .bd-dt-attach ul > li > a {font-size: 12px;line-height: 20px}
    .detail-wrap02 .bd-dt-tit > .box-tit .tit.nt-tit {padding-left: 30px}
    
    .fm-btm .result_txt > span {width: 100%;white-space: nowrap;overflow: hidden}
    
    .lay-ty.ty05.pop_input_btn { overflow:hidden; }
    .lay-ty.ty05.pop_input_btn > *:first-of-type { float:left; width:67% !important; }
    .lay-ty.ty05.pop_input_btn > *:last-of-type { float:right; margin:0px !important; width:30% !important; }
    
    .evt01_reco li { padding:0; }
    .table-ty .coupon_num { display:block; margin-bottom:5px; }
	.table-ty .btn-ty.ty02 { margin-left:0; }
    
    /*게시판검색*/
    .bd-util .checks {position: relative;left: 0;top: 0;transform: translateY(0);width: 100%;margin-bottom: 10px}
    .bd-util .checks label {}
    
    /*검색결과X*/
    .empty-result {margin: 10px;padding: 0}
    .empty-result > .box-ico {padding-right: 10px}
    .empty-result > .box-txt .tit {font-size: 15px}
    .empty-result > .box-txt li  {font-size: 13px}
    
    /*지역 총판 안내*/
	.area-info {padding:125px 20px 20px 20px; background-position:top 30px center; background-size:100px;}
	.area-info.notice {padding:125px 40px 40px; background-size:70px; background-position:top 30px center;}
	.area-info .con {font-size:15px; text-align:center; word-break:keep-all;}

	/* faq */
	.faq .question {padding:15px 20px; line-height:1.5;}
	.faq .question .field {float:none; width:100%;}
	.faq .question .tit {float:none; width:100%; margin-top:10px; padding-right:50px; padding-left:30px; white-space:inherit; text-overflow:inherit; overflow:visible;}
	.faq .question.on {line-height:1.5;}

	.faq .answer {padding:60px 20px 20px;}
	.faq .answer:before {left:20px; top:25px;}
	.faq .answer .con p {font-size:15px;}
	.faq .answer .cs_info .cs_tel strong {display:block; font-size:16px;}
	.faq .answer .cs_info .cs_tel a {margin-left:0; margin-top:15px;}

	.faq.type-faq .question .tit {width:100%;}
	.faq.type-faq .question.on .tit:before {font-size:22px;}
	.faq.type-faq .answer {padding-left:50px;}

	.remote .remote-tit {padding-bottom:50px;}
	.remote .remote-tit .link a {display:block; width:300px; margin:0 auto;}
	.remote .remote-tit .link a + a {margin:5px auto 0;}	

	.remote .remote-info strong {margin-right:0;}	

	.order-info .go-box li {float:none; width:280px; margin:0 auto;}
	.order-info .go-box li:nth-child(even) {float:none;}
	.order-info .go-box li + li {margin-top:20px;}

	.reservation .calendar-wrap .month strong {font-size:20px;}
	.reservation .calendar tbody td {padding:20px 0; font-size:18px;}
	.reservation > div > .con {padding:20px 10px; height:auto;}

	.time-wrap {top:0; transform:translateY(0);}
	.time-wrap > div + div {margin-top:40px;}
	.time-wrap > div > strong {font-size:20px;}
	.time-wrap > div > ul li label {font-size:16px;}

	.info-input label {width:50px;}
	.info-input input[type="text"] {width:75%;}
	.info-input input[type="number"] {width:45%;}
	.info-input input[type="button"] {width:30%; padding:0; margin-bottom:10px; font-size:14px;}
    
    .table-ty02.row .checks label {font-size: 14px}
    
    /*나의정보*/
    .my-info-wrap > li {padding: 35px 0}
    .my-info-wrap > li > * {width: 100% !important}
    .my-info-wrap > li > .my-info-box {margin-bottom: 20px;padding-right: 0}
    .my-info-wrap > li > .my-subsc-box ul > li {width: calc(33.33% - 10px);font-size: 14px;padding: 10px 40px 10px 10px}
    .my-info-wrap > li > .my-subsc-box ul > li:nth-child(3n) {margin-right: 0}
    
    /*모바일 교과서자료*/
    .mo-txt-book-li > li > a, .mo-txtBook-unit-box li > a {font-size: 13px;padding: 15px 50px 15px 25px}
    .mo-txt-book-li > li > a::after, .mo-txtBook-unit-box li > a::after {width: 6px;height: 25px}
    .mo-txtBook-unit-box02 .tit-box .tit::after {width: 10px;height: 15px;margin-top: -7.5px}
    .mo-txtBook-img-box .mo-txtBook-more-box .mo-txtBook-more-box-list li a {font-size: 14px}
    .mo-txtBook-img-box {padding: 25px 20px}
    .mo-txtBook-img-box img {width: 50%}
    .mo-txtBook-img-box .mo-txtBook-ut-box {bottom: 20px;left: 20px}
    .mo-txtBook-img-box .mo-txtBook-more-box {top: 33px;right: 20px}
    .mo-txtBook-img-box .mo-txtBook-more-box .mo-txtBook-more-box-list {padding: 10px;width: 170px}
    .mo-txtBook-img-box .mo-txtBook-ut-box > a {width: 35px;height: 35px}
    .mo-txtBook-img-box .mo-txtBook-ut-box > a:first-child {margin-bottom: 5px}
    .mo-txtBook-img-box .mo-txtBook-ut-box .ico-mo-preview::before {width: 15px;height: 24px}
    .mo-txtBook-img-box .mo-txtBook-ut-box .ico-mo-txtBook-add::before {width: 15px;height: 26px}
    .mo-common-unit-box .tit {font-size: 15px}
    .mo-txtBook-unit-box .tit {font-size: 14px}
    .mo-common-unit-box .tit {padding: 20px 60px 20px 20px}
    .mo-common-unit-box .tit::after {width: 10px;height: 15px;right: 20px}
    .mo-common-unit-box .mo-unit-li > li > a {font-size: 13px;padding: 10px}
    .mo-txtBook-unit-box .tit {padding: 20px}
    .mo-txtBook-noImage .mo-txtBook-subj-name {font-size: 16px}
    .mo-txtBook-unit-box02 .tit-box .tit {padding: 20px 55px 20px 20px}
    .mo-txtBook-unit-box02 .tit-box .tit01 {font-size: 16px}
    .mo-txtBook-unit-box02 .tit-box .tit02 {font-size: 14px}
    .mo-txtBook-unit-box02 .tit-box02 {padding: 10px 0}
    .mo-txtBook-unit-box02 .tit-box02 .txt-box {padding: 0;width: 60%}
    .mo-txtBook-unit-box02 .tit-box02 .txt-box li {margin: 2.5px 10px 2.5px 0}
    .mo-txtBook-unit-box02 .tit-box02 .txt-box li > .mo-txtBook-cate {font-size: 11px;padding: 3px 10px}
    .mo-txtBook-unit-box02 .tit-box02 .txt-box li > .mo-txtBook-page {font-size: 11px}
    .mo-txtBook-unit-box02 .tit-box02 .btn-ty.ty08 {font-size: 12px;top: 50%;right: 20px;transform: translateY(-50%);padding: 5px 10px}
    .mo-material-li li a {padding: 10px 20px}
    .mo-material-li li a .tit {font-size: 14px;margin-bottom: 5px}
    .mo-material-li li a .txt {font-size: 12px}
    .mo-txtBook-prof-box .tit-box {padding: 20px}
    .mo-txtBook-prof-box .tit-box .tit {font-size: 16px;position: relative}
    .mo-txtBook-prof-box .tit-box a {font-size: 16px;line-height: 38px}
    .mo-txtBook-prof-box .down-list li > a {font-size: 14px;padding: 10px 20px}
    .mo-list-more-btn {font-size: 18px;padding: 15px 0}
    
    /*계기교육 모바일*/
    .mo-cea-month-box .mo-cea-month-name {font-size: 18px}
    .mo-cea-month-info-box-wrap {padding: 70px 0 20px}
    .mo-cea-month-info-box {padding: 20px 20px 20px 190px}
    .mo-cea-month-info-box .thumb-box {left: 20px;width: 150px}
    .mo-cea-month-info-box .thumb-box::after {right: -40px;width: 90px;height: 45px}
    .mo-cea-month-info-box .tit {font-size: 14px}
    .mo-cea-month-info-box .txt {font-size: 11px;margin-bottom: 10px}
    .mo-cea-month-list li > a, .mo-cea-month-list-fixed .unfold li > a {font-size: 14px;padding: 10px}
    .mo-cea-month-list-fixed .fold li > a {font-size: 16px;padding: 10px 20px}
    .mo-cea-month-list-fixed .fold li > a strong {font-size: 16px}
    .mo-cea-month-list-fixed .arr-box {height: 49px}
    .mo-cea-month-list-fixed .unfold {padding-top: 51px}
    .mo-cea-month-list-fixed .unfold p {top: 13px;font-size: 20px}
    .mo-cea-order-box {padding-top: 20px}
    
    .mo-cea-month-dt-list > li .box-tit {margin-bottom: 15px}
    .mo-cea-month-dt-list > li .box-tit > .category {font-size: 12px;line-height: 30px;/*width: 90px*/}
    .mo-cea-month-dt-list > li .box-tit > .tit {font-size: 14px;/*width: calc(100% - 90px)*/}
    .mo-cea-month-cnt-list > li .box-info .box-txt {min-height: inherit}
    .mo-cea-month-cnt-list > li .box-info .box-utill > .source, .mo-cea-month-cnt-list > li .box-info .box-utill > .tit, .mo-cea-month-cnt-list > li .box-info .box-utill > .category {font-size: 11px}
    .mo-cea-month-cnt-list > li .box-info .box-utill > .source, .mo-cea-month-cnt-list > li .box-info .box-utill > .category {line-height: 20px}
    .mo-cea-month-dt-list > li > .box-txt {margin-bottom: 20px;padding: 10px}
    .mo-cea-month-dt-list > li > .box-txt p {font-size: 12px}
    .mo-cea-month-dt-list > li > .box-txt .more-btn {bottom: 10px}
    .layer-calender-box .layer-head {padding: 20px 35px}
    .layer-calender-box .layer-head .ly-tit {font-size: 28px}
    .layer-calender-box .layer-head .close-btn {width: 25px;height: 25px}
    .layer-calender-box .layer-cnts {height: calc(100% - 73px)}
    .mo-cea-calender-li > li {width: 48%}
    .mo-cea-calender-li > li:nth-child(2n) {margin-right: 0 !important}
    .mo-cea-calender-li > li:nth-child(3n) {margin-right: 4%}
    .mo-cea-calender-li > li > a .month-tit {font-size: 14px}
    .mo-dt-smr-tit > .category {font-size: 18px;width: 90px;line-height: 40px}
    .mo-dt-smr-tit > .tit {font-size: 25px;width: 90%;padding: 10px 0 0 0}
    .mo-dt-smr-tit .more-btn {width: 15px;height: 24px}
    .mo-dt-smr-txt {font-size: 16px}
    .mo-dt-tit, .detail-tit {font-size: 24px;margin-bottom: 0;padding: 20px 120px 20px 20px}
    .mo-dt-cnt .thumb.thumb-video a::after, .detail-wrap .detail-cnt > .box-thumb.box-thumb-video > a:after {width: 80px;height: 80px}
    .mo-sbj-btn {line-height: 50px;font-size: 16px !important}
    .mo-sbj-down-li > li a {font-size: 13px;line-height: 30px}
    .mo-sbj-nav-li > li, .mo-dt-cnt .box-info .mo-dt-hashTag-li > li, .detail-wrap .detail-cnt > .box-info .list-hashTag > li {font-size: 11px;padding: 2px 10px}
    .mo-dt-cnt .box-info .mo-dt-txt, .detail-wrap .detail-cnt > .box-info .txt {font-size: 12px}
    .detail-wrap .box-category {font-size: 11px}
    .detail-wrap .detail-cnt > .box-info .category-ty {width: 50px;line-height: 20px}
    .mo-dt-cnt .box-info .mo-dt-category > .tit {font-size: 11px;width: 50px;line-height: 20px}
    .mo-dt-cnt .box-info .mo-dt-category > .txt {font-size: 11px;width: calc(100% - 50px);line-height: 20px;padding: 0 0 0 10px}
    .link-ty {font-size: 11px}
    .detail-wrap > .ly-top, .mo-detail-wrap .ly-top {padding-bottom: 20px;margin-bottom: 20px}
    .mo-dt-tit .box-btns {right: 20px}
    
    .detail-tit02 {font-size: 16px}
    .detail-tit02 > span {font-size: 14px}
    .more-img-btn {font-size: 13px;line-height: 35px}
    .mo-img-list > li .thumb, .thumb-list-ty .thumb, .mo-cea-month-cnt-list > li .thumb {width: 38%;height: 57px;margin-right: 4%}
/*    .mo-img-list > li .thumb img, .thumb-list-ty .thumb img, .mo-cea-month-cnt-list > li .thumb img {height: auto;width: 100%;position: relative;top: auto;left: auto;transform: none}*/
    .mo-img-list > li .box-info, .thumb-list-ty .info, .mo-cea-month-cnt-list > li .box-info {width: 58%;padding: 5px 0 !important}
    .thumb-list-ty.row04.ty02 li .info {padding: 0 0 10px 0}
    .mo-img-list > li .box-info .box-txt {min-height: auto}
    .mo-img-list > li .box-info .box-txt .cate, .thumb-list-ty .info .info-category > li {font-size: 11px;line-height: 20px}
    .mo-img-list > li .box-info .box-txt .tit, .thumb-list-ty .info .info-tit, .mo-cea-month-cnt-list > li .box-info .box-txt .tit, .img-list-ty .info .info-tit {font-size: 14px !important}
    .thumb-list-ty .info .info-nav {font-size: 14px}
    .mo-img-list > li .box-info .box-utill > .source, .mo-img-list > li .box-info .box-utill > .tit {font-size: 11px;line-height: 20px}
    .mo-img-list > li .box-info .box-utill > .source {padding: 0 15px}
    .img-list-ty > li > * {width: 62%}
    .img-list-ty > li > *:first-child {width: 38%;height: auto}
    .img-list-ty > li .thumb {width: 100%;height: 100%}
    .img-list-ty > li .info {padding: 0 13px}
    .img-list-ty .info .info-category > li {font-size: 11px;line-height: 20px}
    .img-list-ty .info .info-nav > p {display: block;margin-bottom: 5px}
    .img-list-ty .info .info-nav > p ~ p {margin-left: 0}
    .img-list-ty .this-post {padding: 0 13px}
    
    .thumb-list-ty.video-type > ul > li > a {width: 38%;margin-right: 4%}
    .thumb-list-ty.video-type > ul > li > a .thumb {width: 100%;margin-right: 0}
    .video-detail .thumb-list-ty.video-type > ul > li > a .thumb {width: 38%;margin-right: 4%}
    
    /*창의적체험활동 상세 모바일*/
    .detail-wrap .detail-util .box-btns {top: 25px}
    .thumb-list-ty .info .info-txt, .img-list-ty .info .info-txt {min-height: auto;font-size: 12px}
    .mo-cea-month-cnt-list > li .box-info .box-txt .txt {font-size: 12px}
    .thumb-list-ty .info .info-category {margin-bottom: 10px}
    
    .thumb-list-ty.video-type > ul > li > a > .thumb .video-info {padding: 0 10px;font-size: 12px}
    .btn-ty.md02.ty10 {font-size: 16px;margin-top: 0}
    .thumb-list-ty .this-post {padding: 10px 0 0}
    .btn-bookmark, .btn-like {font-size: 12px}
    .btn-bookmark::before, .btn-share:before {width: 15px;height: 19px}
    
    .mo-filter-sch-box .mo-filter-inner {padding: 20px 20px 0}
    .mo-filter-sch-box .mo-filter-inner dl {width: 90%}
    .mo-filter-sch-box .mo-filter-inner dl > dt {font-size: 15px;width: 50px}
    .mo-filter-sch-box .mo-filter-inner dl > dd {width: calc(100% - 50px)}
    .mo-filter-sch-box .mo-filter-inner dl > dd label {margin: 0 20px 15px 0;font-size: 14px}
    .mo-filter-list-arr {width: 16px;height: 25px;right: 20px}
    .mo-filter-sch-box .mo-filter-chk-inner {padding: 20px;height: 73px}
    .mo-filter-sch-box .mo-filter-chk-inner li {line-height: 30px;font-size: 15px;min-width: 80px;font-weight: 200}
    .mo-filter-list-reset {width: 32px;height: 32px;right: 20px}
    .mo-filter-list-reset::before {width: 15px;height: 15px}
    .mo-filter-chk-list-arr {width: 16px;height: 25px;right: 20px;top: 25px}
    .mo-filter-sch-box.sticky .mo-filter-inner {top: 73px}
    .img-list-ty.video-type > li > a > .thumb .video-info {padding: 0 10px;font-size: 12px}
    
/*    .subsc-box {top: 53%;right: 45px}*/
    .mo-blr0801 .ly-top .txt {font-size: 14px;width: 65%}
    .mo-blr0801 .ly-top .btn-writer {right: 20px;font-size: 14px;line-height: 30px}
    .mo-filter-sch-box .mo-filter-chk-list li > a {right: 6px;width: 14px;height: 14px}
    .mo-blr0801 .ly-md .md-tit {font-size: 16px;width: 75%}
    .mo-recom-cr .slider__counter > span:first-child {font-size: 16px}
    .mo-recom-cr .slider__counter > span:nth-child(2) {font-size: 12px}
    .mo-recom-cr .slider__counter > span:nth-child(3) {font-size: 12px}
    .mo-recom-cr .thumb {width: 38%}
    .mo-recom-cr .txt-box {width: 62%;padding-left: 15px}
    .mo-recom-cr .tit {font-size: 14px}
    .mo-recom-cr .txt {font-size: 12px}
    .mo-recom-cr .slider__counter {left: 48%}
    .mo-blr-list > li > * {width: 58%}
    .mo-blr-list > li .thumb {width: 38%;margin-right: 4%;height: 60px}
/*    .mo-blr-list > li .thumb img {height: auto}*/
    .mo-blr-list > li .box-info .tit {font-size: 14px;margin-bottom: 10px}
    .mo-blr-list > li .box-info .txt {font-size: 12px;margin-bottom: 10px}
    
    .detail-wrap .detail-cnt > .box-info .subj-info-li {padding-top: 0}
    .detail-wrap .detail-cnt > .box-info .subj-info-li > li {margin-bottom: 0}
    .detail-wrap .detail-cnt > .box-info .subj-info-li > li .subj-info-tit, .detail-wrap .detail-cnt > .box-info .subj-info-li > li .subj-info-txt, .detail-wrap .detail-desc-wrap .txt, .detail-wrap .detail-desc-wrap dd {font-size: 12px}
    .detail-wrap .detail-desc-wrap {padding: 0 0 20px}
    .detail-wrap .detail-desc-wrap .txt {margin-bottom: 20px}
    .detail-wrap .detail-desc-wrap dd {line-height: 1.4}
    .detail-wrap .detail-desc-wrap dt {font-size: 14px}
    .detail-wrap .detail-desc .box-btns {margin-top: 20px}
    .detail-wrap .detail-desc .box-btns a {font-size: 14px;width: 100px}
    
    .img-svc-guide01 {margin-top: 30px}
    .img-svc-guide02 {margin-top: 50px}
    
    
    
}
@media (max-width:480px){
    /* Common */
    .pc-hide {display: block !important}
    .vsm-inner {width: 95% !important}
    .lay-ty.ty02 > *:first-of-type {width: calc(100% - 100px)}
    .lay-ty.ty02 > *:last-of-type {width: 90px}
    .lay-ty.ty03 > *:first-of-type {width: 90px}
    .lay-ty.ty03 > *:last-of-type {width: calc(100% - 100px)}
    .checks select {width: 100px}
    .cnt-tit {font-size: 24px}
    .table-ty02.row .checks label {display: block}
    .btn_wrap .btn-ty {width: 95px}
    
    .box-btns .sm-inner .btn-ty {width: 40%}
    .succ-wrap .box-btns .btn-ty {width: 100%}
    .prof-certi .box-certi > li .btn-ty.ty02 {width: 100%}
    
    /*검색*/
    .bd-util .list-sch-ty > li > a {font-size: 12px}
    .bd-util > .ico-bd-thumb {margin-right: 0}
    .bd-util .box-bd-search {display: block;margin-top: 10px}
    .bd-util .box-bd-search input {height: 35px}
    .bd-util .tag-list > li > a {font-size: 13px}
    .bd-util .sel-li > li {width: calc(33.33% - 4px)}
    .bd-util .sel-li > li:nth-child(3n) {margin-right: 0}
    .bd-util .sel-li > li > select {width: 100%;font-size: 14px}
    .bd-top > * {float: none !important;display: block}
    .bd-top .txt-box > span {font-size: 14px;line-height: 30px}
    .bd-top .txt-box > .btn-ty {width: 90px;height: 30px;line-height: 28px;font-size: 14px}
    .bd-top .btn-add {font-size: 14px;margin-bottom: 10px}
    .box-tb-bt p {font-size: 13px}
    
    /*탭*/
    .tab-ty > li.active > a {font-size: 14px;padding: 10px 0}
    .tab-ty > li > a {padding: 6px;font-size: 12px}
    
    /*이미지리스트*/
    .img-list-ty .info .info-tit {font-size: 16px}
    .img-list-ty .info .info-nav {font-size: 11px}
    
    /*썸네일리스트*/
    .thumb-list-ty.row04 > ul > li {width: 100%;margin-right: 0}
    .thumb-list-ty .info .info-tit {font-size: 16px}
    .thumb-list-ty .info .info-nav {font-size: 11px}
    .thumb-list-ty .info .info-nav .category, .img-list-ty .info .info-nav .category {font-size: 11px;width: 50px;line-height: 20px}
    
    /* Paging */
    .box-paging li.pg-first, .box-paging li.pg-last {display: none}
    .box-paging li + li {margin-left: -4px}
    .box-paging li.pg-prev {margin-right: 4px}
    .box-paging li.pg-next {margin-left: 0}
    .box-paging li > a {width: 25px;height: 25px;line-height: 25px}
    
    /* Popup */
    .ifr-box {width: 95%}
    .ifr-box iframe {width: 100% !important;height: 540px !important}
    .lay-pop.pop-event .lay-ty.ty05 > *:first-of-type, .lay-pop.certi-phone .lay-ty.ty05 > *:first-of-type {width: 100%}
    .lay-pop.pop-event .lay-ty.ty05 > *:last-of-type, .lay-pop.certi-phone .lay-ty.ty05 > *:last-of-type {width: 110px;margin: 10px 0 0}
    .certi-phone .pop-cnt, .certi-phone .pop-foot {padding: 20px 45px 45px !important}
    .lay-pop .pop-foot .btn-ty {width: 40%}
    .lay-pop.ty02 .pop-cnt, .lay-pop.pop-event .pop-cnt {max-height: 440px}
    .search-addr .box-notice dd .ex-txt {padding: 5px 10px 10px;line-height: 20px}
    
    .fm-wrap header h1 > a, .fm-wrap header .mirae-logo {width: 100px}
    .fm-list > li > * {width: 80px}
    .fm-list > li > *:last-of-type {width: calc(100% - 90px)}
    .fm-list .checks label {margin-right: 20px}
    .fm-list > li:not(.recep-box) > * {display: block;width: 100% !important}
    .fm-list > li:not(.recep-box) > *:first-of-type {margin-bottom: 5px}
    
    .fm-list .lay-ty.ty02 > *:first-of-type {width: calc(100% - 130px)}
    .fm-list .lay-ty.ty02 > *:last-of-type {width: 120px}
    .fm-list .lay-ty.ty02 .warn-box > p, .fm-list .lay-ty.ty02 .succ-box > p, .fm-list .lay-ty.ty02 span {width: 180%;word-break: keep-all}
    
    .sso-wrap .btn-ty {width: 80% !important}
    
    /*지역 총판 안내*/
	.area-info {padding-top:100px; background-size:80px;}
	.area-info ul li {font-size:13px; padding-left:5px;}

	/* 원격지원 */
	.reservation .calendar tbody td {padding:15px 0; font-size:14px;}
	.time-wrap > div > ul li {width:calc(33.33% - 5px);}
	.time-wrap > div > ul li label {line-height:40px;}
    .empty-result02 {font-size: 16px;padding: 15px 0}

	/* 팝업 */
    .pop-install-box01 li > span {display: block}
    .pop-install-box01 li > a {margin-left: 0 !important}
    .pop-install-box02 > li > a {font-size: 12px;padding: 10px 0}
	.pop-contact-inner > div {padding-left:0;}
	.pop-contact-inner > div + div {margin-top:30px}
	.pop-contact-inner > div label {position:static; margin-bottom:10px; line-height:1;}
	.pop-contact-inner > div .input-wrap input[type="text"], 
	.pop-contact-inner > div .input-wrap input[type="tel"],
	.pop-contact-inner > div .input-wrap input[type="number"] {width:calc(100% - 110px); font-size:14px;}
	.pop-contact-inner > div .input-wrap input[type="button"] {width:110px;}
	.pop-contact-inner > div .input-wrap ::placeholder {font-size:14px;}

	.table-ty02.row tbody th {width:100px; padding-left:10px;}

	.filebox + .filebox {margin-top:20px;}
	.filebox .file-btn {float:none; margin-right:0; margin-bottom:5px;}
	.filebox .file-name {float:left; width:calc(100% - 30px); margin:0;}
	.filebox .file-add {margin-left:5px;}
	.file-wrap .sm_txt {padding-left:0;}
    
    .faq .question {font-size: 14px}
    .faq .question.on {font-size: 15px}
    .faq .answer .con p, .faq.type-faq .answer .cs_info p, .faq .answer .cs_info .cs_tel strong {font-size: 14px}
    .faq .answer .con p:before {font-size: 18px;top: 2px}
    
    /*나의정보*/
    .my-info-wrap > li > .tit {font-size: 24px}
    .my-info-wrap > li > .my-info-box .name {font-size: 16px}
    .my-info-wrap > li > .my-info-box .name span {font-size: 20px}
    .my-info-wrap > li > .my-info-box .school {font-size: 13px}
    .my-info-wrap > li > .my-info-box .my-info-li > li {font-size: 14px;margin-bottom: 5px}
    .my-info-wrap > li > .my-info-box .btn-ty {width: 100% !important;margin-bottom: 5px}
    .my-info-wrap > li > .my-info-box .btn-ty:last-child {margin-bottom: 0}
    .my-info-wrap > li > .my-info-box > *:first-child {margin-bottom: 20px}
    .my-info-wrap > li > .my-info-status li {width: 100%;padding: 35px 40px 50px}
    .my-info-wrap > li > .my-info-status li:first-child::after {right: 50%;top: inherit;bottom: 0;transform: translateX(50%);width: 85%;height: 1px}
    .my-info-wrap > li > .my-subsc-box ul > li {width: 100%;margin-right: 0}
    
    /*My Class - 내교과서*/
    .bd-util .btn-add {font-size: 14px;width: 165px;height: 35px;line-height: 35px}
    .myBook-li > li > .thumb {width: 100%;text-align: center;margin-bottom: 10px}
    .myBook-li > li > .thumb img {width: auto}
    .myBook-li > li > .txt-info {width: 100%;padding-left: 0}
    .myBook-li > li > .txt-info .cate {font-size: 12px}
    .myBook-li > li > .txt-info .book-tit {min-height: 80px}
    .myBook-li > li > .txt-info .book-tit > * {font-size: 16px}
    .myBook-li > li > .txt-info .box-btns > a {font-size: 14px;height: 35px;line-height: 35px}
    .myBook-li > li > .txt-info .box-btns > a.ty14 {line-height: 31px}
    .empty-result03 {padding-top: 50px;font-size: 16px}
    .empty-result03.line {padding: 50px 0}
    .empty-result03 > p {font-size: 14px}
    .myTxtBook-add-li > li {width: calc(50% - 14px);margin: 10px 18px 0 0}
    .myTxtBook-add-li > li:nth-child(2n) {margin-right: 0}
    .myTxtBook-add-li > li label {padding: 10px 5px;font-size: 14px}
    
    /*자료등록*/
    .material-add-wrap .box-btns .btn-ty {width: 110px;font-size: 14px;height: 35px;line-height: 35px}
    .material-add-wrap > ul > li > * {width: calc(100% - 70px)}
    .material-add-wrap > ul > li > span {font-size: 12px;width: 70px}
    .material-add-wrap .lay-ty03.ty05 > *:first-child {width: 85px}
    .material-add-wrap .lay-ty03.ty05 > *:last-child {width: calc(100% - 85px)}
    .material-add-wrap .btn-ty.sm02.ty16 {font-size: 12px}
    
    .pop-sv .pop-cnt {max-height: 400px !important}
}
@media (max-width:414px){
    .checks select {margin: 0}
    .fm-btm {padding: 20px 15px}
    .ft-copy {font-size: 12px}
    .prof-certi .box-certi > li .file-box .btn-ty {width: 100%}
    .evt-list > li {width: 100%;margin-right: 0 !important}
    
}
@media (max-width:375px){
    .fm-list .checks label {margin-right: 10px}
    .box-paging li.pg-prev {margin-right: 0}
    .box-paging li.pg-next {margin-left: -4px}
    .box-paging li > a {width: 21px}
    
}