/*°ø¿ëcss*/
#main_wrap {
    /* margin-top: 92px; */
}

.container3 {
    width: 1200px;
    margin: 0 auto;
}

.support_con3 {
    margin-top: 200px;
}

/* form style */
.must {
    color: #FF5E61;
    margin: 0 5px;
}

.media input {
    vertical-align: middle;
}

.route_wrap {
    margin: 10px 0;
}

.tit_route {
    margin: 10px 0;
}

.mr {
    margin: 0 5px;
}

/*
.ul_style {
    margin-left: -40px;
}
*/

.label {
    margin-bottom: 0;
}

/* form button */
.btn_wrap {
    width: 600px;
    border: 0px solid red;
    margin: 50px auto;
    height: 40px;
}

.btn_wrap ul {}

.btn_wrap ul li {
    float: left;
    width: 240px;
    line-height: 50px;
    height: 50px;
    text-align: center;
}

.btn_wrap2 {
    width: 570px;
    border: 0px solid red;
    margin: 50px auto;
    height: 40px;
}

.btn_wrap2 ul {}

.btn_wrap2 ul li {
    float: left;
    width: 180px;
    line-height: 50px;
    height: 50px;
    text-align: center;
}

.ok_btn {
    margin: 0 10px;
    background-color: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
}

.x_btn {
    margin: 0 10px;
    background-color: #fff;
    color: #6e6e6e;
    border: 1px solid #c9c9c9;
}

/**Çϴܹè³Ê**/
#navbar {
    -webkit-box-shadow: 2px -3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 2px -3px 8px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: block;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
}

#navbar a li {
    float: left;
    display: block;
    color: #fff;
    padding: 0px;
    text-decoration: none;
    font-size: 17px;
}

#navbar a li:hover {
    background-color: #ddd;
    color: #fff;
}

/****************************************À¯Ä¡ÃÊ,Áß,°í ±â°ü ¹öÆ°*************************************/
.classy_homego {
    margin-top: -10px;
}

.classy_homego:hover {
    cursor: pointer;
}

.modal_classy {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999;
    /* Sit on top */
    padding-top: 150px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 730px;
}

/* The Close Button */
.close22 {
    position: relative;
    top: -10px;
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close22:hover,
.close22:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/******************************************************************°Ë»ö******************************************************/
.notice_search {
    float: right;
    width: 350px;
    border: 0px solid red;
    margin: 0 auto 30px auto;
}

.notice_search input {
    padding: 5px 10px;
    height: 30px;
    margin-right: 10px;
}

.notice_search ul li {
    display: inline-block;
}

.search_btn {
    padding: 7px 20px;
    background-color: #333;
    color: #fff;
}

.search_btn:hover {
    background-color: #191919;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
}

/**************************************************************************ÆäÀÌÁö³×À̼Ç************************************************************************/
.pagination {
    display: inline-block;
}

.pagination a {
    color: #6e6e6e;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border: 1px solid #e9e9e9;
    border-left: 0;
}

.pagination a:first-child {
    border-left: 1px solid #e9e9e9;
}

.pagination a.active {
    background: #fff;
    border: 1px solid #FFC107;
    color: #FFC107;

}

.pagination a:hover:not(.active) {
    color: #6e6e6e;
}

.arrow_right {
    display: inline-block;
    color: #ECA900;
    margin: 0;
    width: 40px;
    background: #fff;
    border: 1px solid #D3D3D3;
    margin: 2px;
    font-family: 'Nanum Gothic', '³ª´®°íµñ'
}

.arrow_left {
    display: inline-block;
    color: #ECA900;
    margin: 0;
    width: 40px;
    background: #fff;
    border: 1px solid #D3D3D3;
    margin: 2px;
    font-family: 'Nanum Gothic', '³ª´®°íµñ'
}

/*******************¹öÆ°***************************/
.btn_wrap3 {
    width: 500px;
    border: 0px solid red;
    margin: 30px auto 0;
    height: 40px;
}

.btn_wrap3 ul {}

.btn_wrap3 ul li {
    float: left;
    width: 130px;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.cancle_btn {
    background-color: #363636;
    color: #fff;
    margin-right: 10px;
}

.cancle_btn:hover {
    background-color: #0b0b0b;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.list_btn {
    background-color: #d1d1d1;
    color: #000;
}

.list_btn:hover {
    background-color: #e8e8e8;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.q_1_1 {
    width: 150px;
    height: 50px;
    color: #fff;
    background-color: #fdcc32;
    margin: 30px auto;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}

.q_1_1:hover {
    background-color: #ffc100;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
}

.event_ing {
    padding: 5px 10px;
    background-color: #fdcc32;
    color: #fff;
}

.event_end {
    padding: 5px 10px;
    background-color: #363636;
    color: #fff;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    background: #fff;
    color: #666666;
    min-width: 1200px;
    width: 100%;
}

ul,
li {
    list-style: none;
}

a {
    color: #000;
}

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

p {
    padding: 0;
    margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
}

button:active,
button:focus {
    outline: none;
    text-decoration: none;
    border: none;
}

/* Prelaoder

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
} */
/* Back to top button */
.back-to-top {
    display: none;
    position: fixed;
    right: 220px;
    bottom: 22px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    font-weight: bold;
    color: #6e6e6e;
    text-align: center;
    z-index: 110;
}

.back-to-top i.fa {
    text-align: center;
}

.back-to-top i.fa-chevron-up:after {
    content: "TOP";
    display: block;
    margin-top: 2px;
}

.back-to-top i.fa-chevron-up:before {
    content: "\f077";
    display: block;
    margin-top: 7px;
}

/*--------------------------------------------------------------
# Header

#header {
  position: fixed;
  padding: 20px 0;
  height: 92px;
  left: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header.header-fixed {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  padding: 20px 0;
  height: 92px;
  top: 0px;
  transition: all 0.2s;
}

#header_sub {
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  position: fixed;
  padding: 20px 0;
  height: 92px;
  left: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header_sub.header-fixed {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  padding: 20px 0;
  height: 92px;
  top: 0px;
  transition: all 0.2s;
}
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Hero Section ºñÁê¾ó ¿µ¿ª
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 1210px;
    /*height: 100vh;*/
    background: url(/img/main_img/about-img.png) top center no-repeat;
    position: relative;
}

#hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero .hero-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

#hero h1 {
    margin: 30px 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    text-transform: uppercase;
    color: #fff;
}

#hero h2 {
    color: #eee;
    margin-bottom: 50px;
    font-size: 24px;
}

#hero .btn-get-started {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

#hero .btn-get-started:hover {
    background: #f5c966;
    border: 2px solid #f5c966;
}

/*--------------------------------------------------------------
# Navigation Menu Çì´õ ¸Þ´º
--------------------------------------------------------------*/
.nav_menu > li {
    float: left;
}

.nav_menu > li a,
.dropbtn {
    display: inline-block;
    color: #000;
    text-align: center;
    width: 125px;
    padding: 15px 0px;
    /*padding: 14px 36px 14px 10px;*/
    text-decoration: none;
}

.nav_menu > li a:hover,
.dropdown:hover .dropbtn {
    background-color: rgba(255, 255, 255, 0);
}

.nav_menu > li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffdd6f;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.dropdown-content a {
    padding: 0;
    font-size: 13px;
    width: 125px;
    background-color: #fff;
    color: black;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.nav_menu > li > .h_dropbtn:before {
    content: "";
    position: absolute;
    width: 160px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #f5c966;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav_menu > li > .underlineno:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav_menu > li > a:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #f5c966;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav_menu a:hover:before,
.nav_menu li:hover > a:before,
.nav_menu .menu-active > a:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Nav Meu Container */
#nav-menu-container {
    margin: 0;
}

.dropbtn2 {
    margin-top: 10px;
}

.allmenuicon {
    cursor: pointer;
    background-image: url(/img/main_img/allmenuicon.png);
    width: 33px;
    height: 33px;
    margin-top: 10px;
}

.allmenuicon_x {
    cursor: pointer;
    background-image: url(/img/main_img/allmenuicon_x.png);
    width: 33px;
    height: 33px;
    margin-top: 10px;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.section-header .section-title {
    font-size: 32px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

.section-header .section-description {
    text-align: center;
    padding-bottom: 40px;
    color: #999;
}

/* About Us Section
--------------------------------*/
.about {
    background: url(/img/main_img/contents_bgimg.png) center top repeat-y;
}

.about .about-container .background {
    min-height: 300px;
    background: url(/img/main_img/about-img.png) center top no-repeat;
    margin-bottom: 10px;
}

.about .about-container .content {}

.about .about-container .title {
    color: #333;
    font-weight: 700;
    font-size: 32px;
}

.about .about-container p {
    line-height: 26px;
}

.about .about-container p:last-child {
    margin-bottom: 0;
}

.about .about-container .icon-box {
    background-size: cover;
    padding: 0 0 30px 0;
}

.about .about-container .icon-box .icon {
    float: left;
    background: #fff;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #f5c966;
}

.about .about-container .icon-box .icon i {
    color: #f5c966;
    font-size: 24px;
}

.about .about-container .icon-box .title {
    margin-left: 80px;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
}

.about .about-container .icon-box .title a {
    color: #111;
}

.about .about-container .icon-box .description {
    margin-left: 80px;
    line-height: 24px;
    font-size: 14px;
}

/* Facts Section
--------------------------------

#facts {
  background: #f7f7f7;
  padding: 80px 0 60px 0;
}

#facts .counters span {
  font-size: 48px;
  display: block;
  color: #f5c966;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}*/
/* Services Section
--------------------------------*/
#services {
    background: #fff;
    background-size: cover;
    padding: 80px 0 60px 0;
}

#services .box {
    padding: 50px 20px;
    margin-bottom: 50px;
    text-align: center;
    border: 1px solid #e6e6e6;
    height: 200px;
    position: relative;
    background: #fafafa;
}

#services .icon {
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 50%;
    border: 6px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 72px;
    height: 72px;
    background: #f5c966;
}

#services .icon a {
    display: inline-block;
}

#services .icon i {
    color: #fff;
    font-size: 24px;
}

#services .box:hover .icon {
    background: #fff;
    border: 2px solid #f5c966;
}

#services .box:hover .icon i {
    color: #f5c966;
}

#services .box:hover .icon a {
    color: #f5c966;
}

#services .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#services .title a {
    color: #111;
}

#services .description {
    font-size: 14px;
    line-height: 24px;
}

/* Call To Action Section
--------------------------------*/
#call-to-action {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(../img/call-to-action-bg.jpg) fixed center center;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/call-to-action-bg.jpg) fixed center center;
    background-size: cover;
    padding: 80px 0;
}

#call-to-action .cta-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

#call-to-action .cta-text {
    color: #fff;
}

#call-to-action .cta-btn {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

#call-to-action .cta-btn:hover {
    background: #f5c966;
    border: 2px solid #f5c966;
}

/* Portfolio Section
--------------------------------*/
#portfolio {
    background: #f7f7f7;
    padding: 80px 0;
}

#portfolio #portfolio-wrapper {
    padding-right: 15px;
}

#portfolio #portfolio-flters {
    padding: 0;
    margin: 0 0 45px 0;
    list-style: none;
    text-align: center;
}

#portfolio #portfolio-flters li {
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
    padding: 10px 22px;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    border-radius: 4px;
    text-transform: uppercase;
    background: #fff;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
    background: #f5c966;
    color: #fff;
}

#portfolio .portfolio-item {
    position: relative;
    height: 200px;
    overflow: hidden !important;
    margin-bottom: 15px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#portfolio .portfolio-item a {
    display: block;
    margin-right: 15px;
}

#portfolio .portfolio-item img {
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#portfolio .portfolio-item .details {
    height: 50px;
    background: #f5c966;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -50px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#portfolio .portfolio-item .details h4 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 8px 0 2px 8px;
    margin: 0;
}

#portfolio .portfolio-item .details span {
    display: block;
    color: #fff;
    font-size: 13px;
    padding-left: 8px;
}

#portfolio .portfolio-item:hover .details {
    bottom: 0;
}

#portfolio .portfolio-item:hover img {
    top: -30px;
}

/* Team Section
--------------------------------*/
#team {
    background: #fff;
    padding: 80px 0 60px 0;
}

#team .member {
    text-align: center;
    margin-bottom: 20px;
}

#team .member .pic {
    margin-bottom: 15px;
    overflow: hidden;
    height: 260px;
}

#team .member .pic img {
    max-width: 100%;
}

#team .member h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
}

#team .member span {
    font-style: italic;
    display: block;
    font-size: 13px;
}

#team .member .social {
    margin-top: 15px;
}

#team .member .social a {
    color: #b3b3b3;
}

#team .member .social a:hover {
    color: #f5c966;
}

#team .member .social i {
    font-size: 18px;
    margin: 0 2px;
}

/* Contact Section
--------------------------------*/
#contact {
    background: #f7f7f7;
    padding: 80px 0 40px 0;
}

#contact #google-map {
    height: 300px;
    margin-bottom: 20px;
}

#contact .info {
    color: #333333;
}

#contact .info i {
    font-size: 32px;
    color: #f5c966;
    float: left;
}

#contact .info p {
    padding: 0 0 10px 50px;
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 14px;
}

#contact .info .email p {
    padding-top: 5px;
}

#contact .social-links {
    padding-bottom: 20px;
}

#contact .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #333;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#contact .social-links a:hover {
    background: #f5c966;
    color: #fff;
}

#contact .form #sendmessage {
    color: #f5c966;
    border: 1px solid #f5c966;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#contact .form input,
#contact .form textarea {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
}

#contact .form button[type="submit"] {
    background: #f5c966;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#contact .form button[type="submit"]:hover {
    background: #51d8ad;
}

/*--------------------------------------------------------------
# Footer

#footer {
  background: #343b40;
  padding: 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .copyright {
  text-align: center;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #ccc;
}

--------------------------------------------------------------*/

/************************************************************************************************************************************************************************/
/*********************************************************************·Î±×ÀÎ*******************************************************************************************/
/************************************************************************************************************************************************************************/
.mglr10 {
    margin: 0 10px;
}

.login_idpw ul {
    margin-left: 20px;
}

.login_idpw ul li {
    display: inline-block;
    width: 100%;
}

.login_idpw ul li a {
    font-size: 13px;
    color: #000;
}

/* The Modal (background) */
.login_modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6);
    /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 400px;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

.modal_21 {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6);
    /* Black w/ opacity */
    padding-top: 60px;
}

.modal-content-alarm {
    padding: 20px 10px 10px 10px;
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    width: 500px;
    /* Could be more or less, depending on screen size */
}

