/*검색화면 카테고리 전체보기:S*/
.board_detail_view .detail_contents > ul > li.text_cont p a{
    display:block;
    word-break: break-all;
    white-space:normal;
    margin: 0 7% 0 0;
    width: 90%;
}
#search_pop{
    padding:4% 3%;
    background:#fff;
}
#view_contentsList .search_area,
.search_area{
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    /* padding-bottom: 3%; */
}
#counter{
    font-size:24px;
    line-height: 100%;
    padding:0 0 0 23%;
    color:#e76862 ;
    display:none;
}
#counter.review_counter,
#counter.study_counter{
    padding:0;
    margin:15px 0 20px 0;
    font-size:20px;
}
.search_area .prev{
    position:absolute;
    left:2%;
    line-height:100%;
    top:50%;
    width:46px;
    max-width:5.5%;
    height:40px;
    margin: -22px 0 0 0;
    font-size:0;
    background:url('/mobile/new/main/common/prev_arr.png') no-repeat center center;
    background-size: contain;
}
.search_area .go_home{
    position:absolute;
    left:11%;
    line-height:100%;
    top:50%;
    width:43px;
    max-width:6%;
    height:40px;
    margin:-22px 0 0 0;
    font-size:0;
    background:url('/mobile/new/main/common/home_icon.png') no-repeat center center;
    background-size:contain;
    display:inline-block;
    vertical-align:middle;
    float:left;
}
.search_area .input_box{
    border:3px #e76862 solid;
    width:78%;
    float:right;
    /* border-radius: 50px; */
    overflow: hidden;
    position:relative;
    height:60px;
}
.search_area .title{
    display:none;
}
.down_no_list{
    border: 1px solid #c8c8c8;
    padding: 3px 10px;
    background:#fff;
    color:#545454
}
.board_list_wrap .input_box input,
#search_pop .input_box input,
#view_contentsList .input_box input{
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    font-size:20px;
    padding:0 100px 0 4%;
    box-sizing: border-box;
}
.board_list_wrap .input_box button,
#search_pop .input_box button,
#view_contentsList .input_box button{
    position:absolute;
    right:0;
    top:0;
    width:100px;
    height:100%;
    background:url('/mobile/new/main/common/search_icon.png') no-repeat left center;
    background-size:39%;
}
.board_list_wrap .input_box button span,
#search_pop .input_box button span,
#view_contentsList .input_box button span{
    display: block;
    width:100%;
    height:100%;
    opacity: 0;
    background:none;
}
#search_pop .tip_box{
    background:#f0f0f0;
    padding:25px;
    margin:15px 0;
}
#search_pop .tip_box p{
    color:#c23131;
    font-size:20px;
    font-weight: 600;
    margin:0;
}
#search_pop .tip_box span{
    font-size:18px;
    color:#353535;
    word-break: keep-all;
}
#search_pop .number_list li{
    display:table;
    width:100%;
    border-top:1px #c0c0c0 solid;
}
#search_pop .number_list li:first-child{
    border:0;
}
#search_pop .number_list li:hover{
    background:#eee;
}
#search_pop .number_list li span{
    display: table-cell;
    font-size:25px;
    color:#353535;
    line-height:80px;
    font-weight:600;
}
#search_pop .number_list li span:first-child{
    width:10%;
    font-size:24px;
    color:#383838;
    font-weight:900;
    padding:0 0 0 3%;
}
#search_pop .number_list li.hot span:first-child{
    color:#de3e49;
}
#search_pop .number_list li a{
    display: flex;
    align-items: center;
    color:#353535;
}
#search_pop .number_list li a .new {
    margin-left: 4px;
    padding: 0;
    font-family: 'market-m';
    font-size: 10px !important;
    font-weight: bold;
    color: red;
}
/*검색화면 카테고리 전체보기:E*/

/*검색 리스트 화면: S*/

