@charset "utf-8";
@import url('style.common.css');



@font-face{
	font-family:'NanumGothic'; 
	src:url('/font/NanumGothic.woff');
}
@font-face {
    font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url('/font/NotoSans/woff/notokr-thin.woff');
}

@font-face {
    font-family: 'NotoSans';
	font-style: normal;
    font-weight: 200;
    src: url('/font/NotoSans/woff/notokr-regular.woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url('/font/NotoSans/woff/notokr-light.woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url('/font/NotoSans/woff/notokr-medium.woff');
}

@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 700;
   src: url('/font/NotoSans/woff/notokr-bold.woff');
}

@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 900;
   src: url('/font/NotoSans/woff/notokr-black.ttf');
}

.noto_bl { font-family: 'NotoSans'; font-weight:900; }
.noto_b { font-family: 'NotoSans'; font-weight:700; }
.noto_m { font-family: 'NotoSans'; font-weight:500; }
.noto_l { font-family: 'NotoSans'; font-weight:300; }
.noto_r { font-family: 'NotoSans'; font-weight:200; }
.noto_t { font-family: 'NotoSans'; font-weight:100; }

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*html,body {width:100%;}*/
ul,ol {list-style:none;padding:0;margin:0;}
img {border:0;}
a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}
a:visited {color:black;}
a:link {color:black;}

body { width:100%; height:100%; margin:0; padding:0; font-family:"NanumGothic"; }

