@charset "utf-8";
/* Font-Face */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/*  @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css); */

html {margin:0; padding:0; width:100%;height:100%; margin:0; padding:0;  letter-spacing:0px; line-height:1.6; color:#808080;}
body {position: relative;  width:100%; font-family: 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin:0; padding:0; border:0; font-size:1em; word-wrap:break-word; line-height:1.4; }
li {list-style-type: none;}

#wrapmain {margin-top: 50px;}

/* link style */
a:link    	        {color:#090909; text-decoration:none;}
a:visited 	        {color:#090909; text-decoration:none;}
a:active  	        {color:#090909; text-decoration:none;}
a:hover         	{text-decoration:none;}
a:focus  {text-decoration: none; }


.mt15{margin-top:15px;}
.bx-controls{height:0px;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background-color:transparent; color:#000000;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-size:13px;}
.navbar-inverse.side-collapse{margin-top:1px;}

.m_sub_tab ul li.tab_view50 a{font-size:13px;}
.main_banner img{margin-bottom:0px;}

/* 일정관리 */
.fc-toolbar {text-align:left;}
.fc-right{display:none;}
.fc-center{margin-right:50px;}


/* 왼쪽슬라이드 */
pre {tab-size: 8;}

.side-collapse-container{ing:-1px;}
.sub_ctitle	{margin-top:20px;padding: 20px 0; font-weight:bold; font-size:16px; color:#333333;  line-height:100%; padding:0; text-align:left; letter-spacing:-1px;}
p.stext { margin-top:25px; font-size:15px;}
.board tbody{width:100%; position:relative;  left:0; transition:left .4s;}
.l-slide-login {padding-top: 10px;}
.l-slide-login button {width: 48%; height: 26px; font-size:90%; font-weight: bold; border-radius: 0; padding: 4px;}
.dropdown-menu3 li {padding: 5px 0 5px 40px;}

/* 서브타이틀 */
.m_title{text-align:center;}
.m_title .bg-primary {font-size:110%; font-weight: bold; padding:16px;}
p.m_top_title{font-size: 20px; padding: 0.7em 1em; margin: 0; background-color:#428bca; color:#fff;}


.m_contents {padding:10px 10px 20px 10px; clear:both;}
.subpage .bigfont{font-size:17px; color:#428bca; padding-bottom:20px;}
.sub_btitle	{margin-top:10px; font-size:20px; font-weight:bold; line-height:100%; padding:0; text-align:left; letter-spacing:-1px;}

p.b_text{ color:#3f3f3f; font-size:25px; text-align:center; margin-top:10px; line-height:110%;letter-spacing:-1px;}
p.m_text{ color:#939393; font-size:14px; text-align:center; line-height:120%; letter-spacing:-1px;}
.member_img{text-align:center;  width:100%;}

span.red{color:#bb0000;}
button {outline: none; border:0; padding: 8px 24px; color: #fff; border-radius: 2px; font-weight: 600; line-height: 1;}

/* faq */
table.table_stats{width:100%; border-top:1px solid #000000;  padding-bottom:10px; } 
table.table_stats>thead>tr>th {display:none; height:60px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:14px; text-align:center; color:#333333; font-weight:bold;}
table.table_stats>tbody>tr>td {height:60px; padding:15px 0px 15px; border-top:0px solid #dddddd; border-bottom:1px solid #d7d7d7; font-size:15px; vertical-align: middle; background:#ffffff; word-wrap:break-word;}
table.table_stats>tbody>tr>td p{line-height:200%; color:#444444; letter-spacing:-1px; font-size:14px; word-break:break-word;}
table.table_stats>tbody>tr>td a{padding-left:2px;}
.faqdate{display:none;}
.page{text-align:center; width:100%;}
.faq_search{text-align:center; width:100%;}
.btn_bbs_search {background: #061f5c; position: relative; height: 35px; font-size: 13px;}

li.answer_faq{position: relative; }
li.answer_faq span.answer_icon{position:absolute; left:0px; width:40px; display:inline-block; top:5px; vertical-align:top;}
li.answer_faq .answer_txt{margin-left:36px;}
li.answer_faq .answer_txt img{width:100%;}

/* 메인 */ 
.main_con01{margin: 15px 10px 20px 10px; clear: both;}
.main_banner {margin-bottom:10px; padding: 0 ;}
.main_banner img{float:left; margin-bottom:10px; padding: 0;}
.m_top{margin-top:20px;}
.main_slide{clear:both;}

#tab {padding-top:15px; left:0px; top:0px; text-align:left;  width:100%;}
.tab li {float:left; margin:0; padding:7px; border:1px solid #ddd; text-align:center;}
.tab li:hover,.tab li.sel{}
.tab.type01 {height:34px; margin:0; text-align:left;}
.tab.type01 ul{width:100%; margin:0; padding: 0px;}
.tab.type01 li{width:33.3%; border-left:none; margin:0;  font-weight:bold; font-size:90%; background:url(../images/tab_bg.jpg) 0 bottom;}
.tab.type01 li:first-child{border-left:1px solid #ddd; margin:0;}
.tab.type01 li:hover,.tab.type01 li.sel {margin:0;  padding:8px; background:#428bca; font-weight:bold; font-size:90%; border:none; color:#fff;}


/* 메인게시물 */ 
.ttext a {}
.board_sel .more_class {float: right; font-size: 11px; border: 1px solid #000; background: #333; padding: 3px; color: #fff; border-radius: 2px;}


/* 메인 테이블 */
table { padding:0; width:100%; border-collapse:collapse; margin-top:10px;}	
table.table_box {table-layout:fixed;  width:100%; border-collapse:collapse; margin-bottom:10px; padding:0; color:#7e7e7e;} 	
table.table_box td {margin:0; padding:0; vertical-align:top;}	
table.table_box td.bimg{text-align:center; margin:0; padding:2px; }
table.table_box td.bimg img{text-align:center; width:100%; padding: 3px; height:140px; border:1px solid #dddddd;}
table.table_box td.btitle{text-align:center; margin:0; font-weight: normal; line-height: 130%; font-size:13px; color: #666;}
table.table_box td.bleft{text-align:left; padding-left:10px; margin:0;}
table.table_box td.bcenter{text-align:center; padding:0px; margin:0;}
table.table_box td.btext01{text-align:center; margin:0; font-size:14px; letter-spacing:0px; font-weight: bold; padding:0;}
table.table_box td.btext02{text-align:center; margin:0; color:#b00000; font-size:14px;  letter-spacing:0px;}


/* 메인 공지사항 테이블 */
table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.table_list {table-layout:fixed;  width:100%; border-collapse:collapse;  padding:0; color:#7e7e7e;} 	
table.table_list td {margin:0; padding:0; font-size:90%; height:32px; border-bottom:1px solid #cecece; }	
table.table_list td.ttitle{text-align:left; padding-left:14px;margin:0; font-weight:bold; font-size:14px;   color:#428bca;}
table.table_list td.tit_left{text-align:left; padding-left:10px; margin:0; font-weight:bold;}
table.table_list td.tleft{text-align:left; padding-left:10px; margin:0;}
table.table_list td.tview{text-align:left; padding:10px 0 10px 10px; margin:0;}
table.table_list td.tleft a{color:#7e7e7e;}
table.table_list td.tleft a:hover{color:#428bca;}
table.table_list td.tcenter{text-align:center; padding:0px; margin:0;}
table.table_list td.tright{text-align:right; padding-right:10px; margin:0;}
table.table_list td.ttext{text-align:left; padding-left:17px; margin:0;  font-size:13px;background:url(../images/b_icon.png) no-repeat  10px 13px;  letter-spacing:-1px;}


/* 테이블리스트 */
table.board {width:100%; margin-bottom:15px;}
table.board th {height:36px; text-align:center; border-top:1px solid #555555; color:#333; background:#f9f9f9; font-size:100%; border-bottom:1px solid #dddddd;}
table.board td {height:36px; font-size:95%; color:#555; padding-top:5px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ddd;}


/*버튼 */
.btn_cart{color:#fff; background-color:#48aee4; padding:6px 12px;  border:1px solid #48aee4; line-height:1.42857143; font-size:14px;  float: left; width: 50%; border-radius: 0px; cursor:pointer;}
.btn_order{color:#fff; background-color:#0c4cb5; padding:6px 12px;  border:1px solid #0c4cb5; line-height:1.42857143; font-size:14px; float: left; width: 50%; border-radius: 0px; cursor:pointer;}
.btn_login{color:#fff; background-color:#428bca; width: 100%; padding:10px 16px; font-size:16px;   line-height: 1.33; border:1px solid #357ebd;}

.btn_check {color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_cancel {color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_check_cancel {color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_post_find {color:#333333;  background-color:#ffffff; margin-top:7px; padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_list {color:#333333;  background-color:#ffffff; padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_modify {color:#333333;  background-color:#ffffff; padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}

.btn_next {color:#333; width:49%; background-color:#fff; padding:5px 10px;  font-size:12px;  line-height: 1.5; border:1px solid #ccc; border-radius:3px;}
.btn_prev {color:#333; width:49%; background-color:#fff; padding:5px 10px;  font-size:12px;  line-height: 1.5; border:1px solid #ccc; border-radius:3px;}

.btn_box > .btn.btn-success{color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_box > .btn.btn-warning{color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_box > .btn.btn-danger{color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}
.btn_box > .btn.btn-primary{color:#333333;  background-color:#ffffff;  padding:6px 12px;  font-size:14px;  line-height: 1.33; border:1px solid #cccccc; border-radius:3px;}

.btn-xs, .btn-group-xs > .btn {color:#ffffff;   padding:3px 6x;  font-size:13px;  line-height: 1.33; border:0px solid #cccccc; border-radius:3px;}

/*우편번호찾기*/
.postPop {display:none;border:1px solid #ddd; border-radius:3px; margin:5px 0;position:relative;}


/*페이지리스트*/
.page {clear: both; text-align:center;}

/* 회사소개 */ 
blockquote{ border-left:none}

.quote-badge{font-size:16px; background-color: #428bca; margin-top:6px;}
.quote-box{overflow: hidden;    margin-top: -50px;    padding-top: -100px; border-radius: 17px;    background-color: #fff;    margin-top: 25px;    color:#666;    width: 100%;}
.quotation-mark{margin-top: -10px;    font-weight: bold;    font-size:60px;  color:#4299d8; font-family: "Times New Roman", Georgia, Serif;}
.quote-text{color:#4299d8;font-size:19px; margin-top:-35px;}
.blog-post-bottom.pull-left{font-size:15px}

/* 연혁 */
.history01 .bigdot{display:block; margin-bottom:10px; font-size:34px; color:#086ab1; line-height:1.1}
.history_con{position:relative; overflow:hidden;}
.history_con h4{padding:20px 0 20px 0;}
.history01{padding-left: 30px; min-height:500px; }
.history01 > dl{position:relative;}
.history01 > dl > dt {display:block; position:absolute; left:-160px; top:0; font-size:17px; color:#444444; letter-spacing:-1pt; }
.history01 > dl > dd > p{margin:0 0 18px 33px; padding-top:25px; border-top:1px solid #d4d4d4}
.history01 > dl:first-child > dd > p{padding-top:0; border-top:0; letter-spacing:-1pt; }
.history01 > dl > dd > p > strong{font-size:25px;}
.history01 > dl > dd > ul{padding-bottom:20px;}
.history01 > dl > dd > ul > li{padding-left:5px; margin-top:13px}
.history01 > dl > dd > ul > li strong{display:inline-block; margin-right:23px; *display:inline; *zoom:1}
.history01 > dl > dd > ul > li > span{display:block; padding-left:52px; margin-top:10px; padding-left:51px;}	


/* 찾아오시는길 */ 
.title {padding-top:38px;text-align:center; color:#707479; line-height:25px;}
.subtitle {text-align:center; font-size:11px;color:#8e9496; margin-bottom:15px;}
.address_box {margin-top:0px; border-top:1px solid #c2c2c2; position:relative; text-align:center;}
.address strong{font-size:17px; color:#2fa1de}
.bg_title {text-align:center; background:#1093d9;  width:150px; position:relative; margin:0 auto; top:-14px; border-radius:15px; padding:5px; color:#fff;}
.address_box > span {display:block;}
.address_box > span:after {content:"ㅡ"; display:block;}
.address_box > p {width:80%; margin:0 auto; color:#849095; font-size:15px; margin-bottom:18px;}
.add {margin-right:10px;}
.mgbt50 {margin-bottom:50px;}


/* 게시판검색 */ 
.search {padding: 0; width:100%;}
.form-control.search{padding: 3px 12px; font-size: 14px; margin: 0;}
.search .input-group-btn button { padding: 7px 15px; border-radius: 0 5px 5px 0;}


/* 게시판리스트 */ 
.m_board_list{margin-top: 10px;}
.m_list a.list-group-item {color: #000;}

.panel-default {margin-top: 10px; border:1px solid #ddd;}
.comnum {margin: 0 0 3px 5px; font-weight: normal; color: #ff0000;}

.panel-danger .list-group-item.active{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.list-group-item span {font-size: 12px; font-weight: bold; color: #000; }
.list-group-item font {font-size: 12px; font-weight: normal; color: #ccc; margin-right: 5px; float: right;}


/* qna */ 
.list-group a.list-group-item {color: #000;}
.m_rename{font-weight: bold;  color: #336600; padding-top:2px; margin-left:2px;}

/* qna icon */
.conf {display: block; width: 50px; background: #3366cc; padding: 3px; font-size: 10px; border-radius: 3px; text-align: center; float: left; color: #fff; margin-right: 5px;}
.qa {display: block; width: 50px; background: #cf0018; padding: 3px; font-size: 10px; border-radius: 3px; text-align: center; float: left; color: #fff; margin-right: 5px;}
.noti {display: block; width: 50px; background: #339900; padding: 3px; font-size: 10px; border-radius: 3px; text-align: center; float: left; color: #fff; margin-right: 5px;}
.m_tit{margin-top:5px;}


/*수강신청-단과강좌리스트*/
.m_list{margin-bottom:20px; line-height: 20px;}
.m_list_group:first-child{border-top-left-radius:4px; border-top-right-radius:4px;}
.m_list_group:last-child{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.m_list_group{position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; font-weight:bold; line-height:120%; }
.m_list_group a{font-weight:bold; font-size:15px; }
.m_list_group_box{position:relative; display:inline-block; padding:4px; width: 100%;  margin:1px; border:1px solid #ddd; border-radius:4px; clear:both;}
.m_list_left{width:30%; float: left; }
.m_list_right{margin-left:3%; width:67%; float: left;}
.icon_box{margin:3px; }

p.ltext {line-height: 16px; font-weight: normal; text-align: left; font-size: 100%;  color: #000000;  width: 98%;  margin: 0;}
.sing-head b {line-height: 26px;}
span.m_lecture_title{font-weight: bold; font-size: 115%;  line-height: 22px;}
span.m_lecture_stitle{font-weight: bold; font-size: 100%; line-height: 18px; color: #222222;}


/*수강신청-패키지강좌리스트*/
.pack-title {font-size: 15px; padding: 10px 0;}
.pack-title img {width: 14px; margin-right: 5px; margin-top: -3px;}

span.teach_name {font-size: 12px; margin-left: 5px; color:#333;}
.pack-list img {width: 4px; margin: -4px 0 0 0;}

.list-group span {font-weight: normal; font-size: 12px; color: #aaa;}
.list-group span.otext{font-weight: normal; text-align:left; padding-top:5px; font-size: 14px; color: #333;}
.list-group p.ltext {font-weight: normal; text-align:left;  font-size: 13px; color: #aaa; width:94%; margin: 0;}
.list-group .order_title {width:300px;  font-weight:bold; font-size:14px;  color:#428bca; }

.pack-det-lis .panel-title {font-size: 14px; width: 98%;}
.pack-det-lis .fa-plus-circle {float: right; width: 2%;}
.pack-head {background: #428bca;}
.pack-head b {color: #fff; line-height: 26px;}

.fa_icon{float: right; font-size: 24px; width:20px; margin-top: -20px;} 
.fa_ricon{float: right;  text-align:right;  font-size: 16px; margin-top: 5px; right:0;} 
.fa_list_ricon{float: right;  text-align:right;  font-size: 16px; margin-top: -5px; right:0;} 
.fa_right{float: right; font-size: 20px; }

/*나의강의실-학습중인강좌리스트*/
.list-group-item {font-weight: bold; line-height:120%; }
.list-group-item span {font-weight: normal;  text-align:right; font-size: 13px; color: #000000;}
.pakageing .list-group a.list-group-item {color: #2d92e8; font-size: 14px;}


.fa_m {margin: 1px 0 0 5px;} 
.pause {width: 100%; margin-top: 5px; font-size: 12px;}
.pausebtn {height: 20px; width: 20px; border: 1px solid #000;}
.over {position: absolute; margin: -57px 0 0 33%;}
.btn-danger { border-radius: 3px;}
.btn-warning { border-radius: 3px;}
.fa-calendar-check-o {color: #000;}

.list-group-item .class-end {background: #000; opacity: 0.5; position: absolute; left:0;top:0;bottom:0;width:100%; }
.restudy2 {text-align: center; position: absolute; width: 100%; margin-top: 20px; z-index: 99;}
.restudy {text-align: center; position: absolute; width: 100%; margin-top: 15px; left: 0;top:0;}

.list-group {position: relative;}
.list-group > .class-end { background: #000; opacity: 0.5;width:100%; position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 9; }

.end_class_wrap { padding:4px; height:20px;}
.end-class {font-weight:bold; width: 96%; position: absolute; left:0; top: 0; bottom: 0; margin: 60px 2% 0;}
.end-class .board {width: 100%; height:26px; float: left; margin-right: 5px;}
.end-class2 {margin-top: 10px;}
.end-class2 .board {font-weight:bold; width: 100%; height:26px;}


/*나의강의실-학습중인강좌상세*/
.table {margin-bottom: 0px;}
.table thead {font-size: 14px; font-weight: bold;}
.table tbody {font-size: 12px;}
.panel-title {font-size: 13px;}
.panel-primary {border-color: #666;}
.panel-primary > .panel-heading {color: #fff; background-color: #666; border-color: #666;}
.class_title {font-weight: bold; line-height: 200%;}
.class_title a {color: #000;}
.ptime {font-size: 13px; padding: 6px 0;}
.progress {margin-bottom: 5px; height:16px;}
.fa-3x {font-size: 30px; margin-top: 8px;}
.down_btn {text-align: center;}
.down_btn button {margin: 10px 5px 30px;}
.fa-download, .fa-repeat {margin-right: 5px;}
.beatplayer-down {color: #fff; background: #000; font-size: 15px; border: 0; padding: 10px; font-weight: 700; width: 100%;}
.beatplayer-down img {width: 21px; height: 21px;}


/*나의강의실-구입교재*/
.profile-teaser-left {float: left; width: 30%; margin-right: 1%;}
.profile-img img {width: 100%; height: auto;}
.profile-teaser-main {float: left; width: 65%;	margin-left: 10px;}


/* 뉴스 */
.news-lis span {font-size: 14px; color: #333; font-weight: bold;}
p.news_title{font-size: 15px; font-weight: bold; color: #000; line-height: 150%;}
p.news_date {font-size: 12px; font-weight: normal; color: #ccc; margin-right: 5px; float: right;}
.news-cont {font-size: 13px; color: #888; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}


.fa.fa-level-up.fa-rotate-90 {color:#f90; font-size: 0.4em; margin-right: 10px; top: -4px; position: relative;}
.fa_s{margin-right: 5px;}
.fa_a{margin: 5px;}
.fa_x{margin-left: 5px; color: red;}
.conlist {width: 80%; font-weight: bold;}
.ad-wr {width: 100%; background-color: #fafafa; padding: 0 5px;}
.ad-wr ul {padding: 7px 0; border-bottom: 1px dotted #ccc;}
.ad-wr ul li {line-height: 20px; font-size: 12px;}
.fa_l {color: #0099ff; padding-left: 5px; margin: 0;}
.bbsTab {padding-top: 0;}

/* 게시판 버튼리스트 */ 
.btn_center{text-align:center;}
.btn_box{margin-top:10px; height:45px; clear: both; text-align:center;}
.btn_box > .btn {margin: 0; padding: 7px 17px; border-radius: 5px;}


/* 파일업로드 */
.filebox .upload-name {display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 98%; }
.filebox.bs3-primary label {color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }

/* 갤러리 */ 
p {margin: 0;}
.grid {background: #000;}
.grid:after {content: '';display: block; clear: both;}
.grid-sizer,
.grid-item { width: 50%;}
.grid-item {float: left;}
.grid-item img {  display: block;  width: 100%;}
.imgcont {padding: 5px 5px 5px 5px; background: #000; color: #fff;}

/* 갤러리2 */
.gall-list {margin-top: 10px;}
.listPhoto{float: left; width: 49%; margin-right:1%; display: block; padding: 4px;  margin-bottom: 10px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 0;}
.listPhoto img {display: block;max-width: 100%; height: auto;}
.caption {padding: 10px 0;} 
p.gallery-title {font-size: 14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: 100%; overflow: hidden;}
p.gall-date {font-size: 12px; color: #8c8c8c; margin-top: 5px;}
p.gall-date img{float: left; width:18px; height:18px;}

/* faq list */
.fluid-row .col-xs-1 {width: 100%;}
.faq_container{padding:0;}
.faq-list {line-height: 20px; font-weight: bold;}
.faq-cont {line-height: 20px; font-size: 13px;}
.faq-cont p{line-height: 18px;}


/* 글보기 */
.panel-default > .panel-heading {color:#333; background: #f5f5f5; border-color: #ddd; border-top-left-radius:3px; border-top-right-radius:3px;}
.panel-heading span {font-size: 11px; color: #999;}
.btn-default {width: 49%;}
.btn_lecture{width:60px; height:20px; padding:1px 3px;}
.add-write {float: right; padding-top: 5px;}
.ad-wr ul {margin: 0;}
.add-file {font-size: 12px; color:#c14f4f; margin-top:8px;}

/* 글쓰기 */
table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.write {table-layout:fixed;  width:100%; border-collapse:collapse; margin:0; padding:0; color:#7e7e7e;} 	
table.write td {margin:0; padding-bottom:5px; }	
table.write td.btitle{text-align:left; padding-left:14px;margin:0; font-weight:bold; font-size:12px; }
table.write td.bleft{text-align:left; margin:0;  padding-left:14px;}
table.write td.bcenter{text-align:center; padding:0px; margin:0;  }
table.write td.btext{text-align:left; padding-left:7px; color:#333;  font-size:12px; margin:0; letter-spacing:0px;}
table.write td span.sform-control{width:10px; text-align:center;}
table.write td.info_text{text-align:left; padding-left:7px; padding-top:15px; font-size:13px;  color:#333;}


/* 입력폼 */
table.table_write{table-layout:fixed;  width:100%; border-collapse:collapse; margin:0; padding:0; margin-bottom:20px;} 
table.table_write tr {line-height: 0.5px;}
table.table_write td {height:30px; line-height: 0.5px;}
table.table_write input {margin:5px 0;}
table.table_write select {margin:5px 0;}
table.table_write input .form-control[disabled],.form-control[readonly], fieldset[disabled] .form-control {float:left; margin-right:5px;}
table.table_write textarea{width:100%;}

/*입력폼*/
.form-control {display:block; height: 34px; padding: 3px 12px; font-size: 12px; border: 1px solid #ccc; width: 100%; background: #fff; border-radius:3px; margin: 5px 0;}
.form-control.small{height: 30px; padding: 3px 12px; font-size: 12px;}
.form-control.middle{width:100%;}
.form-control.login{width:50%;}


/*동영상해결방법 */
.panel-heading img {width: 20px; margin-right:10px; float: left; margin-top: -3px;}
.sub_icon {background: url(/view/customer/images/blueicon.png);  background-repeat: no-repeat;  background-position: 0 5px;   font-size: 12px;   color: #5c5c5c;   line-height: 190%;}
.panel-title {font-size: 17px;  letter-spacing: -0.5px;	 font-family: 'Nanum Gothic', '나눔고딕'}
.sub_icon {font-family: 'Nanum Gothic', '나눔고딕'}
.sub_icon strong {	font-size: 16px;}
.panel-body .ptext{width: 100%; padding-top: 10px; padding-bottom: 10px;}

/*상품이 없을떄*/
.list_text{text-align:center; padding-top:10px;font-weight:bold;font-size:13px;}

/*쇼핑몰리스트*/
.m_shop_list{margin:0; padding:0; width:100%;}
.shop_con {display: block; padding:4px; width: 48%; float: left; margin:3px; line-height:1.42857143; border:1px solid #ddd; border-radius:4px; background: #fafafa;}
.shop_con img {width:100%;}
.shop_caption_sub {padding-top:8px; min-height:84px;}
.shop_caption_sub p.shop_text {color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: 100%; overflow: hidden;}
.shop_caption_sub li.shop_icon img{margin-top:3px;width:48px; padding-left:3px;}
.shop_pay {margin: 5px 0;}
p.s_standard {font-size: 14px;padding-left:2px; color: #999999; text-decoration:line-through; margin-bottom:0px;}
p.s_price  {font-size: 22px; color: #c7161e; font-weight: bold; font-family:initial; letter-spacing:-1px; float: left; padding-bottom: 5px;}


/*교재리스트 */
.m_book_list{margin:0; padding:0; width:100%;}
.book_con {border-top: 1px solid #e1e1e1; overflow: hidden; margin-bottom: 10px;}
.book_box {width: 100%; margin-top:10px;}
.book_left img {float: left;  width: 30%;  border:1px solid #ddd;}
.book_right {float: right;  width:70%;}
.book_right ul{width: 100%;  list-style:none; padding-left:10px;}
.book_right ul li {line-height: 130%;  width: 100%; color:#666;}
.book_right ul li.book_title a{font-weight:bold; color:#428bca;}
.book_right ul li span.book_price{color: #c7161e; font-weight: bold;}



/*제품상세 */
.info {width: 100%; margin: 5px 0 5px 0px;}
.info_title {font-size: 20px; color: #333;  margin-top: 10px; font-weight: bold;}
.info table td {margin-left: 20px; border-bottom: 1px solid #eaeaea;}

.info_detail_img{margin-top:10px; border: 1px solid #eaeaea;}
.info_icon {text-align:left; height:13px; padding-top:3px; padding-left:5px;}


/*수강신청-강좌상세*/
.course {width: 100%; margin: 5px 0 5px 0px;}
.course_view_title {font-size: 20px; color: #333;  margin-top: 0px; font-weight: bold;}
.course table td {margin-left: 20px; border-bottom: 1px solid #eaeaea;}

.course_detail_img{margin-top:10px; border: 1px solid #eaeaea;}


table.view_detail{width:100%; margin-top:10px; border-collapse:collapse;}
table.view_detail th{height:48px; background: #f7f7f7; padding-left:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size: 16px; color: #333;}
table.view_detail td{height:36px; text-align:left; padding-left:10px; border-bottom:1px solid #ddd; font-size: 13px; color: #333;}

.standard {font-size: 12px; color: #999999; text-decoration:line-through; margin-top:5px; margin-bottom:-5px;}
.p_price {font-size: 28px; color: #c7161e; font-weight: bold; font-family: initial; float: left; padding-bottom: 5px; letter-spacing:-1px;}
.saleblock {float: left; display: block; background-color: #c7161e; color: #ffffff; font-size: 13px; padding: 1px 5px 3px 6px; margin-left: 10px; margin-top: 5px; border-radius: 15px;}


.buy_btn {margin-top: 20px; height: 60px;}




/********/
.single_detail{padding: 0 10px;}
.top_info {border-top: 1px solid #666666; width: 100%;}
.p_img {width: 352px; float: left;}

.cla-list  td {padding: 15px 5px; line-height: 18px; font-size: 12px; border-bottom: 1px solid #eaeaea;}
.cla-list button {padding: 1px 1px; font-size: 10px; line-height: 1; border-radius: 2px; margin-left: 5px;}


.period {width: 100%; height: 30px; border: 1px solid #eeeeee;}
.book_thumb {float: left; width: 25%;}
.book_descript {float: left; margin-left: 10px; margin-top: 10px; width: 70%; font-size: 12px;}
.book_descript li {line-height: 18px;}

.progress.progress-striped {height:8px; margin-bottom:5px;}

.profile-teaser-left {  float: left; width: 30%; margin-right: 1%;}
.profile-img img {   width: 100%; height: auto;}
.profile-teaser-main {  float: left; width: 65%;margin-left: 10px;}



h2.profile-name {font-size: 18px; margin-top: 0px;}
/********/





/*강사소개*/
.teacher-list {width: 100%; border: 1px solid #ddd; display: block; height: 148px; margin: 10px 0;}
.teacher-list img {width: 140px; float: right;}
.tl-text {width: 49%; float: left; padding: 15px 10px;}
.tl-text font {font-size: 30px; font-weight: bold; color: #0099ff;}
.tl-text p {font-size: 14px; margin-top: 15px; line-height: 20px;}
.teach-lec {font-size: 13px; line-height: 18px;}
.call_name {color: #999;}


.teacher-wrap {width: 46%; height: auto; text-align: center; float: left; margin: 2%; margin-bottom: 9px; border:1px solid #e6e6e6; border-radius:2px;}
.teacher-wrap img {padding-top:2%; width: 96%; height:12em;}
.teacher-wrap > .teacher_box {height: 60px; background: #ffffff; width: 100%; }
.teacher-wrap > .teacher_box > p.teacher_info {margin-left:1%; width: 98%; padding-top: 5px; color: #666666; font-size: 12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.teacher-wrap > .teacher_box > p.teacher_name {padding-top: 5px; color: #428bca; font-size: 18px; font-weight: bold;}


/*강사소개상세*/
.teacher_detail {padding:0;}
.text_content {padding-top: 20px;}
.text_content span {font-size: 22px; color: #000;  margin-top: 10px;}
p.s_text {font-size: 16px; color: #428bca; margin: 10px 0;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff; cursor: default; background-color: #5882ca; }
.text-primary {padding-top: 3px;}
.tech-det {margin: 10px 0;}


/*탭*/ 
.nav-tabs {border-bottom: 1px solid #eaeaea; font-size: 12px;}
.nav-tabs > li > a { border-radius: 0; border: 1px solid #ddd; border-bottom-color: transparent; height:38px;}
.nav-tabs > li { margin-bottom: 0px; font-size: 100%; cursor: pointer; color:#444444;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-bottom: 1px solid #ffffff; background: #ffffff; color:#357ebd; cursor: default; text-align:center; font-size:90%;  }


/*아이디패스워드찾기*/
.find_tap .nav-tabs {margin:0; height:39px;}
.find_tap ul li {font-size: 14px; width: 50%; text-align: center; height:39px;}
.find_tap ul li a {font-size: 14px; height:39px; background:#eeeeee; color: #357ebd;}
.tab-content { padding-top: 10px; }
input.id_pw_top{ margin-top: 10px; }
input.id_pw_bottom{ margin-top: 10px;  margin-bottom: 10px;}

 
/*서브탭*/ 
.m_sub_tab .nav-tabs{margin:0; height:39px;}
.m_sub_tab ul li.tab_view25 {width: 25%; text-align: center; height:38px;}
.m_sub_tab ul li.tab_view25 a{font-size:12px; height:38px; padding: 10px 10px; font-weight: bold; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.m_sub_tab ul li.tab_view25 active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-size:13px; height:39px;}

.m_sub_tab .nav-tabs{margin:0; height:38px;}
.m_sub_tab ul li.tab_view50 {width: 50%; text-align: center; height:38px;}
.m_sub_tab ul li.tab_view50 a{font-size:90%; padding: 9px; font-weight: bold; height:38px;}

.m_sub_tab33 .nav-tabs{font-weight: bold; height:38px;}
.m_sub_tab33 ul li.tab_view33 {width: 33.3%; text-align: center; font-weight: bold; height:38px;}
.m_sub_tab33 ul li.tab_view33 a{font-size:13px; padding: 8px 0; font-weight: bold; height:38px;}


.m_sub_tab20 .nav-tabs{font-weight: bold; height:38px; font-size:12px;}
.m_sub_tab20 .nav-tabs ul li.tab_view20 {width: 20%; font-size:12px; text-align: center; font-weight: bold; height:38px;}
.m_sub_tab20 ul li.tab_view20 a{font-size:12px; padding: 9px 0; font-weight: bold; height:38px;}




/*나의쿠폰함 */
.cupon_box {clear: both; height: auto; padding-top:5px; border-radius: 10px; margin-bottom:20px;  border: 1px solid #eaeaea;}
.cupon_box .cupon_teaser_left {text-align:center;  padding-top:10px; width: 100%;  background: url(/mobile/image/cupon.png)no-repeat center top; }
.cupon_box .cupon_teaser_main {float: left; text-align:right; width: 25%; height:115px; margin-top:22px;  }
.cupon_box p.cupon_no{color: #333; font-size: 12px;  font-weight: bold;color: #bb0000;  }
.cupon_box p.cupon_info{color: #333; font-size: 16px; font-weight: bold; line-height:150%; margin-top: 5px;}
.cupon_box p.cupon_name{color: #333; font-size: 44px;  font-weight: bold; color: #bb0000;  }

.cupon_box p.cupon_data{color: #333; font-size: 14px; padding-top:5px; text-align:center;  line-height:100%; width: 100%;  letter-spacing:-1px;}
.cupon_box p.cupon_data span {padding:1px 5px; background-color: #bb0000; color: #fff;}
.cupon_box p.cupon_dc{margin:0 auto; color: #666; font-size: 14px; text-align:center; padding-top:12px; width: 90%; margin-bottom: 10px;}
.cupon_box p.cupon_dc span{float: right; color: #666; font-size: 14px; text-align:right; padding-top:5px; margin-top:-10px;}
.cupon_box .cupon_dc {margin:0 auto; color: #666; font-size: 13px; text-align:center;width: 95%; line-height: 20px;}


.m_coupon {padding: 26px 0;}
.m_coupon label {width: 100%; font-size:90%; color: #777; letter-spacing: -1px;}
.m_coupon input {width:76%; float: left; margin-right: 10px; margin-bottom: 10px;}
.m_coupon button {width:20%; float: left; height: 33px; border-radius: 3px; padding: 3px 15px; position: relative; top: 6px;}


/*포인트내역*/
span.point_ball_p{margin-right: 5px;}
span.point_ball_m{margin-right: 5px;}
span.red_p{color:#bb0000; width:50px;  text-align:right; }
span.data{float: right;  font-weight: normal; text-align:right;  padding-top:5px; font-size: 12px; color: #aaaaaa;}
.poi-lis {margin-top: 7px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.board_note {font-weight: bold; margin-bottom: 5px;}



/*장바구니*/border-radius: 1px; }
.naver_login {background: none; border: 0; padding: 0; width: 49%; float: left; margin: 0; margin-top: 5px;}
.kakao_login {background: none; border: 0; padding: 0; width: 49%; float: right; margin: 0; margin-top: 5px;}
.find-add {clear: both; text-align: center; margin: 30px 0; position: relative; top: 20px;}
.find-add a {color: #666; font-size: 12px;}
.find-add span {color: #ccc; font-size: 11px; margin: 10px;}


/* 회원가입 */
.join-tex {vertical-align: top;}
.panel-body .btext {font-size: 12px;}



/* 통합검색 */
.search-result {font-size: 12px;}
.search-result span {font-weight: bold; color: #3399cc;}
.search-course {margin: 5px 0 30px 0; border-top: 1px solid #333;}
.search-course th {padding: 10px 5px; background: #f9f9f9;}
.search-course span {color: #333; font-size: 13px; font-weight: bold;}
.search-course td {padding: 10px 5px; border-bottom: 1px solid #ddd; font-size: 12px;}
.search-course th {border-bottom: 1px solid #ddd;}
.sing-dis {font-size: 12px; color: #aaa;}
.sing-list a {font-weight: bold;}
.room_lecture {padding: 0px 3px; font-size: 12px; height: 18px; border-radius: 2px;}
.sear-news span {font-size: 12px; color: #aaa;}
.sear-news font {font-size: 11px; color: #ccc; margin-right: 5px;}
.sear-news div {font-weight: bold; margin-top: 5px;}


/* 팝업 */
.popup_body img {width: 100%;}
.person-agree {padding: 10px 0; line-height: 2.000em;}
.form-agree {width: 100%;height: 100px;border: 1px solid #dadada;overflow: scroll;overflow-x: hidden;margin: 0 0 7px 0; padding: 10px; font-size: 12px;}
.form-agree p {line-height: 20px;}


.list-sort > input {width: 15px; height: 15px; position: relative; top: 3px;}
.list-sort > span {font-size: 15px; font-weight: 700; color: #fff; margin: 0 10px 0 3px;}
table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.tbasket {table-layout:fixed; font-size: 12px; vertical-align:middle;}
table.tbasket thead {font-size: 13px; height:30px; text-align: center; font-weight: bold; border-top: 1px  solid #ccc; border-bottom: 1px  solid #ccc;}
table.tbasket thead td {height: 36px; background: #f9f9f9;}
table.tbasket tbody{border-bottom: 1px  solid #ccc;}
table.tbasket td{margin:0; line-height:110%; padding-top:5px;  padding-bottom:5px; vertical-align:middle;}	
table.tbasket td.bleft{text-align: center; padding-top:5px; padding-bottom:5px;}
table.tbasket td.bright{text-align: right; padding-right:5px; vertical-align:middle;}
table.tbasket td.btotal{text-align: right; height:40px; padding-right:10px; vertical-align:middle;}

/*주문*/
table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.torder {table-layout:fixed; font-size: 12px; vertical-align:middle;}
table.torder th{font-size: 17px; height:30px; padding-left:2px; text-align: left; color:#428bca; font-weight: bold;  border-bottom: 2px  solid #555;}
table.torder tbody{border-bottom: 1px  solid #ccc;}
table.torder td{line-height:20px; vertical-align:middle;border-bottom: 1px  solid #ccc; padding: 5px 0;}	
table.torder td.oleft{text-align: left; padding-left:7px;}
table.torder td.oright{text-align: right; padding-right:5px; vertical-align:middle;}
table.torder td.gright{text-align: right; padding-right:5px; vertical-align:middle; background:#eee;}
table.torder td.otext{text-align: left; padding:10px 5px 10px 0; vertical-align:middle;}

table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.tpay{table-layout:fixed; font-size: 12px; vertical-align:middle;}
table.tpay img{padding:3px;}

table {margin:0; padding:0; width:100%; border-collapse:collapse;}	
table.tadd {table-layout:fixed; font-size: 12px; vertical-align:middle;}
table.tadd th{font-size: 17px; height:30px; padding-left:2px; text-align: left; color:#428bca; font-weight: bold;  border-bottom: 2px  solid #555;}
table.tadd tbody{}
table.tadd td{margin:0; height:38px; vertical-align:middle;}	

p.b_order{padding-top:7px; font-size: 13px; text-align: left;  color:#428bca;}
span.ogreen{color:#1d8b00; font-weight: bold;}


.pay-ea {float: left; color:#428bca; margin-top:3px; font-weight: bold;}
.pay-font {float: right; color:red; font-weight: bold; text-align: right;  line-height: 20px;}
.pay-font-doller {float: right; color:#333; font-weight: bold; text-align: right;  line-height: 20px; padding-left: 10px;}

.pakage_list {border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 6px;}

.btn_basket {width:58px; height:20px; color:#fff;  font-size: 11px; margin-top: -4px; padding:1px 5px; line-height:1.5; border-radius:3px; background-color:#f0ad4e; border:1px solid #eea236;}

.btn_basket2 {margin: 0px; width:30px; height:16px; padding: 0; font-size: 11px; border-radius: 2px;}
.btn_message {width:50px; height:20px; margin-top:-1px;}

.oder-opt {line-height: 18px; color: #888; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden;}
#buy_total_money {font-size: 16px;}

input.no {width: 40px; height: 26px;}
.ord-list font {margin-right: 20px;}
.list-group .ord-lis-title {font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; margin-top: 5px;}


/* 주문상세 */
.order-detail-table {font-size: 13px; margin-top: 10px;}
.order-detail-table thead {border-top: 1px solid #000;}
.order-detail-table td {border-bottom: 1px solid #d7d7d7; line-height: 20px; padding-left: 5px;}
.order-detail-table tr>th {border-bottom: 1px solid #d7d7d7; background: #f9f9f9; padding: 10px 7px; width: 79px;}
.order-detail-table2 {margin-top: 20px; font-size: 13px;}
.order-detail-table2 thead {border-top: 1px solid #000; background: #f9f9f9; text-align: center; font-weight: bold;}
.order-detail-table2 tbody {line-height: 20px;}
.order-detail-table2 th {border-bottom: 1px solid #d7d7d7; padding: 10px 7px; width: 53px;}
.order-detail-table2 td {border-bottom: 1px solid #d7d7d7; padding: 10px 0;}
.order-detail-table2 td p {padding: 0; text-align: center; width: 42px; margin: 0 auto;}


/* 푸터 */
.footerWrapper {position:relative;  clear:both; margin:0 auto;  bottom:0; width:100%;}
.footer {text-align:center; font-size:80%;   width: 100%;  background-color: #eee; padding:13px;}
.footer a{letter-spacing:-1px; color:#014d87;} 
.footer1 {text-align:center; color:#3f4e5d; width:100%; padding-top:10px; clear:both; line-height:160%;}
.footer2 {text-align:center; color:#3f4e5d; width:100%; line-height: 160%;}
.footer3 {color:#3f4e5d; text-align:center; width:100%; line-height: 160%;}
.footer .fmenu{ width:100%; font-size:80%;  color:#000; display:block; line-height:24px;}
.footer .fmenu ul{width:205px; margin:0 auto;}
.footer .fmenu li {float:left;  text-decoration:none; list-style:none;  margin-left:4px; text-align:center;}
.footer .fmenu li a{text-align:center; border:1px solid #b6b6b6;  FONT-SIZE:12px; color:#555555; width:70px; line-height:24px; border-radius:3px; background-color:#FFF; padding:3px 10px;}
.footer .fmenu li a.hover, a,focus{text-decoration:none;}
#gotop img {width: 34px; opacity: 0.7;}


/* 강사매출통계 */
.stats thead {font-weight:bold; text-align: center; padding: 10px; background: #fcfcfc; border-top: 1px solid #929292;}
.stats td {text-align: center;}
.mem-search select {float:left; margin: 0 0 10px 0;}
.mem-search .approve {width: 35%; margin-right: 10px;}
.mem-search .year {width: 40%; margin-right: 5px;}
.mem-search .month {width: 35%; margin-right: 5px;}
.mem-search .btn-default {width: 65px; margin: 10px 0 10px 0; font-weight: bold; color: #fff; background: #428bca; border: 0;}


/* 아이디패스워드찾기 */
.id-ok {height: 115px; font-size: 16px; text-align: center; display: block; border: 1px solid #ddd; padding: 15px; border-radius: 5px;}
.id-ok img {width: 80px; float: left; margin-right:15px;}
.find_text span {color: #ff9900; font-size: 18px; margin-top: 15px; font-weight: bold; border-bottom: 1px dotted;}
.find_text {text-align: left; margin-top: 18px; line-height: 25px;}
.findok-btn {text-align: center; margin-top: 20px;}


/* 로그인 */
.log-tab li {float: left; margin: 0 5px 10px 0;}
#tabSubMenu img {clear:both; width: 100%;}
.login input {margin: 10px 0; height: 40px;}
.login button {margin-top: 10px; height:90px; border-radius:4px;}
.login_box{ width: 100%; margin-top:20px; height:120px; }
.login_left{float: left; width:70%; height:150px; clear:both;}
.login_right{float: right; width:27%; height:120px;}


/* 추가 */
.title_843:link {color:dodgerblue;}
.title_843:hover {color:red;}
.title_843:active {color:orangered;}