#view_contentsList{
}
#view_contentsList .search_info{
    font-size:25px;
    color:#282828;
    font-weight:600;
    padding:30px 0 0 0;
    margin:0 0 30px;
    border-top:1px #c0c0c0 solid;
}
#view_contentsList .search_info span{
    color:#db4032;
    margin:0 0 0 5px;
}
#view_contentsList .search_info .no_result{
    display:block;
    font-size:20px;
    color:#000;
    text-align:center;
}
#view_contentsList .search_info .no_result .word{
    color:#db4032;
    display:inline-block;
    margin:0 5px 0 0;
    font-style:normal;
}
.scr_wrap.active{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    padding:15px 3% 5px 3%;
    background:#fff;
    border-bottom:1px #e5e5e5 solid;
}
#view_contentsList .search_tab_wrap{
    overflow:hidden;
}
#view_contentsList.no_result .search_tab_wrap{
    display:none;
}
#view_contentsList  .search_nav .swiper-wrapper{
    padding:0 0 17px 0;
    height:auto;
}
#view_contentsList  .search_nav li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    height:auto;
    width:auto;
}
#view_contentsList  .search_nav li:first-child{
    padding:0;
}
#view_contentsList  .search_nav li a{
    display: block;
    font-size:20px;
    color:#0f0f0f;
    position:relative;
}
#view_contentsList  .search_nav li a.selected:after{
    content: "";
    position:absolute;
    bottom:-42%;
    left:50%;
    width:11px;
    height:11px;
    border-radius: 50%;
    background:#db4032;
    margin:0 0 0 -5.5px;
}
#view_contentsList  .search_nav li a.selected{
    color:#db4032;
    font-weight:600;
}
#view_contentsList .tab-content{
    border-top:20px #eff1f2 solid;
    padding:4% 0;
    display:none;
}
#view_contentsList .tab-content .mid_banner{
    display:none;
}
#view_contentsList .tab-content.selected{
    display:block;
}
#view_contentsList #banner_slide_area{
    height: 19.733vw;
    margin-bottom:4%;
}
#view_contentsList #banner_slide_area li.set_date{
    display:none;
}
#view_contentsList #banner_slide_area .banner_wrap > img{
    width:100%;
}
#view_contentsList .tpl_detail_list{
    margin:0 0 10% 0;
}
#view_contentsList .tpl_detail_list:last-child{
    margin:0;
}
#view_contentsList .tpl_detail_list h2{
    border-bottom:3px #000 solid;
    font-size:20px;
    color:#282828;
    font-weight:600;
    padding:0 0 10px;
}
#view_contentsList .tpl_detail_list h2.onlybook_tit{
    display:none;
}
#view_contentsList .tpl_detail_list form{
    border:0;
    border-top:20px #eff1f2 solid;
    display:table;
    table-layout:fixed;
    width:100%;
    padding:5% 0;
}
#view_contentsList .tpl_detail_list form:first-child{
    border-top:0;
}
#view_contentsList .tpl_detail_list .img,
#view_contentsList .tpl_detail_list .info_txt{
    display: table-cell;
    vertical-align:middle;
}
#view_contentsList .tpl_detail_list .img{
    width:25%;
    max-width: 100%;
    /*background-image:url("/data/cm_shop/noimage.gif");*/
}
#view_contentsList .tpl_detail_list .img img{
    margin:0 auto;
    display:block;
    max-height:200px;
    max-width:100%;
}
#view_contentsList .tpl_detail_list .info_txt{
    padding:0 0 0 5%;
    width:75%;
    font-family:'noto2';
}
#view_contentsList .tpl_detail_list .info_txt .link_wrap{
    position:relative;
}
#view_contentsList .tpl_detail_list .info_txt .link_wrap > a{
    position:absolute;
    width:100%;
    height:100%;
}

#view_contentsList .tpl_detail_list .list_tit{
    font-size:20px;
    word-break: keep-all;
    line-height:120%;
    margin:0 0 2%;
    font-family:"noto5";
    display:block;
    max-width:100%;
}
#view_contentsList .tpl_detail_list .list_tit span{
    color:#db4032
}
#view_contentsList .tpl_detail_list .info_txt p{
    font-size:18px;
    margin:0;
}
#view_contentsList .tpl_detail_list .info_txt p.teacher{
    overflow:hidden;
    width:100%;
}
#view_contentsList .tpl_detail_list .info_txt p.teacher span{
    display:block;
    padding:0 2% 0 0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    box-sizing:border-box;
}
#view_contentsList .tpl_detail_list .info_txt .price{
    font-weight: 600;
    display: block;
    margin:0 0 1%;
    padding:2% 0 0 0;
    font-size:18px;
    color:#353535;
}
#view_contentsList .tpl_detail_list .info_txt .price .mo360 {
    display: none;
}
#view_contentsList .tpl_detail_list .info_txt .price .discount {
    position: relative;
    font-weight: 600;
    color: #aaa;
}
#view_contentsList .tpl_detail_list .info_txt .price .discount::after {
    clear: both;
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    background: #aaa;
}
#view_contentsList .tpl_detail_list .info_txt .price .red {
    font-weight: 600;
    color:#de3e49;
}
#view_contentsList .book-price{
    color:#de3e49;
    font-weight:600;
    letter-spacing:-0.9px;
    font-size:19px;
    word-break:keep-all;
    font-family:"noto4";
    margin-bottom:10px;
}
#view_contentsList .book-price .origin_p{
    display:inline-block;
    color:#aaa;
    font-style:normal;
    text-decoration:line-through;
    margin-right:5px;
    font-family:"noto2";
    /* font-size: 13px; */
}
#view_contentsList .tpl_detail_list .info_txt .btn_new{
    font-size:0;
    margin:10px 0 0 0;
}
#view_contentsList .tpl_detail_list .info_txt .btn_new a{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    width:115px;
    line-height: 40px;
    text-align: center;
    border:1px #c8c8c8 solid;
    font-size:16px;
    margin:0 0 0 10px;
}
#view_contentsList .tpl_detail_list .info_txt .btn_new a:first-child{
    margin:0;
}
#view_contentsList .tpl_detail_list .info_txt .btn_new a.gray{
    border:1px #545454 solid;
    background:#545454;
    color:#fff;
}
#view_contentsList .tpl_detail_list .more_btn{
    text-align:center;
    margin:20px 0 0 0;
}
#view_contentsList .tpl_detail_list .more_btn input{
    border:1px #c5c5c5 solid;
    width:100%;
    line-height: 65px;
    font-size:25px;
    color:#353535;
    font-weight:600;
}
#view_contentsList .no_data{
    text-align:center;
    padding:5% 0;
    font-size:24px;
}



