@charset "utf-8";

@media all and (max-width: 1700px) {

    .popup.web .close {
        right: 10px;
    }

}

@media all and (max-width: 1350px) {
    .popup.web {
        display: none;
    }
}

@media all and (max-width: 1200px) {

    .view-form.exp{
        display: none ;
    }

    .gl_category_top .catepage_top_l{
        width: 20%;
    }

    .gl_category_top .catepage_top_r{
        width: 80%;
    }


    .gl_category_top .catepage_top_r.wi90{
        width: 100% ;
    }

    .gl_category_top .catepage_top_l.wi10 {
        width: 100%;
    }

    .category_page.exp .left {
        width: 20%;
    }

    .category_page.exp .right {
        width: 80%;
    }


    .popup2{
        width: 100%;
        /*height: 100%;*/
    }

    .popup2 .popup-con {
        padding: 10px;
        height: calc(100% - 60px);
    }

    .popup2 .pic_list2{
        display: block;
    }

    .popup2  li.view_wz_li{
        display: flex;
        margin-bottom: 0;
    }

    .popup2 .view_wz_img > div {
        width: 100%;
        height: 100%;
    }

    .popup2 .popup-con .view_wz_info{
        margin-top: 0;
        padding-left: 20px;
    }

    .popup2 .popup-con .pic_list2 .content_box{
        right:0;
        left: unset;
    }
    .popup2 .popup-con .pic_list2 .view_wz_info h1.v_info1_txt{
        margin-top: 0;
    }


    /*.pic_list2{*/
    /*    display: none;*/
    /*}*/



    .pic_list2.noimg .view_wz_info{
        border-right: unset;
        width: 100%;
        margin-top: 0;
    }

    .view_wz_info{
        border-right: unset;
        width: 100%;
        margin-top: 0;
    }

    .pic_list2.noimg .view_wz_info h1.v_info1_txt{
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
        font-size: 18px;
    }

    .pic_list2 .view_wz_info h1.v_info1_txt{
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .pic_list2.noimg .view_wz_info2 h1.v_info1_txt{
        font-size: 18px;
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .pic_list2.noimg .view_wz_info2{
        width: 100%;
    }



    .content_box2 p{
        display: inline-block;
        margin-right: 10px;
        font-size: 14px;
        padding-top: 10px;
    }

    .pic_list2.noimg p.v_info2_txt{
        width: 100%;
        font-size: 14px;
    }

    p.v_info2_txt{
        width: 100%;
        font-size: 14px;
    }

    .pic_list2 .content_box {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
    }

    .content_box2 {
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
    }

    .pic_list2.noimg .content_box{
        width: 100%;
        margin-top: 10px;
        padding-top: 0;
    }

    .content_box{
        width: 100%;
        margin-top: 10px;
    }

    .pic_list2 .content_box{
        width: 100%;
        margin-top: 10px;
        padding-top: 0;
    }

    .pic_list2 .content_box p{
        padding-left: 0;
        display: inline-block;
        width: 49%;
        font-size: 14px;
    }

    .pic_list2 .content_box button{
        height: 40px;
    }

    .pic_list2 li.view_wz_li::after{
        content: ""; display: block; clear: both;
    }

    .pic_list2 .view_wz_info{
        margin-top: 0;
        width: calc(100% - 195px);
        float: right;
    }
    .pic_list2  .view_wz_img{
        height: auto;
        float: left;
    }

    .pic_list2 .view_wz_img > div{
        width: 100%;
        height: auto;
    }


    .filter_wrap .con{
        width: 100%;
    }

    .filter_box{
        width: 100%;
        margin-bottom: 20px;
    }

    div#sub_page_title .go_list{
        display: none;
    }

    div#sub_page_title{
        height: auto;
        padding-top: 10px;
    }

    div#sub_page_cate{
        padding: 10px;
    }

    div.category_page{
        width: 100%;
    }

    div.category_page ul li{
        width: 50%;
    }

    /*fieldset#bd_sch{*/
    /*    margin-right: 0;*/
    /*}*/

    .con.nsc .book_box li{
        float: left;
        width: calc((100% - 60px)/4);
        margin-right: 20px !important;
    }

    .con.nsc .book_box li:nth-of-type(4n){
        margin-right: 0 !important;
    }

    .con.nsc .book_box li:nth-of-type(6n){
        margin-right: 20px;
    }

    /*.view-form{*/
    /*    display: none;*/
    /*}*/

    .menu_box li .img_box{
        box-shadow: unset;
    }

    .banner h2{
        background: url(../img/banner_tit.png) left top+17px no-repeat;
        padding-top: 10px;
        margin-bottom: 30px;
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .search_wrap .lan_bt{
        display: none;
    }

    .search_wrap .search_box{
        padding: 20px 10px;
        width: 100%;
    }

    .search_wrap .search{
        width: calc(100% - 130px);
    }

    .search_wrap.bg{
        height: auto;
        position: absolute;
        width: 100%;
        top: 78px;
    }

    .header {
        padding: 0 10px;
        height: 80px;
        border-bottom: 2px solid #ffcfd2;
    }

    .header .logo {
        margin-top: 20px;
    }

    .header .search_box {
        display: none;
    }

    .mypage {
        display: none;
    }

    .ol .mypage{
        display: block;
        margin-top: 9px;
        margin-bottom: 9px;
    }

    /*.ol .mypage > div{*/
    /*    margin-left: 0px;*/
    /*    padding-left: 0;*/
    /*}*/

    /*.ol .mypage div::before{*/
    /*    display: none;*/
    /*}*/


    .nav {
        display: none;
    }
    
    #gnb_open{display: block;}

    .banner {
        padding: 0 10px;
        margin-top: 89px;
    }

    .banner .stan {
        width: 100%;
        margin-right: 0;
    }
    
    .banner .stan.audio {
        width: 100%;
        margin-right: 0;
    }
    
    .banner .stan li{padding: 10px;}
    
    .banner .stan li.own{margin-left: 1%;}
    
    .banner .stan.audio li{padding: 10px;}
    
    .banner .stan.audio li.own{margin-left: 1%;}
    
    .banner .log_one{display: none;}
    
    .banner .log_two{display: none;}

    .con {
        padding: 0 10px;
    }

    .con.exp {
        padding: 0px;
    }

    .update_slider {
        padding-top: 30px;
        padding-bottom: 70px;
    }


    .update_slider>div:nth-of-type(1),
    .update_slider>div:nth-of-type(7) {
        width: 153px;
        height: 180px;
        z-index: 1;
    }

    .update_slider>div:nth-of-type(2),
    .update_slider>div:nth-of-type(6) {
        width: 171px;
        height: 200px;
        z-index: 2;
    }

    .update_slider>div:nth-of-type(3),
    .update_slider>div:nth-of-type(5) {
        width: 194px;
        height: 230px;
        z-index: 3;
    }

    .update_slider>div.on {
        width: 224px;
        height: 260px;
        z-index: 4;
    }

    .sc_box {
        overflow-x: auto;
    }

    .con .sub_book {
        width: 1200px;
    }

    .con .book_box{
        width: unset;
        font-size: 0;
        white-space: nowrap;
        margin-top: 3px;
        margin-bottom: 0;
    }

    /*.bk{*/
    /*    white-space: normal;*/
    /*    width: 26px;*/
    /*}*/


    .con .book_box li {
        float: unset;
        width: 173px;
        display: inline-block;
    }



    .best_book_sl2 {
        height: 280px;
    }

    .panel3 li {
        height: 280px;
        width: calc((100% - 410px) / 4);
    }

    .panel3 li.select {
        width: 410px;
        height: 280px;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(1) {
        width: 190px;
        height: 280px;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(2) {
        width: calc(100% - 190px);
        height: 280px;
        padding: 15px;
    }

    .panel3 li .panel_wrap_l a {
        width: 100%;
        height: 180px;
    }

    .panel3 li .panel_wrap {
        padding: 24px 15px;
    }

    .best_book_sl2>a {
        bottom: 10px;
    }

    .best_book_sl2 .prev3 {
        left: 340px;
    }

    .best_book_sl2 .next3 {
        left: 380px;
    }

    footer {
        padding: 0 10px;
    }


    .main_con_bn{
        float: unset !important;
        margin: 0 auto;
    }

    .notice{
        float: unset !important;
        margin: 0 auto;
        margin-top: 20px;
        width: 640px;
    }

    .tit .line{
        display: none;
    }

    .main_banner.slider .slick-list {
        margin: 0;
    }

    .banner .arrows_box{
        display: none;
    }

    .banner .bt_box{
        display: none;
    }

    .menu_wrap{
        padding: 0 10px;
    }

    .img_wrap{
        min-height: 387px;
    }

    .policy_tab{
        width: 100%;
        padding: 10px;
    }


    /*.inf_box{*/
    /*    background: #f6f6f6 !important;*/
    /*    padding: 10px !important;*/
    /*}*/

    li.view_wz_li{
        display: block;
    }

    .view_wz_img{
        width: 100%;
    }

    .view_wz_img > div{
        width: 205px;
        height: 310px;
        margin: 0 auto;
    }

    .view_wz_info{
        width: 100%;
        padding: 0;
    }

    .content_box{
        width: 100%;
        top: -130px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

    .v_info3 p{
        display: inline-block;
    }

    .view_wz_info.exp{
        margin-top: 70px;
    }

    .content_box.exp{
        top: -90px;
    }

    .content_box.exp2{
        top: -70px;
    }


    .content_box p{
        font-size: 18px;
    }

    .view_wz_info{
        margin-top: 110px;
    }

    .content_box button{
        width: 49%;
    }

    .gal_hover{
        display: flex;
        height: 120px;
        padding: 0;
    }

    .paperDB_img img{
        width: 100%;
    }

    .lclass_img img{
        width: 100%;
    }
    
    /*.catepage_top.catepage_top_l.search{*/
    /*    width: 100%;*/
    /*}*/

    .search_wrap.bg2 .search_box{
        width: 100%;
        padding: 0;
        padding-top: 10px;
    }

    .search_wrap.bg2{
        padding: 20px;
    }

    footer{
        height: auto;
    }


    footer div{
        width: 100%;

    }

    .f_box{
        width: 306px;
        margin-bottom: 30px;
    }

    .fexp{
        width: 232px;
        margin-bottom: 20px;
    }


    .con .book_box li .gal_hover p{
        font-size: 16px !important;
        line-height: 20px;
        margin-bottom: 0 !important;
        font-weight: bold !important;
    }

    .gal_hover p span{
        font-weight: bold;
    }

    div.category_page{
        display: none;
    }

    .filter_box.moh{
        display: none;
    }

    .sel_box{
        display: block;
    }

    .sel_box .selectbox.normal_select{
        float: unset;
        width: 100%;
        margin-bottom: 10px;
        color: #f06b6c;
        border: 1px solid #f06b6c;
        height: 40px;
    }

    .sel_box .selectbox.normal_select label{
        color: #f06b6c;
        font-size: 16px;
    }

    .sel_box .selectbox.normal_select:before {
        border-top: 12px solid #f06b6c;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        right: 10px;
        top: 45%;
    }



}

@media all and (max-width: 960px) {

    .method .left2{
        width: auto;
    }
    
    .menu_box ul {
        white-space: normal;
    }

    .menu_box li{
        width: calc(100% / 3);
    }

    .menu_box li:nth-of-type(1){
        margin-bottom: 20px;
    }

	.banner .stan li{
		padding: 15px;
	}
	
    .banner .stan h2 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .banner .stan {
        width: 100%;
    }

    .banner .log_one {
        display: none;
    }

    .banner .log_two {
        float: left !important;
        margin-bottom: 30px;
        margin-top: 20px;
        width: 100%;
    }

    .banner .log_two tbody tr td:nth-of-type(2) {
        width: 33.333%;
        text-align: center;
        padding-right: 0px;
    }

    .banner .log_two tbody tr td:nth-of-type(3) {
        text-align: center;
        width: 33.333%;
    }

    .banner .log_two thead tr th:nth-of-type(2) {
        padding-right: 0;
    }

    .banner .log_two thead tr th {
        text-align: center;
    }

    .banner .log_two.out {
        width: 100%;
    }

    .update_slider {
        padding: 0 15px;
        padding-top: 30px;
        padding-bottom: 70px;
    }



    .best_book_sl2 {
        height: 240px;
    }

    .panel3 li {
        height: 240px;
        width: calc((100% - 350px) / 3);
    }

    .panel3 li.select {
        width: 350px;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(1) {
        width: 150px;
        height: 240px;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(2) {
        width: calc(100% - 150px);
        height: 240px;
        padding: 15px;
    }

    .panel3 li.select .panel_wrap_r h3 {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .panel3 li.select .panel_wrap_r p:nth-of-type(2) {
        margin-top: 10px;
    }

    .panel3 li .panel_wrap {
        padding: 14px 10px;
    }

    .panel3 li .panel_wrap_l a {
        height: 160px;
    }

    .best_book_sl2>a {
        bottom: -15px;
    }

    .best_book_sl2 .next3 {
        left: 300px;
    }

    .best_book_sl2 .prev3 {
        left: 260px;
    }




    .mag_box li{
        width: calc((100% - 100px)/2);
    }

    .mag_box li button{
        width: 170px;
        height: 48px;
        background: url("../img/ic_down.png") right+36px center no-repeat;
        padding-left: 46px;
    }

    .mag_box2 li button{
        width: 170px;
        height: 48px;
        background: url("../img/ic_down.png") right+36px center no-repeat;
        padding-left: 46px;
    }

    .mag_box li:nth-of-type(1), .mag_box li:nth-of-type(4){
        width: 100px;
        line-height: unset;
        padding-top: 120px;
    }

    .img_wrap{
        width: 100%;
        margin-bottom: 10px;
        min-height: unset;
        max-height: unset;
    }

    .inf_txt .inf_img3{
        position: unset;
        display: block;
    }

    #bd_sch .bd_sch_input{
        max-width: 130px;
    }

    .selectbox.normal_select{
        font-size: 14px;
        width: 88px;
    }

    .selectbox:before{
        right: 5px;
    }

    .main_banner .slider_tit{
        width: 320px;
    }

    .policy_tab.search_tab .tab_d{
        min-width: unset;
        position: relative;
        line-height: unset;
    }

    .policy_tab.search_tab .tab_d p{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50% , -50%);
        width: 100%;
        padding: 10px;
    }

    input.mypage_date {
        width: 100px;
    }

}

@media all and (max-width: 720px) {

    .mot{
        display: none;
    }

    .motit{
        display: block;
        margin: 0 auto;
    }



    .nb-spinner_msg{
        width: 300px;
        left: 50%;
        transform: translateX(-50%);
    }

    .chk_box{
        margin-top: 10px;
    }

    .gl_category_top{
        justify-content: flex-end;
    }

    .gl_category_top .catepage_top_l{
        width: 100%;
    }

    .gl_category_top .catepage_top_r{
        width: 365px !important;
    }

    .gl_select {
        padding-bottom: 0px;
    }

    .catepage_top_r.wi90 .gl_select{
        padding-bottom: 0px;
    }

    fieldset#bd_sch {
        margin-right: 0;
        margin-top: 10px;
    }

    .banner .stan h2 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    
    .banner .stan li {
    	padding: 10px;
	}

    

    .banner .log_two h2 {
        font-size: 18px;
    }


    .banner .log_two.out li {
        width: 22%;
        float: left;
        margin-right: 4%;
    }

    .banner .log_two.out li:last-child {
        margin-right: 0;
    }

    .con .tit {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .con.bg .tit:nth-child(1) {
        padding-top: 30px;
    }
    
      .update_slider {
        width: 1380px;
        position: unset;
        left: unset;
        transform: unset;
    }

    .update_sl_box {
        overflow-x: scroll;
    }

    .update_sl_box>a{display: none;}

    .update_slider>div{margin-left: 0; width: 180px !important; height: 230px !important; z-index: 1 !important; margin-right: 15px;}

    .update_slider>div p{
        display: block;
    }
    
    .update_slider>div>a {
    width: 180px;
    height: 230px;
}


/* .update_slider>div:last-child {
    margin-right: 10px;
}
 */


    .panel3 li.select {
        width: 310px;
    }

    .panel3 li {
        height: 240px;
        width: calc((100% - 310px) / 2);
    }

    .panel3 li:nth-of-type(4) {
        display: none;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(1) {
        width: 140px;
        height: 240px;
    }

    .panel3 li.select .panel_wrap>div:nth-of-type(2) {
        width: calc(100% - 140px);
        height: 240px;
        padding: 10px;
    }


    .best_book_sl2 .prev3 {
        left: 240px;
    }

    .best_book_sl2 .next3 {
        left: 280px;
    }

    footer {
        height: auto;
    }



    .bt.more {
        float: right;
        margin-top: 8px;
    }

    .log_two .bt.more{margin-top: 0;}
    
    
   	.banner .stan li{width: 100%; padding: 15px; height: auto;}
	
	.banner .stan.audio li{width: 100%; padding: 15px; height: auto;}
	
	.banner{height: auto;}
	
	.banner .stan li.own{margin-left:0; box-shadow: unset;}
	
	.banner .stan.audio li.own {
    margin-left: 0%;
}
	
	.banner .stan.audio li.subs{box-shadow: unset; margin-bottom: 0px;}
	
	.banner .stan li.subs{margin-bottom: 15px; box-shadow: unset;}
	
	.banner .stan.audio li.subs.audio{margin-bottom: 15px; box-shadow: unset;}
    
    .banner .stan li .icon{display: inline;}
    
    .banner .stan li .icon img{margin-top: 7px; margin-right: 5px;}
    
    .banner .stan h2 {
    	display: inline-block;
	}

	.banner .stan p{margin-top: 10px;}

    .con.nsc .book_box li .img_box {
        height: 180px;
    }

    .policy_tab.exp .tab_d{
        position: relative;
        height: 80px;
        line-height: unset;
    }

    .policy_tab.exp .tab_d p{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
        width: 100%;
        padding: 10px;
    }

    .table_box li:nth-of-type(odd){
        padding-left: 0;
        font-size: 14px;
        width: 110px;
    }

    .table_box li:nth-of-type(even) {
        width: calc(100% - 110px);
    }

    .selectbox.normal_select{
        font-size: 14px;
        width: 90px;
    }

    .chk_box .text{
        font-size: 14px;
    }

    input:placeholder-shown{
        font-size: 14px;
    }

    #bd_sch .bd_sch_input {
        max-width: 100px;
        padding: 6px;
    }

    #bd_sch .bd_sch_btn{
        width: 26px;
    }

    .table_box .input{
        width: 100%;
    }

    .table_box .input.exp{
        width: calc(100% - 84px);
    }

    .bt_bs{
        font-size: 14px;
        width: 70px;
    }

    .bt_big {
        width: 120px;
        height: 40px;
        font-size: 16px;
    }


    label.label_mypage_date span{
        display: none;
    }

    input.mypage_date{
        margin-left: 0;
        width: 94px;
        margin-top: 10px;
    }



    .list_pc {
        display: none;
    }

    .bo_v_con{
        padding: 10px 10px 20px 10px;
        font-size: 14px;
    }

    div.bo_v_file{
        padding: 10px;
        font-size: 14px;
    }

    .bo_v_title .bo_v_tit{
        font-size: 16px;
    }

    div.bo_v_file i{
        font-size: 20px;
    }

    .bo_v_title{
        padding: 10px;
        line-height: 22px;
    }

    .bo_v_author>div:nth-child(odd) {
        padding: 0 10px;
        max-width: 80px;
    }

    .bo_v_author>div:nth-child(even){
        padding: 0 10px;
    }

    .main_banner .slider_tit {
        width: 210px;
    }

    .main_banner .slider_tit p:nth-of-type(2){
        display: none;
    }

    fieldset#bd_sch.exp{
        width: 100%;
        margin-top: 10px;
    }

    #bd_sch.exp .bd_sch_input{
        max-width: unset;
        width: calc(100% - 30px);
    }

}

@media all and (max-width: 640px) {

    .main_con_bn {
        width: 100%;
        border-left: unset;
        border-right: unset;
        border-top: unset;
        border-radius: unset;
        margin: 0;
    }

    .notice {
        width: 100%;
        border-left: unset;
        border-right: unset;
        border-radius: unset;
    }

    .main_con{
        margin-top: 0;
        margin-bottom: 0;
    }

    .main_con_bn .arrows_box{
        display: none;
    }

    .main_con_bn .bt_box{
        display: none;
    }

    .main_con_bn .box{
        display: none;
    }

    .con .book_box li button{
        width: 36px;
    }

    .con .book_box li .in{
        width: 60px;
    }



}


@media all and (max-width: 550px) {



    .pic_list2.noimg p.v_info2_txt span.info_tit{
        display: none;
    }

    p.v_info2_txt span.info_tit{
        display: none;
    }

    .pic_list2.noimg p.v_info2_txt:nth-of-type(3),  .pic_list2.noimg p.v_info2_txt:nth-of-type(4),  .pic_list2.noimg p.v_info2_txt:nth-of-type(5){
        display: none;
    }

    p.v_info2_txt:nth-of-type(3),  p.v_info2_txt:nth-of-type(4),  p.v_info2_txt:nth-of-type(5){
        display: none;
    }

    .pic_list2 .view_wz_info{
        width: calc(100% - 33%);
    }
    .pic_list2  .view_wz_img{
        width: 30%;
    }

    .pic_list2 .content_box p{
        width: 48%;
    }

    .content_box button{
        width: 48%;
    }

    .fexp{
        width: 203px;
    }

    .menu_wrap{
        display: none;
    }

    .main_con_bn{
        display: none;
    }



    a.btn_list3{
        padding: 5px 20px;
        font-size: 15px;
    }

    .banner .log_two.out li:nth-of-type(4) {
        display: none;
    }

    .banner .log_two.out li:nth-of-type(3) {
        margin-right: 0;
    }

    .banner .log_two.out li {
        width: 30.666%;
    }

    .update_sl_box>a {
        bottom: 15px;
    }

    .update_sl_box .next {
        right: 10px;
    }

    .update_sl_box .prev {
        right: 50px;
    }

    .update_slider>div p {
        font-size: 18px;
    }

    .con .sub_book li .txt h2 {
        font-size: 18px;
    }

    .con .sub_book {
        width: 1000px;
    }

    .con .sub_book li {
        height: 208px;
    }

    .con .sub_book li .book {
        width: 140px;
        height: 100%;
    }

    .con .sub_book li .txt {
        width: calc(100% - 140px);
        height: 100%;
        padding: 10px;
    }


    .panel3 li.select {
        width: 100%;
    }

    .panel3 li:nth-of-type(2),
    .panel3 li:nth-of-type(3) {
        display: none;
    }

    .best_book_sl2 .next3 {
        left: unset;
        right: 10px;
    }

    .best_book_sl2 .prev3 {
        left: unset;
        right: 50px;
    }

    .best_book_sl2 {
        height: 220px;
    }

    footer p {
        font-size: 14px;
    }




    .header{height: 70px;}

    .header .logo {
        margin-top: 20px;
    }

    .header .logo img{width: 240px;}

    #gnb_open{
        top: 26px;
        background-size: 20px;
        right: 0;
        width: 20px;
        height: 20px;
    }

    .search_wrap.bg{
        top: 68px;
    }

    .search_wrap .search_detail{
        font-size: 14px;
        width: 70px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }

    .search_wrap .search {
        width: calc(100% - 80px);
        border-radius: 20px;
        font-size: 14px;
        height: 40px;
    }

    .btFind2{
        width: 38px;
        height: 38px;
        background-size: 20px;
    }

    .search_wrap .btFind{
        height: 40px;
    }

    .search_wrap .search_box{
        padding: 15px 10px;
    }

    .banner{
        margin-top: 68px;
    }

    .banner h2 {
        font-size: 18px;
        padding-left: 32px;
        background: url(../img/banner_tit.png) left top+14px no-repeat;
        background-size: 24px;
    }

    .search_wrap .select{
        display: none;
        /*width: 100% !important;*/
    }
    .search_wrap .select.qnaSelect{
        display: block;
        width: 100% !important;
    }

    .search_wrap .input{
        width: calc(100% - 45px);
        font-size: 14px;
    }

    .table_box .input {
        width: 100%;
    }

    .search_wrap .input::placeholder{
        font-size: 14px;
    }

    .banner .slick-slide {
        width: 110px;
        height: 160px !important;
    }

    .main_banner .slick-current {
        width: 160px;
        height: 230px !important;
    }

    .main_banner .slick-slide img {
        margin-top: 70px;
    }

    .main_banner .slick-current img{
        margin-top: 0;
    }

    .main_banner .slick-slide {
        margin: 0 15px;
    }

    .main_banner .slider_tit::before{
        display: none;
    }

    .main_banner .slider_tit::after{
        display: none;
    }

    .main_banner .slider_tit{
        left: 190px;
        font-size: 18px;
        width: 100%;
        top: 0;
    }

    .main_banner .slider_tit p{
        display: none;
    }

    .menu_box{
        margin: 15px 0;
    }

    .menu_box li p{
        font-size: 14px;
    }


    .menu_box li .img_box{
        width: 70px;
        height: 70px;
    }

    .menu_box li .img_box img{
        width: 40%;
        height: 40%;
    }

    .book_content .tit span{
        font-size: 18px;
        margin-right: 10px;
    }


    .book_content .tap2 button{
        font-size: 16px;
        width: 70px;
        height: 34px;
    }

    .book_content .tap3 button{
        font-size: 16px;
        width: 70px;
        height: 34px;
    }

    .tit .more_bt2{
        font-size: 0;
        background: url(../img/bt_plus2.png) no-repeat;
        width: 18px;
        height: 18px;
        margin-top: 10px;
    }

    .notice{
        padding: 10px;
        height: auto;
    }

    .notice li:nth-of-type(4), .notice li:nth-of-type(5){
        display: none;
    }

    .notice_top .more_bt{
        width: 18px;
        height: 18px;
        margin-top: 7px;
        padding-right: 0;
    }
    .notice_top .more_bt a{
        display: none;
    }

    .notice .tap li{
        font-size: 16px;
        margin-right: 15px;
    }

    .notice .tap li::after{
        right: -7px;
    }

    .notice p{
        font-size: 14px;
    }

    .notice p:nth-of-type(1) {
        width: calc(100% - 100px);
    }

    .notice p:nth-of-type(2) {
        width: 80px;
        text-align: right;
    }

    .con .book_box li{
        width: 140px;
        margin-right: 20px;
    }

    .con .book_box li .img_box{
        height: 200px;
    }

    .con .book_box li p:nth-of-type(1){
        font-size: 16px;
    }

    .con .book_box li p:nth-of-type(2){
        font-size: 14px;
    }


    .con .tit {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    div.category_page ul li{
        width: 100%;
    }

    /*#bd_sch .bd_sch_input{*/
    /*    max-width: 130px;*/
    /*}*/

    .pg_page{
        padding: 0;
        line-height: 40px;
        width: 40px;
        height: 40px;
    }

    .pg_current {
        line-height: 40px;
        width: 40px;
        height: 40px;
    }

    .pg_wrap{
        margin-top: 40px;
    }

    .con.nsc .book_box li{
        float: left;
        width: calc((100% - 10px)/2) !important;
        margin-right: 10px !important;
    }

    .con.nsc .book_box li:nth-of-type(2n){
        margin-right: 0 !important;
    }

    .con.nsc .book_box li:nth-of-type(4n){
        margin-right: 0;
    }


    .con.nsc .book_box li .img_box {
        height: 280px;
    }

    div.category_page{
        padding: 20px;
    }

    div.category_page ul li:hover a::before, div.category_page ul li.selected a::before{
        display: none;
    }

    div#sub_page_title span.sp_title{
        font-size: 20px;
    }

    div.category_page{
        margin-top: 0 !important;
    }

    .gl_category_top{
        margin-top: 0px;
    }

    div.category_page{
        display: none;
    }

    .filter_box.moh{
        display: none;
    }

    .sel_box{
        display: block;
    }

    .sel_box .selectbox.normal_select{
        float: unset;
        width: 100%;
        margin-bottom: 10px;
        color: #f06b6c;
        border: 1px solid #f06b6c;
        height: 40px;
    }

    .sel_box .selectbox.normal_select label{
        color: #f06b6c;
        font-size: 16px;
    }

    .sel_box .selectbox.normal_select:before {
        border-top: 12px solid #f06b6c;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        right: 10px;
        top: 45%;
    }

    .inf_tit{
        font-size: 18px;
        background: url(../img/inf_tit.png) left top +5px no-repeat;
        margin-top: 20px;
        line-height: 22px;
    }

    .inf_box {
        background: #f6f6f6 !important;
        padding: 10px !important;
        font-size: 14px;
    }

    .inf_box.sbinf.guide.exp{
        background: #fff !important;
        padding: 0px !important;
    }

    .inf_txt{
        font-size: 14px;
        line-height: 24px;
    }

    .inf_tit .pink{
        font-size: 14px;
    }

    .sbinf button{
        font-size: 14px;
        height: 40px;
    }

    .sbinf button span{
        vertical-align: bottom;
    }

    .mag_box li{
        font-size: 14px;
    }

    .mag_box2 li{
        font-size: 14px;
    }

    .mag_box li:nth-of-type(1), .mag_box li:nth-of-type(4) {
        width: 60px;
    }

    .mag_box li {
        width: calc((100% - 60px) / 2);
    }

    .mag_box li button {
        width: 100px;
        height: 36px;
        background: url(../img/ic_down.png) right +10px center no-repeat;
        padding-left: 14px;
        font-size: 14px;
    }

    .mag_box2 li button {
        width: 100px;
        height: 36px;
        background: url(../img/ic_down.png) right +10px center no-repeat;
        padding-left: 14px;
        font-size: 14px;
    }

    .mb200{
        margin-bottom: 100px;
    }

    .mb400{
        margin-bottom: 100px;
    }

    div.tab_d{
        font-size: 16px;
    }

    .hopebook_box p{
        font-size: 14px;
    }

    .content_box button{
        font-size: 16px;
        height: 40px;
    }

    .content_box p {
        font-size: 16px;
    }

    .tap li span.page_title{
        font-size: 16px;
    }

    .tap li{
        height: 44px;
        line-height: 44px;
    }

    .contents-book-tit{
        margin-top: 40px;
        font-size: 18px;
    }

    .contents-book-tit p:nth-of-type(1) {
        width: 90px;
    }

    .contents-book-tit .line {
        width: calc(100% - 90px);
        margin-top: 3px;
    }

    .view_wz_info h1.v_info1_txt{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .view_wz_info {
        font-size: 14px;
    }
    p.v_info2_txt span.info_tit, p.v_info3_txt span.info_tit {
        min-width: 70px;
    }

    .policy_tab .tab_d{
        min-width: unset;
        height: 50px;
        line-height: 50px;
    }

    .con .book_box li .gal_hover p{
        font-size: 16px !important;
        line-height: 20px;
        margin-bottom: 0 !important;
        font-weight: bold !important;
    }

    .gal_hover p span{
        font-weight: bold;
    }



    .theme_tit{
        font-size: 18px;
        line-height: 22px;
    }

    .lclass_img{
        padding: 20px;
    }

    .go_bt{
        font-size: 16px;
        height: 40px;
    }

    .go_bt span{
        vertical-align: sub;
    }

    .tbl-question{
        margin-right: 10px;
    }

    .tr-answer td{
        padding: 15px;
    }

    .theme_tit button{
        font-size: 14px;
    }

    .search_tit button{
        font-size: 14px;
    }

    .mhide{
        display: none;
    }

    .bo_v_author > div:nth-child(4) span{
        display: none;
    }

    .bo_v_title .bo_v_tit img{
        width: 35px;
        margin-right: 5px !important;
    }

    .search_tit{
        font-size: 18px;
    }

    .search_wrap.bg2{
        padding: 10px;
    }

    .popup2 .popup-btn{
        font-size: 14px;
    }

    .popup2 .popup-con .pic_list2 .view_wz_info h1.v_info1_txt{
        font-size: 16px;
    }

    .popup2 .popup-con .view_wz_info{
        font-size: 14px;
        width: calc(100% - 70px);
        padding-right: 0;
    }

    .popup2 .popup-con .pic_list2 .view_wz_img{
        width: 70px;
        height: 100px;
    }

    .popup2 .popup-con .pic_list2 .content_box{
        position: absolute;
        left: -74px;
        bottom: 0;
        top: unset;
        transform: unset;
        height: 30px;
    }

    .popup2 .popup-con .pic_list2 .content_box button{
        height: 100%;
        margin-top: 0;
        width: 70px;
        font-size: 14px;
    }

}

@media all and (max-width: 420px) {

    .mohide{
        display: none;
    }

    .moshow{
        display: block;
        width: 40px;
        height: 40px;
        float: right;
        border: 1px solid #c8c8c8;
        border-radius: 5px;
        background: url(../img/modown.png) no-repeat center;
        background-size: 27px;
    }

    .moshow.up{
        background:url(../img/moup.png) no-repeat center;
        background-size: 27px;
    }

    .gl_category_top .catepage_top_r.wi90{
        width: 100% !important;
    }

    .bd_sch_100{
        width: 100%;
    }

    .bd_sch_100 .bd_sch_input{
        max-width: unset !important;
        width: calc(100% - 30px);
    }

    .con.nsc .book_box li .img_box {
        height: 260px;
    }


    .banner .log_two.out ul {
        padding: 15px 10px;
    }

    .con .sub_book {
        width: 920px;
    }

    .banner .log_two.out li:nth-of-type(3) {
        display: none;
    }

    .banner .log_two.out li:nth-of-type(2) {
        margin-right: 0;
    }

    .banner .log_two.out li {
        width: 45%;
        margin-right: 10%;
    }

    .banner .log_two.out ul {
        padding: 15px 35px;
    }

    .banner .log_two table {
        padding: 15px 10px;
    }

    .con .tit span{
        padding-right: 0;
    }

    label.label_mypage_date span{
        display: none;
    }

    input.mypage_date{
        margin-left: 0;
    }

    .policy_tab.search_tab .tab_d{
        height: 80px;
    }

    .menu_box li {
        width: calc(100% / 2);
        margin-bottom: 10px;
    }

    .menu_box li:nth-of-type(7), .menu_box li:nth-of-type(8){
        margin-bottom: 0;
    }

}

@media all and (max-width: 370px) {


    .con.nsc .book_box li .img_box {
        height: 220px;
    }

}