/* Author:HtmlCoder
 * Author URI:http://hom2box.com
 * Author e-mail:homebox78@gmail.com
 * Version:1.0.1
 * Created:October 2018
 * License URI:http://hom2box.com/
 */

/* ----------------------------------- Common Customer Group ----------------------------------- */

	/* Navbar Slider */
		/* Web */
			.navbar-slider {
				position:relative;
				z-index:50;
				height:121px;
				background-color:#fff;
				border-top:3px solid #004dce
			}
			.navbar-slider .container.top,
			.navbar-slider #lnb-web .container {
				position:relative;
			}
			.navbar-slider .navbar-logo {
				position:absolute;
				left:5px;
				top:16px;
			}
			.navbar-slider .navbar-logo img {
				width:200px;
			}
			.navbar-slider #lnb {
				width:100%;
			}

			/* Web */
			.navbar-slider #lnb-web {
				position:relative;
				top:33px;
			}
			.navbar-slider #lnb-web .lnb-bg {
				width:100%;
				height:48px;
				overflow:hidden;
				background-color:#f7f9ff;
				-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .1);
				box-shadow:0 2px 5px rgba(0, 0, 0, .1);
			}
			.navbar-default #lnb-web .lnb-bg {
				background-image:none;
				border-top:1px solid #ddd;
			}
			.navbar-slider #lnb-web ul {
				padding:0;
				margin:0;
			}
			/* 1차 */
			.navbar-slider #lnb-web li.navi1m-loop {
				float:left;
				margin:0;
				padding:0;
				letter-spacing:-.05em;
			}
			.navbar-slider.col5 #lnb-web li.navi1m-loop {
				width:20%;
			}
			.navbar-slider.col6 #lnb-web li.navi1m-loop {
				width:16.6666666%;
			}
			.navbar-slider.col7 #lnb-web li.navi1m-loop {
				width:14.2857142%;
			}
			.navbar-slider #lnb-web a.navi1m {
				display:block;
				color:#222;
				font-size:105%;
				font-weight:500;
				line-height:48px;
				text-align:center;
				text-decoration:none;
				border-right:0;
				background-color:#fff;
				-webkit-transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
				transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
			}
			.navbar-default #lnb-web a.navi1m {
				color:#444;
				font-size:115%;
				border-bottom:1px solid #eee;
			}
			.navbar-slider #lnb-web li.navi1m-loop:last-child a.navi1m {
				border-right:0;
			}
			.navbar-default #lnb-web li.navi1m-loop a.navi1m {
				border-left:1px solid #ddd;
			}
			.navbar-default #lnb-web li.navi1m-loop:last-child a.navi1m {
				border-right:1px solid #ddd;
			}
			.navbar-default #lnb-web li.navi1m-loop:last-child .navi2m ul {
				border-right:1px dotted #bbb;
			}
			/* 2차 */
			.navbar-slider #lnb-web .navi2m {
				padding:0;
				float:left;
				width:100%;
				overflow:hidden;
				height:306px;
				padding:12px 15px;
				margin:0;
				margin-top:1px;
				background-color:#f4f6fe;
				-webkit-transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
				transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
			}
			.navbar-slider #lnb-web .navi2m ul {
				margin:0;
				padding:0;
			}
			.navbar-default #lnb-web .navi2m {
				padding:0;
				background-color:#fff;
				border-left:1px dotted #bbb;
			}
			.navbar-default #lnb-web li:last-child .navi2m {
				border-right:1px dotted #bbb;
			}
			.navbar-slider #lnb-web .navi2m li {
				float:left;
				width:100%;
				line-height:22px;
			}
			.navbar-slider #lnb-web .navi2m li a {
				position:relative;
				float:none;
				display:block;
				font-size:95%;
				line-height:36px;
				text-align:center;
				text-decoration:none;
				-webkit-transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
				transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
			}
			/* active */
			.navbar-slider #lnb-web li.navi1m-loop:hover a.navi1m,
			.navbar-slider #lnb-web li.navi1m-loop:focus a.navi1m,
			.navbar-slider #lnb-web li.navi1m-loop.active a.navi1m {
				color:#004dce;
				text-decoration:none;
			}
			.navbar-slider #lnb-web li.navi1m-loop:hover .navi2m,
			.navbar-slider #lnb-web li.navi1m-loop:focus .navi2m,
			.navbar-slider #lnb-web li.navi1m-loop.active .navi2m {
				background-color:#fff;
			}
			.navbar-slider #lnb-web .navi2m li a:hover,
			.navbar-slider #lnb-web .navi2m li a:focus,
			.navbar-slider #lnb-web .navi2m li a.active {
				color:#fff;
				text-decoration:none;
				background-color:#393655;
			}