/*게시판*/
#view_contentsList .board_list{
    border-bottom:1px #c0c0c0 solid;
}
#view_contentsList .board_list li{
    display:table;
    width:100%;
    padding:4% 0;
    border-top:1px #c0c0c0 solid;
    font-family:'noto2';
}
#view_contentsList .board_list li:first-child{
    border-top:0;
}
#view_contentsList .board_list li > div{
    display:table-cell;
    vertical-align:middle;
    width:20%;
    text-align:right;
}
#view_contentsList .board_list li > div:first-child{
    width:80%;
    text-align:left;
}
#view_contentsList .board_list li > div > a{
    display:block;
}
#view_contentsList .board_list li .bd_title{
    display:inline-block;
    margin:0 0 3px;
    font-size:20px;
    font-weight:600;
    font-family:'noto4';
    letter-spacing:-0.7px;
    word-break:keep-all;
}
#view_contentsList .board_list li .bd_title a{
    display:block;
}
#view_contentsList .board_list li .sm_t{
    font-size: 15px;
    color:#353535;
    margin:0;
    word-break:keep-all;
    font-weight: 100;
}
#view_contentsList .board_list li .sm_t span{
    position:relative;
    margin:0 0 0 1%;
}
#view_contentsList .board_list li .sm_t span:first-child{
    margin:0;
}
#view_contentsList .board_list li .sm_t span:first-child:before{
    display:none;
}
#view_contentsList .board_list li .bd_badge{
    display:block;
    width:80px;
    height:22px;
    margin:5px 0 0 0;
    padding:0 2%;
    box-sizing:border-box;
    border-radius:12px;
    border:1px #8b8b8b solid;
    color:#6e6e6e;
    font-family:'Nanum Square';
    font-size:15px;
    font-weight:600;
    line-height:22px;
    text-align:center;
}
#view_contentsList .board_list li .bd_badge.on{
    color:#db4032;
    border:1px #c23131 solid;
}
#view_contentsList .board_list li .btn_box a{
    width:115px;
    line-height:40px;
    display:inline-block;
    text-align:center;
    font-size:16px;
    background:#545454;
    color:#fff;
}
#view_contentsList .board_list li .btn_box a.noclick{
    border:1px #c8c8c8 solid;
    background:none;
    color:#353535;
    pointer-events:none;
}

/*검색 리스트 화면: E*/


/*뷰화면 : S*/
.board_detail_view{
    background:#fff;
    overflow:hidden;
    padding:0 0 85px;
}
.detail_view_top{
    border-bottom:2px #000 solid;
    position:relative;
    padding:3%  3% 10px;
    text-align:center;
    background:#fff;
    overflow:hidden;
}
.detail_view_top h2{
    text-align: center;
    line-height:120%;
    font-weight: 900;
    color:#000;
    margin: 0 0 0 0%;
    font-size:38px;
    display:inline-block;
    font-family:"noto6";
    width: 100%;
}
.detail_view_top .prev,
.detail_view_top .go_home{
    width:46px;
    height: 100%;
    max-width:5.5%;
    font-size:0;
    background:url('/mobile/new/main/common/prev_arr.png') no-repeat center 2%;
    background-size: contain;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
}
.detail_view_top .go_home{
    background:url('/mobile/new/main/common/home_icon.png') no-repeat center 2%;
    background-size:contain;
    left:12%;
}





