html, body{-webkit-text-size-adjust:none; }
#require_container .search_box{display: none;}

@media screen and (min-width:1200px) and (max-width:2000px){
   
    /*메인메뉴*/
    #m_menuBt{ float: left;}
    .subject_list{display: none; }
    
    /*메인배너*/
    .main1 .mobile_slide1{display: none; }
    .main1 .ban_wrap{width: 26.8%; height: auto; }
    .main1 .ban_wrap ul.tabs{position: absolute; z-index: 4; bottom: 0;}
    .main1 .ban_wrap .tab_wrap .tab_content{padding: 0;}
    .main1 .ban_wrap ul.tabs li{height: 25px; line-height: 25px; }
   
    /*메인 상품목록*/
    #pay_container .info div #rcpt_zip{width: 90%;}
    #sub3_container .left_con .tab_con .col-md-3{padding: 0 3px;}
    /*로그인*/
    #login .login_box .check li:nth-child(1){width: 100%; text-align: center; font-size: 13px; }
    #join_container .join_info .info_list #zipcode, .infochange_list #zipcode,#join_container .join_info .info_list #mobile {width: 100%;} 

    /*고객센터*/
    .con_notice i{display: none;}
}

@media screen and (min-width:991px) and (max-width:1200px){

    /*메인배너*/
    #main1_visual .bx_text li:nth-child(3){font-size: 12px; line-height: 26px; }
    #main1_visual .bx_text li:nth-child(2){font-size: 26px;}
    #main1_visual .bx_text li:nth-child(4){padding: 14px 15px; top: 260px;}
    #main1_visual .bx_text li:nth-child(5){padding: 14px 24px; top: 260px;}
    #main1_visual .bx-wrapper .bx-next, #main1_visual .bx-wrapper .bx-prev{top: 332px;}
    #main1_visual .bx-wrapper .bx-next{right: 338px;}
    .main_slide1{display: none;}
    .mobile_slide1{height: 100%; width: 50%; display: inline-block;}
    .mobile_slide1 > .bx-viewport{height: 100%!important;}
    .mobile_slide1 > .bx-viewport ul, .mobile_slide1 > .bx-viewport li, .mobile_slide1 > .bx-viewport li>a, .mobile_slide1 > .bx-viewport li>a>p{height: 100%;}

    /*1*/
    .main1 .bx_text li:nth-child(2){text-align: center;}
    .main1 .bx_text li:nth-child(3){text-align: center;}
    .main1 .bx_text li:nth-child(4){bottom: -130px;}
    .main1 .bx-wrapper .bx-pager{margin-left: 25%;}
    .main1 .ban_wrap ul.tabs{position: absolute; z-index: 4;}
    .main1 .ban_wrap .tab_wrap .tab_content{padding: 0;}
    .main1 .bxslider img{width:100%;}
    .main1 .mobile_slide1{display: inline-block;}
    #main1_container .bottom .owl_con:hover{transform:scale(1);transition:unset;background:#fff}
    .subject_list{display: none;}

    /*2*/
   .main2 .bx_text li:nth-child(2){width: 30%; text-overflow: clip; font-size: 15px; text-align: center;}
   .main2 .bx_text li:nth-child(3){}
   .main2 .bx_text li:nth-child(4){bottom: -200px;}
   .main2 .bx-wrapper li ul.bx_text2 {left: 20%;}
   #main2_container .main2_container3 .owl-theme .owl-stage-outer .owl-item{height: 312px;}
   
    /*3*/
   .main3 .bx_text li:nth-child(2){text-align: center;}
   .main3 .bx_text li:nth-child(3){text-align: center;}
   .main3 .bx_text li:nth-child(4){bottom: -130px;}
   #header3 .gnb li a{padding: 3px;}

    /*서브배너*/
    .l_banner,.r_banner{display: none;}
    .c_banner, .b_banner, .t_banner{display: none!important;}
    .main1 .ban_wrap{height: 100%; width: 50%; position: relative; margin-left: 0; overflow: hidden;}
    .main1 .ban_wrap ul.tabs li{width: 50%; height: 28px; line-height: 28px; font-size: 13px;}
    .main1 .ban_wrap .tab_wrap{width: 100%; text-align: center;}
    .main1 .ban_wrap .tab_wrap img{width: 100%;}
  
    /*메인 상품*/
    #main1_container .con_style .bottom .owl-item{padding: 27% 0 0;overflow: hidden; margin: 0 6px!important; }

    /*회원가입*/
    #join_container .join_info .info_list span {width: 100%;}
    #join_container .join_info .info_list input[type="radio"]{height: 30px;margin-right: 5px;}
    #join_container .join_info .info_list li strong:nth-child(3){width: calc(100% - 92px); margin-left: 10px;}
    #join_container .join_info .info_list .zipcode{margin-top: -10px; font-size: 13px;}
    #join_container .join_info .info_list input{width: 100%;}
    #join_container .info_btn li{width: 31%;}

    /*고객센터*/
    .left_con{width: 100%!important;}
    .cs_center .left_con .single_tit{width: 100%;}
    .cs_center .left_con .table_01{width: 100%;}
    .cs_center{width: 100%;}
    .con_notice i{display: none;}
    .cs_center .search li:nth-child(1){display: none;}
    .cs_center .search li.teacher_cate{display: block;}

    /*마이페이지*/
    #sub3_container .container .point_con {margin-top: 20px;}
    #sub3_container .info2 .point_list > li{width: 50%;}
    #sub3_container .info2 .info2_box{width: 100%; float: none; margin: 10px 0;}
    #sub3_container .filter_Sel{margin-bottom: 15px;}
    #sub3_container .left_con{margin-top: 30px;}
    #sub3_container .expand_popup .list li:nth-child(3){display: block;}
    #sub3_container .expand_popup .list li:nth-child(3) li:nth-child(1){float: left; padding: 18px 0; margin: 0;}
    #sub3_container .expand_popup .list li:nth-child(3) li:nth-child(2){float: right;}
    #sub3_container .analysis_popup .analysis_pop, #sub3_container .package_popup .analysis_pop,#sub3_container .analysis_popup .analysis_pop .con1_con .write li, #sub3_container .package_popup .analysis_pop .con1_con .write li{width: 100%;}
    #sub3_container .left_con .details > li:nth-child(6){width: 95%;}
    #sub3_container .left_con .tab_con .col-md-4{width:31.33333333%;margin-left:1%;margin-right:1%}
    #sub3_container .left_con .tab_con div.card{width:100%}
    #sub3_container .left_con .tab_con .con1_con{width:100%} 
    #sub3_container .regist_pop,#sub3_container .analysis_popup .analysis_pop, #sub3_container .package_popup .analysis_pop{width: 100%;}
    #sub3_container .close_box,#sub3_container .analysis_popup .analysis_pop .con1_con .left_stit .left, #sub3_container .package_popup .analysis_pop .con1_con .left_stit .left,#sub3_container .analysis_popup .analysis_pop .con1_con .left_stit .right, #sub3_container .package_popup .analysis_pop .con1_con .left_stit .right{width: 100%;}
    #header .header_bottom .head_gnb .head_gnb_right li{padding-left: 15px;}
    .infochange_list li strong{width: calc(90% - 82px); font-size: 13px;}
    .infochange_list li strong:nth-child(3){width: calc(90% - 168px); font-size: 13px;}
    .infochange_list li strong input{width: 100%;}
    .infochange_list li strong input[type="text"], .infochange_list input[type="password"]{width: 100%;}
    .left_con .tab .tab_list div, .left_con .tab .c_tab_list div{width: 10%;}
    #sub3_container .left_con .tab_con .col-md-3{padding: 0 3px;}
    
    /*공통*/
    .search_box .stit{display: none;}
    .left_con .q_tab .tab_list{padding-right:0%;}
    .nav{display: block;}
    .mt_stit{font-size: 13px;}

    /*강사*/
    #view4_container .teacher_intro{font-size: 14px;padding: 20px 0;}
    #view4_container .teacher_intro>p{font-size: 13px; line-height:1.3; letter-spacing: -0.5px;}
    #sub4_container .sub4_img{width: 100%; height: 100%;}  
    #sub4_container .left_con .tit{margin-left: 0px; text-align: left;}
    #sub4_container .left_con .stit{text-align: left;}
    #sub4_container .left_con .stit:after{margin: 10px auto 0;}
    #view4_container .left_con .row{margin:0}
    #view4_container .left_con .con6 .row{margin-left:-15px;margin-right:-15px}
    #view4_container .no-padding{padding-left:15px;padding-right:15px}
    #view4_container .con6 .con1_con{height:auto}
    #view4_container .left_scon{width:100%}
    #view4_container .mycon_bottom{position:static;width:100%;}   
    #view4_container .con6 .details > li:nth-child(2){margin-left:2%}
    #view4_container .con1_right .board li:nth-child(2n-1){text-align:left;}
    #view4_container .con1_right .board li:nth-child(2n){width:70%;text-align:left;margin-left:0}

     /*강좌*/
    #view1_container .book_table th{font-size: 13px;}   
      
     /*교재*/
    #view2_container .bi_price>li:last-child{margin-top: 15px;}
    #sub2_container .left_con,#view2_container .con4{width: 100%;}
    #view2_container .bi_price .peri{font-size: 16px;}
    #view2_container .total_book_price{font-size: 15px;}
    #view2_container .bi_price>li:last-child{padding:  0;}
    #sub2_container .left_con{padding: 0;}
    #view2_container .con1_right{margin-bottom: 10px;}
    #view2_container .con4 .tit{text-align: center;} 
    #view2_container .con4 .item,#view4_container .con4 .item,#view4_container .con6 .item{width: 31.33%; margin: 0 1%;}
    #view2_container .con4 .item-text2 li,#view4_container .con4 .item-text2 li,#view4_container .con6 .item-text2 li{width: 50%; padding: 17px 0; text-align: center;}
    #view2_container .con4 .item-text2 li:nth-child(1),#view4_container .con4 .item-text2 li:nth-child(1),#view4_container .con6 .item-text2 li:nth-child(1){margin-right: 0; border-right: 1px solid #fff;}
    #view2_container .con4 .item-text > li:nth-child(4){font-size: 14px;}

    /*결제*/
    #pay_container .coupon_popup .analysis_pop,#sub3_container .expand_popup .expand_pop{width:calc(100% - 30px)}
    #pay_container .con1_bottom,#sub3_container .con1_bottom .info2{width: 100%;}
    #pay_container .info div #rcpt_zip{width: 85%;float: right;}
    
    /*이벤트*/
    .event_container, .event_container .event_desc , .event_container .left_con{width: 100%!important;}
    .event_con, .event_desc, .event_desc p img{width: 100%!important;}
    .event_btn2{margin: 0 50px; font-size: 15px; padding: 15px 35px; float: right;}
    .event_container .col-xs-12{margin-bottom: 6px;}
}

