/* --------------------------------------------------------------------------
 * UnicornNet.com  	: LMS Default HTML Template
 *  
 * file					: skin1.css
 * page				: 홈페이지 스타일 1
 * Version 			: 1.0
 * Author			: UnicornNet - Team
 * Author URI		: http://unicornnet.com
 *
 * UnicornNet Copyright 2002 All Rights Reserved.
 * -------------------------------------------------------------------------- */
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
/* font-family: 'Noto Serif KR', serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */


html, body, section, div, p, span, em, form, button, input, select, textarea, table, th, td, em, u, h1, h2, h3, h4, h5, h6
{ font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif, inherit; }

.clear-5
{ padding-top: 5px; }
.clear-10
{ padding-top: 10px; }
.clear-20
{ padding-top: 20px; }
.clear-30
{ padding-top: 30px; }

.point-line
{ border-top: 3px solid #1ABC9C; }
.badge-medium
{ padding: 0.25em 0.4em; font-size: 100%; }

.button-theme
{ background-color: #1ABC9C }
.button-3d.button-theme:hover,
.button-border.button-theme.button-fill::before,
.button-border.button-theme:hover,
.button-reveal.button-theme:hover
{ background-color: #1ABC9C!important }
.button-border.button-theme
{ color: #148871; border-color: #148871; }

.form-group > label.error
{ display: block !important; text-transform: none; }
.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error { display: none !important; }

.sub-menu-container > .menu-item > .menu-link.current
{ font-weight: 700; background-color: #f9f9f9; padding-left: 18px; color: #1ABC9C; }

#top-bar
{  position: relative; border: 0; background-color: #0A2244; font-size: 15px; color: #FFFFFF; }

#top-info
{ position: relative; border: 0; background-color: #FFFFFF; font-size: 15px; color: #000000; }
#top-info > div > p
{ line-height: 30px; padding: 0;  margin: 0; color: #555555; font-size: 12px; }
#top-info > div > p > span
{ color: #CCCCCC; }
#top-info > div > p > i
{ font-size: 14px; }
@media (max-width: 768px) {
	#top-info > div > p
	{ text-align: center; }
}

.main-cs-center > div > h3
{ font-weight: 400; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif, inherit; }
.main-cs-center > div > h1
{ font-size: 40px; font-weight: 500; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif, inherit; }
.main-cs-center > div > p > img
{ width: 16px; }
.main-cs-center > div > p > span
{ padding: 0 10px; color: #AAAAAA; }
.main-cs-center > div > p > strong
{ font-weight: 800; color: #333333; }
.main-cs-center > div:nth-of-type(2) > p
{ font-size: 20px; }
.main-cs-center > div:nth-of-type(2) > p > img
{ width: 24px; }
@media (max-width: 768px) {
	.main-cs-center > div
	{ text-align: center; }
	.main-cs-center > div > h3
	{ font-size: 18px; }
	.main-cs-center > div > h1
	{ font-size: 30px; }
	.main-cs-center > div:nth-of-type(2)
	{ padding-top: 50px; }
}



.top-links
{ position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; border-bottom: 1px solid #eee }
@media (min-width: 768px) {
	.top-links
	{ border-bottom: 0 }
}
.top-links-container
{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin-bottom: 0 }

.top-links-item
{ position: relative; border-left: 1px solid #eee }
.top-links-item:first-child,
.top-links-sub-menu .top-links-item
{ border-left: 0!important }

.top-links-item > a
{ display: block; padding: 18px 32px; font-size: 15px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #FFFFFF }
.top-links-item > a:hover
{ background-color: #FFFFFF; color: #1ABC9C; }

.menu-link
{ display: block; line-height: 22px; padding: 14px 25px; color: #444; font-weight: 600; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; font-family: Poppins, sans-serif}
.menu-container > li:not(:first-child)::before
{ color: #FFFFFF; content: '|'; font-size: 18px; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 50%; border-left: 1px solid #EEE }

@media (max-width: 768px) {
/*
	#top-direct
	{ display: none !important; }
*/
	.top-links-item > a
	{ padding: 10px 15px; font-size: 13px; line-height: 16px; }
	.top-links
	{ border-bottom: 0; float: right; }
}





.fbox-padding-10
{ padding-left: 10px; padding-right: 10px; }
.fbox-icon
{ width: 70px; height: 70px; padding: 0 }
.fbox-icon > a,
.fbox-icon > a > img
{ display: block; position: relative; width: 100%; height: 100%; color: #FFFFFF }
.fbox-icon > a > img
{ border-radius: 50%; background-color: #FFFFFF }


.fbox-content
{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; padding: 0 .75rem }
.fbox-content h3
{ font-size: 1rem; font-weight: 600; font-family: Poppins, sans-serif; text-transform: uppercase; margin-bottom: 0; color: #333 }
.fbox-content p
{ margin-top: .5rem; margin-bottom: 0; color: #999 }
.fbox-content .before-heading
{ font-size: .875rem }




.entry-title-comunity-title h2
{ font-size: 32px; font-weight: normal; text-transform: uppercase; letter-spacing: 0; color: #000000; }

@media (max-width: 767px)
{
	.entry-title-comunity-title h2
	{ font-size: 26px; }
}


.entry-meta,
.entry-content,
.entry-content > .team-content
{ padding: 0; margin: 5px 0 0; }
.entry-content
{ margin-top: 10px; }
.entry-content > .team-content > h6
{ padding: 0; margin: 0; }
.entry-content > .team-content > p
{ line-height: 8px; font-size: 14px; margin: 0; padding: 0; }



.pricing-title > span
{ font-size: 16px; font-weight: 700; color: #000000; }

.pricing-price
{ position: relative; padding: 1.5rem 0; color: #333333; font-size: 40px; line-height: 1; letter-spacing: -2px; }
.pricing-price .price-unit
{ display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: 400 }
.pricing-price .price-tenure
{ vertical-align: baseline; font-size: 1rem; font-weight: 400; letter-spacing: 1px; color: #999; margin: 0 0 0 3px }
.pricing-highlight .pricing-price
{ font-size: 50px; }

.button.button-border.active
{ border: 2px solid #444; background-color: #444444!important; color: #FFFFFF; }







/* ##########   SIDEBAR   ########## */
.sidebar-item .title h4
{ display: inline-block; font-weight: 600; margin-bottom: 10px; padding-bottom: 15px; position: relative; text-transform: uppercase; z-index: 1; }
.sidebar-item .title h4::before
{ background: #1ABC9C none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 50px; }
.sidebar-item .title h4:after, .sidebar-item .title h4:before
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sidebar-item .title h4::after
{ background: #1ABC9C none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 55px; position: absolute; width: 10px; }
.sidebar-item .title h4:after,
.sidebar-item .title h4:before
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }




.sidebar-info > ul
{ margin: 0; display: block; list-style-type: none; }
.sidebar-info > ul > li
{ height: auto; list-style-type: none; border-bottom: 1px dashed #999999; margin: 0; padding: 10px 0; display: list-item; text-align: -webkit-match-parent;	background: ; }
.sidebar-info > ul > li > a
{ color: #666666; display: block; position: relative; text-transform: capitalize; z-index: 1; }
.sidebar-info > ul > li > a:hover
{ color: #000000; padding-left: 5px; }
.sidebar-info > ul > li > a:active
{ color: #FF1100; font-weight: 700; }
.sidebar-info > ul > li.active > a
{ color: #000000; font-weight: 700; }
.sidebar-info > ul > li.active > a:after
{ top: 3px; right: 2px; content: "●"; color: #FF1100;	font-size: 10px; font-family: 'font-icons'; position: absolute; width: 10px; }



.sidebar-info > ul > li > ul
{ margin: 15px 0 0; display: block; list-style-type: none; }
.sidebar-info > ul > li > ul > li
{ height: auto; list-style-type: none; margin: 0; padding: 0 0 10px; display: list-item; text-align: -webkit-match-parent; }
.sidebar-info > ul > li > ul > li > a
{ color: #666666; display: block; position: relative; text-transform: capitalize; z-index: 1; padding-left: 22px; }
.sidebar-info > ul > li > ul > li > a:after
{ top: 1px; left: 0; content: "├"; color: #AAAAAA; font-size: 14px; font-weight: 900; font-family: 'font-icons'; position: absolute; width: 14px; }
.sidebar-info > ul > li > ul > li:last-child > a:after
{ content: "└"; }
.sidebar-info > ul > li > ul > li > a:hover
{ color: #000000; padding-left: 24px; }
.sidebar-info > ul > li > ul > li > a:active
{ color: #FF1100; font-weight: 700; }
.sidebar-info > ul > li > ul > li.active > a
{ color: #000000; font-weight: 700; }
.sidebar-info > ul > li > ul > li.active > a:after
{ top: 3px; right: 2px; content: "●"; color: #FF1100;	font-size: 10px; font-family: 'font-icons'; position: absolute; width: 10px; }


/* ##########   SIDEBAR   ########## */





/* #####   TABLES   ##### */
.col-1{width:1px}
.col-4{width:4%}
.col-6{width:6%}
.col-7{width:7%}
.col-8{width:8%}
.col-10{width:10%}
.col-12{width:12%}
.col-14{width:14%}
.col-16{width:16%}
.col-18{width:18%}
.col-20{width:20%}
.col-22{width:22%}
.col-24{width:24%}
.col-26{width:26%}
.col-28{width:28%}
.col-30{width:30%}
.col-32{width:32%}
.col-34{width:34%}
.col-36{width:36%}
.col-38{width:38%}
.col-40{width:40%}
.col-42{width:42%}
.col-44{width:44%}
.col-46{width:46%}
.col-48{width:48%}
.col-50{width:50%}


.table-fixed
{ table-layout: fixed; }

.table
{ margin-bottom: 0; }

.table > thead > tr > th
{ border-bottom-width: 1px; outline: 0; font-weight: 400; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{ vertical-align: middle; padding: 7px; line-height: 150%; }

.table > thead > tr > th
{ vertical-align: middle; border-bottom: 3px double #BBBBBB; background-color: #F4FFFD; color: #000000; }

.table > thead.double > tr > th
{ border: 1px solid #DDDDDD; background-color: #F4FFFD; color: #000000; padding: 5px; }

.table > thead.double
{ border-bottom: 3px double #BBBBBB; }


.table > thead > tr > th > span > em
{ font-size: 90%; font-weight: normal; font-style: normal; }

@media (max-width: 767px)
{
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td
	{ padding: 6px 5px; font-size: 95%; }

	.table > thead.schedule > tr > th
	{ padding: 3px 6px; line-height: 150%; }
}









/*
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td
{ padding: 5px 5px; }

.table-scondensed > thead > tr > th,
.table-scondensed > tbody > tr > th,
.table-scondensed > tfoot > tr > th,
.table-scondensed > thead > tr > td,
.table-scondensed > tbody > tr > td,
.table-scondensed > tfoot > tr > td
{ padding:3px }
*/

.table-community > thead
{ border-top: 2px solid #37D48B; color: #333333; }
.table-community > thead > tr > th,
.table-community > tbody > tr > td
{ padding: 10px 8px; text-align: center; }
.table-community > tbody
{ border-bottom: 1px solid #E6E6E6; }
.table-community > thead > tr > th.text-left,
.table-community > tbody > tr > td.text-left
{ text-align: left; }
.table-community > thead > tr > th.text-right,
.table-community > tbody > tr > td.text-right
{ text-align: right; }
.table-community > thead > tr > th
{ background-color: #FBFBFB; border-top: 2px solid #333333; }


.table-bordered.table-lecture,
.table-bordered.table-lecture > thead > tr > th:first-child,
.table-bordered.table-lecture > tbody > tr > td:first-child
{ border-left: 0; }
.table-bordered.table-lecture,
.table-bordered.table-lecture th:last-child,
.table-bordered.table-lecture td:last-child
{ border-right: 0; }

.table-theme > thead
{ border-top: 2px solid #37D48B; color: #000000; }
.table > thead > tr > th,
.table > tbody > tr > td,
.table-theme > thead > tr > th,
.table-theme > tbody > tr > td
{ padding: 10px 8px; text-align: center; }
.table > tbody,
.table-theme > tbody
{ border-bottom: 1px solid #E6E6E6; color: #333333; }
.table-theme > thead > tr > th.text-left,
.table-theme > tbody > tr > td.text-left
{ text-align: left; }
.table-theme > thead > tr > th.text-right,
.table-theme > tbody > tr > td.text-right
{ text-align: right; }
.table-theme > thead > tr > th
{ background-color: #FBFBFB; }

.table-theme > tbody.tbody-theme
{ border-top: 2px solid #37D48B; }

/*
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th
{ background-color: #FDF5F5; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th
{ background-color: #F5FAF4; }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th
{ background-color: #FFFDF0; }

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th
{ background-color: #F5FBFD; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th
{ background-color: #fafafa; }
*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th
{ background-color: #fcfcfc; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th
{ background-color:#EEEEEE }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th
{ background-color:#e8e8e8 }
/*
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th
{ background-color:#dff0d8 }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th
{ background-color:#d0e9c6 }

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th
{ background-color:#F2FCFE }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th
{ background-color:#c4e3f3 }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th
{ background-color:#ECF9FF }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th
{ background-color:#FDFEF4 }

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th
{ background-color:#fcf8e3 }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th
{ background-color:#ebcccc }
*/
/* Feedback table */

.table-feedback thead > tr > th,
.table-feedback tbody > tr > td
{ text-align: center; width: 10%; }

.table-feedback thead > tr > th:first-child,
.table-feedback tbody > tr > td:first-child
{ width: auto; }

.table-feedback .radio,
.table-feedback .checkbox,
.table-feedback .checker,
.table-feedback .choice
{ margin: 0; }

@media (max-width: 768px) {
	.table-responsive2
	{ width: 100%; margin-bottom: 15px; overflow: auto; border: 3px solid #DDDDDD; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
	.table-responsive2 > .table
	{ table-layout: auto;  word-break:break-all; }
	.table-responsive2 > .table > thead > tr > th,
	.table-responsive2 > .table > tbody > tr > th,
	.table-responsive2 > .table > tfoot > tr > th,
	.table-responsive2 > .table > thead > tr > td,
	.table-responsive2 > .table > tbody > tr > td,
	.table-responsive2 > .table > tfoot > tr > td
	{ white-space: nowrap; vertical-align: middle; }
}

@media (max-width: 900px) {
	.table-responsive3
	{ width: 100%; margin-bottom: 15px; overflow: auto; border: 3px solid #DDDDDD; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
	.table-responsive3 > .table
	{ table-layout: auto;  word-break:break-all; }
	.table-responsive3 > .table > thead > tr > th,
	.table-responsive3 > .table > tbody > tr > th,
	.table-responsive3 > .table > tfoot > tr > th,
	.table-responsive3 > .table > thead > tr > td,
	.table-responsive3 > .table > tbody > tr > td,
	.table-responsive3 > .table > tfoot > tr > td
	{ white-space: nowrap; vertical-align: middle; }
}





/* ===== Tables ===== */

.table > thead.schedule > tr > th
{ vertical-align: middle; text-align: center; padding: 5px 8px; font-size: 95%; font-weight: normal; line-height: 160%; }
.table > tbody.schedule > tr > td
{ vertical-align: top; padding: 3px 8px; font-size: 14px; font-weight: normal; line-height: 170%; min-height: 95px; height: 95px; }

.table > tbody.schedule > tr > td > p
{ margin: 0 0; text-align: center; }

.table > tbody.schedule > tr > td > p.day,
.table > tbody.schedule > tr > td > p.day-hidden
{ text-align: right; font-size: 80%; }
.table > tbody.schedule > tr > td > p.day-hidden,
.table > tbody.schedule > tr > td > p.day-hidden > span
{ color: #DDDDDD; }
.table > tbody.schedule > tr > td > p.day > span
{ color: #C96D4A; }

.table > tbody.schedule > tr > td > p.sc-time,
.table > tbody.schedule > tr > td > p.sc-time > a
{ color: #000000; font-size: 14px; font-weight: 700; }
.table > tbody.schedule > tr > td > p.sc-tutor,
.table > tbody.schedule > tr > td > p.sc-tutor > a
{ font-size: 100%; color: #1ABC9C; font-weight: 600; padding: 0 0 5px; }

.table > tbody.schedule > tr > td > p > a.button-mini
{ font-size: 13px; padding-left: 9px; padding-right: 9px; }



@media (max-width: 1200px)
{
	.table > thead.schedule > tr > th,
	.table > tbody.schedule > tr > td
	{ padding: 3px 6px; font-size: 12px; line-height: 150%; }
	.table > tbody.schedule > tr > td > p.day
	{ font-size: 11px; }
	.table > tbody.schedule > tr > td > p.sc-time,
	.table > tbody.schedule > tr > td > p.sc-time > a
	.table > tbody.schedule > tr > td > p.sc-tutor,
	.table > tbody.schedule > tr > td > p.sc-tutor > a,
	.table > tbody.schedule > tr > td > p > a.button-mini
	{ font-size: 12px; }
	.table > tbody.schedule > tr > td > p > a.button-mini
	{ padding: 3px 5px; }
}






.table-clist > thead > tr > th,
.table-clist > tbody > tr > td
{ vertical-align: middle; text-align: center; padding: 15px 5px; font-size: 14px; font-weight: normal; }
.table-clist > tbody > tr > td
{ padding: 5px; }
.table-clist > tbody > tr > td > span
{ font-size: 13px; }
.table-clist > tbody > tr > td > span.badge
{ font-size: 14px; padding: 5px 8px; }


.table-course
{ font-size: 14px; }
.table-course > tbody > tr > td > img,
.table-course > tbody > tr > td > a > img
{ max-height: 100px; }

/* #####   TABLES   ##### */






.widget-calendar-attend
{ position: relative; font-weight: 600; padding: 2px 5px; border-radius: 3px; }
.wc-attend1
{ background-color: #feffe8; border: 1px solid #d9daba; color: #6c6e37; }
.wc-attend2
{ background-color: #EEFCFE; border: 1px solid #96DFE8; color: #0180BF; }
.wc-attend3
{ background-color: #FFF8F8; border: 1px solid #FF9F98; color: #FF1100; }
.wc-attend4
{ background-color: #F7F7F7; border: 1px solid #CCCCCC; color: #AAAAAA; }
.wc-attend5
{ background-color: #EEFCFE; border: 1px solid #99E5EE; color: #0180BF; }
.wc-attend6
{ background-color: #FF6600; border: 1px solid #D35400; color: #FFFFFF; }
.wc-attend7
{ background-color: #f4ffe8; border: 1px solid #d6e6c4; color: #92aa75; }
.wc-attend8
{ background-color: #fffdee; border: 1px solid #e6e3c9; color: #9e9861; }
.wc-attend9
{ background-color: #eeefff; border: 1px solid #ced0ec; color: #6b6faa; }
.wc-attend10
{ background-color: #ffe2e2; border: 1px solid #e3bfbf; color: #8f5353; }

.wc-attend1:hover,
.wc-attend2:hover,
.wc-attend3:hover,
.wc-attend4:hover,
.wc-attend5:hover,
.wc-attend6:hover
{ text-decoration: none; }



.sidebar-info > p
{ margin: 0; display: block; font-weight: 700; color: #333333; padding: 20px 0 5px; }





.promo h4
{ font-weight: 700; margin-bottom: 0; font-size: 18px; }
.promo h4 > a
{ display: block; color: #FFFFFF; font-weight: 300; font-size: 20px; margin: 0 }
.promo h4 > a > span
{ font-weight: 600; }
.promo h4 > a:hover
{ color: #00aff0; }
.promo p
{ display: block; color: #FFFFFF; font-weight: normal; font-size: 12px; margin: 0 }


.social-icon
{ border: 1px solid #FFFFFF; background-color: #FFFFFF; }


.card-body > span
{ display: inline-block; margin: 0 5px }
.card-body > h4
{ font-size: 18px; font-family: 'Noto Sans KR', sans-serif; }
.card-body > h3
{ font-size: 32px; font-weight: normal; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -2px; }
.card-body > p
{ font-size: 22px; font-weight: normal; font-family: 'Noto Sans KR', sans-serif; }

.iconlist > li > dt
{ font-size: 20px; font-weight: 600; }
.iconlist > li > dd
{ font-size: 18px; font-weight: 500; padding: 0; margin: 5px 0; }


.page-header > h3
{ color: #FFFFFF; font-size: 32px; font-weight: 500; letter-spacing: 0; margin: 5px 0; text-shadow: 0 0 2px #8671da; font-family: 'Noto Sans KR', sans-serif; }
.page-header > h3 > em
{ color: #FFFFFF; font-style: normal; }

.page-header-bottom
{ border-bottom: 1px solid #EEEEEE; padding-left: 15px; padding-right: 15px; font-family: 'Noto Sans KR', sans-serif; }
.page-header-bottom > p
{ font-size: 18px; }
.page-header-bottom > p > span
{ font-weight: 700; }

@media (max-width: 767px)
{
	.page-header > h3
	{ font-size: 20px; margin: 5px 0; letter-spacing: -1px; }

	.page-header-bottom
	{ padding-left: 8px; padding-right: 8px; }
	.page-header-bottom > p
	{ font-size: 14px; }

}


.tab-nav.tab-nav2.tab-course
{ width: 100%; }
.tab-nav.tab-nav2.tab-course li
{ height: 60px; border: 0; margin: 0; width: 50%; padding: 0; }
.tab-nav.tab-nav2.tab-course li a
{ height: 60px; font-size: 22px; padding: 9px 2px; background-color: #f5f5f5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) }
.tab-nav.tab-nav2.tab-course li a
{ background-color: #f5f5f5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) }
.tab-nav.tab-nav2.tab-course li.ui-state-active a
{ top: 0; background-color: #1ABC9C; color: #fff }

.tab-nav.tab-nav2 li
{ margin: 0 1px; }
.tab-nav.tab-nav2 li a
{ height: auto; font-size: 16px; padding: 6px 10px; line-height: 26px; }



.tab-content-header > h4
{ margin: 10px 0; font-size: 18px; font-family: 'Noto Serif KR', serif; font-weight: 400; }
.tab-content-header > h2
{ color: #1ABC9C; margin: 0; padding: 10px 0 30px; font-size: 34px; font-family: 'Noto Serif KR', serif; }
.tab-content-header > h2 > em
{ color: #CCCCCC; font-style: normal; }

.tab-content-header-sub
{ padding: 0 20px; }
.tab-content-header-sub > h4
{ margin: 10px 0; font-size: 18px; font-weight: 400; }
.tab-content-header-sub > h4 > em
{ font-weight: 500; font-size: 20px; font-style: normal;  font-family: 'Noto Sans KR', sans-serif; color: #8671DA; }
.tab-content-header-sub > h2
{ color: #000000; margin: 0; padding: 10px 0 30px; font-size: 28px; font-family: 'Noto Serif KR', serif; }
.tab-content-header-sub > h2 > em
{ color: #CCCCCC; font-style: normal;  }


.iconlist-course > li
{ color: #777777; }
.iconlist-course > li:first-child
{ font-weight: 900; color: #8671DA; }

.iconlist-course-detail
{ padding: 0 10px 40px; border-bottom: 1px solid #EEEEEE; }
.iconlist-course-detail > li
{ color: #777777; padding-left: 10px; font-size: 17px; }
.iconlist-course-detail > li:first-child
{ font-weight: 900; color: #000000; padding: 0 0 8px; font-size: 18px; }

.iconlist-course-updown,
.iconlist-course-disc
{ margin: 0; }

.iconlist-course-updown > li
{ font-weight: 700; color: #8671DA; padding: 10px 0 0; }
.iconlist-course-updown > li:first-child
{ font-weight: 500; color: #777777; padding: 5px 0; }

.iconlist-course-disc > li
{ color: #777777; padding: 5px 0 5px 16px; }
.iconlist-course-disc > li:after
{ top: 4px; left: 0; content: "ㆍ"; color: #000000; font-family: 'font-icons'; position: absolute; width: 10px; }



.phoneeng-header
{ text-align: center; }
.phoneeng-header > h1
{ font-weight: 300; letter-spacing: 0; font-family: 'Poppins',sans-serif; }
.phoneeng-header > h2,
.phoneeng-header > h3
{ font-weight: 400; letter-spacing: 0; }
.phoneeng-header > h1 > span,
.phoneeng-header > h2 > span
{ padding: 0 10px; }
.phoneeng-header-2 > p
{ margin: 5px 0; font-size: 18px; color: #444444; }
.phoneeng-header-3 > h3
{ font-weight: 500; }
.phoneeng-header-3 > h4
{ color: #FFFFFF; font-size: 20px; }
.phoneeng-header-3 > p
{ margin: 5px 0; font-size: 18px; color: #FFFFFF; }



.sample-section > h4
{ font-size: 22px; font-weight: 700; }

.sample-section > p
{ margin-left: 10px; }
.sample-section > p > span
{ font-size: 18px; font-weight: 700; }


.sub-title-1
{ display: block; font-weight: 800; color: #000000; }
.sub-title-1 > i
{ padding-right: 10px; }



@media (max-width: 767px)
{
	.tab-nav.tab-nav2 li
	{ margin: 0 1px; }
	.tab-nav.tab-nav2 li a
	{ height: auto; font-size: 14px; padding: 6px 10px; line-height: 26px; }
	.tab-content-header > h2
	{ font-size: 20px; }
	.tab-content-header > h4
	{ font-size: 15px; }

	.tab-content-header-sub > h2
	{ font-size: 20px; padding-top: 10px; }
	.tab-content-header-sub > h4
	{ margin: 0; padding: 10px 0 20px; font-size: 14px; }

	.phoneeng-header-2 > p,
	.phoneeng-header-3 > p
	{ font-size: 14px; }
}




.visual-column
{ position: relative; width: 100%; margin-left: 10px; }
.visual-column > .alignleft
{ width: 160px; }
.visual-column > .alignleft > img
{ -webkit-border-radius: 5px; border-radius: 5px; }
.visual-column > h4
{ font-size: 20px; font-weight: 700;}
.visual-column > p
{ font-size: 18px; font-weight: 500; margin: 4px 0; }

@media (max-width: 767px)
{
	.visual-column
	{ margin-left: 0; }
	.visual-column > .alignleft
	{ width: 140px; }
	.visual-column > h4
	{ padding-top: 0; font-size: 16px; }
	.visual-column > p
	{ font-size: 14px; }
}

.fbox-content
{ text-align: center; }
.fbox-content h3
{ font-weight: 600; text-transform: uppercase; margin-bottom: 0; color: #333 }
.fbox-content p
{ margin-top: 0; margin-bottom: 0; color: #555555; }


.quote p
{ font-size: 16px; }


.cstep-content > h1
{ color: #1ABC9C; font-weight: 500; }
.cstep-content > h1 > small
{ color: #000000; font-size: 70%; }
.cstep-content > p
{ font-size: 18px; color: #555555; }



.visual-column-detail > .block
{ margin-left: 30px; }
.visual-column-detail > .block > h5
{ font-size: 16px; color: #02b0ef; font-weight: 500; margin-bottom: 1px; }
.visual-column-detail > .block > p
{ margin-left: 30px; font-size: 14px; }
.visual-column-detail > .block > p.nomargin
{ margin-left: 0; font-size: 14px; }

@media (max-width: 767px)
{
	.visual-column-detail > .block
	{ margin-left: 0; }
	.visual-column-detail > .block > p
	{ font-size: 14px; }
}

/* ===== Pagination ===== */
/*
.pagination
{ margin: 0; float: right }
@media (max-width: 767px)
{
	.pagination
	{ float: none; }
}
.pagination > li
{ font-size: 14px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
{ background-color: #37D48B; color: #FFFFFF; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{ background-color: #37D48B; border-color: #37D48B; }
*/




.header-text-box1
{ margin: 0; display: block; padding: 20px 10px 20px 40px; border: 1px solid #DDDDDD; border-radius: 3px }
.header-text-box1 > ul
{ margin: 0; padding: 0; }

@media (max-width: 768px) {
	.header-text-box1
	{ padding: 15px 10px 15px 30px; }
	.header-text-box1 > ul > li
	{ font-size: 13px; }
}




/* #############   venobox layout   ############ */
.venobox-widget-header
{ position: relative; color: #000000; }
.venobox-widget-header > h4
{ font-weight: 500; margin: 0 0 5px; padding: 0 5px 8px; font-size: 24px; border-bottom: 1px solid #DDDDDD; }
.venobox-widget-header > a
{ height: 50px; width: 50px; font-size: 42px; color: #000000; position: absolute; right: -8px; top: -10px; text-align: right; z-index: 1; line-height: 0; }
.venobox-widget-header > a:hover
{ color: #FF1100; text-decoration: none; }

.venobox-widget-body
{ display: block; padding: 10px 10px 0; }
.venobox-widget-body > h4,
.venobox-widget-body h4
{ font-size: 22px; font-weight: 500; }
.venobox-widget-body > h5,
.venobox-widget-body h5
{ font-size: 17px; font-weight: 500; }
.venobox-widget-body > .block-inner
{ float: left; width: 100%; background-color: #FFFFFF; text-align: center; padding: 10px; border: 3px solid #FFBB00; }

.venobox-widget-footer
{ display: block; padding: 10px 0; border-top: 1px solid #EEEEEE; text-align: center; }
.venobox-widget-footer > button
{ font-weight: 500; }

@media (max-width: 490px)
{
	.venobox-widget-footer
	{ text-align: center; }
	.venobox-widget-footer > button + button
	{ margin-top: 10px; }
}
/* #############   venobox layout   ############ */
















/*   #####   MYPAGE   ##### */

.testi-content
{ position: relative; overflow: hidden }
.testi-content p
{ margin-bottom: 0; font-family: 'PT Serif', serif; font-style: italic }
.testi-content p::after, .testi-content p::before
{ content: '"' }

.today-english > p
{ font-size: 20px; margin-bottom: 0; font-family: 'PT Serif', serif; font-style: italic; }
.today-english > .today-meta
{ margin-top: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase }
.today-english > .today-meta > span
{ display: block; font-weight: 400; color: #999; font-size: 16px; text-transform: none; padding-left: 10px }

.posted_by
{ background-color: #F8F8F8; padding: 25px; margin-bottom: 4rem; }
.media
{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.media-body
{ -ms-flex: 1; flex: 1; }


.table-clist > tbody > tr > td > span
{ font-size: 13px; }
.table-clist > tbody > tr > td > span.badge
{ font-size: 12px;padding: 4px 5px; }


.calendar-caption
{ display: flex; justify-content: center; align-items: center; }
.calendar-caption > h3
{ margin: 0 50px; font-weight: normal; color: #000; }
.calendar-caption > a
{ font-size: 30px; }
.class-schedule-info-box
{ margin: 2em 0; color: #000; }





/* #############   전체수업현황   ############ */
.widget-to-class {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	margin: 0;
	padding: 8px;
	border: 2px solid #777777;
	background-color: #F9FFFA;
	cursor: pointer;
	min-height: 35px;
	-webkit-border-radius: 3px; border-radius: 3px;
}
.widget-to-class:hover
{ text-decoration: none; border: 2px solid #1db898; }

.widget-to-class > a,
.widget-to-class > img,
.widget-to-class > a > img
{ width: 48px; height: 48px; min-width: 48px;  min-height: 48px;  }

.widget-to-class > footer
{
	padding-left: 20px;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}

















/*
{ width: 40px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
*/
/*
.widget-to-class > footer > cite
{ font-style:normal; font-weight:400; font-size:18px; line-height:1.7; letter-spacing:0em; color:#1db898; }
.widget-to-class > footer > cite > small
{ font-weight:400; font-size:12px; padding: 2px 7px; color:#FFFFFF; background-color: #FFCC00; -webkit-border-radius:3px; border-radius:3px; }
*/

.widget-to-class > footer > span
{ display: block; margin-top: 0px; font-size:16px; color: #000000; font-weight: normal; }
.widget-to-class > footer > span > em
{ color: #999999; font-style: normal; }
.widget-to-class > footer > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.widget-to-class > footer > button
{ margin-top: 10px; padding: 4px 15px; background-color: #FFFFFF; font-weight: 500; font-size: 14px; }
.widget-to-class > footer > button:hover
{ color: #FFFFFF; background-color: #37D48B; }

.widget-to-class > i
{ padding-top: 5px; padding-right: 5px; font-size: 20px; }



@media all and (max-width: 993px)
{
	.widget-to-class > footer
	{ line-height: 20px; }
	.widget-to-class > footer > span
	{ margin-top: 0; }
	.widget-to-class > footer > span > small
	{ padding: 0 5px; }
	.widget-to-class > i
	{ padding: 7px 5px; font-size: 20px; margin-top: 15px;}
}


@media all and (max-width: 526px)
{
/*
	.widget-to-class > img,
	.widget-to-class > a > img
	{ width: 70px; height: 70px; }
*/
	.widget-to-class > footer
	{ padding-left: 10px; }
	.widget-to-class > i
	{ display: none;  }
}





.widget-column
{ margin: 0; padding: 0 10px; }
.widget-column > h4
{ margin: 0; padding: 0; }
.widget-column > h4 > a
{ float: right; line-height: 0; color: #000000; position: relative; z-index: 1000; top: 10px; right: -5px; margin: 0; padding: 0; }
.widget-column > h4 > a:hover
{ text-decoration: none; color: #FF1100; }
.widget-column > h4 > a > i
{ font-size: 30px; font-weight: 100; }



.col-padding-3
{ padding: 3rem 2rem; }

small.title-small
{ font-size: 18px; color: #777777; }

@media all and (max-width: 993px)
{
	small.title-small
	{ font-size: 14px; display: block; }
}

.order-submit > .form-group > .row > div:first-child > label
{ font-size: 15px; font-weight: normal; padding-top: 7px; }



/* #############   전체수업현황   ############ */
.classlist-wrap
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	margin: 0;
	padding: 6px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	cursor: pointer;
}
.classlist-wrap.end
{ background-color: #F0F0F0; opacity: 0.6; filter: alpha(opacity=60); }
.classlist-wrap.active
{ border: 2px solid #1db898; background-color: #FCFCFC; opacity: 1; filter: alpha(opacity=100); }

.classlist-wrap > a,
.classlist-wrap > img,
.classlist-wrap > a > img
{ display: inline-block; min-width: 65px; width: 65px; height: 65px; -webkit-border-radius: 3px; border-radius: 3px; }
/*
{ width: 80px; height: 80px; -webkit-border-radius: 80px; border-radius: 80px; }
*/
.classlist-wrap > footer
{
	padding-left: 20px;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}

.classlist-wrap > footer > p
{ font-size: 14px; line-height: 20px; color: #777777; margin: 0; }
.classlist-wrap > footer > cite
{ font-style:normal; font-weight:400; font-size:18px; line-height:1.7; letter-spacing:0em; color:#1db898; }
.classlist-wrap > footer > cite > span
{ font-size: 14px; color: #000000; }
.classlist-wrap > footer > cite > span.label
{ font-weight: 600; color: #FFFFFF; }
.classlist-wrap > footer > cite > span > em
{ color: #999999; font-style: normal; }
.classlist-wrap > footer > cite > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.classlist-wrap > footer > span
{ display:block; font-size:14px; color: #000000; font-weight: 400; }
.classlist-wrap > footer > span > em
{ color: #999999; font-style: normal; }
.classlist-wrap > footer > span > small
{ color: #EEEEEE; font-style: normal; font-weight: 100; padding: 0 10px; }

.classlist-wrap > footer > button
{ margin-top: 10px; padding: 4px 15px; background-color: #FFFFFF; font-weight: 500; font-size: 14px; }
.classlist-wrap > footer > button:hover
{ color: #FFFFFF; background-color: #37D48B; }
/*   #####   MYPAGE   ##### */




@media (max-width: 767px)
{
	.heading-block > h1
	{ font-size: 140%; font-weight: 600; }
	.heading-block > span
	{ font-size: 18px; }
}

.faqs > h3
{ font-weight: 500; }


.main-over-text1
{ font-weight: 500; font-size: 30px; line-height: 30px; color: #FFFFFF; text-align: center; }