.board_detail_view .detail_contents{
    padding:18px 3% 0 3%;
}
.board_detail_view .detail_contents .btn_right{
    font-size:0;
    font-size:35px;
    font-weight:600;
    letter-spacing:-2px;
    overflow:hidden;
}
.board_detail_view .detail_contents .btn_right p{
    float:right;
    padding:0 0 10px;
    display: flex;
}
.board_detail_view .detail_contents .btn_right.bottom p{
    margin:10px 0 0 0;
}
.board_detail_view .detail_contents .btn_right a{
    border:1px #c8c8c8 solid;
    display:inline-block;
    zoom:1;
    vertical-align:top;
    font-size:20px;
    width:auto;
    height:auto;
    padding:3% 15px;
    text-align:center;
    margin:0 0 0 5px;
    font-weight:400;
    letter-spacing:0;
}
.board_detail_view .detail_contents .btn_right a:first-child{
    margin:0;
}
.board_detail_view .detail_contents .pre_vent{
    -webkit-tap-highlight-color : transparent;
}

.write_btn_wrap{
    display:table;
    width:100%;
}
.write_btn_wrap.btn3{
    margin:20px 0 0 ;
}
.write_btn_wrap > *{
    display:table-cell;
    vertical-align:middle;
    line-height:55px;
    text-align:center;
    font-size:20px;
    font-weight:600;
}
.write_btn_wrap > .write_submit{
    background:#484e67;
    color:#fff;
}
.write_btn_wrap > .write_cencle,
.write_btn_wrap > .write_delet,
.write_btn_wrap > .write_modify{
    border:1px solid #000;
    box-sizing:border-box;
    border-right:0;
}
.write_btn_wrap > a:last-child{
    border-right:1px #000 solid;;
}
.board_detail_view .detail_contents > ul{
    border-top:1px #000 solid;
    border-bottom:1px #000 solid;
}
.board_detail_view .detail_contents > ul > li{
    border-top:1px #c0c0c0 solid;
    padding:15px 3px 0;
}
.board_detail_view .detail_contents > ul > li:first-child{
    border-top:0;
    padding-bottom: 15px;
}
.board_detail_view .detail_contents > ul > li.file{
    padding:30px 0;
}
.board_detail_view .detail_contents > ul > li.board_big_tit p{
    font-size:27px;
    color:#353535;
    font-weight:600;
    line-height:140%;
    margin:0 0 5px 0;
    word-break:keep-all;
    font-family:'noto2';
}
.board_detail_view .detail_contents ul li.board_big_tit span{
    font-size:19px;
    pointer-events: none;
    touch-action:none;
}
.board_detail_view .detail_contents ul li.board_big_tit span b{
    font-weight:400
}
.board_detail_view .detail_contents ul li.board_big_tit span.names_prof_wrap {
    position: relative;
}
.board_detail_view .detail_contents ul li.board_big_tit span.names_prof_wrap .prof_names_wrap {
    display: none;
    position: absolute;
    top: 5.611vw;
    right: 0;
    width: 48.278vw;
    border: 1px solid #000;
    box-sizing: border-box;
    background: #fff;
}
.board_detail_view .detail_contents ul li.board_big_tit span.names_prof_wrap .prof_names_wrap .prof_names {
    display: block;
    position: relative;
    width: 100%;
    padding: 1.389vw 2.222vw;
}
.board_detail_view .detail_contents ul li.board_big_tit span.names_prof_wrap .prof_names_wrap .prof_names .close_btn {
    position: absolute;
    top: 0.694vw;
    right: 0.694vw;
    background: transparent;
    border: none;
    cursor: pointer;

}
.board_detail_view .detail_contents ul li .file{
}
.board_detail_view .detail_contents ul li .file dd{
    font-size:22px;
    color:#353535;
    padding:0 0 0 35px;
    margin:1% 0 0 0;
    background:url('/mobile/new/main/common/file_icon.png') no-repeat left center;
}
.board_detail_view .detail_contents ul li .file dd:first-child{
    margin:0;
}
.board_detail_view .detail_contents ul li .url_list{
}
.board_detail_view .detail_contents ul li .url_list dd{
    font-size:22px;
    color:#353535;
    padding:0 0 0 35px;
    margin:1% 0 0 0;
    background:url('/skin/board/advanced_cs/img/icon_link.gif') no-repeat left center;
}
.board_detail_view .detail_contents ul li .url_list dd:first-child{
    margin:0;
}
.board_detail_view .detail_contents ul li.text_cont{
    font-size:22px;
    line-height:140%;
    font-family:'noto2';
    word-break: keep-all;
    padding-bottom: 15px;
}
.board_detail_view .detail_contents ul li.text_cont img{
    max-width:100%;
    height:auto !important;
    display:block;
}
.board_detail_view .detail_contents ul li.text_cont p{
    word-break: keep-all;
}
.board_detail_view .detail_contents ul li.text_cont > p {
	margin:15px 0 0;
}
.board_detail_view .detail_contents ul li.text_cont p:first-child{
    margin:0;
}
/** */
.board_detail_view.comment_area{
    border-top: none;
}
.detail_contents .answer{
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 11px;
    border-bottom: 1px solid #000;
}