@media screen and (min-width:668px) and (max-width:990px) {
      
    /*공통*/
    .container{width: 100%;}
    .search_popup .search{padding-right: 38%;}
    .con4 .bx-wrapper img{margin: 0 auto;}
    .search_popup .search{font-size: 18px; padding-right: 52%;}
    .search_popup .search_pop_logo img{width: 100px;}
    .search_popup{padding: 70px 15px 0;}
    .owl-theme .owl-nav [class*='owl-']:hover{background: none;}
    #footer{padding: 0 15px;}
    #footer .col-md-5 > ul li{font-size:12px}
    #footer .col-md-5 > ul li:nth-child(5) a{font-size:10px}
    #footer .cs_center{margin-top: 33px; border: none; height: 95px;}
    #footer .company{height: auto;}
    
    /*테마*/
    #header .header_up .h_left,#header .header_up .h_right{font-size: 14px;}
    #header .header_down ul{padding: 10px;}
    #header .header_bottom .head_gnb .head_gnb_left{text-align: center; margin-bottom: 20px;}
    #header .header_bottom .head_gnb .head_gnb_right{text-align: center;}
    #header .header_up .h_right{width: 100%; text-align: center}
    #header .header_down ul{display: none;}
    #header .header_down .logo{float: none;}
    #header .header_down{width: 100%; text-align: center;}
    #header .header_up .h_right li:last-child{margin: 0;}
    #header .header_bottom .head_text{text-align: center;}
    #header .header_up .h_left{padding: 0 10px}
    #main1_visual .bx_text li:nth-child(3){width: 40%;}
    #main1_visual .bx-wrapper li ul{padding: 0 60px;}   
    #main1_visual .bx-wrapper .bx-next, #main1_visual .bx-wrapper .bx-prev{top: 50%; transform: translateY(-50%);}
    #main1_visual .bx-wrapper .bx-next{right: 0;}
    #main1_visual .bx-wrapper .bx-prev{left: 0;}
    #main1_visual .bx_text li:nth-child(5){display: none;}
    #header3 .contact_num{display: none;}
 
    /*1*/
    #main1_container .p-top .new1, #main1_container .p-top .new2{padding: 10px;}
    #main1_container .con3 .bottom .tit{top: 32px;}
    #main1_container .con3 .bottom .sdesc_bottom, #main1_container .con3 .bottom .con3_con2 .sdesc_bottom{top: -30px;}
    #main1_container .p-top .con_tab_left .tit{font-size: 20px;}
    #main1_container .p-top .con_tab_left .click{font-size: 16px;}
    #main1_visual .bx-wrapper .bx-pager{display: none;}
    #main1_container .owl-carousel .owl-stage-outer{width: 100%;}
    #main1_container .owl-carousel .owl-nav .owl-prev{background-image: url(../images/previous1.png);background-repeat: no-repeat; background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; left: -5px; background-position:center;}
    #main1_container .owl-carousel .owl-nav .owl-next{background-image: url(../images/next2.png);background-repeat: no-repeat;background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; right: -5px; background-position:center;}
    #main1_container .owl-carousel .owl-nav .owl-prev img{display: none;}
    #main1_container .owl-carousel .owl-nav .owl-next img{display: none;}
    #main1_container .owl-theme .owl-nav [class*='owl-']{opacity: 0.7; background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%;}
    #main1_container>.container{padding: 0;}
    #main1_container .owl-carousel .owl-stage-outer .owl-item{padding: 0 5px;}
    #main1_container .con_style {padding: 0 5px;}
    #main1_container .p-top .con_tab_left .tit{font-size: 15px;}
    #main1_container .bottom .hnbh{font-size: 10px; width: 30px;}
    #main1_container .bottom .sdesc .best{padding: 3px 5px; }
    #main1_container .bottom .sdesc .event{padding: 3px 2px;}
    #main1_container .bottom .sdesc .hit{padding: 3px 5px;}
    #main1_container .bottom .sdesc .new{padding: 3px 5px;}
    #main1_container .bottom1 .owl_con .tit,#main1_container .bottom1 .owl_con2 .tit{font-size: 14px;}
    #main1_container .con1 .bottom .sdesc .lang{width: 35px;height: 22px;font-size: 10px;;top: 20px;line-height: 22px;}
    #main1_container .con1 .bottom .sdesc .lang:before{top: -11px; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 11px solid #5161BF;}
    #main1_container .con1 .bottom .sdesc .lang:after{bottom: -11px; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 11px solid #5161BF;}
    #main1_container .bottom1 .owl_con{border: 1px solid #e7e7e7;}
    #main1_container .con_style .bottom .owl-item > div{width: 100%;}
    #main1_container .owl0 .item1 ul > li .stit{font-size: 10px;}
    #main1_container .owl0 .item1 ul > li strong{font-size: 13px;}
    #main1_container .owl0 .item1 ul > li{margin-left: 0;padding: 10px;}
    #main1_container .news .con3_tit a{font-size: 12px;}
    #main1_container .con1 .bottom .tit,#main1_container .con2 .bottom .tit{height: 15px;}

    /*2*/
    #main2_container .con-top h3{margin-top: 20px;}
    #main2_container .main2_container1 .item .img{width: 100%; padding: 100% 0 0;}
    #main2_container .main2_container1 .thum_2{width: 100%;}
    #main2_container .main2_container1 .item .item-text > li:nth-child(3){height: 55px; padding-top: 10px;}
    #main2_container .item > ul.item-text2 > li > a{padding:12px 12px;}
    #main2_container .item > ul.item-text2 > li{height:60px;}
    #main2_container .item > ul.item-text2 > li:nth-of-type(2) > a{height:60px;}
    #main2_container .con-top ul li:first-child{margin-left: 16%;}
    #main2_container .item > div > ul > a:first-child > li, .item > div > ul > a:last-child > li{margin: 46px 18px 0;}
    #main2_container .owl-theme .owl-nav [class*='owl-']{opacity: 0.7; background-size: 20%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%;}
    #main2_container .owl-theme .owl-nav [class*='owl-']:hover{opacity: 1;}
    #main2_container .main2_container1 .item .item-text > li:nth-child(3){margin: 5px 0; max-height: 26px;font-size: 12px;}
    
    /*3*/
    #main3_container .lecture_bigimg img {width: 100%;}
    #main3_container .teacher_slogan{width: 100%;}
    #main3_container .teacher_slogan h3{height: 170px;}
    #main3_container .con2 .play_con ul li:nth-child(1){font-size: 20px; text-align: center;}
    #main3_container .con2 .play_con .play{top: 77%;}
    #main3_container .bottom .lecture2{height: 100%; margin: 9px 5px;}
    #main3_container .con2 .play_con ul{top: 0; left: 0;}
    #main3_container .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/previous1.png);background-repeat: no-repeat; background-size: contain; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; left: 0; background-position:center;}
    #main3_container .owl-carousel .owl-nav button.owl-next{background-image: url(../images/next2.png);background-repeat: no-repeat;background-size: contain; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; right: 0; background-position:center;}
    #main3_container .owl-carousel .owl-nav button.owl-prev:hover{width: 30px; }
    
     /*메인배너*/
    #main1_container{height: 50%; min-height: auto!important;}
    #main1_visual .bx-wrapper li ul{width: 100%;}
    #main1_visual .bx_text li:nth-child(2){text-align: center; width: 100%;}
    #main1_visual .bx_text li:nth-child(3){display: none;}
    #main1_visual .bx_text li:nth-child(4){top: 116px; left: 50%; transform: translateX(-50%);}
    #main1_container .con2 .tit img{display: none}
    .main_slide1{display: none;}
    .mobile_slide1{height: 100%; display: inline-block; width: 50%;}
    .mobile_slide1 > .bx-viewport{height: 100%!important;}
    .mobile_slide1 > .bx-viewport ul, .mobile_slide1 > .bx-viewport li, .mobile_slide1 > .bx-viewport li>a, .mobile_slide1 > .bx-viewport li>a>p{width: 100%; height: 100%;}
    .main1 .bx-wrapper .bx-pager{margin-left: 25%;}
    .main1 .ban_wrap ul.tabs{position: absolute; z-index: 4;}
    .main1 .ban_wrap .tab_wrap .tab_content{padding: 0;}
    .main1 .mobile_slide1{display: inline-block;}
    .main1 .ban_wrap .tab_wrap,.main1 .ban_wrap .tab_wrap .tab_content,.main1 .ban_wrap .tab_wrap .tab_content a,.main1 .ban_wrap .tab_wrap img{height: 100%;}
    .main1 .bx_text li:nth-child(2){font-size: 28px;}
    .main1 .bx_text li:nth-child(4){width: 145px; padding: 19px 0;}
    .main1 .bx_text li:nth-child(3){margin: 0;}
    .main1 .bx_text li:nth-child(4) input{width: 300px; padding-left: 4px; margin-left: 15px;}
    .main1 .bx_text li:nth-child(4) input{font-size: 14px;}
    .main1 .bx_text li:nth-child(4) input{height: 66px;}
    .main1 .bx_text li:nth-child(5){font-size: 14px;}
    .main2 .bx-wrapper li ul.bx_text2 {left: 20%;}
    .main2 .bx_text li:nth-child(2){font-size: 15px;}
    .main2 .bx_text li:nth-child(3){margin-top: 20px; font-size: 27px;}
    .main2 .bx_text li:nth-child(4){width: 300px; padding-left: 4px;}
    .main3 .bx_text li:nth-child(2){font-size: 28px;}
    .main3 .bx_text li:nth-child(4){width: 145px; padding: 19px 0;}
    .main3 .bx_text li:nth-child(3){margin: 0;}
    .main3 .bx_text li:nth-child(4) input{width: 300px; padding-left: 4px; margin-left: 15px;}
    .main3 .bx_text li:nth-child(4) input{font-size: 14px;}
    .main3 .bx_text li:nth-child(4) input{height: 66px;}
    .main3 .bx_text li:nth-child(5){font-size: 14px;}

    /*서브배너*/
    .main1 .ban_wrap{height: 100%; width: 50%; position: relative; margin-left: 0; overflow: hidden;}
    .main1 .ban_wrap ul.tabs li{width: 50%; height: 28px; line-height: 28px; font-size: 13px;}
    .main1 .ban_wrap .tab_wrap{width: 100%; text-align: center;}
    .main1 .ban_wrap .tab_wrap img{width: 100%;}
    /*1*/
    .main1 .bx_text li:nth-child(4){ padding: 19px 22px;}
    .main1 .bx_text li:nth-child(3){font-size: 14px;}
    .main1 .bx_text li:nth-child(1){display: none;}
    .main1 .bx_text li:nth-child(3){display: none;}
    .main1 .bx_text{text-align: center;}
    /*3*/
    .main3 .bx_text li:nth-child(4){ padding: 19px 22px;}
    .main3 .bx_text li:nth-child(3){font-size: 14px;}
    .main3 .bx_text li:nth-child(1){display: none;}
    .main3 .bx_text li:nth-child(3){display: none;}
    .main3 .bx_text{text-align: center;}
    .main3 .bx-wrapper .bx-pager{display: none;}
    
    /*강사*/
    #sub4_container .container .container{padding: 0;}
    #sub4_container .left_con .left_box .list {padding: 0;}
    #sub4_container .left_con .list ul{width: 32%; padding-top: 42%;}
    #sub4_container .left_con .list ul li{width:100%;}
    #view4_container .left_con .row > .col-md-12{padding: 0;}
    #view4_container .con1_right .right_top{margin: 0; padding: 10px 0 0;}
    #view4_container .con1_right .stit{margin-top: 50px; font-size: 17px;margin-top: 30px;}
    #view4_container .con1_right .desc{height: auto; padding: 10px;}
    #view4_container .con1_right .board ul:nth-child(1){width: 100%;}
    #view4_container .con1_right .board ul:nth-child(2){width: 100%;}
    #view4_container .con1_bottom .left{width: 360px;}
    #view4_container .con1_right{width: calc(100% - 378px); display: inline-table;}
    #view4_container .con1_right .board{margin: 0;}
    #view4_container .con1_right .desc .Youtube_thum{width: 100%;}
    #view4_container .con1_right .desc .Youtube_list{width: 100%; float: none; padding: 0; height: auto;}
    #view4_container .con1_right .board ul:nth-child(1), #view4_container .con1_right .board ul:nth-child(2){padding: 0;}
    #main2_container .main2_container3 .owl-theme .owl-stage-outer .owl-item{height: 300px;}
    .search li p{float: right;}
    .teacher_notice .search li p{float: right;}
    .teacher_notice .left_con .row {margin: 0;}
    .col-xs-6{width: 50%; padding: 10px;}
    #view4_container .lec_list{margin-right: 0px; margin-left: 0px;}
    #view4_container .list_btn{margin: 10px 0; float: none; padding: 0 5px;}

    /*강좌*/
    #sub1_container .left_con .tab .tab_list div{width: 25%;}
    #view1_container .con1_right .stit{width: 100%; font-size: 17px; line-height: 1.2;}
    #view1_container .con3 .list > li li:nth-child(1){width: 50%; padding: 0;}
    #view1_container .con3 .list > li li:nth-child(2){width: 20%; padding: 0;}
    #view1_container .con3 .list > li li:nth-child(3){width: 20%; padding: 0;}
    #view1_container .con3 .list > li li:nth-child(4){width: 10%; padding: 0;} 
    #view1_container .con3 .list ul:nth-child(2) li:nth-child(3) {color: red;}
    #view1_container .right_top .price{padding-top: 30px;}
    #view1_container .right_top .price .peri{width: 100%; margin-bottom: 0px; text-align: left; font-size: 15px;}
    #view1_container .right_top .price_Table{margin-top: -15px;}
    #view1_container .right_top .price .lec_bar{display: none;}
    #view1_container .con1_right .right_top {padding: 10px 0 0;}
    #view1_container .con1_right .preview i{font-size: 14px;}
    #view1_container .con1_right .preview{font-size: 11px; padding: 10px 0px;}
    #view1_container .right_top .price{font-size: 15px;padding: 10px 0; margin: 0;}
    #view1_container .lecture-content li ul li{font-size: 13px;}
    #view1_container .to_price li:nth-child(1) div p, .to_price li:nth-child(1) div span{font-size: 13px;}
    #sub1_container .col-md-4, #sub2_container .col-md-4{width: 33%;padding: 0 5px;}
    .lecture .no-padding{padding-left:0;padding-right:0}  
    #view4_container .Book_popup .pop{width: 90%;}
    #view1_container .lecture-content .P_device2{display: block;}
    #view1_container .lecture-content .P_device{display: none;}
    /*교재*/
    #sub2_container .left_con .tab .tab_list div{width: 25%;}
    #view2_container .con1_right .stit{width: 100%; font-size: 17px;}
    #view2_container .con3 .list > li li:nth-child(1){width: 50%; padding: 0;}
    #view2_container .con3 .list > li li:nth-child(2){width: 20%; padding: 0;}
    #view2_container .con3 .list > li li:nth-child(3){width: 20%; padding: 0;}
    #view2_container .con3 .list > li li:nth-child(4){width: 10%; padding: 0;} 
    #view2_container .con3 .list ul:nth-child(2) li:nth-child(3) {color: red;}
    #view2_container .right_top .price{padding-top: 30px;}
    #view2_container .bi_price .peri{width: 100%; margin-bottom: 10px; text-align: left; font-size: 15px;}
    #view2_container .bi_price .lec_bar{display: none;}
    #view2_container .con1_right .right_top {padding: 10px 0 0;}
    #view2_container .con1_right .preview i{font-size: 14px;}
    #view2_container .con1_right .preview{font-size: 12px; padding: 5px 10px;}
    #view2_container .bi_price .book_price{font-size: 15px;}
    #view2_container .lecture-content li ul li{font-size: 13px;}
    #view2_container .to_price li:nth-child(1) div p, .to_price li:nth-child(1) div span{font-size: 13px;}
    #view2_container .bbtn_box .bi_list{width: 100%}
    #view2_container .bi_price .bi_list li{width: 47%;}
    #view2_container .left{width: 360px;}
    #view2_container .con1_right{width: calc(100% - 379px);}
    #view2_container .con1_right .bi_price li:nth-child(1){float: right;}
    #view2_container .con1_right .bi_price li:nth-child(2){float: left;}

    /*마이페이지*/
    .infochange_box{width: 100%;}
    .infochange_list li strong:nth-child(3) {width: 100%;}
    #sub3_container .search_wrap .search_box> tbody{float: left;}
    #sub3_container .left_con .single_box .details .single_remain{display: block; margin: 0;}
    #sub3_container .single_list .l_tit {width: 28%;}
    #sub3_container .single_list .l_desc{width: 70%; line-height: 1.5;}
    #sub3_container .single_table th{font-size: 13px;}
    #sub3_container .tit{font-size: 18px;}
    #sub3_container .single_table td{padding-left: 2px; padding-right: 2px; text-align: center;}   
    #sub3_container .single_table td .study_per{right: 10px;font-size:12px}
    #sub3_container .packagelist_con .package_list .ask{position: unset; float: right;}
    #sub3_container .refund_popup .refund_pop .list .stit, #sub3_container .refund_book_popup .refund_pop .list .stit{text-align: left;}
    #sub3_container .left_con .answer_con table td dt,#sub3_container .left_con .answer_con table td{font-size: 12px;}
    #sub3_container .left_con .answer_con table th{width: 20%;}
    #sub3_container .left_con .answer_con .table_01 .th_table_01 th:nth-child(2){width: 30%;}
    #sub3_container .purchase_con .table>tbody .delivery_state .date{width: 100%;}
    #sub3_container .purchase_con .table>tbody .delivery_state .dv_ready, #sub3_container .purchase_con .table>tbody .delivery_state span{font-size: 13px;}
    #sub3_container .purchase_con .table>tbody .delivery_state i:last-child{display: none;}
    #sub3_container .purchase_con .table>tbody .delivery_state i{margin: 0 10px;}
    #sub3_container .purchase_con .table>tbody .delivery_state .date{padding: 10px;}
    #sub3_container .single_table thead .t_limit_lesson, #sub3_container .single_table tbody .t_limit_lesson{width: 12%;}
    #sub3_container .single_table thead .t_play, #sub3_container .single_table tbody .t_play{width: 25%;}
    #sub3_container .single_table thead .t_class_name, #sub3_container .single_table tbody .t_class_name{width: 30%;}
    .point_con .tab_con th:nth-child(2), .point_con .tab_con td:nth-child(2){text-align: center;}
    .pop-layer, .pop-conts,.pop-conts .bx-wrapper, .pop-conts .bx-wrapper .con4_slide li{width: 380px!important;} 

    /*고객센터*/
    .left_con{width: 100%!important;}
    .left_con .tab .tab_list div{float: left;}
    #question_container .tab_menu{padding: 0;}
    #question_container .left_con .question_tit td:last-child img{right: 10px;}
    #question_container .left_con .question_tit td:nth-child(2){width: 15%!important;}
    #notice_container .left_con .stit{font-size: 20px;}
    #notice_view_container .left_con .view_stit .date{font-size: 16px;}
    #notice_view_container .left_con .list_view{font-size: 18px;}
    #notice_view_container .left_con .view_tit > li:nth-child(2){padding: 28px 0 20px 30px;}
    #notice_view_container .left_con .view_tit > li:nth-child(1){padding: 54px 30px;}
    .nav li.num{padding-left:8px;padding-right:8px}
   
    /*로그인 회원가입*/
    #login .login_box .check li:nth-child(1){width: 100%; text-align: center; font-size: 13px;}
    #login .login_box .desc{text-align:left;margin-bottom:20px}
    #join_container .agree_bg .agree_box{width: 70%;}
    #join_container .join_desc .stit{font-size: 18px;}

    /*결제*/
    #pay_container .info div strong:nth-child(2){width: 83.8%;}
    #pay_container .info div strong:nth-child(2){margin: 0; width: 100%;}
    #pay_container .tit span{width: 100%; display: block; font-size: 13px; margin-top: 5px; letter-spacing: -1px;}
    #pay_container .s_cancel, #pay_container .s_pay{height: 40px;line-height: 40px;font-size: 14px;}
    #pay_container .payment_pr{width: 80px;}
    #pay_container table th{padding: 10px; font-size: 14px;}       
}


