@charset "utf-8";

::-moz-selection { background:#2d409c ; color:#fff; }
::selection { background:#2d409c ; color:#fff; }

* { margin:0; padding:0; }
html { width:100%; /*height:100%;*/ }
body { width:100%; /*height:100%;*/ font-size:14px; font-weight:400; line-height:1.5; 
       -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-text-size-adjust:100%; }
ul,ol,li	{ list-style:none; }
img,hr { border:none; }
img { vertical-align:middle; border:0px; }
p { max-height:999999px; }

table { width:100%; border-spacing:0; }
th,td { vertical-align:middle; }

a { vertical-align:top;  }


input[type=file] { display:inline-block; height:40px; line-height:40px; vertical-align:top; }
input,select { vertical-align:middle; outline:none; }
input[type=text],
input[type=number],
input[type=email],
input[type=password] { display:inline-block; min-width:220px; height:40px; padding:10px 15px 10px 15px; border:1px solid #dbdbdb; background:#fff; font-size:14px;  box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; }
select {
    display:inline-block;
    min-width:190px;
    height:40px;
    padding:0 0 0 10px;
    border:none;
    font-size:14px;
    line-height:38px;

    box-sizing:border-box;
    border:1px solid #dbdbdb;
    background:#fff url('../image/select.png') right 5px center no-repeat;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
select::-ms-expand { display:none; }
textarea { display:inline-block; width:100%; padding:10px 15px 10px 15px; border:1px solid #e2e2e2; background:#fff; font-size:16px;  box-sizing:border-box; outline:none; }
input[type=file],input[type=image],input[type=reset],input[type=button],input[type=submit] { cursor:pointer; }
input[type=submit],input[type=button] { background:none; -webkit-appearance:none; border-style:none; }
button[type=button],button[type=submit] { border-style:none; outline:none; cursor:pointer; }
input[type='radio'], input[type='checkbox'] { position:relative; -webkit-box-align:baseline; }

*::-webkit-input-placeholder { color:#666 !important; }
*::-moz-placeholder { color:#666 !important; }
*:-ms-input-placeholder { color:#666 !important; }
*:-moz-placeholder { color:#666 !important; }




.hide {display:none !important;}
/*:root{*/
/*--green:#17ab7d;*/
/*--blue:#505ed1;*/
/*}*/


button {
    border: none;
    background: none;
    border-radius: 0;
}


select::-ms-expand {
    display: none;
}


input[type=submit] {-webkit-appearance:none;}

input[type=submit] {-webkit-appearance:none;}
input[type=checkbox]{
    display: none;
}


input[type=checkbox] + label {
    /* display: inline-block; */
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("../img/list/chk.png") no-repeat left 2px;
    padding-left: 32px;
    font-size: 15px;
}


input[type=checkbox]:checked + label {
    background: url('../img/list/chked.png?v=2') no-repeat left 2px;
}


input[type="radio"] {
    display:none;
}

input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url('../img/login/redio.png') 0 top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('../img/login/radio-on.png') 0 top no-repeat;
}




input[type=text]::-ms-clear {
    display: none;
}


.slick-dots > li > button {
    display: none;
}

.slick-slide {
    outline: none;
}

/*#top_btn {
    position: fixed;
    right: 90px;
    bottom: 100px;
    z-index: 9999;
    cursor: pointer;
}*/


.h2_title_wrap {
    position: relative;
    margin-bottom: 22px;
}

.h2_title_wrap .more {
    position: absolute;
    right: 0;
    /*top: 50%;*/
    /*transform:translateY(-50%);*/
    bottom: 0;
    font-size: 13.5px;
    color: #999;

}

.h2_title_wrap .more > a {
    color: #999999;
}

.main_title {
    font-size: 21.5px;
    font-weight: bold;
}

.main_title .coment {
    font-family: 'Noto Sans CJK KR Regular', sans-serif;
    font-size: 13px;
    color: #7d7e80;
    font-weight: normal;
    margin-left: 20px;
}

#container {
    font-family: "Noto Sans CJK KR Regular", sans-serif;
}

#container .left_rolling_banner {
    /*font-family: 'Noto Sans CJK KR Medium',sans-serif;*/
    font-size: 13px;
    font-weight: 500;
    color: #7d7e80;
}

#container .left_rolling_banner-wrap{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 108px;
    height: 280px;
    z-index: 101;
}

#container .left_rolling_banner-wrap .numbering{
    position:absolute;
    bottom:9px;
    left:0;
    width:100%;
    text-align: center;
    font-size:13px;
    color:#7d7e80
}

#container .left_rolling_banner-wrap .banner-space{padding-left:20px}

#container .left_rolling_banner .left_rolling_slider {
    width: 108px;
    height: 280px;
}

#container .left_rolling_banner .left_rolling_slider .slick-dots {
    position: absolute;
    left: 40px;
    bottom: 6px;
    width: 20px;
    height: 20px;
}

/*@media screen and (max-width:800px){*/
/*    #container .left_rolling_banner .left_rolling_slider .slick-dots{*/
/*        left: 15px;*/
/*    }*/
/*}*/

/*#container .left_rolling_banner .left_rolling_slider .slick-dots > li{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: 0;*/
/*    z-index: -1;*/
/*}*/

/*#container .left_rolling_banner .left_rolling_slider .slick-dots > li.slick-active{*/
/*    opacity: 1;*/
/*    z-index: 1;*/
/*}*/
/*#container .left_rolling_banner .left_rolling_slider .slick-dots > li > button {*/
/*    font-family: 'Noto Sans CJK KR Bold',sans-serif;*/
/*    display: block;*/
/*    font-size: 13px;*/
/*    font-weight: 500;*/
/*    color: #7d7e80;*/


/*}*/

#container .left_rolling_banner .left_rolling_slider .slick-dots > li.slick-active button{
    color:#505ed1;
    font-weight: bold;
    font-size:13px;
}

#container .left_rolling_banner .numbering {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;

}

#container .left_rolling_banner .numbering > span {
    margin-left: 20px;
}

#header {
    position: relative;
    /*top: 0;*/
    z-index: 1000;
}

#header .top {

    border-bottom: 1px solid #f0f2f5;
}

.area_flex_inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

/*@media screen and (max-width:1100px){*/

/*.area_flex_inner {*/
/*width: 100%;*/

/*}*/

/*}*/
#header .top section > a,
#header .top section .top_menu > div > a {
    display: block;
    text-decoration: none;
    color: gray;
    font-size: 12px;
    padding: 10px 0;
    float: left;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.39px;
    color: #4c4c4c;
}



#header .top section > a {
    color: #9e9e9e;
}

#header .top .top_menu {
    float: right;
}


#header .top .top_menu > div {
    float: left;
    margin-left: 20px;
    position: relative;
}

#header .top .top_menu .cart {
    vertical-align: middle;
}

#header .top .top_menu .cart_num {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url("../img/index/dot.png") no-repeat center;
    text-align: center;
    line-height: 17px;
    font-family: 'Dotum', sans-serif;
    font-size: 12px;
    letter-spacing: -0.36px;
    color: #ffffff;
    margin-left: 5px;
}

#header .top .top_menu > div:after {
    content: '';
    width: 1px;
    height: 7px;
    background: #f1f3f5;
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
}

#header .top .top_menu > div:nth-child(2) {

}

#header .top .top_menu > div strong {
    color: #505ed1;
}

#header .top .top_menu > div:last-child {
    /*border: 1px solid red;*/
    /*padding: 0 10px;*/
    /*margin-left: 10px;*/
}


#header .top .top_menu > div:last-child:after {
    display: none;
}

#header .top .top_menu > div:first-child span,
#header .top .top_menu > div:last-child span {
    margin-left: 5px;

}

#header .top .top_menu .arrow {

    position: relative;
    top: -1px;
    transform : rotate(180deg);
}

#header .top .top_menu > div .ro_arrow {
    display: inline-block;
    position: relative;
    bottom: 1px;
    transform: rotate(0);
}


#header .top .top_menu .h_btn {
    position: absolute;
    right: -33px;
    top: 1px;
    width: 97px;
    /*height: 110px;*/
    border: 1px solid black;
    background: #fff;
    z-index: 500;
    display: none;
    border-radius: 0;
}


#header .top .top_menu .h_btn.on {
    display: block;
    height:auto !important;
    z-index:9999;
}

#header .top .top_menu .h_btn a {

    font-family: 'Noto Sans CJK KR DemiLight', sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.39px;
    color: #16181a;

}

#header .top .top_menu .h_btn > div:first-child {
    padding-bottom: 15px;
    position: relative;
}

#header .top .top_menu .h_btn > div:first-child:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;
    background: #f0f2f5;
}

#header .top .top_menu .h_btn > div:first-child a {
    margin-right: 7px;
}

#header .top .top_menu .h_btn > div {
    padding: 1.5px 9px;
    text-align:left;
    height:20px;
    line-height:20px;
}


#header .top .top_menu .h_btn span {
    transform: rotate(0);
}

#header .middle {
    /*border-bottom: 1px solid #f0f2f5;*/
    position: relative;
    z-index: 999;
}

#header .middle .area_flex_inner {
    height: 115px;
}

#header .middle .logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#header .middle .logo img {
    line-height: 115px;
}

#header .middle .search_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-60%, -50%);
}

#header .middle .hidden_box {
    box-sizing: border-box;
    width: 520px;
    height: 214px;
    border: solid 1px #a9a9b3;
    background-color: #ffffff;
    position: absolute;
    left: 237px;
    top: 81px;
    z-index: 1000000;
    display: none;
}

#header .middle .hidden_box.active{
    display: block;
}


#header .middle .hidden_box h3 {
    margin-bottom: 11px;
}

#header .middle .hidden_box ul {
    font-size: 14px;
    color: #434343;
    font-family: 'Noto Sans CJK KR Regular', sans-serif;
    font-weight: normal;
}

#header .middle .hidden_box ul > li {
    margin-bottom: 10px;
}


#header .middle .hidden_box ul > li:last-child {
    margin-bottom: 0;
}


#header .middle .hidden_box ul > li .hash {
    color: #4361e6;
    margin-right: 8px;
}


#header .middle .hidden_box .right_contents strong {
    color: #4361e6;
}


#header .middle .h_container {
    width: 460px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #434343;
    font-family: 'Noto Sans CJK KR Bold', sans-serif;
}

#header .middle .h_container > div:nth-child(1) {
    float: left;
    width: 222px;
    position: relative;
}

#header .middle .h_container > div:nth-child(2) {
    float: left;
    margin-left: 38px;
}

#header .middle .h_container .all-remove {
    font-size: 13px;
    color: #adadad;
    position: absolute;
    right: 0;
    top: 0;
}

#header .middle .banner_btn {
    width: 36px;
    height: 15px;
    position: absolute;
    right: -36px;
    bottom: 30px;
    cursor: pointer;
}


#header .middle .banner_btn > div {
    float: left;
}

#header .middle .search_box button {
    width: 51px;
    height: 37px;
    position: absolute;
    right: 7px;
    top: 22px;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    /*border: 2px solid #505ed1;*/
    /*border-left: none;*/
    background: url("../img/common/header/search-btn.png") no-repeat center;
}

#search_field {
    padding: 0 20px;
    width: 519px;
    height: 43px;
    border: 2px solid #505ed1;
}

#search_field::placeholder {
    font-size: 15px;
    color: #3d3d3d;
    font-family: 'Noto Sans CJK KR Regular', sans-serif;

}

#header .middle .side_banner {
    width: 245px;
    height: 55px;
    position: absolute;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
    font-family: "Noto Sans CJK KR Regular", sans-serif;
}

#header .middle .side_banner .list > div {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

#header .middle .side_banner .list > div > p:nth-child(1) {
    font-size: 12px;
    color: #7d7e80;
    margin-bottom: 5px;

}

#header .middle .side_banner .list > div > p:nth-child(2) {
    font-size: 16px;
    color: #3d3d3d;

}

#header .bottom {
    border-top: 1px solid #f0f2f5;
}

#header .bottom .nav {

}

#header .bottom .nav .gnb {
    font-size: 16px;
    float:left;
    letter-spacing: -0.48px;
    font-family: "Noto Sans CJK KR Regular", sans-serif;
}

/* 통합, 이공계, 오프라인 메뉴 부분 */
#header .bottom .nav .gnb > li {
    float: left;
    margin-right: 30px;
    /*line-height: 51px;*/
    padding: 15px 0;
    position: relative;
}
/* 공기업 메뉴 부분 */
#header .bottom .nav .publicGnbUl > li {
    margin-right: 40px;
}

#header .bottom .nav .gnb > li.open:after{
    content: '';
    position: absolute;
    right: -20px;
    top: -4px;
    background: url("../img/common/header/gnb-open-icon.png")no-repeat center;
    width: 42px;
    height: 21px;
}

#header .bottom .nav .gnb > li.new:after{
    content: '';
    position: absolute;
    right: -20px;
    top: 9px;
    background: url("../img/common/header/gnb-new-icon.png")no-repeat center;
    width: 15px;
    height: 15px;
}



#header .bottom .nav .gnb > li > a {
    color: #16181a;
    transition: all 0.5s;
}


#header .bottom .nav .gnb > li.on a {
    font-size: 16.5px;
    color: #505ed1;
    font-weight: bold;

}

#header .bottom .nav .gnb > li:last-child {
    margin-right: 0;
}

#header .bottom .nav .sub_gnb {
    float:right;
    font-size: 15px;
    letter-spacing: -0.45px;

}




/*@media screen and (max-width: 1100px) {*/


/*    !*.area_flex_inner{*!*/
/*    !*width: 100%;*!*/
/*    !*}*!*/
/*    #header {*/
/*        width: 1100px;*/
/*    }*/

/*    #brake_section {*/
/*        width: 1100px;*/
/*    }*/

/*    #container > section {*/
/*        width: 1100px;*/
/*    }*/

/*    #header .bottom .nav .sub_gnb {*/

/*        right: 40px;*/
/*    }*/

/*    #header .middle .banner_btn {*/
/*        right: 4px;*/
/*    }*/

/*}*/


#header .bottom .nav .sub_gnb a {
    color: #434343;
}


#header .bottom .nav .sub_gnb > div {
    margin-right: 40px;
    float: left;
}

#header .bottom .nav .sub_gnb > div:last-child {
    margin-right: 0;
    position: absolute;
    right: -40px;
    top: -37px;
    z-index: 100000;
}


#mega {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 208px;
    background: #fff;
    /*display: none;*/
    transition: all 0.5s ease;
    border-top: 1px solid #f0f2f5;
    /*border-bottom: 3px solid #505ed1;*/
    overflow: hidden;
}

#mega.on {
    height: 257px;
}

#mega .ad {
    width: 750px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top:0;
    /*top: 50%;*/
    /*transform: translateY(-52%);*/
}

#mega .ad > div {
    position: absolute;
    left: 0;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    bottom: 0;
    display:none;
    z-index: -1;
}


