/*공통*/
.mobileView {display: none;}
.webView {display: block;}

  @media screen and (min-width: 0px) and (max-width: 768px) {/*모바일 기본 0 ~ 768*/
  /*공통*/
  .mobileView {display: block !important;}
  .webView {display: none !important;}
  .container   {}
  .centerAlign{padding: 0 3%;overflow:hidden;}
  .title{font-size: 24px;}

  /*헤더*/
  .topLine{position: fixed;top:0;left: 0;width:100%;z-index:1000;background: #eee;color: #000;}
  .topMenu{position: static;overflow: hidden;text-align: center;}
  .topMenu > li            {float: none;display: inline-block;}
  .topMenu > li:first-child{padding-left: 0;}
  header:after   {display: block;height: 90px;content: '';}
  .topLine.nav-up{top:-40px}
  .mobileHeader.nav-up{top:0;}
  .mobileHeader       {position:fixed; top:40px; left:0; right:0; z-index:9000; transition:0.4s; -webkit-transition:0.4s; box-shadow:0 1px 4px rgba(0,0,0,0.1);}
  .mobile_header_wrap {width:100%; height:50px; position:relative; background-color:rgba(255,255,255,1);}
  .mobile_logo {position: absolute;width:auto; height: 30px;left:3%; top:10px;z-index:900; transition:0.2s;-webkit-transition:0.2s; text-align:center;display:block;}
  .header_logo {display:block;height:100%;}
  .menuBar     {position:absolute;top:0px;right:0px;width:50px;height:50px;z-index: 9001;}
  .menuBar span     {position:absolute;left:0;width:20px;height:1px;background-color:#000;transition-duration: .5s;}
  .menuBar.open span{background-color: #fff;}
  .menuBar span:nth-of-type(1) {top:0;margin:18px 0 0 15px}
  .menuBar span:nth-of-type(2) {top:7px;margin:18px 0 0 15px}
  .menuBar span:nth-of-type(3) {top:14px;margin:18px 0 0 15px}
  .menuBar.open span:nth-of-type(1){-webkit-transform: translateY (7px) rotate (-45deg);transform: translateY(7px) rotate(-45deg);}
  .menuBar.open span:nth-of-type(2){opacity:0;}
  .menuBar.open span:nth-of-type(3){-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}
  .mobile_cart {position:absolute; right:90px;}
  .mobile_login{position:absolute; right:50px;}
  .mobile_cart img, .mobile_login img{width: 20px;padding: 15px 5px;}
  .btn_login        {display:block; width:100%;}
  .mobile_navi_wrap {position:fixed;right:-80%; top:0; bottom:0; width:80%;padding:45px 0 0 0; overflow:auto;background: rgba(37, 124, 225,.95);z-index:9000;}
  .navi_mobile_close{position: absolute;top: 17px;left: 3%;width: 20px;font-weight: bold;color: #fff;}
  .navi_mobile_close:hover{color: #fff;}
  .mobile_navi_info {width:300px; margin:0 auto}
  .mobile_navi_top  {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; align-items:center;}
  .mobile_navi_greeting{color:#fff; padding:0 0 0 14px;}
  .mobile_navi_greeting_caption{color:#fff; font-weight:600; font-size:20px;line-height: 2;}
  .mobile_navi_greeting_caption span{font-size:16px; font-weight:400;}
  .mobile_navi_greeting_small{display:block; padding:5px 0 10px 0; font-size:9px; letter-spacing:0;}
  .mobile_navi_greeting_text {font-size:12.5px; line-height:1.3;}
  .mobile_navi_mail     {display:block; width:100%; padding:7px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:10px 0 0 0; text-align:center; color:#fff;}
  .mobile_navi_mail_icon{width:24px; margin:0 10px 0 0; vertical-align:-3px;}
  .mobile_navi_mail b   {display:inline-block; width:28px; height:28px; line-height:28px; border-radius:50%; background-color:#06375b;}
  .mobile_navi_btns     {padding:15px 0 0 0;font-size: 0;}
  .mobile_navi_btns a   {width:calc(50% - 5px);font-size: 1rem;}
  .mobile_navi_login_btn{margin-right: 10px;background-color:#06205C; color:#fff; height:38px; line-height:38px; text-align:center; font-size:16px; font-weight:400;}
  .mobile_navi_login_btn:hover{color:#fff;}
  .mobile_navi_join_btn {background-color:#fff; color:#000; height:38px; line-height:38px; text-align:center; font-size:16px; font-weight:400;}
  a.mobile_navi_id_search{width:100%; color:#fff; text-align:center; display:block; padding:15px 0 0 0;}
  .mobile_navi{margin:40px 0; border-top:2px solid #fff; border-bottom:2px solid #fff;}
  .mobile_navi > li{border-bottom:1px solid rgba(255,255,255,0.5);}
  .mobile_navi > li:last-child{border-bottom:0;}
  .mobile_navi h4{font-weight:400; color:#fff; font-size:18px; height:50px; line-height:50px; text-align:center;}
  .mobile_navi h4.active{background-color:#06205C; color:#fff;}
  .mobile_navi_sub{display:none;padding:10px 0;}
  .mobile_navi_sub > li{font-size:15px; height:45px; line-height:45px; text-align:center;}
  .mobile_navi_sub > li > a{display:block; color:#fff; font-weight:400;}
  .mobile_navi_sub > li > a:hover{color:#06205C; font-weight:600;}
  .mobile_navi_sub > li > a.active{color:#06205C; font-weight:600;}
  .mobile_navi_cs{text-align:center; color:#fff; letter-spacing:0; padding:0 0 25px 0;}
  .mobile_navi_cs_caption{position:relative; padding:0 0 10px 0; font-size:13px; font-weight:400; color:#fff;}
  .mobile_navi_cs_caption:after{content:''; position:absolute; bottom:0; left:50%; width:20px; height:1px; margin-left:-10px; background-color:#fff;}
  .mobile_navi_cs_tel{padding:10px 0 5px 0; font-size:22px; font-weight:500;}
  .mobile_navi_cs_time{font-size:12px; line-height:1.3;}

  /*푸터*/
  .footer .flex_container{flex-wrap: wrap;align-content: flex-start;margin:0px auto;}
  .footContent{width:100%;padding: 0;text-align: center;font-size: 0;}
  .footMenu   {display: inline-block;margin-left: 30px;font-size: 1rem;}
  .copyright  {font-size: 1rem;padding: 15px 0;}
  .footLogoRight, .footLogoRight img{height: 30px;width: auto;margin: 0 auto;}
  a#topBtn{bottom:10vw;right: 3%;}

  /*메인*/
  .slideImg{padding-bottom: 60%;}
  .slider.main > li:nth-child(2) .slideImg{background-position: 60%;}
  .sliderBox .bx-controls-direction{display: none;}
  .slideText {padding: 0 10%;}
  .slideText .btn{margin-top: 15px;}
  .sliderBox .bx-wrapper .bx-pager.bx-default-pager a{width:50px;}
  .mainTab1 {flex-wrap: wrap;align-content: flex-start;margin:3% auto 0;}
  .mainTab2 {flex-wrap: wrap;align-content: flex-start;margin:0px auto 50px;}
  .mainTab1 .flex_item:nth-child(1){width:65%;padding:3%;}
  .mainTab1 .flex_item:nth-child(2){width:35%;padding: 0 0 0 3%;}
  .mainTab1 .flex_item:nth-child(3){width: 100%;margin: 3% 0;padding: 0;}
  .mainTab2 .flex_item:nth-child(1){width:100%;}
  .mainTab2 .flex_item:nth-child(2){width:100%;padding: 0;}
  .mainTab2 .mySwiper{padding-right: 0 !important;}
  .notice a{border-width: 3px;}
  .call    {height: 100px;margin-top: 3%;font-size: 20px;letter-spacing: 2px;}
  .call a  {background-position: 12% 50%;background-size: 60px;padding: 6% 0 0 40%;}
  .mySwiper .swiper-slide{width:100%;padding: 0;}
  .notice ul li a{padding: 0 10px;}

  /*서브 페이지*/
  .contents{margin: 30px 0;}
  .bbs_search .btn   {line-height: 20px;}
  .search_select_wrap{width:300px;margin-bottom: 10px;}
  .centerAlign .in   {padding: 0;min-height: 100px;overflow: visible;}
  .bbs_page,.numberBox{padding: 30px 0 50px;margin: 0;}
  .list_table th,.list_table td{padding:15px 3px;font-size: 13px;}
  .list_table{word-break: break-all;max-width: 100%;}

  /*강의 테이블 반응형*/
  .edu th:nth-child(1), .edu td:nth-child(1){min-width: 30px;}
  .edu th:nth-child(6), .edu td:nth-child(6){min-width: 80px;}
  .edu th:nth-child(2), .edu td:nth-child(2),
  .edu th:nth-child(5), .edu td:nth-child(5),
  .edu th:nth-child(7), .edu td:nth-child(7){display:none;}
  .edu .category{color: #999;}
  .edu .uncomplete .mobileView, .edu .complete .mobileView{color: #000;}
  .list_table.edu .borad_content > td{border: none;padding: 30px 15px;}

  /*팝업 내용*/
  .videoWrap, .iframeWrap, .bookWrap, .bookWrap + .iframeWrap{width:100%;margin: 0 0 10px;}
  .time ul > li{padding: 10px;}
  .bookWrap .img, .bookWrap table.info{width:50%;float:left;}

  /*약공도서*/
  .bookList ul.best, .bookList ul.list{width:100%;}
  .bookList li        {width:100%;}
  .bookList li:before {content: "";position: absolute;left: 0;top: 0;width: 200%;height: 2px;background-color: #eee;}

  /*장바구니*/
  .table_wrap:before      {/*마진상쇄 삭제*/content: "";display: table;}
  .table_wrap .table_title{margin-top: 10px;margin-left:10px;}
  .quantity               {width:100px;}
  input[type=number].quantityInput{width:40px;}
  input[type=checkbox]            {width: auto;height: auto;}
  .list_table.cart td:nth-child(2){min-width: 45px;}
  .list_table.cart .img {width: 80px;}
  .list_table.cart .text{padding: 10px 0 0;}
  .list_table.cart .text > p{margin: 5px 0;font-size: 14px;font-weight: bold;}
  .list_table.cart .price   {margin-top: 20px;}
  .cart th:last-child, .cart td:last-child{display: none;}
  .list_table.cart td{padding: 15px 7px;}
  .tableBottom       {height: auto;min-height: 34px;margin-bottom: 30px;padding: 0 10px;box-sizing: border-box;}
  .pay thead th      {font-size: 1rem;}
  .pay tbody td      {padding-left: 10px;}
  .paySelect         {height: auto;margin-top: 30px;text-align: center;border-top: 10px solid #eee;background: #fff;}
  .paySelect .btn    {position: static;width: 100%;text-align: center;padding: 20px;}
  .paySelectTitle    {display: block;}
  .paySelect input   {margin: 0 5px 0 0;}
  .paySelect label   {padding: 15px;display: inline-block;}

  /*공지사항 게시판*/
  .bbs_search .left, .bbs_search .right{width: 100%;min-height: 0;text-align: center;float: none;}
  .bbs_search .left  {margin-bottom: 10px;}
  .bbs_search .right {margin-top: 10px;}
  .list_table caption{margin: 10px;}
  .list_table.board td:nth-child(1){min-width: 30px;}
  .list_table.board td:nth-child(3){min-width: 80px;text-align: center;}
  .list_table.board td:nth-child(4),
  .list_table.board td:nth-child(5){display: none;}
  .numberBox .left, .bbs_page .left  {min-height: 0;width: auto;}
  .numberBox .right, .bbs_page .right{min-height: 0;width: auto;}
  .numberBox .left .btn, .bbs_page .left .btn  {padding: 1em;margin: 0 5px;}
  .numberBox .right .btn, .bbs_page .right .btn{padding: 1em;margin: 0 5px;}
  .list_table.board .borad_content > td{border: none;padding: 30px 15px;}

  /*댓글*/
  .commentUl .btns .mini_btn{margin: 0 2px;}
  .commentWrite{margin-top:0;}
  .borad_content .btn   {margin-top: 15px;width: auto;}
  .commentWrite textarea{display: block;width: calc(100% - 80px);height: 80px;}
  .commentWrite .btn{width: 80px;height: 80px;line-height: 80px;}
  .commentUl li     {padding: 10px;}
  .commentUl .btns  {top:10px;right:8px;}
  .commentUl.reply  {margin-top: 10px;}

  /*글쓰기*/
  .writeWrap{margin: 0;}
  .list_table.write td{padding: 0 10px;}

  /*교육강좌*/
  .sswc_si.mobileView{padding-bottom: 55%;}
  .classUl > li{width:100%;}
  .slidarea .swiper-container{width:100%;overflow:hidden;padding: 15px 15px 50px;background: #fff;z-index: 2;}
  .slidarea .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:23px;}
  .classUl{margin: 0;overflow: visible;}
  .classUl > li{padding: 0;border-top:3vw solid #eee;overflow: visible;border-left-color: #eee !important;}
  .classUl > li > a{font-size: 16px;}
  .classUl > li > a, .classUl > li > a:hover{border: none;padding: 15px 15px 20px;}
  .tag{right:-7px;bottom:20px;}
  .tag + .tag{bottom:50px;}
  .slidarea .tag{right:1px;bottom:30px;}












}/*모바일 기본*/


@media screen and (max-width: 1023px) {/*휴대폰,태블릿 통합 전체 0 ~ 1023*/

}


/*반응형입니다*/
@media screen and (max-width: 767px) {/*휴대폰만 0 ~ 767*/

}

@media screen and (min-width: 0px) and (max-width: 413px) {/*휴대폰 iphone 6 이하 - 0 ~ 413*/
  .numberBox .left, .bbs_page .left, .numberBox .right, .bbs_page .right{margin-top: -3px;}
  .numberBox .left .btn, .bbs_page .left .btn{font-size: 12px;}
  .numberBox .right .btn, .bbs_page .right .btn{font-size: 12px;}
  .numberBox > span, .numberBox > a{padding: 0 3px;}
  .bbs_page a, .bbs_page span{margin: 0 -2px;}

}

@media screen and (min-width: 0px) and (max-width: 374px) {/*휴대폰 iphone 5 - 0 ~ 374*/
  .mobile_navi_info{width:200px;}
  .numberBox ul li a{padding: 0 5px;}
  .bbs_page a, .bbs_page span{margin: 0 -4px;}
  input[type=text].search_input, .search_whselect, .search_whinput{width: 160px;}
}

@media screen and (min-width: 375px) and (max-width: 413px) {/*휴대폰 iphone 6 - 375 ~ 413*/
  .mobile_navi_info{width:220px;}
}


@media screen and (min-width: 414px) and (max-width: 767px) {/*휴대폰 iphone 6+ plus - 414 ~ 767*/


}

@media screen and (max-width: 1200px) {/*작은웹, 아이패드 프로 0 ~ 1200*/

}
@media screen and (max-width: 1024px) {/*아이패드 프로 0 ~ 1024*/

}



@media screen and (min-width: 1500px) {/*PC 큰화면*/

  .centerAlign{max-width: 1400px;}
  #nav .inner{max-width: 1340px !important;}
  .mainBlock li a{padding: 45px 0;}

}

@media screen and (min-width: 768px) and (max-width: 1279px) {/*768 ~ 1279 태블릿 패드 사이즈*/
  .bookList ul.list .mini_btn:first-child{margin-right: 5px;}
  .classUl{margin-left: -16px;}
  .classUl > li{width:50%;border-left: 16px solid #fff;}

}




/*가로(landscape)반응형입니다.*/

@media all and (min-device-width:0px) and (max-device-width:1200px) and (orientation:landscape) { /*가로 기본 0~1200*/

}
@media all and (min-device-width:0px) and (max-device-width:800px) and (orientation:landscape) { /*가로 핸드폰 0~800*/

}
@media all and (min-device-width:0px) and (max-device-width:600px) and (orientation:landscape) { /*아이폰5 가로 0~600*/

 }

 @media all and (min-device-width:601px) and (max-device-width:700px) and (orientation:landscape) { /*아이폰6 가로 601~700*/

 }

 @media all and (min-device-width:701px) and (max-device-width:800px) and (orientation:landscape) { /*아이폰6+ 가로701~800*/

 }

 @media all and (min-device-width:801px) and (max-device-width:1200px) and (orientation:landscape) { /*태블릿 가로801~1200*/

 }