@media screen and (min-width:200px) and (max-width:667px){

    /*팝업*/
    .DIVpop {display: none!important;}
    
   /*테마*/
    #main1_container .p-top .con_tab_left li span{margin:0 8px}
    #main1_container .p-top .con_tab_left li:first-child span{display: none;}
    #main1_container .p-top .con_tab_left .click{font-size: 12px;border: none;}
    #main1_container .p-top .con_tab_left li{padding: 0; text-align: center;}
    #main1_container .p-top .con_tab_left .tit{padding-right:10px;font-size: 17px;}
    #main1_container .con3 .desc{font-size: 12px;}
    #main1_container .con2 .tit{font-size: 20px;}
    #main1_container .con3 .bottom p:last-child{margin: 40px 0;}   
    #main1_container .bottom1 .cart{right: 60%;}
    #main1_container .bottom1 .enter{right: 40%;}
    #main1_container .p-top .con_tab_left li:nth-child(2){border-left: none;}
    #main1_container .con3 .bottom .tit{font-size: 24px;}
    #main1_container .con3 .stit li{margin: 20px 0; font-size: 14px;}
    #main1_container .con3 .stit li{border: none; display: block;}
    #main1_container .bottom1 .owl_item{width: 330px!important;}
    #main1_container .bottom1 .owl_con{width: 100%!important; margin:0}
    #main1_container .bottom1 .owl_con .desc,#main1_container .bottom1 .owl_con2 .desc{font-size: 12px;}
    #main1_container .bottom1 .owl_con .price,#main1_container .bottom1 .owl_con2 .price{font-size: 14px;}
    #main1_container .con1 .con_tab_right, #main1_container .con2 .con_tab_right {display: none;}
    #main1_container .p-top .con-top{padding:0; margin-bottom: 0;}
    #main1_container .p-top .new1{width: 100%; padding: 0;}
    #main1_container .p-top .new2{width: 100%; margin-top: 25px; padding: 0;}
    #main1_visual .bx_text li:nth-child(4){top: 74px; left: 50%; transform: translateX(-50%); font-size: 12px;}
    #main1_visual .bx_text li:nth-child(2){font-size: 24px;}
    #main1_visual .bxslider .apple img{display: none;}
    #header .header_bottom .head_text li{display: block;}
    #header .header_bottom .text{margin: 0 0 20px 0;}
    #header .header_bottom .head_gnb li{padding: 0 3px; font-size: 12px;}
    #header .header_bottom .head_gnb .head_gnb_right{float: none;}
    #header .header_color{border-bottom: none;}
    #header2 .header_top li{margin: 0 3px; font-size: 11px;}
    #main1_container .mycon_bottom .cart_w1 span a, #main1_container .mycon_bottom .buy_w1 span a {font-size: 12px;}
    #view4_container .col-md-12{margin-top: 38px; padding: 0;}
    #view4_container .pagination{margin: 0;}
    #view4_container .lec_list{margin-right: 0px; margin-left: 0px;}

    /*메인배너*/
    .main_slide1{display: none;}
    .mobile_slide1{height: 100%; width: 100%; display: inline-block;}
    .mobile_slide1 > .bx-viewport{height: 100%!important;}   
    .mobile_slide1 > .bx-viewport ul, .mobile_slide1 > .bx-viewport li, .mobile_slide1 > .bx-viewport li>a, .mobile_slide1 > .bx-viewport li>a>p{height: 100%;}
    .main1 .bx-wrapper .bx-pager{margin-left: 25%;}
    .main .bxslider p{height:550px;}
    .main .bxslider p img:nth-child(2){height: 100%; display: block;}
    .main .bxslider p img:nth-child(1){display: none;}
    .main1 .bxslider p{height:550px;}
    .main1 .mobile_slide1{width: 100%; height: 100%; display: block;}
    .main1 .mobile_slide{width: 100%; height: 100%; display: block;}
    .main1 .main_slide1{display: none;}
    .main1 .main_slide{display: none;}
    .main1 .bx_text li:nth-child(5){display: none;}
    .main1 .bx_text li:nth-child(4){bottom: -80px; font-size: 12px; padding: 16px 0;}
    .main1 .bx_text li:nth-child(2){margin: 0; text-align: center; font-size: 20px;}
    .main1 .bxslider img{width: 100%;}
    .main1 .top_b1{width: 140%; float: right;}
    .main1 .top_b2{width: 140%; float: left;}
    #main3_container .bottom .lecture .tit,#main3_container .con4_bottom .bottom-desc > li:nth-child(2){font-size: 15px;}
    .point_con .coupon_regi{font-size: 12px;}
    .point_con .coupon_regi span{font-size: 13px;}
    .point_con .coupon_regi input{width: 50%;}
    .point_con .coupon_regi button{width: 60px; height: 25px;}

    /*서브배너*/
    .main1 .ban_wrap{display: none;}
    
    /*라이브배너*/
    .live_banner {padding: 30px 0; }

    /*메인상품목록*/
    #main2_container .con-top h3{font-size: 18px;}
    #main2_container .p-top .con-top .click{font-size: 12px;}
    #main2_container .con-top ul span{height: 12px;}
    #main2_container .con-top ul{padding-top: 5px;}
    #main2_container .con-top ul li{margin: 0;}
    #main2_container .main2_container2 .item .item-text li:nth-child(1),#main2_container .main2_container1 .item .item-text > li:nth-child(1){font-size: 15px;}
    #main2_container .main2_container2 .item .item-text3 > li{font-size: 15px;}
    #main2_container .main2_container1 .item .item-text3 > li{font-size: 15px;}
    #main2_container .main2_container1 .item .item-text > li:nth-child(3){margin: 5px 0; max-height: 27px;font-size: 12px;}
    #main2_container ul.item-text2{padding-top: 15px;}
    #main2_container .new1,#main2_container .new2{width: 100%;}
    #main2_container .owl-next{right: -45px;}
    #main2_container .owl-prev{left: -38px;}
    #main1_container .mycon_bottom p{font-size: 12px;}
    #main1_container .container{padding: 5px;}
    .container{padding: 5px;}
    .owl-carousel.owl-loaded{display: inline-block;}
    #view4_container .list_btn{margin: 10px 0; float: none; padding: 0 5px;}
    #view4_container .list_btn .list_sort{float: left; margin-top: 15px; font-size: 14px;}
    #view4_container .card_simplelist a ul li.ppri strong{font-size: 15px;}
    #view4_container .card_simplelist .ppri_wrap del{display: none;}
    /*공통*/ 
    #footer{padding: 0 15px;}
    #footer .col-md-2 ul li a{font-size: 12px;}
    #header .header_up .h_left p{display: none;}
    #footer .company >img{max-height: 40px;}
    #footer .col-md-5{height: auto;}
    .search_box,.search{width: 100%;}
    .search ul{font-size:0}
    .search li{width:100%}
    .search li select{width: 100%; margin: 0 0 7px 0; font-size: 14px; vertical-align: middle; height: 40px;}
    .search select:nth-child(3){margin-right:0;}       
    .search li input{width:calc(100% - 42px); padding-left: 5px; height: 40px;}
    .search li p{float: right;height: 40px; line-height: 40px;}
    .left_con .tab{padding-right: 0!important}
    .left_con .q_tab{padding-right: 0!important;; width: 100%!important;}
    .left_con .tab .c_tab_list::after{left: 288px; width: 60%;}
    .search_popup .search{font-size: 18px; padding-right: 52%;}
    .search_popup .search_pop_logo img{width: 100px;}
    .search_popup{padding: 70px 15px 0;}
    .col-xs-6{width: 100%; padding: 0;}
    .container-fluid .f_bar{display: none;}
    .container-fluid p{margin-left: 0;}
    .search_popup .search{padding-right: 38%;}       
    .left_con .tab .tab_list::after{display: none;}
    .left_con .tab{padding-right: 0!important;}
    .left_con{width: 100%!important;}
    .mailing_section{width: 100%;}

    .mailing_section .mailing_box{width: 100%; padding: 72px 15px 66px; line-height: 30px;}
    .row{margin: 0;}
    .left_con .tab{display: none;}
    #sub3_container .filter_Sel{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px;}
    #sub3_container .filter_group{flex-direction: column; display: flex; -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1;}
    #sub3_container .filter_group:nth-child(1){margin-right: 3px;}
    #sub3_container .filter_group .radio_Conbox{width: 100%;}
    .left_con .m_tab{vertical-align: middle; display: block!important; width: 100%; height: 50px; border: 1px solid #d2d2d2; margin-bottom: 5px; font-size: 14px; font-weight: bold; padding: 0 20px 0 10px; -webkit-appearance: none; -webkit-border-radius: 0; background-image: url(../images/select_arrow.png); background-repeat: no-repeat; text-align-last: center;}
    .index_popup .index_pop{width: 90%;}
    .index_popup .index_pop .noread{text-align: center;}
    .index_popup .index_pop .noread li:nth-child(1),.index_popup .index_pop .noread .indexpop_close{float: none;}
    .index_popup .index_pop .noread .indexpop_close{margin: 10px auto;}
    .con3_con1 .right{height: 320px; margin: 0}
    .release_Wrap .container{min-height: 600px; margin: 23px; border: 1px solid red;}
    .release_Wrap .release_Noti p {font-size: 13px;}
    .release_Wrap .release_Noti .icon_N{width: 77px; font-size: 33px;}
    .terms_box{width: 100%;}
    #sub3_container .left_con .search li:nth-child(1){display: none;}

    /*강사*/
    #sub4_container .left_con .list ul{width: 48.4%;padding-top: 60%; margin: 0 0.5% 10px;}
    #sub4_container .left_con .col-md-12{padding:0}
    #sub4_container .left_con .list ul li:last-child{margin-left: 0;}
    #view4_container .con1_bottom .left{width: 100%; height: auto;}
    #view4_container .con1_bottom,.con1_bottom .left,#view4_container .con1_right{width:100%}
    #view4_container .con1_right{margin-left:0}
    #view4_container .left_con .col-md-12{padding:0}
    #view4_container .con1_right .right_top{padding: 10px 0 0;}
    #view4_container .con1_right .board ul:nth-child(1),#view4_container .con1_right .board ul:nth-child(2){width: 100%; padding: 0;}
    #view4_container .con1_right .desc .Youtube_thum{width: 100%; display: inline-table;}
    #view4_container .con1_right .desc .Youtube_list{width: 100%; height: auto;padding-left: 0;}
    #view4_container .left_con .stit{font-size: 17px;}
    #view4_container .con1_right .stit{margin-top: 40px;}
    #view4_container .con1_right .desc{height: auto;}
    #view4_container .tit{font-size: 15px;}
    #view4_container .con_tit{font-size: 15px;}
    #view4_container .teacher_intro>p{font-size: 13px;}
    #notice_container .teacher_notice .search li:nth-child(1){display: none;}
    #notice_container .teacher_notice .tit{margin: 20px 0;}
    #view4_container .teacher_intro{font-size: 13px;}
    #sub3_container .ques_box, #sub3_container .review_box{width: 90%;}
    #view4_container .m_tab_goods{display: block!important; width: 100%; height: 50px; border: 1px solid #d2d2d2; margin-bottom: 5px;}

    /*강좌*/
    #view1_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 0;}
    #view1_container .con3 .list > li:nth-child(1){padding: 10px;}
    #view1_container .con3 .list > li{padding: 10px;}
    #view1_container .con3 .list > li li:nth-child(3){display: none;}
    #view1_container .con3 .list > li li{width: 25%; padding-right: 10px; font-size: 13px; padding-left: 10px;}
    #view1_container .con3 .list > li li:nth-child(1){width: 50%;}
    #view1_container .to_price, #view1_container .to_price>li{width: 100%;}
    #view1_container .to_pri01{width: 100%; margin-bottom: 7px;}
    #view1_container .to_marg{display: none;}
    #view1_container .to_pri02{width: 100%; margin-bottom: 7px;}
    #view1_container .equal{display: none;}
    #view1_container .to_pri03{width: 100%; margin: 12px 0; text-align: right; padding-top: 10px; border-top: 1px solid #e5e5e6;}
    #view1_container .to_pri03 .m_blank{margin-left: 0;}
    #view1_container .right_top .price{padding-top: 20px; border: none;}
    #view1_container .con1_right .right_top{height: auto;padding: 20px 0px;}
    #view1_container .con2 .tit,#view1_container .book_list{padding: 8px;}
    #view1_container .con2 .tit{font-size: 14px;}
    #view1_container .con2 .tit .tit_bar{margin: 0 13px;}
    #view1_container .con2 .tit span.tit_bar2{margin: 0 30px;}
    #view1_container .con2 .qty {width: 28px;}
    #view1_container .book_list .book_price{margin: 0;}
    #view1_container .book_list li{width: 57%;}
    #view1_container .book_list li:nth-child(2){margin-left: 11px; width: 15%; float: right;}
    #view1_container .book_list .book_quan{float: left; margin: 0 2%; width: 18%;}
    #view1_container .con2 .book_btn{width: 100%;}
    #view1_container .con2 .book_btn>li{width: 49%;}
    #view1_container .book_table td:nth-child(2){text-align: left;}
    #view1_container .con3 .list > li .book_detail a img {margin-bottom: 3px;}
    #view1_container .left_scon {width: 100%;}
    #view1_container .book_table th{font-size: 12px;}
    #view1_container .to_price li:nth-child(1) div p, .to_price li:nth-child(1) div span{font-size: 14px;}
    #view1_container .lecture-content li ul li{font-size: 14px;}
    #view1_container .lecture-content .hnbh{font-size: 11px;}
    #view1_container .con1_right .stit{font-size: 14px;}
    #view1_container .con4 .stit, #view1_container .book_curi .stit{font-size: 14px;}
    #view1_container .con3 .tit, #view1_container .right_top .price{font-size: 14px;}
    #view1_container .teacher_intro{font-size: 13px;}
    #view1_container .book_lec .stit{font-size: 13px;border: none;margin-right: 28px;padding: 0 0 10px;width: 100%;display: block;margin: 0;}
    #view1_container .con1_right .preview p{font-size: 12px; vertical-align: baseline;}
    #view1_container .con1_right .preview i{font-size: 13px;}
    #view1_container .right_top .price span{font-size: 12px;}
    #view1_container .right_top .price .orginal_price{font-size: 12px; margin: 0 5px;}
    #view1_container .con1_right .preview {padding: 6px 9px;}
    #view1_container .con2 .list > li:nth-child(2){padding: 10px;}
    #view1_container .con1_bottom .left{width: 100%;height: 100%;}
    #view1_container .tit{margin: 0; font-size: 16px;}
    #view1_container .con1_right{width:100%;margin-left:0}
    #view1_container .lecture-content > li:last-child{position:unset;width:100%;margin-top:15px}
    #view1_container .lecture-content{margin-top: 0;}
    #view1_container .con1_right .share > ul{text-align:center}
    #view1_container .con2 .list li:nth-child(4) li:nth-child(1){margin-left: 0;}
    #view1_container .con3 .list > li:nth-child(1){padding: 10px;}
    #view1_container .con3 .list > li{padding: 10px;}
    #view1_container .con3 .list > li li:nth-child(3){display: none;}
    #view1_container .con3 .list > li li{width: 25%; padding-right: 10px; font-size: 13px; padding-left: 10px;}
    #view1_container .con3 .list > li li:nth-child(1){width: 50%;}
    #sub1_container .left_con .col-md-12{padding:0}
    #sub1_container .col-md-4{width: 50%; padding: 0 5px;}
    #sub2_container .col-md-4{width: 50%; padding: 0 5px;}
    #view1_container .right_top .price .lec_bar{display: none;}
    #view1_container .right_top .price .peri{width: 100%; text-align: left; margin-right: 0; margin-bottom: 10px; font-size: 13px;}
    .curri_Search .type_Box ul li{width: 25%; margin: 0; font-size: 14px;.curri_Search .type_Box ul li}
    .curri_Search ul li{width: calc(25% - 4px); margin: 0 2px 3px; font-size: 13px; padding: 3px;}
    .curri_Search .type_Box{margin-bottom: 5px;}
    #notice_container .left_con table tr.con_notice td:nth-child(1){font-weight: bold;}
    #notice_container .left_con table tr.con_notice td:nth-child(2){font-weight: bold;}
    .lec_table table td div.w-name {width: 100%; text-align: left; padding-left: 0; margin: 3px 0;}
    .lec_table table td div.w-name .tx-blue {margin-left: 0;}
    /*교재*/
    #view2_container .bi_price .ea_count{width: 100%; margin: 10px 0;}
    #view2_container .bi_price>li:last-child{margin-bottom: 20px;}
    #view2_container .con1_right .stit,#view2_container .bi_price .peri,#view2_container .lb_price{font-size: 15px;}
    #view2_container .con1_right{width:100%;margin-left:0}
    #view2_container .bbtn_box{width: 100%;}
    #view2_container .bi_list li {width: 48.5%;}
    #view2_container .con1_right .share ul{width:100%}
    #view2_container .con1_bottom .left{width: 100%;height: 100%;}
    #view2_container .con1_right .right_top{ padding: 0; padding-top: 10px; height: auto;}
    #view2_container .left{width: 100%; height: 100%;}
    #view2_container .add_c  {height: auto;margin-bottom: 10px;}
    #view2_container .con4, #view2_container .con3 .tit{font-size: 15px;}
    #view2_container .qtyplus,#view2_container .qtyminus{width: 18px; height: 18px;}
    #view2_container .bi_price li>span{margin-right: 0;}
    #view2_container .con1_right .desc{height: auto;}
    #view2_container .con3 .teacher_intro{font-size: 13px;}
    .review_wrap .average{display: block; margin-bottom: 20px; padding: 20px; border-bottom: 1px solid #d9d9d9;}
    .review_wrap .star_tit{font-size: 15px; font-weight: bold;}
    .price_wrap1 .device_ch{width: 96px;}
    .price_wrap1 .dc_price{width: calc(100% - 100px);}
    .card_list .Sample_lec .dropBtn{font-size: 10px;}


    /* 후기 게시판 */
    .table_02 th:nth-child(2){width: 10%; text-align: center;}
    .table_02 th:nth-child(3){width: 1%;}
    .table_02 th:nth-child(3) > .SynopsisText{display: none;}
    .table_02 th:nth-child(4){width: 13%;}
    .review_wrap .SynopsisText span{display:block;font-weight: bold; margin-bottom: 4px;}
    .review_wrap .writer_btn:nth-child(1){margin-bottom: 3px;}
    .search ul.review_search li p{padding: 0; height: 40px; line-height: 40px;}
    .search ul.review_search #searchpid, .search ul.review_search #searchtid{width: calc(100% - 42px); padding-left: 5px; height: 40px;}
    .table_02 tr.focus div.best{padding: 1px;  font-size: 10px;}

    /*강좌리스트 레이어 팝업*/
    #view4_container .Book_popup .pop{width: 93%;}
    #view4_container .Book_popup table td .w-data{margin-top: 0;width: 75%; padding: 0 10px;}
    #view4_container .Book_popup .Book_table .add_Book{width: 25%;}
    #view4_container .Book_popup .tit{font-size: 12px;}
    #view4_container .Book_popup .relation_box{padding: 28px 10px;}
    #view4_container .Book_popup table td .w-tit{margin-top: 0;  font-size: 12px; margin-bottom: 3px;}
    #view4_container .Book_popup .Book_table .add_wrap .w-info{display: none;}
    #view4_container .Book_popup table td .w-notice{margin-top: 5px; padding: 5px; font-size: 12px;}
    #view4_container .Book_popup .Book_table .add_wrap .price , #view4_container .Book_popup .discount{font-size: 11px;}
    #view4_container .w-data .hnbh {font-size: 11px; padding: 4px; width: 40px; margin: 5px 2px 0 2px;}
    #view4_container .Book_popup table td .Writer{font-size: 11px;}

    /*결제 장바구니*/
    .infochange_list li strong:nth-child(3){width: 100%; margin-left: 0px;}
    .infochange_box{width: 100%; margin-top: 10px;}
    .pc_bucket input[type="checkbox"]{position:absolute;}
    .bucket_price .right_box{width: 100%; }
    .bucket_price .left_box{padding-top: 8px; float: right;}
    .bucket_price .right_box li:first-child{width:100%;margin-bottom:15px; font-size: 15px;padding: 0 0 0 20px; text-align: center;}
    .bucket_price .right_box li:nth-child(2){width:44%;margin:0;margin-right:2%;text-align:center}
    .bucket_price .right_box li:nth-child(3){width:44%;margin:0;text-align:center}
    .bucket_price .left_box li{font-size: 12px;}
    #bucket_container table td:last-child{width:100px;padding: 3px;}
    #bucket_container .loca_right{display:none}
    #bucket_container table .lec_tit li:nth-child(1) strong{display: inline; width: 56px; font-size: 11px; text-align: center;}
    #bucket_container table .lec_tit li:nth-child(1) span.cate{margin-top: 8px; display: block;}
    #bucket_container table td:nth-child(3){width:40px}
    #bucket_container table th, #bucket_container table .lec_tit li:nth-child(2),#bucket_container table .pr{font-size: 13px;}
    #bucket_container table th:nth-child(1), #bucket_container table td:nth-child(1){width: 8%; padding: 0;}
    #bucket_container table th:nth-child(2), #bucket_container table td:nth-child(2){width: 45%;}
    #bucket_container table th:nth-child(3), #bucket_container table td:nth-child(3){width: 15%; padding: 0;}
    #bucket_container table th:nth-child(4), #bucket_container table td:nth-child(4){width: 25%;}
    #bucket_container table th:nth-child(2){width: 8%; padding-left: 8px;}
    #bucket_container .mine{padding: 0;}
    #bucket_container .mine li{margin: 0; display: block; font-size: 13px; margin: 10px 0;}
    #bucket_container .mine li:last-child{margin: 5px 0;}
    #bucket_container table{border: none; margin-bottom: 5px;}
    #bucket_container table .lec_tit li:nth-child(1){color: #929292; font-size: 11px;}
    #pay_container .coupon_popup .slist > li:nth-child(1){font-size: 14px;}
    #pay_container .coupon_popup .slist .s_list li{font-size: 11px;}
    .qtyplus, .qtyminus{width: 12px; height: 12px; line-height: 0.5;}
    .qty{width: 20px;}
    #bucket_container table .price_right{width: 100%;}
    #bucket_container .bucket_con table .right_box{margin-right: 0;}
   
    /*마이페이지 강좌*/
    #sub3_container .single_table2 tbody{margin-bottom: 15px;}
    #sub3_container .single_table2 th{border-right: 1px solid #d9d9d9;}
    #sub3_container .single_table2 tr:nth-child(1) td:nth-child(1){width: 5%; padding: 5px;}
    #sub3_container .single_table td:nth-child(1), #sub3_container .single_table th:nth-child(1){padding: 10px;}
    #sub3_container .single_table2 td:nth-child(1) input{vertical-align: bottom; margin-right: 5px;}
    #sub3_container .single_tit{position: relative;}
    .detail_btn{float: none; position: absolute; right: 0; top: -8px;}
    #sub3_container .single_table2 td:nth-child(2){padding: 5px; line-height: 1.3;word-break: break-all;}
    #sub3_container .single_table2 td:nth-child(4){width: 55%;}
    #sub3_container .single_table2 td .study_pro{width: 100%;}
    #sub3_container .single_table2 td .time_box{width: 100%;}
    #sub3_container .single_table td .time_box{margin-top:26px;}
    #sub3_container .single_table2 td .study_per{right: 4px;font-size:13px; top: 51%;}
    #sub3_container .single_table2 tbody tr:last-child{border-bottom: 1px solid #d9d9d9; margin-bottom: 10px;}
    #sub3_container .single_table{margin-bottom: 15px;}
    #sub3_container .single_table{display: none;}
    #sub3_container .single_table2{display: block;}
    #sub3_container .single_table .tooltip{font-size: 14px; font-weight: 500; text-align: left;  z-index: 3; text-align: center;}
    #sub3_container .single_table td span.lec_file_M{margin: 10px 0; border: 0px;color: #575757; font-size: 14px;}
    #sub3_container .single_table .tooltip .tooltiptext{top: 30px; left: 50%;;}
    #sub3_container .single_table .time_check{margin: 0 auto;}
    #sub3_container .left_con .single_box .details .single_name{font-size: 15px; line-height: 1.5;}
    #sub3_container .left_con .single_box .details .single_desc{padding: 10px; font-size: 11px;}
    #sub3_container .left_con .single_box .details .my_period{min-height: 18px; font-size: 12px; color: gray; font-weight: 600;}
    #sub3_container .left_con .details .my_period strong {font-size: 12px; }
    #sub3_container .purchase_con table td:nth-child(1){width: 40%;}
    #sub3_container .purchase_con table td:nth-child(2){padding: 7px 0; height: 25px;}#sub3_container .purchase_con table td:nth-child(1), #sub3_container .purchase_con table td:nth-child(3), #sub3_container .purchase_con table td:nth-child(4), #sub3_container .purchase_con table td:nth-child(5), #sub3_container .purchase_con table td:nth-child(6){width: 14%;}
    #sub3_container .purchase_con table td{font-size: 11px;}
    #sub3_container .detail_pop .slist > li:nth-child(1) {font-size: 12px;}
    #sub3_container .detail_pop .con3 .col-xs-6 {width: 40%; font-size: 12px;}
    #sub3_container .detail_pop .con3 .col-xs-2{width: 30%;font-size: 12px;}
    #sub3_container .detail_pop .con3 .col-xs-2:nth-child(1){display: none;}
    #sub3_container .purchase_con .table>tbody .delivery_state .date,#sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li{width: 100%; font-size: 12px;}
    #sub3_container .purchase_con table th{font-size: 11px;}
    #sub3_container .purchase_con table .ord_num, #sub3_container .purchase_con table .ord_num{display: none;}
    #sub3_container .purchase_con .table>tbody .delivery_state i{margin: 0 5px;}
    #sub3_container .package_popup .package_tab div{margin-bottom: 0;}
    #sub3_container .analysis_popup .analysis_pop .m_pop .process > li:nth-child(1) img,#sub3_container .package_popup .analysis_pop .m_pop .process > li:nth-child(1) img{width: 11px;}
    #sub3_container .package_popup .analysis_pop .con1{margin-top: 0;}
    #sub3_container .expand_popup .list .check > li:nth-child(2){padding: 20px 0 20px 10px;}
    #sub3_container .package_popup .package_tab li{padding: 14px 0; width: 50%;}
    #sub3_container .package_popup .package_tab ul{width: 100%;}
    #sub3_container .analysis_popup .analysis_pop .m_pop, #sub3_container .package_popup .analysis_pop .m_pop{padding: 70px 15px 0;}
    #sub3_container .package_popup .analysis_pop .pm_pop{padding: 0;}
    #sub3_container .purchase_con table th, #sub3_container .purchase_con table td{font-size: 12px; padding: 8px 3px;}
    #sub3_container .purchase_con .table>tbody .delivery_state .date{width: 100%; font-size: 12px;}
    #sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li{font-size: 11px;}
    #sub3_container .left_con{width: 100%; float: none; margin: 0;}
    #sub3_container .container{width: 100%;}
    #sub3_container .left_con .details .my_name{font-size: 11px;}
    #sub3_container .container .teacher_C{margin-top: 0;}
    #sub3_container .con1_top{margin-top: 0;}
    .con1_bottom .left{height:auto;margin-bottom:15px}
    .con1_bottom .left{width:100%}
    .package_popup .analysis_pop .m_con{display: none; margin-top: 24px;}
    .single_tit{font-size: 15px;}
    #sub3_container div.curri_MO .single_table th:nth-child(1){width: 5%;}
    #sub3_container div.curri_MO .single_table2 td:nth-child(1){width: 13%;}
    #sub3_container div.curri_MO .single_table2 td:nth-child(4){width: 5%;}
    #sub3_container div.curri_MO .single_table th.player_th{padding: 10px 6px;}
    #sub3_container div.curri_MO .single_table2 th{border-right: none; font-size: 12px;}
    #sub3_container div.curri_MO .single_table2 td{font-size: 12px;}
    #sub3_container div.curri_MO .single_table2 tbody tr{border: 1px solid #d9d9d9}
    #sub3_container .regist_popup .regist_con td:nth-child(1), #sub3_container .regist_popup .regist_con th:nth-child(1){padding: 3px; text-align: center;}
    #sub3_container .left_con span.review_btn{display: block; width: fit-content; margin: 5px 0;}
    #sub3_container .single_table td span{font-size: 13px;}

    /*마이페이지*/
    .infochange_btn li:nth-child(1),.infochange_btn li:nth-child(2),.infochange_btn li:nth-child(3){width: 48%; margin: 0; height: 35px; line-height: 35px; padding: 0;}
    .infochange_list{font-size: 12px!important;}
    #sub3_container .purchase_con .table>tbody>.condition_list2>td>ul>li>.dv_btn{font-size: 11px;}
    .infochange_list li .left_tit{width: 100%; font-size:13px;margin: 0 2px;}
    .infochange_list input[type="text"], .infochange_list input[type="password"]{width: calc(100% - 119px);font-size:13px}
    .infochange_list li label, .infochange_list li .loca_right{font-size:13px}
    .infochange_list{width: 100%; padding: 15px 5px;}
    .infochange_list li{font-size:0}
    .infochange_list li label,.infochange_list li .loca_right{font-size:13px}
    .infochange_list input[type="text"], .infochange_list input[type="password"]{width: 100%; font-size:13px; margin-bottom: 5px;}
    .infochange_list li .width10 button{margin-top: 5px;}
    .infochange_list .member_bold{width: 100%; text-align: right; font-weight: bold;padding-right: 20px;}
    .infochange_list li strong:nth-child(3){width: 100%}
    .infochange_list .line_Type div{width: 50%;}
    .infochange_list .visit_reason .Box_wrap > div {width: 100%;}
    #sub3_container .ques_box .tit{font-size: 13px;}
    #sub3_container .ques_box .ques_list li, #sub3_container .ques_box .ques_list li select{width: 100%;}
    #sub3_container .popup .tit, #sub3_container .regist_popup .stit strong{font-size: 13px;}
    #sub3_container .ques_box .ques_list li select{background-color: #fff;border: 1px solid #dedfe3;padding: 0;padding: 8px;font-size: 12px;color: #363636;height: 40px;}
    #sub3_container .ques_box .ques_tit input,#sub3_container .ques_box .ques_require textarea{border: 1px solid #dedfe3;}
    #sub3_container .ques_box .stit{font-size: 13px;color: #363636;margin: 22px 0 10px;}
    .manage_tabcon .smethod{display: block; width: 100%; line-height: 20px;}
    .manage_tabcon .smethod label{vertical-align: top;}
    #sub3_container .left_con .recent_item{padding: 0px;}
    #sub3_container .left_con .recent_item table tr{display: block; border-bottom: 1px solid #d9d9d9; padding: 10px;}
    #sub3_container .left_con .recent_item table tr:last-child{border: 0px;}
    #sub3_container .left_con .recent_item table td{display: block; width: 100%!important; text-align: center; border: 0px; padding: 5px;}
    #sub3_container .left_con .recent_item table td:nth-child(3){font-size: 15px; margin: 5px 0;}
    #sub3_container .left_con .recent_item .Only_web{display: inline-block;}

    /*정기구독*/
    #card_layer, #card_layer1, #card_layer2, #card_layer3{width: 90%!important; padding: 20px!important;}
    #card_layer .table_POP .cardtable td{padding: 5px;}
    #card_layer .table_POP .cardtable{font-size: 14px; }
    #card_layer .table_POP .con_tit{margin: 20px 0;}
    #card_layer .table_POP .con_tit a{font-size: 14px;}
    table.table_24{font-size: 14px;}
    table.table_24 th, table.table_24 td{padding: 5px;}
    table.table_24 td span{display: block;}
    #cardadd_layer{width: 90%; padding: 20px;}
    .regular_card{margin: 15px;}
    .regular_card .card_mockup{padding: 0; margin: 10px 0;}
    .regular_card .card_mockup label{margin: 0;}
    .prd_wrap{display: block;}
    .prd_wrap .prd_box{margin-bottom: 10px;}
    .regular_pp .regular_wrap{padding: 10px;}
    .regular_pp .regular_wrap ul li:nth-child(1) div{float: none;margin-top: 10px;}
    .regular_pp .regular_wrap ul li:nth-child(2){font-size: 15px;}
    #card_layer2 .rejutable td, #card_layer2 .rejutable th{padding: 4px 0;}
    #card_layer3 .rejutable td, #card_layer3 .rejutable th{padding: 4px 0;}
    #sub3_container .category_select{display: block; margin: 20px 0;}

    /*로그인*/
    #login .login_box{ padding: 10px 15px; width: 100%; margin-top: 20px;}
    #login .login_box .ip_tit, #login .login_box .ip_tit{display: none;}
    #login .login_box .tit{margin: 20px 0; font-size: 15px; font-weight: bold;}
    #login .login_box li.autologin, #login .login_box .find_ip{font-size: 13px;}
    #login .login_box .check li:nth-child(1){font-size: 13px; width: 100%; text-align: center;margin: 15px 0;}
    #login .login_box .join_btn{font-size: 13px;}
    #login .login_box .check li:nth-child(2){width: 100%; font-size: 13px;}
    #login .login_box .check li:nth-child(2) .line{width: 32%;}
    #find_id #join_container .join_finish .tit{font-size: 16px;}
    #find_id #join_container .join_finish .finish_btn, #find_id #join_container .join_finish .desc{width: 90%;}
    #login .login_box{border: none;}
    #login .login_box input[type="text"], #login .login_box input[type="password"]{font-size: 14px;}
    #login .login_box .login_btn{font-size: 13px;}
    
    /*회원가입*/
    #join_container .join_desc .agree_box{width: 100%; padding: 58px 27px 69px; margin-top: 0;}
    #join_container .join_desc, #join_container .join_desc .stit, #join_container .join_location .row div, #join_container .join_desc .agree_box .agree_btn li, #join_container .join_desc .agree_box .all_agree{font-size: 13px;}
    #join_container .join_desc .agree_box ul.policy li:last-child{font-size: 12px;padding: 0 12px;}
    #join_container .join_desc .agree_box input[type="checkbox"] + label span{width: 25px; height: 25px; background-size: cover;}
    #join_container .join_desc .agree_box input[type="checkbox"]:checked + label span{background-size: 50%;}
    #join_container .agree_bg .agree_box{width: 80%; height: 60%;}
    #join_container .join_info .info_box{width: 100%; padding: 5px; margin-top: 0;}
    #join_container .join_info .info_list span{width: 100%; font-size: 13px;}
    #join_container .info_btn > div div, #join_container .info_btn li{width: 48%; padding: 0; height: 35px; line-height: 35px;}
    #join_container .join_desc .agree_box ul.policy{margin-top: 15px; font-size: 12px;}
    #join_container .agree_bg .agree_box .desc_box > p > strong{font-size: 12px;}
    #join_container .agree_bg .agree_box .tnc_close{padding: 10px 0; width: 40%; font-size: 13px; text-align: center; margin: 19px auto; float: none;}
    #join_container .agree_bg .agree_box .desc_box{padding: 30px; height: 86%;}
    #join_container .agree_bg .agree_box .desc_box .tit{font-size: 15px;}
    #join_container .join_info .info_list .visit_reason .Box_wrap > div{width: 100%;}
    #join_container .join_info .info_list .line_Type{width: 100%;} 
    #join_container .join_info .info_list input{width:100%}
    #post_wrap{width: 80%!important;}
    #join_container .Box_wrap{padding: 5px;}

    /*고객센터*/
    #question_container .tab_menu{padding: 0;}
    #question_container .left_con .col-md-12 {padding: 0; margin-top: 0px;}
    #question_container .left_con .search{display: none;}
    #question_container .left_con .search li {margin-top: 5px;}
    #question_container .search li p, #notice_container .search li p, #notice_view_container .search li p, #sub3_container .search li p{float: right;height: 40px; line-height: 40px;}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(1),#notice_container .left_con .table_01 .th_table_01 td:nth-child(1){width: 8%;}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(2),#notice_container .left_con .table_01 .th_table_01 td:nth-child(2){width: 15%;}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(3),#notice_container .left_con .table_01 .th_table_01 td:nth-child(3){width: 20%}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(4),#notice_container .left_con .table_01 .th_table_01 td:nth-child(4){width: 40%;}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(5),#notice_container .left_con .table_01 .th_table_01 td:nth-child(5){width: 15%;}
    #notice_container .left_con .table_01 .th_table_01 th:nth-child(6),#notice_container .left_con .table_01 .th_table_01 td:nth-child(6){width: 15%;}
    #notice_container .left_con .table_01 .th_table_01 .tt_cate{width: 13%!important;}
    #notice_container .left_con .table_01 .th_table_01 .tt_teacher{width: 11%!important;}
    #notice_view_container .view_btit{font-size: 12px;}
    #notice_container .left_con .table_01 .th_table th,#notice_container .left_con .table_01 .th_table td{ font-size: 12px; }
    #notice_container .left_con .table_01 .th_table th.tt_num ,#notice_container .left_con .table_01 .th_table td.tt_num{display: none;}
    #notice_container .left_con .table_01 .th_table th.tt_teacher ,#notice_container .left_con .table_01 .th_table td.tt_teacher{display: none;}
    #notice_container .left_con .table_01 .th_table th.tt_product ,#notice_container .left_con .table_01 .th_table td.tt_product{display: none;}
    #notice_container .left_con .table_01 .th_table th.tt_title, #notice_container .left_con .table_01 .th_table td.tt_title{width: 35%!important;}
    #notice_container .left_con .table_01 .th_table th.tt_srat, #notice_container .left_con .table_01 .th_table td.tt_srat{width: 10%!important;}
    #notice_container .left_con .table_01 .th_table th:nth-child(7),#notice_container .left_con .table_01 .th_table td:nth-child(7){width: 15%!important;}
    #notice_container .left_con .table_01 .th_table dl{padding: 0;}
    #notice_container .left_con .table_01 .th_table dt{padding: 0;}
    #notice_container .left_con .table_01 .th_table dt.answer_dt{line-height: 1.5; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
}

@media screen and (min-width:30px) and (max-width:1000px){
    #view1_container .con1_top{width: 100%;}
    .left_con{margin-top: 0!important;}
    .l_banner,.r_banner{display: none;}
    .c_banner, .b_banner, .t_banner{display: none;}
}

@media screen and (max-width:990px) and (min-width:30px){
    
    /*공통*/
    .right_up .category_list, .right_up:last-child .category_list{display: none;}
    .right_up{display: inline-block;}
    #sub3_container  .right_up{display: none;}
    .right_up .stit{width: 100%; font-size: 15px;}
    .btn{font-size: 13px;}
    #view4_container .nav{margin-top: 0px;}
    .nav{width: 100%;margin-top: 0px;}
    .row{margin: 0;}
    .dc_price .strong{display: none;}
    section{min-height: auto; width: 100%;}
    #L_gnb::-webkit-scrollbar {width: 0px;}
    #L_gnb::-webkit-scrollbar-thumb {background: #fff;}
    ._headerStyle .L_gnb-click{top: -110vh!important;}
    ._headerStyle #L_gnb{left: 0; right: 0; width: 100%; height: 100vh; background-color: #000000b5; overflow-y: scroll; top: 0; z-index: 6; position: relative;}
    ._headerStyle #L_gnb .toggle-Btn, ._headerStyle #L_gnb .L_logo, ._headerStyle .L_benner{display: none;}
    ._headerStyle #L_gnb .gnb_List ul li p{cursor: pointer; height: 56px; padding: 17px 15px 17px 50px; border-bottom: none; font-size: 15px; color: #ffffff; vertical-align: middle;}
    ._headerStyle #L_gnb .gnb_List ul li a{width: 75%; height: 100%; line-height: 2; float: left;}
    ._headerStyle #L_gnb .gnb_List ul li button{float: right; border: none; width: 25%; text-align: right; background-color: #0000000a; height: 100%; padding-right: 25px;}
    ._headerStyle .toggle-mBtn{display: inline; height: 20px; vertical-align: bottom;}
    ._headerStyle .toggle-mBtn a{padding: 6px 30px 6px 10px; font-size: 15px; line-height: 1.3; color: #666666;}
    ._headerStyle #L_gnb .gnb_List ul li ul{background-color: #646464b5; padding: 4px 0;}
    ._headerStyle #L_gnb .gnb_List ul.L_two_depth li a{width: 100%; color: #fff;}
    ._headerStyle #L_gnb .gnb_List ul li ul li{padding: 3px 10px 3px 45px; font-size: 13px;}
    .intro_Menu{display: block!important; float: left; font-size: 13px; margin-left: 20px;}
    .intro_Menu td{height: 35px; vertical-align: middle;}
    ._headerStyle .intro_Menu i{color: #000000; margin-right: 4px; font-size: 15px;}
    ._headerStyle .toggle-mBtn{display: inline; height: 20px; vertical-align: bottom;}
    ._headerStyle .toggle-mBtn a{padding: 6px 30px 6px 10px; font-size: 15px; line-height: 1.3; color: #666666;}
    
    /*교재리스트*/
    .Name{line-height: 1.8; font-size: 13px;}
    .w-list, .w-name{width: 100%; height: auto; text-align: left;}
    .w-thum{width: 110px;margin-bottom: 10px;}
    .w-name br{display: none;}
    .w-data{width: 100%;margin: 0;}
    .w-info{width: 100%; margin-bottom: 10px;}
    .lec_table1 table td .w-data{width: calc(100% - 120px);margin-left: 10px;}
    .lec_table table td div.w-name .tx-blue{margin-right: 10px;}
    .lec_table table td div.w-name{padding: 0;}
    .lec_table table td div.p_re .price{font-size: 14px;}
    .Book_table .add_Book{width: 100%; height: auto; text-align: left; margin: 10px 0;}
    .Book_table .add_Book .w-info{line-height: 1.3; height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
    .Book_table .w-name{display: none;}
    .w-notice{width: 100%; background-color: #f3f3f3; padding: 10px;margin-top: 10px;}
    .tFoot_wrap{width: 100%; position: absolute; bottom: 0; position: fixed; text-align: center; left: 0;}
    .tFoot_wrap .Bt_lec {width: 100%; margin-top: 10px;}
    .tFoot_wrap .Bt_lec .A_Cart{width: 49%; float: left; margin: 0;}
    .tFoot_wrap .Bt_lec .A_Buy{width: 49%; float: right;}
    .lec_table table td{padding: 15px 0;}
    .A_list, .Bottom_arr{display: inline-block;}
    .A_list{width: 100%;padding: 12px; border: 1px solid #d9d9d9; margin-bottom: 5px; background-color: #fff; text-align: left;}
    .A_list .price {float: right;}
    .A_list .w-tit{display: contents; float: left;}
    .w-list p{margin: 0;}
    .lec_table table td .dropD:nth-child(2){margin-right: 0;}
    .lec_table table td .Sample_lec{width: 100%; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px auto; float: none; margin-right: 0;}
    .lec_table table td .dropD{width: 50%; flex-direction: column; display: flex; -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1; margin: 0;}
    .lec_table table td .dropD .dropBtn {padding: 3px; border-radius: 0; border: 1px solid;}
    .lec_table table td .Bt_lec{text-align: center;}
    .lec_table table td .Bt_lec a{width: 48%;}
    .lec_table table td .Bt_lec .A_Buy{float: left;}
    .lec_table table td .Bt_lec .A_Cart{float: right;}
    .lec_table table td div.p_re{top: -1px; position: relative;margin-top: 0;}
    .lec_table2 .w-notice{width: 100%;}
    .lec_table2 .w-data{width: 100%;}
    .add_Book{width: 30%;}
    .Sample_lec{float: none; width: 100%; margin-top: 10px;}
    .dropD{width: 100%;}
    .Sample_lec a{width: 100%; font-size: 11px; text-align: center;}
    .Only_web{display: none;}
    .lec_table table td .dropD:nth-child(2) .dropBtn{border-left: 0;}
    .dropBtn{background-color: #fbfbfb;}

    /*테마*/  
    #header{margin-bottom: 0; height: 55px;}
    #header .header_color{height: 55px; border-bottom: 1px solid lightgray;}
    #header .header_up .logo{ margin-top: 0px;}
    #header .header_up{border-bottom:0;text-align: center; padding: 10px 0 0 0;}
    #header #m_menuBt{background: transparent; border:none;}
    #header #m_menuBt{position: absolute; width: 24px; right: 20px; top: 16px; z-index: 10; cursor: pointer;}
    #header #m_menuBt>span{display: block; width: 100%; height: 2px; background: #686868; margin: 5px 0; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;transition: all 0.5s;}
    #header #m_menuBt>.on:nth-child(1) {transform: translateY(4px) rotate(135deg); transition-delay: 0.25s; }
    #header #m_menuBt>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
    #header #m_menuBt>.on:nth-child(3) {transform: translateY(-10px) rotate(-132deg); transition-delay: 0.25s; }
    #header .header_bottom .head_gnb .head_gnb_left{font-size: 14px;}
    #header .header_bottom .head_gnb li{padding: 0 10px;}
    #header .header_down ul,#header .header_up .h_right,#header .header_bottom{display: none;}
    #header .header_down .logo{width: 100%; text-align: center; padding: 18px 0;}
    #header .header_up .logo img, #header3 .logo img, #header2 .logo img{max-height: 35px;}
    #main1_container .con_style .bottom .owl-item{padding: 23% 0 0;overflow: inherit;}
    #main1_container .owl0 .item1 ul > li{margin-left: 0;}
    #main1_container .news .con3_tit a{font-size: 13px;}
    #main1_container .owl0 .item1 ul > li strong{font-size: 15px;}

    #header2 .contact,#header2 .search,#header2 .header_right {display: none;}
    #header2 .header_bottom .gnb{display: none;}
    #header2 .logo{margin-top: 0; text-align: center; margin-left: 10px;}
    #header2 #m_menuBt{background: transparent; border:none;}
    #header2 #m_menuBt{position: absolute; width: 30px; right: 20px; top: 12px; z-index: 10; cursor: pointer;}
    #header2 #m_menuBt>span{display: block; width: 100%; height: 2px; background: #000; margin: 6px 0; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.5s;}
    #header2 #m_menuBt>.on:nth-child(1) {transform: translateY(7px) rotate(133deg); transition-delay: 0.25s; }
    #header2 #m_menuBt>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
    #header2 #m_menuBt>.on:nth-child(3) {transform: translateY(-9px) rotate(-134deg); transition-delay: 0.25s; }
    #header2 .header_bottom{padding-top: 10px;}
    #header2 {height: 55px;}
    #header2 .header2_back{height: 55px;}
    #header2 .header_top .container > .row {display: none;}
    #header2 .header_top{display: none;}
    #header3{height: 54px;}
    #header3 .header3_wrap{height: 55px;}
    #header3 .logo {padding-top: 10px; padding-right: 0;text-align: center; top: 0;}
    #header3 .gnb,#header3 .right, #header3 .logo .more_map{display: none;}
    #header3 .left{height: 100%; top: 0px; padding: 0; background-color: #fff; z-index: 9; position: relative;}
    #header3 .header_right{display: none; }
    #header3 #m_menuBt{background: transparent; border:none;}
    #header3 #m_menuBt{position: absolute; width: 30px; right: 20px; top: 12px; z-index: 10; cursor: pointer;}
    #header3 #m_menuBt>span{display: block; width: 100%; height: 2px; background: #000; margin: 6px 0; border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.5s;}
    #header3 #m_menuBt>.on:nth-child(1) {transform: translateY(7px) rotate(133deg); transition-delay: 0.25s; }
    #header3 #m_menuBt>.on:nth-child(2) {opacity: 0; transform: translateX(50px);}
    #header3 #m_menuBt>.on:nth-child(3) {transform: translateY(-9px) rotate(-134deg); transition-delay: 0.25s; }
    #main3_container .bottom .desc{padding-left: 15px;}
    #main3_container .bottom .lecture .tit{font-size: 15px;}
    #main1_container .con2{margin-top: 0;}

   /*메인상품목록*/
    #main1_container .con1 .bottom .tit, #main1_container .con2 .bottom .tit{font-size: 13px;height: 14px;}
    #main1_container .bottom1 .thum_2{min-height: 105px; height: auto;}
    #main1_container .main1_carousel .owl_con .thum_2{min-height: 90px; height: auto;}
    #main1_container .bottom1 .thum_2 ul{text-align: center;}
    #main1_container .bottom1 .owl_con .date{width: 100%; text-align: center;}
    #main1_container .con1 .num_strong {font-size: 12px;}
    #main1_container .dc_price .strong{display: none;}
    #main1_container .dc_price del{margin-right: 3px; color: #a5a5a5; font-weight: 500;}
    #main1_container .dc_price strong{font-size: 13px; text-align: center; margin-top: 0; float: none;}
    #main1_container .bottom1 .owl_con{border: none;}
    #main1_container .con1 .bottom .tit, #main1_container .con2 .bottom .tit{text-align: center;}
    #main1_container .main1_carousel .owl_con .mb_img{border-bottom: none;}
    #main1_container .container .news_bg{width: 100%;}
    #main1_container .container .news .news_bg:nth-child(1n){min-height: 100px;}
    #main1_container .new1{min-height: auto;}

    /*마이페이지*/
    #sub3_container .left_con .single_box .details .my_period{width: 100%; line-height: 1.2; margin: 5px 0; text-align: left;font-weight: normal; font-size: 13px;}
    #sub3_container .left_con .single_box .details .my_period2{display: block; margin-left: 0;}
    #sub3_container .info2 .info2_list > li{width:100%!important;}
    #sub3_container .info2 .info2_list > li ul:after{content:"";display:block;clear:both;}
    #sub3_container .info2 .info2_list > li ul li{float:left}
    #sub3_container .info2 .info2_list > li ul li:last-child{line-height: 1.6; display: block; width: 100%; text-align: right;line-height: 1.6;}
    #sub3_container .info2 .info2_list .info2_text2{position: relative; bottom: -10px; margin-bottom: 0;}
    #sub3_container .info2 .info2_list .info2_tit,#sub3_container .info2 .info2_list > li:nth-child(4) .info2_stit,#sub3_container .info2 .info2_list > li:last-child .info2_stit,#sub3_container .info2 .info2_list > li .info2_desc .info2_stit{text-align: center;display: inline-block;float: left;margin-right: 10px;font-size: 14px;font-weight: 800;}
    #sub3_container .info2 .info2_list > li .info2_desc{margin-bottom: 0;}
    #sub3_container .info2 .info2_list > li:last-child .info2_stit img{vertical-align:bottom;}
    #sub3_container .info2 .info2_list .info2_text1 strong{font-size: 18px; text-align: center;}
    #sub3_container .info2 .info2_list > li:last-child .info2_desc{border-left: none;}
    #sub3_container .info2 .info2_list > li{border: none; margin: 5px 0;}
    #sub3_container .info2_desc > img{width: 18px; opacity: 1; margin-right: 13px;}
    #sub3_container .info2 .info2_list > li:nth-child(1) .info2_tit, #sub3_container .info2 .info2_list .info2_tit{font-size: 14px}
    #sub3_container .info2 .info2_list > li:nth-child(1) .info2_set{font-size: 16px; margin: 0;}
    #sub3_container .info2 .info2_list > li:nth-child(1){padding: 30px 15px;}
    #sub3_container .left_con .calculate .table th .tit_bar{display: none;}
    #sub3_container .info2 .info2_box .info2_list{display: block;}
    #sub3_container .info2 .point_box{padding: 0;}
    #sub3_container .info2 .point_box .info2_list > li{background: #f5f5f5; padding:  15px 10px;}
    #sub3_container .info2 .point_box .info2_list .info2_text1{font-size: 13px;}
    #sub3_container .info2 .info2_list > li{padding: 15px 10px; margin: 5px 0;}
    #sub3_container .info2 .info2_list .user_box .info2_tit{float: left; display: block; width: 100%; text-align: left;color: #fff;}
    #sub3_container .info2 .info2_list .user_box .info2_text1{color: #fff;}
    #sub3_container .info2 .info2_list .user_box span{font-size: 15px; margin-right: 10px; vertical-align: middle;}
    #sub3_container .info2 .info2_list > li .user_box li.info2_tit{padding-left: 38px; margin-top: 5px;}
    #sub3_container .row{margin: 0;}
    #sub3_container .info2 .info2_box{width: 100%; margin-top: 0; margin-bottom: 15px;}
    #sub3_container .left_con .tab_con .mycon_bottom p{margin-bottom: 10px;}
    #sub3_container .info2 .point_list .info2_text1 span{font-size: 18px; margin-right: 5px;}
    #sub3_container .point_con .tab_con th, .point_con .tab_con td{font-size: 12px;}
    #sub3_container .manage_tabcon .ep_btn{width: 100px; font-size: 12px;}
    #sub3_container .packagelist_con .package_list .ask{width: 100%; margin-bottom: 10px; display: block; position: absolute; top: -43px; right: -3px;}
    #sub3_container .packagelist_con .single_list .l_desc a{width: 100%;}
    #sub3_container .packagelist_con .package_list{margin-top: 30px;}
    #sub3_container .packagelist_con .plist_tit span.pnt{width: 100%; padding-right: 5px; font-size: 15px; padding-top: 10px;}
    #sub3_container .packagelist_con .plist_tit{overflow: auto;}
    #sub3_container .pnt .tab_circle{margin-left: 5px;}
    #sub3_container .packagelist_con .pdown_arr{padding: 0; background-size: 10px; margin-left: 0; margin-bottom: 5px;}
    #sub3_container .expand_popup .list li:nth-child(3){display: block;}
    #sub3_container .expand_popup .list li:nth-child(3) li:nth-child(1){float: left; padding: 18px 0; margin: 0;}
    #sub3_container .expand_popup .list li:nth-child(3) li:nth-child(2){float: right;}
    #sub3_container .tab_circle2{margin-left: 5px;}
    #sub3_container .analysis_popup .analysis_pop, #sub3_container .package_popup .analysis_pop,#sub3_container .analysis_popup .analysis_pop .con1_con .write li, #sub3_container .package_popup .analysis_pop .con1_con .write li{width: 100%;}
   
    /*마이페이지 강좌*/
    #sub3_container .single_con{width: 100%; margin-top: 0;}
    #sub3_container .single_con .single_list .l_tit{width: 25%; font-size: 14px;}
    #sub3_container .single_con .single_list .l_desc{width: 73%;font-size: 14px;}
    #sub3_container .packagelist_con .plist_tit span.class_tit {line-height: 1.3; font-size: 14px; width: auto;  padding: 0 15px;vertical-align: baseline;}
    #sub3_container .tracking_popup .pop, #sub3_container .pop{width: 85%;}   
    #sub3_container .tracking_con{padding: 0px 10px 20px;}       
    #sub3_container .tracking_con li{font-size: 13px;}                                 
    #sub3_container .manage_tabbox .manage_tab{width:50%;float:left; padding: 10px 0; font-size: 12px;}
    #sub3_container .manage_tabbox, #sub3_container .manage_tabcon,#sub3_container .manage_popup .stit{padding-left:15px;padding-right:15px}
    #sub3_container .manage_tabcon th{width:35%;font-size:12px; vertical-align: middle;}
    #sub3_container .manage_tabcon td select{width:100%;margin-right:0;margin-bottom:10px;}
    #sub3_container .regist_popup .regist_con td img{width: 11px;}
    #sub3_container .manage_tabcon td{font-size:12px;padding:8px}
    #sub3_container .manage_popup .stit{font-weight: bold; text-align: center;}
    #sub3_container .regist_popup .regist_con th,#sub3_container .regist_popup .regist_con td{font-size: 12px;text-align: center;}
    #sub3_container .left_con .single_box .details .single_remain{width: 100%; margin: 0; float: left; text-align: left; padding-top: 5px;}
    .regist_popup .regist_con td:nth-child(1), #sub3_container .regist_popup .regist_con th:nth-child(1){padding-left: 5px;}
    #sub3_container .con1_bottom .info1{display: block; width: 100%; padding: 25px 15px; font-size: 22px; font-weight: 600; background-color: #F2F2F2; margin-bottom: 8px;}
    #sub3_container .left_con .details > li.Certificate{display: none;}
    #sub3_container .left_con .single_box .details .total_pro{text-align: right; float: none; margin-top: 0;}
    #sub3_container .left_con .tab_con .col-xs-12{padding: 0;}

    /*강사*/
    #sub4_container .container .container{padding: 0;}
    #view4_container .left_con .details{text-align: center;height: auto; min-height: 82px;height: 82px; overflow: hidden;}
    #view4_container .left_con .chap{text-align: center; float: none; width: 100%;}
    #view4_container .left_con .dc_price strong{float: none;text-align: center;  font-size: 13px;}
    #view4_container .left_con .p-name {font-size: 14px;}
    #view4_container .con1_con{border: none;}
    #view4_container .lec_list > .div{padding: 0;}
    #view4_container .lec_list .card{padding: 0; width: 50%;}
    #view4_container .lec_list .left_con{padding-top: 0px;}
    #view4_container .card_list{margin: 0}
    #main1_container .p-top2 .con-top{padding-left: 5px;}
    #view4_container .details > li.twoLine{left: 8px;}
    #view4_container .details > li.oneLine{left: 8px;}
    #view4_container .left_con .contents .hnbh{width: 36px; font-size: 9px;}
    #notice_view_container .teacher_notice .tit{font-size: 15px;}

    /*강좌*/ 
    #view1_container .details{text-align: center;}
    #view1_container .left_con .chap{text-align: center; float: none; width: 100%;}
    #view1_container .left_con .dc_price{width: 100%; float: none;text-align: center;margin-top: 5px;}
    #view1_container .left_con .dc_price strong{float: none;text-align: center;  font-size: 13px;}
    #view1_container .left_con .p-name {font-size: 15px;}
    #view1_container .con1_con{border: none;}
    #view1_container .con4 .col-xs-12{padding: 0; width: 50%;}
    #sub1_container .left_con .details{text-align: center;}
    #sub1_container .left_con .details .chap{width: 100%; text-align: center;}
    #sub1_container .left_con .details .dc_price {width: 100%; text-align: center; margin-top: 5px;}
    .left_con .details .dc_price strong {font-size: 13px; text-align: center; margin-top: 0; float: none;}
    #view4_container .con1_con .dc_price del{display: block;}
    #sub1_container .left_con .m_tab{margin-bottom: 10px;}
    #sub1_container .search li select{margin-bottom: 5px;}
    .price_wrap {min-height: 85px;}
    .dc_price{font-size: 10px; color: #000; margin: 0; width: calc(100% - 100px); text-align: right; display: inline-block;min-height: 23px;}
    .device_ch{width: 96px; font-size: 12px; font-weight: bold; display: inline-block;text-align: left;}
    .ppri .device_ch{width: auto;}
    .price_wrap1{min-height: 33px;}
    
    /*교재*/
    #sub2_container .left_con .details .p-name{font-size: 13px;}
    #view2_container .con1_con{border: none;}
    #sub2_container .left_con .details{text-align: center;height: auto; min-height: 92px;}
    #sub2_container .left_con .details .p-name{font-size: 14px; margin-top: 5px;}
    #sub2_container .left_con .details .chap{width: 100%; text-align: center;}
    #sub2_container .left_con .details .dc_price {width: 100%; text-align: center; margin-top: 5px;}
    #sub2_container .left_con .details .dc_price strong {font-size: 13px; text-align: center; margin-top: 0; float: none;}
    #sub2_container .left_con .con1_con{border: none;border-bottom: 1px solid #e7e7e7;}
    
    /*장바구니 결제*/
    #pay_container table td:nth-child(2){width:50px}
    #pay_container table td:nth-child(3){width:88px}
    #pay_container table .ea_price{width:100px;padding:8px}
    #pay_container table .lec_tit .mini_box{display:block;width:62px;margin-bottom:10px;text-align: center;}
    #pay_container .total{width:120px;padding-left:10px!important;padding-right:10px}
    #pay_container .table2 td:last-child{text-align:right;padding-left:10px;padding-right:10px}
    #pay_container table.table2 td:nth-child(2){width:auto}
    #pay_container .remain_point{display:block;margin-top:5px}   
    #pay_container .point .use_point{width:70px;text-align:center;margin-left:5px;margin-right:0}
    #pay_container .point input{width:calc(100% - 80px)}
    #pay_container .method input{margin:0 10px;}
    #pay_container .method input + label{font-size:13px}
    #pay_container .og{padding-left:10px;padding-right:10px}
    #pay_container .container2 .table_com{margin: 30px 10px;}
    #pay_container .container2 .table_com .oder_ment{font-size: 20px;}
    #pay_container .container2 .table_com .account_info{width: 100%;}
    #pay_container .container2 .table_com .account_info td{font-size: 15px;}
    #pay_container .container2 .table_com .account_ment{font-size: 14px;}
    #pay_container .container2 .table2 .condition_box{width: 28%; padding: 0;}
    #pay_container .container2 .table_com .account_info th{width: 35%;}
    #pay_container .container2 .table2 .condition_box .con_box{width: 100%; font-size: 14px; height: 60px; line-height: 60px; background-color: #fff; color: black;}
    #pay_container .container2 .table .condition_list li{font-size: 13px; margin: 0; padding: 5px;display: inline-table; width: 100%; text-align: left;}
    #pay_container .container2 .myorder_bt{width: 175px; font-size: 14px; padding: 15px 12px;}
    #pay_container .container2 .mypage_bt{width: 150px; font-size: 14px; padding: 15px 12px;}
    #pay_container .coupon_popup .con3{padding:15px 0}
    #pay_container .payment_box{text-align:center}   
    #pay_container .discount .coupon{width: 100%;}
    #pay_container .discount .coupon li{text-align: center;}
    #pay_container .discount .coupon li:nth-child(3){float: none; margin: 0 auto 10px;}
    #pay_container .discount .coupon li:nth-child(4){width: 114px; display: block; margin: 0 auto;}
    #pay_container .info p span{font-size: 12px; margin-top: 6px; float: none;}
    #pay_container .info p{padding: 10px 12px 10px 20px; text-align: center;}
    #pay_container .info li input::placeholder{font-size: 14px;  color: #b5b5b5;}
    #pay_container .info input{font-size: 14px;}
    #pay_container .info .email select{width: 152px; padding: 0; margin-left: 0; margin-bottom: 20px;}
    #pay_container .info li:nth-child(3) input{width: 100%;}
    #pay_container .info li .find_add{width: 36%;}
    #pay_container .info .memo{font-size: 14px;}
    #pay_container .method .desc span{width: 72%;}
    #pay_container .method .s_pay{padding: 22px 0; width: 100%; margin: 0; text-align: center;}
    #pay_container .total_p li,#pay_container .s_price li p{font-size: 22px;}
    #pay_container .s_price li{font-size: 18px;}
    #pay_container .method .tit{text-align: center; padding: 10px 0;}
    #pay_container .method .s_pay{font-size: 20px;}
    #pay_container .method .s_pay{padding: 18px 0;}
    #pay_container table .lec_tit li{font-size: 12px; line-height: 1.2; font-weight: 500;}
    #pay_container .table2 td, #pay_container .og .og_tit, #pay_container .og .og_agree{font-size: 13px;}
    #pay_container table .lec_tit li:nth-child(3){font-size: 14px; margin-bottom: 8px;}
    #pay_container table .lec_tit li:nth-child(4) span{font-size: 13px;}
    #pay_container table .lec_tit li:nth-child(5) select{margin-left: 0; margin-top: 4px; font-size: 12px; padding-left: 6px;}
    #pay_container .og .og_guide{font-size: 12px;}
    #pay_container .s_cancel, #pay_container .s_pay{height: 35px; line-height: 35px; width: 48%; font-size: 13px; font-weight: bold;}
    #pay_container .info div {padding: 0;}
    #pay_container .coupon_popup .analysis_pop,#sub3_container .expand_popup .expand_pop{width:calc(100% - 30px);height: auto;}
    #pay_container .coupon_popup .tit, #pay_container table th{font-size: 13px;}
    #pay_container .tit{font-size: 15px;}
    .Box_wrap{width: 100%;}
    .mainling_event{display:block;margin-top:5px;}
    .table-responsive{margin-bottom:0}
    .mailing_section .mailing_box .mailing_tit{font-size: 24px;}
    .mailing_section .mailing_box .mailing_desc{font-size: 14px;}
    .index_popup .index_pop .discount_list li{font-size: 20px;}
    .index_popup .index_pop .indexpop_notice{font-size: 14px;}
    .index_popup .index_pop .noread li span{font-size: 18px;}
    #bucket_container .m_bucket li:nth-child(3),#pay_container .m_pay li:nth-child(3){font-size: 15px;  color: #333333;}
    #bucket_container .m_bucket li:nth-child(2),#pay_container .m_pay li:nth-child(2){color: #333333;}
    #bucket_container .m_bucket li,#pay_container .m_pay li{font-size: 12px; color: #666666;}
    #bucket_container .m_bucket li:nth-child(5),#pay_container .m_pay li:nth-child(5){margin: 8px 4% 0 0;}
    #bucket_container .t_price,#pay_container .t_price{padding: 22px 10px; background-color: transparent; padding: 0;}
    #bucket_container .m_bucket li select,#pay_container .m_pay li select{width: 66px; padding: 0 20px 0 16px;}
    #bucket_container .t_price .purchase,#pay_container .t_price .purchase{width: 100%; padding: 16px 0; text-align: center;}
    .select_coupon{padding: 12px; font-size: 13px;}
    .analysis_pop .con3 .col-xs-12{padding: 0; }
    .mt_stit, .coupon_price li .cou_price, .select_coupon label,.purchase_info{font-size: 13px;}
    .select_coupon{height: 175px;}
    .select_coupon li{margin-bottom: 10px;font-size: 13px;}
    .payment_pr{width: 100px;}
    .og input[type="checkbox"] + label span, .purchase_info input[type="checkbox"] + label span{width: 15px; height: 15px;}

     /*회원가입*/
    #join_container .join_info .info_list span {width: 100%;}
    #frm .info_list div.error{margin: 0; font-size: 13px;}
    #join_container .nm_box .nm_check{font-size: 12px;}
    #join_container .nm_box input[type="checkbox"] + label{vertical-align: middle;}
    #join_container .nm_box .nm_btn li:nth-child(1){margin-right: 0; margin-bottom: 20px; width: 100%;}
    #join_container .nm_box .nm_btn li:nth-child(2){width: 100%;}
    #join_container .nm_box .nm_btn{display: block;}
    #join_container .nm_box .nm_confirm{width: 90%;}
    .join_info .info_list li strong{width: 100%}
    #join_container .join_info .info_list .zipcode, #join_container .join_info .info_list .auth_phone button{margin-top: 10px; font-size: 13px;}
    #join_container .join_info .info_list input{width:100%; font-size: 13px;}
    .join_info .info_list li strong:nth-child(3){width: 100%; margin-left: 0px;}
    #join_container .join_info .info_list #zipcode{width: 100%;}
    #join_container .join_location{width: 100%;}

    /*고객센터*/
    .cs_center .left_con .single_tit{width: 100%;}
    .cs_center .left_con .table_01{width: 100%;}
    #question_container .left_con .question_tit td{padding: 15px 5px; font-size: 14px; vertical-align: middle;}
    #question_container .left_con tr .modi_btn{width: 35px; height: 30px;padding: 0px; text-align: center; font-size: 12px; letter-spacing: -1px;}
    #question_container .left_con tr td:nth-child(3){padding-right: 32px; font-size: 12px;}
    #question_container .left_con .question_tit td:nth-child(2){width: 10%;}
    #question_container .left_con .question_tit td:nth-child(1){display:none}
    #question_container .left_con .question_tit td:nth-child(5),#question_container .left_con .question_tit td:nth-child(6){padding: 0;}
    #question_container .left_con .answer td{padding: 25px;}
    #notice_container .left_con{width: 100%;}
    #notice_container .left_con .tab{display: block;}
    #notice_view_container .comment td:nth-child(2){padding-left:5px;}
    #notice_view_container .comment td:nth-child(3){font-size:11px}
    #notice_view_container .comment textarea{width:calc(100% - 60px)}
    #notice_view_container .comment .confirm{width:60px}
    #notice_container .teacher_notice table th:nth-child(1),#notice_container .teacher_notice table td:nth-child(1){display: none;}
    #notice_container .teacher_notice table td:nth-child(2),#notice_container .teacher_notice table td:nth-child(2){padding-left:5px; width: 20%;}
    #notice_container .teacher_notice table th:nth-child(3),#notice_container .teacher_notice table td:nth-child(3){width: 40%;}
    #notice_container .teacher_notice table th:nth-child(4),#notice_container .teacher_notice table td:nth-child(4){width: 15%;}
    #notice_container .teacher_notice table th:nth-child(5),#notice_container .teacher_notice table td:nth-child(5){width: 15%;}
    #notice_container .fornt_noti table th:nth-child(2){width: 40%;}
    #notice_container .fornt_noti table th:nth-child(3){width: 20%;}
    #notice_container .fornt_noti table th:nth-child(4){width: 10%;}
    #notice_container .fornt_noti table th:nth-child(5){width: 10%;}
    #notice_container .fornt_noti table th:nth-child(6){width: 10%;}
    #notice_container .left_con .table_01 .th_table_01 .tt_srat{width: 13%!important;}
    #notice_view_container .comment_stit2{display: none;}
    #notice_view_container .comment_stit{width: 25%;}
    #notice_container .left_con .tab .tab_list div{width: 50%;}
    #require_container .left_con .add_file{width:100%}
    #require_container .table_01 .th_table_01 th:nth-child(4){width: 15%}
    #require_container .left_con .require_tit input{width: 85%;}
    #require_container .left_con .add_file{padding: 0;}
    #require_container .left_con .sdesc{margin: 0;}
    #require_container .left_con table th, #require_container .left_con table td{width: 10%;line-height: 1.3;}
    #require_container .left_con table th:nth-child(5){display: none;}
    #require_container .left_con table td:nth-child(5){display: none;}
    #require_container .table_01 .th_table_01 th:nth-child(2){width: 20%;}
    #require_container .table_01 .th_table_01 th:nth-child(4){width: 15%;}
    #require_container  .th_table_01 th:nth-child(4) .tit_bar{display: none;}
    #require_container .left_con .req_table th{width: 25%;}
    .con_notice i{display: block;}
    .con_notice .noti_tx{display: none;}

    /* 프리패스 템플릿 */
    #fp_container .MO_table select.sel_select{width: 100%; height: 45px; font-size: 14px; border: 1px solid  #e0e0e0; margin-top: 15px; text-align-last: center; font-weight: bold;}
    #fp_container .MO_table select.sel_select option{text-align: center;}
    #fp_container .fplist_tit h2{width: 100%; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold;}
    #fp_container .fplist_tit > div{padding: 6px 15px 0 0; font-size: 14px; font-weight: bold; color: #989898;}
    #fp_container .fplist_tit > div span{font-size: 13px; font-weight: normal; color: #000; float: right;}
    #fp_container .fp_arr{width: auto; background: none; overflow: hidden; border: none; float: right;}
    #fp_container .fp_arr img{float: right; z-index: -100; padding: 12px; width: 36px; height: 30px;}
    #fp_container .fp_arr img.rotate{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
    #fp_container .left_con .tab_con .pricing_table > li{width: 100%;padding: 0; border-bottom: none; min-height: auto;}
    #fp_container .left_con .tab_con .pricing_table > li div.fplist_tit{border-bottom: none;}
    #fp_container .left_con .tab_con .pricing_table > li div button{display: inline-block;}
    #fp_container .left_con .tab_con .pricing_table > li .fpdetail_list {display: none; padding: 15px;  background-color: #fff;}
    #fp_container .left_con .tab_con .pricing_table > li div button.fp_arr{display: inline-block; position: absolute; right: 10px;}
    #fp_container .left_con .tab_con .pricing_table > li div.fplist_tit{border-bottom:  1px solid #e0e0e0; cursor: pointer;}
    #fp_container .left_con .tab_con .pricing_table > li div h3{font-size: 13px; font-weight: normal;}
    #fp_container .left_con .tab_con .pricing_table > li div p{font-size: 13px; font-weight: bold; color: #676767;}
    #fp_container .left_con .tab_con .pricing_table > li div h2{font-size: 15px;}
    #fp_container .left_con .tab_con .pricing_table > li div strong{font-size: 10px;}
    #fp_container .left_con .tab_con .pricing_table > li > div > .Text_con{height: auto;}
    #fp_container .left_con .tab_con .pricing_table > li div.fpdetail_list{min-height: auto;}
    #fp_container .left_con .tab_con .pricing_table > li div.fpdetail_wrap{min-height: auto;}
    #fp_container .PC_table{display: none;}
    #fp_container .MO_table{display: block!important;}

    /*푸터*/
    #footer .cs_center{width: 100%; border-left: none;  padding-left: 15px;}
    #footer .service_join{width: 100%; float: none;text-align: left;}
    #main1_container .owl-carousel .owl-nav button.owl-prev{background-image: url(../images/previous1.png);background-repeat: no-repeat; background-size: 25%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 38%; left: -26px; background-position:center;}
    #main1_container .owl-carousel .owl-nav button.owl-next{background-image: url(../images/next2.png);background-repeat: no-repeat; background-size: 25%; width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: 38%; right: -3px; background-position:center;}
    #main1_container .owl-carousel .owl-nav button.owl-prev:hover{background-color: rgba(255,255,255,0.8);}
    #main1_container .owl-carousel .owl-nav button.owl-next:hover{background-color: rgba(255,255,255,0.8);}

    /*이벤트*/
    .event_container, .event_container .event_desc , .event_container .left_con{width: 100%!important;}
    .event_container .col-xs-12{margin-bottom: 6px;}
    .event_container {padding: 5px;}
    .event_container .lec_list{margin: 0;}
    .event_container .lec_list > div{padding: 0; width: 100%; margin: 0;}
    .event_container .chap{float: none;width: 100%;}
    .event_container .left_con .contents .hnbh{width: 36px; font-size: 9px;}
    .event_container .lec_table table td{padding: 15px 5px;}
    .event_con, .event_desc, .event_desc p img{width: 100%!important;}
}
