/* mobile style */
body,input,textarea,select,button,table{font-family: '맑은 고딕','Malgun Gothic',AppleSDGothicNeo, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body{font-size:14px;}
#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 #3d5a94 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:#3d5a94; 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:#3d5a94; 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;}


/*content*/
#wrap{height:100%;font-size:1em; min-width:320px; }

header{position:relative; background:#fff; height:50px;padding:0px 0}
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:30px;margin-top:10px;}
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_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}

#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:10px;z-index:10}
.slidesjs-pagination li.slidesjs-pagination-item{float:left;margin-left:5px} 
.slidesjs-pagination li.slidesjs-pagination-item a{background: url(/html/images/mobile/main/visual_off.png) no-repeat 0 0;width:13px;height:13px;display:block;text-indent:-9999px}
.slidesjs-pagination li.slidesjs-pagination-item a.active{background: url(/html/images/mobile/main/visual_on.png) no-repeat 0 0} 

#container{ border-bottom:0px; }
.inner{padding:15px 15px; 0 15px; font-size:13px;}
.rollingbanner{width:100%;}
.rollingbanner a img{width:100%;vertical-align:top}

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

.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:1px solid #d1d1d1;padding:0px; margin:0% 0 3% 3%;}
.lecture .main_list .list02{width:45%;float:left;border:1px 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 10px;}
.lecture .main_list .list_inner ul li{font-size:13px; 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:auto;}
.lecture .main_list .list_inner ul li.list_title{background:none; font-weight:bold; padding-left:0px;}
.lecture .main_list .list_inner ul li.list_title a { display:block;font-weight:bold; font-size:13px; line-height:18px; height:18px;overflow:hidden;text-overflow:normal;white-space:normal;}
p.list_title{margin-top:10px; line-height:150%;}
span.txt01{font-weight:normal;}

