#header{width:100%;border-bottom:1px solid rgba(220,220,220,0.4);box-sizing: border-box;position:fixed;background:#FFF;top:0;z-index:99}

/*.wrap{width:1200px;margin:0 auto}*/
.wrap{max-width:1600px;margin:0 auto}
/* top menu */
.top_menu{float:left;text-align:right;vertical-align:middle;width:100%;margin:5px 0 10px 0}
.top_menu span{margin-left:10px;color:#888}

/* gnb */
/* layout */
.header{height:61px;box-sizing: border-box;}
.header_back{height:61px}
.header_h_px{height:61px}
.gnb{vertical-align:middle;width:100%;padding-top:0}

.pc .logo{float:left;width:20%;padding-top:10px;max-width:250px}

.pc .menu_items{float:left;text-align:right;width:55%;z-index:1;margin 0 auto}
.pc .menu_items div{display:inline-block;text-align:center;vertical-align:top;font-weight:700;color:#fff;text-decoration:none;font-size:18px;}
.pc .menu_items div a{display:inline-block;width:100%;padding:16px 0;}
.pc .gnb_right > div:first-child > a{display:inline-block;padding:16px 0}
.pc .menu_items div a.on{color:#1969B2;border-bottom:2px solid #1969B2;box-sizing:border-box;}
.pc .snb{background:rgba(26,105,176,0.95);z-index:20;}/**/
.pc .snb_items{float:left;text-align:right;width:100%;margin 0 auto;margin-left:7%;height:260px}
.pc .total_menu_box{border-left:1px solid #1E7BD0;min-height:260px;transition: all 0.4s ease-out 0s;padding-left:10px}
.pc .total_menu_box:last-child{border-right:1px solid #1E7BD0;}
.pc .total_menu_box:hover{background:#1E7ED7;}
.pc .total_menu a.aMenu{display:inline-block;text-align:left;width:90px;padding:11px 0 11px 10px;box-sizing:border-box:;font-size:14px;color:#FFF}
.pc .total_menu a.aMenu:hover{color:#FFFF00}
.pc .total_menu > a.tot_on{color:#FFFF00}

.pc .gnb_right{float:right;text-align:right;width:25%;padding-top:20px;min-width:400px;}
.pc .gnb_right > div:first-child > span{text-align:right;vertical-align:top;font-weight:700;text-decoration:none;font-size:16px;}
/*.pc .gnb_right div{text-align:right;vertical-align:top;font-weight:700;color:#222;text-decoration:none;font-size:16px;width:87px}*/
/*.snb_items {display:inline-block;text-align:center;vertical-align:top;font-weight:700;color:#222;text-decoration:none;font-size:18px;}*/
.pc .gnb_right .gnb_rightHome{display:inline-block;}

.mob .logo{float:left;width:20%;padding-top:13px;}
.mob .logo a span{color:#192E59}
.mob .logo a span{display:inline-block;}
.mob .gnb_right{float:right;width:120px}
.mob .gnb_right .mob_ment{float:left;width:180px;text-align:right;padding-top:0;height:50px;}
.mob .gnb_right .mob_menu{float:right;text-align:right;width:40px;padding-top:0;height:50px}

.mob .main_mask_back{position:fixed;width:100%;height:100%;display:none;background:rgba(0,0,0,0.5);z-index:10}
.mob .menu_items{position:fixed;width:100%;height:220px;right:0;z-index:1}
.mob .menu_items .menu_items_menu{position:absolute;top:0px;right:0;width:100%;height:100%;	z-index:1000;background:rgba(26,105,176,0.95);border-left:1px solid #ccc;border-bottom:1px solid #ccc;box-shadow: -5px 5px 5px rgba(150,150,150,0.5);overflow-y:auto;overflow-x:hidden}
.mob .total_menu_box{float:left;width:calc(100% / 6);box-sizing:border-box;height:100%;border-left:1px solid #358FE1;0;}
.mob .total_menu_box .total_menu_title_mob{padding:10px 0 10px 10%;font-size:18px;position:static;top:-1px;width:90%;height:20px;}
.mob .total_menu_box:last-child{border-bottom:1px solid #1E7BD0;}
.mob .total_menu_mob{width:100%}
.mob .total_menu_mob a{display:inline-block;text-align:left;width:89%;padding:9px 0 9px 10%;margin-left:0;font-size:14px;color:#FFF}
.mob .total_menu_mob a span::before{content: '';}
.mob .total_menu_mob > a.tot_on{color:#FFFF00;}

.btn_menu_items_open,.btn_menu_items_close{display:inline-block;width:100%;height:100%;text-align:center;color:#FFF;cursor:pointer;-moz-border-radius:10px 0px 0px 0px;border-radius:10px 0px 0px 0px;-webkit-border-radius: 10px 0px 0px 0px;}
.btn_menu_items_open img,.btn_menu_items_close img{display:inline-block;padding:15px 0 0 2px}


/*써브메뉴*/
	.navi_box_main{border-top:1px solid #ddd;background:#FFF}
	.navi_box_main .navi_menu li a{display:inline-block;width:100%;padding:10px 0;text-align:center;font-weight:bold;}
	.navi_box_mob{background:#1B43A9}
	.navi_menu li{display:inline-block;width:80px}
	
	.navi_box_mob .navi_menu li a{display:inline-block;width:100%;padding:10px 0;text-align:center;font-weight:bold;}
	.navi_box_mob .navi_menu li a.on{color:#1B43A9}
	
	.navi_box_mob .navi_menu a span{color:#AAC2EC}
	.navi_box_mob .navi_menu a.on{border-top:3px solid #1B43A9;}
	.navi_box_mob .navi_menu a.on span{color:#FFF}
	
	.snb_menu {position:fixed;width:180px;height:100%;min-height:1000px;top:60px;background:rgba(250,250,250,0.05);border-right:1px solid rgba(0,0,0,0.02);z-index:0} /* */
	.snb_menu li{padding:5px}
	.snb_menu li:first-child{padding-top:50px}
	.snb_menu li .snb_menu_link{display:inline-block;text-align:left;width:100%;padding:8px 0 8px 45px;border:1px solid transparent;text-align:left;box-sizing:border-box;font-size:16px;background-repeat:no-repeat;background-position:10px center;}
	.snb_menu li .snb_menu_link.on{border-bottom:0;background-color:rgba(0,0,0,0.08);border:1px solid transparent;box-sizing:border-box;border-radius:10px;background-repeat:no-repeat;background-position:10px center;}
	.snb_menu li .snb_menu_link:hover{background-color:rgba(0,0,0,0.05);box-sizing:border-box;border-radius:10px;}
	.snb_menu li .snb_menu_link.on:hover,{background-color:rgba(0,0,0,0.07);box-sizing:border-box;border-radius:10px;}
	.snb_menu li .snb_menu_link.on:active, .snb_menu li .snb_menu_link:active {border:1px solid rgba(0,0,0,0.2); position: relative;	top: 1px;box-sizing:border-box;}
	.snb_menu div{display:block}
	.snb_menu .snb_plus{border-top:1px solid rgba(0,0,0,0.2);margin-top:20px}
	.snb_menu .snb_plus div{padding:3px 5px}
	.snb_menu .snb_plus div > div{padding:5px 0 5px 20px;font-size:18px;margin-left:18px}
	.snb_menu .snb_plus div > div:first-child{margin-left:0px;font-size:14px;}
	.snb_menu .snb_plus div > div:hover{background-color:rgba(0,0,0,0.03);box-sizing:border-box;border-radius:10px;width:95%}
	.snb_menu .snb_plus div > div.on{background:rgba(0,0,0,0.08);box-sizing:border-box;border-radius:10px;width:95%}
	
	.snb_menu .snbCopy{display:inline-block}
/*써브메뉴*/

.pc .menu_items div a.dark{color:#fff;}
.pc .menu_items div a.dark.on{color:#B2D8F4;border-bottom:2px solid #B2D8F4;}
.snb_menu li .snb_menu_link.dark{color:#fff;border-bottom:2px solid transparent}
.snb_menu li .snb_menu_link.dark.on{border-bottom:2px solid #B2D8F4;border-radius:0px;box-sizing:border-box;color:#B2D8F4}

#contaniner{width:calc(100% - 200px);margin-left:200px}
#footer{float:left;height:150px;padding:30px 0 50px;border-top:1px solid #666;background:#222129;color:#FFF}
#fnb{width:100%;max-width:1200px;padding:0 0;margin:0 auto;font-size:13px}
#fnb a, #fnb span{font-size:13px;color:#FFF}
#fnb a img, #fnb span img{width:100%}
#footer .pc_copy{display:block}
#footer .mob_copy{display:none}
#footer .copy_right{width:400px}
#footer .copy_link{float:right;text-align:right}

#footer .org_link{padding:10px 0}
#footer .org_link a{display: inline-block; height: 25px;font-weight:bold}
#footer .footer_link a{display: inline-block;padding:3px 10px;}
#footer .footer_link a:last-child{padding:3px 0px 3px 10px;border-right:0}
/* content */
.ms_left{float:left}
.ms_right{float:right}
.enum1{font-size:15px;width:80px;height:34px;padding:5px 10px;border-color:#aaa}
.enum2{font-size:15px;width:80px;height:32px;padding:0px 10px;magin-top:0;border-color:#aaa;border:1px solid #aaa}

.pc{display:block}
.mob{display:none}
.mob .menu_items{display:none}

/* layout */

/* 로그인 박스 */
.login_box{padding:3px;background:#e7edf5;color:#5c728d;height:20px}
.login_box .login_service{padding:3px 0 0 15px}
.section_login{width:400px;margin:0 auto}

.section_login .txt{padding:0 10px 0 3px;font-weight:normal}
.section_login .txt div{padding:10px 10px;border-top:1px solid #ddd}
.section_login .txt div span{font-weight:600}
.section_login .chk_save{clear:both;padding:5px 0 0 3px}

.section_login .member_btn{text-align:center;padding:0 0 5px}
.section_login .member_logout{float:right;padding:0 5px 0px}

/* POP dialog */
/*
#POP_dialog,.POP_dialog_mask,.POP_dialog_block{position:absolute;top:0;left:0;width:100%;height:100%;}
.POP_dialog_mask{z-index:200;background: rgba(0, 0, 0, 0.7);position:fixed}
.POP_dialog_block{z-index:250}
.POP_content{position:fixed;top:40%;left:50%;margin-top:-20px;margin-left:-115px;height:auto;display:block;background:rgba(255, 255, 255, 1);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.50)}
*/

/*loating div > 이메일 수신거부 */
.POP_content_new{position:fixed;top:40%;left:50%; transform: translate(-50%, -50%);height:auto;display:block;background:rgba(255, 255, 255, 1);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.50)}
.POP_content_new .pop_content_box{width:620px;padding:10px;}
.POP_content_new .pop_content_ment{font-size:16px;line-heihgt:150%;padding:20px 30px}
.POP_content_new .pop_content_ment_s1{display:block}
.POP_content_new .pop_content_ment_s{font-size:18px}

/* floating div*/
#FLOATING_DIV,.FLOATING_DIV_MASK{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}
.FLOATING_DIV_MASK{position:fixed;background:rgba(0, 0, 0, 0.7);top:0;left:0;width:100%;height:100%;z-index:100}
.FLOATING_DIV_BLOCK{position:fixed;top:10%;z-index:200;width:100%;padding:0;margin:0 auto}
.FLOATING_CONTENT{margin:0 auto;background:rgba(255, 255, 255, 1);-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;z-index:10000}

/*li 탭메뉴*/
.li_teb ul li{float:left;padding:10px 0px;width:25%;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;text-align:center;font-size:18px;box-sizing:border-box}
.li_teb ul li:first-child{border-left:1px solid #ddd;}
.li_teb ul li:hover{background:#E3F3FF;}
.li_teb ul li.on{background:#E3F3FF;border-color:#73C4FF;border:1px solid #73C4FF;cursor:default;}
.li_teb a{display:inline-block;width:100%;height:100%}

/*페이지 기본 멘트박스*/
.page_title{text-align:center;font-size:18px;color:#999999}
.page_box {padding:0 0 0 10%}
.page_box dt{font-weight: bold;font-size: 1.5rem;color:#333;}
.page_box dl,.page_box dd{font-size: 1.1rem;line-height:2em}
.page_box dd{margin: 0 0 1.5em 1em;color:#666;font-weight:300;}
.page_box fleft_50{width:50%}
.page_box .policy dd{margin: 0.5em 0 1.5em 1em;color:#333;font-size:1rem;font-weight:300;line-height:1.8em}
.ceo_box .ceo_ment{position:absolute;width:350px;top:-15px;background:#192E59;color:#FFF;padding:20px}
.ceo_box .ceo_ment div{font-size:20px}

/*페이지 목록*/
.page_list .list_title{padding:10px;color:#888;font-size:18px;text-align:center}
.page_list ul li{float:left;width:25%;height:100%;margin:1% 0 1%}
.page_list ul li .page_list_box{margin:20px 10px;cursor:pointer;}
.page_list ul li .page_list_box .no_img{border:5px solid #fff;box-sizing:border-box;padding:0;width:100%;	height:202px;background:#EFEFEF}
.page_list ul li .page_list_box .sp_pic{border:5px solid #fff;box-sizing:border-box;padding:0;width:100%;	height:202px;overflow:hidden;transition:all 0.3s ease-in-out;	}
.page_list ul li .page_list_box .sp_pic{
		background:#EFEFEF;
		display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page_list ul li .page_list_box .sp_pic img{transform:scale(1);transition:all 0.3s ease-in-out;object-fit: cover;width:100%;height:100%;}
.page_list ul li .page_list_box:hover .sp_pic{border:5px solid #7B9AEA;box-sizing:border-box;}
.page_list ul li .page_list_box:hover .sp_pic img{transform:scale(1.3)}
.page_list ul li .page_list_box:hover {color:#1B43A9}
.page_list ul li .page_list_box .sp_pic.on{border:5px solid #1B43A9;box-sizing:border-box;}
.page_list ul li .page_list_box .page_list_ment{text-align:center;font-size:20px;height:30px}

.main_thumnail_box{
		background:#EFEFEF;
		display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.main_thumnail_box img{transform:scale(1);transition:all 0.3s ease-in-out;object-fit: cover;width:100%;height:100%;}

/*강사 페이지*/
.teacher_con{display:block;padding:10px 10px 50px 10px;border-bottom:1px solid #ddd;margin-bottom:30px;color:#666}
.teacher_con .teacher_ment{position:absolute;min-width:220px;top:-20px;margin-left:20px;min-height:700px;background:#1B43A9;color:#FFF;padding:20px;}
.teacher_con .teacher_pic{padding:0% 6% 0 22% }
.ment_24px{font-size:24px}

/*경매교육 달력 페이지*/
.pick,.lec_list{float:left;  margin:0 auto; cursor:pointer; width:50%; height:100%;}
 .pick div,.lec_list div{margin-top: 15px;font-size:16px}
.cal_box{background:#F8F8F8;border:1px solid #ddd;box-sizing:border-box;}
.cal_nav{width: 100%; height: 50px; position: relative; margin-bottom: 50px;display:block}
.cal_nav ul{background-color:#999;}
.cal_nav ul li{background-color:#999;font-size:16px}
.cal_nav ul li.pick{background-color:#1B43A9; color: white; font-weight: bold;}
.tc_lec{width: 25%; height: 770px;float: left;margin:0;overflow-y:hidden}
.tc_lec ul li{margin:0 0 0px 0;padding:0px 5px}
.tc_lec ul a{padding:0;cursor:pointer;margin:0}
.cal_list{width: 73%; height: 100%; float: right;background:#FFF;padding-bottom:20px;padding:0 1%}
.cal_list .lec_box{min-height:80px}
.cal_list .edu_date_line{position:absolute;height:20px;top:70px;margin 0 auto;width:100%;filter:alpha(opacity=15);opacity : 0.15; -moz-opacity:0.15}
.cal_list .edu_ondate_line{position:absolute;height:5px;top:90px;margin 0 auto;width:100%;filter:alpha(opacity=50);opacity : 0.5; -moz-opacity:0.5;}
.lecture{width: 100%; color:white; text-align:center;}
.lec_item{cursor: pointer;}
.lec_item:hover{background-color: #e1f5fc;}

.edu_help_pic{display:block}

.sign_up{width: 70%; padding:5px 0 5px 0;background-color: #007aff; color:white; border-radius: 5px; margin: 0 auto;}
.sign_up:hover{background-color:#0467d4; transition-duration: 0.3s}
.pick{background-color:#444; color: white; font-weight: bold;}
.select_list{background-color: #007aff; color:white;}
.bg_li{background-color:#E9F1FE;border:2px solid #000000;box-sizing:border-box;border-right:0;background-image:url(/lec/img/icon/icon_chack.svg);background-repeat:no-repeat;background-position:-50px center;}
.bg_li_old{background-color:#eeeeee;background-image:url(/lec/img/icon/icon_chack.svg);background-repeat:no-repeat;background-position:-50px center;}
.li_on{background-color:green;color:white;}
#all_li{padding:10px 0 10px 10px}

/*부제 뺏지*/
.sub_badge{display:inline-block;color:white;font-size:10px;padding:1px 10px;margin-left:20px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius: 5px;}

 .cl_teacther{font-size:16px; padding:2%;color:white;}
 .cl_title{padding:0px 5px 10px; margin:0 auto;color:white;display:block}
 .odate_box{display:block} 
 .odate_box_mob{display:none}
  @media all and (max-width: 700px) { 
    .cl_teacther{font-size:12px; padding:0;}
    /*.cl_title,.odate_box,.cal_nav{display:none}*/
    .cl_title{height:23px;overflow:hidden}
    .odate_box,.cal_nav{display:none}
    .cal_list .lec_box{min-height:50px}
    .cal_list .edu_date_line{top:55px;}
    .odate_box_mob{display:block} 
    .tc_lec{width: 95%; height: 180px; float: left;margin:0 2%; overflow-y:auto}
    .cal_list{width: 98%; height: 100%; float: left;}
  }
  
/*경매교육 달력 페이지*/

/* 교육목록 edu_list.php css */
.lec_cal_list{padding:0 2%}


.edu_p_pic{float:left;width:24%;height:180px;margin:10px;font-size:14px;background:#002060;color:#FFF;}
.edu_p_pic{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;overflow:hidden;
}
.edu_p_pic img{object-fit: cover;width:100%}
.edu_sw_list{float:left;width:47%;padding:10px 0 10px 10px;font-size:20px;text-align:left;}
.edu_sw_list div{ padding: 2px 0; font-size: 14px;font-weight: 400;}
.edu_sw_list div span{display: inline-block;    width: 60px;    color: #4772CB;    font-weight: 400;}
.edu_sw_list .on_mark{background:#FFDBE9; width:30px; margin-right:10px; color:#000000; font-weight:bold; text-align:center;font-size:10px}
.edu_sw_list .off_mark{background:#E0F1FE; width:30px; margin-right:10px; color:#000000;font-weight:bold;text-align:center;font-size:10px}
.edu_sw_list .on_off_margk{padding-left:60px}
.edu_sw_list .edu_sw_list_title{font-size:22px;font-weight:400}

.edu_sw_list_b{display:block}
.edu_sw_list_s{display:none}

.tr_new .edu_list_old div{font-size:16px;font-weight:400}

.tbl_list_new{width:100%;padding:0;border-spacing:0;border-collapse:collapse;}
.tbl_list_new .tr_new th, .tbl_list_new .tr_new td{border-bottom:1px solid rgba(140,140,140,0.4);height:80px;font-size:16px;padding:5px 1%;}
.tbl_list_new tr:first-child{border-bottom:1px solid rgba(100,100,100,0.4);}
.tbl_list_new .tr_new{background-color:rgba(130,130,130,0.07);}
.tbl_list_new .tr_new:hover, .lec_item:hover{background-color:#EEF3FF;color:#000}
.lec_item .edu_p_pic img{transition:all 0.3s ease-in-out;}
.lec_item:hover .edu_p_pic{box-shadow:0px 5px 5px #999;}
.lec_item:hover .edu_p_pic img{transform: scale(1.07);}
.lec_item:hover .cl_overflow_y{background:#E3ECFF;}

.lec_item{transition:all 0.2s ease-in-out;}

.cal_tbl{width:100%; height:150px;font-size:12px}
.cal_tbl td div, .cal_tbl td .marking{font-size:12px}
.cl_overflow_y{padding:5px 20px;height:185px;margin:5px 0;overflow-y:auto;background:rgba(238,243,255,0.5)}
.cl_overflow_y::-webkit-scrollbar {width: 8px;}
.cl_overflow_y::-webkit-scrollbar-thumb {height: 30%; background: #ccc; border-radius: 10px;}
.cl_overflow_y::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}
/* 교육목록 edu_list css */


/*작은 tbl css*/
.sm_box{padding:1% 5%}
.sm_box .tbl_new_grid tr:hover{background:#EEF3FF;color:#000000}
.sm_box .tbl_new_grid .sm_box_td{line-height:80%}
.td_view_b{display:table-cell}
.div_view_s{display:none}
.sm_box .tbl_new_grid tr.mypage_title:hover{background:#FFF;cursor:default}
.mob_inlinHide{display:inline-block;}

/*마이페이지 타이틀멘트*/
.mypage_title{font-size:20px;font-weight:700;margin-bottom:30px}
.mypage_title img{width:30px;vertical-align:middle}
.mypage_title .mypage_title_ment{font-size:16px;padding-left:30px}
.mypage_title_subment{color:#999;font-size:14px}

/*마이페이지 myhome*/
.myhome_title_b{padding:20px 0;text-align:center;font-size:15px;line-height:22px;color:#999;}
.myhome_box{width:100%;}
.myhome_box li{float:left;width:48%;padding:10px 0px;margin:0.5%;background:#f0f0f0;cursor:pointer;color:#555;box-sizing:border-box;-moz-border-radius:20px;border-radius:20px;-webkit-border-radius: 20px;}

@media all and (min-width: 1200px) {
.myhome_box li:hover{background:#6280F0;color:#FFF}
.myhome_box li:hover .myhome_title{background:#6280F0;color:#FFD83C}
.myhome_box li:hover .myhome_ment span{color:#FFD83C}
.myhome_box li:hover{background:#6280F0;color:#FFF}
}

.myhome_div{padding:10px 20px}
.myhome_img{text-align:center;padding-top:15px}
.myhome_title{font-weight:bold;font-size:17px;padding:10px 0;}
.myhome_title span{font-weight:900;font-size:17px;}
.myhome_ment{padding-left:10px;font-size:14px;line-height:22px}
.myhome_ment span{color:red}

/* 반응형 css */
@media all and (max-width: 2000px) {
	.pc .snb_items{float:left;text-align:right;margin-left:6%}
}
@media all and (max-width: 1600px) {
	.pc .snb_items{float:left;text-align:right;margin-left:0%}
	.pc .logo{float:left;width:20%;padding-top:10px;max-width:240px}
	.pc .menu_items{float:left;text-align:right;width:57%;z-index:1;margin 0 auto}
	
	.pc .gnb_right{float:right;text-align:right;width:15%;padding-top:20px;min-width:270px;}
	.pc .gnb_right .gnb_rightHome{display:none;}
	.snb_menu div{display:none}
	#contaniner{width:100%;margin-left:0px}
	.header_h_px{height:60px;}
	
	.snb_menu {position:relative;width:100%;height:auto;min-height:0px;top:0px;background:#ddd}
	.snb_menu li{display:inline-block;padding:0px}
	.snb_menu li:first-child{margin-left:24.5%;padding-top:0px}
	.snb_menu li .snb_menu_link{display:inline-block;text-align:left;width:100%;min-width:70px;padding:8px;text-align:center;border-bottom:2px solid rgba(180,180,180,0.2);box-sizing:border-box;font-size:14px;color:#000;background-repeat:no-repeat;background-position:-100px -100px;}
	.snb_menu li .snb_menu_link.on{border-bottom:2px solid #1969B2;background-color:rgba(0,0,0,0);box-sizing:border-box;color:#1969B2;border-radius:0px;background-repeat:no-repeat;background-position:-100px -100px;}
	.mob_H{display:block}
	
}
@media all and (max-width: 1300px) {
	.snb_menu .snbCopy{display:none}
}
@media all and (max-width: 1200px) { /* 피시버전 가로 1400, 세로 470 */
	.wrap{width:100%;margin:0 auto}
	.wrap_box{width:94%;margin:0 auto}
	.header{height:2%;box-sizing: border-box;}
	.header_back{height:2%;}
	
	.snb_menu li:first-child{margin-left:10px}
	.snb_menu li .snb_menu_link{display:inline-block;padding:5px 0;}
	
	.pc{display:none}
	.mob{display:block}
	.mob_inlinHide{display:none}
	
	.edu_help_pic{display:none}
	
	#fnb{width:100%;padding:0%;margin:0 auto;font-size:10px}
	#fnb a, #fnb span{font-size:10px}
	#fnb a img, #fnb span img{width:70%}
	#footer .org_link a{display: inline-block; height: 18px;}
	#footer .org_link a img{width:14px}
	
	.li_teb ul li{font-size:11px;}
	.page_box .policy dd{margin: 0.5em 0 1.5em 1em;color:#777;font-size:0.75rem;font-weight:400;line-height:1.8em !important;}
	.page_title{text-align:center;font-size:14px;color:#999999}
	.page_box {padding:0 3%}
	.page_box dt{font-weight: bold;font-size: 1.0rem;color:#333;}
	.page_box dl,.page_box dd{font-size: 0.80rem;line-height:1.7em;}
	.page_box dd{margin: 0 0.2em 1em 0.5em;color:#777;font-weight:400;}
	
	.page_box fleft_50{width:100%}
	.ceo_box .ceo_ment{position:static;width:94%;background:#192E59;color:#FFF;padding:3%}
	
	.ceo_box .ceo_ment div{font-size:15px}
	.teacher_con .teacher_ment{position:static;width:90%;color:#FFF;padding:10px 5%;margin:0 auto;min-height:0 }
	.teacher_con .teacher_pic{padding:0 5%;width:90%}
	.ment_24px{font-size:16px}
		
	.POP_content_new .pop_content_box{width:550px;padding:0%;}
	.POP_content_new .pop_content_ment{font-size:12px;padding:20px 10px}
	.POP_content_new .pop_content_ment_s1{display:block}
	.POP_content_new .pop_content_ment_s{font-size:14px}
	.section_login{width:96%;padding:2% 2%;margin:0 auto}
	.snb_menu li#snbMenu_4615{display:inline-block}
}

@media all and (max-width: 800px) { /* 피시버전 가로 1400, 세로 470 */

	#footer .pc_copy{display:none}
	#footer .mob_copy{display:block}
	#footer .copy_link{float:left;text-align:left}	
	#fnb{width:98%;padding:0 1%;margin:0 auto;font-size:10px}
	
	.edu_help_pic{display:none}
	
	.page_list .list_title{padding:8px;font-size:12px;letter-spacing:0px;text-align:left}
	.page_list ul li{float:left;width:33%;height:100%;margin:0}
	.page_list ul li .page_list_box .sp_pic, .page_list ul li .page_list_box .no_img{padding:0;height:175px;background:#EFEFEF}
	.page_list ul li .page_list_box .page_list_ment{font-size:16px;height:25px}
	
	.teacher_con .teacher_ment{position:static;width:90%;color:#FFF;padding:10px 5%;margin:0 auto;min-height:0 }
	.teacher_con .teacher_pic{padding:0;width:100%}
	
	.sm_box{padding:1% 2%}
	.td_view_b{display:none}
	.div_view_s{display:block;color:#004AE3;font-weight:bold;margin:0}
	.div_view_s.div_view_btn{background:#666;color:#FFF;padding:5px 0;text-align:center;font-size:12px;width:100px;margin:0 auto}
	.pay_box .tbl_new_grid tr:hover{background:#FFF}
	
	/*교육강좌 목록*/
	.edu_p_pic{display:none}
	.mov_sl_box{height:120px}
	.cl_overflow_y{display:none}
	.edu_sw_list_b{display:none}
	.edu_sw_list_s{display:block}
	.edu_sw_list{width:93%}
	.edu_sw_list> div > div{ padding: 2px 0;font-size:13px}
	.edu_sw_list .edu_sw_list_title{font-size:15px;font-weight:800}
	.edu_sw_list .on_off_margk{padding-left:0px}
	.tr_new .edu_list_old div{font-size:14px;font-weight:bold}
	.lec_item{min-height:170px}
	
	.lec_cal_list{padding:0 2%}
	
	.mypage_title{font-size:16px;font-weight:700;margin-bottom:20px}
	.mypage_title img{width:15px;vertical-align:top;margin-top:5px}
	.mypage_title .mypage_title_ment{font-size:12px;padding-left:5px}
	.mypage_title_subment{color:#999;font-size:12px}
	
	.myhome_box li{float:left;width:92%;margin:0.5% 4%;}
	.myhome_title_b{padding:10px 0 10px 5px;text-align:left;font-size:12px;line-height:16px;color:#999;}
	.myhome_ment{padding-left:10px;font-size:13px;line-height:16px}
	.myhome_title span{font-weight:900;font-size:16px;}
	
	.POP_content_new .pop_content_box{width:550px;padding:0;}
	.POP_content_new .pop_content_ment{font-size:12px;padding:20px 10px}
	.POP_content_new .pop_content_ment_s1{display:none}
	
	.snb_menu li#snbMenu_4615{display:none}
}
@media all and (max-width: 700px) { 
	.edu_help_pic{display:block}
	.mob .menu_items{position:fixed;width:100%;height:90%;right:0}
	.mob .total_menu_box{float:left;width:100%;height:auto;border-left:0px;border-top:1px solid #000;}
	.mob .total_menu_box .total_menu_title_mob{padding:0 0 0 10px;font-size:16px;position:absolute;top:-1px;width:90px;height:230px;background:#192E59;border-top:1px solid #4772CB;}
	.mob .total_menu_mob a{display:inline-block;text-align:left;width:100px;padding:9px 0 9px 20px;margin-left:105px;font-size:14px;color:#FFF}
	.mob .total_menu_mob{width:70%}
	.mob .total_menu_mob a span::before{content: '· ';}
}

@media all and (max-width: 400px) { /* 피시버전 가로 1400, 세로 470 */
	#footer .copy_right{width:100%;}
	#fnb a, #fnb span{font-size:10px}
	#fnb a img, #fnb span img{width:100%}
	.header_h_px{height:50px;}
	.page_list > .list_title{padding:5px;font-size:11.5px;letter-spacing:-1px;text-align:left}
	.page_list ul li{float:left;width:50%;height:100%;margin:0;}
	.page_list ul li .page_list_box .sp_pic, .page_list ul li .page_list_box .no_img{padding:0;height:130px;background:#EFEFEF}
	.page_list ul li .page_list_box .page_list_ment{font-size:14px;height:20px}
	
	.POP_content_new{position:fixed;top:40%;width:96%;margin:0 auto;height:auto;display:block;background:rgba(255, 255, 255, 1);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.50)}
	.POP_content_new .pop_content_box{width:96%;margin:2%;}
	.POP_content_new .pop_content_ment{font-size:11px;letter-spacing:-1px;padding:5% 2%}
	
	.edu_help_pic{display:block}
	
}

#FLOATING_DIV .float_HelplistS{width:18%;padding:5px 0;box-sizing:border-box}
#FLOATING_DIV .float_HelplistS > div{font-size:12px;font-weight:400;padding:5px 0;margin:0 20px 0 10px;cursor:pointer;border-bottom:2px solid #FFF}
#FLOATING_DIV .float_HelplistS > div:hover{border-bottom:2px solid #5475EF;color:#5475EF;font-weight:bold}
#FLOATING_DIV .float_HelplistS > div.on{border-bottom:2px solid #5475EF;color:#5475EF;font-weight:bold}
#FLOATING_DIV .float_HelplistS > div:first-child{font-size:16px;font-weight:900;padding:5px 0 5px 0;margin:0 0 10px;border-bottom:3px solid #f0f0f0;color:#555;cursor:default}


/* 교육목록 edu_list css  tank_lec.css*/
.eduotly{float:left;width:20%;height:auto;border-bottom:solid 1px rgba(0,0,0,0.1);margin:2% 0}
.eduotly .eduotBox{width:95%;margin:0 auto;padding-bottom:10px;margin-bottom:55px;position:relative;cursor:pointer}
.eduotly .eduotBox .eduotMent span{display:inline-block;width:50px;color:#1389FF;}
.eduotly .eduotBox .eduotPic{text-align:center;overflow:hidden;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;height:210px;border-radius:5px}
.eduotly .eduotBox .eduotPic img{width:100%;text-align:center;object-fit: cover;object-position :center center;transform: scale(1);transition: all 0.2s ease-in-out;display:block}
.eduotly .eduotBox:hover img{transform: scale(1.07)}
.eduotly .eduotBox .eduendPic img{object-fit: cover;object-position :center center;filter: grayscale(100%) brightness(120%);display:block}

.part_banner{background-image:url(/img/svg/part_banner.svg);background-position:-20px -5px;background-size:1250px;background-repeat:no-repeat;background-color:#ECECEC;color:#888;text-align:right;padding:20px;font-size:18px;width:97%;margin:0 auto;box-sizing:border-box}
@media all and (max-width: 1500px) {
	.eduotly .eduotBox .eduotPic{height:auto}
}
@media all and (max-width: 1300px) {
	.eduotly{float:left;width:calc(100%/4);}
}
@media all and (max-width: 1150px) {
	.eduotly{float:left;width:calc(100%/3);}
}
@media all and (max-width: 1100px) {
	.part_banner{background-position:left center;background-size:500px;font-size:14px;background-repeat:no-repeat;width:100%}
}
@media all and (max-width: 800px) {
	.eduotly{float:left;width:calc(100%/2);}
}
@media all and (max-width: 600px) {
	.eduotly{float:center;width:100%;}
	.part_banner{padding:20px;}
}
@media all and (max-width: 500px) {
	.eduotly .eduotBox .eduendPic img{width:60%;margin:0 auto;}
	.part_banner{padding:15px;}
}
.edu_lySikey{position:absolute;top:-8px;left:-8px;background:#009BC8;text-align:center;padding:12px 10px;color:#FFF;-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px;z-index:2}


/*유튜버 배너*/	
	.youtube_banner{background-image:url(/img/svg/youtube_banner.svg);
		background-position:-20px -5px;
		background-size:1250px;
		background-repeat:no-repeat;
		background-color:#ECECEC;
		color:#888;
		text-align:right;
		padding:20px;
		font-size:18px;
		width:97%;
		margin:0 auto;
		box-sizing:border-box
	}
	
	
	@media all and (max-width: 800px) {
		.youtube_banner{background-position:left center;background-size:500px;font-size:14px;background-repeat:no-repeat;width:100%}
	}
	@media all and (max-width: 600px) {
		.youtube_banner{padding:20px;}
	}
	@media all and (max-width: 500px) {
		.youtube_banner{padding:15px;}
	}