input[type=text],
input[type=password] {
    width: 100%;
    font-family: "Arial";
    padding: 12px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login_btn {
    background-color: #f8c737;
    color: white;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.imgcontainer {
    position: relative;
    width: 100%;
}

.close_21 {
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    color: #9e9e9e;
    font-size: 20px;
    font-weight: 500;
}

.close_21:hover,
.close_21:focus {
    cursor: pointer;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.login_wrap {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/************************************************************************************************************************************************************************/
/*********************************************************************header*******************************************************************************************/
/************************************************************************************************************************************************************************/

.quick_banner4 {
    position: fixed;
    top: 195px;
    right: 15px;
    z-index: 1;
    text-align: center;
    padding: 10px;
}

.quick_banner2 {
    border: 2px solid #fff;
    border-radius: 30px;
    position: fixed;
    top: 210px;
    right: 10px;
    z-index: 1;
    text-align: center;
    padding: 10px;
    background-color: #f8c737;
}

.quick_banner2 a:hover {
    cursor: pointer;
}

.main_quick_1 {
    background-image: url(/img/main_img/main_quickicon1.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
    border-bottom: 2px dotted #fff;
}

.main_quick_1:hover {
    background-image: url(/img/main_img/main_quickicon1_hover.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.main_quick_2 {
    background-image: url(/img/main_img/main_quickicon2_1.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
    border-bottom: 2px dotted #fff;
}

.main_quick_2:hover {
    background-image: url(/img/main_img/main_quickicon2_hover_1.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.main_quick_3 {
    background-image: url(/img/main_img/main_quickicon3.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
}

.main_quick_3:hover {
    background-image: url(/img/main_img/main_quickicon3_hover.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.quick_banner3 {
    border: 2px solid #fff;
    border-radius: 30px;
    position: fixed;
    top: 400px;
    right: 10px;
    z-index: 1;
    text-align: center;
    padding: 10px;
    background-color: #f8c737;
}

.quick_banner3 a:hover {
    cursor: pointer;
}

.main_quick_1 {
    background-image: url(/img/main_img/main_quickicon1.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
    border-bottom: 2px dotted #fff;
}

.main_quick_1:hover {
    background-image: url(/img/main_img/main_quickicon1_hover.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.main_quick_2 {
    background-image: url(/img/main_img/main_quickicon2_1.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
    border-bottom: 2px dotted #fff;
}

.main_quick_2:hover {
    background-image: url(/img/main_img/main_quickicon2_hover_1.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.main_quick_3 {
    background-image: url(/img/main_img/main_quickicon3.png);
    width: 118px;
    height: 130px;
    margin: 0 auto;
}

.main_quick_3:hover {
    background-image: url(/img/main_img/main_quickicon3_hover.png);
    width: 118px;
    height: 130px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* quick banner */
.counseling_banner {
    position: absolute;
    right: 50px;
    /*
    width: 118px;
    height: 176px;
    background-color: #ffd75b;
    background-image: url(/img/counseling_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    */
    text-align: center;
    top: 537px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
}

.counseling_banner .quickb li:first-child {
    margin-top: 0;
}

.counseling_banner.sub {
    top: 387px;
}

.counseling_banner.fixed {
    position: fixed;
    top: 247px;
}

.counseling_banner > * {
    position: relative;
    z-index: 1;
}

.counseling_banner li + li {
    margin-top: 3px;
}

/*
.counseling_banner:after {
    content: "";
    z-index: 0;
    pointer-events: none;
    background-color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    border-top-right-radius: 54px;
    -webkit-border-top-right-radius: 54px;
    -moz-border-top-right-radius: 54px;
}
*/

.counseling_banner .quickb li {
    position: relative;
    margin: 10px 0;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 80px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.counseling_banner .quickb li a {
    display: block;
    height: 100%;
}

.counseling_banner .quickb li a img {
    border-radius: 130px;
}

.counseling_banner .quickb li a img,
.counseling_banner .quickb li a span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.counseling_banner .quickb li a span {
    bottom: 10px;
    line-height: 1;
    text-indent: -99999px;
}

.counseling_banner .quickb_close {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: rgba(255,255,255,0.5);
}

.header_rightlist {
    float: right;
    position: relative;
    top: -60px;
}

.header_rightlist li {
    float: left;
}

.header_rightlist a li:hover {
    cursor: pointer;
}

.membership {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}

.membership:hover {
    cursor: pointer;
}

.id_pw {
    color: #b4b4b4;
    font-size: 13px;
    margin: 3px 0 0 10px;
}

.usecall {
    font-size: 13px;
    color: #f5c966;
    margin: 3px 0 0 0px;
}

.usecafe {
    margin: -7px 0 0 10px;
}

.iconlist {
    margin-top: -5px;
}

.dropdown {
    float: right;
    position: relative;
    display: inline-block;
}

.dropdown-content2 {
    width: 100%;
    display: none;
    background-color: #fff;
    overflow: auto;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    right: 0;
    z-index: 1111;
}

.dropdown-content2 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.dropbtn {
    color: #fff;
}

.dropbtn:hover {
    cursor: pointer;
}

.main_bg {
    z-index: -1;
}

/**Àüü¸Þ´º¸®½ºÆ®**/
.all_menu_wrap {
    border: 0px solid red;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.all_menu {
    padding: 5px 0;
    border-bottom: 1px solid #f2f2f2;
}

.all_menu ul li {
    display: inline-block;
    padding: 15px 10px 0 5px;
}

.all_menu ul li a {
    padding: 0;
    font-size: 14px;
}

.all_menu a:hover {
    color: #f8c737;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: underline;
}

.all_m_title {
    font-size: 20px;
    font-weight: 600;
    color: #f8c737;
}

.all_m_title2 a {
    font-size: 20px !important;
    font-weight: 600;
    color: #f8c737;
}

/************************************************************************************************************************************************************************/
/*********************************************************************À¯ÁÄð¿¡´Â ·¹º§À̾ø½À´Ï´Ù*****************************************************************/
/************************************************************************************************************************************************************************/
.use_nolevel {
    width: 1200px;
}

.use_nolevel ul {
    margin-left: -80px;
    padding-bottom: 80px;
}

.use_nolevel ul li {
    display: inline-block;
}

.use_nolevel_1 {
    width: 650px;
}

.use_nolevel_2 {
    width: 380px;
}

.facts {
    width: 100%;
    height: 1050px;
    /*height: 100vh;*/
    background: url(/img/main_img/contents_2_bgimg.png) top center no-repeat;
    position: relative;
}

.about0 {
    background-color: #f8c737;
}

.about0-1 {
    background-color: #efefef;
}

.about0-2 {
    background-image: url(/img/main_img/hompage_oldbgimg.png);
    width: 100%;
    height: 755px;
}

.about2 {
    background-color: #2c2c2c;
}

.about3 {
    background-color: #3f3f3f;
}

.about4 {
    background-color: #f8c737;
}

.about5 {
    background-color: #2c2c2c;
}

/************************************************************************************************************************************************************************/
/*********************************************************************Èı⽽¶óÀ̵å*****************************************************************/
/************************************************************************************************************************************************************************/
.fullscreen_slider {
    position: relative;
    overflow: hidden;
    margin-top: -150px;
}

.fullscreen_slider_child {
    position: absolute;
    cursor: pointer;
}

.fullscreen_slider_caption {
    font-size: 15px;
    text-align: center;
    color: #fff;
}

.fullscreen_slider_caption > p {
    margin: 0;
}

.fullscreen_slider_image {
    text-align: center;
}

.fullscreen_slider_child {
    display: none;
}

.container2 {
    position: relative;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Container for image text */
.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

/************************************************************************************************************************************************************************/
/*********************************************************************Ŭ¸°¸®ºä*****************************************************************/
/************************************************************************************************************************************************************************/
.clean_review {}

.clean_con {
    height: 350px;
    margin-top: 10px;
}

.clean_review_left {
    float: left;
}

.clean_reveiw_right {
    float: right;
    height: 337px;
}

.clean_reveiw_right ul li {
    float: left;
    width: 270px;
    height: 337px;
}

.clean_reveiw_right ul li img {}

.clean_avi {
    height: 400px;
}

.clean_avi_list ul li {
    display: inline-block;
    width: 395px;
}

.clean_avi1 {
    margin-left: -40px;
    margin-top: 10px;
}

.clean_avi2 {
    margin: 0 4px 0 4px;
    margin-top: 10px;
}

.clean_avi3 {
    margin-right: -30px;
    margin-top: 10px;
}

.sub_last {
    margin-top: -10px;
    padding: 60px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.last_list_wrap div {
    display: inline-block;
    margin-right: 10px;
}

/**************************************************************************************À¯Ä¡,ÃʵîºÎ ¸®ÅÍ´Ï**************************************************************************/
.ke_r_conwrap1 {
    background-image: url(/img/sub_img/keb_bgimg.png);
    width: 100%;
    height: 346px;
}

.ke_r_con3 {
    margin-bottom: 80px;
}

.ke_subject_golist {
    height: 186px;
    margin: 0 auto 80px auto;
}

.ke_subject_golist ul a {
    width: 23%;
    height: 186px;
    float: left;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
}

.ke_subject_golist ul a:hover {
    background-color: #eee;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

/************************************************************************À¯Ä¡,ÃʵîºÎ ÀçÇлý,Á¹¾÷»ý**************************************************************************/
.ke_ig_conwrap1 {
    background-image: url(/img/sub_img/keig_bgimg.png);
    width: 100%;
    height: 446px;
}

.ke_ig_con3 {
    margin-bottom: 80px;
}

/**************************************************************************************À¯Ä¡,ÃʵîºÎ ¿µ¾îóÀ½**************************************************************************/
.ke_b_conwrap1 {
    background-image: url(/img/sub_img/ker_bgimg.png);
    width: 100%;
    height: 494px;
}

/*******À¯Ä¡,ÃʵîºÎóÀ½ ±¹¾î********/
.ke_la_conwrap1 {
    background-image: url(/img/sub_img/ke_la_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

.learning_activity {
    width: 80%;
    margin: 0 auto;
    height: 175px;
}

.learning_activity li {
    float: left;
    background-color: #eee;
    margin-right: 20px;
    width: 31.5%;
    height: 175px;
}

.ke_la_conwrap6 {
    margin-bottom: 80px;
}

/*******À¯Ä¡,ÃʵîºÎóÀ½ ¼öÇÐ********/
.ke_math_conwrap1 {
    background-image: url(/img/sub_img/ke_math_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

.ke_math_con4 {
    margin-bottom: 80px;
}

/*******À¯Ä¡,ÃʵîºÎóÀ½ °úÇÐ********/
.ke_sc_conwrap1 {
    background-image: url(/img/sub_img/ke_sc_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

.ke_sc_conwrap3 {
    margin-bottom: 80px;
}

/*******À¯Ä¡,ÃʵîºÎóÀ½ »çȸ********/
.ke_so_conwrap1 {
    background-image: url(/img/sub_img/ke_so_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

.ke_so_conwrap3 {
    margin-bottom: 80px;
}

/**À¯Ä¡ÃÊ ±¹¾î**/
/* Style the tab */
.tab {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

/* Style the buttons inside the tab */
.tab .tabbtn {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 23%;
    background-color: #dfdfdf;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab .tabbtn:hover {
    background-color: #fabe00;
    color: #fff;
}

/* Create an active/current tablink class */
.tab .tabbtn.active {
    background-color: #fabe00;
    color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 15px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
}

/**À¯Ä¡ÃʼöÇÐ**/
/* Style the tab */
.tab_2 {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

/* Style the buttons inside the tab */
.tab_2 .tabbtn {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15.1%;
    background-color: #dfdfdf;
    margin-right: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab_2 .tabbtn:hover {
    background-color: #fabe00;
    color: #fff;
}

/* Create an active/current tablink class */
.tab_2 .tabbtn.active {
    background-color: #fabe00;
    color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 15px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
}

/**************************************************************************************ÁßµîºÎ**************************************************************************/
.m_conwrap1 {
    background-image: url(/img/sub_img/m_h_visualbgimg.png);
    width: 100%;
    height: 560px;
}

.m_h_conwrap1 {
    background-image: url(/img/sub_img/m_h_visualbgimg2.png);
    width: 100%;
    height: 560px;
}

.m_h_con1 {
    margin-top: 150px;
}

.m_h_conwrap2 {
    background-image: url(/img/sub_img/m_h_visualbgimg3.png);
    width: 100%;
    height: 560px;
}

.m_h_conwrap3 {
    background-image: url(/img/sub_img/m_h_visualbgimg4.png);
    width: 100%;
    height: 498px;
}

/**************************************************************************************°íµîºÎ**************************************************************************/
.h_conwrap1 {
    background-image: url(/img/sub_img/h_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
    margin-top: 80px;
}

.h_conwrap2 {
    margin-top: 50px;
}

.h_conwrap3 {
    margin-bottom: 100px
}

/**************************************************************************************°íµî Á¹¾÷ÀåÃë**************************************************************************/
.hg_conwrap1-1 {}

.hg_conwrap1 {
    background-image: url(/img/sub_img/hg_visual_bgimg.png);
    width: 100%;
    height: 379px;
}

.hg_conwrap2 {
    margin-top: 80px;
}

.hg_conwrap4 {
    margin-bottom: 80px;
}

.hg_con2 {
    background-image: url(/img/sub_img/hg_conimg1.png);
    width: 100%;
    height: 500px;
}

.pci_detailview {
    display: block;
    width: 145px;
    height: 25px;
    position: relative;
    top: 385px;
    left: 160px;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #000;
}

.pci_detailview:hover {
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #fff;
}

.pci_conwrap1 {
    background-image: url(/img/sub_img/pci_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

/**************************************************************************************sat/ap**************************************************************************/
.sat_conwrap1 {
    background-image: url(/img/sub_img/sat_visual_bgimg.jpg);
    width: 100%;
    height: 379px;
}

.sat_conwrap5 {
    margin-bottom: 80px;
}

table.table_style1 {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    border-collapse: separate;
    text-align: center;
    line-height: 1.5;
}

table.table_style1 thead {
    color: #000;
}

table.table_style1 thead th {
    padding: 10px;
    font-weight: bold;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    background: #ededed;
    color: #000;
}

table.table_style1 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #ccc;
    color: #000;
    background: #ededed;
}

table.table_style1 td {
    width: 350px;
    padding: 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
    background: #f7f7f7;
}

/*******************************************************************21ÀÏ¿øÁ¤´ë ȯ±ÞÁ¦µµ******************************************************************************/
.refund_21con0 {
    background-color: #f7c64a;
    padding-bottom: 80px;
}

.avi_21_100 {
    width: 82%;
    margin: 0 auto;
    border: 0px solid red;
    padding-bottom: 80px;
    height: 500px;
}

.avi_avi {
    float: left;
    width: 49%;
    margin-right: 10px;
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 20px;
}

.avi_avi li:last-child {
    margin-right: 0;
}

.name_list {
    float: left;
    text-align: center;
    width: 49%;
    font-size: 18px;
    font-weight: bold;
    background-color: #f1f1f1;
    border-radius: 15px;
    padding: 20px;
}

.name_list li:last-child {
    margin-right: 0;
}

.name_list p {
    font-weight: 500;
}

.refund_21con0_1 {
    background-color: #f1f1f1;
}

.refund_21con1 {
    width: 100%;
    background-color: #2f3034;
}

.refund_21con2 {
    width: 100%;
    background-color: #484b52;
}

.refund_21con2-1 {
    width: 100%;
    background-color: #2f3034;
}

.refund_21con3 {
    width: 100%;
    background-color: #484b52;
}

.refund_21con3-1 {
    width: 100%;
    background-color: #2f3034;
}

.refund_21con4 {
    width: 100%;
    background-color: #484b52;
}

.refund_21con5 {
    width: 100%;
    background-color: #2f3034;
    text-align: center;
    padding: 35px 0;
    height: 250px;
}

.re_21con5 ul li {
    float: left;
}

.r_detail_btn {
    text-align: center;
    font-size: 20px;
    width: 300px;
    height: 70px;
    line-height: 70px;
    background-color: rgba(255, 255, 255, 0);
    color: #281a00;
    margin: 40px auto 0 auto;
    border-radius: 50px;
    border: 2px solid #281a00;
    font-weight: bold;
}

.r_detail_btn:hover {
    background-color: #281a00;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #fff;
    font-weight: 400;
}

/*************************************************************************¼ö°­½Åû****************************************************************************/
.signup_title {
    width: 100%;
    background: #f0f0f0;
}

.signup_con1 {
    width: 100%;
    /* margin-top: 50px; */
}

.signup_section1 {
    text-align: center;
}

.signup_con2 {
    width: 100%;
    background: url(/img/sub_img/sign_up_2_bg.png) no-repeat center;
    height: 710px;
}

.signup_section2 {
    background: url(/img/sub_img/sign_up_2.png) no-repeat center;
    text-align: center;
    height: 710px;
    position: relative;
}

.signup_section2 li {
    width: 140px;
    border: 0px solid red;
    height: 50px;
    position: absolute;
    top: 400px;
    left: 436px;
}

.signup_con3 {
    width: 100%;
}

.signup_section3 {
    text-align: center;
}

.signup_con1-2 {
    text-align: center;
}

.signup_con4 {
    width: 100%;
    background: #fff;
}

.signup_section4 {
    background: url(/img/sub_img/sign_up_4_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section4 li {
    position: absolute;
    top: 190px;
    right: 130px;
}

.signup_section4_a {
    background: url(/img/sub_img/sign_up_4a_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section4_a li {
    position: absolute;
    top: 190px;
    right: 130px;
}

.signup_section4_aa {
    background: url(/img/sub_img/sign_up_4a_bga.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section4_aa li {
    position: absolute;
    top: 190px;
    right: 130px;
}

.signup_con4_1 {
    width: 100%;
    background: #fff;
}

.signup_section4_1 {
    background: url(/img/sub_img/sign_up_4_1_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section4_1 li {
    position: absolute;
    top: 197px;
    right: 130px;
}

.signup_section5_a {
    background: url(/img/sub_img/sign_up_5a_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5_a li {
    position: absolute;
    top: 190px;
    right: 130px;
}

.signup_section5_aa {
    background: url(/img/sub_img/sign_up_5a_bga.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5_aa li {
    position: absolute;
    top: 190px;
    right: 130px;
}

.signup_con5 {
    width: 100%;
    background: #fff;
}

.signup_section5 {
    background: url(/img/sub_img/sign_up_5_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5 li {
    position: absolute;
    top: 164px;
    right: 130px;
}

.signup_con5_1 {
    width: 100%;
    background: #fff;
}

.signup_section5_1 {
    background: url(/img/sub_img/sign_up_5_1_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5_1 li {
    position: absolute;
    top: 164px;
    right: 130px;
}

.signup_section5_2 {
    background: url(/img/sub_img/sign_up_5_3_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5_2 li {
    position: absolute;
    top: 180px;
    right: 130px;
}

.signup_con5_3 {
    width: 100%;
    background: #fff;
}

.signup_section5_3 {
    background: url(/img/sub_img/sign_up_5_4_bg.png) no-repeat center;
    text-align: center;
    height: 297px;
    position: relative;
}

.signup_section5_3 li {
    position: absolute;
    top: 180px;
    right: 130px;
}

.signup_con6 {
    width: 100%;
    background: #fff;
}

.signup_section6 {
    background: url(/img/sub_img/sign_up_6_bg.png) no-repeat center;
    text-align: center;
    height: 269px;
    position: relative;
}

.signup_section6 li {
    position: absolute;
    top: 170px;
    right: 130px;
}

.signup_con7 {
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
}

.signup_section7 {
    background: url(/img/sub_img/sign_up_7_bg.png) no-repeat center;
    text-align: center;
    height: 269px;
    position: relative;
}

.signup_section7 li {
    position: absolute;
    top: 170px;
    right: 130px;
}

.signup_con8 {
    width: 100%;
    background: #fff;
}

.signup_section8 {
    background: url(/img/sub_img/sign_up_9_bg.png) no-repeat center;
    text-align: center;
    height: 269px;
    position: relative;
}

.signup_section8 li {
    position: absolute;
    top: 150px;
    right: 130px;
}

.signup_con9 {
    width: 100%;
    background: #fff;
}

.signup_section9 {
    background: url(/img/sub_img/sign_up_10_bg.png) no-repeat center;
    text-align: center;
    height: 269px;
    position: relative;
}

.signup_section9 li {
    position: absolute;
    top: 150px;
    right: 130px;
}

.signup_section11 {
    background: url(/img/sub_img/sign_up_11_bg.png) no-repeat center;
    text-align: center;
    height: 369px;
    position: relative;
    margin-bottom: 30px;
}

.signup_section11 li {
    position: absolute;
    top: 274px;
    right: 130px;
}

.signup_section11_2 {
    background: url(/img/sub_img/sign_up_11_bg2.png) no-repeat center;
    text-align: center;
    height: 409px;
    position: relative;
    margin-bottom: 30px;
}

.signup_section11_2 li {
    position: absolute;
    top: 274px;
    right: 130px;
}

.signup_con10 {
    width: 100%;
    background: #f0f0f0;
}

.signup_section10 {
    text-align: center;
}

.go_signup_1 {
    background-color: #fdcc32;
    margin-right: 10px;
    color: #333;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_1:hover {
    background-color: #fd9b32;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_2 {
    background-color: #ff0f7a;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_2:hover {
    background-color: #CE005B;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_3 {
    background-color: #45aa49;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_3:hover {
    background-color: #368539;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_4 {
    background-color: #4c24d0;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_4:hover {
    background-color: #391B9D;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_5 {
    background-color: #2c82eb;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_5:hover {
    background-color: #146DD9;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_6 {
    background-color: #2c82eb;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 90px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_6:hover {
    background-color: #146DD9;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_signup_1a {
    background-color: #fdcc32;
    margin-right: 10px;
    color: #333;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 16px;
    font-weight: 700;
}

.go_signup_1a:hover {
    background-color: #fd9b32;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

/*************************************************************¼ö°­½Åû»ó¼¼ÆäÀÌÁö*************************************************************************************/
.signup_carding {
    margin-top: 50px;
}

.signup_detail_con1 {
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.stebEnd_con1 {
    width: 100%;
    background-color: #fdcc32;
    padding: 80px 0;
}

.stebEnd_con2 {
    width: 100%;
    background-color: #fdcc32;
    padding: 150px 0;
}

.stebEnd_section1 {}

.end_thank {}

.end_thank2 {
    text-align: center;
    font-size: 20px;
    display: block;
    padding: 90px 0;
    line-height: 30px;
    font-weight: bold;
}

.stebEnd_section2 {
    width: 100%;
    background-image: url(/img/sub_img/stepend_img.png);
    background-repeat: no-repeat;
    height: 1336px;
    margin-top: -100px;
}

.stebEnd_section2_1 {
    width: 100%;
    background-image: url(/img/sub_img/stepend_img_2.png);
    background-repeat: no-repeat;
    height: 1740px;
    margin-top: -100px;
}

.stebEnd_section2_2 {
    width: 100%;
    background-image: url(/img/sub_img/stepend_img_2_2.png);
    background-repeat: no-repeat;
    height: 1539px;
    margin-top: -100px;
}

.stebEnd_section2_2_1 {
    width: 100%;
    background-image: url(/img/sub_img/stepend_img_2_2_1.png);
    background-repeat: no-repeat;
    height: 1740px;
    margin-top: -100px;
}

.stebEnd_section2_2_2 {
    width: 100%;
    background-image: url(/img/sub_img/stepend_img_2_2_2.png);
    background-repeat: no-repeat;
    height: 1384px;
    margin-top: -100px;
}

.btn_end {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 50px;
    display: block;
    position: relative;
    top: 1230px;
    left: 330px;
    text-align: center;
    width: 300px;
    height: 50px;
    line-height: 50px;
}

.btn_end_2 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 50px;
    display: block;
    position: relative;
    top: 1620px;
    left: 340px;
    text-align: center;
    width: 300px;
    height: 50px;
    line-height: 50px;
}

.btn_end_2_2 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 50px;
    display: block;
    position: relative;
    top: 1420px;
    left: 340px;
    text-align: center;
    width: 300px;
    height: 50px;
    line-height: 50px;
}

a .btn_end:hover {
    color: #fdcc32;
    font-size: 26px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 2px solid #fdcc32;
}

.main_txt {
    font-size: 42px;
    color: #333333;
    font-weight: 700;
    border: 4px solid #333333;
    border-radius: 20px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    display: block;
}

a .btn_end_2:hover {
    color: #fdcc32;
    font-size: 26px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 2px solid #fdcc32;
}

.main_txt {
    font-size: 42px;
    color: #333333;
    font-weight: 700;
    border: 4px solid #333333;
    border-radius: 20px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    display: block;
}

a .btn_end_2_2:hover {
    color: #fdcc32;
    font-size: 26px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 2px solid #fdcc32;
}

.main_txt {
    font-size: 42px;
    color: #333333;
    font-weight: 700;
    border: 4px solid #333333;
    border-radius: 20px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    display: block;
}

.btn_end_3 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    top: 1400px;
    left: 240px;
    text-align: center;
    width: 300px;
    height: 50px;
    line-height: 50px;
}

a .btn_end_3:hover {
    color: #fdcc32;
    font-size: 26px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 2px solid #000;
    background-color: #000;
}

.btnwrap {
    position: relative;
    top: 1400px;
    border: 0px solid red;
    text-align: center;
}

.btnwrap_2 {
    position: relative;
    top: 1600px;
    border: 0px solid red;
    text-align: center;
}

.btn_end_4 {
    color: #000;
    font-size: 23px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    width: 300px;
    height: 70px;
    line-height: 70px;
    margin-right: 30px;
}

a .btn_end_4:hover {
    color: #fdcc32;
    font-size: 23px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 2px solid #000;
    background-color: #000;
}

.main_txt {
    font-size: 42px;
    color: #333333;
    font-weight: 700;
    border: 4px solid #333333;
    border-radius: 20px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    display: block;
}

.go_signup {
    background-color: #fdcc32;
    margin-right: 10px;
    color: #fff;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 80px auto;
    font-size: 15px;
}

.go_signup:hover {
    background-color: #fd9b32;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

table.signup_table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.5;
    margin-bottom: 40px;
}

table.signup_table thead th {
    padding: 10px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    background-color: #f1f1f1;
}

table.signup_table td {
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.table_line {
    border-top: 2px #f1c03e solid;
}

.tit02 {
    height: 40px;
    text-align: center;
}

/*********************************************************************¼ö°­½Åû endÆäÀÌÁö******************************************************************************/
.signup_endcon {
    background-image: url(/img/sub_img/signupend_con1.png);
    width: 100%;
    height: 690px;
}

.signup_end_btnwrap {
    margin-bottom: 50px;
}

.signup_end_btnwrap ul {
    width: 80%;
    margin: 0 auto;
    border: 0px solid red;
    text-align: center;
}

.signup_end_btnwrap ul li {
    display: inline-block;
    width: 300px;
    height: 70px;
    line-height: 70px;
    margin-right: 10px;
    text-align: center;
    font-size: 20px;
}

.btn_end_5 {
    background-color: #ffbe11;
    color: #000;
}

.btn_end_5:hover {
    background-color: #ffa811;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn_end_6 {
    background-color: #2e302e;
    color: #fff;
}

.btn_end_6:hover {
    background-color: #000;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.signup_txt {
    position: relative;
    top: 190px;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.signup_endcon2 {
    text-align: center;
}

.signup_endcon2 ul li {
    display: inline-block;
}

/*************************************************************¼ö°­½Åû ¾÷±×·¹À̵å*************************************************************************************/
.signup_new1 {
    margin-bottom: 50px;
}

.signup_new1 ul li {
    display: inline-block;
    border: 0px solid red;
}

.signup_button {
    border: 0px solid blue;
    display: block;
    width: 203px;
    height: 52px;
    margin: -55px auto 0 auto;
}

.signup_button_list {
    width: 80%;
    margin: -150px auto 50px auto;
}

.signup_button_list ul li {
    display: inline-block;
    border: 0px solid red;
    width: 30%;
}

/**************************************21¿øÁ¤´ë*************************************************/
.wonjung_21_title {
    width: 100%;
    background-image: url(/img/sub_img/21_wonjung_title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 522px;
    text-align: center;
}

.wonjung_21_con1 {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

.wonjung_21_con2 {
    width: 100%;
    background-color: #eeeeee;
    text-align: center;
}

.wonjung_21_con3 {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

.wonjung_21_con4 {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

.wonjung_21_con5 {
    width: 100%;
    background-color: #eeeeee;
    text-align: center;
}

.wonjung_21_btn {
    width: 100%;
    text-align: center;
    background: #fff;
    height: 60px;
    padding: 10px 0 60px 0;
}

.wonjung_21go {
    width: 300px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fa0;
    margin: 0 auto 100px auto;
    font-size: 20px;
    font-weight: bold;
}

.wonjung_21go a {
    color: #333333;
}

.wonjung_21go:hover {
    opacity: 0.8;
    cursor: pointer;
}

.login_membership {
    height: 100px;
}

.login_membership ul li {
    display: inline-block;
    width: 47%;
}

.login_membership ul li button {
    padding: 8px 15px;
}

.login_membership ul li button:hover {
    cursor: pointer;
}

.new_login {
    background-color: #333;
    width: 100%;
    color: #fff;
    border: none;
}

.new_login2 {
    width: 100%;
    border: none;
}

/***************************************************************************Ä¿¸®Å§·³**********************************************************************/
.curri_1 {
    width: 100%;
    border-bottom: 4px solid #fdcc32;
    padding-top: 30px;
}

.curri_section1 {
    text-align: center;
    line-height: 0;
}

.curri_2 {
    width: 100%;
}

.curri_section2 {
    text-align: center;
    padding-bottom: 30px;
}

.curri_3 {
    width: 100%;
    border-bottom: 4px solid #4bc327;
}

.curri_section3 {
    text-align: center;
    line-height: 0;
}

.curri_4 {
    width: 100%;
}

.curri_section4 {
    background: url(/img/sub_img/elementary_intro.png) no-repeat center;
    height: 540px;
}

.curri_section4 ul {
    width: 822px;
    height: 264px;
    margin: 0 auto;
    border: 0px solid blue;
    position: relative;
    padding-top: 266px;
}

.curri_section4 li {
    width: 822px;
    height: 36px;
    border: 0px solid red;
    margin-top: 10px;
}

.curri_5 {
    width: 100%;
    border-bottom: 4px solid #f0466c;
}

.curri_section5 {
    text-align: center;
    line-height: 0;
}

.curri_6 {
    width: 100%;
}

.curri_section6 {
    background: url(/img/sub_img/middle_intro.png) no-repeat center;
    height: 800px;
}

.curri_section6_1 {
    background: url(/img/sub_img/middle_intro_1.png) no-repeat center;
    height: 400px;
}

.curri_section6 ul {
    width: 822px;
    height: 173px;
    margin: 0 auto;
    border: 0px solid blue;
    position: relative;
    padding-top: 554px;
}

.curri_section6 li {
    width: 822px;
    height: 36px;
    border: 0px solid red;
    margin-top: 10px;
}

.curri_7 {
    width: 100%;
    border-bottom: 4px solid #0060c2;
}

.curri_section7 {
    text-align: center;
    line-height: 0;
}

.curri_8 {
    width: 100%;
}

.curri_section8 {
    text-align: center;
}

.curri_section8 {
    background: url(/img/sub_img/high_curri.png) no-repeat center;
    height: 431px;
}

.curri_section8 ul {
    width: 858px;
    height: 421px;
    margin: 0 auto;
    border: 0px solid blue;
    position: relative;
    padding-top: 10px;
}

.curri_section8 li {
    display: inline-block;
    float: left;
    width: 192px;
    height: 38px;
    margin-left: 26px;
    border: 0px solid red;
}

.curri_9 {
    width: 100%;
    background-color: #f0f0f0;
}

.curri_section9 {
    text-align: center;
}

.curri_10 {
    width: 100%;
}

.curri_section10 {
    text-align: center;
}

/*************************************************************¹Ì±¹º»»çEdgenuityµîµî*********************************************************************/
.introduce_con1 {
    width: 100%;
    background-color: #f0f0f0;
}

.introduce_section1 {}

.introduce_con2 {
    width: 100%;
    background-color: #f0f0f0;
}

.introduce_section2 {
    padding-bottom: 60px;
}

.introduce_con3 {
    width: 100%;
}

.introduce_section3 {
    background-color: #fff;
}

.introduce_con4 {
    width: 100%;
    background-color: #f0f0f0;
}

.introduce_section4 {}

.introduce_con5 {
    width: 100%;
    background-color: #fff;
}

.introduce_section5 {
    width: 100%;
    height: 704px;
    background-image: url(/img/sub_img/introduce_sectionimg5.png);
    background-repeat: no-repeat;
}

.introduce_section5_avi {
    position: relative;
    top: 90px;
    left: 5px;
    border: 0px solid blue;
}

.introduce_section5_avi li {
    float: left;
    width: 470px;
    height: 360px;
    border: 0px solid red;
    margin-right: 40px;
}

.introduce_section5_avi li:hover {
    cursor: pointer;
}

.introduce_section5_avi li:nth-child(2) {
    margin-right: 0;
}

.detail_btn {
    width: 350px;
    height: 65px;
    border: 0px solid red;
    position: relative;
    top: 550px;
    left: 325px;
}

.introduce_con6 {
    width: 100%;
    height: 270px;
    background: url(/img/sub_img/introduce_section6_bgimg.jpg) no-repeat center;
}

.introduce_section6 {}

.introduce_con7 {
    width: 100%;
    background-color: #fff;
}

.introduce_section7 {
    height: 650px;
}

.introduce_con8 {
    width: 100%;
    background-color: #333;
    height: 110px;
}

.introduce_section8 {}

.introduce_con9 {
    width: 100%;
    background-color: #fff;
}

.introduce_section9 {
    margin-top: 30px;
}

.introduce_con10 {
    width: 100%;
    background-color: #fff;
    padding: 40px 0;
}

.introduce_section10 {
    background-color: #fff;
}

/***************************************************************************ÇнÀ»ùÇÃ**********************************************************************/
.stduy_sample_con1 {
    width: 100%;
    background-color: #fdcc32;
    padding: 80px 0;
}

.stduy_sample_section1 {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

.study_sample_title {
    font-size: 18px;
    color: #000;
    background-color: #f5f5f5;
    font-weight: bold;
    padding: 20px 6px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.tab_freetrial {
    width: 90%;
    margin: 50px auto;
    border: 0px solid red;
    border-bottom: 2px solid #fdcc32;
}

.tab_freetrial li {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
    font-weight: bold;
    font-size: 17px;
}

.tab_freetrial li:hover {
    background-color: #fdcc32;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}

.tab_active {
    background-color: #fdcc32;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab_freetrial li a {
    text-decoration: none;
}

/*À¯Ä¡Ã¼Çè*/
.tab_title_kinder {
    width: 90%;
    margin: 50px auto;
    border: 0px solid red;
}

.study_sample_kinder {
    margin: 50px auto;
    border: 0px solid green;
    background-image: url(/img/sub_img/study_sample_1.png);
    width: 80%;
    height: 491px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.study_form {
    border: 0px solid red;
    position: relative;
    top: 30px;
    left: 100px;
    width: 730px;
    height: 400px;
}

.study_form ul {
    height: 90px;
}

.study_form ul li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 45px;
}

.study_form ul li:hover {
    cursor: pointer;
}

/*°íµîüÇè*/
.tab_title_high {
    width: 90%;
    margin: 50px auto;
    border: 0px solid red;
}

.study_sample_high {
    margin: 50px auto;
    border: 0px solid green;
    background-image: url(/img/sub_img/study_sample_5.png);
    width: 80%;
    height: 890px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.study_form5 {
    border: 0px solid red;
    position: relative;
    top: 80px;
    left: 95px;
    width: 710px;
    height: 700px;
}

.study_form5 ul li:hover {
    cursor: pointer;
}

.study_form5_1 {
    height: 100px;
    margin-left: 50px;
}

.study_form5_1 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 45px;
}

.study_form5_2 {
    height: 100px;
    margin: 80px 0 75px 50px;
}

.study_form5_2 li {
    width: 110px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 15px;
}

.study_form5_3 {
    height: 100px;
    margin: 0 0 80px 0px;
}

.study_form5_3 li {
    width: 110px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 10px;
}

.study_form5_4 {
    height: 100px;
}

.study_form5_4 li {
    width: 110px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 10px;
}

/*6~8Çгâ üÇè*/
.tab_title_68 {
    width: 90%;
    margin: 50px auto;
    border: 0px solid red;
}

.study_sample_68 {
    margin: 50px auto;
    border: 0px solid green;
    background-image: url(/img/sub_img/study_sample_4.png);
    width: 80%;
    height: 785px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.study_form4 {
    border: 0px solid red;
    position: relative;
    top: 100px;
    left: 55px;
    width: 810px;
    height: 660px;
}

.study_form4 ul li {}

.study_form4 ul li:hover {
    cursor: pointer;
}

.study_form4_1 {
    height: 100px;
    margin-left: 50px;
}

.study_form4_1 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 45px;
}

.study_form4_2 {
    height: 100px;
    margin: 80px 0 240px 50px;
}

.study_form4_2 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 45px;
}

.study_form4_3 {
    height: 100px;
    margin-left: 50px;
}

.study_form4_3 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 45px;
}

/*3~5Çгâ üÇè*/
.tab_title_35 {
    width: 80%;
    margin: 50px auto;
    border: 0px solid red;
}

.study_sample_35 {
    margin: 50px auto;
    border: 0px solid green;
    background-image: url(/img/sub_img/study_sample_4.png);
    width: 80%;
    height: 785px;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*1~2Çгâ üÇè*/
.tab_title_12 {
    width: 80%;
    margin: 50px auto;
    border: 0px solid red;
}

.study_sample_12 {
    margin: 50px auto;
    border: 0px solid green;
    background-image: url(/img/sub_img/study_sample_2.png);
    width: 80%;
    height: 387px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.study_form2 {
    border: 0px solid red;
    position: relative;
    top: 50px;
    left: 95px;
    width: 710px;
    height: 300px;
}

.study_form2 ul li:hover {
    cursor: pointer;
}

.study_form2_1 {
    height: 100px;
    margin-left: 50px;
}

.study_form2_1 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 46px;
}

.study_form2_2 {
    height: 100px;
    margin-left: 50px;
    margin-top: 40px;
}

.study_form2_2 li {
    width: 118px;
    height: 110px;
    opacity: 0.5;
    float: left;
    margin-right: 46px;
}

/*****************************************************************°Ô½ÃÆÇ******************************************************/
table.type09 {
    background-color: #fff;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    width: 100%;
    margin: 0 auto 50px auto;
    font-size: 16px;
}

table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    color: #000;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ccc;
}

table.type09 tbody th {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type09 td {
    padding: 15px;
    text-align: center;
    vertical-align: top;
    border-bottom: 1px solid #e9e9e9;
    color: #5e5e5e;
}

/****¿©¹é(margin, padding)******************************************************/
.mg5 {
    margin: 5px;
}

.mg10 {
    margin: 10px;
}

.mglr5 {
    margin: 0 5px;
}

.mglr10 {
    margin: 0 10px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pdlr5 {
    padding: 0 5px;
}

.pdlr10 {
    padding: 0 10px;
}

.pdl5 {
    padding-left: 5px;
}

s .pdl10 {
    padding-left: 10px;
}

.pdr5 {
    padding-right: 5px;
}

.pdr10 {
    padding-right: 10px;
}

/****************************************************************Çкθð°ø°£*********************************************************************/
.parentstroy_con1 {
    width: 100%;
}

.parentstroy_section1 {
    width: 100%;
    background-color: #fff;
    padding-bottom: 50px;
}

.parentstroy_section1 div {
    float: left;
}

.parentstroy_part_wrap {
    width: 100%;
    height: 250px;
    background-color: #fff;
}

.parentstroy_part1 {
    border: 0px solid blue;
    width: 160px;
    height: 200px;
    margin-left: 130px;
}

.parentstroy_part2 {
    border: 0px solid blue;
    width: 160px;
    height: 200px;
    margin-left: 200px;
}

.parentstroy_part3 {
    border: 0px solid blue;
    width: 160px;
    height: 200px;
    margin-left: 100px;
}

.parentstroy_part1 ul li {
    background-color: #fff;
    border: 1px solid #fdcc32;
    color: #000;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 160px;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px #fdcc32;
    box-shadow: 4px 4px #fdcc32;
    font-size: 18px;
    margin-top: 20px;
}

.parentstroy_part1 ul li:hover {
    background-color: #000;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.parentstroy_part2 ul li {
    background-color: #fff;
    border: 1px solid #fdcc32;
    color: #000;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 160px;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px #fdcc32;
    box-shadow: 4px 4px #fdcc32;
    font-size: 18px;
    margin-top: 20px;
}

.parentstroy_part2 ul li:hover {
    background-color: #000;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.parentstroy_part3 ul li {
    background-color: #fff;
    border: 1px solid #fdcc32;
    color: #000;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 160px;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px #fdcc32;
    box-shadow: 4px 4px #fdcc32;
    font-size: 18px;
    margin-top: 20px;
}

.parentstroy_part3 ul li:hover {
    background-color: #000;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

/********************************************************************ÇнÀÈıâ**********************************************************************************/
.review_con1 {
    width: 100%;
    margin-top: 100px;
}

.review_section1 {}

.review_view {
    margin-top: 80px;
}

/**Çлý ¸®ºäÅÇ**/
.tab_student_review_tab {
    width: 100%;
}

.tab_student_review_tabContent > div {
    display: none;
}

.tab_student_review_tabHeader {}

.tab_student_review_tabHeader li {
    float: left;
    width: calc(25% - 10px);
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #e9e9e9;
    color: #000;
}

.tab_student_review_tabHeader li img {
    width: 100%;
}

.tab_student_review_tabHeader li:hover {
    background: #fa0;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.tab_student_review_tabHeader li.active {
    background: #fa0;
    color: #fff;
}

.tab_student_review_tabContent .active {
    display: block;
}

.tab_student_review_avi1 {
    background-color: #fff;
    padding-bottom: 50px;
}

.tab_student_review_avi1 ul li {
    display: inline-block
}

.tab_student_review_avi1 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    margin-left: 8px;
    background-color: #000;
}

.tab_student_review_avi2 {}

.tab_student_review_avi2 ul li {
    display: inline-block
}

.tab_student_review_avi2 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    margin-left: 8px;
    background-color: #fa0;
}

.tab_student_review_avi3 {}

.tab_student_review_avi3 ul li {
    display: inline-block
}

.tab_student_review_avi3 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    margin-left: 8px;
    background-color: #faa;
}

.tab_student_review_avi4 {}

.tab_student_review_avi4 ul li {
    display: inline-block
}

.tab_student_review_avi4 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    margin-left: 8px;
    background-color: #f00;
}

.tab_student_review_avi5 {}

.tab_student_review_avi5 ul li {
    display: inline-block
}

.tab_student_review_avi5 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    margin-left: 8px;
    background-color: #22BDFF;
}

.s_r_t {
    position: relative;
}

/******Çлý °Ô½ÃÆÇ ´Ü°è*************/
.review_re {
    margin-top: 100px;
}

/**Çкθ𠸮ºäÅÇ**/
.tab_parent_review_tab {
    width: 100%;
}

.tab_parent_review_tabContent > div {
    display: none;
}

.tab_parent_review_tabHeader {}

.tab_parent_review_tabHeader li {
    float: left;
    width: 178px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #e9e9e9;
    color: #000;
}

.tab_parent_review_tabHeader li img {
    width: 100%;
}

.tab_parent_review_tabHeader li:hover {
    background: #fa0;
    color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.tab_parent_review_tabHeader li.active {
    background: #fa0;
    color: #fff;
}

.tab_parent_review_tabContent .active {
    display: block;
}

.tab_parent_review_avi1 {
    background-color: #fff;
    padding-bottom: 50px;
}

.tab_parent_review_avi1 ul li {
    display: inline-block
}

.tab_parent_review_avi1 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    background-color: #000;
}

.tab_parent_review_avi2 {}

.tab_parent_review_avi2 ul li {
    display: inline-block
}

.tab_parent_review_avi2 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    background-color: #fa0;
}

.tab_parent_review_avi3 {}

.tab_parent_review_avi3 ul li {
    display: inline-block
}

.tab_parent_review_avi3 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    background-color: #faa;
}

.tab_parent_review_avi4 {}

.tab_parent_review_avi4 ul li {
    display: inline-block
}

.tab_parent_review_avi4 ul li:nth-child(2) {
    width: 550px;
    height: 300px;
    background-color: #f00;
}

.review_btn ul li {
    width: 48%;
    background-color: #eee;
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    margin-top: 50px;
    margin-right: 10px;
    font-size: 17px;
}

.review_btn ul li:hover {
    background-color: #fabe00;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/**/
.table td,
.table th {
    padding: 0;
    vertical-align: middle;
}

.table1 td {
    padding: 10px !important;
}

.table thead th {
    vertical-align: middle !important;
}

/********************************************************************ȸ¿ø°¡ÀÔ**********************************************************************************/
.join_titleimg {
    background-image: url(/img/sub_img/join_titlebanner_bgimg.png);
    width: 100%;
    height: 400px;
}

.join_section1 {
    margin-top: 50px;
}

.use_how {
    margin-left: -40px;
}

.use_how li {
    display: inline-block;
    margin-right: 20px;
    width: 200px;
    text-align: left;
    height: 30px;
}

.join_agreecon {
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

/*********************************************************¾ÆÀ̵ð&ºñ¹øã±â*******************************************************************/
.find_r_id_wrap {
    padding: 80px 0 100px;
}

.find_con_wrap {
    padding: 80px 0 100px;
    font-family: 'NanumSquare', sans-serif !important;
}

.find_content {
    text-align: center;
    font-family: 'NanumSquare', sans-serif !important;
}

.find_content h1 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.find_text {
    padding: 5px 0 30px;
    text-align: center;
}

.find_text2 {
    font-size: 20px;
    text-align: center;
    color: #333;
    margin-top: 20px;
    font-weight: bold;
}

.find_certification {
    margin-top: 30px;
}

.find_certification ul {
    width: 96%;
    margin: 0 auto;
}

.find_certification ul li {
    display: inline-block;
    width: 47.9%;
    margin-right: 30px;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    text-align: center;
    font-size: 20px;
}

.find_certification ul li:hover {
    background-color: #ffc823;
    color: #333;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.find_p {
    text-align: center;
}

.find_password a {
    font-weight: 500;
}

.call_company {
    width: 90%;
    text-align: center;
    padding: 30px;
    font-size: 16px;
    line-height: 25px;
    background-color: #fff6db;
}

.call_company2 {
    width: 25%;
    margin: 40px auto 100px auto;
    text-align: center;
    padding: 30px;
    font-size: 16px;
    line-height: 25px;
    background-color: #fff6db;
}

/*¾ÆÀ̵ð&ºñ¹øã±â °á°úÆäÀÌÁö*/
.find_r_content {
    text-align: center;
    font-family: 'NanumSquare', sans-serif !important;
    margin: 0 auto;
}

.find_r_content h1 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.find_r_text {
    font-size: 30px;
    font-weight: bold;
    padding: 30px 0 10px 0;
}

.find_r_text2 {
    color: #999
}

.find_r_text3 {
    font-size: 17px;
    color: #999;
    margin: 30px auto;
}

.button_l_p {
    margin: 0 auto;
    width: 100%;
    background-color: #FFC107;
    padding: 14px 0;
    font-weight: 500;
    color: #fff;
}

.button_cert {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    width: 27%;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #FFC107;
    border: 1px solid #FFC107;
}

.password_wrap ul li {
    margin: 20px auto;
}

/*******************************************************************¸¶ÀÌÆäÀÌÁö******************************************************************************/
.mypage_con1 {
    width: 100%;
    clear: both;
}

.mypage_section1 {
    width: 100%;

}

.mypage_section_wrap {
    margin-bottom: 50px;
    padding: 20px 30px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 5px rgba(230, 228, 222, 0.25);
    box-shadow: 0 0 5px 5px rgba(230, 228, 222, 0.25);
}

.reqTap li.reqTap_on a {
    color: #FFC107;
    border: 1px solid #FFC107;
}

.mypage_icon_wrap {
    width: 100%;
}

.mypage_icon_wrap {
    margin-top: -5px;
}

.go_btn_style {
    float: left;
    width: 25%;
    background-color: #f6f6f6;
    text-align: center;
    height: 60px;
}

.go_btn_style:hover {
    background-color: #d1d1d1;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_btn_style img {
    position: relative;
    top: 5px;
}

.go_study {
    float: left;
    width: 25%;
    text-align: center;
    height: 60px;
    background-color: #fdcc32;
}

.go_study:hover {
    background-color: #ffae00;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.go_study img {
    position: relative;
    top: 5px;
}

.mypage_icon_wrap ul span {
    position: relative;
    top: -15px;
    font-weight: bold;
}

.form_nomal {
    height: 30px;
    padding-left: 5px;
    line-height: 0px;
}

.form_nomal2 {
    height: 30px;
    line-height: 0px;
}

.must {
    color: #FF5E61
}

.tdtdtd {
    font-weight: bold;
}

.style09 {
    height: 50px;
}

.grade_con1 {
    width: 100%;
}

.m_btn_list ul li {
    float: left;
    width: 12.5%;
    background-color: #333;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    height: 100px;
    padding-top: 10px;
}

.m_btn_list ul li:hover {
    background-color: #777;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.m_btn_list ul li img {}

.study_download_btn {
    background-color: #000 !important;
    color: #fff !important;
}

.m_btn_list {
    min-width: 1200px;
}

.m_title_wrap_1 {
    background-color: #005163;
}

.m_title_wrap_2 {
    background-color: #ff8521;
}

.m_title_wrap_3 {
    background-color: #1c9cd8;
}

.m_title_wrap_4 {
    background-color: #1b6091;
}

.m_title_wrap_5 {
    background-color: #10b2af;
}

.m_title_wrap_6 {
    background-color: #d277cd;
}

.m_title_wrap_7 {
    background-color: #ff5442;
}

.m_title_wrap_8 {
    background-color: #ff5442;
}

.m_title_wrap_9 {
    background-color: #ffc000;
}

.m_title_wrap_10 {
    background-color: #fa462b;
}

.mypage_tdstyle {
    height: 40px;
    line-height: 40px;
    padding-top: 50px;
}

/*
.use_form_re tr {
    border-bottom: 1px solid #e8e8e8;
}
*/

/***************************************************************************Explorer Test / ·¹º§Å×½ºÆ®**********************************************************************/
.explorertest_title {
    width: 100%;
    background: #f0f0f0;
    padding-bottom: 50px;
}

.leveltest_btn {
    width: 100%;
    background: url(/img/sub_img/sign_up_2_bg.png) no-repeat center;
    height: 710px;
    margin-top: 150px;
}

.leveltest_section {
    background: url(/img/sub_img/sign_up_2.png) no-repeat center;
    text-align: center;
    height: 710px;
    position: relative;
}

.leveltest_section li {
    width: 140px;
    border: 0px solid red;
    height: 50px;
    position: absolute;
    top: 400px;
    left: 540px;
}

.explorertest_con3 {
    width: 100%;
}

.explorertest_con1-2 {
    height: 150px;
    border: 0px solid red;
    text-align: center;
}

/************************************************************À¯Áî¼Ò°³*********************************************************************/
.section0 {
    background-color: #fabe00;
}

.section1 {
    background-color: #fff;
}

.section2 {
    background-color: #fabe00;
}

.section3 {
    background-color: #000;
}

.section4 {
    background-color: #ffe100;
}

.section5 {
    background-color: #f08200;
}

.section6 {
    background-color: #ffe100;
}

.section7 {
    background-color: #fabe00;
}

.section8 {
    background-color: #fff;
}

.section9 {
    background-color: #ffe100;
}

.section10-1 {
    background-color: #fabe00;
}

.section10-2 {
    background-color: #fabe00;
}

.section11 {
    background-color: #000;
    margin-top: -3px;
}

/**ÇнÀÀϱ⠷©Å·¿µ¿ª**/
.textarea_wrap {
    margin-top: 30px;
}

.textarea_wrap ul {
    height: 40px;
}

.textarea_wrap ul li:first-child {
    color: red;
    float: left;
    margin-top: 10px;
}

.like_star {
    float: left;
    background-color: #1496ee;
    color: #fff;
    padding: 3px 20px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
    top: -5px;
    margin-left: 10px;
}

.like_star button {
    background-color: none;
    border: none;
}

.bbibbo {
    float: right;
    background-color: #f6373b;
    padding: 3px 20px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
    top: 35px;
}

.bbibbo_n {
    color: #fff;
    font-size: 17px;
}

.textarea_con {
    padding: 10px;
    width: 80%;
    border: 1px solid #333;
    float: left;
    color: #333;
}

.textarea_btn {
    height: 84px;
    line-height: 80px;
    display: block;
    background-color: #313538;
    text-align: center;
    color: #fff;
    margin-left: -1px;
    font-size: 17px;
}

table.diary_board_table {
    width: 100%;
    font-size: 13px;
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
}

table.diary_board_table th {
    width: 40px;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

table.diary_board_table td {
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.td_2st {
    width: 100px;
}

.td_4rd {
    width: 100px;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -50px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.rank_list {
    width: 80%;
    margin: -70px auto 50px auto;
    border-radius: 20px;
    background-color: #2e2e2b;
    padding: 110px 60px 30px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rank_list div {
    width: 30%;
    text-align: center;
    border-radius: 20px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 10px;
}

.rank_div1 {
    border: 5px solid #f75246;
}

.rank_div2 {
    border: 5px solid #79bc4c;
}

.rank_div3 {
    border: 5px solid #4069bc;
}

.rank_icon {
    margin-top: -90px;
}

.rank_n_style {
    border: 2px dotted #fff;
    border-radius: 50px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rank_name1 {
    background-color: #f75246;
    width: 150px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rank_name2 {
    background-color: #79bc4c;
    width: 150px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rank_name3 {
    background-color: #4069bc;
    width: 150px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**************************************************************************°íµîÄ¿¸®Å§·³ Å×À̺í**********************************************************************/
.h_table_wrap {
    min-width: 1200px !important;
}

.h_table_wrap ul li {
    float: left;
    width: 24%;
    margin-right: 5px;
}

.h_table_wrap2 ul li {
    float: left;
    width: 19.3%;
    margin-right: 5px;
}

.h_table_wrap3 ul li {
    float: left;
    width: 16%;
    margin-right: 5px;
}

table.table_style2 thead th.line_style1 {
    border-right: 2px solid #777777;
    background-color: #ddd;
}

table.table_style2 thead td.line_style0 {
    border-right: 1px solid #ccc;
    padding: 5px 0;
}

table.table_style2 thead td.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2 tbody th.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2 tbody td.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2-1 thead th.line_style1 {
    border-right: 2px solid #777777;
    background-color: #ddd;
}

table.table_style2-1 thead td.line_style0 {
    border-right: 1px solid #ccc;
    padding: 5px 0;
}

table.table_style2-1 thead td.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2-1 tbody th.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2-1 tbody td.line_style1 {
    border-right: 2px solid #777777;
}

table.table_style2 {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    font-size: 12px;
    border: 2px solid #777;
    margin-bottom: 50px;
}

table.table_style2 thead th {
    border-left: 0;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #000;
    border-bottom: 3px solid #777;
}

table.table_style2 thead td {
    background-color: #ededed;
    font-weight: bold;
}

table.table_style2 tbody th {
    padding: 10px;
    font-weight: 400;
    vertical-align: middle;
    background-color: #FFF4E0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.table_style2 tbody td {
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.table_style2-1 {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    font-size: 12px;
    border: 2px solid #777;
    margin-bottom: 50px;
}

table.table_style2-1 thead th {
    border-left: 0;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #000;
    border-bottom: 3px solid #777;
}

table.table_style2-1 thead td {
    background-color: #ededed;
    font-weight: bold;
}

table.table_style2-1 tbody th {
    padding: 3px;
    font-weight: 400;
    vertical-align: middle;
    background-color: #FFF4E0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.table_style2-1 tbody td {
    padding: 3px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}










/****************************** 2021 ******************************/










/*
  Theme Name: Regna
  Theme URL: https://bootstrapmade.com/regna-bootstrap-onepage-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/



/* Prelaoder

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
} */


/************************************************************************************************************************************************************************/
/*********************************************************************Èı⽽¶óÀ̵å*****************************************************************/
/************************************************************************************************************************************************************************/
.fullscreen_slider {
    position: relative;
    overflow: hidden;
    margin-top: -150px;
}

.fullscreen_slider_child {
    position: absolute;
    cursor: pointer;
}

.fullscreen_slider_caption {
    font-size: 15px;
    text-align: center;
    color: #fff;
}

.fullscreen_slider_caption > p {
    margin: 0;
}

.fullscreen_slider_image {
    text-align: center;
}

.fullscreen_slider_child {
    display: none;
}


.container2 {
    position: relative;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Container for image text */
.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

/**/

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -50px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}









/*--------------------------------------------------------------
###################### 2021 useschool new ######################
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: "Noto Sans KR", "Malgun Gothic", "¸¼Àº °íµñ", "Apple Gothic", "Apple SD Gothic Neo", sans-serif;
}

ul,
li {
    list-style: none;
}

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

body,
p,
div,
span,
a,
ol,
ul,
li,
table,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #3e3e3e;
    font-family: "Noto Sans KR", "Malgun Gothic", "¸¼Àº °íµñ", "Apple Gothic", "Apple SD Gothic Neo", sans-serif !important;
    word-break: keep-all;
}

.table {
    margin-bottom: 0;
}

.table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}

.table th {
    font-weight: 500;
}

.table td,
.table th {
    padding: 0;
    vertical-align: middle;
    border-top: 0;
}

.table1 td {
    padding: 10px !important;
}

.table thead th {
    vertical-align: middle !important;
}

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
/*** text style ***/

/* size */
.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
}

.txt20 {
    font-size: 20px;
}

.txt30 {
    font-size: 30px;
}

/* color */
.txt_color_w {
    color: #fff;
}

.txt_color_y {
    color: #F2D649;
}

.txt_color_or1 {
    color: #F2A007;
}

.txt_color_or2 {
    color: #F2A007;
}

.txt_color_db {
    color: #40330C;
}

.txt_color_red {
    color: #FF5C33;
}

/* weight */

.txt300 {
    font-weight: 300;
}

.txt500 {
    font-weight: 500;
}

/* line height */
.lh1 {
    line-height: 1;
}

.lh15 {
    line-height: 1.5;
}

.lh2 {
    line-height: 2;
}

.lh25 {
    line-height: 2.5;
}

.lh3 {
    line-height: 3;
}

/* form style */
select {
    padding: 5px 10px;
    height: 44px;
    border-radius: 0;
    border: 1px solid #e9e9e9;
}

/* button style */

button {
    padding: 14px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));
    background-image: linear-gradient(to bottom, #f1f1f1, #ccc);
    color: #3e3e3e;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
}

button.btn_main {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC107), to(#FFC107));
    background-image: linear-gradient(to bottom, #FFC107, #FFC107);
    color: #fff;
}

button.btn_sub {
    background-image: none;
    background-color: #fff;
    border: 1px solid #cecece;
    color: #3e3e3e;
}

button.btn_sub:hover {
    border: 1px solid #F2A007;
    color: #F2A007;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    background: #fff;
}

button.btn_mypage_sub {
    background-image: none;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #3e3e3e;
}

button.btn_mypage_sub:hover {
    background-color: #fff;
    border: 1px solid #4B94F2;
    color: #4B94F2;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.container3,
.inner {
    width: 1200px;
    margin: 0 auto;
}

.hiding {
    display: none;
}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
#header {
    z-index: 11;
    left: 0;
    width: 100%;
}

#header.on {
    position: fixed;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#header.on .top_banner, #header.on .top_banner_test {
    height: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#header .top_banner, #header .top_banner_test, #header .top_banner_uracle {
    width: 100%;
    height: 60px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

@keyframes topbannergradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-webkit-keyframes topbannergradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

#header .top_banner_test {
	background: #ffc823;
}

#header .top_banner_uracle {
	background: #512888;
}

#header .top_banner .inner,
#header .top_banner_test .inner,
#header .top_banner_test .inner {
    position: relative;
    text-align: center;
}

#header .top_banner_test .inner {
    position: relative;
    text-align: center;
	height: 100%;
	background: url(/img/main_img/img_thesol.png) 83px center no-repeat;
}

#header .top_banner_uracle .inner {
    position: relative;
    text-align: center;
	height: 100%;
	background: url(/img/main_img/img_uraclevalue_topbannerlogo.png) 182px center no-repeat;
}

#header .top_banner_test .cont_wrap .cont ul,
#header .top_banner_uracle .cont_wrap .cont ul {
	display: table;
	margin: 16px auto 0;
}

#header .top_banner_test .cont_wrap .cont ul li,
#header .top_banner_uracle .cont_wrap .cont ul li {
	float: left;
}

#header .top_banner_test .cont_wrap .cont ul li p {
	/* À¯¶óŬ ·£µù margin-left: 138px; */
	font-size: 20px;
	font-weight: 400; /* À¯¶óŬ ·£µù 300 */
	line-height: 25px;
	color: #000; /* À¯¶óŬ ·£µù #fff */
}

#header .top_banner_uracle .cont_wrap .cont ul li p {
	margin-left: 138px;
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
	color: #fff;
}

#header .top_banner_test .cont_wrap .cont ul li p strong {
	margin-right: 10px;
	font-weight: 700;
	text-shadow: 0 0 1px #000;
}

#header .top_banner_uracle .cont_wrap .cont ul li p strong {
	font-weight: 700;
	text-shadow: 0 0 1px #000;
}

#header .top_banner_test .cont_wrap .cont ul li span {
	display: inline-block;
	margin-left: 30px;
	padding: 0 15px; /* À¯¶óŬ ·£µù 0 10px 0 15px */
	font-size: 14px;
	font-weight: 400; /* À¯¶óŬ ·£µù 500 */
	line-height: 25px;
	color: #000; /* À¯¶óŬ ·£µù #512888 */
	border: 1px solid #7f6411; /* À¯¶óŬ ·£µù : »èÁ¦ */
	border-radius: 25px;
	/* À¯¶óŬ ·£µù background: rgba(255,255,255,0.9); */
}

#header .top_banner_uracle .cont_wrap .cont ul li span {
	display: inline-block;
	margin-left: 30px;
	padding: 0 10px 0 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	color: #512888;
	border: none;
	border-radius: 25px;
	background: rgba(255,255,255,0.9);
}

#header .top_banner .inner img,
#header .top_banner_test .inner img,
#header .top_banner_uracle .inner img {
    cursor: pointer;
    padding-bottom: 10px;
}

#header .top_banner .inner a#bannerCloseBtn,
#header .top_banner_test .inner a#bannerCloseBtn,
#header .top_banner_uracle .inner a#bannerCloseBtn {
    display: block;
    width: 130px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

#header .top_banner_uracle .inner a#bannerCloseBtn {
	color: #fff;
}

#header .top_banner .inner a#bannerCloseBtn p,
#header .top_banner_test .inner a#bannerCloseBtn p,
#header .top_banner_uracle .inner a#bannerCloseBtn p {
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
}

#header .top_banner .inner a#bannerCloseBtn p,
#header .top_banner .inner a#bannerCloseBtn object,
#header .top_banner_test .inner a#bannerCloseBtn p,
#header .top_banner_test .inner a#bannerCloseBtn object,
#header .top_banner_uracle .inner a#bannerCloseBtn p,
#header .top_banner_uracle .inner a#bannerCloseBtn object {
    float: left;
    line-height: 22px;
}

#header .top_banner .inner a#bannerCloseBtn object,
#header .top_banner_test .inner a#bannerCloseBtn object,
#header .top_banner_uracle .inner a#bannerCloseBtn object {
    display: block;
    width: 10.5px;
    height: 10.5px;
    vertical-align: middle;
}

#header .top_banner .inner .top_banner_close,
#header .top_banner_test .inner .top_banner_close,
#header .top_banner_uracle .inner .top_banner_close {
    position: absolute;
    top: calc(50% - 3px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    color: rgba(255, 255, 255, .75)
}

#header .top_banner .inner .top_banner_close:hover,
#header .top_banner_test .inner .top_banner_close:hover,
#header .top_banner_uracle .inner .top_banner_close:hover {
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#header_wrap {
    width: 100%;
    background: #fff;
    display: block;
    position: relative;
}

#header_wrap .header_box {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

#header_wrap .header_box > .inner {
    width: 1120px;
}

#header_wrap h1.logo {
    margin-top: 16.5px;
    float: left;
}

#header_wrap h1.logo a {
    width: 120px;
    height: 52px;
    text-indent: -9999px;
    background: url(/img/main_img/logo_useschool.svg) no-repeat center;
    background-size: contain;
    display: block;
}

#header_wrap .gnb_main_wrap {
    float: right;
}

#header_wrap .gnb_main_wrap:hover .gnb_sub_wrap {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#header_wrap .gnb_main_wrap ul .gnb_main {
    float: left;
}

#header_wrap .gnb_main_wrap ul .gnb_main a {
    position: relative;
    padding: 0 35px;
    line-height: 85px;
    font-size: 17px;
    font-weight: 500;
    color: #3e3e3e;
}

#header_wrap .gnb_main_wrap ul .gnb_main:last-child a {
    padding-right: 0;
}

#header_wrap .gnb_main_wrap ul .gnb_main a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    margin-top: 7px;
    width: 1px;
    height: 14px;
    background: #e9e9e9;
}

#header_wrap .gnb_main_wrap ul .gnb_main:first-child a:after {
    display: none;
}

#header_wrap .gnb_sub_wrap {
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    position: absolute;
    top: 85px;
    left: 0;
    padding: 20px 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.025);
    box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.025);
    border-top: 1px solid #e9e9e9;
    border-bottom: 2px solid #FFC107;
}

#header_wrap .gnb_sub_wrap ul {
    float: left;
}

#header_wrap .gnb_sub_wrap ul .gnb_sub {
    line-height: 1;
    text-align: center;
}

#header_wrap .gnb_sub_wrap .gnb_sub a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
	color: #3e3e3e;
}

/* 3. service */
.top_service {
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
}

.top_service > .inner {
    position: relative;
}

.alarmring {
    position: relative;
    display: block;
    margin: 11px 0 0 0;
    width: 26px;
    height: 23px;
    text-align: center;
}

.alarmring span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #ed214a;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: 400;
    font-size: 10px;
}

.alarmring_on {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.service_wrap {
    position: relative;
    padding: 0;
    height: 50px;
}

.service_wrap > li.sns_wrap,
.service_wrap > li.user_menu_wrap {
    float: right;
}

.mustread_msg img {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.mustread_msg_test a {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.mustread_msg_test a span {
	margin-right: 3px;
	padding: 0 5px;
	background: #F2A007;
	font-weight: 500;
	color: #fff;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.mustread_msg a:hover {
    color: inherit;
}

.service_wrap > li {
    float: left;
}

.service_wrap > li.bookmark {
    margin: 10px 10px 0 0;
    background: #FFC107;
    border-radius: 50px;
    line-height: inherit;
}

.service_wrap > li.bookmark a {
    text-indent: -9999px;
    display: inline-block;
    padding: 0 15px;

    height: 30px;
}

/* 3-1. pagenavi */
.pagenavi {
    float: left;
}

.pagenavi ul li {
    float: left;
}

.pagenavi ul li div.icon_arrow_next {
    margin-top: 15px;
}

.icon_arrow_next {
    padding: 0 5px;
}

.pagenavi ul li a {
    line-height: 50px;
    font-size: 15px;
    color: #3e3e3e;
}

.pagenavi ul li:last-child a {}

/* 3-2. account */
.user_menu_li_wrap > li {
    position: relative;
    float: left;
    line-height: 46px;
}

.user_menu_li_wrap > li::after {
    content: '';
    float: right;
    width: 1px;
    height: 16px;
    margin-top: 17px;
    background-color: #e9e9e9;
}

.user_menu_li_wrap > li:last-child::after {
    content: none;
}

.user_menu_li_wrap > li > a {
    padding: 10px;
}

.user_menu_li_wrap > li > a:hover {
    color: inherit;
}

/* 3-2-1. account : ·Î±×ÀÎ Àü */
.bf_login_wrap {
    float: left;
}

.bf_login_wrap .txt_color_or1:hover {
    color: #F2A007;
}

.bf_login_wrap ul li:nth-child(3) {
    position: relative;
}

/* 3-2-2. account : ·Î±×ÀÎ ÈÄ */
.af_login_c_wrap {
    float: left;
}

/* 3-2-2-1. account sub menu */
.account_downmenu_wrap {
    z-index: 20;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 5px 10px;
    width: 104px;
    background-color: #fff;
    line-height: 2;
    border: 1px solid #e9e9e9;
}

.account_downmenu_wrap li a:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    color: inherit;
}

.bf_login_wrap a,
.af_login_c_wrap a,
.af_login_t_wrap a {
    font-size: 13px;
}

.icon_arrow_down {
    display: inline-block;
}

.account_name > span {
    border: 1px solid #e9e9e9;
    padding: 0 10px;
    border-radius: 50px;
    font-size: 12px;
}

.account_name > span > a {
    padding-left: 0;
}

.account_name > span > a > d {
    padding-left: 0;
}

/* 3-3. sns */
.sns_wrap .sns_li_wrap {
    padding: 0;
    height: 30px;
}

.sns_wrap .sns_li_wrap li {
    float: left;
    margin-left: 5px;
    line-height: 45px;
}

.sns_wrap .sns_li_wrap li a img {
    width: 25px;
}

/*--------------------------------------------------------------
# contents
--------------------------------------------------------------*/
/* ¼­ºê ¹è³Ê */
.sub_banner {
    width: 100%;
    height: 200px;
}

.sub_banner .inner {
    height: 200px;
}

.sub_banner_intro {
    background: url(/img/sub_img/img_banner_intro.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_grade {
    background: url(/img/sub_img/img_banner_curriculum_grade.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_subject {
    background: url(/img/sub_img/img_banner_curriculum_subject.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_object {
    background: url(/img/sub_img/img_banner_object.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_register {
    background: url(/img/sub_img/img_banner_register.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}



.sub_banner_event {
    background: url(/img/sub_img/img_banner_event.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_mypage {
    background: url(/img/sub_img/img_banner_mypage.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.sub_banner_cs {
    background: url(/img/sub_img/img_banner_cs.png);
    background-color: #ffe748;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}


/* 1. ÁÂÃø snb */
/* 1-1. snb */
.snb_wrap,
.mypage_snb_wrap {
    float: left;
    width: 240px;
    /*360px;*/
    position: absolute;
    /* 11-02 Ãß°¡ */
    top: 180px;
    /* 11-02 Ãß°¡ */
}

.snb_wrap > ul > li > a {
    padding: 10px 0;
    font-size: 20px;
    line-height: 2;
}

.snb_wrap ul li.snb_on a {
    color: #F2A007;
}

.snb_wrap ul li a:hover {
    text-decoration: underline;
    color: #F2A007;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#snb_wrap_test {
    position: absolute;
    padding: 30px;
    width: 190px;
    top: 187px;
    left: -35px;
    border: 1px solid #dbdbdb;
}

#snb_wrap_test > h2 {
    font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: #5b5b5a;
}

.snb_wrap_test .pagename {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: #5b5b5a;
}

.snb_wrap_test ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9e9e9;
}

.snb_wrap_test ul li:first-child {
    margin-top: 0;
}

.snb_wrap_test ul li {
    margin-top: 5px;
}

.snb_wrap_test ul li a {
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: #797978;
}

.snb_wrap_test ul li.snb_on a {
    color: #f2a007;
    font-weight: 400;
}

.snb_wrap_test ul li a:hover {
    color: #f2a007;
    font-weight: 400;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

/* 1-2. ¸¶ÀÌÆäÀÌÁö snb */

/*** ¿ìÃø ***/
.conts_wrap {
    float: right;
    width: 80%;
	min-height: 500px;
}

/* sec01 */
.conts_wrap .sec01 {
    margin-bottom: 100px;
}

.conts_wrap h3::before {
    margin-bottom: 15px;
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    background: #ffc823;
}

.conts_wrap h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #3d3d3c;
}

.conts_wrap h3 span {
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    color: #3d3d3c;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
/*** Æ©Å͸ð´Þ ***/
.tutor_modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background: rgba(0, 0, 0, 0.7);
}

.tutor_modal .modal_wrap {
    position: relative;
    height: 90%;
}

.tutor_modal .modal_wrap .modal_content {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    margin: 0 auto;
    padding: 40px 50px 50px;
    width: 960px;
    height: 100%;
    border-radius: 20px;
    background: #fff;
}

.tutor_modal .modal_wrap .modal_content > div {
    height: 100%;
}

.tutor_modal .modal_wrap .modal_content > ul {
    position: relative;
    text-align: center;
    /* overflow-y: scroll; */
    /* padding: 30px 50px; */
    height: 100%;
}

.tutor_modal_top {
    margin-bottom: 20px;
    height: 36px;
}

.tutor_modal_2th {
    height: 192px;
}

.tutor_modal_top li {
    float: left;
    font-size: 24px;
}

.tutor_modal_top li:last-child {
    float: right;
    color: #F24405;
}

.tutor_modal_top li:last-child span:first-child {
    display: inline-block;
    width: 22px;
    height: 36px;
}

.tutor_modal_top li:last-child span:last-child {
    font-weight: 600;
    color: #F24405;
}

/* Æ©Å͸ð´Þ section 01 */
.tutor_detail_sec1 {
    position: relative;
    float: left;
    padding: 30px;
    border: 1px solid #e9e9e9;
    width: 66.66666%;
    border-radius: 20px;
}

.tutor_detail_sec1-1 {
    position: relative;
    float: right;
    padding-left: 30px;
    border: 0px solid #e9e9e9;
    border-left: 0;
    width: 33.33333%;
    height: 192px;
}

/*
.maintutor_modal .tutor_detail_sec1 {
    border: 1px solid #ffc107;
}

.univtutor_modal .tutor_detail_sec1 {
    border: 1px solid #8bc34a;
}

.nativetutor_modal .tutor_detail_sec1 {
    border: 1px solid #4b94f2;
}
*/

.tutor_detail_sec1-1 > ul {
    margin-bottom: 10px;
    width: 100%;
}

.tutor_detail_sec1-1 > ul li {
    float: left;
    font-size: 14px;
}

.tutor_detail_sec1-1 > ul.btn_m1 li {
    float: left;
    font-size: 14px;
    width: 100%;
}

.tutor_detail_sec1-1 > ul.btn_m3 li {
    width: 33.33333%;
}

.tutor_detail_sec1-1 > ul.btn_m2 li {
    width: 50%;
}

.tutor_detail_sec1-1 > ul li button {
    padding: 0;
    width: 100%;
    border-radius: 0;
    line-height: 40px;
    border: 1px solid #e9e9e9;
    color: #9e9e9e;
}

.tutor_detail_sec1-1 > ul li button:hover {
    color: #9e9e9e;
    border-color: #e9e9e9;
}

.tutor_detail_sec1-1 > ul.btn_m1 li button {
    border-radius: 10px;
}

.tutor_detail_sec1-1 > ul.btn_m2 li:first-child button,
.tutor_detail_sec1-1 > ul.btn_m3 li:first-child button {
    border-radius: 10px 0 0 10px;
}

.tutor_detail_sec1-1 > ul.btn_m2 li:last-child button,
.tutor_detail_sec1-1 > ul.btn_m3 li:last-child button {
    border-radius: 0 10px 10px 0;
}

.tutor_detail_sec1-1 > ul.btn_m3 li button,
.tutor_detail_sec1-1 > ul.btn_m2 li button {
    border-right: 0px;
}

.tutor_detail_sec1-1 > ul.btn_m3 li:first-child button {}

.tutor_detail_sec1-1 > ul.btn_m3 li:first-child button.on,
.tutor_detail_sec1-1 > ul.btn_m2 li:first-child button.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul.btn_m3 li:nth-child(2) button {}

.tutor_detail_sec1-1 > ul.btn_m3 li:nth-child(2) button.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul.btn_m3 li:last-child button,
.tutor_detail_sec1-1 > ul.btn_m2 li:last-child button {
    border-right: 1px solid #e9e9e9;
}

.tutor_detail_sec1-1 > ul.btn_m3 li:last-child button.on,
.tutor_detail_sec1-1 > ul.btn_m2 li:last-child button.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul li button.btn_sub1.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul li button.btn_sub3.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul li button.btn_sub6.on {
    border: 1px solid #F24405;
    color: #F24405;
}

.tutor_detail_sec1-1 > ul li button.btn_sub12.on {
    border: 1px solid #F24405;
    color: #F24405;
}

/*
#tutor_modal_css_type .tutor_detail_sec1-1 > ul li button:hover {
    border: 1px solid #F24405;
    color: #F24405;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
*/

/*
.maintutor_modal .tutor_detail_sec1-1 > ul li button {
    border: 1px solid #ffc107;
    color: #ffc107;
}
.maintutor_modal .tutor_detail_sec1-1 > ul li button:hover {
    border: 1px solid #ffc107;
    background: #ffc107;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.univtutor_modal .tutor_detail_sec1-1 > ul li button {
    border: 1px solid #8bc34a;
    color: #8bc34a;
}
.univtutor_modal .tutor_detail_sec1-1 > ul li button:hover {
    border: 1px solid #8bc34a;
    background: #8bc34a;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nativetutor_modal .tutor_detail_sec1-1 > ul li button {
    border: 1px solid #4b94f2;
    color: #4b94f2;
}

.nativetutor_modal .tutor_detail_sec1-1 > ul li button:hover {
    border: 1px solid #4b94f2;
    background: #4b94f2;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
*/

/*
.tutor_detail_sec1 > ul li button.tutor_detail_month_on {
    color: #fff;
}

.tutor_detail_sec1 > ul li button.tutor_detail_month_on:hover {
    color: #fff;
}
.maintutor_modal .tutor_detail_sec1 > ul li button.tutor_detail_month_on {
    background: #ffc107;
}

.univtutor_modal .tutor_detail_sec1 > ul li button.tutor_detail_month_on {
    background: #8bc34a;
}

.nativetutor_modal .tutor_detail_sec1 > ul li button.tutor_detail_month_on {
    background: #4b94f2;
}

.tutor_detail_sec1 > button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 0;
    width: 147px;
    border-radius: 0;
    line-height: 30px;
    font-size: 14px;
}
*/

/*
.maintutor_modal button.btn_sub:hover {
    border: 1px solid #ffc107;
    color: #ffc107;
}

.univtutor_modal button.btn_sub:hover {
    border: 1px solid #8bc34a;
    color: #8bc34a;
}

.nativetutor_modal button.btn_sub:hover {
    border: 1px solid #4b94f2;
    color: #4b94f2;
}

.maintutor_modal .tutor_detail_sec1 button.gopay {
    border: 1px solid #ffc107;
    background: #ffc107;
    color: #fff;
}

.univtutor_modal .tutor_detail_sec1 button.gopay {
    border: 1px solid #8bc34a;
    background: #8bc34a;
    color: #fff;
}

.nativetutor_modal .tutor_detail_sec1 button.gopay {
    border: 1px solid #4b94f2;
    background: #4b94f2;
    color: #fff;
}
*/

.tutor_classinfo {
    width: 550px;
}

.tutor_classinfo tbody tr th {
    font-weight: 500;
}

.tutor_classinfo tbody tr th,
.tutor_classinfo tbody tr td {
    height: 30px;
    font-size: 15px;
}

.tutor_classinfo tbody tr td {
    font-weight: 400;
}

.tutor_classinfo tbody tr td div.tutor-picture_wrap {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 120px;
}

.tutor_classinfo tbody tr td div.tutor-picture_wrap img {
    width: 100%;
}

.tutor_classinfo tbody tr:first-child td:first-child {
    /* Æ©ÅÍ»çÁø */
    padding: 5px 30px 5px 0;
    width: 120px;
}

.tutor_classinfo tbody tr:first-child td:nth-child(2) {
    /* Æ©Å͸í */
    font-size: 18px;
}

.tutor_classinfo .starred ul li {
    float: left;
    padding-right: 5px;
}

.tutor_classinfo .starred .star {
    color: #ffe083;
}

/*
.maintutor_modal .starred .star {
    color: #ffc107;
}

.univtutor_modal .starred .star {
    color: #8bc34a;
}

.nativetutor_modal .starred .star {
    color: #4b94f2;
}
*/

.nostar {
    color: #e9e9e9;
}

.tutor_classinfo tbody tr:first-child td:nth-child(2) > div {
    float: left;
}

.tutor_classinfo tbody tr:first-child td:nth-child(2) > div:first-child {
    margin-right: 20px;
}

.tutor_classinfo tbody tr:first-child td:nth-child(2) > div:first-child span {
    font-size: 18px;
    font-weight: 500;
}

.tutor_classinfo tbody tr:first-child td:nth-child(2) > div:last-child span {
    padding-left: 10px;
    font-weight: 500;
    line-height: 22px;
}

/* Æ©Å͸ð´Þ section 02 */
.tutor_detail_sec2 {
    margin-top: 30px;
    clear: both;
    height: calc(100% - 298px);
}

.tutor_detail_sec2 > ul {
    margin-bottom: 10px;
}

.tutor_detail_sec2 > ul li {
    float: left;
    width: 33.33333%;
    border: 1px solid #e9e9e9;
    text-align: center;
}

.tutor_detail_sec2 > ul.tutor_detail_sec2_tab {
    height: 52px;
}

.tutor_detail_sec2 > ul.tutor_detail_sec2_tab3 li {
    width: 33.33333%;
}

.tutor_detail_sec2 > ul.tutor_detail_sec2_tab2 li {
    width: 50%;
}

.tutor_detail_sec2 > ul.tutor_detail_sec2_tab2 li:last-child {
    border-left: 1px solid #e9e9e9;
}

.tutor_detail_sec2 > ul li:first-child {
    border-right: 0;
}

.tutor_detail_sec2 > ul li:nth-child(2) {}

.tutor_detail_sec2 > ul li:last-child {
    border-left: 0;
}

.guidetable {
    padding: 15px;
}

.guidetable,
.timetable,
.classreview {
    height: 50%;
}

.tutor_detail_sec2 > ul.tutor_detail_sec2_tab1 li {
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.tutor_detail_sec2 > ul li {
    background: #f9f9f9;
    border-radius: 20px 20px 0 0;
}

.tutor_detail_sec2 > ul li a {
    color: #aeaeae;
}

.tutor_detail_sec2 > ul li.sec2_tab_on {
    background: #fff;
    border-bottom: 0;
}

.tutor_detail_sec2 > ul li.sec2_tab_on a {
    color: #3e3e3e;
    font-weight: 500;
}

/*
.maintutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on {
    border-bottom: 2px solid #ffc107;
}

.univtutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on {
    border-bottom: 2px solid #8bc34a;
}

.nativetutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on {
    border-bottom: 2px solid #4b94f2;
}
*/

/*
.maintutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on a {
    color: #ffc107;
}

.univtutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on a {
    color: #8bc34a;
}

.nativetutor_modal .tutor_detail_sec2 > ul li.sec2_tab_on a {
    color: #4b94f2;
}

.maintutor_modal .tutor_detail_sec2 > ul li:hover a {
    color: #ffc107;
}

.univtutor_modal .tutor_detail_sec2 > ul li:hover a {
    color: #8bc34a;
}

.nativetutor_modal .tutor_detail_sec2 > ul li:hover a {
    color: #4b94f2;
}
*/

.tutor_detail_sec2 > ul li a {
    line-height: 50px;
}

.tutor_detail_sec2 > div {
    height: 30%;
    overflow-y: scroll;
    border: 1px solid #e9e9e9;
    border-radius: 0 0 20px 20px;
    /* -ms-overflow-style: none; */
}

/*
.tutor_detail_sec2 > div::-webkit-scrollbar {
    display: none;
}
*/

/* Æ©Å͸ð´Þ section 02-1 : Ŭ·¡½º¼Ò°³ */

.tutor_detail_sec2 .timetable table tbody tr {
    border-bottom: 0;
}

.tutor_detail_sec2 .timetable table tbody tr th {
    height: 40px;
    background: #fff;
    font-weight: 500;
}

.tutor_detail_sec2 .timetable table tbody tr th,
.tutor_detail_sec2 .timetable table tbody tr td {
    text-align: center;
}

.tutor_detail_sec2 .timetable table tbody tr td {
    height: 50px;
    text-align: center;
}

.tutor_detail_sec2 .timetable p {
    margin-top: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #9e9e9e;
    text-align: right;
}

/* Æ©Å͸ð´Þ section 02-3 : ÇнÀÀÚ¸®ºä */
/*
.tutor_detail_sec2 .classreview table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}
*/

.tutor_detail_sec2 .classreview table tbody tr td {
    padding: 10px 0;
    text-align: center;
}

.tutor_detail_sec2 .classreview table tbody tr td:nth-child(2) {
    padding: 5px 10px;
    text-align: left;
}

.tutor_detail_sec2 .classreview table tbody tr td.review_img img {
    width: 70px;
}

.tutor_detail_sec2 .table tbody tr:nth-child(2n) th,
.tutor_detail_sec2 .table tbody tr:nth-child(2n) td {
    background: #fff;
}

.tutor_detail_sec2 .classreview .table tbody tr:nth-child(2n-1) th,
.tutor_detail_sec2 .classreview .table tbody tr:nth-child(2n-1) td {
    background: #fff;
}

/* Æ©ÅÍ ·Ñ¸µ */
.tutor_li_wrap {
    overflow: hidden;
}

.review_txt {
    font-size: 15px;
}

/* btn ´Ý±â */
.closeModal {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
}

.closeModal a {
    display: block;
}

.tutor_info_wrap span {
    font-size: 30px;
}

/* °¡°Ý */
.sticker-sale {
    z-index: 100;
    display: none;
    position: absolute;
    top: 38px;
    left: -32px;
    width: auto;
    height: 2.2em;
    padding: 0 1.5em;
    margin-top: -.5em;
    margin-left: 1em;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    line-height: 2.2;
    letter-spacing: -1px;
    background-color: #F23D3D;
    font-weight: 500;
}

.sticker-sale:before {
    content: '';
    position: absolute;
    width: 1em;
    height: 0;
    top: 0;
    bottom: 0;
    right: -.8em;
    margin: auto;
    border-top: 1.1em solid #F23D3D;
    border-bottom: 1.1em solid #F23D3D;
    border-left: 0;
    border-right: .8em solid transparent;
}

.sticker-sale:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -.55em;
    left: 0;
    border-top: .55em solid #4e4e4e;
    border-bottom: 0;
    border-left: .6em solid transparent;
    border-right: 0;
}

/* ÇÁ·ÎÇÊ */
.tutor_profile {
    float: left;
}

.tutor_profile ul {
    margin: 0 auto;
    padding: 14px 0 34px;
    width: 291px;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
}

.tutor_profile ul li.tutor_name {
    font-size: 20px;
}

.tutor_profile ul li img {
    padding: 10px 0 25px;
    width: 130px;
    border-radius: 200px;
}

.btn_msg {
    display: block;
    position: absolute;
    top: 10px;
    left: calc(50% + 50px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50px;
    background: #F2D649;
}

.btn_msg div {
    padding: 6px 0 0 1px;
    width: 34px;
    height: 34px;
}

.btn_apply a {
    padding: 5px 20px;
    border: 1px solid #4B94F2;
    border-radius: 5px;
    font-size: 16px;
    background: #fff;
    color: #4B94F2;
}

/* ǥ */
.tutor_info {
    float: right;
    width: 552px;
}

.tutor_info table {
    width: 100%;
}

/*
.tutor_info table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}
*/

.tutor_info table tbody tr:first-child {
    border-top: 1px solid #cecece;
}

.tutor_info table tbody tr:first-child th {
    font-size: 20px;
    line-height: 2.5;
    font-weight: 500;
}

.tutor_info table tbody tr th {
    background: #f9f9f9;
    font-weight: 500;
}

.tutor_info table tbody tr th,
.tutor_info table tbody tr td {
    line-height: 3.32;
}


/* ¹öÆ° */
.btn_choice_period {
    padding-top: 20px;
    clear: both;
}

.btn_choice_period ul {
    margin: 0 auto;
    display: table;
}

.btn_choice_period ul li {
    margin-right: 20px;
    float: left;
}

.btn_choice_period ul li:last-child {
    margin: 0;
}

.btn_choice_period ul li button {
    padding: 0;
    border: 1px solid #4B94F2;
    width: 100px;
    height: 40px;
    background: #4B94F2;
    color: #fff;
}

.btn_choice_period ul li button.btn_main_off {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    color: #aeaeae;
}

/* ÅÇ 01 */
.tutor_tab {
    clear: both;
}

.tutor_tab > ul > li {
    float: left;
    width: 33.33333%;
}

.tutor_tab > ul > li > a {
    display: block;
    padding: 10px 0;
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: 1px solid #9e9e9e;
    background: #fff;
    color: #aeaeae;
}

.tutor_tab > ul > li:last-child a {
    border-right: 1px solid #e9e9e9;
}

.tutor_tab > ul > li.tutor_tab_on a {
    display: block;
    padding: 10px 0;
    background: #3e3e3e;
    border: 1px solid #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
    color: #fff;
}

.timetable table {
    width: 100%;
}

.timetable table tr {
    line-height: 3;
}

.timetable_top th {
    background: #f9f9f9;
}

/* ÅÇ 02 */
.review table {
    width: 100%;
}

.review table tr {
    line-height: 1.5;
}

.review table tr td {
    padding: 15px 0;
}

.review table tr:nth-child(2n) td {
    background: #f9f9f9;
}

.review table tr td.review_img {}

.review table tr td.review_name {}

.review table tr td.review_txt {
    padding: 15px;
    text-align: left;
}

.review table tr td.review_starred ul {
    display: table;
    margin: 0 auto;
}

.review table tr td.review_starred ul li {
    float: left;
    width: 16px;
    margin-right: 5px;
}

.review table tr td.review_starred ul li:last-child {
    margin-right: 0;
}

/* paging */
.paging li {
    float: left;
    line-height: 2;
    min-width: 34px;
    text-align: center;
    border: 1px solid #e9e9e9;
    border-right: 0;
}

.paging li:last-child {
    border-right: 1px solid #e9e9e9;
}

.paging li a {
    padding: 0 8px;
    border: 0;
}

.page_now {
    background-color: #eee;
}

.paging li a span {
    font-size: 1rem;
    color: #3e3e3e;
}

/* form */
.form_title {
    padding-bottom: 20px;
    text-align: center;
    font-size: 24px;
    color: #3e3e3e;
}

.form_title,
.form_sub_title {
    margin: 0;
    padding: 0;
    text-align: left;
}

.form_title {
    font-size: 24px;
    line-height: 1;
    color: #3e3e3e;
}

.form_title p {
    margin: 0;
}

.form_box {
    background: #fff;
    border: 2px solid #ffc823;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.05);
}

.form_box select {
    height: 44px;
    border-radius: 0;
}

input[type=text],
input[type=password] {
    width: 150px;
    margin: 0;
    padding: 5px 10px;
    height: 44px;
    border-radius: 0;
    display: inline-block;
    border: 1px solid #ccc;
}

.phone ul li {
    float: left;
    padding: 0 14px;
    position: relative;
}

.phone ul li:first-child {
    padding-left: 0;
}

.phone ul li::after {
    content: '';
    width: 8px;
    height: 1px;
    background: #3e3e3e;
    position: absolute;
    top: 50%;
    right: -4px;
}

.phone ul li:last-child::after {
    content: none;
}

.phone ul li select {
    width: 90px;
}

.phone ul li input {
    width: 90px;
}

.btn_apply div {
    margin: 0 auto;
}

/* Á¶°Ç */
.filter_wrap {
    background: #f9f9f9;
}

.filter_box {
    margin-top: 50px;
    padding: 0 10px;
}

.filter_box h4,
.search_result h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
}

.search_result_txt {
    margin: 0 9px 0 7px;
}

.more_option {
    background: #fff;
    padding: 10px 30px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.more_option table {
    width: 100%;
}

.more_option table tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

.more_option table tbody tr:last-child {
    border-bottom: 0;
}

.more_option table tbody tr th {
    font-weight: 500;
    font-size: 14px;
}

.more_option table tbody tr th,
.more_option table tbody tr td {
    padding-left: 10px;
    height: 60px;
}

.more_option table tbody tr td {
    padding: 0;
    line-height: 3;
}

.more_option ul {
    font-size: 14px;
}

.more_option ul li {
    position: relative;
    margin-left: 10px;
    float: left;
    text-align: center;
}

.more_option ul li a {
    display: inline-block;
    padding-left: 22px;
    width: 60px;
    line-height: 17px;
    font-size: 14px;
    text-align: left;
    color: #5e5e5e;
}

/*
.more_option ul li a:hover,
.more_option ul li a:active,
.more_option ul li a:link {
    color: inherit;
}
*/

.more_option table tbody tr.filter_age td ul li a {
    width: 80px;
}

.more_option table tbody tr.filter_course td ul li a {
    width: 170px;
}

.more_option table tbody tr.filter_time td ul li a {
    width: 130px;
}

.more_option ul li a::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 2px;
    background: url(/img/sub_img/chkbox.png) no-repeat 0px 0px;
    content: '';
    display: inline-block;
    height: 17px;
    width: 17px;
    vertical-align: middle;
}

.more_option ul li.chosen a::before {
    background: url(/img/sub_img/chkbox_on.png) no-repeat 0px 0px;
    content: '';
    display: inline-block;
    height: 17px;
    width: 17px;
}

.more_option ul li.chkbox_deact a::before {
    background: url(/img/sub_img/chkbox_deact.png) no-repeat 0px 0px;
    content: '';
    display: inline-block;
    height: 17px;
    width: 17px;
}

.more_option ul li.chkbox_deact a {
    color: #ccc;
    width: 85px;
}

/* ¼ö°­½Åû step2 : Æ©Åͼ±Åà */
.search_result {
    margin-top: 30px;
}

.search_result h4 {
    float: left;
}

.tutortype {
    float: right;
    margin-right: 10px;
    margin-bottom: 5px;
}

.tutortype li {
    margin-left: 15px;
    float: left;
    line-height: 20px;
}

.tutortype li span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.tutortype li span svg {
    vertical-align: middle;
}

.tutortype li span:first-child {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 400;
}

.tutortype li span:last-child {
    margin-left: -5px;
}

/* tutorchoice */
.tutorchoice {
    float: left;
    position: relative;
    margin: 7px;
    padding: 30px;
    width: 465px;
    height: 270px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
}

.tutorchoice.tutortype_ready {
    height: 297px;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    text-align: center;
    line-height: 234px;
}

/* .tutorchoice hover */
.tutorchoice:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.tutorchoice_hoverbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 5;
    opacity: 0;
    border-radius: 20px;
}

.tutorchoice_hoverbtn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
}

.tutorchoice_hoverbtn span a {
    display: block;
    line-height: 95px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.tutorchoice_hoverbtn span a:not([href]):not([tabindex]) {
    color: #fff;
}

.tutorchoice_hoverbtn span.btn_ing {
    background: #fff;
    border: 1px solid #F24405;
}

.tutorchoice_hoverbtn span.btn_ing a {
    color: #F24405;
}

.tutorchoice_hoverbtn span.btn_end {
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
}

.tutorchoice_hoverbtn span.btn_end a {
    color: #6e6e6e;
}

.tutorchoice .condition {
    position: absolute;
    top: 0;
    right: 10px;
}

.tutorchoice > table {
    width: 100%;
    cursor: pointer;
    table-layout: fixed;
    word-break: break-all;
}

.tutorchoice > table > tbody > tr > td {
    height: 30px;
}

.tutorchoice > table > tbody > tr:first-child > td:first-child {
    position: relative;
}

.tutorchoice > table > tbody > tr:first-child > td:first-child > div {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    overflow: hidden;
}

.tutorchoice > table > tbody > tr:first-child > td:first-child > div > img {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    overflow: hidden;
}

.tutorchoice > table > tbody > tr:first-child > td:first-child > span:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid #e9e9e9;
    text-align: center;
    padding-top: 3px;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span {
    float: left;
    margin-right: 5px;
    font-size: 16px;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span svg {
    vertical-align: middle;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span.typeicon {
    margin-right: 5px;
    line-height: 30px;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span.typeicon_main {
    color: #ffc107;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span.typeicon_univ {
    color: #8bc34a;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span.typeicon_native {
    color: #4b94f2;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > span.typeicon svg {
    vertical-align: middle;
}

.tutorchoice > table > tbody > tr:first-child > td:nth-child(2) > div {
    float: left;
}

.tutorchoice .starred {
    margin-left: 10px;
}

.tutorchoice .starred ul {
    float: left;
    margin: 0 auto;
    display: table;
}

.tutorchoice .starred ul li {
    float: left;
    padding-right: 5px;
}

.tutorchoice .starred ul li:last-child {
    padding-right: 0;
}

.tutorchoice .starred > span {
    float: left;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 500;
}

.tutorchoice .starred ul li > div {
    font-size: 16px;
}

.tutorchoice .nostar {
    color: #e9e9e9;
}

.tutorchoice .star {
    color: #ffe083;
}

.tutorchoice table tbody tr:nth-child(1) {
    font-size: 18px;
}

.tutorchoice table tbody tr:nth-child(1) span {
    font-weight: 500;
}

.tutorchoice table tbody tr td table.bar_wrap {
    width: 100%;
}

.tutorchoice table tbody tr td table .nop_bar_wrap > span,
.tutorchoice table tbody tr td table .nop_bar_wrap > div {
    display: inline-block;
}

.tutorchoice table tbody tr td table .nop_bar_wrap > span {
    margin-right: 10px;
    line-height: 20px;
}

.tutorchoice table tbody tr td table .nop_bar_wrap > span:last-child {
    margin-right: 0;
}

.tutorchoice table tbody tr td table .nop_bar_wrap .nop_bar {
    margin-right: 10px;
    width: 100%;
    height: 15px;
    background: #f9f9f9;
    border-radius: 50px;
}

.tutorchoice table tbody tr td table .nop_bar_wrap .nop_bar span {
    display: block;
    width: 50%;
    height: 15px;
    background: #ffe083;
    border-radius: 50px;
}




/*
.tutortype_main .tutorchoice_hoverbtn span {
    background: #ffc107;
}

.tutortype_univ .tutorchoice_hoverbtn span {
    background: #8bc34a;
}

.tutortype_native .tutorchoice_hoverbtn span {
    background: #4b94f2;
}
*/


/*
.tutortype_main .star {
    color: #FFC107;
}

.tutortype_univ .star {
    color: #8bc34a;
}

.tutortype_native .star {
    color: #4b94f2;
}
*/

/*
.tutortype_main {
    border: 2px solid #FFC107;
}

.tutortype_main:hover {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 193, 7, 0.025);
    box-shadow: 0px 0px 5px 5px rgba(255, 193, 7, 0.1);
}

.tutortype_univ {
    border: 2px solid #8bc34a;
}

.tutortype_univ:hover {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(139, 195, 74, 0.025);
    box-shadow: 0px 0px 5px 5px rgba(139, 195, 74, 0.1);
}

.tutortype_native {
    border: 2px solid #4b94f2;
}

.tutortype_native:hover {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(75, 148, 242, 0.025);
    box-shadow: 0px 0px 5px 5px rgba(75, 148, 242, 0.1);
}
*/

/*
.tutortype_main .nop_bar span {
    background: #FFC107;
}

.tutortype_univ .nop_bar span {
    background: #8bc34a;
}

.tutortype_native .nop_bar span {
    background: #4b94f2;
}
*/





.choice_tutor {
    position: relative;
    padding: 20px 0 0;
    background: #f9f8f5;
}

.choice_tutor > img {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 20px;
}

.tutorli_wrap {
    width: 100%;
}

.tutorli_wrap > div {
    float: left;
    margin: 0 10px 17px 0;
}

.tutorli_wrap > div:nth-child(3n) {
    margin-right: 0;
}

.tutor {
    margin: 0px;
    width: 220px;
    height: 308px;
    position: relative;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    text-align: center;
}

.tutor:hover {
    border: 2px solid #ffc823;
    cursor: pointer;
}

.tutor > li:first-child {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    font-size: 14px;
}

.tutor > li:nth-child(2) {
    line-height: 1;
    padding: 45px 0 10px;
}

.tutor > li:nth-child(3) {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.tutor > li:nth-child(3) > img {
    border-radius: 125px;
    width: 100px;
}

.tutor > li:nth-child(4) {
    line-height: 1.5;
    padding: 20px 20px;
}

.tutor > li.progressbar_wrap {
    padding: 0 20px;
}

.tutor > li.progressbar_wrap > ul {
    font-size: 15px;
}

.tutor > li.progressbar_wrap > ul > li:first-child {
    float: left;
    width: 20%;
    line-height: 20px;
}

.tutor > li.progressbar_wrap > ul > li:nth-child(2) {
    float: left;
    width: 60%;
    line-height: 20px;
    background: #eee;
    border-radius: 10px;
}

.tutor > li.progressbar_wrap > ul > li:nth-child(2) span {
    float: left;
    display: inline-block;
    width: 50%;
    background: -webkit-gradient(linear, left top, right bottom, from(#ffcf40), to(#ffb400));
    background: linear-gradient(to right bottom, #ffcf40, #ffb400);
    color: #fff;
    border-radius: 16px 0 0 16px;
}

.tutor > li.progressbar_wrap > ul > li:nth-child(3) {
    float: left;
    width: 65%;
    line-height: 20px;
    background: #eee;
    border-radius: 10px;
}

.tutor > li.progressbar_wrap > ul > li:nth-child(3) span:first-child {
    float: left;
    display: inline-block;
    width: 25%;
    background: -webkit-gradient(linear, left top, right bottom, from(#ffcf40), to(#ffb400));
    background: linear-gradient(to right bottom, #ffcf40, #ffb400);
    color: #fff;
    border-radius: 16px;
    text-indent: -9999px;
}

.tutor > li.progressbar_wrap > ul > li:nth-child(3) span:last-child {
    float: left;
    padding-left: 5px;
}

.tutor > li.progressbar_wrap > ul > li:last-child {
    float: left;
    width: 15%;
    line-height: 20px;
}

.tutor:hover .tutor_level {
    background: #ffc823;
}

.tutor_level {
    width: 50px;
    height: 25px;
    border-radius: 0 0 25px 25px;
    background: #eee;
    color: #3e3e3e;
    line-height: 22px;
}

.more_view ul {
    margin: 0 auto;
    display: table;
}

.more_view li {
    float: left;
    margin: 0 5px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	margin: 0 auto;
	max-width: 1920px;
    background-color: #fff;
    /* border-top: 1px solid #eee; */
    padding-bottom: 10px;
}

footer .footer_wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}

.footer_logo img {
    width: 200px;
}

.footer_wrap > li,
.footer_btnwrap li {
    float: left;
}

.footer_btnwrap li {
    line-height: 48px;
}

.footer_btnwrap li a {
    font-size: 15px;
}

.footer_btnwrap li::after {
    content: '';
    float: right;
    width: 1px;
    height: 16px;
    margin-top: 17px;
    background-color: #e9e9e9;
}

.footer_btnwrap li:last-child::after {
    content: none;
}

.footer_btnwrap li a {
    padding: 0 10px;
    color: #3e3e3e;
}

.footer_btnwrap li a:hover {
    color: #3e3e3e;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}