/*#mega .ad > div:nth-child(3){*/
/*    bottom: -11px;*/
/*}*/
#mega .ad > div.on {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height:100%;
}

#mega .area_flex_inner {
    /*height: 257px;*/
    position: static;
}

#mega ul {
    padding-top: 21px;
    position: absolute;
    /*left: 50%;*/
    top: 0;
    z-index: 100;
    /*display:none;*/
}
/*
#mega ul.depth01 {margin-left: 0;}
#mega ul.depth02 {margin-left: 121px;}
#mega ul.depth03 {margin-left: 248px;}*/
/* 통합, 이공계, 오프라인 메뉴 부분 */
#mega .onlineGnbUl ul.depth01 {padding-left: 0;}
#mega .onlineGnbUl ul.depth02 {padding-left: 100px;}
#mega .onlineGnbUl ul.depth03 {padding-left: 206px;}
#mega .onlineGnbUl ul.depth04 {padding-left: 292px;}
#mega .onlineGnbUl ul.depth05 {padding-left: 411px;}
#mega .onlineGnbUl ul.depth06 {padding-left: 507px;}
/*#mega .onlineGnbUl ul.depth07 {margin-left: 623px;}*/
#mega .onlineGnbUl ul.depth08 {padding-left: 683px;}
/* 공기업 메뉴 부분 */
#mega .publicGnbUl ul.depth01 {padding-left: 0;}
#mega .publicGnbUl ul.depth02 {padding-left: 110px;}


#mega ul.on{
    /*display: block;*/
}


#mega ul > li {
    margin-bottom: 12px;
    opacity: 0;
    transform: translateX(-5px);
}

#mega ul.on > li {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0);
}

/*#mega ul > li:nth-child(1) {*/
/*transition-delay: 0.2s;*/
/*}*/

/*#mega ul > li:nth-child(2) {*/
/*transition-delay: 0.3s;*/
/*}*/

/*#mega ul > li:nth-child(3) {*/
/*transition-delay: 0.4s;*/
/*}*/

/*#mega ul > li:nth-child(4) {*/
/*transition-delay: 0.5s;*/
/*}*/

/*#mega ul > li:nth-child(5) {*/
/*transition-delay: 0.6s;*/
/*}*/

/*#mega ul > li:nth-child(6) {*/
/*transition-delay: 0.7s;*/
/*}*/

/*#mega ul > li:nth-child(7) {*/
/*transition-delay: 0.8s;*/
/*}*/

/*#mega ul > li:nth-child(8) {*/
/*transition-delay: 0.9s;*/
/*}*/

#mega ul > li:hover a{
    color:#505ed1;
}

#mega .depth03 {
    transform:translateX(-5px);
}
#mega .depth04 {
    transform:translateX(-5px);
}


#mega ul > li:last-child {
    margin-bottom: 0;
}


#mega ul > li > a {
    font-family: 'Noto Sans CJK KR Medium', sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    text-align: center;
    color: #474747;


}

#mega ul > li.on > a {
    color: #17ab7d;
}

/*--------------------------------------//header*/


/*-------nav*/

#section01 .nav {
    margin-bottom: 72px;
    position: relative;
}


#section01 .nav > div {
    float: left;
    margin-right: 10px;
}

#section01 .nav > div > a {
    color: #60656a;
}
#section01 .nav > div:last-child{
    color: #60656a;
}
#section01 .nav > div:last-child span:last-child{
    padding-left:10px
}

#section01 .nav > div > a > span {
    display: inline-block;
    margin-right: 10px;
    /*transform: translateY(1px);*/
}

#section01 .nav .more {
    cursor: pointer;
}

#section01 .nav .home {
    /*padding:16px 0;*/
}


#section01 .toggle_box {
    position: absolute;
    left: 131px;
    top: 43px;
    width: 141px;
    /*height: 80px;*/
    border: solid 1px #a6a9ad;
    background: #fff;
    display: none;
    z-index:10;
}
#section01 .toggle_box.eng-box,#section01 .toggle_box.pac-box{
    left: -10px;
}

#section01 .toggle_box.on {
    display: block;
}

#section01 .toggle_box .toggle_inner {
    padding: 9px 13px 1px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Noto Sans CJK KR Light', sans-serif;
    letter-spacing: -0.39px;
    color: #7d7e80;
}

#section01 .toggle_box .toggle_inner a {
    display:block;
    margin-bottom: 8px;
}

#section01 .toggle_box .toggle_inner a.on {
    color: #505ed1;
}



.more_name_trigger {
    cursor: pointer;
}

.more_name {
    font-family: 'Noto Sans CJK KR DemiLight', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    text-align: left;
    color: #16181a;
    padding: 14px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    margin-top:4px;
    display: none;
}
.more_name.active{display:block}

.more_name.on {
    display: block;
}

/*-------//nav*/

#footer {
    border-top:1px solid #e1e1e1;
}

#footer .top {
    border-bottom: solid 1px #16181a;
    padding: 12px 0;
    margin-bottom: 38px;
    padding-bottom:0;
}


#footer .top > section > div {
    float: left;
}

#footer .notice:nth-child(1) {
    margin-right: 37px;
}

#footer .notice:nth-child(2) {
    margin-right: 27px;
}


#footer .notice > div {
    float: left;
}

#footer .notice .notice_title {
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #16181a;
    margin-right: 20px;
    line-height: 30px;
}


#footer .notice .list {
    font-size: 13px;
    font-weight: 300;
    color: #7d7e80;
    font-family: 'Noto Sans CJK KR DemiLight', sans-serif;
    margin-right: 25px;
    line-height: 30px;
    width: 350px;
}

#footer .notice .list .title{
    display: inline-block;
    max-width:231px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*transform:translateY();*/

}

#footer .notice .list a{
    color:#7d7e80;
}
#footer .notice .list:hover a{
    text-decoration: underline;
}

#footer .notice .list span {
    display: inline-block;
    margin-left: 13px;
    transform: translateY(-7px);
}


#footer .notice .list_date {
    display: inline-block;
    font-family: 'Dotum', sans-serif;
    font-size: 12px;
    color: #9e9e9e;
    line-height: 1.33;

}
#footer .notice .list .list_date {
    transform: translateY(-10px) !important;
}
.notice_slider{
    width: 345px;
}

.notice_slider .list > a >  div{
    float: left;
}

#footer .notice:nth-child(1) .list_date {
    line-height: 30px;
}

#footer .notice .call_num {
    font-size: 20px;
    letter-spacing: -0.6px;
    color: #324ca5;
    margin-right: 26px;
    line-height: 30px;
}

#footer .faq {

}

#footer .faq > div {
    float: left;
    width: 70px;
    height: 30px;
    border-radius: 2px;
    border: solid 1px #000000;
    font-family: 'Noto Sans CJK KR DemiLight', sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.39px;
    text-align: center;
    line-height: 30px;
}

#footer .faq > div > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #16181a;
}

#footer .faq > div:nth-child(1) {
    margin-right: 13px;
}


#footer .bottom {
    height: 152px;
}

#footer .bottom section > div {
    float: left;
}

#footer .bottom .foot_logo {
    width: 140px;
    height: 70px;
    margin-right: 49px;
}

/*#footer .bottom .foot_logo img {
    width: 100%;
    height: 100%;
}*/

#footer .foot_contents {

}

#footer .foot_link {
    margin-bottom: 24px;
}

#footer .foot_link > li {
    float: left;
    margin-right: 30px;
    font-size: 14px;
    font-family: 'Noto Sans CJK KR Medium', sans-serif;
    font-weight: bold;
    letter-spacing: -0.35px;

}

#footer .foot_link > li > a {
    color: #16181a;
}


#footer .copyright > div {
    margin-bottom: 10px;
}

#footer .copyright > div > p {
    float: left;
    font-family: 'Dotum', sans-serif;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #7d7e80;
    background: url("../img/common/footer/line.png") no-repeat left center;
    margin-left: 10px;
    padding-left: 10px;
}

#footer .copyright > div > p:nth-child(1) {
    background: none;
    margin-left: 0;
    padding-left: 0;
}

#footer .foot_sns {
    position: absolute;
    right: 0;
    top: 0;
}

#footer .foot_sns > li {
    float: left;
    margin-left: 8px;

}

/*------------------//footer*/


/*----------------table star*/
table .star {
    text-align: center;
}

table .star div.on, table .star_on {
    background: url("../img/introduce/star_on.png") no-repeat center !important;
}


table .star div {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url("../img/introduce/star_off.png") no-repeat center;
}


/*----------------table star*/
caption {
    display: block;
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
    text-indent: 9999px !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    font-size: 1px;
    line-height: 0 !important;
    white-space: nowrap !important;
}




/*@media screen and (max-width: 1100px) {*/


/*    !*.area_flex_inner{*!*/
/*    !*width: 100%;*!*/
/*    !*}*!*/
/*    #header {*/
/*        width: 1100px;*/
/*    }*/

/*    #brake_section {*/
/*        width: 1100px;*/
/*    }*/

/*    #container > section {*/
/*        width: 1100px;*/
/*    }*/

/*    #header .bottom .nav .sub_gnb {*/

/*        right: 40px;*/
/*    }*/

/*    #header .middle .banner_btn {*/
/*        right: 4px;*/
/*    }*/
/*    #search_field::placeholder {*/
/*        font-size: 12px;*/

/*    }*/

/*    #header .bottom .nav .gnb {*/
/*        font-size: 13px;*/

/*    }*/


/*    #header .bottom .nav .gnb > li > a {*/
/*        font-size: 13px;*/
/*        font-weight: normal;*/
/*    }*/

/*    #mega{*/
/*        !*transform:translateY(5px);*!*/
/*    }*/



/*}*/




