/*!
 * Start Bootstrap - Agency v1.1.1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
    overflow-x: hidden;
    font-family: 'Nanum Gothic', sans-serif
}

.text-muted {
    color: #777777
}

.text-primary {
    color: #fed136
}

p {
    font-size: 14px;
    line-height: 1.75
}

p.large {
    font-size: 16px
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
	text-decoration: none;
}

a {
    color: #617fde
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;

}

.fontst1{
	font-size: 14px;
	font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
}

.bg-color25{background: #fed136;}

/* breadcrumb */
.breadcrumb {
	background: none;
	padding: 0;
	font: 14px 'Nanum Gothic', sans-serif;
	color: #5f6d7b;
	margin-bottom: 22px;
}
.breadcrumb > li + li:before {
	content: "\f105 ";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #5f6d7b;
}
.breadcrumb a {
	color: #5f6d7b;
}
.breadcrumb > .active {
	color: #e6400c;
}

.img-centered {
    margin: 0 auto
}

.bg-light-gray {
    background-color: #f4f4f5
}

.bg-darkest-gray {
    background-color: #222222
}

.btn-primary {
    color: white;
    background-color: #617fde;
    border-color: #617fde;
    border-radius: 30px;
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 300
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: white;
    background-color: #617fde;
    border-color: #617fde
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #fed136;
    border-color: #fed136
}

.btn-primary .badge {
    color: #fed136;
    background-color: white
}

.btn-xl {
    color: white;
    background-color: #617fde;
    border-color: #617fde;
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    color: white;
    background-color: #617fde;
    border-color: #617fde;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    background-color: #fed136;
    border-color: #fed136
}

.btn-xl .badge {
    color: #fed136;
    background-color: white
}

.navbar-custom {

    border-color: transparent
}

.navbar-custom .navbar-brand {
    color: #617fde;
    font-family: 'Nanum Gothic', sans-serif;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
    color: #617fde
}

.navbar-custom .navbar-collapse {
    border-color: rgba(255, 255, 255, 0.02);
	font-size: 15px;
}

.navbar-custom .navbar-toggle {
    background-color: #617fde;
    border-color: #617fde;
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: 10px;
	margin-top:30px;


	width:110px;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #617fde;
}

.navbar-custom .nav li a {
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #818b99;
	padding-left:20px
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: #617fde;
    outline: none
}

.navbar-custom .navbar-nav > .active > a {
    border-radius: 0;
    color: white;
    background-color: #617fde
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: white;
    background-color: #617fde
}


.navbar-custom .navbar-brand img{ margin-top: -12px;}


@media (min-width: 768px) {
    .navbar-custom {
        background-color: transparent;
        padding: 25px 0;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
        border: none
    }
    .navbar-custom .navbar-brand {
        font-size: 2em;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }
    .navbar-custom .navbar-nav > .active > a {
        border-radius: 3px
    }
	
	.navbar-custom .navbar-brand img{ margin-top: -17px;}
}

@media (min-width: 768px) {
    .navbar-custom.affix {
        background-color: rgba(255, 255, 255, .95);
        border-bottom: 1px solid #e9e9e9;
        padding: 10px 0;
		z-index:2000;
    }
    .navbar-custom.affix .navbar-brand {
        font-size: 2em
    }
	.navbar-custom .navbar-brand img{ margin-top: -17px;}	
	
}


header {
    background-image: url('../img/header.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: left;
    color:
}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px
}

header .intro-text .intro-lead-in {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 25px
}

header .intro-text .intro-heading {
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    header .intro-text {
        padding-top: 220px;
        padding-bottom: 100px
    }
    header .intro-text .intro-lead-in {
        font-family: 'Nanum Gothic', sans-serif;
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 25px
    }
    header .intro-text .intro-heading {
        font-family: 'Nanum Gothic', sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 50px
    }
}


.header_sub {
     display:none;
}

.mb_hide {
     display:none;
}

.automargin{margin-top:90px;}

.header_sub .intro-text {
    padding-top: 100px;
    padding-bottom: 10px
}

.header_sub .intro-text .intro-lead-in {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
	color:#9e9e9e;
}

@media (min-width: 768px) {
	.automargin{margin-top:0px;}
	.mb_hide {display:block;}
	.header_sub {
	display:block;
    background-image: url('../img/header_sub.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: right;
	}

    .header_sub .intro-text {
        padding-top: 100px;
		padding-bottom: 10px
    }
    .header_sub .intro-text .intro-lead-in {
        font-family: 'Nanum Gothic', sans-serif;
        font-size: 20px;
        line-height: 40px;
    }
}



section {
    padding: 100px 0
}

section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
}

section h3.section-subheading {
    font-size: 17px;
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: none;
    font-weight: 300;
    color: #6f7c82;
    line-height: 1.5;
    margin-bottom: 75px
}

@media (min-width: 768px) {
    section {
        padding: 150px 0
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none
}



aside.clients img {
    margin: 50px auto
}

section#contact .section-heading {
    color: #333
}

section#contact .form-group {
    margin-bottom: 25px
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px
}

section#contact .form-group input.form-control {
    height: auto
}

section#contact .form-group textarea.form-control {
    height: 236px
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none
}

section#contact::-webkit-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact:-moz-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact::-moz-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact:-ms-input-placeholder {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eeeeee
}

section#contact .text-danger {
    color: #e74c3c
}

footer {
    padding: 25px 0;
    text-align: center
}

footer span.copyright {
    line-height: 40px;
    font-family: 'Nanum Gothic', sans-serif;
    color: #8c8f94;
    text-transform: uppercase;
    text-transform: none
}

footer ul.quicklinks {
    margin-bottom: 0;
    line-height: 40px;
    font-family: 'Nanum Gothic', sans-serif;
    ;
    text-transform: uppercase;
    text-transform: none
}

ul.social-buttons {
    margin-bottom: 0
}

ul.social-buttons li a {
    display: block;
    background-color: #222222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: none
}

footer ul {
    list-style-type: none;
}

.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto
}

.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 16px
}

