/*@import url("nice-select.css");*/
/* menu-select */
.menu-select {
	width: 100%;
	height: 48px;
	padding: 24px 0;
	display: block;
}
.menu-select.up {padding:0; position:absolute; top:-2px; left:0px;}

.menu-select div {
	font-size: 16px;
}

.menu-select label {
	display: none;
}

.selectMenu_term {display:inline-block; margin-left:0px;}
.selectMenu_term .nice-select {width:230px;}

.selectMenu_term_ap {display:inline-block; margin-left:0px;}
.selectMenu_term_ap .nice-select {width:230px;}

.selectMenu_program {display:inline-block; margin-left:12px;}
.selectMenu_program .nice-select {width:240px;}

.selectMenu_level {display:inline-block; margin-left:12px;}
.selectMenu_level .nice-select {width:150px;}

.selectMenu_type {display:inline-block; margin-left:12px;}
.selectMenu_type .nice-select {width:150px;}

.selectMenu_schedule {display:inline-block; margin-left:12px;}
.selectMenu_schedule .nice-select {width:160px;}

.selectMenu_book {display:inline-block; margin-left: 12px;}
.selectMenu_book .nice-select {width:250px;}

.selectMenu_lesson {display:inline-block; margin-left: 12px;}
.selectMenu_lesson .nice-select {width:280px;}

.selectMenu_card {display:inline-block; margin-right:12px;}
.selectMenu_card .nice-select {width:160px;}

.selectMenu_array {display:inline-block;}
.selectMenu_array .nice-select {width:130px;}

.menu-select .nice-select span.current {display:block; overflow:hidden; text-overflow:ellipsis;}

/*VLC add*/
.gnb--popup__sorting {display:inline-block; vertical-align:top; margin-top:15px;}
.gnb--popup__sorting label {display:none;}
.gnb--popup__sorting .nice-select {width:190px!important;}
.gnb--popup__sorting .nice-select .current {display:inline-block; width:150px; overflow:hidden; text-overflow:ellipsis;}
/* menu-select */


/* select */
.select {
}

/* semester, level */
.select--shape-a {
	width: 180px; /*150*/
	height: 48px;
	border: 0;
	background-color: #dde1e4;
}

.select--shape-b {
	width: 200px;
	height: 48px;
	border: 0;
	background-color: #dde1e4;
}

/* program */
.select--shape-c {
	width: 150px; /* 80 */
	height: 48px;
	border: 0;
	background-color: #dde1e4;
}

.selectbox {
	position: relative;
	z-index: 1;
}

.selectbox:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	margin-top: -1px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
}

.selectbox label {
	font-size: 16px;
	font-weight: normal;
	font-family: 'Noto Sans KR', sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	padding: 18px 10px 12px;
	color: #263547;
	z-index: -1;
}

.selectbox select {
	/*
    width: 100%;
    height: auto;
    line-height: normal;
    font-family: inherit;
    padding: .8em .5em;
    border: 0;
    opacity: 0;
    
    filter:alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
*/
	width: 100%;
	height: auto;
	margin-bottom: 2px;
	padding: 15px 10px 10px;
	border: 0;
	background-color: #dde1e4;
	border-bottom: 2px solid #dde1e4;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Noto Sans KR', sans-serif;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.selectbox select:focus, .selectbox select:active {
	outline: 0;
	border-bottom-color: #0056dc;
	opacity: 1;
}

option {
	background-color: #fff;
}
/* select */





/* radio */
/* radio--shape-a */
.radio--shape-a li {
	color: #263547;
	display: inline-block;
	padding: 13px 0;
	letter-spacing: -0.2px;
	margin-left: 12px;
}

.radio--shape-a li:first-of-type {
	margin-left: 0;
}

.radio--shape-a li input[type=radio] {
	position: absolute;
	visibility: hidden;
	vertical-align: middle;
}

