/* CSS : import */
@import url("style_cop.css");
/*일반경찰*/
@import url("style_cop_acad.css");
/*경찰학원*/
@import url("style_gosi.css");
/*9급,7급*/
@import url("style_gosi_acad.css");
/*공무원학원*/
@import url("style_gosi_gp.css");
/*군무원*/
@import url("style_gosi_free.css");
/*무료인강*/
@import url("style_job.css");
/*자격증*/
@import url("style_3089_308903.css");
/*자격증 건설안전(산업)기사*/
@import url("style_3089_308904.css");
/*자격증 산업안전(산업)기사*/
@import url("style_3101_310101.css");
/*자격증 소프트웨어관리사*/
@import url("style_3101_310102.css");
/*자격증 경제교육지도사*/
@import url("style_3101_310103.css");
/*자격증 진로직업체험지도사*/
@import url("style_3101_310104.css");
/*자격증 편물기술*/
@import url("style_3091_309101.css");
/*자격증 한국사능력시험*/
@import url("style_3091_309102.css");
/*자격증 KBS한국어능력시험*/
@import url("style_3091_309103.css");
/*자격증 공인한자2급*/
@import url("style_3090_309002.css");
/*자격증 공인노무사*/
@import url("style_3090_309003.css");
/*자격증 감정평가사*/
@import url("style_3090_309004.css");
/*자격증 변리사*/
@import url("style_3090_309005.css");
/*자격증 관세사*/
/*@import url("style_hanlim_3094.css");
고등고시 5급행정*/
@import url("style_hanlim_3095.css");
/*고등고시 국립외교원*/
@import url("style_hanlim_3096.css");
/*고등고시 PSAT*/
@import url("style_hanlim_3097.css");
/*고등고시 5급헌법*/
@import url("style_hanlim_3098.css");
/*고등고시 법원행시*/
@import url("style_hanlim_3099.css");
/*고등고시 변호사시험*/
@import url("style_willpass.css");
/*취업*/
@import url("style_willstory.css");
/*윌스토리*/
@import url("style_2018.css?ver=2101061517");
/*임용*/
@import url("style_hanlim.css");

/* Login Form : 공통 */
.mem-Tit {
	text-align: center;
	padding: 65px 0;
}

.mem-Tit img {
	vertical-align: bottom;
}

.mem-Tit span {
	font-family: "NotoSansCJKkr-Regular", "Noto Sans KR", "Malgun Gothic", "맑은 고딕";
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -2px;
	display: inline-block;
	padding-left: 11px;
	padding-bottom: 3px;
}

.mem-Acad-Tit {
	padding: 40px 0 50px;
}

.Member {
	letter-spacing: 0;
}

.Member .inputBox {
	height: 38px;
	margin-bottom: 10px;
}

.Member .inputBox input {
	width: 100%;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #d4d4d4;
}

.Member .inputBox input.sm {
	float: left;
	width: 388px;
}

.Member .inputBox input.certi {
	float: left;
	width: 345px;
}

.Member .inputBox input.iptEmail01 {
	width: 150px;
}

.Member .inputBox input.iptEmail02 {
	width: 170px;
}

.Member .inputBox select.seleEmail {
	float: right;
	width: 110px;
	height: 38px;
}

.Member .inputBox button.sm {
	width: 72px;
}

.Member .inputBox button.certi {
	width: 115px;
}

.Member .user-Txt {
	font-size: 15px;
	text-align: center;
	line-height: 24px;
	letter-spacing: 0;
}

.Member .user-sub-Txt {
	font-size: 12px;
	line-height: 26px;
}

.Member .user-Txt span {
	font-weight: 600;
	vertical-align: baseline;
}

.Member .info-Txt {
	font-size: 12px;
	text-align: center;
	line-height: 22px;
}

.Member .info-Txt-Wrap {
	background: #f5f5f5;
	line-height: 1.5;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	letter-spacing: 1px;
	padding: 20px 0;
}

.Member .notice-Txt {
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	border-top: 1px solid #e2e2e2;
	padding-top: 30px;
}

.Member .tabs {
	display: flex;
	box-sizing: border-box;
	height: 35px;
	margin-bottom: 45px;
	border-bottom: 1px solid #0d74ae;
}

.Member .tabs li {
	width: 50%;
	height: 34px;
}

.Member .tabs.half li {
	width: 50%;
}

.Member .tabs.full li {
	width: 100%;
}

.Member .tabs li a {
	background: none;
	color: #959595;
	text-align: center;
	line-height: 34px;
	display: block;
	width: 100%;
	height: 100%;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-left: none;
}

.Member .tabs li:first-child a {
	border-left: 1px solid #e1e1e1;
}

.Member .tabs li a.on {
	background: #fff;
	height: 35px;
	font-weight: 600;
	color: #0d74ae;
	border-top: 1px solid #0d74ae;
	border-left: 1px solid #0d74ae;
	border-right: 1px solid #0d74ae;
}

.Member .tabs-Certi {
	height: 140px;
	border-bottom: none;
}

.Member .tabs-Certi li {
	float: left;
	width: 50%;
	height: auto;
	text-align: center;
}

.Member .tabs-Certi li a {
	display: block;
	width: 100px;
	height: 93px;
	margin: 0 auto;
	border: none;
	font-weight: 300;
	line-height: inherit !important;
}

.Member .tabs-Certi li:first-child a {
	border-left: none;
}

.Member .tabs-Certi li a div {
	color: #4d4d4d;
	padding-top: 105px;
}

.Member .tabs-Certi li a.on {
	height: 140px;
	border: none;
}

.Member .tabWrap.tabs-Certi li#tab1 a {
	background: url("../../img/willbes/login/icon_phone.gif") no-repeat center 0;
}

.Member .tabs-Certi li#tab1 a.on {
	background: url("../../img/willbes/login/icon_phone_on.gif") no-repeat center 0;
}

.Member .tabs-Certi li#tab2 a {
	background: url("../../img/willbes/login/icon_email.gif") no-repeat center 0;
}

.Member .tabs-Certi li#tab2 a.on {
	background: url("../../img/willbes/login/icon_email_on.gif") no-repeat center 0;
}

.Member .tabs-Certi li#tab3 a {
	background: url("../../img/willbes/login/icon_ipin.gif") no-repeat center 0;
}

.Member .tabs-Certi li#tab3 a.on {
	background: url("../../img/willbes/login/icon_ipin_on.gif") no-repeat center 0;
}

.Member .tabs-Certi img {
	margin-top: 20px;
}

.Member .tabs-Step {
	height: 30px;
	line-height: 25px;
}

.Member .tabs-Step li {
	float: left;
	width: 33.333333333333%;
	font-size: 15px;
	font-weight: 600;
	color: #959595;
	text-align: center;
	border-bottom: 5px solid #e2e2e2;
}

.Member .tabs-Step li.on {
	color: #323232;
	border-bottom: 5px solid #0d74ae;
}

.Member .info-Txt-cs {
	margin-top: 50px;
	border-top: 1px solid #e2e2e2;
	text-align: center;
	font-size: 20px;
	padding: 50px 0 0;
}

.Member .info-Txt-cs span {
	border: 1px solid #333;
	padding-left: 20px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}

.Member .info-Txt-cs span a {
	display: inline-block;
	background: #333;
	color: #fff;
	padding: 0 20px;
	margin-left: 20px;
}

.MemberBox {
	width: 940px;
	margin: 0 auto;
	display: flex;

}
/*
.MemberBox .Member {
	float: left;
}

.MemberBox .youpass {
	float: right;
	text-align: center;
}*/

.MemberBox .youpass img {
	width: 100%;
	max-width: 460px;
}

.MemberBox:after {
	content: "";
	display: block;
	clear: both;
}

/* Login Form : 로그인 */
.mem-Login button.mem-Btn {
	height: 40px;
}

.mem-Login .chkBox {
	margin-bottom: 20px;
}

.mem-Login .chkBox ul {
	height: 20px;
}

.mem-Login .chkBox ul li {
	float: left;
	width: 50%;
	line-height: 1.5;
}

.mem-Login .chkBox ul li input[type="checkbox"] {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	cursor: pointer;
}

.mem-Login .chkBox ul li .labelSave {
	padding-left: 10px;
}

.mem-Login .chkBox ul li.chkBox-Search {
	text-align: right;
}

.mem-Login .chkBox ul li.chkBox-Search span {
	border-bottom: 1px solid #707070;
}

table.joinTable {
	width: 100%;
	border-top: 1px solid #e2e2e2;
}

table.joinTable tr {
	border-bottom: 1px solid #e2e2e2;
}

table.joinTable tr td {
	padding: 20px 0;
	line-height: 1.5;
}

table.joinTable tr td a {
	color: #fff;
	text-align: center;
	height: 27px;
	display: block;
	line-height: 27px;
}

.mem-Login .slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Login Form : 휴면회원 안내 */
.mem-Dormant .user-Txt {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 35px;
}

.mem-Dormant .info-Txt {
	padding-top: 35px;
	padding-bottom: 55px;
}

/* Login Form : 비밀번호 변경 */
.mem-Password .user-Txt {
	position: relative;
	left: 50%;
	background: url("../../img/willbes/login/icon_lock.gif") no-repeat 0 0;
	width: 486px;
	line-height: 38px;
	padding: 0 0 5px 70px;
	margin-left: -243px;
	margin-bottom: 50px;
	letter-spacing: 0;
}

.mem-Password .user-Txt img {
	float: left;
}

.mem-Password .password-Btn {
	text-align: center;
}

.mem-Password .password-Btn ul li {
	width: 164px;
	height: 36px;
	display: inline-block;
	margin: 0 3px;
}

/* Login Form : 비밀번호 5회입력 오류 */
.mem-Wrong .user-Txt {
	position: relative;
	left: 50%;
	background: url("../../img/willbes/login/icon_wrong.gif") no-repeat 0 10px;
	width: 380px;
	line-height: 35px;
	padding-left: 70px;
	margin-left: -190px;
	margin-bottom: 50px;
	letter-spacing: 0;
}

.mem-Wrong .user-Txt img {
	float: left;
}

/* Login Form : 비밀번호 재설정 */
.mem-renew-Password .user-Txt {
	padding-bottom: 55px;
}

.mem-renew-Password .renew-password-Btn {
	margin-top: 45px;
}

/* Login Form : 아이디/비밀번호 찾기 */
.mem-Search .user-Txt {
	line-height: 26px;
	margin-bottom: 40px;
}

.mem-Search .info-Txt {
	padding-top: 55px;
	padding-bottom: 55px;
}

/* Login Form : 아이디 찾기 완료 */
.mem-SearchFin .searchfin-Btn {
	text-align: center;
}

.mem-SearchFin .searchfin-Btn ul li {
	display: inline-block;
	margin: 0 13px;
}

/* Login Form : 휴면회원 해제 */
.mem-SearchClear .info-Txt a {
	text-decoration: underline;
}

/* Login Form : 유효기간경과 */
.mem-Expired .user-Txt {
	position: relative;
	left: 50%;
	background: url("../../img/willbes/login/icon_wrong.gif") no-repeat 0 0;
	width: 300px;
	line-height: 49px;
	padding-left: 70px;
	margin-left: -150px;
	letter-spacing: 0;
}

.mem-Expired .info-Txt {
	background: #f5f5f5;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding-top: 45px;
	padding-bottom: 45px;
	margin-top: 80px;
}

.mem-Expired .info-Txt .info-Txt-box {
	position: relative;
	left: 50%;
	background: url("../../img/willbes/login/icon_expired.gif") no-repeat 0 0;
	width: 500px;
	font-size: 15px;
	padding-left: 190px;
	margin-left: -250px;
}

.mem-Expired .expired-Btn {
	margin: 30px 0 0 0;
}

/* Login Form : 통합회원가입 : 약관동의/정보입력 */
table.combineTable tr {
	border-bottom: 1px solid #e2e2e2;
}

table.combineTable tr th,
table.combineTable tr td {
	font-size: 12px;
	padding: 15px 0;
	line-height: 1.5;
	height: auto;
}

table.combineTable thead th {
	font-weight: 600;
	padding: 10px 0;
}

table.combineTable tbody tr td.combine-Tit {
	color: #707070;
	padding-top: 22px;
	padding-left: 25px;
	vertical-align: top;
}

table.combineTable .inputBox {
	height: 26px;
	margin-bottom: 0;
}

table.combineTable .inputBox label {
	font-size: 12px;
	position: absolute;
	top: 7px;
	left: 6px;
}

table.combineTable .inputBox input {
	float: left;
	width: 320px;
	font-size: 12px;
	padding: 5px;
}

table.combineTable .inputBox button.combine-Btn {
	width: 100px;
	height: 26px;
}

table.combineTable .inputBox button.combine-Btn span {
	font-size: 12px;
	font-weight: 300;
}

table.combineTable ul.chkBox-Sex {
	float: left;
	margin-left: 30px;
}

table.combineTable ul.chkBox-Sex li {
	float: left;
	width: 64px;
	height: 26px;
	background: #fff;
	border: 1px solid #c9c9c9;
}

table.combineTable ul.chkBox-Sex li label {
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	color: #707070;
}

table.combineTable ul.chkBox-Sex li.checked {
	background: #0d74ae;
	border: 1px solid #0d74ae;
}

table.combineTable ul.chkBox-Sex li.checked label {
	color: #fff;
}

table.combineTable ul.chkBox-Sex li input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 64px;
	height: 26px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

table.combineTable td input[type="radio"] {
	vertical-align: text-top;
}

table.combineTable dl dt {
	float: left;
}

table.combineTable dl dt.mbox1 input {
	width: 110px;
}

table.combineTable dl dt.mbox2 input {
	width: 160px;
}

table.combineTable dl dt.mbox-dot {
	line-height: 26px;
	margin: 0 5px;
}

table.combineTable dl dt.mbox-sele select.seleEmail {
	width: 90px;
	height: 26px;
	border-left: none;
}

table.combineTable .addbox1 {
	height: 26px;
	margin-bottom: 3px;
}

table.combineTable .addbox2 {
	height: 26px;
}

table.combineTable .addInfo1 label {
	display: inline-block;
}

table.combineTable .addInfo2 {
	margin-top: 10px;
	background-color: #f8f8f8;
	padding: 10px;
	line-height: 1.5;
}

table.combineTable .addInfo2 div {
	margin-bottom: 10px;
}

table.combineTable .addInfo2 div span {
	display: inline-block;
	width: 100px;
}

table.combineTable .addInfo2 div input,
table.combineTable .addInfo2 div select {
	width: calc(100% - 120px);
	font-size: 12px;
	padding: 5px;
}

.agree-All-Tit {
	font-size: 16px;
	font-weight: 600;
	color: #707070;
	height: 55px;
	line-height: 55px;
}

.agree-Chk ul li:first-child {
	border-top: 1px solid #e2e2e2;
}

.agree-Chk ul li {
	position: relative;
	min-height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e2e2e2;
}

.agree-Chk ul li .agree-Tit {
	position: relative;
	font-size: 14px;
	color: #707070;
	padding-left: 25px;
}

.agree-Chk ul li .agree-Tit a {
	display: block;
}

.agree-Chk ul li .agree-Tit a .arrow {
	vertical-align: baseline;
	margin-left: 15px;
	font-size: 12px;
}

.agree-Chk ul li .agree-Txt {
	display: none;
	color: #0d74ae;
	height: 150px;
	line-height: 20px;
	padding: 0;
	border-top: 1px solid #e2e2e2;
	overflow-x: auto;
}

.agree-Chk .chkBox-Agree {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 30px;
	margin-top: 15px;
}

.agree-Chk input[type="checkbox"] {
	position: absolute;
}

.agree-Chk ul li .agree-Tit a .v_arrow {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px 0;
	display: inline-block;
	width: 9px;
	height: 6px;
	margin: 10px 15px;
	text-indent: -9999px;
}

.agree-Chk ul li .agree-Tit.hover a .v_arrow {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px -12px;
}

/* Login Form : 통합회원가입 : 회원가입완료 */
.mem-CombineFin select.seleSite {
	width: 110px;
	height: 26px;
	margin-left: 30px;
}

/* Login Form : 통합회원가입 : 기가입자 */
.mem-CombineFin .combinefin-Btn {
	text-align: center;
}

.mem-CombineFin .combinefin-Btn ul li {
	display: inline-block;
	margin: 0 13px;
}

/* Login Form : 통합 서비스 안내 */
.mem-Convert .user-Txt {
	padding-bottom: 50px;
}

.mem-Convert .info-Txt {
	border-top: 1px solid #e2e2e2;
	padding-top: 35px;
}

.mem-Convert .convert-chkBox {
	text-align: center !important;
}

.mem-Convert .convert-chkBox .chkBox-Save {
	position: relative;
	left: 50%;
	width: 270px;
	margin-left: -135px;
}

.mem-Convert .convert-chkBox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	cursor: pointer;
}

.mem-Convert .convert-chkBox label {
	line-height: 18px;
}

/* Login Form : 통합회원 전환 */
.mem-Convert .agreeBox {
	height: 26px;
}

.mem-Convert .agreeBox input {
	float: left;
	width: 320px;
	font-size: 12px;
	padding: 5px;
}

.mem-Convert .agreeBox a {
	float: left;
	width: 65px;
	color: #fff;
	text-align: center;
	height: 26px;
	display: block;
	line-height: 26px;
	margin-left: 5px;
}

.agree-user-Chk ul li {
	color: #707070;
	min-height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e2e2e2;
	padding-left: 10px;
}

.agree-user-Chk ul li:first-child {
	border-top: 1px solid #e2e2e2;
}

.agree-user-Chk .agree-Confirm.ok {
	background: url("../../img/willbes/login/icon_check_confirm.png") no-repeat 653px 15px;
}

.agree-user-Chk .agree-Confirm.no {
	background: url("../../img/willbes/login/icon_check_confirm.png") no-repeat 653px -29px;
}

.agree-user-Chk ul li.agree-User {
	line-height: inherit;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Login Form : 전환완료 */
table.auTable tr th,
table.auTable tr td {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e2e2e2;
}

table.auTable tr:first-child th,
table.auTable tr:first-child td {
	border-top: 1px solid #e2e2e2;
}

table.auTable tr th {
	background: #f5f5f5;
	text-align: center;
}

table.auTable tr td {
	padding-left: 20px;
}

/*********************************************     NAV TOP     *********************************************/

/* Gnb */
#Gnb {
	position: fixed;
	background: #fff;
	height: 100%;
	border-right: 1px solid #aeaeae;
	color: #383838;
	letter-spacing: -1px;
	z-index: 999;
}

#Gnb .toggle-Btn {
	position: absolute;
	top: 0;
	right: -20px;
	background: #fff;
	width: 20px;
	height: 58px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	text-align: center;
	padding-top: 5px;
}

#Gnb .toggle-Btn .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -39px 0;
	width: 6px;
	height: 11px;
	margin-top: 5px;
}

#Gnb .toggle-Btn.gnb-Close .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -30px 0;
}

#Gnb h1 {
	font-size: 17px;
	font-weight: 600;
	padding-top: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

#Gnb h1 img {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
}

#Gnb h4 {
	position: relative;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
}

#Gnb h4 ul li {
	line-height: 23px;
}

#Gnb h4 ul li.active a {
	font-weight: 600;
	color: #000;
}

#Gnb h4 ul li.Acad a.willbes-Acad-Tit {
	background: url("../../img/willbes/gnb/icon_acad.gif") no-repeat 0 2px;
	padding-left: 22px;
}

#Gnb h4 ul li.Acad {
	border-top: 1px solid #ececec;
	margin: 0 10px 0;
	padding: 5px 0;
}

#Gnb h4 ul li.Acad:last-child {
	margin-top: 0;
}

#Gnb .topView h4 ul {
	padding: 0;
}

#Gnb .topView h4 ul li.dropdown {
	position: relative;
	text-align: left;
	padding-left: 20px;
}

#Gnb .topView h4 ul li.dropdown .sns-Btn {
	margin-left: -20px;
	margin-bottom: 0;
}

#Gnb .sns-Btn {
	text-align: center;
}

#Gnb .sns-Btn dt {
	display: inline-block;
	margin: 0;
}

#Gnb .gnb-List {
	background: #fff !important;
}

#Gnb .gnb-List .gnb-List-Tit {
	height: 36px;
	line-height: 36px;
}

#Gnb .gnb-List li a {
	display: block;
	width: 100%;
	height: 36px;
}

#Gnb .willbes-icon_sm {
	float: left;
	width: 50px;
	text-align: center;
}

/* Gnb : slider */
.bx-wrapper {
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

.bx-wrapper .bx-controls-direction a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	z-index: 10;
}

/* slider : 페이징 버튼(공통 GNB) => bSlider */
.bSlider .bx-wrapper .bx-pager {
	float: right;
	width: auto;
	right: 8px;
	bottom: 8px;
	text-align: right;
}

.bSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	width: 8px;
	height: 8px;
	margin: 0 2px;
}

.bSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bSlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.bSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #eee;
}

.bSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 30px;
}

.bSlider.acad .bx-wrapper .bx-pager {
	float: right;
	width: auto;
	right: 8px;
	top: 12px;
	text-align: right;
	padding-top: 0;
}

.sliderGNB {
	width: 120px;
	height: 188px;
	margin: 0 auto 15px;
	overflow: hidden;
}

.sliderView {
	float: right;
	width: 242px;
	height: 103px;
	overflow: hidden;
	margin: 14px;
}

/* Gnb : md */
.Gnb-md {
	width: 150px;
}

.Gnb-md .gnb-List .gnb-List-Tit a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px 0;
	float: right;
	width: 9px;
	height: 6px;
	margin: 16px 10px 0 0;
}

.Gnb-md .gnb-List .gnb-List-Tit.active a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px -12px;
}

.Gnb-md .gnb-List {
	border-top: 1px solid #ececec;
}

.Gnb-md .gnb-List .gnb-List-Tit a {
	display: block;
	height: 36px;
	font-size: 14px;
	color: #383838;
	line-height: 36px;
	border-bottom: 1px solid #ececec;
}

.Gnb-md .gnb-List .gnb-List-Depth {
	display: none;
}

.Gnb-md .gnb-List .gnb-List-Depth.on {
	display: block !important;
}

.Gnb-md .gnb-List .gnb-List-Depth dl dt {
	height: 30px;
	line-height: 30px;
	/*border-bottom: 1px solid #ececec;*/
}

.Gnb-md .gnb-List .gnb-List-Depth dl dt:last-child {
	border-bottom: 1px solid #ececec;
}

.Gnb-md .gnb-List .gnb-List-Depth dl dt a {
	display: block;
	padding-left: 20px;
}

.Gnb-md .gnb-List .gnb-List-Depth dl dt a:hover {
	background: #f9f9f9;
}

.Gnb-md .gnb-List .gnb-List-Depth dl dt.GA a {
	color: #2784d2;
}

.Gnb-md .gnb-List-Sub li {
	background: #f6f6f6;
	float: left;
	width: 50%;
	text-align: center;
}

.Gnb-md .gnb-List-Sub li a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.Gnb-md .gnb-List-Sub li a .Txt {
	margin-top: 5px;
}

#Gnb.Gnb-sm {
	width: 50px;
}

/* Gnb : sm */
#Gnb.Gnb-sm .sliderGNB,
#Gnb.Gnb-sm .topView,
.Gnb-sm .gnb-List-Tit .Txt,
.Gnb-sm .gnb-List-Sub .Txt {
	display: none !important;
}

.Gnb-sm .gnb-List-Depth {
	opacity: 0;
	height: 0;
}

.Gnb-sm .gnb-List {
	padding: 10px 0;
}

.Gnb-sm .gnb-List-Sub {
	background: #f6f6f6;
	text-align: center;
	padding: 10px 0;
}

.Gnb-sm .gnb-List-Sub li a {
	height: 40px;
	line-height: 40px;
}

/* Header */
#Header {
	background: #f4f4f4;
	height: 40px;
	letter-spacing: -1px;
}

#Header .topnavTxt {
	float: left;
	font-size: 14px;
	line-height: 40px;
}

#Header .topnavTxt span {
	vertical-align: baseline;
	color: #1087ef !important;
}

#Header .loginDepth {
	float: right;
	z-index: 101;
}

#Header ul.myLog {
	line-height: 40px;
}

#Header ul.myLog li:first-child {
	margin-left: 0;
}

#Header ul.myLog li {
	float: left;
	margin-left: 5px;
}

#Header ul.myLog li a {
	font-size: 12px;
	line-height: 18px;
}

#Header ul.myLog li.joinUs {
	margin: 0 15px 0 20px;
}

#Header ul.myLog li.joinUs a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat 0 0;
	width: 9px;
	height: 8px;
	margin-left: 7px;
}

#Header ul.myLog li.joinUs.active a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat 0 -12px;
}

#Header ul.myLog li.myCart a {
	border: 1px solid #999;
	border-radius: 3px;
	padding: 2px 8px;
	display: inline-block;
}

#Header ul.myLog li.myPage a.Tit {
	color: #008bff;
	border: 1px solid #006cff;
	border-radius: 3px;
	padding: 2px 8px;
	display: inline-block;
}

#Header ul.myLog li.myPage a.Tit .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -10px 0;
	width: 9px;
	height: 8px;
	margin-left: 7px;
}

#Header ul.myLog li.csCenter {
	margin-left: 25px;
}

#Header ul.myLog li.csCenter a {
	background: url("../../img/willbes/gnb/icon_cs.gif") no-repeat 0 0;
	padding-left: 25px;
}

#Header ul.myLog li.dropdown {
	position: relative;
}

#Header ul.myLog li.dropdown .drop-Box {
	top: 40px;
	left: 50%;
	margin-left: -50px;
}


/*상단 gnd 메뉴 (자격증)*/
.dropdown .list-drop-Box-license {
	top: 38px;
	left: 0;
	margin-left: -548px;
	width: 1120px;
	padding: 0;
	z-index: 100;
}

.dropdown .Prof {
	table-layout: fixed;
}

.dropdown .Prof th,
.dropdown .Prof td {
	text-align: center;
	padding: 15px 5px;
	border-right: 1px solid #e4e4e4;
	line-height: 1.2;
	letter-spacing: normal;
}

.dropdown .Prof tr {
	border-bottom: 1px solid #e4e4e4
}

.dropdown .Prof th {
	font-size: 14px !important;
	background-color: #f9f9f9;
	letter-spacing: -1px;
	vertical-align: middle !important
}

.dropdown .Prof td {
	vertical-align: top;
}

.dropdown .Prof td li {
	font-size: 13px !important;
	font-weight: normal;
}

.dropdown .Prof td li.subTit {
	margin-top: 20px !important;
	color: #0c5dc0;
	line-height: 1.2;
	font-weight: bold
}

.dropdown .Prof td li.subTit:first-child {
	margin: 0 !important
}

.dropdown .Prof td li a {
	display: block;
	width: 100%;
	padding: 0 5px 5px;
	margin: 0;
	color: #000 !important
}

/* Header : left-drop-Box */
.dropdown:hover .left-drop-Box {
	opacity: 1;
	visibility: visible;
	width: 160px;
	height: auto;
}

.dropdown.active .left-drop-Box .sliderView {
	width: 242px;
	height: 103px;
	margin: 14px;
}

.left-drop-Box {
	position: absolute;
	top: -5px;
	left: 149px;
	background: #fff;
	border: 1px solid #acacac;
	box-shadow: 5px 5px 25px #e1e1e1;
	opacity: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.left-drop-Box .sliderView {
	height: 0;
	margin: 0;
}

.left-drop-Box:after,
.left-drop-Box:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.left-drop-Box:before {
	top: 10px;
	left: 0;
	margin-left: -6px;
	border-color: transparent #acacac;
	border-width: 6px;
	border-left: none;
}

.left-drop-Box:after {
	top: 11px;
	left: 0;
	margin-left: -5px;
	border-color: transparent #fff;
	border-width: 5px;
	border-left: none;
}

.left-drop-Box ul {
	float: left;
	width: 100%;
}

.left-drop-Box ul li {
	text-align: left;
	border-top: 1px solid #e6e6e6;
	line-height: 32px !important;
}

.left-drop-Box ul li:first-child {
	border-top: none;
}

.left-drop-Box ul li a {
	display: block;
	font-size: 14px;
	font-weight: 300 !important;
	padding-left: 15px;
}

.num-New {
	display: inline-block;
	background: #ed1c24;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	line-height: 13px;
	border-radius: 10px;
	padding: 0 7px;
	margin-left: 5px;
	vertical-align: baseline;
}

/* Layer-Box 공통 */
.Layer-Box {
	z-index: 9999;
	background: #fff;
	width: 400px;
	height: 350px;
	padding: 10px 40px;
	border: 1px solid #acacac;
	box-shadow: 5px 5px 25px #e1e1e1;
}

.Layer-Box .closeBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	height: auto !important;
	line-height: inherit !important;
	padding: 0 !important;
}

.Layer-Box .Layer-Tit {
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Layer-Box .Layer-Tit span {
	vertical-align: baseline;
}

.Layer-Box .inputBox {
	height: 38px;
	margin-bottom: 10px;
}

.Layer-Box .inputBox input {
	width: 100%;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #d4d4d4;
}

.Layer-Box .inputBox input.sm {
	float: left;
	width: 388px;
}

.Layer-Box .chkBox-Save {
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.Layer-Box .chkBox-Save input[type="checkbox"] {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	cursor: pointer;
}

.Layer-Box .chkBox-Save .labelSave {
	padding-left: 10px;
}

.Layer-Box button.log-Btn {
	height: 50px;
}

.Layer-Box button.log-Btn span {
	font-size: 27px;
}

.Layer-Box .btn-Txt {
	text-align: center;
	margin: 19px 0;
}

.Layer-Box .btn-Txt li {
	display: inline-block;
}

.Layer-Box .btn-Txt li .row-line {
	color: #d6d6d6;
	width: 3px;
	height: 14px;
	line-height: 14px;
	margin: 0 3px;
}

/* Layer-Box : LoginForm */
#LoginForm {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -175px;
}

/* Layer-Box : SettingForm */
#SettingForm {
	position: absolute;
	top: -255px;
	left: 100%;
}

#SettingForm .Layer-Login {
	padding: 25px 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
}

#SettingForm .chkBox-Save span {
	display: inline-block;
}

#SettingForm .chkBox-Save input[type="radio"] {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	cursor: pointer;
}

#SettingForm .chkBox-Save strong {
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
}

#SettingForm .chkBox-Save label {
	padding-right: 25px;
}

#SettingForm .Layer-Btn li {
	display: inline-block;
}

#SettingForm .Layer-Btn span {
	margin: 0 3px;
}

#SettingForm .Layer-Btn button.cf-Btn {
	width: 77px;
	height: 30px;
}

#SettingForm .Layer-Btn button.cf-Btn span {
	font-size: 15px;
}

.Gnb-md #SettingForm {
	top: -255px;
}

.Gnb-sm #SettingForm {
	top: -60px;
}

/* Footer */
#Footer {
	height: 180px;
	color: #888;
}

#Footer .ft-Link {
	height: 40px;
	line-height: 38px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

#Footer .ft-Link ul li {
	float: left;
	margin-left: 15px;
}

#Footer .ft-Link .row-line {
	background: #888;
	width: 1px;
	height: 12px;
	margin-top: -2px;
	margin-left: 14px;
}

#Footer .ft-Link ul li.mobileView {
	float: right;
	background: url("../../img/willbes/common/icon_mobile.png") no-repeat 0 center;
	padding-left: 25px;
	background-size: 24px;
}

#Footer address {
	background: url("../../img/willbes/gnb/logo_footer.gif") no-repeat 0 55px;
	line-height: 18px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 210px;
	float: left;
}

#Footer address .row-line {
	background: #888;
	width: 1px;
	height: 11px;
	margin-top: -2px;
	margin-left: 2px;
}

#Footer .ft-KGinicis {
	float: right;
	margin-top: 48px;
}

#Footer a.top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	background: #333;
	color: #fff;
	border-radius: 25px;
	z-index: 9999
}

/*********************************************     MAIN PAGE     *********************************************/
/* 공통파일 */

/* Main Container */
#Container {
	letter-spacing: -0.04rem;
}

.Section {
	width: 100%;
	clear: both;
}

.Section:after {
	content: "";
	display: block;
	clear: both;
}

.List-Table {
	padding: 20px 0;
}

.List-Table li {
	position: relative;
	font-size: 13px;
	color: #3a3a3a;
	height: 37px;
	line-height: 37px;
	border-bottom: 1px solid #e3e3e3;
}

.List-Table.w50 li {
	display: inline;
	float: left;
	width: 50%;
}

.List-Table li a {
	display: inline-block;
	width: 425px;
}

.List-Table li a img {
	margin: -2px 0 0 5px;
}

.List-Table li span.date {
	float: right;
}

.List-Table li:after,
.List-Table:after {
	content: "";
	display: block;
	clear: both;
}

/* Main Container : Tit */
.Section .will-Tit {
	font-size: 16px;
	color: #363636;
	border-bottom: 1px solid #000;
	line-height: 36px;
	margin-bottom: 20px;
}

.Section .will-Tit span {
	vertical-align: baseline;
}

.Section .will-nTit {
	font-size: 16px;
	font-weight: 600;
	color: #363636;
	border-bottom: 1px solid #000;
	line-height: 24px;
	margin-bottom: 18px;
}

.Section .will-nTit span {
	vertical-align: baseline;
}

.Section .will-subTit {
	float: right;
	font-size: 13px;
	font-weight: 300;
}

.Section .will-subTit.sm {
	font-size: 10px;
}

.Section .will-listTit {
	font-size: 17px;
	font-weight: 600;
	color: #464646;
	margin-bottom: 25px;
}

.Section .will-nlistTit {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	line-height: 45px;
	border-bottom: 2px solid #000;
}

.Section .will-nlistTit a.btn-add {
	margin-left: 5px;
}

.Section .will-nlistTit a.btn-add img {
	margin-top: -4px;
}

/* Main Container : Bnr */
.Section .willbes-Bnr {
	padding: 0;
}

.Section .willbes-Bnr ul li {
	margin-top: 10px;
}

.Section .willbes-Bnr ul li:first-child {
	margin-top: 0;
}

/* Main Container : Prof */
.Section .ProfBox li {
	float: left;
	width: 185px;
	height: 297px;
	margin-left: 2px;
}

.Section .ProfBox li:first-child {
	margin-left: 0;
}

.Section .ProfBox:after {
	content: "";
	display: block;
	clear: both;
}

/* Main Container : Prof : cSlider : graySlider 회색버전 */
.cSlider.graySlider .bx-wrapper {
	background: none;
}

.cSlider.graySlider .bx-wrapper .bx-prev {
	background: url("../../img/willbes/gosi/btn_prof_prev.jpg") no-repeat 0 0;
}

.cSlider.graySlider .bx-wrapper .bx-next {
	background: url("../../img/willbes/gosi/btn_prof_next.jpg") no-repeat 0 0;
	left: 14px;
}

.cSlider.graySlider .bx-wrapper .bx-controls {
	position: absolute;
	width: 27px;
	height: 14px;
	z-index: 1;
}

.cSlider.graySlider .bx-wrapper .bx-controls-direction {
	width: 27px;
	height: 14px;
}

.cSlider.graySlider .bx-wrapper .bx-controls-direction a {
	width: auto;
	height: 14px;
}

.cSlider.AbsControls .bx-controls {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 100%;
}

/* Main Container : SpecialLec */
.Section .SpecialBox dl dt {
	background: #fff;
	float: left;
	height: 260px;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.Section .SpecialBox dl dt:first-child {
	border-left: 1px solid #e3e3e3;
}

.Section .SpecialBox dt .infoBox {
	font-size: 13px;
	margin-top: 15px;
}

.Section .SpecialBox dt .infoBox .infoTit {
	color: #009ef5;
	line-height: 15px;
}

.Section .SpecialBox dt .infoBox .infoTxt {
	color: #3a3a3a;
	line-height: 18px;
}

.Section .SpecialBox dt .infoTxt ul {
	margin-top: 15px;
}

.Section .SpecialBox dt .infoTxt ul li {
	float: left;
	width: 76px;
	height: 22px;
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #898989;
}

.Section .SpecialBox dt .infoTxt ul li:first-child {
	border-left: 1px solid #898989;
}

.Section .SpecialBox dt .infoTxt ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #898989;
	line-height: 20px;
	text-align: center;
}

.Section .SpecialBox dl dt.oneLec {
	width: 370px;
	padding: 26px;
}

.Section .SpecialBox dl dt.twoLec {
	width: 380px;
}

.Section dt.twoLec ul li {
	height: 129px;
	border-top: 1px solid #e3e3e3;
}

.Section dt.twoLec ul li:first-child {
	border-top: none;
}

.Section dt.twoLec ul li:after {
	content: "";
	display: block;
	clear: both;
}

.Section dt.twoLec .infoTxt {
	height: 128px;
	float: left;
	font-size: 16px;
	color: #464646;
	line-height: 20px;
	padding: 30px 0 0 30px;
}

.Section dt.twoLec .infoTxt span {
	vertical-align: baseline;
}

.Section dt.twoLec .infoTxt .w-date {
	font-size: 13px;
	color: #3a3a3a;
}

.Section dt.twoLec .imgBox {
	position: absolute;
	right: 20px;
	bottom: 0;
	float: right;
	width: 110px;
}

.Section dt.twoLec .imgBox img {
	width: 100%;
}

/* Main Container : SpecialLec : bSlider : blueSlider 블루버전 */
.bSlider.blueSlider .bx-wrapper .bx-pager {
	float: right;
	width: auto;
	right: 8px;
	bottom: 8px;
	text-align: right;
}

.bSlider.blueSlider.Left .bx-wrapper .bx-pager {
	left: 30px;
	right: auto;
	bottom: 12px;
}

.bSlider.blueSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #d7d7d7;
	width: 8px;
	height: 8px;
	margin: 0 2px;
}

.bSlider.blueSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bSlider.blueSlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.bSlider.blueSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #009ef5;
}

.bSlider.blueSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 30px;
}

.oneLec .bSlider.blueSlider .bx-viewport {
	height: 208px !important;
}

.twoLec .bSlider.blueSlider .bx-viewport {
	height: 130px !important;
}

/* Main Container : Notice */
.Section .NoticeBox {
	clear: both;
}

.Section .NoticeBox:first-child dt {
	border-top: 1px solid #e3e3e3;
}

.Section .NoticeBox dt {
	float: left;
	height: 180px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 25px 30px;
}

.Section .NoticeBox dt:first-child {
	border-left: 1px solid #e3e3e3;
}

.Section .NoticeBox.two dt {
	width: 50%;
}

.Section .NoticeBox.four dt {
	width: 25%;
}

.Section .NoticeBox dt .imgBox {
	float: left;
	width: 64px;
	margin: 5px 20px 10px 0;
}

.Section .NoticeBox dt .imgBox img {
	width: 100%;
}

.Section .NoticeBox dt .imgBox.cover {
	position: relative;
}

.Section .NoticeBox dt .imgBox.cover img.coverImg {
	position: absolute;
}

.Section .NoticeBox dt .infoBox {
	font-size: 13px;
}

.Section .NoticeBox dt .infoBox .infoTit {
	color: #009ef5;
	line-height: 15px;
}

.Section .NoticeBox dt .infoBox .infoTxt {
	color: #3a3a3a;
	line-height: 18px;
}

/* Main Container : Notice : noticeTabs */
.tabWrap.noticeWrap {
	height: 16px;
	border: none;
}

.tabWrap.noticeWrap:after {
	content: "";
	display: block;
	clear: both
}

.tabWrap.noticeWrap li {
	float: left;
	width: auto;
	height: 16px;
	margin-right: 10px;
}

.tabWrap.noticeWrap li a {
	display: block;
	width: 100%;
	height: 16px;
	line-height: 16px;
	background: none;
	font-size: 14px;
	color: #898989;
	text-align: center;
	letter-spacing: 0;
	/*border: none;*/
	padding-right: 10px;
}

.tabWrap.noticeWrap li:first-child a {
	border: none;
}

.tabWrap.noticeWrap li a.on {
	position: relative;
	z-index: 2;
	background: none;
	height: 16px;
	line-height: 16px;
	font-weight: 600;
	color: #009ef5;
	/*border: none;*/
}

.tabWrap.noticeWrap .row-line {
	float: right;
	background: #b7b7b7;
	width: 1px;
	height: 12px;
	margin: -14px 0 0;
}

.tabBox.noticeBox a.btn-add {
	position: absolute;
	top: -16px;
	right: 0;
}

/* Main Container : Notice : freeLec */
.freeLec ul li {
	float: left;
	width: 33.33333333%;
}

.freeLec .infoTit {
	float: left;
	line-height: 15px;
	margin-right: 8px;
}

/* Main Container : Notice : nSlider : graySlider 회색버전 */
.nSliderTM.graySlider .bx-wrapper .bx-prev {
	background: url("../../img/willbes/cop/btn_notice_prev.jpg") no-repeat 0 0;
}

.nSliderTM.graySlider .bx-wrapper .bx-next {
	background: url("../../img/willbes/cop/btn_notice_next.jpg") no-repeat 0 0;
	left: 20px;
}

.nSliderTM.graySlider .bx-wrapper .bx-controls-direction {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 16px;
}

.nSliderTM.graySlider .bx-wrapper .bx-controls-direction a {
	width: 20px;
	height: 16px;
}

.nSliderTM.graySlider .bx-wrapper .bx-pager {
	width: auto;
	position: absolute;
	top: 3px;
	right: 50px;
	bottom: 0;
	font-size: 11px;
	font-weight: 300;
	color: #888;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

.nSliderTM.graySlider .bx-viewport {
	height: 90px !important;
}

.nSliderTM.AbsControls .bx-controls {
	position: absolute;
	top: -42px;
	right: 0;
	width: 100%;
}

/* Main Container : cscenterBox */
.CScenterBox dl dt {
	float: left;
	height: 180px;
}

.CScenterBox ul li {
	display: inline-block;
}

/* Main Container : cscenterBox : willbesCenter */
.willbesCenter {
	background: #efefef;
	width: 400px;
	text-align: center;
}

.willbesCenter .centerTit {
	font-size: 17px;
	color: #464646;
	text-align: center;
	line-height: 75px;
	font-weight: bold
}

.willbesCenter ul li {
	margin: 0 20px;
}

.willbesCenter ul li a {
	display: block;
}

.willbesCenter ul li .nTxt {
	font-size: 12px;
	font-weight: 600;
	color: #6b6b6b;
	line-height: 14px;
	margin-top: 10px;
}

/* Main Container : cscenterBox : willbesNumber */
.willbesNumber {
	background: #f7f7f7;
	width: 720px;
	padding: 30px 0 0 50px;
	letter-spacing: normal;
}

.willbesNumber ul li {
	margin-left: 50px;
	vertical-align: top;
}

.willbesNumber ul li:first-child {
	margin-left: -25px;
}

.willbesNumber .nTit {
	font-size: 17px;
	color: #464646;
	font-weight: bold;
}

.willbesNumber .nNumber {
	font-size: 28px;
	font-weight: 600;
	line-height: 55px;
}

.willbesNumber .nNumber span {
	font-size: 12px;
}

.willbesNumber .nTxt {
	font-size: 11px;
	color: #888;
	line-height: 16px;
}

/* Main Container : QuickMenu*/
.MainQuickMenu {
	position: fixed;
	top: 180px;
	right: 10px;
	width: 100px;
	height: auto;
	z-index: 100;
}

.MainQuickMenu.w160 {
	width: 160px;
}

.MainQuickMenu ul li {
	margin-bottom: 8px;
}

.MainQuickMenu li.dday {
	height: 102px;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.MainQuickMenu li.dday .QuickSlider {
	border: 1px solid #dbdbdb !important;
}

.QuickSlider .QuickDdayBox {
	position: relative;
	height: 100px;
	text-align: center;
	width: 100%;
}

.QuickDdayBox .q_tit {
	font-size: 13px;
	font-weight: 600;
	color: #464646;
	padding-top: 10px;
}

.QuickDdayBox .q_day {
	font-size: 11px;
	color: #464646;
	line-height: 24px;
}

.QuickDdayBox .q_dday {
	font-size: 21px;
	font-weight: 600;
	color: #0068c0;
	padding-top: 2px;
	letter-spacing: 0;
}

.QuickSlider .sliderNum {
	width: 100px;
	min-height: 212px;
	overflow: hidden;
}

.QuickSlider .bx-wrapper .bx-prev {
	background: url("../../img/willbes/cop/btn_quick_prev.png") no-repeat 0 0;
	left: 0;
}

.QuickSlider .bx-wrapper .bx-next {
	background: url("../../img/willbes/cop/btn_quick_next.png") no-repeat 0 0;
	right: 0;
	left: auto;
}

.QuickSlider .bx-wrapper .bx-controls-direction {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	width: 54px;
	height: 14px;
	margin: 0 auto;
}

.QuickSlider .bx-wrapper .bx-controls-direction a {
	width: 12px;
	height: 13px;
}

.QuickSlider .bx-wrapper .bx-pager {
	width: auto;
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	font-size: 10px;
	font-weight: 300;
	color: #000;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

/* 고등고시,자격증 퀵배너*/
.QuickMenu {
	position: fixed;
	top: 110px;
	right: 10px;
	width: 160px;
	height: auto;
	z-index: 100;
}

.QuickMenu div,
.QuickMenu li {
	margin-bottom: 5px;
}


/*바로가기 메뉴
.goMenu {
	background: #52bcc9;
	padding: 0 50px;
}

.goMenu li {
	display: inline;
	float: left;
	width: 16.66666%;
}

.goMenu li a {
	display: block;
	text-align: center;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.goMenu li span {
	vertical-align: top;
	float: right;
	color: #fff !important;
	font-weight: normal;
}

.goMenu li a:hover {
	color: #0037ea;
}

.goMenu:after {
	content: "";
	display: block;
	clear: both;
}

.Section .widthAuto .fixed {
	position: fixed;
	width: 1120px;
	top: 0;
	margin: 0 auto;
	z-index: 100;
}*/

/*임용 Main Container : QuickMenu*/
.MainQuickMenuSSam {
	position: fixed;
	top: 220px;
	left: 50%;
	margin-left: 620px;
	width: 100px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 20px 0;
	border-radius: 20px;
	z-index: 100;
}

.MainQuickMenuSSam ul li {
	margin-bottom: 8px;
}

.MainQuickMenuSSam .dday {
	border: 1px solid #dbdbdb;
	background-color: #fff;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.MainQuickMenuSSam .QuickDdayBox {
	border: 0 !important;
}

.MainQuickMenuSSam .bx-wrapper .bx-prev {
	background: url("../../img/willbes/cop/btn_quick_prev.jpg") no-repeat 0 0;
	left: 0;
}

.MainQuickMenuSSam .bx-wrapper .bx-next {
	background: url("../../img/willbes/cop/btn_quick_next.jpg") no-repeat 0 0;
	right: 0;
	left: auto;
}

.MainQuickMenuSSam .bx-wrapper .bx-controls-direction {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	width: 54px;
	height: 14px;
	margin: 0 auto;
}

.MainQuickMenuSSam .bx-wrapper .bx-controls-direction a {
	width: 12px;
	height: 13px;
}

.MainQuickMenuSSam .bx-wrapper .bx-pager {
	width: auto;
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	font-size: 10px;
	font-weight: 300;
	color: #000;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

.MainQuickMenuSSam .gobtn {
	width: 100%;
}

.MainQuickMenuSSam .gobtn li {
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 13px
}

.MainQuickMenuSSam .gobtn li a {
	display: block;
	text-align: center;
	color: #5f6281 !important;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5)
}

.MainQuickMenuSSam .gobtn li a p {
	margin-top: 5px;
}

.MainQuickMenuSSam .gobtn li a img {
	width: 70px;
	margin: 0 auto
}

.MainQuickMenuSSam .gobtn li a img.off {
	display: block;
}

.MainQuickMenuSSam .gobtn li a img.on {
	display: none;
}

.MainQuickMenuSSam .gobtn li a:hover {
	color: #2b3277 !important
}

.MainQuickMenuSSam .gobtn li a:hover img.off {
	display: none;
}

.MainQuickMenuSSam .gobtn li a:hover img.on {
	display: block;
}

/*********************************************     CONTAINER PAGE     *********************************************/
/* Header : drop-Box */
.dropdown:hover .drop-Box {
	display: block;
}

.drop-Box {
	display: none;
	position: absolute;
	background: #fff;
	width: 100px;
	padding: 10px;
	border: 1px solid #acacac;
	box-shadow: 5px 5px 25px #e1e1e1;
}

.drop-Box:after,
.drop-Box:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.drop-Box:before {
	top: -12px;
	left: 50%;
	margin-left: -6px;
	border-color: transparent transparent #acacac;
	border-width: 6px;
}

.drop-Box:after {
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-color: transparent;
	border-width: 5px;
}

.drop-Box ul li {
	width: 100%;
	line-height: 18px;
	margin-left: 0 !important;
	float: left !important;
}

.drop-Box ul li a {
	display: block;
}

/* subContainer */
.subContainer {
	zoom: 1;
	margin-bottom: 60px;
	min-height: 700px;
}

.subContainer:after {
	content: "";
	display: block;
	clear: both;
}

.subContainer span {
	vertical-align: auto;
}

/* subContainer : Menu */
.Menu {
	width: 1120px;
	margin: 0 auto;
	letter-spacing: -1px;
}

.Menu h3 {
	height: 40px;
	margin-top: 20px;
	line-height: 40px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 2px 0 rgba(0, 0, 0)
}

.Menu .menu-Tit {
	display: flex;
	align-items: center
}

.Menu .menu-Tit li {
	font-size: 18px;
}

.Menu .menu-Tit li a {
	color: #3d3d3d;
}

.Menu .menu-Tit li.subTit {
	font-weight: 600;
}

.Menu .menu-Tit li .row-line {
	background: #b7b7b7;
	width: 1px;
	height: 16px;
	margin: 0 10px;
}

.Menu .menu-List {
	position: relative;
	display: flex;
}

.Menu .menu-List li {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	margin-left: 30px;
}

.Menu .menu-List .Tit {
	font-size: 15px;
}


.Menu .drop-Box:after,
.Menu .drop-Box:before {
	display: none;
}
.Menu .menu-List a,
.Menu .dropdown>a {
	color: #363636;
	display: block;
}

.Menu .menu-List>li:hover {
	background: url("../../img/willbes/common/top_menu_list_arrow.png") no-repeat center bottom;
}

/*
.Menu .menu-List>li:last-child:hover {
	background: url("../../img/willbes/common/top_menu_list_arrow.png") no-repeat center 32px;
}*/

/*경찰*/

.Menu .ddayBox {
	font-size: 12px;
	position: absolute;
	width: 500px;
	top: -45px;
	z-index: 2;
	letter-spacing: 0;
	color: #3f3f3f;
	/*padding-left: 45px;*/
	height: 20px;
	overflow: hidden;
}

.Menu .ddayBox::after {
	position: relative;
}

.Menu .ddayBox .ddayList {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Menu .ddayBox .ddayList span {
	font-weight: 500
}

.Menu .ddayBox .ddayList span:first-child {
	color: #acacac
}

.Menu .ddayBox p {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 2;
}

.Menu .ddayBox p a {
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #acacac !important;
	text-align: center
}

.Menu .ddayBox p.leftBtn {}

.Menu .ddayBox p.rightBtn {
	left: 20px
}

.Menu .menu-List li.police>a {
	/*background: url("../../img/willbes/sub/icon_acad.gif") no-repeat left center;*/
	font-size: 16px;
	color: #0c5dc0;
	/*padding-left: 26px;*/
	display: flex;
	align-items: center;
}

.Menu .menu-List li.police>a .arrow-Btn {
	/*background: url("../../img/willbes/sub/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin-left: 5px*/
}

/*공무원*/
.Menu .menu-List li.pass>a {
	background: url("../../img/willbes/gosi/icon_acad.gif") no-repeat left center;
	color: #ba560e;
	padding-left: 26px;
	display: flex;
	align-items: center;
}

.Menu .menu-List li.pass>a .arrow-Btn {
	background: url("../../img/willbes/gosi/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin-left: 5px
}

.Menu .menu-List-Center {
	float: inherit;
	text-align: center;
}

.Menu .menu-List-Center li {
	float: none;
	display: inline-block;
	margin: 0 20px;
}

.Menu .menu-List-Center.cscenter li {
	margin: 0 26px;
}

/* subContainer : Menu : list-drop-Box  */
.menu-List-Center .list-drop-Box {
	top: 37px;
}

.list-drop-Box {
	top: 40px;
	left: 50%;
	margin-left: -72px;
	width: 144px;
	padding: 20px;
	text-align: left;
	z-index: 9999;
}

.list-drop-Box-180 {
	margin-left: -90px;
	width: 180px;
}

.list-drop-Box ul li {
	line-height: 22px;
	margin: 0 !important;
}

.list-drop-Box ul li a {
	font-size: 13px;
	font-weight: 300;
}

.list-drop-Box .Tit {
	font-size: 15px;
	color: #2784d2;
	margin-bottom: 10px;
}

.list-drop-Box .Tit.line {
	margin-top: 20px;
}

.drop-Box.Prof-Box {
	top: 38px;
	left: -105px;
	width: 645px;
}

.drop-Box.Prof-Box:before {
	margin-left: -138px;
}

.drop-Box.Prof-Box:after {
	margin-left: -137px;
}

.list-drop-Box dl:first-child {
	width: 100px;
	padding-left: 15px;
}

.list-drop-Box dl {
	float: left;
	width: 125px;
	padding-left: 35px;
}

.list-drop-Box dl dt {
	line-height: 22px;
}

.list-drop-Box dl dt a {
	font-size: 13px;
	font-weight: 300;
}

.drop-Box.PASS-Box {
	top: 38px;
	left: 132px;
}

.drop-Box.Package-Box {
	top: 38px;
	left: 220px;
}

/* subContainer : Depth */
.Depth {
	width: 1120px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 30px;
	letter-spacing: 0;
}

.Depth .depth-Arrow {
	font-size: 12px;
	color: #979b9e;
	padding: 0 10px;
	vertical-align: baseline;
}

.Depth .depth:last-child strong {
	color: #2784d2;
}

/* subContainer : Lnb */
.Lnb {
	float: left;
	width: 160px;
}

.Lnb h2 {
	font-size: 19px;
	font-weight: 600;
	color: #363636;
	border: 1px solid #b4b4b4;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

.Lnb .lnb-List .lnb-List-Tit a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px -12px;
	float: right;
	width: 9px;
	height: 6px;
	margin: 21px 10px 21px 0;
}

.Lnb .lnb-List .lnb-List-Tit.hover a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px 0;
}

.Lnb .lnb-List .lnb-List-Tit-ssam {
	background: #b6bcc4;
}

.Lnb .lnb-List .lnb-List-Tit-ssam>div,
.Lnb .lnb-List .lnb-List-Tit a {
	display: block;
	height: 50px;
	font-size: 15px;
	color: #363636;
	line-height: 50px;
	border-bottom: 1px solid #ececec;
	padding-left: 10px;
}

.Lnb .lnb-List .lnb-List-Tit-ssam>div {
	color: #fff;
}

.Lnb .lnb-List .lnb-List-Tit-ssam.hover>div,
.Lnb .lnb-List .lnb-List-Tit.hover a {
	color: #0d74ae;
}

.Lnb .lnb-List .lnb-List-Depth {
	display: none;
	background: #f9f9f9;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #ececec;
}

.Lnb .lnb-List .lnb-List-Depth.lnb-List-Depth-ssam {
	display: block;
}

.Lnb .lnb-List .lnb-List-Depth.lnb-List-Depth-ssam span {
	vertical-align: top
}

.Lnb .lnb-List .lnb-List-Depth dl dt {
	line-height: 20px;
}

.Lnb .lnb-List .lnb-List-Depth-ssam dl dt {
	line-height: 30px;
}

.Lnb .lnb-List .lnb-List-Depth dl dt a {
	display: block;
	font-size: 13px;
	color: #3a3a3a;
}

.Lnb .lnb-List .lnb-List-Depth dl dt a.active {
	color: #2784d2;
}

/* subContainer : Content */
.Content {
	float: left;
	width: 940px;
}

.subBtn a {
	display: block;
	background: #7d7e85;
	height: 27px;
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 18px;
	padding: 4px 12px;
	border: 1px solid #7d7e85;
	border-radius: 13px;
}

.subBtn.white a {
	background: #fff;
	color: #636363;
	border: 1px solid #c9c9c9;
}
.subBtn.white02 a {
	background: #fff;
	color: #7d7d85;
	border: 1px solid #9a9aa1;
	padding:4px 0 !important;
	width:27px;
}

.subBtn.blue a {
	background: #1a8ccb;
	color: #fff;
	border: 1px solid #0d74ae;
}

.subBtn.black a {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.subBtn.black a {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.subBtn.green a {
	background: #22ba22;
	color: #fff;
	border:0;
}

.subBtn.mock a {
	width: 125px;
	height: 30px;
	line-height: 20px;
	font-family: "NanumGothic-Bold", "Nanum Gothic", "나눔고딕", "sans-serif";
	font-size: 13px;
}

/* subContainer : Content : curriWrap */
.curriWrap .curriTabs {
	box-sizing: border-box;
	margin-bottom: 15px;
}

.curriWrap .curriTabs li {
	display: inline-block;
	width: 16.77%;
	height: 34px;
	margin: 0 -4px -1px 0;
}

.curriWrap .curriTabs li a {
	color: #959595;
	text-align: center;
	line-height: 34px;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #e1e1e1;
	overflow:hidden;white-space:nowrap; text-overflow:ellipsis;
}

.curriWrap .curriTabs li a.on {
	position: relative;
	z-index: 2;
	background: #fff;
	height: 34px;
	font-weight: 600;
	color: #0d74ae;
	border: 1px solid #0d74ae;
}

.curriWrap .CurriBox {
	position: relative;
	z-index: 3;
	border: 1px solid #0d74ae;
	padding: 0 20px;
}

.curriWrap .CurriBox ul.btn {
	height: 30px;
	margin: 30px 0 20px;
}

.curriWrap .CurriBox ul.btn li {
	float: left;
	width: 50%;
	height: 30px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

.curriWrap .CurriBox ul.btn li:first-child {
	border-left: 1px solid #d7d7d7;
}

.curriWrap .CurriBox ul.btn li a {
	display: block;
	line-height: 30px;
	text-align: center;
}

.curriWrap .CurriBox ul.btn li a.on {
	background: #1a8ccb;
	font-weight: 600;
	color: #fff;
}

.curriWrap .CurriBox ul.btnthree li {
	width: 33.333333%;
}

.curriWrap table.curriTable {
	width: 100%;
}

.curriWrap tr {
	border-top: 1px solid #e2e2e2;
	line-height: 50px;
}

.curriWrap tr:first-child {
	border-top: none;
}

.curriWrap tr th {
	vertical-align: top;
	width: 90px;
	font-weight: 600;
	text-align: left;
	padding-left: 20px;
}

.curriWrap tr td {
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 10px 5px;
}

.curriWrap tr td.All-Clear {
	width: 90px;
}

.curriWrap tr td.All-Clear a {
	color: #555;
	border: 1px solid #898989;
}

.curriWrap tr td.All-Clear a:hover,
.curriWrap tr td.All-Clear.active a {
	font-weight: 300;
	color: #555;
	border: 1px solid #898989;
}

.curriWrap tr td a {
	display: inline-block;
	font-weight: 600;
	width: 100%;
	font-size: 11px;
	color: #999;
	border: 1px solid #d7d7d7;
	line-height: 20px;
}

.curriWrap tr td a:hover,
.curriWrap tr td a.on {
	color: #0d74ae;
	border: 1px solid #0d74ae;
}

.curriWrap tr td span {
	float: left;
	margin-right: 40px;
}

.curriWrap tr td span input[type="radio"] {
	float: left;
	width: 14px;
	height: 14px;
	margin: 8px 8px 8px 0;
	cursor: pointer;
}

.curriWrap tr td span label {
	color: #555;
	line-height: 30px;
}

.curriWrap tr td select {
	width: 700px;
	height: 22px;
}

.curriWrap ul.curriSelect li {
	float: left;
	width: 15.5%;
	margin: 0.5%;
}

.curriWrap ul.curriSelect2 li {
	width: 18.5%;
}

.curriTableLayer tr {
	line-height: inherit;
}

.curriTableLayer tr th {
	vertical-align: top;
	padding-top: 20px;
}

.curriTableLayer tr td {
	padding: 15px 5px;
}

/* subContainer : Content : Bnr */
.willbes-Bnr {
	clear: both;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* subContainer : Content : Lec-Search */
.willbes-Lec-Search {
	font-weight: 300;
	height: 30px;
	display:flex;
	justify-content: space-between;	
	margin-bottom:10px;
}

.willbes-Lec-Search .inputBox {
	/*float: left;*/
	width: auto;
	height: 30px;
	line-height: 12px;
	display:flex;
	gap:0 5px;
}

.willbes-Lec-Search .inputBox .search-section {display:flex; gap:0 5px;}

.willbes-Lec-Search .selectBox {
	/*float: left;
	margin-right: 5px;*/
}

.willbes-Lec-Search .selectBox select {
	width: 100px;
	height: 30px;
	border: 1px solid #d4d4d4;
}

.willbes-Lec-Search .inputBox input {
	/*float: left;*/
	width: 260px;
	font-size: 12px;
	padding: 7px;
	border: 1px solid #d4d4d4;
}

.willbes-Lec-Search .inputBox button {
	background: #636363;
	width: 80px;
	height: 100%;
	border: 1px solid #636363;
	margin: 0;
}

.willbes-Lec-Search button span {
	font-size: 12px;
}

.willbes-Lec-Search .inputBox button.whiteBox {
	background: #fff;
	border: 1px solid #d4d4d4;
}

.willbes-Lec-Search .inputBox button.whiteBox span {
	color: #707070;
}

.InfoBtn-section {display:flex; gap:0 5px;}
.InfoBtnOff,
.InfoBtn {
	/*float: right;*/
	width: 110px;
	height: 30px;
}

.InfoBtnOff a,
.InfoBtn a {
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 300;
	color: #555;
	text-align: center;
	border: 1px solid #c9c9c9;
	line-height: 28px;
}

.InfoBtnOff a span,
.InfoBtn a span {
	font-size: 10px;
	display: inline-block;
	margin-top: -3px;
}

/* subContainer : Content : SelectBox */
.willbes-SelectBox select {
	width: 110px;
	height: 30px;
}

/* subContainer : Content : Lec */
.willbes-Lec-Wrap {
	position: relative;
}

.willbes-Lec-Quick-Bnr {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: 490px;
	z-index: 1;
}

.willbes-Lec-Quick-Bnr a.fixed {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: 400px;
	z-index: 1;
}

.willbes-Lec {
	margin-bottom: 45px;
}

/* subContainer : Content : Lec-Subject */
.willbes-Lec-Subject {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	padding: 19px 0;
}

.willbes-Lec-Subject .MoreBtn {
	float: right;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #888;
	margin-top: 10px;
}

.willbes-Lec-Subject .MoreBtn span {
	vertical-align: baseline;
}

.willbes-Lec-Subject .selectBoxForm {
	float: right;
}

.willbes-Lec-Subject .selectBoxForm .MoreBtn {
	float: left;
}

.willbes-Lec-Subject .selectBoxForm .selectBox {
	width: 100px;
	height: 30px;
	font-size: 12px;
	font-weight: 300;
}

.willbes-Lec-Subject .selectBoxForm .selectBox select {
	width: 100px;
	height: 30px;
}

/* subContainer : Content : Lec-Profdata */
.willbes-Lec-Profdata {
	background: #f9f9f9;
	height: 115px;
}

.willbes-Lec-Profdata ul li {
	float: left;
}

.willbes-Lec-Profdata .ProfImg {
	width: 104px;
	height: 104px;
	overflow: hidden;
	margin: 11px 7px 0;
}

.willbes-Lec-Profdata .ProfDetail {
	width: 320px;
	margin-top: 25px;
	margin-left: 20px;
}

.willbes-Lec-Profdata .Obj {
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}

.willbes-Lec-Profdata .Name {
	font-size: 19px;
	font-weight: 600;
	line-height: 24px;
	margin-top: 10px;
}

.willbes-Lec-Profdata .Reply {
	background: url("../../img/willbes/sub/icon_reply.gif") no-repeat 0 7px;
	width: 480px;
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	margin: 45px 0;
}

.willbes-Lec-Profdata .Reply strong {
	float: left;
	font-size: 14px;
	margin-right: 20px;
}

.sliderUp {
	float: left;
	width: 370px;
	height: 25px;
	font-size: 12px;
	overflow: hidden;
}

.sliderUp .bx-wrapper {
	background: none;
}

.sliderUp div {
	width: 100% !important;
}

/* sliderVertical : 위로 슬라이드(교수 리스트 수강후기) vSlider */
.vSlider .bx-wrapper {
	background: noee;
}

/* subContainer : Content : Lec-Line */
.willbes-Lec-Line {
	background: #000;
	text-indent: -9999px;
	height: 2px;
}

/* subContainer : Content : Lec-buyBtn */
.willbes-Lec-buyBtn {
	clear: both !important;
	width: 100%;
	margin-top: 20px;
	/*position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;*/
}

.willbes-Lec-buyBtn .btnAgree {
	float: left;
	line-height: 16px;
}

.willbes-Lec-buyBtn .btnAgree input[type="checkbox"] {
	float: left;
	margin: 4px 11px;
}

.willbes-Lec-buyBtn ul {
	text-align: right;
}

.willbes-Lec-buyBtn li {
	display: inline-block;
	margin-left: 10px;
}

.willbes-Lec-buyBtn ul li:first-child {
	margin-left: 0;
}

.willbes-Lec-buyBtn ul:after {
	content: "";
	display: block;
	clear: both;
}

.pocketDetailWrap .naverPay {
	display: block;
	text-align: right;
}

.willbes-Lec-buyBtn-sm {
	display: none;
	position: absolute;
	z-index: 50;
}

.willbes-Lec-buyBtn-sm.active {
	display: block !important;
}

.willbes-Lec-buyBtn-sm div {
	margin-bottom: 1px;
}

.willbes-Lec-buyBtn-sm button {
	width: 60px;
	height: 30px;
	line-height: 28px;
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}

.willbes-Lec-buyBtn-sm button span {
	font-size: 11px;
	display: block;
	width: 100%;
}

.pocketBox {
	display: none;
	background: #fff;
	position: absolute;
	top: 0;
	left: -275px;
	width: 275px;
	font-size: 13px;
	color: #3a3a3a;
	text-align: center;
	line-height: 20px;
	border: 1px solid #2f2f2f;
	padding: 30px 25px;
	z-index: 10;
}

.pocketBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 11px;
	height: 11px;
	line-height: 9px;
}

.pocketBox .aBox {
	width: 57px;
	height: 23px;
}

.pocketBox .aBox a {
	display: block;
	width: 100%;
	height: 100%;
}

/* subContainer : Content : willbes-Lec-Tit */
.willbes-Lec-Tit {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	border-bottom: 1px solid #959595;
	padding-left: 10px;
	padding-top: 35px;
	padding-bottom: 10px;
}

/* subContainer : Content : willbes-Lec-Tit-select */
.willbes-Lec-Tit-select {
	font-size: 16px;
	font-weight: 600;
	line-height: 45px;
	border-bottom: 1px solid #959595;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.willbes-Lec-subTit {
	font-size: 12px;
	padding-left: 10px;
}

/* subContainer : Content : TopBtn */
.TopBtn {
	float: right;
	width: 50px;
	height: 20px;
	letter-spacing: 1px;
	margin-top: 20px;
}

.TopBtn a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #3a3a3a;
	border: 1px solid #e6e6e6;
	text-align: center;
	line-height: 20px;
}

.TopBtn a .arrow-Btn {
	background: url("../../img/willbes/sub/icon_arrow.gif") no-repeat -5px -1px;
	width: 8px;
	height: 6px;
	vertical-align: middle;
}

/* subContainer : Content : Lec-Table */
.willbes-Lec-Table {
	clear: both;
	border-bottom: 1px solid #c9c9c9;
}

.willbes-Lec-Table-Overflow {
	overflow-x: hidden;
	overflow-y: auto;
	width: 940px;
	height: 364px;
}

/* subContainer : Content : Lec-Table : d_block */
.willbes-Lec-Table.d_block {
	border-bottom: none;
}

.willbes-Lec-Table.d_block table.lecTable tr td {
	border-bottom: 1px solid #c9c9c9;
}

.lecTable td.w-list .bookImg img {
	width: 120px;
	margin: 0 auto;
}

.w-info select {
	width: 99%;
	padding: 5px;
}

/* subContainer : Content : w-info */
.w-info {
	clear: both;
	font-size: 12px;
	font-weight: 300;
	display: flex;
	flex-wrap: wrap;
	gap:0 10px;
	align-items: center;
	letter-spacing: normal;
}

.w-info dt {
	float: left;
	vertical-align: middle;
	/*display: block;*/
}

.w-info dt .nBox {
	display: inline-block;
	width: 40px;
	height: 15px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	margin: 0 1px 0 0;
	border-radius: 10px;
}

.w-info dt .nBox.n1 {
	background: #f14078;
}

.w-info dt .nBox.n2 {
	background: #21abc8;
}

.w-info dt .nBox.n3 {
	background: #1087ef;
}

.w-info dt .nBox.n4 {
	background: #333;
}

.w-info dt .nBox.n5 {
	border: 1px solid #ed1c24;
	color: #ed1c24;
	background: #fff;
}

.w-info a strong.detail,
.w-info dt.strong a,
.w-info dt strong {
	background: #999 url("../../img/willbes/sub/icon_detail.gif") no-repeat 0 50%;
	background-position: 5px;
	display: inline-block;
	color: #fff;
	padding: 0 8px 0 20px;
	border-radius: 10px;
}

.w-info dt strong:hover {
	background-color: #d5eafe;
	color: #000
}

.w-info span {
	vertical-align: baseline;
}

.w-info .row-line {
	background: #b5b5b5;
	width: 1px;
	height: 13px;
	margin: 0 10px -3px;
}

.w-info .w-name {
	font-size: 14px;
	color: #2c2c2c;
}

.w-tit {
	letter-spacing: -0.03rem !important;
	/*line-height: 1.5;*/
}

.w-info.passzone {
	line-height: 20px !important;
	padding: 20px 0;
}

.w-info:after {
	content: "";
	display: block;
	clear: both;
}

.d-flex {display:flex; gap: 0 10px; align-content: center}

/* subContainer : Content : lecTable */
table.lecTable {
	font-size: 13px;
	font-weight: 600;
	color: #3a3a3a;
	text-align: center;
	letter-spacing: 0;
}
table.lecTable tr {border-bottom:1px solid #c9c9c9;}
table.lecTable tr:last-child {border-bottom:0}
table.lecTable tr td {
	line-height: 1.8;
	padding: 30px 0;
}

table.lecTable20 tr td {
	padding: 20px 0;
}

table.lecTable15 tr td {
	padding: 15px 0;
}

table.lecTable15 tr td.w-img img {
	width: 60px;
	height: 60px;
}

table.lecTable tr td.w-data {
	line-height: 1.8; position: relative;
}
.sale_state {position: absolute; top:-2px; z-index: 2;}
.sale_state span { border:1px solid red; background-color: #fff; color:red; padding:4px 10px; border-radius: 0 0 10px 10px; font-size:11px !important}
.sale_state span.end {background-color: red; color:#fff;}

.OTclass {
	/*display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-bottom: 10px;*/
	display:flex; gap:0 10px;
}

.OTclass > span {
	background: #000;
	color: #fff;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight:300;
	border-radius: 20px;
	display: inline-block;
}

.OTclass span.red {
	border: 1px solid #ed1c24;
	color: #ed1c24;
	background: #fff;
}

.OTclass a {
	border: 1px solid #ed1c24;
	color: #ed1c24;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight:300;
	text-align: center;
	display: inline-block;
	border-radius: 20px;
	vertical-align: bottom;
}

.OTclass a:hover {
	background: #ed1c24; color:#fff;
}

table.lecTable tr td.w-img img {
	width: 60px;
}

table.lecTable tr td .w-tit {
	font-size: 14px;
	color: #2c2c2c;
	letter-spacing: -1px;
}

table.lecTable tr td .pkg-tit span {
	border: 1px solid #1a8ccc;
	color: #1a8ccc;
	padding: 2px 5px;
	font-size: 12px !important;
}

table.lecTable tr td .priceWrap {
	letter-spacing: -1px;
}

table.lecTable tr td .priceWrap li {
	margin-bottom: 5px;
}

table.lecTable tr td .priceWrap .chkBox {
	display: inline-block;
}

table.lecTable tr td .priceWrap .chkBox input[type="checkbox"] {
	width: 14px;
	height: 14px;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px;
}

table.lecTable tr td .priceWrap .select {
	display: inline-block;
	font-size: 11px;
	color: #000;
	margin-right: 3px;
}

table.lecTable tr td .priceWrap .bookselect {
	width: 50px;
	height: 24px;
	border: 1px solid #d4d4d4;
}

table.lecTable tr td .priceWrap .price {
	text-decoration: line-through;
	color: #999;
}

table.lecTable tr td .priceWrap .discount {
	margin: 0 3px;
	color: #ed1c24;
}

table.lecTable tr td .priceWrap .dcprice {
	display: block;
	color: #0d74ae;
}

table.lecTable tr td .priceWrap2 {
	text-align: left;
}

table.lecTable tr td .priceWrap2 .dcprice {
	display: inline-block;
}

table.lecTable tr td .visitBuy {
	clear: both;
}

table.lecTable tr td .visitBuy a {
	display: block;
	width: 60px;
	margin: 0 auto;
	font-size: 11px;
	padding: 3px 0;
	color: #1a8ccc;
	text-align: center;
	border: 1px solid #1a8ccc;
}

table.lecTable tr td .MoreBtn {
	/*position:absolute;
    bottom: 5px;
    right: 25px;*/
	font-size: 11px;
	color: #808080;
	line-height: 1.5;
	margin-top: 10px;
}

table.lecTable tr td .lecBuyBtns li {
	position: relative;
	display: block;
	width: 60px;
	margin: 0 auto 5px;
	font-size: 11px;
	padding: 3px 0;
	color: #1a8ccc;
	text-align: center;
	border: 1px solid #1a8ccc;
}

table.lecTable tr td .lecBuyBtns2 li {
	position: relative;
	display: inline-block;
	width: 60px;
	margin: 0 5px 5px 0;
	font-size: 11px;
	padding: 3px 0;
	color: #1a8ccc;
	text-align: center;
	border: 1px solid #1a8ccc;
}

table.lecTable tr td .lecBuyBtns li a {
	display: block;
}

table.lecTable tr td .lecBuyBtns li.btnCart {
	border: 1px solid #707070;
	color: #fff;
	background: #707070;
}

table.lecTable tr td .lecBuyBtns li.btnVisit {
	border: 1px solid #1a8ccc;
	color: #1a8ccc;
}

table.lecTable tr td .lecBuyBtns li.btnBuy {
	color: #fff;
	background: #1a8ccc;
}

table.lecTable tr td .lecBuyBtns li:hover {
	border: 1px solid #000;
	color: #fff;
	background: #000;
}

table.lecTable tr td .lecBuyBtns .pocketBox {
	background: #fff;
	position: absolute;
	top: -1px;
	left: -280px;
	width: 275px;
	font-size: 13px;
	color: #3a3a3a;
	text-align: center;
	line-height: 20px;
	border: 1px solid #2f2f2f;
	padding: 30px 25px;
	z-index: 10;
}

table.lecTable tr td .lecBuyBtns2 .pocketBox {
	top: 30px;
	left: 0;
}

table.lecTable tr td .lecBuyBtns .pocketBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 11px;
	height: 11px;
	line-height: 9px;
}

table.lecTable tr td .lecBuyBtns .pocketBox .aBox {
	width: 57px;
	height: 23px;
	border: none;
}

table.lecTable tr td .lecBuyBtns .pocketBox .aBox a {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
}


table.lecTable tr td.w-schedule {
	line-height: 1.5;
}

table.lecTable .all-list-box {
	width: 940px
}

table.lecTable .all-list {
	position: relative;
	display: block;
	border-bottom: 1px solid #f0f0f0;
	width: 100% !important;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: left;
}

table.lecTable .all-list:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

table.lecTable .all-list:after {
	content: '';
	display: block;
	clear: both
}

table.lecTable .all-schedule {
	position: absolute;
	top: 0;
	right: 20px;
	text-align: center;
}

table.lecTable .w-info {margin-top:10px; letter-spacing: -0.05rem}
table.lecTable .w-info dt {/*margin-right:10px*/}


/* subContainer : Content : lecWrapTable */
table.lecWrapTable {
	width: 100%;
}

table.lecWrapTable.lec-essential,
table.lecWrapTable.lec-choice {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	max-height: 484px;
	display: block;
}

table.lecWrapTable .willbes-Lec-Table {
	border-bottom: none;
}

table.lecWrapTable .w-list {
	font-size: 13px;
	color: #3a3a3a;
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	line-height: 1.3;
}

table.lecWrapTable .lecInfoTable .w-sub {
	/*margin-left: 50px;*/
}

table.lecWrapTable .lecInfoTable .w-sub .w-subtit {
	/*width: 455px;*/
}

/* subContainer : Content : w-sp */
.w-sp {
	width: 128px;
	margin: 0 auto 10px;
}

.w-sp.one {
	/*float: right;
    right: 26px;*/
	width: 64px;
	margin: -8px auto 0;
}

.w-sp li {
	float: left;
	width: 64px;
	height: 22px;
	margin-left: -1px;
}

.w-sp li:first-child {
	margin-left: 0;
}

.w-sp a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
	color: #898989;
	border: 1px solid #c9c9c9;
}

.w-sp a:hover,
.w-sp a:active {
	color: #464646;
	border-color: #898989;
	position: relative;
	z-index: 10;
}

.w-sp.btnBlue {
	text-align: center;
}

.w-sp.btnBlue a {
	color: #fff;
	border: 1px solid #1a8ccb;
	background: #1a8ccb;
	width: 100px;
	margin: 0 auto;
}

.w-sp.btnBlue a:hover,
.w-sp.btnBlue a:active {
	color: #1a8ccb;
	border-color: #1a8ccb;
	background: #fff;
}

.w-sp100 {
	width: 100%;
	margin: 0 auto 10px;
}

.w-sp100 div {
	margin-top: 5px;
}

.w-sp100 input {
	width: 100px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #d4d4d4;
}

.w-sp100 button {
	background: #0e79af;
	width: 50px;
	padding: 0 5px;
	height: 26px;
	line-height: 26px;
	margin: 0;
	vertical-align: middle;
}

.w-sp100 button span {
	font-size: 12px;
}

/* subContainer : Content : viewBox */
.viewBox {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -128px;
	z-index: 10;
	background: #fff;
	width: 192px;
	border: 1px solid #2f2f2f;
	padding: 10px 20px 5px;
}

.viewBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 11px;
	height: 11px;
	line-height: 9px;
}

.viewBox dl {
	float: left;
	clear: both;
	line-height: 20px;
	padding: 5px 0;
}

.viewBox dl dt {
	float: left;
}

.viewBox dl dt.Tit {
	font-size: 11px;
	color: #707070;
	margin-right: 10px;
}

.tBox {
	display: inline-block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin-left: 1px;
}

.tBox a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.tBox.black a {
	background: #333;
}

.tBox.gray a {
	background: #898989;
}

.tBox.white a {
	border: 1px solid #898989;
	background-color: #fff;
	color: #333;
}

.tBox.light-gray a {
	border: 1px solid #c9c9c9;
	color: #898989;
}

.tBox.t2Box {
	width: 54px;
	height: 22px;
	line-height: 20px;
}

.tBox a:hover {
	background: #1a8ccb;
	color: #fff;
	border-color: #1a8ccb
}

/* subContainer : Content : lecInfoTable */
.lecInfoTable {
	display: none;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
}

.lecInfoTable tr td {
	background: #f9f9f9;
	padding: 15px 0;
	line-height: 25px;
}

.lecInfoTable .w-sub {
	clear: both;
	height: 30px;
	line-height: 28px;
	margin-left: 10px;
}

.lecInfoTable .w-sub.overflow {
	width: 673px;
}

.lecInfoTable .w-sub span {
	float: left;
}

.lecInfoTable .w-sub .w-obj {
	width: 65px;
	text-align: left;
	padding-right: 10px;
}

.lecInfoTable .w-sub .w-subtit {
	width: 500px;
}

.lecInfoTable .w-sub .w-subtit.none {
	padding-left: 75px;
}

.lecInfoTable .w-sub .chk {
	width: 98px;
	text-align: right;
}

.lecInfoTable .w-sub .chk label {
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica",
		"Apple SD Gothic Neo", "sans-serif";
	font-size: 11px;
	font-weight: 300;
	margin-left: 5px;
}

.lecInfoTable .w-sub .chk label.soldout {
	color: #f14078;
}

.lecInfoTable .w-sub .chk label.press {
	color: #707070;
}

.lecInfoTable .w-sub .chk input[type="checkbox"] {
	float: left;
	width: 14px;
	height: 14px;
	cursor: pointer;
	margin: 7px 0;
}

.lecInfoTable .w-sub .priceWrap {
	position: relative;
	width: 136px;
	margin-right: 25px;
	text-align: right;
	line-height: 23px;
}

.lecInfoTable .w-sub .priceWrap .price {
	position: absolute;
	right: 70px;
}

.lecInfoTable .w-sub .priceWrap .discount {
	float: right;
	width: 68px;
	color: #464646;
	text-align: left;
}

.lecInfoTable .w-sub strong {
	background: url("../../img/willbes/sub/icon_detail.gif") no-repeat 0 8px;
	height: 30px;
	line-height: 28px;
	padding-left: 18px;
	display: inline-block;
	margin-top: 3px;
}

.lecInfoTable .w-bookbtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.lecInfoTable .w-bookbtn div {
	display: inline-block
}

.lecInfoTable .w-bookbtn div span {
	font-size: 11px !important
}

/* subContainer : Content : willbes-Layer-Box */
.willbes-Layer-Black {
	display: none;
	background: rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 105;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
}

.willbes-Layer-Trans {
	display: none;
	background: transparent;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 105;
	width: 100%;
	height: 100%;
}

.willbes-Layer-popBox {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 106;
	width: auto;
	height: auto;
}

.layer-popupBox {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 106;
	width:auto;
	height:auto;        
}
.layer-popupBox::after { content:''; display:flex; justify-content: center; align-items: center; }
.layer-popupBox .Layer-Cont {position: relative; width:1120px; margin-top:-315px; margin-left:-560px}
.layer-popupBox .Layer-Cont div img,
.layer-popupBox .Layer-Cont div iframe {width:1120px; height:630px; overflow: hidden; border-radius:30px;}
.layer-popupBox .btn-popup-close {position:absolute; right:-14px; top:-14px; width:36px; height:36px; transform:rotate(0); z-index: 2;}
.layer-popupBox .btn-popup-close:hover {transform: rotate(360deg); transition: all 0.5s;}

/* 레이어 팝업 TEXT용 수정 필요 */
.layer-popup-content-box {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 106;
	width:auto;
	height:auto;
}
.layer-popup-content-box::after { content:''; display:flex; justify-content: center; align-items: center; }
.layer-popup-content-box .Layer-Cont {position: relative; width:720px; margin-top:-215px; margin-left:-310px;}
.layer-popup-content-box .Layer-Cont div {width:720px; height:auto; overflow: hidden; border-radius:30px; padding: 20px; background-color: #ffffff;}
.layer-popup-content-box .btn-popup-close {position:absolute; right:-14px; top:-14px; width:36px; height:36px; transform:rotate(0); z-index: 2;}
.layer-popup-content-box .btn-popup-close:hover {transform: rotate(360deg); transition: all 0.5s;}
.layer-popup-content-box .Layer-Cont .embed-container {font-size:14px; line-height:1.4}
.layer-popup-content-box .Layer-Cont div {height:350px !important; overflow-y: scroll; border-radius:0}

/* ================================================== 24.06.12 주석처리
#MARKPASS.willbes-Layer-Black,
#EDITPASS.willbes-Layer-Black {
	background: none;
	position: relative;
}

#MARKPASS.willbes-Layer-Black:after,
#EDITPASS.willbes-Layer-Black:after {
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.6);
	filter: alpha(opacity=60);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/

/* ================================================== */

.willbes-Layer-Box {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 11;
	width: 980px;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px;
	top: 0;
}

.willbes-Layer-Box .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-Box .Layer-Tit {
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.willbes-Layer-Box-sm {
	display: none;
	background: #fff;
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 11;
	width: 580px;
	height: 230px;
	border: 1px solid #2f2f2f;
	padding: 20px 30px;
}

.willbes-Layer-Box-sm .closeBtn {
	position: absolute;
	top: 0;
	right: 10px;
}

/*패키지상세보기 팝업*/
.willbes-Layer-Box-pkg {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 11;
	width: 980px;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px;
	top: 100%;
}

.willbes-Layer-Box-pkg .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-Box-pkg .Layer-Tit {
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.willbes-Layer-Box-pkg-sm {
	display: none;
	background: #fff;
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 11;
	width: 580px;
	height: 230px;
	border: 1px solid #2f2f2f;
	padding: 20px 30px;
}

.willbes-Layer-Box-pkg-sm .closeBtn {
	position: absolute;
	top: 0;
	right: 10px;
}

.tabWrap.tabDepth1 {
	height: 60px;
	border-bottom: 1px solid #4f4f4f;
}

.tabWrap.tabDepth1 li {
	float: left;
	width: 50%;
	height: 60px;
}

.tabWrap.tabDepth1 li a {
	display: block;
	width: 100%;
	height: 59px;
	line-height: 58px;
	background: #f5f5f5;
	font-size: 19px;
	font-weight: 600;
	color: #878787;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

.tabWrap.tabDepth1 li a.on {
	background: #fff;
	height: 60px;
	line-height: 52px;
	color: #3a3a3a;
	border-top: 4px solid #4f4f4f;
	border-left: 4px solid #4f4f4f;
	border-right: 4px solid #4f4f4f;
}

.tabWrap.tabDepth1 li:first-child a.on {
	border-left: 4px solid #4f4f4f;
}

.tabWrap.tabDepth2 li a {
	padding: 0 10px;
}

.tabWrap.tabDepth3 {
	height: 40px;
	border: none;
}

.tabWrap.tabDepth3 li {
	float: left;
	width: 50%;
	height: 40px;
}

.tabWrap.tabDepth3 li a {
	background: #f5f5f5;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #878787;
	text-align: center;
	letter-spacing: 0;
	border: none;
}

.tabWrap.tabDepth3 li a.on {
	background: #4f4f4f;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border: none;
}

.tabWrap.tabDepth4 {
	height: 40px;
	border-bottom: 1px solid #4f4f4f;
}

.tabWrap.tabDepth4 li {
	float: left;
	width: 50%;
	height: 40px;
}

.tabWrap.tabDepth4 li a {
	display: block;
	width: 100%;
	height: 39px;
	line-height: 38px;
	background: #f5f5f5;
	font-size: 15px;
	font-weight: 600;
	color: #878787;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

.tabWrap.tabDepth4 li a.on {
	background: #fff;
	height: 40px;
	line-height: 32px;
	color: #3a3a3a;
	border-top: 4px solid #4f4f4f;
	border-left: 4px solid #4f4f4f;
	border-right: 4px solid #4f4f4f;
}

.tabWrap.tabDepth4 li:first-child a.on {
	border-left: 4px solid #4f4f4f;
}

.willbes-Layer-Box.d2 .Layer-Tit {
	margin-bottom: 0;
	border-bottom: 2px solid #000;
	padding-bottom: 20px;
}

.willbes-Layer-Box.d2 .classInfo {
	padding-top: 20px;
	padding-left: 15px;
}

.willbes-Layer-Box.d3 .Layer-Tit {
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9c9c9;
}

.willbes-Layer-Box.d3 .classInfo {
	padding-top: 20px;
	line-height: 20px;
}

.willbes-Layer-Box.d3 table.classTable tr td {
	line-height: 20px !important;
}

/* subContainer : Content : 단강좌상세정보 */
.willbes-Prof-Detail {
	background: #f4f5f6;
	height: 294px;
	letter-spacing: normal;
	display: flex;
	gap:0 10px;
}

.prof-profile {
	/*float: left;*/
	width: 490px;
	height: 100%;
}

.prof-profile .Name {
	position: absolute;
	top: 95px;
	left: 55px;
	font-size: 19px;
	line-height: 30px;
}

.prof-profile .Name strong {
	font-size: 44px;
}

.prof-profile .ProfImg {
	position: absolute;
	right: 0;
}

.prof-profile .ProfImg img {
	width: 100%;
}

.prof-profile .prof-home {
	position: absolute;
	bottom: 30px;
	left: 60px;
}

.lec-profile {
	/*float: right;
	willbes-Prof-Detail*/
	width: 430px;
	padding-top:30px;
}

.lec-profile .w-list {
	font-size: 14px;
	margin: 10px 0;
}

.lec-profile .w-tit {
	font-size: 20px;
	line-height: 1.2;
}

.lec-profile .w-info {
	/*float: left;*/
	width: 100%;
	margin-top: 10px;
	line-height: 1.8;
}
.lec-profile .w-info dl {display:flex; gap:0 20px}

.lec-profile .view-wrap {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}

.lec-profile .all-view {
	float: right;
	margin-right: 20px;
}

.lec-profile .all-view a {
	width: 140px;
	height: 25px;
	font-family: "NanumGothic-Bold", "Nanum Gothic", "나눔고딕", "sans-serif";
	font-size: 11px;
	font-weight: 300;
	line-height: 17px;
}

.lec-profile .w-notice {
	float: left;
	letter-spacing: -1px;
}

.lec-profile .w-notice .w-sp {
	margin: 0;
	height: 25px;
	position: relative;
	top: 0;
	right: 0;
}

.lec-profile .w-notice .w-sp a {
	background: #fff;
	text-align: center;
	line-height: 23px;
}

.lec-profile .w-notice .viewBox {
	top: 24px;
	left: 0;
}
table.profTable tr {border-bottom:0}
table.profTable tr td .priceWrap {
	top: 0;
}

table.profTable tr td.automatic {
	padding-left: 10px;
	font-size: 12px;
}

table.profTable tr td.automatic ul {
	height: 70px;
	overflow-y: auto;
}

/* subContainer : Content : willbes-Buy-Table */
.willbes-Buy-Table {
	/*height: 256px;*/
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #3a3e47;
	background: #f9f9f9;
}

.willbes-Buy-Table:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-Buy-List {
	float: left;
	width: 710px;
	background-color: #fff;
}

.willbes-Buy-List table.lecTable {
	display: block;
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0;
}

.willbes-Buy-List table.lecTable tr td {
	height: 30px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
}

.willbes-Buy-List table.lecTable .w-lectit {
	padding-left: 10px;
}

.willbes-Buy-List table.lecTable .w-obj {
	float: left;
	line-height: 13px;
	text-align: center;
	margin-right: 15px;
}

.willbes-Buy-List table.lecTable .MoreBtn {
	float: inherit;
	position: relative;
	top: -3px;
	line-height: 13px;
	left: 0;
	right: 0;
}

.willbes-Buy-List table.lecTable .w-data {
	padding-left: 10px;
}

.willbes-Buy-List table.lecTable tr td.chk input[type="checkbox"] {
	margin-top: 2px;
}

.willbes-Buy-Price {
	float: right;
	width: 230px;
	height: 100%;
	padding: 20px 15px 0;
}

.willbes-Buy-Price thead tr th {
	font-size: 16px;
	color: #505050;
	line-height: 40px;
	border-bottom: 1px solid #959595;
}

.willbes-Buy-Price tbody tr td {
	font-size: 14px;
	line-height: 40px;
	border-bottom: 1px solid #e3e3e3;
}

.willbes-Buy-Price tbody tr td.price {
	padding-right: 15px;
}

.willbes-Buy-Price tbody tr td.price span {
	vertical-align: baseline;
}

.willbes-Buy-Price tbody tr td.total-price {
	font-size: 23px;
	line-height: 110px;
	padding-right: 35px;
	border-bottom: none;
}

.willbes-Buy-Price tbody tr td.total-price span {
	vertical-align: baseline;
}

.willbes-Buy-Table .lecInfoTable {
	padding: 20px 0 20px 10px;
}

.willbes-Buy-Table .lecInfoTable .w-grid {
	height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 15px;
}

.willbes-Buy-Table .lecInfoTable .w-lectit {
	margin-bottom: 15px;
}

.willbes-Buy-Table .lecInfoTable .w-lectit .w-obj {
	float: left;
	line-height: 13px;
	text-align: center;
	margin-right: 15px;
}

.willbes-Buy-Table .lecInfoTable .MoreBtn {
	font-size: 11px;
	color: #808080;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 25px;
}

.willbes-Buy-Table .lecInfoTable .w-subtit {
	width: 370px;
}

.willbes-Buy-Table .lecInfoTable .priceWrap {
	float: right;
	text-align: left;
	margin-right: 0;
}

.willbes-Buy-Table .willbes-Lec-buyBtn {
	bottom: -60px;
}

.willbes-Buy-Table .willbes-Lec-buyBtn input[type="checkbox"] {
	float: left;
	margin: 11px;
	cursor: pointer;
}

.willbes-Buy-Table .willbes-Lec-buyBtn label {
	font-size: 13px;
	font-weight: 600;
	color: #464646;
	line-height: 36px;
	margin-right: 30px;
}

/* subContainer : Content : 강좌 sticky menu */
#Sticky {
	clear: both;
}

.sticky-Wrap {
	position: relative;
	height: 45px;
}

.sticky-menu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	height: 45px;
	padding: 13px 35px;
	border: 1px solid #dbdbdb;
}

.sticky-menu ul li {
	float: left;
}

.sticky-menu ul li a {
	font-size: 14px;
	color: #3a3a3a;
}

.sticky-menu ul li.row-line {
	background: #e4e4e4;
	width: 1px;
	height: 11px;
	margin: 3px 40px;
}

.sticky-menu.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	right: 180px;
	width: 940px;
	margin: 0 auto;
}

.sticky-top {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	clear: both;
}

/* subContainer : Content : 강좌 select menu */
.select-menu {
	border: none;
	padding: 0;
	height: 34px;
}

/* subContainer : Content : 강좌 acad-offline-menu810 */
.acad-offline-menu810.fixed {
	width: 810px;
	right: 310px;
}

/* subContainer : Content : 강좌정보 */
.classInfo {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #959595;
	color: #3a3a3a;
	letter-spacing: 1px;
}

table.classTable {
	width: 100%;
	font-size: 13px;
	text-align: center;
	letter-spacing: 0;
}

table.classTable tr td {
	/*height: 100px;*/
	line-height: 1.5 !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

table.classTable tr td.w-data {
	line-height: 20px;
}

table.classTable tr td img {
	/*width: 100%;*/
	max-width: 760px;
	display: block;
}

/* subContainer : Content : 교재정보 */
.willbes-Layer-Box .bookInfo {
	border-bottom: 1px solid #959595;
}

.bookWrap {
	height: 448px;
	padding-right: 10px;
	overflow-x: auto;
}

.bookWrap:after {
	content: '';
	display: block;
	clear: both
}

.bookInfo {
	width: 100%;
	height: 370px;
	padding: 20px 0;
}

.bookInfo .bookImg {
	float: left;
	margin: 0 auto 0;
	width: 200px;
}

.bookInfo .bookImg img {
	max-width: 200px;
}

.bookDetail {
	float: right;
	width: 690px;
}

.bookDetail .book-Tit {
	font-size: 18px;
	letter-spacing: 0;
	margin-bottom: 15px;
}

.bookDetail .book-Author {
	letter-spacing: 0;
	margin-bottom: 25px;
}

.bookDetail .book-Author ul {
	height: 26px;
	line-height: 24px;
}

.bookDetail .book-Author ul li {
	float: left;
}

.bookDetail .book-Author ul li .row-line {
	background: #e4e4e4;
	width: 1px;
	height: 10px;
	margin: -3px 10px 0;
}

.bookDetail .tabDepth2 a {
	padding: 0 20px;
}

/*교재상세정보 팝업 구매버튼*/
.bookBuy {
	position: absolute;
	top: 0;
	right: 0;
}

.bookBuy .bookBuyBtns li {
	display: block;
	width: 60px;
	margin: 0 auto 5px;
	font-size: 11px;
	height: 28px !important;
	line-height: 28px !important;
	color: #1a8ccc;
	text-align: center;
	border: 1px solid #1a8ccc;
}

.bookBuy .bookBuyBtns li a {
	display: block;
}

.bookBuy .bookBuyBtns li.btnCart {
	border: 1px solid #707070;
	color: #fff;
	background: #707070;
}

.bookBuy .bookBuyBtns li.btnBuy {
	color: #fff;
	background: #1a8ccc;
}

.bookBuy .bookBuyBtns li:hover {
	border: 1px solid #000;
	color: #fff;
	background: #000;
}

.bookBuy .bookPocketBox {
	display: none;
	background: #fff;
	position: absolute;
	top: -1px;
	left: -280px;
	width: 275px;
	font-size: 13px;
	color: #3a3a3a;
	text-align: center;
	line-height: 20px;
	border: 1px solid #2f2f2f;
	padding: 30px 25px;
	z-index: 10;
}

.bookBuy .bookPocketBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 11px;
	height: 11px;
	line-height: 9px;
}

.bookBuy .bookPocketBox .aBox {
	width: 57px;
	height: 23px;
	border: none;
}

.bookBuy .pocketBox .aBox a {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
}

/* subContainer : Content : 2nd Tabs 공통 */
.tabWrap {
	height: 34px;
	border-bottom: 1px solid #959595;
}

.tabWrap li {
	float: left;
	/*width: 140px;*/
	height: 34px;
}

.tabWrap li a {
	display: block;
	width: 100%;
	height: 33px;
	line-height: 32px;
	background: #f9f9f9;
	font-size: 12px;
	color: #959595;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 0 10px;
}

.tabWrap li:first-child a {
	border-left: 1px solid #e1e1e1;
}

.tabWrap li a.on {
	position: relative;
	z-index: 2;
	background: #fff;
	height: 34px;
	line-height: 32px;
	font-weight: 600;
	color: #686868;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
}

.tabBox .book-TxtBox {
	height: 150px;
	line-height: 24px;
	padding: 15px 0 15px 5px;
	border-bottom: 1px solid #edeeef;
	overflow-x: hidden;
	overflow-y: auto;
}

.tabBox .caution-txt {
	padding: 5px 20px;
	margin-left: 5px;
}

.tabShow {
	height: 34px;
	border-bottom: 1px solid #959595;
}

.tabShow li {
	float: left;
	width: 140px;
	height: 34px;
}

.tabShow li a {
	display: block;
	width: 100%;
	height: 33px;
	line-height: 32px;
	background: #f9f9f9;
	font-size: 12px;
	color: #959595;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

.tabShow li:first-child a {
	border-left: 1px solid #e1e1e1;
}

.tabShow li a.on {
	position: relative;
	z-index: 2;
	background: #fff;
	height: 34px;
	line-height: 32px;
	font-weight: 600;
	color: #686868;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
}

/* subContainer : Content : 강의 > 수강신청 안내 : requestInfo */
.willbes-Layer-requestInfo {
	display: none;
	background: #fff;
	position: absolute;
	top: 34px;
	right: 0;
	z-index: 110;
	width: 700px;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 50px;
}

/* subContainer : Content : 강의 > 직장인/재학생반 안내 : requestInfo2 */
.willbes-Layer-requestInfo2 {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 110;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 50px;
	top: 60px;
	left: 0;
	width: 600px;
}

.willbes-Layer-requestInfo .closeBtn,
.willbes-Layer-requestInfo2 .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-requestInfo .Layer-Tit,
.willbes-Layer-requestInfo2 .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0;
	border-bottom: 2px solid #000;
}

.willbes-Layer-requestInfo .Layer-Tit span,
.willbes-Layer-requestInfo2 .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-requestInfo .Layer-SubTit,
.willbes-Layer-requestInfo2 .Layer-SubTit {
	font-size: 12px;
	padding: 20px 0;
}

.willbes-Layer-requestInfo .Layer-SubTit li,
.willbes-Layer-requestInfo2 .Layer-SubTit li {
	list-style: disc;
	line-height: 1.4;
	margin-bottom: 10px;
	margin-left: 15px;
}

.willbes-Layer-requestInfo .Layer-SubTit li:last-child {
	margin-bottom: 0;
}

.willbes-Layer-requestInfo table {
	border-top: 1px solid #000;
}

.willbes-Layer-requestInfo table tr td {
	font-size: 12px;
	font-weight: 300;
}

.willbes-Layer-requestInfo table tr td {
	line-height: 20px !important;
	padding: 13px 0;
}

.willbes-Layer-requestInfo .nBox {
	display: inline-block;
	width: 76px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin: 0 1px 0 0;
	border-radius: 10px;
}

.willbes-Layer-requestInfo .nBox.n1 {
	background: #f14078;
}

.willbes-Layer-requestInfo .nBox.n2 {
	background: #21abc8;
}

.willbes-Layer-requestInfo .nBox.n3 {
	background: #1087ef;
}

.willbes-Layer-requestInfo .nBox.n4 {
	background: #333;
}
.willbes-Layer-requestInfo .nBox.n5 {background:#000}

.willbes-Layer-requestInfo .acadBox {
	display: inline-block;
	font-size: 12px;
	color: #000;
	text-align: center;
	line-height: 20px;
	border: 1px solid #000;
	width: 76px;
}

.willbes-Layer-requestInfo .acadBox.n1 {
	color: #1345b6;
	border-color: #1345b6;
}

.willbes-Layer-requestInfo .acadBox.n2 {
	color: #0a8cc2;
	border-color: #0a8cc2;
}

.willbes-Layer-requestInfo .acadBox.n3 {
	color: #9c3eb4;
	border-color: #9c3eb4;
}

.willbes-Layer-requestInfo .acadBox.n4 {
	color: #fff;
	background: #fe0000;
	border: 1px solid #fe0000;
}

.willbes-Layer-requestInfo .acadBox.n5 {
	color: #fff;
	background: #46a1dc;
	border: 1px solid #46a1dc;
}

/* subContainer : Content : 내강의실 > 학원강좌 > 수강신청강좌 : lecList */
.willbes-Layer-lecList {
	display: none;
	background: #fff;
	position: absolute;
	top: 20px;
	right: 125px;
	z-index: 101;
	width: 400px;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px;
}

.willbes-Layer-lecList .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-lecList .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 25px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-lecList .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-lecList .Layer-SubTit {
	font-size: 12px;
	padding: 20px 0;
	text-align: left;
}

.willbes-Layer-lecList .Layer-SubTit li {
	list-style: disc;
	line-height: 1.8;
	margin-bottom: 10px;
	margin-left: 15px;
}

.willbes-Layer-lecList .Layer-SubTit li:last-child {
	margin-bottom: 0;
}


/* subContainer : Content : 내강의실 강좌 다운로드 lectureDown*/
.lectureDown {
	position: relative;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lectureDown .selectBtns {
	display: flex;
	justify-content: space-between;
	gap: 0.2rem
}

.lectureDown .selectBtns a {
	padding: 10px;
	background: #e4e4e4
}

.lectureDown .resolution {
	position: absolute;
	width: auto;
	right: 0;
	bottom: -65px;
	z-index: 10;
	display: none;
}

.lectureDown .resolution>div {
	position: relative;
	padding: 20px;
	border: 1px solid #ccc;
	background: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.2rem;
}

.lectureDown .resolution .closeBtn {
	position: absolute;
	top: -3px;
	right: 0;
}

/* subContainer : Content : 강의목차 : LeclistTable */
.LeclistTable {
	clear: both;
}

.LeclistTable .listTable {
	background: #fff;
}

.LeclistTable .listTable tr.finish {
	background: #f1f8fe;
}

.LeclistTable .listTable tr th,
.LeclistTable .listTable tr td {
	text-align: center;
	line-height: 1.5 !important;
	letter-spacing: 0;
	padding: 15px 0;
}

.LeclistTable .listTableLeft tr td {
	text-align: left;
	padding: 10px 5px;
}

.LeclistTable .csTable tr td {
	line-height: 1.4 !important;
}

.LeclistTable .csTable tr td a {
	padding: 5px 8px 5px 5px;
	background: #f4f4f4;
	font-size: 12px;
	border-radius: 0 20px 20px 0
}

.LeclistTable .csTable tr td a:hover {
	background: #000;
	color: #fff
}

.LeclistTable .listTable thead tr th,
.LeclistTable .listTable tbody tr th {
	background: #f9f9f9;
	font-weight: 600;
}

.LeclistTable .listTable thead tr th {
	border-right: 1px solid #edeeef
}

.LeclistTable .listTable thead tr th:last-child {
	border-right: 0
}

.LeclistTable .listTable thead tr th .row-line {
	float: right;
	background: #e4e4e4;
	width: 1px;

	/*height: 11px;*/
	vertical-align: middle;
	display: none;
}

.LeclistTable .listTable tbody tr td.w-free .w-sp {
	float: inherit;
	display: inline-block;
	width: 64px;
	height: 22px;
	margin: 0;
}

.LeclistTable .listTable tr td.w-list a {
	display: block;
}

.listTable .w-list a strong {
	color: #000
}

.LeclistTable .listTable tr td.w-lec {
	text-align: left;
	padding: 0 10px
}

.LeclistTable .listTable .w-chk input[type="checkbox"] {
	cursor: pointer;
}

.LeclistTable .listTable .w-price {
	font-weight: 600;
	text-align: right;
	padding-right: 30px;
}

.LeclistTable .listTable .w-free.mypage {
	padding: 10px 0;
}

.LeclistTable .listTable .w-free.mypage .tBox {
	display: block;
	margin: 2px auto;
}

.listTable .w-progress span {
	color: #fff;
	padding: 5px 10px;
	font-size: 11px;
}

.listTable .w-progress .on {
	background-color: #ed1c24;
	animation: upDown 1s infinite;
	-webkit-animation: upDown 1s infinite;
}

@keyframes upDown {
	from {
		background-color: #ed1c24;
	}

	50% {
		background-color: #9b1116;
	}

	to {
		background-color: #ed1c24;
	}
}

@-webkit-keyframes upDown {
	from {
		background-color: #ed1c24;
	}

	50% {
		background-color: #9b1116;
	}

	to {
		background-color: #ed1c24;
	}
}

.listTable .w-progress .off {
	background-color: #666;
}

.LeclistTable .listTable .userInfoBox th,
.LeclistTable .listTable .userInfoBox td {
	line-height: 30px;
	padding: 12px 0;
}

.LeclistTable .listTable .userInfoBox th {
	background: #f9f9f9;
}

.LeclistTable .listTable .userInfoBox input[type="text"] {
	border: 1px solid #d4d4d4;
	height: 27px;
	padding: 0 10px;
}

.LeclistTable .listTable .userInfoBox button {
	width: auto;
	height: 27px;
	line-height: 23px;
	margin-left: 10px;
}

.LeclistTable .listTable .userInfoBox button span {
	font-size: 11px;
	padding: 0 10px;
}

/* subContainer : Content : 강의목차 : LeclistTable : evtTable */
.LeclistTable .evtTable thead tr td {
	background: #f9f9f9 !important;
	border-top: 1px solid #edeeef;
}

.LeclistTable .evtTable thead tr th {
	background: #f9f9f9 !important;
}

.LeclistTable .evtTable thead tr:first-child td {
	border-top: 1px solid #959595;
}

.LeclistTable .evtTable tr th textarea {
	float: left;
	width: 800px !important;
	height: 80px !important;
	font-weight: 300;
	border: 1px solid #d4d4d4;
	resize: none;
	vertical-align: middle;
	padding: 20px;
	line-height: 16px;
}

.LeclistTable .evtTable tr th button {
	height: 80px !important;
	line-height: 78px !important;
}

.LeclistTable .evtTable tr td {
	line-height: 16px;
	padding: 12px 0;
}

.LeclistTable .evtTable tr td a.w-del {
	display: inline-block;
	margin-left: 10px;
}

/* subContainer : Content : 강의목차 : LeclistTable : evtTable : popup일경우 */
form .LeclistTable .evtTable thead tr th {
	background: none;
}

form .LeclistTable .evtTable thead tr td {
	background: none;
	border-top: 1px solid #edeeef;
}

form .LeclistTable .evtTable thead tr:first-child td {
	border-top: 1px solid #959595;
}

form .LeclistTable .evtTable tr th textarea {
	float: left;
	width: 270px;
	height: 55px;
	font-weight: 300;
	border: 1px solid #d4d4d4;
	resize: none;
	vertical-align: middle;
	padding: 20px;
	line-height: 16px;
}

form .LeclistTable .evtTable tr th button {
	height: 55px;
	line-height: 53px;
}

form .LeclistTable .evtTable tr td {
	line-height: 16px;
	padding: 12px 0;
}

form .LeclistTable .evtTable tr td a.w-del {
	display: inline-block;
	margin-left: 10px;
}

/* subContainer : Content : 강의목차 : LecViewTable */
.LecViewTable .listTable {
	clear: both;
}

.LecViewTable .listTable tr th,
.LecViewTable .listTable tr td {
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
	padding: 15px 0;
}

.LecViewTable .listTable thead tr th,
.LecViewTable .listTable thead tr td {
	background: #f9f9f9;
}

.LecViewTable .listTable thead tr td {
	border-top: 1px solid #edeeef;
}

.LecViewTable .listTable tr th .row-line,
.LecViewTable .listTable tr td .row-line {
	float: right;
	background: #e4e4e4;
	width: 1px;
}

.LecViewTable .listTable tr td.w-area .row-line {
	float: none;
	margin: 0 10px;
	vertical-align: middle
}

.LecViewTable .listTable thead tr td dl dt {
	float: left;
}

.LecViewTable .listTable thead tr td dl dt .row-line {
	margin: 0 14px;
}

.LecViewTable .w-file a {
	display: block;
	line-height: 40px;
	margin-left: 20px;
}

.LecWriteTable tr td.w-file {
	padding: 15px 30px;
	/*line-height: 22px;*/
}

.LecViewTable .w-txt {
	padding: 15px 20px;
	height: 350px;
	line-height: 20px !important;
	vertical-align: baseline;
}

.LecViewTable .w-txt img {
	display: block;
	max-width: 940px !important;
	margin: 20px auto;
}

.LecViewTable .w-txt .scrollBox {
	padding: 15px 25px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 255px;
}

.LecViewTable .w-txt.answer {
	height: 200px;
}

.prevnextTable tr:first-child td {
	border: none;
}

.LecViewTable .listTable tr td img.boardImg {
	display: block;
	max-width: 940px !important;
	margin: 20px auto;
}

/* subContainer : Content : 강의목차 : LecWriteTable */
.LecWriteTable .listTable {
	clear: both;
}

.LecWriteTable .listTable tr th,
.LecWriteTable .listTable tr td {
	text-align: center;
	line-height: 40px;
	letter-spacing: 0;
}

.LecWriteTable .listTable thead tr th,
.LecWriteTable .listTable thead tr td {
	background: #f9f9f9;
}

.LecWriteTable .listTable thead tr td {
	border-top: 1px solid #edeeef;
}

.LecWriteTable .listTable tr th .row-line,
.LecWriteTable .listTable tr td .row-line {
	float: right;
	background: #e4e4e4;
	width: 1px;
	height: 11px;
	margin: 14px 0;
}

.LecWriteTable tr td.w-selected select {
	width: 220px;
	height: 25px;
}

.LecWriteTable tr td.w-selected.full select {
	width: 760px;
	height: 25px;
}

.LecWriteTable tr td.w-radio ul li {
	float: left;
}

.LecWriteTable tr td.w-radio ul li input[type="radio"] {
	float: left;
	margin-top: 14px;
	margin-right: 5px;
}

.LecWriteTable tr td.w-radio ul li label {
	padding-right: 35px;
}

.LecWriteTable tr td.w-text input {
	width: 760px;
	height: 25px;
	border: 1px solid #d4d4d4;
}

.LecWriteTable tr td.w-textarea {
	padding: 15px 0;
}

.LecWriteTable tr td.w-textarea textarea {
	width: 760px;
	height: 230px;
	border: 1px solid #d4d4d4;
	resize: none;
	vertical-align: middle;
	padding: 20px;
	line-height: 16px;
}

.LecWriteTable ul.attach li {
	line-height: 1.5;
	margin-bottom: 10px;
}

.LecWriteTable ul.attach li:last-child {
	margin: 0;
}

.LecWriteTable ul.attach li .filetype {
	margin-bottom: 5px;
}

.LecWriteTable .info h5 {
	color: #333;
	font-weight: bold;
}

.LecWriteTable .info ul {
	height: 150px;
	overflow-y: auto;
	line-height: 1.5;
	border: 1px solid #ccc;
	padding: 20px;
}

.LecWriteTable .info li {
	margin-bottom: 10px;
	list-style: disc;
	margin-left: 20px;
}

.LecWriteTable .info div input {
	vertical-align: middle;
}

.filetype {
	clear: both;
	position: relative;
	display: inline-block;
}

.filetype .file-text {
	background: #fff;
	float: left;
	position: relative;
	width: 400px;
	height: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	border: 1px solid #d4d4d4;
	line-height: 25px;
	z-index: 1;
}

.filetype .file-select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	overflow: hidden;
	z-index: 2;
}

.filetype .file-select .input-file {
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
}

.filetype .file-reset {
	position: relative;
	float: right;
	display: inline-block;
	z-index: 10;
	background: #000;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	cursor: pointer;
	margin-left: 3px;
	border: none;
	outline: none;
}

.filetypeB .input-file {
	width: 300px;
	display: inline-block;
	height: 25px;
}

.filetypeB .file-reset {
	display: inline-block;
	background: #666;
	width: 25px;
	height: 25px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	padding-bottom: 2px;
	cursor: pointer;
	border: none;
	outline: none;
}

.LecWriteTable ul.attach li:first-child .file-reset {
	background: #000;
}

.filetype .file-btn {
	display: inline-block;
	width: 90px;
	height: 100%;
	line-height: 25px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

/* subContainer : Content : 교수선택 */
.sbjTit {
	margin: 15px 0 10px;
	padding-left: 20px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #3a3a3a;
	line-height: 38px;
	background: #f4f5f6;
	clear: both;
}

.sbjProf {
	overflow: hidden;
	margin: 15px 15px 0;
	width: 800px;
}

.sbjProf li:first-child {
	margin-left: 0;
}

.sbjProf li {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #edeeef;
	padding: 10px;
	width: 132px;
	height: 161px;
}

.sbjProf li.nth {
	margin-left: 0;
}

.sbjProf li input[type="checkbox"] {
	position: absolute;
	top: 15px;
	left: 15px;
}

.sbjProf li img {
	background: #f4f3f3;
	width: 110px;
	height: 110px;
	overflow: hidden;
}

.sbjProf li .prof-Name {
	font-size: 14px;
	margin: 5px 0 10px 5px;
}

/* subContainer : Content : 수강후기 */
.willbes-LecreplyList {
	height: 50px;
	line-height: 50px;
	margin-top: 25px;
	letter-spacing: 0;
}

.willbes-LecreplyList .Select-Btn {
	vertical-align: middle;
}

.willbes-LecreplyList .Select-Btn dt {
	margin-right: 10px;
}

.willbes-LecreplyList .Select-Btn dt a.on {
	color: #0d74ae;
	text-decoration: underline;
}

.willbes-LecreplyList .Select-Btn input {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.willbes-LecreplyList ul {
	float: right;
}

.willbes-LecreplyList ul li {
	display: inline-block;
	line-height: 20px;
}

.willbes-LecreplyList .evtbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	z-index: 1;
}

.willbes-LecreplyList .evtbtn a {
	display: block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #000;
	text-align: center;
}

.replyBtnBox {
	position: absolute;
	right: 0;
}

.replyBtnBox.top {
	top: 35px;
}

.replyBtnBox ul {
	float: right;
}

.replyBtnBox ul li {
	display: inline-block;
	line-height: 20px;
}

.willbes-LecreplyList dl {
	display: inline-block;
}

.willbes-LecreplyList dl dt {
	display: inline-block;
}

.w-reply-teaser {
	width: 940px;
	border-bottom: 1px solid #edeeef;
	padding: 10px 0 10px 15px;
}

.w-reply-teaser ul {
	height: 30px;
	line-height: 30px;
}

.w-reply-teaser ul li {
	float: left;
}

.w-reply-teaser .w-tit {
	width: 745px;
	font-weight: 600;
}

.w-reply-teaser .w-name {
	width: 70px;
}

.w-reply-teaser .row-line {
	background: #e4e4e4;
	width: 1px;
	height: 11px;
	margin: 9px 0;
}

.w-reply-teaser .w-date {
	width: 105px;
}

.w-reply-teaser .w-subtit {
	font-weight: 600;
	line-height: 35px;
	margin-left: 10px;
}

.w-reply {
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom: 1px solid #edeeef;
	padding: 30px 15px;
	line-height: 20px;
}

/*********************************************     PACKAGE PAGE     *********************************************/

/* subContainer : Content : package Price */
.willbes-Lec-Package-Price {
	height: 125px;
	margin-bottom: 15px;
}

.total-PriceBox {
	font-size: 14px;
	font-weight: 600;
	height: 64px;
	line-height: 62px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #3a3e47;
}

.total-PriceBox span {
	float: left;
}

.total-PriceBox .price-tit {
	width: 135px;
	font-size: 16px;
	text-align: center;
}

.total-PriceBox .price-txt {
	font-weight: 300;
	padding-right: 10px;
}

.total-PriceBox .price-total {
	float: right;
	width: 200px;
	background: #f9f9f9;
	font-size: 23px;
	text-align: right;
	padding-right: 30px;
}

.total-PriceBox .row-line {
	background: #e7e7e7;
	width: 1px;
	height: 24px;
	margin: 21px 30px 0 0;
}

.total-PriceBox .price-img {
	padding: 0 10px;
}

/* subContainer : Content : packageTable */
.sticky-Package {
	position: relative;
	height: 340px;
}

.sticky-total {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	height: auto;
}

.sticky-total.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	right: 180px;
	width: 940px;
	margin: 0 auto;
}

.packageTable {
	width: 100%;
	height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-top: 2px solid #000;
	border-bottom: 1px solid #3d3d3d;
	padding: 15px 0;
}

.packageTable .w-package {
	height: 30px;
	line-height: 30px;
}

.packageTable .w-package span {
	float: left;
}

.packageTable .w-package .w-obj {
	width: 75px;
	text-align: center;
}

.pBox {
	background: #fff;
	display: inline-block;
	min-width: 40px;
	height: 18px;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	letter-spacing: -1px;
	padding: 0 4px;
}

.pBox.p1 {
	color: #3e93be;
	border-color: #3e93be;
}

.pBox.p2 {
	color: #653c97;
	border-color: #653c97;
}

.pBox.p3 {
	color: #af645a;
	border-color: #af645a;
}

.pBox.p4 {
	color: #343434;
	border-color: #7b7b7b;
}

.pBox.p5 {
	color: #2799b5;
	border-color: #2799b5;
}

.pBox.p6 {
	color: #509122;
	border-color: #509122;
}

.pBox.p7 {
	color: #17396b;
	border-color: #17396b;
}

.packageTable .w-tit {
	width: 670px;
	font-size: 14px;
	font-weight: 600;
	color: #3a3a3a;
}

.packageTable .priceWrap {
	width: 160px;
	position: relative;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
}

.packageTable .priceWrap .price {
	position: absolute;
	top: 0;
	right: 50px;
}

.packageTable .priceWrap .discount {
	float: right;
	color: #464646;
}

.packageTable .priceWrap .delete {
	position: absolute;
	top: 0;
	right: 30px;
}

/* subContainer : Content : packageDetailTable */
.packageDetailTable {
	background: #f4f5f6;
	height: 130px;
}

.packageDetailTableDiy {
	background: #f4f5f6;
	height: 80px;
}

.packageDetailTable td {
	line-height: 40px;
}

.packageDetailTable .w-list {
	font-size: 18px;
	font-weight: 600;
}

.packageDetailTable .w-line .row-line {
	background: #e7e7e7;
	width: 1px;
	height: 100px;
}

.packageDetailTable .w-tit {
	font-size: 20px;
	font-weight: 600;
}

.packageDetailTable .w-tit .w-info {
	clear: none;
	display: inline-block;
}

.willbes-Buy-PackageList {
	width: auto;
	padding-bottom: 25px;
	border-bottom: 1px solid #e7e7e7;
}

.willbes-Buy-PackageList table.lecTable {
	background: #f9f9f9;
	border-bottom: none;
}

.willbes-Buy-PackageList table.lecTable .w-lectit {
	padding-left: 20px;
}

.willbes-Buy-PackageList table.lecTable .w-data {
	padding-left: 20px;
}

.willbes-Buy-PackageList table.lecTable .priceWrap {
	top: 0;
}

/* subContainer : Content : mockTable */
.willbes-Mock-Subject {
	font-size: 16px;
	line-height: 25px;
	padding: 50px 0 25px;
}

.tabMock {
	height: 34px;
	border-bottom: 1px solid #0d74ae;
}

.tabMock li {
	height: 34px;
}

.tabMock.three li {
	float: left;
	width: 160px;
}

.tabMock.four li {
	float: left;
	width: 156px;
}

.tabMock li a {
	display: block;
	width: 100%;
	height: 33px;
	line-height: 32px;
	background: #fff;
	font-size: 12px;
	color: #959595;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

.tabMock li:first-child a {
	border-left: 1px solid #e1e1e1;
}

.tabMock li a.on {
	background: #fff;
	height: 34px;
	line-height: 32px;
	font-weight: 600;
	color: #0d74ae;
	border-top: 1px solid #0d74ae;
	border-left: 1px solid #0d74ae;
	border-right: 1px solid #0d74ae;
}

.LeclistTable table.mockTable tr.two th {
	line-height: 30px;
}

.LeclistTable table.mockTable tr.two th .row-line {
	/*margin: 8px 0;*/
}

.LeclistTable table.mockTable tr td.w-price {
	font-weight: 300;
	text-align: center;
	padding: 0;
}

.LeclistTable table.mockTable tr td {
	line-height: 16px !important;
	padding: 12px 0;
}

.mockTabWrap {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.tabMockblack {
	height: 50px;
	border-bottom: 1px solid #4f4f4f;
}

.tabMockblack.three li {
	float: left;
	width: 33.33333333%;
	height: 50px;
}

.tabMockblack li a {
	display: block;
	width: 100%;
	height: 49px;
	line-height: 48px;
	background: #f5f5f5;
	font-size: 15px;
	font-weight: 600;
	color: #878787;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

.tabMockblack li a.on {
	background: #fff;
	height: 50px;
	line-height: 42px;
	color: #3a3a3a;
	border-top: 4px solid #4f4f4f;
	border-left: 4px solid #4f4f4f;
	border-right: 4px solid #4f4f4f;
}

.tabMockblack li:first-child a.on {
	border-left: 4px solid #4f4f4f;
}

.mockpopupTable select {
	border: 1px solid #d4d4d4;
	width: 154px;
	height: 26px;
}

.mockpopupTable ul li {
	display: inline;
	float: left;
	margin-right: 30px;
	line-height: 1.5;
}

.mockpopupTable ul li input[type="radio"] {
	/*float: left;
    margin-top: 14px;*/
	margin-right: 5px;
}

.willbes-Layer-PassBox .passzoneListInfo {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
}

.willbes-Layer-PassBox .passzoneListInfo span {
	vertical-align: baseline;
}

.willbes-Layer-PassBox .passzoneListInfo.BG {
	background: #f9f9f9;
	padding: 10px;
}

.willbes-Layer-PassBox .passzoneDayInfo {
	background: #f9f9f9;
	font-size: 14px;
	letter-spacing: 0;
	padding: 10px;
}

.willbes-Layer-PassBox .passzoneDayInfo span {
	vertical-align: baseline;
}

.willbes-Layer-PassBox .passzoneDayInfo input[type="checkbox"] {
	width: 15px;
	height: 15px;
}

.willbes-Layer-PassBox .passzoneDayInfo label {
	display: inline-block;
	margin-top: -10px;
}

.willbes-Layer-PassBox .passzonebtn {
	border-top: 1px solid #edeeef;
	padding: 20px 0 25px;
}

.willbes-Layer-PassBox .passzonebtn.none {
	border-top: none;
	padding: 0;
}

/* counsel Reserve */
.counsel_infoBox .listTable .userInfoBox th,
.counsel_infoBox .listTable .userInfoBox td {
	padding: 8px 0;
}

.counsel_infoBox .listTable .userInfoBox select {
	width: 142px;
	height: 27px;
}

/* counsel Step */
.willbes-counsel_step.step:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-counsel_step.step ul:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-counsel_step.step ul {
	margin-bottom: 25px;
}

.willbes-counsel_step.step ul li {
	float: left;
	width: 280px;
	height: 80px;
	border: 1px solid #d3d3d3;
	font-size: 16px;
	font-weight: 600;
	color: #434343;
	text-align: center;
	line-height: 26px;
}

.willbes-counsel_step.step ul li.arrow {
	float: left;
	width: 30px;
	height: 80px;
	margin: 0 10px;
	border: none;
}

.willbes-counsel_step.step ul li.arrow img {
	position: relative;
	top: 50%;
	margin-top: -15px;
}

.willbes-counsel_step.step ul li.active {
	border: 1px solid #1a8ccc;
}

.willbes-counsel_step.step ul li .num {
	font-family: "NotoSansCJKkr-Regular", "Noto Sans KR", "sans-serif";
	font-size: 21px;
	font-weight: 300;
	color: #1a8ccc;
	letter-spacing: 0;
	margin-top: 10px;
}

/* counsel Step : 01. 상담일자/시간선택 */
.willbes-counsel_step.step .info-Box {
	position: relative;
	background: #eee;
	width: 940px;
	padding: 25px;
	border: 1px solid #bebebe;
	font-size: 13px;
	color: #434343;
	line-height: 26px;
}

.willbes-counsel_step.step .info-Box:after,
.willbes-counsel_step.step .info-Box:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.willbes-counsel_step.step .info-Box:before {
	top: -25px;
	border-color: transparent transparent #bebebe;
	border-width: 12px;
}

.willbes-counsel_step.step .info-Box:after {
	top: -24px;
	border-color: transparent transparent #eee;
	border-width: 12px;
}

.willbes-counsel_step.step .info-Box1:before {
	margin-left: 105px;
}

.willbes-counsel_step.step .info-Box1:after {
	margin-left: 105px;
}

.willbes-counsel_step.step .info-Box2:before {
	margin-left: 430px;
}

.willbes-counsel_step.step .info-Box2:after {
	margin-left: 430px;
}

.willbes-counsel_step.step .info-Box3:before {
	margin-left: 760px;
}

.willbes-counsel_step.step .info-Box3:after {
	margin-left: 760px;
}

/* counsel Step : 02. 사전정보입력 */
table.counselTable .w-selec-Area input[type="checkbox"] {
	float: left;
}

table.counselTable .w-info {
	line-height: 25px !important;
}

table.counselTable .w-info label {
	margin-top: 0 !important;
}

table.counselTable .w-info .ipttitle {
	width: 120px;
	border: none;
}

table.counselTable .w-info .iptsbj {
	width: 90px;
	border: none;
	border-bottom: 1px dashed #707070;
}

table.counselTable .w-info .iptgrade,
table.counselTable .w-info .iptallgrade {
	width: 30px;
	text-align: center;
	padding: 0;
	border: none;
}

table.counselTable .w-info input[type="text"] {
	outline: none;
}

table.counselTable .w-info .Detail-gradeBox {
	margin-bottom: 10px;
}

/* calendarTable */
.calendarTable {
	width: 68%;
}

table.calendar {
	width: 100%;
	border: 1px solid #bebebe;
}

tr.calendar_week td,
tr.calendar_day td {
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	font-size: 13px;
}

tr.calendar_week td:first-child,
tr.calendar_day td:first-child {
	border-left: none;
	color: #ed1c24;
}

tr.calendar_week th:last-child,
tr.calendar_day td:last-child {
	color: #1a8ccb;
}

tr.calendar_week td {
	background: #f1f1f1;
	height: 36px;
	text-align: center;
}

tr.calendar_day td {
	position: relative;
	height: 66px;
	padding: 12px 12px 8px;
	vertical-align: top;
	cursor: pointer;
}

tr.calendar_day td a.viewSchedule {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 65px;
	font-size: 0;
	text-indent: -9999px;
	z-index: -1;
}

tr.calendar_day td a.today {
	background: #f2f8fe;
}

tr.calendar_day td a.active {
	background: #feeeee;
}

tr.calendar_day td:hover {
	background: #fef7f7;
	color: #0c5dc0;
	text-decoration: underline;
}

tr.calendar_day td span.roomTable {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
	background-color: salmon;
	float: right;
	font-size: 0;
	text-indent: -9999px;
	display: inline-block;
	border-radius: 5px;
	z-index: 2;
}

tr.calendar_month th {
	font-size: 18px;
	padding: 22px 0;
}

tr.calendar_month th span {
	display: inline-block;
	width: 29px;
	height: 29px;
	margin: 0 30px;
}

span.calendar_btn {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	font-family: "NanumGothic-Regular", "Nanum Gothic", "나눔고딕", "sans-serif";
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	line-height: 16px;
	margin: 0 8%;
	padding: 2px 0;
}

.btn_end {
	background: #eaeaea;
	border: 1px solid #c9c9c9;
	color: #888;
}

.btn_ing {
	background: #1a8ccb;
	border: 1px solid #1a8ccb;
	color: #fff;
}

.scheduleImg {
	width: 940px;
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 30px 0;
}

.scheduleImg img {
	max-width: 100%;
}

.scheduleImg .scheduleDate {
	font-size: 22px;
	margin-bottom: 20px;
}

.scheduleImg .scheduleDate span {
	box-shadow: inset 0 -15px 0 rgba(12, 93, 192, 0.2);
}

/* timeTable */
.timeTable {
	width: 31%;
	height: 441px;
	border: 1px solid #bebebe;
}

.timeTit {
	font-size: 16px;
	color: #323232;
	text-align: center;
	line-height: 20px;
	padding: 10px 0 5px;
}

.timeSubTit {
	font-size: 13px;
	color: #707070;
}

.SelectDay {
	background: #1b8ccc;
	height: 36px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	border-top: 1px solid #e0e0e0;
	letter-spacing: 0;
}

.SelectTime {
	height: 348px;
	overflow-x: hidden;
	overflow-y: scroll;
	letter-spacing: 0;
}

.SelectTime ul li {
	height: 34px;
	font-size: 12px;
	color: #707070;
	line-height: 32px;
	/*border-top: 1px solid #e0e0e0;*/
	border-bottom: 1px solid #e0e0e0;
}

.SelectTime ul li.lunchTime {
	background: #f1f1f1;
}

.SelectTime ul li div {
	float: left;
}

.SelectTime ul li div.Time {
	width: 50%;
	height: 34px;
	text-align: center;
	border-right: 1px solid #e0e0e0;
}

.SelectTime ul li div.Condition {
	width: 50%;
	height: 100%;
	text-align: center;
}

.SelectTime ul li div.Condition a {
	display: block;
	width: 100%;
	height: 100%;
}

.SelectTime ul li div.Condition.ing a {
	color: #1b8ccc;
}

.SelectTime ul li.SelectTxt {
	border: none;
	margin: 157px 0;
}

.SelectTime ul li.SelectTxt .Txt {
	width: 100%;
	text-align: center;
	line-height: 17px;
}

/* counsel Step : 03. 상담예약확인 */
.reserveOverflow {
	overflow-x: hidden;
	overflow-y: auto;
	height: 592px;
}

.reserveTable {
	display: table;
	width: 100%;
	letter-spacing: 0;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.reserveTable .row-line {
	float: right;
	background: #707070;
	width: 2px;
	height: 11px;
	margin: 4px 6px;
}

.table-row {
	border-top: 1px solid #edeeef;
}

.table-row.top {
	border-top: none;
}

.table-cell {
	display: table-cell;
	height: 40px;
}

.reserveTable dl dt {
	float: left;
	line-height: 20px;
}

.reserveTable dl dt.sList {
	display: none;
	margin-right: 10px;
}

.reserveTable.on dl dt.sList {
	display: block;
}

.reserveTable dl dt.sList .row-line {
	float: left;
	width: 1px;
	margin: 6px 10px;
}

.reserveTable .MoreBtn {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -6px;
}

.reserveTable .MoreBtn a {
	color: #363636;
	text-decoration: underline;
}

.reserveTable .table-cell p {
	line-height: 20px;
}

.reserveTable .table-cell p a.btn {
	padding: 4px 5px;
	margin-left: 5px;
}

.reserveTable .table-cell.w-tit {
	vertical-align: middle;
	text-align: center;
}

.reserveTable .table-cell.w-tit p {
	width: 113px;
}

.reserveTable .table-cell.w-data {
	width: 231px;
	padding: 10px;
}

.reserveTable .table-cell.w-data-span3 {
	width: 575px;
}

.reserveTableList {
	margin-bottom: 20px;
}

.reserveTableList .reserveTable.on {
	display: block;
	height: 41px;
	overflow: hidden;
}

.reserveTableList .reserveTable.on .table-cell.w-data {
	padding: 0;
}

.reserveTableList .reserveTable.on dl dt {
	line-height: 24px;
}

.reserveTableList .reserveTable.on .row-line {
	margin: 6px;
}

.willbes-User-Info {
	float: left;
	width: 940px;
	clear: both;
}

/*********************************************     CART PAGE     *********************************************/

/* subContainer : Cart : 장바구니 */
.willbes-Cartlist {
	margin-top: 10px;
}

.willbes-Cartlist .stepCart {
	margin-bottom: 44px;
}

.willbes-Cartlist .tabs-Step {
	height: 61px;
	line-height: 55px;
}

.willbes-Cartlist .tabs-Step li {
	float: left;
	width: 33.333333333333%;
	height: 105px;
	font-size: 20px;
	font-weight: 600;
	color: #d6d6d6;
	text-align: center;
}

.willbes-Cartlist .tabs-Step li div {
	height: 61px;
	border-bottom: 6px solid #ececec;
}

.willbes-Cartlist .tabs-Step li.on {
	background: url("../../img/willbes/cart/icon_cart_on.png") no-repeat center 75px;
	color: #323232;
}

.willbes-Cartlist .tabs-Step li.on div {
	border-bottom: 6px solid #1a8ccc;
}

.willbes-Cartlist .LeclistTable ul {
	float: right;
	height: 25px;
	line-height: 23px;
	text-align: right;
}

.willbes-Cartlist .LeclistTable ul li {
	display: inline-block;
	line-height: 20px;
}

.willbes-Delivery-Info table {
	letter-spacing: 0;
}

.LeclistTable .listTable.cartTable {
	border-bottom: 1px solid #959595;
}

.LeclistTable .listTable.cartTable .w-img a img {
	width: 140px;
}

.LeclistTable .listTable.cartTable .w-list a {
	display: block;
}

.LeclistTable .listTable.cartTable .w-list span {
	margin-right: 5px;
}

.LeclistTable .listTable.cartTable .productTable {
	width: 100%;
}

.LeclistTable .listTable.cartTable .productTable tr td {
	border: none;
	height: 30px;
	line-height: 30px;
}

.LeclistTable .listTable.cartTable .productTable tr td .row-line {
	float: right;
	background: #e4e4e4;
	width: 1px;
	height: 10px;
	margin: 9px 0;
}

a.btnstA {
	display: inline-block;
	background: #1a8ccb;
	color: #fff;
	padding: 5px 20px;
	border-radius: 20px;
	vertical-align: middle
}

a.btnstA:hover {
	background: #333;
}

.willbes-Cart-Price {
	/*height: 190px;*/
	margin: 25px 0;
}

.willbes-Cart-Price:after {
	content: "";
	display: contents;
	clear: both;
}

.cart-PriceBox {
	/*float: left;*/
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	line-height: 44px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #3a3e47;
	letter-spacing: 0;
}

.cart-PriceBox li {
	float: left;
	font-size: 12px;
	text-align: center;
}

.cart-PriceBox li .price {
	font-family: "NanumGothic-ExtraBold", "Nanum Gothic", "나눔고딕", "sans-serif";
	font-size: 18px;
}

.cart-PriceBox dl.priceBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 710px;
	height: 138px;
	padding: 0;
}

.cart-PriceBox dl.priceBox dt {
	float: left;
	margin: 0 50px;
	padding: 24px 0;
}

.cart-PriceBox dl.priceBox a {
	font-size: 14px;
}

.cart-PriceBox dl.priceBox .price-img {
	position: relative;
	margin: 0 !important;
	padding: 19px 0;
}

.cart-PriceBox-two dl.priceBox {
	width: 360px;
	left: 175px;
}

.cart-PriceBox .row-line {
	background: #e7e7e7;
	width: 1px;
	height: 100px;
}

.cart-PriceBox .price-img img {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	margin-left: -12px;
}

.cart-PriceBox .price-total {
	float: right;
	width: 230px;
	height: 138px;
	background: #f9f9f9;
	font-size: 16px;
	color: #505050;
	text-align: center;
	margin: 0;
	padding: 24px 0;
}

.cart-PriceBox .price-total .price {
	font-size: 23px;
}

.cart-PriceBox:after {
	content: "";
	display: block;
	clear: both;
}
/*
.willbes-Cart-Txt {
	margin-top: 50px;
}*/

.willbes-Cart-Txt .MoreBtn {
	position: absolute;
	top: 45px;
	right: 20px;
	z-index: 5;
}

.willbes-Cart-Txt .MoreBtn a {
	font-size: 11px;
	color: #535353;
}

.willbes-Cart-Txt .txtTable {
	display: block;
	width: 940px;
	padding: 28px;
	border: 1px solid #e7e7e7;
	letter-spacing: 0;
}

.willbes-Cart-Txt .txtTable.off {
	padding: 20px;
}

.willbes-Cart-Txt .txtTable tr td {
	line-height: 1.8;
	color: #666;
}

.willbes-Cart-Txt .txtTable tr td strong {
	color: #000;
	font-weight: 600;
}

.willbes-Cart-Txt .title {
	padding: 20px 0 0 40px;
	font-weight: 600;
	font-size: 14px;
}

.willbes-Cart-Txt .title span {
	vertical-align: bottom;
}

/* subContainer : Cart : 결제하기 */
.LeclistTable .buyTable tr td {
	font-size: 11px;
	line-height: 30px;
	padding: 10px 0;
}

.LeclistTable .buyTable dl dt.tit {
	font-size: 12px;
}

.LeclistTable .buyTable .w-day {
	display: inline-block;
	width: 180px;
}

.LeclistTable .buyTable .w-data {
	color: #3a3a3a;
}

.LeclistTable .buyTable .w-data input {
	width: 80px;
	height: 22px;
	text-align: center;
	border: 1px solid #c9c9c9;
}

.LeclistTable .buyTable .w-data img {
	margin: 0 5px;
}

.LeclistTable .buyTable .tBox {
	/*float: right;*/
	margin-top: 5px;
}

.LeclistTable .buyTable .w-coupon {
	/*float: right;*/
}

.LeclistTable .buyTable tr td .w-coupon a {
	display: inline-block;
}

.LeclistTable .buyTable .tx-blue {
	font-weight: 600;
	letter-spacing: 1px;
}

.LeclistTable .buyTable .w-buy-price {
	font-size: 12px;
	line-height: 25px;
}

.LeclistTable .buyTable .w-buy-price .tx-light-blue {
	font-weight: 600;
}

.LeclistTable .buyTable .w-buy-price .origin-price {
	text-decoration: line-through;
}

/* subContainer : Cart : 결제하기 : 쿠폰적용 */

.willbes-Layer-CartBox {
	/*position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin-top: -280px;
	margin-left: -380px;
	*/
	width: 760px;
	margin: 5% auto auto;
	height: auto;
	border: 1px solid #2f2f2f;
	background: #fff;
	position: relative;
}

.willbes-Layer-CartBox2 {
	width: 500px;
	height: 400px;
	margin: 5% auto auto;
	border: 1px solid #2f2f2f;
}

.willbes-Layer-CartBox .closeBtn {
	position: absolute;
	top: 9px;
	right: 16px;
}

.willbes-Layer-CartBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
	letter-spacing: 0;
	padding-left: 35px;
}

.willbes-Layer-CartBox .Layer-Tit2 {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	padding: 0 20px;
}

.willbes-Layer-CartBox .Layer-Tit2 a {
	float: right;
}

.willbes-Layer-CartBox .Layer-Cont {
	margin: 35px;
}

.willbes-Layer-CartBox .Layer-Cont .tit {
	font-size: 14px;
	color: #454545;
	letter-spacing: 1px;
}

.willbes-Pricelist {
	background: #f9f9f9;
	margin: 20px 0;
}

.willbes-Pricelist ul {
	text-align: center;
}

.willbes-Pricelist li {
	display: inline-block;
	line-height: 1.5;
	margin: 0 55px;
}

.willbes-Pricelist li.price-img {
	position: relative;
	margin: 0 !important;
	padding: 19px 0;
}

.willbes-Pricelist li.price-img img {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	margin-left: -12px;
}

.willbes-Pricelist li .row-line {
	background: #e7e7e7;
	width: 1px;
	height: 50px;
}

.willbes-Pricelist .PriceBox .price {
	font-family: "NanumGothic-ExtraBold", "Nanum Gothic", "나눔고딕", "sans-serif";
	font-size: 18px;
	font-weight: 600;
}

.willbes-Pricelist .PriceBox .price-total {
	font-size: 22px;
}

.couponWrap {
	clear: both;
}

ul.btnWrap {
	position: absolute;
	top: 3px;
	right: -1px;
}

ul.btnWrap li {
	display: inline-block;
	line-height: 20px;
}

.couponWrap .tabBox .coupon.caution-txt {
	padding: 25px 20px;
	margin-left: 5px;
}

.couponBox .tabContent {
	max-height: 350px;
	overflow-x: auto;
}

table.couponTable {
	font-size: 11px;
	text-align: center;
}

table.couponTable tbody tr th,
table.couponTable thead tr th {
	background: #f9f9f9;
	height: 45px;
	line-height: 14px;
}

table.couponTable tr th,
table.couponTable tr td {
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0;
	padding: 10px;
}

table.couponTable tr th .row-line {
	float: right;
	background: #e7e7e7;
	width: 1px;
	height: 11px;
}

table.couponTable tr th div.line2 {
	display: inline-block;
}

table.couponTable tr th .row-line.line2 {
	margin: 7px 0;
}

/* subContainer : Cart : 결제하기 : 나의 배송 주소록 */
.address.caution-txt {
	padding-left: 20px;
	margin-bottom: 30px;
}

.address.subBtn {
	position: absolute;
	top: 0;
	right: 0;
}

table.couponTable tr td.address {
	line-height: 16px;
}

table.couponTable .tBox {
	margin: 1px 0;
}

.couponWrap .p-info {
	font-size: 11px;
	line-height: 20px;
	padding: 10px 15px;
}

ul.btnWrapbt {
	/*float: left;*/
	text-align: right;
}

ul.btnWrapbt li {
	display: inline-block;
	width: 52px;
	line-height: 20px;
}

ul.btnWrapbt.popbtn li {
	width: auto;
	margin-left: 5px;
}

ul.btnWrapbt.popbtn li:first-child {
	margin: 0;
}

ul.btnWrapbt.popbtn li a {
	font-weight: 300;
	border: 1px solid #bbb;
}

ul.btnWrapbt.popbtn li a:hover {
	border: 1px solid #091940;
	background: #1f326a;
	color: #fff;
}

/* subContainer : Cart : 결제하기 : 결제금액리스트 */
.willbes-Buylist-Price {
	float: left;
	width: 100%;
}

.willbes-Buylist-Price .cart-PriceBox {
	clear: both;
	border-top: 1px solid #3a3e47;
}

.willbes-Buylist-Price dl.priceBox dt {
	margin: 0 45px;
}

.cart-PointBox {
	clear: both;
	background: #f9f9f9;
	height: 60px;
}

.pointBox {
	height: 60px;
	letter-spacing: 0;
}

/*
.pointBox {
    position: absolute;
    top: 138px;
    left: 0;
    right: 0;
    width: 710px;
    height: 50px; 
    border-top: 1px solid #e7e7e7;
}
*/
.pointBox .row-line {
	height: 35px;
}

.pointBox dt {
	float: left;
	line-height: 58px;
	padding: 0;
}

.pointBox .p-tit {
	margin: 0 30px;
}

.pointBox .p-tit span {
	vertical-align: baseline;
}

.pointBox .u-point {
	display: inline-block;
	font-size: 14px;
	margin: 0 20px 0 0;
}

.btnAll {
	display: inline-block;
	height: 22px;
}

.btnAll a {
	background: #fff;
	display: block;
	font-size: 12px;
	color: #898989;
	border: 1px solid #898989;
	line-height: 20px;
	padding: 0 10px;
	letter-spacing: 0;
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica",
		"Apple SD Gothic Neo", "sans-serif";
}

.pointBox input[type="text"] {
	background: none;
	width: 100px;
	height: 22px;
	color: #707070;
	text-align: right;
	padding: 0px 5px 2px;
	border: 1px solid #898989;
}

/*
.willbes-Buylist-Price .price-total {
    height: 188px;
    padding: 49px 0;
}
*/
.willbes-Buylist-Price.Fin .price-total {
	height: 138px;
	padding: 24px 0;
}

.willbes-Buylist-Price .p-info {
	padding: 20px 30px;
	letter-spacing: 0;
	line-height: 1.5;
}

.willbes-Buylist-Price .p-info span {
	font-weight: 600;
}

/* subContainer : Cart : 결제하기 : 배송정보 */
table.deliveryTable {
	border-bottom: 1px solid #959595;
}

table.deliveryTable tr.u-from th,
table.deliveryTable tr.u-from td {
	border-top: none;
}

table.deliveryTable tr.u-to th,
table.deliveryTable tr.u-to td {
	border-top: 1px solid #959595;
}

table.deliveryTable tr th {
	font-weight: 600;
	line-height: 20px;
	border-right: 1px solid #edeeef;
}

table.deliveryTable tr td {
	padding: 7px 0;
}

.u-delivery-chk {
	background: #dff8ff;
}

.u-delivery-chk ul li {
	float: left;
	line-height: 22px;
}

.u-delivery-chk ul li input[type="radio"] {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.u-delivery-chk ul li label {
	padding-right: 35px;
	line-height: 24px;
}

table.deliveryTable input[type="text"] {
	border: 1px solid #d4d4d4;
	height: 27px;
	padding: 0 10px;
}

table.deliveryTable .inputBox.Add {
	padding: 7px 0;
}

table.deliveryTable .inputBox input {
	width: 400px;
	font-size: 12px;
	padding: 5px;
}

table.deliveryTable .searchadd input {
	width: 55px;
}

table.deliveryTable .searchadd button {
	width: 95px;
	height: 27px;
	line-height: 25px;
}

table.deliveryTable .searchadd button span {
	font-size: 11px;
}

table.deliveryTable .addbox1 {
	height: 26px;
	margin-bottom:15px;
}

table.deliveryTable .addbox2 {
	height: 26px;
	top: -1px;
}

table.deliveryTable select {
	width: 82px;
	height: 27px;
}

table.deliveryTable input.phone {
	width: 82px;
	text-align: center;
}

/* subContainer : Cart : 결제하기 : 결제정보 */
.willbes-BuyInfo .w-buyinfo dl dt {
	height: 30px;
	line-height: 28px;
	margin-bottom: 10px;
}

.willbes-BuyInfo .w-buyinfo .t-price {
	font-size: 23px;
	font-weight: 600;
}

.willbes-BuyInfo .w-buyinfo .w-point {
	float: right;
}

.willbes-BuyInfo .w-buyinfo .w-point span {
	font-weight: 600;
}

.willbes-BuyInfo .w-buyinfo .caution-txt {
	padding-left: 20px;
	letter-spacing: -1px;
}

.willbes-BuyInfo .w-buyinfo .caution-txt span {
	vertical-align: baseline;
}

.willbes-BuyInfo .w-buyinfo dt li {
	float: left;
	margin-right: 30px;
}

.willbes-BuyInfo .w-buyinfo dt li input[type="radio"] {
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}

/* subContainer : Cart : 결제하기 : 유의사항 및 환불정책안내 */
.willbes-PolicyInfo {
	padding-bottom: 60px;
}

.willbes-PolicyInfo .w-txt .txtBox {
	height: 140px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 15px;
	margin: 15px 15px 0;
	border: 1px solid #e2e2e2;
}

.willbes-PolicyInfo .w-txt .chkBox {
	margin: 15px;
}

.willbes-PolicyInfo .w-txt .chkBox .chkBox-Agree {
	display: inline-block;
	margin-left: 5px;
}

.willbes-PolicyInfo .AllchkBox {
	text-align: right;
	padding: 20px 0 40px;
	border-bottom: 1px solid #3a3e47;
}

.willbes-PolicyInfo .AllchkBox .chkBox-Agree {
	display: inline-block;
	margin-left: 5px;
}

/* subContainer : Cart : 결제완료 */
.willbes-Payment-Fin {
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	color: #333;
	text-align: center;
	border: 1px solid #e7e7e7;
	padding: 35px 0;
	margin-top: 15px;
}

.willbes-Payment-Fin .subTit {
	font-size: 15px;
	font-weight: 300;
}

table.finTable tr td {
	height: 40px;
}

table.finTable .row-line {
	background: #b7b7b7;
	width: 1px;
	height: 10px;
	margin: 0 20px;
}

/*********************************************     PROF PAGE     *********************************************/

/* subContainer : Prof : sliderPromotion */
.sliderPromotion {
	width: 460px;
	height: 220px;
	overflow: hidden;
}

/* sliderNum : 넘버링 좌우 버튼(교수진소개 페이지) => nSlider */
.nSlider .bx-wrapper .bx-prev {
	background: url("../../img/willbes/prof/btn_prev.png") no-repeat 0 0;
}

.nSlider .bx-wrapper .bx-next {
	background: url("../../img/willbes/prof/btn_next.png") no-repeat 0 0;
	left: 20px;
}

.nSlider .bx-wrapper .bx-controls-direction {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 20px;
}

.nSlider .bx-wrapper .bx-controls-direction a {
	width: 20px;
	height: 20px;
}

.nSlider .bx-wrapper .bx-pager {
	width: auto;
	position: absolute;
	top: 15px;
	right: 60px;
	bottom: 0;
	font-size: 11px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

/* subContainer : Prof : willbes-NoticeWrap */
.willbes-NoticeWrap {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.willbes-NoticeWrap .lecTable td {
	border-bottom: 1px solid #c9c9c9;
}

.willbes-NoticeWrap:after {
	content: "";
	display: block;
	clear: both;
}

/* subContainer : Prof : listTable 공통 */
.willbes-listTable {
	float: left;
}

.will-Tit {
	font-size: 16px;
	color: #363636;
}

.will-Tit span {
	vertical-align: baseline;
}

.will-Tit .main-Lec-Selected {
	float: right;
	width: auto;
	margin: 0;
}

.will-Tit .main-Lec-Selected select {
	width: 82px;
	height: 24px;
	font-size: 12px;
	font-weight: 300;
	margin: 0;
}

.willbes-listTable .will-Tit {
	border-bottom: 1px solid #959595;
	padding-bottom: 8px;
}

.willbes-listTable .will-subTit {
	float: right;
	font-size: 13px;
}

.willbes-listTable .List-Table {
	padding: 0;
}

.willbes-listTable .List-Table li {
	font-size: 12px;
	line-height: 39px;
	border-bottom: 1px solid #e2e2e2;
	height: 39px;
}

.willbes-listTable .List-Table.w50 li {
	display: inline;
	float: left;
	width: 50%;
}

.willbes-listTable .List-Table.w50 li:nth-of-type(odd) {
	width: 47%;
	margin-right: 3%;
}

.willbes-listTable .List-Table:after {
	content: "";
	display: block;
	clear: both;
}

/* subContainer : Prof : newLec */
.willbes-newLec .List-Table li a {
	width: 390px;
}

/* subContainer : Prof : newLec */

.willbes-reply .List-Table li img {
	float: left;
	margin: 13px 0;
}

.willbes-reply .List-Table li a {
	float: right;
	width: 360px;
}

.willbes-reply2 .List-Table li img {
	margin-right: 20px;
}

/* subContainer : Prof : willbes-Prof-Subject */
.willbes-Prof-Subject {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	padding: 30px 0 20px 15px;
}

/* subContainer : Prof : profList */
ul.profGrid {
	height: 238px;
}

ul li.profList {
	position: relative;
	background: #f4f3f3;
	width: 226px;
	height: 226px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

ul li.profList.nth {
	margin-right: 0;
}

ul li.profList a.profBox {
	display: block;
	width: 100%;
	height: 100%;
}

ul li.profList a.profBox:hover {
	border: 1px solid #1b6db6;
}

ul li.profList .Obj {
	position: absolute;
	top: 25px;
	left: 20px;
	font-size: 14px;
	color: #999;
	line-height: 18px;
	z-index: 10;
}

ul li.profList .Name {
	position: absolute;
	top: 90px;
	left: 20px;
	font-size: 22px;
	font-weight: 600;
	color: #363636;
	line-height: 24px;
	z-index: 10;
}

ul li.profList .Name strong {
	color: #1b6db6;
}

ul li.profList .Name img.N {
	position: absolute;
	top: 26px;
	right: -14px;
}

ul li.profList img.profImg {
	position: absolute;
	right: 1px;
	bottom: 1px;
	z-index: 1;
}

ul li.profList img.Evt {
	position: absolute;
	top: 0;
	left: 0;
}

ul li.profList .w-notice {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
}

ul li.profList .w-notice dl dt {
	position: relative;
	width: 68px;
	height: 22px;
	border: 1px solid #c9c9c9;
}

ul li.profList .w-notice dl dt:hover {
	border: 1px solid #898989;
	z-index: 1;
}

ul li.profList .w-notice dl dt:first-child {
	margin-bottom: -1px;
}

ul li.profList .w-notice a {
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #7d7e85;
	text-align: center;
	line-height: 20px;
}

ul li.profList .willbes-Layer-ProfileBox {
	top: 205px;
	right: 0;
	left: 20px;
}

/* subContainer : Prof : willbes-Prof-Profile */
.willbes-Prof-Profile {
	background: url("../../img/willbes/prof/bg_prof.jpg") no-repeat 0 0;
	width: 940px;
	height: 461px;
}

.willbes-Prof-Profile .layerPopProf {
	position: absolute;
	bottom: 0;
	width: 188px;
	height: 206px;
	overflow: hidden;
	z-index: 10;
}

.willbes-Prof-Profile .prof-brief-btn {
	position: absolute;
	top: 29px;
	right: 0;
	float: right;
}

.willbes-Prof-Profile .prof-brief-btn li {
	float: left;
	background: #0d74ae;
	/*width: 60px;*/
	padding: 0 10px;
	height: 26px;
	text-align: center;
	margin-left: 1px;
	line-height: 26px;
}

.willbes-Prof-Profile .prof-brief-btn li.blog {
	background: #00c73c;
}

.willbes-Prof-Profile .prof-brief-btn li.cafe {
	background: #fc989a;
}

.willbes-Prof-Profile .prof-brief-btn li:hover {
	background: #333;
}

.willbes-Prof-Profile .prof-brief-btn li a {
	display: block;
	width: 100%;
	height: 100%;
}

.willbes-Prof-Profile .prof-brief-btn li img {
	padding-top: 10px;
}

.willbes-Prof-Profile .prof-brief-btn li div {
	font-size: 11px;
	color: #fff;
}

.willbes-Prof-Profile .ProfImg {
	float: left;
	width: 348px;
	height: 461px;
}

.willbes-Prof-Profile .ProfImg img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

.willbes-Prof-Profile .prof-profile {
	float: right;
	width: 576px;
	height: 461px;
	letter-spacing: 0;
}

.willbes-Prof-Profile .prof-profile .Name {
	font-size: 26px;
	top: 0px;
	left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	letter-spacing: -1px;
}

.willbes-Prof-Profile .prof-profile .Obj {
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	top: 60px;
	left: 0;
}

.willbes-Prof-Profile .prof-profile .Name span {
	vertical-align: baseline;
	font-size: 18px;
}

.willbes-Prof-Profile .prof-profile .Name .Sbj {
	font-size: 26px;
	margin-right: 5px;
}

.willbes-Prof-Profile .prof-profile .Name strong {
	font-size: 26px;
}

.willbes-Prof-Profile .prof-banner01 {
	position: absolute;
	top: 130px;
	left: 0;
	height: 206px;
}

.willbes-Prof-Profile .prof-banner01 li {
	display: inline;
	float: left;
	height: 206px;
	overflow: hidden;
}

.willbes-Prof-Profile .prof-banner01 li:first-child {
	background: url("../../img/willbes/prof/viewSample02_bg.jpg") no-repeat 0 0;
	width: 370px;
	margin-right: 14px;
}

.willbes-Prof-Profile .prof-banner01 li iframe {
	width: 370px;
	height: 206px;
}

.willbes-Prof-Profile .prof-banner01 li:last-child {
	position: relative;
	width: 188px;
	height: 206px;
}

.willbes-Prof-Profile .prof-banner01:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-Prof-Profile .prof-banner01 .bSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #98cfed;
}

.willbes-Prof-Profile .prof-banner01 .bSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.willbes-Prof-Profile .prof-banner01 .bSlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.willbes-Prof-Profile .prof-banner01 .bSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #98cfed;
}

.willbes-Prof-Profile .prof-banner02 {
	clear: both;
	width: 940px;
	height: 90px;
	overflow: hidden;
}

.willbes-Prof-Profile .sliderBest {
	position: absolute;
	top: 360px;
	left: 0;
	width: 576px;
	height: 90px;
	overflow: hidden;
}

/* subContainer : Prof : willbes-Prof-Profile-ssam 임용 교수홈 */
.willbes-Prof-Profile-ssam {
	width: 940px;
	height: 448px;
}

.willbes-Prof-Profile-ssam .ProfImgBox {
	float: left;
	width: 252px;
	height: 448px;
	border: 1px solid #d2d2d2;
}

.willbes-Prof-Profile-ssam .ProfImg {
	width: 100%;
	height: 284px;
	overflow: hidden;
}

.willbes-Prof-Profile-ssam .ProfImg img {
	width: 250px;
}

.willbes-Prof-Profile-ssam .ProfName {
	color: #fff;
	background-color: #353e5e;
	text-align: center;
	font-size: 22px;
	height: 52px;
	line-height: 52px;
}

.willbes-Prof-Profile-ssam .ProfName span {
	color: #98fbf3;
	vertical-align: top;
}

.willbes-Prof-Profile-ssam .ProfCareer {
	height: 110px;
	overflow-y: auto;
	padding: 10px;
	line-height: 1.8;
	color: #646464;
}

.willbes-Prof-Profile-ssam .prof-profile {
	float: right;
	width: 656px;
	height: 448px;
	letter-spacing: -1px;
}

.willbes-Prof-Profile-ssam .prof-brief-btn {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.willbes-Prof-Profile-ssam .prof-brief-btn li {
	display: inline-block;
	float: left;
}

.willbes-Prof-Profile-ssam .prof-brief-btn li a {
	display: block;
	font-size: 14px;
	padding-right: 16px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 1px;
	line-height: 30px;
}

.willbes-Prof-Profile-ssam .prof-brief-btn li img {
	margin-right: 3px;
}

.willbes-Prof-Profile-ssam .prof-brief-btn li.sampleLec {
	float: right;
}

.willbes-Prof-Profile-ssam .prof-brief-btn li.sampleLec a {
	background-color: #0d74ae;
	color: #fff;
	padding: 0 10px;
}

.willbes-Prof-Profile-ssam .prof-brief-btn:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-Prof-Profile-ssam .ProfBoard {
	margin-top: 40px;
}

.willbes-Prof-Profile-ssam .willbes-listTable {
	width: 315px;
}

.willbes-Prof-Profile-ssam .willbes-listTable .will-Tit {
	border-bottom: 2px solid #000;
	margin-bottom: 5px;
}

.willbes-Prof-Profile-ssam .List-Table li {
	border: 0;
	line-height: 34px;
	height: 34px;
	color: #3a3a3a;
}

.willbes-Prof-Profile-ssam .List-Table a {
	display: inline-block;
	width: calc(100% - 90px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
}

.willbes-Prof-Profile-ssam .List-Table span {
	float: right;
}

.willbes-Prof-Profile-ssam .willbes-listTable:last-child .List-Table a {
	width: calc(100% - 20px);
}

.willbes-Prof-Profile-ssam .List-Table li:after,
.willbes-Prof-Profile-ssam .ProfBoard:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-Prof-Profile-ssam .prof-banner01 {
	margin-top: 30px;
	clear: both;
	height: 136px;
	overflow: hidden;
}

.willbes-Prof-Profile-ssam .prof-banner01 li {
	display: inline;
	float: left;
}

.willbes-Prof-Profile-ssam .prof-banner01 .bSlider {
	width: 325px;
	float: right;
}

.willbes-Prof-Profile-ssam .prof-banner01:after {
	content: "";
	display: block;
	clear: both;
}

/* subContainer : Prof : willbes-Layer-ProfileBox */
.willbes-Layer-ProfileBox {
	display: none;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 110;
	width: 510px;
	height: 620px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
}

.willbes-Layer-ProfileBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
	width: auto;
	height: auto;
}

.willbes-Layer-ProfileBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 30px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-ProfileBox .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-ProfileBox .Layer-SubTit {
	font-size: 16px;
	padding: 30px 0 20px;
}

.willbes-Layer-ProfileBox .Layer-Txt {
	height: 183px;
	padding: 20px;
	line-height: 24px;
	border: 1px solid #e2e2e2;
	overflow-x: auto;
}

/* subContainer : Prof : willbes-Layer-CurriBox */
.willbes-Layer-CurriBox {
	display: none;
	background: #fff;
	position: absolute;
	top: -70px;
	right: 0;
	left: 50%;
	width: 1120px;
	margin-left: -650px;
	height: 620px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
	z-index: 110;
}

.willbes-Layer-CurriBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-CurriBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0;
	border-bottom: 2px solid #000;
}

.willbes-Layer-CurriBox .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-CurriBox .Layer-SubTit {
	font-size: 16px;
	padding: 30px 0 20px;
}

.willbes-Layer-CurriBox .Layer-Txt {
	padding: 20px;
	line-height: 24px;
	border: 1px solid #e2e2e2;
	overflow-x: auto;
}

.willbes-Layer-CurriBox .Layer-Cont img {
	max-width: 100%;
	/*max-width: 838px;*/
}

.willbes-Layer-CurriBox .Layer-Cont {
	height: 480px;
	overflow-y: auto;
}

.willbes-Layer-CurriBox .Layer-Cont ul {
	border: 1px solid #f0f0f0;
	padding: 10px 20px;
}

.willbes-Layer-CurriBox .Layer-Cont li {
	margin-bottom: 5px;
}

.willbes-Layer-CurriBox .Layer-Cont li a {
	display: block;
	padding: 5px 0 5px 20px;
	background: url("/public/img/willbes/prof/icon_file.gif") no-repeat left center;
}

/* subContainer : Prof : willbes-Layer-Board */
.willbes-Layer-Board {
	display: none;
	background: #fff;
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -470px;
	z-index: 110;
	width: 940px;
	height: auto;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
}

.willbes-Layer-Board .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-Board .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 30px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-Board .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-Board .Layer-SubTit {
	font-size: 16px;
	padding: 30px 0 20px;
}

.willbes-Layer-Board .Layer-Txt {
	padding: 20px;
	line-height: 24px;
	border: 1px solid #e2e2e2;
	overflow-x: auto;
}

.willbes-Layer-Board .Layer-Cont img {
	max-width: 100%;
	/*max-width: 838px;*/
}

.willbes-Layer-Board .Layer-Cont {
	height: auto;
	overflow-y: auto;
	padding-right: 10px;
	position: relative;
}

.willbes-Layer-Board .Layer-Cont .willbes-Prof-Subject {
	margin-bottom: 20px;
}

.willbes-Layer-Board .LecViewTable .listTable td.w-txt img {
	display: block;
	max-width: 840px !important;
	margin: 10px auto;
}

/* subContainer : Prof : willbes-Layer-ReplyBox */
.willbes-Layer-ReplyBox {
	display: none;
	background: #fff;
	position: absolute;
	top: 54px;
	/*right: 0;*/
	z-index: 110;
	width: 890px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
	left: 50%;
	margin-left: -445px;
}

.willbes-Layer-ReplyBox-1120 {
	width: 1120px;
	left: 50%;
	margin-left: -560px !important;
}

.willbes-Layer-ReplyBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-ReplyBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 25px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-ReplyBox .Layer-SubTit {
	font-size: 16px;
	padding: 30px 0 20px;
}

.willbes-Layer-ReplyBox .Layer-Cont {
	padding: 20px 5px;
}

.willbes-Layer-ReplyBox .Layer-Cont .CurriBox {
	padding: 0 20px;
}

.willbes-Layer-ReplyBox .Layer-Txt {
	height: 183px;
	padding: 20px;
	line-height: 24px;
	border: 1px solid #e2e2e2;
	overflow-x: auto;
}

.willbes-Layer-ReplyBox .reply-Btn {
	width: 116px;
}

.willbes-Layer-ReplyBox .reply-Btn a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 36px;
}

.willbes-Layer-ReplyBox .replyInfo {
	padding-bottom: 25px;
}

.willbes-Layer-ReplyBox .replyInfo li {
	font-weight: 600;
	line-height: 20px;
}

.willbes-Layer-ReplyBox .willbes-Lec-Search .inputBox {
	position: absolute;
	left: 50%;
	width: 340px;
	margin-left: -170px;
}

/* subContainer : 윌스토리 : willbes-Layer-BookImg */

.willbes-Layer-BookImg {
	display: none;
	position: fixed;
	background-color: #fff;
	top: 0;
	z-index: 110;
	width: 800px;
	height: 100%;
	left: 50%;
	margin-left: -400px;
	padding-top: 30px;
}

.willbes-Layer-BookImg .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-BookImg .Layer-Cont {
	display: block;
	height: 100%;
}

.willbes-Layer-BookImg .sliderBookBig {
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.willbes-Layer-BookImg .sliderBookBig .sliderBL {
	display: flex;
	justify-content: center;
	align-items: center;
}

.willbes-Layer-BookImg .sliderBookBig .sliderBL img {
	width: 100%;
}

.willbes-Layer-BookImg .sliderBookBig .bx-wrapper .bx-pager {
	bottom: 0;
}

.willbes-Layer-BookImg .sliderBookBig .bx-wrapper .bx-pager.bx-default-pager a {
	background: #b7b7b7;
	width: 20px;
	height: 5px;
	margin: 0 2px;
	border-radius: 0;
}

.willbes-Layer-BookImg .sliderBookBig .bx-wrapper .bx-pager.bx-default-pager a:hover,
.willbes-Layer-BookImg .sliderBookBig .bx-wrapper .bx-pager.bx-default-pager a.active,
.willbes-Layer-BookImg .sliderBookBig .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}

.willbes-Layer-BookImg .sliderBookBig p {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 19px !important;
	height: 36px !important;
	z-index: 10
}

.willbes-Layer-BookImg .sliderBookBig p img {
	width: 100%
}

.willbes-Layer-BookImg .sliderBookBig p.leftBtn {
	left: -60px
}

.willbes-Layer-BookImg .sliderBookBig p.rightBtn {
	right: -60px
}


/* subContainer : Prof : writeTable */
.LecWriteTable .writeTable tr td.w-text input {
	width: 670px;
}

.LecWriteTable .writeTable tr td.w-textarea textarea {
	width: 670px;
}

/* subContainer : rating-stars */
.rating-stars ul {
	float: left;
}

.rating-stars ul>li.star {
	display: inline-block;
	margin: 0 -3px;
}

.rating-stars ul>li.star>i.fa,
.rating-stars ul>li.star.selected.none>i.fa {
	background: url("../../img/willbes/mypage/icon_star_off.png") no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
}

.rating-stars ul>li.star.hover>i.fa,
.rating-stars ul>li.star.selected>i.fa {
	background: url("../../img/willbes/mypage/icon_star_on.png") no-repeat center center;
}

.success-box {
	display: inline-block;
	margin-left: 10px;
}

.success-box>div {
	vertical-align: baseline;
	display: inline-block;
}

/* subContainer : Prof : replyTable */
.LeclistTable .replyTable tbody tr th,
.LeclistTable .replyTable tbody tr td {
	line-height: 30px;
	padding: 15px 0;
}

.LeclistTable .replyTable tr td .subTit {
	font-size: 11px;
	color: #959595;
	line-height: 15px;
}

.LeclistTable .replyTable tr td.w-star.star1 {
	background: url("../../img/willbes/sub/star1.gif") no-repeat center center;
}

.LeclistTable .replyTable tr td.w-star.star2 {
	background: url("../../img/willbes/sub/star2.gif") no-repeat center center;
}

.LeclistTable .replyTable tr td.w-star.star3 {
	background: url("../../img/willbes/sub/star3.gif") no-repeat center center;
}

.LeclistTable .replyTable tr td.w-star.star4 {
	background: url("../../img/willbes/sub/star4.gif") no-repeat center center;
}

.LeclistTable .replyTable tr td.w-star.star5 {
	background: url("../../img/willbes/sub/star5.gif") no-repeat center center;
}

.LeclistTable .w-replyList {
	cursor: pointer;
}

.LeclistTable .w-replyTxt {
	display: none;
}

.LeclistTable .w-replyTxt td {
	font-size: 11px;
	text-align: left !important;
	padding: 15px 30px !important;
}

.LeclistTable .w-replyTxt td div {
	padding-bottom: 5px;
}

.btnAuto120.h27 {
	line-height: 25px;
}

/* subContainer : Prof : sliderBest */
.sliderBest .best-tit {
	background: url("../../img/willbes/prof/icon_best.gif") no-repeat 0 0;
	font-size: 14px;
	line-height: 28px;
	padding: 0 0 2px 28px;
	border-bottom: 1px solid #979797;
}

.sliderBest .bx-wrapper {
	height: 120px;
}

.sliderBest .bx-viewport {
	height: 120px !important;
}

.sliderBest .sliderControls {
	width: 576px;
	height: 120px;
}

.sliderBest .sliderControlsHover {
	width: 576px;
	height: 120px;
}

.sliderBest .bx-wrapper .bx-controls {
	top: -26px;
	right: 0;
}

/* sliderControls : 좌우 버튼(교수 상세 페이지) => cSlider  */
.cSliderH .bx-wrapper {
	background: none;
}

.cSliderH .bx-wrapper .bx-prev {
	background: url("../../img/willbes/prof/btn_prev_white.png") no-repeat 0 0;
}

.cSliderH .bx-wrapper .bx-next {
	background: url("../../img/willbes/prof/btn_next_white.png") no-repeat 0 0;
	left: 20px;
}

.cSliderH .bx-wrapper .bx-controls {
	position: absolute;
	width: 40px;
	height: 20px;
	z-index: 1;
}

.cSliderH .bx-wrapper .bx-controls-direction {
	width: 40px;
	height: 20px;
}

.cSliderH .bx-wrapper .bx-controls-direction a {
	width: 20px;
	height: 20px;
}

/* sliderWillbesBnr : 좌우 버튼(교수 상세 > 교수홈) */
.sliderWillbesBnr {
	clear: both;
	width: 940px;
	height: auto;
}

.sliderWillbesBnr .bx-wrapper .bx-controls-direction {
	width: 100%;
	height: 45px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
}

.sliderWillbesBnr .bx-wrapper .bx-controls-direction a {
	width: 30px;
	height: 46px;
}

.sliderWillbesBnr .bx-wrapper .bx-controls-direction a.disabled {
	display: block;
	opacity: 0.3;
}

.sliderWillbesBnr .bx-wrapper .bx-prev {
	background: url("../../img/willbes/prof/btn_arrow01.png") no-repeat 0 0;
	left: 26px;
	right: inherit;
}

.sliderWillbesBnr .bx-wrapper .bx-next {
	background: url("../../img/willbes/prof/btn_arrow01.png") no-repeat 100% 0;
	left: inherit;
	right: 26px;
}

.sliderWillbesBnr .bx-wrapper .bx-default-pager {
	display: none;
}

.sliderBest .lec-profile {
	width: 520px;
	height: 65px;
}

.sliderBest .lec-profile .w-tit {
	font-size: 13px;
	line-height: 35px;
	margin: 0;
}

.sliderBest .lec-profile .w-tit img {
	display: inline;
	width: auto;
}

.sliderBest .lec-profile .w-info {
	margin: 0;
	line-height: 20px;
}

.sliderBest .lec-profile .w-notice {
	position: relative;
	bottom: 0;
	right: 0;
	margin-left: 15px;
}

/* subContainer : Prof : tabDepthProf */
.tabWrap.tabDepthProf {
	height: 50px;
	border-bottom: none;
}

.tabWrap.tabDepthProf li {
	position: relative;
	float: left;
	width: 20%;
	height: 50px;
}

.tabWrap.tabDepthProf_1 li {
	width: 100%;
}

.tabWrap.tabDepthProf_2 li {
	width: 50%;
}

.tabWrap.tabDepthProf_3 li {
	width: 33.33333333%;
}

.tabWrap.tabDepthProf_4 li {
	width: 25%;
}

.tabWrap.tabDepthProf_5 li {
	width: 20%;
}

.tabWrap.tabDepthProf_6 li {
	width: 16.66666666%;
}

.tabWrap.tabDepthProf_7 li {
	width: 14.285714285%;
}

.tabWrap.tabDepthProf li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	background: #f5f5f5;
	font-size: 13px;
	font-weight: 600;
	color: #4d4e57;
	text-align: center;
	letter-spacing: 0;
	border: 1px solid #959595;
	border-left: none;
}

.tabWrap.tabDepthProf li:first-child a {
	border-left: 1px solid #959595;
}

.tabWrap.tabDepthProf li a.on {
	background: #686971;
	color: #fff;
}

.tabWrap.tabDepthProf li a.on:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 38px;
	left: 50%;
	margin-left: -6px;
	border-color: transparent transparent #fff;
	border-width: 6px;
}

/*subContainer : Prof : TCC*/
.tccWrap {
	letter-spacing: 0;
	color: #707070;
	line-height: 1.4;
}

.tccWrap li {
	position: relative;
	border-bottom: 1px solid #edeeef;
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 160px;
}

.tccWrap li img {
	position: absolute;
	width: 220px;
	z-index: 1;
}

.tccInfo {
	margin-left: 240px;
}

.tccInfo h4 {
	background: #f9f9f9;
	padding: 10px;
	font-size: 16px;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.tccInfo h4 .date {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 12px;
}

.tccInfo div {
	padding: 10px 70px 0 10px;
}

.tccWrap li .playBtn {
	position: absolute;
	top: 48%;
	right: 10px;
	width: 50px;
	height: 50px;
	background: url("../../img/willbes/prof/btn_play.png") no-repeat center center;
	background-size: 60%;
	font-size: 0;
	text-indent: -9999;
}
.profEditer {margin-bottom:40px}
.profEditer .profEd-Tit {
	text-align: right;
	font-size: 14px;
	color: #000;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}

.profEditer .profEd-cts {
	line-height: 1.5;
	padding-top: 20px;
}

.profEditer .profEd-cts img {
	max-width: 940px;
}

/* subContainer : Prof : tabDepthAcad */
.tabWrap.tabDepthAcad {
	height: 45px;
	border-bottom: 1px solid #4f4f4f;
}

.tabWrap.tabDepthAcad li {
	float: left;
	width: 50%;
	height: 45px;
}

.tabWrap.tabDepthAcad.four li {
	width: 25%;
}

.tabWrap.tabDepthAcad.five li {
	width: 20%;
}

.tabWrap.tabDepthAcad li a {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 43px;
	background: #f5f5f5;
	font-size: 12px;
	font-weight: 600;
	color: #878787;
	text-align: center;
	letter-spacing: 0;
	border: 1px solid #dbdbdb;
	border-bottom: 0px;
}

.tabWrap.tabDepthAcad li a.on {
	background: #fff;
	height: 45px;
	color: #3a3a3a;
	border: 1px solid #4f4f4f;
	border-bottom: 0px;
}

.AcadtabBox .tabContent .tabGrid {
	float: left;
	width: 100%;
	padding: 15px 35px;
	border-left: 1px solid #4f4f4f;
	border-right: 1px solid #4f4f4f;
}

.AcadtabBox .acadline {
	border-bottom: none;
}

.AcadtabBox .acadline li {
	float: left;
	height: 34px;
}

.AcadtabBox .acadline li a {
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #e4e4e4;
	border-left: none;
	font-size: 12px;
	color: #686868;
	text-align: center;
	line-height: 32px;
}

.AcadtabBox .acadline li:first-child a {
	border-left: 1px solid #e4e4e4;
}

.AcadtabBox .acadline li a.on {
	background: #686971;
	color: #fff;
}

.AcadtabBox .acadline.two li {
	width: 50%;
}

.AcadtabBox .acadline.three li {
	width: 33.333333333333%;
}

.AcadListBox .willbes-Lec {
	/*border-top: 1px solid #4f4f4f;*/
	padding-top: 15px;
}

.ListTabs {
	padding: 0 35px 20px;
	border-left: 1px solid #4f4f4f;
	border-right: 1px solid #4f4f4f;
}

.ListTabs ul li {
	display: inline-block;
	margin: 0 7px;
	line-height: 18px;
}

.ListTabs ul li a.on {
	font-weight: 900;
	color: #0a458b;
	border-bottom: 1px solid #0a458b;
}

.ListTabs ul li .row-line {
	background: #ddd;
	width: 1px;
	height: 9px;
	margin: -3px 0 0 10px;
}

/* subContainer : Prof : 수강신청안내버튼 */
.drop-Box.info-Box {
	top: 35px;
	right: 0;
	width: 290px;
	padding: 15px;
	border: 1px solid #2f2f2f;
	box-shadow: none;
}

.drop-Box.info-Box dl dt {
	font-size: 12px;
	text-align: left;
	line-height: 20px;
}

.drop-Box.info-Box:before {
	margin-left: 100px;
	border-color: transparent transparent #2f2f2f;
}

.drop-Box.info-Box:after {
	margin-left: 101px;
}

/* subContainer : Prof : 공지사항 */
.oBox {
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
	display: inline-block;
	min-width: 40px;
	height: 18px;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	line-height: 18px;
	text-align: center;
	padding: 0 4px;
}

.offlineBox {
	background: #6f6f6f;
}

.onlineBox {
	background: #0d74ae;
}

.allBox {
	background: #000;
}

.nyBox {
	background: #703eb4;
}

.smBox {
	background: #474747;
}

.bfBox {
	background: #f78484;
}

.changeBox {
	border: 1px solid #ed1c24;
	color: #ed1c24;
	background: #fff;
}

.campus_605001 {
	background: #703eb4;
}

.campus_605002 {
	background: #4b9e2b;
}

.campus_605003 {
	background: #0d74ae;
}

.campus_605004 {
	background: #f14078;
}

.campus_605005 {
	background: #21abc8;
}

.campus_605006 {
	background: #17396b;
}

.campus_605007 {
	background: #509122;
}

.campus_605008 {
	background: #2799b5;
}

.campus_605009 {
	background: #af645a;
}

.campus_605010 {
	background: #d28b2f;
}

.campus_605011 {
	background: #509122;
}

.campus_605012 {
	background: #2799b5;
}

.campus_605999 {
	background: #000;
}

.willbes-Lec-Selected {
	/*float: left;
	width: 100%;*/
	margin: 10px 0 20px;
}

.willbes-Lec-Selected:after {
	content: "";
	display: block;
	clear: both;
}

.willbes-Lec-Selected select {
	width: 110px;
	height: 30px;
	margin-right: 8px;
	float: left;
}

/* subContainer : Prof : 학습 Q&A */
.qnaTable tr.top {
	background: #ecf8fc;
}

.qnaTable .w-list img {
	margin-right: 5px;
}

.qnaTable .w-list .subTit,
.w-list .w-subtit {
	font-size: 11px;
	font-weight: 300;
	color: #959595;
	line-height: 15px;
	padding-bottom: 10px;
}

.aBox {
	display: inline-block !important;
	width: 60px;
	height: 22px;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica",
		"Apple SD Gothic Neo", "sans-serif";
}

.waitBox {
	border: 1px solid #adadad;
	color: #636363;
	background: #fff;
}

.answerBox {
	border: 1px solid #5ab6eb;
	color: #1a8bcc;
	background: #fff;
}

.finishBox {
	border: 1px solid #ed1c24;
	color: #ed1c24;
	background: #fff;
}

.waitBox_block {
	border: 1px solid #4b4b51 !important;
	color: #4b4b51 !important;
	background: #fff !important;
}

.redBox_block {
	border: 1px solid #ff0033 !important;
	color: #fff !important;
	background: #ff0033 !important;
}

.blueBox_block {
	border: 1px solid #5ab6eb;
	color: #fff;
	background: #5ab6eb;
}

.answerBox_block {
	border: 1px solid #4b4b51 !important;
	color: #fff !important;
	background: #4b4b51 !important;
}

.closeBox_block {
	border: 1px solid #333 !important;
	color: #fff !important;
	background: #333 !important;
}

.cancelBox_block {
	border: 1px solid #c9c9c9;
	color: #898989;
	background: #fff;
}

.bBox {
	display: inline-block;
	width: 100px;
	height: 30px;
	font-size: 12px;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
}

.blueBox {
	border: 1px solid #0d74ae;
	background: #1a8ccb;
	color: #fff;
}

.whiteBox {
	border: 1px solid #adadad;
	background: #fff;
	color: #3c3c3c;
}

.grayBox {
	border: 1px solid #adadad;
	background: #d8d9de;
	color: #3c3c3c;
}

.blackBox {
	border: 1px solid #000;
	background: #333;
	color: #fff;
}

.red-line-Box {
	border: 1px solid #ff0000;
	background: #fff;
	color: #ff0000;
}

.willbes-Lec-Selected .chkBox {
	display: inline-block;
	vertical-align: bottom;
}

.willbes-Lec-Selected .chkBox li {
	float: left;
	margin-right: 20px;
}

.willbes-Lec-Selected .chkBox li input {
	float: left;
	margin-right: 5px;
}

.willbes-Leclist .search-Btn ul li {
	float: left;
	margin-right: 10px;
}

.willbes-Leclist-txt {
	border: 1px solid #ccc;
	padding: 20px;
	line-height: 1.5;
	position: relative;
	color: #666;
}

.willbes-Leclist-txt a.print {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #1a8ccb;
	color: #fff;
	display: block;
	padding: 10px 20px;
}

.search-Btn .center {
	position: absolute;
	left: 50%;
	margin-left: -45px;
}

.search-Btn div a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}

/*********************************************     CSCENTER PAGE     *********************************************/
/* subContainer : Cs : CScenterIndex : 공통 */
.ActIndex:after {
	content: "";
	clear: both;
	display: block;
}

.ActIndex .will-Tit {
	font-size: 19px;
	font-weight: 600;
}

/* subContainer : Cs : CScenterIndex : MainVisual */
.ActIndex.MainVisual {
	background: #fbfbfb;
	border-bottom: 1px solid #e5e5e5;
	/*margin-top: 30px;*/
}

.ActIndex.MainVisual .will-main-Tit {
	float: left;
	padding-top: 70px;
	padding-bottom: 82px;
	font-size: 27px;
	font-weight: 300;
	line-height: 40px;
}

.ActIndex.MainVisual .will-main-Tit .tx-light-blue {
	font-size: 43px;
	font-weight: 600;
}

.ActIndex.MainVisual .will-main-Tit .NSK-Thin {
	font-size: 12px;
	color: #1f1f1f;
	line-height: 14px;
	padding-top: 20px;
}

.ActIndex.MainVisual .centerList {
	float: right;
	padding-top: 70px;
	text-align: center;
}

.ActIndex.MainVisual .centerList ul li {
	display: inline-block;
}

.ActIndex.MainVisual .centerList ul li.arrow {
	margin: 0 15px;
}

.ActIndex.MainVisual .centerList ul li .nStep {
	font-size: 10px;
	color: #898989;
	text-align: left;
	margin-left: 5px;
}

.ActIndex.MainVisual .centerList ul li .nTxt {
	font-size: 13px;
	color: #555;
	line-height: 15px;
}

/* subContainer : Cs : CScenterIndex : ActIndex1 */
.will-Tit .center-Btn {
	float: right;
}

.will-Tit .center-Btn a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	text-align: center;
	line-height: 22px;
}

.callBox ul {
	border: 1px solid #e5e5e5;
	height: 66px;
	margin-top: 10px;
}

.callBox ul li {
	position: relative;
	float: left;
	width: 33.33333333%;
	padding: 20px 0;
	/*line-height: 62px;*/
	line-height: 1.3;
	text-align: center;
}

.callBox ul li .row-line {
	position: absolute;
	top: 12px;
	right: 0;
	background: #e4e4e4;
	width: 1px;
	height: 40px;
}

.callBox ul li .tit {
	font-size: 14px;
	font-weight: 600;
	color: #3a3a3a;
	margin: 0 10px;
}

.callBox ul li .num {
	font-size: 22px;
	font-weight: 600;
}

.callBox ul li .time {
	font-size: 14px;
}

.callBox ul li a.bnr_go {
	margin-left: 10px;
}

/* subContainer : Cs : CScenterIndex : ActIndex2 */
.csCenterSearch .SearchBox {
	border-top: 1px solid #acacac;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1px;
	margin-top: 10px;
}

.csCenterSearch .SearchBox:after {
	content: "";
	clear: both;
	display: block;
}

.csCenterSearch .SearchBox span {
	display: inline-block;
}

.csCenterSearch .SearchBox .sTit {
	font-size: 22px;
	margin: 0 40px;
	line-height: 90px;
}

.csCenterSearch .SearchBox .sTit span {
	vertical-align: baseline;
}

.csCenterSearch .SearchBox .sTitsub {
	font-size: 12px;
	color: #555;
	line-height: 16px;
	padding: 29px 35px;
}

.csCenterSearch .SearchBox .searchBoxForm {
	float: right;
	margin: 25px 25px 25px 0;
}

.csCenterSearch .SearchBox select {
	background: #f4f4f5;
	width: 110px;
	height: 40px;
	padding-bottom: 1px;
	border: 4px solid #636363;
	border-right: none;
	outline: none;
}

.csCenterSearch .willbes-Lec-Search {
	float: right;
	height: 40px;
}

.csCenterSearch .willbes-Lec-Search .inputBox {
	background: #f4f4f5;
	width: 310px;
	height: 40px;
	border: 4px solid #636363;
	border-left: 1px solid #636363;
}

.csCenterSearch .willbes-Lec-Search .inputBox input {
	background: #f4f4f5;
	width: 220px;
	height: 32px;
	border: none;
	outline: none;
}

.csCenterSearch .willbes-Lec-Search .inputBox button {
	float: right;
}

.csCenterSearch ul {
	text-align: center;
	height: 55px;
	border-bottom: none;
}

.csCenterSearch ul li {
	/*display: inline-block;
    margin: 0 45px;
    line-height: 55px;
    width: auto;
    height: 55px;
    float: inherit;*/
	display: inline;
	float: left;
	width: 14.28571%;
}

.csCenterSearch ul li:first-child a {
	border: none;
}

.csCenterSearch ul li a {
	display: block;
	background: none;
	border: none;
	height: auto;
	line-height: 55px;
	font-size: 14px;
	font-weight: 600;
	color: #707070;
}

.csCenterSearch ul li a.on {
	background: none;
	height: auto;
	border: none;
	line-height: 55px;
	color: #0d74ae;
}

.csCenterSearch tbody tr.replyTxt th,
.csCenterSearch tbody tr.replyTxt td {
	line-height: 24px;
}

.csCenterSearch .replyList .arrow-Btn {
	background: url("../../img/willbes/cs/icon_arrow.gif") no-repeat 0 -18px;
	float: right;
	width: 11px;
	height: 9px;
	margin: 15px;
}

.csCenterSearch .replyList.hover .arrow-Btn {
	background: url("../../img/willbes/cs/icon_arrow.gif") no-repeat 0 0;
}

.csCenterSearch .replyList td:after {
	content: "";
	display: block;
	clear: both;
}

/* subContainer : Cs : CScenterIndex : ActIndex3 */
.willbes-firstinfo ul {
	border: 1px solid #e5e5e5;
	height: 86px;
	margin-top: 15px;
}

.willbes-firstinfo ul li {
	position: relative;
	float: left;
	width: 20%;
	height: 84px;
}

.willbes-firstinfo ul li .row-line {
	position: absolute;
	top: 20px;
	right: 0;
	background: #e4e4e4;
	width: 1px;
	height: 44px;
}

.willbes-firstinfo ul li a {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	color: #3a3a3a;
	text-align: center;
	line-height: 84px;
}

.willbes-firstinfo ul li a span {
	margin: 0 5px;
}

/* subContainer : Cs : CScenterIndex : ActIndex3 : willbes-Layer-CScenterBox */
.willbes-Layer-CScenterBox {
	display: none;
	background: #fff;
	position: absolute;
	top: 29px;
	right: 0;
	z-index: 100;
	width: 700px;
	height: 800px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
}

.willbes-Layer-CScenterBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-CScenterBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 25px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-CScenterBox .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-CScenterBox .Layer-SubTit {
	font-size: 12px;
	padding: 20px 0;
}

.willbes-Layer-CScenterBox .Layer-Cont {
	height: 700px;
}

.willbes-Layer-CScenterBox table tr th,
.willbes-Layer-CScenterBox table tr td {
	font-size: 12px;
	font-weight: 300;
}

.willbes-Layer-CScenterBox table tr td {
	line-height: 1.5 !important;
	padding: 8px 0 !important;
}

/*교재구매 > 강의정보*/
.bookLecBtn {
	position: relative;
}

.bookLecBtn .Layer-Cont li {
	margin-bottom: 10px
}

.willbes-Layer-bookLecBox {
	display: none;
	background: #fff;
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 110;
	width: 500px;
	height: auto;
	max-height: 400px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px;
	text-align: left;
	line-height: 1.5 !important;
}

/* subContainer : Cs : CScenterIndex : ActIndex4 */
.willbes-info .List-Table li {
	line-height: 44px;
	height: 44px;
}

.willbes-info.willbes-notice .List-Table li {
	line-height: 29px;
	height: 29px;
}

.willbes-info .List-Table li a {
	float: left;
	width: 295px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.willbes-info .List-Table li .date {
	float: right;
	color: #959595;
}

.willbes-program dl {
	display: flex;
	gap:4px;
	flex-wrap: wrap;
	/*justify-content: center;*/
	align-items: center;
	margin-top: 15px;
}

.willbes-program dl dt {
	width: calc(25% - 4px);
	text-align: center;
}

.willbes-program dl dt a {
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid #eaeaea;
	padding: 10px 0;
}

.willbes-program dl dt div {
	font-size: 11px;
	color: #3a3a3a;
	width: 95%;
	margin: 0 auto 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bnr_mobile {
	display: block;
	margin-top: -4px;
}

/* subContainer : Cs : CScenter1 : Act1 : 자주하는 질문 */
.tab_Question {
	height: 95px;
	text-align: center;
	border-top: 1px solid #dedede;
	border-bottom: 3px solid #ccc;
}

.tab_Question li {
	float: inherit;
	display: inline-block;
	width: 110px;
	height: 94px;
	padding-top: 10px;
	margin: 0 8px;
}

.tab_Question li a {
	display: block;
	background: none;
	width: 100%;
	height: 84px;
	line-height: 5px;
	font-size: 13px;
	font-weight: 600;
	color: #3a3a3a;
	text-align: center;
	letter-spacing: 0;
	border: none;
}

.tab_Question li:first-child a {
	border-left: none;
}

.tab_Question li a.on {
	background: none;
	height: 84px;
	line-height: 5px;
	font-weight: 600;
	color: #3a3a3a;
	border: none;
	border-bottom: 3px solid #0d74ae;
}

.tab_Question .subBox {
	top: 94px;
}

.cscenterList {
	cursor: pointer;
}

.cscenterTxt {
	display: none;
}

.LeclistTable .cscenterTxt td {
	font-size: 12px;
	text-align: left !important;
	padding: 15px 30px !important;
}

/* subContainer : Cs : tabcsDepth2 공통 */
.tabcsDepth2 .subBox {
	display: none;
	position: absolute;
	left: 0;
	width: 940px;
	padding: 10px 50px;
}

.tabcsDepth2 .subBox.on {
	display: block;
}

.tabcsDepth2 .subBox dl dt {
	float: left;
	margin-right: 10px;
}

.tabcsDepth2 .subBox dl dt button {
	float: left;
	font-size: 13px;
	font-weight: 600;
	width: auto;
	height: 24px;
	line-height: 24px;
	background: none;
	border: none;
	outline: none;
}

.tabcsDepth2 .subBox dl dt .row-line {
	float: right;
	background: #d3d3d3;
	width: 1px;
	height: 11px;
	margin: 7px 0 7px 10px;
}

/* subContainer : Cs : CScenter1 : Act4 : 사이트 이용가이드 */
.w-Guide {
	float: left;
	width: 100%;
	font-weight: 600;
}

.tabWrap.tab_Guide {
	height: 85px;
	border: 1px solid #b1b1b1;
}

.tabWrap.tab_Guide li {
	float: left;
	width: 20%;
	height: 83px;
	border: none;
	border-left: 1px solid #e3e3e3;
}

.tabWrap.tab_Guide li:first-child {
	border-left: none;
}

.tabWrap.tab_Guide li a {
	background-size: 60px !important;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	text-align: center;
	color: #3a3a3a;
	text-align: center;
	line-height: inherit;
	letter-spacing: 0;
	border: none;
}

.tabWrap.tab_Guide .subBox {
	top: 84px;
}

.willbes-guide ul li a.on,
.willbes-guide ul li a:hover {
	color: #0d74ae;
}

.willbes-guide ul li a span {
	display: block;
	padding-top: 38px;
	padding-left: 65px;
}

.willbes-guide ul li.w-guide1 a {
	background: url("../../img/willbes/cs/icon_firstinfo1.gif") no-repeat 30px center;
}

.willbes-guide ul li.w-guide2 a {
	background: url("../../img/willbes/cs/icon_firstinfo2.png") no-repeat 30px center;
}

.willbes-guide ul li.w-guide3 a {
	background: url("../../img/willbes/cs/icon_firstinfo3.png") no-repeat 30px center;
}

.willbes-guide ul li.w-guide4 a {
	background: url("../../img/willbes/cs/icon_firstinfo4.png") no-repeat 30px center;
}

.willbes-guide ul li.w-guide5 a {
	background: url("../../img/willbes/cs/icon_firstinfo5.png") no-repeat 30px center;
}

.willbes-guide ul li a.on,
.willbes-guide ul li a:hover {
	background-color: #eee;
	color: #0d74ae;
}

/* subContainer : Cs : CScenter1 : Act5 : 모바일 서비스안내 */
.tabWrap.tab_m_Guide {
	height: 50px;
}

.tabWrap.tab_m_Guide li {
	width: 50%;
	height: 50px;
}

.tabWrap.tab_m_Guide li a {
	height: 49px;
	font-size: 14px;
	line-height: 49px;
}

.tabWrap.tab_m_Guide li a.on {
	height: 50px;
	line-height: 50px;
}

/* subContainer : Cs : CScenter1 : Act6 : PC 원격지원 */
.support_infoBox {
	font-size: 15px;
	text-align: center;
	line-height: 26px;
}

.support_infoBox span {
	vertical-align: baseline;
}

.support-Btn {
	position: absolute;
	right: 80px;
	bottom: 35px;
	width: 130px;
}

.support-Btn span {
	font-size: 12px;
}

.SupportTable tr td {
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	padding: 15px 0;
}

.SupportTable tr td span {
	vertical-align: baseline;
}

.SupportTable tr td.w-tit {
	font-size: 14px;
}

.SupportTable tr td ul li {
	display: inline-block;
	width: 160px;
	height: 130px;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #d5d5d5;
	margin-right: 10px;
}

.SupportTable tr td ul li .w-tit {
	background: #ececec;
	height: 40px;
	line-height: 40px;
}

.SupportTable tr td ul li .w-txt {
	margin: 17px 0;
}

.SupportTable tr td ul li.arrow {
	width: 11px;
	height: 20px;
	border: none;
}

/* subContainer : Cs : CScenter1 : Act6 : 학습 프로그램 설치 */
.DownloadTable tr td {
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	padding: 15px 0;
}

.DownloadTable tr td.w-txt div {
	font-size: 14px;
}

/* subContainer : Cs : CScenter1 : Act7 : 부정사용자 규제 */
.announce_infoBox {
	background: #ededed;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	padding: 40px 0 80px;
}

.announce_infoBox span {
	vertical-align: baseline;
}

.announce-Btn ul li {
	float: left;
	margin-left: 10px;
}

.announce-Btn ul li span {
	font-size: 12px;
}

.AnnounceTable tr td {
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	padding: 10px 0;
}

.AnnounceTable tr td.w-img div {
	color: #323232;
}

.AnnounceTable tr td.w-tit {
	color: #505050;
}

.AnnounceTable tr td.w-txt {
	font-size: 12px;
}

/*********************************************     MYPAGE     *********************************************/
/* subContainer : Mypage : 무한PASS존 : Mypage_PASS_Index : MyInfo */
.ActIndex.MyInfo {
	background: #fbfbfb;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 30px;
}

.ActIndex.MyInfo .will-Tit {
	margin-top: -30px;
}

.MyInfo .testBtn {
	position: absolute;
	top: -50px;
	right: 0;
}

.MyInfo .testBtn a {
	display: inline-block;
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
}

.MyInfo .testBtn strong {
	font-weight: bold;
	color: #31a9ec
}

.MyInfo .testBtn span {
	vertical-align: top;
	background-color: #31a9ec;
	color: #000;
	margin-left: 5px;
	border-radius: 5px;
	padding: 0 5px
}

.MyInfo .testBtn a:hover {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}

.aptitudeBox {
	margin-top: 20px;
	border-top: 1px dotted #ccc;
	padding: 20px;
	text-align: center
}

.aptitudeBox input {
	width: 20px;
	height: 20px
}

.aptitudeBox a {
	display: block;
	width: 50%;
	margin: 20px auto;
	font-size: 14px;
	background-color: #000;
	color: #31a9ec;
	padding: 15px;
	border-radius: 25px
}

.aptitudeBox a:hover {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}

.oldMypage {
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -50px;
	z-index: 10;
}

.MyLecInfoBox {
	float: left;
	background: #fff;
	width: 635px;
	margin: 30px 0 35px;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

.MyLecInfoBox ul li {
	float: left;
	width: 350px;
	height: 110px;
	text-align: center;
	padding-left: 10px;
	padding-top: 20px;
}

.MyLecInfoBox ul li.sm {
	float: left;
	width: 263px;
	height: 110px;
	text-align: center;
	padding-left: 30px;
	border-left: 1px solid #e5e5e5;
}

.MyLecInfoBox ul li.line {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 10px;
}

.MyLecInfoBox ul li .Tit {
	background: #f6f6f6;
	float: left;
	width: 88px;
	height: 88px;
	border-radius: 88px;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	padding: 26px 0;
}

.MyLecInfoBox .TableInfo {
	margin-top: 20px;
}

.MyLecInfoBox .TableInfo dl dt {
	display: inline-block;
	margin: 0 10px;
}

.MyLecInfoBox .TableInfo dl dt .subTit {
	font-size: 14px;
}

.MyLecInfoBox .TableInfo dl dt div {
	font-size: 17px;
	line-height: 20px;
}

.MyLecInfoBox .TableInfo dl dt div a {
	border-bottom: 1px solid #0d74ae;
}

.MyLecInfoBox table.myTable {
	width: 115px;
	height: 68px;
	font-size: 13px;
}

.MyInfoBox {
	float: right;
	width: 285px;
	height: 245px;
	margin-top: 30px;
}

.MyInfoBoxList .will-Tit {
	background: #fff;
	font-size: 14px;
	color: #323232;
	border: 1px solid #e5e5e5;
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 15px;
	margin-top: 0 !important;
}

.MyInfoBoxList .will-Tit a {
	display: block;
	width: 20px;
	height: 20px;
	margin: 6px;
}

.MyInfoBoxList .will-Tit a img {
	float: left;
}

.MyInfoBoxList .List-Table {
	padding-left: 15px;
	margin: 13px 0 22px;
	letter-spacing: 0;
}

.MyInfoBoxList .List-Table li {
	border-bottom: none;
	height: 25px;
	line-height: 25px;
}

.MyInfoBoxList .List-Table li a {
	width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.MyInfoBoxList .List-Table li img {
	vertical-align: top;
	margin-top: 7px;
}

.MyInfoBoxList .List-Table.myTablet {
	background: url("../../img/willbes/mypage/icon_pc_n.png") no-repeat -20px 4px;
	padding: 18px 0 18px 80px;
	margin: 0;
	min-height: 86px;
}

.MyInfoBoxList .List-Table.myTablet li {
	height: 25px;
	line-height: 25px;
}

/* subContainer : Mypage : 무한PASS존 : Mypage_PASS_Index : ActIndex1 */
.Mypage_PASS_Index .ActIndex1 table.lecTable tr td {
	padding: 10px 0;
}

.Mypage_PASS_Index .ActIndex1 table.lecTable tr td.w-list {
	padding-left: 15px;
}

.Mypage_PASS_Index .ActIndex1 table.lecTable tr td.w-list a {
	display: block;
	padding: 0;
}

.Mypage_PASS_Index .ActIndex1 table.lecTable tr td.w-percent .round {
	background: #f6f6f6;
	width: 78px;
	height: 78px;
	border-radius: 78px;
	margin: 0 auto;
	font-size: 12px;
	color: #3a3a3a;
	line-height: 18px;
	padding-top: 18px;
}

.Mypage_PASS_Index .ActIndex1 table.lecTable tr td.w-percent .round .tx-blue {
	font-size: 20px;
}

/* subContainer : Mypage : 무한PASS존 : Mypage_PASS_Index : ActIndex2 */
.willbes-info .List-Table .aBox {
	float: right;
	margin: 11px 5px 11px 20px;
}

/* subContainer : Mypage : 무한PASS존 : Mypage_PASS_Index : ActIndex3 */
.willbes-info860 .List-Table li a {
	width: 870px;
}

.willbes-info860 .List-Table li span.date {
	padding-right: 5px;
}

/* subContainer : Mypage : 공통 */
.willbes-Mypage-Tit {
	padding: 5px 0 25px;
}

.willbes-Mypage-Tit ul {
	float: right;
}

.willbes-Mypage-Tit ul .InfoBtn {
	float: left;
	margin-left: 10px;
}

/* subContainer : Mypage : willbes-Mypage-Selected : Tabs 공통 */
.willbes-Mypage-Selected {
	float: left;
	width: 100%;
	background: #f9f9f9;
	margin: 0 0 30px;
	padding: 10px;
}

.willbes-Mypage-Selected.center,
.willbes-Mypage-Selected.center span {
	display: inline-block;
	float: none;
	text-align: center;
}

.willbes-Mypage-Selected .w-data {
	float: left;
}

.willbes-Mypage-Selected .w-data .iptDate {
	width: 80px;
	height: 22px;
	border: 1px solid #d4d4d4;
}

.willbes-Mypage-Selected .w-month {
	float: left;
	margin-left: 10px;
}

.willbes-Mypage-Selected .w-month ul li {
	float: left;
	width: 64px;
	height: 22px;
	border: 1px solid #d4d4d4;
	border-left: none;
}

.willbes-Mypage-Selected .w-month ul li:first-child {
	border-left: 1px solid #d4d4d4;
}

.willbes-Mypage-Selected .w-month ul li a {
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 20px;
}

.willbes-Mypage-Selected .w-month ul li a:hover,
.willbes-Mypage-Selected .w-month ul li a.on {
	background: #1a8ccb;
	color: #fff;
}

.willbes-Mypage-Selected button {
	background: #636363;
	width: 80px;
	height: 30px;
	border: 1px solid #636363;
	margin-top: 0;
	margin-left: 10px;
}

.willbes-Mypage-Selected button span {
	font-size: 12px;
}

.willbes-Mypage-Selected select {
	width: 110px;
	height: 30px;
}

.willbes-Mypage-Selected .search-Btn {
	margin-top: 0;
}

.willbes-Mypage-Selected-Search .w-data .iptDate {
	height: 30px;
}

.willbes-Mypage-Selected-Search .w-month ul li {
	height: 30px;
}

.willbes-Mypage-Selected-Search .w-month ul li a {
	line-height: 30px;
}

.willbes-Mypage-Selected-Search select {
	height: 30px;
}

.tabDepthPass {
	border-bottom: 1px solid #0d74ae;
}

.tabDepthPass li a {
	background: #fff;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	color: #959595;
	padding: 0 20px;
	line-height: 33px;
}

.tabDepthPass li a.on {
	border-top: 1px solid #0d74ae;
	border-left: 1px solid #0d74ae;
	border-right: 1px solid #0d74ae;
	color: #0d74ae;
}

.tabDepthPass li:first-child a.on {
	border-left: 1px solid #0d74ae;
}

/* subContainer : Mypage : Tabs : CurriBox 공통 */
.PassCurriBox.CurriBox {
	position: relative;
	z-index: 3;
	margin: 10px 10px 0;
	background: #f9f9f9;
	float: left;
	width: 920px;
	letter-spacing: 0;
}

.PassCurriBox.CurrLineiBox {
	position: relative;
	z-index: 3;
	border-left: 1px solid #0d74ae;
	border-right: 1px solid #0d74ae;
	border-bottom: 1px solid #0d74ae;
	padding: 15px 40px;
	float: left;
	width: 100%;
	letter-spacing: 0;
}

.PassCurriBox.CurriBox .MoreBtn {
	display: block;
	width: 100%;
	padding: 10px;
}

.PassCurriBox.CurriBox .MoreBtn a {
	color: #707070;
}

.PassCurriBox table.curriTable {
	display: block;
	width: 100%;
	padding: 0 10px;
}

.PassCurriBox tr {
	border-top: 1px solid #e2e2e2;
	line-height: 50px;
}

.PassCurriBox tr:first-child {
	border-top: none;
}

.PassCurriBox tr th {
	vertical-align: top;
	width: 70px;
	font-weight: 600;
	text-align: left;
}

.PassCurriBox tr td {
	width: 840px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	padding: 10px 5px;
}

.PassCurriBox tr td a {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 20px;
}

.PassCurriBox tr td a:hover,
.PassCurriBox tr td a.on {
	font-weight: 600;
	color: #0d74ae;
}

.PassCurriBox tr td span {
	float: left;
	margin-right: 30px;
}

.PassCurriBox ul.curriSelect li {
	float: left;
	width: 13%;
	margin: 0.5%;
}

.PASSZONE-Btn {
	float: right;
	width: 85px;
	height: 24px;
	margin: 20px 0 10px;
	text-align: center;
}

.aBox.passBox {
	width: 56px;
	height: 24px;
	line-height: 22px;
}

.aBox.passBox a {
	display: block;
	width: 100%;
	height: 100%;
}

.willbes-Lec-Table.d_block .w-answer .w-chk-st {
	float: left;
	width: 24px;
	height: 24px;
	border: 1px solid #adadad;
}

.willbes-Lec-Table.d_block .w-answer .w-chk-st a {
	display: block;
	line-height: 20px;
}

/* subContainer : Mypage : 무한PASS존 : willbes-Mypage-PASSZONE */
.willbes-Mypage-PASSZONE .hotissueBn {
	width: 365px;
	height: 195px;
	background: #eee;
	overflow: hidden;
}

.willbes-PASS-Line {
	clear: both;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	padding:0 20px;
	display:flex;
	justify-content: space-between;
	align-items: center;

}
.willbes-PASS-Line > div ul {display:flex;}
.willbes-PASS-Line > div .InfoBtn {float: none !important}
.willbes-Lec-Table .will-Tit {
	padding: 0;
	margin: 0;
}

.will-Tit-Zone {
	padding: 25px 0 25px 20px;
	border-bottom: 1px solid #c9c9c9;
	display:flex;
	align-items: center;
	gap:10px;
}

.will-Tit-Zone .willbes-Lec-Selected .seleProcess {
	width: 110px;
}

.will-Tit-Zone .willbes-Lec-Selected .seleName {
	width: 550px;
	margin-right: 0;
}

table.PassZoneTable tr td .w-tit {
	font-size: 16px;
}

table.PassZoneTable .w-lec .w-sj {
	font-size: 16px;
	padding: 10px 0 15px;
}

table.PassZoneTable .w-lec .w-btn a {
	display: block;
	margin: 0 auto;
	width: 63px;
	height: 27px;
	line-height: 25px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

table.PassZoneTable .w-data {
	padding-left: 20px;
}

/* subContainer : Mypage : 무한PASS존 : willbes-Mypage-PASSZONE : willbes-Layer-PassBox */
.willbes-Layer-PassBox {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 25px;
}

.willbes-Layer-PassBox.abs {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	z-index: 110;
	border: 1px solid #2f2f2f;
}

.willbes-Layer-PassBox .closeBtn {
	position: absolute;
	top: -1px;
	right: -1px;
}

.willbes-Layer-PassBox .Layer-Tit {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 20px 0 25px;
	border-bottom: 2px solid #000;
}

.willbes-Layer-PassBox .Layer-SubTit {
	font-size: 12px;
	line-height: 20px;
	padding: 20px 0;
}

.willbes-Layer-PassBox .Layer-Tit span {
	vertical-align: baseline;
}

.willbes-Layer-PassBox .lecMoreWrap {
	float: left;
	width: 100%;
}

.willbes-Layer-PassBox .passinfoWrap {
	width: 100%;
	padding: 30px 0 0;
}

.passinfoWrap li {
	display: inline;
	float: left;
	width: 20%;
}

.passinfoWrap li a {
	display: block;
	height: 34px;
	line-height: 34px;
	border: 1px solid #bdbdbd;
	border-bottom: 1px solid #0d74ae;
	border-right: 0;
	text-align: center;
	color: #bdbdbd;
	font-weight: bold;
}

.passinfoWrap li:last-child a {
	border-right: 1px solid #bdbdbd;
}

.passinfoWrap li a:hover,
.passinfoWrap li a.on {
	border: 1px solid #0d74ae;
	border-bottom: 1px solid #fff;
	color: #0d74ae;
}

.passinfoWrap ul:after {
	content: "";
	display: block;
	clear: both;
}

.passinfoWrap .passinfoCts {
	margin-top: 40px;
}

.willbes-Layer-PassBox .passzoneTitInfo {
	background: #e4e4e4;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 10px;
	margin-bottom: 20px;
	letter-spacing: 0;
}

.willbes-Layer-PassBox .passzoneInfo {
	background: #f9f9f9;
	padding: 10px;
	margin-bottom: 35px;
	letter-spacing: 0;
}

.willbes-Layer-PassBox .passzoneInfo.none {
	background: none;
	padding: 0;
}

.willbes-Layer-PassBox .passzoneInfo li {
	line-height: 23px;
}

.willbes-Layer-PassBox .passzoneInfo li.txt {
	padding-left: 10px;
}

.willbes-Layer-PassBox .passzoneSubInfo {
	margin-bottom: 20px;
	letter-spacing: 0;
	border-bottom: 1px solid #959595;
	padding-bottom: 10px;
}

.willbes-Layer-PassBox .passzoneSubInfo li {
	line-height: 20px;
}

.willbes-Layer-PassBox .passzoneSubInfo li.tit {
	line-height: 12px;
	border-bottom: 1px solid #959595;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.willbes-Layer-PassBox .passzoneSubInfo li.txt {
	padding-left: 10px;
}

.willbes-Layer-PassBox .passzonefinInfo {
	font-size: 12px;
	line-height: 26px;
}

.willbes-Layer-PassBox .passzonefinInfo div {
	margin: 40px 0;
}

.willbes-Layer-PassBox .emailBox {
	float: left;
}

.willbes-Layer-PassBox .Member .inputBox button.sm {
	float: right;
	width: 96px;
}

.willbes-Layer-PassBox .userInfoBox {
	width: 260px;
	margin: 0 55px;
}

.willbes-Layer-PassBox .userInfoBox input[type="text"] {
	border: 1px solid #d4d4d4;
	height: 27px;
	padding: 0 10px;
	margin-bottom: 10px;
}

.willbes-Layer-PassBox .userInfoBox button {
	width: 106px;
	height: 37px;
	line-height: 33px;
	margin: 15px 77px 0;
}

.willbes-Layer-PassBox420 {
	width: 420px;
}

.willbes-Layer-PassBox450 {
	width: 450px;
}

.willbes-Layer-PassBox540 {
	width: 540px;
}

.willbes-Layer-PassBox540 .userCouponTable {
	height: 80px;
}

.willbes-Layer-PassBox600 {
	width: 600px;
}

.willbes-Layer-PassBox700 {
	width: 700px;
}

.willbes-Layer-PassBox740 {
	width: 740px;
}

.willbes-Layer-PassBox800 {
	width: 800px;
}

.willbes-Layer-PassBox900 {
	width: 900px;
}

.willbes-Layer-PassBox990 {
	width: 990px;
}

.willbes-Layer-PassBox1100 {
	width: 1100px;
}

.willbes-Layer-PassBox.abs {
	top: 80px;
	right: 20px;
}

.willbes-Layer-PassBox.fix {
	position: fixed;
	display: block;
	top: 50%;
	left: 50%;
}

.willbes-Layer-PassBox420.h350.fix {
	margin-top: -175px;
	margin-left: -210px;
}

.willbes-Layer-PassBox420.h470.fix {
	margin-top: -235px;
	margin-left: -210px;
}

.willbes-Layer-PassBox600.h590.fix {
	margin-top: -295px;
	margin-left: -300px;
}

.willbes-Layer-PassBox700.h520.fix {
	margin-top: -260px;
	margin-left: -350px;
}

.willbes-Layer-PassBox740.h420.fix {
	margin-top: -210px;
	margin-left: -370px;
}

.willbes-Layer-PassBox740.h460.fix {
	margin-top: -230px;
	margin-left: -370px;
}

.willbes-Layer-PassBox1100.h800.fix {
	margin-top: -400px;
	margin-left: -550px;
	border: 1px solid #2f2f2f;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 110;
}

.willbes-Layer-PassBox740.h900.fix {
	margin-top: -450px;
	margin-left: -370px;
}

.willbes-Layer-PassBox1100.h920.fix {
	margin-top: -450px;
	margin-left: -550px;
	border: 1px solid #2f2f2f;
	overflow-y: auto;
	z-index: 110;
	/*position: absolute;*/
}

/* subContainer : Mypage : 무한PASS존 : willbes-Mypage-PASSZONE : willbes-Layer-PassBox : PASSZONE-List */
.PASSZONE-List {
	float: left;
}

.PASSZONE-List .willbes-Lec-Selected {
	float: none;
	margin-bottom: 0;
}

.PASSZONE-List .willbes-Lec-Selected .willbes-Lec-Selected-Grid {
	background: #f9f9f9;
	padding: 10px;
}

.PASSZONE-List .willbes-Lec-Selected .Search-Result {
	margin-top: 30px;
	height: 25px;
	letter-spacing: 0;
}

.PASSZONE-List .willbes-Lec-Selected .Search-Result .Total {
	float: left;
}

.PASSZONE-List .willbes-Lec-Selected .Search-Result .chkBox {
	float: right;
}

.PASSZONE-List .willbes-Lec-Selected .Search-Result .chkBox input {
	float: left;
	margin-right: 5px;
}

.PASSZONE-List .willbes-Lec-Selected select {
	width: 90px;
}

.PASSZONE-List .willbes-Lec-Selected.willbes-Pass-Selected {
	margin-bottom: 30px;
}

.PASSZONE-List .willbes-Lec-Selected.willbes-Pass-Selected .inputBox {
	width: auto;
}

.PASSZONE-List .willbes-Lec-Selected.willbes-Pass-Selected .inputBox input {
	width: 260px;
}

.PASSZONE-List .PASSZONE-Lec-Wrap {
	border-top: 1px solid #959595;
	height: 730px;
	overflow-x: auto;
}

.PASSZONE-List .PASSZONE-Lec-Wrap tr th {
	font-weight: 300 !important;
}

.PASSZONE-List .LeclistPASSTable {
	clear: both;
	height: 255px;
	overflow-x: auto;
	border-top: 1px solid #959595;
}

.PASSZONE-List .LeclistPASSTableRow {
	border-top: 1px solid #959595;
}

.PASSZONE-List .LeclistPASSTableRow table.overflow {
	height: 210px;
	overflow-x: auto;
	display: block;
}

.PASSZONE-List .PASSZONE-Lec-Section .passzone-Leclist {
	cursor: default;
}

.PASSZONE-List .PASSZONE-Lec-Section .w-price {
	font-weight: 300;
}

.PASSZONE-List .PASSZONE-Lec-Section .cart-PriceBox {
	border-top: 1px solid #3a3e47;
	margin: 30px 0;
}

.PASSZONE-List .PASSZONE-Lec-Section .willbes-Lec-buyBtn {
	bottom: 40px;
	right: 25px;
}

.PASSZONE-List .PASSZONE-Lec-Section button span {
	font-size: 12px;
}

.PASSZONE-List .PASSZONE-Lec-Section .Search-Result {
	letter-spacing: 0;
}

.PASSZONE-List .PASSZONE-Lec-Section .w-btn {
	display: block;
	margin: 20px auto 35px;
	width: 58px;
	height: 24px;
	line-height: 22px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.PASSZONE-List .PASSZONE-Lec-Section .w-btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.PASSZONE-List .PASSZONE-User-Tablets {
	text-align: center;
	height: 70px;
}

.PASSZONE-List .PASSZONE-User-Tablets ul li {
	float: left;
	width: 369px;
	height: 70px;
	background: #f9f9f9;
	border: 1px solid #959595;
	margin-left: 10px;
}

.PASSZONE-List .PASSZONE-User-Tablets ul li:first-child {
	margin-left: 0;
}

.PASSZONE-List .PASSZONE-User-Tablets dl {
	height: 68px;
	line-height: 66px;
}

.PASSZONE-List .PASSZONE-User-Tablets dl dt {
	display: inline-block;
	font-size: 13px;
	color: #323232;
	margin: 0 10px;
	letter-spacing: 0;
}

.PASSZONE-List .PASSZONE-User-Tablets dl dt.w-tit {
	font-size: 13px;
}

.PASSZONE-List .PASSZONE-User-Tablets dl dt .row-line {
	background: #b7b7b7;
	width: 1px;
	height: 16px;
	margin: 0 10px;
}

.PASSZONE-List .passzone-Leclist {
	cursor: pointer;
}

.PASSZONE-List .passzone-Lecinfo {
	display: none;
}

.PASSZONE-List .lecDetailWrap .w-btn {
	position: absolute;
	top: -8px;
	right: 15px;
}

.PASSZONE-List .lecDetailWrap .w-btn a {
	display: block;
	margin: 0 auto;
	width: 95px;
	height: 27px;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.PASSZONE-List .tabBox {
	height: 180px;
	overflow-x: auto;
	margin-right: 20px;
}

.PASSZONE-List .willbes-Lec-Search .inputBox {
	width: 187px;
	height: 27px;
}

.PASSZONE-List .willbes-Lec-Search .inputBox input {
	width: 122px;
	height: 27px;
}

.PASSZONE-List .willbes-Lec-Search .inputBox button {
	width: 60px;
}

.PASSZONE-List .willbes-Lec-Search .subBtn a {
	/*width: 60px;*/
	height: 27px;
	font-size: 12px;
	line-height: 18px;
}

.PASSZONE-List .passTable thead tr th {
	line-height: 1.5;
	padding: 15px 0 15px 25px;
}

.PASSZONE-List .passTable thead tr th .row-line {
	background: #707070;
	float: inherit;
	width: 1px;
	height: 10px;
	margin: 0 8px 3px;
}

.PASSZONE-List .passTable-Select thead tr th {
	line-height: 1.5;
	padding: 13px 0;
}

.PASSZONE-List .passTable-Select tbody tr td {
	line-height: 1.5;
	padding: 7px auto;
}

.PASSZONE-List .passTable-Select tbody td a.buyBook {
	background-color: #333;
	color: #fff;
	display: inline-block;
	padding: 5px 10px
}

.PASSZONE-List .passTable-Select .w-data input {
	width: 80px;
}

.PASSZONE-List .passTable-Select thead tr th .row-line {
	margin: 4px 0;
}

.PASSZONE-List .cart-PriceBox dl.priceBox {
	width: 360px;
	left: 80px;
}

.PASSZONE-List .passzonebtn span {
	margin: 0 10px;
}

.PASSZONE-List .lecTitle {
	background: #f9f9f9;
	font-size: 18px;
	color: #000;
	padding: 15px;
}

/* subContainer : Mypage : 무한PASS존 : willbes-Mypage-PASSZONE : willbes-Layer-PassBox : PASSZONE-Add */
.PASSZONE-Add {
	float: right;
	border: 1px solid #959595;
}

.PASSZONE-Add .Tit {
	background: #ececec;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}

.PASSZONE-Add .PASSZONE-Add-Grid {
	padding: 20px;
}

.PASSZONE-Add .passzoneInfo li {
	margin-bottom: 20px;
}

.PASSZONE-Add .Search-Result {
	color: #707070;
	height: 30px;
	line-height: 28px;
	letter-spacing: 0;
}

.PASSZONE-Add .Search-Result .Total {
	float: left;
}

.PASSZONE-Add .Search-Result .chkBox {
	float: right;
}

.PASSZONE-Add .Search-Result .chkBox li {
	float: left;
	margin-left: 5px;
}

.PASSZONE-Add .Search-Result .chkBox li a {
	display: block;
	margin: 0 auto;
	width: 58px;
	height: 24px;
	line-height: 22px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.PASSZONE-Add .PASSZONE-Lec-Grid {
	height: 634px;
	overflow-x: auto;
	border-top: 1px solid #959595;
}

.PASSZONE-Add .PASSZONE-Lec-Grid .btnClose {
	vertical-align: top;
	padding-top: 9px;
}

.PASSZONE-Add .PASSZONE-Lec-Grid .w-info {
	font-size: 11px;
}

.PASSZONE-Add .PASSZONE-Lec-Grid .w-info .w-tit {
	width: 175px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.PASSZONE-Add .PASSZONE-Lec-Grid .w-info .row-line {
	height: 9px;
	margin: 0 5px;
}

/* subContainer : Mypage : 무한PASS존 : 수강중인 강좌 */
.willbes-Prof-Mypage {
	background: #f4f5f6;
	height: 205px;
	border-bottom: 1px solid #e7e7e7;
	display:flex;
	gap:0 30px;
}

.willbes-Prof-Mypage .prof-profile {
	/*float: left;*/
	width: 245px;
	height: 205px;
}

.willbes-Prof-Mypage .prof-profile .Name {
	position: absolute;
	top: 55px;
	left: 35px;
	font-size: 16px;
	line-height: 20px;
}

.willbes-Prof-Mypage .prof-profile .Name strong {
	font-size: 22px;
}

.willbes-Prof-Mypage .prof-profile .ProfImg {
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 145px;
}

.willbes-Prof-Mypage .prof-profile .prof-home {
	position: absolute;
	bottom: 75px;
	left: 35px;
}

.willbes-Prof-Mypage .lec-profile {
	/*float: right;*/
	width: 680px;
	height: 205px;
	padding-top:30px;
}

.willbes-Prof-Mypage .lec-profile .w-tit {
	/*float: left;
	line-height: 28px;
	width: 425px;*/
	font-size: 19px;
	line-height:1.4 !important;
	letter-spacing: -0.06em !important;
}

.w-tit-info {
	display:flex; align-items: center; gap:0 15px; margin-bottom:10px
}

.willbes-Prof-Mypage .lec-profile .w-info {
	float: none;
	/*margin-top: 58px;
	clear: inherit;*/	
	width: auto;
	margin:0;
}

.Prof-MypageBox {margin-top:15px; display:flex; line-height:1.4;}
.Prof-MypageBox div {padding:5px 15px;background-color:#fff; border-right: 1px dashed #e4e4e4;}
.Prof-MypageBox div:last-child {border:0}
.Prof-MypageBox p {display:flex; align-items: center; justify-content: center;}
.Prof-MypageBox p:last-child {color: #707070 }
.Prof-MypageBox p span {color: #1a8ccc}

.ProfmypageTable {
	width: 100%;
	font-size: 13px;
	text-align: center;
}

.ProfmypageTable tr td {
	font-size: 12px;
	line-height: 1.5;
	padding: 0 5px;
	border-right: 1px dashed #e4e4e4;
}

.ProfmypageTable tr td:last-child {
	border: 0;
}

.ProfmypageTable tr td .w-lec {
	font-size: 13px;
}

.ProfmypageTable span {
	vertical-align: baseline;
}

.ProfmypageTable .w-btn a {
	display: block;
	margin: 0 auto;
	width: 52px;
	height: 20px;
	line-height: 18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
}

.Mypage-PASSZONE-Btn {
	background: #f4f5f6;
	display: inline-block;
	padding: 20px 20px 20px 270px;
	width: 940px;
}

.Mypage-PASSZONE-Btn ul {
	float: left;
	/*padding-left: 35px;*/
}

.Mypage-PASSZONE-Btn ul li {
	display: inline-block;
	margin-right: 7px;
}

.Mypage-PASSZONE-Btn .subBtn a {
	height: 27px;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 20px;
}

.Mypage-PASSZONE-Btn .aBox.passBox {
	width: 64px;
	height: 27px;
	font-size: 12px;
	line-height: 25px;
}

.scAi-Wrap {border:1px solid #e1e1e1; border-top:0;  margin:40px auto 60px; font-family: 'Spoqa Han Sans Neo'; font-weight:400; position: relative; display:none; letter-spacing:normal; box-shadow: 0px 5px 10px rgba(0, 0, 0, .1); }
.scAi-Sec {padding:30px; max-height:750px; overflow-y: auto; border-top:5px solid #22ba22;}
.scAi-Sec::-webkit-scrollbar {
    width: 5px;
}
.scAi-Sec::-webkit-scrollbar-track {
    background-color: #fff;
}
.scAi-Sec::-webkit-scrollbar-thumb { 
    background-color: #f0f0f0;
}
.scAi-Sec::-webkit-scrollbar-button {
    display: none;
}
.scAi-Sec::-webkit-scrollbar-track,
.scAi-Sec::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

.scAi-Box {background: url("../../img/willbes/sub/scai_logo.png") no-repeat left top; padding-left:180px; margin-bottom:20px}
.search-Ai input[type=search] {border:0; font-size:24px; padding:5px; border-bottom:2px solid #22ba22; width:500px; font-weight:500}
.search-Ai input:focus {border:0 !important; color:#000; border-bottom:2px solid #22ba22 !important; outline:0}
.search-Ai input::placeholder{color:#c8c8c8;}
.search-Ai label{/*position: absolute; top:50%; right:20px; z-index: 1; transform: translateY(-50%); */}
.search-Ai button {background: url("../../img/willbes/sub/icon_ai_setting03.png") no-repeat center center; width:22px; height: 22px;}
.scAi-Box .tag {margin-top:15px; display:flex; flex-wrap: wrap; gap:0 10px; line-height:1.4; font-size:14px; color:#808080}
.scAi-Box .tag span:hover {color:#22ba22;}
.scAi-Box .tag a:nth-child(2) {margin-left:5px; color: red;}


.scAi-List-Box .scAi-List {border:2px solid #f0f0f0; border-radius:10px; padding:24px; display:none; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:10px}
.scAi-List-Box .scAi-List:hover {background:#f1f8fe; border-color:#f1f8fe}
.scAi-List-Box .scAi-List:last-child {margin-bottom:0}
.list-Title {width:75%;}
.list-Title > div {font-size:18px; font-weight:700; color:#4c4b51}
.list-Title > p {font-size:15px; font-weight:500; color:#d50000; margin-top:10px; display:flex; flex-wrap: wrap; line-height: 1.2 }
.list-Title > p span:first-child {width:80px;}
.list-Title > p span:last-child {width:calc(100% - 80px);}
.list-Title > span {font-size:15px; font-weight:700; color:#4c4b51}

.scAiinfo-Wrap {margin:40px auto; font-family: 'Spoqa Han Sans Neo'; font-weight:400; position: relative; display:none; letter-spacing:normal; box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);}
.scAiinfo-title {background-color:#22ba22; padding:30px}
.scAiinfo-ctns {padding:30px 0; text-align:center; border:1px solid #e1e1e1; border-top:0}



.scAi-Box-btns {font-size:12px; margin:0 auto; position: absolute; bottom:-15px; z-index: 2; display:flex; flex-wrap: wrap; justify-content: center; gap:0 10px; height:30px; width:100%; text-align: center}
.scAi-Box-btns a {background:#fff; color:#333; border:1px solid #e1e1e1; display:flex; align-items: center; height:30px; font-size:13px; border-radius:20px; padding:0 20px; margin-bottom:5px}
.scAi-Box-btns a:hover {background-color:#22ba22; color:#fff; border-color:#22ba22}
.scAi-Box-btns div {/*background:#fff; padding:3px 6px; border-radius:10px;*/ text-align: center}
.scAi-Box-btns div a {background:#333; color:#fff; display:flex; align-items: center; height:30px; font-size:13px; border-radius:20px; padding:0 20px; margin-bottom: 5px; border:0}

.scAi-Box-close {font-size:12px; position: absolute; top:-11px; right:-11px; z-index: 2;}
.scAi-Box-close a {background:#22ba22; color:#fff; display:flex; align-items: center; justify-content: center; height:26px; width:26px; font-size:13px; border-radius:50%; text-align: center; border:2px solid #fff; transition: all 0.3s;}
.scAi-Box-close a:hover {transform: rotate(360deg); transition: all 0.3s; background:#333;}

/* subContainer : Mypage : 무한PASS존 : 첨삭 강좌 */
.editTableList-overflow {
	height: 680px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 8px;
}

.editTableList {
	margin-bottom: 20px;
}

.editTableList .listTable tr td {
	line-height: 25px;
	padding: 7px 0;
}

.editTableList .listTable tr td ul.up-file li {
	border-top: 1px solid #edeeef;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
}

.editTableList .listTable tr td ul.up-file li:first-child {
	border-top: none;
}

.editTableList .listTable tr td .MoreBtn {
	float: right;
}

.editTableList .listTable tr td .MoreBtn a {
	border: 1px solid #ccc;
	padding: 5px 9px;
	color: #707070;
}

.editTableList .listTable tr td .MoreBtn a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px 6px;
	width: 9px;
	/*height: 8px;*/
	margin-left: 7px;
	margin-top: -1px;
}

.editTableList.hover .listTable tr td .MoreBtn a .arrow-Btn {
	background: url("../../img/willbes/gnb/icon_arrow.gif") no-repeat -20px -6px;
}

/* subContainer : Mypage : 무한PASS존 : 첨삭 강좌 : 답안작성 */
.EditWriteTable .listTable {
	clear: both;
}

.EditWriteTable .listTable tr th,
.EditWriteTable .listTable tr td {
	text-align: center;
	line-height: 40px;
	letter-spacing: 0;
}

.EditWriteTable .listTable thead tr th,
.EditWriteTable .listTable thead tr td {
	background: #f9f9f9;
}

.EditWriteTable .listTable thead tr td {
	border-top: 1px solid #edeeef;
}

.EditWriteTable .listTable tr th .row-line,
.EditWriteTable .listTable tr td .row-line {
	float: right;
	background: #e4e4e4;
	width: 1px;
	height: 11px;
	margin: 14px 0;
}

.EditWriteTable tr td.w-text input {
	width: 100%;
	height: 25px;
	border: 1px solid #d4d4d4;
}

.EditWriteTable tr td.w-textarea {
	padding: 15px 0;
}

.EditWriteTable tr td.w-textarea textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #d4d4d4;
	resize: none;
	vertical-align: middle;
	padding: 20px;
	line-height: 16px;
}

.EditWriteTable tr td.w-file {
	padding: 15px;
	line-height: 22px;
}

.EditWriteTable ul.attach li .filetype {
	margin-bottom: 5px;
}

.EditWriteTable ul.attach li .filetype .file-text {
	width: 390px;
}

/* subContainer : Mypage : 무한PASS존 : 첨삭 강좌 : 채점결과 */
.editDetailWrap .tabBox .tabLink {
	height: 610px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* subContainer : Mypage : 무한PASS존 : 채점결과 */
.editDetailWrap .editTable tr td ul.up-file li {
	padding-left: 30px;
}

/* subContainer : Mypage : 온라인강좌 : willbes-Mypage-Txt */
.willbes-Mypage-Txt {
	background: #f8f8f8;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #dedede;
}

.willbes-Mypage-Txt .MoreBtn {
	background: #898989;
	width: 145px;
	height: 30px;
	top: 0;
	right: 40px;
}

.willbes-Mypage-Txt .MoreBtn a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

.willbes-Mypage-Txt table.txtTable {
	border: none;
	padding: 20px 40px;
}

.willbes-Mypage-Txt table.txtTable tr .Tit {
	float: left;
	width: 100%;
	display: block;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
	margin-bottom: 10px;
	line-height: 14px;
}

.willbes-Mypage-Txt table.txtTable tr .SubTit {
	clear: both;
	margin-bottom: 10px;
}

.willbes-Mypage-Txt table.txtTable tr .Txt {
	float: left;
	width: 100%;
	padding-left: 15px;
}

.willbes-Mypage-Txt table.txtTable tr .Txt span {
	vertical-align: top
}

.willbes-Mypage-Txt table.txtTable tr .Txt .SubTxt {
	float: left;
	line-height: 22px;
	margin-left: 10px;
}

.willbes-Mypage-Txt table.txtTable tr td {
	width: 860px;
	text-align: left;
}

.willbes-Lec-Table tr td a span.bBox {
	margin: 5px 0;
}

.willbes-Lec-Table .packTable .MoreBtn {
	position: relative;
	top: -6px;
	right: 0;
	left: 0;
	bottom: 0;
	/*line-height: 31px;*/
	margin-left: 25px;
	color: #000;
}

.willbes-Lec-Table .packInfoTable {
	display: none;
}

/* subContainer : Mypage : 온라인강좌 : willbes-Mypage-Txt */
.bookmark-prof {
	margin: 50px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.bookmark-prof tr td {
	font-size: 14px;
	padding: 30px 0;
	line-height: 1.5;
}

.bookmark-prof tr td span {
	vertical-align: auto;
}

.bookmark-prof tr td.w-prof {
	text-align: center;
}

.bookmark-prof tr td .row-line {
	background: #868686;
	width: 1px;
	height: 11px;
	margin: 0 10px;
}

table.bookmarkTable tr td {
	padding: 14px 0;
}

table.bookmarkTable input[type="checkbox"] {
	margin-right: 5px;
}

table.bookmarkTable tr td.w-bm-txt {
	line-height: 25px;
}

table.bookmarkTable tr td.w-bm-txt textarea {
	width: 210px;
	height: 40px;
	resize: none;
	line-height: 14px;
	padding: 10px;
}

table.bookmarkTable tr td.w-bm-txt .aBox {
	float: right;
	clear: both;
	margin-right: 15px;
}

table.certifiTable th {
	background: #f9f9f9;
	font-weight: 600;
}

table.certifiTable tr td.w-total-price {
	text-align: left;
	padding-left: 20px;
	font-weight: 600;
}

.confirm-txt {
	font-size: 16px;
	margin-bottom: 32px;
}

.confirm-txt .date {
	font-size: 12px;
}

.certifi-info {
	border-top: 1px solid #959595;
	text-align: center;
	line-height: 24px;
}

.certifi-info:after {
	content: "";
	display: block;
	clear: both;
}

.certifi-info li {
	display: inline-block;
	text-align: center;
	margin: 0 -2px;
	padding: 10px 0;
}

.certifi-info li.address {
	width: 85%;
	line-height: 24px;
}

.certifi-info li.stamp {
	width: 15%;
	border-left: 1px solid #ededed;
}

/* subContainer : Mypage : 학원강좌 : acadTable */
table.acadTable tr td {
	line-height: 1.5;
	padding: 15px 0;
}

table.acadTable tr td .Layer-SubTit span {
	display: inline-block;
	padding: 0 4px;
	height: 24px;
	line-height: 24px;
	vertical-align: top
}

table.acadTable tr td .Layer-SubTit a {
	display: inline-block;
	padding: 0 4px;
	font-size: 11px;
	color: #fff;
	background-color: #333;
	border: 1px solid #000;
	height: 24px;
	line-height: 24px
}

table.acadTable tr td .Layer-SubTit a.blue {
	background-color: #1a8ccb;
	border: 1px solid #0d74ae
}

.seatsection {
	background: #f6f6f6;
	border-radius: 20px;
	margin-top: 5px;
}

.seatsection li {
	display: inline;
	float: left;
	margin-right: 10px;
	font-size: 12px;
}

.seatsection a {
	display: block;
	background: #000;
	color: #fff;
	border-radius: 20px;
	padding: 0 12px;
}

.seatsection a:hover {
	background: #0d74ae;
}

.seatsection button {
	display: block;
	background: #000;
	color: #fff;
	border-radius: 20px;
	padding: 0 12px;
}

.seatsection button:hover {
	background: #0d74ae;
}

.seatsection span {
	color: #0d74ae;
}

.seatsection:after {
	content: "";
	display: block;
	clear: both;
}

.seatNumber {
	margin-top: 20px;
}

.seatNumber .seatNumberInfo {
	text-align: right;
	margin-top: -50px;
}

.seatNumber .seatNumberInfo div {
	display: inline-block;
	padding: 10px;
	border: 1px solid #e4e4e4;
	margin-right: 8px;
}

.seatNumber ul {
	margin: 20px 0 20px;
}

.seatNumber li {
	display: inline;
	float: left;
	margin-bottom: 8px;
}

.seatNumber li button {
	display: inline-block;
	width: calc(100% - 8px);
	text-align: center;
	letter-spacing: normal;
	line-height: 1.5;
	border: 1px solid #e4e4e4;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	color: #333;
}

.seatNumber li button span {
	display: block;
}

.seatNumber li button:hover {
	border: 1px solid #1a8ccb;
}

.seatNumber .sNumberA span {
	color: #ef0f0f;
}

.seatNumber .sNumberB {
	background: #e4e4e4;
}

.seatNumber .sNumberB span {
	color: #333;
}

.seatNumber .sNumberC {
	background: #1a8ccb;
	color: #fff;
}

.seatNumber .sNumberC span {
	color: #fff;
}

.seatNumber .sNumberC:hover,
.seatNumber .sNumberB:hover {
	border: 1px solid #e4e4e4;
}

.seatNumber li button.active {
	border: 1px solid #1a8ccb;
	color: #1a8ccb;
}

.seatNumber li button.active span {
	color: #1a8ccb;
}

.seatNumber ul:after {
	content: "";
	display: block;
	clear: both;
}

/* subContainer : Mypage : 모의고사관리 : testTable */
table.testTable tr td.w-file.on {
	line-height: 18px;
	padding: 10px 0;
}

table.testTable tr td.w-btn a {
	display: block;
	margin: 0 auto;
	width: 77px;
	height: 27px;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

table.testTable tr td.w-date {
	line-height: 16px;
	padding: 12px 0;
}

/* subContainer : Mypage : 모의고사관리 : usertestTable */
.LeclistTable .usertestTable tr th {
	line-height: 40px;
	background: #e4e4e4 !important;
}

.LeclistTable .usertestTable tr td {
	line-height: 20px;
	padding: 12px 0;
}

.LeclistTable .usertestTable tr td span {
	vertical-align: baseline;
}

.LeclistTable .usertestTable tr th,
.LeclistTable .usertestTable tr td {
	border-left: 1px solid #edeeef;
}

.LeclistTable .usertestTable tr th.Top,
.LeclistTable .usertestTable tr td.Top {
	border-left: none;
}

.LeclistTable .usertestTable tr td.round-red {
	background: url("../../img/willbes/mypage/icon_round_red.png") no-repeat center center;
}

.LeclistTable .usertestTable tr td.round-blue {
	background: url("../../img/willbes/mypage/icon_round_blue.png") no-repeat center center;
}

.LeclistTable .usertestTable tr td div.s-line {
	width: 74px;
	height: 29px;
	margin: 10px auto 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	line-height: 27px;
}

.LeclistTable .usertestTable tr td div.s-line.tx-y-green {
	border-top: 1px solid #35820e;
	border-bottom: 1px solid #35820e;
}

.LeclistTable .usertestTable tr td div.s-line.tx-light-blue {
	border-top: 1px solid #1a8ccc;
	border-bottom: 1px solid #1a8ccc;
}

.LeclistTable .usertestTable tr td div.s-line.round-red {
	background: url("../../img/willbes/mypage/icon_round_red.png") no-repeat center center;
}

.LeclistTable .usertestTable tr td div.s-line.round-blue {
	background: url("../../img/willbes/mypage/icon_round_blue.png") no-repeat center center;
}

.ExamBox .ExamBoxHead {
	position: fixed;
	width: 100%;
	background-color: #fff;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : examSjBx */
.ExamBox .examSjBx {
	height: 40px;
	font-size: 12px;
	font-weight: 600;
	color: #333;
	line-height: 39px;
	border-bottom: 2px solid #0d56ae;
}

.ExamBox .examSjBx h3 {
	float: left;
	margin: 0 20px 0 25px;
}

.ExamBox .examSjBx li {
	float: left;
	position: relative;
}

.ExamBox .examSjBx li .exam-temp {
	background: url("../../img/willbes/mypage/icon_round_blue.png") no-repeat center center;
	padding: 8px 9px;
}

.ExamBox .examSjBx li .exam-fin {
	background: url("../../img/willbes/mypage/icon_round_red.png") no-repeat center center;
	padding: 8px 9px;
}

.ExamBox .examSjBx li .exam-ing {
	color: #0d56ae;
}

.ExamBox .examSjBx li .exam-ing:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 40px;
	left: 50%;
	margin-left: -6px;
	border-color: #0d56ae transparent transparent;
	border-width: 6px;
}

.ExamBox .examSjBx li .row-line {
	background: #b7b7b7;
	width: 1px;
	height: 10px;
	margin: 0 20px;
}

.ExamBox .examSjBx .countTime {
	float: right;
	margin-right: 30px;
}

.ExamBox .examTimeWrap {
	position: absolute;
	top: 95px;
	width: 100%;
	height: calc(100% - 95px);
	background: #fff;
	z-index: 10
}

.ExamBox .examTimeWrap .examTimeSec {
	width: 600px;
	margin: 100px auto 0
}

.ExamBox .examTimeWrap .examtitle {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center
}

.ExamBox .examTimeWrap .examTimeSec table {
	border: 2px solid #333;
}

.ExamBox .examTimeWrap .examTimeSec tr {
	border-bottom: 1px solid #ccc
}

.ExamBox .examTimeWrap .examTimeSec th,
.ExamBox .examTimeWrap .examTimeSec td {
	padding: 10px;
	border-right: 1px solid #ccc;
	text-align: center
}

.ExamBox .examTimeWrap .examTimeSec th {
	background-color: #f4f4f4;
	color: #000;
	font-weight: bold
}


/* subContainer : Mypage : 모의고사관리 : ExamBox : examPaperWp */
.ExamBox .examPaperWp {
	margin: 0 10px 0 25px;
}

.ExamBox .examPaperWp:after {
	content: "";
	display: block;
	clear: both;
}

/*
.ExamBox .examPaperWp .exam-paper {
    float: left;
    width: 650px;
    height: 665px;
    overflow-x: auto;
}*/
.ExamBox .examPaperWp .exam-paper {
	position: absolute;
	top: 110px;
	width: calc(100% - 540px);
	height: calc(100% - 120px);
	overflow-x: auto;
}

.ExamBox .examPaperWp .exam-paper li {
	margin-bottom: 20px;
}

.ExamBox .examPaperWp .exam-paper a {
	font-size: 14px;
	color: #555;
	vertical-align: top;
}

/*
.ExamBox .examPaperWp .answer-sheet {
    float: right;
    width: 460px;
}*/
.ExamBox .examPaperWp .answer-sheet {
	position: fixed;
	top: 95px;
	right: 10px;
	width: 480px;
	height: calc(100% - 120px);
	overflow-y: auto;
}

.ExamBox .examPaperWp .answer-sheet .exam-txt {
	font-size: 11px;
	color: #056fac;
	line-height: 15px;
	padding: 10px 0;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : answerTb */

.ExamBox .answerTb tr th,
.ExamBox .answerTb tr td {
	font-size: 12px;
	color: #666;
	text-align: center;
}

.ExamBox .answerTb tr td .q_img {
	width: 18px;
	margin-top: -2px;
}

.ExamBox .answerTb tr th {
	background: #d4d4d4;
	height: 30px;
	font-weight: 600;
	color: #666;
}

.ExamBox .answerTb tr td {
	height: 28px;
	line-height: 26px;
}

.ExamBox .answerTb th.worry {
	border-top: 1px solid red;
	background-color: #ffe4e4;
}

.ExamBox .answerTb .worry {
	border-right: 1px solid red;
	border-left: 1px solid red;
}

.ExamBox .answerTb tr:last-child td.worry {
	border-bottom: 1px solid red;
}

.ExamBox .answerTb tr.nth {
	background: #f4f4f4;
}

/* subContainer : Mypage : 모의고사관리 : examTable */
.LeclistTable .examTable tr td {
	padding: 15px 0;
}

.LeclistTable .examTable .downBtn {
	border: 1px solid #c8c8c8;
	padding: 7px 15px;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox */
.ExamBox .popTitBox {
	background: #eaeaea;
	height: 50px;
	line-height: 50px;
	letter-spacing: -1px;
	border-bottom: 1px solid #ccc;
}

.ExamBox .popTitBox .pop-Tit {
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.ExamBox .popTitBox .pop-Tit img {
	float: left;
	margin: 5px 0 0 25px;
}

.ExamBox .popTitBox .pop-subTit {
	float: right;
	font-size: 15px;
	font-weight: 600;
	color: #0d56ae;
	padding-right: 25px;
}

.ExamBox .popupContainer {
	padding: 30px 10px;
}

.ExamBox .popupContainer .tabSty:after {
	content: "";
	display: block;
	clear: both;
}

.ExamBox .popupContainer .tabSty li {
	float: left;
	width: 33.2222%;
	height: 40px;
	margin-left: 1px;
}

.ExamBox .popupContainer .tabSty li:first-child {
	width: 33.3333%;
	margin-left: 0;
}

.ExamBox .popupContainer .tabSty50 li {
	float: left;
	width: 49.9%;
	height: 40px;
	margin-left: 1px;
}

.ExamBox .popupContainer .tabSty50 li:first-child {
	width: 50%;
	margin-left: 0;
}

.ExamBox .popupContainer .tabSty li a {
	background: #8c8c8c;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

.ExamBox .popupContainer .tabSty li.active a {
	background: #0d56ae;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : findTb */
.ExamBox .findTb tr th,
.ExamBox .findTb tr td {
	height: 40px;
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	color: #666;
}

.ExamBox .findTb tr:first-child th,
.ExamBox .findTb tr:first-child td {
	border-top: none;
}

.ExamBox .findTb tr th {
	background: #f4f4f4;
	font-weight: 600;
}

.ExamBox .findTb tr td select {
	height: 26px;
	margin-right: 5px;
}

.ExamBox .findTb tr td input {
	vertical-align: middle;
}

.ExamBox .findTb tr td label {
	padding: 0 20px 0 5px;
}

.ExamBox .findTb tr td .chkWp {
	line-height: 27px;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : btnAgR */
.ExamBox .btnAgR a {
	display: inline-block;
	height: 28px;
	border: 1px solid #e5e5e5;
	color: #fff;
	line-height: 28px;
	text-align: center;
	padding: 0 15px;
}

.ExamBox .btnAgR.btnc a {
	width: 65px;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
}

.ExamBox .btnAgR.btnl {
	height: 28px;
	margin: 10px 0 5px;
}

.ExamBox .btnAgR.btnl a {
	font-size: 12px;
	font-weight: 600;
}

.ExamBox .btnAgR.btns ul li {
	float: left;
	width: 225px;
	height: 40px;
	margin-left: 10px;
}

.ExamBox .btnAgR.btns ul li:first-child {
	margin-left: 0;
}

.ExamBox .btnAgR.btns ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
}

.ExamBox .btnAgR .btnBlue {
	background: #0d56ae;
}

.ExamBox .btnAgR .btnGray {
	background: #636363;
}

.ExamBox .btnAgR .btnlightGray {
	background: #ebebeb;
	border: 1px solid #ccc;
	color: #333;
}

.ExamBox .btnAgR .btnlineBlue {
	color: #0d56ae;
	border: 1px solid #0d56ae;
}

.ExamBox .btnAgR .btnlineGray {
	color: #666;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.ExamBox .btnAgR .btntxtBlack {
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}

.ExamBox .btnAgR.mgB1 {
	margin: 10px 0 40px;
	text-align: right;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : exam-paperList */
.ExamBox .wBx {
	border: 1px solid #e5e5e5;
}

.graph-info-ssam {border: 1px solid #e5e5e5; margin-top:30px; padding:30px; min-height:300px}

.ExamBox .exam-paperList.mgB3 li {
	display: inline-block;
	width: 49.5%;
	vertical-align: top;
	padding-top: 30px;
	padding-left: 10px;
	margin-bottom: 50px;
}

.ExamBox .exam-paperList.mgB3 li:after {
	content: "";
	display: block;
	clear: both;
}

.ExamBox .exam-paperList.mgB3 li .no {
	font-size: 14px;
	color: #555;
	vertical-align: top;
}

.ExamBox .exam-paperList.mgB3 li .agR {
	margin-top: 5px;
	margin-right: 10px;
}

.ExamBox .exam-paperList.mgB3 li .agR textarea {
	float: right;
	display: none;
	width: 395px;
	height: 50px;
	margin-left: 50px;
	padding: 10px;
	resize: none;
}

.ExamBox .exam-paperList.mgB3 li .btnAgR {
	display: block;
	text-align: right;
	margin-right: 10px;
	margin-top: 30px;
}

.ExamBox .exam-paperList.mgB3 li .btnAgR a.btnM3 {
	display: none;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : htit2 */
.ExamBox .htit2Wp {
	height: 15px;
	line-height: 15px;
	margin: 35px 0 10px;
}

.ExamBox .htit2 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

.ExamBox .htit2 span {
	background: url("../../img/willbes/mypage/icon_arrow_exam.png") no-repeat 0 center;
	vertical-align: baseline;
	padding-left: 15px;
}

.ExamBox .htit2Wp .markerTx {
	font-size: 11px;
	color: #666;
}

.ExamBox .htit2Wp .markerTx em {
	float: left;
	background: #ef0f0f;
	width: 11px;
	height: 11px;
	font-size: 0;
	text-indent: -9999px;
	margin: 1px 5px 0 0;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : sheetTb */
.ExamBox .sheetTb {
	border: 1px solid #e5e5e5;
}

.ExamBox .sheetTb tr th,
.ExamBox .sheetTb tr td {
	height: 40px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.ExamBox .sheetTb tr th {
	background: #f4f4f4;
	font-weight: 600;
}

.ExamBox .sheetTb tr td {
	border-top: 1px solid #e5e5e5;
}

.ExamBox .sheetTb tr td .mis {
	display: block;
	width: 100%;
	height: 100%;
	background: #ef0f0f;
	color: #fff;
	line-height: 39px;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : sheetTb2 */
.ExamBox .sheetTb2 {
	border: 1px solid #e5e5e5;
}

.ExamBox .sheetTb2 tr th,
.ExamBox .sheetTb2 tr td {
	height: 40px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.ExamBox .sheetTb2 tr th {
	background: #f4f4f4;
	font-weight: 600;
}

.ExamBox .sheetTb2 tr td {
	line-height: 16px;
	border-top: 1px solid #e5e5e5;
	padding: 30px 0;
}

.ExamBox .sheetTb2 tr td.aMis {
	color: #ef0f0f;
	padding-left: 20px;
	padding-right: 20px;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : whtInfoTb */
.ExamBox .whtInfoTb {
	border: 1px solid #e5e5e5;
}

.ExamBox .whtInfoTb tr th,
.ExamBox .whtInfoTb tr td {
	height: 40px;
	font-size: 12px;
	color: #666;
	text-align: center;
	border-left: 1px solid #e5e5e5;
}

.ExamBox .whtInfoTb tr th:first-child,
.ExamBox .whtInfoTb tr td:first-child {
	border-left: none;
}

.ExamBox .whtInfoTb tr th {
	background: #f4f4f4;
	font-weight: 300;
}

.ExamBox .whtInfoTb tr td {
	border-top: 1px solid #e5e5e5;
	font-weight: 600;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : htit1 */
.ExamBox .htit1Wp {
	height: 15px;
	line-height: 15px;
	margin: 35px 0 10px;
}

.ExamBox .htit1 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

.ExamBox .htit1 span {
	background: url("../../img/willbes/mypage/icon_arrow_exam.png") no-repeat 0 center;
	vertical-align: baseline;
	padding-left: 15px;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : listTb */
.ExamBox .listTb {
	border: 1px solid #e5e5e5;
}

.ExamBox .listTb tr th,
.ExamBox .listTb tr td {
	height: 40px;
	font-size: 12px;
	color: #666;
	text-align: center;
	border-left: 1px solid #e5e5e5;
}

.ExamBox .listTb tr th:first-child,
.ExamBox .listTb tr td:first-child {
	border-left: none;
}

.ExamBox .listTb thead tr:first-child th {
	border-top: none;
}

.ExamBox .listTb tr th {
	background: #f4f4f4;
	font-weight: 600;
	border-top: 1px solid #e5e5e5;
}

.ExamBox .listTb tbody th {background: #f9f9f9;}

.ExamBox .listTb tr td {
	border-top: 1px solid #e5e5e5;
}

.ExamBox .listTb tr td.aMis {
	color: #ef0f0f;
	padding-left: 20px;
	padding-right: 20px;
}
.ExamBox .listTb tfoot tr {border:1px solid #000 !important}
.ExamBox .listTb tfoot tr th {background:#f0f0f0}
.ExamBox .listTb tfoot tr th,
.ExamBox .listTb tfoot tr td {border-top:0; font-weight: bold; color:#000}

/* subContainer : Mypage : 모의고사관리 : ExamBox : anlyWp */
.ExamBox .anlyWp:after {
	content: "";
	display: block;
	clear: both;
}

.ExamBox .aBx {
	width: 470px;
}

.ExamBox .gBx {
	clear: both;
	background: #d9d9d9;
	font-size: 12px;
	font-weight: 600;
	color: #666;
	text-align: center;
	border: 1px solid #b0b0b0;
	padding: 20px;
}

.ExamBox .gBx strong {
	color: #0d56ae;
}

/* subContainer : Mypage : 모의고사관리 : ExamBox : viewTb */
.ExamBox .viewTb tr th {
	background: #f4f4f4;
	font-size: 12px;
	font-weight: 600;
	color: #666;
	text-align: center;
}

/* subContainer : Mypage : 결제관리 : orderTable */
.orderTable.LeclistTable .listTable tr td {
	line-height: 25px;
	padding: 20px 5px;
}

.orderTable.LeclistTable .listTable .w-price {
	text-align: center;
}

.orderTable tr.bgbule {
	background: #e9f7fd
}

.orderTable .orderDetail {
	padding: 0 20px
}

.orderTable .orderDetail li {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #f4f4f4;
	padding: 10px 0
}

.orderTable .orderDetail li div {
	text-align: center
}

.orderTable .orderDetail li div:nth-child(1) {
	width: 10%
}

.orderTable .orderDetail li div:nth-child(2) {
	width: 60%;
	text-align: left
}

.orderTable .orderDetail li div:nth-child(3) {
	width: 10%
}

.orderTable .orderDetail li div:nth-child(4) {
	width: 10%
}

.orderTable .orderDetail li div:nth-child(5) {
	width: 10%
}

.orderTable .orderDetail li:last-child {
	border-bottom: 0
}

/* subContainer : Mypage : 결제관리 : 포인트관리 */
.willbes-Mypage-PointBox {
	height: 55px;
	border-top: 1px solid #edeeef;
	border-bottom: 1px solid #edeeef;
}

.willbes-Mypage-PointBox ul li {
	float: left;
	width: 33.33333333%;
	border-right: 1px solid #edeeef;
	font-size: 14px;
	text-align: center;
	line-height: 53px;
	letter-spacing: 0;
}

.willbes-Mypage-PointBox ul li span {
	vertical-align: baseline;
}

.willbes-Mypage-PointBox ul li.Tit {
	background: #f9f9f9;
	border-left: 1px solid #edeeef;
}

.userPointTable {
	border: 1px solid #edeeef;
	height: 100px;
}

.userPointTable tr td {
	font-size: 14px;
	text-align: center;
	border-left: 1px solid #edeeef;
	line-height: 18px;
	letter-spacing: 0;
}

.userPointTable tr td:first-child {
	border-left: none;
}

.userPointTable tr td span {
	vertical-align: baseline;
}

.userCouponTable input {
	width: 480px;
	height: 26px;
	border: 1px solid #d4d4d4;
}

.userCouponTable .tx-gray {
	width: 455px;
	margin: 10px auto 0;
	font-size: 12px;
	text-align: left;
}

/* subContainer : Mypage : 결제관리 : 쿠폰/수강권관리 */
.pointTable tr td.w-list,
.pointTable tr td.w-l-price,
.pointTable tr td.w-period {
	line-height: 16px;
	padding: 10px 0;
	word-break: keep-all;
}

/* subContainer : Mypage : 학습지원관리 : 쪽지관리 */
.userMemoTable tr th.w-tit {
	background: #f9f9f9;
}

.userMemoTable tr td.w-list {
	text-align: left;
	padding-left: 20px;
}

.userMemoTable tr td.w-file a {
	margin-right: 30px;
}

.Memolist .w-btn {
	float: right;
	display: block;
	margin-top: 20px;
	width: 47px;
	height: 22px;
	line-height: 20px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.Memolist .w-btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.Memolist .w-content {
	line-height: 20px !important;
	height: 160px;
	padding-top: 20px;
	vertical-align: top;
}

/* subContainer : Mypage : 학습지원관리 : 알림관리 */
.willbes-Notice-chk .subTit {
	float: right;
	margin-bottom: 10px;
}

.userNoticeTable {
	border: 1px solid #edeeef;
	height: 90px;
}

.userNoticeTable tr td {
	font-size: 14px;
	text-align: center;
	border-left: 1px solid #edeeef;
	line-height: 18px;
	letter-spacing: 0;
}

.userNoticeTable tr td:first-child {
	border-left: none;
}

.userNoticeTable tr td span {
	vertical-align: baseline;
}

.userNoticeTable tr td.w-chk {
	font-size: 12px;
	line-height: 26px;
}

.userNoticeTable ul {
	clear: both;
}

.userNoticeTable ul li {
	float: left;
	margin-right: 20px;
}

.userNoticeTable label {
	float: left;
}

.userNoticeTable input {
	float: left;
	margin: 6px 5px 0 0;
	width: 15px;
	height: 15px;
}

.willbes-Notice-Tit {
	font-size: 15px;
	line-height: 30px;
	padding: 40px 0 10px;
}

.LeclistTable .userNoticeBoxTable tr th,
.LeclistTable .userNoticeBoxTable tr td {
	line-height: 22px;
	padding: 12px 0;
}

.userNoticeBoxTable tr th.w-tit {
	background: #f9f9f9;
	color: #707070;
	text-align: left;
	padding-left: 30px;
}

.userNoticeBoxTable tr th.w-tit .w-subtit {
	color: #a0a0a0;
}

.userNoticeBoxTable ul li {
	display: inline-block;
	margin: 0 20px;
}

.userNoticeBoxTable input {
	float: left;
	margin: 4px 10px 0 0;
	width: 15px;
	height: 15px;
}

/* subContainer : Mypage : 학습지원관리 : 상담내역 */
.pointDetailWrap .subTit {
	position: absolute;
	top: -20px;
	right: 0;
}

/* subContainer : Mypage : 회원정보 */
.InfoTable {
	padding-bottom: 20px;
}

.willbes-UserInfo-Tit {
	font-size: 14px;
	font-weight: 600;
	color: #0d74ae;
	line-height: 20px;
	margin: 30px 0 10px;
	letter-spacing: 0;
}

.UserInfo-subTit {
	font-size: 11px;
	color: #707070;
	padding-left: 5px;
}

table.userInfoTable .w-tit {
	background: #f9f9f9;
	text-align: left;
	padding-left: 25px;
}

table.userInfoTable .w-info {
	text-align: left;
	padding-left: 25px;
}

table.userInfoTable tr td {
	padding: 7px 0;
}

table.userInfoTable .w-info label {
	display: inline-block;
	margin-top: 0;
	cursor: pointer;
}

table.userInfoTable .w-info .w-txt {
	padding: 5px 0 10px;
}

table.userInfoTable select {
	height: 27px;
}

table.userInfoTable input[type="text"] {
	border: 1px solid #d4d4d4;
	height: 27px;
	padding: 0 10px;
}

table.userInfoTable input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0;
}

table.userInfoTable select.phone,
table.userInfoTable input.phone {
	width: 82px;
	text-align: center;
}

table.userInfoTable select.email,
table.userInfoTable input.email {
	width: 179px;
	text-align: center;
}

table.userInfoTable select.zipcode,
table.userInfoTable input.zipcode {
	width: 60px;
	text-align: center;
}

table.userInfoTable select.address,
table.userInfoTable input.address {
	width: 300px;
	text-align: left;
	padding-left: 10px;
	margin-right: 5px;
}

table.userInfoTable .phoneBox,
table.userInfoTable .emailBox,
table.userInfoTable .addressBox {
	float: left;
}

table.userInfoTable .searchadd {
	margin-bottom: 8px;
}

table.userInfoTable button {
	width: auto;
	height: 27px;
	line-height: 25px;
	margin-left: 10px;
}

table.userInfoTable button span {
	font-size: 11px;
	padding: 0 10px;
}

table.userInfoTable select.option {
	width: 130px;
}

table.userInfoTable .w-JJ-Box,
table.userInfoTable .w-Area-Box {
	clear: both;
	float: left;
	width: 100%;
	line-height: 27px;
}

table.userInfoTable .w-tit-JJ,
table.userInfoTable .w-tit-Area {
	float: left;
	font-weight: 600;
	margin-right: 15px;
}

table.userInfoTable .w-selec-Area {
	float: left;
	width: 650px;
}

table.userInfoTable .w-selec-Area ul li {
	float: left;
}

table.userInfoTable .w-selec-Area input[type="checkbox"] {
	margin: 5px 5px 0 0;
}

table.userInfoTable .w-selec-Area label {
	margin-right: 20px;
}

/* subContainer : Mypage : 회원탈퇴 : withdrawalTable */
.LeclistTable .withdrawalTable tr th {
	line-height: 50px;
}

.LeclistTable .withdrawalTable tr td {
	line-height: 20px;
	padding: 10px 0;
}

.LeclistTable .withdrawalTable tr td span {
	vertical-align: baseline;
}

.LeclistTable .withdrawalTable tr th,
.LeclistTable .withdrawalTable tr td {
	border-left: 1px solid #edeeef;
}

.LeclistTable .withdrawalTable tr th.Top,
.LeclistTable .withdrawalTable tr td.Top {
	border-left: none;
}

.withdrawalListTable input,
.withdrawalListTable select {
	border: 1px solid #d4d4d4;
	width: 154px;
	height: 26px;
}

.withdrawal .w-btn {
	margin-top: 15px;
	text-align: center;
}

.withdrawal .w-btn ul li {
	display: inline-block;
	width: 67px;
	height: 22px;
	margin: 0 3px;
}

.withdrawal .w-btn a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 20px;
}

.withdrawal .w-btn a.blueBox {
	color: #fff;
}

.withdrawal .w-btn a.whiteBox {
	color: #3c3c3c;
}

/*********************************************     ACADEMY     *********************************************/

/* subContainer : Content : Lec-Table */
table.acadlecTable {
	clear: both;
}

table.acadlecTable .w-schedule {
	line-height: 30px;
}

table.acadlecTable tr td .priceWrap {
	/*width: 165px;*/
}

table.acadlecTable tr td .priceWrap .price {
	width: 90px;
	text-align: right;
}

table.acadlecTable tr td .priceWrap .chkBox {
	float: left;
	margin: 1px;
}

table.acadlecInfoTable {
	background: #f9f9f9;
	height: 240px;
	overflow-x: auto;
	clear: both;
}

table.acadlecTable tr.w-info td span.MoreBtn {
	display: inline-block;
	line-height: 22px;
}

table.acadlecInfoTable tr td .w-tit {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 5px;
}

table.acadlecInfoTable tr td {
	width: 940px;
	padding: 25px 40px;
}

.willbes-Lec-Table.active .willbes-Lec-buyBtn {
	bottom: 25px;
}

.willbes-Lec-Table.active .Lec-buyBtn-Wrap table {
	padding-bottom: 80px;
}

.willbes-Lec-Table.active .Lec-buyBtn-Wrap .willbes-Lec-buyBtn {
	width: auto;
	right: 39px;
	bottom: 25px;
}

table.lecInfoTable .w-Infotit {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}

table.lecInfoTable .w-InfoSubtit {
	font-size: 12px;
	color: #3e3e3e;
}

table.acadlecInfoTable .w-txt {
	font-size: 12px;
	color: #3a3a3a;
	padding-bottom: 15px;
}

table.acadlecInfoTable .w-txt strong {
	display: inline-block;
	font-size: 13px;
	color: #000;
	padding: 10px 0;
}

table.acadlecInfoPackageTable {
	background: #f5f5f5;
	padding: 30px 40px;
	border-bottom: 1px solid #c9c9c9;
}

table.acadlecInfoPackageTable tr th .w-tit {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 5px;
	line-height: 25px;
}

table.acadlecInfoPackageTable tr td {
	text-align: center;
	padding: 0;
	border-right: 1px solid #c9c9c9;
	padding: 20px 0;
	border-bottom: 1px solid #c9c9c9;
}

table.acadlecInfoPackageTable tr td:first-child {
	border-left: 1px solid #c9c9c9;
}

table.acadlecInfoPackageTable tr td.w-list input {
	float: left;
	margin: 8px;
}

table.acadlecInfoPackageTable tr td.w-list ul li {
	float: left;
}

table.acadlecInfoPackageTable tr td.w-list ul li.w-chk {
	width: 50px;
}

table.acadlecInfoPackageTable tr td.w-list ul li.w-name {
	width: 70px;
	line-height: 50px;
	text-align: center;
}

table.acadlecInfoPackageTable tr td.w-list ul li input {
	margin: 18px;
}

table.acadlecInfoPackageTable tr td.w-schedule .row-line {
	background: #b7b7b7;
	width: 1px;
	height: 10px;
	margin: 0 10px -1px;
}

table.acadlecInfoPackageTable tr td span {
	vertical-align: baseline;
}

table.acadlecInfoPackageTable tr.Top td {
	background: #fff;
	height: 40px;
	padding: 0;
	border-top: 1px solid #c9c9c9;
}

.w-notice .acadInfo {
	display: inline-block;
	padding: 0 6px;
	height: 17px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 17px;
	margin: 0 1px 0 0;
	border-radius: 10px;
}

.w-notice .acadInfo.n1 {
	background: #46a1dc;
}

.w-notice .acadInfo.n2 {
	background: #fe0000;
}

.w-notice .acadInfo.n3 {
	background: #333;
}

.w-notice .acadInfo.n4 {
	background: #2119b7;
}

.w-info .w-notice .acadInfo {
	float: none;
	margin: 0 auto;
}

.w-info .acadBox {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: #000;
	text-align: center;
	line-height: 20px;
	border: 1px solid #000;
	padding: 0 4px;
}

.w-info .acadBox.n1 {
	color: #1345b6;
	border-color: #1345b6;
}

.w-info .acadBox.n2 {
	color: #0a8cc2;
	border-color: #0a8cc2;
}

.w-info .acadBox.n3 {
	color: #9c3eb4;
	border-color: #9c3eb4;
}

.w-info .acadBox.n4 {
	color: #fff;
	border-color: #fe0000;
	background: #fe0000;
}

.w-info .acadBox.n5 {
	color: #fff;
	border-color: #46a1dc;
	background: #46a1dc;
}

.w-info .acadBox.n6 {
	color: #fff;
	border-color: #333;
	background: #333;
}

.w-info .acadBox.n7 {
	color: #fff;
	border-color: #f78484;
	background: #f78484;
}

.w-thumb a.thumb_num {
	position: absolute;
	bottom: 20px;
	left: 145px;
	background: #0a458b;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.w-thumb a.thumb_num span {
	color: #fff;
}

.w-thumb .thumb_rollover {
	float: left;
	margin: 0 15px 0 10px;
}

.w-thumb .thumb_slide_wrap {
	display: none;
	position: absolute;
	top: 14px;
	left: 10px;
	width: auto;
	overflow: hidden;
	border: 1px solid #ccc;
	max-width: 687px;
	height: 117px;
}

.w-thumb .thumb_slide_wrap ul {
	float: left;
	width: 800px;
	overflow: hidden;
	padding: 0 5px 5px;
	background: #fff;
}

.w-thumb .thumb_slide_wrap ul li {
	float: left;
	width: 165px;
	height: 105px;
	background: #ddd;
	margin-left: 5px;
	margin-top: 5px;
}

.w-thumb .thumb_slide_wrap ul li:first-child {
	margin-left: 0;
}

.w-thumb .thumb_txt {
	float: right;
	width: 430px;
	text-align: left;
}

.w-thumb .thumb_txt .w-tit {
	font-size: 14px;
}

.w-thumb .thumb_num_short {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0a458b;
	width: 42px;
	height: 30px;
	color: #fff;
	line-height: 30px;
}

.willbes-Lec-buyBtn .careful {
	position: relative;
}

.willbes-Lec-buyBtn .detail {
	position: absolute;
	left: 0;
	top: 12.5px;
	font-size: 17px;
	font-weight: bold;
}

/* subContainer : Content : 학원갤러리 */
.sliderGallery {
	width: 796px;
	height: auto;
	margin: 45px auto;
}

.sliderGallery .bx-wrapper .bx-controls-direction {
	width: 100%;
	height: 45px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
}

.sliderGallery .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 45px;
}

.sliderGallery .bx-wrapper .bx-controls-direction a.disabled {
	display: block;
	opacity: 0.3;
}

.sliderGallery .bx-wrapper .bx-prev {
	background: url("../../img/willbes/sub/btn_prev.png") no-repeat 0 0;
	left: -45px;
	right: inherit;
}

.sliderGallery .bx-wrapper .bx-next {
	background: url("../../img/willbes/sub/btn_next.png") no-repeat 0 0;
	left: inherit;
	right: -45px;
}

.w-gallery-txt {
	margin: 0 20px 20px;
	line-height: 24px;
}

/* subContainer : Content : Aside */
.Aside {
	float: left;
	/*min-height: 1000px;*/
	padding-bottom: 30px;
	border: 1px solid #c9c9c9;
	background: #fff;
}

.AsideFixed {
	position: fixed;
	width: 290px !important;
	left: 50%;
	top: 0;
	margin-top: 0 !important;
	margin-left: 270px !important;
	z-index: 100;
}

.Aside .Tit {
	background: #ececec;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}

.Lec-Pocket-Grid {
	height: 470px;
	overflow-x: auto;
	margin-bottom: 50px;
}

.LecPocketlist {
	float: left;
	width: 230px;
	font-size: 14px;
	margin: 0 20px;
	padding: 30px 0 20px;
	border-bottom: 1px solid #dedede;
}

.LecPocketlist ul {
	margin-top: 25px;
}

.LecPocketlist ul li {
	margin-right: 5px;
}

.LecPocketlist ul li a {
	display: block;
}

.LecPocketlist ul li.price {
	letter-spacing: 0;
	line-height: 20px;
	margin-right: 20px;
}

.LecPocketlist dl {
	float: left;
	clear: both;
	width: 100%;
	line-height: 20px;
}

.LecPocketlist dl dt {
	float: left;
}

.LecPocketlist dl dt.c-txt {
	width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
}

.LecPocketlist dl dt.d-price {
	font-size: 12px;
}

.LecPocketlist dl dt.price {
	float: right;
	margin-right: 20px;
}

.LecPocketlist dl dt.closeBtn {
	float: right;
	margin-right: 20px;
}

.LecPocketlist dl dt span {
	float: right;
}

.LecPocketlist dl dt .o-price {
	margin-left: 10px;
}

.LecPocketlist .oBox {
	float: left;
}

.LecPocketlist .w-tit {
	display: inline-block;
	width: 160px;
	line-height: 16px;
}

.LecPocketlist .w-tit .closeBtn {
	position: absolute;
	right: -20px;
}

.lecPocketTable {
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}

.lecPocketTable .AllchkBox td {
	position: absolute;
	top: 14px;
	left: 20px;
}

.lecPocketTable .w-tit {
	height: 40px;
	padding: 0 20px 0 44px;
}

.lecPocketTable .w-txt {
	padding: 20px 0 0 20px;
}

.lecPocketTable .w-txt .w-txt-Grid {
	clear: both;
}

.lecPocketTable .w-replyList {
	cursor: pointer;
}

.lecPocketTable .w-replyTxt {
	display: none;
}

.lecPocketTable .w-replyTxt .info-txt {
	float: left;
	line-height: 16px;
	padding-bottom: 20px;
	letter-spacing: 0;
}

.lecPocketTable input {
	float: left;
	margin-right: 10px;
}

.lecPocketTable .replyList .arrow-Btn {
	background: url("../../img/willbes/cs/icon_arrow.gif") no-repeat 0 -18px;
	float: right;
	width: 11px;
	height: 9px;
	margin: 2px 0;
}

.lecPocketTable .replyList.hover .arrow-Btn {
	background: url("../../img/willbes/cs/icon_arrow.gif") no-repeat 0 0;
}

.LecPocketLinkBox {
	padding: 20px 20px 0
}

.LecPocketLinkBox a {
	border: 1px solid #0d74ae;
	color: #0d74ae;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 14px
}

.LecPocketLinkBox a:hover {
	background: #0d74ae;
	color: #fff;
}

.chkBoxAgree {
	position: relative;
}

.chkBoxAgree input[type=checkbox]:not(old) {
	position: absolute;
	right: 0;
	width: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
}

.chkBoxAgree input[type=checkbox]:not(old)+label {
	display: block;
	text-align: left;
	height: 22px;
	padding-right: 25px;
	line-height: 22px;
	background: url("../../img/willbes/login/icon_check.png") no-repeat right 0;
	cursor: pointer;
}

.chkBoxAgree input[type=checkbox]:not(old):checked+label {
	background: url("../../img/willbes/login/icon_check.png") no-repeat right -44px;
}

.allBtn {
	padding-top: 10px;
	text-align: right;
	font-size: 14px
}

.allBtn a {
	display: inline-block;
	background: #0d74ae;
	color: #fff;
	border: 1px solid #0d74ae;
	padding: 10px 15px;
	margin-left: 10px
}

.allBtn a:hover {
	background: #fff;
	color: #0d74ae;
}

.priceBox {
	padding: 20px;
	letter-spacing: 0;
}

.priceBox ul {
	height: 20px;
	margin-bottom: 20px;
}

.priceBox ul li.p-tit {
	float: left;
	line-height: 20px;
}

.priceBox ul li.p-tit .dropdown {
	display: inline-block;
	margin-top: -4px;
}

.priceBox ul li.p-tit .a-txt {
	float: left;
}

.priceBox ul li.p-tit .tx-light-blue {
	float: left;
	font-size: 18px;
	margin-top: -2px;
}

.priceBox ul li.w-price {
	float: right;
}

.priceBox ul li.o-price {
	font-size: 15px;
}

.priceBox ul li.d-price {
	font-size: 15px;
}

.priceBox ul li.t-price {
	font-size: 18px;
}

/* Academy : drop-Box */
.drop-Box.academy-Box {
	top: 25px;
	left: -21px;
	width: 290px;
	padding: 15px;
	border: 1px solid #2f2f2f;
	box-shadow: none;
	z-index: 200;
}

.drop-Box.academy-Box:before {
	margin-left: -87px;
	border-color: transparent transparent #2f2f2f;
}

.drop-Box.academy-Box:after {
	margin-left: -86px;
}

/* Paging */
.Paging {
	text-align: center;
	margin: 25px 0;
}

.Paging ul li {
	display: inline-block;
	margin: 0 7px;
	line-height: 18px;
	vertical-align: middle;
}

.Paging ul li a {
	font-size: 12px;
	color: #323232;
}

.Paging ul li a.on {
	font-size: 15px;
	font-weight: 600;
	color: #1a8ccc;
	text-decoration: underline;
}

.Paging ul li .row-line {
	background: #ddd;
	width: 1px;
	height: 9px;
	margin: -3px 0 0 10px;
}

/* Video Player */
.videoPopup * {font-family:'Spoqa Han Sans Neo'; font-weight:400; letter-spacing:normal}
.videoPopup .view {
	float: left;
	background: #000;
	height: 100%;
}

.videoPopup .view .viewList {
	height: 45px;
	padding: 0 15px;
	min-width: 640px;
}

.videoPopup .view .viewList .Tit {
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.videoPopup .view .viewList span {
	vertical-align: baseline;
}

.videoPopup .view .viewList .btnList {
	/*float: right;*/
	position: absolute;
	right: 0;
	top: 0;
	background: url("../../img/willbes/player/gr_bg.png") no-repeat left top;
	padding-left: 20px;
}

.videoPopup .view .viewList .btnList li {
	display: inline-block;
	background: #000;
}

.videoPopup .view .viewList .btnList a.iconBtn {
	display: inline-block;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	margin: 9px 3px;
}

.videoPopup .view .viewList .btnList .lecCtr a {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	color: #fff;
}

.videoPopup .view .viewList .btnList .lecCtr a.pre {
	background: url("../../img/willbes/player/arrowL.png") no-repeat left center;
	padding-left: 18px;
	margin-right: 15px;
}

.videoPopup .view .viewList .btnList .lecCtr a.next {
	background: url("../../img/willbes/player/arrowR.png") no-repeat right center;
	padding-right: 18px;
}

.videoPopup .view .viewList .btnList .lecCtr a.noLec {
	opacity: 0.4;
	filter: alpha(opacity=0.4);
}

.videoPopup .view .viewList .btnList .btnUP {
	background: url("../../img/willbes/player/icon_up.png") no-repeat 0 0;
}

.videoPopup .view .viewList .btnList .btnUP.on {
	background: url("../../img/willbes/player/icon_up_on.png") no-repeat 0 0;
}

.videoPopup .view .viewList .btnList .btnBookMark {
	background: url("../../img/willbes/player/icon_bookmark.png") no-repeat 0 0;
}

.videoPopup .view .viewList .btnList .btnBookMark.on {
	background: url("../../img/willbes/player/icon_bookmark_on.png") no-repeat 0 0;
}

.videoPopup .view .viewList .btnList .btnSetting {
	background: url("../../img/willbes/player/icon_setting.png") no-repeat 0 0;
}

.videoPopup .view .viewList .btnFAQ {
	float: right;
	display: inline-block;
	width: 80px;
	height: 27px;
	font-size: 12px;
	color: #666;
	text-align: center;
	line-height: 25px;
	border: 1px solid #212121;
	margin: 9px 5px;
}

.videoPopup .view .viewList .btnFAQ a {
	display: block;
	width: 100%;
	height: 100%;
}

.videoPopup .view .settingPOP {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -264px;
	z-index: 9999;
}

.videoPopup .view .settingPOP2 {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
	z-index: 9999;
}

/* Video Player : vodTabs */
.vodTabs * {font-family:'Spoqa Han Sans Neo'; font-weight:400; letter-spacing:normal}
.vodTabs {
	float: left;
	background: #1c1c1c;
	width: 400px;
	height: 100%;
}

.vodTabs .vodWrap {
	height: 41px;
	border-bottom: 1px solid #0e79af;
	display:flex;
	justify-content: space-between;
}

.vodTabs .vodWrap li {
	height: 40px;
	width:100%;
}

.vodTabs .vodWrap.two li {
	width: 50%;
}

.vodTabs .vodWrap.three li {
	width: 33.33333%;
}

.vodTabs .vodWrap.four li {
	width: 25%;
}

.vodTabs .vodWrap li a {
	background: #1c1c1c;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 500;
	color: #b8b8b8;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:0 3px;
	border: none;
}
.vodTabs .vodWrap li a span {color:#fdff41}
.vodTabs .vodWrap li a.on {
	background: #0e79af;
	color: #fff;
	border: none;
}

.vodTabs .linkTabs {
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	height: 40px;
}

.vodTabs .linkTabs a {
	display: block;
	background: #1c1c1c;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 600;
	color: #b8b8b8;
	text-align: center;
	line-height: 40px;
}

/* Video Player : vodTabs : w-data */
.vodTabs .vodBox {
	font-size: 12px;
	color: #eee;
	font-size:300;
}
.vodTabs .vodBox .w-data {
	padding: 15px 20px;
}

.vodTabs .vodBox .w-data .w-subtit {	
	margin-bottom: 5px;
}

.vodTabs .vodBox .w-data .w-subtit .row-line {
	background: #666;
	width: 1px;
	height: 10px;
	margin: -2px 5px 0;
}

.vodTabs .vodBox .w-data .w-tit {
	font-size: 14px;
	color: #eee;
	line-height: 20px;
	width: 98%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.vodTabs .vodBox .w-data .w-tit span {
	vertical-align: baseline; color:#fdff41
}

.vodTabs .vodBox .w-data .w-info {
	margin-top: 10px;
}

.vodTabs .vodBox .w-data .w-info li {
	font-size: 12px;
	color: #666;
	line-height: 17px;
}

.vodTabs .vodBox .w-data .w-info .row-line {
	background: #666;
	width: 1px;
	height: 9px;
	margin: 0 5px;
}

/* Video Player : vodTabs : vodcartBox */
.vodcartBox {
	background: #111;
	margin: 0 20px 5px;
}

.vodcartBox ul li {
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	border-top: 1px solid #212121;
	padding: 10px 0 10px 10px;
}

.vodcartBox ul li:first-child {
	border-top: 0;
}

.vodcartBox ul li input[type="checkbox"] {
	float: left;
	width: 16px;
	height: 16px;
}

.vodcartBox ul li .tit {
	margin: 0 5px;
}

.vodcartBox ul li .txt {
	display: inline-block;
}

.vodcartBox ul li .discount {
	margin-left: 5px;
}

.vodcartBox ul li .price {
	font-size: 12px;
}

.vodcartBox ul li.last {
	height: 95px;
	overflow-x: auto;
}

/* Video Player : vodTabs : buttonBtn 공통 */
.buttonBtn ul li button {
	display:block;
	border: none;
}

.buttonBtn ul li button span {
	font-size: 12px;
	font-weight: 600;
}

.buttonBtn ul li button.btnGray {
	background: #999;
}

.buttonBtn ul li button.btnGray span {
	color: #333;
}

.buttonBtn ul li button.btnBlue {
	background: #0d79ae;
}

.buttonBtn ul li button.btnBlue span {
	color: #fff;
}

/* Video Player : vodTabs : cartBtn */
.cartBtn {
	float: none;
	margin-top:20px
}
.cartBtn ul {display:flex; gap:10px; justify-content: center;  }
.cartBtn ul li {
	float: none;
	min-width: 64px;
	height: 25px;
	border: 1px solid #121212;
}

/* Video Player : vodTabs : bookmarkBox */
.bookmarkBox {
	/*float: left;*/
	width: 100%;
	margin-top: 20px;
}

.bookmarkBox ul li {
	height: 25px;
	margin-top: 5px;
}

.bookmarkBox ul li:first-child {
	margin-top: 0;
}

.bookmarkBox ul li input {
	float: left;
	min-width: 165px;
	width: 70%;
	height: 25px;
}
.bookmarkBox ul li input:focus {color:#333}
.bookmarkBox ul li button {
	float: left;
	width: 64px;
	height: 25px;
	border: 1px solid #121212;
	margin-left: 2px;
}


/* Video Player : vodTabs : vodlistBox 공통 */
.vodlistBox ul li {display:flex;}
.vodlistBox ul li {	
	padding: 8px;
	font-size: 12px;
	line-height: 1.3;
}

.vodlistBox ul li div {
	/*float: left;*/
	text-align: center;
}

.vodlistBox ul li .tt1 {
	width: 17%;
}

.vodlistBox ul li .tt2 {
	width: calc(100% - 32%);
}

.vodlistBox ul li .tt3 {
	width: 15%;
}

.vodlistBox ul.top li {
	background: #131313;
	color: #5e5e5e;
	padding-right: 17px;
}

.vodlistBox ul.top li .tt3 {
	padding-left: 17px;
}

.vodlistBox ul.list li {
	background: #1c1c1c;
	color: #fff;
}

.vodlistBox ul.list li.nth {
	background: #212121;
}

.vodlistBox ul.list li .tt2 {
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;*/
	text-align: left;
}

/* Video Player : vodTabs : vodSbjBox */
.vodSbjBox ul.sbj {
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Video Player : vodTabs : w-box */
.vodTabs .vodBox .w-box {
	padding: 20px;
}

.vodTabs .vodBox .w-box:after {
	content: "";
	display: block;
	clear: both;
}

/* Video Player : vodTabs : vodlecBox */
.vodlecBox ul.lec {
	height: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Video Player : vodTabs : vodtableBox */
.vodtableBox {
	border-top: 1px solid #2b2b2b;
}

.vodtableBox ul li {
	display:flex;
	padding: 8px;
	font-size: 12px;
	line-height: 1.3;
	border-bottom: 1px solid #2b2b2b;
}

.vodtableBox ul li div {
	/*float: left;*/
	text-align: center;
}

.vodtableBox ul li .tt1 {
	width: 15%;
}

.vodtableBox ul li .tt1 a {
	display: block;
	width: 100%;
	height: 100%;
}

.vodtableBox ul li .tt2 {
	width: 22%;
}

.vodtableBox ul li .tt3 {
	width: 63%;
	text-align:left
}

.vodtableBox ul.top li {
	background: #131313;
	color: #5e5e5e;
	padding-right: 17px;
}

.vodtableBox ul.top li .tt3 {
	padding-left: 17px;
}

.vodtableBox ul.table {
	height:auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.vodtableBox ul.table li {
	background: #1c1c1c;
	color: #fff;
}

.vodtableBox ul.table li.nth {
	background: #212121;
}

.vodtableBox ul.table li .tt3 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
}

/* Video Player : vodTabs : faqBox */
.faqBox {
	float: none;
	width: 100%;
	margin-top: 20px;
}

.faqBox ul li {
	height: 25px;
	margin-top: 5px;
	line-height: 25px;
	display:flex;
}

.faqBox ul li:first-child {
	margin-top: 0;
}

.faqBox .w-faqtit {
	/*float: left;*/
	width: 80px;
	font-size: 12px;
	color: #ccc;
	text-align: left;
}

.faqBox ul li select,
.faqBox ul li input {
	/*float: right;*/
	min-width: 180px;
	width: 100%;
	height: 25px;
	color:#666;
}

.faqBox ul li button {
	float: right;
	width: 64px;
	height: 25px;
	border: 1px solid #121212;
}

.faqBox textarea {
	width: 100%;
	height: 90px;
	margin-top: 15px;
	padding: 10px;
	overflow: auto;
	resize: none;
	color:#666;
}
.faqBox .chkBtn {display:flex;}
.faqBox .chkBtn li {
	/*float: left;*/
	margin-top: 0;
	height: 35px;
	line-height: 35px;
}

.faqBox .chkBtn li.radioBtn {
	/*float: right;*/
}
.faqBox dl {display:flex; gap:0 20px}
.faqBox dl dt {
	/*float: left;
	margin-right: 25px;*/
	display:flex; align-items: center; 
}

.faqBox dl dt input[type="radio"] {
	/*float: left;*/
	min-width: 15px;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
}

.faqBox dl dt label {
	font-size: 12px;
	color: #ccc;
	text-align: left;
}
/*플레이어 자막검색*/
.aiSearchBox {background:#131313; padding:20px}
.aiSearchBox > div {position: relative; width:100%;}
.aiSearch input[type=search] {border:0 !important; font-size:14px;padding:10px 20px 10px 20px; border-radius:30px; width:320px; color:#666}
.aiSearch input:focus {border:0 !important; color:#000; outline:0}
.aiSearch input::placeholder{color:#666;}
.aiSearch label{position: absolute; top:50%; right:20px; z-index: 1; transform: translateY(-50%); }
.aiSearch button {background: url("../../img/willbes/player/icon_ai_setting02.png") no-repeat center center; width:22px; height: 22px;}
.aiSearchBox .tag {margin-top:15px; display:flex; flex-wrap: wrap; gap:0 10px; line-height:1.4;}
.aiSearchBox .tag a {color:red; margin-left:5px}
.aiSearchBox .tag a:first-child {color: #fff;}
.aiSearchBox .tag a:first-child:hover {color:#fdff41;}
.aiSearchList {padding:30px 0}
.aiSearchList p {font-size:14px; margin-bottom:15px; padding:0 20px}
.aiSearchList p strong {color:#fdff41;}
.aiSearchList ul {
	height: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
.aiSearchList li {display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom:1px solid #2b2b2b; padding:5px 0; line-height: 1.2}
.aiSearchList li div:nth-child(1) {width:20%; text-align:center}
.aiSearchList li div:nth-child(2) {width:70%}
.aiSearchList li div:nth-child(3) {width:10%; text-align:center}
.aiSearchList li div:nth-child(3) a {background:url("../../img/willbes/player/icon_ai_link.png") no-repeat center center; width:24px; height: 24px; font-size:0; display:block; margin:0 auto; border-radius:3px;}
.aiSearchList li div:nth-child(3) a:hover {background-color:#000}

/* Certification */
.CertiBox {
	width: 900px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 40px;
}

.CertiBox .infoTxt {
	font-size: 14px;
	line-height: 20px;
}

.certiTable {
	text-align: center;
	margin: 40px 0 20px;
}

.certiTable tr th,
.certiTable tr td {
	height: 81px;
}

.certiTable .w-tit {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.certiTable .open {
	display: none;
}

.certiTable .cover {
	background: #898989;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	padding: 14px 0;
}

.certiTable .priceInfo {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	line-height: 16px;
}

.certiTable .priceInfo .originPrice {
	background: url("../../img/willbes/sample/arrow.png") no-repeat right 0;
	display: inline-block;
	padding: 0 30px;
}

.certiTable .priceInfo .discountPrice {
	display: inline-block;
	line-height: 22px;
	margin-left: 10px;
}

.certiTable .priceInfo .discountPrice .tx-red {
	font-size: 22px;
	font-weight: 600;
}

.certiTable .priceInfo .discountPrice .subInfo {
	font-size: 13px;
}

.certiTable .w-btn button {
	width: 145px;
	height: 40px;
	border: none;
}

.certiTable .w-btn button span {
	font-family: "NotoSansCJKkr-Regular", "Noto Sans KR", "sans-serif";
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.certiTable .w-btn .btnBlue button {
	background: #144999;
}

.certiTable .w-btn .btnRed button {
	background: #ee1d23;
}

.CertiBox .agreeChkBox input[type="checkbox"] {
	float: left;
	width: 14px;
	height: 14px;
}

.CertiBox .agreeChkBox label {
	margin: 0 5px;
}

.CertiBox .agreeChkBox .infoBtn {
	display: inline-block;
}

.CertiBox .agreeChkBox .infoBtn a {
	background: #333;
	color: #fff;
	padding: 4px 8px;
}

/* subContainer : Content : Quick-Bnr */
.Quick-Top {
	position: absolute;
	top: -30px;
	right: 0;
	width: 160px;
}

.Quick-Bnr {
	float: right;
	/*margin-left:20px;*/
	width: 160px;
}

.Quick-Bnr a {
	display: block;
	margin-bottom: 10px;
}

.Quick-Bnr-book {
	border: 1px solid #e4e4e4;
	margin-top: 20px;
	text-align: center;
	font-size: 22px;
	font-family: "Noto Sans KR Regular", "Noto Sans KR", "sans-serif" !important;
	line-height: 1.2;
}

.Quick-Bnr-book a {
	display: block;
	padding: 40px 0;
	margin: 0;
}

.Quick-Bnr-book a:hover {
	background: #333;
	color: #fff;
}

/* 제대군인인증팝업 */
.leaveArmyJoin {
	padding-bottom: 30px;
	overflow-y: scroll;
	width: 740px;
	height: 800px;
}

.leaveArmyJoin .laj_top h3 {
	background: #000;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 30px;
	padding-left: 20px;
}

.leaveArmyJoin .laj_top h3.survery {
	background: #26759d url(http://www.willbescop.net/assets/img/common/pop_armytit2.png) no-repeat center center;
	height: 60px;
	font-size: 0;
}

.leaveArmyJoin .laj_top div {
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px dashed #ccc;
}

.leaveArmyJoin .laj_top ul {
	background: #636363;
	font-size: 95%;
	color: #fff;
	padding: 20px 0 20px 25px;
}

.leaveArmyJoin .laj_top li {
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: disc;
}

.leaveArmyJoin .laj_top span {
	color: #ede1c1;
}

.leaveArmyJoin .laj_tab {
	background: #b7b7b7;
	padding: 10px 0 10px 25px;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.leaveArmyJoin .laj_tab strong {
	margin-right: 10px;
	float: left;
	height: 30px;
	line-height: 30px;
}

.leaveArmyJoin .laj_tab a {
	display: inline-block;
	float: left;
	padding: 0 8px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #636363;
	border-radius: 5px;
	font-weight: bold;
	background: #b7b7b7;
	color: #636363;
	margin-right: 4px;
}

.leaveArmyJoin .laj_tab a.active,
.leaveArmyJoin .laj_tab a:hover {
	background: #fff;
	color: #000;
}

.leaveArmyJoin .laj_tab:after {
	content: "";
	display: block;
	clear: both;
}

.leaveArmyJoin .laj_sec {
	margin: 0 0 30px;
	border-bottom: 1px dashed #d7d7d7;
	padding: 20px 0;
}

.leaveArmyJoin .laj_sec h4 {
	border-left: 3px solid #f30;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	color: #222;
}

.leaveArmyJoin .laj_sec td {
	padding: 5px 0;
}

.leaveArmyJoin .laj_sec li {
	line-height: 1.5;
}

.leaveArmyJoin .route {
	line-height: 2;
}

.leaveArmyJoin .laj_btns {
	text-align: center;
	margin-top: 30px;
}

.leaveArmyJoin .laj_btns a {
	display: inline-block;
	margin: 0 3px;
	color: #fff;
	background: #000 url(http://www.willbescop.net/assets/assets/img/common/arrow_02.png) no-repeat 85% center;
	font-size: 140%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #000;
	padding: 0 30px;
	font-weight: bold;
	font-family: "NanumBarunGothic", "Malgun Gothic", Arial, Sans-serif;
}

.leaveArmyJoin .laj_btns a.btnA {
	background: #707070 url(http://www.willbescop.net/assets/img/common/arrow_02.png) no-repeat 85% center;
	border: 1px solid #707070;
}

.leaveArmyJoin .laj_btns a:hover {
	color: #000;
	background: #fff;
	height: 36px;
	line-height: 36px;
	border: 1px solid #000;
}

.table-condensed {
	width: 250px !important;
}

/**/
.board_type {
	border: 0 !important;
}

.board_type {
	width: 100% !important;
	color: #666 !important;
	border-top: solid 2px #000 !important;
	border-left: solid 1px #d7d7d7 !important;
	border-collapse: separate !important;
	border-spacing: 0px !important;
	text-align: left;
}

.board_type caption {
	display: none;
}

.board_type th {
	padding: 7px 0 !important;
	border-bottom: solid 1px #000 !important;
	border-right: solid 1px #ccc !important;
	background: #faf9fb !important;
	color: #333 !important;
	font-weight: bold !important;
	line-height: 18px !important;
	vertical-align: middle !important;
	font-size: 12px !important;
	text-align: center !important;
}

.board_type td {
	padding: 5px !important;
	border-bottom: solid 1px #d7d7d7 !important;
	text-align: center !important;
	border-right: solid 1px #d7d7d7 !important;
	vertical-align: middle !important;
}

.board_type td.td1 {
	text-align: left !important;
}

.board_type td.td2 {
	font-weight: bold !important;
	text-align: left;
}

.board_type td.td3 {
	font-size: 120% !important;
	font-weight: bold !important;
	text-align: left !important;
}

.board_type td.tdleft {
	text-align: left !important;
}

.board_type p {
	line-height: 120%;
}

.board_type ul {
	margin: 0;
	padding: 0;
}

.board_type ul li {
	list-style-type: none;
}

.board_ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
}

.board_ul li {
	list-style-type: disc;
}

.board_type a {
	display: block;
	padding: 5px !important;
	border-radius: 5px;
	text-decoration: none;
	background-color: #ff434a;
	color: #fff !important;
	font-weight: bold;
}

.board_type a.cooming {
	background-color: #666 !important;
}

.board_type a.freeLec {
	background-color: #06f !important;
}

.board_type a:hover {
	background-color: #000 !important;
}

.table_type {
	width: 100%;
	margin: 1em auto;
	border-top: #464646 1px solid;
	border-bottom: #464646 1px solid;
	border-left: #cdcdcd 1px solid;
}

.table_type caption {
	display: none;
}

.table_type th,
.table_type td {
	letter-spacing: normal;
	text-align: center;
	padding: 5px 8px;
}

.table_type th {
	color: #464646;
	background: #f3f3f3;
	font-weight: 400;
	border-bottom: #cdcdcd 1px solid;
	border-right: #cdcdcd 1px solid;
}

.table_type td {
	border-bottom: #cdcdcd 1px solid;
	border-right: #cdcdcd 1px solid;
	vertical-align: middle;
	color: #464646;
	text-align: left;
}

.table_type td input {
	vertical-align: middle;
}

.table_type td label {
	margin-right: 10px;
}

/*게시판 신규강의리스트*/
.newLecList {
	margin-top: 30px;
	max-width: 900px;
	color: #666;
	margin-bottom: 100px;
}

.newLecList h4 {
	font-size: 22px;
	border-bottom: 2px solid #000;
	padding: 10px 0;
}

.newLecList ul {
	margin-bottom: 30px;
}

.newLecList li {
	padding: 12px;
	line-height: 1.4;
	border-bottom: 1px dashed #e4e4e4;
}

.newLecList li:hover {
	background: #f6f6f6;
}

.newLecList li.li2 {
	border-bottom: 1px dashed #999;
}

.newLecList li:last-child {
	border-bottom: 1px solid #000;
}

.newLecList li:after {
	content: "";
	display: block;
	clear: both;
}

.newLecList li div {
	width: 80%;
	float: left;
}

.newLecList li div span {
	color: #ccc;
	margin: 0 10px;
}

.newLecList li div strong {
	color: #000;
	font-size: 120%;
}

.newLecList li a {
	display: block;
	float: right;
	width: 18%;
	height: inherit;
	background: #55676b;
	color: #fff;
	border: 1px solid #55676b;
	border-radius: 16px;
	text-align: center;
	padding: 8px 0;
	margin-bottom: 2px;
}

.newLecList li a.ready {
	background: #fff;
	color: #333;
	border: 1px solid #333;
}

.newLecList li a:hover {
	background: #fff;
	color: #55676b;
}

/* Only IE Hack */
/* IE7, IE8, IE9 */
#SettingForm .chkBox-Save strong {
	letter-spacing: -2px \0;
}

/* IE10 and IE11 */
@media screen and (-ms-black-contrast: active),
(-ms-black-contrast: none) {
	#SettingForm .chkBox-Save strong {
		letter-spacing: -2px;
	}
}

@media only screen and (max-width: 768px) {
	body.memBody {
		min-width: 360px;
		word-break: keep-all;
	}

	/* Basic Code --*/
	body.memBody .widthAuto,
	body.memBody .widthAuto320,
	body.memBody .widthAuto460,
	body.memBody .widthAuto550,
	body.memBody .widthAuto690,
	body.memBody .widthAuto770 {
		width: 100% !important;
		margin: 0 auto;
	}

	body.memBody #Gnb,
	body.memBody #Header,
	body.memBody #Footer {
		display: none;
	}

	.MemberBox {
		width: 100% !important;
		margin: 0 auto;
	}

	.MemberBox .Member {
		float: none;
	}

	.MemberBox .youpass {
		display: none;
	}

	/*-- Login Form : 공통 --*/
	.mem-Tit {
		text-align: center;
		padding: 35px 0 70px;
	}

	.Member {
		padding: 0 5%;
	}

	.Member .inputBox {
		height: auto;
	}

	.Member .inputBox input.sm {
		width: 100%;
	}

	.Member .inputBox input.certi {
		width: 100%;
	}

	.Member .inputBox input.iptEmail01 {
		width: 50%;
	}

	.Member .inputBox input.iptEmail02 {
		width: 44%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.Member .inputBox select.seleEmail {
		float: right;
		width: 44%;
		height: 38px;
		position: absolute;
		top: 40px;
		right: 0;
	}

	.Member .inputBox button.sm {
		width: 100%;
		height: 38px;
	}

	.Member .inputBox button.certi {
		width: 100%;
		height: 38px;
	}

	.Member .user-sub-Txt {
		font-size: 12px;
		line-height: 22px;
	}

	.Member .info-Txt-Wrap.bg-none {
		line-height: 30px;
		padding-top: 5px;
	}

	.Member .info-Txt-Wrap.bg-none strong {
		display: block;
	}

	.Member .tabs-Step li {
		font-size: 12px;
	}

	/*-- Login Form : 로그인 --*/
	table.joinTable tr td a {
		height: 56px;
		line-height: 56px;
	}

	/*-- Login Form : 비밀번호 변경 --*/
	.mem-Password .user-Txt {
		background-size: 30px;
		width: 340px;
		line-height: 25px;
		padding-left: 45px;
		margin-left: -170px;
	}

	.mem-Password .password-Btn ul li {
		width: 30.33333333%;
		margin: 0 1%;
	}

	/*-- Login Form : 비밀번호 5회입력 오류 --*/
	.mem-Wrong .user-Txt {
		background-size: 30px;
		width: 340px;
		line-height: 25px;
		padding-left: 45px;
		margin-left: -190px;
	}

	/*-- Login Form : 아이디 찾기 완료 --*/
	.mem-SearchFin .searchfin-Btn ul li {
		width: 45% !important;
		margin: 0 1%;
	}

	/*-- Login Form : 유효기간경과 --*/
	.mem-Expired .user-Txt {
		background-size: 40px;
		line-height: 41px;
		padding-left: 55px;
		margin-left: -140px;
	}

	.mem-Expired .info-Txt .info-Txt-box {
		background-size: 55px;
		width: 70%;
		padding-left: 65px;
		margin-left: -180px;
	}

	.mem-Expired .expired-Btn {
		margin: 30px 0 0 35px;
	}

	/*-- Login Form : 통합회원가입 : 약관동의/정보입력 --*/
	table.combineTable tr th,
	table.combineTable tr td {
		float: left;
		width: 100%;
		padding: 5px 0;
	}

	table.combineTable thead th {
		font-weight: 600;
		padding: 10px 0;
	}

	table.combineTable tbody tr td.combine-Tit {
		width: 100%;
		padding-top: 15px;
		padding-left: 0;
	}

	table.combineTable .inputBox {
		height: auto;
		clear: both;
		margin-bottom: 0;
	}

	table.combineTable .inputBox label {
		top: 13px;
	}

	table.combineTable .inputBox input {
		float: inherit;
		width: 100%;
		height: 38px;
	}

	table.combineTable .inputBox button.combine-Btn {
		width: 100%;
		height: 38px;
	}

	table.combineTable ul.chkBox-Sex {
		float: inherit;
		width: 100%;
		height: 38px;
		margin-left: 0;
		margin-top: 5px;
	}

	table.combineTable ul.chkBox-Sex li {
		width: 50%;
		height: 38px;
	}

	table.combineTable ul.chkBox-Sex li input[type="radio"] {
		width: 100%;
		height: 100%;
	}

	table.combineTable dl {
		height: 38px;
	}

	table.combineTable dl dt {
		float: left;
	}

	table.combineTable dl dt.mbox1 {
		width: 50%;
	}

	table.combineTable dl dt.mbox1 input {
		width: 100% !important;
	}

	table.combineTable dl dt.mbox2 {
		width: 40%;
		height: 100%;
		float: right;
	}

	table.combineTable dl dt.mbox-sele {
		width: 100%;
		height: 100%;
		float: right;
	}

	table.combineTable dl dt.mbox-dot {
		line-height: 38px;
	}

	table.combineTable dl dt.mbox-sele select.seleEmail {
		width: 44%;
		height: 38px;
		border-left: 1px solid #d4d4d4;
	}

	table.combineTable .mbox-txt {
		margin-bottom: 20px;
	}

	table.combineTable .addbox1 {
		height: 38px;
		margin-bottom: 3px;
	}

	table.combineTable .addbox2 {
		height: 38px;
	}

	.agree-Chk ul li {
		line-height: inherit;
	}

	.agree-Chk ul li .AllchkBox {
		padding-top: 17px;
		padding-bottom: 17px;
	}

	.agree-Chk ul li .AllchkBox strong {
		display: block;
		width: 80%;
	}

	.agree-Chk ul li .agree-Tit a {
		width: 80%;
		padding: 17px 0;
	}

	.agree-Chk ul li .agree-Tit a .tx12 {
		display: block;
		margin: 5px 0 0 40px;
	}

	/*-- Login Form : 통합회원가입 : 회원가입완료 --*/
	.mem-CombineFin .welcomepack {
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}

	.mem-CombineFin select.seleSite {
		width: 50%;
		height: 38px;
		margin-left: 0;
	}

	.mem-CombineFin img {
		width: 100%;
	}

	/*-- Login Form : 통합회원가입 : 기가입자 --*/
	.mem-CombineFin .combinefin-Btn ul li {
		width: 45% !important;
		margin: 0 1%;
	}

	/* -- Login Form : 통합 서비스 안내 --*/
	.mem-Convert img {
		width: 100%;
	}

	/*-- Login Form : 통합회원 전환 --*/
	.mem-Convert .agreeBox {
		float: left;
		width: 100%;
		height: auto;
		clear: both;
	}

	.mem-Convert .agreeBox input {
		width: 100%;
		height: 38px;
	}

	.mem-Convert .agreeBox a {
		float: inherit;
		clear: both;
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.mem-Convert .agree-User .agree-Tit .tx-gray {
		clear: both;
	}

	.agree-user-Chk .agree-Confirm.ok {
		background: url("../../img/willbes/login/icon_check_confirm.png") no-repeat right 15px;
	}

	.agree-user-Chk .agree-Confirm.no {
		background: url("../../img/willbes/login/icon_check_confirm.png") no-repeat right -29px;
	}
}

@media only screen and (max-width: 480px) {
	.mem-Expired .info-Txt .info-Txt-box {
		background-size: 55px;
		padding-left: 65px;
		margin-left: -135px;
	}

	.mem-Expired .expired-Btn {
		margin: 30px 0 0 0;
	}
}

/*이용약관*/
.agreementTop {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	color: #fff;
}

.agreementTop h3 {
	background: #000;
	padding: 15px;
	margin: 0;
}

.agreementSelect {
	width: calc(100% - 20px);
	padding: 0 10px;
	text-align: right;
	position: absolute;
	top: 12px;
	font-size: 12px
}

.agreementSelect select {
	padding: 5px
}

.agreementWrap {
	margin-top: 50px
}

.policyNew * {
	font-size: 12px;
	font-family: "굴림", "Gulim", "돋움", "Dotum", "Helvetica",
		"Apple SD Gothic Neo", "sans-serif";
}

.policyNew {
	padding: 20px;
	color: #555;
	line-height: 1.5 !important;
}

.policyNew a {
	text-decoration: none;
}

.policyNew ol,
.policyNew ul,
.policyNew li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.policyNew .mt10 {
	margin-top: 10px;
}

.policyNew h3 {
	font-size: 18px;
	color: #0c5dc0 !important;
	margin-bottom: 20px;
	color: #06f;
	border-bottom: 2px solid #0c5dc0;
	padding-bottom: 10px;
	font-weight: bold;
}

.policyNew p {
	margin: 20px 0;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

.policyNew div {
	margin-bottom: 10px;
}

.policyNew ul,
.policyNew .policyNum {
	margin-bottom: 30px;
}

.policyNew .policyNum li {
	margin-bottom: 8px;
	margin-left: 20px !important;
	list-style-type: decimal;
	min-height: 20px !important;
	line-height: 1.5 !important;
}

.policyNew .titsubject {
	margin-top: 20px;
	background: #f3f2f2;
	padding: 20px 20px 10px !important;
}

.policyNew .titsubject li {
	display: inline;
	float: left;
	width: 50%;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 30px;
	line-height: 1.5;
}

.policyNew .titsubject li a {
	color: #000;
}

.policyNew .titsubject:after {
	content: "";
	display: block;
	clear: both;
}

.policyNew table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: #666 1px solid !important;
	background: #fff;
	margin: 10px 0 30px;
}

.policyNew table.tdCenter td {
	text-align: center;
}

.policyNew th {
	background: #f0f0f0;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	color: #666;
	padding: 10px 0;
}

.policyNew td {
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	padding: 8px;
	line-height: 1.5;
}

.policyNew th:last-child,
.policyNew td:last-child {
	border-right: 0;
}

.policyNew tr.trTypeA td:last-child {
	border-right: #d7d7d7 1px solid;
}

.policyNew tr.trTypeB td:last-child {
	border-bottom: #666 1px solid;
}

.policyNew tr.trTypeC th {
	border-bottom: #666 1px solid;
}

.policyNew tr:last-child td {
	border-bottom: 0;
}

.policyNew .txtInfo {
	margin: 40px 0;
}

.policyNew .tit2 {
	color: #f33;
}

.closebtn {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
}

.closebtn a {
	font-size: 11px;
	color: #fff;
	background: #333;
	padding: 3px;
	text-decoration: none;
}

/*메인 하단 bar 배너*/
.mainBottomBn {
	position: fixed;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
	min-width: 1450px;
	height: 100px;
	text-align: center;
	z-index: 200;
}

.mainBottomBn2 {
	height: 120px;
}

.mainBottomBn div {
	position: relative;
}

.mainBottomBn div .mbBanner {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	display: block;
}

.mainBottomBn div span {
	display: block;
	position: absolute;
	width: 19px;
	height: 19px;
	top: -9px;
	right: 50%;
	margin-right: -700px;
	cursor: pointer;
	background: url(https://static.willbes.net/public/images/promotion/common/mainBottom_btnclose.png) no-repeat right center;
	font-size: 0;
	text-indent: -9999px;
	z-index: 1;
}

/*공무원 온라인 교수진소개*/
.drop-Box-1120 {
	display: none;
	position: absolute;
	background: #fff;
	width: 100px;
	padding: 10px;
	border: 1px solid #acacac;
	box-shadow: 5px 5px 25px #e1e1e1;
	z-index: 60 !important;
}

.list-drop-Box-1120 {
	top: 40px;
	width: 1120px;
	padding: 20px;
	left: 50%;
	text-align: left;
}

/*공무원 온라인 상단 메뉴 팝업*/
.list-drop-Box-1120.gosi {
	margin-left: -602px;
}

.list-drop-Box-1120.gosi2 {
	margin-left: -698px;
}


.list-drop-Box-1120.gosi3 {
	margin-left: -673px;
}

/*공무원 법원직 메뉴 팝업*/
.list-drop-Box-1120.gosi3035  {
	margin-left: -644px;
}

/*공무원 온라인 군무원 메뉴 팝업*/
.list-drop-Box-1120.gp {
	margin-left: -734px;
}

.list-drop-Box-1120.gp2 {
	margin-left: -828px;
}



.list-drop-Box-1120.noncom2 {
	margin-left: -916px;
}

/*공무원 학원 상단 메뉴 팝업*/
.list-drop-Box-1120.GA {
	margin-left: -529px;
}

.list-drop-Box-1120.GA2 {
	margin-left: -623px;
}

.list-drop-Box-1120 .prof-drop-Box {
	width: 33.3333%;
	float: left;
}

.list-drop-Box-1120 h5 {
	position: relative;
	padding-left: 10px;
	clear: both;
}

.list-drop-Box-1120 h5:before {
	background: #2784d2 none repeat scroll 0 0;
	border-radius: 3px;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 16px;
	width: 6px;
}

.list-drop-Box-1120 li {
	font-size: 13px !important;
}

.list-drop-Box-1120 li span {
	color: #2784d2;
	float: left;
	font-weight: normal;
	margin-right: 10px;
}

.list-drop-Box-1120 li a {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.list-drop-Box-1120 li a:hover {
	color: #2784d2;
	text-decoration: underline;
}

.list-drop-Box-1120 li:last-child {
	margin-bottom: 20px !important;
}

.list-drop-Box-1120 li:after,
.list-drop-Box-1120:after {
	content: "";
	display: block;
	clear: both;
}

.list-drop-Box-1120 .lec-drop-Box {
	width: 12.5%;
	float: left;
}

/*공무원 수강신청*/
.list-drop-Box-1120 .lec-drop-Box-gosi {
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0;
}

.list-drop-Box-1120 .lec-drop-Box-gosi:last-child {
	border-bottom: 0;
}

.list-drop-Box-1120 .lec-drop-Box-gosi:hover {
	background: #f4f4f4;
}

.list-drop-Box-1120 .lec-drop-Box-gosi h5 {
	float: left;
	width: 80px;
	line-height: 1.5;
	margin-right: 10px;
	height: auto;
}

.list-drop-Box-1120 .lec-drop-Box-gosi h5:before {
	top: 10px;
}

.list-drop-Box-1120 .lec-drop-Box-gosi ul {
	float: left !important;
	width: calc(100% - 90px);
}

.list-drop-Box-1120 .lec-drop-Box-gosi li {
	margin-bottom: 10px;
}

.list-drop-Box-1120 .lec-drop-Box-gosi li:last-child {
	margin: 0 !important;
}

.list-drop-Box-1120 .lec-drop-Box-gosi li strong {
	font-weight: bold;
	float: left;
	display: inline;
	width: 80px;
}

.list-drop-Box-1120 .lec-drop-Box-gosi li:after,
.list-drop-Box-1120 .lec-drop-Box-gosi:after {
	content: "";
	display: block;
	clear: both;
}

/*인천학원 상단 메뉴*/
.dropdown .list-drop-Box-ic {
	top: 38px;
	left: 50%;
	margin-left: -159px;
	width: 470px;
	padding: 20px;
	text-align: left;
	z-index: 100;
}

.dropdown .list-drop-Box-ic .Tit {
	margin-top: 10px !important
}

.dropdown .list-drop-Box-ic li:first-child {
	margin: 0 !important
}

.dropdown .list-drop-Box-ic span {
	display: inline-block;
	font-size: 14px !important;
	width: 50px
}

.dropdown .list-drop-Box-ic li a {
	display: inline-block;
	padding-right: 20px
}


/*단과수강 신청 교재정보*/
.bookInfoTable {
	width: 100% !important;
	background: #f9f9f9;
	padding: 20px;
	font-size: 13px;
}

.bookInfoTable ul {
	margin-bottom: 20px;
}

.bookInfoTable li {
	line-height: 1.5;
	margin: 10px 0;
	position: relative;
}

.bookInfoTable li .b-obj {
	width: 540px;
}

.bookInfoTable li .b-obj span {
	display: inline-block;
	color: #0d74ae;
	width: 70px;
	text-align: left;
	padding-right: 10px;
	font-size: 12px;
}

.bookInfoTable .bookBuyBtns {
	position: absolute;
	top: 0;
	left: 560px;
	width: 130px;
	z-index: 1;
}

.bookInfoTable .bookBuyBtns a {
	display: inline-block;
	width: 60px;
	font-size: 11px !important;
	height: 24px !important;
	line-height: 24px !important;
	color: #1a8ccc;
	text-align: center;
	border: 1px solid #1a8ccc;
}

.bookInfoTable .bookBuyBtns a.btnCart {
	border: 1px solid #7d7e85;
	color: #7d7e85;
}

.bookInfoTable .bookBuyBtns a.btnVisit {
	border: 1px solid #1a8ccc;
	color: #1a8ccc;
}

.bookInfoTable .bookBuyBtns a.btnBuy {
	color: #1a8ccc;
	border: 1px solid #1a8ccc;
}

.bookInfoTable .bookBuyBtns a:hover {
	border: 1px solid #000;
	color: #000;
}

.bookInfoTableb .bookBuyBtns li:after {
	content: "";
	display: block;
	clear: both;
}

.bookInfoTable .bookbuyInfo {
	position: absolute;
	top: 0;
	left: 700px;
	width: 200px;
	z-index: 1;
}

.bookInfoTable .bookbuyInfo label {
	display: inline-block;
	width: 65px;
	text-align: right;
	margin-right: 5px;
	font-size: 12px;
}

.bookInfoTable a strong {
	background: url("../../img/willbes/sub/icon_detail.gif") no-repeat 0 10px;
	height: 30px;
	line-height: 30px;
	padding-left: 18px;
	display: inline-block;
}

/*수험안내*/
.w-Guide {
	color: #666;
	line-height: 1.5;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
}

.w-Guide>h3 {
	font-size: 30px;
	padding: 30px 20px;
	border-bottom: 1px solid #edeeef;
	border-top: 1px solid #edeeef;
	margin-bottom: 20px;
	background: #f9f9f9;
	font-weight: 600;
	color: #000;
}

.w-Guide h4 {
	font-size: 18px;
	color: #333;
	position: relative;
	padding-left: 18px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #333;
}

.w-Guide h4:before {
	position: absolute;
	top: 9px;
	left: 0;
	background: #2b2e78 none repeat scroll 0 0;
	border-radius: 5px;
	content: "";
	display: block;
	height: 10px;
	width: 10px;
}

.w-Guide h4 span {
	color: #ba560e;
}

.w-Guide h5 {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 600;
	color: #333;
}

.basicWd.tx-cneter td {
	text-align: center;
}

/* 자격증 */
.Menu .menu-List li.job>a {
	color: #b85712;
	display: flex;
	align-items: center;
}

.Menu .menu-List li.job>a .arrow-Btn {
	background: url("../../img/willbes/gosi/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin-left: 5px
}

/*변리사 전체 메뉴*/
.dropdown .all {
	background: url(https://static.willbes.net/public/images/promotion/common/icon_menuAll.png) no-repeat left center;
	padding-left: 30px;
	height: 40px;
	line-height: 40px
}

.drop-Box-menuall {
	display: none;
	position: absolute;
	background: #fff;
	width: 1120px;
	padding: 10px;
	border: 1px solid #000;
	box-shadow: 5px 5px 25px #e1e1e1;
	z-index: 100 !important;

	width: 1120px;
	padding: 0;
	left: 0%;
	text-align: left;
	margin-left: -1033px;
}

.drop-Box-menuall .inner {
	display: flex;
	padding: 40px 60px;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* 고등고시 */
.Menu .menu-List li.gosi>a {
	color: #b85712;
	display: flex;
	align-items: center;
}

.Menu .menu-List li.gosi>a .arrow-Btn {
	background: url("../../img/willbes/gosi/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin-left: 5px
}

.Section4_hl .will-acadTit {
	font-size: 19px;
	font-weight: 600;
	color: #363636;
	line-height: 60px;
	text-align: left;
}

.Section4_hl .will-acadTit span {
	vertical-align: baseline;
}

/* 경찰간부 */
.Menu .menu-List li.spo>a {
	background: url("../../img/willbes/sub/icon_acad.gif") no-repeat left center;
	font-size: 16px;
	color: #0c5dc0;
	padding-left: 26px;
	display: flex;
	align-items: center;
}

.Menu .menu-List li.spo>a .arrow-Btn {
	background: url("../../img/willbes/gosi/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin-left: 5px
}

/* 취업 */
.Menu .menu-List li.work>a {
	color: #b85712;
	display: inline-block;
	vertical-align: middle;
}

.Menu .menu-List li.work>a .arrow-Btn {
	background: url("../../img/willbes/gosi/icon_arrow.gif") no-repeat left center;
	float: right;
	width: 4px;
	height: 8px;
	margin: 15px 5px 0;
}

/* disabled */
.view-disabled {
	pointer-events: none;
	background-color: #eee;
	color: #555;
	opacity: 1;
}

.table-Guided {
	border-top: 1px solid #edeeef;
	border-left: 1px solid #edeeef;
	table-layout: auto;
}

.table-Guided th,
.table-Guided td {
	padding: 10px 5px;
	border-bottom: 1px solid #edeeef;
	border-right: 1px solid #edeeef;
	text-align: center;
}

.table-Guided th {
	background: #f3f3f3;
	color: #333;
	font-weight: bold;
}

.table-Guided tbody th {
	background: #f9f9f9;
	color: #555;
}

.table-Guided.borderZero,
.table-Guided.borderZero th,
.table-Guided.borderZero td {
	border: 0;
}

.table-Guided2 td {
	text-align: left;
	vertical-align: top;
}

.w-Guide ul.st01 {
	margin-bottom: 20px;
}

.w-Guide ul.st01 li {
	margin-bottom: 10px;
	list-style-type: disc;
	margin-left: 15px;
}

.w-Guide ul.st01 li:last-child {
	margin-bottom: 0;
}

.guideTab {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #22252a;
}

.guideTab li {
	display: inline;
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.guideTab.guideTab3ea li {
	width: 33.333333%;
}

.guideTab.guideTab4ea li {
	width: 25%;
}

.guideTab.guideTab5ea li {
	width: 20%;
}

.guideTab.guideTab6ea li {
	width: 16.666666%;
}

.guideTab li a {
	display: block;
	text-align: center;
	padding: 14px 0;
	background: #e4e4e4;
	color: #22252a;
	margin-right: 1px;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	line-height: 1.5;
	height: auto;
}

.guideTab li a.on,
.guideTab li a:hover {
	background: #22252a;
	color: #fff;
	line-height: 1.5;
	height: auto;
}

.guideTab li:last-child a {
	margin: 0;
}

.guideTab:after {
	content: "";
	display: block;
	clear: both;
}

.w-Guide .boxSt01 {
	border: 1px solid #edeeef;
	padding: 30px;
	background: #f4f9ff;
	margin: 10px 0;
}

.guideTabsm {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.guideTabsm li {
	display: inline;
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.guideTabsm li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	border: 0;
	line-height: 1.5;
	height: auto;
	border-bottom: 1px solid #ccc;
}

.guideTabsm li a.on,
.guideTabsm li a:hover {
	color: #2b2e78;
	line-height: 1.5;
	height: auto;
	border-bottom: 3px solid #2b2e78;
}

.guideTabsm.guideTabsm3ea li {
	width: 33.333333%;
}

.guideTabsm.guideTabsm4ea li {
	width: 25%;
}

.guideTabsm:after {
	content: "";
	display: block;
	clear: both;
}

/***********************************************  온라인 강의 검색  ************************************************************/

.onSearch {
	width: 420px;
	float: right;
	padding: 10px 0;
	position: relative;
	display: flex;
	gap:0 20px;
	justify-content: flex-end;
}


.onSearch input[type="text"] {
	border: 0;
	border-bottom: 1px solid #000;
	width: 300px;
	height: 28px;
	color: #ccc;
	font-size: 14px;
}

.onSearch input:focus {
	border: 0 !important;
	border-bottom: 1px solid #1087ef !important;
	color: #1087ef;
	outline:0;
}

.onSearch button {
	width: 28px;
	height: 28px;
	font-size: 0;
	text-indent: -9999px;
	background: url("../../img/willbes/common/icon_search.png") no-repeat center bottom;
	background-size: 18px;
	vertical-align: top;
	display: inline-block;
	position: absolute;
	z-index: 1;
}

.searchPop {
	display: none;
	position: absolute;
	top:37px;
	margin-top: 0;
	padding: 10px;
	font-size: 14px;
	background-color: #fff;
	width: 300px;
	height: 220px;
	overflow-y: auto;
	border: 1px solid #1087ef;
	z-index: 51;
}

.searchPop .popTit {
	font-weight: 600;
	margin-bottom: 5px;
}

.searchPop li {
	height: 30px;
	line-height: 30px;
	list-style: decimal;
	list-style-position: inside;
	padding-left: 10px;
}

.searchPop li a {
	display: inline-block;
}

.searchPop li:hover {
	background-color: #f4f4f4;
}

.onSearch:after {
	content: "";
	display: block;
	clear: both;
}

.ui-autocomplete {
	width: 150px;
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	overflow-x: hidden;
	z-index: 102;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	background: #a0bfcf !important;
	font-weight: bold !important;
	color: #fff !important;
	border: 0 !important;
}

.onSearchBig {
	float: none;
	margin: 0 auto 50px;
	text-align: center;
}

.onSearchBig input[type="text"] {
	height: 40px;
	width: 400px;
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #000;
}

.onSearchBig .onSearch-btn {
	width: 30px;
	height: 40px;
	background-size: 30px;
	border: 0;
}

.onSearchBig span {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin-left: 20px;
}

.onSearchBig span input {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.onSearchBig .onSearch-result {
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	color: #666;
}

.onSearchBig {width:800px; margin: auto; display:block} 
.onSearchBox {display:flex; gap:0 20px; justify-content: center; align-items:center; height:30px;}
.toggle-button-cover {
	position: relative;        
	width:125px;
}
.button-cover {width:90px;}
.button-cover:before {
	position: absolute;
	top:0;
	right: 0;
	color: #d7e3e3;
	padding: 5px;             
}
.button-cover,
.button-cover .knobs,
.button-cover .layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.button-cover .button {
	position: relative;
	top: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
}
.onSearchBox .button-cover .button {margin-top: -10px;}
.button-cover .button.r,
.button-cover .button.r .layer {
	border-radius: 100px;
}
.button-cover .checkbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
}
.button-cover .knobs {
	z-index: 2;
}

.button-cover .layer {
	width: 100%;
	background-color: #b6b6b6;
	transition: 0.3s ease all;
	z-index: 1;
	display:flex; align-items: center;
	color:#fff;
	padding-left:30px;
	font-size:13px
}
#button-1 .knobs:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	color: #b6b6b6;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
	border-radius: 50%;
	transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before {
	content: "";
	left: 64px;
	color: #22ba22;
}

#button-1 .checkbox:checked ~ .layer {
	background-color: #22ba22;
	padding-left:11px
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
	transition: 0.3s ease all;
}

.inputBox .toggle-button-cover .InfoAi {position: absolute; right:0}
.inputBox .toggle-button-cover .InfoAi a {width:30px; height:30px; line-height: 30px; border-radius: 50%; border:1px solid #22ba22; color:#22ba22; display:block; font-size:14px; text-align: center;}

.onSearchBig div strong {
	color: #0d74ae;
}

.searchZero {
	text-align: center;
	line-height: 1.5;
	padding: 50px 0;
}

.searchZero h3 {
	font-size: 20px;
	color: #000;
	margin: 30px 0;
}

.searchZero p {
	color: #666;
}

.searchList {
	line-height: 1.5;
	letter-spacing: normal;
	margin-top:50px;
}

.searchListTap {
	margin-bottom: 20px;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}

.searchListTap li {
	display: inline;
	float: left;
	font-size: 16px;
}

.searchListTap li a {
	display: block;
	padding: 0 15px;
	color: #666;
	font-weight: bold;
	border-right: 1px solid #e4e4e4;
}

.searchListTap li a.on,
.searchListTap li a:hover {
	color: #000;
	background: #fff;
	border-bottom: 1px solid #fff;
}

.searchListTap li a span {
	color: #0d74ae;
}

.searchListTap:after {
	content: "";
	display: block;
	clear: both;
}

.searchList .lecInfoTable td {
	width: 1120px;
}

.searchList .lecInfoTable .priceWrap {
	float: right !important;
}

.searchList .lecInfoTable td .w-sub:after {
	content: "";
	display: block;
	clear: both;
}

.searchView {
	clear: both;
}

.searchView h4 {
	font-size: 16px;
	color: #000;
}

.searchView ul {
	margin: 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.searchView li {
	border-bottom: 1px solid #f6f6f6;
	padding: 15px;
}

.searchView li a {
	font-size: 16px;
	color: #0000cc;
	text-decoration: underline;
}

.searchView li a:hover {
	color: #000;
}

.searchView li div {
	color: #666;
	margin-top: 5px;
}

.searchView li:last-child {
	border: 0;
}

.searchView dl {
	margin-top: 5px;
}

.searchView dt {
	margin-right: 5px;
}

.searchView dt span {
	vertical-align: top;
}

.searchTxt {
	padding: 30px;
	text-align: center;
}

.searchTxt a {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #e4e4e4;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
}

.searchTxt a:hover {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.searchList:after {
	content: "";
	display: block;
	clear: both;
}

/************************************************** 자매독서실 할인 ***************************************************/
.studyRoomCts {
	margin: 35px;
	line-height: 1.5;
	color: #666;
}

.studyRoomCts .studyRoominfo li {
	margin-left: 15px;
	list-style-type: disc;
	margin-bottom: 5px;
}

.studyRoomCts div {
	border-top: 1px dashed #e4e4e4;
	margin-top: 20px;
	padding-top: 20px;
}

.studyRoomCts select {
	padding: 5px;
	width: 100%;
}

.studyRoomCts .btnSet {
	margin-top: 20px;
	float: right;
}

.studyRoomCts .btnSet li {
	display: inline;
	float: left;
	margin-right: 5px;
}

.studyRoomCts .btnSet:after {
	content: "";
	display: block;
	clear: both
}

/*****************************************고등고시, 자격증 배너******************************************
.studyRoomCts {
	margin: 35px;
	line-height: 1.5;
	color: #666;
}

.lecBanner {
	background: url("https://static.willbes.net/public/images/promotion/main/3094_lecBanner_bg.jpg") no-repeat center center;
	padding: 90px 0;
}

.lecBanner .copyTit {
	color: #fff !important;
	text-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.3);
}

.lecBanner li {
	display: inline;
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 20px;
}

.lecBanner li a {
	display: block;
	width: 260px;
	margin: 0 auto;
	height: 325px;
	transition: opacity 0.4s ease-in-out;
}

.lecBanner li a img {
	width: 100%;
}

.lecBanner li a:hover {
	-webkit-box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.5);
}

.lecBanner ul:hover a:not(:hover) {
	opacity: 0.4;
}
*****/

/*****************************************고등고시, 자격증 학원 오시는 길*******************************************/

.Section4_hl {
	width: 1120px !important;
	margin: auto;
}

.Section4_hl .noticeTabs {
	width: 100% !important;
}

.Section4_hl .noticeWrap_campus {
	width: 1120px;
}

.Section4_hl .noticeBox_campus .tabContent {
	width: 1120px;
	display: flex;
	justify-content: space-between;
}

.Section4_hl .map_img {
	position: relative;
	width: 698px;
	height: 328px;
	overflow: hidden;
}

.Section4_hl .map_img img {
	position: absolute;
}

.Section4_hl .campus_info {
	position: relative;
	width: 380px;
	height: 328px;
}

.Section4_hl .campus_info dl dt {
	border-top: 1px solid #e3e3e3;
	padding: 25px 0;
}

.Section4_hl .campus_info dl dt:first-child {
	border-top: none;
	padding: 0 0 25px;
}

.Section4_hl .campus_info .btn a {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	padding: 0;
	width: 168px;
	margin-right: 5px;
	color: #000;
	text-align: center;
	border: 1px solid #000;
}



/***************************내강의실 > 학원강좌 > 수강신청강좌 : 온라인첨삭*************************************/
.lookover {
	margin-top: 10px;
}

.lookover a {
	display: inline-block;
	background: #fff;
	color: #ff0033;
	border: 1px solid #ff0033;
	border-radius: 20px;
	padding: 0 12px;
}

.lookover a:hover {
	background: #ff0033;
	color: #fff;
}

.lookover a.buyBook {
	border: 1px solid #000;
	background-color: #333;
	color: #fff
}

.lookover a.buyBook:hover {
	border: 1px solid #000;
	background-color: #fff;
	color: #333;
}

.lookover a.supplement {
	border: 1px solid #0d74ae;
	background-color: #1a8ccb;
	color: #fff
}

.lookover a.supplement:hover {
	background-color: #fff;
	color: #0d74ae;
}


.lookoverInfo {
	background: #f8f8f8;
	padding: 20px;
	margin: 20px 0;
	letter-spacing: normal;
}

.lookoverInfo li {
	line-height: 1.5;
	margin-bottom: 5px;
	padding-left: 10px;
}

.lookoverInfo li.sTit {
	font-weight: bold;
	color: #333;
	padding: 0;
}

.lookover-cont .stbox {
	display: inline-block;
	width: 70px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	font-family: "NanumGothic-Bold", "Nanum Gothic", "나눔고딕", "sans-serif" !important;
}

.lookover-cont .stbox-red {
	border: 1px solid #ff0033;
	background: #ff0033;
	color: #fff;
}

.lookover-cont .stbox-blue {
	border: 1px solid #5ab6eb;
	background: #5ab6eb;
	color: #fff;
}

.lookover-cont .stbox-red-txt {
	color: #ff0033;
}

.lookover-cont .stbox-blue-txt {
	color: #5ab6eb;
}

.lookover-cont .stbox-333-line {
	color: #333;
	border: 1px solid #333;
	background: #fff;
}

.lookover-cont .stbox-blue-line {
	color: #5ab6eb;
	border: 1px solid #5ab6eb;
	background: #fff;
}

.lookover-cont .lookoverTable {
	width: 100%;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.lookover-cont .lookoverTable th,
.lookover-cont .lookoverTable td {
	text-align: center;
	padding: 15px 5px;
	letter-spacing: normal;
}

.lookover-cont .lookoverTable tr {
	border-bottom: 1px solid #edeeef;
}

.lookover-cont .lookoverTable tbody tr:last-of-type {
	border: 0;
}

.lookover-cont .lookoverTable th {
	color: #707070;
	font-weight: bold;
	background: #f9f9f9;
}

.lookover-cont .lookoverTable td .up-file li {
	line-height: 2;
}

.willbes-Layer-PassBox textarea {
	width: 100%;
	border: 1px solid #d4d4d4;
	resize: none;
	height: 120px;
	line-height: 1.5;
	overflow-y: auto
}

/***************************내강의실 > 학원강좌 > 수강신청강좌 : 종합반 > 강사선택현황보기***********************************************/


.profLook a {
	color: #1a8ccb;
	border: 1px solid #1a8ccb;
}

.profLook a:hover {
	background: #1a8ccb;
}


/*임용 공지사항 강의 일정 테이블*/
.ssamLecTable {
	max-width: 940px;
	margin: 0 auto 50px;
	font-size: 12px
}

.ssamLecTable h5 {
	font-size: 30px;
	text-align: center;
	padding: 20px 0;
	line-height: 1.2
}

.ssamLecTable .issue {font-size:16px; font-weight:bold; text-align:center; margin-bottom:50px; padding:5px; background-color: #006cff; color:#fff }
.ssamLecTable h5 span {
	color: #002060;
	vertical-align: top
}

.ssamLecTable table {
	border: 2px solid #999
}

.ssamLecTable thead {
	border-bottom: 2px solid #999
}

.ssamLecTable th,
.ssamLecTable td {
	text-align: center;
	padding: 10px 5px !important;
	line-height: 1.4;
	border: 0;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	color: #000;
	letter-spacing: -1px !important;
}

.ssamLecTable thead th {
	background: #e9ecf5;
	font-size: 14px;
	font-weight: bold;
}

.ssamLecTable tbody th {
	background: #f6f7f8
}

.ssamLecTable td a {
	display: block;
	padding: 3px;
	border-radius: 3px;
	font-size: 11px !important;
}

.ssamLecTable td a.btnSt01 {
	background: #ff6600;
	color: #fff;
}

.ssamLecTable td:last-child a,
.ssamLecTable td a.btnSt02 {
	background: #2e898e;
	color: #fff
}

.ssamLecTable td a:hover {
	background: #000
}

.ssamLecTable td:nth-last-child(3) {
	font-size: 11px !important;
}

.ssamLecTable td strong {
	color: #000;
	font-size: 12px !important;
}

.ssamLecTable td span {
	color: #ed1c24;
}

.ssamLecTable tbody .pkg th.pkghead {
	background: #effaf5 !important;
}

.ssamLecTable tbody .pkg td:nth-of-type(1) {
	color: #006cff !important; 
}
.ssamLecTable tbody tr td:nth-of-type(1) {text-align: left !important;}

/*임용 교수홈*/
.willbes-Prof-Profile-ssam.ver2024 { width:940px; height: 557px; margin-bottom:30px; position: relative;}
.prof-ssam-top {position: relative;}
.prof-ssam-top .hotClip {position: absolute; bottom:50px; left:30px; z-index: 1; display:flex; gap:0 10px}
.prof-ssam-top .hotClip img {width:150px}
.prof-ssam-top .ssam-title {position: absolute; top:70px; left:528px; z-index: 1; color:#436b8b; font-size:25px; font-weight:700; display:flex; align-items: flex-end; gap:0 10px}
.prof-ssam-top .ssam-title span {font-size: 20px; color:#252525}
.prof-ssam-top .prof-ssam-btns {position: absolute; top:188px; left:528px; z-index: 1;  display:flex; gap:5px 6px; flex-wrap: wrap; width:320px}
.prof-ssam-top .prof-ssam-btns a {background-color:#436b8b; color:#fff; border-radius:4px; width:75px; height:26px; line-height:26px; text-align:center}
.prof-ssam-top .prof-ssam-btns a:hover {background:#252525}
.prof-ssam-top .ProfBoard {position: absolute; top:245px; left:528px; z-index: 1; margin-top:0 !important}

.willbes-Prof-Profile-ssam .willbes-Layer-CurriBox {
	display: none;
	background: #fff;
	position: absolute;
	top: -70px;
	right:0;
	left: 50%;
	width: 1120px;
	margin-left: -650px;
	height: 620px;
	border: 1px solid #2f2f2f;
	padding: 20px 25px 30px; 
	z-index: 110;	
}
.willbes-Prof-Profile-ssam .willbes-Layer-ProfileBox {top:0; right:50%; margin-right:-255px;}
.willbes-Prof-Profile-ssam .willbes-Layer-ReplyBox {top:0;}
.willbes-Prof-Profile-ssam .willbes-Layer-Board {top:0;}
.willbes-Prof-Profile-ssam .willbes-Layer-youtube {
    display: none;
    background:#000;
    position: absolute;
    top: 50px;
    z-index: 110;
    width: 860px;
    height: 484px;
    border: 1px solid #2f2f2f;
    left: 50%;
    margin-left: -445px;
}
.willbes-Prof-Profile-ssam .willbes-Layer-youtube .closeBtn {
    position: absolute;
    top: -33px;
    right: -2px;
}
.willbes-Prof-Profile-ssam .willbes-Layer-youtube iframe {width:860px; height:484px}


.willbes-Prof-Profile-ssam .willbes-listTable {margin-top:30px}
.willbes-Prof-Profile-ssam .List-Table li {height: 24px; line-height:24px}
.tabWrap.tabDepthProfSsam {
	height: 73px;
	border: 0;
	display: flex;
}

.tabWrap.tabDepthProfSsam li {
	display: block;
	width: calc(33.333%);
	height: 73px;
	border-bottom: 3px solid #2784da;
	position: relative;
}

.tabWrap.tabDepthProfSsam li a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: calc(100% - 5px);
	background: #bedaf4;
	font-size: 18px;
	height: 70px;
	line-height: 67px;
	color: #368adc;
	text-align: center;
	border: 3px solid #bedaf4;
	border-bottom: 0;
	letter-spacing: 0;
	border-radius: 8px 8px 0 0;
	margin-right: 5px;
}

.tabWrap.tabDepthProfSsam li:last-child a {
	width: 100%;
	background: #2784da !important;
	border: 3px solid #2784da;
	margin-right: 0;
	color: #fff;
}

.tabWrap.tabDepthProfSsam li a.on {
	background: #fff !important;
	border: 3px solid #2784da;
	border-bottom: 0;
	height: 73px;
	color: #368adc;
}



.AcadtabBox .tabContent .ssamTabGrid {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background: #f4f4f4;
}

.ssamTabGrid .tabWrap.tabDepthAcad {
	border: 0;
	height: 22px;
}

.ssamTabGrid .tabWrap.tabDepthAcad li {
	border: 0
}

.ssamTabGrid .tabWrap.tabDepthAcad li a {
	color: #666;
	border: 0;
	border-right: 1px solid #666;
	background: #f4f4f4;
	font-size: 16px;
	height: 22px;
	line-height: 22px
}

.ssamTabGrid .tabWrap.tabDepthAcad li a:hover,
.ssamTabGrid .tabWrap.tabDepthAcad li a.on {
	background: #f4f4f4;
	font-weight: bold;
	color: #2784da;
}

.ssamTabGrid .tabWrap.tabDepthAcad li:last-child a {
	border: 0
}


/*게시판 신규 강의 안내*/
.lecNoticeList {
	font-size: 14px;
	margin: 80px auto
}

.lecNoticeList h4 {
	font-size: 20px;
	padding: 15px;
	color: #fff !important;
	background: #0d56ae;
	border-radius: 10px 10px 0 0
}

.lecNoticeList .lecNoticeBox {
	display: flex;
	flex-wrap: wrap;

}

.lecNoticeList .lecNoticeLine {
	flex-basis: 50%;
	padding: 15px;
	border-bottom: 1px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: stretch;
	gap: 0.5rem;
	line-height: 1.4
}

.lecNoticeList .lecNoticeLine:nth-of-type(odd) {
	border-right: 1px dashed #ccc;
}

.lecNoticeList .lecNoticeLine:hover {
	background: #f9f9f9
}

.lecNoticeList .lecNoticeLine li:nth-of-type(1) span {
	padding: 2px 6px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	font-size: 11px;
	display: inline-block;
	margin: 0 2px 4px 0
}

.lecNoticeList .lecNoticeLine li:nth-of-type(1) span.point {
	border: 1px solid #f30;
	color: #f30
}

.lecNoticeList .lecNoticeLine li:nth-of-type(2) {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 5px 0;
	letter-spacing: -0.05rem
}

.lecNoticeList .lecNoticeLine li:last-child {
	display: flex;
	align-items: center;
}

.lecNoticeList .lecNoticeLine li:last-child strong {
	color: #000
}

.lecNoticeList .lecNoticeLine li:last-child strong:last-child {
	color: red
}

.lecNoticeList .lecViewBtns {
	display: flex;
	flex-direction: column;
}

.lecNoticeList .lecViewBtns a {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 6px 0;
	width: 70px;
	text-align: center;
	font-size: 13px
}

.lecNoticeList .lecViewBtns a.off {
	background: #000;
	color: #fff;
}


.lecNoticeList .lecViewBtns a:hover {
	background: #0d56ae;
	color: #fff;
	border: 1px solid #0d56ae;
}

.lecNoticeList .lecViewBtns a.mobile {
	display: none
}

/*교재구매 제한 : 윌스토리, 통합 장바구니*/
.buyinfo {
	display: inline-block;
	margin-left: 5px;
	border: 1px solid #00b22a;
	border-radius: 4px;
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
	vertical-align: middle;
	position: relative;
}

.buyinfo span {
	color: #00b22a;
	vertical-align: top
}

.buyinfo .buyinfoPop {
	position: absolute;
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	padding: 10px;
	width: 200px;
	left: 0;
	top: 26px;
	line-height: 1.3;
	z-index: 10;
	display: none
}

.buyinfo .buyinfoPop p {
	font-weight: bold;
	margin-bottom: 10px;
	color: #00b22a
}

.buyinfo .buyinfoPop .closeBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #ccc;
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
}

/* 달력 스타일 */
.datepicker table tr td.today {
	background-color: #ffffff !important;
	background-image :none !important;
	color: #000000 !important;
	position:relative;
}
.datepicker table tr td.today::after {
	position:absolute;left:3.5px;bottom:3px;
	content:"";height:3px;width:80%;display:block;background-color:#337AB7;
}
.datepicker table tr td.today:hover {
	content:"";height:100%;width:100%;display:block;background: #eee !important;
}
.datepicker table tr td.active.active {
	background-color: #337ab7 !important;
	background-image :none !important;
	color: white !important;
}

/*크롬 이지지 랜더링*/
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
/* IE (non-standard property) */