@charset "UTF-8";

@media screen and (max-width: 767px){
    .main .mvisual .arrow_wrap{}
    .main .mvisual .photo_box .mo ul {}
    .main .mvisual .num_box{font-size: 12px;}

	/* 최근 시청 영상 */
	.main .recent_wrap .list ul li{/* width: 100%; */}
	.main .recent_wrap .list ul li:nth-child(2n){/* margin-left: 0; */}
    
    /* 최근 업로드 영상 */
    .main .up_wrap .list .tabs li{width: 50%; font-size: 13px;}
    .main .mvisual .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}
    
    
    /* 융합공부방 */
    .sub .study .list .label{font-size: 12px;  bottom: 15px;}
    .sub .study.add .list ul li .photo{height: 164px;}
    .sub .study.add .list ul a{padding-bottom: 50px;}
    .sub #content .section .cont_cen .study.add .tit{margin-top: 20px;}
    
    /* 시리즈 소개_추가 */
    .sub.series .title_box .tit span{font-size: 16px;}
    .sub.series #content .section .cont_cen.company .title_box .tit{
        text-align: center; padding: 30px 5% 0;}
    .sub.series ul{margin: 10px auto 40px;}
    .sub.series ul li, .sub.series ul.full li{width: 100%; line-height: 1.6;}
    .sub.series ul li:nth-child(2), .sub.series ul li:nth-child(4) {margin-left: 0px;}
    .sub.series .cont_02{margin: 20px 0;}
    .sub.series ul li .label{font-size: 17px;}
	.sub.series b.point.add{font-size: 19px;}
	.sub.series ul li .num{font-size: 14px; padding: 3px 6px;}
    .sub.series .cont_03{margin-bottom: 40px;}
    .sub.series .cont_03 img{width: 100%; padding: 10% 15% 0;}
    .sub.series .cont_03 ul{margin-bottom: 0;}
    .sub.series .cont_04{margin-bottom: -50px;}
    .sub.series .cont_04 ul li{width: 50%;}
    .sub.series #content .section .cont_cen .cont_01 .txt{font-size: 16px;}
    .sub.series .cont_03 ul li .num{display: inline-block;}
    .sub.series .cont_03 ul li .label{display: block;}
    .sub.series .cont_03 ul li .text{margin-top: -20px;}
	.sub.series .cont_05 ul li{width: 50%; height: auto;}
	.sub.series .cont_05{margin-bottom: -50px;}


	 /* 동영상 강좌 출시 안내_추가 */
    .sub.intro .cont_03 ul li .stit{margin: -30px 0 40px; font-size: 16px;}
    .sub.intro .cont_03 ul li .text{}
    .sub.intro .total{font-size: 16px; line-height: 1.5;}
    .sub.intro .total span{line-height: 1.6;}
    .sub.intro .total p{font-size: 18px; line-height: 1.3; letter-spacing: -1.5px;}
    .sub.intro .btn_area a{padding: 15px 80px; font-size: 16px;}
    .sub.intro .cont_01 ul li{width: 100%; font-size: 16px;}
    .sub.intro .cont_01 ul li:nth-child(2), .sub.intro .cont_01 ul li:nth-child(4) {
        margin-left: 0px; }
    .sub.intro .bank{width: 92%;}
    .sub.intro .total{/*width: 92%;*/ margin: 0 auto;}
    .sub.intro #content .section .cont_cen.left.company .page_title{}
    .sub.intro #content .section .cont_cen.left.company .page_title em{display: block; margin-bottom: -22px;}
    
    
    
    
    
    /* 시리즈 */
    /*.sub .home .list ul li{width: 12%;}
    .sub .home .list{height: 185px;}*/
    
    /* 추가된 부분 */
    .sub .home .list ul li{width: 45%; margin-left:5%!important}
    .sub .home .list ul li:nth-child(5){display:none}
    .sub .home .list{height:  100%;}
    /* //추가된 부분 */


	/* 시리즈 북 추가 */
    .sub .new_wrap.book .list ul li{width: 50%; height: 270px;}
	.sub .new_wrap.book .list ul li:before{left: 0;}
    .sub .new_wrap.book .list ul li img{width: 100%; height: 192px;}
    .sub .new_wrap.book li .label{font-size: 14px;}
    .sub #content .section .cont_cen .ing_wrap.book .tit{
        font-size: 16px;
        line-height: 1em;
        height: 2em;
        margin-top: 30px;
    }
    .sub #content .section .cont_cen .ing_wrap.book .txt{font-size: 14px;}
    .sub .ing_wrap.book .list ul li{width: 100%; height: auto; padding-bottom: 0;}
    .sub .ing_wrap.book .list ul li img{width: auto;}
    .sub .ing_wrap.book .thumb{padding-right: 10px;}
    .sub .ing_wrap.book .box .btn{font-size: 12px;}
    .sub .ing_wrap.book .list ul.book_01{
        background: url(../img/sub/book_bglogo01.png) no-repeat 0 0/50%, url(../img/sub/book_bgline.png) no-repeat 10% -60px;
        background-color: #acb5d7;
    }
    .sub .ing_wrap.book .list ul.book_02{
        background: url(../img/sub/book_bglogo02.png) no-repeat 0 0/50%, url(../img/sub/book_bgline.png) no-repeat 10% -60px;
        background-color: #90c3d7;
    }
    .sub .ing_wrap.book .list ul.book_03{
        background: url(../img/sub/book_bglogo03.png) no-repeat 0 0/50%, url(../img/sub/book_bgline.png) no-repeat 10% -60px;
        background-color: #abd5ec;
    }
    .sub .ing_wrap.book .list ul.book_04{
        background: url(../img/sub/book_bglogo04.png) no-repeat 0 0/50%, url(../img/sub/book_bgline.png) no-repeat 10% -60px;
        background-color: #f2b8c2;
    }

	.sub .ing_wrap.book .list ul.book_05{
        background: url(../img/sub/book_bglogo05.png) no-repeat 0 0/50%, url(../img/sub/book_bgline.png) no-repeat 10% -60px;
        background-color: #88c7b9;
    }


    /**/
    .sub .view .title_box.ma{padding-bottom: 20px;}
    .sub .view .title_box .auto .text{font-size: 13px;}
    .sub .view .title_box .auto .line_bg{top: 2px;}
    .sub .new_wrap .list.re .thumb{width: 30%;}
    .sub .new_wrap .list.re .box{}
    .sub .new_wrap .list.re .thumb .ma{width: 70px; height: 70px;}
    .sub .new_wrap .list.re .thumb .ma img{width: 70px; height: 70px;}
    .sub .view .title_box .mine.add span{font-size: 13px;} 
    
    
    /* 나의영상 */
    .sub .title_box.ma{padding: 0 0 50px; overflow: hidden;}
    .sub #content .section .cont_cen .title_box.ma .tit{font-size: 18px; text-align: left; float: left;}
    .title_box.ma .tit .id{font-size: 12.5px; margin-top: 2px;}
    .title_box.ma .mine .info{ font-size: 13px;}
    .title_box.ma .join {float: right; background: #f7f7f7; border-radius: 20px;}
    
    .sub .ma .list{height: 220px;}
    .sub .short ul li a{padding: 10px; font-size: 13px;}
    .sub .short ul li:nth-child(1){background-position-x: 30%;}
    .sub .short ul li:nth-child(2){background-position-x: 22%;}
    .sub .short ul li:nth-child(3){background-position-x: 30%;}
    .sub .short ul li:nth-child(4){background-position-x: 22%;}
    
    .sub #content .section .cont_cen .ing_wrap .tit{font-size: 15px; height: 1.2em;}
    .sub #content .section .cont_cen .ing_wrap .txt{height: 1.25em; -webkit-line-clamp: 1; font-size: 13px;}
    .sub .ing_wrap .list .name {font-size: 12px; padding-bottom: 0;}
    .sub .ing_wrap .title_box .mine{padding-top: 20px;}
    .sub .ing_wrap .title_box .mine span{font-size: 13px;}
    .sub .view_wrap .photo img.play{width: 43px;}
    .sub #content .section .cont_cen .view_wrap .txt{font-size: 13px; width: 100%;}
    .sub .view_wrap .line_bg{ width: 70%;}
    .sub .view_wrap .box .icos li{width: 36px;}
    .sub .view_wrap .box .icos a{font-size: 11px;}
    .sub .view_wrap .label{margin: 10px 0 0; font-size: 11px;}
    .sub #content .section .cont_cen .ing_wrap.view .tit{margin-bottom: 0;}
    .sub #content .section .cont_cen .re .txt{
        white-space: normal;
        line-height: initial;
        height: 60px;
        display: block;
    }
    .sub .view_wrap .box{padding-bottom: 20px;}
    .sub .view .title_box .mine{padding: 0;  margin-bottom: 0;}
    
	/*라이센스 배너*/
	.license_wrap .box p{width: 80%;}
	.sub #content .section .cont_cen .license_wrap .box .txt{width: 80%;}

    /* 동영상 */
	.sub .new_wrap .list ul li img{height: 95px;}
    
    
     /* 회사소개 */
    .sub #content .section .cont_cen.company .title_box .tit{float: none; /*text-align: center;*/}
    .sub #content .section .cont_cen.company .title_box .txt{font-size: 15px;}
    .sub .company .title_box {padding-bottom: 0;}
    
    
    
    /* 검색하기 */
    .search_list ul{width: 100%;}
    .search_list li{padding: 20px 5px;}
    .search_list .txt{font-size: 12.5px;}
    .search_list ul .title{padding: 30px 5px 10px;}
	.search_list ul .title span{font-size: 13px;}
    .search_list.ing li .txt{font-size: 12px;}
    .search_list.none ul{min-height: auto;}

    
    /* 공지사항 */
    .board-list-table{ border-width: 1px;}
    .board-list-table thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.board-list-table th, .board-list-table td {border:0;}
	.board-list-table tbody tr {position:relative;overflow:hidden;display:block;width:100%;border-bottom:1px solid #ddd;float:left; padding: 20px 10px 10px;}
	.board-list-table tr:hover td {background-color:transparent;}
	.board-list-table td {display:block;min-height:25px;font-size: 14px;
    font-weight: 500;}
	.board-list-table td .stitle a {max-width:90%;}
	.board-list-table .num {display: none;float:left;padding-bottom:0;}
	.board-list-table .subject {width:92%;float:left;padding: 0;}
	.board-list-table .writer, .board-list-table .date, .board-list-table .cnt, .board-list-table .down, .board-list-table .company {float:left;width:auto;padding: 5px 10px; font-weight: 400; color: #bbb;font-size: 14px;}
    .bard-list-table .license {float:left;width:auto;padding: 5px 10px; font-weight: 400; color: #bbb;font-size: 14px;}
	.board-list-table td:first-child + td + td {padding-left:0; position: relative;}
    .board-list-table td:first-child + td + td:after{
        content: '';
        position: absolute;
        top:10px;
        right: -2px;
        width: 1px;
        height: 12px;
        background: #ddd;
    }
	.board-list-table .noData {float:left;width:100%;display:block;text-align:center;border-left:0;border-right:0;}
    
    .board-view-head .vtitle {
        width: 100%;
        padding: 12px 0 5px 12px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .board-view-head .vtitle-winfo {
        position: relative;
        top: auto;
        right: auto;
        padding: 0 12px 12px;
    }
    .board-view-head .vtitle-winfo span{
        font-weight: 400;
        color: #bbb;
        font-size: 14px;
    }

    .board-view-head .vtitle-winfo span:first-child {padding: 0; margin: 0;}
    
    .board-view-winfo .ilbl.file {width: 20%;}
    .board-view-filelist.file{}
    .board-view-filelist li{padding: 15px 10px;}

    
    /* */

    table.normal_table th:first-child, table.normal_table td:first-child {
        width: 40%;
        display: inline-block;
        border-right: none;
        width: 100%;
        height: 40px;
        border-bottom: none;
        padding: 10px 0px 0 10px;
        background: none;
    }
    table.normal_table th, table.normal_table td {
        font-size: 14px;
        height: auto;
        padding: 0 10px;
        padding: 0px 0px 10px 10px;
        width: 97%;
        width: 100%;
        margin: 0 auto;
        display: inline-block;
    }
    
    input[type=text]::placeholder, input[type=password]::placeholder{
        font-size: 13px;
    }
    
    input[type=text].phone {
        width: 29%;
    }
    
    .small-btn span{}
    .small-btn.zip span{margin: 0;}
    
    .small-btn span.all_btn{width: auto;}
    
    .chk-wrap.golf{margin-top: 12px;}
    
    .form_add{}
    .form_add .txt{padding: 0 5px;}
    .form_add .small-btn span{margin-top: 0;}
    
    .hgroup .title_desc .txt{
        font-size: 13px;
    }
    
    input[type=text].email {
        width: 45%;
    }
    
    .footnote{
        font-size: 13px;
        padding: 0 0 5px;
        float: none;
    }
    
    .contact h4.section_title{
        float: none;
    }
    
    .bottom_banner ul li{
        width: 100%;
        float: none;
    }
    
    table.normal_table.line_table .check_txt{
        height: auto;
    }
    
    table.normal_table.line_table .view_txt{
        font-size: 13px;
        padding: 0px 0 10px 32px;
        text-align: left;
    }
    
    table.normal_table.line_table .check_tit{
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }
    
    table.normal_table.line_table .check_txt.last{
        margin-top: 25px;
    }
    
    table.normal_table.line_table .check_tit span {
        font-size: 13px;
        padding: 0px 0 10px 0px;
        text-align: left;
        float: none;
        display: block;
    }
    
    .small-btn.submit span {
        /*vertical-align: top;*/
    }


    .paginate{padding: 0;}
    .paginate .btn_arrow img{
        width: 28px;
    }
    .paginate a{
        font-size: 13px;
        margin: 0;
    }
    .paginate .btn_arrow{
        padding: 0;
    }


    input[type=text].line{}
    .small-btn.navy span{margin: 0; }
    .pcomment .small-btn.navy span{padding: 6.5px 15px;}


    
    /* 자주묻는 질문 */
    .faq_section .txt{width: 84%;}
    .faq_section .answer p{width: 84%;}
    
    /* 레이어팝업 */
    .popup{top: 10%;}
    .popup .cont{padding: 20px 15px;}
    .popup .btn_close{background-size: 20px;right: 10px;top: 10px;}
    .board_wrap{border-radius: 15px;}
    .board_wrap .c-tit07{font-size: 14px;}

    .loginpop .page_title{}
    .loginpop .page_title img{}
    .loginpop .popup .btn_close{background-size: 20px 20px;}
    .loginpop .box{margin: 30px auto 10px; width: 90%;}    

    .quick_wrap{ bottom: 380px; display: none; }

;}