.gnb { height:40px; line-height:40px; background-color:#01a1db; overflow: hidden;  }
.gnb .gmenu { float:right; font-family: 'Dotum'; font-size:11px; }
.gnb .gmenu li.welcome span { color:#ffea57; padding:0; margin:0; }
.gnb .gmenu li {float:left;}
.gnb .gmenu li a{color:white; font-family:NotoSans; font-weight:200; line-height:40px;}
.gnb .gmenu li.l a { border-right:none; padding-right:0; }
.gnb .gmenu li.head_login {background:url('/images/head_lock_img.png')no-repeat; background-position:left center; padding-left:20px;}
.nav { height:75px; border-bottom:1px solid #ddd;   position:relative; z-index: 500; }
.nav .logo { float:left; margin-top:10px;}
.nav .smenu { float:right; line-height:75px;}

.smenu li { padding-left:40px; }
.smenu li > a { font-size:16px; color:#333; font-weight:bold;}
.smenu li > a:hover { color:#000; font-weight:500; }

.hmenu_sub_box { display:block; width:100%; background-color:#f3f3f3; border-top:1px solid #e9e9e9;}
.hmenu_sub_box .container .fr { padding-top:20px;padding-bottom:20px;  }
.hmenu_sub_box .hmenu_ss { text-align:center; padding-right:23px; }
.hmenu_sub_box .hmenu_ss a{ display:block; color:#666; font-size:14px; letter-spacing: -0.08em;}
.hmenu_sub_box .hmenu_ss a:hover{ color:#1468d6; text-decoration: underline; }

.main_banner { width:100%; position:relative;  overflow:hidden; height:500px;  }
.main_banner .quick_menu_wrap { position: absolute; width:100%; bottom:10px; }
.main_banner .quick_menu {  background-color:rgba(221,231,245,0.6); width:100%;height:161px; border-top:4px solid #388eff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.main_banner .quick_menu p { color:#3892ff; font-weight:bold; font-size:18px; font-family:"NanumGothic"; letter-spacing: -0.05em;}
.main_banner .quick_menu .title { padding:20px; }
.main_banner .quick_menu .quick_content { width:845px; margin:0 auto; }
.main_banner .quick_menu .quick_content ul.inline > li { padding-left:45px; padding-right:45px; border-left:1px solid #c5dde6  }
.main_banner .quick_menu .quick_content ul.inline > li.f { padding-left:0; border-left:none;  }
.main_banner .quick_menu .quick_content ul.inline > li.l { padding-right:0; }

.content { border-top:2px solid #f2f2f2; height:419px;  overflow:hidden; }
.content p {  font-size:11px; color:#333; }
.content p.price { font-weight:bold;}

.content .left { float:left; width:326px;  overflow:hidden; height:378px;  }
.content .left .left_content { overflow: hidden;}
.content .left_title {  padding:10px 20px 0 20px; overflow: hidden; }
.content .left_title .title {  font-size:18px; color:#333; font-weight:bold; }
.content .no_lecture { text-align:center; height:100%; line-height:200px; }
.content .lecture_item { text-align:center; padding-top:15px;  }
.content .lecture_item a { display:inline-block;margin:0; padding:0; }
.content .lecture_item a.btn_custom {  color:#fff; font-size:11px; background-color:#388eff; padding:5px 9px; border-radius: 10px; font-weight:normal;}

.content .center { float:left; width:326px; border:1px solid #cbcccd; overflow:hidden}
.content .right { overflow: hidden;}
.content .right .sub_banner_wrap { overflow:hidden; height:221px; }
.content .right .sub_banner_wrap div { border-top:1px solid #eaeaea; }

.latest_area { border-top:1px solid #cbcbcb; height:160px; background-color:#f5f5f5; overflow: hidden;}
.latest_area .index_latest_wrap { float:left; width:326px; border-left:1px solid #d4d4d4; padding-bottom:60px;  }
.latest_area .index_latest_wrap.f { border-left:none; }
.bottom_banner { width:100%; height:77px; border-top:1px solid #cbcbcb; background-color:#f5f5f5; overflow:hidden; }
.bottom_banner .bottom_baaner_item { float:left; width:326px; overflow:hidden; border-left:1px solid #d4d4d4 }
.bottom_banner .bottom_baaner_item.f { border-left:none; }

.tail { border-top:1px solid #d3d3d3;  }
.tail .tail_banner { overflow:hidden; }
.tail .info { height:134px;  background-image:url('/images/tail_bg.jpg'); }
.tail .tail_menu li { padding-right:20px; }
.tail .tail_menu li a { color:#fff; font-size:13px; font-weight:500;  letter-spacing: -0.1em;}
.tail .address p{ color:#dadada; font-size:11px;  }


/* 서브페이지 */
.sub_body { font-family: 'NanumGothic'; margin-bottom:50px; }
.sub_body a { text-decoration: none!important;  }
.sub_body_content { overflow:hidden; background:url("/images/sub_bg.jpg") no-repeat top right 0;  width:715px; overflow:hidden;}
.sub_body_left {  width:215px; overflow:hidden;}
.sub_body_left .sub_left_title_wrap { width:215px; height:125px;  background:url("/images/leftsub_title_bg.jpg"); text-align:center;   }
.sub_body_left .sub_left_title_wrap .sub_left_title { padding:35px 0; }
.sub_body_left .sub_left_title_wrap p { font-size:28px; color:#fff;  }
.slmenu { overflow:hidden; }
.slmenu ul#smenu > li { line-height:59px; border-bottom:1px solid #ddd;  overflow:hidden; background:url("/images/off_arrow.jpg") no-repeat 90% 24px; }
.slmenu ul#smenu > li a { width:215px; color:#333; font-size:17px;  padding-left:20px; display:inline-block; width:100%; height:100%; }
.slmenu ul#smenu > li._on  { background:url("/images/on_arrow.jpg") no-repeat 90% 24px; }
.slmenu ul#smenu > li._on > a{ color:#0095f3; font-weight:500; }
.slmenu ul#smenu > li .ssmenu li { border-top:1px solid #ddd;}
.slmenu ul#smenu > li .ssmenu li a { padding-left:30px; font-size:14px; width:215px; }
.slmenu ul#smenu > li .ssmenu li._on { color:#0095f3; font-weight:500;  }
.sub_right_title_wrap { height:125px;  line-height:125px; border-bottom:1px solid #d9d9d9; margin-bottom:20px;}
.sub_right_title_wrap .sub_title { font-size:30px; color:#333; font-weight:500; }

.nav2_wrap { width:100%; overflow:visible; line-height:44px; height:44px;  border-bottom:1px solid #ddd; }
.nav2_wrap ul { overflow:visible; }
.nav2_wrap li { display:inline-block; border-left:1px solid #ddd; height:44px; text-align:center; overflow:hidden; font-size:14px; color:#666; }
.nav2_wrap li a { font-size:14px; color:#666; }
.nav2_wrap li.home_btn { width:44px;  }
.nav2_wrap li.cate1 { width:169px; }
.nav2_wrap a img {  vertical-align: middle; padding:10px; }
.nav2_wrap .cate2 { width:200px; border-right:1px solid #ddd; overflow: visible; }
.nav2_wrap select.nav2 { 
	width:164px;  height:44px; border:none; outline: none; font-size:14px; color:#666; text-align:center; -webkit-appearance: none;
	border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px;
	padding-left:20px; color:#4b82dc; font-weight:500; background:url("/images/dropdown_icon.jpg") no-repeat 90% 50%;
}


.nav2_wrap div.selectBox
{
	width:100%;
	position:relative;
	display:inline-block;
	cursor:default;
	text-align:left;
	line-height:43px;
	clear:both;
	color:#888;
	z-index: 10;
}
.nav2_wrap span.selected
{
	text-align:center;
	width:170px;
	text-indent:20px;
	border-right:none;
	border-left:none;
	overflow:hidden;
}
.nav2_wrap span.selectArrow
{
	width:30px;
	text-align:center;
	font-size:14px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background:#fff;
}
.nav2_wrap span.selectArrow,span.selected
{
	position:relative;
	float:left;
	height:43px;
	z-index:10;
}
.nav2_wrap div.selectOptions
{
	position:absolute;
	top:44px;
	left:0;
	width:200px;
	border:1px solid #ccc;
	border-left:none;
	overflow:hidden;
	background:#f6f6f6;
	display:none;
	z-index: 200;
}
.nav2_wrap span.selectOption
{
	display:block;
	width:80%;
	line-height:20px;
	padding:5px 10%;
	z-index: 20;
}
.nav2_wrap span.selectOption:hover{ color:#f6f6f6; background:#4096ee;	}




.wrap {width:100%; overflow:hidden;}

.head_wrap {width:100%; position:relative; z-index:20;}
.head_t {width:100%; height:40px; background:#01a1db;}
.head_t::before {clear:both;}
.head_t::after {clear:both;}
.head_t .loginBtn {float:right;}
.head_t .loginBtn li {float:left; margin-left:10px;}
.head_t .loginBtn li>a {color:white; font-family:NotoSans; font-weight:200; line-height:40px; font-size:14px;}
.head_t .loginBtn .head_login {background:url('/images/head_lock_img.png')no-repeat; background-position:left center; padding-left:20px;}
.head_b {width:100%; height:auto; background:white; border-bottom:1px solid #e9e9e9; position:relative;}
.head_b::before {clear:both;}
.head_b::after {clear:both;}
.head_b .head_logo {width:325px; height:auto; float:left; line-height:112px;}
.head_b .head_logo a {display:inline-block; width:100%; height:34px; background:url('/images/head_logo.png') no-repeat; margin-top:39px;}
.head_b .head_category {float:right;}
.head_b .head_category>ul>li {float:left; line-height:112px; margin-left:37px;}
.head_b .head_category>ul>li>a[title="나의강의실"] {color:#f59265}
.head_b .head_category>ul>li.on {background:url('/images/menu_li_on.png')no-repeat; background-position:center 27px;}
.head_b .head_category>ul>li:first-child {margin-left:0;}
.head_b .head_category>ul>li>a {font-size:20px; font-family:NotoSans; font-weight:500; color:black;}
.head_b .head_category>ul>li.myroom a {color:#f59265;}
.head_b .head_category .category_sub {position:absolute; width:100%; line-height:61px; left:0; display:none; z-index:10;}
.head_b .head_category .category_sub::before {clear:both; display:table; content:"";}
.head_b .head_category .category_sub::after {clear:both; display:table; content:"";}
.head_b .head_category .category_sub ul {float:right;}
.head_b .head_category .category_sub ul::before {clear:both; display:table; content:"";}
.head_b .head_category .category_sub ul::after {clear:both; display:table; content:"";}
.head_b .head_category .category_sub ul li {float:left; margin-left:30px;}
.head_b .head_category .category_sub ul li:first-child {margin-left:0;}
.head_b .head_category .category_sub ul li a {font-size:16px; font-family:NotoSans; font-weight:200; color:#666;}
.head_b .head_category .category_sub ul li.on a {font-weight:500; color:black;}
.head_b .mobile_btns {position:absolute; right:20px; top:30px; display:none;}
.head_b .mobile_top_login {width:18px; height:21px; display:inline-block; vertical-align:top; margin-left:8px; margin-top:-2px;}
.head_b .mobile_top_login a {display:inline-block; width:100%; height:100%; background:url('/images/mobile_top_login.png')no-repeat;}
.head_b .mobile_top_menu {width:18px; height:21px; display:inline-block;}
.head_b .mobile_top_menu a {display:inline-block; width:100%; height:100%; background:url('/images/mobile_top_menu.png')no-repeat;}
.head_b .head_sub_wrap {display:none; width:100%; height:60px; background:#f3f3f3; border-top:1px solid #e9e9e9; position:absolute;}
.head_menu_sub {width:100%; height:200px; background:url("/images/login_nav_bg.png")no-repeat;}
.head_sub_wrap .sub_wrap_logo {width:330px; height:60px; background:url('/images/menu_sub_logo.png')no-repeat; color:white; font-family:NotoSans; font-weight:300; font-size:16px; line-height:60px; padding-left:20px;}

.body_center {width:100%; min-height:915px;}
.body_center::before {clear:both;}
.body_center::after {clear:both;}

.sec1 {overflow:hidden;}
.sec1::before {clear:both; display:table; content:"";}
.sec1::after {clear:both; display:table; content:"";}
.sec1 .main_slider {width:100%; height:400px; position:relative;}
.sec1 .main_slider .dotsContainer {min-width:100px; height:40px; position:absolute; top:73%; left:50%; transform:translate(-50%,-50%);}
.sec1 .main_slider .pause {display:inline-block; width:8px; height:13px; vertical-align:middle; background:url('/images/main_slide_pause.png')no-repeat; margin-right:5px; cursor:pointer;}
.sec1 .main_slider .play {display:none; width:8px; height:17px; vertical-align:middle; background:url('/images/main_slide_play.png')no-repeat; margin-right:5px; cursor:pointer; background-size:cover;}
.sec1 .main_slides {width:100%; height:100%; overflow:hidden; position:relative;}
.sec1 .main_slider .owl-item {float:left;}
.sec1 .main_slider .owl-nav {display:none;}
.sec1 .main_slider .dots {display:inline-block;} 
.sec1 .main_slider .dots .owl-dot {display:inline-block; width:15px; height:15px; background:url('/images/main_slide_non.png')no-repeat; vertical-align: middle; background-position:center; margin:0 5px; cursor:pointer;}
.sec1 .main_slider .dots .owl-dot.active {width:15px; height:15px; background:url('/images/main_slide_on.png')no-repeat;}
.sec1 .main_slides .main_slide_item{width:100%; height:400px; background-size:cover !important; background-position:center !important;}
.sec1 .main_slides .main_slide_item .main_slide_title {text-align:center; padding-top:100px; padding-bottom:10px;}
.sec1 .main_slides .main_slide_item .main_slide_text {text-align:center; font-size:30px; font-family:NotoSans; font-weight:200; color:white;}
.sec1 .main_slides .main_slide_item1 {background:url('/images/main_slide_bg.png')no-repeat; }
.sec1 .main_slides .owl-stage-outer {position:relative; height:400px;}
.sec1 .main_slides .owl-stage {position:absolute;}
.sec1 .main_notice {width:100%; height:81px; background:#333; position:relative;}
.sec1 .main_notice .notice_title {background:url('/images/notice_speaker.png')no-repeat; background-position:left center; color:white; font-size:20px; font-family:NotoSans; font-weight:200; padding-left:34px; line-height:81px; padding-right:0;}
.sec1 .main_notice .notice_list {padding-left:0; padding-right:0;}
.sec1 .main_notice .notice_list>ul>li{float:left;}
.sec1 .main_notice .notice_list .notice_item {width:45%;}
.sec1 .main_notice .notice_list .notice_item:last-child {width:55%;}
.sec1 .main_notice .notice_list .notice_item:last-child .list_date {float:right; margin-right:100px;}
.sec1 .main_notice .notice_list .notice_item a {display:inline-block; width:100%; height:100%;}
.sec1 .main_notice .notice_list .notice_item a>div {float:left; line-height:81px;}
.sec1 .main_notice .notice_list .list_title {width:275px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-family:NotoSans; font-weight:200; color:white;}
.sec1 .main_notice .notice_list .list_date {font-size:14px; font-family:NotoSans; font-weight:200; color:#ccc;}
.sec1 .main_notice .t_right {display:inline-block; width:14px; height:14px; position:absolute; top:35px; right:0; }
.sec1 .main_notice .t_right a {display:inline-block; width:100%; height:100%; background:url('/images/notice_moreBtn.png')no-repeat;}

.sec1 .main_banners {height:250px; margin-top:-365px; text-align:center;}
.sec1 .main_banners::before {clear:both;}
.sec1 .main_banners::after {clear:both;}
.sec1 .main_banners .banner_wrap {width:100%; max-width:1200px; height:100%; display:inline-block;}
.sec1 .main_banners .banners {height:250px; position:relative;}
.sec1 .main_banners .banners .banner_inner {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); width:100%;}
.sec1 .main_banners .banners .banner_icon {}
.sec1 .main_banners .banners .banner_title {font-size:26px; font-family:NotoSans; font-weight:500; color:white; margin-top:11px; margin-bottom:21px;}
.sec1 .main_banners .banners .banner_more {width:110px; height:30px; border:1px solid white; display:inline-block;}
.sec1 .main_banners .banners .banner_more a {width:100%; height:100%; display:inline-block; line-height:27px; font-weight:500; font-family:NotoSans; color:white; background:url('/images/main_banner_arrow.png')no-repeat; text-indent:-15px; background-position:75px center;}
.sec1 .main_banners .banner1 {background:url('/images/main_banner_bg1.png') no-repeat;}
.sec1 .main_banners .banner2 {background:url('/images/main_banner_bg2.png') no-repeat;}
.sec1 .main_banners .banner3 {background:url('/images/main_banner_bg3.png') no-repeat;}
.sec1 .main_banners .banner4 {background:url('/images/main_banner_bg4.png') no-repeat;}
.sec1 .main_banners .mobile_link {display:block; width:100%; height:100%; display:none;}

.sec2 {margin-top:40px; padding-bottom:50px;}
.sec2 .edu_proc {position:relative; padding-right:35px;}
.sec2 .edu_proc_t {position:relative;}
.sec2 .edu_proc_t .edu_proc_title {font-size:26px; font-family:NotoSans; font-weight:500; margin-bottom:10px;}
.sec2 .edu_proc_t .edu_proc_text {font-size:16px; font-family:NotoSans; font-weight:300;}
.sec2 .edu_proc_t .edu_proc_moreBtn {position:absolute; top:5px; right:0; background:url('/images/sec2_title_moreBtn.png')no-repeat; background-position:right center; padding-right:10px;}
.sec2 .edu_proc_t .edu_proc_moreBtn a {display:inline-block; font-size:16px; font-family:NotoSans; font-weight:200; }
.sec2 .edu_proc_c {text-align:center; margin-top:40px; margin-bottom:30px;}
.sec2 .edu_proc_c img {}
.sec2 .edu_proc_b {}
.sec2 .edu_proc_b::before {display:table; clear:both; content:"";}
.sec2 .edu_proc_b::after {display:table; clear:both; content:"";}
.sec2 .edu_proc_b .edu_proc_list {height:47px; padding:15px 0 15px 20px; border-left:1px solid #ccc; border-top:1px solid #ccc; background:url('/images/edu_proc_moreBtn.png')no-repeat; background-position:95% center;}
.sec2 .edu_proc_b .edu_proc_list.list_borderb {border-bottom:1px solid #ccc;}
.sec2 .edu_proc_b .edu_proc_list:nth-child(2n) {border-right:1px solid #ccc;}
.sec2 .edu_proc_b .edu_proc_list a {font-size:16px; font-family:NotoSans; font-weight:300; display:inline-block; width:100%; height:100%;}


.sec2 .edu_sch {position:relative; padding-left:35px;}
.sec2 .edu_sch_t {}
.sec2 .edu_sch_t .edu_sch_title {font-size:26px; font-family:NotoSans; font-weight:500; margin-bottom:10px;}
.sec2 .edu_sch_t .edu_sch_moreBtn {position:absolute; top:5px; right:0; background:url('/images/sec2_title_moreBtn.png')no-repeat; background-position:right center; padding-right:10px; margin-right:10px;}
.sec2 .edu_sch_t .edu_sch_moreBtn a {display:inline-block; font-size:16px; font-family:NotoSans; font-weight:200; }
.sec2 .edu_sch_c {overflow:hidden; position:relative; margin-top:35px;}
.sec2 .edu_sch_c .edu_sch_c_slide_list .owl-item{float:left; text-align:center;}
.sec2 .edu_sch_c .edu_sch_c_slide .owl-nav {position:absolute; top:0; width:100%;}
.sec2 .edu_sch_c .edu_sch_c_slide .owl-nav>div {display:inline-block; width:20px; height:35px; position:absolute;}
.sec2 .edu_sch_c .edu_sch_c_slide .owl-nav>div a {display:inline-block; width:100%; height:100%;}
.sec2 .edu_sch_c .edu_sch_c_slide .owl-nav .owl-prev {background:url('/images/edu_sch_prev.png')no-repeat;}
.sec2 .edu_sch_c .edu_sch_c_slide .owl-nav .owl-next {background:url('/images/edu_sch_next.png')no-repeat; right:0;}
.sec2 .edu_sch_c .edu_sch_item {font-size:30px; font-family:NotoSans; font-weight:700; color:#0096d9; cursor:pointer;}
.edu_sch_b {margin-top:23px;}
.sec2 .edu_sch_b .edu_sch_b_slide {height:52px; line-height:52px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sec2 .edu_sch_b .edu_sch_b_slide_list {overflow:hidden; font-size:16px; font-family:NotoSans; font-weight:500;}
/*.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-stage {width:100% !important; height:70px; overflow:hidden; white-space:nowrap;}*/
.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item {float:left; display:inline-block; cursor:pointer; margin-right:18px;}
.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item:first-child {margin-left:17px;}
.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item:last-child {margin-right:0 !important;}
.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item .on {color:#0096d9; background:url('/images/edu_sch_btmbg.png')no-repeat; background-position:bottom;}
.edu_sch_b_content_list {height:70px; line-height:70px; border-bottom:1px solid #e9e9e9;}
.edu_sch_b_content_list>div {display:inline-block;}
.edu_sch_b_content_list .edu_sch_b_content_title {font-size:16px;  font-family:NotoSans; font-weight:300; background:url('/images/edu_sch_dot.png')no-repeat; background-position:20px center; padding-left:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.edu_sch_b_content_list .edu_sch_b_content_date {font-size:16px;  font-family:NotoSans; font-weight:300; float:right; margin-right:22px;}
.sec2 .owl-stage {overflow:hidden;}
.sec2 .owl-stage::before {clear:both; display:table; content:"";}
.sec2 .owl-stage::after {clear:both; display:table; content:"";}
.tail_wrap {width:100%; border-top:1px solid #ccc; background:#efefef;}
.tail_t {width:100%; height:70px; border-bottom:1px solid #ccc;}
.tail_t::before {clear:both;}
.tail_t::after {clear:both;}
.tail_t li {float:left; line-height:70px; margin-left:31px; padding-right:39px; background:url('/images/tail_bar.png')no-repeat; background-position:right center;}
.tail_t li:first-child {margin-left:0;}
.tail_t li:last-child {padding-right:0; background:none;}
.tail_t li a {font-size:16px; font-family:NotoSans; font-weight:300; color:#666;}
.tail_b {width:100%; height:134px; }
.tail_b::before {content:""; display:table; clear:both;}
.tail_b::after {content:""; display:table; clear:both;}
.tail_b .tail_logo {width:198px; height:134px; float:left;}
.tail_b .tail_logo a {width:100%; height:100%; display:inline-block; background:url('/images/tail_logo.png') no-repeat; background-position: left 31px;}
.tail_b .tail_info {float:left; vertical-align:top; margin-top:40px; margin-left:45px; font-family:NotoSans; font-weight:300; color:#999; font-size:14px;}
.tail_b .tail_info .w400on {display:none;}

br.tableon {display:none;}


/*로그인페이지 CSS ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.login_box_wrap {width:100%;}
.login_box_wrap .login_box {width:83.33333%; max-width:1000px; height:385px; margin:60px; auto; background:url('/images/login_box_bg.png')no-repeat; background-position:top; background-size: 100% 5px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} 
.login_box_wrap .login_box .login_t {text-align:center; padding-top:82px;}
.login_box_wrap .login_box .login_t img {vertical-align:top;}
.login_box_wrap .login_box .login_t span {font-size:24px; font-family:NotoSans; font-weight:200;}
.login_box_wrap .login_box .login_c {margin-top:40px; text-align:center;}
.login_box_wrap .login_box .login_c form {width:595px; margin:0 auto; text-align:left;}
.login_box_wrap .login_box .login_c .studentId,
.login_box_wrap .login_box .login_c .passwd {height:50px; padding-left:10px; border:1px solid #dedede; color:#999; vertical-align:top; background-image:none !important;}
.login_box_wrap .login_box .login_c .studentId {width:232px; margin-right:5px;}
.login_box_wrap .login_box .login_c .passwd {width:222px; margin-right:5px;}
.login_box_wrap .login_box .login_c .submitBtn {width:115px; height:50px; background:#ed6d00; border:none; color:white; border-radius:5px; font-size:18px; font-family:NanumGothic;}
.login_box_wrap .login_box .login_c .check_val {text-align:left; margin-top:43px;}
.login_box_wrap .login_box .login_c .check_val input {display:none;}
.login_box_wrap .login_box .login_c .check_val input + label {color:#69696b; font-family:NotoSans; font-weight:200;}
.login_box_wrap .login_box .login_c .check_val input + label span {display:inline-block; width:13px; height:13px; background:url('/images/login_check_box.png')no-repeat;}
.login_box_wrap .login_box .login_c .check_val input:checked + label span {background:url('/images/login_check_boxon.png')no-repeat;}
.login_box_wrap .login_box .login_c .check_val label span {margin-right:10px;}
.login_box_wrap .login_box .login_b {width:100%; height:90px; background:#f9f9f9; border-top:1px solid #e9e9e9; margin-top:19px;}
.login_box_wrap .login_box .login_b .login_b_wrap {width:595px; margin:0 auto;}
.login_box_wrap .login_box .login_b_wrap>div {display:inline-block;}
.login_box_wrap .login_box .login_b .login_b_text {float:left; font-size:14px; font-family:NotoSans; font-weight:300; color:#999; line-height:90px;}
.login_box_wrap .login_box .login_b .login_b_btn {float:right; font-size:14px; font-family:NotoSans; font-weight:200; color:#69696b; margin-top:27px;}
.login_box_wrap .login_box .login_b .login_b_btn a {display:inline-block; width:165px; height:35px; text-align:center; background:white; border:1px solid #e9e9e9; line-height:35px;}
.login_box_wrap .login_box .login_b .login_dot {display:inline-block; width:10px; height:10px; background:url('/images/login_id_dot.png')no-repeat; background-position:2px 2px; vertical-align:middle;}
.mobile_login_box {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:url('/images/mobile_login_bg.png')no-repeat; background-size:cover;}
/*.mobile_login_box .login_box {width:83.33333%; max-width:1000px; height:385px; margin:60px; auto; background:url('/images/login_box_bg.png')no-repeat; background-position:top; background-size: 100% 5px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} */
.mobile_login_box .login_box .login_t {width:90%; margin:0 auto; padding-top:62px; text-align:center;}
.mobile_login_box .login_box .login_t img {vertical-align:top; width:100%;}
.mobile_login_box .login_box .login_t span {font-size:24px; font-family:NotoSans; font-weight:200;}
.mobile_login_box .login_box .login_c {margin-top:85px; text-align:center;}
.mobile_login_box .login_box .login_c form {}
.mobile_login_box .login_box .login_c .studentId,
.mobile_login_box .login_box .login_c .passwd {width:90%; height:50px; padding-left:10px; border:1px solid #dedede; color:#999; vertical-align:top; background-image:none !important; display:inline-block; font-family:NotoSans; font-weight:200; font-size:16px;}
.mobile_login_box .login_box .login_c .studentId {margin-bottom:5px;}
.mobile_login_box .login_box .login_c .passwd {margin-bottom:10px;}
.mobile_login_box .login_box .login_c .submitBtn {width:90%; height:50px; background:#ed6d00; border:none; color:white; border-radius:5px; font-size:18px; font-family:NotoSans; font-weight:300;}
.mobile_login_box .login_box .login_c .check_val {text-align:left; margin:15px auto 0; width:90%; font-size:14px;}
.mobile_login_box .login_box .login_c .check_val input {display:none;}
.mobile_login_box .login_box .login_c .check_val input + label {color:#69696b; font-family:NotoSans; font-weight:200;}
.mobile_login_box .login_box .login_c .check_val input + label span {display:inline-block; width:13px; height:13px; background:url('/images/login_check_box.png')no-repeat;}
.mobile_login_box .login_box .login_c .check_val input:checked + label span {background:url('/images/login_check_boxon.png')no-repeat;}
.mobile_login_box .login_box .login_c .check_val label span {margin-right:10px;}
.mobile_login_box .login_box .login_b {width:100%; margin-top:19px;}
.mobile_login_box .login_box .login_b .login_b_wrap {width:90%; margin:0 auto;}
.mobile_login_box .login_box .login_b .login_b_text {display:block; width:100%; text-align:center; float:left; font-size:14px; font-family:NotoSans; font-weight:300; color:#666; margin-top:55px;}
.mobile_login_box .login_box .login_b .login_b_btn {display:block; width:100%; text-align:center; float:right; font-size:14px; font-family:NotoSans; font-weight:200; color:#69696b; margin-top:27px;}
.mobile_login_box .login_box .login_b .login_b_btn a {display:inline-block; width:165px; height:35px; text-align:center; background:white; border:1px solid #e9e9e9; line-height:35px; border-radius:3px;}
.mobile_login_box .login_box .login_b .login_dot {display:inline-block; width:10px; height:10px; background:url('/images/login_id_dot.png')no-repeat; background-position:2px 2px; vertical-align:middle;}
/*서브페이지 상단 메뉴 부분 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.head_menu_sub .head_menu_sub_t {margin-top:38px;}
.head_menu_sub .head_menu_sub_t>div {display:inline-block;}
.head_menu_sub .head_menu_sub_t .menu_sub_t_icon {margin-right:45px;}
.head_menu_sub .head_menu_sub_t .menu_sub_t_title {font-family:NotoSans; font-weight:500; font-size:36px; color:white; margin-right:23px; vertical-align:middle;}
.head_menu_sub .head_menu_sub_t .menu_sub_t_text {font-family:NotoSans; font-weight:300; font-size:16px; color:white; vertical-align:middle;}
.head_menu_sub .head_menu_sub_b {background:white; height:65px; margin-top:37px; font-size:0; text-align:center;}
.head_menu_sub .head_menu_sub_b li {display:inline-block; text-align:center; background:url('/images/head_sub_menu_bar.png')no-repeat; background-position:right center; padding:0 30px; }
.head_menu_sub .head_menu_sub_b li:last-child {background:none;}
.head_menu_sub .head_menu_sub_b li a {font-size:18px; font-family:NotoSans; font-weight:200; line-height:65px; display:inline-block;}
.head_menu_sub .head_menu_sub_b li.on a {background:url('/images/sub_menu_on_arrow.png')no-repeat; color:#00a1db; background-position:center 45px;}

/*서브공통 부분ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sub_content>table {margin-top:-20px;  margin-bottom:40px; table-layout:fixed;}
.sub_page_title {margin:0 0 60px; text-align:center; font-family:NotoSans; font-weight:500; font-size:36px;}
.mobile_to_top {position:fixed; width:50px; height:50px; bottom:20px; right:20px; display:none;}
.mobile_to_top a {display:inline-block; width:100%; height:100%; background:url('/images/mobile_to_top.png')no-repeat;}
.mobile_blind {position:fixed; top:0; left:0; right:0; bottom:0; background:black; opacity:0.6; z-index:10;}
.mobile_menu {position:absolute; top:73px; right:-100%; background:white; z-index:20; width:72.463768%; min-height:665px; display:none;}
.mobile_menu .mobile_menu_t {width:100%; height:80px; padding:15px;}
.mobile_menu .mobile_menu_t .mobile_gotolink {width:100%; height:50px;}
.mobile_menu .mobile_menu_t .mobile_gotolink a {display:inline-block; width:48.33333%; height:100%; color:white; font-family:NotoSans; font-size:16px; font-weight:300; text-align:center; line-height:50px;}
.mobile_menu .mobile_menu_t .mobile_gotolink a.gotohome {background:url('/images/mobile_menu_top_bg.png')no-repeat; background-size:100% 50px; float:left;}
.mobile_menu .mobile_menu_t .mobile_gotolink a.mobile_myroom {background:url('/images/go_myroom.png')no-repeat; background-size:100% 50px; float:right;}
.mobile_menu .mobile_menu_t .mobile_gotolink a span {font-weight:500;}
.mobile_menu .mobile_menu_t .mobile_close {position:absolute; width:42px; height:80px; left:-42px; top:0; z-index:20;}
.mobile_menu .mobile_menu_t .mobile_close .mobile_close_btn {width:100%; height:100%; background:url('/images/mobile_close.png')no-repeat; background-position:center 10px; position:relative; cursor:pointer;}
.mobile_menu .mobile_menu_t .mobile_close .mobile_close_btn a {position:absolute; width:100%; text-align:center; top:32px; color:white; font-family:NotoSans; font-weight:200; font-size:13px;}
.mobile_menu .mobile_menu_c {padding:40px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#efefef; min-height:510px;}
.mobile_menu .mobile_menu_c_wrap {}
.mobile_menu .mobile_menu_c_wrap .mobile_menu_list_item {margin-bottom:20px; text-align:center;}
.mobile_menu .mobile_menu_c_wrap .mobile_menu_list_item:last-child {margin-bottom:0;}
.mobile_menu .mobile_menu_c_wrap .mobile_menu_list_item a {font-family:NotoSans; font-weight:200; font-size:20px;}
.mobile_menu .mobile_menu_b {width:100%; position:absolute; bottom:25px;}
.mobile_menu .mobile_menu_b .mobile_menu_btns {font-size:0; width:100%;}
.mobile_menu .mobile_menu_b .mobile_menu_btns>div {display:inline-block; width:50%; text-align:center;}
.mobile_menu .mobile_menu_b .mobile_menu_btns>div>a {display:inline-block; font-family:NotoSans; font-weight:200; font-size:14px; color:#999; padding-left:19px;}
.mobile_menu .mobile_menu_b .mobile_menu_btns .mobile_logout a {background:url('/images/mobile_b_icon_logout.png')no-repeat;}
.mobile_menu .mobile_menu_b .mobile_menu_btns .mobile_notice a {background:url('/images/mobile_b_icon_notice.png')no-repeat;}



/*서브 1-1 부분 (사용자 안내부분)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.user_info_table {}
.user_info_table table {width:100%; border-top:2px solid #333; border-collapse:collapse;}
.user_info_table table th {background:#e8f6ff; text-align:center; font-size:16px; font-family:NotoSans; font-weight:500; height:50px; border-bottom:1px solid #d1e6ec; border-right:1px solid #d1e6ec;}
.user_info_table table th:last-child {border-right:0;}
.user_info_table table td {font-family:NotoSans; font-weight:300; font-size:16px; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.user_info_table table td:last-child {border-right:0;}
.user_info_table table td.sortEnviro {text-align:center; font-family:NotoSans; font-size:16px; font-weight:200; height:180px; background:#f8f8f8;}


/*서브1-2 부분 (프로그램다운로드)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.program_table table {width:100%; border-top:2px solid #333; border-collapse:collapse;}
.program_table table th {background:#e8f6ff; text-align:center; font-size:16px; font-family:NotoSans; font-weight:500; height:50px; border-bottom:1px solid #d1e6ec; border-right:1px solid #d1e6ec;}
.program_table table th:last-child {border-right:0;}
.program_table table td {font-family:NotoSans; font-weight:300; font-size:14px; text-align:left; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 15px 10px 18px;}
.program_table table td:first-child {text-align:left; padding-left:74px; height:60px; font-size:16px; font-weight:200;}
.program_table table td:last-child {border-right:0; text-align:center;}
.program_table table td img {margin-right:5px;}
.program_table table .program_downBtn {display:inline-block; width:90px; height:30px; background:#00a1db url('/images/download_icon_arrow.png')no-repeat; background-position:72px center; color:white; text-align:center; line-height:30px; font-family:NotoSans; font-weight:500; font-size:14px; text-indent:-5px;}
br.mobileon {display:none;}

/*서브1-3 부분 (학습일정)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.schedule_t {width:280px; height:40px; overflow:hidden; margin:0 auto; text-align:center; font-family:NotoSans; font-weight:500; font-size:40px; line-height:40px; position:relative;}
.schedule_t .owl-stage::before {clear:both; content:""; display:table;}
.schedule_t .owl-stage::after {clear:both; content:""; display:table;}
.schedule_t .owl-item {float:left;}
.schedule_t .owl-nav {position:absolute; top:6px; width:100%;}
.schedule_t .owl-nav .owl-prev,
.schedule_t .owl-nav .owl-next {display:inline-block; width:30px; height:30px;}
.schedule_t .owl-nav .owl-prev a,
.schedule_t .owl-nav .owl-next a {display:inline-block; width:100%; height:100%;}
.schedule_t .owl-nav .owl-prev {background:url('/images/sch_btn_prev_off.png')no-repeat; position:absolute; left:0;}
.schedule_t .owl-nav .owl-prev:hover {background:url('/images/sch_btn_prev_on.png')no-repeat;}
.schedule_t .owl-nav .owl-next {background:url('/images/sch_btn_next_off.png')no-repeat; position:absolute; right:0;}
.schedule_t .owl-nav .owl-next:hover {background:url('/images/sch_btn_next_on.png')no-repeat;}

.schedule_b {margin-top:35px;}
.schedule_b .schedule_b_slide {height:50px; overflow:hidden; position:relative; margin-bottom:25px;}
.schedule_b .schedule_b_slide .schedule_b_slide_wrap {width:92.5%; overflow:hidden; margin:0 auto; position:relative; z-index:10;}
.schedule_b .schedule_b_slide .schedule_b_nav {width:100%; position:absolute; top:0; height:50px;}
.schedule_b .owl-stage {width:100%;}
.schedule_b .owl-stage::before {clear:both; content:""; display:table;}
.schedule_b .owl-stage::after {clear:both; content:""; display:table;}
.schedule_b .sch_b_item {text-align:center; height:50px; line-height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-family:NotoSans; font-weight:500; font-size:18px; cursor:pointer;}
.schedule_b .sch_b_item:first-child {border-left:1px solid #ddd;}
.schedule_b .sch_b_item.on {background:#00a1db;}
.schedule_b .sch_b_item.on a {color:white;}
.schedule_b .owl-item {float:left;}
.schedule_b .schedule_b_nav .owl-prev,
.schedule_b .schedule_b_nav .owl-next {display:inline-block; width:45px; height:50px; position:absolute; top:0;}
.schedule_b .schedule_b_nav .owl-prev a,
.schedule_b .schedule_b_nav .owl-next a {display:inline-block; width:100%; height:100%;}
.schedule_b .schedule_b_nav .owl-prev {border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; left:0; background:#f9f9f9 url('/images/sch_b_arrow_prev.png')no-repeat; background-position:center;}
.schedule_b .schedule_b_nav .owl-next {border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; right:0; background:#f9f9f9 url('/images/sch_b_arrow_next.png')no-repeat; background-position:center;}
.schedule_b .schedule_b_table table {width:100%; border-top:2px solid #333; border-collapse:collapse;}
.schedule_b .schedule_b_table table th {background:#e8f6ff; text-align:center; font-size:16px; font-family:NotoSans; font-weight:500; height:50px; border-bottom:1px solid #d1e6ec; border-right:1px solid #d1e6ec;}
.schedule_b .schedule_b_table table th:last-child {border-right:0;}
.schedule_b .schedule_b_table table td {font-family:NotoSans; font-weight:300; font-size:16px; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 15px 10px 0;}
.schedule_b .schedule_b_table table td:first-child {text-align:center; height:60px;}
.schedule_b .schedule_b_table table td:last-child {border-right:0; text-align:left; padding-left:20px;}

.schedule_b .sch_b_content {display:none;}
.schedule_b .sch_b_content .sch_b_content_list {height:70px; line-height:70px; border-bottom:1px solid #e9e9e9;}
.schedule_b .sch_b_content .sch_b_content_list>div {display:inline-block;}
.schedule_b .sch_b_content .sch_b_content_title {width:75%; font-size:16px; font-family:NotoSans; font-weight:300; background:url('/images/edu_sch_dot.png')no-repeat; background-position:20px center; padding-left:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.schedule_b .sch_b_content .sch_b_content_date {font-size:16px; font-family:NotoSans; font-weight:300; float:right; margin-right:22px;}

.schedule_b .paging {margin-top:50px; text-align:center;}
.schedule_b .paging::before {display:table; content:""; clear:both;}
.schedule_b .paging::after {display:table; content:""; clear:both;}
.schedule_b .paging>div {display:inline-block; width:26px; height:26px; border:1px solid #e5e5e5; text-align:center; margin-right:10px; vertical-align:top; line-height:26px;}
.schedule_b .paging>div:last-child {margin-right:0;}
.schedule_b .paging>div.on {background:#00a1db;}
.schedule_b .paging>div.on>a {color:white;}
.schedule_b .paging>div>a {display:inline-block; width:100%; height:100%; font-size:14px; font-family:NotoSans; font-weight:200;}
.schedule_b .paging .paging_prev {background:url('/images/page_nav_btn_prev.png')no-repeat; background-position:center;}
.schedule_b .paging .paging_next {background:url('/images/page_nav_btn_next.png')no-repeat; background-position:center;}


.btn-custom2 { background-color:#ececec; border-radius: 4px; margin-top:20px; color:#999; width:100%; }
.btn_wrap td { border-right: 0px!important; border-left: 0px!important; }


/*학습일정 달력 페이지 부분*/
.sch_wrap .private a:hover,.private a:focus { text-decoration: none; }

.sch_wrap .private .year_wrap { width:270px; margin:0 auto; text-align:center; overflow:hidden;}
.sch_wrap .private .year_title { color:#333; font-size:40px; letter-spacing: -0.1em;  font-weight:500;  display:inline-block; }

.sch_wrap .private .btn-left { background:url('/images/sch_btn_prev_off.png') no-repeat; width:31px; height:31px; padding:0; margin:0; display:inline-block; float:left; margin-top:12px;}
.sch_wrap .private .pc_sch .btn-left:hover { background:url('/images/sch_btn_prev_on.png') no-repeat; }

.sch_wrap .private .btn-right { background:url('/images/sch_btn_next_off.png') no-repeat; width:31px; height:31px; padding:0; margin:0; display:inline-block; float:right; margin-top:12px;}
.sch_wrap .private .pc_sch .btn-right:hover { background:url('/images/sch_btn_next_on.png') no-repeat; }

.sch_wrap .private .month_wrap { width:100%; position:relative; margin-top:35px;  }

.sch_wrap .private .month_btn_wrap { overflow:hidden; margin-left:45px; margin-right:45px;  }
.sch_wrap .private .month_btn {float: left;width: 12.496667%;text-align: center;height: 50px;display: block;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 18px;color: #333;font-weight: 500;line-height: 48px;
}
.sch_wrap .private .month_btn.active { background-color:#3a73db; color:#fff; border:none; }
.sch_wrap .private .month_btn.l { border-right:none; }

.sch_wrap .private .month_left {left:0;width:45px;height:50px;border:1px solid #ddd;background-color:#f9f9f9;display:block;position:absolute;background-image:url('/images/private_left_btn2.png');background-repeat: no-repeat;background-position: center center;}

.sch_wrap .private .month_right {
	right:0.5px;
	top:0;
	width:45px;
	height:50px;
	border:1px solid #ddd;
	background-color:#f9f9f9;
	display:block;
	position:absolute;
	background-image:url('/images/private_right_btn2.png');
	background-repeat: no-repeat;
	background-position: center center;

 }

.sch_wrap .private_tb table { border-top:2px solid #333; width:100%; margin-top:60px; table-layout:fixed}
.sch_wrap .private_tb table a.btn { padding:0; margin:0; border:0;}
.sch_wrap .private_tb table tr th,
.sch_wrap .private_tb table tr td { font-weight:normal;font-size:16px;text-align:center; height:50px;  }
.sch_wrap .private_tb table tr th.left,
.sch_wrap .private_tb table tr td.left { text-align:left; padding-left:10px; }
.sch_wrap .private_tb table tr th { background-color:#eaeef9; color:#333;  border-bottom:1px solid #d1d8eb; border-right:1px solid #d1d8eb;  }
.sch_wrap .private_tb table tr th.l { border-right:none; }
.sch_wrap .private_tb table tr td { border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; letter-spacing: -0.06em; padding:0 5px;}
.sch_wrap .private_tb table tr td.l { border-right:none; }

.sch_wrap .private_tb span.t_blue { color:#3a73db; }
.sch_wrap .private_tb span.t_red { color:#e43e3e; }

.sch_wrap .private_tb ul.pagination li { display:inline-block; margin:0;}
.sch_wrap .private_tb ul.pagination li a {  }

.sch_wrap .private_tb .pagination>.active>a,
.sch_wrap .private_tb .pagination>.active>a:hover,
.sch_wrap .private_tb .pagination>.active>a:focus { background-color: #3a73db; border-color: #3a73db;  }

.sch_wrap .private_tb .pagination>li>a{
	padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
}

.sch_wrap .private .small_date { letter-spacing: -0.05em; color:#3a73db; font-size:12px;  }
.sch_wrap .private .small_subject {  letter-spacing: -0.05em ; font-size: 18px; color:333; padding-top:5px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }
.sch_wrap .private .subject { overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; display:block; }

.sch_wrap .btn_apply { width:90px; height:30px; background-color:#e43e3e; color:#fff; font-size:15px; text-align:center; padding:0; margin:0; line-height:28px; border-radius: 5px; }
.sch_wrap .btn.btn_apply:hover,.btn.btn_apply:focus { color:#fff; }

.sch_wrap .mobile_sch .year_wrap{width:100%;}
.sch_wrap .mobile_sch .year_title {font-size:30px; font-family:NotoSans; font-weight:700; display:inline-block; color:#0096d9; letter-spacing:0;}
.sch_wrap .mobile_sch .btn-left {width:20px; height:35px; display:inline-block; float:left; background:url('/images/edu_sch_prev.png')no-repeat;}
.sch_wrap .mobile_sch .btn-right {width:20px; height:35px; display:inline-block; float:right; background:url('/images/edu_sch_next.png')no-repeat;}
.sch_wrap .mobile_sch .month_wrap .owl-item {float:left; width:45px !important;}
.sch_wrap .mobile_sch .month_wrap .owl-item:first-child {margin-left:45px;}
.sch_wrap .mobile_sch .month_btn {float:left; text-align:center; height:60px; line-height:60px; display:block; font-size:16px; font-family:NotoSans; font-weight:500; border:none; width:100%;}
.sch_wrap .mobile_sch .month_left {display:none;}
.sch_wrap .mobile_sch .month_right {display:none;}
.sch_wrap .mobile_sch .month_btn_wrap {border:none; margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:60px; line-height:60px;}
.sch_wrap .mobile_sch .owl-stage {position:absolute; width:100%;}
.sch_wrap .mobile_sch .owl-stage::before {content:""; display:table; clear:both;}
.sch_wrap .mobile_sch .owl-stage::after {content:""; display:table; clear:both;}
.sch_wrap .mobile_sch .month_btn.active {color:#0096d9; background:url('/images/edu_sch_btmbg.png')no-repeat; background-position:bottom;}



/*인덱스 달력 부분*/
.edu_sch_c .private a:hover,.private a:focus { text-decoration: none; }

.edu_sch_c .private .year_wrap { width:100%; margin:0 auto; text-align:center; overflow:hidden;}
.edu_sch_c .private .year_title {font-size:30px; font-family:NotoSans; font-weight:700; display:inline-block; color:#0096d9;}

.edu_sch_c .private .btn-left { width:20px; height:35px; display:inline-block; float:left; background:url('/images/edu_sch_prev.png')no-repeat;}

.edu_sch_c .private .btn-right { width:20px; height:35px; display:inline-block; float:right; background:url('/images/edu_sch_next.png')no-repeat;}
.edu_sch_c .private .owl-stage {position:absolute;}

.edu_sch_c .private .month_wrap { width:100%; position:relative; margin-top:35px;  }
.edu_sch_c .private .month_wrap .owl-item {float:left;}
.edu_sch_c .private .month_wrap .owl-item:first-child {margin-left:20px;}
/*.edu_sch_c .private .month_wrap .owl-item:last-child {margin-right:20px;}*/
.edu_sch_c .private .month_btn_wrap {width:100%; border-top:1px solid #ccc; height:52px; line-height:52px; border-bottom:1px solid #ccc; overflow:hidden;}
.edu_sch_c .private .month_btn {
    float: left;
    text-align: center;
    height: 50px;
    display: block;
    font-size: 16px;
    font-family:NotoSans;
    font-weight:500;
}
.edu_sch_c .private .month_btn.active {color:#0096d9; background:url('/images/edu_sch_btmbg.png')no-repeat; background-position:bottom;}
.edu_sch_c .private .month_btn.l { border-right:none; }

.edu_sch_c .private .month_left {display:none;}

.edu_sch_c .private .month_right {display:none;}

.edu_sch_c .private_tb ul.pagination li { display:inline-block; margin:0;}
.edu_sch_c .private_tb ul.pagination li a {  }

.edu_sch_c .private_tb .pagination>.active>a,
.edu_sch_c .private_tb .pagination>.active>a:hover,
.edu_sch_c .private_tb .pagination>.active>a:focus { background-color: #3a73db; border-color: #3a73db;  }

.edu_sch_c .private_tb .pagination>li>a{
	padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
}

.edu_sch_c .private .small_date { letter-spacing: -0.05em; color:#3a73db; font-size:12px;  }
.edu_sch_c .private .small_subject {  letter-spacing: -0.05em ; font-size: 18px; color:333; padding-top:5px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }
.edu_sch_c .private .subject { overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; display:block; }

.mobileon {display:none;}

@media (min-width:1200px){
	.container {width:1200px;}
	.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item {max-width:34px;}
}

@media (max-width:1200px){
	.sec1 .main_notice .notice_list .list_title {width:250px;}
	.sec1 .main_notice .notice_list .notice_item:last-child .list_date {margin-right:50px;}
	.program_table table td:first-child {padding-left:40px;}
	.schedule_b .schedule_b_nav .owl-prev, .schedule_b .schedule_b_nav .owl-next {width:38px;}
	/*.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item {margin-right:8px;}*/
	/*.sch_wrap .mobile_sch .month_wrap .owl-item {width:}*/
}
@media (max-width:992px){
	.head_t {display:none;}
	.head_b .mobile_btns {display:block;}
	.head_b {height:72px;}
	.head_b .head_category {display:none;}
	.head_b .head_logo {width:310px; margin-left:20px;}
	.head_b .head_logo a {background-size:100%; margin-top:18px;}
	.head_menu_sub .head_menu_sub_b li {padding:0 15px;}
	.sec1 .main_slider {height:400px;}
	.sec1 .main_slider .dotsContainer {top:75%;} 
	.sec1 .main_slides .main_slide_item {height:400px;}
	.sec1 .main_notice {display:none;}
	.sec1 .main_banners .banner_wrap {height:auto; padding:20px 20px 0;}
	.sec1 .main_banners .banners {height:160px; background-size: cover;}
	.sec1 .main_banners {height:auto; margin-top:0;}
	.sec1 .main_banners .banners .banner_icon {display:none;}
	.sec2 .edu_proc {padding-right:15px;}
	.sec2 .edu_sch {padding-left:15px; margin-top:60px;}
	/*.sec2 .edu_sch_b .edu_sch_b_slide_list .owl-item {margin-right:33px;}*/
	br.tableon {display:block;}
	.program_table table td:first-child {padding-left:10px;}
	.schedule_b .schedule_b_nav .owl-prev, .schedule_b .schedule_b_nav .owl-next {width:29px;}

	.sch_wrap .private .pc_sch .month_btn {width:24.99%;}
	.sch_wrap .private_tb { margin:0; }
    .sch_wrap .private_tb table tr th,
    .sch_wrap .private_tb table tr td { font-weight:normal;font-size:16px;text-align:center; height:50px; padding:10px; letter-spacing: -0.05em; } 
	.sch_wrap .mobile_sch .owl-stage {width:830px !important;}
	
	.edu_sch_c .private_tb { margin:0; }
	.edu_sch_c .private_tb table tr th,
	.edu_sch_c .private_tb table tr td { font-weight:normal;font-size:16px;text-align:center; height:50px; padding:10px; letter-spacing: -0.05em; }
	
}
@media (max-width:767px){
	.head_b {border-bottom:2px solid #00a1db;}
	.body_center {min-height:815px;}
	.sub_content {padding:0 10px 40px;}
	.sub_page_title {margin:40px 0;}
	.sec1 .main_banners .mobile_link {display:block; position:relative; z-index:10;}
	.sec1 .main_banners .banners {height:90px;}
	.sec1 .main_banners .banners .banner_more {display:none;}
	.sec1 .main_banners .banners .banner_title {font-size:20px;}
	.sec1 .main_slides .main_slide_item .main_slide_text {font-size:20px;}
	.sec1 .main_slides .main_slide_item .main_slide_title {padding-top:115px;}
	.sec2 .edu_proc_b .edu_proc_list.list_borderb {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0;}
	.sec2 .edu_proc_b .edu_proc_list {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0; background-position:96% center;}
	.sec2 .edu_proc_b .edu_proc_list:last-child {border-bottom:1px solid #ccc;}
	.sec2 .edu_sch {margin-top:50px;}
	.head_menu_sub {display:none;}
	.tail_t {padding-left:20px;}
	.tail_b {padding-left:20px; height:auto; padding-bottom:25px;}
	.tail_b .tail_info {width:100%; margin:0 auto; text-align:center; float:none; margin-top:20px;}
	.tail_b .tail_logo {width:100%; float:none; height:auto; margin-top:20px;}
	.tail_b .tail_logo a {background-position:top center; height:35px;}
	.mobile_to_top {display:block;}
	
	.schedule_t {width:100%;}
	.schedule_t .owl-item .sch_t_item {color:#0096d9; font-size:30px;}
	.schedule_t .owl-nav .owl-prev, .schedule_t .owl-nav .owl-next {width:20px; height:35px;}
	.schedule_t .owl-nav .owl-prev {background:url('/images/edu_sch_prev.png')no-repeat;}
	.schedule_t .owl-nav .owl-prev:hover {background:url('/images/edu_sch_prev.png')no-repeat;}
	.schedule_t .owl-nav .owl-next {background:url('/images/edu_sch_next.png')no-repeat;}
	.schedule_t .owl-nav .owl-next:hover {background:url('/images/edu_sch_next.png')no-repeat;}
	.schedule_b .sch_b_item {border:none;}
	.schedule_b .sch_b_item:first-child {border:none;}
	.schedule_b .schedule_b_slide .schedule_b_nav {display:none;}
	.schedule_b .sch_b_item.on {background:url('/images/edu_sch_btmbg.png')no-repeat; color:#0096d9; background-position:center 44px;}
	.schedule_b .schedule_b_slide .schedule_b_slide_wrap {width:100%;}
	.schedule_b .schedule_b_slide {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:0;}
	.schedule_b .schedule_b_table table {display:none;}
	.schedule_b .paging {display:none;}
	.schedule_b .sch_b_content {display:block;}
	.schedule_b .sch_b_item.on a {color:#0096d9;}
	.program_table table td:first-child {font-size:14px; min-width:160px;}
	
	.edu_sch_c .private .month_wrap .owl-item:first-child {margin-left:0;}
	.edu_sch_c .private .month_btn_wrap {width:100%; overflow:hidden;}
	.edu_sch_c .private .month_btn.l { border-right:none; }
	.edu_sch_c .private p { padding:0; margin:0; }
	.edu_sch_c .btn_apply { width:70px; height:40px; font-size:14px; line-height:40px; border-radius:4px; }
	/*.edu_sch_c .private .month_btn {width: 25%;}*/
	
	/*.sch_wrap .mobile_sch .owl-stage {width:830px !important;}*/
	.sch_wrap .mobile_sch .month_wrap .owl-item:first-child {margin-left:15px;}
	.sch_wrap .private .pc_sch .month_btn_wrap { border-left:1px solid #ddd; border-right:1px solid #ddd;overflow:hidden; margin-left:45px; margin-right:45px;  }
	.sch_wrap .private .pc_sch .month_btn.active { background-color:#3a73db; color:#fff; border:none; }
	.sch_wrap .private .pc_sch .month_btn.l { border-right:none; }
	.sch_wrap .private .pc_sch p { padding:0; margin:0; }
	.sch_wrap .btn_apply { width:70px; height:40px; font-size:14px; line-height:40px; border-radius:4px; }
	.sch_wrap .private .pc_sch .month_btn {width: 25%;}
	
	/*.login_box_wrap {display:none;}
	.mobile_login_box {display:block;}*/
	
	
	.login_box_wrap {position:absolute; top:0; left:0; z-index:100; }
	.login_box_wrap .mobile_bg{position:fixed; top:0; left:0; right:0; bottom:0; background:url('/images/mobile_login_bg.png')no-repeat; background-size:cover;}
	.login_box_wrap .login_box {background:none; border:none; margin:0 auto;}
	.login_box_wrap .login_box .login_t {width:90%; margin:0 auto; padding-top:102px; text-align:center;}
	.login_box_wrap .login_box .login_t img {vertical-align:top; width:100%;}
	.login_box_wrap .login_box .login_t span {font-size:24px; font-family:NotoSans; font-weight:200;}
	.login_box_wrap .login_box .login_c {margin-top:85px; text-align:center; position:relative;}
	.login_box_wrap .login_box .login_c form {width:100%;}
	.login_box_wrap .login_box .login_c .studentId,
	.login_box_wrap .login_box .login_c .passwd {width:100%; height:50px; padding-left:10px; border:1px solid #dedede; color:#999; vertical-align:top; background-image:none !important; display:inline-block; font-family:NotoSans; font-weight:200; font-size:16px; position:relative;}
	.login_box_wrap .login_box .login_c .studentId {margin-bottom:5px;}
	.login_box_wrap .login_box .login_c .passwd {margin-bottom:10px;}
	.login_box_wrap .login_box .login_c .submitBtn {width:100%; height:50px; background:#ed6d00; border:none; color:white; border-radius:5px; font-size:18px; font-family:NotoSans; font-weight:300;}
	.login_box_wrap .login_box .login_c .check_val {text-align:left; width:90%; font-size:14px; margin-top:20px;}
	.login_box_wrap .login_box .login_c .check_val input {display:none;}
	.login_box_wrap .login_box .login_c .check_val input + label {color:#69696b; font-family:NotoSans; font-weight:200;}
	.login_box_wrap .login_box .login_c .check_val input + label span {display:inline-block; width:13px; height:13px; background:url('/images/login_check_box.png')no-repeat;}
	.login_box_wrap .login_box .login_c .check_val input:checked + label span {background:url('/images/login_check_boxon.png')no-repeat;}
	.login_box_wrap .login_box .login_c .check_val label span {margin-right:10px;}
	.login_box_wrap .login_box .login_b {width:100%; margin-top:19px; background:none; border:none;}
	.login_box_wrap .login_box .login_b .login_b_wrap {width:90%; margin:0 auto;}
	.login_box_wrap .login_box .login_b .login_b_text {display:block; width:100%; text-align:center; float:left; font-size:14px; font-family:NotoSans; font-weight:300; color:#666; margin-top:55px; line-height:1; margin-top:35px;}
	.login_box_wrap .login_box .login_b .login_b_btn {display:block; width:100%; text-align:center; float:right; font-size:14px; font-family:NotoSans; font-weight:200; color:#69696b; margin-top:22px;}
	.login_box_wrap .login_box .login_b .login_b_btn a {display:inline-block; width:165px; height:35px; text-align:center; background:white; border:1px solid #e9e9e9; line-height:35px; border-radius:3px;}
	.login_box_wrap .login_box .login_b .login_dot {display:inline-block; width:10px; height:10px; background:url('/images/login_id_dot.png')no-repeat; background-position:2px 2px; vertical-align:middle;}
	
	.mobileoff {display:none;}
	.mobileon {display:block;}
}

@media(max-width:600px){
	.sec1 .main_slides .main_slide_item .main_slide_title {width:100%;}
	.sec1 .main_slides .main_slide_item .main_slide_title img {width:60%;}
	/*.tail_b {height:auto; padding-bottom:20px;}
	.tail_b .tail_logo {display:block; margin:0 auto; height:70px;}
	.tail_b .tail_logo a {height:70px;}
	.tail_b .tail_info {margin-top:16px; text-align:center; margin-left:0; display:block;}*/
	.tail_t_list {text-align:center;}
	.tail_t li {float:none; display:inline-block; margin-left:19px; padding-right:19px;}
	
	
	
	
}
@media(max-width:480px){
	.head_b .head_logo {width:65%;}
	.head_b .head_logo a {background-size:100% 34px;}
	.sec2 .edu_proc_c img {width:100%;} 
	.sec2 .edu_sch_b .edu_sch_b_content_list .edu_sch_b_content_title {width:80%;}
	.tail_t {padding-left:0;}
	.tail_t li {margin-left:5px; padding-right:17px;}
	br.mobileon {display:block;}
	.program_table table td:first-child {min-width:90px; text-align:center;}
	.program_table table td img {margin-right:0;}
	.program_table table .program_downBtn {font-size:13px; background-position:58px center; width:70px;}
	.user_info_table table td.sortEnviro {font-size:14px;}
	.user_info_table table td {font-size:14px;}
	.sch_wrap .mobile_sch .owl-stage {width:680px !important;}
	.sch_wrap .mobile_sch .month_wrap .owl-item {width:auto !important;}
	.edu_sch_b_content_list .edu_sch_b_content_title {width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media(max-width:400px){
	.tail_t li {margin-left:5px; padding-right:16px;}
	.tail_t li a {font-size:14px;}
	.tail_b .tail_info {font-size:13px;}
	.tail_b .tail_info .w400on {display:block;}
	.edu_sch_c .private_tb table tr th,
	.edu_sch_c .private_tb table tr td { font-size:14px; }
	.edu_sch_c .private_tb table tr td { height:auto; }
	
	
	.sch_wrap .private_tb table tr th,                   
	.sch_wrap .private_tb table tr td { font-size:14px; }
	.sch_wrap .private_tb table tr td { height:auto; }
}