/* mobile style */
body,input,textarea,select,button,table{font-family: '맑은 고딕','Malgun Gothic',AppleSDGothicNeo, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#444444;}
body { width:100%;height:100%;}

#mask{position:absolute;z-index:29;background:url(/common/images/mobile/main/opa_bg.png) repeat 0 0;display:none;left:0;top:0;width:100%;height:100%;overflow:hidden}
div.t_wrap h2 img{width:163px}
div.allWrap{position:fixed;left:0;top:50px;width:100%;height:100%;overflow:hidden;display:none;z-index:30}
div.all-menu{width:246px;height:100%;background-color:#fff;position:relative;z-index:29;overflow:auto}
div.all-menu h2{background-color:#fff;color:#000}
div.all-menu ul.gnb {padding-bottom:56px; border-top:1px #e7e7e7 solid;}
div.all-menu ul.gnb > li{background-color:#f2f3f3;background:url(/common/images/mobile/main/btn_gomenu.png) no-repeat 95% 15px;}
div.all-menu ul.gnb > li > a{padding:12px 0 10px 20px;display:block;font-size:14px; color:#555;display:block;border-bottom:1px solid #e7e7e7;font-weight:bold;}
div.all-menu ul.gnb > li > a.mb_login {padding:12px 0 10px 0px; text-align:center;font-size:14px; background:#574879; color:#ffffff;display:block;border-bottom:1px solid #e7e7e7;font-weight:bold;}
div.all-menu ul.gnb > li.mb_logout { padding:12px 0 10px 0px; width:100%;text-align:center;font-size:14px; background:#574879; color:#ffffff;display:inline-block;border-bottom:1px solid #e7e7e7;font-weight:bold; }
div.all-menu ul.gnb > li.mb_logout span { float:left;  padding:4px 0px 0px 20px; color:#ffffff;}
div.all-menu ul.gnb > li.mb_logout > a { float:right; padding:0px 0px; margin-right:15px; height:25px;line-height:25px; width:60px;display:block; font-size:13px; color:#fff; border:1px solid #8897b6;font-weight:bold;}

div.all-menu ul.gnb > li.subgnb { background:#f7f7f7; padding:12px 0 10px 25px;border-bottom:1px solid #e7e7e7;}	
div.all-menu ul.gnb > li.subgnb > a,
div.all-menu ul.gnb > li.subgnb a{padding:0px 0px 0px 0px; line-height:24px; margin:0px; display:block;font-size:13px; color:#777;border:0px;font-weight:normal;}


.sidebar-toggle { margin-left: -240px;}
.sidebar { width: 245px; height: 100%; position: absolute;z-index: 100; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;  
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul { margin: 0px 0 0; padding: 0;border-top: 1px solid #e7e7e7;}
.sidebar #leftside-navigation ul li {list-style-type: none; border-bottom: 1px solid #e7e7e7;}
.sidebar #leftside-navigation ul li.active > a {color: #000000;}
.sidebar #leftside-navigation ul li.active ul {display: block;}
.sidebar #leftside-navigation ul li a {
  display: block; padding: 0px 0 0px 20px; outline: 0;
  line-height:40px; color: #000000; font-size: 14px; font-weight:bold;text-decoration: none;
  background:url(/common/images/mobile/main/btn_gomenu.png) no-repeat 95% 15px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.sidebar #leftside-navigation ul li a:hover { color: #ffffff;background:#574879;}
.sidebar #leftside-navigation ul li a span { display: inline-block;}
.sidebar #leftside-navigation ul ul { background: #f7f7f7; display: none; padding:10px 0px;border-top: 1px solid #e7e7e7;}
.sidebar #leftside-navigation ul ul li { margin-bottom: 0; margin-left: 0; margin-right: 0; border-bottom: none;}
.sidebar #leftside-navigation ul ul li a {font-size: 13px;font-weight:normal; padding: 0px 0 0px 25px; line-height:25px; color: #777777;background:none;}
.sidebar #leftside-navigation ul ul li a:before {content:"- ";}

/*content*/
#wrap{width:100%;height:100%;font-size:1em; min-width:320px; }
header h1.logo{width:100%;margin:0 auto;text-align:center}
header h1.logo a{display:block}
header h1.logo a img{text-align:center;width:auto;height:40px;margin-top:2px;}
header span.btn_menu{position:absolute;top:0;left:0;background-color:#fff;display:block;padding:0px}
header span.btn_prev{position:absolute;top:0;right:0;background-color:#fff;display:block;padding:0px}
header span.btn_log{position:absolute;top:0;right:0;background-color:#fff;display:block;padding:0px 10px; line-height:50px; font-size:13px;}
header span.btn_menu a{display:block}
header span.btn_prev a{display:block}
header span.btn_menu a img{vertical-align:top;height:50px}
header span.btn_prev a img{vertical-align:top;height:50px}

/*footer*/
footer{position:relative;left:0;bottom:0;width:100%;background-color:#444444; border-top:1px solid #dedede; text-align:center; font-size:12px; color:#ffffff;}
footer button{font-size:11.5px; background-color:#333333; border:1px solid #232323; color:#ffffff;}
.btn_footer{padding:15px 0 8px 0;}
.btn_footer button{border-radius:0px; padding:0px 7px; line-height:24px; height:24px; color:#ffffff;}
footer p{padding-top:15px; font-size:10px; line-height:14px;}

.tc_orange{color:#574879;}
.tc_blue{color:#574879;}
.bad{color:#574879;}
.good{color:#574879;}

#slides{position:relative}
.slidesjs-container{position:relative;height:auto !important}
.slidesjs-control div{height:100%}
.slidesjs-control div a{height:100%}
.slidesjs-control div a img{height:100%}
#slides a{display:block}
#slides a img{width:100%;vertical-align:bottom}
.slidesjs-navigation{display:none !important}
.slidesjs-pagination{overflow:hidden;position:absolute;left:20px;bottom:20px;z-index:10}
.slidesjs-pagination li.slidesjs-pagination-item{float:left;margin-left:8px; } 
.slidesjs-pagination li.slidesjs-pagination-item a{background:#999999;width:10px;height:10px;border-radius:20px;display:block;text-indent:-9999px}
.slidesjs-pagination li.slidesjs-pagination-item a.active{background:#ffffff;} 

#body {position:relative; width:100%;height:100%; margin-top:50px; }
#container{ border-bottom:0px;height:100%; }
.inner{padding:15px 20px 0 20px; font-size:13px;}
.rollingbanner{width:100%;}
.rollingbanner a img{width:100%;vertical-align:top}

.page_title{ background-color:#574879;overflow:hidden; position:relative; border-bottom:0px #574879 solid;}
.title{color:#fff; padding:10px 0; text-align:center; font-weight:bold;font-size:16px;}
h3.content_tit2	{color:#574879; padding:12px 0; font-weight:bold;font-size:20px;}

.btn_write { text-align:right;margin:0px; padding:0px 4% 10px 0px; }
.btn_write a { font-size:13px;line-height:25px;font-weight:bold;color:#333333; }

ul.tabs {overflow:hidden; width:93%; border:1px #d9d9d9 solid; border-right:none; margin:15px auto 15px auto;box-sizing:border-box; }
ul.tabs li {float:left; text-align:center;width:50%; line-height:35px;background:#ffffff; overflow: hidden; position: relative; border-right:1px #d9d9d9 solid;box-sizing:border-box;}
ul.tabs li a{display:block;padding:0px;line-height:35px; font-weight: bold;font-size:13px}
ul.tabs li.active {background:#555555;}
ul.tabs li.active a{color:#fff}	 
ul.tabs.tabs3 li { width:33.3% !important;}

.lecture .main_list img{width:100%; height:inherit;}
.lecture .main_list { background:url(/common/images/mobile/main/list_line.gif) repeat-y 50% 0;overflow:hidden; background:none;}
.lecture .main_list .list01{width:45%;float:left;border:0px solid #d1d1d1;padding:0px; margin:0% 0 3% 3%;}
.lecture .main_list .list02{width:45%;float:left;border:0px solid #d1d1d1;padding:0px; margin:0% 0 3% 3%;}
.lecture .main_list .list_inner{padding:0%;}
.lecture .main_list .list_inner ul{margin-top:0px; padding:7px 0px;}
.lecture .main_list .list_inner ul li{font-size:12px;line-height:17px; padding:0px;margin:0px; text-overflow:normal;overflow:hidden;width:99%;white-space:normal;}
.lecture .main_list .list_inner ul li img {width:100%; height:inherit; border:1px #dedede solid; }
.lecture .main_list .list_inner ul li.list_title{background:none; font-weight:bold; padding-left:0px;line-height:21px; text-align:left;}
.lecture .main_list .list_inner ul li.list_title a { display:block;font-weight:bold;color:#333333; font-size:14px;text-align:left; line-height:21px; height:21px;overflow:hidden;text-overflow:normal;white-space:normal;}
p.list_title{margin:10px 0px; line-height:150%;}
span.txt01{font-weight:normal;}

.lecture .main_list .nodata{text-align:center; padding:100px 0px; width:100%;}

.main_course_tabArea { display:block;text-align:center;}
.main_course_tab { display:inline-block;width:auto; height:30px; line-height:30px; margin:5px auto 5px auto; background:none;}
.main_course_tab li {float:left; width:auto;height:25px; background:none;}
.main_course_tab li a { display:block; width:auto; margin:0px; padding:0px 12px; height:25px; line-height:25px; font-size:13px; font-weight:bold; color:#333333; cursor:pointer; background:url('/html/images/common/blt_part.png') left 50% no-repeat;}
.main_course_tab li:first-child a{background:none;}
.main_course_tab li a:hover { color:#6c5998; }
.main_course_tab li.active a { display:block;width:auto;margin-right:0px;color:#fff;background:#6c5998;border-radius:0px; }


 /* 공지 최근게시물 */
ul.post_latest li {width:100%; font-size:13px; line-height:25px; padding:0px;margin:0px; border-bottom:none !important; }
ul.post_latest li:first-child { border-bottom:none !important; }
ul.post_latest li:last-child { border-bottom:0px #dedede solid; }
ul.post_latest li a { display:block; line-height:25px; padding:0 10px 0 0px; background:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ul.post_latest li a span.blue { font-size:13px; color:#ff2d11; margin-right:10px; }

.bgWhite {background:#ffffff; padding:0px; }
.bgGray { background:#f7f7f7;padding:0px;}
.main_inner { width:94%;padding:20px 0px;margin:0px 3%; display:block; }

.main_ment { padding:10px 20px; font-size:13px; color:#444; text-align:center;}
.main_title { font-size:18px; font-weight:bold; color:#000; padding:20px 15px 10px 15px; text-align:center; }
.main_title_l { font-size:18px; font-weight:bold; color:#000; padding:20px 15px 10px 0px; text-align:left; }
.main_more { float:right; margin-top:-30px; margin-right:15px; }
.main_more a { display:block; font-size:11px; font-weight:normal; color:#999; padding-right:12px; background:url('/html/images/mobile/main/main_more.gif') right 6px no-repeat; background-size:6px 10px; }
.main_area { height:auto; min-height:10px; background:#eeeeee; border-top:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; }
.main_line { height:2px; border-top:1px #dcdcdc solid;}

.main_banner_bottom {float:left; margin-left:11px;}

.main_ban_icon { display:inline-block;width:94%;margin:0px 3% 20px 3%; }
.main_ban_icon li { float:left;width:20%; }
.main_ban_icon li.mbi1 { background:url('/html/images/common/mbi1.png') 50% 0% no-repeat; background-size:50px auto;}
.main_ban_icon li.mbi2 { background:url('/html/images/common/mbi2.png') 50% 0% no-repeat; background-size:50px auto; }
.main_ban_icon li.mbi3 { background:url('/html/images/common/mbi3.png') 50% 0% no-repeat; background-size:50px auto; }
.main_ban_icon li.mbi4 { background:url('/html/images/common/mbi4.png') 50% 0% no-repeat; background-size:50px auto; }
.main_ban_icon li.mbi5 { background:url('/html/images/common/mbi5.png') 50% 0% no-repeat; background-size:50px auto; }
.main_ban_icon li a { display:block;padding-top:50px;font-size:12px; color:#555555; text-align:center; line-height:15px;}
.main_ban_icon li a b { font-size:13px; font-weight:bold; }
.main_ban_btn_mobile { display:inline-block;width:100%;margin:0px auto 20px auto; text-align:center;}
.main_ban_btn_mobile .mb_btn {display:inline-block;min-width:140px;height:38px;line-height:38px; color:#ffffff;padding:0px 15px;margin:0px 5px;border-radius:4px;text-align:center;font-size:14px; color:#ffffff;}
.main_ban_btn_mobile .mb_btn1 { background:#949494;}
.main_ban_btn_mobile .mb_btn2 { background:#6c5998;}

.main_ban_btn {display:none;}

.bx-wrapper{margin:0 auto}
.bx-controls-auto{overflow:hidden;position:absolute;left:-99999px;width:1px;height:1px}
.bx-controls-direction a{ display:block; position:absolute; top:40%;width:28px;height:45px;text-indent:-99999px; background:url('/html/images/common/controls.png') no-repeat}
.bx-controls-direction a.bx-prev{left:0%;background-position:left top}
.bx-controls-direction a.bx-next{right:0%;background-position:right top}

.main_course_ban_wrap {position:relative;display:inline-block;width:100%;margin:20px auto; text-align:center;}
.main_course_ban {position:relative;display:inline-block;width:320px; margin:0px auto 0px auto;overflow:hidden; text-align:center;}
.main_course_ban a {position:relative;display:inline-block;width:320px !important;;margin:0px auto !important; background-size:cover !important;}
.main_course_ban a img { width:320px;height:185px;}

.main_tov {display:inline-block;width:100%; margin:0px;text-align:center;background:url('/html/images/common/main_tov.png') 30% 0 no-repeat; background-size:cover; }
.main_tov .main_tov_inner {position:relative;display:inline-block;width:90%;height:auto;margin:30px 5%; }
.main_tov .main_tov_inner h2 {display:block;font-size:22px; text-align:left; color:#ffffff;font-weight:bold; line-height:50px; margin-bottom:5px;letter-spacing:-0.03em;}
.main_tov .main_tov_inner ul {display:block;margin-bottom:20px;}
.main_tov .main_tov_inner li {font-size:13px;line-height:19px;text-align:left;color:#adabad;padding:0px 10px 5px 23px;background:url('/html/images/common/check.png') 1px 1px no-repeat;}

.main_tov .main_tov_inner .main_cs {position:relative; border:8px #544e50 solid; padding:15px 20px; width:100%; height:auto; box-sizing:border-box;}
.main_tov .main_tov_inner .main_cs h3 {font-size:18px; text-align:left; color:#ffffff;font-weight:bold; line-height:22px;letter-spacing:-0.03em;margin-bottom:20px;}
.main_tov .main_tov_inner .main_cs p {font-size:13px; text-align:left; color:#999999;line-height:22px; padding-top:10px;}
.main_tov .main_tov_inner .main_cs p.mcs_phone {font-size:14px; text-align:left; color:#ffffff;font-weight:bold;padding-left:30px;padding-top:0px; line-height:25px;background:url('/html/images/common/icon_phone.png') 0px 50% no-repeat;}

.main_bottom_ban1 {position:relative;width:100%; height:auto; display:inline-block;}
.main_bottom_ban1 li { float:left;width:33.3%;text-align:center; }
.main_bottom_ban1 li.mbb1_1 { background:url('/html/images/common/mbb1_1.png') 50% 0% no-repeat; }
.main_bottom_ban1 li.mbb1_2 { background:url('/html/images/common/mbb1_2.png') 50% 0% no-repeat; }
.main_bottom_ban1 li.mbb1_3 { background:url('/html/images/common/mbb1_3.png') 50% 0% no-repeat; }
.main_bottom_ban1 li a { display:block;padding-top:55px;font-size:13px; color:#909090;text-align:center;line-height:18px;}
.main_bottom_ban1 li a b { font-size:15px;line-height:25px; font-weight:bold;color:#222222; }

.main_bottom_ban2 {position:relative;width:100%; display:inline-block;border:1px #dfe1e1 solid; background:#f9f9f9;margin-top:20px; padding:20px 0px;}
.main_bottom_ban2 li { float:left;width:50%;text-align:center;font-size:13px; color:#909090;font-weight:normal; text-align:center;line-height:18px;}
.main_bottom_ban2 li b { font-size:15px; line-height:25px;font-weight:bold;color:#222222; }
.main_bottom_ban2 li a { display:inline-block; width:auto;padding:0px 15px; font-size:13px;font-weight:normal;color:#666666;line-height:28px;border:1px #666666 solid;background:#ffffff;margin-top:10px; }

.main_bottom_support { width:100%;border-top:1px #dedede solid;padding:10px 20px;height:auto;line-height:30px;font-size:12px; color:#666666; text-align:center; box-sizing:border-box; }
.main_bottom_support span {font-size:12px; color:#ff6600;}
.main_bottom_support img {height:30px;}


.content{width:100%;padding-bottom:20px;min-height:350px}

.btn_course_detail { float:right;display:inline-block; width:auto;font-size:0.75em;height:27px; line-height:27px; padding:0px 20px;text-align:center; color:#ffffff; background:#ff7720; border-radius:20px; margin-left:15px;}
.btn_course_detail2 {float:right;display:inline-block;width:auto; font-size:0.75em;height:27px; line-height:27px; padding:0px 20px;text-align:center; color:#ffffff; background:#333333; border-radius:20px;margin-left:15px;}

.viewinfo_title{background-color:#ffffff;}
.viewinfo_title h3{padding:20px 0 10px 20px; font-size:18px; color:#000000; background:none;}

.post_gallery {overflow:hidden;width:97%;margin:0 1.5%;margin-top:10px;}
.post_gallery li{width:47%;margin:1.5% 1.5% 3%;padding:0;float:left;box-sizing:border-box;font-size:0.875em;}
.post_gallery li img {width:100%;display:block;}
.post_gallery li div {padding:0 0 5px 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.post_gallery li .post_title {font-weight:bold;padding:10px 10px;}
.post_gallery li .webtv_title {font-weight:bold;padding:10px 0px;text-align:left;}
.post_gallery li .list_date {font-size:13px; color:#777777; line-height:17px; text-align:left;}

.course_gallery {overflow:hidden;margin:0 1.5%;}
.course_gallery li{width:47%;margin:1.5% 1.5% 3%;padding:0;float:left;border:1px #dedede solid;box-shadow:none;box-sizing:border-box;font-size:0.875em;}
.course_gallery li img {width:100%;display:block;}
.course_gallery li div {padding:0 0 5px 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.course_gallery li .course_title {font-weight:bold;padding:5px 10px;}

/*마이페이지 - 나의 강의실*/
.mypage_lclist{border-bottom:1px solid #d1d1d1; padding:10px 0 10px 10px;display:block;overflow:hidden; line-height:24px;}
/*
.mypage_lclist span.contentinfo1{display:block;float:left; margin-top:5px;}
.mypage_lclist strong.info_title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.875em}
*/
.mypage_lclist span.contentinfo1{display:block;}
.mypage_lclist strong.info_title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.9em; padding-bottom:0px;}

/*.mypage_lclist span.contentinfo1 .info_title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.875em}*/
.mypage_lclist span.info_date{display:block;font-size:0.75em;padding-top:0px;padding-bottom:5px;}


/*로그인*/
button.btn_login {background-color: #574879; border:1px solid #574879; border-radius:0px; color: #fff; padding: 15px 0; margin-top:10px;}
button.btn_join {background-color: #ffffff; border:1px solid #574879; border-radius:0px; color: #333; padding: 10px 0; margin-top:7px;}


/*게시판*/
.search_wrap{background-color:#f7f7f7; border-bottom:1px solid #dedede; border-left:none; border-right:none; padding:10px 0; text-align:center; display:none;}
.search_wrap_course{background-color:#f7f7f7 ; border:1px solid #dedede; border-left:none; border-right:none; padding:10px 0; display:block; overflow:hidden;}

.search_wrap .searchinner {width:94%; margin:0 auto; position:relative;overflow:hidden}
.search_wrap .searchinner select{height:30px; border:1px solid #b6bbc1; border-radius:5px;;float:left;width:30%;margin-right:2%}
.search_wrap .searchinner .search_keyword{float:left;width:68%; margin-left:0%}
.search_wrap .searchinner input.s_keyword{width:100%; height:28px; border:1px solid #b6bbc1; border-radius:5px; text-indent:8px; vertical-align:top;}
.search_wrap .searchinner input.btn_search{position:absolute; right:0; top:0; height:30px;}

.search_wrap_course .searchinner{position:relative;}
.search_wrap_course .list_btn_box{float:left; margin-left:10px;}
.search_wrap_course .searchinner select{height:25px; border:1px solid #b6bbc1; border-radius:3px;float:right;width:50%; font-size:13px; margin-right:10px;}

.table_list{border:0px solid #d1d1d1; border-top:1px solid #d1d1d1;}
.table_list li{border-top:none;border-bottom:1px solid #d1d1d1;padding:10px 0}
.table_list li.nodata{text-align:center; height:100px; padding-top:50px; background-position:50% 80px;}
.table_list li a{display:block;margin:0 10px;background: url('/html/images/mobile/sub/btn_go11.png') no-repeat 100% 50%}
.table_list li a span.list_subject{font-weight:bold;font-size:0.875em;white-space:nowrap;max-width:70%;text-overflow:ellipsis;overflow:hidden;display:inline-block}
.table_list li a span.list_date{display:block;font-size:0.75em}
.table_list li a span.ic_secrete{display:inline-block;vertical-align:top}

.table_faq li{border-bottom:1px solid #e1e2e4;padding:10px}
.table_faq .faq_q{font-size:14px; color:#000000; font-weight:bold; padding-left:30px;background: url('/html/images/mobile/sub/faq_q.png') no-repeat 0 0;background-size:23px auto;min-height:23px}
.table_faq .faq_q a{color:#000000}
.table_faq .faq_q a strong{color:#574879}
.table_faq .faq_a{font-size:13px;display:none;padding-left:30px;background: url('/html/images/mobile/sub/faq_a.png') no-repeat 0 10px;background-size:23px auto;min-height:30px;padding-top:10px}
.table_faq .faq_a img{width:100%;}
.table_faq .intro_page{padding:1em}
.table_faq .full_img{margin-top:10px}
.table_faq .full_img img{width:100%}

.notice_view{padding:10px;;font-size:0.875em}
.qna_view{padding:10px; border-bottom:1px solid #d1d1d1;}
.notice_title{background-color:#f7f7f7; border-bottom:1px solid #d1d1d1; padding:6px 0 6px 10px;}
.notice_title ul li{font-size:0.875em; line-height:20px;}

.write_top{padding-top:10px; border-bottom:1px solid #d1d1d1;}
.write_top input{text-indent:8px; padding:6px 0; border:1px solid #eaeaea;}
.write_bottom{border-bottom:1px solid #d1d1d1;}
.write_bottom textarea{border:1px solid #eaeaea; min-height:300px; padding:5px 0;}

.qnaing{border-top:1px solid #574879; border-bottom:1px solid #d1d1d1; background-color:#f1f6fb; padding:15px 0; text-align:center; }
.qnaing img{height:30px;vertical-align:middle; margin-right:5px;}
.qna_complete{border-top:1px solid #574879; border-bottom:1px solid #d1d1d1; background-color:#f1f6fb; padding:10px;}
.btn_complete{border:1px solid #6a9dd4; background-color:#95bce7; color:#fff; border-radius:5px; padding:0 5px 2px 5px; margin:0 10px 0 3px;}
.answer_box{min-height:120px; margin-top:10px;}

.subject_label{padding:0 1px;}
.label_ing{background-color:#40c8d3; font-size:12px; color:#fff;}
.label_complete{background-color:#574879; font-size:12px; color:#fff;}


/*강의 리스트*/
.listwrap{overflow:hidden; }
section.lecture_list{border-bottom:1px solid #d1d1d1; padding:12px 10px; }
section.lecture_list a{display:block;overflow:hidden; background: url('/html/images/mobile/sub/btn_go11.png') no-repeat 100% 50%}
section.lecture_list a span.thumnail_img1{display:block;float:left;width:35%}
section.lecture_list a span.thumnail_img1 img{width:90%}
section.lecture_list a span.contentinfo1{display:block;float:left; margin-top:5px;}
section.lecture_list a strong.info_title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1em; padding-bottom:4px;}
section.lecture_list a span.info_date{display:block;font-size:0.75em}
section.lecture_list a span.info_tel{display:block;font-size:0.75em}

section.lecture_list a li.info_date{display:block;font-size:0.75em}


td input[type=text], textarea {width:100%; text-indent:8px; border:1px solid #eaeaea;}
td select {border:1px solid #eaeaea;}
td input.telnumber {width:45px; text-indent:8px;}

.blt_txt{background:none; font-weight:bold; color:#000000 !important; margin-top:0px; padding-left:0px; font-size:15px !important;}
.info_text div{font-size:13px;}
.textin {font-size:13px;}

table.tb_style03{border:none;border-top:1px solid #dbdbdb; background-color:#ffffff; }
table.tb_style03 tbody td {padding:10px; border-bottom:1px solid #dbdbdb;font-size:14px; text-align:left;}
table.tb_style03 tbody td.list_title {padding-left:5px;background:none;  }
table.tb_style03 tbody td.talign_c {text-align:left !important;}

.mt20 { margin-top:20px;}
.nodata{ background:url('/html/images/common/no_course.png') 50% 40px no-repeat; background-size:40px auto;text-align:center; padding:100px 0 40px 0; min-height:30px; border:none !important; font-size:14px; color:#999999;}


/*버튼*/
button.btn_request{margin-top:25px; background-color:#574879; border:1px solid #3f2e67; color:#fff; padding:7px 10px; border-radius:0px;}
button.btn_cancel{margin-top:25px; background-color:#eeeeef; color:#555; padding:7px 10px; border-radius:0px;}
button.btn_detail{background-color:#574879; border:1px solid #3f2e67; color:#fff; padding:5px; border-radius:0px;}
.btn_wrap{text-align:center; overflow:hidden;}
.btn_wrap .btn_wrap_left{width:50%; float:left;}
.btn_wrap .btn_wrap_right{width:50%; float:left;}
.btn_wrap .inner2{padding:10px;}

/*마이페이지*/
.my_btn_wrap{margin-right:0px;margin-top:0px; background:#ffffff; padding:10px 10px 10px 15px;}
.my_btn_join{ float:right; border:1px solid #3f2e67; background-color:#574879; color:#fff; border-radius:20px; font-size:14px; height:30px;line-height:28px;padding:0px;width:50%; }
.my_btn_review{border:none;background-color:#574879; color:#fff; border-radius:0px; font-size:14px;}
.pos_r{position:relative}
.pos_r .my_btn_wrap{position:absolute;right:0;top:10px}

.btn_label{font-size:14px;border-radius:20px !important; font-size:0.85em;width:90px;padding:0 6px;display:inline-block;text-align:center;}
.btn_label a{color:#fff;font-size:13px;}
.btn_on{background-color:#727272; color:#fff; border:1px solid #616161;}
.btn_off{background-color:#eeeeef; color:#969696; border: 1px solid #cfcfcf;}
.btn_r_on{background-color:#574879; color:#fff; border:1px solid #de6110;}
.btn_r_off{background-color:#f8b88e; color:#ffffff; border:1px solid #f0a879;}

.my_btnstyle03{background-color:#727272; border:1px solid #616161; color:#fff; padding:2px 7px; border-radius:0px; font-size:14px; display:inline-block;}
.my_btnstyle04{background-color:#eeeeef; border:1px solid #cfcfcf; color:#969696; padding:2px 7px; border-radius:0px; font-size:14px; display:inline-block;}
.my_title{background-color:#5c5c5d; color:#fff; padding:10px 20px;}
.my_btn_learn{border:1px solid #574879;background-color:#574879; color:#fff; padding:2px 6px; margin-left:5px; border-radius:0px;}
.my_btn_learn_off{border:1px solid #9988be;background-color:#a48ed6; color:#fff; padding:2px 6px; border-radius:0px;}

/*.learn_btn{background-color:transparent;border:none;padding:0}*/
.learn_btn{background-color:#574879;border:1px solid #de6110;border-radius:20px; color:#fff; line-height:18px; padding:5px 10px 8px 10px;margin-bottom:10px;width:49%;}
.learn_btn_off{background-color:#a48ed6;border:1px solid #9988be;border-radius:20px; color:#f4e2ff; line-height:18px; padding:1px 5px 2px 5px}
.learn_btn img{vertical-align:top}

/*마이페이지 탭*/
.tab_tt{display:inline-block; width:93%; border:1px #d9d9d9 solid; border-right:none; margin:15px 3.5% 15px 3.5%;box-sizing:border-box;}
.tab_title{float:left; text-align:center;width:50%; line-height:35px;background:#ffffff; overflow: hidden; position: relative; border-right:1px #d9d9d9 solid;box-sizing:border-box;}
.tab_title.on{background-color:#555555;}
.tab_title a{display:block;padding:0px;line-height:35px; font-weight: bold;font-size:13px;}
.tan_list01 a{border:none;}
.tan_list02 a{border:none;}
.tab_title.on a{border:none;color:#ffffff;}


/* 서브페이지 */
.mob_title {background-color:#574879;position:relative; color:#fff; padding:10px 0; text-align:center; font-weight:bold;font-size:16px;}
.mob_cont { padding:20px 0px;  }


.tac { text-align:center;}

.sub_title { font-size:17px; font-weight:bold; color:#574879; line-height:20px; padding-left:15px; margin-bottom:10px; }
.sub_title span { color:#f13300; }
.sub_stitle { font-size:15px; font-weight:bold; color:#000000; line-height:18px; padding-left:15px; margin-bottom:10px; }
.sub_stitle2 { font-size:14px; font-weight:bold; color:#000000; line-height:18px; padding-left:15px; margin-bottom:10px; }
.sub_ment { font-size:13px; color:#666666; line-height:18px; padding-left:15px; margin-bottom:10px; }

.sub_cont { font-size:13px; color:#333333; line-height:20px; padding:0px 15px 20px 15px;margin-bottom:10px; display:inline-block; }
.sub_cont b { font-size:14px; font-weight:bold; line-height:22px; }
.sub_cont span { color:#f13300; }
.sub_cont img { width:100%; }
.sub_cont2 { font-size:13px; color:#333333; line-height:20px; margin:-20px 15px 30px 15px; display:inline-block; }

.sub_cont_guide {font-size:13px;line-height:20px;font-weight:normal;color:#666666;background:#f7f7f7; padding:20px;margin:0px 15px 30px 15px; border:1px #dedede dashed;}

.sub_cont_ul { margin-bottom:30px; }
.sub_cont_ul li { font-size:13px; color:#666666; line-height:25px; padding-left:15px; background:url('/html/images/common/dot.png') 4px 11px no-repeat;}
.sub_cont_ul li.scu_b { font-size:15px; color:#384286; font-weight:bold; line-height:23px; padding-left:0px; background:none;}
.sub_cont_ul li.ndata { font-size:10px; line-height:20px; padding:0px 0px 20px 0px; background:none;}

.sub_tab {display:none;}


.greeting_wrap {width:92%; display:inline-block; margin:30px 4% 0px 4%;text-align:center;}
.greeting { background: url('/html/images/common/greeting_m.png') no-repeat 50% 100%;background-size:auto 180px; padding-bottom:200px;text-align:left;margin-bottom:70px; }
.greeting h5 { font-size:16px;line-height:24px;font-weight:bold;padding:0px;padding-bottom:10px;color:#222222;}
.greeting h5 span { display:inline;}
.greeting h5 b{ color:#724fc5; text-decoration:underline;}
.greeting p { font-size:14px;line-height:18px;font-weight:normal;padding:0px 0px 10px 0px; color:#666666;}
.greeting p b {font-weight:bold; color:#724fc5;}

.greeting2 {text-align:left;margin-bottom:40px; }
.greeting2 h2 { font-size:20px;line-height:24px;font-weight:bold;padding:0px;margin-bottom:10px;color:#222222;text-align:center;background: url('/html/images/common/greeting2_tit.png') no-repeat 50% 50%; background-size:auto 18px;}
.greeting2 h2 span{ color:#dd2458;}
.greeting2 ul { display:inline-block; width:100%;box-sizing:border-box;}
.greeting2 li { position:relative;padding-top:20px; padding-left:55px;}
.greeting2 li h1 { display:inline-block;position:absolute; left:0;top:10px;width:40px;height:40px;line-height:40px;border-radius:50%;background:#fe7e9c; text-align:center;font-size:20px;color:#ffffff;font-weight:bold;}
.greeting2 li h3 { position:relative;padding-bottom:10px; line-height:20px;text-align:left;font-size:16px;color:#000000;font-weight:bold;} 
.greeting2 li p { position:relative; line-height:18px;text-align:left;font-size:13px;font-weight:bold;color:#555555;padding-bottom:20px;border-bottom:1px #dedede solid;}
.greeting2 li p.noline {border:none;}

.greeting3 {display:inline-block;width:100%; margin-bottom:30px;border:1px #dedede solid;background:#f7f7f7;box-sizing:border-box; }
.greeting3 li {display:block; text-align:center;margin:0px 20px;padding:85px 0px 25px 0px;border-top:1px #dedede solid;font-size:14px;color:#777777;line-height:20px; }
.greeting3 li:first-child {border:none;}
.greeting3 li.greeting3_1 {background: url('/html/images/common/greeting3_1.png') no-repeat 50% 28px; background-size:auto 40px;} 
.greeting3 li.greeting3_2 {background: url('/html/images/common/greeting3_2.png') no-repeat 50% 22px; background-size:auto 55px;}
.greeting3 li.greeting3_3 {background: url('/html/images/common/greeting3_3.png') no-repeat 52% 25px; background-size:auto 48px;}

.curri2 {display:inline-block;width:100%;margin:20px auto 40px auto; }
.curri2 li {float:left;width:33.3%;padding:0px; margin:0px;padding-top:70px;border-left:1px #dedede solid;text-align:center; font-size:12px;color:#dd2458;line-height:18px;box-sizing:border-box; }
.curri2 li:first-child {border-left:none; }
.curri2 li b {display:block;font-size:14px;font-weight:bold;color:#222222;line-height:26px;}
.curri2 li span{display:block;}
.curri2 li.curri2_1 {background:url('/html/images/common/curri2_1.png') no-repeat 50% 0%;background-size:83px auto;} 
.curri2 li.curri2_2 {background:url('/html/images/common/curri2_2.png') no-repeat 50% 0%;background-size:83px auto;}
.curri2 li.curri2_3 {background:url('/html/images/common/curri2_3.png') no-repeat 50% 0%;background-size:83px auto;}

.overview {position:relative;width:100%; background:#ffffff url('/html/images/common/overview_bg.png') repeat-x 0% -35%; text-align:center;}
.overview .overview_top { width:100%; background:#5ce1e6; text-align:center; margin:0px 0%;}
.overview .overview_top img { width:100%;text-align:center; }
.overview .overview_cont { width:90%; background:#ffffff; border:1px #d0d0d0 solid; padding:0px 20px 30px 20px; text-align:left;border-radius:10px; box-sizing:border-box;z-index:1000; margin:0px 5% 30px 5%; }
.overview .overview_cont h3 { padding:20px 0px; border-bottom:1px #e6e6e6 solid;font-size:20px; color:#000000;text-align:center;line-height:35px; margin-bottom:20px;}
.overview .overview_cont h3 img { width:90%; max-width:500px; }
.overview .overview_cont h2 { display:none; }
.overview .overview_cont p { font-size:13px; color:#444444;text-align:left;line-height:22px; padding-bottom:24px; }
.overview .overview_cont p span { color:#dd2458;}
.overview .overview_cont p b { font-weight:bold;font-size:17px;color:#444444;}

.overview .bx-wrapper{margin:0 auto}
.overview .bx-controls-auto{overflow:hidden;position:absolute;left:-99999px;width:1px;height:1px}
.overview .bx-controls-direction a{display:block;position:absolute;top:80px;width:20px;height:40px;text-indent:-99999px; background:url('/html/images/common/controls2.png') no-repeat; background-size:40px auto;}
.overview .bx-controls-direction a.bx-prev{left:50%;margin-left:-49%;background-position:left top;}
.overview .bx-controls-direction a.bx-next{left:50%;margin-left:calc(49% - 20px);background-position:right top;}

.tov { position:relative;width:94%; margin:0px 3%;} 
.tov .tov_title {text-align:center; margin-bottom:20px; }
.tov .tov_title h2 { font-size:18px;font-weight:bold;color:#333333;text-align:center;line-height:35px;margin-bottom:0px;}
.tov .tov_title h2 span { color:#0472d3;font-weight:bold;}
.tov .tov_title p { font-size:13px;color:#666666;text-align:center;line-height:18px;}
.tov ul { width:96%;margin:0px 2%; min-width:320px;} 
.tov ul li img{width:100%;} 

.tov_map { width:320px;margin:20px auto;text-align:center; }