.ta_list1{
    border:1px #c0c0c0 solid;
    width:100%;
    margin:0 0 2%;
}
.ta_list1 th{
    border:1px #c0c0c0 solid;
    text-align:center;
    background:#e5e5e5;
    font-weight:800;
    padding:1% 2%;
    font-size:19px;
    min-width:70px;
}
.ta_list1 td{
    padding:1% 2%;
    font-size:19px;
    border:1px #c0c0c0 solid;
}
.ta_list1 td .inner_ul li input{
    margin:0;
    width:100px;
    padding:0;
}

/*게시글 관련 도서*/
.goods_tab_btn{
    border:1px #c0c0c0 solid;
    display:flex;
}
.goods_tab_btn li{
    border-left:1px #c0c0c0 solid;
    flex :1 1 auto;
    width:33%;
}
.goods_tab_btn li.nochange a{
    pointer-events:none;
}
.goods_tab_btn li:first-child{
    border:0;
}
.goods_tab_btn li.selected{
    background:#484e67;
}
.goods_tab_btn li a{
    display:block;
    text-align:center;
    font-size:27px;
    color:#353535;
    line-height:75px;
}
.goods_tab_btn li.selected a{
    color:#fff;
}
.tab_cont{
    padding: 8% 0 8% 0;
    display:none;
}
.tab_cont.ta1{
    display:block;
}
.relative_goods .lec_cont_wrap{
    text-align:center;
}
.relative_goods .lec_cont_wrap img{
    display:block;
    max-width:100%;
    margin:0 auto 4% auto;
}
.relative_goods .lec_cont_wrap p{
    font-size:23px;
    color:#353535;
    font-weight:600;
    line-height:125%;
    letter-spacing:-2px;
    width:86%;
    margin:3% auto;
}
.relative_goods .lec_cont_wrap p:first-of-type{
    min-height:34px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap:break-word;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.relative_goods .lec_cont_wrap .price{
    color:#de3e49;
}
.relative_goods .btn_box{
    text-align:center;
    margin-top:10px;
}
.relative_goods .btn_box a{
    width:112px;
    height:42px;
    line-height:42px;
    font-size:24px;
    color:#fff;
    display:inline-block;
    background:#545454;
    border:1px #545454 solid;
}
/* 뷰화면  : E*/


/*북리스트 화면  : S*/
.onlybook .search_area{

}
.onlybook .search_area .input_box,
.onlybook .search_info,
.onlybook .scr_wrap,
.onlybook .tpl_detail_list h2{
    display:none;
}
.onlybook .search_area .title,
.onlybook #view_contentsList .tab-content .mid_banner{
    display:block;

}
.onlybook #view_contentsList .tab-content .mid_banner{
    margin:0 0 40px;
}
.onlybook #view_contentsList .tpl_detail_list h2.onlybook_tit{
    display:block;
    font-size:32px;
    font-weight:800;
    color:#000;
    border-bottom:1px #000 solid;
}
.onlybook #view_contentsList .tab-content{
    border-top:0;
    padding: 0 0 30px 0;
}
.onlybook .search_area .title{
    text-align:center;
    font-size:45px;
    padding:5px 0;
    font-weight:800;
    color:#000;
}


/*북리스트 화면  : E*/

/* ===== 새창인척 강좌 내용 ===== */
#lecInfo{
    display:none;
    position: fixed;
    left: 0;
    top: 0px;
    bottom: 0px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow-y:auto;// scroll;
}
#lecInfo .margintopp{
    margin: 80px auto 0;
    display:block;
}
#lecInfo .select_wp{
    margin: 0px auto 0;
    position:relative;
    width:100%;
}
#lecInfo .select_wp  i {
    position: absolute;
    top: 13px;
    right: 8%;
    border: 3px solid;
    border-color: #333 transparent transparent #333;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.lecInfo .panel-body, .accordion_productLecInfo .panel-body {
    padding: 15px 18px;
    position: relative;
}
.freebimgWaku{
    display: inline-block;
}
.gangjyaTitle{
    background: #fff;
    position: fixed;
    width: 100%;
    height: 61px;
    top: 0px;
    z-index: 99;
    left: 0px;
    border-bottom: 1px solid #b7b7b7;
}
.gangjyaInnerPanel{
    border-top: 1px solid #b7b7b7 !important;
    border-bottom: 1px solid #b7b7b7;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
#gangjyaXimg{
    width: 18px;
    position: absolute;
    right: 22px;
    top: calc(44% - 9px);
}
#gangjyaDiv{
    border: 1px solid #000;
    margin: 0px auto;
    width: 100%;
    display: block;
    padding: 7px 0px 0px 11px;
    box-sizing: border-box;
    font-weight: bold;
    height: 35px;
}
#gangjyaSelecter{
    font-weight: bold;
    height: 35px;
    width: 90%;
    padding: 0px 0px 0px 15px;
    box-sizing: border-box;
    margin: 0px auto 0;
    background: #fff;
    margin-bottom: 10px;
    -webkit-appearance: menulist;
    appearance: none;
    -webkit-appearance: none;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    outline: none!important;
}
.gangjya_tab_one{
    font-size: 14px;
    padding:20px 0px 20px 0px;
    border-bottom: 1px solid #b7b7b7;
}
.gangjya_tab_title{
    font-weight: bold;
    width: 100%;
    margin: 0px auto 10px;
    padding: 0px 20px;
}
.gangjyaNeyong{
    position: relative;
    width: 100%;
    padding: 0px 11px 0px 29px;
    margin: 1px auto;
}
.gangjyaNeyong:before{
    content: 'ㆍ';
    left: 15px;
    position: absolute;
}
.gangjya_tab_all{       display: none;      text-align: left;       font-size: 13px;    }
.gangjya_tab_all:nth-child(1) {     display: block; }
/* ===== 새창인척 강좌 내용 ===== */



