@charset "utf-8";
/* CSS Document */
html {overflow-y: scroll; }
.ellipsis{text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;overflow: hidden;}
.multi_line {max-height:68px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; -webkit-overflow-scrolling: touch; text-overflow:ellipsis; margin-right: -1em; -webkit-box-orient:vertical; padding-right: 1.2em;}
.single_line {display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; -webkit-overflow-scrolling: touch; text-overflow:ellipsis; margin-right: -1em; -webkit-box-orient:vertical; padding-right: 1em;}
#over-img {
  background-size:100%;
}
input[type=radio]:not(old) {
    margin:0; padding:0; opacity:0;
    background:url(/theme/basic/img/check_on.svg) no-repeat 0 0;
    width:0;
}
input[type=radio]:not(old) + label {
    display: inline-block;
    text-align: left; height:20px; padding-left: 25px;
    background: url(/theme/basic/img/check_off.svg) no-repeat 0 0;
    line-height: 130%; vertical-align: top;
    margin-bottom:0;
}
input[type=radio]:not(old):checked + label {
    background: url(/theme/basic/img/check_on.svg) no-repeat 0 0;
}
.noProfile {width:100%; height:100%; border-radius:50%; display:table; text-align:center;}
.noProfile div {width:100%; height:100%; display:table-cell; vertical-align:middle;  text-align:center;  color:#fff}
.noProfile1 {background:#45CBC6; }
.noProfile2 {background:#FF8980; }
.noProfile3 {background:#909AFE; }
.noProfile4 {background:#FBCC6C; }
.noProfile5 {background:#68CFAC; }
.noProfile6 {background:#5DB5DC; }
.noProfile7 {background:#E1DD74; }
.noProfile8 {background:#D2AFFF; }
.noProfile9 {background:#80AAFF; }
.noProfile10 {background:#FFB87A; }
.course_list .box .img_box{border:1px solid #7D7D7D}
.star_num {cursor:pointer}
.func_wrap .arrow img {transform:rotate(180deg);}
.cb:after{display: block;content: "";clear: both;}
img{max-width:100%;vertical-align: middle}
.transition{-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.l_box{float: left}
.r_box{float: right}
.m_block{display: none;}
.pc_block{display: block;}
.btn_top_email {cursor:pointer}
.file_exe_guide {margin-top:30px;}
.file_exe_guide li {min-height:25px;}
select::-ms-expand {display: none;}
select {position: relative; padding-right: 30px !important;	-webkit-appearance: none;	-moz-appearance: none;	appearance: none; background-image: url(../img/common/selectbox.png);	background-repeat: no-repeat;	background-position: 90% 50%;/* 화살표 모양의 이미지 */ }
select:after{display: block;position: absolute; top: 0;left: 0;width: 30px;height: 10px;background-color: red;content: "d"}
input, textarea { margin:0; padding:0; -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"] { -webkit-appearance:checkbox;vertical-align: bottom;}
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; }
.form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox']{vertical-align: top;}
.thum_img {cursor:pointer}
.modal-content { overflow:auto}
.nav > li > a.btn_alert{padding:0px; margin:10px}
/* bootstrap */
ul, ol{list-style: none;}
.nav-tabs,
.nav-tabs > li > a{border: 0}
a,
a:hover{color: #333;}
a:hover{text-decoration: none;}
.nav > li > a:hover,
.nav > li > a:focus { background-color: transparent;}
.btn{min-width: 80px; padding: 9px 12px;outline: 0;}
.btn:active{}
.btn-default {text-shadow: 0 1px 0 #fff;background-repeat: repeat-x;border-color: #dbdbdb;border-color: #ddd;	background-image: none;}
.btn-primary2{width:121px;border:1px solid  #C5C5C5; color:#C5C5C5; font-size:17px; padding-left:20px; padding-right:20px;}
.btn-primary2:hover {border:1px solid  #333; color:#fff}
.btn-primary7{width:291px; float:left; margin-left:40px; margin-bottom:20px; border:1px solid  #ff6145; background:#ff6145; color:#fff; font-size:17px; padding-left:20px; padding-right:20px;}
.btn-primary7:hover {border:1px solid  #da4b32; color:#da4b32}
.btn-primary3{width:291px; float:left; margin-left:40px; margin-bottom:20px; border:1px solid  #ff6145; color:#ff6145; font-size:17px; padding-left:20px; padding-right:20px;}
.btn-primary3:hover {border:1px solid  #da4b32; color:#da4b32}
.btn-primary6{width:121px; float:left; margin-left:40px; border:1px solid  #ff6145; color:#ff6145; font-size:17px; padding-left:20px; padding-right:20px;}
.btn-primary6:hover {border:1px solid  #da4b32; color:#da4b32}
.btn-primary5{padding-left:10px; padding-right:10px; min-width:155px; height:35px; margin-left:23px; line-height:35px; float:left; text-align:center;  border:1px solid  #D4D4D4; background:#D4D4D4; color:#fff; }
.btn-primary5:hover { color:#333}
.btn-primary4{width:121px; height:35px; line-height:35px; float:left; text-align:center; border:1px solid  #707070; background:#fff;  color:#707070;  }
.btn-primary4:hover {color:#333}
.btn-primary4_on{ border:1px solid  #ff6145; background:#ff6145; color:#fff;}
.btn-primary4_on:hover {color:#333}
.btn-primary{background-color: #ff6145;border: 0}
.btn-primary:hover {background-color: #da4b32;color:#fff;}
.btn-outline{color: #ff6145;border: 1px solid #ff6145;background-color: transparent}
.btn-round{border-radius: 30px;}
.btn-default:hover,
.btn-default:focus {background-color: #eee;}
.modal{overflow: hidden;}
.modal-sm{width: 375px;}
.has-error .form-control{border-color: #ffbfbd;background-color: #ffe9e9;}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #f55d5d;
	font-weight: normal;
}
.progress-bar {background-color: #ff6145;}
.aaaa {height:120px;}
.collapse { display: none;}
.collapse.in {display: block;}
.nav > li.mobileLeftMenu {display:none;}
.modal-title{font-size: 16px}
.modal-footer{text-align: center; border-top: 0;}
.setting_m {width:30px; height:30px; background:url('/theme/basic/img/setting_m.svg') center no-repeat; background-color:rgba(0,0,0,0.5); display:block; bottom:15px; right:10px; position:absolute; z-index:10; text-align:center; border:#000; border-radius:15px; }
.setting_m img {vertical-align:middle; display:inline;}
table .glyphicon-paperclip{padding-left: 10px;}

/***** header *****/
.header_wrap{position:fixed; top: 0;left: 0; height: 70px; width: 100%; background: #fff;  z-index:999}
.header{position: relative; top: 0;left: 0; width: 100%; height: 70px; }
.header .btn_left_menu {background:url(/theme/basic/img/btn_left_menu_black.svg); border:0px; position:absolute; top:27px; left:24px; outline:0; display:none; width:23px; height:17px;}
.header .logo_wrap{position:absolute; top:17px; left:70px; margin:0px; font-size:20px;  height:36px }
.header .logo_wrap a{display: inline-block; vertical-align:middle;}
.header .logo_wrap img{ vertical-align: top; display: inline-block;}
.header .logo_wrap span {height:100%; vertical-align:bottom;}

.header .cnl_logo_wrap {position:absolute; top:10px; left:0px; margin:0px; font-size:20px;  height:55px; width:220px; text-align:center;}
.header .cnl_logo_wrap img{height:55px; vertical-align:middle; display: inline-block;}
.header .cnl_logo_wrap .txt {margin:10px; padding:0px; line-height:40px; height:40px; font-size:15px; background:#fff; color:#707070; border:1px solid #707070; border-radius:5px; }

.header .search_nav {text-align:center; padding-top:16px; }
.header .search_nav .form-inline{position: relative; margin-top: 10; width:25%;}
.header .search_nav .form-inline .form-control{width: 100%; margin:0 auto; padding-right:45px; border:1px solid #D5D5D5; border-radius:5px; color:#333333;  background:#F9F9F9;}
.header .search_nav .form-inline .form-group {width:100%;}
.header .search_nav .form-inline .form-control::placeholder {color:#333}
.header .search_nav .glyphicon{font-size: 17px; color: #888; vertical-align: middle;}
.header .search_nav .label{position: absolute; top: -8px;left:8px;border-radius: 7px;}
.header .search_nav .btn {width:25px; min-width:25px; height:25px; padding:0px; top:4px; right:10px; background:url('/theme/basic/img/btn_searchM.svg');}
.header .cb > .nav{position:absolute; top:0px; right:30px;}
.header .cls_login {display:inline-block; font-size:17px; padding:5px 0; vertical-align:top; margin-top:19px}
.header .cls_login2 {display:inline-block; font-size:17px; padding:5px 0; vertical-align:top; margin-top:19px; display:none;}
.header .cls_login img {vertical-align:top;}
.header .cls_no_login {padding:0px;display:inline-block; vertical-align:top; margin-top:24px}
.header .mBtn_search {display:inline-block; width:22px; height:22px; margin-top:25px; background:url('/theme/basic/img/btn_searchM.svg');display:none; cursor:pointer; }
.header .topG {display:inline-block; padding-top:23px; margin-right:35px; vertical-align:top}
.header .cls_upload {padding:0px;display:inline-block; vertical-align:top; margin-top:25px}
.header .cb > .nav i {display:inline-block;background:url('/theme/basic/img/bg_line.svg') center no-repeat; width:50px; height:25px;  vertical-align:top;margin-top:23.5px}
.header .top_alert {position:relative;display:inline-block; margin-left:30px; margin-top:23px; vertical-align:top;}
.header .btn_alert .bell{width:20px; height:24px; background:url('/theme/basic/img/ico_bell.svg'); display:block;}
.header .btn_alert .label {top:0px; left:10px; background:#EE0000; border-radius:1em; position:absolute;}
.header .topProfile {display:inline-block; margin-left:30px; margin-top:12px;}
.header .list_alert{display:none; position: absolute;top: 40px; right: -75px; width: 360px; height:auto; padding: 10px 0;background-color: #fff;border: 1px solid #ddd;z-index: 1; border-radius: 4px; box-shadow:0 6px 12px rgba(0,0,0,.175); z-index:999999;}
.header .list_alert .alert1 {width:100%; height:auto; position:relative; border-bottom:1px solid #DDDDDD; overflow:hidden;}
.header .list_alert .alert2 {width:100%; height:auto; position:relative; overflow:hidden;}
.header .list_alert .alert2 .tit {height:35px; width:100%; margin-top:14px; border-bottom:1px solid #DEDEDE; display:block;}
.header .list_alert .alert_tit {font-size:14px; padding-left:10px; color:#333}
.header .list_alert .alert_tit span {display:inline-block; padding-left:5px; color:#FF6145}
.header .list_alert .btn_all_read {font-size:14px; position:absolute; top:12px; right:15px;}
.header .list_alert .btn_all_read.on {color:#333}
.header .list_alert .btn_setting {font-size:14px; position:absolute; top:20px; right:10px; color:#333}
.header .list_alert ul {width:100%}
.header .list_alert .alink {display:block; padding:0px; width:100%;}
.header .list_alert a:hover{color: #ff6145}
.header .list_alert div {width:100%; overflow-y:scroll;}

.header .list_alert div::-webkit-scrollbar {width: 5px;}
.header .list_alert div::-webkit-scrollbar-track {background-color: #fff;}
.header .list_alert div::-webkit-scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.header .list_alert div::scrollbar {width: 5px;}
.header .list_alert div::scrollbar-track {background-color: #fff;}
.header .list_alert div::scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.header .list_alert li {clear:both; height:auto;  padding-left:9px; padding-top:10px; padding-bottom:10px;}
.header .list_alert li .alink {color:#BBBBBB;}
.header .list_alert li.vv .alink {color:#333;}
.header .list_alert li.vv b {color:#FF6145}
.header .list_alert li.vv b.zoom {color:#2D8CFF}
.header .list_alert li p {color:#BBBBBB;}
.header .list_alert li.vv p {color:#333;padding-bottom:5px;}
.header .list_alert .txt_on {color:#C2C2C2;}
.header .list_alert li span {font-weight:600}
.header .list_alert .vv {background-color:#FFF0ED;  }
.header .list_alert li:last-child {border:0px}
.header .list_alert p {margin-top:3px; font-size:12px; margin:0px;}
.header .list_alert p span {font-size:12px}
.header .list_alert .alert_footer {border-top:1px solid #DEDEDE; position:relative; text-align:center;  padding:10px; padding-top:20px;}
.header .nav_user > div{width: 45px; height: 45px; border-radius: 50%; font-size:20px; overflow: hidden;}
.header .user_menu {position:absolute; top:56px; right:-25px; background:#fff}
.header .user_menu .profile a{position:relative; display:block;height:auto;margin: 0; color:#333;  font-size:14px; padding: 3px 16px; padding-right:50px; background:url('/theme/basic/img/ico_arrow_R.svg')center right 10px no-repeat;}
.header .user_menu a:hover{background-color:#FFF0ED; color:#FF6145}
.header .user_menu .profile .img_box{position: absolute; top: 0;left: 20px; width: 44px;height: 44px;border-radius: 50%; overflow: hidden}
.header .user_menu .profile .txt{padding-left: 0px;line-height: 24px;}
.header .user_menu .profile > div{padding-left: 20px; padding-right:10px;}
.header .user_menu .user_menu_link {min-height:33px; font-size:17px; padding:5px 0;}
.header .user_menu .user_menu_link a {padding-left:15px;}
.header .user_menu .user_menu_link img {vertical-align:middle; padding-right:10px;}
.header .m_profile {display:none}
.header .btn_qna {padding-top:20px; display:block; font-size:18px; color:#FF6145}
.header .search_view {display:none}

.hlepTop {width:100%; height:320px; border:1px solid #ddd; display:block; background:url('/theme/basic/img/help/bg_help.png') center no-repeat; background-size:cover; margin-top:70px;}
.hlepTop .search_nav {text-align:center; padding-top:260px; }
.hlepTop .search_nav .form-inline{position: relative; margin-top: 10; min-width:480px; width:25%;}
.hlepTop .search_nav .form-inline .form-control{width: 100%; margin:0 auto; padding-right:45px; border:1px solid #D5D5D5; border-radius:5px; color:#333333;  background:#F9F9F9;}
.hlepTop .search_nav .form-inline .form-group {width:100%;}
.hlepTop .search_nav .form-inline .form-control::placeholder {color:#333}
.hlepTop .search_nav .glyphicon{font-size: 17px; color: #888; vertical-align: middle;}
.hlepTop .search_nav .label{position: absolute; top: -8px;left:8px;border-radius: 7px;}
.hlepTop .search_nav .btn {width:25px; min-width:25px; height:25px; padding:0px; top:4px; right:10px; background:url('/theme/basic/img/btn_searchM.svg');}

.helpWrap {width:100%; position:relative; height:auto; clear:both; max-width:1160px; margin:0 auto; margin-top:45px; margin-bottom:50px;}
.helpWrap .helpMenu {width:100%; height:auto; overflow:hidden; }
.helpWrap .helpMenu li {float:left; width:32%;  margin-top:30px; border:1px solid #FF6145; text-align:center;}
.helpWrap .helpMenu li a {display:block; padding:20px 0; width:100%; height:100%;}
.helpWrap .helpMenu li a:hover {background:#FF6145; color:#fff}
.helpWrap .helpMenu .marginL {margin-left:2%;}
.helpWrap .helpList {clear:both; overflow:hidden; margin-top:60px; }
.helpWrap .helpList h3 {font-size:22px; width:100%; text-align:center; height:40px; margin:0; border-bottom:1px solid #D2D2D2}
.helpWrap .helpList .helpList-item {width:100%; }
.helpWrap .helpList .helpList-item li { padding:15px 0; border-bottom:1px solid #d2d2d2; position:relative}
.helpWrap .helpList .helpList-item .noData {text-align:center; padding-top:15px;}
.helpWrap .helpList .helpList-item li .cate {font-size:17px; display:block;}
.helpWrap .helpList .helpList-item li div {padding-top:20px; padding-right:100px; }
.helpWrap .helpList .helpList-item li .date {position:absolute; bottom:15px; right:0px;}
.helpWrap .helpList-add {color:#A8A8A8; text-align:right; margin-top:10px}
.helpWrap .helpList-add a {color:#A8A8A8;}
.helpWrap h5 {font-size:28px; margin:0; margin-top:30px;}
.helpWrap h6 {font-size:20px; margin:0; margin-top:30px; font-weight:600}
.helpWrap .help-subItem {margin-top:35px;}
.helpWrap .help-subItem li {margin-top:20px; font-size:15px}
.helpWrap .helpCont {width:100%; height:auto; padding:20px; background:#F9F9F9; margin-top:30px; }
.helpWrap .helpHistory,
.helpWrap .helpHistory a  {color:#A1A1A1}
.helpCont-List {position:absolute; width:180px; margin-top:45px; top:390px; left:20px;}
.helpCont-List h5 {color:#FF6145; font-size:17px; font-weight:600}
.helpCont-List li {margin-top:20px}
.helpWrap h2 {font-size:23px; }
.helpWrap h2 span {display:inline-block; font-size:19px; vertical-align:top; padding-left:10px; color:#FF6145}
.helpWrap .help-shcItem {width:100%; border-top:1px solid #D2D2D2; margin-top:20px}
.helpWrap .help-shcItem li {padding:30px 0; border-bottom:1px solid #D2D2D2; }
.helpWrap .help-shcItem li .bold {color:#FF6145; font-weight:600;}
.helpWrap .help-shcItem li .item1 {font-size:17px;}
.helpWrap .help-shcItem li .item2 {font-size:15px; color:#A1A1A1}
.helpWrap .help-shcItem li .item3 {padding-top:10px; font-size:15px;}
.helpWrap .qna_1 {margin-top:35px;}
.helpWrap .qna_item span {color:#FF0000}
.helpWrap .qna_input {margin-top:15px; padding-left:10px; border-radius:2px; width:650px; border:1px solid #CCCCCC; height:40px;}
.helpWrap .qna_input2 {margin-top:15px; padding:10px; border-radius:2px; width:650px; border:1px solid #CCCCCC; height:100px;}
.helpWrap .qna_2 {margin-top:5px; color:#999999; font-size:13px}
.helpWrap  .chk {margin-top:2px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #707070; color:#fff; border-radius:2px; cursor:pointer;}
.helpWrap .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.helpWrap .qna_3 {margin-top:5px; color:#999999; font-size:13px; width:650px}
.helpWrap .btnW {width:100%; margin-top:20px; text-align:center;}
.helpWrap .btnW .btn {padding:10px 50px; background:#FF0000; color:#fff; font-size:17px}
.leftMenu .nav_user {display:none}
.sub_con_wrap{position: relative; top: 0;left: 0; padding-top:105px;}
.back_op2,
.back_op {z-index:9989; background:rgba(0,0,0,0.6); cursor:pointer;  position:fixed; top:0px; left:0px; width:100%; height:100%; }
.back_op2 {z-index:9999;}
.cnl_guide {width:375px; height:436px;  margin:0 auto; background:#fff; border:1px solid #C4C4C4; text-align:center; border-radius:5px; position:relative;}
.cnl_guide .cnl_btn {width:100%; height:30px; position:absolute; bottom:25px; left:0; text-align:right;}
.cnl_guide h5 {font-size:20px; margin-top:31px;}
.cnl_guide img {margin-top:35px;}
.cnl_guide p {margin-top:35px;}
.cnl_guide span {color:#FF6145 }
.cnl_guide a {background:#FF6145; display:inline-block; width:95px; height:30px; color:#fff; line-height:30px; text-align:center; border-radius:3px; margin-left:10px; margin-right:20px;}
.leftMenu {position:fixed; width:240px; height:100%;  background:#fff;  z-index:99; overflow:hidden; padding-bottom:80px}
.leftMenu .header-copy {width:100%; height:70px; position:relative; border-bottom: 1px solid #EBEBEB;}
.leftMenu .btn_left_menu {background:none; border:0px; position:absolute; top:27px; left:24px; outline:0;  width:23px; height:17px;}
.leftMenu .logo_wrap{position:absolute; top:17px; left:70px; margin:0px;  }
.leftMenu .logo_wrap a{display: inline-block;}
.leftMenu .logo_wrap img{ vertical-align: top; display: inline-block;}
.leftMenu .leftMenuWrap {width:100%; height:100%; overflow-y:auto; overflow-x:hidden; padding-bottom:50px}
.leftMenu .leftMenuWrap::-webkit-scrollbar {width: 0px;}
.leftMenu .leftMenuWrap:hover::-webkit-scrollbar {width:5px}
.leftMenu .leftMenuWrap::-webkit-scrollbar-track {background-color: #fff;}
.leftMenu .leftMenuWrap::-webkit-scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.leftMenu ul {margin-top:13px;}
.leftMenu li { height:auto; width:100%;}
.leftMenu li a {display:inline-block; padding-left:55px; padding-top:7px; padding-bottom:7px; vertical-align:middle; width:100%;  font-size:1em;}
.main_con_wrap {padding-top:70px; padding-left:240px; z-index:9; position:relative;}

.main_con_wrap .btxt_1 {left:10%; top:25%; width:50%; position:absolute; z-index:3; text-align:left;}
.main_con_wrap .btxt_1 .btxt1 {font-size:19px; padding:5px 10px; background:#181819; color:#fff;}
.main_con_wrap .btxt_1 .btxt2 {display:block;font-size:40px; padding-top:15px;}
.main_con_wrap .btxt_1 .btxt3 {display:block;font-size:18px; color:#707070; padding-top:15px;}
.main_con_wrap .btxt_1 .btxt4 {display:block;font-size:22px; padding-top:35px;}

.main_con_wrap .btxt_2 {right:0; top:44%; width:50%; position:absolute; z-index:3; text-align:center;}
.main_con_wrap .btxt_2 .btxt1 {display:block; font-size:34px; color:#fff}
.main_con_wrap .btxt_2 .btxt1 b {color:#FF6145}
.main_con_wrap .btxt_2 .btxt2 {display:block;font-size:19px; color:#fff}

.main_con_wrap .btxt_3 {left:0%; top:20%; width:100%; height:189px;  position:absolute;  color:#fff; z-index:3; text-align:center; }
.main_con_wrap .btxt_3 > div {width:100%; height:189px; margin:0 auto; }
.main_con_wrap .btxt_3 img {display:inline-block; vertical-align:top;}
.main_con_wrap .btxt_3 .btxt1 { font-size:30px; text-align:left; display:inline-block; padding-top:40px;  font-weight:600; text-shadow:3px 3px 3px rgb(0,0,0)}
.main_con_wrap .btxt_3 .banner_3_1 {padding-right:30px}
.main_con_wrap .btxt_3 .banner_3_2 {padding-top:20px}
.main_con_wrap .btxt_3 .banner_3_3 {padding-left:10px}

.ico-play-wrap_m{position:absolute;top:45%;right:14%;display:none;}
.main_con_wrap .ico-play-wrap{position:absolute;top:54%;right:21%;display:none;}
.main_con_wrap .ico-play {width:104px; height:104px; background:url('/theme/basic/img/icon_white.svg') center no-repeat; background-color:rgba(255,255,255,0.3);  position:absolute; border-radius:50%; top:42%; right:28%; cursor:pointer; z-index:3}
.main_con_wrap .ico-play:hover {background:url('/theme/basic/img/icon_orange.svg') center no-repeat;  background-color:rgba(255,255,255,0.3); }
.main_con_wrap .ico-play-bg {width:104px; height:104px; border:2px solid #fff;  position:absolute; top:42%; right:28%; border-radius:50%; z-index:2 }
.main_con_wrap .mainB_m {display:none}
@keyframes bounceIn {
  0% {
    border-width: 3px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  50% {
    border-width: 3px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  80% {
    border-width: 2px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.main_con_wrap .ico-play-bg {
animation: bounceIn 2s infinite;
-webkit-animation: bounceIn 2s infinite;
}


.modal_tip {text-align:left; }
.modal_tip button {border:0px; background:#fff; position:absolute; right:19px;}
.modal_tip .cont_tip {margin-top:15px; font-size:17px;}
.modal_tip .modal-content {width:500px; max-height:85vh}
.modal_tip .cont_tip img {margin:5px 0; max-width:100%;}
.modal_tip .cont_tip span {color:#7D7D7D; font-size:15px}
.modal_tip .cont_tip h5 {font-size:19px; color:#333; padding:0}

.leftMenu .img_nologin {display:none}
.leftMenu .txt_nologin {display:none}
.leftMenu .btn_left_menu_close {display:none}
.leftMenu .leftMenu01 a.m01 {background:url('/theme/basic/img/ico/ico_main/ico_home.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 a.m02 {background:url('/theme/basic/img/ico/ico_main/ico_subscribe.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 a.m03 {background:url('/theme/basic/img/ico/ico_main/ico_new.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 a.m04 {background:url('/theme/basic/img/ico_top_guide.svg') 20px 8px no-repeat; display:none}
.leftMenu .leftMenu01 a.m05 {background:url('/theme/basic/img/ico_c02.svg') center left 29px no-repeat; }
.leftMenu .leftMenu01 li a.m06 {background:url('/theme/basic/img/ico/ico_main/ico_keep.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m06:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_keep_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m10 {background:url('/theme/basic/img/ico/ico_main/ico_history.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m10:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_history_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m11 {background:url('/theme/basic/img/ico/ico_main/ico_board.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m11:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_board_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m12 {background:url('/theme/basic/img/ico/ico_main/ico_contents.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m12:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_contents_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m13 {background:url('/theme/basic/img/ico/ico_main/ico_info.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m13:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_info_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m14 {background:url('/theme/basic/img/ico/ico_main/ico_posting.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m14:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_posting_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m01:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_home_over.svg') center left 25px no-repeat; background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m02:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_subscribe_over.svg') center left 25px no-repeat; background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m03:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_new_over.svg') center left 25px no-repeat; background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu01 li a.m20 {background:url('/theme/basic/img/ico/ico_main/ico_c10.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m20:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c10_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }

.leftMenu span {display:inline-block; width:220px; margin:0 auto; margin-left:12px; height:1px; background:#C0C0C0;}
.leftMenu .leftMenu02 a.m01 {background:url('/theme/basic/img/ico_arrow.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 a.m01:hover {background:url('/theme/basic/img/ico_arrow_over.svg') center left 29px no-repeat; background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li.li03 {padding-left:55px}
.leftMenu .leftMenu02 a.m03 {display:inline; padding:0px; margin-right:18px}
.leftMenu .leftMenu02 li a.m04 {background:url('/theme/basic/img/ico/ico_main/ico_c01.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m04:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c01_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m05 {background:url('/theme/basic/img/ico/ico_main/ico_c02.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m05:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c02_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m06 {background:url('/theme/basic/img/ico/ico_main/ico_keep.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m06:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_keep_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m07 {background:url('/theme/basic/img/ico_pay.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 li a.m07:hover {background:url('/theme/basic/img/ico_pay_over.svg') center left 29px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m08 {background:url('/theme/basic/img/ico/ico_main/ico_like_ch.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m08:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_like_ch_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m09 {background:url('/theme/basic/img/ico_heart.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 li a.m09:hover {background:url('/theme/basic/img/ico_heart_over.svg') center left 29px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m10 {background:url('/theme/basic/img/ico/ico_main/ico_history.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m10:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_history_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m11 {background:url('/theme/basic/img/ico/ico_main/ico_c03.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m11:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c03_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m12 {background:url('/theme/basic/img/ico/ico_main/ico_c04.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m12:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c04_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m13 {background:url('/theme/basic/img/ico_dashboard.svg') center left 29px no-repeat; display:none}
.leftMenu .leftMenu02 li a.m13:hover {background:url('/theme/basic/img/ico_dashboard_over.svg') center left 29px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m14 {background:url('/theme/basic/img/ico/ico_main/ico_c14.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m14:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c14_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m21 {background:url('/theme/basic/img/ico/ico_main/ico_c11.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m21:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c11_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m22 {background:url('/theme/basic/img/ico/ico_main/ico_c12.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m22:hover {background:url('/theme/basic/img/ico/ico_main_over/ico_c12_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu02 li a.m23 {background:url('/theme/basic/img/ico_dashboard.svg') center left 27px no-repeat;}
.leftMenu .leftMenu02 li a.m23:hover {background:url('/theme/basic/img/ico_dashboard_over.svg') center left 27px no-repeat;background-color:#FFF0ED; color:#FF6145; }


.leftMenu .leftMenu03_line {display:none;}
.leftMenu .leftMenu03 a.m01 {background:url('/theme/basic/img/ico_download.svg') center left 29px no-repeat; }
.leftMenu .leftMenu03 a.m01:hover {background:url('/theme/basic/img/ico_download_over.svg') center left 29px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu03 a.m02 {background:url('/theme/basic/img/ico_logout.svg') center left 25px no-repeat; display:none}
.leftMenu .leftMenu03 a.m02:hover {background:url('/theme/basic/img/ico_logout_over.svg') center left 25px no-repeat;background-color:#FFF0ED; color:#FF6145; }

.leftMenu .leftMenu04 li a {padding-left:29px; }
.leftMenu .leftMenu04 li a img {margin-right:8px; margin-top:5px; vertical-align:top; }
.leftMenu .leftMenu04 a.m01 {background:url('/theme/basic/img/ico_arrow_down.svg') center left 200px no-repeat; }
.leftMenu .leftMenu04 .Lcategory {display:none}
.leftMenu .leftMenu04 li a.m02 {padding-left:80px; background:url('/theme/basic/img/ico_cate1.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m02:hover {background:url('/theme/basic/img/ico_cate1_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu04 li a.m03 {padding-left:80px; background:url('/theme/basic/img/ico_cate2.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m03:hover {background:url('/theme/basic/img/ico_cate2_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu04 li a.m04 {padding-left:80px; background:url('/theme/basic/img/ico_cate3.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m04:hover {background:url('/theme/basic/img/ico_cate3_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145; }
.leftMenu .leftMenu04 li a.m05 {padding-left:80px; background:url('/theme/basic/img/ico_cate4.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m05:hover {background:url('/theme/basic/img/ico_cate4_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m06 {padding-left:80px; background:url('/theme/basic/img/ico_cate5.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m06:hover {background:url('/theme/basic/img/ico_cate5_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m07 {padding-left:80px; background:url('/theme/basic/img/ico_cate5.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m07:hover {background:url('/theme/basic/img/ico_cate5_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m08 {padding-left:80px; background:url('/theme/basic/img/ico_cate7.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m08:hover {background:url('/theme/basic/img/ico_cate7_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m09 {padding-left:80px; background:url('/theme/basic/img/ico_cate8.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m09:hover {background:url('/theme/basic/img/ico_cate8_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m10 {padding-left:80px; background:url('/theme/basic/img/ico_cate9.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m10:hover {background:url('/theme/basic/img/ico_cate9_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m11 {padding-left:80px; background:url('/theme/basic/img/ico_cate10.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m11:hover {background:url('/theme/basic/img/ico_cate10_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m12 {padding-left:80px; background:url('/theme/basic/img/ico_cate11.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m12:hover {background:url('/theme/basic/img/ico_cate11_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu04 li a.m13 {padding-left:80px; background:url('/theme/basic/img/ico_cate12.svg') center left 55px no-repeat; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenu04 li a.m13:hover {background:url('/theme/basic/img/ico_cate12_over.svg') center left 55px no-repeat;background-color:#FFF0ED; color:#FF6145;}
.leftMenu .leftMenu05 { padding-left:20px; overflow:hidden}
.leftMenu .leftMenu05 li {float:left; }
.leftMenu .leftMenu05 li.li05_01 {width:100%}
.leftMenu .leftMenu05 li.li05_02 {width:100%}
.leftMenu .leftMenu05 li.li05_03 {width:100%}
.leftMenu .leftMenu05 li a { padding-left:0px; font-size:12px; color:#6A6A6A; display:inline;padding-top:2px; padding-bottom:2px;}

.leftMenu .leftMenucnl li a {padding-left:55px; font-size:15px; padding-top:9px; padding-bottom:9px;}
.leftMenu .leftMenucnl li a:hover {color:#ff6145}
.leftMenu .leftMenucnl li a.over {color:#FF6145; background:#FFF0ED;}

.cnl_wrap {width:100%; margin:0 auto; max-width:1670px;}
.cnl_wrap .cnl_not_data {width:100%; padding:20px; display:block; text-align:center;}
.cnl_wrap .cnl_not_data img {margin-bottom:20px}
.cnl_wrap .cnl_top {width:100%; max-height:300px; position:relative; overflow:hidden; text-align:center;}
.cnl_wrap .cnl_top img {vertical-align:top;}
.cnl_wrap .cnl_bottom {width:100%; text-align: center}
.cnl_wrap .cnl_bottom img {max-width:100%}
.cnl_wrap .cnl_middle {width:100%; max-width:1400px; position:relative; margin:0 auto; margin-top:20px; height:auto;}
.cnl_wrap .cnl_middle .cnl_profile {padding-left:100px; height:85px; padding-right:10px; position:relative;}
.cnl_wrap .cnl_middle .noProfile {display:block;}
.cnl_wrap .cnl_middle .noProfile div {font-size:17px; height:35px; display:inline-block; line-height:110%;padding:0; line-height:35px;}
.cnl_wrap .cnl_middle .noProfile div.noProfile_cnl {font-size:34px; line-height:85px}
.cnl_wrap .cnl_middle .cnl_profile .img {width:85px; height:85px; overflow:hidden; border-radius:50%; display:block; position:absolute; top:0; left:0;}
.cnl_wrap .cnl_middle .cnl_profile .title {display:block;font-size:24px; line-height:46px}
.cnl_wrap .cnl_middle .cnl_profile .count {display:block; color:#707070;}
.cnl_wrap .cnl_middle #ch_like {display:block; padding:10px 20px; background:#FF6145; color:#fff; border-radius:2px; position:absolute; top:20px; right:10px;}
.cnl_wrap .cnl_middle h5 {display:block; font-size:20px; }
.cnl_wrap .btn_more {position:absolute; top:0; right:10px}
.cnl_wrap .cnl_main_info {margin-top:30px; position:relative; padding:0 10px;}
.cnl_wrap .cnl_main_info h5 {font-size:17px; margin-bottom:25px;}
.cnl_wrap .cnl_main_info .explanation {width:100%; height:auto; padding-right:300px;}
.cnl_wrap .cnl_main_info .explanation .exp_box {width:100%; height:auto; border-right:1px solid #C0C0C0; padding-bottom:100px; min-height:500px; }
.cnl_wrap .cnl_main_info .explanation .exp_box h5 {padding-left:10%}
.cnl_wrap .cnl_main_info .explanation .exp_box .info {display:block; width:100%; border-bottom:1px solid #C0C0C0;  padding-left:10%; padding-bottom:30px; min-height:50px; margin-bottom:25px;}
.cnl_wrap .cnl_main_info .explanation ul {width:50%;  padding-left:10%;}
.cnl_wrap .cnl_main_info .explanation li {width:50%; margin-bottom:20px;float:left;}
.cnl_wrap .cnl_main_info .explanation li a {color:#FF6145}
.cnl_wrap .cnl_main_info .email {position:absolute ;top:0; right:0; width:280px; text-align:left;}
.cnl_wrap .cnl_main_info .email a {color:#FF6145; margin-top:20px;}
.cnl_wrap .cnl_menu_setting {width:100%; max-width:1000px; margin-left:160px; border-top:1px solid #333333; border-bottom:1px solid #333333; margin-top:50px; overflow:hidden;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box {width:44%; padding:10px; min-height:580px; border:1px solid #ddd; margin-top:60px; margin:60px 3%; float:left; position:relative; }
.cnl_wrap .cnl_menu_setting .bbs_menu_box .btnw {text-align:right}
.cnl_wrap .cnl_menu_setting .bbs_menu_box .btn {padding:5px; background:#fff; border:1px solid #707070; padding-left:20px; margin-right:10px}
.cnl_wrap .cnl_menu_setting .bbs_menu_box .btn.p {background:url('/theme/basic/img/new/btn_p.svg') center left 2px no-repeat;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box .btn.m {background:url('/theme/basic/img/new/btn_m.svg') center left 2px no-repeat; min-width:30px}
.cnl_wrap .cnl_menu_setting .bbs_menu_box ul {margin-top:17px}
.cnl_wrap .cnl_menu_setting .bbs_menu_box li {padding:10px 20px; min-height:41px; cursor:pointer; padding-left:50px;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box li.list {background:url('/theme/basic/img/new/ico_list.svg') center left 17px no-repeat;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box li.blog {background:url('/theme/basic/img/new/ico_blog.svg') center left 17px no-repeat;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box li.bbs_over {background-color:#FFF0ED}

.cnl_wrap .cnl_menu_setting .bbs_menu_box table {width:100%; margin-top:10px;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box th {padding-top:5px; width:35%;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box th,
.cnl_wrap .cnl_menu_setting .bbs_menu_box td {font-weight:500;  padding-bottom:40px; vertical-align:top}
.cnl_wrap .cnl_menu_setting .bbs_menu_box input[type=text]{border:1px solid #E3E3E3; border-radius:2px; padding-left:10px; height:30px;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box td div {margin-bottom:5px;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box select {border:1px solid #E3E3E3; padding:5px}
.cnl_wrap .cnl_menu_setting .bbs_menu_box .guide {position:absolute; bottom:10px; left:10px; width:100%;}
.cnl_wrap .cnl_menu_setting .bbs_menu_box .guide button {border:0; display:inline-block; margin-right:10px; }
.cnl_wrap .cnl_menu_setting .bbs_menu_box .guide button:last-child {margin-right:20px}
.cnl_wrap .cnl_middle .cnl_main_movie {margin-top:30px; position:relative; padding-right:10px; }
.cnl_wrap .cnl_middle .cnl_main_movie .videoarea {width:400px; height:225px; text-align:left; background:#000; position:absolute; top:0; left:0; overflow:hidden}
.cnl_wrap .cnl_middle .cnl_main_movie .videoarea iframe {width:100%; height:100%; border:0px;}
.cnl_wrap .cnl_middle .cnl_main_movie .videoInfo {width:100%; height:225px; padding-left:420px;}
.cnl_wrap .cnl_middle .cnl_main_movie .videoInfo .infoBox { width:100%; height:100%; padding:10px;}
.cnl_wrap .cnl_middle .cnl_main_movie .videoInfo .infoBox h5 {font-size:17px; font-weight:bold}
.cnl_wrap .cnl_middle .cnl_main_bbs {margin-top:30px; position:relative; clear:both; padding-right:10px;}
.cnl_wrap .cnl_middle .cnl_main_bbs .main_post {margin-top:10px; border:1px solid #eee; padding:10px;}
.cnl_wrap .cnl_middle .cnl_main_bbs .main_post img {max-width:100%}
.cnl_wrap .cnl_middle .cnl_main_bbs .main_post p {margin:0}
.cnl_wrap .cnl_middle .cnl_main_bbs table {width:100%; margin-top:10px; border-top:1px solid #FF6145}
.cnl_wrap .cnl_middle .cnl_main_bbs table th {color:#ff6145; border-bottom:1px solid #EEEEEE; height:40px; text-align:center;}
.cnl_wrap .cnl_middle .cnl_main_bbs table #col1 {width:8%}
.cnl_wrap .cnl_middle .cnl_main_bbs table #col3 {width:15%}
.cnl_wrap .cnl_middle .cnl_main_bbs table #col4 {width:15%}
.cnl_wrap .cnl_middle .cnl_main_bbs table #col5 {width:10%}
.cnl_wrap .cnl_middle .cnl_main_bbs table td {border-bottom:1px solid #EEEEEE; text-align:center}
.cnl_wrap .cnl_middle .cnl_main_bbs table td.td_nodata {height:100px}
.cnl_wrap .cnl_middle .cnl_main_contents {margin-top:30px; position:relative; clear:both;}
.cnl_wrap .cnl_top .btn_top {position:absolute; bottom:20px; right:20px; background:url('/theme/basic/img/new/btn_top_setting.svg') no-repeat; display:block; width:36px; height:36px}
.cnl_wrap .cnl_main_setting {width:100%; max-width:1000px;}
.cnl_wrap .cnl_main_setting .cnl_main_setting_item {position:relative; border-bottom:1px solid #E4E4E4; width:100%; padding:30px;}
.cnl_wrap .cnl_main_setting .cnl_main_setting_guide {color:#A7A7A7; margin-bottom:10px;}
.cnl_wrap .cnl_main_setting h5 {font-size:17px; font-weight:bold; display:inline-block;}
.cnl_wrap .cnl_main_setting .btn_contents {padding:5px 20px; border-radius:2px; display:inline-block; border:1px solid #707070; }

.switchWrap {display:inline-block; position:absolute; top:35px; right:30px; vertical-align:middle;  width:34px; height:19px; }
.switchWrapBG {display:block; cursor:pointer; position:absolute; top:1px; left:0; width:34px; height:17px; z-index:0; border-radius:8px; background:#FF6145;}
.switchBG_none {background:#a1a1a1}
.switchWrapSW {width:19px; cursor:pointer; height:19px; background:#fff; border-radius:9.5px; display:block; position:absolute; top:0; right:-1px; z-index:1; box-shadow: 2px 2px 2px #ddd;}
.switchWrapSW.on { }

.cnl_m_title {padding-left:280px; padding-top:20px}
.cnl_setting_wrap {width:100%; margin-left:160px; max-width:1000px; border-top:1px solid #333333; border-bottom:1px solid #333333; margin-top:30px; }
.cnl_setting_wrap table {width:100%;}
.cnl_setting_wrap table tr {border-bottom:1px solid #E4E4E4; }
.cnl_setting_wrap table th {padding:26px 20px; font-size:17px; vertical-align:top}
.cnl_setting_wrap table td h4 {display:none}
.cnl_setting_wrap table td h4 span,
.cnl_setting_wrap table th span {color:#FF6145}
.cnl_setting_wrap table td {padding:26px 20px; text-align:left; position:relative;}
.cnl_setting_wrap table td input[type=text] {border:1px solid #E3E3E3; border-radius:2px; padding-left:10px; height:30px;}
.cnl_setting_wrap table td input[type=file] {display:none;}
.cnl_setting_wrap table td input[type=button] {border:1px solid #707070; padding:0 20px; border-radius:2px; height:30px; background:#fff; margin-left:15px;}
.cnl_setting_wrap table td .cnl_g {color:#A7A7A7; padding-bottom:12px}
.cnl_setting_wrap table td #title {width:100%; padding-right:50px;}
.cnl_setting_wrap table td .tit_w {width:500px;  height:30px;  position:relative;}
.cnl_setting_wrap table .lengchk1 {position:absolute; right:10px; bottom:3px}
.cnl_setting_wrap table td #code_num {width:130px;}
.cnl_setting_wrap table td .radio2 {padding-left:40px}
.cnl_setting_wrap table td .cnl_logo {width:220px; height:55px; text-align:center; color:#CFCFCF; background:#F2F2F2; line-height:55px; display:inline-block; border:1px solid #707070; overflow:hidden;}
.cnl_setting_wrap table td .cnl_logo img {height:55px; vertical-align:top;}
.cnl_setting_wrap table td textarea {border:0; font-size:15px;}
.cnl_setting_wrap table td .cnl_logo_file {display:inline-block; vertical-align:top}
.cnl_setting_wrap table td .cnl_g2 {font-size:13px; color:#A7A7A7; padding-left:15px; padding-top:8px}
.cnl_setting_wrap table td .exp_w {width:500px; min-height:130px; padding-bottom:30px; border:1px solid #E5E5E5; position:relative;}
.cnl_setting_wrap table td .faketextarea { margin:0px; width:100%; font-size:15px; padding:10px}
.cnl_setting_wrap table .lengchk2 {position:absolute; right:10px; bottom:10px}
.cnl_setting_wrap table td .cnl_link {margin-bottom:15px; }
.cnl_setting_wrap table td .cnl_link h5 { min-width:45px; margin:0; display:inline-block;}
.cnl_setting_wrap table td .cnl_link input {display:inline-block; width:100%; max-width:350px}
.cnl_setting_wrap table td .cnl_link > div {margin-bottom:5px; }
.cnl_btnw {width:100%; text-align:center; padding:30px; margin-left:160px; max-width:1000px;}
.cnl_btnw input {padding:10px 50px; background:#FF6145; border:0px; border-radius:2px; color:#fff;}
.leftMenu .form-inline {clear:both; margin-left:18px;  margin-top:20px;}
.leftMenu .ui-sortable-helper .form-control, .form-control {height:34px}
.comInfo {color:#a9a9a9; font-size:11px; margin-left:18px; margin-top:18px}
.leftMenu .comInfo span {display:inline-block; width:auto; margin:0px; border:0px; padding:0px; height:auto; background:#fff;}
.header .alert_pop {position:absolute; top:30px; right:-95px; width:266px; height:auto; z-index:999; text-align:center;  color:#FF6145; background-color:#fff;}
.header .alert_pop img {position:absolute; top:0px; right:95px;}
.header .alert_pop span {margin-top:13px; height:45px; display:block; border:1px solid #ddd; vertical-align:top; box-shadow: 4px 5px 5px #efefef; padding-top:10px; padding-bottom:10px;  border-radius:5px}
.header .alert_btn {min-width:190px; max-width:230px; height:32px; border:1px solid #FF6145; color:#FF6145; text-align:center; line-height:32px; font-size:12px; border-radius:16px; margin:0 auto; margin-top:10px; margin-bottom:15px; display:block;}
/*side_menu*/
.main_con_wrap .swiper-button-next {width:auto; cursor:pointer; top:80px; right:-15px; outline:0}
.main_con_wrap .swiper-button-prev {width:auto; cursor:pointer; top:80px; left:-15px;outline:0}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {display:none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {left:0}
/***** footer *****/
.footer_wrap{padding-top:0px;}
.footer_m {width:100%; height:57px; background:#fff; position:fixed; bottom:0px; z-index: 100; border-top:1px solid #fff; box-shadow:10px 10px 10px 10px rgba(0,0,0, .1 ); display:none}
.footer_m ul {width:100%}
.footer_m li {text-align:center; padding-top:10px; float:left}
.footer_m li.no {width:33.3%;}
.footer_m li.login {width:25%;}
.footer_m .m01 a {color:#FF6145}
.footer_m .label {position:absolute; top:15px; background:#EE0000; border-radius:1em; }
/***** main *****/
#wrap{}
.main_banner {width:100%; position:relative; text-align:center; margin: 0 auto; background:#fff;}
.main_banner .swiper-pagination {position:absolute;}
.main_con2 > *{max-width: 1664px; width:100%; margin: 0 auto;}
.main_con > *{max-width: 1400px; width:100%; margin: 0 auto;}
.main_course{padding-top: 23px; padding-left:20px}
.main_course .main_tlt_wrap{position: relative; width: 100%; font-size:20px; padding-bottom:27px; margin-right: 2%; color: #333; overflow:hidden; font-size:20px; padding-left:20px }
.main_course .main_tlt_wrap h2 {font-size:20px; margin-bottom:0}
.main_course01 {background:#fff;}
.main_course .visual_wrap_a{position:relative; width:100%; height:100%; padding-left:20px; padding-right:20px;}
.main_course .visual_wrap{position:relative; top: 0;left: 0; float: left;width: 100%; padding-bottom: 40px; overflow:hidden }
.box{position: relative; top: 0; left: 0; display: block;background-color: #fff; overflow: hidden; }
.main_course .class_list {padding:0 20px; padding-right:10px;}
.box:hover{text-decoration: none;}
.box:hover .g_box{display: block}
.box .g_box{display: none; position: absolute; top: 0; left: 0;width: 100%;height: 100%; padding:14px 14px; color: #fff; background-color: rgba(26, 9, 6, .9);z-index: 9;}
.box .g_box .txt_box{position: relative; top: 0;left: 0; height: 100%;}
.box .g_box .txt_box p {font-weight:300;}
.box .g_box .multi_line {
	max-height:120px;
	 word-wrap:break-word;
	 display:block;
	 display:-webkit-box;
	 -webkit-line-clamp:3;
	 -webkit-box-orient:vertical;
	 overflow:hidden; -webkit-overflow-scrolling: touch;
	 text-overflow:ellipsis;
	 margin-right: -1em;
	padding-right: 1em;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {display:none}
.box .g_box .multi_line:before,
.box .g_box .multi_line:after{background-color: transparent}
.box .g_box .user{padding-top: 26px; font-size:15px; position:relative; }
.box .g_box .user span{display: inline-block; width: 39px; height: 39px; margin-right: 10px; vertical-align: middle; border-radius: 50%;overflow: hidden; vertical-align: bottom;}
.box .g_box p{padding-top: 35px; /*line-height: 24px;*/}
.box .lock {position:absolute; top:0px; left:0px; width:45px; height:45px; display:block; background:url('/theme/basic/img/sub/ico_lock.png') 10px 10px no-repeat; z-index:5}
.box .lock_bg {position:absolute; top:0px; left:0px; width:0px; height:0px; display:block; border-color:  rgba(0,0,0,0.5) transparent transparent  rgba(0,0,0,0.5); border-style:solid; border-width:30px; z-index:1}
.box .g_box .serise_box{position: absolute; bottom: 0; left: 0;width: 100%;padding:0; color:#FFA28F}
.box .g_box .serise_box .serise{float: left}
.box .btn_class_admin {background:url('/theme/basic/img/setting.svg') no-repeat; width:19px; height:19px; position:absolute; bottom:0px; right:0px;}
.box .btn_class_admin:hover {background:url('/theme/basic/img/setting_Over.svg') no-repeat; }
.box .g_box .serise_box .like{position: absolute; bottom: 0; right:25px; vertical-align:bottom; width: 20px;height: 17px;text-indent: -9999px; background-image: url('/theme/basic/img/heart.svg');background-repeat: no-repeat; }
.box .g_box .serise_box .like:hover{background:url('/theme/basic/img/heart_Over.svg'); background-repeat: no-repeat;}
.box .g_box .serise_box .like.on{float: right;display: inline-block; width: 20px;height: 17px;text-indent: -9999px; background-image: url('/theme/basic/img/heart_on.svg');background-repeat: no-repeat; }
.box .g_box .serise_box .share{position: absolute; bottom: 0; right:0px;  background-image: url('/theme/basic/img/share.svg');background-repeat: no-repeat;  width:17px; height:17px;}
.box .g_box .serise_box .share:hover {background-image: url('/theme/basic/img/Share_Over.svg');}
.box .g_box .serise_box .trash{display:block;background-image: url('/theme/basic/img/trash.svg');background-repeat: no-repeat;  width:17px; height:20px;}
.box .g_box .serise_box .trash:hover{background-image: url('/theme/basic/img/trash_Over.svg');background-repeat: no-repeat; width:17px; height:20px; }
.box .g_box .serise_box .c_st{float: right;display: inline-block; }
.box .g_box .serise_box .c_st a{display: block;clear: both}
.box.course{width: 100%}
.li_cont .folder,
.box .folder {position:absolute; width:40%; height:100%; background:url('/theme/basic/img/ico_folder2.svg') center no-repeat; background-color:rgba(0,0,0,0.4); top:0px; right:0px; font-size:15px; color:#fff; z-index:7; text-align:center;}
.box .folder {padding-top:24.5%; padding-left:40px;}
.box  .img_box{position:relative; top: 0;left: 0; height:auto; text-align:center; overflow:hidden; background:#333}
.box  .img_box > img{ width:100%; }
.box  .img_box .label{position: absolute;top: 10px;left: 10px;}
.box  .img_box .label-default{background-color: #ff6145}
.box  .timePro {position:absolute; bottom:0px; left:0px; width:100%; background:#c1c1c1; text-align:left; height:4px; z-index:7}
.box  .timePro .timePro_bar {width:50%; height:4px; background:#ff6145}
.box  .ico_box {position:absolute; top:10px; left:10px; width:90%; text-align:left; height:45px; z-index:7}
.box  .ico_box span {width:32px; height:32px; border-radius:2px;}
.box  .ico_box .openA { background:url('/theme/basic/img/ico_eyes.svg') center no-repeat; background-color:rgba(0,0,0,0.7); display:inline-block; }
.box  .ico_box .openG { background:url('/theme/basic/img/ico_user.svg') center no-repeat; background-color:rgba(0,0,0,0.7); display:inline-block; }
.box  .ico_box .openP { background:url('/theme/basic/img/icon_password.svg') center no-repeat; background-color:rgba(0,0,0,0.7); display:inline-block; }
.box > .txt_box{padding:5px; height:80px; background-color: #fff; position:relative;}
.box .tlt{color:#333; height:auto; line-height: 20px; margin-left:41px; margin-right:10px; font-size: 15px; font-weight: 500}
.box .tlt2{color:#333; height:auto; line-height: 20px;  font-size: 15px; font-weight: 500}
.box .folderName {color:#7D7D7D; height:auto; position:relative; padding-right:30px; margin-top:5px; font-size: 13px; line-height:20px; font-weight: 500;}
.box .btn_layer {display:block;}
.box .folderName img {vertical-align:top;padding-top:2px}
.box .folderName .cnt {position:absolute; top:2px; right:10px; line-height:13px; border:1px solid #333333; padding:1px 7px; color:#333333; border-radius:2px;}
.box > .txt_box .user{color: #7D7D7D; font-size:14px; margin-left:41px;}
.box > .txt_box2 {padding:5px; height:90px; background-color: #fff; position:relative;}
.box > .txt_box2 .tlt {margin-left:0px;}
.box > .txt_box2 .user{color: #7D7D7D; font-size:13px; margin-left:0px;}
.box > .txt_box2 .user a {color:#7d7d7d}
.box .txt_box .user_pro{font-size:15px; top:5px; position:absolute;}
.box .txt_box .user_pro span{display: inline-block; width: 32px; height: 32px; margin-right: 10px; vertical-align: middle; border-radius: 50%;overflow: hidden; vertical-align: bottom;}
.box .img_box .cont-menu {position:absolute; display:none; bottom:-100px; right:0px; background-color:rgba(255,255,255,0.9);  height:auto; width:auto; z-index:9}
.box .img_box .cont-menu ul {width:100%; height:100%;}
.box .img_box .cont-menu li {text-align:left; height:36px; line-height:36px; padding-left:30px;}
.box .img_box .cont-menu li a {width:100%; height:100%; padding-right:5px; display:block;}
.box .img_box .cont-menu li a:hover {color:#ff6145;}
.box .img_box .cont-menu .cm01 { background:url('/theme/basic/img/ico_keep.svg') 5px  center  no-repeat; }
.box .img_box .cont-menu .cm01:hover { background:url('/theme/basic/img/ico_keep_o.svg') 5px  center  no-repeat;  background-color:#FFF0ED }
.box .img_box .cont-menu .cm02 { background:url('/theme/basic/img/ico_heart2.svg') 5px  center  no-repeat;}
.box .img_box .cont-menu .cm02:hover { background:url('/theme/basic/img/ico_heart2_o.svg') 5px  center  no-repeat; background-color:#FFF0ED}
.box .img_box .cont-menu .cm03 { background:url('/theme/basic/img/ico_share.svg') 5px  center  no-repeat; }
.box .img_box .cont-menu .cm03:hover { background:url('/theme/basic/img/ico_share_o.svg') 5px  center  no-repeat; background-color:#FFF0ED}
.box .img_box .cont-info {display:block; z-index:8}
.box .img_box .cont-info ul {width:auto; height:25px; position:absolute; bottom:10px; right:0; z-index:8}
.box .img_box .cont-info li {text-align:center; width:30px; height:30px; float:left; margin-right:2px; background-color:#000; background-position:center; background-repeat:no-repeat}
.box .img_box .cont-info li a {display:block; width:100%; height:100%;}
.box .img_box .cont-info li.over {background-color:#FF6145}
.box .img_box .cont-info .cm01 { background-image:url('/theme/basic/img/ico_item1.svg');  }
.box .img_box .cont-info .cm01:hover { background-image:url('/theme/basic/img/ico_item1_over.svg'); }
.box .img_box .cont-info .cm02 { background-image:url('/theme/basic/img/ico_item2.svg');}
.box .img_box .cont-info .cm02:hover { background-image:url('/theme/basic/img/ico_item2_over.svg'); }
.box .img_box .cont-info .cm03 { background-image:url('/theme/basic/img/ico_item3.svg'); }
.box .img_box .cont-info .cm03:hover { background-image:url('/theme/basic/img/ico_item3_over.svg');}
.box .img_box .cont-info .cm04 { float:right; border-radius:2px; color:#fff; padding:3px 5px; margin-right:10px; width:auto; height:auto; font-size:12px; z-index:10}
.box .img_box .cont-info .live {float:right; border-radius:2px; color:#fff; padding:3px 5px; margin-right:10px; width:auto; height:auto; background:url('/theme/basic/img/new/ico_list_live.svg') center left 5px no-repeat; padding-left:30px; background-color:#2D8CFF; font-size:14px; z-index:10}
.box .img_box .cont-info .live_end {float:right; border-radius:2px; color:#fff; padding:3px 5px; margin-right:10px; width:auto; height:auto; background:url('/theme/basic/img/new/ico_list_live_end.svg') center left 5px no-repeat; padding-left:32px; background-color:#7D7D7D; font-size:14px; z-index:10}

.box .txt_box2 button,
.box .txt_box button {background:#fff; width:20px; height:20px; border:0px; outline:0; position:absolute; top:5px; right:5px; background:url('/theme/basic/img/ico_cont_menu.svg');}
.box .txt_box2 button:hover,
.box .txt_box button:hover {background:url('/theme/basic/img/ico_cont_menu_over.svg');}

/***** sub *****/
.sub_con_wrap{position: relative; top: 0;left: 0; padding-left:240px; padding-top:70px;}
.sub_con_wrap .sub_con{position: relative; top: 0;left: 0; padding-left:20px; width: 1400px;margin: 0 auto;}
.sub_con_wrap .sub_con4{position: relative; top: 0;left: 0; padding-left:20px; width: 100%;margin: 0 auto;}
.sub_con_wrap .sub_con2{padding:20px; height:100%; background:#fff}
.sub_con_wrap .sub_con3 {clear:both; margin-top:40px; width:100%; background:#FBFBFB;}
.sub_con_wrap .sub_con2 h2 {font-size:20px; margin-bottom:23px; display:inline-block;}
.sub_con_wrap .sub_con2 .btn_folder_add {font-size:16px; padding:7px;  padding-left:30px; background:url('/theme/basic/img/btn_folder_add.svg') center left 5px no-repeat; background-color:#F2F2F2; border:0; outline:0; border-radius:2px; display:inline-block; margin-left:14px;}
.sub_con_wrap .sub_con_tit {width:100%; height:70px; border-bottom:1px solid #DEDEDE;  padding-top:30px;vertical-align:bottom }
.sub_con_wrap .sub_con_tit h2 {font-size:20px; padding:0; margin:0; padding-bottom:15px; padding-left:30px; padding-right:30px; text-align:center; border-bottom:2px solid #FF6145; display:inline-block; }
.sub_con_wrap .sub_con_tit a {font-size:20px; color:#818181; padding-left:30px; padding-right:30px; text-align:center; display: inline-block;}
.sub_con_wrap .history_search {width:280px; position:absolute; top:0; right:0; }
.sub_con_wrap .history_search .pageSelect {clear:both; font-size:17px}
.sub_con_wrap .history_search .pageSelect label {line-height:16px; margin-bottom:15px}
.sub_con_wrap .history_search .pageSelect a {clear:both; font-size:16px; display:block; margin-bottom:20px}
.sub h2{font-size:20px; margin-top:33px;}
.sub h3{font-size: 24px;color: #333;padding-bottom:5px;}
.sub h3 .glyphicon-menu-down{font-size: 0.8em;}
.sub h3 > a.t_tip{outline: 0}
.sub h3 > a.t_tip .glyphicon{font-size: 0.85em; cursor: pointer}
.sub h3 .another_wrap{float: right;}
.sub h3 .another_wrap a{font-size: 15px;font-weight: normal;}
/* 강좌개설 공통 */
.make_class .sub_con{padding:20px 70px}
.make_class .class_name{}
.add_file {height:70vh; min-height:300px; max-height:600px; overflow:auto; padding-bottom:50px;}
.add_file > div{text-align: center; height:auto; width:100%;}
.add_file > div .glyphicon{font-size: 19px;vertical-align: text-top}
.add_file p{padding-top: 4px; text-align: center;font-size: 13px;}
.input_file {width:100%; height:100%; position:relative; display:none; overflow:hidden; padding-bottom:50px;}
.input_file_body {height:100%;  padding:25px; padding-bottom:10px; overflow-y:auto; }
.modal_file .zoomAuth {width:100%; height:100%; text-align:center;}
.modal_file .zoomAuth img {margin-top:50px;}
.modal_file .zoom_u_guide {margin-top:30px;}
.modal_file .zoomAuth a {display:block; margin:0 auto;  width:50%;  height:32px; line-height:32px; color:#fff; text-align:center; background:#FF6145; margin-bottom:15px;  margin-top:40px; border-radius:2px;}
.input_file_body .zoomAuth2 {width:100%; height:32px;  position:relative;  margin-bottom:15px; }
.input_file_body .zoomAuth2 .item1 {position:absolute; left:0; top:0; height:32px; width:32px; overflow:hidden; border-radius:50%;}
.input_file_body .zoomAuth2 .item2 {padding-left:40px; font-size:13px; line-height:16px}
.input_file_body .zoomAuth2 .item3 {position:absolute; right:0; top:0; height:32px; padding:0 15px; line-height:32px;  border-radius:2px;  text-align:center; background:#FF6145;}
.input_file_body .zoomAuth2 .item3 a {display:block; width:100%; height:100%; color:#fff}
.input_file_body .fBox {display:block; width:100%; height:auto; position:relative; margin-bottom:15px; border:1px solid #DBDBDB; min-height:90px; border-radius:5px;}
.input_file_body .fBox p {margin:0}
.input_file_body .fBox1 {margin-bottom:5px;}
.input_file_body .fBoxG {min-height:auto; border:0px;}
.input_file_body .fBox3,
.input_file_body .fBox4,
.input_file_body .fBox5 {min-height:65px; background:url('/theme/basic/img/ico_triangular.svg') 95% 30px no-repeat; cursor:pointer; padding-bottom:10px;}
.input_file_body .fBox ul {display:none; }
.input_file_body .fBox li {padding:5px 0;}
.input_file_body .fBox4 li {min-height:50px; height:auto;}
.input_file_body .fBox4 li:last-child {height:30px;}
.input_file_body .fBox4 li label {line-height:18px}
.input_file_body .fBox4 input[type='text'] {background:#fff; border-radius:2px; width:116px; border:1px solid #333}
.input_file_body .fBox3 li .chk {margin-top:10px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #DDDDDD; color:#fff; border-radius:2px; cursor:pointer;}
.input_file_body .fBox3 li .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.input_file_body .fBox3 .folder_add {margin-left:15px;}
.input_file_body .fBox4 li {vertical-align: middle;}
.input_file_body .fBox4 span {padding-left:27px; display:block; padding-bottom:5px; font-size:13px; color:#838383}
.input_file_body .fBox3 .txt_title3, .input_file_body .fBox5  .txt_title5,
.input_file_body .fBox4 .txt_title4 {width:100%;height:30px;}
.input_file_body .fBox5 h6{transform:translate(10px,25px);}
.input_file_body .fBox6 {display:none; clear:both; width:100%; height:auto; position:relative; margin-bottom:15px;  min-height:90px; border-radius:5px;}
.input_file_body .chk2 {margin-top:2px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #707070; color:#fff; border-radius:2px; cursor:pointer;}
.input_file_body .on2 {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.input_file_body .mb20 {margin-bottom:20px;}
.input_file_body .fBox6 .single_line {padding-top:5px; display:inline-block;}
.input_file_body .fBox6 .file_remove {width:23px; height:23px; display:inline-block; background:url('/theme/basic/img/btn_remove_file.svg') no-repeat; cursor:pointer }
.input_file_body .fBox6 .file_remove:hover {background:url('/theme/basic/img/btn_remove_file_o.svg') no-repeat;}
.input_file_body .fBox6 .txt_title6 {position:relative; top:0; left:0; height:20px}
.input_file_body .fBox6 p {font-size:13px;}
.input_file_body .fBox6 .thumb_list {margin-top:5px;}
.input_file_body .fBox6 .thumb_list input {margin-top:5px}
.input_file_body .fBox6 .thumb_list  ul {width:100%; height:auto}
.input_file_body .fBox6 .thumb_list  li {float:left; width:50%;}
.input_file_body .fBox6 .thumb_list  li .imgA {width:82%; border:1px solid #707070; margin-top:10px; margin-left:10%;}
.input_file_body .fBox6 .thumb_list  li .imgA img {width:100%;}
.input_file_body .fBox6 .thumb_list  li .imgB {width:82%; border:1px solid #707070; margin-top:10px; background:url('/theme/basic/img/bg_thumb.svg') center no-repeat; position:relative; margin-left:10%; height:100%;}
.input_file_body .fBox6 .thumb_list  li .imgB span {position:absolute; top:85px; width:100%; display:block; left:0; text-align: center; font-size:13px; z-index:1;}
.input_file_body .fBox6 .thumb_list  li .imgB img {z-index:5}
.input_file_body .fBox6 .thumb_list  li .imgC {width:82%; border:1px solid #707070; margin-top:10px; margin-left:10%; background:url('/theme/basic/img/bg_thumb5.svg') center no-repeat; position:relative;}
.input_file_body .fBox6 .thumb_list  li .imgC span {position:absolute; top:85px; width:100%; display:block; left:0; text-align: center; font-size:13px; z-index:1;}
.input_file_body .fBox6 .thumb_list  li .imgC img {width:100%;}
.input_file_body .fBox6 .thumb_list  li input[type='file'] {margin-left:10%; width:82%; margin-top:10px}
.input_file_body .fBox6 .thumb_list input[type='text'] {width:90%; padding-left:10px; border:1px solid #707070; border-radius:5px}
.input_file_body .fBox6 .thumb_list p {margin:0; margin-bottom:5px;}
.input_file_body .fBox7 {display:none; clear:both; width:100%; height:auto; margin-bottom:15px;  min-height:90px; border-radius:5px; }
.input_file_body .fBox7 .btn_add_cont {position:absolute; top:10px; right:25px;}
.input_file_body .fBox7 .list {clear:both; height:560px; margin-top:20px;  overflow-y:auto;}
.modal_contentsL .list .folder_remove,
.input_file_body .fBox7 .list li .item_remove {width:26px; height:26px; margin-right:0px;  display:inline-block; background:url('/theme/basic/img/ico_item_remove.svg') center no-repeat; vertical-align:top; margin-top:20px; cursor:pointer;}
.input_file_body .fBox7 .list .msg {text-align:center; padding-top:120px;}
.input_file_body .fBox7 .list .move {color:#0075FF;}
.input_file_body .fBox7 .list ul {width:100%; }
.input_file_body .length-limit {width:100%; height:90px; z-index:0; padding:10px; padding-left:14px; padding-top:30px; outline:none; border:0px; border-radius:5px; }
.input_file_body .length-limit:focus {border:0; outline:none;}
.input_file_body .length-limit2 {width:100%; min-height:90px;  padding:10px; padding-top:30px; outline:none; border:0px; overflow-y: hidden; resize: none; }
.input_file_body .length-limit2:focus {border:0; outline:none;}
.faketextarea {height:90px; max-height:150px; overflow:auto;  padding-left:14px; margin-top:30px; margin-bottom:30px; outline:none; border:0px; content: attr(placeholder);}
.faketextarea:focus {border:0; outline:none;}
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block;
	opacity:0.3;
}
.input_file_body .txt_count,
.input_file_body .txt_count2 {display:none}
.input_file_body h5 {position:absolute; top:10px; left:10px; font-size:14px; color:#333; margin:0; z-index:1;}
.input_file_body .txt_count,
.input_file_body .txt_count2,
.input_file_body .txt_count3,
.input_file_body .txt_count4 {position:absolute; bottom:10px; right:10px; margin:0}
.input_file_body .txt_link {display:inline-block; background:#EFEFEF; padding:5px; color:#0075FF; border-radius:5px;}
.input_file_body .txt_link  a {color:#0075ff}
.input_file_body .txt_link h5 {color:#333; top:0; left:0px; padding-left:10px; padding-right:5px; display:inline; position:relative; }
.input_file_body .txt_link button {background:none; border:0px; outline:0; margin-left:10px; margin-right:5px;}
.input_file_body .folder_list {margin-top:30px; padding-left:14px; padding-right:14px}
.input_file_body .folder_list p { padding-top:0px; opacity:0.3}
.input_file_body .folder_list .folder_input {width:96%; height:auto; position:absolute; top:15px; left:2%; margin-top:20px; background:#fff;  display:none}
.input_file_body .folder_list .folder_input div {width:100%; border:1px solid #DBDBDB; padding:5px;}
.input_file_body .folder_list .folder_input textarea {height:30px; width:100%; border:0px; padding-top:5px;}
.input_file_body .folder_list .folder_input span {width:100%; padding-top:5px; display:block; text-align:right}
.input_file_body .folder_list .folder_input span .btn_folderAdd {color:#DFDFDF}
.input_file_body .open_list {margin-top:30px; padding-top:5px; padding-left:14px;}
.input_file_footer {width:100%; height:48px; overflow:hidden; background:#fff; border-top:1px solid #D9D9D9; position:absolute; bottom:0px; left:0px;}
.input_file_footer a {position:absolute; top:15px; right:110px; color:#FF6145}
.input_file_footer #pro_t {display:inline-block; padding:12px 10px; }
.input_file_footer #pro_w {display:inline-block; vertical-align:middle; width:50%; background:#E6EAED; margin-left:20px; height:4px; }
.input_file_footer #pro_w .pro_bar {background:#3D95FF; height:4px; width:0%; display:block;}
.input_file_footer .btn_save {position:absolute; bottom:8px; right:-100px; padding:6px 20px; background:#FF6145; color:#fff; border-radius:2px}
.file_popup {position:fixed; bottom:20px; right:20px; z-index:99; width:390px; background:#292929; color:#fff; display:none; border-radius:5px}
.file_popup .tit {padding:10px}
.file_popup .tit .btn_close {background:none; border:0; outline:0; position:absolute; top:10px; right:10px;}
.file_popup .tit .btn_hide {background:none; border:0; outline:0; position:absolute; top:10px; right:40px;}
.file_popup .progress {height:4px; width:100%; background:#E6EAED; margin:0}
.file_popup .progress .bar {height:4px; width:0%; background:#3D95FF; display:block;}
.file_popup ul {width:100%; max-height:200px; overflow-y:auto; margin-top:20px;}
.file_popup li {width:100%; padding-bottom:20px; padding-left:10px; position:relative;}
.file_popup li div {padding-left:25px; background:url('/theme/basic/img/btn_pop_edit.svg') center left no-repeat; width:55%; display:block;}
.file_popup li div:hover {background:url('/theme/basic/img/btn_pop_edit_over.svg') center left no-repeat; width:55%;}
/*.file_popup li div:hover {width:55%;cursor:auto;}*/
.file_popup li a {color:#D4D4D4}
.file_popup li .ing {position:absolute; top:0; left:60%;}
.file_popup li .status {position:absolute; top:0; right:20px;display:none;}
.mt20 {margin-top:20px;}
.pr300 {padding-right:300px;}
.pr350 {padding-right:350px;}
.class_list table {width:100%; background:#fff; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; table-layout:fixed;}
.class_list table th {height:50px; text-align:center; color:#707070; font-size:14px; font-weight:400;  }
.class_list table #th1 {width:70px}
.class_list table #th2 {text-align:left;}
.class_list table #th3 {width:8%}
.class_list table #th4 {width:8%}
.class_list table #th5 {width:8%}
.class_list table #th6 {width:8%}
.class_list table #th7 {width:8%}
.class_list table #th8 {width:8%}
.class_list table #th9 {width:8%}
.class_list table .chk {margin-top:2px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #707070; color:#fff; border-radius:2px; cursor:pointer;}
.class_list table .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.class_list table td {text-align:center; position:relative; border-top:1px solid #D8D8D8; padding-bottom:10px; padding-top:10px; color:#707070;}
.class_list table .td1 {vertical-align:top;}
.class_list table .td2 {text-align:left;}
.class_list table .td2 .open {display:none;}
.class_list table .td2 .openA {background:url('/theme/basic/img/bg_open_A.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .openF {background:url('/theme/basic/img/bg_open_F.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .openG {background:url('/theme/basic/img/bg_open_G.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .openU {background:url('/theme/basic/img/bg_open_U.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .openP {background:url('/theme/basic/img/bg_open_G.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .cost {display:none; background:url('/theme/basic/img/bg_cost.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .live {display:none; background:url('/theme/basic/img/new/bg_live.svg') center left no-repeat; padding-left:20px; }
.class_list table .td2 .live_end {display:none; background:url('/theme/basic/img/new/bg_live_end.svg') center left no-repeat; padding-left:20px; }
.class_list table .up {color:#bbb}
.class_list table .td2 span {position:absolute; background:#000; padding:3px; border-radius:2px; font-size:12px; bottom:5px; right:5px; color:#fff; z-index:10}
.class_list table .td3 span a {color:#FF6145}
.class_list table td .single_line {margin-left:10px;  width:100%; }
.class_list table td .mobile_list {width:23px; height:23px; position:absolute; top:5px; right:5px; background:url('/theme/basic/img/btn_m_list.svg') no-repeat ; cursor:pointer; display:none;}
.class_list table td .img { width:128px; min-height:72px; height:auto; position:relative; background:#333; z-index:3}
.class_list table td .img img {width:128px; border:1px solid #707070;}
.class_list table td .img .pro {width:100%; height:4px; background:#E6EAED; position:absolute; left:0px; bottom:0px;}
.class_list table td .img .pro .pro_bar2 {width:0px; height:4px; background:#3D95FF}
.class_list table td .pro_c {clear:both; margin-left:7px; color:#3D95FF; font-size:13px;}
.class_list table td .edit {position:absolute; top:10px; width:100%; padding-left:128px;}
.class_list table .td2 .edit ul {margin-top:8px;}
.class_list table .td2 .edit li {float:left; margin-left:10px; font-size:0;}
.class_list table td .edit .edit_1 {display:inline-block; height:25px; background:url('/theme/basic/img/btn_edit.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_2 {display:inline-block; height:25px; background:url('/theme/basic/img/btn_share.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_3 {display:inline-block; height:25px; margin-left:5px; background:url('/theme/basic/img/btn_play.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_4 {display:inline-block; height:25px; margin-left:5px; background:url('/theme/basic/img/btn_move.svg') center no-repeat; width:17px;}
.class_list table td .edit .edit_5 {display:inline-block; height:25px; margin-left:7px;background:url('/theme/basic/img/btn_more.svg') center no-repeat; width:15px;}
.class_list table td .edit .edit_8 {display:inline-block; height:25px; margin-left:5px; background:url('/theme/basic/img/btn_remove.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_10 {display:inline-block; height:25px; background:url('/theme/basic/img/btn_edit.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_1:hover {background:url('/theme/basic/img/btn_edit_o.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_2:hover {background:url('/theme/basic/img/btn_share_o.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_3:hover {background:url('/theme/basic/img/btn_play_o.svg') center no-repeat; width:27px;}
.class_list table td .edit .edit_4:hover {background:url('/theme/basic/img/btn_move_o.svg') center no-repeat; width:17px;}
.class_list table td .edit .edit_5:hover {background:url('/theme/basic/img/btn_more_o.svg') center no-repeat; width:15px;}

.class_list table td .edit .edit_6 {display:none; position:absolute;  top:40px; left:310px; border:1px solid #ddd; border-bottom:0px; padding-left:40px; padding-bottom:5px; padding-top:10px; width:290px; border-radius:5px 5px 0 0; background:url('/theme/basic/img/btn_list.svg') 15px 10px no-repeat; background-color:#fff; z-index:99; height:40px; font-size:14px; }
.class_list table td .edit .edit_6:hover {background:url('/theme/basic/img/btn_list_o.svg') 15px 10px no-repeat; color:#FF6145; background-color:#FFF0ED}
.class_list table td .edit .edit_7 {display:none; position:absolute;  top:80px;  left:310px; border:1px solid #ddd; border-top:0px; padding-left:40px; padding-bottom:5px; padding-top:10px; width:290px; border-radius:0 0 5px 5px; background:url('/theme/basic/img/btn_remove.svg') 15px 8px no-repeat; background-color:#fff; z-index:99; height:40px; font-size:14px; }
.class_list table td .edit .edit_7:hover {background:url('/theme/basic/img/btn_remove_o.svg') 15px 8px no-repeat; color:#FF6145; background-color:#FFF0ED}
.class_list table td .edit .jp {width:360px}
.class_list table td .edit .edit_remove {background:url('/theme/basic/img/btn_remove.svg') center no-repeat; width:17px;}
.class_list table td .edit .edit_remove:hover {background:url('/theme/basic/img/btn_remove_o.svg') center no-repeat; width:17px;}
.class_list .pagingW {position:relative; width:100%; }
.class_list .page_rowsW {position:absolute; top:0px; right:30px;}
.class_list .page_rows {padding:2px; padding-left:5px; border-radius:5px;}


/***** 강좌개설A *****/
.classA h3{font-size:20px; padding:0px; margin-top:26px;}
.classA .section02{padding-top: 110px;}
.classA .sm{width: 465px;margin: 0 auto;text-align: center;}
.classA .con{position:relative;}
.classA .con .t {position:absolute; top:7px; left:0px;}
.classA .section02 .tlt_wrap{padding-bottom: 5px;text-align: center}
.classA .section02 .tlt_wrap p{color: #888}
.classA .another_wrap{text-align: right}
.classA .btn_section{width:600px; margin: 0 auto; margin-top: 27px;}
.classA .btn_section .btn_back {color:#FF6145}
.classA .btn_section .btn{min-width: 100px;}
.classA .btn_section .btn-prev{background-color: #eee}
.classA .btn_section .r_box{text-align: right;}
.classA .btn_section .r_box p{padding-top: 10px; color: #666}

.classA01 .section02{padding-bottom: 20px;}
.classA01 .form-group{position: relative; padding-left:50px; padding-bottom:32px}
.classA01 .form-group2{position: relative; }
.classA01 .form-group2 textarea {height:137px}
.classA01 .form-control{padding-right: 70px}
.classA01 .txt_count{position: absolute;bottom: 5px;right: 5px;color: #666}
.classA01 .txt_count2{position: absolute;bottom: -25px;right: 5px;color: #666}
.classA01 .txt_guide{position: absolute;bottom: -25px;left: 5px;color: #666}
.classA01 table {width:100%;}
.classA01 table tr {position:relative;}
.classA01 table #col1 {width:30%; font-weight:400; }
.classA01 table #col2 {width:70%; font-weight:400;}
.classA01 table input {width:100%; height:30px; color:#707070; padding-left:5px; border:1px solid #E5E5E5; border-radius:5px}
.classA01 table td {padding-right:10px; height:40px; text-align:right}
.table-condensed{border-top: 2px solid #ff6145;border-bottom: 1px solid #eee }
.table-condensed th{ color: #ff6145}

/*.lay_upload {position:absolute; top:60px; padding:10px 20px; font-size:14px; right:0px; z-index:999; background:#fff; border:1px solid #DEDEDE; border-radius:5px; text-align:left; display:none}*/
.lay_upload {position:absolute; top:60px; padding:10px 20px; font-size:14px; right:0px; z-index:9999; background:#fff; border:1px solid #DEDEDE; border-radius:5px; text-align:left; display:none}
.lay_upload li {width:100%; height:25px; line-height:25px;}
.lay_upload li a {display:block; width:100%; height:100%;}
.lay_upload .ico_f {background:url('/theme/basic/img/new/ico_u_file.svg') center left no-repeat; padding-left:30px; }
.lay_upload .ico_z {background:url('/theme/basic/img/new/ico_u_zoom.svg') center left no-repeat; margin-top:10px; padding-left:30px; }

.msgLayer {position:fixed; display:table; overflow:hidden; z-index:9999; top:0; left:0; width:100%; height:100%;  }
.msgLayer .vimeo {display:table-cell; background:rgba(0,0,0,0.5); vertical-align:middle; text-align:center; }
.msgLayer .vimeo .mbox {width:850px; padding:12px; display:inline-block;}
.msgLayer .vimeo .mbox .tit {width:100%; height:30px; padding-top:3px; font-size:17px; text-align:right; position:relative;}
.msgLayer .vimeo .mbox .btn {width:100%; outline:0; height:auto; padding:0; padding-right:12px;  text-align:right;}
.msgLayer .vimeo .mbox .btn:hover{outline:0}
.msgLayer .vimeo .mbox .cont {width:100%; padding-bottom: 56.25%; height:0; position:relative;}
.msgLayer .vimeo .mbox .cont iframe {width:100%; height:100%; position:absolute; left:0px; top:0px}
.msgLayer .area {background:#fff; display:table-cell; background:rgba(0,0,0,0.5); vertical-align:middle; text-align:center; }
.msgLayer .area .mbox {width:437px; padding:12px; background:#fff; display:inline-block;}
.msgLayer .area .mbox .tit {width:100%; height:30px; padding-top:3px; font-size:17px; text-align:left; position:relative;}
.msgLayer .area .mbox .tit button {position:absolute; top:0px; right:0px; border:0px; outline:0; background:#fff;}
.msgLayer .area .mbox .cont {width:100%; height:auto; padding:12px; padding-bottom:0; text-align:left;}
.msgLayer .area .mbox .chk {width:100%; height:auto; padding:12px; padding-top:10px; text-align:left;}
.msgLayer .area .mbox .btn {width:100%; height:auto; padding:0; padding-right:12px;  text-align:right;}
.msgLayer .area .mbox .btn:hover{outline:0}
.msgLayer .area .mbox .btn button {border:0px; outline:0; background:#fff; font-size:15px; margin-left:20px;}
.msgLayer .area .mbox .btn .no {color:#B1B1B1; cursor:default;}
.msgLayer .area .mbox .chk .chkbox {display:inline-block;  width:18px; height:18px; margin-right:10px; vertical-align:bottom; background:#fff; border:1px solid #DDDDDD; color:#fff; border-radius:2px; cursor:pointer;}
.msgLayer .area .mbox .chk .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.msgLayer .file_thumb {width:auto; 0 height:auto; margin:0 auto; margin-bottom:15px;  background:url('/theme/basic/img/bg_thumb3.svg') center no-repeat;}
.msgLayer .file_thumb input {margin-top:10px;}
.msgLayer .ok {color:#FF6145}
.msgLayer .load img {width:60px;}
.msgLayer .load p {color:#fff;padding-top:10px;}
.bg_sel {background:rgba(0,0,0,0.65); position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; color:#fff; padding-top:20px;}
.list_chk {width:100%; height:0px; display:none;  background:#363636; color:#fff;z-index:999 }
.list_chk button {background:none; border:0px; outline:0; padding:0 20px; }
.list_chk span {display:inline-block; padding:20px;}
.list_chk .selbox {width:auto; cursor:pointer; background:url('/theme/basic/img/slebox_arrow.svg') center right no-repeat; display:inline-block; padding:20px; position:relative; }
.list_chk .selbox_list {width:160px; display:none; position:absolute; top:50px; left:10px; z-index:99; box-shadow: 3px 4px 3px rgba(0,0,0, .05 );}
.list_chk .selbox_list li {width:100%; padding:10px; color:#000; background:#fff; }
.list_chk .selbox_list li:hover {color:#FF6145; background:#FFF0ED}
.ui-sortable-helper .table-condensed{border-top: none !important; }
tr.ui-sortable-helper{}
.ui-sortable-helper > td,
.table-condensed th,
.table-condensed td{ padding: 20px 10px !important;text-align: center;}
.table-condensed .text-left {
    text-align: left !important;
}
.table-condensed .t01 {width:10%}
.table-condensed .t03 {width:15%}
.table-condensed .t04 {width:15%}
.table-condensed .t05 {width:8%}
/*.classA04 .add_file{padding-top: 80px}*/

.classB .sub_con_wrap .nav{width:1400px; height:70px; position:relative; margin:0 auto; text-align:right;  }
.classB .sub_con_wrap .nav ul {position:absolute; top:-40px; right:100px;}
.classB .sub_con_wrap .nav li {float:left; text-align:left; height:60px; width:148px; background:url('/theme/basic/img/sub/upload_tab_Map.png') no-repeat;  position:relative; font-size:17px; }
.classB .sub_con_wrap .nav li:last-child {background:url('/theme/basic/img/sub/upload_tab_Map_last.png') no-repeat}
.classB .sub_con_wrap .nav li a {position:absolute; top:35px; left:-16px; }
.classB .sub_con_wrap .nav li a div {font-size:12px}
.classB .sub_con_wrap .nav li.menu02 a {width:120px; left:-42px;}
.classB .sub_con_wrap .nav li.menu03 a {left:-45px;}
.classB .sub_con_wrap .nav li .active {display:block; position:absolute; width:54px; height:66px; top:-21px; left:-12px; background:url('/theme/basic/img/sub/Pointer.png') no-repeat; cursor:pointer;}
.classB .sub_con_wrap .nav li .active_off {display:block; position:absolute; width:54px; height:66px; top:-21px; left:-12px; cursor:pointer;}
.classB .sub_con_wrap .nav li .active_on {display:block; position:absolute; width:54px; height:66px; top:-21px; left:-12px; background:url('/theme/basic/img/sub/Pointer_Check.png') no-repeat; cursor:pointer;}
.classB .sub_con_wrap .nav li .active_on_off {display:block; position:absolute; width:54px; height:66px; top:-9px; left:-12px; background:url('/theme/basic/img/sub/Finish.png') no-repeat; cursor:pointer;}
.top_btn {top:-40px; right:50px; position:absolute;}

/***** 강좌개설B *****/
.classB .side_bar_wrap{position:absolute; border-left:1px solid #DFDFDF; height:90%; top:50px;right:0px; width: 378px; z-index: 1}
.classB .side_bar{position: absolute;top: 0;left: 0;width: 100%}
.classB .side_bar a{display: block; padding: 12px; font-size: 17px;font-weight: 500;}
.classB .side_bar .nav{padding-bottom: 20px;}
.classB .side_bar li a{color: #333;}
.classB .side_bar li.active a{color: #ff6145;background-color:#fff0ed;border-radius: 5px; }
.classB .side_bar li.menu02 div{display: block;font-size: 14px;color: #666}
.classB .side_bar li.menu02 span{display: inline-block; padding-right: 10px;}
/*.classB .side_bar li.menu02 span:first-child:after{display: inline-block;width: 1px;height: 10px;margin-left: 10px;content: ""; background-color: #ddd}
*/
.ifr_edit {min-height:300px}
.classB .scroll .side_bar {position:;top: 0;left: 0; width: 100%}
.classB .scroll .side_bar > div{position:fixed; top:100px }
.classB .preview {width: border:1px solid #ddd; position:relative; }
.classB .preview .preview_img {width:240px; height:145px; overflow:hidden; -webkit-overflow-scrolling: touch; border:1px solid #ddd; border-radius:5px; float:left;}
.classB .preview img {min-height:145px; min-width:100%;  float:left;  }
.add_file2 {float:right; width:auto; font-size:13px; line-height:20px; }
.add_file2 > div{padding-top: 20px; height:145px; text-align: center; border: 1px dashed #c7c7c7; border-radius:5px}
.add_file2 > div .glyphicon {width:100%; height:27px; margin-top:20px; background:url('/theme/basic/img/sub/Picture_Upload.png') center no-repeat;}
.add_file2  strong {color:#FF6145;}
.glyphicon-question-sign2 {width:16px; height:20px; vertical-align:middle;  background:url('/theme/basic/img/sub/question.svg')  no-repeat;}
.popover{
    max-width:600px;
}
/* 기본정보 */
.classB .con{float:left; width: 70%; padding-right:10%; }

.classB .con .section > div{padding-bottom: 35px;}
.classB .class_name{padding-bottom: 25px;}
.classB .sub_con > .cb{padding-top: 20px; }
.classB textarea.form-control{height: 300px;}
.classB .another_wrap .first{padding-right: 6px;}
.classB .another_wrap .first:after{display: inline-block;width: 1px;height: 10px;margin-left: 10px;content: ""; background-color: #ddd}

.classB h3 .glyphicon-menu-right{display: inline-block; padding: 0 10px;font-size: 0.8em;}

.classB .con #section01 > div{border-bottom: 0}
.classB .con #section01 > .last{padding-bottom: 85px;border-bottom: 1px solid #ddd;}
.classB .thum_wrap .form_box > div{padding-top: 35px;}
.classB .thum_wrap .form_box > div:first-child{padding-top:0;}
.classB .thum_wrap .s_tlt{font-size: 16px; padding-bottom: 20px;}
.classB .thum_wrap .thum_box a{float: left;width: 200px;height: 246px;}
.classB .thum_wrap .thum_box a.first{margin-right: 20px;}
.classB .thum_wrap .thum_box a .g_box{display: block;padding: 20px 15px}
.classB .thum_wrap .thum_box a .tlt{font-size: 14px;}
.classB .thum_wrap .thum_box a .user{font-size: 12px;}
.classB .thum_wrap .thum_box a .g_box .user{padding: 10px 0}
.classB .thum_wrap .thum_box a .g_box p {height: 65px; line-height: 20px; font-size: 12px;}
.classB .thum_wrap .thum_box a .g_box .serise_box{font-size: 12px;}

.classB .thum_wrap .sample > div{float: left; width: 11%;  margin-right:1.7%; text-align:center; overflow:hidden; -webkit-overflow-scrolling: touch; border-radius:50%; border:1px solid #ddd; position:relative; margin-bottom:20px;}

.classB .thum_wrap .sample > div:last-child {margin-right:0%}
.classB .thum_wrap .sample > div img {max-width:200%; z-index:1}
.classB .thum_wrap .sample a{position: relative; top: 0;left: 0;max-width: 198px;max-height: 113px;overflow: hidden}
.classB .thum_wrap .sample .active{width:100%; height:100%; top:0px; left:0px; z-index:99; position:absolute;  background:url('/theme/basic/img/sub/thum_chk.png') center no-repeat;  background-color:rgba(0,0,0,0.5); }
.classB .thum_wrap .sample .active span{position: absolute;top: 0;right: -1px;}
.classB .thum_wrap .sample .active span img{vertical-align: top}


/* 컨텐츠 관리*/
.btn_drop{padding: 10px; cursor: pointer;}
.classB .progress_wrap > *{float: left}
.classB .progress_wrap span{display: block; width: 130px;color: #666;}
.classB .progress_wrap .progress{width: 70%}
.ui-sortable-helper .form-group,
.classB .con_setting .form-group{width: 90%;padding-left: 10px;}
.cardA {cursor:move; width:100%; clear:both; float:right }
.card_file{ width:95%; float:right}
.card_sec{ }
.classB .card_sec{width:100%; float:right; background-color: #FFF0ED; border:1px solid #FF6145; border-radius:3px; }
.classB .card-header{position: relative; top: 0;left: 0;padding:10px 30px; }
.classB .card-header > div{padding-left:0px;}
.classB .card-header .l_box{width:70%; position: relative; top: 0;left: 0; }
.classB .card-header .btn_drop{position: absolute; top: 10px;left: 30px; display: block;margin-right: 10px; padding: 9px 10px 9px 0; }
.clstime {line-height:35px;}
.classB .card-header .form-group{float: left; margin-bottom: 0;}
.classB .card-header .func_wrap{float: right; padding-top: 3px; }
.classB .card-header .func_wrap span {margin-left:10px;}
.classB .card-header .func_wrap .txt{padding-right: 10px; vertical-align:bottom}
.classB .card-header .func_wrap a{font-size: 17px;color: #666}
.classB .card-header .func_wrap .arrow{display: inline-block;padding: 5px 0 5px 20px;cursor: pointer;}
.classB .card-header .func_wrap .arrow img{vertical-align: middle;}
.classB .card_sec .card-body{padding: 0 30px 15px}
.classB .card-body{background-color: #bfd3d6; border-radius:5px; box-shadow: 3px 4px 3px rgba(0,0,0, .05 );}
.classB .card_file{}
.classB .card_video > .card-header{background-color: #FBFBFB; border:1px solid #C1C1C1; border-radius:5px;}
.classB .card_doc{border: 0;}
.classB .card_doc > .card-header{background-color: #f7f7f7; border-radius:3px;}
.add_content {min-height:20px; padding-top:10px; width:100%; position:relative; float:right; cursor:pointer; z-index:10}
.add_content img {position:absolute; top:-20px; left:-2%; display:none}
.add_content div {width:100%; height:60px; overflow:hidden; -webkit-overflow-scrolling: touch; display:none; border:1px dashed #6A6A6A; margin-bottom:10px; position:relative;}
.add_content li {position:absolute;  top:20px;}
.add_content .add1 {left:15%; z-index:99}
.add_content .add2 {left:0%; text-align:center; width:100%; z-index:9}
.add_content .add3 {right:15%; z-index:99}
.classB .file_icon_1 {height:20px; width:15px; display:inline-block; background:url('../img/sub/mp3.svg') no-repeat;vertical-align:middle; margin-right:10px; }
.classB .file_icon_2 {height:23px; width:23px; display:inline-block; background:url('../img/Upload_play.png') no-repeat;vertical-align:middle; margin-right:10px; }
.classB .file_icon_3 {height:21px; width:24px; display:inline-block; background:url('../img/Upload_pdf.png') no-repeat;vertical-align:middle; margin-right:10px; }

#fileSel {width:194px; height:72px; border:1px solid #ddd; border-radius:3px; position:absolute; top:40px; right:10px; z-index:9999 }
#fileSel li {width:100%; background:#fff; height:36px; font-size:14px; line-height:36px; border:1px solid #ddd; background:#fff}
#fileSel li a {font-size:14px;}
#fileSel li:first-child { border-top:0px;}
#fileSel li:hover {background:#EEEEEE;}
.attachWrap {width:85%; margin:0 auto; margin-top:5px; border-top:1px solid #ddd}
.attachWrap span {margin-top:5px; display:block; }
.attachWrap span img {vertical-align:top; margin-right:5px;}
.attachWrap span a {float:right;}
.card .ic_file{float: left; padding: 8px 0px 0 0;height: 40px;}
.card .ic_file .glyphicon{padding-right: 9px; color: #000; opacity: 0.1;}
.card .upload_box .l_box{}
.card .upload_box .r_box{float: right}
.cardA .line {width:100%; height:5px;  position:relative; background-color:rgba(0,45,151,0.6); display:block; border-radius:3px; z-index:9999}
.cardA .line img {position:absolute; right:27px; top:-8px; cursor:pointer}

.card.card_file .upload_box{position: relative;top: 0;left: 0;padding-top: 12px;color: #888}
.card.card_file .upload_box .l_box{width: 455px;}
.card.card_file .upload_box  span{ margin-left:10px; display:block; float:left;}
.card.card_file .upload_box .l_box > div{width: 100%;padding: 7px 0px 0 0px; float:left;}
.card.card_file .upload_box .progress{margin-bottom: 10px;height: 10px;}
.card .upload_box .r_box .checkbox{float: left;}
.card .upload_box .r_box .checkbox:first-child{padding-right: 30px;}
.card_sec .sec_btn_wrap{padding: 10px 0 15px;}
.card_sec .sec_btn_wrap .btn{color: #333; background-color: #f7f7f7}

.classB .add_card_wrap .btn_wrap{padding: 60px 0 30px;}
.classB .add_card_wrap .btn_wrap .btn{background-color: #90b4ba; color:#333; border-radius:5px;}
.classB .add_card_wrap .add_file{padding-top: 30px;}

.classB .checkbox.first{margin-top:0 !important}
.checkbox > .depth,
.depth > .depth{padding-left: 20px}
.classB #section03 .depth03 > .checkbox:first-child {margin: 15px 0 20px;}
.classB #section03 .flag_group{padding-left: 25px}
.classB #section03 .flag_group .flag_drop{position: relative;top: 0;left: 0;}
.classB #section03 .flag_group .form-control{padding-left: 12px}
.classB #section03 .t_tip{vertical-align: top}
.classB #section03 .price_list{padding:45px 0 0 65px;}
.classB #section03 .price_list .t_tip{vertical-align: top}
.classB #section03 .price_list .form-control{width: 120px;}
.classB #section03 .card-header > div{padding-left: 0}
.classB #section03 .card_sec > .card-header .l_box{width: 100%}
.classB #section03 .card-header .l_box{width: 52%;}
.classB #section03 .card_file.sample .card-header{color: #fff; background-color: #333;}
.classB #section03 .card_file.sample .func_wrap{line-height: 45px}
.classB #section03 .card_file.check .card-header{background-color: #ffe4a4}
.classB #section03 .card_file.check .check{color:#ff3333;font-weight: 500}
.classB #section03 .card_file .form-group{float: none;padding-left: 20px}
.classB #section03 .card .sbj{display: block; min-height: 45px;padding: 13px 0}
.classB #section03 .total_wrap{text-align: right}
.classB #section04 .checkbox,
.classB #section05 .checkbox,
.classB #section06 .checkbox{margin: 20px 0}
.classB #section04 .depth03 > .btn{float: left;}
.classB #section04 .another_wrap{float: left;padding-left: 20px;line-height: 40px;}
.classB #section04 .depth03 .txt_info{clear: both;padding-top: 35px;}
.classB .con #section06{padding-bottom: 0}
.classB .con #section06 > div{padding-bottom: 0;border-bottom: 0}

/* 강좌소개 */
.class_detail .sub_con_wrap{padding-top:70px; z-index:9}
.class_detail .class_top{position: relative; width:100%; margin:0 auto; padding: 35px 0; background:#F9F9F9}
.class_detail .class_top.fixed{display: none;}
.class_detail .class_top > div{position: relative; width:1400px; margin: 0 auto; display: table;color: #333; padding-left:20px;}
.class_detail .class_top .thum{display: table-cell; width: 260px; height: 147px; vertical-align:top; }
.class_detail .class_top .thum div {width:100%; height:147px; overflow:hidden; -webkit-overflow-scrolling: touch;}
.class_detail .class_top .txt_box{float: left; padding:5px 13px;}
.class_detail .class_top .class_name{font-size: 24px;  padding-bottom:15px;}
.class_detail .class_top .writer > *{float: left;}
.class_detail .class_top .profile{display: block; color: #333;}
.class_detail .class_top .profile > *{float: left;}
.class_detail .class_top .profile div{width: 35px;height: 35px; margin-right:5px; overflow: hidden;border-radius: 50%;}
.class_detail .class_top .profile span{display: inline-block; padding-top:5px; padding-bottom:20px; padding-right:12px}
.class_detail .class_top .writer{padding-top: 0px;}
.class_detail .class_top .writer .txt {padding-right:12px;}
.class_detail .class_top .writer .txt > *{float: left; padding-top:5px; padding-bottom:20px; }
.class_detail .class_top .writer .viewer:before{display: inline-block;margin-right: 12px;content: ""; width: 1px;height: 10px; background-color: #666;}
.star span{display: inline-block;margin-right: 1px;margin-top: -3px;width: 15px;height: 14px; text-indent: -9999px;background-image: url(../img/sub/star_off.png);vertical-align: middle}
.star span.on{background-image: url(../img/sub/star_on.png);}
.star span.on2{background-image: url(../img/common/star_half.png);}
.class_detail .contab {height:40px; display:inline-block; display:none; width:100%; }
.class_detail .contab a {display:block; float:left; padding:15px 0; font-size:17px; text-align:center; width:50%;}
.class_detail .contab a.over {border-bottom:2px solid #FF6145}
.class_detail_v .right_bar_wrap2{position: absolute; top:0px;right:-380px;z-index: 200;width: 340px; font-weight:500; transition:right 0s; height:100%; }
.class_detail_v .right_bar_wrap2 .right_bar2 {width:100%; height:auto; max-height:680px; border:1px solid #707070; position:relative; }
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo {color:#fff; font-size:16px; padding:17px; width:100%; height:auto; min-height:60px; background:url('/theme/basic/img/ico_folderinfo.svg') top 17px left 17px no-repeat; padding-left:60px; margin-bottom:20px; position:relative;}
.class_detail_v .right_bar_wrap2 .right_bar2 .uploaderInfo {color:#fff; font-size:16px; padding:17px; width:100%; height:auto; min-height:30px; position:relative;}
.class_detail_v .right_bar_wrap2 .right_bar2 .list_count {display:block;  font-size:14px; position:absolute; bottom:-10px; left:18px; color:#8B8B8B}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo ul {width:auto; position:absolute; top:-50px; right:20px; display:none;}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li {width:100%;  font-size:14px; padding:10px 7px; padding-left:35px}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li.f1 {background: url(/theme/basic/img/ico_v_library.svg) center left 5px no-repeat; background-color:#3E3E3E;}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li.f2 {background: url(/theme/basic/img/ico_v_link.svg) center left 5px no-repeat; background-color:#3E3E3E;}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li a {display:block; width:100%; height:100%}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li:hover {background-color:#2D2D2D; color:#fff}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo li a:hover {color:#fff}
.class_detail_v .right_bar_wrap2 .right_bar2 .folder_menu {position:absolute; top:15px; right:10px; width:23px; height:23px; background:url('/theme/basic/img/ico_f_list.svg') no-repeat; cursor:pointer;}
.class_detail_v .right_bar_wrap2 .right_bar2 .list_wrap {font-size:13px; width:100%; height:100%; overflow:auto;  max-height:598px;}
.class_detail_v .right_bar_wrap2 .list_wrap::-webkit-scrollbar {width: 5px;}
.class_detail_v .right_bar_wrap2 .list_wrap::-webkit-scrollbar-track {background-color: #3A3A3A;}
.class_detail_v .right_bar_wrap2 .list_wrap::-webkit-scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.class_detail_v .right_bar_wrap2 .list_wrap li {width:100%; position:relative; padding:7px 5px; padding-left:0;}
.class_detail_v .right_bar_wrap2 .list_wrap li .num {display:inline-block; width:20px; text-align:center; }
.class_detail_v .right_bar_wrap2 .list_wrap li .img {width:100px; display:inline-block;}
.class_detail_v .right_bar_wrap2 .list_wrap li .img2 {width:160px; position:relative; display:inline-block;}
.class_detail_v .right_bar_wrap2 .list_wrap .noData {height:200px; padding-top:90px; color:#FFFFFF; text-align:center;}
.class_detail_v .right_bar_wrap2 .list_wrap li  img {width:100%;}
.class_detail_v .right_bar_wrap2 .list_wrap li .info {width:100%; padding-left:135px; position:absolute; top:5px; left:0px; padding-right:5px; color:#EFEFEF}
.class_detail_v .right_bar_wrap2 .list_wrap li .info2 {width:100%; padding-left:175px; position:absolute; top:5px; left:0px; font-size:15px; padding-right:5px; color:#EFEFEF}
.class_detail_v .right_bar_wrap2 .list_wrap li .info2 div {width:100%; margin-bottom:10px;}
.class_detail_v .right_bar_wrap2 .list_wrap li .info2 .hit {font-size:12px; color:#989898}
.class_detail_v .right_bar_wrap2 .right_tab {width:100%; overflow:hidden}
.class_detail_v .right_bar_wrap2 .right_tab div {font-size:17px; border-bottom:1px solid #707070; color:#919191; padding-bottom:15px; margin-bottom:5px; width:50%; text-align:center; float:left;}
.class_detail_v .right_bar_wrap2 .right_tab .over {color:#FF6145; border-bottom:1px solid #FF6145;}
.class_detail_v .right_bar_wrap2 .list_2 {width:100%; overflow:hidden; font-size:15px;  background:url('/theme/basic/img/sub/sectionDown.png') 0 13px no-repeat; cursor:pointer; color:#E5E5E5}
.class_detail_v .back_btn_wrap {font-size:21px; overflow:hidden; position:relative; margin-top:17px; color:#fff}
.class_detail_v .back_btn_wrap .folderName { background:url('/theme/basic/img/ico_folderName.svg') center left no-repeat;padding-left:25px; margin-top:20px; color:#2A8CFF; font-size:12px; max-height:50px; display:none;}
.class_detail_v .back_btn_wrap .content_info {font-size:15px; color:#B5B5B5}
.class_detail_v .back_btn_wrap .content_info li {margin-right:15px; float:left;}
.class_detail_v .back_btn_wrap .content_ico {clear:both; color:#E1E1E1; padding-top:20px; width:100%; border-bottom:1px solid #4E4E4E; text-align:right; font-size:17px; padding-right:20px; padding-bottom:10px;}
.class_detail_v .back_btn_wrap .content_ico .ico_file {padding-left:30px; background:url('/theme/basic/img/ico_v_file.svg') center left no-repeat ; color:#2A8CFF; margin-right:20px; cursor:pointer}
.class_detail_v .back_btn_wrap .content_ico .ico_heart {padding-left:30px; background:url('/theme/basic/img/ico_v_heart.svg') center left no-repeat ; margin-right:20px; cursor:pointer}
.class_detail_v .back_btn_wrap .content_ico .ico_library {padding-left:30px; background:url('/theme/basic/img/ico_v_library.svg') center left no-repeat ;margin-right:20px; cursor:pointer}
.class_detail_v .back_btn_wrap .content_ico .on {background:url('/theme/basic/img/ico_v_heart_on.svg') center left no-repeat ; color:#2A8CFF}
.class_detail_v .back_btn_wrap .content_ico .on2 {background:url('/theme/basic/img/ico_v_library_on.svg') center left no-repeat ; color:#2A8CFF}
.class_detail_v .back_btn_wrap .content_ico .ico_link {padding-left:30px; background:url('/theme/basic/img/ico_v_link.svg') center left no-repeat ; cursor:pointer}
.class_detail_v .back_btn_wrap .content_guide {padding:10px 0; position:relative; border-bottom:1px solid #4E4E4E;}
.class_detail_v .back_btn_wrap .content_guide .profile {width:45px; height:45px; overflow:hidden; border-radius:50%; display:inline-block;}
.class_detail_v .back_btn_wrap .content_guide .nick { vertical-align:top; font-size:17px; display:inline-block; margin-left:10px; padding-top:5px; line-height:18px;}
.class_detail_v .back_btn_wrap .content_guide .nick span {font-size:12px; color:#E1E1E1}
.class_detail_v .back_btn_wrap .content_guide .profile img {width:100%;}
.class_detail_v .back_btn_wrap .content_guide .introduce {font-size:15px; padding-left:60px; line-height:20px; max-height:60px; height:auto; overflow:hidden;  }
.class_detail_v .back_btn_wrap .content_guide .introduce span {display:block}
.class_detail_v .back_btn_wrap .content_guide .introduce_add {color:#FF6145; padding-left:60px; font-size:14px; margin-top:10px; display:none}
.class_detail_v .back_btn_wrap .content_guide .introduce_add a {color:#FF6145;}
.class_detail_v .back_btn_wrap .content_guide .btn {position:absolute; top:0px; right:0px;}
.class_detail_v .back_btn_wrap .content_guide .btn a{color:#FF6145; font-size:20px;}
.class_detail_v .sub_con01 .btn_myfolder {clear:both; padding-top:5px; width:100%; text-align:right; }
.class_detail_v .sub_con01 .btn_myfolder a {font-size:15px; color:#FF6145}
.class_detail_v .back_btn_wrap img {padding-bottom:4px;}
.class_detail_v .right_bar_wrap2 .list_3 {width:100%; overflow:hidden; color:#999999; font-size:13px;}
.class_detail_v .right_bar_wrap2 .list_3 a {color:#999999}
.class_detail_v .right_bar_wrap2 .list_1 {width:100%; overflow:hidden; color:#999999;}
.class_detail_v .right_bar_wrap2 .list_1 a {color:#999999}
.class_detail_v .right_bar_wrap2 .list_4 {height:1px;margin:0px;  padding:0px; background:#333 }
.class_detail_v .right_bar_wrap2 .snslink {float:left; width:22px; height:22px; margin-left:10px;  display:inline-block; background:url('../img/Share.svg')  no-repeat; cursor:pointer}
.class_detail_v .right_bar_wrap2 .time {float:left;}
.class_detail_v .right_bar_wrap2 .title {width:220px; margin-right:20px; display:block; float:left; }
.class_detail_v .right_bar_wrap2 .list_2 .title {width:98%; margin-right:20px; display:block; float:left; }
.class_detail_v .right_bar_wrap2 .file {display:inline-block; width:18px; height:22px;  background:url('../img/sub/content_doc.png') no-repeat; cursor:pointer; vertical-align:bottom; margin-left:10px;}
.class_detail_v .right_bar_wrap2 .list_wrap .over { color:#fff; background:url('../img/ico_list_over.svg') center left 7px no-repeat; background-color:#3B3B3B}
.class_detail_v .right_bar_wrap2 .list_wrap .over a {color:#fff}
.class_detail_v .right_bar_wrap2 .list_wrap .over .snslink  {background:url('../img/share_over.svg')  no-repeat;}
.class_detail .right_bar_wrap{position: absolute;top: 0px;right: 20px;z-index: 200;width: 260px;}
.ani{-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.class_detail .right_bar{ width: 260px; font-size: 13px}
.class_detail .right_bar > div{margin-bottom:10px; padding: 20px; background-color: #fff; border: 1px solid #ddd;}
.class_detail .right_bar .box01 .cb{font-size: 26px;font-weight: 600}
.class_detail .right_bar .box01 .btn_wrap{position: relative;top: 0;left: 0; padding-top: 15px;}
.class_detail .right_bar .box01 .first{position: absolute;top: 20px;right:20px;}
.class_detail .right_bar .box01 .first a{display: inline-block;}
.class_detail .right_bar .box01 .first a.heart{padding-right: 10px;}
.class_detail .right_bar .box02 ul{margin-bottom: 0}
.class_detail .right_bar .box02 li{padding-top:10px; }
.class_detail .right_bar .box02 li:first-child{padding-top: 0}
.class_detail .right_bar .box02 li span{display: inline-block; padding-right: 10px; font-size: 14px;color: #666;}
.class_detail .right_bar .box03 > div{padding-bottom: 25px}
.class_detail .right_bar .box03 .sbj{padding-bottom: 15px; color: #000}
.class_detail .right_bar .box03 a{display: inline-block;color: #666}
.class_detail .right_bar .box03 .categ{}
.class_detail .right_bar .box03 .categ a{text-decoration: underline}
.class_detail .right_bar .box03 .tag a{padding: 5px;margin-right: 10px; margin-bottom:10px; background-color: #eee;}
.class_detail .right_bar .box03 .btn span{display: block;text-align: center;font-size: 14px;}
.class_detail .right_bar p{line-height: 24px}
.class_detail .right_bar p a{display:inline-block;padding-left: 20px;background-image: url(../img/sub/sub_msg.png);background-repeat: no-repeat;background-position: 0 6px;}
.class_detail .right_bar p span{display: block;}
.class_detail .class_top_fixed {display: none; position: fixed;top:70px;left:240px;width: 100%;padding: 25px 20px; z-index: 100}
.class_detail .class_top_fixed .txt_box{padding: 0}
.class_detail .class_top_fixed .class_name{font-size: 18px;}
.class_detail .class_top_fixed .writer{padding-top: 10px;}
.class_detail .class_top_fixed .profile div{display: none;}
.class_detail .class_top_fixed .profile span{padding-left: 0;line-height: 30px}
.class_detail .class_top_fixed .writer .txt > *{line-height: 30px;}
.class_detail .scroll .class_top { position: fixed; left:0px; padding:15px 0; padding-left:240px; top:70px;  z-index:99}
.class_detail .scroll .class_top .thum{display: table-cell; width: 167px; height: 93px; vertical-align:top; }
.class_detail .scroll .class_top .thum div {width:100%; height:93px; overflow:hidden; -webkit-overflow-scrolling: touch;}
.class_detail .scroll .top_info {display:none}
.class_detail .scroll .right_bar > div {padding:10px;}
.class_detail .scroll .right_bar .box01 .cb {font-size:22px;}
.class_detail .scroll .right_bar .btn_wrap {padding-top:10px}
.class_detail .scroll .right_bar .box01 .first {top:10px; right:10px}
.class_detail .scroll .sc{padding-top:450px;}
.class_detail_v .con{padding-right:380px}
.class_detail .sub_con01,
.class_detail .sub_con02{padding:55px 100px;}
.class_detail .sub_con01{background-color: #fff;}
.class_detail .section{ position:relative}
.class_detail h3{font-size: 23px;}
.class_detail .toggle_box{position: relative; top: 0;left: 0; padding:48px 43px 80px; border: 1px solid #181818;}
.class_detail .toggle_box .btn_toggle_wrap{position: absolute; bottom: -18px;left: 50%;margin-left: -40px;z-index: 1}
.class_detail .sub_con01 .section01 .txt_box{padding-bottom: 25px;}
.class_detail .sub_con01 .section01 .s_tlt{float: left;width: 20%;color: #000;font-weight: 500}
.class_detail .sub_con01 .section01 .glyphicon{padding-right: 10px;}
.class_detail .sub_con01 .section01 .blah{/*height: 500px;*/overflow: hidden;}
.class_detail .sub_con01 .section01 .blah.show{height: inherit}
.class_detail .sub_con01 .section01 .tit {height:62px; width:100%; margin-bottom:20px; position:relative }
.class_detail .sub_con01 .section01 .tit img {border:1px solid #181818; width:62px; height:62px; border-radius:31px; display:inline-block; margin-right:10px;}
.class_detail .sub_con01 .section01 .tit h3 {display:inline; vertical-align:middle}
.class_detail .sub_con01 .section01 .tit a {position:absolute; height:30px; line-height:30px; right:0px; bottom:0px; background:url('/theme/basic/img/ico_back.svg') center left 10px no-repeat; background-color:#181818; color:#999999; border:1px solid #999999; border-radius:20px; padding-right:10px; padding-left:35px; }


.toggle_list .func_wrap .r_box{float: right;padding-bottom: 20px; line-height: 38px;}
.toggle_list .func_wrap .r_box span{display: inline-block;}
.toggle_list .func_wrap .r_box .first{padding-right: 18px;}
.toggle_list .list_wrap{border-top: 2px solid #000; padding-top:10px;}
.toggle_list .list_wrap li { width:100%; over-flow:hidden; vertical-align:middle; display:table; margin:0px; padding:12px 30px 12px 45px;}
.toggle_list .list_wrap li:first-child {border:0px}
.toggle_list .list_wrap li:hover {background-color:#F6F6F6}
.toggle_list .list_wrap .pdf {background:url('../img/sub/Contents_pdf.png') 20px 14px no-repeat;}
.toggle_list .list_wrap .video {background:url('../img/sub/Contents_play.png') 20px 14px no-repeat;}
.toggle_list .list_wrap .pdf2 {background:url('../img/sub/Contents_pdf.png') 74px 12px no-repeat;}
.toggle_list .list_wrap .video2 {background:url('../img/sub/Contents_play.png') 74px 14px no-repeat;}
.toggle_list .list_wrap .snslink {float:right; width:22px; height:22px; margin-left:30px;  display:inline-block; background:url('../img/sub/Share.png')  no-repeat; cursor:pointer}
.toggle_list .list_wrap .list_1 .time {float:right;}
.toggle_list .list_wrap .file {float:right; width:18px; height:22px; margin-right:20px; background:url('../img/sub/content_doc.png') no-repeat; cursor:pointer;}
.toggle_list .list_wrap .list_2 {font-size:17px; cursor:pointer; border-top:1px solid #333; padding-left:60px; background-image:url('../img/sub/sectionUp.png'); background-repeat:no-repeat; background-position:20px 20px;}
.toggle_list .list_wrap .title {float:left; width:50%}
.toggle_list .list_wrap .title2 {float:left; width:70%}
.toggle_list .list_wrap .list_2 .time {float:right; margin-right:51px;}
.toggle_list .list_wrap .list_2 .cnt {float:right; margin-right:100px;}
.toggle_list .list_wrap .list_3 {padding-left:100px; }
.toggle_list .list_wrap .list_3 .time {float:right;}
.toggle_list .list_wrap .list_4 {height:1px;  padding:0px; background:#333 }
.toggle_list .card-header{padding: 20px; border-top: 1px solid #ddd;cursor: pointer;}
.toggle_list .card-header > div,
.toggle_list .card-body .l_box > *{float: left}
.toggle_list .card-header .txt{width: 60%; padding-left: 50px;background-image: url(../img/sub/con_arrow_down.png);background-repeat: no-repeat;background-position: 0 6px;}
.toggle_list .card-header .ea,
.toggle_list .card-header .run{width: 20%;text-align: center;}
.toggle_list .card-body{padding: 5px 30px 5px 73px; background-color:#f0f0f0}
.toggle_list .card-body > .cb{padding: 18px 0;}
.toggle_list .card-body .l_box > *{float: left}
.toggle_list .card-body .each{display: block;width: 15px;height: 15px;margin-top: 1px; margin-right: 15px;cursor: pointer;}
.toggle_list .card-body .each.on{background-image: url(../img/sub/doc.png);}
.toggle_list .card-body .s_tlt_wrap > *{float: left;}
.toggle_list .card-body .s_tlt{color: #666}
.toggle_list .card-body .categ{display: block; margin-right: 18px;color: #fff;padding:0 5px;font-size: 13px}
.toggle_list .card-body .video{background-color: #ff745c}
.toggle_list .card-body .audio{background-color: #72cc09}
.toggle_list .card-body .ipro{background-color: #24c0e1}
.toggle_list .card-body .ic{padding-left: 5px;}
.toggle_list .card-body .txt{padding-left: 12px;color: #666;font-size: 13px;line-height: 21px;}
.toggle_list .card-body .r_box > *{float: left;}
.toggle_list .card-body .sample01{background-color: #7ba8e0;}
.toggle_list .card-body .sample02{background-color: #086be6;}
.toggle_list .card-body .share{display: block;padding-left: 40px;}

.class_detail .sub_con01 .section03 .blah{position: relative; top: 0;left: 0; height: 170px; min-height: 170px; overflow:hidden }
.class_detail .sub_con01 .section03 .blah.show{height: inherit}
.class_detail .section03 .blah > div{float: none;}
.class_detail .section03 .l_box{position: absolute; top: 0;left: 0;width: 120px}
.class_detail .section03 .r_box{padding-left: 185px;}
.class_detail .section03 .profile{width: 120px;height: 120px; overflow: hidden;border-radius: 50%;}
.class_detail .section03 .profile img {min-width:120px;}
.class_detail .section03 .user_name{padding-top: 20px; text-align: center;}

.class_detail .section04 .form_box{width: 660px;}
.class_detail .section04 .l_box{width: 30%;text-align: center;}
.class_detail .section04 .r_box{width: 70%}
.class_detail .section04 .big{font-size: 60px;}
.class_detail .section04 li > div{float: left;}
.class_detail .section04 li .progress_wrap{padding-right: 20px;}
.class_detail .section04 li .progress{width: 295px;margin-bottom: 10px;}
.class_detail .section04 li .star_wrap > *{float: left;}
.class_detail .section04 li .per{padding-left: 10px;}

.class_detail .section05 .cmt_list {padding-top:20px;}
.class_detail .section05 .write_box{padding-bottom: 90px}
.class_detail .section05 .form_box > *{float: left;width: 100%}
.class_detail .section05 .func_wrap{margin: 10px 0; padding: 10px; background-color: #f1f1f1;}
.class_detail .section05 .review_func > *{float: left}
.class_detail .section05 .review_func > span{display: inline-block;padding-right: 10px;}
.class_detail .section05 .write_box{position: relative; top: 0;left: 0;}
.class_detail .section05 .write_box > div{width: 100%; padding-right: 165px}
.class_detail .section05 .write_box .form-control{height: 85px;}
.class_detail .section05 .write_box .btn{position: absolute; top: 0;right: 0;width: 15%;height: 85px;}
.class_detail .section05 .write_box span{display: inline-block;padding-right: 10px;}
.class_detail .section05 .question_func .form-group,
.class_detail .section05 .question_func .form-group > * {padding-right: 10px; }

.cnl_wrap .post_reply {display:none}
.cnl_wrap .section05_r {width:100%; margin-bottom:50px; }
.cnl_wrap .section05_r .com_tit {font-size:16px;  padding-bottom:10px;}
.cnl_wrap .section05_r .write_box{margin-bottom: 50px; position:relative; }
.cnl_wrap .section05_r .write_box .img {width:38px; height:38px; border-radius:50%; overflow:hidden; position:absolute; top:-10px; left:0px;}
.cnl_wrap .section05_r .write_box textarea {border:0px; height:0px; font-size:17px;  margin-top:30px; background:none; margin-left:60px; }
.cnl_wrap .section05_r .write_box .content_review {min-height:30px; max-height:250px; overflow:auto;  padding-left:14px; margin-top:30px; font-size:17px; margin-left:50px;  outline:none; border-bottom:1px solid #333; content: attr(placeholder); }
.cnl_wrap .section05_r .btn_com3{right:10px }
.cnl_wrap .section05_r .write_box span{display: inline-block;padding-right: 10px;}
.cnl_wrap .section05_r .question_func .form-group,
.cnl_wrap .section05_r .question_func .form-group > * {padding-right: 10px; }
.cnl_wrap .section05_r .cmt_list {padding-top:0px;  height:auto;}
.cnl_wrap .section05_r .cmt_list::-webkit-scrollbar {width: 5px;}
.cnl_wrap .section05_r .cmt_list::-webkit-scrollbar-track {background-color: #3A3A3A;}
.cnl_wrap .section05_r .cmt_list::-webkit-scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.cnl_wrap .section05_r .cmt_list .pro_img_wrap .info_wrap {padding-left:50px}
.cnl_wrap .section05_r .cmt_list .pro_img span {width:39px; height:39px}
.cnl_wrap .section05_r .cmt_list .info {padding:8px 0 24px}
.cnl_wrap .section05_r .cmt_list .cmt{position: relative; top: 0;left: 0; padding-left:50px;}
.cnl_wrap .section05_r .cmt_list .dot_menu {top:-5px; width:23px;}
.cnl_wrap .section05_r .cmt_list .dot_menu button{min-width: inherit; width: 23px; padding:0px; background-color: transparent}
.cnl_wrap .section05_r .cmt_list .dropdown-menu {min-width:70px; width:70px}
.cnl_wrap .section05_r .btn_cancel2 {display:none; position:absolute; bottom:-35px; right:100px; color:#999; padding-top:5px}
.cnl_wrap .section05_r .btn_cancel3 { position:absolute; bottom:-35px; right:100px; color:#999; padding-top:5px}
.cnl_wrap .section05_r .btn_cancel4 { position:absolute; bottom:-35px; right:110px; color:#999; padding-top:5px}
.cnl_wrap .editArea {width:100%; padding-left:50px; margin-bottom:50px; position:relative;}
.cnl_wrap .editArea textarea {width:100%; padding:10px;}
.cnl_wrap .editArea .editcontent {min-height:30px; max-height:250px; overflow:auto;  padding-left:14px; margin-top:30px; font-size:17px;  outline:none; border-bottom:1px solid #333; content: attr(placeholder); }
.cnl_wrap .section05_r .answer{margin-top:15px;  margin-bottom:5px;}
.cnl_wrap .section05_r .answer .btn_answer { cursor:pointer}
.cnl_wrap .section05_r .answer textarea {width:100%; background:#181818; color:#A5A5A5; border:1px solid #A5A5A5; border-radius:15px; height:64px; padding:5px; margin-top:10px; }
.cnl_wrap .section05_r .answer .answer_input {display:none; position:relative; margin-bottom:50px;}
.cnl_wrap .section05_r .answer .answer_input > div {min-height:30px; max-height:250px; overflow:auto;  padding-left:14px; margin-top:30px; font-size:17px; margin-left:50px;  outline:none; border-bottom:1px solid #333; content: attr(placeholder); }
.cnl_wrap .section05_r .answer .answer_input span {display:block; width:38px; height:38px; border-radius:50%; overflow:hidden; position:absolute; top:-10px; left:0px;}
.cnl_wrap .section05_r .answer .answer_list {display:none}
.cnl_wrap .section05_r .answer .btn_v_answer {cursor:pointer;  margin-right:20px;}
.cnl_wrap .section05_r .btn_add {width:94px; height:31px; line-height:31px; color:#A5A5A5; text-align:center; border:1px solid #707070; display:block; margin:0 auto; border-radius:25px}
.cnl_wrap .section05_r .btn{position: absolute; bottom:-40px; background:#FF6145; right: 5px;width:auto;  color:#fff; padding:5px 22px; }
.cnl_wrap .cmt_list > div{padding: 5px 10px 30px;}
.main_visual .visual .box_wrap .txt_box {background-size:contain}
.cnl_wrap .cmt_list .list,
.cnl_wrap .cmt_list .pro_img_wrap{position: relative;top: 0;left: 0;}
.cnl_wrap .cmt_list .pro_img{position: absolute;top: 0;left: 0;}
.cnl_wrap .cmt_list .pro_img span{display: block;width: 54px; height: 54px;border-radius: 50%; overflow: hidden}
.cnl_wrap .cmt_list .pro_img.pro_img2 span{width: 74px; height: 74px;}
.cnl_wrap .cmt_list .pro_img_wrap .info_wrap{padding-left: 80px}
.cnl_wrap .cmt_list .cmt{position: relative; top: 0;left: 0; padding-left: 80px;}
.cnl_wrap .cmt_list .dot_menu{position: absolute;top: 0;right: 0; }
.cnl_wrap .cmt_list .dot_menu button{min-width: inherit; width: 43px; padding:0px; background-color: transparent}
.cnl_wrap .cmt_list .categ_wrap > *{float: left;}
.cnl_wrap .cmt_list .categ_wrap .categ{padding: 1px 12px;font-size: 13px; }
.cnl_wrap .cmt_list .categ_wrap .review{background-color:#674c29 }
.cnl_wrap .cmt_list .categ_wrap .answer{background-color:#ae21e9 }
.cnl_wrap .cmt_list .categ_wrap .question{background-color:#f03515 }
.cnl_wrap .cmt_list .categ_wrap .star{padding-left: 20px}
.cnl_wrap .cmt_list .info{padding: 12px 0 22px;}
.cnl_wrap .cmt_list .info span{display:inline-block;}
.cnl_wrap .cmt_list .info .u_name{font-weight: 500}
.cnl_wrap .cmt_list .info .date{padding-left: 10px; color: #666}
.cnl_wrap .cmt_list p{margin-bottom: 0;}
.cnl_wrap .cmt_list .link{padding-top: 15px; text-decoration: underline}
.cnl_wrap .cmt_list .link a{font-size: 14px; color: #888;}
.cnl_wrap .cmt_list .file_wrap{padding-top: 28px;}
.cnl_wrap .cmt_list .file_wrap a{display:block;float: left;width: 92px; height:53px;overflow: hidden;margin-right: 10px;}
.cnl_wrap .cmt_list .file_wrap a img{max-width: inherit;height: 100%;width: 100%;}
.cnl_wrap .cmt_list .like_wrap{float: right;}
.cnl_wrap .cmt_list .like_wrap{display: inline-block;}
.cnl_wrap .cmt_list .like_wrap .heart{min-width: 60px; padding-left: 20px; background-image: url(../img/common/heart_off02.png);background-repeat: no-repeat;background-position: 0 12px;}
.cnl_wrap .cmt_list .like_wrap .heart.on{background-image: url(../img/common/heart_on.png);}
.cnl_wrap .cmt_list .like_wrap .heart.on2{background-image: url(../img/common/star_half.png);}
.cnl_wrap .cmt_list .list .list{margin-top: 20px}
.cnl_wrap .cmt_list_wrap .btn_toggle_wrap{padding-top: 28px}
.cnl_wrap .section05_r .answer_list_item {margin-left:50px; color:#666}
.cnl_wrap .section05_r .answer_list_item a {color:#666}

.class_detail .section05_r {width:100%; margin-top:20px;}
.class_detail .section05_r .com_tit {font-size:20px; color:#fff; padding-bottom:10px;}
.class_detail .section05_r .write_box{margin-bottom: 50px; position:relative; }
.class_detail .section05_r .write_box .img {width:49px; height:49px; border-radius:50%; overflow:hidden; position:absolute; top:-10px; left:0px;}
.class_detail .section05_r .write_box textarea {border:0px; height:0px; font-size:17px;  margin-top:30px; background:none; margin-left:60px; }
.class_detail .section05_r .write_box .content_review {min-height:30px; max-height:250px; overflow:auto;  padding-left:14px; margin-top:30px; font-size:17px; margin-left:60px;  outline:none; border-bottom:1px solid #fff; content: attr(placeholder); color:#fff}
.class_detail .section05_r .form_box > *{float: left;width: 100%; }
.class_detail .section05_r .func_wrap{margin: 10px 0; padding: 10px; background-color: #f1f1f1;}
.class_detail .section05_r .review_func > *{float: left}
.class_detail .section05_r .review_func > span{display: inline-block;padding-right: 10px;}
.class_detail .section05_r .write_box{position: relative; top: 0;left: 0;}
.class_detail .section05_r .write_box > div{width: 100%; }
.class_detail .section05_r .write_box .form-control{height: 100px;}
.class_detail .section05_r .btn{position: absolute; bottom:-40px; background:#FF6145; right: 5px;width:auto;   padding:5px 22px; color:#fff; }
.class_detail .section05_r .btn_com3{right:10px }
.class_detail .section05_r .write_box_wrap{border:1px solid #ededed;border-radius:10px;padding:20px;margin-bottom:40px;}

.class_detail .section05_r .write_box span{display: inline-block;padding-right: 10px;}
.class_detail .section05_r .question_func .form-group,
.class_detail .section05_r .question_func .form-group > * {padding-right: 10px; }
.class_detail .section05_r .cmt_list {color:#fff;padding-top:0px;height:auto;padding-bottom:40px;}
.class_detail .section05_r .cmt_list::-webkit-scrollbar {width: 5px;}
.class_detail .section05_r .cmt_list::-webkit-scrollbar-track {background-color: #3A3A3A;}
.class_detail .section05_r .cmt_list::-webkit-scrollbar-thumb {background: #C1C1C1;border-radius: 3px;}
.class_detail .section05_r .cmt_list .pro_img_wrap .info_wrap {padding-left:60px}
.class_detail .section05_r .cmt_list .pro_img span {width:36px; height:36px}
.class_detail .section05_r .cmt_list .info {padding:0 0 5px}
.class_detail .section05_r .cmt_list .cmt{position: relative; top: 0;left: 0; padding-left:60px;}
.class_detail .section05_r .cmt_list .dot_menu {top:-5px; width:23px;}
.class_detail .section05_r .cmt_list .dot_menu button{min-width: inherit; width: 23px;height:40px;padding:0px; background-color: transparent}
.class_detail .section05_r .cmt_list .dropdown-menu {min-width:70px; width:70px}
.class_detail .section05_r .btn_cancel2 {display:none; position:absolute; bottom:-35px; right:100px; color:#999; padding-top:5px}
.class_detail .section05_r .btn_cancel3 { position:absolute; bottom:-35px; right:100px; color:#999; padding-top:5px}
.class_detail .section05_r .answer{color:#FF6145;border-radius:10px;padding:10px 20px 20px 10px;margin:15px 50px 5px;display:none;}
.class_detail .section05_r .btn_answer {margin-left:60px; cursor:pointer;color:#FF6145;padding-top:10px;display:block;}
.class_detail .section05_r .answer textarea {width:100%; background:#181818; color:#A5A5A5; border:1px solid #A5A5A5; border-radius:15px; height:64px; padding:5px; margin-top:10px;}
.class_detail .section05_r .answer .answer_input {display:none; position:relative; margin-bottom:50px;}
.class_detail .section05_r .answer .answer_input > div {min-height:30px; max-height:250px; overflow:auto;  padding-left:14px; font-size:17px; margin-left:50px;  outline:none; border-bottom:1px solid #fff; content: attr(placeholder); color:#fff}

.class_detail .section05_r .answer .answer_input span {display:block; width:36px; height:36px; border-radius:50%; overflow:hidden;transform:translate(10px,24px);}

.class_detail .section05_r .answer .answer_list {display:none}
.cmt_content{margin-left:-14px !important;}
.class_detail .section05_r .answer .btn_v_answer {/*cursor:pointer*/}
.class_detail .section05_r .btn_add {width:94px; height:31px; line-height:31px; color:#A5A5A5; text-align:center; border:1px solid #707070; display:block; margin:0 auto; border-radius:25px}

.class_detail .section05_r .answer_list_item {margin-left:60px; color:#999}
.class_detail .section05_r .answer_list_item2 .info_wrap, 
.class_detail .section05_r .answer_list_item2 .cmt{margin-left:-14px;}
.btn_search{position: relative; top: 0;left: 0;display: inline-block;}
.btn_search .form-control{padding-right: 40px}
.btn_search .btn{position: absolute; top: -4px;right: 0; background-color: transparent;min-width: 40px;}
.btn_right_tab {cursor:pointer;}
.class_detail .cmt_func{padding-bottom: 15px;}
.class_detail .cmt_func .l_box .checkbox:first-child{padding-right: 20px;}
.class_detail .cmt_func .r_box > *{float: left}
.class_detail .cmt_func .r_box > .form-group{padding-right: 10px;}
.class_detail .cmt_list > div{padding: 5px 10px 30px;}
.class_detail .list_comment .content_view{padding-left:0;font-size:90px;} /*kim font-size추가 2022-09-29*/
.main_visual .visual .box_wrap .txt_box {background-size:contain}
.class_detail .cmt_list .list,
.class_detail .cmt_list .pro_img_wrap{position: relative;top: 0;left: 0;}
.class_detail .cmt_list .pro_img{position: absolute;top: 0;left: 0;}
.class_detail .cmt_list .pro_img span{display: block;width: 54px; height: 54px;border-radius: 50%; overflow: hidden}
.class_detail .cmt_list .pro_img2 span{width:48px !important; height: 48px !important;}
.class_detail .cmt_list .pro_img_wrap .info_wrap{padding-left: 80px}
.class_detail .cmt_list .cmt{position: relative; top: 0;left: 0; padding-left: 80px;}
.class_detail .cmt_list .dot_menu{position: absolute;top: 0;right: 0; }
.class_detail .cmt_list .dot_menu button{min-width: inherit; width: 43px; padding:0px; background-color: transparent}
.class_detail .cmt_list .categ_wrap > *{float: left;}
.class_detail .cmt_list .categ_wrap .categ{padding: 1px 12px;font-size: 13px; color: #fff;}
.class_detail .cmt_list .categ_wrap .review{background-color:#674c29 }
.class_detail .cmt_list .categ_wrap .answer{background-color:#ae21e9 }
.class_detail .cmt_list .categ_wrap .question{background-color:#f03515 }
.class_detail .cmt_list .categ_wrap .star{padding-left: 20px}
.class_detail .cmt_list .info{padding: 12px 0 22px;}
.class_detail .cmt_list .info span{display:inline-block;}
.class_detail .cmt_list .info .u_name{font-weight: 500}
.class_detail .cmt_list .info .date{padding-left: 10px; color: #666}
.class_detail .cmt_list p{margin-bottom: 0;}
.class_detail .cmt_list .link{padding-top: 15px; text-decoration: underline}
.class_detail .cmt_list .link a{font-size: 14px; color: #888;}
.class_detail .cmt_list .file_wrap{padding-top: 28px;}
.class_detail .cmt_list .file_wrap a{display:block;float: left;width: 92px; height:53px;overflow: hidden;margin-right: 10px;}
.class_detail .cmt_list .file_wrap a img{max-width: inherit;height: 100%;width: 100%;}
.class_detail .cmt_list .like_wrap{float: right;}
.class_detail .cmt_list .like_wrap{display: inline-block;}
.class_detail .cmt_list .like_wrap .heart{min-width: 60px; padding-left: 20px; background-image: url(../img/common/heart_off02.png);background-repeat: no-repeat;background-position: 0 12px;}
.class_detail .cmt_list .like_wrap .heart.on{background-image: url(../img/common/heart_on.png);}
.class_detail .cmt_list .like_wrap .heart.on2{background-image: url(../img/common/star_half.png);}
.class_detail .cmt_list .list .list{margin:20px 50px 0 0;}
.class_detail .cmt_list_wrap .btn_toggle_wrap{padding-top: 28px}

/* 내가 열어본 강좌 */
.box_list .func_wrap{padding-bottom:20px; text-align: right;}
.box_list .class_list > div{float: left; position:relative; width: 20%; padding-bottom: 1.5%; padding-right:10px;}
.box_list .class_blog > div{width: 100%;  padding-right:10px; margin-bottom:18px;}
.box_list .class_blog .box .img_box {width:254px; min-height:120px; z-index:98; border:1px solid #7D7D7D}
.box_list .class_blog .box .img_box img {width:100%; }
.box_list .class_blog .box > .txt_box {width:100%; position:absolute; top:0px; left:0px; padding-left:260px }
.box_list .class_blog .box .tlt {font-size:17px; margin:0; max-height:43px;  padding-top:3px; }
.box_list .class_blog .box .ico_folder {}
.box_list .class_blog .box .ico_content {}
.box_list .class_blog > div.his_date {font-size:16px; margin:0px; padding-bottom:10px;}
.box_list .class_blog .box .folderName {color:#959595; font-size:15px;  padding-left:20px; background:url('/theme/basic/img/ico_folder_h.svg') left  no-repeat;}
.box_list .class_blog .box > .txt_box .user{color: #7D7D7D; font-size:15px; position:relative; padding-top:5px; margin-left:0px;}
.box_list .class_blog .box > .txt_box .user .nick {display:inline-block;}
.box_list .class_blog .box > .txt_box .user .nick a {color:#7d7d7d}
.box_list .class_blog .box > .txt_box .user .view {display:inline-block; padding-left:15px;}
.box_list .class_blog .box > .txt_box .introduce {color:#707070;  padding-top:8px; width:100%;}
.box_list .class_blog .box .menu {outline:0; border:0; position:absolute; top:10; right:0px; height:25px; background:url('/theme/basic/img/btn_more.svg') center no-repeat; width:15px; z-index:9}

.box_list .conutv {font-size:16px; margin-bottom:16px}
.box_list .conutv img {vertical-align:top; margin-left:10px;}
.box_list .conutv .order {position:relative; display:inline-block;}
.box_list .conutv .ow {display:none; position:absolute; background:#fff; width:150px; height:auto; border:1px solid #ddd; top:25px; left:10px; z-index:99}
.box_list .conutv .ow a {display:block; width:100%;  padding:5px}
.box_list .conutv .ow a:hover {color:#FF6145; background:#FFF0ED}

.box_list .class_blog .box .menu_list {display:none; position:absolute; width:auto; height:auto; top:0px; right:10px; border:1px solid #ddd; }
.box_list .class_blog .box .menu_list a {display:block; padding-left:40px; padding-bottom:5px; padding-top:10px; width:100%; height:40px; background-color:#fff; z-index:99; padding-right:10px; font-size:15px; border-radius:5px;}
.box_list .class_blog .box .menu_1 { background:url('/theme/basic/img/btn_library.svg') 15px 10px no-repeat;}
.box_list .class_blog .box .menu_1:hover {background:url('/theme/basic/img/btn_library_o.svg') 15px 10px no-repeat; color:#FF6145; background-color:#FFF0ED}
.box_list .class_blog .box .menu_2 {background:url('/theme/basic/img/btn_share.svg') 15px 10px no-repeat;}
.box_list .class_blog .box .menu_2:hover {background:url('/theme/basic/img/btn_share_o.svg') 15px 10px no-repeat; color:#FF6145; background-color:#FFF0ED}
.box_list .class_blog .box .menu_3 {background:url('/theme/basic/img/btn_remove.svg') 15px 8px no-repeat;  }
.box_list .class_blog .box .menu_3:hover {background:url('/theme/basic/img/btn_remove_o.svg') 15px 8px no-repeat; color:#FF6145; background-color:#FFF0ED}
.box_list .class_list > div.his_date {clear:both; font-size:16px; margin:0px; padding-bottom:10px; width:100%;}
/* 추천강좌 */
.recomm_class h2,
.popular_class h2{padding-bottom: 70px;}

/* 내 강좌(컨텐츠) 관리 */
.my_class .func_wrap{padding: 40px 0;}
.my_class .alert{text-align:left}


/* 구독한 채널 */
.like_channel .ch_list > div{width: 33.33%; padding-bottom: 2%; padding-right:20px; float:left;}
.chList .channel_box {padding:14px; border:1px solid #dedede}
.chList .img_box {width:107px; height:107px; border-radius:50%; font-size:40px; background:none}
.chList button {background:none; border:0; outline:0;}

/***** 채널 *****/
#cnl_menu_m{display: none;}
.chennel .sub_con_wrap{padding-top:70px}
.chennel .cnl_top_wrap{padding-bottom: 25px}
.chennel .cnl_bg {position:relative; width: 100%; max-height:230px;  text-align:center; overflow:hidden; -webkit-overflow-scrolling: touch; background:#333; margin:0 auto;}
.chennel .cnl_bg img {width:100%; display:inline-block; }
.chennel .tmp_input {background:none; border:0px; height:35px; width:100%; padding:0px;  overflow:hidden; -webkit-overflow-scrolling: touch; }
.chennel .cnl_bg .title{position: absolute; width:100%; height:100%; left:0px; top:0px; color:#fff}
.chennel .cnl_menu_wrap{clear:both; position: relative; top: 0; left: 0; padding-right: 100px; background-color:#222;}
.chennel .cnl_menu > li{float: left;position: relative; top: 0;left: 0;}
.chennel .cnl_menu > li > a{display: block; height: 50px;line-height: 50px; padding:0 20px; color: #fff;}
.chennel .cnl_menu > li > a .glyphicon-link{font-size: 11px;}
.chennel .cnl_menu .depth{display: none; position: absolute;top: 50px; left: 0; width: 260px; padding: 10px 0;background-color: #fff;border: 1px solid #eee;z-index: 1}
.chennel .cnl_menu .depth a{display: block;padding: 10px 15px;color: #666}
.chennel .cnl_menu .depth a:hover{color: #ff6145}
.chennel .cnl_menu_wrap > div{position: absolute;top: 0;right: 0}
.chennel .cnl_menu_wrap > div a{height: 50px;line-height: 50px;padding:0 20px;color: #fff;}
.chennel .profile {height:70px;  width:100%; overflow:hidden; position:relative;}
.chennel .profile .img_box {width:49px; height:49px; overflow:49px; border-radius:25px; overflow:hidden; float:left;}
.chennel .profile .img_box img {width:49px;}
.chennel .profile .btn01 {position:absolute; top:10px; right:80px;}
.chennel .profile .btn02 {position:absolute; top:10px; right:160px;}
.chennel .profile .btn03 {position:absolute; top:10px; right:0px;}
.chennel .ch_title {font-size:21px; margin-left:10px; margin-top:10px; float:left;}

.cnl_first .con{text-align: center;}
.cnl_first .con .img_box{padding-top:60px}
.cnl_first .con p{padding:50px 0; line-height: 40px;font-size: 26px;}

.cnl_all .cnl_menu_wrap{background-color: #2e2222;}

.cnl_deco .sub_con_wrap{}
.cnl_deco .section > h2{padding:100px 0 40px;}
.cnl_deco .top_func{padding-bottom: 60px}
.cnl_deco .section01 .top_func > .l_box:first-child{padding-right: 60px}
.cnl_deco .section01 .l_box > div{float: left;}
.cnl_deco .section01 .l_box .r{padding-left: 25px}
.cnl_deco .section01 .l_box .txt_align button{border: 0;}
.cnl_deco .section01 .l_box .txt_align .first{padding-right: 20px}


.cnl_deco .color_palette{float: left;padding-left: 40px}
.cnl_deco .color_palette:first-child{padding-left: 0}
.cnl_deco .color_palette > div{float: left;position: relative; top: 0;left: 0}

.cnl_deco .color > * {float: left;}
.cnl_deco .color > .txt {padding-right: 12px}
.cnl_deco .pltte span{float:left; display: block;width: 25px; height: 25px;border-radius: 50%; border: 1px solid #ddd; }
.cnl_deco .pltte .on{border: 3px solid #f55353}
.cnl_deco .active_color .color:first-child a{margin-right: 10px;}
.cnl_deco .section02 .r_box .pltte{float: left;margin-left: 20px}
.cnl_deco .section02 .r_box .pltte:first-child{margin-left: 12px}
.cnl_deco .section02 .r_box span{margin-left: -10px}
.cnl_deco .choose{display: none; position: absolute; top: 30px;left: 0; width: 276px;padding:10px 20px; background-color: #fff;border: 1px solid #eee;border-radius: 7px;z-index: 1}
.cnl_deco .choose a{float: left;margin: 7px;}
.cnl_deco .section03 .form-group{margin-bottom: 0}

/* 색상 */
.cnl_deco .menu_color span{background-color: #222222}
.cnl_deco .txt_color span{background-color: #ffffff}
.cnl_deco .active_color .color01 span{background-color: #51ea63}
.cnl_deco .active_color .color02 span{background-color: #3ee1d4}

.cnl_deco .cb04 .p01{background-color: #2e2222}
.cnl_deco .cb04 .p02{background-color: #fff}
.cnl_deco .cb04 .p03{background-color: #ff6145}
.cnl_deco .cb04 .p04{background-color: #554242}
.cnl_deco .cb05 .p01{background-color: #3c53dc}
.cnl_deco .cb05 .p02{background-color: #d0d7ff}
.cnl_deco .cb05 .p03{background-color: #dccc19}
.cnl_deco .cb05 .p04{background-color: #3344ab}
.cnl_deco .cb06 .p01{background-color: #20deb4}
.cnl_deco .cb06 .p02{background-color: #b5f3ed}
.cnl_deco .cb06 .p03{background-color: #fff}
.cnl_deco .cb06 .p04{background-color: #18b9a8}
.cnl_deco .cb07 .p01{background-color: #9d29b6}
.cnl_deco .cb07 .p02{background-color: #e797f8}
.cnl_deco .cb07 .p03{background-color: #fff}
.cnl_deco .cb07 .p04{background-color: #b6299d}
.cnl_deco .cb08 .p01{background-color: #ffca3c}
.cnl_deco .cb08 .p02{background-color: #a97b00}
.cnl_deco .cb08 .p03{background-color: #fff}
.cnl_deco .cb08 .p04{background-color: #e3b026}

.cnl_deco .choose .p01{background-color: #ee2121}
.cnl_deco .choose .p02{background-color: #ff8b45}
.cnl_deco .choose .p03{background-color: #ffc451}
.cnl_deco .choose .p04{background-color: #fffd51}
.cnl_deco .choose .p05{background-color: #51ea63}
.cnl_deco .choose .p06{background-color: #000}
.cnl_deco .choose .p07{background-color: #3ee1d4}
.cnl_deco .choose .p08{background-color: #5990db}
.cnl_deco .choose .p09{background-color: #3c53dc}
.cnl_deco .choose .p10{background-color: #cd95e7}
.cnl_deco .choose .p11{background-color: #9431c2}
.cnl_deco .choose .p12{background-color: #fff}

.cnl_deco .menu_color span{background-color: #222222}
.cnl_deco .txt_color span{background-color: #ffffff}

.cnl_deco .txt_color .p01{background-color: #ee2121}
.cnl_deco .txt_color .p02{background-color: #ff8b45}
.cnl_deco .txt_color .p03{background-color: #ffc451}
.cnl_deco .txt_color .p04{background-color: #fffd51}
.cnl_deco .txt_color .p05{background-color: #51ea63}
.cnl_deco .txt_color .p06{background-color: #000}
.cnl_deco .txt_color .p07{background-color: #3ee1d4}
.cnl_deco .txt_color .p08{background-color: #5990db}
.cnl_deco .txt_color .p09{background-color: #3c53dc}
.cnl_deco .txt_color .p10{background-color: #cd95e7}
.cnl_deco .txt_color .p11{background-color: #9431c2}
.cnl_deco .txt_color .p12{background-color: #fff}

.cnl_deco .icon_re{display: inline-block; padding-right: 10px;}
.cnl_deco .section03 > .btn_wrap .btn{background-color: #333;color: #fff}
.cnl_deco .section03 > .btn_wrap .l_box{margin-right: 10px;}
.cnl_deco .fix_btn_wrap{position: fixed;left: 0; bottom: 45px;width: 100%; padding:22px 20px;padding: 18px 0;border-top: 1px solid #eee; background-color: #fff; cursor: pointer;z-index: 100;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.cnl_deco .fix_btn_wrap > div{text-align: center;}
.cnl_deco .footer_wrap{padding-top: 190px}
.cnl_deco td input[type='checkbox']{width: 17px; height: 17px; vertical-align: middle;}


.switch { position: relative;display: inline-block; width: 50px;margin-top: 10px;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;height: 14px; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 0; bottom: -5px;border: 1px solid #ddd; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #ff6145;}
input:focus + .slider { box-shadow: 0 0 1px #ff6145;}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}



/* 대쉬보드 */
.dashboard.sub h2{padding-bottom: 20px;margin-top:20px;}
.dashboard .box{float: left; width: 48%; margin: 0 2% 2% 0}
.dashboard .section01{color: #fff; background-image: url(../img/sub/dashboard_bg.png);}
.dashboard .section01 .top_wrap{position: relative; top: 0;left: 0;}
.dashboard .section01 .img_box{position: absolute; top: 70px;left: 70px; width: 128px;height: 128px;border-radius: 50%;overflow: hidden;}
.dashboard .section01 .txt_box{padding: 70px 20px 50px 235px;}
.dashboard .section01 .txt_box .hello{padding-bottom: 17px; font-size: 20px}
.dashboard .section01 .txt_box p{padding-bottom: 18px;}
.dashboard .section01 .txt_box .btn{min-width: 120px; color: #ff755c; border: 0;}
.dashboard .section01 .btm_wrap{padding: 23px 20px 23px 53px; border-top: 1px solid #ffab8c}
.dashboard .section01 .btm_wrap > div{float: left;padding-left: 44px}
.dashboard .section01 .btm_wrap > div:first-child{padding-left: 0}
.dashboard .section01 .btm_wrap > div a{display: block;color: #fff;}
.dashboard .section01 .btm_wrap > div .glyphicon{ font-size: 18px; vertical-align: top;opacity: 0.4}

.dashboard .tab_box .top_wrap{padding: 0px 24px 24px;}
.dashboard .tab_box .tab{padding-bottom: 20px;}
.dashboard .tab_box .tab li{float: left;padding: 0 10px 10px 10px;}
.dashboard .tab_box .tab li:first-child{padding-left: 0}
.dashboard .tab_box .tab li a{padding: 10px 15px;color: #aaa}
.dashboard .tab_box .tab li.active a{ color: #fff; border-radius: 7px;background-color: #ff745c}
.dashboard .tab-pane li{position: relative; top: 0;left: 0;margin: 10px 0;}
.dashboard .tab-pane li a{display: block;width: 100%; padding-right: 120px;}
.dashboard .tab-pane li .date{position: absolute; top: 0;right: 0;color: #aaa}
.dashboard .tab_box .btm_wrap{padding: 18px 57px;}
.dashboard .tab_box a{display: block; position: relative; top: 0;left: 0;}
.dashboard .tab_box .glyphicon{position: absolute; top: 4px;right: 0}
.btn_tab_wrap{width: 1400px; margin: 0 auto;padding-bottom:20px; padding-top:20px; padding-left:20px;}
.btn_tab_wrap h2{margin-top:20px;padding-right: 45px}
.btn_tab_wrap h2 span {padding-left:5px; color:#FF6145; font-size:19px;}
.btn_tab_wrap ul li{float: left;padding: 0 5px}
.btn_tab_wrap ul li a{display: block;padding:10px 25px;font-size: 16px; color: #ff6145;}
.btn_tab_wrap ul li.active a{color: #fff; background-color: #ff6145;border-radius: 30px;}

.my_setting .btn_tab_wrap > *{float: left; margin-top:10px}
.my_setting .info_txt{display: inline-block; padding-left: 10px; font-size: 14px;color: #666;}
.my_setting .section01{padding:30px; background:#F9F9F9; max-width:1000px; width:100%; margin:0 auto; margin-top:50px;}
.my_setting .btn_section{padding-top:20px; max-width:1000px; width:100%; margin:0 auto; text-align: right;}
.my_setting .section01 h5 {font-size:17px; text-align:right;}
.my_setting .section01 ul {width:100%}
.my_setting .section01 li {width:100%; font-size:17px; padding-bottom:30px; font-weight:600; position:relative}
.my_setting .section01 li span {display:block; font-size:16px; font-weight:400}
.my_setting .section01 li div {position:absolute; top:20px; right:-10px;}
.my_setting .section01 .chk {margin-top:2px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #707070; color:#fff; border-radius:2px; cursor:pointer; position:absolute; top:20px; right:7px;}
.my_setting .section01 .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}

.my_setting .section02{padding:30px; max-width:1000px; width:100%; margin:0 auto; font-size:17px; position:relative; margin-top:50px;}
.my_setting .section02 .alert_tit {padding:5px; background:#F6F6F6; }
.my_setting .section02 .alert_tit span {color:#FF6145}
.my_setting .section02 .btn_all_read {position:absolute; top:35px; right:30px}
.my_setting .section02 .class_list {clear:both; padding-top:30px;}
.my_setting .section02  ul {clear:both; overflow:hidden; width:100%; display:block;}
.my_setting .section02  ul li {padding:20px; margin-top:15px; padding-left:110px; color:#BBBBBB}
.my_setting .section02  ul li .profile {width:55px; height:55px;  border-radius:50%; overflow:hidden; position:absolute; top:50%; margin-top:-25px; left:25px}
.my_setting .section02  ul li p {width:90%}
.my_setting .section02  ul li a {color:#bbb}
.my_setting .section02  ul li.vv a {color:#333}
.my_setting .section02  ul li.vv {background:#FFF0ED}
.my_setting .section02  ul li span {color:#BBBBBB}
.my_setting .section02  ul li.vv span {color:#FF6145}
.my_setting .section02  ul li div {font-size:15px; }
.my_setting .section02  ul li .btn_read {position:absolute; right:0px; top:50%; margin-top:-10px; right:14px; font-size:17px; color:#FF6145; cursor:pointer;}

.dashboard_01 .section01 > div{position: relative; top:0;left: 0;width: 160px; position:absolute; z-index:9 }
.dashboard_01 .section01 .img_box{width: 160px; height: 160px; border:1px solid #ccc; overflow: hidden ;border-radius: 50%;}
.dashboard_01 .section01 .img_box img {width:100%;}
.dashboard_01 .section01 button{position: absolute; bottom: 0;right: 0;min-width: inherit; width: 47px;height: 47px;background-color: #fff; border: 1px solid #ccc; border-radius: 50%;}
.dashboard_01 .section01 .glyphicon{font-size: 16px; color: #ccc;}
.dashboard_01 .section02 {width:100%;  margin-top:40px; padding-left:200px;}
.dashboard_01 .section02 .form-group > div {width:50%; display:inline-block }
.dashboard_01 .section02 .form-group{width:100%; padding-bottom:20px;}
.dashboard_01 .section02 .info_txt{display:block; color:#FF6145}
.dashboard_01 .section02 label{width:10%; vertical-align:top}
.dashboard_01 .section02 .form-group .form-control{width:50%; margin-bottom:10px; border:1px solid #707070;}
.dashboard_01 .section02 textarea{width: 100%;height: 300px; border-radius:5px}
.dashboard_01 .btn_section { text-align:center; width:100%}
.dashboard_01 .btn_section button {margin:0 auto;}
.dashboard_01 .section03 .cb > .form-inline {width: 75%;}
.dashboard_01 .section03 .cb > .form-inline > .form-group{width: 89%}
.dashboard_01 .section03 .form-group > a{font-size: 15px; color: red;}
.dashboard_01 .section03 .form-group > a .glyphicon{line-height: 20px;font-size: 10px; vertical-align: top;}
.dashboard_01 .section03 .well{line-height: 25px;font-size: 14px; background-color: #f9f9f9; border: 1px solid #e3e3e3; -webkit-box-shadow: none; box-shadow: none}
.dashboard_01 .section03 .well{color: #666}
.dashboard_01 .section03 .well .sbj{color: #000;}
.dashboard_01 .section03 .well a span{font-size: 12px;}
.dashboard_01 .section03 .well .form-inline{padding-top: 45px}
.dashboard_01 .section03 .well .btn{margin-left: 15px; color: red; border-color: red;}
.dashboard_03 .glyphicon{font-size: 20px}
.dashboard_03 .checkbox_wrap{float: left}
.dashboard_03 .section01 .l_box{width: 50%;}
.dashboard_03 .section02 .checkbox_wrap{width: 25%;}
.dashboard_03 .section02 .btn_box{padding-left: 20px}
/***** 검색 *****/
.channel_box > .txt_box {position:absolute; top:10px; left:0px; margin-left:140px; background:none}
.channel_box .status {position:absolute; top:14px; right:14px; color:#FF6145}
.channel_box > .txt_box .mt10 {margin-top:10px}
.channel_box > .txt_box .user{ margin-left:0px; color: #7D7D7D}
.channel_box .tlt {margin-left:0px; font-size:17px; margin-bottom:10px;  padding-right:50px; }
.channel_box p{color: #a09f9c}
.channel_box p span{color: #000;}
.channel_box > .rating_box .rating span{padding-left: 10px;background-image: none;}
.channel_box > .rating_box .price {padding-left: 10px;font-size: 14px; font-weight: normal}

.box.user_box .profile_wrap{padding:20px; border:1px solid #dedede;}
.box.user_box .profile{position: relative;top: 0;left: 0;height: 100px; }
.box.user_box .profile .img_box{position: absolute; top: 0;left: 0; font-size:30px; width:100px;height: 100px;overflow: hidden;border-radius: 50%;}
.box.user_box .profile .txt_box{padding-left: 130px;padding-top: 0px}
.box.user_box .profile .user_name{padding-bottom: 5px; font-size: 17px;}
.box.user_box .addr{padding-top: 35px;color: #666}
.box.user_box > .rating_box{padding:30px 35px;}
.box.user_box > .rating_box p{max-height: inherit;height: 65px;line-height: 23px; color: #888;}

.search .btn_tab_wrap ul{padding-top: 25px}
.search .section{padding-top: 20px}
.search .section:first-child{padding-top:0}
.search h3{ position:relative;}
.search h3 span { font-size:19px; color:#FF6145}
.search h3 > a{display: inline-block; line-height: 22px; color:#333333;font-size:19px; position:absolute; top:0; right:20px;}
.search .class_list{padding-top: 20px}
.search .search_cnl .class_list > div,
.search .search_user .class_list > div{width: 33.33%;}
.search .search_uploader .class_list > div{width: 25%;}
.search .btn_wrap a {display:inline-block; width:100%; padding:4px; background:url('/theme/basic/img/ico_ch_s.svg') center left 5px no-repeat;  background-color:#F5F5F5;padding-left:35px; vertical-align:bottom; color:#3B3B3B}

.search .no_results{padding: 100px 0; text-align: center;}
.search .no_results .txt_box div{padding: 50px 0 10px; line-height: 40px; font-size: 26px;}
.search .no_results .txt_box p{color: #888}

.class_blog .noData,
.class_list .noData {width:100%; display:block; margin:0 auto; min-height:300px; display:block;}
.class_list .noData img {}

.class_blog .noData {padding-top:150px;}
.class_blog .noData p {font-size:22px;}

/* ui-sortable-helper */
.ui-sortable-helper > th, .ui-sortable-helper > th,
.ui-sortable-helper > th, .ui-sortable-helper > td,
.ui-sortable-helper > td, .ui-sortable-helper > td {
    padding: 5px;
    background-color: #fff;
}
.ui-sortable-helper ul,
.ui-sortable-helper.card{list-style: none}
.ui-sortable-helper{}

.modal_open button {border:0px; background:#fff; position:absolute; right:19px;}
.modal_open .tit_share {width:100%;}
.modal_open .modal-content {width:459px}
.modal_open .cont_open {margin-top:15px; font-size:15px; text-align:center;}
.modal_open .btn_open {width:133px; margin:0 auto; margin-top:15px; margin-bottom:15px; }
.modal_open_input button {border:0px; background:#fff; position:absolute; right:19px;}
.modal_open_input .tit_share {width:100%;}
.modal_open_input .modal-content {width:459px}
.modal_open_input .cont_open {margin-top:15px; font-size:15px; }
.modal_open_input textarea {width:100%; padding:3px; border:1px solid #707070; height:115px; border-radius:3px;}
.modal_open_input dl {float:left; width:100%; margin-bottom:15px;  font-size:15px;}
.modal_open_input dt {clear:both; width:13%; height:32px; padding:0px; float:left; padding-top:5px;}
.modal_open_input dd {width:85%; float:left;}
.modal_open_input dd p {font-size:13px;  margin:0px; padding-top:5px;}
.FC-FF6145 {color:#FF6145;}
.modal_open_input dd input[name='open_name'] {width:100%;  padding-left:5px; border:1px solid #707070; height:32px; border-radius:3px; }
.modal_open_input dd input[name='open_email'] {width:60%;  padding-left:5px; border:1px solid #707070; height:32px; border-radius:3px; }
.modal-o {width:450px;}
.modal-1000 {width:100%; max-width:1000px;}
.modal_open_input .btn_open {clear:both; width:300px; margin:0 auto; margin-top:15px; margin-bottom:15px; }
.modal_share button {border:0px; background:#fff; position:absolute; right:19px;}
.modal_share .tit_share {width:100%;}
.modal_share .copy_share { position:relative; height:48px; width:95%; margin:44px auto 0; }
.modal_share .copy_share input {border:1px solid #ddd; width:100%; height:100%; padding-left:10px;}
.modal_share .copy_share button {position: absolute; width:83px; height:48px; top:0px; right:0px; background:#FF6145; text-align:center; line-height:48px; color:#fff;}
.modal_share .visual_wrap {float: left; width:90%;  margin-top:45px ; margin-left:5%;  margin-bottom:45px; height:89px; overflow:hidden; -webkit-overflow-scrolling: touch; top:0px; left:0px}
.modal_share .swiper {margin:44px auto 0; }
.modal_share .swiper-wrapper .swiper-slide {float:left; width:67px; text-align:center; font-size:13px; }
.modal_share .swiper-button-next {top:215px; right:0px; width:69px; border:0px}
.modal_share .swiper-button-prev {top:215px; left:0px; width:69px; border:0px}
.modal_share .swiper-button-disabled {display:none}
.modal_top .btn_modal_close,
.modal_file .btn_modal_close, .cost_alert .btn_modal_close{border:0px; background:#fff; position:absolute; top:13px; right:19px;}
.modal_file .url_copy { padding:0; margin:0; bottom:-100px; left:0; position:absolute;}
.modal_file .tit, .cost_alert .tit {width:100%; padding:10px 20px; padding-bottom:0; font-size:17px; border-bottom:1px solid #D9D9D9}
.modal_file .tit span, .cost_alert .tit span{height:100%; padding:0 20px; cursor:pointer; padding-bottom:10px;  display:inline-block;}
.modal_file .tit span.over, .cost_alert.tit span.over{border-bottom:2px solid #FF6145;}
.modal_file .tit span.sub, .cost_alert .tit span.sub{color:#CFCFCF}
.modal_file .body {height:70vh; min-height:300px; max-height:600px;}
.modal_file .ico_upload {width:319px; border:1px solid #fff; height:210px; position:relative; overflow:hidden; margin:0 auto; margin-top:50px; display:block;  background:url('/theme/basic/img/bg_upload.svg') center bottom no-repeat; }
.modal_file #uploadArea {margin-top:50px; line-height:15px;}
.modal_file #uploadArea p {font-size:15px; line-height:15px; margin:0}
.modal_file .btn_upload {margin:0 auto; margin-top:56px; color:#fff;  border:0; outline:0; background:#FF6145; text-align:center;}
.nbtn {padding:10px 30px; border-radius:2px;}


.modal_top .tab {margin-top:30px; border-bottom:1px solid #DEDEDE}
.modal_top .tab a {display:inline-block; margin:0 20px; padding:5px; color:#818181}
.modal_top .tab a.over {border-bottom:2px solid #FF6145; color:#333}
.modal_top .fileUp {width:100%; height:auto; margin-top:20px; position:relative; padding:10px;}
.modal_top .fileList {width:100%; overflow:hidden; padding:10px; display:none;}
.modal_top .fileList li {width:32%; cursor:pointer; margin-bottom:15px; float:left; position:relative;}
.modal_top .fileList li .over {width:100%; height:100%; display: block; background:url('/theme/basic/img/img_check.svg') center no-repeat; position:absolute; top:0; left:0; background-color:rgba(255,97,69,0.5)}

.modal_top .fileList .imgR {margin-right:2%;}

.modal_top .fileUp .fileG {font-size:13px; color:#818181; vertical-align:bottom;}
.modal_top .fileUp .file {margin-top:10px; width:100%; max-height:330px; border:1px solid #DEDEDE; overflow:hidden;}
.modal_top .fileUp .file img {width:100%;}
.modal_top .fileUp a { padding:5px 20px;  border-radius:2px; display:inline-block; border:1px solid #707070;}
.modal_top .fileBtn {width:100%; height:30px; text-align:center; margin-top:35px}
.modal_top .fileBtn .btn_save {padding:5px 20px; border-radius:2px; color:#fff; background:#FF6145; }
.modal_top .fileing {text-align:center; height:80px; display:none}


/*발음 연습*/
.modal_top .hanword {font-size:20px; width:100%; color:#FF6145; text-align:center; margin-top:20px;}
.modal_top .hanBtn {width:100%; text-align:center; margin-top:20px;}
.modal_top .hanBtn button {display:inline-block; cursor:pointer; margin-left:20px; padding-top:40px; min-width:50px; border:0;}
.modal_top .hanBtn button.btn1 {background:url('/theme/basic/img/new/ico_record1.svg') top center no-repeat; }
.modal_top .hanBtn button.btn2 {background:url('/theme/basic/img/new/ico_record2.svg') top center no-repeat; }
.modal_top .hanBtn button.btn3 {background:url('/theme/basic/img/new/ico_record3.svg') top center no-repeat; }
.modal_top .hanBtn button.btn1:hover {background:url('/theme/basic/img/new/ico_record1_over.svg')  top center no-repeat; color:#FF6145 }
.modal_top .hanBtn button.btn2:hover {background:url('/theme/basic/img/new/ico_record2_over.svg')  top center no-repeat; color:#FF6145 }
.modal_top .hanBtn button.btn3:hover {background:url('/theme/basic/img/new/ico_record3_over.svg') top center no-repeat; color:#FF6145 }
.modal_top .hanBtn button.btn2:disabled {background:url('/theme/basic/img/new/ico_record2_disb.svg') top center no-repeat; color:#DEDEDE }
.modal_top .hanBtn button.btn3:disabled {background:url('/theme/basic/img/new/ico_record3_disb.svg') top center no-repeat; color:#DEDEDE }
.modal_top  #recordingsList {margin:0 auto; margin-top:20px;}
.modal_top  #recordingsList li {text-align:center;}
.modal_top  #recordingsList audio {border:0}
.modal_top .rec_comp {clear:both; font-size:20px; margin-top:20px; text-align:center; display:none}
.modal_top .rec_comp span {color:#FF6145}
.modal_top .hanBtn button:last-child {margin-right:20px;}
.modal_top .fileBtn2 {width:100%;  text-align:center; margin-top:20px}
.modal_top .fileBtn2 .btn_recording_save {padding:5px 20px; border-radius:2px; color:#fff; background:#FF6145; }
/* 콘텐츠 가져오기 */
.modal_bbs .modal-content {width:600px; position:relative;}
.modal_bbs .tit {width:100%; padding:10px 20px; font-size:17px;}
.modal_bbs .btn_modal_closeS {border:0px; background:#fff; position:absolute; top:10px; right:19px;}
.modal_bbs .ul_bbs {margin:5%; padding:2%; border:1px solid #DDDDDD;}
.modal_bbs .ul_bbs li {padding:8px 30px; position:relative; cursor:pointer;}
.modal_bbs .ul_bbs li.list {background:url('/theme/basic/img/new/ico_list.svg') center left  no-repeat;}
.modal_bbs .ul_bbs li.blog {background:url('/theme/basic/img/new/ico_blog.svg') center left  no-repeat;}
.modal_bbs .ul_bbs li.li_on {background-color:#FFF0ED; z-index:1}
.modal_bbs .btnW {width:100%; padding:30px; text-align:center;}
.modal_bbs .btnW button {background:#fff; padding:5px 20px; border-radius:2px; border:1px solid #707070 }
.modal_contents .modal-content {width:600px; position:relative;}
.modal_contents .tit {width:100%; padding:10px 20px; font-size:17px;}
.modal_contents .tit_g {width:100%; color:#A7A7A7; padding:0 20px;}
.modal_contents .btn_modal_closeS {border:0px; background:#fff; position:absolute; top:10px; right:19px;}
.modal_contents .list {padding:10px; max-height:400px; min-height:200px; margin-bottom:50px; height:auto; overflow-y:auto}
.modal_contents .list ul {width:100%;}
.modal_contents .list li {width:100%; height:70px; padding:3px; margin-top:15px; border:1px solid #DBDBDB; position:relative; cursor:pointer;}
.modal_contents .list li .on {width:100%; height:100%; position:absolute; left:0; top:0; background:#FFF0ED; z-index:1}
.modal_contents .list li .img {width:108px; height:auto; display:inline-block; vertical-align:top; border:1px solid #DBDBDB; position:relative; z-index:2}
.modal_contents .list li .img img {width:100%; z-index:2}
.modal_contents .list li .title {width:100%; padding-left:120px; position:absolute; top:0; left:0; margin-top:12px; z-index:2}
.modal_contents .list li .cost {width:100%; padding-left:120px; color:#707070; position:absolute; top:30px; left:0; margin-top:12px; font-size:13px; z-index:2}
.modal_contents .list li .date {width:100%; padding-left:120px; color:#707070; padding-right:20px; position:absolute; top:30px; left:0; margin-top:12px; text-align:right; font-size:13px; z-index:2}
.modal_contents .btnW {width:100%; padding:30px; text-align:center;}
.modal_contents .btnW button {background:#fff; padding:5px 20px; border-radius:2px; border:1px solid #707070 }

.modal_contentsL .modal-content {width:600px; position:relative;}
.modal_contentsL .tit {width:100%; padding:10px 20px; font-size:17px; border-bottom:1px solid #D9D9D9}
.modal_contentsL .btn_modal_closeS {border:0px; background:#fff; position:absolute; top:10px; right:19px;}
.modal_contentsL .list {padding:10px; max-height:400px; min-height:200px; margin-bottom:50px; height:auto; overflow-y:auto}
.modal_contentsL .list .chkAllw {height:32px; width:100%; background:#363636;}
.modal_contentsL .list ul {width:100%;}
.input_file_body .fBox7 li,
.modal_contentsL .list li {width:100%; height:70px; padding:3px; margin-top:15px; border:1px solid #DBDBDB; position:relative;}
.input_file_body .fBox7 li {width:98%;}
.modal_contentsL .list .chkAllw .chk,
.modal_contentsL .list li .chk {margin:10px; margin-top:23px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #707070; color:#fff; border-radius:2px; cursor:pointer; vertical-align:middle ; z-index:10}
.modal_contentsL .list li .chk2 {margin:10px; margin-top:23px; display:inline-block;  width:18px; height:18px; vertical-align:bottom; background:#fff; background:url('/theme/basic/img/sub/checkbox.svg'); color:#fff; border-radius:2px; cursor:pointer; vertical-align:middle; z-index:10}
.modal_contentsL .list .chkAllw .chk {margin-top:7px; margin-left:14px}
.modal_contentsL .list .chkAllw span {color:#fff;}
.modal_contentsL .list .chkAllw .on,
.modal_contentsL .list li .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.input_file_body .fBox7 li .img,
.modal_contentsL .list li .img {width:108px; height:auto; display:inline-block; vertical-align:top; border:1px solid #707070; position:relative; }
.input_file_body .fBox7 li .img img,
.modal_contentsL .list li .img img {width:100%;}
.input_file_body .fBox7 li .img span,
.modal_contentsL .list li .img span {position:absolute; background:#000; padding:3px; border-radius:2px; font-size:12px; bottom:5px; right:5px; color:#fff; z-index:10}
.input_file_body .fBox7 li .title,
.modal_contentsL .list li .title {width:260px; margin-left:170px; position:absolute; top:0; left:0; margin-top:12px;}
.modal_contentsL .list li .title3 {width:75%; padding-left:120px; position:absolute; top:0; left:0; margin-top:12px;}
.modal_contentsL .list li .open2 {width:25%; text-align:center; position:absolute; top:0; right:0; margin-top:12px;}
.input_file_body .fBox7 li .title {width:220px;}
.modal_contentsL .list li .title2 {width:200px; display:inline-block; vertical-align:top; margin-left:10px; margin-top:12px;}
.modal_contentsL .list li .open {width:80px; display:inline-block; vertical-align:top; margin-top:20px; margin-left:20px;}
.input_file_body .fBox7 li .cost,
.modal_contentsL .list li .cost {width:60px; position:absolute; top:20px; right:40px; }
.modal_contentsL .list li .date {width:60px;  display:inline-block; text-align:right;}
.input_file_body .fBox7 li .cost {margin-right:20px;}
.input_file_footer button {outline:0; border:0;}
.modal_contentsL .input_file_footer .btn_move {position:absolute; bottom:8px; right:15px; padding:6px 10px; background:#CFCFCF; color:#fff; border-radius:2px}
.modal_contentsL .input_file_footer .on {background:#FF6145;}
.input_file_body .fBox7 li .li_cont_move {position:absolute; width:40px; height:70px; top:0; right:5px; display:inline-block; background:url('/theme/basic/img/ico_cont_move.svg') center no-repeat; cursor:move;  }
.alert_copy {position:fixed; min-width:250px; background:#292929; color:#fff; left:100px; bottom:-80px; z-index:999999}
.alert_copy .close2 {position:absolute; top:12px; right:10px; background:#292929; border:0px; color:#fff; font-size:15px; cursor:pointer}
.groupSetting {width:100%; height:auto; overflow:hidden}
.groupSetting .groupbox {width:648px; height:613px;  float:left; border:1px solid #DDDDDD; padding:16px; background:#fff; margin-top:33px; border-radius:10px; }
.groupSetting .groupbox h5 {font-size:15px; color:#FF6145; margin-left:1px; margin-top:3px}
.groupSetting .groupbox .group-btn {display:block; position:relative; width:100%; margin-top:27px; padding-bottom:10px; font-size:13px; border-bottom:1px solid #333}
.chk_filter {cursor:pointer}
.groupSetting .groupbox .group-btn .kind {position:absolute; top:20px; left:0px; border:1px solid #DDDDDD; border-radius:5px; width:auto; height:140px; background:#fff; padding:5px; display:none; z-index:99}
.groupSetting .groupbox .group-btn .kind li {padding:3px 20px; background:#fff; padding-right:5px; width:100%; cursor:pointer; }
.groupSetting .groupbox .group-btn .kind .over {background:url('/theme/basic/img/sub/filter_check.svg') 5px no-repeat;}

.groupSetting .groupbox .group-btn .filter {position:absolute; top:20px; left:50px; border:1px solid #DDDDDD; border-radius:5px; width:auto; height:110px; background:#fff; padding:5px; display:none; z-index:99}
.groupSetting .groupbox .group-btn .filter li {padding:3px 20px; background:#fff; padding-right:5px; width:100%; cursor:pointer; }
.groupSetting .groupbox .group-btn .filter .over {background:url('/theme/basic/img/sub/filter_check.svg') 5px no-repeat;}
.groupSetting .group_chkbox {display:inline-block; margin-left:15px; width:18px; height:18px; vertical-align:bottom; background:#fff; border:1px solid #DDDDDD; color:#fff; cursor:pointer;}
.groupSetting .groupbox .group_title {display:inline-block; margin-left:34px; vertical-align:middle}
.groupSetting .groupbox .group-btn a {float:right; color:#FF6145; margin-right:10px;}
.groupSetting .groupbox .group-btn .group_radio {float:right; margin-left:10px; cursor:pointer; margin-right:5px;}

.groupSetting .groupbox .ico_name_tip {display:none; position:absolute; background:#fff; border:1px solid #ddd; padding:7px; border-radius:5px; z-index:10; top:25px; left:180px; font-weight:500}
.groupSetting .groupbox .group-btn .group_radio input {vertical-align:top;}
.groupSetting .groupbox .group_list ul {margin-top:5px;}
.groupSetting .groupbox .group_list li {padding:10px 0; position:relative; cursor:pointer; margin:5px 0; font-size:13px; border:1px solid #fff; float:left; width:95%; color:#646363}
.groupSetting .groupbox .group_list li .txt_1 {color:#FF6145; font-weight:bold}
.groupSetting .groupbox .group_list li .txt_3 {color:#ccc; }
.groupSetting .groupbox .group_list li .txt2_1 {color:#333; font-weight:bold}
.groupSetting .groupbox .group_list li .txt2_3 {color:#ccc; }
.groupSetting .groupbox .group_list1 li .group_chkbox {vertical-align:top; margin-top:15px; float:left;}
.groupSetting .groupbox .group_list2 li .group_chkbox {vertical-align:top; margin-top:0px; float:left;}
.groupSetting .groupbox .group_list li .group_chkbox input {width:0px; height:0px;}
.groupSetting .groupbox .group_list li:hover {background:#FFF0ED; border:1px solid #fff0ed; border-radius:5px;}
.groupSetting .on {background:url('/theme/basic/img/sub/checkbox.svg'); border:0px;}
.groupSetting .groupbox .group_list li .group_img {width:86px; height:46px; text-align:center; overflow:hidden;  margin-left:30px; display:inline-block; float:left;}
.groupSetting .groupbox .group_list li .group_img img {height:46px;}
.groupSetting .groupbox .group_list li .group_tit {margin-left:10px; display:block; line-height:22px; font-size:13px; vertical-align:top; float:left;}
.groupSetting .groupbox .group_list li .group_status { width:130px; text-align:center; vertical-align:top; float:left;}
.groupSetting .std {margin-left:60px;}
.groupSetting .groupbox .group_list1 {margin-top:5px; height:490px; overflow-y:auto;}
.groupSetting .groupbox .group_list2 {margin-top:5px; height:400px; overflow-y:auto;}
.groupSetting .groupbox .group_cnt {float:right; margin-right:5px;}
.groupSetting .groupbox .chk_kind {cursor:pointer; margin-left:7px;}
.groupSetting .groupbox center {padding-top:150px;}
.groupSetting .groupbox .btn_auth {width:100%; margin-top:10px; text-align:left; font-size:17px;color:#FF6145}
.groupSetting .groupbox .btn_auth span {vertical-align:top; display:block; margin-left:2%}
.groupSetting .groupbox .btn_auth div {display:inline-block; width:46%; margin-top:5px; margin-left:2%; vertical-align:top}
.groupSetting .groupbox .btn_auth .btn01 a {display:block; width:100%; margin-bottom:8px; height:28px; text-align:center; border:1px solid #ddd;   border-radius:3px; font-size:13px; line-height:28px;}
.groupSetting .groupbox .btn_auth .btn01 .btn1 {background:#ddd; color:#fff;}
.groupSetting .groupbox .btn_auth .btn01 .btn2 {background:#fff; color:#ddd;}
.groupSetting .groupbox .btn_auth .btn02 a {display:block; width:100%; margin-bottom:8px; height:28px; text-align:center; border:1px solid #ddd; color:#ddd; background:#fff; border-radius:3px; font-size:13px; line-height:28px;}
.groupSetting .groupbox .btn_auth .btn01 .btn1.over {background:#FF6145; border:1px solid #FF6145; }
.groupSetting .groupbox .btn_auth .btn01 .btn2.over {background:#fff; border:1px solid #333333; color:#333333; }
.groupSetting .groupbox .btn_auth .btn02 .over {border:1px solid #333333; color:#333333; }
.groupSetting .modal_class h5 {font-size:17px; color:#FF6145;}
.groupSetting .modal_class .modal-body div {width:100%; height:200px; overflow-y:auto;}
.groupSetting .modal_class .modal-body .copy_btn {display:block; text-align:center;}
.groupSetting .modal_class .modal-body a {color:#fff; width:auto; text-align:center; line-height:27px; background:#FF6145; border:1px solid #FF6145; border-radius:3px; padding:5px 20px; margin:15px auto; display:inline;;}
.groupSetting .modal_class ul {margin-top:15px;}
.groupSetting .modal_class .mlist {padding:5px 10px;}
.groupSetting .modal_mem li {padding:5px 0px; width:100%; height:auto; overflow:hidden; padding-left:10px; clear:both; cursor:pointer}
.groupSetting .modal_mem .over {background:#EEEEEE;}
.groupSetting .modal_mem .modal_t { width:100%; padding-left:10px; padding-bottom:30px;  border-bottom:1px solid #333;}
.groupSetting .modal_mem .modal_t1 {width:80%; display:block; padding-bottom:5px; float:left}
.groupSetting .modal_mem .modal_t2 {width:10%; display:block; padding-bottom:5px; text-align:center; float:left}
.groupSetting .modal_mem .modal_t3 {width:10%; display:block; padding-bottom:5px; text-align:center; float:left}
.groupSetting .modal_mem .modal_list {width:100%; height:300px; overflow-y:auto;}
.groupSetting .modal_mem .memo_v {color:#FF6145; display:none;}

.guide1 {text-align:center; height:auto; padding-bottom:80px; width:100%; overflow:hidden; margin:0 auto;  overflow:hidden; font-size:43px; position:relative; padding-left:20px;}
.guide1 .bg {width:100%; height:320px; position:absolute; top:350px; left:35%;  background:#F9F9F9}
.guide1 h2 {font-size:36px; font-weight:600}
.guide1 h3 {font-size:20px; line-height:30px; font-weight:400}
.guide1 h5 {padding-top:40px; color:#ff6145; display:block;  width:1400px; margin:0 auto; text-align:left; font-size:25px; font-weight:600}
.guide1 h2 img {vertical-align:middle; padding:0 15px; padding-bottom:10px; display:inline;}
.guide1 ul {width:1400px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:40px;}
.guide1 ul li {width:100%; height:320px; vertical-align:top; float:left; text-align:left;}
.guide1 ul li.g01 {width:35%; float:left; }
.guide1 ul li.g02 {width:65%; position:relative;  padding-left:40px; padding-bottom:50px; float:left; }
.guide1 ul li > div {display:inline-block; vertical-align:top;}
.guide1 ul img {position:absolute; top:0px; right:50px}
.guide1 .PL50 {padding-left:50px;}
.guide1 .PL570 {padding-left:570px;}
.guide1 .PT50 {padding-top:50px;}
.guide1 .PR60 {padding-right:60px;}
.guide1 ul li dt {font-size:20px; margin-bottom:24px; text-align:left;}
.guide1 ul li dd {font-size:17px; text-align:left;}
.guide1 ul li dd p {font-size:17px; line-height:25px; margin:0; padding:0;}
.guide1 ul li dd div {padding-top:15px;}
.guide1 ul li dd span {display:block; line-height:20px;}
.guide1 ul li dd a {width:183px; height:58px; display:block; line-height:58px; border-radius:2px; text-align:center; background:#FF6145; margin-top:36px; color:#fff; font-size:17px; outline:0; border:0}

.guide2 {clear:both; width:100%; height:auto;  overflow:hidden; text-align:left;   position:relative;}
.guide2 h5 {padding-top:40px; color:#ff6145; text-align:left; font-size:25px; font-weight:600}
.guide2 .swiperW {width:884px; overflow:hidden; padding-bottom:20px; position:relative; }
.guide2 .swiperW .swiper-wrapper {width:100%; margin-top:20px; clear:both}
.guide2 .swiperW .swiper-wrapper > div {float:left; width:884px; position:relative; text-align:center; padding-right:20px; }
.guide2 .swiperW .swiper-wrapper > div span {position:absolute; width:97%; height:52px; top:-26px; font-size:28px; left:0px; padding-top:5px; display:block; }
.guide2 .swiperW .swiper-wrapper > div div {padding-top:20px; font-size:20px}
.guide2 .swiperW .swiper-wrapper > div img { width:904px; cursor:pointer }
.guide2 .swiper-pagination1 {width:884px; text-align:center}
.guide2 .swiper-pagination1 .swiper-pagination-bullet {margin-left:5px;}
.guide2 .guide2_txt {position:absolute; top:80px; color:#BBBBBB; cursor:pointer; left:904px; font-size:17px; line-height:30px}
.guide2 .guide2_txt .on {color:#333}
.guide2 .guide2_txt .tit {font-size:20px; font-weight:600; line-height:36px}
.guide2 .guide2_txt .on .tit {border-left:5px solid #FF6145; }
.guide2 .guide2_txt div {padding-left:10px;}
.guide2 .guide2_txt > div {padding-bottom:38px}
.guide2 .guide2_txt img {display:none}
.guide2 .guide2_txt_c2 {font-size:17px;  line-height:30px; padding-top:80px;  padding-bottom:170px; position:relative;}
.guide2 .guide2_txt_c2 .bg {width:100%; height:288px; position:absolute; z-index:1; bottom:0; left:0; background:#F9F9F9}
.guide2 .guide2_txt_c2 .swiperW2 {width:771px; cursor:pointer; overflow:hidden; padding-bottom:40px; position:absolute; top:80px; right:0; z-index:5}
.guide2 .guide2_txt_c2 .tit {font-size:20px; font-weight:600;line-height:36px}
.guide2 .guide2_txt_c2 .guide2_txt1 {z-index:5;  padding-bottom:100px}
.guide2 .guide2_txt_c2 .guide2_txt2 {width:40%; z-index:5;  position:relative}
.guide2 .guide2_txt_c2 .swiperW2 .swiperW2img {width:771px; margin-bottom:20px;}
.guide2 .guide2_txt_c2 .swiperW2 .swiper-slide {text-align:center; font-size:20px;}
.guide2 .swiper-pagination2 {width:771px; bottom:20px;  text-align:center}
.guide2 .swiper-pagination1 .swiper-pagination-bullet {margin-left:4px; margin-right:4px;}
.guideB {width:100%; height:181px; background:#13B5E6; text-align:center; }
.guideB h5 {color:#fff; text-align:center; font-size:25px; margin-top:0; padding-top:50px; padding-bottom:20px;}
.guideB a {background:#fff; padding:5px 15px; border-radius:2px; font-size:17px}
.guide_tip {width:100%; height:300px; padding:50px;  text-align:center;}
.guide_tip h5 {font-size:25px; color:#ff6145; font-weight:700; padding-bottom:15px;}
.guide_tip ul {width:100%; max-width:690px;  margin:0 auto; }
.guide_tip li {width:100%; border:1px solid #D4D4D4; padding:10px 15px; cursor:pointer; margin-top:10px; text-align:left;}
.guideC {clear:both; width:100%; height:964px; font-size:17px; background:#F9F9F9; line-height:26px  }
.guideC .sub_con {position:relative;}
.guideC h2 {font-size:25px; color:#ff6145; font-weight:600}
.guideC .guideC_txt1 {padding-top:140px;}
.guideC .guideC_txt1 .tit {font-size:20px;padding-top:36px; padding-bottom:20px; font-weight:600}
.guideC .guideC_img1 {width:824px; position: absolute; top:80px; right:0}
.guideC .guideC_txt2 {padding-top:160px; padding-left:680px}
.guideC .guideC_img2 {width:600px; position: absolute; bottom:-220px; left:0}
.guide3 {text-align:center; height:auto; padding-bottom:40px; padding-top:50px;  overflow:hidden; font-size:43px;}
.guide3 h5 {padding-top:40px; color:#ff6145; text-align:center; font-size:26px; font-weight:600}
.guide3 ul {width:1200px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:40px;}
.guide3 li {min-height:30px;cursor:pointer;  width:100%; vertical-align:top; font-size:15px;  padding:10px; padding-left:30px; text-align:left; margin-left:0; float:left; border:1px solid #DBDBDB; border-left:5px solid #FF6145; margin-bottom:30px; }
.guide3 li.f {margin-left:0;}
.guide3 .won {display:none}
.guide3 .mon {display:block}
.guide3 li div {font-size:17px; font-weight:600; padding-bottom:10px;}
.guide3 li p {line-height:18px; margin:0; padding-left:10px;}
.guide4 {clear:both; width:100%; height:auto; overflow:hidden; font-size:17px; text-align:center; padding-bottom:40px;  background:#FBFBFB; }
.guide4 h5 {padding-top:40px; color:#ff6145; text-align:center; font-size:26px; font-weight:600}
.guide4 .swiper-wrapper {width:100%; margin-top:50px; }
.guide4 .swiper-wrapper > div {width:20%; float:left; }
.guide4 .swiper-wrapper > div div { padding-top:15px;}
.guide4 span {clear:both; display:block; padding-top:60px; font-size:25px; color:#818181}
.guide4 .swiper-button-next {display:none; width:auto; cursor:pointer; height:22px; top:250px; right:50%; margin-right:-220px;  outline:0}
.guide4 .swiper-button-prev {display:none; width:auto; cursor:pointer; height:22px; position:absolute;  top:250px; left:50%; margin-left:-200px;  outline:0}
.guide4 .swiper-button-prev.swiper-button-disabled, .guide4 .swiper-button-next.swiper-button-disabled {display:none; top:250px; opacity:0.5}
.guide5 {text-align:center; height:auto; padding-bottom:100px; overflow:hidden; font-size:43px;}
.guide5 h5 {padding-top:40px; font-size:26px; font-weight:600}
.guide5 h6 {padding-top:15px; font-size:16px; font-weight:600}
.guide5 .swiper-wrapper {width:100%; margin-top:76px; clear:both}
.guide5 .swiper-wrapper > div {width:33.3%; float:left; padding-right:20px; font-size:15px; position:relative; text-align:center; background:url('/theme/basic/img/ico_arrow_right.svg')  center right no-repeat; }
.guide5 .swiper-wrapper > div:last-child {background:none}
.guide5 .swiper-wrapper > div span {position:absolute; width:94px; height:94px;  top:-46px; font-size:32px; color:#FF6145; font-weight:600; left:150px; padding-top:25px; display:block; }
.guide5 .swiper-wrapper > div div {width:386px; position:relative; height:352px; margin:0 auto; border:1px solid #C5C5C5; padding:10px;}
.guide5 .guide5_1 {background:url('/theme/basic/img/ico_guide12.svg') center no-repeat;}
.guide5 .swiper-wrapper > div a {height:42px; background:#333333; display:block; width:100%; position:absolute; bottom:0; left:0; color:#fff; font-size:17px; line-height:42px;}
.guide5 .swiper-wrapper > div a.nolink {background:#CBCBCB}
.guide5 .swiper-pagination {bottom:40px;}
.guide6 {clear:both; width:100%; max-width:1680px;  height:auto;  overflow:hidden; text-align:left; position:relative;  background:url('/theme/basic/img/img_guide10.png') center; background-size:1200px; }
.guide6 div {position:absolute; left:200px; top:30%; color:#fff; font-size:20px;}

.hide_Wrap {width:100%; height:100vh; font-size:17px; padding-left:220px; background:#fff; text-align:center; }
.hide_Wrap > div {display:inline-block; width:98%; margin:0 auto; padding-top:calc(50vh - 200px); }
.hide_Wrap > div h3 { margin-top:36px; font-size:17px;}
.hide_Wrap > div h3 span {color:#FF6145}
.hide_Wrap > div p {display:inline;}
.hide_Wrap > div a {clear:both;display:inline-block; width:auto; margin-top:20px; border-radius:2px; background:#FF6145; color:#fff; text-align:center; padding:5px 20px;}
.hide_Wrap > div a.link_home {background:none; color:#FF6145}
.hide_Wrap > div button {clear:both;display:inline-block; width:auto; margin-top:30px; border-radius:2px; background:#FF6145; color:#fff; text-align:center; padding:5px 20px;}
.hide_Wrap > div .item {width:540px; height:106px; position:relative;  margin:0 auto; margin-top:40px; padding:5px; border:1px solid #DBDBDB; text-align:left;}
.hide_Wrap > div .item .img {width:164px; height:auto; position:relative;}
.hide_Wrap > div .item .img img {width:100%;}
.hide_Wrap > div .item .title {position:absolute; top:10px; left:0; width:100%; padding-left:184px;}
.hide_Wrap > div .item .nick {position:absolute; bottom:10px; left:0; width:100%; padding-left:184px; padding-right:100px;}
.hide_Wrap > div .item .folder {position:absolute; width:30%; height:100%; text-align:center; background:url('/theme/basic/img/ico_folder2.svg') center no-repeat; background-color:rgba(0,0,0,0.7); top:0px; right:0px; font-size:12px; padding-top:23%; background-size:60%}
.hide_Wrap > div .input {margin-top:20px;}
.hide_Wrap > div .input input {width:258px; height:30px; border-radius:2px; border:1px solid #E5E5E5; padding-left:10px; font-size:14px;}
.hide_Wrap > div .input .btn_pwd {width:258px; padding:5px; font-size:14px; border-radius:2px; margin:0 auto; margin-top:7px; background:#FF6145; color:#fff; cursor:pointer}

.modal_email .retit {line-height:30px; margin-bottom:20px; margin-top:15px;}
.modal_email .email_to {line-height:32px; margin-top:0; word-wrap:break-word;word-break:break-all;}

.notlogin_wrap {text-align:center; display:relative; height:90vh; padding-top:20%}
.notlogin_wrap h3 {font-size:22px; padding:0}
.notlogin_wrap span {font-size:17px; display:block; padding-bottom:25px;}
.notlogin_wrap a {clear:both; display:inline-block; font-size:16px; border:1px solid #FF6145; color:#FF6145; padding:3px 5px}

.pwWrap {width:100%; height:100%; padding-left:240px; padding-top:200px; text-align:center; }
.pwWrap > div {width:700px; height:400px; margin:0 auto; border:1px solid #E8E8E8; border-radius:2px; background:#F9F9F9}
.pwWrap > div h3 {margin-top:35px; font-size:20px;}
.pwWrap > div .pwGuide {margin-top:40px; font-size:15px}
.pwWrap > div .input {margin-top:50px; text-align:center}
.pwWrap > div .input input { width:289px; margin:0 auto; margin-bottom:17px; height:36px; border:1px solid #707070}
.pwWrap > div  button {margin-top:20px; padding:10px 30px; border-radius:2px;}

.autoNextWrap { height:19px; line-height:17px; position:absolute; padding-right:40px; text-align:right; color:#AAAAAA; font-size:14px; bottom:-10px; right:15px}
.autoNextWrapBG {display:block; cursor:pointer; position:absolute; top:1px; right:0; width:34px; height:17px; z-index:0; border-radius:8px; background:#FF6145;}
.autoNextBG_none {background:#a1a1a1}
.autoNextWrapSW {width:19px; cursor:pointer; height:19px; background:#fff; border-radius:9.5px; display:block; position:absolute; top:0; right:0; z-index:1; }

/*유료콘텐츠*/
.box > .txt_box_shop{height:90px;position:relative;}
.box > .txt_box_shop .price_day{display:grid;justify-items:right;width:100%;color:#FD604B;transform:translateY(-5px);}
.box > .txt_box_shop .price.text-primary{transform:translateY(20px);}
/*.text-primary{color: #ff6145;display:flex;justify-content:right;transform:translateY(-8px);}*/
.text-primary{color: #ff6145;display:inline-block;text-align:right;margin-top:-27px;width:100%;}
.price_player .txt_box_shop .text-primary{transform:translateY(-1px);}
.box > .txt_box_shop .end_day{float:left;color:#1d80d6;position:absolute;}
.box > .txt_box_shop .price{display:flex;justify-content:right;bottom:5px;right:5px;font-size:16px;font-weight:600;color:#FD604B;}
.box > .txt_box_shop .tlt.multi_line{width:84%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;/* 라인수 */
-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;}
.fBox.buy_display1, .input_file_body .fBox.buy_display1, 
.fBox.buy_display2, .input_file_body .fBox.buy_display2, 
.fBox.buy_display3, .input_file_body .fBox.buy_display3, 
.fBox.buy_display4, .input_file_body .fBox.buy_display4, 
.fBox.buy_display5, .input_file_body .fBox.buy_display5, 
.fBox.buy_display6, .input_file_body .fBox.buy_display6 {display:none;min-height:65px;}
.buy_info{padding:20px 15px;text-align:center;vertical-align:middle;}
.refund_btn{display:inline-block;background:##efefef;border:none;position:absolute;top:0;margin:-8px 0 0 270px;padding:8px 12px;border-radius:5px;z-index:1;
transition:all 0.3s;}
.refund_btn:hover{background:#FD604B;color:#fff;cursor:pointer;}
#loading_img{width:100%;height:100%;background:url("/theme/basic/img/loading_ani.gif") no-repeat center center;}
.file_pop_ul::-webkit-scrollbar, 
.input_file_body::-webkit-scrollbar
{width:15px; /*스크롤바의 너비*/}
.file_pop_ul::-webkit-scrollbar-thumb,
.input_file_body::-webkit-scrollbar-thumb
{background-color:#afafaf; /*스크롤바의 색상*/background-clip:padding-box;border:4px solid transparent;border-radius:50px;}
.file_pop_ul::-webkit-scrollbar-track
.input_file_body::-webkit-scrollbar-track
{background-color:#fefefe; /*스크롤바 트랙 색상*/}
#print_result{min-width:290px;min-height:180px;display:flex;justify-content:center;align-items:center;}
#green_color{position:absolute;left:72px;margin:-32px 0 0 0;cursor:pointer;}
#red_color{position:absolute;left:72px;margin:-32px 0 0 34px;cursor:pointer;}
@media screen and (max-width:468px) {
	.class_detail .sub_con01 .section01 .txt_box{margin-top:15px;}
	.price_player span .btn-price-menu {margin-top:15px;}
	.modal_refund .body .b_cont p textarea{height:40vh !important;}
}