/*Webfont*/
@font-face {
    font-family: 'lgsmart';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/lgsmhar.eot');
    src: url('/fonts/lgsmhar.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lgsmhar.woff') format('woff')
}


@font-face {
    font-family: 'lgsmart';
    font-style: normal;
	font-weight: bold;
    src: url('/fonts/lgsmhasb.eot');
    src: url('/fonts/lgsmhasb.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lgsmhasb.woff') format('woff')
}

.Loginpage .login-page {width: 360px;padding: 8% 0 0;margin: auto;}
.Loginpage .form {position: relative;z-index: 1;background: #FFFFFF;max-width: 360px;margin: 0 auto 100px;padding: 45px;text-align: center;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
.Loginpage .form input {font-family: "Roboto", sans-serif;outline: 0;background: #f2f2f2;width: 100%;border: 0;margin: 0 0 15px;padding: 15px;box-sizing: border-box;font-size: 14px;}
.Loginpage .form a.btn {font-family: "Roboto", sans-serif;text-transform: uppercase;outline: 0;background: #a50002;width: 100%;border: 0;padding: 15px;color: #FFFFFF;font-size: 16px; border-radius:0;}
.Loginpage .form button:hover,.form button:active,.form button:focus {background: #43A047;}
.Loginpage .form .message {margin: 15px 0 0;color: #b3b3b3;font-size: 12px;}
.Loginpage .form .message a {color: #4CAF50;text-decoration: none;}
.Loginpage .form .register-form {display: none;}
.Loginpage .container {position: relative;z-index: 1;max-width: 300px;margin: 0 auto;}
.Loginpage .container:before, .container:after {content: "";display: block;clear: both;}
.Loginpage .container .info {margin: 50px auto;text-align: center;}
.Loginpage .container .info h1 {margin: 0 0 15px;padding: 0;font-size: 36px;font-weight: 300;color: #1a1a1a;}
.Loginpage .container .info span {color: #4d4d4d;font-size: 12px;}
.Loginpage .container .info span a {color: #000000;text-decoration: none;}
.Loginpage .container .info span .fa {color: #EF3B3A;}
.Loginpage {background: #a50002;}

.btn {font-weight:bold;}
* {font-family: lgsmart, '맑은고딕','Malgun Gothic', '나눔고딕', NanumGothic, '굴림', dotum, Tahoma, Verdana, Arial, sans-serif !important; color:#666;}
.fa {font-family: 'FontAwesome' !important;}

h1, h2, h3 {font-weight:900;}

.topbgcolor {background:#2b2b2b;}
.t-pad-15 {padding-top:15px;}
.t-pad-5 {padding-top:5px;}
.t-pad-10 {padding-top:10px;}
.b-pad-15 {padding-bottom:15px;}

.text-white {color:#fff;}
.visualbgcolor {background:#a50034;}
.visualbgcolor h1 {color:#fff; margin:0;padding:0; padding-top:30px; padding-bottom:30px;}
.navbar-toggle .fa-bars {color:#fff;}
.navbar-toggle {margin-top:10px;}
.nav > li > a:hover {background:#4c4c4c;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background:#4c4c4c;}
.nav > li > a, .nav > li > a > span {color:#fff;}
.dropdown-menu {background:#4c4c4c;}
.dropdown-menu > li > a {color:#fff;}
.dropdown-menu .divider {background:#666;}
.navbar-brand {margin-bottom:12px;}
.navbar-nav {padding-top:6px;}

.footer-area {border-top:1px solid #dcdcdc; background:#f0f0f0; margin-top:2em; padding-top:15px; padding-bottom:15px;}

.footer-menu, .footer-menu > li, .footer-menu > li > a {margin:0;padding:0;list-style:none; color:#222; text-decoration:none;}
.footer-menu > li {display:inline-block; padding-right:1em;}
.footer-menu > li:last-child {padding-left:0.5em;}
.footer-menu > li:last-child > a {color:#a50034;}
.footer-menu > li:first-child {border-right:1px solid #222;}
.footer-menu {font-size:1.25em; padding-top:1em; padding-bottom:1em;}

.breadcrumb-area {border-bottom:1px solid #b1b1b1; box-shadow: 0 5px 5px #ddd}
.breadcrumb-area .breadcrumb {margin-bottom:0; background:#fff; padding:0;}
.breadcrumb-area li {padding-top:20px; padding-bottom:18px;}
.breadcrumb-area .breadcrumb > li + li::before {content:none; padding:0;}
.breadcrumb-area .breadcrumb > li {padding-left:20px; padding-right:20px; border-left:1px solid #cdcdcd;}
.breadcrumb-area .breadcrumb > li:first-child {border-left:1px solid #fff;}

.title-contents {font-size:3em; color:#000; display:inline-block; border-bottom:2px solid #000;}
.contents-area {padding-top:2em; color:#000;}

.contents-tile > div {margin-top:15px;}
.contents-tile > div > div {cursor:pointer; border:1px solid #f5f5f5; padding:15px 15px 0 15px;}
.contents-tile > div > div:hover {background:#f7f7f7;}
.contents-tile img {float:right; padding-top:2em;}




.main-visual {background:#a50002; text-align:center; color:#fff;margin:0;padding:0;}
.main-visual > h1 {padding:0;margin:0;padding:2em;}
.main-board h2 {font-size:1.2em; border-bottom:1px solid #ccc; padding-bottom:0.7em;}
.main-board ul li::before {font-family: FontAwesome; content: "\f105"; margin-left:1em; margin-right:0.5em;}
.main-board ul, .main-board li {padding:0;margin:0; list-style:none; }
.main-board li {padding-top:0.3em;}

.pagefooter {margin-top:4em; border-top:1px solid #ddd; padding-top:1em; margin-bottom:4em;}
.pagefooter > .col-md-12 {text-align:center;}
.pagefooter ul, .pagefooter li {list-style:none; padding:0;margin:0;}
.pagefooter ul li {display:inline-block; font-size:0.8em;}

.sub-visual {background:#a50002; margin:0;padding:1em;}
.sub-title {padding:1em; font-size:2em; font-weight:bold;color:#fff;}
.sub-visual .breadcrumb {background:none; border:none; color:#fff; text-align:right; margin-bottom:0;}
.sub-visual .breadcrumb * {color:#fff !important;}

.contents-section {padding-top:1em;}

.smtitle {background:url('/images/bg-smtitle.gif') left top no-repeat; font-size:23px; padding-top:23px; color:#000;}

.logo-w {background:url('/images/logo-w.png') center center no-repeat;}

.main-notice {margin-top:1em;}
.main-notice > div {border:1px solid #efefef;min-height:10em;}
.main-notice > div:first-child {border-right:none;}
.main-notice > div > dl > dt {font-size:1.25em; margin-bottom:5px; margin-top:1em;}
.main-notice > div > dl {overflow:hidden; white-space:nowrap;}

.blank-devide {height:5em;}


.to-top {
	position: fixed;
	text-align: center;
	right: 17px;
	bottom: 17px;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
    z-index: 10000;
    height: 29px;
    width: 29px;	
	background:#000;
	display:none;
}


.to-top > i, .to-top > i:hover {color:#fff; font-weight:bold; display:block; padding-top:6px; text-decoration:none;}

.pagination > li > a {margin:2px; border-radius:0 0 0 0 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#a50034;border-color:#a50034;}

.search-input {background:#efefef; border:1px solid #cbcbcb; padding:2em; text-align:center; margin:3em 0 3em 0;}
.btn {border-radius:0 0 0 0 !important; text-shadow:none !important;}
.btn-default {background:#585858; color:#fff;}
.form-control {border-radius:0 0 0 0 !important;}



.board-title-area {border:1px solid #ccc; background:#eee; font-size:1.25em; padding:1em 0 1em 0; box-shadow:0 3px 3px #ddd; margin:15px;}
.board-contents-area {margin:15px; margin-bottom:5em;}
.board-title-area > div.hidden-xs {font-size:0.75em !important; padding-top:0.25em;}
.board-title-area > div {color:#000;}

.board-list-area > div {border:1px solid #ccc; background:#eee; padding-top:10px; padding-bottom:10px;}
.board-list-area {margin-left:15px; margin-right:15px;}
.board-list-area > div:first-child {border-right:none; color:#000;}



.panel-default, .panel-default * {border-radius:0 0 0 0 !important;}

.panel-default .panel-title {font-size:1.25em; background:url('/images/bg-faq-q.png') 10px 10px no-repeat; background-color:#fff;}
.panel-default .panel-body {font-size:1.25em; background:url('/images/bg-faq-a.png') 10px 10px no-repeat #f8f8f8;}
.panel-heading {padding:0;}
.panel-title {padding:20px 0 20px 60px;}
.panel-body {padding-left:60px;}

.curriculum-list {border:2px solid #cecece; box-shadow: 2px 2px 2px #ccc; margin-top:2em; cursor:pointer;}
.curriculum-list:hover {border:2px solid #a50034; }
.curriculum-img {background:#eee;}
.curriculum-divide {width:15px; height:4px; background:#a50034; margin-left:1em;}
.curriculum-subject {font-size:1.25em; color:#000; padding:0.5em;}
.curriculum-contents {padding:1em;}

.curriculum-list-s {border:1px solid #cecece; box-shadow: 2px 2px 2px #ccc; margin-top:2em; cursor:pointer; min-height:386px;}
.curriculum-list-s:hover {border:1px solid #a50034; }


.cu-table-bg {border:none; margin-top:2em;}
.cu-table-bg td, .cu-table-bg th {padding:0.5em !important;}
.cu-table-bg th {text-align:center !important; background-color:#656565; color:#fff;}
.cu-table-bg * {border-color:#838383;}
.cu-table-bg thead {border-top:1px solid #838383;}
.cu-table-bg thead tr, .cu-table-bg thead tr th {border-bottom:0 !important; background:#656565; text-align:center;}
.cu-table-bg tr th:last-child, .cu-table-bg tr td:last-child {border-right:none !important;}
.cu-table-bg tfoot tr td:first-child, .cu-table-bg tfoot tr th:first-child, .cu-table-bg thead tr th:first-child, .cu-table-bg thead tr td:first-child, .cu-table-bg tbody tr th:first-child, .cu-table-bg tbody tr td:first-child {border-left:none !important;}
.cu-table-bg tfoot {background:#fcfcfc;}
.cu-table-bg tfoot p {margin-bottom:0 !important; line-height:170%; font-weight:bold;}
p.big-forcus {color:#31afc3; font-size:1.25em; font-weight:bold;}
.cu-board > tbody > tr > td {text-align:center;}
.cu-board > tbody > tr > td.subject {text-align:left;}


.pagination {margin:0;}

.curriculum-point {cursor:pointer;}
.curriculum-point:hover {border-color:#000;}

.smcontent {line-height:180%; font-size:1.2em;}

.media-no {font-size:1em; font-weight:900; color:#a50034; padding:0.5em 0.5em 0 0.5em;}
.media-subject {font-size:1.25em; color:#000; margin:0 0.5em 0 0.5em; border-bottom:1px dashed #333; padding-bottom:0.5em;}
.media-contents {padding:1em;}
.media-img {margin:0.5em;}
.media-infor * {padding:0;margin:0;list-style:none;}
.media-infor ul {margin:0.5em;}
.media-infor ul dl * {display:inline-block;}
.media-infor ul dl {margin-bottom:1em;margin-left:0.5em; margin-right:0.5em;}
.media-infor ul dl dt {padding-right:5px; border-right:1px solid #ddd;}
.media-infor ul dl dt::before {content:"· ";}
.media-infor {padding-bottom:10px;}
.media-stat dt, .media-stat dd {display:block !important; border:none !important;}
.full-stat, .full-stat span {display:block;}
.full-stat {width:100%; background:#aaa;}
.full-stat span {height:20px; background:#a50034;}
.stat-text {text-align:center; color:#fff; font-size:12px; font-weight:bold; margin-top:-38px; font-weight:900;}

.btn-view-license {padding-bottom:0.5em;padding-right:0.5em;}

#pause-button {display:none;}

#video-button {z-index:998; position:absolute;left:0;top:0; cursor:pointer;}
#video-button:hover {background:url('/images/btn-play.png') center center no-repeat;}
#video-button-n {z-index:999; position:absolute;left:0;top:0; cursor:pointer;}
#video-button-n:hover {background:url('/images/btn-pause.png') center center no-repeat;}

.license-area {border:1px solid #ddd; padding:5px;}
.license-subject {font-size:2em; font-weight:bold; color:#000;text-align:center; line-height:3em; background:url('/images/badge.png') right top no-repeat;}
.license-border {border:1px solid #eee; padding:0.5em;}
.license-list {margin-top:2em;}

.marquee {
  width: 100%;
  padding:5px;
  overflow: hidden;
  background: #a50002;
  color:#fff;
}

.marquee * {color:#fff; font-weight:bold;}

.license-infor * {padding:0;margin:0;list-style:none;}
.license-infor ul {margin:0.5em;}
.license-infor ul dl * {display:inline-block;}
.license-infor ul dl {margin-bottom:1em;margin-left:0.5em; margin-right:0.5em;}
.license-infor ul dl dt {padding-right:5px;}
.license-infor ul dl dt::before {content:"· ";}
.license-infor {padding-bottom:10px;}

.license-contents {text-align:center; line-height:180%; padding:0.5em;}


.quiz-list-ul, .quiz-list-ul > li {padding:0;margin:0; list-style:none;}
.quiz-list-ul h3 {margin:0; padding:10px;}
.quiz-list-ul label {display:block; padding:10px 15px;}
.quiz-list-ul .list-group-item {padding:0;}
.quiz-list-ul .panel {box-shadow:none;} 
.quiz-header {font-size:2.5em;}
.quiz-header small {color:#a50034;}

.contentBlue {
  width: 100%;
  padding:5px;
  overflow: hidden;
  color:#0100FF;
}
.contentBlue * {color:#0100FF; font-weight:bold;}
.contentRed {
  width: 100%;
  padding:5px;
  overflow: hidden;
  color:#FF0000;
}
.contentRed * {color:#FF0000; font-weight:bold;}