.view_title{
    padding:0 0 3% 0;
}
.view_title h3{
    font-size:24px;
    font-weight:600;
}
.view_title p{
    margin:20px auto 0;
    width:100%;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #f1f1f1;
    padding:20px 10px;
    font-size:17px;
    line-height:22px;
    word-break:keep-all;
    font-family:'Nanum Square',snas-serif !important
}
.write_title p{
    margin:20px auto 20px;
    width:100%;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #f1f1f1;
    padding:10px;
    font-size:17px;
    line-height:22px;
    word-break:keep-all;
}
.write_title .personal_info_btn{
    display: inline-block;
    margin: 4px 1% 0 0;
    background: #646985;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    vertical-align: top;
}
.write_title .notice-agree-label {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 26px;
    margin: 4px 1% 0 0;
}
.write_title .notice-agree-label::before,
.write_title .notice-agree-label::after {
    content: '';
    display: inline-block;
    border-radius: 50%;
    background: #fff;
}

.write_title .notice-agree-label::before {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 1px solid #000;
    vertical-align: middle;
}

.write_title .notice-agree-label::after {
    display: none;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 4px;
    transform: translate(0, -50%);
    background: #000;
}
.write_title .notice-agree-input:checked + .notice-agree-label::after {
    display: block;
}

.write_title .notice-agree-input:disabled + .notice-agree-label {
    color: #888
}

.write_title .notice-agree-input:disabled + .notice-agree-label::after {
    background: #888;
}

/* 하단 배너 */
.search_banner_wrap {
    position: relative;
    width: 100vw;
    height: 19.6vw;
    overflow: hidden;
}

.search_banner_wrap .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    bottom: 9px;
    height: clamp(20px, 5.6vw, 42px);
    padding: 0 2.4vw;
    border-radius: clamp(12px, 2.667vw, 20px);
    background: #3c4146;
}

.search_banner_wrap .swiper-pagination span {
    letter-spacing: -0.045em;
    color: #fff;
    font-size: clamp(12px, 2.667vw, 20px);
    font-family: 'Nanum Square';
    font-weight: 600;
}

