@charset "utf-8";
ul {margin:0;}
p {margin:0 !important;}
h1, h2, h3, h4, h5, h6 {margin:0; letter-spacing:0;}
label {margin-bottom:0;}
dd, dl, dt {margin-bottom:0;}
[v-clock] {
  display: none;
}
body {
background:#000; color:#fff; min-width:320px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
/*
body.scrollLock {overflow:hidden;}
html.scrollLock {overflow:hidden;}
*/
/*input*/
input[type='text'], input[type='password'] {background:#000;color:#fff;font-size:15px; font-weight:700; border:1px solid #000; outline:1px solid #000;}
input[type='text']:focus, input[type='password']:focus {border:1px solid #B5B5B5; outline:1px solid #B5B5B5;}
input[type='text']::placeholder, input[type='password']::placeholder {color:#4A4A4A;}
input[type='text']:disabled, input[type='password']:disabled {color:#4A4A4A;}

select {background:#000;color:#4A4A4A; color:#fff; font-size:15px; font-weight:700; border:1px solid #000;outline:1px solid #000;}
select:foucus, select::focus-visible {border:1px solid #404040; outline:1px solid #404040;}
textarea {background:#000; color:#fff; border:1px solid #404040; border-radius:8px;font-size:15px; font-weight:700;}
textarea::placeholder {color:#4A4A4A;}
textarea:fous, textarea::focus-visible {border:1px solid #404040; outline:1px solid #404040;}

.error input[type='text']::placeholder, .error input[type='password']::placeholder {color:#A42A2A;}
.error select {color:#A42A2A;}
.error textarea {border-color:#A42A2A;}
.error textarea::placeholder {color:#A42A2A;}

a.wthBtn1 {font-size:12px;font-weight:600;color:#fff;line-height:1; padding:5px 10px;border:1px solid #fff; border-radius:3px;}
.wthComInner {max-width:1200px; margin:0 auto;}
.wthComInner.overflowHidden {overflow:hidden;}
.wthHeader {border-bottom:1px solid #252525; height:135px;}
.wthHeader .wthComInner {height:100%;}
.wthHeader .header_tz {display:flex; align-items:center; justify-content:space-between;height:100%;}
.wthHeader .header_tz .left, .wthHeader .header_tz .right {display:flex; align-items:center;}
.wthHeader .header_tz .logo {display:inline-block;}
.wthHeader .header_tz .logo img {max-width:250px;}
.wthHeader .header_tz .tzLogo {display:inline-block; color:#fff; font-weight:700;font-size:32px; padding-left:28px;padding-top:5px;}
.wthSeclect {position:relative; cursor:pointer;}
.wthSeclect .subOption {position:absolute; top:24px; left:0;background:rgba(0 0 0 / 60%);width:100%; display:none;}
.wthSeclect .subOption.active {display:block;}
.wthSeclect .subOption .option {color:#fff;padding:5px;font-size:14px; transition:all 0.3s;}
.wthSeclect .subOption .option:hover {opacity:0.8; transition:all 0.3s;}
.wthSeclect .buttonGroup span {font-size:16px; line-height:1; display:inline-block; margin-right:8px; font-weight:700; color:#fff;}
.wthSeclect .buttonGroup i {font-size:15px; color:#fff;padding-left:10px;}

.--newClickBtn {position:relative; cursor:pointer;}
.--newClickBtn .subOption {position:absolute; top:24px; left:0;background:rgba(0 0 0 / 60%);width:100%; display:none;}
.--newClickBtn .subOption.active {display:block;}
.--newClickBtn .subOption .option {color:#fff;padding:5px;font-size:14px; transition:all 0.3s;}
.--newClickBtn .subOption .option:hover {opacity:0.8; transition:all 0.3s;}
.--newClickBtn .buttonGroup span {font-size:16px; line-height:1; display:inline-block; margin-right:8px; font-weight:700; color:#fff;}
.--newClickBtn .buttonGroup i {font-size:15px; color:#fff;padding-left:10px;}
.wthHeader_user .header_menu .subNew--moMenu {display:none;}



strong.moTxtNone {font-weight:700;}
.wthHeader .header_tz .wthSeclect {margin-left:20px;}
.wthHeader .header_tz .right .loginBtn {font-size:14px; font-weight:900; color:#fff; margin:0 30px;}
.--hoverMenu .buttonGroup span { transition:all 0.3s;position:relative;}
.--hoverMenu .buttonGroup span:hover {opacity:0.8; transition:all 0.3s;}
.--hoverMenu .buttonGroup span:before {content:'';}
.--hoverMenu .buttonGroup span:after {content:'';}

.wthHeader.fixed {width:100%; position:fixed;top:0; left:0;z-index:100; background:#000;}

.wthHeader_user {border-bottom:1px solid #252525;}
.wthHeader_user.fixed {width:100%; position:fixed;top:0; left:0;z-index:100; background:#000;}
.wthHeader_user .logo {padding:0 0 24px; display:flex; align-items:center; transition:all 0.5s;}
.wthHeader_user.fixed .logo {padding:20px 0; transition:all 0.5s;}
.wthHeader_user .logo img {max-width:250px;}
.wthHeader_user .searchform {margin-left:20px; background:#545454; position:relative;border-radius:100px;}
.wthHeader_user .searchform input {background:#545454; height:16px;font-size:12px;color:#979797;border:0;width:100%; outline:0;border-radius:100px;height:30px;width:265px;padding:7px 38px 7px 16px;}
.wthHeader_user .searchform input::placeholder {color:#979797;}
.wthHeader_user .searchform input:focus {border:1px solid #B5B5B5;}
.wthHeader_user .searchform .btn_submit {text-indent:-9999px; overflow:hidden;width:16px; height:16px;
background:url("/upload/common/hd_search.png")no-repeat center; position:absolute; right:14px; top:50%; transform:translateY(-50%);}
.wthHeader_user .header_menu {display:flex; align-items:center; justify-content:space-between;}
.wthHeader_user .header_menu .left, .wthHeader_user .header_menu .right {display:flex; align-items:center;}
.wthHeader_user .header_menu ul {display:flex;}
.wthHeader_user .header_menu li { padding-bottom:8px;}
.wthHeader_user .header_menu a {font-size:16px; font-weight:500; color:#fffbfe;display:block; transition:all 0.3s;}
.wthHeader_user .header_menu a:hover {opacity:0.8; transition:all 0.3s;}
.wthHeader_user .header_menu li + li {margin-left:40px;}
.wthHeader_user .header_menu li.subMenu {position:relative;}
.wthHeader_user .header_menu li.subMenu a {font-size:16px; font-weight:400; transition:all 0.3s; display:block;}
.wthHeader_user .header_menu li.subMenu a:hover {opacity:0.8; transition:all 0.3s;}
.wthHeader_user .header_menu li.subMenu i {color:#fff;margin-left:5px;}
.wthHeader_user .header_menu .sub__Option {position:absolute;top:46px; left:0px; background:#333; width:100%;}
.wthHeader_user .header_menu .sub__Option .option {padding:5px; font-size:14px; color:#fff;}
.wthHeader_user .header_menu li.subMenu .sub__Option {display:none;}
.wthHeader_user .header_menu li.subMenu.over .sub__Option {display:block;}
.wthHeader_user .header_menu .subOption.mymenu a {font-weight:400;transition:all 0.3s;}
.wthHeader_user .header_menu .subOption.mymenu a:hover {opacity:0.8;transition:all 0.3s;}


.wthHeader_user .header_menu .right .buttonGroup {display:flex; align-items:center;}
.wthHeader_user .header_menu .right .buttonGroup.lang img {margin-top:2px;margin-right:4px;}
.wthHeader_user .header_menu .right .buttonGroup.lang img.down {margin:0;}
.wthHeader_user .header_menu .right .buttonGroup i {font-size:9px;}
.wthHeader_user .header_menu .right .wthSeclect .subOption.lang {width:85px;}
.wthHeader_user .header_menu .subOption.lang .option {text-align:center; color:#ddd;transition:all 0.3s;}
.wthHeader_user .header_menu .subOption.lang .option:hover {opacity:0.8;transition:all 0.3s;}
.wthHeader_user .header_menu .subOption.lang .option.active {font-weight:400; color:#fff;}
.wthHeader_user .header_menu .right .loginBtn {margin:0 20px; font-size:16px; line-height:1; font-weight:700; display:inline-block;transition:all 0.3s;}
.wthHeader_user .header_menu .right .loginBtn:hover {opacity:0.8;transition:all 0.3s;}
.wthHeader_user .header_menu .right .lectRegBtn {background:#000; display:inline-block; font-size:16px; 
line-height:1; font-weight:700;border-radius:5px; margin:0 20px; transition:all 0.3s;}
.wthHeader_user .header_menu .right .lectRegBtn:hover {opacity:0.8;transition:all 0.3s;}
.wthHeader_user .header_menu .subOption.class {min-width:110px;}
.wthHeader_user .header_menu .subOption.class .option {padding:8px 16px;}
.wthHeader_user .header_menu .subOption.mymenu {min-width:95px;top:27px;}
.wthHeader_user .header_menu .subOption {z-index:9;}

.wthHeader_user .vodMenu {margin:0 20px;}
.wthHeader_user .header_menu .right .lectRegBtn,.wthHeader_user .header_menu .right .loginBtn,.wthSeclect .buttonGroup span,.--newClickBtn .buttonGroup span{font-weight:500;}
.wthHeader_user .header_menu a.active {position:relative; font-weight:700;}
.wthHeader_user .header_menu a.active:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:-9px; left:0;}
.vodMenu .--newClickBtn.active .buttonGroup span {position:relative; font-weight:700;}
.vodMenu .--newClickBtn.active .buttonGroup span:after,
.wthHeader_user .header_menu .right .loginBtn.active:after {content:''; display:block; width:57px; height:2px; background:#fff; position:absolute; bottom:-13px; left:0;}
.wthHeader_user .header_menu .right .loginBtn.active {position:relative; font-weight:700; padding:0 5px; margin:0 15px;}
.wthHeader_user .header_menu .right .loginBtn.active:after {width:100%;}
.vodMenu .--newClickBtn .subOption {top:26px;}
.wthHeader_user .wthSeclect .subOption .option {padding:8px;}
.wthHeader_user .subOption .option a {font-size:14px; font-weight:500;letter-spacing: -0.01em; line-height:14px;}
.wthHeader_user .wthSeclect.active {position:relative;}
.wthHeader_user .wthSeclect.active span {font-weight:700;}
.wthHeader_user .wthSeclect.active:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:-11px; left:0;}




#gotop {position: fixed; left: 50%; opacity: 0.3; margin-left: 600px; display: none; z-index:100;}
#gotop:hover {opacity: 1;}

footer {padding:26px 0 49px; border-top:1px solid #252525; margin-top:120px;}
footer .inner {max-width:1200px; margin:0 auto; width:100%;}
.footerBox {display:flex; justify-content:space-between;}
.footerBox .logo {display:flex;align-items:center;height:40px;}
.footerBox .logo div img {max-width:250px;}
.footerBox .tzLogo {font-size:30px; font-weight:900; color:#fff;padding-left:28px;padding-top:4px;}
.footerBox .tarmsLink {padding:12px 0;}
.footerBox .tarmsLink a{color:#A9A9A9; font-size:14px; font-weight:400;}
.footerBox .tarmsLink a + a {margin-left:22px;}
.footerBox .infoList li {color:#ACACAC; font-size:14px; line-height:20px; font-weight:400;}
.footerBox .infoList li a {text-decoration:underline; font-weight:900;}
.footerBox .left h2 {font-size:12px; line-height:17px; color:#fff; font-weight:400;padding-top:23px;letter-spacing:0;}
.footerBox .tzLink h2 {font-size:18px; color:#fff; font-weight:900; padding-bottom:9px;line-height:26px;}
.footerBox .tzLink a {font-size:14px; color:#fff; font-weight:500;}
.footerBox .tzLink a + a {margin-left:24px;}
.footerBox .contactBox {margin-top:30px; border:3px solid #CECECE; border-radius:10px;padding:17px; display:flex; align-items:center;justify-content:space-between;}
.footerBox .contactBox h2{font-size:25px; font-weight:900;color:#fff;}
.footerBox .contactBox .tel a {font-size:28px; line-height:40px; font-weight:500; color:#fff; display:block;}
.footerBox .contactBox .tel span {font-size:13px; line-height:18px; font-weight:500; color:#fff;}

footer.user {padding:32px 0 49px;}
footer.user .footerInfo {margin-top:57px;}
footer.user .footerInfo li.top {color:#ACACAC; font-size:14px; font-weight:400;line-height:20px;}
footer.user .footerInfo li.top a {font-weight:900; text-decoration:underline;}
footer.user .footerInfo li.bottom {color:#fff;font-size:12px; line-height:17px; margin-top:7px;font-weight:400;}
.footerBox_user {display:flex; justify-content:space-between;}
.footerBox_user .tarmsLink {margin-top:37px;}
.footerBox_user .tarmsLink a{color:#fff; font-size:14px; font-weight:400;}
.footerBox_user .tarmsLink a + a {margin-left:22px;}
.footerBox_user .userLink a {color:#FFFFFF; font-size:14px; font-weight:400;}
.footerBox_user .userLink a + a {margin-left:18px;}
.footerBox_user .boxLink {margin-top:17px;}
.footerBox_user .boxLink a {display:inline-block; font-size:18px; font-weight:900;color:#fff;border:2px solid #CECECE;border-radius:2px;width:175px; height:38px; line-height:38px;text-align:center;}
.footerBox_user .boxLink a + a{margin-left:22px;}
.footerBox_user .contactBox  {text-align:right;}
.footerBox_user .contactBox .info {color:#fff; font-size:18px; font-weight:900;}
.footerBox_user .contactBox .div {color:#fff; font-size:14px; font-weight:900;display:inline-block; padding:0 5px;}
.footerBox_user .contactBox .contact {color:#fff; font-size:14px; font-weight:900;}


/*footeruser2*/
footer.user_artist{padding:72px 0 0;}
.user_artist .footBox_top .logo {width:100%; max-width:255px; margin:0 auto;}
.user_artist .footBox_top .logo img {width:100%;}
.user_artist .footBox_top .snsList {padding:30px 0;}
.user_artist .footBox_top .snsList ul {display:flex;justify-content:center; align-items:center;}
.user_artist .footBox_top .snsList li + li {margin-left:30px;}
.user_artist .footBox_top .snsList li a {width:26px; height:35px; text-indent:-9999px; overflow:hidden; display:inline-block;}
.user_artist .footBox_top .snsList li.instar a{background:url("/upload/common//footer_sns_instar.png")no-repeat center;}
.user_artist .footBox_top .snsList li.facebook a{background:url("/upload/common//footer_sns_facebook.png")no-repeat center;}
.user_artist .footBox_top .snsList li.youtube a{background:url("/upload/common/footer_sns_youtube.png")no-repeat center;}
.user_artist .footBox_top .snsList li.talk a{background:url("/upload/common/footer_sns_talk.png")no-repeat center;}
.user_artist .footBox_middle {padding-bottom:70px;}
.user_artist .footBox_middle .flex_box {display:flex;justify-content:center; align-items:center;}
.user_artist .footBox_middle .info {color:#D9D9D9; font-size:15px; font-weight:900;}
.user_artist .footBox_middle .div {color:#D9D9D9; font-size:14px; font-weight:500;display:inline-block; padding:0 5px;}
.user_artist .footBox_middle .contact {color:#D9D9D9; font-size:14px; font-weight:500;}
.user_artist .boxLink { margin-left:11px;}
.user_artist .boxLink a {display:inline-block; font-size:11px; font-weight:500;color:#CECECE;border:1px solid #CECECE;border-radius:3px;height:21px; line-height:18px;text-align:center; padding:0 10px;}
.user_artist .boxLink a + a{margin-left:6px;}
.user_artist .links {margin-top:10px;}
.user_artist .links a {color:#FFFFFF; font-size:14px; font-weight:400;}
.user_artist .links a + a {margin-left:20px;}
.user_artist .footBox_bottom { text-align:center; padding:15px 0 25px; border-top:1px solid #252525;}
.user_artist .footBox_bottom li {font-size:12px; font-weight:400;color:#ACACAC;}
.user_artist .footBox_bottom a {font-size:12px; font-weight:400;color:#ACACAC; text-decoration:underline;}





.dimmed {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999;
}


.layerPop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 550px;
	background-color: #303030;
	border-radius:10px;
	z-index: 3000;
	display: none;
	height:90%;
	overflow:hidden;
}

.layerPop .layer-head {position:relative; padding:22px 27px;}
.layerPop .layer-head .tit {font-size:25px; line-height:36px; color:#fff; font-weight:900; }
.layerPop .layer-head .layer-close {width:36px; height:36px; background:url("/upload/common/layer-close.png")no-repeat center; background-size:26px;position:absolute; top:22px; right:27px; text-indent:-9999px; overflow:hidden;}
.layerPop .layer-cont {padding:0 27px 40px; height:calc(100% - 230px); overflow-y:auto;}

.alertPop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
	background-color: #222222;
	border-radius:10px;
	z-index: 3000;
	display: none;
	padding:36px;
	text-align:center;
}

.alertPop .content {font-size:18px; line-height:26px; font-weight:500;color:#fff;margin:9px auto 39px;}
.alertPop .btn_sec button {border:1px solid #9F9F9F;border-radius:5px;color:#fff; font-size:20px; font-weight:900;padding:8px 35px;}

.tzoneMenu.--hoverMenu {padding-bottom:20px; margin-top:20px;}
.tzoneMenu.--hoverMenu .subOption {width:100px;}

.tzoneWrap {margin-top:65px;}
.tzoneWrap .column_2 {display:flex; width:100%;}
.tzoneWrap .column_2 .left_column {width:310px;}
.tzoneWrap .column_2 .right_column {padding-top:10px;width:calc(100% - 310px)}
.tzoneWrap .column_2 .right_column.pdtNone {padding-top:0;}
.tzoneWrap .profileTop {width:200px; text-align:center; }
.tzoneWrap .profileTop .title {display:none;} /* 2024-10-11 */
.tzoneWrap .profileTop .profile_img {width:143px; height:143px; margin:0 auto; overflow:hidden; border-radius:50%;}
.tzoneWrap .profileTop .profile_img img {width:100%; height:100%;}
.tzoneWrap .profileTop strong {display:block;font-size:15px; line-height:1; padding-top:13px; color:#fff; font-weight:500;}
.tzoneWrap .profileTop .links {margin-top:17px;}
.tzoneWrap .profileTop .links a {font-size:13px; font-weight:500; color:#C5C5C5;padding:4px 8px;}
.tzoneWrap .profileTop .links a + a {margin-left:4px;}
.tzoneWrap .profileLink .menulinks {margin-top:44px;}
.tzoneWrap .profileLink .menulinks li {font-size:16px; font-weight:500;color:#C5C5C5;line-height:23px;padding:3px 13px;}
.tzoneWrap .profileLink .menulinks li a {font-size:16px; font-weight:500;}
.tzoneWrap .profileLink .menulinks span {display:inline-block; padding-left:10px;font-size:19px; font-weight:900;color:#fff;}
.tzoneWrap .profileLink .menulinks li.active {color:#fff;font-size:17px; font-weight:900;} 
.tzoneWrap .profileLink .menulinks li img {vertical-align:top; padding-top:4px;margin-right:5px;}

.tzoneWrap .regOrderlist {margin-bottom:104px;}
.tzoneWrap .regOrderlist ul {display:flex;}
.tzoneWrap .regOrderlist li {flex:1 1 33.3%; height:85px; line-height:80px; background:#2C2C2C; border: 2px solid #2C2C2C; border-radius:10px; color:#666666; font-size:20px; font-weight:700;text-align:center;position:relative;}
.tzoneWrap .regOrderlist li:after {content:'';display:block; width:13px; height:23px; background:url("/upload/lecturerzone/regOrder_arrow.png")no-repeat center;position:absolute; top:50%; transform:translateY(-50%);right:-35px;}
.tzoneWrap .regOrderlist li:last-child:after {display:none;}
.tzoneWrap .regOrderlist li + li {margin-left:53px;}
.tzoneWrap .regOrderlist li.active {color:#FFFFFF;border-color:#666666;}

.regWrap .inlineInput {border:1px solid #404040;border-radius:8px;padding:15px 22px; display:flex;margin-bottom:15px;justify-content:space-between;align-items:center;}
.regWrap .inlineInput .label {flex:1 1 171px;color:#fff; font-size:15px; font-weight:700}
.regWrap .inlineInput .characterNum {width:36px; color:#636363; font-size:13px; font-weight:700; margin-left:22px;}
.regWrap .inlineInput .unit {width:36px; color:#fff; font-size:15px; font-weight:700; margin-left:22px;}
.regWrap .inlineInput input {background:#000; width:calc(100% - 181px - 36px);}
.regWrap .inlineInput.error {border-color:#A42A2A;}
.regWrap .inlineInput.error .label {color:#A42A2A;}
.regWrap .inlineInput.error .characterNum{color:#A42A2A;}

.regWrap .half_column {display:flex;margin-bottom:20px;}
.regWrap .half_column .column {flex:1 1 50%;}
.regWrap .half_column .column + .column {margin-left:15px;}
.regWrap .imgInput {border:1px solid #404040;border-radius:8px;padding:15px 22px;}
.regWrap .imgInput .label {font-size:15px; font-weight:700;color:#fff; padding-bottom:10px;}
.regWrap .inlineSelect {border:1px solid #404040;border-radius:8px;padding:15px 22px; display:flex;margin-bottom:15px; align-items:center;}
.regWrap .inlineSelect .label {width:171px;color:#fff; font-size:15px; font-weight:700}
.regWrap .inlineSelect select {width:100%;}
.regWrap .inlineSelect.error {border-color:#A42A2A;}
.regWrap .inlineSelect.error .label {color:#A42A2A;}


.regWrap .inlineRadio {border:1px solid #404040;border-radius:8px;padding:15px 22px; display:flex;margin-bottom:15px;justify-content:space-between;}
.regWrap .inlineRadio .label {flex:1 1 171px;color:#fff; font-size:15px; font-weight:700}
.regWrap .inlineRadio .radioBox {width:100%; display:inline-block;}
.regWrap .inlineRadio input[type=radio] {display:none;}
.regWrap .inlineRadio input[type=radio] + label {cursor:pointer;display:inline-block; font-size:15px; font-weight:500; color:#CBCBCB;position:relative;padding-left:24px;}
.regWrap .inlineRadio input[type=radio] + label:before {content:''; display:block; width:18px; height:18px; background:url("/upload/lecturerzone/inlineRadio_ico.png")no-repeat center;position:absolute; top:3px; left:0;}
.regWrap .inlineRadio input[type=radio]:checked + label:before {background:url("/upload/lecturerzone/inlineRadio_ico_chk.png")}
.regWrap .inlineRadio label + input[type=radio] + label {margin-left:53px}
.regWrap .inlineRadio.error {border-color:#A42A2A;}
.regWrap .inlineRadio.error .label {color:#A42A2A;}
 

.regWrap .imgInput .filebox	{background:#121212; border:1px solid #121212; margin-top:15px; border-radius:5px;height:220px;}


.regWrap .imgInput .filebox label {
    display: flex;
	align-items:center;
	justify-content:center;
    color: #fff;
    cursor: pointer;
	height:100%;
	margin-bottom:0;
	font-size:15px;
	font-weight:400;
}
.regWrap .imgInput .filebox label div {text-align:center;}
.regWrap .imgInput .filebox label span {display:block;font-size:50px; line-height:72.4px;}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.regWrap .imgInput .filebox.error {border-color:#A42A2A}
.regWrap .imgInput .filebox.error label{color:#A42A2A}

.regWrap .keywordBtn {border:1px solid #404040; border-radius:8px; padding:15px 22px; display:flex;}
.regWrap .keywordBtn .label {font-size:15px; font-weight:700; color:#fff;width:171px;padding-top:10px;}
.regWrap .keywordBtn .btn_section {width:100%;}
.regWrap .keywordBtn .btn_section .deleteClickBtn {margin-top:10px;font-weight:500;font-size:15px; color:#fff;border:1px solid #fff;position:relative; padding:1px 19px 2px 9px; margin-bottom:15px;margin-right:15px;}
.regWrap .keywordBtn .btn_section .deleteClickBtn:after {content:''; display:inline-block; width:19px; height:19px; background:url("/upload/lecturerzone/delete_x.png")no-repeat center;position:absolute; right:0; top:50%; transform:translateY(-50%); }
.regWrap .keywordBtn .btn_section .deleteClickBtn.ver2 {background:#1D1D1D;border-color:#1D1D1D;border-radius:5px;padding:1px 39px 2px 9px;}
.regWrap .keywordBtn .btn_section .deleteClickBtn.ver2:after {right:11px;margin-top:1px;}
.regWrap .recommend {margin-bottom:60px;}

.regWrap input[type='text'].enterAddInput {background:#1D1D1D;border-color:#1D1D1D;border-radius:5px;padding:9px 39px 8px 14px; width:100%;text-align:left}
.regWrap .keywordBtn .add {margin-top:15px;}

.regWrap .classInfo .label {font-size:18px; font-weight:900; color:#fff; padding-bottom:20px;}
.regWrap .infoTextBtn {display:flex;align-items:center; margin:15px 0 9px;}
.regWrap .infoTextBtn button {font-size:16px; font-weight:900; color:#fff; margin:0 13px;position:relative;}
.regWrap .infoTextBtn button:after {content:''; display:block; width:1px; height:19px; background:#fff; position:absolute; top:50%; transform:translateY(-50%); right:-13px;}
.regWrap .infoTextBtn button:first-child {margin-left:0;}
.regWrap .infoTextBtn button:last-child:after {display:none;}
.regWrap .infoTextBtn button.img {text-indent:-9999px; overflow:hidden;width:20px; height:20px; background:url("/upload/lecturerzone/ico_image.png") no-repeat center center; opacity:1; }
.regWrap .inlineTextarea {position:relative;}
.regWrap .inlineTextarea textarea {height:475px;padding:23px 31px;}
.regWrap .inlineTextarea .characterNum {position:absolute; right:10px; bottom:18px;color:#636363; font-size:13px; font-weight:700;}
.regWrap .inlineTextarea.error .characterNum {color:#A42A2A;}

.submitBtn_setion {margin-top:57px;}
.submitBtn_setion .inlineBtn {display:flex;}
.submitBtn_setion .inlineBtn.right {justify-content:end;}
.submitBtn_setion .smBtn {width:243px; height:59px; line-height:59px; border:1px solid #505050; border-radius:10px;font-size:20px; font-weight:700;color:#FFFFFF;}
.submitBtn_setion .smBtn.active {color:#ddd; border-color:#ddd;}
.submitBtn_setion .smBtn + .smBtn {margin-left:15px;}

.tzoneWrap .tzMenu {margin-top:43px; width:200px;}
.tzoneWrap .tzMenu h1 {font-size:20px; font-weight:900; line-height:28px; color:#fff; padding-bottom:10px; border-bottom:1px solid #fff;}
.tzoneWrap .tzMenu li {margin-top:14px;padding-left:32px;}
.tzoneWrap .tzMenu li a {display:inline-block; color:#fff;font-size:15px; font-weight:500; transition:all 0.3s;}
.tzoneWrap .tzMenu li a:hover {opacity:0.8; transition:all 0.3s;}
.tzoneWrap .tzMenu li.active a {font-size:16px; font-weight:900;position:relative;}
.tzoneWrap .tzMenu li.active a:after {content:'▶'; font-size:11px; font-weight:900; color:#fff;position:absolute; left:-19px; top:50%; transform:translateY(-50%);}

.regWrap .curriculum {display:flex; border:1px solid #404040; border-radius:8px;padding:15px 22px;margin-bottom:20px;}
.regWrap .curriculum .label {width:171px; color:#fff; font-size:15px; font-weight:700;}
.regWrap .curriculum .listWrap {width:100%;}
.regWrap .curriculum .list {margin-bottom:36px;}
.regWrap .curriculum .list h1 {font-size:15px; font-weight:700;color:#fff;padding-bottom:10px;}
.regWrap .curriculum .list .inlineInput {background:#1E1E1E; border-color:#1e1e1e;width:100%;}
.regWrap .curriculum .inlineInput input {width:100%; background:#1e1e1e;border-color:#1e1e1e;}
.regWrap .curriculum .inlineTextarea textarea {height:110px;background:#1e1e1e;}

.regWrap .inlineInput2 {padding:15px 22px;border:1px solid #404040; background:#000;border-radius:8px; display:flex;align-items:center;margin-bottom:20px;}				
.regWrap .inlineInput2 .label {color:#fff;font-size:15px; font-weight:700; width:171px;}
.regWrap .inlineInput2 .inputwrap {width:100%; display:flex;}
.regWrap .inlineInput2 .input {display:flex; margin-right:80px;}
.regWrap .inlineInput2 .unit {font-size:15px; font-weight:500; color:#fff; }
.regWrap .inlineInput2 input {width:27px; margin-left:27px;}

.regWrap .inlineInput2.error {border-color:#A42A2A;}
.regWrap .inlineInput2.error .label {color:#A42A2A;}
.regWrap .inlineInput2.error .unit {color:#A42A2A;}

.regWrap .supplies {margin-bottom:20px;}
.regWrap .supplies .keywordBtn{min-height:124px;}
.regWrap .notoList .keywordBtn{min-height:124px;}
.regWrap .notoList .deleteClickBtn.ver3 {background:#1D1D1D;border-color:#1D1D1D;border-radius:5px;padding:9px 39px 8px 14px; width:100%;text-align:left;}
.regWrap .notoList .deleteClickBtn.ver3:after {right:14px;}

.goodsFormWrap {display:flex; margin:105px 0;}
.goodsFormWrap .regWrap {flex:1 1 395px;}
.goodsFormWrap .inputBox + .inputBox {margin-top:54px;}
.goodsFormWrap .regWrap .inlineInput {margin-bottom:0;}
.goodsFormWrap .regWrap .inlineInput.disabled .label {color:#4A4A4A;}
.goodsFormWrap .regWrap .inlineInput input {text-align:right; width:100%;}
.goodsFormWrap .regWrap .unit {color:#4A4A4A;margin-left:6px;}
.goodsFormWrap .regWrap h1 {color:#4A4A4A; font-size:13px; line-height:18px; font-weight:700;text-align:right;}
.goodsFormWrap .totalPrice {display:flex; flex:1 1 395px; margin-left:85px;justify-content:space-between;align-items:end;}
.goodsFormWrap .totalPrice .tit {color:#fff; font-size:24px; line-height:30px;font-weight:700;}
.goodsFormWrap .totalPrice .total {color:#fff; font-size:30px; line-height:30px; font-weight:700;}
.goodsFormWrap .totalPrice .total span {color:#848484; font-size:18px; display:inline-block; padding-left:6px;}


.tzoneWrap .pagination {justify-content:center; width:100%;}
.tzoneWrap .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/noticeListHome_prev.png")no-repeat center; background-size:5px;}
.tzoneWrap .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/noticeListHome_next.png")no-repeat center; background-size:5px;}
.tzoneWrap .pagination .page_num {display:flex;align-items:center;height:23px;}
.tzoneWrap .pagination .page {width:23px; display:block; margin:0 5px;font-size:15px;font-weight:400;color:#5B5B5B;text-align:center;}
.tzoneWrap .pagination .page.active {font-weight:900;color:#fff;}

.tzoneWrap .schedule .calendar_section {flex:1;  margin-right:16px;}
.tzoneWrap .schedule .submitBtn_setion {margin-top:20px;}
.tzoneWrap .schedule .submitBtn_setion button {width:100%;border-color:#DDDDDD;color:#DDDDDD;}

.tzoneWrap .schedule h1 {font-size:25px; font-weight:900;color:#fff;margin-bottom:16px;}
.tzoneWrap .schedule .listwrap {width:465px;}
.tzoneWrap .schedule .list + .list {margin-top:20px;}
.tzoneWrap .schedule .list .title {display:flex;background:#1B1B1B; border-radius:5px 5px 0 0;padding:14px 17px; align-items:center; justify-content:space-between;}
.tzoneWrap .schedule .list .title .left {font-size:15px;color:#fff;font-weight:500;}
.tzoneWrap .schedule .list .title strong {font-weight:900; padding-left:20px;}
.tzoneWrap .schedule .list .title .right {padding-top:0;}
.tzoneWrap .schedule .list .title .state {color:#80E443;font-size:15px; font-weight:900;}
.tzoneWrap .schedule .list .info {background:#3C3C3C; border-radius:0 0 5px 5px;padding:13px 18px; display:flex;}
.tzoneWrap .schedule .list .info dl {display:flex; margin-bottom:0; color:#fff;align-items:baseline; justify-content:space-between;}
.tzoneWrap .schedule .list .info dl + dl {margin-left:32px;}
.tzoneWrap .schedule .list .info dt {font-size:13px; font-weight:900}
.tzoneWrap .schedule .list .info dd {margin-bottom:0;font-size:15px; font-weight:900;display:inline-block;padding-left:3px;}

.tzoneWrap .schedule .pagination {margin-top:38px;}
.tzoneWrap .schedule .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/page_prev.png")no-repeat center;margin-right:78px;}
.tzoneWrap .schedule .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/page_next.png")no-repeat center;margin-left:78px;}
.tzoneWrap .schedule .pagination .page {font-size:20px;color:#fff;}

.tzoneWrap .schedule .noList {color:#fff;font-size:20px; font-weight:700;text-align:center; margin-top:77px;}
/*
.layerPop .submitBtn_setion {position:absolute; bottom:40px; left:50%; transform:translateX(-50%); margin-top:0;}
*/
.layerPop .submitBtn_setion {margin-bottom:40px; margin-top:40px; text-align:center;}
.layerPop .submitBtn_setion button {background:#4E4E4E; border-radius:5px;width:178px; height:54px; text-align:center;color:#8E8E8E; line-height:54px;font-size:18px; font-weight:700}
.layerPop .submitBtn_setion button.active {background:#1C1C1C; color:#EAEAEA;}
/*
.layerPop .layer-cont {margin-bottom:228px; padding-bottom:0;}
*/
.layerPop.schWrite {height:calc(100% - 80px); overflow-y:auto; }
.layerPop.schWrite .layer-cont {height:auto; overflow-y:initial;}
.layerPop.schWrite select {background:#303030; border-color:#808080; border-radius:5px;padding:14px 19px; width:100%;}
.layerPop.schWrite .writeInput + .writeInput {margin-top:35px;}
.layerPop.schWrite .writeInput .label {font-size:18px; color:#fff;font-weight:700;line-height:26px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between;}
.layerPop.schWrite .writeInput .label .flex-box {display:flex; align-items:center;} 
.layerPop.schWrite .writeInput .label .flex-box .right {margin-top:5px;}
.layerPop.schWrite .column_half {display:flex;}
.layerPop.schWrite .column_half div {flex:1 1 50%;}
.layerPop.schWrite .column_half div + div {margin-left:20px;}
.layerPop.schWrite .classInfo {background:#424242; display:flex;width:100%; border-radius:5px;padding:10px 20px;color:#fff; font-size:16px; line-height:23px; font-weight:500;margin-top:10px;}
.layerPop.schWrite .classInfo span {font-weight:900;}
.layerPop.schWrite .classInfo div + div {margin-left:38px;}
.layerPop.schWrite .classOneSetting {display:flex;align-items:center;margin-top:30px;}
.layerPop.schWrite .classOneSetting .wthSeclectGr {width:175px}
.layerPop.schWrite .classOneSetting .wthSeclectGrBox {display:flex;align-items:center; margin-left:10px;}
.layerPop.schWrite .classOneSetting .wthSeclectGrBox .wthSeclectGr {width:100px;}
.layerPop.schWrite .classOneSetting .inlineSelect + .inlineSelect {margin-left:20px;}
.layerPop.schWrite .classOneSetting span.info {font-size:15px; color:#fff;display:inline-block; margin-left:15px;}
.layerPop.schWrite .classAddDateTime {margin-top:11px;}
.layerPop.schWrite .classAddSub {margin-top:11px;}

.layerPop.schConfirm .layer-cont {padding-top:3px;}
.layerPop.schConfirm .writeInput + .writeInput {margin-top:41px;}
.layerPop.schConfirm .writeInput .label {font-weight:18px; font-weight:700;color:#fff;margin-bottom:8px;}
.layerPop.schConfirm .writeInput .infoLine {background:#424242;border-radius:5px;display:flex;padding:11px 19px;}
.layerPop.schConfirm .writeInput .infoLine + .infoLine {margin-top:8px;}
.layerPop.schConfirm .writeInput .infoLine span {color:#fff;font-size:16px; font-weight:900;padding-right:19px;}
.layerPop.schConfirm .writeInput .infoLine strong {color:#fff; font-size:16px; font-weight:500;}

.tzoneWrap #calendar .calendar_header {display:flex; align-items:center;background:#535353; border-radius:10px 10px 0 0;position:relative;padding:18px 18px 13px;}
.tzoneWrap #calendar .calendar_header .title {color:#FFFFFF; font-size:20px; font-weight:900; text-align:center; width:100%;}
.tzoneWrap #calendar .calendar_header .btn {width:23px; height:23px;position:absolute; top:50%; transform:translateY(-50%); text-indent:-999px; overflow:hidden;}
.tzoneWrap #calendar .calendar_header .prev {background:url("/upload/lecturerzone/page_prev.png")no-repeat center;left:18px;}
.tzoneWrap #calendar .calendar_header .next {background:url("/upload/lecturerzone/page_next.png")no-repeat center;right:18px;}


/*
.tzoneWrap #calendar .fc-header-toolbar {padding:15px 28px; height:54px; background:#535353;border-radius:5px 5px 0 0; margin-bottom:0;}
.tzoneWrap #calendar .fc-toolbar-title {font-size:20px; font-weight:900; color:#fff;}
.tzoneWrap #calendar .fc-prev-button, .tzoneWrap #calendar .fc-next-button {background:transparent;border:0;}
.tzoneWrap #calendar .fc-prev-button span, .tzoneWrap #calendar .fc-next-button span  {display:none;}
.tzoneWrap #calendar .fc-prev-button, .tzoneWrap #calendar .fc-next-button {width:23px; height:23px;}
.tzoneWrap #calendar .fc-prev-button {background:url("/upload/lecturerzone/calendar_prev.png")no-repeat center center;}
.tzoneWrap #calendar .fc-next-button {background:url("/upload/lecturerzone/calendar_next.png")no-repeat center center;}
.tzoneWrap #calendar .fc-scrollgrid-section-sticky > * {background:#303030; border:0; color:#fff;}
.tzoneWrap #calendar td, .tzoneWrap #calendar th {border:0;}
.tzoneWrap #calendar th {font-size:16px; font-weight:900; line-height:1;}
.tzoneWrap #calendar .fc-scrollgrid-sync-inner {padding:15px 0;}
.tzoneWrap #calendar .fc-scrollgrid {border:0;}
.tzoneWrap #calendar .fc-daygrid-day-number {color:#fff;font-size:17px; font-weight:500;}

.tzoneWrap #calendar .fc-daygrid-day-events {height:0;display:none;}

.tzoneWrap #calendar .fc-daygrid-day-top {justify-content:center;}
.tzoneWrap #calendar .fc-daygrid-day {background:#303030;}
.tzoneWrap #calendar .fc-daygrid-day .fc-daygrid-day-top a {padding:6px;}
.tzoneWrap #calendar .fc-daygrid-day.fc-day-today {background:#303030;}
.tzoneWrap #calendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-top a {background:#CE4646; border-radius:50%;}

.tzoneWrap #calendar .fc-daygrid-day.fc-day-red a, .tzoneWrap #calendar .fc-daygrid-day.fc-day-red  {color: #FF5A5A;}
.tzoneWrap #calendar .fc-daygrid-day.fc-day-redBack a, .tzoneWrap #calendar .fc-daygrid-day.fc-day-redBack {background: #CE4646; border-radius:50%;}
*/
.schBoxTop {position:relative;padding:17px 26px;background:#3F3F3F; border-radius:10px; display:flex;justify-content:space-between;}
.schBoxTop .left {padding-right:10px;}
.schBoxTop .right {width:204px;}
.schBoxTop .timeBox span {background:#575757; border-radius:10px; text-align:center; display:block;font-size:14px; font-weight:700; letter-spacing:4px;color:#fff;line-height:22px;}
.schBoxTop .timeBox strong {font-size:50px; font-weight:700; color:#fff;display:block; text-align:center;line-height:72px;margin-bottom:18px;}
.schBoxTop .button button {border:1px solid #AAAAAA;border-radius:10px;width:100%; height:48px; line-height:48px; text-align:center;font-size:20px; font-weight:700; color:#fff;}
.schBoxTop .state {background:#2E2E2E;color:#fff;display:inline-block;border-radius:5px;font-size:16px; font-weight:900;line-height:23px;padding:4px 12px;margin-bottom:11px;}
.schBoxTop .state span {font-size:14px; font-weight:500;}
.schBoxTop .datetime {color:#fff;font-size:20px; font-weight:500;line-height:29px;}
.schBoxTop .title {color:#fff; font-size:25px; font-weight:700;line-height:36px; margin-bottom:20px;}
.schBoxTop .bottom {color:#A4A4A4;font-size:14px; font-weight:500;line-height:20px; position:absolute; bottom:17px;left:24px;}
.schCancelBtn {text-align:right;margin-right:19px;margin-bottom:16px;}
.schCancelBtn button {color:#797979;font-size:14px; font-weight:700;padding:9px;}

.schDetail .tab_header {display:flex;align-items:end;}
.schDetail .tab_header a {background:#2C2C2C; border-radius:5px 5px 0 0; color:#A1A1A1; font-size:17px; font-weight:500; text-align:center;display:inline-block;padding:6px 39px;}
.schDetail .tab_header a.active {padding:15px 39px;background:#555555;font-size:18px; font-weight:700; color:#fff;}
.schDetail .tab_header a + a {margin-left:6px;}

.schDetail .table_th {display:flex; align-items:center; background:#3E3E3E;border-radius:5px 5px 0 0;padding:11px 12px;font-size:16px; font-weight:900;color:#C9C9C9;}
.schDetail .table_th .number, .schDetail .table_td .number {color:#c9c9c9;width:66px; font-size:16px; font-weight:500; text-align:center;}
.schDetail .table_th .title, .schDetail .table_td .title {color:#c9c9c9;font-size:16px; font-weight:900;line-height:23px;}
.schDetail .table_th div {font-weight:900 !important; line-height:23px;color:#C9C9C9 !important;}
.schDetail .table_td li {display:flex;align-items:center;padding:11px 0;} 
.schDetail .table_td li + li {border-top:1px solid #404040;}

.schDetail .attend input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
.schDetail .attend input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
.schDetail .attend input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }


.schDetail .attend .table_th, .schDetail .attend .table_td {padding:0;}
.schDetail .attend .table_th {border-radius:0 0 5px 5px;margin-bottom:7px;}
.schDetail .attend .checkbox {padding:12px 16px;}
.schDetail .attend .attendList {display:flex; align-items:center;}
.schDetail .attend .attendList .paging {display:flex;}
.schDetail .attend .name {width:170px;}
.schDetail .attend .name span {font-weight:500;}
.schDetail .attend .attend_prev {background:url("/upload/lecturerzone/attend_prev.png")no-repeat center;width:17px; height:17px;}
.schDetail .attend .attend_next {background:url("/upload/lecturerzone/attend_next.png")no-repeat center;width:17px; height:17px;}
.schDetail .attend .paging div {padding: 0 22px;font-size:16px; font-weight:900;color:#848484 !important; width:85px;}
.schDetail .attend .paging div.active {color:#C9C9C9 !important;}
.schDetail .attend .messageBtn {text-align:center;flex:1; margin-right:0;}
.schDetail .attend .messageBtn button {color:#C9C9C9; font-weight:900;font-size:16px; width:107px; text-align:center;}
.schDetail .attend .table_td li {padding:0;background:#1B1B1B;border-radius:5px;}
.schDetail .attend .table_td li + li {margin-top:4px; border:0;}
.schDetail .attend .table_td .name {font-weight:900;color:#fff;font-size:16px;}
.schDetail .attend .table_td .name span{font-weight:500;}
.schDetail .attend .table_td .messageBtn button {font-size:15px; font-weight:500; color:#fff;}
.schDetail .attend .paging .chk {text-indent:-9999px; overflow:hidden;width:85px; height:24px; background:url("/upload/lecturerzone/paging_chk.png")no-repeat center;background-size:24px; padding:0;}
.schDetail .attend .paging .chkNone {text-indent:-9999px; overflow:hidden;width:85px; height:24px;padding:0;}
.schDetail .attend .paging .chk.active {background-image:url("/upload/lecturerzone/paging_chk_active.png")}
.schDetail .attend .table_td .attendList {padding-left:17px;}
.schDetail .attend .table_td {background:#000;}
.schDetail .attend .oneday {width:85px;text-align:center; display:flex; width:100%; justify-content:flex-end} 
.schDetail .attend th .oneday {padding:0 20px;}
.schDetail .attend .oneday .chk {text-indent:-9999px; overflow:hidden;width:85px; height:24px;
background:url("/upload/lecturerzone/paging_chk_active.png")no-repeat center;background-size:24px; padding:0;}
.schDetail .attend .oneday .chkNone {text-indent:-9999px; overflow:hidden;width:85px; height:24px;padding:0;}
.schDetail .attend .Ondayleft, .schDetail .attend .Ondayright {display:flex; align-items:center;}
.schDetail .attend .table_td li.onedayLi {justify-content:space-between;}
.schDetail .attend .table_th.onedayTh {justify-content:space-between;}
/*
.inlineChk_16 input[type=checkbox] {display:none;}
.inlineChk_16 input[type=checkbox] + label {position:relative; padding-left:23px;font-size:14px; font-weight:500; color:#A9A9A9;}
.inlineChk_16 input[type=checkbox] + label:before {content:''; width:16px; height:16px; border-radius:3px; border:1px solid #808080; position:absolute; left:0; top:5px;}
.inlineChk_16 input[type=checkbox]:checked + label {color:#fff;}
.inlineChk_16 input[type=checkbox]:checked + label:before {background:url("/upload/lecturerzone/checkbox_chk.png")no-repeat center; background-size:8px;}
*/
.inlineChk_16 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
.inlineChk_16 input[type="checkbox"] + label {color:#fff;}
.inlineChk_16 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; font-size:15px; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
.inlineChk_16 input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }


.inlineChk_16 input[type=radio].likeChk {display:none;}
.inlineChk_16 input[type=radio].likeChk + label {position:relative; padding-left:23px;font-size:14px; font-weight:500; color:#A9A9A9;}
.inlineChk_16 input[type=radio].likeChk + label:before {content:''; width:16px; height:16px; border-radius:3px; border:1px solid #808080; position:absolute; left:0; top:5px;}
.inlineChk_16 input[type=radio].likeChk:checked + label {color:#fff;}
.inlineChk_16 input[type=radio].likeChk:checked + label:before {background:url("/upload/lecturerzone/checkbox_chk.png")no-repeat center; background-size:8px;}

.wthSeclectGr {position:relative;z-index:1; width:100%;}
.wthSeclectGr.active {z-index:10;}
.wthSeclectGr .select-btn{
	border:1px solid #808080; padding:7px 18px;border-radius:5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
	color:#fff;
}
.wthSeclectGr .select-btn i{
    font-size: 15px;
    transition: 0.3s;
	color:#DBDBDB;
}
.wthSeclectGr .select-btn .sBtn-text, .wthSeclectGr .select-btn .sBtn-text span {font-size: 15px;font-weight: 500; margin-right:8px;}
.wthSeclectGr.active .select-btn i{
    transform: rotate(-180deg);
}
.wthSeclectGr .subOption{
    position: absolute;
	top:41px; left:0; width:100%; background:#151515; border:1px solid #555;border-radius:5px;padding:8px 17px;
}
.wthSeclectGr.active .subOption{display: block;}
.wthSeclectGr .subOption .option{display: flex;cursor: pointer; align-items: center;}
.wthSeclectGr .option .option-text{color:#fff; font-size:15px;line-height:26px;}

.layerPop.classCancel {width:420px;}
.layerPop.classCancel .layer-head .layer-close {width:15px; height:15px;}
.layerPop.classCancel .layer-head {text-align:center;padding-top:36px;padding-bottom:27px;}
.layerPop.classCancel .contents {width:65%; margin:0 auto;}
.layerPop.classCancel .contents h1 {font-size:14px; font-weight:500; color:#fff;}
.layerPop.classCancel .wthSeclectGr {width:207px;margin:15px auto 0;}
.layerPop.classCancel .contents h1.top {margin-bottom:11px;}
.layerPop.classCancel .contents h1.bottom {margin-top:36px;}
.layerPop.classCancel .inlineChk_16 + .inlineChk_16 {margin-top:11px;}
.layerPop.classCancel .layer-cont {margin-bottom:137px;}

.tzoneWrap .apply_tit {font-size:25px; color:#fff; font-weight:900;}
.tzApply .title_column {width:220px;}
.tzApply .apply_column {width:calc(100% - 220px)}
.tzApply .applyInfo {flex:1;}
.tzApply .profile_top {display:flex;align-items:end; margin-bottom:48px;}
.tzApply .profile_top .img {width:143px; height:143px; border-radius:50%; background:#D9D9D9; overflow:hidden;}
.tzApply .profile_top .img img {width:100%; height:100%;}
.tzApply .profile_top .imgUploadBtn {margin-left:21px;}
.tzApply .profile_top .imgUploadBtn label {width:143px; height:38px;border:1px solid #ABABAB;border-radius:5px;font-size:15px; font-weight:500; color:#fff; text-align:center;line-height:38px;cursor:pointer;}
.tzApply .profile_top .imgUploadBtn input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.tzApply .applyList.bottom {margin-top:70px;}
.tzApply .applyList.last {margin-top:36px;}
.tzApply .applyList.flex {display:flex;}
.tzApply .applyList .titInfo {font-size:18px; font-weight:900;color:#fff;}
.tzApply .applyList.flex .titInfo {width:103px;}
.tzApply .inlineInput .label {width:171px; flex:1 1 171px;}
.tzApply .inlineInput input {width:calc(100% - 171px);}

.tzApply .applyTextarea {display:flex;border:1px solid #404040;border-radius:8px;padding:15px 22px; height:244px;}
.tzApply .applyTextarea .inlineTextarea {width:calc(100% - 171px);}
.tzApply .applyTextarea .inlineTextarea textarea {width:100%;border:0;padding:0; height:100%;}
.tzApply .applyTextarea .label {width:171px; color:#fff;font-size:15px; font-weight:700;} 
.tzApply .regWrap .inlineInput {margin-bottom:10px;}
.tzApply .regWrap .half_column {margin-bottom:0;}
.tzApply .applyTextarea + .applyTextarea {margin-top:10px;}
.tzApply .applyfield_wrap {width:calc(100% - 171px); display:flex; flex-wrap:wrap;}
.tzApply .applyfield_wrap div {margin-right:20px; margin-bottom:10px;}
.tzApply .applyfield_wrap div label {margin:0;}
.applyfield_wrap input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
.applyfield_wrap input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
.applyfield_wrap input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }
.tzApply .agreeArea .title{border-bottom:1px solid #404040; margin-bottom:30px;}
.tzApply .agreeArea input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
.tzApply .agreeArea input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
.tzApply .agreeArea input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }
.tzApply .agreeArea .txt {color:#ccc; font-size:14px;}

.tzApply .portfolioInput .label {width:171px; color:#fff; font-size:15px; font-weight:700;}
.tzApply .addBtn_section{display:flex;border:1px solid #404040;border-radius:8px;padding:15px 22px; position:relative; margin-bottom:10px;}
.tzApply .addBtn_section .btnSec {width:calc(100% - 171px); display:flex;justify-content:space-between;}
.tzApply .addData_section {display:flex;border:1px solid #404040;border-radius:8px;padding:15px 22px; margin-bottom:10px;}
.tzApply .addData_section ul li {width:120px; height:80px; background:#eee;}
.tzApply .textValue {width:calc(100% - 171px);color:#A9A9A9; font-size:15px; font-weight:500;}
.tzApply .applyInfo .filebox label {font-size:15px; font-weight:700;color:#4A4A4A;cursor:pointer;}
.tzApply .applyInfo .addPortfolio button {width:46px; height:43px; line-height:43px; background:url("/upload/lecturerzone/portfolio_plus.png")no-repeat center;text-indent:-999px; overflow:hidden;position:absolute; top:50%; transform:translateY(-50%); right:0;}
.tzApply .applyInfo .addData_section .data_sec ul {display:flex; flex-wrap:wrap;}
.tzApply .applyInfo .addData_section .data_sec li {margin-right:10px; margin-bottom:10px;}

.tzoneWrap .boardList .title {color:#FFFFFF; display:flex; align-items:center; justify-content:space-between;margin-bottom:15px;}
.tzoneWrap .boardList .title span {font-size:25px; font-weight:900;}
.tzoneWrap .boardList .board {background:#0F0F0F;border-radius:10px; border:1px solid #4d4d4d; padding:10px 40px 10px 30px;}
.tzoneWrap .boardList table {table-layout:fixed;width:100%}
.tzoneWrap .boardList .title_link {position: relative;max-width: 100%;}
.tzoneWrap .boardList .title_wrap {display: flex;align-items: center;}
.tzoneWrap .boardList .tit {display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tzoneWrap .boardList table td {color:#fff;font-size:16px; font-weight:400; padding:8px 0;}
.tzoneWrap .boardList table td.date {white-space:nowrap;}
.tzoneWrap .boardList .tit strong {font-weight:700; padding-right:5px;}
.tzoneWrap .boardList .m-visible {display:none;}

.tzoneWrap .boardList.notice_home .date {text-align:right;}
.tzoneWrap .boardList.qna_home .date {text-align:right;}
.tzoneWrap .boardList.qna_home {margin-top:45px;}
.tzoneWrap .boardList.qna_home .number {display:inline-block;padding-right:10px;}
.tzoneWrap .boardList.qna_home .number.m-visible {display:none;}

.schDetail .tab_content table {width:100%; table-layout:fixed;}
.schDetail .tab_content table.fixNone {table-layout:initial;}
.schDetail .tab_content table th {background:#3E3E3E;padding:11px 0;color:#C9C9C9; font-size:16px; font-weight:900;}
.schDetail .tab_content table th.number {border-radius:5px 0 0 0; text-align:center;}
.schDetail .tab_content table th.write {border-radius:0 5px 0 0; text-align:center;}
.schDetail .tab_content table td {background:#5B5B5B; font-size:16px;font-weight:500; border-bottom:1px solid #404040;padding:11px 0;}
.schDetail .tab_content table td.number {text-align:center;}
.schDetail .tab_content table td.write {text-align:right;padding-right:32px;font-size:15px;}
.schDetail .tab_content table .m-visible {display:none;}
.schDetail .tab_content table .cancel {text-align:center;}
.schDetail .tab_content table td.cancel {font-weight:400;color:#fff;}
.schDetail .tab_content table .application {text-align:center;}
.schDetail .tab_content table td.application {font-weight:700;color:#fff;}

.schDetail .tab_content table.fixNone th {padding:0;vertical-align:middle; border:0;}
.schDetail .tab_content table.fixNone td {padding:0; vertical-align:middle;border:0; color:#ccc; }
.schDetail .tab_content table.fixNone td .name {padding:0 10px;}
.schDetail .attend table.fixNone td .attendList {padding:0 17px;}

.schDetail .tab_content.qna table td {color:#c9c9c9;}
.schDetail .tab_content.qna table td.nolist {text-align:center; padding:20px 0;}
.uschDetail td.nolist {text-align:center; padding:20px 0;}
.schDetail .tab_content.stuList table th span {font-weight:500;}
.schDetail .tab_content.stuList table td.number {color:#c9c9c9;}
.schDetail .tab_content.stuList table td.name {color:#fff; font-weight:900;}
.schDetail .tab_content.stuList table td.name span {font-weight:500;}

.tzoneWrap .classListWrap .searchTop {display:flex;}
.tzoneWrap .classListWrap .searchTop .left {width:calc(100% - 155px);}
.tzoneWrap .classListWrap .addClassBtn {border:1px solid #4E4E4E; border-radius:5px; width:148px; text-align:center;margin-left:7px;}
.tzoneWrap .classListWrap .addClassBtn span {font-size:15px; font-weight:500;color:#EAEAEA; display:block;margin-top:13px;}
.tzoneWrap .classListWrap .searchTop .search {flex:0 0 80px;border:1px solid #4E4E4E; border-radius:5px;font-size:15px; font-weight:900; color:#EAEAEA; padding:13px 21px; margin-left:10px;}
.tzoneWrap .classListWrap .searchTop .inlineInput {display:flex; width:100%; margin-bottom:11px;}
.tzoneWrap .classListWrap .searchTop input.text {background:#000;border:1px solid #4E4E4E;border-radius:8px;padding:13px 22px; flex:1 1 auto;}
.tzoneWrap .classListWrap .searchSelect {display:flex;}
.tzoneWrap .classListWrap .searchSelect .wthSeclectGr {width:auto;margin-right:11px;}
.tzoneWrap .classListWrap .searchTop input::placeholder {color:#A9A9A9;}

.openSwitch {position:relative; display:inline-block;line-height:22px;}
.openSwitch .toggle, .openSwitch .toggle:before {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-in, cubic-bezier(0.6,0.2,0.4,1.5), linear;
}

.openSwitch .toggle {
	position: relative;
	cursor: pointer;
	border:1px solid #5B5B5B;
	background:#5B5B5B;
	width:46px; height:22px;
	border-radius:80px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.openSwitch .toggle:before {
  width:18px; height:18px; border-radius:50%;
  background:#949494;
  content:''; display:block;
  position:absolute; top:1px; right:3px;
}
.openSwitch .toggle:focus {outline: transparent;}
.openSwitch .toggle:checked {background:transparent; border-color:#949494;}
.openSwitch .toggle:checked:before {background:#fff; right:24px;}

.openSwitch .slot {margin-left:9px;}
.openSwitch .slot__label {color:#808080; font-size:17px; font-weight:700;}
.openSwitch .toggle ~ .slot .slot__label.on {display:none;}
.openSwitch .toggle ~ .slot .slot__label.off {display:block;}
.openSwitch .toggle:checked ~ .slot .slot__label.on {display:block; color:#fff;}
.openSwitch .toggle:checked ~ .slot .slot__label.off {display:none;}

.openSwitch.left_text {padding-left:70px;}
.openSwitch.left_text .slot {position:absolute; right:55px; margin-left:0;}

.tzoneWrap .classList {margin-top:37px;}
.tzoneWrap .classList .class {display:flex; height:167px; margin-bottom:12px;}
.tzoneWrap .classList .noList {font-size:20px; font-weight:700; text-align:center;color:#fff;padding:63px 0 100px; width:100%;}
.tzoneWrap .classList .class .thm {border-radius:5px 0 0 5px; overflow:hidden; position:relative; width:297px;}
.tzoneWrap .classList .class .thm img {width:100%; overflow:hidden;}
.tzoneWrap .classList .class .thm .state {position:absolute; top:15px; left:7px; background:#539B26; border-radius:5px;font-size:13px; font-weight:700; color:#fff;padding:2px 8px;}
.tzoneWrap .classList .info {background:#1B1B1B; border-radius:0 5px 5px 0;flex:1;padding:13px 25px;position:relative;}
.tzoneWrap .classList .openMenu {position:absolute; right:15px; top:13px;}
.tzoneWrap .classList .openMenu button {padding: 0 10px; color:#979797;}
.tzoneWrap .classList .top {border-bottom:1px solid #4E4E4E;padding-bottom:13px;margin-bottom:11px;}
.tzoneWrap .classList .line1 h2 {color:#C7C7C7;font-size:14px; font-weight:500;line-height:20px;padding-top:3px;}
.tzoneWrap .classList .title {color:#FFFFFF;font-size:16px; font-weight:500; line-height:23px; height:46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tzoneWrap .classList .price {color:#FFFFFF;font-size:20px; font-weight:900; line-height:28px;}
.tzoneWrap .classList .sellNumer {color:#979797;font-size:15px; font-weight:500; margin-right:35px;}
.tzoneWrap .classList .star {color:#fff;font-size:14px; font-weight:500; position:relative;padding-left:18px; margin-right:18px;}
.tzoneWrap .classList .star:before {content:''; display:block; width:13px; height:13px; background:url("/upload/lecturerzone/ico_star.png")no-repeat center;position:absolute; top:50%; transform:translateY(-50%); left:0;}
.tzoneWrap .classList .heart {color:#fff;font-size:14px; font-weight:400; position:relative;padding-left:18px;}
.tzoneWrap .classList .heart:before {content:''; display:block; width:13px; height:13px; background:url("/upload/lecturerzone/ico_heart.png")no-repeat center;position:absolute; top:50%; transform:translateY(-50%); left:0;}
.tzoneWrap .classList .line1 {display:flex; justify-content:space-between;align-items:center;}
.tzoneWrap .classList .bottom {display:flex; position:relative; align-items:center;}
.tzoneWrap .classList .openSwitch {position:absolute; right:0; top:0; display:flex; align-items:center;}
.tzoneWrap .classList .infoTop {display:flex; flex-direction:column; height:100%; justify-content:center;}
.tzoneWrap .classList .openMenu.new {top:25px;}


.tzoneWrap .boardStyle .table_th {display:flex; align-items:center; background:#3E3E3E;border-radius:5px; font-size:16px; font-weight:900;color:#848484; border:1px solid #525252; padding:10px 0; padding-right:30px;}
.tzoneWrap .boardStyle input[type=checkbox] {display:none;}
.tzoneWrap .boardStyle input[type=checkbox] + label {width:23px; height:23px; border-radius:3px; border:1px solid #C5C5C5; display:block;}
.tzoneWrap .boardStyle input[type=checkbox]:checked + label {background:red;}
.tzoneWrap .boardStyle .table_td li{display:flex; align-items:center; background:#1B1B1B;border-radius:5px; font-size:16px; font-weight:900;color:#fff; margin-top:7px; padding:10px 0; padding-right:30px;}
.tzoneWrap .boardStyle .table_th .number, .tzoneWrap .boardStyle .table_td .number {width:44px; text-align:center;}
.tzoneWrap .boardStyle .table_th .tb_title, .tzoneWrap .boardStyle .table_td .tb_title {flex:1;}
.tzoneWrap .boardStyle .table_th .m-visible, .tzoneWrap .boardStyle .table_td .m-visible {display:none;}

.tzoneWrap .pdsList input[type=checkbox] + label {margin:0 17px;}
.tzoneWrap .pdsList .table_td li.pdsClose  {color:#636363;}
.tzoneWrap .pdsList .table_th .number, .tzoneWrap .pdsList .table_td .number {margin-right:26px;}
.tzoneWrap .pdsList .table_th .right1, .tzoneWrap .pdsList .table_td .right1 {width:65px; text-align:center;}
.tzoneWrap .pdsList .table_th .right2, .tzoneWrap .pdsList .table_td .right2 {width:120px; text-align:center;}
.tzoneWrap .pdsList .table_th .right3, .tzoneWrap .pdsList .table_td .right3 {width:90px; text-align:center;}
.tzoneWrap .pdsList .addClassBtn {color:#EAEAEA;font-size:20px; font-weight:500;height:50px;}
.tzoneWrap .pdsList .addClassBtn span {display:inline-block; margin-top:0;font-size:15px;margin-left:5px;}

.layerPop.pdsReg .dataAddBtn {border:1px solid #808080; border-radius:5px;margin-bottom:11px;}
.layerPop.pdsReg .filebox input['file'] {position: absolute; 
	width: 0; height: 0; padding: 0;
    overflow: hidden; border: 0;}
.layerPop.pdsReg .filebox label {width:100%; height:100%; padding:20px 0; text-align:center; color:#fff;font-size:16px; font-weight:500; cursor:pointer;}
.layerPop.pdsReg .filebox label span {display:block; font-size:50px; font-weight:400;color:#fff;line-height:1;}
.layerPop.pdsReg .dataSection {background:#424242; border-radius:5px; padding:40px 17px;margin-bottom:11px;}
.layerPop.pdsReg .dataSection li {display:flex; align-items:center; justify-content:space-between; color:#fff; font-size:16px; font-weight:700;}
.layerPop.pdsReg .dataSection li + li {margin-top:5px;}
.layerPop.pdsReg .dataSection button {margin-left:12px;position:relative;text-indent:-999px;overflow:hidden;width:13px;} 
.layerPop.pdsReg .dataSection button:after {content:''; display:block; width:13px; height:13px; background:url("/upload/lecturerzone/pdsReg_delete.png")no-repeat center;;position:absolute; top:4px; left:0;}
.layerPop.pdsReg .data_switch {text-align:right;}
.layerPop.pdsReg .data_switch .openSwitch .slot__label {font-weight:500; color:#fff;}
.layerPop.pdsReg .data_input .label {font-size:18px; font-weight:700; color:#fff;margin-bottom:10px;}
.layerPop.pdsReg .data_input .inlineInput {padding:14px; 19px; border:1px solid #808080; border-radius:5px;background:#303030}
.layerPop.pdsReg .data_input input[type='text'] {width:100%;background:#303030; font-size:17px; font-weight:500;border-color:#303030; outline-color:#303030}
.layerPop.pdsReg .data_input input[type='text']::placeholder {color:#808080;}
.layerPop.pdsReg .data_input.bottom {margin-top:20px;}
.layerPop.pdsReg .data_input .select-btn {padding:14px 22px;}
.layerPop.pdsReg .data_input .wthSeclectGr .subOption {top:54px;}
.layerPop.pdsReg .data_input .sBtn-text {font-size:17px;}
.layerPop.pdsReg .data_input .select_add {display:flex; background:#424242; border-radius:5px;padding:14px 20px;position:relative; align-items:center; margin-top:8px;}
.layerPop.pdsReg .data_input .select_add .name {font-size:17px; font-weight:500; color:#fff;width:calc(100% - 25px);}
.layerPop.pdsReg .data_input .select_add button {margin-left:12px;position:relative;text-indent:-999px;overflow:hidden;width:13px;} 
.layerPop.pdsReg .data_input .select_add button:after {content:''; display:block; width:13px; height:13px; background:url("/upload/lecturerzone/pdsReg_delete.png")no-repeat center;;position:absolute; top:4px; left:0;}

.tzoneWrap .revenueList {padding-top:10px;}
.tzoneWrap .revenueList .title {color:#fff;font-size:25px; font-weight:900;}
.tzoneWrap .revenueList .infoList {color:#fff;font-size:15px; font-weight:400; margin:15px 0 39px;}
.tzoneWrap .revenueList .priceBox {background:#2D2D2D; border-radius:10px; max-width:417px;padding:14px 0 18px 47px;}
.tzoneWrap .revenueList .priceBox + .priceBox {margin-top:54px;}
.tzoneWrap .revenueList .label {color:#B0B0B0;font-size:18px; font-weight:500;margin-bottom:3px;}
.tzoneWrap .revenueList .price {color:#fff; font-size:48px; font-weight:500; line-height:65px;}
.tzoneWrap .revenueList .price span{display:inline-block; color:#fff; font-size:20px; margin-left:3px;}

.tzoneWrap .noticeListHome .pagination {margin-top:32px;}
.tzoneWrap .noticeListHome .pagination .page.active {font-weight:900;color:#fff;}
.tzoneWrap .noticeListHome .title.bottom {margin-top:59px;}

.tzoneWrap .inquiryListHome .noData {color:#fff;font-size:16px; font-weight:400;padding:3px 0; line-height:1;}
.tzoneWrap .inquiryListHome .btn_section {text-align:center;margin-top:105px;}
.tzoneWrap .inquiryListHome .btn_section button {color:#DDDDDD; font-size:20px; font-weight:700; width:243px; height:59px; border:1px solid #DDDDDD; border-radius:10px;}
.tzoneWrap .inquiryListHome .boardList.qna_home {margin-top:0;}

.uzoneWrap .profileTop {width:200px; text-align:center; }
.uzoneWrap .profileTop .profile_img {width:143px; height:143px; margin:0 auto; overflow:hidden; border-radius:50%;}
.uzoneWrap .profileTop .profile_img img {width:100%;}
.uzoneWrap .profileTop strong {display:block;font-size:15px; line-height:1; padding-top:13px; color:#fff; font-weight:500;}
.uzoneWrap .column_2 {display:flex; width:100%;}
.uzoneWrap .column_2 .left_column {width:310px;}
.uzoneWrap .column_2 .right_column {padding-top:10px;width:calc(100% - 310px)}
.uzoneWrap .column_2 .right_column.pdtNone {padding-top:0;}

.uzoneWrap {margin-top:54px;}
.uzoneWrap .profileBtn {color:#C5C5C5;font-size:13px; font-weight:500;line-height:18px; margin-top:5px;}
.uzoneWrap .profileTop {margin-bottom:69px;}
.uzoneWrap .uzMenu {width:200px;}
.uzoneWrap .uzMenu li {margin-top:14px;padding-left:32px; color:#fff;}
.uzoneWrap .uzMenu li .uzSubMenu {position:relative; padding-right:23px; margin-bottom:5px;}
.uzoneWrap .uzMenu li .uzSubMenu i {position:absolute; top:50%; transform:translateY(-50%); right:0;}
.uzoneWrap .uzMenu li .subOption {display:none;}
.uzoneWrap .uzMenu li .subOption.open {display:flex;flex-direction:column;margin-top:7px;}
.uzoneWrap .uzMenu li .subOption.open a + a {margin-top:6px;}
.uzoneWrap .uzMenu li .menu {font-size:16px; color:#C5C5C5; transition:all 0.3s;}
.uzoneWrap .uzMenu li .menu:hover {opacity:0.8; transition:all 0.3s;}
.uzoneWrap .uzMenu li.active .menu {color:#fff; position:relative; font-weight:900;}
.uzoneWrap .uzMenu li.active a:before {content:'▶'; font-size:11px; font-weight:900; color:#fff; position:absolute; left:-19px; top:50%; transform:translateY(-50%); }
.uzoneWrap .uzMenu li .uzSubMenu {font-size:16px;color:#C5C5C5; transition:all 0.3s;}
.uzoneWrap .uzMenu li .uzSubMenu:hover {opacity:0.8; transition:all 0.3s;}
.uzoneWrap .uzMenu li.active .uzSubMenu {color:#fff;}
.uzoneWrap .uzMenu li .subOption a {color:#C5C5C5; font-size:15px; font-weight:500;transition:all 0.3s;}
.uzoneWrap .uzMenu li .subOption a:hover {opacity:0.8; transition:all 0.3s;}
.uzoneWrap .uzMenu li.active .subOption a.active {font-weight:900; color:#fff;}

.uschDetail .infoline_txt {display:flex; align-items:center; justify-content:space-between;padding:8px 20px 36px;}
.uschDetail .infoline_txt.right {justify-content:end;}
.uschDetail .infoline_txt .left span {font-size:14px; font-weight:500; color:#80E443;}
.uschDetail .infoline_txt .right button {color:#797979;font-size:14px; font-weight:700;padding:9px;}

.uzoneWrap .tab_header {display:flex;align-items:end;position:relative;}
.uzoneWrap .tab_header a {background:#2C2C2C; border-radius:5px 5px 0 0; color:#A1A1A1; font-size:16px; font-weight:500; text-align:center;display:inline-block;padding:6px 0;}
.uzoneWrap .tab_header a {width:125px;}
.uzoneWrap .tab_header.middle a {width:113px;}
.uzoneWrap .tab_header a.active {padding:14px 0;background:#555555;font-size:16px; font-weight:700; color:#fff; line-height:1;}
.uzoneWrap .tab_header a + a {margin-left:6px;}
.uzoneWrap .table_th {display:flex; align-items:center; background:#3E3E3E;border-radius:0 0 5px 5px;padding:11px 12px;}
.uzoneWrap .table_th div {font-size:16px !important; font-weight:700 !important;color:#C9C9C9 !important;}
.uzoneWrap .table_td li {display:flex;align-items:center;padding:11px 0;background:#1B1B1B;margin-top:5px; border-radius:5px;padding:14px 12px;} 
.uzoneWrap .table_th .date, .uzoneWrap .table_td .date {width:195px; color:#FFFFFF; font-size:17px; font-weight:700; padding:0 7px;}
.uzoneWrap .table_td .date span {font-weight:500;color:#A4A4A4; font-size:15px;}
.uzoneWrap .m-visible {display:none;}

.uschDetail .myScheInfo .table_td li {padding:6px 12px;}
.uschDetail .myScheInfo .title {color:#fff;font-size:16px; font-weight:500;flex:1;}
.uschDetail .myScheInfo .down {text-align:center;width:110px;}
.uschDetail .myScheInfo .down.m-hidden {width:80px;}
.uschDetail .myScheInfo .down button {color:#C9C9C9; font-weight:700;font-size:16px;margin:0 auto;}
.uschDetail .myScheInfo .title .flexBox {display:flex; align-items:center;}

.uschDetail .myScheAttend .date {color:#ACACAC; font-size:16px; font-weight:400;} 
.uschDetail .myScheAttend .line {width:110px;text-align:center; font-size:16px; font-weight:500; color:#fff;}
.uschDetail .myScheAttend .title {flex:1; color:#fff;font-size:16px; font-weight:500;}

.uschDetail .myScheAttend .lineInfo {display:flex; margin-top:3px; color:#ACACAC;}
.uschDetail .myScheAttend .lineInfo div + div {padding-left:10px;}

.uschDetail .tab_content table {width:100%; table-layout:fixed;}
.uschDetail .tab_content table th {background:#3E3E3E;padding:11px 0;color:#C9C9C9; font-size:16px; font-weight:900;}
.uschDetail .tab_content table th.number {border-radius:5px 0 0 0; text-align:center;}
.uschDetail .tab_content table th.write {border-radius:0 5px 0 0; text-align:center;}
.uschDetail .tab_content table td {background:#5B5B5B; font-size:16px;font-weight:500; border-bottom:1px solid #404040;padding:11px 0;color:#c9c9c9;}
.uschDetail .tab_content table td.number {text-align:center;}
.uschDetail .tab_content table td.write {text-align:center;font-size:15px; width:110px;}

.uzoneWrap .myScheQna .pagination {margin-top:36px;}
.uzoneWrap .myScheQna .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/page_prev.png")no-repeat center;margin-right:78px;}
.uzoneWrap .myScheQna .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/page_next.png")no-repeat center;margin-left:78px;}
.uzoneWrap .myScheQna .pagination .page {font-size:20px;color:#fff;}

.uzoneWrap .myScheQnaWrite {color:#EAEAEA; font-size:15px; font-weight:500; border-radius:5px; border:1px solid #4E4E4E;width:97px; height:35px; text-align:center;position:absolute; bottom:9px; right:0;}

.myReviewWrite_Section {background:#3E3E3E; border-radius:10px;padding:15px 13px; display:flex; align-items:center;}
.myReviewWrite_Section .profile_img {width:53px; height:53px; margin-right:14px; overflow:hidden; border-radius:50%;}
.myReviewWrite_Section .profile_img img {width:100%;}
.myReviewWrite_Section .write_input {flex:1 1 auto;}
.myReviewWrite_Section .write_input input {width:100%; border:0; outline:0; border-bottom:1px solid #818181; background:#3E3E3E;padding:10px 0;}
.myReviewWrite_Section .write_input input::placeholder {color:#B9B9B9; font-weight:400;}
.myReviewWrite_Section .writeBtn {margin-left:12px;}
.myReviewWrite_Section .writeBtn button {border:1px solid #DCDCDC; font-size:14px; font-weight:500;color:#fff;width:64px; height:30px; text-align:center;border-radius:5px;}


.personReviewWrap {border-bottom:1px solid #1D1D1D; margin-top:30px;}
.personReviewWrap .flex {display:flex; align-items:center;}
.personReviewWrap .left {margin-right:10px;}
.personReviewWrap .profile_img {width:42px; height:42px; border-radius:50%; overflow:hidden;}
.personReviewWrap .profile_img img {width:100%;}
.personReviewWrap .id_text {font-size:16px; font-weight:900; color:#fff;line-height:23px;}
.personReviewWrap .reviewNum {font-size:14px; font-weight:500; color:#fff; display:inline-block; margin-right:10px;position:relative; padding-left:16px;}
.personReviewWrap .reviewNum:before {content:''; display:block; width:13px; height:13px; background:url("/upload/myroom/ico_star.png")no-repeat center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.personReviewWrap .date {color:#737373; font-size:14px; font-weight:400;}
.personReviewWrap .reviewCont {color:#E8E8E8;font-size:15px; line-height:21px;font-weight:400;margin-top:10px;padding-bottom:20px; }
.myReviewListBox .personReviewWrap {border:0; margin-top:0;}
.myReviewListBox {background:#0A0A0A; border-radius:10px; padding:13px 18px; margin-top:15px;}
.myReviewListBox h1 {color:#B9B9B9; font-size:15px; font-weight:400; margin-bottom:10px;}
.myReviewListBox .right {padding-left:26px;}
.myReviewListBox .personReviewWrap + .personReviewWrap {border-top:1px solid #2E2E2E; padding-top:17px;}

.uzoneWrap .myScheReview .pagination {margin-top:40px;}
.uzoneWrap .myScheReview .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/page_prev.png")no-repeat center;margin-right:78px;}
.uzoneWrap .myScheReview .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/page_next.png")no-repeat center;margin-left:78px;}
.uzoneWrap .myScheReview .pagination .page {font-size:20px;color:#fff;}

.myvod--passZone {margin-bottom:29px;}
.myvod--passZone button {font-size:20px; font-weight:900; color:#fff;}
.myvod--passZone button i {font-size:21px; color:#fff; margin-left:10px; margin-top:5px;}
.myVodTop {background:#333333; border-radius:10px; padding:15px 30px 15px; 70px; display:flex; align-items:center; justify-content:space-between;}
.myVodTop .title {font-size:18px; font-weight:900; color:#fff;}
.myVodTop .period {font-size:15px; font-weight:500; color:#fff;margin-top:2px;}
.myVodTop .right button {color:#fff; font-size:16px; font-weight:500;}
.myVodTop .right button i {color:#D9D9D9;margin-left:8px; font-size:18px;}
.myVodTop + .myVodTop {margin-top:10px;}

.myVodListWrap .listTitle {font-size:18px; font-weight:700; color:#fff;padding:69px 0 15px;}
.myVodListWrap .vodList {display:flex; flex-wrap:wrap;}
.myVodListWrap .vodList .vod {width:32%;margin-right:15px; margin-bottom:27px;}
.myVodListWrap .vodList .vod:nth-child(3n){margin-right:0;}
.myVodListWrap .vodList .vod_thm {position:relative; border-radius:5px; overflow:hidden;}
.myVodListWrap .vodList .vod_thm img {width:100%;}
.myVodListWrap .vodList .vod_cate {position:absolute; top:10px; left:10px; background:#0E86DD; border-radius:3px;font-size:13px; font-weight:700;color:#fff;padding:2px 7px; display:inline-block;}
.myVodListWrap .vodList .title_wrap {color:#fff;font-size:17px; font-weight:900;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top:10px;}
.myVodListWrap .vodList .bottom_info {display:flex; align-items:center; justify-content:space-between; padding-top:5px;}
.myVodListWrap .vodList .name {color:#8E8E8E;font-size:15px; font-weight:700;}
.myVodListWrap .vodList .reviewBtn button {background:#728F20; color:#fff; border-radius:5px;line-height:1; font-size:15px; font-weight:900;padding:6px 10px;}
.myVodListWrap .vodList .percentBar {display:flex; align-items:center; padding-top:14px;}
.myVodListWrap .vodList .percentBar .txt {font-size:15px; font-weight:900; color:#fff; width:50px;text-align:right;}
.myVodListWrap .vodList .percentBar .bar {position:relative; background:#D9D9D9;width:100%; height:12px; flex:1; border-radius:10px;}
.myVodListWrap .vodList .percentBar .current {position:absolute;top:50%; left:0; transform:translateY(-50%);background:#A3BF54; height:12px; border-radius:10px;}

.myVodListWrap .vodList .live_cate {position:absolute; top:10px; left:10px; background:#C91212; border-radius:3px;font-size:13px; font-weight:700;color:#fff;padding:2px 7px; display:inline-block;}
.myVodListWrap .vodList .live_cate span {font-weight:400;}
.myVodListWrap .vodList .live_period {color:#A3BF54;font-size:15px; font-weight:900; padding-top:15px;}
.myVodListWrap .vodList .live_period.closeLive{font-weight:500; color:#A0A0A0;}

.myLiveTop {display:flex;}
.myLiveTop .left {flex:1; width:100%; background:#1C1C1C;border-radius:10px; padding:15px 70px; }
.myLiveTop .left .title {font-size:18px; font-weight:900; color:#fff;}
.myLiveTop .right {margin-left:13px;}
.myLiveTop .right button {border:1px solid #E1E1E1;color:#FFFFFF;font-size:18px; font-weight:900; width:270px; height:80px; border-radius:10px;}
.myLiveTop .right button span {font-size:16px; font-weight:500;}

.columnTitle {font-size:25px; font-weight:900;color:#fff;padding-top:15px; padding-bottom:41px;}
.columnTitle.pdbNone {padding-bottom:0;}
.myPayListWrap .listBack {background:#2E2E2E; border-radius:10px 10px 0 0;padding:0 12px;}
.myPayListWrap .classInfo {display:flex; align-items:center;padding:13px 0;}
.myPayListWrap .classInfo .thm {width:148px; margin-right:31px; height:112px; border-radius:10px; overflow:hidden;}
.myPayListWrap .classInfo .thm img {width:100%;height:100%;}
.myPayListWrap .classInfo .class {flex:1; width:calc(100% - 180px);}
.myPayListWrap .classInfo .date {color:#A1A1A1;font-size:14px; font-weight:500;line-height:1;}
.myPayListWrap .classInfo .tit {color:#FFFFFF;font-size:18px; font-weight:500; padding:5px 0;
  display:inline-block; width:100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  /* 말줄임 적용 */
  }
.myPayListWrap .classInfo .tit strong {font-weight:900; font-size:18px;}
.myPayListWrap .classInfo .price {color:#BABABA;font-size:15px; font-weight:700;line-height:1;}
.myPayListWrap .classInfo .price span {font-size:16px; font-weight:400;text-decoration:line-through;display:inline-block; padding-left:10px;}
.myPayListWrap .classInfo .pay {color:#fff;font-size:15px; font-weight:700;line-height:1; padding-top:8px;}
.myPayListWrap .classInfo .pay span {font-size:18px; font-weight:900;display:inline-block; padding-left:9px;}
.myPayListWrap .detailBtn {background:#171717; border-radius:0 0 10px 10px; text-align:center;}
.myPayListWrap .detailBtn button {font-size:14px; font-weight:500;color:#fff; width:100%;padding:5px 0;}
.myPayListWrap .detailBtn button img {margin-left:7px; transition:all 0.5s;}
.myPayListWrap .detailBtn button.open img{transform: rotate( 180deg ); transition:all 0.5s;}
.myPayListWrap .detailToggle {display:none;}
.myPayListWrap .detailToggle.open {display:block;}
.myPayListWrap .infoDetail {display:flex; padding-top:25px; border-top:1px solid #727272;margin-top:26px;}
.myPayListWrap .infoDetail.pay {margin-top:16px;}
.myPayListWrap .infoDetail.refund {padding-bottom:21px;}
.myPayListWrap .infoDetail .left {font-size:18px; font-weight:500; color:#fff; padding:0 0 0 13px; width:175px;}
.myPayListWrap .infoDetail .right p {color:#BFBFBF;font-size:15px; font-weight:500; line-height:1.4;}
.myPayListWrap .infoDetail .right p + p {padding-top:6px;}
.myPayListWrap .infoDetail .right h1 {font-size:18px; font-weight:700; color:#fff;padding-top:17px;}
.myPayListWrap .myPayList {margin-bottom:27px;}

.myCertiListWrap .listTitle{font-size:18px; font-weight:700; color:#fff; padding:30px 0 15px;}
.myCertiListWrap .certiList {display:flex;flex-wrap:wrap;}
.myCertiListWrap .certi {width:32.3%; margin-right:1.5%; margin-bottom:30px;}
.myCertiListWrap .certi:nth-child(3n){margin-right:0;}
.myCertiListWrap .certi_thm {position:relative; width:100%; height:168px; border-radius:10px; overflow:hidden;}
.myCertiListWrap .certi_thm img {width:100%;}
.myCertiListWrap .certi_thm .hover_text {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);font-size:20px; font-weight:700; color:#fff;z-index:2; display:none;}
.myCertiListWrap .certi_thm:after {content:''; display:none; width:100%; height:100%; background:rgba(0 0 0 / 40%); position:absolute; top:0; left:0;z-index:1; }
.myCertiListWrap .certi_thm:hover .hover_text {display:block;}
.myCertiListWrap .certi_thm:hover:after {display:block;}
.myCertiListWrap .certiList .title_wrap {color:#fff;font-size:17px; font-weight:700;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top:10px;}
.myCertiListWrap .certiList .title_wrap strong {font-weight:900;font-size:17px;}
.myCertiListWrap .certiList .period {color:#A0A0A0;font-size:15px; font-weight:500; padding-top:10px;}
.myCertiListWrap .bottom_btn {text-align:center; padding-top:15px;}
.myCertiListWrap .bottom_btn button {background:#434343; color:#fff;border-radius:10px;font-size:18px; font-weight:400;height:40px; width:216px;}

.uzoneWrap .myCoupon .table_td {font-size:16px; font-weight:900; color:#fff;}
.uzoneWrap .tab_content.myCoupon .info1 {width:56px;text-align:center;}
.uzoneWrap .tab_content.myCoupon .info2 {width:96px;text-align:center;}
.uzoneWrap .tab_content.myCoupon .info3 {width:96px;text-align:center;}
.uzoneWrap .tab_content.myCoupon .info4 {width:210px;text-align:center; font-weight:500;}
.uzoneWrap .tab_content.myCoupon .title {flex:1; padding-left:35px;}
.uzoneWrap .tab_content.myCoupon .title_mo {margin-top:5px; font-weight:400;}
.uzoneWrap .myCouponWriteform {display:flex; margin:23px 0 29px;}
.uzoneWrap .myCouponWriteform input {flex:1;width:100%;background:#1B1B1B;border:1px solid #4E4E4E;border-radius:5px; padding:13px 24px; }
.uzoneWrap .myCouponWriteform button {background:#1B1B1B;border:1px solid #4E4E4E; border-radius:5px;width:148px; height:50px;color:#EAEAEA; font-size:15px; font-weight:500;margin-left:15px;}

.uzoneWrap .myPointTop {background:#393939;border-radius:10px;margin:36px 0 61px;display:flex;padding:27px 27px 33px; align-items:center;}
.uzoneWrap .myPointTop .icon {margin-right:25px;}
.uzoneWrap .myPointTop .txt h2 {color:#C3C3C3; font-size:15px; font-weight:700;}
.uzoneWrap .myPointTop .txt h1 {color:#fff; font-size:30px; font-weight:900;}
.uzoneWrap .myPoint .table_td {font-size:16px; font-weight:900; color:#fff;}
.uzoneWrap .tab_content.myPoint .info1 {width:56px;text-align:center;}
.uzoneWrap .tab_content.myPoint .info2 {width:75px;text-align:center;}
.uzoneWrap .tab_content.myPoint .info3 {width:110px;text-align:center; font-weight:500;}
.uzoneWrap .tab_content.myPoint .info4 {width:110px;text-align:center; font-weight:500;}
.uzoneWrap .tab_content.myPoint .title {flex:1; padding-left:35px;}
.uzoneWrap .tab_content.myPoint .title_mo {margin-top:5px; font-weight:400;}

.uzoneWrap .tab_content.myPoint .info5 {width:105px;text-align:center; font-weight:500;}
.uzoneWrap .tab_content.myPoint .info6 {width:175px;text-align:center; font-weight:500;}

.uzoneWrap .myQnaWrite {color:#DDDDDD; font-size:15px; font-weight:900; border-radius:5px; border:1px solid #DDDDDD;width:97px; height:35px; text-align:center;position:absolute; bottom:9px; right:0;}
.uzoneWrap .tab_content.myQna .table_td {font-size:16px; font-weight:900; color:#fff;}
.uzoneWrap .tab_content.myQna .info1 {width:56px;text-align:center;}
.uzoneWrap .tab_content.myQna .info2 {width:120px;text-align:center; font-weight:400;}
.uzoneWrap .tab_content.myQna .info3 {width:175px;text-align:center; font-weight:500;}
.uzoneWrap .tab_content.myQna .title {flex:1;}
.uzoneWrap .myQna .pagination {margin-top:48px;}
.uzoneWrap .myQna .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/page_prev.png")no-repeat center;margin-right:78px;}
.uzoneWrap .myQna .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/page_next.png")no-repeat center;margin-left:78px;}
.uzoneWrap .myQna .pagination .page {font-size:20px;color:#fff;}

.uzoneWrap .myTQna2 .inlineInput .label {flex:0 0 105px;}
.uzoneWrap .myTQna2 .inlineInput input {flex:auto;}
.uzoneWrap .myTQna2 .flexTextarea {display:flex; padding:15px 22px; border:1px solid #404040;border-radius:8px; margin-bottom:10px;}
.uzoneWrap .myTQna2 .flexTextarea .label {flex:0 0 105px; font-size:15px; font-weight:700; color:#fff;}
.uzoneWrap .myTQna2 .flexTextarea textarea {border:0; height:260px; flex:auto;}
.uzoneWrap .myTQna2 .bottom_btns {display:inline-block; width:100%; margin-top:24px;}
.uzoneWrap .myTQna2 .bottom_btns.bottom {margin-top:17px;}
.uzoneWrap .myTQna2 .bottom_btns .half {width:50%; float:right; display:flex; justify-content:space-between;}
.uzoneWrap .myTQna2 .bottom_btns .btn_line {border:1px solid #DDDDDD; border-radius:6px;font-weight:900; font-size:15px;
color:#fff; width:97px; height:35px;}
.uzoneWrap .myTQna2 .bottom_btns .btn_line.long {width:154px;}
.uzoneWrap .myTQna2 .bottom_btns.flex {display:flex; justify-content:space-between;}

.uzoneWrap .myprofile .input_txt {font-weight:500; font-size:15px; color:#A9A9A9;width:calc(100% - 181px - 36px);}
.uzoneWrap .myprofile .section-profile {padding-top:73px;}
.uzoneWrap .myprofile .section-profile .tit {color:#fff;font-weight:900;font-size:18px; line-height:26px; padding-bottom:13px;}
.uzoneWrap .myprofile .section-profile .flex_btn {display:flex;}
.uzoneWrap .myprofile .section-profile .flex_btn .inlineInput {flex:auto;}
.uzoneWrap .myprofile .section-profile .flex-link {border:1px solid #ddd; width:106px; height:52px; line-height:52px;font-size:17px; font-weight:700; color:#fff;border-radius:8px; margin-left:16px; flex:0 0 121px;}
.uzoneWrap .myprofile .info_line {display:flex; padding-left:25px;}
.uzoneWrap .myprofile .info_line strong {font-size:14px; font-weight:700; color:#fff;}
.uzoneWrap .myprofile .info_line p {padding-left:13px; font-size:14px; font-weight:400; color:#fff;}
.uzoneWrap .myprofile .page-btns .line {width:243px; margin:0 auto; margin-top:243px;}
.uzoneWrap .myprofile .page-btns .full-link {width:100%; height:52px; border:1px solid #ddd; border-radius:8px; color:#ddd; font-size:20px; font-weight:700;}
.uzoneWrap .myprofile .page-btns .flex {display:flex; justify-content:space-between; margin-top:56px;}
.uzoneWrap .myprofile .page-btns .a-link {color:#ddd;font-size:15px; font-weight:500;}

.courseDetail {margin-top:40px;}
.courseDetail .class_img img {width:100%;}
.courseDetail .class_summary {padding:40px 0 120px;}
.courseDetail .summary_top {display:flex; align-items:center; justify-content:space-between; padding-bottom:12px;}
.courseDetail .class_summary .likeTxt {font-size:17px; font-weight:500;color:#fff; padding-left:25px; position:relative;}
.courseDetail .class_summary .likeTxt:before {content:'';display:block; width:20px; height:20px; 
background:url("/upload/course/heartnumLineWhite.png")no-repeat center; position:absolute; top:50%; 
transform:translateY(-50%); left:0; margin-top:1.1px;}
.courseDetail .summary_top .right p {color:#fff;font-size:15px; font-weight:500; line-height:21px; padding-top:5px;}
.courseDetail .summary_top .right button + button {margin-left:35px;}
.courseDetail .summary_title {padding:18px 0 27px;border-top:1px solid #ACACAC;}
.courseDetail .summary_title h1 {font-size:30px; font-weight:900; color:#fff;white-space: nowrap; overflow: hidden; 
text-overflow: ellipsis; padding-bottom:3px;}
.courseDetail .summary_title strong {color:#F5F5F5; font-size:20px; font-weight:700; display:inline-block; padding-right:14px;line-height:28px;}
.courseDetail .summary_title p {color:#AEAEAE;font-size:17px; font-weight:500;}
.courseDetail .summary_type {display:flex;}
.courseDetail .summary_type .type {flex:0 0 calc(25% - 11px); background:#2A2A2A; border-radius:5px; padding:8px 20px;}
.courseDetail .summary_type .type + .type {margin-left:15px;}
.courseDetail .summary_type .sumIcon {display:inline-block; padding-left:29px; position:relative; font-size:17px; font-weight:500; color:#fff;}
.courseDetail .summary_type .type strong {color:#fff;font-size:17px; font-weight:900;}
.courseDetail .summary_type .sumIcon:before {content:''; display:block; width:24px; height:24px; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.courseDetail .summary_type .sumIcon.sum1:before {background:url("/upload/course/Icon_summary1.png")no-repeat center;background-size:22px;}
.courseDetail .summary_type .sumIcon.sum2:before {background:url("/upload/course/Icon_summary2.png")no-repeat center;background-size:22px;}
.courseDetail .summary_type .sumIcon.sum3:before {background:url("/upload/course/Icon_summary3.png")no-repeat center;background-size:22px;}
.courseDetail .summary_type .sumIcon.sum4:before {background:url("/upload/course/Icon_summary4.png")no-repeat center;background-size:22px;}

.courseDetail .class_list {position:relative; display:flex;}
.courseDetail .class--pay {flex:0 0 383px; margin-left:24px; width:383px;}
.courseDetail .listDetail {flex:auto; max-width:calc(100% - 383px)}
.courseDetail .class--pay.mo--btn {display:none;}

.courseDetail .listDetail .nav-items {position:sticky; top:0; left:0; background:#000; z-index:10; padding-bottom:10px;}
.courseDetail .listDetail .items-container {width: 100%;border-bottom:1px solid #545454;}
.courseDetail .listDetail .tab-link {color: #fff;font-size:19px; font-weight:700; transition: all 0.5s ease; display:inline-block; padding:15px 20px; margin-right:50px;}
.courseDetail .listDetail .bottom-slider {position: absolute;bottom: 10px;width: 0; height: 2px; background: #fff;transition: left 0.3s ease;}

.courseDetail .lecture--schedule {padding-top:170px;}
.courseDetail .lecture--schedule .title {font-size:24px; font-weight:900; color:#fff;margin-bottom:21px;}
.courseDetail .classSchOne .sch--classList {display:flex; flex-wrap:wrap;}
.courseDetail .classSchOne .list {flex:0 0 148px; margin-right:13px;margin-bottom:36px;}
.courseDetail .classSchOne .list input[type=radio] {display:none;}
.courseDetail .classSchOne .list input[type=radio]:checked + label {border-color:#4886FF; color:#4886FF;}
.courseDetail .classSchOne .list input[type=radio]:disabled + label {border-color:#322F37; color:#605D66;}
.courseDetail .classSchOne label {display:flex; flex-direction:column;justify-content:center; align-items:center; 
border:2px solid #fff;border-radius:10px; color:#D4D4D4; height:142px; cursor:pointer}
.courseDetail .classSchOne .list .date {font-size:25px; font-weight:700;}
.courseDetail .classSchOne .list .date span {font-size:18px;}
.courseDetail .classSchOne .list .yoil {font-size:20px; font-weight:900; padding:8px 0 3px;}
.courseDetail .classSchOne .list .time {font-size:17px; font-weight:500;}
.courseDetail .classSchOne .list .remain {color:#F85454; font-size:14px; font-weight:500;margin-top:8px;text-align:center;}
.courseDetail .classSchOne .list .addSchedule {width:100%; font-size:20px; font-weight:900;display:flex; 
flex-direction:column;justify-content:center; align-items:center; border:2px solid #fff;border-radius:10px; color:#D4D4D4; height:142px; cursor:pointer}

.courseDetail .classSchTwo .schTwoInfo {padding:4px 0 23px;color:#B8B8B8; font-size:15px; font-weight:400; }
.courseDetail .classSchTwo .schTwoInfo strong {color:#fff;font-weight:700; font-size:16px;}
.courseDetail .classSchTwo .list input[type=radio] {display:none;}

.courseDetail .classSchTwo label {border:1px solid #2C2C2C; border-radius:10px; max-width:581px; width:100%; cursor:pointer}
.courseDetail .classSchTwo .list + .list {margin-top:18px;}
.courseDetail .classSchTwo .flex--title {display:flex; align-items:center; justify-content:space-between; padding:14px 20px 14px 26px;}
.courseDetail .classSchTwo .peroid {color:#D7D7D7; font-size:20px; font-weight:700;}
.courseDetail .classSchTwo .peroid span {font-weight:400;}
.courseDetail .classSchTwo .peroid .remain {color:#F85454; display:inline-block;font-size:14px; font-weight:500; margin-left:14px;}
.courseDetail .classSchTwo .flex--title i {color:#2C2C2C;font-size:30px;}
.courseDetail .classSchTwo .sch--detail {overflow:hidden; height:0;}
.courseDetail .classSchTwo .sch--detail ul {padding:23px 26px;}
.courseDetail .classSchTwo .sch--detail li {display:flex; align-items:center;}
.courseDetail .classSchTwo .sch--detail li + li {padding-top:15px;}
.courseDetail .classSchTwo .sch--detail .datetime {font-size:17px; font-weight:700; color:#fff; min-width:175px;}
.courseDetail .classSchTwo .sch--detail .datetime span {color:#A4A4A4; font-size:15px; font-weight:500;}
.courseDetail .classSchTwo .sch--detail .lectureDTit {font-size:16px; font-weight:500; color:#fff;}
.courseDetail .classSchTwo .list input[type=radio]:checked + label {background:#262626; border-color:#ff6633;}
.courseDetail .classSchTwo .list input[type=radio]:checked + label .sch--detail {height:auto;overflow:visible;}
.courseDetail .classSchTwo .list input[type=radio]:checked + label .flex--title {border-bottom:1px solid #454545;background:#322F37; border-radius:8px 8px 0 0;}
.courseDetail .classSchTwo .list input[type=radio]:checked + label .flex--title i {color:#fff;transform:rotate(180deg);}
.courseDetail .classSchTwo .list input[type=radio]:checked + label .flex--title img {transform:rotate(180deg);}
.courseDetail .classSchTwo .list input[type=radio]:checked + label .peroid {color:#ff6633}
.courseDetail .classSchTwo .list.addSch {max-width:581px; text-align:center;}
.courseDetail .classSchTwo .list .addSchedule {font-size:20px; font-weight:900; color:#D7D7D7; padding:14px 20px; border:1px solid #2C2C2C; border-radius:10px; width:100%;}

.courseDetail .lecture--info {padding-top:170px;}
.courseDetail .lecture--info img {width:100%;}
.courseDetail .lecture--info iframe {height:30vw;}
.courseDetail .lecture--content + .lecture--content {padding-top:0px;}
.courseDetail .lecture--content h1 {font-size:24px; font-weight:700;color:#fff; padding-bottom:10px;} 
.courseDetail .lecture--content p {font-size:17px; line-height:24px;font-weight:400; color:#fff;}

.courseDetail .lecturer--info {padding-top:190px;}
.courseDetail .lecturer--info .profile_top {display:flex; align-items:center;}
.courseDetail .lecturer--info .profile_img {width:133px; height:133px; overflow:hidden; border-radius:50%; }
.courseDetail .lecturer--info .profile_img img {width:100%; height:100%;}
.courseDetail .lecturer--info .profile_name {font-size:24px; font-weight:700; color:#fff;padding-left:30px;}
.courseDetail .lecturer--info .profile_content {color:#fff;font-size:17px; line-height:24px;font-weight:400; padding-top:20px;}
.courseDetail .lecturer--info .lec--content {padding-top:120px;}
.courseDetail .lecturer--info .lec--content h1 {color:#fff; font-size:24px; font-weight:700;}
.courseDetail .lecturer--info .lec--content li, .courseDetail .lecturer--info .lec--content p {color:#fff; font-size:17px; line-height:24px;font-weight:400;padding-top:10px;}
.courseDetail .lecturer--info .portfolio--title {padding-bottom:37px;}
.courseDetail .lecturer--info .portfolio {display:flex;}
.courseDetail .lecturer--info .portfolio + .portfolio {padding-top:47px;}
.courseDetail .lecturer--info .portfolio .img {border-radius:10px; overflow:hidden; flex:0 0 415px; margin-right:53px;}
.courseDetail .lecturer--info .portfolio .img img {width:100%;}
.courseDetail .lecturer--info .prot--cont {flex:auto;}

.courseDetail .review--info {padding-top:170px;}
.courseDetail .review--info .title {color:#fff; font-size:24px; font-weight:700;}
.courseDetail .review--info .title span {color:#C7C7C7;font-size:20px;}
.courseDetail .review--info .review-empty {color:#ACACAC;font-size:16px; font-weight:400;padding-top:21px; min-height:390px;}
.courseDetail .review--info .review-body {min-height:390px;}
.courseDetail .review--info .totalStar {display:flex; align-items:center;padding:9px 0 13px;}
.courseDetail .review--info .totalStar img {margin-right:8px;}
.courseDetail .review--info .totalStar span {font-size:17px; font-weight:900; color:#fff;}
.courseDetail .review--info .pagination {margin-top:80px;}

.courseDetail .class--paySection {position:sticky;top:0;background:#2A2A2A; padding:20px;border-radius:10px;}
.courseDetail .pay--title {padding-bottom:10px;font-size:19px; font-weight:500; line-height:27px;text-align:center;color:#fff;border-bottom:1px solid #676767}
.courseDetail .pay--classTit {font-size:25px; line-height:36px; font-weight:700; color:#fff;margin-top:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.courseDetail .pay--lecturer {color:#AEAEAE;font-size:19px; font-weight:500;line-height:27px; margin-top:10px;}
.courseDetail .pay--summary {margin:15px 0 20px;}
.courseDetail .pay--summary li {font-size:14px;line-height:20px; color:#AEAEAE;}
.courseDetail .pay--summary li + li {margin-top:2px;}
.courseDetail .pay--price {border-bottom:1px solid #676767; padding-bottom:20px; display:flex; justify-content:flex-end; position:relative; }
.courseDetail .pay--price .top{display:flex; align-items:flex-end; position:absolute; top:10px; left:0;}
.courseDetail .pay--price .off {display:inline-block; background:#FF2020;border-radius:3px; color:#fff;font-size:14px; font-weight:900; padding:3px 5px 4px;margin-right:3px !important; line-height:1;}
.courseDetail .pay--price .off span {font-size:12px;}
.courseDetail .pay--price .custom {color:#ACACAC;font-size:15px; font-weight:500;text-decoration:line-through}
.courseDetail .pay--price .total {font-size:30px;font-weight:900; color:#fff;}
.courseDetail .pay--schedule .selected--sche {padding:17px 0 0;}
.courseDetail .pay--schedule dl {display:flex; align-items:center;justify-content:space-between;}
.courseDetail .pay--schedule dt {color:#fff; font-size:14px; font-weight:400;display:flex; align-items:center;}
.courseDetail .pay--schedule dt img {margin-right:4px;}
.courseDetail .pay--schedule dd {font-size:17px; font-weight:700; color:#fff;}
.courseDetail .pay--schedule .selected--detail {padding-top:12px;}
.courseDetail .pay--schedule .selected--detail li {color:#BEBEBE;font-size:13px; line-height:18px; font-weight:500;text-align:right;}
.courseDetail .bottom_btn {margin-top:31px;}
.courseDetail .bottom_btn .btn {border-radius:10px;height:58px; font-size:19px; font-weight:900; width:100%;}
.courseDetail .bottom_btn .btn + .btn {margin-top:13px;}
.courseDetail .bottom_btn .button1 {border:1px solid #ABABAB;color:#fff; transition:all 0.3s;}
.courseDetail .bottom_btn .button1:hover {opacity:0.8; transition:all 0.3s;}
.courseDetail .bottom_btn .disabled--st {border:1px solid #1D1D1D; background:#1D1D1D; color:#444444;}
.courseDetail .bottom_btn .disabled--st.active {border-color:#fff; background:#181818; color:#bbb; transition:all 0.3s;}
.courseDetail .bottom_btn .disabled--st.active:hover {opacity:0.8; transition:all 0.3s;}

.courseDetail .lecture--slide.another--list {padding-top:150px;}
.courseDetail .lecture--slide.recommend--list {padding-top:80px;}
.courseDetail .list--title {display:flex; align-items:center; justify-content:space-between; padding-bottom:20px;}
.courseDetail .list--title .left {color:#ACACAC; font-size:30px; font-weight:700;}
.courseDetail .list--title strong {color:#fff; font-size:36px;}
.courseDetail .list--title .bnt--all {font-size:18px; font-weight:500; color:#fff; padding-right:19px; position:relative;}
.courseDetail .list--title .bnt--all:after {content:''; display:block; width:9px; height:15px; background:url("/upload/course/btn-all-icon.png")no-repeat center;position:absolute; top:50%; transform:translateY(-50%); right:0;}

.lecture--slide .slide--lecture {position:relative; overflow:hidden;}
.lecture--slide .lecture--thm a {display:block; position:relative; overflow:hidden; border-radius:10px;}
.lecture--slide .lecture--thm img {width:100%;}
.lecture--slide .lecture--thm .category {display:inline-block; font-size:13px; font-weight:700; color:#fff; border-radius:3px; position:absolute; top:10px; left:10px;padding:2px 5px; text-transform:uppercase;}
.lecture--slide .lecture--thm .category.type1 {background:#EC1010;}
.lecture--slide .lecture--thm .category.type2 {background:#0E86DD;}
.lecture--slide .lecture--top {display:flex; align-items:center; justify-content:space-between;padding:18px 0 6px;}
.lecture--slide .lecture--top .name {color:#8E8E8E; font-size:15px; font-weight:700;}
.lecture--slide .review .reviewNum {font-size:13px; font-weight:500; color:#C7C7C7; display:inline-block;position:relative; padding-left:15px;}
.lecture--slide .review .reviewNum:before {content:''; display:block; width:13px; height:13px; background:url("/upload/myroom/ico_star.png")no-repeat center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.lecture--slide .review .total {color:#C7C7C7; font-size:12px; font-weight:500; position:relative;padding-left:7px; margin-left:7px;}
.lecture--slide .review .total:before {content:''; display:block; width:1px; height:11px; background:#c7c7c7; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.lecture--slide .lecture--title a {color:#fff;font-size:17px; font-weight:900; line-height:24px; height:50px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  }
.lecture--slide .lecture--price {display:flex; justify-content:end; align-items:center; padding-top:10px;}
.lecture--slide .lecture--price .left {display:flex;}
.lecture--slide .lecture--price .off {color:#FF2020; font-size:14px; font-weight:700;}
.lecture--slide .lecture--price .custom {color:#8E8E8E; font-size:14px; font-weight:400;text-decoration:line-through; padding:0 4px 0 5px;}
.lecture--slide .swiper-button-prev, .lecture--slide .swiper-button-next {width:14px; height:23px; top:110px;}
.lecture--slide .swiper-button-prev:after, .lecture--slide .swiper-button-next:after {display:none;}
.lecture--slide .swiper-button-prev {background:url("/upload/course/lecture--prev.png")no-repeat center;}
.lecture--slide .swiper-button-next {background:url("/upload/course/lecture--next.png")no-repeat center;}

.another--list .lecture--price .price {color:#fff; font-size:22px; font-weight:700;}
.another--list .lecture--price .price span {font-size:15px;}
.recommend--list .category .small {font-size:13px; font-weight:400;}
.recommend--list .lecture--price .price {color:#fff; font-size:22px; font-weight:400;}
.recommend--list .lecture--price .price span {font-size:15px;}

.layerPop.contactLecturer {height:auto;}
.layerPop.contactLecturer textarea {height:294px; background:#2A2A2A; margin-top:14px;}
.layerPop.contactLecturer .maxLangth {color:#C7C7C7; font-size:15px; font-weight:400;margin-top:5px;text-align:right;}
.layerPop.contactLecturer .info {color:#C7C7C7;font-size:18px; font-weight:400;}
.layerPop.contactLecturer .info strong {color:#fff; font-weight:700; padding-top:20px;font-size:18px;}
.layerPop.contactLecturer .submitBtn_setion {margin-top:0; padding:0 40px;}
.layerPop.contactLecturer .submitBtn_setion button {width:100%; border:1px solid #444444;background:#1D1D1D; color:#444;}
.layerPop.contactLecturer .submitBtn_setion button.active {border-color:#ACACAC;background:#1F1F1F;color:#fff;}

.coursePay  {padding-top:30px;}
.coursePay .courseTitle {color:#fff; font-size:30px; font-weight:900; margin-bottom:35px;}
.coursePay .payList .list h2 {font-size:20px; font-weight:700; color:#fff; padding-bottom:13px; border-bottom:1px solid #545454; margin-bottom:30px;}
.coursePay .payList .list + .list {padding-top:100px;}
.coursePay .payList .list.pdtSm {padding-top:60px;}


.coursePay .payList #pay_bank {margin-top:40px;}
.coursePay .payList #pay_bank h2 {margin-bottom:0;}
.coursePay .wth_cart_bank {border-top: 2px solid #4d4d4d; border-bottom:1px solid #4d4d4d; margin-top:0px;}
.coursePay .wth_cart_bank dt {background:#000; color:#ccc;}
.coursePay .wth_cart_bank dl {border-color:#4d4d4d}
.coursePay .form-control[readonly],.coursePay input[type='text'] {background:#333; color:#ccc;}
.coursePay .form-control::placeholder {color:#666;}
.coursePay .labelLabel label {color:#fff;}
.coursePay .labelLabel label + label {margin-left:10px;}
.coursePay #cachDis1, .coursePay #cachDis2 {color:#fff; display:flex; align-items:center;}
.coursePay #cachDis1 {margin:8px 0;}
.coursePay #cachDis1 label {margin-left:10px;}

.coursePay .productInfo {display:flex;}
.coursePay .productInfo .thm {flex:0 0 212px; margin-right:28px;}
.coursePay .productInfo .thm img {width:100%;}
.coursePay .productInfo .info {flex:auto;}
.coursePay .productInfo .category {color:#fff;border-radius:3px;display:inline-block; font-size:13px; font-weight:700; padding:4px; line-height:1;}
.coursePay .productInfo .category .small {font-size:13px;font-weight:400;}
.coursePay .productInfo .category.type1 {background:#C91212;}
.coursePay .productInfo .category.type2 {background:#7030a0;}
.coursePay .productInfo h3 {color:#fff;font-size:25px; padding:5px 0; font-weight:900; display:block; margin:2px 0 4px;}
.coursePay .productInfo p {color:#F5F5F5; font-size:15px; font-weight:500;}
.coursePay .productInfo p + p {padding-top:7px;}
.coursePay .couponPoint .coupon,.coursePay .couponPoint .point,.coursePay .couponPoint .pointInfo {display:flex; align-items:center;}
.coursePay .couponPoint .label {flex:0 0 86px;color:#fff; font-size:16px; font-weight:500;}
.coursePay .couponPoint .wthSeclect {flex:auto;}
.coursePay .couponPoint .wthSeclectGr {max-width:420px;}
.coursePay .couponPoint .inputStyle {border:1px solid #2C2C2C; width:150px; height:40px; border-radius:5px; display:flex; padding:0 15px; align-items:center;}
.coursePay .couponPoint .point {margin-top:30px;}
.coursePay .couponPoint .point input[type='text'] {border:0; outline:0; width:100%; height:22px; text-align:right; color:#808080; flex:auto;}
.coursePay .couponPoint .inputStyle .unit {color:#808080; flex:0 0 10px; margin-left:2px;}
.coursePay .couponPoint .pointInfo .info {color:#808080; font-size:15px; font-weight:500; padding-top:10px;}
.coursePay .info--add {color:#808080; font-size:15px; font-weight:500; padding-top:10px;}
.coursePay .wthSeclectGr .select-btn {border-color:#2c2c2c;}
.coursePay .payPrice {width:100%; max-width:340px;}
.coursePay .payPrice dl {display:flex; justify-content:space-between; align-items:center;}
.coursePay .payPrice dl + dl {padding-top:10px;}
.coursePay .payPrice dt {color:#c7c7c7; font-size:17px; font-weight:400;}
.coursePay .payPrice dd {color:#B0B0B0; font-size:17px; font-weight:700;}
.coursePay .payPrice dd strong {color:#F8F8F8;font-weight:500;}
.coursePay .payPrice .total {padding-top:24px;}
.coursePay .payPrice .total dt {color:#fff; font-size:20px; font-weight:700;}
.coursePay .payPrice .total dt span {font-size:15px; font-weight:400;}
.coursePay .payPrice .total dd,.coursePay .payPrice .total .wth_total_price{font-size:25px; font-weight:900; color:#fff;}
.coursePay .payPrice.Tsub .small {font-size:15px; font-weight:500;}
.coursePay .payPrice.Tsub dd strong span {min-width:80px; display:inline-block; padding-right:3px; text-align:right}
.coursePay .payMethod .inlineRadio {border:0; padding:0; margin:0;}
.coursePay .payMethod .inlineRadio + .inlineRadio {margin-top:30px;}
.coursePay .payMethod input[type=radio] + label {padding-left:32px; }
.coursePay .payMethod input[type=radio] + label:before {width:20px; height:20px; background-size:20px;}
.coursePay .payMethod input[type=radio]:checked + label:before {background-size:20px;}
.coursePay .payMethod label span {font-size:16px; font-weight:500; color:#fff;}
.coursePay .payMethod label span.hiddenTxt {text-indent:-9990px; overflow:hidden; display:inline-block;height:23px;}
.coursePay .payMethod label span.naverpay {background:url("/upload/course/payMethod_naver.png")no-repeat center; width:60px;}
.coursePay .payMethod label span.kakao {background:url("/upload/course/payMethod_kakao.png")no-repeat center; width:55px; }
.coursePay .payMethod label span.toss {background:url("/upload/course/payMethod_toss.png")no-repeat center; width:77px;}
.coursePay .bottom_btn {padding:180px 0 90px; text-align:center;}
.coursePay .bottom_btn .refundDoc {background:#333 !important; color:#ccc !important; text-align:left; padding:20px;}
.coursePay .bottom_btn .refundDoc p {font-size:14px; line-height:1.8;}
.coursePay .bottom_btn .refundDoc strong {font-size:19px;}

.coursePay .bottom_btn .refundDoc table{width:100%;  border:1px solid #333;border-top:2px solid #ff9966; border-spacing: 0px;}
.coursePay .bottom_btn .refundDoc table td, .coursePay .bottom_btn .refundDoc table th{ border-bottom:1px solid #333; text-align:left; padding:.5em 1em; vertical-align:middle; }
.coursePay .bottom_btn .refundDoc table thead th{ color:#ff9966; background:#111;font-size:14px;}
.coursePay .bottom_btn .refundDoc table tbody td{ font-size:14px; color:#ccc}



.coursePay .bottom_btn .flex_box {display:flex; align-items:center;justify-content:center;}
.coursePay .bottom_btn .flex_box + .flex_box {padding-top:15px;}
.coursePay .bottom_btn p {color:#B3B3B3; font-size:20px; font-weight:500;}
.coursePay .inlineChk_16 {display:flex; align-items:center; margin-left:24px;}
.coursePay .inlineChk_16 input[type=checkbox] + label {font-size:20px; font-weight:900; color:#fff; padding-left:28px;} 


.coursePay .bottom_btn button {border:1px solid #acacac; border-radius:10px; color:#fff; width:340px; height:58px; margin:63px auto 0; font-size:19px; font-weight:900;background:#181818;}
.coursePay .oneDaySche {color:#fff; font-size:20px; font-weight:900; line-height:1;}
.coursePay .wthSeclect {width:100%; max-width:560px;}
.coursePay .wthSeclect .buttonGroup {border:1px solid #8E8E8E; border-radius:10px; display:flex; height:57px; padding:13px 20px 13px 26px;  align-items:center;justify-content:space-between;}
.coursePay .wthSeclect .buttonGroup i{padding:0;}
.coursePay .wthSeclect .buttonGroup span {font-size:20px; font-weight:700;}
.coursePay .wthSeclect .buttonGroup span .small{font-weight:400;}
.coursePay .wthSeclect .buttonGroup.active {border-color:#262626;border-bottom-color:#454545; background:#262626; border-radius:10px 10px 0 0;}
.coursePay .wthSeclect .buttonGroup.active i {transform:rotate(180deg);}
.coursePay .wthSeclect .subOption {position:relative; top:0; background:#262626; border-radius:0 0 10px 10px;}
.coursePay .wthSeclect .subOption ul {padding:24px 26px 26px;}
.coursePay .wthSeclect .subOption li {display:flex; align-items:center;}
.coursePay .wthSeclect .subOption li + li {padding-top:18px;}
.coursePay .wthSeclect .subOption .datetime {color:#fff; font-size:17px; font-weight:700; min-width:175px;}
.coursePay .wthSeclect .subOption .datetime span {color:#A4A4A4; font-size:15px; font-weight:500;}
.coursePay .wthSeclect .subOption .lectureDTit {color:#fff; font-size:16px; font-weight:500;}
.coursePay .payMethod .cardReg {width:303px; height:172px; background:url("/upload/course/payMethod_card.png")no-repeat center; text-indent:-9999px; overflow:hidden; margin:30px 0 43px;}
.coursePay .payMethod p {color:#6B6B6B; font-size:15px; font-weight:500; line-height:1.5;}
.coursePay .couponPoint dt {padding-bottom:10px;}
.coursePay .couponPoint dt, .coursePay .couponPoint dd {color:#808080;}
.coursePay .couponPoint dl input[type='text'] {background:#333;}
.coursePay .couponPoint dl + dl {margin-top:30px;}

.coursePayEnd {padding-top:30px;}
.coursePayEnd .courseTitle {color:#fff; font-size:30px; font-weight:900; padding-bottom:17px;}
.coursePayEnd .payPrice {color:#fff; font-size:25px; font-weight:900;}
.coursePayEnd .topSec p {color:#C7C7C7; font-size:25px; font-weight:500; padding-top:30px;}
.coursePayEnd .topSec button {border:2px solid #CECECE; border-radius: 5px; font-size:17px; font-weight:900; color:#fff; width:169px; height:38px; margin-top:28px;}
.coursePayEnd .bottomSec {padding-top:120px;}
.coursePayEnd .bottomSec h1 {color:#fff; font-size:20px; font-weight:900; line-height:1.4;padding:30px 0 10px;}
.coursePayEnd .bottomSec li {color:#c7c7c7; font-size:20px; font-weight:500; line-height:1.4;}
.coursePayEnd .bottomSec ul.pdt {padding-top:0px;}
.coursePayEnd .bottom_btn {text-align:center; margin-top:110px;}
.coursePayEnd .bottom_btn button {border:1px solid #ACACAC; border-radius:10px; width:341px; height:58px; background:#181818; color:#fff; font-size:19px; font-weight:900;}

.coursePayEnd .content_wrap {max-width:1200px; padding:10px 0 0px;}
.coursePayEnd .content_wrap h2 {color:#fff; padding-top:40px;}
.coursePayEnd .content_wrap .wth_cart_bg {background:#333; border:1px solid #333; color:#ccc;}
.coursePayEnd .wth_cart_view {border-color:#4d4d4d;}
.coursePayEnd .wth_cart_view dt {background:#333; color:#ccc;}
.coursePayEnd .wth_cart_view dl {border-color:#4d4d4d;}
.coursePayEnd .wth_cart_view dd {color:#ccc;}


.main--section--wrap .main-slide {position:relative; margin-bottom:40px;}
.main--section--wrap .main-slide .m-visible {display:none;}
.main--section--wrap .main-slide .swiper-slide {color:#fff; cursor:pointer;}
.main--section--wrap .main-slide .swiper-slide img {width:100%;}
.main--section--wrap .main-slide .swiper-button-next, .main--section--wrap .main-slide .swiper-button-prev {width:14px; height:23px; background-size:cover;}
.main--section--wrap .main-slide .swiper-button-next:after, .main--section--wrap .main-slide .swiper-button-prev:after {display:none;}
.main--section--wrap .main-slide .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; top:auto; bottom:-53px; left:50%; margin-left:24px; transition:all 0.3s;}
.main--section--wrap .main-slide .swiper-button-next:hover {opacity:0.8; transition:all 0.3s;}
.main--section--wrap .main-slide .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; top:auto; bottom:-53px; left:50%; margin-left:-24px;transition:all 0.3s;}
.main--section--wrap .main-slide .swiper-button-prev:hover {opacity:0.8; transition:all 0.3s;}


.main-lecturer--slide {padding:115px 0;}
.main-lecturer--slide .thmSwiper {margin-top:47px;}
.main-lecturer--slide .thmSwiper .swiper-slide {max-width:150px;}
.main-lecturer--slide .thmSwiper .swiper-slide-thumb-active {max-width:185px;}
.main-lecturer--slide .thmSwiper .swiper-wrapper {align-items:center;}
.main-lecturer--slide .thmSwiper img {width:100%; overflow:hidden; border-radius:15px;}
.main-lecturer--slide .thmSwiper .swiper-button-next:after, .main-lecturer--slide .thmSwiper .swiper-button-prev:after {display:none;}
.main-lecturer--slide .thmSwiper .swiper-button-next, .main-lecturer--slide .thmSwiper .swiper-button-prev {margin-top:-12px;}
.main-lecturer--slide .thmSwiper .swiper-button-next {background:url("/upload/main/main2-thmSwiper-next.png")no-repeat center; width:14px; height:23px;}
.main-lecturer--slide .thmSwiper .swiper-button-prev {background:url("/upload/main/main2-thmSwiper-prev.png")no-repeat center; width:14px; height:23px;}
.main-lecturer--slide .mySwiper2 .slideWrap {display:flex; align-items:center; justify-content:center;}
.main-lecturer--slide .mySwiper2 .imgWrap {flex:0 0 555px; border-radius:10px; overflow:hidden;}
.main-lecturer--slide .mySwiper2 .imgWrap img {width:100%;}
.main-lecturer--slide .mySwiper2 .txtWrap {background:#2D2D2D; max-height:303px; flex:0 0 400px; display:flex;flex-direction:column; padding:52px 42px; border-radius:10px 0 0 10px;}
.main-lecturer--slide .mySwiper2 .category span {display:inline-block; padding:4px 13px 5px; font-size:15px; font-weight:900; border-radius:5px; line-height:1;}
.main-lecturer--slide .mySwiper2 .category span + span {margin-left:9px;}
.main-lecturer--slide .mySwiper2 .tit {color:#fff; font-size:26px; font-weight:900; margin-top:7px;}
.main-lecturer--slide .mySwiper2 .subTit {color:#CDCDCD; font-size:16px; font-weight:500; margin-top:10px;}
.main-lecturer--slide .mySwiper2 .viewMore {color:#fff; font-size:15px; font-weight:700; margin-top:30px;}

.main--section--wrap .title1 {color:#fff; font-size:30px; font-weight:900;}
.main--section--wrap .title2 {color:#fff; font-size:40px; font-weight:900;}
.main--section--wrap .title--top {display:flex; justify-content:space-between; align-items:center;}
.main--section--wrap .title--top.justify-first {justify-content:flex-start;}
.main--section--wrap .title--top.justify-center {justify-content:center;}
.main--section--wrap .title--top .arrow {position:relative;}
.main--section--wrap .title--top .swiper-button-next:after, .main--section--wrap .title--top .swiper-button-prev:after {display:none;}
.main--section--wrap .title--top .swiper-button-next, .main--section--wrap .title--top .swiper-button-prev {width:14px; height:23px; background-size:cover;}
.main--section--wrap .title--top .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto;}
.main--section--wrap .title--top .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto;}
.main--section--wrap .viewMore span{padding-right:17px;position:relative;}
.main--section--wrap .viewMore span:after {content:''; display:block; width:7px; height:11px; background:url("/upload/main/viewMore.png")no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:0;margin-top:2px;}

.main-lineup--slide {padding:100px 0;}
.main-lineup--slide .swiper-slide { border-radius:10px; overflow:hidden;}
.main-lineup--slide .swiper-slide img {width:100%;}
.main-lineup--slide .title1 {margin-bottom:24px;}

.tabsLinkWrap .tabs-container {display:none;}
.tabsLinkWrap .tab-text {color:#fff;font-size:20px; font-weight:500;}
.tabsLinkWrap .tab-link {display:inline-block; border:1px solid #fff; padding:3px 25px; min-width:150px; text-align:center;}
.tabsLinkWrap .is-active .tab-link {background:#fff; padding:6px 25px;}
.tabsLinkWrap .is-active .tab-link .tab-text {color:#000;}
.tabsLinkWrap .tab-item + .tab-item .tab-link {border-left:0;}
.main--section--wrap .tab-list {display:flex; margin-left:43px; align-items:flex-end;}
.main--section--wrap .swiper4--mainslide .swiper-slide {background:#212121; border-radius:10px;}
.main--section--wrap .swiper4--mainslide .arrow {position:relative;}
.main--section--wrap .swiper4--mainslide .swiper-button-next:after, .main--section--wrap .swiper4--mainslide .swiper-button-prev:after {display:none;}
.main--section--wrap .swiper4--mainslide .swiper-button-next, .main--section--wrap .swiper4--mainslide .swiper-button-prev {width:14px; height:23px; background-size:cover; top:-13px}
.main--section--wrap .swiper4--mainslide .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto;}
.main--section--wrap .swiper4--mainslide .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto;}
.main--section--wrap .swiper4--mainslide--best .arrow {position:relative;}
.main--section--wrap .swiper4--mainslide--best .swiper-button-next:after, .main--section--wrap .swiper4--mainslide--best .swiper-button-prev:after {display:none;}
.main--section--wrap .swiper4--mainslide--best .swiper-button-next, .main--section--wrap .swiper4--mainslide--best .swiper-button-prev {width:14px; height:23px; background-size:cover; top:-13px}
.main--section--wrap .swiper4--mainslide--best .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto; transition:all 0.3s;}
.main--section--wrap .swiper4--mainslide--best .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto; transition:all 0.3s;}
.main--section--wrap .swiper4--mainslide--best .swiper-button-prev:hover,.main--section--wrap .swiper4--mainslide--best .swiper-button-next:hover {opacity:0.8; transition:all 0.3s;}
.main--section--wrap .category {display:inline-block; font-size:12px; font-weight:900; line-height:1;padding:3px 6px; border-radius:3px; color:#fff;}
.main--section--wrap .category + .category {margin-left:8px;}
.main--section--wrap .cate1 {background:#3C87CC;}
.main--section--wrap .cate2 {background:#DB4040;}
.main--section--wrap .cate3 {color:#494949; background:#D9D9D9;}
.main--section--wrap .swiper4--mainslide--best .swiper-slide {cursor:pointer;}

.main--section--wrap .course--grayBox {background: #313233; padding:0 8px 10px; border-radius:0 0 5px 5px;}



.livePopcourse {padding:116px 0;}
.livePopcourse .swiper4--mainslide {margin-top:32px;}
.livePopcourse .swiper4--mainslide .swiper-button-next, .livePopcourse .swiper4--mainslide .swiper-button-prev {top:-45px;}
.livePopcourse .swiper4--mainslide .img {width:170px; margin:0 auto; border-radius:50%; height:170px; overflow:hidden;}
.livePopcourse .swiper4--mainslide .img img {width:100%; height:100%;}
.livePopcourse .categoryWrap {display:flex; justify-content:center; padding-top:18px;}
.livePopcourse .subtit {color:#fff; font-size:15px; font-weight:500; text-align:center; padding-top:8px;}
.livePopcourse .tit {color:#fff; font-size:20px; font-weight:900; text-align:center;}
.livePopcourse .swiper-slide {padding:34px 10px;}

.recommendCourse {padding:100px 0;}
.recommendCourse .swiper4--mainslide {margin-top:54px;}
.recommendCourse .swiper4--mainslide .swiper-button-next, .recommendCourse .swiper4--mainslide .swiper-button-prev {top:-65px;}
.recommendCourse .swiper-slide {position:relative; padding:44px 15px 13px;}
.recommendCourse .categoryWrap {position:absolute; top:11px; right:17px;}
.recommendCourse .flex_box {display:flex;}
.recommendCourse .img {flex:0 0 73px; height:73px; overflow:hidden; border-radius:50%;}
.recommendCourse .img img {width:100%; height:100%;}
.recommendCourse .txt {margin-left:15px;}
.recommendCourse .name {color:#fff; font-size:19px; font-weight:900;}
.recommendCourse .subtxt {color:#D7D7D7;font-size:15px; font-weight:500;}
.recommendCourse .tags {display:flex; flex-wrap:wrap; padding-top:35px; height:110px;}
.recommendCourse .tags span {display:inline-block; color:#FDFDFD; font-size:16px; font-weight:500;margin-right:10px;}
.recommendCourse .viewMore {display:block; text-align:right;}
.recommendCourse .viewMore span{font-size:16px; font-weight:700; color:#fff;}

.main--bestLecture {padding:100px 0;}
.main--bestLecture .titleWrap {margin-bottom:40px;}
.main--bestLecture .listMore {text-align:center; padding:60px 0 0;}
.main--bestLecture .viewMore {color:#fff;font-size:18px; font-weight:700;}

.classList--best {display:flex; flex-wrap:wrap;}
.classList--best .list {width:25%;margin-bottom:40px; padding:0 10px;}
.classList--best .list .thm {border-radius:10px;overflow:hidden;}
.classList--best .list .thm img {width:100%;}
.classList--best .list h1 {color:#fff; font-size:18px; font-weight:900; padding-top:5px;}
.classList--best .list p {color:#B8B8B8; font-size:15px; font-weight:500; padding-top:3px;}

.classRecommend {padding:100px 0;}
.classRecommend .swiper4--mainslide--best .swiper-button-next, .classRecommend .swiper4--mainslide--best .swiper-button-prev {top:-48px;}
.classRecommend .small {font-size:12px;}
.classRecommend .title--top {margin-bottom:42px;}
.classRecommend .thm_wrap {border-radius:5px; overflow:hidden; position:relative;}
.classRecommend .thm_wrap .category {position:absolute; left:10px; top:10px;}
.classRecommend .thm_wrap img {width:100%;}
.classRecommend .flex-box {display:flex;}
.classRecommend .line--1 {padding:10px 0 0;}
.classRecommend .line--1 .steps {font-size:13px; font-weight:700; display:inline-block; border-radius:3px; line-height:23px; padding:0 10px; border:1px solid }
.classRecommend .line--1 .st1 {background:#DEDEDE; color:#242424; border-color:#DEDEDE;}
.classRecommend .line--1 .st2 {background:#838383; color:#fff; border-color:#838383;}
.classRecommend .line--1 .st3 {background:#000; color:#fff; border-color:#303030;}
.classRecommend .line--1 .st4 {background:#000; color:#fff; border-color:#646464;}
.classRecommend .line--1 .clCate, .classRecommend .line--1 .clGenre {color:#fff; font-size:15px; font-weight:700;}
.classRecommend .line--1 .clCate {padding:0 10px 0 14px;position:relative;}
.classRecommend .line--1 .clCate:after {content:''; display:block; width:1px; height:14px; background:#fff; position:absolute; top:5px; right:0;}
.classRecommend .line--1 .clGenre {padding-left:8px;}
.classRecommend .line--2 .flex-box {justify-content:space-between;}
.classRecommend .line--2 .lecturer {color:#8E8E8E;font-size:15px; font-weight:700;}
.classRecommend .line--2 .right {display:flex;}
.classRecommend .personReviewWrap {margin-top:15px;}
.classRecommend .reviewNum {color:#C7C7C7;font-size:13px;}
.classRecommend .reviewKor {color:#C7C7C7;font-size:12px; font-weight:500; position:relative; padding-left:11px;}
.classRecommend .reviewKor:after {content:''; display:block; width:1px; height:11px; background:#c7c7c7; position:absolute; top:4px; left:0;}
.classRecommend .classTit {color:#fff; font-size:17px; font-weight:900; min-height:51px;}
.classRecommend .classPrice {color:#fff; font-size:22px; font-weight:400; text-align:right; padding-top:5px;}
.classRecommend .classPrice span{font-size:15px;}

.processInfo {padding-top:100px;}
.processInfo .title--top {margin-bottom:45px;}
.processInfo .list {display:flex;}
.processInfo .list + .list {margin-top:40px;}
.processInfo .title {color:#fff; font-size:30px; font-weight:500; padding-right:40px; white-space:nowrap;}
.processInfo .flex-box {display:flex; overflow-x:auto;}
.processInfo .flex-box a {display:inline-block; color:#fff;font-size:20px; font-weight:500; line-height:38px; padding:0 20px; border:1px solid #fff; border-radius:2px; white-space:nowrap;}
.processInfo .flex-box a + a {margin-left:20px;}
.processInfo .flex-box a.all {padding:0 35px;}

.subMain .course--grayBox {background: #313233; padding:0 8px 10px; border-radius:0 0 5px 5px;}
.subMain--slide--wrap {padding:36px 0 22px;}
.subMain--slide--wrap .swiper-slide img {border-radius:10px; overflow:hidden; width:100%;}
.subMain--slide--wrap .swiper-pagination-bullet {background:rgba(217 217 217 / 60%); width:10px;height:10px;margin:0 5px}
.subMain--slide--wrap .swiper-pagination-bullet-active {background:rgba(217 217 217 / 100%); padding:0 9px; border-radius:15px;}
.subMain--slide--wrap .swiper-pagination {bottom:10px;}
.subMain .tab_title {color:#fff; font-size:40px; font-weight:900; padding-bottom:30px;}
.subMain .tab_btnWrap .flex-box {display:flex;overflow-x:auto; padding:10px 0; flex-wrap:wrap;}
.subMain .subCategoryTitle {margin:17px 0; font-size:25px; font-weight:900; color:#fff;}
.subMain .subMoreView {text-align:center; margin-bottom:100px;}
.subMain .subMoreView a {font-size:15px; font-weight:700;}
.subMain .subMoreView .viewMore span{padding-right:17px;position:relative;}
.subMain .subMoreView .viewMore span:after {content:''; display:block; width:7px; height:11px; background:url("/upload/main/viewMore.png")no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:0;margin-top:2px;}
.subMain--slide--wrap .mo--slide {display:none;}


/*
.subMain .tab_btnWrap a {display:inline-block; color:#fff; font-size:20px; font-weight:500; border:1px solid #fff; padding:5px 25px; text-transform:uppercase; white-space:nowrap;margin-bottom:8px;}
===
.subMain .tab_btnWrap a + a {border-left:0;}
===

.subMain .tab_btnWrap a.active {font-size:21px; font-weight:900; color:#000; border-color:#fff; background:#fff; border-radius:1px 1px 0 0;position:relative; margin-top:-10px;}
.subMain .tab_btnWrap a.active:after {content:''; display:block; width:100%; height:10px; background:#000; position:absolute; bottom:-1px; left:0;}
.subMain .tab_btnWrap a:first-child.active:after {width:calc(100% + 1px); left:-1px;}
.subMain .tab_btnWrap a:last-child.active:after {width:calc(100% + 1px); left:1px;}
*/

.subMain .tab_btnWrap a { transition:0.3s;display:inline-block; color:#fff; font-size:20px; font-weight:500; border:1px solid #fff; padding:5px 25px; text-transform:uppercase; white-space:nowrap;margin-bottom:8px;}
.subMain .tab_btnWrap a:hover {opacity:0.8; transition:0.3s;}
.subMain .tab_btnWrap a.active {color:#000; border-color:#fff; background:#fff;position:relative;}
/*

*/


.subMain .courseList {padding-top:30px;display:flex; flex-wrap:wrap;}
.subMain .courseList .curse {width:calc(25% - 15px); margin-bottom:40px; cursor:pointer; margin-right:20px;}
.subMain .courseList .curse:nth-child(4n){margin-right:0;}
.subMain .courseList .thm {position:relative; }
.subMain .courseList .thm img {width:100%; border-radius:5px; overflow:hidden;}
.subMain .courseList .category {position:absolute; top:10px; left:10px; color:#fff;border-radius:3px;display:inline-block; font-size:13px; font-weight:700; padding:4px; line-height:1;}
.subMain .courseList .category .small {font-size:13px;font-weight:400;}
.subMain .courseList .cate1 {background:#3C87CC;}
.subMain .courseList .cate2 {background:#DB4040;}
.subMain .line--1 {padding-top:10px;}
.subMain .line--1 .steps {font-size:13px; font-weight:700; display:inline-block; border-radius:3px; line-height:23px; padding:0 10px; border:1px solid }
.subMain .courseList .line--1 .st1 {background:#DEDEDE; color:#242424; border-color:#DEDEDE;}
.subMain .courseList .line--1 .st2 {background:#838383; color:#fff; border-color:#838383;}
.subMain .courseList .line--1 .st3 {background:#303030; color:#fff; border-color:#303030;}
.subMain .courseList .line--1 .st4 {background:#000; color:#fff; border-color:#646464;}
.subMain .courseList .title {font-size:17px; font-weight:900; color:#fff; padding-top:10px; min-height:61px;}
.subMain .courseList .name {font-size:15px; font-weight:700; color:#8E8E8E; padding-top:5px;}
.subMain .courseList .line--2 {display:flex; align-items:center; justify-content:space-between;}
.subMain .courseList .price {color:#fff; font-size:22px; font-weight:400;}
.subMain .courseList .price span {font-size:15px;}
.subMain .courseList .right {display:flex; align-items:center;}
.subMain .courseList .personReviewWrap {margin-top:15px;}
.subMain .courseList .reviewNum {color:#C7C7C7;font-size:13px;}
.subMain .courseList .reviewKor {color:#C7C7C7;font-size:12px; font-weight:500; position:relative; padding-left:11px;}
.subMain .courseList .reviewKor:after {content:''; display:block; width:1px; height:11px; background:#c7c7c7; position:absolute; top:4px; left:0;}
.subMain .pagination {justify-content:center; padding-top:33px;}
.subMain .pagination .page_prev {width:23px; height:23px;background:url("/upload/lecturerzone/page_prev.png")no-repeat center; margin-right:46px;}
.subMain .pagination .page_next {width:23px; height:23px;background:url("/upload/lecturerzone/page_next.png")no-repeat center; margin-left:46px;}
.subMain .pagination .page_num {display:flex;align-items:center;height:23px;}
.subMain .pagination .page {width:23px; display:block; margin:0 5px;font-size:20px;font-weight:400;color:#A4A4A4;text-align:center;}
.subMain .pagination .page.active {font-weight:900;color:#fff;}
.subMain .kewordRecommend {padding:200px 0 104px;}
.subMain .kewordRecommend .krTitle {font-size:30px; font-weight:900; color:#fff;text-align:center; padding-bottom:50px;}
.subMain .kewordRecommend .krContent {display:flex; flex-wrap:wrap; justify-content:center;align-items:center;}
.subMain .kewordRecommend .krContent a {color:#fff; display:inline-block; font-size:20px; font-weight:500; border:1px solid #fff; margin-right:25px; margin-bottom:35px; padding:7px 24px; border-radius:50px;}

.wthLogin_txt {text-align:center;color:#fff;font-size:34px; padding:50px 0;font-weight:600;}
.wth_login_bg {max-width:360px; background:#000; border:0;}
.wth_sns_box .btn_naver, .wth_sns_box .btn_kakao {height:47px; line-height:47px; font-size:18px;border:0; border-radius:5px;}
.wth_sns_box button + button {margin-top:7px;}
.wth_login_bg input[type='text'], .wth_login_bg input[type='password'] {background:#333;color:#ccc;height:45px !important;}
.wth_login_bg input[type='text']::placeholder, .wth_login_bg input[type='password']::placeholder {color:#666;}
.wth_login_bg input[type='text']:focus,  .wth_login_bg input[type='password']:focus{background:#444;  border:0px; border-radius:3px; }
.wth_login_bg .box_inner {padding:0;}
.wth_login_bg .formLine label {color:#fff; padding-bottom:8px;}
.wth_login_bg .formLine + .formLine {margin-top:20px;}
.wth_login_bg .btn_login {background:#ff6633; height:45px; line-height:1; margin-top:40px; border-radius:5px;}
.wth_login_bg .infoSearch {margin:10px 0 50px;}
.wth_login_bg .btn--info {color:#fff;}
.wth_login_bg .btn--join {height:45px; line-height:1; background:#fff; color:#000; border-radius:5px; width:100%; height:45px; font-size:1.125rem;}
.wth_login_bg .wth_sns_box {margin-bottom:20px;}
.wth_login_bg .btn_facebook {width:100%; height:45px; line-height:1; background:#3b5998; color:#fff; border-radius:5px; font-size:1.125rem;}
.wth_login_bg .btn_google {width:100%; height:45px; line-height:1; background:#5071E8; color:#fff; border-radius:5px; font-size:1.125rem;}
.wth_login_bg .btn_apple {width:100%; height:45px; line-height:1; background:#2d2d2d; color:#fff; border-radius:5px; font-size:1.125rem;}
.find_info_txt {font-size:14px; color:#fff; text-align:center; padding:50px 0;}

.workProgress {text-align:center; color:#fff; padding:90px 0 20px;}
.workProgress h1, .workProgress a {font-size:28px; line-height:2;}
.workPageEditor {text-align:center; color:#fff; padding:90px 0 20px;}
.workPageEditor img {width:100% !important; height:auto !important; max-width:1200px;}

.wthDoc_tit {font-size:34px; padding:50px 0; text-align:center; color:#fff;}
.wthDocWrap .wthWrapper {max-width:1280px;margin:0 auto;}
.wthDocWrap .wthDoc p {font-size:14px; color:#ccc; line-height:1.8;}
.wthDocWrap .wthDoc strong {font-size:19px; color:#fff;}
.wthDocWrap table{width:100%;  border:1px solid #333;border-top:2px solid #ff9966; border-spacing: 0px;}
.wthDocWrap table td, .wthDocWrap table th{ border-bottom:1px solid #333; text-align:left; padding:.5em 1em; vertical-align:middle; }
.wthDocWrap table thead th{ color:#ff9966; background:#111;font-size:14px;}
.wthDocWrap table tbody td{ font-size:14px; color:#ccc}


.subTit--style {text-align:center; padding:50px 0;}
.subTit--style h2, .subTit--style h2 div {font-size:34px; color:#fff;}

.wth-com-table thead th {background:#000; color:#f5f5f5; border-color:#4d4d4d;}
.wth-com-table td {color:#ddd; border-color:#4d4d4d;}
.btn_gray {background:#000; color:#fff; border-color:#927e6f;}

.txt_board_search {background:#333333; border-color:#333; color:#ccc;}
.txt_board_word {background:#333 !important; color:#ccc; padding:5px;}
.paginate .wth_number strong {background:#ff6633;}
.wth_board_tabs > li a {background:#333; color:#ccc; border-color:#4a4a4a;}
.wth_board_tabs > li a.focus {background:#ff6633; color:#fff; font-weight:700; border-color:#ff6633;}
.wth_faq_accordion {background:#333; border-color:#4a4a4a;color:#fff;}
.wth_faq_accordion:before {background:#ff6633;}
.wth_faq_accordion p {color:#ccc !important;}
.wth_faq_panel {background:#000; color:#ccc; border:0; font-size:14px;}
.wth_board_header {color:#ccc;}
.wth-com-table tbody + tbody {border:0;}

.wth_join {max-width:360px;}
.wth_join_forms {border:0;}
.wth_join_forms dl, .wth_join_forms dt, .wth_join_forms dd {display:block; background:#000; color:#fff; width:100%; padding-left:0; border:0;}
.wth_join_forms dt {line-height:1; padding:20px 0 5px;}
.wth_join_forms dt span {padding-left:0;}
.wth_join_box {padding:0; margin:0; border:0;}
.wth_join_box p {color:#fff;}
.wth_join_box p:before {display:none;}
.wth_join_forms input[type=text], .wth_join_forms input[type=password] {width:100%; height:45px; background:#333333;color:#ccc;}
.wth_join_forms input::placeholder {color:#666;}
.wth_join_doc .box_inner {padding:0;}
.wth_join_doc .box_inner p {font-size:14px; color:#ccc; line-height:1.8;}
.wth_join_doc .box_inner p img {width:100%;}
.wth_join_doc .box_inner strong {font-size:16px;}
.wth_join_doc input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
.wth_join_doc input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
.wth_join_doc input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

.wth_join_doc div div {background:#333 !important; border-color:#333 !important; color:#ccc; padding:20px;}
.form-control {background:#333;color:#ccc; border-color:#333;}
.agreeLabel {color:#ccc; margin:15px 0 30px;}
.agreeLabel.last {margin-bottom:10px;}
.wth_join_btn_wrap {margin-top:30px;}
.btn_purple {background:#ff6633; border-color:#ff6633;}

.wthJoinEnd_eng {font-size:18px; color:#fff; text-align:center;}
.wth_join_end_bg {background:#333; color:#ccc;border-color:#3333;}
.wth_join_end_bg .wth_box_innerline {border-color:#3333; padding-top:0; margin-top:0;}
.wth_join_end_bg .box_inner {padding:60px 40px;}
.wth_join_end_bg h1 {font-size:25px;line-height:1.4; color:#fff; font-weight:500;margin-bottom:0;}
.wth_join_end_bg h2 {font-size:18px;line-height:1.5; text-align:center; color:#ccc;}
.wth_join_end_bg .joinId {padding:60px 0; text-align:center; color:#ff6633;}


.wth_buy_tabnav {border-color:#4d4d4d; border:0;}
.wth_buy_tabnav li a {background:#000; color:#666;}
.wth_buy_tabnav li a.active {background:#333; color:#fff;}
.wth_buy_tabnav li a:hover  {background:#000;color:#ff6633}
.wth_buy_tabnav li a.active:hover {background:#333;color:#ff6633}
.wth_buy_tabnav li a.active:before {display:none;}
.wth_buy_tabnav li {border-color:#4d4d4d; border:1px solid #4d4d4d;}

.wth_common_view {border-color:#4d4d4d;}
.wth_common_view dl {border-color:#4d4d4d;}
.wth_common_view dt {background:#333; color:#ccc;}
.wth_common_view dd {color:#fff;}
.wth_order_tab li a {background:#000; color:#666; border-color:#4d4d4d;}
.wth_order_tab > li a.focus {background:#333; color:#fff; border-color:#4d4d4d}

input[name=couponNo] {background:#333; color:#ccc;}
input[name=couponNo]::placeholder {color:#666;}
.wthCpBtn {background:#ff6633;}

.cart_list_empty {color:#ff6633;}

.mo-nav-open-btn {display:none;}
.gnb-overlay-bg-m {display:none;}
.gnb-overlay-bg-m--sc {display:none;}
.tablet_view {display:none;}
#gnbM {display:none;}

.wth_board_view dt {background:#333; color:#fff;}
.wth_board_view, .wth_board_view dl {border-color:#4d4d4d; border-width:1px;}
.cke_chrome {border-color:#4d4d4d !important;}
.wth_board_view input[type='text'] {background:#333; color:#ccc;}
.wth_board_view input[type='text']::placeholder {color:#666;}

.right_section a:link, .right_section a:visited, .right_section a:hover, .right_section a:active {
    color: inherit;
    text-decoration: underline;
}

#wthWrap .courseList .thm_wrap {position:relative;}
#wthWrap .courseList .thm_wrap img {width:100%; border-radius:5px; overflow:hidden;}
#wthWrap .courseList .courseType {position:absolute; top:10px; left:10px; color:#fff;border-radius:3px;
display:inline-block; font-size:13px; font-weight:700; padding:4px 6px 6px; line-height:1;}
#wthWrap .courseList .type--red {background:#660606;}
#wthWrap .courseList .type--green {background:#045137}
#wthWrap .courseList .type--blue {background:#3C87CC}
#wthWrap .courseList .courseType .small {font-size:13px;font-weight:400;}
#wthWrap .courseList .flex-box {display:flex;align-items:center;}
#wthWrap .courseList .line--1 {padding:10px 0 0;}
#wthWrap .courseList .line--1 .steps {font-size:13px; font-weight:700; display:inline-block; border-radius:3px; line-height:23px; padding:0 10px; border:1px solid }
#wthWrap .courseList .line--1 .st1 {background:#DEDEDE; color:#242424; border-color:#DEDEDE;}
#wthWrap .courseList .line--1 .st2 {background:#838383; color:#fff; border-color:#838383;}
#wthWrap .courseList .line--1 .st3 {background:#000;color:#fff;border-color: #fff;}
#wthWrap .courseList .line--1 .st4 {background:#000;color: #ffd600;border-color: #FFD700;}
#wthWrap .courseList .line--1 .clCate--1, #wthWrap .courseList .line--1 .clCate--2 {color:#fff; font-size:15px; font-weight:700;}
#wthWrap .courseList .line--1 .clCate--1 {padding:0 10px 0 14px;position:relative;}
#wthWrap .courseList .line--1 .clCate--1:after {content:''; display:block; width:1px; height:14px; background:#fff; position:absolute; top:5px; right:0;}
#wthWrap .courseList .line--1 .clCate--2 {padding-left:8px;}
#wthWrap .courseList .classTit {color:#fff; font-size:17px; font-weight:900; text-overflow: ellipsis; overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height:51px;
  margin-top:10px;
}
#wthWrap .courseList .line--sub {margin-top:8px; color:#8E8E8E; font-size:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#wthWrap .courseList .line--price {display:flex; align-items:baseline; justify-content:space-between; margin-top:15px;flex-wrap:wrap}
#wthWrap .courseList .line--price .left--pr {font-size:20px; font-weight:700;}
#wthWrap .courseList .line--price .left--pr span {font-size:14px; color:#8E8E8E;font-weight:400;}
#wthWrap .courseList .line--price .right--pr {font-size:14px; color:#8e8e8e;}

.swiper12--mainslide--layout .arrow {position:relative;}

.swiper43--mainslide--best .courseList {display:flex; flex-wrap:wrap;}
.swiper43--mainslide--best .curse {width:25%; padding:0 10px; margin-bottom:50px;}
.swiper43--mainslide--best .listMore {text-align:center; padding:60px 0 0;}
.swiper43--mainslide--best .listMore button {color:#fff; font-size:18px; font-weight:700;}

.subMain .classList .class {width:100%; margin-bottom:20px;}
.subMain .courseList.course--3 .curse {width:33.3%; padding:0 10px;}

.noImage—st {width:100%; height:180px; border:1px solid #464748; border-radius:5px; overflow:hidden; }
.noImage—st span {display:flex; width:100%; height:100%; justify-content:center; align-items:center;}

.vodSubMain .list_video--wrap {margin:50px 0;}
.vodSubMain .list_video--wrap .video {width:100%;}
.vodSubMain .list_video--wrap .video video {width:100%;}
.vodSubMain .list_video--wrap .mo--video {display:none;}
.vodSubMain .vodListWrap .vodCateTit {text-align:center; font-size:27px; font-weight:900; color:#fff;margin:150px 0 10px;}
.vodSubMain .vodList--sub {margin-top:50px;}
/*
.vodList--sub {display:flex; flex-wrap:wrap;}
*/
.vodList--sub .vod {margin-right:20px; margin-bottom:30px; display:inline-block;}
.vodList--sub .vod:nth-child(4n) {margin-right:0;}
.vodList--sub .vod .img_wrap {position:relative; border-radius:10px; overflow:hidden; width:282px; height:370px;}
.vodList--sub .vod .img_wrap a {display:block; width:100%; height:100%;}
.vodList--sub .vod .img_wrap a img {transition:all 0.3s; width:100%; height:100%;}
.vodList--sub .vod .img_wrap a:hover img {transform:scale(1.05);transition:all 0.3s;}
.vodList--sub .vod .img_wrap .click-heart {position:absolute; top:13px; right:15px; font-size:10px; color:#fff; text-indent:-9999px; overflow:hidden;}
.vodList--sub .vod .img_wrap .click-heart:before {content:''; display:block; width:32px; height:28px; background:url("/upload/course/Icon_heart.png")no-repeat center;}
.vodList--sub .vod .img_wrap .click-heart.active:before {background-image:url("/upload/vod/Icon_heart_active.png")}
.vodList--sub .vod .txt_wrap {margin:10px 0 0; width:282px;}
.vodList--sub .vod .class-name {font-size:17px; font-weight:700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.8;}
.vodList--sub .vod .oneLine {font-size:12px; color:#ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.8;}
.vodList--sub .vod .name {font-size:16px; font-weight:100; line-height:1.8;}

.vodDetail .previewWrap .listTit {font-size:27px; font-weight:700; text-align:center; margin:100px 0 50px;}
.vodDetail .previewList {display:flex;}
.vodDetail .previewList .preview {width:33.3%; margin-right:20px; margin-bottom:10px;}
.vodDetail .previewList .preview:nth-child(3n){margin-right:0;}
.vodDetail .previewList .thm_img {width:100%; position:relative;}
.vodDetail .previewList .thm_img img {width:100%;}
.vodDetail .previewList .thm_img:after {content:''; display:block; width:100px; height:100px; background:url("/upload/vod/video--play.png")no-repeat center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.vodDetail .previewList .preview a {display:block; transition:all 0.3s;}
.vodDetail .previewList .preview a:hover {opacity:0.8; transition:all 0.3s;}
.vodDetail .detail-section {padding-top:80px;}
.vodDetail .vod--detail--title {font-size:24px; font-weight:700; padding:90px 0 10px;}
.vodDetail .vod--detail--title.first {padding-top:0px;}
.vodDetail .vod--detail--content {margin:50px 0; font-size:17px; color:#fff; line-height:1.5;}
.vodDetail .vod--detail--content.topNone {margin-top:0;}
.vodDetail .vod--detail--content img {max-width:100%; height:auto;}

.vod--curriculum .btn_title {display:flex; align-items:center; justify-content:space-between; border-top:1px solid #323232; padding:5px 0 10px; cursor:pointer;}
.vod--curriculum .btn_title h1 {font-size:16px; font-weight:900; display:flex;}
.vod--curriculum .btn_title .free {display:inline-block; padding:5px 7px; background:#FF0000; color:#fff; font-size:9px; margin-left:5px;}
.vod--curriculum .btn_title .arrow {padding:15px;}
.vod--curriculum .btn_title .arrow i {font-size:15px; transition:all 0.3s;}
.vod--curriculum .btn_title.open .arrow i {transform:rotate(-180deg); transition:all 0.3s;}
.vod--curriculum .curriculum_cont {display:none; padding:20px 0;}
.vod--curriculum .curriculum_cont.open {display:block;}
.vod--curriculum .curriculum_cont .cont_wrap {display:flex;}
.vod--curriculum .img_wrap {position:relative; transition:all 0.3s;}
.vod--curriculum .img_wrap:hover {opacity:0.8; transition:all 0.3s;}
.vod--curriculum .img_wrap .runtime {position:absolute; bottom:10px; right:10px; color:#fff; font-size:16px; font-weight:300; line-height:1.8; }
.vod--curriculum .txt_wrap { margin-left:25px; transition:all 0.3s;}
.vod--curriculum .txt_cont {font-size:14px; font-weight:100; color:#ccc; line-height:1.5;}
.vod--curriculum .txt_wrap:hover {opacity:0.8; transition:all 0.3s;}
.vod--curriculum .curriculum_li:last-child .btn_title {border-bottom:1px solid #323232;}
.vod--detail--content .vodRecom--swiper {overflow:hidden;}
.vodDetail .review--info .review-empty {min-height:150px;}

.vodRecom--swiper .img_wrap {position:relative;}
.vodRecom--swiper .img_wrap .img {overflow:hidden; border-radius:10px;}
.vodRecom--swiper .img_wrap .img img {width:100%;transition:all 0.3s;opacity:0.8;}
.vodRecom--swiper .img_wrap:hover .img img {opacity:1;transform:scale(1.05);transition:all 0.3s;}
.vodRecom--swiper .img--info {position:absolute; bottom:20px; left:0; width:100%; padding:0 20px;}
.vodRecom--swiper .img--info .category {display:inline-block; padding:4px 13px 3px; font-size:11px; font-weight:100; background:#000; color:#ffcc00; border-radius:20px; line-height:1; text-transform:uppercase;}
.vodRecom--swiper .img--info .className {font-size:15px; font-weight:700; line-height:1.2; margin:5px 0;}
.vodRecom--swiper .img--info .name {font-size:12px; font-weight:100;}

.vodDetail .pay--lecturer {margin-top:0;}
.vodDetail .pay--price {display:flex; justify-content:space-between}
.vodDetail .pay--price .top {align-items:flex-end;}
.vodDetail .pay--price .left {width:70%;}
.vodDetail .pay--price .right {width:30%; display:flex; justify-content:center;flex-direction:column; align-items:center; color:#ccc; text-align:center;}
.vodDetail .pay--price .right span {font-size:11px; font-weight:300; display:inline-block; margin-bottom:10px;}
.vodDetail .pay--price .right .btn {background:#111; color:#fff; font-size:12px; font-weight:300; padding:12px 0 14px; border-radius:5px; width:100%; transition:all 0.3s;}
.vodDetail .pay--price .right .btn:hover {opacity:0.8; transition:all 0.3s;}
.vodDetail .pay--section {width:100%;}
.vodDetail .pay--section a {display:flex; background:#000; border-radius:5px;margin:5% 0; padding:4% 5%; justify-content:space-between;}
.vodDetail .pay--section .left {width:40%;}
.vodDetail .pay--section .passName h1 {font-size:24px; font-weight:700; color:#fff;}
.vodDetail .pay--section .passTerm {font-size:12px; font-weight:700; color:#ccc; letter-spacing:-0.01em; margin-top:5px !important;}
.vodDetail .pay--section .right {width:60%; text-align:right;}
.vodDetail .pay--section .passPriceMonth {font-size:14px; font-weight:300;color:#fff;}
.vodDetail .pay--section .line-through {text-decoration:line-through;font-size:13px; font-weight:300; color:#999;}
.vodDetail .pay--section .mPrice {font-size:23px; font-weight:700;}
.vodDetail .pay--section .mPriceTxt {font-size:13px; font-weight:300; color:#999;}
.vodDetail .pay--section .comment {color:#fff; font-size:12px; font-weight:100;}

.classSharePop {width:auto; height:auto; background:transparent}
.classSharePop .layer-head {padding-bottom:10px;}
.classSharePop .layer-head .tit {font-size:19px; font-weight:300; line-height:1;}
.classSharePop .layer-cont ul {display:flex;}
.classSharePop .layer-cont li {width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
.classSharePop .layer-cont li + li {margin-left:10px;}

.previewVideopop {width:1200px; height:auto; background:transparent;}
.previewVideopop .layer-cont {padding:0; height:100%; margin-top:20px;}
.previewVideopop .layer-cont iframe {width:100%; height:70vh;}

.vodChapterList .loginBtnChp {margin:100px 0; text-align:center;}
.vodChapterList .loginBtnChp a {display:inline-block; border:1px solid #666666; padding:15px 30px; width:200px;}
.vodChapterList .loginBtnChp a:hover {opacity:0.8;}
.vodChapterList .chapterCont .title {font-size:25px; font-weight:600; text-align:center; margin-bottom:50px;}
.vodChapterList .chapterCont .contentChp {font-size:17px; font-weight:100; color:#999; text-align:center;}
.vodChapterList .chapterTit {margin:100px 0 50px; text-align:center; font-size:27px; font-weight:600;}
.vodChapterList .vod--curriculum {width:800px; margin:0 auto;}
.vodChapterList .chpTitle--txt {font-size:16px; font-weight:900; display:flex; margin-bottom:5px;}
.vodChapterList .chpTitle--txt .free {display:inline-block; padding:5px 7px; background:#FF0000; color:#fff; font-size:9px; margin-left:5px;}
.vodChapterList .curriculum_li {border-top:1px solid #323232;}
.vodChapterList .curriculum_li:last-child {border-bottom:1px solid #323232;}
.vodChapterList .bottom_btnchp {text-align:center; margin:50px 0;}
.vodChapterList .bottom_btnchp a {background:#ff6633; font-size:18px; font-weight:500; color:#fff; display:inline-block; padding:10px 25px;}

/*main2*/
.main--section--wrap.type2 {overflow-x:hidden;}
.main2--title {font-size:24px; font-weight:900; color:#fff; padding-bottom:32px;}
.main2-liveClass {padding-top:0px;} 
.main2-liveClass .flex-box {display:flex;}
.main2-liveClass .list_wrap a {display:block;}
.main2-liveClass .list_wrap + .list_wrap {margin-left:20px;}
.main2-liveClass .img_wrap {position:relative;}
.main2-liveClass .img_wrap .txt {position:absolute; width:100%; top:16px; left:16px;}
.main2-liveClass .img_wrap p {font-size:16px; letter-spacing:-0.04em; font-weight:500; color:#e7e0ec; padding-bottom:4px; line-height:1.4;}
.main2-liveClass .img_wrap h1 {font-size:18px; font-weight: 700;line-height: 26px;letter-spacing: -0.4px; color:#fff;}
.main2-liveClass .img_wrap img {border-radius:16px; max-width:285px;}
.main2-liveClass .img_wrap .mo_img {display:none;}
.main2-eventBanner {padding:80px 0;}
.main2-eventBanner .event--pgWrap {position:absolute; bottom:16px; right:16px; z-index:1;}
.main2-eventBanner .flex-box {width:117px;height:28px;position:relative; background:rgba(0 0 0 / 50%); border-radius:40px; display:flex; justify-content:center; align-items:center;}
.main2-eventBanner .swiper-button-next:after, .main2-eventBanner .swiper-button-prev:after {display:none;}
.main2-eventBanner .swiper-button-next, .main2-eventBanner .swiper-button-prev {width:16px; height:16px;top:28px;}
.main2-eventBanner .swiper-button-prev {background:url("/upload/main/event--pgWrap-prev.png")no-repeat center; background-size:cover;}
.main2-eventBanner .swiper-button-next {background:url("/upload/main/event--pgWrap-next.png")no-repeat center; background-size:cover;}
.main2-eventBanner .swiper-pagination-fraction {width:auto; display:inline-block;position:initial; color:#938f99}
.main2-eventBanner .swiper-pagination-current {color:#fff;}
.main2-eventBanner .swiper-slide img {border-radius:16px; overflow:hidden; width:100%;}
.main2-eventBanner .mo-img {display:none;}
.main2-eventBanner .img_wrap {position:relative;}
.main2-eventBanner .img_wrap .txt {position:absolute; top:60px; left:30px;}
.main2-eventBanner .img_wrap .txt p {font-size:16px; font-weight:500;letter-spacing:-0.04em; line-height:1.4;}
.main2-eventBanner .img_wrap .txt h1 {font-size:24px; font-weight:700;letter-spacing:-0.04em; line-height:1.4;padding-top:16px;}

.main2-vodClass .main2--title {padding-bottom:16px;}
.main2-vodClass .class--cate {padding-bottom:16px; margin-bottom:16px;overflow-x:auto;}
.main2-vodClass .class--cate .flex-box {display:flex; white-space:nowrap;}
.main2-vodClass .class--cate a {font-size:16px; line-height:1; font-weight:700; padding:8px 16px; display:inline-block;border:1px solid #fff; border-radius:32px;}
.main2-vodClass .class--cate a + a {margin-left:8px;}
.main2-vodClass .class--cate a.active {font-weight:500; background:#fff; color:#000;}
.main2-vodClass .img_wrap {position:relative; border-radius:16px; overflow:hidden;}
.main2-vodClass .img_wrap img {width:100%;}
.main2-vodClass .img_wrap:before {content:''; display:block; width:100%; height:100%; background:url("/upload/main/main2-vodTxt--bg.png")no-repeat center; background-size:cover; position:absolute; bottom:0; left:0; border-radius:16px;}
.main2-vodClass .img_wrap .txt {position:absolute; width:100%; bottom:24px; left:0; padding:0 28px;}
.main2-vodClass .slide--wrap .cate {display:inline-block; color:rgba(104, 177, 8, 1); font-size:16px; line-height:1.4; font-weight:700; letter-spacing:-0.04em; background:#000; border-radius:28px; padding:8px 16px; margin-bottom:16px;}
.main2-vodClass .slide--wrap h1 {font-size:14px; font-weight:700; letter-spacing:-0.04em; line-height:1.5; padding-bottom:8px;}
.main2-vodClass .slide--wrap p {font-size:12px; font-weight:500; line-height:1.5; letter-spacing:-0.04em;}
.main--section--wrap .vodClass--swiper .arrow {position:relative;}
.main--section--wrap .vodClass--swiper .swiper-button-next:after, .main--section--wrap .vodClass--swiper .swiper-button-prev:after {display:none;}
.main--section--wrap .vodClass--swiper .swiper-button-next, .main--section--wrap .vodClass--swiper .swiper-button-prev {width:14px; height:23px; background-size:cover; top:-38px}
.main--section--wrap .vodClass--swiper .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto; transition:all 0.3s;}
.main--section--wrap .vodClass--swiper .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto; transition:all 0.3s;}
.main--section--wrap .vodClass--swiper .swiper-button-prev:hover,.main--section--wrap .vodClass--swiper .swiper-button-next:hover {opacity:0.8; transition:all 0.3s;}
.main-visualType2 {height:340px;}
.main-visualType2 .swiper {height:100%;}
.main-visualType2 .slideBg {height:100%; background-repeat:no-repeat; background-position:center;}
.main-visualType2 .slideBg.bg1 {background:url("/upload/main/main--slide--bg1-pc.jpg")no-repeat center; background-size:cover;}
.main-visualType2 .inner {max-width:1200px; margin:0 auto; display:flex; height:100%; align-items:center;}
.main-visualType2 .txt .colorBadge {display:inline-block; background:#4886ff;padding:8px 16px; border-radius:42px; color:#fff; font-size:16px; line-height:1.4; margin-bottom:24px; }
.main-visualType2 .txt h1 {font-size:30px; line-height:1.25; letter-spacing:-0.1em; font-weight:700;}
.main-visualType2 .txt p {color:#cac4d0; font-size:16px; line-height:22px; font-weight:500; letter-spacing:-0.1em; padding-top:8px;}

.mo-search-open-btn {display:none;}

.main2--review { padding:16px 0 80px;}
.main2--review .swiper-slide img {border-radius:8px; overflow:hidden; width:100%;}
.main2--review .flex-box {display:flex; align-items:center; justify-content:space-between; position:relative;}
.main--section--wrap .main2--review .arrow {position:relative;}
.main--section--wrap .main2--review .swiper-button-next:after, .main--section--wrap .main2--review .swiper-button-prev:after {display:none;}
.main--section--wrap .main2--review .swiper-button-next, .main--section--wrap .main2--review .swiper-button-prev {width:14px; height:23px; background-size:cover; top:0}
.main--section--wrap .main2--review .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto; transition:all 0.3s;}
.main--section--wrap .main2--review .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto; transition:all 0.3s;}
.main--section--wrap .main2--review .swiper-button-prev:hover,.main--section--wrap .main2--review .swiper-button-next:hover {opacity:0.8; transition:all 0.3s;}

.detailReview--newInfo {padding-top:170px;}
.detailReview--newInfo .top_section {display:flex; justify-content:space-between; align-items:center; padding-bottom:24px;}
.detailReview--newInfo .top_section .title {display:flex; align-items:center;}
.detailReview--newInfo .top_section .title h1 {font-size:24px; font-weight:700;}
.detailReview--newInfo .top_section .title span {font-size:14px; font-weight:500; color:#9E9E9E; display:inline-block;margin-left:8px;}
.detailReview--newInfo .top_section .optBtn button {color:#CDCDCD; font-size:14px; font-weight:500;}
.detailReview--newInfo .top_section .optBtn button.active {color:#4886FF; font-weight:700;}
.detailReview--newInfo .top_section .optBtn button + button {margin-left:8px;}
.detailReview--newInfo .write_section {display:flex; align-items:center;}
.detailReview--newInfo .write_section textarea {background:#1D1A22; border: 1px solid #605D66; border-radius:4px; height:48px; font-size:14px; color:#fff;}
.detailReview--newInfo .write_section textarea:placeholder {color:#666666;}
.detailReview--newInfo .write_section button {cursor:initial;margin-left:8px; width:83px; height:48px;border-radius:4px;
background:rgba(255 255 255 / 38%); font-size:14px; font-weight:500; color:#9E9E9E;}
.detailReview--newInfo .write_section button.active {background:#4886FF; color:#fff; cursor:pointer;}

.detailReview--newInfo .review--line {margin-top:32px;}
.detailReview--newInfo .review--line.reply--admin {padding-left:32px;}
.detailReview--newInfo .review--line .top--flex {display:flex; align-items:center; justify-content:space-between;}
.detailReview--newInfo .review--line .top--flex .name {color:#CAC4D0; font-size:14px; font-weight:700; margin-left:8px;}
.detailReview--newInfo .review--line .top--flex .date {color:#938F99; font-size:12px;}
.detailReview--newInfo .review--line .left {display:flex; align-items:center;}
.detailReview--newInfo .review--line .profile_img img {width:24px; height:24px; border-radius:50%; overflow:hidden;}
.detailReview--newInfo .review--line .contents {font-size:14px; line-height:1.5; font-weight:500;margin-top:8px;}
.detailReview--newInfo .review--line .bottom--flex {display:flex; align-items:center; padding-top:8px;}
.detailReview--newInfo .review--line .bottom--flex .text {font-size:14px; font-weight:500; color:#938F99; letter-spacing:-0.04em;}
.detailReview--newInfo .review--line .bottom--flex .text strong {font-size:14px; font-weight:500; display:inline-block; margin-left:2px; letter-spacing:-0.04em;}
.detailReview--newInfo .review--line .bottom--flex .deleteBtn {color:#938F99; font-size:14px; font-weight:500; margin-left:16px;}
.detailReview--newInfo .review--line .bottom--flex .goodBtn {display:block; width:20px; height:20px;margin-right:2px;
background:url("/upload/course/review_good.png")no-repeat center;background-size:14px 16px; text-indent:-9999px; overflow:hidden;}
.detailReview--newInfo .review--line .bottom--flex .goodBtn.active {background-image:url("/upload/course/review_good_active.png");}
.detailReview--newInfo .more--review {display:flex; align-items:center; justify-content:center; padding-top:32px;}
.detailReview--newInfo .more--review button {display:flex; align-items:center;}
.detailReview--newInfo .more--review button span {color:#4886FF; display:inline-block; margin-right:4px;}

.shareLinkPop {background:transparent; height:auto; width:auto; border-radius:0;}
.shareLinkPop ul {display:flex;}
.shareLinkPop li, .shareLinkPop li img {cursor:pointer;}
.shareLinkPop li + li {margin-left:15px;}
.shareLinkPop .layer-head .tit {font-size:19px; font-weight:500; line-height:1;}
.shareLinkPop .layer-head {padding:0 0 10px 0;}
.shareLinkPop .layer-cont {padding:0; height:auto;}
.courseDetail .summary_top .right .iconImg {width:32px; height:32px; background-repeat:no-repeat; background-position:center;background-size:cover; margin:0 auto;}
.courseDetail .summary_top .right .iconImg.heart {background-image:url("/upload/course/heartLineWhite.png");}
.courseDetail .summary_top .right .iconImg.share {background-image:url("/upload/course/shareLineWhite.png");}
.courseDetail .summary_top .right button {transition:all 0.3s;}
.courseDetail .summary_top .right button:hover {opacity:0.8; transition:all 0.3s;}
.courseDetail .summary_top .right .iconImg.heart.active {background-image:url("/upload/course/heartFillWhite.png");}
.courseDetail .class_summary .likeTxt.active:before{background-image:url("/upload/course/hearnumtFillWhite.png");}

.schEditAdd--style {display:flex; justify-content:space-between; align-items:center;}
.schEditAdd--style .schTxt {color:#F85454; font-size:14px; font-weight:700; display:inline-block;margin-left:20px;flex:0 0 auto;}
.schEditAdd--style .left {display:flex; align-items:center;}
.schEditAdd--style .left .wthSeclectGr  + .wthSeclectGr  {margin-left:20px;}
.schEditAdd--style .wthSeclectGr {flex:0 0 auto;}
.schEditAdd--style .wthSeclectGr .select-btn {text-align:center;}
.schEditAdd--style .wthSeclectGr .select-btn .sBtn-text,.schEditAdd--style .wthSeclectGr .select-btn .sBtn-text span {margin-right:0;}
.schEditAdd--style .wthSeclectGr.dateGr {width:170px;}
.schEditAdd--style .wthSeclectGr.timeGr {width:80px;}

.main-visualType2 .bottom_control {display:flex; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); max-width:1200px;width:100%; margin:0 auto; justify-content:space-between; z-index:10; align-items:center;}
.main-visualType2 .control__navigation {display:flex; align-items:center; justify-content:center; width:88px; height:40px;background: #FFFFFF61;border-radius:36px;}
.main-visualType2 .control__navigation button {width:24px; height:24px; text-indent:-9999px;overflow:hidden;}
.main-visualType2 .control__navigation .control_pause {background:url("/upload/main/main_pauseBtn.png")no-repeat center; background-size:cover;}
.main-visualType2 .control__navigation .control_play {background:url("/upload/main/main_playBtn.jpg")no-repeat center; background-size:18px;}
.main-visualType2 .control__navigation .control_play.hidden,.main-visualType2 .control__navigation .control_pause.hidden {display:none;}
.main-visualType2 .control__navigation .control_prev {background:url("/upload/main/main_prevBtn.png")no-repeat center; background-size:cover;width:16px; height:16px; margin-right:8px;}
.main-visualType2 .control__navigation .control_next {background:url("/upload/main/main_nextBtn.png")no-repeat center; background-size:cover;width:16px; height:16px; margin-left:8px;}
.main-visualType2 .swiper-pagination {width:auto; position:initial;}
.main-visualType2 .swiper-pagination-bullet {width:12px; height:12px; background:#605D66; opacity:1;}
.main-visualType2 .swiper-pagination-bullet-active {width:40px; height:12px; background:#fff; border-radius:20px;}

.main2--academy {margin-bottom:64px;}
.main2--academy .class--cate {padding-bottom:16px; margin-bottom:16px;overflow-x:auto;padding-top:16px;}
.main2--academy .class--cate .flex-box {display:flex; white-space:nowrap;}
.main2--academy .class--cate a {font-size:16px; line-height:1; font-weight:700; padding:8px 16px; display:inline-block;border:1px solid #fff; border-radius:32px;}
.main2--academy .class--cate a + a {margin-left:8px;}
.main2--academy .class--cate a.active {font-weight:500; background:#fff; color:#000;}
.main2--academy .swiper-slide .mo_img {display:none;}
.main2--academy .swiper-slide img {width:100%; border-radius:16px;}
.main--section--wrap .academy--swiper .arrow {position:relative;}
.main--section--wrap .academy--swiper .swiper-button-next:after, .main--section--wrap .academy--swiper .swiper-button-prev:after {display:none;}
.main--section--wrap .academy--swiper .swiper-button-next, .main--section--wrap .academy--swiper .swiper-button-prev {width:14px; height:23px; background-size:cover; top:-38px}
.main--section--wrap .academy--swiper .swiper-button-next {background:url("/upload/main/main--slide1--next.png")no-repeat center; right:0; left:auto; transition:all 0.3s;}
.main--section--wrap .academy--swiper .swiper-button-prev {background:url("/upload/main/main--slide1--prev.png")no-repeat center; right:64px; left:auto; transition:all 0.3s;}
.main--section--wrap .academy--swiper .swiper-button-prev:hover,.main--section--wrap .academy--swiper .swiper-button-next:hover {opacity:0.8; transition:all 0.3s;}
.main--section--wrap .academy--swiper a {display:block;}
.main--section--wrap .academy--swiper.mo--view {display:none;}
.acaDtitle {display:flex; align-items:center;margin-bottom:4px;}
.acaDtitle span {font-size: 24px;font-weight: 700;letter-spacing: -0.4px;}
.acaDtitle img {margin:0 4px;}
.acaDtxt {font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: -0.4px;color:#CDCDCD;}
/* 2024-09-12 .main2--curation {margin-bottom:80px;} */
.main2--curation {margin-bottom:40px;}
.main2--curation .courseArea .list_wrap {padding-top:32px;}
/* 2024-09-12 .subMain--academy {padding:48px 0 130px;} */
.subMain--academy {padding:48px 0 56px;}
.subMain--academy .slide_wrap {max-width:1920px; width:100%; margin:0 auto; overflow:hidden;}
.subMain--academy .slide_wrap.mo--view {display:none;}
.subMain--academy .acaDtitle {justify-content:center; margin-bottom:8px;}
.subMain--academy .acaDtitle span {font-size:28px;}
.subMain--academy .acaDtxt {text-align:center; padding-bottom:24px;}
.subMain--academy .academy--swiper {width:100%; height:548px; position:relative;}
.subMain--academy .txt_wrap {height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.subMain--academy .txt_wrap h3 {font-size: 36px;font-weight: 700;line-height: 36px;letter-spacing: -0.4px;padding:32px 0 16px;}
.subMain--academy .txt_wrap p {font-size: 20px;font-weight: 500;line-height: 28px;letter-spacing: -0.4px; text-align:center;}
.subMain--academy .swiper-pagination {bottom:32px;}
.subMain--academy .swiper-pagination-bullet {width:12px; height:12px; background:#605D66; opacity:1;}
.subMain--academy .swiper-pagination-bullet-active {width:40px; height:12px; background:#fff; border-radius:20px;}
.subMain--academy .academy--swiper .slideBg {height:100%; cursor:pointer;}

.acdZone_Wrap .bannerZone {width:100%; height:548px; max-width:1920px; margin:0 auto 32px; }
.acdZone_Wrap .bannerZone .bannerBg {width:100%; height:100%;}
.acdZone_Wrap .bannerZone .mo-img {display:none;}
.acdZone_Wrap .tit_wrap {padding:48px 0 24px;}
.acdZone_Wrap .tit_wrap .tit {font-size: 24px;font-weight: 700;line-height: 34px;letter-spacing: -0.4px;}
.acdZone_Wrap .tit_wrap .txt {font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: -0.4px; color:#AEA9B4; padding-top:4px;}
.acdZone_Wrap .tit_wrap .flex-box {display:flex; justify-content:space-between;align-items:flex-end;}
.acdZone_Wrap .tit_wrap .more {cursor:pointer;color:#aea9b4; font-size:16px; line-height:22px; letter-spacing:-0.04em; font-weight:700;}

.academyClass .courseArea .list_wrap{flex-wrap:wrap; padding-top:0;}
.academyClass .list_wrap .course {margin-bottom:32px;}
.academyLineUp .slide_wrap.bottom {margin-top:24px;}
.academyLineUp .slide_wrap .swiper-slide img {width:100%; border-radius:16px;}

.academyFeature ul {display:flex; flex-wrap:wrap;}
.academyFeature li {width:calc(50% - 10px);margin-right:20px;background:#343434; border-radius:16px; padding:24px;}
.academyFeature li:nth-child(2n){margin-right:0;}
.academyFeature li:nth-child(1),.academyFeature li:nth-child(2) {margin-bottom:24px;}
.academyFeature li strong {font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: -0.4px;}
.academyFeature li h3 {font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.4px; padding:16px 0;}
.academyFeature li p {font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: -0.4px;color:#CDCDCD;}

.academyInfo .grayBox {background:#2D2D2D; border-radius:8px; padding:24px;}
.academyInfo .grayBox .flex {display:flex; height:372px;}
.academyInfo .grayBox .thmImgVideo {width:100%; height:100%; margin-right:12px;display:flex;}
.academyInfo .grayBox .thmImgVideo img {width:100%;}
.academyInfo .grayBox .infoList {width:100%; height:100%; margin-left:12px;}
.academyInfo .grayBox .hdInfo h3 {font-size: 24px;font-weight: 700;line-height: 34px;letter-spacing: -0.4px; padding-bottom:10px;}
.academyInfo .grayBox .hdInfo p {font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing: -0.4px; padding-bottom:24px;}
.academyInfo .grayBox .infoList .cont {font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: -0.4px;color:#CDCDCD}
.academyInfo .grayBox .hdInfo {border-bottom: 1px solid #FFFFFF1A;margin-bottom:8px;}
.academyInfo .grayBox .scrollBox {height:244px; overflow-y:auto;}

@media (max-width:1200px){
	.coursePay .bottom_btn p, .coursePay .inlineChk_16 input[type=checkbox] + label {font-size:17px;}
	.wth_board_myqna .wth_board_status {width:10% !important;}
	.table .wth_buy_method, .table .wth_buy_status, .table .wth_buy_price {width:10% !important;}
	.wth_board_qna .wth_board_status {width:10% !important;}
	.wth_board_qna .wth_board_date  {width:20% !important;}
	.wth_board_qna .wth_board_title {width:auto;}
	.wth_board_notice .wth_board_date {width:20% !important;}

	.tzoneWrap .classList .class .thm {width:257px;}



	.tzoneWrap .schedule .column_2 {display:block;}
	.tzoneWrap .schedule .listwrap {width:100%; margin-top:10px;}
	.tzoneWrap .schedule .calendar_section {margin-right:0;}

	.courseDetail .listDetail .tab-link {margin-right:30px;}

	.scheAttend .column_2 .left_column {width:20%; margin-right:2%;}
	.scheAttend .column_2 .right_column {width:78%;}	
	/*
	#wthWrap {overflow-x:hidden;}
	*/
	.main--section--wrap {overflow-x:hidden;}
	.previewVideopop {width:100%;}
	
}
@media (max-width:1188px){
	.vodList--sub .vod:nth-child(4n) {margin-right:20px}
	.vodDetail .previewList {flex-wrap:wrap; justify-content:center;}
	.vodDetail .previewList .preview {width:50%; max-width:380px;}
	.vodDetail .previewList .preview:nth-child(2n){margin-right:0;}

	.main2-liveClass .flex-box {flex-wrap:wrap;}
	.main2-liveClass .list_wrap + .list_wrap {margin-left:0;}
	.main2-liveClass .list_wrap img {max-width:100%;}
	.main2-liveClass .list_wrap {margin-bottom:20px; margin-right:20px;width:calc(50% - 10px);}
	.main2-liveClass .list_wrap:nth-child(2n){margin-right:0;}
	.main2-liveClass .list_wrap:nth-child(3), .main2-liveClass .list_wrap:nth-child(4) {margin-bottom:0;}

	.main2-eventBanner .img_wrap .txt {top:1.8vw; left:3vw;}
	.main2-eventBanner .img_wrap .txt p {font-size:2.2vw;}
	.main2-eventBanner .img_wrap .txt h1 {font-size:3vw;padding-top:0.8vw; line-height:1.3;}

}
.mo-nav--btn {display:none;} 
@media (max-width:1024px){

	.scheAttend .column_2 {display:block;}
	.scheAttend .column_2 .left_column {display:flex; width:100%; margin-right:0; align-items:center; margin-bottom:20px;}
	.scheAttend .tzMenu {margin-top:0;}
	.scheAttend .column_2 .right_column {width:100%;}

	.tablet_view {display:block;}
	.tablet_none {display:none !important;}
	.workProgress {padding:9vw 0 2vw;}
	.workProgress h1, .workProgress a {font-size:2.5vw; line-height:1.5}
	.workPageEditor {padding:9vw 0 2vw;}

	
	
	footer {padding:7vw 2%; margin-top:80px;}
	footer.user_artist {padding:7vw 0 0; margin-top:80px;}
	.wthDocWrap .wthWrapper {width:90%; padding:0 5%;}

	.wthHeader .wthComInner {padding:0 2%;}
	.wthHeader .header_tz .tzLogo {padding-left:8px;}
	.wthHeader {padding:20px 0 30px; height:auto;}

	.wthHeader_user {padding:20px 0 30px;}
	.wthHeader_user .logo {justify-content:space-between; padding:0px;}
	.wthHeader_user.fixed .logo {padding:0 0 5px;}
	.wthHeader_user .wthComInner {padding:0 2%;}
	.wthHeader_user .searchform {margin-left:0;}
	.wthHeader_user .searchform input {height:40px; width:100%;}
	.mo-nav-open-btn{display:block;height:30px;transition:all 0.4s ease-in-out; /*z-index:1000;*/}
	.mo-nav-open-btn .line{display:block; width:29px; height:2px; background-color:#fff; margin: 4px auto;
	transition:all 0.4s ease-in-out;}
	.mo-nav-open-btn.active .line{background-color:#222;}
	.mo-nav-open-btn.active .line:nth-child(1){transform: translateY(3px) rotate(45deg);}
	.mo-nav-open-btn.active .line:nth-child(2){transform: translateY(-3px) rotate(-45deg);}
	.gnb-overlay-bg-m, .gnb-overlay-bg-m--sc{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; 
	background:rgba(0,0,0,0.5); z-index:999;}	
	.wthHeader_user .header_menu a.active:after {bottom:-12px;}

	#gnbM{ 
		display:block; 
		position:fixed; 
		top:0px; 
		left:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#fff; 
		z-index:999; 
		transition:all 0.4s ease-in-out;   
		visibility:hidden;
	}
	
	#gnbM.open{
		left:0px; 
		visibility:visible;
	}
	/* GNB Mobile :: 레이아웃 */
	.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:75px; overflow-y:auto;  background:#fff;}	
	.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0; height:calc(100% - 95px);}
	
	/* GNB Mobile :: 메뉴영역 :: 1차 */
	#navigation > li{border-bottom:1px solid #e7e7e7;}
	#navigation > li:first-child{border-top:1px solid #e7e7e7}
	#navigation > li > a {position:relative; display:block; padding:15px 30px; color:#333; font-size:17px; font-weight:500; }
	#navigation > li.has-2dep > a:before{content:''; position:absolute; top:50%; right:30px; transform:translateY(-50%) rotate(-180deg); width:15px; height:8px; background:url("/upload/common/icon_acc_off.png")no-repeat center; background-size:cover;}
	#navigation > li.has-2dep.active > a:before{transform:rotate(0deg); margin-top:-5px;}
	/* GNB Mobile ::  메뉴영역 :: 2차 */
	#navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#f7f7f7; }
	#navigation > li .gnb-2dep > ul > li{height:auto !important;}
	#navigation > li .gnb-2dep > ul > li > a{display:block; color:#999; font-size:14px; padding:10px 30px; }
	#navigation > li .gnb-2dep > ul > li.on > a{color:#000; font-weight:500;}
	#navigation > li.has-2dep > a:before {background-image:url("/upload/common/icon_acc_off--wh.png");}

	/* 언어선택 */
	.header-util-menu-box {margin:30px 20px;}
	.header-util-menu-box .lang-select{display:flex; align-items:center; padding:0; }
	.header-util-menu-box .lang-select li{float:left; border:1px solid #e5e5e5; margin-left:-1px}
	.header-util-menu-box .lang-select li:first-child{margin-left:0;}
	.header-util-menu-box .lang-select li > a{position:relative; display:block; min-width:18px; text-align:center ; height:40px; line-height:40px; padding:0 10px; color:#555; font-size:12px; font-weight:500;}	
	.header-util-menu-box .lang-select li.cur{border-color:#333; position:relative; z-index:1;}
	.header-util-menu-box .lang-select li.cur a{color:#333; z-index:1;}


	#gnbM {right:-100%; max-width:100%; width:100%; background:#000;}
	#navigation > li > a {color:#fff; font-size:16px;}
	.header-util-menu-box + .gnb-navigation-wrapper {background:#000; height:calc(100% - 115px);}
	#navigation > li {border:0;}
	#navigation > li .gnb-2dep {background:#322f37}
	#navigation > li .gnb-2dep > ul > li > a {color:#fff; font-weight:500;}
	.bottom-lang--wrap {padding:24px 30px 0; border-top:1px solid #1d1a22;}
	.bottom-lang--wrap .flex-box {display:flex;}
	.bottom-lang--wrap .flex-box a {font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.04em;padding:8px;display:inline-block;border:1px solid #fff;}
	.bottom-lang--wrap .flex-box a + a {margin-left:8px;}
	#navigation > li:first-child {border-top:0;}
	.header-util-menu-box {margin:0; display:flex; justify-content:space-between; align-items:center;padding:12px 16px;}
	.header-util-menu-box .mo-nav-close {padding:2px;}
	.header-util-menu-box a {display:inline-block; font-size:16px;}
	.header-util-menu-box a.login--link {padding-right:12px; position:relative;}
	.header-util-menu-box a.login--link:after {content:''; display:block; width:5px; height:10px; background:url("/upload/common/login--link.png")no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:0;}




	.wth_join_end_bg .box_inner {padding:8vw 3vw;}
	.wth_join_end_bg h1 {font-size:4vw;}
	.wth_join_end_bg .joinId {font-size:16px;}

	.wthDocWrap .wthDoc img {width:100%;}

	.wth_board_tabs {flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden;}
	.wth_board_tabs li {width:auto; flex:0 0 auto;}
	.wth_board_tabs li a {padding:0 20px;}

	.content_wrap {padding:0 5%;}

	.coursePay .payList .list + .list {padding-top:80px;}
	.coursePay .bottom_btn {padding-top:100px;}
	.coursePay .bottom_btn .flex_box {display:block;}
	.coursePay .inlineChk_16 {margin-left:0;margin-top:5px; display:inline-block;}

	.coursePayEnd {padding:30px 5% 0;}
	.coursePayEnd .bottomSec {padding-top:100px;}

	.tzoneWrap {margin:60px 5%;}
	.uzoneWrap {margin:60px 3%;}
	.uzoneWrap .column_2 .left_column {width:20%;}
	.uzoneWrap .column_2 .right_column {flex:0 0 auto; width:80%;}
	.uzoneWrap .content_wrap {padding:0;}
	.tzoneWrap .content_wrap {padding:0;}

	.main--section--wrap .wthComInner {padding:0 5%;}
	.main-lecturer--slide {padding:120px 0 80px;}
	.main-lineup--slide,.livePopcourse,.recommendCourse, .main--bestLecture, .classRecommend {padding:80px 0;}

	.livePopcourse .swiper4--mainslide {margin-top:62px;}
	.livePopcourse .swiper4--mainslide .swiper-button-next, .livePopcourse .swiper4--mainslide .swiper-button-prev {top:-30px;}
	.recommendCourse .swiper4--mainslide {margin-top:52px;}
	.recommendCourse .swiper4--mainslide .swiper-button-next, .recommendCourse .swiper4--mainslide .swiper-button-prev {top:-35px;}
	.classList--best .list {width:33.3%;}
	.main--section--wrap .titleWrap {white-space:nowrap;}
	.main--section--wrap .tab-list {overflow-x:auto; padding-bottom:20px;}
	.main--section--wrap .tab-list li {white-space:nowrap;}
	.main--section--wrap .title--top.justify-first {align-items:flex-start;}
	.main--section--wrap .title--top.justify-first .title1 {padding-top:8px;}

	.subMain .wthComInner {padding:0 5%;}
	.subMain .courseList .curse {width:calc(33.3% - 15px);}
	.subMain .courseList .curse:nth-child(4n){margin-right:20px;}
	.subMain .courseList .curse:nth-child(3n){margin-right:0px;}
	.subMain .subMoreView {margin-bottom:50px;}

	.courseDetail {margin:40px 3%;}
	.courseDetail .summary_type {flex-wrap:wrap;}
	.courseDetail .summary_type .type {flex:0 0 calc(33.3% - 11px)}
	.courseDetail .summary_type .type:nth-child(4) {margin-top:15px; margin-left:0;}

	.courseDetail .listDetail .tab-link {margin-right:20px;}

	.subMain .tab_btnWrap .flex-box {flex-wrap:nowrap;}

	#gotop {left:auto; right:5px;}

	.main-visualType2 .inner {padding:0 20px;}
	
	.wthHeader_user,.wthHeader_user .logo {padding:0;}	
	.wthHeader_user .right {display:flex;}
	.wthHeader_user .right button + button {margin-left:8px;}
	.mo-searchBar-open {display:none;}
	.mo-searchBar-open.active {display:block; position:relative; z-index:1000;}
	.mo-searchBar-open .flex-box {display:flex; width:100%; position:fixed; top:0; left:0; padding:7px 10px 7px 20px; background:#000;}
	.mo-searchBar-open .flex-box form {width:100%;}
	.mo-searchBar-close {padding:3px 10px;}
	.wthHeader_user .searchform input:placeholder { color:#938f99}
	.wthHeader_user .searchform {background:#000;}
	.mo-search-open-btn {display:block;}

	.wthHeader_user .logo .left {display:flex; align-items:center;}
	.mo-nav-open-btn {width:50px;height:44px; text-align:Center;}
	.mo-nav-open-btn img {width:30px; height:30px;}
	.wthHeader_user .wthComInner {padding:0;}
	.wthHeader_user .logo img {max-width:131px;}
	.wthHeader_user .logo .right .mo-nav--btn {display:block; font-size:14px; font-weight:500; color:#fff; letter-spacing:-0.04em;padding:12px 16px;}
	strong.moTxtNone {display:none;}

	.wthHeader_user .header_menu .left {width:100%; height:48px; padding:0 16px; position:relative;}
	.wthHeader_user .header_menu li {padding-bottom:0;}
	.wthHeader_user .header_menu li + li {margin-left:32px;}
	.wthHeader_user .header_menu .subOption.class {top:35px; width:100%; background:rgba(0 0 0 / 80%); }
	.wthHeader_user .header_menu .subNew--moMenu {display:none; position:absolute; top:48px; left:0; width:100%;z-index:5;}
	.wthHeader_user .header_menu .subNew--moMenu.active {display:block;}
	.--newClickBtn img {margin-top:-4px;} 
	.--newClickBtn.active img {transform:rotate(-180deg);}


	




	


}

.fixed_btn_csDetail {display:none;}
.summary_price {display:none;}
@media (max-width:999px){
	
	.user_artist .footBox_bottom {padding:3% 20px;}
	.user_artist .footBox_bottom li + li {margin-top:5px;}

	.footerBox .right {flex:0 0 335px; margin-left:20px;}
	.coursePayEnd .table {margin-top:10px;}

	.tzoneWrap .column_2 {display:block;}
	.tzoneWrap .apply_tit {width:100%; padding-bottom:20px;}
	.tzApply .profile_top {margin-bottom:40px;}
	.tzApply .applyList.flex {display:block;}
	.tzApply .applyList.flex .titInfo {display:inline-block; padding-bottom:10px;}
	.tzApply .apply_column {display:block; width:100%;}
	.tzoneWrap .column_2 .left_column {width:100%; margin-bottom:40px; display:flex; align-items:center;}
	.tzoneWrap .profileLink {margin-left:5%;}
	.tzoneWrap .profileLink .menulinks {margin-top:0;}
	.tzoneWrap .profileLink .menulinks + .menulinks {margin-top:30px;}

	.tzoneWrap .column_2 .right_column {width:100%;}
	.tzoneWrap .profileLink .menulinks ul {display:flex; flex-wrap:wrap}
	.tzoneWrap .profileLink .menulinks li {width:50%; margin-bottom:10px;}

	.myVodListWrap .vodList .vod {width:50%; margin:0 0 40px; padding:0 10px;}
	.tzoneWrap .tzMenu {margin-top:0;}
/*
	.schDetail .attend .attendList .paging {overflow:hidden; overflow-x:auto; width:300px;}
*/	
	.main-lecturer--slide .mySwiper2 .txtWrap, .main-lecturer--slide .mySwiper2 .imgWrap {flex:0 0 auto; width:100%;}
	.main-lecturer--slide .mySwiper2 .slideWrap {flex-wrap:wrap;flex-direction:column-reverse}
	.main-lecturer--slide .mySwiper2 .imgWrap {border-radius:10px 10px 0 0;}
	.main-lecturer--slide .mySwiper2 .txtWrap {border-radius:0 0 10px 10px;}
	.classList--best .list {width:50%;}
	.subMain .courseList .curse {width:calc(50% - 15px);}
	.subMain .courseList .curse:nth-child(3n) {margin-right:20px;}
	.subMain .courseList .curse:nth-child(2n) {margin-right:0px;}

	.courseDetail .class_list {display:block;}
	.courseDetail .summary_type .type {width:48%; margin:0 1% 2%; flex:auto; padding:10px 20px;}
	.courseDetail .summary_type .type + .type {margin:0 1% 2%;}
	.courseDetail .class_summary {padding:40px 0 80px;}
	.courseDetail .class--pay {margin-left:0; width:100%;}
	.courseDetail .class--paySection {position:relative; top:0 !important;}
	.courseDetail .review--info .review-empty {min-height:auto; padding-bottom:180px;}
	.courseDetail .listDetail {width:100%; max-width:100%}

	.courseDetail .class--pay.pc--btn {display:none;}
	.courseDetail .class--pay.mo--btn {display:none;}
	.courseDetail .class--pay.mo--btn.live {display:block;margin-top:24px;}

	.swiper43--mainslide--best .curse {width:33.3%;}

	.vodList--sub .vod {width:48%; margin-right:3%;}
	.vodList--sub .vod:nth-child(2n){margin-right:0;}
	.vodList--sub .vod .img_wrap {width:100%; height:auto;}
	.vodList--sub .vod .txt_wrap {width:100%;}
	.vodList--sub .vod .class-name {font-size:16px;}
	.vodList--sub .vod .name {font-size:15px;}

	.uzoneWrap .uzMenu {margin:0 auto; width:100%;}
	.uzoneWrap .uzMenu ul {display:flex; overflow-x:auto; margin-top:40px; height:90px;} 
	.uzoneWrap .uzMenu.open ul { padding-bottom:55px;}
	.uzoneWrap .uzMenu li {padding:10px 20px; margin:0;white-space:nowrap;position:relative;}
	.uzoneWrap .uzMenu li.active .menu {color:#ff6633;} 
	.uzoneWrap .uzMenu li .subOption.open {flex-direction:row; position:absolute; top:40px; left:0;}
	.uzoneWrap .uzMenu li .subOption.open a + a {margin-top:0;}
	.uzoneWrap .uzMenu li .subOption.open a {padding:10px;}
	.uzoneWrap .uzMenu li:after {content:''; display:block; width:1px; height:10px; background:#4E4E4E; position:absolute; top:50%; transform:translateY(-50%); right:0; margin-top:-20px;}
	.uzoneWrap .uzMenu li:last-child:after {display:none;}

	.uzoneWrap .column_2 .left_column { position:sticky; top:105px; background:#000; z-index:10;}

	.main-visualType2 {height:340px;}
	.main-visualType2 .slideBg.bg1 {background:url("/upload/main/main--slide--bg1-tablet.jpg")no-repeat center; background-size:cover;}
	.main-visualType2 .txt .colorBadge {font-size:12px; line-height:1.5;}
	.main-visualType2 .txt h1 {font-size:20px;}
	.main-visualType2 .txt p {font-size:14px;}
	.main--section--wrap.type2 .main-slide {margin-bottom:40px;}
	.main2-liveClass {padding-top:0;}
	.main2--title {font-size:20px; padding-bottom:16px;}
	.main2-liveClass .img_wrap h1 {font-size:18px;}
	.main2-eventBanner {padding:48px 0;}
	.main2-liveClass .img_wrap img, .main2-eventBanner .swiper-slide img, .main2-vodClass .img_wrap, .main2-vodClass .img_wrap:before {border-radius:8px;}
	.main2-eventBanner .event--pgWrap, .main--section--wrap .vodClass--swiper .arrow {display:none;}
	.main2-vodClass .class--cate a, .main2--academy .class--cate a {font-size:14px;}


	.fixed_btn_csDetail {position:fixed; bottom:0; left:0;width:100%; display:block;}
	.fixed_btn_csDetail .botton_Bar {background:#1D1A22; border-top:1px solid #322F37; padding:16px; display:flex;}
	.fixed_btn_csDetail .botton_Bar button + button {margin-left:8px;}
	.fixed_btn_csDetail .botton_Bar button {font-size:14px; font-weight:500; border-radius:8px;padding:8px 16px;}
	.fixed_btn_csDetail .botton_Bar .schAdv {background:#605D66; width:30%; color:#fff;min-width:127px;}
	.fixed_btn_csDetail .botton_Bar .paynow {width:100%; background:#322F37; color:#605D66}
	.fixed_btn_csDetail .botton_Bar .paynow.active {background:#FF0F00;color:#fff;}


	.courseDetail .summary_title {border:0; padding:0 0 16px;}
	.summary_price {display:flex; width:100%; justify-content:space-between;align-items:center; padding-bottom:8px;}
	.summary_price.m-visible {display:flex;}
	.summary_price .left {font-size:12px; font-weight:700; line-height:18px;}
	.summary_price .left strong {font-size:12px; line-height:18px; color:#FF2020;font-weight:700;}
	.summary_price .right {display:flex; align-items:flex-end;}
	.summary_price .right .price {color:#AEA9B4;font-size:12px; line-height:18px; font-weight:500;text-decoration:line-through; margin-right:4px;margin-bottom:3px;}
	.summary_price .right .salePr {font-size:18px; line-height:26px; font-weight:700;}


	.courseDetail .classSchOne .list .date span, .courseDetail .classSchOne .list .date,.courseDetail .classSchOne .list .yoil,.courseDetail .classSchOne .list .time {font-size:16px;}
	.courseDetail .classSchOne .list .addSchedule {font-size:16px;}
	.courseDetail .summary_type .sumIcon.sum1:before,
	.courseDetail .summary_type .sumIcon.sum2:before,
	.courseDetail .summary_type .sumIcon.sum3:before,
	.courseDetail .summary_type .sumIcon.sum4:before {background-size:16px;}
	.courseDetail .summary_type .sumIcon {padding-left:28px;}
	.courseDetail .summary_type .type {padding:10px 8px;}

	.academyInfo .grayBox .flex {height:auto; display:block;}
	.academyInfo .grayBox .infoList {margin-left:0; margin-top:24px;}
	.academyInfo .grayBox .thmImgVideo {margin-right:0;}
	.acdZone_Wrap .tit_wrap, .academyInfo .grayBox {margin:0 16px;}
	.academyLineUp .slide_wrap, .academyFeature ul, .academyClass .courseArea {padding:0 16px;}



	
	


}
@media (max-width:834px){
	.user_artist .footBox_bottom {text-align:left;}
	.coursePayEnd .bottomSec {padding-top:80px;}
	.tzApply .apply_column {width:100%;}
	.tzoneWrap .regOrderlist {margin-bottom:100px;}
	.regWrap .inlineInput2 .input {margin-right:20px;}

	.main--section--wrap .wthComInner {padding:0 3%;}

	.classRecommend .line--1 {padding:10px 3% 0;}
	.classRecommend .personReviewWrap {padding:0 3%;}
	.classRecommend .classTit, .classRecommend .classPrice {padding:0 3%;}
	.subMain .wthComInner {padding:0 3%;}

	.swiper43--mainslide--best .curse {width:50%;}

	.subMain .courseList.course--3 .curse {width:50%;}

	.vodSubMain .vodListWrap .vodCateTit {margin:80px 0 10px;}
	.vodDetail .previewList .preview {width:100%; margin-right:0;}
	.vodDetail .previewList .preview a {max-width:380px; margin:0 auto}
	
	
	
	
	
	

	

}

@media (max-width:833px){

	.footerBox {display:block;}
	.footerBox .right {margin-left:0; margin-top:20px; width:335px;}
	.myLiveTop {display:block;}
	.myLiveTop .left {padding:20px 30px;}
	.myLiveTop .right {margin-left:0; margin-top:20px;}
	.myLiveTop .right button {width:100%; height:55px; font-size:16px;}

	.table .wth_point_type {width: 18% !important;}
	.table .wth_cp_no {width:10% !important;}
	.table .wth_cp_state {width:10% !important;}

	.detailReview--newInfo .write_section {flex-wrap:wrap; justify-content:flex-end;}
	.detailReview--newInfo .write_section textarea {width:100%; flex:0 0 100%;}
	.detailReview--newInfo .write_section button {margin-left:0; margin-top:10px;}

	.main2--academy .swiper-slide .mo_img {display:block;}
	.main2--academy .swiper-slide .pc_img {display:none;}
	.acaDtitle span,.subMain--academy .acaDtitle span {font-size:20px;}
	.acaDtxt,.subMain--academy .acaDtxt {font-size:14px;}
	.main--section--wrap .academy--swiper .arrow {display:none;}
	
	.main--section--wrap .academy--swiper.mo--view {display:block;}
	.main--section--wrap .academy--swiper.pc--view {display:none;}



	
}
.m-visible--td {display:none;}
.m-visible {display:none;}
@media (max-width:640px){
	.m-hidden {display:none;}
	.m-visible {display:block;}
	.m-visible--td {display:table-cell;}
	.uzoneWrap .m-visible {display:block;}
	.wthLogin_txt {padding:40px 0; font-size:25px;}
	.wthJoinEnd_eng {font-size:17px;}

	.uschDetail .myScheInfo .title .flexBox img {max-width:25px;margin-left:5px;}

	.wthHeader .header_tz .logo img {max-width:180px;}
	.wthHeader .header_tz .tzLogo {font-size:23px;}

	
	/*
	.wthHeader_user .logo img {max-width:180px;}
	.wthHeader_user .logo {padding-bottom:15px;}
	*/
	.wth_join_box p {font-size:14px; line-height:1.2;}
	.wth_join_forms dt {font-size:14px;}
	.wth_join_end_bg h1 {font-size:17px;}
	.wth_join_end_bg .joinId {font-size:15px; padding:40px 0;}
	.wth_join_end_bg h2 {font-size:15px;}
	.find_info_txt {font-size:14px;padding:40px 0;}

	.wthDoc_tit {font-size:25px; padding:40px 0;}
	.wthDocWrap .wthWrapper {width:94%; padding:0 3%;}
	.subTit--style {padding:40px 0;}
	.subTit--style h2, .subTit--style h2 div {font-size:25px;}

	.content_wrap {padding:0 3%;}
	footer {padding:40px 3%;}
	footer.user_artist {padding:40px 0 0;}
	.user_artist .footBox_middle .flex_box.top {flex-direction:column;margin-bottom:20px;}
	.user_artist .footBox_middle .flex_box.links {flex-wrap:wrap;}
	.user_artist .footBox_middle .flex_box a {flex:0 0 auto; width:auto; padding:0 20px; margin-bottom:10px; }
	.user_artist .footBox_middle .flex_box a + a {margin-left:0;}
	.user_artist .boxLink {margin-left:0;}
	.user_artist .footBox_middle .info {margin-bottom:10px;}
	.user_artist .footBox_middle {padding:0 3% 40px;}
	.user_artist .footBox_middle .contact {display:block;}
	.user_artist .footBox_middle .div {display:none;}
	.user_artist .footBox_top .logo {max-width:200px;}
	.user_artist .footBox_top .snsList {padding:10px 0 30px;}

	.footerBox .logo div img {max-width:180px;}
	.footerBox .tzLogo {font-size:23px; padding-left:10px;}
	.footerBox .contactBox h2 {font-size:20px;}
	.footerBox .contactBox .tel a {font-size:25px; line-height:1.3;}
	.footerBox .contactBox .tel span {font-size:12px;}
	.footerBox .infoList li, .footerBox .tzLink a, .footerBox .infoList li a {font-size:13px;}

	.workProgress h1, .workProgress a {font-size:18px;}

	.coursePay .courseTitle {font-size:25px; margin-bottom:40px;}
	.coursePay .payList .list h2 {font-size:20px;padding-bottom:15px; margin-bottom:30px;}
	.coursePay .productInfo {display:block;}
	.coursePay .productInfo .thm {margin-right:0; margin-bottom:30px;}
	.coursePay .bottom_btn p {text-align:left;}
	.coursePay .inlineChk_16 {display:block; text-align:left;}
	.coursePay .inlineChk_16 input[type=checkbox] + label {padding-left:0;}
	.coursePay .bottom_btn .refundDoc img {width:100%;}
	.coursePay .bottom_btn button {width:250px; height:55px; font-size:18px; margin-top:40px;}
	.coursePay .productInfo p {font-size:14px;}
	.coursePay .productInfo p + p {padding-top:5px;}
	.coursePay .oneDaySche {font-size:18px;}
	.coursePay .couponPoint .point {margin-top:20px;}
	.coursePay .payPrice .total dd, .coursePay .payPrice .total .wth_total_price {font-size:23px;}
	.coursePay .wth_cart_bank dl, .coursePay .wth_cart_bank dt, .coursePay .wth_cart_bank dd {display:block; width:100%;}
	.coursePay .wth_cart_bank dt {padding:20px 15px 0px;}
	.coursePay .wth_cart_bank dd {padding-top:10px;}
	.coursePay .bottom_btn {padding:80px 0;}

	.coursePayEnd .wth_cart_view dt {width:20%; padding:0 2%; font-size:15px;}
	.coursePayEnd .wth_cart_view dd {padding:2%; font-size:14px;}
	.coursePayEnd .bottomSec {padding-top:40px;}
	.coursePayEnd .bottomSec h1 {font-size:18px;}
	.coursePayEnd .bottomSec li {font-size:15px;}
	.coursePayEnd .bottom_btn {margin-top:60px;}
	.coursePayEnd .bottom_btn button {width:250px; height:55px; font-size:18px;}
	.coursePayEnd .content_wrap {padding:0;}

	.table .wth_buy_price {width:15% !important; padding-left:10px;}

	.tzApply .applyTextarea .label {width:30%; font-size:14px;}
	.tzApply .applyTextarea .inlineTextarea {width:67%; margin-left:3%;}
	.tzApply .inlineInput .label {width:30%;flex:0 0 30%; font-size:14px;}
	.tzApply .inlineInput input, .tzApply .applyfield_wrap {width:67%; margin-left:3%;}
	.regWrap .inlineRadio .label {flex:0 0 30%; font-size:14px;}
	.regWrap .inlineInput {padding:15px;}
	.tzApply .textValue {width:67%; margin-left:3%;}
	.regWrap .inlineInput .label {width:30%;flex:0 0 30%; font-size:14px;}
	.regWrap .inlineInput input {width:67%; margin-left:3%;}
	.tzApply .applyfield_wrap div {width:100%; margin-right:0;}

	.submitBtn_setion .smBtn {width:220px; height:55px; line-height:55px; font-size:18px;}
	.regWrap .half_column {display:block;}
	.regWrap .half_column .column + .column {margin-left:0;}

	.tzoneWrap {margin:40px 3%;}
	.tzoneWrap .profileLink .menulinks span {font-size:16px;}
	.tzoneWrap .profileLink .menulinks li.full {width:100%;}
	.tzoneWrap .profileLink .menulinks li a {font-size:16px;}
	.tzoneWrap .profileLink .menulinks li img {margin-top:-1px;}
	.tzoneWrap .profileLink .menulinks + .menulinks {margin-top:20px;}

	.myVodListWrap .vodList .vod {width:100%; margin:0 0 40px; padding:0;}
	.myVodListWrap .vodList .vod:last-child {margin-bottom:0;}
	.uzoneWrap {margin:40px 3% 0;}

	.wth_board_myqna .wth_board_write {width:20% !important;} 
	.table .wth_my_point, .table .wth_cp_discount {width: 20% !important;}
	.couponlistWrite input {width:100% !important; height:40px !important;}
	.couponlistWrite button {width:100%; margin-top:10px; height:40px !important;}

	.wth_board_qna .wth_board_write {width:20% !important;}


	.tzoneWrap .classListWrap .searchTop {display:block;}
	.tzoneWrap .classListWrap .searchTop .left {width:100%;}
	.tzoneWrap .classListWrap .addClassBtn {width:100%; margin:0; margin-top:10px; padding:20px 0;}
	.tzoneWrap .classListWrap .addClassBtn span {display:inline-block; padding:0; margin:0; padding-left:8px;}
	.tzoneWrap .classList {display:flex; flex-wrap:wrap;}
	.tzoneWrap .classList .class {display:block; height:auto; width:50%; padding:10px 5px;}
	.tzoneWrap .classList .class .thm {width:100%; border-radius:5px 5px 0 0;}
	.tzoneWrap .classList .info {border-radius:0 0 5px 5px; padding:20px 10px;}

	.tzoneWrap .regOrderlist li {font-size:17px; line-height:1; height:auto; padding:30px 0;}
	.tzoneWrap .regOrderlist {margin-bottom:60px;}

	.tzoneWrap .schedule .list .info {flex-wrap:wrap; padding:13px 0;}
	.tzoneWrap .schedule .list .info dl {width:50%; padding:0 20px; margin-bottom:10px;}
	.tzoneWrap .schedule .list .info dl + dl {margin:0;}
	.tzoneWrap #calendar .calendar_content span.cd_day, .tzoneWrap #calendar .calendar_content th {font-size:15px !important;}
	.tzoneWrap #calendar .calendar_header .title {font-size:17px !important;}
	.tzoneWrap .schedule .noList {font-size:18px !important;}

	.tzoneWrap .column_2 .left_column {display:block;}
	/*	.tzoneWrap .profileTop {margin:0 auto;} 2024-10-11 */
	.tzoneWrap .profileTop .title {display:block;text-align:left;font-size: 20px; margin:0 20px 5px;}
	.tzoneWrap .profileTop .profile_img {width:50px; height:50px; margin:0 15px 0 20px; overflow:hidden; border-radius:50%; float: left;}
	.tzoneWrap .profileTop strong {display:block;font-size:25px; line-height:1; padding-top:13px; color:#fff; font-weight:500;}
	 /* // 2024-10-11 */

	.tzoneWrap .profileLink {margin-left:0; margin-top:10%;}
	.tzoneWrap .profileLink .menulinks + .menulinks {margin-top:5px;}
	.tzoneWrap .tzMenu {margin:0 auto; max-width:440px; width:100%;}
	.tzoneWrap .tzMenu h1 {display:none;}
	.tzoneWrap .tzMenu ul {display:flex; overflow-x:auto; margin-top:40px;} 
	.tzoneWrap .tzMenu li {padding:10px 20px; margin:0;white-space:nowrap;position:relative;}
	.tzoneWrap .tzMenu li.active a {color:#ff6633;} 
	.tzoneWrap .tzMenu li.active a:after {display:none;}
	.tzoneWrap .tzMenu li:after {content:''; display:block; width:1px; height:10px; background:#4E4E4E; position:absolute; top:50%; transform:translateY(-50%); right:0;}
	.tzoneWrap .tzMenu li:last-child:after {display:none;}


	.uzoneWrap .column_2 .left_column {margin-bottom:0;}

	.classList--best .list {width:100%;}

	.main-lecturer--slide .mySwiper2 .txtWrap {padding:30px 20px;}
	.main-lecturer--slide .mySwiper2 .tit {font-size:20px;}
	.main-lecturer--slide .mySwiper2 .subTit {font-size:14px;}
	.main-lecturer--slide .mySwiper2 .category span {font-size:14px;}
	.main--section--wrap .title1 {font-size:20px;}
	.tabsLinkWrap .tab-text {font-size:15px;}
	.tabsLinkWrap .tab-link {min-width:auto; padding:5px 20px;}
	.main--section--wrap .title2 {font-size:25px;}

	.main--section--wrap .wthComInner {padding:0 3%;}
	.main-lecturer--slide {padding:80px 0 40px;}
	.main-lineup--slide,.livePopcourse,.recommendCourse,  .classRecommend {padding:40px 0;}
	.main--bestLecture {padding:40px 0 80px;}
	.main--bestLecture .listMore {padding-top:0px;}
	.main--section--wrap .processInfo {padding-top:60px;}

	.processInfo .list {display:block;}
	.processInfo .title {padding-bottom:15px; font-size:18px;}
	.processInfo .flex-box {padding-bottom:15px;}
	.processInfo .flex-box a {margin-bottom:5px; font-size:15px;}
	.main--section--wrap .tab-list {margin-left:0; margin-top:10px;}
	.main--section--wrap .title--top.tabPlus {display:block;}

	.livePopcourse .swiper4--mainslide {margin-top:42px;}
	.livePopcourse .swiper4--mainslide .swiper-button-next, .livePopcourse .swiper4--mainslide .swiper-button-prev,
	.recommendCourse .swiper4--mainslide .swiper-button-next, .recommendCourse .swiper4--mainslide .swiper-button-prev {top:-15px;}
	.recommendCourse .swiper4--mainslide {margin-top:32px;}

	.subMain .courseList .curse {width:100%; margin-bottom:40px; margin-right:0 !important;}
	.subMain .subMoreView {margin-bottom:40px;}

	.courseDetail .summary_title h1 {font-size:24px; line-height:1.4;word-break:keep-all;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem; /* 140% */
	letter-spacing: -0.025rem;
	white-space:normal;overflow:auto;text-overflow:initial;
	/*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space:initial;*/}
	.courseDetail .summary_title strong {font-size:16px; line-height:1.4;}
	.courseDetail .summary_title p {font-size:15px;}
	.courseDetail .summary_type .sumIcon, .courseDetail .summary_type .type strong, .courseDetail .summary_type .type strong span {font-size:14px;}
	.courseDetail .summary_type .type strong {font-weight:500;}
	.courseDetail .listDetail .tab-link {font-size:17px;}
	.courseDetail .lecture--schedule .title {font-size:20px; margin-bottom:16px;}
	.courseDetail .lecture--schedule .titlesub {font-size:14px; color:#AEA9B4; padding-top:4px; font-weight:500;}
	.courseDetail .classSchOne .list .date {font-size:18px;}
	.courseDetail .classSchOne .list .yoil {font-size:18px;}
	.courseDetail .classSchOne .list .time {font-size:15px;}
	.courseDetail .lecturer--info .profile_name {font-size:20px;}
	.courseDetail .lecturer--info .profile_content {font-size:15px; line-height:1.4;}
	.courseDetail .lecturer--info .lec--content li, .courseDetail .lecturer--info .lec--content p {font-size:15px; line-height:1.4;}
	.courseDetail .pay--classTit {font-size:20px;}
	.courseDetail .pay--lecturer {font-size:16px;}
	.courseDetail .bottom_btn .btn {font-size:16px;}
	.courseDetail .class_summary {padding:16px 0 24px;}
	.courseDetail .lecture--schedule, .courseDetail .lecture--info, .courseDetail .lecturer--info, .courseDetail .lecturer--info .lec--content,.courseDetail .review--info {padding-top:60px;}
	.courseDetail .lecture--schedule, .courseDetail .lecture--info {padding-top:24px;}
	.detailReview--newInfo {padding-top:24px;}
	.courseDetail .review--info .review-empty {padding-bottom:100px;}
	.courseDetail .listDetail .nav-items {padding-bottom:0;}

	.courseDetail .classSchOne .list {flex:0 0 auto; width:33.3%; margin-right:0; padding:0 10px;}
	.schDetail .tab_content table .m-visible {display:flex; padding-top:5px;}
	.schDetail .tab_content table .m-visible div + div {margin-left:10px;}

	.main--section--wrap .main-slide .m-visible {display:block;}
	.schBoxTop {display:block; padding:40px 20px;}
	.schBoxTop .left {padding-right:0; padding-bottom:10px;}
	.schBoxTop .right {display:flex; width:100%; align-items:center; justify-content:space-between;}
	.schBoxTop .button button {width:190px;height:60px;line-height:1; font-size:18px;}
	.schBoxTop .datetime {font-size:18px;}
	.schBoxTop .title {font-size:23px;}
	.schBoxTop .timeBox strong {font-size:40px; margin-bottom:0;}

	.wth_board_view dt {width:25%; font-size:13px; text-align:center; padding:0 10px; min-width:75px;}
	.wth_board_tit dd {width:25%; font-size:13px;}
	.wth_board_view input[type=file] {width:100% !important; font-size:12px;}

	.myReviewWrite_Section {display:block;}
	.myReviewWrite_Section .writeBtn {margin-left:0; margin-top:10px;}
	.myReviewWrite_Section .writeBtn button {width:100%;}
	.myReviewWrite_Section .profile_img {margin-right:0; margin-bottom:15px;}
	.uzoneWrap .myScheQnaWrite {bottom:46px;}
	.schBoxTop .bottom {position:relative; left:0; padding-top:10px;}
	.uschDetail .myScheAttend .lineInfo {display:block;}
	.uschDetail .myScheAttend .lineInfo div + div {padding-left:0;}

	.wthDocWrap .wthDoc p {font-size:12px; line-height:1.5;}
	.wthDocWrap .wthDoc strong {font-size:15px;}
	.wthDocWrap table th, .wthDocWrap table td{ font-size:12px;}
	.wth_join_doc .box_inner p {font-size:12px; line-height:1.5;}
	.wth_join_doc .box_inner strong {font-size:15px;}

	.coursePay .bottom_btn .refundDoc p {font-size:12px; line-height:1.5;}
	.coursePay .bottom_btn .refundDoc strong {font-size:15px;}
	.coursePay .bottom_btn .refundDoc table thead th{ font-size:12px;}
	.coursePay .bottom_btn .refundDoc table tbody td{ font-size:12px;}

	.swiper43--mainslide--best .listMore {padding-top:0;}	
	.swiper43--mainslide--best .curse {width:100%; margin-bottom:40px;}

	.wth_common_view dl {background:#333; display:flex; flex-wrap:wrap; align-items:center;}
	.wth_common_view dt {display:block; width:30%;}
	.wth_common_view dd {background:#000; display:block; width:70%;}
	
	.subMain--slide--wrap .pc--slide {display:none;}
	.subMain--slide--wrap .mo--slide {display:block;}
	.subMain--slide--wrap .swiper-pagination-bullet {height:5px; padding:0 6px;}
	.subMain--slide--wrap .swiper-pagination {bottom:0;}
	.subMain--slide--wrap .swiper-slide img {border-radius:8px;}

	#gotop {width:45px; height:45px; bottom:75px !important; right:15px;}
	#gotop img {width:100%;}

	.subMain .courseList.course--3 .curse {width:100%;}
	.subMain .classList .class {width:100%;}
	.vodSubMain .list_video--wrap .mo--video {display:block;}
	.vodSubMain .list_video--wrap .pc--video {display:none;}
	.vodSubMain .list_video--wrap .mo--video img {width:100%;}

	.uzoneWrap .column_2 .left_column {top:125px;}

	.main-visualType2 {height:auto;}
	.main-visualType2 .slideBg.bg1 {background:url("/upload/main/main--slide--bg1-mo2.jpg")no-repeat center top; background-size:contain;}
	.main-visualType2 .inner {align-items:flex-end;padding-top:66vw; justify-content:center; text-align:center;}
	.main-visualType2 .txt .colorBadge {margin-bottom:16px;}
	.main-visualType2 .txt p {padding-top:8px;}
	.main--section--wrap.type2 .main-slide {margin-bottom:48px;}

	.main2-eventBanner .mo-img {display:block;}
	.main2-eventBanner .pc-img {display:none;}

	.courseDetail .lecture--info iframe {height:50vw; width:100%;}



	.courseDetail .classSchTwo .schTwoInfo {padding:4px 0 0;}
	.courseDetail .classSchTwo .peroid {font-size:14px; line-height:20px;font-weight:700; color:#fff;}
	.courseDetail .classSchTwo label {border:0; background:#322F37;  border-radius:8px;}
	.courseDetail .classSchTwo .flex--title{padding:8px 16px;}
	.courseDetail .classSchTwo .peroid .remain {margin-left:8px; font-size:12px;}
	.courseDetail .classSchTwo .list .addSchedule {background:#605D66; border:0; padding:8px 0; font-size:14px; font-weight:700; color:#fff; border-radius:8px;}
	.courseDetail .classSchTwo .list input[type=radio]:disabled + label {background:#1D1A22; }
	.courseDetail .classSchTwo .list input[type=radio]:disabled + label .peroid {color:#605D66;}
	.courseDetail .classSchTwo .list + .list {margin-top:16px;}
	.courseDetail .classSchTwo .list input[type=radio]:checked + label {border:1px solid #4886FF;}
	.courseDetail .classSchTwo .list input[type=radio]:checked + label .peroid {color:#4886FF;}

	.main--section--wrap .main2--review .arrow {display:none;}
	.main2--review {padding:0 0 48px;}

	.courseDetail .classSchTwo .sch--detail .datetime {font-size:14px; line-height:20px; padding-bottom:4px;}
	.courseDetail .classSchTwo .sch--detail .datetime span {font-size:12px; line-height:18px;font-weight:400;color:#AEA9B4;}
	.courseDetail .classSchTwo .sch--detail .lectureDTit {font-size:14px; line-height:20px; font-weight:500;}
	.courseDetail .classSchTwo .sch--detail ul {padding:16px; background:#322F37; border-radius:0 0 8px 8px;}
	.courseDetail .classSchTwo .sch--detail li + li {padding-top:8px; margin-top:8px;}
	.courseDetail .classSchTwo .sch--detail li {display:block; border-top:0;}

	.--newClickBtn .buttonGroup {display:flex; align-items:center;}
	.wthHeader_user .header_menu li.subMenu {display:flex; align-items:center;}
	.--newClickBtn img {margin-top:0;}

	.courseDetail .class_summary .likeTxt {font-size:13px; padding-left:21px;}
	.courseDetail .class_summary .likeTxt:before {background-size:14px;}
	.courseDetail .summary_top .right .iconImg {width:20px; height:20px;}
	.courseDetail .summary_top .right p {font-size:13px;}
	.courseDetail .summary_top .right button + button {margin-left:10px;}

	.main-visualType2 .mo--slide .inner {padding:63vw 0 3vw;}

	.main2--academy {margin-bottom:48px;}
	.subMain--academy {padding:30px 0 100px;}

	.acdZone_Wrap .bannerZone .mo-img {display:block;}
	.acdZone_Wrap .bannerZone .pc-img {display:none;}

	.acdZone_Wrap .wthComInner {padding:0 16px;}
	.acdZone_Wrap .tit_wrap {padding:40px 0 24px;}
	.acdZone_Wrap .bannerZone {margin-bottom:60px; overflow-x:hidden;}
	.academyInfo .grayBox .thmImgVideo {margin-right:0;}
	.academyInfo .grayBox .infoList {margin-left:0;margin-top:24px;}
	.academyInfo .grayBox .hdInfo p {word-break:keep-all;}
	.academyInfo .grayBox .scrollBox {height:210px;}
	.academyFeature ul {display:block;}
	.academyFeature li {width:100%; margin-right:0; margin-bottom:20px;}
	.academyFeature li:last-child {margin-bottom:0;}

	.subMain--academy .slide_wrap.mo--view {display:block;}
	.subMain--academy .slide_wrap.pc--view {display:none;}
	.acdZone_Wrap .tit_wrap, .academyInfo .grayBox {margin:0;}
	.academyLineUp .slide_wrap, .academyFeature ul, .academyClass .courseArea {padding:0;}
	.acdZone_Wrap .tit_wrap .more {font-size:14px; line-height:20px; position:absolute; top:10px; right:0;}
	.acdZone_Wrap .tit_wrap .flex-box {display:block; position:relative;}
	.academyLineUp {overflow-x:hidden;}

	.layerPop.schWrite .writeInput .label .flex-box .right .openSwitch.left_text {padding-left:50px;}

	.main2-liveClass .img_wrap .txt {top:10px; left:10px;}
	.main2-liveClass .img_wrap .pc_img {display:none;}
	.main2-liveClass .img_wrap .mo_img {display:block;}

	.main2--curation {margin-bottom:48px;}
	

}

@media (max-width:551px){
	.layerPop {width:95%;}
	.layerPop .layer-cont {padding:0 20px 40px;}
	.wthSeclectGr .select-btn .sBtn-text, .wthSeclectGr .select-btn .sBtn-text span {font-size:12px;}
/*
	.courseDetail .summary_type .type {width:100%;}
*/
.courseDetail .listDetail .tab-link {font-size:15px; margin:0; width:calc(25% - 10px); padding:15px 0px; text-align:center;}

	.alertPop {width:90%;}

	.shareLinkPop {width:auto;}
	.shareLinkPop .layer-cont {padding:0;}


	.schEditAdd--style .wthSeclectGr.dateGr {width:auto; }
	.schEditAdd--style .wthSeclectGr.timeGr {width:auto; }
	.schEditAdd--style .left .wthSeclectGr + .wthSeclectGr {margin-left:1.7vw;}
	.schEditAdd--style .schTxt {margin-left:1.4vw;font-size:2.7vw;}
	.schEditAdd--style .wthSeclectGr .select-btn .sBtn-text span {font-size:2.7vw;}
	.schEditAdd--style .wthSeclectGr .select-btn {padding:7px 3vw;}
	
}

@media (max-width:481px){
	

	.table .wth_buy_price {width:20% !important;}

	.tzoneWrap .classListWrap .searchSelect {display:block;}
	.tzoneWrap .classListWrap .searchSelect .wthSeclectGr {margin-right:0;}
	.tzoneWrap .classListWrap .wthSeclectGr + .wthSeclectGr {margin-top:5px;}
	.tzoneWrap .classList .sellNumer {font-size:14px;}
	.openSwitch .slot__label {font-size:15px;}

	.tzoneWrap .regOrderlist ul {display:block;}
	.tzoneWrap .regOrderlist li {padding:20px 0; border-radius:5px; margin:0;}
	.tzoneWrap .regOrderlist li + li {margin:0; margin-top:10px;}
	.tzoneWrap .regOrderlist li:after {display:none;}
	.goodsFormWrap {display:block;margin:0;}
	.goodsFormWrap .inputBox + .inputBox {margin-top:20px;}
	.goodsFormWrap .totalPrice {margin-left:0;margin-top:30px;}
	.goodsFormWrap .totalPrice .tit {font-size:20px; line-height:1.2;}
	.goodsFormWrap .totalPrice .total {font-size:25px; line-height:1.2;}

	.regWrap .curriculum {display:block; width:100%; padding:20px;}
	.regWrap .curriculum .label {width:100%; padding-bottom:20px;}

	.layerPop.schWrite .column_half {display:block;}
	.layerPop.schWrite .column_half div + div {margin-left:0; margin-top:10px;}
	.layerPop .layer-head .tit {font-size:23px;}
	.layerPop .layer-head .layer-close {width:30px; height:30px; background-size:20px;}

	/*
	.courseDetail .classSchOne .list {width:50%;}
	*/
	.courseDetail .lecturer--info .profile_top {display:block;}
	.courseDetail .lecturer--info .profile_name {padding-left:0; padding-top:10px;}
	.courseDetail .pay--price .total {font-size:25px;}

	.schBoxTop .right {display:block;}
	.schBoxTop .datetime {font-size:16px;}
	.schBoxTop .button button {font-size:16px; width:100%; height:48px;}
	.schBoxTop .timeBox span {line-height:28px;}
	.schDetail .tab_header a {font-size:15px; padding:8px 20px;}
	.schDetail .tab_header a.active {font-size:15px; padding:14px 20px;}

	.uzoneWrap .table_th .date, .uzoneWrap .table_td .date {width:35%;font-size:15px;}
	.uschDetail .myScheInfo .title {font-size:15px;word-break:break-word;}
	.uzoneWrap .tab_header a, .uzoneWrap .tab_header a.active {font-size:15px;}

	
	.vodList--sub .vod {width:100%; margin-right:0;}

	.vod--curriculum .curriculum_cont .cont_wrap {display:block;}
	.vod--curriculum .img_wrap {width:100%; margin-bottom:10px;}
	.vod--curriculum .img_wrap img {width:100%;}

	.wthHeader_user .header_menu li + li {margin-left:24px;}

	.shareLinkPop .layer-head .tit {font-size:15px;}
	.shareLinkPop li + li {margin-left:10px;}

	.courseDetail .classSchOne .list .date {font-size:16px;}
	.courseDetail .classSchOne .list {padding:0 5px;margin-bottom:20px;}

	.schEditAdd--style .openSwitch.left_text .slot {display:none;}
	.schEditAdd--style .wthSeclectGr .select-btn .sBtn-text span {font-size:12px;}
	.schEditAdd--style .schTxt {font-size:14px;}
	

}


@media (max-width:376px){
	.wth_join_btn_wrap {display:flex;}
	.wth_join_btn_wrap button {width:50%; flex:0 0 50%;} 
	.wthHeader .header_tz .logo img {max-width:150px;}
	.wthHeader .header_tz .tzLogo {font-size:18px; padding-top:3px;}

	.table .wth_buy_price {width:22% !important;}

	.tzoneWrap .profileLink .menulinks span {font-size:14px;}
	.tzoneWrap .profileLink .menulinks li {font-size:16px;}

	.tzoneWrap .classList .class {width:100%;}
	.tzoneWrap .classListWrap .searchTop .inlineInput {display:block;}
	.tzoneWrap .classListWrap .searchTop input.text {width:100%;}
	.tzoneWrap .classListWrap .searchTop .search {width:100%; margin:0; margin-top:5px;}

	.regWrap .inlineInput2 .input {margin-right:10px;}
	.regWrap .inlineInput2 input {margin-left:5px;}

	.tzoneWrap #calendar .calendar_content td {padding:2% !important;}
	.vodDetail .previewList .preview a {max-width:100%;}
	.vodDetail .previewList .preview {max-width:100%;}


}
@media (max-width:355px){
	.schEditAdd--style {flex-wrap:wrap; justify-content:flex-start; gap:10px;}
	.schEditAdd--style .openSwitch.left_text {padding-left:0;}
}

@media (max-width:336px){
	.footerBox .right {width:100%;}
}
.wth_join_forms dt.userRec--mail--dt {display:flex;align-items:flex-end;}
.wth_join_forms dt .userRec--mail {display:flex; font-size:0.8rem; align-items:flex-end; margin-left:10px; color:#888; font-weight:400;}

.clCate--1{ display:none;}
.clCate--2{ display:none;}


.subMain_new .mo-img {display:none;}
.subMain_new .banner_box {position:relative;}
.subMain_new .banner_box h2 {font-size:32px; line-height:1; color:#fff; font-weight:700; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}	
.subMain_new .banner_box .pc-img img {width:100%;}
.subMain_new .schmtImage_box {padding:40px 0 0;}
.subMain_new .schmtImage_box .txt_wrap {text-align:center;}
.subMain_new .schmtImage_box h3 {font-size:28px; font-weight:700; letter-spacing:-0.04em; line-height:40px;}
.subMain_new .schmtImage_box p {font-size:16px; line-height:22px; font-weight:500; padding-top:16px;}
.subMain_new .schmtImage_box .img_wrap {padding-top:24px;}
.subMain_new .schmtImage_box .img_wrap img {width:100%;}
.subMain_new .inquiryArea {background:#333; border-radius:8px; margin:80px 0 40px; height:160px;}
.subMain_new .inquiryArea.moView {display:none;}
.subMain_new .inquiryArea .flex-box {display:flex; justify-content:space-between;align-items:center; padding:0 40px;}
.subMain_new .inquiryArea .txt_wrap h3 {font-size:24px; line-height:34px; font-weight:700;letter-spacing:-0.04em;}
.subMain_new .inquiryArea .txt_wrap p {font-size:16px; line-height:22px; font-weight:500;letter-spacing:-0.04em; padding-top:16px; color:#cdcdcd;}
.subMain_new .inquiryArea .right_wrap {display:flex; align-items:center;}
.subMain_new .inquiryArea .img_wrap {margin-top:14px;}
.subMain_new .inquiryArea .blBtn {background:#000; color:#fff; border-radius:8px; width:138px; height:54px; line-height:54px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.04em; margin-left:71px;}
.subMain_new .courseArea.listArea1 {padding-top:40px;}
.subMain_new .courseArea + .courseArea {padding-top:64px;}
.subMain_new .courseArea .title_wrap {display:flex; justify-content:space-between; align-items:flex-end;}
.subMain_new .courseArea .title h3 {font-size:24px; line-height:34px; letter-spacing:-0.04em; font-weight:700;}
.subMain_new .courseArea .title p {font-size:16px; line-height:22px; letter-spacing:-0.04em; font-weight:500; color:#aea9b4; padding-top:4px;}
.subMain_new .courseArea .moreBtn {color:#aea9b4; font-size:16px; line-height:22px; letter-spacing:-0.04em; font-weight:700;}
.subMain_new .courseArea .list_wrap {display:flex; padding-top:20px;}
.subMain_new .courseArea .course {width:calc(25% - 15px); margin-right:20px; cursor:pointer;}
.subMain_new .courseArea .img_wrap {position:relative;}

.subMain_new .courseArea .courseType {position:absolute; top:10px; left:10px; color:#fff;border-radius:3px;
display:inline-block; font-size:13px; font-weight:700; padding:4px 6px 6px; line-height:1;}
.subMain_new .courseArea .type--red {background:#660606;}
.subMain_new .courseArea .type--green {background:#045137}
.subMain_new .courseArea .type--blue {background:#3C87CC}

.subMain_new .courseArea .img_wrap img {width:100%; border-radius:8px;}
.subMain_new .courseArea .course:nth-child(4n) {margin-right:0;}
.subMain_new .courseArea .txt_wrap {padding-top:8px;}
.subMain_new .courseArea .course h3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.04em;}
.subMain_new .courseArea .course p {font-size:14px; line-height:20px; letter-spacing:-0.04em; color:#aea9b4;padding-top:2px;}
.subMain_new .courseArea .course .div {display:inline-block; margin:0 4px; position:relative;}
.subMain_new .courseArea .course .div:after {content:''; display:block; width:1px; height:13px; background:#aea9b4; position:absolute; top:-13px; left:0;}
.subMain_new .depth3 .flex-wrap-ch {flex-wrap:wrap;}
.subMain_new .courseArea.depth3 .course {margin-bottom:48px;}
.subMain_new .prevBtn {background:#000; color:#fff; font-size:12px; font-weight:500; letter-spacing:-0.04em; display:inline-block; padding:8px; border-radius:8px; position:absolute; bottom:16px; right:16px;}

.subMain_new .banner_box {height:240px; width:100%; background-repeat:no-repeat; background-position:center; margin-bottom:40px;}
.subMain_new .banner_box.mo-btn {display:none;}
.subMain_new .banner_box .wthComInner {height:100%;}
.subMain_new .banner_box .title_wrap {height:100%; display:flex; flex-direction:column; justify-content:center;}
.subMain_new .banner_box .title_wrap h3 {font-size: 30px;font-weight: 700;line-height: 30px;letter-spacing: -0.4px;}
.subMain_new .banner_box .title_wrap p {font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: -0.4px; padding-top:32px;}

/* 2024-09-11 .subMain--academy.style2 {padding:80px 0;} */
.subMain--academy.style2 .acaDtitle {justify-content:flex-start;}
.subMain--academy.style2 .title_wrap p {color:#CDCDCD;font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: -0.4px; padding-bottom:24px;}
.subMain--academy.style2 .swiper-slide {border-radius:8px; overflow:hidden;}
.subMain--academy.style2 .swiper-slide img {width:100%;}
.subMain--academy.style2 .brandZone_slide {overflow:hidden; position:relative; height:auto;}
.subMain--academy.style2 .brandZone_slide .mo-slr {display:none;}
.subMain--academy.style2 .bottom_control {justify-content:flex-end; bottom:24px;}
.subMain--academy.style2 .control__navigation { margin-right:24px; background:#2D2D2D; width:80px; height:28px;}
.subMain--academy.style2 .control__navigation button {background-size:16px; margin:0;}
.subMain--academy.style2 .swiper-pagination {width:56px; height:28px;background:#2D2D2D; margin-right:8px;display:flex; align-items:center; border-radius:50px; justify-content:center;font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: -0.4px;}
.subMain--academy.style2 .swiper-pagination span {display:inline-block; margin:0 4px;}

.courseDetail .pay--price .total .sessionPrice {font-size:16px; font-weight:500;}
.courseDetail .pay--price .total .sessionPrice strong {font-size:24px; font-weight:700;}
.courseDetail .pay--price .total .price {display:inline-block;color:#fff; font-size:16px; font-weight:500; letter-spacing: -0.4px;}
.courseDetail .pay--price .total .price.offInt {text-align:right;}


@media (max-width:999px){
	.sessionPrice__mo {display:flex; align-items:center;}
	.sessionPrice__mo span {font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: -0.4px;color:#AEA9B4; display:inline-block; padding-right:8px;}
	.sessionPrice__mo p, .sessionPrice__mo p strong {font-size: 18px;font-weight: 700;line-height: 26px;letter-spacing: -0.4px;}
}


@media (max-width:834px){
	.subMain_new .inquiryArea.moView {display:block;}
	.subMain_new .inquiryArea.pcView {display:none;}
	.subMain_new .inquiryArea .img_wrap {display:none;}	
	.subMain_new .inquiryArea .flex-box,.subMain_new .inquiryArea .right_wrap {display:block;}
	.subMain_new .inquiryArea {padding:16px; height:auto; margin:40px 0 0;}
	.subMain_new .inquiryArea .flex-box {padding:0;}
	.subMain_new .inquiryArea .txt_wrap {text-align:center;}
	.subMain_new .inquiryArea .blBtn {margin-left:0; width:100%; height:auto; line-height:1; padding:16px 0; margin-top:16px;}
	.subMain_new .inquiryArea .txt_wrap h3 {font-size:16px; line-height:22px;}
	.subMain_new .inquiryArea .txt_wrap p {font-size:14px; line-height:20px; padding-top:8px;}

	.subMain_new .courseArea.listArea1 {padding-top:40px;}
}
.tzoneWrap .subMoTit {display:none;}
@media (max-width:640px){
	.mInner {padding:0 16px;}
	.subMain_new .pc-img {display:none;}
	.subMain_new .mo-img {display:block;}
	.subMain_new .banner_box .mo-img img {width:100%; max-height:170px;}
	.subMain_new .banner_box h2 {font-size:24px;}
	.subMain_new .schmtImage_box h3 {font-size:20px; line-height:28px;}
	.subMain_new .schmtImage_box p {font-size:14px; line-height:20px; word-break:keep-all; padding:16px 30px 0;}
	.subMain_new .schmtImage_box p br {display:none;}

	.subMain_new .courseArea .course {width:calc(50% - 5px); margin-right:10px; margin-bottom:32px;}
	.subMain_new .courseArea .course:nth-child(4n) {margin-right:10px;}
	.subMain_new .courseArea .course:nth-child(2n) {margin-right:0px;}
	.subMain_new .courseArea .list_wrap {flex-wrap:wrap;}
	.subMain_new .courseArea .title h3 {font-size:20px; line-height:28px;}
	.subMain_new .courseArea .title p {font-size:14px; line-height:20px; font-weight:400;}
	.subMain_new .courseArea .moreBtn {font-size:14px; line-height:20px;}
	.subMain_new .courseArea .btn_wrap {flex:0 0 100px; text-align:right;}
	.subMain_new .courseArea + .courseArea {padding-top:32px;}

	.subMain_new .banner_box.mo-btn {display:block; height:280px; margin-bottom:40px;}
	.subMain_new .banner_box.pc-btn {display:none;}
	.subMain_new .banner_box .title_wrap {padding:0 16px;}
	.subMain_new .banner_box .title_wrap h3 {font-size: 32px;font-weight: 700;line-height: 32px;}
	.subMain_new .banner_box .title_wrap p {word-break:keep-all;}
	.subMain_new .banner_box .title_wrap p br {display:none;}
	.subMain--academy.style2 .control__navigation {display:none;}
	.subMain--academy.style2 .brandZone_slide {height:auto;}
	.subMain--academy.style2 .brandZone_slide .pc-slr {display:none;}
	.subMain--academy.style2 .brandZone_slide .mo-slr {display:flex;}
	.subMain--academy.style2 {padding:8px 0px 40px;}
	.subMain--academy.style2 .title_wrap p {font-size:14px; line-height:20px; padding-bottom:16px;}
	.subMain--academy.style2 .swiper-pagination {margin-right:24px;}
	.wthHeader {padding:14px 0;}
	.wthHeader .header_tz .tzLogo {padding-top:0;}
	.tzoneWrap {margin:24px 3% 40px;}
	.tzoneWrap .profileTop .title {font-size:20px; font-weight:700; line-height:28px; margin-bottom:16px;}
	.tzoneWrap .profileTop strong {font-size:24px; font-weight:500; padding-top:0;}
	.tzoneWrap .profile_mo {display:flex; align-items:center;}
	.tzoneWrap .profileTop {width:1auto; text-align:left;}
	.tzoneWrap .tzMenu ul {margin-top:16px;  border-bottom:1px solid #252525;}
	.tzoneWrap .tzMenu li {padding:8px 12px;}
	.tzoneWrap .tzMenu li:after {display:none;}
	.tzoneWrap .tzMenu li a {color:#FFFFFF99;}
	.tzoneWrap .tzMenu li.active a {color:#fff;position:relative;}
	.tzoneWrap .tzMenu li.active a:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:-4px; left:0;top:auto; transform:translateY(0)}
	
	.tzoneWrap .subMoTit {display:block;color:#fff;font-size: 18px;font-weight: 700;line-height: 26px;letter-spacing: -0.4px;padding-top:16px;}
	.tzoneWrap .column_2 .left_column {margin-bottom:16px;}
	
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.schUserOn{border: 2px solid #00a3ff;}