.portfolio-modal .modal-content ul.list-inline {
    margin-bottom: 30px;
    margin-top: 0
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #222222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #222222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}

::-moz-selection {
    text-shadow: none;
    background: #fed136
}

::selection {
    text-shadow: none;
    background: #fed136
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

body {
    webkit-tap-highlight-color: #fed136
}

.p-about {
    font-size: 18px !important;
    font-weight: 300;
    color: #000;
}

.span-about {
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
}

.footer-text {
    font-size: 15px;
    font-weight: 400;
    color: #414446;
}

.top-margin-md {
    margin-top: 40px!important;
}

.top-margin-lg {
    margin-top: 60px!important;
}


.before-header {
    font-size: 24px;
    font-weight: 200;
}

.bottom-margin-sm {
    margin-bottom: 20px!important
}


.form-control {
 /* display: block;
  width: 100%;
  height: 50px;
  padding: 11.5px 25px;
  font-size: 14px;
  line-height: 1.78571;
  color: #b7b7b7;
  background-color: #f2f2f2;
  background-image: none;
  border: 1px solid #f2f2f2;
  border-radius: 0px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #b7b7b7;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #b7b7b7;
}

.form-control::-webkit-input-placeholder {
  color: #b7b7b7;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f5f5f5;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.bgcolor-1 {
  background-color: #fed136!important;
}

.color-1 {
  color: #878787;
}

.font-st1 {
	z-index:1500;
	font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}

.font-st2 {
	font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}

.font-st3 {
	font-family: 'Nanum Gothic', sans-serif;
    font-size: 13px;
}

.font-st4 {
	font-family: 'Nanum Gothic', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 16px;
	color:#769ce8;
}
.font-bold {
	font-weight:bold;
}


.link-st1 {
	cursor: pointer;
    color: #617fde;
}



.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-bottom-65 {
	margin-bottom: 65px !important;
}

.margin-top-m07 {
	margin-top: -07px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}


.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}




/*board*/
.board_st1 {
	width: 100%;
	font-size: 11px;
	color: #444;
 
	border-bottom: solid #ccc 1px;
	border-collapse: separate;
	border-spacing: 0;

}

.board_st1 a{color:#1b1b1b; font-weight: 700; }

.board_st1 > tbody > tr > td {
  padding: 10px;
  text-align: center;
  border-bottom: solid #f5f5f5 1px;
}

.board_st1 .btline{border-bottom: solid #ccc 1px;}

.board_st1 > thead > tr > th {
  padding: 10px;
  text-align: center;
/*  border-left: 1px solid #fff;*/
}
 
.board_st1 > thead > tr > th, .board_st1 > thead > tr > td {
  background-color: #14a5eb;
  color:#ffffff;
  text-shadow: 0px 0px 0px #fbfbfb;
}



.btnst2 {
    background-color: #5dc9cc;
    border: none;
    color:#fff;
	border-radius:5px;
    padding: 5px 7px 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px;
    cursor: pointer;
}
.btnst2:active {
	position: relative;
	top: 1px;
}

.min-h100{min-height:100px;}
.min-h250{min-height:250px;}
.board_page{width:100%; text-align:center;}

/*** Sidebar ***/
.sidebar {
	color: #3E4D5C;
}
.sidebar .list-group-item {
    background: rgba(244,244,244,0.5);
    border: none;
    display: block;
    margin-bottom: 2px;
    padding: 7px 10px;
    position: relative;
    border-radius: 0;
}

.sidebar .list-group-item-act {
    background: rgba(224,224,224,1);
    border: none;
    display: block;
    margin-bottom: 2px;
    padding: 7px 10px;
    position: relative;
    border-radius: 0;
	color: #E02222;

}


.sidebar .list-group-item:last-child {
	margin: 0;
}
.sidebar a {
	color: #3E4D5C;
}
.sidebar a:hover {
	color: #E02222;
}

 .sidebar-menu a {
	display: block;
}
 .sidebar-menu a:hover {
 	text-decoration: none;
}
.sidebar-menu .fa-angle-right {
	position: relative;
	top: 1px;
	margin-right: 2px;
	float: left;
}
.sidebar .dropdown.open .dropdown-toggle {
    background: #fff;
    color: #3E4D5C;
}
.sidebar .dropdown.open .dropdown-toggle:hover {
	color: #E02222;
}
.sidebar .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle {
    border-color: none !important;
}

.sidebar .dropdown-menu {
    background-clip: padding-box;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    float: none;
    font-size: 14px;
    list-style: none;
    margin: 0 -10px;
    min-width: auto;
    padding: 5px 10px 1px 19px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    font: 15px 'PT Sans Narrow', sans-serif;
}

.sidebar .dropdown-menu:after,
.sidebar .dropdown-menu:before {
    display:none !important;
}

.sidebar .dropdown-menu .dropdown-menu {
	border-top: none;
	margin-bottom: -5px;
	margin-right: -10px;
}
.sidebar .open>.dropdown-menu {
	display: block;
}
.sidebar .dropdown-menu li {
	padding: 4px 0 3px 11px;
	position: relative;
}
.sidebar .dropdown-menu ul {
	padding: 0;
	margin: 0 0 0 4px;
	list-style: none;
	text-transform: none;
	font-size: 15px;
}
.sidebar .dropdown-menu > li > a {
    clear: both;
    line-height: inherit;
    padding: 0;
    white-space: inherit;
}
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
	background: none !important;
	color: #E02222;
}
.sidebar .dropdown-menu > li > a .fa-angle-down {
	position: absolute;
	top: 8px;
	right: 0;
}
.sidebar .fa-angle-down:before {
    content: "";
}
.sidebar .fa-angle-down {
	width: 11px;
	height: 11px;
	background: url(../img/icons/sidebar-toggle-icons.png) no-repeat 0 0;
	position: absolute;
	top: 12px;
	right: 10px;
}
.sidebar a:hover > .fa-angle-down {
	background-position: -11px 0;
}
.sidebar .collapsed .fa-angle-down {
	background-position: 0 -37px;
}
.sidebar .collapsed:hover > .fa-angle-down {
	background-position: -11px -37px;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}


.recent-news {
 
  overflow: hidden;
}
.recent-news h3,
.ecommerce .recent-news h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.recent-news h3 a {
	color: #E84D1C;
}
.recent-news-inner{
	padding: 0;
}

.recent-news-inner h3, p {
  font-size: 11px;
  padding: 0;
}

/* mypage Sidebar categories BEGIN */ 
.sidebar-categories li a {
  padding: 5px 0;
  border-bottom: 1px solid #ECEBEB;
  color: #333;
  font-size: 12px;
}
.sidebar-categories li a:hover {
  background: none;
}
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #E84D1C;
}
.sidebar-categories li a:before {
    content: "";
    font-family: FontAwesome !important;
    font-size: 8px;
    padding-right: 10px;
    position: relative;
    top: -1px;
}

.tb1{
	width: 100%;
	font-size: 11px;
	color: #444;
	border-color: #cccccc;
	border-collapse: separate;
	border-spacing: 0;
}
.tb1 th{
	background: #14a5eb;
	color:#ffffff;
}

.tb1 td{
	padding:2px;
	border-color: #cccccc;
}
.tb1 .bgray{background: #f1f1f1;}


.text-c{text-align:center;}
.font18{font-size:18px;}

.calbox{
	color:#fff;
	font-size:11px;
	padding: 2px 5px 2px 5px;
}
.calbox2{
	color:#000000;
	font-size:11px;
	padding: 2px 5px 2px 5px;
}

.bg-color1{background: #0066bb;}
.bg-color2{background: #4b880e;}
.bg-color3{background: #ff1100;}
.bg-color4{background: #ee0088;}
.bg-color5{background: #aa0000;}
.bg-color6{background: #58008a;}
.bg-color7{background: #4d4d00;}
.bg-color8{background: #58bbee;}
.bg-color9{background: #f77b6b;}
.bg-color10{background: #75c181;}

.bg-color11{background: #00ff00;}
.bg-color12{background: #00b0f0;}
.bg-color13{background: #ffff00;}
.bg-color14{background: #0070c0;}
.bg-color15{background: #92d050;}
.bg-color16{background: #ff66ff;}
.bg-color17{background: #ffc000;}
.bg-color18{background: #d8d8d8;}
.bg-color19{background: #ff0000;}
.bg-color20{background: #7030a0;}
.bg-color21{background: #dea700;}
.bg-color22{background: #000000;}

.paddingtop-10{padding-top:10px !important;}
.paddingleft-20{padding-left:20px !important;}
.paddingright-20{padding-right:20px !important;}

.tb_st1{width:100%;}
.mt5{margin-top:5px;}
.cell_padding {padding : 5px;}



.table_st1 {
	width: 100%;
	font-size: 13px;
	border: solid #dfdfdf 1px;
	border-collapse: separate;
	padding:3px;
}

.table_st2 {
	width: 100%;
	font-size: 11px;
	border: solid #dfdfdf 1px;
	border-collapse: separate;
	padding:3px;
}
.table_st2 .bg_blue{padding:5px; background:#14a5eb; color:#ffffff; border: 1px solid #fff; text-align:center;}
.table_st2 .bg_line{padding:5px; border: 1px solid #efefef; text-align:center;}
.table_st2 .bg_line_{padding:5px; border: 1px solid #efefef; text-align:left;}


.table_st3 {
	width: 100%;
	font-size: 11px;
	border: solid #dfdfdf 1px;
	border-collapse: separate;
	padding:3px;
}
.table_st3 .bg_gray{padding:5px; background:#efefef;  border: 1px solid #fff; text-align:center;}
.table_st3 .bg_line{padding:5px; border: 1px solid #efefef; text-align:center;}
.table_st3 .bg_line_{padding:5px; border: 1px solid #efefef; text-align:left;}

/* mypage Sidebar categories END */

.img-responsive {
		width: 100%;
	}


.pc_margin{margin-top:10px;}
.pc_margin1{margin-top:10px;}
@media (min-width: 768px) {
    .pc_margin{margin-top:500px;}
	.pc_margin1{margin-top:150px;}
}

@media (min-width: 768px) {
    .pc_margin{margin-top:500px;}	
	.pc_margin1{margin-top:150px;}
}



.nav-tabs {
	border-color: #e6400c;
	padding-bottom: 1px;
	font-size: 14px;
	margin-bottom: 0;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background: #F4F4F4;
	color: #647484;
	border-radius: 0;
	padding: 5px 15px 4px;
	border: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #e6400c;
	color: #fff;
	padding: 5px 15px 4px;
}
.tab-content {
	background: #FAFAFA;
	padding: 20px 15px;
}


.bg-text1 {background-color:#fb9a28; color:#ffffff; padding:5px 0px 5px 15px;}

.dclock{font-size:20px; background-color:#fed136; }

/*=================================== CALENDAR BEGIN ==============================================*/


.calendar *{margin:0;padding:0;font:13px/1.4 'Nanum Gothic', sans-serif;font-weight:200;color:#555;vertical-align:0px;-webkit-text-size-adjust:none;}
.calendar > p{width:100%;font-size:0px;margin-bottom:10px;}
.calendar > p span.Ym{font-size:20px;margin:0px 10px;font-weight:bold;}
.calendar > p a{display:inline-block;vertical-align:bottom;line-height:23px;font-weight:bold;}

@media only screen and (min-width : 761px){
	.calendar > p{text-align:center;}
	.calendar > ul{display:table;width:100%;font-size:0px;margin-bottom:15px;}
	.calendar > ul > li{display:table-row;width:100%;}
	.calendar > ul > li > div{display:table-cell;width:14%;min-height:80px;height:80px;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;}
	.calendar > ul > li > div:last-child{border-right:0px;}
	.calendar > ul > li.header > div{height:30px;line-height:30px;min-height:0px;border-top:1px solid #dfd8c6;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6background:#fbfaf7;color:#777777;font-weight:bold;text-align:center;}
	.calendar > ul > li.header > div:last-child{border-right:0px;}
	.calendar > ul > li.header > div.Sun{color:#cc2220;}
	.calendar > ul > li.header > div.Sat{color:#2453a5;}
	.calendar > ul > li > div.empty{background:#fbfaf7;}
	.calendar > ul > li > div > time{display:block;padding:3px 0 3px 3px;font-weight:bold;min-height:15px;}
	.calendar > ul > li > div > time span{display:none;}
	.calendar > ul > li > div ul{width:100%;font-size:0px;text-align:right;padding:0 3px;min-height:60px;}
	.calendar > ul > li > div ul li{margin:0px 3px 3px 0px;padding:3px;}

}
@media only screen and (max-width : 760px){
	.calendar > p{text-align:left;}
	.calendar > ul{width:100%;display:block;border-top:2px solid #dfd8c6;margin-bottom:15px;}
	.calendar > ul > li{display:block;}
	.calendar > ul > li > div{width:100%;border-bottom:1px solid #dfd8c6;}
	.calendar > ul > li.header{display:none;}
	.calendar > ul > li > div.empty{display:none;}
	.calendar > ul > li > div > time{display:table-cell;vertical-align:middle;border-right:1px solid #dfd8c6;width:80px;text-align:right;padding:10px 5px 10px 0;background:#fbfaf7;font-weight:bold;}
	.calendar > ul > li > div > time span.Ym{font-size:10px;display:block;margin-bottom:5px;}
	.calendar > ul > li > div > time span.W{margin-left:5px;}
	.calendar > ul > li > div ul{display:table-cell;padding:5px 10px;vertical-align:middle;}
	.calendar > ul > li > div ul li{margin:2px 2px 2px 0px;padding:3px;}
	
}
.calendar > ul > li > div.today{background:#fff8cf !important;}
.calendar > ul > li > div.Sun > time, .calendar > ul > li > div.Sun > time span{color:#cc2220;}
.calendar > ul > li > div.Sat > time, .calendar > ul > li > div.Sat > time span{color:#2453a5;}

.cal-text1 {color:#cc2220;}
.cal-text2 {background-color:#fb9a28; color:#ffffff; margin-right:3px; margin-left:0px;}
.cal-text3 {color:#2453a5;}

/*=================================== CALENDAR END ==============================================*/



/* Powered */
.footer .powered {
  color: #81848f;
  margin: 5px 0 0;
}
.footer .powered > a {
  color: #e6400c;
  text-decoration: none;
}
.footer .powered > a:hover {
  color: #e94d1c;
}

/* footer */
.footer {
	background: #272626;
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
}
.footer-light {
	background: #F9F9F9;
	color: #3e4d5c;
}
.footer-gray {
	background: #4A5866;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover {
	text-decoration: none;
}
.footer-light a {
	color: inherit;
}
.footer .padding-top-10 {
	opacity: 0.5;
}
.footer .list-inline > li:last-child {
	padding-right: 0;
}
.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul.social-footer {
	font-size: 18px;
	padding-top: 5px;
}
.footer ul.social-footer a {
	opacity: 0.5;
}
.footer ul.social-footer a:hover {
	opacity: 1;
}




.fancybox-slide--video .fancybox-content {
	width  : 533px;
	height : 300px;
	max-width  : 80%;
	max-height : 80%;
	 margin: 0;
}


.bg-color1{background: #fed136;}


#listbox {padding-left:0px;}
#listbox a{color:#7e7e7e;}
#listbox li{ width:100%;  list-style:none; padding:0px 0px 0px 0px; display:block; position:relative; z-index:0; background-color:#fafafa;}
#listbox li img{width:90px; height:115px; margin:15px 0px 0px 6px;}
#listbox .ft{position:absolute; width:100px; height:22px; top:145px; font-size:11px; color:#1b75f3; font-weight:normal; text-align:center;}
#listbox .fee{position:absolute; width:100px; height:22px; top:158px; color:#fe640e; font-size:19px; font-weight:900; text-align:center;}
#listbox .name{position:absolute; height:30px; width:140px; top:20px; left:104px;   color:#14a5eb; font-size:14px; text-align:center; font-weight:bold; margin-left:auto; margin-right:auto; padding-top:2px; display:block;}
#listbox .line{position:absolute; border-bottom:1px solid #f3f3f3; width:290px; top:53px; left:102px;}
#listbox .score{position:absolute; width:30px; height:25px; top:27px; left:244px; color:#f3865b; margin-top:-10px; padding-left:10px; font-size:19px; text-align:center; }
#listbox .star{position:absolute; top:25px; left:289px;}
#listbox .etc1{display:none;}
#listbox .etc2{display:none;}
#listbox .etc3{position:absolute; display:block; top:62px; left:104px; font-size: 12px; text-align:center;}
#listbox .text{position:relative; top:-30px; left:106px; width:72%; min-height:80px;}
#search_bar {width:100%; padding:15px;}


.cus-1, .cus-2, .cus-3, .cus-4, .cus-5, .cus-6, .cus-7, .cus-8, .cus-9, .cus-10, .cus-11, .cus-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.cus-1 {width: 37%;}
.cus-2 {width: 37%;}
.cus-3 {width: 26%;}
.cus-4 {width: 33.33333%;}
.cus-5 {width: 33.33333%;}
.cus-6 {width: 33.33333%;}
.cus-7 {width: 100%;}
.cus-8 {width: 100%;}

@media (min-width: 768px) {
   #listbox {padding-left:10px;}
   #listbox li{height:290px; width:165px; border:1px solid #dedede; border-radius: 3px; transition: all 0.5s; float:left;  margin:0px 10px 20px 10px; padding:3px; display:block; position:relative; z-index:0; background:#ffffff;}
   #listbox li img{width:157px; height:170px;  margin:0px;}
   #listbox .ft{display:none;}
   #listbox .fee{position:absolute; width:80px; height:22px; top:145px; left:79px; z-index:95; color:#ffffff; font-size:14px; padding-top:0px; font-weight:bold; text-align:center; background: rgba(72,72,71,0.7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484847', endColorstr='#484847', GradientType=0 );}
   #listbox .name{position:absolute; height:30px; width:140px; top:175px; left:13px;  border-bottom:1px solid #f3f3f3;  color:#14a5eb; font-size:14px; text-align:center; font-weight:bold; margin-left:auto; margin-right:auto; padding-top:2px; display:block;}
   #listbox .line{display:none;}
   #listbox .text{display:none;}
   #listbox .score{position:absolute; width:30px; height:25px; top:215px; left:7px; color:#f3865b; margin-top:-10px; padding-left:10px; font-size:19px; text-align:center; }
   #listbox .star{position:absolute; top:215px; left:6px; margin-left:50px; margin-top:-2px;}
   #listbox .etc1{position:absolute; display:block;  top:245px; left:15px;  margin-top:-8px; font-size: 12px; text-align:center;}
   #listbox .etc2{position:absolute; display:block;  top:268px; left:12px; margin-top:-8px; font-size: 12px; text-align:center;}
   #listbox .etc3{display:none;}

	.cus-1 {width: 18.5%;}
	.cus-2 {width: 18.5%;}
	.cus-3 {width: 13%;}
	.cus-4 {width: 20%;}
	.cus-5 {width: 20%;}
	.cus-6 {width: 10%;}
	.cus-7 {width: 60%;}
	.cus-8 {width: 40%;}
}

.line_1{border: 1px solid #e9e9e9; margin-right:100px;}


#main {	padding-left:3px;	margin:0;border:0;vertical-align:baseline }

/*#autobox li {left: 0; top: 0; opacity: 0; z-index: 0; list-style-type: none; transform: translateY(100px);}*/
#autobox li {left: 0; top: 0; opacity: 1; z-index: 0; list-style-type: none; transform: translateY(100px);}
#autobox li:hover {	z-index: 1;}
#autobox li.show {opacity: 1; transform: translateY(0);	transition: all 0.3s, top 1s;}
#autobox li>div {color: rgba(0, 0, 0, 0.6);	font-size: px;	background-color: #ffffff;	border: 1px solid #dedede;	border-radius: 3px;	margin: 5px;	padding: 3px;	transition: all 0.5s;}
#autobox li>div:hover {	border: 1px solid rgba(20, 165, 235, 1); box-shadow: 0 10px 20px rgba(0, 120, 255, 0.3); transition: all 0.3s;}
#autobox .fee{position:absolute; width:80px; height:22px; top:9px; left:9px; z-index:95; color:#ffffff; font-size:14px; padding-top:0px; font-weight:bold; text-align:center;
 background: rgba(72,72,71,0.7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484847', endColorstr='#484847', GradientType=0 );}
#autobox .name{height:30px; width:140px; border-bottom:1px solid #f3f3f3;  color:#14a5eb; font-size:14px; text-align:center; font-weight:bold; margin-left:auto; margin-right:auto; padding-top:2px; display:block;}
#autobox .score{ position:absolute; width:30px; height:25px;  color:#f3865b; margin-top:-10px; padding-left:5px; font-size:19px; text-align:center; }
#autobox .star{margin-left:39px; margin-top:-2px;}
#autobox .etc{margin-top:-8px; font-size: 12px; text-align:center;}


.color_1{color:#ff0000;}
.color_2{color:#cc181e;}
.color_3{color:#01aef2;}
.color_4{color:#acacac;}
.underline1{width:140px; border-bottom:1px Dashed #e2e2e2; padding-left:10px; padding-bottom:5px; color:#404040;}

.button3{
  background:#67adfb;
  color:#fff;
  border: 1px solid #aad0fb; 
  position:relative;
  height:40px;
  width:100%;
  font-size:1.0em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}

.button0{
  background:#fff;
  color:#67adfb;
  border: 1px solid #67adfb; 
  position:relative;
  height:40px;
  width:100%;
  font-size:1.0em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}

.button1{
  background:#fafafa;
  color:#a2a2a2;
  border:none;
  position:relative;
  height:40px;
  width:100%;
  font-size:1.0em;
  padding:0 2em;

  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.button1:hover{
  background:#fff;
  color:#9ec0f7;
}
.button1:before,.button1:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #9ec0f7;
  transition:400ms ease all;
}
.button1:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button1:hover:before,.button1:hover:after{
  width:100%;
  transition:800ms ease all;
}


.font_st1{font-family: 'Nanum Gothic', sans-serif; font-size:12px; line-height: 1.75; color:#545454;}

/* star */
.star-rating { width:95px; } 
.star-rating,.star-rating span { display:inline-block; height:18px; overflow:hidden; background:url(../img/teacher/star.png)no-repeat; }
.star-rating span{ background-position:left bottom; line-height:0; vertical-align:top; }

.star-rating_ { width:63px; } 
.star-rating_,.star-rating_ span { display:inline-block; height:12px; overflow:hidden; background:url(../img/teacher/star_.png)no-repeat; }
.star-rating_ span{ background-position:left bottom; line-height:0; vertical-align:top; }


/*=========== reivew =============*/
.reviewhd{display:block; width:99%; text-align:left; padding:10px 10px 10px 10px; margin-top:5px; margin-left:5px; background-color:#9ec0f7;}
.reviewhd1{display:inline-block; width:20%; text-align:center; padding-top:0px; font-weight:bold; font-size:16px; color:#ffffff;}
.reviewhd2{display:inline-block;width:69%;  text-align:left; font-weight:normal; font-size:12px; color:#1b75f3; padding-left:0px; padding-top:0px; color:#ffffff;}
.reviewtxt{display:block; width:96%; text-align:left; padding:10px 10px 10px 10px; margin-top:5px; margin-left:10px; border-width:0 0 1px 0; border-style:Dashed; border-color:#e2e2e2;}
.reviewtxt1{display:inline-block;width:15%;  text-align:center; font-weight:top; font-weight:normal; font-size:12px; color:#8e4e03; }
.reviewtxt2{display:inline-block;width:69%;  text-align:left; vertical-align: top; font-weight:normal; font-size:12px; color:#545454; }
.reviewtxt3{display:inline-block;width:15%;  text-align:center; vertical-align: top; font-weight:normal; font-size:12px; color:#418ef9;}


.review_title{width:100%; text-align:center; padding:10px 10px 10px 10px;   font-weight:normal; font-size:13px; color:#ffffff;background-color:#9ec0f7;}
.review_wrap{width:100%; text-align:left; padding:10px 10px 10px 10px;  border-width:0 0 1px 0; border-style:Dashed; border-color:#e2e2e2;}
.review_text{width:100%; border-width:0 0 1px 0; border-style:Dashed; border-color:#e2e2e2; font-weight:normal; font-size:12px; color:#545454; }

.button2{
  background:#eaeaea;
  color:#a0b9f8;
  border:none;
  position:relative;
  height:30px;
  width:100%;
  font-size:1.0em;
  padding:0 2em;

  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.button2:hover{
  background:#d6d6d6;
  color:#769af4;
}


/*=============================================================================================*/


/*=========== branch =============*/

@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}

.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin: 40px auto;
  max-width: 1200px;
  position: relative;
}

ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}
ul.checkout-bar li.active {
  color: #8bc53f;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #8bc53f;
  z-index: 999;
}

ul.checkout-bar li.active1 {
  color: #d9534f;
  font-weight: bold;
}
ul.checkout-bar li.active1:before {
  background: #d9534f;
  z-index: 999;
}
ul.checkout-bar li.active2 {
  color: #f0ad4e;
  font-weight: bold;
}
ul.checkout-bar li.active2:before {
  background: #f0ad4e;
  z-index: 999;
}
ul.checkout-bar li.active3 {
  color: #5bc0de;
  font-weight: bold;
}
ul.checkout-bar li.active3:before {
  background: #5bc0de;
  z-index: 999;
}


ul.checkout-bar li.visited {
  color: #57aed1;
  z-index: 999;
}
ul.checkout-bar li.visited:before {
  background: #57aed1;
  z-index: 999;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}
ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}


.top-margin-auto{
    margin-top: -40px!important;
}

@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #8bc53f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .top-margin-auto{
    margin-top: 100px!important;
}

  .checkout-bar li.active1:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #d9534f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-bar li.active2:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #f0ad4e;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }



  .checkout-wrap {
    margin: 80px auto;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #5bc0de;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  ul.checkout-bar li:before {
    height: 45px;
    left: 40%;
    line-height: 45px;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 99;
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
  }
}


/*=============================================================================================*/




/*=================================== curriculum ==============================================*/
.tab_title{margin:0px 15px 15px 15px; padding: 10px 10px 10px 10px;border : 1px solid #474c60; border-radius: 3px; background-color: #5b6179; color:#fff; font-size:13px;}
.tab_m_wrap{margin:0px 15px 15px 15px; padding: 10px 10px 10px 10px;border : 1px solid #67b1f9; border-radius: 3px; background-color: #94badf; color:#fff; font-size:13px;}


.myTable {
border: solid 1px #DDEEEE;
border-collapse: collapse;
border-spacing: 0;
font: normal 13px Arial, 'PT Sans Caption', sans-serif;
width:90%;
}
.myTable thead th {
background-color: #DDEFEF;
border: solid 1px #DDEEEE;
color: #336B6B;
padding: 10px;
text-align: center;
text-shadow: 1px 1px 1px #fff;
}
.myTable tbody td {
border: solid 1px #DDEEEE;
color: #333;
padding: 10px;
text-shadow: 1px 1px 1px #fff;
}
.myTable-zebra tbody tr:nth-child(odd) {
background-color: #fff;
}
.myTable-zebra tbody tr:nth-child(even) {
background-color: #EEF7EE;
}
.myTable-horizontal tbody td {
border-left: none;
border-right: none;
}


.title_line {text-align: center; font-size:15px; color:#15a7eb; border-bottom: 2px solid #15a7eb; width:80%; margin-left: auto; margin-right: auto;}




.myTable1 { 
    width: 100%; 
    border-collapse: collapse; 
    margin:50px auto;
    }
/* Zebra striping */
.myTable1 tr:nth-of-type(odd) { 
    background: #eee; 
    }
.myTable1 th { 
    background: #3498db; 
    color: white; 
    font-weight: bold; 
	text-align:center;
    }
.myTable1 td, th { 
    padding: 10px; 
    border: 1px solid #ccc; 
    text-align: center; 
    font-size: 13px;
    }


/*=============================================================================================*/


.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-0, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col10-xs-1, .col10-sm-1, .col10-md-1, .col10-lg-1, .col10-xs-2, .col10-sm-2, .col10-md-2, .col10-lg-2, .col10-xs-3, .col10-sm-3, .col10-md-3, .col10-lg-3, .col10-xs-4, .col10-sm-4, .col10-md-4, .col10-lg-4, .col10-xs-5, .col10-sm-5, .col10-md-5, .col10-lg-5, .col10-xs-6, .col10-sm-6, .col10-md-6, .col10-lg-6, .col10-xs-7, .col10-sm-7, .col10-md-7, .col10-lg-7, .col10-xs-8, .col10-sm-8, .col10-md-8, .col10-lg-8, .col10-xs-9, .col10-sm-9, .col10-md-9, .col10-lg-9, .col10-xs-10, .col10-sm-10, .col10-md-10, .col10-lg-10 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col10-xs-1, .col10-xs-2, .col10-xs-3, .col10-xs-4, .col10-xs-5, .col10-xs-6, .col10-xs-7, .col10-xs-8, .col10-xs-9, .col10-xs-10 {
  float: left;
}

.col10-xs-1 {
  width: 10%;
}

.col10-xs-2 {
  width: 20%;
}

.col10-xs-3 {
  width: 30%;
}

.col10-xs-4 {
  width: 40%;
}

.col10-xs-5 {
  width: 50%;
}

.col10-xs-6 {
  width: 60%;
}

.col10-xs-7 {
  width: 70%;
}

.col10-xs-8 {
  width: 80%;
}

.col10-xs-9 {
  width: 90%;
}

.col10-xs-10 {
  width: 100%;
}

.col10-xs-pull-0 {
  right: auto;
}

.col10-xs-pull-1 {
  right: 10%;
}

.col10-xs-pull-2 {
  right: 20%;
}

.col10-xs-pull-3 {
  right: 30%;
}

.col10-xs-pull-4 {
  right: 40%;
}

.col10-xs-pull-5 {
  right: 50%;
}

.col10-xs-pull-6 {
  right: 60%;
}

.col10-xs-pull-7 {
  right: 70%;
}

.col10-xs-pull-8 {
  right: 80%;
}

.col10-xs-pull-9 {
  right: 90%;
}

.col10-xs-pull-10 {
  right: 100%;
}

.col10-xs-push-0 {
  left: auto;
}

.col10-xs-push-1 {
  left: 10%;
}

.col10-xs-push-2 {
  left: 20%;
}

.col10-xs-push-3 {
  left: 30%;
}

.col10-xs-push-4 {
  left: 40%;
}

.col10-xs-push-5 {
  left: 50%;
}

.col10-xs-push-6 {
  left: 60%;
}

.col10-xs-push-7 {
  left: 70%;
}

.col10-xs-push-8 {
  left: 80%;
}

.col10-xs-push-9 {
  left: 90%;
}

.col10-xs-push-10 {
  left: 100%;
}

.col10-xs-offset-0 {
  margin-left: 0%;
}

.col10-xs-offset-1 {
  margin-left: 10%;
}

.col10-xs-offset-2 {
  margin-left: 20%;
}

.col10-xs-offset-3 {
  margin-left: 30%;
}

.col10-xs-offset-4 {
  margin-left: 40%;
}

.col10-xs-offset-5 {
  margin-left: 50%;
}

.col10-xs-offset-6 {
  margin-left: 60%;
}

.col10-xs-offset-7 {
  margin-left: 70%;
}

.col10-xs-offset-8 {
  margin-left: 80%;
}

.col10-xs-offset-9 {
  margin-left: 90%;
}

.col10-xs-offset-10 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col10-sm-1, .col10-sm-2, .col10-sm-3, .col10-sm-4, .col10-sm-5, .col10-sm-6, .col10-sm-7, .col10-sm-8, .col10-sm-9, .col10-sm-10 {
    float: left;
  }
  .col10-sm-1 {
    width: 10%;
  }
  .col10-sm-2 {
    width: 20%;
  }
  .col10-sm-3 {
    width: 30%;
  }
  .col10-sm-4 {
    width: 40%;
  }
  .col10-sm-5 {
    width: 50%;
  }
  .col10-sm-6 {
    width: 60%;
  }
  .col10-sm-7 {
    width: 70%;
  }
  .col10-sm-8 {
    width: 80%;
  }
  .col10-sm-9 {
    width: 90%;
  }
  .col10-sm-10 {
    width: 100%;
  }
  .col10-sm-pull-0 {
    right: auto;
  }
  .col10-sm-pull-1 {
    right: 10%;
  }
  .col10-sm-pull-2 {
    right: 20%;
  }
  .col10-sm-pull-3 {
    right: 30%;
  }
  .col10-sm-pull-4 {
    right: 40%;
  }
  .col10-sm-pull-5 {
    right: 50%;
  }
  .col10-sm-pull-6 {
    right: 60%;
  }
  .col10-sm-pull-7 {
    right: 70%;
  }
  .col10-sm-pull-8 {
    right: 80%;
  }
  .col10-sm-pull-9 {
    right: 90%;
  }
  .col10-sm-pull-10 {
    right: 100%;
  }
  .col10-sm-push-0 {
    left: auto;
  }
  .col10-sm-push-1 {
    left: 10%;
  }
  .col10-sm-push-2 {
    left: 20%;
  }
  .col10-sm-push-3 {
    left: 30%;
  }
  .col10-sm-push-4 {
    left: 40%;
  }
  .col10-sm-push-5 {
    left: 50%;
  }
  .col10-sm-push-6 {
    left: 60%;
  }
  .col10-sm-push-7 {
    left: 70%;
  }
  .col10-sm-push-8 {
    left: 80%;
  }
  .col10-sm-push-9 {
    left: 90%;
  }
  .col10-sm-push-10 {
    left: 100%;
  }
  .col10-sm-offset-0 {
    margin-left: 0%;
  }
  .col10-sm-offset-1 {
    margin-left: 10%;
  }
  .col10-sm-offset-2 {
    margin-left: 20%;
  }
  .col10-sm-offset-3 {
    margin-left: 30%;
  }
  .col10-sm-offset-4 {
    margin-left: 40%;
  }
  .col10-sm-offset-5 {
    margin-left: 50%;
  }
  .col10-sm-offset-6 {
    margin-left: 60%;
  }
  .col10-sm-offset-7 {
    margin-left: 70%;
  }
  .col10-sm-offset-8 {
    margin-left: 80%;
  }
  .col10-sm-offset-9 {
    margin-left: 90%;
  }
  .col10-sm-offset-10 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
   .col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-0 {
    width: 12.5%;
  }

  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-2-1 {
    left: 12.5%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col10-md-1, .col10-md-2, .col10-md-3, .col10-md-4, .col10-md-5, .col10-md-6, .col10-md-7, .col10-md-8, .col10-md-9, .col10-md-10 {
    float: left;
  }
  .col10-md-1 {
    width: 10%;
  }
  .col10-md-2 {
    width: 20%;
  }
  .col10-md-3 {
    width: 30%;
  }
  .col10-md-4 {
    width: 40%;
  }
  .col10-md-5 {
    width: 50%;
  }
  .col10-md-6 {
    width: 60%;
  }
  .col10-md-7 {
    width: 70%;
  }
  .col10-md-8 {
    width: 80%;
  }
  .col10-md-9 {
    width: 90%;
  }
  .col10-md-10 {
    width: 100%;
  }
  .col10-md-pull-0 {
    right: auto;
  }
  .col10-md-pull-1 {
    right: 10%;
  }
  .col10-md-pull-2 {
    right: 20%;
  }
  .col10-md-pull-3 {
    right: 30%;
  }
  .col10-md-pull-4 {
    right: 40%;
  }
  .col10-md-pull-5 {
    right: 50%;
  }
  .col10-md-pull-6 {
    right: 60%;
  }
  .col10-md-pull-7 {
    right: 70%;
  }
  .col10-md-pull-8 {
    right: 80%;
  }
  .col10-md-pull-9 {
    right: 90%;
  }
  .col10-md-pull-10 {
    right: 100%;
  }
  .col10-md-push-0 {
    left: auto;
  }
  .col10-md-push-1 {
    left: 10%;
  }
  .col10-md-push-2 {
    left: 20%;
  }
  .col10-md-push-3 {
    left: 30%;
  }
  .col10-md-push-4 {
    left: 40%;
  }
  .col10-md-push-5 {
    left: 50%;
  }
  .col10-md-push-6 {
    left: 60%;
  }
  .col10-md-push-7 {
    left: 70%;
  }
  .col10-md-push-8 {
    left: 80%;
  }
  .col10-md-push-9 {
    left: 90%;
  }
  .col10-md-push-10 {
    left: 100%;
  }
  .col10-md-offset-0 {
    margin-left: 0%;
  }
  .col10-md-offset-1 {
    margin-left: 10%;
  }
  .col10-md-offset-2 {
    margin-left: 20%;
  }
  .col10-md-offset-3 {
    margin-left: 30%;
  }
  .col10-md-offset-4 {
    margin-left: 40%;
  }
  .col10-md-offset-5 {
    margin-left: 50%;
  }
  .col10-md-offset-6 {
    margin-left: 60%;
  }
  .col10-md-offset-7 {
    margin-left: 70%;
  }
  .col10-md-offset-8 {
    margin-left: 80%;
  }
  .col10-md-offset-9 {
    margin-left: 90%;
  }
  .col10-md-offset-10 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col10-lg-1, .col10-lg-2, .col10-lg-3, .col10-lg-4, .col10-lg-5, .col10-lg-6, .col10-lg-7, .col10-lg-8, .col10-lg-9, .col10-lg-10 {
    float: left;
  }
  .col10-lg-1 {
    width: 10%;
  }
  .col10-lg-2 {
    width: 20%;
  }
  .col10-lg-3 {
    width: 30%;
  }
  .col10-lg-4 {
    width: 40%;
  }
  .col10-lg-5 {
    width: 50%;
  }
  .col10-lg-6 {
    width: 60%;
  }
  .col10-lg-7 {
    width: 70%;
  }
  .col10-lg-8 {
    width: 80%;
  }
  .col10-lg-9 {
    width: 90%;
  }
  .col10-lg-10 {
    width: 100%;
  }
  .col10-lg-pull-0 {
    right: auto;
  }
  .col10-lg-pull-1 {
    right: 10%;
  }
  .col10-lg-pull-2 {
    right: 20%;
  }
  .col10-lg-pull-3 {
    right: 30%;
  }
  .col10-lg-pull-4 {
    right: 40%;
  }
  .col10-lg-pull-5 {
    right: 50%;
  }
  .col10-lg-pull-6 {
    right: 60%;
  }
  .col10-lg-pull-7 {
    right: 70%;
  }
  .col10-lg-pull-8 {
    right: 80%;
  }
  .col10-lg-pull-9 {
    right: 90%;
  }
  .col10-lg-pull-10 {
    right: 100%;
  }
  .col10-lg-push-0 {
    left: auto;
  }
  .col10-lg-push-1 {
    left: 10%;
  }
  .col10-lg-push-2 {
    left: 20%;
  }
  .col10-lg-push-3 {
    left: 30%;
  }
  .col10-lg-push-4 {
    left: 40%;
  }
  .col10-lg-push-5 {
    left: 50%;
  }
  .col10-lg-push-6 {
    left: 60%;
  }
  .col10-lg-push-7 {
    left: 70%;
  }
  .col10-lg-push-8 {
    left: 80%;
  }
  .col10-lg-push-9 {
    left: 90%;
  }
  .col10-lg-push-10 {
    left: 100%;
  }
  .col10-lg-offset-0 {
    margin-left: 0%;
  }
  .col10-lg-offset-1 {
    margin-left: 10%;
  }
  .col10-lg-offset-2 {
    margin-left: 20%;
  }
  .col10-lg-offset-3 {
    margin-left: 30%;
  }
  .col10-lg-offset-4 {
    margin-left: 40%;
  }
  .col10-lg-offset-5 {
    margin-left: 50%;
  }
  .col10-lg-offset-6 {
    margin-left: 60%;
  }
  .col10-lg-offset-7 {
    margin-left: 70%;
  }
  .col10-lg-offset-8 {
    margin-left: 80%;
  }
  .col10-lg-offset-9 {
    margin-left: 90%;
  }
  .col10-lg-offset-10 {
    margin-left: 100%;
  }
}





/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

.margintop-m10{margin-top:-10px !important;}
.margintop-m12{margin-top:-12px !important;}
.margintop-m15{margin-top:-15px !important;}
.margintop-m20{margin-top:-20px !important;}
.margintop-m25{margin-top:-25px !important;}
.margintop-m30{margin-top:-30px !important;}

.margintop-3{margin-top:3px !important;}
.margintop-5{margin-top:5px !important;}
.margintop-10{margin-top:10px !important;}
.margintop-15{margin-top:15px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-50{margin-top:50px !important;}

.marginleft-m40{margin-left:-40px !important;}
.marginleft-m30{margin-left:-30px !important;}
.marginleft-m22{margin-left:-22px !important;}
.marginleft-m15{margin-left:-15px !important;}
.marginleft-m12{margin-left:-12px !important;}
.marginleft-m10{margin-left:-10px !important;}
.marginleft-m6{margin-left:-6px !important;}
.marginleft-m3{margin-left:-3px !important;}

.marginleft-3{margin-left:3px !important;}
.marginleft-10{margin-left:10px !important;}
.marginleft-20{margin-left:20px !important;}

.marginright-20{margin-right:20px !important;}
.marginright-40{margin-right:40px !important;}

.paddingtop-0{padding-top:-20px !important;}
.paddingtop-5{padding-top:5px !important;}
.paddingtop-10{padding-top:10px !important;}
.paddingtop-15{padding-top:15px !important;}
.paddingtop-20{padding-top:20px !important;}
.paddingtop-30{padding-top:30px !important;}
.paddingtop-150{padding-top:150px !important;}

.paddingbottom-5{padding-bottom:5px !important;}
.paddingbottom-10{padding-bottom:10px !important;}
.paddingbottom-15{padding-bottom:15px !important;}
.paddingbottom-20{padding-bottom:20px !important;}
.paddingbottom-25{padding-bottom:25px !important;}
.paddingbottom-30{padding-bottom:30px !important;}

.paddingleft-5{padding-left:5px !important;}
.paddingleft-10{padding-left:10px !important;}
.paddingleft-20{padding-left:20px !important;}
.paddingleft-25{padding-left:25px !important;}
.paddingleft-30{padding-left:30px !important;}
.paddingleft-50{padding-left:50px !important;}
.paddingleft-200{padding-left:200px !important;}

.paddingright-20{padding-right:20px !important;}

.pd25{padding:25px !important;}

/* color */
.bg-white {background: #fff;}
.bg-gray {background: #f8f8f8;}
.bg-dark {background: #575757;}

.bg-color1{background: #0066bb;}
.bg-color2{background: #4b880e;}
.bg-color3{background: #ff1100;}
.bg-color4{background: #ee0088;}
.bg-color5{background: #aa0000;}
.bg-color6{background: #58008a;}
.bg-color7{background: #4d4d00;}
.bg-color8{background: #58bbee;}
.bg-color9{background: #f77b6b;}
.bg-color10{background: #75c181;}

.bg-color11{background: #00ff00;}
.bg-color12{background: #00b0f0;}
.bg-color13{background: #ffff00;}
.bg-color14{background: #0070c0;}
.bg-color15{background: #92d050;}
.bg-color16{background: #ff66ff;}
.bg-color17{background: #ffc000;}
.bg-color18{background: #d8d8d8;}
.bg-color19{background: #ff0000;}
.bg-color20{background: #7030a0;}
.bg-color21{background: #dea700;}
.bg-color22{background: #000000;}
.bg-color23{background: #14a5eb;}
.bg-color24{background: #008ec8;}


.text-light {color: #fff;}


.color0{color:#ff7700;} /* 주황(진) */
.color1{color:#464646;} /* 진회색  */
.color2{color:#008080;} /* 연녹?? */
.color3{color:#684eb2;} /* 보라(진) */
.color4{color:#303030;} /* 검정 */
.color5{color:#f20000;} /* 빨강 */
.color6{color:#723fc2;} /* 보라(연) */
.color7{color:#fe9800;} /* 주황(연) */
.color8{color:#4c4c4c;} /* 검정 */
.color9{color:#7c7c7c;} /* 회색 */
.color10{color:#1e90b2;} /* 연파 */
.color11{color:#0a6e9f;} /* 진파 */ 
.color12{color:#37a4c5;} /* 하늘색 */ 
.color13{color:#40babd;} /* 민트 */ 
.color14{color:#067193;} /* 민트? */ 
.color15{color:#000000;} /* 검정100 */ 
.color16{color:#ffffff;} /* 흰색 */
.color17{color:#df6795;} /* 연핑 */
.color18{color:#73a124;} /* 연녹 */
.color19{color:#aa2880;} /* 보라 */
.color20{color:#494949;} /* 검정1 */
.color21{color:#8e4e03;} /* 갈색 */
.color22{color:#c9b7b7;} /* 연파 */


.shadow0{text-shadow: 2px 2px 2px #b6b6b6;}
.shadow1{text-shadow: 2px 2px 2px #c8c8c8;}
.shadow2{text-shadow: 2px 2px 2px #d9d9d9;}
.shadow3{text-shadow: 3px 3px 3px #737373;}
.shadow4{text-shadow: 1px 1px 1px #e9e9e9;}

/* color */

/* font */
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font15{font-size: 15px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font25{font-size: 25px;}
.font30{font-size: 30px;}
.font35{font-size: 35px;}
.font40{font-size: 40px;}
.font45{font-size: 45px;}

.lh1{ line-height: 30px;}
.lh2{ line-height: 17px;}
.lh3{ line-height: 22px;}

.fontbold{font-weight: 700;}
.fontthin{font-weight: 300;}

/* font */
.min-h{min-height: 450px;}


.w150{width:180px;}