/*haemi custom*/
.pagenation .page .active span {color:#505ed1; font-size:14px; letter-spacing:-0.28px; }
.pagenation .page a span {color:#888888; font-size:14px; letter-spacing:-0.28px; }

/*원래사이즈*/
/* login */
.mlog_area { overflow:hidden; background:#f6f6f8; margin:50px 0; }
.mlog_area .big_title { text-align:center; margin:40px 0; }
.mlog_area .big_title h4 { font-size:50px; color:#000; font-weight:600; }
.mlog_area .txt { margin-top:10px; font-size:16px; }
.mlog_area .btn_wrap { width:100%; margin:40px 0 0; }
.mlog_area .btn_wrap a { width:240px; }

.mlog_area .mlog_box { width:500px; margin:0 auto; border-bottom:1px solid #dbdbdb; padding-bottom:40px; }
.mlog_area .mlog_box .mlog { width:100px; display:inline-block; font-size:16px; color:#333; height:50px; line-height:50px; vertical-align:middle; }
.mlog_area .mlog_box .ipt_id { margin: 0 0 20px; border:0px; height:50px; }
.mlog_area .mlog_box .ipt_pw { border:0px; height:50px; }
.mlog_area .mlog_box .login_btn { width:100%; height:60px; background:#222; color:#fff; font-size:22px; margin-top:40px; }
.mlog_area .mlog_box .login_box { position:relative; padding:0 140px 0 0; }
.mlog_area .mlog_box .login_box .btn_login { position:absolute; top:0; right:0; width:120px; height:120px; background:#2d409c; font-weight:600; font-size:16px; color:#fff; }
.mlog_area .mlog_box .login_box .check { margin:20px 0 0; }

.mlog_area .login_util { width:500px; margin:0 auto; padding:40px 0; text-align:center; }
.mlog_area .login_util > a { width:100%; margin-top:20px; }
.mlog_area .login_util > input { border-radius:3px; }


/* lost ID/PW */
.mlog_area .mlog_box .lost_wrap input { min-width:auto; }
.mlog_area .mlog_box .lost_wrap select { min-width:auto; border:0px; height:50px; }

.mlog_area .lost_area { background:#fff; padding:20px 30px; text-align:center; width:500px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.mlog_area .lost_area > div { display:inline-block; padding:0 10px; }
.mlog_area .lost_area .lostid { font-size:24px; color:#000; font-weight:600; }
.mlog_area .lost_area .date { font-size:15px; margin-top:20px; padding-top:20px; border-top:1px solid #dbdbdb; }
.mlog_area .lost_area .lost_btn { margin-top:10px; border:1px solid #bbb ; background:#fff ;  display:inline-block; width:180px; height:32px; font-size:13px; line-height:30px; text-align:center; box-sizing:border-box; border-radius:3px; }

.check { display:inline-block; vertical-align:middle; }
.check label { padding:0px 0 0 30px; background:url('../html/image/chk_off.gif') no-repeat; color:#444; font-size:15px; line-height:20px; min-height:20px; display:block; }
.check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../html/image/chk_on.gif') no-repeat; }
.check input { display:none; }

/* button style */
.board_button { overflow:hidden; }
.board_btn { padding-top:30px; border-top:1px solid #dbdbdb; }

.btn_wrap { display:inline-block; text-align:center; overflow:hidden; }
.btn_wrap a { float:left; margin-left:5px; }
.btn_wrap a:first-child { margin-left:0px; }

.btn_wrap2 { text-align:center; overflow:hidden; }
.btn_wrap2 a { float:left; margin-left:20px; }
.btn_wrap2 a:first-child { margin-left:0px; }

.btn_wrap3 { width:100%; text-align:center; overflow:hidden; }
.btn_wrap3 a { float:left; margin-left:5px; }
.btn_wrap3 a:first-child { margin-left:0px; }

.btn01 { display:inline-block; width:59px; height:32px; font-size:13px; line-height:30px; text-align:center; box-sizing:border-box; border-radius:3px; }
.btn01.cr1 { border:1px solid #b7b7b7; background:#fff; color:#2d409c; }
.btn01.cr2 { border:1px solid #2d409c; background:#2d409c; color:#fff; }
.btn01.cr3 { border:1px solid #ff4e4e ; background:#ff4e4e ; color:#fff; }
.btn01.cr4 { border:1px solid #c5c6c7 ; background:#c5c6c7 ; color:#777; }
.btn01.cr5 { border:1px solid #bbb ; background:#fff ;  }

.btn02 { display:inline-block; width:130px; height:36px; font-size:14px; line-height:32px; text-align:center; box-sizing:border-box; border-radius:3px; }
.btn02.cr1 { border:1px solid #2d409c; background:#2d409c; color:#fff; }
.btn02.cr2 { border:1px solid #000; background:#fff; color:#000; }
.btn02.cr3 { border:1px solid #a3a4a6; background:#a3a4a6; color:#fff; }
.btn02.cr4 { border:1px solid #ff4e4e; background:#ff4e4e; color:#fff; }

.btn03 { display:inline-block; height:30px; font-size:13px; line-height:28px; text-align:center; box-sizing:border-box; border-radius:3px; padding:0 15px; }
.btn03.cr1 { border:1px solid #000; background:#fff; color:#000; }
.btn03.cr2 { border:1px solid #2c2f38; background:#2c2f38; color:#fff; }
.btn03.cr3 { border:1px solid #c5c6c7; background:#c5c6c7; color:#777; }
.btn03.cr4 { border:1px solid #bbb; background:#fff;  }
.btn03.cr5 { border:1px solid #2d409c ; background:#2d409c ; color:#fff; }
.btn03.cr6 {width:89px;height:32px;border-radius:2px;background:#2d409c ; color:#fff; font-size: 15px;line-height: 2.27;font-style: normal;margin-top:41px; margin-left:45%}
.btn04 { display:inline-block; width:130px; height:46px; font-size:15px; line-height:42px; text-align:center; box-sizing:border-box; border-radius:3px; }
.btn04.cr1 { border:1px solid #2d409c; background:#2d409c; color:#fff; }
.btn04.cr2 { border:1px solid #000; background:#fff; color:#000; }
.btn04.cr3 { border:1px solid #ff4e4e; background:#ff4e4e; color:#fff; }
.btn04.cr4 { border:1px solid #c5c6c7; background:#c5c6c7; color:#777; }

.btn05 { display:inline-block; width:120px; height:40px; font-size:16px; line-height:38px; font-weight:700; text-align:center; box-sizing:border-box; }
.btn05.cr1 { border:1px solid #2c2f38; background:#2c2f38; color:#fff; }
.btn05.cr2 { border:1px solid #ff4e4e; background:#ff4e4e; color:#fff; }
.btn05.cr3 { border:1px solid #6241e8; background:#6241e8; color:#fff; }
.btn05.cr4 {border: 1px solid #c5c6c7; background: #c5c6c7; color: #666; }
.sar_btn {background-color:#2d409c !important; color:#fff !important; border:0 !important; margin-right:22px;}
.sar_init {background-color:#fff !important; color:#000000 !important; border:0 !important; font-size:15px; display:block; width:200px; height:46px; line-height:46px; float:left; text-decoration:none !important; border-radius:3px; }

.fl_l { float:left !important; }
.fl_c { display:inline-block; *display:inline; zoom:1; }
.fl_r { float:right !important; }

legend { position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-9999px; }

/* lecture */
table {
    border-spacing: 0;
}

.ico_spt { display:inline-block; width:35px; height:35px; box-sizing:border-box; border-radius:100px; border:1px solid #ff4e4e; font-size:13px; text-align:center; line-height:32px; font-weight:600; }
.ico_spt.support_new { color:#ff4e4e; }
.ico_spt.support_hot { color:#2193c5; border-color:#2193c5; }
.ico_spt.support_hit { color:#6241e8; border-color:#6241e8; }

.lec_table { border:solid #e1e1e1; border-width:1px 0 1px 0; padding:10px 0; }
.lec_table tbody tr th { padding:3px 0 3px 10px; font-size:16px; color:#000; text-align:left; }
.lec_table tbody tr td { padding:3px 10px 3px 0; font-size:16px;  }

.lec_table2 {}
.lec_table2 thead tr th { padding:13px 0 13px 0; font-size:14px; color:#000; border-top:1px solid #e1e1e1; background:#f6f6f8; position:relative; }
.lec_table2 thead tr th:before { display:block; content:''; width:1px; height:11px; background:#ccc; position:absolute; left:0; top:18px; }
.lec_table2 thead tr th:first-child:before { display:none; }
.lec_table2 tbody tr td { padding:20px 0; font-size:14px;  border-top:1px solid #e1e1e1; text-align:center; }
.lec_table2 tbody tr td .per { display:inline-block; font-size:14px; color:#fff; background:#ff4e4e; border-radius:3px; height:20px; line-height:18px; padding:0 5px; }
.lec_table2 tbody tr td .plus { display:block; color:#ff4e4e; padding-left:18px; background:url('../html/image/ico_lec_plus.png') 0 center no-repeat; }
.lec_table2 tbody tr td label.lec_rdo { display:inline-block; position:relative; line-height:20px; }
.lec_table2 tbody tr td label.lec_rdo span { background:url('../html/image/rdo_off.png') 0 center no-repeat; padding-left:20px; display:inline-block; width:20px; height:20px; text-indent:-9999px; box-sizing:border-box; }
.lec_table2 tbody tr td label.lec_rdo input:checked + span { background-image:url('../html/image/rdo_on.png'); }
.lec_table2 tbody tr td label.lec_rdo input[type="radio"], .lec_table2 tbody tr td label.lec_rdo input[type="checkbox"] { display:none; }

.lecture_top { width:100%; height:300px; background:#f4f4f4; margin-bottom:70px; }
.lecture_top img { width:100%; height:100%; }

.lec_list_style_01 {}
.lec_list_style_01 li { width:100%; border-top:1px solid #000; border-bottom:1px solid #dbdbdb; background:#fff; padding:20px 10px; display:table; table-layout:fixed; margin:20px 0 0; box-sizing:border-box; font-size:18px; }
.lec_list_style_01 li:first-child { margin:0; }
.lec_list_style_01 li > div { display:table-cell; }
.lec_list_style_01 li .lec1_img { width:250px; height:159px; vertical-align:middle; }
.lec_list_style_01 li .lec1_img img { width:100%; height:100%; }
.lec_list_style_01 li .lec1_info { width:420px; box-sizing:border-box; padding:5px 20px; border-right:1px solid #dcdbdd; position:relative; vertical-align:top; }
.lec_list_style_01 li .lec1_info dl dt { font-size:14px; margin:20px 0 5px; width:60px; height:20px; line-height:22px; background:#aaa; border-radius:3px; display:block; color:#fff; text-align:center; }
.lec_list_style_01 li .lec1_info dl:first-child dt { margin:0 0 5px; }
.lec_list_style_01 li .lec1_info dl dd { font-size:16px; color:#000; line-height:20px; display:-webkit-box; display:-ms-flexbox; display:box; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all;
                                         -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.lec_list_style_01 li .lec1_info dl.lec_tch dd { display:inline-block; padding-right:5px; }
.lec_list_style_01 li .lec1_btn_box { width:auto; padding:0 0 0 20px; vertical-align:middle; }
.lec_list_style_01 li .lec1_btn_box .lec_num { text-align:center; font-size:16px; color:#000; margin-bottom:20px; }
.lec_list_style_01 li .lec1_btn_box .lec_btn1 { display:block; width:100%; height:40px; background:#499c28; color:#fff; text-align:center; line-height:40px; font-size:16px; }

.currView001 { padding:40px 0; display:table; width:100%; table-layout:fixed; position:relative; }
.currView001 .mvPlayZone { display:table-cell; width:260px; height:208px; overflow:hidden; }
.currView001 .mvPlayZone  img { width:100%; height:100%; }
.currView001 .preview_btn { position:absolute; left:0; top:270px; }
.currView001 .preview_btn a { display:block; height:40px; line-height:42px; width:383px; border:1px solid #000; color:#000; font-size:18px; text-align:center; background:transparent url('../html/image/btn_cr1.png') no-repeat right 100px top 15px; }
.currView001 .currTbox { display:table-cell; padding:0 0 0 30px; width:auto; vertical-align:top; }

.currView001 .currTbox .lec_vie_tit { font-size:24px; color:#333; margin-top:10px; }
.currView001 .currTbox .info { font-size:16px; line-height:24px; margin-top:15px; padding:0 10px; word-break:keep-all; }
.currView001 .currTbox .course_price { width:100%; padding:20px; box-sizing:border-box; display:table; table-layout:fixed; background:#f4f4f4; }
.currView001 .currTbox .course_price > p { display:table-cell; width:100px; font-size:16px; color:#000; }
.currView001 .currTbox .course_price > div { display:table-cell; text-align:right; }
.currView001 .currTbox .course_price > div > span { display:block; }
.currView001 .currTbox .course_price > div .course_org { font-size:18px; text-decoration:line-through; }
.currView001 .currTbox .course_price > div .course_sale { font-size:30px; color:#bf0000; }

.currView002 { padding-bottom:150px; }
.currView002 h4 { font-size:20px; color:#000; border-bottom:1px solid #000; height:30px; line-height:30px; padding-bottom:10px; }
.currView002 .lec_price { border-top:1px solid #000; padding:15px 0 0; display:table; table-layout:fixed; width:100%; }
.currView002 .lec_price > div { display:table-cell; vertical-align:middle; }
.currView002 .lec_price .lecp_left { font-size:14px; color:#000; }
.currView002 .lec_price .lecp_left .won { font-size:28px; color:#ff4e4e; font-weight:600; padding-left:40px; }
.currView002 .lec_price .lecp_btn { text-align:right; }

.list_table { }
.list_table thead tr th { padding:12px 0; font-size:14px; color:#fff; background:#2c2f38; text-align:center; position:relative; }
.list_table thead tr th:before { display:block; content:''; width:1px; height:12px; background:#ccc; position:absolute; left:0; top:16px; }
.list_table thead tr th:first-child:before { display:none; }
.list_table tbody tr td { padding:15px 0; font-size:14px;  border-bottom:1px solid #e1e1e1; text-align:center; background:#fff; }
.list_table .check label { padding:0 0 0 20px; background:url('../html/image/chk_off.gif') center bottom no-repeat; }
.list_table .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../html/image/chk_on.gif') center bottom no-repeat; }

.list_table2 { width:100%; }
.list_table2 thead tr th { border-top:1px solid #000; border-bottom:1px solid #dbdbdb; padding:10px 0; font-size:14px; color:#16181a; font-weight:300; position:relative; }
.list_table2 thead tr th:before { display:block; width:1px; height:14px; background:#c7c7c7; position:absolute; left:0; top:20px; }
.list_table2 thead tr th:first-child:before { display:none; }
.list_table2 tbody tr td { padding:15px 0; font-size:14px; color:#444; border-bottom:1px solid #e7e7e7; text-align:center; }
.list_table2 .check label { padding:0 0 0 20px; background:url('../html/image/chk_off.gif') center bottom no-repeat; }
.list_table2 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../html/image/chk_on.gif') center bottom no-repeat; }
.last_br {border-bottom:1px solid #9b9b9b !important;}
.list_table3 { width:100%; border-top:1px solid #000; }
.list_table3 th { background:#fff; color:#888; border-bottom:1px solid #dbdbdb; padding:15px 20px; font-size:15px; text-align:left; font-weight:500; }
.list_table3 td { border-bottom:1px solid #dbdbdb; padding:15px 0; font-size:15px; background:#fff; color:#000; font-weight:600; }
.list_table3 .check label { padding:0 0 0 20px; background:url('../html/image/chk_off.gif') center bottom no-repeat; }
.list_table3 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../html/image/chk_on.gif') center bottom no-repeat; }

#table_listD {	 border-top:1px solid #000; }
#table_listD tbody tr th { text-align:left; color:#000; border-bottom:1px solid #e1e1e1; background:#f6f6f8; padding:15px 20px; font-size:14px; }
#table_listD tbody tr td { padding:15px 15px; border-bottom:1px solid #e1e1e1; font-size:14px; }
#table_listD img { float:left; }

.cart .calculateArea { border:1px solid #2d409c; clear:both; margin-top:30px; position:relative; width:100%; box-sizing:border-box; }
.cart .calculateArea table th { border:solid #dbdbdb; border-width:0 1px 1px 0; padding:10px 0; text-align:center;	 color:#000; font-size:18px; }
.cart .calculateArea table td { border-right:1px solid #dbdbdb; font-size:20px;line-height:26px; padding:25px 0; text-align:center; }
.cart .calculateArea table th.total { border-right:medium none; }
.cart .calculateArea table td.total { border-right:medium none; color:#ff4485; font-size:24px; line-height:26px; font-weight:600; }
.cart .calculateArea .board { left:0; position:relative; top:0; z-index:1; }
.cart .calculateArea .won { font-size:16px; }
.cart .calculateArea td.total span.won { color:#ff4485; font-size:16px; }

.cart1 .calculateArea .plus { left:223px; position:absolute; top:70px; z-index:10; }
.cart1 .calculateArea .equal { left:461px; position:absolute; top:70px; z-index:10; }

.cart2 .calculateArea .minus { left:260px; position:absolute; top:73px; z-index:10; }
.cart2 .calculateArea .plus { left:534px; position:absolute; top:73px; z-index:10; }
.cart2 .calculateArea .equal { left:807px; position:absolute; top:73px; z-index:10; }

.radio_wrap { font-size:0; height:114px; display:table; table-layout:fixed; width:100%; }
.radio_wrap li { display:table-cell; overflow:hidden; height:114px; text-align:center; }
.radio_wrap input[type=radio] { display:none; margin-left:-182px; }
.radio_wrap label span { display:block; width:99px; height:130px; margin:0 auto; text-indent:-9000px; overflow:hidden; }

.radio_wrap li.card > label > span { background:url('/webheads/image/jro_payLi01.png') no-repeat; }
.radio_wrap li.card > label > span.checked { background:url('/webheads/image/jro_payLi01_on.png') no-repeat; }
.radio_wrap li.card label input:checked + span { background:url('/webheads/image/jro_payLi01_on.png') no-repeat; }

.radio_wrap li.vbank label span { background:url('/webheads/image/jro_payLi02.png') no-repeat; }
.radio_wrap li.vbank label span.checked { background:url('/webheads/image/jro_payLi02_on.png') no-repeat; }
.radio_wrap li.vbank label input:checked + span { background:url('/webheads/image/jro_payLi02_on.png') no-repeat; }

.radio_wrap li.trans label span { background:url('/webheads/image/jro_payLi03.png') no-repeat; }
.radio_wrap li.trans label span.checked { background:url('/webheads/image/jro_payLi03_on.png') no-repeat; }
.radio_wrap li.trans label input:checked + span { background:url('/webheads/image/jro_payLi03_on.png') no-repeat; }

.radio_wrap li.bank label span { background:url('/webheads/image/jro_payLi04.png') no-repeat; }
.radio_wrap li.bank label span.checked { background:url('/webheads/image/jro_payLi04_on.png') no-repeat; }
.radio_wrap li.bank label input:checked + span { background:url('/webheads/image/jro_payLi04_on.png') no-repeat; }

.m3_d { height:61px; }
.m3_d p { color:#000; float:left; line-height:62px; }
.m_pay { float:right; line-height:62px; }
.m_pay dt { color:#000; font-size:20px; display:inline-block; padding-right:10px; }
.m_pay dd { color:#ff4e4e; font-size:20px; display:inline-block; zoom:1; }
.mc5_d label { padding-right:10px; font-size:20px; }
.mc5_d span { font-size:22px; font-weight:600; }


.write_table {}
.write_table thead tr th { height:60px; line-height:60px; font-size:24px; color:#000; text-align:left; font-weight:500; border-bottom:1px solid #000; }
.write_table tbody tr th { padding:20px 0 20px 20px; border-bottom:1px solid #dcdcdc; text-align:left; }
.write_table tbody tr th > span { display:inline-block; position:relative; padding:0 0 0 15px; font-size:15px; line-height:45px; color:#000; }
.write_table tbody tr th > span.import:before { display:block; content:'*'; position:absolute; top:3px; left:0; color:#ff4e4e; }
.write_table tbody tr td { font-size:15px; padding:20px; border-bottom:1px solid #dbdbdb; }
.write_table tbody tr td .text { font-size:16px; line-height:45px; color:#333; }
.write_table tbody tr td .attach { padding-right:175px; position:relative; }
.write_table tbody tr td .attach .btns { position:absolute; top:0; right:0; overflow:hidden; }
.write_table tbody tr td .attach .btns .hidden { position:absolute; top:0; right:0; opacity:0; filter:alpha(opacity=0); width:auto; }
.write_table tbody tr td .attach .fileinfo {}
.write_table tbody tr td .info { font-size:14px; line-height:20px; color:#ff9000; }
.write_table tbody tr td .img_up { padding:15px; background:#f2f2f2; margin-top:20px; }
.write_table tbody tr td .img_up ul { overflow:hidden; }
.write_table tbody tr td .img_up ul li { float:left; width:176px; height:116px; position:relative; overflow:hidden; margin:5px 5px; }
.write_table tbody tr td .img_up ul li img { width:100%; height:auto; }
.write_table tbody tr td .img_up ul li .del_file { display:block; width:25px; height:25px; background:url('../html/image/del_file.png') no-repeat; position:absolute; right:10px; top:10px; }


.order_btn_wrap { width:100%; text-align:center; overflow:hidden; margin:50px 0; }
.order_btn_wrap a { float:left; margin-left:10px; }
.order_btn_wrap a:first-child { margin-left:0px; }

/* tab style */
.tab_style { overflow:hidden; padding-bottom:10px; text-align:center; }
.tab_style ul { border:solid #ccc; border-width:1px 0 0 1px; box-sizing:border-box; display:inline-block; }
.tab_style ul li { float:left; width:157px; height:56px; text-align:center; background:rgba(255, 255, 255, .6); border:solid #ccc; border-width:1px 0 1px 0; margin:-1px 0 0 0; box-sizing:border-box; position:relative; }
.tab_style ul li:nth-child(7) { border-right:1px solid #ccc; }
.tab_style ul li:nth-child(14) { border-right:1px solid #ccc; }
.tab_style ul li:nth-child(21) { border-right:1px solid #ccc; }
.tab_style ul li:nth-child(28) { border-right:1px solid #ccc; }
.tab_style ul li:nth-child(35) { border-right:1px solid #ccc; }
.tab_style ul li:nth-child(42) { border-right:1px solid #ccc; }
.tab_style ul li:last-child { border-right:1px solid #ccc; }
.tab_style ul li a { color:#333; font-size:16px; display:block; height:100%; line-height:54px; position:relative; }
.tab_style ul li a:before { display:block; content:''; width:1px; height:12px; background:#ccc; position:absolute; left:-1px; top:21px; }
.tab_style ul li.active a { color:#fff; background:url('../html/image/tab_style_active.png') 0 -3px no-repeat;; font-weight:600; position:absolute; left:0; top:0; width:100%; z-index:10; height:55px; -webkit-filter:drop-shadow(0px 3px 0px rgba(0, 0, 0, 0.3)); filter:drop-shadow(0px 3px 0px rgba(0, 0, 0, 0.3)); }

.tab_style2 { width:1100px; position:absolute; left:50%; top:-65px; margin-left:-550px; }
.tab_style2 ul { display:table; table-layout:fixed; width:100%; border:solid #e8e8e8; border-width:0 1px 0 1px; box-sizing:border-box; }
.tab_style2 ul li { display:table-cell; background:#fff; text-align:center; border-top:1px solid #e8e8e8; }
.tab_style2 ul li.active { border-top:4px solid #2d409c; }
.tab_style2 ul li a { color:#000; font-size:16px; display:block; height:61px; line-height:61px; position:relative; letter-spacing:-1px; }
.tab_style2 ul li a:before { display:block; content:''; width:1px; height:16px; background:#ccc; position:absolute; left:-1px; top:23px; }
.tab_style2 ul li:first-child a:before { display:none; }
.tab_style2 ul li.active a { background:#fff; color:#2d409c; font-weight:600; }

.tab_style3 { width:1100px; position:absolute; left:50%; top:-65px; margin-left:-550px; }
.tab_style3.subR { left:0; margin:0; }
.tab_style3 ul { overflow:hidden; }
.tab_style3 ul li { float:left; width:276px; background:#fff; text-align:center; border:solid #d7d7d7; border-width:1px 1px 0 1px; box-sizing:border-box; }
.tab_style3 ul li.active { border:solid #2d409c; border-width:4px 1px 0 1px; }
.tab_style3 ul li a { color:#888; font-size:18px; display:block; height:61px; line-height:61px; position:relative; }
.tab_style3 ul li.active a { background:#f6f6f8; color:#2d409c; font-weight:600; }

.tab_style4 { margin-bottom:40px; }
.tab_style4 ul { display:table; table-layout:fixed; width:100%; border:1px solid #dbdbdb; box-sizing:border-box; }
.tab_style4 ul li { display:table-cell; background:#fff; text-align:center; border-left:1px solid #dbdbdb; }
.tab_style4 ul li:first-child { border:0px; }
.tab_style4 ul li a { color:#888; font-size:14px; display:block; height:50px; line-height:50px; }
.tab_style4 ul li.active a { background:#2d409c; color:#fff; }

.tab_style4 { margin-bottom:40px; }
.tab_style4 ul { display:table; table-layout:fixed; width:100%; border:1px solid #dbdbdb; box-sizing:border-box; }
.tab_style4 ul li { display:table-cell; background:#fff; text-align:center; border-left:1px solid #dbdbdb; }
.tab_style4 ul li:first-child { border:0px; }
.tab_style4 ul li a { color:#888; font-size:14px; display:block; height:50px; line-height:50px; }
.tab_style4 ul li.active a { background:#2d409c; color:#fff; }


/* 검색 소팅 필터 */
.big_filter { margin:0 auto; position:relative; }
.big_filter .big_filter_table {}
.big_filter .big_filter_table tbody tr th { padding:20px 0; text-align:left; border-top:1px solid #e1e1e1; vertical-align:top; }
.big_filter .big_filter_table tbody tr th span { background:#888; border-radius:3px; color:#fff; text-align:center; min-width:100px; height:28px; line-height:26px; display:inline-block; padding:0 10px; font-weight:500; }
.big_filter .big_filter_table tbody tr td { padding:20px 0; text-align:left; border-top:1px solid #e1e1e1; }
.big_filter .big_filter_table tbody tr td label.lec_rdo { display:inline-block; position:relative; height:28px; line-height:28px; margin:0 0 0 1px; float:left; }
.big_filter .big_filter_table tbody tr td label.lec_rdo span { background:none; display:inline-block; padding:0 15px; height:28px; line-height:26px; box-sizing:border-box; cursor:pointer; color:#000; font-weight:600; position:relative; }
.big_filter .big_filter_table tbody tr td label.lec_rdo span:before { display:block; content:''; width:1px; height:11px; background:#ccc; position:absolute; left:-1px; top:8px; }
.big_filter .big_filter_table tbody tr td label.lec_rdo:first-child span:before { display:none; }
.big_filter .big_filter_table tbody tr td label.lec_rdo input:checked + span { background-color:#ff4e4e; color:#fff; border-radius:3px; }
.big_filter .big_filter_table tbody tr td label.lec_rdo input[type="radio"] { display:none; }

.big_filter .big_filter_table tbody tr td dl { display:block; padding:0 0 5px; }
.big_filter .big_filter_table tbody tr td dl:last-child { padding:0; }
.big_filter .big_filter_table tbody tr td dl dt { display:inline-block; width:110px; vertical-align:middle; }
.big_filter .big_filter_table tbody tr td dl dt span { display:inline-block; color:#000; font-weight:600; padding:0 15px; height:28px; line-height:28px; }
.big_filter .big_filter_table tbody tr td dl dd { display:inline-block; vertical-align:middle; }
.big_filter .big_filter_table tbody tr td dl dd label.lec_rdo span {  font-weight:300; }

.big_filter_btn { border-top:1px solid #000; padding:30px 0 0; text-align:center; position:relative; }
.big_filter_btn .lec_schd { display:inline-block; width:210px; height:46px; font-size:14px; line-height:42px; text-align:center; box-sizing:border-box; border-radius:3px; border:1px solid #6241e8; background:#6241e8; color:#fff; position:absolute; right:0; top:30px; }

/* 온/오프라인 강의 */
.sub_lecture_wrap { position:relative; }
.sub_lecture_wrap .lecture_list {}
.sub_lecture_wrap .lecture_list ul li { display:table; table-layout:fixed; width:100%; height:208px; border:1px solid #e1e1e1; box-sizing:border-box; margin-top:10px; }
.sub_lecture_wrap .lecture_list ul li:first-child { margin:0; }
.sub_lecture_wrap .lecture_list ul li > div { display:table-cell; vertical-align:middle; box-sizing:border-box; }
.sub_lecture_wrap .lecture_list ul li .img { width:260px; height:208px; }
.sub_lecture_wrap .lecture_list ul li .img img { width:100%; height:100%; }
.sub_lecture_wrap .lecture_list ul li .info { width:auto; padding:25px 30px; position:relative; }
.sub_lecture_wrap .lecture_list ul li .info .support_opt { position:absolute; right:20px; top:20px; }
.sub_lecture_wrap .lecture_list ul li .info .tit { font-size:16px; color:#333; font-weight:600; margin-bottom:5px; }
.sub_lecture_wrap .lecture_list ul li .info .txt { font-size:13px; line-height:20px; width:100%; max-height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; box-sizing:border-box; }
.sub_lecture_wrap .lecture_list ul li .info .info_in { margin-top:20px; }
.sub_lecture_wrap .lecture_list ul li .info .info_in dl { overflow:hidden; }
.sub_lecture_wrap .lecture_list ul li .info .info_in dl dt { float:left;  padding-right:10px; margin-right:10px; font-weight:300; position:relative; line-height:22px; min-width:56px; font-size:13px; }
.sub_lecture_wrap .lecture_list ul li .info .info_in dl dt:after { display:block; content:''; width:1px; height:10px; background:#dbdbdb; position:absolute; right:0; top:8px; }
.sub_lecture_wrap .lecture_list ul li .info .info_in dl dd { float:left; color:#2d409c; padding-right:5px; line-height:22px; font-size:13px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap { width:268px; padding:0 20px; background:#f6f6f8; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .price { text-align:right; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .price .org { text-decoration:line-through; font-size:15px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .price .sale { color:#ff4e4e; font-size:15px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .price .sale span { font-weight:600; font-size:36px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .btn { text-align:center; margin-top:20px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .btn > a { display:inline-block; width:110px; height:40px; font-size:14px; line-height:38px; text-align:center; box-sizing:border-box; border-radius:3px; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .btn > a.cr1 { border:1px solid #2d409c; background:#2d409c; color:#fff; }
.sub_lecture_wrap .lecture_list ul li .price_wrap .btn > a.cr2 { border:1px solid #000; background:#fff; color:#000; }

.not_search { text-align:center; padding:20px 0 50px !important; }
.not_search .txt1 { font-size:20px; font-weight:600; color:#000; line-height:36px; }
.not_search .txt2 { font-size:16px; color:#444; }

.sub_off_visual  { margin:0 -730px; max-height:450px; position:relative; box-sizing:border-box; }
.sub_off_visual > ul { width:100%; overflow:hidden; }
.sub_off_visual > ul > li { float:left; }
.sub_off_visual .sub_controls { width:100%; position:absolute; left:0; bottom:30px; text-align:center; }
.sub_off_visual .sub_controls ul li { display:inline-block; margin-left:10px; }
.sub_off_visual .sub_controls ul li:first-child { margin:0; }
.sub_off_visual .sub_controls ul li a { display:block; width:50px; height:5px; background:#fff; transform:rotateY(0deg); transition:all 0.9s; }
.sub_off_visual .sub_controls ul li a.active { background:#ff4e4e; transform:rotateY(180deg); }

.subfilter { margin-bottom:30px; }
.subfilter > ul { overflow:hidden; }
.subfilter > ul li { float:left; position:relative; }
.subfilter > ul li:first-child a { padding:0 20px 0 0; }
.subfilter > ul li:before { display:block; content:''; width:1px; height:10px; background:#2d409c; position:absolute; top:12px; left:0; }
.subfilter > ul li:first-child:before { display:none; }
.subfilter > ul li a { display:block; position:relative; z-index:1; font-size:14px; line-height:33px; color:#3c3c3c; padding:0 20px; }
.subfilter > ul li.active a { background:#2d409c; margin:0 -1px 0 0; color:#fff; padding:0 10px; }


/* 페이지 number */
.pagiwrap .pagination { margin-top:0; }
.pagination { width:100%; height:40px; overflow:hidden; text-align:center; position:relative; }
.pagination.type2 { overflow:visible; }
.pagination .paging { display:inline-block; *display:inline; zoom:1; }
.pagination .paging > a { display:block; width:20px; height:40px; margin-left:5px; float:left; font-size:16px; line-height:30px; color:#000; }
.pagination .paging .page_first { background:url('../img/page_begin.png') center center no-repeat; margin-left:0px; }
.pagination .paging .page_prev { background:url('../img/page_prev.png') center center no-repeat; }
.pagination .paging .page_next { background:url('../img/page_next.png') center center no-repeat; margin-left:0px; }
.pagination .paging .page_last { background:url('../img/page_end.png') center center no-repeat; }
.pagination .paging .page { display:block; float:left; padding:0 10px; height:40px; }
.pagination .paging .page a { display:block; float:left; width:40px; height:12px; padding:10px 0; font-size:15px; line-height:20px;  text-align:center;}
.pagination .paging .page a.active { color:#505ed1; font-weight:bold; text-decoration:underline; }



.pt0 {padding-top:0px !important;}		.pr0 {padding-right:0px !important;}			.pb0 {padding-bottom:0px !important;}			.pl0 {padding-left:0px !important;}
.pt5 {padding-top:5px !important;}		.pr5 {padding-right:5px !important;}			.pb5 {padding-bottom:5px !important;}			.pl5 {padding-left:5px !important;}
.pt10 {padding-top:10px !important;}		.pr10 {padding-right:10px !important;}		.pb10 {padding-bottom:10px !important;}		.pl10 {padding-left:10px !important;}
.pt15 {padding-top:15px !important;}		.pr15 {padding-right:15px !important;}		.pb15 {padding-bottom:15px !important;}		.pl15 {padding-left:15px !important;}
.pt20 {padding-top:20px !important;}		.pr20 {padding-right:20px !important;}		.pb20 {padding-bottom:20px !important;}		.pl20 {padding-left:20px !important;}
.pt25 {padding-top:25px !important;}		.pr25 {padding-right:25px !important;}		.pb25 {padding-bottom:25px !important;}		.pl25 {padding-left:25px !important;}
.pt30 {padding-top:30px !important;}		.pr30 {padding-right:30px !important;}		.pb30 {padding-bottom:30px !important;}		.pl30 {padding-left:30px !important;}
.pt35 {padding-top:35px !important;}		.pr35 {padding-right:35px !important;}		.pb35 {padding-bottom:35px !important;}		.pl35 {padding-left:35px !important;}
.pt40 {padding-top:40px !important;}		.pr40 {padding-right:40px !important;}		.pb40 {padding-bottom:40px !important;}		.pl40 {padding-left:40px !important;}
.pt45 {padding-top:45px !important;}		.pr45 {padding-right:45px !important;}		.pb45 {padding-bottom:45px !important;}		.pl45 {padding-left:45px !important;}
.pt50 {padding-top:50px !important;}		.pr50 {padding-right:50px !important;}		.pb50 {padding-bottom:50px !important;}		.pl50 {padding-left:50px !important;}
.pt55 {padding-top:55px !important;}		.pr55 {padding-right:55px !important;}		.pb55 {padding-bottom:55px !important;}		.pl55 {padding-left:55px !important;}
.pt60 {padding-top:60px !important;}		.pr60 {padding-right:60px !important;}		.pb60 {padding-bottom:60px !important;}		.pl60 {padding-left:60px !important;}
.pt65 {padding-top:65px !important;}		.pr65 {padding-right:65px !important;}		.pb65 {padding-bottom:65px !important;}		.pl65 {padding-left:65px !important;}
.pt70 {padding-top:70px !important;}		.pr70 {padding-right:70px !important;}		.pb70 {padding-bottom:70px !important;}		.pl70 {padding-left:70px !important;}
.pt75 {padding-top:75px !important;}		.pr75 {padding-right:75px !important;}		.pb75 {padding-bottom:75px !important;}		.pl75 {padding-left:75px !important;}
.pt80 {padding-top:80px !important;}		.pr80 {padding-right:80px !important;}		.pb80 {padding-bottom:80px !important;}		.pl80 {padding-left:80px !important;}
.pt85 {padding-top:85px !important;}		.pr85 {padding-right:85px !important;}		.pb85 {padding-bottom:85px !important;}		.pl85 {padding-left:85px !important;}
.pt90 {padding-top:90px !important;}		.pr90 {padding-right:90px !important;}		.pb90 {padding-bottom:90px !important;}		.pl90 {padding-left:90px !important;}
.pt95 {padding-top:95px !important;}		.pr95 {padding-right:95px !important;}		.pb95 {padding-bottom:95px !important;}		.pl95 {padding-left:95px !important;}
.pt100 {padding-top:100px !important;}	.pr100 {padding-right:100px !important;}	.pb100 {padding-bottom:100px !important;}		.pl100 {padding-left:100px !important;}

.mt0 {margin-top:0px !important;}			.mr0 {margin-right:0px !important;}			.mb0 {margin-bottom:0px !important;}		.ml0 {margin-left:0px !important;}
.mt5 {margin-top:5px !important;}			.mr5 {margin-right:5px !important;}    		.mb5 {margin-bottom:5px !important;}    	.ml5 {margin-left:5px !important;}
.mt10 {margin-top:10px !important;}		.mr10 {margin-right:10px !important;}  		.mb10 {margin-bottom:10px !important;}  	.ml10 {margin-left:10px !important;}
.mt15 {margin-top:15px !important;}		.mr15 {margin-right:15px !important;}  		.mb15 {margin-bottom:15px !important;}  	.ml15 {margin-left:15px !important;}
.mt20 {margin-top:20px !important;}		.mr20 {margin-right:20px !important;}  		.mb20 {margin-bottom:20px !important;}  	.ml20 {margin-left:20px !important;}
.mt25 {margin-top:25px !important;}		.mr25 {margin-right:25px !important;}  		.mb25 {margin-bottom:25px !important;}  	.ml25 {margin-left:25px !important;}
.mt30 {margin-top:30px !important;}		.mr30 {margin-right:30px !important;}  		.mb30 {margin-bottom:30px !important;}  	.ml30 {margin-left:30px !important;}
.mt35 {margin-top:35px !important;}		.mr35 {margin-right:35px !important;}  		.mb35 {margin-bottom:35px !important;}  	.ml35 {margin-left:35px !important;}
.mt40 {margin-top:40px !important;}		.mr40 {margin-right:40px !important;}  		.mb40 {margin-bottom:40px !important;}  	.ml40 {margin-left:40px !important;}
.mt45 {margin-top:45px !important;}		.mr45 {margin-right:45px !important;}  		.mb45 {margin-bottom:45px !important;}  	.ml45 {margin-left:45px !important;}
.mt50 {margin-top:50px !important;}		.mr50 {margin-right:50px !important;}  		.mb50 {margin-bottom:50px !important;}  	.ml50 {margin-left:50px !important;}
.mt55 {margin-top:55px !important;}		.mr55 {margin-right:55px !important;}  		.mb55 {margin-bottom:55px !important;}  	.ml55 {margin-left:55px !important;}
.mt60 {margin-top:60px !important;}		.mr60 {margin-right:60px !important;}  		.mb60 {margin-bottom:60px !important;}  	.ml60 {margin-left:60px !important;}
.mt65 {margin-top:65px !important;}		.mr65 {margin-right:65px !important;}  		.mb65 {margin-bottom:65px !important;}  	.ml65 {margin-left:65px !important;}
.mt70 {margin-top:70px !important;}		.mr70 {margin-right:70px !important;}  		.mb70 {margin-bottom:70px !important;}  	.ml70 {margin-left:70px !important;}
.mt75 {margin-top:75px !important;}		.mr75 {margin-right:75px !important;}  		.mb75 {margin-bottom:75px !important;}  	.ml75 {margin-left:75px !important;}
.mt80 {margin-top:80px !important;}		.mr80 {margin-right:80px !important;}  		.mb80 {margin-bottom:80px !important;}  	.ml80 {margin-left:80px !important;}
.mt85 {margin-top:85px !important;}		.mr85 {margin-right:85px !important;}  		.mb85 {margin-bottom:85px !important;}  	.ml85 {margin-left:85px !important;}
.mt90 {margin-top:90px !important;}		.mr90 {margin-right:90px !important;}  		.mb90 {margin-bottom:90px !important;}  	.ml90 {margin-left:90px !important;}
.mt95 {margin-top:95px !important;}		.mr95 {margin-right:95px !important;}  		.mb95 {margin-bottom:95px !important;}  	.ml95 {margin-left:95px !important;}
.mt100 {margin-top:100px !important;}	.mr100 {margin-right:100px !important;}		.mb100 {margin-bottom:100px !important;}	.ml100 {margin-left:100px !important;}


/* order */
.mc_menu { width:100%; height:100px; border-top:1px solid #000; border-bottom:1px solid #e1e1e1; text-align:center; margin:50px 0; }
.mc_menu ol { display:inline-block; padding:30px 0; }
.mc_menu ol li { display:block; float:left; margin-left:140px; position:relative; }
.mc_menu ol li:first-child { margin-left:0px; }
.mc_menu ol li:before { display:block; content:''; width:20px; height:38px; background:url('../html/image/ico_next.png') 0 0 no-repeat; position:absolute; top:1px; left:-79px; }
.mc_menu ol li:first-child:before { display:none; }
.mc_menu ol li.active span { color:#000; }
.mc_menu ol li span { display:block; padding-left:60px; font-size:16px; line-height:40px; color:#aaa; background:url('../html/image/mc_menu.png') 0 0 no-repeat; }
.mc_menu ol li.mc_1 span { background-position:0 -40px; }
.mc_menu ol li.mc_1.active span { background-position:0 0px; }
.mc_menu ol li.mc_2 span { background-position:0 -120px; }
.mc_menu ol li.mc_2.active span { background-position:0 -80px; }
.mc_menu ol li.mc_3 span { background-position:0 -200px; }
.mc_menu ol li.mc_3.active span { background-position:0 -160px; }

/* LNB */
.subLeft { width:200px; float:left; padding-bottom:100px; }
.subLeft > h2 { width:200px; height:105px; background:#fff; font-size:26px; text-align:left; color:#2d409c; display:table-cell; vertical-align:middle; border-bottom:2px solid #2d409c; font-weight:500; }
.subLeft .snb { width:200px; }
.subLeft .snb > li > a { padding:15px 0; font-size:15px; display:block; position:relative; border-bottom:1px solid #e1e1e1; word-break:keep-all; }
.subLeft .snb > li.active > a { color:#2d409c; font-weight:600; }
.subLeft .snb > li.active .grp_inner { display:block; }
.subLeft .snb li .grp_inner { display:none; padding:10px 20px; background:#f6f6f8; border-bottom:1px solid #e1e1e1; }
.subLeft .snb li .grp_inner > li { padding:4px 0; }
.subLeft .snb li .grp_inner > li.active > a { color:#000; font-weight:600; }
.subLeft .snb li .grp_inner > li > a { font-size:14px; color:#888; }

/* 도서 */
.sub_book {}
.sub_book ul { overflow:hidden; margin:0 -4px -4px 0; }
.sub_book ul li { float:left; width:284px; box-sizing:border-box; padding:20px; background:#f6f6f8; margin:0 4px 4px 0; }
.sub_book ul li .img { width:244px; height:244px; background:#fff; overflow:hidden; text-align:center; }
.sub_book ul li .img img { width:auto; height:244px; display:inline-block; }
.sub_book ul li .txt { margin-top:20px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:16px; color:#333; font-weight:600; }
.sub_book ul li .txt_defualt {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13px; margin-bottom:20px;height:40px; }
span.item-default{margin-left:10px;font-size:13px; font-weight:lighter;}

input[type=file] { display:inline-block; height:40px; line-height:40px; vertical-align:top; }
input,select { vertical-align:middle; outline:none; }
input[type=text],
input[type=number],
input[type=email],
input[type=password] { display:inline-block; min-width:220px; height:40px; padding:10px 15px 10px 15px; border:1px solid #dbdbdb; background:#fff; font-size:14px;  box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; }

a { vertical-align:top;  }
a:link { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; color:inherit; }
a:visited { text-decoration:none; color:inherit; }
a:active { text-decoration:none; color:inherit; }

.board_search { position:relative; padding:0 60px 0 0; }
.board_search input { height:60px; padding:0 0 0 40px; border:none; background:none; font-size:14px; }
.board_search input.keyword2 { width:600px; }
.board_search button { display:block; position:absolute; top:0; right:0; width:60px; height:60px; background:url('../html/image/ico_search2.png') center center no-repeat; text-indent:-9999px; border:0;}
.board_search select { border:none; width:150px; height:60px; line-height:60px; padding:0; }

#contanTs {position:relative; overflow:hidden}


.subtit_wrap { padding:0 730px; margin:0 -730px; height:239px; background:#f6f6f8; position:relative; }
.subtit_wrap .sub_title { font-size:38px; color:#333; text-align:center; font-weight:300; padding-top:70px; }

/* 나의 강의실 */
.free_info .free_btn { width:100%; background:url('../image/bg_free_btn.png') 0 0 no-repeat; margin:30px 0 80px; }
.free_info .free_btn ul { width:100%; height:100px; display:table; table-layout:fixed; }
.free_info .free_btn ul li { display:table-cell; vertical-align:middle; text-align:center; }
.free_info .free_btn ul li a { display:inline-block; padding-left:60px; color:#fff; font-size:16px; height:40px; line-height:40px; background:url('../image/ico_free_btn.png') 0 0 no-repeat; }
.free_info .free_btn ul li a.btn2 { background-position:0 -60px; }
.free_info .free_btn ul li a.btn3 { background-position:0 -120px; }

.tableList_top { overflow:hidden; margin-bottom:25px; }
.tableList_top .mypage_tit { display:inline-block; font-size:28px; color:#000; }
.tableList_top .Titleft { font-size:24px; font-weight:500; color:#000; }
.tableList_top .btn_search { width:80px; height:35px; display:inline-block; background:#333; color:#fff; font-size:14px; text-align:center; line-height:35px; }

.tit_wrap { overflow:hidden; position:relative; }
.tit_wrap > select { position:absolute; right:0; top:0; border:0px; }

.certificate_info {}
.certificate_info li { padding:0 0 0 13px; color:#000; position:relative; line-height:24px; font-size:13px; }
.certificate_info li:before { display:block; content:''; width:3px; height:3px; border-radius:50px; background:#ff4e4e; position:absolute; left:0; top:10px; }
.certificate_select { margin:30px 0; display:table; table-layout:fixed; }
.certificate_select li { display:table-cell; width:33.3%; padding:30px 20px 50px; border:1px solid #dbdbdb; text-align:center; background-color:#f4f4f4; position:relative; }
.certificate_select li dl dt { font-size:25px; font-weight:400; color:#499c28; }
.certificate_select li dl dd.info { margin:20px 0; }
.certificate_select li dl dd.btn { background:#000; color:#fff; padding:5px 0; position:absolute; left:50%; bottom:20px; margin-left:-50px; display:block; width:100px; }
.certificate_select li dl dd.btn a { display:block; }


.table_list1 { }
.table_list1 > thead > tr > th { padding:10px 0; font-size:14px; color:#000; border-bottom:1px solid #e1e1e1; text-align:center; border-top:1px solid #e1e1e1; background:#f6f6f8; position:relative; }
.table_list1 > thead > tr > th:before { display:block; content:''; width:1px; height:11px; background:#ccc; position:absolute; left:0; top:15px; }
.table_list1 > thead > tr > th:first-child:before { display:none; }
.table_list1 > tbody > tr > td { padding:15px 10px; font-size:14px;  border-bottom:1px solid #e1e1e1; text-align:center; }
.table_list1 > tbody > tr > td dl { display:table; padding:3px 0; }
.table_list1 > tbody > tr > td dl dt { display:table-cell; width:100px; color:#000; }
.table_list1 > tbody > tr > td dl dd { display:table-cell; }
.table_list1 > tbody > tr > td.img { padding:0px; }
.table_list1 > tbody > tr > td.img img { width:100px; height:auto; }
.table_list1 > tbody > tr > td.bg { background:#2c2f38; font-size:18px; color:#fff; border:0px; padding:20px 0; }
.table_list1 > tbody > tr > td.pack_tit {}
.table_list1 > tbody > tr > td.pack_tit > a { display:inline-block; border-radius:3px; padding:0 5px; background:#6241e8; color:#fff; }
.table_list1 > tbody > tr > td.pack_inner { text-indent:20px; font-size:13px; }
.table_list1 .check { margin:0 0 0 -1px; }
.table_list1 .check label { padding:0 0 0 20px; background:url('../image/chk_off.gif') center bottom no-repeat; }
.table_list1 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center bottom no-repeat; }

/* 출석체크 */
.fl_left {float: left;}
.pointer {cursor: pointer;}
.fl_right {float: right;}
.text_bold {font-weight: bold;}
.text_blue {color: #5579e3;}
.clear_both {clear: both;}
#app{width: 100%;overflow-y: scroll;height: 904px;background-color: #fff;position: relative;}
.free_pass_layer8 {font-family: Dotum;}
.free_pass_layer8 .layer8_head {height: 51px;padding-top: 20px;padding-left: 22px;padding-right: 22px;border-bottom: solid 1px #e6e6e6;}

.free_pass_layer8 .layer8_body .info_box {width: 507px;height: 100px;border-bottom: solid 1px #e6e6e6;margin: 0 auto;    margin-top: 0px;margin-top: 38px;}
.layer8_body .info_box .info_box1 {font-size: 14px;color: #5b5b5b;margin-bottom: 19px;}
.layer8_body .info_box .info_box2 {font-size: 12px;color: #7c7c7c;margin-bottom: 14px;}
.layer8_body .info_box .info_box3 {font-size: 12px;color: #7c7c7c;}
.free_pass_layer8 .con_bar .bg_bar {margin-left: 10px;vertical-align: top;margin-top: 3px;}
.detail_subj_list .con_bar .bg_bar, .free_pass_layer8 .con_bar .bg_bar {width: 200px;height: 5px;border-radius: 2px;background-color: #eeeeee;display: inline-block;position: relative;}
.detail_subj_list .con_bar .color_bar, .free_pass_layer8 .con_bar .color_bar {width: 150px;height: 5px;border-radius: 2px;background-color: #3d4ea1;display: inline-block;position: absolute;top: 0;}

.date_box {width: 500px;margin: 0 auto;    margin-top: 0px;margin-top: 26px;}
.date_title_box {width: 360px;margin: 0 auto;}
.layer8_body .date_box .date_title {font-size: 18px;font-family: Arial;text-align: center;margin-left: 114px;color: #5b5b5b;font-weight: 700;}

.layer8_body .date_box .date_name {margin-top: 43px;}
.layer8_body .date_box .date_name span {font-family: SansSerif;font-size: 12px;color: #b1b0b3;margin: 0 24px;letter-spacing: -0.3px;font-weight: bold;text-align: center;}
.date_box .date_nums_tbl {width: 500px;}
.date_box .date_nums_tbl td {font-size: 15px;font-family: SansSerif;color: #7c7c7c;font-weight: 800;padding: 28px 27px;letter-spacing: -0.4px;text-align: center;}
.date_box .date_nums_tbl td.date_nums_gray {color: #e5e5e5;}
.date_box .date_nums_tbl td.date_chked {padding: 0;padding-left: 10px;}
.date_box .date_chk_btn {font-size: 16px;font-family: Dotum;color: #fff;letter-spacing: -0.8px;display: block;width: 390px;height: 60px;margin: 0 auto;background-color: #2d409c;border-radius: 3px;margin-top: 22px;text-align: center;line-height: 4;margin-bottom: 40px;}
.ck_fancyclose {display: block;width: 14px;height: 14px;background: url('../calendar/src/image/pass_layer_del.png') no-repeat;position: absolute;right: 22px;top: 20px;}


/*강사진 배너 스타일*/
.bn_teacher_type {position:absolute; bottom:64px; left:24px; font-size:16px; color:rgba(255, 254, 254, 0.6); line-height:1.78px; font-family: NotoSansCJKkr;}
.bn_teacher_nm {position:absolute; bottom:24px; left:24px; font-size:23.5px; color:#fffefe; line-height:1.21; font-family: NotoSansCJKkr; font-weight:bold;}
.teacher_bg {width:207px; height:172px; position:absolute; bottom:0; left:0; z-index:5; background:url('../html/image/t_gradation.png') 0 0 no-repeat;}
.teacehr_back {width:207px; height:300px; position:absolute; bottom:0; left:0; z-index:5; background-color:#242742; opacity:0.84; }

.bn_teacher_type2 {position:absolute; width:100%; height:15px; top:66px; font-size:16px; line-height:1.78; color:rgba(206, 208, 226, 0.6); text-align:center;}
.bn_teacher_nm2 {position:absolute; width:100%; height:23px; top:92px; font-size:23.5px; line-height:1.21; color:#fffefe; text-align:center; font-weight:bold;}
.bn_summary {position:absolute; width:142px; top:125px; left:50%; margin-left:-72px; padding-top:21px; border-top:1px solid rgba(206, 208, 226, 0.6); font-size:16px; font-weight:500; line-height:1.34; color:#fff; text-align:center; }

.hide {display:none;}

.off_ing {
    display: block;
    width: auto;
    height: 21px;
    background: url("../img/detail-page/ing.png") no-repeat center;
    text-indent:-9999px;
}

.off_pre_res {
    display: block;
    width: auto;
    height: 21px;
    background: url("../img/detail-page/pre_res.png") no-repeat center;
    text-indent:-9999px;
}

.off_end {
    display: block;
    width: auto;
    height: 21px;
    background: url("../img/detail-page/end.png") no-repeat center;
    text-indent:-9999px;
}

.off_go_end {
    display: block;
    width: auto;
    height: 21px;
    background: url("../img/detail-page/go_end.gif") no-repeat center;
    text-indent:-9999px;
}


/*haemi custom*/

input[type="checkbox"] + .book_la { display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    margin: -2px 10px 0 0;
                                    vertical-align: middle;
                                    background: url(../img/login/redio.png) 0 top no-repeat;
                                    cursor: pointer;
                                    margin-left:-24px;
                                    width:51px;
}

input[type="checkbox"]:checked + .book_la {width: 20px;
                                           height: 20px;
                                           margin: -2px 10px 0 0;
                                           vertical-align: middle;
                                           background:url('../img/login/radio-on.png') 0 top no-repeat;
                                           margin-left:-24px;
                                           width:51px;

}
.book_id { display:inline-block !important; opacity:0; }


/*
   최초 작성일 : 2019.9.10
   마지막 수정일 : 2019. 9. 30
   작성자 : 강희성
   내용 : 홈페이지 전반 수정 및 추가 CSS
*/

/* UI border */
#mega.active{border-bottom: 3px solid #505ed1;}
#header .nav .sub_gnb .success-review .active{color:#505ed1;}
.teacher-intro a:hover{color:#505ed1 !important;}

/* 합격,수강후기 UI */
.nav{position: relative}
#header .bottom .nav .sub_gnb > div{margin-top:17px}
.success-review{position:relative;}
.success-review-submenu{position:absolute;top:-9999px;left:-40px;background:#fff;border-bottom: 3px solid #505ed1;width:160px;z-index:100;padding:24px 25px 26px 28px;box-sizing: border-box;border-top:1px solid #f0f2f5}
.success-review.active .success-review-submenu{top:36px}
.success-review-submenu li{padding-bottom:11px;width:100%}
.success-review-submenu li:last-child{padding-bottom:0}
.success-review-submenu li.active a{color:#505ed1 !important;}
.success-review > ul > li {height:36px}
.success-review.active > ul > li.active > a{color:#505ed1 !important;}
.success-review-submenu li a{transform:translateX(100%);width:100%;display:block;opacity: 0}
.success-review > ul > li:hover > ul > li a{transform:translateX(0);opacity: 1;}
.success-review-submenu li:nth-child(1) a{transition:transform .4s 0s, opacity .4s 0s}
.success-review-submenu li:nth-child(2) a{transition:transform .4s .05s, opacity .4s .05s}
.success-review-submenu li:nth-child(3) a{transition:transform .4s .1s, opacity .4s .1s}

/* main slider 간격 조정 */
#main_slider {top:0 !important;}

/* 관리자 버튼 */
.admin {float:left;background: #000;border-radius:3px;width:65px;height:24px;;margin:5px 0 0 12px;line-height: 24px}
.admin a{padding:0 !important;color:#fff !important;font-size: 13px !important;text-align: center !important;width:100%}

/* 사용자 2차 메뉴 */
#header .top .top_menu .h_btn .name{margin-left:0 !important;}
.ui-customer-center{line-height:22px !important; padding-top:8px !important; padding-bottom:14px !important;}

/*선생님 소개 메인*/
.teacher-title-wrap{margin-bottom:60px}
.teacher-intro-title{font-size:30px;font-weight:600}
.teacher-intro-title span{font-weight:300}
.usp-banner-margin{margin-top:-35px}

/* 메인 슬라이더 */
.main-slider-margin{margin-top:32px}

/* 무료관 Q&A 영역 */
.qna-wrap{height:900px;margin-top:77px;text-align: center;border-top:1px solid #e584fc}

/* 베스트5 슬라이더 */
.best5-slider-wrap{position: absolute;top:20px;right:0;background:#fff;width:222px}
.best-tl{margin:13px 0 17px;text-align:center;color:#ff5b59;font-size:20px}
.best-tl span{font-weight:bold}
.vertical{position: relative;width:153px;height:121px;overflow:hidden;margin:0 auto; border:1px solid #e1e1e1;}
.vertical ul{position:absolute;top:0;left:0;}
.ui{margin-top:22px}
.ui li{border-bottom:1px solid #e9e9e9;padding:10.5px 21px;font-size:13px;color:#16181a;cursor:pointer}
.ui li:last-child{border-bottom:0}
.ui li span{font-family: 'Noto Sans CJK KR Black', sans-serif;font-weight:500;color:#505ed1;padding-right:3px}
.ui li.active{background:#f6f6fc}

/* 메인 상단 오른쪽 슬라이드 배너 네비게이션 */
.middle .banner_btn > div img{border:1px solid #d8dadb}
.middle .banner_btn > div img.active{border:1px solid #a6a6a6}

/* 무료관 하단 배너 영역 */
.free-view-banner{width:1100px;height:180px;background:#f4f4f4;margin:3px 0 100px}

/* 이벤트 마우스 오버 */
.contents_container > ul > li:hover p{text-decoration: underline}

/* 이벤트 종료 표시 */
.event-end-img{position: relative}
.icon-end{position: absolute;top:0;left:0;z-index:2}

/* 선생님 좌측 메뉴 */
.area_flex_inner .main_section .left_box .btn_wrap{display:block}

/* 오프라인 시간표 타이틀 */
.offline-tl-wrap{margin-bottom:0}

/* 선생님 슬라이드 위치 조정 */
.teacher_slide.slick-slide.slick-cloned{width:197px !important;}

/* 강의신청 테이블 간격 조정 */
.eng-th-size th{width:100px !important;}
.pub-th-size th{width:85px !important;}

/* 공기업 메인 채용공고 맞춤 강의 추천 선생님 리스트 */
.more_name_trigger{display: inline-block;padding-left:5px}
.more_name_trigger img{vertical-align: -3px}
.teacher-more-name span{white-space: nowrap;letter-spacing: -0.2px}

/* 선생님 소개 페이지 네비게이션 */
.teacher_slider .slick-prev,.public_slider .slick-prev{background:#fff url('../img/introduce/prev2.png');width:30px;height:31px;font-size:0;position:absolute;right:31px;bottom:-55px}
.teacher_slider .slick-next,.public_slider .slick-next{background:#fff url('../img/introduce/next2.png');width:31px;height:31px;font-size:0;position:absolute;right:0;bottom:-55px}

/* 수강신청 리스트 중앙정렬*/
.text_container-wrap{display:flex;justify-content: center;align-items: center;height:209px}

/* 메인 왼쪽 롤링배너 넘버 보이기 */
.left_rolling_banner .slick-dots .slick-active button{display:block !important;}

/* 더보기 밑줄 */
.more a:hover{
    text-decoration: underline;
}
.more:hover{
    text-decoration: underline;
}

/* 화살표 방향 전환 */
.rotate{transform: rotate( 180deg );transform-origin:center 50%}
#section01 .nav .more{position:relative}
#section01 .nav .more-img{margin-top:-1px;margin-left:-10px}
.more_name_trigger img{transform-origin:center 50%}
#section02 .select_tap .area_flex_inner > div.toggle .arrow{background: url(../img/list/arrow-up.png)no-repeat center !important;}

/* 히스토리 버튼 위치 */
#section01 .nav > div:nth-child(2){margin-right:10px}
#section01 .nav .home span img{vertical-align: -1px}
#section01 .nav .home span{margin-right:9px}

/* 히스토리 수강신청 */
.enrolment:hover{text-decoration: underline;cursor:pointer;text-decoration-color: #60656a;}

/* 강의 상세 수강후기 구분 컬러 */
.slice-color{color:#7d7e80;padding-right:5px}

/* ui 아이콘 */
.ui-new{font-size:11px; color:#ff4e4d; letter-spacing:-0.55px;vertical-align: 1px;padding-left:3px}
.ui-beta{font-size:11px; color:rgba(45, 64, 156, 0.7); letter-spacing: -0.55px;vertical-align: 1px;padding-left:3px}

/* 결재금액 */
.all_calc_price_wrap > span{font-weight: bold}

/* 추천강의 슬라이드 */
.recommend_slid{width:1095px;position:relative}
.recommend_slid li{width:260px;margin:0 7px}
.recommend_slid .slick-prev{background: url(../img/section02/prev.png);width:60px;height:62px;font-size:0;position:absolute;top:74px;left:-12px;z-index:10}
.recommend_slid .slick-next{background: url(../img/section02/next.png);width:60px;height:62px;font-size:0;position:absolute;top:74px;right:3px;z-index:10}
.recommend_slid .slick-track li:hover .middle_title a{text-decoration: underline}
.recommend_slid .slick-track .middle_title{margin:10px 0 20px}

/* 메인 띠배너 */
.brake_vertical_slider .list:hover a{text-decoration: underline}
#brake_section .cal_btn:hover{text-decoration: underline}

/* 선생님 리스트 */
.left_box .enginic.on a:hover,.left_box .public.on a:hover{text-decoration: underline}

/* 강의상세 탭 */
#tab_container ul > li.on{color: #505ed1;font-weight: bold;}

/* 회원가입페이지 */
.form_box .all_agree label,.form_box .agree label{background-position: left 0 top 1px;display:inline-block;height:22px;width:100%;}
.form_box #trans_page{font-size:16px;}
.form_table .phone_field .hp2{padding-left:5px;}


/*
   최초 작성일 : 2019.10.4
   마지막 수정일 : 2019.11.6
   작성자 : 강희성
   내용 : 메인페이지, 검색페이지, 프로모션 CSS
*/

.tab-menu{display:flex;}
.tab-menu li{cursor: pointer;}
.right-wing{position:absolute;right:-130px;top:0;z-index:100;border:1px solid #e1e1e1;width:100px;box-sizing: border-box;background: #fff}
.right-wing .view-lecture,.right-wing .cart{background:#f9fbfc;font-size:11px;color:#4d4d4d;font-family: 'Dotum';font-weight:bold;padding:10px;letter-spacing: -1px}
.right-wing .view-lecture span,.right-wing .cart span{color:#505ed1;}
.right-wing .cart{background:#f9fbfc url("/template/1/image/cart_arrow.png")no-repeat right 10px top 14px;border-bottom:1px solid #e1e1e1;cursor:pointer;}
.right-wing .view-lecture{border-bottom:1px solid #e1e1e1}
.view-lecture-list{padding:0 10px;}
.view-lecture-list .slick-prev{background:url("/template/1/image/wing_prev.png")no-repeat left 36px top 8px;font-size:0;height:20px;width:100%;}
.view-lecture-list .slick-next{background:url("/template/1/image/wing_next.png")no-repeat left 36px top 8px;font-size:0;height:20px;width:100%}
.view-lecture-list .slick-list{height:178px !important;padding: 4px 0;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.view-lecture-list .slick-list,.view-lecture-list .slick-track,.view-lecture-list .slick-slide,.view-lecture-list .slick-slider{position:static !important;}
.view-lecture-list .slick-dots > li > button{display:block !important;}
.view-lecture-list .thumbnail{width:64px;margin-left:13px;position: relative;padding-bottom:10px;}
.view-lecture-list li{cursor:pointer;}
.view-lecture-list li .thumbnail::before{content:'';position:absolute;width:6px;height:6px;background:url("/template/1/image/wing_circle.png")no-repeat;left:-13px;top:23px;z-index:10;}
.view-lecture-list li .thumbnail::after{content:'';position:absolute;width:1px;height:63px;left:-10px;top:0;z-index:9;background: #f0f0f0}
.view-lecture-list li:first-child .thumbnail::after{content:'';position:absolute;width:1px;height:63px;left:-10px;top:28px;z-index:9;background: #f0f0f0}
.view-lecture-list li:last-child .thumbnail::after{content:'';position:absolute;width:1px;height:30px;left:-10px;top:0px;z-index:9;background: #f0f0f0}
.view-lecture-list li:last-child .thumbnail.line-none::after{content:'';position:absolute;width:1px;height:30px;left:-10px;top:0px;z-index:9;background: #fff}
.view-lecture-list li{position:relative;}
.view-lecture-list li .thumbnail img{position:relative;z-index:12;border:1px solid #e1e1e1;}
.view-lecture-list li .detail{width:300px;border:1px solid #000000;box-sizing: border-box;padding:5px 85px 5px 15px;background:#fff;position:absolute;top:-9px;left:-211px;z-index:11;display:none;height:70px;}
.view-lecture-list > ul > li:first-child{margin-top:10px;}
.view-lecture-list > ul > li:last-child{margin-bottom:10px;}
.view-lecture-list li:last-child .thumbnail{padding-bottom:0;}
.view-lecture-list li{line-height:18px;}
.view-lecture-list li .detail .subject{color:#666666;font-size:12px;font-family: 'Dotum';line-height: 1.2}
.view-lecture-list li .detail .name{color:#505ed1;font-size:11px;font-family: 'Dotum';display:block;margin-top:4px;}
.view-lecture-list .prev{background:url("/template/1/image/wing_prev.png")no-repeat left 36px top 8px;cursor:pointer;width:80px;height:20px;border-bottom:1px solid #f4f4f4;}
.view-lecture-list .next{background:url("/template/1/image/wing_next.png")no-repeat left 36px top 8px;cursor:pointer;width:80px;height:20px;border-top:1px solid #f4f4f4;}
.tab-contents li{display:none}
.tab-contents li:first-child{display:block;}
.check-group{position:relative;display:inline-block;cursor:pointer;}
.check-group input[type=checkbox]{display: inline-block !important;opacity: 0;position:absolute;top:2px;left:0;width:100%;height:100%;cursor:pointer;}
.check-group input[type=checkbox]:checked + label{background:url(../img/list/chked.png?v=2) no-repeat left -2px top 2px}
.main-banner{position:relative;}
.main-banner .slider-nav{position:relative;width:1100px;margin:0 auto;}
.main-banner .slider-nav .navbtn-group{position:absolute;top:-62px;right:0;display:flex;}
.main-banner .slider_nav{position:relative;width:1100px;margin:0 auto;}
.main-banner .slider_nav ul{position:absolute;top:-64px;left:0;display:flex;}
.main-banner .slider_nav li{border:2px solid #000;color:#fff;background: #000;font-size:14px;margin-right:8px;padding:0 12px;border-radius:20px;height:34px;line-height: 30px;box-sizing: border-box;cursor:pointer;opacity: 0.5}
.main-banner .slider_nav li.on{border:2px solid #fff;color:#fff;box-sizing: border-box;opacity: 1;background:none;}
.main-banner{position:relative;}
.main-banner .slick-dots{width:1100px;display:flex;position:absolute;bottom:30px;left:50%;transform: translateX(-50%);}

.main-banner .slick-dots button{display:block;border:2px solid #000;color:#fff;background: #000;font-size:14px;margin-right:8px;padding:0 12px;border-radius:20px;height:34px;line-height: 30px;box-sizing: border-box;cursor:pointer;opacity: 0.5;transition: color 1s, opacity 1s}
.main-banner .slick-dots .slick-active button{border:2px solid #fff;color:#fff;box-sizing: border-box;opacity: 1;background:none;}


.main-banner .slider-nav .navbtn-group > div{cursor:pointer;}
#main_slider{min-width:1100px;}
#main_slider .slick-slide{overflow: hidden;display: flex;align-items: center;justify-content: center;}
#main_slider .slick-slide img{min-width:1920px;}
.wrap{width:1100px;margin:0 auto;}
.freepass-wrap{position:relative;margin-top:20px;}
.freepass-wrap li{position:relative;}
.freepass-wrap .time-wrap{position:absolute;bottom:14px;left:36px;width:474px;}
.freepass-wrap .time-wrap .time{color:#fff;font-size:24px;font-weight: bold;font-family:"Noto Sans CJK KR Regular", sans-serif;border:1px solid #454545;border-radius:4px;padding:0 5px;background:#000;display:inline-block;height:34px;line-height:30px;}
.freepass-wrap .time-wrap .division{color:#8b8b8b;font-size:13px;vertical-align: 3px}
.freepass-wrap .time-wrap .resdiual{font-size:14px;color:#fff;padding-left:5px;}
.freepass-wrap .time-wrap .total{font-size:17px;color:#fff;padding-left:5px;font-weight:bold;}
.freepass-wrap .time-wrap button{width:129px;height:46px;font-size:15px;color:#fff;font-weight: bold;background: #000;border-radius:6px; cursor:pointer;}
.freepass-wrap .slick-slide {margin: 0 8px;} 
.freepass-wrap .slick-list {margin: 0 -8px;}
.recommend .slick-slide {margin: 0 7px;} 
.recommend .slick-list {margin: 0 -7px;}
.main-section-top{margin-top:65px;}
.main-section-top h2{font-weight: bold;font-size:21px;color:#16181a;}
.flex{display:flex}
.flex-between{display:flex;justify-content: space-between;}
.flex-around{display:flex;justify-content: space-around;}
.flex-wrap{display:flex;flex-wrap:wrap;}
.freepass-wrap .slick-prev,.recommend .slick-prev{background:url(../image/prev1.png) no-repeat;width:26px;height:25px;font-size:0;position:absolute;top:-43px;right:25px;}
.freepass-wrap .slick-next,.recommend .slick-next{background:url(../image/next1.png) no-repeat;width:25px;height:25px;font-size:0;position:absolute;top:-43px;right:0;}
.freepass-wrap .slick-prev.active,.recommend .slick-prev.active{background:url(../image/prev1_on.png) no-repeat;}
.freepass-wrap .slick-next.active,.recommend .slick-next.active{background:url(../image/next1_on.png) no-repeat;}
input,textarea,button:focus {outline: none !important;}
.lecture-progress-wrap .wrap{border-top:1px solid #ebebeb;margin-top:72px;padding-top:48px;}
.lecture-progress-wrap h2{font-size:21px;font-weight: bold;color:#16181a;padding-bottom:17px;}
.lecture-progress-container{padding:20px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:628px;box-sizing: border-box;}
.lecture-progress-container .thumbnail{position: relative;}
.lecture-progress-container .thumbnail::after{content:'';position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:276px;height:218px;z-index:1;}
.lecture-progress-container .thumbnail .play{position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform: translate(-50%,-50%)}
.lecture-progress-container .subject{padding:39px 47px 44px 25px;font-size:17px;color:#000;line-height:26px;font-weight: bold;display:block;}
.lecture-progress-container .day{padding:0 47px 0 25px;font-size:14px;color:#747474;display:block;}
.lecture-progress .percent{width:100%;background:#e1e1e1;height:4px;position:relative;}
.lecture-progress .ing{height:4px;background:#5366ff;position:absolute;top:0;left:0;animation:stack 2s 1;}
.lecture-recommend{width:453px;}
.recommend .subject{font-size:16px;color:#000;margin:13px 0 13px;line-height:23px;letter-spacing: -1px;font-weight:bold;}
.recommend .teacher_name{color:#747474;font-size:14px;}
.recommend .teacher{margin-top:0;}
.recommend .teacher .more-teacher{vertical-align: 3px}
.recommend .slick-slide{height:351px;}
.mid-banner{margin:0 auto 72px;width:1100px;}
.teacher-wrap li{width:263px;}
.book-wrap li{width:263px;box-sizing: border-box;}
.book-wrap .img_section{border:1px solid #dedede;text-align:center;}
.teacher-wrap h2{font-size:21px;color:#16181a;font-weight: bold}
.teacher-wrap ul{margin-top:15px;}
.teacher-wrap .more,.free .more{color:#999999;font-size:13px;background:url(../image/more_arrow.png) no-repeat right 0 top 6px;padding-right:10px;cursor:pointer;margin-top:5px;}
.academy .more{color:#999999;font-size:13px;background:url(../image/more_arrow.png) no-repeat right 0 top 6px;padding-right:10px;cursor:pointer;margin-top:80px;}
.teacher-wrap .teacher_title{color:#3844a4;font-size:13px;margin-top:10px;}
.teacher-wrap .middle_title{color:#16181a;font-size:17px;font-weight: bold;height:50px;display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.teacher-wrap .term{margin-top:20px; height:50px;}
.teacher-wrap .img_section{position: relative;}
.teacher-wrap .img_section .icon-group{position:absolute;top:0;right:0;}
.teacher-wrap .img_section .icon-group span{display: inline-block;margin-left:5px;}
.lecture-choice .wrap li{flex:1 1 auto;}
.lecture-choice .wrap h2{font-size:21px;color:#16181a;font-weight: bold;margin:10px 0 20px;}
.lecture-choice .wrap li > a div{background:#f5f5f5;width:96px;height:96px;border:1px solid #e1e1e1;box-sizing: border-box;border-radius: 48px;position:relative;margin:0 auto;}
.lecture-choice .wrap li > a div img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.lecture-choice .wrap li > span{width:100%;margin:10px auto 0;text-align: center;display:block;font-size:15px;color:#16181a;}

#brake_section .calendar{position:relative;float:right;}
#brake_section .calendar button{
    background: rgb(104,90,235); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(104,90,235,1) 0%, rgba(91,117,244,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(104,90,235,1) 0%,rgba(91,117,244,1) 100%) /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(104,90,235,1) 0%,rgba(91,117,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#685aeb', endColorstr='#5b75f4',GradientType=1 ); /* IE6-9 */
    height:50px;border-radius:25px;padding:0 53px 0 59px;color:#fff;font-size:15px;
    letter-spacing:-1px;
}
#brake_section .calendar::after{content:'';background:url('../image/btn_arrow.png');position:absolute;top:19px;right:28px;width:7px;height:11px;}
#brake_section .calendar::before{content:'';background:url('../image/btn_icon.png');position:absolute;top:13px;left:28px;width:19px;height:21px;}
.academy h2{font-size:21px;font-weight:bold;color:#16181a;margin:65px 0 20px;}

.academy li > div:first-child{margin-bottom:10px;}
.academy li .subject{font-size:17px;color:#16181a;margin:7px 0 19px;font-weight:bold;}
.academy li .teacher{font-size:14px;color:#16181a;margin-bottom:65px;}
.free{background:#f9f9f9;padding:65px 0;}
.free h2{font-size:21px;font-weight:bold;color:#16181a;margin-bottom:20px;}
.free .first{width:232px;}
.free .first .subject{font-size:16px;color:#16181a;font-weight:bold;margin-top:15px;height:70px;}
.free .last{width:355px;}
.free .last .content{margin:7px 0 0 15px;}
.free .last .subject{font-size:16px;color:#16181a;margin-bottom:15px;font-weight:bold;}
.free .last .banner{margin-top:15px;}
.section03-old h2{font-size:26px;text-align:center;font-weight:bold;}
.section03-old .tab{text-align:center;margin-bottom:30px;}
.section03-old .tab span{display: inline-block;font-size:18px;font-weight: bold;color:#888888;margin:0 25px;padding:3px 8px;cursor:pointer;}
.section03-old .tab span.active{color:#5366ff;border-bottom:4px solid #5366ff;}
.title_wrap{margin-bottom:22px;position:relative;}
.title_wrap .more{position:absolute;bottom:-75px;right:0;color:#999999;font-size:13px;background:url(../image/more_arrow.png) no-repeat right 0 top 6px;padding-right:10px;cursor:pointer;}
.teacher{position:relative;margin-top:20px;}
/*.teacher-more-name{position:absolute;top:20px;left:0;}*/
.teacher-more-name.active {position:absolute; left:0; z-index:10;}
.teacher-more-name.active a{white-space:nowrap;letter-spacing:-0.2px;}
@keyframes stack{
    0%{width:0;opacity:0;}
    30%{opacity:1;}
    100%{opacity:1;}
}
.section03-old {
    padding-top: 72px;
    padding-bottom: 111px;
}
.section03-old .teacher_slider .slick-slide{
    position: relative;
    margin: 0 8px;
}
.section03-old .teacher_slider .slick-slide:hover:after{
    opacity: 1;
}

.section03-old .teacher_slider .slick-dots{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    bottom: -35px;
}
.section03-old .teacher_slider .slick-dots > li{
    width: 10px;
    height: 10px;
    background: #e4e4e4;
    border-radius: 50%;
    margin-right: 16px;
    float: left;
    transition:all 0.5s;
    cursor: pointer;
}
.section03-old .teacher_slider .slick-dots > li.slick-active{
    transform:scale(1.5);
    background: #16181a;
}
.section03-old .prev{
    position: absolute;
    left: 10px;
    top: 60%;
    transform:translateY(-50%);
    cursor: pointer;
}
.section03-old .next{
    position: absolute;
    right: 10px;
    top: 60%;
    transform:translateY(-50%);
    cursor: pointer;
}
.section04-old{

    /*background: #f9f9f9;*/
    padding-bottom: 72px;
    /*margin-bottom:72px;*/
}


.section04-old .review{
    margin-bottom: 47px;
}



.section04-old .review > li img{
    width: 100%;
    height: 100%;
}

.section04-old .review > li:last-child{
    margin-right: 0;
}


.section04-old .curry_input{
    height: 90px;
    background: url("../img/section04/banner.jpg")no-repeat center;
    position: relative;

}

.section04-old .curry_input #name_field{
    width: 200px;
    height: 37px;
    background: #fff;
    border: none;
    padding: 0 10px;
}

.section04-old .curry_input #num_field{
    width: 220px;
    height: 37px;
    background: #fff;
    border: none;
    padding: 0 10px;
}
.section04-old .disten{display:flex;}
.section04-old .disten label{
    position:absolute;
    left:-1000000px;    
}
.hp-filed{margin:0 7px;display:flex;}
.hp-filed select{
    width:90px;
    min-width:90px;
    height:37px;
    border:0;
    border-radius:0;
}
.hp-filed input{
    width:88px;
    min-width:88px !important;
    height:37px !important;
    border:0;
}
.hp-filed span{
    color:#fff;
    width:10px;
    display:inline-block;
    text-align:center;
    line-height:37px
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.section04-old .curry_input .disten{
    position: absolute;
    right: 90px;
    top:50%;
    transform:translateY(-50%);
}


/*------------------//section04*/




/*ham custom css*/


.section04-old .curry_input input[type='submit'], #section04 .submit_btn{
    display:inline-block;
    width: 81px;
    height: 37px;
    line-height:37px;
    background: #282828;
    color:white;
    letter-spacing: -0.42px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    text-align:center;
}

.section04-old .review > li{
    width: 365px;
    float: left;
    margin-right: 1px;
}
/* 상담신청 팝업 css 추가 */
#consulting{margin-top:90px;}
#popName{padding:10px 15px 10px 10px;border:0;}
.popup-wrap{width:530px;background:#fff;box-sizing: border-box;padding:48px 50px 70px;color:#16181a;position:relative;}
.popup-wrap h1{font-weight: bold;font-size:26px;}
.popup-wrap .text{font-size:14px;margin-top:19px;line-height:20px}
.popup-wrap hr{border-top:1px solid #e1e1e1;margin:23px 0 17px;}
.popup-wrap .time-wrap{font-size:14px;}
.popup-wrap .time-wrap .time{font-size:14px;border:1px solid #16181a;border-radius:20px;padding:3px 6px;text-align:center;width:86px;display: inline-block;margin-right:16px;letter-spacing: -1px}
.popup-wrap .time-wrap .lunch{font-size:13px;color:#7d7e80;display: inline-block;margin-left:10px;letter-spacing: -1px}
.popup-wrap .type-table{display:flex;margin-top:40px;}
.popup-wrap .type-table .title{width:115px;font-size: 15px;font-weight: bold;line-height: 40px}
.popup-wrap .type-table > div:last-child{width:calc(100% - 115px);}
.popup-wrap .input-line{border-bottom:1px solid #dedede;}
.popup-wrap .name{border-bottom:1px solid #16181a;position: relative;}
.popup-wrap .name span{position: absolute;top:10px;right:5px;display:none;cursor:pointer;}
.popup-wrap .name input{width:100%;}
.popup-wrap .select-phone-wrap{display:flex;}
.popup-wrap input,.popup-wrap select{border:0;}
.popup-wrap .select-time,.select-consulting{width:100%;}
.popup-wrap .select-phone{width:75px;min-width:75px;}
.popup-wrap .first-num input,.popup-wrap .last-num input{width:105px;min-width:105px;text-align:center;}
.popup-wrap .dash{line-height:35px;padding:0 10px;}
.popup-wrap textarea{border:1px solid #16181a;height:130px;padding:13px 16px !important;font-family: 'Noto Sans CJK KR Bold',sans-serif;font-size:15px;line-height:24px;color:#16181a;}
.popup-wrap .cont li{background:url("../img/index/popup_list.png")no-repeat left 0 top 5px;padding-left:10px;font-size:13px;color:#7d7e80;letter-spacing: -1px;margin-bottom:5px;}
.popup-wrap .cont ul{margin-top:6px;}
.popup-wrap .close{position: absolute;top:16px;right:16px;cursor: pointer;}
.popup-wrap .agree-wrap{margin:20px 0 0 115px;display:flex;}
.popup-wrap .private-label{font-size:14px;color:#000000;padding-top:2px;}
.popup-wrap input[type=checkbox]:checked + label{background:url('../img/list/chked.png?v=2') no-repeat left -1px top 2px !important;}
.popup-wrap input[type=checkbox] + label{padding-left:25px !important;}
.popup-wrap .agree-wrap span{display:inline-block;color:#7d7e80;font-size:12px;margin-left:16px;cursor:pointer;text-decoration:underline;padding-top:2px;}
.popup-wrap .res-btn{background: #505ed1;color:#fff;width:100%;font-size:16px;padding:17px 0;margin-top:48px;border-radius:5px;}
.popup-wrap .private-content{margin-top:30px;height:580px;overflow-y: auto;}
.popup-wrap .subject{font-size:16px;font-weight: bold;}
.popup-wrap .contents{font-size: 14px;color:#7d7e80;margin-top:10px;}
.label-hidden{position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}
.popup-wrap .select-phone-wrap input{border:0;}
#consulting,#private {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.popup_wrapper_visible #consulting,.popup_wrapper_visible #private {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.teacher_text:hover {text-decoration:none;}
.searchbar-wrap{background:#f8f8f8;padding:12px 0;}
.searchbar-wrap .wrap > div{position: relative}
.searchbar-wrap .wrap .choice{display:none;}
.searchbar-wrap .wrap .division{cursor:pointer;font-size:14px;color:#16181a;font-weight:bold;border:1px solid #e1e1e1;box-sizing: border-box;height:34px;line-height:32px;border-radius:20px;padding:0 46px 0 20px;margin-right:16px;background:#fff url("/template/1/img/list/arrow-dark.png")no-repeat right 21px top 15px;}
.searchbar-wrap .wrap .division.active{color:#505ed1;border:1px solid #505ed1;background:#fff url("/template/1/img/list/arrow-dark.png")no-repeat right 21px top 15px}
.searchbar-wrap .wrap .division:hover{background:#f2f2f2 url("/template/1/img/list/arrow-dark.png")no-repeat right 21px top 15px;border:1px solid #f2f2f2;color:#16181a}
.searchbar-wrap .wrap .choice{position:absolute;top:40px;left:0;background: #fff;border:1px solid #b3b3b3;border-radius: 2px;z-index:10;box-sizing: border-box;padding:25px;min-width:265px;}
.searchbar-wrap .wrap .choice li{margin-bottom:20px;}
.searchbar-wrap .wrap .choice li:last-child{margin-bottom: 0}
.searchbar-wrap .wrap .choice .title{font-size:15px;font-weight:bold;color:#16181a;}
.searchbar-wrap .wrap .choice .non-select{color:#505ed1;font-size:12px;font-family: 'Dotum';cursor:pointer;}
.searchbar-wrap .wrap .choice ul{margin-top:15px;}
.searchbar-wrap .reset{cursor:pointer;font-size:14px;color:#4d4d4d;padding-top:6px;background:url("/template/1/image/cycling.png")no-repeat right 0 top 9px;padding-right:25px}
.searchbar-wrap .process .non-select,.searchbar-wrap .process ul,.searchbar-wrap .process .btn-select{display:none;}
.searchbar-wrap .process .txt{font-size:13px;color:#585858;margin-top:15px;letter-spacing: -1.2px;line-height: 20px}
.searchbar-wrap .btn-select{text-align:right;margin-top:20px;}
.searchbar-wrap .btn-select button{background:#505ed1;color:#fff;font-size:13px;font-weight: bold;padding:12px 16px;box-sizing: border-box;border-radius:3px;}
.searchbar-wrap .btn-select button:hover{background: #384292;color:#d0d3e2;}
.teacher-wrap .discount{color:#505ed1;font-size:13px;margin-right:3px;}
.teacher-wrap .discount b{font-size:16px;font-weight:bold;}
.teacher-wrap .sale span{display:inline-block;}
.teacher-wrap .sale{border-top:1px solid #ededed;margin-top:24px;padding-top:15px;}
.teacher-wrap .star-wrap {display:flex;margin-top:3px;}
.teacher-wrap .price{color:#16181a;font-weight: bold;font-size: 16px;}
.teacher-wrap .origin{color:#7d7e80;font-size:13px;text-decoration: line-through;margin-left:3px;}
.teacher-wrap .star_on{margin-right:1px;margin-top:2px;background:url("/assets/template/1/image/star_black.png")}
.teacher-wrap .star_off{margin-right:1px;margin-top:2px}
.teacher-wrap .num{font-size: 11px;color:#7d7e80;margin-left:5px;}
.teacher-wrap.unlimite .flex-wrap li{margin-right:16px;margin-bottom:60px;}
.teacher-wrap.unlimite .flex-wrap li:nth-child(4n){margin-right:0;}
.teacher-wrap .choice li{font-size:14px;color:#16181a;font-weight: bold;margin-left:15px;width:auto;background:url("/template/1/image/search_off.png")no-repeat left 0 top 8px;padding-left:10px;cursor:pointer;}
.teacher-wrap .choice li.active{background:url("/template/1/image/search_on.png")no-repeat left 0 top 5px;padding-left:18px;color:#505ed1}
.teacher-wrap .btn-more{text-align:center}
.teacher-wrap .btn-more button{font-size:16px;color:#80868b;border:1px solid #80868b;border-radius: 3px;padding:0 143px;height:50px;}
.teacher-wrap .top-line-add{margin-top:70px;border-top:1px solid #e1e1e1;padding-top:70px;}
.teacher-wrap .book-icon-group{position:absolute;top:20px;left:47px;}
.teacher-wrap .search-day{border-top:1px solid #ededed;margin-top:24px;padding-top:15px;font-size:13px;color:#7d7e80;}
.search-none{margin:102px 0 152px;text-align:center}
.search-none .title h2{font-size:22px;color:#16181a;font-weight: bold}
.search-none .txt{color:#7d7e80;font-size:16px;font-weight: bold;margin-top:12px;}
.search-none-result .slick-slide {margin: 0 8px;}
.search-none-result .slick-list {margin: 0 -8px;}
.search-none-result .slick-prev{position:absolute;left:-15px;top:67px;font-size:0;width:60px;height:62px;background: url('/template/1/img/section02/prev.png');z-index:5;}
.search-none-result .slick-next{position:absolute;right:-15px;top:67px;font-size:0;width:60px;height:62px;background: url('/template/1/img/section02/next.png');z-index:5}
.searchbar-wrap input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.searchbar-wrap input[type="checkbox"]:focus+label:before,
.searchbar-wrap input[type="checkbox"]:hover+label:before {
    border: 1px solid #cccccc;
}

.searchbar-wrap input[type="checkbox"]:not(:checked)+label:before {
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.searchbar-wrap input[type="checkbox"]:checked+label:before {
    border: 1px solid #4557c6;
    box-sizing: border-box;    
    background:#4557c6;
}

.searchbar-wrap input[type="checkbox"]+label {
    position: relative;
    padding-left: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    color: #16181a;
    background:none;
    white-space: nowrap;
}

.searchbar-wrap input[type="checkbox"]+label:before {
    box-sizing: content-box;
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #fff;
}

.searchbar-wrap input[type="checkbox"]+label:after {
    content: '';
    position: absolute;
    background-color: transparent;
    top: 4px;
    left: 5px;
    width: 7px;
    height: 5px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 2px 2px;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -o-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
}

.searchbar-wrap input[type="checkbox"]:checked+label:after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
}


.searchbar-wrap input[type="radio"]:checked,
.searchbar-wrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.searchbar-wrap input[type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.searchbar-wrap input[type="radio"]+label {
    position: relative;
    padding-left: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    color: #16181a;
    background:none;
    white-space: nowrap;
}
.searchbar-wrap input[type="radio"]:checked+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.searchbar-wrap input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #cecece;
    border-radius: 100%;
    background: #fff;
}

.searchbar-wrap input[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #4557c6;
    border-radius: 100%;
    background: #fff;
}

.searchbar-wrap input[type="radio"]:checked+label:after,
.searchbar-wrap input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #4557c6;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.searchbar-wrap input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border: 1px solid #a1a1b4;
}

.searchbar-wrap input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#brake_section {
    margin-top:65px;
    height: 91px;
    background: url("../img/section03/banner.jpg")no-repeat center;
    /*text-align: center;*/
    color: white;
}
#brake_section > div{
    top: 20px;
}

#brake_section > div > * {
    display: inline-block;
    vertical-align: top;
}

#brake_section .bat > div{
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}
#brake_section a.cal_btn {
    width: 230px;
    height: 50px;
    line-height:50px;
    text-align:center;
    border-radius: 30px;
    border: none;
    color: white;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    background: linear-gradient(to left, #685aeb, #5b75f4);
    letter-spacing:-2px;
}
#brake_section button > span:nth-child(1){
    margin-right: 12px;
}

#brake_section button > span:nth-child(2){
    margin-left: 18px;
}

#brake_section button > span:nth-child(2) img{
    vertical-align: middle;
}

#brake_section .title{
    font-family: 'Noto Sans CJK KR Bold',sans-serif;
    font-size: 24.5px;
    font-weight: bold;
    line-height: 1.06;
    color: #ffffff;
    margin-right: 26px;
    transform:translateY(12px);
}

#brake_section .title > span{
    display: inline-block;
    transform:translateY(-2px);
    margin-left:14px;
}
#brake_section .bat{
    font-family: 'Noto Sans CJK KR Medium',sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    /*margin-top: 1.5%;*/
}
#brake_section .bat > div:nth-child(1){

}

#brake_section .bat > div:nth-child(2){
    padding-right: 7px;
    border-right: 2px solid #e5e5e5;
}


.brake_vertical_slider{
    /*width: 440px;*/
    width: 630px;
    height: 77px;
    margin-top: -11px;
}

.brake_vertical_slider .list{
    width: 640px;
}

.brake_vertical_slider .list > div{
    float: left;
}

.brake_vertical_slider .list > div:nth-child(2){
    transform:translateY(-5px);
}

.brake_vertical_slider .top{
    padding-top: 4px;
    font-family: 'Noto Sans CJK KR Bold',sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 7px;
    letter-spacing:-1px;
}

.brake_vertical_slider .bottom{
    font-size: 13px;
    color: #cccccc;
    padding-bottom: 10px;
}

.brake_vertical_slider .slick-slide{
    /*height: 91px;*/
    margin: 10px 0;

}
.bottom-space{height:114px;}
.main_title.center{text-align:center;}.left_rolling_banner .slick-slide
.teacher .more-teacher{vertical-align: 3px}
.teacher-slide-height .slick-list{height:445px;}
.brake_vertical_slider .slick-list{height:77px !important;}
/*border add*/
.lecture-recommend .recommend li > div:first-child,
.teacher-slide-height .img_section,
.teacher-wrap .img_section,
.academy li > div:first-child img
{border:1px solid #e1e1e1;}
.left_rolling_banner{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-radius:0 5px 5px 0;}
.left_rolling_banner img{border-radius:0 5px 5px 0}