.main_course_tabArea { width:94%;display:inline-block; text-align:center; background:none; border:none; box-sizing:border-box; margin:0px 3% 10px 3%;}				
.main_course_tab { display:inline-block; width:90%;margin:0px auto; text-align:center; }
.main_course_tab li { float:none;display:inline-block; width:30%; padding:0px;margin:5px 1.5%; line-height:25px; font-size:13px; }
.main_course_tab li a { display:block; width:100%;line-height:25px; margin-right:0;background:#ffffff;border:1px #dedede solid; font-size:13px;color:#333333; font-weight:normal;border-radius:20px; }
.main_course_tab li.active a { display:block; width:100%;line-height:25px; margin-right:0;background:#5b108b;border:1px #5b108b solid; font-size:13px;color:#ffffff; font-weight:bold; }


.map_text li { font-size:14px;}
.map_text li.list_title { font-size:14px;}

.map_area { width:100%; margin:0px 0px 30px 0%; height:370px;overflow:hidden; text-align:center; margin-bottom:10px; border-bottom:1px #dedede solid; }
.map_area .root_daum_roughmap {width:100% !important;}
.map_area .root_daum_roughmap .wrap_controllers {display:none !important;}

.map_addr { width:92%; margin:10px 4%; }
.map_addr th { width:70px; font-weight:bold; font-size:13px; color:#333333; text-align:left; padding:2px 0px; vertical-align:top;}
.map_addr td { font-size:13px; color:#666666; }

 /* 공지 최근게시물 */
ul.post_latest li {width:100%;font-size:13px; line-height:30px; border-bottom:none; }
ul.post_latest li:last-child { border-bottom:0px #dedede solid; }
ul.post_latest li a { display:block; line-height:30px; padding:0px 16px; background:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


.list_top  { padding:0px 15px 15px 15px; }
.list_top li a { font-size:14px; line-height:22px;  padding:1px 10px 1px 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.faq_top  { padding:0px 15px 15px 15px; }
.faq_top li a { font-size:14px; line-height:22px; padding:1px 10px 1px 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.faq_top li a span.blue { font-size:14px; color:#52350c; margin-right:10px; }


ul.mlink_ul { margin:0px 20px 20px 20px;}
ul.mlink_ul li {  height:37px; margin-top:6px; }
ul.mlink_ul li a { display:block; padding-left:20px; border:1px #d5d5d5 solid; background:#ffffff url('/html/images/common/mlink_arrow.png') 93% 50% no-repeat; height:35px; line-height:35px; font-size:15px; font-weight:bold; color:#777777; }
ul.mlink_ul li a:hover {  border:1px #274793 solid; background:#274793 url('/html/images/common/mlink_arrow_on.png') 93% 50% no-repeat;; color:#ffffff; }

.mbottom .sp_center { background:url('/html/images/common/sp_center_bg.png')  no-repeat; background-size:cover; border:none; padding:8px 0 15px 0; position:relative; text-align:center; }
.mbottom .sp_center .top_title{font-size:18px; line-height:45px; text-align:center; font-weight:bold; color:#ffffff;padding:10px 0 0px 0 ;}
.mbottom .sp_center p {font-size:13px; color:#ffffff; padding-bottom:8px; }
.mbottom .sp_center .mcs_text {padding:10px 0 0 0px; background:none; }
.mbottom .sp_center .mcs_text .mcs_tel{color:#ffffff;font-size:24px;font-weight:bold;padding-bottom:15px; }
.mbottom .sp_center .mcs_text span { display:block; margin:0px 20px; padding:13px 0px; color:#c2c2c2;font-size:14px;line-height:18px;border-top:1px #5d5d5b solid;}

.mbottom .lnb_area { background:#0d5291 url('/html/images/common/lnb_area_bg.png') no-repeat; background-size:cover; padding:5px 0 15px 0; }
.mbottom .lnb_area h2 { font-size:17px; color:#ffffff; font-weight:bold; line-height:55px; text-align:center; }
.mbottom .lnb_area ul { }
.mbottom .lnb_area li { margin:0px 15px 5px 15px; border:1px #4479aa solid; background:rgba(255,255,255,0.1); height:33px;line-height:33px; }
.mbottom .lnb_area li a { display:block; font-size:14px; color:#ffffff; font-weight:bold; height:33px;line-height:33px; padding-left:0px; text-align:center; }
.mbottom .lnb_area li a b { font-size:15px; color:#25ffed; font-weight:bold; padding-left:5px; }


.bgWhite {background:#ffffff; padding:5px 0px 15px 0px; }
.bgGray { background:#f7f7f7;padding:5px 0px 15px 0px;}

.main_ment { padding:10px 20px; background:#fbfbfb; font-size:14px; color:#444; text-align:center;}
.main_title { font-size:17px; font-weight:bold; color:#000; padding:18px 15px 10px 15px; text-align:center; }
.main_title_l { font-size:17px; font-weight:bold; color:#000; padding:18px 15px 15px 15px; 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;}

ul.tabs {overflow:hidden; width: 100%; border-bottom:1px #d9d9d9 solid; }
ul.tabs li {float:left; text-align:center;width:50%; background:#f9f9f9; overflow: hidden; position: relative;}
ul.tabs li a{display:block;padding:12px 0; font-weight: bold;font-size:14px}
ul.tabs li.active {background:#5b108b;}
ul.tabs li.active a{color:#fff}	 
.content .inner h1 {color:#5b108b;font-size:18px; margin:15px 0px 30px 0px;padding:0px;}
.content .inner h2 {color:#5b108b;font-size:17px; margin-bottom:10px;padding:0px;}
.content .inner h3 {color:#000;font-size:16px; margin-bottom:10px;padding:0px;}
.content .inner p { padding-bottom:10px; font-size:13px;}
.content .inner .greeting_txt { padding:0px 0 10px 0;font-size:13px}
.content .inner .sign {padding-top:25px; text-align:right;font-size:13px}
.content .inner .sign span.sign_name{font-weight:bold;}

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

.coursr_list_table{}
.coursr_list_table tbody td{padding:10px;border-bottom:1px solid #d1d1d1;text-align:center;vertical-align:middle}
.coursr_list_table tbody td img {width:100px;}
.coursr_list_table tbody td.con{padding-left:0; vertical-align:top;text-align:left;background: url(/html/images/mobile/sub/btn_go11.png) no-repeat 96% 50%}
.coursr_list_table tbody td.con .info_title{display:block;font-size:0.875em}
.coursr_list_table tbody td.con .info_date{display:block;font-size:0.75em}
.coursr_list_table tbody td.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;  font-size:14px; color:#999999;}

.course_gallery {overflow:hidden;margin:1% 1.5% 0% 1.5%;}
.course_gallery li{width:47%;margin:2% 1.5% 1% 1.5%;padding:0;float:left;box-shadow:none; border:1px #dedede solid;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;}


/*로그인*/
.login_wrap{background-color:#fff}
.login_content{padding-top:50px;}
.login_content h1.logo{text-align:center; width:100%; margin:0 auto;}
.login_content h1.logo img{text-align:center;}
.login_info{margin:0 auto; width:80%;}
.login_info .login_form{border-top:0px solid #dfdfdf; border-bottom:0px solid #dfdfdf; background-color:#fff; margin-top:20px;}
.login_info ul{text-align:right; overflow:hidden;}
.login_info ul li{height:auto; width:auto;  padding:5px;}
.login_info ul li.id{background:url(../images/mobile/login/icon_id.png) no-repeat 7% 48%;}
.login_info ul li.pw{background:url(../images/mobile/login/icon_pw.png) no-repeat 7% 48%;border-top:0px solid #dfdfdf;}
/*.login_info ul li input.logintxt{border:0; text-indent:8px; height:35px; width:80%;}*/
.login_info ul li input.logintxt{border:1px solid #eaeaea; text-indent:8px; height:35px; width:100%;}
.login_info .bottom_line{border-bottom:0px solid #dfdfdf;}
/*button.btn_login{background-color:#5b108b; border-radius:15px; color:#fff; padding:15px 0; margin-top:50px;}*/
button.btn_login {background-color: #5b108b; border:1px solid #5b108b; border-radius: 3px; color: #fff; padding: 15px 0; margin-top:10px;}
button.btn_join {background-color: #ffffff; border:1px solid #5b108b; border-radius:3px; color: #333; padding: 10px 0; margin-top:7px;}


/*버튼*/
button.btn_request{background-color:#5b108b; border:1px solid #5b108b; color:#fff; padding:5px 7px; border-radius:0px;}
button.btn_cancel{margin-top:25px;font-size:13px; background-color:#eeeeef; color:#555; padding:5px 7px; border-radius:0px;}
button.btn_detail{background-color:#5b108b; border:1px solid #5b108b; 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;}

.info_txt{border-top:1px solid #d1d1d1; padding-top:10px; font-size:14px;}

.btn_home{height:40px;}
.btn_pcv{text-decoration:underline;}

/*게시판*/
.search_wrap{background-color:#e7e7e7; border:1px solid #d1d1d1; border-left:none; border-right:none; padding:10px 0; text-align:center; display:none;}
.search_wrap_course{background-color:#e7e7e7; border:1px solid #d1d1d1; 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:40px; border:1px solid #b6bbc1; border-radius:5px;;float:left;width:30%}
.search_wrap .searchinner .search_keyword{float:left;width:68%; margin-left:2%}
.search_wrap .searchinner input.s_keyword{width:100%; height:38px; 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:40px;}


.search_wrap_course .searchinner{position:relative;margin-left:10px;margin-right:90px; }
.search_wrap_course .list_btn_box {margin-right:10px; position:absolute; top:10px;left:calc(100% - 80px);right:0 !important; width:80px;}
.search_wrap_course .searchinner select{height:25px; border:1px solid #b6bbc1; border-radius:3px;width:50%; font-size:13px; margin-right:10px;}

.table_list{border-bottom:1px solid #d1d1d1}
.table_list li{border-top: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:13px; 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:#6a6a6a}
.table_faq .faq_q a strong{color:#5b108b}
.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 #5b108b; 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 #5b108b; 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:#5b108b; font-size:12px; color:#fff;}

/* 수강신청 절차 */
.step_list {padding-top:10px;border-top:0px solid #0d0b0b}
.step_list > li{padding-left:90px;padding-bottom:40px}
.step_list li.step01{background: url(/common/images/default/icon_step01.jpg) no-repeat 0 0}
.step_list li.step02{background: url(/common/images/default/icon_step02.jpg) no-repeat 0 0}
.step_list li.step03{background: url(/common/images/default/icon_step03.jpg) no-repeat 0 0}
.step_list li.step04{background: url(/common/images/default/icon_step04.jpg) no-repeat 0 0}
.step_list li.step05{background: url(/common/images/default/icon_step05.jpg) no-repeat 0 0}
.step_list li.step06{background: url(/common/images/default/icon_step06.jpg) no-repeat 0 0}
.step_list li.step07{background: url(/common/images/default/icon_step07.jpg) no-repeat 0 0}
.step_list li.step08{background: url(/common/images/default/icon_step08.jpg) no-repeat 0 0}
.step_list li.step09{background: url(/common/images/default/icon_step09.jpg) no-repeat 0 0}
.step_list li h6{font-weight:700;font-size:15px;margin-bottom:10px}
.step_list li em{color:#5b108b}
.step_list li p{line-height:18px}
.step_list li .dep1{margin-top:20px}
.step_list li .dep2{margin:10px 0}


/*강의 리스트*/
.listwrap{overflow:hidden;}
section.lecture_list{border-bottom:1px solid #d1d1d1; padding: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:0.875em}
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}

/*테이블 스타일*/
table.tb_style01{border-top:2px solid #727272; font-size:14px;}
table.tb_style01 tbody td{padding:10px; border-bottom:1px solid #d1d1d1;}
table.tb_style01 tbody td.dis_color{color:red;}
table.tb_style01 tbody tr.total{font-weight:bold; background-color:#f1f6fb;}

table.tb_style02{margin-top:10px; border:1px solid #d1d1d1; border-left:none; border-right:none; font-size:14px;}
table.tb_style02 tbody td{padding:10px; border-bottom:1px solid #d1d1d1;}

table.tb_style03{border:1px solid #d1d1d1; background-color:#f7f7f7;}
table.tb_style03 tbody td {padding:10px; border-bottom:1px solid #d1d1d1;font-size:0.875em}
table.tb_style03 tbody td.list_title {padding-left:20px; background-position:10px 50%; }

table.tb_style04{border-top:2px solid #727272;}
table.tb_style04 tbody th{border:1px solid #d1d1d1; background-color:#f7f7f7;}
table.tb_style04 tbody td{border:1px solid #d1d1d1; text-align:left; padding:10px;}
table.tb_style04 tbody td div.answer_box{min-height:120px}

table.tb_style05{border-bottom:1px solid #d1d1d1;}
table.tb_style05 tbody td{padding:10px;}

table.tb_style06{border-top:2px solid #727272;}
table.tb_style06 tbody td{padding:4px; border-bottom:1px solid #d1d1d1; font-size:14px;}

table.tb_style07{border-top:2px solid #727272; font-size:14px;}
table.tb_style07 tbody td{padding:10px; border-bottom:1px solid #d1d1d1;}
table.tb_style07 tbody th{padding:10px; border-bottom:1px solid #d1d1d1; text-align:center; border-right:1px solid #d1d1d1;}
table.tb_style07 tbody td.dis_color{color:red;}
table.tb_style07 tbody td.total_color{color:#5b108b;}
table.tb_style07 tbody tr.total{font-weight:bold; background-color:#f1f6fb;}

table.tb_style08{border-top:2px solid #727272; font-size:14px;}
table.tb_style08 tbody td{padding:10px; border-bottom:1px solid #d1d1d1;}
table.tb_style08 tbody th{padding:10px; border-bottom:1px solid #d1d1d1; text-align:center; border-right:1px solid #d1d1d1;background-color:#f7f7f7;}
table.tb_style08 tbody td.dis_color{color:red;}
table.tb_style08 tbody td.total_color{color:#5b108b;}
table.tb_style08 tbody tr.total{font-weight:bold; background-color:#f1f6fb;}

/* 2016-05-31 새로운 테이블 모양 추가 이현빈 */
table.tb_style09{border-top:1px solid #d1d1d1; font-size:14px;}
table.tb_style09 tbody td{padding:10px; border:1px solid #d1d1d1;}
table.tb_style09 tbody th{padding:10px; border:1px solid #d1d1d1; text-align:center;background-color:#f7f7f7;}
table.tb_style09 tbody td.dis_color{color:red;}
table.tb_style09 tbody td.total_color{color:#5b108b;}
table.tb_style09 tbody tr.total{font-weight:bold; background-color:#f1f6fb;}


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:#5b108b; margin-top:; padding-left:0px; font-size:15px !important;}
.info_text div{font-size:0.875em;padding:0px !important;margin:0px !important;}
.info_text div p{padding:0px !important;margin:0px !important;}
.info_text div p img {padding:0px !important;margin:0px !important;margin-bottom:-5px !important;}
.tb_process{border-top:2px solid #727272;}
.tb_process thead th{border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:0.875em}
.tb_process thead th.first{border-left:none; padding:4px;}
.tb_process tbody td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; text-align:center;font-size:0.875em}
.tb_process tbody td.first{border-left:none; padding:4px; text-align:left;}

.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;}

/*footer*/
footer{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:#f26522;}
.tc_blue{color:#67169b;}
.bad{color:#f26522;}
.good{color:#67169b;}

/*마이페이지*/
.my_btn_wrap{margin-right:10px;margin-top:5px;}
.my_btn_join{border:1px solid #4e047d; background-color:#5b108b; color:#fff; border-radius:5px; font-size:14px;padding:5px 15px 8px 15px;width:100%;}
.my_btn_review{border:none;background-color:#5b108b; color:#fff; border-radius:5px; 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:5px; font-size:0.85em;padding:0 6px;display:inline-block}
.btn_label a{color:#fff;font-size:14px;}
.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:#5b108b; color:#fff; border:1px solid #4e047d;}
.btn_r_off{background-color:#a871cc; color:#f4e2ff; border:1px solid #a05acd;}


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

/*.learn_btn{background-color:transparent;border:none;padding:0}*/
.learn_btn{background-color:#5b108b;border:1px solid #4e047d;border-radius:5px; color:#fff; line-height:18px; padding:5px 16px 8px 16px;margin-bottom:10px;width:49%;}
.learn_btn_off{background-color:#a871cc;border:1px solid #a05acd;border-radius:5px; color:#f4e2ff; line-height:18px; padding:1px 5px 2px 5px}
.learn_btn img{vertical-align:top}

.graph_bar{height:10px; border-radius:5px;transition: width 1s linear 0.1s;background: url(/html/images/mobile/sub/graph_bg.png) repeat-x 0 0}


/* 서브페이지 */
.stitle { font-size:17px; font-weight:bold; color:#2e2e2e; line-height:24px; margin:0px 0 10px 0px;}
.sstitle { font-size:16px; font-weight:bold; color:#0d79ba; line-height:24px; margin:0px 0 10px 0px;}
.scont { font-size:14px; color:#777777; line-height:22px; margin-bottom:20px;  }
.scont img { width:100%; }
ul.scont { font-size:14px; color:#777777; line-height:22px; margin-bottom:20px;  }
ul.scont li { font-size:14px; font-weight:normal; color:#777777; line-height:22px; padding-left:10px; background:url('/html/images/common/dot1.png') 0px 10px no-repeat; }

.tac { text-align:center;}

/* The academy 소개 */
.greeting { background: url('/html/images/common/m_greeting.png') 0px 0px no-repeat; margin-top:0px; padding:20px; }
.greeting h1 { font-size:18px; line-height:20px;color:#ffffff;font-weight:400;padding-top:60px;}
.greeting h2 { font-size:20px; line-height:35px;color:#ffffff;font-weight:500;margin-bottom:30px; }
.greeting p { font-size:15px; line-height:20px; font-weight:500; padding:20px 0px; text-align:center; color:#555555;}
.greeting p span { color:#8247ad; }
.greeting ul { margin:23px 0px;height:160px; display:inline-block;}
.greeting li { float:left; width:157px; margin-right:10px; text-align:center; color:#ffffff; font-size:16px; line-height:22px; padding-top:35px;}
.greeting h3 { font-size:14px;width:100%;line-height:22px;padding:15px 0px;color:#333333;font-weight:bold; text-align:center;margin:20px auto 30px auto; border-radius:40px; border:1px #585858 solid; }
.greeting h3 span { color:#8247ad;}


.tab_menu { margin:0px; padding:0px; box-sizing:border-box; margin-top:0px; border:none !important;}
.tab_menu ul { width:100%; display:inline-block; border:none; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; box-sizing:border-box; }
.tab_menu li{ float:left;font-family:"NanumSquare", sans-serif; width:50%; height:60px;background:#f7f7f7;border:none;border-top:1px solid #dcdcdc;border-bottom:2px solid #5b108b; line-height:57px; text-align:center;color:#888888;font-size:22px; box-sizing:border-box;}
.tab_menu li.on {background:#ffffff;color:#5b108b;font-weight:500; border:none; border:2px solid #5b108b; border-bottom:1px #ffffff solid;}

.tab_cont_1 { display:block; }
.tab_cont_2 { display:none; }
.tab_cont_3 { display:none; }
.tab_cont_4 { display:none; }
.tab_cont_5 { display:none; }
.tab_cont_6 { display:none; }

.year{ border:none !important; margin-top:0px; min-height:450px; padding-left:0px; }
.year_dl { padding:0px 0px 20px 0px;overflow:hidden;border-bottom:0px solid #d1d1d1 !important; }
.year_dl dt { font-weight:bold;font-size:18px; color:#000000; display:block; float:none !important; width:100% !important; padding-left:18px; line-height:25px; background:url('/html/images/common/history_dot.png') 0px 50% no-repeat; }
.year_dl dd { float:none !important; }
.year_dl dd li { background:none !important; line-height:18px; padding:6px 0px 0px 14px;font-size:13px; color:#666666; }

.cont_tbl1{ border-top:0px solid #0d6aae;text-align:center; margin-bottom:30px; }
.cont_tbl1 thead { border-left:0px solid #0d6aae; }
.cont_tbl1 thead th {background:#585e7e;font-size:13px;color:#ffffff; font-weight:bold; line-height:30px; text-align:center; border-right:1px solid #82869e;border-bottom:1px solid #82869e;}
.cont_tbl1 thead td {line-height:40px;font-size:13px;background:#b8d7f2;color:#333333;border-right:1px solid #82869e;border-bottom:1px solid #82869e;}
.cont_tbl1 tbody {border-left:1px solid #dcdcdc; }
.cont_tbl1 tbody th {color:#82869e; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.cont_tbl1 tbody td {border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:5px 0px;font-size:12px; color:#333333; line-height:18px; }
.cont_tbl1 tbody td.tal {text-align:left; padding-left:8px; }
.cont_tbl1 tbody td.bg {background:#fbfbfb;}
.cont_tbl1 tbody td.bg2 {background:#f9f9f9; color:#111111; font-weight:bold;}

.tbl_style1 { border-top:2px #438aca solid; margin-bottom:20px; font-size:13px;letter-spacing:0em;} 
.tbl_style1 th{padding:0px 0 0px 0px; font-size:14px;height:40px; line-height:24px; background-color:#f9f9f9;font-weight:700;text-align:center;color:#444444;border-bottom:1px solid #dedede;border-left:1px solid #dedede;}
.tbl_style1 td{padding:7px 0 7px 10px ; line-height:24px; color:#3c3c3c;border-bottom:1px solid #dedede;border-left:1px solid #dedede;}
.tbl_style1 th:first-child {border-left:0px solid #dedede;}
.tbl_style1 td:first-child {border-left:0px solid #dedede;}
.tbl_style1 th.tac{text-align:center;padding-left:0}
.tbl_style1 td.tac{text-align:center;padding-left:0}

.tbl_style2 { border-top:2px #438aca solid; margin-bottom:20px; font-size:13px;border-left:1px solid #dedede;letter-spacing:0em;} 
.tbl_style2 th{padding:7px 0 7px 0px;font-size:14px; height:40px; line-height:24px; background-color:#f9f9f9;font-weight:700;text-align:center;color:#444444;border-bottom:1px solid #dedede; border-right:1px solid #dedede}
.tbl_style2 td{padding:7px 0 7px 10px ; line-height:24px; color:#666666;border-bottom:1px solid #dedede;border-right:1px solid #dedede}
.tbl_style2 th.tac{text-align:center;padding-left:0}
.tbl_style2 td.tac{text-align:center;padding-left:0}

.main_course { width:100%; height:auto; display:inline-block;box-sizing:border-box; }
.main_course li { height:95px; }
.main_course li h2 { font-size:19px; font-weight:bold; color:#ffffff; line-height:40px; padding:10px 0px 5px 20px; text-align:left;  }
.main_course li p { font-size:12px; color:#ffffff; text-align:left; line-height:20px; padding:15px 0px 10px 20px; }
.main_course li .btn_det { display:block; height:25px;line-height:25px; font-size:13px; font-weight:bold; color:#ffffff; text-align:left;padding-left:20px; background:url('/html/images/common/mc01_arrow.png') 80px 50% no-repeat; }
.main_course li.mc02 .btn_det { background:url('/html/images/common/mc01_arrow.png') 80px 50%  no-repeat; }
.main_course li.mc01 { margin:0px !important; background:#edb114 url('/html/images/common/mc01.png') 100% 100% no-repeat; background-size:auto 130px; }
.main_course li.mc02 { margin:0px !important; background:#3d5a94 url('/html/images/common/mc02.png') 100% 100% no-repeat; background-size:auto 130px; }
.main_course li.mc03 { margin:0px !important; background:#3b3b3b url('/html/images/common/mc03.png') 100% 100% no-repeat; background-size:auto 130px; }

.main_cs { background:#ffffff; border:1px #e5e5e5 solid; padding:20px 0px;position:relative; box-sizing:border-box; width:100%; height:auto;margin-right:0px;}
.main_cs .top_title { font-size:19px;font-weight:bold;color:#111111;padding-top:10px;line-height:45px; background:none; padding-left:0px; text-align:center;}
.main_cs p { font-size:13px; color:#666; padding-bottom:15px; text-align:center;}
.main_cs .mcs_text { padding:5px 0 0 0px; background:none;}
.main_cs .mcs_text .mcs_tel { color:#3b4487;font-size:20px;font-weight:bold;padding-bottom:15px; text-align:center;}
.main_cs .mcs_text span { display:block;font-size:13px;color:#777777;line-height:18px;text-align:center;  }

.main_banner {width:100%; display:inline-block; box-sizing:border-box;} 
.main_banner li { border-bottom:1px #e5e5e5 solid; display:inline-block; }
.main_banner li.mb01 { width:100%; height:auto;text-align:center; background:url('/html/images/common/mb01.png') 50% 65px no-repeat; background-size:80px auto;}
.main_banner li.mb01 h2 { font-size:19px; font-weight:bold;color:#111111; line-height:30px; margin-top:25px;text-align:center; }
.main_banner li.mb01 a { display:block; width:120px; height:25px;line-height:25px; background:#ffffff; font-size:15px; color:#4f4f4f; border:1px #4f4f4f solid; border-radius:20px; text-align:center; margin:70px auto 20px auto;}

.main_banner li.mb02 { width:100%; height:auto; margin:0px 0px 0px 0px; }
.main_banner li.mb02 a { display:block;margin:0px !important; background:#f7f7f7 url('/html/images/common/mb02.png') 90% 50% no-repeat;}
.main_banner li.mb02 h2 { font-size:19px; font-weight:bold; color:#111111; line-height:30px; padding:19px 0px 5px 37px; text-align:left;  }
.main_banner li.mb02 h2 span { color:#2f3ea8; }
.main_banner li.mb02 p { font-size:13px; color:#777777; text-align:left; line-height:18px; padding:0px 0px 19px 37px;  }

.main_banner li.mb03 { width:100%; height:auto; margin:0px 0px 0px 0px; }
.main_banner li.mb03 a { display:block; margin:0px !important; background:#f7f7f7 url('/html/images/common/mb03.png') 93% 50% no-repeat;}
.main_banner li.mb03 h2 { font-size:19px; font-weight:bold; color:#111111; line-height:30px; padding:19px 0px 5px 37px;text-align:left;  }
.main_banner li.mb03 h2 span { color:#2f3ea8; }
.main_banner li.mb03 p { font-size:13px; color:#777777; text-align:left; line-height:18px; padding:0px 0px 19px 37px;  }

.main_banner .top_title { height:60px;line-height:60px;font-size:19px;letter-spacing:-0.05em;font-weight:500;color:#000000; padding-left:30px; margin:0 0 0px 0; border-bottom:1px #e4e4e4 solid;}


.sub_title { font-size:17px; font-weight:bold; color:#104580; line-height:30px; margin-bottom:10px; }
.sub_title span { color:#f13300; }
.sub_point { font-size:15px; font-weight:bold; color:#d95814; line-height:25px; margin-bottom:10px; }

.sub_cont { font-size:13px; color:#333333; line-height:20px; margin-bottom:30px; display:inline-block; }
.sub_cont b { font-size:14px; font-weight:bold; line-height:22px; }
.sub_cont span { color:#f13300; }

.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_cont_ul2 { margin-bottom:30px; }
.sub_cont_ul2 li { font-size:13px; color:#666666; line-height:25px; padding-left:15px; }
.sub_cont_ul2 li.scu_b2 { font-size:15px; color:#f06060; font-weight:bold; line-height:23px; padding-left:15px; background:url('/html/images/common/dot.png') 4px 11px no-repeat;}
.sub_cont_ul2 li.ndata { font-size:10px; line-height:20px; padding:0px 0px 20px 0px; background:none;}


.sub_tbl1 { border-top:1px #d5dfe9 solid; margin-bottom:30px; }
.sub_tbl1 th { font-size:13px; color:#2b5986; background:#f0f7fd; line-height:20px; padding:10px 0px; text-align:center; border-bottom:1px #d5dfe9 solid; border-right:1px #d5dfe9 solid; }
.sub_tbl1 td { font-size:13px; color:#393939; background:#ffffff; line-height:20px; padding:10px 20px; text-align:left; border-bottom:1px #d5dfe9 solid; }

.sub_tbl2 { border-top:1px #d5dfe9 solid; margin-bottom:30px; }
.sub_tbl2 thead th { font-size:12px; color:#2b5986; background:#f0f7fd; line-height:16px; padding:7px 0px; text-align:center; border-bottom:1px #d5dfe9 solid; border-right:1px #d5dfe9 solid; }
.sub_tbl2 thead th.last {  border-right:none; }
.sub_tbl2 tbody th { font-size:12px; color:#393939; background:#f7f7f7; line-height:16px; padding:10px 0px; text-align:center; border-bottom:1px #d5dfe9 solid; border-right:1px #d5dfe9 solid; }
.sub_tbl2 tbody td { font-size:12px; color:#666666; background:#ffffff; line-height:16px; padding:10px 0px; text-align:center; border-bottom:1px #d5dfe9 solid; border-right:1px #d5dfe9 solid; }
.sub_tbl2 tbody td.last {  border-right:none; }


.sub_history { margin-bottom:30px; border:1px #dedede solid; }
.sub_history li { font-size:13px; color:#666666; font-weight:normal; line-height:18px; padding:8px 10px 8px 20px; background:url('/html/images/common/dot.png') 14px 15px no-repeat;}
.sub_history li span { color:#52350c; font-weight:normal; }
.sub_history li b { color:#ce2c00;  font-weight:normal;}
.sub_history li.bg { background:#f5f5f4 url('/html/images/common/dot.png') 14px 15px no-repeat;; }

.parking { padding:0px 0px; text-align:center; }
.parking img { width:100%; max-width:320px; }


/* 특장점 */
.feature { width:100%; text-align:center; padding:0px 0px; text-align:center; display:inline-block;margin:10px 0px; }
.feature li { float:left; width:33.3%; }
.feature li h2 { font-size:13px;font-weight:400;color:#222222;text-align:center; line-height:20px;padding:0px; text-align:center;  }
.feature li p { display:none;font-size:14px;font-weight:400;color:#666666;text-align:center; line-height:20px;padding:0px; text-align:center;  }
.feature li img { padding:10px 0px; width:50px;}

.tree { padding:15px;text-align:center;}
.tree h2 {font-size:16px;line-height:25px;font-weight:bold;color:#000000;text-align:center; margin-top:15px;}
.tree h2 span {color:#7f32b1;}
.tree h3 {font-size:20px;line-height:30px;font-weight:bold;color:#7f32b1;text-align:center; margin-bottom:4px;}
.tree .course_tree { display:inline-block;}
.tree .course_tree li { margin-bottom:2%;}
.tree .course_tree li img { width:100%;}

.mBanner { width:100%; text-align:center; padding:0px 0px; text-align:center; display:inline-block; margin:20px auto; }
.mBanner li { float:left; width:25%; }
.mBanner li.first { background:none; }
.mBanner li h2 { font-size:13px;font-weight:bold;color:#222222;text-align:center; line-height:20px;padding:0px; text-align:center;  }
.mBanner li p { display:none;font-size:15px;font-weight:400;color:#666666;text-align:center; line-height:24px;padding:0px; text-align:center;  }
.mBanner li img { width:40px; height:auto; padding:0px 0px;}

.textin {font-size:13px;}
.textin > .clause {margin-top:-15px;}
.textin > .clause h3 {font-size:13px !important;margin-top:15px;}
.textin > .clause .depth1 {font-size:12px !important; }
.textin > .clause .depth1 li {font-size:12px !important;}