/* RESPONSIVE SCALE */
/* xs size */
@media (max-width: 767px) {
	.navbar-header{padding-right:0; padding-left:0; padding-top:6px; padding-bottom:6px;}
	.navbar-toggle{ margin-right:0;}
	.navbar-brand{padding:0;}
	.navbar .navbar-brand {padding-top:0;}
	 #gnb li a span { padding-top:10px; padding-bottom:10px;}
	.main-box{margin-top:20px;}
	.main-box .topMargin3,.main-box .topMargin2{margin-top:0px !important;}
	.vibox1{height:20rem;}
	.vibox1 p{font-size:1.5rem;}
	.box-icon{height:60px;}
	div.tabb ul li{width:100%; margin-left:0px !important; text-align:center; border-bottom:1px solid #eee;}
	.pagination>li>a, .pagination>li>span{font-size:90%;}
	.faq dt{font-size:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:30px !important;}
	.faq dt .leftMargin1{margin-left:0 !important;}
	#subvisual #sviArea h2{font-size: 40px; }
	.play_button{top:10%; left:35%;}
	.login-box{width:90%;}
  	.login-sub-box{width:95%;}
  	.notice-list li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:20px !important;}
  	.cscenter_bb{height:auto; padding-bottom:1em;}
  	.cscenter_bb p{font-size:40px; line-height:40px;}
  	.cscenter_bb span{display:block;margin-top:1em;}
  	.event-box{background-color:#5A7ECB;}

  	table.table-responsive {
      border: 0;
      border-spacing: 0;
      border-collapse: collapse;
    }

    table.table-responsive thead {
      display: none;
    }

    table.table-responsive th {
      display: none;
    }

    table.table-responsive tr {
      margin-bottom: 10px;
      display: block;
    }

    table.table-responsive td {
      display: block;
      text-align: right !important;
      border-top:0 !important;
      border-right:0 !important;
      border-left:0 !important;
      border-bottom:1px dotted #ccc !important;
    }

    table.table-responsive td.no-content {
      text-align: center !important;
    }

    table.table-responsive td:first-child {
      border-top:1px solid #ccc !important;
    }

    table.table-responsive td:last-child {
      border-bottom:1px solid #ccc !important;
    }

    table.table-responsive td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

    .rightdivid{border-right:0;}
    .set-size{font-size:2em;}
    .pie-wrapper{margin:10px 38%; display:block;text-align:center;}
    .pie-wrapper .label {position:relative;font-size:100%; line-height:100%; left:0;right:0;top:0;bottom:0;}
    .box_title{font-size:1.5em; padding-bottom:0;}
    .ml-content{margin-top:10px;}
    button.study{height:40px;}
    .mlplayer{height:auto;}
    .player_title {font-size:1.2em;}
    .pagelist_wrap{height:auto;}
    .xs-height{height:2em;}
    /* .xs-pad-0{padding-left:0;} */
    #mlPlayer{width:97%;}
    .ml-text{font-size:12px;}
    ul.square_dot{padding-left:10px;}

	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus{background-color:#F5F5F5;}
    .nav-tabs.nav-justified>li>a {
    	border-bottom:1px solid #ddd;
    }

    #footerA #footer ul.foot_util li{padding:0 5px;}

    .dropdown-menu{display:none !important;}
	.owl-theme .owl-nav .owl-prev {margin-left: -10px;}
	.owl-theme .owl-nav .owl-next {margin-right: -10px;}
}

/* sm size */
@media (min-width:768px) and (max-width: 991px) {
	.navbar-nav > li > a {padding:15px 5px;}
	#gnb li a span {font-size: 18px;}
	.cscenter_bb p{font-size:40px;}
	.login-box{width:60%;}
 	.login-sub-box{width:65%;}
 	button.study{width:120px;}
 	.set-size {  font-size: 5em;}
 	#ml-progress .col-sm-2{padding-left:5px; padding-right:5px;}
}

/* md size */
@media (min-width: 992px) and (max-width:1199px) {
	.cscenter_bb p{font-size:50px;}
	.login-box{width:600px;}
	.login-sub-box{width:65%;}
	.set-size {  font-size: 7em;}
}

/* lg size */
@media (min-width: 1200px) {
	.login-box{width:600px;}
	.login-sub-box{width:55%;}
}