@media screen and (max-width: 680px){
    .write_title p {
        margin:20px auto 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .write_title .personal_info_btn{
        font-size: 12px;
    }
}
@media screen and (max-width: 650px){
    .view_title h3{
        font-size:17px;
    }
    .view_title p{
        margin:10px auto 0;
        font-size:12px;
        line-height:15px;
        padding:10px;
    }
    /*검색화면 카테고리 전체보기:S*/
    .search_area{
        margin: 0 0 5px 0;
    }
    #search_pop #counter,
    #counter.study_counter,
    #counter.review_counter{
        font-size:12px;
    }
    #counter.review_counter,
    #counter.study_counter{
        margin:10px 0;
    }
    .board_list_wrap  .input_box,
    #search_pop .input_box,
    #view_contentsList .input_box{
        height:50px;
    }
    .board_list_wrap .input_box input,
    #search_pop .input_box input,
    #view_contentsList .input_box input{
        font-size:13px;
        padding:0 50px 0 4%;
    }
    .board_list_wrap .input_box .btn_area,
    #search_pop .input_box .btn_area,
    #view_contentsList .input_box .btn_area{
        width:50px;
        height:100%;
        background-size:25px;
    }
    #search_pop .tip_box{
        padding:15px;
    }
    #search_pop .tip_box p{
        font-size: 16px;
    }
    #search_pop .tip_box span{
        font-size:12px;
        line-height:150%;
    }
    .write_btn_wrap > *{
        font-size:16px;
        line-height:100%;
        padding:3% 10px;
    }
    .write_btn_wrap .write_delet{
        background:#000;
        color:#fff;
    }
    #search_pop .number_list li span{
        font-size:14px;
        line-height:45px;
    }
    #search_pop .number_list li span:first-child{
        width:11%;
        min-width:50px;
        font-size:14px;
    }
    /*검색화면 카테고리 전체보기:E*/
    #view_contentsList{
        margin:4% 0 0 0;
    }
    #view_contentsList .search_info{
        font-size:17px;
        margin:0 0 15px;
    }
    #view_contentsList .search_info .no_result{
        font-size:17px;
    }
    #view_contentsList  .search_nav li a{
        font-size:17px;
    }
    #view_contentsList  .search_nav li a.selected:after{
        content: "";
        position:absolute;
        bottom:-30%;
        width:6px;
        height:6px;
        margin:0 0 0 -3px;
    }
    #view_contentsList .tab-content{
        border-top:10px #eff1f2 solid;
    }
    #view_contentsList .tpl_detail_list h2{
        border-bottom:2px #000 solid;
        font-size:17px;
    }
    #view_contentsList .tpl_detail_list form{
        border-top:10px #eff1f2 solid;
    }
    #view_contentsList .tpl_detail_list form:first-child{
        border-top:0;
    }
    #view_contentsList .tpl_detail_list .img,
    #view_contentsList .tpl_detail_list .info_txt{
        display: table-cell;
        vertical-align:middle
    }
    #view_contentsList .tpl_detail_list .img{
        width:25%;
    }
    #view_contentsList .tpl_detail_list .img img{
        margin:0 auto;
        display:block;
        max-height:140px;
        max-width:100%;
    }
    #view_contentsList .tpl_detail_list .info_txt{
        padding:0 0 0 5%;
    }
    #view_contentsList .tpl_detail_list .list_tit{
        font-size:14px;
    }
    #view_contentsList .tpl_detail_list .info_txt p{
        font-size:12px;
        margin:0;
    }
    #view_contentsList .tpl_detail_list .info_txt .price,
    #view_contentsList .tpl_detail_list .info_txt .price p,
    #view_contentsList .tpl_detail_list .info_txt .price b{
        font-size:13px;
    }
    #view_contentsList .tpl_detail_list .info_txt .price b{
        margin:0 5px 0 0;
    }
    #view_contentsList .tpl_detail_list .info_txt .btn_new a{
        width:auto;
        padding:7px 15px;
        line-height:100%;
        font-size:13px;
        margin:0 0 0 5px;
    }
    #view_contentsList .tpl_detail_list .more_btn input{
        line-height:35px;
        font-size:15px;
    }
    #view_contentsList .no_data{
        font-size:17px;
    }
    /*게시판*/
    #view_contentsList .board_list{
        /* border-bottom:10px #eff1f2 solid; */
        font-family:'noto2'
    }
    #view_contentsList .board_list li > div{
        width:20%;
        text-align:right;
    }
    #view_contentsList .board_list li .bd_title{
        font-size:14px;
    }
    #view_contentsList .board_list li .sm_t{
        font-size:12px;
    }
    #view_contentsList .board_list li .sm_t span{
        margin:0;
    }
    #view_contentsList .board_list li .sm_t span:before{
        display:none;
    }
    #view_contentsList .board_list li .bd_badge{
        font-size:12px;
        line-height:20px;
    }
    #view_contentsList .board_list li .btn_box a{
        width: 65px;
        line-height: 30px;
        font-size: 13px;
    }

    /*뷰화면 : S*/
    .board_detail_view{
        padding:0 0 45px;
        font-family:'noto3'
    }
    .detail_view_top h2{
        font-size:17px;
    }
    .board_detail_view .icon-required {
        color: red;
    }
    .board_detail_view .detail_contents .btn_right{
        font-size:17px;
    }
    .board_detail_view .detail_contents .btn_right a{
        font-size:12px;
        width:auto;
        height:auto;
    }
    .board_detail_view .detail_contents > ul > li.file{
        padding:15px 0;
    }
    .board_detail_view .detail_contents > ul > li.board_big_tit p{
        font-size:14px;
        margin:0 0 5px 0;
    }
    .board_detail_view .detail_contents > ul > li.board_big_tit span{
        font-size:12px;
        font-family:'noto2';
    }
    .board_detail_view .detail_contents > ul > li .file dd{
        font-size:13px;
        padding:0 0 0 25px;
        background-size:15px;
    }
    .down_no_list{
        font-size:12px;
    }
    /*게시판 링크 ㄱ*/
    .board_detail_view .detail_contents > ul > li.url_list{
        padding:15px 0;
    }
    .board_detail_view .detail_contents > ul > li .url_list dd{
        font-size:14px;
        padding:0 0 0 25px;
        margin:1% 0 0 0;
    }
    .board_detail_view .detail_contents > ul > li .url_list dd:first-child{
        margin:0;
    }
    .board_detail_view .detail_contents > ul > li.text_cont,
    .board_detail_view .detail_contents > ul > li.text_cont > font,
    .board_detail_view .detail_contents > ul > li.text_cont > span{
        font-size:13px;
    }
    .board_detail_view .detail_contents > ul > li.text_cont > p{
        margin:2% 0 0;
    }
    .board_detail_view .detail_contents > ul > li.text_cont p a{
        display:inline-block;
        word-break: break-all;
        margin: 0 7% 0 0;
        width: 90%;
    }
    .ta_list1{
        border:1px #c0c0c0 solid;
        width:100%;
    }
    .ta_list1 th,
    .ta_list1 td{
        font-size:15px;
    }
    .ta_list1 td .inner_ul li input{
        width:76px;
    }

    /*게시글 관련 도서*/
    .relative_goods .lec_cont_wrap img{
        max-width:70%
    }
    .goods_tab_btn li a{
        font-size:13px;
        line-height:30px;
    }
    .relative_goods .lec_cont_wrap p{
        font-size:17px;
        letter-spacing:-0.7px;
    }
    .relative_goods .btn_box a{
        width:auto;
        padding:3px 12px;;
        height:auto;
        line-height:100%;
        font-size:12px;
    }
    .book_slick li .div-table > div a{
        font-size: 13px;
    }
    .relative_book  a.detail_btn,
    .new_book_list li .div-table > div a.detail_btn,
    .book_slick li .div-table > div a.detail_btn{
    }
    .book_slick li .div-table > div a.apply_book{
        width:auto
    }



    /* 뷰화면  : E*/



    /*북리스트 화면 : S*/
    .onlybook .search_area,
    .onlybook #view_contentsList{
        margin:0!important;
    }
    .onlybook .search_area .title{
        font-size:20px;
    }
    .onlybook #view_contentsList .tab-content{
        padding:10px 0 0 0;
    }
    .onlybook #view_contentsList .tpl_detail_list h2.onlybook_tit{
        font-size:20px;
    }
    .onlybook #view_contentsList .tab-content .mid_banner{
        margin:0 0 25px;
    }
    /*북리스트 화면 : E*/

}