.radio--shape-a li label {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

.radio--shape-a li:hover label {
	color: #0056dc;
}

.radio--shape-a li:hover label span {
	background: url(../img/icon/radio_on_18x18.png);
	-webkit-transition: all 0.25s linear;
}

.radio--shape-a li .check {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	border: 4px solid #000000;
	border-radius: 100%;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.radio--shape-a li:hover .check {
	border: 4px solid #0056dc;
}

input[type=radio]:checked ~ .check {
	border: 4px solid #0056dc;
}

input[type=radio]:checked ~ label {
	color: #0056dc;
}





input[type="radio"] {
	display: none;
}

input[type="radio"] + label {
	color: #263547;
	font-family: 'Noto Sans', sans-serif;
}

input[type="radio"] + label span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -2px 8px 0 0;
	vertical-align: middle;
	background: url(../img/icon/radio_off_18x18.png);
	cursor: pointer;
}

input[type="radio"]:checked + label span {
	background: url(../img/icon/radio_on_18x18.png);
}
/* radio--shape-a */

/* radio--shape-b */
.radio--shape-b {
	float: right;
}

.radio--shape-b li {
	color: #263547;
	display: inline-block;
	padding: 13px 0;
	margin-left: 20px;
}

.radio--shape-b li:first-of-type {
	margin-left: 0;
}

.radio--shape-b li input[type=radio] {
	position: absolute;
	visibility: hidden;
	vertical-align: middle;
}

.radio--shape-b li label {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

.radio--shape-b li:hover label {
	color: #0056dc;
}

.radio--shape-b li .check {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	border: 4px solid #000000;
	border-radius: 4px;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.radio--shape-b li:hover .check {
	border: 4px solid #0056dc;
}

input[type=radio--shape-b]:checked ~ .check {
	border: 4px solid #0056dc;
}

input[type=radio--shape-b]:checked ~ label {
	color: #0056dc;
}




input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
	color: #263547;
}

input[type="checkbox"] + label span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -2px 8px 0 0;
	vertical-align: middle;
	background: url(../img/icon/check_off_18x18.png);
	cursor: pointer;
}

input[type="checkbox"]:checked + label span {
	background: url(../img/icon/check_on_18x18.png);
}

input[type="checkbox"]:checked + label {
	color: #0056dc;
}
.checkbox-mint input[type="checkbox"] + label span {
  width:24px;
	height:24px;
	margin: -2px 8px 0 0;
	background: url(../img/icon/check_mint_off.png);
}
.checkbox-mint input[type="checkbox"]:disabled + label span {
  opacity:.5;
}
.checkbox-mint input[type="checkbox"]:checked + label span {
	background: url(../img/icon/check_mint_on.png);
}
.checkbox-mint input[type="checkbox"]:checked + label {
	color: #000;
}
/* radio--shape-b */
/* radio */

.menu-select .book-search {
  position:absolute;
  right:0;
  top:0;
  text-align: right;  
}
.menu-select .book-search input {
  width: 360px;
  height: 48px;
  outline: none;
  padding-left: 4px;
  padding-right: 46px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 16px;
  color: #2f3439;
  border:0;
  border-bottom:1px solid #D4D4D6;
  padding-top:5px;
}
.menu-select .book-search input::placeholder {
  color: #9E9E9E;
}
.menu-select .book-search input:focus {
  border-bottom:1px solid #212121;
}
.menu-select .book-search .btn-search {
  position: absolute; 
  right: 12px;
  top: 15px;
  width: 20px;
  height: 20px;
  background: url("../img/icon/icon_search.svg") no-repeat center / 100%;
}
.menu-select .book-search p {
  font-family: 'Pretendard';
  color: #999;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  margin-top: 4px;
  text-align: left;
  padding-left: 12px;
}
.menu-select .book-search .searchBox {
  display: none;
  position: absolute;
  top: 47px;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff;
  border-top: 2px solid #0e5bd9;
  border-radius: 0 0 5px 5px;
  max-height: 461px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.menu-select .book-search .searchBox ul {

}
.menu-select .book-search .searchBox ul li {
  display: block;
}
.menu-select .book-search .searchBox ul li:hover, .menu-select .book-search .searchBox ul li:active {
  background-color: #f4f5f6;
}
.menu-select .book-search .searchBox ul li a {
  display: block;
  text-align: left;
  padding:14px 12px 16px 40px;
  background: url("../img/icon/search.svg") no-repeat 12px center / 20px 20px;
  outline: 0;
}
.menu-select .book-search .searchBox ul li span {
  color: #154FD0;
}
.menu-select .book-search.on .searchBox {
  display: block;
}
.check-myClass {
  margin:-10px 0 24px;
  position: relative;
  z-index: 8;
}
.check-myClass label {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}
.check-myClass .radio {
  display: inline-block;
}
.check-myClass .radio + .radio {
  margin-left: 15px;
}
/* scroll */
.book-search .searchBox::-webkit-scrollbar {width:10px;}
.book-search .searchBox::-webkit-scrollbar-track {background:#f1f1f1;}
.book-search .searchBox::-webkit-scrollbar-thumb {background:#c1c1c1;}
.book-search .searchBox::-webkit-scrollbar-thumb:hover {background:#a8a8a8;}