@charset "utf-8";
/* CSS Document */

/* pc */
@media only screen and (max-width:1520px){

}

@media only screen and (max-width:1660px){
	.main_con > * {width:100%;}
	.sub_con_wrap .sub_con {width:100%;}
	.btn_tab_wrap {width:100%;}
	.classB .sub_con_wrap .nav	{width:100%;}
	.class_detail .class_top > div {width:100%; padding-right:20px; padding-left:20px; }
	.swiper-container-horizontal > .swiper-pagination-bullets {left: 0;}
	.groupSetting .groupbox {width:49%; }
	.groupSetting .std {margin-left:2%;}

	.class_detail .sub_con01,
	.class_detail .sub_con02{padding:55px 50px;}

	.cnl_setting_wrap {margin:0 auto; margin-top:30px; }
	.cnl_wrap .cnl_menu_setting {margin:0 auto; margin-top:30px; }

	.cnl_btnw { margin:0 auto; }
}
@media only screen and (max-width:1620px){
.guide2 .swiper-pagination1 {display:none}
.guide1 h2 {font-size:32px; }
.guide1 h3 {font-size:23px; }
.guide1 h5 {text-align:center; padding-top:25px; width:100%}
.guide1 .bg {width:100%; height:234px; position:absolute; top:470px; left:0%;  background:#F9F9F9}
.guide1 dl {margin:0}
.guide1 ul li dt {margin-bottom:7px; font-size:18px}
.guide1 ul li dd {font-size:15px}
.guide1 ul {width:800px; margin-top:0px; }
.guide1 ul li {height:auto; padding-bottom:40px}
.guide1 ul li.g01 {width:100%;}
.guide1 ul li.g02 {width:100%; padding-left:0px;}
.guide1 ul li dd a {margin-top:7px; height:45px; line-height:45px; font-size:15px;}
.guide1 ul img {top:-70px}
.guide2 .guide2_txt div {padding-left:0}
.guide2 h5 {text-align:center; }
.guide2 .guide2_txt {position:relative; width:800px; margin:0 auto; padding-top:20px; top:0px; color:#333; left:0px; font-size:15px; line-height:30px; }
.guide2 .guide2_txt img {display:block; margin-bottom:50px;}
.guide2 .swiperW {display:none}
.guide2 .guide2_txt .on .tit {border-left:0; }
.guide2 .guide2_txt .tit {font-size:18px;}
.guide2 .guide2_txt_c2 { margin:0 auto;font-size:15px; padding-top:0px; padding-bottom:40px; }
.guide2 .guide2_txt_c2 .bg {display:none}
.guide2 .guide2_txt_c2 .tit {font-size:18px;}
.guide2 .guide2_txt_c2 .swiperW2 {width:100%;  position:relative; top:0px; right:0; z-index:5}
.guide2 .guide2_txt_c2 .guide2_txt1 {width:800px; margin:0 auto; padding-bottom:20px;}
.guide2 .swiper-pagination2 {width:100%}
.guide2 .guide2_txt_c2 .guide2_txt2 {width:800px; margin:0 auto;}

.guideC .guideC_txt2 {text-align: center}
.guideC { height:auto; font-size:15px; padding-bottom:40px }
.guideC .guideC_txt1 {width:800px; margin:0 auto; padding-top:40px;}
.guideC h2 {font-size:25px; text-align:center;}
.guideC .guideC_txt1 .tit {font-size:18px; padding-bottom:10px}
.guideC .guideC_img1 {width:100%; position:relative; top:0px; right:0; margin-top:25px;}
.guideC .guideC_txt2 {width:800px; margin:0 auto; padding-top:60px; padding-left:0px}
.guideC .guideC_txt2 h2 { margin-bottom:36px; }
.guideC .guideC_img2 {width:600px; position: relative; display:block; bottom:0px; left:0; margin:0 auto; margin-top:20px; }
.guide3 {width:800px; margin:0 auto;}
.guide3 ul {width:96%;}
.guide3 li {width:100%; margin:0; padding-left:10px; cursor:pointer; background:url('/theme/basic/img/btn_down_arrow.svg') top 10px right 5px no-repeat; height:auto; min-height:30px; margin-bottom:15px;}
.guide3 li div {padding-right:20px; font-size:17px;}
/*.guide3 li p {display:inline}*/
.guide3 li p {font-size:15px}
.guide3 .won {display:none}
.guide3 .mon {display:block}

.sub_con_wrap .guide4 .sub_con {width:800px; margin:0 auto;}
.guide4 {font-size:15px}
.guide4 .swiperW3 {width:200px; margin:0 auto; overflow:hidden}
.guide4 .swiper-wrapper {width:180px; margin-top:50px; }
.guide4 .swiper-button-next,
.guide4 .swiper-button-prev,
.guide4 .swiper-button-prev.swiper-button-disabled, .guide4 .swiper-button-next.swiper-button-disabled  {display:block;}
.guide4 span {clear:both; margin:0 auto; display:block; padding-top:30px; font-size:23px; color:#818181}
.guide6 {overflow:hidden}
.guide6 div {position:absolute; left:10%; top:20%; color:#fff; font-size:20px;}
.guide6 img {min-width:1200px;}

.helpCont-List {position:relative; max-width:1160px; width:100%; padding:0 20px; height:45px; border-bottom:1px solid #707070; overflow:hidden; margin-top:0px; top:0px; left:0px; margin:0 auto;  margin-top:25px;  padding-bottom:20px;}
.helpCont-List-down {background:url('/theme/basic/img/help/ico_down.svg') top 10px right 10px no-repeat;}
.helpCont-List-up {background:url('/theme/basic/img/help/ico_up.svg') top 10px right 10px no-repeat;}
.helpCont-List h5 {color:#FF6145; font-size:17px; height:30px; font-weight:600; width:100%; cursor:pointer;}
.helpCont-List li {margin-top:15px}
}
@media only screen and (max-width:1500px){
	.box_list .class_list > div{width: 25%;}
	.guide3 ul {width:96%;}
	.guide5 .swiper-wrapper > div {background:none; padding-right:0px}
	.guide5 .swiper-wrapper > div div {}
	.guide5 .swiper-wrapper > div span {left:0px; width:100%;}

	.class_detail .sub_con01,
	.class_detail .sub_con02{padding:55px 20px;}
}

@media only screen and (max-width:1400px){
	.helpWrap {padding:0 20px;}
	.helpCont-List {padding:0 20px; max-width:100%; width:94%; padding-bottom:20px;}
	.dashboard_01 .section02 .form-group{position:relative;}
	.dashboard_01 .section02 label{width:100px; position:absolute; top:0; left:0;}
	.dashboard_01 .section02 .form-group > div {padding-left:120px; width:90%; display:inline-block }
	.dashboard_01 .section03 .cb > .form-inline {width:100%;}
	.box_list .class_list > div{width:25%;}
	.like_channel .ch_list > div{width: 50%;padding-right:20px; }
	.guide3 ul {width:96%;}
	.guide3 li {width:100%; margin:0; padding-left:10px; cursor:pointer; background:url('/theme/basic/img/btn_down_arrow.svg') top 10px right 5px no-repeat; height:auto; min-height:30px; margin-bottom:15px;}
	.guide3 li div {padding-right:20px; font-size:14px;}
	/*.guide3 li p {display:inline}*/
	.guide3 li p {font-size:13px}
	.guide3 .won {display:none}
	.guide3 .mon {display:block}
	.guide6 {overflow:hidden}
	.guide6 div {position:absolute; left:10%; top:20%; color:#fff; font-size:20px;}
	.guide6 img {min-width:1200px;}
}

@media only screen and (max-width:1399px){
	.cnl_wrap .cnl_main_info .explanation {padding-right:250px;}
	.cnl_wrap .cnl_main_info .explanation ul {width:100%;}
	.cnl_wrap .cnl_main_info .email {width:230px}
	.main_con_wrap .btxt_1 {left:10%; top:20%; position:absolute; z-index:3; text-align:left;}
	.main_con_wrap .btxt_1 .btxt1 {font-size:17px; padding:5px 10px; background:#181819; color:#fff;}
	.main_con_wrap .btxt_1 .btxt2 {display:block;font-size:35px; padding-top:1%;}
	.main_con_wrap .btxt_1 .btxt3 {display:block;font-size:18px; color:#707070; padding-top:1%;}
	.main_con_wrap .btxt_1 .btxt4 {display:block;font-size:22px; padding-top:2%;}

	.main_con_wrap .btxt_2 .btxt1 {font-size:28px;}
	.main_con_wrap .btxt_2 .btxt2 {display:block;font-size:17px;}

	.header .topG span {display: none;}
	.alert_copy {position:fixed; left:10px;}
	.classB .sub_con_wrap .nav {width:100%}
	.classB .card-header .l_box{width:70% }
	.header{width: 100%}
	.footer .f_top_menu > div, .footer .f_btm > div{width: 100%;}
	.footer .f_top_menu,
	.f_btm{padding:0 20px}
	.class_list table #th9 {width:11%; }
	.class_list table #th3 {width:11%; }
	.class_list table #th4 {width:11%; }
	.class_list table #th5 {width:11%; }
	.class_list table #th8 {width:0px; height:0; overflow:hidden; display:none}
	.class_list table .td8 {width:0px; height:0; overflow:hidden; display:none}
	.class_list table #th7 {width:0px; height:0; overflow:hidden; display:none}
	.class_list table .td7 {width:0px; height:0; overflow:hidden; display:none}
	.class_list table #th6 {width:0px; height:0; overflow:hidden; display:none}
	.class_list table .td6 {width:0px; height:0; overflow:hidden; display:none}
	/***** main *****/
	.main_con > *{width: 100%;}
	.main_course {padding: 20px 20px 0;}

	/***** sub *****/

	.btn_tab_wrap{width: 100%}
	.sub_con_wrap .sub_con{width: 100%}

	/* 채널 */
	.chennel .sub_con_wrap .sub_con{padding-left:0}

	/* 검색결과 */
	.search .search_cnl .class_list > div,
	.search .search_user .class_list > div{padding-bottom: 2.5%;}
}
@media only screen and (max-width:1310px){
	.dashboard_01 .section02 .form-group{position:relative;}
	.dashboard_01 .section02 label{width:100px; position:absolute; top:0; left:0;}
	.dashboard_01 .section02 .form-group > div {padding-left:120px; width:90%; display:inline-block }
	.dashboard_01 .section02 .form-group > div {width:90%; display:inline-block }
	.dashboard_01 .section02 .form-group .form-control {width:100%;}
  .search .search_uploader .class_list > div{width: 33.3%;}
		.groupSetting .groupbox .group_cnt,
	.groupSetting .groupbox .group-btn a {position:absolute; top:-40px; right:0}

}
@media only screen and (max-width:1280px){
	.main_con_wrap .btxt_3 { top:10%;  }
	.cnl_wrap .cnl_menu_setting .bbs_menu_box {width:49%; padding:10px; margin:60px 0; float:left; position:relative; margin-right:2%}
	.cnl_wrap .cnl_menu_setting .bbs_menu_box:last-child {margin-right:0}

	.cnl_setting_wrap {width:92%}
	.cnl_wrap .cnl_menu_setting {width:92%}
	.cnl_setting_wrap table td .tit_w {width:100%; height:30px}

	.cnl_setting_wrap table td .exp_w {width:100%;}
	/***** main *****/
.class_detail_v .con{padding-right:0px;}
/* 강좌개설 */
.ui-sortable-helper .form-group,
.classB .con_setting .form-group{width:75%;}
.classB .card-header > div { padding-left: 0px;}
.card.card_file .upload_box .l_box{width: 447px;}
.class_detail .sub_con01,
.class_detail .sub_con02{padding:0;}
.class_detail_v .back_btn_wrap {background:#303030; margin-top:0}
.class_detail_v .title {width:100%; padding:0 2%; padding-right:50px; -webkit-line-clamp:1; display:-webkit-box; padding-top:5px;}
.class_detail_v .back_btn_wrap .folderName {width:100%; font-size:14px; display:block; margin:0 2%; margin-top:10px; padding-right:60px; -webkit-line-clamp:1; display:-webkit-box;}
.class_detail_v .back_btn_wrap .content_ico {padding-right:2%;  }
.class_detail_v .back_btn_wrap .content_guide .btn a {font-size:16px}
.class_detail_v .right_bar_wrap2 .right_bar2 .uploaderInfo,
.class_detail_v .back_btn_wrap .content_info {padding:0 2%;}
.class_detail .right_bar_wrap2 {position: relative; width:100%; top:0px; margin-top:0px; right: 0px;z-index: 200; font-weight:500; }
.class_detail_v .back_btn_wrap .content_guide {padding:15px 2%;}
.class_detail_v .ico_down {width:23px; height:23px; background:url('/theme/basic/img/ico_down_arrow3.svg') no-repeat; cursor:pointer; position:absolute; top:10px; right:20px;}
.class_detail_v .back_btn_wrap .content_guide,
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo {padding:0; width:100%; min-height:30px; background:none;  position:relative; margin-bottom:20px;}
.class_detail_v .right_bar_wrap2 .right_bar2 .folderInfo .multi_line {display:none}
.class_detail_v .right_bar_wrap2 .right_bar2 .folder_menu {display:none;}

.class_detail_v .right_bar_wrap2 .right_bar2 {border:0; margin-top:0px;}
.class_detail .right_bar_wrap2 .list_wrap {height:auto; margin:0; overflow:inherit;}
.class_detail .section01 {z-index:999}
.class_detail_v .right_bar_wrap2 .right_bar2 .list_wrap {margin-top:12px}
.class_detail .section05_r .com_tit,
.class_detail .mode1 {display:none}
.class_detail .section05_r {width:94%; margin-left:3%}
.class_detail .contab {display:block;}
}

@media only screen and (max-width:1200px){


	.main_con_wrap .btxt_3 {top:10%; width:100%; height:189px; }
	.main_con_wrap .btxt_3 > div {width:100%; height:140px; margin:0 auto; }
	.main_con_wrap .btxt_3 img {display:inline-block; vertical-align:top; }
	.main_con_wrap .btxt_3 .btxt1 { font-size:25px; text-align:left; display:inline-block; padding-top:25px;  font-weight:600; text-shadow:3px 3px 3px rgb(0,0,0)}
	.main_con_wrap .btxt_3 .banner_3_1 {padding-right:0px; height:140px;}
	.main_con_wrap .btxt_3 .banner_3_2 {padding-top:16px; height:140px;}
	.main_con_wrap .btxt_3 .banner_3_3 {padding-left:0px; height:140px;}


	.sub_con_wrap .history_search {width:180px; right:10px}
	.box_list .class_blog .box > .txt_box .introduce {display:none}
	.box_list .class_blog .box > .txt_box .user .nick {display:block; max-height:20px; overflow:hidden;}
	.box_list .class_blog .box > .txt_box .user .nick a {color:#7d7d7d}
	.box_list .class_blog .box > .txt_box .user .view {display:block; padding-left:0}
	.pr350 {padding-right:200px}

	.header .nav li.menu_ipro {display:none}
	.toggle_list .list_wrap .list_2 .cnt {display:none}
	.toggle_list .list_wrap .title {float:left; width:52%}
	.aaaa {height:140px;}
	.btn_side_login{}
	.header .search_nav{}
	.header .search_nav{padding-right: 0px;}

	/* 강좌 자세히보기 */

	/* 대시보드 */
	.dashboard .section01 .img_box{left: 50px;}
	.dashboard .section01 .txt_box {padding: 70px 20px 50px 220px;}
	.dashboard_01 .section02 .form-group{float: none;width: 100%;}
	.dashboard_01 .section02 .form-group:first-child{padding-bottom: 10px;}
	.dashboard_01 .section03 label{width: 16%}
	.dashboard_03 .section02 .checkbox_wrap{width: 50%;min-height: 130px;}

	/* 강의 */
	.box > .rating_box .price{font-size: 15px;}
	.box_list .class_list > div { width: 33.33%;}

	/* 채널 */
	.like_channel .class_list > div{width: 33.33%}
	.channel_box > .rating_box .rating,
	.channel_box > .rating_box .price{float: none;}
	.cnl_deco .sub_con_wrap .sub_con{padding:0;}
	.modal_class_order .modal-lg {max-width: 940px;}


	.ui-sortable-helper .cb,
	.classB .con .cb{position: relative;top: 0;left: 0;}
	.classB .progress_wrap span{width: 140px;}
	.classB .progress_wrap .progress { width: 77%;}

	.ui-sortable-helper .l_box,
	.classB .card-header .l_box{width: 100%; padding-right: 50px;}
	.ui-sortable-helper .func_wrap,
	.classB .card-header .func_wrap{float: none;position: absolute;top: 0;right: 0;}
	.sub h3 .another_wrap { float: none; padding-top: 10px;}
	.card .ic_file{}
	.classB .card_sec > .card-header > div > .cb > .l_box > .form-group{width: 85%; padding-left: 0}
	.ui-sortable-helper .form-group,
	.classB .con_setting .form-group{ padding-left: 0}
	.card.card_file .upload_box .l_box{width: 100%;}
	.card .upload_box .r_box{padding-right: 50px;}
	.classB #section03 .card_sec > .card-header .l_box{padding-right: 0}

	.classB .con {float: none; width: 100%;  padding-left: 0;}
	.classB .side_bar_wrap {position:fixed; top:inherit; left:240px; bottom:0px; border-top:1px solid #ddd;  float: none; padding:10px; background:#fff; height:72px; width: 100%; padding-right:240px;}
	.classB .side_bar {position: relative;}
	.classB .scroll .side_bar > div { position: relative;top: 0;width: 100%}
	.classB .side_bar .nav ul{display: none;}
	.classB .side_bar .btn_wrap a{float: left; width: 40%; margin-left:6%; text-align: center}
	.classB .side_bar .btn_wrap a:last-child {margin-left:9%}
	.classB .side_bar .btn_wrap .btn{}
	.btn-primary3 {margin-left:0px}
	.right_tip {display:none}
	.classB .sub_con_wrap .nav li:last-child {width:70px;}
	.classB .sub_con_wrap .nav ul {right:200px}
	.class_list table #th9 {width:0px; height:0px; overflow:hidden; display:none}
	.class_list table .td9 {width:0px; overflow:hidden; display:none}

	.class_list table th {max-height:80px}
}

@media only screen and (max-width:1100px){
	.search .search_cnl .class_list > div, .search .search_user .class_list > div {width: 50%;}
	.search .search_uploader .class_list > div{width: 50%;}
	.guide2 .swiper-pagination2 {width:100%;}
	.guide1 ul {width:100%;}
	.guide2 {width:100%}
	.guide2 .guide2_txt {width:100%;}
	.guide2 .guide2_txt_c2 {width:100%;}
	.guide2 .swiper-pagination1 {display:none}
	.guideC .guideC_txt1 {width:100%;}
	.guideC .guideC_txt2 {width:100%;}
	.guideC .guideC_img2 {width:100%; max-width:600px;}
	.guide3 {width:100%;}

	.guide2 .swiper-wrapper > div {padding-right:0;}
	.guide2 .swiper-button-next,
	.guide2 .swiper-button-prev,
	.guide4 .swiper-button-next,
	.guide4 .swiper-button-prev,
	.guide2 .swiper-button-prev.swiper-button-disabled, .guide2 .swiper-button-next.swiper-button-disabled,
	.guide4 .swiper-button-prev.swiper-button-disabled, .guide4 .swiper-button-next.swiper-button-disabled  {display:block;}

	.guide4 span {clear:both; width:300px; margin:0 auto; display:block; padding-top:30px; font-size:15px; color:#818181}
	.main_con_wrap .ico-play {width:70px; height:70px; background-size:50%}
	.main_con_wrap .ico-play:hover{ background-size:50%}
	.main_con_wrap .ico-play-bg {width:70px; height:70px;}
	.groupSetting_tit {display:none}
	.groupSetting .groupbox {width:100%; margin-top:10px; }
	.groupSetting .class {height:270px}
	.groupSetting .std {margin-left:0%; height:440px; }
	.groupSetting .groupbox .group_list1 {margin-top:5px; width:100%; height:150px; overflow-y:auto;}
	.groupSetting .groupbox .group_list2 {margin-top:5px; height:210px;  overflow-y:auto;}
	.groupSetting .groupbox .group_list li {padding:0px 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 .group_img {display:none;}
	.groupSettion .groupbox .group_list1 .class_chkbox {float:left}
	.groupSetting .groupbox .group_list li p {padding-left:10px; display:inline;}
	.groupSetting .groupbox .group_list1 li .group_chkbox {margin-top:2px; position:absolute; }
	.groupSetting .groupbox .group_chkbox { margin-left:5px; }
	.groupSetting .groupbox .group_list li .group_tit {margin-left:10px; padding-left:20px; width:100%; line-height:16px}
	.groupSetting .groupbox .group_cnt {position:absolute; top:-30px; right:0px;}
	.groupSetting .groupbox .group_title {margin-left:20px;}
	.groupSetting .groupbox .group_list li .group_status { width:90px;}
	.groupSetting .groupbox center {padding-top:50px;}

}
/* tablet */
@media only screen and (max-width:980px){
	.cnl_wrap .cnl_menu_setting .bbs_menu_box th {width:40%;}
	.cnl_wrap .cnl_menu_setting .bbs_menu_box input[type=text] {width:100%;}
	.cnl_wrap .cnl_menu_setting .bbs_menu_box .guide {padding-right:10px}
	.main_con_wrap .btxt_1 {left:10%; top:15%; position:absolute; z-index:3; text-align:left;}
	.main_con_wrap .btxt_1 .btxt1 {font-size:15px; padding:1% 10px; background:#181819; color:#fff;}
	.main_con_wrap .btxt_1 .btxt2 {display:block;font-size:26px; line-height:28px; padding-top:2%;}
	.main_con_wrap .btxt_1 .btxt3 {display:block;font-size:14px; color:#707070; padding-top:1%;}
	.main_con_wrap .btxt_1 .btxt4 {display:block;font-size:18px; padding-top:2%;}

	.main_con_wrap .btxt_2 .btxt1 {font-size:24px;}
	.main_con_wrap .btxt_2 .btxt2 {display:block;font-size:14px;}

	.classB .sub_con_wrap .nav ul {right:0px}
	.classB .sub_con_wrap .nav li:last-child {width:70px;}
	.top_btn {top:20px; right:10px;}
	.main_con_wrap .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {left:0%;}

.modal_class li .group_chkbox {margin-top:2px; position:absolute; }
.modal_class .group_chkbox { margin-left:5px; }
.modal_class li .group_tit {margin-left:10px; display:block; padding-left:20px; width:100%; line-height:16px}

	/* 메인 */
	h2,
	.h2 { font-size: 20px; margin-top:20px; margin-bottom:20px;}
	.main_course .main_tlt_wrap h2 { font-size: 17px; margin-top:0px; margin-bottom:0px;}
	.main_course {padding: 0px 20px 0;}
	.main_con_wrap .swiper-button-next {display:none;}
	.main_con_wrap .swiper-button-prev {display:none;}
	.main_course .main_tlt_wrap {padding-top:20px; padding-left:0px;}
	.main_course .visual_wrap_a {padding:0}
	.main_course .class_list {padding:0}
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets{left: 0%}

	.classB .con {padding-right:0%}

	/* 대시보드 */
	.dashboard .box {float: none; width: 100%;}
	.dashboard .section01{background-size: cover;}
	.dashboard_01 .section02 .form-group .form-control{display: inline-block;}
	.dashboard_02 .section .cb > .form-inline{float: none;width: 100%;}
	.dashboard_02 .section .cb > .form-inline:nth-child(2){padding-top: 20px;}

	/* 강좌 */
	.btn_tab_wrap ul li {padding: 0 15px 15px;}
	.btn_tab_wrap ul li a{font-size: 15px;}
	.box_list .class_list > div { width: 33.33%;}
	.search .search_cnl .class_list > div,
	.search .search_user .class_list > div{width: 50%;}
	.like_channel .class_list > div{width: 50%}

	/* 채널 */
	.cnl_deco .section01 > h2{padding-top: 50px}
	.cnl_deco .section01 .top_func > .l_box:first-child{padding-right: 0;padding-bottom: 20px;}
	.chennel .class_list{padding: 0 20px}
	.color_palette_wrap > .cb{float: none;}
	.color_palette_wrap > .l_box{padding-bottom: 20px;}
	.cnl_deco .m_block{display: block;}
	.cnl_deco .pc_block{display: none;}

	.chennel table .t01,
	.chennel table .t05{display: none;}
	#top_btn {display:none}
	/* 강좌개설 */

	#invite02 .btn_search {margin-top: 10px}
	.modal_invite #invite02 .table_wrap{height: 300px}
	.chennel .profile {height:70px;  width:100%; overflow:hidden; position:relative;}
	.chennel .profile .img_box {width:49px; height:49px; margin-left:10px; overflow:49px; border-radius:25px; overflow:hidden; float:left;}
	.chennel .profile .img_box img {width:49px;}
	.chennel .profile .btn01 {position:absolute; top:30px; right:0px; left:70px}
	.chennel .profile .btn02 {position:absolute; top:30px; right:0px; left:202px; z-index:99}
	.chennel .profile .btn03 {position:absolute; top:30px; right:0px; }
	.chennel .ch_title {font-size:21px; margin-left:10px; margin-top:0px; float:left;}
}
@media only screen and (max-width:920px){
.guide1 ul img {right:20px}
}
@media only screen and (max-width:890px){

.cnl_wrap .cnl_main_info .explanation {width:100%; padding-right:0;}
.cnl_wrap .cnl_main_info .explanation .exp_box {border:0; min-height:0;}
.cnl_wrap .cnl_main_info .explanation .exp_box h5 {padding:0;}
.cnl_wrap .cnl_main_info .explanation .exp_box .info {padding-left:0}
.cnl_wrap .cnl_main_info .explanation ul {border-bottom:1px solid #ddd; overflow:hidden; padding:0; padding-bottom:30px;}
.cnl_wrap .cnl_main_info .email {position:relative;}
.cnl_wrap .cnl_main_info .explanation .exp_box {padding-bottom:0;}

.lay_upload { padding:10px 10px; font-size:14px; right:0px; z-index:999; background:#fff; border:1px solid #DEDEDE; border-radius:5px}

	.pwWrap {padding-left:0px; padding-top:100px; }
	.pwWrap > div {width:90%;}
	.guide2 .guide2_txt_c2 .swiperW2 {padding-bottom:0px;}
	.guide2 .guide2_txt_c2 .tit,
	.guide2 .guide2_txt .tit,
	.guideC .guideC_txt1 .tit,
	.guide2 .guide2_txt_c2 .guide2_txt2,
	.guideC .guideC_txt2,
	.guide2 .guide2_txt div,
	.guideC h2,
	.guide2 h5,
	.guide1 h5 {text-align:center;}
	.guide2 .guide2_txt_c2 .guide2_txt1,
	.guideC .guideC_txt1 {text-align:center;}
	.hide_Wrap {padding-left:0}
	.dashboard_01 .section01 > div{position: relative; margin:0 auto; margin-top:40px; text-align:center;}
	.dashboard_01 .section02 {padding:0}
	.sub_con_wrap .history_search {right:0}
	.pr350 {padding-right:200px;}
	.header .cb > .nav i {width:30px}
	.leftMenu .btn_left_menu {display:none}
	.leftMenu {width:500px;}
	.leftMenu span {margin-left:0px; width:100%;}
	.leftMenu .logo_wrap {display:none}
	.leftMenu .img_nologin {display:block;position:absolute; top:15px; left:20px;}
	.leftMenu .txt_nologin {display:inline-block; font-size:14px; padding-top:17px; padding-left:75px;position:relative;}
	.leftMenu .btn_left_menu_close {display:block; position:absolute; top:15px; right:20px; background:#fff; border:0; outline:0;}
	.header .dropdown-toggle {display:none;}
	.header .m_profile {display:inline-block;}
	.leftMenu .nav_user {display:block;}
	.leftMenu .nav_user > div{display:block;width: 45px; height: 45px; position:absolute; top:15px; left:20px; border-radius: 50%; overflow: hidden;}
	.leftMenu .leftMenu01 a.m01 {display:none}
	.leftMenu .leftMenu01 a.m02 {display:none}
	.leftMenu .leftMenu01 a.m03 {display:none}
	.leftMenu .leftMenu01 a.m04 {display:block}
	.leftMenu .leftMenu01 a.m05 {display:block}
	.leftMenu .leftMenu02 li a.m13 {display:block}
	.leftMenu .leftMenu03 a.m02 {display:block}
	.leftMenu .leftMenu03_line {margin-top:15px; display:block;}
}

/* mobile */
@media only screen and (max-width:890px){
	.cnl_wrap .cnl_middle .cnl_main_bbs .hid1 {display:none}

	.cnl_m_title {display:none;}
	.cnl_setting_wrap {width:100%; padding:0 20px;}
	.header .cnl_logo_wrap {text-align:left; margin-left:20px}
	.helpCont-List {margin-top:10px}
  .helpWrap .helpMenu li {width:48%; margin-top:15px; }
	.helpWrap .helpMenu .marginL {margin-left:0%;}
	.helpWrap .helpMenu .marginL2 {margin-left:4%;}
	.hlepTop {height:140px; }
	.hlepTop .search_nav { padding-top:80px; }

 .header .btn_left_menu {width:0px; height:0px;}
 .header .topG {display:none}
 .sub_con_wrap { padding: 70px 10px 0;}
 .class_detail_v .sub_con_wrap{padding:0; padding-top:70px}
 .sub_con_wrap .sub_con2 {padding:0px;}
 .sub_con_wrap .sub_con {padding-left:0px;}
	body{font-size: 14px;}
	.m_block{display: block;}
	.pc_block{display: none;}
	select {background-position: 96% 50%;}
	.header .search_nav {z-index:999; background:#fff; position:absolute; z-index:999; width:100%; height:100%; top:0px; left:-100%; }
	.header .mBtn_search_back {display:inline-block; width:25px; height:25px; vertical-align:middle; background:url('/theme/basic/img/btn_search_back.svg') center no-repeat;   cursor:pointer;}
	.header .search_nav .form-inline {width:80%;}
	.navbar-right .dropdown-menu{left: auto;right: 0}
	.add_file2 > div .glyphicon {padding-top:0px; margin-top:10px;}
	/*.footer_wrap { padding-top:65px;}*/

	/***** 메인 *****/
	.main_course .main_tlt_wrap,
	.main_course .visual_wrap{float: none;width: 100%;}

	.main_course .main_tlt_wrap p br{display: none;}
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {left: 0;}

	.leftMenu {left:-500px; z-index:9990}
	.main_con_wrap {padding-left:0px}
	.header .logo_wrap {left:0%; width:100%; text-align:center; z-index:0}
	.header .cb > .nav {right:20px}
	.leftMenu .form-inline {width:80%}
	.leftMenu .ui-sortable-helper .form-control {width:80%}
	.header .cls_login2 {display:inline-block;width:25px; height:25px; font-size:0px;  border:0px; padding:0px; margin:0px; margin-top:25px;}
	.header .cls_login {display:none}
	.header .cb > .nav i {width:20px; background:none}
	.header .mBtn_search {display:inline-block; position:absolute; left:20px; vertical-align: top; z-index:1}
	.header .search_nav .btn { background:url('/theme/basic/img/btn_search_black.svg');}
	.header .btn_alert .bell {width:25px; height:25px; background:url('/theme/basic/img/ico_bell_black.svg');}

	/***** 서브 *****/
	.box_list h2{}
	.box_list .func_wrap {padding-bottom: 0;}
	.box_list .func_wrap:after{display: block;content: "";clear: both;}
	.box_list .func_wrap > *{float: left;}
	.box_list .func_wrap > .form-control{width: 38%;margin-right: 2%}
	.box_list .func_wrap > .btn_search{width: 60%;}


	.box .tlt{font-size: 16px;}
	.my_class .func_wrap > *{float: none;text-align: left;}
	.my_class .func_wrap > .r_box{padding-top: 20px;}
	.my_class .func_wrap > * > .form-control{float: left; width: 38%;margin-right: 2%}
	.my_class .func_wrap > * > .btn_search{width: 60%;}

	.table_wrap table{width: 100%}
	.add_file > div{padding: 20px}

	/* 대시보드 */
	.dashboard .section01 .img_box {top: 50px; left: 40px; width: 90px; height: 90px;}
	.dashboard .section01 .txt_box { padding: 50px 20px 50px 180px;}
	.dashboard_01 .section01 > div{width: 120px;}
	.dashboard_01 .section01 .img_box {width: 120px;height: 120px;}
	.dashboard_01 .section01 .img_box { width: 120px;height: 120px;}
	.my_setting .section .form-group > *{float: none;width: 100% !important;}
	.my_setting .info_txt{padding-left: 0;padding-top: 5px;}
	.dashboard_02 .section .cb > .form-inline > .form-group:first-child{width: 100%; line-height: inherit;}
	.dashboard_02 .section .cb > .form-inline > .form-group{width: 100%;}
	.dashboard_02 .section03 label{display: none;}
	.dashboard_02 .section03 .form-group > a{text-align: left}
	.dashboard_03 .section01 .l_box,
	.dashboard_03 .section02 .checkbox_wrap{ width: 100%; min-height: inherit;padding-bottom: 20px;}
	.dashboard_02 .section02 .input_box > div:first-child{padding-bottom: 0}
	.dashboard_02 .form-control{margin-bottom: 4px}
	.sub h3{font-size: 20px; }
	.dashboard_02 .section03 .well .btn{margin-left: 0}

	/* 강좌 개설*/
	.make_class .btn_section > div{float: none;width: 100%}
	.make_class .btn_section > div a{min-width: 100px;width: 100%;}
	.make_class .btn_section .r_box{text-align: center;padding-top: 10px}
	.classA .sm{width: 100%;}
	.classA04 .table_wrap{overflow-x: inherit}
	.classA04 .table_wrap table{width: 100%}
	.classA04 td.col02{text-align: left;}
	.classA04 .col03,f
	.classA04 .col04,
	.classA04 .col05{display: none;}
	.classB .thum_wrap .thum_box a {width: 150px; height: 185px;}
	.classB .thum_wrap .thum_box a .tlt {height: 38px; font-size: 13px; line-height: 17px;}
	.classB .thum_wrap .thum_box a .g_box p{height: 36px; padding-top: 0}
	.classB .side_bar_wrap { left:0px; padding-right:0px;}
	.classB .progress_wrap span{display: block; padding-bottom: 10px;}
	.classB .progress_wrap .progress {width: 100%;}
	.make_class .sub_con { padding: 0px 20px; padding-bottom:30px;}
	.classB .card-header .btn_drop {left: 20px;}
	.classB .card-header { padding: 10px 20px;}
	.card .ic_file .glyphicon{display: none;}
	.card .upload_box .r_box { padding-right: 0;}
	.card.card_file .upload_box .l_box{padding-right: 0}
	.card.card_file .upload_box .l_box > div{}
	.card.card_file .upload_box .l_box > span{}
	.ui-sortable-helper .func_wrap,
	.classB .card-header .func_wrap { float: none; clear: both;}
	.classB #section03 .flag_group{padding: 10px 0;}
	.classB #section03 .flag_group:after{display: block;content: "";clear: both;}
	.classB #section03 .flag_group > *{float: left}
	.classB #section03 .flag_group .flag_drop{min-width: 10%;padding-right: 2%;}
	.classB #section03 .flag_group .form-control{width: 60%}
	.classB #section03 .flag_group button{width: 60%;padding: 10px;margin-top: 5px;}
	.classB #section03 .card-header .l_box {width: 100%;}
	.classB #section03 .card-header .l_box{padding-right: 0}
	.classB #section03 .func_wrap { width: 100%; float: none; position: relative;clear: both;}
	.classB #section03 .func_wrap > div{}
	.classB #section03 .func_wrap > .checkbox{float: left}
	.classB #section03 .func_wrap > .form-group{float: right}
	.classB #section03 .card_file .form-group{padding-left: 0}
	.classB #section03 .price_list .form-control{display: inline-block;}

	.modal_invite .tabcontent{padding-left: 0}
	.modal_invite .l_box{width: 100%;position: relative}
	.modal_invite .l_box li{float: left;width: 33.33%;}
	.modal_invite ul.tab li a{display: block !important;padding: 15px 10px; text-align: center;}
	.modal_invite .l_box .form_box{position: relative;bottom: auto;top: 0}
	.modal_invite .l_box .form_box p{padding-top: 10px;}
	.modal_invite .r_box { float: none; width: 100%;}
	.modal_invite .l_box,
	.modal_invite .r_box{height: inherit;clear: both;}
	.modal_invite .r_box{padding-top: 20px}
	.modal_invite .table_wrap table{width: 100%;}
	.modal_invite .func_wrap .form-group{display: inline-block;}
	.modal_invite .func_wrap .btn_search{width: 50%;}
	.modal_invite #invite03 .btn_search,
	.modal_invite .func_wrap .form-group{width: 100%;}


	/* 채널관리 */
	.cnl_first .con p {line-height: 28px; font-size: 20px;}
	.cnl_deco .section01 .top_func > .l_box:first-child .r {width: 100%; padding-left: 0;padding-top: 20px;}
	.cnl_deco .section03 .btn_wrap{padding-top: 20px;}
	.cnl_deco .section03 > .btn_wrap .btn{float: none; margin: 10px 10px 0 0}
	.cnl_menu_wrap > .m_block{display: inline-block;height: 50px;line-height: 50px;padding-left: 30px;color: #fff;}
	#cnl_menu_m {display: none; width:100%;height: 100%; position:fixed; top: 0;left: 0; z-index:200; background:#fff; overflow: hidden;text-align: left}
	#cnl_menu_m .tlt_wrap{padding: 20px;}
	#cnl_menu_m .tlt_wrap h4{float: left;margin: 0}
	#cnl_menu_m .tlt_wrap .close{font-size: 16px;}
	#cnl_menu_m > ul{width: inherit;}
	#cnl_menu_m > ul > li{float: none;width: inherit;border-bottom: 1px solid #ddd;}
	#cnl_menu_m > ul > li > a{display: block;width: 100%;padding:20px;font-size: 15px;}
	#cnl_menu_m > ul > li a.active{color:#0168ad;}
	#cnl_menu_m .depth{display: none;background-color: #f7f7f7}
	#cnl_menu_m .depth li{padding: 8px 20px;}
	#cnl_menu_m .depth a{font-size: 0.95em;color: #797979;font-size: 14px;font-weight: 300;display: block;padding: 10px 0;}
	#cnl_menu_m ul li a:hover{color: #0168ad;}
	.cnl_all .con{padding: 0;}

	#course_list_modal .func_wrap{text-align: left}
	#course_list_modal .func_wrap > *{float: none}
	.toggle_list .func_wrap .r_box > select{display: inline-block;width: inherit;}
	.toggle_list .card-header{padding: 15px;}
	.toggle_list .card-header .txt {padding-left: 30px;}

	.modal_categ .card-body { padding: 5px 20px 5px 40px;}
	.modal_categ .card-body .checkbox{padding: 0 25px 0 15px;}

	.cnl_first .con .img_box{padding-top: 0;width: 210px;margin: 0 auto;}
	.cnl_first .con p{padding: 30px 0; font-size: 17px}

	/* 검색결과 */
	.btn_tab_wrap ul li a{padding: 8px 12px; font-size: 14px;}

	.box > .rating_box .price{font-size: 13px}
	.box.user_box .profile_wrap{padding: 20px;}
	.box.user_box .profile{height: inherit;}
	.search .class_list{padding-top: 0}
	.search .no_results{padding: 0}
	.search .no_results .img_box{padding-top: 0;width: 210px;margin: 0 auto;}
	.search .no_results .txt_box div{font-size: 17px}

	/* 구독한 채널 */
	.like_channel .func_wrap > .btn_search,
	.like_class .func_wrap > .btn_search{width: 100%; margin-bottom:20px;}

	.classB .sub_con_wrap .nav ul {width:100%;  right:0px;}
	.classB .sub_con_wrap .nav li {width:26%; height:60px;  max-width:148px; font-size:0px }
		.classB .sub_con_wrap .nav #pro_t { font-size:0px }
		.classB .sub_con_wrap .nav li:first-child{margin-left:8%;}
	.top_btn {top:10px; }
	.msgLayer .vimeo .mbox {width:100%;}
	.my_setting .section02 {padding:30px 10px;}
}


@media only screen and (max-width:800px){
  .sub_con_wrap .guide4 .sub_con {width:100%; margin:0 auto;}
	.guide2 .guide2_txt_c2 .guide2_txt1 {width:100%; }
	.guide2 .guide2_txt_c2 .guide2_txt2 {width:100%; }
}
@media only screen and (max-width:750px){

	.box_list .class_list > div{width: 50%;padding-bottom: 3%}

}
@media only screen and (max-width:680px){
		.cnl_wrap .cnl_middle .cnl_main_movie .videoarea {position:relative; margin:0 auto;}
		.cnl_wrap .cnl_middle .cnl_main_movie .videoInfo {width:400px; margin:0 auto; height:auto; padding-left:0px;}
	.main_con_wrap .btxt_3 {top:10%; width:100%; height:189px; }
	.main_con_wrap .btxt_3 > div {width:100%; height:140px; margin:0 auto; padding-left:5%; text-align:left;}
	.main_con_wrap .btxt_3 .btxt1 { font-size:20px; text-align:left; display:inline-block; padding-top:25px;  font-weight:600; text-shadow:3px 3px 3px rgb(0,0,0)}
	.main_con_wrap .btxt_3 .banner_3_1 {display:none;}
	.main_con_wrap .btxt_3 .banner_3_2 {padding-top:20px; height:100px;}
	.main_con_wrap .btxt_3 .banner_3_3 {display:none;}

	.guide6 {overflow:hidden}
	.guide6 div {position:absolute; left:10%; top:10%; color:#fff; font-size:16px;}
	.guide6 img {min-width:800px;}
	.guide1 ul img {width:250px}

	.class_list .page_rowsW {top:-20px; right:0px;}
	.class_list table td .mobile_list {display:block;}
	.class_list table td .single_line {padding-right:50px; }
	.class_list table .td2 .open { margin-top:10px; display:block;}
	.class_list table .td2 .live,
	.class_list table .td2 .live_end,
	.class_list table .td2 .cost { margin-top:5px; display:block;}
	.class_list table #th3 {width:0px; overflow:hidden; display:none}
	.class_list table .td3 {width:0px; overflow:hidden; display:none}
	.class_list table #th4 {width:0px; overflow:hidden; display:none}
	.class_list table .td4 {width:0px; overflow:hidden; display:none}
	.class_list table #th5 {width:0px; overflow:hidden; display:none}
	.class_list table .td5 {width:0px; overflow:hidden; display:none}
	.class_list table td .edit_mobile ul {display:none; position:absolute; right:20px; width:290px; top:30px; z-index:999; overflow:hidden; background:#fff;  border:1px solid #ddd;}
	.class_list table .td2 .edit_mobile li {width:100%; display:block; float:left; background:#fff; height:40px; margin:0; font-size:15px;}
	.class_list table .td2 .edit_mobile li a {top:0; left:0; padding:0; width:100%; height:40px; line-height:40px; padding-left:40px; display:block; margin:0; border:0; }
	.class_list table td .edit_mobile .edit_1 {background:url('/theme/basic/img/btn_edit.svg') 15px 12px no-repeat;}
	.class_list table td .edit_mobile .edit_1:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_edit_o.svg') 15px 12px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.class_list table td .edit_mobile .edit_2 {background:url('/theme/basic/img/btn_share.svg') 15px 12px no-repeat; }
	.class_list table td .edit_mobile .edit_2:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_share_o.svg') 15px 12px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.class_list table td .edit_mobile .edit_3 {background:url('/theme/basic/img/btn_play.svg') 15px 12px no-repeat; }
	.class_list table td .edit_mobile .edit_3:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_play_o.svg') 15px 12px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.class_list table td .edit_mobile .edit_4 { background:url('/theme/basic/img/btn_move.svg') 15px 12px no-repeat; }
	.class_list table td .edit_mobile .edit_4:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_move_o.svg') 15px 12px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.class_list table td .edit_mobile .edit_5_li {display:none; }
	.class_list table td .edit_mobile .edit_6 { position:relative; background:url('/theme/basic/img/btn_list.svg') 13px 10px no-repeat; }
	.class_list table td .edit_mobile .edit_6:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_list_o.svg') 13px 10px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.class_list table td .edit_mobile .edit_7 { position:relative; background:url('/theme/basic/img/btn_remove.svg') 12px 10px no-repeat; }
	.class_list table td .edit_mobile .edit_7:hover {width:100%; height:40px;  background:url('/theme/basic/img/btn_remove_o.svg') 12px 10px no-repeat; background-color:#FFF0ED; color:#FF6145;}
	.footer .f_top_menu .f_menu li {padding:0px}
	.footer .f_top_menu .f_menu2 li {padding:0px; margin-right:10px}
	.footer .l3 {display:none;}
	.footer .f_btm .f_info .f3 {display:block; padding-left:0px}
	.footer .f_btm .f_info .f2 {padding-left:0px}
	.alert_copy {width:98%; left:1%};
	.toggle_list .list_wrap .snslink {margin-left:10px;}
	.toggle_list .list_wrap .file {margin-right:10px;}
	.main_categ ul li span {position:relative; top:0%; left:0px;}
	.toggle_list .list_wrap .list_3 {padding-left:65px}
	.toggle_list .list_wrap .pdf2 {background:url('../img/sub/Contents_pdf.png') 40px 14px no-repeat;}
	.toggle_list .list_wrap .video2 {background:url('../img/sub/Contents_play.png') 40px 14px no-repeat;}

	.classB .card-header .clstime{display:none}
	.classB .card-header .txt{display:none}

	.classB .con_setting .form-group{width:80%;}
	.classB .sub_con_wrap .nav li {width:25%;}
.classB .sub_con_wrap .nav li:first-child{margin-left:2%;}
	.classB .sub_con_wrap .nav li:last-child{width:33px; margin-right:0px;}
	.classB .preview .preview_img {width:100%; height:auto}
	.classB .thum_wrap .sample > div{width:20%; margin-right:5%}
}
@media only screen and (max-width:660px){
	.modal_top .modal-content {width:90%;}
	.cnl_wrap .cnl_menu_setting .bbs_menu_box  {width:100%; margin:20px 0; padding-bottom:60px; min-height:100px; }
	.cnl_wrap .cnl_menu_setting .bbs_menu_box:last-child {margin-top:0}
	.cnl_setting_wrap table td .cnl_link input {width:70%}
	.header .cb > .nav {min-width:40%; text-align: right; }
	.lay_upload {top:40px}
	.helpWrap .qna_input { width:100%; }
	.helpWrap .qna_input2 {width:100%;}
	.helpWrap .qna_3 {width:100%;}
	.main_course {padding:0 17px;}
	.main_con_wrap .btxt_1 {left:3%; top:10%; position:absolute; z-index:3; text-align:left;}
	.main_con_wrap .btxt_1 .btxt1 {font-size:13px; padding:1% 10px; background:#181819; color:#fff;}
	.main_con_wrap .btxt_1 .btxt2 {display:block;font-size:18px; line-height:28px; padding-top:2%;}
	.main_con_wrap .btxt_1 .btxt2 img {width:25px}
	.main_con_wrap .btxt_1 .btxt3 {display:block;font-size:12px; color:#707070; padding-top:1%;}
	.main_con_wrap .btxt_1 .btxt4 {display:block;font-size:16px; padding-top:2%;}
  .box_list .class_blog > div {margin-bottom:15px}
	.main_con_wrap .btxt_2 .btxt1 {font-size:20px;}
	.main_con_wrap .btxt_2 .btxt2 {display:block;font-size:14px;}
	.class_blog {padding:0}
	.box_list .class_blog > div {padding-right:0;}
	.sub h2 {padding-left:17px}
	.guide1 {padding-bottom:0px; padding-left:0;}
	.guide1 dl {width:100%;}
	.guide1 h2 {font-size:24px;}
	.guide1 h3 {font-size:20px; line-height:26px}
	.guide1 h2 img {height:40px; padding:0 10px; padding-bottom:5px}
	.guide1 ul li dd a {margin:0 auto;  margin-top:20px;}
	.guide1 .PT50 {width:100%; padding-top:7px}
	.guide1 ul li.g02 {padding-bottom:20px;}
	.guide2 .guide2_txt_c2 .swiperW2 {padding-bottom:0px;}
	.guide2 .guide2_txt_c2 .tit,
	.guide2 .guide2_txt .tit,
	.guideC .guideC_txt1 .tit,
	.guide1 ul li dt,
	.guideC h2,
	.guide2 h5,
	.guide1 h5 {font-size:16px; padding-top:15px; text-align:center; width:100%;}
	.guide2 .guide2_txt_c2 .guide2_txt1 {width:100%; padding-bottom:10px; text-align:center;}
	.guide2 .guide2_txt_c2 .guide2_txt2 {width:100%;}
	.guide2 .guide2_txt_c2 .swiperW2 .swiper-slide {font-size:16px;}
	.guide2 .guide2_txt_c2,
	.guide2 .guide2_txt {line-height:20px}
	.guide2 .guide2_txt img {margin-bottom:5px}
	.guideC h2 {padding-top:25px; margin-top:0}
	.guide1 ul li {padding-bottom:20px}
	.guide2 .guide2_txt > div {padding-bottom:10px;}
	.guide2 .guide2_txt,
	.guide1 ul li dd {font-size:14px; text-align:center;}
	.guide1 ul li > div {position:relative; width:100%}
	.guideC .guideC_txt1 {padding-top:0}
	.guide1 ul img {width:280px; position:relative; display:block; margin:0 auto; margin-top:20px; top:0px; right:0px}
	.guide1 .bg {height:450px; top:400px;}
	.guide4 span {font-size:16px}
	.guideB {height:90px;}
	.guideB h5 {padding-bottom:5px; font-size:16px; padding-top:15px;}
	.guideB a {background:#fff; padding:5px 15px; border-radius:2px; font-size:14px}
	.guide4 .swiper-button-next.swiper-button-disabled,
	.guide4 .swiper-button-next {top:50%; right:5%; margin-right:0;}
	.guide4 .swiper-button-prev.swiper-button-disabled,
	.guide4 .swiper-button-prev {top:50%; left:5%; margin-left:0;}
 .guideC .guideC_txt2 {padding-top:20px}
 .guide3 {padding:20px 0}
 .guide3 li div {font-size:15px}
 .guide3 ul {margin-top:10px}
 .guide4 .swiper-wrapper {margin-top:10px;}
	.like_channel .ch_list > div{width: 100%;padding-right:0px; }
	.main_con_wrap .ico-play {width:45px; height:45px; background-size:50%}
	.main_con_wrap .ico-play:hover{width:45px; height:45px; background-size:50%}
	.main_con_wrap .ico-play-bg {width:45px; height:45px;}

	.modal_contentsL .modal-content,
	.modal_file .modal-content {width:90%; max-height:90%; margin-left:5%}
	.sub_con_wrap .history_search {position:relative; margin-top:10px; width:90%; margin-left:5%}
	.sub_con_wrap .history_search .form-group {width:100%; margin-bottom:5px; }
	.sub_con_wrap .history_search .pageSelect a {text-align:right; width:100%; font-size:13px; top:40px; right:10px}
	.box_list .class_blog .box .menu_list {right:15px; top:-10px}
	.btn_search .btn {top:-3px; right:-10px}
	.box_list .class_blog .box {overflow:inherit;;}
	.mt20 {margin-top:0px;}
	.box_list .class_blog .box .menu_list a {font-size:13px; height:35px; padding-top:7px;}
	.box_list .class_blog .box .menu_2,
	.box_list .class_blog .box .menu_1 {background-position: 15px 7px}
.box_list .class_blog .box .menu_2:hover,
	.box_list .class_blog .box .menu_1:hover {background-position: 15px 7px}
	.box_list .class_blog .box .menu_3 {background-position: 12px 4px}
	.box_list .class_blog .box .menu_3:hover {background-position: 12px 4px}
	.sub_con_wrap .sub_con_tit {height:65px}
	.sub_con_wrap .sub_con_tit a,
	.sub_con_wrap .sub_con_tit h2 {font-size:16px; padding-right:15px; padding-left:15px; }
	.box_list .class_blog .box .menu {right:0px; top:0}
	.box_list .class_blog .box > .txt_box {left:0; padding:0; padding-left:160px;  z-index:98;  background:none }
	.box_list .class_blog .box .img_box {width:154px; min-height:0px; z-index:98}
	.box_list .class_blog .box .tlt {font-size:14px; line-height:18px; min-height:14px; -webkit-line-clamp:1}
	.box_list .class_blog .box .ico_folder {background-size:25px}
	.box_list .class_blog .box .folderName {font-size:13px;  padding-left:17px;  background:url('/theme/basic/img/ico_folder_h.svg') left no-repeat; background-size:15px;}
	.box_list .class_blog .box > .txt_box .user {font-size:13px; padding-top:2px; line-height:14px;}
	.box_list .class_blog > div.his_date {font-size:13px; padding-bottom:6px}
	.sub_con_wrap .history_search .pageSelect {font-size:14px; }
	.pr350 {padding-right:0;}
	.modal_file .add_file > div {padding:10px;}
	.header .alert_pop { right:0px; width:200px; }
	.header .alert_pop img {right:70px;}
	.classA .btn_section {width:100%;}
	.box_list .class_blog .box > .txt_box .user .view {padding-top:5px}
	.sub_con_wrap .history_search .pageSelect label {width:80%;}
	.leftMenu .comInfo span {display:block;}
	.leftMenu .comInfo .comInfo_line {display:none}
	.leftMenu .comInfo br {display:none}
}
@media only screen and (max-width:620px){
	.cnl_wrap .cnl_middle .cnl_profile {height:60px; padding-left:70px;}
	.cnl_wrap .cnl_middle .cnl_profile .title {font-size:16px; line-height:30px;}
	.cnl_wrap .cnl_middle .cnl_profile .img {width:60px; height:60px;}
	.header .cnl_logo_wrap .txt {height:30px; font-size:14px; line-height:30px; margin:0; text-align:center;}
	.cnl_wrap .cnl_middle h5 {font-size:16px;}
	.cnl_wrap .cnl_middle .noProfile div {font-size:30px; height:60px; line-height:60px;}
	.search .search_cnl .class_list > div, .search .search_user .class_list > div {width: 100%;}
	.search .search_uploader .class_list > div{width: 100%;}
	.input_file_body .fBox7 li .title, .modal_contentsL .list li .title, .modal_contentsL .list li .title2 {width:90%; display:-webkit-box; position:absolute; top:15px; left:0; margin:0; margin-left:25px; padding-left:150px; padding-right:25px;}
	.input_file_body .fBox7 li .cost, .modal_contentsL .list li .cost {display:none;}
	.class_detail_v .title {font-size:16px;}
	.class_detail_v .back_btn_wrap .content_ico {text-align:center; font-size:14px }
	.class_detail_v .back_btn_wrap .content_ico .wtype1 {width:23%}
	.class_detail_v .back_btn_wrap .content_ico .wtype2 {width:28%}
	.class_detail_v .back_btn_wrap .content_ico .ico_file {padding:0px; display:inline-block; background:url('/theme/basic/img/ico_v_file.svg') top center no-repeat ;  margin:0; text-align:center; padding-top:30px;}
	.class_detail_v .back_btn_wrap .content_ico .ico_heart {padding:0px; display:inline-block; background:url('/theme/basic/img/ico_v_heart.svg') top center no-repeat ;  margin:0; cursor:pointer;text-align:center; padding-top:30px;}
	.class_detail_v .back_btn_wrap .content_ico .ico_library {padding:0px; display:inline-block; background:url('/theme/basic/img/ico_v_library.svg') top center no-repeat ;  margin:0; cursor:pointer;text-align:center; padding-top:30px;}
	.class_detail_v .back_btn_wrap .content_ico .on {background:url('/theme/basic/img/ico_v_heart_on.svg') top center no-repeat ; color:#2A8CFF}
	.class_detail_v .back_btn_wrap .content_ico .on2 {background:url('/theme/basic/img/ico_v_library_on.svg') top center no-repeat ; color:#2A8CFF}
	.class_detail_v .back_btn_wrap .content_ico .ico_link {padding:0px; display:inline-block; background:url('/theme/basic/img/ico_v_link.svg') top center no-repeat ;  margin:0; cursor:pointer;text-align:center; padding-top:30px;}
	.nav > li > a.btn_alert{padding:0px; margin:10px; padding-right:65px}
	.header .search_nav .label {left:12px}
	.box .g_box .multi_line {
		max-height:78px;
		 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;
		padding-right: 1em;
	}
	.hide_Wrap > div .item {width:98%; }
	.class_list table td .pro_c  {display:none}
	.main_con_wrap .swiper-button-next {right:-10px}
	.box_list .class_list > div{width: 50%; margin-right:0%; padding-bottom: 3%}

	.box.course{width:100%}
	.header_login .search_nav li:first-child,
	.header_login .search_nav li:nth-child(2){display: none;}
	.nav > li.mobileLeftMenu {display:block}
	.mobileLeftMenu .menuBox {width:25px; height:25px; margin-left:10px; margin-top:8px; background:url('/theme/basic/img/ico_list_m.svg') 0px  no-repeat; display:inline-block; vertical-align:top; cursor:pointer;}
	.mobileMenu {position:fixed; display:none; top:0px; left:0px; z-index:99999; width:100%; height:100%; background:rgba(0,0,0,0.5)}
	.mobileListBox {position:absolute; top:0px; left:-80%; background:#fff; overflow:auto; width:80%; height:100%;}
	.mobileListBox::-webkit-scrollbar {width: 10px;}
	.mobileListBox::-webkit-scrollbar-track {background-color: #fff;}
	.mobileListBox::-webkit-scrollbar-thumb {background: #fb7d67;border-radius: 3px;}
	.mobileListBox .mobileMenu1 {width:100%; height:60px; padding-left:20px; font-size:15px; border-bottom:1px solid #707070; vertical-align:middle; padding-top:20px;color:#333; background:#DBDBDB}
	.mobileListBox .mobileMenu15 {width:100%; height:60px; padding-left:20px; font-size:15px; border-bottom:1px solid #707070; vertical-align:middle; padding-top:20px;color:#333; background:#fff}
	.mobileListBox .mobileMenu2 {width:100%; height:60px; padding-left:20px; font-size:15px; border-bottom:1px solid #707070; vertical-align:middle; padding-top:20px;color:#333; background:url('/theme/basic/img/ico_arrow_up.svg') no-repeat; background-position: center right 15px; cursor:pointer }
	.mobileListBox .mobileMenu3 {width:100%; height:60px; padding-left:20px; font-size:15px; border-bottom:1px solid #707070; vertical-align:middle; padding-top:20px;color:#333; display:none;  background:url('/theme/basic/img/ico_arrow_R.svg') no-repeat; background-position: center right 15px; background-color:#EEEEEE;}
}

@media only screen and (max-width:499px){
	.main_con_wrap .btxt_3 {top:0%; width:100%; height:auto; }
	.main_con_wrap .btxt_3 > div {width:100%; height:auto; margin:0 auto; padding-left:5%; text-align:left;}
	.main_con_wrap .btxt_3 .btxt1 { font-size:14px; text-align:left; display:inline-block; padding-top:25px;  font-weight:600; text-shadow:2px 2px 2px rgb(0,0,0)}
	.sub_con_wrap .history_search {width:100%; margin-left:0;}
	.main_con_wrap .btxt_3 .banner_3_1 {display:none;}
	.main_con_wrap .btxt_3 .banner_3_2 {padding-top:20px; height:80px;}
	.main_con_wrap .btxt_3 .banner_3_3 {display:none;}
	.sub h2 {padding-left:0;}
  .guideC .guideC_txt1,
	.guide1 ul li dd,
	.guide1 ul li dt {text-align:left; padding-left:16px;}
	.guideC .guideC_txt1 .tit,
	.guide2 .guide2_txt_c2 .tit,
	.guide2 .guide2_txt div,
	.guide2 .guide2_txt_c2 .guide2_txt1,
	.guide2 .guide2_txt_c2 .guide2_txt2,
	.guide2 .guide2_txt .tit {text-align:left; }
	.guide6 div {font-size:14px}
	.my_setting .section02 {padding:0px;}
	.my_setting .section02 .alert_tit {font-size:15px;}
	.my_setting .section02 .btn_all_read {right:10px; top:5px; font-size:15px;}
	.my_setting .section02 ul li {padding-left:80px}
	.my_setting .section02 ul li a {font-size:15px;}
	.my_setting .section02 ul li p {width:100%; padding-right:70px; margin:0}
	.my_setting .section02 ul li .profile {display:none;}
	.my_setting .section02 ul li {padding:10px}

	.my_setting .section01 li {padding-left:10px}
	.my_setting .section01 h5 {padding-right:25px;}
	.my_setting .section01 li div {right:10px}
	.my_setting .section01 .chk {right:30px;}
	.search h3 > a {font-size:15px; right:0}
.dashboard_01 .section02 label {width:60px}
.dashboard_01 .section02 .form-group > div {width:100%; padding-left:70px}
	.dashboard_01 .section03 .cb > .form-inline > .form-group {width:100%;}
.class_detail_v .sub_con_wrap {padding-top:40px}
.class_list table #th1 {width:35px; text-align:left}
.class_list table .td1 {width:35px; text-align:left}
.leftMenu {width:100%}
.main_course01 {display:none}
.main_tlt_wrap h2 {display:none}
.header {height:44px;}
.header_wrap {height:40px}
.header .cnl_logo_wrap {height:35px; top:5px;}
.header .cnl_logo_wrap img {height:35px;}
.cnl_logo_wrap img {height:35px}
.cnl_setting_wrap {margin-top:10px; width:100%; padding:0}
.cnl_setting_wrap table td .cnl_logo {width:100%;}
.cnl_setting_wrap table th {display:none}
.cnl_setting_wrap table td h4 {display:block; font-size:15px; padding-bottom:15px; font-weight:bold;}
.cnl_setting_wrap table td {padding:10px 0px; font-size:13px}
.cnl_setting_wrap table th > div {position:relative; }
.cnl_setting_wrap table th  p {position:absolute; top:0; left:0}
.cnl_setting_wrap .cnl_logo_file {width:100%}
.cnl_setting_wrap table td input[type=button] {margin-left:0; width:100%; margin-top:10px}
.cnl_setting_wrap table td .cnl_g2 {padding:0; padding-top:5px}
.cnl_setting_wrap .btn_file {width:100%; margin-left:0; }
.header .top_alert {display:none}
.header .nav_user > div {width:30px; height:30px; font-size:13px}
.header .topProfile {margin-top:5px;}
.header .cls_upload {margin-top:8px;}
.header .cls_no_login {margin-top:8px;}
.header .logo_wrap img {width:70px}
.header .logo_wrap {top:8px}
.header .mBtn_search {margin-top:8px;}
.header .cls_login2 {margin-top:8px;}
.header .search_nav {padding-top:3px;}
.main_con_wrap {padding-top:44px;}
.box_list .class_list > div  {width:100%; margin-right:0px; padding-right:0px; margin-bottom:0%;}
.box.user_box .profile .txt_box {padding-left:75px;}
	.box .folder { background:url('/theme/basic/img/ico_folder2.svg') center no-repeat; background-color:rgba(0,0,0,0.4);}
	.box .folder {padding-top:25.5%; text-align:center; padding-left:42px;}
	.main_course .main_tlt_wrap {padding-top:0px}

	.box > .txt_box {padding-top:10px;}
	.box .txt_box .user_pro span {width:40px; height:40px;}
	.box .txt_box .user_pro {top:10px; left:10px; font-size:18px}
	.box .tlt{margin-left:55px;}
	.box > .txt_box .user{margin-left:55px; padding-top:5px;}
	body{font-size: 13px}
	.btn{padding: 8px 20px;font-size: 13px}
	h2, .h2{font-size: 20px;}
	.sub h3{font-size: 16px}
	.guide1 h3 {font-size:14px; line-height:18px}
	#side_wrap{overflow-y: auto}
	.box .txt_box button {width:50px; height:24px; top:10px; right:4px; background:url('/theme/basic/img/ico_cont_menu_m.svg') right no-repeat;}
	.box .txt_box button:hover {background:url('/theme/basic/img/ico_cont_menu_m.svg') right no-repeat;}
	/***** 메인 *****/
	.main_con_wrap .box.course{width: 100%}
	.box .img_box > img{max-width: inherit;width: 100%;}
	.box > .rating_box .price{float: right;}
	.box > .rating_box .price{float: right;font-size: 14px !important}
.sub_con_wrap {padding:44px 17px; overflow:hidden;}


	/***** 서브 *****/

	.sub_con_wrap .box{width:100%}
	.box > .rating_box .rating span{padding-left: 19px;}
	.box_list .func_wrap{padding-top: 10px}

	/* 채널 꾸미기 */
	.cnl_deco .section01 .l_box .r{padding-left: 0;padding-top: 20px;}
	.chennel .cnl_bg h2{font-size: 1.5em}
	.cnl_deco .color_palette{padding-left: 20px}
	.cnl_deco .color > .txt{line-height: 21px;}
	.cnl_deco .section01 .l_box > div {float: none;}
	.cnl_deco .section02 .r_box .pltte{margin-left: 0;margin: 10px}
	.color_palette_wrap > .r_box .txt{float: none;width: 100%;}
	.modal .class_list{padding: 0}

	.chennel .cnl_bg h2{margin-top: -10px;}

	/* 강좌 */
	.channel_box p{display: none;}
	.channel_box > .txt_box .user{padding-bottom: 0;}
	.channel_box > .rating_box .price {float: none;font-size: 12px !important;}
	.recomm_class h2,
	.popular_class h2 {padding-bottom: 10px;}


	/* 대시보드 */
	.dashboard h2 { padding-bottom: 20px;}
	.dashboard .sub_con_wrap .box{width: 100%}
	.dashboard .section01 .top_wrap{padding:30px 20px}
	.dashboard .section01 .img_box{position: relative;top: 0;left: 0;margin: 0 auto; display: block;}
	.dashboard .section01 .txt_box {padding: 20px 0 0;text-align: center;}
	.dashboard .section01 .txt_box .hello{padding-bottom: 7px;}
	.dashboard .section01 .btm_wrap{padding: 20px;}
	.dashboard .section01 .btm_wrap > div{width: 33.33%; padding: 0;}
	.dashboard .section01 .btm_wrap > div .glyphicon {font-size: 14px}
	.dashboard .tab_box .top_wrap { padding: 20px 20px;}
	.dashboard .tab_box .btm_wrap {padding: 18px 20px;}
	.dashboard .tab_box .tab li{padding: 4px}
	.dashboard .tab_box .tab li a {padding: 10px 10px;}
	.my_setting .section{padding: 20px 0}
	.my_setting h3{padding-bottom: 0}
	.dashboard_02 .section03 .well .btn{margin-left: 0}

	/* 강의개설 */
	.classA .section02 {padding-top: 50px;}
	.sub h3 .another_wrap a{font-size: 13px;}
	.classB .con .section > div{padding-bottom: 55px;}
	.classB textarea.form-control{height: 200px;}
	.classB .thum_wrap .thum_box a.first{margin-right: 10px;}
	.classB .thum_wrap .thum_box a {width: 130px; height: 160px;}
	.classB .thum_wrap .thum_box a .tlt{height: 37px;font-size: 12px;}
	.classB .thum_wrap .thum_box a .g_box p {line-height: 17px;font-size: 10px;}
	.box .g_box .user span { width: 26px;height: 26px;}
	.box .g_box .serise_box .serise{font-size: 12px; padding-bottom:30px;}
	.classB .thum_wrap .thum_box a .g_box{padding: 10px 15px;}
	.box .g_box .serise_box .like{width: 14px; height: 14px; background-size: contain}
	.classB .sub_con_wrap .box{width: 100%;}
	.card { margin: 10px 0 10px;}
	.classB .card-header .btn_drop {left: 15px;}
	.classB .card-header{padding: 10px}
	.classB .card-header .func_wrap a{font-size: 14px; vertical-align: middle;}
	.classB .card-header .func_wrap .txt{display: none;}
	.classB .card_sec > .card-header > div > .cb > .l_box{padding-right: 60px;}
	/*.card .upload_box .r_box {float: left; padding-top: 5px;}*/
	.classB .card-header .l_box{padding-right: 30px}
	.classB #section03 .price_list { padding: 45px 0 0 0;}

	/* 검색결과 */
	.box.user_box .profile .img_box {width: 50px; height: 50px; font-size:17px}
	.box.user_box .profile .txt_box{padding-top: 0}
	.box.user_box .profile .user_name { padding-bottom: 10px; font-size: 15px;}

	.footer_m {display:block;}
	.input_file_body .fBox7 .list .msg {padding-top:50px}
	.input_file_body {padding:15px; max-height:550px}
	.input_file_body .fBox7 .list {height:480px}
	.modal_contentsL .list li a,
	.input_file_body .fBox7 .list a {display:none}
	.input_file_body .fBox7 li .cost, .modal_contentsL .list li .cost {position:absolute; text-align:left; bottom:5px; left:166px; color:#FF6145}
	.modal_contentsL .list li .open {position:absolute; text-align:right; bottom:5px; right:5px;color:#FF6145}
	.modal_file .ico_upload { height:170px; width:100%; max-width:319px; }
	.modal_file .btn_upload {margin-top:20px;}
	.modal_file .modal-dialog {margin:10px auto;}

	.input_file {padding-bottom:20px;}
	.input_file_body .txt_link {padding-left:10px; padding-top:30px; width:100%;}
	.input_file_body .txt_link button {position:absolute; top:5px; right:10px; margin:0px; padding:0; outline:0}
	.input_file_body .fBox6 .thumb_list li {width:100%; margin-bottom:10px;}
	.input_file_body .fBox6 .thumb_list li .imgA,
	.input_file_body .fBox6 .thumb_list li .imgB {margin-top:0;}

	.channel_box > .txt_box {padding-top:0; top:5px}
	.channel_box > .txt_box .mt10 {margin-top:5px}
	.channel_box > .txt_box .user{ margin-left:0px;  line-height:14px; font-size:12px; padding:0; padding-right:10px; color: #7D7D7D}
	.channel_box .tlt {margin-left:0px; font-size:14px; margin-bottom:3px;  padding-right:50px; }
	.chList .img_box {width:62px; height:62px; border-radius:50%; font-size:20px;}
	.channel_box > .txt_box {position:absolute; top:10px; left:0px; margin-left:90px; background:none}
	.guide2 .sub_con {padding:0 16px}
	.guide2 .guide2_txt_c2 .swiperW2 .swiperW2img {margin-bottom:10px;}
	.swiperW2 .swiper-slide div img {width:30px}

	.main_con_wrap .btxt_1 {left:3%; top:15%; width:100%; position:absolute; z-index:3; text-align:left;}
	.main_con_wrap .btxt_1 .btxt1 {display:none}
	.main_con_wrap .btxt_1 .btxt2 {display:block;font-size:18px; line-height:28px; padding-top:2%;}
	.main_con_wrap .btxt_1 .btxt2 img {width:25px}
	.main_con_wrap .btxt_1 .btxt3 {display:block;font-size:12px; color:#707070; padding-top:1%;}
	.main_con_wrap .btxt_1 .btxt4 {display:none}

	.main_con_wrap .btxt_2 {right:45%; top:24%; width:50%; position:absolute; z-index:3; text-align:center;}
	.main_con_wrap .btxt_2 .btxt1 {font-size:14px;}
	.main_con_wrap .btxt_2 .btxt2 {font-size:13px; padding-top:5px;}


	.main_con_wrap .mainB_w {display:none}
	.main_con_wrap .mainB_m {display:block}
	.header .logo_wrap span {display:none}
	.header .btn_qna {padding-top:10px; font-size:14px}
	.hlepTop {height:110px; margin-top:44px;}
	.hlepTop .search_nav { padding-top:50px; }
	.hlepTop .search_nav .form-inline{ min-width:0px; width:90%}
	.helpWrap {margin-bottom:80px; margin-top:20px}
	.helpWrap .helpMenu li {width:100%; margin-top:15px; }
	.helpWrap .helpMenu .marginL2 {margin-left:0%;}
}
@media only screen and (max-width:460px){
	.cnl_wrap .cnl_middle .cnl_main_movie .videoarea {width:100%}
	.cnl_wrap .cnl_middle .cnl_main_movie .videoInfo {width:100%; margin:0 auto; height:auto; padding-left:0px;}

	.main_con_wrap .ico-play {width:40px; height:40px; background-size:50%; top:30%; right:22%}
	.main_con_wrap .ico-play:hover { width:40px; height:40px; background-size:50%}
	.main_con_wrap .ico-play-bg {width:40px; height:40px; top:30%; right:22%}
  .my_setting .btn_tab_wrap > * {float:none;}
	.msgLayer .area .mbox {width:95%;}
  .modal-o {width:96%; margin-left:2%}
	.footer .f_top_menu .f_menu li {padding-left:0;}
	.btn_tab_wrap ul li a{padding: 10px 25px; font-size: 14px;}
	.nav > li > a{padding: 10px; padding-left:0px;}
	.header .m_search .top_s .btn_top_search_x {right:50px}
	.header .top_alert {margin-left:15px}
	.header .topProfile {margin-left:15px}
	.header .alert_pop {right:-65px}
	.input_file_footer #pro_w {width:35%}
	.file_popup {right:0px; bottom:60px; width:100%;}
	.box .g_box .user {font-size:13px;}
	.btn_side {right:10px}
	.nav > li > a.btn_alert {padding-right:55px}
}
@media only screen and (max-width:393px){
	.modal-content {width:90%; margin-left:5%;}
	.modal_login .sns_login ul {width:100%;}
	.toggle_list .func_wrap .r_box{float: right;padding-top: 10px;}
	.toggle_list .func_wrap .r_box .first {padding-right:5px}
	.toggle_list .func_wrap .r_box {padding-bottom:5px;}
	.toggle_list .list_wrap .list_1 .time {display:none}
	.toggle_list .list_wrap .list_2 .time {display:none}
	.toggle_list .list_wrap .list_2 {background-position:0 20px; padding-left:30px; font-size:15px;}
	.toggle_list .list_wrap .list_2 .title{width:90%;}
	.toggle_list .list_wrap .title2 {width:80%;}
	.toggle_list .list_wrap .snslink {margin-left:0px;}
	.toggle_list .list_wrap .list_3 .time {display:none}
	.toggle_list .list_wrap .list_3 {padding-left:25px;}
	.toggle_list .list_wrap .pdf2 {background:url('../img/sub/Contents_pdf.png') 0px 14px no-repeat;}
	.toggle_list .list_wrap .video2 {background:url('../img/sub/Contents_play.png') 0px 14px no-repeat;}
	.toggle_list .list_wrap li {padding:12px 0px 12px 45px}
	.guide5 .swiper-wrapper > div div {width:90%; }
}
@media only screen and (max-width:375px){
	.modal-sm {width:100%}
}
@media only screen and (max-width:370px){
	.header_no_login .nav > li > a{padding: 10px 5px}
}
@media only screen and (max-width:360px){
	.add_content .add1 {left:3%}
	.add_content .add3 {right:3%}
	.classB .con .section > div {padding-bottom:20px;}
	.dashboard .section01 .txt_box .hello{font-size: 18px;}
	.dashboard .section01 .btm_wrap {padding: 20px 15px;}
	.dashboard .section01 .btm_wrap > div .glyphicon{display: none;}
	.dashboard .tab_box .top_wrap{padding: 20px 15px;}
	.dashboard .tab_box .tab li{padding: 0}
	.dashboard .tab_box .tab li a {padding: 10px 8px;}
	.modal_file .tit {font-size:15px;}
	.box > .rating_box .rating,
	.box > .rating_box .price{text-align: left;}
	.classB .con_setting .form-group {width:75%}
}