/* ------------------------------------ Layout Customer Group ------------------------------------ */

	/* Layout Common */
			body {
				height:100%;
				min-height:100%;
				overflow-x:hidden;
			}
			html {
				position:relative;
				height:100%;
				min-height:100%;
			}
			#customer_container {
				padding-bottom:50px;
				min-height:480px;
			}
			.section {
				clear: both;
				padding:15px 0;
			}
			.section-big {
				padding:50px 0;
			}
			#sidebar .section {
				padding:0 0 20px;
			}
			@media (max-width:991px) {
				.section-big {
					padding:40px 0;
				}
			}


	/* 서브 사이드 영역 */
			.sidebar_wrap {
				width:92%;
			}
			.sidebar_wrap #sidebar_navi {
				margin-bottom:20px;
			}
			html[lang|=ko] .sidebar_wrap {
				letter-spacing:-.05em;
			}
			.page-label {
				color:#fff;
				font-size:1.4em;
				line-height:29px;
				text-align:center;
				margin-top:11px;
				margin-bottom:10px;
				padding:9px 0 7px;
				background-color:#004dce;
			}
			.page-label i {
				position:relative;
				top:-1px;
				font-size:90%;
				opacity:0.9;
				filter:alpha(opacity=90);
				margin-right:3px;
			}
			.sidebar_wrap .page-label.labels {
				text-align:left;
				margin-bottom:4px;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.sidebar_wrap .page-label.labels strong {
				margin-left:15px;
			}
			.sidebar_wrap .page-label.labels i {
				position:relative;
				top:-3px;
				cursor:pointer;
				margin-right:5px;
				padding:10px;
				color:#fff;
			}
			.sidebar_wrap .section .page-label {
				color:#393939;
				font-size:1.2em;
				line-height:23px;
				text-align:left;
				margin-top:15px;
				border-bottom:1px dotted #e5e5e5;
				background-color:transparent;
			}
			.page-label.small {
				font-size:130%;
				line-height:28px;
			}
			.sidebar_wrap .list-group {
				margin-bottom:0;
			}
			.sidebar_wrap .list-group-item {
				padding:0;
				border:0;
				background-color:transparent;
				border-bottom:1px dotted #dfe5ea;
			}
			.sidebar_wrap .list-group-item:first-child {
				border-top-left-radius:0;
				border-top-right-radius:0;
			}
			.sidebar_wrap .list-group-item:last-child {
				border-bottom-right-radius:0;
				border-bottom-left-radius:0;
				border-bottom-width:0;
			}
			.sidebar_wrap .list-group-item a {
				color:#5c5b5b;
				font-size:1em;
				text-decoration:none;
				display:block;
				padding:10px 10px 8px;
			}
			.sidebar_wrap li li.list-group-item a {
				font-size:100%;
				padding:8px 8px 7px 25px;
			}
			.sidebar_wrap li li li.list-group-item a {
				font-size:95%;
				padding:6px 8px 5px 50px;
			}
			.sidebar_wrap li.list-group-item li:first-child {
				border-top:1px dotted #dfe5ea;
			}
			.sidebar_wrap .list-group-item:focus,
			.sidebar_wrap .list-group-item:hover {
				background-color:transparent;
				border-color:#dfe5ea;
			}
			.sidebar_wrap .list-group-item a.active,
			.sidebar_wrap .list-group-item a:hover {
				color:#2475d0;
				background-color:transparent;
			}
			/* 아이콘 디폴트 및 하위 없을 경우 */
			.sidebar_wrap .list-group-item a:before {
				position:absolute;
				left:10px;
				top:17px;
				font-family:"Themify Iconset";
				content:"\e622";
				color:#444;
				font-size:8px;
			}
			/* 아이콘 감춤 */
			.sidebar_wrap li li li.list-group-item a:before,
			.sidebar_wrap .list-group-item a.inon:before {
				content:none !important;
			}
			.sidebar_wrap li li li.list-group-item a span,
			.sidebar_wrap .list-group-item a.inon span {
				padding-left:0 !important;
			}
			.sidebar_wrap .list-group-item .accordion-toggle:before {
				font-family:"Themify Iconset";
				content:"\e61a";
			}
			.sidebar_wrap .list-group-item.active > .accordion-toggle:before {
				font-family:"Themify Iconset";
				content:"\e622";
				color:#2475d0;
			}
			.sidebar_wrap li .list-group-item a:before {
				left:24px;
				top:14px;
			}
			.sidebar_wrap .list-group-item a span {
				padding-left:15px;
			}


	/* Etc Navi */
			.etc_navi {
				position:relative;
				top:10px;
			}
			.etc_navi ul {
				padding:0;
				margin:0;
				float:right;
			}
			.etc_navi li {
				float:left;
				display:inline-block;
			}
			.etc_navi li a {
				font-size:.95em;
				line-height:34px;
				text-decoration:none;
				display:block;
				padding:0 15px;
				-webkit-transition:opacity .3s ease,
				color .3s ease;
				transition:opacity .3s ease,
				color .3s ease;
			}
			.etc_navi li a:before {
				position:relative;
				top:-2px;
				content:"|";
				color:#ccc;
				font-size:75%;
				padding-right:12px;
			}
			.etc_navi li:first-child a:before {
				content:"";
			}
			.etc_navi li a:last-child {
				padding-right:0;
			}
			.etc_navi li a:hover {
				color:#000;
			}
			html[lang|=ko] .etc_navi li a {
				letter-spacing:-.05em;
			}




	/* 서브 상단 비쥬얼 영역 */
			.sub_visual,
			.sub_visual .container {
	height: 400px;
			}
			.sub_visual {
				position:relative;
				display:table;
				width:100%;
				overflow:hidden;
				margin-bottom:30px;
				background-repeat:repeat;
				background-position:50% 0;
				-webkit-background-size: container;
				-moz-background-size: container;
				-o-background-size: container;
				background-size: container;
			}
			.sub_visual .container {
				display:table-cell;
				color:#fff;
				text-shadow:0 0 3px rgba(0, 0, 0, .1);
				vertical-align:middle;
			}
			.sub_visual .container h2 {
				font-size:2em;
				margin:0 0 .5em 0;
			}
			.sub_visual .container h4 {
				font-size:1.6em;
			
			}
			.bg-thema1 {
				background-image:url("img/slider_img_1.jpg");
			}
			.bg-thema2 {
				background-image:url("img/slider_img_2.jpg");
			}
			.bg-thema3 {
				background-image:url("img/slider_img_3.jpg");
			}
			.bg-thema4 {
				background-position:50% 40% ;
				background-image:url("img/slider_img_1.jpg");
			}
			html[lang|=ko] .sub_visual .container {
				letter-spacing:-.05em;
			}
			@media (max-width:767px) {
				.sub_visual,
				.sub_visual .container {
					height:150px;
				}
				.sub_visual {
					margin-bottom:10px;
				}
				.sub_visual .container h2 {
					font-size:1.5em;
					margin:0 0 .3em 0;
				}
				.sub_visual .container h4 {
					font-size:1.1em;
				
				}
				.bg-thema4 {
				background-position:50% 40% ;
				background-image:url("img/slider_img_1.jpg");
				}
			}


	/* 하단 영역 기본테마 */
			.footer_wrap {
				color:#888;
				font-size:.95em;
				margin-top:50px;
				background-color:#fff;
			}
			.footer_wrap {
				margin-top:0 !important;
			}
			.footer_link {
				background-color:#fff;
				border-bottom:1px solid #eee;
			}
			.footer_copy {
				font-size:.95em;
				padding:15px 0;
			}
			.footer_copy em {
				font-style:normal;
				margin:0 3px;
			}
			.footer_copy .footer_email {
				color:#777;
				text-decoration:underline;
			}
			.footer_copy address {
				font-size:80%;
				line-height:30px;
			}
			.footer_copy address a {
				color:#777;
			}


	/* Footer Navi */
			.footer_navi {
				text-align:center;
				padding:10px 0;
			}
			.footer_navi a {
				display:inline-block;
				color:#5b84e6;
				font-size:.95em;
				text-decoration:none;
				padding:0 10px;
			}
			.footer_navi span {
				color:#1e3681;
			}
			.footer_navi a:hover,
			.footer_navi a:active,
			.footer_navi a.hover {
				color:#1e3681;
			}
			@media (max-width:767px) {
				.footer_wrap {
					font-size:.8em;
					margin-top:40px;
				}
			}



/* -------------------------------------- 수강관련 -------------------------------------- */
			.s-wrap {
				padding:1.5em;
				margin-bottom:5px;
				border:1px dashed #ccc;
			}
			.s-category-wrap {
				clear: both;
				overflow:hidden;
			}
			.s-category-wrap ul {
				margin:0;
				padding:0;
			}
			.s-category-wrap li {
				margin:0;
				padding:5px 5px 5px 0;
				float:left;
				display:inline-block;
			}
			.s-category-wrap a {
				display:block;
				color:#444;
				font-size:1.15em;
				line-height:46px;
				font-weight: 500;
				text-align:center;
				padding:0 2em;
				text-decoration:none;
				background-color:#fcfcfc;
				border:1px solid #bbb;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				-webkit-transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition: all .5s ease
			}
			.s-category-wrap li:first-child a {
				display:block;
				color:#fff;
				background-color:#252525;
				border:1px solid #252525;
			}
			.s-category-wrap li:hover a {
				color:#000;
				border-color:#999;
				background-color:#fff;
			}
			.s-category-wrap li a.active {
				color:#004dce;
				border-color:#004dce;
				background-color:#fff;
			}
			.s-category-wrap li:first-child a:hover,
			.s-category-wrap li:first-child a.active {
				color:#fff;
				border-color:#004dce;
				background-color:#004dce;
			}
			html[lang|=ko] .s-category-wrap a {
				letter-spacing:-.05em;
			}

			.s-category-sub {
				clear: both;
				overflow:hidden;
			}
			.s-category-sub ul {
				margin:0;
				padding:0;
			}
			.s-category-sub li {
				margin:0;
				padding:5px 5px 5px 0;
				float:left;
				display:inline-block;
			}
			.s-category-sub a {
				display:block;
				color:#444;
				font-size:1em;
				line-height:38px;
				text-align:center;
				padding:2px 25px 0 25px;
				text-decoration:none;
				background-color:#fff;
				border:1px solid #ccc;
				-webkit-border-radius:26px;
				-moz-border-radius:26px;
				border-radius:26px;
				-webkit-transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition: all .5s ease
			}
			.s-category-sub li a span {
				position:relative;
				top:-1px;
				font-size:95%;
				font-family: 'MarkPro';
				letter-spacing:.0em;
				margin-left:3px;
			}
			.s-category-sub li:hover a {
				color:#000;
				border-color:#999;
			}
			.s-category-sub li a.active {
				color:#004dce;
				border-color:#297fe0;
			}
			.s-category-sub li:first-child a {
				display:block;
				color:#fff;
				background-color:#444;
				border:1px solid #444;
			}
			.s-category-sub li:first-child a:hover,
			.s-category-sub li:first-child a.active {
				color:#fff;
				border-color:#297fe0;
				background-color:#297fe0;
			}
			@media (max-width:767px) {
				.s-wrap {
					padding:1em;
				}
				.s-category-wrap a {
					font-size:1em;
					line-height:36px;
					padding:0 1.1em;
				}
				.s-category-sub a {
					font-size:.9em;
					line-height:32px;
					padding:1px 14px 0;
					-webkit-border-radius:20px;
					-moz-border-radius:20px;
					border-radius:20px;
				}
				.s-category-sub li {
					padding:5px 5px 3px 0;
				}
				.s-category-sub li a span {
					margin-left:1px;
				}
			}

		/* 수강관련 */
			/* 과정 1차 */
			.c-category-wrap {
				clear: both;
				overflow:hidden;
				margin-bottom:5px;
			}
			.c-category-wrap ul {
				margin:0;
				padding:0;
			}
			.c-category-wrap li {
				width:25%;
				margin:0;
				padding:5px;
				float:left;
				display:inline-block;
			}
			.c-category-wrap a,
			.c-category-wrap span {
				display:block;
				color:#444;
				font-size:1.3em;
				line-height:80px;
				font-weight: 500;
				text-align:center;
				text-decoration:none;
				background-color:#fcfcfc;
				border:1px solid #bbb;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
				-webkit-transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
			}
			.c-category-wrap span {
				display:block;
				color:#fff;
				background-color:#252525;
				border:1px solid #252525;
			}
			.c-category-wrap li:hover a {
				color:#000;
				border-color:#999;
				background-color:#fff;
				-webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
				box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
			}
			.c-category-wrap li a i,
			.c-category-wrap li span i {
				position:relative;
				top:4px;
				font-size:1.3em;
				margin-right:10px;
				opacity:.9 !important;
				filter:alpha(opacity=90) !important;
			}
			.c-category-wrap li a.active {
				color:#004dce;
				border-color:#004dce;
				background-color:#fff;
				-webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
				box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
			}
			.c-category-wrap li span.active {
				color:#fff;
				border-color:#004dce;
				background-color:#004dce;
			}
			html[lang|=ko] .class-wrap h2,
			html[lang|=ko] .c-category-wrap a {
				letter-spacing:-.05em;
			}

			/* 과정 2차 */
			.c-category-sub {
				clear: both;
				padding:5px;
				margin-bottom:10px;
			}
			.c-category-sub-frame {
				overflow:hidden;
				padding:10px;
				background-color:#fcfcfc;
				border:1px solid #ddd;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
			}
			.c-category-sub-frame .c-tab {
				display:none;
			}
			.c-category-sub-frame .c-tab.active {
				display:block;
			}
			.c-category-btn {
				clear: both;
			}
			.c-category-btn ul {
				margin:0;
				padding:0;
			}
			.c-category-btn li {
				margin:0;
				padding:5px;
				float:left;
				display:inline-block;
			}
			.c-category-btn-inline.c-category-btn li {
				float:none;
				display:block;
				padding:5px 0;
			}
			.c-category-btn a {
				display:block;
				color:#444;
				font-size:1.1em;
				line-height:42px;
				text-align:center;
				padding:0 30px;
				text-decoration:none;
				background-color:#fff;
				border:1px solid #ccc;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				-webkit-transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
				transition:opacity .2s ease,
				background-color .2s ease,
				color .2s ease,
				box-shadow .2s ease,
				background .2s ease;
			}
			.c-category-btn li:hover a {
				color:#000;
				border-color:#999;
			}
			.c-category-btn li a.active {
				color:#004dce;
				border-color:#004dce;
			}

			/* 수업유형 */
			#c-category-type.c-category-btn {
				padding-right:10px;
			}
			#c-category-type.c-category-btn li {
				width:33.3333333%;
			}
			#c-category-type.c-category-btn li a {
				padding:0;
			}

			/* 수업기간 */
			.line-wrap-left {
				padding-right:5px;
				border-right:1px solid #ddd;
			}
			#c-category-term.c-category-btn li {
				width:25%;
			}
			#c-category-term.c-category-btn li a {
				padding:0;
			}

			/* 수업방식 */
			#c-category-system.c-category-btn {
				padding-left:5px;
				padding-right:10px;
			}
			.c-category-btn #c-category-system1 li a,
			.c-category-btn #c-category-system2 li a {
				padding:0;
			}

			/* 수업방식 */
			#c-category-sale.c-category-btn li {
				width:50%;
			}

			/* 수업희망 */
			.input-pr {
				padding-left:5px;
				padding-right:10px;
			}


			/* 결제정보 */
			.payment-wrap {
				padding:0 5px;
				margin:30px 0 0;
			}
			.payment-frame {
				color:#fff;
				font-size:1.1em;
				padding:25px;
				margin:10px 0 30px;
				background-color:#262e3c;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.payment-frame .payment-price {
				color:#aaa;
				font-size:1.5em;
				line-height:1.5em;
				padding-bottom:10px;
				margin-bottom:17px;
				border-bottom:1px solid rgba(255, 255, 255, .1);
			}
			.payment-price ul,
			.payment-price ul li,
			.payment-option ul,
			.payment-option ul li {
				padding:0;
				margin:0;
			}
			.payment-option li {
				position:relative;
				padding-left:15px !important;
			}
			.payment-option li:after {
				font-size:.6em;
				font-family:"Themify Iconset";
				content:"\e724";
				position:absolute;
				left:-1px;
				top:50%;
				margin-top:-7px;
			}

			.payment-frame .payment-price span {
				color:#fff;
			}
			.payment-frame .payment-price .total-price,
			.payment-frame .payment-price .total-price span {
				color:#f8e332;
			}
			.payment-frame .payment-price li {
				display:inline-block;
			}
			.payment-frame .payment-price i {
				position:relative;
				top:-2px;
				font-size:.8em;
				margin:0 5px;
			}

			.payment-wrap button {
				display:block;
				padding:0 70px;
				margin:0 auto;
				color:#fff;
				font-size:1.4em;
				line-height:50px;
				text-align:center;
				border:none;
				background-color:#004dce;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.payment-wrap button i {
				margin-right:10px;
			}
			html[lang|=ko] .payment-frame button {
				letter-spacing:-.05em;
			}

			.payment-type {
				margin:15px auto 0;
				font-size:1.35em;
				text-align:center;
				padding:5px 0;
				background-color:rgba(255, 255, 255, .02);
				border:1px solid rgba(255, 255, 255, .08);
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
			}
			.payment-type .radio input[type=radio] {
				margin-top:15px;
			}


		@media (max-width:991px) {
			/* 과정 1차 */
			.c-category-wrap a,
			.c-category-wrap span {
				font-size:1.15em;
				line-height:60px;
			}
			.c-category-wrap li a i,
			.c-category-wrap li span i {
				top:3px;
				font-size:1.2em;
				margin-right:5px;
			}

			/* 과정 2차 */
			.c-category-sub-frame {
				padding:5px;
			}
			.c-category-btn a {
				font-size:1em;
				line-height:38px;
				padding:0 25px;
			}

			/* 수업기간 */
			#c-category-term.c-category-btn li {
				width:50%;
			}

			/* 수업방식 */
			#c-category-system.c-category-btn {
				padding-right:5px;
			}

			/* 수업유형 */
			#c-category-type.c-category-btn {
				padding-right:0;
			}

			/* 결제정보 */
			.payment-frame {
				font-size:1em;
				padding:20px;
			}
			.payment-frame .payment-price {
				font-size:1.3em;
				line-height:1.35em;
				padding-bottom:5px;
				margin-bottom:12px;
			}
			.payment-option li {
				padding-left:13px !important;
			}
			.payment-option li:after {
				font-size:.5em;
				margin-top:-4px;
			}
			.payment-frame .payment-price i {
				top:-1px;
				font-size:.7em;
				margin:0 3px;
			}

			.payment-wrap button {
				padding:0 60px;
				font-size:1.3em;
				line-height:46px;
			}
			.payment-wrap button i {
				margin-right:5px;
			}
			.payment-type {
				margin:10px auto 0;
				font-size:1.25em;
			}
			.payment-type .radio input[type=radio] {
				margin-top:11px;
			}
		}

		@media (max-width:767px) {
			.line-wrap-left {
				padding-right:0;
				border-right:none;
			}
			/* 과정 1차 */
			.c-category-wrap li {
				width:50%;
			}
			.c-category-wrap a,
			.c-category-wrap span {
				font-size:1.05em;
				line-height:50px;
			}
			.c-category-wrap li a i,
			.c-category-wrap li span i {
				top:2px;
				font-size:1.15em;
				margin-right:5px;
			}

			/* 과정 2차 */
			.c-category-sub {
				padding:5px;
				margin-bottom:0;
			}
			.c-category-sub-frame {
				padding:10px;
			}
			.c-category-sub .c-category-btn li {
				width:50%;
				float:left;
				display:inline-block;
			}
			.c-category-btn a {
				font-size:1em;
				line-height:36px;
				padding:0 20px;
			}


			/* 결제정보 */
			.payment-frame {
				font-size:1em;
				padding:15px;
			}
			.payment-frame .payment-price {
				font-size:1.25em;
				line-height:1.45em;
				padding-bottom:8px;
				margin-bottom:10px;
			}
			.payment-frame .payment-price i {
				top:0;
				margin:0 5px 0 0;
			}
			.payment-option li {
				padding-left:15px !important;
			}
			.payment-option li:after {
				top:8px;
				margin-top:0;
			}

			.payment-wrap button {
				padding:0 50px;
				font-size:1.25em;
				line-height:44px;
			}
			.payment-type {
				text-align:left;
				padding:0;
				padding-left:15px;
			}
		}




			/* md */
			@media (max-width:1200px) {
				.navbar-slider #lnb-web a.navi1m {
					font-size:100%;
				}
			}

			@media (min-width:992px) {
				#sidebar_navi {
					display:block !important;
				}
				.off-canvas-active > #page,
				.off-canvas-active > #off-canvas-nav {
					transform:translateX(0) !important;
					-webkit-transform:translateX(0) !important;
					-moz-transform:translateX(0) !important;
					-ms-transform:translateX(0) !important;
					-o-transform:translateX(0) !important;
					position:relative !important;
				}
				#off-canvas-button {
					display:none !important;
				}
			}

			@media (min-width:992px) and (max-width:1199px) {
				.navbar-slider #lnb-mobile .navi2m li a span {
					display:block;
					width:110px;
					overflow:hidden;
					word-break:break-all;
					white-space:nowrap;
					text-overflow:"...";
				}
			}


			/* sm */
			@media (max-width:991px) {
				#t-top-menu {
					padding:0;
				}
				#cavas_menu .navbar-header {
					padding:10px 0;
				}
				#cavas_menu .navbar-brand {
					left:auto;
					right:0;
					width:140px;
					height:33px;
				}
				#cavas_menu .navbar-brand h1 {
					line-height:54px;
				}
				#cavas_menu .navbar-header .navbar-toggle {
					margin:0;
					float:left;
					display:block;
					height:35px;
					background-color:#1d2028;
					border-color:#1d2028;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					-ms-border-radius:2px;
					-o-border-radius:2px;
					border-radius:2px;
				}
				#cavas_menu.navbar-default .navbar-toggle:hover,
				#cavas_menu.navbar-default .navbar-toggle:focus {
					background-color:#0c0c0c;
					border-color:#000;
				}
				#cavas_menu .navbar-toggle .icon-bar {
					background-color:rgba(255, 255, 255, 0.8);
				}
				#cavas_menu .collapse.navbar-collapse {
					display:none !important;
				}
				.megamenu.navbar-nav {
					float:none;
				}
				.megamenu.navbar-nav > li {
					float:none;
				}

				.sidebar_wrap {
					width:100%;
				}
				#sidebar_navi {
					display:none;
				}
				.sidebar_wrap .page-label.labels {
					font-size:150%;
					line-height:28px;
					padding:7px 0;
				}

				.navbar-slider {
					height:60px;
				}
				.navbar-slider .navbar-logo {
					top:14px;
					width:180px;
					margin-left:-80px;
				}
				.etc_navi {
					top:12px;
				}

				/* Mobile */
				.navbar-slider .navbar-toggle {
					position:absolute;
					top:12px;
					margin:0;
					float:left;
					display:block;
					height:35px;
					background-color:#004dce;
					border:0;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					-ms-border-radius:2px;
					-o-border-radius:2px;
					border-radius:2px;
				}
				.navbar-slider .navbar-toggle:hover,
				.navbar-slider .navbar-toggle:focus {
					background-color:#0c0c0c;
				}
				.navbar-toggle .icon-bar {
					background-color:#fff !important;
					background-color:rgba(255, 255, 255, 0.9) !important;
				}
				body.fixed {
					overflow:hidden;
					-webkit-overflow-scrolling:touch;
				}
				.navbar-slider #lnb-mobile {
					float:left;
					left:-240px;
					top:0;
					width:240px;
					position:fixed;
					height:100%;
					z-index:999;
					overflow:hidden;
					visibility: hidden;
					background-color:#fff;
					border-right:2px solid #004dcd;
					transition:all .6s ease 0s;
				}
				.navbar-slider #lnb-mobile.open {
					visibility: visible !important;
				}
				.navbar-slider #lnb-mobile ul.lnb-bg-wrap {
					position:absolute;
					top:0;
					bottom:0;
					padding:0;
					margin:0;
					padding-bottom:20px;
					list-style:none;
					text-indent:18px;
					overflow-x:hidden;
					overflow-y:auto;
				}
				html[lang|=ko] .navbar-slider #lnb-mobile ul.lnb-bg-wrap {
					letter-spacing:-.05em;
				}
				.navbar-slider #lnb-mobile .sidebar-main {
					height:60px;
					cursor:pointer;
					overflow:hidden;
					background-color:#004dce;
				}
				.navbar-slider #lnb-mobile .sidebar-main .logo {
					float:left;
					color:#fff;
					font-size:16px;
					line-height:59px;
					text-decoration:none;
				}
				.navbar-slider #lnb-mobile .sidebar-main .menu-icon {
					position:relative;
					top:4px;
					float:right;
					color:#fff;
					font-size:19px;
					line-height:57px;
					padding-right:19px;
				}
				/* Mobile Sidebar Main */
				.navbar-slider #lnb-mobile .navi1m-loop {
					transition:all .6s ease 0s;
				}
				.navbar-slider #lnb-mobile .navi1m-loop .navi1m {
					display:block;
					width:240px;
					text-decoration:none;
					text-indent:18px;
					font-size:14px;
					color:#888;
					line-height:40px;
					margin-bottom:1px;
					background-color:#fff;
					border-bottom:1px solid #e2e8e9;
					border-left:3px solid #fff;
					-webkit-transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:all .6s ease 0s;
					position:relative;
				}
				.navbar-slider #lnb-mobile .navi1m-loop .navi1m:after {
					position:relative;
					top:2px;
					font-family:"Themify Iconset";
					color:#989ca1;
					content:"\e64b";
					float:right;
					font-size:13px;
					padding-right:15px;
					transition:all .6s ease 0s;
				}
				.navbar-slider #lnb-mobile .navi1m-loop .navi1m:hover {
					color:#000;
					background-color:#fafafa;
					border-left:3px solid #fafafa;
				}
				.navbar-slider #lnb-mobile .navi1m-loop .navi1m.active {
					color:#4176d2;
					background-color:#fff;
					border-left:3px solid #4b9ef8;
				}
				.navbar-slider #lnb-mobile .navi1m-loop .navi1m.active:after {
					color:#6a6a6a;
					content:"\e648";
				}
				/* Mobile Sidebar Sub */
				.navbar-slider #lnb-mobile .navi2m {
					display:none;
					padding:10px 0;
					border-bottom:1px solid #e2e8e9;
				}
				.navbar-slider #lnb-mobile .navi2m ul {
					padding:0;
					margin:0;
				}
				.navbar-slider #lnb-mobile .navi2m ul li a {
					display:block;
					width:240px;
					color:#666;
					font-size:13px;
					line-height:28px;
					text-decoration:none;
					text-indent:8px;
					-webkit-transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:all .6s ease 0s;
					position:relative;
				}
				.navbar-slider #lnb-mobile .navi2m ul li a:after {
					font-family:"FontAwesome";
					color:#888;
					content:"\f0da";
					float:left;
					font-size:10px;
					padding-left:15px;
					position:relative;
					-webkit-transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:opacity .3s ease,
					background-color .3s ease,
					color .3s ease,
					box-shadow .3s ease,
					background .3s ease;
					transition:all .6s ease 0s;
				}
				.navbar-slider #lnb-mobile .navi2m ul li:hover a,
				.navbar-slider #lnb-mobile .navi2m ul li.active a {
					color:#444;
				}
				.navbar-slider #lnb-mobile .navi2m ul li:hover a:after,
				.navbar-slider #lnb-mobile .navi2m ul li.active a:after {
					color:#666;
				}
				.navbar-slider .navbar-logo {
					top:12px;
					left:70px;
					width:180px;
					margin-left:0;
				}
			}


			/* xs */
			@media (max-width:767px) {
				.navbar-slider .navbar-logo {
					top:14px;
					left:50%;
					width:160px;
					margin-left:-80px;
				}
				.navbar-basic .navbar-collapse ul {
					padding-bottom:10px;
				}
				.navbar-basic .navbar-collapse ul li {
					max-width:50%;
					margin:0 auto;
				}
				.navbar-basic .dropdown-header a {
					margin-left:0;
					margin-right:0;
				}
			}

			.my-layout-orange,
			.my-layout {
				background-color:#f8fbfe;
				-webkit-background-size: container;
				-moz-background-size: container;
				-o-background-size: container;
				background-size: container;
				background-repeat:no-repeat;
				background-position:50% 0;
				background-image:url("img/banner-bg-3.png");
			}
			.my-layout-orange {
				background-color:#fefaf8;
				background-image:url("img/banner-bg-3-orange.png");
			}
			.my-wrap {
				-webkit-background-size: container;
				-moz-background-size: container;
				-o-background-size: container;
				background-size: container;
				background-repeat:no-repeat;
				background-position:50% 100%;
				background-image:url("img/bg-shape-nine.png");
			}
			.my-wrap-orange {
				background-image:url("img/bg-shape-nine-orange.png");
			}
			.my-wrap .side-bar {
				position:fixed;
				left:0;
				top:0;
				width:130px;
				height:100%;
				min-height:100%;
				z-index:999;
				overflow:hidden;
				background-color:#fff;
				-webkit-box-shadow:1px 2px 6px rgba(0, 0, 0, .1);
				box-shadow:1px 2px 6px rgba(0, 0, 0, .1);
			}
			.my-wrap .side-bar-navi {
				position:fixed;
				left:-1px;
				top:199px;
				width:30px;
				height:47px;
				z-index:998;
				cursor:pointer;
				overflow:hidden;
				color:#fff;
				font-size:1.1em;
				text-align:center;
				line-height:47px;
				text-indent:-2px;
				background-color:#004dce;
				-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .15);
				box-shadow:1px 1px 5px rgba(0, 0, 0, .15);
				-webkit-top-right-border-radius:26px;
				-moz-top-right-border-radius:26px;
				-ms-top-right-border-radius:26px;
				-o-top-right-border-radius:26px;
				border-top-right-radius:26px;
				-webkit-bottom-right-border-radius:26px;
				-moz-bottom-right-border-radius:26px;
				-ms-bottom-right-border-radius:26px;
				-o-bottom-right-border-radius:26px;
				border-bottom-right-radius:26px;
			}
			.my-wrap .side-bar a.my-ci {
				display:block;
				overflow:hidden;
				text-align:center;
				text-decoration:none;
				padding:15px 0 13px;
				border-bottom:1px solid #e2e8e9;
			}
			.my-wrap .side-bar a.my-ci span {
				display:block;
				margin-top:5px;
				color:#004dce;
				font-size:.9em;
			}
			.my-wrap .side-bar a.my-ci img {
				display:block;
				width:50px;
				height:50px;
				margin:0 auto;
			}
			.my-wrap .side-bar ul li,
			.my-wrap .side-bar ul {
				margin:0;
				padding:0;
			}
			.my-wrap .side-bar ul li a {
				position:relative;
				overflow:hidden;
				display:block;
				height:46px;
				color:#787d84;
				font-size:.95em;
				line-height:46px;
				text-decoration:none;
				border-bottom:1px solid #f3f3f3;
				-webkit-transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
				transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
			}
			.my-wrap .side-bar ul li a span {
				margin-left:15px;
			}
			.my-wrap .side-bar ul li a i {
				float:right;
				font-size:1em;
				margin-right:15px;
				opacity:0.8;
				filter:alpha(opacity=80);
			}
			.my-wrap .side-bar ul li:hover a {
				color:#000;
				background-color:#fafafa;
			}
			.my-wrap .side-bar ul li.active a {
				color:#1976d2;
			}
			.my-wrap .side-bar ul li.active a i {
				opacity:1;
				filter:alpha(opacity=100);
			}
			.my-wrap .side-bar ul li.active a:before {
				position:absolute;
				left:0;
				top:0;
				content:"";
				width:4px;
				height:46px;
				background-color:#4da2ff;
			}
			.my-wrap .contents-wrap {
				padding-left:130px;
			}

			.my-wrap .my-header {
				position:relative;
				z-index:10;
				margin-top:62px;
				height:45px;
				color:#fff;
				font-size:1em;
				line-height:45px;
				padding:0 30px;
				background-color:#fff;
				-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);
				box-shadow:0 2px 6px rgba(0,0,0,.05);
			}
			.my-wrap .my-header .subject {
				display:block;
				overflow:hidden;
				word-break:break-all;
				white-space:nowrap;
				text-overflow:"...";
			}
			.my-wrap .my-header .subject i {
				position:relative;
				top:1px;
				margin-right:5px;
				opacity:0.7;
				filter:alpha(opacity=70);
			}
			.my-wrap .my-header ul,
			.my-wrap .my-header ul li {
				margin:0;
				padding:0;
			}
			.my-wrap .my-header ul li {
				position:relative;
				display:inline;
				margin:0 15px;
			}
			.my-wrap .my-header ul li i {
				margin-right:5px;
				opacity:0.8;
				filter:alpha(opacity=80);
			}
			.my-wrap .my-header ul li:before {
				position:absolute;
				left:-15px;
				top:50%;
				content:"";
				width:1px;
				height:11px;
				margin-top:-5px;
				background-color:#ddd;
			}
			.my-wrap .my-header ul li:first-child:before {
				display:none;
			}
			.my-wrap .my-header ul li,
			.my-wrap .my-header ul li a {
				color:#666;
			}
			.my-wrap .my-header ul li:last-child {
				margin-right:0;
			}
			.my-wrap .my-header a {
				color:#37474b;
				text-decoration:none;
			}
			.my-wrap .my-header a:hover {
				color:#1d282c;
			}
			.my-wrap .my-header a:hover i {
				opacity:1;
				filter:alpha(opacity=100);
			}
			html[lang|=ko] .my-wrap .side-bar,
			html[lang|=ko] .my-wrap .my-header {
				letter-spacing:-.05em;
			}


			.quick-wrap {
				position:fixed;
				z-index:4;
				left:0;
				top:0;
				padding-left:130px;
				transition:all .4s ease 0s;
			}
			.scroll-css .quick-wrap {
				top:-130px;
			}
			.quick-navi {
				clear:both;
				padding:10px 15px;
				background-color:#fbfbfb;
				border-bottom:1px solid #f1f1f1;
				transition:all .4s ease 0s;
			}
			.quick-navi .row>[class*=col-] a {
				border-right:1px solid #f1f1f1;
			}
			.quick-navi .last-col a {
				border-right:none !important;
			}
			.quick-navi a {
				color:#444;
				font-size:.95em;
				display:block;
				text-decoration:none;
				padding-top:4px;
				padding-bottom:4px;
				-webkit-transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
				transition:opacity .3s ease,
				background-color .3s ease,
				color .3s ease,
				box-shadow .3s ease,
				background .3s ease;
			}
			.quick-navi a:hover {
				color:#000;
			}
			.quick-navi .img {
				display:inline-block;
				height:33px;
				margin:0 10px;
				vertical-align:middle;
				opacity:0.7;
				filter:alpha(opacity=70);
				transition:opacity .3s ease;
			}
			.quick-navi a:hover .img {
				opacity:1;
				filter:alpha(opacity=100);
			}

			.container-section {
				padding:25px;
				margin:30px 0 40px;
				background-color:rgba(255,255,255,.9);
				-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);
				box-shadow:0 0 8px rgba(0,0,0,.1);
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				-ms-border-radius:2px;
				-o-border-radius:2px;
				border-radius:2px;
			}


			.level-media-wrap {
				margin-top:10px;
				margin-bottom:25px;
			}
			.level-media-wrap .level-media {
				padding:15px 20px;
				color:rgba(0,0,0,.75);
				background-color:#bdedd7;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				-ms-border-radius:2px;
				-o-border-radius:2px;
				border-radius:2px;
			}
			.level-media-wrap .media-body {
				text-align:right;
			}
			.level-media-wrap .media-object {
				max-width:50px;
			}
			.level-media-wrap .level-media h6 {
				font-size:1.05em;
				color:rgba(0,0,0,.65);
				margin:0;
			}
			.level-media-wrap .level-media h5 {
				font-size:1.4em;
				margin:5px 0 0 0;
			}
			.level-media-wrap .loop:nth-child(2) .level-media {
				background-color:#bdeaed;
			}
			.level-media-wrap .loop:nth-child(3) .level-media {
				background-color:#bddaec;
			}

			.total-score-wrap {
				text-align:center;
				margin-top:15px;
				border-top:1px solid #eee;
			}
			.total-score-wrap-none {
				text-align:right;
				border-top:none;
				margin-top:0;
			}
			.total-score {
				display:inline-block;
				position:relative;
				color:#999;
				font-size:2em;
				text-align:center;
				line-height:55px;
				padding:20px 0 15px;
			}
			.total-score-wrap-none .total-score {
				padding:0;
			}
			.total-score em {
				position:absolute;
				right:0;
				top:8px;
				color:#555;
				font-size:.45em;
				font-style:normal;
			}
			.total-score-wrap-none .total-score em {
				top:-12px;
			}
			.total-score strong {
				color:#222;
				font-size:1.9em;
			}
			.total-score-wrap-none .total-score strong {
				color:#fd2c3f;
			}
			.average-wrap {
				margin-bottom:20px;
				padding:15px 10px;
				background-color:#fff;
				border:1px solid #eee;
			}


			@media (max-width:1430px) {
				.quick-navi a {
					font-size:.9em;
				}
				.quick-navi .img {
					height:32px;
					margin:0 6px 0 5px;
				}
			}
			@media (max-width:1300px) {
				.quick-navi a {
					font-size:.88em;
					padding-top:6px;
					padding-bottom:5px;
				}
				.quick-navi .img {
					height:30px;
					margin:0 4px 0 3px;
				}
			}
			@media (max-width:1200px) {
				.quick-wrap {
					width:100%;
				}
				.quick-navi a {
					text-align:center;
					padding-top:6px;
					padding-bottom:4px;
				}
				.quick-navi .last-col-sm a {
					border-right:none !important;
				}
				.quick-navi .add-col {
					margin-bottom:9px !important;
				}
				.quick-navi .odd-col {
					padding-top:6px !important;
					border-top:1px solid #f1f1f1;
				}
				.my-wrap .my-header {
					margin-top:108px;
					padding:0 15px;
				}
			}

			@media (min-width:768px) and (max-width:991px) {
				.quick-navi {
					padding:6px 15px;
				}
				.container-section {
					padding:15px 20px;
					margin:20px 0 30px;
				}
			}

			@media (max-width:991px) {
				.level-media-wrap .level-media {
					margin-top:5px;
					margin-bottom:5px;
				}
				.total-score-wrap {
					font-size:.8em;
				}
				.total-score em {
					top:11px;
				}
				.total-score-wrap-none .total-score em {
					top:-10px;
				}
			}

			@media (min-width:768px) {
				.my-wrap .side-bar-navi {
					display:none;
				}
			}
			@media (max-width:767px) {
				.my-wrap .side-bar-navi {
					transition:all .4s ease 0s;
				}
				.my-wrap.side-bar-show .side-bar-navi {
					left:130px;
					display:block;
				}
				.my-wrap .side-bar {
					left:-130px;
					transition:all .4s ease 0s;
				}
				.my-wrap.side-bar-show .side-bar {
					left:0;
					border-right:2px solid #004dce;
				}
				.my-wrap .contents-wrap,
				.quick-wrap {
					padding-left:0;
				}

				.my-wrap .my-header {
					margin-top:0;
					padding:0 15px;
				}
				.container-section {
					padding:6px 15px;
					margin:15px 0 30px;
				}

				.quick-toggle {
					margin-top:5px;
					width:35px;
					height:35px;
					color:#fff;
					text-align:center;
					line-height:35px;
					cursor:pointer;
					background-color:#004dce;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					-ms-border-radius:2px;
					-o-border-radius:2px;
					border-radius:2px;
				}
				.quick-navi-wrap {
					display:none;
					transition:all .4s ease 0s;
					opacity:0;
					filter:alpha(opacity=0);
				}
				.quick-wrap.quick-show .quick-navi-wrap {
					display:block;
					opacity:1;
					filter:alpha(opacity=100);
				}
				.quick-wrap.quick-show .quick-navi {
					margin-top:45px;
				}
				.quick-navi {
					border-top:1px solid #f1f1f1;
				}
				.quick-navi .img {
					height:40px;
					display:block;
					margin:0 auto 5px;
				}
				.quick-navi a {
					padding-bottom:0;
				}
				.quick-navi .last-col-xs a {
					border-right:none !important;
				}
				.quick-navi .add-col-xs {
					padding-top:5px !important;
					border-top:1px solid #f1f1f1;
				}
				.quick-navi .add-col-xs a {
					border-right:1px solid #f1f1f1 !important;
				}

				.scroll-css .quick-wrap {
					top:-45px;
				}
				.total-score-wrap {
					font-size:.75em;
				}
			}

			@media (min-width:1200px) {
				.quick-wrap {
					width:100%;
				}
				.scroll-css .quick-wrap {
					top:-80px;
				}
				.container-fluid{
					max-width:1140px;
				}
			}
			@media (min-width:1300px) {
				.container-fluid{
					max-width:1180px;
				}
			}
			@media (min-width:1400px) {
				.container-fluid{
					max-width:1200px;
				}
			}


			.graduation-wrap {
				padding:20px;
				background-color:#f8fbfe;
			}
			.stamp-group {
				padding:20px;
				background-color:#fff;
				border:1px solid #e2edf7;
				-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .05);
				box-shadow:0 0 5px rgba(0, 0, 0, .05);
			}
			.stamp-wrap {
				position:relative;
			}
			.stamp-wrap .table {
				border-top:2px solid #222;
			}
			.stamp-wrap .stamp-item {
				position:absolute;
				right:55px;
				top:-7px;
			}
			.stamp-wrap .stamp-item img {
				width:50px;
			}



			.teacher-section {
				margin-bottom:3em;
				padding:2.3em 3em 2em;
				-webkit-border-radius:2px;
				-moz-border-radius:2px;
				border-radius:2px;
				border:1px solid #ddd;
			}
			.teacher-section h5 {
				color:#fff;
			}
			.teacher-section h3 {
				color:#00eaff;
				margin-top:.4em;
			}
			.teacher-section .text-info {
				color:#000 !important;
			}
			.teacher-info {
				margin-top:1.3em;
				padding:1.5em 2em;
				height:294px;
				overflow-x:hidden;
				overflow-y:scroll;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				border-radius:4px;
				border:1px solid rgba(255, 255, 255, .1);
				-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, .06);
				box-shadow:0px 4px 5px rgba(0, 0, 0, .06);
			}
			.teacher-info * {
				color:#000;
			}

			@media (max-width:767px) {
				.teacher-section {
					padding:1.5em;
				}
				.teacher-section h3 {
					margin-top:.4em;
				}
				.teacher-info {
					margin-top:1.2em;
					padding:1.3em 1.5em;
					height:255px;
					-webkit-border-radius:2px;
					-moz-border-radius:2px;
					border-radius:2px;
					-webkit-box-shadow:inset 4px 4px 3px rgba(0, 0, 0, .06);
					box-shadow:inset 4px 4px 3px rgba(0, 0, 0, .06);
				}
			}

			.level-test,
			.level-test .container {
				height:160px;
			}
			.level-test {
				position:relative;
				display:table;
				width:100%;
				overflow:hidden;
				background-color:#807d79;
				background-repeat:repeat-x;
				background-position:50% 50%;
				-webkit-background-size: container;
				-moz-background-size: container;
				-o-background-size: container;
				background-size: container;
				background-image:url("img/slider_img_5.jpg");
			}
			.level-test .container {
				display:table-cell;
				color:rgba(255, 255, 255, 1);
				text-align:center;
				vertical-align:middle;
				letter-spacing:-.05em;
				text-shadow:0 0 3px rgba(0, 0, 0, .1);
			}
			.level-test .container h2 {
				color:#fff;
				font-size:1.4em;
				line-height:25px;
				margin:0 0 1em 0;
			}
			.level-test .container h4 {
				color:rgba(255, 255, 255, .8);
				font-size:1.15em;
				line-height:21px;
				margin:0 0 .5em 0;
			}
			.c-wrap-bottom,
			.c-wrap-middle,
			.c-wrap {
				padding:20em 0 0;
				background-color:#fff;
				-webkit-background-size: container;
				-moz-background-size: container;
				-o-background-size: container;
				background-size: container;
				background-repeat:no-repeat;
				background-position:50% 0;
				background-image:url("img/banner-bg-4.jpg");
			}

			.c-wrap-middle {
				padding:3em 0 0;
				background-image:url("img/banner-bg-6.jpg");
			}

			.c-wrap-bottom {
				padding:0 0 3em;
				background-position:50% 100%;
				background-image:url("img/banner-bg-5.jpg");
			}


			.media-banner {
				position: relative;
				display: inline-block;
				margin: 5px 0;
				overflow: hidden;
				background-color:#fff;
				-webkit-transition: all 150ms linear 0s;
				transition: all 150ms linear 0s;
				border:1px solid #ccc;
			}
			.media-banner:hover {
				border-color:#26b0ff;
			}



			.media-overlay {
				position: relative;
				display: inline-block;
				overflow: hidden;
				vertical-align: middle;
				padding:16px 15px 6px;
				-webkit-transition: all 150ms linear 0s;
				transition: all 150ms linear 0s;
			}
			.media-overlay h3 {
				color:#000;
				font-size:14px;
				line-height:18px;
				margin:5px 0;
			}
			.media-overlay p {
				color:#888;
				font-size:12px;
				line-height:18px;
				margin:0;
			}

			@media only screen and (max-width: 767px) {
				.media-banner {
					margin: 5px 0 0;
				}
				.level-test .container {
					padding-top:3em;
				}
			}

			@media only screen and (min-width: 768px) {
				.c-wrap-bottom,
				.c-wrap-middle,
				.c-wrap {
					padding:.5em 0;
				}

				.c-wrap-bottom {
					padding:0 0 .5em;
				}

				.c-wrap-middle {
					padding:.5em 0 0;
				}

				.media-overlay {
					padding:16px 13px;
				}
				.media-overlay h3 {
					font-size:13.5px;
					line-height:17px;
					margin:0 0 2px;
				}
				.media-overlay p {
					font-size:11.5px;
					line-height:17px;
				}
			}

			@media only screen and (max-width: 992px) {
				.c-wrap-bottom,
				.c-wrap-middle,
				.c-wrap {
					padding:1em 0;
				}

				.c-wrap-bottom {
					padding:0 0 1em;
				}

				.c-wrap-middle {
					padding:1em 0 .5em;
				}

				.level-test .container h4 {
					font-size:1.05em;
				}
				.level-test .container h2 {
					font-size:1.25em;
				}
			}

			@media only screen and (min-width: 1170px) {
				.c-wrap-bottom,
				.c-wrap-middle,
				.c-wrap {
					padding:3em 0;
				}
				.c-wrap-bottom {
					padding:0 0 3em;
				}
				.c-wrap-middle {
					padding:3em 0 1.5em;
				}
				.media-overlay {
					padding:25px 30px 23px;
				}
				.media-overlay h3 {
					font-size:14px;
					line-height:18px;
					margin:5px 0;
				}
				.media-overlay p {
					font-size:12px;
					line-height:18px;
				}
			}


	.m-quick-b {
		// background-color:#f2f3f5;
	}
	.m-quick-b a {
		display:block;
		padding:16px;
		letter-spacing:-.05em;
		background-color:#fff;
		border: 2px solid #fff;
		-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .05);
		box-shadow:0 0 5px rgba(0, 0, 0, .05);
		border-radius: 4px;
		-webkit-transition: all 150ms linear 0s;
		transition: all 150ms linear 0s;
	}
	.m-quick-b a:hover {
		border-color: #1f8ceb;
		-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, .2);
		box-shadow:2px 2px 8px rgba(0, 0, 0, .2);
	}
	.m-quick-b a h3 {
		color:#222;
		font-size:1.4em;
		margin:2px 0 5px;
		-webkit-transition: all 150ms linear 0s;
		transition: all 150ms linear 0s;
	}
	.m-quick-b a p {
		color:#777;
		font-size:1em;
		line-height:20px;
		margin:0;
		-webkit-transition: all 150ms linear 0s;
		transition: all 150ms linear 0s;
	}
	.m-quick-b a:hover h3 {
		color:#000;
	}
	.m-quick-b a:hover p {
		color:#555;
	}
	.m-quick-b a img {
		width:100%;
		margin:10px auto;
		padding-left:10px;
		padding-right:5px;
	}

	@media (max-width:1050px) {
		.m-quick-b a {
			padding:13px 10px 13px 15px;
		}
		.m-quick-b a h3 {
			font-size:1.3em;
			margin:1px 0 4px;
		}
		.m-quick-b a p {
			font-size:.9em;
			line-height:19px;
		}
		.m-quick-b a img {
			margin:9px auto;
			padding-left:8px;
			padding-right:4px;
		}
	}

	@media (max-width:767px) {
		.m-quick-b a {
			margin-bottom:10px;
		}
		.m-quick-b a.last-loop {
			margin-bottom:0;
		}
		.m-quick-b a h3 {
			font-size:1.35em;
			margin-top:9px;
		}
		.m-quick-b a p {
			font-size:.95em;
			line-height:20px;
		}
		.m-quick-b a img {
			padding-left:12px;
			padding-right:20px;
		}

		.view-tab.nav-tabs>li>a {
			font-size:1.05em !important;
			line-height:1.1;
		}
	}

	@media (max-width:340px) {
		.m-quick-b a h3 {
			font-size:1.3em;
			margin-top:8px;
		}
		.m-quick-b a p {
			font-size:.9em;
			line-height:19px;
		}
		.m-quick-b a img {
			padding-left:8px;
			padding-right:10px;
		}

		.view-tab.nav-tabs>li>a {
			font-size:.95em !important;
			line-height:1;
		}
	}



	.m-tab-b h2 {
		color:#000;
		font-weight:600;
		font-size:2em;
		line-height:22px;
		text-align:center;
		padding:0 0 15px;
		margin:0;
	}
	.m-tab-b .view-tab.nav-tabs>li>a {
		font-size:1.25em;
		line-height:1.8;
		background-color:transparent;
	}
	.m-tab-b .view-tab.nav-tabs>li.active>a,
	.m-tab-b .view-tab.nav-tabs>li.active>a:focus,
	.m-tab-b .view-tab.nav-tabs>li.active>a:hover {
		color:#000;
		background-color:transparent !important;
	}




	.tabs-contents {
		padding:2em 6em;
	}
	.tabs-contents h4 {
		color:#222;
		font-size:1.5em;
		line-height:30px;
		font-weight:500;
		letter-spacing:-.05em;
		text-decoration:underline;
		margin-top:.7em;
	}
	.tabs-contents h3 {
		color:#ff4e10;
		font-size:1.85em;
		line-height:34px;
		font-weight:500;
		letter-spacing:-.05em;
		margin:0 0 .4em;
	}
	.tabs-contents p {
		color:#666;
		font-size:1.35em;
		line-height:28px;
		font-weight:400;
		letter-spacing:-.05em;
		margin:.2em 0 .4em;
	}
	.tabs-contents p span {
		color:#1f8ceb;
	}
	.tabs-contents img {
		width:100%;
	}


	.carousel-caption {
		font-size:.85em;
	}




	@media (max-width:1050px) {


		.tabs-contents {
			padding:1.5em 4em;
		}
		.tabs-contents h4 {
			font-size:1.35em;
			line-height:26px;
			margin-top:.6em;
		}
		.tabs-contents h3 {
			font-size:1.7em;
			line-height:30px;
			margin:0 0 .3em;
		}
		.tabs-contents p {
			font-size:1.2em;
			line-height:24px;
			margin:.15em 0 .3em;
		}
		.carousel-caption {
			font-size:.75em;
		}
	}

	@media (max-width:990px) {


		.tabs-contents {
			padding:1.5em 1em;
		}
		.tabs-contents h4 {
			font-size:1.25em;
			line-height:25px;
			margin-top:.4em;
		}
		.tabs-contents h3 {
			font-size:1.55em;
			line-height:29px;
			margin:0 0 .2em;
		}
		.tabs-contents p {
			font-size:1.1em;
			line-height:23px;
			margin:.15em 0 .25em;
		}
		.carousel-caption {
			font-size:.75em;
		}
	}

	@media (max-width:767px) {


		.tabs-contents {
			padding:.9em;
		}
		.tabs-contents h4 {
			font-size:1.15em;
			line-height:24px;
			margin-top:.5em;
		}
		.tabs-contents h3 {
			font-size:1.4em;
			line-height:27px;
			margin:0 0 .3em;
		}
		.tabs-contents p {
			font-size:1em;
			line-height:22px;
			margin:.1em 0 .2em;
		}
		.carousel-caption {
			font-size:.65em;
		}
	}

	@media (max-width:340px) {

		.tabs-contents {
			padding:.85em;
		}
		.tabs-contents h4 {
			font-size:1.05em;
			line-height:23px;
		}
		.tabs-contents h3 {
			font-size:1.3em;
			line-height:26px;
		}
		.tabs-contents p {
			font-size:.95em;
			line-height:21px;
		}
		.carousel-caption {
			font-size:.65em;
		}

	}




	.tdwork-group-intro {
		margin:50px 0;
		text-align:center;
		letter-spacing:-.05em;
	}
	.tdwork-group-intro h2 {
		color:#333;
		font-size:25px;
		line-height:33px;
		font-weight: 500;
		margin-bottom:15px;
	}
	.tdwork-group-intro h3 {
		color:#333;
		font-size:20px;
		line-height:30px;
		font-weight: 500;
		margin-bottom:15px;
	}
	.tdwork-group-intro h2 em,
	.tdwork-group-intro h3 span {
		color:#176bf6;
	}
	.tdwork-group-intro h3 span.sm,
	.tdwork-group-intro p {
		font-size:18px;
		line-height:26px;
	}
	.tdwork-group-intro h3 span.sm {
		display:block;
		color:#333;
		font-weight: 400;
		margin-top:5px;
		margin-bottom:5px;
	}
	.tdwork-group-intro h3 em {
		font-style:normal;
	}
	.tdwork-group-intro p em,
	.tdwork-group-intro h3 em em,
	.tdwork-group-intro h3 span.sm em {
		color:#176bf6;
	}


	.tdwork-img-wrap {
		margin:50px 0;
		letter-spacing:-.05em;
	}
	.tdwork-img-wrap .frame {
		padding:35px 40px;
	}
	.tdwork-img-wrap2 .frame {
		padding:45px 40px;
	}
	.tdwork-img-wrap3 .frame {
		padding:20px 40px;
	}
	.tdwork-img-wrap h2 {
		color:#333;
		font-size:18px;
		line-height:26px;
		font-weight: 400;
		margin:15px 0 0;
	}
	.tdwork-img-wrap3 h2 {
		font-size:16px;
		line-height:24px;
		margin:10px 0 0;
	}
	.tdwork-img-wrap h2 em {
		color:#176bf6;
	}
	.tdwork-img-wrap .text-bg,
	.tdwork-img-wrap .tdwork-img,
	.tdwork-img-wrap .tdwork-img .tdwork-img-cell {
		height:280px;
	}
	.tdwork-img-wrap .text-bg {
		background-color:#f6f9ff;
		background-color:rgba(239, 245, 255, .5);
		-webkit-box-shadow:inset 0 0 40px rgba(0, 0, 0, .03);
		box-shadow:inset 0 0 40px rgba(0, 0, 0, .03);
	}
	.tdwork-img-wrap .tdwork-img {
		display:table;
		width:100%;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url("img/tdwork-img01.jpg");
		background-size:cover;
	}
	.tdwork-img-wrap .tdwork-img2 {
		background-image:url("img/tdwork-img02.jpg");
	}
	.tdwork-img-wrap .tdwork-img3 {
		background-image:url("img/tdwork-img03.jpg");
	}
	.tdwork-img-wrap .tdwork-img .tdwork-img-cell {
		display:table-cell;
		text-align:center;
		text-shadow:0 0 4px rgba(0, 0, 0, .2);
		vertical-align:middle;
	}
	.tdwork-img-wrap h3 {
		color:#000;
		font-size:25px;
		line-height:28px;
		font-weight: 500;
		letter-spacing:-.05em;
		text-align:center;
		margin:0 auto 20px;
	}

	.tdwork-line {
		width:1px;
		height:50px;
		margin:0 auto;
		background-color:#bbb;
	}


	.tdwork-group-last {
		display:table;
		width:100%;
		margin:50px 0;
	}
	.tdwork-group-last,
	.tdwork-group-last-frame {
		height:230px;
	}
	.tdwork-group-last-frame {
		display:table-cell;
		color:#fff;
		text-align:center;
		vertical-align:middle;
		text-shadow:0 0 4px rgba(0, 0, 0, .2);
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url("img/tdwork-group-last1.jpg");
		background-size:1000px 273px;
		border-radius: 150px;
	}
	.tdwork-group-last-frame2 {
		background-image:url("img/tdwork-group-last2.jpg");
	}
	.tdwork-group-last-frame3 {
		background-image:url("img/tdwork-group-last3.jpg");
	}
	.tdwork-group-last h2 {
		font-size:25px;
		line-height:28px;
		font-weight: 500;
		letter-spacing:-.05em;
		margin:0 0 5px;
	}
	.tdwork-group-last h3 {
		font-size:20px;
		line-height:28px;
		font-weight: 500;
		letter-spacing:-.05em;
		margin:0;
	}
	.tdwork-group-last h3 em {
		color:#71e6ff;
	}


	@media (max-width:1050px) {
		.tdwork-img-wrap,
		.tdwork-group-last,
		.tdwork-group-intro {
			margin:40px 0;
		}
		.tdwork-group-intro h2 {
			font-size:23px;
			line-height:31px;
			margin-bottom:13px;
		}
		.tdwork-group-intro h3 {
			font-size:18px;
			line-height:28px;
			margin-bottom:13px;
		}

		.tdwork-group-intro h3 span.sm,
		.tdwork-group-intro p,
		.tdwork-img-wrap h2 {
			font-size:16px;
			line-height:24px;
		}

		.tdwork-group-intro h3 span.sm {
			margin-top:4px;
			margin-bottom:4px;
		}

		.tdwork-img-wrap .frame {
			padding:30px;
		}
		.tdwork-img-wrap h2 {
			margin:13px 0 0;
		}
		.tdwork-img-wrap .text-bg,
		.tdwork-img-wrap .tdwork-img,
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell {
			height:240px;
		}
		.tdwork-img-wrap .tdwork-img {
			background-size:486px 340px;
		}
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell h3 {
			font-size:28px;
			line-height:38px;
		}

		.tdwork-line {
			height:40px;
		}

		.tdwork-group-last,
		.tdwork-group-last-frame {
			height:210px;
		}

		.tdwork-group-last-frame {
			background-size:900px 246px;
		}
		.tdwork-group-last h2 {
			font-size:23px;
			line-height:26px;
		}
		.tdwork-group-last h3 {
			font-size:18px;
			line-height:26px;
		}

	}

	@media (max-width:990px) {
		.tdwork-img-wrap,
		.tdwork-group-last,
		.tdwork-group-intro {
			margin:30px 0;
		}
		.tdwork-group-intro h2 {
			font-size:21px;
			line-height:29px;
			margin-bottom:11px;
		}
		.tdwork-group-intro h3 {
			font-size:16px;
			line-height:26px;
			margin-bottom:11px;
		}

		.tdwork-group-intro h3 span.sm,
		.tdwork-group-intro p,
		.tdwork-img-wrap h2 {
			font-size:14px;
			line-height:22px;
		}

		.tdwork-group-intro h3 span.sm {
			margin-top:3px;
			margin-bottom:3px;
		}

		.tdwork-img-wrap .frame {
			padding:25px 20px;
		}
		.tdwork-img-wrap h2 {
			margin:11px 0 0;
		}
		.tdwork-img-wrap .text-bg,
		.tdwork-img-wrap .tdwork-img,
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell {
			height:220px;
		}
		.tdwork-img-wrap .tdwork-img {
			background-size:429px 300px;
		}
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell h3 {
			font-size:26px;
			line-height:36px;
		}

		.tdwork-line {
			height:30px;
		}

		.tdwork-group-last,
		.tdwork-group-last-frame {
			height:190px;
		}

		.tdwork-group-last-frame {
			background-size:800px 219px;
		}
		.tdwork-group-last h2 {
			font-size:21px;
			line-height:24px;
		}
		.tdwork-group-last h3 {
			font-size:16px;
			line-height:24px;
		}


	}

	@media (max-width:767px) {
		.tdwork-img-wrap,
		.tdwork-group-last,
		.tdwork-group-intro {
			margin:20px 0;
		}
		.tdwork-group-intro h2 {
			font-size:18px;
			line-height:24px;
			margin-bottom:10px;
		}
		.tdwork-group-intro h3 {
			font-size:14px;
			line-height:24px;
			margin-bottom:10px;
		}

		.tdwork-group-intro h3 span.sm,
		.tdwork-group-intro p,
		.tdwork-img-wrap h2 {
			font-size:13px;
			line-height:21px;
		}

		.tdwork-group-intro h3 span.sm {
			margin-top:2px;
			margin-bottom:2px;
		}

		.tdwork-img-wrap .frame {
			padding:20px;
		}
		.tdwork-img-wrap h2 {
			margin:10px 0 0;
		}

		.tdwork-img-wrap .text-bg {
			height:auto;
		}
		.tdwork-img-wrap .tdwork-img,
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell {
			height:280px;
		}
		.tdwork-img-wrap .tdwork-img {
			background-size:400px 280px;
		}
		.tdwork-img-wrap .tdwork-img .tdwork-img-cell h3 {
			font-size:24px;
			line-height:34px;
		}

		.tdwork-line {
			height:20px;
		}

		.tdwork-group-last,
		.tdwork-group-last-frame {
			height:200px;
		}

		.tdwork-group-last-frame {
			background-size:767px 210px;
		}
		.tdwork-group-last h2 {
			font-size:20px;
			line-height:23px;
		}
		.tdwork-group-last h3 {
			font-size:15px;
			line-height:23px;
		}


	}

	@media (max-width:340px) {
		.tdwork-group-last,
		.tdwork-group-last-frame {
			height:190px;
		}

		.tdwork-group-last-frame {
			background-size:730px 200px;
		}
		.tdwork-group-last h2 {
			font-size:19px;
			line-height:22px;
		}
		.tdwork-group-last h3 {
			font-size:14px;
			line-height:22px;
		}

		.tdwork-img-wrap .tdwork-img {
			background-size:300px 210px;
		}

	}



	/* dayweek1 */

	/* company_intro pil-page-table */

	.pil-page-table{
		padding:1em 0;
		border:1px solid #ddd;
	}

	.pil-page-table h3,h4{
		color:#000;
	}

	/* //company_intro pil-page-table */



	/* label 디자인 */
	.dayweek {
		position: relative;
		margin-bottom:1em;
	} 
	.dayweek input[type="checkbox"]{
		/* 실제 체크박스는 화면에서 숨김 */
		position: absolute;
		width: 1px; 
		height: 1px; 
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip:rect(0,0,0,0); 
		border: 0 
	} 
	.dayweek input[type="checkbox"] + label {
		display: inline-block; 
		position: relative;
		width:100%;
		padding:0.5em;
		cursor: pointer;
		background-color:#fff;
		border:1px solid #ddd;
		-webkit-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none; 
	} 

	.dayweek input[type="checkbox"] + label:hover{
		color:#018ac1;
		border:1px solid transparent;
		box-shadow :2px 2px 5px #999 !important;
	}
	.dayweek input[type="checkbox"] + label:before {
		/* 가짜 체크박스 */
			content: '\2714';
			display: inline-block;
			width: 23px;/* 체크박스의 너비를 지정 */ 
			height: 23px; /* 체크박스의 높이를 지정 */ 
			line-height:23px;/* 세로정렬을 위해 높이값과 일치 */
			margin: -2px 8px 0 0;  
			vertical-align: middle;
			text-align:center;
			background: #fff; 
			color:#ddd;
			border:1px solid #ddd;
			transition: background-color .20s ease-in-out, border-color .20s ease-in-out, box-shadow .20s ease-in-out;
		} 


	.dayweek input[type="checkbox"]:checked + label:before { 
		/* 체크박스를 체크했을때 */
		content:'\2714';
		background-color:#018ac1;
		color: #fff; 
		border:1px solid #018ac1;
		border-radius:2px;
	}

	.dayweek input[type="checkbox"]:checked + label{
		color:#018ac1;
		border-radius:2px;
		border:1px solid #018ac1 !important;
		color:#018ac1;
		box-shadow :2px 2px 5px #999 !important;
	}

	.dayweek button {
			line-height:40px;
			width:100%;
			margin:20px 0 0;
			cursor: pointer;
			color:#018ac1;
			text-align:center;
			background-color:transparent;
			border:1px solid transparent;
			-webkit-user-select: none; 
			-moz-user-select: none;
			-ms-user-select: none; 
		}
	.dayweek2 button {
			line-height:40px;
			cursor: pointer;
			color:#018ac1;
			text-align:center;
			background-color:transparent;
			border:1px solid transparent;
			-webkit-user-select: none; 
			-moz-user-select: none;
			-ms-user-select: none; 
		}

	.dayweek button {
			line-height:40px;
			width:100%;
			margin:20px 0 0;
			cursor: pointer;
			color:#000;
			text-align:center;
			background-color:transparent;
			border:1px solid transparent;
			-webkit-user-select: none; 
			-moz-user-select: none;
			-ms-user-select: none; 
		}

		.btn_ani{
			color:#fff; 
			font-size:15px; 
			position:relative;
			letter-spacing:.1em;
		}

		.btn_ani:after{
			content:'';
			position:absolute;
			bottom:0;
			left:0;
			right:101%;
			border-bottom:3px solid #018ac1;
			transition: all 400ms;

		}
		.btn_ani:hover{
			color:#000;
			font-weight:500;
		}
		.btn_ani:hover:after{
			right:0		
			}


		.dayweek button:hover {
			border:1px solid #018ac1;
			border-radius:17px;
			color:#018ac1;
			transition: background-color .20s ease-in-out, border-color .20s ease-in-out, box-shadow .20s ease-in-out;
		}

		/* label 디자인 */

		/* 별 디자인 */
		.star_rating .star {
		  display: inline-block;
		  color:#ddd;
		}
		.star.on{
			color:#018ac1;
		}
		/* 별 디자인 */

		/* box active */

		.box.active:before{
		  content: '';
		  position:absolute;
		  top:0;
		  left:-100%;
		  width:100%;
		  height:100%;
		  transition:0.2s;
		  pointer-events: none;
		}

		.box.active:hover:before{
		  left:-50%;
		  width:100%;
		}

		.box.active .span-b{
		  position: absolute;
		  top: 0;
		  left: 10%;
		  width: 80%;
		  height: 100%;
		  display: block;
		  box-sizing: border-box;
		  
		}


		.box.active .span-b
		{
		  transform:rotate(180deg);
		}


		.box.active .span-b:before
		{
		  content: '';
		  position: absolute;
		  width:100%;
		  height: 4px;
		  background: #2056ae;
		  animation: animate 1s 0s alternate;


		}

		@keyframes animate {
		  0% {
		  transform:scaleX(0);
		  transform-origin: right;
			opacity:0.4;
		  }
		  50% {
		  transform:scaleX(1);
		  transform-origin: right;
		  opacity:0.7;
		  }
		  50.1% {
		  transform:scaleX(1);
		  transform-origin: left;
		  }
		  100% {
			transform:scaleX(1);
		  transform-origin:left;
			opacity:1;
		  }
		  
		} 
		/* box active */


	/* dayweek1 */







	/* dayweek2 */

	.dayweek2 {
		position: relative;
		margin-bottom:1em;
	} 
	.dayweek2 input[type="checkbox"]{
		/* 실제 체크박스는 화면에서 숨김 */
		position: absolute;
		width: 1px; 
		height: 1px; 
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip:rect(0,0,0,0); 
		border: 0 
	} 
	.dayweek2 input[type="checkbox"] + label {
		display: inline-block; 
		position: relative;
		width:100%;
		padding:0.5em;
		cursor: pointer;
		background-color:#fff;
		border:1px solid #ddd;
		-webkit-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none; 
	} 

	.dayweek2 input[type="checkbox"] + label:hover{
		color:#018ac1;
		border:1px solid transparent;
		box-shadow :2px 2px 5px #999 !important;
	}



	.dayweek2 input[type="checkbox"]:checked + label{
		color:#018ac1;
		border-radius:2px;
		border:1px solid #018ac1 !important;
		color:#018ac1;
		box-shadow :2px 2px 5px #999 !important;
	}

	/* //dayweek2 */


	.pil-page-table select {
	display:block;
	height:40px;
	width:100%;
	margin-bottom:15px;
	}

.Page navigation ul{
	display:block;
	width:100%;
	text-align:center;
}