@media screen and (max-width: 480px){
    .relative_goods .lec_cont_wrap p{
        font-size:14px;
    }
    .book_slick li .div-table > div a.apply_book{
        margin:0 0 5px 0;
        display:block;
    }
    .book_list2 .book_slick li .div-table > div a.apply_book,
    .cate_book_list .tab-content .book_slick li .div-table > div a.apply_book,
    .book_list1 .book_slick li .div-table > div a.apply_book{
        display:inline-block;
    }
}
.col-red {
    color: #db4032;
}

/*1:1 게시판 뷰 댓글용 클래스*/
.comment_area .comment_area_in_div{
    margin:5px 10px 5px 0!important;
    font-size:13px;
}
.comment_area .comment_area_in_div img{
    max-width: 100% !important;
    height: auto !important;
}
.comment_area .comment_area_in_div .file{
    padding: 8px 0;
    /* margin-bottom: 9px; */
    border: 1px solid #dedede;
}
.comment_area .comment_area_in_div table, .comment_area .comment_area_in_div tbody, .comment_area .comment_area_in_div tr, .comment_area .comment_area_in_div td{
    max-width: 99.5% !important;
    width :auto !important;
    border: 0px;
    display: block;
}
.comment_area .comment_area_in_div table{
    border:1px solid;// !important;
    padding:1px ;
    margin: 2px 0px;
    word-break:break-all;
}
/*1:1 게시판 뷰 댓글용 클래스 끝*/

@media screen and (max-width: 680px){
    .comment_area{
        font-size:13px;
    }

}


/* 환급신청 : s */
.board_detail_refund .detail_contents > ul > li.board_big_tit {
    padding-bottom: 0;
}
.board_detail_refund .detail_contents > ul > li.file {
    padding: 10px 0 10px 3px;
    border-top: none;
    border-bottom: 1px #c0c0c0 solid;
}
.board_detail_refund .detail_contents .progress_area {
    display: flex;
    padding: 10px 0;
    font-size: 19px;
    word-break: keep-all;
}
.board_detail_refund .detail_contents .progress_area span {
    flex-shrink: 0;
    margin-right: 3px;
}
.board_detail_refund .detail_contents .file_text {
    line-height: 1.2;
    padding-left: 3px;
    font-size: 19px;
}

@media screen and (max-width: 650px) {
    .board_detail_refund .detail_contents > ul > li.file {
        padding: 6px 0 6px 3px;
    }

    .board_detail_refund .detail_contents .progress_area,
    .board_detail_refund .detail_contents .file_text {
        font-size: 12px;
        font-family: 'noto2';
    }
}
/* 환급신청 : e */



@media screen and (max-width: 360px) {
    #view_contentsList .tpl_detail_list .info_txt .price .mo360 {
        display: block;
    }
}